.main-w{width: 1180px; margin: 0px auto;}
.red{border: 1px solid red;}
.por{position: relative;}
.poa{position: absolute;}
.wow{visibility: hidden;}
.ttu{text-transform:uppercase;}
.ts3000{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.ts5000{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.img-width{position: absolute; min-width: 100%; width: auto; left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.img-height{position: absolute; min-height: 100%; height: auto; left: 0; top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.scale-hover:hover .scale-box{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
/**/
*{margin:0px; padding:0px;}
.main-w{width: 1200px;}
.ttu{text-transform: uppercase;}
.to{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.wow{visibility: hidden;}
body{padding-top: 80px;}
body,html{min-width: 1260px;}
/**/
.header-top{width: 100%; height: 80px; background: #fff; box-shadow: 0 4px 10px 0 hsla(240,3%,61%,.2); background: #fff; position: fixed; left: 0; top: 0; z-index: 300;}
.header-top-box{width: 1260px; margin: 0 auto; padding-top: 8px;}
.header-top-box .main-logo{width: 165px; position: relative; float: left;}
.header-top-box .main-logo:before{content:''; display: block; width: 1px; height: 32px; background: rgba(255,255,255,0.2); position: absolute; right: 0; top: 16px;}
.header-top-box .main-logo a{display: block; width: 140px; line-height: 60px;}
.header-top-box .main-logo .img{width: 100%;}
/**/
.header-top-box .main-nav{float: left; height: 60px; line-height: 60px; padding: 0 0 0 0; margin: 0;}
.header-top-box .main-nav .nav-item{float: left;}
.header-top-box .main-nav .nav-item a{display: block; color: #fff; padding: 0 15px; color: #666;}
.header-top-box .main-nav .nav-item a:hover{color: #00b1fd;}
.header-top-box .main-nav .nav-item.active a{font-weight: bold; color: #00b1fd;}
/**/
.main-search{width: 195px; padding-top: 10px; margin-right: 10px; float: right; overflow: hidden;}
.main-search-box{width: 195px; height: 40px;  border-radius: 20px; overflow: hidden; position: relative;} 
.main-search-box .search-input{width: 155px; height: 40px; line-height: 40px; border: 1px solid #ddd; border-right: none; border-top-left-radius: 20px; border-bottom-left-radius: 20px; font-size: 14px;  overflow: hidden; text-indent: 20px;}
.main-search-box .search-btn{width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 40px; border: none; outline: none;  position: absolute; right: 0; top: 0; z-index: 10; 
background-image: linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -moz-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -o-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);}
.main-search-box .search-btn .icon{font-weight: bold; font-size: 20px; color: #fff;}
/**/
.header-top-box .main-login{float: right; height: 60px; line-height: 60px; position: relative;}
.header-top-box .main-login.userlogin{padding-right: 46px;}
.header-top-box .main-login a{float: left; color: #fff; display: block; color: #666;}
.header-top-box .main-login a.user-avatar-btn img{border-radius: 50%; overflow: hidden;}
.header-top-box .main-login a:last-child{margin-right: 0;}
.header-top-box .main-login a.members{padding: 0 10px;}
.header-top-box .main-login a.members .img-box{width: 30px; line-height: 30px; margin: 0 auto;}
.header-top-box .main-login a.members .img-box .img{width: 100%;}
.header-top-box .main-login a.members .img-text{line-height: 20px; font-size: 14px; color: #e1a500;}
.header-top-box .main-login .login-btn{display: inline-block; padding: 0 25px; height: 34px; font-size: 14px; border-radius: 17px; line-height: 34px; color: #fff; margin-top: 13px;
background-image: linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -moz-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
background-image: -o-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);}
/**/
.header-top-box .main-login .user-avatar-box{width: 40px; position: absolute; right: 0; top: 0;}
.user-avatar-box .dropdown-menu-box{width: 130px; padding-top: 16px; position: absolute; right: 0; top: 54px; opacity: 0;}
.user-avatar-box .dropdown-menu-list-box{width: 100%; height: 0px; background: #fff; border-radius: 6px; overflow: hidden; border: 1px solid #eee; margin-top: 5px;}
.user-avatar-box .dropdown-menu-box .dropdown-items{display: block; width: 100%; height: 48px; line-height: 48px; font-size: 14px; font-weight: 400; padding: 0 17px; text-align: center; transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.user-avatar-box .dropdown-menu-box .dropdown-items:hover{background: rgba(11,118,222,.1);}
.user-avatar-box .dropdown-menu-box .dropdown-items img{margin-top: -3px;}
.user-avatar-box .dropdown-menu-box .dropdown-items span{padding-left: 8px;}
.user-avatar-box:hover .dropdown-menu-box{opacity: 1;}
.user-avatar-box:hover .dropdown-menu-list-box{height: 240px;}
/**/
.main-banner{width: 100%; height: 420px; overflow: hidden; margin: 0px auto; position: relative;}
.main-banner .banner-btn{width: 35px; height: 55px; text-align: center; line-height: 55px; background: rgba(0,0,0,0.3); position: absolute; top: 180px; z-index: 20; cursor: pointer; border-radius: 5px;}
.main-banner .banner-btn:focus{outline: none;}
.main-banner .banner-btn .icon{font-size: 28px; color: #fff;}
.main-banner .banner-btn:hover{background: #00b1fd;}
.main-banner .banner-btn.prev{left: 5px;}
.main-banner .banner-btn.next{right: 5px;}
.main-banner .banner-btn.prev:hover{left: 8px;}
.main-banner .banner-btn.next:hover{right: 8px;}

.main-banner .item a{display: block; width: 100%; height: 420px; overflow: hidden; position: relative;}
.main-banner .item a .img{min-width: 100%; height: 420px; position: absolute; left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.swiper-pagination-banner{display: block; width: 100%; text-align: center; position: absolute; left: 0; bottom: 15px; z-index: 50;}
.swiper-pagination-banner .swiper-pagination-bullet{width: 30px; height: 8px; background: #fff; margin-right: 10px; opacity: 1; border-radius: 4px;}
.swiper-pagination-banner .swiper-pagination-bullet:focus{outline: none;}
.swiper-pagination-banner .swiper-pagination-bullet-active{background: #00b1fd;}
/**/
.main-menu{padding: 53px 0 60px; background: #fff;}
.main-menu-box{padding: 5px 0 0; overflow: hidden;}
.main-menu-box .item{width: 280px; height: 166px; position: relative; float: left; margin-right: 26px; position: relative;}
.main-menu-box .item:last-child{margin-right: 0;}
.main-menu-box .item .item-box{display: block; width: 280px; height: 161px; color: #fff; border-radius: 10px; overflow: hidden; background-color: rgb(0, 169, 255); position: absolute; left: 0; top: 0;}
.main-menu-box .item .item-box:hover{top: -5px; box-shadow: 0px 2px 6px 2px rgba(24, 68, 104, 0.2);}
.main-menu-box .item .title{padding-left: 25px; padding-top: 21px; font-size: 30px; line-height: 44px; font-weight: normal;}
.main-menu-box .item .desc{padding-left: 25px; font-size: 18px; line-height: 31px; font-weight: normal; margin-bottom: 8px;}
.main-menu-box .item .btns{margin-left: 25px; width: 89px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; background: #fff; border-radius: 15px; color: #00a9ff;}
.main-menu-box .item .watermark{width: 168px; height: 138px; position: absolute; right: -48px; bottom: -21px; background: url('../images/watermark.png') no-repeat center center;}
.main-menu-box .item:nth-child(2) .item-box{background: #ffb03f;}
.main-menu-box .item:nth-child(2) .btns{color: #ffb03f;}
.main-menu-box .item:nth-child(3) .item-box{background: #4edbc2;}
.main-menu-box .item:nth-child(3) .btns{color: #4edbc2;}
.main-menu-box .item:nth-child(4) .item-box{background: #987dfe;}
.main-menu-box .item:nth-child(4) .btns{color: #987dfe;}
/**/
.main-buy{margin-top: 25px;}
.main-buy .buy-item{width: 590px; height: 250px; background: #f1f2f4; border-radius: 10px; overflow: hidden; position: relative;}
.main-buy .buy-item .item-left{width: 175px; height: 250px; background: #ea4c40; position: relative;}
.main-buy .buy-item .item-left .buy-bg{width: 175px; height: 167px; background: url('../images/buy-bg.png') no-repeat center center; position: absolute; left: 0; top: 60px;}
.main-buy .buy-item .item-left .title{font-size: 30px; line-height: 40px; text-align: center; color: #fff; font-weight: bold; padding-top: 12px;}
.main-buy .buy-item .item-left .icons{width: 32px; height: 30px; margin: 18px auto 28px;}
.main-buy .buy-item .item-left .desc{text-align: center; color: #fff; font-size: 14px; position: relative; z-index: 10;}
.main-buy .buy-item .item-left .more{text-align: center; font-size: 12px; position: relative; z-index: 10;}
.main-buy .buy-item .item-left .more a{color: #fff;}
.main-buy .buy-item .item-left .more a:hover{letter-spacing: 2px;}
.main-buy .buy-item .item-left .time{text-align: center; margin: 16px auto 11px; position: relative; z-index: 10;}
.main-buy .buy-item .item-left .time-box{display: inline-block; overflow: hidden;}
.main-buy .buy-item .item-left .time-box span{display: inline-block; float: left;}
.main-buy .buy-item .item-left .time-box span.dot{font-size: 28px; line-height: 25px; font-weight: bold; color: #fff; padding: 0 5px;}
.main-buy .buy-item .item-left .time-box span.date{width: 34px; height: 32px; line-height: 32px; font-size: 20px; color: #fff; background-color: rgb(27, 27, 27); text-align: center;}
/**/
.main-buy .buy-item .item-right{width: 415px; height: 250px; position: absolute; top: 0; right: 0;}
.main-buy .buy-item .item-right .item-btn{width: 20px; height: 39px; text-indent: 2px; line-height: 39px; position: absolute; top: 105px; cursor: pointer; background: #c1c2c3;}
.main-buy .buy-item .item-right .item-btn:focus{outline: none;}
.main-buy .buy-item .item-right .item-btn.prev{left: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.main-buy .buy-item .item-right .item-btn.next{right: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.main-buy .buy-item .item-right .item-btn .icon{font-size: 20px; color: #fff;}
.main-buy .buy-item .item-right .item-btn:hover{background: #00b1fd;}
/**/
.main-buy .buy-item .item-right .item{width: 175px; height: 196px; margin: 0 auto; background: #fff; box-shadow: 0px 2px 4.9px 0.1px rgba(24, 68, 104, 0.2); border-radius: 10px; overflow: hidden;}
.main-buy .buy-item .item-right .item-box{display: block; width: 175px; height: 196px;}
.main-buy .buy-item .item-right .item-box .img-box{width: 100%; height: 115px; position: relative;}
.main-buy .buy-item .item-right .item-box .img-box .img{height: 115px;}
.main-buy .buy-item .item-right .item-box .title{padding: 5px 6px 0; height: 45px; overflow: hidden; font-size: 14px; line-height: 20px; color: #333333;}
.main-buy .buy-item .item-right .item-box .info{padding: 0px 6px; overflow: hidden; margin-top: 6px;}
.main-buy .buy-item .item-right .item-box .info .price{display: block; height: 25px; font-size: 16px; color: #f00; float: left;}
.main-buy .buy-item .item-right .item-box .info .del{display: block; height: 25px; line-height: 26px; font-size: 12px; color: #999; float: left;}
.main-buy .buy-item .item-right .item-box .info .buy-btn{display: block; width: 56px; height: 20px; text-align: center; line-height: 19px; background: #df0021; font-size: 12px; color: #fff; float: right;}
/**/
.main-buy .buy-item .item-right .item:hover{margin-top: -5px; box-shadow: 0px 2px 5px 2px rgba(24, 68, 104, 0.2);}
.main-buy .buy-item .item-right .item:hover .item-box .title{color: #00b1fd;}
/**/
.item-right-box{width: 373px; padding-top: 20px; border-radius: 10px; overflow: hidden; margin: 0 auto;}
.swiper-container-buy{}
.swiper-container-buy .swiper-slide{padding: 6px 0;}
/**/
.main-title{text-align: center; padding-bottom: 10px;}
.main-title a{font-size: 26px; line-height: 44px; font-weight: bold; color: #333;}
.main-title a:hover{letter-spacing: 2px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.main-nav{text-align: center; padding-top: 4px;}
.main-nav-box{display: inline-block; overflow: hidden;}
.main-nav-box a{font-size: 16px; line-height: 40px; color: #666; float: left; padding: 0 6px; margin-right: 50px; position: relative;}
.main-nav-box a:last-child{margin-right: 0;}
.main-nav-box a:before{content: ''; display: block; width: 0; height: 2px; background: #009cff; position: absolute; left: 50%; bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.main-nav-box a:hover:before{width: 100%;}
.main-nav-box a.active:before{width: 100%;}
.main-more{text-align: center;}
.main-more a{font-size: 14px; line-height: 24px; color: #00b1fd;}
.main-more a:hover{letter-spacing: 2px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
/**/
.main-live{width: 100%; padding: 50px 0; background: #f1f2f4;}
.main-live-box{padding: 33px 0 40px;}
.main-live-box-item{padding-top: 5px; display: none;}
.main-live-box-item.active{display: block;}
.main-live-box-item .item{width: 380px; height: 420px; margin-right: 30px; float: left; position: relative;}
.main-live-box-item .item:last-child{margin-right: 0;}
.main-live-box-item .item-box{width: 380px; height: 420px; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 4.9px 0.1px rgba(24, 68, 104, 0.2); overflow: hidden; position: absolute; left: 0; top: 0;}
.main-live-box-item .item-box .img-box{width: 100%; height: 230px; overflow: hidden;}
.main-live-box-item .item-box .img-box a{display: block; height: 230px; position: relative;}
.main-live-box-item .item-box .img-box a .img{width: 100%; height: auto; position: absolute; left: 0; top: 0;}
.main-live-box-item .item-box .img-box .state{display: inline-block; height: 27px; line-height: 27px; border-radius: 4px; background: rgba(0,0,0,0.5); padding: 0 5px; font-size: 15px; color: #01cf19; position: absolute; right: 10px; top: 10px;}
.main-live-box-item .item-box .img-box .state.live{color: #fe0000;}
.main-live-box-item .item-box .img-box .shadows{width: 100%; height: 230px; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 5; opacity: 0;
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
}
.main-live-box-item .item-box .img-box .shadows .play-btn{width: 72px; height: 72px; background: url('../images/play.png') no-repeat center center; margin: 80px auto 0;}
.main-live-box-item .item-box .item-text{padding: 15px 30px 0;}
.main-live-box-item .item-box .item-text .title a{font-size: 16px; line-height: 24px; color: #333;}
.main-live-box-item .item-box .item-text .desc{padding: 5px 0 13px; font-size: 14px; line-height: 24px; color: #999; position: relative;}
.main-live-box-item .item-box .item-text .desc .price{font-size: 18px; line-height: 24px; color:#ff0000; position: absolute; right: 0; bottom: 12px;}
.main-live-box-item .item-box .teachers{border-top: 1px solid #ddd;}
.main-live-box-item .item-box .teachers .teachers-info{padding: 18px 0 0 25px;}
.main-live-box-item .item-box .teachers .teachers-info a{display: block; overflow: hidden;}
.main-live-box-item .item-box .teachers .teachers-avator{width: 42px; height: 42px; background: #00b1fd; border-radius: 50%; position: relative; overflow: hidden;}
.main-live-box-item .item-box .teachers .teachers-avator .img{height: 42px;}
.main-live-box-item .item-box .teachers .teachers-name{font-size: 14px; line-height: 42px; color: #333; margin-left: 18px;}
.main-live-box-item .item-box .course-info{padding-right: 25px; font-size: 14px; color: #999; height: 76px; line-height: 76px;}
/**/
.main-live-box-item .item-box:hover{top: -5px;}
.main-live-box-item .item-box:hover .item-text .title a{color: #00b1fd;}
.main-live-box-item .item-box:hover .img-box .shadows{opacity: 1;
	transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
/**/
.main-course{width: 100%; padding: 50px 0 60px; background: #fff;}
.main-course-box{margin-top: 30px;}
.main-course-item{padding: 5px 0; display: none;}
.main-course-item.active{display: block;}
.main-course-item .item{width: 280px; height: 310px; margin: 0 26px 29px 0; float: left; position: relative;}
.main-course-item .item:nth-child(4n){margin-right: 0;}
.main-course-item .item-box{width: 280px; height: 310px; border-radius: 10px; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 4.9px 0.1px rgba(24, 68, 104, 0.2); position: absolute; left: 0; top: 0;}
.main-course-item .item-box .img-box{width: 100%; height: 186px; overflow: hidden; position: relative;}
.main-course-item .item-box .img-box a{display: block; height: 186px;}
.main-course-item .item-box .img-box .img{height: 186px;}
.main-course-item .item-box .img-box .vip-free{width: 60px; height: 60px; background: url('../images/vip-free.png') no-repeat center center; background-size: cover; z-index: 10; position: absolute; right: 0; bottom: 0;}
.main-course-item .item-box .text-box{padding: 10px 16px;}
.main-course-item .item-box .text-box .title{min-height: 48px; font-size: 16px; line-height: 25px;}
.main-course-item .item-box .text-box .title a{color: 333;}
.main-course-item .item-box .text-box .desc{font-size: 14px; line-height: 26px; color: #999; padding-top: 7px; position: relative;}
.main-course-item .item-box .text-box .desc .price{font-size: 16px; color: #f00; position: absolute; right: 0; bottom: 0;}
.main-course-item .item:hover .item-box{top: -5px;}
.main-course-item .item:hover .text-box .title a{color: #00b1fd;}
/**/
.main-course.recommended{background: #f1f2f4;}
/**/
.main-book{width: 100%; padding: 50px 0 60px; background: #fff;}
.main-book-list{margin-top: 30px;}
.main-book-list .item{width: 380px; height: 181px; margin: 0px 30px 34px 0; float: left; position: relative;}
.main-book-list .item:nth-child(3n){margin-right: 0;}
.main-book-list .item-box{width: 380px; height: 181px; border-radius: 10px; background:#fff; border: 1px solid #fafbfb; box-shadow: 0px 2px 4.9px 0.1px rgba(24, 68, 104, 0.2); overflow: hidden; position: absolute; left: 0; top: 0;}
.main-book-list .item-box .item-left{width: 143px; padding: 15px 0 0 10px;}
.main-book-list .item-box .item-left .state{display: inline-block; font-size: 16px; color: #ff2020; border-radius: 4px; background-color: rgb(255, 226, 226); height: 23px; line-height: 23px; padding: 0 6px;}
.main-book-list .item-box .item-left .state.test-read{background: #d5eeff; color: #00b1fd;}
.main-book-list .item-box .item-left .state.free{background: #e2ffef; color: #01cf19;}
.main-book-list .item-box .item-left .img-box{width: 155px; height: 90px; overflow: hidden; margin-top: 26px; position: relative;}
.main-book-list .item-box .item-left .img-box .img{width: 135px; height: 90px; overflow: hidden; position: relative; border-radius: 5px; z-index: 5;}
.main-book-list .item-box .item-left .img-box .img a{display: block;}
.main-book-list .item-box .item-left .img-box .img img{height: 90px;}
.main-book-list .item-box .item-left .img-box .img-bg{width: 24px; height: 90px; background: url('../images/book-bg.png') no-repeat center center; position: absolute; right: 0; top:0;}
.main-book-list .item-box .item-right{width: 190px; margin-right: 10px; margin-top: 15px;}
.main-book-list .item-box .item-right .title{min-height: 48px; font-size: 16px; line-height: 24px; color: #333;}
.main-book-list .item-box .item-right .desc{padding: 10px 0 10px; font-size: 12px; line-height: 24px; color: #999;}
.main-book-list .item-box .item-right .item-bottom{padding-top: 30px;border-top: 1px solid #ddd;}
.main-book-list .item-box .item-right .item-bottom .price{font-size: 20px; line-height: 24px; color: #00b1fd;}
.main-book-list .item-box .item-right .item-bottom .subscribe{width: 63px; height: 22px; line-height: 22px; font-size: 12px; text-align: center; color: #fff;
	background-image: -moz-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
}
.main-book-list .item-box .item-right .item-bottom .subscribe a{display: block; color: #fff;}
.main-book-list .item:hover .item-box{top: -5px;}
.main-book-list .item:hover .item-box .item-right .title a{color: #00b1fd;}
/**/
.main-information{width: 100%; padding: 50px 0 60px; background: #f1f2f4;}
.main-information-box{margin: 30px auto 0;}
.main-information-box-item{overflow: hidden; display: none;}
.main-information-box-item.active{display: block;}
.main-information-box .item{width: 380px; height: 265px; margin: 0 30px 30px 0; float: left;}
.main-information-box .item:nth-child(3n){margin-right: 0;}
.informations{border-radius: 10px; overflow: hidden; padding: 6px 5px 18px; background: #fff; box-shadow: 0px 2px 4.9px 0.1px rgba(24, 68, 104, 0.2);}
.informations .titles{height: 48px; line-height: 48px; border-bottom: 1px solid #ddd; font-size: 18px; color: #333;}
.informations .titles .text{padding: 0 10px; position: relative;}
.informations .titles .text:before{content: ''; display: block; width: 100px; height: 1px; background: #000; position: absolute; left: 0; bottom: 0px;}
.informations .titles .more{font-size: 12px; color: #999; padding-right: 10px;transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.informations .titles .more:hover{padding-right: 13px; color: #00b1fd;}
.informations-list{margin-bottom: 0;}
.informations-list .items{padding: 0 10px 0 30px; height: 48px; line-height: 48px; border-bottom: 1px dashed #e8e8e8; position: relative;}
.informations-list .items a{display: block; width: 100%; color: #333; overflow: hidden; transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.informations-list .items .dot{display: block; width: 8px; height: 8px;	border-radius: 50%; background: #e8e8e8; position: absolute; left: 10px; top: 21px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.informations-list .items .txt{width: 385px; float: left;}
.informations-list .items .time{float: right;}
.informations-list .items:hover .dot{background: #00b1fd;}
.informations-list .items:hover a{color: #00b1fd; padding-left: 3px;}
/**/
.main-slide{margin: 0px auto 30px; border-radius: 5px; overflow: hidden;}
.information-bottom{display: flex;}
.information-bottom .informations{padding-top: 8px; padding-bottom: 17px;}
.information-bottom .informations .titles{height: 56px; line-height: 56px;}
.information-bottom .informations .titles .text{font-size: 21px; font-weight: normal;}
.information-bottom .informations-list .items{height: 57px; line-height: 57px;}
.information-bottom .informations-list .items{font-size: 17px;}
.information-bottom .informations-list .items .dot{top: 26px;}
.information-bottom .item{width: 585px; margin-right: 30px;}
.information-bottom .item:last-child{margin-right: 0;}
/**/
.main-sidebar{width: 46px; position: fixed; right: 20px; bottom: 105px; z-index: 90;}
.main-sidebar .item-container{padding-bottom: 10px;}
.main-sidebar .item-container:last-child{padding-bottom: 0;}
.main-sidebar .item{width: 46px; height: 46px; border-radius: 50%; position: relative; background: #fff; cursor: pointer; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);}
.main-sidebar .item .icon-box{width: 100%; height: 46px; text-align: center; line-height: 46px;}
.main-sidebar .item .icon-box .icon{font-size: 26px; color: #999;}
.main-sidebar .item .ewm-box{width: 170px; height: 220px; background: #fff; border-radius: 10px; position: absolute; top: -21px; right: 75px; z-index: 100; display: none; opacity: 0;}
.main-sidebar .item .ewm-box:before{content:''; display: block; width: 11px; height: 22px; background: url('../images/ewm-arrow.png') no-repeat center center; position: absolute; top: 30px; right: -11px;}
.main-sidebar .item .ewm-box .ewm-boxs{padding: 15px 0 0;}
.main-sidebar .item .ewm-box .ewm-img{width: 140px; height: 140px; margin: 0 auto;}
.main-sidebar .item .ewm-box .ewm-img .img{width: 140px; height: 140px;}
.main-sidebar .item .ewm-box .ewm-text{text-align: center; font-size: 16px; line-height: 24px; padding-top: 5px;}
/**/
.main-sidebar .item .ewm-box.phone{width: 140px; height: 45px; line-height: 45px; font-size: 18px; text-indent: 10px; border-radius: 5px; opacity: 0; top: 2px;}
.main-sidebar .item .ewm-box.phone:before{top: 10px;}
/**/
.main-sidebar .item-text{font-size: 16px; line-height: 30px; text-align: center;}
/**/
.main-sidebar .item-container:hover .icon{color: #00b1fd;}
.main-sidebar .item-container:hover .item-text{color: #00b1fd;}
/**/
.main-footer{width: 100%; padding-bottom: 40px; background: url('../images/foot-bg.jpg') no-repeat center center; background-size: cover;}
/*.main-footer{width: 100%; padding-bottom: 40px; background-image: linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -moz-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -o-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);}*/
.footer-top{padding-top: 27px; overflow: hidden; position: relative;}
.footer-logo{width: 185px; height: 74px; float: left; padding-top: 40px;}
.footer-logo a{height: 50px; display: block;}
.footer-logo .img{height: 50px;}
/**/
.footer-list{float: left; padding-left: 40px;}
.footer-list .item{float: left; width: 135px; padding-top: 5px;}
.footer-list .item:last-child{width: auto; margin-right: 0;}
.footer-list .item-title{font-size: 14px; color: #fff; margin-bottom: 10px;}
.footer-list .item-title:first-child{font-size: 16px;}
.footer-list .item-title a{color: #fff; 	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;}
.footer-list .item-title a:hover{padding-left: 3px;}
.footer-list .item-list .rows{margin-bottom: 10px; font-size: 14px; color: #fff;}
.footer-list .item-list .rows a{font-size: 14px; color: #fff;	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;}
.footer-list .item-list .rows a:hover{padding-left: 3px;}
.footer-list .item-list .rows:last-child{margin-bottom: 0;}
/**/
.footer-ewm{padding-top: 5px; position: absolute; top: 20px; right: 20px; overflow: hidden;}
.footer-ewm .item{width: 92px; margin-right: 35px; float: left;}
.footer-ewm .item:hover{margin-top: -5px;}
.footer-ewm .item:last-child{margin-right: 0;}
.footer-ewm .item .img-box{width: 92px; height: 92px; text-align: center; padding-top: 5px; border-radius: 10px; background-color: rgb(255, 255, 255);}
.footer-ewm .item .img{width: 82px; height: 82px;}
.footer-ewm .item .text{width: 100%; text-align: center; color: #fffefe; font-size: 14px; margin-top: 15px; margin-bottom: 0;}
.footer-bot{padding-top: 30px; position: relative;}
.footer-bot .link-title{font-size: 14px; color: #fff; position: absolute; left: 6px; top: 32px;}
.footer-bot-box{width: 1092px; margin-right: 30px;}
.footer-bot-btn{height: 30px; line-height: 30px; cursor: pointer; position: absolute; top: 28px; right: 0;}
.footer-bot-btn:focus{outline: none;}
.footer-bot-btn .icon{color: #fff;}
.swiper-container-link .swiper-slide{width: auto;}
.swiper-container-link .swiper-slide a{padding: 0 15px; font-size: 14px; color: #fff;}
/**/
.footer-mid{border-bottom: 1px solid #fff; overflow: hidden; margin-top: 26px;}
.footer-mid a{float: left; color: #fff; font-size: 14px; padding: 0 10px 27px; margin-right: 41px;}
.footer-bot{}
.footer-bot a{color: #fff; font-size: 14px;}
.main-footer-info{background: #f1f2f4; padding: 28px 0; font-size: 14px; line-height: 24px; color: #666; text-align: center;}
.main-footer-info a{color: #666;}
.main-footer-info a:hover{color: #00b1fd;}
/**/
.style_underway{background:#df0021!important;}
.style_willBegin{background:#22ac38!important;}
.style_alreadyOver{background:#f1f1f1!important; color:#999!important;}
/**/
.single-page-content img{max-width: 100%; width: 100% !important; height: 100% !important;}
.single-page-content{width: 1200px; padding: 20px 0; font-size: 16px; line-height: 30px; margin: 10px auto; border-radius: 6px; overflow: hidden;}
.single-page-left{width: 170px; float: left;  background: #fff; }
.single-page-left-ul{width: 100%; padding: 0;}
.single-page-left-ul li{width: 100%; height: 60px; line-height: 60px; text-align: center;}
.single-page-left-ul li a{display: block; text-align: center; font-size: 16px;}
.single-page-left-ul li.active{background-image: linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -moz-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);
    background-image: -o-linear-gradient( 0deg, rgb(52,121,255) 0%, rgb(114,202,255) 100%);}
.single-page-left-ul li.active a{color: #fff;}
/*.single-page-left-ul li.active:hover a{color: #fff;}*/
/*.single-page-left-ul li:hover a{color: #00b1fd;}*/
.single-page-right{width: 1000px; background: #fff; float: right;}
.single-page-right .right-top{font-weight: bold; height: 60px; line-height: 60px; text-indent: 20px; border-bottom: 1px solid #ddd;}
.single-page-right .right-bottom{padding: 20px;}
.single-page-right .right-bottom h2{font-size: 16px; font-weight: bold;}
.single-page-right .right-bottom img{max-width: auto; height:auto;}
/**/
.main-package-box{padding: 25px 0 20px;}
.main-package-box .item{width: 383px; height: 440px; float: left; margin: 0 25px 25px 0; position: relative;}
/*.main-package-box .item:nth-child(3n){margin-right: 0;}*/
.main-package-box .item-box{width: 383px; height: 440px; border-radius: 10px; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 4.9px 0.1px rgba(24, 68, 104, 0.2); position: absolute; left: 0; top: 0;}
.main-package-box .item:hover .item-box{top: -5px;}
.main-package-box .item-box .img-img{width: 100%; height: 255px; overflow: hidden; position: relative;}
.main-package-box .item-box .img-img .img-box{display: block; width: 100%; height: 255px;}
.main-package-box .item-box .img-img .img-box .img{width: 100%; height: 255px;}
.main-package-box .item-box .img-img .img-state{height: 20px; font-size: 12px; line-height: 20px; border-radius: 10px; padding: 0 10px 0 30px; background: rgba(0,0,0,0.5); position: absolute; left: -24px; bottom: 0; color: #fff;}
.main-package-box .item-box .item-bot{padding: 20px 20px;}
.main-package-box .item-box .item-bot .item-title{font-size: 18px; line-height: 24px; color: #333;}
.main-package-box .item-box .item-bot .item-title a:hover{color: #396df1;}
.main-package-box .item-box .item-bot .item-desc{margin: 13px 0 23px; font-size: 14px; line-height: 18px; color: #999;}
.main-package-box .item-box .item-bot .item-bottom{}
.main-package-box .item-box .item-bot .item-bottom .item-price{font-size: 12px; color: #f00;}
.main-package-box .item-box .item-bot .item-bottom .item-price .big{font-size: 16px; padding: 0 2px 0 0;}
.main-package-box .item-box .item-bot .item-bottom .item-price .del{color: #999; text-decoration: line-through;}
.main-package-box .item-box .item-bot .item-bottom .item-link{width: 67px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; color: #fff; background-color: rgb(244, 99, 90);}
.main-package-box .item-box .item-bot .item-bottom .item-link a{display: block; font-size: 14px; color: #fff;}
/*new*/
.main-package-box{padding: 25px 0 20px;}
.main-package-box .item{width: 285px; height: 350px; float: left; margin: 0 20px 20px 0; position: relative;}
.main-package-box .item:nth-child(4n){margin-right: 0;}
.main-package-box .item-box{width: 285px; height: 350px; border-radius: 10px; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 4.9px 0.1px rgba(24, 68, 104, 0.2); position: absolute; left: 0; top: 0;}
.main-package-box .item-box .img-img{width: 100%; height: 190px; overflow: hidden; position: relative;}
.main-package-box .item-box .img-img .img-box{display: block; width: 100%; height: 190px;}
.main-package-box .item-box .img-img .img-box .img{width: 100%; height: 190px;}
.main-package-box .item-box .img-img .img-state{height: 20px; font-size: 12px; line-height: 20px; border-radius: 10px; padding: 0 10px 0 30px; background: rgba(0,0,0,0.5); position: absolute; left: -50px; bottom: 0; color: #fff; 	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;}
.main-package-box .item-box .img-img .img-state .study{opacity: 0;}
.main-package-box .item-box .item-bot{padding: 15px 15px;}
.main-package-box .item-box .item-bot .item-title{font-size: 16px; line-height: 24px; color: #333;}
/*.main-package-box .item-box .item-bot .item-title a:hover{color: #396df1;}*/
.main-package-box .item-box .item-bot .item-desc{margin: 10px 0 10px; font-size: 14px; line-height: 18px; color: #999;}
.main-package-box .item-box .item-bot .item-bottom{}
.main-package-box .item-box .item-bot .item-bottom .item-price{font-size: 12px; color: #f00;}
.main-package-box .item-box .item-bot .item-bottom .item-price .big{font-size: 16px; padding: 0 2px 0 0;}
.main-package-box .item-box .item-bot .item-bottom .item-price .del{color: #999; text-decoration: line-through;}
.main-package-box .item-box .item-bot .item-bottom .item-link{width: 67px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; color: #fff; background-color: rgb(244, 99, 90);}
.main-package-box .item-box .item-bot .item-bottom .item-link a{display: block; font-size: 14px; color: #fff;}
.main-package-box .item:hover .item-box{top: -5px;}
.main-package-box .item:hover .item-box .img-img .img-state{background: rgb(244, 99, 90); left: -24px;}
.main-package-box .item:hover .item-box .img-img .img-state .study{opacity: 1;}
.main-package-box .item:hover .item-bot .item-title a{color: #396df1;}
/**/
.main-app-banner-box{width: 100%; height: 680px; position: relative; overflow: hidden;}
.main-app-banner-box a{display: block; width: 100%; height: 680px;}
.main-app-banner-box .img{display: block; height: 680px; position: absolute; top: 0; left: 50%; margin-left: -960px;}
/**/
.main-app-bot{width: 100%; background: #fff; padding: 120px 0;}
.main-app-bot-box{display: flex;}
.main-app-bot-box .item{width: 25%;}
.main-app-bot-box .item .img-box{width: 150px; height: 150px; margin: 0 auto;}
.main-app-bot-box .item .img-box .img{width: 100%;}
.main-app-bot-box .item .img-title{font-size: 28px; padding: 20px 0 10px; color: #333; text-align: center;} 
.main-app-bot-box .item .img-desc{font-size: 24px; color: #666; text-align: center;} 
/**/
.information-banner{width: 100%; height: 300px; background: url('../images/newbg.jpg') no-repeat center center;}
.information-banner .banner-title{font-size: 40px; color: #fff; text-align: center; line-height: 400px; font-weight: normal;}
.information-course{width: 1200px; height: 160px; position: relative;}
.information-course-top{width: 100%; height: 260px; position: absolute; left: 0; bottom: 0;}
.information-course-top .item{width: 380px; height: 260px; position: relative; overflow: hidden; float: left; margin-right: 30px; border-radius: 6px;}
.information-course-top .item:last-child{margin-right: 0;}
.information-course-top .item .img{width: 100%; height: 260px;}
.information-course-top .item .item-text{width: 100%; height: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); position: absolute; z-index: 1; bottom: 0; left: 0;}
/**/
.main-information-list{margin-top: 25px; padding-bottom: 60px; overflow: hidden;}
.information-list-left{width: 870px; background: #fff; border: 1px solid #e8e8e8; border-radius: 5px; overflow: hidden; float: left;}
.information-list-left-top{width:100%; height: 48px; line-height: 48px; overflow: hidden; text-align: center; display: flex; flex-direction:row; justify-content:space-between; padding: 0 17px;}
.information-list-left-top a{display: block; font-size: 15px; line-height: 48px;}
.information-list-left-top a:hover{color: #00b1fd;}
.information-list-left-top a.active{color: #00b1fd;}
/**/
.information-list-box{padding: 30px 20px; border-top: 1px solid #e8e8e8;}
.information-list-box .item{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #eee; overflow: hidden;}
.information-list-box .item:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.information-list-box .item-img{width: 170px; height: 115px; border-radius: 6px; float: left; overflow: hidden; position: relative;}
.information-list-box .item-img a{display: block; height: 115px;}
.information-list-box .item-img .img{height: 115px;}
.information-list-box .item-text{width: 640px; float: right;}
.information-list-box .item-text .item-title{font-size: 18px; line-height: 24px; height: 25px; margin-bottom: 5px; font-weight: 600;}
.information-list-box .item-text .item-title a{color: #333;}
.information-list-box .item-text .item-title a:hover{color: #00b1fd; padding-left: 3px;}
.information-list-box .item-text .item-desc{height: 40px; font-size: 12px; line-height: 20px; color: #666;}
.information-list-box .item-text .item-info{overflow: hidden; padding-top: 20px;}
.information-list-box .item-text .item-info .info-time{float: left; font-size: 14px; color: #999;}
.information-list-box .item-text .item-info .info-more{float: right; font-size: 14px; color: #999;}
.information-list-box .item-text .item-info .info-more a{color: #999;}
.information-list-box .item-text .item-info .info-more a:hover{color: #00b1fd; padding-right: 5px;}
/**/
.information-list-right{width: 305px; background: #fff; border: 1px solid #e8e8e8; border-radius: 5px; overflow: hidden; float: right; }
.information-list-right-top{height: 48px; line-height: 48px; text-indent: 15px;}
.information-list-right-bot{padding: 20px 18px; border-top: 1px solid #e8e8e8;}
.information-list-right-bot .item{margin-bottom: 20px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px dashed #eee;}
.information-list-right-bot .item:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.information-list-right-bot .item-img{width: 120px; height: 80px; overflow: hidden; float: left;}
.information-list-right-bot .item-img .img{width: 100%;}
.information-list-right-bot .item-text{width: 130px; float: right;}
.information-list-right-bot .item-text .title{font-size: 16px; line-height: 24px; height: 50px; overflow: hidden; margin-bottom: 2px;}
.information-list-right-bot .item-text .title a{color: #333;}
.information-list-right-bot .item-text .title a:hover{color: #00b1fd;}
.information-list-right-bot .item-text .cate{display: inline-block; font-size: 14px; height: 20px; line-height: 19px; background: #f5a623; border-radius: 2px; padding: 0 5px; color: #fff;}
.information-list-right-bot .item-text .cate a{color: #fff;}
/**/
.main-breadcrumbs{height: 60px; line-height: 60px;}
.main-breadcrumbs a{font-size: 14px; color: #666; float: left;}
.main-breadcrumbs a.dot{padding: 0 8px;}
.main-information-list.details{margin-top: 0;}
/**/
.information-details{padding: 35px 30px 30px;}
.information-title{text-align: center; font-size: 28px;}
.information-info{width: 100%; overflow: hidden; text-align: center; padding: 15px 0; border-bottom: 1px solid #ddd;}
.information-info .info-left{display: inline-block; overflow: hidden;}
.information-info .info-left .infos{float: left; font-size: 14px; margin-right: 25px;}
.information-info .info-left .infos.cate{height: 20px; line-height: 19px; border-radius: 2px; padding: 0 5px; background: #f5a623;}
.information-info .info-left .infos.cate a{color: #fff;}
.information-content{padding-top: 20px; font-size: 16px; line-height: 32px; text-align: justify; color: #333;}
.information-content h2{font-size: 18px; font-weight: 600; margin-bottom: 15px;}
.information-content h3{font-size: 16px; font-weight: 600; margin-bottom: 15px;}
.information-content h4{font-size: 16px; font-weight: 600; margin-bottom: 15px;}
.information-content section,.information-content p{margin-bottom: 1rem;}
.information-content img,.information-content p img{max-width: 100%; height: auto !important;}
.information-content table{font-size: 14px; line-height: 18px;}
.information-content table td{width: auto !important; padding: 10px 10px;}
.information-info .info-right{float: right; font-size: 14px; color: #666;}
/**/
.information-page{line-height: 30px; border-top: 1px dashed #ddd; margin-top: 20px; padding-top: 20px;}
/**/
.information-list-right-news{border-top: 1px solid #e8e8e8; font-size: 15px; line-height: 30px; color: #333; padding: 10px 15px;}
.information-list-right-news .item{height: 40px; line-height: 40px; border-bottom: 1px dashed #eee; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.information-list-right-news .item:last-child{border-bottom: 0;}
.information-list-right-news .item:before{content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #666; position: absolute; top: 20px; left: 0;}
.information-list-right-news .item a{padding-left: 10px; color: #666; transition: all 0.3s ease-in-out;	-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.information-list-right-news .item:hover:before{background: #00b1fd;}
.information-list-right-news .item:hover a{color: #00b1fd; padding-left: 13px;}
/**/
div.course-menu-box .menu-item.active a{color: #00b1fd; border-bottom-color: #00b1fd;}
div.course-menu-box .menu-item:hover a{color: #00b1fd;}
/**/
div.tuangou-goods-list-box > .tuangou-box-goods-item{width: 285px;}
div.tuangou-goods-list-box > .tuangou-box-goods-item > .goods-thumb{width: 100%; height: 190px;}
div.tuangou-goods-list-box > .tuangou-box-goods-item > .goods-thumb img{width: 100%; height: 190px;}
/**/
div.miaosha-box-goods-item > .goods-thumb{width: 100%; height: 190px;}
div.miaosha-box-goods-item{margin: 0 20px 20px 0;}
div.miaoshao-goods-list-box .miaosha-box-goods-item{width: 285px;}
div.miaoshao-goods-list-box .miaosha-box-goods-item:nth-child(4n){margin-right: 0;}
/**/
div.course-info-box .course-info .course-title{height: auto; line-height: 34px; margin-bottom: 10px;}
div.miaosha-info-box{margin-top: 20px;}
div.miaosha-info-box > .miaosha-charge-box{margin-bottom: 0;}
div.miaosha-info-box > .miaosha-charge-box > .name{color: #333;}
div.miaosha-info-box > .miaosha-options-box{padding-bottom: 0; margin-top: 20px;}
div.miaosha-info-box > .miaosha-num-box{margin-bottom: 0;}
div.miaosha-info-box > .miaosha-num-box > .name{color: #333;}
div.miaosha-info-box > .miaosha-date-box{margin-bottom: 0;}
div.miaosha-info-box > .miaosha-date-box > .name{color: #333;}
div.miaosha-info-box > .miaosha-date-box > .value > .date-item{border-radius: 5px;}
/**/
div.tuangou-goods-info .tuangou-charge-box{margin: 0 0 5px;}
div.tuangou-goods-info .tuangou-charge-box > .name{color: #333;}
div.tuangou-goods-info .tuangou-date > .name{color: #333;}
div.tuangou-goods-info .tuangou-options > .buttons{margin-top: 10px;}
div.tuangou-goods-info .tuangou-date > .value > .date-item{border-radius: 5px;}
/**/
.learning-path-box .learning-path-item > .course-box > .course-item{width: 180px; margin-right: 12px; margin-bottom: 15px;}
.learning-path-box .learning-path-item > .course-box > .course-item:nth-child(6n){margin-right: 0;}
.learning-path-box .learning-path-item > .course-box > .course-item > .course-thumb{width: 180px; border-radius: 10px; overflow: hidden;}
.learning-path-box .learning-path-item > .course-box > .course-item > .course-thumb img{width: 100%; height: 120px;}
/**/
div.step-box > .step-courses-box{padding: 20px;}
div.step-box > .step-courses-box > .step-course-item{padding: 0; border-radius: 8px; overflow: hidden;}
div.step-box > .step-courses-box > .step-course-item{width: 280px; margin-right: 13px; margin-bottom: 0;}
div.step-box > .step-courses-box > .step-course-item:nth-child(4n){margin-right: 0;}
div.step-box > .step-courses-box > .step-course-item > .course-thumb{width: 100%; height: 190px; overflow: hidden;}
div.step-box > .step-courses-box > .step-course-item > .course-thumb img{width: 100%; height: 186px;}
/**/
.main-page-next{position: relative;}
.main-page-next .next-video{height: 38px; line-height: 38px; border-radius: 4px; background: #00b1fd; color: #fff; position: absolute; top: 15px; right: 18px;}
.main-page-next .next-video a{display: block; padding: 0 20px; font-size: 15px; height: 38px; color: #fff;}
/**/
.container-fluid-left .course-show-page-desc h2{font-size: 18px; font-weight: 600; margin-bottom: 15px;}
/**/
.main-float{width: 133px; position: fixed; top: 20%; right: 10px; z-index: 200;}
.main-float .float-top{width: 133px; height: 90px; position: relative;}
.main-float .float-top:before{content: ''; display: block; width: 133px; height: 133px; background: #00b1fd; border-top-left-radius: 50%; border-top-right-radius: 50%; position: absolute; left: 0; top: 20px;}
.main-float .float-top .top-img{display: block; width: 100px; margin: 0 auto; position: relative; z-index: 10;}
.main-float .float-mid{width: 100%; height: 150px; background: #00b1fd; position: relative; z-index: 15;}
.main-float .float-mid .mid-ewm{width: 85%; margin: 0 auto; background: #fff; border-radius: 5px; overflow: hidden;}
.main-float .float-mid .mid-ewm .ewm-img{width: 100%;}
.main-float .float-mid .mid-ewm .ewm-text{text-align: center; line-height: 20px; padding-bottom: 5px;}
.main-float .float-footer{width: 100%; height: 40px; line-height: 40px; background: #00b1fd; text-align: center; margin-top: 5px; color: #fff;}
/**/
.main-float-sidebar{width: 80px; position: fixed; top: 18%; right: 10px; z-index: 200; background: #eee;}
.main-float-sidebar .item{width: 100%; height: 80px; margin-bottom: 2px; background: #fff; position: relative; cursor: pointer;}
.main-float-sidebar .item:last-child{margin-bottom: 0;}
.main-float-sidebar .item-icon{width: 100%; line-height: 60px; text-align: center; position: absolute; left: 0; top: 0;}
.main-float-sidebar .item-icon .icon{font-size: 48px; color: #24da5b;}
.main-float-sidebar .item-icon .icon2{font-size: 40px; color: #3a90ff;}
.main-float-sidebar .item-icon .icon3{font-size: 40px; color: #f7a302;}
.main-float-sidebar .item-icon .icon4{font-size: 48px; color: #fe620d;}
.main-float-sidebar .item-icon .icon5{font-size: 40px; color: #ff1901;}
.main-float-sidebar .item-text{width: 100%; font-size: 14px; line-height: 32px; text-align: center; position: absolute; left: 0; bottom: 0; color: #858585;}
.main-float-sidebar .item:hover{background: #00b1fd;}
.main-float-sidebar .item:hover .item-icon .icon{color: #fff;}
.main-float-sidebar .item:hover .item-text{color: #fff;}
.main-float-sidebar .item .item-ewm{width: 135px; height: 135px; position: absolute; top: 0; left: -145px; display: none;}
.main-float-sidebar .item .item-ewm .icon{font-size: 22px; color: #fff; position: absolute; right: -14px; top: 20px;}
.main-float-sidebar .item .item-ewm .img{width: 100%;}
.main-float-sidebar .item:hover .item-ewm{display: block;}
.main-float-sidebar .item .item-phone{width: 190px; height: 70px; line-height: 70px; font-size: 24px; color: #666; background: #fff; position: absolute; top: 5px; left: -200px; text-align: center; display: none;}
.main-float-sidebar .item .item-phone .icon{font-size: 22px; color: #fff; position: absolute; right: -14px; top: 0px;}
.main-float-sidebar .item:hover .item-phone{display: block;}
.float-sidebar-close{width: 20px; height: 20px; line-height: 17px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.5); position: absolute; right: -10px; top: -10px; cursor: pointer; display: none;}
.float-sidebar-close .icon{color: #fff; font-size: 13px;} 
/**/
.main-footer-float{width: 100%; height: 120px; background: #000; position: fixed; left: 0; bottom: 0; z-index: 100; background: rgba(0,177,253,0.9);}
.footer-float-box{width: 1200px; margin: 0 auto; position: relative;}
.footer-float-box .close-icon{width: 22px; height: 22px; line-height: 22px; position: absolute; top: 12px; right: -40px; cursor: pointer; transition: transform .3s ease; -webkit-transition: transform .3s ease;}
.footer-float-box .close-icon .icon{font-size: 22px; color: #fff;}
.footer-float-box .close-icon:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.footer-float-box .spring-img{height: 120px; float: left;}
.footer-float-box .ewm-text{float: right; padding: 10px 40px 0 0;}
.footer-float-box .ewm-text .ewm-title{color: #fff; text-align: right; font-size: 24px; line-height: 60px;}
.footer-float-box .ewm-text .ewm-desc{color: #fff; text-align: right; font-size: 16px;}
.footer-float-box .ewm-box{width: 100px; float: right; padding-top: 12px;}
.footer-float-box .ewm-box .ewm-img{width: 100%;}