/*最大盒子*/ .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%;}