@charset "utf-8";
/* CSS Document */

html{font-size:100%; max-width:100%; margin:0 auto; overflow-x:hidden;}
/* 全局样式 ------------------------------------------------------------------*/
body ,div, h1, h2, h3, h4,h5, p, dl, dd, ol, ul, li,em,font,span, form, fieldset, input, button, textarea,i{ margin:0; padding:0; box-sizing:border-box; font-family:"PF_Bold";}
th, td{ margin:0; padding:0;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word; margin:0; padding:0;}
h1, h2, h3, h4{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
fieldset, img{ border:0;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:.24rem; font-family:"PF_Bold"; width:100%; max-width:7.5rem; margin:0 auto; overflow-x:hidden; background:#2f303a;}
input:focus,select:focus{ outline:none;}
textarea,select,input{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
::-webkit-input-placeholder{ color:#999 !important;} 
:-moz-placeholder{ color:#999 !important;} 
::-moz-placeholder{ color:#999 !important;} 
:-ms-input-placeholder{ color:#999 !important;} 

/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0; height:0; overflow:hidden;}
.hidden{ display:none;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
@font-face{ font-family:PF_Bold;src:url('../images/PingFang Bold.ttf'); /* IE9+ */}
@font-face{ font-family:fzhzgb;src:url('../images/方正汉真广标.ttf'); /* IE9+ */}

.header{ position:relative; height:.88rem; z-index:90;}
.header-fixed{ left:50%; margin-left:-3.75rem; top:0; width:7.5rem; position:fixed; z-index:99; background:#2f303a; height:.88rem;}
.ico-search{ position:absolute; right:.4rem; top:50%; margin-top:-.2rem; display:inline-block; width:.4rem; height:.4rem; background:url(../images/search.png) 0 0 no-repeat; background-size:100%;}
.header .h_tit{ color:#fff; font-size:.34rem; line-height:.88rem; text-align:center;}

.bannerc{ position:relative; margin:.3rem; border-radius:.45rem; overflow:hidden;}
.bannerc:after{ content:""; display:block; position:absolute; bottom:0; left:50%; margin-left:-3.75rem; width:7.5rem; height:.35rem; background:url(../images/b_bg.png) 0 0 no-repeat; background-size:100%; z-index:66;}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{ bottom:.1rem;}
.banner .swiper-pagination .swiper-pagination-bullet{ background:rgba(255,255,255,1); opacity:1; height:.04rem; width:.64rem; border-radius:.04rem;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#ff4676;}

.nav{ padding:.2rem .3rem;}
.nav li{ text-align:center; width:20%;}
.nav li a{ display:inline-block;}
.nav li a i{ width:1rem; height:1rem; border-radius:.35rem; display:block; margin:0 auto; background:url(../images/ico1.png) no-repeat; background-size:100%;}
.nav li a i.i1{ background-color:#ff4676; background-position:0 0;}
.nav li a i.i2{ background-color:#f60; background-position:0 -1rem;}
.nav li a i.i3{ background-color:#ff00d5; background-position:0 -2rem;}
.nav li a i.i4{ background-color:#39a9ff; background-position:0 -3rem;}
.nav li a i.i5{ background-color:#fb0; background-position:0 -4rem;}
.nav li a em{ display:block; font-size:.24rem; line-height:.53rem; color:#fff;}

.morenav { height:2.76rem; margin:0 .2rem .24rem .2rem; padding-bottom:.3rem;}
.morenav .swiper-slide { text-align:center; height:calc((100%) / 2); /* Center slide text vertically */ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.morenav .swiper-slide a{ display:block; margin-bottom:.1rem;}
.morenav .swiper-slide img{ width:.8rem; height:.8rem; margin:0 auto; display:block;}
.morenav .swiper-slide p{ font-size:.24rem; color:#fff; line-height:.34rem;}
.morenav .swiper-scrollbar{ bottom:0; width:1rem; height:.1rem; border-radius:1000px; left:50%; margin-left:-.5rem; background:#fff;}
.morenav .swiper-scrollbar .swiper-scrollbar-drag{ background:#ff4676; border-radius:1000px;}

.com_tit{ padding:.25rem .3rem; line-height:.5rem;}
.com_tit em{ color:#fff; font-size:.4rem; font-family:"fzhzgb";}
.com_tit a{ text-transform:uppercase; font-size:.24rem; color:#2f303a; line-height:.4rem; margin:.05rem 0; border-radius:1000px; background:#fff; padding:0 .2rem; font-family:"fzhzgb";}

.ranking{ padding:0 .3rem;}
.ranking li{ width:2.1rem; height:3.32rem; margin-top:.28rem; text-align:center; position:relative;}
.ranking li.no1{ background:url(../images/no1.png) center top no-repeat; background-size:100%; height:3.72rem; margin-top:0;}
.ranking li.no2{ background:url(../images/no2.png) center top no-repeat; background-size:100%;}
.ranking li.no3{ background:url(../images/no3.png) center top no-repeat; background-size:100%;}
.ranking li .pic{ width:1.24rem; height:1.24rem; border-radius:50%; overflow:hidden; margin:.42rem auto .25rem auto;}
.ranking li .pic img{ width:100%; height:100%;}
.ranking li.no1 .pic{ margin-top:.49rem; width:1.56rem; height:1.56rem; border:.06rem solid #fa44ff;}
.ranking li.no2 .pic{ border:.06rem solid #ffec00;}
.ranking li.no3 .pic{ border:.06rem solid #00eafb;}
.ranking li em{ font-size:.26rem; display:inline-block; color:#fff; border-radius:.1rem; line-height:.4rem; width:.9rem; position:absolute; left:50%; margin-left:-.45rem; top:1.39rem;}
.ranking li h3{ font-size:.34rem; line-height:.48rem;}
.ranking li span{ font-size:.26rem; display:block; line-height:.3rem; font-family:"fzhzgb";}
.ranking li p{ font-size:.2rem; color:rgba(153,153,153,1); line-height:.28rem; margin-top:.05rem;}
.ranking li.no1 em{ background:#fa44ff; top:1.79rem;}
.ranking li.no2 em{ background:#ffec00;}
.ranking li.no3 em{ background:#00eafb;}
.ranking li.no1 h3,.ranking li.no1 span{ color:#fa44ff;}
.ranking li.no2 h3,.ranking li.no2 span{ color:#ffec00;}
.ranking li.no3 h3,.ranking li.no3 span{ color:#00eafb;}

.recommend ul{ padding-left:.3rem;}
.recommend ul li{ width:2.5rem; height:3.7rem; margin-right:.4rem; padding:0 .2rem;}
.recommend ul li.bg1{ background:url(../images/tj1.png) left bottom no-repeat; background-size:100%;}
.recommend ul li.bg2{ background:url(../images/tj2.png) left bottom no-repeat; background-size:100%;}
.recommend ul li.bg3{ background:url(../images/tj3.png) left bottom no-repeat; background-size:100%;}



.recommend ul li.bg4{ background:url(../images/tj1.png) left bottom no-repeat; background-size:100%;}
.recommend ul li.bg5{ background:url(../images/tj2.png) left bottom no-repeat; background-size:100%;}
.recommend ul li.bg6{ background:url(../images/tj3.png) left bottom no-repeat; background-size:100%;}

.recommend ul li.bg7{ background:url(../images/tj1.png) left bottom no-repeat; background-size:100%;}
.recommend ul li.bg8{ background:url(../images/tj2.png) left bottom no-repeat; background-size:100%;}
.recommend ul li.bg9{ background:url(../images/tj3.png) left bottom no-repeat; background-size:100%;}




.recommend ul li .pic{ padding:.03rem; background:rgba(255,255,255,.3); border-radius:.35rem; overflow:hidden; width:1.4rem; height:1.4rem;}
.recommend ul li .pic img{ width:1.34rem; height:1.34rem;}
.recommend ul li h3{ font-size:.3rem; color:#fff; line-height:.5rem; height:0.5rem white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.recommend ul li p{ line-height:.5rem; height:0.8rem}
.recommend ul li p em{ font-size:.24rem; color:rgba(255,255,255,.7);}
.recommend ul li p span{ font-size:.28rem; color:#fff;}
.recommend ul li .buts{ display:block; font-size:.3rem; color:#fff; line-height:.6rem; border-radius:.3rem; text-align:center; font-family:"fzhzgb"; margin-top:.25rem;}
.recommend ul li.bg1 .buts{ background:rgba(1,9,255,.4);}
.recommend ul li.bg2 .buts{ background:rgba(255,27,1,.4);}
.recommend ul li.bg3 .buts{ background:rgba(88,1,255,.4);}


.recommend ul li.bg4 .buts{ background:rgba(1,9,255,.4);}
.recommend ul li.bg5 .buts{ background:rgba(255,27,1,.4);}
.recommend ul li.bg6 .buts{ background:rgba(88,1,255,.4);}


.recommend ul li.bg7 .buts{ background:rgba(1,9,255,.4);}
.recommend ul li.bg8 .buts{ background:rgba(255,27,1,.4);}
.recommend ul li.bg9 .buts{ background:rgba(88,1,255,.4);}




.Settled{ padding:.05rem .05rem .05rem .3rem; display:flex; flex-wrap:wrap;}
.Settled li{ padding-bottom:.2rem; text-align:center; width:33.33333%;}
.Settled li a{ display:block; margin-right:.25rem;}
.Settled li .pic{ border-radius:.35rem; overflow:hidden; width:100%; height:2.6rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.Settled li .pic img{ max-width:100%;height:2rem; }
.Settled li p{ font-size:.3rem; color:#fff; line-height:.62rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}

.search_top{ padding:.13rem .3rem 0 .3rem; position:relative;}
.search_top em{ display:flex; flex-wrap:wrap; padding-left:.25rem;}
.search_top em a{ color:#86878c; font-size:.3rem; margin-right:.5rem; position:relative; line-height:.42rem; padding-bottom:.06rem; width:auto;}
.search_top em a.cur{ color:#ff4676;}
.search_top em a.cur:after{ content:""; display:block; position:absolute; left:50%; bottom:0; margin-left:-.2rem; border-radius:.06rem; width:.4rem; height:.06rem; background:#ff4676;}
.search_top .buts{ position:absolute; right:.3rem; top:.13rem; background:linear-gradient(135deg, rgba(255,70,118,1) 0%, rgba(136,58,255,1) 100%); line-height:.48rem; border-radius:1000px; padding:0 .3rem;}
.search_top .buts i{ font-size:.24rem; color:#fff; display:inline-block; padding-left:.45rem; position:relative;}
.search_top .buts i:before{ content:""; display:block; position:absolute; top:50%; left:0; margin-top:-.14rem; width:.28rem; height:.28rem; background:url(../images/search.png) no-repeat; background-size:100%;}
.search_list{ padding:.1rem .3rem .2rem .3rem;}
.search_list li{ border-bottom:.02rem solid #3b3c44; padding:.2rem 0; display:flex; flex-wrap:wrap; position:relative;}
.search_list li .pic{ width:1.2rem; height:1.2rem; border-radius:50%; overflow:hidden; margin-right:.2rem;}
.search_list li .pic img{ width:1.2rem; height:1.2rem;}
.search_list li .txt{ max-width:100%; max-height:100%;}
.search_list li .txt h3{ font-size:.3rem; color:#fff; line-height:.42rem; padding-top:.05rem;}
.search_list li .txt p{ color:#999; line-height:.34rem; font-size:.22rem;}
.search_list li .txt p font{ color:#e9479a;}
.search_list li .r_txt{ position:absolute; right:0; line-height:.35rem; top:.3rem; color:#999; font-size:.22rem;}
.search_list li .r_txt em{ font-family:"fzhzgb"; margin-right:.24rem;}
.search_list li .buts{ font-size:.26rem; color:#fff; font-family:"fzhzgb"; line-height:.48rem; display:inline-block; background:linear-gradient(227.49deg, rgba(245,61,148,1) 0%, rgba(8,247,251,1) 100%); border-radius:.3rem; position:absolute; right:0; bottom:.3rem; padding:0 .35rem;}
.search_list li .radius{ border-radius:50%; width:.18rem; height:.18rem; display:block; background:#999; position:absolute; left:1.02rem; bottom:.2rem;}
.search_list li.free .radius{ background:#0f1;}
.search_list li.free .r_txt{ color:#e9479a;}

/*浮动-------------------------------------------------------------------*/
.fnav{ position:relative; height:1.2rem; z-index:90;}
.fnav-fixed{ left:50%; margin-left:-3.75rem; bottom:0; width:7.5rem; position:fixed; z-index:99; text-align:center; background:url(../images/fbg.png) center top no-repeat; background-size:100%; height:1.2rem;}
.fnav ul{ padding:0 .2rem;}
.fnav ul li{ position:relative; width:20%; text-align:center;}
.fnav ul li a{ display:block; font-size:.24rem; color:#87878c; line-height:.43rem; padding-top:.3rem; position:relative;}
.fnav ul li i{ display:block; width:.4rem; height:.4rem; margin:0 auto; background:url(../images/f_ico.png) no-repeat; background-size:100%;}
.fnav ul li i.i1{ background-position:0 0;}
.fnav ul li i.i2{ background-position:0 -.8rem;}
.fnav ul li i.i3{ background-position:0 -1.6rem;}
.fnav ul li i.i4{ background-position:0 -2.4rem;}
.fnav ul li.cur a{ color:#fff;}
.fnav ul li.cur i.i1{ background-position:0 -.4rem;}
.fnav ul li.cur i.i2{ background-position:0 -1.2rem;}
.fnav ul li.cur i.i3{ background-position:0 -2rem;}
.fnav ul li.cur i.i4{ background-position:0 -2.8rem;}
.fnav ul li.notice i{ width:1.34rem; height:1.34rem; background:url(../images/notice.png) no-repeat; background-size:100%; margin-top:-.97rem;}