/** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */
@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-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-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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.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{font-family: PingFangSC-Regular,DroidSansFallback,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,Helvetica,Verdana,sans-serif; transition: scroll .5s;color: #333;}
a,a:hover,a.active{color:inherit;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
body{font-size:0.32rem;padding-bottom:0.9rem}
.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;}
.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;}
.fs-14{font-size: 14px}
.fs-16{font-size: 16px}
.fs-18{font-size: 18px}
.fs-19{font-size: 19px}
.fs-20{font-size: 20px}
.fs-23{font-size: 23px}
.fs-12{font-size: 12px;}
@media screen and (max-width: 360px){.fs-14{font-size:13px} .fs-16{font-size: 15px} .fs-18{font-size: 17px} .fs-19{font-size: 18px} .fs-20{font-size: 19px} .fs-23{font-size: 20px}}
@media screen and (max-width: 320px){.fs-14{font-size:12px} .fs-16{font-size: 14px} .fs-18{font-size: 16px} .fs-19{font-size: 17px} .fs-20{font-size: 18px} .fs-23{font-size: 20px}}
.header{height: 0.69rem; padding: 0 0.16rem;align-items: center; background: #eee;}
.logo{align-items: center;font-weight: bold;}
.logo img{height: 0.34rem; display: block; margin-right: 0.12rem;}
.searchOpenBtn{display: block;height: 0.41rem; width: 1.84rem; background-color: #d7d7d7; line-height: 0.41rem;border-radius: 0.22rem;padding-left: 0.48rem;color: #999; background-image: url(../images/search.svg); background-repeat: no-repeat; background-size: 0.2rem auto;
background-repeat: no-repeat; background-position: 0.18rem center;}
.listcontent{position: absolute;left: 0;right: 0; top: 0.69rem; bottom: 0.72rem;}
.listClassly{position: relative;width: 1.06rem; display: flex; flex-direction: column; background-color: #fff;}
.listClasslyNav li{font-size: 0.2rem;height: 0.7rem;line-height: 0.7rem;text-align: center;}
.listClasslyNav li a{display: block;width: 100%;height: 100%; position: relative;color: #999;}
.listClasslyNav li.active a{color: #333;font-weight: 700;}
.listClasslyNav li.active a:after{content: '';display: block; width: 0.04rem; position: absolute;left: 0;top: 0; bottom: 0; background-color: #ffd452;}
.lcontent{position: relative;flex: 1 1 0;background: #f6f6f6;}
.conClassly{position: relative;height: 0.7rem;background: #fafafa; z-index: 7;transition: all .3s;display: flex;line-height: 0.7rem;font-size: 0.2rem;}
.conclasslyBar{display: -webkit-flex; -webkit-justify-content: space-around; display: flex;justify-content: space-between; width: 100%;}
.conclasslyBar .tt{padding-left: 0.2rem;color: #999; font-family: PingFangSC-Regular;font-weight: normal;}
.conclasslyBar .drop{padding-right: 0.47rem; position: relative;}
.conclasslyBar .drop span{transition: all .3s;display: block; width: 0.14rem;height: 0.14rem; position: absolute; right: 0.2rem;top: 50%;background-image: url(../images/icon_arrow_r.svg); background-size: 100% 100%;transform: translateY(-50%) rotate(90deg);}
.conclasslyBar .drop.active span{transform: translateY(-50%) rotate(-90deg);}
.droplist{position: absolute;left: 0; right: 0; top: 0.7rem; color: #999; background: #fafafa;}
.droplist a{color: #999; display: block; padding-right: 0.47rem;}
.droplist li{text-align: right;}
.droplist li.active{background-color: #f2f2f2;position: relative;}
.droplist li.active:after{content: ''; display: block; width: 0.15rem;height: 0.12rem; position: absolute; right: 0.2rem;top: 50%;margin-top: -0.06rem;background-image: url(../images/icon_tick.svg); background-size: 100% 100%;}
.lcontent .mask{position: absolute;left: 0; right: 0;top: 0; bottom: 0; height: 100%; width: 100%;z-index: 6;}
.conlist{padding: 0.2rem;}
.conlist li{background-color: #fff;border-radius: 0.07rem; padding: 0.145rem;height: 1.16rem; position: relative;margin-bottom: 0.15rem;}
.conlist li a{height: 1.16rem; display: block;}
.conlist li .imgBox{display: block;height: 1.16rem;float: right; position: relative;overflow: hidden; padding-left: 0.15rem;}
.conlist li .imgBox img{display: block; width: 1.16rem;height: 100%;border-radius: 0.04rem;}
.conlist li .imgBox span{display: block; width: 0.4rem;height: 0.22rem; background-image: url(../images/VIP.png); background-size: 100% 100%; position: absolute; right: 0;top: 0;}
.conlist li .tt{line-height: 0.24rem; max-height: 0.48rem;margin-bottom: 0.04rem;}
.conlist li .text{font-size: 12px;color: #999;line-height: 1.42;}
.conlist li .fino{position: absolute;left: 0.145rem; bottom: 0.145rem; right: 1.455rem;}
.conlist li .fino .fr{font-size: 12px;color: #999;}
.conlist li .fino .fl{color: #ffa800; font-weight: 700;}
.bottomNav{width: 100%;max-width: 540px; height: 0.72rem;line-height: 0.72rem; position: fixed; z-index: 3; bottom: 0;display: flex;justify-content: space-between; background: #fff;box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 7%); padding-bottom: env(safe-area-inset-bottom);}
.bottomNav li{text-align: center;font-size: 0.24rem;text-indent: -9999em;}
.bottomNav li a{display: block; width: 100%;height: 100%;}
.bnav1{background-image: url(../images/n1.png); background-repeat: no-repeat; background-position: center; background-size:auto 0.7rem;}
.bnav2{background-image: url(../images/n2.png); background-repeat: no-repeat; background-position: center; background-size:auto 0.7rem;}
.bnav3{background-image: url(../images/n3.png); background-repeat: no-repeat; background-position: center; background-size:auto 0.7rem;}
.bnav1.active{background-image: url(../images/n1_active.png); background-repeat: no-repeat; background-position: center; background-size:auto 0.7rem;}
.bnav2.active{background-image: url(../images/n2_active.png); background-repeat: no-repeat; background-position: center; background-size:auto 0.7rem;}
.bnav3.active{background-image: url(../images/n3_active.png); background-repeat: no-repeat; background-position: center; background-size:auto 0.7rem;}
.scommnts{width: 100%;}
.imgbanner{width: 100%;height: 3.03rem;}
.imgbanner img{display: block; width: 100%;height: 100%;}
.imgbannerTitle{text-align: center;margin: 0.15rem 0.14rem;line-height: 0.28rem;}
.scommnts .dest{max-width:24.9em; margin: 0.13rem auto 0; font-size: 12px; color: #999; line-height: 1.17; text-align: center; display: -webkit-box!important; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.scommnts .sm{margin-top: 0.1rem;}
.scommnts .sm li{font-size: 12px; color: #999;text-align: center;}
.scommnts .sm li span{position: relative; padding-left: 0.16rem;}
.scommnts .sm li span:before{content: '';display: block; width: 0.06rem;height: 0.06rem;border-radius: 50%; position: absolute;left: 0;top: 50%; margin-top: -0.03rem; background-color: #999;}
.scommnts .jg{color: #ffa800;font-weight: bold;text-align: center;margin-top: 0.2rem;}
.scommnts .csBtn{width: 36%; height: 0.65rem; background: #ffd133; box-shadow: 0 0.08rem 0.2rem 0.08rem rgb(191 177 128 / 50%); border-radius: 4px; font-size: .26rem; color: #333; text-align: center; line-height: 0.64rem; display: block; margin: 0.5rem auto 0.5rem;}
.scommnts .js{text-align: center;text-align: center;cursor: pointer;color: #8a8a8a;line-height: 1.5;margin-bottom: 0.3rem;}
.scommnts .js span{margin: 0 0.2rem; padding-left: 30px; position: relative;}
.scommnts .js span:before{content: '';display: block; width: 20px;height: 20px; position: absolute;left: 0;top: 50%;margin-top: -10px; background-size: 100% 100%;}
.jsbtn1:before{background-image: url(../images/fenxiang.png);}
.jsbtn2:before{background-image: url(../images/shoucang1.png);}
.cpjsTitle{text-align: center;line-height: 0.28rem;height: 0.28rem; position: relative; padding-bottom: 0.18rem; position: relative;}
.cpjsTitle span{color: #000;}
.cpjsTitle span:before{content: ""; position: absolute; bottom: 0; left: 50%; display: block; width: 0.44rem; height: 0.04rem; transform: translate(-50%); border-radius: 0.02rem; background: #ddd;}
.spjscontent img{display: block; max-width: 100%; margin: 0 auto;}
.cstips{overflow: hidden; margin-left: 0.22rem; margin-right: 0.22rem; margin-bottom: 0.15rem; padding: 0.43rem 0.32rem; background: #f8f8f8; border-radius: 0.06rem; color: #666; font-size: 14px; line-height: 2; margin-bottom: 0.3rem;}
.yhmbox li .box{width: 1.46rem; padding-top: 0.22rem; padding-bottom: 0.15rem; border: 1px solid #ddd; border-radius: 0.06rem; box-shadow: 0 0 6px 0 hsl(0deg 0% 40% / 16%);margin: 0 auto;}
.yhmbox{margin-top: 0.28rem;}
.yhmbox li .box .tt{margin-top: 0.22rem; text-align: center;font-weight: normal;line-height: 1;color: #666;}
.yhmbox li .circle{width: 0.85rem;height: 0.85rem;margin: 0 auto; position: relative;}
.circle span{display: block; position: absolute;left: 0;top: 0; border-radius: 50%; width: 100%;height: 100%; border: 0.08625rem solid #eee;}
.circle span.track{border: 0.08625rem solid #eee;}
.circle span.left{clip: rect(0 0.43rem 0.85rem 0);border-color: #ffdd2b;transform: rotate(0deg); transition: transform 1s linear;}
.circle span.right{clip: rect(0 0.43rem 0.85rem 0);border-color: #ffdd2b; opacity: 0; transform: rotate(180deg);}
.circle span.right.show{opacity: 1;}
.cover{clip: rect(0 0.45rem 0.85rem 0);}
.circle span.cover.hide{opacity: 0;}
.circle span.text{display: flex; justify-content: center; align-items: center; flex-direction: column; border: 0.08625rem solid transparent;}
.circle span.text i{font-weight: normal; color: #999;font-size: 10px;}
.circle span.text b{font-size: 14px;font-weight: normal;}
.commentlist{padding: 0.2rem 0.22rem;}
.commentlist li{border-bottom: 1px solid #ddd; min-height: 0.44rem; position: relative; padding-left: 0.7rem; padding-top: 0.22rem;padding-bottom: 0.22rem;}
.commentlist li .face{display: block; width: 0.44rem;height: 0.44rem; border-radius: 50%; position: absolute;left: 0;top: 0.22rem;overflow: hidden;}
.commentlist li .face img{display: block;width: 100%;height: 100%;}
.commentlist li .timer{margin-bottom: 0.07rem; font-size: 12px; color: #999;}
.commentlist li .text{display: -webkit-box!important; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; color: #4e525b;}
.morepc{width: 100%; background-color: #f6f6f6; padding: 0.22rem 0.28rem 1rem;}
.morepc a{display: block; height: 0.64rem; background-color: #fff; color: #666; touch-action: manipulation; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);line-height: 0.64rem;text-align: center;}
.fiexdbtn{position: fixed; bottom: 0; z-index: 10; background-color: #fff;height: 0.72rem;line-height: 0.72rem; display: flex; justify-content: space-between; box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 7%); max-width: 540px;width: 100%;}
.fiexdbtn .goHmoe{display: block; width: 0.88rem;height: 0.72rem;text-indent: -9999em;background-image: url(../images/detail-home.png); background-repeat: no-repeat; background-size: auto 78%; background-position: center; background-repeat: no-repeat;}
.fiexdbtn .cjbtn{background-image: linear-gradient(-225deg,#fad031,#fff084); font-size: 0.24rem; color: #613e1f; text-align: center; line-height: 0.72rem; font-weight: 700;}
.fixSider{position: fixed; right: 0; bottom: 10%; z-index: 11; width: 0.4rem;}
.fixSider li{background: #303030; width: 0.4rem; height: 1.7rem; border-top-left-radius: 0.07rem; border-bottom-left-radius: 0.07rem; color: #fff;line-height: 1.1;margin-bottom: 0.2rem;text-align: center; padding-top: 0.14rem; cursor: pointer;}
.fixSider li img{width: 60%; margin:0 auto 0.1rem; display: block;}
.fixSider li span{display: block;letter-spacing: 0.1rem;width: 0.18rem;margin: 0 auto; line-height: 1.5;font-size: 0.16rem;}
.resultBg{background-image: url(../images/bg_base.png); background-size: 0.624rem auto;}
.userInfo{padding: 0.3rem 0.2rem 0.3rem 1rem; position: relative;color: #999;}
.userInfo .uuserface{display: block; width: 0.6rem;height: 0.6rem; border-radius: 50%; position: absolute;left: 0.28rem;top: 0.3rem;}
.userInfo .username{font-size: 0.21rem;letter-spacing: 0.12px;line-height: 1;}
.finshtimer{font-size: 0.18rem;line-height: 0.24rem;letter-spacing: 0.1px;margin: 0.08rem 0;}
.resultContent{padding: 0.43rem 0 ;}
.resultContent>.tt{text-align: center; color: #4c4b58;font-size: 0.28rem;letter-spacing: 0.036rem;margin-bottom: 0.4rem;}
.resultContent .box{background: #fff;margin-left: 0.2rem; margin-right: 0.2rem; border: 0.028rem solid #f0f0f0;border-radius: 0.187rem;padding: 0 0.32rem 0.2rem;line-height: 1.75;letter-spacing: 1px;font-size: 16px; color: #666;min-height: 500px;}
.resultContent .box .tt{text-align: center;}
.resultContent .box h2.tt,.resultContent .box h3.tt{color: #333;font-size: 18px;}
.resultContent .box h2.tt{padding-top: 20px;}
.resultContent .box h3.tt{padding-bottom: 20px;}
.guide-desc img{display: block; max-width: 100%;}
.guide-desc{margin-top: 0.4rem;margin-bottom: 1rem;}
.gidcover{position: relative;}
.gidcover span{display: block;width: 100%; height: 6.32rem; background: linear-gradient(180deg,hsla(0,0%,100%,.5),#fff); position: absolute; top: -6.32rem; left: 0; z-index: 3; box-shadow: 0 -0.144rem 0.144rem 0.144rem hsl(0deg 0% 100% / 50%);}
.wx-codebox{width: 2rem;height: 2rem;padding: 0.08rem;margin: 0 auto;}
.wx-codebox img{display: block; width: 100%;height: 100%;}
.xw-code .text{font-size: 0.2rem; text-align: center; color: #666;line-height: 1.4;margin-top: 0.1rem;}
.doverDiv{width: 100%;height: 1.55rem;}
.fixedTips{padding: 0.12rem 0.28rem; box-sizing: border-box; font-size: 0.23rem; color: #63636b; line-height: 0.446rem; text-align: justify; background: #fff6ca;}
.guide-desc .box{margin-top: 0.4rem;}
.fixedTips{position: relative;padding-left: 1.8rem; height: 1.3rem;box-sizing:content-box;
-moz-box-sizing:content-box; /* Firefox */
-webkit-box-sizing:content-box; /* Safari */}
.fixedTips .imgBox{display: block; width: 1.3rem;height: 1.3rem; position: absolute;left: 0.28rem; top: 0.12rem;}
.fixedTips .imgBox img{display: block; width: 100%;height: 100%;}
.fixedTips .btn{display: inline-flex; align-items: center; padding: 0.144rem; border-radius: 0.11rem; font-size: 0.2rem; font-weight: 400; color: #fff; line-height: 0.2rem; text-align: center; margin-bottom: 0.07rem; background-color: #43fb22; background-image: linear-gradient(45deg,#43fb22 50%,#0ede16); box-shadow: 0 1px 3px #43fb22;}
.fixedTips .btn i{display: inline-block; width: 0.29rem;height: 0.29rem;background-image: url(../images/icon-wechat-white.svg); background-size: 100% 100%;margin-right: 0.1rem;}
.fixedTips .text{line-height: 0.29rem;font-size: 10px; color: #333;}
.searchbody{background-color: #f6f6f6;}
.searctit{padding: 0.2rem 0.2rem 0;height: 0.24rem;line-height: 0.24rem;color: #999;font-weight: normal;}
.searchlasy{padding: 0.1rem 0 0 0.2rem;}
.searchlasy li{float: left; margin-right: 0.2rem;margin-bottom: 0.1rem;height: auto;}
.searchlasy li a{display: block;padding: 0.1rem 0.18rem;background-color: #fff;border:.006rem solid #ddd;border-radius: 0.03rem;}
.searchHeader{background-color: #fff;height: 0.7rem;border-bottom: 1px solid #ddd; position: fixed;z-index: 11; top: 0; display: flex; align-items: center;padding: 0 0.2rem;width: 100%; max-width: 540px;}
.searchpagebox{border: 2px solid #fff;height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; background: #f6f6f6; position: relative; padding: 0 0.4rem;}
.searchpagebox>span{position: absolute;top: 0;display: block; width: 0.4rem; height: 0.4rem;}
.searchpagebox .icon{left: 0;background-image: url(../images/search.svg); background-repeat: no-repeat; background-position: center; background-size: 40% auto;}
.searchpagebox .close{right: 0.1rem;background-image: url(../images/icon_search_close.svg); background-repeat: no-repeat; background-position: center; background-size: 40% auto; background-color: #ddd;border-radius: 50%;width: 0.25rem;height: 0.25rem; top: 50%; margin-top: -0.125rem;}
.searchpagebox .sy{display: block; width: 100%;height: 100%; border:none 0; background: none;}
.searchpagebox.active{border: 2px solid #333;}
.searccontent{padding-top: 0.7rem;padding-bottom: 0.7rem;}
.search_none{padding: 0.4rem 0.2rem;text-align: center; color: #666;border-bottom: 1px solid #ddd;}
.search_none .icon{display: block; width: 0.68rem;height: 0.68rem; background-color: #fff; border-radius: 50%;margin: 0 auto 0.2rem;background-image: url(../images/icon_search_empty.svg); background-repeat: no-repeat; background-position: center; background-size:0.42rem auto;}
.main{max-width: 540px;margin: 0 auto;}
.lcontent{height: 100%;}
.mySwiper .conlist{height: 100%;overflow-y: auto;}
.mySwiper.swiper{width: 100%;position: absolute;top: 0.7rem; bottom:0;} .mySwiper ul{height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.2rem;} .listClassly .navSwiper{width: 100%;height: 100%;} .listClassly .swiper-wrapper{width: 100%;} .listClassly .listClasslyNav{width: 100%;height: auto;} .conclasslyBar .drop b{font-weight: normal;}
.loadingbtn{text-align: center; color: #999;line-height: 0.4rem;margin-bottom: 0.4rem;}
.loadingbtn span{display: inline-block; width: 0.4rem;height: 0.4rem; background-image: url(../images/loading.svg); background-size: 100% 100%;margin-right: 0.1rem; vertical-align: middle;transform-origin: 50% 50%; animation: loading-data-v-71635f86 1s linear infinite}
.fixedTips.active{position: fixed;left: 0;right: 0; bottom: 0; z-index: 11;}
@keyframes loading-data-v-71635f86{0%{transform: rotate(0deg)} to{transform: rotate(359deg)}}

.answerBox{ border:1px solid #ddd; background-color: #fff; padding: 0.64rem 0 0.5rem;position: relative;left: 50%; top: 10%;width: 5rem;margin-left: -2.5rem;border-radius: 0.19rem;text-align: center;}
.answerBox .title{font-family: PingFangSC-Semibold;
    font-size: 0.22rem;
    text-align: center;
    line-height: 1.1;
    font-weight: 700;color: #333;}


.noticeBox{ padding: 0.5rem 0.288rem; }
.noticeContent{ border:1px solid #ddd; background-color: #fff; padding: 0.36rem 0.354rem;border-radius: 0.2rem;}
.noticeContent .title{text-align: center;font-size: 0.28rem;line-height: 0.42rem; margin-bottom: 0.36rem;font-weight: bold;}
.noticeContent .text{ color: #666;font-size: 0.202rem;line-height: 0.353rem;letter-spacing: 0.003rem; margin-bottom: 1rem;}
.noticeContent .ybg{     background-color: rgb(255, 204, 0);
    color: rgb(0, 0, 0);
    pointer-events: auto; }
.noticeContent .btn,.dtTips .btn{ display: block; width: 2.88rem;height: 0.56rem;line-height: 0.56rem;text-align: center;background: #ffdd2b;color: #333;border-radius: 4px;margin: 0 auto;}
.noticeFooter{text-align: center;color: #b2b2b2;font-size: 12px;line-height: 1.75;margin: 0.36rem auto;}

.dtmask{ position: fixed;left: 0; right: 0; top: 0; bottom: 0;z-index: 100; }
.dtTips{ position: fixed;z-index: 101; background-color: #fff;padding: 0.288rem;border-radius: 0.288rem;width: 4.32rem;left: 50%;top:40%;transform: translate(-50%, -50%); }
.dtTips .ticon{ display: block; background-size: 100% 100%; margin: 0 auto;}
.dtTips .door{ width: 0.5903rem;height: 0.6694rem; background-image: url(../images/door.png);margin-top: 0.3rem; }
.dtTips .tips{font-size: 0.23rem;line-height: 1.75;    color: #63636b;margin-top: 0.22rem;}
.dtTips .btn{margin: 0.2rem auto 0;}

.answerHeader{    background-color: #fff;
    color: #666;
    -moz-box-shadow: 0 1px 5px #dcdcdc;
    box-shadow: 0 1px 5px #dcdcdc; width: 100%;height: 0.9rem;    justify-content: center;
    align-items: center;padding: 0 0.288rem;font-size: 0.178rem; position: relative; padding-right: 0.878rem;}
.answerHeader .progress-number{margin-right: 0.15rem;margin-bottom: 0.05rem;}
.answerHeader .progress-number span{font-size: 0.2592rem; font-weight: bold;}
.answerHeader .progress-bar{ width: 100%; height: 0.17rem;     background: #f6f6f6;border-radius: 0.085rem;overflow: hidden;}
.answerHeader .progress-bar span{ display: block;height: 100%; width: 10%;     background: #ffdd2b;    animation: all .2s ease;}
.answerHeader .timer{margin-left: 0.15rem;}
.answerHeader .tipsbtn{margin-left: 0.15rem; width: 0.44rem;height: 0.44rem; background-size: 100% 100%;background-image: url(../images/tips.png); position: absolute;right: 0.288rem;top: 50%;margin-top: -0.22rem;}

.answerContent{padding: 0 0.216rem 1rem;}
.answerContent .title{font-size: 0.2736rem;
    padding: 0.216rem 0.0648rem;
    font-weight: 700;
    word-break: break-all;
    text-align: justify;color: #333;}
.answerItme{border: 1px solid #f0f0f0; padding: 0.2rem 0.64rem 0.2rem 0.72rem; position: relative; background-color: #fff;border-radius: 0.115rem;font-size: 0.23rem;line-height: 0.31rem;margin-bottom: 0.1rem;}
.answerItme .am{ position: absolute;left: 0.36rem;top: 0.2rem; }
.answerItme .btn{ display: block; width: 0.2rem;border: 2px solid #ffdd2b;height: 0.2rem;border-radius: 50%; position: absolute; right: 0.36rem;top: 50%;margin-top: -0.1rem; }
.answerItme .btn i{ display: block; width: 0.16rem;height: 0.16rem;background-color: #ffdd2b; border-radius: 50%; position: absolute;left: 50%; top: 50%;margin-left: -0.08rem; margin-top: -0.08rem; display: none;}
.yxlCopyright{text-align: center; color: #bfbfca; padding: 0.15rem 0;}
.tisPop{ position: fixed;left: 0; right: 0; top: 0; bottom: 0;z-index: 101;}
.noticNmt{max-height: 5rem;overflow-y: auto;}
.noticeContent .close,.dtTips .close{ display: block; width: 0.35rem;height: 0.35rem;background-image: url(../images/pop.png); position: absolute; right: 0.2rem; top: 0.2rem; background-size: 50% auto; background-repeat: no-repeat;background-position: center;cursor: pointer; }
.tisPop .noticeContent{ position: relative; padding-right: 0.3rem;}
.tisPop{ padding-left: 0.5rem; padding-right: 0.5rem; max-width: 5rem; margin: 0 auto; padding-top: 0.6rem;}
.tisPop .text{font-size: 0.16rem;}
.ermmb{ text-align: center;margin-top: 0.5rem; }
.xwerm img{ display: block; width: 1.62rem; height: 1.62rem; margin: 0 auto; }
.answerBox .cirte{ display: block; width: 1.44rem;height: 1.44rem;border: 0.043125rem solid #ddd;border-radius: 50%;margin: 0 auto;}
.answerBox .cirte img{ display: block; width: 100%;height: 100%; }
.answerBox .cett{font-size: 0.2rem;text-align: center;color: #333;line-height: 1;font-weight: normal;margin-top: 0.17rem;}
.sixeBox{padding: 0 0.4rem;}
.answerBox .tips{color: #666;margin: 0.36rem auto;}
.dtTips .action .btn{ width: 1.68rem; }
.dtTips .title{ text-align: center; font-size: 0.28rem;padding-top: 0.1rem;}
.fexdbtn{ position: fixed; bottom: 0; padding: 0.2rem 0.1rem;justify-content: space-between;left: 50%; transform: translate(-50%, 0); width: 100%;}
.fexdbtn .btn{ display: block;     border-color: #ffdd2b;
    color: #333;
    background-color: #ffdd2b;height: 0.6rem;line-height: 0.6rem;font-size: 0.2rem;text-align: center;border-radius: 0.08rem; }
.fexdbtn>div{margin: 0 0.1rem;}
.payment{ width: 100%;background-image: url(../images/top-bg.png);  background-size: 100% auto; background-repeat: no-repeat; padding-top: 1rem; padding-bottom: 1rem;}
.paymentTitle{width: 4.45rem;height: 0.26625rem;background-image: url(../images/payment_unlock_title.png);  background-size: 100% 100%; margin: 0 auto;}
.paymentDest{    background: #fff;
    box-shadow: 0 1px 4px 0 hsl(54deg 11% 50% / 47%);
    margin: 0.216rem 0.288rem 0;
    border-radius: 0.2rem;
    padding: 0.33rem 0.216rem;
    overflow: hidden; }
.paymentDest .imgBox{ display: block; width: 1.9rem;height: 1.06rem; }
.paymentDest .imgBox img{ display: block; width: 100%;height: 1005; }
.paymentDest .imgtihgt{ padding-left: 0.4rem; line-height: 1.4;}
.paymentDest .imgtihgt .tt{font-weight: bold;line-height: 1.4;}
.paymentDest .imgtihgt .jttips{margin-top: 0.15rem; color: #999;line-height: 1.4;}
.paymentDest .imgtihgt .red{ color: #ff3d3d; }
.paymentDest .imgtihgt p{ color: #999; }
.paymentDest .imgtihgt .block{ color: #333;margin-top: 0.072rem; }
.paymentDest .btn{ display: block;    height: 0.64rem;
    background: #ffdd2b;
    border-radius: 0.32rem;
    color: #4c4b58;
    line-height: 0.64rem;
    text-align: center;
    font-size: 0.24rem;
    margin-bottom: 0.288rem; margin-top: 0.43rem;}
.paymentDest .text{color: #63636b;line-height: 1.75;}
.payTitle{height: 0.5rem;
    font-size: 0.27rem;
    font-weight: 600;
    color: #4c4b58;
    line-height:0.5rem;
    text-align: center;
    position: relative;
    margin-bottom: 0.144rem;}
.payTitle:after,.payTitle:before{content: "";
    display: inline-block;
    width: 0.58rem;
    height: 0.144rem;
    position: absolute;
    top: 50%;
    margin-top: -0.072rem;}

.payTitle:before {
    background: url(../images/title-left.png);
    background-size: 100% 100%;
    left: 0.144rem;
}
.paymentitm{padding: 0.216rem 0.216rem 0;}
.payTitle:after {
    background: url(../images/title-rigth.png);
    background-size: 100% 100%;
    right: 0.144rem;
}
.payulock{background: #fff;
    box-shadow: 0 1px 4px 0 hsl(54deg 11% 50% / 47%);
    border-radius: 0.2rem;
    overflow: hidden; }
.paysiliderheader{ position: relative; padding-right: 1.23rem;height: 0.58rem;line-height: 0.58rem;}
.paysiliderheader .usder{ display: block; font-weight: 600;
    color: #333;font-size: 0.2rem;}
    .paysiliderheader .usder img{ display: block;float: left; width: 0.58rem;height: 0.58rem;border-radius: 50%; margin-right: 0.15rem;}
.payilSilder{ padding: 0.288rem; }
.paysiliderheader .topTios{ position: absolute; right: 0;top: 0; text-align: right;
    font-size: 0.2rem;
    font-weight: 400;
    color: #ffc500;}
.paysilderText{font-size: 0.23rem;
    font-weight: 400;
    color: #666;
    line-height: 0.4rem;
    text-align: center;
    margin:0.36rem 0;
    position: relative;}
.paysilderText .palydate{height:1.22rem;
    text-align: center;
    font-size: 0.23rem;
    overflow: hidden;
    padding: 0 0.94rem;}
.paysilderText:before {
    content: "";
    width: 0.5255rem;
    height: 0.3527rem;
    background: url(../images/Shape.png) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    top: -0.072rem;
    left: 0.288rem;
}
.paysilderText:after {
    content: "";
    width: 0.1583rem;
    height: 0.108rem;
    background: url(../images/shape_left.png) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0.576rem;
}
.paymentinof img{ display: block; width: 100%; }
.paymentinof{    background: #fff;
    box-shadow: 0px 1px 4px 0px rgba(143,140,114,0.47);
    border-radius: 0.2rem;
    overflow: hidden;padding-top: 0.32rem;}
.paymentFiexBtn{ background-color: #fff; max-width: 540px;padding-top: 0.4rem; padding-bottom: 0.4rem;box-shadow: 0 0.04rem 0.16rem 0 rgb(0 0 0 / 7%);border-radius: 0.2rem 0.2rem 0 0;}
.dtTips .btn2 .pbtn{ display: block;     background: #fff;
    color: #fe5f66;
    border: 1px solid #fe5f66; height: 0.6rem;line-height: 0.6rem; border-radius: 0.3rem;font-size: 0.21rem;text-align: center;margin-top: 0.216rem;}
.dtTips .btn2 .pbtn.pbtn1{ background-color: #fe5f66; color: #fff; }
.dtTips .pytips{ text-align: center;font-size: 0.1728rem;color: #666;margin: 0.216rem auto; }
.dtTips .pytips .red{ color: #fe5f66; }
.payBoxment{ width: 4.82rem; padding-left: 0.44rem; padding-right: 0.44rem; }
.payBoxment .title{padding-top: 0.2rem;}

.answerHeader{ padding-left: 1.02rem; padding-right: 1.48rem; }
.answerHeader .progress-number{ position: absolute;left: 0.288rem; }
.answerHeader .timer{ position: absolute; right: 0.88rem; }

.anfixedBtn{ display: none; }
.tybtn{ display: none; }
.anfixedBtn.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;
}
.answerItme.active .btn i{display: block;}

.questionWrapper .tipsbtn {
    margin-left: 0.15rem;
    width: 0.44rem;
    height: 0.44rem;
    background-size: 100% 100%;
    background-image: url(../images/tips.png);
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.22rem;
}
#time_dj p{ display: none; }
.paymentBox{ width: 320px; position: fixed; left: calc(50% + 280px);top: 30px; bottom: 0; padding: 20px;z-index: 10;background-color: #fff;border:1px solid #ddd; border-radius: 10px; display: none;z-index: 99;}
.meymtntTitle{text-align: center;font-weight: normal;line-height: 1.5;padding-top: 10px;font-size: 18px;}
.meymtntTitle span{ color: #ff4e4f; }
.paymentBox .menye{border: 1px solid #ff4e4f;background-color: rgba(255,78,79,.05);border-radius: 10px;padding: 20px;text-align: center;font-size: 14px;line-height: 1.5;margin: 10px auto 20px; position: relative;}
.paymentBox .menye .tt{text-align: center;font-size: 18px;font-weight: normal;}
.paymentBox .menye .red{ position: absolute;left: 0; top: 0;font-size: 12px;line-height: 1; background-color: #ff4e4f;color: #fff;border-radius: 10px 0 10px 0; padding: 4px 8px;}
.paymentBox .menye .text{margin-bottom: 15px;margin-top: 10px;}
.paymentBox .menye .jjg{font-size: 12px; color: #999;text-decoration: line-through;}
.paymentBox .menye .yhj{color: #ff4e4f;font-size: 14px;}
.paymentBox .menye .yhj span{font-size: 20px;}

.ermtabBox{border: 1px solid #ddd;border-radius: 10px;padding: 10px 20px;font-size: 14px;}
.emtabnav li{width: 50%;float: left;text-align: center;height: 32px;line-height: 32px;border-bottom: 2px solid #ddd;cursor: pointer;}
.emtabnav li span,.ermtabBox .tabc .tt span{ display: inline-block; width: 16px;height: 16px;vertical-align: middle; margin-right: 6px; background-size: 100%;}
.emtabnav .xw span,.ermtabBox .tabc.wx .tt span{ background-image: url(../images/wx.png); }
.emtabnav .zfb span,.ermtabBox .tabc.zfb .tt span{ background-image: url(../images/zfb.png);}
.emtabnav .xw.active{ border-color: #04be02; }
.emtabnav .zfb.active{ border-color: #1776fe; }
.ermtabBox .tabc .erm{ width: 120px;height: 120px;margin: 0 auto; }
.ermtabBox .tabc .erm img{ display: block; width: 100%;height: 100%; }
.ermtabBox .tabc{text-align: center;font-size: 14px;color: #666;padding: 10px 0;}
.ermtabBox .tabc .tt span{ display: inline-block; width: 16px;height: 16px; }

.btn{cursor: pointer;}

.paymentBox.pcShow.zindex{z-index: 101;}
.paymentBox.pcShow,.zfcemask.pcShow{display: block;}
.zfcemask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: none;
}
@media only screen and (max-width: 540px){
    .paymentBox.pcShow,.zfcemask.pcShow{ display: none; }
}


.spjscontent{line-height: 1.75;padding:0.28rem 0.4rem 0; color: #666;}
.spjscontent img{ display: block; }
.spjscontent p{text-indent: 2em;}

/*.jdt_box_02 .sel_ces p{padding: 0;}
.sel_ces p a{ display: block;    padding: 0.2rem 0.64rem 0.2rem 0.2rem; }*/
.anAgeBox{top: 50%;transform: translate(-50%, -50%);margin: 0;overflow: hidden;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-bottom: 0.2rem; width: 4.8rem;}
.scollabox{max-height: calc(100vh - 240px); margin-top: 0.4rem;overflow-y: auto;}
.anAgelist{padding: 0 0.4rem;}
.anAgelist li{border: 0.043125rem solid #ffd133; background-color: #fff; border-radius: 0.2rem; margin-bottom: 0.2rem; background: #ffd133; color: #613e1f;}
.anAgelist li .box{ display: block;padding: 0.1rem 0.1rem;line-height: 1.75;cursor: pointer; }
.anAgelist li .tt{}
.anAgelist li .text{ color: #555; }


/*2022-2-17*/
.tjlist .conlist li{border: 0.028rem solid #f0f0f0;}
.moreBtnt{display: block; height: 0.6rem;color: #666;border: 0.028rem solid #ffdd2b;touch-action: manipulation;user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 0.6rem; text-align: center;margin:0 0.2rem 0.2rem;border-radius: 0.3rem; background-color: #ffdd2b;}
/*2022-2-18*/
.searchOpenBtn{padding-right: 0.165rem;}
.searchOpenBtn  input{ width: 100%;height: 100%;border:none 0; background: none; vertical-align: top; }
.header.active .searchIndex{  width: 4.3rem;position: absolute; top: 50%; margin-top: -0.205rem;border: 1px solid #d7d7d7;}
.searchHeaderbtn{position: absolute; width: 0.7rem;height: 0.41rem;right: 0.16rem;top: 50%;margin-top: -0.205rem; border: none 0; background-color: #ffdd2b;border-radius: 0.05rem;line-height: 0.41rem;}
.searchHeaderbtn{ display: none; }
.closeInput{position: absolute; width: 0.7rem;height: 0.41rem;right: 0.16rem;top: 50%;margin-top: -0.205rem; background: #ddd; border-radius: 0.05rem;line-height: 0.41rem; text-align: center; display: none;}
.header.active .logo{ display: none; }
.header.active{ position: relative; }
.searchIndex{ position: relative; }
.searchIndex .close {right: 0.1rem;background-image: url(../images/icon_search_close.svg);background-repeat: no-repeat;
    background-position: center; background-size: 40% auto;background-color: #ccc;border-radius: 50%;width: 0.25rem;height: 0.25rem; top: 50%; margin-top: -0.125rem;display: none; position: absolute;}
.headerSearchpagetop{ position: fixed !important;top: 0;  max-width: 540px; width: 100%;z-index: 10; background-color: #fff;}
.headerSearchpagetop.active{}
.header.headerSearchpagetop .searchOpenBtn{    background-color: #f6f6f6;border: 1px solid #f6f6f6;}
.headerSearchpagetop .closeInput{ background-color: #f6f6f6; }
.header.active .closeInput{ display: block; }


/*2021-2-21*/
.spjscontent .cstips{margin-left: 0; margin-right: 0;}
.jdt_box_02 .sel_ces p{padding: 0;}
.sel_ces p a{ display: block; padding: 0.2rem 0.64rem 0.2rem 0.2rem;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none; }
*{-webkit-tap-highlight-color: transparent;}
.spjscontent{line-height: 2.25;}
.scommnts .dest{line-height: 1.75;}
.csBtn{cursor: pointer;}

.yhcoomnt{padding-left: 0.1rem; padding-right: 0.1rem;}
.spjscontent .commentlist p{text-indent: 0;}
.spjscontent{ padding-left: 0; padding-right: 0; }
.spjscontent>p{ padding-left: 0.4rem; padding-right: 0.4rem; }

.tisPop .text{font-size: 0.32rem;}

.mySwiper .conlist ul{padding: 0 0.2rem;}


.conlist li .tt{line-height: 0.3rem; max-height: 0.6rem;margin-bottom: 0.1rem;}
.searctit span{ color: #333; }
.listClasslyNav li{font-size: 0.24rem;height: 0.8rem;line-height: 0.8rem;}
.conlist li,.conlist li a,.conlist li .imgBox{height: 1.46rem;}
.conlist li .imgBox img{ width: 1.46rem; }
.conlist li .fino{right: 1.755rem;}


/*2022-2-23*/
.imgbannerTitle{  margin: 0.45rem 0.14rem 0.3rem;}
.logo{color: #4c4b58;}
.resultContent .box{min-height: auto;}
/*2022-2-22*/
.searccontent .lcontent{ width:100%;}
.listcontent .mySwiper.swiper{top: 0.85rem;}
.cstips{margin-top: 0.2rem;}

.fiexdbtn .cjbtn{height: 0.7rem; position: relative;}
.fiexdbtn .cjbtn span b{position: relative;z-index: 2;}
.fiexdbtn .cjbtn span{overflow: hidden; display: block;width: 100%; position: absolute;left: 0; right: 0; top: 0; bottom: 0;}
.fiexdbtn .cjbtn span:after{position:absolute;display:block;content:'';top:50%;left:50%;background:rgba(250,128,15,0.1);width:6rem;height:1.4rem;margin-left:-3rem;margin-top:-0.7rem;animation:spread 1.5s infinite both;-webkit-animation:spread 1.5s infinite both;-moz-animation:spread 1.5s infinite both;-o-animation:spread 1.5s infinite both;z-index:1;}
.fiexdbtn .cjbtn span:before{position:absolute;display:block;content:'';top:50%;left:50%;background:rgba(250,128,15,0.1);width:6rem;height:1.4rem;margin-left:-3rem;margin-top:-0.7rem;animation:spread 1.5s infinite both;-webkit-animation:spread 1.5s infinite both;-moz-animation:spread 1.5s infinite both;-o-animation:spread 1.5s infinite both;z-index:1;}
.fiexdbtn .cjbtn span:after{animation-delay: 0.5s}
@keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
.paymentBox{top: 0;}
.spjscontent{padding-top: 0;}
.paymentDest .text{text-align: center;}
.paymentDest .btn{margin-bottom: 0.22rem;}
.paymentDest .text{text-align: center;}
.paymentDest .imgtihgt h3.tt{margin-bottom: 0.1rem;}
.fixedTips .text{white-space: nowrap;}

::selection             { background:none;  }

::-moz-selection    { background:none; }

::-webkit-selection { background:none;}

.sel_ces p a{ padding-right: 0.84rem; }
.tisPop .text{font-size: 0.202rem;}
.wqcTips{ position: fixed;z-index: 101; background-color: #fff;padding: 0.288rem;border-radius: 0.288rem;width: 4.32rem;left: 50%;top:40%;transform: translate(-50%, -50%); }
.wqcTips .tips{font-size: 0.23rem;line-height: 1.75;    color: #63636b;margin-top: 0.22rem;}
.wqcTips .action .btn{ width: 1.68rem; }
.wqcTips .title{ text-align: center; font-size: 0.28rem;padding-top: 0.1rem;}
.wqcTips .btn{ display: block; width: 2.88rem;height: 0.56rem;line-height: 0.56rem;text-align: center;background: #ffdd2b;color: #333;border-radius: 4px;margin: 0 auto;}
.wqcTips .btn{margin: 0.2rem auto 0;}
.wqcTips .close{ display: block; width: 0.35rem;height: 0.35rem;background-image: url(../images/pop.png); position: absolute; right: 0.2rem; top: 0.2rem; background-size: 50% auto; background-repeat: no-repeat;background-position: center;cursor: pointer; }
.actionBtn1{ background-color: #eeebdb !important; }
.emtabnav{font-size: 0;text-align: center;}
.emtabnav li{ display: inline-block;float: none;font-size: 14px; }
.payOverPop{ position: fixed;width: 4.8rem;left: 50%; top: 40%;transform: translate(-50%, -50%);z-index: 101; background-color: #fff;border-radius: 0.2rem;padding:0.4rem 0.2rem;}
.payOverPop .ptt{text-align: center; color: #f37881;line-height: 1.75;margin-bottom: 0.2rem;}
.payOverPop .erm{ display: block; width: 1.4rem;height: 1.4rem;overflow:hidden;margin: 0 auto 0.1rem; }
.payOverPop .erm img{ display: block; width: 100%;height: 100%; }
.payOverPop .text{line-height: 1.5; margin-bottom: 0.2rem;}
.payOverPop .text span{ color: #333; }
.payOverPop .linkBtn{text-align: center; color: #999;line-height: 1.75;text-align: center;}
.payOverPop .linkBtn .right{ display: inline-block; width: 0.2rem;height: 0.2rem; background-image: url(../images/right.png); background-size: 100% 100%;vertical-align: middle;margin-right: 0.06rem;}
.payOverPop .btn{display: block; height: 0.64rem; background: #ffdd2b; border-radius: 0.32rem; color: #4c4b58; line-height: 0.64rem;text-align: center;font-size: 0.24rem;}
.payOverPop .btn i{display: inline-block; width: 0.31rem; height: 0.29rem; background-image: url(../images/icon-wechat-white.svg); background-size: 100% 100%; margin-right: 0.1rem;vertical-align: middle;}
.payOverPop .ermBtn{margin-bottom: 0.2rem;}
.payOverPop .sjText,.payOverPop .ermBtn,.payOverPop .close{ display: none; }
.payOverPop .close, .usderInfoPop .close{ width: 0.35rem; height: 0.35rem;background-image: url(../images/pop.png);position: absolute;right: 0.2rem;top: 0.2rem; background-size: 50% auto;background-repeat: no-repeat;background-position: center; cursor: pointer;}

@media only screen and (max-width: 540px){
    .payOverPop .sjText,.payOverPop .ermBtn{ display: block; }
    .payOverPop .pcText,.payOverPop .erm{ display: none; }
    .payOverPop .close{ display: block; }
}


.usderInfoPop{position: fixed;width: 4.2rem;left: 50%; top: 40%;transform: translate(-50%, -50%);z-index: 101; background-color: #fff;border-radius: 0.2rem;padding:0.4rem;}
.usderInfoPop .tt{line-height: 1.75; color: #666;}
.usderInfoPop .tt span{font-weight: bold; color: #f37881;}
.usderInfoPop .uderItme{ width: 50%; }
.usderInfoPop .uderItme{ height: 0.36rem;line-height: 0.36rem; position: relative;padding-left: 60px; }
.usderInfoPop .uderItme .name{ position: absolute;left: 0; top: 0;  }
.flexBoxd{justify-content:center;}
.usderInfoPop .btn{ display: block; color: #333;text-align: center; width: 45%;height: 0.5rem;line-height: 0.5rem; margin: 0 auto; background: none; border-radius: 0.24rem; background: #ffdd2b;border: none 0;}
.usderInfoPop .flexBoxd{margin-top: 0.2rem; margin-bottom: 0.4rem;}
.usderInfoPop .uderItme .box{ height: 0.36rem; }
.usderInfoPop .uderItme .box{ margin-right: 0.3rem; }
.usderInfoPop .uderItme:nth-child(1) .age{ display: block; width: 100%;height: 100%;border:none 0;border-bottom: 1px solid #ccc; }
.usderInfoPop .uderItme:last-child .box{ margin-right: 0; }
.usderInfoPop .sexBox span{ display: inline-block; width: 50%; }
.usderInfoPop .sexBox{border-bottom: 1px solid #ccc;}
.usderInfoPop .close{right: 0.1rem;top: 0.1rem;}

@media only screen and (max-width: 540px){
    .usderInfoPop{ width: 4.8rem; padding-left: 0.3rem; padding-right: 0.3rem;}
}

.listClasslyNav li{font-size: 0.22rem;}
/*2022-2-24 改宽度*/
#questionBox.questionBox, #questionBox.questionBox .cxResult,.main,.paymentFiexBtn,.bottomNav,.fiexdbtn,.headerSearchpagetop{max-width: 685px;}
/* #questionBox.questionBox .jdt_box_02{ width: 6.85rem !important; } */
.paymentBox{left: calc(50% + 360px);}
.ermmb{margin-bottom: 1rem;}
.header.active .searchIndex{ width:82%; }
.paymentFiexBtn{z-index: 10;}
.imgbanner,.imgbanner img{height: auto;}

@media only screen and (max-width: 620px){
   .header.active .searchIndex{ width:81%; }
   .listClasslyNav li{font-size: 0.24rem;}
}

@media only screen and (max-width: 540px){
    .header.active .searchIndex{ width:4.3rem; }

}
.imgbannerTitle{margin-bottom: 0;margin-top: 0.3rem;}
.scommnts .dest{margin-top: 0.1rem;}
.paymentDest>.flex{ position: relative; display: block;}
.paymentDest>.flex>.imgBox{ position: absolute;left: 0;top: 0; }
.paymentDest>.flex>.imgtihgt { padding-left: 2.2rem; }
.paymentDest .imgtihgt h3.tt{    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fixSider li{height: auto;padding-bottom: 0.1rem;}


/*2022-3-1*/
.invite-butt .btn{ background-color: #00c250 !important; }
.userPage{ background-color: #fff; padding-left: 0.228rem; padding-right: 0.228rem;  padding-bottom: 0.72rem;}
.changeTab{ text-align: center; line-height: 1; }
.changeTab li a,.changeTab li span{ padding: 0.2rem 0; display: inline-block; position: relative;}
.changeTab li a:after,.changeTab li span:after{content: ''; display: none; width: 45%;height: 0.08rem; background-color: #eea53f;border-radius: 0.04rem; position: absolute; left: 50%;transform: translate(-50%, 0); bottom: 0;}
.changeTab li.active a:after,.changeTab li.active span:after{ display: block; }
.changeTab li.active a,.changeTab li.active,.changeTab li.active span{ color: #eea53f; }
.userList{padding-top: 0.3rem;}
.userList li{-moz-box-shadow:0px 5px 10px #e1e1e1; -webkit-box-shadow:0px 5px 10px #e1e1e1; box-shadow:0px 5px 10px #e1e1e1; border-radius: 0.2rem;margin-bottom: 0.3rem;}
.userList li .box{ display: block; padding: 0.2rem; }
.userList li .imgBox{ display: block; width: 1.2rem; height: 1.26rem; float: left; margin-right: 0.2rem;}
.userList li .imgBox img{ display: block; width: 100%;height: 100%; border-radius: 0.08rem;}
.userList li .tt{line-height: 1.8;}
.userList li .text{line-height: 1.2; color: #999; }
.userList li .btn{ display: block;background-color: #eba546; color: #fff; padding: 0 0.3rem;height:0.48rem;line-height:0.48rem; border-radius: 0.24rem;}
.userList li .info{line-height: 0.48rem; margin-top: 0.13rem;}
.userList li .jg{ color: #39ad96; }
.userList li .timer{ clear: both;line-height: 1.2;padding-top: 0.1rem; color: #999; }
.userHeader{ width: 100%; height: 0.72rem;line-height: 0.72rem; text-align: center; color: #000; background-color: #ededed; }



 .scrollup {
            width: 40px;
            height: 40px;
            text-indent: -9999px;
            filter: alpha(opacity=30);
            -khtml-opacity: .3;
            --moz-opacity: .3;
            opacity: .3;
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: none;
            background: url(/style/images/goup.png) no-repeat;
            z-index: 666;
        }


.waitting{position:fixed;left:0px;top:0px;bottom:0px;right:0px;z-index:11000;display:none;}
.waitting .mask{background:#000000;position:fixed;z-index:11001;left:0px;top:0px;right:0px;bottom:0px;opacity:0.5;}
.waitting .waitlay{width:90vw;left:50%;top:30%;height:76px;background:#ffffff;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:400px;z-index:11002;position:fixed;}
.waitting .waitlay .loading{float:left;background:url(/style/images/loading.png);width:48px;height:48px;animation: sk-chase 2.5s infinite linear both;margin:14px;opacity:0.8;}
.waitting .waitlay span{line-height:76px;font-size:18px;}
@keyframes sk-chase {
    100% { transform: rotate(360deg); }
}