/* CSS Reset  #2BC3AC绿,#7C93CD紫，#E08989,#f14545红，#52a3f6蓝，#FF9900橙色 */

:root { --primary-color:#2684d9;/*主要色调 #aa66cc #aa66cc*/
}
* { margin: 0; padding: 0; list-style: none; }
img, a, input { border: 0; }
  div{cursor: pointer;}
a { color: currentColor; text-decoration: none; cursor: pointer;}
input, button, select, textarea { outline: none; cursor:pointer; }
select { border: none;cursor:pointer;  }
body { font-family: PingFangSC-Regular, sans-serif; font-size: .16rem;    max-width: 800px;
    margin: 0 auto;
color: #333; background: #f0eff5; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.main { margin-top: 2.1rem; margin-bottom:.88rem;
overflow: hidden; }
.whitebg { background: #fff; }
.mt1{ margin-top:.2rem;}
/* link css */
a { color: #575757; text-decoration: none; }
/* color css */
.c-txt1 { color: var(--primary-color); }
.c-txt2 { color: #aa66cc; }

/* btn css */
.btn { display:inline-block; height:.4rem;line-height: .4rem; text-align: center; width:1rem; border-radius: .1rem; background-color: #15c2d2; border: none; color: #fff; cursor:pointer;}




/*index.rank ul li:nth-child(1) {color:#EBAE77;}*/

.rank{ padding-bottom: 200px;}
.rank ul {}
.rank ul li{ margin-top:.05rem; cursor:pointer; color:#77687F;  cursor:pointer; }
  .rank ul li a{ display:block;}

.ranklist{ position:relative; height:1.5rem; background-color:#FCF9F2;  line-height:.4rem; border-radius: .2rem; border:2px solid #fff; overflow:hidden;cursor:pointer;}

.ranklist img{ float:left;  height:1.2rem; display:inline-block; margin-top:.1rem; margin-left:.2rem;  border-radius:50%;}
.rank_txt{display:inline-block;  margin-top:.1rem; margin-left:.1rem; }
.rank_txt p{font-size: 0.2rem }
.rank_txt p span{ display:inline-block;  width:.2rem; height:.2rem; background-color:#77687F;  border-radius:50%; content:""; margin-right:.2rem;}

.btn_rank{ position:absolute; top:.5rem; right:.2rem; cursor:pointer;}
.rank_top{ float:left;display:inline-block;height:1.8rem;line-height:1.4rem; text-align: center;background-color: #15c2d2; border: none; color: #fff; }
.rank_top b{display:inline-block; margin:0 .1rem; width:.4rem; height:.4rem; line-height:.4rem; background-color:#fff; border-radius:50%; text-align:center; color:#15c2d2; font-size:.2rem; }
.rank_name{ font-weight:bolder;font-size:.35rem; margin-bottom:.1rem;}


.rank ul li:nth-last-child(1){ margin-bottom:.3rem;}

.rank ul li:nth-child(-n+4){color:#15C2D2;}
.rank ul li:nth-child(-n+4) .rank_txt p span {background-color:#15C2D2;}
.rank ul li:nth-child(-n+4)  .rank_top{background-color:#15C2D2;}
.rank ul li:nth-child(-n+4) .rank_top b{color:#15C2D2;}
.rank ul li:nth-child(-n+4) .btn{background-color:#15C2D2;}


.rank ul li:nth-child(-n+2){color:#F16767;}
.rank ul li:nth-child(-n+2) .rank_txt p span {background-color:#F16767;}
.rank ul li:nth-child(-n+2)  .rank_top{background-color:#F16767;}
.rank ul li:nth-child(-n+2) .rank_top b{color:#F16767;}
.rank ul li:nth-child(-n+2) .btn{background-color:#F16767;}


  
  .btn:hover { cursor:pointer; background-color: #396; }
  .ranklist:hover{border:2px solid #77687F;box-shadow: 0 0 .2rem #aaa; transition: all .5s; }
  .rank ul li:nth-child(-n+4) .btn:hover{background-color:#396;}
  .rank ul li:nth-child(-n+4) .ranklist:hover{border:2px solid #15C2D2;}
  .rank ul li:nth-child(-n+2) .btn:hover{background-color:#396;}
  .rank ul li:nth-child(-n+2) .ranklist:hover{border:2px solid #F16767;}

  .down{
  	position: fixed;
    right: 5px;
    bottom: 10%;
    width: 26%;
    width: 52px;
    padding-top: 12px;
    z-index: 99;
    background: #f16767;
    border-radius: 70px;
    color: #fff;
    font-size: 38px;
    text-align: center;
    padding: 10px 5px;
  word-break:break-all;
  }
  .pt{
  	float: right;
    height: 0.4rem;
    line-height: 0.4rem;
    margin: 4px;
    padding: 0 22px;
    background: #F16767;
    font-size: 0.25rem;
     }

.ptdiv{
	    float: right;
}
.ptttt{
	color: #F16767;
}
.ptttt .rank_top{
	background: #F16767;
}

.kf{
	    float: right;
    width: 40%;
    overflow: hidden;
    margin-left: 3%;
    margin-right: 3%;
    box-shadow: 1px 2px 2px #cccccc;
    border-radius: 3px;
    background-image: linear-gradient(to left, #FB91B3 0%, #F8598D 100%);
    margin-bottom: 12px;
        text-align: center;
       
            border-radius: 5px;
}
.jihua{
	    float: left;
    width: 40%;
    overflow: hidden;
    margin-left: 3%;
    margin-right: 3%;
    box-shadow: 1px 2px 2px #cccccc;
    border-radius: 3px;
    background-image: linear-gradient(to left, #FB91B3 0%, #F8598D 100%);
    margin-bottom: 12px;
        text-align: center;
     
            border-radius: 5px;

}
.kf a,.jihua a{
	color: #fff;
	line-height: 30px;
}

.in6{float:left;width:100%;overflow:hidden;}
.in6-info{float:left;width:94%;overflow:hidden;margin-left:3%;margin-bottom:1px;border-radius:5px;background-color:#f3f3f3;box-shadow:0px 0px 15px #D1CDDE;}
.in6-info .in6-tit{float:left;width:100%;height:40px;line-height:40px;text-align:center;font-size:16px;color:#a968b5;margin-top:5px;text-shadow: 1px 1px 0 #fff;border-bottom:1px solid #E8E7F5}
.in6-info .in6-txt{float:left;width:94%;overflow:hidden;line-height:25px;text-align:left;font-size:12px;color:#a968b5; margin-top:12px; margin-left:2%; margin-right:3%; margin-bottom:14px}