@charset "utf-8";
*{margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
b{font-weight: normal}
input,
button{outline: none}
.clearfix:after{display: block; width: 0; height: 0; content: ""; clear: both}
.new_main{width: 1200px; margin: 0 auto;}
.demand_left{float: left; width: 250px; margin-right: 20px; background: #fff; position: fixed; top: 142px;}
.demand_left h2{width: 100%; height: 60px; background: #de4b4f; color: #fff; font-size: 24px; text-align: center; line-height: 60px;}
.demand_left ul{margin-top: 10px;}
.demand_left ul li{display: block; width: 100%; height: 60px; line-height: 60px; font-size: 20px; color: #999; padding-left: 22px; cursor: pointer}
.demand_left ul li i{float: left; width: 7px; height: 7px; background: #999; margin-top: 26px; margin-right: 12px;}
.demand_left ul li.current{color: #de4b4f;}
.demand_left ul li.current i{background:}
.demand_right{/*float: left;*/ width: 930px; background: #fff; padding: 0 45px 55px; margin-left: 270px}
.demand_right>div{padding: 70px 0 40px 20px; border-bottom: 1px solid #ddd}
.keeper_div{margin-bottom: 70px;}
.keeper_img{width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin-right: 30px;}
.keeper_img img{width: 100%; height: 100%;}
.keeper_info{width: 660px; color: #333;}
.keeper_info h4,
.keeper_info span{font-size: 24px;}
.keeper_name{line-height: 56px;}
.keeper_info span{line-height: 46px;}
.keeper_info span b{color: #e51e14;}
.keeper_info span font{font-size: 30px}
.keeper_info i{font-size: 30px; color: #999;}
.demand_write{width: 100%;}
.demand_write>div{height: 40px; margin-bottom: 30px;}
.demand_write span{float: left; width: 120px; height: 100%; line-height: 40px; font-size: 16px}
.demand_write span i{float: left; color: #de4b4f; margin-top: 3px;}
.demand_write input{float: left; width: 350px; height: 40px; border: 1px solid #999; padding-left: 11px}
.demand_write .unit{float: left; line-height: 40px; font-size: 16px; margin-left: 20px;}
.radio_box{padding-left: 120px; margin-top: -20px;}
.radio_box span{width: 162px;}
.radio_box p label{float: left; width: 40px; height: 40px; position: relative; cursor: pointer; margin-left: 20px;}
.radio_box p label input,
.radio_box p label b{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 40px;}
.radio_box p label input{z-index: 99; visibility: hidden; background: transparent;}
.radio_box p label b i{float: left; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #999; position: relative; margin: 13px 10px 0 0;}
.radio_box p label b i em{position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -3px; width: 6px; height: 6px; background: #de4b4f; border-radius: 50%; display: none}
.radio_box p label input:checked~b i{border-color: #de4b4f}
.radio_box p label input:checked~b i em{display: block}
.shop_images{width: 100%;}
.pic-tips,
.pic-warn{line-height: 16px; color: #999; margin-bottom: 40px; text-align: left;}
.pic-warn{display: none; color: #de4b4f;}
.add-btn p{width: 138px; height: 40px; background: #f5f5f5; color: #999; line-height: 40px; text-align: center; cursor: pointer}
.imgwords{font-size: 16px; line-height: 20px; text-align: center; display: block; color: #999}
.licence_btn{float: left; width: 138px; height: 102px; margin: 10px 0 0 5px; position: relative}
.licence_btn p{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #f5f5f5; font-size: 16px; color: #999; text-align: center; line-height: 50px; cursor: pointer}
.shop_example{width: 260px;}
.shop_example h2{line-height: 24px; font-size: 14px; color: #333;}
.shop_example h3,
.shop_example h4{line-height: 22px; font-size: 12px; color: #999;}
.example-imgBox{width: 100%;}
.example-imgBox li{float: left; width: 125px; height: 95px; margin: 10px 0; position: relative;}
.example-imgBox li span{position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; text-align: center; line-height: 20px; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 12px;}
.example-imgBox li:nth-of-type(1),
.example-imgBox li:nth-of-type(3){margin-right: 6px;}
.shop_example h3 i,
.shop_example h4 i{float: left; height: 14px; color: #de4b4f; font-size: 14px; margin: 4px 5px 0 0;}
.sex_box{padding-left: 0; margin-top: 0}
.sex_box span{width: 120px;}
.sex_box p label{margin: 0 20px 0 0}
.shop_decs{width: 100%; height: 280px!important; border: 1px solid #999; position: relative}
.example_btn{position: absolute; top: -40px; right: 0; color: #2356e8; cursor: pointer}
.shop_decs textarea{width: 100%; height: 100%; resize: none; padding: 10px 20px;}
.publish_btn{display: block; width: 180px; height: 60px; background: #999; color: #fff; border-radius: 6px; margin: 0 auto;}
.publish_btn.finish{background: #de4b4f}
.comment_layer{width: 420px; height: 300px; background: #fff; border-radius: 6px; padding: 0 28px; position: relative}
.comment_layer h4{line-height: 76px; font-size: 20px; text-align: center;}
.comment_layer p{width: 100%; line-height: 36px; font-size: 16px;}
.comment_layer p i{float: left; width: 27%;}
.comment_layer p span{float: left; width: 73%;}
.comment_close{position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; font-size: 18px; cursor: pointer}