.header{
  min-width: 1200px;
}
.video-content{
  max-width: 1920;
  margin: 0 auto;
  min-width: 1200px;
  color: #272727;
}
.video-content *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.m-warp{
  width: 1200px;
  margin: 0 auto;
}
.banner{
  display: block;
  height: 430px;
  background: url(../images/shortvideo/banner.jpg) no-repeat top center;
}
.title{
  text-align: center;
}
.title .title-con{
  background: linear-gradient(to right,rgba(203,159,233,1),rgba(203,159,233,0));
  height: 74px;
  line-height: 74px;
  font-size: 32px;
  color: #2b1249;
  display: inline-block;
  padding: 0 44px;
  border-radius: 37px;
}
.title span{
  font-size: 36px;
  font-weight: bold
}
.function-box {
  padding: 52px 0 78px;
}
.fun-con {
  margin-top: 69px;
}
.fun-con2{
  margin-top: 94px;
}
.fun-item {
  float: left;
  width: 25%;
  text-align: center;
}
.fun-item-img {
  width: 88px;
  height: 88px;
  margin: 0 auto 22px;
  background: url(../images/shortvideo/function.png) no-repeat;
}
.recording {
  background-position: 0 0;
}
.upload{
  background-position: -88px 0;
}
.special{
  background-position: -176px 0;
}
.music{
  background-position: -264px 0;
}
.share{
  background-position: -352px 0;
}
.comment{
  background-position: -440px 0;
}
.fun-hot{
  background-position: -528px 0;
}
.advert{
  background-position: -616px 0;
}
.fun-item-tit {
  font-size: 22px;
  font-weight: bold;
  color: #2b1249;
  line-height: 56px;
}
.fun-item-desc {
  font-size: 20px;
  line-height: 28px;
  color: #434343;
}

.introduce-box{
  background: url(../images/shortvideo/introduce.png) no-repeat top center;
  padding: 75px 0 95px;
}
.introduce-con{
  padding-left: 157px;
  margin-top: 93px;
}
.intro-item{
  margin-bottom: 100px;
}
.intro-item:nth-child(even) .intro-text{
  margin-left: 163px;
  width: auto;
}
.intro-item:last-child{
  margin: 0;
}
.intro-text{
  width: 630px;
  padding-top: 45px;
}
.item-tit-con{
  display: inline-block;
  font-size: 28px;
  line-height: 40px;
  padding: 0 6px;
  font-weight: bold;
  color: #2b1249;
  background: linear-gradient(to bottom,rgba(128,112,204,0) 30%,rgba(128,112,204,0.2) 60%,rgba(128,112,204,1));
}
.intro-item-tit span{
  color: #e15620;
}
.intro-text-con {
  padding-top: 13px;
}
.intro-text-item {
  padding-left: 42px;
  margin-top: 47px;
}
.intro-text-tit {
  font-size: 22px;
  color: #2b1249;
  line-height: 42px;
  position: relative;
  font-weight: bold;
}
.intro-text-tit::before{
  position: absolute;
  left: -42px;
  width: 20px;
  height: 20px;
  background: url(../images/shortvideo/intro_icon.png) no-repeat top center;
  top: 11px;
  display: block;
  content: '';
}
.intro-text-desc {
  font-size: 20px;
  line-height: 38px;
}
.footer-banner{
  display: block;
  height: 360px;
  background: url(../images/shortvideo/footer.jpg) no-repeat top center;
}