/* 未能缩小。正在返回未缩小的内容。
(7259,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

@charset "utf-8";.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;}.swiper-container-no-flexbox .swiper-slide{float:left;}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto;}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height;}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x;}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'#fe4f50'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto;}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'#000000'%2F%3E%3C%2Fsvg%3E");}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'#ffffff'%2F%3E%3C%2Fsvg%3E");}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'#fe4f50'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto;}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'#000000'%2F%3E%3C%2Fsvg%3E");}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'#ffffff'%2F%3E%3C%2Fsvg%3E");}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}.swiper-pagination.swiper-pagination-hidden{opacity:0;}.swiper-pagination-bullet{width:25px;height:4px;display:inline-block;border-radius:5px;background:#000;opacity:.4;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}.swiper-pagination-white .swiper-pagination-bullet{background:#fff;}.swiper-pagination-bullet-active{opacity:1;background:#fe4f50;}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000;}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block;}.swiper-container-horizontal>.swiper-pagination{bottom:5px;left:0;width:100%;}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px;}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px;}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}.swiper-container-fade .swiper-slide{pointer-events:none;}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}.swiper-container-cube{overflow:visible;}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1;}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible;}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0;}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1);}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0;}.swiper-scrollbar-cursor-drag{cursor:move;}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite;}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg);}}
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}
/*html5 rest*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1; /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
}

.btn-primary, .btn-primary:visited, .top-state .icon-left, #ajax-wrap #scroller, .t-s-dropdown-txt {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    padding: 1em 0.8em;
    border: none;
    box-sizing: border-box;
    width: 100%;
}

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0;
    }

.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }

img {
    max-width: 100% !important;
}

a, a:hover, a:active {
    text-decoration: none;
}

    a:focus {
        outline: none;
    }

.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inline li {
    display: inline;
}

.ui-page {
    -webkit-backface-visibility: hidden;
}
/*global*/
html, body {
    min-width: 320px;
    width: 100%;
}
body .page{
    overflow:hidden;
}

    html.ajax-active body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

.home .page {
    max-width: 700px;
    margin: 0 auto;
}

body {
    -webkit-font-smoothing: antialiased;
    padding-top: 45px;
    font-family: "Oxygen", Arial, "Hiragino Sans GB ", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
    background: #ebebeb;
    font-size: 16px;
    font-weight: 300;
    color: #333;
}

    body.home {
    }

.imgLiquidFill {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
}

a, a:visited {
    color: #818181;
}

    a.list-link {
        display: block;
    }

    a.highlight {
        background: #eee;
    }

.container {
    padding: 0 0.8em;
}

.container-tb {
    padding: 20px 0.8em;
}

.a-center {
    text-align: center;
}

.block-white {
    background: #f6f6f6;
}

.no-header {
    padding-top: 0;
}

.unveil, .unveil-slider {
    position: relative;
    z-index: 2;
}

.a-content .unveil {
    opacity: 1;
}

.unveil-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    text-align: center;
}

.news-list-topic .unveil-bg {
    text-align: left;
}

.ajax-active {
    overflow: hidden;
}

.main-with-padding {
    padding: 10px 0 20px;
}

.main-no-padding-top {
    padding-top: 0;
}

.no-padding {
    padding: 0;
}

.avatar {
    border-radius: 360%;
}

.hide {
    display: none;
}
/*arrow bottom*/
.arrow-box.arrow-box-bottom:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
/*button*/
.btn {
    margin: 0;
    display: inline-block;
    border: 1px solid #c9c9c9;
    color: #333;
    padding: 1em 2em;
    line-height: normal;
    border-radius: 3px;
    box-sizing: border-box;
    background-clip: padding-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 4px 10px;
    line-height: 32px;
    letter-spacing: 0;
    vertical-align: middle;
}

    .btn:focus {
        outline: 0;
    }

.btn-hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.btn:visited {
    color: #333;
}

.btn-white {
    border-color: #fff;
}

.btn-green {
    background-color: #26C281;
    color: #fff;
}

    .btn-white, .btn-white:visited, .btn-green, .btn-green:visited {
        color: #fff;
    }

.btn:disabled, .btn[disabled], .btn-disable {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.btn-block {
    width: 100%;
    display: block;
    text-align: center;
}

.btn-fill {
    border: none;
}

    .btn-fill.btn-stable {
        background: #e5e5e5;
    }

.btn-round {
    border-radius: 40px;
    padding: 0 20px;
    font-size: 14px;
}

.btn-sml {
    padding: 0.5em;
}

.btn-super-sml {
    padding: 0.2em 0.5em;
    line-height: normal;
}

    .btn-super-sml span {
        font-size: 0.9em;
    }

.btn-primary, .btn-primary:visited {
    border-color: #1284ff;
    color: #1284ff;
    background: #1284ff;
    color: #fff;
}

    .btn-primary:active {
        background-color: #1284ff;
    }

    .btn-primary:active, .btn-green:active {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        opacity: 0.5;
    }

.btn-white, .btn-white:visited {
    border-color: #f6f6f6;
    color: #f6f6f6;
}

.btn-fill.btn-red {
    background-color: #D91E18;
    color: #fff;
}

.btn-red {
    border-color: #D91E18;
}

.moni-input {
    width: 100%;
    border-radius: 40px;
    box-sizing: border-box;
    font-size: 14px; /*background:#ececec;*/
    background: #e1e1e1;
    color: #9e9e9e;
    padding-left: 40px;
    height: 35px;
    line-height: 35px;
}
/*icon font*/
@font-face {
    font-family: 'chemm-mobile';
    src: url('/fonts/chemm-mobile.eot?-ixe3ex?20150214');
    src: url('/fonts/chemm-mobile.eot?#iefix-ixe3ex?20150214') format('embedded-opentype'),
        url('/fonts/chemm-mobile.woff?-ixe3ex?20150214') format('woff'),
        url('/fonts/chemm-mobile.ttf?-ixe3ex?20150214') format('truetype'),
        url('/fonts/chemm-mobile.svg?-ixe3ex#chemm-mobile?20150214') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'chemm-mobile';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon {
    display: inline-block;
}

.icon-arrow:before {
    content: "\e600";
}

.icon-faxian:before {
    content: "\e601";
}

.icon-user:before {
    content: "\e602";
}

.icon-back:before {
    content: "\e603";
}

.icon-comment:before {
    content: "\e609";
}

.icon-love:before {
    content: "\e604";
}

.icon-search:before {
    content: "\e60c";
}

.icon-share:before {
    content: "\e617";
}

.icon-write:before {
    content: "\e607";
}

.icon-like:before {
    content: "\e606";
}

.icon-love-fill:before {
    content: "\e608";
}

.icon-secure:before {
    content: "\e60a";
}

.icon-reload:before {
    content: "\e60b";
}

.icon-phone:before {
    content: "\e60d";
}

.icon-clock:before {
    content: "\e60e";
}

.icon-user-f:before {
    content: "\e605";
}

.icon-star:before {
    content: "\e610";
}

.icon-star-fill:before {
    content: "\e60f";
}

.icon-article:before {
    content: "\e611";
}

.icon-camera:before {
    content: "\e612";
}

.icon-plus:before {
    content: "\e613";
}

.icon-eye:before {
    content: "\e614";
}

.icon-location:before {
    content: "\e615";
}

.icon-microphone:before {
    content: "\e616";
}

.icon-trash:before {
    content: "\e618";
}

.icon-correct:before {
    content: "\e619";
}

.icon-question:before {
    content: "\e61a";
}

.icon-wechat:before {
    content: "\e61b";
}

.icon-tag:before {
    content: "\e61c";
}

.icon-star-fill {
    color: #F89406;
}

.icon-round-arrow {
    background: #ccc;
    width: 1.1em;
    height: 1.1em;
    line-height: 1.1em;
    text-align: center;
    display: inline-block;
    border-radius: 360%;
    position: relative;
    top: 1px;
}

    .icon-round-arrow .icon {
        color: #f6f6f6;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        font-size: 4px;
        position: relative;
        top: -3px;
    }

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
}
/*fixedsticky*/
.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}

