h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p{font-weight: normal;line-height:1.7em;font-family: "pingfangzhongdeng","微软雅黑","Microsoft YaHei",Arial,"Hiragino Sans GB",sans-serif;}
h1 { font-size: 24px;}
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
.h1 { font-size: 24px;}
.h2 { font-size: 20px;}
.h3 { font-size: 18px;}
.h4 { font-size: 16px;}
.h5 { font-size: 14px;}
.h6 { font-size: 12px;}
small { font-size: 10px;}
.a_more{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.a_cover{width:100%;height:100%;display: block;}
.img_b{ width:100%; height:100%; display: block; }
.clear:after{content:"";display: block;clear:both;height:0;}
.pull_right{float:right;}
.pull_left{float:left;}
.ulchild_left>*{float:left;}
.ulchild_left:after{content:"";display: block;clear:both;height:0;}
.poa{position:absolute;}
.por{position:relative;}
.pof{position:fixed;}
.text_indent{text-indent: 2em;}
.text_ap{text-transform:capitalize;} /*大写开头*/
.text_up{text-transform:uppercase;} /*全大写*/
.text_low{text-transform:lowercase;} /*全小写*/
.text_inh{text-transform:inherit;} /*从父元素继承 text-transform 属性*/
.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.bg_n{background: no-repeat;}
.bg_ncc{background: no-repeat center center;}
.bg_ncb{background: no-repeat center bottom;}
.bg_nccc{background: no-repeat center center;background-size: cover}
.bg_ncc100{background: no-repeat center center;background-size: 100% 100%;}
/*商品图片特效*/
.img_tra{overflow: hidden;}
.img_tra:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}
.img_mid{ display: table; text-align: center;}
.img_mid>*{vertical-align: middle; display: table-cell;line-height: 0;}
.img_mid>*>img{display: inline-block;} 
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_80,.col_83,.col_66,.col_75{float:left;}
/*过渡效果*/
.tra_03{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;
    -o-transition: all .3s ease;-ms-transition: all .3s ease}
.tra_05{transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;
    -o-transition: all .5s ease;-ms-transition: all .5s ease}
.tra_1{transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
    -ms-transition: all 1s ease;-o-transition: all 1s ease;}
