| 1 |
- .main-page .top-part[data-v-59464f72]{width:70%;height:100px;margin:0 auto;position:relative;text-align:center;z-index:4}.main-page .top-part>img[data-v-59464f72]{width:180px;height:70px;position:absolute;left:0;top:25px}.main-page .top-part>ul[data-v-59464f72]{display:inline-block;text-align:center;width:auto;margin-top:45px}.main-page .top-part>ul li[data-v-59464f72]{display:inline-block;cursor:pointer}.main-page .top-part>ul li>a[data-v-59464f72]{display:inline-block;font-size:17px;padding:15px 10px;color:#0a7aa8;text-decoration:none}.main-page .top-part>ul li>a.router-link-exact-active[data-v-59464f72]{background:#e8e8e8;border-top-left-radius:4px;border-top-right-radius:4px}.main-page .top-part>div[data-v-59464f72]{display:inline-block;position:absolute;width:auto;color:#0a7aa8;font-size:17px;right:0;bottom:0;padding:16px 0;cursor:pointer}.main-page .top-part>div ul[data-v-59464f72]{display:none}.main-page .top-part>div:hover ul[data-v-59464f72]{cursor:pointer;display:block;position:absolute;width:90px;right:calc(50% - 45px);top:54px}.main-page .top-part>div:hover ul li[data-v-59464f72]{background:#fff;padding:5px 0;border-bottom:1px solid grey}.main-page .top-part>div:hover ul li[data-v-59464f72]:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.main-page .content-part[data-v-59464f72]{width:100%}.ability-test .title-part{height:215px;background:#5e97f1;position:relative}.ability-test .title-part img{position:absolute}.ability-test .title-part img:first-child{left:19%;bottom:50px}.ability-test .title-part img:nth-child(2){left:calc(19% + 240px);bottom:55px}.ability-test .title-part img:nth-child(3){left:calc(19% + 430px);bottom:0}.ability-test .title-part .card-list{position:absolute;top:160px;left:calc(50% - 453px);z-index:2}.ability-test .title-part .card-list button{border:none;height:280px;float:left;margin-top:10px;position:relative}.ability-test .title-part .card-list button label{display:block;font-weight:400;font-size:23px;text-align:center;position:absolute}.ability-test .title-part .card-list button label span{font-size:14px;padding:0 10px}.ability-test .title-part .card-list button label i{display:block;width:100%;height:1px;margin:5px 0}.ability-test .title-part .card-list button img{position:absolute;bottom:20px;z-index:3}.ability-test .title-part .card-list button:hover{margin-top:0;height:286px}.ability-test .title-part .card-list button:first-child{background:url(../img/card1.51086fa1.png) no-repeat 50%;background-size:100% 100%;width:280px;margin-right:-55px}.ability-test .title-part .card-list button:first-child label{top:30px;left:105px;color:#ea7677}.ability-test .title-part .card-list button:first-child label i{background:#ea7677}.ability-test .title-part .card-list button:first-child img{left:65px}.ability-test .title-part .card-list button:first-child:hover{width:286px}.ability-test .title-part .card-list button:nth-child(2){background:url(../img/card2.1e9b8f21.png) no-repeat 50%;background-size:100% 100%;width:228px;margin-right:-5px;-webkit-filter:grayscale(1);filter:grayscale(1)}.ability-test .title-part .card-list button:nth-child(2) label{top:30px;left:88px;color:#e8e8e8}.ability-test .title-part .card-list button:nth-child(2) label i{background:#f6bb6d}.ability-test .title-part .card-list button:nth-child(2) img{left:60px}.ability-test .title-part .card-list button:nth-child(2):hover{width:234px}.ability-test .title-part .card-list button:nth-child(3){background:url(../img/card3.9aa2ff77.png) no-repeat 50%;background-size:100% 100%;width:232px;margin-right:-55px;-webkit-filter:grayscale(1);filter:grayscale(1)}.ability-test .title-part .card-list button:nth-child(3) label{top:31px;left:30px;color:#e8e8e8}.ability-test .title-part .card-list button:nth-child(3) label i{background:#39acc1}.ability-test .title-part .card-list button:nth-child(3) img{left:50px}.ability-test .title-part .card-list button:nth-child(3):hover{width:238px}.ability-test .title-part .card-list button:nth-child(4){background:url(../img/card4.4e4b82a1.png) no-repeat 50%;background-size:100% 100%;width:280px;-webkit-filter:grayscale(1);filter:grayscale(1)}.ability-test .title-part .card-list button:nth-child(4) label{top:30px;left:60px;color:#e8e8e8}.ability-test .title-part .card-list button:nth-child(4) label i{background:#aa8fd2}.ability-test .title-part .card-list button:nth-child(4) img{left:85px}.ability-test .title-part .card-list button:nth-child(4):hover{width:286px}.ability-test .test-content-part{width:910px;margin:270px auto 30px}.ability-test .test-content-part .project-ability{text-align:center}.ability-test .test-content-part .project-ability>div.title{text-align:left}.ability-test .test-content-part .project-ability>div.title label{display:inline-block;padding:10px 18px;font-size:16px;font-weight:400;color:#fff;background:#39acc1}.ability-test .test-content-part .project-ability .paper-card{width:400px;height:194px;display:inline-block;margin:20px;padding:24px 15px 10px;background:url(../img/gradeBack.184cc5c5.png) no-repeat 50%;color:#fff;vertical-align:top}.ability-test .test-content-part .project-ability .paper-card p{font-size:34px;letter-spacing:2px;margin-bottom:15px}.ability-test .test-content-part .project-ability .paper-card button{font-size:15px;padding:5px 25px;border:2px solid #fff;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#45b5cb),color-stop(#5ac9dd),to(#45b5cb));background:linear-gradient(#45b5cb,#5ac9dd,#45b5cb)}.ability-test .test-content-part .project-ability .paper-card button:hover{background:-webkit-gradient(linear,left top,left bottom,from(#5ac9dd),color-stop(#45b5cb),to(#5ac9dd));background:linear-gradient(#5ac9dd,#45b5cb,#5ac9dd)}.user-page[data-v-d1ce791a]{position:relative}.user-page .head[data-v-d1ce791a]{height:50px;line-height:50px;background:#2ea3cf;text-align:right}.user-page .head button[data-v-d1ce791a]{border:none;background:#fff;color:#2ea3cf;padding:2px 10px;font-size:12px;margin-right:150px}.user-page .head .pic[data-v-d1ce791a]{position:absolute;top:0;right:70px}.user-page .head .pic i[data-v-d1ce791a]{display:block;width:1px;height:25px;background:#fff;margin:0 auto -4px}.user-page .head .pic>div[data-v-d1ce791a]{width:54px;height:54px;border-radius:27px;border:1px solid #fff;background:transparent;padding:3px}.user-page .head .pic>div div[data-v-d1ce791a]{width:46px;height:46px;border-radius:23px;border:1px solid #000;background:#fff}
|
