/*
长沙微构网络科技有限公司
*/
body {font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:#333; font-style:normal; outline:none;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,input,button,textarea,hr { margin:0; padding:0; border: 0; list-style:none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; margin:0; line-height: 1.2; color: inherit; }
a{color:#666; text-decoration: none;}
a:hover{color:#039;}
em{ font-style: normal;}
img{ vertical-align:middle;}
.z{ float:left;}
.y{ float:right;}
.cl{ zoom: 1;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.red{ color:#F00 !important;}
.green{ color:#0C3 !important;}
.purple{ color:#8e3fda !important;}
.c-888{ color:#888;}
.c-aaa{ color:#aaa;}
.c-ccc{ color:#ccc;}

/*.layui-layer{overflow: hidden;}*/

button,input{background: none; font-family: 'Microsoft Yahei'; outline:none;}


.form-control{display: block; width: 99%; height: 20px; padding: 6px 0.5%;   font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #ddd; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; font: 13px 'Microsoft Yahei', Tahoma,'Simsun';    box-sizing: content-box;}
textarea.form-control{ height: auto; line-height: 1.65;}
select.form-control{ height: auto;}
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; }

.checkbox-box span{ float: left; margin-right: 20px;line-height: 32px;font-size: 13px; color: #888;}
.checkbox-box span input{margin-right: 2px; vertical-align: middle;}

.form-s{ max-width: 1000px; margin: auto;}
.form-title{ height: 30px; line-height: 30px; padding-bottom: 6px; margin-bottom: 15px; font-size: 18px; border-bottom: 1px #ddd solid;}
.form-group{ margin-bottom: 30px; position: relative; padding-left: 140px;}
.form-group-no{ margin-bottom: 20px; }
.form-group h6{ position:absolute; width: 120px; top:0; left:0;height: 30px; line-height: 30px; font-size: 13px; color: #888; text-align: right;}

.checkbox-list{padding-top: 10px;}
.checkbox-list label{float:left; height: 24px; line-height: 24px; margin-right: 20px; cursor: pointer;}


.uploads-pic-box {  position: relative; overflow: hidden; display: block; color: #fff; vertical-align: middle; cursor: pointer; width: 50px; height: 50px; }
.uploads-pic-box img{width: 50px; height: 50px;vertical-align: middle; }
.uploads-pic-box .avatar { position: absolute; top: 0; right: 0; width:50px; height: 50px; }
.uploads-pic-box input { position: absolute; top: 0; right: 0; margin: 0;  width:50px; height: 50px;  opacity: 0; filter: alpha(opacity=0); cursor: pointer; }


.text-list{min-height: 30px; margin-bottom: 10px; position: relative; padding-left: 120px;}
.text-list h6{ position:absolute; width: 100px; top:0; left:0;height: 30px; line-height: 30px; font-size: 13px; color: #888; text-align: right;}
.text-list .ipt span{ display: block; height: 30px; line-height: 30px; font-size: 14px;}


.main{ width: 100%;overflow:hidden;}
.wbg{ background:#fff;}
.left-side{position: fixed; top: 0; bottom: 0px; width:220px; background-color: #2f4056; z-index: 9999; }
.left-side .logo{ width:100%; height:72px; background:#344c68;}
.left-side .logo a{ display: block; text-align: center; padding: 21px 0;}
.left-side .logo img{ height: 30px; vertical-align: middle;}
.header{height: 72px; padding:0 20px;background: #fff;  position: relative; z-index: 1000;}
.header .t{  height:72px; line-height:72px;}
.header .t span{ font-size:20px;}
.header .t i{ font-style:normal; margin:0 8px; font-size:15px;vertical-align: top; color: #ccc;}
.header .t em{ font-size:15px; color:#888}
.header .user-info{ height:72px; line-height:72px; font-size:14px;}
.header .user-info a{color: #666;}
.header .user-info span{margin-left:12px;}

.table-nav { margin-left: 20px; line-height: 32px;}
.table-nav *{font-size: 13px;color: #888;}
.table-nav i{ color: #aaa; margin:  0 2px;}

.footer{ position: absolute; z-index: 9999; left:0;right:0; padding: 0 15px; bottom: 0; height: 40px;line-height: 45px; background: #fff; border-top:1px #eee solid; display: flex; justify-content: space-between; font-size: 13px; color: #999; }
.footer .info em{ padding: 0 3px;}
.footer em{ color: #428bca; }

.right-content{position: absolute; top: 0px; left:220px; bottom: 0px; right: 0px; overflow: hidden; background: #FFF;}
.sub-nav{ display:none; width: 180px; float: left; background-color: #EAEDF1; position: absolute; top: 72px; bottom: 0px; z-index: 2; overflow: hidden; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;}

.side-fold{height: 30px; width: 200px; background: #394555; color: #aeb9c2; text-align: center; line-height: 30px !important; font-size: 12px; user-select: none; cursor: pointer;}
.side-fold i{ font-size:16px;}
.side-title{height: 40px; background: #22282e; color: #fff; line-height: 40px; padding:0 20px; position: relative; cursor: pointer;}
.side-title i{ font-size:12px;}

.side-nav ul{ margin:0; padding-top: 10px;}
.side-nav .dafault-title{ position:relative;}
.side-nav li a{display: block; padding:0 10px; height: 48px; line-height: 48px; overflow: hidden; color:#a7b1c2; text-decoration:none;}
.side-nav .dropdown-toggle:hover{ background-color:#293846;}
.side-nav .dropdown-toggle{ position: relative; font-size: 14px;  font-weight: 600;}
.side-nav .arrow{ position: absolute; right:20px; height: 12px; top:18px;}
.side-nav li span{ font-size:12px;}
.side-nav li i{ display:inline-block; width:28px; text-align:center; font-size:16px; vertical-align:middle;}
.side-nav li .submenu{ display: none;}
.side-nav .hover{background: #293846; border-left: 4px solid #0074a2; }
.side-nav .hover .dropdown-toggle{ color: #fff;}
.side-nav .hover .submenu{ display: block; padding-bottom: 6px; padding-top: 0;}
.side-nav .submenu i{ margin-left:20px;width: 14px; font-size:14px;}
.side-nav .submenu a{ height: 36px; line-height: 36px; font-size: 13px;}
.side-nav .submenu a:hover,
.side-nav .submenu .on{ color: #fff;}


.content-body{position: absolute; width: auto;  top: 72px; bottom:40px; left: 0px; right: 0px; overflow: hidden; overflow-y: auto; background:#f2f2f2;}
.content-body-s{ padding:15px;}
.core-content .core-s{ padding: 30px 20px 20px; }

/*分页*/
.pagination{ float:left; border-left: 1px #ddd solid;}
.pagination li{  float: left; width: 30px; height: 30px; line-height: 30px; border:1px #ddd solid; border-left: 0;}
.pagination a,
.pagination span{ display: block; margin: 0 !important; text-align: center;width: 30px; height: 30px; text-decoration: none; font-size: 14px;}
.pagination .active span{ background: #0074a2; color: #fff;}
.pagination .active{ border-color:#0074a2; }
.pagination a:hover{ background: #f5f5f5;}

/*内页头部*/
.page-header { margin-bottom: 12px;}
.page-header .add{ height:32px; line-height:32px;padding:0 15px; background:#0074a2; color:#fff; border-radius:2px; transition:all 0.3s;}
.page-header .add:hover{ opacity:0.9;}
.page-header input,
.page-header select{ display:inline-block; *display:inline; zoom:1; height:32px; box-sizing:border-box;}
.page-header input{ width:120px; padding:5px;}
.page-header select{ width:100px; padding:5px;}
.page-header .btn{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px;
    color:#333;padding:0 15px; vertical-align:top;border:1px #ccc solid;background: #f7f7f7;
    border-radius:2px; font-size:13px;box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);}
.page-header .btn:hover{ border-color:#aaa;box-shadow: inset 0 2px 5px -3px rgba(0,0,0,.5);}


.btn-primary{ display: inline-block; *display: inline; *zoom:1;background: #0074a2; color: #fff; font-size: 14px; height: 36px; line-height: 36px;
    padding:0 25px; border-radius: 2px; text-decoration: none; font-family:'Microsoft Yahei'; cursor: pointer;}
.btn-primary:hover{ opacity: 0.9;}
/*管理中心首页*/
.index-base-info{  background:#fff; height:200px; padding-left:300px; position:relative; border:1px #ededed solid; }
.index-base-info .u-tx{ position:absolute;top:0; left:0; width:300px;height:200px; background:#f2f5fa;text-align:center;}
.index-base-info .u-tx .m{ padding:25px 20px 10px;}
.index-base-info .u-tx img{ width:72px; height:72px; border-radius:50%;}
.index-base-info .u-tx h4{ font-size:20px; font-weight:normal; color:#70a9de;}
.index-base-info .u-tx h4 span{ color:#666;}
.index-base-info .u-tx .qq{ display:block; width:110px; height:32px; line-height:32px; font-size:14px; margin:10px auto; background:#6eaade; border-radius:3px; color:#fff; text-decoration:none;}
.index-base-info .u-tx .qq i{ font-size:16px; margin-right:5px;}

.home-block{ margin-bottom: 5px;}
.home-block .item{ background: #fff;}
.home-block .sub{ width:33.3333%;}
.home-block .s{ padding: 25px;}
.home-block h6{ font-size:20px; font-weight:normal; height:40px; line-height:40px; color:#343434;}
.home-block p{ height:60px; line-height:60px;}
.home-block p b{ font-size:32px; color:#343434; font-weight:normal; margin-right:5px;}
.home-block p em{ font-size:15px; color:#888;}
.home-block .go{display:block; height:32px; line-height:32px; font-size:15px; color: #428bca; margin-top: 10px;}

.home-info .item{ background: #fff;}
.home-info .title-box{ height: 50px; line-height: 50px; padding: 0 15px; font-size: 18px; border-bottom: 1px #eaeaea solid;}
.home-info .os li{ padding:  15px 0; margin: 0 15px; display: flex; align-items: center; border-top:1px #eaeaea dashed; line-height: 1.4;}
.home-info .os .no{ border-top:0;}
.home-info .os em{ color: #999; width: 100px;}
.home-info .os span{flex: 1;}
.home-info .blue{ color: #428bca;}

.home-info .posts dl{ padding:  15px 0; margin: 0 15px; border-top:1px #eaeaea dashed;}
.home-info .posts .no{ border-top:0;}
.home-info .posts dt{ padding-bottom: 6px;font-size: 15px;line-height: 1.5; color: #333;}
.home-info .posts dt a{ display:block;}
.home-info .posts dt a:hover{ color: #428bca;}
.home-info .posts dd{font-size: 13px; color: #999;}
.home-info .posts span{ margin-right: 20px;}

.layui-table-cell .layui-table-link{ color: #428bca;}

.index-content{ margin-top:2%;}
.index-content .sub{ width:32%; background:#fff;border:1px #ededed solid;}
.index-content .sub1{ margin-right:2%;}
.index-content h6{ height:48px; line-height:48px;background:#f2f5fa; padding:0 20px; font-size:16px;  color:#555; font-weight:normal;}
.index-content h6 i{ margin-right:5px;}
.index-content .s{ margin:0 20px;}
.index-content dl{ padding:8px 0; border-top:1px #ddd dashed;}
.index-content .data-0{ border-top:0;}
.index-content dt{ height:22px; line-height:22px; font-size:14px; overflow:hidden; font-weight:normal; color:#444;}
.index-content dd{ height:20px; line-height:20px; overflow:hidden; font-size:12px; color:#888;}





/*表格*/
.table { width: 100%;  background: #FFF; font-size: 13px;border-collapse: collapse; }
.table thead{ background: #f2f2f2;}
.table .even{ background: #f8f8f8;}
.table th,
.table td{ padding: 10px 15px; text-align: left;border: 1px solid #e1e6eb;vertical-align: middle; }
.table th{ font-weight: normal; color:#333;}
.table a{color: #0074a2;}
.table a:active,
.table a:hover{color:#2ea2cc}
.table a:focus{color:#124964}
.table td a:hover{}
.table td span{ margin:0 5px; color:#888;}
.table td a{ margin-right: 10px;}
.table td img{ width: 32px; height: 32px; cursor: pointer;}
.table .table-ipt{width: 30px; height: 20px; padding: 4px 10px; text-align: center; }
.table .check-ipt{width:20px; }
.table .page{line-height:32px; }
.table .btns a{margin-left: 10px; margin-right: 0;}

.ipt-tips{line-height: 32px;font-size: 12px;color: #999;}



/*多图上传*/
.upload-images-btn{ width: 100px; height: 30px; line-height: 30px;  border: 1px #ddd solid; background: #f2f2f2; text-align: center; cursor: pointer; color: #000;}
.upload-images-box p{ margin-left: 10px; font-size: 13px; line-height: 30px; color: #999;}
.upload-images .item{ float: left; width: 100px;  margin: 10px 10px 0 0;cursor: pointer; position: relative;}
.upload-images .item img{ display: block; width: 100%; height: 100px;}
.upload-images .item .del{ position: absolute; right: 0; top: 0; background: red; color: #fff;padding: 1px 5px; font-size: 12px;}
.upload-images .item input{ margin-top: 3px;    padding: 3px 10%;  width: 80%;  text-align: center;}

.autocomplete-suggestions{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #fff; cursor: default; overflow: auto;}
.autocomplete-suggestion{ padding:5px 3px ; cursor: pointer; transition: 0.3s;}
.autocomplete-suggestion strong{ font-weight: bold; color: red;}
.autocomplete-suggestion:hover{ background: #eee;}