*{margin:0;padding:0;}
html,body{font-size:10px;max-width:640px;margin:auto;}
body{font-size:10px;padding-bottom:6rem;background:#F6F6F6;padding-top: 5rem;max-width: 100%;overflow-x: hidden;}
div,p,span,a,li,h1,h2,h3,h4,i{font-family: 'Microsoft Yahei';color:#333;}
a{text-decoration: none;transition:all .3s;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input{outline: none;}
li{list-style: none;}
.clearfix::before,.clearfix::after{display: block;content:'';height: 0;line-height: 0;clear:both;visibility: hidden;}
.swiper-button-next, .swiper-button-prev{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.container{width:90%;margin:2.5rem auto 2rem;}

#index_search{background: #EEEEEE;height:5rem;position: fixed;top:0;left:0;right:0;margin:auto;width:100%;z-index:8;max-width:640px;}
#index_search span{display: inline-block;float:left;width: 60%;}
#index_search span:nth-child(1){height:3rem;margin: 1rem 0;}
#index_search span:nth-child(1) a{display: inline-block;font-size:1.5rem;height:3rem;line-height: 3rem;width: 50%;text-align: center;font-weight: bold;}
#index_search span:nth-child(1) #qrcode_show{height:2rem;margin: .25rem 0;line-height:2rem;border:1px solid #FFC500;color:#FFC500;width:28%;border-radius: .5rem;}
#index_search #jump_search{height:2.5rem;line-height:2.5rem;width:30%;margin: 1.25rem 0;border-radius: 20px;background: #D7D7D7;font-size:1.5rem;color:#979797;}
#index_search #jump_search i{color:#979797;font-size:1.5rem;margin-left: 1rem;margin-right: .5rem}
#qrcode{position: fixed;width:100%;height:100%;left:0;top:0;z-index: 9;background: rgba(0,0,0,.4);display: none;}
#qrcode>div{width:60%;margin:20% auto 1rem;border-radius: 8px;text-align: center;background: #fff;padding:2rem 1rem;}
#qrcode>div img{max-width: 90%;margin-bottom:1rem;}
#qrcode>div p{text-align: center;font-size:1.6rem;}
#qrcode>div p i{display: inline-block;font-style: normal;color:#FFC500;margin:0 .5rem;}
#qrcode>p{border-radius: 100%;border:2px solid #fff;width: 2rem;height:2rem;text-align: center;margin:0 auto;}
#qrcode>p i{font-size:2rem;color:#fff;position: relative;}

#footer{position: fixed;width:100%;height:6rem;bottom:0;left:0;right:0;margin:auto;background: #fff;z-index:5;box-shadow: -1px -1px 5px rgba(51,51,51,.1);max-width:640px;}
#footer .each{width: 33.3%;float:left;text-align: center;display: inline-block;}
#footer .each img{height:3rem;width:3rem;margin:.5rem auto .5rem;}
#footer .each p{font-size:1.3rem;height:1.5rem;line-height: 1.5rem;}
/*index*/
.title{margin-bottom: 1rem;}
.title p{font-size:2.2rem;font-weight: bold;margin-bottom: .5rem;letter-spacing: 1px;display: inline-block;padding-right: 2.5rem;background-size:2.5rem !important;}
.title p.hot{background: url(/public/static/images/hot.png) right top no-repeat;}
.title p.pro{background: url(/public/static/images/pro.png) right top no-repeat;}
.title p.new{background: url(/public/static/images/new.png) right top no-repeat;}
.title p i{color:#FF3D3D;font-style: normal;}
.title span{font-size:1.5rem;color:#999;letter-spacing: 1px;display: block;}
.title span a{float:right;font-size:1.5rem;color:#999;}
.index_swiper{padding:2rem 0;}
.index_swiper .swiper-slide img{max-width: 100%;border-radius:8px;}
.index_swiper .swiper-slide-active img{transform:scale(1.1);}
.index_three{border-radius: 8px;background: #fff;padding:1.5rem 0;margin-top: 1rem;}
.index_three .each{float:left;text-align: center;width:33.3%;}
.index_three .each img{height:3rem;margin-bottom: 1rem;}
.index_three .each p{font-size:1.5rem;}
.index_ads{}
.index_ads img{max-width: 100%;border-radius: 8px;}
.index_hot{overflow: hidden;}
.index_hot .swiper-slide{background:#fff;text-align: center;padding:1rem 0;border-radius: 5px;}
.index_hot .swiper-slide img{max-width: 90%;border-radius: 5px;}
.index_hot .swiper-slide p{width:90%;margin:0 auto;font-size:1.5rem;text-align: left;}
.index_hot .swiper-slide p:nth-child(2){font-size:1.3rem;color:#fff;margin-top: -2rem;height:2rem;line-height: 2rem;text-indent: 1rem;}
.index_hot .swiper-slide p:nth-child(3){margin:.8rem auto;font-weight: bold;height:4rem;line-height: 2rem;overflow: hidden;}
.index_hot .swiper-slide p:nth-child(4){color:#FFC500;}
.index_overall{}
.index_overall .title p i{color:#4C8BFF;}
.index_overall a{display: block;}
.index_overall a img{max-width: 100%;border-radius: 8px;}
.index_intro{}
.iintro_each{padding:.8rem;background: #fff;border-radius: 8px;margin-top: 1rem;position: relative;display: block;}
.iintro_each .left{float:left;width:60%;}
.iintro_each .intro_title{font-size:1.5rem;margin-bottom: .5rem;width: 90%;font-weight: bold;max-height:4rem;line-height:2rem;overflow: hidden;}
.iintro_each .intro_desc{font-size:1.4rem;color:#999;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iintro_each .intro_price{font-size:1.6rem;color:#ffc500;position: absolute;left:.8rem;bottom:.8rem;width:50%;font-weight: bold;}
.iintro_each .intro_price del{font-size:1.3rem;color:#ccc;font-weight: normal;}
.iintro_each .intro_price span{float:right;color:#999;font-size:1.3rem;font-weight: normal;}
.iintro_each .right{float:left;width:40%;height:10rem;border-radius: 5px;background-size: cover;background-position: center;}
#search_search{background: #EEEEEE;height:5rem;position: fixed;top:0;left:0;width:95%;z-index:8;padding:0 2.5%;line-height: 5rem;max-width:640px;right:0;margin:auto;}
#search_search>*{float:left;display: inline-block;font-size: 1.5rem;}
#search_search .fa{font-size:2rem;margin-top: 1.5rem;}
#search_search .fa-search{margin-right:-2.5rem;position: relative;color:#979797;left:.5rem;}
#search_search .input{background: #D7D7D7;color:#979797;border-radius:20px;border:none;height:3rem;line-height: 3rem;margin-top:1rem;padding-left:2.5rem;width: 70%;}
#search_search .span{border:none;height:3rem;line-height: 3rem;margin-top:1rem;background:#FFDD2B;width:20%;text-align: center;float:right;border-radius: 5px;}
/*category*/
.category{position: absolute;width:100%;height:calc(100vh - 11rem);overflow: scroll;max-width:640px;}
.category_left{float:left;width:22%;background: #fff;height:100%;}
.category_left a{display: block;text-align:center;height:5.5rem;line-height: 5.5rem;font-size:1.5rem;color:#9D9D9D;}
.category_left a.on{color:#333;border-left:3px solid #FFD452;}

.category_right{float:left;width:78%;height:100%;overflow: scroll;position: relative;}
.category_reorder{background: #FAFAFA;position: fixed;top:5rem;height:4rem;right:0;z-index:1;width:78%;}
.category_reorder>p{height:4rem;line-height: 4rem;font-size:1.6rem;width:90%;margin:0 auto;color:#888;}
.category_reorder>p span{font-size:1.5rem;float:right;}
.category_reorder>p span i{font-size:1.5rem;margin-left: .5rem;}
.category_reorder>div{background: #FAFAFA;display: none;}
.category_reorder>div p{font-size:1.6rem;color:#888;width:90%;padding:0 5%;text-align: right;line-height: 4rem;height:4rem;}
.category_reorder>div p.on{background:#F2F2F2;}
.category_right .index_intro{margin:5.5rem auto 2rem;}
.rotate{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.rotate_back{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(10deg);transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

.article_banner img{max-width: 100%;}
.article_info{margin-bottom: 1.5rem;background: #fff;padding:2rem 0;}
.article_info p{text-align: center;width:90%;margin-left:auto;margin-right:auto;}
.article_name{font-size:1.8rem;margin-bottom:1rem;font-weight: bold;}
.article_desc{font-size:1.5rem;color:#777;}
.article_price{color:#ffc500;margin: 2rem 0;font-size:2rem;font-weight: bold;}
.article_price del{font-size:1.4rem;color:#999;}
.article_buy{margin:2rem 0;}
.article_buy button{display: inline-block;width:40%;height:5rem;line-height: 5rem;text-align: center;color:#333;background: #FFDD2B;font-size:1.8rem;border:none;font-weight: bold;}
.article_buy button+button{margin-left:5%;background:#ea0a0a;color:#fff;}
.article_num{color:#999;font-size:1.3rem;}
.article_num i{display: inline-block;margin:0 .3rem;}
.article_num span{margin-left: 2.5rem;color:#999;}

.pagination:before{content:'';display: block;clear: both;}
.pagination{margin: 1rem 0;text-align:center;display: block;font-size:1.5rem;}
.pagination *{font-size:1.5rem;display: inline-block;margin-right:1rem;color:#666;}
.pagination li *{margin-right: 0;}
.pagination .on{font-weight: bold;font-weight: bolder;}
.pagination a:hover{font-weight: bolder;}
.load_more{background: rgba(204,204,204,.2);padding: 1rem 0;border-radius: 8px;}

.article_title{font-size:1.6rem !important;text-align: center;}
.article_title_line{width:20%;margin: .5rem auto 1.5rem;height:2px;background: #ccc;}
.article_content,.article_comment{width:90%;margin:1.5rem 0;padding:1rem 5% 2rem;background: #fff;}
.article_content p{font-size:1.5rem;}
.article_content img{max-width: 100%;margin:0 auto;display: block;}
.comment_each{padding:1.5rem 0;border-bottom:1px solid #f1f1f1;margin-bottom: 1.5rem;}
.comment_each .left{float:left;width:25%;}
.comment_each .left img{border-radius: 100%;max-width: 90%;}
.comment_each .right{float:left;width:75%;}
.comment_each .right p:nth-child(1){font-size:1.5rem;margin-bottom: 1rem;}
.comment_each .right p:nth-child(1) span{color:#999;display: inline-block;float:right;font-size:1.4rem;}
.comment_each .right p:nth-child(2){font-size:1.3rem;color:#777;}
.comment_tips{text-align: center;font-size:1.5rem;}
#add_comment{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index: 10;}
#add_comment div{margin:10% auto 0;width:70%;padding:1rem 5%;background: #fff;border-radius: 8px;}
#add_comment p{font-size:1.5rem;height:2rem;line-height: 2rem;margin-bottom: 1.5rem;}
#add_comment p i{font-size:2rem;color:#333;float:right;}
#add_comment textarea{height:8rem;line-height: 2rem;font-size:1.5rem;outline: none;border:1px solid #ccc;border-radius: 5px;margin-bottom: 1.5rem;width:90%;padding:.5rem 5%;}
#add_comment span{height:3rem;line-height:3rem;width:30%;display: block;background:#FFDD2B;color:#333;text-align:center;margin:0 auto;font-size:1.5rem;}

.test_swiper{width:100%;overflow: hidden;padding:.5rem 0;}
.test_swiper .swiper-slide{height:calc(100vh - 13rem);overflow:scroll;background: #fff;border-radius: 8px;box-shadow: 1px 0px 10px rgba(150,150,150,.3);}
.test_swiper .swiper-slide-active{height:calc(100vh - 12rem);}
.test_swiper .swiper-button-next,.test_swiper .swiper-button-prev{display: none;width:0 !important;height:0 !important;}
#test_header{position: absolute;font-size:1.8rem;text-align: center;top:0;height:5rem;line-height: 5rem;width:100%;}
#test_footer{position: absolute;font-size:1.8rem;color:#333;line-height: 6rem;height:6rem;width: 100%;bottom:0;text-align: center;}
#test_footer span{font-size:1.5rem;color:#999;margin:0 .5rem;}
.swiper_que{padding-top: 2rem;font-size:1.7rem;color:#333;text-align: left;max-width: 90%;margin:0 auto 2rem;font-weight: bold;}
.swiper_ans{}
.swiper_ans>div{width:86%;font-size:1.6rem;height:auto;line-height: 1.7;text-align: left;color:#666;margin:0 auto 1rem;border-bottom:1px solid #f1f1f1;padding:.5rem 2%;}
.swiper_ans>div div:nth-child(1){float:left;display: inline-block;width:90%;}
.swiper_ans>div div:nth-child(2){float:right;display: inline-block;height:1.5rem;width:1.5rem;border:1px solid #ffc500;background: #fff;border-radius: 100%;}
.swiper_ans>div.on div:nth-child(2){background: #ffc500;}
.swiper_ans>div img{max-width: 100%;}
.swiper-slide figure{display: inline-block;}
.swiper-slide figure img{max-width: 100% !important;}
#prev_btn{position: fixed;bottom:8rem;left:0;right:0;margin:0 auto;width:25%;text-align: center;line-height: 2rem;height:2rem;color:#333;background: #ffc500;border:none;outline: none;z-index: 2;display: none;font-size: 1.4rem;}
#test_type{display: none;}

.my_top_back{background-size: cover !important;height:22rem;width:120%;top:-2rem;left:-10%;filter:blur(10px);position: absolute;}
.my_top{padding:2rem 0 3rem;background: transparent;position: relative;}
.my_photo{width:90%;margin:0 auto;}
.my_photo img{height:6rem;border-radius: 100%;float:left;}
.my_photo p{height:6rem;line-height: 6rem;font-size:1.7rem;color:#fff;float:left;margin-left: 1.5rem;}
.my_three>*{float:left;}
.my_three{margin-top: 2rem;}
.my_three .each{width:32%;text-align: center;height:4rem;display: block;}
.my_three .each p{color:#fff;height:2rem;line-height: 2rem;font-size:1.7rem;font-weight: bold;margin-bottom: .5rem;}
.my_three .each_line{height:1.5rem;width:2px;background: #fff;margin-top: 1.25rem;}

.my_middle,.my_bottom{width:80%;border-radius:12px;margin: -1rem auto 0;box-shadow: 1px 0px 10px rgba(150,150,150,.3);background: #fff;padding: 0rem 5% 1rem;position: relative;}
.my_middle>p,.my_bottom>p{font-size: 1.7rem;color:#333;width:100%;padding:.5rem 0;height:3rem;line-height: 3rem;border-bottom:1px solid #f1f1f1;margin-bottom:1rem;}
.my_middle .each{width:25%;float:left;text-align: center;display: block;margin-bottom:1rem;}
.my_middle .each img{height:3rem;margin-bottom: .8rem;}
.my_middle .each p{text-align: center;font-size: 1.5rem;}

.my_bottom{margin: 1.5rem auto 0;}
.my_bottom>span{line-height: 3rem;font-size:1.5rem;display: block;text-align: left;height: 3rem;margin-top: 1.5rem;}
.my_bottom>span a{display: inline-block;color:#ffc500;font-weight: bolder;font-size:1.6rem;margin:0 .3rem;}
.unfinish{border-bottom:1px solid #f1f1f1;padding-bottom: 1rem;margin-bottom: 1rem;position: relative;display: block;}
.unfinish .line_one{font-weight: bolder;font-size: 1.6rem;margin-bottom: 1rem;display: block;width:70%;}
.unfinish .line_two{color:#DBAC24;font-size: 1.6rem;margin-bottom: 1rem;font-weight: bolder;}
.unfinish .line_two del{color:#999;font-size: 1.4rem;margin-left: .8rem;font-weight: normal;}
.unfinish .line_three{color:#999;font-size:1.5rem;margin-top: .5rem;}
.unfinish .a{background: #FCDE27;position: absolute;width:23%;color:#333;padding:.5rem;text-align: center;border-radius: 5px;right:0;top:0;font-size:1.4rem;}

#test_result{position: fixed;top:0;left:0;right:0;width:100%;height:100%;background:url(/public/static/images/table.png);z-index: 6;display: none;background-size:cover !important;overflow: scroll;margin: 0 auto;border-radius: 0;}
.result_header{font-size:2rem;text-align:center;font-weight: bolder;line-height: 1.7;padding:2rem 0;}
.result_tester{padding-top: 0;font-size:1.4rem;color:#999;text-align:center;}
.result_testtime{padding: 1rem 0 2.5rem;font-size: 1.4rem;color:#999;text-align:center;}
.result_top{margin: 0 auto 1rem;width:80%;padding:5%;border-radius:8px;background: #fff;border:2px solid #e4e3e3;}
.result_title{font-weight: bold;margin-bottom: 2rem;font-size: 1.7rem;color:#555;}
.result_title span{display: inline-block;float:right;}
.result_title span i{color:#666;font-size:3rem;}
.result_content{font-size:1.5rem;color:#333;line-height: 1.7;}
.result_content p{color:#666;line-height: 1.9;}
.result_content figure{display: inline-block;max-width: 100%;}
.result_content figure img{max-width: 100%;}
.result_bottom{width:100%;padding:2rem 0;margin:0 auto;}
.result_bottom .each{float:left;width:20%;text-align: center;font-size:1.5rem;}
.result_bottom .each i{font-size:2.5rem;color:#ccc;display: block;margin-bottom: .5rem;}
.result_bottom .each p{color:#ccc;}
#show_score{float:none;color:#555;font-size:2rem;font-weight: bolder;margin-left: 1rem;text-transform:uppercase;}

#result_score{font-style: normal;font-size:1.7rem;color:#555;display:inline-block;margin-left:1rem;}

/*新的测试题*/
.newReportOuter{width:100%;margin:0 auto;}
.newReportTitle{margin:20px auto;display: flex;align-items: center;justify-content: center;width:100%;}
.newReportTitle p{margin:0 10px;font-weight: bold;font-size: 18px;}
.newReportTitleContent{}
.newReportTopEach{margin:10px auto;}
.newReportTopEach .num{position: relative;height:40px;text-indent: 10px;}
.newReportTopEach .num .back{background:#379be0;z-index:1;position: absolute;left:5px;top:-3px;width:45%;height:40px;}
.newReportTopEach .num .front{background:#fff;z-index:2;position: absolute;left:0;top:0;width:45%;border:1px solid #379be0;color:#379be0;font-weight: bold;font-size: 1.5rem;height:40px;line-height:40px !important;}
.newReportTopEach .txt{width:90%;margin:10px auto;}
.newReportTopEach .txt p{line-height: 1.9;color:#555;font-size:1.4rem;}
.newReportTopEach .txt p strong{color:#333;font-size:1.4rem;}
.bottomTips{color:#777;line-height: 1.9;font-size:14px;margin-top:40px;}
#goalOne,#goalTwo{width:100%;height:300px;}
.goalOneTips{margin-top:-50px;}
.goalOneTips p{margin:10px auto;text-align: center;color:#999;font-size:1.3rem;}
.goalTitle{background:url(/public/static/images/pencil.png) no-repeat;width:100%;background-size:100% 100%;margin-top:20px;text-align: center;color:#333;font-size:18px;line-height: 40px;}

.goalOneResult{margin:30px auto 0;}
.goalOneResult>img{display: block;margin:0 auto 10px;width:60px;}
.goalOneResult .goalOneInner{box-shadow: 0 0 10px 4px rgba(0,0,0,.1);padding:15px 5%;}
.goalOneResult .goalOneInnerTitle{background:#ff5458;padding:5px;text-align: center;width:60%;margin:0 auto;margin-bottom: 15px;}
.goalOneResult .goalOneInnerTitle p{color:#545454;border:2px dashed #545454;padding:5px 10px;text-align: center;font-weight: bold;font-size: 1.5rem;}

.goalOneResult .goalOneInnerContent{display: flex;}
.goalOneResult .goalOneInnerContent p{color:#5d5d5d;line-height: 1.7;font-size:1.4rem;}
.goalOneResult .goalOneInnerContent img{height:100%;margin-right: 10px;width:20px;}

.goalTwoBorder{border:1px solid #eee;margin-top:30px;}

.goalTable{background-color:#e3fdf8;margin-top:40px;}
.goalTableLine{display: flex;justify-content: space-between;}
.goalTableLine:nth-child(odd){background-color: #ccefe8;}
.goalTableLine span{width:20%;display: flex;justify-content: center;align-items: center;padding:10px 0;font-size:1.4rem;}
.goalTableLine:nth-child(1){background-color: #2a2a2a;}
.goalTableLine:nth-child(1) span{color:#aaccc5;}

.goalThree{margin:40px auto;}
.goalThree>img{width:90px;display: block;margin:0 auto;}
.goalThreeTitle{margin:10px auto 40px;text-align: center;}
.goalBadEach{margin-bottom:20px;}
.goalBadEach .title{margin:10px auto 40px;text-align: center;display: flex;align-items: center;font-weight: bolder;color:#333;height:32px;}
.goalBadEach .title span{width:5px;background-color: #ff5458;margin-right: 20px;height: 100%;}
.goalNormal .goalBadEach .title span{background-color: #f69c22;}
.goalLow .goalBadEach .title span{background-color: #3bb2b5;}

.goalThreeContent{display: flex;margin-bottom: 20px;}
.goalThreeContent img{width:20px;height:100%;margin-top:7px;margin-right: 15px;}
#goalEnd{display: block;margin:20px auto;width: 100%;}
.goalJump{display:block;width:40%;background:#66bcad;font-size:1.5rem;padding:10px 0;text-align:center;margin:20px auto;color:#fff;border-radius:12px;}

@media (min-width: 640px) {
  .category_reorder {max-width:500px;right:calc((100vw - 640px) / 2);}
}