/* 预约框 */
.p_a .div_drag .online-form .form-horizontal .form-group:nth-of-type(3) .btn{ background: #472983;}  




.n_title{padding:50px 0;}
.n_title > h1{padding:0;}
.n_title > p{ text-align: center; font-size: 12px;color: #9a9a9a;}


.section{padding-bottom: 50px;}

.n_title > h1 i {
    display: inline-block;
    width: 253px;
    height: 30px;
    background: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/memicon1.png) no-repeat center;
    margin-right: 15px;
}
.n_title > h1 i.navbg2 {
    background: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/memicon2.png) no-repeat center;
    margin-left: 15px;
}
.color-white h1 i{background-image: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/memicon6.png);}
.color-white h1 i.navbg2{background-image: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/memicon5.png);}

.section_membg1{background: #f6f6f6;}
.section_membg2{background: url(http://www.tqedu.net/Custom/uploadImage/attached/2019/6/541c415b-71a4-4ec0-a590-53a33acd02d0.jpg)no-repeat center center; background-size: 100% 100%; }

.mem_about{width: 100%; position: relative; height: 300px;}
.mem_about .ab_txt{width: 70%; padding:40px; box-shadow: #eee 0px 0px 10px 2px;}
.mem_about .ab_txt p{ text-indent: 2em; width: 80%;}
.mem_about .ab_txt .ab_impot{font-weight: bold; margin-top: 10px; text-indent: 10px;}
.mem_about .ab_txt .ab_impot>em{display: inline-block; width: 12px;margin-right: 10px; height: 12px; border-radius: 50%; background: #27116f;box-shadow: #beb7d4 0px 0px 0px 3px; }
.mem_about .ab_img{ display: block;  z-index: 10; position: absolute; right: 0; top:30px; width: 42%;}

.mem_target{width: 100%;}
.mem_target .target_img{display: block; float: left; border:10px solid #fff;}
.mem_target .target_txt{width: 50%; float: left; padding:40px;}
.mem_target .target_txt p{ text-indent: 2em;}
.mem_ws{display: block; text-align: center; width: 120px; line-height: 40px; color:#353535; font-size: 14px; border-radius: 5px; background: #fabc13; margin-top:30px;}
.mem_target .target_txt .mem_ws:hover{background: #27116f; color:#fff;}

.mem_people{width: 100%;padding:0 8%; margin-top: 50px; height: 260px; color:#353535; background: url(http://www.tqedu.net/Custom/uploadImage/attached/2019/6/58042a9e-cde2-4e26-932d-572441778c21.jpg) no-repeat center; position: relative;}
.mem_people .pe_left{ transition: all 0.3s; float: left; width: 320px; height: 250px; background:#f6f6f6; padding:25px; position: relative; margin-top: -30px;}
.mem_people .pe_left h6{font-size:20px; font-weight: bold;}
.mem_people .pe_left p{ font-size: 16px; margin-top:20px;}
.mem_people .pe_left .ws_bg{background: #27116f; color: #fff; position: absolute; bottom: 30px; margin:0;}
.mem_people .pe_right{ float: right;}
.pe_peopleicon1{position: absolute; bottom: 0; margin-left: -80px;}
.mem_people .pe_left:hover{background:#fabc13; }
.mem_people .pe_left .ws_bg:hover{background: #fff; color:#353535;}

.mem_test{width: 100%;}
.mem_test li{float: left; width: 25%;  transition: all 0.3s;}
.mem_test li .te_detail{padding:30px; width: 80%; height: 250px; background: #fff; margin:0 auto;  box-shadow: #eaeaea 0px 0px 8px 2px; position: relative;}
.mem_test li .te_mark{ transition: all 0.3s; display: block; position: absolute; width: 85px; height: 84px; top:-25px; left: -25px;  color:#fff; font-size: 30px; font-weight: bold; padding:6px;
    background: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/memicon3.png) no-repeat center;}
.mem_test li .te_detail .ws_bg{ position: absolute; bottom: 20px; margin:0; background: #27116f; border-radius: 25px; color: #fff;}
.mem_test li .te_detail:hover .te_mark{ background-image: url(http://www.tqedu.net/Template/Default/Skin/2018/pubimages/memicon4.png); }
.mem_test li .te_detail .ws_bg:hover{background:#fabc13; } 
.te_text{text-indent: 2em; font-size: 14px; color: #888;}

.mem_book{width: 100%;height: 400px; padding: 20px;  box-shadow: #eaeaea 0px 0px 8px 2px; }
.mem_book .bo_img{float: left;}
.mem_book .bo_right{float: right; width: 55%}
.bo_libox{margin-bottom: 10px;}
.mem_book .bo_right .bo_list{float: left; margin-right:15px;margin-top: 20px; border-radius: 5px; background:#f6f6f6; height:200px; width: 170px; overflow: hidden;}
.mem_book .bo_right .bo_list h5{ padding:5px 0; background:#fabc13; color:#fff; font-size: 20px; text-align: center; }
.mem_book .bo_right .bo_list p{padding:0 10px; margin-top:15px;}
.mem_book .bo_right .bo_text{font-size: 14px; color: #555;}
.mem_book .bo_right .mem_ws:hover{background:#27116f; color:#fff; }

.mem_process{width: 100%; color: #fff;}
.mem_process li{ width: 50%; float: left;}
.mem_process li h6{font-size: 24px; font-weight:bold; margin-bottom: 20px;}
.color-white p{ color: #fff;}
.mem_process li p{line-height: 2em;}
.mem_process li p em{ font-weight: bold;}
.mem_process li .pr_form{background: rgba(255,255,255, 0.3); width:560px; height: 380px; float: right;padding:50px; margin-top: 50px; }
.mem_process li .pr_form h4{ font-weight: bold; font-size: 24px; padding-bottom: 20px;}
.mem_process li .pr_form .form_group{width: 100%; border-radius: 5px; margin-bottom: 20px; }
.mem_process li .pr_form .form_group input{height:50px; text-indent: 2em;}
.mem_process li .pr_form .form_group button{height:50px; text-align: center; color: #fff; background: #27116f; border:0; }

.mem_course{height: 470px;}
.mem_course .bo_right .bo_list h5{background: #27116f}

.mem_choose .pe_right { width:55%; text-indent: 2em;  position: relative; background: #fff;}
.mem_choose .pe_right .ws_bg{ text-indent: 0; position: absolute; bottom: 20px; left: 50%;transform: translateX(-50%);}

.mem_tab{width: 100%; margin-bottom: 20px;}
.mem_tab th,.mem_tab td{width: 25%; border:1px solid #ccc; text-align: center;}
.mem_tab th{background:#e9e9e9; font-weight: bold;font-size: 20px; padding:15px; }
.mem_tab caption{ background: #27116f; color:#fff; font-weight: bold; font-size:20px; line-height:70px; text-align: center;  }
.mem_tab td{padding:2px;}
.mem_tab td.f_query .onclick2 a{ display: block; width: 50%; margin:0 auto; padding:8px 0;  color: #fff; background:#27116f; border-radius: 5px; }
.mem_tab td.f_query .onclick2 a:hover{background:#fabc13;} 

.mem_tab_yellow caption{background:#fabc13;}
.mem_tab_yellow td.f_query .onclick2 a{background:#fabc13; }
.mem_tab_yellow td.f_query .onclick2 a:hover{background:#27116f; }

.mem_show{width: 100%;}
.mem_show li{width:32% ; margin-right: 2%; margin-bottom: 10px; position: relative; float: left;}
.mem_show li p{ position: absolute; bottom: 0; left: 0; width: 100%; padding:15px 0; text-align: center; background: rgba(0,0,0,0.4); color: #fff; }
.mem_show li.lastli{margin-right: 0;}



@media screen and (max-width: 1000px){

.section{padding-bottom: 20px; }
.n_title{padding:20px 0;}

.n_title > h1 i{display: none;}

.te_text{text-indent: 0;}
.mem_about{height: auto;}
.mem_about .ab_img{display: none;}
.mem_about .ab_txt{width: 100%; padding:15px 10px;}
.mem_about .ab_txt p{width: 100%;}

.mem_target .target_img{display: none;}
.mem_target .target_txt{width: 100%; float: none;padding:15px 10px;}
.mem_ws{width: 90%; margin:0 auto; margin-top:20px;}

.mem_people{padding:0; background:transparent; margin-top: 0;}
.mem_people .pe_left{width: 49%; padding:10px 15px; height: 220px; margin:0;}
.pe_peopleicon1{display: none;}
.mem_people .pe_left p{margin-top: 10px; font-size: 14px;}
.mem_people .pe_left h6{text-align: center; font-size: 18px;}
.mem_people .pe_left .ws_bg{width: 80%; bottom: 20px;}

.mem_test li{width: 50%; margin-bottom: 20px;}
.mem_test li .te_detail{width: 90%; padding:15px 10px; height: 210px;}
.mem_test li .te_mark{background: #27116f; width: 30px; height: 30px; border-radius: 50%; left: -2px; top:-15px;
    text-align: center; line-height: 30px; padding:0; font-size: 16px;}
.mem_test li .te_detail:hover .te_mark{background: #fabc13;}

.mem_book{height: auto; padding:10px;}
.mem_book .bo_img{display: none;}
.mem_book .bo_right{float: none; width: 100%; padding-bottom: 10px;}
.mem_book .bo_right .bo_list{width: 43%; height: 180px; margin-top: 10px;}

.mem_process li{float: none; width: 100%;}
.section_membg2{background: #5b3e90;}
.mem_process li h6{font-size: 20px; margin-bottom: 10px;}
.mem_process li .pr_form{width: 100%; height: auto; padding:20px; margin:0; margin-top:10px;}
.mem_process li .pr_form h4{font-size: 20px; padding-bottom: 10px;}

.mem_choose{height: auto;}
.mem_choose .pe_right{width: 100%; padding-bottom: 10px;}

.mem_tab{font-size: 14px;}
.mem_tab td.f_query .onclick2 a{width: 90%; font-size: 14px;}
.mem_tab caption{font-size: 18px; line-height: 50px;}
.mem_tab th{font-size: 16px; padding:10px 2px;}

.mem_show li{width: 49%; margin-bottom: 6px;}
.mem_show li.lastli{margin-right: 2%;}
.mem_show li:nth-child(2n){margin-right: 0;}
.mem_show li p{padding:10px 0;}

.mem_book .bo_right .bo_list h5{font-size: 18px;}




}

@media screen and (max-width: 380px){

.mem_course .bo_right .bo_list{height: 200px;}
.mem_test li .te_detail{height: 240px; width: 95%;}
.mem_test li:nth-child(1) .te_detail{height: 180px;}
.mem_test li:nth-child(2) .te_detail{height: 180px;}
.mem_people .pe_left{height: 260px;}


}