
body, .footer{background: #F5F5F5;}
.member_fabu_box{background: #FFF; padding-top:5px;}



/*select*/
.post-select { background:#fff;padding-bottom:50px; padding-left:20px; padding-right:20px;}
.post-select .tt{ font-size:24px; text-align:center;padding-top:30px;}
.post-mainmnu { padding:15px;}
.post-mainmnu a{font-size:14px}
.post-tab{width:100%;line-height:40px;}
.post-tab h2{ font-size:18px;font-weight:700;}
.post-tab a:hover{text-decoration:none;font-weight:700}
.post-submnu{border:1px solid #DFE3E6;padding:15px; margin-bottom:10px;line-height:24px;}
.post-submnu a{ font-size:15px;margin:0px 8px;padding:0px 4px 0px 4px;white-space:nowrap; }
.post-tip {color:#F00;line-height:24px;margin:0px;display:block;overflow:hidden;background:#FFF9F7;border-bottom:1px solid #F5F5F5;padding:10px 75px;}
.post-tip .tip{width:500px;float:left;margin-top:10px;}
.post-tip .btnbox{width:220px;float:left;margin-top:3px;}
.post-tip .btn1{background:#F86759;padding:6px 12px;text-align:center;color:#FFF;display:block;float:left;margin-right:20px;}
.post-tip .btn2{background:#74ABDA;padding:6px 12px;line-height:24px;text-align:center;color:#FFF;display:block;float:left;}

.step1,.step2,.step3{margin:0 auto 0px auto;text-align:center;width:1200px;}
.step1 span,.step2 span,.step3 span{width:400px;height:37px;font-size:14px;line-height:37px;text-align:center;display:block;float:left;color:#000}
.step1 span.cur,.step2 span.cur,.step3 span.cur{color:#fff}
.step1 span.cur a,.step2 span.cur a,.step3 span.cur a{color:#fff}
.step3{background:url(/images/step.png) top center no-repeat;height:37px;}
.step2{background:url(/images/step.png) 0 -38px no-repeat;height:37px;}
.step1{background:url(/images/step.png) bottom center no-repeat;height:37px;}
.step2 span a:hover{text-decoration:none}

.post_box {
    background: #FFF;
    padding-top: 5px;
}
.post_box .tt{ text-align:center; font-size:18px; padding:20px;}
.post-cat li{width:33.333%;float:left;text-align:center;}
.post-cat li a{display:block;background:#f7f7f7;border:1px solid #DFE3E6;padding:10px 15px;margin-bottom:10px;line-height:24px;margin:10px; font-size:24px; }
.post-cat li a {
    padding: 38px 64px;
    border-radius: 16px;
    background: #ecf0f3;
    box-shadow: 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #ffffff inset;
}
.post-cat a:hover{ background:#eee;}

.toptip {
    margin:3px 0;border:1px solid #FEDDAB;line-height:24px;padding:8px 10px;color:#444;font-size:14px;background:#FFFFEC;display:block;overflow:hidden;
    padding: 6px 15px;
    margin: 20px 25px 0px;
}
.post-area textarea{width:99%;min-width:99%;max-width:99%}
.post-area .ui-input-select{margin-top:3px}
.post-area .ui-input-text,.post-area .ui-input-select{ padding:2px 6px; padding-right:40px;line-height:1.4;height:32px;box-sizing:border-box;border:1px solid #ccc;color:#333;-webkit-appearance:none;}
.post-area .ui-input-text { width: 100%;}
.post-area{padding:5px 0;margin:0;position:relative;zoom:1}
.post-area .form-group{padding:3px 6px;position:relative;vertical-align:middle;clear:both;}
.post-area textarea.s{height:80px}
.post-area textarea.m{height:150px;}
.post-area textarea.xxl{height:250px}
.post-area .desc{ width:12%;display:inline-block;padding:0;color:#333;margin-bottom:2px; text-align:right; margin-right:5px; padding-top:15px;}
.post-area .content{ width:80%; display:inline-block;}

.post-area .dropdown.s{ width:15%;}
.post-area .dropdown.m{ width:20%;}
.post-area .dropdown.l{ width:30%;}

.post-area .content .ui-input-text.s{ width:100px;}
.post-area .content .ui-input-text.m{ width:200px;}
.post-area .content .ui-input-text.l{ width:300px;}
.post-area .content .ui-input-text.xl{ width:400px;}
.post-area .content .ui-input-text.xxl{ width:500px;}

.post-area .content .form_tip{font-size:12px;color:#ff0013;margin-left:10px;}
.post-area .req{color:red;font-weight:bold}
.post-area2 li[typ='radio'].twocols .content,.post-area li[typ='checkbox'].twocols .content,.post-area li[typ='radio'].twocols .controlgroup,.post-area li[typ='checkbox'].twocols .controlgroup{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.post-area2 li[typ='checkbox'].twocols .controlgroup>label{width:50%;box-sizing:border-box}
.post-area2 li[typ='radio'].twocols .controlgroup>label,.post-area li[typ='checkbox'].twocols .controlgroup>label{border:0}
.post-area .controlgroup{border:0;padding:0}
.post-area .controlgroup>label{ padding:5px 5px 10px 5px;}
.post-area .controlgroup legend{padding:6px 0 0 0}
.post-area .cb{display:none}
.post-area .cb+label{border:1px solid #b3b8c1;padding:7.5px;display:inline-block;position:relative;top:4px;margin-right:7px}
.post-area .cb:checked+label{border:1px solid #999;}
.post-area .cb:checked+label:after{content:'\00a0';display:inline-block;border:4px solid #3399ff;border-top-width:0;border-right-width:0;width:10px;height:5px;-webkit-transform:rotate(-50deg);position:absolute;top:2px;left:1px;}
.post-area .rd{display:none}
.post-area .rd+label{-webkit-appearance:none;border:1px solid #b3b8c1;padding:7.5px;border-radius:50px;display:inline-block;position:relative;top:4px;margin-right:7px}
.post-area .rd:checked+label:after{content:' ';border-radius:50px;position:absolute;text-shadow:0;font-size:32px;width:9px;height:9px;top:3px;background:#051433;left:3px}
.post-area .rd:checked+label{border:1px solid #051433;background-color:white}
.post-area .dropdown{position:relative; max-width:50%;}
.post-area .dropdown select{position:relative;display:block;width:100%;font-size:14px;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;vertical-align:top;}
.post-area .dropdown-trigger{width:14px;height:14px;position:absolute;top:12px;right:12px;background:transparent 0 0 no-repeat url(/images/input-icon.png)}
.post-area .fileup_pic {padding:15px 0px;font-size:0;margin-left:-3.33333%;padding-bottom:3px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.post-area .fileup_pic .upimg{width:30%;height:150px;display:inline-block;background-size:cover;background-position:center center;background-repeat:no-repeat;box-sizing:border-box;margin-left:3.3333%;margin-bottom:12px;position:relative;}
.post-area .fileup_pic .upimg em{position:absolute;width:25px;height:25px;line-height:20px;text-align:center;font-size:18px;background:rgba(0,0,0,.5);color:#fff;right:0;top:0;font-style:inherit;cursor:pointer;}
.post-area .fileup_btn{width:30%;height:150px;position:relative;display:inline-block;background-image:url(../images/addpic.png);box-sizing:border-box;background-size:30px 30px;background-position:center center;background-repeat:no-repeat;border:1px solid #dbdbdb;margin-left:3.3333%;margin-bottom:12px;}
.post-area .fileup_btn input{position:absolute;left:0px;top:0px;opacity:0;width:100%;height:100%;}
.post-area .btn-submit{width:100%;padding:10px 20px;-webkit-appearance:none;background-color:#383838;border:1px solid #383838;color:#fff}

/*success*/
.post-warp {width:100%; padding:30px;background:#fff; font-size:15px; min-height:300px; margin-top:0px; overflow:hidden;}
.post-success{display:block;overflow:hidden;width:100%;margin:0 auto;background: #f9f9f9;padding-bottom:0;}
.post-success .post-icon {margin:50px 0;float:left;width:120px;height:70px;margin-top:35px;margin-bottom:10px;}
.post-ok{clear:both;background:#FFF9F2;padding:2px 0px 5px;margin:15px 0 0;border-top:1px solid #FFDEB9;border-bottom:1px solid #FFDEB9;}
.post-ok-box{margin:15px 30px;}
.post-ok-box h3{margin:15px 0;font-size:18px;color:#F30;font-weight:800;}
.post-ok-box .cbtn{ width:150px;text-align:center;font-size:18px;color:#FFF;background:#75B82A;padding:10px;display:block; }
.post-ok p{font-size:14px;color:#555;line-height:35px;}
.post-ok-links{margin:10px 30px;font-size:13px;}
.post-ok-links a{margin-right:15px;}
.post-ok-text{margin:20px 20px;float:left;width:500px;height:80px;line-height:80px;}
.post-ok-text p{font-size:22px;color:#66AC2E;padding:0;">发布成功！<span style="font-size:14px;color:#888;}
.post-ok-text p span{font-size:14px;color:#888;}

/*上传*/
#uploaderFiles { width:100%;}
#uploaderFiles ul li{ float: left;margin-right:10px;position: relative;border: 1px solid #d9d9d9;}
#uploaderFiles ul li img{ width:78px;height:78px;}
#uploaderFiles ul li i{width:30px;height:30px;position: absolute;top:-6px;right:-6px; background:url(/images/icon_close.png) no-repeat;background-size:100% 100%;}
#uploaderFiles .uploader-box{float:left;position:relative;margin-right:9px;margin-bottom:9px;width:77px;height:77px;border:1px solid #d9d9d9;}
#uploaderFiles .uploader-box:before{width:2px;height:39.5px;}
#uploaderFiles .uploader{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
#uploaderFiles .uploader-box:after{width:39.5px;height:2px;}
#uploaderFiles .uploader-box:after, #uploaderFiles .uploader-box:before{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#d9d9d9;}

