@charset "utf-8";

#procure{ margin: 0 auto;}
#procure .wrap{max-width: 1280px;}
#procure>.display{margin: 100px auto;}
#procure>.display .title{ text-align: center;}
#procure>.display .title>h3{font-size: 3.6rem; color: #333;}
#procure>.display .describe{ text-align: center; margin: 20px auto; font-size: 1.6rem; color: #999; line-height: 2.4rem;}
#procure>.display .form{margin: 0 auto; padding: 50px 0;}
#procure>.display .form .row{ position: relative; display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0 auto;}
#procure>.display .form .row>[class*="col-"] {padding-right: 20px;}
#procure>.display .form .row>.group{display: block;  margin-bottom: 30px;}
#procure>.display .form .row>.group dt{ font-size: 1.6rem; color: #333; margin-bottom: 10px;}
#procure>.display .form .row>.group dt>span{display: inline-block; margin-left: 10px; color: #d70d19; font-size: 1.4rem;}
#procure>.display .form .row>.group dd>input{ display:inline-block; box-sizing:border-box; width:100%; height: 50px; line-height: 50px; border-radius: 2px; padding:0 10px;-webkit-appearance:none; font-size: 1.4rem; border:1px solid #ddd; color:#666;text-align:left; transition: all .35s;}
#procure>.display .form .row>.group dd>input::-webkit-input-placeholder{ color:#999;}
#procure>.display .form .row>.group dd>textarea{ display:block;box-sizing:border-box; width:100%;height:auto;padding:13px 10px;-webkit-appearance:none; font-size: 1.4rem; line-height:3.2rem; border:1px solid #ddd; color:#666;text-align:left;transition: all .35s;}
#procure>.display .form .row>.group dd>textarea::-webkit-input-placeholder{ color:#999;}
#procure>.display .form .row>.group dd>input:hover, #procure .form .row>.group dd>textarea:hover{border-color: #ccc;}
#procure>.display .form .row>.col-3{width: 33.33%; flex: 0 0 33.33%;}
#procure>.display .form .row>.col-5{width: 50%; flex: 0 0 50%;}
#procure>.display .form .row>.col-10{width: 100%; flex: 0 0 100%;}
#procure>.display .form #checkimg{display:inline-block;  margin-top: 16px; cursor:pointer;}
#procure>.display .form .row>.button{text-align: right;}
#procure>.display .form .row>.button .form_button{display:inline-block!important; box-sizing:border-box; border: 0!important; text-align: center; border-radius: 2px; font-weight: bold;height: 50px; line-height: 50px; background: #d70d19;padding:0 100px; font-size: 1.6rem; color:#fff;  cursor:pointer; transition: all .35s;}
#procure>.display .form .row>.button .form_button:hover{background: #555;}
#procure>.display .form .layui-input, #procure>.display .form .layui-select, #procure>.display .form .layui-textarea{height: 50px!important; line-height: 50px\9!important;}
#procure>.display .form .layui-form-select dl dd.layui-this {background-color: #666!important;}
.layui-layer-btn .layui-layer-btn0 { border-color: #d70d19!important; background-color: #d70d19!important; color: #fff!important;}


@media only screen and (max-width: 860px){


    #procure>.display .form .row>.col-3{width: 100%; flex: 0 0 100%;}
    #procure>.display .form .row>.col-5{width: 100%; flex: 0 0 100%;}
    #procure>.display .form #checkimg{position: absolute; right: 30px; top: 10px; margin-top: 0;}
    #procure>.display .form .row>.button .form_button{display:block!important; width: 100%;}




}


@media only screen and (max-width: 640px){

    #procure>.display{margin: 50px auto;}

    #procure>.display .title>h3{font-size: 2.4rem;}
    #procure>.display .describe{ width: 70%;font-size: 1.3rem; line-height: 2rem;}

    #procure>.display .form{ padding: 20px 0;}
    #procure>.display .form .row>.group{margin-bottom: 20px;}
    #procure>.display .form .row>.group dt{ font-size: 1.4rem;}
    #procure>.display .form .row>.group dd>input{ height: 38px; line-height: 38px;}
    #procure>.display .form .layui-input, #procure>.display .form .layui-select, #procure>.display .form .layui-textarea{height: 38px!important; line-height: 38px\9!important;}
}


@media only screen and (max-width: 520px){

    #procure>.display .title>h3{font-size: 2rem;}
    #procure>.display .describe{ width: 100%;font-size: 1.2rem;}
    #procure>.display .form #checkimg{ top: 8px;}

}