/*后台公用样式*/

img{max-width:100%;}

a,em{ text-decoration:none; font-style:normal; margin:0px; padding:0px;}


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:vertical {
  display: none;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-track:vertical {
  background-color: black;
}
::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical {
  margin-right: 10px;
  background-color: #a6a6a6;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #aaa;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-corner:vertical {
  background-color: #535353;
}
::-webkit-scrollbar-resizer,
::-webkit-scrollbar-resizer:vertical {
  background-color: #ff6e00;
}
.text-success{
    color:#18bc9c;
}
.text-gray{
    color:#d2d6de;
}

/*头部*/

.layui-layout-admin .layui-header{background-color: #1E9FFF;}
.layui-header{height: 50px;}
.layui-header .layui-nav .layui-nav-item a{color: #fff;}
.layui-header .layui-nav .layui-nav-child a{color: #333;}
.layui-header .layui-nav .layui-nav-item{line-height: 50px;}
.layui-header .layui-nav .layui-nav-more{border-color: #fff transparent transparent;}
.layui-header .layui-nav-child{top: 50px;}
.layui-header .logo{float: left;text-align: center;width: 200px;line-height: 50px;}
.layui-header .top_nav{float: left;height: 50px;line-height: 50px;}
.layui-header .top_nav li{float: left;padding: 0 25px;line-height: 50px;}
.layui-header .top_nav li a{text-align: center;font-size: 14px;color: #fff;cursor: pointer;}
.layui-header .top_nav .cur_top_menu{background: #009688;}
.layui-side{top: 50px !important;}
.layui-side .layui-nav-tree .layui-nav-item a{color:#fff;}

.layui-side .layui-nav .layui-this a{background-color: #4E5465;}
.layui-side .layui-nav .layui-this a::before{background-color: #009688; content:''; position: absolute; top: 0; left: 0;  width: 5px; height: 100%; }

.layui-word-aux a{color:#3278e6;}


.layui-body{top:50px !important; left:210px; bottom:20px !important;}
.login{background: url(../images/login-bg.png) #56bc94;}
.login .login-title{color: #fff;text-align: center;font-size: 20px;margin-top: 200px;}
.login .login-form{max-width: 450px;margin: 10px auto;position: relative;left: -50px;color: #fff;}
.login .login-form .captcha{width: 140px;height: 38px;}
.login .login-form input{background-color: rgba(255, 255, 255, 0.3);border: 1px solid rgba(255, 255, 255, 0.3);color: #fff;}
.login .login-form button{width: 100%;background-color: #048f74;}
.footer{line-height: 44px;}
.layui-table tbody tr:hover{background-color: #f2f2f2;}
.layui-tab{overflow: visible;}
.layui-tab-title>li>a{display: block;}
.layui-nav-tree .layui-nav-child dd a{text-indent: 16px;}
.form-container{max-width:1300px;}
.form-container .edui-editor{margin-top: -7px;margin-bottom: -7px;margin-left: -11px;}
/*分页*/

.pagination{}
.pagination li{display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active{background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a{display: block;text-align: center;}
.photo-list{margin: 5px 0;}
/*列表排序input*/

.paixu_input{padding: 0px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;}

.layui-form-select dl{z-index:99999;}





/* 皮肤 */

.skin-red{}

.skin-red .layui-header{background-color:#e43725 !important;}

.skin-red .layui-header .top_nav .cur_top_menu{background: rgba(0, 0, 0, 0.1);}





/*商品图组*/

.picarr{background:#f2f2f2;}

.picarr .layui-table td{background:#f2f2f2;}

/*#picarr img{margin-right:10px;}*/

#picarr li{float:left; position:relative;}
#picarr>li{margin-left:25px;}
#picarr li .layui-icon-close-fill{position:absolute; right:30px; top:5px; font-size:20px; color:#FF5722; cursor:pointer;}
#picarr li .layui-icon-search{position:absolute; right:60px; top:5px; font-size:20px; color:#FF5722; cursor:pointer;}
.dantu .layui-icon-search{position:absolute; right:10px; top:5px; font-size:20px; color:#FF5722; cursor:pointer;}

/*规格*/

.normal{margin-bottom:35px;}

.normal thead th{text-align:center;}

.normal tbody td{padding:0px; text-align:center;}

.normal tbody td:nth-child(1){padding: 9px 15px;}

.normal tbody td input{width:100%; height:38px; text-align:center; border:none;}

.normal .layui-table td, .normal .layui-table th{text-align:center;}

.normal .layui-table thead tr i{margin-left:5px; font-size:14px; color:#1E9FFF; cursor: pointer;}



/*添加多规格*/

.guige dl{border:1px dashed #e6e6e6; margin:20px 0px;}

.guige dl dt{background: #f5f7fa; height:40px; line-height:40px; padding:0px 20px; color:#666;}

.guige dl input{width:150px; height:30px; display: inline-block; color:#666; margin-right:20px;}

.guige dl dt span.gg_fz_xz{float: none; color:#00A0DE; cursor: pointer;}

.guige dl dt span{float:right; color:#00A0DE; cursor: pointer;}

.guige dl dd{padding:0px 20px; line-height:40px; color:#666;}

.guige dl dd span{color:#00A0DE; cursor: pointer;}

.guige dl dd li{display: inline-block; position:relative;}

.guige dl dd li i{position:absolute; right:11px; top:-10px; font-size: 20px; color: #1E9FFF; cursor:pointer;}







/*站点配置*/

.system{}

.system .layui-form-item .layui-input-block .uploads{margin-right:10px; max-width:500px; border:1px solid #e6e6e6; border-radius:5px;}

.system .layui-form-item .layui-input-inline{width:800px;}



/*首页*/

.widget-head{margin:30px 0px 15px 0px;  margin-left:30px;}

.widget-head .widget-title{position: relative; font-size:16px; line-height:30px; color:#666;}

.widget-head .widget-title::before { content: ''; position: absolute; width:2px; height: 14px; background: #00aeff; top: 8px; left:-10px;}

.widget-body{margin-left:-1%; padding:0px 20px;}

.widget-body li{width:22.5%;margin-left:1%;float:left;min-height:135px;color: #ffffff;padding:12px 0px;padding-left:1.5%;position:relative;}

.widget-body li:nth-child(1){background: linear-gradient(-125deg, #57bdbf, #2f9de2);}

.widget-body li:nth-child(2){background: linear-gradient(-125deg, #ff7d7d, #fb2c95);}

.widget-body li:nth-child(3){background: linear-gradient(-113deg, #c543d8, #925cc3);}

.widget-body li:nth-child(4){background: linear-gradient(-141deg, #ecca1b, #f39526);}

.widget-body li .card-header{position: relative;display: block;padding-top:10px;margin-bottom:10px;}
.widget-body li .card-body .card-value{position: relative;font-weight: 300;display: block;font-size: 46px;line-height: 46px;margin-bottom: 8px;}
.widget-body li .card-body .card-description{position: relative;display: block;padding-top: 8px;color: rgba(255, 255, 255, 0.88);}
.widget-body li .card-body i{position: absolute;right: 30px;top: 42px;font-size: 70px;color: rgba(255, 255, 255, 0.12);}



.widget-body dl{width:23%;margin-left:1%;float:left; padding-left:1%; position:relative; line-height:32px; height:100px;}

.widget-body dl div:nth-child(1){color: #666;font-size:14px;}

.widget-body dl div:nth-child(2){color: #333;font-size:24px;}

.widget-body dl div:nth-child(3){color: #999;font-size:12px;}



.fada{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor: url(../images/big.ico);
}
.suoxiao{
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    cursor: url(../images/small.ico);
}





.order_show>form>li{padding-left:30px; line-height:30px; padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #eee; color:#666;}

.order_show>form>li em{font-weight:bold; color:#333;}

.order_show>form>li .layui-row{margin-top:5px;}