.fixedsticky-withoutfixedfixed .fixedsticky-off, .fixed-supported .fixedsticky-off {
    position: static;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on, .fixed-supported .fixedsticky-on {
    position: fixed;
}

.fixedsticky-dummy {
    display: none;
}

.fixedsticky-on + .fixedsticky-dummy {
    display: block;
}

.native-sticky, .native-sticky * {
    overflow: visible;
}
/*button bar*/
.button-bar {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 17px;
    display: table;
    table-layout: fixed;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0;
    border: none;
}

.button-bar__item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 17px;
    display: table-cell;
    width: auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    position: relative;
    overflow: hidden;
    padding: 0;
    position: relative;
    overflow: hidden;
}

    .button-bar__item > input {
        position: absolute;
        overflow: hidden;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 0;
        border: 0;
        opacity: .001;
        z-index: 1;
        vertical-align: top;
        outline: none;
        width: 100%;
        height: 100%;
        margin: 0;
        -webkit-appearance: none;
        appearance: none;
    }

    .button-bar__item:first-child > .button-bar__button {
        border-left: 1px solid #F64747;
        border-right: 1px solid #F64747;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .button-bar__item:last-child > .button-bar__button {
        border-right: 1px solid #F64747;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.button-bar__button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 17px;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background-color: transparent;
    color: #F64747;
    border: 0 solid #F64747;
    border-top: 1px solid #F64747;
    border-bottom: 1px solid #F64747;
    border-right: 1px solid #F64747;
    font-weight: 400;
    padding: 0 8px;
    height: 27px;
    line-height: 27px;
    font-size: 13px;
    width: 100%;
    -webkit-transition: background-color .2s linear,color .2s linear;
    -moz-transition: background-color .2s linear,color .2s linear;
    -o-transition: background-color .2s linear,color .2s linear;
    transition: background-color .2s linear,color .2s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .button-bar__button:active, :active + .button-bar__button {
        background-color: rgba(246,71,71,0.2);
        border: 0 solid #F64747;
        border-top: 1px solid #F64747;
        border-bottom: 1px solid #F64747;
        border-right: 1px solid #F64747;
        height: 27px;
        line-height: 27px;
        font-size: 13px;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.button-bar__item.active > .button-bar__button, :checked + .button-bar__button {
    background-color: #F64747;
    color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.button-bar__button:disabled {
    opacity: .3;
    cursor: default;
    pointer-events: none;
}

.button-bar__button:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.button-bar__button:focus {
    outline: 0;
}

.button-bar-wrap {
    height: 48px;
    line-height: 48px;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
/*checkbox list item componsent*/
.checkbox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    margin: 10px 0;
}

    .checkbox > .checkbox__checkmark {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        display: inline-block;
        vertical-align: top;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: 'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 400;
        font-size: 17px;
        position: relative;
        overflow: hidden;
        height: 24px;
        pointer-events: none;
    }

    .checkbox > input[type="checkbox"] {
        position: absolute;
        overflow: hidden;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 0;
        border: 0;
        opacity: .001;
        z-index: 1;
        vertical-align: top;
        outline: none;
        width: 100%;
        height: 100%;
        margin: 0;
        -webkit-appearance: none;
        appearance: none;
        height: 0;
        width: 0;
    }

        .checkbox > input[type="checkbox"]:checked {
            background: rgba(24,103,194,0.81);
        }

            .checkbox > input[type="checkbox"]:checked + .checkbox__checkmark:before {
                background: rgba(24,103,194,0.81);
                border: 1px solid rgba(24,103,194,0.81);
            }

            .checkbox > input[type="checkbox"]:checked + .checkbox__checkmark:after {
                opacity: 1;
            }

    .checkbox > .checkbox__checkmark:before {
        content: '';
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 24px;
        height: 24px;
        background: transparent;
        border: 1px solid rgba(24,103,194,0.81);
        -webkit-border-radius: 16px;
        border-radius: 16px;
        -webkit-box-shadow: none;
        box-shadow: none;
        left: 0;
    }

    .checkbox > .checkbox__checkmark {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        display: inline-block;
        vertical-align: top;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: 'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 400;
        font-size: 17px;
        position: relative;
        overflow: hidden;
        width: 24px;
        height: 24px;
    }

        .checkbox > .checkbox__checkmark:after {
            content: '';
            position: absolute;
            top: 6px;
            left: 5px;
            width: 12px;
            height: 6px;
            background: transparent;
            border: 3px solid #fff;
            border-width: 2px;
            border-top: none;
            border-right: none;
            -webkit-border-radius: 0;
            border-radius: 0;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            opacity: 0;
        }

    .checkbox > input[type="checkbox"]:focus + .checkbox__checkmark:before {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .checkbox > input[type="checkbox"]:disabled + .checkbox__checkmark {
        opacity: .3;
        cursor: default;
        pointer-events: none;
    }

    .checkbox > input[type="checkbox"]:disabled:active + .checkbox__checkmark:before {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.list--noborder {
    border-top: none;
    border-bottom: none;
}

.list__header {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    font-size: 15px;
    font-weight: 500;
    background-color: #eee;
    color: #1f1f21;
    text-shadow: none;
    border-top: none;
    border-bottom: none;
    min-height: 24px;
    line-height: 24px;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .list__header:first-child {
        border-top: none;
        -webkit-background-size: 100% 1px;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: top;
        background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
        background-image: -moz-linear-gradient(270deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
        background-image: -o-linear-gradient(270deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
        background-image: linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
    }
}

.list {
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
    line-height: normal;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 17px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: left;
    overflow: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .list {
        border: none;
        -webkit-background-size: 100% 1px,100% 1px;
        background-size: 100% 1px,100% 1px;
        background-repeat: no-repeat;
        background-position: bottom,top;
        background-image: -webkit-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%),-webkit-linear-gradient(270deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -moz-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%),-moz-linear-gradient(270deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -o-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%),-o-linear-gradient(270deg,#ddd,#ddd 50%,transparent 50%);
        background-image: linear-gradient(0deg,#ddd,#ddd 50%,transparent 50%),linear-gradient(180deg,#ddd,#ddd 50%,transparent 50%);
    }
}

.list__item {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
    border-top: none;
    border-bottom: 1px solid #ddd;
    color: #1f1f21;
    background-color: transparent;
    min-height: 44px;
    line-height: 44px;
}

.list__item--no-padding {
    padding: 0;
}

.list__item__line-height, .list__item--line-height {
    line-height: 44px;
}

.list__item_active:active {
    background-color: #d9d9d9;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.list__item:first-child {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.list__item:last-child {
    border-bottom: none;
}

.list__item:first-child:last-child {
    border-top: none;
    border-bottom: none;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .list__item:not(:last-child) {
        border-bottom: none;
        -webkit-background-size: 100% 1px;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: bottom;
        background-image: -webkit-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -moz-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -o-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%);
        background-image: linear-gradient(0deg,#ddd,#ddd 50%,transparent 50%);
    }
}

.list__item--tappable {
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

    .list__item--tappable:active {
        background-color: #d9d9d9;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .list__item--tappable:hover {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.checkbox--list-item {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    line-height: 44px;
}

.checkbox--list-item__checkmark {
    margin-top: 10px;
}

.checkbox--list-item__checkmark__right {
    float: right;
    margin-right: 0;
}
/*alert box*/
.tools-alert {
    padding: 12px 15px;
    background: #f7f8f8;
    color: #0f0f0f;
    margin-bottom: 1.65em;
    font-size: 14px;
    text-align: center;
}

    .tools-alert.animated {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .tools-alert p {
        margin-bottom: 0 !important;
        line-height: 1.5;
    }

.tools-message {
    line-height: 1.5;
    font-size: 95%;
    padding: 12px 15px;
    color: #0f0f0f;
    background: #e0e3e5;
}

    .tools-message ul {
        margin: 0;
        list-style: none;
    }

.tools-message-black, .tools-message-blue, .tools-message-red, .tools-message-green {
    color: rgba(255,255,255,0.95);
}

.tools-message-black {
    background: #eee;
    color: #555;
}

.tools-message-blue {
    background: #59ABE3;
}

.tools-message-red {
    background: #E08283;
}

.tools-message-yellow {
    background: #F5D76E;
}

.tools-message-green {
    background: #00B16A;
}

.tools-alert-black {
    background: #eee;
    color: #555;
}

.tools-alert-blue {
    background: #59ABE3;
    color: #fff;
}

.tools-alert-red {
    background: #E08283;
    color: #fff;
}

.tools-alert-yellow {
    background: #F5D76E;
    color: #555;
}

.tools-alert-green {
    background: #00B16A;
    color: #fff;
}
/*head room*/
.animated {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -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);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        ransform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.3,1.3,1.3);
        transform: scale3d(1.3,1.3,1.3);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-180deg);
        transform: rotate3d(0,0,1,-180deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-180deg);
        transform: rotate3d(0,0,1,-180deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.label {
    background: #E74C3C;
    color: #fff;
    display: inline-block;
    padding: 0.8em;
    border-radius: 30px;
    line-height: 1;
}

.label-sml {
    padding: 0.2em 0.5em;
}

    .label-sml b {
        font-weight: normal;
        font-size: 10px;
    }

.label-primary {
    background: #CF000F;
    color: #f6f6f6;
}
/*form*/
/*form textarea.error,form input.error {background-color:rgba(198,15,19,0.1) !important;}*/
.input_underline input, .input_underline textarea {
    background: none;
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
    padding: 10px 12px;
    margin-bottom: 10px;
    line-height: 18px;
}

.input_underline .input-wrapper .icon {
    font-size: 22px;
    top: 10px;
}

.input_underline .input-wrapper input {
    padding-left: 3em !important;
}

.white-input-bg {
    background: #fff;
}

    .white-input-bg input, .white-input-bg textarea {
        background: #fff;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .white-input-bg textarea {
        border-bottom: none;
        height: 100px;
    }

.input-round {
    border-radius: 3px;
    font-size: 14px;
    height: 31px;
    vertical-align: top;
}

.input-wrapper {
    position: relative;
    line-height: normal;
}

    .input-wrapper .icon {
        position: absolute;
        top: 0.5em;
        left: 0.5em;
        font-size: 18px;
        color: #b2b2b2;
        z-index: 2;
    }

    .input-wrapper .icon-phone {
        left: 0.6em;
    }

    .input-wrapper .input-round-icon {
        left: 0.8em;
    }

    .input-wrapper input {
        padding-left: 2.8em !important;
    }

.input-clear-btn {
    padding: 10px;
    position: absolute;
    top: -13px;
    right: 0;
}

    .input-clear-btn span {
        width: 15px;
        height: 15px;
        background: #9f9f9f;
        color: #fff;
        border-radius: 360%;
        display: inline-block;
        text-align: center;
        font-size: 11px;
        line-height: 15px;
    }

.input-wrapper .input-l-text {
    font-size: 16px;
    position: absolute;
    top: 12px;
}
/*header*/
.header, #ajax-wrap .header {
    height: 3.3em;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    padding-top: 0;
    border-bottom: 1px solid #ccc;
    color: #8f8f8f;
}

.home .header {
    height: 42px;
    border-bottom: none;
}

.main-menu-wrap {
    position: relative;
    height: 45px;
    line-height: 45px;
    background: #f6f6f6;
    z-index: 0;
    overflow: hidden;
}

.ajax-active .main-menu-wrap {
    overflow: visible;
}

.main-menu, .sub-menu {
    text-align: center;
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

    .main-menu ul, .sub-menu ul {
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

    .main-menu li, .sub-emnu li {
        font-size: 14px;
        float: none;
        display: inline-block;
        padding: 0;
        width: 20%;
    }

    .sub-menu li {
        width: 14.2%;
    }


/*sub menu*/
.sub-menu-wrap {
    height: 36px;
    line-height: 36px;
    border-top: 1px solid #e8e8e8;
    overflow: hidden;
}

.sub-menu { /*width:0px;position:relative;float:left;*/
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

    .sub-menu li.active a {
        color: #E08283;
        font-weight: 700;
    }

        .sub-menu li.active a span {
            border-bottom: 2px solid #E08283;
            padding-bottom: 8px;
        }

    .sub-menu li a span {
        font-size: 14px;
    }

.expand .icon-round-arrow {
    display: none;
}

#all-sub span {
    padding-left: 0.8em;
}

.top-bar {
    height: 46px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background-color: rgba(255, 51, 52, 0.95);
    color: #f6f6f6;
}

    .top-bar a {
        color: #f6f6f6;
        display: inline-block;
    }

.logo img {
    height: 32px;
    padding-top: 8px;
}

.top-bar .icon {
    font-size: 24px;
}

.top-bar .a-right .icon {
    font-size: 21px;
}

.top-bar .a-left, .top-bar .a-right {
    position: absolute;
    top: 0;
}

    .top-bar .a-left a, .top-bar .a-right a {
        padding: 14px 0.8em;
    }

.top-bar .a-left {
    left: 0;
}

.top-bar .a-right {
    right: 0;
}

.header .more-menu {
    position: absolute;
    z-index: 2;
    color: #666;
    top: 0;
    right: 0;
    display: none;
}

    .header .more-menu .g-r-ajax {
        padding: 0.45em 0.8em;
        display: block;
    }

    .header .more-menu .icon {
        position: relative;
        top: -1px;
    }

    .header .more-menu .icon {
        font-size: 8px;
    }
/*scrollable*/
/*.android .scrollable-menu-wrap {margin-top:4px;}*/
.scrollable-menu-bar {
    height: 37px;
    box-sizing: border-box;
}

.scrollable-menu::-webkit-scrollbar {
    display: none;
}

.scrollable-menu {
    overflow: hidden;
    overflow-x: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.scrollable-menu-list {
    white-space: nowrap;
}

    .scrollable-menu-list .active {
        color: #CF000F;
    }

    .scrollable-menu-list a {
        white-space: nowrap;
        display: inline-block;
        padding: 0 10px;
        line-height: 26px;
        height: 26px;
        margin: 5px 0 5px 5px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        font-size: 14px;
        -webkit-user-select: none;
    }

.scrollable-menu-more {
    float: right;
    position: relative;
}

    .scrollable-menu-more .list-shadow {
        position: absolute;
        width: 10px;
        height: 37px;
        left: -10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXCAQAAACjUt0DAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABIAAABXAK421QoAAAFiSURBVEjH1ZbbtoMgDERnKP//yaYPVSAhF077dHQtamU7k0RKAxwcPCF4ItF+tWMNsVZS91uJhNlRX7FGPMgizOrEObJSiZUUAnRkR6q0qnErm7Lhc9UDBaXUt0kN0FOaOo4SQ5BRCahOA3HT5KwTE50GZhV37VazJKYljjE2SE+sPsittC1XW/FmgNVsZJcvuhvrAbLqffNadPXLYgaLzs8wWSo6rk9FYdeBUW/x1DRswfS6ysuNlcDZ7ssTSCpIfDsZn/J8b+Omh8pjR/X8DkuWndwnINpOlukFbtvzVslAEmF+TCMaCC4fkr8oKUgVzmQ4IBojHfqFqwd28O0S6AXA7ib2P+HOTlzLcXZ3+tFz6yRObiOmGY+3k6ev5XN97Uq7FoCXkl5HTrT6tQiw2u1aY/TrZF551jyMFPZiOqW1O5zXiJx1PV/2Tw52tD8ddYc/9Zlq7qhBrlrtuhX/98cbycGBFpNaiv0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDItMjdUMTc6NDQ6NDErMDg6MDDFbrv7AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTAyLTI3VDE3OjQ0OjQxKzA4OjAwtDMDRwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) no-repeat center right;
        background-size: contain;
    }

    .scrollable-menu-more .more-btn {
        display: block;
        width: 45px;
        height: 37px;
        text-align: center;
    }

        .scrollable-menu-more .more-btn .icon {
            font-size: 8px;
        }
/*slideshow*/
.slideshow {
    background: #eee;
    text-align: center;
    overflow: hidden;
    height: 100px;
}

    .slideshow img {
        text-align: center;
        vertical-align: top;
    }

    .slideshow li {
        background: #eee;
        position: relative;
    }

        .slideshow ul, .slideshow li, .slideshow li div {
            height: 100%;
        }

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
    height: 100%;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }

    .bx-wrapper .bx-viewport {
        background: #eee;
        height: 100% !important;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-controls {
        position: absolute;
        bottom: 13px;
        right: 0;
    }

        .bx-wrapper .bx-controls .bx-pager {
            padding-right: 0.8em;
            width: auto;
            float: right;
        }

    .bx-wrapper .bx-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 99;
        opacity: 1;
        filter: Alpha(Opacity=60);
        background-color: transparent;
        padding: 6px;
        background-position: center;
        margin-top: -17px;
        margin-left: -17px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        color: #666;
    }

        .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: transparent;
            text-indent: -999em;
            display: block;
            width: 4px;
            height: 4px;
            overflow: hidden;
            margin: 0 3px;
            outline: 0;
            background: #a0a0a0;
            border-radius: 360%;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #333;
            }

.fixed-height {
    height: 310px !important;
}

.bx-clone {
    display: none;
}

.slideshow .bx-caption {
    position: absolute;
    bottom: -33px;
    left: 0;
    width: 100%;
    height: 33px;
    line-height: 33px;
    text-align: left;
    padding: 0 0.8em;
    box-sizing: border-box;
    z-index: 2;
    background-color: #e9e9e9;
}
/*home feature*/
.home-feature {
    padding: 10px 0;
    background: #f6f6f6;
    border-bottom: 1px solid #e9e9e9;
}

    .home-feature li {
        text-align: center;
        float: left;
        width: 25%;
    }

        .home-feature li a {
            display: block;
        }

        .home-feature li img {
            width: 30px;
        }

        .home-feature li .img-wrap {
            width: 30px;
            height: 30px;
            margin: auto;
            text-align: center;
            background: #e4e4e4;
            border-radius: 360%;
        }

    .home-feature .title {
        display: block;
        padding-top: 5px;
        font-size: 0.9em;
    }
/*news list*/
.news-list .each, .news-list-gallery .each, .news-list-topic .each {
    display: block;
    padding: 0.8em;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}

    .news-list .each .list-img {
        width: 90px;
        height: 60px;
        overflow: hidden;
        background: #eee;
        float: left;
        margin-right: 0.8em;
        position: relative;
    }

        .news-list .each .list-img .unveil {
            width: 90px;
            height: 60px;
        }

.news-li-title, .news-li-g-title, .txt-list .title {
    font-size: 1.2em;
    color: #333;
    line-height: 1.4;
}

.news-list a:visited .news-li-title {
    color: #aaa;
}

.news-li-g-title {
    overflow: hidden;
    texttext-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}

.news-list .news-date, .news-list .news-catalog {
    color: #aaa;
    position: absolute;
    bottom: 0.9em;
}

.news-list .news-date {
    left: 110px;
}

.news-list .news-catalog {
    left: 190px;
}

.news-list .news-date span, .tags a span, .txt-list .date, .comments .c-author-date {
    font-size: 1em;
}

.news-list .tags, .news-list-gallery .tags {
    position: absolute;
    right: 0.8em;
}

.news-list .tags {
    bottom: 0.8em;
}

.tags .tag {
    display: inline-block;
    border-radius: 40px;
    border: 1px solid #c9c9c9;
    padding: 0.4em 0.8em;
    margin-right: 3px;
}

.tags .primary-tag {
    border-color: #D64541;
}

.tags .tag-sml {
    padding: 0.1em 0.3em;
}

.tags .tag-topic {
    border-color: #ff8986;
}

    .tags .tag-topic span {
        color: #D64541 !important;
    }

.tags .tag-large {
    padding: 0.6em 1.5em;
}

    .tags .tag-large span, .tags-list .cant-del span {
        font-size: 1.1em;
    }

.tags a:last-child .tag {
    margin-right: 0;
}

.tags .tag span {
    color: #333;
}

.tags .zhuanti {
    border-color: #D64541;
}

.news-list .tags .tag span {
    color: #aaa;
}

.news-list .tags .primary-tag span {
    color: #D64541;
}

.tags a .tag {
    border-color: #cfcfcf;
}

    .tags a .tag span {
        color: #333;
    }

.news-list-gallery .tags {
    top: 1em;
}

.news-list-gallery .gallery-imgs {
    padding-top: 8px;
    text-align: center;
}

.news-list-gallery .gallery-img {
    width: 193px;
    display: inline-block;
    background: #eee;
    overflow: hidden;
    position: relative;
}

    .news-list-gallery .gallery-img img {
        position: relative;
        z-index: 2;
    }

    .news-list-gallery .gallery-img:last-child {
        margin-right: 0;
    }

.author {
    position: absolute;
    bottom: -15px;
    left: 0.8em;
    z-index: 2;
    width: 100%;
}

    .author .author-img {
        position: relative;
    }

        .author .author-img, .author .author-img img {
            width: 60px;
            height: 60px;
            border-radius: 360%;
            background: #f6f6f6;
            float: left;
            overflow: hidden;
            border: 1px solid #e9e9e9;
        }

    .author .author-title {
        display: inline-block;
        padding: 20px 0 0 5px;
    }

.topic-img {
    position: relative;
}

.news-list-topic .news-li-g-title {
    padding-bottom: 0.3em;
}

.news-list-topic .des p {
    line-height: 1.5;
    color: #aaa;
    padding-top: 0.3em;
}

.post-ad .news-li-g-title {
    padding: 0.3em 0 0;
}

.post-ad {
    border-bottom: 1px solid #e9e9e9;
    padding: 0.8em;
}

.article-page .post-ad, .ajax-active #wrapper .post-ad {
    border-bottom: none;
    border-top: 1px solid #e9e9e9;
    padding: 1em 0;
    margin-top: -0.5em;
}

.a-block.post-ad, .ajax-active #wrapper .a-block.post-ad {
    border-top: 10px solid #ebebeb;
    padding: 0;
    margin: 0;
}

.ajax-active #wrapper .post-ad {
    border-top: none;
}

#list-loading {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    clear: both;
    position: relative;
}

#infscr-loading {
    display: block !important;
    position: absolute;
    opacity: 1 !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #f1f3f5;
}

    #infscr-loading div {
        display: inline-block;
    }

    #infscr-loading img {
        width: 18px;
        height: 18px;
        display: inline-block;
        position: relative;
        top: 5px;
        left: -8px;
    }

    #infscr-loading em {
        font-style: normal;
    }
/*ajax*/
#ajax-wrap, #ajax-comment-wrap, #ajax-wrap .a-wrap, #ajax-comment-wrap #comments-wrap, .app-slide {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    opacity: 0;
}

    #ajax-wrap .a-wrap.active {
        opacity: 1;
    }

    .ajax-active #ajax-wrap, #ajax-comment-wrap.active, .app-slide.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    #ajax-comment-wrap #comments-wrap.active {
        opacity: 1;
    }

    #ajax-comment-wrap .comment-info {
        display: none;
    }

#ajax-wrap, #ajax-comment-wrap, .app-slide {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10003;
    background: #ebebeb;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
    overflow-x: hidden;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    #ajax-wrap #entry-content {
        opacity: 0;
    }

.ajax-back {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10005;
    line-height: 3.5em;
    text-align: center;
    display: none;
}

    .ajax-back span {
        width: 5em;
        height: 5em;
        display: inline-block;
        padding-top: 1.5em;
    }

    .ajax-back .ajax-back-inner {
        width: 3em;
        height: 3em;
        background: #D64541;
        position: absolute;
        top: 1.5em;
        left: 0;
    }

    .ajax-back.active {
        display: block;
    }

    .ajax-back .icon, .android .article-footer a .icon-back {
        color: #f6f6f6;
        font-size: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -5px;
        margin-top: -9px;
    }

.android .article-footer a .icon-back {
    margin-top: -8px;
}

.android .comment-num {
    margin-left: 5px;
}

#ajax-content .error {
    text-align: center;
    top: 20%;
    position: absolute;
    width: 100%;
    height: 100%;
}
/*remove this if not comment pop css issue
.ajax-active .vex-overlay,.ajax-active .vex.vex-closing .vex-overlay,.ajax-active .vex.comment-dialog .vex-content,.ajax-active .vex.comment-dialog.vex-closing .vex-content {animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;}*/
.ajax-active .vex-overlay, .ajax-active .vex.vex-closing .vex-overlay, .ajax-active .vex.comment-dialog.vex-closing .vex-content {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
}
/*article*/
#entry-content {
    padding-top: 1.3em;
}

#ajax-wrap .a-wrap {
    opacity: 0;
}

.a-wrap h1, .comment-info h1 {
    font-size: 1.5em;
    line-height: 1.4;
}

.a-wrap .a-top {
    padding: 1.15em 0.8em 0;
}

.article-page .a-wrap .a-top, .android #ajax-wrap .a-top {
    padding-left: 0.8em;
}

.a-top .tags a {
    margin: 10px 0 0;
    display: inline-block;
    float: left;
}
/*.a-content br {line-height:0;height:0;font-size:0;overflow:hidden;visibility:hidden;display:block;}
.a-content br:before {content:""}*/
.a-wrap .a-info {
    color: #aaa;
    padding: 0.2em 0;
}
/*.a-content a {color:#4B77BE;}
.a-content {border-top:1px solid #e1e1e1;padding-top:1em;padding-bottom:1em;margin-top:1em;}
.a-content p,.a-content div {line-height:1.7;font-size:1.35em !important;color:#333;}
.a-content p {padding-bottom:1.5em;background:none !important;}
.a-content .main1 {background:none !important;}
.a-content .a-img {padding-bottom:1.5em;margin:0 -0.8em;text-align:center;}
.a-content blockquote {box-shadow:none !important;border:none;background:#f6f6f6 !important;font-family:inherit !important;text-shadow:none !important;margin:0 0 1em !important;border-radius:0 !important;border-color:#D64541 !important;color:#333 !important;}
.a-content blockquote p {margin:0 !important;padding-bottom:0 !important;color:#333 !important;}
.a-content .video_iframe {width:100% !important;height:200px !important;}*/
.a-block {
    border-top: 10px solid #ebebeb;
    padding: 20px 0;
}

