

.main_wrap{padding: 96px 0 105px;background:#FBFBFD url(../img/sell_bg.png) no-repeat;background-size: cover;height: 544px;}


.sell_con{width: 694px;text-align: center;cursor: context-menu;}
.sell_con h1{font-size: 48px;color: #FB5845;font-weight: bold;}
.sell_con h2.tip{font-size: 30px;color: #666;}
.sell_con ul{display: inline-block;margin-top: 30px;}
.sell_con ul li{float: left;margin:0 20px;text-align: center;}
.sell_con ul li .sell_icon{width: 60px;height: 60px;background: #E9E9EE;border-radius: 50%;position: relative;margin: 0 auto}
.sell_con ul li .sell_icon img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display: block;}
.sell_con ul li p{font-size: 16px;color: #999;margin-top: 18px;max-width: 135px;}

.right_con{box-sizing: border-box; width: 466px;padding: 64px 63px 70px;background: #fff;border-radius: 4px;box-shadow: 0 0 4px 0 #CFE5FB;}
.right_con .value{font-size: 52px;color: #FB5845;text-align: center;}
.right_con .r_tip{font-size: 16px;color: rgba(3,0,0,0.60);text-align: center;line-height: 24px;}
.right_con .type{margin-top: 64px}
.right_con input{width:340px;height:40px;background: #F9FBFB;border-radius: 4px;line-height: 40px;font-size: 16px;border: none; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding-left: 20px;padding-right: 25px;cursor: pointer;}
.right_con .type{position: relative; z-index: 1000;}
.right_con .type i{position: absolute;top: 16px;right: 18px;display: inline-block;width: 17px;height: 9px;font-size:12px;color:rgba(0,0,0,0.25);}
.right_con .type i.icon-xgd_icon_arrow_t {display:none;}
.right_con .type.active i.icon-xgd_icon_arrow_t {display:block;}
.right_con .type.active i.icon-xgd_icon_arrow_b {
	display:none;
}
.right_con input::placeholder{color: #999999}
.right_con input::-moz-placeholder{color:#999999;}              
.right_con input::-webkit-input-placeholder{color:#999999;}      
.right_con input::-ms-input-placeholder{color:#999999;}             /*ie10*/
.right_con .phone{margin-top: 24px;position: relative;}

.right_con .type.active .block-brand{display:block;}
.right_con .type.active #type{border-bottom: none;border-radius: 6px 6px 0 0}
.aside{display: none;}

.right_con .aside{position: absolute;top: 60px;left: 0;background: #fff;z-index: 2;box-shadow: 0 0 4px 0 #CFE5FB;border-radius: 2px;}
.right_con .aside .aside-main{overflow: auto;font-size: 14px;color: #333;height: 506px;width: 340px; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding-right: 25px;padding-left: 10px;box-shadow: 0 0 4px 0 #CFE5FB;border-radius: 2px}
.right_con .aside .aside-main h3{width: 100%;height: 22px;background: rgba(53,217,227,0.10);border-radius: 2px; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding-left: 8px;margin-top: 15px;color: #999}
.aside-main .list-hot{margin-left: 10px;}
.aside-main .list-hot li{float: left;margin-right: 25px;margin-top: 14px;color: rgba(0,0,0,0.60);}
.aside-main .list-hot li:hover a{cursor: pointer;color: #04A4AA; }
.aside-main .list-line li{width: 100%;height: 24px;color: rgba(0,0,0,0.60);box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding-left: 10px;margin-top: 10px;}
.aside-main .list-line li:hover{cursor: pointer;color: #04A4AA;}
.block-brand .jump-tag{position: absolute;top: 27px;right: 25px;display: inline-block;color: #999;font-size: 12px;height: 84%;}
.block-brand .jump-tag .jump-li{display: block;text-align: center;height: 20px;}
.block-brand .jump-tag .jump-li a{color: #999;}
.block-brand .jump-tag .jump-li.active a{color: #04A4AA; }
.aside-main li{cursor: pointer;}

.right_con .submit{margin-top: 30px;font-size: 0;}
.right_con .submit a{display: block;width: 100%;height: 40px;border: 1px solid #04A4AA;text-align: center;font-size: 20px;vertical-align: top;border-radius: 6px;position: relative; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;}
.right_con .submit a.sell_car{background-image: linear-gradient(270deg, #34DC9F 8%, #2ACED1 85%);border:0; line-height: 40px;color: #fff;}
.right_con .submit a.sell_car span{color: #fff;position: relative;z-index: 2}
.right_con .submit a.per_car{background: #fff;margin-top: 20px;height:60px;}
.right_con .submit a.per_car span{display: block;}
.per_car span.per{color: #04A4AA; margin-top: 4px;font-size: 20px;color: #04A4AA;text-align: center;line-height: 32px;}
.per_car span.per-tip{color: #999;font-size: 12px; }
.right_con .submit a.sell_car:hover:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.1); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#19000000, endcolorstr=#19000000);border-radius: 6px;}
.right_con .submit a.per_car:hover{}

#fabuForm .inpbdr{height: 40px;line-height: 40px;width: 340px;position: relative}
#fabuForm .inpbdr .areaCode{width: 70px;text-indent: 22px; font-size: 14px;text-align: left;z-index: 10;top: 1px;left: 1px;bottom: 1px;background: #F4F4F4}
#fabuForm .inpbdr .areaCode s{right: 8px}
#fabuForm .inpbdr input#phone{border: none;padding-left: 20px;margin-left: 0}
#fabuForm .areaCode_wrap{top: 60px;width: 100%}

.right_con .aside .aside-main::-webkit-scrollbar {
	width: 11px;
	height:40px;
	background: #E7ECF2;
	padding:0 16px;
	border-radius: 5.5px;
}
.right_con .aside .aside-main::-webkit-scrollbar-thumb {
	margin: auto;
	background:#ccc;
	border-radius:8px;
	height: 40px;
}

.popup-success {
	text-align: center;
	padding:22px 0 0;
	color: rgba(0,0,0,0.80);
}

.popup-success .tips1 {
	font-size: 21px;
	line-height: 28px;
	margin-top:8px;
}
.popup-success .tips2{
	font-size: 16px;
	line-height: 24px;
	margin-top:4px;
}
.layui-layer-title {
	background:rgba(53,217,227,0.10);
	font-size: 16px;
	color: rgba(0,0,0,0.80);
	border-bottom:0;
	height:48px;
	line-height:48px;
}
.layui-layer-btn {
	text-align: center;
	padding-bottom:30px;
}
.layui-layer-btn .layui-layer-btn0 {
	width:250px;
	background: #04A4AA;
	border-radius: 4px;
	line-height:32px;
	height:32px;
	box-sizing: border-box;
	border:0;
}