@media (min-width: 768px){
  html{font-size: 2px}
}

@media (min-width: 960px){
  html{font-size: 4px}
}

@media (min-width: 1024px){
  html{font-size: 5px}
} /*>=1024的设备*/

@media (min-width: 1100px) {
  html{font-size: 5px}
} /*>=1100的设备*/
@media (min-width: 1280px) {
  html{font-size: 6px;}
} /*>=1280的设备*/

@media (min-width: 1366px) {
  html{font-size: 7px;}
}

@media (min-width: 1440px) {
  html{font-size: 7px;}
}

@media (min-width: 1680px) {
  html{font-size: 10px;}
}
@media (min-width: 1920px) {
  html{font-size: 10px;}
}
@media (min-width: 2560px) {
  html{font-size: 12px;}
}

.setoneline{
  white-space: nowrap;
  text-overflow: ellipsis; 
  -webkit-text-overflow: ellipsis;
  overflow: hidden;
}
.settwoline{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.setsixline{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
a:focus, a:hover {
  outline: none;
  text-decoration: none;
}
.btn:active:after, .state:active:after,a:active:after,a:focus:after,a:hover:after{
  text-decoration: none;
  box-shadow: none;
  background-color: rgba(255,255,255,0);
}
p{margin-bottom: 0;}
img{margin-bottom: 0;/*height:fit-content;*/}
/*分块标题*/
.part-header{
  margin: 0 auto;padding-top: 2vw;
  color: #fff;text-align: center;
}
.part-header>p{
  font-size: 2rem;
}
.part-header>h4{
  font-size: 3.4rem;margin: 0.2vw 0;
}
.part-header-line{
  width: 4vw;
  height: 0.5vw;
  background: #fff;
  margin: 1.5vw auto;
  border-radius: 1vw;
}
/*顶部导航*/
/*logo*/
.header-logo{float: left;width: 12vw;position: relative;}
/*导航条*/
.index-nav{float: left;margin-left: 0.5vw;}
.index-nav>li{margin: 2vw 1.3vw 1vw;}
.index-nav>li>.header-tab{padding: 0;float: left;font-size: 2rem;border-bottom: 0;color: #949494;}
/*导航动效-悬停和点击效果*/
.index-nav>li>.header-tab:focus, .index-nav>li>.header-tab:hover{
  color: #cc141d;
  text-decoration: none;
  background-color: rgba(255,255,255,0);
}
.index-nav>li.active>.header-tab{border-bottom: 3px solid #cc141d;color: #CD141C;}
.index-nav>li.active>.header-tab:hover,.index-nav>li.active>.header-tab:focus{border-bottom: 3px solid #CD141C;color: #CD141C;}
/*搜索框*/
.header-searchbox{
  float: left;
  margin: 2vw 0 0 1vw;
  position: relative;
}
.header-searchBtn{
  position: absolute;
  right: 0vw;
  bottom: 0;
  width: 4vw;
  height: 100%;
  background: #ff4343;
  border-radius: 2vw;
  border: 1px solid #ff4343;
}
.header-searchBtn:hover,.header-searchBtn:focus{
  background: #ff4343;
  border-radius: 2vw;
  border: 1px solid #ff4343;
  text-decoration: none;
  outline: none;
}
.header-search-input{
  width: 12vw;
  height: 100%;
  border-radius: 2vw;
  border: 1px solid #ff4343;
  padding: 0.2vw 1vw;
  outline: none;
}
/*顶部展示*/
.top-backImg{
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
}
/*文字部分*/
.top-words{
  position: relative;
  color: #fff;
  width: 42vw;
  left: 18vw;
  top: 7vw;
}
.top-words>h4{
  font-size: 4rem;
}
.top-words>p{
  font-size: 1.6rem;
  margin-top: 1vw;
}
.top-words>a{
  background: url(../images/index_top_knowmore.png) no-repeat;
  background-size: 100% 100%;
  width: 7vw;
  padding: 0.5vw 1vw;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 2vw;
}
/*服务项目和悬浮按钮*/
.ourServices{
  width: 100%;position: relative;margin-top: 15vw;overflow: hidden;
}
/*服务项目卡片展示*/
.ourServices-showCard{
  position: relative;
  width: 64vw;overflow: hidden;
  margin: 0 auto 6vw auto;
  border-radius: 0.5vw;
  box-shadow: 0 0 3vw #d1d1d1;
  background: #fff;
  padding: 2.5vw 2vw;
}
/*服务项目-简介*/
.showCard-intro{
  float: left;
  width: 10vw;
  margin-top: 2.5rem;
}
.showCard-title>p{
  color: #cecece;
  font-size: 2rem;
}
.showCard-title>h4{
  color: #343434;
  font-size: 3.4rem;
  margin: 1vw 0;
}
.showCard-line{
  width: 4vw;
  height: 0.5vw;
  background: #cd141c;
  border-radius: 1vw;
  margin-top: 1.2vw;
}
.showCard-subtitle{
  font-size: 1.6rem;
  margin-top: 2vw;
  color: #adadad;
}
/*服务项目卡片组*/
.showCard-cards{
  float: left;
  width: 48vw;
  height: 20vw;
  position: relative;
  margin-left: 2vw;
}
.showCard-card{
  float: left;
  width: 9vw;height: 19vw;
  margin-left: 1.2vw;
  border-radius: 0.2vw;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.showCard-card-active{
  width: 26vw;
  box-shadow: 0 0 1vw #d1d1d1;
  cursor: auto;
}
/*服务项目卡片内容*/
.showCard-card-left{
  background: #cd141c;
  float: left;width: 9vw;height: 19vw;padding: 1vw;text-align: center;
}
.showCard-card-active>.showCard-card-left{
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
/*服务项目hover和点击效果*/
#showCard-first-left:hover{
  background: url(../images/ourServices_bussinessCollege.png) no-repeat;
  background-size: 100% 100%;
}
#showCard-second-left:hover{
  background: url(../images/ourServices_live.png) no-repeat;
  background-size: 100% 100%;
}
#showCard-third-left:hover{
  background: url(../images/ourServices_paidCourses.jpg) no-repeat;
  background-size: 100% 100%;
}
.showCard-card-active>#showCard-first-left{
  background: url(../images/ourServices_bussinessCollege.png) no-repeat;
  background-size: 100% 100%;
}
.showCard-card-active>#showCard-second-left{
  background: url(../images/ourServices_live.png) no-repeat;
  background-size: 100% 100%;
}
.showCard-card-active>#showCard-third-left{
  background: url(../images/ourServices_paidCourses.jpg) no-repeat;
  background-size: 100% 100%;
}
.showCard-card-left>.left-title{
  font-size: 2.2rem;
  color: #fff;
  margin-top: 6vw
}
.showCard-card-left>.left-line{
  background: #fff;
  width: auto;
  height: 1px;
  margin: 0.5vw 1vw;
}
.showCard-card-left>.left-subtitle{
  color: #fff;
  font-size: 1.6rem;
}
/*服务项目-右侧内容*/
.showCard-card-right{
  display: none;
}
.showCard-card-active>.showCard-card-right{
  display: block;float: left;padding: 1vw;
  width: 17vw;height: 19vw;
}
.showCard-card-right>.right-title{
  font-size: 2.6rem;
  padding: 0.5vw 0;
  border-bottom: 1px solid #d1d1d1;
  margin: 0 1vw 2vw 0;
}
.showCard-card-right>.right-subtitle{
  margin-bottom: 1vw;
  font-size: 1.6rem;
  color: #b1b1b1;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;/*规定几行显示省略号*/
-webkit-box-orient: vertical;
}
.showCard-card-right>.right-knowmoreBtn{
  background: #cd141c;
  border: none;
  color: #fff;
  padding: 0.5vw 1.5vw;
  border-radius: 5vw;
  outline: none;
  font-size: 1.2rem;
}
/*右侧悬边按钮*/
.top-phoneBtn{
  position: absolute;overflow: hidden;
  right: -10vw;
  top: 16vw;
  background: #000;
  padding: 0.5vw 0 0.5vw 0;
  width: 14vw;
  border-radius: 0.3vw 0 0 0.3vw;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.top-phoneBtn:hover{background: #cd141c;overflow: hidden;right: 0;}
.phoneBtn-left{
  text-align: center;float: left;width: 4vw;
}
.top-phoneBtn>.phoneBtn-left>img{
  width: 2vw;
}
.top-phoneBtn>.phoneBtn-left>p{
  color: #fff;font-size: 1.7rem;
}
.phoneBtn-right{
  display: none;
  float: left;
  line-height: 6rem;
  font-size: 2rem;
}
.top-phoneBtn>.phoneBtn-right>p{
  color: #fff;
}
.top-phoneBtn:hover>.phoneBtn-right{
  display: block!important;
}
/*功能展示*/
.top-circleCards{
  width: 62vw;margin: 0 auto;overflow: hidden;
}
.circleCards-card{
  float: left;
  width: 16vw;
  margin: 1vw 2vw;
  padding: 1vw;
  text-align: center;
}
.circleCards-card:hover{
  box-shadow: 0 0 0.5vw #d1d1d1;
}
.circleCards-card>img{
  width: 50%;
  margin: 0 auto 1vw;
}
.circleCards-card>h4{
  font-size: 2.6rem;
  color: #333;
}
.circleCards-card>p{
  font-size: 2rem;
  margin: 1.5vw 0;
}
/*核心优势*/
.coreAdvantage-cards{
  width: 62vw;height: 14.5vw;margin: 0 auto;position: relative;
}
.coreAdvantage-card{
  position: relative;
  float: left;width: 14.5vw;height:18vw;margin: 0 0.5vw;padding: 0.5vw;
  background: #fff;text-align: center;
}
.coreAdvantage-card>h4{
  font-size: 2rem;color: #333;
  margin: 0.5vw 0 1vw 0;
}
.coreAdvantage-card>p{
  font-size: 1.6rem;color: #666;text-align: left;
}

/*弹出框动画*/
.index-tips{
  display: none;
}
#first-tips{
  top: 5vw;
  left: -14.5vw;
  width: 15vw;
}
#second-tips{
  top: 17.5vw;
  left: 0vw;
  width: 15vw;
}
#third-tips{
  top: 17.5vw;
  left: 0vw;
  width: 15vw;
}
#fourth-tips{
  top: 5vw;
  left: auto;
  right: -15vw;
  width: 15vw
}
.coreAdvantage-card:hover .index-tips{
  display:block;
  transform-origin: 100% 0%;

  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;

}

