*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
body{width: 100%;overflow-x: hidden;background: url(../images/bg.png) top center no-repeat #f8f8f8;background-size: 100% auto;padding: .25rem;}
img{vertical-align: middle;max-width: 100%;}
input::-webkit-input-placeholder {
    color: #f8fbfe;
}
input::-moz-input-placeholder {
    color: #f8fbfe;
}
input::-ms-input-placeholder {
    color: #f8fbfe;
}
/* 头部 */
.header{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .singn {width: .62rem;height: .62rem;margin-right: .3rem;display: flex;align-items: center;background: url(../images/icon-qiandao.png) center center no-repeat;background-size: 100% auto;}
.header .search {width: 100%;height: .5rem;border: .01rem solid #f8fbfe;border-radius: .4rem;position: relative;display: flex;align-items: center;background: linear-gradient(to right,#a0c7f6,#a0c7f6);}
.header .search i {font-size: .28rem;color: #f8fbfe;margin-left: .2rem;margin-right: .2rem;}
.header .search input{background: none;border: none;outline: none;color: #ffffff;}
.header .message {display: flex;align-items: center;margin-left: .2rem;position: relative;}
.header .message i{font-size: .48rem;color: #ffffff;}
.header .message span{position: absolute;top: -.1rem;right: -.1rem;font-size: .18rem;color: #ffffff;display: inline-block;width: .3rem;height: .3rem;line-height: .3rem;text-align: center;background: #ff59a6;border-radius: 100%;}
/* 导航 */
.nav{width: 100%;height: auto;overflow: hidden;padding: .3rem 0 .4rem 0;}
.nav ul{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.nav ul li{font-size: .28rem;color: #ffffff;position: relative;letter-spacing: .02rem;}
.nav ul li.on{font-size: .32rem;font-weight: bold;}
.nav ul li.on::after{content: "";display: inline-block;width: 0;height: 0;border: .1rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #ffffff transparent;border-bottom-width: .15rem;position: absolute;bottom: -.18rem;left: 50%;transform: translateX(-50%);}
/* 轮播图 */
.swiper-container{width: 100%;height: auto;overflow: hidden;}
.swiper-slide{width: 100%;height: auto;margin: 0 .2rem;}
.swiper-pagination{text-align: right;padding-right: .3rem;}
.swiper-pagination-bullet{background: #ffffff;width: .13rem;height: .13rem;opacity: .4;}
.swiper-pagination-bullet-active{width: .32rem;background: #ffffff;border-radius: .13rem;transition: all .3s linear;opacity: 1;}
/* 三宫格快捷导航 */
.block-three{width: 100%;height: auto;overflow: hidden;padding: .3rem 0;}
.block-three ul{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.block-three ul li{display: flex;flex-direction: column;justify-content: center;width: 2.2rem;height: 1.3rem;padding: 0 .3rem;box-shadow: 0 0 .2rem rgba(248,138,252,.3);border-radius: .15rem;}
.block-three ul li:nth-child(1){background: url(../images/icon-guanzhu.png) right .2rem center no-repeat #ffffff;background-size: .44rem auto;}
.block-three ul li:nth-child(2){background: url(../images/icon-lingchang.png) right .2rem center no-repeat #ffffff;background-size: .44rem auto;}
.block-three ul li:nth-child(3){background: url(../images/icon-yuyin.png) right .2rem center no-repeat #ffffff;background-size: .44rem auto;}
.block-three ul li p{font-size: .28rem;color: #333333;padding-bottom: .05rem;}
.block-three ul li span{font-size: .20rem;color: #333333;}
/* 通用标题 */
.list{width: 100%;height: auto;overflow: hidden;}
.list .title{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: .15rem 0 .3rem 0;}
.list .title span{font-size: .32rem;color: #333333;font-weight: bold;}
.list .title a{font-size: .22rem;color: #999999;}
.list .title a i{font-size: .18rem;}
/* 主播列表 */
.zhubo-list{width: 100%;height: auto;overflow: hidden;}
.zhubo-list ul{width: 100%;display: flex;align-items: center;flex-wrap: nowrap;overflow-x: auto;}
.zhubo-list ul::-webkit-scrollbar{width: 0;}
.zhubo-list ul li{width: 2.46rem;height: 3.02rem;flex-shrink: 0;margin-right: .2rem;position: relative;border-radius: .15rem;overflow: hidden;}
.zhubo-list ul li:last-child{margin-right: 0;}
.zhubo-list ul li img{width: 100%;height: 100%;}
.zhubo-list ul li i.tip{position: absolute;display: inline-block;font-size: .18rem;color: #ffffff;top: 0;left: 0;padding: .03rem .15rem;background: #e02ae9;border-radius: 0 0 .15rem;border-bottom:.01rem solid #ffd04b;border-right:.01rem solid #ffd04b;z-index: 2;}
.zhubo-list ul li .desc{position: absolute;bottom: 0;left: 0;z-index: 2;color: #ffffff;padding: .1rem .15rem;width: 100%;}
.zhubo-list ul li .desc .name{font-size: .26rem;text-shadow: 0 0 .1rem rgba(0,0,0,.5);padding-bottom: .05rem;}
.zhubo-list ul li .desc .name i{display: inline-block;width: .28rem;height: .28rem;background: url(../images/icon-dangao.png) center center no-repeat;background-size: 100% auto;margin-left: .1rem;}
.zhubo-list ul li .desc .info{width: 100%;font-size: .22rem;display: flex;justify-content: space-between;align-items: center;}
.zhubo-list ul li .desc .info .l{display: flex;justify-content: space-between;align-items: center;}
.zhubo-list ul li .desc .info .l p{display: inline-flex;padding: .01rem .1rem;background: #f33eea;border-radius: .15rem;align-items: center;text-shadow: 0 0 .1rem rgba(0,0,0,.5);font-size: .22rem;margin-right: .05rem;}
.zhubo-list ul li .desc .info .l p i{font-size: .22rem;color: #f3c94a;}
.zhubo-list ul li .desc .info .l span{text-shadow: 0 0 .1rem rgba(0,0,0,.5);}
.zhubo-list ul li .desc .info .r{display: flex;align-items: center;text-shadow: 0 0 .1rem rgba(0,0,0,.5);}
.zhubo-list ul li .desc .info .r i{margin-right: .05rem;font-size: .26rem;}
.hot.list .zhubo-list{width: 100%;height: auto;overflow: hidden;}
.hot.list .zhubo-list ul{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;overflow-x: auto;}
.hot.list .zhubo-list ul li{width: 3.4rem;height: 4.17rem;flex-shrink: 0;position: relative;border-radius: .15rem;overflow: hidden;margin-right: 0;margin-bottom: .2rem;}
/* tap-bar */
.tap-bar-holder{width: 100%;height: 1.15rem;}
.tap-bar{width: 100%;height: auto;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;background: #ffffff;box-shadow: 0 -.05rem .1rem rgba(100,100,100,.1);}
.tap-bar ul{width: 100%;display: flex;justify-content: space-between;}
.tap-bar ul li{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 2.15rem;color: #666666;}
.tap-bar ul li.on{color: #fe4c2c;}
.tap-bar ul li i{font-size: .48rem;}
.tap-bar ul li span{font-size: .18rem;margin-top: .05rem;}