@CHARSET "UTF-8";

div.form_box {display: flex; justify-content: center; padding: 0 .4rem; box-sizing: border-box; margin: .85rem 0;}
div.content {width: 100%; text-align: center;}
form.form {display: flex; flex-direction: column; align-items: center; width: 100%; box-sizing: border-box;}
/* form.form>p, form.form>.code {color: rgba(0, 0, 0, 0.45); font-size: .4rem; line-height: .64rem; font-weight: bold; margin-bottom: .4rem; display: flex; align-items: center;} */
form.form>p, form.form>.code{width: 100%; color: rgba(0, 0, 0, 0.45); font-size: .4rem; line-height: .64rem; font-weight: bold; margin-bottom: .4rem; display: flex; flex-direction: column; align-items: flex-start; }
form.form>p>input, form.form>.code>p>input {width: 100%; height: 1.06rem; margin-top: .21rem; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.15); padding-left: 12px;padding-right: 0px; outline:none; background: #fff; box-sizing: border-box;}
form.form>.code>p{display: flex; align-items: center; width: 100%;}
form.form>.code>p:last-child{align-items: flex-end;}
form.form>div.code input {margin-right: .4rem; flex: 1;}
form.form>div.code img {width: 1.73rem; height: 1.06rem; cursor: pointer;}
input.submit {cursor: pointer; background: #1890FF; width: 100%; height: 40px; border-radius: 8px; border: none; color: #fff; font-size: .4rem; line-height: .64rem; }

/* 查询结果 */
a.close{width: .4rem; height: .4rem; position: absolute; top: -1.21rem; right: 0; background-image: url(../img/icons/16x16/close.svg); background-repeat: no-repeat;}
div.result_mask{display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 2;}
.result_no_enroll{display: none; width: calc(10rem - .8rem); height: 8rem; position: absolute; left: .4rem; top: 5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 3; font-size: .53rem; font-weight: 600; color: rgba(0, 0, 0, 0.45); line-height: .74rem; background: #fff; border-radius: 8px;}
/* url(../img/enroll.jpg) */
.result_enroll{display: none; width: calc(10rem - .8rem); height: 6rem; background-image: none; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: .4rem; top: 5rem; z-index: 3;}
.info_border{width: calc(10rem - .8rem); padding: .21rem;border-radius: .21rem; background: #F1E3B2; position: absolute; top:0; right: 0; box-sizing: border-box;}
.info{width: 100%; border-radius: 8px; background: #fff; padding: 0 .4rem; line-height: .64rem; box-sizing: border-box;}
.info ul{padding: 0;}
.info li {display: flex; align-items: center; list-style-type: none; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: .32rem 0 ; font-size: .4rem; padding: .21rem 0;}
.info li p{text-align: left;}
.info li p:first-child{width: 6.5em; margin-right: .85rem; color: rgba(0, 0, 0, 0.45);  font-weight: 500; flex-shrink: 0; text-align: left;}
.info li p:nth-child(2){color: rgba(0, 0, 0, 0.85);}
p.code{font-size: .26rem;}
li:last-child{border: none;}
.result_no_enroll .no-enroll{width: 3.9rem; height: 3.9rem; background-image: url(../img/no_enroll.png); background-repeat: no-repeat;background-size: 100% 100%;  margin-bottom: .64rem;}