@-webkit-keyframes fadeIn {
  0% { 
    opacity:0; 
    transform: scale(0.6);
  }

  100% {
    opacity:100%;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:100%; }
}
/*商播动态*/
.shangboNews-articles{
  position: relative;width: 80vw;
  margin: 0 auto;
  overflow: hidden;
}
.shangboNews-article{
  float: left;
  width: 30vw;
  height: 10vw;
  margin: 1vw 5vw;
  position: relative;
  padding-bottom: 1.2vw;
}
.shangboNews-articles-title{
  font-size:2rem;
  font-weight:bold;
  color:#333;
  display: block;
  height: 4.5vw;
}
.shangboNews-articles-title:hover,.shangboNews-articles-title:focus,.shangboNews-articles-title:active{
	color:#333;
}
.shangboNews-articles-time{
  font-size:1.4rem;
  font-weight:bold;
  color:#999;
  text-align: right;
  margin-right: 0.5vw;
}
.shangboNews-articles-subtitle{
  font-size:1.4rem;
  font-weight:300;
  color:#666;
  margin: 1vw 0;
}
.shangboNews-articles-more{
  font-size:1.4rem;
  font-weight:400;
  color:#999;
  display: block;
  width: 3vw;
  height: 1.4vw;
  position: absolute;
  right: 0;
  bottom: 0;
}
/*云服动态更多按钮*/
.shangboNews-more{
	width: 10vw;
	margin: 3vw auto;
	text-align: center;
}
.shangboNews-more>a{
	font-size: 2.6rem;
	color: #333;
}
.shangboNews-more>a:hover,.shangboNews-more>a:active,.shangboNews-more>a:focus{
	color: #333;
}
/*合作伙伴*/
.partner-content{
  position: relative;
  width: 62vw;overflow: hidden;
  margin: 2vw auto;padding: 1vw;
  background:#fff;
  box-shadow:0 1.6rem 5.4rem rgba(114,18,18,0.08);
}
.partner-content>img{
  float: left;
  width: 20vw;
}
/*底部*/
.index-footer{
  position: relative;width: 100%;overflow: hidden;
  background: #2A2A2A;
}
.index-footer-top{
  width: 100%;height: 6vw;margin: 0 auto;
  border-bottom: 1px solid #707070;
  padding-top: 3vw;
}
.index-footer-top>p{
  width: 62vw;margin: 0 auto;
  font-size:3.6rem;
  font-weight:300;
  line-height:5rem;
  color:rgba(255,255,255,0.40);
}
.index-footer-top>p>span{
  font-size:2.4rem;
  font-weight:400;
}
.index-footer-bottom{
  width: 62vw;margin: 0 auto;padding: 3vw 0 1vw 0;overflow: hidden;
}
.index-footer-bottom-info{
  float: left;width: 50%;
}
.index-footer-bottom-info>.info-phone{
  font-size:2rem;
  font-weight:400;
  color:rgba(255,255,255,0.80);
}
.index-footer-bottom-info>.info-email{
  font-size:2rem;
  font-weight:400;
  color:rgba(255,255,255,0.80);
}
.index-footer-bottom-tab{
  float: left;width: 50%;
}
.index-footer-bottom-tab>.bottom-tabs{
  text-align: right;margin-top: 1vw;
}
.index-footer-bottom-tab>.bottom-tabs>.bottom-tab{
  font-size:1.4rem;
  font-weight:400;
  color:rgba(255,255,255,0.40);
  margin-left: 10px;
}
.bottom-official-info{
  font-size:1.4rem;
  font-weight:400;
  color:rgba(255,255,255,0.40);
  margin-top: 1vw;
  text-align: right;
}
/*****************************************************************************************************************/
/*直播页面*/
/*****************************************************************************************************************/
/*介绍部分头部*/
.live-intro-header{
  text-align: center;
  margin: 5vw 0 3vw 0;
}
.live-intro-header>p{
  font-size: 3rem;
}
.live-intro-content{
  position: relative;
  width: 62vw;
  margin: 0 auto;
  overflow: hidden;
}
.live-intro-part{
  float: left;
  width: 50%;
  padding: 0 3vw;
}
.live-intro-part>img{
  width: 100%;
}
/*介绍部分列表*/
.live-intro-item{
  border: none;position: relative;
}
.live-intro-item>h4{
  color: #666;font-size: 2.4rem;
}
.live-intro-item>p{
  color: #999;font-size: 1.4rem;
}
.live-intro-circle-icon{
  border: 1px solid #F63939;
  border-radius: 50%;
  width: 0.5vw;height: 0.5vw;
  float: left;
  margin: 0.4vw;
}
.live-intro-knowBtn{
  width: 7vw;
  display: block;
  background: url(../images/live_know_more.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0.2vw 0.5vw;
  font-size: 1.4rem;
  color: #fff;
}
.live-intro-knowBtn:hover,.live-intro-knowBtn:focus{color: #fff;}
.live-content{
  position: relative;
  background: url(../images/live_content_back.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 2vw;
}
/*分块标题*/
.live-part-header{
  text-align: center;
  margin: 2vw 0;
}
.live-part-header>.live-part-title{
  font-size: 3rem;color: #333;
  font-weight: 400;
}
.live-part-title>span{
  color: #CD141C;
}
.live-part-header>.live-part-subtitle{
  color: #999;font-size: 1.6rem;
  margin-top: 0.5vw;
}
/*轮播卡片内容*/
.live-swiper{
  position: relative;
}
.live-swiper-btn{
  position: absolute;outline: none;
}
.live-swiper-card{
  position: relative;
  float: left;
  margin: 0 0.5vw 2vw;
  box-shadow: 0 0.3vw 0.6vw rgba(0,0,0,0.08);
  width: 17.6vw;
}
.live-swiper-card-img{
  position: relative;
  width: 100%;height: 10.2vw;
}
.live-swiper-card-img>img{
  position: absolute;
  width: 100%;
  height: 100%;
}
.live-hover-img{
  display: none;position: absolute;
  width: 100%;height: 100%;
  text-align: center;
  padding: 3vw;
  background: rgba(0,0,0,0.6);
}
.live-hover-img>img{
  width: 5vw;height: 5vw;
}
.live-swiper-card-img:hover>.live-hover-img{
  display: block;
}
/*卡片介绍*/
.live-swiper-card-intro{
  position: relative;background: #fff;padding: 1vw;
}
.live-swiper-card-title{
  color: #333;font-size: 2rem;margin-bottom: 0.5vw;font-weight: 400;min-height: 3vw;
}
.live-swiper-card-tags{
  position: relative;
  color: #666;font-size: 1.2rem;
  width: 100%;height: max-content;
  overflow: hidden;
  margin-bottom: 1vw;
}
.live-swiper-card-tags>.live-tag{
  float: left;background: #EFEFEF;border-radius: 1vw;
  padding: 0.2vw 0.5vw;margin-right: 0.5vw;
}
.live-swiper-card-tags>.live-time{
  float: right;
}
.live-swiper-card-bottom{
  position: relative;overflow: hidden;
}
.live-swiper-name{
  position: relative;overflow: hidden;
  color: #666;font-size: 1.4rem;
  float: left;
  width: 12vw;
}
.live-swiper-name>.live-swiper-name-icon{
  background:rgba(207,207,207,1);
  border-radius:50%;
  width: 1vw;height: 1vw;
  float: left;
  margin: 0 0.2vw;
}
.live-swiper-viewNum{
  float: right;
  font-size: 1.2rem;color: #666;
}
/*正在直播-swiper*/
#live-swiper-now{
  position: relative;width: 56vw;
  margin: 0 auto;
}
#live-swiper-now-prev{
  background: url(../images/live_swiper_toleft.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 6vw;
  left: 18vw;
}
#live-swiper-now-next{
  background: url(../images/live_swiper_toright.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 6vw;
  right: 18vw;
}
/*直播预告-swiper*/
#live-swiper-trailer{
  position: relative;width: 56vw;
  margin: 0 auto;
}
#live-swiper-trailer-prev{
  background: url(../images/live_swiper_toleft.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 17vw;
  left: 18vw;
}
#live-swiper-trailer-next{
  background: url(../images/live_swiper_toright.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 17vw;
  right: 18vw;
}
/*直播回看-swiper*/
#live-swiper-review{
  position: relative;width: 56vw;
  margin: 0 auto;
}
#live-swiper-review-prev{
  background: url(../images/live_swiper_toleft.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 17vw;
  left: 18vw;
}
#live-swiper-review-next{
  background: url(../images/live_swiper_toright.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 17vw;
  right: 18vw;
}
/*****************************************************************************************************************/
/*电商页面*/
/*****************************************************************************************************************/
/*介绍部分头部*/
.eshop-intro-header{
  text-align: center;
  margin: 5vw 0 3vw 0;
}
.eshop-intro-header>.eshop-title{
  color: #333;font-size: 3rem;margin-bottom: 0.5vw;
}
.eshop-intro-header>.eshop-subtitle{
  color: #999;font-size: 1.4rem;
}
/*介绍部分内容*/
.eshop-intro-part{
  float: left;
  width: 45%;
  padding: 0 2vw;
}
/*介绍图文方阵*/
.eshop-intro-cards{
  position: relative;overflow: hidden;padding: 2vw 0;
  width: 34vw;
}
.eshop-intro-card{
  position: relative;
  float: left;
  width: 16vw;
  margin: 0 1vw 1vw 0;
}
.eshop-intro-title{
  font-size: 2.4rem;color: #666;
  position: relative;overflow: hidden;
  margin-bottom: 0.5vw;
}
.eshop-intro-title>p{
  float: left;padding-top: 0.2vw;
}
.eshop-intro-title>img{
  width: 2vw;margin-right: 0.5vw;float: left;
}
.eshop-intro-subtitle{
  font-size: 1.4rem;color: #999;
}
.eshop-intro-knowBtn{
  width: 7vw;
  display: block;
  background: url(../images/live_know_more.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0.2vw 0.5vw;
  font-size: 1.4rem;
  color: #fff;
}
.eshop-intro-knowBtn:hover,.eshop-intro-knowBtn:focus{color: #fff;}
/*直播内容部分*/
.eshop-content{
  position: relative;
  background: url(../images/eshop_content_back.png) no-repeat;
  background-size: 100% auto;
  margin-bottom: 2vw;
}
/*直播卡片*/
.eshop-swiper-card{
    position: relative;
    float: left;
    margin: 0 0.5vw 2vw;
    box-shadow: 0 0.3vw 0.6vw rgba(0,0,0,0.08);
    width: 17.6vw;
}

.eshop-swiper-now-tag{/*正在直播标签*/
  position: absolute;left: 0.5vw;top: 0.5vw;
  color: #fff;font-size: 1.2rem;
  font-weight: lighter;
}
  .eshop-swiper-now-tag>.tag-left{
    background:rgba(255,28,90,1);
    border-radius:5vw 0 0 5vw;
    float: left;
    padding: 0.1vw;
  }
  .eshop-swiper-now-tag>.tag-right{
    background:rgba(0,0,0,0.35);
    border-radius:0 5vw 5vw 0;
    float: left;
    padding: 0.1vw;
  }


.eshop-swiper-card-img{
  position: relative;
  width: 100%;
  height: 18.2vw;
}
.eshop-swiper-card-img>img{
  position: absolute;
}
.eshop-hover-img{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 5vw;
  background: rgba(0,0,0,0.6);
}
.eshop-swiper-card-img:hover>.eshop-hover-img{
  display: block;
}
/*卡片介绍*/
.eshop-swiper-card-intro{
  position: relative;background: #fff;padding: 1vw;
}
.eshop-swiper-card-title{
  color: #333;font-size: 2rem;margin-bottom: 0.5vw;font-weight: bold;
}
.eshop-swiper-card-bottom{
  position: relative;overflow: hidden;height: 4vw;width: 100%;
}
.eshoop-swiper-shop{
  position: relative;overflow: hidden;
  color: #666;font-size: 1.4rem;
  float: left;
  width: 8vw;
}
.eshoop-swiper-shop>.eshoop-swiper-shop-icon{
  background:rgba(207,207,207,1);
  border-radius:50%;
  width: 1vw;height: 1vw;
  float: left;
  margin: 0 0.2vw;
}
.eshop-swiper-imgCards{
  position: absolute;bottom: 0;right: 0;
}
.eshop-swiper-imgCard{
  position: relative;float: right;margin-left: 0.5vw;
}
.eshop-swiper-imgCard>img{
  width: 3vw;
}
.eshop-swiper-imgCard>p{
  position: absolute;left: 0;bottom: 0;
  color: #fff;font-size: 1.4rem;
}

/*正在直播-swiper*/
#eshop-swiper-now{
  position: relative;width: 56vw;
  margin: 0 auto;
}
#eshop-swiper-now-prev{
  background: url(../images/live_swiper_toleft.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 12vw;
  left: 18vw;
}
#eshop-swiper-now-next{
  background: url(../images/live_swiper_toright.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 12vw;
  right: 18vw;
}
/*直播预告-swiper*/
#eshop-swiper-trailer{
  position: relative;width: 56vw;
  margin: 0 auto;
}
#eshop-swiper-trailer-prev{
  background: url(../images/live_swiper_toleft.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 24.5vw;
  left: 18vw;
}
#eshop-swiper-trailer-next{
  background: url(../images/live_swiper_toright.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 24.5vw;
  right: 18vw;
}
/*直播回看-swiper*/
#eshop-swiper-review{
  position: relative;width: 56vw;
  margin: 0 auto;
}
#eshop-swiper-review-prev{
  background: url(../images/live_swiper_toleft.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 24.5vw;
  left: 18vw;
}
#eshop-swiper-review-next{
  background: url(../images/live_swiper_toright.png) no-repeat;background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 24.5vw;
  right: 18vw;
}

