/**
 * Mobile nav of css
 * 
 * @author Chensiren <245017297@qq.com>
 *
 * @since  2018-04-24
 * 
**/

/*nav*/
.top-nav{ position: relative; width: 100%; overflow: hidden;}
.scroller{display: block; height: .7rem!important; position: relative; overflow: hidden; background-color: rgba(255,255,255,.3);  -webkit-transition: background 500ms ease-out, padding 300ms; transition: background 500ms ease-out, padding 300ms; padding-top: 0;}
.scroller .scrol-in{display: block; max-width: 1080px;height: .7rem; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; -webkit-user-select: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; -webkit-overflow-scrolling: touch; margin-right: .8rem;}
.scroller .scrol-in ul{display: inline-block;vertical-align: top; white-space: nowrap; word-break: break-all;}
.scroller .scrol-in ul li{display: inline-block;}
.scroller .scrol-in ul li a{ display: inline-block; -webkit-text-decoration: none;  text-decoration: none; color: #666; padding: 0 8px; height: .7rem; line-height: .7rem; vertical-align: top;  font-family: "PingFangSC-Medium", "Source Han Sans CN", sans-serif; position: relative;}
.scroller .scrol-in ul .current a{ color: #0a94e4; }
.scroller .scrol-in ul .current a::after{ content:""; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #0a94e4;}
 .scroller .expand-btn{ position: absolute; width: .8rem; height: .7rem; top: 0; right: 0px; -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; pointer-events: auto;  z-index: 3; background: #ffffff url(../images/index/plus.png) no-repeat center center; background-size: .4rem auto; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;}}