﻿.coat-head{height: 50px;color: #000;font-size: 2rem;text-align: center;}
.coat-head p{ color: #000;font-size: 2rem;line-height:50px;}
.coat-wrap {width: 100%;height: 100%;background: url('../images/form/home-bg.jpg') no-repeat top left;background-size:100% 100%;}
.coat-wrap-content{ width: 80%;margin: 0 auto;padding:24% 0 0;text-align: center;}
.coat-wrap-content .coat-wrap-content-head{ font-size: 2.6rem;color: #fff; }
.coat-wrap-content-head p{ margin-bottom:.5rem;}
.coat-wrap-content .coat-wrap-content-head img{ display: inline-block;max-width:60%;}
.coat-wrap-box,.coat-wrap-box ul{ margin:1rem auto 0;overflow: hidden;}
.coat-wrap-box ul li{ float: left;width: 50%;}
.coat-wrap-box ul li a{margin-bottom: 2rem;display: block;}
.coat-wrap-box ul li span{ font-size: 2rem;color: #ffffff;}
.coat-wrap-box ul li a p{ width: 8rem;height: 8rem;;border-radius: 50%;    margin: 0 auto .5rem;}
.coat-wrap-box ul li:first-child a p{ background: url(../images/form/home-icon2.png) no-repeat center center #fff;background-size: 40%;}
.coat-wrap-box ul li:nth-child(2) a p{ background: url(../images/form/home-icon1.png) no-repeat center center #fff;background-size: 40%;}
.coat-wrap-box ul li:nth-child(3) a p{ background: url(../images/form/home-icon3.png) no-repeat center center #fff;background-size: 40%;}
.coat-wrap-box ul li:nth-child(4) a p{ background: url(../images/form/home-icon4.png) no-repeat center center #fff;background-size: 40%;}

/*我要购买页面*/
.form-box{border: 2px solid #9d8335;border-radius:20px;margin:1rem auto;background: #ffffff;}
.form-box-content {margin:.5rem;border: 2px solid #9d8335;border-radius:20px;padding:1rem .5rem;}
.form-box-content label{text-align: center;display: block;border-bottom: 1px solid #9d8335;margin:0 1rem;height:4rem;line-height: 4rem;color: #9d8335;font-size:1.6rem;overflow: hidden;}
.form-box-content label span{ float: left;}
.form-box-content label input,.form-box-content label select{float: left;color: #9d8335;font-size:1.6rem;display: inline-block;width: 70%;padding-left: .4rem;height: 4rem;}
.form-box-content label select{
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("../images/form/bottom.png") no-repeat scroll right center transparent;
    background-size: 10px;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;}
.form-box-content .form-box-content-text{ padding-top: 10px;height: 5rem;line-height: 1.5;}
.form-box-content label.form-content-need{border: 1px solid #9d8335;margin: 1rem;display: block;border: 1px solid #9d8335;height: 10rem;line-height: 1.5;position: relative;padding:0 0 0 .5rem;}
.form-box-content label.form-content-need em{float: left;color: #9d8335;width:30%;display: block;text-align: left;padding-left: 2%;}
.form-box-content label.form-content-need textarea{ border:none;color: #9d8335;font-size: 1.6rem;position: relative;width:100%;float: right;padding-top: 2px;height: 100%;}
.buy-submit-box{ margin:1rem auto;text-align: center;}
.buy-submit-box a{ display: inline-block;border: 1px solid #9d8335;color: #9d8335;line-height: 4rem;height: 4rem;display: inline-block;border-radius: 30px;padding: 0 30px;font-size: 1.6rem;}
.phone-icon{ color: #9d8335;padding: 1rem 0;font-size: 1.6rem;text-align: center;}
.phone-icon img{ vertical-align: middle;display: inline-block;width: 20px;margin-right: 10px;}

.head-left{ text-align: left !important;padding-left: 1.2rem;}
.footer-bg{background: url(../images/form/logo.png) no-repeat right bottom #fff !important;background-size: 25%!important;height: inherit !important;}
/*placeholder颜色修改*/
.form-box-content label textarea::-webkit-input-placeholder,.form-box-content label input::-webkit-input-placeholder{ /* WebKit browsers */
    color: #9d8335 !important;
}

/*弹窗*/
.alert-box,.confirm-box {  width: 100%;  z-index: 99999999;  position: fixed;  border-radius: 3px;  overflow: hidden;  display: none; background: rgba(0, 0, 0, 0.5);height: 100%; top:0px; left: 0px; right: 0px;}
.alert-box .c-float-modePop,.confirm-box .confirm-box-modePop {overflow: hidden; border-radius: 6px;  width: 70%;  position: fixed;  top: 50%;  left: 50%;  margin-left: -35%;  margin-top: -20%;  }
.c-float-modePop,.confirm-box-modePop {text-align: center;  background-color: #FAFAFC;  }
.alert-box .c-float-modePop .info,.confirm-box .confirm-box-modePop .confirm-info{  padding: 30px 20px;  font-size: 14px;  color: #1f1f1f;  word-wrap: break-word;  word-break: break-all;  text-align: center;font-size: 1.6rem; }
.alert-box .c-float-modePop .doBtn,.confirm-box .confirm-box-modePop .confirm-doBtn {  width: 100%;  position: relative;  border-top:1px solid #ddd;  }
.alert-box .c-float-modePop button {  background-color: #FAFAFC;  width: 100%;  height: 42px;  line-height: 42px;  color:#99c323;
    font-size: 17px;  border: 0;  padding: 0;  }
.confirm-box .confirm-box-modePop button {background-color: #FAFAFC;height: 42px;line-height: 42px;color: #9d8335;font-size: 17px;margin: 0 auto;width: 100%;  }
.alert-box.show,.confirm-box.show{display: block !important;}
.alert-box .c-float-modePop button:active,.confirm-box .c-float-modePop button:active{background:#cccccc;}
.confirm-box .confirm-box-modePop  button.confirm-no{color:#999;}
.confirm-doBtn .confirm-no:before{content: '';position: absolute;top:0;left:50%;width:1px;height:42px;background:#ddd;}

