@charset "utf-8";
html,body{background: #ffffff;margin:0px;padding:0px;}


/*高度*/
.h5{ height: 5px;}
.h8{ height: 8px; }
.h10{ height: 10px; }
.h15{ height: 15px;}
.h20{ height: 20px;}
.h25{ height: 25px;}
.h30{ height: 30px;}
.h35{ height: 35px;}
.h40{ height: 40px;}
.h45{ height: 45px;}
.h50{ height: 50px;}
.h55{ height: 55px;}
.h60{ height: 60px;}

/*宽度*/
.w10{ width: 10px !important;}
.w30{ width: 30px !important;}
.w50{ width: 50px !important;}
.w70{ width: 70px !important;}
.w90{ width: 90px !important;}
.w100{ width: 100px !important;}
.w110{ width: 110px !important;}
.w130{ width: 130px !important;}
.w150{ width: 150px !important;}
.w170{ width: 170px !important;}
.w190{ width: 190px !important;}
.w200{ width: 200px !important;}
.w300{ width: 300px !important;}
.w400{ width: 400px !important;}
.w500{ width: 500px !important;}
.w600{ width: 600px !important;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

/*margin类*/
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}
/*mpadding类*/
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}

/* .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#1E9FFF;}*/
/* .layui-table-cell{ height: auto !important; min-height:22px;line-height: 22px;}  */

