.hsk-test{position:relative}.hsk-test .bgLayer{position:absolute;bottom:0;left:0;width:100%;height:905px;background:#f3f3f3;z-index:1}.hsk-test .han-page{width:905px;z-index:2;position:relative}.hsk-test .page2{height:410px;padding-top:50px}.hsk-test .page2 h1{font-size:24px;border-bottom:1px solid #cbcbcb;padding-bottom:10px}.hsk-test .page2 h1 small{font-size:14px}.hsk-test .page2 button{width:150px;height:30px;border-radius:15px;background:#ffab3a;text-align:center;border-color:#ffab3a}.hsk-test .page3{height:250px;color:#fff;padding-bottom:20px}.hsk-test .page3 li{width:23.5%;height:135px;margin:0;padding:0;margin-right:2%}.hsk-test .page3 li >div{display:inline-block;height:60px}.hsk-test .page3 li p:nth-of-type(2){margin-left:15px}.hsk-test .page3 li:nth-of-type(1){background:#7ccc7a}.hsk-test .page3 li:nth-of-type(2){background:#53d7b0}.hsk-test .page3 li:nth-of-type(3){background:#65c2fd}.hsk-test .page3 li:nth-of-type(4){background:#4da9fc;margin-right:0}.hsk-test .page4{height:300px}.hsk-test .page4 >div{position:relative}.hsk-test .page4 >div .han-relative span{position:absolute;width:19px;height:68px;background:#11a84e;right:15px;top:23px}.hsk-test .page4 >div p{height:70px;background:#11a84e;float:left;color:#fff;margin:0}.hsk-test .page4 >div p:nth-of-type(1){width:70px;margin-right:15px}.hsk-test .page4 >div p:nth-of-type(2){width:calc(100% - 85px);padding-left:20px;line-height:1.6}.hsk-test .page4 >div p:nth-of-type(2) span{display:inline-block}.hsk-test .page4 >div button,.hsk-test .page4 >div a{width:140px;height:30px;text-align:center;font-size:14px;border-radius:15px;line-height:1;cursor:pointer;vertical-align:middle}.hsk-test .page4 >div a{background:#01bbd4;border-color:#01bbd4;margin-right:10px;line-height:26px;text-decoration:none}.hsk-test .page4 >div a:hover{background:#1490a1}.hsk-test .page4 >div button{background:#ffab3a;border-color:#ffab3a}.hsk-test .page4 >div button:hover{background:#df932c}.hsk-test .page5{height:900px}.hsk-test .page5 table tr>th{text-align:center;background:#11a84e;color:#fff;font-size:14px;font-family:Verdana;vertical-align:middle;border-bottom-width:1px;border-color:#fff}.hsk-test .page5 table tr>td{font-size:14px;text-align:center;vertical-align:middle;border-color:#fff;height:30px;padding:0}.hsk-test .page5 table tr:nth-of-type(odd) td{background:#f5f5f6}.hsk-test .page5 table tr:nth-of-type(even) td{background:#e2e1e2}.hsk-test .page5 table tbody>tr:hover td{background:#bfbfbf}.hsk-test .page5 ul{width:440px}.hsk-test .page5 ul li{width:48px;float:left;margin-right:30px;height:250px}.hsk-test .page5 ul li:nth-last-of-type(1){margin-right:0}.hsk-test .page5 ul li >div:nth-of-type(1){height:40px;line-height:1.1}.hsk-test .page5 ul li >div:nth-of-type(1) span{display:inline-block}.hsk-test .page5 ul li >div:nth-of-type(2){height:175px;background:#efefef;position:relative}.hsk-test .page5 ul li >div:nth-of-type(2) p{position:absolute;width:100%;bottom:0;left:0;z-index:2;margin:0}.hsk-test .page5 ul li >div:nth-of-type(3){height:35px;line-height:35px;text-align:center;font-family:Verdana}.hsk-test .page6{height:765px}.hsk-test .page6 li{height:340px;border:1px solid #c7c7c7;padding:40px 25px 0;float:left;width:270px;margin-right:45px;background:#fff}.hsk-test .page6 li:nth-of-type(3n){margin-right:0}.hsk-test .page6 li h4{padding-bottom:10px;border-bottom:1px solid #afafaf;font-size:18px;margin:0}.hsk-test .page6 li h4 small{color:inherit;font-size:14px;margin-top:4px}.hsk-test .page7{height:600px}.hsk-test .page7 li{height:400px}.hsk-test .page7 li h5{font-size:14px}.hsk-test .page7 li p{padding:0 15px}.hsk-test .page7 .han-btn-success{width:200px;height:36px;border-radius:18px}.hsk-test .page7 .han-btn-success span{font-size:12px;transform:scale(.7)}