/* global reset - based on yui3 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ul,ol,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}
legend{color:#000}
body{font-family:'PingFang SC','arial','Microsoft Yahei','tahoma','sans-serif';background:#ebedee;}
a{text-decoration:none;}
.fl{float:left}
.fr{float:right}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}
.m_header{position:fixed;top:0;left:0;z-index:500;}
.topheader{position:relative;width:7.3rem;padding:0 0.1rem;height:0.9rem;border-bottom:1px solid #dcdcdc;background:#f8f8f8;}
.topheader .logo { float: left;  width: 1.8rem;  height: 0.57rem;  margin: 0.16rem 0 0 0.02rem;  background: url(http://sr1.pplive.com/mcms/nav/images/1508236788126.svg) no-repeat;  background-size: contain;  background-position: 98.51% 40.49%;}
.topheader .logo img {display:none;width:100%;height:auto;}
.topheader .logotxt{float:left;width:1.34rem;height:0.33rem;margin:0.29rem 0 0 0;background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:55.74% 46.23%;}
.topheader .search{float:left;width:3.3rem;height:0.56rem;margin:0.16rem 0.36rem 0 0.2rem;border-radius:0.56rem;background:#e9e9e9;}
.topheader .searchPlay{width:4.16rem;margin:0.16rem 0.3rem 0 0.2rem;}
.topheader .search em{float:left;width:0.32rem;height:0.32rem;margin:0.12rem 0 0 0.12rem;background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:99.74% 36.56%;}
.topheader .search input{float:left;width:2.5rem;height:0.32rem;margin:0.12rem 0 0 0.1rem;font-size:0.22rem;color:#666;background:#ebebeb;}
.topheader .icon{float:left;margin-top:0.2rem;width:0.58rem;height:0.51rem;position:relative;}
.topheader .icon img.headImg{height:0.48rem;width:0.48rem;border-radius:50%;float:left;}
.topheader .icon img.diamond{width:0.24rem;height:0.24rem;position:absolute;left:0.34rem;top:0.27rem;z-index:100;background-size:cover;}
.topheader .morech{float:left;width:0.48rem;height:0.48rem;margin:0.21rem 0 0 0.26rem;background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:36.52% 73.44%;}
.topheader .morech.now{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:33.39% 73.44%;}
.topheader .searchicon{float:right;height:0.55rem;margin:0.175rem 0.3rem 0 0;width:0.55rem;}
.topheader .searchicon img{height:0.55rem;width:0.55rem;border-radius:50%;}
.appcontainer{margin-top:1.7rem;}
.chdrop{position:absolute;top:0.91rem;left:0;z-index:10;width:7.5rem;background:#fff;overflow:hidden;height:15.34rem;}
.chdrop ul{width:7.6rem;}
.chdrop li{float:left;width:1.875rem;height:1.875rem;border-right:1px solid #ebedee;border-bottom:1px solid #ebedee;}
.chdrop li a{display:block;width:1.875rem;height:1.875rem;text-align:center;font-size:0.26rem;color:#333;overflow:hidden;}
.chdrop li a i{display:block;width:0.78rem;height:0.78rem;margin:0.35rem auto 0;}
.chdrop li .ic0{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:22.85% 100%;}
.chdrop li .ic1{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:16.32% 92.15%;}
.chdrop li .ic2{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:11.75% 92.15%;}
.chdrop li .ic3{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:13.53% 100%;}
.chdrop li .ic4{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:9.18% 100%;}
.chdrop li .ic5{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:62.03% 92.15%;}
.chdrop li .ic6{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:30.03% 92.15%;}
.chdrop li .ic7{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:25.46% 92.15%;}
.chdrop li .ic8{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:20.89% 92.15%;}
.chdrop li .ic9{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:0 100%;}
.chdrop li .ic10{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:18.28% 100%;}
.chdrop li .ic11{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:66.46% 92.15%;}
.chdrop li .ic12{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:80.32% 92.15%;}
.chdrop li .ic13{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:94.03% 92.15%;}
.chdrop li .ic14{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:98.44% 92.15%;}
.chdrop li .ic15{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:34.60% 92.15%;}
.chdrop li .ic16{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:71.17% 92.15%;}
.chdrop li .ic17{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:75.74% 92.15%;}
.chdrop li .ic18{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:84.88% 92.15%;}
.chdrop li .ic19{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:89.45% 92.15%;}
.chdrop li .ic20{background:url('../assets/spritesheet.png') no-repeat;background-size:22.22rem 20.55rem;background-position:4.57% 100%;}
.topnav{width:7.3rem;width:100%;height:0.8rem;line-height:0.8rem;background:#f8f8f8;overflow:hidden;}
.topnav .navs{width:100%;overflow:hidden;}
.topnav .navs a{-webkit-tap-highlight-color:rgba(0,0,0,0);float:left;height:0.44rem;line-height:0.44rem;margin:0.18rem 0.1rem 0;padding:0 0.16rem;border-radius:0.44rem;font-size:0.26rem;color:#333;}
.topnav .navs a.now{color:#fff;background:#00adef;}
.footbanner {
    width: 7.5rem;
    width: 100%;
    height: 1.4rem;
    background: url(http://sr3.pplive.cn/cms/41/17/3f62c83403d2abdba054b0a04a69c396.png) no-repeat center 40%;
    background-size: 20% auto;
}
@media all and (orientation : landscape) { 
.chdrop li .ic0{background-position:22.85% 100%;background-size:18.02rem 15.74rem;}
.chdrop li .ic1{background-position:16.32% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic2{background-position:11.75% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic3{background-position:13.63% 100%;background-size:18.02rem 15.74rem;}
.chdrop li .ic4{background-position:9.28% 100%;background-size:18.02rem 15.74rem;}
.chdrop li .ic5{background-position:62.03% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic6{background-position:30.03% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic7{background-position:25.46% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic8{background-position:20.89% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic9{background-position:0 100%;background-size:18.02rem 15.74rem;}
.chdrop li .ic10{background-position:18.28% 100%;background-size:18.02rem 15.74rem;}
.chdrop li .ic11{background-position:66.46% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic12{background-position:80.32% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic13{background-position:94.03% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic14{background-position:98.44% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic15{background-position:34.60% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic16{background-position:71.17% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic17{background-position:75.74% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic18{background-position:84.88% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic19{background-position:89.45% 92.15%;background-size:18.02rem 15.74rem;}
.chdrop li .ic20{background-position:4.57% 100%;background-size:18.02rem 15.74rem;}
}