.hide{display: none;}
.x-red{color: #f00;}
.x-green{color:var(--global-green-color)}
.x-orange{color:#ff5722;}
a{text-decoration: none;}
.x-blue{color:var(--global-primary-color);}
a.x-blue:hover{color:var(--global-primary-color);; text-decoration: underline !important;cursor: pointer;}
label{border:none;padding:0px;margin:0px;}
.x-warm{color:#e6a23c}
.x-gray{color:#aaa;}

/*分页*/
.pagination{justify-content: center;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--global-primary-color) ;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:var(--global-primary-color) ;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:var(--global-primary-color) ;border-color:var(--global-primary-color) }.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}

.layui-center{ text-align: center;}

.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-box-1{height:100%;display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

.layui-bg-blue{background-color:var(--global-primary-color) !important;}
.layui-bg-green{background-color:var(--global-green-color) !important;}
.layui-bg-gray{background-color:#eee !important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:var(--global-primary-color) !important;}
.layui-btn-group .layui-btn-primary:hover{color:var(--global-primary-color) !important;}
.layui-btn-primary:hover {
    background: #eee;
    border-color:#d0d0d0 !important;
    color: #333
}

/*layer-iframe底边的边框*/
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{border-top:#eee 1px solid;}

/*layui日期选择reset*/
.layui-laydate-content td.laydate-day-now{color:var(--global-primary-color) !important;}
.layui-laydate-content td.laydate-day-now:after{border:var(--global-primary-color) 1px solid !important;}
.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div{ background-color: var(--global-primary-bg-light) !important;}

/*颜色选择*/
.layui-input-color{display: inline-block;width:60px; height: 60px;text-align: center; overflow: hidden; position: relative;border:#eee 1px solid;border-radius:4px;}
.layui-input-color:hover{border:#ddd 1px solid;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.layui-input-color::after{content: "\e605";font-family:"layui-icon";display: inline-block; position: absolute;left:4px;top:4px;color:#fff;font-weight:300; background:var(--global-primary-color);width:20px; height: 20px;text-align:center; line-height:20px; display: none;border-radius:4px;}
.layui-input-color.active{border:#ddd 1px solid;}
.layui-input-color.active::after{display: inline-block;}
.layui-input-color input{width:0px;height: 0px;  position: absolute;left:-9999px;top:0px;}
.layui-input-color .text{display: inline-block;box-sizing: border-box;width:60px;height: 60px; line-height: 60px;  overflow: hidden; cursor:point;border-radius:4px;}


/*胚衣模型选择*/
.layui-input-model{display: inline-block;width:60px; height: 60px;text-align: center; overflow: hidden; position: relative;}
.layui-input-model::after{content: "\e605";font-family:"layui-icon";display: inline-block; position: absolute;left:2px;top:2px;color:#fff;font-weight:300; background: var(--global-primary-color);width:20px; height: 20px;text-align:center; line-height:20px; display: none;border-radius:10px;}
.layui-input-model.active::after{display: inline-block;}
.layui-input-model input{width:0px;height: 0px;  position: absolute;left:-9999px;top:0px;}
.layui-input-model .text{display: inline-block;width:60px;height: 60px; line-height: 60px;  overflow: hidden; cursor:point; }
.layui-input-model .text img{width:50px; display:block;margin:5px 0 0 5px;}


/*模型位置选择*/
.layui-input-model-position{display: inline-block;width:100px;height:130px; position: relative;margin:0 0 0 10px;padding:10px;border:#eee 1px solid;border-radius:4px;}
.layui-input-model-position:hover{border:#ddd 1px solid;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.layui-input-model-position::after{content: "\e605";font-family:"layui-icon";display: inline-block; position: absolute;left:2px;top:2px;color:#fff;font-weight:300; background: var(--global-primary-color);width:20px; height: 20px;text-align:center; line-height:20px; display: none;border-radius:4px;}
.layui-input-model-position input{width:0px;height: 0px;  position: absolute;left:-9999px;top:0px;}
.layui-input-model-position.active{border:#ddd 1px solid;}
.layui-input-model-position.active::after{display: inline-block;}
.layui-input-model-position .pic{display:block; width: 100px; height: 100px;}
.layui-input-model-position .text{display:block;height: 30px; line-height: 30px;  overflow: hidden; cursor:point;  text-align: center; font-size:12px;}


/*透明花形图灰色底*/
.u-pattern-pic{ display: inline-block;padding:1px;background: #ccc; overflow: hidden; line-height:initial;border-radius:4px; vertical-align: middle;}


.g-header{ background:#fff;border-bottom:#f0f0f0 1px solid; position:fixed;left:0px;top:0px;width:100%;z-index:999;height:55px;}
.g-header-wrap{padding:0 0 0 240px;height:55px;}
.g-header .breadcrumb{ line-height:55px;margin:0 0 0 40px; float: left;}
.g-header .breadcrumb a{display: inline-block;margin:0 20px 0 0;color:#666;}
.g-header .breadcrumb a:hover{color:#333;}
.g-header .nav{ float:right; line-height:50px;padding:0 20px 0 0;}
.g-header .nav a:hover{ text-decoration:none !important;}
.g-header .nav a.cart{margin:0 0 0 50px;}
.g-left{width:240px; background:#fff; position:fixed; left:0px;top:0px;border-right:#f0f0f0 1px solid; z-index:1000;}
.g-left .logo{ display:block; text-align:center;margin:10px 0 0 0;}
.g-left .menu-title{margin:20px 0 0 0;font-weight:bold; text-indent:20px;}
.g-left .menu{margin:10px 0 0 0;padding:0 10px;}
.g-left .menu span.iconfont{font-size:15px;}
.g-left .menu a{ display:block;height:44px; line-height:44px;padding:0 25px;border-radius:4px;}
.g-left .menu a.active{background:#dbe9fe;color:#2d8cf0; font-weight:bold;}
.g-left .left-bottom{ position: absolute;bottom:10px;left:0px;width:100%;font-size:12px;color:#888;padding:0 15px;}
.g-left .left-bottom a{color:#999;}
.g-main{padding:55px 0 0 240px;}

.g-panel{background-color: #fff;padding:30px;border-radius:4px;margin:0 20px;}
.g-page{background-color: #fff;padding:30px;}

.u-badge{display: inline-block;padding:5px 8px;border-radius:3px;font-size:14px;color:var(--global-primary-color);background-color: var(--global-primary-bg-light);}
.lay-badge{border-radius:50%; height: 18px; line-height: 18px;padding:0 6px; display: inline-block;background-color: #ff5722;color:#fff;}

/*颜色展示-mini*/
.layui-color-mini{}
.layui-color-mini .item{ display: inline-block;width:18px; height: 12px;border-radius:6px;box-shadow:0px 0px 2px rgba(0,0,0,0.8);}

/*尺码展示-mini*/
.layui-size-mini{}
.layui-size-mini .item{ display: inline-block;padding:0 5px; height: 18px; line-height:18px;border-radius:3px;font-size:12px;color:var(--global-primary-color);background-color: var(--global-primary-bg-light);border:var(--global-primary-color) 1px solid;}


.g-footer{ padding:60px 0;color:#999;}
.g-footer .copyright{margin:10px 0 0 0;}
.g-footer a{color:#999;}
.g-footer a:hover{ text-decoration: underline;}

.g-nodata{ text-align: center; padding:30px;color:#999;}