html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {display:block;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr {border:0;}
i,cite,em,var,address,dfn {font-style:normal;}
[hidefocus],summary {outline:0;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6,small {font-size:100%;}
sup,sub {font-size:83%;}
pre,code,kbd,samp {font-family:inherit;}
q:before,q:after {content:none;}
textarea {overflow:auto;resize:none;}
label,summary {cursor:default;}
a,button {cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b {font-weight:bold;}
del,ins,u,s,a,a:hover {text-decoration:none;}
body,textarea,input,button,select,keygen,legend {color:#333;outline:0;}
body {font-family:Arial,sans-serif,"Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';color: #333;}
a,a:hover,a.active {color:inherit;}
a,button,input {-webkit-tap-highlight-color:rgba(255,0,0,0);}
body {font-size:0.32rem;}
.clearfix:after,.tagList:after {content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix,.tagList {zoom:1;}
.fl,.flli li {float:left;}
.fr {float:right;}
.sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.sizing_bd{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.flex{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex1{-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}
.elli2{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.elli3{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.elli4{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.elli1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bodys {}
.hbtn{animation:btnwrapper 2s infinite; position: relative; overflow: hidden;}
@keyframes btnwrapper{
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
}
.babtn{overflow: hidden; position: relative; display: block;}
.babtn:after{position:absolute;display:block;content:'';top:50%;left:50%;background:rgba(105,221,214,0.1);width:680px;height:680px;border-radius:50%;margin-left:-340px;margin-top:-340px;animation:spread 1.5s infinite both;-webkit-animation:spread 1.5s infinite both;-moz-animation:spread 1.5s infinite both;-o-animation:spread 1.5s infinite both;z-index:1;}
@keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.wbody{ width: 100%;max-width: 750px;margin-left: auto; margin-right: auto; }
.header{ width: 100%; background-image: url('../images/header.png');background-size: 100% 9.2rem; background-repeat: no-repeat;margin-bottom: 0.96rem;}
.compent{ color: #D1E6FF;font-size: 0.2rem;line-height: 0.28rem; padding: 0.15rem 0.3rem;margin-bottom: 7.6rem;}
.logo{text-align: center;font-size: 0.36rem;line-height: 0.5rem;font-family: PingFangSC-Medium, PingFang SC;}
.logo img{ display: block; width: 1.46rem;margin: 0 auto 0.24rem; }
.hbtn{ display: block;width: 6.7rem;height: 0.96rem;background: #2186FF;box-shadow: 0 0.04rem 0.16rem 0 rgba(33,134,255,0.5000);border-radius: 0.2rem;margin: 0.5rem auto 0;font-size: 0.32rem; color: #fff;text-align: center;line-height: 0.96rem;}
.mTitle{height: 0.8rem;width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 100%;text-indent: -9999em;}
.mt1{ background-image: url('../images/mt1.png'); margin-bottom: 0.54rem;}
.mt2{ background-image: url('../images/mt2.png'); margin-bottom: 0.32rem;}
.mt3{ background-image: url('../images/mt3.png'); margin-bottom: 0.24rem;}
.mt4{ background-image: url('../images/mt4.png'); margin-bottom: 0.4rem;}
.nglist li{ width: 25%;float: left;text-align: center; font-size: 0.24rem;line-height: 0.34rem;margin-bottom: 0.55rem;}
.nglist li span{ display: block; width: 0.76rem; height: 0.76rem;margin: 0 auto 0.24rem; background-size: 100% 100%;}
.nglist li .n1{ background-image: url('../images/n1.png'); }
.nglist li .n2{ background-image: url('../images/n2.png'); }
.nglist li .n3{ background-image: url('../images/n3.png'); }
.nglist li .n4{ background-image: url('../images/n4.png'); }
.nglist li .n5{ background-image: url('../images/n5.png'); }
.nglist li .n6{ background-image: url('../images/n6.png'); }
.nglist li .n7{ background-image: url('../images/n7.png'); }
.nglist li .n8{ background-image: url('../images/n8.png'); }
.jietu{padding: 0.3rem 0.44rem 0;margin-bottom: 0.58rem;}
.jietu img{ display: block; width: 100%;display: block; }
.yllist{ padding-left: 0.25rem;padding-right: 0.25rem;margin-bottom: 0.58rem; }
.yllist li{ width: 50%;float: left;margin-bottom: 0.42rem; }
.yllist li .box{margin: 0 0.15rem;}
.yllist li img{ display: block; width: 100%;margin-bottom: 0.2rem; }
.yllist li .tt{font-size: 0.34rem;line-height: 0.48rem;overflow: hidden;height: 0.48rem;font-weight: 600;margin-bottom: 0.14rem;}
.yllist li .text{font-size: 0.26rem;line-height: 0.36rem;color: #666;font-weight: 400;}
.ysimg{ padding: 0 0.4rem; margin-bottom: 0.76rem;}
.ysimg img{ display: block; width: 100%; }
.commentBox{padding: 0 0.4rem;}
.commentBox .comment{ background-color: #F1F7FF;border-radius: 0.32rem;padding: 0.3rem 0.3rem 0.01rem; }
.comment li{margin-bottom: 0.4rem;}
.comHeader{height: 0.8rem;line-height: 0.8rem;font-size: 0.32rem; font-weight: 500;margin-bottom: 0.16rem;}
.comHeader img{height: 0.8rem;width: 0.8rem;float: left; margin-right: 0.24rem;}
.comment .text{font-weight: 400;font-size: 0.28rem; color: #666;line-height: 0.44rem;}
footer.compent{padding: 0.4rem;text-align: center; color: #999;line-height: 0.32rem;margin-bottom: 1.4rem;}
.fixedBtn{ position: fixed;left: 0; right: 0; bottom: 0; overflow: hidden; padding-bottom: 0.4rem;display: none;z-index: 99;}