﻿html,body {margin:0;padding:0;font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE软雅黑,STHeiti,\\534E文细黑,sans-serif;background:#fff;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button:focus { outline:none;}
a {text-decoration:none;color:#000;}
ul{padding:0; margin:0;}
li{padding:0; margin:0; list-style:none}
img {border:0;}
hr {height:0;margin-top:10px;margin-bottom:10px;border:0;border-top:solid 1px #353c48;}
#selecConfrim{ height:36px; width:100px; line-height:36px; border:1px solid #63b3da; background-color:#63b3da; color:#fff;  cursor:pointer; border-radius:6px; margin-right:6px; font-size:16px;} 
/*菜单*/
#header {background:#fff;position:fixed;top:0;left:0;right:0;z-index:20; border-bottom:1px solid #eee;}
/*logo*/
.brand {display:block;overflow:hidden;width:170px;height:50px;margin:16px 0 0 0 ;text-indent:-999px;background:url("../../images/logo_ok.png?20200830") no-repeat center top;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}
@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx){
	.brand {background-image:url("../../images/logo_ok.png?20200830"); margin:10px 0 2px 0;}
}
/*所在城市*/
 .comment-search-position
{
    position: absolute;
    top: 50%;
    left: 30%;
    margin-top: -10px;
    font-size:14px;
    color:#676767;
}
 .comment-search-position a
{
    color:#676767;
}     
 .comment-search-position a:hover
{
    color: #63b3da;
} 
.clearfix:before, .clearfix:after,
.container:before, .container:after,
.row:before, .row:after,
.nav:before, .nav:after,
.global-nav:before, .global-nav:after,
.box-txt:before, .box-txt:after
{display:table;content:" ";clear:both;}



.navbar-toggle {float:right;width:40px;height:32px;margin:16px 0 0 0;border:0;padding:5px 9px;background:none;cursor:pointer;}
.navbar-toggle .icon-bar {display:block;width:22px;height:2px;background:#676767;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.navbar-toggle .icon-bar + .icon-bar {margin-top:4px;}

.navbar-toggle.active .icon-bar {position:absolute;margin:0;}
.navbar-toggle.active .icon-bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-child(2) {opacity:0;}
.navbar-toggle.active .icon-bar:nth-child(3) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

.navbar {display:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);}
.nav {margin:5px 0;padding-left:0;}
.nav li {list-style:none;border-top:solid 1px #eee;position:relative;}
/*.nav li:first-child {border-top:0;}*/
.nav li a {display:block;padding:20px 15px;font-size:16px;color:#676767;}
.nav li a:hover{ color:#63b3da;}
.nav li.active a {background:rgba(0,0,0,.3);}
.collapse {display:block;overflow:hidden;overflow-y:auto;visibility:visible;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;}

/* 图片区域-开始*/
.thetop_content{ width:100%; margin-top:80px; position:relative;}
 .carousel-top{width: 100%;min-width: 1430px; /*最小宽度*/height: 300px; }
.banner{ width:100%; height:300px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:300px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:300px; float:left;}
.b-list{ height:32px;position:absolute; margin:0 auto;z-index:1; left:47%; bottom:0}
.b-list span{ display:block;cursor:pointer; width:12px; height:12px; border-radius:50%; background:transparent;border: 1px solid #676767; float:left; margin:0 9px; _margin:0 3px;}
.b-list .spcss{background-color: #676767; border: 1px solid #676767;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:300px; left:0px; background:none; top:0; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:300px; right:0px; background:none; top:0; }
.bar-left em{ display:block; width:34px; height:40px; background:url("../img/arrow.png") no-repeat; background-size:cover; margin:0 auto; margin-top:160px;}
.bar-left .emcss{ background-position:0px -41px;}
.bar-right em{ display:block; width:34px; height:40px; background:url("../img/arrow1.png")no-repeat;background-size:cover;  margin:0 auto; margin-top:160px;}
.bar-right .emcss{ background-position:0px -41px;}
/* 图片区域-结束*/
/* 科目开始*/
.mnKs{ position:absolute; top:90px; left:265px; width:260px; height:340px;border-radius:10px; background-color:#fff; opacity:0.9;  text-align:center;}
.mnKs hr{ border:1px solid #eee; height:1px; margin:0; padding:0;}
.mnKs h3 { font-size:20px; font-weight:bold; color:#676767; margin:10px; display:inline-block; letter-spacing:2px;}
.mnKs-pic{float: left; width: 56px;  height:56px;border-radius: 50%;margin-right: 14px;}
.k2color{ border:2px solid #56bbe8;}
.mnKs-k2-img{ height:50px; width:50px;background-size:cover; margin-top:4px; }
.mnKs-type-img{ height:36px; width:36px;background-size:cover; margin-top:8px; }
.mnKs-k1 p { margin:0; padding:0; height:26px; line-height:26px; font-size:14px; color:#676767; text-align:left;}
.mnKs-k1 p span{ font-size:16px; color:#676767; font-weight:bold; text-align:left;}
.mnKs ul li{ margin:15px;}
.mnKs ul li a:hover .k2color{ background-color:#e1fbf1;border:2px solid #56bbe8;}
.mnKs ul li a:hover .mnKs-k1 p span{ color:#63b3da;}
/* 科目结束*/
/* 小车理论开始*/
.theory-test{ width:1430px; margin:0 auto; overflow:hidden; padding:0px; }
.theory-test h2 { text-align:center; clear:both; color:#676767;}
.theory-test-flex{display: flex; justify-content: space-between;}
.k1-theory-test{ float:left; width:600px; height:320px; border:1px solid #eee; margin-left:7%; border-radius: 8px;}
.k4-theory-test{ float:left; width:600px; height:320px; border:1px solid #eee; margin-right:7%; border-radius: 8px;}
.theory-test-span{ text-align:center; height:80px; line-height:80px; border:1px solid #eee;}
.theory-test-span span{ font-size:22px; color:#676767;}
.theory-test-div a { display:inline-block; width:270px;}
.pan{ padding:10px;}
.theory-test-div{ border:1px solid #eee; width:270px; border-radius: 8px;}
.theory-test-div a:hover .km-theory-test-span span{ color:#63b3da;}
.theory-test-div a:hover .km-theory-test-span p{ color:#63b3da;}
/*.theory-test-div:hover { background-color:#e1fbf1;}*/
.theory-test-mnks{ text-align:center;}
.theory-test-mnks a { display:inline-block; height:46px; line-height:46px; width:270px; border:1px solid #63b3da;color:#63b3da; border-radius: 8px;}
.theory-test-mnks a:hover { background-color:#63b3da; color:#fff;}
.theory-test-pic{ float: left; width:60px; height:60px;}
.theory-test-img{  width:60px; height:60px; }
.km-theory-test-span{ float:left ; margin-left:10px;}
.km-theory-test-span p{ margin:0; padding:0; line-height:26px; height:26px; color:#676767; font-size:14px;}
.km-theory-test-span p span{ font-size:18px;}
/*@media (min-width: 768px) {*/
	#header {position:fixed;top:0;left:0;right:0;
		background-repeat:repeat-x;
		-webkit-transition:all .5s;transition:all .
		background-repeat:repeat-x;
		-webkit-transition:all .5s;transition:all .5s;}
	.global-nav {-webkit-transition:all .5s;transition:all .5s;}
	.brand {float:left;width:190px;height:60px;-webkit-transition:all .5s;transition:all .5s;}
	.navbar-toggle {display:none;}
	.navbar {float:right;display:block;margin-right:-15px;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
	.nav {margin:0;}
	.nav li {float:left;border:0;}
	.nav li a {padding:20px 15px;line-height:40px; text-align:center; width:90px; font-weight:200; font-size:14px }
/*}*/
.conent{width:100%}
.container {
	width: 1430px;
	margin: 0 auto;
	padding:0;
}
.container {margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px;}

  /*侧边栏开始*/
.sidebar
{
    position: fixed; /*固定定位*/
    right: 1%;
    top: 50%;
    width: 50px;
    height: 200px;
    z-index: 100;
}
.sidebar a
{
    display: block;
    width: 46px;
    height: 46px;
    background: #bdbdbd;
    border-radius: 3px;
}
.sidebar a:hover
{
    background-color: #63b3da;
}
.sidebar .sideTxt
{
    text-align: center;
    width: 120px;
    height: 42px;
    background: #eee;
    top: 0px;
    right: 100px;
    line-height: 42px;
    display: none;
    opacity: 0;
    border: 1px solid #eee;
    border-radius: 3px;
}
/*微信使用*/
.sidebar .WX
{
    text-align: center;
    width: 120px;
    height: 140px;
    background: #eee;
}
        
.sidebar .sideWth
{
    text-align: center;
    width: 120px;
    height: 42px;
    background: #eee;
    top: 0px;
    right: 100px;
    line-height: 22px;
    display: none;
    opacity: 0;
}
img
{
    box-shadow: 5px;
}
.sidebar .staList
{
    width: 100%;
    margin: 4px 0;
}
.sidebar b
{
    display: block;
    height: 0px;
    width: 0px;
    border: 9px solid #eee;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -9px;
}
.pAR
{
    position: absolute;
    top: 0px;
    right: 0px;
}
/*定位*/
.dIB
{
    display: inline-block;
}
/*转换*/
.pR
{
    position: relative;
}
/*相当定位*/
.fff
{
    color: #676767;
}
.btn
{
    margin-top: 8px;
    margin-left:10px;
}
        
/*侧边栏结束*/

/*班别*/
#join {padding-top:10px; margin-top:10px; padding-bottom:10px; margin-bottom:10px;}
.item-title {text-align:center; padding-top:20px;}
.item-title h1 { color:#676767;font-weight:normal; margin:0; font-size:22px; margin-bottom:20px;}
.item-title h3 { color:#676767; font-weight:200; margin-top:0; font-size:16px;}

/* join */
.item-modile{ padding:10px; margin-bottom:20px; height:160px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.join-title {/*width:35%;*/ width:200px; height:160px; text-align:center; font-size:30px; font-weight:bold; color:#676767; font-style:oblique; -webkit-text-stroke: 1px white;border-right:1px solid #676767}
.join-text {width:59%; margin-left:6% }
.join-text p { color:#676767; font-weight:200; margin:0; padding:5px 0}
.item-modile-1 { background-color:#fff;  border :1px solid #bbb;box-shadow:3px 3px 10px #8b8b8b;border-radius:3px;}
.item-modile-2 { background-color:#fff;  border :1px solid #bbb;box-shadow:3px 3px 10px #8b8b8b;border-radius:3px;}
.item-modile-3 { background-color:#fff;  border :1px solid #bbb;box-shadow:3px 3px 10px #8b8b8b;border-radius:3px;}
.item-modile-4 { background-color:#fff;  border :1px solid #bbb;box-shadow:3px 3px 10px #8b8b8b;border-radius:3px;}
#join-bj {}
.join-bj .item {background: rgba(19, 19, 19, 0.9) none repeat scroll 0 0;
	height: auto;
	line-height: 1.8;
	margin-bottom: 10px;
	padding: 20px;
	position: relative;
	text-align: center;
}

.join-bj .item h2{  color: #fff;
	font-size: 18px;
	font-weight: 200;
	padding-bottom: 20px;
}

.join-bj .item p{
	color: #e6e6e6;
	font-size: 14px;
	font-weight: 200;
	margin: 0;
}

.join-proportion { width:80%; margin:0 auto; padding-bottom:20px}

.item-join-1 {background-image: url("../img/icon/icon-zy.png"); background-repeat:no-repeat; background-size:200px; height:150px; background-position:center}
.item-join-2 {background-image: url("../img/icon/icon-sf.png"); background-repeat:no-repeat; background-size:200px; height:150px; background-position:center}
.item-title-join h4 { padding:10px 0;color: #fff;
	font-size: 16px;
	font-weight: 200;
	line-height:28px;
	margin-top: 0;
}

.pfloot
{
    width: 100%;
    min-width:1430px;
    height: 300px;
    margin-top:90px;
    text-align: center;
    background-color: #eee;
    overflow: hidden;
}
.pfloot .div1
{
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 12px;
    background: #eee;
    text-align: center;
}
.name
{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.pfloot .div3
{
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}
.all_a2{ margin-left:15px; margin-right:15px;}


/*-----------------------班别-------------------------*/
.screen{width:1430px;padding:10px;}
.screen-pro{ border-top-left-radius:6px;border-top-right-radius:6px; border:1px solid #eee; }
.screen-province span{ margin-left:10px;}
.screen-province span a{margin:0 10px 0 10px; color:#676767;}
.screen-province span  a:hover{ color:#63b3da;}
.screen-province{  line-height:36px; color:#676767; font-size:16px; border-bottom:1px solid #eee; }
.pro_table{ margin-left:10px; width:100%;}
.pro_table tr td {  line-height:36px; color:#676767; min-width:130px;}
.pro_table tr td a{ margin:0 10px 0 10px; color:#676767;}
.pro_table tr td a:hover{ color:#63b3da;}
.screen_table{ line-height:36px; color:#676767; margin-left:10px;}
.screen_table a{ margin:0 10px 0 10px;color:#676767;}
.screen_table a:hover{ color:#63b3da;}
.screen-top{ border-bottom-left-radius:6px;border-bottom-right-radius:6px; border-left:1px solid #eee; border-bottom:1px solid #eee;border-right:1px solid #eee; line-height:36px; color:#676767;}
.screen-top a{  margin:0 10px 0 10px;}
.screen-top a:hover{color:#63b3da;}
.screen-top span{ margin-left:10px;}
.all_a1{ color:#676767;}
.all_a3{ color:#63b3da;}
.classMore{width:1430px;padding:10px; margin:20px 0 20px 0;}
.classMore a { display:block;margin:0 auto;  width:300px; height:50px;}
.classMore a div{border: 1px solid #d8d8d8;border-radius: 6px;font-size: 16px;text-align: center;color: #676767;line-height: 50px;cursor: pointer;}
/*分页*/
.floot_div{ width:1430px; margin:0 auto; margin-top:30px; }



.more a div:hover{color: #63b3da;border: 1px solid #63b3da;}
/*显示价格*/
.pic{float: left; width: 260px;  height:160px;overflow: hidden;border-radius: 4px;margin-right: 14px;}
#typeName .container{ max-width:1430px;}
.pic-Jg {float: left; border-right:1px solid #d8d8d8; width:400px; padding-right:50px;}
.pic-Jg p { font-size:16px; color:#676767; margin-top:0; height:26px; line-height:26px;  margin:0; padding:0;}
.pic-Jg p a{ font-size:20px; color:#676767;}
.pic-Jg p a:hover{ color:#63b3da;}
/*内容*/
.class-type{ float: left; max-width:590px; margin-left:100px; height:160px;}
.class-type p{color:#676767; font-size:16px;}
#typeName .container ul li{ overflow:hidden; padding:20px; border-bottom:1px solid #d8d8d8; position:relative;}
/*图片*/
.class-type-img{ height:160px; width:260px;background-size:cover; }
.btnUp{ display:block; border-radius: 4px; text-align:center; color:#fff; width:100px; height:30px; line-height:30px; background-color:#63b3da;}
.btnUp:hover{background-color:#70bee4;}
.display{ display:none;}
.class-type-a a{ color:#676767; font-size:16px;}
.class-type-a a:hover{ color:#63b3da;}
.btnPosition{ position:absolute; right:2px; bottom:10px;}
.s2{ text-decoration:line-through;}
/*文字超出省略*/
.ellipsis{height:26px; line-height:26px; cursor:pointer; margin:0; padding:0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;     
    text-overflow: ellipsis; white-space: nowrap;}
    

.enroll{ width:100%; padding:0; margin-top:82px;}
.enroll-minW{ width:1430px; margin:0 auto;}
.enroll-entry{ width:1000px; float:left;margin:0 auto; text-align:center;}
.enroll-entry h3 { color:#676767; font-size:18px; letter-spacing:2px;}
.enroll-entry-top{ width:1000px; color:#676767;  margin:auto;  padding:60px 10px 10px 10px; text-align:left;}
.enroll-entry-top .title{ text-align:left; font-size:18px; }
.enroll-input{ width:400px; height:46px; line-height:46px; padding:6px;border-radius:6px; border:1px solid #d8d8d8; margin-left:20px;}

.enroll-input-W{ width:270px; height:46px; line-height:46px; padding:6px;border-radius:6px; border:1px solid #d8d8d8; margin-left:20px;}
.enroll-input-Huer {cursor: pointer;color: #fff;width: 113px;height:46px; line-height:46px;margin-left: 8px;background-color: #63b3da;border: 1px solid #eee;border-radius: 3px;}
.ma-top{ margin-top:20px;}
.ma-top span{ color:#676767; font-size:14px;}
.submit-btn{ width:460px; height:46px; line-height:46px; border:1px solid #eee; border-radius:6px; background-color:#63b3da; color:#fff;cursor:pointer;}
.submit-btn:hover{background-color:#70bee4;}
.submit-btn-a{ display:block; text-align:center; width:460px; height:46px; line-height:46px; border:1px solid #eee; border-radius:6px; background-color:#63b3da; color:#fff;cursor:pointer;}
.submit-btn-a:hover{background-color:#70bee4;}

.enroll-list{ width:400px; float:right;  border:1px solid #d8d8d8; border-radius:6px;}
.enroll-list h3 { color:#676767; font-size:18px; letter-spacing:2px; text-align:center;}
.enroll-list-hr{ border:1px solid #eee;}
/*推荐班别*/
.enroll-list-pan{ padding:0 10px 10px 10px;}
.enroll-list-pan ul li{ border-bottom:1px solid #d8d8d8; overflow:hidden; padding-bottom:10px;margin-bottom:10px;}
.enroll-list-pic{float: left;overflow: hidden;border-radius: 4px; margin-right: 10px; width:130px; height:80px;}
.enroll-list-img{ width:130px; height:80px;background-size:cover; }
.enroll-list-Xx{ float:left; }
.enroll-list-Xx p { height:26px; line-height:26px; color:#676767; font-size:14px;  margin:0; padding:0;} 
.enroll-list-Xx p a:hover{ color:#63b3da;}
.more{ width:100%;  display:inline-block;}
.more:hover{color:#63b3da;} 
/*驾校列表*/
.school{width:100%; padding:0; margin-top:82px;}
.school-minW{ width:1430px; margin:0 auto;  padding:10px;}
.school-nav-position{ height: auto; overflow: hidden;padding-top: 10px;}
.school-nav-position span { display:block ; float:left; height:36px; line-height:36px;font-size: 16px;color: #676767;}
.school-city-detail{ margin-left:90px;}
.school-nav-position .school-city-detail span{ width:100px; height:36px; line-height:36px; font-size: 14px;color: #676767;}
.school-nav-position .school-city-detail span a{ font-size: 14px;color: #676767;}
.school-license-type,.school-price-between,.school-sort-mode{ height: auto; overflow: hidden;font-size: 16px;color: #676767;}
.school-license-type a,.school-price-between a,.school-sort-mode a{  font-size: 14px;color: #676767;height:36px; line-height:36px;margin: 0 15px;}
.school-list-hr{ border:1px solid #eee; height:1px;}
.school-list{ margin-top:20px;}
.school-list ul li{border-bottom:1px solid #d8d8d8; overflow:hidden; padding-bottom:10px;margin-bottom:10px;}
.school-list-pic{float: left;overflow: hidden;border-radius: 4px; margin-right: 10px; width:215px; height:130px;}
.school-list-img{ width:215px; height:130px;background-size:cover; }
.school-list-Xx{float:left; }
.school-list-Xx p { height:32px; line-height:32px; color:#676767; font-size:14px;  margin:0; padding:0;} 
.school-list-pon{  float:right; width:100px; margin-top:30px;}
.school-list-span-size{ color:#ff6c00;font-size:20px;}
.school-list-Xx p img{ width:18px; height:18px; padding-top:3px;}
.school-list-Xx p a { font-size:16px; color:#676767;}
.school-list-Xx p a:hover {color:#63b3da;}
.school-list-Xx p a span{ font-size:14px; color:#676767;}
.school-list-Xx p a span:hover {color:#63b3da;}
.school-list-color{color:#feb139;}

/*驾校详细*/
.details{width:100%; padding:0; margin-top:82px;}
.details-minW{ width:1430px; margin:0 auto;  padding:10px;}
.details-list{height:210px;}
.details-list-pic{float: left;overflow: hidden;border-radius: 4px; margin-right: 20px; width:275px; height:200px;}
.details-list-img{ width:275px; height:200px;background-size:cover; }
.details-list-Xx{float: left;}
.details-list-Xx p { height:34px; line-height:34px; color:#676767; font-size:14px;  margin:0; padding:0;} 
.details-list-Xx p img{ width:18px; height:18px; padding-top:3px;}
.details-list-color{color:#feb139;}
.details-list-Xx-mar span{ margin-left:10px; margin-right:10px; color:#feb139;}
.details-list-Xx-title{ font-size:24px;}
.details-list-pon{  float:left; width:100px; margin-top:30px; /*margin-left:200px;*/}
.details-list-span-size{ color:#ff6c00;font-size:24px;}
.details-list-Wx{float: left; width:130px; height:130px; border-radius: 4px;  margin-top:30px;margin-left:100px;}
.details-list-Wx-img{ width:130px; height:130px;background-size:cover; }
.details-list-Wx p{ color:#676767; font-size:14px; margin:0; padding:0; height:26px; line-height:26px; text-align:center; }
.details-entry-top{ width:1430px; margin:0 auto;  padding:10px; color:#676767;}
.details-entry-top .title{ font-size:18px; }
.details-list-head { margin-top:30px;}
.details-list-head ul{ margin: 0; padding: 0;list-style-type: none;background-color: #fff;overflow: auto;}
.details-list-head ul li{ display: inline-block; width:197px; color:#676767; font-size:14px; text-align:center; cursor:pointer; font-weight: bold; height:36px; line-height: 36px;border-radius: 4px;  border-bottom: 1px solid #eee;}
.details-list-head ul li:hover{color:#63b3da;}
.details-list-head ul li.selected{background-color: #e4f1ff;color: #63b3da;}
/*班别 费用*/
.details-bb-fee{margin-top:10px;}
.details-bb-fee table tr { height:36px; line-height:36px;}
.details-bb-fee table tr th { font-size:14px; color:#676767; text-align:center; background-color:#f2f8ff;}
.details-bb-fee table tr td { font-size:14px; color:#676767; text-align:center;}
.details-bb-fee-Zx{ display:inline-block; width:80px; height:36px; line-height:36px; border:1px solid #eee; border-radius:6px; background-color:#63b3da; color:#fff;cursor:pointer;}
.details-bb-fee-Zx:hover{background-color:#70bee4;}
/*驾校简介*/
.details-brief{ display:none; margin-top:10px;}
.details-brief span{ font-size:14px; color:#676767; }
/*班车信息*/
.details-Shuttle-Bus{ display:none;margin-top:10px;}
.details-Shuttle-Bus table tr td{font-size:14px; color:#676767; }
/*训练场地*/
.details-training-field{ display:none;margin-top:10px;}
#details-training-field-div{border: 0px solid red; height: 560px; overflow: hidden; }
#allmap{width:100% ; height:610px;}
.allmap-div{cursor: pointer; text-align: center; position: relative; }
.allmap-span{position:absolute; right: 10px; bottom: 60px;  display:block; background-color:White; width: 30px; height: 30px; text-align:center;border-radius:50%;
   -webkit-box-shadow: #666 0px 0px 5px; 
   -moz-box-shadow: #666 0px 0px 5px; 
   box-shadow: #666 0px 0px 5px;
 }
.allmap-img{margin-top: 3px; width: 24px; height: 24px}
.details-training-field-name{ width:1430px; overflow:hidden ;}
.details-training-field-name ul li{ float:left; width:260px; border:1px solid #63b3da; margin:10px; border-radius:8px; cursor: pointer;}
.details-training-field-name ul li p span{ margin:0; padding:0; line-height:26px; height:26px; font-size:14px; text-align:center; color:#676767;}
.details-training-field-name ul li p{ margin:0; padding:0; line-height:22px; height:22px; font-size:12px; text-align:center;color:#676767;}
.details-training-field-name ul li:hover p{color:#63b3da;}
.details-training-field-name ul li:hover p span{color:#63b3da;}
/*教学环境*/
.details-Environmental{ display:none;margin-top:10px;}
.details-Environmental ul{ width:1430px; overflow:hidden;  }
.details-Environmental ul li{ float:left; width:260px; height:180px; overflow:hidden ;  margin:10px; border-radius:6px; cursor:pointer; }
.details-Environmental ul li a{ display:inline-block; width:260px; height:180px; overflow:hidden; }
.details-Environmental ul li img{ width:260px; height:180px;}
/*学员点评*/
.details-evaluate{ display:none;margin-top:10px;overflow: hidden;}
.details-evaluate ul li{border-bottom:1px solid #d8d8d8; overflow:hidden; padding-bottom:10px;margin-bottom:10px;}
.details-list-evaluate-pic{float: left; width:60px; height:90px;}
.details-list-evaluate-img{ width:60px; height:60px; border-radius: 50%;}
.evaluate-font{ font-size:14px; color:#676767; text-overflow: ellipsis; white-space: nowrap;}
.evaluate-left{ float:left ; margin-left:10px; margin-right:10px; font-size:14px; color:#676767;}
.evaluate-left img{ width:14px; height:14px; padding-top:3px;}
.clear{ clear:both;}
.evaluate-conent{ overflow:hidden ;}
.evaluate-conent p { font-size:14px; color:#676767; margin-left:10px;}
.evaluate-date { overflow:hidden;}
.evaluate-date span { font-size:14px; color:#676767;margin-left:10px;}

/*报名咨询*/
.details-consultation{ display:none;margin-top:10px;}
.details-consultation-Zx{ min-width:500px; margin:auto; text-align:center;}
.details-consultation-Zx p{font-size:14px; color:#676767; }
.details-consultation-Zx p span{font-size:18px; color:#676767; letter-spacing:4px; }
/*教练列表*/
.coach-list{ margin-top:20px;}
.coach-list ul li{border-bottom:1px solid #d8d8d8; overflow:hidden; padding-bottom:10px;margin-bottom:10px;}
.coach-list-pic{float: left; overflow: hidden;border-radius: 50%; margin-right: 30px; width:140px; height:140px;}
.coach-list-img{ width:140px; height:140px;background-size:cover; }
.coach-list-Age{ margin-left:15px; border:1px solid #63b3da; padding:3px 10px 3px 10px; font-size:12px; border-radius: 4px; color:#63b3da;}
.coach-list-Age:hover{ color:#fff; background-color:#63b3da;}
.coach-list-Xx p img{ width:18px; height:18px; padding-top:3px;}
.coach-list-Xx{float:left; }
.coach-list-Xx p { height:32px; line-height:32px; color:#676767; font-size:14px;  margin:0; padding:0;} 
.coach-list-Xx p a { font-size:16px; color:#676767;}
.coach-list-Xx p a:hover {color:#63b3da;}
.coach-list-Xx p .coach-list-a{font-size:14px; color:#63b3da;}
.coach-list-a:hover{ text-decoration:underline;}
.coach-list-color{color:#feb139;}
.coach-list-left{ margin-left:15px;}
.coach-list-pon{  float:right; width:100px; margin-top:30px; margin-right:30px;}
.coach-list-span-size{display:inline-block; width:100px; color:#ff6c00;font-size:24px;text-align:center; }
.coach-Mfzx{display:inline-block; text-align:center; width:110px; height:36px; line-height:36px; border:1px solid #63b3da; border-radius:6px; color:#63b3da;cursor:pointer;}
.coach-Mfzx:hover{ color:#fff; background-color:#63b3da;}
/*弹出层 --  免费咨询*/
.dialog {display:none;width:100%;height:100%;min-height:100%;position:fixed;top:0;left:0;z-index:1000;-webkit-transition:all .5s;transition:all .5s;}
.dialog-inner {display:table-cell;vertical-align:middle;height:100%;min-height:100%;margin:0 auto;}
.dialog-container{max-width:600px; border-radius:6px; width:80%;height:470px;margin:0 auto;box-shadow:0 0 16px rgba(0,0,0,.4);background:#fff;position:relative;-webkit-transition:all .5s;transition:all .5s; border-left:30px solid #fff; border-right:30px solid #fff; border-bottom:30px solid #fff}
.dialog-heading {padding:15px 20px;}
.dialog-container .close {width:30px;height:30px;display:block;border-radius:50%;padding:13px 6px;position:absolute;top:6px;right:-20px;-webkit-transition:all .5s;transition:all .5s;z-index:999;}
.dialog-container .close span {display:block;width:24px;height:2px;background:#676767;cursor:pointer;}
.dialog-container .close span:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.dialog-container .close span:nth-child(2) {margin-top:-2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.dialog-body {height:100%;padding:5px 20px;overflow:hidden;line-height:3;position:absolute;top:10px;right:0;bottom:0;left:20px;}
.dialog-backdrop {display:none;opacity:.5;background-color:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;}
.dialog-text h1{ color:#fff; text-align:center; font-size:16px; font-weight:200;}
.dialog-text p{ color:#fff; text-align:center; margin:0; font-size:12px; font-weight:200; padding-bottom:7px;}
.modal-open {overflow:hidden;}
.modal-open .dialog {display:table;}
.modal-open .dialog-backdrop {display:block;}
.dialog-body p span{ color:#676767; font-size:18px;letter-spacing:10px; margin:0;}
.dialog-body p{ color:#676767; font-size:14px; text-align:center; margin:0; padding:0;}
/*教练详细*/
.coach-details{width:100%; padding:0; margin-top:82px;}
.coach-details-minW{ width:1430px; margin:0 auto;  padding:10px;}
.coach-details-list{height:210px;}
.coach-details-list-pic{float: left;margin-top:20px;overflow: hidden;border-radius: 50%; margin-right: 30px; width:160px; height:160px;}
.coach-details-list-img{ width:160px; height:160px;background-size:cover; }
.coach-details-list-Xx{float: left;}
.coach-details-list-Xx p { height:34px; line-height:34px; color:#676767; font-size:14px;  margin:0; padding:0;} 
.coach-details-list-Xx p img{ width:18px; height:18px; padding-top:3px;}
.coach-details-list-color{color:#feb139;}
.coach-details-list-Xx-mar span{ margin-left:10px; margin-right:10px; color:#feb139;}
.coach-details-list-Xx-title{ font-size:24px;}
.coach-details-list-pon{  float:right; width:100px; margin-top:30px; margin-right:200px;}
.coach-details-list-span-size{ color:#ff6c00;font-size:24px;}
.coach-details-list-Wx{float: left; width:130px; height:130px; border-radius: 4px;  margin-top:30px; margin-left:100px;}
.coach-details-list-Wx-img{ width:130px; height:130px;background-size:cover; }
.coach-details-list-Wx p{ color:#676767; font-size:14px; margin:0; padding:0; height:26px; line-height:26px; text-align:center; }
.coach-details-entry-top{ width:1430px; margin:0 auto;  padding:10px; color:#676767; clear:both;}
.coach-details-entry-top .title{ font-size:18px; }
.coach-details-list-head { margin-top:30px;}
.coach-details-list-head ul{ margin: 0; padding: 0;list-style-type: none;background-color: #fff;overflow: auto;}
.coach-details-list-head ul li{ display: inline-block; width:348px; color:#676767; font-size:14px; text-align:center; cursor:pointer; font-weight: bold; height:36px; line-height: 36px;border-radius: 4px;  border-bottom: 1px solid #eee;}
.coach-details-list-head ul li:hover{color:#63b3da;}
.coach-details-list-head ul li.selected{background-color: #e4f1ff;color: #63b3da;}

/*驾校简介*/
.coach-details-brief{ margin-top:10px;}
.coach-details-brief span{ font-size:14px; color:#676767; }

/*班别 费用*/
.coach-details-bb-fee{margin-top:10px; display:none;}
.coach-details-bb-fee table tr { height:36px; line-height:36px;}
.coach-details-bb-fee table tr th { font-size:14px; color:#676767; text-align:center; background-color:#f2f8ff;}
.coach-details-bb-fee table tr td { font-size:14px; color:#676767; text-align:center;}

/*学员点评*/
.coach-details-evaluate{ display:none;margin-top:10px; overflow:hidden;}
.coach-details-evaluate ul li{border-bottom:1px solid #d8d8d8; overflow:hidden; padding-bottom:10px;margin-bottom:10px;}


/*关于我们*/ 
.about{width:100%; padding:0; margin-top:82px;}
.about-minW{ width:1430px; margin:0 auto;  padding:10px;}
.about-list-pic{overflow: hidden;border-radius: 4px; width:100%; height:600px;}
.about-list-img{ width:100%; height:600px;background-size:cover; }
.about-Xx h2{ color:#676767; }
.about-Xx p{ color:#676767; font-size:14px; }

/*模拟考试*/
.exam{width:100%; padding:0; margin-top:82px;}
.exam-minW{ width:1430px; margin:0 auto;  padding:10px; display: flex; justify-content: space-between;}
.exam-left{ float:left; width:260px;border:1px solid #eee; border-radius: 10px;  height:470px; }
.exam-left-Cx{ font-size:18px; color:#676767; text-align:center; border-bottom:1px solid #eee; padding:20px;} 
.exam-left ul li { padding:15px; border-bottom:1px solid #eee; width:260px; overflow:hidden; cursor:pointer; line-height:50px; color:#676767;}
.exam-left ul li.selected{background-color: #e4f1ff;color: #63b3da;}
.exam-left-pic{ float:left; overflow:hidden; width:60px; height:50px;  margin-left:50px; margin-right:20px; }
.exam-left-img{width:60px; height:50px;}
.exam-right{ float:left; width:1100px;  border:1px solid #eee; border-radius: 10px;}
.exam-right-list{width:100%; margin:0 auto; overflow:hidden ; margin-bottom:20px;}
.exam-right-list ul li { float:left ; width:50%; text-align:center; padding:20px;border-bottom:1px solid #eee; color:#676767; cursor:pointer ;}
.exam-right-list ul li.selected{background-color: #e4f1ff;color: #63b3da;}
.exam-test-flex{display: flex; justify-content: space-between; overflow:hidden ; padding:0 20px 20px 20px;}
.exam-test-flex-div{ width:320px; height:200px; border:1px solid #eee; border-radius: 10px; margin:0 auto; text-align:center;}
.exam-test-flex-div a{ display:inline-block; width:320px; height:200px; padding:36px;}
.exam-right-pic{height:60px;}
.exam-right-img{  width:64px; height:64px; }
.exam-right-test-span p span{ font-size:20px; color:#676767;  }
.exam-right-test-span p{ font-size:14px; color:#676767; margin:0 ; padding:0; line-height:40px; height:30px; }
.exam-test-flex-div a:hover .exam-right-test-span span{ color:#63b3da;}
.exam-test-flex-div a:hover .exam-right-test-span p{ color:#63b3da;}

/*模拟考试*/
.mnks{width:100%; padding:0; margin-top:82px;}
.mnks-minW{ width:1430px; margin:0 auto;  padding:10px; display: flex; justify-content: space-between;}
.mnks-stud{ width:260px; height:538px; border:1px solid #eee; border-radius: 6px;}
.mnks-stud-div{ border-bottom:1px solid #eee; height:46px; line-height:46px; font-size:16px; color:#676767; text-align:center;}
.mnks-stud-pic{ width:100px; height:100px;  margin:auto; margin-top:30px;margin-bottom:30px; border-radius: 50%; overflow:hidden; }
.mnks-stud-img{ width:100px; height:100px; background-size:cover;}
.mnks-stud-Xx{ width:150px;  margin:auto; text-align:left; padding-left:10px;}
.mnks-stud-Xx p{ font-size:14px; color:#676767; }
.mnks-stud-Time{width:150px;  margin:auto; text-align:center;  margin-top:30px;}
.mnks-stud-Time span{color:#676767; display:block; border-bottom:1px solid #eee; height:36px; line-height:36px;}
#time{color:#63b3da; display:block; height:46px; line-height:46px; font-size:20px;}
.mnks-exam-subject{ width:620px; /*height:538px;*/ border:1px solid #eee; border-radius: 6px;}
.mnks-exam-div{ border-bottom:1px solid #eee; height:46px; line-height:46px; font-size:16px; color:#676767; text-align:center;}
.mnks-exam-div-p{ font-size:16px; color:#676767; padding-left:20px; text-align:justify}
.mnks-exam-pic{ width:320px; height:200px;  margin:auto; overflow:hidden; border-radius: 6px;}
.mnks-exam-img{ width:320px; height:200px; background-size:cover;}
.mnks-exam-tm ul li{ cursor:pointer;}
.mnks-exam-tm p{ font-size:14px; color:#676767; padding-left:20px; line-height:16px;}
.mnks-exam-pos{ position:relative;height:490px; overflow:hidden;}
.mnks-exam-Submit{ position:absolute; bottom:10px; right:0;}
.mnks-exam-Submit span { display:inline-block; width:100px; height:36px; line-height:36px; border:1px solid #63b3da; text-align:center; margin:0 5px 0 5px; border-radius: 6px; font-size:16px; color:#63b3da; cursor:pointer;}
/*.mnks-exam-Submit span:hover{ background-color:#63b3da; color:#fff;}*/
.mnks-exam-tm-img{ width:16px; height:16px; line-height:12px; margin-right:10px; position:relative; top:3px;}
.mnks-nav{ width:492px; height:538px; border:1px solid #eee; border-radius: 6px;}
.mnks-nav-div{ border-bottom:1px solid #eee; height:46px; line-height:46px; font-size:16px; color:#676767; text-align:center;}
.mnks-nav ul li{ float:left ; width:49px; height:49px; line-height:49px; font-size:14px; color:#676767; text-align:center; border:1px solid #eee; cursor:pointer;}
/*章节练习*/
.special{width:100%; padding:0; margin-top:82px;}
.special-minW{ width:1430px; margin:0 auto;  padding:10px;}
.special-head{ height:60px; line-height:60px; border-bottom:1px solid #eee; font-size:20px; color:#676767;}
.special-div{width:1430px; margin:0 auto;  padding:10px; display: flex; justify-content: space-between;}
.special-div-nycd{ width:1430px; /*height:300px;*/ border:1px solid #eee; border-radius: 6px;}
.special-div-title{ text-align:center; height:46px; line-height:46px; font-size:16px; color:#676767; border-bottom:1px solid #eee;}
.special-ul-list li{ width:1430px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.special-ul-list li a{ display:inline-block; width:1430px; height:46px; line-height:46px; font-size:14px; color:#676767;}
.special-radius{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; margin:0 10px 0 10px; border-radius: 50%; border:1px solid #63b3da; background-color:#63b3da;}
.special-span{ display:inline-block;}
.special-span-tm { float:right; margin-right:10px;}
/*专项练习列表*/
.special-Zx{width:100%; padding:0; margin-top:82px;}
.special-Zx-minW{ width:1430px; margin:0 auto;  padding:10px;}
.special-Zx-head{ height:60px; line-height:60px; border-bottom:1px solid #eee; font-size:20px; color:#676767;}
.special-Zx-div{width:1430; margin:0 auto;  padding:10px; display: flex; justify-content: space-between;}
.special-Zx-div-nycd{ width:260px; /*height:300px;*/ border:1px solid #eee; border-radius: 6px;}
.special-Zx-div-title{ text-align:center; height:46px; line-height:46px; font-size:16px; color:#676767; border-bottom:1px solid #eee;}
.special-Zx-ul-list li{ width:260px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.special-Zx-ul-list li a{ display:inline-block; width:260px; height:46px; line-height:46px; font-size:14px; color:#676767;}
.special-Zx-radius{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#fff; margin:0 10px 0 10px; border-radius: 50%; border:1px solid #63b3da; background-color:#63b3da;}
.special-Zx-span{ display:inline-block;}
.special-Zx-span-tm { float:right; margin-right:10px;}
/*模拟考试---共用页面*/
.exam-details{width:100%; padding:0; margin-top:82px;}
.exam-details-minW{ width:1430px; margin:0 auto;  padding:10px;}
.exam-details-minW .mnks-exam-Submit{ position:absolute; bottom:10px; left:20px;}
.exam-details-minW .mnks-exam-subject{ width:1430px; /*height:538px;*/ border:1px solid #eee; border-radius: 6px;}
.tmType{display: inline-block;border-radius: 20px 20px 0 20px;background-color:#63b3da;color:#fff;padding:0 6px 0 6px; margin-right:10px;}