@charset "utf-8";

.post-form{background:#fff;}
.post-form .area-upload{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 12px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.post-form .area-upload .area-icon{position:relative;width:80px;height:80px;background:#f5f5f5;border:1px dashed #ccc;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;}
.post-form .area-upload .area-icon:hover{border-color:#4998e7;background:#f0f5ff;}
.post-form .area-upload .area-icon i.icon-camera{font-size:32px;color:#bbb;}
.post-form .area-upload .area-icon:hover i.icon-camera{color:#4998e7;}
#fileImage{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.post-form .area-upload .thumbs-upload{flex:1;position:relative;font-size:14px;color:#999;min-height:80px;}
.thumbs-upload .tip{display:block;height:80px;line-height:80px;}
.thumbs-upload .thumb{margin-top:0;border-radius:4px;position:relative;float:left;width:78px;height:78px;margin-right:10px;margin-bottom:10px;border:1px solid #ddd;background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;}
.thumbs-upload .thumb .closeBtn{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);opacity:.85;transition:all .15s;display:flex;align-items:center;justify-content:center;}
.thumbs-upload .thumb .closeBtn:hover{background:#c62828;opacity:1;transform:scale(1.1);}
.thumbs-upload .thumb .closeBtn svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.thumbs-upload .loading-thumb{display:flex;align-items:center;justify-content:center;}
.thumbs-upload .loading-thumb::after{content:'';width:24px;height:24px;border:2px solid #eee;border-top-color:#4998e7;border-radius:50%;animation:uspins .6s linear infinite;}
@keyframes uspins{to{transform:rotate(360deg);}}
.area-upload .ipt-wrap{display:none;}
.area-upload .img-tip{width:100%;padding:0;font-size:11px;color:#999;}
.area-form{margin-top:10px;}
.area-form li{padding:14px 12px; background:#fff; border-bottom:1px solid #ddd; overflow:hidden; zoom:1; line-height:40px;}
.area-form li .span1{display:block; float:left; width:70px; color:#3c3c3c; font-size:15px;}
.area-form li .span2{display:block; margin-left:70px; position:relative; min-height:40px; color:#111;}
.area-form li .span2 a{color:#4998e7;}
.area-form .ipt-text{border:none; outline:none; display:inline-block; width:100%; height:36px; line-height:36px; font-size:15px;}
.area-form .textarea{border:none; height:140px; line-height:24px; width:100%; display:block; outline:none; padding:8px 0; font-size:15px;}
.area-form .select{width:100%; display:inline-block; border:none; outline:none; background:#fff; height:36px; font-size:15px;}
.area-form .select option{color:#333; background:#fff;}
.area-form .ipt-text.short{width:130px;}
.area-form .abs-right{position:absolute; right:0; top:0; background:#fff;}
.area-form .text-gray{color:#999;}
.area-form .text-tip{width:100px;}
.area-form .text-big{font-size:20px;}
.area-form .msg{font-size:13px; margin-top:4px;}
.area-form .group{margin-top:14px; border-top:1px solid #ddd;}
.area-form .area-submit{margin:24px 15px 30px;}
.area-form .area-submit .btn-submit{border:none; display:inline-block; width:100%; background:#4998e7; height:46px; line-height:46px; border-radius:6px; color:#fff; font-size:17px; outline:none; cursor:pointer;}
.area-form .warn{display:block; height:20px; line-height:20px; font-size:12px; color:#c00;}
.area-form .area-submit .btn-submit.bg-gray{background:#ddd; color:#666;}
.area-form .area-submit .btn-submit.bg-gray:before{content:''; display:inline-block; width:16px; height:16px; background:url("../images/loading.gif"); background-size:100%;}
.post-tip{margin-bottom:0; position:relative; padding:14px 12px; background:#fcf8e3; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#c00; font-size:13px; line-height:22px;}
.btn-submit:disabled{opacity:.5; cursor:not-allowed;}

.section dl{background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:0}
.section dl dt{height:65px; line-height:30px; padding:10px; font-size:15px; font-weight:600; position:relative; color:#333}
.section dl dt .desc{position:absolute; left:10px; font-weight:normal; bottom:10px; height:15px; line-height:15px; font-size:12px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.section dl dt .icon-angle-down, .section dl dt .icon-angle-up{position:absolute; top:50%; right:10px; transform:translateY(-50%); color:#999; font-size:18px}
.section dl dt .icon-pencil{color:#ff6600; font-weight:normal}
.section dl>dd{overflow:hidden; zoom:1; padding:0}
.section dl .wrap-box{overflow:hidden; zoom:1; display:none}
.section dl .wrap-box span{width:50%; float:left; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
.section dl .wrap-box span:nth-child(2n){border-right:none}
.section dl .wrap-box span:nth-child(1), .section dl .wrap-box span:nth-child(2){border-top:1px solid #eee}
.section dl .wrap-box span a{display:block; width:100%; height:45px; line-height:45px; text-align:center; color:#555; font-size:14px; text-decoration:none}
.section dl .wrap-box span a:active{color:#ff6600; background:#fef5ed}