.a-block-white {
    background: #f6f6f6;
}

.a-comment .moni-input.start-comment {
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 12px;
    margin-top: 20px;
}

#ajax-wrap .a-block:last-child {
    padding-bottom: 65px;
}

.a-block h3 {
    border-left: 5px solid #37bc9b;
    padding-left: 0.5em;
    margin-bottom: 8px;
}

    .a-block h3.hot {
        margin-bottom: 0;
    }

.txt-list {
    display: block;
    padding: 10px 0;
}

    .txt-list .title {
        padding-bottom: 8px;
        display: block;
    }

    .txt-list .date {
        display: block;
        color: #aaa;
    }

.a-block .green {
    border-color: #37bc9b;
}

.a-block .hot {
    border-color: #E74C3C;
}

.a-block .blue {
    border-color: #F62459;
}

.a-block .comments .comment {
    border-color: #f3f3f3;
}

.article-hot-comments .comment .like {
    right: 0.8em;
}

.article-hot-comments .comments .comment {
    border-bottom: 0 none;
}

.a-block .btn-block {
    margin-top: 20px;
}

.a-block-grey {
    background: #ebebeb;
    text-align: center;
}

.a-block-ad {
    border: none;
}

    .a-block-ad a {
        border-right: 1px solid #ccc;
        padding: 0 8px;
    }

        .a-block-ad a:last-child {
            border-right: none;
            padding-right: 0;
        }

.a-btm-like {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #ddd;
    border-radius: 360%;
    position: relative;
    margin: 0 auto 30px;
    text-align: center;
}

    .a-btm-like .icon {
        font-size: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .a-btm-like .like-num {
        position: absolute;
        bottom: -25px;
        left: 0;
        width: 100%;
        font-size: 14px;
    }

.wapiframe {
    text-align: center;
}
/*aritle footer*/
.article-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 46px;
    line-height: 46px;
    background-color: rgba(246, 246, 246, 0.95);
    z-index: 10000;
    border-top: 1px solid #cfcfcf;
    box-sizing: border-box;
}

    .article-footer .container {
        max-width: 700px;
        margin: 0 auto;
    }

    .article-footer a {
        width: 100%;
        display: inline-block;
    }

    .article-footer .icon {
        font-size: 18px;
        position: relative;
        top: 5px;
    }

    .article-footer .moni-input {
        width: 75%;
        display: inline-block;
        float: left;
        position: relative;
        top: 5px;
    }

.moni-input .icon {
    position: absolute;
    top: 8px;
    left: 15px;
    font-size: 17px;
}

.article-footer ul {
    float: right;
    width: 25%;
}

    .article-footer ul li {
        display: inline-block;
        width: 50%;
        text-align: center;
        float: left;
    }

.home-article-footer {
    display: none;
}

#love-btn .icon-love-fill {
    color: #E74C3C !important;
}
/*comment page*/
#ajax-comment-wrap {
    z-index: 10005;
}

#comments-wrap .container {
    padding-right: 0.8em;
}

.comment-page .article-footer .moni-input, .comment-page .article-footer input, #ajax-comment-wrap .moni-input {
    width: 100%;
}

.comments-block .label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0.6em 0.7em 0.6em 0.4em;
    background: #E74C3C;
}

.comment-page .comment-info {
    padding-top: 70px;
    max-width: 700px;
    margin: 0 auto;
}

.comment-num-wrap {
    position: relative;
}

.comment-num {
    position: absolute;
    top: 6px;
    left: 50%;
    background: #E74C3C;
    padding: 1px 4px;
    line-height: 12px;
}

.comments .comment {
    padding: 0 0.8em;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

    .comments .comment:last-child {
        border-bottom: none;
    }

    .comments .comment .c-author-name, .comments .comment p {
        font-size: 15px;
    }

    .comments .comment .c-author-name, .comments .reply-name {
        color: #608eb0;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 60%;
    }

.comments .c-author-date {
    padding: 0.5em 0;
    color: #aaa;
}

.comments .comment p {
    line-height: 1.5;
    padding-left: 0;
}

.comment .other-reply {
    background: #f8f7f3;
    border: 1px solid #cdccc2;
    padding: 3px;
    margin-bottom: 0.8em;
}

.comment .comment-p {
    margin-top: 5px;
}

.comment .other-reply.deep {
    padding: 0;
}

    .comment .other-reply .deep .other-reply {
        padding: 0;
        margin: 0;
        border: none;
        border-bottom: 1px solid #cdccc2;
    }

.comment .other-reply .clearfix {
    margin: 10px 10px 0px 12px;
}

.comment .other-reply p {
    margin: 0 10px 0 12px;
}

.comment .reply-floor {
    float: right;
    color: #aaa;
}

.comment .like, .comment .reply-comment {
    position: absolute;
    top: -7px;
    right: 0.8em;
    color: #888;
    padding: 10px 0;
}

.comment .like {
    right: 3.5em;
}

.comment .reply-comment {
    padding-right: 0.8em;
    right: 0;
}

    .comment .like .icon, .comment .reply-comment .icon {
        font-size: 15px;
    }

    .comment .reply-comment .icon {
        padding-right: 4px;
    }

    .comment .like .btn-sml, .comment .reply-comment .btn-sml {
        padding: 4px 8px;
        line-height: 1;
    }

.comment .comment-author {
    margin-top: 20px;
}

.c-author-info {
    padding-top: 3px;
}

.like.active .icon {
    color: #E74C3C;
}

.comments-block {
    padding: 20px 0 80px;
}

#ajax-comment-wrap .comments-block {
    padding-bottom: 20px;
}

.c-author-img {
    width: 35px;
    height: 35px;
    float: left;
    padding-right: 10px;
}

    .c-author-img img {
        border-radius: 360%;
    }

.c-author-date {
    display: block;
}

.no-comment {
    text-align: center;
    padding: 50px 0;
}

.comment-form {
    display: none;
}

.c-wrap .article-footer a {
    display: none;
}

.other-reply {
    position: relative;
}

.comments .comment .reply-content {
    padding-top: 10px;
    padding-bottom: 20px;
}

.comments .comment .other-reply .reply-content {
    padding-bottom: 10px;
}
/*normal page text style*/
.page-content-wrap {
    padding: 20px 0;
    font-size: 16px;
}
/*top state*/
.top-state {
    background-color: rgba(246, 246, 246, 0.95);
    color: #333;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-align: center;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
}

    .top-state .icon {
        color: #555;
    }

    .top-state.top-transparent {
        background: transparent;
        border-bottom: none;
        position: inherit;
        height: auto;
        color: #fff;
        position: relative;
        overflow: visible;
    }

        .top-state.top-transparent .icon-left {
            z-index: 2;
        }

        .top-state.top-transparent .icon, .top-state.top-transparent a {
            color: #fff;
        }

    .top-state .top-transparent-bg {
        margin-top: -46px;
        background-color: #fff;
        height: 190px;
        background-size: cover;
        overflow: hidden;
    }

    .top-state .state-name {
        font-size: 1.4em;
        color: #555;
    }

    .top-state .icon-back {
        font-size: 18px;
    }

    .top-state .icon-right .icon {
        font-size: 20px;
    }

    .top-state .icon-left, .top-state .icon-right, .top-state .text-right {
        position: absolute;
        top: 0;
    }

    .top-state .icon-left {
        padding: 14px 50px 35px 0.8em;
        left: 0;
    }

    .top-state .icon-right, .top-state .text-right {
        padding: 13px 0.8em 13px 13px;
        right: 0;
    }

    .top-state .text-right, .top-state .text-left {
        font-size: 1.3em;
        color: #555;
    }

    .top-state .text-left {
        padding-left: 10px;
        position: relative;
        top: -3px;
        font-size: 1.2em;
    }

    .top-state .t-s-second-icon {
        right: 46px;
    }

.top-transparent .user-state-txt {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    z-index: 2;
}

.top-transparent .user-state .sept {
    padding: 0 5px;
    color: #fff;
}

.top-transparent .user-image {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -53px;
    margin-top: -70px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 2;
    padding: 3px;
}

    .top-transparent .user-image img {
        border-radius: 360%;
    }
/*dropdown below top state*/
.t-s-dropdown {
    width: 100%;
    height: 0;
    overflow: hidden;
    line-height: 48px;
    position: absolute;
    top: -46px;
    opacity: 0;
    z-index: 300;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),z-index 0.1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),z-index 0.1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.show-dropdown .t-s-dropdown {
    height: 48px;
    top: 46px;
    opacity: 1;
}

.t-s-dropdown ul li {
    float: left;
    display: inline-block;
    width: 25%;
    text-align: center;
}
/*guide role*/
.switch {
    padding-top: 81px;
}

.g-r-ajax {
    position: relative;
    z-index: 10001;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

    .g-r-ajax .icon-arrow {
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

    .g-r-ajax.rotate .icon-arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        display: inline-block;
    }

#guide-role {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    transition: all 0.3s;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.98);
}

    #guide-role.loaded {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
        top: 0;
    }

#g-r-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    #g-r-content .container {
        padding: 0 0.5em;
    }

.tags-scroll-outer {
    position: relative;
    width: 100%;
    min-height: 200px;
}

.tags-list {
    padding: 1em 0;
    overflow: hidden;
    width: 100%;
}

    .tags-list li {
        width: 25%;
        float: left;
        box-sizing: border-box;
        text-align: center;
        padding: 0 0.3em;
        margin: 0.5em 0;
    }

        .tags-list li .letter-4 {
            font-size: 0.95em;
        }

#guide-role .tags-list .now {
    color: #CF000F;
    border: 1px solid transparent;
    background: none;
}

.tags-list .cant-del div {
    width: 100%;
    text-align: center;
    padding: 0.6em 0;
}

.switch-top-bar {
    background: #ebebeb;
    height: 37px;
    line-height: 37px;
    padding: 0 0.8em;
    width: 100%;
    box-sizing: border-box;
}

.add-more .switch-top-bar {
    background: #e7e7e7;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.switch-top-bar .title {
    float: left;
}

#order-del {
    float: right;
    margin: 0.17em 4em 0 0;
    border: 1px solid #CF000F;
    padding-left: 0;
    padding-right: 0;
    width: 5em;
    text-align: center;
    font-size: inherit;
}

.tags-list li {
    width: 23%;
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 40px;
    margin: 0.5em 1%;
    background-color: #fff;
}

    .tags-list li a {
        display: block;
    }

.tags-list .now a {
    color: #CF000F;
}

#guide-role .tags-list .sortable-ghost {
    border: 1px dashed #333;
    text-indent: -999em;
    background: #f6f6f6;
}

#guide-role .js-remove {
    position: absolute;
    top: -8px;
    left: 5px;
}

.js-remove {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 360%;
    padding: 0;
    margin: 0;
    border: none;
    background: #a4a4a4;
    color: #f6f6f6;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    display: none;
}

.show-btn .js-remove {
    display: block;
    font-style: normal;
    font-weight: normal;
}

.show-btn .add-more {
    display: none;
}
/*iscroll*/
#ajax-wrap #wrapper, #ajax-comment-wrap #comments-wrap, #tags-scroll-wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
}

#ajax-comment-wrap #comments-wrap {
    top: 46px;
    bottom: 46px;
}

#ajax-wrap #scroller {
    position: absolute;
    z-index: 1;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#ajax-wrap #scroller, #ajax-comment-wrap #scroller {
    background: #ebebeb;
    min-height: 100%;
}

.scroller-inner {
    max-width: 700px;
    background: #f6f6f6;
    margin: 0 auto;
}
/*loader*/
.loader-wrapper, .ajaxloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 100%;
    display: none;
}

.app-slide .loader-wrapper {
    background: #f6f6f6;
}

.loader-wrapper.show {
    display: block;
}

.loader-wrapper.hide {
    display: none;
}

.loader {
    width: 60px;
    height: 69px;
    margin-left: -30px;
    margin-top: -34.5px;
}

.loader, .loader-txt {
    position: absolute;
    top: 50%;
    left: 50%;
}

.loader-txt {
    width: 100%;
    left: 0;
    text-align: center;
    padding-top: 50px;
}
/*first time splash*/
.first-splash {
    background: #d91e17;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 99999;
    opacity: 1;
    display: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .first-splash img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 236px;
        height: 132px;
        margin-top: -66px;
        margin-left: -118px;
    }

    .first-splash.fade {
        opacity: 0;
    }
/*share*/
.vex.vex-theme-os.share-dialog {
    bottom: 46px;
}

    .vex.vex-theme-os.share-dialog .vex-content {
        padding: 0;
        position: absolute;
        bottom: 0;
    }

    .vex.vex-theme-os.share-dialog .vex-overlay {
        bottom: 0;
    }

.share {
    background: #f0f0f0;
    width: 100%;
    left: 0;
    padding: 30px 0 10px;
    overflow: hidden;
}

    .share ul {
        width: 100%;
    }

        .share ul li {
            width: 25%;
            padding-bottom: 20px;
            float: left;
            text-align: center;
        }

            .share ul li img {
                width: 50px;
                height: 50px;
                overflow: hidden;
                vertical-align: top;
            }

            .share ul li .share-name {
                display: block;
                line-height: 1;
                padding-top: 10px;
            }

.subscribe {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20000;
    top: 0 !important;
    left: 0 !important;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.sh-left {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: -40px;
}

.close_sub {
    position: absolute;
    top: 50px;
    right: 20px;
    font-size: 40px;
    color: #fff;
}

.subscribe .btn-knew {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: auto;
    text-align: center;
    width: 120px;
    margin-left: -60px;
}

.wechat-arrow {
    position: absolute;
    z-index: 1;
    right: 25px;
    top: 20px;
    width: 258px;
    height: 182px;
    background: url(../images/share/wechat-share.png) no-repeat;
    background-size: 258px 182px;
}
/*vex js*/
@keyframes vex-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes vex-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes vex-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes vex-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes vex-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes vex-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes vex-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes vex-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes vex-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes vex-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@-webkit-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@-moz-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

@-o-keyframes vex-rotation {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
    }
}

.vex, .vex *, .vex :before, .vex :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vex {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 11111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vex-overlay {
    background: #000;
    filter: alpha(opacity=40);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    animation: vex-fadein .5s;
    -webkit-animation: vex-fadein .5s;
    -moz-animation: vex-fadein .5s;
    -ms-animation: vex-fadein .5s;
    -o-animation: vex-fadein .5s;
    -webkit-backface-visibility: hidden;
    position: fixed;
    background: rgba(0,0,0,0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vex.vex-closing .vex-overlay {
    animation: vex-fadeout .5s;
    -webkit-animation: vex-fadeout .5s;
    -moz-animation: vex-fadeout .5s;
    -ms-animation: vex-fadeout .5s;
    -o-animation: vex-fadeout .5s;
    -webkit-backface-visibility: hidden;
}

.vex-content {
    animation: vex-fadein .5s;
    -webkit-animation: vex-fadein .5s;
    -moz-animation: vex-fadein .5s;
    -ms-animation: vex-fadein .5s;
    -o-animation: vex-fadein .5s;
    -webkit-backface-visibility: hidden;
    background: #f6f6f6;
}

.vex.vex-closing .vex-content {
    animation: vex-fadeout .5s;
    -webkit-animation: vex-fadeout .5s;
    -moz-animation: vex-fadeout .5s;
    -ms-animation: vex-fadeout .5s;
    -o-animation: vex-fadeout .5s;
    -webkit-backface-visibility: hidden;
}

.vex-close:before {
    font-family: Arial,sans-serif;
    content: "\00D7";
}

.vex-dialog-form {
    margin: 0;
}

.vex-dialog-button {
    text-rendering: optimizeLegibility;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.vex-loading-spinner {
    animation: vex-rotation .7s linear infinite;
    -webkit-animation: vex-rotation .7s linear infinite;
    -moz-animation: vex-rotation .7s linear infinite;
    -ms-animation: vex-rotation .7s linear infinite;
    -o-animation: vex-rotation .7s linear infinite;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 0 1em rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1em rgba(0,0,0,0.1);
    box-shadow: 0 0 1em rgba(0,0,0,0.1);
    position: fixed;
    z-index: 1112;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2em;
    width: 2em;
    background: #f6f6f6;
}

body.vex-open {
    overflow: hidden;
}

@keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-webkit-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-moz-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-ms-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@-o-keyframes vex-flyin {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

@keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }
}

@-webkit-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }
}

@-moz-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }
}

@-ms-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }
}

@-o-keyframes vex-flyout {
    0% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }
}

@keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }

    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
    }

    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }
}

@-webkit-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }

    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
    }

    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }
}

@-moz-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }

    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
    }

    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }
}

@-ms-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }

    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
    }

    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }
}

@-o-keyframes vex-pulse {
    0% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }

    70% {
        -moz-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        -webkit-box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
        box-shadow: inset 0 0 0 300px rgba(255,255,255,0.25);
    }

    100% {
        -moz-box-shadow: inset 0 0 0 300px transparent;
        -webkit-box-shadow: inset 0 0 0 300px transparent;
        box-shadow: inset 0 0 0 300px transparent;
    }
}