/***********************************************************************************/
/*商学院*/
/***********************************************************************************/
/*头部轮播*/
.college-top-swiper{}
#college-top-swiper{}
/*头部列表*/
.college-top-list{
  height: 100%;
  background:rgba(0,0,0,0.6);
  position: absolute;
  z-index: 100;
  top: 0;
  right: 21vw;
}
.college-list-content{
  margin-top: 3vw;
  padding: 0 1vw;
}
.college-list-content>p{
  margin-bottom: 1vw;
}
.college-list-content>p>a{
  font-size:1.6rem;
  font-weight:400;
  color:rgba(224,224,224,1);
}
.college-list-content>p>a:hover{color:#FF4343;}

/*商学院直播*/
.college-businessLive{
  width: 100%;margin: 0 auto;
  position: relative;
}
.college-header{
  position: relative;overflow: hidden;width: 62vw;margin: 0 auto;
}
.college-header>.college-header-icon{
  float: left;
  width: 0.5vw;
  height: 1.4vw;
  margin-right: 0.5vw;
  background:rgba(255,67,67,1);
}
.college-header>p{
  font-size:2rem;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.college-businessLive-swiper{
  position: relative;
  margin: 2vw auto;
  width: 100%;
}
#college-businessLive-swiper{
  width: 62vw;margin: 0 auto;
}
/*左边swiper 按钮*/
#college-businessLive-prev{
  background: url(../images/live_swiper_toleft.png) no-repeat;
  background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 6vw;
  left: 16vw;
}
/*右边swiper 按钮*/
#college-businessLive-next{
  background: url(../images/live_swiper_toright.png) no-repeat;
  background-size: 100% 100%;
  width: 2.25vw;
  height: 5.25vw;
  top: 6vw;
  right: 16vw;
}
/*课程展示卡片*/
.college-businessLive-card{
  position: relative;overflow: hidden;
  float: left;width: 20vw;
  margin-bottom: 1vw;
}
.college-businessLive-card>.college-businessLive-img{
  border-radius: 0.5vw;float: left;width: 8vw;height: 8vw;position: relative;
}
.college-businessLive-img>img{
  border-radius: 0.8vw;position: absolute;
}
.college-hover-img{
  display: none;position: absolute;
  width: 100%;height: 100%;
  text-align: center;
  background: rgba(0,0,0,0.6);
  border-radius: 0.8vw;
}
/*hover在图片上显示黑色蒙版与二维码*/
.college-businessLive-img:hover>.college-hover-img{
  display: block;padding: 1vw;
}
.college-businessLive-card>.college-businessLive-intro{
  float: left;
  padding: 0.5vw 1vw;
  width: 12vw;
  height: 8vw;
  position: relative;
}
/*卡片介绍内容*/
.college-businessLive-intro>a>.college-businessLive-title{
  font-size:1.6rem;
  font-weight:bold;
  color: #333;
  margin-bottom: 0.5vw;
}
.college-businessLive-intro>a>p{
  font-size:1.2rem;
  font-weight:300;
  color: #333;
}
.college-businessLive-bottom{
  font-size: 1.4rem;
  font-weight: 300;
  color: #333;
  position: absolute;
  bottom: 0.5vw
}
.college-businessLive-bottom>a,.college-businessLive-bottom>a:hover{
  color: #FF4343;
}
/*商学院推荐与广告位*/
.college-recommend-content{
  position: relative;
  overflow: hidden;
  width: 62vw;
  margin: 2vw auto;
}
.college-left{
  float: left;
}
/*列表分项内容*/
.items>.college-item{
  border-bottom: none;position: relative;
}
.college-item-img{
  float: left;
  width: 13.5vw;
  height: 10.1vw;
  position: relative;
}
.college-item-img>img{
  position: absolute;
}
.college-item-img:hover>.college-hover-img{
  display: block;padding: 2vw 2vw;
}
.college-hover-img>img{
  width: 6vw;
}
.college-item-intro{
  float: left;width: 19vw;height: 10.1vw;
  position: relative;
  padding: 0 1vw;
}
.college-item-intro>a>.college-title{
  font-size:2rem;
  font-weight:400;
  color: #333;
  margin-bottom: 1vw;
}
.college-item-intro>a>.college-subtitle{
  font-size:1.4rem;
  font-weight:300;
  color:#333;
}
.college-item-intro>.college-name{
  font-size:1.4rem;
  font-weight:300;
  color: #666;
  position: absolute;
  bottom: 0;
}
.college-name-tag{
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 7vw;
  width: 3.2vw;
  line-height: 2rem;
  background: #fafafa;
  padding: 0.1vw;
}
/*加载更多按钮*/
.college-list-more{
  display: block;
  width:100%;
  height:3vw;
  background:rgba(255,255,255,1);
  border:1px solid rgba(153,153,153,1);
  opacity:1;
  border-radius:0.2vw;
  font-size:2.4rem;
  font-weight:400;
  color:rgba(252,129,92,1);
  text-align: center;
  padding: 0.5vw;
}

