@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*隐藏滚轮*/
::-webkit-scrollbar {
    display: none;
}

html {
    font-size: 50px;
    font-family: microsoft yahei, pingfang SC, helvetica neue, arial, microsoft yahei ui,  simsun, sans-serif !important;
}


/* iPhone 4/5 */

@media (min-width: 320px) {
    html {
        font-size: 50px;
    }
}


/* Android */

@media (min-width: 360px) {
    html {
        font-size: 56.25px;
    }
}


/* iPhone6 */

@media (min-width: 375px) {
    html {
        font-size: 58.59375px;
    }
}


/* iPhone6 Plus */

@media (min-width: 414px) {
    html {
        font-size: 64.6875px;
    }
}

html,
body {
    margin: 0;
    border: 0;
    padding: 0;
}

body {
    /* overflow-x: hidden !important; */
    color: #333333;
    font-size: .24rem;
  	background-color: #fff;
}

a {
    color: inherit;
    text-decoration: none;
  	cursor: pointer;
}

img {
    width: 100%;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
}

.hide {
    display: none;
}

.clearfix:after {
    display: table;
    content: '';
    clear: both;
    zoom: 1;
}

i,
b,
em {
    font-style: normal;
    font-weight: normal;
}

.tec {
    text-align: center;
}

.flexbox {
    display: flex;
}

.is-pc .pcshow {
    display: block;
}

.is-pc .mshow {
    display: none;
}

.is-mobile .pcshow {
    display: none;
}

.is-mobile .mshow {
    display: block;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: 0;
}

.circle {
    animation: circle 0.5s linear infinite both;
}

@keyframes circle {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


.detail {
    width: calc(1260/1920*100vw);
}

.content {
    padding: calc(40/1920*100vw) 0;
}

@media all and (max-width:430px) {
    .pcshow {
        display: none;
    }

    .mshow {
        display: block;
    }

    .detail {
        width: calc(349/375*100vw);
    }

    .content {
        padding: calc(38/375*100vw) 0 0 0;
    }
}

.m0a {
    margin: 0 auto;
}

.keep1line {
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.keep2line {
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.keep3line {
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.keep4line {
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}