﻿/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}


/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}



input,button,textarea{border: none;outline: none;background: none;}
.bold{font-weight: bold;}
.cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.wrap{max-width: 1575px;width: 90%;margin: auto;}
.wrap_1440{width: 1440px;max-width: 90%;margin: auto;}

.line24{line-height: 24px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line26{line-height: 26px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line28{line-height: 28px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}}
.line30{line-height: 30px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line32{line-height: 32px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.ellipsis_p{
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
.wrap,.wrap_1440{max-width: 92%;}
.line30,.line32,.line26{line-height: 24px;}

}

 /*font-size*/
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_48 { font-size:48px;}
.fnt_72 { font-size:72px;}
@media only screen and (max-width:1660px) {
.fnt_72 { font-size:50px;}

}
@media only screen and (max-width:1440px) {

.fnt_30 { font-size:24px;}
.fnt_36 { font-size:30px;}
.fnt_48 { font-size:40px;}
.fnt_72 { font-size:44px;}

}
@media only screen and (max-width:1024px) {
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:18px;}
.fnt_22 { font-size:18px;}
.fnt_24 { font-size:18px;}
.fnt_30 { font-size:22px;}
.fnt_36 { font-size:24px;}
.fnt_48 { font-size:26px;}
.fnt_72 { font-size:30px;}

}
@media only screen and (max-width:767px) {
.fnt_16 { font-size: 14px;}
.fnt_18 { font-size:14px;}
.fnt_20 { font-size:16px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:16px;}
.fnt_30 { font-size:18px;}
.fnt_36 { font-size:18px;}
.fnt_48 { font-size:20px;}
.fnt_72 { font-size:20px;}
}



