#wapdaohang1 a { opacity: 0; -webkit-transform: translate3d(0, -40px, 0) scale(1.2, 1); transform: translate3d(0, -40px, 0) scale(1.2, 1); transition: .4s; }
#wap-ss { opacity: 0; -webkit-transform: translate3d(0, -40px, 0) scale(1.2, 1); transform: translate3d(0, -40px, 0) scale(1.2, 1); transition: .4s; }
.mobile-inner-header-icon { color: #ffffff; height: 50px; font-size: 25px; text-align: center; float: left; width: 50px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; }
.mobile-inner-header-icon:hover { background-color: rgba(255, 255, 255, 0.2); cursor: pointer; }
.mobile-inner-header-icon span { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color: rgba(255, 255, 255, 1); }
.mobile-inner-header-icon span:nth-child(1) { transform: translateY(4px) rotate(0deg); transition: .4s; }
.mobile-inner-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg); transition: .4s; }
.mobile-inner-header-icon-click span:nth-child(1) { transform: translateY(0) rotate(45deg); }
.mobile-inner-header-icon-click span:nth-child(2) { transform: translateY(0) rotate(135deg); }
.mobile-inner-header-icon-out span:nth-child(1) { transform: translateY(-4px) rotate(0deg); }
.mobile-inner-header-icon-out span:nth-child(2) { transform: translateY(4px) rotate(0deg); }
.mobile-inner-nav { z-index: 1000; background-color: #282828; width: 100%; height: 0px; position: absolute; top: 50px; left: 0px; transition: .4s; opacity: 0; overflow-y: auto; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; /* Firefox 4 */ -webkit-transition-timing-function: ease-in-out; /* Safari 和 Chrome */ -o-transition-timing-function: ease-in-out; /* Opera */ }
#wapdaohang1 a { display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255, 255, 255, 0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 300; }
#wapdaohang1 a:hover { color: rgba(255, 255, 255, 0.4); border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
.mobile-inner-header { background-color: #282828; width: 100%; height: 50px; position: absolute; top: 0px; left: 0px; z-index: 1000; }
.wap-logo { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; height: 48px; margin-left: 0 !important; width: calc(100% - 100px); display: block; background: url(../images/logo1.png)no-repeat; background-size: auto 40px; background-position: center; padding: 0; float: left; }
.wap-logo:hover { background: url(../images/logo2.png)no-repeat; background-size: auto 40px; background-position: center; }
.wap-search { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width: 50px; height: 50px; cursor: pointer; background: url(../images/topSearchNormal.png) no-repeat; background-position: center; float: right }
.wap-search.wapcurrent { background: url(../images/topSearchSelected.png) no-repeat; background-position: center; }
.bodyhidden { overflow: hidden !important; height: 100% !important; position: fixed; width: 100%; }
.wap-ss { width: 80%; margin-left: 10%; line-height: 50px; margin-top: 4px; border-bottom: solid 1px rgba(255, 255, 255, 0.3); border-radius: }
.wap-ss img { width: 1em; vertical-align: middle; -webkit-filter: brightness(10); filter: brightness(10); }
.wap-ss input { width: calc(100%-1em); background: transparent; border: 0; outline: none; color: white; font-size: 16px; font-weight: 300; }
.wap-ss input::-webkit-input-placeholder { color: white; }
.wap-ss input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color: white; }
.wap-ss input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
color: white; }
.wap-ss input:-ms-input-placeholder {  /* Internet Explorer 10-11 */ 
color: white; }
.wapmenu1 .mobile-inner-nav, .wapsearch1 .mobile-inner-nav { height: calc(100% - 50px); padding-top: 30px; opacity: 1; }
.wapmenu1 .mobile-inner-header-icon span:nth-child(1) { transform: translateY(0) rotate(45deg); }
.wapmenu1 .mobile-inner-header-icon span:nth-child(2) { transform: translateY(0) rotate(135deg); }
.wapmenu1 #wapdaohang1 a { opacity: 1; -webkit-transform: none; transform: none; }
.wapmenu1 #wap-ss { opacity: 1; -webkit-transform: none; transform: none; }
.wapsearch1 .wap-search { background: url(../images/topSearchSelected.png) no-repeat; background-position: center; }
.wap-tuijiana { }
.wap-tuijiana span { color: #999; display: block; font-size: 12px; line-height: 40px; margin-top: 1em }
.wap-tuijiana a { text-decoration: none; color: #ccc; line-height: 40px; font-size: 14px; display: inline-block; padding-right: 0.8em; }
#wap-tuijiana { overflow: hidden; height: 0px; transition: .4s; }
.wapsearch1 #wap-tuijiana { height: auto }
.wapsearch1 .wap-tuijiana #wap-ss { transition-delay: 0s !important; opacity: 1; -webkit-transform: none; transform: none; }
#wapdaohang1 { transition: .4s }
.wapsearch1 #wapdaohang1 { height: 0px; overflow: hidden; }
@media screen and (max-width:1080px) {
    .header { display: none }
}
@media screen and (min-width:1081px) {
    #wapheader1 { display: none }
}
body { padding-top: 50px; }

/*foot*/
@media screen and (max-width:1080px) {
    .header { display: none }
}
.kuaisulianjie { width: 80%; margin-left: 10%; }
