@charset "utf-8";

@font-face {
    font-family: maokentangyuan;
    src:url('../fonts/maokentangyuan.ttf');
}
@font-face {
    font-family: SourceHanSansCN-Normal;
    src:url('../fonts/SourceHanSansCN-Normal.otf');
}

.section {
    width: 90%;
    max-width: 1280px;
    margin: auto;
}
:root {
    --dominant-color:#0070d5;
}
img {
    vertical-align: middle;
    max-width:100%;
}
.my-video-dimensions,video {
    width: 100%;
}
.video-js .vjs-big-play-button {
    border: none !important;
    background:url('../images/page/video-icon.png') no-repeat center !important;
}
.video-js .vjs-big-play-button span {
    display: none !important;
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
    background-color: transparent !important;
}
.imgBox {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.imgBox img {
    width: 100%;
    max-width: 100%;
    transition: all 0.5s;
    height: 100%;
    object-fit: cover;
}
.imgBox-hover:hover img {
    transition: all 0.5s;
    transform: scale(1);
}
.textLeft {
    text-align: left;
}
/*字体大小*/
.font12 {
    font-size: 12px;
}
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font22 {
    font-size: 22px;
}
.font24 {
    font-size: 24px;
}
.font26 {
    font-size: 26px;
}
.font28 {
    font-size: 28px;
}
.font32 {
    font-size: 32px;
}
.font34 {
    font-size: 34px;
}
.font36 {
    font-size: 36px;
}
.font38 {
    font-size: 38px;
}
.font42 {
    font-size: 42px;
}
.font44 {
    font-size: 44px;
}
.font46 {
    font-size: 46px;
}
.font48 {
    font-size: 48px;
}
.font58 {
    font-size: 58px;
}

/*限制行数*/
.clamp1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.clamp2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.clamp3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.clamp4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.clamp5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.clamp6{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
button {
    border: none;
}
input {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 38px;
    color: #666;
}
input.change-color {
    background: #fafafa;
}
input[type=checkbox] {
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 3px;
}
input[type=radio] {
    border: 1px solid #e5e5e5;
    width: 14px;
    height: 14px;
}
input[type=checkbox]:checked {
    background: #007aff url(../images/page/check.png) no-repeat center;
}
input[type=file] {
    appearance: none;
}
textarea {
    resize: none;
    border: 1px solid #e5e5e5;
    width: 100%;
    min-height: 100px;
    padding: 10px;
}
select {
    height: 52px;
    width: 100%;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    appearance: none;
    border-radius: 3px;
    background: url('../images/member/member-27.png') no-repeat center right 20px;
    color: #666;
}
.pc {
    display: block;
}
.phone {
    display: none;
}
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-pagination-bullet:focus{
    outline: none;
}
@media screen and (max-width: 1000px) {
    input::placeholder,textarea::placeholder {
        font-size: 12px !important;
    }
    .pc {
        display: none;
    }
    .phone {
        display: block;
    }
}