/* CSS Document */
html,body{ background:#f3f3f3; font-size:17px;padding: 0;color: #333; font-family: Microsoft YaHei, Helvitica, Verdana, Arial, san-serif ;margin: 0 auto; max-width: 750px;}
div{max-width: 750px;}
@font-face {
    font-family: DINCond-Bold;
    src: url('fonts/DINCond-Bold.eot'),url('fonts/DINCond-Bold.otf');
}
ol,ul,li{ list-style:none outside;}
html,body{font-family:  "microsoft yahei"}
i,em{ font-style: normal;}
img{ border:none;font-size:0;vertical-align: middle;}
a{ text-decoration: none;}
a:hover{ text-decoration: none;color: transparent;}
area:focus{ outline: none;}
.clearfix:after{display:table;clear:both;content:""}
.clearfix{zoom:1}
.ellipsis{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}

a:hover{ color:inherit;}
.before_none:before,.border_none:before{display:none!important}
.after_none:after,.border_none:after{display:none!important}
.after_15:after,.before_15:before{left:15px!important; right:15px !important}
header{ width:100%; height:auto;}
header img{ width:100%; height:100%;}
header .title { font-size:1.5rem; text-align:center; padding:1rem;}
.footer{height:auto; padding:1.5rem; text-align:center;}
.footer img{ width:100px;}

.panel {background-color: #fff;border-radius: 7px;/*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px    rgba(0,0,0,.05);*/ overflow:hidden;}

.weui-btn_primary, .weui-btn_primary:not(.weui-btn_disabled):active {background-color: #f19708; color:#fff;}
.weui-btn_primary:hover{ color:#fff;}
.weui-btn_default{ color:#f19708;}
.weui-btn_default:hover{ color:#f19708;}
.dltxt{ width:100%; font-size:.8rem; line-height:1.8}
.dltxt dt{ font-weight:bold; line-height:2}
.dltxt dd{ line-height:1.8;}
.navtitle {text-align: center;display: block;padding-bottom: 10px;color:#888;font-size: 12px;}
.panel-body {padding: 15px;}

.weui-toast {width: 6rem;height: 6rem;min-height: 6rem;margin-left: -3rem;}
.weui-toast__content {font-size: .8rem}
.toast_error .weui-icon_toast {display: none}
.toast_error .weui-toast__content {display: table-cell;text-align: center;vertical-align: middle;height: 6rem;width: 5rem;transform: translateX(.5rem);overflow: hidden}
.operate .weui-btn + .weui-btn{ margin-top:0;}
.weui-cells__title{ font-size:.8rem;}
.weui-btn-area{ padding-bottom:20px;}
.weui-msg{ display:none;}

.qiang_bottom{width:100%;height:55px;line-height:55px;position:fixed;bottom:0px;left:50%;transform:translateX(-50%);box-shadow:0px -1px 1px 1px rgba(0,0,0,0.1);z-index:9;background:#fff;display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;}
.qiang_bottom a{padding-top:6px;vertical-align:top;text-align:center;color:#888;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1; position: relative;}
.qiang_bottom a i{margin:0 5px;min-width:.8rem;line-height:1;text-align:center;font-size:28px;display:block;}
.qiang_bottom .current{color:#f4ad17}
.qiang_bottom a span{line-height:18px;display:block;font-size:12px;}

.weui-cells_radio img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.panel,.weui-cells,.weui-msg{ background: none;}
.wrapper{width:100%;margin:0 auto; position:relative; display: block; font-size: 0;}
.wrapper img {width: 100%; height: auto;}
.swiper-pagination-bullet{background:rgba(74,113,255,.5);width:.3rem;height:.3rem;border-radius:.2rem;opacity:1;}
.swiper-pagination-bullet-active{background:#4a71ff;width:.8rem;}
.mr5{ margin-right:5px;}
.weui-cells_radio .weui-check:checked + .weui-icon-checked:before {
    color: #fff;
    background-color: #f19708;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 22px;
    line-height: 22px;
}
.weui-msg__text-area:first-child{ padding-top: 10px}
#msguserinfo, #question, #msgwrapper, #questioncon{ display: none}
.weui-dialog{color: #333;}

.countdown{ text-align: center; line-height: 2rem; font-size: 1.2rem; font-family:DINCond-Bold;color: #f19708; font-weight: bold;}
#answerNum,#answerNum2{font-size: 1.5rem; font-family:DINCond-Bold; color: #e88200; padding: 0 .3rem;}
.weui-btn_primary,.weui-btn_primary:active {background-color: #f19708 !important;}
.weui-btn_default:not(.weui-btn_disabled):visited {color: #f19708;}
.weui-icon-success {
    color: #f19708;
}
.weui-cells__title{ color: #ffffff;}
.weui-msg__desc{ color: #f7f7f7;}
.totoljoin{ line-height: 1.5rem; font-size: .8rem; text-align: center;}
.statics{position: static !important; margin-top: 20px !important; margin-left: 0 !important;-webkit-transform: none !important;transform: none !important;}
.question-correct{background: #07c160;color: #fff;border-radius: 10px;}
.weui-check__label:active{background:none;}
.question-error{ background: #f19708;color: #fff}
@media only screen and (min-width: 1024px) {
    .weui-dialog{ left: 32.5%;}
}
.weui-cells::after{display: none;}
.weui-icon_msg.weui-icon-warn{color: #ffffff !important;}

#top {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#top img{width: 100%;height: auto;display: block}
.section { border-radius:.3rem; width:90%;margin:1.5rem auto .5rem auto; padding:1px 0px; background-color:#fff;position: relative; line-height: 2;}
.section ul{ padding:0px; width:100%; margin:5px auto 5px auto;}
.section>ul:nth-child(2){ margin-top:25px;}
.sectiontitle{position:relative; height:36px; margin-bottom:0px !important;}
.sectiontitle .title{position:absolute;display:inline-block;height:30px; bottom:0px; left:-7px; background-color:#f39700;font-size: 0.75rem}
.sectiontitle .title1{ float:left;width:0px; height:0px; font-size: 0.75rem;border-top: 15px solid transparent;border-bottom: solid 15px transparent; border-left:15px solid #fae98f;}

.sectiontitle .title2{float:left;display:inline-block;height:30px; padding:5px 5px 5px 3px; line-height:20px; color:#FFF;font-size: 0.75rem}
.sectiontitle100 {position:relative; height:36px; margin-bottom:0px !important;}
.sectiontitle .title100{position:absolute;height:36px; width:104%;left:-2%; right:-2%;text-align:center;bottom:0px;background-size:100% 100% !important;background:url(../images/ribbons.png)}
.sectiontitle .title101{height:30px; bottom:0px; line-height:30px;display:inline-block; color:#fff}

.sectiontitle2 {width: 10.507rem;height: 1.547rem;position: absolute; top: -.43rem; left: 50%;transform: translateX(-50%); background-image: url("../images/title_bg.png?t=1"); z-index: 1; background-size: cover;}
.sectiontitle2 .title{font-size: 14px; letter-spacing: 1px; text-align: center;width: 100%;font-weight: 400; color: #fff; line-height: 1.6rem; overflow: hidden;}
.section li.content{width:90%; list-style:none; margin:auto; padding:5px; color:#004a3b; !important; }
.section li.content p{font-size: 15px;}

.section li.row{width:100%; list-style:none; margin:8px auto;color:#004a3b; !important}

.section li.row>div{height:100%; margin:0px 10px;}
.section>ul.faninfo { width:90% !important; margin:20px auto 15px auto !important; height:30px;}
.section>ul.faninfo li{display: flex}
.section>ul.faninfo div{ height:30px; line-height:30px;}
.section>ul.faninfo .headimg{ height:24px; width:24px; margin:3px}
.section ul div{font-size: 15px;}
.fanbox{width:95%;height:126px;overflow:hidden;margin:0px auto;}

.fanrow{color:#000000 !important; }

.fanrow li{ display: flex;flex-wrap: nowrap;margin:10px auto; padding:0px; width:100%;text-align:left;line-height:24px; height:48px;box-sizing:border-box; list-style:none; overflow: hidden}

.fanrow .head{flex-basis:12%;text-align:center; display: none;}

.fanrow .head img{border-radius:50%; width:24px;}

.fanrow .rowcontent{flex-basis:99%; white-space:normal;word-wrap:break-word;overflow: hidden;height: 48px;line-height: 25px}
.actinfobox_{display: flex;width: 95%;margin:15px auto 0 auto;font-size: 0.65rem}
.actinfobox__{flex:1;text-align: center;height: 20px;color:#111;}

.footer_tabbar{ width:100%;display:flex;justify-content:space-around;background-color:#fff;opacity:1;position:fixed;left:50%;bottom:0;z-index:999; transform: translateX(-50%);}
.footer_tabbar:before{content:' ';position:absolute;top:0;left:0;right:0;height:1px;border-top:1px solid rgba(237,237,237,1);}
.footer_tabbar .box{display:flex;align-items :center; justify-content: center; margin-bottom:0.2rem;flex:1;cursor:pointer; background-color: rgb(51, 51, 51);  border-radius: 1.1rem; height: 2.2rem; margin: .5rem 1rem;  position: relative;}
.footer_tabbar .box i{font-size:1rem; color: #fff; position: absolute;  transform: translateX(-50%); left: 50%; top: .4rem; margin-left: -2.2rem;}
.footer_tabbar .box span{font-size:.8rem;color:#fff; padding-left: 5px;}
.footer_tabbar .on i{color:#fff;}
.footer_tabbar .on span{color:#fff;}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
    color: rgba(237,108,0,1) !important;
}
.weui-cell:before {-webkit-transform: scaleY(1); transform: scaleY(1); left: 0px; }
#jc_userinfo{display: none;}
.gotoMiniProgram{ position: fixed; top: 10px;z-index: 99; right: 15px; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0,74,59,.8); color: #fff; text-align: center; line-height: 40px; display: none; cursor: pointer;-webkit-tap-highlight-color: transparent; overflow: hidden;}
.gotoMiniProgram .icon-iconfanhuishangyiji{ font-size: 25px;}
.gotoMiniProgram img{width: 100%; object-fit: cover;}
.weui-tabbar__label{color: #666 !important;}

.weui-tabbar{ position: fixed; left: 50%; width: 100%; max-width: 750px; transform: translateX(-50%); bottom: 0; z-index: 99; }

.page__ft {
    padding-top: 40px;
    padding-bottom: 10px;
    padding-bottom: calc(10px + constant(safe-area-inset-bottom));
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
    text-align: center;
}
.page__ft img {
    height:19px
}

.emptydata{width: 100%; padding: 0px; text-align: center;}
.emptydata img{ width: 75%;}
.weui-dialog__ft{ color: #333;}

.jc_bm2{width:90%;margin:auto;position: fixed;left: 0;right:0;top:0;box-sizing: border-box;padding: 15px 10px;background-color: #fff;border-radius: 5px;text-align: center;color: #fff;font-size: 16px;z-index:999; color: #444; top: 50%; transform: translateY(-50%); max-width: 700px;}
.closed{position: absolute;width: 36px;height: 36px;right: -5px;top:-10px;background:url(../images/close.png) no-repeat; background-size: 36px auto;}
.bm_tit{ width:100%; margin:0 auto; clear:both; overflow:hidden; font-size:12px; color:#aaaaaa; text-align:center; font-family:Microsoft YaHei}
.bm_tit img{ width:40%; float:left; height:auto}
.bm_tit span{ width:100%; float:left; text-align:center; padding-top:14px; color:#333; font-size:20px; font-weight:700; letter-spacing:2px}
#theAward{color:#F00; font-size:20px; line-height:1.8; text-align:center; margin:20px 0; display:block; border-radius:5px;}
/*.h_tj{width:100%;color: #fff;font-size: 20px; margin:0 auto; clear:both; overflow:hidden; background:#2e8ded; text-align:center;border-radius: 5px; padding:10px 0; }*/
.masklayer{position: fixed;top:0;z-index: 998;width: 100%;height: 100%;background: rgba(51,51,51,0.8); left: 50%; transform: translateX(-50%); display: none;}
ul,li{list-style-type:none;}
.zjlinfo{font-size:0.65rem;color: #666;text-align: center;padding: 0 0 0.5rem 0;}
.layui-m-layermain{color: #333;}


.pop{position: absolute;left: 0;top:0; z-index:999; transform:none !important;display:block}
.mengceng{position: fixed;left: 0;top:0;background-color: rgba(0,0,0,.55); width: 100%;height: 100%;}
.pop_up{display:block;width:15rem;margin:auto;position: fixed;left: 0;right:0;box-sizing: border-box;top:45%; transform: translateY(-50%);background-color: #eceeef;border-radius: 5px;text-align: center;color: #333;font-size: 16px;}
.pop_up_top{background:url(../images/bg9.png) no-repeat center bottom;background-size: cover; height: 1.736rem;width: 15rem; border-radius: 5px 5px 0 0;}
.pop_up .tit_p{font-size: 22px;line-height: 40px;margin-bottom: 5px; padding-top: 10px;}
.pop_up .tit_txt{line-height: 24px;margin-bottom: 10px; max-height: 400px; overflow: hidden;	overflow-y: auto; padding: 20px 15px; padding-top: 1rem;}
.pop_up .gz_btn{padding: 0 20px;background-color: #fff;border-radius: 5px;color: #5bcdca;line-height: 38px;font-size: 20px;}
.pop_up .a_btn{display: inline-block;width: 100%;background-color: #5bcdca;line-height: 40px;text-align: center;color: #fff;font-size: 18px;border-radius: 5px;margin-bottom: 10px;}
.gdcodewrapper{width:96%;display:block;height: auto;margin:0 auto}
.pop_up .toupiao{background-color: #FD4F4F;}
.closed{position: absolute;width: 36px;height: 36px;right: -5px;top:-10px;background:url(../images/close.png) no-repeat;background-size: 36px auto;-webkit-animation: rotateIn .6s ease both;
    animation: rotateIn .6s ease both;}
.shares{ border-radius: 50%; width: 50px; height: 50px; background: #ddb955; color: #fff; position: fixed; right: 10px; bottom: 100px;z-index: 999; text-align: center; cursor: pointer;}
.shares .iconfont{ font-size: 25px;position: absolute; top: 5px; left: 13px;}
.top-content{width:100%;background:url(../images/index_02.jpg)no-repeat top center;background-size:auto;background-size:100%;box-sizing:border-box;display:block;padding-bottom:15px;padding-top:1px;}
.closed2{position: absolute;width: 1.5rem;height: 1.5rem;left: calc(50% - .75rem); bottom:-3rem;background:url(../images/close2.png) no-repeat;background-size: 1.5rem auto;-webkit-animation: rotateIn .6s ease both; animation: rotateIn .6s ease both; cursor: pointer;}
@-webkit-keyframes rotateIn {
    0%{
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100%{
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center; -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100 % {
        -webkit-transform-origin: center center;
        transform-origin: center center; -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.container {   width: 100%;}
.container .banner {    width: 100%;}

.sm{ width:100%; padding:0%; margin:0 auto; clear:both; overflow:hidden; background:#FFF; line-height:24px; font-size:14px; text-align:left; min-height:300px; max-height:330px; overflow-y:auto; color: #000}
.sm p{ margin:0; padding:0}
.sm span{ color:#F00}
.jc_bm2{width:90%;margin:auto;position: fixed;left: 0;right:0;box-sizing: border-box;top:50%;padding: 15px 10px;background-color: #fff;border-radius: 5px;text-align: center;color: #333;font-size: 16px;z-index:999;transform: translatey(-50%)}
.closed{position: absolute;width: 36px;height: 36px;right: -5px;top:-10px;background:url(../images/close.png) no-repeat;background-size: 36px auto;}
.bm_tit{ width:100%; margin:0 auto; clear:both; overflow:hidden; font-size:12px; color:#aaaaaa; text-align:center; font-family:"΢ÈíÑźÚ"}
.bm_tit img{ width:40%; float:left; height:auto}
.bm_tit span{ width:100%; float:left; text-align:center; padding-top:14px; color:#000; font-size:20px; font-weight:700; letter-spacing:2px}
#theAward{color:#000; font-size:20px; line-height:1.8; text-align:center; margin:20px 0; display:block; border-radius:5px;}
.h_tj{width:100%;color:  #fff;font-size: 20px; margin:10px auto; clear:both; overflow:hidden; background: rgb(51, 51, 51); text-align:center;border-radius: 5px; padding:5px 0; cursor: pointer;}

.titletick{height: 60px; width: 100%; text-align: center; font-size: 24px; font-weight: bold; line-height: 60px;}
.titleIn-em{text-align: center;}


.form-box{
    padding: 0.25rem .6rem 0 .6rem;
    margin: 0;
}

.form-submit {
-webkit-animation: templateEnlargeShrink-12df4446 3s infinite;
-o-animation: templateEnlargeShrink-12df4446 3s infinite;
animation: templateEnlargeShrink-12df4446 3s infinite;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.form-submit-light {
position: absolute;
top: 0;
width: 6rem;
height: 2.5rem;
background-image: url('../images/light_animate.png');
background-size: 6rem 2.5rem;
-webkit-animation: templateSearchLights-12df4446 5s linear infinite forwards;
-o-animation: templateSearchLights-12df4446 5s linear infinite forwards;
animation: templateSearchLights-12df4446 5s linear infinite forwards;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@keyframes templateSearchLights-12df4446 {
0% {
    transform: translate(-6rem);
    -webkit-transform: translate(-6rem);
    opacity: 0;
}
66% {
    transform: translate(-6rem);
    -webkit-transform: translate(-6rem);
    opacity: 1;
}
100% {
    transform: translate(37.5rem);
    -webkit-transform: translate(37.5rem);
}
}
@keyframes templateEnlargeShrink-12df4446 {
0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
33% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
}
66% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
}
.form-submit .button{ border:1px solid#0894ec;color:#0894ec;text-decoration:none;text-align:center;display:block;border-radius:3px;line-height:2rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:none;padding:0 0.4rem;margin:0;line-height:2rem;white-space:nowrap;position:relative;text-overflow:ellipsis;font-family:inherit;cursor:pointer;}

.form-submit .button2{
color: rgb(123, 55, 0);
background: linear-gradient(90deg, rgb(255, 238, 101) 0%, rgb(255, 206, 18) 100%);
height: 2.5rem;
line-height: 2.5rem;
width: 100%;
border-radius: 1.25rem;
border: none;
}

.form-submit .button1{
color: #fff;
background-color: rgb(230, 50, 46);
background-image: -webkit-linear-gradient(45deg, rgb(230, 50, 46), rgb(255, 25, 98));
height: 2.5rem;
line-height: 2.5rem;
width: 100%;
border-radius: 1.25rem;
border: none;
}

.gotoList{width: 50px;position: fixed; right: 10px; bottom: 100px; z-index: 9;}
.gotoList .item{width: 50px; height: 50px; border-radius: 50%; background: rgba(251,201,0,.9); color: #fff;text-align: center;cursor: hand;margin-top: 10px; position: relative; cursor: pointer;}
.gotoList .item .img{height: 28px; line-height: 28px; width: 28px ; font-size: 28px;}
.gotoList .item .txt{ line-height: 13px; font-size: 12px; height: 13px; overflow: hidden; width: 100%;}

.gotoList .gotoBack{display: none}
.gotoList .gotoHome .img{height: 40px; line-height: 40px; width: 40px ; font-size: 30px; display: inline-block; margin-top: 5px;}
.gotoList .gotoBack .img{height: 40px; line-height: 40px; width: 40px ; font-size: 30px; display: inline-block; margin-top: 5px;}
.gotoList .gotoKefu .img{height: 40px; line-height: 40px; width: 40px ; font-size: 40px; display: inline-block; margin-top: 8px;}

.gotoList .comment .text{ padding: 7px; line-height: 18px; font-size: 14px;}