/*reset*/
* { word-wrap: break-word; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; font-size: 0.26rem; background: #f4f4f4; max-width: 1024px; margin: 0 auto; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

i, input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; border: 0; }

body, th, td, button, input, select, textarea { font-family: "microsoft yahei",arial; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a, area { outline: none; blr: expression(this.onFocus=this.blur()); }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }

a:hover { text-decoration: none; outline: none; }

a.ie6:hover { zoom: 1; }

a:focus { outline: none; }

a:hover, a:active { outline: none; }

:focus { outline: none; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

/*img*/
img { border: 0; }

a img, img { -ms-interpolation-mode: bicubic; }

.img-responsive { max-width: 100%; height: auto; }

.fl { float: left; }

.fr { float: right; }

/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0; }

time { display: inline; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5; }

legend small { font-size: 15px; color: #999; }

svg:not(:root) { overflow: hidden; }

fieldset { border-width: 0; padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; }

input { outline: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; line-height: 0.3rem; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; line-height: 0.3rem; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; line-height: 0.3rem; }

/*reset end*/
@font-face { font-family: 'iconfont';
  /* project id 500587 */
src: url("//at.alicdn.com/t/font_500587_ayrx4qk6m2wt57b9.eot"); src: url("//at.alicdn.com/t/font_500587_ayrx4qk6m2wt57b9.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_500587_ayrx4qk6m2wt57b9.woff") format("woff"), url("//at.alicdn.com/t/font_500587_ayrx4qk6m2wt57b9.ttf") format("truetype"), url("//at.alicdn.com/t/font_500587_ayrx4qk6m2wt57b9.svg#iconfont") format("svg"); }
.iconfont { font-family: "iconfont" !important; font-size: .16rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.shadow-bottom { box-shadow: 0px 1px 1px #d7d7d7; }

.shadow-top { box-shadow: 1px 0px 1px #d7d7d7; }

.pd20 { padding-left: .2rem; padding-right: .2rem; }

.mb10 { margin-bottom: .1rem; }

.bgw { background: #fff; }

.cover-bg { background: rgba(0, 0, 0, 0.6); top: 0; width: 100%; height: 100%; position: fixed; z-index: 9; display: none; }

footer { text-align: center; height: 1rem; line-height: 1rem; background: #f6f6f6; }
footer p { font-size: .24rem; color: #999999; }

header { overflow: hidden; background: #2dbb55; height: .8rem; box-sizing: border-box; padding: 0 .2rem; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; justify-content: space-between; position: fixed; width: 100%; top: 0; z-index: 2; }
header img { width: 1.92rem; height: .36rem; }
header a.iconfont { color: #fff; font-size: .4rem; }

/*----------------------------------menu-------------------------------*/
nav:not(.mm-menu) { display: none; }

.mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: transparent; }

#menu { background: #252525; }

.mm-panels > .mm-panel { padding: 0; }

.mm-panels > .mm-panel .menu-list { padding-top: 0.88rem; }

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { height: 0; }

.mm-panel.mm-hasnavbar .mm-navbar { display: none; }

.mm-panels > .mm-panel.mm-hasnavbar { padding: 0; }

.mm-listview > li { border-color: transparent; }

.mm-listview > li > a, .mm-listview > li > span { margin: 0 0.1rem; padding: 0 0.1rem; }

.sideMenu { width: 100%; background: #414141; overflow: hidden; }

.sideMenu .line { border-bottom: 1px solid #bababa; }

.sideMenu .menu-list .search-box { height: auto; overflow: hidden; padding: 0.2rem 0.4rem; background: #303030; }

.sideMenu .menu-list .search-box form { height: auto; overflow: hidden; position: relative; background: #fff; border-radius: 5px; }

.sideMenu .menu-list .search-box form input { width: 84%; padding: 0 3%; height: 0.6rem; border: 0; border-radius: 5px; margin: 0; }

.sideMenu .menu-list .search-box form a { position: absolute; right: 0; top: 1px; color: #959594; font-size: 0.56rem; padding: 0 0.1rem; }

.sideMenu .menu-list ul { display: none; }

.sideMenu .menu-list ul:first-child li:last-child { padding-bottom: 0; }

.sideMenu .menu-list .side:nth-of-type(1) ul { display: block; }

.sideMenu .menu-list h3 { position: relative; font-size: 0.35rem; line-height: 0.9rem; color: #dadada; padding: 0 0.45rem; overflow: hidden; }

.sideMenu .menu-list h3 i { margin-right: 0.38rem; font-size: 0.4rem; color: #999; }

.sideMenu .menu-list h3 .more:after { content: '\e638'; }

.sideMenu .menu-list h3 i.noMore:after { content: '\e618'; }

.sideMenu .menu-list h3 a { color: #dadada; display: block; }

.sideMenu .menu-list h3 em { float: right; color: #8b8b8b; font-size: 0.36rem; }

.sideMenu .menu-list li { padding: 0 1.03rem; }

.sideMenu .menu-list li a { font-size: 0.3rem; line-height: 0.66rem; color: #a5a5a5; font-weight: normal; }

.sideMenu .menu-list li:last-child a { border: 0; }

.mm-menu .mm-listview { background-color: #252525 !important; }

.mm-listview > li:not(.mm-divider):after { display: none !important; }

.video-box { width: 6.8rem; height: 4.6rem; border: .12rem solid #bababa; position: fixed; left: 0; right: 0; top: 30%; margin: auto; z-index: 11; display: none; }

#videoPlayer { height: 100%; }
#videoPlayer video { width: 100%; height: 100%; }

.video-box .poster { height: 100%; width: 100%; position: absolute; z-index: 2; }

.video-box .video-mask { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); }

.video-box span.iconfont { display: block; position: absolute; left: 43%; font-size: 1rem; top: 38%; color: #bababa; z-index: 3; }

.video-box .btn-close { position: absolute; right: -.12rem; top: -0.51rem; background: #bababa; padding: 0.05rem 0.08rem; }

.video-box .btn-close i { font-size: 0.3rem; color: #000; vertical-align: middle; }

.video-box .video { width: 100%; }

.video-box .videomask { width: 100%; height: 3.1rem; position: absolute; top: 0; left: 0; z-index: 2; }

.video-box .videomask .videoplaybg { width: 100%; height: 100%; display: block; }

.video-box .videomask .ico_play1 { width: 100%; position: absolute; left: 0; top: 32%; }

.video-box .videomask .ico_play2 { width: 0.8rem; position: absolute; left: 44.1%; top: 37%; -webkit-animation: rotate 1s ease-out infinite; animation: rotate 1s ease-out infinite; }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

/*# sourceMappingURL=common.css.map */
