@import url("swiper.min.css");
@import url("common_m.css");
body:before{ content:""; display: block; position: fixed;  width: 100%; height: 26rem; z-index: -1; }
header { position: relative;  }
.search { border: none; margin: 1rem; border: 1px solid #494744; }
/*内容*/
.con_rwap { position: relative; }
.type_list:nth-child(4) .wrap_head h3 em { background: #e8b856;} 
.type_list:nth-child(5) .wrap_head h3 em { background: #5ec7b4;} 
.type_list:nth-child(6) .wrap_head h3 em { background: #5c99f3;} 
.type_list:nth-child(7) .wrap_head h3 em { background: #c16ed6;} 
.type_list:nth-child(8) .wrap_head h3 em { background: #36ad9e;}
/* 热门栏目(首页/频道页) */
.nav { width: 100%; margin: 1rem 0; }
.nav_ti .position a { margin: 0 0.15625rem;}
.nav ul { width: 100%; }
.nav ul li { width: 25%; float: left; margin: 1rem 0; }
.nav ul li a { display: block; }
.nav ul li em { width: 2.6rem; height: 2.6rem; display: block; background: #0fc3b2; margin: 0 auto; background-size: 90%; border-radius: 100%; text-align: center; line-height: 2.6rem; color: #fff; font-size: 30px; }
.nav ul li p { text-align: center; font-size: 0.75rem; color: #666; overflow: hidden; height: 1rem; padding: 0 0.4rem; margin-top: 0.5rem;  }
.nav ul li:nth-child(1) em {  background: #93bd15; }
.nav ul li:nth-child(2) em {  background: #fbb03b; }
.nav ul li:nth-child(3) em {  background: #6668e9; }
.nav ul li:nth-child(4) em {  background: #227e74; }
.nav ul li:nth-child(5) em {  background: #737cbd; }
.nav ul li:nth-child(6) em {  background: #bc4240; }
.nav ul li:nth-child(7) em {  background: #5b60a1; }
.nav ul li:nth-child(8) em {  background: #d9531e; }
/*热门*/
.hot { padding-top: 1rem; width: 100%; box-sizing: border-box; overflow: hidden; }
.hot .hd { padding: 0.5rem 1rem; }
.hot .hd li { width: 6rem; height: 2.4rem; line-height: 2.2rem; text-align: center; border: 1px solid #494744; float: left; margin-right: 1rem!important; font-size: 1rem; }
.hot .hd li.swiper-slide-thumb-active { background: #fbb13d; border: 1px solid #fbb13d; position: relative; color: #fff; }
.hot .hd li.swiper-slide-thumb-active:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 8px solid transparent;  border-right: 8px solid transparent; border-top: 8px solid #fbb13d; bottom: -8px; left: 50%; margin-left: -8px; }
.ran { padding-bottom: 0.5rem; zoom:1; }
.hot .swiper-slide { padding: 0 1rem; box-sizing:border-box; }