.overHide{overflow: hidden;}
.yuanDian li:before{content:"";background: #333;left:2px;top:50%;margin-top:-1px;display:block;position:absolute;   
height:2px;width:2px;border-radius: 50%;}
.ellipsis{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*浮动模块*/

.col_1{width:100%;}
.col_2{width:50%;}
.col_3{width:33.3333%;}
.col_4{width:25%;}
.col_5{width:20%;}
.col_6{width:16.6666%;}

.col_80{width:80%;}
.col_83{width:83.3333%;}
.col_66{width:66.6666%;}
.col_75{width:75%;}

/*内边距*/
.pad_5{padding:5px;}
.pad_10{padding:10px;}
.pad_15{padding:15px;}
.pad_20{padding:20px;}
.pad_30{padding:30px;}
.pad_40{padding:40px;}

.pad_t5{padding-top:5px ;}
.pad_t10{padding-top:10px ;}
.pad_t15{padding-top:15px ;}
.pad_t20{padding-top:20px ;}
.pad_t30{padding-top:30px ;}
.pad_t40{padding-top:40px ;}

.pad_tb5{padding-top: 5px;padding-bottom: 5px;}
.pad_tb10{padding-top: 10px;padding-bottom: 10px;}
.pad_tb15{padding-top: 15px;padding-bottom: 15px;}
.pad_tb20{padding-top: 20px;padding-bottom: 20px;}
.pad_tb30{padding-top: 30px;padding-bottom: 30px;}
.pad_tb40{padding-top: 40px;padding-bottom: 40px;}

.pad_lr5{padding-left: 5px;padding-right: 5px;}
.pad_lr10{padding-left: 10px;padding-right: 10px;}
.pad_lr15{padding-left: 15px;padding-right: 15px;}
.pad_lr20{padding-left: 20px;padding-right: 20px;}
.pad_lr30{padding-left: 30px;padding-right: 30px;}
.pad_lr40{padding-left: 40px;padding-right: 40px;}
/*外边距*/
.mar_5{margin:5px;}
.mar_10{margin:10px;}
.mar_15{margin:15px;}
.mar_20{margin:20px;}
.mar_30{margin:30px;}
.mar_40{margin:40px;}

.mar_r5{margin-right:5px;}
.mar_r10{margin-right:10px;}
.mar_r15{margin-right:15px;}
.mar_r20{margin-right:20px;}

.mar_l5{margin-left:5px;}
.mar_l10{margin-left:10px;}
.mar_l15{margin-left:15px;}
.mar_l20{margin-left:20px;}

.mar_t5{margin-top: 5px;}
.mar_t10{margin-top: 10px;}
.mar_t15{margin-top: 15px;}
.mar_t20{margin-top: 20px;}
.mar_t30{margin-top: 30px;}
.mar_t40{margin-top: 40px;}

.mar_b5{margin-bottom: 5px;}
.mar_b10{margin-bottom: 10px;}
.mar_b15{margin-bottom: 15px;}
.mar_b20{margin-bottom: 20px;}
.mar_b30{margin-bottom: 30px;}
.mar_b40{margin-bottom: 40px;}

.mar_tb5{margin-top: 5px;margin-bottom: 5px;}
.mar_tb10{margin-top: 10px;margin-bottom: 10px;}
.mar_tb15{margin-top: 15px;margin-bottom: 15px;}
.mar_tb20{margin-top: 20px;margin-bottom: 20px;}
.mar_tb30{margin-top: 30px;margin-bottom: 30px;}
.mar_tb40{margin-top: 40px;margin-bottom: 40px;}

.mar_lr5{margin-left: 5px;margin-right: 5px;}
.mar_lr10{margin-left: 10px;margin-right: 10px;}
.mar_lr15{margin-left: 15px;margin-right: 15px;}
.mar_lr20{margin-left: 20px;margin-right: 20px;}
.mar_lr30{margin-left: 30px;margin-right: 30px;}
.mar_lr40{margin-left: 40px;margin-right: 40px;}

.mar_lr-5{margin-left:-5px;margin-right:-5px;}
.mar_lr-10{margin-left:-10px;margin-right:-10px;}
.mar_lr-15{margin-left:-15px;margin-right:-15px;}
/*主题背景色*/
.bg_f{background-color:#fff;}
.bg_0{background-color:#000;}
.bg_them{background-color:#4c6daf;}
.bg_gray{background-color:#f2f2f2;}

/*font-color*/
.color_0{color:#000;}
.color_f{color:#fff;}
.color_3{color:#333;}
.color_6{color:#666;}
.color_8{color:#888;}
.color_9{color:#999;}
.color_7{color:#777;}
.color_c{color:#ccc;}
.color_b{color:#bbb;}
.color_them{color:#50D6BD;}
/*模块宽度*/
body{min-width: 100px; font-size:14px;margin: 0 auto;}
.hugeW{ width:100%;}
.bigW{margin:0 auto; width: 1200px;}
.minW{margin:0 auto; width: 1100px;}
.disN{display: none;}
.disB{display: block;}
.disI{display: inline;}
.disIB{display: inline-block;}
.clear-both{clear: both;}
.cursorP{cursor: pointer;}
.cursorD{cursor: default;}

.disable-selection{
    -moz-user-select:none; 
     -ms-user-select:none; 
   -ktml-user-select:none; 
 -webkit-user-select:none; 
   -webkit-touch-callout:none; 
}
/*border*/
.borderA{border:1px solid #eee}
.borderT{border-top:1px solid #eee}
.borderB{border-bottom:1px solid #eee}
.borderL{border-left:1px solid #eee}
.borderR{border-right:1px solid #eee}

/*layui reset*/
.layui-side{z-index: 1001;box-shadow:  0 0px 8px 0px rgba(0,0,0,.1);}
.bg_navLeft{background:#CD853F!important}
.layui-layout-admin .layui-side{top:0px}
.UserLogo{width:90px;border-bottom: 1px solid #FFFFFF;}
.UserLogo img{height: 32px;width:32px;}
.layui-nav-tree .layui-nav-bar{background:#ffc14e;width:0}
.layui-nav-bar{height: 3px;}
.layui-nav .layui-nav-item{line-height: 44px;}
.layui-header{background: #fff!important;left:200px;right:0;position: absolute;height: 44px;box-shadow: 0 0px 10px 1px rgba(0,0,0,.1);}
.layui-header .layui-nav .layui-nav-item a{color:#444;}
.layui-footer{box-shadow: 0 0px 10px 1px rgba(0,0,0,.1);}
.layui-nav .layui-nav-more{top:20px}
.layui-nav-tree .layui-nav-more{top:15px}
.layui-nav-tree .layui-nav-item a{height: 36px;}
.layui-nav-tree i{vertical-align: middle;margin-right: 5px;}
.layui-nav-tree .layui-nav-item a{line-height: 36px;padding-left:30px;padding-right: 0px;}
.layui-nav-itemed .layui-nav-child{background: rgba(0,0,0,.1)!important;}
.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover{background: rgba(0,0,0,.1)!important;color:#50D6BD;}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{color:#fff;}
.layui-layout-admin .layui-body{top:44px;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background: #ffc14e}
.bg_navTop .layui-nav .layui-nav-item a:hover{color:#ffc14e}
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{color:#50D6BD!important;}
.layui-nav-child{top:49px}
.layui-nav-tree .layui-nav-item{margin-bottom: 10px;}
.layui-side-scroll{width:90px;float:left}
.layui-side-scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.layui-side-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.layui-side-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.layui-nav-tree{width:90px}
.nav2thBody,.nav2thBody .layui-nav-tree{width:109px;float:left;}
.nav1th .layui-nav-item a:hover { background-color: rgba(0,0,0,.2); }
.mar_t40{margin-top: 40px;}
.nav1th li.active a{background: #FFF;color:#444}
.nav2thBody{border-right: 1px solid #ddd;}

.nav2thBody::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.nav2thBody::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.nav2thBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.nav2thBody h5{height: 52px;line-height: 53px;text-align: center;} 
.nav2th{background: #fff!important;border-top:0!important;}
.nav2th li a{color:#444!important;}
.nav2th li a:hover{color:#ffc14e!important;}
.nav2th.layui-nav-tree .layui-nav-bar{width: 3px;}
.nav2th .layui-nav-item a:hover { background-color: #fff;color:#ffc14e;}
.nav2th .layui-nav-item a {padding-left: 20px; }
.nav2th .layui-nav-item.active a {background:#f4f4f4;}
.bg_page{background: #f6f6f6;}
.bottomLogo{width:35px;height: 35px;opacity:.3;box-shadow: 0 0 5px 0 rgba(0,0,0,.2) inset;animation:bottomLogo 6s infinite linear;}
.sidebar-icon{position: relative; top: -1px; display: inline-block; width: 18px; height: 18px; vertical-align: middle; background: url(../img/icon.png) no-repeat;}
 .nav1th .layui-nav-item .sidebar-icon-dashboard { background-position: 0 0 }  
 .nav1th .layui-nav-item .sidebar-icon-shop { background-position: 0 -18px }  
 .nav1th .layui-nav-item .sidebar-icon-goods { background-position: 0 -36px }  
 .nav1th .layui-nav-item .sidebar-icon-order { background-position: 0 -54px }  
 .nav1th .layui-nav-item .sidebar-icon-fans { background-position: 0 -72px }  
 .nav1th .layui-nav-item .sidebar-icon-stat { background-position: 0 -90px }  
 .nav1th .layui-nav-item .sidebar-icon-asset { background-position: 0 -108px }  
 .nav1th .layui-nav-item .sidebar-icon-app { background-position: 0 -126px }  
 .nav1th .layui-nav-item .sidebar-icon-setting { background-position: 0 -144px }  
 .nav1th .layui-nav-item .sidebar-icon-wujia { background-position: 0 -162px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-dashboard { background-position: -54px 0 }  
 .nav1th .layui-nav-item:hover .sidebar-icon-shop { background-position: -54px -18px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-goods { background-position: -54px -36px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-order { background-position: -54px -54px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-fans { background-position: -54px -72px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-stat { background-position: -54px -90px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-asset { background-position: -54px -108px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-app { background-position: -54px -126px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-setting { background-position: -54px -144px }  
 .nav1th .layui-nav-item:hover .sidebar-icon-wujia { background-position: -54px -162px }  
 .nav1th .layui-nav-item.active .sidebar-icon-dashboard { background-position: -18px 0 }  
 .nav1th .layui-nav-item.active .sidebar-icon-shop { background-position: -18px -18px }  
 .nav1th .layui-nav-item.active .sidebar-icon-goods { background-position: -18px -36px }  
 .nav1th .layui-nav-item.active .sidebar-icon-order { background-position: -18px -54px }  
 .nav1th .layui-nav-item.active .sidebar-icon-fans { background-position: -18px -72px }  
 .nav1th .layui-nav-item.active .sidebar-icon-stat { background-position: -18px -90px }  
 .nav1th .layui-nav-item.active .sidebar-icon-asset { background-position: -18px -108px }  
 .nav1th .layui-nav-item.active .sidebar-icon-app { background-position: -18px -126px }  
 .nav1th .layui-nav-item.active .sidebar-icon-setting { background-position: -18px -144px }  
 .nav1th .layui-nav-item.active .sidebar-icon-wujia { background-position: -18px -162px }
@keyframes bottomLogo{
	from{transform: rotateY(0deg);opacity:.01}
	50%{transform: rotateY(180deg);opacity:.5}
	to{transform: rotateY(360deg);opacity:.01}
}
.sideRight{opacity:1;position: absolute;right:-200px;height:100%;bottom:0;width:200px;z-index: 1001;background: #fff;border-left:1px solid #ddd;box-shadow: 0 0px 8px 0px rgba(0,0,0,.1);}
.sideRight.active{overflow: hidden;height: 44px;width:120px;background: rgba(255,255,255,.5);}
.sideRight>h5.SRtitle{cursor: pointer;}
.sideRight>h5.SRtitle{line-height: 44px;text-align: center;position: relative;}
.sideRight.active>h5.SRtitle{line-height: 55px;}
.sideRight>h5.SRtitle i{position: absolute;display: none;line-height: 1em;}
.sideRight>h5.SRtitle i.open{top:5px;left:50%;margin-left:-.5em;display: none;}
.sideRight>h5.SRtitle i.close{display: inline-block;right:10px;top:13px;font-size:20px;color:#c2c2c2;}
.sideRight.active>h5.SRtitle i.close{display: none;}
.sideRight>h5.SRtitle:hover i.close,.sideRight.active>h5.SRtitle:hover i.open{color:#5FB878}
.sideRight.active>h5.SRtitle i.open{display: inline-block;color:#c2c2c2;}
.CenterBox,.layui-layout-admin .CenterBox{right:0px}
.sideRight{right:0;}
.layui-input, .layui-select, .layui-textarea{height: 30px;}
.layui-form-label{padding:5px 15px;}
.layui-form-select dl{top:34px;}
.layui-form-selectup dl{top:auto;bottom: 34px;}
.layui-form-select dl dd, .layui-form-select dl dt{line-height: 30px;}
.layui-form-item .layui-form-checkbox{margin-top: 0;}
.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:6px;}
.layui-form-switch{margin-top: 3px;}
.layui-form-radio{margin: 1px 10px 0 0;}
.layui-laydate{margin: 4px 0!important;}
.layui-form-mid{padding:5px 0!important;}
.layui-form-pane .layui-form-label{height:30px;padding:5px 15px;}
.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch{margin-top:3px;}

.layui-form-switch em{width:28px}


