/*帮助说明*/
.help-box{position:relative; margin:10px 0; padding:10px; line-height:2; font-size:14px; border:1px dashed #62b3ff; background-color:#f5faff; border-radius:3px;}
.help-box.noborder{border-width:0;}
/*alert*/
.alert{border-radius:0; padding: 10px; margin-bottom:0px; line-height: 2; border-radius:3px;}
.alert-margin{margin:15px 0 0 0;}
.alert.layui-bg-cyan a{color:#fff;}

/*layui-form*/
.layui-form-item{padding:10px 0; margin-bottom: 0; border-bottom: 1px dashed #f0f0f0;}
/*.layui-form-item .layui-form-label.must:after{content:'*'; position: absolute; margin: 0 0 0 5px; color: red; font-weight:bold;}*/
.layui-form-item .layui-form-label .must-tip{ color:red; font-size: 1.2em; display: inline-block; margin:0 0 0 3px;}
.layui-form-item .layui-input-block{margin-left:0;}
.layui-form-item .layui-input-block.margin-left{margin-left:10px;}
.layui-form-item .layui-form-label + .layui-input-block{margin-left: 140px;}
.layui-form-item .layui-form-label + .layui-input-inline{margin-left:10px;}
.layui-form-item .layui-input-block + .layui-input-block{margin-top: 10px;}
.layui-form-item label.layui-input-block{min-height: auto;}

/* 底部按钮 */
.body.body-with-footer-button{margin-bottom: 45px;}
.footer-button{ position:fixed; z-index: 9999; width:100%; left:0; bottom:0; padding:5px 15px; border-top:1px solid #e2e2e2; background-color: #f5f5f5;}
.footer-button-submit{padding:0; text-align: right;}
.footer-button-submit .btn{height:45px; line-height: 45px; padding: 0 30px; border-radius:0; font-size:16px;}
.footer-button-submit .btn-link{color:red; cursor: unset;}
.footer-button-submit .btn-link:hover{text-decoration: none;}

/*图片上传，缩略图*/
.upload-lists-item{float:left; position: relative; margin:0 5px 5px 0; width:75px; height:75px; background-color: #fafafa; border-radius:1px; border:1px solid #ccc;}
.upload-lists-item .text{padding-top:20px; line-height: 1.5em; font-size:12px; text-align: center; color:#aaa;}
.upload-lists-item .text .iconfont{font-size:3em;}
.upload-lists-item img{width:100%; height:100%; border-radius:1px;}
.upload-lists-item .mask{display: none; position: absolute; z-index: 1; width:100%; height:100%; padding-top:25px; text-align: center;}
.upload-lists-item:hover .mask{display: block;}


/*文件上传*/
.upload-lists.list-group{margin-bottom: 0;}
.upload-lists .list-group-item{}
.upload-lists .list-group-item-btn{float:right; margin:-5px -10px 0 0}
.upload-lists .list-group-item-btn .btn{ padding: 5px 8px; border-radius: 0;}
.upload-lists .list-group-item:last-child{border-radius:0; border-bottom: 0;}
.upload-lists .list-group-item:first-child{border-radius: 0;}

.size2 .upload-lists-item{width:150px;}
.size1_5 .upload-lists-item{width:100px;}

/*layui table*/
.nomargin .layui-table, .nomargin.layui-table-view{margin: 0;}
.layui-table .layui-table-cell{height:auto; min-height: 28px; padding-left: 5px; padding-right: 5px;}
.layui-table .layui-table-edit{padding-left: 4px; padding-right: 4px;}

.layui-table-view .layui-table td[data-edit="text"] .layui-table-cell:before {font-family: layui-icon; content: '\e642'; color: #ddd; font-size: 12px; margin-right:2px;}

.cascade .form-inline select.form-control{width:auto; display: inline-block;}
.control-input .layui-input-inline{margin: 0 5px 5px 0;}
.layui-input, .layui-select, .layui-textarea{border-radius:2px; border-color:#ccc;}
.layui-textarea{min-height: unset;}
.layui-input-help{display: block; clear: both; color:#aaa; line-height: 2; font-size:12px;}

.cascade-select{}
.layui-input-inline .cascade-select{display: inline-block;}
.cascade-select .layui-input-inline{width:150px; margin-right: 5px;}
.cascade-select:after{display: table; content: ''; clear: both;}



.body-modal .layui-fluid{padding: 0; background-color: #fff;}
.body-modal .layui-fluid .layui-card{border-width:0; border-radius:2px; box-shadow: none;}

.layui-footer{padding:5px 15px 15px 15px; text-align: center; background-color: #fff; box-sizing: border-box;}
.body-modal .layui-footer{background-color: #f2f2f2; border-top:1px solid #ccc;box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
.layui-footer.unset{position:unset; border-top:1px solid #ccc;box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
.layui-footer.normal{position: unset; padding:0 0 10px 110px; text-align: left; box-shadow: none;}
.layui-with-footer{padding-bottom:48px;}
.layui-footer-blank{height:30px;}
.topwidnow .layui-footer{left:204px; width:calc(100vw - 204px);}

.layui-form-label{width:130px; box-sizing: border-box; padding-left: 0; padding-right:8px;}
.layui-form-label.mini{font-size:12px;}

/*input-group*/
.layui-input-group{display: flex; flex-direction:row; justify-content : space-between;}
.layui-input-group .layui-input-group-addon{display: block;width:auto; height:38px; padding:0 10px; line-height: 36px; white-space:nowrap; border:1px solid #ccc; background-color: #f0f0f0; color:#666; box-sizing: border-box;}
.layui-input-group .layui-input, .layui-input-group .layui-unselect{display: block;width:100%; border-radius:0;}
.layui-input-group * + *{margin-left: -1px;}
.layui-input-group > *:first-child{border-radius:2px 0 0 2px;}
.layui-input-group > *:last-child,
.layui-input-group > *:last-child .layui-input{border-radius: 0 2px 2px 0;}
@media screen and (max-width: 450px){
    .layui-input-group{margin-bottom: 5px;}
}

/*.layui-form-item .layui-input-inline {width: 150px;}*/
@media screen and (max-width: 450px){
    .layui-card-body{padding: 10px;}
    .layui-card-body .layui-tab-content{padding:10px 0;}
    .layui-card .layui-form-item{padding: 5px 0 15px;}
    .layui-form-item .layui-form-label{display: block; float:unset; padding-bottom: 5px; width: 100%; text-align: left;}
    .layui-form-item .layui-form-label + .layui-input-block{margin-left: 0;}
    .layui-form-item .layui-form-label + .layui-input-inline{margin-left: 0;}
    .layui-form-item .layui-input-inline + .layui-form-mid{margin-left: 0;}

    .layui-form-item .layui-input-inline {left: 0; margin-left:0;}

    .cascade-select .layui-input-inline {float: left; width:32%; margin-right:5px; margin-left: 0;}
    .cascade-select .layui-input-inline:last-child{margin-right:0;}

    .header{}
    .header > a{ position: fixed; z-index: 1002; top:0;  display: block; width:45px; height:45px; line-height: 45px; text-align: center; font-size:18px; color:#fff;}
    .header .left{left:0;}
    .header .right{right:0;}


    .main-body-iframe{background-color: #fff; margin-top:0px;}
    .main-body-iframe .form-box{margin:10px 0;}
    .main-body-iframe .layui-tab{margin-top:0;}
    .main-body-iframe .layui-tab-title{position:fixed; z-index: 1001; width:100vw; height:45px; top:0; left:0; box-shadow: 0 0 10px rgba(0,0,0,0.35);}
    .main-body-iframe .layui-tab-title li{background-color: #d01414; text-align: center; display: none; font-size:15px; line-height: 45px; }
    .main-body-iframe .layui-tab-title .layui-this{display: block; border-bottom:0; color:#fff;}
    .main-body-iframe .layui-tab-title .layui-this:after{border-width: 0;}
    .main-body-iframe .layui-footer{position: fixed; z-index: 1001; left:0; bottom:0; width:100vw; padding:8px 0; border-top:1px solid #eee; box-shadow: 0 0 5px rgba(0,0,0,0.25);}

    .main-body.margin{margin:10px;}
    .user-top + .margin, .header + .margin{margin-top:60px;}
    .header + .main-body-iframe{margin-top:40px;}
}
@media screen and (max-width: 450px){
}

/*list-group*/
.list-group{display: block;}
.list-group-item{ display: block; padding:10px; border:1px solid #eee; border-width:0 1px 1px; color:#333; font-size:14px; cursor: pointer;}
.list-group-item:first-child{border-top:1px solid #eee; border-radius:2px 2px 0 0;}
.list-group-item:last-child{border-radius:0 0 2px 2px;}

.layui-btn+.layui-btn{margin-left:0;}


/*user*/


		
.user-logo{ background:#d01414; padding:5% 5% 45px 5%;color:#fff;}
.user-logo .user-logo-img{ width:80px; height:80px; box-shadow:0 0 10px rgba(0,0,0,.3); border-radius:80px; overflow:hidden; display:block; float:left; margin-right:12px;}
.user-logo img{ width:80px; height:80px;}
.user-logo h2{margin-top:6px;  font-size:22px; }
.user-logo h3{ font-size:12px; padding:10px 0;}
.user-logo h3 i{ font-size:14px;}
.user-logo p span{ background:rgba(255,255,255,0.3); font-size:12px; padding:2px 6px; margin-right:2px;}

.user-brand,.user-brand:hover, .user-brand:active{ position: absolute; z-index: 1; right:20px; top:27px; padding:5px 20px; color:gold;}
.user-brand .iconfont{font-size:28px; text-align: center; display: block;}

.user-web{ background:#fff; margin:0 3%; padding:3% 5%; border-radius:3px; margin-top:-30px; line-height:1.8; position:relative;}
.user-web h2{ font-size:18px; color:#000;}
.user-web p a{ color:#f60; font-size:12px;}
.user-web p i{ font-size:14px;}
.user-web .user-web-in{ position:absolute; right:3%; top:50%; line-height:25px; margin-top:-13px; border-radius:25px; border:1px solid #f60; color:#f60; padding:0 15px; font-size:12px;}

.user-menu{ margin:3%; background:#fff; border-radius:3px;}
.user-menu li{ border-bottom:1px solid #f5f5f5; font-size:14px;}
.user-menu li a{ display:block; padding:4% 5%;}
.user-menu li i{ font-size:18px; color:#f60; margin-right:10px; display:inline-block; width:20px;}
.user-menu li a:after{ content:'\e701';font-family:"iconfont" !important; float:right; color:#ddd;}

.user-zhuxiao{ background:#d01414; margin:4% 10%; height:42px; line-height:42px; text-align:center; color:#fff; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,.1);}


.user-top{ background:#d01414; color:#fff; font-size:18px; line-height:50px; height:50px; padding:0 3%; text-align:center; width:100%; position:fixed; left:0; top:0; z-index:1000;}
.user-top i{ display:block; float:left; color:#fff;}
.user-top span{ display:block; float:right; font-size:20px; color:#fff;}
.user-h{ height:50px;}
.user-content{ padding:3%; background:#fff;}
.user-content ul.help{ background:#f60; padding:12px; text-align:center; color:#fff; margin-bottom:3%; border-radius:5px;}
.user-content ul.box{ padding:12px; line-height:1.8; font-size:12px; background:#f5faff; border-radius:5px; border:1px dashed #62b3ff;}
.user-form-list{}
.user-form-list ul.title{ background:#eee; padding:12px; font-size:16px; text-align:center; font-weight:bold; margin:10px 0;}
.user-form-list li{ padding:5px 0;  line-height:2; }
.user-form-list li label{ display:block; width:100%; font-size:16px; margin-bottom:3px; color:#000;}
.user-form-list li label i{ color:#f60; font-size:12px; font-weight:normal; font-style:normal;}
.user-form-list li input{ border:1px solid #eee; margin:0 0; background:#fff; height:41px; line-height:41px;}
.user-form-list li textarea{border:1px solid #eee; margin:0 0; height:80px;background:#fff; }
.user-form-list li p{ font-size:12px; color:#888;}
.user-form-list li p span{ color:#f60;}
.user-form-list li p.txt{ margin:8px 0;}
.user-form-list li p.txt .layui-btn{ background:#f60; margin-right:12px;}
.slideTxtBox .hd{ border:0; left:0; z-index:100000;font-size:15px; text-align:center; position:fixed; width:100%; bottom:0; padding:3%; background:#fff; display:flex; }
.slideTxtBox .hd a{ flex:1;}
.slideTxtBox .hd a.prev{ flex:1; border:1px solid #f60; color:#f60; border-radius:5px;height:40px; line-height:40px; margin:0 3%;}
.slideTxtBox .hd a.next{ flex:1; border:1px solid #f60; background:#f60; color:#fff; border-radius:5px;height:40px; line-height:40px;  margin:0 3%;}
.slideTxtBox .hd a.prevStop{ display:none;}
.slideTxtBox .hd a .btn_submit{ display:block; width:100%; height:100%; background:#f60;border-radius:5px; border:0; color:#fff;}

.layui-layer-btn{ padding:15px 0 !important;}
.layui-tab-content{ padding:10px 0 !important;}
.user-sub{ flex:1; border:1px solid #f60; background:#f60; color:#fff; border-radius:5px;height:40px; line-height:40px;  margin:0 3%;}

.main-body.bg-white{background-color: #fff;}
.article-body{ line-height: 2; font-size:14px; color:#777;}