.hdnav-wrap a.item-0 {
background-image: url('/statics/wap/images/home.png')
}

.hdnav-wrap a.item-1 {
background-image: url('/statics/wap/images/video.png')
}

.hdnav-wrap a.item-2 {
background-image: url('/statics/wap/images/pic.png')
}

.hdnav-wrap a.item-3 {
background-image: url('/statics/wap/images/xs.png')
}

.hdnav-wrap a.item-4 {
background-image: url('/statics/wap/images/vip.png')
}


.hdnav-wrap {
height: 53px;
margin: 24px 0 0;
overflow: hidden
}

.hdnav-wrap .cont-item-nav {
display: inline-block;
text-align: center;
width: 20%;
}

.hdnav-wrap a {
background-repeat: no-repeat;
background-position: top;
background-size: 19px;
color: #666;
display: inline-block;
font-size: 12px;
margin-bottom: 14px;
padding-top: 25px;
position: relative;
width: 54px
}

.hdnav-wrap a.hidden {
display: none
}

.hdnav-wrap a.item-9 {
background-size: 18px
}

 
.suggest-container {
display: none
}

.i-bd {
min-height: 600px;
overflow: hidden;
position: relative;
transition: transform .3s,-webkit-transform .3s
}

.i-bd-hn {
min-height: auto
}

.i-loading {
display: none
}

.i-mask {
background: rgba(0,0,0,.3);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2
}

.i-mask.i-disable {
display: block
}

@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
visibility: visible
}

to {
-webkit-transform: rotate(360deg)
}
}

.i-userguide {
background: rgba(0,0,0,.9);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
-ms-touch-action: none;
touch-action: none;
z-index: 21
}

body.show-tooltip {
overflow: hidden;
-ms-touch-action: none;
touch-action: none
}

.g-loading .i-main {
opacity: 0;
visibility: hidden
}

.g-loading .i-loading {
-webkit-animation: rotate .5s 1s linear infinite;
animation: rotate .5s 1s linear infinite;
background: url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAADFBMVEVMaXFnZ2epqanv7++mBdBBAAAAAXRSTlMAQObYZgAAAFxJREFUeNrtltsNACEQAgX671m9EpbkNirzP4GQ+BghXI4IUEWZWLAYjA/HRb00QCdYTcF05pIxF8eZrbtk1WRE/lGmL7NBtg6G8GZv/yKC+qKtwa3H3ftWhBA2E1lIAW2FNHwrAAAAAElFTkSuQmCC) no-repeat;-webkit-background-size: 30px 30px;
height: 30px;
left: 50%;
margin-left: -15px;
pointer-events: none;
position: absolute;
top: 70px;
visibility: hidden;
width: 30px;
z-index: 9
}

.g-loading .i-loading,.g-nohd .i-gotop {
display: block
}

.i-userguide .tooltip-btn {
border: 1px solid #19B955;
border-radius: 18px;
color: #19b955;
font-size: 17px;
left: 50%;
line-height: 35px;
margin-left: -55px;
position: absolute;
text-align: center;
top: 220px;
width: 110px
}

.i-userguide .text {
color: #fff;
font-size: 18px;
left: 50%;
margin-left: -110px;
position: absolute;
top: 100px;
width: 240px
}

.i-userguide .spec {
color: #19B955
}

.i-userguide .tooltip-curve {
left: 50%;
margin-left: -128px;
position: absolute;
top: 45px
}

.i-userguide .nav-btn {
background: #fff;
border-radius: 15px;
color: #19b955;
display: inline-block;
left: 12px;
line-height: 27px;
position: absolute;
text-align: center;
top: 12px;
width: 60px
}

#home_next .suggest-box {
border-left: none;
border-right: none;
-webkit-box-shadow: 0 -1px 1px 0 #f5f5f5,0 2px 3px 0 rgba(0,0,0,.2)
}

#home_next .suggest-reset {
cursor: pointer;
height: 100%;
position: absolute;
right: 72px;
top: 0;
width: 30px
}

#home_next .suggest-reset i {
background: #ccc;
border-radius: 17px;
display: block;
height: 17px;
left: 6px;
position: relative;
top: 14px;
width: 17px
}

#home_next .suggest-reset i:before {
background: #fff;
-webkit-transform: rotate(-45deg)
}

#home_next .suggest-reset i:before,#home_next .suggest-reset i:after {
content: '';
height: 9px;
position: absolute;
right: 8px;
top: 4px;
width: 1px;
z-index: 999
}

#home_next .suggest-reset i:after {
background: #fff;
-webkit-transform: rotate(45deg)
}

@media screen and (min-width:376px) {
.hdnav-wrap {
height: 61px;
margin:10px 0 0;
overflow: hidden
}

.hdnav-wrap a {
background-repeat: no-repeat;
background-position: top;
background-size: 24px;
color: #666;
display: inline-block;
font-size: 14px;
margin-bottom: 14px;
padding-top: 31px;
position: relative;
text-align: center;
width: 54px
}

.hdnav-wrap a.item-9 {
background-size: 23px!important
}
}