.teacher_list pul,p,h1, .h1, h2, .h2, h3, .h3{
	margin:0;
}
.webArtWrap {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0 !important;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	background-size: cover; 
}
.topWrap{
	width:100%;
	background: #1a1a1a;
}
.fit {
    width: 100%;
    display: block;
	height:100%;
}
.adminImg{
	width:100%;
}
.cevelApp{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:999;
	background:rgba(0,0,0,.8);
	display:none;
}
.cevelApp div{
	width:100%;
	height:100%;
	position:relative;
}
.cevelApp div img{
position: absolute;
    top: 16px;
    right: 13px;
    width: 68px;
}
.top {
    width: 1100px;
    height: 60px;
    margin: 0 auto;
    display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    background: #1a1a1a;
	position: relative;
}
.top .logo {
    width: 122px;
    height: 60px;
    padding-top: 13px;
    font-size: 14px;
    color: #FFDF71;
    line-height: 37px;
    text-indent: 10px;
}
.top .logo img {
	width: 36px;
	display: block; 
	float:left;
}
.top .logo img:nth-of-type(2){
	width: 56px;
    margin-top: 4px;
    margin-left: 7px;
}
.loginCevelShow{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.8);
	z-index:999;
	display:none;
}
.top .left{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
.top .right{
	display:none;
	position: absolute;
    right: 11px;
    top: 24px;
    width: 22px;
	cursor:pointer;
}
.nav_logo_1{
	margin:0 auto;
	display: block;
	width: 262px;
}
.top .left li{
	height:60px;
	width:87px;
	font-size:13px;
	line-height:61px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;
}
.top .left li:nth-of-type(6){
	width:121px;
}
.top .left li:nth-of-type(2){
	-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;
}
.top .left li:nth-of-type(9){
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	cursor:default;
}
.top .left li:nth-of-type(9) a{
	height: 60px;
    width: 100%;
    font-size: 13px;
    line-height: 61px;
    display: block;
	color:#fff;
	-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;
}
.top .left a:hover {
	color:#ccab86 !important;
}
.top .left li:hover{
	color:#ccab86 !important;
}
.top .left li a{
    
}
.webArtWrap .art_content_login {
    margin: 0 auto;
    padding-bottom: 31px;
    background: url(imgpcbg.png) no-repeat center;
    background-size: cover;
}
.webArtWrap .art_content_login .content {
     width: 1000px;
    height: 900px;
    margin: 0 auto;
}
.webArtWrap .logoPc2 {
    position: absolute;
    top: 25%;
    left: 10px;
}
.webArtWrap .login {
    position: absolute;
    top: 18%;
    right: 0;
    width: 356px;
    height: 338px;
    background: #fff;
    border: 1px solid #E0E0E0;
}
.webArtWrap .login .title {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-indent: 24px;
    color: #444;
    font-size: 14px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 28px;
    position: relative;
}
.webArtWrap ._login {
    position: relative;
    padding: 0 20px;
}
.webArtWrap .login .number {
    width: 100%;
    height: 44px;
    background: #fff;
    position: relative;
    border: 1px solid #E0E0E0;
	    margin-bottom: 22px;
}
.webArtWrap .login .number input {
    height: 100%;
    width: 100%;
    border: 0;
    outline: 0;
    letter-spacing: 1px;
    background: #fff;
    font-size: 14px;
    color: #ccab86;
    line-height: 36px;
    padding-left: 14px;
    padding-top: 2px;
    margin-left: 0;
}
.webArtWrap .login .toLogin {
    height: 40px;
    line-height: 41px;
    text-align: center;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    margin-bottom: 74px;
    width: 160px;
    background: #ccab86;
    letter-spacing: 3px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.webArtWrap .login .toLogin {
    height: 40px;
    line-height: 41px;
    text-align: center;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    margin-bottom: 74px;
    width: 160px;
    background: #ccab86;
    letter-spacing: 3px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.webArtWrap .login .toapply {
    background: #fff;
    border: 1px solid #ccab86;
    letter-spacing: 1px;
}
.webArtWrap .login .number:nth-of-type(2) {
    margin-bottom: 32px !important;
}
.slide{
	display:none;
	background: #1a1a1a;
}
.slide li{
	width: 100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;
}
.slide li a{
	-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;
	color:#fff;
}
.smalltitle1{
	width:283px !important;
	margin-top: 61px !important;
	    margin: 0 auto;
    display: block;
}
.smalltitle2{
	width:208px !important;
}
.smallTitle1{
	letter-spacing: 43px !important;
    text-indent: 46px !important;
    margin-top: -1px !important;
    margin-bottom: 90px !important;
	line-height: 23px;
    font-size: 18px;
    color: #3D3D3D;
    text-align: center;
    font-weight: 400;
}
.smallTitle1 {
    letter-spacing: 43px !important;
    text-indent: 46px !important;
    margin-top: -3px !important;
    margin-bottom: 60px !important;
    line-height: 23px;
    font-size: 18px;
    color: #3D3D3D;
    text-align: center;
    font-weight: 400;
}
.slide li:first-child{
}
.slide li:hover{
	color: #ccab86 !important;
}
.slide li:hover a{
	color: #ccab86 !important;
}
.webArtWrap .headerImg{
	background:#fff;
}
.webArtWrap .navWrap{
	width:100%;
	background:#fff;
}
.webArtWrap .nav{
	width: 1100px;
    padding: 121px 0 111px 0;
    margin: 0 auto;
}
.webArtWrap .nav h3 {
    font-size: 36px;
    color: #000;
    text-align: center;
    line-height: 89px;
    font-weight: 400!important;
}
h3.logoH3{
    font-size: 18px !important;
    line-height: 19px !important;
    letter-spacing: 9px !important;
    font-weight: 600 !important;
    margin-bottom: 28px !important;
    color: #565253 !important;
}
.webArtWrap .tip{
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    padding: 0 96px;    
	color: #5b5b5b;
}
.webArtWrap .lastTip{
    margin-bottom: 80px;
}
.classify{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding:0;
}
.classify li {
	height:200px;
	border-radius:4px;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
	-ms-flex-align: center;
    align-items: center;
	overflow: hidden;
	position:relative;
	background: #1a1a1a;
	-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;
}
.classify li:nth-of-type(1),.classify li:nth-of-type(3),.classify li:nth-of-type(5){
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.classify li:nth-of-type(2),.classify li:nth-of-type(4){
	background:#fff;
	width:10px;
}
.classify li p{
    font-size: 32px;
    color: #fff;
    position: absolute;
    width: 84px;
    height: 34px;
    top: 50%;
    left: 50%;
    margin-left: -38px;
    letter-spacing: 10px;
    margin-top: -33px;
    cursor: pointer;
	z-index: 99;
}
.classify li h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -51px;
    margin-top: -17px;
    cursor: pointer;
    z-index: 99;
	height:46px;
}
.classify li h2 img{
	opacity:1;
    display: block;
}
#eTip{
	font-size: 12px;
    transform: scale(0.6);
    width: auto;
    margin-top: 7px;
    margin-left: -59px;
    letter-spacing: 3px;
}
.classify li p:first-child{
	color:#000;
}
.classify img{  
	cursor: pointer;  
	transition: all 0.6s;  
	opacity: .7;
	border-radius:4px;
}  
.classify li:hover img.scaleImg{  
	transform: scale(1.4);  
}  
.classify li:hover{  
	background:#ccab86;
}  
.classify li:nth-of-type(2), .classify li:nth-of-type(4){
	background:#fff;
}
.adminTitle{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -149px;
    margin-top: -174px;
    width: 298px !IMPORTANT;
}
.infoWrap{
	width:100%;
	background:#f2f2f2;
}
.infoWrap .info{
    width: 1100px;
    padding-bottom: 49px;
    margin: 0 auto;
    padding-top: 58px;
}
.infoWrap .info h3{
	font-size:38px;
	color:#000;
	line-height:214px;
	text-align:center;
	font-weight:400 !important;
	letter-spacing: 21px !important;
    text-indent: 25px;
    margin-bottom: 86px !important;
}
.infoWrap .inside{
	padding-left:50px;
	padding-right:74px;
	width: 100%;
}
.infoWrap .in{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
	-ms-flex-align: center;
    align-items: center;
}
.infoWrap .inside dl{
	width:400px;
	height:112px;
}
.infoWrap .inside dl dt {
    width: 68px;
    height: 68px;
    float: left;
}
.infoWrap .inside dl dt img{
	width:100%;
	height:100%;
}
.infoWrap .inside dl dd{
	width:288px;
	height:100%;
	float:left;
	font-size:14px;
	padding-left:20px;
}
.infoWrap .inside dl dd h2{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #5b5b5b;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
.infoWrap .inside dl dd p {
    font-size: 14px;
    line-height: 19px;
    color: #6f7070;
}
.marginInfo{
	margin-right:162px;
}
.inInfo{
    margin-bottom: 12px;
}

.admin{
	position:relative;
}
.appInLogo1,.appInLogo2{
	position:absolute;
	top:50%;
	left:50%;
}
.appInLogo1 {
    margin-top: -249px;
    margin-left: 233px;
}
.appInLogo2 {
    margin-top: -120px;
    margin-left: 265px;
}
.admin h3 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    letter-spacing: 60px;
    margin-top: -140px;
    margin-left: 58px;
}
.admin div{
	width: 1100px;
    height: 219px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -550px;
    background: rgba(22,22,22,.6);
    padding: 70px 0;
}
.admin div li{
	width:33.3%;
	border-right:1px solid #5A636C;
	height: 64px;
    float: left;
}
.admin div li:last-child{
	width:33.3%;
	border-right:0;
}
.admin div li p{
	color:#ccab86;
	letter-spacing: 1px;
	text-align:center;
}
.admin div li p:first-child{
    font-size: 34px;
    line-height: 47px;
}
.admin div li p:last-child{
	font-weight: 300;
    font-size: 18px;
    line-height: 31px;
    letter-spacing: 15px;
    color: #fff;
    text-indent: 14px;
}
.appWrap{
	width:100%;
	background:#fff;
}
.appWrap .app{
	width:100%;
	margin: 0 auto;
	padding-top: 64px;
}
.footer{
	padding-bottom:98px;
}
.footerWrap .footer{
	padding-top:50px;
}
.appWrap .app h3,.footerWrap .footer h3{
	line-height: 182px;
    font-size: 34px;
    color: #000;
    text-align: center;
    font-weight: 600;
	font-family:"Helvetica";
}
.appTitle{
	width:206px;
	margin:0 auto;
	display:block;
	margin-bottom:64px;
}
.appIn{
	position:relative;
	background: #f2f2f2;
}
.appIn img.bg{
	width:100%;
}
.appIn .apple,.appIn .android{
	position:absolute;
	width:136px;
	cursor:pointer;
	top:50%;
	left:50%;
}
.appIn .apple:hover,.appIn .android:hover{
	opacity:.7
	
}
.appIn .apple {
    margin-top: 220px;
    margin-left: 260px;
}
.appIn .android {
    margin-top: 220px;
    margin-left: 405px;
}
.appLeft{
	width:50%;
}
.appLeft img{
	width:100%;
}
.appRight{
	width:50%;
	padding:28px 44px 0 150px;
}
.appTip{
	width:1170px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-585px;
}
.appTip li{
	width:222px;
	height:186px;
	float:left;
}
.appTip li p:first-child{
	font-size:16px;
	color:#fff;
	line-height:32px;
}
.appTip li p:last-child{
	font-size:14px;
	color:#B5B1B0;
	line-height:24px;
	padding-right: 10px;
}
.appRight .appBtn{
	height:72px;
	width:100%;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.appRight .appBtn .appBtnIn{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
	-ms-flex-align: center;
    align-items: center;
	width:50%;
}
.appRight .appBtn .appBtnIn div{
	width:160px;
	height:48px;
	border:2px solid #858585;
	border-radius:8px;
}
.appRight .appBtn .appBtnIn div ul{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	cursor:pointer;
}
.appRight .appBtn .appBtnIn div li {
	height:44px;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
	-ms-flex-align: center;
    align-items: center;
	font-size: 15px;
	color:#000;
}
.appRight .appBtn .appBtnIn div li:first-child{
	width:44px;
}
.appRight .appBtn .appBtnIn div li:nth-of-type(2){
	padding-left:6px; 
}
.appRight .appBtn .appBtnIn div li:last-child{
	width:40px;
}
.footerWrap{
	width:100%;
	background:#f2f2f2;
}
.footerWrap .footer{
	width: 1000px;
    padding-bottom: 56px;
    margin: 0 auto;
}
.partnerlogo{
	display:block;
	margin:0 auto;
	opacity: .7;
	width: 818px;
}
.footerWrap .footer ul{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.footerWrap .footer ul.firstUl{
	margin-bottom:22px;
}
.footerWrap .footer li{
	width: 106px;
    height: 38px;
    margin-right: 28px;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
	-ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
	-ms-flex-align: center;
    align-items: center;
}
.footerWrap .footer li:last-child{
	margin-right:0;
}
.listWrap{
	width: 100%;
    background: #f2f2f2 url(imagestitlebg.jpg) no-repeat top center;
    background-size: 100% auto;
	
}
.listLogo1,.listLogo2,.listLogo3,.listLogo4{
	position: absolute;
    top: 50%;
    left: 50%;
}
.listLogo1{
    margin-left: -231px;
    margin-top: -111px;
    width: 82px;
}
.listLogo2 {
    margin-left: -156px;
    margin-top: -112px;
    width: 410px;
}
.listLogo3{
    margin-left: -107px;
    margin-top: -58px;
    color: #3D3B3C;
    font-size: 26px;
    letter-spacing: 39px;
    font-weight: 600;
}
.listWrap .partnerTop {
	height:428px;
	margin: 0 auto;
	width:1060px;
	position:relative;
}
.listWrap .centerWrap {
    width: 1060px;
    position: relative;
    margin: 0 auto;
	padding-top:20px;
	padding-bottom: 60px;
}
.listWrap .centerWrap .centerTitle{
	line-height:122px;
	color:#000;
	font-weight:300;
	text-align:center;
	font-size:36px;
	letter-spacing: 2px;
}
.listTip{
	line-height:32px;
	color:#000;
	font-size:14px;
	text-align:center;
}
.listTip:last-child{
	margin-bottom:30px;
}
.listWrap .centerWrap h4{
	line-height:164px;
	color:#000;
	font-weight:300;
	text-align:center;
	font-size:28px;
	letter-spacing: 2px;
}
.wellListWrap{
	overflow:hidden;
}
.wellList{
	float:left;
	width:452px;
	height:358px;
	background:#fff;
	margin:0 48px;
	margin-bottom:20px;
	position:relative;
}
.aboutList{
	margin:0 34px;
	width:480px;
	margin-bottom: 20px;
	height:492px;
}
.wellList img{
	width:100%;
	margin-bottom:10px;
}
.wellList .code{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:254px;
	background:#000;
	opacity:0;
	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
.wellList:hover .code{
	opacity:1;
}
.wellList .code div{
	width:100%;
	height:100%;
	position:relative;
}
.wellList .code div img{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -68px;
    margin-top: -86px;
    width: 136px;
}
.wellList .code div p{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -86px;
    margin-top: 70px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.aboutList img{
	width:100%;
	margin-bottom:20px;
}
.aboutList p{
	line-height:26px;
	color:#333;
	font-size:14px;
}
.wellList .wellTitle{
	font-weight:300;
	font-size:20px;
	color:#5b5b5b;
	text-align:left;
	line-height:38px;
}
.wellList  ul{
	height:40px;
}
.wellList li{
	float:left;
	color:#999;
	font-size:16px;
	line-height:21px;
}
.wellList li:first-child{
	margin-right:30px;
	max-width: 304px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.wellList li:last-child{
	max-width: 116px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.stuWrap{
	overflow:hidden;
	padding:0 36px;
}
.stuWrap .stu{
	float:left;
	width:230px;
	height:272px;
	background:#fff;
	margin:0 13px;
	margin-bottom:26px;
}
.stuWrap .stu img{
	width:100%;
}
.stuWrap .stu p{
	width:100%;
	line-height:42px;
	color:#999;
	text-align:left;
	font-size:16px;
}
.partnerWrap{
	 background: #f2f2f2 url(../../images/titlebg.jpg) no-repeat top center;
	 background-size: 100% auto;
}
.aboutWrap{
	 background: #f2f2f2 url(imagesbanner4.jpg) no-repeat top center;
	 background-size: 100% auto;
	 padding-top: 33%;
}
.aboutWrap .centerWrap ,.courseWrap .centerWrap {
    background:#fff;
	width:1100px;
}
.aboutWrap .centerWrap{
	width:1098px;
}
.partnerTip{
	margin-bottom:60px;
}
.partnerList {
    width: 1060px;
    height: 180px;
	background: #fff;
    margin: 0 auto;
    margin-bottom: 46px;
}
.partnerList .listLeft,.partnerList .listRight,.partnerList .listCenter{
	height:100%;
	float:left;
}
.partnerList .listLeft{
	width:166px;
	height:100%;
}
.partnerList .listLeft img{
	margin-top: 44px;
    margin-left: 42px;
}
.partnerList .listRight{
	padding:0 20px;
	padding-top:30px;
}
.partnerList .listCenter{
	width: 364px;
	background: #fff;
}
.partnerList .listCenter img{
	height:100%;
	width:364px;
	opacity: .6;
	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
.partnerList:hover .listCenter img{
	opacity: 1;
}
.partnerList .listRight p.first{
	font-size: 21px;
    color: #4D4D4D;
    text-align: left;
    line-height: 30px;
    font-weight: 300;
}
.partnerList .listRight p.two{
line-height: 26px;
    color: #1A1A1B;
    margin-bottom: 33px;
    font-weight: 300;
	font-size: 16px;
}
.partnerList .listRight p.three{
    font-size: 15px;
    color: #000;
    text-align: left;
    line-height: 40px;
    font-weight: 600;
}
.officalHistory{
	overflow: hidden;
}
.historyLeft,.historyRight{
	float:left;
}
.historyLeft {
    position: relative;
    width: 411px;
    height: 499px;
}
.historyLeft img{
	position:absolute;
	top:245px;
	left:117px;
}
.historyRight{
	width:687px;
	padding-left:30px;
	border-left:1px solid #E9E9EB;
}
.historyRight .title{
	font-size:20px;
	color:#333;
	margin-bottom:28px;
	position:relative;
}
.historyRight .title img{
    position: absolute;
    top: 1px;
    left: -41px;
}
.historyRight li{
	line-height:42px;
	font-size:16px;
	color:#333;
	position:relative;
}
.historyRight li img{
    position: absolute;
    top: 14px;
    left: -37px;
}
.historyRight li img.showIn{
    position: absolute;
    top: 20px;
    left: -323px;
	opacity:0;
	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
.historyRight li img.showInTip{
	opacity:0;
	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
.historyRight li:hover img.showIn{
	opacity:1;
}.historyRight li:hover img.showInTip{
	opacity:1;
}
.historyRight li .span{
	position: absolute;
    display: block;
    height: 16px;
    width: 2px;
    background: #fff;
    top: 26px;
    left: -32px;
}
.historyRight li:last-child{
	margin-bottom:28px;
}
.historyRight span{
	margin-right:18px;
}
.clearMargin{
	margin:0 !important;
}
.origin{
	overflow:hidden;
	padding:0 24px;
}
.listLogolist {
    margin-left: -133px;
    margin-top: -115px;
    width: 394px;
}
.listLogolist1 {
    margin-left: -170px;
    margin-top: -114px;
    width: 94px;
}
.originList {
    float: left;
    margin: 0 25px;
    width: 300px;
    height: 416px;
}
.originList img{
	margin-bottom:16px;
}
.originList p {
    color: #343434;
    text-align: center;
    font-size: 30px;
    line-height: 53px;
}
.originList p:last-child {
    font-size: 20px;
    line-height: 35px;
}
.team{
    overflow: hidden;
    margin-bottom: 60px;
    margin: 0 24px;
}
#msg{
	line-height: 23px;
    font-size: 18px;
    color: #3D3D3D;
    text-align: center;
    font-weight: 400;
    letter-spacing: 14px;
    text-indent: 14px;
    margin-bottom: 24px;
}
.footerTitle{
	margin-bottom:0 !important;
}
.team div{
	width: 252px;
    float: left;
    margin-right: 10px;
	margin-bottom: 5px;
}
.team div:nth-child(4n){
	margin-right: 0;
}
.team div img{
	width:252px;
	height:191px;
	opacity: .8;
	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
.team div:hover img{
	opacity: 1;
}
.teacherList{
	overflow:hidden;
}
.teacherList .teacher{
	width:160px;
	height:288px;
	margin-bottom:24px;
	margin-left:60px;
	margin-right:60px;
	float:left;
}
.teacherList .teacher:first-child{ 
	margin-left:48px;
}
.teacherList .teacher:nth-child(5n) { 
	margin-left:48px;
}.teacherList .teacher:nth-child(4n) { 
	margin-right:48px;
}
.teacherList .teacher img{
	width:160px;
	height:160px;
	border-radius:80px;
	margin-bottom:14px;
}
.teacherList .teacher p{
	color:#323232;
	font-size:20px;
	text-align:center;
	line-height:34px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.teacherList .teacher p:last-child{
	font-size:16px;
	-webkit-line-clamp: 2;
	line-height:30px;
}
.ksSw{
	width:100%;
}
.bottomWrap{
	width:100%;
	background:#4D4D4D;
	padding-bottom:60px;
}
.bottomWrap .bottom{
    width: 900px;
    padding-bottom: 0px;
    margin: 0 auto;
    padding-top: 2px;
    opacity: .7;
}
.bottomWrap .bottom ul{
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: -8px;
	width: 750px;
	height: 46px;
}
.bottomWrap .bottom li{
	height:46px;
	float:left;
}
.bottomWrap .bottom li span {
    font-size: 12px;
    color: #C6C6C6;
    line-height: 44px;
}
.bottomWrap .bottom li img,.bottomWrap .bottom li span{
	float:left;
}
.bottomWrap .bottom li img {
    margin: 0 7px;
    margin-top: 11px;
    height: 21px;
	cursor: pointer;
	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
.bottomWrap .bottom li img:hover{
	opacity:.5;
}
.bottomWrap .bottom li img:last-child{
    margin-left: 1px;
}
.bottomWrap .bottom li:nth-of-type(1) {
    margin-right: 76px;
}
.bottomWrap .bottom li:nth-of-type(2) {
    margin-right: 70px;
}
.bottomWrap .bottom li:nth-of-type(3) {
    margin-right: 72px;
}
.bottomWrap .bottom p{
	font-size:12px;
	color:#B4B4B4;
	line-height:32px;
	text-align:center;
	padding:0 10px;
}
.bottomWrap .bottom p:nth-of-type(1){
	margin-bottom:10px;
}
.downLoadAndriod,.downLoadAppk{
	width:100%;
	height:100%;
    background: #000;
}
.downLoadAndriod div.dw,.downLoadAppk div.dw{
	width:100%;
	height:100%;
	position:relative;
	background:url(imagesandroidap.png) no-repeat left top;
	background-size:100% auto;
}
#goAndriodapk{
    position: absolute;
    bottom: 40px;
    width: 101px;
    left: 50%;
    margin-left: -50px;
}
.downLoadAppk{display:none;}
.downLoadAndriod div img#goAndriodap,.downLoadAppk div img#goAndriodap{
position: absolute;
    bottom: 43px;
    left: 50%;
    margin-left: -55px;
    width: 110px;
}
.downLoadAppk div img#downloadandriod{
    position: absolute;
    bottom: .2rem;
    left: 50%;
    margin-left: 0.24rem;
    width: 2.9rem;
}
.downLoadAppk div img#downloadapple{
position: absolute;
    bottom: .2rem;
    left: 50%;
    margin-left: -3.1rem;
    width: 2.9rem;
}
.swiper-pagination-bullet {
    background: #ccc;
}
.downLoadAppk p{
    position: absolute;
    font-size: 12px;
    color: #fff;
    bottom: 1.2rem;
    /* left: 50%; */
    text-align: center;
    left: 0;
    right: 0;
}
.listLogo4 {
    margin-left: -462px;
	font-size:14px;
    margin-top: 29px;
    width: 920px;
    text-align: center;
    line-height: 30px;
    color: #1a1a1a;
}
.teacherWrap{
	width:100%;
	background:#fff;
}
.teacherWrap .teacherBg{
	width:100%;
	display:block;
}
.teacherWrap .teaTitle{
    width: 1000px;
    margin: 0 auto;
    padding-top: 147px;
    position: relative;
}
.teacherLogo1,.teacherLogo2{
	position:absolute;
	top:50%;
	left:50%;
}
.teacherLogo1{
margin-top: -99px;
    margin-left: -231px;
    width: 82px;
}
.teacherLogo2{
    margin-top: -100px;
    margin-left: -169px;
    width: 400px;
}
.teacherLogo3{
    margin-top: 73px;
    margin-left: 32px;
    width: 904px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    padding-bottom: 99px;
    color: #6f7070;
}
.repeatListWrap{
	width:100%;
	background:url('imagesrepeat.jpg') repeat;
}
.repeatList{
    width: 968px;
    overflow: hidden;
    margin: 0 auto;
}
.teacher_list{
    width: 166px;
    height: 442px;
    margin: 0 13px;
    float: left;
	padding-top:64px;
}
.teacher_list img.autor{
	width:140px;
	height:186px;
	margin-bottom:12px;
	opacity: .8;
	-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
.teacher_list:hover img.autor{
	opacity: 1;
}
.teacher_list p{
    font-size: 12px;
    line-height: 19px;
    color: #6f7070;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.teacher_list p:nth-of-type(2){
	    margin-bottom: 6px;
}
.teacher_list p:nth-of-type(3),.teacher_list p:nth-of-type(4),.teacher_list p:nth-of-type(5),.teacher_list p:nth-of-type(6){
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 12px;
    line-height: 21px;
}
.teacher_list .author{
width: 150px;
    background-size: auto 100%;
    height: 31px;
    font-size: 18px;
    color: #5b5b5b;
    text-align: left;
    line-height: 26px;
	margin-bottom: 13px;
}
.appDownload{
	width:100%;
	position:relative;
	background: #4D4D4D;
}
.appDownload img.bg{
	width:100%;
}
.appDownload img.code{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 286px;
    margin-top: -89px;
    width: 190px;
}
.appDownload img.artLogo{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 282px;
    margin-top: -206px;
    width: 190px;
}
.appDownload img.apple{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 231px;
    margin-top: 178px;
}
.appDownload img.android{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 388px;
    margin-top: 178px;
}
.appDownload p{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 288px;
    margin-top: 116px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
}
.activityWrap{
	background: #000 url(imagesbanner6.jpg) no-repeat top center;
    background-size: 100% auto;
    padding-top: 33%;
}
.activityWrap .centerWrap {
	width: 1000px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 60px;
    background: #fff;
	padding: 0 44px;
	padding-top: 72px;
	padding-bottom: 78px;
	margin-bottom: 80px;
}
.payWrap{
	width:100%;
	padding-top:82px;
    padding-bottom: 148px;
}
.payWrap .pay{
	width:873px;
	margin:0 auto;
	overflow:hidden;
	    padding-left: 81px;
}
.padytitle{
    font-size: 16px;
    color: #ccab86;
    text-align: left;
    width: 873px;
    margin: 0 auto;
    line-height: 61px;
    text-indent: 9px;
}
.paybtn{
	width: 873px;
    margin: 0 auto;
	position:relative;
	height:100px;
}
.paybtn p{
	position:absolute;
	top:10px;
	right:10px;
	width:120px;
	height:30px;
	font-size:14px;
	color:#fff;
	background:#ccab86;
	line-height:32px;
	text-align:center;
	border-radius:17px;
	cursor:pointer;
}
.payWrap .pay div{
	float: left;
    margin: 0 10px;
	margin-bottom: 30px;
}
.payprice{
    font-size: 16px;
    text-align: left;
    line-height: 46px;
    color: #999;
    cursor: default;
    width: 874px;
    margin: 0 auto;
    text-indent: 10px;
}
.payPrew{
    width: 874px;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 14px;
    color: #aaa;
    overflow: hidden;
    margin-bottom: 38px;
}
.govipbuy{
	height:80px;
	position:relative;	
}
.govipbuy p{
    width: 180px;
    line-height: 40px;
    color: #fff;
    background: #ccab86;
    text-align: center;
    font-size: 14px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 40px;
    border-radius: 22px;
	cursor:pointer;
}
.payPrew div:nth-of-type(1){
    width: 100%;
}
.payPrew div:nth-of-type(1) img{
	width:100%;
	display:block;
}
.payPrew div:nth-of-type(2){
    width: 100%;
    padding: 0 10px;
	line-height: 24px;
	text-align:center;
}
.payprice span{
	font-weight: 600;
	font-size: 19px;
	color:#EA7241;
}
.artcourse{
    width: 100%;
    background: #fff;
    padding-bottom: 80px;
    padding-top: 35px;
}
.artcourse .h3{
    font-size: 26px;
    text-align: center;
    color: #666;
    width: 289px;
    position: relative;
    height: 126px;
    margin: 0 auto;
    line-height: 126px;
    margin-bottom: 12px;
}
.artcourse .h3 div {
    position: absolute;
    top: 50%;
    bottom: 0;
    width: 80px;
    height: 60px;
    margin-left: -40px;
    left: 50%;
    border-top: 4px solid #E5D5C2;
    margin-top: -30px;
    border-bottom: 4px solid #E5D5C2;
}
.artcourse .p1{
    font-size: 16px;
    color: #666;
    padding: 0 20%;
    line-height: 27px;
}
.artcourse2{
	background:#f4f4f4;
}
.payWrap .pay div img{
	width:125px;
	display:block;
	border-radius: 2px;
	cursor:pointer;
}
.payWrap .pay div .imgactive{
	opacity:.7;
}
.activityWrap .centerWrap .centerTitle{
	line-height: 136px;
    color: #444;
    font-weight: 300;
    text-align: center;
    font-size: 36px;
}
.activityWrap .centerWrap h4 {
    line-height: 35px;
    color: #444;
    font-weight: 300;
    text-align: center;
    font-size: 28px;
	margin-bottom:62px;
}
.activityWrap .centerWrap h5 {
	line-height: 62px;
    color: #444;
    font-weight: 300;
    text-align: left;
    font-size: 20px;
}
.activityWrap .centerWrap h6 {
	line-height: 80px;
    color: #444;
    font-weight: 300;
    text-align: left;
    font-size: 20px;
}
.activityWrap .centerWrap p.con {
	line-height: 29px;
    color: #444;
    font-weight: 300;
    text-align: left;
    font-size: 16px;
	margin-bottom: 24px;
}
.activityWrap .centerWrap p.con1{
	line-height: 29px;
    color: #444;
    font-weight: 300;
    text-align: left;
    font-size: 16px;
	margin-bottom:10px;
}
.downloadcode{
    width: 2rem;
    position: absolute;
    bottom: 1.9rem;
    left: 50%;
    margin-left: -1rem;
}
.activityWrap .centerWrap p.con2 {
	line-height: 29px;
    color: #444;
    font-weight: 300;
    text-align: left;
    font-size: 16px;
	margin-bottom: 2px;
	text-indent: 29px;
}
.activityWrap .centerWrap p.con4 {
	line-height: 29px;
    color: #444;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
	margin-bottom: 2px;
}
.activityWrap .centerWrap p.con3 {
	margin-bottom: 20px;
}
.downLoadApp{
	position: absolute; 
	top: 0;
	bottom: 0; 
	left: 0;
	right: 0;
	background:url(imgappbg.jpg) no-repeat left top;
	background-size:100% auto;
}
.downLoadApp .dw{
	width:100%;
	height:100%;
	position:relative;
}
.downLoadApp img.downLoad1{
    position: absolute;
    left: 1.2rem;
    width: 2.88rem;
    bottom: 2rem;
}
.downLoadApp img.downLoad2{
    position: absolute;
    bottom: 2rem;
    right: 1.2rem;
    width: 2.88rem;
}
.downLoadApp p{
    position: absolute;
    width: 2.933rem;
    height: 0.48rem;
    z-index: 9;
    color: #fff;
    font-size: 0.32rem;
    bottom: 1.4rem;
    left: 1.173rem;
    letter-spacing: 0.16rem;
    border-bottom: 1px solid #525252;
    padding-left: 0.053rem;
}
.downLoadApp p:nth-of-type(2){
	left:5.92rem;
}
.headerImg,.headerImg img{
	width:100%;
	display:block;
}
.members_infowrap{
	background:#fff;
	width:100%;
	min-width:320px;
}
.members_info{
	margin:0 auto;
	padding-top:56px;
	width:1140px;
	padding-bottom:56px;
}
.members_info .p1{
	padding:0 194px;
	font-size:14px;
	color:#1a1a1a;
	line-height:26px;
    letter-spacing: 4px;
}
.members_vip{
	width:1140px;
	margin:0 auto;
	padding-bottom:94px;
}
.members_vip .left{
	width:406px;
	padding:100px 54px 100px 102px;
}
.members_vip .left .pbototm2{
	font-size: 30px !important;
    margin-bottom: 30px;
}
.members_vip .left .p1{
	font-size: 26px;
    color: #444;
    line-height: 40px;
    font-weight: 600;
}
.members_vip .left .p2{
    font-size: 18px;
    color: #666;
    line-height: 39px;
    font-weight: 600;
}
.members_vip .left .pBottom{
	margin-bottom:15px;
}
.members_vip .right{
	position:relative;
}
.members_vip .right div{
    position: absolute;
    top: 23px;
    left: 26px;
    width: 150px;
    height: 46px;
    background: url(imagesvipbg.png) no-repeat center;
    background-size: 100%;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #1a1a1a;
    line-height: 47px;
}
.members_vip .right img{
	width:100%;
	display:block;
}
.members_hotwrap{
	background:#000;
	width:100%;
	min-width:320px;
}
.members_hot{
	width:1140px;
	margin:0 auto;
    padding-bottom: 68px;
}
.members_hot .p1{
    font-size: 30px;
    text-align: center;
    line-height: 143px;
    color: #DFC868;
    letter-spacing: 1px;
    margin: 0 auto;
    position: relative;
    width: 200px;
    height: 112px;
    padding-top: 30px;
}
.members_hot .p1 i:nth-of-type(1){
	top: 2px;
    position: absolute;
    font-size: 20px;
    left: 19px;
}
.members_hot .p1 i:nth-of-type(2){
	top: 2px;
    position: absolute;
    font-size: 20px;
    right: 19px;
}
.members_hot .p2{
	font-size:14px;
	line-height:22px;
	color: #DFC868;
	text-align:center;
	padding: 0 14px;
}
.members_hot .p2:nth-of-type(2){
	margin-bottom:44px;
}
.lefty{
	width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-left: 24px solid #fff;
    border-bottom: 27px solid transparent;
    position: absolute;
    right: 80px;
    top: 123px;
}
.leftx{
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-right: 24px solid #fff;
    border-bottom: 27px solid transparent;
    position: absolute;
    left: 65px;
    top: 123px;
    z-index: 2;
	display:none;
}
.artSlide #h_wrapper .scroll .contain:last-child{
	margin-right:0;
}
.artSlide{
	width:100%;
	height:317px;
	position:relative;
}
.artSlide #h_wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 135px;
    right: 149px;
    bottom: 0;
    background: #000;
    overflow: hidden;
}
.artSlide #h_wrapper .scroll{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: auto;
    height: 317px;
    background-color: #000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.twoleft{
    left: -11px !important;
}
.tworight{
    right: -11px !important;
}
.members_bottomcontain{
	margin:0 85px;
	overflow:hidden;
	margin-bottom: 24px;
}
.members_bottomcontainmsg{
	width:322px;
	height:286px;
	float:left;
	padding: 24px;
}
.members_bottomcontainmsg .con{
    width: 100%;
    height: 100%;
}
.members_bottomcontainmsg .con div p{
	font-size:16px;
	color:#DFC868;
	text-align:center;
	line-height:24px;
}
.members_bottomcontainmsg .con div{
	width:100%;
	height:100%;
	background:url(imagesvipimg3.jpg) no-repeat center;
	background-size:cover;
    padding-top: 109px;
}
.artSlide #h_wrapper .scroll .contain{
	width: 402px;
    height: 315px;
    border: 2px solid #DFC868;
    margin-right: 46px;
	position:relative;
}
.artSlide #h_wrapper .scroll .contain .topimg{
	width:100%;
    height: 52px;
    background: url(imageslogobg1.png) no-repeat center;
	background-size: 106% 106%;
	position: absolute;
    top: 0;
}
.artSlide #h_wrapper .scroll .contain .topimg .img{
	width:100%;
	display:block;
}
.artSlide #h_wrapper .scroll .contain .topimg .img2{
    left: 6px;
    width: 166px;
    display: block;
    top: -4px;
    position: absolute;
}
.artSlide #h_wrapper .scroll .contain img{
	width:100%;
	display:block;
}
.artSlide #h_wrapper .scroll .contain .bottomcevel{
	height:68px;
	width:100%;
	background:url('imageslogobg3.png') no-repeat center;
	background-size:cover;
	position:absolute;
	bottom:0;
	z-index:9;
	padding-left:24px;
}
.artSlide #h_wrapper .scroll .contain .bottomcevel .text{
    height: 42px;
    line-height: 38px;
    color: #fff;
    font-size: 20px;
	line-height: 47px;
}
.listcontent .price{
	width: 112px;
    height: 30px;
    padding-right: 10px;
    text-align: right;
    line-height: 47px;
    font-size: 18px;
    color: #F56123;
    position: absolute;
    right: 0;
    bottom: 2px;
}
.netfail{    
	height: 200px;
    background: #f4f4f4;
    font-size: 18px;
    color: #666;
    line-height: 200px;
    text-align: center;
	display:none;
}
.listcontent .price span{
	font-size: 14px;
}
.listcontent {
	    position: relative;
}
.artSlide #h_wrapper .scroll .contain .bottomcevel .text div:nth-of-type(2){
	width:114px;
	text-align:center;
	letter-spacing:2px;
}
.artSlide #h_wrapper .scroll .contain .bottomcevel .text div:nth-of-type(2) span{
	margin-left:2px;
}
.artSlide #h_wrapper .scroll .contain .bottomcevel .text2{
	height:16px;
	line-height:16px;
	color:#fff;
	font-size:14px;
	line-height:16px;
}
.righttext{
    width: 64px;
    height: 212px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    bottom: 0;
	
}
.righttext p{
	width:50%;
	font-size:14px;
	color:#fff;
	word-wrap: break-word;
}
.righttext p:nth-of-type(1){
	padding-top:14px;
}
.righttext p:nth-of-type(2){
	padding-top:34px;
}
.bottomtext{
    width: 100%;
    height: 62px;
    line-height: 18px;
    position: absolute;
    right: 0;
    font-size: 14px;
    text-align: center;
    color: #1a1a1a;
    bottom: 0;
    letter-spacing: 2px;
}
.centertext{
    position: absolute;
    right: 0;
	font-size:20px;
	text-align:center;
	color:#DFC868;
    bottom: 0;
	left:0;
	letter-spacing: 2px;
	top:0;
}
.members_message{
	width:1140px;
	padding:48px 109px 0 109px;
	background:#fff;
	margin:0 auto;
}
.members_message .contain{
	border-radius:30px;
	border: 3px solid #000;
	padding:30px 44px;
    padding-bottom: 40px;
}
.containtext div{
    padding: 0 14px;
}
.containtext h3{
    font-size: 20px;
    color: #1a1a1a;
    line-height: 20px;
    height: 100px;
    text-align: center;
}
.containtext p{
	font-size:14px;
	text-align:justify;
	color:#1a1a1a;
	line-height:26px;
	margin-bottom:34px;
}
.members_message .members_messagenav{
    height: 42px;
    background: #000;
    border-radius: 23px;
    width: 777px;
    margin: 0 auto;
    letter-spacing: 1px;
}
.members_message .members_messagenav div{
	height:42px;
	background:#000;
	font-size:16px;
	padding:0 26px;
	line-height:42px;
	color:#DFC868;
	cursor:pointer;
	-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;
}
.members_message .members_messagenav div:hover{
	color:#fff !important;
}
.gocoursebtn{
    width: 142px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #1a1a1a;
    box-shadow: -2px -2px 4px #999;
    margin: 0 auto;
    font-size: 22px;
    background: url(imagesvipbg.png) no-repeat center;
    background-size: 120%;
	cursor:pointer;
}
.course_wrap{
	width:100%;
	background:#f4f4f4;
}
.coursewrap,.courselistall{
	width:1000px;
	margin:0 auto;
}
.coursewrap .coursebannerwrap{
	width:100%;
	height:134px;
	background:#fff;
	padding:0 12px;
}
.coursewrap .coursebannerwrap .topbar{
	width:100%;
	height:50%;
	border-bottom:1px dashed #d7d7d7;
}
.coursewrap .coursebannerwrap .topbar div,.coursewrap .coursebannerwrap .bottombar div{
	height:100%;
    color: #444;
}
.coursewrap .coursebannerwrap .bottombar div{
	width:140px;
}
.coursewrap .coursebannerwrap .topbar div:nth-of-type(1){
	width:166px;
}
.coursewrap .coursebannerwrap .topbar div:nth-of-type(2){
	width:133px;
}
.seriescourselist{
	display:none;
}
.coursewrap .coursebannerwrap .topbar p{
	text-align: center;
    line-height: 40px;
    font-size: 16px;
    width: 118px;
    height: 40px;
    border-radius: 4px;
	cursor:pointer;
}
.coursewrap .coursebannerwrap .bottombar div p,.coursewrap .coursebannerwrap .bottombar2 div p{
	text-align: center;
    line-height: 36px;
    font-size: 13px;
    width: 92px;
    height: 34px;
    border-radius: 4px;
	cursor:pointer;
}
.rangegif{
	display:none;
	margin-bottom:10px;
}
.rangegif,.rangegif div{
	height:50px;
	width:100%;
}
.rangegif img{
	width:28px;
	display:block;
}
.listrangewrap{
	width:100%;
}
.listrange{
	width:1000px;
	margin:0 auto;
	height:54px;
}
.listrange div{
	float:right;
	height:54px;
	line-height:54px;
	font-size:14px;
	color:#999;
	text-align:center;
	padding:0 15px;
	cursor:pointer;
}
.listrange div.active{
	color:#ccab86;	
}
.scorlltoTop {
    position: absolute;
    bottom: 63px;
    right: 59px;
    width: 38px;
}
.coursewrap .coursebannerwrap .topbar .topbar_p_active{
	border: 2px solid #ccab86;
	line-height: 36px !important;
}
.coursewrap .coursebannerwrap .bottombar .bottombar_p_active,.coursewrap .coursebannerwrap .bottombar2 .bottombar_p_active{
	border: 2px solid #ccab86;
	line-height: 32px !important;
}
.coursewrap .coursebannerwrap .topbar div:nth-of-type(2){
	width:133px;
}
.coursewrap .coursebannerwrap .bottombar,.coursewrap .coursebannerwrap .bottombar2{
	width:100%;
	height:50%;
}
.coursewrap .coursebannerwrap .bottombar2{
	display:none;
	padding-top: 17px;
    padding-left: 24px;
}
.courselistall{
	overflow:hidden;
}
.courselistall .list{
	width: 249px;
    height: 192px;
    box-shadow: 0 0 4px #d7d7d7;
    float: left;
    margin-bottom: 12px;
    padding-bottom: 0;
    background: #fff;
}
.courselistall .list .listIn{
    width: 100%;
    height: 100%;
}
.courselistall .list .listIn .headimg{
	width: 100%;
    height: 138px;
    margin-bottom: 4px;
    overflow: hidden;
}
.courselistall .list .listIn .headimg img{
	transition: all 0.6s; 
	
}
.courselistall .list .listIn .headimg img:hover{
	transform: scale(1.4); 
}
.courselistall .list .listIn .headimg img{
	width:100%;
	height:100%;
	display:block;
}
.courselistall .list .listIn .listcontent{
	width: 100%;
    border-top: 0;
    padding: 0 6px;
}
.courselistall .list .listIn .tag,.previewcoursecontent .tag{
	height:18px;
	font-size:12px;
    overflow: hidden;
	color:#ccab86;
	line-height: 18px;
	margin-bottom:8px;
}
.courselistall .list .listIn .tag div,.previewcoursecontent .tag div{
height: 18px;
    width: 34px;
    text-align: center;
    border: 1px solid #ccab86;
    margin-right: 10px;
    float: left;
}
.courselistall .list .listIn .p1{
    font-size: 14px;
    color: #444;
    line-height: 26px;
}
.courselistall .list .listIn .p2{
    font-size: 12px;
    color: #999;
    line-height: 18px;
}
.courselistall .list .listIn .p3{
	font-size:12px;
	color:#ccab86;
	line-height:20px;
}
.lookprew{
	width:124px;
	height:44px;
	margin:0 auto;
	font-size:14px;
	color:#999;
	line-height:44px;
	cursor:pointer;
}
.lookprew img{
    width: 18px;
    margin-left: 6px;	
}
.courselistall .list:nth-child(2n+1){
	margin-right:1px;
}
.listlookmore{
	height:85px;
	width:100%;
}
.listlookmore div{
	height:100%;
}
.listlookmore div:nth-of-type(2){
	width:188px;
}
.listlookmore div:nth-of-type(2) p{
	width:134px;
	height:30px;
	color:#999;
	text-align:center;
	line-height:30px;
	background:#e8e8e8;
	border-radius:4px;
	font-size:15px;
	cursor:pointer;
}
.listlookmore div .border{
	width:100%;
	display:block;
	height:0;
	border-bottom:1px dashed #d7d7d7;
}
.listlookmore2{
	display:none;
}
.cpreviewwrap{
	background:#f4f4f4;
	width:100%;
}
.cpreviewbanner{
	width:1000px;
	height:54px;
	font-size:16px;
	color:#666;
	line-height:54px;
	text-align:center;
	margin:0 auto;
}
.cpreviewbanner div.san{
	font-size:14px;
	width:25px;
	color:#999;
}
.cpreviewbanner div.pointer{
	cursor:pointer;
}
.cpreviewbanner div.last{
	color:#999;
	cursor:default;
}
.previewcourse{
	width:1000px;
	box-shadow:0 0 6px #d7d7d7;
	padding:18px;
	background:#fff;
	margin:0 auto;
	margin-bottom:5px;
}
.previewcoursecontent .left{
	width:420px;
}
.previewcoursecontent .left img{
	width:100%;
	display:block;
}
.previewcoursecontent .right{
	padding-left:20px;
}
.previewcoursecontent .right h3{
	font-size:18px;
	color:#444;
	line-height:28px;
	margin-bottom:10px;
}
.previewcoursecontent .tag{
	margin-bottom:12px;
}
.previewcoursecontent .right .ccontent{
	height:18px;
}
.previewcoursecontent .right .ccontent .left{
	height:18px;
	line-height:18px;
	color:#999;
    width: auto;
	font-size:12px;
}
.previewcoursecontent .right .price{
	height:82px;
	line-height:82px;
	color:#F56123;
	font-size:26px;
	margin-bottom:32px;
}
.previewcoursecontent .right .price span{
	font-size:18px;
}
.previewcoursecontent .right .pbottom{
	width:134px;
	height:38px;
	color:#fff;
	background:#ccab86;
	font-size:16px;
	text-align:center;
	line-height:38px;
	cursor:pointer;
}
.previewcoursetwice{
	padding-top:0;
}
.previewcoursecontent .right .star{
	width: 12px;
    margin: 2px 1px;
    float: left;
}
.previewcoursecontent .right .star img{
	width:100%;
}
.previewcoursecontent .right i{
    color: #ccab86;
    font-size: 12px;
    display: block;
    margin-left: 81px;
}
.previewcoursetwice .topmsg{
	font-size:16px;
	color:#444;
	line-height:44px;
}
.previewinfo{
	margin-bottom:10px;
}
.previewinfo .pleft{
	width:110px;
	height:110px;
}
.previewinfo .pleft img{
	width:100%;
	display:block;
	border-radius:100%;
}
.previewinfo .pright{
	padding-left:16px;
}
.previewinfo .pright .p1{
	font-size:16px;
	line-height:24px;
	height:24px;
	color:#444;
	margin-bottom:6px;
}
.previewinfo .pright .p2{
	font-size:14px;
	line-height:20px;
	color:#666;
}
.previewcoursecontent .courseinfo p{
	font-size:14px;
	line-height:22px;
	color:#666;
	margin-bottom:15px;
}
.cpreviewwrap {
	min-width:320px;
}
.spreviewcourse .previewcoursecontent .ccontent .right{
padding-left: 0px;
    padding-top: 6px;
    margin-left: -2px;
}
.spreviewcourse .previewcoursecontent .right .ccontent{
	height:40px;
}
.spreviewcourse .previewcoursecontent .right .price{
	margin-bottom:10px;
}
.spreviewcourse .previewcoursecontent .right .price i{
	    font-size: 20px;
	    height: 82px;
    line-height: 82px;
    color: #F56123;
	display:inline-block;
	margin-left:0;
}
.markdown-body{    background: #fff;    padding: 8px;    margin-bottom: 5px; }
.markdown-body ul,.markdown-body li{font-size:12px;}
.markdown-body h1,.markdown-body h2,.markdown-body h3 {    margin:0 !important;    font-weight: 300 !important;    padding:0 !important;    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif !important;}
.markdown-body img { 
	max-width: 100%; 
 }
.markdown-body p {    margin: 0 !important;    padding:0 !important;  }.markdown-body h1 {    font-size: 30px !important;    margin-top: 26px !important;    margin-bottom: 18px !important;}.markdown-body h2 {    font-size: 24px !important;    margin-bottom: 18px !important;}.markdown-body h3 {    font-size: 20px !important;    margin-bottom: 14px !important;}.markdown-body h4 {    font-size: 16px !important;    margin-bottom: 10px !important;    font-weight: 300 !important;}.markdown-body p {    line-height: 1.6 !important;    margin-bottom: 6px !important;    font-size: 14px !important;}.markdown-body pre{    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif !important;    font-size: 12px !important;    background: 0 !important;    border:0 !important;    padding:0 !important;    font-weight: 300 !important;    white-space: pre-wrap!important;    word-wrap: break-word!important;}
.markdown-body2 p {
line-height: 24px !important;
margin-bottom:12px !important;
}
.updatecourselist{
	height:146px;
	margin-bottom:15px;
}
.updatecourselist:last-child{
	margin-bottom:0;
}
.updateleft{
	width:244px;
	padding-right:15px;
}
.updateleft img{
	width:100%;
    display: block;
}
.updateright{
	height:100%;
	border-bottom:1px solid #f4f4f4;
}
.updateright .p1{
	font-size:16px;
	color:#444;
	line-height:26px;
}
.updateright .p2{
	font-size:14px;
	color:#666;
	line-height:22px;
	padding-right:10px;
}
.updateright .p3{
	font-size:14px;
	color:#666;
	line-height:42px;
}
.courselistteicelist{
	margin-bottom:10px;
}
.courselistteicelist:last-child{
	margin-bottom:0px;
}
.courselistteicelist .p1{
	font-size:14px;
	color:#444;
	line-height:28px;
}
.courselistteicelist .p2{
	font-size:12px;
	color:#666;
	line-height:24px;
}
.codecevelwrap{
	position:absolute;
	background:#f4f4f4;
	width:300px;
	height:338px;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-169px;
	display:none;
}
.codecevelwrap .codecevel{
	width:252px;
	height:286px;
}
.codecevelwrap .codecevel p{
	color:#444;
	font-size:12px;
	line-height:34px;
	height:34px;
}
.codecevelwrap .codecevel img{
	width:100%;
}
.codecevel_wrap{
	width:100%;
	height:100%;
}
.codecevelwrap #close{
	position:absolute;
	top:10px;
	right:10px;
	width:14px;
	cursor:pointer;
	display:block;
}
@media (max-width: 1350px) {
	.appTip {
		width: 100%;
		left: 0;
		margin-left: 0;
		padding: 0 1%;
	}
	.appTip li {
		width: 20%;
		height: 142px;
	}
}
@media (max-width: 680px) {
	.classify {
		width: 350px;
		margin: 0 auto;
	}
	.classify li{
		float:none;
	}
	.classify{
		-webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
	}
	.classify li:nth-of-type(2),.classify li:nth-of-type(4){
		height:10px;	
	}
	.classify li{
		height: 150px;
	}
	.classify li h2 img {
		width: 82px;
	}
	.classify li p {
		font-size: 23px;
		width: 66px;
		height: 34px;
		margin-left: -33px;
		margin-top: -23px;
	}
	.classify li h2 {
		margin-left: -41px;
		margin-top: -11px;
	}
	.infoWrap .info {
		padding-bottom: 26px;
	}
	.loginWrap .topWrap .top .logo img {
		width: 26px;
		height: 26px;
	}
	.loginWrap .topWrap .top .logo {
		padding-top: 18px;
	}
}
@media (max-width: 999px) {
	.listrange{
		width:100%;
	}
	.coursewrap .coursebannerwrap .topbar p {
		line-height: 32px;
		font-size: 14px;
		width: 80px;
		height: 32px;
	}
	.coursewrap .coursebannerwrap .bottombar div p, .coursewrap .coursebannerwrap .bottombar2 div p {
		line-height: 30px;
		font-size: 13px;
		width: 92px;
		height: 28px;
	}
	.coursewrap .coursebannerwrap {
		height: 96px;
		padding: 0 12px;
	}
	.coursewrap .coursebannerwrap .bottombar .bottombar_p_active, .coursewrap .coursebannerwrap .bottombar2 .bottombar_p_active {
		line-height: 26px !important;
	}
	.coursewrap .coursebannerwrap .topbar .topbar_p_active {
		line-height: 29px !important;
	}
	.ccontent .right{
		margin-left:10px;
	}
	.previewcourse {
		width: 100%;
		
	}
	.previewcoursecontent {
		display:block; 
	}
	.previewcoursecontent .left {
		width: 100%;
		margin-bottom: 10px;
	}
	.previewcoursecontent .right {
		padding-left: 0;
	}
	.spreviewcourse .previewcoursecontent .right .ccontent {
		height: 50px;
	}
	.courselistall .list:nth-child(2n+1){
		margin-right:0;
	}
	.courselistall {
		width: 748px;
		margin: 0 auto;
	}
	.cpreviewbanner{
		padding:0 10px;
	}
	.top,.cpreviewbanner {
		width:100%;
	}
	.coursewrap {
		width: 100%;
	}
	.webArtWrap .headerImg img.adminImg{
		width:100%;	
	}
	.webArtWrap .nav {
		width: 100%;
	}
	.infoWrap .in {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.marginInfo {
		margin-right: 0 !important;
		
	}
	.in dl{
		margin-bottom: 16px;
	}
	
	.inInfo {
		margin-bottom: 0px !important;
	}
	.payWrap .padytitle,.payWrap .pay,.payWrap .paybtn,.payPrew{
		width: 100% !important;
	}
	.payPrew div:nth-of-type(1){
		margin-bottom:10px;
	}
	.payPrew div:nth-of-type(2){
		padding-left:0;
		width:100%;
	}
}
@media (max-width: 1400px) {
	.partnerWrap {
		background: #f2f2f2 url(../../images/titlebg.jpg) no-repeat top center;
		background-size: auto;
	}
}
@media (max-width: 1140px) {
	.members_vip .left { 
		padding: 53px 60px 76px 102px;
	}
	.members_vip,.members_info,.members_hot,.members_message,.members_message .members_messagenav{
		width: 100%;
	}
	.members_bottomcontain {
		width: 644px;
		margin: 0 auto;
	}
	.members_message .members_messagenav div {
		padding: 0 18px;
	}
}
@media (max-width: 1100px) {
	.adminTitle {
		margin-top: -139px;
	}
	.admin div {
		width: 100%;;
		    height: 124px;
		margin-top: -5%;
		padding: 32px 0;
	}
	.admin h3 {
		margin-top: -110px;
	}
	.appDownload p {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: 197px;
		margin-top: 67px;
		color: #fff;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0px;
	}
	.appDownload img.artLogo {
		margin-left: 189px;
		margin-top: -206px;
		width: 156px;
	}
	.appDownload img.code {
		margin-left: 198px;
		margin-top: -89px;
		width: 142px;
	}
	.appDownload img.apple {
		margin-left: 140px;
		margin-top: 178px;
		margin-top: 144px;
		width: 126px;
	}
	.appDownload img.android {
		margin-left: 273px;
		margin-top: 144px;
		width: 126px;
	}
	.top {
		width: 100%;
	}
	.historyRight li img.showIn {
		top: 11px;
		left: 0;
		z-index: 99999;
	}
	.repeatList {
		width: 770px;
	}
	.partnerList .listRight p.first {
		font-size: 20px;
	}
	.partnerList .listRight p.two {
		font-size: 18px;
	}
	.partnerList .listRight p.three {
		font-size: 14px;
	}
	.listWrap .partnerTop {
		width:100%;
	}
	
	.webArtWrap .nav,.infoWrap .info{
		width: 100%;
	}
	.marginInfo {
		margin-right: 74px;
	}
	.inInfo {
		margin-bottom: 30px;
	}
	.admin div {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.appIn,.appRight .appTip li{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.appLeft {
		width: 100%;
	}
	.appLeft,.appRight .appTip li{
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.appLeft img{
		width:auto;
		height: 100%;
	}
	.appRight {
		width: 100%;
		padding: 28px 44px 0 44px;
	}
	.appWrap .app{
		width:100%;
	}
	.listWrap .centerWrap {
		width: 94%;
   		margin: 0 3%;
	}
	.wellList {
		float: none;
		margin: 0 auto;
		margin-bottom:20px;
	}
	.stuWrap {
		overflow: hidden;
		padding: 0;
		width: 515px;
		margin: 0 auto;
	}
	.historyLeft {
		position: relative;
		width: 267px;
		height: auto;
		margin: 0 auto;
	}
	.historyLeft img {
		position: static;
	}
	.historyLeft, .historyRight {
		float:none;
	}
	.historyRight {
		width: auto;
		padding-left: 30px;
		border-left: 1px solid #E9E9EB;
		margin: 58px 22%;
	}
	.originList {
		float: none;
		margin: 0 auto;
		width: 300px;
		height: 416px;
	}
	.team {
		width: 524px;
		margin: 0 auto;
	}
	.infoWrap .inside dl dt {
		width: 84px;
		height: auto;
		padding-top: 8px;
	}
	
	.appIn .apple {
	    margin-top: 150px;
    	margin-left: 166px;
	}
	.appIn .android {
		margin-top: 150px;
   		margin-left: 280px;
	}
	.appInLogo1 {
		margin-top: -199px;
		margin-left: 148px;
		width: 177px;
	}
	.appInLogo2 {
		margin-top: -100px;
		margin-left: 170px;
		width: 263px;
	}
	.appIn .apple, .appIn .android {
		width: 112px;
	}
.offical-plan{
		    width: 116px !important;
			    margin: 0 auto;
	}
}
@media (max-width: 1000px) {
	.partnerlogo {
		display: block;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.footerWrap .footer,.teacherWrap .teaTitle{
		width: 100%;
	}
	.teacherLogo3 {
		width: 92%;
	}
	.top .left li {
		width: 78px;
	}
	.activityWrap .centerWrap {
		width: 100%;
	}
}
@media (max-width: 900px) {
	.members_vip .left {
		padding: 0 0 47px 0;
		width: 100%;
	}
	.members_info .p1 {
		padding: 0 50px;
	}
	.members_vip{
		display:block;
	}
	.members_vip .left .pBottom {
		margin-bottom: 4px;
	}
	.members_vip .left .p1, .members_vip .left .p2 {
    text-align: center;
    font-size: 16px;
}
	.appDownload p {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: 158px;
		margin-top: 46px;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0px;
	}
	.top .left li {
		width: 60px;
	}
	.teacherWrap .teaTitle {
		padding-top: 70px;
	}
	
	.teacherLogo1 {
		margin-top: -114px;
		margin-left: -150px;
		width: 68px;
	}
	.teacherLogo2 {
		margin-top: -112px;
		margin-left: -91px;
		width: 318px;
	}
	.partnerList .listLeft img {
		margin-top: 46px;
		margin-left: 13px;
	}
	.partnerWrap {
		background-size: auto 327px;
	}
	.bottomWrap .bottom ul {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: -8px;
    padding:0;
    width: 619px;
}
.bottomWrap .bottom li:nth-of-type(1) {
    margin-right: 3%;
}
.bottomWrap .bottom li:nth-of-type(2) {
    margin-right: 3%;
}
.bottomWrap .bottom li:nth-of-type(3) {
    margin-right: 3%;
}
.bottomWrap .bottom {
    width: 100%;
}
	.footerWrap .footer ul{
		display:block;
		width:100%;
		height:126px;
		padding-left: 49px;
	}
	.footerWrap .footer ul li{
		float:left;
		width: 29%;
		margin-bottom:10px;
	}
	.footerWrap .footer ul.firstUl {
		margin-bottom: -26px;
		
	}
	.footerWrap .footer {
		padding-bottom: 57px;
	}
	.admin h3 {
		margin-top: -84px;
	}
	.adminTitle {
		margin-top: -114px;
	}
	.appTip li {
		width: 20%;
		height: 114px;
	}
	.appTip li p:first-child {
		font-size: 14px;
		color: #fff;
		line-height: 28px;
	}
	.appTip li p:last-child {
		font-size: 12px;
		color: #B5B1B0;
		line-height: 20px;
		padding-right: 10px;
	}
	.listWrap .partnerTop {
		height: 241px;
	}
	.listLogo1 {
		margin-left: -163px;
		margin-top: -53px;
		width: 52px;
	}
	.listLogo2 {
		margin-left: -114px;
		margin-top: -52px;
		width: 247px;
	}
	.listLogo3 {
		margin-left: -96px;
		margin-top: -22px;
		font-size: 18px;
		letter-spacing: 21px;
	}
	.listLogo4 {
		margin-left: 0;
		margin-top: 29px;
		width: 100%;
		text-align: center;
		line-height: 30px;
		color: #1a1a1a;
		padding: 0 2%;
		left: 0;
		font-size: 14px;
	}
	.partnerList .listRight p.first {
		font-size: 16px;
	}
	.partnerList .listRight p.two {
		font-size: 15px;
	}
	.partnerList .listLeft {
		width: 99px;
	}
	.listLogolist1 {
		margin-left: -129px;
		margin-top: -50px;
		width: 52px;
	}
	.appDownload img.artLogo {
		margin-left: 159px;
		margin-top: -164px;
		width: 124px;
	}
	.appDownload img.code {
		margin-left: 165px;
		margin-top: -89px;
		width: 117px;
	}
	.appDownload img.apple {
		margin-left: 107px;
		margin-top: 120px;
		width: 106px;
	}
	.appDownload img.android {
		margin-left: 240px;
		margin-top: 120px;
		width: 106px;
	}
	.members_message {
		padding: 48px 10px 0 10px;
	}
	.members_message .contain {
		padding: 10px 10px;
	}
	.containtext div {
		padding: 0 4px;
	}
	.members_message .members_messagenav {
		width: 100%;
	}
}
@media (max-width: 800px){
	.repeatList {
		width: 577px;
	}
	.appInLogo1 {
		margin-top: -159px;
		margin-left: 100px;
		width: 147px;
	}
	.appInLogo2 {
		margin-top: -79px;
		margin-left: 117px;
		width: 216px;
	}
	.appIn .apple {
		margin-top: 119px;
		margin-left: 113px;
	}
	.appIn .apple, .appIn .android {
		width: 82px;
	}
	.appIn .android {
    margin-top: 119px;
    margin-left: 200px;
}
}
@media (max-width: 780px){
	
	.partnerList .listLeft img {
		margin-top: 31px;
		margin-left: 12px;
	}
	.team div:nth-child(4n) {
		margin: 0 auto;
	}
	.team div {
		float: none;
		margin: 0 auto;
	}
	.team {
		width:auto;
	}
	.webArtWrap .tip {
		padding: 0 6%;
	}
	.admin h3 {
		margin-top: -67px;
		font-size: 12px;
	}
	.admin h3 {
		letter-spacing: 38px;
		margin-left: 31px;
	}
	.adminTitle {
		margin-top: -90px;
		margin-left: -101px;
		width: 195px;
	}
	.footerWrap .footer {
		width: 100%;
	}
	.bottomWrap .bottom li:nth-of-type(3) {
		margin-right: 7%;
	}
	.bottomWrap .bottom li:nth-of-type(1) {
		margin-left: 3%;
	}
	.partnerList {
		width: 1060px;
		height: 145px;
		margin-bottom: 28px;
	}
	.partnerList .listCenter {
		width: 286px;
	}
	.partnerList .listCenter img {
		height: 145px; 
		width: 286px;
	}
	.partnerList .listRight {
		padding: 0 16px;
		padding-top: 18px;
	}
	.partnerList .listRight p.first {
		font-size: 16px;
	}
	.partnerList .listRight p.two {
		font-size: 14px;
		line-height: 33px;
    	margin-bottom: 13px;
	}
	.partnerList .listRight p.three {
		font-size: 12px;
	}
	.courselistall {
		width: 498px;
	}
	
}
@media (max-width: 720px){
	.bottomWrap .bottom ul {
		width: 331px;
		margin: 0 auto;
	}
	.bottomWrap .bottom li:nth-of-type(1) {
		margin-left: 0;
	}
}
@media (max-width: 700px){
	.artcourse .p1 {
		font-size: 14px;
		padding: 0 10%;
		line-height: 24px;
	}
	.artcourse {
		padding-bottom: 30px;
		padding-top: 21px;
	}
	.appDownload p {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: 88px;
		margin-top: 31px;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0px;
	}
	.appDownload img.android {
		margin-left: 161px;
		margin-top: 90px;
		width: 92px;
	}
	.appDownload img.apple {
		margin-left: 54px;
		margin-top: 90px;
		width: 92px;
	}
	.appDownload img.code {
		margin-left: 114px;
		margin-top: -64px;
		width: 79px;
	}
	.appDownload img.artLogo {
		margin-left: 110px;
		margin-top: -120px;
		width: 86px;
	}
	.footerWrap .footer ul li{
		width: 27%;
	}
	.appTip li {
		transform: scale(.8);
		height: 94px;
	}
	.appTip li p{
		transform: scale(.8);
		width: 150%;
		margin-left: -12px;
	}
	
	.partnerList {
		width: 100%;
		height: 106px;
	}
	.partnerList .listLeft {
		width: 53px;
	}
	.partnerList .listCenter {
		width: 206px;
	}
	.partnerList .listCenter img {
		height: auto;
		width: 210px;
	}
	.partnerList .listRight p.first {
		font-size: 14px;
		line-height: 17px;
	}
	.partnerList .listRight p.two {
		font-size: 13px;
		line-height: 33px;
		margin-bottom: 13px;
	}
	
	.partnerList .listRight p.three {
		font-size: 12px;
		line-height: 27px;
	}
	.partnerList .listLeft img {
		margin-top: 27px;
		margin-left: 4px;
		width: 88%;
	}
	.artSlide {
		width: 100%;
		height: 176px;
	}
	.artSlide #h_wrapper {
		left: 44px;
		right: 44px;
	}
	.artSlide #h_wrapper .scroll{
		height: 176px;
	}
	.artSlide #h_wrapper .scroll .contain {
		width: 225px;
		height: 176px;
		margin-right: 25px;
	}
	.leftx {
		border-top: 12px solid transparent;
		border-right: 11px solid #fff;
		border-bottom: 12px solid transparent;
		left: 17px;
		top: 66px;
	}
	.lefty {
		border-top: 12px solid transparent;
		border-left: 11px solid #fff;
		border-bottom: 12px solid transparent;
		right: 17px;
		top: 66px;
	}
	.members_hot .p1 i:nth-of-type(2) {
		right: 39px;
	}
	.members_hot .p1 i:nth-of-type(1) {
		left: 39px;
	}
	.members_hot .p1 {
		font-size: 21px;
		line-height: 93px;
		letter-spacing: 1px;
		width: 200px;
		height: 80px;
		padding-top: 14px;
	}
	.artSlide #h_wrapper .scroll .contain .topimg .img2 {
		width: 92px;
	}
	.artSlide #h_wrapper .scroll .contain .bottomcevel {
		height: 42px;
		padding-left: 11px;
	}
	.artSlide #h_wrapper .scroll .contain .bottomcevel .text {
		height: 25px;
		line-height: 38px;
		font-size: 14px;
		line-height: 28px;
	}
	.artSlide #h_wrapper .scroll .contain .bottomcevel .text2 {
		height: 16px;
		line-height: 16px;
		font-size: 12px;
		line-height: 15px;
	}
	.righttext {
		width: 64px;
		padding: 0 10px;
		height: 174px;
	}
	.righttext p:nth-of-type(1) {
		padding-top: 2px;
	}
	.righttext p:nth-of-type(2) {
		padding-top: 2px;
	}
	.artSlide #h_wrapper .scroll .contain .topimg {
		height: 25px;
	}
	.members_bottomcontain {
		width: 323px;
		margin: 0 auto;
	}
	.members_bottomcontainmsg {
		padding: 5px;
	}
}
@media (max-width: 740px){
	.teacher_list {
		width: 100%;
		height: 442px;
		margin: 0 auto;
	}
	.teacher_list img.autor {
		margin: 0 auto;
		display: block;
		    margin-bottom: 12px;
	}
	.teacher_list .author{
		width: 100%;
		text-indent:0;
	}
	.repeatList {
		width: 100%;
	}
	.teacher_list .author {
		text-align: center;
	}
	.teacher_list p {
		width: 100%;
		text-align: center;
	}
	.teacherWrap .teaTitle {
		padding-top: 28px;
	}
	.teacherLogo1 {
		margin-top: -139px;
		margin-left: -137px;
		width: 50px;
	}
	.teacherLogo2 {
		margin-top: -139px;
		margin-left: -98px;
		width: 253px;
	}
	.teacherLogo3 {
		margin-top: 116px;
		margin-left: 23px;
		font-size: 12px;
		line-height: 26px;
		text-align: center;
		padding-bottom: 100px;
	}
	.top .left{
		display:none;
	}
	.top .right{
		display:block;
	} 
	.admin div {
		padding: 34px 0;
	}
	.appIn .apple, .appIn .android {
		width: 80px;
	}
	.footerWrap .footer {
		padding-bottom: 46px;
	}
	.repeatList {
		width: 100%;
	}
	.appIn .android {
		margin-top: 90px;
		margin-left: 144px;
	}
	.appIn .apple {
		margin-top: 90px;
		margin-left: 80px;
	}
	.appIn .apple, .appIn .android {
		width: 60px;
	}
	.appInLogo1 {
		margin-top: -108px;
		margin-left: 68px;
		width: 110px;
	}
	.appInLogo2 {
		margin-top: -58px;
		margin-left: 81px;
		width: 163px;
	}
	.members_message .members_messagenav div {
		padding: 0 1px;
	}
	.members_message .members_messagenav div {
		padding: 0 9px;
	}
	
}
@media (max-width: 530px) {
	.members_vip .left .pbototm2 {
		font-size: 23px !important;
		margin-bottom: 0px;
	}
	.members_hot {
		padding-bottom: 31px;
	}
	.members_message {
    padding: 10px 10px 0 10px;
}
	.updateright .p3 {
		font-size: 12px;
		line-height: 44px;
	}
	.updateright .p2 {
		font-size: 12px;
		line-height: 18px;
		padding-right: 10px;
	}
	.updateright .p1 {
		font-size: 14px;
		line-height: 22px;
	}
	.cpreviewbanner {
		height: 40px;
		font-size: 12px;
		line-height: 40px;
	}
	.previewcoursecontent .right .price {
		height: 31px;
		line-height: 36px;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.previewcoursecontent .right h3 {
		font-size: 16px;
		line-height: 17px;
		margin-bottom: 10px;
	}
	.previewcoursecontent .right .price span {
		font-size: 14px;
	}
	.previewcoursecontent .right .pbottom {
		width: 93px;
		height: 28px;
		font-size: 14px;
		line-height: 28px;
	}
	.previewcoursetwice .topmsg {
		font-size: 14px;
		line-height: 32px;
		margin-bottom: 5px;
	}
	.previewinfo .pleft {
		width: 60px;
		height: 60px;
	}
	.previewinfo .pright {
		padding-left: 10px;
	}
	.previewinfo .pright .p1 {
		font-size: 14px;
		line-height: 20px;
		height: 17px;
		margin-bottom: 6px;
	}
	.previewcoursecontent .right .ccontent .left{
		margin-bottom:0;
	}
	.previewcoursecontent .courseinfo p {
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.previewinfo .pright .p2 {
		font-size: 12px;
		line-height: 17px;
	}
	.previewcoursetwice .topmsg {
		font-size: 14px;
		line-height: 34px;
	}
	.previewcourse {
		padding: 10px;
	}
	.updatecourselist {
		height: 104px;
	}
	.updateleft {
		
		width: 174px;
	}
	.coursewrap .coursebannerwrap .bottombar div p, .coursewrap .coursebannerwrap .bottombar2 div p {
		width: 60px;
	}
	.coursewrap .coursebannerwrap .bottombar2 {
		padding-top: 10px;
		padding-left: 14px;
	}
	.courselistall {
	    padding-top: 0;
		width:269px;
	}
	.members_bottomcontain {
		width: 236px;
	}
	.members_bottomcontainmsg {
		width: 232px;
		height: 193px;
		float: left;
	}
	.listlookmore {
		height: 56px;
	}
	.members_bottomcontainmsg .con div {
		padding-top: 69px;
	}
	.gocoursebtn {
		
		
		width: 104px;
		height: 32px;
		line-height: 32px;
		margin: 0 auto;
		margin-top: 10px;
		font-size: 14px;
	}
	.containtext h3,.containtext p{
		font-size:12px;
	}
	.containtext h3 {
		height: 59px;
	}
	.containtext p {
		line-height: 18px;
	}
	.bottomWrap{padding-bottom:0;}
	.activityWrap,.aboutWrap {
		padding-top: 39%;
	}
	.activityWrap .centerWrap {
		padding-top: 26px;
	}
	.activityWrap .centerWrap h6 {
		line-height: 42px;
		font-size: 16px;
		letter-spacing: 0;
	}
	.activityWrap .centerWrap p.con1 {
		line-height: 28px;
		font-size: 14px;
		letter-spacing: 0;
		margin-bottom: 6px;
	}
	.activityWrap .centerWrap p.con2 {
		line-height: 26px;
		font-size: 14px;
		letter-spacing: 0;
		margin-bottom: 2px;
		text-indent: 29px;
	}
	.activityWrap .centerWrap p.con4 {
		line-height: 26px;
		font-size: 14px;
		letter-spacing: 0;
		margin-bottom: 2px;
	}
	.activityWrap .centerWrap p.con3 {
		margin-bottom: 15px;
	}
	.activityWrap .centerWrap .centerTitle {
		line-height: 97px;
		font-size: 28px;
	}
	.activityWrap .centerWrap h4 {
		line-height: 26px;
		font-size: 22px;
		margin-bottom: 36px;
	}
	.activityWrap .centerWrap h5 {
		line-height: 44px;
		font-size: 16px;
	}
	.activityWrap .centerWrap p.con {
		line-height: 27px;
		font-size: 14px;
		letter-spacing: 0px;
		margin-bottom: 15px;
	}
	.appDownload p {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: 46px;
		margin-top: 25px;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0px;
		transform: scale(.7);
	}
	.appDownload img.artLogo {
		margin-left: 81px;
		margin-top: -78px;
		width: 56px;
	}
	.appDownload img.code {
		margin-left: 82px;
		margin-top: -40px;
		width: 56px;
	}
	.appDownload img.apple {
		margin-left: 38px;
		margin-top: 66px;
		width: 70px;
	}
	.appDownload img.android {
		margin-left: 113px;
		margin-top: 66px;
		width: 70px;
	}
	.smalltitle1 {
		width: 204px !important;
		margin-top: 31px !important;
		margin: 0 auto;
		display: block;
	}
	.smallTitle1 {
		letter-spacing: 29px !important;
		text-indent: 30px !important;
		margin-top: -1px !important;
		margin-bottom: 58px !important;
		line-height: 23px;
		font-size: 15px;
	}
	.smalltitle2 {
		width: 152px !important;
	}
	
	.partnerList {
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.partnerList .listRight p.first {
		font-size: 13px;
		line-height: 17px;
	}
	.partnerList .listRight p.two {
		font-size: 12px;
		line-height: 26px;
		margin-bottom: 0;
	}
	.partnerList .listRight p.three {
		font-size: 12px;
		line-height: 27px;
	}
	.listWrap .partnerTop {
		height: 187px;
	}
	.listLogo4 {
		margin-top: 5px;
		line-height: 19px;
		font-size: 12px;
		transform: scale(.7);
	}
	.listLogo1 {
		margin-left: -108px;
		margin-top: -42px;
		width: 37px;
	}
	.listLogo2 {
		margin-left: -72px;
		margin-top: -38px;
		width: 153px;
	}
	.listLogo3 {
		margin-left: -61px;
		margin-top: -24px;
		font-size: 15px;
		letter-spacing: 8px;
	}
	.partnerWrap {
		background-size: auto 217px;
	}
	.bottomWrap .bottom p:nth-of-type(1) {
		margin-bottom: 4px;
	}
	#msg {
		line-height: 17px;
		font-size: 15px;
		letter-spacing: 10px;
		text-indent: 10px;
		margin-bottom: 40px;
	}
	.footerWrap .footer {
		padding-top: 21px;
	}
	.appTitle {
		width: 178px;
		margin-bottom: 30px;
	}
	.appWrap .app {
		padding-top: 30px;
	}
	.adminTitle {
		margin-top: -69px;
		margin-left: -78px;
		width: 154px;
	}
	.admin h3{
		margin-top: -53px;
		font-size: 12px;
		letter-spacing: 26px;
		line-height: none;
		margin-left: 23px;
	}
	.infoWrap .info {
		padding-top:18px;
		padding-bottom: 26px;
	}
	.footerWrap .footer ul{
		padding-left: 12%;
		height:450px;
	}
	.footerWrap .footer ul li {
		width: 87%;
		margin-right:0;
		margin-bottom: 14px;
		height: 67px;
	}
	   
	.webArtWrap .nav {
		padding: 18px 0 46px 0;
	}
	.webArtWrap .nav h3 {
		font-size: 20px;
		color: #000;
		text-align: center;
		line-height: 58px;
		font-weight: 300;
	}
	.top .logo img {
		width: 26px;
		height: 26px;
	}
	.top .logo img:nth-of-type(2) {
		width: 38px;
		margin-top: 3px;
		margin-left: 5px;
		height:auto;
	}
	.top .logo{
		padding-top: 18px;
		line-height: 27px;
	}
	.webArtWrap .tip {
		line-height: 26px;
		font-size: 12px;
	}
	.webArtWrap .lastTip {
		margin-bottom: 36px;
	}
	.infoWrap .info h3{
		font-size: 20px;
		line-height: 100px;
		margin-bottom: 12px !important;
		letter-spacing: 6px !important;
		text-indent: 12px;
	}
	.infoWrap .inside {
		padding:0;
	}
	.inInfo {
		margin-bottom: 0px;
	}
	.infoWrap .inside dl {
		width: 372px;
		height: 82px;
		padding-left: 10px;
	}
	.infoWrap .inside dl dt {
		width: 68px;
		padding-top: 0px;
	}
	.infoWrap .inside dl dd {
		padding-left: 10px;
		padding-top: 0;
	}
	.infoWrap .inside dl dd h2 {
		font-size: 14px;
		line-height: 30px;
	    margin-bottom: 0;
	}
	.listlookmore div:nth-of-type(2) p {
		width: 124px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.artcourse .h3 {
		font-size: 18px;
		height: 78px;
		line-height: 67px;
		margin-bottom: 4px;
	}
	.artcourse .h3 div {
		height: 49px;
	}
	.infoWrap .inside dl dd p {
		font-size: 12px;
	}
	.admin div li p:first-child {
		font-size: 24px;
		line-height: 32px;
	}
	.admin div li p:last-child {
		font-size: 12px;
		line-height: 12px;
	}
	.admin div li {
		height: 50px;
	}
	.admin div{
		height:92px;
		padding: 24px 0;
	}
	.appWrap .app h3 ,.footerWrap .footer h3 {
		line-height: 100px;
		font-size: 20px;
	}
	.appLeft img {
		width: 100%;
		height: auto;
	}
	.listWrap .centerWrap .centerTitle {
		line-height: 64px;
		font-size: 24px;
	}
	.listTip {
		line-height: 26px;
		font-size: 12px;
	}
	.listWrap .centerWrap h4 {
		line-height: 96px;
		font-size: 18px;
	}
	.stuWrap{
		width:auto;
	}
	.stuWrap .stu {
    	float: none;
		margin: 0 auto;
		margin-bottom: 26px;
	}
	.stuWrap .stu p {
		line-height: 32px;
		font-size: 14px;
	}
	.aboutList {
		width: 100%;
		height: auto;
	}
	.aboutList p {
		line-height: 24px;
		font-size: 12px;
	}
	.historyRight {
		padding-left: 22px;
		margin: 58px 10%;
	}
	.historyRight li {
		line-height: 30px;
		font-size: 12px;
	}
	.historyRight .title {
		font-size: 16px;
		margin-bottom: 14px;
		line-height: 16px;
	}
	.historyRight li img:nth-of-type(1){
		top: 10px;
		left: -27px;
		width: 9px;
		height: 9px;
	}
	.historyRight li img:nth-of-type(2){
		width:180px;
	}
	.historyRight li img.showIn {
		top: 8px;
	}
	.historyRight .title img {
		position: absolute;
		top: 0px;
		left: -30px;
		width: 14px;
		height: 14px;
	}
	.historyRight li .span {
		height: 16px;
		width: 2px;
		top: 19px;
		left: -23px;
	}
	.originList p {
		color: #343434;
		text-align: center;
		font-size: 22px;
		line-height: 28px;
	}
	.originList p:last-child {
		font-size: 16px;
		line-height: 34px;
	}
	.originList {
		height: auto;
		margin-bottom: 12px;
	}
	.nav_logo_1 {
		width: 138px;
	}
	h3.logoH3 {
		font-size: 13px !important;
		line-height: 28px !important;
		letter-spacing: 2px !important;
		margin-bottom: 4px !important;
	}
	.appIn .apple, .appIn .android {
		width: 62px;
	}
	.bottomWrap .bottom ul {
		width: 175px;
		display:none;
	}
	.bottomWrap .bottom li {
		margin-left: 23px !important;
	}
	.bottomWrap .bottom li:nth-of-type(2){
		margin-left: 8px !important;
		margin-right:0;
	}
	.bottomWrap .bottom {
		padding-bottom: 28px;
		padding-top: 16px;
	}
	.footerWrap .footer {
		padding-bottom: 26px;
	}
	.listWrap .centerWrap {
		padding-bottom: 0;
		transform: scale(.6);
		width: 151%;
		margin-left: -26%;
		margin-top: -143px;
		padding-bottom: 0;
	}
	.partnerWrap {
		height: 589px;
		min-width: 314px;
	}
	.courseWrap{
		height:auto;
	}
	.aboutWrap .centerWrap,.courseWrap .centerWrap{
		padding-bottom: 0;
		transform: scale(1);
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		padding-bottom: 0; 
		padding-left: 4%;
    	padding-right: 4%;
	}
	.listLogolist1{
		margin-left: -86px;
		margin-top: -39px;
		width: 37px;
	}
	.members_message .members_messagenav div{
		font-size:12px;
	}
	.coursewrap .coursebannerwrap .bottombar div p{
		width:60px;
	}
	.courselistall .list .listIn .p1 {
		font-size: 14px;
		line-height: 26px;
	}
	.courselistall .list .listIn .p2 {
		font-size: 12px;
		line-height: 16px;
	}
	.courselistall .list .listIn .p3 {
		font-size: 12px;
		line-height: 20px;
	}
	.listcontent .price {
		line-height: 30px;
		font-size: 18px;
	}
	.courselistall .list .listIn .tag,.previewcoursecontent .tag{
		margin-bottom: 6px;
	}
	.lookprew {
		width: 124px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	.courselistall .list { 
		margin-bottom: 10px; 
	}
}
@media (max-width: 452px) {
	.appTitle {
		width: 144px;
		margin-bottom: 30px;
	}
	.wellList {
		width: 100%;
		height:auto;
	}
	.wellList .wellTitle {
		font-size: 14px;
		line-height: 22px;
	}
	.wellList li {
		font-size: 12px;
		line-height: 29px;
	}
	.wellList li:first-child ,.wellList li:last-child {
		max-width: 100%;
	}
	.originList ,.originList img{
		width: 100%;
	}
	.admin div li p:last-child {
		letter-spacing: 8px;
		text-indent: 8px;
	}
	.appTip li {
		transform: scale(.8);
		height: 52px;
	}
	.appTip li p {
		transform: scale(.5);
		width: 208%;
		margin-left: -29px;
	}
	.appTip li p:first-child {
		line-height: 4px;
	}
	.appTip li:nth-of-type(4) p:last-child{
		    margin-top: 5px;
	}
	#msg {
		line-height: 18px;
		font-size: 14px;
		letter-spacing: 8px;
		text-indent: 8px;
		margin-bottom: 25px;
	}
	.appInLogo2 {
		margin-top: -45px;
		margin-left: 52px;
		width: 124px;
	}
	.appInLogo1 {
		margin-top: -86px;
		margin-left: 43px;
		width: 79px;
	}
	.appIn .apple, .appIn .android {
		width: 37px;
	}
	.appIn .android {
		margin-top: 70px;
		margin-left: 91px;
	}
	.appIn .apple {
		margin-top: 70px;
		margin-left: 51px;
	}
	.wellList .code {
		height: 100%;
	}
	.members_message .members_messagenav div {
    padding: 0 1px;
}
}
@media (max-width: 388px) {
	.appTip li:nth-of-type(2) p:last-child{
		    margin-top: -5px;
	}
	
}
@media (max-width: 424px) {
	
	.members_info {
		padding-top: 38px;
		padding-bottom: 20px;
	}
	.members_vip .left .p2 {
		line-height: 22px;
		font-size: 14px;
	}
	.members_vip{
		padding-bottom: 10px;
	}
	.members_info .p1{
		letter-spacing:0;
	}
	.admin div {
		height: 69px;
		padding: 20px 0;
	}
	.downLoadAppk{display:block;}
	.appDownload{display:none;}
	.downLoadAppk {
		display: block;
		height: 16.4rem;
	}
	.downLoadAppk div.dw{
		 height: 16rem;
		 background: url(imagesandroidap.png) no-repeat top center;
		background-size: 100% auto;
	}
	.members_vip .left {
		padding: 0 0 34px 0;
	}
	.admin div li {
		height: 30px;
	}
	.members_vip .right div {
		top: 6px;
		left: 14px;
		width: 93px;
	    font-size: 14px;
	}
	.admin div li p:first-child {
		font-size: 18px;
		line-height: 21px;
	}
	.admin div li p:last-child {
		font-size: 12px;
		line-height: 12px;
	}
	.admin h3 {
		font-size: 12px;
		line-height: none;
		margin-top: -43px;
		margin-left: 5px;
		transform: scale(.7);
		letter-spacing: 33px;
	}
	.adminTitle {
    margin-top: -54px;
    margin-left: -70px;
    width: 120px !important;
}
	.appRight .appBtn,.bottomWrap .bottom{
		height: auto;
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.appRight .appBtn .appBtnIn {
		margin-bottom: 12px;
	}
	.appRight .appTip li {
		height: auto; 
	}
	.appRight .appTip li p:first-child {
		font-size: 14px;
	}
	.appRight .appTip li p:last-child {
		font-size: 12px;
	}
	.team div,.team div img{
		width: 100%;
		height:auto;
	}
	.team div{
		height:auto;
	}
	.members_hotwrap{
		margin-bottom:0 !important;
	}
}
@media (max-width: 350px) {
	
	.containtext div {
		padding: 0 2px;
	}
	.containtext p {
		font-size: 12px;
	}
}
@media (max-width: 362px) {
	.appDownload p {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -2px;
		margin-top: 13px;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0px;
		transform: scale(.5);
	}
	.appDownload img.android {
		margin-left: 65px;
		margin-top: 44px;
		width: 48px;
	}
	.appDownload img.apple {
		margin-left: 15px;
		margin-top: 44px;
		width: 48px;
	}
	.appDownload img.code {
		margin-left: 43px;
		margin-top: -32px;
		width: 40px;
	}
	.appDownload img.artLogo {
		margin-left: 40px;
		margin-top: -60px;
		width: 44px;
	}
	.appDownload{
		min-width:265px;
	}
	.partnerWrap {
		height: 571px;
	}
	.infoWrap .inside dl {
		width: 100%;
		height: auto;
	}
	.infoWrap .inside dl dd {
		padding: 0 13px;
		width: 100%;
	}
	.infoWrap .inside dl dt{
		width:100%;
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.infoWrap .inside dl dt img{
		width:82px;
	}
	
	.admin div {
		height: 69px;
		padding: 20px 0;
		transform: scale(.8);
	}
	.historyLeft,.historyLeft img{
		width: 100%;
	}
	.infoWrap .info h3 {
		margin-bottom: 20px !important;
	}
	.classify {
		width: 100%;
		margin: 0 auto;
	}
	.admin h3 {
		margin-top: -33px;
	}
	.adminTitle {
		margin-top: -44px;
	}
	.admin div li p:last-child {
		letter-spacing: 4px;
		text-indent: 4px;
	}
	.appTitle {
		width: 120px;
		margin-bottom: 30px;
	}
	#msg {
		line-height: 18px;
		font-size: 12px;
		letter-spacing: 6px;
		text-indent: 5px;
		margin-bottom: 25px;
	}
	.listLogo4 {
		margin-left:-88px;
		width: 152%;
		margin-top: 5px;
		line-height: 19px;
		font-size: 12px;
		transform: scale(.5);
	}
	.listWrap .partnerTop {
		height: 154px;
	}
	.teacherWrap .teaTitle {
		padding-top: 28px;
	}
	.teacherLogo1 {
		margin-top: -160px;
		margin-left: -108px;
		width: 42px;
	}
	.teacherLogo2 {
		margin-top: -159px;
		margin-left: -77px;
		width: 199px;
	}
	.appIn .apple {
		margin-top: 47px;
		margin-left: 51px;
	}
	.appIn .apple, .appIn .android {
		width: 28px;
	}
	.appIn .android {
		margin-top: 47px;
		margin-left: 82px;
	}
	.appInLogo1 {
		margin-top: -75px;
		margin-left: 43px;
		width: 62px;
	}
	.appInLogo2 {
		margin-top: -45px;
		margin-left: 51px;
		width: 98px;
	}
	.smallTitle1 {
    letter-spacing: 17px !important;
    text-indent: 19px !important;
    margin-top: -1px !important;
    margin-bottom: 58px !important;
    line-height: 23px;
    font-size: 14px;
}
.smalltitle1 {
    width: 147px !important;
    margin-top: 31px !important;
    margin: 0 auto;
    display: block;
}
.smalltitle2 {
    width: 110px !important;
}
.courseWrap{
		height:auto;
	}
	.activityWrap .centerWrap h4 {
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 36px;
}
.activityWrap .centerWrap .centerTitle {
    line-height: 97px;
    font-size: 23px;
}
}
@media (max-width: 280px) {
	.appIn .apple, .appIn .android {
    width: 18px;
}
	.appIn .apple {
		margin-top: 36px;
		margin-left: 36px;
	}
	.appIn .android {
		margin-top: 36px;
		margin-left: 56px;
	}
	.appInLogo1 {
		margin-top: -47px;
		margin-left: 30px;
		width: 46px;
	}
	.appInLogo2 {
		margin-top: -25px;
		margin-left: 36px;
		width: 65px;
	}
	.listLogo4 {
		margin-left:-74px;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}
	.partnerTop{min-width:230px;}
	.admin div {
		height: 38px;
		padding: 3px 0;
		margin-top: 0%;
	}
	.admin div li {
		height: 30px;
		transform: scale(.5);
	}
	.stuWrap .stu {
		width: 100%;
		height: auto;
	}
	.stuWrap .stu p {
		line-height: 32px;
		font-size: 14px;
	}
	.adminTitle {
		margin-top: -25px;
		margin-left: -50px;
   		width: 84px;
	}
	.admin h3 {
		margin-top: -19px;
		margin-left: -16px;
		transform: scale(.4);
	}
	.appTip li p {
		transform: scale(.4);
		width: 264%;
		margin-left: -39px;
	}
	.appTip li {
		transform: scale(.8);
		height: 41px;
	}
	.appTip li p:last-child {
		margin-top: -9px;
	}
	.appTip li:nth-of-type(2) p:last-child {
		margin-top: -15px;
	}
	.appTip li:nth-of-type(4) p:last-child {
		margin-top: -3px;
	}
	.teacherWrap .teaTitle {
		padding-top: 9px;
    	min-width: 196px;
	}
	.teacherLogo1 {
		margin-top: -170px;
		margin-left: -76px;
		width: 32px;
	}
	.teacherLogo2 {
		margin-top: -169px;
		margin-left: -48px;
		width: 153px;
	}
	.teacherLogo3 {
		margin-top: 81px;
		margin-left: 12px;
		font-size: 12px;
		line-height: 26px;
		padding-bottom: 52px;
	}
	
}
@media (min-width: 580px) and (orientation : landscape) {
.downLoadAndriod div {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(imagesandroidap.png) no-repeat center;
    background-size: auto 100%;
}

}
@media (max-width: 236px) {
	.smallTitle1 {
    letter-spacing: 11px !important;
    text-indent: 12px !important;
    margin-top: -1px !important;
    margin-bottom: 58px !important;
    line-height: 23px;
    font-size: 12px;
}
.smalltitle1 {
    width: 113px !important;
    margin-top: 31px !important;
    margin: 0 auto;
    display: block;
}
.smalltitle2 {
    width: 84px !important;
}
	.admin div {
		height: 33px;
		padding: 3px 0;
		margin-top: -3%;
	}
	.admin div li {
		height: 30px;
		transform: scale(.3);
	}
	.appTip li p {
		transform: scale(.2);
		width: 340%;
		margin-left: -39px;
	}
	.appTip li p:last-child {
		margin-top: -14px;
	}
	.appTip li:nth-of-type(4) p:last-child {
		margin-top: -6px;
	}
	.appTip li:nth-of-type(2) p:last-child {
		margin-top: -22px;
	}
}
@media (max-width: 193px) {
	.appTip li:nth-of-type(3) p:last-child {
		margin-top: -23px;
	}
}
@media (max-width: 166px) {
	.footerWrap .footer li.li3 img,.footerWrap .footer li.li5 img{
		width:100%;
	}
	.admin div {
		margin-top: -7%;
	}
	.appIn .apple, .appIn .android {
		width: 13px;
	}
}
@media (max-width: 320px) {
.members_message .members_messagenav {
    width: 105%;
    margin-left: -3%;
}
}