
#main{width:1066px;height:780px;margin:auto;overflow:hidden;position:relative;}
#main #m_cont{width:200%;height:100%;overflow:hidden;position:absolute;left:0%;top:0px;-webkt-transition:left ease-in-out .3s;-moz-transition:left ease-in-out .3s;-ms-transition:left ease-in-out .3s;-o-transition:left ease-in-out .3s;transition:left ease-in-out .3s;}
#main #m_cont #test_list{width:50%;height:100%;overflow:hidden;float:left;}
#main #m_cont #test_countainer{width:50%;height:610px;overflow:hidden;float:left;background:#fff;}


/*测试列表*/
#main #m_cont #test_list li{width:336px;height:352px;border:1px solid #7b4cb4;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;text-align:center;background:#fff;cursor:pointer;float:left;margin:0px 26px 39px 0px;position:relative;}
#main #m_cont #test_list li.end{margin:0px;}
#main #m_cont #test_list li h3{font-size:26px;color:#353535;line-height:40px;}
#main #m_cont #test_list li p{width:80%;margin:auto;line-height:25px;color:#5f5f5f;}
#main #m_cont #test_list li .go{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;position:absolute;left:50%;margin-left:-27px;bottom:-21px;}



/*侧栏*/
#test_countainer #aside{width:160px;overflow:hidden;float:left;}
#test_countainer #aside ul{width:100%;overflow:hidden;}
#test_countainer #aside ul li{width:152px;height:62px;text-align:center;background:#6b3ca6;}
#test_countainer #aside ul li  a{width:100%;height:62px;height:100%;display:block;color:#fff;line-height:56px;font-size:16px;-webkt-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
/* #test_countainer #aside ul li a:hover{-webkit-transform:translateX(7px);-moz-transform:translateX(7px);-ms-transform:translateX(7px);-o-transform:translateX(7px);transform:translateX(7px);background:url(../images/list_bg.png) no-repeat right bottom;} */
#test_countainer #aside ul .test_project.on a{-webkit-transform:translateX(7px);-moz-transform:translateX(7px);-ms-transform:translateX(7px);-o-transform:translateX(7px);transform:translateX(7px);background:url(../images/list_bg.png) no-repeat right bottom;}



/*测试内容*/
#test_countainer #test_detail{width:906px;height:100%;overflow:hidden;float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding-left:30px;position:relative;}
#test_countainer #test_detail .test_project_cont{width:100%;overflow:hidden;position:absolute;left:0px;top:0%;display:none;-webkt-transition:top ease-in-out .3s;-moz-transition:top ease-in-out .3s;-ms-transition:top ease-in-out .3s;-o-transition:top ease-in-out .3s;transition:top ease-in-out .3s;}
#test_countainer #test_detail .test_project_cont li{width:100%;height:610px;position:relative;}

/*背景
#test_countainer #test_detail .face li{background:url(../images/facial_bg.jpg) no-repeat right top;}
#test_countainer #test_detail .chest li{background:#fff url(../images/chest_bg.jpg) no-repeat right top;}
#test_countainer #test_detail .skin li{background:#fff url(../images/skin_bg.jpg) no-repeat right top;}
#test_countainer #test_detail ul .showEnd{background:none;}
#test_countainer #test_detail ul .sub{background:none;}*/


#test_countainer #test_detail .test_project_cont li h3{font-size:35px;color:#3a3a3a;font-weight:normal;position:absolute;left:3%;top:65px;}
#test_countainer #test_detail .test_project_cont li h3 img{margin-left:5px;vertical-align:-5px;}
#test_countainer #test_detail .test_project_cont li .startText{width:480px;overflow:hidden;text-indent:27px;font-size:15px;color:#707070;position:absolute;left:3%;top:150px;}
#test_countainer #test_detail .test_project_cont li .link{width:253px;height:40px;position:absolute;left:3%;top:386px;}
#test_countainer #test_detail .test_project_cont li .start{display:block;padding:0px 25px;line-height:35px;font-size:15px;color:#fff;background:url(../images/start_test.jpg) no-repeat center top;background-size:100%;}
#test_countainer #test_detail .test_project_cont li .next{float:right;}
#test_countainer #test_detail .test_project_cont li .prev{float:left;}

#test_countainer #test_detail .test_project_cont li .pic{height:100%;float:right;}
#test_countainer #test_detail .test_project_cont li dl{width:350px;padding-left:42px;overflow:hidden;position:absolute;left:3%;top:160px;}
#test_countainer #test_detail .test_project_cont li dl dt{width:100%;float:left;line-height:40px;color:#3a3a3a;font-size:24px;margin-bottom:20px;position:relative;}
#test_countainer #test_detail .test_project_cont li dl dt em{font-style:normal;display:block;position:absolute;left:-40px;top:0px;}
#test_countainer #test_detail .test_project_cont li dl dd{width:50%;float:left;height:42px;line-height:42px;color:#3a3a3a;font-size:17px;cursor:pointer;position:relative;z-index:9999;}
#test_countainer #test_detail .test_project_cont li dl dd.end{width:80%;margin:30px auto;}
#test_countainer #test_detail .test_project_cont li dl dd.tis{color:#cb0000;font-size:17px;height:20px;line-height:20px;}

