.content-wrapper {
	width: 100%;
}
.content-outter {
	width: 100%;
}
.content-inner {
	width: 1200px;
	margin: 0 auto
}
.w50 {
	width: 50%;
	float: left;
}
.scrollbar::-webkit-scrollbar {
	width: 8px;	
}
.scrollbar::-webkit-scrollbar-track {
	/*background-color: #cdcdcd;*/
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.scrollbar::-webkit-scrollbar-thumb {
	background-color: #d7d7d7;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

/*按钮样式*/
.button-border {
	min-width: 100px;
	line-height: 38px;
	display: inline-block;
	border-radius: 20px;
	border: 1px solid #adadad;
	text-align: center;
	color: #fff;
}
.button-border:hover {
	color: #fff;
}
.button-export {
	border: none;
	background-color: none;
	outline: none;
	cursor: pointer;
	line-height: 24px;
	padding-left: 32px;
	background: url(../img/personal/export.png) no-repeat left center;
}

/*表单弹窗*/
.modal-form .modal-dialog {
	max-width: inherit;
	width: 740px;
}
.modal-form.modal-form-wide .modal-dialog {
	width: 1150px;
}
.modal-form.modal-form-wide .modal-content {
	/*min-height: 500px*/
}
.modal-form .modal-header {
	background-color: #f7f7f7;
}
.modal-form .modal-title {
	font-weight: bold;
}
.modal-form .modal-footer {
	display: block;
	border-top: none;
	text-align: center;
}
.modal-form .modal-footer .btn {
	margin: 0 15px;
}
.modal-form .table {
	margin-bottom: 0;
}

/*表单*/
.form-common-two {
	margin: 0 80px;
}
.form-common-two .form-group {
	width: 50%;
	margin-bottom: 20px;
}
.form-common-two .form-group.form-group-100 {
	width: 100%;
}
.form-common-two .form-group label {
	width: 95px;
	display: inline-block;
	text-align: right;
	word-break: break-word
}
.form-common-two .form-group .form-control {
	width: 201px;
	margin: 0 10px;
}
.form-common-two .form-group.form-group-100 .form-control {
	width: 590px;
}
.form-common-two .form-group .requireStar {
	color: #d81e04;
	font-size: 26px;
	font-weight: bold;
	position: relative;
	top: 3px;
}
.form-common-two .form-group .requireStar.requireStar-sex {
	float: right;
	margin-right: -23px;
}
.form-common-two .form-group .form-radio {
	min-width: 200px;
	max-width: 830px;
	min-height: 38px;
	padding-top: 7px;
	margin: 0 10px;
}
.form-common-two .form-group .form-radio label {
	width: auto;
}
.form-common-two .form-group .radio {
	padding-left: 5px;
	margin-right: 10px;
	display: inline
}
.form-common-two .form-group .radio input[type="radio"]:focus + label::before {
	outline: none
}
.form-common-two .form-group .radio label::before {
    top: 3px;
    border: 1px solid #826a69;
}
.form-common-two .form-group .radio label::after {
    width: 9px;
    height: 9px;
    left: 4px;
    top: 7px;
    background-color: #826a69;
}
.form-common-two .form-group .radio .radio-text,
.form-common-two .form-group .radio .sex-text {
    position: relative;
    /*top: -2px;*/
    padding-left: 20px;
}
.bv-form .help-block {
	float: left;
	min-width: 110px;
    margin-left: 105px;
    margin-top: 2px;
    color: #d81e04;
}
.form-title {
	margin: 14px 0;
	font-size: 18px;
	font-weight: bold;
}
.form-group .location {
	font-size: 14px;
	cursor: pointer
}
.form-group .locate-img {
	position: relative;
	top: -1px;
	margin-left: 5px;
}
.form-control.form-control-disabled {
	border: none;
}
.form-common-two .form-group .form-control.form-control-two {
	width: 92px;
	margin: 0 5px 0 10px;
}
.form-common-two .form-group .form-control.form-control-two.second {
	margin: 0 10px 0 5px;
}
.form-group.form-group-100 {
	width: 100%;
	margin-bottom: 10px;
}
.gray-wrapper {
	background-color: #f4f4f4
}
.add-wrapper {
	display: none;
	width: 100%;
	clear: both;
	margin-bottom : 10px;
	padding: 20px 0;
}
.table-wrapper {
	/*padding: 0 80px*/
}
.form-inline.form-inline-center {
	display: block;
	margin: 0;
	text-align: center;
}
.form-inline.form-inline-center .form-group {
	display: inline;
}
input.layui-input {
	line-height: normal !important
}
.table-noData {
	color: #999;
}


/*按钮*/
.button-wrapper {
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 10px;
}
.button-wrapper.button-wrapper-pb {
	padding-bottom: 40px;
}

.button-wrapper .btn {
	margin: 0 20px;
}
.btn-main {
	background-color: #826a69;
	color: #fff;
}
.btn-main:hover {
	background-color: #715c5b;
}
.btn-sure {
	background-color: #338ff4;
	color: #fff;
}
.btn-sure:hover {
	/*background-color: #d94126;*/
}
.btn-cancel {
	background-color: #ccc;
	color: #fff;
}
.btn-cancel:hover {
	/*background-color: #bbb;*/
}
.btn-green {
	min-width: 52px;
	min-height: 22px;
	height: 22px;
	line-height: 20px;
	padding: 0 5px;
	font-size: 12px;
	border: 1px solid #72c695;
	color: #72c695;
	background-color: #fff;
}
.btn-green:focus {
	box-shadow: none;
}


/*新版按钮*/
.btn-opacity {
	border: 1px solid #338ff4;
	background-color: #e9f5fc;
	color: #338ff4;
}





/*=================================================1.最新版首页================*/
/*首页头部*/
.header-outter {
	height: 98px;
	background-color: #2e323e;
	color: #fff;
}
.header-outter .header-inner {
	height: 100%;
	position: relative;
}
.header-outter .school-logo {
	max-width: 800px;
	max-height: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.header-outter .school-wrapper {
	float: left;
	margin-top: 30px;
	margin-right: 50px;
	overflow: hidden;
}
.header-outter .school-badge {
	float: left;
	margin-right: 5px;
}
.header-outter .school-main {
	float: left;
}
.header-outter .school-zh {
	font-family: "HuaWenXinWei";
	font-size: 26px
}
.header-outter .school-en {
	font-size: 12px
}
.header-outter .school-icon-wrapper {
	float: left;
	line-height: 98px
}
.header-outter .school-icon {
	margin-right: 20px;
}
.button-border.button-signup:hover {
	border: 1px solid #e27830;
	background: #e27830;
}
.button-border.button-login {
	margin-right: 10px;
}
.button-border.button-signup {
	padding: 0 13px;
}
.button-border.button-login:hover {
	border: 1px solid #019758;
	background: #019758;
}
.button-border.button-apply:hover {
	border: 1px solid #4291f5;
	background: #4291f5;
}
.language-wrapper {
	display: inline-block;
	margin-left: 10px;
	position: relative;
}
.button-border.button-language:hover {
	background-color: rgba(255, 255, 255, .1);
}
.button-border.button-language {
	background-image: url(../img/index/select.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	padding-left: 13px;
	cursor: pointer
}
.header-ul {
	display: none;
	width: 120px;
	position: absolute;
	z-index: 3;
	top: 68px;
	right: 0;
	background: #fff;
	color: #333;
	padding: 5px 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 2px 5px rgba(40, 40, 40, .2); 
	-webkit-box-shadow: 0 2px 5px rgba(40, 40, 40, .2);
	box-shadow: 0 2px 5px rgba(40, 40, 40, .2);
}
.header-ul.avatar-ul {
	left: 0;
}
.header-ul.avatar-ul.avatar-center {
	left: -40px;
}
.header-li {
	line-height: 32px;
	padding: 0 5px;
	border-bottom: 1px solid #eee;
}
.header-li:last-child {
	border-bottom: none;
}
.header-li:hover,
.header-li.active {
	color: #4290f4;
	cursor: pointer
}
.personal-wrapper {
	float: right;
	margin-left: 15px;
	margin-right: 10px;
	position: relative;
}
.header-avatar {
	width: 40px;
	height: 40px;
	cursor: pointer
}
.user-name {
	color: #fff;
	display: inline-block;
	min-width: 100px;
	text-align: left;
	margin-left: 10px;
}
/*首页导航*/
.banner-outter {
	background-color: #2e323e;
	border-top: 1px solid rgba(255, 255, 255, .3);
}
.banner-outter .banner-inner {
	height: 41px;
	padding: 0 24px;
	position: relative;
}
.banner-outter .banner-button {
	float: left;
	padding: 0 28px;
	padding-top: 3px;
}
.banner-outter .banner-button span {
	display: block;
	line-height: 35px;
	font-size: 18px;
	color: rgba(255, 255, 255, .6);
	border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.banner-outter .banner-button:hover span,
.banner-outter .banner-button.active span {
	color: rgba(255, 255, 255);
	border-bottom: 3px solid #e06009;
}
.banner-outter-common.fixed{
	position: fixed;
	left: 0;
	top:0;
	z-index: 10;
}
/*固定导航*/
.banner-outter.banner-outter-fixed {
	display: none;
	height: 60px;
	position: fixed;
	top: 0;
	z-index: 4;
}
.banner-outter.banner-outter-fixed .banner-inner {
	height: 60px;
	padding: 0;
}
.banner-outter.banner-outter-fixed .school-badge {
	float: left;
	margin-top: 7px;
	margin-right: 13px;
}
.banner-outter.banner-outter-fixed .banner-button {
	padding: 0 21px;
}
.banner-outter.banner-outter-fixed .banner-button span {
	line-height: 56px;
}
.banner-outter.banner-outter-fixed .header-ul {
	top: 49px;
}

.switch-common-menu{
	float:left;
}
.switch-common-menu .layui-nav .layui-nav-item{
	line-height: 59px;
}

/*首页轮播图上的按钮定位*/
.login-outter .login-inner {
	position: relative;
}
.login-outter .login-main {
	width: 330px;
	position: absolute;
	top: -239px;
	right: 0;
	z-index: 2
}
.login-outter .login-button {
	width: 330px;
	height: 66px;
	line-height: 66px;
	color: #fff;
	font-size: 30px;
	border-radius: 33px;
	text-align: center;
	display: block;
	background-image: url(../img/index/login-left.png),  url(../img/index/login-right.png);
	background-repeat: no-repeat;
	background-position: 15px center, 295px center;
}
.login-outter .login-button:first-child {
	margin-bottom: 20px;
	background-color: #4290f4;
}
.login-outter .login-button:last-child {
	background-color: #bd8a39;
}
.login-outter .login-button:first-child:hover {
	background-color: #62a7ff;
}
.login-outter .login-button:last-child:hover {
	background-color: #bf995c;
}
/*首页轮播图*/
.swiper-outter {
	position: relative;
	padding-top: 40px;
}
.swiper-outter .swiper-container {
    width: 100%;
    height: calc(700px - 40px);
    background: #55707d;
}  
.swiper-outter .swiper-main {
	display: block;
    width: 100%;
    height: 650px;
    overflow: hidden;
}  
.swiper-outter .swiper-inner {
	/*margin-top: 445px;*/
	position: relative;
	height: 100%;
}
.swiper-outter .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
    background: rgba(255, 255, 255, .3);
    opacity: 1;
    outline: none
}
.swiper-outter .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}
.swiper-outter .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 4px;
}
.swiper-outter .swiper-title {
	/*width: 780px;*/
	display: inline-block;
	width: 1200px;
	max-height: 180px;
	line-height: 60px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, .3);
	color: #fff;
	font-size: 36px;
	padding: 30px 43px;
	position: absolute;
	bottom: 0
}
.swiper-outter .title-main {
	max-height: 120px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*首页内容区*/
.main-outter .main-outter-course {
	height: 1110px;
	background: #55707d url(../img/index/main-outter-top.png) no-repeat bottom center;
}
.main-outter .main-outter-livecourse {
	/* height: 750px; */
	padding-bottom: 70px;
	/*background: #ebebeb url(../img/index/main-outter-bottom.png) no-repeat center;*/
	background: #55707d;
	/*background-size: cover;*/
}
.main-outter .main-outter-test {
	height: 750px;
	background: #ebebeb url(../img/index/main-outter-bottom.png) no-repeat center;
}
.main-outter .main-outter-notice {
	height: 550px;
	background-color: #c7dee7;
	margin-bottom: 2px;
}
.main-outter .main-outter-study {
	height: 1100px;
	background: #ebebeb url(../img/index/back-study.png) no-repeat top center;
}
.main-outter .main-title {
	font-family: "times new roman";
	font-size: 60px;
	text-align: center;
}
.main-outter .main-title.title-course {
	color: #fff;
	padding: 60px 0 94px;
}
.main-outter .main-title.title-liveclasses {
	color: #333;
	padding: 44px 0 46px;
}
.main-outter .main-title.title-test {
	color: #333;
	padding: 44px 0 46px;
}
.main-outter .main-title.title-notice {
	color: #333;
	padding: 100px 0 30px;
}
/*首页内容区1*/
.main-outter .course-wrapper {
	width: 280px;
	height: 340px;
	margin-right: 26.6px;
	display: block;
	border-radius: 8px;
	float: left;
}
.main-outter .course-wrapper.course-one {
	width: 1200px;
	height: 374px;
	margin-bottom: 34px;
	float: none
}
.main-outter .course-wrapper:last-child {
	margin-right: 0;
}
.main-outter .course-wrapper .course-img {
	width: 280px;
	height: 176px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.main-outter .course-wrapper.course-one .course-img {
	float: left;
	width: 600px;
	height: 374px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 0;
}
.main-outter .course-wrapper .course-main {
	width: 280px;
	height: 164px;
	background-color: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 17px 10px 14px 16px;
	position: relative;
}
.main-outter .course-wrapper.course-one .course-main {
	float: left;
	width: 600px;
	height: 374px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0;
	padding: 45px 50px 30px 44px;
}
.main-outter .course-wrapper .course-title1 {
	font-size: 16px;
	margin-bottom: 8px;
}
.main-outter .course-wrapper.course-one .course-title1 {
	font-size: 18px;
	margin-bottom: 12px;
}
.main-outter .course-wrapper .course-title2 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.main-outter .course-wrapper.course-one .course-title2 {
	font-size: 36px;
	line-height: 44px;
	margin-bottom: 30px;
}
.main-outter .course-wrapper .course-content {
	font-size: 18px;
	height: 64px;
	line-height: 32px;
	color: #999;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.main-outter .course-wrapper .course-content p {
	font-size: 18px;
	line-height: 32px !important;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.main-outter .course-wrapper .course-content p span {
	line-height: 32px !important;
}
.main-outter .course-wrapper .course-bottom {
	width: 254px;
	position: absolute;
	bottom: 16px;
	overflow: hidden;
}
.main-outter .course-wrapper.course-one .course-bottom {
	width: 506px;
	bottom: 30px;
}
.main-outter .course-wrapper .course-label {
	color: #4290f4;
	font-size: 14px;
	line-height: 20px
}
.main-outter .course-wrapper.course-one .course-label {
	color: #4290f4;
	font-size: 16px;
	line-height: 40px
}
.main-outter .course-wrapper .course-logo {
	float: right;
	width: 87px;
	height: 20px;
}
.main-outter .course-wrapper.course-one .course-logo {
	width: 172px;
	height: 40px;
}
/*首页内容区2*/
.main-outter .test-wrapper {
	width: 590px;
	height: 260px;
	margin: 0 20px 20px 0;
	float: left;
}
.main-outter .test-wrapper:nth-child(even) {
	margin-right: 0;
}
.main-outter .test-inner {
	width: 258px;
	height: 100%;
	position: relative;
}
.main-outter .test-wrapper.test-wrapper-HSKK .test-inner,
.main-outter .test-wrapper.test-wrapper-BCT .test-inner {
	float: left;
}
.main-outter .test-wrapper.test-wrapper-HSK .test-inner,
.main-outter .test-wrapper.test-wrapper-YCT .test-inner {
	float: right
}
.main-outter .test-wrapper .test-title {
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.main-outter .test-wrapper .test-register {
	display: none;
	width: 198px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
	text-align: center;
	background-color: rgba(255, 255, 255, .8);
	transition: background-color 1s;
	-moz-transition: background-color 1s; /* Firefox 4 */
	-webkit-transition: background-color 1s; /* Safari and Chrome */
	-o-transition: background-color 1s; /* Opera */
	-ms-transition: background-color 1s; /* IE */
}
.main-outter .test-wrapper .test-register:hover {
	background-color: rgba(255, 255, 255, 1);
}
.main-outter .test-wrapper.test-wrapper-HSK .test-register {
	color: #019758;
}
.main-outter .test-wrapper.test-wrapper-HSKK .test-register {
	color: #86a73f;
}
.main-outter .test-wrapper.test-wrapper-YCT .test-register {
	color: #cf5840;
}
.main-outter .test-wrapper.test-wrapper-BCT .test-register {
	color: #176396;
}
/*首页内容区3*/
.main-outter .notice-wrapper {
	height: 255px;
	background: url(../img/index/back-notice.png) no-repeat top center;
}
.main-outter .notice-wrapper .notice-inner {
	width: 790px;
	height: 255px;
	margin: 0 auto;
}
.main-outter .notice-wrapper .notice-box .notice-main {
	max-height: 190px;
	line-height: 50px;
	padding-top: 30px;
	color: #282828;
	font-size: 28px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.main-outter .notice-wrapper .notice-box .notice-href {
	color: #666;
	font-size: 18px;
}
.main-outter .notice-wrapper .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
    background: #3397e7;
    opacity: 1;
    outline: none
}
.main-outter .notice-wrapper .swiper-pagination-bullet-active {
    width: 50px;
    border-radius: 10px
}   
.main-outter .button-more {
	display: block;
	margin: 30px auto 0;
	width: 250px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #338ff4;
	border: 1px solid #338ff4;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, .3);
	transition: background-color 1s;
	-moz-transition: background-color 1s; /* Firefox 4 */
	-webkit-transition: background-color 1s; /* Safari and Chrome */
	-o-transition: background-color 1s; /* Opera */
	-ms-transition: background-color 1s; /* IE */
}
.main-outter .button-more:hover {
	background-color: rgba(255, 255, 255, .6);
}
.main-outter .button-detail {
	display: block;
	margin: 25px auto 40px;
	width: 250px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #338ff4;
	border: 1px solid #338ff4;
	border-radius: 25px;
	background-color: rgba(199, 222, 231, .3);
	transition: background-color 1s;
	-moz-transition: background-color 1s; /* Firefox 4 */
	-webkit-transition: background-color 1s; /* Safari and Chrome */
	-o-transition: background-color 1s; /* Opera */
	-ms-transition: background-color 1s; /* IE */
}
.main-outter .button-detail:hover {
	background-color: rgba(199, 222, 231, 0);
}
/*首页内容区4*/
.main-outter .main-outter-study {
	position: relative;
}
.main-outter .study-wrapper {
	height: 860px;
	padding: 50px 60px;
	position: absolute;
	top: 330px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 8px;
	background-color: #fff;
}
.main-outter .study-content {
	height: 115px;
	font-size: 24px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.main-outter .study-school {
	width: 100%;
	height: 505px;
	position: relative;
}
.main-outter .school-img-box {
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
.main-outter .school-img-box .school-img {
	opacity: .3;
	transition: opacity 1s;
	-moz-transition: opacity 1s; /* Firefox 4 */
	-webkit-transition: opacity 1s; /* Safari and Chrome */
	-o-transition: opacity 1s; /* Opera */
	-ms-transition: opacity 1s; /* IE */
}
.main-outter .school-img-box:hover {
	z-index: 2
}
.main-outter .school-img-box:hover .school-img {
	opacity: 1;
}
.main-outter .school-img-box.school-qinghua {
	width: 320px;
	height: 320px;
	background-color: #5059ac;
	left: 340px;
	top: 125px;
	z-index: 2;   
}
.main-outter .school-img-box.school-qinghua .school-img {
	margin-left: -140px;
	margin-top: -10px;
}
.main-outter .school-img-box.school-zhongshan {
	width: 220px;
	height: 220px;
	background-color: #4f7caa;
	left: 150px;
	top: 160px;
}
.main-outter .school-img-box.school-zhongshan .school-img {
	margin-left: -46px;
	margin-top: -13px;
}
.main-outter .school-img-box.school-nanjing {
	width: 230px;
	height: 230px;
	background-color: #14a0c1;
	left: 560px;
	top: 0;
}
.main-outter .school-img-box.school-nanjing .school-img {
	margin-left: -154px;
	margin-top: -9px;
}
.main-outter .school-img-box.school-jinan {
	width: 190px;
	height: 190px;
	background-color: #00cd99;
	left: 610px;
	top: 315px;
}
.main-outter .school-img-box.school-jinan .school-img {
	margin-left: -44px;
	margin-top: -2px;	 
}
.main-outter .school-circle,
.main-outter .school-line,
.main-outter .school-name {
	position: absolute;
	font-family: "Arial";
	font-weight: bold;
	font-size: 18px;
}
/*qinghua*/
.main-outter .school-circle.circle-qinghua {
	top: 102px;
	left: 405px;
}
.main-outter .school-line.line-qinghua {
	top: 75px;
	left: 165px;
}
.main-outter .school-name.name-qinghua {
	top: 50px;
	left: 205px;
	color: #5059ac;
}
/*zhongshan*/
.main-outter .school-circle.circle-zhongshan {
	top: 400px;
	left: 243px;
}
.main-outter .school-line.line-zhongshan {
	top: 420px;
	left: 2px;
}
.main-outter .school-name.name-zhongshan {
	top: 423px;
	left: 23px;
	color: #4f7caa;
}
/*nanjing*/
.main-outter .school-circle.circle-nanjing {
	top: 115px;
	right: 252px;
}
.main-outter .school-line.line-nanjing {
	top: 90px;
	right: 10px;
}
.main-outter .school-name.name-nanjing {
	top: 65px;
	right: 58px;
	color: #14a0c1;
}
/*jinan*/
.main-outter .school-circle.circle-jinan {
	top: 300px;
	right: 300px;
}
.main-outter .school-line.line-jinan {
	top: 275px;
	right: 57px;
}
.main-outter .school-name.name-jinan {
	top: 250px;
	right: 125px;
	color: #00cd99;
}
/*首页内容区5*/
.main-outter .main-outter-chinese {
	/* height: 1280px; */
	position: relative;background-color: #ebebeb;
}
.main-outter-chinese .banner{
	height: 445px;
	background: url(../img/index/chineseBanner.png) no-repeat top center #c7dee7;
	margin-top: -45px;
}
.main-outter-chinese .chinese-wrapper{
	
}
.main-outter-chinese .chinese-box{
	
	padding: 50px 60px;
	margin: 0 auto;
	border-radius: 8px;
	background-color: #fff;
	position: relative;
	margin-top:-70px;
	z-index: 2;
	
}
.main-outter-chinese .chinese-content{
	font-size: 24px;
	overflow : hidden;
	text-overflow: ellipsis;
	/* display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; */
}
.main-outter-chinese .chinese-content p{
	margin-bottom: 30px;
}

.main-outter .main-outter-chinese .school-img-box.school-kuangye {
	width: 320px;
	height: 320px;
	background-color: #5059ac;
	left: 340px;
	top: 125px;
	z-index: 2;   
}
.main-outter .school-img-box.school-kuangye .school-img {
	/* margin-left: -140px;
	margin-top: -10px; */
}
.main-outter .school-img-box.school-linye {
	width: 220px;
	height: 220px;
	background-color: #4f7caa;
	left: 150px;
	top: 160px;
}
.main-outter .school-img-box.school-linye .school-img {
	/* margin-left: -46px;
	margin-top: -13px; */
}
.main-outter .school-img-box.school-shenzhen {
	width: 230px;
	height: 230px;
	background-color: #14a0c1;
	left: 560px;
	top: 0;
}
.main-outter .school-img-box.school-shenzhen .school-img {
	/* margin-left: -154px;
	margin-top: -9px; */
}
.main-outter .school-img-box.school-zjyiyao {
	width: 190px;
	height: 190px;
	background-color: #00cd99;
	left: 610px;
	top: 315px;
}
.main-outter .school-img-box.school-zjyiyao .school-img {
	/* margin-left: -44px;
	margin-top: -2px;	  */
}
.main-outter .main-outter-chinese .school-circle,
.main-outter .main-outter-chinese .school-line,
.main-outter .main-outter-chinese .school-name {
	position: absolute;
	font-family: "Arial";
	font-weight:500;
	font-size: 18px;
}
/*kuangye*/
.main-outter .school-circle.circle-kuangye {
	top: 102px;
	left: 405px;
}
.main-outter .school-line.line-kuangye {
	top: 75px;
	left: 165px;
}
.main-outter .school-name.name-kuangye {
	top: 0px;
	left: 165px;
	color: #5059ac;
}
.main-outter .school-name.name-kuangye span{
	display: block;
}
/*linye*/
.main-outter .school-circle.circle-linye {
	top: 400px;
	left: 243px;
}
.main-outter .school-line.line-linye {
	top: 420px;
	left: 2px;
}
.main-outter .school-name.name-linye {
	top: 375px;
	left: 10px;
	color: #4f7caa;
	
}
.main-outter .school-name.name-linye span{
	display: block;
}
/*shenzhenzhiye*/
.main-outter .school-circle.circle-shenzhen {
	top: 115px;
	right: 252px;
}
.main-outter .school-line.line-shenzhen {
	top: 90px;
	right: 10px;
}
.main-outter .school-name.name-shenzhen {
	top: 35px;
	right: 35px;
	color: #14a0c1;
}
.main-outter .school-name.name-shenzhen span{
	display: block;
}
/*zhe jiang yiyao*/
.main-outter .school-circle.circle-zjyiyao {
	top: 300px;
	right: 300px;
}
.main-outter .school-line.line-zjyiyao {
	top: 275px;
	right: 57px;
}
.main-outter .school-name.name-zjyiyao {
	top: 200px;
	right: 115px;
	color: #00cd99;
}
.main-outter .school-name.name-zjyiyao span{
	display: block;
}

/*首页尾部*/
.footer-wrapper {
	/* height: 180px; */
	/*overflow: hidden;*/
	text-align: center;
	background-color: #2e323e;
	padding-top: 100px;
    position: relative;
    top: -40px;
}
.footer-wrapper .footer-icon-wrapper {
	/* padding-top: 140px */
}
.footer-wrapper .footer-icon {
	margin: 0 8px;
}
.footer-wrapper .weChat-wrapper {
	position: relative;
}
.footer-wrapper .weixin {
	display: none;
    position: absolute;
    top: -170px;
    right: -42px;
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 8px;
    z-index: 2;
    border: 1px solid #eee;
}
.footer-wrapper .weixin img {
    width: 100px;
    height: 100px;
    margin-top: 5px;
}
.footer-wrapper .weixin p {
    color: #333;
    font-size: 14px;
    margin: 0;
    opacity: 0.6
}
.footer-wrapper .weixin .arrow {
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
}
/*公共尾部*/
.footer-wrapper-common {
	/* height: 120px; */
	line-height: 120px;
	background-color: #2e323e;
	color: #fff;
	font-size: 18px;
	font-family: Arial;
	overflow: hidden;
	text-align: center;
	margin-top: -40px;
	position: relative;
	padding-top: 30px;
}
/*首页强制弹窗*/
.index-modal-form .language-span {
	color: #666;
	cursor: pointer
}
.index-modal-form .language-span.active {
	color: #282828;
	font-weight: bold;
}
.index-modal-form .form-common-two {
	margin: 0 30px;
}
.index-modal-form .form-common-two .form-group label {
	width: 75px;
}
.form-common-two .form-group .form-radio label {
	width: auto;
}
.index-modal-form .form-common-two .form-group:nth-child(2n) {
	/*padding-left: 20px;*/
}
.index-modal-form .bv-form .help-block {
	margin-left: 85px;
}
.index-modal-form .form-common-two .form-group.form-group-100 .form-control {
	width: 524px;
}


/*=================================================2.新闻首页================*/
.news-outter .news-left {
	float: left;
	width: 860px;
}
.news-outter .news-wrapper {
	display: block;
	padding: 30px 5px;
}
.news-outter .news-title {
	max-height: 88px;
	line-height: 44px;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 14px;
	word-break: break-all;
}
.news-outter .news-bottom {
	line-height: 26px;
	font-size: 14px;
	color: #666;
	word-break: break-all;
}
.news-outter .news-date {
	padding-right: 20px;
}
.news-outter .news-wrapper-img .news-left-img {
	float: left;
	width: 320px;
	height: 200px;
	margin-right: 24px;
}
.news-outter .news-wrapper-img .news-box {
	float: right;
	width: 506px;
	height: 200px;
	position: relative;
}
.news-outter .news-wrapper-img .news-bottom {
	position: absolute;
	bottom: 0;
}
.news-outter .news-right {
	float: right;
	width: 300px;
	margin: 66px 0;
}
.news-outter .right-title {
	line-height: 50px;
	padding: 0 20px;
	font-size: 24px;
	background-color: rgba(46, 50, 62, .2);
}
.news-outter .right-news {
	display: block;
}
.news-outter .right-news:last-child {
	border-bottom: none;
}
.news-outter .news-right-img {
	max-width: 100%;
}
.news-outter .right-news-title {
	line-height: 24px;
	padding: 5px 10px;
}
/*新闻详情*/
.details-top {
	padding: 0 12px 20px 12px;
}
.details-title {
	padding: 15px 0;
	line-height: 50px;
	font-size: 26px;
	font-weight: bold;
}
.details-bottom .icon-dot {
	position: relative;
	top: -2px;
	padding: 0 2px;
}
.details-main {
	overflow: hidden;
	padding: 7px 0;
	/*line-height: 30px;*/
	/*text-indent: 2em;*/
	word-break: break-all;
}
.details-main ul,
.details-main li {
	list-style: disc;
}
.details-main img,
.details-main video {
	max-width: 100%
}
.news-share {
	position: relative;
}
.news-share .news-share-img {
	cursor: pointer;
}
/*新闻分享*/
.share-wrapper {
	display: none;
	position: absolute;
	right: -70px;
    padding-top: 5px;
}
.share-wrapper .share-top {
	display: block;
	margin: 0 0 -1px 30px;
}
.bdsharebuttonbox {
	width: 110px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	padding: 9px 4px;
}
.bdshare-button-style0-32 a,
.bdshare-button-style0-16 a {
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
    background-position: center !important;
    background-size: contain;
    margin: 0 10px !important;
}
.bdshare-button-style0-32 .bds_fbook,
.bdshare-button-style0-16 .bds_fbook {
	background-image: url(../img/index/facebook.png);
}
.bdshare-button-style0-32 .bds_twi,
.bdshare-button-style0-16 .bds_twi {
	background-image: url(../img/index/twitter.png);
}


/*=================================================3.资源================*/
.filter-outter {
	/*height: 180px;*/
	height: 100px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 5px rgba(40, 40, 40, .2); 
	-webkit-box-shadow: 0 2px 5px rgba(40, 40, 40, .2);
	box-shadow: 0 2px 5px rgba(40, 40, 40, .2);
}
.filter-outter.filter-outter-high {
	height: 180px;
}
.filter-outter .button-common-border-hover {
	margin-top: 29px;
	color: #666
}
.course-outter {
	overflow: hidden;
}
.course-outter .course-box {
	float: left;
	width: 280px;
	height: 264px;
	margin-top: 20px;
	margin-right: 26.6px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}
.course-outter .course-box:nth-child(4n) {
	margin-right: 0;
}
.course-outter .course-box:hover {
	border: 1px solid rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 2px 10px rgba(40, 40, 40, .2); 
	-webkit-box-shadow: 0 2px 10px rgba(40, 40, 40, .2);
	box-shadow: 0 2px 10px rgba(40, 40, 40, .2);
}
.course-outter .course-box:hover .course-info {
	opacity: 1
}
.course-outter .course-info,
.course-outter .course-img {
	width: 100%;
	height: 175px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.course-outter .course-info {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	line-height: 28px;
	padding: 45px 35px;
	opacity: 0;
	transition: opacity .5s;
	-moz-transition: opacity .5s; /* Firefox 4 */
	-webkit-transition: opacity .5s; /* Safari and Chrome */
	-o-transition: opacity .5s; /* Opera */
	-ms-transition: opacity .5s; /* IE */
}
.course-outter .course-text {
	-webkit-line-clamp: 3 !important;
	max-height: 90px;
}
.course-outter .course-bottom {
	padding: 5px 10px;
}
.course-outter.course-outter-resource .course-bottom {
	padding: 8px 10px;	
}
.course-outter .course-title {
	font-weight: bold;
	margin-bottom: 4px;
}
.course-outter.course-outter-resource .course-title {
	/*width: 110px;*/
	width: 100%;
	margin-bottom: 5px;
}
.course-outter.course-outter-resource .course-button {
	width: 145px;
	text-align: right;
	margin-bottom: 5px;
	float: right;
}
.course-outter.course-outter-resource .course-grade {
	width: 170px;
	font-size: 14px;
}
.course-outter .course-date {
	color: #999;
	text-align: right
}
.course-outter.course-outter-resource .course-date {
	width: 80px;
	float: right;
	font-size: 14px;
}
.content-wrapper-back {
	background-color: #f8fafc;
}
.player-outter {
	padding-bottom: 20px;
	background-color: #fff;
}
.player-outter .player {
	display: block;
	width: 845px;
	height: 475px;
	margin: 0 auto;
}
.player-detail .detail-inner {
	width: 845px;
	margin: 0 auto;
	padding: 20px 0;
}
.player-detail .player-title {
	line-height: 30px;
	padding-left: 7px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.player-detail .player-download {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../img/courses/download.png) no-repeat center;
}
.player-detail .player-download:hover {
	background: url(../img/courses/download-hover.png) no-repeat center;
}
.player-detail .player-main {
	line-height: 28px;
	padding-top: 6px;
	text-indent: 2em;
}


/*=================================================4.课程================*/
.course-outter.course-outter-long .course-box {
	height: 355px;
	border-radius: 0;
}
.course-outter.course-outter-long .course-img {
	border-radius: 0;
}
.course-outter.course-outter-long .course-title {
	height: 80px;
	line-height: 40px;
	margin: 8px 0 15px;
	font-size: 24px;
	font-weight: normal
}
.course-outter.course-outter-long .course-date {
	text-align: left;
}


/*=================================================5.考试================*/
.content-wrapper.exam-Wrapper {
	background: #f8fafc url(../img/exam/back-exam.png) no-repeat bottom center;
}
.exam-outter .exam-intro {
	padding: 21px 0;
}
.exam-outter .exam-intro-main {
	line-height: 40px;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
}
.exam-outter .exam-intro-title {
	line-height: 28px;
	margin-bottom: 12px;
	font-size: 22px;
	font-weight: bold;
}
.exam-outter .exam-intro-details {
	line-height: 34px;
	margin-bottom: 35px;
	font-size: 18px;
	text-indent: 2em
}
.exam-outter .button-box {
	margin: 24px auto 46px;
}
.exam-outter.exam-HSK {
	background: url(../img/exam/back-HSK.png) no-repeat top center;
}
.exam-outter.exam-HSK .exam-intro-title {
	color: #019758;
}
.exam-outter.exam-HSKK {
	background: url(../img/exam/back-HSKK.png) no-repeat top center;
}
.exam-outter.exam-HSKK .exam-intro-title {
	color: #86a73f;
}
.exam-outter.exam-YCT {
	background: url(../img/exam/back-YCT.png) no-repeat top center;
}
.exam-outter.exam-YCT .exam-intro-title {
	color: #cf5840;
}
.exam-outter.exam-BCT {
	background: url(../img/exam/back-BCT.png) no-repeat top center;
}
.exam-outter.exam-BCT .exam-intro-title {
	color: #176396;
}
.exam-outter .exam-apply {
	padding: 15px 0;
}
.exam-outter .exam-confirm {
	padding: 10px 0;
}
.table-title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}
.table.table-exam {
	width: 972px;
	margin: 0 auto;
}
.table.table-exam tr td:first-child {
	background-color: #ebf3f6;
	font-weight: bold;
	text-align: center;
}
.exam-upload-wrapper {
	width: 977px;
	/*height: 592px;*/
	margin: 0 auto;
	padding: 38px !important;
	border: 1px solid #8b9fb0;
}
.avatar-body {
	padding: 0 !important;
}
.avatar-body .avatar-btns {
	display: inline;
}
.avatar-body .btn {
	font-size: 14px;
	min-width: inherit;
}
.avatar-body .btn:hover,
.avatar-body .btn:focus {
	outline: none !important;
	color: #fff !important;
}
.avatar-body .avatar-outter {
	width: 100%;
}
.avatar-body .avatar-outter {
	padding-top: 10px;
}
.avatar-body .avatar-inner-left {
	float: left;
	width: 425px;
	height: 385px;
}
.avatar-body .avatar-inner-right {
	float: left;
	width: 400px;
	margin-left: 50px;
}
.avatar-instructions {
	padding-top: 20px;
	clear: both;
	font-size: 14px;
	line-height: 30px;
}
.avatar-instructions .avatar-icon {
	font-size: 24px;
	position: relative;
	top: 4px;
}

/*=================================================6.学生个人中心================*/
.personal-title-outter {
	height: 176px;
	background: url(../img/personal/back-personal.png) no-repeat top center;
}
.personal-title-outter .avatar-personal {
	float: left;
	margin: 18px 34px 0 24px;
}
.personal-title-outter .info-personal {
	float: left;
	max-width: 900px;
	font-size: 18px;
	color: #fff;
}
.personal-title-outter .name-personal {
	padding: 62px 0 4px;
	font-size: 36px;
}
/*个人中心左侧导航*/
.personal-outter {
	width: 200px;
	background-color: #55707d;
	border: 1px solid #688089;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px
}
.personal-outter .personal-li {
	border-bottom: 1px solid #688089;
	white-space: nowrap;
}
.personal-outter .personal-li:last-child {
	border-bottom: none;
}
.personal-outter .personal-a,
.personal-outter .personal-a-toggle {
	display: block;
	line-height: 50px;
	padding-left: 45px;
	position: relative;
	cursor: pointer;
}
.personal-outter .personal-a-toggle {
	background: url(../img/personal/icon-bottom.png) no-repeat 165px center;
}
.personal-outter .personal-a-toggle.active {
	background: url(../img/personal/icon-top.png) no-repeat 165px center;
}
.personal-outter .personal-a .icon-right {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -9px;
	margin: auto;
}
.personal-outter .personal-info {
	display: none;
	background-color: #fff;
	font-size: 16px;
	color: #55707d;
}
.personal-outter .icon-personal {
	margin-right: 10px;
	position: relative;
	top: -2px;
}

.personal-outter .icon-certificate {
	margin-right: 10px;
	position: relative;
	top: -2px;
}
.personal-outter .icon_certificate {
	margin-right: 10px;
	position: relative;
	top: -2px;
}
.personal-outter .personal-a.active,
.personal-outter .personal-a.choose {
	background-color: #379af0;
	color: #fff;
}
.personal-outter .personal-a.active .icon-right,
.personal-outter .personal-a.choose .icon-right {
	display: block;
}
.personal-main-outter {
	margin-top: 15px;
}
.personal-main-outter .personal-left-outter {
	float: left;
	width: 220px;
}
/*学生个人中心--通知*/
.personal-main-outter .personal-right-outter {
	float: right;
	width: 980px;
	min-height: 500px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.personal-main-outter .personal-right-top {
	height: 60px;
	background-color: #f4f4f4;
	padding: 0 28px;
}
.personal-main-outter .personal-right-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
}
.personal-main-outter .personal-inform-list {
	padding: 0 15px;
}
.personal-main-outter .personal-inform-list li {
	line-height: 30px;
	padding: 10px 0;
	overflow: hidden;
}
.personal-main-outter .personal-inform-list li .list-left {
	float: left;
	width: 800px;
}
.personal-main-outter .personal-inform-list li .inform-title {
	display: inline-block;
	margin-right: 15px;
	font-weight: bold;
}
.personal-main-outter .personal-inform-list li .inform-main {
	display: inline-block;
	padding-left: 10px;
}
.personal-main-outter .personal-inform-list li .inform-date {
	float: right;
	width: 140px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}
/*学生个人中心--成绩*/
.personal-right-outter .filter-outter {
	display: inline;
	height: 40px;
	margin-left: 25px;
	padding-left: 20px;
	background-color: inherit;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}
.personal-right-outter .filter-outter::before {
    content: "";
	width: 1px;
	height: 40px;
	background-color: rgba(14, 14, 14, .2);
	position: absolute;
	left: 0;
	top: -10px;
}
.personal-main-outter .personal-right-top.personal-right-class {
	padding-right: 0;
}
.personal-right-outter .filter-outter.filter-outter-class {
	width: 845px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px;
}
.personal-right-outter .filter-outter.filter-outter-class::before {
	top: -5px;
}
.personal-right-outter .filter-outter.filter-outter-class .swiper-button-next,
.personal-right-outter .filter-outter.filter-outter-class .swiper-button-prev {
    width: 30px;
    height: 60px;
    margin-top: -34px;
    background-size: auto;
    outline: none
}
.personal-right-outter .filter-outter.filter-outter-class .swiper-button-prev {
	background-image: url(../img/personal/blue_left.png);
	left: 8px;
}
.personal-right-outter .filter-outter.filter-outter-class .swiper-button-next {    
	background-image: url(../img/personal/blue_right.png);
    right: 8px;
}
.personal-right-outter .filter-outter.filter-outter-class .swiper-slide {
	width: auto !important
}
.personal-right-outter .personal-score-list {
	margin-top: -10px;
	padding: 0 20px;
	overflow: hidden;
}
.personal-right-outter .personal-score-list .score-li {
	float: left;
	width: 280px;
	height: 314px;
	margin-right: 46px;
	margin-top: 30px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fefcf8 url(../img/personal/score-box-back.png) no-repeat center center;
}
.personal-right-outter .personal-score-list .score-li:nth-child(3n) {
	margin-right: 0;
}
.personal-right-outter .personal-score-list .score-top {
	height: 208px;
	padding-top: 20px;
	border-bottom: 2px dashed #dcdabe
}
.personal-right-outter .personal-score-list .score-outter {
	width: 135px;
	height: 78px;
	margin: 0 auto 36px;
	background: url(../img/personal/score-back.png) no-repeat bottom center;
	color: #cf5840;
	font-size: 20px;
	text-align: center;
}
.personal-right-outter .personal-score-list .score-number {
	font-size: 50px
}
.personal-right-outter .personal-score-list .score-info {
	height: 36px;
	line-height: 18px;
	padding: 0 20px;
	font-size: 14px;
}
.personal-right-outter .personal-score-list .score-icon {
	margin-right: 10px;
}
.personal-right-outter .personal-score-list .score-bottom {
	padding-top: 20px;
	text-align: center;
}
.personal-right-outter .personal-score-list .score-bottom.score-bottom-HSK {
	color: #019758;
}
.personal-right-outter .personal-score-list .score-bottom.score-bottom-HSKK {
	color: #86a73f;
}
.personal-right-outter .personal-score-list .score-bottom.score-bottom-YCT {
	color: #cf5840;
}
.personal-right-outter .personal-score-list .score-bottom.score-bottom-BCT {
	color: #176396;
}
.personal-right-outter .personal-score-list .score-level {
	vertical-align: bottom;
}
.personal-right-outter .personal-score-list .score-english {
	margin-top: 12px;
}
/*学生个人中心--基础信息*/
.personal-main-outter .button-export {
	margin-top: 18px;
}
.form-wrapper {
	padding: 20px;
}
.form-wrapper .form-top-title {
	margin-bottom: 20px;
	font-weight: bold;
}
/*学生个人中心--学习工作信息*/
.form-wrapper .upload-img-wrapper {
	width: 100%;
	padding-left: 100px;
	margin-top: 10px;
}
.upload-img-wrapper .upload-img-inner {
	float: left;
	width: 198px;
	height: 138px;
	margin-right: 25px;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #999;
}
.upload-img-wrapper .Ccie-upload {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.upload-img-wrapper .delete-upload {
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -10px;
	opacity: 0;
	transition: opacity .5s;
	-moz-transition: opacity .5s; /* Firefox 4 */
	-webkit-transition: opacity .5s; /* Safari and Chrome */
	-o-transition: opacity .5s; /* Opera */
	-ms-transition: opacity .5s; /* IE */
}

.upload-img-wrapper .upload-img-inner:hover .delete-upload {
	opacity: 1;
}
/*学生个人中心--我的班级*/
.form-wrapper .class-wrapper {
	font-size: 28px;
}
.form-wrapper .class-label {
	display: inline-block;
	line-height: 20px;
	padding: 0 10px;
	border-radius: 10px;
	font-size: 14px;
	background-color: #f9d281;
}
.form-wrapper .class-intro {
	margin: 5px 0;
	font-size: 14px;
}
.form-wrapper .class-date {
	margin-bottom: 15px;
	font-size: 14px;
	color: #ccc;
}
.form-wrapper .form-top-text {
	font-weight: bold;
}
.treeBox {
	width: 200px;
	float: left;
	/*background-color: yellow;*/
}
.tableBox {
	width: 890px;
	float: right;
}
.menuUl ul {
	margin-left: 20px;
}
.menuUl li {
	margin: 10px 0;
}
.menuUl li span:hover {
	cursor: pointer;
}
.menuUl li span.active,
.menuUl .selected,
.colorText  { 
	color: #4290f4; 
}
.menuUl li i {
	margin-right: 10px;
	top: 0px; 
	cursor: pointer; 
	color: #4290f4; 			
}
.form-inline.form-inline-100 .form-group {
	width: 100%;
}
.form-inline.form-inline-100 .form-control {
	width: 880px !important;
}
.form-inline.form-inline-100 .form-group label {
	width: 100px;
}
.form-inline.form-inline-100 .form-group label.label-wide {
	width: auto;
	max-width: 700px;
	padding: 0 10px;
	text-align: left
}
.modal-comment .modal-body {
	height: 400px;
	padding: 20px;
	border-bottom: 1px solid #eee;
	overflow-y: auto;
}
.commentWrapper {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee
}
.commentWrapper:last-child {
	border-bottom: none
}
.commentWrapper .commentTop .name,
.commentWrapper .commentTop .date {
	padding-left: 18px;
	font-size: 14px;
	color: #999;
}
.commentWrapper .commentMain {
	padding: 10px 50px;
	line-height: 36px;
	word-break: break-all;
}
.commentWrapper .commentMain img {
	cursor: pointer;
}
.edui-default .edui-toolbar {
	text-align: left;
}
.imageWrapper,
.imageWrapper img {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1002;
	cursor: pointer;
}
.imageWrapper {
	display: none;
	width: 100%;
	height: 100%;
}
.imageWrapper img {
	max-width: 800px;
	max-height: 400px;
}
.noComment {
	display: block;
	margin: 120px auto 0;
}
.a-button{padding-top:2px}


.main-outter .main-outter-livecourse{
	position: relative;
}

.timeline-container{
	width: 100%;
	background: url(../img/index/timeline.png)  no-repeat;
	height: 3px;
	position: absolute;
	top: 219px;
}

.language_1 .timeline-container{
	top: 200px;
}
.language_2 .timeline-container{
	top: 200px;
}
.main-inner .swiper-liveclasses div{
	color:#282828;
	font-size: 14px;
}
.main-inner .swiper-liveclasses{
	height:341px;
}

.main-inner .timeline-container-inner div{
	color:#364347;
}
.main-inner .timeline-container-inner .timeline-time{

	font-weight: bold;
	font-size: 18px;
	margin-top: 9px;
}


.main-inner .timeline-container-inner .linepoint{
	height: 38px;
}

.main-inner .timeline-container-inner  .pointgreen{
	background: url(../img/index/point_green.png) no-repeat;
}

.main-inner .timeline-container-inner  .pointyellow{
	background: url(../img/index/point_yellow.png) no-repeat;
}

.main-inner .timeline-container-inner  .pointblue{
	background: url(../img/index/point_blue.png) no-repeat;
}

.main-inner .timeline-container-inner  .pointblack{
	background: url(../img/index/point_black.png) no-repeat;
}

.main-outter-livecourse .main-inner-liveclass{
	height:159px;
}

.swiper-liveclasses .classimage{
	border-radius: 11px;
	max-width: 280px;
}


.main-outter-livecourse .swiper-button-prev{
	background: url(../img/index/swipe_left.png) no-repeat;
	height: 44px;
	width: 44px;
	margin-top: -66px;
	left:50px;
	outline: none;
}
.main-outter-livecourse .swiper-button-next{
	background: url(../img/index/swipe_right.png) no-repeat;
	height: 44px;
	width: 44px;
	margin-top: -66px;
	right:50px;
	outline: none;
}

.main-inner .swiper-liveclasses .timeline-container-inner{
	height:84px;
}

.calendarMain{
	background-color:#fff;
}

.calendarLeft{
	width: 730px;
	background-color: white;
}
.calendarContainer{
	display: flex;
	height: 100%;
	/* background: rgba(91, 97, 114, 1); */
}
.calendarContainer #calendar .fc-header-toolbar .fc-toolbar-chunk{
	display: flex;
	align-items: center;
}
.fc .fc-scrollgrid-liquid{
	border: medium none !important;
}
.fc-theme-standard th.fc-day{
	background-color: rgba(235, 243, 247, 1);
	padding: 15px 10px;
}
.fc .fc-toolbar-title{
	font-size: 16px !important;
}
.fc .fc-button-primary{
	background: none !important;
	border: medium none !important;
	color:rgba(0, 0, 0, 0.65) !important;
}
.fc-theme-standard th{
	border: medium none !important;
}
.fc .fc-scrollgrid-section-body table tbody{
	border: 1px solid rgba(228, 228, 228, 1);
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
	text-align: center;
}
.fc .fc-daygrid-event-harness{
	display: inline-block;
}
.fc .fc-toolbar.fc-header-toolbar{
	height: 40px;
	margin-bottom: 20px !important;
}
.fc-daygrid-event{
	border-radius: 20px !important;
	padding: 2px 20px;
	cursor: pointer;
}
.fc-h-event{
	border:medium none !important;
}
.totalClass{
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 11px;
}
.eventDate{
	display: none;
}
.totalClass .icon-course{
	width: 11px;
    height: 9px;
	position: relative;
	top: 1px;
}
.calendarRight{
	width: 470px;
	height:620px;
	overflow: hidden;
	color:#fff;
	padding-top: 80px;
	
	/*margin: 66px 0;*/
}
.calendarBox{
	height: 100%;
	overflow-y: auto;
	background: linear-gradient(180deg, #5B6172 0%, #2E323E 100%);
}
.calendarHeader{
	width:100%;
	padding: 30px 0 20px;
	color: #03001F;
	background-color: #fff;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #D9D9D9;
}

.calendarHeader .ch{
	font-size: 16px;
	color: #5E6872;
	height:100%;
}

.calendarHeader .chleft{
	font-size: 24px;
	font-weight: 700;
	height:100%;
	margin-left: 20px;
}
.calendarRightHeader{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 20px 24px;
}
.calendarRightHeader span{
	margin-right: 10px;
	display: inline-block;
}
.calendarRight .layui-collapse .layui-colla-icon{
	right: 15px;
	left:auto;
}

.calendarContainer #calendar{
	margin-top:20px;
}

.calendarContainer #calendar .fc-header-toolbar .fc-toolbar-chunk{
	margin-left:13px;
}

.calendarContainer #calendar .fc-h-event .fc-event-title{
    font-size: 12px;
}
.fc .fc-daygrid-day-bottom{
    text-align: center;
}

.layui-layer-content .classlist{
    border-bottom: 1px solid #000000;
    margin-bottom: 20px;
}

.layui-layer-content .classlist .classinfo{
    padding: 20px 0;
}
.layui-layer-btn{
    color:#fff;
}

.fc .fc-daygrid-more-link {
	position: relative;
	z-index: 4;
	cursor: pointer;
	top: 40px;
}
#personalLeft .personal-li a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#personalLeft .personal-li a.fs16{
  font-size: 16px;
  letter-spacing: 0px;
}
#personalLeft .personal-li a.fs15{
  font-size: 15px;
  letter-spacing: 0px;
}
#personalLeft .personal-li a.fs14{
  font-size: 14px;
  letter-spacing: 0px;
}
.el-loading-mask{
	 background-color: rgba(0,0,0,.5);
	 width: 100%;
	 height: 100%;
}
/*===============================班级作业==================================*/
.container{
  margin: 0;
  padding: 0;
}
@media (min-width: 1200px){
  .container {
    max-width: 1200px;
  }
}