@charset "utf-8";

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;}
dfn{font-weight: normal;font-style: normal;}
#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;}
html{max-width:640px;margin:0 auto;}
/*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); }
}

.tabHead{position: fixed;top:1.5rem;left:0;width: 100%;z-index: 10;background:#f2f2f3;overflow: hidden;display:flex;align-items:center;justify-content: space-between;
    box-shadow:0 5px 10px -5px #b8babc;-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    animation-delay: .1s;}
.tabHead div{display: block;width: 32%;float: left;position: relative;z-index:2;padding:0.4rem 0;}
.tabHead img{
    width:100%;
    height:auto;
}

.khfxWarp{padding-top:3rem;background:#f2f2f3;}
.khfxPane{display: none;}
.khfxRow{position: relative;}
.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;padding-left:0.56rem;overflow: hidden;}
.khfxRow .photo{position: absolute;top:0.2rem;left:0;height:0.426667rem;width:0.426667rem;border-radius: 100%; }
.khfxRow .mid span{display: block;width: 50%;float: left;line-height: 0.2rem;padding-top: 0.026667rem;color:#222;}
.khfxRow .mid label{color:#999;}
.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;}

.khfxWarp.content{
    padding-bottom: 1rem;
}
.item{
    display:flex;
    align-items:top;
    justify-content: left;
    margin-bottom:.3rem;
}
.item img{
    width:1.1rem;
    height:1.1rem;
}
.item .right{
    width:auto;
    margin-left:.2rem;
    max-width: 75%;
}
.item h1{
    color:#64686d;
    margin: 0;
    padding: 0;
    margin-bottom:.2rem;
    font-size:.3rem;
}
.item .right>div{
    background:#fff;
    padding:.2rem .35rem;
    color:#000;
    font-size:.35rem;
    border-radius:10px;
    border-top-left-radius:0;
}
.fix_footer,.callRit,.qptk,#form,.footer_copy{
    display:none !important;
}
.top_nav{
    margin-top:-0.38rem;
}
.tabHead.content, .khfxWarp.content{
    width: 100%;
    padding-left: 2.5%;
    padding-right:2.5%;
    margin-left:0;
}
.divFixed {
    top:0;
    background:#fff;
    box-shadow: 0px 5px 30px #999;
}
@media screen and (min-width: 641px) {
    .tabHead{
        margin-left: -320px !important;
        left: 50%;
        max-width:640px;
    }
}
footer{
    color: #fff;
    font-size: .4rem;
    text-align: center;
    background: #EF7A00;
    font-weight: bold;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    padding: .3rem 0;
}
.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}