@charset "UTF-8";
/*  Author:UED Version:1.0.0
*/
#container{max-width: 750px;margin:0 auto;}
html{font-size: 50px;}
@media screen and (min-width:320px) {html{font-size: 42.7px;}}
@media screen and (min-width:360px) {html{font-size: 48px;}}
@media screen and (min-width:375px) {html{font-size: 50px;}}
@media screen and (min-width:414px) {html{font-size: 55.2px;}}
*{padding: 0;margin:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body,button,input,select,textarea{font:12px/1.5 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif;-webkit-font-smoothing: antialiased;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input,button{border: 0;background: none;}
i{font-style:italic;}
ul,li{list-style: none;}
a{text-decoration: none;}
a:active, a:hover,input:focus,textarea:focus{outline: 0;}
img{display: block;}
[v-cloak]{display: none;}
/* video删除下载按钮 */
video::-internal-media-controls-download-button{display: none;}
video::-webkit-media-controls-enclosure{overflow: hidden;}
video::-webkit-media-controls-panel{width:calc(100%+30px);}

/* 0.5底边 */
.menu-list li:after{
    content: '';
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #D8D8D8 60%, transparent 60%) no-repeat left bottom;
    background-size: 100% 1px;
    z-index: -1;
}
.mod-list li:after{
    content: '';
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #e5e5e5 60%, transparent 60%) no-repeat left bottom;
    background-size: 100% 1px;
    z-index: -1;
}

/* icons */
.btn-close,.search-wrap:before,.footer-btns a:after,.author:before,.btn-play:after,.result:before{background: url('../images/icons.png') no-repeat 0 0;background-size: 1.98rem auto;position: absolute;}

input::-webkit-input-placeholder{color: #B2B2B2;}
.bg{background: #F7F7FC;}
.nav{position: fixed;top: 0;left: 0;right: 0;z-index: 2;background: #0A75FB;}
.nav h1{font-size: 0.26rem;color: #fff;margin-right: 30%;height: 0.88rem;line-height: 1rem;padding-left:1.77rem;}
.nav.nav2 h1{text-align: center;font-size: 0.3rem;margin: 0 30%;padding: 0;font-weight: bold;line-height: 0.88rem;height: 0.88rem;}
.btn-return{position: absolute;left: 0.3rem;top: 50%;width: 0.16rem;height: 0.16rem;border-bottom: 2px solid #fff;border-left: 2px solid #fff;text-indent: -999px;overflow: hidden;-webkit-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);border-radius: 0 0 0 2px;}
.logo{position: absolute;left: 0.2rem;background: url('../images/logo.png') no-repeat 0 0;background-size: cover;width:1.44rem;height:0.46rem;top:0.2rem;text-indent: -999px;overflow: hidden;}
.banner{position: relative;overflow: hidden;}
.banner-list{position: relative;width: 100%;overflow: hidden;}
.banner-list li{position: relative;float: left;}
.dot{position: absolute;left: 0;right: 0;bottom:0.2rem;text-align: center;}
.dot span{display: inline-block;width:0.12rem;height:0.12rem;border-radius:50%;background:#fff;margin: 0 0.06rem;}
.dot span.cur{background:#4B71FF;}
.btn-menu{position: absolute;width: 0.32rem;height: 2px;top: 50%;right: 0.2rem;background: #fff;}
.btn-menu:before,.btn-menu:after{content:'';position: absolute;left: 0;width: 100%;background: #fff;height: 2px;}
.btn-menu:before{top: -0.1rem;}
.btn-menu:after{bottom: -0.1rem;}
.dropdown{position: fixed;left: 0;top: 0.88rem;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 10;}
.search{background:#0A75FB;padding: 0.15rem 0.8rem 0.15rem 0.2rem;position: relative;}
.search-wrap{background: #fff;padding:0.1rem 0.1rem 0.1rem 0.64rem;border-radius: 0.08rem;position: relative;}
.search-wrap input{display: block;width: 100%;height: 0.4rem;font-size: 0.3rem;line-height: 0.4rem;}
.btn-close{right: 0.22rem;top: 0.3rem;width: 0.32rem;height: 0.32rem;background-position: -0.3rem 0;text-indent: -999px;overflow: hidden;}
.search-wrap:before{content:'';left:0.16rem;top:50%;width:0.28rem;height:0.3rem;background-position:-0.8rem 0;margin-top: -0.16rem;}
.menu-list{background: #fff;}
.menu-list li{position: relative;z-index: 1;height: 0.9rem;text-align: center;}
.menu-list li a{color:#333;font-size: 0.3rem;display: block;padding: 0.24rem 0.3rem;position: relative;top: -1px;}
.menu-list li.cur a{background: #F6F6F6;color: #0A75FB;}
.nav + *{margin-top: 0.88rem;}
.mod{background: #fff;padding: 0.6rem 0.3rem;margin-bottom: 0.2rem;}
.mod-tit{margin-bottom: 0.4rem;background: url('../images/titles.png') no-repeat center -0.7rem;background-size: 4.85rem auto;width:100%;height: 0.46rem;text-indent: -999px;overflow: hidden;}
.mod-tit.tit-zxsd{background-position: center -1.4rem;}
.mod-tit.tit-tzzhd{background-position: center 0;}
.block-blue{background:rgba(219,227,255,0.40);border-radius: 0.08rem;padding: 0.2rem;font-size: 0.3rem;color: #4B71FF;margin-bottom: 0.3rem;text-align: center;}
.mod-list{margin: 0 -0.3rem;}
.mod-list li{padding: 0.3rem 0.3rem 0.3rem 2.6rem;position: relative;z-index: 1;height: 1.5rem;}
.mod-list li figure{position: absolute;left: 0.3rem;top: 0.3rem;width: 2rem;height: 1.5rem;}
.mod-list li figure img{width: 100%;}
.mod-list li figure:after{content: '';position: absolute;left: 0;top: 0;width: 200%;height: 200%;border:1px solid #4B71FF;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;box-sizing: border-box;}
.mod-list li h2{font-size: 0.3rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;font-weight: bold;line-height: 1.4;height: 0.84rem;}
.mod-list li p{font-size: 0.24rem;color: #999;margin-top: 0.34rem;}
.link-more{display: block;margin:0.6rem auto 0;line-height: 0.6rem;text-align: center;background-image: linear-gradient(180deg, #4BC6FF 0%, #4B71FF 83%);background-image:-webkit-linear-gradient(top, #4BC6FF 0%, #4B71FF 83%);box-shadow: 0 6px 11px 0 rgba(64,92,202,0.40);font-size: 0.3rem;border-radius: 0.6rem;width: 2.5rem;color: #fff;}
.news-list li{padding:0.3rem;height: auto;}
.news-list li h2{height: auto;}
.news-list li p{margin-top: 0.2rem;}
.flex{display:-ms-flexbox;display:-webkit-flex;display: flex;-webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap}
.flex>*{ -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.news-list li .flex{margin-top: 0.1rem;}
.news-list li .flex h3{-webkit-flex: 1; -ms-flex: 1; flex: 1;margin-top: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;height: 1.4rem;font-size: 0.28rem;color: #555;line-height: 1.6;text-align: justify;}
.news-list li .flex figure{-webkit-flex:0 0 2rem; -ms-flex: 0 0 2rem; flex:0 0 2rem;position: relative;left: auto;top: auto;margin-left: 0.3rem;}
.ly-item{position: relative;border-radius: 0.1rem;overflow: hidden;margin-top: 0.6rem;}
.ly-item h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.28rem;color: #fff;padding: 0 0.2rem;line-height: 0.6rem;background: rgba(0, 0, 0, 0.4);position: absolute;left: 0;bottom: 0;right: 0;}
.tag{position: absolute;left:0.1rem;top: 0.1rem;font-size: 0.2rem;padding: 2px 5px;border-radius: 3px;}
.icon-online{display: inline-block;position: relative;padding-right:11px;vertical-align: -2px;}
.icon-online i{display:block;}
.icon-online i,.icon-online:before,.icon-online:after{width: 2px;height:0.24rem;background: #fff;-webkit-animation:stretch linear 1s infinite;animation:stretch linear 1s infinite;border-radius: 2px;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-transform: scaleY(.3);-ms-transform: scaleY(.3);transform: scaleY(.3);}
.icon-online:before,.icon-online:after{content:'';position: absolute;bottom: 0;-webkit-animation:stretch linear 1s infinite;animation:stretch linear 1s infinite;}
.icon-online:before{left: 4px;-webkit-animation-delay:.2s;animation-delay:.2s;}
.icon-online:after{left: 8px;-webkit-animation-delay:.3s;animation-delay:.3s;}
@-webkit-keyframes stretch{
    0%{-webkit-transform: scaleY(.3);transform: scaleY(.3);}
    50%{-webkit-transform: scaleY(1);transform: scaleY(1)}
    100%{-webkit-transform: scaleY(.3);transform: scaleY(.3)}
}
@keyframes stretch{
    0%{-webkit-transform: scaleY(.3);transform: scaleY(.3);}
    50%{-webkit-transform: scaleY(1);transform: scaleY(1)}
    100%{-webkit-transform: scaleY(.3);transform: scaleY(.3)}
}
.tag-red{color: #fff;background: #ed3c3f;}
.tag-blue{color: #fff;background: #4e76fb;}
.tag-gray{color: #fff;background: #999;}
.footer-btns{padding: 0.6rem 0.24rem;}
.footer-btns a{-webkit-flex: 1; -ms-flex: 1; flex: 1;margin: 0 0.24rem;background: #FFFFFF;box-shadow: 0 5px 10px 0 rgba(201,201,201,0.50);border-radius: 0.1rem;line-height: 1.2rem;text-indent: 0.3rem;font-size: 0.3rem;color: #333;position: relative;}
.footer-btns a:after{content:'';right: 0.3rem;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.footer-btns a.btn-board:after{background-position: -0.76rem -0.5rem;width: 0.64rem;height: 0.58rem;}
.footer-btns a.btn-query:after{content:'';background-position: -1.5rem -0.5rem;width: 0.48rem;height: 0.52rem;}
.author{padding-left:0.28rem;position: relative;}
.author:before{content:'';left: 0;top:50%;background-position:-1.3rem -1.3rem;width:0.18rem;height:0.18rem;margin-top: -0.09rem;}

.tabs{margin-bottom: 0.16rem;}
.tabs span{font-size: 0.3rem;color: #415FCF;border:1px solid #4B71FF;border-radius: 0.06rem;line-height: 0.56rem;text-align: center;}
.tabs span.actived{color: #fff;background:#4B71FF;font-weight: bold;}
.tabs span:nth-of-type(2){margin: 0 0.16rem;}
.loading{text-align: center;font-size: 0.26rem;color: #999;line-height: 0.6rem;margin-top: 0.3rem;}
.loading:before{content:'';display: inline-block;width: 0.24rem;height: 0.24rem;border-radius: 50%;border: 0.04rem solid #aaa;border-top: 0.04rem solid transparent;vertical-align: -0.06rem;margin-right: 0.1rem;-webkit-animation: rot 1s linear infinite;animation: rot 1s linear infinite;}

@-webkit-keyframes rot{
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rot{
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.detail-content{padding: 0.4rem 0.3rem;margin-top: 0.88rem;}
.detail-content h1{font-size: 0.4rem;font-weight: bold;margin-bottom: 0.2rem;}
.detail-content .date{font-size: 0.24rem; color: #999;margin-bottom: 0.4rem;}
.video-wrap{border:1px solid #D7D7D7;position: relative;}
.video-wrap video{display: block;}
.btn-play{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.btn-play.play:after{content:'';left: 50%;top: 50%;background-position:0 -0.5rem;width:0.7rem;height:0.7rem;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.r-intro .block{margin-top: 0.4rem;background: #F7F7FC;padding: 0.2rem;}
.r-intro .block h2{font-size: 0.3rem;font-weight: bold;margin-bottom: 0.18rem;padding-left: 0.28rem;position: relative;}
.r-intro .block h2:before{content: '';position: absolute;left: 0;top: 50%;width:0.08rem;height: 0.3rem;background: #4B71FF;margin-top: -0.15rem;border-radius: 0.1rem;}
.r-intro .block p{font-size: 0.28rem;}
.content-text{margin-top: 0.56rem;font-size: 0.3rem;}
.content-text p{font-size: 0.3rem;}
.content-text img{width: 100%;margin: 0.5rem auto;}
.mod-list-news li{padding: 0.3rem;height: auto;}
.mod-list-news li h2{height: auto;margin-bottom: 0.1rem;}
.mod-list-news li figure{position: relative;float: right;left: 0;top: 0;}
.mod-list-news li figure + p{margin: 0 2.3rem 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;font-size: 0.28rem;color: #555;line-height: 1.8;height: 1.5rem;}
.mod-list-news li p.tips{margin-top: 0.16rem;}

.topic{margin-top: 0.4rem;}
.topic .tips{font-size: 0.24rem;color: #999;}
.topic .tips.align-c{text-align: center;}
.topic-item{margin: 0.4rem 0 0.3rem;border:1px solid #e1e1e1;color: #333;}
.topic-tit{background:#F1F2F7;padding: 0.3rem;font-size: 0.3rem;font-weight: bold;}
.topic-qa{padding: 0.3rem;}
.topic-qa li{padding-left: 0.42rem;position: relative;margin-bottom: 0.3rem;font-size: 0.3rem;font-weight: bold;}
.topic-qa li:before{content: '';position: absolute;width: 0.2rem;height: 0.2rem;border:1px solid #b9b9b9;border-radius: 50%;left: 0;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.topic-qa li.cur:before{border-color:#286DF7;}
.topic-qa li.cur:after{content:'';position: absolute;left: 0.06rem;top: 50%;width:0.12rem;height:0.12rem;border-radius: 50%;background: #286DF7;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.topic-pages{text-align: center;margin-top: 0.6rem;}
.topic-pages .btn{position: relative;z-index: 1;width: 3rem;line-height: 0.6rem;height: 0.6rem;color: #4B71FF;font-size: 0.3rem;font-weight: bold;text-align: center;display: inline-block;border:1px solid #4B71FF;border-radius: 0.06rem;}
.topic-pages .btn.disabled{color: #B2B2B2;pointer-events: none;border-color: #B2B2B2;}
.circle-block{display: block;width: 2.4rem;height: 2.4rem;border-radius: 50%;border:0.2rem solid #E0E6FF ;text-align: center;line-height: 2.4rem;font-size:0.6rem;color:#4B71FF;font-weight: bold;margin: 0.6rem auto;}
.dcwj{margin-top: 0;}
.dcwj-form{margin-top: 0.3rem;}
.head-ipts{overflow: hidden;}
.ipt-w{padding: 0.2rem;border:1px solid #ddd;border-radius: 0.06rem;}
.ipt-w input{line-height: 0.42rem;height: 0.42rem;width: 100%;font-size: 0.3rem;color: #333;}
.head-ipts .ipt-w{width:2.9rem;}
.dcwj-form .topic-tit{padding: 0.2rem 0.3rem;}
.dcwj-form .topic-qa li{font-weight: normal;}
.btn-submit{display:block;width:2.98rem;line-height:0.56rem;margin: 0.6rem auto 0;border:1px solid #286DF7;color: #4B71FF;font-size: 0.3rem;font-weight: bold;border-radius: 0.06rem;}
.result{text-align: center;padding-top: 2rem;margin-top: 0;}
.result:before{content:'';position: static;display:block;margin: 0 auto 0.4rem;width: 1.12rem;height: 1.12rem;background-position: 0 -1.3rem;}
.result h1{font-size: 0.5rem;color: #2AB964;font-weight: bold;}
.result p{font-size: 0.32rem;color: #555;}
.form-wrap{border-top: 1px solid #4B71FF;margin-top: 0.3rem;}
.form-list{padding: 0.4rem 0 0;}
.form-list li{padding:0 0.68rem 0 0.96rem;position: relative;margin-bottom: 0.2rem;}
.form-list li span{position: absolute;left: 0;width:0.96rem;top: 0.22rem;text-align: right;font-size: 0.3rem;color: #333;}
.form-list li i{position: absolute;right: 0;top: 0.24rem;font-size: 0.2rem;color: #EF3939;}
.form-list li textarea{font-size: 0.3rem;color: #333;resize: none;width: 100%;height: 4rem;}

.footer{background: #333;padding: 0.2rem 0.3rem 0.5rem;}
.footer h1{font-size: 0.3rem;font-weight: bold;color: #fff;margin-bottom: 0.2rem;}
.footer-list{margin-bottom: 0.7rem;}
.footer-list:last-child{margin-bottom: 0;}
.footer-list li{line-height: 0.4rem;font-size:0.2rem;color:#999;}
.footer-list li a{color: #3589CB;margin-right: 0.3rem;}