@charset "utf-8";
/*-- 手机页面样式 --*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,dd{margin:0;padding:0}
body{font-size: 12px;font-family: "Microsoft YaHei";-ms-overflow-style:scrollbar;-webkit-text-size-adjust:none;-ms-text-size-adjust:100%;background-color:#ededed;width:6.4rem;margin:0 auto;font-size:0.12rem;padding-bottom: 1.11rem;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none;cursor:pointer;outline-width:0px;}
a:hover{text-decoration:none;outline:0}
em,b,i,code,strong{font-style:normal;}
img{border:0;}
ol,ul,li{list-style:none}


.h-icon{height: 1.11rem;display: inline-block;vertical-align: middle;cursor: pointer;background-size: 4.25rem 0.51rem !important;}
.content-p{display: none}

/*顶部*/
body{background-color: #f5f5f5;padding-top: 0.84rem;}
/*body{background-color: #f5f5f5;padding-top: 0.84rem;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-ms-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in;}*/
.header{height: 0.84rem;position: absolute;background-color: #ffffff;font-size: 0.32rem;text-align: center;display: flex;justify-content: center;width: 100%;line-height: 0.84rem;top:0;color: #333333;z-index: 9999}
.header .h-back-icon{position: absolute;left:0.2rem;top: 0.22rem;}
.header .h-gray-menu-icon,.header .h-menu-icon{position: absolute;right:0.2rem;top: 0.3rem;}
.header .h-pull-right{top:0;width: 0.84rem;height: 0.84rem;position: absolute;right: 0;}
.header .h-pull-left{top:0;width: 0.84rem;height: 0.84rem;position: absolute;left: 0;}
/*左侧列表*/
.left-list.on>a{height: 0.6rem;background-color: #181818}
.left-list>a{background-color: #0290fe;color: white}
.left-list.on .left-second{display: none !important;}
.nav-left{width:3.2rem;background-color: #181818;position:fixed;left: -3.2rem;
    top:0;height: 100%;z-index: 999999;}
.left-list{line-height: 0.6rem;background-color: #181818;border-bottom: 0.01rem solid #252525}
.left-list a{color: white;font-size: 0.24rem;width: 2.52rem;height: 100%;padding-left: 0.48rem;display: inline-block;}
.close{padding-top: 0.3rem;width: 0.56rem;float: right;padding-left: 0.25rem;cursor: pointer;padding-bottom: 0.2rem;}
.close i{cursor: pointer;}
.left-second i{position: absolute;left: 0.2rem;top:0.2rem;}
.left-second li{position: relative;background-color: black;}


.left-second li:hover{background-color: #b58845;color: white;}
.left-second li:hover a{color: white;background-color: #b58845;}
.left-second a{padding-left: 0.68rem;position: relative}
a.accordion-header{width: 2.72rem;}
.left-list span{display: inline-block;width: 0.24rem;height: 0.02rem;background-color: white;position: absolute;right: 0.2rem;margin-top: 0.29rem;}

.left-list span.remove{display: inline-block;}
.left-list span.add1{display: none;background-color: white}
.left-list span.add2{display: none;width: 0;height: 0.24rem;border-right: 0.02rem solid white;margin-top: 0.18rem;margin-right: 0.11rem;background-color: white}


.left-list.on span.remove{display: none;}
.left-list.on span.add1{display: inline-block;}
.left-list.on span.add2{display: inline-block;}
/*背景*/
.overBg{overflow: hidden;background-color: rgba(0,0,0,0.5);position: fixed;left: 0;  right:0;  top:0;bottom:0;display: none;z-index: 99999}
.overBgStyle{position: fixed;left: 0;right: 0;bottom: 0;top: 0;overflow: hidden}


/*底部*/
.footer{position: fixed;bottom:0;height: 1.11rem;background-color: #b58845;width: 100%;white-space: nowrap;z-index: 9999;}
.footer>div{width: 25%;text-align: center;font-size: 0.2rem;position: relative}
.footer i{margin-top: 0.14rem;margin-bottom: 0.1rem;}
.footer p{color: white;font-size: 0.2rem;display: block;}
.footer a{position: absolute;left: 0;right: 0;top: 0;bottom: 0}

.h-pull-right{float: right}
.h-pull-left{float: left;}

.h-title-icon {
    background: url(/website/mobile/img/logo.png)  no-repeat;
    width: 1.86rem;
    height: 0.56rem;
    overflow: hidden;
}

.h-home-icon {
    background: url(/website/mobile/img/sprite.png) -0rem -0rem no-repeat;
    height: 0.51rem;
    width: 0.56rem;
    overflow: hidden;
}
.h-online-preorder-icon {
    background: url(/website/mobile/img/sprite.png) -0.56rem -0rem no-repeat;
    height: 0.50rem;
    width: 0.50rem;
    overflow: hidden;
}
.h-vr-720-icon {
    height: 0.50rem;
    width: 0.60rem;
    overflow: hidden;
    background: url(/website/mobile/img/vr-720.png) no-repeat;
    background-size: cover !important;
}
.h-phone-icon {
    background: url(/website/mobile/img/sprite.png) -1.66rem -0rem no-repeat;
    height: 0.48rem;
    width: 0.47rem;
    overflow: hidden;
}
.h-back-icon {
    background: url(/website/mobile/img/sprite.png) -2.13rem -0rem no-repeat;
    height: 0.40rem;
    width: 0.23rem;
    overflow: hidden;
}
.h-close-icon {
    background: url(/website/mobile/img/sprite.png) -2.36rem -0rem no-repeat;
    height: 0.36rem;
    width: 0.36rem;
    overflow: hidden;
}
.h-right-detail-icon {
    background: url(/website/mobile/img/sprite.png) -2.72rem -0rem no-repeat;
    height: 0.30rem;
    width: 0.57rem;
    overflow: hidden;
}
.h-gray-menu-icon {
    background: url(/website/mobile/img/sprite.png) -3.29rem -0rem no-repeat;
    height: 0.28rem;
    width: 0.48rem;
    overflow: hidden;
}
.h-menu-icon {
    background: url(/website/mobile/img/sprite.png) -3.77rem -0rem no-repeat;
    height: 0.28rem;
    width: 0.48rem;
    overflow: hidden;
}

/*皮肤颜色*/
.footer{background-color: #0290fe}
.left-second li:hover{background-color: #0290fe;color: white;}
.left-second li:hover a{color: white;background-color: #0290fe;}
.footer,.header{width: 6.4rem !important;}