@charset "utf-8";
/**
 * PC端
 */
 .formLine .diyBox i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;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:2px}
.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: 2px;outline: none;}
.formLine select{width:154px}
.formLine.error input{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 5px}
.formLine p span{color:#ffb496;}
.formLine p span a{color:#e15616;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}
.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:2px;border:solid 1px #e15616;color:#e15616;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:#e15616}
.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:#e15616;border-radius:2px;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:#e15616;color:#e15616}
.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:2px;border:solid 1px #b8bfca;}
.formLine textarea{display:inline-block;width:100%;height:42.4vw;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:#e15616;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}
.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:2px;border:solid 1px #e15616;color:#e15616;}
.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:#e15616;border-radius:.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:11.2vw;line-height:11.2vw;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:#e15616;color:#e15616}
.formLine .diyBox input:checked + i:before{display:block}

}
