/*
长沙微构网络科技有限公司
*/
body {font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:#1e293b; 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:#1677FF; text-decoration: none; transition: 0.3s;}
a:hover{color:#1677FF; }
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;  outline:none;}
textarea,input{ -webkit-appearance: none;appearance: none;border-radius: 0;overflow:auto; }
::-webkit-input-placeholder { color:#aaa;font-size:14px;  }
:-moz-placeholder {color:#aaa;font-size:14px; }
::-moz-placeholder {color:#aaa; font-size:14px;}
:-ms-input-placeholder { color:#aaa; font-size:14px;}


.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); }
:-moz-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; opacity: 1; }
:-ms-input-placeholder { color: #aaa; }
::-webkit-input-placeholder { color: #aaa; }
.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; display: flex; align-items: center;}
.header .user-info a{color: #666;}

.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; bottom: 0; height: 45px;line-height: 45px; background: #fff; border-top:1px #eaeaea solid; padding: 0 15px; display: flex; justify-content: space-between; font-size: 13px; color:#64748b; }
.footer .info em{ padding: 0 3px;}
.footer a{ color: #64748b; }
.footer .copy{ display: inline-block;}
.footer .copy a{ display: flex; align-items: center; background: url(images/footer-weigou.png) no-repeat left center; padding-left: 50px;}
.footer .copy img{ display: block; padding-right: 2px; height: 14px;}

.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);}



/*管理中心首页*/
.color-1{ color: #f44336;}
.color-2{ color: #ff9800;}
.color-3{ color: #22ac38;}

.home-user-box{ background: #fff; margin-bottom: 15px; border-radius: 4px;}
.home-user-box .top-info{ display: flex; justify-content: space-between; align-items: center;padding: 25px;}
.home-user-box .user-info{ display: flex; align-items: center;}
.home-user-box .user-info .avatar { margin-right: 10px;}
.home-user-box .user-info .avatar img{ width: 80px; height: 80px; border-radius: 50%; display: block; border: 1px #eee solid;}
.home-user-box .user-info .username{font-size: 18px; font-weight: bold;}
.home-user-box .user-info .info-box{ display: flex; align-items: center; height:40px; line-height: 40px; font-size: 14px; color: #747474;}
.home-user-box .user-info .info-box .status{ padding-left: 5px;}

.home-user-box .user-info .wx-bind{ margin-left: 20px; color: #1677FF; cursor: pointer;}
.home-user-box .user-info .wx-bind i{ font-size: 13px; padding-right: 2px;}
.home-user-box .user-info .wx-unbind{ color: #f44336;}

.home-user-box .user-info .data{ height:40px; line-height: 40px; font-size: 14px; color: #747474;}
.home-user-box .user-info .data  span{ margin-right: 20px;}

.home-user-box .btn-box{ display: flex;}
.home-user-box .btn-box .btn{ display: block; line-height: 40px; border: 1px solid #1677FF; background: #1677FF; color: #fff; padding: 0 20px; border-radius: 20px; margin-left: 15px; }
.home-user-box .btn-box .btn-out{ background: none; color: #1677FF;}

.home-user-box .bottom-info{height: 50px; line-height: 50px; padding: 0 25px; border-top: 1px #eaeaea solid; font-size: 13px; color: #747474;}
.home-user-box .bottom-info span{ margin-right: 20px;}

.home-block{ margin-bottom: 5px;}
.home-block .item{ background: #fff; border-radius: 4px;}
.home-block .item:hover{box-shadow: 0 2px 12px rgb(0 0 0 / 5%);}
.home-block .sub{ width:33.3333%;}
.home-block .s{ padding: 25px; display: flex; align-items: center;}
.home-block .m{ display:flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 6px;}
.home-block .m i{ font-size: 24px; color: #fff;}
.home-block .more i{ font-size: 14px; color: #aaa;}
.home-block .info{ padding:0 15px;flex: 1;}
.home-block h6{ font-size:20px; font-weight:bold; height:30px; line-height:40px; color:#000;}
.home-block p{ height:45px; line-height:45px;}
.home-block p b{ font-size:32px; color:#000; font-weight:normal; margin: 0 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-block .m1{background: linear-gradient(135deg,#667eea,#764ba2);}
.home-block .m2{background: linear-gradient(135deg,#f093fb,#f5576c);}
.home-block .m3{background: linear-gradient(135deg,#4facfe,#00f2fe);}
.home-block .m4{background: linear-gradient(135deg,#fa709a,#fee140);}

.home-node .title-box{ display: flex; justify-content: space-between; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px #eaeaea solid;}
.home-node .title-box .title{font-size:18px; color: #000; font-weight: bold; }
.home-node .tips{ font-size: 13px; color: #999;}

.home-info .s{height: 400px;}
.home-info .item{ background: #fff;border-radius: 4px;}
.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-sys{ background: #fff; margin-top: 15px; border-radius: 4px;}
.home-sys .s{ display: flex; padding: 10px; flex-wrap: wrap;}
.home-sys .item{ width: 33.33%; }
.home-sys .info{ margin: 5px; padding: 20px; background: #f7f7f7;}
.home-sys .info .key{ font-size: 13px; color: #999; line-height: 1;}
.home-sys .info .value{ font-size: 15px; color: #333; line-height: 1; padding-top: 10px;}



.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;}



/*页头*/
.index-header{ position: relative; z-index: 999; height:70px; display: flex; justify-content: space-between; border-bottom: 1px #eaeaea solid; }
.logo-box{ display: flex; align-items: center;padding-left: 30px;}
.logo-box img{ display: block; height: 32px;}
.logo-box .line{ width: 1px; height: 24px; background: #ccc; margin: 0 15px;}
.logo-box .text{ font-size: 24px; color: #333;}

.index-header .right{ display: flex;}
.index-header .index-btn{ background: #1677FF; color: #fff; padding:0 30px; cursor: pointer; display:flex; align-items: center;}

.index-header-left{ display: flex; align-items: center;}
.index-header .nav-box{ padding-left: 50px;}
.index-header .nav-box .ul{ display: flex;}
.index-header .nav-box li{ margin: 0;}
.index-header .nav-box li a{ display: block; line-height: 36px; border-radius: 18px; padding: 0 20px; font-size: 16px; color:#1e293b; font-weight: bold; }
.index-header .nav-box li a:hover{ color: #1677FF;}
.index-header .nav-box .on a{ background: #1677FF;  color: #fff;}
.index-header .nav-box .on a:hover{ color: #fff;}



.online{ padding:22px 15px 22px 0 ; margin:0; height:30px; line-height:30px;position:relative;    font-size: 16px;    color: #555;}
.online span{ display: inline-block; max-width: 100px; height: 30px; overflow: hidden;}
.online:hover .sub-menu{visibility:visible;opacity:1;margin-top:0}
.online::after,
.online::before{content:'';position:absolute;top:36px;right:0;border-left:5px solid transparent;border-right:5px solid transparent}
.online::before{border-top:5px solid #f7fbf0}
.online::after{border-top:5px solid #999;margin-top:-1px}
.online  .avatar{float:left;width:30px;height:30px;border-radius:50%;margin-right:6px;}
.online  .sub-menu{position:absolute;right:0;top:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;margin-top:-20px;width:120px; z-index: 9999999;}
.online  .sub-menu ul{position:relative;background-color:#FFF;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);font-size:14px;padding:5px 0}
.online  .sub-menu ul::after,
.online .sub-menu ul::before{content:'';position:absolute;top:-5px;left:50%;margin-left:-3px;border-left:5px solid transparent;border-right:5px solid transparent}
.online .sub-menu ul::before{border-bottom:5px solid rgba(0,0,0,.1)}
.online .sub-menu ul::after{border-bottom:5px solid #fff;margin-top:1px}
.online .sub-menu a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:block;line-height:38px;text-align:center; color: #555; }
.online .sub-menu a:hover{background-color:#F2F2F4}



.admin-login-page{ position: relative;height: 100%; background:#fff;}
.admin-login-s{ position: absolute; left: 0; width: 100%; height: 100%; top:0; display: flex; justify-content: center; align-items: center; z-index: 1;}
.admin-login-box{  width:550px;background: #fff;  border: 1px solid #EEE; border-radius: 4px; box-shadow: 0 20px 40px rgb(0 0 0 / 8%);}
.admin-login-box .logo-box{ display: flex; justify-content: center; align-items: center; padding:10px 0 30px;}
.admin-login-box .logo-box img{ display: block; height:45px;}
.admin-login-box .logo-box .line{ width: 1px; height: 40px; margin: 0 20px; background: #ccc;}
.admin-login-box .logo-box .text{ font-size: 30px; color: #555;}


.admin-login-box .login-type{padding: 40px;box-sizing: border-box; }
.admin-login-box .user-login{ border-left: 1px #eaeaea solid;}
.admin-login-box .login-box .title{ line-height: 30px; font-size:24px; padding-bottom: 20px; text-align: center;}
.admin-login-box .layui-form-item{ position: relative; margin-bottom: 20px;}
.admin-login-box .layui-form-item-btn{ margin-bottom: 0;}
.admin-login-box label { position: absolute; left: 1px; top: 1px; width: 44px; line-height: 44px; text-align: center; color: #d2d2d2;    font-size: 18px; }
.admin-login-box input{ padding-left: 44px; height: 44px; border-color: #ddd;}
.admin-login-box .captcha img{ position: absolute; right: 0; top: 0;}
.admin-login-box .btn{ width: 100%; display: block; margin: 0; background:  #1677FF; height: 45px; line-height: 45px;font-size: 15px;}


.admin-login-box .login-info{ display: flex; justify-content: space-between; align-items: center;}

.admin-login-box .line-text{ display:flex; align-items: center;  height: 50px; color: #555; }
.admin-login-box .line-text a{ padding: 0 10px; }
.admin-login-box .line-text a:hover{ opacity: 0.9; }
.admin-login-box .line-text i{ width: 6px; height: 6px; border-radius: 50%; background: #1677FF; opacity: 0.5;}
.admin-login-box .copy-tips{  display: flex; justify-content: center;}

.login-footer{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 60px; font-size: 13px; text-align: center;color: #64748b; z-index: 999; }
.login-footer span{ padding: 0 5px;}
.login-footer a{color: #64748b;}
.login-footer .copy{ display: inline-block;}
.login-footer .copy a{ display: flex; align-items: center; background: url(images/footer-weigou.png) no-repeat left center; padding-left: 50px;}


.agree-box{ display: flex; align-items: center; padding:12px 0; line-height: 20px;}
.agree-box span{font-size: 14px; color: #555; background: url(images/agree.png) no-repeat left center; padding-left: 20px; cursor: pointer;}
.agree-box .on{background-image: url(images/agree-on.png);}
.agree-box a:hover{opacity: 0.9;}


.user-box{ padding: 25px;}
.user-box .title-box{ line-height: 72px; font-size: 25px; text-align: center; color: #0e0607;}
.user-box .item{ padding-bottom: 15px; position: relative;}
.user-box .item .text{ position: absolute; right:10px; top: 0; line-height: 45px; font-size: 14px;color: #1677FF;}
.user-box .item .no{color: #999;}
.user-box .item-no{ padding-bottom: 0;}
.user-box .item label{position: absolute; left: 1px; top: 1px; width: 40px; line-height: 43px; text-align: center; color: #d2d2d2; font-size: 20px; z-index: 1;}
.user-box .item input{ width: 100%;  border: 1px #ddd solid; height: 45px; padding: 10px 10px 10px 40px;  box-sizing: border-box;}

.user-box .avatar-box{ cursor: pointer;}
.user-box .avatar-box .avatar{display: flex; justify-content: center;}
.user-box .avatar-box .avatar img{ width: 128px; height: 128px; border-radius: 50%; display: block;}
.user-box .avatar-box p{text-align: center; font-size: 15px; color: #747474; line-height: 30px;}

.user-box .dd{line-height: 20px; padding-top: 12px;}
.user-box .reg-btn{color: #1677FF;}
.user-box .mobile-btn{ color: #999;}
.user-box .btn{ display: block;  width: 100%; text-align: center; line-height: 45px;  height: 45px; border:1px #1677FF solid;  background: #1677FF; border-radius: 2px; cursor: pointer;color: #fff; transition: 0.3s;  font-size: 15px;   }
.user-box .btn:hover{ opacity: 0.85;}
.user-box .btn-sub{border-color: #ddd; background: #f5f5f5; color: #555;}
.user-box .btn-weixin{ border-color: #07c160; background: #07c160; color: #fff;}
.user-box .btn-weixin span{    display: inline-block; padding-left:26px; background: url(images/ui/weixin.png) no-repeat left center;}
.user-box .line-box{ line-height: 48px; text-align: center; font-size: 14px; color: #999;}
.user-box .line-box span{ padding: 0 10px;}
.user-box .line-box i{ color: #ddd;}


.qrcode-box-s{ text-align: center;padding: 10px 0;}
.qrcode-box-s .title{ font-size: 26px; font-weight: bolder; color: #333; line-height: 1.5;}
.qrcode-box-s .subtitle{ font-size: 16px; color: #747474; line-height: 1.5; padding: 5px 0 20px;}
.qrcode-box-s .m{ margin:0 auto 15px; width:200px; height:200px;position: relative; padding: 12px; border: 1px #eaeaea solid;}
.qrcode-box-s .m-box{position: relative;}
.qrcode-box-s .qrcode img{ width:100%; height:auto;}
.qrcode-box-s .tips{ text-align: center;}
.qrcode-box-s .btn{ margin-top: 15px; text-align: center; line-height: 38px; border-radius:19px; font-size: 14px; background: #eee; color: #747474;}
.qrcode-box-s .btn-on{ background: #1677FF; color: #fff;}
.qrcode-box-s .qrcode-status{ position: absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); text-align:center; display: flex; align-items: center; justify-content: center;    flex-flow: column;}
.qrcode-box-s .qrcode-status img{ width:50px; height:50px;}
.qrcode-box-s .qrcode-status p{font-size:14px; color:#fff; line-height:40px; margin: 0 auto;}
.qrcode-box-s .qrcode-status a{display: inline-block; line-height: 32px; background: #00C250; color: #fff; border-radius: 4px; width: 80px; font-size: 14px;}
.qrcode-box-s .qrcode-status .text{ font-size:12px; color:#fff; }
.qrcode-box-s .qrcode-status{ display:none;}

.wx-login-page .qrcode-box-s{ padding: 20px 0 0 0;}
.wx-login-page .tips{ text-align: center;}





/*页面详情*/
.post-s{word-wrap: break-word; line-height: 1.7; font-size: 16px; }
.post-s h1{ font-size:18px; line-height:1.5em; padding:5px 0; margin:20px 0; border-bottom:1px #ddd solid;}
.post-s h2{ margin:10px 0;font-size: 17px; font-weight:bold; }
.post-s ol,.post-s ul {margin: 0 0 20px 0;}
.post-s li{list-style-position: inside; font-size:16px; line-height:1.7;margin-bottom: 6px;text-indent:2em;}
.post-s ol li{list-style-type: decimal;}
.post-s ul li{list-style-type: disc;}
.post-s p{ font-size:16px; line-height:1.7; margin:15px 0; text-indent:2em; text-align: justify;}
.post-s p[style~="text-align:"],
.post-s span[style~="text-align:"]{text-indent: 0;}
.post-s p:has(> br) { margin: 0; }
.post-s a{color:#1677FF;}
.post-s a:hover{text-decoration: underline;}
.post-s h6{font-size:16px; line-height:1.7; margin-bottom:15px; font-weight:normal;}
.post-s blockquote{margin-left: 30px; background: #eee;border-left: 4px #ccc solid;padding: 0 5px 0 8px ; margin-bottom:15px;}
.post-s blockquote p{line-height: 24px;padding: 4px 0;font-size: 12px;margin: 0;text-indent: 0; font-size:15px;}
.post-s img{max-width:80%; height: auto; padding-top: 10px; }
.post-s .aligncenter{ display:block; margin:auto;}
.post-s table{width:100%; margin:10px auto;border-collapse: collapse;}
.post-s td,
.post-s th{ line-height:25px;border: 1px #ddd solid; vertical-align:middle; padding: 5px 10px; font-size:15px;}
.post-s td p,
.post-s th p{ text-indent:0; margin:8px 0;}

/*页面详情*/
.page-view{padding: 20px 30px;}
.page-view-box{ max-height:360px; }
.page-view-box-big{max-height:420px;}
.page-view-box-auto{overflow-y: auto; padding-right: 15px;}
.page-view-box::-webkit-scrollbar{ width: 6px; height: 6px; background-color: #f5f5f5; margin: 10px 0; }
.page-view-box::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); border-radius: 10px; background-color: #f5f5f5; }
.page-view-box::-webkit-scrollbar-thumb{height: 6px; border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); background-color: #555; }

.common-body{ padding: 0;}
.layui-layer-iframe{ background: #fff; border-radius: 10px; box-shadow:0 0 0; border-radius: 4px;}
.layui-layer-iframe iframe{ background:none;border-radius: 4px;}
.layui-layer-shade{ opacity: 0.6 !important;}

.layer-bottom-btn{ text-align: center; padding: 15px 0;}
.layer-bottom-btn .btn{ display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 20px; background: #1677FF; color: #fff; font-size: 15px; transition: 0.3s;}
.layer-bottom-btn .btn:hover{ opacity: 0.85;}

.layer-msg-box .title-box{ height:60px; line-height: 60px; padding: 0 0 0 25px;color: #fff; border-bottom: 1px #eaeaea solid;}
.layer-msg-box .title-box .title{ font-size: 18px; font-weight: bold; color: #0e0607;}
.layer-msg-box .title-box .close{ width: 45px; height: 45px; background: url(images/x.png) no-repeat center; cursor: pointer;}

.layui-layer-common .layui-layer-title{height: 60px;line-height: 60px;padding: 0 0 0 25px;font-size: 18px; font-weight: bold; background:#fff; color: #0e0607;    border-radius: 8px 8px 0 0;}
.layui-layer-common .layui-layer-dialog .layui-layer-content{ padding: 25px; font-size: 15px; color: #333; line-height: 1.5;}
.layui-layer-common .layui-layer-btn{ padding: 0 25px 25px;}
.layui-layer-common .layui-layer-btn a{margin: 0 0 0 10px; line-height: 32px; height: 32px; padding: 0 15px;}
.layui-layer-common .layui-layer-btn .layui-layer-btn0{background: #1677FF; border-color:#1677FF; }


.iframe-box .title-box{ position: fixed; left: 0; top: 0; z-index: 10; width: 100%;  box-sizing: border-box; background: #fff; border-radius: 10px 10px 0 0;}
.iframe-box .title-box-hide{ height: 60px;}
.layer-msg-box .box{ padding:10px 20px 25px;}
.layer-msg-box .box .item{ padding-bottom: 12px;}
.layer-msg-box .box .item p{ line-height: 30px;}
.layer-msg-box .box .ipt{padding: 5px 10px; width: 358px;}
.layer-msg-box .box .item .item-input{ position: relative;}
.layer-msg-box .box .item .code{ position: absolute; top: 0; right: 12px; line-height: 36px; cursor: pointer; }
.layer-msg-box .box .item .code span{ color: #1677FF; font-size: 13px;}
.layer-msg-box .box .item .no span{ color: #999;}
.layer-msg-box .qrcode-box{ padding: 15px 5px 0 ;}
.layer-msg-box .qrcode-box .m{ text-align: center;}
.layer-msg-box .qrcode-box p{ text-align: center; padding-top: 5px; line-height: 1.5; font-size: 14px; color: #999;}


.layer-msg-box .box .btn{ margin-top: 3px; height: 42px; line-height: 42px; text-align: center; background: #1677FF; color: #fff; font-size: 15px; cursor: pointer; transition: 0.3s;}
.layer-msg-box .box .btn:hover{ opacity: 0.9;}

.layui-layer-hui .layui-layer-content{ color: #fff;}
.layui-layer-imgbar{ height: 40px !important; line-height: 40px !important; }
.layui-layer-imgbar a{font-size: 14px !important;}

/*layui tab重置*/
.layui-tab{ margin: 0;}
.layui-tab-title{ height:55px;}
.layui-tab-title li{ line-height:55px; font-size: 18px; padding: 0 ;  margin-left: 10px;   margin-right: 30px; color: #747474;}
.layui-tab-title .layui-this:after{ height:56px;}
.layui-tab-brief > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:after{ border-color: #1677FF; border: 0; height: 3px; bottom: -2px; top: auto; background: #1677FF; border-radius: 2px; }
.layui-tab-brief > .layui-tab-title .layui-this{ color:#0e0607; font-weight: 700; }




/*nodata*/
.nodata{text-align: center;padding:80px 0;}
.nodata img{height:120px;width: auto;}
.nodata p{font-size: 14px; color: #bbb;line-height: 2;}





.user-points-box{ padding:15px  20px;}
.user-points-box .form-control{ width: 96%; padding: 6px 2%; resize: none;}
.user-points-box .item{ margin-bottom: 15px;}
.user-points-box p{font-size:14px; line-height: 24px;}
.user-points-box .txt{ width:75%;}
.user-points-box .score{ width: 20%;}
.user-points-box .score .form-control{ padding: 6px 10%; width:80%;}
.user-points-box .row span{ font-size: 14px; margin: 10px 10px 0 0;}
.user-points-box .row span input{ margin-right: 2px;}

/*问题标签*/
.tags-box .tags{ margin-bottom:5px;}
.tags-box .tags span{float: left; margin-right: 20px;line-height: 30px; height:30px; padding:0 15px;font-size: 13px; color: #555; border:1px #ddd solid; border-radius:15px; cursor: pointer;}
.tags-box .checkbox-box span{ float: left; margin-right: 20px;line-height: 32px;font-size: 13px; color: #888; padding-left: 20px; background: url(images/gou.png) no-repeat left center; cursor: pointer;}
.tags-box .checkbox-box .on{color:#0074a2; background-image: url(images/gou-on.png) ;}

/*资源标签*/
.key-values span{ float: left;  display: block; height: 32px; line-height: 32px;  padding: 0 10px; border: 1px #ddd solid; margin: 0 10px 10px 0; cursor: pointer;}
.key-values .on{border-color: #1677FF;background: #1677FF;  color: #fff;}

/*多图上传*/
.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;}

.layui-table-page .layui-laypage .table-count-box{ font-size: 13px; color: #555;}
.layui-table-page .layui-laypage .table-count-box em{ color: #fc8399;}