#test_countainer #test_detail .test_project_cont.oral li dl dd,#test_countainer #test_detail .test_project_cont.fat li dl dd{width:80%;}
#test_countainer #test_detail .test_project_cont.scar li dl dd{width:100%;}
#test_countainer #test_detail .test_project_cont.oral li dl dd.end a,#test_countainer #test_detail .test_project_cont.scar li dl dd.end a,#test_countainer #test_detail .test_project_cont.fat li dl dd.end a{position:absolute;bottom:0px;}
#test_countainer #test_detail .test_project_cont.oral li dl dd.end .next,#test_countainer #test_detail .test_project_cont.scar li dl dd.end .next,#test_countainer #test_detail .test_project_cont.fat li dl dd.end .next{right:25px;}
#test_countainer #test_detail .test_project_cont.oral li dl dd.end .prev，#test_countainer #test_detail .test_project_cont.scar li dl dd.end .prev，#test_countainer #test_detail .test_project_cont.fat li dl dd.end .prev{left:-40px;}

#test_countainer #test_detail .test_project_cont li dl dd input[type=radio]{opacity:0;filter:alpha(opacity=0);}
#test_countainer #test_detail .test_project_cont li dl dd input[type=checkbox]{opacity:0;filter:alpha(opacity=0);font-weight:bold;}
#test_countainer #test_detail .test_project_cont li dl dd span{overflow:hidden;display:black;width:12px;height:12px;text-align:center;line-height:9px;border:1px solid #959595;border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;position:absolute;left:4px;top:15px;color:#6b3ca6;z-index:0;}

/*多选框*/
#test_countainer #test_detail .test_project_cont li dl dd span.checkBox{border-radius:0px;-webkit-border-radius:0px;-ms-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;z-index:999999999;}


#test_countainer #test_detail .test_project_cont li .subm{width:525px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;padding-left:3%;top:20px;}
#test_countainer #test_detail .test_project_cont li .subm dt{width:100%;font-size:35px;color:#3a3a3a;line-height:80px;}
#test_countainer #test_detail .test_project_cont li .subm dd{width:100%;float:left;font-size:16px;line-height:35px;color:#000;cursor:pointer;position:relative;}
#test_countainer #test_detail .test_project_cont li .subm dd .sex ,#test_countainer #test_detail .test_project_cont li .subm dd .age{width:100%;}
#test_countainer #test_detail .test_project_cont li .subm dd .sex p ,#test_countainer #test_detail .test_project_cont li .subm dd .age p{float:left;position:relative;}
#test_countainer #test_detail .test_project_cont li .subm dd span{float:left;overflow:hidden;width:12px;height:12px;text-align:center;line-height:8px;border:1px solid #959595;border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;position:absolute;left:4px;top:12px;color:#6b3ca6;}
#test_countainer #test_detail .test_project_cont li .subm dd input[type=radio]{opacity:0;filter:alpha(opacity=0);}
#test_countainer #test_detail .test_project_cont li .subm dd:nth-child(2){color:#707070;}
#test_countainer #test_detail .test_project_cont li .subm dd:nth-child(3){margin:30px 0;}
#test_countainer #test_detail .test_project_cont li .subm dd:nth-child(4),#test_countainer #container dl dd:nth-child(5),#test_countainer #container dl dd:nth-child(6){margin:15px 0;}
/* #test_countainer #test_detail .test_project_cont li .subm dd:nth-child(8){font-size:13px;color:#ff0000;}
#test_countainer #test_detail .test_project_cont li .subm dd:last-child{text-indent:99px;margin-top:20px;} */
#test_countainer #test_detail .test_project_cont li .subm dd .text{line-height:32px;text-indent:3px;color:#333;width:206px;font-size:16px;}
#test_countainer #test_detail .test_project_cont li .subm dd .botm{width:116px;margin-right:300px;height:40px;border:none;background:url(../images/submit.jpg) no-repeat center top;text-indent:-9999px;cursor:pointer;}


/*测试结果*/
#test_countainer #test_detail .test_project_cont li h2{position:absolute;left:3%;top:62px;line-height:50px;font-size:35px;font-weight:normal;}
#test_countainer #test_detail .test_project_cont li .showRes{position:absolute;left:3%;top:140px;line-height:40px;font-size:20px;width:430px;overflow:hidden;}
#test_countainer #test_detail .test_project_cont li .showRes .title{color:red;}
#test_countainer #test_detail .test_project_cont li .showRes .math{display:block;color:red;}

#test_countainer #test_detail .test_project_cont li .tuijian{position:absolute;left:3%;top:400px;width:815px;overflow:hidden;}
#test_countainer #test_detail .test_project_cont li .tuijian strong{width:92px;line-height:100px;font-size:22px;float:left;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont{width:800px;overflow:hidden;height:100px;font-size:17px;float:left;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont .tj{width:100px;height:100px;overflow:hidden;margin-left:15px;display:table;text-align:center;float:left;border-radius:50px;background:#bc78b1;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont .tj:nth-child(1){background:#dfbfd7;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont .tj:nth-child(2){background:#6db5cb;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont .tj:nth-child(3){background:#f197bd;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont .tj:nth-child(4){background:#bc78b1;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont .tj:nth-child(5){background:#8178b9;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont .tj:nth-child(6){background:#6bcca9;}
#test_countainer #test_detail .test_project_cont li .tuijian .tjCont a{display:table-cell;vertical-align:middle;width:80px;padding:0px 15px;color:#fff;font-size:16px;}
#test_countainer #test_detail .test_project_cont li .tuijian p{padding-top:20px;line-height:22px;font-size:13px;float:left;color:#666;}
#test_countainer #test_detail .test_project_cont li #getBackNow{overflow:hidden;background:red;cursor:pointer;margin-top:20px;}






