pfhwyigou/mobile/web/css/public/programed.css

/*最大盒子*/
.max_box {max-width:750px;margin:0 auto;}


/*开始页面*/
.pa {position:absolute;}
.start-box {position:fixed;top:0;left:0;bottom:0;width:100%;}
.start-box > img {display:inline-block;width:100%;height:100%;}
.start-box .pa > img {display:inline-block;width:100%;}
.start-box .i1 {top:28px;width:37.4%;left:50%;margin-left:-18.7%;z-index:10;}
.start-box .i2 {top:77px;width:81.4%;left:50%;margin-left:-40.7%;z-index:10;}
.start-box .i3 {bottom:105px;width:62.6%;left:50%;margin-left:-31.3%;z-index:10;}
.start-box .i4 {bottom:30px;width:86.6%;left:50%;margin-left:-43.3%;z-index:10;}
.start-box .i5 {top:39px;width:100%;left:0;z-index:1;}


/*问题*/
.issue-box {position:fixed;top:0;right:0%;bottom:0;width:100%;display:none;}
.issue-title {font-size:1.1875rem;color:#333;font-weight:bold;text-align:center;height:45px;line-height:45px;background:#f7f7f7;}
.issue-list {padding:85px 30px 0;position:fixed;width:100%;bottom:0px;top:0px;/*height:600px;*/}
.issue-list-bxn {/*height:450px;*/}
.issue-list ul li {}
.issue-list ul li h2{font-weight:bold;font-size:1.125rem;color:#333;}
.issue-list ul li {}
/*编码*/
.fnt {position:absolute;top:20px;left:30px;bottom:auto;width:auto;}
.fnt span {font-size:40px;color:#066DEC;}
.fnt i {color:#999999;font-size:0.875rem;}




.result {}
.result dd {font-size:1rem;margin-top:32px;padding-left:7px;position:relative;}
.result dd:before {content:"";display:inline-block;height:20px;width:20px;background:#EFEFEE;border:1px solid #C9C9C9;border-radius:50%;vertical-align:middle;}
.result dd.on:before {border:6px solid #066DEC;background:#fff;width:10px;height:10px;}
.result dd span {display:inline-block;vertical-align:top;/*font-weight:bold;*/color:#343434;margin-left:15px;position:relative;top:3px;max-width:85%;}



/*上一题*/
.issue-up {display:inline-block;height:40px;width:120px;background:#EEEEEE;position:absolute;left:37px;bottom:40px;line-height:40px;text-align:center;border-radius:20px;color:#0184FF;font-weight:bold;box-shadow:0 0 7px 5px rgba(236, 235, 235, 0.15)}
/*下一题*/
.issue-next {display:inline-block;height:40px;width:120px;background:#EEEEEE;position:absolute;right:37px;bottom:40px;line-height:40px;text-align:center;border-radius:20px;color:#0184FF;font-weight:bold;}
.issue-next.in {background:#0184FF;border:1px solid #007EFF;box-shadow:0px 0px 7px 5px rgba(5, 111, 242, 0.15);color:#fff;}

.hi {display:none;}
.cen {right:50%;margin-right:-60px;}
.lock {pointer-events:none;}



/*报名窗口*/
.card {width:77%;height:348px;display:inline-block;position:fixed;top:50%;left:-100%;margin:-56.6% 0 0 -38.5%;background:#fff;border-radius:5px;z-index:100;display:none;}
.card .wcls {display:inline-block;width:40px;height:30px;position:absolute;right:0;top:25px;background:rgba(0,0,0,0.2);border-radius:16px 0 0 16px;text-align:center;line-height:27px;z-index:10;}
.card .wcls img {display:inline-block;width:14px;height:14px;margin-left:5px;}
.card .icon-na {text-align:center;margin-top:35px;}
.card .icon-na img {display:inline-block;width:105px;height:95px;}
.card h2 {text-align:center;font-weight:bold;font-size:1.0625rem;margin-top:20px;}
.card .depict {font-size:0.8125rem;color:#999999;margin-top:15px;text-align:center;}
.card form {margin:0 20px;}
.card .m-img {margin-top:20px;border:1px solid #DDDDDD;border-radius:5px;height:40px;}
.card .m-img input {border:none;height:38px;line-height:38px;font-size:0.9375rem;width:80%;padding-left:5px;}
.card .m-img img {display:inline-block;width:18px;height:18px;margin-left:7px;}
.card .m_sign_up_buttom {margin-top:25px;}
.card .m_sign_up_buttom a {display:inline-block;height:38px;line-height:38px;width:45%;text-align:center;font-size:1rem;font-weight:bold;border-radius:20px;}
.card a.method {border:1px solid #0184FF;color:#0184FF;}
.card a.method-btn {color:#fff;background:#0184FF;float:right;}

/*遮挡层*/
.cur {display:block;width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;background:rgba(0,0,0,0.5);display:none;}



/*答案*/
.cust-box {position:fixed;top:0;bottom:0;left:0;width:100%;display:none;}
.cust-box > img {display:block;width:100%;height:100%;}
.cust-box .cust-list {position:absolute;top:10%;bottom:10%;left:4%;right:5%;background:#fff;border-radius:5px;text-align:center;}
.cust-box .cust-title {display:inline-block;width:72%;position:relative;top:-33px;}
.cust-box .cust-title > img {display:inline-block;width:100%;}
.cust-list ul {margin-top:-10px;}
.cust-list ul li {display:none;}
/*.cust-list ul li:nth-child(4) {display:block;}*/
.cust-list ul li .cust-list-img {display:inline-block;padding:0 15px;height:165px;}
.cust-list ul li .cust-list-img img {display:block;width:100%;height:100%;}
.cust-list ul li .cust-list-title {padding:0 25px;text-align:left;font-size:0.9375rem;color:#333;margin:20px 0 23px;font-weight:bold;
	/*弹性布局*/
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items:center;
}
.cust-list ul li .cust-list-title span {display:inline-block;height:30px;line-height:30px;background:#26252E;color:#fff;border-radius:3px;width:66.2%;text-align:center;vertical-align:middle;margin-left:10px;}
.cust-list ul li p {padding:0 25px;text-align:left;font-size:0.8125rem;color:#666;line-height:28px;}
.cust-list ul li .cust-hi {height:200px;padding:0 38px;}
.cust-list ul li .cust-hi-text {margin-top:27px;}
.cust-list ul li .cust-hi-text p {text-align:center;font-size:1rem;color:#333;font-weight:bold;}
.cust-list ul li .cust-hi-text p + p {margin-top:5px;}


.cust-list .cust-btn {padding:0 6%;position:absolute;bottom:30px;}
.cust-box .cust-bottom {position:absolute;bottom:5%;padding:0 0 0 1.5%;}