*, *:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0.15);font-size:14px}
html, body{
    color: #8191a9;
    background: #041530;
    max-width:640px;margin:0 auto}
body{-webkit-user-select:text;-ms-user-select: text;user-select: text;width: 100%;overflow-x: hidden;position:relative;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, menu, nav, section{display:block}
body, button, input, select, textarea{font:14px/1.5 'Source Sans Pro', Helvetica, Arial,Verdana, sans-serif, \5b8b\4f53}
input, select, textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset, img{border:0}
del{text-decoration:line-through}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:500}
ol, ul{list-style:none}
caption, th{text-align:left}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}
.h2, h2 {font-size:15px}
q:before, q:after{content:''}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
a{color:#666;text-decoration:none;}
a:visited{color:inherit}
a:hover, a:active, a:visited{text-decoration:none}
ins, a{text-decoration:none}
table{border-collapse:collapse;border-spacing:0;}
.cl:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.cl{zoom:1}.pr{position:relative}.f14{font-size:14px}.b{display:block}
.fl,.fll{float:left!important}.fr{float:right!important;}
.cf{color:#FFF!important}.c9{color:#999;}.cb{clear:both}.mb10{margin-bottom:10px}
.l22{line-height:22px}.m10{margin:10px!important;}.mlr10{margin:0 10px}

.icon-qzone{background:url("data:image/png;base64,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") no-repeat; width: 22px; background-size: 22px auto; position: relative; top:3px;}

#page-loading-overlay {position: fixed;left: 0;top: 0;bottom: 0;right: 0;
    background: #041530;z-index:10000;zoom:1;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
#page-loading-overlay.loaded {zoom: 1;filter: alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;visibility: hidden}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(359deg)}}
@keyframes rotation{from{ -webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.loading-ctrl{font-size:14px}
.ajaxwaitid {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjggMjgiPg0KICAgIDwhLS0gMjg9IFJBRElVUyoyICsgU1RST0tFV0lEVEggLS0+DQogICAgPHRpdGxlPk1hdGVyaWFsIGRlc2lnbiBjaXJjdWxhciBhY3Rpdml0eSBzcGlubmVyIHdpdGggQ1NTMyBhbmltYXRpb248L3RpdGxlPg0KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQogICAgLyoqKioqKioqKioqKioqKioqKioqKioqKioqLw0KICAgIC8qIFNUWUxFUyBGT1IgVEhFIFNQSU5ORVIgKi8NCiAgICAvKioqKioqKioqKioqKioqKioqKioqKioqKiovDQogICAgLyoNCiAgICAgICAqIENvbnN0YW50czoNCiAgICAgICAqICAgICAgUkFESVVTICAgICAgPSAxMi41DQogICAgICAgKiAgICAgIFNUUk9LRVdJRFRIID0gMw0KICAgICAgICogICAgICBBUkNTSVpFICAgICA9IDI3MCBkZWdyZWVzIChhbW91bnQgb2YgY2lyY2xlIHRoZSBhcmMgdGFrZXMgdXApDQogICAgICAgKiAgICAgIEFSQ1RJTUUgICAgID0gMTMzM21zICh0aW1lIGl0IHRha2VzIHRvIGV4cGFuZCBhbmQgY29udHJhY3QgYXJjKQ0KICAgICAgICogICAgICBBUkNTVEFSVFJPVCA9IDIxNiBkZWdyZWVzIChob3cgbXVjaCB0aGUgc3RhcnQgbG9jYXRpb24gb2YgdGhlIGFyYw0KICAgICAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3VsZCByb3RhdGUgZWFjaCB0aW1lLCAyMTYgZ2l2ZXMgdXMgYQ0KICAgICAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDUgcG9pbnRlZCBzdGFyIHNoYXBlIChpdCdzIDM2MC81ICogMikuDQogICAgICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgRm9yIGEgNyBwb2ludGVkIHN0YXIsIHdlIG1pZ2h0IGRvDQogICAgICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgMzYwLzcgKiAzID0gMTU0LjI4NikNCiAgICAgICAqDQogICAgICAgKiAgICAgIFNIUklOS19USU1FID0gNDAwbXMNCiAgICAgICAqLw0KICAgIA0KICAgIC5xcC1jaXJjdWxhci1sb2FkZXIgew0KICAgICAgICB3aWR0aDogMjhweDsNCiAgICAgICAgLyogMipSQURJVVMgKyBTVFJPS0VXSURUSCAqLw0KICAgICAgICANCiAgICAgICAgaGVpZ2h0OiAyOHB4Ow0KICAgICAgICAvKiAyKlJBRElVUyArIFNUUk9LRVdJRFRIICovDQogICAgfQ0KICAgIA0KICAgIC5xcC1jaXJjdWxhci1sb2FkZXItcGF0aCB7DQogICAgICAgIHN0cm9rZS1kYXNoYXJyYXk6IDU4Ljk7DQogICAgICAgIC8qIDIqUkFESVVTKlBJICogQVJDU0laRS8zNjAgKi8NCiAgICAgICAgDQogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1OC45Ow0KICAgICAgICAvKiAyKlJBRElVUypQSSAqIEFSQ1NJWkUvMzYwICovDQogICAgICAgIC8qIGhpZGVzIHRoaW5ncyBpbml0aWFsbHkgKi8NCiAgICB9DQogICAgLyogU1ZHIGVsZW1lbnRzIHNlZW0gdG8gaGF2ZSBhIGRpZmZlcmVudCBkZWZhdWx0IG9yaWdpbiAqLw0KICAgIA0KICAgIC5xcC1jaXJjdWxhci1sb2FkZXIsDQogICAgLnFwLWNpcmN1bGFyLWxvYWRlciAqIHsNCiAgICAgICAgLXdlYmtpdC10cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlOw0KICAgIH0NCiAgICAvKiBSb3RhdGluZyB0aGUgd2hvbGUgdGhpbmcgKi8NCiAgICANCiAgICBALXdlYmtpdC1rZXlmcmFtZXMgcm90YXRlIHsNCiAgICAgICAgZnJvbSB7DQogICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpOw0KICAgICAgICB9DQogICAgICAgIHRvIHsNCiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsNCiAgICAgICAgfQ0KICAgIH0NCiAgICANCiAgICAucXAtY2lyY3VsYXItbG9hZGVyIHsNCiAgICAgICAgLXdlYmtpdC1hbmltYXRpb24tbmFtZTogcm90YXRlOw0KICAgICAgICAtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMTU2OC42M21zOw0KICAgICAgICAvKiAzNjAgKiBBUkNUSU1FIC8gKEFSQ1NUQVJUUk9UICsgKDM2MC1BUkNTSVpFKSkgKi8NCiAgICAgICAgDQogICAgICAgIC13ZWJraXQtYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7DQogICAgICAgIC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOw0KICAgIH0NCiAgICAvKiBGaWxsaW5nIGFuZCB1bmZpbGxpbmcgdGhlIGFyYyAqLw0KICAgIA0KICAgIEAtd2Via2l0LWtleWZyYW1lcyBmaWxsdW5maWxsIHsNCiAgICAgICAgZnJvbSB7DQogICAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogNTguOA0KICAgICAgICAgICAgLyogMipSQURJVVMqUEkgKiBBUkNTSVpFLzM2MCAtIDAuMSAqLw0KICAgICAgICAgICAgLyogMC4xIGEgYml0IG9mIGEgbWFnaWMgY29uc3RhbnQgaGVyZSAqLw0KICAgICAgICB9DQogICAgICAgIDUwJSB7DQogICAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsNCiAgICAgICAgfQ0KICAgICAgICB0byB7DQogICAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogLTU4LjQNCiAgICAgICAgICAgIC8qIC0oMipSQURJVVMqUEkgKiBBUkNTSVpFLzM2MCAtIDAuNSkgKi8NCiAgICAgICAgICAgIC8qIDAuNSBhIGJpdCBvZiBhIG1hZ2ljIGNvbnN0YW50IGhlcmUgKi8NCiAgICAgICAgfQ0KICAgIH0NCiAgICANCiAgICBALXdlYmtpdC1rZXlmcmFtZXMgcm90IHsNCiAgICAgICAgZnJvbSB7DQogICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpOw0KICAgICAgICB9DQogICAgICAgIHRvIHsNCiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM2MGRlZyk7DQogICAgICAgIH0NCiAgICB9DQogICAgDQogICAgQC13ZWJraXQta2V5ZnJhbWVzIGNvbG9ycyB7DQogICAgICAgIGZyb20gew0KICAgICAgICAgICAgc3Ryb2tlOiAjNjJiNjUxOw0KICAgICAgICB9DQogICAgICAgIHRvIHsNCiAgICAgICAgICAgIHN0cm9rZTogIzYyYjY1MTsNCiAgICAgICAgfQ0KICAgIH0NCiAgICANCiAgICAucXAtY2lyY3VsYXItbG9hZGVyLXBhdGggew0KICAgICAgICAtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiBmaWxsdW5maWxsLCByb3QsIGNvbG9yczsNCiAgICAgICAgLXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDEzMzNtcywgNTMzMm1zLCA1MzMybXM7DQogICAgICAgIC8qIEFSQ1RJTUUsIDQqQVJDVElNRSwgNCpBUkNUSU1FICovDQogICAgICAgIA0KICAgICAgICAtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlLCBpbmZpbml0ZSwgaW5maW5pdGU7DQogICAgICAgIC13ZWJraXQtYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKDAuNCwgMC4wLCAwLjIsIDEpLCBzdGVwcyg0KSwgbGluZWFyOw0KICAgICAgICAtd2Via2l0LWFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nLCBydW5uaW5nLCBydW5uaW5nOw0KICAgICAgICAtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOw0KICAgIH0NCiAgICA8L3N0eWxlPg0KICAgIDwhLS0gMz0gU1RST0tFV0lEVEggLS0+DQogICAgPCEtLSAxND0gUkFESVVTICsgU1RST0tFV0lEVEgvMiAtLT4NCiAgICA8IS0tIDEyLjU9IFJBRElVUyAtLT4NCiAgICA8IS0tIDEuNT0gIFNUUk9LRVdJRFRILzIgLS0+DQogICAgPCEtLSBBUkNTSVpFIHdvdWxkIGFmZmVjdCB0aGUgMS41LDE0IHBhcnQgb2YgdGhpcy4uLiAxLjUsMTQgaXMgc3BlY2lmaWMgdG8NCiAgICAgICAyNzAgZGVncmVzcyAtLT4NCiAgICA8ZyBjbGFzcz0icXAtY2lyY3VsYXItbG9hZGVyIj4NCiAgICAgICAgPHBhdGggY2xhc3M9InFwLWNpcmN1bGFyLWxvYWRlci1wYXRoIiBmaWxsPSJub25lIiBkPSJNIDE0LDEuNSBBIDEyLjUsMTIuNSAwIDEgMSAxLjUsMTQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPg0KICAgIDwvZz4NCjwvc3ZnPg0K) no-repeat center center;background-size:20px}

.center{vertical-align: middle;text-align: center;padding:10px 0 20px;
}
.vm{vertical-align:middle}

.noborder{border-bottom:0!important;border-top:0!important;}
.none{display:none}
.hidden{visibility:hidden}
.opacity{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}

/*animated*/
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated-fast{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}    100%{opacity:1;-webkit-transform:none;transform:none} }
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}  100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeOutDown{0%{opacity:1}  100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes fadeOutDown{0%{opacity:1}    100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutUp{0%{opacity:1}    100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
@keyframes fadeOutUp{0%{opacity:1}    100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}    100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}    100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeOut{0%{opacity:1}    100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}    100%{opacity:0}}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}    100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}    100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.btn-outline.active{position:relative;top:1px;box-shadow:none!important; }
.btn-outline:visited{color:#FFF; }
.btn,.btn:hover, .btn:visited{
    display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,.15);cursor: pointer;-webkit-user-select: none;
    -moz-user-select: none;-ms-user-select: none;user-select: none;border:0;outline:0;
    text-align: center;font-size:14px;box-shadow:inset 0 0 rgba(255,255,255,0.1),inset 0 -3px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05);
    padding:4px 15px;color:#fff;border-radius: 2px;
}
.btn-outline:hover, .btn-outline{background: #7FBE23;color:#fff;border-bottom:1px solid #70AD24!important;}
.btn-orange{background:#EA4F15;color:#fff!important;border-bottom:1px solid #F73E3E!important;}
.btn-offline{background: #b0b0b0;border-bottom: 1px solid #999!important;; }
.btn-orangered{background:#F73E3E;color:#fff!important;border-bottom:1px solid #d51211!important;}
.btn-orangered2{background:#f74140;color:#fff!important;border-bottom:1px solid #d51211!important;}
.btn-qing{background: #008B57;color: #fff!important;border-bottom:1px solid #007B4A!important;}

/*form*/
input,select{outline:0}
input[type="search"]{-webkit-appearance:none;}
input::-webkit-search-cancel-button {display: none;}
input[type='number'] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

/*backtotop*/
.backtotop{  position: fixed;  bottom:-45px;  width:40px;height:40px;  border-radius: 50%;  background: rgba(0,0,0,.5);  right: 15px;  -webkit-transition: all .7s ease;  -moz-transition: all .7s ease;  -o-transition: all .7s ease;  transition: all .7s ease;  text-align: center;  padding-top: 8px; }
.backtotop span{  font-size:24px;  color: #fff;  text-align: center; }
.backtotop_show{  -webkit-transform: translate3d(0, -128px, 0);  -moz-transform: translate3d(0, -128px, 0);  -ms-transform:  translate3d(0, -128px, 0);  transform: translate3d(0, -128px, 0); }
/*backtotopend*/

/*bodycommon*/
@-webkit-keyframes bodyVisible {0% { -webkit-transform: translateY(-12px); opacity: 0; }100% { -webkit-transform: translateY(0); opacity: 1; } }
@keyframes bodyVisible {0% { -webkit-transform: translateY(-12px); opacity: 0; }100% { -webkit-transform: translateY(0); opacity: 1; } }
.container_map_ami{-webkit-animation: bodyVisible ease-out .5s forwards;animation: bodyVisible ease-out .5s forwards; }
.container_map {width:100%;margin:0 auto;padding:0;min-height:100%;position:relative;padding-bottom:50px}
/*bodycommonend*/
/*swipe*/
.swipe {overflow:hidden;visibility:hidden;position: relative;background:#041530;height:0}
.swipe-wrap {overflow: hidden;position: relative}
.swipe-wrap > div {float: left;width: 100%;position: relative}
.swipe-wrap img{display:block;width:100%}
.swipe-wrap .i{background-repeat: no-repeat;background-size: cover;background-position: center center;width:100%}
.bullets {position: absolute;right:10px;bottom: 0;height:26px;line-height:26px;color:#fff;font-size:12px}
.position {text-align:center}
.position li {display:inline-block;width:5px;height:5px;border-radius:5px;background:rgba(255,255,255,.4);margin:0 2px}
.position li.current{background:#fff}
/*swipeend*/

/*bottom start */
.shopnav{width:100%;height:45px;background:#eaeaea;color:#eee;text-align:center;position:fixed;left:auto;z-index:999}.shopnav ul,.shopnav li{margin:0;padding:0;list-style:none}.shopnav .nav-menu{width:320px;margin:0 auto;position:relative}.shopnav{width:100%}.shopnav .nav-menu{width:100%}.nav-menu{border:0;cursor:default}.nav-menu .one{display:inline-block;font-size:14px;line-height:46px;vertical-align:top}.nav-menu .one a{color:#666;-webkit-tap-highlight-color:rgba(0,0,0,.15);text-decoration:none}.nav-menu .one>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-menu .one .arrow-caret{display:inline-block;vertical-align:text-bottom;width:0;height:0;border-style:solid;border-width:0 0 6px 6px;border-color:transparent transparent #999 transparent;opacity:.3}.nav-menu .one .submenu{display:none;position:absolute;padding:5px 8px;background:#eaeaea;text-align:left;border-radius:5px}.nav-menu .one .submenu .before-arrow{position:absolute;z-index:11;border-right:6px solid transparent;border-left:6px solid transparent}.nav-menu .one .submenu .after-arrow{position:absolute;z-index:10;border-right:6px solid transparent;border-left:6px solid transparent}.nav-menu .one .submenu ul>li{line-height:12px;text-align:center}.nav-menu .one .submenu ul>li a{min-width:61px;max-width:200px;display:block;padding:13px 0 12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-menu.has-menu-1 .one{width:263px}.nav-menu.has-menu-1 .one .submenu ul>li a{min-width:120px}.nav-menu.has-menu-2 .one{width:127px}.nav-menu.has-menu-2 .one .submenu ul>li a{min-width:120px}.nav-menu.has-menu-3 .one{width:80px}.nav-menu.has-menu-3 .one .submenu ul>li a{min-width:81px}.nav-menu.has-menu-4 .one{width:70px}.nav-menu.has-menu-4 .one .submenu ul>li a{max-width:200px}.nav-menu .divide{display:inline-block;font-size:15px;width:1px;line-height:45px}.nav-on-bottom{bottom:0}.nav-on-bottom .nav-menu .submenu{bottom:54px}.nav-on-bottom .nav-menu .submenu .before-arrow{border-bottom:0;bottom:-5px}.nav-on-bottom .nav-menu .submenu .after-arrow{border-bottom:0;bottom:-6px}.style-1{background:#333}.style-1 .one .submenu{background:rgba(51,51,51,0.95)}.style-1.nav-on-top .submenu .before-arrow{border-bottom:6px solid #3c3c3c}.style-1 .one a{color:#f8f8f8}.style-1 .one .arrow-caret{border-color:transparent transparent #f8f8f8 transparent}.style-1 .one .submenu ul>li.line-divide{height:2px;background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAAECAYAAAAEXESSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUI1NTk2MjM0N0I2MTFFMzg4QTg4ODdBREIyODU0QUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUI1NTk2MjI0N0I2MTFFMzg4QTg4ODdBREIyODU0QUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI0QUFBRTQ3NDExNTExRTM5REJEODAxNjM3QTlDRDQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI0QUFBRTQ4NDExNTExRTM5REJEODAxNjM3QTlDRDQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+G+j7KAAAAHZJREFUeNrslEEOgCAMBCmUz/H/3wiiBEw2TUUSLxw6yWSXXpAeZNfxtzSyGUQPojdZ6ax0aVyYxYX+pfY9YaJ8t5RgRzT2RtCRComekJoFEnuGGZ6z0lc9fsze7i1KzpTvfqzeGcaGcErJtmBsh/0xjS25BBgAnqFQ7S0OlUQAAAAASUVORK5CYII=') no-repeat 50% 0;background-size:100% 2px}.style-1 .divide{background:#000;border-right:1px solid #444}.style-2{border:0;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ2QzExNjQwMzU3MTFFNDg0QTNBRDc5ODYzNkNENUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQ2QzExNjMwMzU3MTFFNDg0QTNBRDc5ODYzNkNENUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUNCNkIzRkUwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCNkIzRkYwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5cRClaAAAAHUlEQVR42mI4c+bMf4b///8zMDEAwSgxAgiAAAMAFgYHJWRqXOQAAAAASUVORK5CYII=') no-repeat #fafafa;background-size:100% 100px}.style-2 .one .submenu{border:1px solid #ccc;box-shadow:0 0 3px #fff inset;background-color:#fafafa;overflow:visible!important}.style-2.nav-on-bottom .submenu .before-arrow{border-top:6px solid #fafafa}.style-2.nav-on-bottom .submenu .after-arrow{border-top:6px solid #ccc}.style-2 .one a,.style-2 .one .arrow-caret{color:#333;font-weight:normal;text-shadow:0 0 2px #f5f5f5}.style-2 .one .arrow-caret{border-color:transparent transparent #333 transparent}.style-2 .one .submenu ul>li.line-divide{height:1px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCNkIzRkYwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCNkIzRkUwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUNCNkIzRjYwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCNkIzRjcwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wY3W+AAAAFUlEQVR42mI4c+bMf4b///8zAAQYACIbBmFhOkZCAAAAAElFTkSuQmCC') top left no-repeat;background-size:100% 2px}.style-2 .divide{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAACXBIWXMAAAsSAAALEgHS3X78AAADH3RFWHRYTUw6Y29tLmFkb2JlLnhtcAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDQjZCM0ZCMDM0RjExRTQ4NEEzQUQ3OTg2MzZDRDVGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDQjZCM0ZBMDM0RjExRTQ4NEEzQUQ3OTg2MzZDRDVGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDQjZCM0Y2MDM0RjExRTQ4NEEzQUQ3OTg2MzZDRDVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDQjZCM0Y3MDM0RjExRTQ4NEEzQUQ3OTg2MzZDRDVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ecxn0QAAABJJREFUCJljOHPmzP////8zAAAetwZh2SMYbAAAAABJRU5ErkJggg==') top left no-repeat;background-size:2px 100%}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (min-device-pixel-ratio:1.5){.style-2{background-size:100% 50px}.style-2 .one .submenu ul>li.line-divide{background-size:100% 1px}.style-2 .divide{background-size:1px 100%}div.shopnav .nav-menu::after,div.shopnav .nav-menu::before{background-size:1px 100%}}.home{float:left;display:inline-block;width:50px;height:45px;color:#333;font-size:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAACYElEQVR4Ae2VP0gcQRTG38Xj0KABFSHXbSUKKUysJKa6IinEJtkiaZIUNsKxu9+bg6sy1glcZyViaWJ5KWy00UJIECQB0eqaxJCgggYR/91leDd4/yTsqSmS7P5g+ebte++bndmbo+j6y64YXvMbiv2h7jrOM1wyzOi4prCETgzakOeS5X3QFlA4QqZlO3mZS1UsZzuzVOE8TvUQh8BP8icpLzID5m40PvtJnyxXM0AvF6TlkXqmSBGe4kiaFdALEq5kMIjvUrqHlL6BHHLmnuI9if3gQcm5vAFS2JfCLTWgW3lO9JxuVQO8JW+1j5S8wcTlDJ6UFwMbnhN0YcloAUtBl+dgQ/QRXGvRtME4n0rRSrbbc3jdqArrnpPt5hXRpyaTDBPNGbyys83rm7grC1IDvmXumSd5O9L2LcIZuC2YtI2mjH4o+9DIz+CR28JT1mLSbXGpkQtCOsFvy0Uyo5d8LPoijs3T8w3GO50IcVRkOnihvLJqTBE0F+u+D6tstAgNUmN2txYyHRmqpW6Y7sEHmc0BRnWcp6XsNwbCtI5jFAeiP6Z70lRNzcBzeFPab6uh8XaeNzqEgWF+vF0NYVv0pud4VKFK8h3+Yo+APnUbq6JDglVT0WePlK+mU+NXpO5jV5LX/KTXL6m1VM9fVB0Fr99P8ppY7GIYVIasGCmvIRbTtzDMO0Y3ZSDsZB6Y6kW7hyNVBvwcJxKe1YngMQ6NbtZAwCFcncCs6BO8sAbM9oTPUQwezoy+NDhTvumSY/vv0fhLLl0DVCEyiAz+MQOqIzKIDCKD/9Xg+okMQvAL5ltM153mYa8AAAAASUVORK5CYII=) no-repeat scroll center center;background-size:24px 24px;text-indent:-10000px;vertical-align:top}.home:hover{color:#333}.arrow-weixin{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASZJREFUeNpi/P//P8NAACaGAQKjFg9/i1lwSSQmJmITlgJiZSCWBmIeqNgXIH4KxPegNAqYP38+aRajAQEgtoFajA74oFgTiJ8B8REg/kCNoJYE4kAclmILkUCoHoosBvnUHYhZSYg+VqgeAUosdgBiNjLSDhtUL1kWgxKQGAUJVwxqBsmJSxlLCp2JzyZgTkjHYsZTUn0sRYXsKkWOj3mI8BEhwENOHP8dkJILCL6iZwky4vgLOT5+TQWPvSTHx7eBWJXCOL5Njo+fAPErCnz7CmoGWSXXASD+RYalv6B6yS4yQbXMTiD+TYKlv6F6PlBaOz0H4vVEBvsrqNrnlGQndJ9vAGIZIFaClkigwuEfNMu8gDYEnhAbLIyj7epRi4edxQABBgABCj5e5DKjngAAAABJRU5ErkJggg==) no-repeat scroll 0 0;display:inline-block;width:15px;height:15px;background-size:15px 15px;vertical-align:text-bottom}@media(max-width:319px){.home{width:40px!important}.nav-menu.has-menu-3 .one{width:28%!important;float:left;display:inline-block}.nav-menu.has-menu-3 .divide{float:left;display:inline-block}}@media(min-width:320px) and (max-width:359px){.shopnav{width:100%!important}.shopnav .nav-menu{width:100%!important}.nav-menu.has-menu-1 .one{width:295px}.nav-menu.has-menu-2 .one{width:145px}
    .nav-menu.has-menu-3 .one{width:25%!important}.form-control{font-size:12px;padding-left:8px;padding-top:8px}.address_defalut h3{padding:5px 15px 5px 10px}.order_info h3,.order_status{font-size:14px}
    .buy_area .fn_wrap .fn{font-size:16px;line-height:20px}}@media(min-width:360px) and (max-width:539px){.home{margin-left:3%}.shopnav{width:100%!important}
    .shopnav .nav-menu{width:100%!important}.nav-menu.has-menu-1 .one{width:295px}.nav-menu.has-menu-2 .one{width:145px}
    .nav-menu.has-menu-3 .one{width:25%!important}}@media(min-width:540px) and (max-width:639px){.home{margin-left:3%}.shopnav{width:100%;left:auto;margin-left:0}.shopnav .nav-menu{width:100%!important}.nav-menu.has-menu-1 .one{width:465px}
    .nav-menu.has-menu-2 .one{width:227px}
    .nav-menu.has-menu-3.one{width:25%!important}.nav-on-bottom{border-top-left-radius:5px;border-top-right-radius:5px;border-left-width:1px;border-right-width:1px}}@media(min-width:640px) and (max-width:767px){.home{margin-left:3%}.shopnav{width:100%;left:auto;margin-left:0}.nav-menu.has-menu-1 .one{width:520px}
    .nav-menu.has-menu-2 .one{width:280px}
    .nav-menu.has-menu-3.one{width:25%!important}.nav-on-bottom{border-top-left-radius:5px;border-top-right-radius:5px;border-left-width:1px;border-right-width:1px}}@media(min-width:768px){.home{margin-left:35px;margin-right:20px}.shopnav{width:768px;left:auto;margin-left:0}
    .nav-menu.has-menu-1 .one{width:690px}
    .nav-menu.has-menu-2 .one{width:340px}
    .nav-menu.has-menu-3 .one{width:200px!important}
    .shopnav .nav-menu::after,.shopnav .nav-menu::before{content:'';width:1px;height:45px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCNkIzRkIwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCNkIzRkEwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUNCNkIzRjYwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCNkIzRjcwMzRGMTFFNDg0QTNBRDc5ODYzNkNENUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YY+U6AAAAEklEQVR42mI4c+bMfyBgAAgwAB63BmH0fb+SAAAAAElFTkSuQmCC') top left no-repeat;background-size:2px 100%;display:block;position:absolute;top:0}.shopnav .nav-menu::before{left:0}.shopnav .nav-menu::after{right:0}
}
/*bottom end */

.btn1,.btn1:active,.btn1:hover{background:#152640;color:#8191a9}
.btn2,.btn2:active,.btn2:hover{background:#d22d3b}
.btn3,.btn3:active,.btn3:hover{background:#30476A;color:#8191a9}

.header {
    position: relative;
    padding-bottom: 10px;
}

.rules_text,.rules{
    position: absolute;
    top: 0;
    right: 13px;
    display: block;
    width:32px;
    height:42px;
    padding-top: 3px;
}
.rules {
    z-index:99;
    text-align: center;
    border-width:0 15px 7px 21px;
    border-color:#d22d3b #d22d3b transparent #d22d3b;
    border-style:solid;
}
.rules_text, .rules_text:visited, .rules_text:active{
    z-index: 100;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    width: 36px;
    padding: 5px;
    text-align:center;
}
.header img {
    position: relative;
    width: 100%;
}

.index-wrap {
    position: relative;
    margin-top:10px;
}
.read-bar {
    padding: 7px 15px;
    color: #facc49;
}
.menu-tab li {
    float: left;
    width: 33.33333%;
    height: 36px;
    text-align: center;
}

.menu-tab div {
    position: relative;
    margin: 0 5px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #8191a9;
    background: #101f37;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.menu-tab .tab-cur {
    height: 36px;
    line-height: 30px;
    color: #1fbbff;
    background: #152640;
    border-top: 2px solid #1fbbff;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.menu-tab li:first-child div {
    margin-right: 2.5px;
}

.menu-tab li:nth-child(2) div {
    margin: 0 2.5px;
}

.menu-tab li:last-child div {
    margin-left: 2.5px;
}

.menu-tab .tab-more-p {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}
.menu-tab .tab-more-p span{
    position: absolute;
    top: 6px;
    font-size: 19px;
}
.main-cont {
    padding:5px 0;
    width: 100%;
    background: #152640;
}
.search {
    position: relative;
    padding: 4px 91px 10px 11px;
    margin: 0 auto;
    height:42px;
    line-height: 28px;
}
.search-input {
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 0 11px;
    border-radius: 14px;
    height: 28px;
    border: 0;outline:0;
}
.search-btn {
    position: absolute;
    top:4px;
    right:10px;
    padding: 0 28px 0 12px;
    border-radius: 14px;
    width:70px;
    height:28px;
    color:#fff;
    text-align:center;
    background:#d22d3b url(./schbtn.png) no-repeat 45px center;
    background-size: 13px auto;
}
.advance {
    padding: 0 10px 0 36px;
    margin: 0 0 3px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
}
.advance .sound{
    position: absolute;
    top:3px;
    left:11px
}
.today-vote {
    float: right;
    color: #facc49;
    font-size:12px;
}
.advance p {
    color: #8191a9;
    display: none;
    -webkit-animation: advance-p 3s ease;
    font-size:12px;
}
.star-ul {
     position: relative;
     margin:10px;
 }
.star-ul li{
    float:left;
    width:48%;
    text-align: center;
    margin:5px 4% 5px 0;
    position: relative;
    background: #102039;
    padding: 8px 8px 0 8px;
}
.star-ul li:nth-child(2n){
    margin-right:0!important;
}
.star-ul .star-face{overflow:hidden;position:relative}
.star-ul .star-face span{display:block;margin-top:120%}
.star-ul .star-face img,.star-ul .star-face em{width:100%;display: block;position: absolute;left: 0;right: 0;
    top: 0;
    bottom: 0;
}
.star-ul .star-ranking{
    position: absolute;
    background: #30476A;
    color:#fff;
    font-size: 12px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    padding: 0 10px;
    right:8px;
    text-align: center;
    z-index:999;
}
.star-ul li.inrank:nth-of-type(1) .star-ranking{background: #d22d3b;color:#fff}
.star-ul li.inrank:nth-of-type(2) .star-ranking,.star-ul li.inrank:nth-of-type(3) .star-ranking{background:#facc49;color: #d22d3b}
.star-ul .cl{
    margin:8px 0;
}
.star-name{
    color: #facc49;
    font-weight:bold;
    font-size:14px;
    float:left;
}
.star-num{
    float:right;
    line-height:21px;
}

.vote_index{
    padding:10px 0;
}
.vote_index li {
    position: relative;
    margin:10px;
    padding: 9px 0 9px 9px;
    height:50px;
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    clear: both;
    background: #102039;
    border-radius: 2px;
    overflow: hidden;
}
.vote_index li p {
    float: left;
    overflow: hidden;
    color: #fff;
}
.vote_index li p:first-child {
    width: 10%;color:#fff;
}
.vote_index li:first-child p.p1{
    color: #d22d3b;
    font-weight:bold;
}
.vote_index li:nth-child(2) p.p2,
.vote_index li:nth-child(3) p.p3
{
    color: #facc49;
}
.vote_index li p.vote_face {
    width: 13%;
}
.vote_index li p.vote_face img {
    width: 32px;
    height: 32px;
    border-radius:100%;
}
.vote_index li p.vote_name a{
    color:#fff
}
.vote_index li.inrank p.vote_name a{
    color: #facc49;
}
.vote_index li p.vote_name {
    width: 21%;
    font-size: 14px;
    height: 34px;
    line-height: 1.2;
    font-weight: 700;
    -webkit-box-align: center;
    display: -webkit-box;
}
.vote_index li p.vote_num {
    width: 21%;
    text-align: right;
    color: #fff;
}
.vote_index li p.vote_vote {
    margin: 6px 0;
    width: 17%;
    height: 20px;
    line-height: 20px;
    color: #d22d3b;
    text-align: center;
    border-right: 1px solid #273854;
}
.vote_index li p.vote_share {
    margin: 6px 0;
    width: 17%;
    height: 20px;
    color: #1fbbff;
    line-height: 20px;
    text-align: center;
}
.topna{
    padding: 15px;
}
.topna li {
    float: left;
    width: 33.3333%;
    text-align: center;
    border-right: 1px solid #152640;
}
.topna li p{
    margin-bottom:5px;
}
.topna li span{
    color:#facc49;
    font-size:16px;
}
.topna li:last-child{
    border:0;
}
.cont1{
    padding: 15px 0 0;
}
.cont1 div.cont_content{
    padding:10px;
    clear:both;
    font-size:14px;
    overflow:hidden;
    word-wrap: break-word;
}
.cont1 .cont_title{
    background:#d22d3b;
    color:#fff;
    float:left;
    clear:both;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    height:24px;
    line-height:24px;
    padding:0 11px 0 11px;
    font-size:15px;
    text-decoration:none;
}
.baomingbtn {
    position: relative;
    left: 50%;
    margin: 0 0 0 -80px;
    width: 160px;
    height: 40px;
}
.baomingbtn .btn{
    width: 100%;
    height: 40px;
    font-size:18px;
    line-height: 32px;
}

.multi {
    padding:10px 10px 20px;
}
.multi .pg{
    display: -moz-box;
    display: -webkit-box;
    display: box;
}
.multi label, .multi .first{
    display:none;
}

.multi a, .multi strong{
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    display:block;
    text-align: center;
    line-height:36px;
    color: #fff;
    background:#102039;
    margin-right:8px;
    border-radius:2px;
}
.multi strong{color:#facc49}
.multi a:last-child,
.multi strong:last-child{
    margin-right:0;
}
.signtitle{
    padding: 10px;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    color:#fff;
}
.signupform input[type="text"], .signupform textarea{
    outline:0;
    border:0;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 0 11px;
    border-radius: 2px;
    height:35px;
    /*border: 2px solid #8191a9;*/
}
.signupform textarea{
    height:70px;resize:none;
}
.signupform{
    padding:20px;
}
.signupform li span{
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: block;
    margin:5px 0;
    line-height:35px;
    vertical-align: middle;
}
.signupform li span:first-child{
    width:20%;
}
.signupform li span:last-child{
    width:70%;
}
.signupform li {
    margin: 5px 0;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}
.signupform li p{display:block;
    padding: 10px 0;
    width: 100%;
}
.signupform .submitbtnli .btn{
    width:100%;
    height:40px;
    line-height: 32px;
    display:block;
    font-size: 18px;
}
.signupform .photolist div{
    position: relative;
    float:left;
    width:50px;
    height:50px;
    margin:0 10px 5px 0;
    text-align:center;
}
.signupform .photolist b{
    width:100%;height:100%;display:block;background-size:cover!important;
}
.signupform .photolist input[type="file"]{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
}
.signupform .photolist .close{
    height: 22px;
    width: 22px;
    top: -6px;
    left: -6px;
}
.signupform .photolist .photo{
    font-size:26px;
    line-height:50px;
    vertical-align: middle;
}
.signupform .gender{
    position:relative;
    width:46%;
    height:35px;
    background:#30476A;
    text-align: center;
    border-radius: 2px;
    margin-right:8%;
    color:#fff;
    float:left;
}
.signupform .gender:last-child{
    margin-right:0!important;
}
.signupform .gender [class^="icon-"],
.signupform .gender [class*=" icon-"]{
    position:absolute;
    top:10px;
}
.signupform .checked{
    background:#8191a9;
}
.signupform #photo{
    border:1px dashed #8191a9;
    border-radius:2px;
}

.closev{
    position: absolute;
    top: -8px;
    right: 8px;
    z-index: 99;
    background: #fff;
    border-radius: 50%;
    padding: 8px;}
.content1{position: relative;margin:20px;padding:15px;background:#152640;border-radius:2px}
.content1 img{max-width:100%;margin:10px auto 0;display:block;}
.content1 .title{margin:10px 0 20px;text-align:center;font-size:16px}
.content1 p{line-height:2}
.content1 .info{color:#facc49;font-size:18px}
.content1 .info span{color:#fff;float:right;font-size:18px}
.content1 .profile{word-wrap: break-word}
.content1 .profile b{color:#facc49}

.content1_bottom{padding:15px 50px}
.content1_bottom .btn{
    display: block;
    margin:10px auto;
    font-size:14px;
    padding:10px;
    color:#fff;
}
#wechat-mask{position:fixed;top:0;left:0;right:0;
    bottom:0;
    background:rgba(0,0,0,.5);
    z-index:99999;
    display:none;
}
#wechat-guider{
    background: url("guide_weixin.png") no-repeat right top;
    background-size: 240px auto;
    width: 100%;
    height: 300px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.advance p{color:#8191a9;display:none;-webkit-animation:advance-p 3s ease}

#SOHUCS{padding:20px!important;}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-moz-keyframes rotating{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
#audio_btn {position:fixed;right:15px;top:35px;z-index:9999;display: none;width:50px;height:50px;background-repeat: no-repeat;}
.play_yinfu {background-image: url(./music.gif);background-repeat: no-repeat;background-position: center center;background-size:50px 50px;}
.rotate {position: absolute;left:10px;top:10px;width:30px;height:30px;background-size: 100% 100%;background-image: url(./music_off.png);-webkit-animation:rotating 1.2s linear infinite;-moz-animation:rotating 1.2s linear infinite;-o-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}
.off {background-image: url(./music_off.png);background-size:30px 30px;background-repeat: no-repeat;background-position: center center;}



.mask {position: fixed;left: 0;top: 0;right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index:99998; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: none;}
.mask .modal {background-color: #fff;border-radius: 5px;text-align: center;margin:0 28px;padding:30px 15px;  }
.mask .modal h2 {font-size: 18px;padding-bottom: 12px;}
.mask .modal .btns ,.alltip .btns {display: block;height:34px;line-height:34px;text-align: center;color: #fff;background-color: #d22d3b;margin: 15px 30px 0;border-radius: 4px;z-index: 999999;font-size:14px}
.alltip {
    width: -webkit-calc(100% - 56px);
    margin:0 28px;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    position: relative;
    padding:35px 10px;
    max-width:300px;
}
.close {
    width: 28px;
    height: 28px;
    border-radius:100%;
    position: absolute;
    top: -12px;
    right: -12px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFOEFBRURFMzc3QzUxMUU1OEQzQkJFRjJCMEQ3M0M0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFOEFBRURFNDc3QzUxMUU1OEQzQkJFRjJCMEQ3M0M0NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4QUFFREUxNzdDNTExRTU4RDNCQkVGMkIwRDczQzQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU4QUFFREUyNzdDNTExRTU4RDNCQkVGMkIwRDczQzQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nIIsUQAAAQRJREFUeNqs1c8KAVEUx/HbNcVW2HkD2djZiXew8OcBKB6GYjslykNIFvYW7C3GBmWtiN/RVZpm7pxzc+u7mJs+TePcGc/3fYWVQTl0Un9YGmXRFh1R09GhGxoY64N2UQV5aOEAF9AGjdAKpbWBDuYHKSFM4BqVzHWZ9gi9oroDHAafqIMCbTbOQjgKbKPl95kqIWwFwygHTgSjUBvc44BxaBw84YA2NApWHDAJpfUS7iei4T9FcedYC+awz51jLRjsKfeAaOFgsw6IlpwULqyFIAsmNC8EbfAcFQltOYBx8B5dCJ2hHXoIwV+4hoaoge70CbmhqnkMgeM3il704+/FW4ABAFo2aVIKTmnmAAAAAElFTkSuQmCC) no-repeat center #fff;
    background-size: 11px;
}.alltip h2 {
     padding: 15px 0;
     font-size: 16px;line-height:24px}


.guanzhubody{}
.guanzhu { clear: both; overflow: hidden; text-align: center;}
.guanzhu h2 { color: #fff; padding: 10px; text-align: left;font-weight:bold}
.guanzhu h3 { color: #d22d3b; padding-top: 15px;}
.guanzhu p {  padding: 5px 0;}
.guanzhu .btnm { height: 40px; border:dashed 1px #facc49;color:#facc49; display: inline-block;line-height:38px; padding: 0 18px; margin: 10px 0 6px; font-weight: bold;}
.cont1 div.cont_content img{max-width:100%;}

.bottom2{z-index: 99997; width:100%; height:50px; position:fixed; bottom:0; left:0; background-color:#152640;}
.bottom2 li{ color:#fff; text-align:center; width:25%; padding-top:26px; height:24px; line-height:24px; float:left;}
.b_li1{ background:url(./cj_btn.png) center 3px no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px;}
.b_li2{ background:url(./cs_btn.png) center 3px no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px;}
.b_li3{ background:url(./ph_btn.png) center 3px no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px;}
.b_li4{ background:url(./scroll_top.png) center 3px no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px;}
.b_li5{ background:url(./rule_btn.png) center 3px no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px;}