@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; }


 /*上下边线*/
.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;}


/*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;}
@media screen and (max-width:320px) {
    .btns a{margin-bottom: 5px;}
}

/* 开户分享数据 */
.tabHead{position: fixed;top:0;left:0;width: 100%;z-index: 10;background:#fff; padding-top:40px;}
.tabHead span{display: block;width:50%;float: left;position: relative;z-index:2;color:#666666;text-align: center;font-size: 0.23rem;line-height: 0.2rem;padding:0.18rem 0;}
.tabHead span:nth-child(2){width:50%;}
.tabHead small{font-size: 0.173333rem;display: block;}
.tabHead .active{color:#ff6e2b;}
.tabHead .border{position: absolute;bottom:-1px;left:0;z-index:5;width:50%;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 ;}
.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.3096667rem;width:0.3096667rem;border-radius:10%; }
.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:#666666; padding:0; margin:0; line-height:0.29rem;}
.khfxRow p span{color:#222; }




/*公告*/
.khfxWarp2{padding-top:0.606667rem;}
.khfxPane2{display: none;}
.khfxRow2{position: relative;background:#fff;margin:0;padding:0 0.2rem 0.2rem ; margin:15px 10px; border-bottom:1px solid #EFEFEF; border-top:10px solid #9d0403;border-radius: 5px;}
.khfxRow2 .mid{position: relative;padding:0.2rem 0 0.05rem 0;overflow: hidden;}
.khfxRow2 .mid span{display: block;width:100%;font-size: 14px;line-height: 0.29rem;padding-top: 0.026667rem;color:#999;}
.khfxRow2 .mid label{color:#222;font-size: 17px;}
.khfxRow2 footer{position: relative;line-height: 0.5rem;font-size: 0.2rem; margin-top:0.2rem;text-align: center;border-top:1px solid #EFEFEF;}
.khfxRow2 footer a{display: block;color:#999;position: relative;z-index: 5;}
.khfxRow2 a{display: block;color:#ff6e2b;position: relative;z-index: 5;}
.khfxRow2 p{overflow: hidden;font-size: 15px;color:#666666; padding:0; margin:0; line-height:0.29rem;}
.khfxRow2 p span{color:#222; }



/*客户列表*/
.khfxWarp3{padding-top:0.966667rem;}
.khfxPane3{display: none;}
.khfxRow3{position: relative;background:#fff;margin:0;padding:0 0.2rem 0.1rem ; border-bottom:1px solid #EFEFEF; border-radius: 5px;}
.khfxRow3 .mid{position: relative;padding:0.2rem 0 0.05rem 0;overflow: hidden;}
.khfxRow3 .mid span{display: block;width:100%;font-size: 14px;line-height: 0.29rem;padding-top: 0.026667rem;color:#999;}
.khfxRow3 .mid i{ float:right;}
.khfxRow3 .mid label{color:#222;font-size: 17px;}



/*产品列表*/
.khfxWarp4{padding-top:.5166667rem;}
.khfxPane4{display: none;}
.khfxRow4{position: relative;background:#fff;margin:0;padding:0 ; overflow:hidden; border-bottom:1px solid #EFEFEF;}
.khfxRow4 .mid{position: relative;width:50%;padding:0.28rem 0 0.05rem 0; float:left; padding-left:0.2rem;}
.khfxRow4 .mid label{color:#222;font-size: 17px;}
.khfxRow4 a{display: block;position: relative;z-index: 5;}
.khfxRow4 .fr{position: relative;padding:0.2rem 0 0.05rem 0; float:right; width:30%; text-align:center;}
.khfxRow4 .fr span{ display:block;font-size: 16px;color:#5cb64f;}
.khfxRow4 .fr p{ font-size: 15px;color:#999;}


/*客户列表*/
.khfxWarp5{padding-top:1.0166667rem;}
.khfxPane5{display: none;}
.khfxRow5{position: relative;background:#fff;margin:0;padding:0 ; overflow:hidden; border-bottom:1px solid #EFEFEF;}
.khfxRow5 .mid{position: relative;width:70%;padding:0.28rem 0 0.05rem 0; float:left; padding-left:0.2rem;}
.khfxRow5 .mid label{color:#222;font-size: 17px;}
.khfxRow5 a{display: block;position: relative;z-index: 5;}
.khfxRow5 .fr{position: relative;padding:0.2rem 0.2rem 0.05rem 0; float:right; width:30%; text-align:right;}
.khfxRow5 .fr span{ display:block;font-size: 16px;color:#5cb64f;}
.khfxRow5 .fr p{ font-size: 15px;color:#999;}



/*头部和尾部样式*/
.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(158, 3, 3);}
.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}


/*头部搜锁样式*/
.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;}



/*筛选*/
.lt{ float:left}
.rt{ float:right}
.job-module .retrie {position: relative;z-index: 102;background-color: #fff; border-bottom:1px solid #D7D4D4}
.job-module .retrie dt { overflow: hidden }
.job-module .retrie dt a {position: relative;float: left;width:49%;  line-height:40px;color: #aaa;text-align: center;border-bottom: 1px solid #ddd; font-size:16px;}
.job-module .retrie dt .up {color: #F0B918;background:url(../images/up.png) no-repeat right center;}
.job-module .retrie dt #area{ width:49%;}
.job-module .retrie dt #area img{ height:1em; vertical-align:middle; margin-left:0.3em}

.job-module .retrie dt #shaixuan{ width:49%;}
.job-module .retrie dt #shaixuan img{ height:1em; vertical-align:middle; margin-left:0.3em}
.job-module .retrie dt #shaixuan.up{color: #333; background:none}
.job-module .retrie dd { position: relative; z-index:99999;}
.job-module .slide { position: absolute;top: 0px;left: 0;z-index:9999104;display: none; width: 100%;overflow-y: auto;height:800px; background-color:rgba(0,0,0,0.5)}
.job-module .slide li {display: block; height: 3.5em;border-bottom: 1px solid #eee;background-color: #fff;}
.job-module .slide li a {display: block; padding: 0 2em; height: 3.5em;background-color: transparent;line-height: 3.5em; color:#787878}
.job-module .slide li a:hover, .job-module .slide li a.selected { background-color: #f6f6f6; color:#F0B918 }
.job-module .slide li a.select { background-color: #fff; }


.screen{background-color:#fff;!important; color:#5B5B5B; }
.screen .top{ background:#F8F4F5;  padding:3% 1em; color:#C1C1C1}
.screen .hd{ padding:4% 0; }
.screen .title{padding-left:1em; font-size:16px;}
.screen .biaot{padding:1em 0;}
.screen .biaot a{padding-left:1em; color:#2385CE;}

.screen .hd .list{ overflow:hidden}
.screen .list{ padding-top:1%; overflow:hidden}
.screen .list .button{ font-size:1em; color:#5B5B5B; float:left; border:none; margin-left:2%; width:30%; padding:1% 0; background:#F5F5F5; text-align:center; margin-top:3%}
.screen .list .button:hover{ background:#EFB618; color:#fff}

.screen .bd{ padding:5% 0; }
.screen .bd .j{ padding:2% 5% 4%; overflow:hidden; position:relative; margin-bottom:2%;}
.screen .bd .txt{ border:none; width:40%; border-radius:30px; background:#F7F7F7; padding:2% 0; text-align:center; color:#BFBFBF; float:left;}
.screen .bd .txt2{ border: none;  width:100%;  border-radius: 30px; background: #F7F7F7;  padding: 2% 0; text-align: center;  color: #BFBFBF;  float: left;}

.screen .bd .txt::-webkit-input-placeholder{color:#BFBFBF }
.screen .bd .j :nth-child(2){ float:right}
.screen .bd .j .line{  width:8%;  height:1px; background:#606060; position:absolute; top:50% !important; left:45% !important; margin:0 !important}
.screen .ft{ margin:1% 0 8%; overflow:hidden; padding-right:8%;}
.screen .ft input{ float:right; color:#FFF; border:0; font-size:1.2em; padding:0.5em 2em; border-radius:20px;width: 45%;}
.screen .ft .submit{ margin-left:1%; border-bottom-left-radius:0; border-top-left-radius:0;background: -webkit-linear-gradient(left,#E3690E,#E0520C,#DA2B08);}
.screen .ft .reset{ margin-left:1%; border-bottom-right-radius:0; border-top-right-radius:0;background: -webkit-linear-gradient(left,#F0B718,#EA9314,#E67410);}



.pf4{ padding-bottom:4%;}
.pt4{ padding-top:4%;}


.cpxuanx{ display:none;}
.cp_back{display:block;}
