﻿.teach-nav{
	height: 58px;
	margin-top: 30px;
	margin-left: 515px;
}
.teach-nav p{
	float: left;
}
.teach-nav .teach-nav-text{
	height: 58px;
	width: 140px;
	line-height: 58px;
	text-align: center;
	font-size:30px;
	color:rgba(51,51,51,1);
}
.teach-nav .teach-nav-b{
	width:2px;
	height:30px;
	background:rgba(102,102,102,1);
	margin: 15px 33px;
}
.teach-nav-active{
	color: #9f9089 !important;
	border-bottom: 4px solid #9f9089;
}
.teach-nav .teach-nav-text:hover{
	color: #9f9089 !important;
	border-bottom: 4px solid #9f9089;
}
.teach-list{
	margin-top: 102px;
}
.teach-list li{
	width: 580px;
	height: 300px;
	background:rgba(250,250,250,1);
	margin-bottom: 60px;
}
.teach-list .teach-list-img{
	/*border: 1px dotted #ccc;*/
	width: 210px;
	height: 360px;
	float: left;
	padding: 1px;
}
.teach-list .teach-list-img img{
	width: 206px;

}
.teach-list-text{
	padding-left: 4px;
	padding-top: 42px;
	float: left;
	position: relative;
}
.teach-list-text-b{
	position: absolute;
	width:80px;
	height:6px;
	background:rgba(34,34,34,1);
	top: -3px;
}
.teach-list-name{
	height:30px;
	font-size:30px;
	color:rgba(51,51,51,1);
}
.teach-list-label{
	height:21px;
	font-size:20px;
	color:rgba(127,82,60,1);
	margin-top: 8px;
}
.teach-list-p{
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:28px;
	width: 345px;
	margin-top: 19px;
}
.teach-list li:nth-child(odd){
	float: left;
}
.teach-list li:nth-child(even){
	float: right;
}


/**********************************讲师团队*************************************/
.tteam-asidel{
	width: 280px;
	margin-top: 78px;
}
.tteam-asider{
	margin-top: 78px;
	width: 920px;
	margin-bottom: 100px;
}
.tteam-asidel li{
	width: 280px;
	height:80px;
	background:rgba(195,148,125,1);
	font-size:30px;
}
.tt-al-label{
	width:280px;
	height:58px !important;
	background:rgba(240,240,240,1) !important;
	font-size:30px;
	color:rgba(51,51,51,1);
	text-align: center;
	line-height: 58px;
}
.tteam-asidel li p{
	width: 200px;
	margin-left: 40px;
	border-bottom: 4px solid #fff;
	line-height: 80px;
	height: 80px;
	text-align: center;
	color: #fff;
}
.tteam-active{
	background:rgba(127,82,60,1) !important;
	color: #fff;
}
.tteam-active p{
	border-bottom: none !important;
}
.tt-al-last p{
	border-bottom: none !important;
}
.tteam-asider-items{
	height: 58px;
}
.tteam-asider-items p{
	width: 80px;
	height: 61px;
	font-size:20px;
	color:rgba(102,102,102,1);
	line-height: 61px;
	text-align: center;
	float: left;
	margin-left: 70px;
	cursor:default;
}
.tteam-asider-item-avtive{
	border-bottom: 6px solid #9f9089;
	color: #9f9089 !important;
}
.tteam-asider-items p:hover{
	border-bottom: 6px solid #9f9089;
	color: #9f9089 !important;
}
.tteam-asidel-list{
	width:920px;
	background:rgba(240,240,240,1);
	padding-top:40px;
	padding-left: 80px;
	padding-bottom: 70px;
}
.tteam-asidel-list li{
	margin-bottom: 60px;
	/*height: 340px;*/
}
.tteam-asidel-list .img{
	width: 200px;
	height: 200px;
	display: inline-block;
	border-radius: 50%;
	overflow:hidden;
	/*float:left;*/
}
.tteam-asidel-list img{
	width: 200px;
	height: auto;
	display: block;
}
.tteam-list-text{
	padding-right: 78px;
}
.tteam-list-name{
	font-size:30px;
	color:rgba(51,51,51,1);
}
.tteam-list-label{
	font-size:20px;
	color:rgba(127,82,60,1);
}
.tteam-list-p{
	width:522px;
	font-size:16px;
	color:rgba(102,102,102,1);
	line-height:30px;
}
.tteam-pages{
	padding-left: 194px;
	height: 32px;
}
.tteam-pages li{
	float: left;
	margin-right: 10px;
	border: 1px solid #999;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;

}
.tteam-pages-pre,.tteam-pages-next{
	width: 76px !important;
	height: 32px;
	text-align: center;
}
.page-active{
	background:rgba(127,82,60,1) !important;
	color: #fff !important;
}
.tteam-pages li:hover{
	background:rgba(127,82,60,1) !important;
	color: #fff !important;
}
.tteam-nobox{
	border: none !important;
}


