@charset "utf-8";
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;font-weight:normal;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:#404040;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{background:#f6f6f6;line-height:1.5;width:7.5rem;margin:0 auto;overflow-x:hidden;font-size:.3rem;font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top;display:block;width:100%;}
.m-center{padding:0rem 0.3rem;float: left;width:6.9rem;}
.mline{float: left; width:100%;height:0.02rem;background-color: #3500a2;}
/*----排版----*/
.clearfix{zoom:1;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}

/*----------------公有---------------*/
/*--------标题--------*/
.title .red{float: left; background: linear-gradient(45deg, #e80042 0%, #ff41b5 100%);width: 0.1rem;height: 0.5rem; border-radius: 0.05rem;margin-right: 0.2rem;}
.title .blue{float: left; background: linear-gradient(45deg, #0178cd 0%, #41e2ff 100%);width: 0.1rem;height: 0.5rem; border-radius: 0.05rem;margin-right: 0.2rem;}
.title h2{float: left; font-size: 0.34rem;font-weight: bold;}
.title a{float: right;font-size: 0.24rem;color:#333;margin-top: 0.07rem;}
.title a i{float: right; width: 0.22rem;height: 0.22rem;margin: 0.07rem 0rem 0rem 0.1rem;}
/*--------查看更多--------*/
.more-red{text-align: center;margin: 0.5rem 0rem 0.3rem 0rem;}
.more-red a{color:#f06ca4;background-color: #fff;border-radius: 0.4rem;padding:0.12rem 0.8rem;border:1px solid #f06ca4;font-size: 0.22rem;}
.more-blue{text-align: center;margin: 0.5rem 0rem 0.3rem 0rem;}
.more-blue a{color:#48b2e9;background-color: #fff;border-radius: 0.4rem;padding:0.12rem 0.8rem;border:1px solid #48b2e9;font-size: 0.22rem;}
.more-blue2{text-align: center;margin: 0.3rem 0rem 0.1rem 0rem;}
.more-blue2 a{color:#48b2e9;background-color: #fff;border-radius: 0.4rem;padding:0.12rem 0.8rem;border:1px solid #48b2e9;font-size: 0.22rem;}
/*------查看更多遮罩效果------*/
.click-more{display: block;position: relative;text-align: center;}
.cm-hidden{background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);height: 0.8rem;position: absolute;left: 0;top: -1.15rem;width: 100%;}
/*-------翻页-------*/
.next{text-align: center;margin: 0.3rem 0rem 0.1rem 0rem;}
.next a{color:#057fd0;border:0.01rem solid #057fd0;padding:0.06rem 0.6rem 0.08rem 0.6rem;border-radius: 0.4rem;font-size: 0.22rem;}
.next a:nth-child(1){margin-right: 0.15rem;}
.next-red{text-align: center;margin: 0.3rem 0rem 0.1rem 0rem;}
.next-red a{color:#ec2158;border:0.01rem solid #ec2158;padding:0.06rem 0.6rem 0.08rem 0.6rem;border-radius: 0.4rem;font-size: 0.22rem;}
.next-red a:nth-child(1){margin-right: 0.15rem;}

/*-------------top-------------*/
.write-back{background-color: #fff;padding-bottom: 0.2rem;}
.top{padding:0.3rem; height: 2.3rem;background: url(../images/top-back.png) no-repeat no-repeat;background-size: 100% 100%;}
.top2{padding:0.3rem; height: 1.6rem;background: url(../images/top-back2.jpg) no-repeat no-repeat;background-size: 100% 100%;}
.header .logo{float: left;width: 2.28rem;height: 0.72rem;}
.header .hright{float:right;padding-top: 0.1rem;}
.header .hright .hlogin{float: left;margin-right: 0.2rem;width: 0.46rem;height: 0.46rem;}
.header .hright .rt-nav{float: left;width: 0.46rem;height: 0.46rem;}
.nav{overflow-x: scroll;white-space: nowrap;width: 100%;margin-top: 0.15rem;}
.nav ul li{display: table-cell;margin-right: 0.5rem;padding: 0.1rem 0rem;text-align: center; display: table-cell;box-sizing: border-box;min-width: 1.1rem;line-height: 1.5em;}
.nav ul li a{color:#fff;font-size: 0.34rem;}
.nav ul .on{padding-top: 0rem;background:url(../images/nav-on.png)no-repeat no-repeat;background-position: 50% 100%;background-size: 0.39rem 0.06rem;}
.nav ul .on a{font-size: 0.45rem;font-weight: bold;}

/*--------banner--------*/
#banner{position: relative;height: 3.5rem;width: 7.3rem;;margin: -0.7rem 0.1rem 0rem 0.1rem;}
#banner .hd{position: absolute; bottom: 0.2rem;left: 44%;}
#banner .hd .on{background-color: #0095ff;width: 0.4rem;}
#banner .hd ul li{float: left;margin-right: 0.12rem;background-color: #fff; border-radius: 0.2rem;width: 0.2rem;height: 0.07rem;transition:all 0.5s ease;cursor: pointer;}
#banner img{width:7.3rem;height: 3.5rem;border-radius: 0.1rem;}

/*--------搜索框--------*/
.search{margin: 0.25rem 0.2rem; width: 7.1rem;height: 0.8rem;background-color: #f0f4f6;border-radius: 0.4rem;}
.search i{float: left; width: 0.33rem;height: 0.33rem;margin:0.24rem 0rem 0rem 0.28rem;}
.search i img{width: 0.33rem;height: 0.33rem;}
.search input{float: left;font-size: 0.28rem; margin:0.24rem 0.2rem 0rem 0.2rem;background-color:#f0f4f6;outline:none;border:none;width: 4.70rem;}
.search input::-webkit-input-placeholder{color:#b4b4b4;}
.search input:focus{outline:none;}
.search button{font-size: 0.28rem;margin-top: 0.08rem; background: linear-gradient(-90deg, #0077cc 0%, #2798e8 100%);color:#fff; cursor: pointer; width: 1.3rem;padding-bottom: 0.05rem; height: 0.65rem;border: none;border-radius: 0.35rem;}
.search button:focus{outline:none;background: linear-gradient(90deg, #0a69ad 0%, #147cc6 100%);}















/*--------------排行榜首页---------------*/
.phb-box{margin:0.2rem 0;padding:0.2rem;background-color: #fff;}
#phb-main .hd{overflow-x: scroll;white-space: nowrap;width: 100%;padding:0.25rem 0;margin:0.3rem 0 0 0;}
#phb-main .hd ul li{display: table-cell;box-sizing: border-box;}
#phb-main .hd ul li a{font-size: 0.26rem;color:#716e6e; background-color: #ebebeb;margin-right: 0.2rem;padding:0.25rem 0.35rem;}
#phb-main .hd ul .on a{ color:#fff;font-weight: bold; background: linear-gradient(90deg, #ea7a3d 0%, #eb223d 100%);}
#phb-main .bd ul li{width: 7.1rem; float: left;padding:0.3rem 0; border-bottom: 1px solid #e8e8e8;}
#phb-main .bd ul li:last-child{border-bottom: 0;padding:0.3rem 0 0.1rem 0;}
#phb-main .bd ul li h3{float: left;margin-top: 0.36rem; width: 0.33rem;border-radius: 0.05rem; text-align: center; color:#fff;font-size: 0.22rem; background: linear-gradient(90deg, #ea7a3d 0%, #eb223d 100%);}
#phb-main .bd ul li img{margin:0 0.25rem; float: left;width: 1.55rem;height: 1.05rem;border: 1px solid #dddddd;}
#phb-main .bd ul li div{float: left;margin-top: 0.08rem;width:3.3rem;}
#phb-main .bd ul li div h2{font-size: 0.3rem;color:#333;font-weight: bold;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#phb-main .bd ul li div p{margin-top: 0.05rem; font-size: 0.24rem;color:#949494;    text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#phb-main .bd ul li a{float:right;margin-top: 0.2rem; font-size: 0.24rem;color:#fff;background-color: #dc503f;padding:0.1rem 0.35rem 0.12rem 0.35rem;border-radius: 1rem;}
#phb-main .bd ul li a:hover{background-color: #d03c2b;}
/*其他排行*/
#phb-main2 .hd{overflow-x: scroll;white-space: nowrap;width: 100%;padding:0.25rem 0;margin:0.3rem 0 0 0;}
#phb-main2 .hd ul li{display: table-cell;box-sizing: border-box;}
#phb-main2 .hd ul li a{font-size: 0.26rem;color:#716e6e; background-color: #ebebeb;margin-right: 0.2rem;padding:0.25rem 0.35rem;}
#phb-main2 .hd ul .on a{ color:#fff;font-weight: bold;background-image: url(../images/phbtit-back.jpg);background-size: 100% 100%;}
#phb-main2 .bd ul li{width: 7.1rem; float: left;padding:0.3rem 0; border-bottom: 1px solid #e8e8e8;}
#phb-main2 .bd ul li:last-child{border-bottom: 0;padding:0.3rem 0 0.1rem 0;}
#phb-main2 .bd ul li h3{float: left;margin-top: 0.36rem; width: 0.33rem;border-radius: 0.05rem; text-align: center; color:#fff;font-size: 0.22rem; background:#0077cc;}
#phb-main2 .bd ul li img{margin:0 0.25rem; float: left;width: 1.55rem;height: 1.05rem;border: 1px solid #dddddd;}
#phb-main2 .bd ul li .phb-word{float: left;margin-top: 0.08rem;width:3.3rem;}
#phb-main2 .bd ul li .phb-word h2{font-size: 0.3rem;color:#333;font-weight: bold;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#phb-main2 .bd ul li .phb-word p{margin-top: 0.05rem; font-size: 0.24rem;color:#949494;    text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#phb-main2 .bd ul li .phb-btn a{float:right;font-size: 0.24rem;color:#fff;background: linear-gradient(90deg, #2191e1 0%, #0077cc 100%);padding:0.06rem 0.35rem 0.08rem 0.35rem;border-radius:0.05rem;}
#phb-main2 .bd ul li .phb-btn a:hover{background: linear-gradient(90deg, #1b89d7 0%, #016cb9 100%);}
#phb-main2 .bd ul li .phb-btn a:nth-child(2){background: linear-gradient(90deg, #f66767 0%, #fa2c2c 100%);margin-top: 0.08rem;}
#phb-main2 .bd ul li .phb-btn a:nth-child(2):hover{background: linear-gradient(90deg, #e65353 0%, #d62020 100%);}