@charset "utf-8";
@import "../../../../static/common/frame/layui/layui2.4.3/css/layui.css";
* {margin: 0px;padding: 0px;}
a {text-decoration: none;}
html {width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;}
body {width: 100%;min-height: 100%;}
.fr {float: right;}
.c666{color:#666;}
.ccc{color:#ccc;}
.font16 {font-size: 16px;}
.rightMenu {position: absolute;width: 120px;line-height: 24px;z-index: 999;background: #FFF;border: 1px solid #F2F2F2;border-bottom: none;border-radius: 3px;display: none;}
.rightMenu li {display: block;padding: 4px 10px;color: #CCC;border-bottom: 1px solid #F2F2F2;}
.rightMenu li:hover {background: #EEE;color: #666;}
/**treeselect*/
.layui-form-select .layui-tree {display: none;position: absolute;left: 0;top: 42px;padding: 5px 0;z-index: 999;min-width: 100%;border: 1px solid #d2d2d2;max-height: 300px;overflow-y: auto;background-color: #fff;
border-radius: 2px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);box-sizing: border-box;}.layui-form-selected .layui-tree {display: block;}
.weadmin-trailer {position: absolute;left: 0;top: 0;height: 100%;width: 100%;padding: 15px;display: flex;justify-content: center;flex-direction: column;  text-align: center;  box-sizing: border-box;font-size: 20px;font-weight: 300;color: #ccc;}
.login-bg {/*background: #eeeeee 0 0 no-repeat;*/background: url(../images/bg.png) no-repeat center;background-size: cover;overflow: hidden;}
.login {margin: 120px auto 0 auto;min-height: 420px;max-width: 420px;padding: 40px;background-color: #ffffff;margin-left: auto;margin-right: auto;border-radius: 4px;/* overflow-x: hidden; */box-sizing: border-box;}
.login a.logo {display: block;height: 58px;width: 167px;margin: 0 auto 30px auto;background-size: 167px 42px;}
.login .message {margin: 10px 0 0 -58px;padding: 18px 10px 18px 60px;background: #189F92;position: relative;color: #fff;font-size: 16px;}
.login #darkbannerwrap {background: url(../images/aiwrap.png);width: 18px;height: 10px;margin: 0 0 20px -58px;position: relative;}
.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email],
.login select {border: 1px solid #DCDEE0;vertical-align: middle;border-radius: 3px;height: 50px;padding: 0px 16px;font-size: 14px;color: #555555;outline: none;width: 100%;box-sizing: border-box;}
.login input[type=text]:focus,
.login input[type=file]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus,
.login select:focus {border: 1px solid #27A9E3;}
.login input[type=submit],
.login input[type=button] {display: inline-block;padding: 12px 24px;margin: 0px;font-size: 18px;line-height: 24px;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;color: #ffffff;background-color: #189F92;border-radius: 3px;border: none;-webkit-appearance: none;outline: none;width: 100%;}
.login hr {background: #fff 0 0 no-repeat;}
.login hr.hr15 {height: 15px;border: none;margin: 0px;padding: 0px;width: 100%;}
.login hr.hr20 {height: 20px;border: none;margin: 0px;padding: 0px;width: 100%;}
.weadmin-body {padding: 20px;}
.weadmin-nav {padding: 0 20px;position: relative;z-index: 99;border-bottom: 1px solid #e5e5e5;line-height: 39px;height: 39px;overflow: hidden;}
.weadmin-block {display: block;margin-bottom: 10px;padding: 5px;line-height: 22px;/* border-left: 5px solid #009688; */border-radius: 0 2px 2px 0;background-color: #f2f2f2;}
.we-search {margin-bottom: 20px;font-size: 16px;}
.we-search input.layui-input {width: 190px;}
.we-red {color: red;}
.page {margin-top: 20px;text-align: center;}
.page a {display: inline-block;background: #fff 0 0 no-repeat;color: #888;padding: 10px;min-width: 15px;border: 1px solid #E2E2E2;}
.page span {display: inline-block;padding: 10px;min-width: 15px;border: 1px solid #E2E2E2;}
.page span.current {display: inline-block;background: #009688 0 0 no-repeat;color: #fff;padding: 10px;min-width: 15px;border: 1px solid #009688;}
.page .pagination li {display: inline-block;margin-right: 5px;text-align: center;}
.page .pagination li.active span {background: #009688 0 0 no-repeat;color: #fff;border: 1px solid #009688;}
/*登录样式*/
/*头部*/
.container {width: 100%;height: 45px;background-color: #222;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.container .logo a {float: left;color: #fff;font-size: 18px;padding-left: 20px;line-height: 45px;width: 200px;}
.container .right {background-color: rgba(0, 0, 0, 0);float: right;}
.container .left_open {height: 45px;float: left;}
.container .left_open i {display: block;background: rgba(255, 255, 255, 0.1) 0 0 no-repeat;color: #fff;width: 32px;height: 32px;line-height: 32px;border-radius: 3px;text-align: center;margin-top: 7px;cursor: pointer;}
.container .left_open i:hover {background: rgba(255, 255, 255, 0.3) 0 0 no-repeat;}
.container .left {background-color: rgba(0, 0, 0, 0);float: left;}
.container .layui-nav-item {line-height: 45px;}
.container .layui-nav-item.select {line-height: 45px; height: 40px; border-bottom:#5FB878 5px solid;}
.container .layui-nav-child {top: 50px;}
.container .layui-nav-child i {margin-right: 10px;}
.layui-nav .layui-nav-item a {color: #fff;}
.layui-nav .layui-nav-child a {color: #333;}
.left-nav {position: absolute;top: 46px;bottom: 0px;left: 0;z-index: 2;padding-top: 10px;background-color: #EEEEEE;width: 220px;max-width: 220px;overflow: auto;overflow-x: hidden;border-right: 1px solid #e5e5e5;}
.left-nav #nav .current {background-color: rgba(0, 0, 0, 0.3);}
.left-nav #nav li {border-bottom: 1px solid #e5e5e5;}
.left-nav #nav li.select >a { color:#148cf1;}
.left-nav #nav li:hover > a {/*color: blue;*/}
.left-nav #nav li a {font-size: 14px;padding: 10px 15px 10px 20px;display: block;cursor: pointer;}
.left-nav #nav li a cite {font-size: 14px;}
.left-nav #nav li .opened {display: block;}
.left-nav #nav li .opened:hover {/*background: #fff 0 0 no-repeat;*/}
.left-nav #nav li .sub-menu {display: none;}
.left-nav #nav li .sub-menu li:hover {/*color: blue;*//*background: #fff 0 0 no-repeat;*/}
.left-nav #nav li .sub-menu li a {padding: 12px 15px 12px 30px;font-size: 14px;cursor: pointer;}
.left-nav #nav li .sub-menu li a i {font-size: 12px;}
.left-nav #nav li .sub-menu li a:hover {color: #148cf1;}
.left-nav #nav li .sub-menu li .sub-menu li a {padding-left: 45px;}
.left-nav #nav li .nav_right {float: right;font-size: 16px;}
.left-nav #nav li a i {padding-right: 10px;line-height: 14px;}
.x-slide_left {width: 17px;height: 61px;background: url(../images/icon.png) 0 0 no-repeat;position: absolute;top: 200px;left: 221px;cursor: pointer;z-index: 3;}
.page-content {position: absolute;top: 46px;right: 0;bottom: 0px;left: 221px;overflow: hidden;z-index: 1;}
.page-content-bg {position: absolute;top: 46px;right: 0;bottom: 42px;left: 221px;background: rgba(0, 0, 0, 0.5) 0 0 no-repeat;overflow: hidden;z-index: 100;display: none;}
.page-content .tab {height: 100%;width: 100%;background: #EFEEF0 0 0 no-repeat;margin: 0px;}
.page-content .layui-tab-title {/*padding-top: 5px;*/height: 35px;background: #EFEEF0 0 0 no-repeat;position: relative;z-index: 100;}
.page-content .layui-tab-title li {line-height: 35px;}
.page-content .layui-tab-title li .layui-tab-close {border-radius: 50%;}
.page-content .layui-tab-title .layui-this:after {height: 36px;}
.page-content .layui-tab-title .layui-this {background: #fff 0 0 no-repeat;}
.page-content .layui-tab-bar {height: 34px;line-height: 35px;}
.page-content .layui-tab-content {position: absolute;top: 36px;bottom: 0px;width: 100%;background: #fff 0 0 no-repeat;padding: 0px;overflow: hidden;}
.page-content .layui-tab-content .layui-tab-item {width: 100%;height: 100%;}
.page-content .layui-tab-content .layui-tab-item iframe {width: 100%;height: 100%;}
.welcome-footer {padding: 30px 0;line-height: 30px;text-align: center;background-color: #eee;color: #666;font-weight: 300;}
body .layui-layout-admin .footer-demo {height: auto;padding: 15px 0;line-height: 26px;}
.welcome-footer a {padding: 0 5px;}
table th,
table td {word-break: break-all;}
.footer {position: fixed;bottom: 0px;width: 100%;background-color: #222;border-top: 1px solid rgba(255, 255, 255, 0.2);line-height: 41px;color: #fff;/*padding-left: 10px;*/}
.footer .copyright {margin-left: 10px;}
@media screen and (max-width: 768px) {
	.fast-add {  display: none;}
	.layui-nav .to-index {  display: none;}
	.container .logo a {  width: 140px;}
	.container .left_open {  /*float: right;*/}
	.left-nav {  left: -221px;}
	.page-content {  left: 0px;}
	.page-content .layui-tab-content .layui-tab-item {  -webkit-overflow-scrolling: touch;  overflow-y: scroll;}
	.we-search input.layui-input {  width: 100%;  margin: 10px;}
}
.we-changelog .layui-timeline-title h3 {display: inline-block;}
.we-changelog .layui-timeline-title .layui-badge-rim {top: -2px;left: 10px;}
.weadmin-shortcut {height: 185px!important;background-color: #fff;}
.weadmin-shortcut .layui-carousel,
.weadmin-shortcut > [carousel-item] > * {background-color: #fff;}
.weadmin-shortcut .layui-col-space10 {margin: 0;}
.weadmin-shortcut li {text-align: center;}
.weadmin-shortcut li a {display: block;}
.weadmin-shortcut li .layui-icon {display: inline-block;width: 100%;height: 120px;line-height: 120px;text-align: center;border-radius: 2px;font-size: 30px;background-color: #F8F8F8;color: #333;transition: all .3s;-webkit-transition: all .3s;}
.weadmin-shortcut li .layui-icon.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}






.weadmin-shortcut li:hover .layui-icon {background-color: #f2f2f2;}
.weadmin-shortcut li cite {position: relative;top: 2px;display: block;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;}
.weadmin-shortcut li p {font-size: 12px;line-height: 16px;color: #666666;margin-top: 5px;}
.weadmin-shortcut li p span {text-align: left;display: inline-block;}
.weadmin-shortcut .layui-carousel-ind {position: absolute;top: -41px;text-align: right;}
.weadmin-shortcut .layui-carousel-ind ul {background: 0 0;}
.weadmin-shortcut .layui-carousel-ind ul li {background-color: #e2e2e2;}
.weadmin-shortcut .layui-carousel-ind ul li:hover {background-color: #c2c2c2;}
.weadmin-shortcut .layui-carousel-ind ul li.layui-this {background-color: #999;}
.weadmin-text p {margin-bottom: 10px;text-indent: 2em;}
.layui-tab-title li a{ margin: 0px -15px;}
.layui-upload-img{ max-width:  210px;}

.layui-form-item .layui-input-inline.w380{ width: 380px;}
.c_add_list{ display: block;  padding-bottom: 5px;  }
.c_add_list:after{ content: "\20"; display: block; clear: both;overflow: hidden;}


.layui-upload-list .layui-upload-img{ background: #000000; clear: both; border: #cccccc 1px solid;}

.lay_edit{ cursor: pointer}
.lay_edit:before{ content: "\2710";font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; display: inline-block; cursor: pointer}

.layui-laypage .layui-laypage-count{ display: inline-block; padding: 0px 10px;}
.layui-laypage ul.pagination{ display: inline-block; vertical-align: middle;}
.layui-laypage ul.pagination li{ display: inline-block; vertical-align: middle;}
.layui-laypage ul.pagination .disabled span{ background: #ececec;}
.layui-laypage ul.pagination .active span{  background: #009688; color: #ffffff}


.layui-input-block.text{ padding: 9px 15px 9px 10px;min-height:12px}

.xe614.layui-input-block{margin-left: 130px;}
.xe614.layui-input-block.layui-input-group .c_add_list{border-bottom: #ccc 1px dashed; padding: 20px;}






.template_list{ overflow: hidden;}
.template_list .template_box{ padding: 5px; margin: 0px 10px; float: left}
.template_list .template_pic{ display: block;  height:290px;width: 270px; padding: 5px; border: #ececec 1px solid;}
.template_list .template_name{ display: block;  text-align: center; font-size: 16px; padding: 10px 0px }

.search_wx_user{ display: flex;}
.search_wx_user .kw{ width: 190px;}
.search_wx_user .search_wx_user{ margin-right: 10px;}
.search_wx_user .layui-form-select{ flex: 1;}



.msg_tips.msg_iconfont{text-align: center;}
.msg_tips.msg_iconfont .ms_iconfont{ font-size: 5rem; height: 6rem;  color: #666; margin:0.5rem auto 0;}
.msg_tips.msg_iconfont .msg_text{ color: #666; text-align: center; font-size: 1.2rem; line-height: 2rem; text-align: center}

/*订单列表*/
.o_items{}
.o_items .o_header{background: #F9F9F9; border:#ECECEC 1px solid;margin-bottom: 10px; }
.o_items .o_header li{ border-left: #F9F9F9 1px solid;} 

.o_items .og_list{ flex: 1;}
.o_items .ul{ display: flex; }
.o_items .ul .li{ padding: 5px 0px;text-align: center; }
.o_items .ul .li.ogn{ flex: 1; min-width: 220px}
.o_items .ul .li.ogs{ width: 80px;min-width: 80px}
.o_items .o_item{margin-bottom: 10px; border: #ECECEC 1px solid;}
.o_items .o_item:hover{border: #AED8EC 1px solid;}
.o_items .o_item .o_title{ background: #EAF8FF; padding: 10px;}

.o_items .o_item .o_body{ display: flex; }
.o_items .o_item .o_body .og_list .ul{ border-top: #ECECEC 1px solid; width: 100%;}
.o_items .o_item .o_body .og_list .ogn{ display: flex; }
.o_items .o_item .o_body .og_list .ogn .pic{width:80px;display: inline-block;}
.o_items .o_item .o_body .og_list .ogn .pic img{ width: 80%;}
.o_items .o_item .o_body .og_list .ogn .goods_name{display: block; flex: 1; text-align: left; line-height: 24px;}
.o_items .o_item .o_body .og_list .msg_tips{display: flex; padding: 0.5rem;}
.o_items .o_item .o_body .og_list .msg_tips .ms_iconfont{margin:0rem 0.2rem; height: 3rem; font-size: 1.5rem}




.o_items .o_item .o_body .td,
.o_items .ul .li.td{width:140px; min-width: 60px; text-align: center;}

.o_items .o_item .o_body .td{ display: block;border-top: #ECECEC 1px solid; border-left: #ECECEC 1px solid; padding-top: 5px;}
.o_items .o_item .o_bottom{border-top: #ECECEC 1px solid; padding: 10px; background: #fafafa;}


.layui-form-label{  width: 150px;}
.layui-input-block{ margin-left: 180px;}



.layui-form-flex .layui-form-label{ width: 60px;}
.layui-form-flex .brand_id{ width: 100px;}
.layui-form-flex .layui-form-item .layui-col{ display: flex;}
.layui-form-flex .layui-form-item .layui-col .layui-input-inline.brand_type{ width: 80px; flex:none }
.layui-form-flex .layui-form-item .layui-col .layui-input-inline{ flex: 1}

.sort_order{ color:#009688;}



.layui-table-tool .layui-inline.lay-event{position:relative;padding:5px;line-height:16px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;-webkit-transition:.5s all;transition:.5s all}
.layui-table-tool .layui-inline.lay-event:hover{border:1px solid #999}



.site-doc-icon li {
    display: inline-block;
    vertical-align: middle;
    width: 127px;
    line-height: 25px;
    padding: 20px 0;
    margin-right: -1px;
    margin-bottom: -1px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    text-align: center;
    color: #666;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.site-doc-icon li a{display: block;}

.site-doc-icon li .layui-icon {
    display: inline-block;
    font-size: 36px;
}