@charset "utf-8";
:root {--blue1:#192a56;--blue2:#1a237e;--blue3:#375ab5;--orange1:#ff4400;--orange2:#ff7f50;--bg-light:#f5f7f9;--bg-dark:#1e272e;--card-bg:#fff;--border:#e0e0e0;--text-dark:#333;--text-grey:#6c757d;--text-light:#f1f2f6;--radius:6px;--shadow:0 2px 4px rgba(0, 0, 0, 0.08);--hover-shadow:0 2px 6px rgba(0, 0, 0, 0.12); --header-height:70px;--max-width:1200px;}
html {font-family:"Roboto", Arial, sans-serif; font-weight:400;} /*Thin (100) Extra Light (200) Light (300) Regular (400) Medium (500) Semi-Bold (600) Bold (700) Extra Bold (800) Black (900)*/
body {margin:0;padding:0;margin-top:0 !important;padding-top:0 !important;color:var(--text-dark);background:var(--bg-light);}
.main{max-width:1200px;margin:auto}
@media screen and (max-width: 768px) {.main{padding: 0 5px !important;}}
* {margin:0;padding:0;font-family:inherit;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6, p {color:var(--text-dark);line-height:1.2;}
h1 {font-size:2.5rem;font-weight:700;}/*40px*/
h2 {font-size:2.2rem;font-weight:700;}/*35.2px*/
h3 {font-size:1.5rem;font-weight:700;}/*24px*/
h4 {font-size:1.375rem;font-weight:500;}/*22px*/
h5 {font-size:1.25rem;font-weight:500;}/*20px*/
h6 {font-size:1.125rem;font-weight:500;}/*18px*/
h7 {font-size:1rem;font-weight:500;}/*16px*/
P {font-size:1.125rem;font-weight:400;}/*18px*/
input, textarea {font-size:1rem;font-weight:400;}/*16px*/
textarea {color:var(--text-dark);}
ul, ol {list-style:none !important;}

.my-custom-message, .my-custom-message * {
  all: unset;
  color: #fff !important;
  font-size: 1.375rem !important;
  background: rgba(128,128,128,0.7) !important;
  /* 你想要的其它样式 */
}
.custom-msg {all:unset; display:block; color:#fff; font-weight:400; font-size:1.375rem; line-height:1.6;text-align:center; padding:15px 30px; background-color:rgba(128,128,128,); border-radius:8px; margin: 0 auto;}

/** Page Hero Section **/
@media screen and (max-width: 768px) {.main{padding: 0 5px !important;}}
.page-hero-section {height: 380px;position: relative;background:linear-gradient(60deg, var(--blue1) 0%, var(--blue2) 100%);text-align: center;}
.page-hero-content {max-width: 1000px;margin: 0 auto;padding:80px 0;}
.page-hero-content h1 {font-size:3.75rem;color:var(--text-light);margin-bottom: 20px;}
.page-hero-content p {color:var(--text-light);font-size:1.5rem;margin: 0 auto 40px;line-height: 1.6;}
@media screen and (max-width: 768px) { .page-hero-section {height: unset;} .page-hero-content { padding:30px 10px; } .page-hero-content h1 {font-size:2.5rem;} .page-hero-content p {font-size:1.25rem; margin:0;} }
.scrolling-text-container{position:absolute;overflow:hidden;width:100%;display:flex;height:35px;align-items:center;background:rgba(0,0,0,0.1);}
.scrolling-text-container:hover .scrolling-text{animation-play-state:paused}
.scrolling-text{padding-left:100%;display:inline-block;white-space:nowrap;color:white;animation:scroll 15s linear infinite}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
/** Page Banner Section **/
.banner{position:relative;width:100%;height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;}
.banner-bg{position:absolute;inset:0;z-index:1;pointer-events:none;}
.banner-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--banner-bg1),var(--banner-bg2));opacity:1;}
.banner-map{position:absolute;top:0;left:50%;width:1200px;height:100%;transform:translateX(-50%);object-fit:contain;opacity:0.04;z-index:2;}
.meteor-container{position:absolute;inset:0;z-index:3;opacity:0.8;pointer-events:none;}
.meteor{position:absolute;width:2px;height:30px;background:linear-gradient(to top left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 65%,rgba(255,255,255,0.7) 90%,#fff 100%);opacity:0;animation:meteor-fall linear infinite;border-radius:50px;transform:rotate(-135deg);}
.meteor:nth-child(1){top:10%;right:5%;animation-delay:0s;animation-duration:3s;}
.meteor:nth-child(2){top:5%;right:25%;animation-delay:1.2s;animation-duration:4.5s;}
.meteor:nth-child(3){top:20%;right:50%;animation-delay:2s;animation-duration:3.5s;}
.meteor:nth-child(4){top:30%;right:75%;animation-delay:1.6s;animation-duration:5s;}
.meteor:nth-child(5){top:40%;right:90%;animation-delay:0.6s;animation-duration:2.5s;}
.meteor:nth-child(6){top:15%;right:60%;animation-delay:0.8s;animation-duration:4s;}
.meteor:nth-child(7){top:8%;right:40%;animation-delay:1.4s;animation-duration:5.5s;}
.meteor:nth-child(8){top:25%;right:60%;animation-delay:2.5s;animation-duration:3s;}
.meteor:nth-child(9){top:12%;right:80%;animation-delay:1.8s;animation-duration:6s;}
.meteor:nth-child(10){top:6%;right:70%;animation-delay:2.2s;animation-duration:4.5s;}
@keyframes meteor-fall{0%{opacity:0;transform:translateY(-100px) translateX(100px) rotate(-135deg);}10%{opacity:1;}90%{opacity:1;}100%{opacity:0;transform:translateY(500px) translateX(-400px) rotate(-135deg);}}
.banner-content{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;}
.banner-header{text-align:center;width:100%;}
.banner-title{text-align:center;max-width:800px;margin:0 auto;font-size:3.5rem;font-weight:900;line-height:1.1;color:#fff;text-shadow:2px 2px 3px rgba(0,0,0,0.8);}
.banner-subtext{text-align:center;max-width:1100px;display:inline-block;margin-top:20px;font-size:1.8rem;font-weight:400;line-height:1.5;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.8);}
.feature-list{margin:24px 0 0 0;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;list-style:none;padding:0;}
.feature-item{display:flex;align-items:center;justify-content:center;position:relative;padding:5px 0;background-color:transparent;border-top:1px solid var(--feature-btn-border);border-bottom:1px solid var(--feature-btn-border);transition:0.3s;overflow:hidden;}
.feature-item:hover{border-top:1px solid #fff;border-bottom:1px solid #fff;box-shadow:0 6px 15px 0 rgba(0,0,0,0.2);}
.feature-item-text{color:#fff;font-size:1.125rem;font-weight:400;letter-spacing:0.5px;z-index:1;position:relative;text-shadow:1px 1px 3px rgba(0,0,0,0.7);white-space:nowrap;transition:color 1s;}
@media screen and (max-width: 768px) {.banner {height: unset;}.banner-content{padding:28px 0;} .banner-title{font-size:2.2rem;} .banner-subtext{font-size:1.25rem;} .feature-list{margin:10px 0 0 0;gap:20px;} }
/** Page Path **/
.path {
  font-size: 1rem;
  color: #aaaaaa;
  min-height: 48px;
  line-height: 48px;
  border-bottom: #d9d9d9 solid 1px;
  white-space: normal;
  word-break: break-all;
  overflow-wrap: break-word;
  
}
.path a{cursor: pointer;display: inline-block;font-size:1rem;color:var(--blue2);padding-right:5px;padding-left:5px;}
.path a:nth-child(1){ padding-left:0px;}
/** Buttons **/
.btn {padding:10px 22px;border-radius:50px;font-weight:400;cursor:pointer;display:inline-block;transition:transform 0.3s, box-shadow 0.3s;}
.btn:hover {transform:scale(1.05);}
.btn-solid-dark-bg {color:#fff;background-color:var(--orange2);boder:none !important;}
.btn-solid-dark-bg:hover {color:var(--orange2);background-color:#fff;}
.btn-solid-light-bg {color:#fff;background-color:var(--orange2);boder:none;}
.btn-solid-light-bg:hover {color:#fff;background-color:var(--blue2);}
.btn-outline-dark-bg {color:var(--orange2);background-color:transparent;border:2px solid var(--orange2);}
.btn-outline-dark-bg:hover {color:#fff;background-color:transparent;border:2px solid #fff;}
.btn-outline-light-bg {color:var(--blue2);background-color:transparent;border:2px solid var(--blue2);}
.btn-outline-light-bg:hover {color:var(--orange2);background-color:transparent;border:2px solid var(--orange2);}
.btn-small {font-size:1rem;font-weight:500;padding:8px 20px;border-radius:25px;cursor:pointer;display:inline-block;transition:transform 0.3s, box-shadow 0.3s;color:#fff;background-color:var(--orange2);border:none;}
.btn-small:hover {color:#fff;background-color:var(--blue2);transform:scale(1.05);}

.form-control {font-size:1.125rem;font-weight:400;display:block; width:100%; height:34px; padding:2px 8px; line-height:1.2; background-color:#fff; background-image:none; border:1px solid var(--border); border-radius:0; }
.form-control:focus { border-color:#b3c1e3; outline:0; box-shadow:0 2px 3px rgba(0,0,0,0.08);}

.product-header-area{display:block; width:100%; position:relative; height:100%; text-decoration:none !important;}
.product-header-area .sold-logo{position:absolute; left:0; top:0; z-index:99;}
.product-header-area .product-logo{margin:0 auto;}
@font-face {}
.product-header-area .product-name{ max-width:100%;	height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; text-overflow:ellipsis; color:#000; letter-spacing:-1px; word-break:break-all;}
.sold-wrapper .sold-logo { position:absolute;  left:40px; top:40px;  z-index:99;}



/** 基础通用 **/
.layui-border-box,.layui-border-box *{box-sizing:border-box}
/* 消除第三方ui可能造成的冲突 */.layui-box,.layui-box *{box-sizing:content-box}
.layui-clear{clear:both;*zoom:1}
.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
/* 三角形 */.layui-edge{position:relative;display:inline-block;vertical-align:middle;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;overflow:hidden}
.layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}
.layui-edge-right{border-left-color:#999;border-left-style:solid}
.layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}
.layui-edge-left{border-right-color:#999;border-right-style:solid}
/* 单行溢出省略 */.layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
/* 屏蔽选中 */.layui-unselect,.layui-icon,.layui-disabled{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
/* 禁用 */.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}
/* 纯圆角 */.layui-circle{border-radius:100%}
.layui-show{display:block!important}
.layui-hide{display:none!important}
.layui-show-v{visibility:visible!important}
.layui-hide-v{visibility:hidden!important}
/** 图标字体 **/
@font-face{font-family:'layui-icon';src:url('/babimg/xuqiaonet/font/iconfont.eot?v=256');src:url('/babimg/xuqiaonet/font/iconfont.eot?v=256#iefix') format('embedded-opentype'),url('/babimg/xuqiaonet/font/iconfont.woff2?v=256') format('woff2'),url('/babimg/xuqiaonet/font/iconfont.woff?v=256') format('woff'),url('/babimg/xuqiaonet/font/iconfont.ttf?v=256') format('truetype'),url('/babimg/xuqiaonet/font/iconfont.svg?v=256#layui-icon') format('svg')}
.layui-icon{font-family:"layui-icon"!important;font-size:1rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* font-class */
.layui-icon-search:before{content:"\e615"}
.layui-icon-app:before{content:"\e653"}
.layui-icon-cart:before{content:"\e657"}
.layui-icon-down:before{content:"\e61a"}
.layui-icon-close:before{content:"\1006"}
/* 栅格布局 */
.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}
.layui-fluid{position:relative;margin:0 auto;padding:0 15px}
.layui-row:before,.layui-row:after{content:"";display:block;clear:both}
.layui-col-xs1,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-sm1,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-md1,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-lg1,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12{position:relative;display:block;box-sizing:border-box}
.layui-col-xs1,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12{float:left}
.layui-col-xs1{width:8.33333333%}
.layui-col-xs2{width:16.66666667%}
.layui-col-xs3{width:25%}
.layui-col-xs4{width:33.33333333%}
.layui-col-xs5{width:41.66666667%}
.layui-col-xs6{width:50%}
.layui-col-xs7{width:58.33333333%}
.layui-col-xs8{width:66.66666667%}
.layui-col-xs9{width:75%}
.layui-col-xs10{width:83.33333333%}
.layui-col-xs11{width:91.66666667%}
.layui-col-xs12{width:100%}
.layui-col-xs-offset1{margin-left:8.33333333%}
.layui-col-xs-offset2{margin-left:16.66666667%}
.layui-col-xs-offset3{margin-left:25%}
.layui-col-xs-offset4{margin-left:33.33333333%}
.layui-col-xs-offset5{margin-left:41.66666667%}
.layui-col-xs-offset6{margin-left:50%}
.layui-col-xs-offset7{margin-left:58.33333333%}
.layui-col-xs-offset8{margin-left:66.66666667%}
.layui-col-xs-offset9{margin-left:75%}
.layui-col-xs-offset10{margin-left:83.33333333%}
.layui-col-xs-offset11{margin-left:91.66666667%}
.layui-col-xs-offset12{margin-left:100%}
/* 超小屏幕(手机) */
@media screen and (max-width:768px){.layui-hide-xs{display:none!important}
.layui-show-xs-block{display:block!important}
.layui-show-xs-inline{display:inline!important}
.layui-show-xs-inline-block{display:inline-block!important}}
.layui-col-sm3{width:25% !important;}
.layui-col-sm9{width:75% !important;}
/* 小型屏幕(平板) */
@media screen and (min-width:768px){.layui-container{width:750px}
.layui-hide-sm{display:none!important}
.layui-show-sm-block{display:block!important}
.layui-show-sm-inline{display:inline!important}
.layui-show-sm-inline-block{display:inline-block!important}
.layui-col-sm1,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12{float:left}
.layui-col-sm1{width:8.33333333%}
.layui-col-sm2{width:16.66666667%}
.layui-col-sm3{width:25%}
.layui-col-sm4{width:33.33333333%}
.layui-col-sm5{width:41.66666667%}
.layui-col-sm6{width:50%}
.layui-col-sm7{width:58.33333333%}
.layui-col-sm8{width:66.66666667%}
.layui-col-sm9{width:75%}
.layui-col-sm10{width:83.33333333%}
.layui-col-sm11{width:91.66666667%}
.layui-col-sm12{width:100%}
/* 列偏移 */
.layui-col-sm-offset1{margin-left:8.33333333%}
.layui-col-sm-offset2{margin-left:16.66666667%}
.layui-col-sm-offset3{margin-left:25%}
.layui-col-sm-offset4{margin-left:33.33333333%}
.layui-col-sm-offset5{margin-left:41.66666667%}
.layui-col-sm-offset6{margin-left:50%}
.layui-col-sm-offset7{margin-left:58.33333333%}
.layui-col-sm-offset8{margin-left:66.66666667%}
.layui-col-sm-offset9{margin-left:75%}
.layui-col-sm-offset10{margin-left:83.33333333%}
.layui-col-sm-offset11{margin-left:91.66666667%}
.layui-col-sm-offset12{margin-left:100%}}
/* 中型屏幕(桌面) */
@media screen and (min-width:992px){.layui-container{width:970px}
.layui-hide-md{display:none!important}
.layui-show-md-block{display:block!important}
.layui-show-md-inline{display:inline!important}
.layui-show-md-inline-block{display:inline-block!important}
.layui-col-md1,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-md10,.layui-col-md11,.layui-col-md12{float:left}
.layui-col-md1{width:8.33333333%}
.layui-col-md2{width:16.66666667%}
.layui-col-md3{width:25%}
.layui-col-md4{width:33.33333333%}
.layui-col-md5{width:41.66666667%}
.layui-col-md6{width:50%}
.layui-col-md7{width:58.33333333%}
.layui-col-md8{width:66.66666667%}
.layui-col-md9{width:75%}
.layui-col-md10{width:83.33333333%}
.layui-col-md11{width:91.66666667%}
.layui-col-md12{width:100%}
/* 列偏移 */
.layui-col-md-offset1{margin-left:8.33333333%}
.layui-col-md-offset2{margin-left:16.66666667%}
.layui-col-md-offset3{margin-left:25%}
.layui-col-md-offset4{margin-left:33.33333333%}
.layui-col-md-offset5{margin-left:41.66666667%}
.layui-col-md-offset6{margin-left:50%}
.layui-col-md-offset7{margin-left:58.33333333%}
.layui-col-md-offset8{margin-left:66.66666667%}
.layui-col-md-offset9{margin-left:75%}
.layui-col-md-offset10{margin-left:83.33333333%}
.layui-col-md-offset11{margin-left:91.66666667%}
.layui-col-md-offset12{margin-left:100%}}
/* 大型屏幕(桌面) */
@media screen and (min-width:1200px){.layui-container{width:1170px}
.layui-hide-lg{display:none!important}
.layui-show-lg-block{display:block!important}
.layui-show-lg-inline{display:inline!important}
.layui-show-lg-inline-block{display:inline-block!important}
.layui-col-lg1,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12{float:left}
.layui-col-lg1{width:8.33333333%}
.layui-col-lg2{width:16.66666667%}
.layui-col-lg3{width:25%}
.layui-col-lg4{width:33.33333333%}
.layui-col-lg5{width:41.66666667%}
.layui-col-lg6{width:50%}
.layui-col-lg7{width:58.33333333%}
.layui-col-lg8{width:66.66666667%}
.layui-col-lg9{width:75%}
.layui-col-lg10{width:83.33333333%}
.layui-col-lg11{width:91.66666667%}
.layui-col-lg12{width:100%}
/* 列偏移 */
.layui-col-lg-offset1{margin-left:8.33333333%}
.layui-col-lg-offset2{margin-left:16.66666667%}
.layui-col-lg-offset3{margin-left:25%}
.layui-col-lg-offset4{margin-left:33.33333333%}
.layui-col-lg-offset5{margin-left:41.66666667%}
.layui-col-lg-offset6{margin-left:50%}
.layui-col-lg-offset7{margin-left:58.33333333%}
.layui-col-lg-offset8{margin-left:66.66666667%}
.layui-col-lg-offset9{margin-left:75%}
.layui-col-lg-offset10{margin-left:83.33333333%}
.layui-col-lg-offset11{margin-left:91.66666667%}
.layui-col-lg-offset12{margin-left:100%}}
/** 页面元素 **/
.layui-btn,.layui-input,.layui-textarea,.layui-upload-button,.layui-select{outline:none;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}
/* 面板 */
/* 常规面板 */

/* 窗口面板 */
.layui-panel-window{position:relative;padding:15px;border-radius:0;border-top:5px solid #eee;background-color:#fff}
/* 其它辅助 */
.layui-auxiliar-moving{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:none;z-index:9999999999}
/** 表单 **/
.layui-input,.layui-textarea,.layui-select{height:38px;line-height:1.3;line-height:38px\9;border-width:1px;border-style:solid;background-color:#fff;color:rgba(0,0,0,.85);border-radius:2px}
.layui-input::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder{line-height:1.3}
.layui-input,.layui-textarea{display:block;width:100%;padding-left:10px}
.layui-input:hover,.layui-textarea:hover{border-color:#eee!important}
.layui-input:focus,.layui-textarea:focus{border-color:#d2d2d2!important}
.layui-textarea{position:relative;min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical}
.layui-select{padding:0 10px}
.layui-form select,.layui-form input[type=checkbox],.layui-form input[type=radio]{display:none}
.layui-form *[lay-ignore]{display:initial}
.layui-form-item{margin-bottom:15px;clear:both;*zoom:1}
.layui-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.layui-form-label{position:relative;float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right}
.layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}
.layui-form-item .layui-inline{margin-bottom:5px;margin-right:10px}
.layui-input-block,.layui-input-inline{position:relative}
.layui-input-block{margin-left:110px;min-height:36px}
.layui-input-inline{display:inline-block;vertical-align:middle}
.layui-form-item .layui-input-inline{float:left;width:190px;margin-right:10px}
.layui-form-text .layui-input-inline{width:auto}


/* Dropdown Menu */
.layui-form-select { position:relative; min-width:0; }
.layui-form-select .layui-edge { position:absolute; right:10px; top:50%; margin-top:-3px; cursor:pointer; border-width:8px; border-top-style:solid; transition:all .3s; -webkit-transition:all .3s; }
.layui-form-selected .layui-edge { margin-top:-12px; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.layui-form-select dl {display:none; position:absolute; left:0; top:40px; min-width:100%; width:max-content; max-height:470px; overflow-y:auto; box-sizing:border-box; z-index:9999; background-color:var(--text-grey); color:#fff; box-shadow:0 4px 16px rgba(0,0,0,0.16), 0 1.5px 8px rgba(32,147,191,0.15); margin-top:2px; padding:4px 0; border-radius:2px; border:none; transition:box-shadow .2s, background .2s; animation:dropdownFadeIn .18s cubic-bezier(.4,0,.2,1); scrollbar-width:auto; scrollbar-color:var(--text-grey) #fff; }
.layui-form-select dl { width:max-content !important; min-width:100% !important; }
.layui-form-selected dl { display:block; }
.layui-form-select dl dd {display: flex; align-items: center; background:transparent; color:#fff; height:42px; line-height:42px; padding:0 22px; font-size:1.125rem; border:none; border-bottom:1px solid #eee;  box-sizing:border-box; cursor:pointer; transition:background 0.2s, font-weight .2s; white-space:nowrap; min-width:100%; font-family:inherit; position:relative; }
.layui-form-select dl dd:last-child { border-bottom:none; box-shadow:none; }
.layui-form-select dl dd:hover, .layui-form-select dl dd.layui-this { background-color:var(--blue2); color:#fff; font-weight:600; font-size:1.125rem; }
.layui-form-select dl dd.layui-this::before { content:''; display:inline-block; width:8px; height:8px; background:#fff; border-radius:50%; margin-right:10px; vertical-align:middle; }
.xxxc .layui-form-select dl, .xxxc2 .layui-form-select dl { background:var(--blue2) !important; width:max-content !important; min-width:100% !important; height:auto !important; max-height:420px !important; box-shadow:0 8px 32px rgba(0,0,0,0.16), 0 1.5px 8px rgba(32,147,191,0.15) !important; writing-mode:initial !important; color:#fff !important; border:none !important; padding:4px 0 !important; border-radius:4px !important; }
.xxxc .layui-form-select dl dd, .xxxc2 .layui-form-select dl dd { width:auto !important; min-width:100% !important; height:40px !important; line-height:40px !important; background:transparent !important; color:#fff !important; border-bottom:1px solid #e6f2fa !important; box-shadow:0 2px 0 0 #1883ab !important; font-size:1rem !important; white-space:nowrap !important; border-radius:4px !important; position:relative !important; }
.xxxc .layui-form-select dl dd:last-child, .xxxc2 .layui-form-select dl dd:last-child { border-bottom:none !important; box-shadow:none !important; }
@keyframes dropdownFadeIn { from { opacity:0; transform:translateY(-10px);} to { opacity:1; transform:translateY(0);} }


.layui-border, .layui-quote-nm, .layui-elem-field, .layui-collapse, .layui-panel, .layui-colla-item, .layui-colla-content, .layui-badge-rim, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-tab-bar, .layui-tab-card, .layui-input, .layui-textarea, .layui-select, .layui-form-pane .layui-form-label, .layui-form-pane .layui-form-item[pane], .layui-layedit, .layui-layedit-tool
{border-color:#d9d9d9 ;}

/** 富文本编辑器 **/
.layui-layedit{border-width:1px;border-style:solid;border-radius:2px}
.layui-layedit-tool{padding:3px 5px;border-bottom-width:1px;border-bottom-style:solid;font-size:0}
/* 下拉菜单 */
.layui-dropdown{position:absolute;left:-999999px;top:-999999px;z-index:66666666;margin:5px 0;min-width:100px}
.layui-dropdown:before{content:"";position:absolute;width:100%;height:6px;left:0;top:-6px}
/** 导航菜单 **/
.layui-nav{position:relative;padding:0 20px;background-color:#393D49;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box}
.layui-nav *{font-size:1rem}
.layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px}
.layui-nav .layui-nav-item a{display:block;padding:0 12px;color:#fff;color:rgba(255,255,255,.7);transition:all .3s;-webkit-transition:all .3s}
.layui-nav-bar,.layui-nav .layui-this:after{content:"";position:absolute;left:0;top:0;width:0;height:3px;background-color:var(--blue2);transition:all .2s;-webkit-transition:all .2s;pointer-events:none}
.layui-nav-bar{z-index:1000}
.layui-nav[lay-bar="disabled"] .layui-nav-bar{display:none}
.layui-nav[lay-bar="disabled"].layui-this:after{}
.layui-nav .layui-this a,.layui-nav .layui-nav-item a:hover{color:#fff}
.layui-nav .layui-this:after{top:auto;bottom:0;width:100%}
.layui-nav-img{width:30px;height:30px;margin-right:10px;border-radius:50%}
.layui-nav .layui-nav-more{position:absolute;top:0;right:3px;left:auto!important;margin-top:0;font-size:12px;cursor:pointer;transition:all .2s;-webkit-transition:all .2s}
.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{transform:rotate(180deg)}
.layui-nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #eee;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap}
.layui-nav .layui-nav-child a{color:#666;color:rgba(0,0,0,.8)}
.layui-nav .layui-nav-child a:hover{background-color:#F6F6F6;color:rgba(0,0,0,.8)}
.layui-nav-child dd{margin:1px 0;position:relative}
.layui-nav-child dd.layui-this{background-color:#F6F6F6;color:#000}
.layui-nav-child dd.layui-this:after{display:none}
.layui-nav-child-r{left:auto;right:0}
.layui-nav-child-c{text-align:center}
/** Tab 选项卡 **/
.layui-tab{margin:10px 0;text-align:left!important}
.layui-tab[overflow]>.layui-tab-title{overflow:hidden}
.layui-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s}
.layui-tab-title li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:1rem;transition:all .2s;-webkit-transition:all .2s}
.layui-tab-title li{position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}
.layui-tab-title li a{display:block;padding:0 15px;margin:0 -15px}
.layui-tab-title .layui-this{color:#000}
.layui-tab-title .layui-this:after{position:absolute;left:0;top:0;content:"";width:100%;height:41px;border-width:1px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}
.layui-tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border-width:1px;border-style:solid;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer}
.layui-tab-bar .layui-icon{position:relative;display:inline-block;top:3px;transition:all .3s;-webkit-transition:all .3s}
.layui-tab-item{display:none}
.layui-tab-more{padding-right:30px;height:auto!important;white-space:normal!important}
.layui-tab-more li.layui-this:after{border-bottom-color:#eee;border-radius:2px}
.layui-tab-more .layui-tab-bar .layui-icon{top:-2px;top:3px\0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
:root .layui-tab-more .layui-tab-bar .layui-icon{top:-2px\0/IE9}
.layui-tab-content{padding:15px 0}
/* Tab 关闭 */.layui-tab-title li .layui-tab-close{position:relative;display:inline-block;width:18px;height:18px;line-height:20px;margin-left:8px;top:1px;text-align:center;font-size:1rem;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s}
.layui-tab-title li .layui-tab-close:hover{border-radius:2px;background-color:#FF5722;color:#fff}
/* 小徽章 */
.layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px}
.layui-badge{height:18px;line-height:18px}
.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%}
.layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666}
.layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px}
.layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;margin:-5px 6px 0}
.layui-nav .layui-badge{margin-top:-10px}
.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px}
/* carousel 轮播 */
.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}
.layui-carousel>*[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}
.layui-carousel>*[carousel-item]:before{position:absolute;content:'\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:"layui-icon"!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.layui-carousel>*[carousel-item] > *{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s}
.layui-carousel-updown > *{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}
.layui-carousel-arrow{display:none\0;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:none 0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}
.layui-carousel-arrow[lay-type="add"]{left:auto!important;right:10px}
.layui-carousel[lay-arrow="always"] .layui-carousel-arrow{opacity:1;left:20px}
.layui-carousel[lay-arrow="always"] .layui-carousel-arrow[lay-type="add"]{right:20px}
.layui-carousel[lay-arrow="none"] .layui-carousel-arrow{display:none}
.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)}
.layui-carousel:hover .layui-carousel-arrow{display:block\0;opacity:1;left:20px}
.layui-carousel:hover .layui-carousel-arrow[lay-type="add"]{right:20px}
.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}
.layui-carousel[lay-indicator="outside"]{margin-bottom:30px}
.layui-carousel[lay-indicator="outside"] .layui-carousel-ind{top:10px}
.layui-carousel[lay-indicator="outside"] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)}
.layui-carousel[lay-indicator="none"] .layui-carousel-ind{display:none}
.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}
.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:1rem;background-color:#eee;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}
.layui-carousel-ind li:hover{background-color:rgba(255,255,255,.7)}
.layui-carousel-ind li.layui-this{background-color:#fff}
.layui-carousel>*[carousel-item]>.layui-this,.layui-carousel>*[carousel-item]>.layui-carousel-prev,.layui-carousel>*[carousel-item]>.layui-carousel-next{display:block}
.layui-carousel>*[carousel-item]>.layui-this{left:0}
.layui-carousel>*[carousel-item]>.layui-carousel-prev{left:-100%}
.layui-carousel>*[carousel-item]>.layui-carousel-next{left:100%}
.layui-carousel>*[carousel-item]>.layui-carousel-prev.layui-carousel-right,.layui-carousel>*[carousel-item]>.layui-carousel-next.layui-carousel-left{left:0}
.layui-carousel>*[carousel-item]>.layui-this.layui-carousel-left{left:-100%}
.layui-carousel>*[carousel-item]>.layui-this.layui-carousel-right{left:100%}
/** 动画 **/
.layui-anim{-webkit-animation-duration:.3s;-webkit-animation-fill-mode:both;animation-duration:.3s;animation-fill-mode:both}
.layui-anim.layui-icon{display:inline-block}
.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.layui-trans,.layui-trans a{transition:all .2s;-webkit-transition:all .2s}
/* 过度变换 */
/* 微微往上滑入 */
@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}
to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}
to{transform:translate3d(0,0,0);opacity:1}}
.layui-anim-upbit{-webkit-animation-name:layui-upbit;animation-name:layui-upbit}
/* font-class */
.layui-icon-triangle-r:before{content:"\e623"}

/* original main.css */
.cls{clear:both}

.p5{padding:5px}
.layui-bg-white .layui-nav-item a{color:var(--blue2);font-weight:500}
.layui-bg-white .layui-nav-item a:hover{color:var(--blue2)}
.layui-icon-cart{font-size:28px;display:inline-block}


.layui-badge{position:absolute;left:15px;border-radius:50%}
.layui-nav .layui-nav-item{float:right}
.bg01{background:var(--blue2);color:#FFF}
.bg01 a{color:#FFF}
.body{min-height:460px}
.top{margin-top:10px}

.mm01{display:none}