@charset "utf-8";
/**
 * PC端
 */
 .formLine .diyBox i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:22px;background:#FFF;border:1px solid #b8bfca;color:#627386;}
@media screen and (min-width:768px){
.formLine{padding-bottom:5px;font-size:14px;position:relative}
.formLine input,.formLine select{box-sizing:border-box;width:100%;height:36px;line-height:34px;text-indent:1.2em;background-color:#FFF;border:1px solid #b8bfca;border-radius:30px;}
.formLine textarea{width:100%;height:114px;margin-top: 20px; box-sizing:border-box;border:solid 1px #b8bfca;padding:10px 16px;line-height:20px;resize: none;border-radius: 8px;outline: none;}
 .formLine textarea.none{margin-top: 0;}
 .formLine select{width:154px}
.formLine.error input,
.formLine.error textarea,
.formLine .address.error select,
.formLine .address.error textarea{border-color:#f94b4b}
.formLine input:focus{border-color:#ffe6dc;}
.formLine p{height:auto;line-height:32px}
.formLine p em{font-style:normal;color:#f94b4b;margin:0 1px}
.formLine p span{color:#ffb496;}
.formLine p span a{color:#FF5B00;text-decoration: underline;}
.formLine .checked{position:absolute;width:20px;height:20px;top:40px;right:5px;display:none}
.formLine .checked:before{width:20px;height:20px;background-position:-138px -296px}
.formLine .errTips{display:block;height:20px;line-height:20px;white-space:nowrap;color:red;font-size:12px;visibility:hidden}
.formLine .checked.show{display:block}
.formLine .errTips.show{visibility:visible}
.formLine .errTips:before{width:20px;height:20px;background-position:-172px -296px;vertical-align:top}
.model-form .errTips{display:block;height:20px;line-height:20px;white-space:nowrap;color:red;font-size:12px;visibility:hidden;position: absolute;bottom: -22px;}
.model-form .errTips.show{visibility:visible}
.model-form .errTips:before{width:20px;height:20px;background-position:-172px -296px;vertical-align:top}
.formLine .showPwd{position:absolute;right:22px;top:42px;width:22px;height:16px;cursor:pointer}
.formLine .showPwd:before{width:22px;height:20px;background-position:-240px -299px}
.formLine .showPwd.on:before{width:22px;height:20px;background-position:-205px -299px}
.formLine.code input{width:312px}
.formLine.code .checked{right:auto;left:288px}
.formLine.code .getCode{position:absolute;right:0;top:32px;box-sizing:border-box;width:168px;height:36px;line-height:34px;text-align:center;background-color:#ffe6dc;border-radius:18px;border:solid 1px #FF5B00;color:#FF5B00;font-size:14px}
 .formLine.code .getCode.disabled{background-color: #F7F7F7;color: #999999;border-color: #999999;}
.subLine p{font-size:14px}
.subLine p input{vertical-align:top;margin-right:10px;cursor:pointer}
.subLine p a{color:#1890f9}
.subLine p a:hover{color:#FF5B00}
.subLine .checked{position:absolute;width:20px;height:20px;top:40px;right:5px;display:none}
.subLine .checked:before{width:20px;height:20px;background-position:-138px -296px}
.subLine .errTips{display:block;height:20px;line-height:20px;white-space:nowrap;color:red;font-size:12px;visibility:hidden}
.subLine .checked.show{display:block}
.subLine .errTips.show{visibility:visible}
.subLine .errTips:before{width:20px;height:20px;background-position:-172px -296px;vertical-align:top}
.subLine .btn{cursor: pointer;display:block;margin:32px auto;width:232px;height:50px;line-height:50px;background-color:#FF5B00;border-radius:25px;text-align:center;font-size:18px;color:#FFF}
.subLine .btn.disabled{background-color: #999999;}
.subLine .iconfont{width:16px;height: 16px;display: block;background:url(/img/base/icon.png) no-repeat;float: left;margin-right: 5px;cursor: pointer;}
.subLine .icon-weigouxuan{background-position: -236px 0;}
.subLine .icon-gouxuan{background-position: -210px 0;}

.formLine .address{text-align:justify;line-height:0}
.formLine .address textarea{margin-top:16px}
.formLine .diyBox{width:180px;height:36px;margin-right:10px;line-height:34px;box-sizing:border-box;font-size:14px;text-align:center;display:inline-block}
.formLine .diyBox.second{width:100px;}
.formLine .diyBox input{display:none}
.formLine .diyBox i:before{position:absolute;right:0;bottom:0;display:none;width:20px;height:20px;background-position:-208px -253px}
.formLine .diyBox input:checked + i{border-color:#FF5B00;color:#FF5B00}
.formLine .diyBox input:checked + i:before{display:block}





}

/**
* 移动端
*/
@media screen and (max-width:768px){
.formLine{width:100%;position:relative;font-size:3.4vw;}
.formLine input,.formLine select{outline:none;box-sizing:border-box;width:100%;height:11.2vw;line-height:6vw;padding: 2.6vw 0;text-indent:1.2em;font-size:3.4vw;text-align:left;background-color:#ffffff;border-radius:5.2vw;border:solid 1px #b8bfca;}
.formLine textarea{display:inline-block;width:100%;height:42.4vw;border-radius: 3vw; box-sizing:border-box;border:solid 1px #b8bfca;padding:3vw;line-height:5vw;margin-top:2.7vw;resize: none;}
.formLine select {width: 29.5vw;}
.formLine.error input{border-color:#f94b4b}
.formLine input:focus{border-color:#ffe6dc;}
.formLine p{line-height:10.2vw}
.formLine p em{font-style:normal;color:#f94b4b;margin:0 1vw}
.formLine p span{color:#ffb496;}
.formLine p span a{color:#FF5B00;text-decoration: underline;}
.formLine .checked{position:absolute;width:4.4vw;height:4.4vw;top:13.6vw;right:3.6vw;display:none}
.formLine .checked:before{width:4.4vw;height:4.4vw;background-position:-18vw -10vw;}
.formLine .errTips{display:block;height:4.4vw;line-height:4.4vw;white-space:nowrap;color:red;font-size:3vw;text-align:left;visibility:hidden}
.formLine .checked.show{display:block}
.model-form .checked.show{display:block}
.model-form .errTips{display:block;height:4.4vw;line-height:4.4vw;white-space:nowrap;color:red;font-size:3vw;text-align:left;visibility:hidden;position: absolute;bottom: 13vw;}
.model-form .errTips:before{width:4.4vw;height:4.4vw;background-position:-26.2vw -9.2vw;vertical-align:top}
.model-form .errTips.show{visibility:visible}
.formLine .errTips.show{visibility:visible}
.formLine .errTips:before{width:4.4vw;height:4.4vw;background-position:-26.2vw -9.2vw;vertical-align:top}
.formLine .showPwd{display:none;}
.formLine.code input{width:57.4vw}
.formLine.code .checked{right:auto;left:50vw;}
.formLine.code .getCode{position:absolute;right:0;top:10vw;box-sizing:border-box;width:33.4vw;height:11.2vw;line-height:11.2vw;text-align:center;background-color:#ffe6dc;border-radius:5.2vw;border:solid 1px #FF5B00;color:#FF5B00;}
.subLine{text-align:center;font-size:3.1vw;padding-top:5vw;}
.subLine p input{margin-right:1vw;}
.subLine p a{color:#1890f9}
.subLine .btn{display:block;margin:5vw auto;width:100%;height:11.2vw;line-height:11.2vw;background-color:#FF5B00;border-radius:5.2vw;text-align:center;font-size:3.4vw;color:#FFF}
.subLine .btn.disabled{background-color: #999999;}
.subLine .iconfont{width:4vw;height: 4vw;display: block;background:url(/img/base/icon_m.png) no-repeat;float: left;margin-right: 1vw;cursor: pointer;background-size: 100vw;}
.subLine .icon-weigouxuan{background-position: -10vw -54.1vw;}
.subLine .icon-gouxuan{background-position: -1vw -54.1vw;}
.subLine .errTips{display:block;height:4.4vw;line-height:4.4vw;white-space:nowrap;color:red;font-size:3vw;text-align:left;}

.formLine .address{text-align:justify;line-height:0}
.formLine .diyBox{width:34vw;height:10vw;line-height:10vw;margin-right: 2.5vw;margin-bottom: 2.5vw;box-sizing:border-box;text-align:center;display:inline-block;float: left;}
.formLine .diyBox.second{width:20vw;}
.formLine .diyBox input{display:none}
.formLine .diyBox i:before{position:absolute;right:0;bottom:0;display:none;width:6vw;height:6vw;background-position:-75vw -7.8vw;}
.formLine .diyBox input:checked + i{border-color:#FF5B00;color:#FF5B00}
.formLine .diyBox input:checked + i:before{display:block}

}