.college-right{
  float: left;margin-left: 3vw;
}
.college-cooperation{
  position: relative;width: 19vw;
  border:1px solid rgba(240,240,240,1);
}
.college-cooperation-img{
  width:19vw;
  height:9vw;
  background:rgba(252,129,92,1);
  border-radius:0.2vw 0.2vw 0 0;
}
.college-cooperation-intro{
  width: 19vw;
  background: #fff;
  border-bottom:1px solid rgba(240,240,240,1);
  padding: 1vw;
}
.college-cooperation-title{
  font-size:2rem;
  font-weight:400;
  color:rgba(51,51,51,1);
  margin-bottom: 0.5vw;
}
.college-cooperation-subtitle{
  font-size:1.6rem;
  font-weight:300;
  color:rgba(51,51,51,1);
}
.college-cooperation-phone{
  font-size:1.6rem;
  font-weight:300;
  color:rgba(153,153,153,1);
  border-bottom:1px solid rgba(240,240,240,1);
  padding: 1vw;
}
.college-cooperation-email{
  font-size:1.6rem;
  font-weight:300;
  color:rgba(153,153,153,1);
  padding: 1vw;
}
.college-ad{
  width: 19vw;height: 6vw;background:rgba(252,129,92,1);
  font-size:4.2rem;
  font-weight:bold;
  color:rgba(255,255,255,1);
  margin-top: 2vw;
  padding: 1vw;
  text-align: center;
}
/***********************************************************************************/
/*关于我们*/
/***********************************************************************************/
/*商播关于我们简介*/
.aboutus-intro{
  width: 62vw;
  margin: 0 auto;padding: 2.5vw 5.2vw;
  box-shadow:0 0.15vw 1.6vw rgba(0,0,0,0.08);
}
/*头部*/
.aboutus-intro-header{
  margin-bottom: 2vw;
}
.aboutus-intro-header>p{
  font-size:2.4rem;
  font-weight:400;
  color:rgba(112,112,112,0.35);
}
.aboutus-intro-header>h1{
  font-size:4.8rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
  margin-bottom: 0.63vw;
}
.aboutus-intro-header-line{
  width: 5.1vw;
  height: 0.7vw;
  background: rgba(205,0,49,1);
  opacity: 1;
  border-radius: 1vw;
}
/*文段内容*/
.aboutus-content{}
.aboutus-content>p{
  text-indent: 2rem;
  margin-bottom: 1vw;
  font-size:1.8rem;
  font-weight:400;
  color:rgba(51,51,51,1);
}
/*商播口号*/
.aboutus-info{
  background: url(../images/aboutus_info_back.jpg) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding-bottom: 5vw;
}
.aboutus-info-header{
  padding: 3vw 0;
  text-align: center;color: #fff;
}
.aboutus-info-header>h4{
  font-size: 4.8rem;
}
.aboutus-info-header>p{
  font-size: 2.4rem;
}
.aboutus-info-content{
  width: 62vw;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.aboutus-info-tag{
  width: 18vw;float: left;margin: 2vw 6vw;position: relative;
}
.aboutus-info-tag>p{
  position: relative;
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  bottom: 3vw;
  left: 1vw;
  text-align: center;
}


/*********************************************************/
/*文章详情*/
/*********************************************************/
.index-article-leader{
  position: relative;
  overflow: hidden;
  width: 68vw;
  margin: 5vw auto;
}
.article-info{
  text-align: center;
  color: #a1a1a1;
  font-size: 1.4rem;
}
/*********************************************************/
/*更多动态*/
/*********************************************************/
.index-shangboNews-cards{
  position: relative;overflow: hidden;
  width: 70vw;
  margin: 3vw auto;
  padding: 0.5vw;
}
.index-shangboNews-card{
  background: #fff;
  box-shadow: 0 0 1vw rgba(0,0,0,0.1);
  float: left;
  width: 16vw;
  padding: 1vw;
  margin: 0 3vw 3vw;
}
.shangboNews-intro{
  position: relative;
  margin-top: 1vw;
  padding-bottom: 3vw;
}
.shangboNews-intro>.shangboNews-img{
	position: relative;
	width: 100%;
	height: 10.4vw;
}
.shangboNews-intro>.shangboNews-img>img{
	width: 100%;
	height: 100%;
}
.shangboNews-intro>.shangboNews-articles-title{
	font-size:2rem;
  font-weight:bold;
  color:#333;
  display: -webkit-box;
  height: 3.1vw;
}
.shangboNews-intro>.shangboNews-articles-subtitle{
	font-size:1.4rem;
  font-weight:300;
  color:#666;
  margin: 1vw 0;
  height: 10vw;
}
.shangboNews-list-more{
  display: block;
  width: 14vw;
  margin: 3vw auto;
  padding: 1vw 0;
  text-align: center;
  font-size: 3.2rem;
  color: #ff0000;
  border: 1px solid #e1e1e1;
  box-shadow: 0 0 1vw rgba(0,0,0,0.1);
}
.shangboNews-list-more:hover{
  color: #ff0000;
}