.vex.vex-theme-os {
    padding-top: 160px;
    padding-bottom: 160px;
}

    .vex.vex-theme-os.vex-closing .vex-content {
        animation: vex-flyout .5s;
        -webkit-animation: vex-flyout .5s;
        -moz-animation: vex-flyout .5s;
        -ms-animation: vex-flyout .5s;
        -o-animation: vex-flyout .5s;
        -webkit-backface-visibility: hidden;
    }

    .vex.vex-theme-os .vex-content {
        animation: vex-flyin .5s;
        -webkit-animation: vex-flyin .5s;
        -moz-animation: vex-flyin .5s;
        -ms-animation: vex-flyin .5s;
        -o-animation: vex-flyin .5s;
        -webkit-backface-visibility: hidden;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: inset 0 1px #a6a6a6,0 0 0 1px rgba(0,0,0,0.08);
        -webkit-box-shadow: inset 0 1px #a6a6a6,0 0 0 1px rgba(0,0,0,0.08);
        box-shadow: inset 0 1px #a6a6a6,0 0 0 1px rgba(0,0,0,0.08);
        font-family: "Helvetica Neue",sans-serif;
        background: #f0f0f0;
        color: #444;
        padding: 1em;
        position: relative;
        margin: 0 auto;
        max-width: 100%;
        width: 450px;
        font-size: 1.1em;
        line-height: 1.5em;
    }

        .vex.vex-theme-os .vex-content textarea {
            height: 100px;
        }

        .vex.vex-theme-os .vex-content h1, .vex.vex-theme-os .vex-content h2, .vex.vex-theme-os .vex-content h3, .vex.vex-theme-os .vex-content h4, .vex.vex-theme-os .vex-content h5, .vex.vex-theme-os .vex-content h6, .vex.vex-theme-os .vex-content p, .vex.vex-theme-os .vex-content ul, .vex.vex-theme-os .vex-content li {
            color: inherit;
        }

    .vex.vex-theme-os .vex-close {
        -moz-border-radius: 0 5px 0 0;
        -webkit-border-radius: 0;
        border-radius: 0 5px 0 0;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

        .vex.vex-theme-os .vex-close:before {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            position: absolute;
            content: "\00D7";
            font-size: 26px;
            font-weight: 400;
            line-height: 31px;
            height: 30px;
            width: 30px;
            text-align: center;
            top: 3px;
            right: 3px;
            color: #bbb;
            background: transparent;
        }

        .vex.vex-theme-os .vex-close:hover:before, .vex.vex-theme-os .vex-close:active:before {
            color: #777;
            background: #e0e0e0;
        }

    .vex.vex-theme-os .vex-dialog-form .vex-dialog-message {
        margin-bottom: .5em;
    }

    .vex.vex-theme-os .vex-dialog-form .vex-dialog-input {
        margin-bottom: 1em;
    }

        .vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"] {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            background: #f6f6f6;
            width: 100%;
            padding: .25em .67em;
            border: 0;
            font-family: inherit;
            font-weight: inherit;
            font-size: inherit;
            min-height: 2.5em;
            margin: 0 0 .25em;
        }

            .vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
                -moz-box-shadow: inset 0 0 0 1px #3288e6;
                -webkit-box-shadow: inset 0 0 0 1px #3288e6;
                box-shadow: inset 0 0 0 1px #3288e6;
                outline: none;
            }

    .vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons {
        *zoom: 1;
    }

        .vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons:after {
            content: "";
            display: table;
            clear: both;
        }

    .vex.vex-theme-os .vex-dialog-button {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 0;
        float: right;
        margin: 0 0 0 .5em;
        font-family: inherit;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: .8em;
        line-height: 1em;
        padding: .75em 2em;
    }

        .vex.vex-theme-os .vex-dialog-button.vex-last {
            margin-left: 0;
        }

        .vex.vex-theme-os .vex-dialog-button:focus {
            animation: vex-pulse 1.1s infinite;
            -webkit-animation: vex-pulse 1.1s infinite;
            -moz-animation: vex-pulse 1.1s infinite;
            -ms-animation: vex-pulse 1.1s infinite;
            -o-animation: vex-pulse 1.1s infinite;
            -webkit-backface-visibility: hidden;
            outline: none;
        }

@media (max-width: 568px) {
    .vex.vex-theme-os .vex-dialog-button:focus {
        animation: none;
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        -webkit-backface-visibility: hidden;
    }
}

.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-primary {
    background: #3288e6;
    color: #f6f6f6;
}

.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

.vex-loading-spinner.vex-theme-os {
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2),0 0 .5em rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2),0 0 .5em rgba(0,0,0,0.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2),0 0 .5em rgba(0,0,0,0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(255,255,255,0.2);
    width: 0;
    height: 0;
    border: 1.2em solid #bbb;
    border-top-color: #f0f0f0;
    border-bottom-color: #f0f0f0;
}
/*comment dialog*/
.vex.comment-dialog {
    padding: 0;
    margin: 0;
}

    .vex.comment-dialog .not-login-txt {
        display: none;
    }

.not-login .vex.comment-dialog .not-login-txt {
    display: block;
}

.not-login .vex.comment-dialog .vex-dialog-buttons {
    top: 44px;
}

.not-login .vex.vex-theme-os.comment-dialog .vex-dialog-form .vex-dialog-input textarea {
    margin-top: 44px;
}

.vex.comment-dialog .not-login-txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
}

    .vex.comment-dialog .not-login-txt .btn {
        margin-right: 10px;
        padding: 5px 10px;
        line-height: 1;
        color: #fff;
        border-color: #fff;
    }

.vex.comment-dialog .vex-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0;
    margin: 0;
}

.vex.comment-dialog .vex-dialog-buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    .vex.comment-dialog .vex-dialog-buttons button {
        width: 50%;
        position: absolute;
        background: #fff !important;
        color: #333 !important;
        border-bottom: 1px solid #e5e5e5;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }

.vex.comment-dialog .vex-dialog-form {
    position: absolute;
    top: 0;
    width: 100%;
}

.vex.comment-dialog .vex-overlay {
    background-color: rgba(255, 255, 255, 0.96);
}

.vex.comment-dialog .vex-dialog-input {
    margin-top: 46px;
}

    .vex.comment-dialog .vex-dialog-input .error {
        padding-left: 15px;
    }

.vex.comment-dialog .vex-dialog-message {
    margin-bottom: 0;
    position: absolute;
    z-index: 2;
    top: 50px;
}

.vex.comment-dialog .vex-dialog-buttons .vex-first {
    right: 0;
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
}

    .vex.comment-dialog .vex-dialog-buttons .vex-first.btn-green {
        background-color: #26C281 !important;
        color: #fff !important;
    }

.vex.comment-dialog .vex-dialog-buttons .vex-last {
    left: 0;
}

.vex.vex-theme-os.comment-dialog .vex-dialog-form .vex-dialog-input textarea {
    padding: 15px;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    font-size: 15px;
}

    .vex.vex-theme-os.comment-dialog .vex-dialog-form .vex-dialog-input textarea:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.vex.vex-theme-os.comment-dialog.btn:disabled, .vex.vex-theme-os.comment-dialog .btn[disabled], .vex.vex-theme-os.comment-dialog .btn-disable {
    opacity: 1;
    color: #ccc !important;
}

.vex.comment-dialog .vex-dialog-message {
    display: none;
}

.vex.success-dialog .vex-content {
    background: #f6f6f6;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 95%;
}

.vex .btn-left {
    position: absolute;
    bottom: 1.3em;
    left: 1em;
}

    .vex .btn-left .txt-url {
        font-size: 0.9em;
    }

    .vex .btn-left .sep-line {
        padding: 0 0.5em;
        color: #ccc;
    }
/*android*/
/*.android body.home {padding-top:77px;}*/
/*.android .top-state .icon-back {margin-left:8px;}*/
.android .top-state .state-name {
    color: #333;
}

.android .article-footer a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    float: left;
    display: block;
    box-sizing: border-box;
    padding-left: 0.8em;
    position: relative;
}

    .android .article-footer a .icon {
        color: #666 !important;
    }

.android .article-footer .moni-input {
    width: 40%;
    width: calc(100% - 194px);
    margin: 0;
}

.android .article-footer .container {
    padding-left: 0;
    padding-right: 0;
}

.android .article-footer ul {
    width: 100px;
    padding-right: 5px;
}

