@charset "utf-8";
* {word-wrap:break-word;word-break:normal;box-sizing:border-box;outline: none;}
html{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    font-size:calc((100vw / 375) * 18);/*1rem = 20px*/
}
body {
    background: #ffffff;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size:1rem;
}

li{list-style: none;}
ul,li,p{padding:0;margin:0;}
a:hover {text-decoration: none;}
a:link,a:visited,a:active {text-decoration: none;}
img{border: 0;}
[v-cloak] {display: none;}
input,button,textarea,select{font-family:system-ui,-apple-system,BlinkMacSystemFont,'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';}

.pxbm a{ width:150px; height:65px; display:table; background:#409EFF; text-align:center; line-height: 65px; color: #fff;
}


a{transition: all .25s;}
.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}

/*	链接样式	*/
a {color:#262626;}
a:hover {text-decoration: none;color: #005775;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#ffffff;}
a.nav-link:hover {text-decoration:none; color:#005775;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link {color:#fff;}
a.white-link:hover {text-decoration:none; color:#f0ab49;}
a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;}

a.red-link{color: #a80000;}
a.red-link:hover {text-decoration:none;color:#484848; }
a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;}

a.blue-link {color:#1d6dc5;}
a.blue-link:hover {text-decoration:none;color:#f90; }
a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;}

a.green-link{color:#155f50;}
a.green-link:hover {text-decoration:none;color:#444444; }
a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;}

a.yellow-link{color:#F1A325;}
a.yellow-link:hover {text-decoration:none;color:#353535; }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}

/*	字体颜色	 */
.text-white {color: #ffffff;}
.text-black {color: #000;}
.text-dark {color: #353535;}

.text-gray {color:#808080;}
.text-gray-darker {color: #222222;}
.text-gray-dark {color: #333333;}
.text-gray-light {color: #DDDDDD;}
.text-gray-lighter {color: #E5E5E5;}
.text-gray-pale {color: #F1F1F1;}

.text-danger {color: #EA644A;}
.text-warning {color: #F1A325;}
.text-success{color: #38B03F;}
.text-info{color: #03B8CF;}
.text-important{color:#BD7B46;}
.text-special{color: #8666B8}

.text-danger-pale{color: #FFE5E0;}
.text-warning-pale{color: #FFF0D5;}
.text-succes-pale {color: #DDF4DF;}
.text-info-pale {color: #DDF3F5;}
.text-important-pale{color: #F7EBE1;}
.text-special-pale{color: #F5EEFF;}



.mar-b-2rem{margin-bottom: 2rem;}
.mar-b-1rem{margin-bottom: 1rem;}
.mar-b-20{margin-bottom: 20px;}
.mar-b-50{margin-bottom: 50px;}
.mar-b-60{margin-bottom: 60px;}
.mar-b-100{margin-bottom: 100px;}
.mar-t-10{margin-top: 10px;}
.width-100{width: 100%;}
.empty{float: left;width: 100%;padding:3rem 1rem;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.empty .image{max-width: 40%;overflow: hidden;}
.empty .image img{float:left;width: 100%;}
.empty .name{padding:1rem 0;color:#999999;}

.hide{display: none;}

.x-empty{float: left;width: 100%;text-align: center;padding:10%;background-color:#ffffff;overflow: hidden;}
.x-empty i{
    width:80px;height:80px;line-height:80px;text-align:center;
    font-size:50px;background-color: #fafafa;border-radius: 50%;overflow: hidden;}

.x-msg{
    float: left;width: 100%;
    display: flex;flex-flow: column nowrap;
    align-content: center;align-items: center;
    overflow: hidden;}
.x-msg .ico-success{margin-top:2rem;padding:0;font-size:120px;color: #198754;}
.x-msg .ico-error{margin-top:2rem;padding:0;font-size:120px;color: #dc3545;}
.x-msg .msg-box{padding:2rem;width:100%;text-align: center;color: #adb5bd;}
.x-msg .btn-box{padding:2rem;width:100%;font-size:2rem;}


.text-overflow{
    overflow:hidden;text-overflow: ellipsis;
    display:-webkit-box;
    /*-webkit-line-clamp: 2;*//*第几行裁剪*/
    -webkit-box-orient:vertical;
}
.text-line-clamp-1{-webkit-line-clamp: 1;}
.text-line-clamp-2{-webkit-line-clamp: 2;}
.text-line-clamp-3{-webkit-line-clamp: 3;}
.text-line-clamp-4{-webkit-line-clamp: 4;}
.text-line-clamp-5{-webkit-line-clamp: 5;}

.flex{display: flex;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.just-content-center{justify-content: center;}
.just-content-space-between{justify-content: space-between;}
.flex-none{flex:none;}
.flex-auto{flex:auto;}
.go-top{position:fixed;right:0;bottom:2rem;background-color:rgba(0,0,0,.5);color:#ffffff;opacity:50%;border-top-left-radius: 1rem;border-bottom-left-radius:1rem;text-align: center;width: 2rem;height: 2rem;line-height: 2rem;/*font-size:2rem;*/overflow:hidden;}
.swiper-slide img{float: left;width: 100%;}

header{
    position: fixed;z-index: 999;
    float:left;width: 100%;height:3rem;padding:.5rem;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: center;
    background-color: #ffffff;color:#005aab;border-bottom:1px solid #3170aa;
    background-image: url(../images/header_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    overflow: hidden;}
.logo{height: 2rem;}
.logo img{float:left;height: 2rem;}
.menu{width: 2rem;height: 2rem;line-height: 2rem;font-size:1rem;text-align: center;overflow: hidden;}
.banner{float:left;margin-top:3rem;margin-bottom:0;width: 100%;overflow:hidden;}
.bottom{float: left;width: 100%;background-color: #2b73cc;color:#ffffff;
    text-align: center;
    padding:1rem;font-size:.8rem;overflow: hidden;}

.bottom-qrcode{
    float: left;width: 100%;background-color: #2b73cc;color:#ffffff;
    padding:.5rem;
    border-bottom:1px solid #2563af;
    text-align: center;overflow: hidden;}
.bottom-qrcode ul {float: left;width: 100%;display: flex;flex-flow: row nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;overflow: hidden;}
.bottom-qrcode ul li{float: left;width: 33.33%;padding:.5rem;overflow: hidden;}
.bottom-qrcode ul li img{float: left;width: 100%;background-color:#ffffff;border-radius:5px;padding:.25rem;overflow: hidden;}
.bottom-qrcode ul li .label{float: left;width:100%;padding:.25rem 0;font-size:.7rem;text-align:center;overflow: hidden;}

.nav{
    position: fixed;z-index: 999;display: none;
    float: left;left:0;right:0;top:3rem;bottom:0;padding:2rem;background-color: rgba(53,121,183,.95);color:#ffffff;
    overflow-x: hidden;overflow-y: auto;}
.nav .nav-ul{float: left;width: 100%;overflow: hidden;}
.nav .nav-ul .nav-li{float: left;width: 100%;padding:5px 0;overflow: hidden;}
.nav .nav-ul .nav-li .name{float: left;width: 100%;text-align: left;font-size:1.2rem;font-weight:400;color:#ffffff;overflow: hidden;}
.nav .nav-ul .nav-li .name a{float:left;width:100%;color: #ffffff;}
.nav .nav-ul .nav-li .drop-nav{float: left;margin:10px -1% 0 -1%;width: 102%;overflow: hidden;}
.nav .nav-ul .nav-li .drop-nav ul{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start;align-items:flex-start;}
.nav .nav-ul .nav-li .drop-nav ul li{
    flex:auto;margin:1%;width: 48%;
    font-size:.9rem;background-color:rgba(255,255,255,.2);
    height: 2rem;line-height: 2rem;
    padding:0 1rem;border-radius:2px;overflow: hidden;}
.nav .nav-ul .nav-li .drop-nav ul li a{float:left;width:100%;color: #ffffff;opacity:80%;height: 2rem;line-height: 2rem;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nav-mark{position: fixed;z-index: 999;left:0;top:5rem;width: 50px;background-color: rgba(0,0,0,.5);bottom:0;display:block;overflow: hidden;}

.index-title{float: left;width: 100%;height: 3rem;line-height:3rem;border-bottom:1px solid #dbdbdb;}
.index-title ul li{float: left;line-height:3rem;padding:0 1rem;font-size:.8rem;color:#666666;position:relative;overflow: hidden;transition: all .1s;}
.index-title ul li:after{content: '';width: 0;height: 2px;position: absolute;left:50%;bottom:0px;background-color: #0a53be;display: block;border-radius: 1px;transition: all .2s;}
.index-title ul .selected{font-size:1rem;color:#0a53be;}
.index-title ul .selected:after{left:0;width: 100%;}

.title-wrap{float: left;width: 100%;line-height:1.5rem;margin-bottom:0;border-bottom:1px solid #eeeeee;padding:1.25rem 1rem;overflow: hidden;}
.title-wrap .name{float: left;padding:0;/*background-color: #005aab;color:#ffffff;*/font-size:1rem;color:#999999;font-weight:400;overflow: hidden;}
.title-wrap .selected{font-size:1.25rem;color:#0a53be;}
.title-wrap .more{float: right;margin-left:1rem;color:#074E8E;font-size:1rem;padding:0 .2rem;overflow: hidden;}


.index-ads-1{float:left;width:100%;margin-top:0;overflow:hidden;}
.index-ads-1 ul{float:left;width:100%;padding:0;display:flex;flex-flow:row wrap; justify-content:space-between;align-content:center;align-items:flex-start;overflow:hidden;}
.index-ads-1 ul li{flex:auto;width:33.33%;padding:0;margin-bottom:0;overflow:hidden;}
.index-ads-1 ul li img{float:left;width: 100%;overflow:hidden;}

.index-ads-2{float:left;width:100%;overflow:hidden;}
.index-ads-2 ul{float:left;width:100%;padding:.5rem ;display:flex;flex-flow:row wrap; justify-content:space-between;align-content:center;align-items:flex-start;overflow:hidden;}
.index-ads-2 ul li{flex:auto;width:50%;padding:.5rem;overflow:hidden;}
.index-ads-2 ul li img{float:left;width: 100%;overflow:hidden;}

.index-ads-3{float:left;width:100%;overflow:hidden;}
.index-ads-3 ul{float:left;width:100%;padding:0 ;display:flex;flex-flow:row wrap; justify-content:space-between;align-content:center;align-items:flex-start;overflow:hidden;}
.index-ads-3 ul li{flex:auto;width:33.3333%;margin-bottom:0;overflow:hidden;}
.index-ads-3 ul li img{float:left;width: 100%;overflow:hidden;}

.index-ads-5{float:left;width:100%;padding:10px;overflow:hidden;}
.index-ads-5 ul{float:left;width:100%;padding:0 ;display:flex;flex-flow:row wrap; justify-content:space-between;align-content:center;align-items:flex-start;overflow:hidden;}
.index-ads-5 ul li{flex:auto;width:20%;margin-bottom:0;overflow:hidden;}
.index-ads-5 ul li img{float:left;width: 100%;overflow:hidden;}

.index-ads{float:left;width:100%;overflow:hidden;}
.index-ads ul{float:left;width:100%;overflow:hidden;}
.index-ads ul li{flex:auto;width:100%;margin-bottom:0;overflow:hidden;}
.index-ads ul li img{float:left;width: 100%;overflow:hidden;}

.index-video{float:left;width:100%;margin-bottom:1rem;background-color:#000000;overflow:hidden;}
.index-video video{float: left;width: 100%;object-fit: cover;object-position: center;}

.index-form{float:left;width: 100%;
    background-color:#dbdbdb;
    background-image: url(../images/bm-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;}
.index-form .bmForm{
    float: left;width: 100%;
    padding:1rem;
    background-color: rgba(255,255,255,.1);backdrop-filter: blur(5px);}
.index-form .title{float: left;width: 100%;font-size:1.25rem;padding:.5rem 0;color:#3271ee;text-align: center;margin-bottom: .5rem;overflow: hidden;}
.index-form .item{float:left;width: 100%;overflow: hidden;}
.index-form .item ul li{float:left;width: 100%;margin-bottom: .5rem;overflow: hidden;}
.index-form .item ul li input{float:left;font-size:.8rem;border:0;text-align:center;width:100%;height:3rem;margin:0;outline:none;padding:0 .25rem;background-color: #ffffff;border-radius: 4px;overflow: hidden;}
.index-form .item ul li button{
    float:left;border:0;font-size:.9rem;text-align:center;width:100%;height:3rem;
    margin:0;outline:none;
    padding:0 .25rem;background-color: #3271ee;color:#ffffff;cursor:pointer;
    border-radius: 4px;overflow: hidden;}


.tczx{margin-top:0;margin-bottom:0;background: url(../images/tczx.jpg) no-repeat center center;background-size:cover;}


.news-box{float: left;width: 100%;padding:0 1rem;overflow: hidden;}
.news-text-li{
    float: left;width: 100%;background-color:#ffffff;border-radius:4px;padding:1rem 0;
    line-height:2rem;text-align:justify;overflow: hidden;}
.news-text-li a{display: flex;flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;}
.news-text-li .ico{flex:none;margin-right: 1rem; }
.news-text-li .title{flex:auto;font-size:1.7rem;}
.news-text-li .date{flex:none;margin-left: 1rem;font-size:1.2rem;color: #074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; }


.news-image-li{float: left;width: 100%;text-align:justify;padding:1rem 0;border-bottom:1px solid #eee;overflow: hidden;}
.news-image-li:nth-child(even){background-color: #ffffff;}
.news-image-li a{}
.news-image-li .title{float:left;width: 100%;font-size:1rem;line-height: 2rem;color:#074e8e;margin-bottom:5px;overflow: hidden;}
.news-image-li .image-text{float:left;width: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;overflow: hidden;}
.news-image-li .image-text .image{flex:none;width: 40vw;margin-right: 1rem;margin-top:.25rem;overflow: hidden;}
.news-image-li .image-text .image img{float: left;width: 100%;}
.news-image-li .image-text .info{flex:auto;width: 100%;text-align:justify;overflow: hidden;}
.news-image-li .image-text .info .demo{float:left;width: 100%;font-size:.8rem;color:#5c5d5e;margin-bottom:10px;overflow: hidden;}
.news-image-li .image-text .info .date{float:left;height:1.5rem;line-height:1.5rem;font-size:.7rem;color:#ffffff;border-radius:.75rem;padding:0 .75rem;background-color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:30%;overflow: hidden; }
.news-image-li:nth-child(even) .title{color: #333333;}
.news-image-li:nth-child(even) .image-text .info .date{background-color: #666666;}

.thumb-box{float: left;width: 100%;padding:0rem;overflow: hidden;}
.thumb-box .ul-a{float: left;width:100%;padding:.5rem;margin-right: .5rem;
    display:flex;flex-flow:row nowrap;overflow-x: auto;overflow-y: hidden;}
.thumb-box .ul-a li{
    flex:none;margin:.5rem;float: left;border-radius: 4px;
    box-shadow: 0 0 10px 1px rgba(71, 71, 71, 0.5);
    width:50vw;border:0px solid #999999;background-color:#fafafa;overflow: hidden;}
.thumb-box .ul-a li .image{float: left;width: 100%;overflow: hidden;}
.thumb-box .ul-a li .image img{float: left;width: 100%;overflow: hidden;}
.thumb-box .ul-a li .title{float: left;width: 100%;text-align:center;font-size:.9rem;
    height:3rem;line-height:3rem;background-color:#ffffff;padding:0 1rem;overflow: hidden;}

.page-nav{float:left;width: 100%;overflow: hidden;}
.category{display:none;float: left;width: 100%;background-color: #005aab;color: #ffffff;padding:.75rem;overflow: hidden;}
.category ul{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
.category ul li{flex:auto;margin:.25rem;background-color: #ffffff;height: 2rem;line-height: 2rem;font-size:.8rem;padding:0 1rem;overflow: hidden;}
.category ul li a{float: left;width: 100%;}

.page-main{float: left;width: 100%;padding:1rem;background-color:#ffffff;overflow: hidden;}
/*.page-main .page-ul{display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: flex-start;align-items: flex-start;}*/
.page-main .page-item{float: left;width: 100%;text-align:justify;padding:2rem 0;border-bottom:1px dotted #becfd7;overflow: hidden;}
.page-main .page-item:nth-child(even){background-color: #fafafa;}
.page-main .page-item .title{float:left;width: 100%;margin-bottom:5px;line-height:2.5rem;font-size:1.7rem;color:#074e8e;overflow: hidden;}

/*.page-main .page-item a{display: flex;flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;}*/
.page-main .page-item .image-text{float:left;width:100%;display: flex;flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;overflow: hidden;}
.page-main .page-item .image{flex:none;width: 40vw;/*background-color:#ffffff;padding:.5rem;*/margin-right: 1rem;margin-top:.25rem;overflow: hidden;}
.page-main .page-item .image img{float: left;width: 100%;}
.page-main .page-item .info{flex:auto;width: 100%;text-align:justify;line-height:2rem;overflow: hidden;}
.page-main .page-item .info .title{float:left;width: 100%;font-size:1.7rem;color:#074e8e;overflow: hidden;}
.page-main .page-item .info .demo{float:left;width: 100%;font-size:1.4rem;color:#5c5d5e;overflow: hidden;}
.page-main .page-item .info .date{float:left;width: 100%;font-size:1.2rem;color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; }

.page-image-main{float: left;width: 100%;padding:.5rem;overflow: hidden;}
.page-image-main .tips{float: left;color:#333;width: 100%;padding:.5rem;font-size:.9rem;margin-bottom: 0;text-align: justify;overflow: hidden;}

.page-image-main .page-image-item{float: left;border-radius:2px;width: calc(50vw - 1.5rem);margin:.5rem;box-shadow:0 0 10px 2px rgba(76, 76, 76, 0.5);overflow: hidden;}
.page-image-main .page-image-item .image{float: left;width: 100%;overflow: hidden;}
.page-image-main .page-image-item .image img{float: left;width: 100%;}
.page-image-main .page-image-item .title{
    float: left;width: 100%;padding:0 .5rem;border-top:1px solid #dbdbdb;
    height:2.5rem;line-height:2.5rem;text-align:center;font-size:.9rem;
    display: inline-block;white-space:nowrap;text-overflow:ellipsis;
    background-color:#ffffff;overflow: hidden;}


/* 分页 */
.page{float: left;width: 100%;margin: 20px 0;overflow: hidden;}
.page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}
.page ul li{cursor:pointer;background-color:#1d50a3;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;overflow: hidden;}
.page ul li:hover{background-color: #00c07a;color: #ffffff;}
.page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;}
.page ul li span{padding:0 10px;}
.page .disabled{background-color: #484848;color: #ffffff;}
.page .active{background-color: #ea644a;color: #ffffff;}

.page-content{float:left;width: 100%;padding:1rem;background-color:#ffffff;text-align:justify;overflow: hidden;}
.page-content .content-title{float: left;width: 100%;font-size:1.5rem;text-align: center;overflow:hidden;}
.page-content .content-date{float: left;width: 100%;text-align:center;font-size:.7rem;padding:.5rem 0;border:1px dashed #efefef;border-left:0;border-right:0;overflow:hidden;}
.page-content .content-demo{
    float: left;width: 100%;position: relative;background-color:#fafafa;
    border-left:4px solid #dbdbdb;padding:1rem;line-height:1.5rem;font-size:.9rem;
    color:#aaaaaa;overflow: hidden;}
.page-content .content-text{float: left;width: 100%;/*font-size:1.7rem;line-height:2.8rem;*/margin-bottom:2rem;overflow: hidden;}
.page-content .content-text img{max-width: 100%;}
.page-content .content-text table{max-width: 100%;border:1px solid #999999;border-collapse: collapse;}
.page-content .content-text table tr td{padding:5px;}


.contact-map{float: left;width: 100%;height: 50vh;border-radius: 5px;border:1px solid #dbdbdb;margin:1rem 0;overflow: hidden;}

.page-content  .page-per-next{float: left;width: 100%;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #dbdbdb;overflow: hidden;}
.page-content  .page-per-next ul li{float: left;width: 100%;background-color: #fafafa;
    margin-top:.5rem;padding:0 .5rem;font-size:.8rem;
    height: 2.5rem;line-height: 2.5rem;white-space:nowrap;text-overflow:ellipsis;display:inline-block;
    border-radius:.5rem;overflow: hidden;}

.about{float: left;width: 100%;padding:1rem;overflow: hidden;}
.about .image{float: left;width: 100%;margin-bottom:1rem;overflow: hidden;}
.about .image img{float: left;width: 100%;}
.about .title {float: left;width: 100%;padding-bottom:1rem;font-size:1.25rem;text-align: justify;overflow: hidden;}
.about .subtitle {float: left;margin-bottom:1rem;font-size:.8rem;width: 100%;text-align: justify;overflow: hidden;}
.about .text {float: left;width: 100%;text-align: justify;overflow: hidden;}
.about .item-link{float: left;width: 100%;text-align: left;padding:1rem 0;overflow: hidden;}

.message-board{float:left;width: 100%;padding:1rem;overflow: hidden;}
.message-board ul li{float:left;width: 100%;padding:.5rem 1rem;overflow: hidden;}
.message-board .form-controller{float:left;width: 100%;display:flex;flex-flow:row nowrap;
    justify-content:flex-start;align-content:center;align-items:center;overflow: hidden;}
.message-board .form-controller .label{flex:none;float:left;/*font-size:1.5rem;*/width: 4rem;line-height:37px;text-align:left;padding-right:10px;overflow: hidden;}
.message-board .form-controller .ipt{flex:auto;float:left;height:37px;border:1px solid #e6e6e6;padding:0 10px;border-radius:2px;overflow: hidden;}
.message-board .form-controller .area{flex:auto;float:left;border:1px solid #e6e6e6;padding:10px;border-radius:2px;overflow: hidden;}
.message-board .form-controller .btn{flex:none; margin-right:10px;cursor:pointer;float:left;
    background-color:#1E9FFF;color:#ffffff;height:37px;border:1px solid #1594F3;padding:0 20px;border-radius:2px;overflow: hidden;}
.message-board .form-controller .btn:hover{background-color: #55b2f8;border:1px solid #29a0f8; }
.message-board .form-controller .ipt:focus,
.message-board .form-controller .area:focus{border:1px solid #cccccc;}
.message-board .form-controller .captcha{flex:none;margin-left:10px;float:left;height:37px;border:1px solid #e6e6e6;cursor:pointer;border-radius:3px;overflow: hidden;}


.cert-query{width: 100%;background-color:#efefef;padding:10px;overflow: hidden;}
.cert-query .cert-query-top{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;width: 100%;padding:30px;
    display:flex;flex-flow:row nowrap;
    justify-content: space-between;align-items: center;align-content: center;
    border-bottom:1px solid #2b73cc;
    background-color: #2b73cc;overflow: hidden;}
.cert-query .cert-query-top .name{flex:auto;width: 100%;color:#ffffff;font-size:1.5rem;line-height:2rem;text-align:left;overflow: hidden;}
.cert-query .cert-query-top .image{flex:none;float: right;width: 120px;overflow: hidden;}
.cert-query .cert-query-top .image img{float: left;width: 100%;}
.cert-query .cert-query-main{
    float: left;width: 100%;
    border-top:1px solid #0b5628;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ffffff;padding:10px;overflow: hidden;}
.cert-query .cert-query-main .cert-query-main-search{float: left;margin-bottom:30px;width: 100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-content:center;align-items:center;overflow: hidden;}
.cert-query .cert-query-main .cert-query-main-search .ipt{height: 50px;border:1px solid #d2ba7a;border-right:0;width: 60%;padding:0 20px;line-height:48px;color:#333333;font-weight:bolder;outline:none;transition:all .5s;overflow: hidden;}
.cert-query .cert-query-main .cert-query-main-search .ipt::placeholder{font-weight: normal;}
/*.cert-query .cert-query-main .cert-query-main-search .ipt:focus{border:1px solid #036e5b;}*/
.cert-query .cert-query-main .cert-query-main-search .btn{height: 50px;padding:0 20px;cursor:pointer;background-color: #d2ba7a;color: #ffffff;border:1px solid #d2ba7a;border-left:0;outline:none;overflow: hidden;}
.cert-query .cert-query-main .cert-query-main-search .btn:hover{background-color: #b9a264;}
.cert-query .cert-query-main .cert-query-main-result{float:left;width: 100%;overflow:auto;}
.cert-query .cert-query-main .cert-query-main-result table{width: 100%;border-collapse: collapse;overflow: hidden;}
.cert-query .cert-query-main .cert-query-main-result table tr td{padding:5px;border:1px solid #dbdbdb;}
.cert-query .cert-query-main .cert-query-main-result .image{float: left;width: 100%;overflow: hidden;}
.cert-query .cert-query-main .cert-query-main-result .image img{float: left;width: 100%;overflow: hidden;}

.bottom-group-fix{float: left;width: 100%;height: 2.5rem;display: block;overflow:hidden;}
.bottom-group{
    position:fixed;bottom:0;left:0;float: left;width: 100%;height: 2.5rem;padding:.25rem;border-top:1px solid #2564b3;
    display: flex;flex-flow: row nowrap;justify-content:space-between;align-content:center;align-items:center;
    background-color: #2b73cc;color:#ffffff;overflow: hidden;}
.bottom-group .item{flex:auto;width: 25%;height:2rem;color:#ffffff;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden; }
.bottom-group .item i{height: 1.25rem;line-height:1.25rem;font-size:1.25rem;}
.bottom-group .item .label{height: 0.75rem;line-height: 0.75rem;font-size:.6rem;}

.member-top{float: left;margin-top:3rem;width: 100%;overflow: hidden;}
.member-top .member-top-box{position:relative;float:left;width:100%;padding-bottom:1.5rem;}
.member-top .member-top-box::before{
    content:'';position: absolute;border-radius: 0 0 50% 50%;z-index: -1;
    height: 150px;width: 140%;left:-20%;bottom:0;background-color: #2b73cc;
    overflow: hidden;}

.member-top .member-top-box .member-top-box-info{
    float: left;width: 100%;
    display: flex;flex-flow: column wrap;justify-content: space-between;align-content: center;align-items: center;
    background-color: #2b73cc;color:#ffffff;padding:1.5rem 1.5rem 0 1.5rem;overflow:hidden;}
.member-top .member-top-box .member-top-box-info .avatar{flex:none;width:100px;overflow: hidden;}
.member-top .member-top-box .member-top-box-info .name{flex:auto;color:#ffffff;line-height:1.5rem;font-size:1rem;overflow: hidden;}

.member-wrap{float: left;width: 100%;overflow: hidden;}
.member-wrap .member-left{float: left;width: 100%;overflow: hidden;}
.member-wrap .member-left ul{float: left;width: 100%;padding-left:1rem;overflow: hidden;}
.member-wrap .member-left ul li{float: left;width: 100%;border-bottom:1px solid #efefef;padding:1rem;overflow: hidden;}
.member-wrap .member-left ul li i{width:2rem;text-align:center;margin-right:10px;border-right:1px solid #efefef;}

.member-main{float:left;width: 100%;padding:1rem;overflow: hidden;}
.member-box{float: left;width: 100%;padding:1rem;margin-top: 3rem;overflow: hidden;}
.member-box .record-table{
    float: left;width: 100%;margin-bottom: 20px;border: 1px solid #dbdbdb;font-size:14px;
    border-collapse: collapse;text-align: left;
    background-color: #fafafa;border-radius: 4px;
    overflow: hidden;}
.member-box .record-table tr td{
    border: 1px solid #efefef;font-size:.8rem;border-collapse: collapse;
    text-align: left;padding:10px 15px;
}

.rechargeable-card{float:left;width: 100%;border-radius:4px;padding:20px;cursor:pointer;position:relative;overflow: hidden;}
.rechargeable-card .selected{
    display: block;position:absolute;top:-50px;right:-50px;
    background-color: #ffc107;color:#ffffff;width: 100px;height: 100px;
    transform: rotate(45deg);
}
.rechargeable-card .image{float:left;width: 100%;overflow: hidden;}
.rechargeable-card .image img{float:left;width: 100%;overflow: hidden;}
.rechargeable-card .name{float: left;width: 100%;font-size:18px;line-height:30px;height:30px;overflow: hidden;}
.rechargeable-card .demo{float: left;width: 100%;font-size:14px;line-height:25px;height:25px;color:#999999;overflow: hidden;}
.rechargeable-card .card-bottom{float: left;width: 100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;overflow: hidden;}
.rechargeable-card .card-bottom .price{float:left;font-size:20px;color:#ea644a;}

.payment_method {float: left;width: 100%;position:relative;padding:4px;border-radius:4px;cursor:pointer;border:1px solid #efefef;overflow: hidden;}
.payment_method img{float: left;width: 100%;overflow: hidden;}
.payment_method .selected{
    display: block;position:absolute;top:-20px;right:-20px;
    background-color: #ffc107;color:#ffffff;width: 40px;height: 40px;
    transform: rotate(45deg);
}

.order-pay{float:left;width:100%;border-radius: .5rem;background-color:#f9f9f9;padding:1.5rem;position:relative;overflow: hidden;}
.order-pay .start{
    position: absolute;z-index:1;top:-2.5rem;right:-2.5rem;width: 5rem;height: 5rem;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    background-color: #009245;overflow: hidden;}
.order-pay .end{
    position: absolute;z-index:1;bottom:-2.5rem;left:-2.5rem;width: 5rem;height: 5rem;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    background-color: #009245;overflow: hidden;}
.order-pay .order-pay-title{float:left;width: 100%;margin-bottom:1rem;padding-left:0;border-bottom:1px dashed #aaaaaa;position:relative;overflow: hidden;}

.order-pay .order-row{float: left;width: 100%;text-align: center;font-size:.8rem;margin-bottom:.5rem;overflow: hidden;}
.order-pay .order-price{font-size:2rem;}
.order-pay .order-qrcode{margin:0 auto;width: 15rem;padding:1rem;background-color:#ffffff;position:relative;overflow: hidden;}
.order-pay .order-qrcode img,
.order-pay .order-qrcode canvas{float:left;width: 100%;overflow: hidden;}
.order-pay .order-qrcode .order-status{
    position: absolute;z-index:1;left:0;top:0;right:0;bottom:0;float:left;width: 100%;
    background-color: rgba(255,255,255,.9);display: none;
    overflow: hidden;}
.order-pay .order-qrcode .order-status i{
    width:100%;height:100%;font-size:5rem;color: #009245;text-align: center;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;
}


.order-pay .order-pay-tips{float: left;width: 100%;margin-bottom:1rem;padding:.5rem;font-size:.8rem;background-color: #ffffff;border-radius: 4px;overflow: hidden;}


.enroll-form{
    margin:0;
    background-color: #efefef;
    border-radius:0;width: 100%;padding:1rem;border:0px solid #dbdbdb;overflow: hidden;}
.enroll-form .major-label{font-size:1rem;}
.enroll-form .captcha{float:left;cursor: pointer;height: 40px;margin-left: 10px;border-radius: 4px;border: 1px solid #DCDFE6;overflow: hidden;}
.enroll-form .title{float:left;width: 100%;color:#303133;text-align:center;font-size:1rem;overflow: hidden;}

.full-pic{width: 100%;overflow: hidden;}
.full-pic img{float:left;width: 100%;}