@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;}
body,button,input,select,textarea{font:12px/1.4 "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,b,strong{font-weight: normal;}
input:focus,button:focus{outline: 0;}
i,em{font-style: normal;}
a{text-decoration: none;}
img{display: block;}
.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; }
.bg_gray{background: #F7F7FC;}
.ft-red{color: #EF3939!important;}
.ft-yellow{color: #FBC150!important;}
.ft-org{color: #FF4824!important;}
.ft-green{color: #0BAF80!important;}
.ft-blue{color: #0065DC!important;}
[v-cloak]{display: none;}

@font-face { font-family: "dzh"; src: url("../font/DZH.eot");src: url("../font/DZH.eot?#iefix") format("embedded-opentype"), url("../font/DZH.woff") format("woff"), url("../font/DZH.ttf") format("truetype"); }
@font-face { font-family: "dzhbd"; src: url("../font/DZHBD.eot");
src: url("../font/DZHBD.eot?#iefix") format("embedded-opentype"), url("../font/DZHBD.woff") format("woff"), url("../font/DZHBD.ttf") format("truetype"); }
.ft-dzh{font-family: dzhbd;}

/* 0.5底线 */
.table td:after,.stock-list li:after,.ranking-list-body li:after,.history-list li:after{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    right:0;
    bottom:0;
    background:-webkit-linear-gradient(bottom, #F0F0F0 60%, transparent 60%) no-repeat left bottom;
    background-size:100% 1px;
    z-index: -1;
}
/* 0.5顶线 */
.pop-win-btns:before{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    right:0;
    bottom:0;
    background:-webkit-linear-gradient(top, #F0F0F0 60%, transparent 60%) no-repeat left top;
    background-size:100% 1px;
    z-index: -1;
}
/* 0.5右边 */
.pop-win-btns a.btn-cancel:after{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    right:0;
    bottom:0;
    background:-webkit-linear-gradient(right, #F0F0F0 60%, transparent 60%) no-repeat right top;
    background-size:1px 100%;
}



/* icons */
.block-org .tag,.filter:after,.table tr:nth-of-type(1) td:nth-of-type(1):before,.table tr:nth-of-type(2) td:nth-of-type(1):before,.table tr:nth-of-type(3) td:nth-of-type(1):before,.search-wrap:before,.ranking-list-head span.sort:after,.ranking-list-l .ranking-list-body li:nth-of-type(1) >div:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(2) >div:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(3) >div:nth-of-type(1):before,.scan-step i{background: url('../images/icons2.png') no-repeat 0 0;background-size: 1.63rem auto;}

.bg{background-image:-webkit-linear-gradient(left, #004ECF 0%, #046BE7 48%, #004ECF 100%);background-image: -webkit-linear-gradient(right, #004ECF 0%, #046BE7 48%, #004ECF 100%);background-image: linear-gradient(270deg, #004ECF 0%, #046BE7 48%, #004ECF 100%);}
.wrap{position: relative;padding: 4.9rem 0.3rem 0.8rem;background: url('../images/bg_short.jpg') no-repeat center top;background-size: 100% auto;}
.side-btns{position: absolute;right: 0;top: 0.3rem;}
.side-btns a{display:inline-block;padding: 0.42rem 0 0;font-size: 0.24rem;color: #fff;margin: 0 0.12rem;position: relative;}
.side-btns a:before{content:'';position: absolute;left: 50%;top: 0;background: url('../images/icons_share.png') no-repeat 0 0;background-size: 0.46rem auto;width: 0.46rem;height: 0.42rem;margin-left: -0.23rem;}
.side-btns a.btns-rule:before{background-position: 0 0;}
.side-btns a.btns-share:before{background-position: 0 -0.94rem;}
.side-btns a.btns-min:before{background-position: 0 -0.46rem;}
.side-btns a.btn-reload{margin: 0.3rem 0;}
.side-btns a.btn-reload:before,.footer-btns a:before{content:'';display:inline-block;background: url('../images/icons-reload.png') no-repeat -0.86rem 0;background-size: 1.14rem auto;}
.side-btns a.btn-reload:before{width: 0.3rem;height: 0.3rem;}
.slogn{position: absolute;left: 50%;line-height: 0.64rem;background: #fee3a4;border-radius: 1rem;padding: 0 0.3rem;font-size: 0.28rem;color: #3b2010;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);top: 2.24rem;white-space: nowrap;font-weight: bold;}
.slogn b{color:#fc583a;font-size: 0.36rem;font-weight: bold;}
.slogn span{color:#fc583a;}
.mod{background: #fff;border-radius: 0.3rem;box-shadow: 0 0.04rem 0.2rem 0 #1E00AB;margin-top: 0.5rem;padding: 0.32rem;}
.card{position: relative;box-shadow: 0 0.04rem 0.2rem 0 #1E00AB;border-radius: 0.3rem;text-align: center;}
.card .mod{margin-top: 0;box-shadow: none;border-radius: 0.26rem;border:0.1rem solid #FCAA58;position: relative;padding: 0.54rem 0.68rem 0.3rem;overflow: hidden;}
.market{text-align: center;}
.market dt a{font-size: 0.44rem;color: #000;padding-right: 0;font-weight: bold;}
.market dt a:after{border-bottom-color: #000;border-right-color: #000;position: relative;display: inline-block;margin-left: 0.06rem;vertical-align: -0.04rem;}
.market dd span{font-size:0.6rem;margin: 0 0.2rem;}
/* .market2 dt{text-align: left;} */
.market2 dt a{font-size: 0.28rem;}
.market2 dt span{margin-left:0.12rem;font-size: 0.3rem;}
.market2 dd{font-size: 0.3rem;color: #555;margin: 0.16rem 0 0.1rem;}
.market2 dd span{line-height: 1.2;display: block;}
.link-text{padding-right: 0.16rem;font-size: 0.26rem;color: #FF4824;position: relative;}
.link-text:after{content:'';position: absolute;right: 0;top: 52%;border-bottom:1px solid #FF4824;border-right:1px solid #FF4824;width: 0.12rem;height: 0.12rem;border-radius: 0 0 2px 0;-webkit-transform:translate(0,-50%) rotate(-45deg);-ms-transform:translate(0,-50%) rotate(-45deg);transform:translate(0,-50%) rotate(-45deg);}
.btn-block{ line-height:0.88rem;font-size:0.5rem;font-weight: bold;display: block;margin: 0.3rem auto 0.48rem;color: #fff;text-align: center;width: 5.26rem;height:0.88rem;background-image:-webkit-linear-gradient(top, #FDAB46 0%, #FCA652 16%, #FE6037 100%);background-image: -webkit-linear-gradient(top, #FDAB46 0%, #FCA652 16%, #FE6037 100%);background-image: linear-gradient(180deg, #FDAB46 0%, #FCA652 16%, #FE6037 100%);box-shadow: 0 2px 0 0 #FF8F4F,0 7px 0 0 #EE4034;border-radius: 1rem;}
.btn-red{background: url('../images/btn-red.png') no-repeat center top;background-size: cover;text-shadow: 0 3px 2px #BF0D00;width: 5.76rem;}
.btn-green{background: url('../images/btn-green.png') no-repeat center top;background-size: cover;text-shadow: 0 3px 2px #007836;}
.tips{font-size: 0.28rem;color: #FF4824;text-align: center;background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFE2DC 49%, #FFFFFF 100%);background-image: linear-gradient(270deg, #FFFFFF 0%, #FFE2DC 49%, #FFFFFF 100%);background-image:-webkit-linear-gradient(left, #FFFFFF 0%, #FFE2DC 49%, #FFFFFF 100%);line-height: 0.5rem;margin-top: -0.1rem;}
.tips2{background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FFF7ED 100%);background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.00) 0%, #FFF7ED 100%);font-size: 0.24rem;line-height: 0.6rem;padding: 0 0 0 0.64rem;position: absolute;left: 0;top: 0.1rem;}
.link-block{text-align: center;margin-top: 0.3rem;}
.mod-tit{font-size: 0.36rem;color: #333;font-weight: bold;margin-bottom: 0.2rem;line-height: 0.5rem;}
.mod-tit small{font-size: 0.24rem;color:#999;font-weight: normal;margin-left: 0.1rem;}
.mod-tit small.fr{font-size: 0.26rem;color:#555;}
.mod-tit a{color: #FF4824;font-size: 0.28rem;}
.mod-tit a:after,.more a:after{border-bottom-color:#FF4824;border-right-color:#FF4824;}
.slide-wrap{position: relative;height: 0.4rem;overflow: hidden;}
.btn-group{position: absolute;right: 0;top: 50%;width: 0.8rem;height: 0.8rem;text-align: center;font-size: 0.26rem;color: #fff;border-radius: 0.1rem;background-image: linear-gradient(180deg, #FE7C42 0%, #F2341F 100%);background-image:-webkit-linear-gradient(top, #FE7C42 0%, #F2341F 100%);display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;line-height: 1.2;margin-top: -0.42rem;box-shadow: 0 1px 5px 0 #fa6336, inset 0 2px 5px 0 #febf64, inset 0 0 0 1px #bf0d00;}
.slide-list{position: absolute;left: 0;right: 0;top: 0;}
.slide-list li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 0.36rem;line-height: 0.36rem;font-size: 0.26rem;color: #555;margin-bottom: 0.16rem;}
.slide-list li img{float: left;width: 0.36rem;height: 0.36rem;border-radius: 50%;margin-right: 0.1rem;}
.slide-list li span{margin: 0 0.1rem;}
.block-org{margin-top: 0.8rem;background:#FEF6ED;border:1px solid #F8CBC3;border-radius: 0.3rem;padding: 0.32rem 0.2rem 0.24rem;position: relative;}
.block-org .tag{position: absolute;left:-1px;width: 1.38rem;height: 0.7rem;font-size:0.3rem;color: #fff;line-height: 0.56rem;top:-0.4rem;text-align: center;font-weight: bold;}
.block-org .tag b{/*font-size: 0.4rem;vertical-align: -1px;*/font-weight: bold;}
.award-list{overflow: hidden;}
.award-list li{float: left;width:1.94rem;text-align: center;position: relative;}
/* .award-list li:nth-of-type(2):before,.award-list li:nth-of-type(3):before{content:'or';position: absolute;top: 0.6rem;left: -0.22rem;font-size:0.3rem;color: #FCC9BF;text-transform: uppercase;} */
.award-list li img{width: 1.5rem;height: 1.5rem;margin: 0 auto 0.1rem;border-radius: 0.2rem;}
.award-list li h3{font-size: 0.24rem;margin-bottom: 0.04rem;}
.award-list li p{font-size: 0.24rem;color: #706F6E;}
.award-list li.horizontal{width: 100%;text-align: left;}
.award-list li.horizontal img{float: left;margin: 0 0.2rem 0 0.24rem;}
.award-list li.horizontal h3{font-size: 0.34rem;padding: 0.2rem 0 0.14rem;}
.award-list li.horizontal p{font-size: 0.26rem;}
.more{text-align: center;padding-top: 0.3rem;position: relative;}
.more a{color: #FF4824;}
.table-wrap{background: #F9FAFB;border:1px solid #F1F1F1;border-radius: 0.2rem;}
.table-cur{margin: 0.1rem 0;position: relative;}
.mod-tit + .table-cur{margin-bottom: 0.5rem;}
.table-cur .tag{position: absolute;left:0;top:0;font-size: 0.32rem;font-size: 0.2rem;color: #fff;text-align: center;background-image:-webkit-linear-gradient(bottom, #FC6900 0%, #FFA25A 100%);background-image: linear-gradient(0deg, #FC6900 0%, #FFA25A 100%);border-radius:0.2rem 0 0.2rem 0;width:0.6rem;}
.table{}
.table th{height: 0.6rem;vertical-align: middle;font-weight: normal;font-size: 0.24rem;color: #999;}
.table td{height: 1.2rem;vertical-align: middle;font-size: 0.36rem;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index: 1;}
/* .table-head{border-radius: 0.2rem 0.2rem 0 0;} */
.table td:nth-of-type(2){font-size: 0.3rem;}
.table td .avator{width: 0.48rem;height: 0.48rem;border-radius: 50%;margin-right: 0.1rem;float: left;}
.table td:nth-of-type(1),.table td:nth-of-type(3),.table td:nth-of-type(4){text-align: center;}
.table tr:nth-of-type(1) td:nth-of-type(1):before,.table tr:nth-of-type(2) td:nth-of-type(1):before,.table tr:nth-of-type(3) td:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(1) >div:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(2) >div:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(3) >div:nth-of-type(1):before{content:'';position: absolute;left: 50%;top: 50%;width:0.5rem;height:0.7rem;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.table-cur .table tr td:nth-of-type(1):before,.table-cur .table tr td:after{content: none;}
.table tr:nth-of-type(1) td:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(1) >div:nth-of-type(1):before{background-position: 0 -0.76rem;}
.table tr:nth-of-type(2) td:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(2) >div:nth-of-type(1):before{background-position: -0.56rem -0.76rem;}
.table tr:nth-of-type(3) td:nth-of-type(1):before,.ranking-list-l .ranking-list-body li:nth-of-type(3) >div:nth-of-type(1):before{background-position: -1.12rem -0.76rem;}
.filter{color: #FF4824!important;}
.filter:after{content:'';display: inline-block;width:0.14rem;height:0.24rem;background-position: -1.44rem 0;margin-left: 2px;vertical-align: -0.06rem;}
.footer-tip{margin-top: 0.6rem;text-align: center;font-size: 0.26rem;color:rgba(0, 0, 0, 0.3);padding-top: 0.6rem;position: relative;}
.footer-tip:before{content:'';position: absolute;left: 50%;top: 0;background: url('../images/logo.png') no-repeat center top;background-size: cover;width:1.54rem;height:0.48rem;margin-left: -0.77rem;}
.footer-tip p:before,.footer-tip p:after{content:'';position: absolute;left: 50%;top: 0.28rem;width: 1rem;height: 1px;background: rgba(0, 0, 0, 0.2);-webkit-transform:scaleY(0.5);-ms-transform:scaleY(0.5);transform:scaleY(0.5);}
.footer-tip p:before{margin-left:-2rem;}
.footer-tip p:after{margin-left:0.96rem;}

/* 猜涨跌弹框 */
.guess-wrap{background: url('../images/bg1.png') no-repeat center top;background-size:7.5rem 100%;height: 8.8rem;padding: 2.04rem 0 0;box-sizing: border-box;position: relative;}
.guess-wrap:before{content:'';position: absolute;left: 0;top: 0.46rem;background: url('../images/coin_l.png') no-repeat 0 0;width: 1.22rem;height: 2.74rem;background-size: 100% auto;}
.guess-wrap:after{content:'';position: absolute;right: 0;top: 1.46rem;background: url('../images/coin_r.png') no-repeat 0 0;width: 1.22rem;height: 1.74rem;background-size: 100% auto;}
.guess-pop{text-align: center;background: #fff;border-radius: 0.4rem 0.4rem 0 0;position: absolute;left:50%;width: 7.22rem;margin: 0 auto;top: 2.24rem;margin-left: -3.61rem;bottom: 0;overflow: hidden;}
.guess-pop .btn-block{font-size: 0.44rem;}
.guess-pop-head{padding:1.4rem 0.3rem 0.1rem;/*color: #fff;border-radius: 0.36rem 0.36rem 0 0;*/}
.guess-pop-head h1{font-weight: bold;font-size: 0.44rem;/*margin-bottom: 0.28rem;*/}
.guess-pop-head p{font-size: 0.3rem;}
.guess-pop-head p b{margin-left: 0.1rem;background: rgba(0, 0, 0, 0.3);padding:2px 4px;border-radius: 2px;}
.guess-pop-content{padding: 0.28rem 0.2rem 0.4rem;}
.guess-pop-content h2{font-size:0.3rem;color: #555;margin-bottom: 0.6rem;}
.guess-pop-content h3{font-size: 0.3rem;color: #222;margin-bottom: 0.28rem;}
.guess-pop-btns a{font-size: 0.44rem;color: #fff;font-weight: bold;margin: 0;width: 2.92rem;display: inline-block;line-height: 1.48rem;height: 1.5rem;box-shadow: none;}
.btn-red-s{background-image: url('../images/btn-red-s.png');}
.btn-green-s{background-image: url('../images/btn-green-s.png');}
.pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 15;}
.pop-win{width:6rem;position: fixed;left: 50%;top: 50%;background: #fff;border-radius: 0.2rem;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;}
.pop-win p{padding:0.74rem 0;font-size: 0.36rem;color: #333;}
.pop-win p.ft-tit{padding-left: 0.36rem;padding-right: 0.36rem;}
.pop-win p.ft-tit small{display: block;font-size:0.28rem;color:#666;margin-top: 0.4rem;}
.pop-win-btns{position: relative;z-index: 1;line-height: 1rem;}
.pop-win-btns a{font-size: 0.34rem;color: #666;position: relative;}
.pop-win-btns a.btn-ok{color: #FF4824;}
.guess-result{position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 82.4%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;}
.guess-result .guess-pop-head{padding: 0.74rem 0 0.26rem;text-align: center;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5E8 100%);background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #FFF5E8 100%);border-radius: 0.4rem;min-height: 4.76rem;box-sizing: border-box;}
.success .index-pop-wrap:before,.guess-result.success:before{content:'';position: absolute;left: 50%;top:-1.3rem;background: url('../images/smile.png') no-repeat 0 0;background-size:cover;width:7.8rem;height: 2.68rem;margin-left:-3.9rem;z-index: 1;}
.fail .index-pop-wrap:before,.guess-result.fail:before{content:'';position: absolute;left: 50%;top: -1.4rem;background: url('../images/cry.png') no-repeat 0 0;background-size:cover;width:2.24rem;height: 2.12rem;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 1;}
.fail .index-pop-wrap:after,.guess-result.fail:after{content:'';position: absolute;left:56%;top: -2rem;background: url('../images/icon-heart.png') no-repeat 0 0;background-size: cover;width:1.26rem;height: 1.22rem;-webkit-animation: swing ease 1.6s infinite;animation: swing ease 1.6s infinite;-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;}
@-webkit-keyframes swing{
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25%{-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
    50%{-webkit-transform: rotate(10deg);transform: rotate(10deg);}
    75%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes swing{
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25%{-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
    50%{-webkit-transform: rotate(10deg);transform: rotate(10deg);}
    75%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.success .index-pop-wrap:after,.guess-result.success:after{content:'';position: absolute;left: 50%;top:-2.8rem;background: url('../images/light.png') no-repeat center center;background-size: cover;width:6.54rem;height: 6.5rem;margin-left: -3.27rem;z-index: -3;-webkit-animation: rot linear 10s infinite;animation: rot linear 10s infinite;opacity: 0.8;}
.zoomIn{-webkit-animation: zoomIn ease .5s forwards;animation: zoomIn ease .5s forwards;}
.zoomIn2{-webkit-animation: zoomIn2 ease 1.2s forwards;animation: zoomIn2 ease 1.2s forwards;}
@-webkit-keyframes zoomIn{
    0%{-webkit-transform:translate(-50%,-50%) scale(0.5);transform:translate(-50%,-50%) scale(0.5);}
    80%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);}
    100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);}
}
@keyframes zoomIn{
    0%{-webkit-transform:translate(-50%,-50%) scale(0.5);transform:translate(-50%,-50%) scale(0.5);}
    80%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);}
    100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);}
}

@-webkit-keyframes zoomIn2{
    0%{-webkit-transform:translate(-50%,-50%) scale(0.5);transform:translate(-50%,-50%) scale(0.5);opacity: 1;}
    20%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity: 1;}
    80%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity: 1;}
    100%{-webkit-transform:translate(-50%,-50%) scale(0.5);transform:translate(-50%,-50%) scale(0.5);opacity: 0;}
}
@keyframes zoomIn2{
    0%{-webkit-transform:translate(-50%,-50%) scale(0.5);transform:translate(-50%,-50%) scale(0.5);opacity:1;}
    20%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity: 1;}
    80%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity: 1;}
    100%{-webkit-transform:translate(-50%,-50%) scale(0.2);transform:translate(-50%,-50%) scale(0.2);opacity: 0;}
}
.fail .guess-pop-head{padding-top: 1.3rem;min-height:4rem;}
.guess-result h1,.index-pop-wrap h1{width: 2.4rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.48rem;color:#FA2753;font-weight: bold;text-align: center;border: 2px solid #FFF6EB;background: #fff;box-shadow: 0 0.2rem 0.2rem #f5c39f;border-radius: 1rem;margin: 0 auto 0.4rem;position: relative;z-index: 1;}
.guess-pop-head h2{font-size: 0.44rem;font-weight: bold;}
.guess-pop-head img{border-radius: 0.1rem;margin: 0.26rem auto 0.12rem;width: 1.08rem;height: 1.08rem;box-shadow: 0 0 1px #FFDEB3;}
.guess-pop-head img.gift{width: 1.52rem;height: 1.4rem;}
.guess-pop-head small{display: block;font-size: 0.3rem;color: #555;font-weight: normal;}
.guess-pop-head h2 small{margin-top: 0.3rem;}
.guess-pop-foot{position: absolute;left: 0;right: 0;bottom:-1.1rem;}
.guess-pop-foot a{margin-top: 0;}
.guess-pop-foot a,.index-pop .ads-head a.btn-block-result{margin-bottom: 0;line-height: 0.88rem;height: 0.88rem;font-size: 0.4rem;background-image: linear-gradient(180deg, #FE7C42 0%, #F2341F 100%);background-image:-webkit-linear-gradient(top, #FE7C42 0%, #F2341F 100%);box-shadow: 0 1px 5px 0 #FA6336, inset 0 2px 2px 0 #FEBF64;}
.guess-result .pop-win-close{top: -2rem;right: -0.4rem;}
/* .pop-content-btns{padding: 0.32rem 0.2rem 0.42rem;} */
.pop-content-btns a{margin: 0 0.12rem;font-size: 0.4rem;}
.guess-result .guess-pop-head p,.index-pop-wrap .guess-pop-head p{font-size: 0.36rem;font-weight: bold;}
.guess-result .guess-pop-head p em,.index-pop-wrap .guess-pop-head p em{font-style: normal;}
.btn-blue{background: #0065DC;box-shadow: 0 2px 8px 0 rgba(0,101,220,0.64);border-radius: 1rem;height: 1.1rem;line-height: 1.1rem;}
.btn-blue-reverse{border: 1px solid #0065DC;box-shadow: 0 2px 8px 0 rgba(0,101,220,0.64);color: #0065DC;line-height: 1.1rem;height: 1.1rem;border-radius: 1rem;}

/* 群内 */
.wrap_group{background-image: url('../images/bg2.jpg');padding-top: 2.9rem;}
.wrap_group .slogn{top: 1.76rem;}
.wrap_group .side-btns{top: 0.3rem;}
.mod-list{}
.mod-list li{font-size: 0.32rem;padding:0.26rem 0;height: 0.56rem;line-height: 0.56rem;}
.mod-list li span{float: left;width: 25%;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mod-list li span.ft-s{font-size: 0.24rem;}
.mod-list li span:nth-of-type(1){text-align: left;}
.mod-list li span:nth-of-type(2),.mod-list li span:nth-of-type(3){font-size: 0.34rem;}
.btn-guess{float: right;width: 1.4rem;text-align: center;background-image: linear-gradient(180deg, #FE7C42 0%, #F2341F 100%);background-image:-webkit-linear-gradient(top, #FE7C42 0%, #F2341F 100%);box-shadow: 0 1px 5px 0 #FA6336, inset 0 2px 5px 0 #FEBF64,inset 0 0 0 1px #BF0D00;border-radius: 1rem;line-height: 0.56rem;font-size: 0.28rem;color: #fff;text-shadow: 0 1px 1px #BF0D00;}
.btn-guess-up{color: #FF4824;background: none;box-shadow:inset 0 0 0 1px #FF4824;text-shadow: none;}
.btn-guess-down{color: #24B66A;background: none;box-shadow:inset 0 0 0 1px #24B66A;text-shadow: none;}
.my-awards .block-org{padding-right: 1.28rem;height: 1.04rem;margin-top: 0.56rem;}
.my-awards .block-org .tag{font-size: 0.24rem;background-position: 0 -1.5rem;width: 1.1rem;height: 0.56rem;line-height: 0.46rem;top: -0.3rem;}
.my-awards .block-org .tag b{font-size: 0.32rem;}
.my-awards .block-org img{width: 1.04rem;height: 1.04rem;float: left;margin-right: 0.16rem;}
.my-awards .block-org h3{font-size: 0.3rem;color: #222;font-weight: bold;padding-top: 0.08rem;}
.my-awards .block-org p{color: #706F6E;margin-top: 0.12rem;}
.btn-exchange{position: absolute;right: 0.24rem;top: 50%;width: 1rem;border:1px solid #fc4a30;color:#fc4a30;line-height:0.52rem;height:0.52rem;font-size: 0.26rem;border-radius: 1rem;text-align: center;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);font-weight: bold;}
.toast{position: fixed;left: 50%;top: 50%;font-size: 0.3rem;color: #fff;padding: 0.2rem 0.46rem;background: rgba(0, 0, 0, 0.7);border-radius: 0.1rem;white-space: nowrap;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 10;}
.btn-guess-disabled{background:#ECECEC;box-shadow: none;text-shadow: none;color:#BDBDBD;}

/* 指数竞猜 */
.stock-list{padding: 0.04rem 0.32rem;}
.stock-list li{position: relative;z-index: 1;}
.search{background: url('../images/bg_search.jpg') no-repeat center top;background-size: 100% auto;padding-top: 0.44rem;}
.search-wrap{margin:0 0.32rem 0.6rem;padding:0.3rem 0.3rem 0.3rem 0.96rem;background: #fff;box-shadow: 0 0 10px 0 #F2E1CA;border-radius: 0.1rem;position: relative;}
.search-wrap:before{content: '';position: absolute;left:0.32rem;top: 50%;background-position: -1.2rem -1.5rem;width: 0.4rem;height: 0.4rem;margin-top: -0.2rem;}
.search-wrap input{line-height:0.6rem;height:0.6rem;font-size: 0.3rem;display: block;width: 100%;}
.search h3{font-size: 0.3rem;font-weight: bold;color: #999;padding: 0 0.32rem;margin-bottom: 0.1rem;}
.search-list li span:nth-of-type(1){width: 30%;}
.search-list li span:nth-of-type(2){width: 30%;text-align: left;}

/* 我的奖励 */
.awards{background: #F7F7FC;color: #222;padding: 0.3rem 0.32rem;}
.awards h1{font-size: 0.3rem;font-weight: bold;}
.blank{text-align: center;font-size: 0.28rem;color: #bbb;position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translate(0,-70%);-ms-transform: translate(0,-70%);transform: translate(0,-70%);}
.blank:before{content:'';display: block;background: url('../images/blank.png') no-repeat center top;background-size: cover;width: 3.14rem;height: 2.44rem;margin: 0 auto 0.3rem;}
.blank2{padding: 0.64rem 0 0.32rem;}
.blank2:before{content:'';display: block;background: url('../images/blank2.png') no-repeat 0 0;background-size: cover;width:4.08rem;height: 2.54rem;margin:0 auto 0.3rem;}
.blank2 p{font-size: 0.3rem;color: #555;}
.blank3{position:static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);padding: 0.3rem;}
.blank3:before{content:'';display:block;background: url('../images/blank3.png') no-repeat 0 0;width:3rem;height:2.04rem;background-size: cover;margin: 0 auto;}

.my-list{}
.my-list li{margin-top: 0.3rem;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.08);background: #fff;border-radius: 0.1rem;padding: 0.26rem 1.6rem 0.26rem 1.9rem;position: relative;height: 1.36rem;overflow: hidden;}
.my-list li.disabled:after{content:'';position: absolute;right:-0.12rem;top:-0.14rem;background: url('../images/tag.png') no-repeat 0 0;background-size: cover;width: 1.04rem;height: 1.04rem;}
.my-list li img{position: absolute;left:0.24rem;top: 50%;width: 1.36rem;height: 1.36rem;margin-top: -0.68rem;border-radius: 0.1rem;}
.my-list li h4{font-size: 0.3rem;font-weight: bold;}
.my-list li p{font-size: 0.24rem;color: #706F6E;margin-top: 0.12rem;}
.btn-exchange.disabled{color: #999;border-color: #999;pointer-events: none;}
.pop-win-coupon{width: 90%;top: 41%;background:none;}
.pop-win-coupon dl{padding: 0.36rem 0.36rem 0;margin-bottom: 0.74rem;text-align: left;position: relative;background: #fff;border-radius: 0.2rem 0.2rem 0 0;}
.pop-win-coupon dl:after{content:'';position: absolute;left: 0;right:0;bottom:-0.78rem;background: url('../images/border.png') no-repeat 0 0;background-size: 100% auto;height:0.78rem;width: 100%;}
.pop-win-coupon dl dt{font-size: 0.32rem;font-weight: bold;color: #333;margin-bottom: 0.24rem;}
.pop-win-coupon dl dd{font-size: 0.24rem;margin-bottom: 0.14rem;position: relative;padding-left: 1.2rem;}
.pop-win-coupon dl dd span{color: #999;position: absolute;left: 0;top: 0;}
.coupon-detail{max-height: 6.3rem;overflow: hidden;overflow-y: auto;padding-bottom: 0.3rem;background: #fff;border-radius: 0 0 0.2rem 0.2rem;}
.coupon-detail h5{font-size: 0.32rem;font-weight: bold;}
.coupon-item{background:#F9F8F8;;text-align: center;padding:0.3rem 0;width:4.4rem;border-radius: 0.1rem;margin: 0.2rem auto 0;}
.coupon-item h6{font-size: 0.28rem;margin-bottom:0.16rem;}
.coupon-item h6 b{font-size: 0.34rem;font-weight: bold;}
.coupon-item img{width: 3.1rem;height: 3.1rem;margin: 0 auto;}
/* .pop-win-coupon:after{content: '';position: absolute;left: 50%;height: 0.6rem;width:1px;background: #fff;bottom: -0.5rem;z-index: -1;} */
.loading{text-align: center;font-size: 0.28rem;color: #999;line-height: 1rem;}
.loading:before{content: '';display: inline-block;width: 0.26rem;height: 0.26rem;border-radius: 50%;border:0.04rem solid #bbb;border-top: 0.04rem solid transparent;vertical-align: -0.06rem;margin-right: 0.12rem;-webkit-animation: rot linear 1s infinite;animation: rot linear 1s 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);}
}
.stars{position: absolute;left: 50%;top: -1.6rem;width: 2.4rem;height: 2rem;margin-left: -1.2rem;}
.star{background: url('../images/icon-star.png') no-repeat 0 0;background-size: cover;width:0.42rem;height:0.42rem;position: absolute;-webkit-animation: shine ease 2s infinite;animation: shine ease 2s infinite;}
.star1{left: 0;top: 25%;width:0.26rem;height: 0.26rem;}
.star2{left: 0.4rem;top: 0;width: 0.34rem;height: 0.34rem;-webkit-animation-delay: .3s;animation-delay: .3s;}
.star3{right: 0;top: 0.3rem;-webkit-animation-delay: .8s;animation-delay: .8s;}
@-webkit-keyframes shine{
    0%{-webkit-transform: scale(1);transform: scale(1);}
    25%{-webkit-transform: scale(0.6);transform: scale(0.6);}
    50%{-webkit-transform: scale(1.3);transform: scale(1.3);}
    75%{-webkit-transform: scale(0.6);transform: scale(0.6);}
}
@keyframes shine{
    0%{-webkit-transform: scale(1);transform: scale(1);}
    25%{-webkit-transform: scale(0.6);transform: scale(0.6);}
    50%{-webkit-transform: scale(1.3);transform: scale(1.3);}
    75%{-webkit-transform: scale(0.6);transform: scale(0.6);}
}

/* 排行榜 */
.ranking{padding-top: 0.2rem;}
.ranking-list{}
.ranking-list-l{width: 46%;}
.ranking-list-head {height: 0.64rem;padding: 0 0.2rem 0 0.1rem;}
.ranking-list-head span {font-size: 0.24rem;color: #999;float: left;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 0.64rem;position: relative;}
.ranking-list-l .ranking-list-head span:nth-of-type(1), .ranking-list-l .ranking-list-body li >div:nth-of-type(1) {width: 30%;}
.ranking-list-l .ranking-list-head span:nth-of-type(2), .ranking-list-l .ranking-list-body li >div:nth-of-type(2) {width: 70%;}
.ranking-list-my {margin: 0.14rem 0 0.1rem;background: #FEF6ED;position: relative;}
.ranking-list-body {padding: 0 0 0 0.1rem;}
.ranking-list-body li {font-size: 0.36rem;color: #222;position: relative;z-index: 1;height: 1.2rem;padding-right: 0.2rem;}
.ranking-list-body li >div {height: 1.2rem;float: left;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;}
.ranking-list-body li >div:nth-of-type(2) {font-size: 0.32rem;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.ranking-list-body li >div:nth-of-type(2) img {float: left;margin-right: 0.1rem;width: 0.48rem;height: 0.48rem;border-radius: 50%;}
.ranking-list-body li >div:nth-of-type(2) img +span {display: inline-block;/* width: 2rem; */white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ranking-list-r {overflow: hidden;overflow-x: auto;}
.ranking-list-r-wrap {width: 4.9rem;}
.ranking-list-r .ranking-list-head {padding-left: 0;}
.ranking-list-r .ranking-list-body li >div:nth-of-type(1), .ranking-list-r .ranking-list-head span:nth-of-type(1) {width: 32%;}
.ranking-list-r .ranking-list-body li >div:nth-of-type(2), .ranking-list-r .ranking-list-head span:nth-of-type(2) {width: 32%;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;text-indent: 0;}
.ranking-list-r .ranking-list-body li >div:nth-of-type(3), .ranking-list-r .ranking-list-head span:nth-of-type(3) {width: 18%;}
.ranking-list-r .ranking-list-body li >div:nth-of-type(4), .ranking-list-r .ranking-list-head span:nth-of-type(4) {width: 18%;}
.ranking-list-r .ranking-list-body {padding: 0;}
.ranking-list-head span.sort {color: #EF3939;}
.ranking-list-head span.sort:after {content: '';position: absolute;top: 50%;left: 50%;background-position: -1.44rem 0;width: 0.14rem;height: 0.24rem;margin-top: -0.1rem;margin-left: 0.5rem;}
.ranking-list-l .ranking-list-my .ranking-list-body li:nth-of-type(1) >div:nth-of-type(1):before,.ranking-list-my .ranking-list-body li:after{content: none;}

/* 线下扫码 */
.scan{background: url('../images/bg3.jpg') no-repeat center top;background-size: 100% auto;padding-top: 5.6rem;padding-bottom: 0.8rem;}
.card .btn-block{width: 5.36rem;}
.scan-content{background: #1C6DF9;box-shadow: 0 0 0 1px #1E00AB;border-radius: 0.3rem;margin: 0 auto 1rem;padding: 0.5rem 0.36rem 0;position: relative;width: 6.2rem;}
.scan-content:before{content: '';position: absolute;left: 50%;top:-1.3rem;background: url('../images/box-head.png') no-repeat center top;background-size: 7.5rem auto;width: 7.5rem;height: 1.8rem;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.scan-step{padding-left: 0.44rem;font-size: 0.3rem;color: #fff;margin-bottom: 0.4rem;position: relative;}
.scan-step i{position: absolute;top: 0.04rem;left: 0;background-position:-1.2rem -1.96rem;width:0.32rem;height:0.4rem;text-align: center;line-height: 0.34rem;font-size: 0.28rem;color: #013B9D;}
.scan-form{margin-bottom: 0.24rem;}
.ipt-wrap{background:#084CC0;padding:0.2rem 0.24rem;border-radius: 0.1rem;}
.ipt-wrap input{display: block;width: 100%;height: 0.56rem;line-height: 0.56rem;font-size: 0.3rem;color: #fff;}
.ipt-wrap input::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.5);}
.yzm-btn{-webkit-flex: inherit; -ms-flex: inherit; flex: inherit;background-image: linear-gradient(180deg, #F9CD4A 0%, #FE9962 100%);background-image:-webkit-linear-gradient(top, #F9CD4A 0%, #FE9962 100%);font-size:0.3rem;color:#084CC0;border-radius:0.1rem;line-height: 0.96rem;height: 0.96rem;width: 1.94rem;margin-left: 0.2rem;}
.yzm-btn.disabled{pointer-events: none;background:#084CC0;color:#84a6dd;}
.scan-content .btn-red{margin-bottom: 0.3rem;font-size: 0.4rem;height: 1.5rem;line-height: 1.4rem;box-shadow: none;}
.scan-exhibition{background: url('../images/box_02.png') no-repeat center 0;background-size: 100% 100%;/*height: 5.2rem;position: absolute;left:-0.3rem;right:-0.3rem;bottom:-0.9rem;*/text-align: center;margin:2rem -0.66rem 0;position:relative;z-index: 1;}
.scan-exhibition:before{content:'';position: absolute;left:0;right:0;top:-1.46rem;background:url('../images/box_01.png') no-repeat center 0;background-size: 100% 1.46rem;height:1.46rem;z-index: -1;}
.scan-exhibition:after{content:'';position:absolute;left:0;right:0;bottom:-0.82rem;background:url('../images/box_03.png') no-repeat center bottom;background-size: 100% 0.84rem;height:0.84rem;z-index: -1;}
.exhibition-list{margin:0 0.5rem;overflow: hidden;}
.exhibition-list li{float: left;margin:0 0 0.26rem;width:33%;}
.exhibition-list li img{width:1.36rem;height:1.36rem;margin:0 auto;box-shadow:0.1rem -0.1rem #161488;}
.exhibition-list li h5{font-size:0.24rem;color: #fff;margin-top: 0.12rem;font-weight: bold;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.btn-toggle{display: block;padding:0 0.3rem;line-height:0.48rem;height:0.48rem;text-align: center;background: rgba(0,0,0,0.28);border-radius: 0.4rem;color: #89BAFF;display: inline-block;margin-top: 0.2rem;}
.btn-toggle:after{content:'';display:inline-block;width:0.12rem;height:0.12rem;border-bottom:1px solid #89BAFF;border-right: 1px solid #89BAFF;margin-left: 0.1rem;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);vertical-align:0.04rem;}
.btn-toggle.up:after{-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);vertical-align:-0.04rem;}
.exhibition-tip{color: #358AEF;}
.form-error{color: #FBC150;}
.download{background: url('../images/bg4.jpg') no-repeat center top;background-size: 100% auto;padding-top:5.8rem;height:100vh;box-sizing: border-box;}
.download h1{position: absolute;left: 0;top: 0;opacity: 0;}
.download h2{font-size: 0.36rem;text-align: center;color: #fff;margin-bottom: 0.6rem;}
.download .btn-red{font-size: 0.44rem;height: 1.5rem;line-height: 1.4rem;box-shadow: none;margin: 0.1rem auto 0;}
.toggle-btn{text-align: center;color: #FF4824;font-size: 0.28rem;line-height: 0.6rem;margin-top: 0.3rem;}
.toggle-btn:after,.btn-award-block:after{content:'';display:inline-block;width: 0.14rem;height: 0.14rem;border-bottom: 1px solid #FF4824;border-right: 1px solid #FF4824;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);margin-left: 0.1rem;vertical-align: 0.04rem;}
.toggle-btn.toggle-up:after{-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);vertical-align: -0.04rem;}
.btn-award-block{display: block;font-size:0.28rem;color:#FF4824;line-height:0.52rem;height:0.52rem;border: 1px solid #FF4824;border-radius: 0.5rem;text-align: center;width: 4.21rem;margin: 0.3rem auto 4px;}
.btn-award-block:after{content:'';display:inline-block;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);vertical-align: 1px;margin-left: 0.04rem;}
.block-org-tip{color: #777;position: absolute;top: -0.36rem;left: 1.6rem;}
.scroll-wrap{overflow: hidden;overflow-x: auto;}

/* 战绩 */
.battle{padding: 0.3rem 0.36rem;}
.header-avator{padding: 0.36rem 1.6rem 0.36rem 0;height: 0.8rem;font-size: 0.32rem;color: #222;position: relative;}
.header-avator img{float: left;width: 0.8rem;height: 0.8rem;border-radius: 50%;margin-right: 0.2rem;}
.header-avator small{font-size: 0.26rem;color: #666;display: block;margin-top: 0.04rem;}
.header-avator .link-text{color: #FF4824;font-size: 0.28rem;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.header-avator .link-text:after{border-bottom-color:#FF4824;border-right-color:#FF4824;}
.block-gray{background: #F9FAFB;border: 1px solid #F1F1F1;border-radius: 0.2rem;padding: 0.34rem 0 0.28rem;}
.block-gray dl{text-align: center;}
.block-gray dl dt{color: #999;}
.block-gray dl dd{font-size: 0.4rem;margin-top: 0.04rem;}
.battle-tit{font-size: 0.32rem;margin-top: 0.8rem;padding-left: 0.24rem;position: relative;margin-bottom: 0.3rem;line-height: 0.44rem;}
.battle-tit::before{content:'';position: absolute;left: 0;top: 50%;width: 0.08rem;height: 0.32rem;margin-top: -0.16rem;background-image: linear-gradient(180deg, #FE7C42 0%, #F2341F 100%);background-image:-webkit-linear-gradient(top, #FE7C42 0%, #F2341F 100%);}
.battle-tit .link-text{font-size: 0.26rem;color: #444;position: relative;}
.battle-tit .link-text:after{border-bottom-color: #6C6C6C;border-right-color: #6C6C6C;top: 48%;}
.block-gray-result{font-size: 0.32rem;text-align: center;}
.block-gray-result .link-text{text-align: right;color: #444;font-size: 0.26rem;padding-right: 0.4rem;}
.block-gray-result .link-text:after{border-bottom-color:#6C6C6C;border-right-color:#6C6C6C;right: 0.24rem;top: 42%;}
.history-list{margin-top: -0.2rem;}
.history-list li{padding: 0.26rem 0;position: relative;z-index: 1;}
.history-list li p{font-size: 0.26rem;color: #999;margin-bottom: 0.2rem;}
.history-list li span>*{display:block;}
.history-list li span b{font-size: 0.32rem;margin-bottom: 0.04rem;}
.history-list li span small{color: #999;}
.history-list li span:nth-of-type(1){-webkit-flex:1.4;-ms-flex:1.4;flex:1.4;}
.history-list li span:nth-of-type(3){text-align: center;}
.history-list li span:last-child{text-align: right;}
.history-list li span:nth-of-type(2){text-align: center;}
.tag-result{position: absolute;right:0;top:0.26rem;font-size: 0.24rem;width: 0.72rem;line-height: 0.36rem;text-align: center;border-radius: 0.3rem;color: #fff;}
.tag-result.tag-red{background: #FF4824;}
.tag-result.tag-blue{background: #0065DC;}
.guessing{margin-top: 0.24rem;}
.guessing >div{text-align: center;padding: 0.22rem 0;}
.guessing >div span{font-size: 0.3rem;color: #222;}
.guessing >div span.font{font-size: 0.34rem;}
.guessing >div small{font-size: 0.24rem;color: #999;display: block;margin-top: 0.06rem;}
.guessing >div.block small{font-size: 0.26rem;}
.guessing >div .btn-guess{margin-top: 0.18rem;}
.guessing .block{background: #ECF2FF;border-radius:0.1rem;}
.footer-btns{margin: 0.6rem -0.2rem 0;}
.footer-btns a{background: rgba(0, 0, 0, 0.3);border-radius: 0.2rem;margin: 0 0.2rem;line-height: 1rem;font-size: 0.34rem;color: #fff;text-align: center;}
.footer-btns a.btn-rules:before{width:0.3rem;height: 0.36rem;background-position: 0 0;margin-right: 0.1rem;vertical-align: -0.06rem;}
.footer-btns a.btn-share:before{width:0.38rem;height: 0.36rem;background-position: -0.4rem 0;margin-right: 0.1rem;vertical-align: -0.06rem;}
.guess-in{margin-top: 0.46rem;}


/* 二期 */
/* icons */
.card-nav span.cur:before,.guess-in.up:after,.guess-in.down:after,.bubble-red:after,.bubble-green:after,.market2 dd .bubble-red span:after,.market2 dd .bubble-green span:after,.tips2:before,.pop-win-close,.result-text b:after,.guess-result small.icon-yeah:after,.pop-coins:before,.clock:after,.subject dd p.correct:before,.subject dd p.error:before,.step-tips:after,.btn-check:before,.qa-numb:before,.btn-change:before,.index-pop .market dd span:after{content:'';position: absolute;background: url('../images/icons.png') no-repeat 0 0;background-size: 3.96rem auto;}

.card-nav{position: absolute;left:0;right:0;top:-0.8rem;background:#2439AA;border-radius: 0.3rem 0.3rem 0 0;}
.card-nav span{font-size:0.3rem;color: #fff;opacity: 0.6;text-align: center;line-height: 0.8rem;height: 1.2rem;}
.card-nav span.cur{opacity: 1;font-size: 0.4rem;font-weight: bold;position: relative;top:-0.08rem;line-height:0.96rem;z-index:0;text-indent: 0.8rem;}
.card-nav span.cur:after{content:'';position: absolute;background: url('../images/icon-tab.png') no-repeat 0 0;background-size:100% 100%;width:110%;height:0.88rem;left:0;top:0;z-index: -1;border-radius: 0.3rem 0.3rem 0.3rem 0;border-bottom: 0.4rem solid #FCAA58;}
.card-nav span:last-child.cur:after{-webkit-transform: scaleX(-1);-ms-transform: scaleX(-1);transform: scaleX(-1);left: auto;right: 0;}
.card-nav span.cur:before{left: 0.14rem;top: -0.1rem;width: 1.22rem;height: 0.94rem;}
.card-nav span:last-child.cur:before{background-position: -2.74rem -5.8rem;}

.pool-list{margin-top: 0.26rem;overflow: hidden;padding-left: 0.36rem;position: relative;height: 4.6rem;}
.pool-list.up{height: auto;}
.pool-list li{/*float: left;width:48%;margin: 0 1% 0.1rem;background:url('../images/pool-bg.png') no-repeat 0 0;background-size:100% 100%;*/padding: 0.56rem 0 0 0;box-sizing: border-box;position: relative;}
.pool-list li .item{padding: 0 0 0 1.2rem;position: relative;margin-bottom: 0.2rem;}
.pool-list li:before{content:'';position: absolute;left: -0.32rem;top: 0;width: 0.14rem;height: 0.14rem;border:0.06rem solid #FF4824;border-radius: 50%;background: #fff;}
.pool-list li figure{position: absolute;left:0.32rem;top: 0;border-radius: 0.1rem;overflow: hidden;box-shadow: 0 0 0 1px #FFDEB3;width: 0.72rem;height: 0.72rem;}
.pool-list li figure img{display: block;width: 100%;height: 100%;}
.pool-list li figure span{position: absolute;left:0;right: 0;bottom: 0;line-height:0.3rem;height:0.3rem;background: rgba(0, 0, 0, 0.5);text-align: center;font-size: 0.24rem;color: #fff;}
.pool-list li h3{font-size: 0.3rem;/*height: 0.8rem;line-height: 0.4rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;*/}
.pool-list li p{font-size: 0.24rem;color: #FF4824;}
.pool-list li .numb{font-size: 0.24rem;color:#999;}
.pool-list li .tag{position: absolute;left: 0;top:0;line-height: 0.36rem;width:1.24rem;border-radius: 0.5rem;margin: 0;padding: 0;text-align: center;}
.pool-list li .tag.tag-org{background:#FF4824;color:#fff;}
.pool-list:before{content: '';position: absolute;left: 0.16rem;top: 0;bottom: 0;border-left: 1px dashed #FF8972;}
.pool-list2{overflow:visible;padding-left: 0.2rem;}
.pool-list2:before{left:0;top:0.4rem;}
.pool-list2 li{padding: 0 0 0 1.4rem;}
.pool-list2 li:before{left:-0.28rem;top:0.16rem;border-width: 0.04rem;width: 0.12rem;height:0.12rem;}
.pool-list2 li .tag{top:0.12rem;}
.pool-list2 li .item{margin-bottom: 0.24rem;padding-left: 0.76rem;line-height: 0.6rem;}
.pool-list2 li figure{left:0;top:0;width: 0.6rem;height: 0.6rem;}


.pool-list-s{margin-top: 0.26rem;overflow: hidden;position: relative;}
.pool-list-s li{float: left;width:48%;margin: 0 1% 0.1rem;background:url('../images/pool-bg.png') no-repeat 0 0;background-size:100% 100%;padding: 0.32rem 0 0.32rem 1.32rem;box-sizing: border-box;position: relative;height: 1.72rem;}
.pool-list-s li .item{padding: 0.2rem 0 0.2rem 1.2rem;position: relative;}
.pool-list-s li figure{position: absolute;left:0.16rem;top: 0.32rem;border-radius: 0.1rem;overflow: hidden;box-shadow: 0 0 0 1px #FFDEB3;width: 1.08rem;height: 1.08rem;}
.pool-list-s li figure img{display: block;width: 100%;height: 100%;}
.pool-list-s li figure span{position: absolute;left:0;right: 0;bottom: 0;line-height:0.3rem;height:0.3rem;background: rgba(0, 0, 0, 0.5);text-align: center;font-size: 0.24rem;color: #fff;}
.pool-list-s li h3{font-size: 0.3rem;height: 0.8rem;line-height: 0.4rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.pool-list-s li p{font-size: 0.24rem;color: #FF4824;}
.pool-list-s li .numb{font-size: 0.24rem;color:#999;}
.pool-list-s li .tag{position: absolute;left: 0;top:0;line-height: 0.36rem;padding: 0 0.12rem;border-radius: 0.5rem;margin: 0;}
.pool-list-s li .tag.tag-org{background:#FF4824;color:#fff;}
.fold-down-s,.fold-up-s{padding-right: 0.24rem;}
.fold-down-s:after{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 0.06rem;}
/* .fold-down:before{content:'';position: absolute;left:50%;top: -1.4rem;width:6rem;height: 1rem;background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.00) 0%, #FFFFFF 50%);background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 50%);margin-left: -3rem;} */
.fold-up-s:after{-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);top: 0.12rem;}

.fold-down,.fold-up{padding-right: 0.24rem;}
.fold-down:after{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 0.06rem;}
.fold-down:before{content:'';position: absolute;left:50%;top: -1rem;width:6rem;height: 1rem;background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.00) 0%, #FFFFFF 50%);background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 50%);margin-left: -3rem;}
.fold-up:after{-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);top: 0.12rem;}
.top-mod{padding:0 0.44rem;}
.pop-tip{font-size: 0.24rem;color: #c3c3c3;position: absolute;left: 0;right: 0;bottom: 0.2rem;padding: 0 0.36rem;}
.pop-tip2{position: static;margin: 0.3rem 0 -0.2rem;}
.scan-tip{color: #fff;text-align: center;margin-bottom: 0.3rem;}
.footer-rules{padding:0.3rem 0.6rem;}
.footer-rules h5{font-size: 0.32rem;color: #98BBFF;margin-bottom: 0.2rem;text-align: center;}
.footer-rules li{margin-bottom: 0.3rem;font-size: 0.26rem;color: #98BBFF;}
.footer-rules li strong{font-weight: bold;font-size: 0.3rem;color: #DFEAFF;margin-bottom: 0.14rem;display: block;}


.guess-in.up:after,.guess-in.down:after{width: 1.24rem;height: 1.24rem;right: -0.2rem;top: 0.3rem;}
.guess-in.up:after{background-position: 0 -5.8rem;}
.guess-in.down:after{background-position: -1.4rem -5.8rem;}
.bubble{width: 3.04rem;height: 2.12rem;font-size: 0.28rem;color: #fff;padding: 0.44rem 0 0.52rem;position: relative;box-sizing: border-box;margin: 0 auto;z-index: 1;}
.bubble-red:after,.bubble-green:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.bubble-red:after{background-position: 0 -3.3rem;}
.bubble-green:after{background-position: 0 -1rem;}
.market2 dd .bubble-red span:after,.market2 dd .bubble-green span:after{background-position: -1.4rem 0;width: 0.24rem;height: 0.4rem;position: static;display: inline-block;margin-left: 0.06rem;}
.market2 dd .bubble-red span:after{-webkit-transform: scaleY(-1);-ms-transform: scaleY(-1);transform: scaleY(-1);}
.tips2:before{background-position: -2.4rem 0;width: 0.24rem;height: 0.24rem;left:0.3rem;top: 50%;margin-top: -0.12rem;}
.table tr td:last-child:before{content: '';position: absolute;right: 0.12rem;top:45%;border-bottom:1px solid #999;border-right:1px solid #999;display: inline-block;margin-left: 0.06rem;width: 0.12rem;height: 0.12rem;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.block-champion{display: block;background: url('../images/champion.png') no-repeat 0 0;background-size: cover;width: 2.34rem;height: 1.44rem;margin: 0 auto;}
.tips3{text-align: left;font-size: 0.28rem;color: #666;background: none;margin: -0.34rem 0 0.16rem -0.34rem;}
.icon-help{display: inline-block;width:0.32rem;height:0.32rem;text-align: center;margin-left: 0.12rem;line-height: 0.32rem;color: #999;position: relative;}
.icon-help:after,.index-pop-nav .btn-r:after{content:'';position: absolute;left: 0;top: 0;border:1px solid #999;border-radius: 50%;width: 200%;height: 200%;-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;}
.pop-win-help p{padding-left:0.4rem;padding-right:0.4rem;text-align: left;font-size: 0.3rem;}
.pop-win-close{position: absolute;right:0.3rem;top:0.2rem;width: 0.64rem;height: 0.64rem;border-radius: 50%;text-indent: -999px;overflow: hidden;background-position: -2.8rem 0;z-index: 10;}
.ads{background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #FFF5E8 100%);background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5E8 100%);height: 100%;}
.ads-head{box-shadow: 0 3px 8px 0 #FFDCCF;padding: 0.72rem 0 0.32rem;background: #fff;border-radius: 0.4rem 0.4rem 0 0;position: relative;}
.result-text{text-align: center;font-size: 0.3rem;}
.result-text b{font-size: 0.4rem;vertical-align: -0.04rem;padding-right: 0.26rem;position: relative;}
.result-text b:after{content:'';position: absolute;right: 0;top: 50%;width:0.2rem;height:0.3rem;margin-top: -0.1rem;}
.result-text b.ft-green:after{background-position:-1.8rem 0;}
.result-text b.ft-red:after{background-position:-2.1rem 0;}
.result-text span{display: inline-block;font-size: 0.24rem;width: 0.68rem;line-height: 0.32rem;border-radius: 0.3rem;margin-right: 0.1rem;vertical-align: 1px;}
.result-text.up span{color:#F03F3E;border:1px solid #F03F3E;}
.result-text.down span{color:#1EAC4E;border:1px solid #1EAC4E;}
.ads-scroll-w{height:4.8rem;overflow: auto;}
.step{padding: 0.3rem 0.3rem 0 0.56rem;}
.step h6{font-size:0.26rem;text-align: center;color: #E76447;margin-bottom: 0.2rem;}
.step h6:before,.step h6:after{content:'';display: inline-block;width:1.04rem;height:1px;vertical-align: 0.08rem;margin: 0 0.26rem;}
.step h6:before{background-image:-webkit-linear-gradient(right, #E76447 0%, rgba(255,255,255,0.00) 100%);background-image: linear-gradient(270deg, #E76447 0%, rgba(255,255,255,0.00) 100%);}
.step h6:after{background-image: -webkit-linear-gradient(left, #E76447 0%, rgba(255,255,255,0.00) 100%);background-image: linear-gradient(90deg, #E76447 0%, rgba(255,255,255,0.00) 100%);background-image:-webkit-linear-gradient(left, #E76447 0%, rgba(255,255,255,0.00) 100%);}
.step .list li{margin:0.2rem 0;font-size: 0.3rem;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height: 0.6rem;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.step .list li span:nth-of-type(1){-webkit-flex:0 0 1.3rem;-ms-flex:0 0 1.3rem;flex:0 0 1.3rem;text-align:left;}
.step .list li span:nth-of-type(2){-webkit-flex:1;-ms-flex:1;flex:1;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.step .list li span:nth-of-type(3){-webkit-flex:0 0 0.8rem;-ms-flex:0 0 0.8rem;flex:0 0 0.8rem;}
.step .list li img{width: 0.6rem;height: 0.6rem;box-shadow: 0 0 0 1px #FFDEB3;border-radius: 0.1rem;float: right;}
.guess-pop .btn-block-s,.index-pop .step .btn-block-s{width: 3.08rem;line-height: 0.7rem;height: 0.72rem;font-size: 0.3rem;box-shadow: 0 1px 0 0 #ff8f4f, 0 2px 0 0 #ee4034;margin: 0.3rem auto 0;}
.guess-pop .btn-block-s.disabled{background: #C8C8C8;box-shadow: none;pointer-events: none;}
.broker-wrap{position: relative;z-index: 1;padding: 0.28rem 0.32rem 0.22rem 1.2rem;text-align: left;}
.broker-wrap:after,.tag-org:after{content:'';position: absolute;left: 0;top: 0;width: 200%;height: 200%;border-radius: 0.32rem;border:1px solid #F1CDC5;-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;z-index: -1;box-sizing: border-box;}
.broker-wrap img{position:absolute;left: 0.32rem;top: 0.32rem;width: 0.6rem;height: 0.6rem;box-shadow: 0 0 0 1px #ffdeb3;border-radius: 0.1rem;}
.broker-wrap dl dt{font-size: 0.34rem;font-weight: bold;}
.broker-wrap dl dd{margin-top: 0.08rem;color: #666;font-size: 0.26rem;}
.broker-wrap2{margin: 0 -0.56rem;}
.tag-ads{position: absolute;bottom: 0.12rem;right: 0.12rem;font-size: 0.18rem;color: #D6D6D6;box-shadow: 0 0 1px 0 #D6D6D6;border-radius: 2px;padding: 0 0.08rem;line-height: 0.26rem;}

.tag-org{display: inline-block;padding:0 0.1rem;font-size: 0.24rem;color: #E76447;line-height: 0.36rem;margin:0.1rem 0.1rem 0 0;position: relative;}
.tag-org:after{border-radius: 0.08rem;}
.guess-result small.icon-yeah:after{position: static;display: inline-block;background-position: -3.2rem -3.2rem;width:0.28rem;height: 0.4rem;margin-left: 0.1rem;vertical-align:-0.1rem;}
.pop-coins{position: absolute;left: 50%;top: 60%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);background-image: linear-gradient(270deg, #FF846B 0%, #FF4824 84%);background-image:-webkit-linear-gradient(right, #FF846B 0%, #FF4824 84%);font-size: 0.7rem;font-weight: bold;padding: 0 0.6rem 0 1.48rem;color: #fff;border-radius: 1rem;line-height: 1.2rem;z-index: 10;}
.pop-coins:before{content:'';position: absolute;left:0.6rem;top: 50%;width:0.64rem;height:0.64rem;background-position: -3.2rem -3.8rem;margin-top: -0.3rem;-webkit-animation: swing 1s ease infinite;animation: swing 1s ease infinite;}
.pop-coins .star{}
.pop-coins .star1{left: 1.12rem;top: 60%;-webkit-animation-duration: 1s;animation-duration: 1s;}
.pop-coins .star2{left: 0.3rem;top: 0.1rem;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;}
.guess-result-wrap{height: 8.8rem;position: relative;}
.guess-result-wrap .guess-result{top:55%;}

/* 活动弹框 */
.index-pop{/*padding-top: 1.3rem;height: 8.68rem;*/position: relative;height:10rem;overflow: hidden;}
.index-pop-bg{height:10rem;}
.index-pop-bg .index-pop-wrap:before{content:'';position: absolute;left:50%;top:-1.4rem;background: url('../images/bg3.png') no-repeat 0 0;background-size: cover;width:4.94rem;height: 1.82rem;margin-left: -2.47rem;z-index: 10;}
.index-pop-wrap{position: absolute;/*height: 9.4rem;*/height:76%;left: 0;right:0;bottom:0;}
.pop-wrap-inner{background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #FFF5E8 100%);background-image: linear-gradient(180deg, #FFFFFF 0%, #FFF5E8 100%);border-radius: 0.4rem 0.4rem 0 0;overflow: hidden;overflow-y: auto;height: 100%;}
.index-pop-wrap .ads-head{padding:1.2rem 0.32rem 0.32rem;text-align: center;}
.index-pop-nav{position: absolute;left: 0;top:0;right: 0;text-align: left;background: #fff;z-index: 3;padding: 0.44rem 0.32rem 0;border-radius: 0.4rem 0.4rem 0 0;}
.index-pop-nav small{font-size: 0.24rem;color: #999;margin-left: 0.2rem;}
.index-pop-nav small.tips2{margin-left: 0;background: none;}
.nav-tit{font-size: 0.32rem;font-weight: bold;padding-right: 0.3rem;position: relative;}
.nav-tit:after{content:'';position: absolute;right: 0;top: 0.16rem;width: 0;height: 0;border:0.1rem solid transparent;border-top: 0.12rem solid #555;}
.index-pop-nav .btn-r{color:#FF4824;font-size: 0.24rem;padding: 0 0.14rem;line-height: 0.36rem;position: relative;}
.index-pop-nav .btn-r:after{border:1px solid #FF4824;border-radius: 1rem;}
.nav-drapdown{position: absolute;left:0.32rem;top: 1.06rem;background: #fff;border:1px solid #FF4824;border-radius: 0.1rem;z-index: 5;}
.nav-drapdown:before{content:'';position: absolute;left:0.3rem;top:-0.28rem;width: 0;height: 0;border:0.12rem solid transparent;border-bottom: 0.14rem solid #FF4824;}
.nav-drapdown:after{content:'';position: absolute;left:0.32rem;top:-0.24rem;width: 0;height: 0;border:0.1rem solid transparent;border-bottom: 0.14rem solid #fff;}
.dropdown-list{}
.dropdown-list li{padding:0.24rem 0;font-size: 0.32rem;text-align: center;width: 2rem;}
.dropdown-list li.cur{color: #FF4824;background: rgba(255, 220, 213, 0.4);}
.index-pop .guess-in{margin-top: 0;}
.index-pop .market{margin-top: 0.2rem;}
.index-pop .market dt a{font-size: 0.38rem;}
.index-pop .market dt a:after{vertical-align: -0.04rem;}
.index-pop .market dd{font-size: 0.36rem;margin-bottom: 0.44rem;margin-top: 0.3rem;}
.index-pop .market dd span{font-size: 0.48rem;display: inline-block;vertical-align: -0.041rem;position: relative;}
.index-pop .market dd span:after{content:'';position: absolute;top:50%;right:-0.32rem;width:0.24rem;height:0.4rem;margin-top: -0.18rem;}
.index-pop .guess-in .market dd span.ft-red:after{background-position:-1.8rem -0.44rem;}
.index-pop .guess-in .market dd span.ft-green:after{background-position:-1.4rem -0.44rem;}
.index-pop .market2 dt a{font-size: 0.28rem;font-weight: bold;;}
.index-pop .tips2{position: relative;text-align: left;top:0;}
.index-pop .guess-in.up:after,.index-pop .guess-in.down:after{top: 2.4rem;}
.index-pop .ads-head .btn-block{font-size: 0.48rem;}
.index-pop .step .btn-block-s{margin-bottom: 0.6rem;}
.index-pop.fail,.index-pop.success{/*padding-top: 2.72rem;*/position: relative;overflow: hidden;}
.index-pop.fail:before,.index-pop.success:before{top:1.16rem;z-index: 1;}
.index-pop.fail:after{top: 0.6rem;}
.index-pop.success:before{/*top: 1.4rem;*/top:9%;}
.index-pop.success:after{/*top: 0;*/top:-5%;}
.index-pop .guess-pop-head{padding-top: 0;min-height: 2rem;}
.index-pop .pop-content-btns{margin-top: 0.4rem;}
.index-pop.success .ads-head{padding-top: 2.1rem;}
.index-pop.success .ads-head h1{position: absolute;left: 50%;top: 0.8rem;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.aq-list li span{font-size: 0.28rem;line-height: 0.48rem;}
.aq-list li span:nth-of-type(2){-webkit-flex:0.7;-ms-flex:0.7;flex:0.7;}
.aq-list li span:nth-of-type(3){-webkit-flex:0.3;-ms-flex:0.3;flex:0.3;}
.aq-list li span:nth-of-type(3) .tag-result{margin-top: 0.06rem;}
.blank-block{position: static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);padding: 0 0 0.3rem;}

/* 答题闯关 */
.qa{background:#054ac7 url('../images/bg2.jpg') no-repeat center top;padding:0 0.3rem 0.3rem;background-size: 100% auto;overflow: hidden;box-sizing: border-box;position: relative;height: 100vh;;}
.qa-header{color: #fff;padding: 0.36rem 1.8rem 0.36rem 0.04rem;}
.qa-header .avator{float: left;border:1px solid #fff;border-radius: 50%;width: 0.48rem;height: 0.48rem;margin-right: 0.16rem;}
.qa-header .avator img{width: 100%;height: 100%;border-radius: 50%;}
.qa-header p{line-height: 0.52rem;font-size: 0.3rem;}
.qa-progress{margin-top: 0.2rem;display: -webkit-flex;display: -ms-flexbox;display: flex;line-height: 0.5rem;}
.progress-bar{margin-right: 0.16rem;margin-top: 0.2rem;height: 0.1rem;background: rgba(0, 0, 0, 0.5);border-radius: 0.1rem;-webkit-flex:1;-ms-flex:1;flex:1;}
.progress-bar span{display: block;height: 0.1rem;border-radius: 0.1rem;background: #FECD32;-webkit-transition:width ease .3s;transition:width ease .3s;}
.qa-progress b{font-size: 0.36rem;font-weight: bold;color: #FECD32;margin:0 0.04rem;display: inline-block;line-height: 1.2;}
.clock{position: absolute;right:0.3rem;top:0.3rem;background-image: -webkit-linear-gradient(right, #FEC315 0%, #FFF09A 100%);background-image: linear-gradient(270deg, #FEC315 0%, #FFF09A 100%);box-shadow: 2px 9px 19px 0 rgb(255 182 37 / 76%), inset 0 0 8px 0 #ffffff;width: 1.34rem;height: 1.34rem;border-radius: 50%;text-shadow: 0 2px 0 #fff;font-size: 0.76rem;color: #E28000;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.clock.ft-s{font-size: 0.68rem;}
.clock:after{left:50%;top: 50%;background-position:-3.2rem -4.7rem;width:0.64rem;height:0.7rem;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.clock.time:after{content: none;}
.cow-step{height:2.5rem;position: relative;}
.cow-step>*{position: absolute;}
.platForm,.goStep1:after,.goStep2:after,.goStep2:before{background: url('../images/platform.png') no-repeat 0 0;width:2.56rem;height:1.98rem;background-size: cover;-webkit-transition: all linear .25s;transition: all linear .25s;}
.plat1{left:0.2rem;top: 1.3rem;}
.plat2{right:1rem;top:0.5rem;-webkit-transform: scale(.85);-ms-transform: scale(.85);transform: scale(.85);opacity: 0.5;}
.plat3{left:1.6rem;top:-0.7rem;-webkit-transform: scale(.6);-ms-transform: scale(.6);transform: scale(.6);opacity: 0.2;}
.goStep1 .plat1{-webkit-transform:translate(-0.3rem,0.8rem) scale(1);-ms-transform:translate(-0.3rem,0.8rem) scale(1);transform:translate(-0.3rem,0.8rem) scale(1);opacity: 1;}
.goStep1 .plat2{-webkit-transform:translate(0.8rem,0.8rem) scale(1);-ms-transform:translate(0.8rem,0.8rem) scale(1);transform:translate(0.8rem,0.8rem) scale(1);opacity: 1;}
.goStep1 .plat3{-webkit-transform:translate(1rem,0.4rem) scale(.65);-ms-transform:translate(1rem,0.4rem) scale(.65);transform:translate(1rem,0.4rem) scale(.65);opacity: 0.2;}
.goStep1:after{content:'';position: absolute;left:50%;top:-0.4rem;-webkit-animation:flyIn ease .3s forwards;animation:flyIn ease .3s forwards;}
@-webkit-keyframes flyIn{
    0%{-webkit-transform: translate(-100%,0) scale(0.2);transform: translate(-100%,0) scale(0.2);opacity: 0;}
    100%{-webkit-transform: translate(-3rem,1rem) scale(0.85);transform: translate(-3rem,1rem) scale(0.85);opacity: 0.5;}
}
@keyframes flyIn{
    0%{-webkit-transform: translate(-100%,0) scale(0.2);transform: translate(-100%,0) scale(0.2);opacity: 0;}
    100%{-webkit-transform: translate(-3rem,1rem) scale(0.85);transform: translate(-3rem,1rem) scale(0.85);opacity: 0.5;}
}
.goStep2:before{content:'';position: absolute;left:50%;top:-0.4rem;-webkit-animation:flyIn3 ease .3s forwards;animation:flyIn3 ease .3s forwards;}
.goStep2:after{content:'';position: absolute;left:50%;top:-0.4rem;-webkit-animation:flyIn2 ease .3s forwards;animation:flyIn2 ease .3s forwards;}
.goStep2 .plat1{-webkit-transform:translate(-0.3rem,0.8rem) scale(1);-ms-transform:translate(-0.3rem,0.8rem) scale(1);transform:translate(-0.3rem,0.8rem) scale(1);}
.goStep2 .plat2{-webkit-transform:translate(1.6rem,1.6rem) scale(1);-ms-transform:translate(1.6rem,1.6rem) scale(1);transform:translate(1.6rem,1.6rem) scale(1);}
.goStep2 .plat3{-webkit-transform:translate(1.8rem,1.2rem) scale(0.85);-ms-transform:translate(1.8rem,1.2rem) scale(0.85);transform:translate(1.8rem,1.2rem) scale(0.85);opacity: 0.5;}
@-webkit-keyframes flyIn2{
    0%{-webkit-transform: translate(-100%,0) scale(0.2);transform: translate(-100%,0) scale(0.2);opacity: 0;}
    100%{-webkit-transform: translate(-3.2rem,1.7rem) scale(1);transform: translate(-3.2rem,1.7rem) scale(1);opacity: 1;}
}
@keyframes flyIn2{
    0%{-webkit-transform: translate(-100%,0) scale(0.2);transform: translate(-100%,0) scale(0.2);opacity: 0;}
    100%{-webkit-transform: translate(-3.2rem,1.7rem) scale(1);transform: translate(-3.2rem,1.7rem) scale(1);opacity: 1;}
}
@-webkit-keyframes flyIn3{
    0%{-webkit-transform: translate(-100%,0) scale(0.2);transform: translate(-100%,0) scale(0.2);opacity: 0;}
    100%{-webkit-transform: translate(-1 rem,0.5rem) scale(0.65);transform: translate(-1 rem,0.5rem) scale(0.65);opacity:0.2;}
}
@keyframes flyIn3{
    0%{-webkit-transform: translate(-100%,0) scale(0.2);transform: translate(-100%,0) scale(0.2);opacity: 0;}
    100%{-webkit-transform: translate(-1 rem,0.5rem) scale(0.65);transform: translate(-1 rem,0.5rem) scale(0.65);opacity:0.2;}
} 

.cow{background: url('../images/ox.png') no-repeat 0 0;background-size: cover;width: 1.54rem;height: 1.96rem;left:50%;top:0.2rem;z-index: 1;-webkit-transition: all ease .3s;transition: all ease .3s;-webkit-transform: translate(-2.66rem,0);-ms-transform: translate(-2.66rem,0);transform: translate(-2.66rem,0);}
.cow:after{content:'';position: absolute;background: url('../images/ox_shadow.png') no-repeat 0 0;background-size: cover;width:0.74rem;height:0.36rem;left: 45%;bottom: -0.2rem;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: -1;}
.cow2{top: -0.6rem;-webkit-transform: translate(0.5rem,0);-ms-transform: translate(0.5rem,0);transform: translate(0.5rem,0);}
.cow3{top:0.2rem;-webkit-transform: translate(1.3rem,0);-ms-transform: translate(1.3rem,0);transform: translate(1.3rem,0);}
.cow4{top:-0.6rem;-webkit-transform: translate(-2.4rem,0);-ms-transform: translate(-2.4rem,0);transform: translate(-2.4rem,0);}

.step-tips{background: url('../images/stroke.png') no-repeat 0 0;background-size: 100% auto;width:6.18rem;height: 0.78rem;line-height: 0.78rem;text-align: center;font-size: 0.3rem;color: #fff;top: 0;z-index: 5;left: 50%;}
.step-tips:after{content: '';display: inline-block;position: static;background-position:-3.2rem -1.5rem;width:0.38rem;height:0.4rem;margin-left: 0.1rem;vertical-align: -0.08rem;}

.qa-content{background: #fff;border-radius: 0.4rem;padding: 0.5rem 0.36rem 1.3rem;overflow:hidden;box-sizing: border-box;position: absolute;color:#203153;left: 0.36rem;bottom: 0.3rem;right: 0.36rem;top:4.4rem;}
.content-wrap{height: 100%;overflow-y:auto;}
.cover,.order{position: absolute;left:0;right:0;white-space: nowrap;text-align: center;font-weight: bold;top:30%;letter-spacing: 0.2rem;}
.cover{font-size: 1.76rem;}
.order{font-size: 0.64rem;top:38%;}
.subject{}
.subject dt{font-size: 0.36rem;font-weight: bold;margin-bottom: 0.8rem;}
.subject dd{margin-bottom: 0.3rem;}
.subject dd p{background: #F6F6F6;height: 0.88rem;border-radius: 1rem;margin-bottom: 0.2rem;font-size: 0.32rem;text-align: center;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 0 0.4rem;line-height: 1.2;border:1px solid #F6F6F6;position: relative;}
.subject dd p.ft-s{font-size: 0.28rem;}
.subject dd p.cur{background: #FFEBE3;border-color: #FF4824;color: #FF4824;}
.subject dd p.disabled{pointer-events: none;}
.subject dd p.correct{background: #1EAC4E;border-color: #1EAC4E;color: #fff;}
.subject dd p.error{background: #F14957 ;border-color: #F14957 ;color: #fff; }
.subject dd p.correct:before,.subject dd p.error:before{left: 0.32rem;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.subject dd p.correct:before{width:0.46rem;height: 0.36rem;background-position: -3.2rem -0.9rem;}
.subject dd p.error:before{width:0.36rem;height: 0.36rem;background-position: -3.6rem 0;}
.btn-subject-s{display: block;width:3.6rem;margin: 0 auto;text-align: center;line-height: 1rem;background-image: -webkit-linear-gradient(top, #FE7C42 0%, #F2341F 100%);background-image: linear-gradient(180deg, #FE7C42 0%, #F2341F 100%); box-shadow: 0 1px 5px 0 #FA6336, inset 0 2px 2px 0 #FEBF64;font-size: 0.36rem;color:#fff;font-weight: bold;border-radius: 1rem;position: absolute;left: 50%;bottom:0.2rem;margin-left: -1.8rem;}
.btn-subject-s.disabled{background: #E5E5E5;color: #C8C8C8;pointer-events: none;box-shadow: none;}
.qa-foot{position: absolute;font-size: 0.3rem;color: #555;left: 0.36rem;bottom: 0.2rem;}
.pop-content-btns a.btn-return{-webkit-flex: 0.6;-ms-flex: 0.6;flex: 0.6;}
.qa-result{height: 100vh;}
.qa-result .guess-result{position: absolute;}
.qa-result .guess-result .guess-pop-head{padding-top: 1.2rem;padding-bottom: 0.48rem;}
.qa-result .guess-result .guess-pop-head h2{margin-bottom: 0.44rem;}
.qa-result .tip{font-size: 0.3rem;line-height: 0.7rem;position: relative;margin: 0 0.4rem 0.36rem;}
.qa-result .tip:before,.qa-result .tip:after{content:'';display:block;height: 1px;background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.00) 0%, #FF4824 55%, rgba(255,255,255,0.00) 100%);background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FF4824 55%, rgba(255,255,255,0.00) 100%);}
.qa-result .guess-pop-head img{width: 2.4rem;height: 2.4rem;}
.btn-check{display:block;background: rgba(255, 220, 213, 0.4);text-align: center;font-size: 0.36rem;color: #FF4824;line-height: 0.9rem;width: 3.1rem;margin: 0.5rem auto 0;border-radius: 1rem;}
.btn-check:before{position:static;display: inline-block;margin-right: 0.12rem;background-position:-3.2rem -2.04rem;width:0.44rem;height:0.44rem;vertical-align: -0.08rem;}
.result-text{margin-top:0.32rem;display: block;}
.qa-numb{padding-left: 0.44rem;margin-left: 0.1rem;position: relative;}
.qa-numb:before{background-position:-3.2rem -2.6rem;left: 0.04rem;top: 50%;width: 0.36rem;height: 0.36rem;margin-top: -0.18rem;}
.btn-change{position: absolute;right: 0.3rem;top: 0.2rem;font-size: 0.24rem;color: #FF4824;padding-left: 0.36rem;}
.btn-change:before{background-position: -3rem -7rem;width:0.3rem;height: 0.26rem;left: 0;top: 49%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}

.user-inform{position: relative;}
.user-inform .btn-award-block{position: absolute;right:0.32rem;top: 0.44rem;margin: 0;width: 1.8rem;}
.user-top{padding-left: 1.1rem;padding-right: 2.6rem;position: relative;}
.user-top .user-name{font-size: 0.3rem;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user-top p{color: #555;margin-top: 0.1rem;}
.user-top p a{color: #555;}
.user-top p a:after{border-bottom-color: #999;border-right-color: #999;}
.user-top .avator{position: absolute;left:0;top:0;width: 0.9rem;height: 0.9rem;border-radius: 50%;}
.user-bottom{background-image:-webkit-linear-gradient(right, rgba(255,255,255,0.00) 0%, #FFEEEA 49%, rgba(255,255,255,0.00) 100%);background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FFEEEA 49%, rgba(255,255,255,0.00) 100%);line-height: 0.9rem;font-size: 0.28rem;text-align: center;margin: 0.3rem -0.32rem -0.32rem;}
.user-bottom a{font-size: 0.28rem;}
.blank3-text{font-size: 0.3rem;color: #555;text-align: center;margin-top: 0.1rem;}
.link-skills{position: absolute;left:50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);text-align: center;bottom:0.2rem;color:#FF4824;font-size:0.26rem;}
.ads-head .link-skills{right:0.12rem;bottom:0.36rem;line-height:0.44rem;left:auto;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);font-size: 0.28rem;border:1px solid #FF4824;padding:0 0.16rem;border-radius:0.4rem;font-weight: bold;;}
.step .link-text{color: #888;font-size: 0.24rem;}
.step .link-text:after{border-bottom-color:#888;border-right-color: #888;}
.ads-head .link-block{position: relative;font-weight: normal;border:0;border-radius: 0;font-size: 0.26rem;line-height: 1.4;bottom:-0.2rem;right:0;margin: 0.2rem 0 0;display: inline-block;}
.link-text.btn-skills{bottom: auto;top:1.1rem;right:0.28rem;}
.link-text.btn-skills:after{content:none;}