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;}
/*头部*/
.phone-header{
  padding: 0 3vw;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.phone-header>img{
  float: left;
}
.phone-header-searchBox{
  float: right;position: relative;
}
.header-search-input{
  border-radius: 5vw;margin: 3vw 2vw;
  background: #f9f9f9;border: none;
  width: 34vw;height: 7vw;
  padding: 0.5vw 5vw 0.5vw 9vw;
  outline: none;
}
.phone-header-searchBox img{
  position: absolute;
  top: 4.2vw;
  left: 4vw;
  width: 5vw;
}
/*正在直播*/
.channel-onlive-cards{
  position: relative;
}
.channel-onlive-card{
  height: 51vw;
  position: relative;overflow: hidden;
  margin: 3vw 3vw 0;
  background: #fff;
  border-radius: 2.5vw;
  box-shadow: 0 0 0.6vw rgba(0,0,0,0.08);
}
.channel-onlive-card>a{
  position: relative;
  display: block;width: 100%;height: 100%;
}
/*展示大图*/
.channel-card-img{
  float: left;width: 50vw;height: 51vw;
}
.channel-card-img>img{
  width: 100%;
  height: 100%;
}
/*简介*/
.channel-card-intro{
  float: left;
  padding: 3vw;
  width: 44vw;
}
/*名字*/
.channel-card-name{
  font-size: 0.8rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 3vw;
  width: 100%;
  height: 17vw;
}
/*店名*/
.channel-card-shop{
  font-size: 0.6rem;
  margin-bottom: 3vw;
}
/*圆形icon*/
.channel-card-shop>span{
  background: rgba(207,207,207,1);
  border-radius: 50%;
  width: 4vw;
  height: 4vw;
  float: left;
  margin-right: 1vw;
}
/*展示小图*/
.channel-card-imgline{
  position: relative;
}
.channel-card-img-small{
  float: left;position: relative;
  width: 17vw;height: 17vw;
  border-radius: 1vw;
  overflow: hidden;
  margin-right: 1vw;
}
.channel-card-img-small>img{
  width: 100%;
  height: 100%;
}
.channel-card-img-small>p{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5vw;
  color: #fff;
  font-size: 0.5rem;
  background: linear-gradient(0deg, black, transparent);
  width: 100%;
}
.channel-card-num{
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.channel-card-num>p{
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  text-align: center;
  padding: 5vw 0;
  color: #fff;
  font-size: 0.5rem;
}
/*直播标志*/
.channel-card-liveTag{
  position: absolute;
  left: 1vw;
  bottom: 1vw;
  font-size: 0.5rem;
  color: #fff;
}
.channel-liveTag-left{
  background: rgba(255,28,90,1);
  border-radius: 1vw 0 0 1vw;
  float: left;
  padding: 0.5vw 1vw 0.5vw 1vw;
  font-size: 0.4rem;
}
.channel-liveTag-left>img{
  margin-right: 1vw;
  width: 2.3vw;
}
.channel-liveTag-right{
  background: rgba(0,0,0,0.35);
  border-radius: 0 1vw 1vw 0;
  float: left;
  padding: 0.5vw 3vw 0.5vw 1vw;
  font-size: 0.4rem;
}

/*直播预告与回看*/
.channel-live-tab,.nav>.channel-live-tab{
  width: 47vw;
  padding: 0.5vw;
  color: #333;
  font-size: 0.8rem;
  font-weight: bold;
}
.channel-live-tab-active,.nav>.channel-live-tab-active{
  color: #b6393f;
  border-bottom: 3px solid #b6393f;
}
.channel-live-cards{
  position: relative;overflow: hidden;
}
.channel-live-card{
  float: left;width: 44vw;
  margin: 1vw 1vw 7vw;
}
.channel-live-card>a>img{
  border-radius: 2.5vw;
  margin-bottom: 1vw;
}
.channel-live-moreBtn{
  display: block;
  width: 97%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #eaeaea;
  font-size: 0.9rem;
  color: #bf6367;
  padding: 1.5vw;
  border-radius: 1vw;
}
.phone-footer{
  font-size: 0.7rem;
  text-align: center;
  color: #a1a1a1;
  padding: 10vw 0;
}
/*********************************************************************************/
/*商播学院-手机*/
/*********************************************************************************/
.phone-college-box{
  background: #f1f1f1;
  padding: 1vw 0;
}
.college-swiper-title{
  position: absolute;text-align: left;
  padding: 3vw;
  background: linear-gradient(0deg,black,transparent);
  bottom: 0;
  width: 100%;
  color: #fff;
}
.phone-college-list-card{
  position: relative;
  overflow: hidden;
  border-radius: 3vw;
  background: #fff;
  box-shadow: 0 0 3vw rgba(0,0,0,0.08);
  width: 100%;
}
.phone-college-card-img{
  float: left;
  width: 30%;
  height: 29vw;
  overflow: hidden;
  border-radius: 3vw 0 0 3vw
}
.phone-college-card-img>img{
  width: 100%;height: 100%;
}
.phone-college-card-intro{
  float: left;
  padding: 3vw;
  width: 64%;
  height: 29vw;
  position: relative;
}
.phone-college-intro-title{
  font-size: 0.8rem;
  font-weight: bold;
  margin-bottom: 2vw;
}
.phone-college-intro-subtitle{
  font-size: 0.6rem;
  color: #a1a1a1;
}
.phone-college-intro-time{
  position: absolute;
  bottom: 3vw;
  left: 3vw;
  font-size: 0.6rem;
}
.phone-college-intro-time>.futureTime{
  color: #ff0000;
}
.phone-college-live-moreBtn{
  text-align: center;
  width: 100%;
  display: block;
  padding: 3vw;
  font-size: 0.9rem;
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 1vw;
  color: #b20e16;
}

/*直播推荐内容*/
.phone-college-recommend-img{
  float: left;
  width: 40%;
  height: 29vw;
}
.phone-college-recommend-img>img{
  width: 100%;height: 100%;
}
.phone-college-intro-tag{
  position: absolute;
  left: 3vw;
  bottom: 3vw;
  font-size: 0.6rem;
  color: #a1a1a1;
  background: #f1f1f1;
  padding: 0.5vw;
  border-radius: 1vw;
}
/*********************************************************************************/
/*商播直播-手机*/
/*********************************************************************************/
/*正在直播标签*/
.phone-live-tag-onlive{
  position: absolute;
  padding: 1vw 3vw;
  border-radius: 3vw;
  background: #cc0000;
  font-size: 0.5rem;
  color: #fff;
  left: 3vw;
  top: 3vw;
}
/*直播未开始标签*/
.phone-live-tag-nostarted{
  position: absolute;
  padding: 1vw 3vw;
  border-radius: 3vw;
  background: rgba(0,0,0,0.5);
  font-size: 0.5rem;
  color: #fff;
  left: 3vw;
  top: 3vw;
}
.live-list-cards{
  position: relative;
  overflow: hidden;
  width: 100%;
}
.live-list-card{
  float: left;
  width: 46.5%;
  margin: 0 1.5vw 5vw 1.5vw;
}
.live-list-card>a>p{
  width: 100%;
  font-size: 0.7rem;
}
.live-card-img{
  width: 100%;
  height: 24vw;
  margin-bottom: 2vw;
}
.live-card-img>img{
  width: 100%;
  height: 100%;
}
/*******************************************************************************/
/*商播首页-手机*/
/*******************************************************************************/
/*分块头部*/
.phone-index-part-header{
  margin: 3vw auto 9vw auto;padding-top: 5vw;
  color: #333;text-align: center;
}
.phone-index-part-header>p{
  font-size: 0.6rem;font-weight: lighter;
  color: #adadad;margin-bottom: 3vw;
}
.phone-index-part-header>h4{
  font-size: 1.2rem;font-weight: normal;
}
.phone-index-header-line{
  width: 15vw;
  height: 2vw;
  background: #cd141c;
  margin: 1.5vw auto 4vw auto;
  border-radius: 2vw;
}
/*头部内容*/
.phone-index-top-intro{
  position: absolute;
  color: #fff;
  top: 58vw;
  left: 3vw;
}
.phone-index-top-intro>h4{
  font-size: 1rem;
}
.phone-index-top-intro>p{
  font-size: 0.5rem;
  font-weight: lighter;
}
/*服务项目*/
.phone-index-top-subtitle{
  width: 72%;
  margin: 0 auto;
  font-size: 0.55rem;
  color: #a1a1a1
}
/*列表*/
.phone-index-list-avater{
  width: 25vw;height: 25vw;
  padding: 5vw;
}
.phone-index-list-avater>img{
  width: 100%;height: 100%;
}
.phone-index-list-title{
  color: #cd141c;
  font-size: 0.9rem;
  margin-bottom: 3vw;
}
.phone-index-list-subtitle{
  font-size: 0.55rem;
  color: #333;
  margin-bottom: 2vw;
}
.phone-index-list-intro{
  font-size: 0.45rem;
  color: #999;
  padding-bottom: 5vw;
  border-bottom: 1px solid #d1d1d1;
  line-height: 0.9rem;
}
/*服务特点展示*/
.phone-index-top-showCards{
  position: relative;overflow: hidden;
  padding: 2vw;
}
.phone-index-top-showCard{
  width: 30%;
  float: left;
  text-align: center;
  margin: 0 1.5vw;
}
.index-showCard-img{
  margin: 0 auto 3vw auto ;
  width: 20vw;height: 15vw;
}
.index-showCard-img>img{
  width: 100%;height: 100%;
}
.phone-index-top-showCard>p{
  font-size: 0.45rem;
  color: #a1a1a1;
}
/*核心价值观*/
.phone-index-hxjzg-content{
  position: relative;
}
.phone-index-hxjzg-item{
  width: 80vw;
  margin: 0 auto 10vw;
  text-align: center;
}
.phone-index-hxjzg-item>h4{
  font-size: 0.75rem;
  color: #333;
}
.phone-index-hxjzg-item>p{
  font-size: 0.6rem;
  color: #535353;
}
/*核心优势*/
.phone-index-hxys-content{
  position: relative;
  background: url(../images/phone_index_hxys_back.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 15vw;
}
.phone-index-swiper-card{
  background: #fff;
  width: 100%;
  height: 69vw;
}
.phone-index-swiper-card>img{
  width: 48vw;
  height: 34vw;
  margin: 0 auto;
}
.phone-index-swiper-card>.index-swiper-intro{
  text-align: center;
  padding: 3vw;
}
.index-swiper-intro>h4{
  font-size: 0.75rem;
}
.index-swiper-intro>p{
  text-align: left;
  font-size: 0.6rem;
  color: #666;
}

/*商播云服动态*/
.phone-index-news-item{
  padding: 3vw 0;
  margin: 0 3vw;
  position: relative;
  border-bottom: 1px solid #d1d1d1;
}
.phone-index-news-title{
  font-size: 0.8rem;
  line-height: 1.2rem;
  margin-bottom: 2vw;
}
.phone-index-news-subtitle{
  font-size: 0.7rem;
  font-weight: lighter;
  color: #999;
  line-height: 1.2rem;
  margin-bottom: 3vw;
}
.phone-index-news-moreAct{
  position: relative;
  overflow: hidden;
}
.phone-index-news-moreAct>.index-news-time{
  float: left;
  font-size: 0.5rem;
  font-weight: bold;
  color: #999;
}
.phone-index-news-moreAct>.index-news-moreBtn{
  float: right;
  font-size: 0.5rem;
  color: #999;
}
/*更多按钮*/
.phone-index-news-more{
  padding: 3vw;
  text-align: center;
}
.phone-index-news-more>a{
  font-size: 0.7rem;
  color: #333;
}
/*合作伙伴*/
.phone-index-partners-list{
  position: relative;
  overflow: hidden;
}
.phone-index-partners-item{
  position: relative;
  overflow: hidden;
  padding: 0 3vw;
  float: left;
  width: 50%;
}
.phone-index-partners-item>img{
  float: left;
  width: 100%;
}

/*底部内容*/
.phone-index-footer{
  position: relative;
  padding: 10vw 3vw;
  background: #2a2a2a;
  text-align: center;
}
.phone-index-footer h3{color: #ccc;font-size: 1.2rem;font-weight: normal;}
.phone-index-footer h4{color: #ccc;font-size: 0.8rem;font-weight: normal;}
.phone-index-footer p{color: #999;font-size: 0.6rem;}
.phone-index-footer-contact{
  width: 100%;margin-bottom: 7vw;
}
.phone-index-footer-phone{
  width: 100%;margin-bottom: 4vw;
}
.phone-index-footer-email{
  width: 100%;margin-bottom: 9vw;
}
.phone-index-footer-icp{
  width: 100%;
}
/*******************************************************************************/
/*关于我们-手机*/
/*******************************************************************************/
.phone-aboutus-header{
  position: relative;
  background: url(../images/phone_aboutus_banner.jpg) no-repeat;
  background-size: 100% 100%;
}
.phone-aboutus-top-title{
  position: relative;
  padding:  3vw 0 5vw 15vw;
}
.phone-aboutus-top-title>p{
  font-size: 0.6rem;font-weight: lighter;
  color: #fff;margin-bottom: 3vw;
}
.phone-aboutus-top-title>h4{
  font-size: 1.2rem;font-weight: bold;color: #fff;
}
.phone-aboutus-top-title>.phone-aboutus-top-line{
  width: 12vw;
  height: 1.8vw;
  background: #fff;
  border-radius: 2vw;
}
.phone-aboutus-intro{
  position: relative;
  padding: 6vw 10vw 7vw;
  background: #fff;
}
.phone-aboutus-intro>p{
  color: #333;font-size: 0.7rem;
  margin-bottom: 7vw;
  line-height: 1.8;
}
/*口号标签*/
.phone-aboutus-tags{
  position: relative;
  background: url(../images/phone_aboutus_tags_back.jpg) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 5vw;
}
.phone-aboutus-tags-header{
  position: relative;
  text-align: center;
  color: #fff;
  padding: 5vw 3vw 3vw 3vw;
}
.phone-aboutus-tags-header>h4{
  font-size: 0.9rem;
}
.phone-aboutus-tags-header>p{
  font-size: 0.5rem;
  font-weight: lighter;
}
.phone-aboutus-tags-list{
  padding: 3vw;
}
.tags-list-item{
  width: 58vw;
  margin-left: 9vw;
  position: relative;
  margin-bottom: 5vw;
}
.tags-list-item>img{
  width: 100%;
}
.tags-list-title{
  position: absolute;
  top: 14vw;
  left: 15vw;
  color: #fff;
}

/******************************************/
/*文章详情*/
/******************************************/
.phone-article-leader{
  padding: 3vw;
  font-size: 0.8rem;
  color: #aeaeae;
  margin-bottom: 2vw;
}
.phone-article-leader a{
  font-size: 0.8rem;
  color: #aeaeae;
}
.phone-article-leader a:hover{
  color: #aeaeae;
}
.phone-article-title{
  padding: 3vw;
}
.phone-article-title>h2{
  font-size: 1rem;
  color: #333333;
}
.phone-article-title>p{
  font-size: 0.75rem;
  color: #666;
}
.phone-article-content{
  position: relative;
  padding: 3vw;
  font-size: 0.7rem;
  color: #333;
  line-height: 1.5rem;
  margin-bottom: 10vw;
}
.phone-article-content>h4{
  color: #333;
  margin: 5vw 0;
}
.phone-article-content>p{
  font-size: 0.7rem;
  color: #333;
}
.phone-article-content img{
  width: 70vw;
  margin: 3vw 12vw;
}
.phone-article-content .imgtitle{
  text-align: center;
  margin-bottom: 7vw;
  color: #aeaeae;
}