/************************************预约成功*********************************/
.join-head{
	position: absolute;
	width: 1200px;
	top: 80px;
}
.join-title{
	width: 1200px;
	height:41px;
	font-size:40px;
	font-family:MicrosoftYaHei;
	color:rgba(255,255,255,1);
	line-height:0px;
	padding-top: 199px;
	text-align: center;
	font-weight: bold;
}
.join-p{
	width:736px;
	height:100px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	line-height:40px;
	text-align: center;
	margin-left: 232px;
	margin-top: 38px;
	color: #fff;
}
.join-btn{
	width:304px;
	height:54px;
	-moz-border-radius:10px;
	     border-radius:10px;
	margin-left: 448px;
	line-height: 54px;
	position: relative;
	border: 2px solid #fff;
	margin-top: 65px;
}
.join-btn p{
	width:304px;
	height:54px;
	text-align: center;
	line-height: 50px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	color: #fff;
}
.join-btn img{
	position: absolute;
	top: 9px;
	right: 12px;
	width: 32px;
	height: 32px;
}
.jointo{
	width: 100%;
	height:400px;
	background:rgba(195,148,125,1);
}
.jointol{
	margin-left: 220px;
}
.jointol p{
	font-size:30px;
	font-family:MicrosoftYaHei;
	color:rgba(255,255,255,1);
	line-height:30px;
	padding-top: 82px;
}
.jointol .p2{
	padding-top: 18px !important;
}
.jointol ul{
	margin-top: 31px;
	height:92px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	color:rgba(255,255,255,1);
	line-height:36px;
}
.jointor{
	width: 178px;
	margin-left: 223px;
}

.jointor img{
	height: 180px;
	width: 180px;
	border: 2px dotted #999;
	-moz-border-radius: 15px;
	     border-radius: 15px;margin-top: 71px;
}
.jointor p{
	color: #fff;
	width:180px;
	font-size:16px;
	line-height:30px;
	text-align: center;
}




/**************************个人大师-个人页面*******************************/
.personal-item{
	margin-top: 65px;
}
.personall{
	width: 800px;
}
.personall h2{
	height:33px;
	font-size:40px;
	color:rgba(127,82,60,1);
	line-height:34px;
}
.personall img{
	width: 800px;
	height: 540px;
	margin-top: 20px;
}
.personalr{
	margin-left: 100px;
}
.personalr li{
	width:264px;
	height:50px;
	-moz-border-radius:6px;
	     border-radius:6px;
	width:264px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	line-height:50px;
	text-align: center;
	border: 1px solid rgba(51,51,51,1);
	margin-top: 20px;
	color: rgba(51,51,51,1);
}
.personalr h2{
	color: #9f9089;
}

.personal-title{
	height:30px;
	font-size:30px;
	font-family:MicrosoftYaHei;
	color:rgba(127,82,60,1);
	line-height:34px;
	margin-top: 79px;
	margin-bottom: 20px;
}
.personal-mov{
	width:1200px;
	height:340px;
	-moz-border-radius:10px;
	     border-radius:10px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	padding: 30px 20px 0px 20px;
	background:rgba(250,250,250,1);
	max-height: 340px;
}
.mov-list-title{
	height:20px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	color:rgba(51,51,51,1);
	line-height:20px;
	margin-top: 20px;
}
.mov-list-num{
	height:17px;
	font-size:16px;
	font-family:MicrosoftYaHei;
	color:rgba(102,102,102,1);
	line-height: 16px;
	margin-top: 9px;
}
.personal-split{
	width: 4px;
	height: 280px;
	background:rgba(204,204,204,1);
	-moz-border-radius:2px;
	     border-radius:2px;
	margin: 0px 40px;
}
.video-box{
	width: 300px;
	height: 200px;
}
.video-box video{
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	   object-fit: fill;
}
.personal-mov .personal-mov-list,.personal-mov .personal-split{
	display: inline-block;
}
.personal-img{
	position: relative;
	height: 380px;
	overflow: hidden;
	margin-bottom: 100px;
}
.offset-box{
	width: 400%;
	height: 380px;
}
.offid{
	float: left;
	height: 380px;
}
.offid li{
	width: 290px;
	height: 380px;
	float: left;
	margin-right: 10px;
	/*display: inline-block;*/
}

.personal-img li img{
	width: 290px;
	height: 380px;
	padding: 0px;
	border: 1px solid #eee;
}
.personal-pre{
	position: absolute;
	left: -7px;
	top: 165px;
	width: 50px;
	z-index: 66;
}
.personal-next{
	position: absolute;
	right: 3px;
	top: 165px;
	height: 50px;
	display: none;
}

  /*滚动条样式*/
        .personal-mov::-webkit-scrollbar {/*滚动条整体样式*/
          /*	width: 4px;*/     /*高宽分别对应横竖滚动条的尺寸*/
            height: 10px;
        }
        .personal-mov::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .personal-mov::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }