@charset "utf-8";
html { color: #000; background: #fff; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { outline: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
font-family: 'syht'; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }
/* 去掉各 Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* 去除默认边框 */
fieldset, img { border: 0; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 正常链接 未访问 */
/* 鼠标悬停 
a:hover { text-decoration: underline; }*/
/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }

.fl{float: left;}
.fr{float: right;}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}

@font-face {
  font-family: 'iconfont';
  src: url('https://member.kuyibu.com/font/iconfont.eot');
  src: url('https://member.kuyibu.com/font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('https://member.kuyibu.com/font/iconfont.woff') format('woff'),
  url('https://member.kuyibu.com/font/iconfont.ttf') format('truetype'),
  url('https://member.kuyibu.com/font/iconfont.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'iconfont';
  src: url('https://m.kuyibu.com/font/iconfont.eot');
  src: url('https://m.kuyibu.com/font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('https://m.kuyibu.com/font/iconfont.woff') format('woff'),
  url('https://m.kuyibu.com/font/iconfont.ttf') format('truetype'),
  url('https://m.kuyibu.com/font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.box { clear: both; position: relative; max-width:10rem; margin: 0 auto; }

.m-header{ width: 10rem; margin: 0 auto; background: #f3f3f5;} 

.m-header .m-search{float:left; margin-top: 0.234375rem; width:6.75rem; height: 0.9375rem; line-height: 0.9375rem; color: #ccc; font-size: 0.4375rem;}
.m-header .m-search .ipt{float:left;width:4.53125rem; height: 0.9375rem; line-height:  0.9375rem; padding: 0 0.3125rem 0 0.9375rem;border: none;border-radius: 0.15rem;background: #fff url(../img/icon_s.png) no-repeat 0.234375rem 0.15625rem;  background-size: 0.59375rem 0.59375rem;}
.m-header .m-search .ipt.w{width:6.8rem; background-color: #e3e3e6;}
.m-header .m-search .home{display:block; float: right; width:0.71875rem; height: 0.71875rem;}
.m-header .m-search .home i{ display:block; margin-left: 0.1rem;  font-size: 0.6rem; color: #fff; }


.box.mt30{ margin-top: 0.46875rem;}
.boxSearch{ height: 1.375rem;}
.boxSearch .m-search .search .ipt{ width: 6.5rem;}
.fixed{ position: fixed; left: 0;right: 0; top: 0; z-index: 100;}

/*首页*/
.m-header{ width: 10rem; height: 1.375rem; margin: 0 auto; background: #f3f3f5;}
.m-header h1{ float: left; width: 2.875rem; height: 0.8125rem; font-size:0; text-indent: -9999px; background: url(../img/logo.png) no-repeat; background-size:2.875rem 0.8125rem; margin: 0.28125rem 0.1rem 0 0.1rem;}

.m-header .homeSearch{float:left; margin-top: 0.234375rem; width:6.59375rem; height: 0.9375rem; line-height: 0.9375rem; color: #ccc; font-size: 0.4375rem;}
.m-header .homeSearch .ipt{float:left;width:4.44375rem; height: 0.9375rem; line-height:  0.9375rem; padding: 0 0.3125rem 0 0.9375rem;border: none;border-radius: 0.15rem;background: #fff url(../img/icon_s.png) no-repeat 0.234375rem 0.15625rem;  background-size: 0.59375rem 0.59375rem;}
.m-header .homeSearch .m-home{display:block; float: right; width:0.71875rem; height: 0.71875rem;}
.m-header .homeSearch .m-home i{ display:block; margin-left: 0.1rem;  font-size: 0.7rem; color: #111; }

/*内页*/
.m-search{width:9.375rem; margin:0 auto; height: 1.375rem; line-height: 1.375rem; padding: 0 0.3125rem; background: #f3f3f5;}
.m-search .home{ display:block; float: left; width:0.8rem; height: 0.9375rem;margin-top: 0.08rem;}
.m-search .home i{ font-size: 1.1rem; color: #333; margin-left: -0.15625rem; }
.m-search .user {display:block; float: right; width:0.7rem; height: 0.9375rem;margin-top: 0.03rem;}
.m-search .user i{ font-size: 0.7rem; color: #333; }
.m-search .search{ float: left; width:6.7rem; height:0.90625rem; line-height: 0.90625rem; margin:0.234375rem 0.296875rem;}
.m-search .search .ipt{width:6.7rem; height:0.90625rem; background: #fff url(../img/icon_s.png) no-repeat 0.234375rem 0.28rem; border: none; padding-left:0.8125rem;font-size:0.40625rem; background-size: 0.34375rem 0.34375rem;border-radius: 0.09375rem;}


.m-search .onSearch{float:left;width:8.5rem; margin-top: 0.15625rem;  height: 1.03125rem; line-height: 1.03125rem;background: #fff url(../img/icon_s.png) no-repeat 0.234375rem 0.35rem; border: none; padding-left:0.8125rem;font-size: 0.40625rem; background-size: 0.34375rem 0.34375rem; border: 1px solid #f3f3f3;-moz-box-shadow:0px 0px 6px #f5f5f5; -webkit-box-shadow:0px 0px 6px #f5f5f5; box-shadow:0px 0px 6px #f5f5f5; border-radius: 0.09375rem;}
.m-search .onSearch.w{width:7.375rem;}
.m-search .back{ float: right; font-size: 0.4375rem; color: #4a89dc;}


#location { background:#fff;line-height: 1.0625rem;border-bottom: 0.25rem solid #f3f3f5;font-size:0.4375rem; padding:0 0.3125rem;}
#location h1{ display: inline;}
#location  span{color: #999;font-size:0.34375rem;}
#location a {color: #4a89dc; font-size: 0.40625rem;}

.m-tit{padding:0 0.3125rem;height:1.375rem;line-height:1.375rem; overflow: hidden; border-bottom: 1px solid #e6e6e6;background: #fff;}
.m-tit h2,.m-tit h1{ float: left;width:70%; display:inline; padding-left:0.15625rem;font-size: 0.53125rem; color: #111;}
.m-tit i{float: left;}
.m-tit .icon_tit2{float: left; width: 0.09375rem; height:0.5rem; margin-top: 0.46875rem; background: #ff6537;}
.m-tit .change{float: right; font-size: 0.375rem; color: #999;}
.m-tit .change i{ color: #999; font-size:0.3125rem; padding:0 0.15625rem;}

.m-tit .m-more{float: right; font-size: 0.375rem; color: #999;}
.m-tit .m-more i{ color: #999; font-size:0.4375rem; padding:0 0.15625rem;}

.page-more{ display: block; text-align: center; font-size:0.34375rem; color: #999; line-height: 1.25rem}
.page-more i{ color: #ceced9; font-size: 0.40625rem; padding-right:0.15625rem;}


/*底*/
.footer{ width: 10rem; margin: 0.625rem auto 0; height: 2.8125rem; background: #f3f3f5; overflow: hidden; }
.footer.home{height: 4.6rem}
.footer.mb90{ margin-bottom: 1.4rem;}
.footer .foot{padding:0.1rem 0 0.15625rem; line-height: 0.625rem; margin: 0.3125rem 0;}
.footer p.tel{text-align: center;  font-size: 0.4375rem;color: #555;}
.footer p.tel i{ padding-right: 0.15625rem; font-size:0.546875rem; color: #ccc;}
.footer p.tel a{ color: #4a89dc;}

.footer p.footNav{text-align: center;  font-size: 0.375rem;color: #333; padding: 0.2rem 0 0.1rem;}
.footer p.footNav a{padding:0 0.3rem; color: #333;}
.footer p.footNav a.pc{ color: #999;}
.footer p.footNav a.fk{ color: #4a89dc;}

.footer p.copy{text-align: center;  font-size: 0.3125rem;color: #999;}

.navRoot { position: fixed; z-index: 50; bottom: 0; width:10.0rem; height: 1.5625rem; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex;  background: #fff;-moz-box-shadow: 0px -2px 8px 1px #eee; /* 老的 Firefox */
box-shadow: 0px -2px 8px 1px #eee;}
.navLink { font-size: 0.42rem; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.navLink span{ font-size:0.3125rem; color: #999;}
.navLink i{ display: block; width: 0.78125rem; height:0.78125rem; background-size: 0.78125rem 0.78125rem; margin-top: 0.0625rem; background-repeat: no-repeat; }
.navLink .home{ background-image: url(../img/icon_home1.png)}
.navLink .contact{ background-image: url(../img/icon_contact1.png)}
.navLink .shop{ background-image: url(../img/icon_shop1.png)}
.navLink .user{ background-image: url(../img/icon_user1.png)}

.navLink.active .home{ background-image: url(../img/icon_home2.png)}
.navLink.active .contact{ background-image: url(../img/icon_contact2.png) }
.navLink.active .shop{ background-image: url(../img/icon_shop2.png)}
.navLink.active .user{ background-image: url(../img/icon_user2.png)}
.navLink.active span{color: #ff6537;}

/*浮动返回顶部*/
.floatNav{position:fixed;right:0;bottom:1.5625rem; z-index: 9;border: 1px solid #e6e6e6; background:#fff; border-top-left-radius: 0.09375rem;border-bottom-left-radius: 0.09375rem;}
.floatNav a{ display: block; width: 1.375rem; height: 1.375rem; line-height: 1.375rem;}
.floatNav a.tel,.floatNav a.mainNav,.floatNav a.keep{border-bottom: 1px solid #e6e6e6;}
.floatNav a i{ font-size: 0.7rem; color: #ff6537; width: 0.703125rem; display: block; margin: 0 auto;}
.floatNav a.keep i{ color: #ccc;}
.floatNav a.tel i{ font-size: 0.6rem; margin-left: 0.4rem;}
.floatNav a.mainNav i{ font-size: 0.9rem; margin-left: 0.25rem;}
.floatNav a.keep.active i{ color: #ff6537;}

.page {width:8.75rem; margin:0.46875rem auto; overflow: hidden;}
.page a{ display: block; float: left; width:2.1875rem; height: 0.9375rem; line-height: 0.9375rem; text-align: center; background: #F3F3F5; border:1px solid #ddd; border-radius: 0.09375rem; font-size: 0.34375rem; color: #333;}
.page span{ display: block; float: left; width:3.75rem; height: 0.9375rem; line-height: 0.9375rem; text-align: center;font-size: 0.34375rem; color: #555;}

.swiper-container { clear: both; max-width: 10.0rem; height:4.6875rem; margin: 0 auto; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-container-horizontal>.swiper-pagination{ text-align: right;}
.swiper-pagination span{ width: 0.3125rem; height: 0.078125rem;border-radius: 5px;background: #fff; opacity: 1;}
.swiper-container span.swiper-pagination-bullet-active{ background: #ff6537;}
.swiper-slide img { display:block;width: 10rem;height:4.6875rem;}
.swiper-button-next,.swiper-button-prev{ display: none;}


/*浮动返回顶部*/
.floatNav{position:fixed;right:0;bottom:50px; z-index: 9;border: 1px solid #e6e6e6; background:#fff; border-top-left-radius: 0.09375rem;border-bottom-left-radius: 0.09375rem;}
.floatNav a{ display: block; width: 1.375rem; height: 1.375rem; line-height: 1.375rem;}
.floatNav a.tel,.floatNav a.keep{border-bottom: 1px solid #e6e6e6;}
.floatNav a i{ font-size: 0.625rem; color: #ff6537; width: 0.703125rem; display: block; margin: 0 auto;}
.floatNav a.keep i{ color: #ccc;}
.floatNav a.keep.active i{ color: #ff6537;}

/*通用焦点图*/
.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 .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-next, .swiper-button-prev { 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-next.swiper-button-disabled, .swiper-button-prev.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'%23007aff'%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'%23000000'%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'%23ffffff'%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'%23007aff'%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'%23000000'%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'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -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: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
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: #007aff }
.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: 10px; 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-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .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-wrapper { -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-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { 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-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { 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)
}
}



/*mui 弹窗*/
.mui-popup-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; opacity: 0; background: rgba(0, 0, 0, .4) }
.mui-popup-backdrop.mui-active { opacity: 1 }
.mui-popup { position: fixed; z-index: 10000; top: 50%; left: 50%; display: none; overflow: hidden; width: 8rem; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185); transform: translate3d(-50%, -50%, 0) scale(1.185); text-align: center; opacity: 0; color: #000; border-radius: 13px }
.mui-popup.mui-popup-in { display: block; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1 }
.mui-popup.mui-popup-out { -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 0 }
.mui-popup-inner { position: relative; padding: 0.5rem; border-radius: 0.234375rem 0.234375rem 0 0; background: rgba(255, 255, 255, .95) }
.mui-popup-inner:after { position: absolute; z-index: 15; top: auto; right: auto; bottom: 0; left: 0; display: block; width: 100%; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; background-color: rgba(0, 0, 0, .2) }
.mui-popup-title { font-size: 0.4rem; font-weight: 500; text-align: center }
.mui-popup-title+.mui-popup-text { font-family: inherit; font-size: 0.4rem; margin: 0.3125rem 0 0.2rem; color: #555; }
.mui-popup-buttons { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 1.2rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center }
.mui-popup-button { font-size: 0.40625rem; line-height: 1.2rem; position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 1.2rem; padding: 0 5px; cursor: pointer; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #007aff; background: rgba(255, 255, 255, .95); -webkit-box-flex: 1 }
.mui-popup-button:after { position: absolute; z-index: 15; top: 0; right: 0; bottom: auto; left: auto; display: block; width: 1px; height: 100%; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background-color: rgba(0, 0, 0, .2) }
.mui-popup-button:first-child { border-radius: 0 0 0 0.234375rem }
.mui-popup-button:first-child:last-child { border-radius: 0 0 0.234375rem 0.234375rem }
.mui-popup-button:last-child { border-radius: 0 0 0.234375rem }
.mui-popup-button:last-child:after { display: none }

.mui-plus.mui-android .mui-popup-backdrop { -webkit-transition-duration: 1ms; transition-duration: 1ms }
.mui-plus.mui-android .mui-popup { -webkit-transition-duration: 1ms; transition-duration: 1ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }

/*熊掌号*/
#cambrian0 ._3YzkLk ._1ZN5uE{padding:0.2rem 0.3rem 0;}
#cambrian0 .tH6Qv7 ._26Hteq{ height:1.2rem; line-height:1.2rem;}
#cambrian0 .tH6Qv7 ._26Hteq ._2htEKn .DUXzra{font-size: 0.5rem; line-height:0.6rem;}
#cambrian0 .tH6Qv7 ._26Hteq ._2htEKn ._2c3HBO{ top:0.1rem; width:0.8rem; height:0.26rem; line-height:0.26rem; font-size:0.2rem; text-align:center}
#cambrian0 .tH6Qv7 ._26Hteq ._2htEKn .ocg5pY{ font-size:0.3rem;line-height:0.35rem; padding-left:0.06rem;}
#cambrian0 .tH6Qv7 ._26Hteq ._1UhIYm ._3FeqpQ{ width:1rem; height:1rem;}

#cambrian0 .R2CNzl{    width: 1.3rem; height:0.6rem; line-height:0.6rem;text-align: center;font-weight: 300;font-size: 0.3rem;}


.mh15{height:15px; clear:both;}