.container-fluid {
    padding: 0 20px;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

.col-center-block {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.activityLable{
	position: absolute;
    left: 17px;
    top: 0;
    width: 48px !important;
    height: auto !important;
    z-index: 10;
}
.paddingNone,
.modularBigMain,
.modularBigImg,
.modularLsit,
.modularSmall,
.modularSmallImg {
    padding: 0;
	position:relative;
}

.carousel-indicators li,
.carousel-indicators .active {
    margin-left: 20px;
}

.bgWhite {
    background-color: #FFF !important;
}

.bgGary {
    background-color: #ECECEC !important;
}

.head {
    padding: 0 352px;
    background-color: #00A0EA;
}

.headList {
    height: 40px;
    padding: 0;
    background-color: #008AC3;
    line-height: 40px;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.banner {
    height: 438px;
    margin-bottom: 20px;
    padding: 20px 0 0;
}

.bannerUl {
    position: relative;
    height: 430px;
    padding: 0;
    background-color: #FFF;
    z-index: 10;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.16);
}

.bannerUl>ul {
    height: 430px;
    overflow: auto;
}

.bannerUlTwo {
    display: none;
    position: absolute;
    left: 191px;
    top: 0;
    height: 430px;
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.16);
}

.bannerUlTwo ul {
    float: left;
    width: 600px;
    height: 430px;
}

.bannerUlTwo li {
    float: left;
    width: 197px;
    padding: 15px 0 10px;
    border: 0 !important;
    font-size: 16px;
    cursor: pointer;
}

.bannerUlTwo li a {
    display: inline-block;
    width: 100%;
    padding: 0 18px;
    border-right: 1px solid #F3F3F3;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bannerUlTwo li:nth-child(3n) a {
    border: 0;
}

.bannerUl>ul>li {
    padding: 12.4px 0;
    border-bottom: 1px solid #F3F3F3;
    font-size: 18px;
    cursor: pointer;
}

.bannerUl>ul>li>a {
    display: block;
    width: 100%;
    height: 28px;
    padding: 0 0 0 34px;
    border-left: 3px solid #FFF;
    line-height: 28px;
    color: #333;
}

.bannerUl>ul>li:last-of-type {
    border-bottom: 0;
}

.bannerUl>ul>li:hover {
    background-color: #F7F7F7;
}

.bannerUl>ul>li:hover>a {
    border-left-color: #00A0EA;
    color: #00A0EA !important;
}

.bannerUl>ul>li:hover .bannerUlTwo {
    display: block;
}

.bannerUlTwo li:hover {
    background-color: #F7F7F7;
}

.bannerUlTwo li:hover a {
    color: #66C6F2 !important;
}

.liActive {
    background-color: #66C6F2;
    color: #FFF !important;
    z-index: 15;
}

.bannerImg {
    height: 430px;
    padding: 0;
    border-radius: 0 5px 5px 0;
    overflow: hidden;
}

.bannerImg .carousel-inner .item img {
    width: 100%;
    height: 430px;
}

.modularOne {
    margin: 10px 0 10px;
    padding: 0;
    border-radius: 16px;
    -webkit-box-shadow: 2px 5px 15px rgba(202,221,234,.2);
    box-shadow: 2px 5px 15px rgba(202,221,234,.2);
}

.modularTwo {
    margin: 14px 0 0;
    padding: 0;
}

.modularNew {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    background-color: #FFF;
}

.modularTitle {
    padding: 18px 20px;
    background-color: #F5FCFF;
}

.modularTitle span {
    padding-left: 20px;
    border-left: 5px solid #00A0EA;
    color: #00A0EA;
    font-size: 18px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
}

.modularTitle a {
    line-height: 20px;
    color: #8A8C8C;
    font-size: 14px;
    cursor: pointer;
}

.modularTitle a:hover,
.modularBigTitle p a:hover,
.modularSmallTitle p a:hover,
.newStartTitle p a:hover {
    color: #00A0EA;
}

.modularTitleNew {
    padding: 18px 20px;
    border-bottom: 1px solid #EBEBEB;
}

.modularTitleNew span {
    padding-left: 20px;
    border-left: 5px solid #00A0EA;
    color: #00A0EA;
    font-size: 18px;
    line-height: 20px;
    height:20px;
    font-weight: 700;
}

.modularTitleNew a {
    line-height: 20px;
    color: #8A8C8C;
    font-size: 14px;
    cursor: pointer;
}

.modularMain {
    padding: 25px 0 0;
    background-color: #FFF;
}

.modularMain .modularSmallMain:last-of-type {
    border-right: 0;
}

.modularBig {
    padding: 14px 21px 42px;
    border-right: 1px solid #D3D3D3;
}

.modularBig:hover {
    -webkit-box-shadow: 0 0 5px 1px #CFCFCF;
    -moz-box-shadow: 0 0 5px 1px #CFCFCF;
    box-shadow: 0 0 5px 1px #CFCFCF;
}

.modularBigImg img {
    width: 100%;
    height: 198px;
    border-radius: 5px;
}

.modularBigInfo {
    padding: 0 28px;
}

.modularBigTitle {
    height: 132px;
    padding: 21px 0 0;
    border-bottom: 2px solid #CCC;
    color: #333;
    font-size: 29px;
}

.modularBigTitle p {
    display: -webkit-box;
    display: -moz-box;
    height: 90px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modularBigTitle p a,
.modularSmallTitle p a,
.newStartTitle p a {
    color: #333;
}

.modularBigMoney {
    height: 109px;
    padding: 0;
    line-height: 109px;
}

.bigTeacherName {
    color: #C1C1C1;
    font-size: 23px;
}

.bigMoney {
    color: #ff385a;
    font-size: 25px;
}

.modularSmallMain {
    padding: 17px 18px 0;
    border-right: 1px solid #D3D3D3;
}

.modularSmallMain:hover {
    -webkit-box-shadow: 0 0 8px 1px #D6D6D6;
    -moz-box-shadow: 0 0 8px 1px #D6D6D6;
    box-shadow: 0 0 8px 1px #D6D6D6;
}

.modularSmallImg img {
    width: 100%;
    height: 146px;
    border-radius: 5px;
}

.height {
    height: 161px !important;
}

.modularSmallInfo,
.newStartInfo {
    padding: 0 13px;
}

.modularSmallTitle {
    height: 80px;
    padding: 13px 0 0;
    border-bottom: 1px solid #CCC;
    color: #333;
    font-size: 14px;
}

.modularSmallTitle p {
    display: -webkit-box;
    display: -moz-box;
    height: 62px;
    line-height: 29px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.modularSmallTitle p:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    padding: 0;
    position: absolute;
    right: 0;
}*/
.modularSmallMoney {
    height: 61px;
    padding: 0;
    line-height: 61px;
}

.smallTeacherName {
    color: #7D7D7D;
    font-size: 14px;
}

.smallMoney {
    color: #ff385a;
    font-size: 14px;
}

.teacher {
    position: relative;
    margin-bottom: 20px;
    padding: 0 20px;
}

.teacherBottomMain {
    height: 415px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.teacherBottomImg {
    height: 245px;
    padding: 0;
}

.teacherBottomImg img {
    width: 100%;
    height: 415px;
}

.teacherBottomInfo {
    height: 155px;
    padding: 14px 0 0;
    background-color: #FFF;
    text-align: center;
}

.teacherBottomInfo span {
    color: #333;
    font-size: 26px;
}

.teacherBottomInfo p {
    padding: 16px 0 0;
    color: #333;
    font-size: 14px;
}

.teacher:last-of-type {
    margin: 0;
}

.teacherModal {
    position: absolute;
    left: 0;
    top: 340px;
    width: 100%;
    height: 100%;
    padding: 10px 0 0;
    background: rgba(0,0,0,.25);
    color: #FFF;
    font-size: 14px;
    text-align: center;
    z-index: 5;
    transition: all .2s;
}

.teacherModal b {
    font-size: 24px;
}

.teacherModal b a {
    color: #FFF;
}

.teacherModal p {
    padding: 4px 0 0;
    font-size: 14px;
    text-align: center;
}

.teacherModal hr {
    width: 184px;
    margin: 18px auto;
}

.teacherModal .teacherHoverInfo {
    display: -webkit-box;
    display: -moz-box;
    height: 89px;
    padding: 0 15px;
    color: #FFF;
    font-size: 14px;
    text-align: left;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 5;
    -moz-line-clamp: 5!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teacher:hover .teacherModal {
    top: 0;
    padding: 150px 0 0;
}

.newStart {
    padding: 14px 14px 0;
}

.newStart:hover {
    -webkit-box-shadow: 0 0 10px 5px #D6D6D6;
    -moz-box-shadow: 0 0 10px 5px #D6D6D6;
    box-shadow: 0 0 10px 5px #D6D6D6;
}

.newStartTitle {
    height: 50px;
    padding: 5px 0 0;
    color: #333;
    font-size: 14px;
}

.newStartTitle p {
    display: -webkit-box;
    display: -moz-box;
    height: 42px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newStartMoney {
    height: 37px;
    padding: 0;
    line-height: 37px;
}

.newStartTime {
    color: #989898;
    font-size: 14px;
}

.snewStartSmallMoney {
    color: #ff385a;
    font-size: 14px;
}

.modularLsit>.newStart:first-of-type,
.modularLsit>.newStart:nth-child(2) {
    border-bottom: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}

.modularLsit>.newStart:nth-child(3) {
    border-bottom: 1px solid #E9E9E9;
}

.modularLsit>.newStart:nth-child(4),
.modularLsit>.newStart:nth-child(5) {
    border-right: 1px solid #E9E9E9;
}

.modularTitleOrange {
    background-color: #FFF5F5 !important;
}

.modularTitleOrange span {
    border-left: 5px solid #ff385a !important;
    color: #ff385a !important;
}

.modularTitleGreen {
    background-color: #FAFFF4 !important;
}

.modularTitleGreen span {
    border-left: 5px solid #6DD300 !important;
    color: #6DD300 !important;
}


.liveOdd{
	padding: 0 20px 25px;
	display: flex;
	justify-content : flex-start;
	align-items : center; 
}
.liveImg{
	width: 100px;
	height: 150px;
}
.liveImg img{
	width: 100px;
	height: 150px;
	border-radius: 5px;
}
.liveInfo{
	padding: 0 0 0 10px;
	width: 280px;
}
.liveTime{
	font-size: 14px;
	color: #595c5d;
	margin-bottom: 6px;
}
.liveTitle{
	height: 50px;
	line-height: 25px;
	font-size: 14px;
	color: #333333;
	margin-bottom: 6px;
	
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.liveTitle:hover{
	color: #00a0ea;
}
.liveLable{
	padding: 0 0 0;
	display: flex;
	align-items : center; 
	margin-bottom: 6px;
}
.liveLable span{
	display: block;
	padding: 0 6px 0;
	height: 20px;
	line-height: 19px;
	font-size: 13px;
	color: #acabab;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	margin-right: 5px;
}
.liveTeacher{
	padding: 0 0 0;
	font-size: 14px;
	color: #818486;
}

.AdCampaign{
	position: fixed;
	top: 0;
    left: 0;
    z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}

.AdCampaignDiv{
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.AdCampaignDiv img{
	width: 100%;
	height: 100%;
	border-radius: 30px;
}
.AdCampaignDiv i{
	display: block;
	width: 76px;
	height: 76px;
	position: absolute;
	right: -38px;
	top: -38px;
	background: url(/deploy/assets/w2.0/img/Huodong/AdCampaignClose.png) center center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}