/*全部*/

* { padding: 0px; margin: 0px; font-family: 微软雅黑; outline: none; }

#All { width: 100%; margin: 0px; }
/*第一块*/
#All #Top_1 { width: 100%; display: flex; }
/*Logo*/
#Top_1_left_img1 { margin-left: 200px; width: 25%; padding-top: 20px; padding-bottom: 20px; }

#Top_1_left_img2 { width: 20%; }
/* div搜索框*/
#Search { width: 220px; height: 28px; border-radius: 30px 35px 35px 30px; border: 1px solid #20B573; outline: none; display: inline-flex; background-color: white; }
/* 搜索框按钮*/
#Search2 { width: 100%; height: 28px; border-radius: 30px 25px 25px 30px; background: url(../Image/搜索.png) no-repeat center; background-size: 50% 50%; background-color: #20B573; /*  overflow: visible;*/ -webkit-appearance: none; cursor: pointer; font-size: 0; line-height: 0; }
/*搜索li标签*/
.Search_li_01 { float: left; flex-grow: 4; }

.Search_li_02 { float: left; flex-grow: 8; }
/*搜索input标签*/
.Search_li_input_01 { }

.Search_li_input_02 { border: none; outline: none; -webkit-appearance: none; }
/*手机、消息、个人中心、退出*/



/*第二块*/
/*导航栏*/
#All #Top_2_Navigation { width: 100%; height: 37px; background-color: #20B573; }

#All #Top_2_Navigation ul { position: relative; left: 15%; }

#All #Top_2_Navigation ul li { float: left; list-style: none; line-height: 37px; text-decoration: none; width: 90px; text-align: center; }

.qwe:hover { background-color: #019654; color: white; }

#All #Top_2_Navigation ul li a { text-decoration: none; color: #D7EEE2; margin-top: 5px; }
/*专业情绪压力测试*/
#All #Top_2_img {
   
    background-image: url('/hqc/Image/Top2.png');
  
    width: 100%;
    height: 310px;
    
    background-repeat: no-repeat;
    background-size: 130% 100%;
    background-position-x: 75%;
    width: 100%;
}


#All #Top_2_img_Registration {
    background-color: white;
    box-shadow: 0 0 3px 1px rgb(217, 217, 217);
    border-radius: 5px 5px 5px 5px;
    margin-left: 70%;
    position: relative;
    top: 12%;
    opacity:0.97;
}

#All #Top_2_img_Registration table { width: 100%; height: 90%; text-align: center; position: relative; top: 5%; }

#All #Top_2_img_Registration img { margin-left: -6%; }

#All #Top_2_img_Registration #Re_text { width: 150px; height: 30px; background-color: rgb(202, 202, 202); color: gray; border: 0px solid black; }

#All #Top_2_img_Registration #lig { width: 100px; height: 30px; background-color: orange; color: white; border: 1px solid gray;  }



/*Center1 潜能评测，最新话题*/
#All #Center_1 { height: 450px; width: 75%; margin: 0 auto; padding-top: 30px; display: flex; overflow: hidden; }

#All #Center_1 #Center_1_Potential { flex: 3 0 none; width: 75%; height: 100%; }

#All #Center_1 #Center_1_Topics { flex: 1 0 none; width: 25%; }

.more {
    font-size: 8px; /*width: 50px;*/
    height: 24px;
    background-color: #20B573;
    color: white;
    border-radius: 3px 3px 3px 3px;
    float: right;
    position: relative;
    right: 20px;
    top: 20px;
    text-align: center;
    cursor: pointer;
    padding: 3px 3px 0px 7px;
}

.more a { text-decoration: none; color: white; }

#All #Center_1_Potential table { width: 100%; height: 100%; /*margin-left: 40px;*/ }

.Potential { width: 50%; height: 40%; background-color: #F8FCFA; border-left: 10px solid white; border-top: 50px solid white; border-bottom: 30px solid white; padding-bottom: 15px; }

.Potential_text { float: right; font-size: 13px; width:200px; }

.Potential_text a { text-decoration: none; color: #46C997; }

.Potential_text div { width: 70px; height: 20px; border: 1px solid #46C997; text-align: center; float: right; margin-right: 10px; }

.Potential_text p { position: relative; top: 10px; font-size: 12px; color: gray;height:20px; }

#Topics_table { width: 100%; }

#Topics_table p { margin-left: 20px; }

#Topics_table a { color: black; }

#Topics_table span { color: gray; font-size: 12px; margin-left: 20px; }
/*Center2 职业探索*/
#All #Center_2 { width: 100%; height: 300px; background-color: rgb(241,248,246); }

#All #Center_2_Explore { width: 75%; height: 100%; margin: 0 auto; }

#All #Explore_ul {
    width: 104.5%;
}

#All #Explore_ul li { float: left; margin-left: 4%; margin-top: 5%; width: 20%; }
/*Center3 技能提升 */
#All #Center_3 { height: auto; width: 75%; margin: 0 auto; padding-top: 30px; }

#All #Center_3 ul { margin-top: 3%; margin-left: 20px; }

#All #Center_3 ul li { list-style: none; width: 24%; float: left; margin-left: 5px; text-align: center; }

.Lecturers { width: 60%; height: 100%; font-size: 12px; background-color: mediumseagreen; text-align: center; line-height: 25px; color: white; border-radius: 5px 5px 5px 5px; position: relative; top: -15px; }

#All #Center_3 p { font-size: 12px; }
/*
#All #Center_3 ul span { font-size: 10px; color: gray; }*/
/*center4 论文助手 心灵驿站*/
#All #Center_4 { width: 100%; height: 750px; background-image: url('/hqc/Image/论文助手2.png'); background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto; padding: 0; }

/*#All #Center_4 span a { color: ; margin-left: 0px; }*/

#All #Center_4_Assistant { width: 70%; margin: 0 auto; }

#All #Center_4_Assistant li { width: 45%; height: 130px; background-color: white; float: left; margin-left: 25px; margin-top: 20px; list-style: none; }

#All #Center_4_Assistant div { float: right; font-size: 13px; margin-top: 15px; margin-right: 50px; }

#All #Center_4_Assistant div p { font-size: 10px; color: gray; }

.ht1cen { width: 40%; display: table; margin-bottom: 10px; float: left; margin-left: 7%; margin-top: 2%; }

/*.ht1cend1 { width: 15%; float: left; }*/

.ht1cend1 img { width: 120px !important; height: 105px; }

.ht1cend2 { width: 75%; float: right; }

.ht1cend2 div { padding-left: 5px; color: black; }

.ht1cend2 .ht1cend2l1 { font-size: 15px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; cursor: pointer; }

.ht1cend2 .ht1cend2l2 { font-size: 13px; text-indent: 20px; }

#All #Center_5 { width: 75%; height: 40%; margin: 0 auto; margin-top: 6%; }

#All #Center_5 ul li { float: left; margin-left: 12%; margin-top: 50px; width: 10%; }
/*bottom  底部*/
.Bottom1 { height: 200px; background-color: #505050; }

.Bottom_ul { color: white; }

.Bottom_li { float: left; margin-left: 11%; }

.zcdl { display: none; }

a { text-decoration: none; }

ul li { list-style: none; }
/*关闭图片*/
#guan { width: 40px; height: 40px; background-image: url('../Image/错1.png'); position: absolute; left: 95%; top: 20px; }
/*遮幕层*/
.mask { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 100; margin: 0 auto; display: none; }