/**
 * Swiper 8.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 4, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-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-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body{background:#fff;font-family: Arial,sans-serif,"Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';}
a,a:hover, a.active{color:inherit;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
body{  font-size: 0.32rem; }
.hide{ display: none}
.clearfix:after, .tagList:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix, .tagList{ zoom:1;}
.fl, .flli li{ float: left; }
.fr{ float: right; }
.ov{ overflow: hidden; }
.dsbl{ display: block;}
.dsil{ display: inline;}
.dsinbl{ display: inline-block;}
.dsNone{ display: none;}


.textAc{ text-align: center;}
.textAr{ text-align: right;}
.textAl{ text-align: left; }
.textIn{ text-indent: -999999px;}
.v_a{ vertical-align: middle;}

.fw_b{ font-weight: bold; }

.p_re{ position: relative;}
.p_ab{ position: absolute;}
.pd20{padding: 0.2rem;}
.p_rl20{ padding: 0 0.2rem; }
.p_t20{padding-top: 0.2rem;}
.p_t10{padding-top: 0.1rem;}
.pt48{padding-top: 0.48rem;}
.mb_30{ margin-bottom: 0.3rem; }
.mb_20{margin-bottom: 0.2rem;}
.mt30{margin-top: 0.3rem;}
.mb20{margin-bottom: 0.2rem;}
.mb40{margin-bottom: 0.4rem;}
.mt40{margin-top: 0.4rem;}
.tablist{display: none;}
.hr20{ overflow: hidden; background-color: #f2f2f2; width: 100%; clear: both;height: 0.2rem;}
.hr26{overflow: hidden; background: #f0f0f0; width: 100%;clear: both;height: 0.26rem;}
.sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .sbg1{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/

.sizing_bd{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.flex{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex1{-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}
.elli2{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.elli3{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.elli4{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.elli1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ov{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}

body.mac {
  font-family: "PingFang SC", Segoe UI, Lucida Grande, Helvetica, Arial, FreeSans, Arimo, Droid Sans, wenquanyi micro hei, Hiragino Sans GB, Hiragino Sans GB W3, FontAwesome, sans-serif;
}

body{ max-width: 750px;margin-left: auto; margin-right: auto; width: 100%; }
.mainbody{ width: 100%; background-color: #f3f4f6; }
.pageBody{ background-image: url('../images/bannerbg.jpg'); background-size: 100% auto; background-repeat: no-repeat;}
.bannerSwiper{ padding-top: 0.98rem; height: 3rem;margin-bottom: 0.5rem; }
.bannerSwiper img{ display: block; width: 100%; }
.glsiList{ padding-left: 0.15rem; padding-right: 0.15rem; }
.glsiList li{ width: 50%;float: left; }
.glsiList li .box{ display: block;margin: 0 0.15rem; background-color: #fff; padding: 0.52rem 0.5rem 0.35rem;border-radius: 0.16rem;-webkit-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);-moz-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6); position: relative;}
.glsiList li.yc .box{height: 5.2rem;}
.glsiList li .tj{display: block; position: absolute;left: -0.17rem; top: 0.24rem; width: 1.38rem;height: 0.66rem;font-size: 0.22rem; color: #fff; background-image: url('../images/icon.png'); background-size: 100% 100%;text-align: center;line-height: 0.52rem;}
.glsiList li.yc .imgBox{display: block; width: 2.29rem;height:2.95rem;margin: 0 auto;}
.glsiList li.yc .imgBox img{ display: block; width: 100%;height: 100%; }
.glsiList li .name{font-size: 0.36rem;line-height: 1.5; margin-top: 0.28rem;font-weight: normal;}
.glsiList li .size{font-size: 0.28rem; color: #666666;line-height: 1.4;margin-top: 0.1rem;}
.glsiList li.ec{margin-bottom: 0.3rem;}
.glsiList li.ec .box{height: 2.45rem;}
.glsiList li.more .box{height: 2.45rem;}
.glsiList li.ec .box{padding-top: 0.86rem;}
.glsiList li.ec .name{margin-top: 0;}
.glsiList li.more img{display: block; width: 0.8rem;}
.glsiList li.more .name{margin-top: 0.3rem;}
.searchHeader{ background-color: #fff; padding: 0.2rem 1.6rem 0.2rem 0.9rem; position: relative;}
.searchHeader .searchBox{height: 0.8rem; background-color: #f3f4f6; border-radius: 0.1rem; padding-left: 0.2rem; padding-right: 0.2rem;}
.searchHeader .searchBox input{ display: block; width: 100%;height: 100%; border: none 0; background: none; font-size: 0.24rem;}
.goBackBtn{ display: block; width: 0.26rem;height: 0.4rem; position: absolute;left: 0.3rem; top: 50%; margin-top: -0.2rem; background-image: url('../images/goback.png'); background-size: 100% 100%; }
.searchTipsBtn{ position: absolute; right: 0; top: 0.2rem; font-size: 0.32rem;line-height: 0.8rem;width: 1.6rem;text-align: center; }
.searchTips{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.searchTipsBox{ width: 5.56rem; background-color: #fff;transform: translate(-50%,-50%); position: absolute;left: 50%;top: 50%;border-radius: 0.06rem; padding-top: 0.5rem;}
.searchTipsBox .tt{text-align: center;font-size: 0.38rem;font-weight: normal;margin-bottom: 0.38rem;}
.searchTipsBox ul{ padding: 0 0.62rem 0.1rem; }
.searchTipsBox ul li{ padding-left: 0.64rem; position: relative; font-size: 0.28rem; color: #666;line-height: 1.4;margin-bottom: 0.3rem;}
.searchTipsBox ul li span{ display: block; width: 0.36rem;height: 0.36rem; background-color: #3b5ce9;border-radius: 50%;text-align: center;line-height: 0.36rem; position: absolute;left: 0; top: 0; color: #fff;}
.searchTipsBox .tbtn,.messageBoox .TipsBox .tbtn{border-top: 1px solid #c0c0c0;height: 0.98rem;line-height: 0.98rem;text-align: center;font-size: 0.32rem;}
.searchTipsBox .tbtn .btn,.messageBoox .TipsBox .tbtn .btn{ display: block; width: 50%;float: left;color: #666;}
.searchTipsBox .tbtn .btn2,.messageBoox .TipsBox .tbtn .btn2{border-left: 1px solid #c0c0c0; color: #3b5ce9;}
.classlyBox{ padding: 0.2rem 0 0.2rem 0.3rem; }
.classlyBox .clsait{ font-size: 0;white-space: nowrap; overflow-x: auto; }
.classlyBox .clsait li{display: inline-block; margin-right: 0.22rem;}
.classlyBox .clsait li a{ display: block; border: 2px solid #fff; background-color: #fff; width: 1.25rem;text-align: center; height: 1.45rem; padding-top: 0.2rem; border-radius: 0.1rem;}
.classlyBox .clsait li img{ display: block; width: 0.66rem; margin: 0 auto; border-radius: 0.1rem; }
.classlyBox .clsait li span{ font-size: 0.24rem;text-align: center;line-height: 1;margin-top: 0.1rem;display: block;}
.classlyList{ padding: 0.2rem 0.3rem; }
.classlyList li{ margin-bottom: 0.28rem;}
.classlyList li .box{ display: block; padding: 0.25rem 0.7rem 0.27rem 0.35rem;border-radius: 0.1rem; background-color: #fff;position: relative; }
.classlyList li .name{font-size: 0.32rem;line-height: 1.5;font-weight: normal;}
.classlyList li .size{font-size: 0.28rem; color: #666666;line-height: 1.4;margin-top: 0.2rem;}
.classlyList li .btn{display: block; width: 0.24rem;height: 0.36rem;background-image: url('../images/link.png'); background-size: 100% 100%;position: absolute;right: 0.4rem; top: 50%;margin-top: -0.18rem;}
.pageHeader{ position: relative; height: 0.92rem;line-height: 0.92rem;text-align: center; background-color: #ffffff;}
.operateBody,.operateBody .mainbody{ width: 100%;height: 100%; }
.pageHeader .tt{font-size: 0.38rem;font-weight: normal;font-weight: normal;}
.pictureSwiper{ padding: 0.2rem 0.3rem; }
.pictureSwiper li{ border-radius: 0.16rem;overflow: hidden; position: relative;}
.pictureSwiper img{ display: block; width: 100%; }
.pictureSwiper li span.sbg1{ display: block; height: 0.8rem;line-height: 0.8rem;text-align: center; color: #fff;font-size: 0.28rem;position: absolute;left: 0; bottom: 0; right: 0;}
.pictureTips{ margin-top: 0.16rem;margin-left: 0.3rem; margin-right: 0.3rem; background-color: #fff; border-radius: 0.16rem; padding: 0.15rem 0.28rem 0.2rem;-webkit-box-shadow: 0px 4px 20px 0px rgba(75, 75, 75, 0.18);-moz-box-shadow:0px 4px 20px 0px rgba(75, 75, 75, 0.18);box-shadow: 0px 4px 20px 0px rgba(75, 75, 75, 0.18);}
.pictureTips .tt{ color: #1a1a1a;font-size: 0.32rem;line-height: 0.6rem;font-weight: normal; }
.pictureTips p{font-size: 0.28rem; color: #666666;line-height: 1.5;margin-bottom: 0.1rem;}
.uploadBox{ position: fixed;left: 0; right: 0; bottom: 0; background-color: #fff; padding: 0.3rem 0.2rem;-webkit-box-shadow: 0px 4px 20px 0px rgba(75, 75, 75, 0.18);-moz-box-shadow: 0px 4px 20px 0px rgba(75, 75, 75, 0.18);box-shadow: 0px 4px 20px 0px rgba(75, 75, 75, 0.18); }
.uploadBox .btn,.detailPageBtn .btn{margin: 0 0.1rem;height: 0.9rem;line-height: 0.9rem; border: 1px solid #3c52fe; color: #3c52fe; border-radius: 0.16rem;font-size: 0.34rem; text-align: center; position: relative;display: block;overflow: hidden;}
.uploadBox .btn2 .btn{ background-color: #3c52fe; color: #fff; }
.uploadBox .btn input{ display: block; position: absolute;left: 0; right: 0; bottom: 0; top: 0; opacity: 0; }
.uploadBox .flex1{overflow: hidden;width: 50%;margin: 0 auto;}
.gonNextBtn{ display: block; position: absolute; right: 0.3rem; top: 0; line-height: 0.92rem; color: #3c52fe;font-size: 0.3rem; }
.operateBox{padding-top: 0.9rem; position: relative; padding-bottom: 1.5rem;}
.operateBox .imgBox{ display: block; width: 4.6rem; margin: 0 auto; position: relative;}
.operateBox .imgBox img{ display: block; width: 100%; }
.contrastBtn{ display: block; width: 0.7rem;height: 0.7rem; background-color: #fff; border-radius: 50%; position: absolute; right: 0.64rem; bottom: 0;-webkit-box-shadow: 0px 0px 8px 0px rgba(75, 75, 75, 0.15);-moz-box-shadow:0px 0px 8px 0px rgba(75, 75, 75, 0.15);box-shadow: 0px 0px 8px 0px rgba(75, 75, 75, 0.15); background-image: url('../images/contrastBtn.png');background-size: 0.4rem auto; background-repeat: no-repeat; background-position: center;}
.operateFxed{ position: fixed;left: 0; right: 0; bottom: 0;  background-color: #fff;}
.bgColorNav{text-align: center;font-size: 0.28rem; color: #666;line-height: 1; padding-top: 0.18rem;margin-bottom: 0.46rem;}
.bgColorNav li{border-right: 1px solid #f9f9f9;}
.bgColorNav li:last-child{border-right: none;}
.bgColorNav li.active{ color: #467aff; }
.selectColor{margin-bottom: 0.28rem; padding-left: 0.57rem; position: relative}
.colorSwper{ width: 150%; }
.selectColor .colorBtn span{ display: block; width: 0.74rem;height: 0.74rem; border: 1px solid #eeeeee; background-color: #fff; border-radius: 50%;}
.selectColor .colorBtn{float: left; border: 1px solid #fff; padding: 6px; border-radius: 50%;}
.selectColor .no-color{ position: absolute;left: 0.3rem; top: 50%;transform: translate(0,-50%);}
.selectColor .no-color span{border-color: #f7f7f7; background-color: #f7f7f7; background-image: url('../images/noColor.png'); background-size: 0.36rem auto; background-repeat: no-repeat; background-position: center;}
.selectColor .colorBtn.active{border-color: #3c52fe;}
.selectColor .colorBtn.c1 span{ background-color: #ffffff; }
.selectColor .colorBtn.c2 span{ background-color: #3f91ff; border-color: #3f91ff;}
.selectColor .colorBtn.c3 span{ background-color: #e93323; border-color: #e93323;}
.selectColor .colorBtn.c4 span{ background-color: #3468a3; border-color: #3468a3;}
.selectColor .colorBtn.c5 span{background: rgb(115, 175, 255);
background: -moz-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: -webkit-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: -o-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: -ms-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: linear-gradient(180deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);border: none 0; }
.selectColor .colorBtn.c6 span{ background: rgb(103, 107, 125);
background: -moz-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: -webkit-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: -o-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: -ms-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: linear-gradient(180deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);border: none 0;}
.selectColor .colorBtn.g-c1 span{background: rgb(49, 65, 85);
background: -moz-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: -webkit-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: -o-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: -ms-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: linear-gradient(180deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);border: none 0;}
.selectColor .colorBtn.g-c2 span{background: rgb(129, 129, 129);
background: -moz-linear-gradient(90deg, rgb(129, 129, 129) 0%, rgb(194, 193, 198) 100%);
background: -webkit-linear-gradient(90deg, rgb(129, 129, 129) 0%, rgb(194, 193, 198) 100%);
background: -o-linear-gradient(90deg, rgb(129, 129, 129) 0%, rgb(194, 193, 198) 100%);
background: -ms-linear-gradient(90deg, rgb(129, 129, 129) 0%, rgb(194, 193, 198) 100%);
background: linear-gradient(180deg, rgb(129, 129, 129) 0%, rgb(194, 193, 198) 100%);border: none 0;}
.selectColor .colorBtn.g-c3 span{border: none 0;background: rgb(37, 76, 100);
background: -moz-linear-gradient(90deg, rgb(37, 76, 100) 0%, rgb(85, 135, 158) 100%);
background: -webkit-linear-gradient(90deg, rgb(37, 76, 100) 0%, rgb(85, 135, 158) 100%);
background: -o-linear-gradient(90deg, rgb(37, 76, 100) 0%, rgb(85, 135, 158) 100%);
background: -ms-linear-gradient(90deg, rgb(37, 76, 100) 0%, rgb(85, 135, 158) 100%);
background: linear-gradient(180deg, rgb(37, 76, 100) 0%, rgb(85, 135, 158) 100%);}
.selectColor .colorBtn.g-c4 span{border: none 0;background: rgb(128, 150, 173);
background: -moz-linear-gradient(90deg, rgb(128, 150, 173) 0%, rgb(190, 202, 216) 100%);
background: -webkit-linear-gradient(90deg, rgb(128, 150, 173) 0%, rgb(190, 202, 216) 100%);
background: -o-linear-gradient(90deg, rgb(128, 150, 173) 0%, rgb(190, 202, 216) 100%);
background: -ms-linear-gradient(90deg, rgb(128, 150, 173) 0%, rgb(190, 202, 216) 100%);
background: linear-gradient(180deg, rgb(128, 150, 173) 0%, rgb(190, 202, 216) 100%);}
.selectColor .colorBtn.g-c5 span{border: none 0;background: rgb(186, 151, 127);
background: -moz-linear-gradient(90deg, rgb(186, 151, 127) 0%, rgb(255, 226, 205) 100%);
background: -webkit-linear-gradient(90deg, rgb(186, 151, 127) 0%, rgb(255, 226, 205) 100%);
background: -o-linear-gradient(90deg, rgb(186, 151, 127) 0%, rgb(255, 226, 205) 100%);
background: -ms-linear-gradient(90deg, rgb(186, 151, 127) 0%, rgb(255, 226, 205) 100%);
background: linear-gradient(180deg, rgb(186, 151, 127) 0%, rgb(255, 226, 205) 100%);}
.selectColor .colorBtn.g-c6 span{border: none 0;background: rgb(136, 11, 29);
background: -moz-linear-gradient(90deg, rgb(136, 11, 29) 0%, rgb(183, 46, 66) 100%);
background: -webkit-linear-gradient(90deg, rgb(136, 11, 29) 0%, rgb(183, 46, 66) 100%);
background: -o-linear-gradient(90deg, rgb(136, 11, 29) 0%, rgb(183, 46, 66) 100%);
background: -ms-linear-gradient(90deg, rgb(136, 11, 29) 0%, rgb(183, 46, 66) 100%);
background: linear-gradient(180deg, rgb(136, 11, 29) 0%, rgb(183, 46, 66) 100%);}
.selectColor .colorBtn.t-c1 span{border: none 0; background-color: #ffded8;}
.selectColor .colorBtn.t-c2 span{border: none 0; background-color: #fdf9ca;}
.selectColor .colorBtn.t-c3 span{border: none 0; background-color: #dafbe6;}
.selectColor .colorBtn.t-c4 span{border: none 0; background-color: #c6f3f0;}
.selectColor .colorBtn.t-c5 span{border: none 0; background-color: #d6e1ff;}
.selectColor .colorBtn.t-c6 span{border: none 0; background-color: #efddff;}
.selectColor .line,.clothesBox .line{ display: block; width: 0;height: 0.4rem; position: absolute;left: 1.34rem;top: 50%;margin-top: -0.2rem;border-right: 1px solid #f9f9f9; }
.fixedNav{border-top: 1px solid #f9f9f9;height: 0.9rem;line-height: 0.9rem;font-size: 0.32rem;text-align: center;color: #999999;}
.fixedNav .active{ color: #1a1a1a; }
.fixedNav li{ position: relative; }
.fixedNav li:after{content: '';display: block; width: 0;height: 0.4rem; border-right: 1px solid #f9f9f9; position: absolute; right: 0;top: 50%;margin-top: -0.2rem;}
.fixedNav li:last-child:after{display: none;}
.clothesNav{padding: 0.4rem 0.8rem;font-size: 0.28rem;text-align: center;line-height: 1;}
.clothesNav li span{ display: block; width: 0.8rem;height: 0.8rem;border-radius: 0.2rem;margin: 0 auto; padding-top: 0.16rem;margin-bottom: 0.1rem;}
.clothesNav li span i{ display: block; width: 0.52rem; height: 0.5rem;}
.clothesNav li.active span{background-color: #eceeff;}
.clothesNav li span i.f1{ background-image: url('../images/male.png'); background-size: auto 100%; background-repeat: no-repeat;margin: 0 auto; background-position: center; }
.clothesNav li span i.f2{ background-image: url('../images/female.png'); background-size: auto 100%; background-repeat: no-repeat;margin: 0 auto; background-position: center; }
.clothesNav li span i.f3{ background-image: url('../images/child.png'); background-size: auto 100%; background-repeat: no-repeat;margin: 0 auto; background-position: center; }
.clothesItem{ position: absolute;left: 0; right: 0; background-color: #fff; padding-top: 0.3rem; padding-bottom: 0.34rem; top: 0;z-index: 3;}
.clothesBox{ position: relative; padding-left: 2.2rem;height: 1.48rem;}
.clothesBox .cl .box{ display: block; width: 1.08rem; background-color: #eaecf6;border-radius: 0.16rem;overflow: hidden;}
.clothesBox .cl .box img{display: block; width: 100%;}
.clothesBox .cl{float: left; border-radius: 0.16rem;}
.clothesBox .cl .tt{ display: block; width: 100%;height: 0.4rem;line-height: 0.4rem;font-size: 0.24rem; color: #fff;text-align: center; background-color: #aeaeae; }
.clothesBox .no-clothes{ position: absolute;left: 0.3rem; }
.clothesBox .cl{padding: 0.04rem; border: 0.03rem solid #fff;}
.clothesBox .cl.active{border-color: #3c52fe;}
.clothesBox .no-clothes i{ display: block; width: 0.52rem;height: 0.52rem; background-image: url('../images/noColor.png'); background-size: 0.52rem 0.52rem;margin: 0 auto 0.19rem; }
.clothesBox .no-clothes .box{padding-top: 0.24rem;}
.clothesBox .line{left: 1.86rem;}
.clothesList ul{ width: 200%;}
.clothesBox .cl{margin-right: 0.14rem; }
.mainbody{overflow-y: auto;}
.clothesHandl{ position: relative; padding-left: 0.8rem; padding-right: 0.8rem; height: 0.52rem;line-height: 0.52rem;text-align: center;margin-top: 0.38rem; }
.clothesHandl .btn{ display: block; width: 0.52rem;height: 0.52rem; position: absolute; top: 0; }
.clothesHandl .tt{font-size: 0.32rem; color: #1a1a1a;font-weight: normal;}
.clothesHandl .close{left: 0.3rem; background-image: url('../images/close.png'); background-size: 100% 100%; background-repeat: no-repeat;}
.clothesHandl .confirm{right: 0.3rem; background-image: url('../images/gou.png'); background-size: 100% 100%; background-repeat: no-repeat;}
.operateBox .imgBox .bar{ position: absolute;display: block; }
.operateBox .imgBox .bar:before{content: '';display: block; position: absolute;z-index: 1;}
.operateBox .imgBox .bar span{ display: block; background-color: #f3f4f6;color: #666666;font-size: 0.22rem; position: absolute;text-align: center;z-index: 2;}
.operateBox .imgBox .topBar,.operateBox .imgBox .bottomBar{ left: 0; right: 0;height: 0.24rem; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb;}
.operateBox .imgBox .topBar:before,.operateBox .imgBox .bottomBar:before{width: 100%; height: 0;border-top: 1px solid #ddd;left: 0;right: 0; top: 50%;}
.operateBox .imgBox .topBar{ top: -0.4rem; }
.operateBox .imgBox .bottomBar{bottom: -0.4rem;}
.operateBox .imgBox .topBar span,.operateBox .imgBox .bottomBar span{width: 1.5rem;height: 100%;left: 50%; margin-left: -0.75rem; top: 0; }
.operateBox .imgBox .rightBar,.operateBox .imgBox .leftBar{top: 0; bottom: 0;height: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; width: 0.24rem; }
.operateBox .imgBox .leftBar{left: -0.4rem;}
.operateBox .imgBox .rightBar{  right: -0.4rem;}
.operateBox .imgBox .leftBar:before,.operateBox .imgBox .rightBar:before{width: 0; height: 100%; border-right: 1px solid #ddd; left: 50%; top: 0; bottom: 0;}
.operateBox .imgBox .rightBar span{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; height: 1.5rem; top: 50%;margin-top: -0.75rem;right: 0;}
.operateBox .imgBox .leftBar span{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; height: 1.5rem; top: 50%;margin-top: -0.75rem;right: 0;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.djList{ padding: 0.3rem; }
.djList .dditem{ background-color: #fff; padding: 0.3rem 0.4rem; border-radius: 0.24rem;-webkit-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);-moz-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6); }
.djList .dditem a{ display: block; }
.djList .dditem .djHeader{height: 0.4rem;line-height: 0.4rem;font-size: 0.24rem; color: #666;margin-bottom: 0.3rem;}
.djList .dditem .djHeader .col-status{color:#3c52fe;}
.djList .dditem .djHeader .col-id span{ color: #333333; }
.djList .dditem .imgBox{ display: block; width: 1.1rem;height: 1.4rem; border: 1px solid #f2f2f2;float: left; margin-right: 0.36rem; }
.djList .dditem .imgBox img{ display: block; width: 100%;height: 100%; }
.djList .dditem .name{font-size: 0.3rem; color: #1a1a1a;line-height: 1.4;font-weight: normal; padding-top: 0.12rem;}
.djList .dditem .size{font-size: 0.24rem; color: #999999;line-height: 1.4; margin-top: 0.12rem;margin-bottom: 0.12rem;}
.djList .dditem .djContent{display: -webkit-box;display: -ms-flexbox;display: flex;}
.djList .dditem .djContent .djright{ height: 1.4rem; }
.djList .dditem .djContent .djright p{ width: 100%; }
.djList .dditem .bg i, .detailBody .bgColor b{ display: block; width: 0.28rem;height: 0.28rem; border-radius: 50%; border: 1px solid #eee; float: left;margin-right: 0.1rem;}
.detailBody .bgColor b{ display: inline-block;float: none; vertical-align: middle;}
.djList .dditem .bg .bg1,.detailBody .bgColor .bg1{ background-color: #ffffff; }
.djList .dditem .bg .bg2,.detailBody .bgColor .bg2{ background-color: #3f91ff; border-color: #3f91ff; }
.djList .dditem .bg .bg3,.detailBody .bgColor .bg3{ background-color: #e93323; border-color: #e93323;}
.djList .dditem .bg .bg4,.detailBody .bgColor .bg4{ background-color: #3468a3; border-color: #3468a3; }
.djList .dditem .bg .bg5,.detailBody .bgColor .bg5{ background: rgb(115, 175, 255);
background: -moz-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: -webkit-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: -o-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: -ms-linear-gradient(90deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);
background: linear-gradient(180deg, rgb(115, 175, 255) 0%, rgb(193, 219, 255) 100%);border: none 0;}
.djList .dditem .bg .bg6,.detailBody .bgColor .bg6{background: rgb(103, 107, 125);
background: -moz-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: -webkit-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: -o-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: -ms-linear-gradient(90deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);
background: linear-gradient(180deg, rgb(103, 107, 125) 0%, rgb(164, 168, 185) 100%);border: none 0;}
.djList .dditem .bg .bg7,.detailBody .bgColor .bg7{background: rgb(49, 65, 85);
background: -moz-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: -webkit-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: -o-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: -ms-linear-gradient(90deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);
background: linear-gradient(180deg, rgb(49, 65, 85) 0%, rgb(81, 107, 128) 100%);border: none 0;}
.djList .dditem .djFooter{height: 0.5rem;line-height: 0.5rem;margin-top: 0.2rem;}
.dditem .djFooter .col-price{font-size: 0.28rem;}
.dditem .djFooter .col-handler{font-size: 0;}
.dditem .djFooter .col-handler .btn{ display: inline-block; width: 1.34rem;height: 0.46rem;line-height: 0.46rem;font-size: 0.24rem; color: #3c52fe; border: 1px solid #3c52fe; border-radius: 0.1rem; text-align: center; margin-left: 0.2rem;}
.dditem .djFooter .col-handler .btn.btn-keep{border-color: #3c52fe; color: #fff; background-color: #3c52fe;}
.djList .dditem{margin-bottom: 0.3rem;}
.nodjBox img{ display: block; width: 5.02rem;margin: 0 auto;}
.nodjBox{text-align: center;padding-top: 2rem;}
.nodjBox .text{color:#666666;font-size:0.28rem;line-height:1.2;margin-top: 0.1rem;}
.nodjBox .btn{ display: block; width: 4rem;height: 0.8rem;line-height: 0.8rem; text-align: center; background-color: #3c52fe; margin: 0.6rem auto 0; border-radius: 0.12rem; color: #fff;font-size: 0.32rem;}
.detailMain{padding: 0.3rem; /*padding-bottom: 1.87rem;*/}
.detailHeader,.detailBody{  position: relative;background-color: #fff; -webkit-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);-moz-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6); padding: 1.2rem 0.3rem 0.2rem 0.3rem; border-radius: 0.16rem;}
.detailBigImg{ position: relative;width: 1.99rem;height: 2.64rem;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;overflow: hidden;float: left; }
.detailBigImg img,.detailSlImg img{ max-width: 100%; max-height: 100%;border: 1px solid #f2f2f2;}
.detailSlImg{ width: 3.94rem;height: 2.64rem;float: right;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;overflow: hidden; }
.detailHeader .tj{ position: absolute;left: -0.18rem;top: 0.23rem; padding:0 0.32rem 0 0.3rem;line-height: 0.66rem; color: #fff;background-color: #ff911b;height: 0.66rem; border-radius: 0.12rem 0.12rem 0.12rem 0;}
.detailHeader .detailInfo{ clear: both;font-size: 0.28rem;line-height: 0.6rem; margin-top: 0.1rem; color: #1a1a1a;}
.detailBigImg, .detailSlImg{margin-bottom: 0.24rem;}
.detailHeader .detailInfo .fl{ color: #666; }
.detailHeader .tj i{  width: 0;height: 0;border-top: 0.18rem solid #f37400;border-left: 0.18rem solid transparent; position: absolute;left: 0; bottom: -0.18rem;}
.detailHeader .tj{-webkit-box-shadow: 0px 2px 5px 0px rgba(255, 83, 29, 0.3);-moz-box-shadow:0px 2px 5px 0px rgba(255, 83, 29, 0.3);box-shadow: 0px 2px 5px 0px rgba(255, 83, 29, 0.3);}
.detailHeader{margin-bottom: 0.3rem;}
.detailBody{padding-top: 0.3rem;line-height: 1.4;font-size: 0.28rem;}
.detailBody .tt{font-size: 0.32rem;margin-bottom: 0.2rem;}
.detailBody p{margin-bottom: 0.12rem;}
.detailBody p i{color: #666666;}
.detailPageBtn{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0.3rem 0.2rem; background-color: #fff; -webkit-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);-moz-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6); }
.detailPageBtn .dt{ width: 50%;overflow: hidden;margin: 0 auto; }
.detailPageBtn .btn.btn-pay{ background-color: #3c52fe; color: #fff; }
.detailPageBtn .btn.btn-download{ background-color: #3c52fe; color: #fff; }
.detailBody .detailItem .st{font-weight: normal;color: #666; padding-left: 0.6rem;line-height: 1.2;margin-bottom: 0.12rem;}
.detailBody .detailItem{position: relative;margin-bottom: 0.2rem; }
.detailBody  .leble,.detailItem input, .payMode input{ display: block; width: 0.28rem;height: 0.28rem; border-radius: 50%; border: 1px solid #d0d0d0; border-radius: 50%; position: absolute;left: 0; top: 0; }
.detailBody .detailItem .bgColor{ padding-left: 0.6rem; }
.detailBody .detailItem .bgColor b{ width: 0.36rem;height: 0.36rem; }
.detailBody .tt .price{color: #ff6849;}
.detailBody .tt .price b{font-size: 0.52rem;}
.payMode img{ width: 0.32rem;vertical-align: middle; margin-right: 0.2rem; }
.payMode .mode{ position: relative; padding-left: 0.56rem;line-height: 1.2;}
.payMode{border-top: 1px solid #f9f9f9; padding: 0.3rem 0 0.2rem; margin-top: 0.4rem;}
.detailBody  .leble.active,.detailItem input:checked+span,.payMode input:checked+span{ background-image: url('../images/cou.png'); background-size: 0.3rem 0.3rem; background-repeat: no-repeat; background-position: center; background-color: #467aff;border-color: #467aff;}
.bannerSwiper .swiper-pagination,.ppciSwip .swiper-pagination{ bottom: 0;font-size: 0; }
.bannerSwiper .swiper-pagination span{ background-color: #fff;opacity: 1; }
.bannerSwiper .swiper-pagination span.swiper-pagination-bullet-active,.ppciSwip .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #3356f1; width: 20px;border-radius: 4px; }
.gjsBox{ padding: 0.3rem; margin-top: 0.2rem;}
.gjsBox .sgTt{font-size: 0.32rem;line-height: 1;font-weight: normal; color: #1a1a1a;margin-bottom: 0.28rem;}
.gjsBox li{ width: 50%; float: left; }
.gjsBox li .box{ display: block; margin: 0 0.15rem;border-radius: 0.16rem;-webkit-box-shadow: 0px 3px 24px 0px rgb(224 224 224 / 60%);-moz-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);box-shadow: 0px 3px 24px 0px rgb(224 224 224 / 60%); position: relative;}
.gjsBox ul{ margin-left: -0.15rem;margin-right: -0.15rem; }
.gjsBox li .box{ padding: 0.24rem 0.3rem;height: 0.92rem;line-height: 0.92rem;font-size: 0.28rem; color: #666666; }
.gjsBox li .box .icon{ display: block; width: 0.92rem;height: 0.92rem; border-radius: 50%;float: left; margin-right: 0.24rem;  }
.gjsBox li.box1 .box .icon{ background-image: url('../images/b1.png'); background-size: 100% 100%; }
.gjsBox li.box2 .box .icon{ background-image: url('../images/b2.png'); background-size: 100% 100%; }
.searchTipsBox .tbtn .btn2{ width: 100%; }
.ppciSwip{ padding-bottom: 0.34rem; }
.operateBox .imgBox .xImg.active{ display: none;}
.operateBox .imgBox .yImg.active{ display: none;}
.messageBoox{ position: absolute;left: 0; right: 0; top: 0; bottom: 0; z-index: 5; display: none;}
.messageBoox .TipsBox{ width: 5rem; background-color: #fff; border-radius: 0.16rem; position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%); padding-top: 0.4rem}
.messageBoox .TipsBox .tt{font-size: 0.32rem; font-weight: normal; padding: 0 0.3rem;}
.messageBoox .TipsBox .cont{ padding: 0.4rem 0.3rem 0.6rem; font-size: 0.24rem;line-height: 1.75;}
.messageBoox .TipsBox .cont .er{ display: inline-block; width: 0.3rem; vertical-align: middle; margin-right: 0.12rem;}
.messageBoox .TipsBox .tbtn{font-size: 0.28rem;line-height: 0.8rem;height: 0.8rem;}
.detailItem input,.payMode input{z-index: 2; opacity: 0; }
.detailItem input:checked+input{}
.noneBlock{ width: 4.6rem; height:6.1rem;background: #667180; position: relative;margin: 0 auto;}
.noneBlock .loadingBody{position: absolute; left: 0; bottom: 12%; width: 100%;font-size: 14px;text-align: center; color: #fff;line-height: 1;} .noneBlock .loadingBody .bar{width: 50%; height: 4px; border-radius: 2px; background: #D5DFEB; position: relative;margin: 8px auto 0;}
.noneBlock .loadingBody .bar span{display: block; position: absolute; left: 0; top: 0; height: 100%; border-radius: 2px; width: 95%; background: #ffffff; -webkit-animation: animation-loading-bar-data-v-0e7a348b 3s; animation: animation-loading-bar-data-v-0e7a348b 3s;}
@-webkit-keyframes animation-loading-bar-data-v-0e7a348b{0%{width: 0;}100%{width: 95%;}}
@keyframes animation-loading-bar-data-v-0e7a348b{0%{width: 0;}100%{width: 95%;}}
.detailHeader .noneBlock{ width: 100%; height: 100%; }

/*2022-3-31*/
.searchBody{ background-color: #fff; padding: 0 0.3rem; }
.seearchMian{ border: 1px solid #4d68fe; padding: 0.02rem; padding-right: 1.3rem; padding-left: 0.3rem; height: 0.7rem;border-radius: 0.35rem; position: relative;}
.seearchMian .searchbtns{ position: absolute; right: 0.04rem; bottom: 0.02rem; top: 0.02rem; display: block; width: 1.25rem; border-radius: 0.35rem; background-color: #4d68fe; color: #fff; font-size: 0.26rem; border: none 0;}
.seearchMian .searchtext{ width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;flex-direction: column;border: none 0;font-size: 0.24rem;}
.classlyNav2{ background-color: #fff; padding-left: 0.05rem; padding-right: 0.05rem; padding-top: 0.1rem;}
.classlyNav2 .classlyt{font-size: 0;    white-space: nowrap; overflow-x: auto;}
.classlyNav2 .classlyt li{font-size: 0.28rem; color: #5c5e63; display: inline-block; padding: 0 0.22rem;line-height: 1.2rem;height: 1.2rem;position: relative; }
.classlyNav2 .classlyt li.active:after{content: ''; display: block; width: 0.62rem;height: 0.08rem; background-color: #4d68fe;border-radius: 0.04rem; position: absolute;left: 50%;margin-left: -0.31rem; bottom: 0;}
.classlyNav2 .classlyt li.active{ color: #000000; }
.classlyList2{padding: 0.3rem;}
.classlyList2 li{ background-color: #fff; margin-bottom: 0.4rem;   -webkit-box-shadow: 0px 0 5px 0px rgb(75 75 75 / 5%);-moz-box-shadow: 0px 0 5px 0px rgba(75, 75, 75, 0.05);box-shadow: 0px 0 5px 0px rgb(75 75 75 / 5%); border-radius: 0.16rem;}
.classlyList2 li a{ padding: 0.28rem 2.27rem 0.28rem 0.44rem;line-height: 0.62rem;font-size: 0.32rem; position: relative; }
.classlyList2 li a .size{  width: 2.27rem;font-size: 0.24rem; color: #93959a;text-align: left; position: absolute; right: 0; top: 0.28rem}
.classlyList2 li a .size span{ margin-right: 0.18rem; }
.classlyList2 li a .name{font-weight: normal;}
.tabcontent .tabList{display: none;}
.classlyNav2 .classlyt::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.classlyNav2 .classlyt{scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
/*2022-4-1*/
.tipsIcon{ width: 1.28rem; margin: 0 auto;}
.overTips{ text-align: center;}
.overTips .over{ display: block; margin: 0 auto; width: 1.28rem;}
.imgShadow{  background-color: rgba(0, 0, 0, 0.25);display: block;height: 0.11rem; position: relative; width: 0.8rem;z-index: 1; margin: 0.2rem auto;border-radius: 50%; }
.overTips .name{font-size: 0.36rem; font-weight: normal;line-height: 1.4;margin-top: 0.5rem;}
.overTips .tips{ font-size: 0.28rem; color: #999;line-height: 1.4;margin-top: 0.2rem;}
.overTips .tips span{ color: #3c52fe; }
.overTips{ position: absolute;left: 0; right: 0; transform: translate(0,-50%); top: 40%;}

/*2022-4-8*/
.uploadBox .btn input{ width: 100%; }
/*2022-4-9*/
.operatNav{ background-color: #fff;height: 1.1rem;line-height: 1.1rem;border-top: 1px solid #eee; }
.operatNav li{font-size: 0.32rem;text-align: center; position: relative;line-height: 1.1rem;height: 1.1rem; color: #666;}
.operatNav li.active:after{content: '';display: block; width: 0.6rem;height: 0.08rem; background-color: #3c52fe; position: absolute;left: 50%; bottom: 0;margin-left: -0.3rem;border-radius: 0.04rem;}

.operateBigBox{ padding: 0.5rem 0; min-height: 6rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;}
.operateBigBox .imgBox{ max-width: 6rem; margin: 0 auto;text-align: center; position: relative; }
.operateBigBox .imgBox img{max-height: 7rem; max-width: 100%;}
.operateBigBox .imgBox .name{ position: absolute; right: 0; bottom: -0.48rem;line-height: 1;font-size: 0.24rem; color: #666; }
.bgColorTitles{text-align: center;font-size: 0.38rem;line-height: 1; padding: 0.2rem 0;}
.bgColorBtn{ padding: 0 0.4rem 0.3rem; }
.bgColorBtn .btn{ display: block; background-color: #3c52fe; color: #fff;text-align: center;line-height: 0.98rem;height: 0.98rem;border-radius: 0.08rem;font-size: 0.32rem; }
.bgColorFixed{ background: none; }
.bgColorFixed .bgColor{ background-color: #fff; padding-top: 0.3rem; }
.bgColorTitles span{display:block; width:1.8rem;height:0.88rem;line-height:0.88rem;text-align:center; font-size:0.32rem;margin:0 auto; border:1px solid #4156fd; color:#4156fd; background:#ebf3ff;border-radius:0.5rem;}
.detailBody .payItems{ border: 1px solid #eee;background-color: #F5F6FA; margin-bottom: 0.3rem; border-radius: 0.08rem; padding: 0.3rem; position: relative;overflow: hidden; cursor: pointer;}
.detailBody .payItems .payName{font-size: 0.28rem;line-height: 1.2;font-weight: normal; color: #666;}
.detailBody .payItems .payPrice{font-size: 0.32rem;color: #FF5722;line-height: 1.4;margin-top: 0.2rem;}
.detailBody .payItems .bgColor{font-size: 0;}
.detailBody .payItems .bgColor b{ width: 0.36rem; height: 0.36rem;}
.detailBody .payItems .tj,.detailBody .payItems .tj-txt{ display: none; }
.detailBody .payItems.active .tj{position: absolute;display: block;top: 0;right: 0; width: 0;height: 0; border-width: 0 1.1rem 0.9rem 0; border-style: solid;border-color: transparent #4E85F5;}
.detailBody .payItems.active .tj-txt{display: block;position: absolute; top: 0.08rem;right: 0;font-size: 0.22rem;color: #fff;padding: 2px;}
.detailBody .payItems.active{border-color: #4E85F5;}
.loadImgBox{ padding: 0.3rem; background-color: #fff;margin: 0.3rem 0.2rem;}
.loadImgBox img{ display: block; width: 100%; }
.loadImgBox .name{font-size: 0.38rem;line-height: 1.4;font-weight: normal; color: #111;margin-top: 0.3rem;}
.loadImgBox .text{font-size: 0.24rem; color: #666;line-height: 1.4;margin-top: 0.2rem;}
.fixedLoadingBox{ position: fixed;left: 0; right: 0; bottom: 0; padding: 0.3rem; background-color: #fff;z-index: 10; -webkit-box-shadow: 0px 3px 24px 0px rgb(224 224 224 / 60%);-moz-box-shadow: 0px 3px 24px 0px rgba(224, 224, 224, 0.6);  box-shadow: 0px 3px 24px 0px rgb(224 224 224 / 60%);}
.fixedLoadingBox .btn{ background-color: #999999; color: #fff;height: 0.98rem;line-height: 0.98rem;text-align: center;font-size: 0.32rem; position: relative; border-radius: 0.08rem;overflow: hidden;}
.fixedLoadingBox .btn span{ display: block; width: 100%;height: 100%; position: absolute;left: 0; top: 0;right: 0; bottom: 0; }
.fixedLoadingBox .btn .bar{z-index: 1; border: 2px solid #999999;}
.fixedLoadingBox .btn .tt{z-index: 2;}
.fixedLoadingBox .btn .bar i{ display: block; width: 50%;height: 100%; background-color: #3c52fe;border-radius: 0.08rem; }
.selectColor .colorBtn{ width: auto; }
.colorSwper{ width: 100%; }
.selectColor{ padding-right: 0.2rem; }
.operateFxed{z-index: 10;}

/*2022-4-10*/
.detailBody .payItems .bgColor span,.detailBody .bgColor span,.djList .dditem .bg span{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    border-radius: 50%;border: 1px solid #eee;    margin-right: 0.1rem;vertical-align: middle;    display: inline-block;    width: 0.36rem; height: 0.36rem;}
.detailBody .bgColor span,.djList .dditem .bg span{    width: 0.28rem;height: 0.28rem;}
.paydetailsInfo{ position: relative;font-size: 0.24rem;line-height: 1.7; margin-top: 0.2rem;}
.paydetailsInfo .dtt{font-size: 0.28rem;}
.detailBody .payItems .payName,.paydetailsInfo .dtt{ color: #000; }

/*2022-4-13*/
.classlyNav2{padding-top: 0;}
.classlyNav2 .classlyt li{height: 0.8rem;line-height: 0.5rem;}
.loadingTips{position: fixed;left: 0; right: 0; top: 0; bottom: 0;width: 100%;height: 100%;z-index: 11;}
.loadingTips .sbg1{ width: 100%;height: 100%; }
.loadingTipsBox{ width: 80%; background-color: #fff; border-radius: 0.12rem; position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;text-align: center;font-size: 0.36rem;}
.loadingTipsBox .tt{font-size: 0.38rem;line-height: 1; padding: 0.4rem 0 0;font-weight: normal;}
.loadingTipsBox .con{font-size: 0.32rem; color: #666;line-height: 1.75;padding: 0.4rem;}
.loadingTipsBox .bottom{ border-top: 1px solid #f2f2f2; }
.loadingTipsBox .bottom .btn{ height: 1rem;line-height: 1rem; color: #4d68fe;font-size: 0.32rem;border-right: 1px solid #f2f2f2; }
.loadingTipsBox .bottom .btn:last-child{border-right: none;}

/*2022-4-14*/
.indexfooter{ padding: 0.3rem 0;font-size: 0.3rem;color: #ccc;position: absolute;left: 0; right: 0; bottom: 0;text-align: center; }
.indexfooter a{ color: #666; padding: 0.3rem; }
.pageBody{ min-height: 100%; position: relative;padding-bottom: 1.2rem;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }


/*客服*/
.kefuBtn{ position: absolute;right: 0; bottom: 15%; background-color: #fff;z-index: 11; border-radius: 12px;  overflow: hidden;; -webkit-box-shadow: 0 8px 16px -4px rgb(34 38 46 / 25%); box-shadow: 0 8px 16px -4px rgb(34 38 46 / 25%); }
.kefuBtn .kefulink{ width: 36px;display: block;padding: 12px; text-align: center;line-height: 1;font-size: 14px;}
.kefuBtn .kefulink span{ display: block; width: 24px;height: 24px; margin: 0 auto 5px; background-image: url('../images/kefu.png'); background-size: 100% 100%; }