@charset "utf-8";
/* * Author:UED * Version:1.0.0*/
html{font-size: 75px;}
@media screen and (min-width:320px) {html{font-size: 64px;}}
@media screen and (min-width:360px) {html{font-size: 72px;}}
@media screen and (min-width:375px) {html{font-size: 75px;}}
@media screen and (min-width:414px) {html{font-size: 82.8px;}}

body,button,input,select,textarea{font:0.173333rem/1.5 -apple-system-font,Helvetica Neue,sans-serif;line-height: 1.5;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}
button,input,select,textarea{padding: 0;background: none;border: 0;font-size: inherit;}
input:focus{outline:0;}
i{font-style: normal;}
a{text-decoration: none; color:#999;}
dfn{font-weight: normal;font-style: normal;}
html,body{background-color: #EAEAEA;}
#container{max-width:640px;margin: 0 auto; }
.cur_ranking i,.guang_close:after{background: url(../images/un_bg.png) no-repeat;background-size: 1.333rem auto;}




/*list*/
.detail_list{position: relative; background-color: #fff;font-size: 0.226667rem;color: #333;overflow: hidden;}
.detail_list dt{font-size: 0.24rem;padding: 0 0.233333rem 0 0.266667rem;height: 0.666667rem;line-height: 0.666667rem;position: relative;overflow: hidden;z-index: 2;}
.detail_list dt:after,.detail_list dd:after,.detail_list:after,.money_list:after,.money_list li:after,.rule_list:after,.rule_list dt:after,
.rule_list dd:after,.ranking_list li:before,.tabHead:after,.khfxRow:after,.khfxRow .mid:after,.khfxRow footer:after,div:after,.cur_ranking:after,.open_con:after,
.open_num:before,.open_num p:after{	content: '';    position: absolute;    top: 0; z-index:-1;
    left: 0;    width: 100%;    height: 100%;    background-position: top, right top, bottom, left top;
    background-repeat: no-repeat;    background-size: 100% 1px, 1px 100%;}


 /*下边线*/
.detail_list dt:after,.detail_list dd:after,.detail_list:after,.money_list li:after,.rule_list dt:after,.rule_list dd:after,.shop_vipwrap dt:before,.tabHead:after{  
      background-image: -webkit-linear-gradient(top, #CDCDCD, #CDCDCD 0%, transparent 0%),
        -webkit-linear-gradient(right, #CDCDCD, #CDCDCD 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #CDCDCD, #CDCDCD 60%, transparent 60%),
        -webkit-linear-gradient(left, #CDCDCD, #CDCDCD 0%, transparent 0%);
        background-image: -webkit-linear-gradient(top, #CDCDCD, #CDCDCD 0%, transparent 0%),
        -webkit-linear-gradient(right, #CDCDCD, #CDCDCD 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #CDCDCD, #CDCDCD 60%, transparent 60%),
        -webkit-linear-gradient(left, #CDCDCD, #CDCDCD 0%, transparent 0%);
}
/* bottom&&d6d6d6 */
.ranking_list li:before{
      background-image: -webkit-linear-gradient(top, #d6d6d6, #d6d6d6 0%, transparent 0%),
        -webkit-linear-gradient(right, #d6d6d6, #d6d6d6 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #d6d6d6, #d6d6d6 60%, transparent 60%),
        -webkit-linear-gradient(left, #d6d6d6, #d6d6d6 0%, transparent 0%);
        background-image: -webkit-linear-gradient(top, #d6d6d6, #d6d6d6 0%, transparent 0%),
        -webkit-linear-gradient(right, #d6d6d6, #d6d6d6 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #d6d6d6, #d6d6d6 60%, transparent 60%),
        -webkit-linear-gradient(left, #d6d6d6, #d6d6d6 0%, transparent 0%);    
}
/*top & bottom && d6d6d6 */
.cur_ranking:after,.open_con:after{
      background-image: -webkit-linear-gradient(top, #d6d6d6, #d6d6d6 60%, transparent 60%),
        -webkit-linear-gradient(right, #d6d6d6, #d6d6d6 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #d6d6d6, #d6d6d6 60%, transparent 60%),
        -webkit-linear-gradient(left, #d6d6d6, #d6d6d6 0%, transparent 0%);
        background-image: -webkit-linear-gradient(top, #d6d6d6, #d6d6d6 60%, transparent 60%),
        -webkit-linear-gradient(right, #d6d6d6, #d6d6d6 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #d6d6d6, #d6d6d6 60%, transparent 60%),
        -webkit-linear-gradient(left, #d6d6d6, #d6d6d6 0%, transparent 0%);    
}
/* bottom—top-left-right&&e5e5e5 */
.khfxRow:after{
      background-image: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(right, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(bottom, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(left, #e5e5e5, #e5e5e5 60%, transparent 60%);
        background-image: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(right, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(bottom, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(left, #e5e5e5, #e5e5e5 60%, transparent 60%);    
}
/* top&&e5e5e5 */
.khfxRow .mid:after,.khfxRow footer:after,.open_num:before{
      background-image: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(right, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(left, #e5e5e5, #e5e5e5 0%, transparent 0%);
        background-image: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(right, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(left, #e5e5e5, #e5e5e5 0%, transparent 0%); 
}
/* right &&e5e5e5 */
.open_num p:after{
      background-image: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(right, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(bottom, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(left, #e5e5e5, #e5e5e5 0%, transparent 0%);
        background-image: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(right, #e5e5e5, #e5e5e5 60%, transparent 60%),
        -webkit-linear-gradient(bottom, #e5e5e5, #e5e5e5 0%, transparent 0%),
        -webkit-linear-gradient(left, #e5e5e5, #e5e5e5 0%, transparent 0%); 
}
.detail_list dt span{float: right;}

.detail_list dd{position: relative;padding: 0.233333rem 1.533rem 0.233333rem 1.333rem;margin-left: 0.267rem;overflow: hidden;z-index: 2; }
.detail_list dd span{float: right;width:1.533rem;margin-right:-1.533rem;text-align: right; padding-right: 0.233rem;-moz-box-sizing:border-box;box-sizing:border-box; }
.detail_list dd strong{float: left; color: #999; width: 1.067rem;margin-left: -1.333rem;position: relative;z-index: 2;}
.detail_list dd:nth-last-of-type(1):after,.money_list li:nth-last-of-type(1):after{display: none;}
.ranking_tip{position: relative;z-index: 2;}
.ranking_tip:after{content: "";display: inline-block;width:0.213rem; height:0.213rem;background: url(../images/doubt.png) no-repeat;background-size:100% auto; vertical-align: -1px;margin-left:0.033rem; }


.detail_tip{margin-top:0.233rem;margin-left: 0.267rem;color: #666;font-size: 0.2rem; }
.detail_tip i{display: inline-block;background: url(../images/icon_diamond.png) no-repeat;background-size:0.24rem auto;width: 0.24rem;height: 0.173rem;vertical-align: -1px; }

.shop_top{background-color:#FF6E2A;padding: 0.333rem 0.233rem 0.333rem 0.233rem;color: #fff;font-size: 0.227rem; }
.shop_top p a{float: right;color: #fff;}
.shop_top p a:after,.money_list li span:after{content: "";display: inline-block;width:9px; height: 9px;border-right: solid 1px #fff;border-bottom: solid 1px #fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); }
.shop_top p .shop_withdraw{position: relative;font-size: 0.24rem;height: 0.4rem;line-height: 0.4rem;padding: 0 0.3rem;margin-top: 0.133rem;}
.shop_top p .shop_withdraw:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-transform: scale(0.5);
    -ms-transform-origin: left top;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform: scale(0.5);
    transform-origin: left top;
}
.shop_top p .shop_withdraw:after{display: none;}
.money{font-size: 0.4rem;margin-top: 0.233rem;}
.money span{font-size: 0.733rem;line-height: 0.533rem;}

.money_list{position: relative;background-color: #fff;padding-left: 0.233rem;}
 /*上下边线*/
.money_list:after,.rule_list:after{
	background-image: -webkit-linear-gradient(top, #CDCDCD, #CDCDCD 60%, transparent 60%),
        -webkit-linear-gradient(right, #CDCDCD, #CDCDCD 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #CDCDCD, #CDCDCD 60%, transparent 60%),
        -webkit-linear-gradient(left, #CDCDCD, #CDCDCD 0%, transparent 0%);
        background-image: -webkit-linear-gradient(top, #CDCDCD, #CDCDCD 60%, transparent 60%),
        -webkit-linear-gradient(right, #CDCDCD, #CDCDCD 0%, transparent 0%),
        -webkit-linear-gradient(bottom, #CDCDCD, #CDCDCD 60%, transparent 60%),
        -webkit-linear-gradient(left, #CDCDCD, #CDCDCD 0%, transparent 0%);
}

.money_list li{height: 0.767rem;line-height: 0.767rem;font-size: 0.227rem;color: #333;position: relative;padding-right:0.267rem;z-index:2; }
.money_list li span{float: right;}
.money_list li span:after{border-right-color: #9B9B9B;border-bottom-color: #9B9B9B;margin-left: 0.067rem;}
.btns{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 10; padding: 0 0.667rem;-moz-box-sizing:border-box;box-sizing:border-box;}
.btns a{display: block;margin-bottom:15px;font-size: 0.24rem;height: 0.667rem; line-height: 0.667rem;text-align: center;}
.wechat{background-color: #FB580A;color: #fff;border-radius: 26px;}
.live_btn{color: #fb580b;position: relative;}
.live_btn:after{content: '';    position: absolute;    top: 0;    left: 0;    width: 200%;    height: 200%;
    border: 1px solid #FB580A;    border-radius: 50px;
    -webkit-box-sizing: border-box;    box-sizing: border-box;
    -ms-transform: scale(0.5);
    -ms-transform-origin: left top;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: left top;  transform: scale(0.5); transform-origin: left top;}

.btns .rule_btn{height: auto;line-height: 1.5;font-size: 0.2rem;color: #666;}

/*弹出层*/
.guang_mask{position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.8);left: 0;top: 0;z-index: 10;display: none;}
.guang_pop{position: absolute;max-height: 70%;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch; left: 50%;width: 90%;top: 50%;margin-left: -45%;font-size:0.187rem;padding:0.4rem 0.133rem;background-color: #fff;border-radius: 6px;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.guang_close{position: absolute;right: 0px; top: 0;width:0.4rem; height:0.4rem;font-size:0.227rem;line-height:0.4rem;text-align: center; color: #333;text-decoration: none;}
.guang_close:after{content: "";position: absolute;left: 50%;top: 50%;width: 0.2rem; height: 0.2rem;margin-left: -0.1rem;margin-top: -0.1rem; background-position: -0.767rem 0;}
.guang_poptxt{margin-top:0.2rem;color: #666;}
.guang_poptxt span{display: block;font-size: 0.2rem;color: #333;}

/*loading*/
.pullUp{
    padding-bottom: 4px;padding-top: 10px;
    color: #b2b2b2;
    font-size: 14px;
    text-align: center;
}
.pullUp .pullUpIcon{
    vertical-align: text-top;
    margin:-3px 5px 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/load.png) no-repeat;
    background-size: 20px 20px;
    -webkit-transform:rotate(0deg);
    -webkit-transition-duration:1s;
    -webkit-animation-name:refresh;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
}
@-ms-keyframes refresh{
    from { -ms-transform:rotate(0deg); }
    to { -ms-transform:rotate(360deg); }
}
@-webkit-keyframes refresh{
    from { -webkit-transform:rotate(0deg); }
    to { -webkit-transform:rotate(360deg); }
}

@keyframes refresh{
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
.cur_ranking{display: block; margin-top: 10px;color: #333;font-size: 0.227rem; height: 0.8rem;line-height: 0.8rem;padding-left: 0.267rem;background-color: #fff; position: relative;}
.cur_ranking:before{content: "";position: absolute;top: 50%;margin-top: -5px;right:0.267rem; width:9px; height: 9px;border-right: solid 1px #9D9D9D;border-bottom: solid 1px #9D9D9D;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.cur_ranking i{display: inline-block;width:0.347rem;height:0.347rem;margin-right: 0.12rem;vertical-align: middle;background-position: -0.367rem 0;}
.open_con{padding-left: 0.267rem;position: relative;margin-top:10px;background-color: #fff;}
.open_con .cur_ranking{margin-top: 0;padding-left: 0;}
.open_con .cur_ranking:after{display: none;}
.open_con .cur_ranking i{background-position: 0 0;}
.open_num{position: relative;overflow: hidden;padding:0.267rem 0; }
.open_num p{float: left;width: 50%;position: relative;-moz-box-sizing:border-box;box-sizing:border-box;color: #666;font-size: 0.213rem;line-height: 0.213rem;}
.open_num p:nth-last-of-type(1){padding-left: 0.4rem;}
.open_num p:nth-last-of-type(1):after{display: none;}
.open_num p span{display: block;color: #ff6e2b;margin-top: 0.133rem;}
@media screen and (max-width:320px) {
    .btns a{margin-bottom: 5px;}
}

/* 开户分享数据 */
.tabHead{position: fixed;top:0;left:0;z-index: 10;background:#fff; padding-top:40px;

  width:100%; display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;
      -webkit-flex-wrap:nowrap;
      -ms-flex-wrap:nowrap;      flex-wrap:nowrap;
      -webkit-box-pack:justify;
      -webkit-justify-content:space-between;
      -ms-flex-pack:justify;   justify-content:space-between;    overflow:auto;
/* 适应苹果 */	  -webkit-overflow-scrolling:touch; overflow-x:scroll;

 
/*重点代码overflow-x: scroll!important;white-space: nowrap!important; -webkit-overflow-scrolling: touch!important;*/ }
/*隐藏掉滚动条 .slide-box::-webkit-scrollbar {     display: none;   }*/


.tabHead span{display: block;float:left;position: relative;z-index:2;color:#666666;text-align: center;font-size: 0.20rem;line-height: 0.2rem;padding:0.18rem 0.1rem;

-webkit-box-flex:1;      -webkit-flex:1 0 auto;      -ms-flex:1 0 auto;      flex:1 0 auto;}
.tabHead small{font-size: 0.173333rem;display: block;}
.tabHead .active{color:#ff6e2b;}
/*.tabHead .border{ position: absolute;bottom:-1px;left:0;z-index:5;width:100px;height:4px;background:#ff6e2b;  
    -ms-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;    transition:all 0.3s ease-in-out;
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);    transform:scale(.5);}*/

.khfxWarp{ padding-top: 1.166667rem;}
.khfxPane{display: none;}
.khfxRow{position: relative;background:#fff;margin:0;padding:0 0.2rem 0.2rem ; border-bottom:1px solid #CCC;}
.khfxRow header{overflow: hidden;font-size: 0.16rem;color:#666666;line-height: 0.4rem;}
.khfxRow header span{font-size: 0.173333rem;color:#ff6e2b;float: right;}
.khfxRow .mid{position: relative;padding:0.2rem 0 0.05rem 0;padding-left:0.69rem; padding-right:0.69rem;overflow: hidden;}
.khfxRow .photo{position: absolute;top:0.2rem;left:0;height:0.5996667rem;width:0.5996667rem;border-radius: 100%; }
.khfxRow .photo2{position: absolute;top:0.2rem; right:0;height:0.28096667rem;width:0.28096667rem;border-radius:10%; }
.khfxRow .photo3{height:0.88096667rem;width:0.58096667rem;border-radius:10%; vertical-align:middle;}
.khfxRow .mid span{display: block;width:100%;font-size: 14px;line-height: 0.29rem;padding-top: 0.026667rem;color:#999;}
.khfxRow .mid label{color:#222;font-size: 17px;}
.khfxRow footer{position: relative;line-height: 0.6rem;font-size: 0.2rem;text-align: center;}
.khfxRow footer a{display: block;color:#ff6e2b;position: relative;z-index: 5;}
.khfxRow a{display: block;color:#ff6e2b;position: relative;z-index: 5;}
.khfxRow p{overflow: hidden;font-size: 15px;color:#888; padding:0; margin:0; line-height:0.3rem;}
.khfxRow p span{color:#111; }
.khfxRow p a{height:0.88096667rem;width:0.58096667rem; display:inline!important;}

.khfxRow .mid2{position: relative;padding:0.2rem 0 0.05rem 0; padding-right:0.69rem;overflow: hidden;}
.khfxRow .mid2 span{display: block;width:100%;font-size: 16px;line-height: 0.29rem;padding-top: 0.026667rem;color:#09C;}
.khfxRow .mid2 label{color:#111;font-size: 14px;}

/*头部搜锁样式*/
.show-search-header{background-color:hsla(0,0%,100%,.8);border-radius:4px;height:32px;line-height:32px; margin: 0 108px 0 88px; }
.search-container{display:-webkit-box;display:-ms-flexbox;display:flex}
.search_tip{width:100%;background-color:transparent;border:none}
.anniu{position:absolute; right:60px; color:#fff;border-radius: 5px; padding:3px; font-size:16px;}
.xkuang1{border-bottom: 1px solid #eee;}



/*头部和尾部样式*/
.weui-tab { width:100%!important;    position: relative;    height: 100%;}
.vux-header-title-area{ width: 100%; position: fixed;  left: 0px; top: 0px; z-index: 400; background-color: rgb(35, 133, 206);}
.wk-header-title {  height: 40px;overflow: hidden;   text-overflow: ellipsis; white-space: nowrap; line-height: 40px; text-align: center; font-size: 18px;  font-weight: 400; color: #fff;}

.vux-header{width:100%!important; position:fixed;padding:3px 0;box-sizing:border-box;background-color:rgb(35, 133, 206); overflow:hidden; z-index:999; top:0;}
.vux-header .vux-header-title{line-height:40px;text-align:center;font-size:18px;font-weight:400;color:#fff}

.vux-header .vux-header-left{position:fixed; left:20px;top:12px;display:block; z-index:999; width:23px; height:23px;}
.vux-header-right a{color:#fff!important;}
.vux-header .vux-header-right{position:fixed; right:15px;top:10px;display:block; z-index:999; width:23px; height:23px;}
.vux-header .vux-header-right a,.vux-header .vux-header-right button{margin-left:8px;margin-right:0}