.android .sweet-alert .icon.success .line.tip {
    transition: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.android .animateSuccessLong {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.android .icon.success.animate::after {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

#article-back-android {
    display: none;
}

.android #article-back-android {
    display: block;
}
/*uc browser*/
.uc-browser.android .c-wrap .article-footer .container {
    padding-left: 0.8em;
}

.uc-browser.android .c-wrap .article-footer .moni-input {
    width: 100% !important;
}

.uc-browser #comment-back-android {
    display: none;
}
/*sweet icon*/
.sweet-alert {
    background-color: #f6f6f6;
    position: relative;
    overflow: hidden;
}

    .sweet-alert .icon {
        width: 88px;
        height: 88px;
        border: 4px solid gray;
        border-radius: 50%;
        margin: 20px auto;
        position: relative;
    }

        .sweet-alert .icon.error {
            border-color: #F27474;
        }

            .sweet-alert .icon.error .x-mark {
                position: relative;
                display: block;
            }

            .sweet-alert .icon.error .line {
                position: absolute;
                height: 5px;
                width: 47px;
                background-color: #F27474;
                display: block;
                top: 37px;
                border-radius: 2px;
            }

                .sweet-alert .icon.error .line.left {
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    left: 17px;
                }

                .sweet-alert .icon.error .line.right {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    right: 16px;
                }

        .sweet-alert .icon.warning {
            border-color: #F8BB86;
        }

            .sweet-alert .icon.warning .body {
                position: absolute;
                width: 5px;
                height: 47px;
                left: 50%;
                top: 10px;
                border-radius: 2px;
                margin-left: -2px;
                background-color: #F8BB86;
            }

            .sweet-alert .icon.warning .dot {
                position: absolute;
                width: 7px;
                height: 7px;
                border-radius: 50%;
                margin-left: -3px;
                bottom: 10px;
                background-color: #F8BB86;
            }

        .sweet-alert .icon.info {
            border-color: #C9DAE1;
        }

            .sweet-alert .icon.info::before {
                content: "";
                position: absolute;
                width: 5px;
                height: 29px;
                left: 50%;
                bottom: 17px;
                border-radius: 2px;
                margin-left: -2px;
                background-color: #C9DAE1;
            }

            .sweet-alert .icon.info::after {
                content: "";
                position: absolute;
                width: 7px;
                height: 7px;
                border-radius: 50%;
                margin-left: -3px;
                top: 19px;
                background-color: #C9DAE1;
            }

        .sweet-alert .icon.success {
            border-color: #A5DC86;
        }

            .sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
                content: '';
                border-radius: 50%;
                position: absolute;
                width: 60px;
                height: 120px;
                background: #f6f6f6;
                transform: rotate(45deg);
            }

            .sweet-alert .icon.success::before {
                border-radius: 120px 0 0 120px;
                top: -7px;
                left: -33px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 60px 60px;
                transform-origin: 60px 60px;
            }

            .sweet-alert .icon.success::after {
                border-radius: 0 120px 120px 0;
                top: -11px;
                left: 30px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 0 60px;
                transform-origin: 0 60px;
            }

            .sweet-alert .icon.success .placeholder {
                width: 88px;
                height: 88px;
                border: 4px solid rgba(165,220,134,0.2);
                border-radius: 50%;
                position: absolute;
                left: -4px;
                top: -4px;
                z-index: 2;
            }

            .sweet-alert .icon.success .fix {
                width: 5px;
                height: 90px;
                background-color: #f6f6f6;
                position: absolute;
                left: 28px;
                top: 8px;
                z-index: 1;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .sweet-alert .icon.success .line {
                height: 5px;
                background-color: #A5DC86;
                display: block;
                border-radius: 2px;
                position: absolute;
                z-index: 2;
            }

                .sweet-alert .icon.success .line.tip {
                    width: 25px;
                    left: 14px;
                    top: 46px;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .sweet-alert .icon.success .line.long {
                    width: 47px;
                    right: 8px;
                    top: 38px;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

        .sweet-alert .icon.custom {
            background-size: contain;
            border-radius: 0;
            border: none;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .sweet-alert .s-a-des {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        top: -10px;
    }

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-moz-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-moz-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@-moz-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    -moz-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    -moz-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s;
}

.icon.success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    -moz-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    -moz-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s;
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@-moz-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    -moz-animation: animateXMark .5s;
    animation: animateXMark .5s;
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

@-moz-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    -moz-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

@-moz-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    -moz-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes heartBeating {
    0% {
        -webkit-transform: scale3d(1.0, 1.0,1.0);
        transform: scale3d(1.0, 1.0,1.0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale3d(1.4, 1.4,1.4);
        transform: scale3d(1.4, 1.4,1.4);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes heartBeating {
    0% {
        -webkit-transform: scale3d(1.0, 1.0,1.0);
        transform: scale3d(1.0, 1.0,1.0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale3d(1.4, 1.4,1.4);
        transform: scale3d(1.4, 1.4,1.4);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.heartBeating {
    -webkit-animation: heartBeating 0.5s ease-out;
    animation: heartBeating 0.5s ease-out;
}
/*oh snap*/
#ohsnap, #current-alipha {
    position: fixed;
    z-index: 20000;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    margin-top: -1.5em;
}

.alert span {
    padding: 1.5em 2em;
    display: inline-block;
    border-radius: 5px;
    font-size: 1em;
    filter: Alpha(Opacity=0);
    opacity: 0;
    margin: 5px 0;
}

.alert.in span {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.alert-red span {
    color: white;
    background-color: #da4453;
}

.alert-green span {
    color: white;
    background-color: #37bc9b;
}

.alert-blue span {
    color: white;
    background-color: #4a89dc;
}

.alert-yellow span {
    color: white;
    background-color: #f6bb42;
}

.alert-orange span {
    color: white;
    background-color: #e9573f;
}

.alert-black span {
    color: white;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
}

.pop span {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.pop.in span {
    -webkit-transform: scale(1);
    -webkit-animation-name: popin;
    -webkit-animation-duration: 350ms;
    -moz-transform: scale(1);
    -moz-animation-name: popin;
    -moz-animation-duration: 350ms;
    transform: scale(1);
    animation-name: popin;
    animation-duration: 350ms;
    opacity: 1;
}

.pop.out.reverse span {
    -webkit-transform: scale(.8);
    -webkit-animation-name: popout;
    -moz-transform: scale(.8);
    -moz-animation-name: popout;
    transform: scale(.8);
    animation-name: popout;
}

@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0;
    }

    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes popin {
    from {
        transform: scale(.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
}

@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1;
    }

    to {
        -moz-transform: scale(.8);
        opacity: 0;
    }
}

@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(.8);
        opacity: 0;
    }
}

@-webkit-keyframes slideinfromright {
    from {
        -webkit-transform: translate3d(100%,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
    }
}

@-moz-keyframes slideinfromright {
    from {
        -moz-transform: translateX(100%);
    }

    to {
        -moz-transform: translateX(0);
    }
}

@keyframes slideinfromright {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@-webkit-keyframes slideinfromleft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
    }
}

@-moz-keyframes slideinfromleft {
    from {
        -moz-transform: translateX(-100%);
    }

    to {
        -moz-transform: translateX(0);
    }
}

@keyframes slideinfromleft {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@-webkit-keyframes slideouttoleft {
    from {
        -webkit-transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
    }
}

@-moz-keyframes slideouttoleft {
    from {
        -moz-transform: translateX(0);
    }

    to {
        -moz-transform: translateX(-100%);
    }
}

@keyframes slideouttoleft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes slideouttoright {
    from {
        -webkit-transform: translate3d(0,0,0);
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
    }
}

@-moz-keyframes slideouttoright {
    from {
        -moz-transform: translateX(0);
    }

    to {
        -moz-transform: translateX(100%);
    }
}

@keyframes slideouttoright {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}
/* === Lists === */
.list-block {
    margin: 35px 0;
    font-size: 17px;
}

    .list-block ul {
        background: #fff;
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        position: relative;
    }

        .list-block ul ul {
            border-top: none;
            border-bottom: none;
            padding-left: 45px;
        }

    .list-block .align-top, .list-block .align-top .item-content, .list-block .align-top .item-inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .list-block.inset {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 7px;
    }

        .list-block.inset .content-block-title {
            margin-left: 0;
            margin-right: 0;
        }

        .list-block.inset ul {
            border-radius: 7px;
            border-top: none;
            border-bottom: none;
        }

        .list-block.inset li:first-child > a {
            border-radius: 7px 7px 0 0;
        }

        .list-block.inset li:last-child > a {
            border-radius: 0 0 7px 7px;
        }

        .list-block.inset li:first-child:last-child > a {
            border-radius: 7px;
        }

@media all and (min-width:768px) {
    .list-block.tablet-inset {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 7px;
    }

        .list-block.tablet-inset .content-block-title {
            margin-left: 0;
            margin-right: 0;
        }

        .list-block.tablet-inset ul {
            border-radius: 7px;
            border-top: none;
            border-bottom: none;
        }

        .list-block.tablet-inset li:first-child > a {
            border-radius: 7px 7px 0 0;
        }

        .list-block.tablet-inset li:last-child > a {
            border-radius: 0 0 7px 7px;
        }

        .list-block.tablet-inset li:first-child:last-child > a {
            border-radius: 7px;
        }
}

.list-block li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.list-block .item-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 8px;
}

    .list-block .item-media i + i, .list-block .item-media i + img {
        margin-left: 5px;
    }

    .list-block .item-media + .item-inner {
        margin-left: 15px;
    }

.list-block .item-inner {
    padding-right: 15px;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list-block .item-title {
    font-size: 15px;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

    .list-block .item-title.label {
        width: 35%;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
    }

.list-block .item-input {
    width: 100%;
    margin-top: -8px;
    margin-bottom: -7px;
    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
}

.list-block .item-after {
    white-space: nowrap;
    color: #8e8e93;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 28px;
    font-size: 15px;
}

.list-block .smart-select .item-after {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.list-block .item-link {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    display: block;
    color: inherit;
}

    .list-block .item-link .item-inner {
        padding-right: 35px;
        background: no-repeat -webkit-calc(100% - 15px) center;
        background: no-repeat calc(100% - 15px) center;
        background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-33.25 33.25-5.75-5.75 29.25-28.5-29.25-28.5 5.75-5.75z' fill='%23c7c7cc'/></svg>");
        background-size: 10px 20px;
    }

.list-block .no-arrow .item-inner {
    padding-right: 0;
    background: none;
}

.list-block .item-link.active-state, html:not(.watch-active-state) .list-block .item-link:active {
    -webkit-transition-duration: 0;
    transition-duration: 0;
    background-color: #d9d9d9;
}

    .list-block .item-link.active-state .item-inner, html:not(.watch-active-state) .list-block .item-link:active .item-inner {
        border-bottom-color: transparent;
    }

.list-block .item-link.list-button {
    padding: 0 15px;
    text-align: center;
    color: #007aff;
    display: block;
    border-bottom: 1px solid #c8c7cc;
    line-height: 43px;
}

.list-block .item-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list-block .list-block-label {
    margin: 10px 0 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #8f8f94;
}

.list-block .swipeout {
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .list-block .swipeout.deleting {
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
    }

        .list-block .swipeout.deleting .swipeout-content {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }

    .list-block .swipeout.transitioning .swipeout-actions-left a, .list-block .swipeout.transitioning .swipeout-actions-right a, .list-block .swipeout.transitioning .swipeout-content, .list-block .swipeout.transitioning .swipeout-overswipe {
        -webkit-transition: 300ms;
        transition: 300ms;
    }

.list-block .swipeout-content {
    position: relative;
    z-index: 10;
}

.list-block .swipeout-overswipe {
    -webkit-transition: 200ms left;
    transition: 200ms left;
}

.list-block .swipeout-actions-left, .list-block .swipeout-actions-right {
    position: absolute;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .list-block .swipeout-actions-left a, .list-block .swipeout-actions-right a {
        padding: 0 30px;
        color: #fff;
        background: #c7c7cc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
        left: 0;
    }

        .list-block .swipeout-actions-left a:after, .list-block .swipeout-actions-right a:after {
            content: '';
            position: absolute;
            top: 0;
            width: 600%;
            height: 100%;
            background: inherit;
            z-index: -1;
        }

        .list-block .swipeout-actions-left a.swipeout-delete, .list-block .swipeout-actions-right a.swipeout-delete {
            background: #ff3b30;
        }

.list-block .swipeout-actions-right {
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

    .list-block .swipeout-actions-right a:after {
        left: 100%;
        margin-left: -1px;
    }

.list-block .swipeout-actions-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

    .list-block .swipeout-actions-left a:after {
        right: 100%;
        margin-right: -1px;
    }

.list-block .item-subtitle {
    font-size: 15px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
}

.list-block .item-text {
    font-size: 15px;
    color: #8e8e93;
    line-height: 21px;
    position: relative;
    overflow: hidden;
    height: 42px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.list-block li.media-item .item-title, .list-block.media-list .item-title {
    font-weight: 500;
}

.list-block li.media-item .item-inner, .list-block.media-list .item-inner {
    display: block;
    padding-top: 10px;
    padding-bottom: 9px;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
}

.list-block li.media-item .item-link .item-inner, .list-block.media-list .item-link .item-inner {
    background: 0 0;
    padding-right: 15px;
}

.list-block li.media-item .item-link .item-title-row, .list-block.media-list .item-link .item-title-row {
    padding-right: 20px;
    background: no-repeat right center;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc'/></svg>");
    background-size: 10px 20px;
}

.list-block li.media-item .item-media, .list-block.media-list .item-media {
    padding-top: 9px;
    padding-bottom: 10px;
}

    .list-block li.media-item .item-media img, .list-block.media-list .item-media img {
        display: block;
    }

.list-block li.media-item .item-title-row, .list-block.media-list .item-title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.list-block .list-group:nth-child(n+2) ul {
    border-top: none;
}

.list-block .item-divider, .list-block .list-group-title {
    background: #f7f7f7;
    border-top: 1px solid #c8c7cc;
    margin-top: -1px;
    padding: 4px 15px;
    white-space: nowrap;
    position: relative;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8e8e93;
}

.list-block .list-group-title {
    position: relative;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    margin-top: 0;
    border-top: none;
}

.list-block .sortable-handler {
    position: absolute;
    right: 0;
    top: 0;
    height: -webkit-calc(100% - 1px);
    height: calc(100% - 1px);
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    background-position: center;
    width: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='%23c7c7cc'><path d='M0,2V0h22v2H0z'/><path d='M0,7V5h22v2H0z'/><path d='M0,12v-2h22v2H0z'/></svg>");
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.list-block.sortable .item-inner {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.list-block.sortable-opened .sortable-handler {
    visibility: visible;
    opacity: 1;
}

.list-block.sortable-opened .item-inner, .list-block.sortable-opened .item-link .item-inner {
    padding-right: 35px;
}

.list-block.sortable-opened .item-link .item-inner, .list-block.sortable-opened .item-link .item-title-row {
    background-image: none;
}

.list-block.sortable-sorting li {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.list-block li.sorting {
    z-index: 50;
    background: rgba(255,255,255,.8);
    box-shadow: 0 2px 8px rgba(0,0,0,.6);
    -webkit-transition-duration: 0;
    transition-duration: 0;
}

    .list-block li.sorting .item-inner, .list-block li:last-child .item-inner, .list-block li:last-child .list-button, .list-block li:last-child li:last-child .item-inner {
        border-bottom: none;
    }

.list-block li li:last-child .item-inner, .list-block li:last-child li .item-inner {
    border-bottom: 1px solid #c8c7cc;
}

.list-block .label {
    padding: 4px 12px;
}

.content-block-title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
    color: #6d6d72;
    margin: 35px 30px 10px;
}

    .content-block-title + .content-block, .content-block-title + .list-block {
        margin-top: 10px;
    }

.list-block .bottom-info {
    font-size: 12px;
    padding-top: 15px;
    color: #888;
}

    .list-block .bottom-info .icon {
        padding-right: 5px;
    }

    .list-block .bottom-info .b-i-left {
        float: left;
    }

    .list-block .bottom-info .b-i-right {
        float: right;
    }

    .list-block .bottom-info .icon-clock {
        position: relative;
        top: 1px;
    }
/*search*/
.input-wrapper .btn-search-submit {
    padding: 5px 10px !important;
    width: auto;
    height: auto;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 5px;
}

.input-wrapper .input-clear-btn {
    position: absolute;
    right: 70px;
    top: 0;
    line-height: 1;
    padding: 8px;
}

.input-wrapper.focus .btn-search-submit, .input-wrapper.focus #search-clear {
    display: block;
}

.input-wrapper .icon-search {
    font-size: 16px;
    color: #555 !important;
}

.btn-search-submit, #search-clear {
    display: none;
}
/* === Lists item === */
.list--noborder {
    border-top: none;
    border-bottom: none;
}

.list__header, .sticky-helper {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    font-size: 15px;
    font-weight: 300;
    background-color: #ebebeb;
    color: #1f1f21;
    text-shadow: none;
    border-top: none;
    border-bottom: none;
    min-height: 30px;
    line-height: 30px;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .list__header:first-child {
        border-top: none;
        -webkit-background-size: 100% 1px;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: top;
        background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
        background-image: -moz-linear-gradient(270deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
        background-image: -o-linear-gradient(270deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
        background-image: linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.0) 50%,transparent 50%);
    }
}

.list {
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
    line-height: normal;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 17px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: left;
    overflow: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .list {
        border: none;
        -webkit-background-size: 100% 1px,100% 1px;
        background-size: 100% 1px,100% 1px;
        background-repeat: no-repeat;
        background-position: bottom,top;
        background-image: -webkit-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%),-webkit-linear-gradient(270deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -moz-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%),-moz-linear-gradient(270deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -o-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%),-o-linear-gradient(270deg,#ddd,#ddd 50%,transparent 50%);
        background-image: linear-gradient(0deg,#ddd,#ddd 50%,transparent 50%),linear-gradient(180deg,#ddd,#ddd 50%,transparent 50%);
    }
}

.list__item {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
    border-top: none;
    border-bottom: 1px solid #ddd;
    color: #1f1f21;
    background-color: transparent;
    min-height: 44px;
    line-height: 44px;
}

    .list__item a {
        float: left;
        width: calc(100% - 50px);
    }

    .list__item .icon {
        border-right: 1px dashed #bbb;
        float: left;
        width: 30px;
        position: relative;
        top: 11px;
        margin-right: 15px;
        line-height: 24px;
    }

.list__item--no-padding {
    padding: 0;
}

.list__item__line-height, .list__item--line-height {
    line-height: 44px;
}

.list__item_active:active {
    background-color: #d9d9d9;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.list__item:first-child {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.list__item:last-child {
    border-bottom: none;
}

.list__item:first-child:last-child {
    border-top: none;
    border-bottom: none;
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .list__item:not(:last-child) {
        border-bottom: none;
        -webkit-background-size: 100% 1px;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: bottom;
        background-image: -webkit-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -moz-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%);
        background-image: -o-linear-gradient(90deg,#ddd,#ddd 50%,transparent 50%);
        background-image: linear-gradient(0deg,#ddd,#ddd 50%,transparent 50%);
    }
}

.list__item__img {
    float: left;
    width: 36px;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
/* === Lists img === */
.list-block-img .list-img-left {
    width: 50px;
    height: 50px;
    background: #e5e5e5;
    float: left;
    margin-right: 10px;
}

.list-block-img .list-img-round, .list-block-img .list-img-round img {
    border-radius: 360%;
}

.list-block-img .title {
    padding: 5px 0 12px;
    display: block;
    font-size: 16px;
}

.list-block-img .list-img-info {
    font-size: 13px;
    color: #aaa;
}
/*alphascroll*/
.alphascroll {
    color: #608eb0;
    text-shadow: none;
    list-style: none;
    position: fixed;
    top: 82px;
    right: 0;
    z-index: 1001;
    font-size: 11px;
    margin-left: 0;
    border-radius: 3px;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /*.alphascroll:active {background-color:rgba(51, 51, 51, 0.2);}*/
    .alphascroll li {
        display: block;
        width: 1em;
        text-align: center;
        line-height: 14px;
        margin: 0;
        width: 28px;
    }

        .alphascroll li.truncated {
            line-height: 4px;
            font-size: 10px;
            font-weight: 400;
        }

#current-alipha span {
    background-color: rgba(51, 51, 51, 0.2);
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
}

#current-alipha.out {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

#current-alipha {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
/*bottom dialog*/
.vex.bottom-dialog {
    padding: 0;
    margin: 0;
}

    .vex.bottom-dialog .vex-content {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: absolute;
        bottom: 0;
        padding: 0;
        background: #e1e1e1;
    }

    .vex.bottom-dialog .bottom-funcs li {
        height: 48px;
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 48px;
        background: #f4f4f4;
        border-top: 1px solid #c4c6c0;
        color: #000;
    }

        .vex.bottom-dialog .bottom-funcs li:first-child {
            border-top: none;
        }

        .vex.bottom-dialog .bottom-funcs li:last-child {
            margin-top: 10px;
            border-top: none;
        }

        .vex.bottom-dialog .bottom-funcs li .icon {
            padding-right: 8px;
        }
/*app slide overlay*/
.app-slide-overlay {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .app-slide-overlay.fade-out {
        opacity: 0;
        visibility: hidden;
    }

    .app-slide-overlay.fade-in {
        opacity: 1;
        visibility: visible;
    }
/*car loader*/
.loader-scene {
    position: absolute;
    width: 400px;
    height: 145px;
    top: 50%;
    left: 50%;
    margin-top: -72.5px;
    margin-left: -200px;
    overflow: hidden;
    display: none;
}

    .loader-scene.show {
        display: block;
    }

    .loader-scene em {
        display: none;
        position: absolute;
        bottom: 25px;
        width: 100%;
        right: 0;
        text-align: center;
        font-style: normal;
        color: #888;
        font-size: 12px;
    }

.loader-car {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    -webkit-animation: peel 2s ease-in-out forwards infinite,bump .2s linear infinite;
    animation: peel 2s ease-in-out forwards infinite,bump .2s linear infinite;
}

.loader-poof {
    position: absolute;
    width: 10px;
    top: 84px;
    left: 160px;
    margin-left: -10px;
    opacity: 0;
    -webkit-animation: poof 2s ease-in-out forwards infinite;
    animation: poof 2s ease-in-out forwards infinite;
}

@-webkit-keyframes peel {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    70% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    73% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    95% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes peel {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    70% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    73% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    95% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes poof {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    70% {
        opacity: 0;
        left: 170px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    76% {
        opacity: 1;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        left: 160px;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes poof {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    70% {
        opacity: 0;
        left: 170px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    76% {
        opacity: 1;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        left: 160px;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@-webkit-keyframes bump {
    0% {
        top: 70px;
    }

    50% {
        top: 70px;
    }

    60% {
        top: 68.5px;
    }

    100% {
        top: 70px;
    }
}

@keyframes bump {
    0% {
        top: 70px;
    }

    50% {
        top: 70px;
    }

    60% {
        top: 68.5px;
    }

    100% {
        top: 70px;
    }
}


@media (min-width: 768px) and (max-width: 979px) {
    .news-list-gallery .gallery-imgs a {
        width: 32%;
    }

    .main-menu ul {
        float: left;
    }

    .main-menu li {
        padding: 0 0.8em;
    }

    .main-menu {
        width: 90%;
    }
}

@media handheld, only screen and (max-width: 767px) {
    .main-menu li, .sub-menu li {
        float: left;
        width: 16.66666%;
        min-width: 45px;
        padding: 0;
    }

    #ajax-wrap, #ajax-comment-wrap {
        background: #f6f6f6;
    }

    .a-wrap .a-top {
        padding-left: 4em;
    }

    .no-comment {
        padding-bottom: 0;
    }

    .scroller-inner, #ajax-wrap #scroller, #ajax-comment-wrap #scroller {
        background: transparent;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 80%;
    }

    .news-list-gallery .gallery-img {
        width: 32%;
        float: left;
        margin-right: 2%;
    }

    .main-menu ul, .sub-menu ul {
        float: left;
    }

    .sub-menu li {
        width: 14.2%;
    }

        .main-menu li a, .sub-menu li a {
            width: 100%;
            display: inline-block;
        }

    .main-menu {
        width: 100%;
    }

    .author .author-img, .author .author-img img {
        width: 30px;
        height: 30px;
    }

    .article-footer .container {
        padding-right: 0;
    }

    .c-wrap .article-footer .container {
        padding-right: 0.8em;
    }
}

@media (max-width: 375px) {
    .article-footer ul {
        float: left;
        width: 30%;
    }

    .moni-input.start-comment {
        width: 67%;
        margin-right: 3%;
    }
}

@charset "UTF-8";
/*icon font begin */
@font-face {
    font-family: "new-chemm-mobile";
    src: url("/fonts/new-chemm-mobile.eot?20151009");
    src: url("/fonts/new-chemm-mobile.eot?#iefix?20151009") format("embedded-opentype"), url("/fonts/new-chemm-mobile.woff?20151009") format("woff"), url("/fonts/new-chemm-mobile.ttf?20151009") format("truetype"), url("/fonts/new-chemm-mobile.svg#chemm-mobile?20151009") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-new-"]:before,
[class*=" icon-new-"]:before {
    font-family: "new-chemm-mobile" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-great-"]:before,
[class*=" icon-great-"]:before {
    font-family: "new-chemm-mobile" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-new-views:before {
    content: "a";
}

.icon-new-comment:before {
    content: "b";
}

.icon-new-one:before {
    content: "v";
}

.icon-new-one-active:before {
    content: "n";
}

.icon-new-car:before {
    content: "w";
}

.icon-new-question:before {
    content: "t";
}

.icon-new-question-active:before {
    content: "o";
}

.icon-new-group:before {
    content: "u";
}

.icon-new-group-active:before {
    content: "A";
}

.icon-new-mine:before {
    content: "k";
}

.icon-new-mine-active:before {
    content: "m";
}

.icon-new-like:before {
    content: "g";
}

.icon-new-star:before {
    /*content: "y";*/
    content: "(";
}

.icon-new-star-active:before {
    content: ")";
}

.icon-new-share:before {
    content: "z";
    /*content: "*";*/
}

.icon-new-pin:before {
    content: "d";
}

.icon-new-mine-heart:before {
    content: "e";
}

.icon-new-coins:before {
    content: "f";
}

.icon-new-arrow-right:before {
    content: "P";
}

.icon-new-arrow-left:before {
    content: "Q";
}

.icon-new-down:before {
    content: "N";
}

.icon-new-write:before {
    content: "x";
}

.icon-new-zan:before {
    content: "g";
}

.icon-new-add:before {
    content: "s";
}

.icon-new-share-more:before {
    content: "J";
}

.icon-new-address:before {
    content: "h";
}

.icon-new-forwarding:before {
    content: "M";
}

.icon-new-search:before {
    content: "l";
}

.icon-new-option:before {
    content: "O";
}

.icon-new-two-arrow-left:before {
    content: "I";
}

.icon-new-pen:before {
    content: "L";
}

.icon-new-phone-active:before {
    content: "1";
}

.icon-new-phone:before {
    content: "2";
}

.icon-new-download:before {
    content: "4";
}

.icon-new-paper:before {
    content: "3";
}

.icon-new-message:before {
    content: "7";
}

.icon-great-comment:before {
    content: "9";
}

.icon-great-like:before {
    content: "!";
}

.icon-great-pen:before {
    content: "8";
}

.icon-new-face:before {
    content: "$";
}

.icon-new-photo:before {
    content: "%";
}

.icon-new-clock:before {
    content: "'";
}

.icon-new-people:before {
    content: "&";
}

.icon-new-nick:before {
    content: "q";
}

.icon-new-phone-static:before {
    content: "+";
}

.icon-new-alert:before {
    content: ",";
}

.icon-new-delete:before {
    content: "-";
}

.icon-new-keyboard:before {
    content: "/";
}

.icon-new-emotion:before {
    content: ".";
}

.icon-new-camera:before {
    content: ":";
}

.icon-new-car-key:before {
    content: ";";
}

.icon-new-motormeter:before {
    content: "<";
}

.icon-new-writing:before {
    content: "=";
}

.icon-new-speaker:before {
    content: ">";
}

.icon-new-chat-bubble:before {
    content: "?";
}

.icon-new-heart:before {
    content: "@";
}

.icon-new-social-sharing:before {
    content: "]";
}

.icon-new-sort:before {
    content: "_";
}

.icon-new-comment-popup:before {
    content: "`";
}

.icon-new-office-tag:before {
    content: "R";
}

.icon-new-tree-card:before {
    content: '"';
}

.icon-new-pk:before {
    content: "S";
}

.icon-new-money-chat:before {
    content: "V";
}

.icon-new-calculator:before {
    content: "Y";
}

.icon-new-check-box:before {
    content: "X";
}

.icon-new-little-right:before {
    content: "$";
}
/*icon font end */
/* lastest icon font */
@charset "UTF-8";
/*icon font begin */
@font-face {
    font-family: "msg-chemm-mobile";
    src: url("/fonts/msg-new-mobile.eot?20151009");
    src: url("/fonts/msg-new-mobile.eot?#iefix?20151009") format("embedded-opentype"), url("/fonts/msg-new-mobile.woff?20151009") format("woff"), url("/fonts/msg-new-mobile.ttf?20151009") format("truetype"), url("/fonts/msg-new-mobile.svg#chemm-mobile?20151009") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-msg-"]:before,
[class*=" icon-msg-"]:before {
    font-family: "msg-chemm-mobile" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-msg-setting:before {
    content: "b";
}

.icon-msg-little-right:before {
    content: "0";
}

.icon-msg-calculator1:before {
    content: "\\";
}

.icon-msg-down1:before {
    content: "^";
}

.icon-msg-tree-card:before {
    content: "M";
}

.icon-msg-check-box:before {
    content: "F";
}

.icon-msg-money-chat:before {
    content: "q";
}

.icon-msg-calculator:before {
    content: "U";
}

.icon-msg-pk:before {
    content: "Q";
}

.icon-msg-little-right:before {
    content: "0";
}

.icon-msg-switch:before {
    content: "\e000";
}

.icon-msg-store:before {
    content: "\e001";
}

.icon-msg-news:before {
    content: "\e002";
}

.icon-msg-forum:before {
    content: "\e003";
}

.icon-msg-eye-close:before {
    content: "\e004";
}

.icon-msg-eye-open:before {
    content: "\e005";
}

.icon-msg-add:before {
    content: "'";
}

.icon-msg-pk:before {
    content: "Q";
}

.icon-msg-check:before {
    content: ")";
}

.icon-msg-close:before {
    content: "[";
}

.icon-msg-photo:before {
    content: "C";
}
/* lastest icon font end */
/* cover styles */
* {
    word-wrap: break-word;
    word-break: break-all;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.rich_media_content {
    overflow: visible !important;
}

.vex-overlay {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
}

.vex.vex-theme-os .vex-content {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
}

.bx-wrapper .bx-controls {
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 10px;
}

    .bx-wrapper .bx-controls .bx-pager {
        padding-right: 0;
        float: none;
    }

.bx-wrapper .bx-controls {
    bottom: 3px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 12px;
    height: 3px;
    margin: 2px 6px;
    border-radius: 2px;
    background-color: #fff;
}

.wechat .bottom-dialog .vex-overlay {
    z-index: -1;
}

img.emojione {
    width: 20px;
    height: 20px;
    margin: 0 2px;
    vertical-align: text-bottom;
}

.wechat .vex.comment-dialog {
    border-bottom: 1px solid #fff;
}

    .wechat .vex.comment-dialog .vex-overlay {
        z-index: -1;
    }

.no-found {
    text-align: left !important;
}

    .no-found p {
        text-align: center;
        !important;
    }

.t-p-b-special {
    background-color: #59acfa !important;
}

    .t-p-b-special .icon {
        color: #fff;
        font-size: 27px !important;
    }

.ontop {
    position: absolute;
    z-index: 999;
}

body {
    background-color: #eaeced;
}

.block-white {
    background: #eaeced;
}

.must-no-padding {
    padding: 0 !important;
}

.android.wechat .vex {
    left: -5px;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

div.like, div.comment-icon {
    display: inline-block;
}

[class*=" icon-new-"] {
    font-size: 14px;
    color: #999;
}

    [class*=" icon-new-"] + span {
        font-size: 12px;
    }

.vex.vex-theme-os .vex-content textarea {
    height: 400px;
}

#list-loading {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

    #list-loading img {
        position: absolute;
        z-index: 999;
        width: 18px;
        height: 18px;
        left: 85px;
        top: 16px;
    }

.pagination {
    visibility: hidden;
}

#infscr-loading div {
    color: #999;
}

/* bottom tab begin */
.tab-body {
    padding-bottom: 56px !important;
}

.comment-input-body {
    padding-bottom: 46px;
}

.bottom-tab {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3000;
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
}

    .bottom-tab .tab:active {
        background-color: #e5e5e5;
    }

    .bottom-tab .tab {
        display: inline-block;
        width: 20%;
        font-size: 12px;
        color: #999;
        float: left;
        text-align: center;
        padding-top: 8px;
        background-color: #fff;
        position: relative;
    }

        .bottom-tab .tab.new-noti:after {
            content: " ";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: red;
            display: inline-block;
            position: absolute;
            top: 4px;
            left: 50%;
            margin-left: 8px;
        }

        .bottom-tab .tab .title {
            padding: 6px;
            font-weight: normal !important;
            color: #999;
        }

        .bottom-tab .tab .icon {
            font-size: 22px;
            color: #999;
        }

        .bottom-tab .tab.active .icon-new-one:before {
            content: 'n';
        }

        .bottom-tab .tab.active .icon-new-question:before {
            content: 'o';
        }

        .bottom-tab .tab.active .icon-new-group:before {
            content: 'A';
        }

        .bottom-tab .tab.active .icon-new-mine:before {
            content: 'm';
        }
/* bottom tab end */
/*vex dialog cover begin */
.title-bar-fixed-body {
    padding-top: 45px !important;
}

.vex.bottom-dialog .vex-content {
    background-color: transparent;
}

.vex.bottom-dialog .bottom-funcs {
    padding: 10px;
}

    .vex.bottom-dialog .bottom-funcs li .icon {
        display: none;
    }

    .vex.bottom-dialog .bottom-funcs li {
        padding: 14px;
        border-bottom: 1px solid #d3d3d5;
        text-align: center;
        color: #1c90ff;
        background-color: #eaeaea;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
    }

        .vex.bottom-dialog .bottom-funcs li:last-child {
            margin-top: 0;
        }

    .vex.bottom-dialog .bottom-funcs .radius-wrapper:last-child {
        margin-top: 10px;
    }

    .vex.bottom-dialog .bottom-funcs .radius-wrapper {
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        overflow: hidden;
    }

/*vex dialog cover end */

/* common styles */
.fixed {
    position: fixed !important;
    top: 0 !important;
}

.no-more-article-hint {
    padding: 15px 0;
    background-color: #eaeded;
    text-align: center;
    font-size: 14px;
    color: #2b2b2b;
}

.title-icon-orange {
    background-color: #f8bb86;
}

.title-icon-blue {
    background-color: #34a8e1;
}

.title-icon-grey {
    background-color: #bcc2c6;
}

.title-icon-red {
    background-color: #e7141a;
}

.title-icon-purple {
    background-color: #A89CEA;
}


.c-flexbox {
    display: -webkit-flex;
    display: flex;
    width: auto;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    -webkit-box-lines: single;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: strecth;
    -webkit-align-content: flex-start;
    -webkit-flex-wrap: nowrap;
}

.oneline-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}


/* custom css icon begin */
.c-icon-circle-back {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
    position: relative;
}

    .c-icon-circle-back .icon.icon-new-arrow-left {
        font-size: 12px;
        position: absolute;
        left: 0;
        right: 2px;
        top: 0;
        bottom: 0;
        display: inline-block;
        margin: auto;
        width: 12px;
        height: 12px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

.c-icon-circle-bg-arrow-down {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #ececec;
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: 3px;
}

    .c-icon-circle-bg-arrow-down .icon-new-arrow-right {
        position: absolute;
        font-size: 12px;
        -webkit-transform: rotateZ(90deg) scale(0.6);
        transform: rotateZ(90deg) scale(0.6);
        left: 2px;
        top: 2px;
    }
/* custom css icon end */
/* top menu */
.top-menu {
    height: 45px;
    line-height: 45px;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    padding-top: 0;
    color: #8f8f8f;
}

    .top-menu .sub-menu-wrap {
        height: 45px;
        line-height: 45px;
        border: none;
    }

    .top-menu .scrollable-menu {
        padding-bottom: 10px;
    }

    .top-menu .scrollable-menu-bar {
        height: 46px;
        border-bottom: 1px solid #e5e5e5;
        box-sizing: border-box;
        background: #f6f6f6;
    }

    .top-menu .scrollable-menu-more .list-shadow {
        height: 45px;
    }

    .top-menu .search-btn {
        display: block;
        width: 45px;
        height: 45px;
        text-align: center;
    }

        .top-menu .search-btn .icon {
            font-size: 24px;
            color: #818181;
            position: relative;
            top: -2px;
            vertical-align: middle;
        }

    .top-menu .scrollable-menu-list a {
        margin: 0;
        /*width: 16.66666%;*/
        min-width: 45px;
        height: 45px;
        line-height: 45px;
        padding: 0 10px;
        box-sizing: border-box;
        text-align: center;
    }

/* main menu begin */
.home .header {
    height: 45px;
    border-bottom: 1px solid #e5e5e5;
}

.main-menu a {
    height: 45px;
    box-sizing: border-box;
}

.main-menu .unstyled {
    width: 89%;
    float: left;
}

.main-menu .search-icon-wrap {
    display: inline-block;
    width: 11%;
}

.main-menu .shadow-left {
    height: 100%;
    float: left;
    margin-left: -9px;
}

.main-menu .icon-new-search {
    font-size: 20px;
    color: #818181;
    vertical-align: middle;
}

.main-menu li a span {
    font-size: 14px;
}
/* main menu end*/

.news-list {
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
}

    .news-list .news-li-title {
        height: 2.8em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 14px;
    }

    .news-list .each:last-child {
        border-bottom: none;
    }

    .news-list .each .list-img {
        width: 64px;
        height: 64px;
        float: right;
        margin: 3px 0;
        margin-bottom: 0;
        margin-left: 22px;
    }

        .news-list .each .list-img .unveil {
            width: 100%;
            height: 100%;
        }

    .news-list .each,
    .news-list-gallery .each,
    .news-list-topic .each {
        margin: 0 12px;
        padding: 12px 0;
    }

    .news-list .each,
    .news-list-gallery .each,
    .news-list-topic .each {
        border-bottom: 1px solid #f5f5f5;
    }

    .news-list .desc-normal {
        position: absolute;
        width: 62.5%;
        font-size: 12px;
        bottom: 12px;
        color: #999;
    }

        .news-list .desc-normal .source {
            position: relative;
            left: 0;
        }

        .news-list .desc-normal .views {
            position: absolute;
            right: 46px;
        }

        .news-list .desc-normal .comment {
            position: absolute;
            right: 0;
        }

.banner-news-list .each.banner-news,
.news-list-gallery .each.banner-news,
.news-list-topic .each.banner-news {
    padding: 0;
    width: 100%;
}

/* banner-news-list is copy of news-list begin */
.banner-news-list .each, .news-list-gallery .each, .news-list-topic .each {
    display: block;
    padding: 0.8em;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}

    .banner-news-list .each .list-img {
        width: 90px;
        height: 60px;
        overflow: hidden;
        background: #eee;
        float: left;
        margin-right: 0.8em;
        position: relative;
    }

        .banner-news-list .each .list-img .unveil {
            width: 90px;
            height: 60px;
        }

.banner-news-list a:visited .news-li-title {
    color: #aaa;
}

.banner-news-list .news-date, .news-list .news-catalog {
    color: #aaa;
    position: absolute;
    bottom: 0.9em;
}

.banner-news-list .news-date {
    left: 110px;
}

.banner-news-list .news-catalog {
    left: 190px;
}

.banner-news-list .news-date span, .tags a span, .txt-list .date, .comments .c-author-date {
    font-size: 1em;
}

.banner-news-list .tags, .news-list-gallery .tags {
    position: absolute;
    right: 0.8em;
}

.banner-news-list .tags {
    bottom: 0.8em;
}

    .banner-news-list .tags .tag span {
        color: #aaa;
    }

    .banner-news-list .tags .primary-tag span {
        color: #D64541;
    }
/* banner-news-list is copy of news-list end*/
.banner-news-list {
    padding-top: 8px;
}

.banner-news {
    width: 92.4%;
    height: 150px;
    font-size: 12px;
    color: #818181;
    font-size: 12px;
}

    .banner-news .content-wrap {
        margin: 0 8px 8px;
        height: 142px;
        position: relative;
    }


    .banner-news .content {
        position: absolute;
        z-index: 999;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 8px 10px;
    }

.banner-news-list .banner-news .title {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 70%;
    bottom: 32px;
    /*left: 12px;*/
    line-height: 1.3;
    letter-spacing: 1px;
    height: 35px;
    padding-top: 10px;
    overflow: hidden;
}

.banner-news-list .banner-news .list-img .unveil {
    width: 100%;
    height: 100%;
}

.banner-news-list .banner-news .list-img {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
}

.banner-news-list .desc {
    padding-top: 10px;
}

.banner-news-list .banner-news .views {
    /*bottom: 12px;*/
    /*left: 98px;*/
    padding-left: 12px;
}

    .news-list .desc-normal .views .icon,
    .news-list .desc-normal .comment .icon,
    .banner-news-list .banner-news .views .icon,
    .banner-news-list .banner-news .comment .icon {
        vertical-align: top;
        padding-right: 2px;
        font-size: 13px;
        position: relative;
        bottom: 1px;
    }

.banner-news-list .banner-news .tags {
    position: initial;
    right: initial;
    /*left: 12px;*/
    /*bottom: 77px;*/
}

    .banner-news-list .banner-news .tags .tag {
        border: 1px solid #818181;
        border-radius: 2px;
        padding: 1px 5px;
    }

.banner-news-list .banner-news .date {
    /*bottom: 12px;
    left: 12px;*/
}

.banner-news-list .banner-news .comment {
    /*right: 12px;*/
    /*bottom: 12px;*/
    float: right;
}

.banner-news-list .banner-news .mask {
    width: 100%;
    height: 92px;
    bottom: 0;
    position: absolute;
    z-index: 99;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.news-li-g-title {
    width: 100%;
}

.news-list .gallery-imgs {
    overflow: auto;
    padding-bottom: 22px;
}

.news-list-gallery .gallery-img img {
    height: 100%;
    width: 100%;
}

.news-list .news-list-gallery .desc-normal {
    width: 100%;
}

.news-list-gallery .news-li-title {
    height: auto;
}

.news-list .img-count-tag {
    padding: 4px 8px;
    text-align: center;
    background-color: #000;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 34px;
    z-index: 10;
    font-size: 12px;
}

.news-get-more {
    padding: 20px;
    font-size: 14px;
    background-color: #fff;
}

/* page-controller begin */
.page-controller {
    background-color: #fff;
    font-size: 14px;
    color: #2b2b2b;
    height: 45px;
    line-height: 45px;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    background-color: #eaeded;
}

    .page-controller .page-flex {
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .page-controller .icon {
        color: #999;
        position: relative;
        top: 3px;
        font-size: 14px !important;
    }

    .page-controller .next-page-only {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #2b2b2b;
        font-size: 14px;
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

        .page-controller .next-page-only .icon-new-arrow-right {
            position: relative;
            left: 17%;
        }

    .page-controller .cur-page {
        -webkit-box-flex: 0;
        -webkit-flex: none;
    }

    .page-controller a {
        display: block;
    }

    .page-controller .first-page .icon {
        margin-right: 32%;
    }

    .page-controller .first-page + .prev-page .icon {
        margin-right: 64%;
    }

    .page-controller .next-page a {
        text-align: left;
        padding-left: 32%;
    }

    .page-controller .prev-page a {
        text-align: right;
        padding-right: 32%;
    }

    .page-controller .first-page,
    .page-controller .first-page + .prev-page {
        width: 48%;
        display: inline-block;
        text-align: right;
    }

    .page-controller .next-page,
    .page-controller .page-left {
        width: 40%;
        white-space: nowrap;
        -webkit-box-flex: 2;
        -webkit-flex: 2 1 auto;
    }



/* page-controller end */

/* button  begin */
.btn-simple-border {
    padding: 9px 44px;
    border: 1px solid #868686;
    display: inline;
}

/* button end */
/* tags begin */
.tag-simple {
    font-size: 12px;
    color: #999;
    border: 1px solid #e5e5e5;
    padding: 3px 7px;
}

.tag {
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    margin: 0;
    border-radius: 2px;
    display: inline-block;
}

.tag-sm-grey {
    background-color: #3F3F3F;
    color: #FBFBFB;
}

.tag-office {
    height: 13px;
    width: auto;
    vertical-align: top;
    margin-left: 12px;
}
/* tags end */


.divider-tag {
    background-color: #eaeced;
    color: #999;
    font-size: 13px;
    padding: 10px 12px;
}

.live {
    background-color: #fff;
    padding: 12px;
}

    .live .title {
        font-size: 14px;
        color: #2d2d2d;
        font-weight: bold;
        padding-bottom: 12px;
        display: inline-block;
        width: 56%;
    }

    .live .desc {
        float: right;
        width: 44%;
        color: #999;
        font-size: 9px;
        text-align: right;
    }

        .live .desc .views {
            padding-right: 13px;
        }

            .live .desc .views .icon-new-views {
                padding-right: 2px;
                vertical-align: text-bottom;
            }

        .live .desc .live-status {
            color: #fff;
            background-color: #f62459;
            border-radius: 2px;
            padding: 2px 6px;
        }

    .live .info {
        padding-top: 12px;
        font-size: 10px;
        color: #999;
    }

    .live .photo .list-img {
        position: relative;
    }

        .live .photo .list-img img {
            width: 100%;
            height: 83px;
        }

/* title bar begin */

.text-center {
    text-align: center;
}


.title-bar {
    height: 44px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #818181;
    z-index: 4001;
    position: relative;
}

.ios .title-bar {
    -webkit-backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.8);
}

.title-bar .text-right {
    float: right;
    position: relative;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
    font-size: 14px;
}

.title-bar .title .icon-new-down {
    font-size: 14px;
    color: #b3b3b3;
    position: relative;
    top: 1px;
    padding: 3px;
}


.title-bar .title {
    font-size: 16px;
    font-weight: bold;
    color: #818181;
    height: 44px;
    width: 100px;
    margin-left: -50px;
    line-height: 44px;
    position: absolute;
    left: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.title-bar .right-part {
    float: right;
}

    .title-bar .right-part .icon {
        font-size: 28px;
        margin-right: 12px;
        position: relative;
        top: 8px;
    }

.title-bar .go-back {
    display: inline-block;
    float: left;
}

.title-bar .icon-new-arrow-left {
    float: left;
    font-size: 19px;
    padding: 12px;
    padding-top: 14px;
    padding-left: 8px;
    padding-right: 50px;
    color: #999;
    line-height: 0;
}


.title-bar .text-right .two-text,
.title-bar .text-right .pic,
.title-bar .text-right .icon {
    display: inline-block;
    float: right;
}

.title-bar .text-right .two-text {
    position: relative;
    width: 120px;
    height: 44px;
    text-align: right;
    margin-right: 12px;
}

.title-bar .two-text .text-title {
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 4px;
    font-weight: bold;
}

.title-bar .two-text .desc {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 22px;
}

.title-bar .text-right .pic {
    width: 25px;
    height: 22px;
    padding-top: 11px;
    padding-right: 5px;
}

    .title-bar .text-right .pic img {
        width: 100%;
        height: 100%;
        float: right;
    }

.title-bar .text-right .icon {
    position: relative;
    top: 15px;
}
/* title bar end */
/* vertical middle icon begin */
.vertical-wrapper {
    display: table;
    float: left;
}

.cell-vertical-middle {
    display: table-cell;
    vertical-align: middle;
}
/* vertical middle icon end */
/* reuse component comment list a */
.comment-list-a .comment-box {
    background-color: #fff;
    padding-bottom: 12px;
    padding-right: 12px;
    border-bottom: 1px solid #f5f5f5;
}

    .comment-list-a .comment-box .avatar-wrap {
        float: left;
        width: 35px;
        height: 35px;
        padding: 12px;
    }

        .comment-list-a .comment-box .avatar-wrap img {
            height: 100%;
            width: 100%;
        }

    .comment-list-a .comment-box .content {
        color: #999;
        margin-left: 60px;
    }

        .comment-list-a .comment-box .content .name {
            font-size: 14px;
            padding-top: 13px;
        }

        .comment-list-a .comment-box .content .floor {
            padding-left: 4px;
        }

        .comment-list-a .comment-box .content .location {
            padding-left: 6px;
            display: inline-block;
            width: 140px;
        }

            .comment-list-a .comment-box .content .location .icon {
                padding-right: 3px;
            }

        .comment-list-a .comment-box .content .date {
            font-size: 12px;
            padding-top: 9px;
        }

            .comment-list-a .comment-box .content .date span {
                vertical-align: bottom;
            }

        .comment-list-a .comment-box .content .like {
            float: right;
            margin-top: -40px;
        }

            .comment-list-a .comment-box .content .like .like-num {
                font-size: 15px;
            }

            .comment-list-a .comment-box .content .like .icon-new-like {
                font-size: 19px;
                vertical-align: sub;
                padding-right: 3px;
            }

        .comment-list-a .comment-box .content .reply-comment-box {
            background-color: #f4f4f6;
            margin-top: 12px;
            padding: 10px;
            padding-top: 0;
        }

    .comment-list-a .comment-box .comment {
        color: #2b2b2b;
        font-size: 14px;
        padding-top: 12px;
        line-height: 1.5em;
        word-break: break-all;
    }

.comment-list-a .btn-goto {
    font-size: 14px;
    color: #999;
    padding: 20px 0;
    text-align: center;
}

.comment-list-a .rl-panel {
    overflow: hidden;
}

    .comment-list-a .rl-panel a {
        font-size: 12px;
        color: #666;
        float: right;
        padding-top: 3px;
    }

    .comment-list-a .rl-panel .btn-like {
        padding-right: 12px;
        border-right: 1px solid #f5f5f5;
    }

    .comment-list-a .rl-panel .btn-reply {
        padding-left: 12px;
    }
/* cover css */
/* comment input cover */
.android .article-footer .container {
    padding-left: 12px;
    padding-right: 12px !important;
}

.android .article-footer ul {
    width: 22%;
    margin-left: 3%;
    padding-right: 0;
}

.android .article-footer .container ul {
    width: 25%;
    margin-left: 0;
}

.android .article-footer .moni-input {
    width: 75%;
}

.article-footer {
    background-color: #fff;
    height: 50px;
    line-height: 50px;
}

    .article-footer .moni-input {
        margin: 0;
        padding: 0;
        width: 75%;
        border-radius: 0;
        background-color: #f4f4f6;
        padding-left: 46px;
        height: 30px;
        line-height: 30px;
        top: 0;
        top: 10px;
    }

        .article-footer .moni-input .icon {
            top: 0;
            left: 9px;
        }

    .article-footer .comment-num-wrap {
        border: none;
        background: transparent;
    }

    .article-footer .icon {
        font-size: 23px;
        top: 7px;
        color: #999;
    }

    .article-footer .icon-new-share {
        font-size: 28px;
        vertical-align: text-bottom;
    }

    .article-footer .icon-new-write {
        font-size: 29px;
        top: 0;
    }

    .article-footer .container {
        overflow: hidden;
        padding: 0 0 0 12px !important;
        color: #999;
    }

        .article-footer .container ul {
            width: 25%;
            margin-left: 0;
        }

            .article-footer .container ul li {
                width: 50%;
            }

                .article-footer .container ul li button {
                    padding: 0;
                    position: relative;
                    left: 4px;
                }

/* 灰色背景绿色字体选中状态的tab */
.tab-simple-grey-green {
    background-color: #f7f7f7;
    color: #818181;
    font-size: 12px;
    text-align: center;
    overflow: auto;
}

    .tab-simple-grey-green .item {
        display: inline-block;
        float: left;
        width: 33.333%;
        padding: 8px 0;
    }
/* 发表帖子的tab */
.tab-post {
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

    .tab-post .item {
        display: inline-block;
        float: left;
        width: 16.67%;
        height: 100%;
    }

    .tab-post .icon {
        font-size: 20px;
        vertical-align: middle;
    }

/* gallery-box-a begin */
.gallery-box-a {
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    width: 100%;
}

    .gallery-box-a.muti-pic .pic {
        width: 33.3%;
        box-sizing: border-box;
        float: left;
        padding-right: 5px;
        padding-bottom: 5px;
    }

        .gallery-box-a.muti-pic .pic img {
            width: 100%;
            height: 100%;
        }

    .gallery-box-a img {
        width: auto;
        height: auto;
    }
/* gallery-box-a end */
/* gallery-box-b begin */
.gallery-box-b .pic img {
    width: 100%;
    vertical-align: top;
    margin-bottom: 12px;
}

.gallery-box-b .pic:last-of-type img {
    margin-bottom: 0;
}
/* gallery-box-b end */
/* user-news-banner begin */
.tab-banner {
    height: 44px;
    width: 100%;
    background: #fff;
    text-align: center;
}

    .tab-banner .icon-new-arrow-left {
        font-size: 19px;
        margin-left: 12px;
        position: relative;
        top: 14px;
        float: left;
    }

    .tab-banner .user-news-top {
        width: 197px;
        height: 29px;
        display: inline-block;
        margin-top: 7.5px;
        margin-right: 31px;
    }

    .tab-banner .user-news-font .reply {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .tab-banner .user-news-font .system {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
/* user-news-banner end */
/* splash begin */
.new-first-splash {
    background: #FFF;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 99999;
    opacity: 1;
    display: none;
    transition: all 1.0s;
    -webkit-transition: all 1.0s;
}

    .new-first-splash .top-img {
        height: 82.7%;
        width: 100%;
    }

    .new-first-splash .bottom-img {
        height: 17.3%;
        width: 100%;
    }

    .new-first-splash.fade {
        opacity: 0;
    }

    .new-first-splash .skip {
        position: absolute;
        top: 0;
        right: 0;
        color: #E3E3E3;
        border-radius: 7px;
        padding: 15px 18px;
    }

        .new-first-splash .skip > div {
            padding: 7px 10px;
            background-color: #292424;
        }
/* splash end */
/* 没有系统通知的样式 */
.no-noti-hint {
    text-align: center;
    font-size: 14px;
    color: #2b2b2b;
}

    .no-noti-hint img {
        width: 69px;
        height: 69px;
        margin-top: 63px;
        margin-bottom: 23px;
    }
/* 没有系统通知的样式 */
/* 评论弹出框带有表情框样式 Begin */
.emoji-dialog .vex-dialog-form .vex-dialog-input .emoji-textarea {
    height: 160px !important;
    background-color: #f2f2f2 !important;
    float: left;
    padding: 0 !important;
}

.emoji-dialog .vex-dialog-form .vex-dialog-input .tab-post {
    clear: both;
}

.emoji-dialog.vex .vex-overlay {
    background-color: #f2f2f2;
}

.emoji-dialog .emoji-wrapper {
    padding: 15px 15px 0px 57px;
}

    .emoji-dialog .emoji-wrapper .icon-wrapper {
        position: absolute;
        padding: 15px;
        left: 0;
        top: 46px;
    }

.not-login .article-page .emoji-dialog .emoji-wrapper .icon-wrapper {
    top: 90px;
}

.emoji-dialog .emoji-wrapper .icon-wrapper .icon {
    font-size: 28px;
}

.emoji-dialog .vex-content, .emoji-dialog .vex-dialog-form,
.emoji-dialog .vex-dialog-input {
    height: 100%;
}

.emoji-dialog .face-box {
    margin-bottom: 10px;
}

.emoji-dialog .faces-content {
    position: relative;
    height: 100%;
}

.emoji-dialog .bxslider, .emoji-dialog .bxslider li {
    height: 100%;
}

.emoji-dialog .bottom-wrapper {
    position: absolute;
    bottom: 0;
    visibility: hidden;
}

.emoji-dialog.emoji-show .bottom-wrapper {
    visibility: visible;
}

.emoji-dialog.emoji-show .icon-wrapper .icon-new-emotion {
    display: none;
}

.emoji-dialog.emoji-show .icon-wrapper .icon-new-keyboard {
    display: block;
}

.emoji-dialog .icon-wrapper .icon-new-keyboard {
    display: none;
}

.emoji-dialog .icon-wrapper .icon-new-emotion {
    display: block;
}
/* 评论弹出框带有表情框样式 End */
/* 表情框 Begin */
.face-box {
    height: 180px;
    text-align: center;
    opacity: 1;
}

    .face-box .bx-wrapper {
        background-color: #FFF;
    }

        .face-box .bx-wrapper .bx-viewport {
            height: 165px !important;
            background-color: #FFF;
        }

    .face-box .bxslider-wrapper {
        height: 100%;
        background-color: #FFF;
    }

    .face-box .faces-content {
        height: auto;
        overflow: hidden;
    }

    .face-box .face-icon {
        float: left;
        padding: 8px 0;
        width: 14.28%;
        height: 24px;
        box-sizing: content-box;
    }

        .face-box .face-icon img {
            width: 24px;
            height: 24px;
            margin: 0 auto;
        }

    .face-box .bx-controls {
        position: initial;
    }

        .face-box .bx-controls .bx-pager {
            float: none;
            text-align: center;
        }

    .face-box .bx-pager.bx-default-pager a {
        width: 12px;
        height: 3px;
        margin: 2px 6px;
        border-radius: 2px;
        background-color: #fff;
    }

    .face-box .icon-new-delete {
        font-size: 26px;
    }

    .face-box .icon-delete {
        float: left;
        padding: 8px 0;
        width: 14.28%;
        height: 24px;
        box-sizing: content-box;
        position: absolute;
        bottom: 0;
        right: 0;
    }
/* 表情框 End */

/* artilce styles */
/*.thread-page .post-body .text p,
.thread-page .post-body .text span,
.a-content p,
.a-content span {
    font-family: "Oxygen", Arial, "Hiragino Sans GB ", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
    text-indent: 0 !important;
}

.thread-page .post-body .text .a-img,
.a-content .a-img {
    padding-bottom: 0 !important;
    margin-bottom: 24px !important;
}
*/

.a-content .a-img {
    max-width: initial !important;
    display: block;
    ;
}

.thread-page .post-body .text p,
.thread-page .post-body .text span {
    font-family: "Oxygen", Arial, "Hiragino Sans GB ", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    padding: 0 !important;
    margin-bottom: 24px !important;
    text-indent: 0 !important;
}

.thread-page .post-body .text .a-img {
    padding-bottom: 0 !important;
    margin-bottom: 24px !important;
}
/* post fixed button */
.post-fixed-button {
    display: block;
    height: 45px;
    width: 45px;
    position: fixed;
    bottom: 67px;
    right: 12px;
    background-color: rgba(78, 205, 196, .9);
    border-radius: 50%;
    z-index: 1003;
    text-align: center;
    color: #fff;
}

    .post-fixed-button .icon {
        color: #fff;
        padding-top: 5px;
        font-size: 20px;
        float: none;
        margin-right: 0;
        position: initial;
    }

    .post-fixed-button div {
        color: #fff;
        font-size: 9px;
        padding-top: 1px;
    }
/* round-navbar begin */
.round-navbar {
    height: 44px;
    line-height: 44px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #818181;
    z-index: 4001;
    position: relative;
}

    .round-navbar .icon-new-arrow-left {
        position: absolute;
        left: 0;
        font-size: 19px;
        padding: 12px;
        padding-top: 14px;
        padding-left: 8px;
        padding-right: 30px;
        color: #999;
        line-height: 0;
    }

    .round-navbar .button-wrapper {
        display: inline-block;
        width: 200px;
        height: 100%;
        text-align: center;
    }

        .round-navbar .button-wrapper > a.first {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .round-navbar .button-wrapper > a.last {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .round-navbar .right-icon-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 12px;
    }

        .round-navbar .right-icon-wrapper i {
            font-size: 23px;
            display: inline-block;
            line-height: 45px;
            float: left;
        }
/* round-navbar end */
/* checkode*/
.captcha-wrapper {
    position: relative;
    line-height: normal;
}

    .captcha-wrapper img {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        margin-right: 10px;
        height: 30px;
    }

.vex-captcha-modal .captcha-box-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 205px;
    width: 100%;
    padding: 0 12px;
}

.vex-captcha-modal .captcha-box {
    width: 100%;
    height: 205px;
    color: #999;
    text-align: center;
    font-size: 14px;
    background-color: #fff;
    padding: 0 30px;
    border: 1px solid #fff;
}

    .vex-captcha-modal .captcha-box .modal-header {
        padding: 20px 0;
        font-size: 16px;
    }

    .vex-captcha-modal .captcha-box input {
        border: none;
        outline: 0;
        padding: 10px 0;
        font-size: 16px;
        margin: 0;
    }

    .vex-captcha-modal .captcha-box .modal-body {
        margin: 15px 0;
        border-bottom: 1px solid #e9e9e9;
        position: relative;
    }

        .vex-captcha-modal .captcha-box .modal-body img {
            position: absolute;
            top: 0;
            right: 0;
            height: 32px;
        }

    .vex-captcha-modal .captcha-box .modal-footer .submit {
        margin-top: 10px;
        background-color: #26C281;
        border-color: #26C281;
        width: 100%;
    }

/* favorite button trade */
.JS_fav-btn .icon-new-star-active {
    display: none;
}

.JS_fav-btn.favorite .icon-new-star {
    display: none;
}
/* trade phone round button */
.round-phone-btn {
    display: block;
    height: 45px;
    width: 45px;
    position: fixed;
    bottom: 10px;
    right: 12px;
    background-color: rgba(78, 205, 196, .9);
    border-radius: 50%;
    z-index: 1003;
    text-align: center;
}

.round-phone-btn-higher {
    bottom: 67px;
}

.round-phone-btn .icon:before {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 14px;
}














.simple-news-list {
    background-color: #fff;
}

    .simple-news-list .title {
        font-size: 14px;
        font-weight: bold;
        color: #2d2d2d;
        height: 45px;
        line-height: 45px;
        margin: 0 12px;
        overflow: hidden;
        border-bottom: 1px solid #f5f5f5;
    }

    .simple-news-list .btn-goto {
        display: inline-block;
        width: 100%;
        text-align: center;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        color: #999;
    }

        .simple-news-list .btn-goto .icon-new-arrow-right {
            font-size: 12px;
            padding-left: 7px;
            position: relative;
            top: 1px;
        }

.btn-green{background:#068fe9;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#068fe9;}.bottom-tab .tab.active .title{color:#068fe9;}.bottom-tab .tab.active .icon{color:#068fe9;font-size:22px;}.like.active .icon{color:#068fe9;}.top-menu .scrollable-menu-list .active{color:#068fe9;font-weight:bold;border-bottom:2px solid #068fe9;}.main-menu .active a{color:#068fe9;font-weight:bold;border-bottom:2px solid #068fe9;}.news-list .desc-normal .tag{background-color:#068fe9;color:#fff;padding:2px 5px;border-radius:2px;margin-right:6px;}.tag-small-green{background-color:#068fe9;color:#fff;padding:2px 5px;border-radius:2px;margin-right:3px;}.tag-sm-green{background-color:#068fe9;color:#fff;}.title-bar .comment{float:right;font-size:12px;margin-right:12px;margin-top:7px;padding:0 10px;height:28px;line-height:28px;border:1px solid #eee;text-align:center;color:#068fe9;}.title-bar .comment .icon{vertical-align:middle;font-size:16px;color:#068fe9;position:relative;top:-1px;}.article-footer .icon-new-star-active{color:#068fe9;}.tab-simple-grey-green .item.active{border-bottom:2px solid #068fe9;color:#068fe9;}.tab-banner .user-news-font{line-height:27px;font-size:13px;background:#068fe9;border-radius:5px;color:#fff;}.tab-banner .user-news-font .user-reply.active{color:#fff;background-color:#068fe9;}.tab-banner .user-news-font .user-reply{color:#068fe9;background-color:#fff;padding:0 20px;border-radius:5px;border:1px solid #068fe9;float:left;}.face-box .bx-pager.bx-default-pager a:hover,.face-box .bx-pager.bx-default-pager a.active{background:#068fe9;}.round-navbar .button-wrapper>a{float:left;width:50%;height:30px;line-height:30px;margin-top:7px;font-weight:bold;box-sizing:border-box;border:1px solid #068fe9;color:#068fe9;border-radius:5px;}.round-navbar .button-wrapper>a.active{border:none;background-color:#068fe9;color:#fff;}.JS_fav-btn.favorite .icon-new-star-active{color:#068fe9;display:inline-block;}.banner-search-cancel{color:#068fe9;}.position{line-height:40px;padding-left:10px;margin-top:5px;border-left:2px solid #068fe9;font-size:12px;color:#999;font-weight:normal;background:#fff;border-bottom:5px solid #eaeced;}.page_title{line-height:40px;padding-left:10px;border-left:2px solid #068fe9;font-size:12px;color:#999;font-weight:normal;background:#fff;border-bottom:5px solid #eaeced;}.block-white{margin-bottom:10px;}.block-white .not_data{line-height:200px;background:#fff;padding:0 10px;font-size:14px;text-align:center;}.block-white .news__nav .firstline{line-height:40px;background:#fff;font-size:14px;font-weight:bold;margin:10px 0;margin-top:0;}.block-white .news__nav .firstline li{float:left;list-style:none;padding:0 10px;border-bottom:2px solid #fff;}.block-white .news__nav .firstline li.active{border-bottom:2px solid #068fe9;}.clear{clear:both;}.swiper-slide{display:block;background:no-repeat 50%;background-size:cover;}.swiper-slide .mask{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;background-color:transparent;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-ms-linear-gradient(top,transparent,#000);opacity:.4;}.swiper-frame{position:relative;overflow:hidden;}.swiper-wrapper img{width:auto !important;max-height:100%;max-width:100%;}.slide_list{width:700px;height:330px;}.slide_list .swiper-slide{position:relative;}.slide_list .swiper-slide p{font-size:16px;position:absolute;bottom:20px;left:0;display:block;color:#fff;padding:5px 20px 5px 10px;background:rgba(0,0,0,.65);}.car_selector{background:#fff;padding:10px;border-bottom:2px solid #fe4f50;display:none;}.car_selector.show{display:block;}.car_selector .row{margin:10px auto;}.car_selector .row span{width:20%;display:block;float:left;height:30px;line-height:30px;color:#333;}.car_selector .row select{width:80%;display:block;float:left;height:30px;}.car_selector .row .clear{clear:both;}.car_selector #btn_sel_car{background:#fe4f50;color:#fff;}.car_selector #btn_sel_car.disabled{background:#ccc;}.paging_frame{width:100%;background:#fff;color:#999;font-size:14px;text-align:center;padding:5px;}.paging_frame .paging{margin:0;float:right;margin-right:10px;}.paging_frame .paging li{list-style:none;float:left;border:1px solid #e8e8e8;margin:2px;line-height:20px;}.paging_frame .paging li a{display:inline-block;padding:2px 10px;color:#000;text-decoration:none;}.paging_frame .paging li span{display:inline-block;padding:2px 10px;color:#000;text-decoration:none;}.paging_frame .paging li.current a{color:#fff;background:#068fe9;}.scrollable-menu{margin-left:100px;}.scrollable-menu-bar{position:relative;}.scrollable-menu-logo{position:absolute;left:0;top:0;display:block;width:90px;height:45px;}.scrollable-menu-logo img{width:90px;height:26.5px;padding:10px 5px !important;}.btn_load_comment{height:50px;line-height:50px;text-align:center;font-size:14px;color:#333;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}.btn_load_comment.more{cursor:pointer;}.btn_load_comment.none{color:#aaa;}.footer{background:#fff;padding:10px;border-top:1px solid #ccc;margin-top:5px;}.footer p{text-align:center;line-height:25px;color:#999;}.footer a{color:#068fe9;}.car_model_content{width:100%;}.car_model_content .content{width:103%;}.car_model_content .content .mf_item{width:47%;height:auto;float:left;background:#fff;margin:0 1% 1% 0;position:relative;border:1px solid #fff;overflow:hidden;}.car_model_content .content .mf_item img{width:100%;height:100%;}.car_model_content .content .mf_item span{height:26px;line-height:26px;position:absolute;bottom:0;left:0;text-align:center;display:block;width:100%;background:rgba(0,0,0,.65);color:#fff;}.car_model_content .content .mf_item:hover{border-color:#068fe9;}.news-list{margin-top:5px;}.news-list .each .list-img{width:98px;}.rom-list{border-top:1px solid #e5e5e5;background-color:#fff;margin-top:5px;}.rom-list .rom-item{padding:12px 0;display:block;padding:.8em;position:relative;border-bottom:1px solid #e9e9e9;overflow:hidden;}.rom-list .rom-item .list-img{width:36px;height:64px;margin:3px 0;margin-bottom:0;margin-right:15px;overflow:hidden;background:#eee;float:left;position:relative;}.rom-list .rom-item .news-li-title{height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;}.rom-list .rom-item .desc-normal{width:62.5%;font-size:12px;bottom:12px;color:#999;position:absolute;left:62px;}.mf_content{width:100%;}.mf_content.hot_mf{margin-bottom:0;}.mf_content.hot_mf .content{padding-bottom:0;padding-top:10px;}.mf_content.hot_mf .content .mf_item{width:22.5%;}.mf_content .content{width:103%;padding:1%;}.mf_content .content .mf_item{width:46.5%;height:auto;float:left;background:#fff;margin:0 1% 1% 0;position:relative;border:1px solid #fff;}.mf_content .content .mf_item.item-lv-2{margin-bottom:1.7%;}.mf_content .content .mf_item.item-lv-2 span{position:static;}.mf_content .content .mf_item img{width:100%;height:100%;}.mf_content .content .mf_item span{width:23%;height:24px;line-height:24px;position:absolute;bottom:0;left:0;text-align:center;display:block;width:100%;background:rgba(0,0,0,.65);color:#fff;}.mf_content .content .mf_item:hover{border-color:#068fe9;}.phone_content{width:100%;}.phone_content.about_phone .content .phone_item{width:100%;}.phone_content.about_phone .content .phone_item .icon{width:20%;}.phone_content.about_phone .content .phone_item .info{width:75%;}.phone_content.about_phone .content .phone_item .info .des{font-size:12px;line-height:20px;color:#999;margin-top:5px;}.phone_content .content{width:103%;padding:1%;}.phone_content .content .phone_item{width:47%;height:auto;float:left;background:#fff;margin:0 1% 1% 0;position:relative;border:1px solid #fff;overflow:hidden;}.phone_content .content .phone_item .icon{float:left;width:30%;}.phone_content .content .phone_item .icon img{width:100%;height:100%;}.phone_content .content .phone_item .info{float:left;width:68%;}.phone_content .content .phone_item .info span{height:26px;line-height:26px;display:block;color:#333;}.phone_content .content .phone_item:hover{border-color:#068fe9;}.search_frame{margin:1%;border:1px solid #068fe9;}.null_list{display:none;}.not_data{text-align:center;background:#fff;line-height:100px;width:95% !important;color:#000;padding:0 !important;}.other_news{line-height:40px;font-size:12px;color:#999;font-weight:normal;background:#fff;border-top:5px solid #eaeced;}.other_news .pre_news{padding-left:10px;border-top:1px solid #eaeced;}.other_news .next_news{padding-left:10px;border-top:1px solid #eaeced;}.about_phone{margin-top:5px;}.rich_media_content img{height:auto !important;}.more_news{line-height:40px;font-size:12px;color:#999;font-weight:normal;background:#fff;display:block;text-align:center;margin-top:5px;}.sub_nav{display:flex;line-height:40px;font-size:12px;color:#999;background:#fff;text-align:center;margin-top:5px;}.sub_nav li{width:25%;list-style:none;}.sub_nav li a{width:100%;display:block;}.sub_nav li a.current{background:#068fe9;color:#fff;}.subdomain .phone-info{background:#fff;padding:10px;position:relative;margin-bottom:10px;display:flex;}.subdomain .phone-info .phone-icon{width:100%;float:left;border:1px solid #e8e8e8;max-width:70px;}.subdomain .phone-info .phone-icon img{width:100%;}.subdomain .phone-info .phone-conten{float:left;margin-left:10px;}.subdomain .phone-info .phone-conten h1{font-size:18px;line-height:20px;margin-top:0;}.subdomain .phone-info .phone-conten .phone-des{font-size:12px;line-height:20px;color:#666;margin-top:10px;}.subdomain .phone-info .phone-conten .btn-list{position:absolute;bottom:10px;right:10px;width:510px;}.subdomain .phone-info .phone-conten .btn-list a{width:24%;}.rom-down-btns a,.rom-down-btns button{position:relative;display:block;box-sizing:border-box;text-decoration:none;border-radius:5px;overflow:hidden;color:#fff;padding:10px;text-align:center;width:100%;}.rom-down-btns .download_rom{background-color:#f73d3d;border:1px solid #e82b2b;}.rom-down-btns .download_rom:hover{background-color:#e82b2b;}.rom-down-btns .download_ks{background:#ff7a2b;border:1px solid #e95115;}.rom-down-btns .download_ks:hover{background:#ff6a12;}.rom-down-btns .download_xs{background-color:#59c1f7;border:1px solid #2c9ad3;}.rom-down-btns .download_xs:hover{background-color:#2c9ad3;}.phone_selector{background:#fff;padding:10px;border-bottom:2px solid #ccc;display:none;}.phone_selector.show{display:block;}.phone_selector .row{display:flex;}.phone_selector .row .label_text{width:70px;}.phone_selector .row.search{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;}.phone_selector .row.search .button{width:100px;}.phone_selector input,.phone_selector select{line-height:30px;padding:5px 10px;background:#fff;border:1px solid #eaeced;border-radius:5px;margin:1%;width:98%;}.phone_selector .select2-container{width:100% !important;height:37px;}.phone_selector .select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #eaeced;border-radius:4px;height:37px;}.phone_selector .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:37px;}.phone_selector .select2-container--default .select2-selection--single .select2-selection__arrow{height:37px;}.phone_selector .button{position:relative;display:block;box-sizing:border-box;text-decoration:none;border-radius:5px;overflow:hidden;color:#fff;background-color:#068fe9;}.phone_selector .button.disabled{background-color:#ccc;}.rom-download-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none;}.rom-download-dialog.mip{display:block;min-height:170px;margin-top:50%;top:auto;left:auto;position:static;}.rom-download-dialog.mip .dialog-mask{background:none;}.rom-download-dialog.mip .dialog-mask .dialog-content{margin:0 2.5%;}.rom-download-dialog .dialog-mask{background:rgba(0,0,0,.6);width:100%;height:100%;}.rom-download-dialog .dialog-mask .dialog-content{width:95%;height:170px;position:absolute;margin:0 auto;background:#fff;border-radius:5px;overflow:hidden;}.rom-download-dialog .dialog-mask .dialog-content .text{padding:10px;padding-top:20px;font-size:18px;line-height:28px;}.rom-download-dialog .dialog-mask .dialog-content .buttons{border-top:1px solid #2c77ba;height:50px;line-height:50px;cursor:pointer;background:#068fe9;display:block;position:absolute;bottom:0;left:0;width:100%;}.rom-download-dialog .dialog-mask .dialog-content .buttons a{width:49%;color:#fff;display:block;float:left;text-align:center;text-decoration:none;font-size:14px;}.rom-download-dialog .dialog-mask .dialog-content .buttons a.btn_art{border-right:1px solid #2c77ba;background:#ff3737;}.rom-download-dialog .dialog-mask .dialog-content i{background:url('/images/dialog-close.png') no-repeat;background-position-y:-20px;background-size:20px;width:20px;height:20px;position:absolute;top:5px;right:5px;}.rom-download-dialog .dialog-mask .dialog-content i:hover{background-position-y:0;}.art-bottom-tip{color:#f00;}.art-bottom-tip a{color:#068fe9;}.select2-dropdown{border-color:#eaeced !important;}.select2-container--default .select2-search--dropdown .select2-search__field{line-height:24px;}.select2-results__option{line-height:24px;}