@charset "utf-8";

html {
    /* -webkit-font-smoothing: antialiased; */
    height: 100%;
    touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
    display: block;
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    border: 1px solid black;
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: 400;
}

dl,
ol,
ul {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

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

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    outline: none;
    /* blr: expression(this.onFocus=this.blur()) */
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
    font-family: Arial, Microsoft Yahei;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

button,
input[type=submit],
input[type=text],
input[type=button] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    /* blr: expression(this.onFocus=this.blur()) */
}

input {
    outline: 0;
}

input::-webkit-input-safebox-button {
    display: none;
    /*去掉搜狗浏览器密码软盘*/
}

body {
    font-size: 14px;
    color: #000;
    font-family: Arial, Microsoft Yahei;
}

body * {
    box-sizing: border-box;
}

#web-ietip {
    width: 526px;
    height: 90px;
    padding: 83px 0 0 84px;
    overflow: hidden;
    background: url(../css/ietip/browser.png) no-repeat center center;
    margin: 200px auto 0;
}

#web-ietip a {
    display: block;
    width: 65px;
    height: 80px;
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.ellipsis {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

img {
    opacity: 1;
}

img.op {
    opacity: 1;
    transition: opacity .01s;
}

@media(max-width: 1200px) {
    img {
        image-rendering: auto;
    }
}

.fancybox-container img {
    opacity: 1;
}



html {
    font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 900px) {
    html {
        font-size: calc(900px / 1920 * 100);
    }
}

body {
    font-size: calc(16 * 100px / 100);
}

@media(max-width: 1584px) {
    body {
        font-size: 13.2px;
    }
}

.s12 {
    font-size: calc(12 * 100px / 100);
}

@media(max-width: 1920px) {
    .s12 {
        font-size: 12px;
    }
}

.s13 {
    font-size: calc(13 * 100px / 100);
}

@media(max-width: 1816px) {
    .s13 {
        font-size: 12.3px;
    }
}

.s14 {
    font-size: calc(14 * 100px / 100);
}

@media(max-width: 1728px) {
    .s14 {
        font-size: 12.6px;
    }
}

.s15 {
    font-size: calc(15 * 100px / 100);
}

@media(max-width: 1651px) {
    .s15 {
        font-size: 12.9px;
    }
}

.s16 {
    font-size: calc(16 * 100px / 100);
}

@media(max-width: 1584px) {
    .s16 {
        font-size: 13.2px;
    }
}

.s17 {
    font-size: calc(17 * 100px / 100);
}

@media(max-width: 1524px) {
    .s17 {
        font-size: 13.5px;
    }
}

.s18 {
    font-size: calc(18 * 100px / 100);
}

@media(max-width: 1472px) {
    .s18 {
        font-size: 13.8px;
    }
}

.s19 {
    font-size: calc(19 * 100px / 100);
}

@media(max-width: 1424px) {
    .s19 {
        font-size: 14.1px;
    }
}

.s20 {
    font-size: calc(20 * 100px / 100);
}

@media(max-width: 1382px) {
    .s20 {
        font-size: 14.4px;
    }
}

.s21 {
    font-size: calc(21 * 100px / 100);
}

@media(max-width: 1344px) {
    .s21 {
        font-size: 14.7px;
    }
}

.s22 {
    font-size: calc(22 * 100px / 100);
}

@media(max-width: 1309px) {
    .s22 {
        font-size: 15px;
    }
}

.s23 {
    font-size: calc(23 * 100px / 100);
}

@media(max-width: 1277px) {
    .s23 {
        font-size: 15.3px;
    }
}

.s24 {
    font-size: calc(24 * 1rem / 100);
}

@media(max-width: 1248px) {
    .s24 {
        font-size: 15.6px;
    }
}

.s25 {
    font-size: calc(25 * 100px / 100);
}

@media(max-width: 1221px) {
    .s25 {
        font-size: 15.9px;
    }
}

.s26 {
    font-size: calc(26 * 100px / 100);
}

@media(max-width: 1196px) {
    .s26 {
        font-size: 16.2px;
    }
}

.s27 {
    font-size: calc(27 * 100px / 100);
}

@media(max-width: 1173px) {
    .s27 {
        font-size: 16.5px;
    }
}

.s28 {
    font-size: calc(28 * 100px / 100);
}

@media(max-width: 1152px) {
    .s28 {
        font-size: 16.8px;
    }
}

.s29 {
    font-size: calc(29 * 100px / 100);
}

@media(max-width: 1132px) {
    .s29 {
        font-size: 17.1px;
    }
}

.s30 {
    font-size: calc(30 * 1rem / 100);
}

@media(max-width: 1113px) {
    .s30 {
        font-size: 17.4px;
    }
}

.s31 {
    font-size: calc(31 * 100px / 100);
}

@media(max-width: 1096px) {
    .s31 {
        font-size: 17.7px;
    }
}

.s32 {
    font-size: calc(32 * 100px / 100);
}

@media(max-width: 1080px) {
    .s32 {
        font-size: 18px;
    }
}

.s33 {
    font-size: calc(33 * 100px / 100);
}

@media(max-width: 1064px) {
    .s33 {
        font-size: 18.3px;
    }
}

.s34 {
    font-size: calc(34 * 100px / 100);
}

@media(max-width: 1050px) {
    .s34 {
        font-size: 18.6px;
    }
}

.s35 {
    font-size: calc(35 * 100px / 100);
}

@media(max-width: 1036px) {
    .s35 {
        font-size: 18.9px;
    }
}

.s36 {
    font-size: calc(36 * 100px / 100);
}

@media(max-width: 1024px) {
    .s36 {
        font-size: 19.2px;
    }
}

.s37 {
    font-size: calc(37 * 100px / 100);
}

@media(max-width: 1011px) {
    .s37 {
        font-size: 19.5px;
    }
}

.s38 {
    font-size: calc(38 * 100px / 100);
}

@media(max-width: 1000px) {
    .s38 {
        font-size: 19.8px;
    }
}

.s39 {
    font-size: calc(39 * 100px / 100);
}

@media(max-width: 989px) {
    .s39 {
        font-size: 20.1px;
    }
}

.s40 {
    font-size: calc(40 * 100px / 100);
}

@media(max-width: 979px) {
    .s40 {
        font-size: 20.4px;
    }
}

.s41 {
    font-size: calc(41 * 100px / 100);
}

@media(max-width: 969px) {
    .s41 {
        font-size: 20.7px;
    }
}

.s42 {
    font-size: calc(42 * 100px / 100);
}

@media(max-width: 960px) {
    .s42 {
        font-size: 21px;
    }
}

.s43 {
    font-size: calc(43 * 100px / 100);
}

@media(max-width: 951px) {
    .s43 {
        font-size: 21.3px;
    }
}

.s44 {
    font-size: calc(44 * 100px / 100);
}

@media(max-width: 942px) {
    .s44 {
        font-size: 21.6px;
    }
}

.s45 {
    font-size: calc(45 * 100px / 100);
}

@media(max-width: 934px) {
    .s45 {
        font-size: 21.9px;
    }
}

.s46 {
    font-size: calc(46 * 100px / 100);
}

@media(max-width: 926px) {
    .s46 {
        font-size: 22.2px;
    }
}

.s47 {
    font-size: calc(47 * 100px / 100);
}

@media(max-width: 919px) {
    .s47 {
        font-size: 22.5px;
    }
}

.s48 {
    font-size: calc(48 * 100px / 100);
}

@media(max-width: 912px) {
    .s48 {
        font-size: 22.8px;
    }
}

.s49 {
    font-size: calc(49 * 100px / 100);
}

@media(max-width: 905px) {
    .s49 {
        font-size: 23.1px;
    }
}

.s50 {
    font-size: calc(50 * 100px / 100);
}

@media(max-width: 898px) {
    .s50 {
        font-size: 23.4px;
    }
}

.s51 {
    font-size: calc(51 * 100px / 100);
}

@media(max-width: 892px) {
    .s51 {
        font-size: 23.7px;
    }
}

.s52 {
    font-size: calc(52 * 100px / 100);
}

@media(max-width: 886px) {
    .s52 {
        font-size: 24px;
    }
}

.s53 {
    font-size: calc(53 * 100px / 100);
}

@media(max-width: 880px) {
    .s53 {
        font-size: 24.3px;
    }
}

.s54 {
    font-size: calc(54 * 100px / 100);
}

@media(max-width: 874px) {
    .s54 {
        font-size: 24.6px;
    }
}

.s55 {
    font-size: calc(55 * 100px / 100);
}

@media(max-width: 869px) {
    .s55 {
        font-size: 24.9px;
    }
}

.s56 {
    font-size: calc(56 * 100px / 100);
}

@media(max-width: 864px) {
    .s56 {
        font-size: 25.2px;
    }
}

.s57 {
    font-size: calc(57 * 100px / 100);
}

@media(max-width: 858px) {
    .s57 {
        font-size: 25.5px;
    }
}

.s58 {
    font-size: calc(58 * 100px / 100);
}

@media(max-width: 854px) {
    .s58 {
        font-size: 25.8px;
    }
}

.s59 {
    font-size: calc(59 * 100px / 100);
}

@media(max-width: 849px) {
    .s59 {
        font-size: 26.1px;
    }
}

.s60 {
    font-size: calc(60 * 100px / 100);
}

@media(max-width: 844px) {
    .s60 {
        font-size: 26.4px;
    }
}

.s61 {
    font-size: calc(61 * 100px / 100);
}

@media(max-width: 840px) {
    .s61 {
        font-size: 26.7px;
    }
}

.s62 {
    font-size: calc(62 * 100px / 100);
}

@media(max-width: 836px) {
    .s62 {
        font-size: 27px;
    }
}

.s63 {
    font-size: calc(63 * 100px / 100);
}

@media(max-width: 832px) {
    .s63 {
        font-size: 27.3px;
    }
}

.s64 {
    font-size: calc(64 * 100px / 100);
}

@media(max-width: 828px) {
    .s64 {
        font-size: 27.6px;
    }
}

.s65 {
    font-size: calc(65 * 100px / 100);
}

@media(max-width: 824px) {
    .s65 {
        font-size: 27.9px;
    }
}

.s66 {
    font-size: calc(66 * 100px / 100);
}

@media(max-width: 820px) {
    .s66 {
        font-size: 28.2px;
    }
}

.s67 {
    font-size: calc(67 * 100px / 100);
}

@media(max-width: 816px) {
    .s67 {
        font-size: 28.5px;
    }
}

.s68 {
    font-size: calc(68 * 100px / 100);
}

@media(max-width: 813px) {
    .s68 {
        font-size: 28.8px;
    }
}

.s69 {
    font-size: calc(69 * 100px / 100);
}

@media(max-width: 809px) {
    .s69 {
        font-size: 29.1px;
    }
}

.s70 {
    font-size: calc(70 * 100px / 100);
}

@media(max-width: 806px) {
    .s70 {
        font-size: 29.4px;
    }
}

.s71 {
    font-size: calc(71 * 100px / 100);
}

@media(max-width: 803px) {
    .s71 {
        font-size: 29.7px;
    }
}

.s72 {
    font-size: calc(72 * 100px / 100);
}

@media(max-width: 800px) {
    .s72 {
        font-size: 30px;
    }
}

.s73 {
    font-size: calc(73 * 100px / 100);
}

@media(max-width: 796px) {
    .s73 {
        font-size: 30.3px;
    }
}

.s74 {
    font-size: calc(74 * 100px / 100);
}

@media(max-width: 793px) {
    .s74 {
        font-size: 30.6px;
    }
}

.s75 {
    font-size: calc(75 * 100px / 100);
}

@media(max-width: 791px) {
    .s75 {
        font-size: 30.9px;
    }
}

.s76 {
    font-size: calc(76 * 100px / 100);
}

@media(max-width: 788px) {
    .s76 {
        font-size: 31.2px;
    }
}

.s77 {
    font-size: calc(77 * 100px / 100);
}

@media(max-width: 785px) {
    .s77 {
        font-size: 31.5px;
    }
}

.s78 {
    font-size: calc(78 * 100px / 100);
}

@media(max-width: 782px) {
    .s78 {
        font-size: 31.8px;
    }
}

.s79 {
    font-size: calc(79 * 100px / 100);
}

@media(max-width: 780px) {
    .s79 {
        font-size: 32.1px;
    }
}

.s80 {
    font-size: calc(80 * 100px / 100);
}

@media(max-width: 777px) {
    .s80 {
        font-size: 32.4px;
    }
}



@media(max-width: 750px) {
    html {
        font-size: calc(100vw / 750 * 100);
    }
}

@media(max-width: 750px) {
    .s12 {
        font-size: 22px;
    }

    .s13 {
        font-size: 23px;
    }

    .s14 {
        font-size: 24px;
    }

    .s15 {
        font-size: 25px;
    }

    .s16 {
        font-size: 26px;
    }

    .s17 {
        font-size: 27px;
    }

    .s18 {
        font-size: 28px;
    }

    .s19 {
        font-size: 29px;
    }

    .s20 {
        font-size: 30px;
    }

    .s21 {
        font-size: 31px;
    }

    .s22 {
        font-size: 32px;
    }

    .s23 {
        font-size: 33px;
    }

    .s24 {
        font-size: 34px;
    }

    .s25 {
        font-size: 35px;
    }

    .s26 {
        font-size: 36px;
    }

    .s27 {
        font-size: 37px;
    }

    .s28 {
        font-size: 38px;
    }

    .s29 {
        font-size: 38px;
    }

    .s30 {
        font-size: 38px;
    }

    .s31 {
        font-size: 38px;
    }

    .s32 {
        font-size: 38px;
    }

    .s33 {
        font-size: 38px;
    }

    .s34 {
        font-size: 38px;
    }

    .s35 {
        font-size: 38px;
    }

    .s36 {
        font-size: 38px;
    }

    .s37 {
        font-size: 38px;
    }

    .s38 {
        font-size: 38px;
    }

    .s39 {
        font-size: 38px;
    }

    .s40 {
        font-size: 38px;
    }

    .s41 {
        font-size: 38px;
    }

    .s42 {
        font-size: 38px;
    }

    .s43 {
        font-size: 38px;
    }

    .s44 {
        font-size: 38px;
    }

    .s45 {
        font-size: 38px;
    }

    .s46 {
        font-size: 38px;
    }

    .s47 {
        font-size: 38px;
    }

    .s48 {
        font-size: 38px;
    }

    .s49 {
        font-size: 38px;
    }

    .s50 {
        font-size: 38px;
    }

    .s51 {
        font-size: 38px;
    }

    .s52 {
        font-size: 38px;
    }

    .s53 {
        font-size: 38px;
    }

    .s54 {
        font-size: 38px;
    }

    .s55 {
        font-size: 38px;
    }

    .s56 {
        font-size: 38px;
    }

    .s57 {
        font-size: 38px;
    }

    .s58 {
        font-size: 38px;
    }

    .s59 {
        font-size: 38px;
    }

    .s60 {
        font-size: 38px;
    }

    .s61 {
        font-size: 38px;
    }

    .s62 {
        font-size: 38px;
    }

    .s63 {
        font-size: 38px;
    }

    .s64 {
        font-size: 38px;
    }

    .s65 {
        font-size: 38px;
    }

    .s66 {
        font-size: 38px;
    }

    .s67 {
        font-size: 38px;
    }

    .s68 {
        font-size: 38px;
    }

    .s69 {
        font-size: 38px;
    }

    .s70 {
        font-size: 38px;
    }

    .s71 {
        font-size: 38px;
    }

    .s72 {
        font-size: 38px;
    }

    .s73 {
        font-size: 38px;
    }

    .s74 {
        font-size: 38px;
    }

    .s75 {
        font-size: 38px;
    }

    .s76 {
        font-size: 38px;
    }

    .s77 {
        font-size: 38px;
    }

    .s78 {
        font-size: 38px;
    }

    .s79 {
        font-size: 38px;
    }

    .s80 {
        font-size: 38px;
    }
}

div.mCSB_scrollTools {
    width: 3px;
}

div.mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background-color: #f0f0f0;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    background-color: #0094d6;
    border-radius: 2px;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #0094d6;
    filter: none;
    -ms-filter: none;
}

div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #0094d6;
    filter: none;
    -ms-filter: none;
}

div.mCSB_inside>.mCSB_container {
    margin-right: 0;
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    color: #999999;
}

form input:-moz-placeholder,
form textarea:-moz-placeholder {
    color: #999999;
}

form input::-moz-placeholder,
form textarea::-moz-placeholder {
    color: #999999;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    color: #999999;
}

/* 动画 */

.drop {
    opacity: 0;
    transform: translate3d(0, -80px, 0);
}

.drop.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.teaser {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.lter {
    opacity: 0;
    transform: translate3d(-80px, 0, 0);
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.rter {
    opacity: 0;
    transform: translate3d(80px, 0, 0);
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.scale {
    opacity: 0;
    transform: scale(1.1);
}

.scale.is-visible {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s cubic-bezier(.25, .1, .25, 1);
    transform-origin: center bottom;
}

.reduce {
    opacity: 0;
    transform: scale(.9);
}

.reduce.is-visible {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s cubic-bezier(.25, .1, .25, 1);
    transform-origin: center bottom;
}


@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translate(2em, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.word-in {
    opacity: 0;
}

.word-in.is-visible {
    opacity: 1;
}

.word-in>span {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}

.word-in.is-visible>span {
    animation-name: fadeInRightSmall;
}


.header {
    position: relative;
    left: 0;
    top: 0;
    z-index: 288;
    width: 100%;
    background-color: #fff;
}

.h-top {
    width: 100%;
    padding: 0 30px;
}

.h-cont {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.h-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.h-left {
    float: left;
    font-size: 0;
}

.h-logo {
    font-size: 0;
    display: block;
}

.h-link {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 130px;
    line-height: 130px;
}

.h-link img {
    height: 67px;
    max-width: none;
}

.h-link:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px;
    width: 1px;
    height: 57px;
    background-color: #e5e5e5;
}

.h-link:last-child:after {
    display: none;
}

.h-right {
    float: right;
    font-size: 0;
}

.h-phone {
    display: block;
    cursor: pointer;
}

.h-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background-color: #cf1334;
}

.h-icon img {
    width: 18px;
}

.h-text {
    display: inline-block;
    vertical-align: middle;
    height: 130px;
    line-height: 130px;
    color: #cf1334;
    font-weight: bold;
}

.h-bottom {
    width: 100%;
    padding: 0 30px;
    background-color: #cf1334;
}

.h-main {
    width: 100%;
    background-color: #cf1334;
}

.h-h {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.h-i {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.h-j {
    display: inline-block;
    position: relative;
    color: #fff;
    height: 80px;
    line-height: 80px;
}

.h-j:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    transition: all ease .5s;
    height: 6px;
    background-color: #ffb400;
}

.h-sub {
    display: none;
    min-width: 150px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translate(-50%, 0);
    z-index: 1000;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.h-sub>li>a {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 10px 8px;
    white-space: nowrap;
    line-height: 1.5;
    text-align: center;
    color: #666;
    transition: background-color .3s;
}

.h-sub>li>a:hover {
    color: #fff;
    background-color: #cf1334;
}

.h-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 100px;
    height: 130px;
    background-image: url(' a-menu.png');
    background-size: 50% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.h-opa {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    cursor: pointer;
}

@media(min-width: 1200px) {
    .h-i:hover .h-j:before {
        width: 100%;
    }

    .h-i.active .h-j:before {
        width: 100%;
    }

    .h-bottom.fixed .h-main {
        position: fixed;
        top: 0;
        left: 0;
    }
}

@media(max-width: 1200px) {
    body {
        padding-top: 130px;
    }

    .header {
        position: fixed;
    }

    .h-cont {
        max-width: 100%;
    }

    .h-bottom {
        margin-left: 0;
        width: 260px;
        position: fixed;
        text-align: left;
        right: 0;
        top: 0;
        height: 100vh !important;
        background-color: #fff;
        margin-right: 0;
        padding: 10px 0;
        overflow: auto;
        z-index: 1000;
        transform: translate(100%, 0);
        transition: transform .3s;
    }

    .h-main {
        max-width: 100%;
        background-color: #fff;
    }

    .h-h {
        width: 100%;
        display: block;
    }

    .h-i {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    .h-j {
        padding: 0;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
        color: #666;
        font-size: 16px;
    }

    .h-i.has-nav:after {
        content: "";
        background-image: url(' a-right.png');
        background-size: 16px auto;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #333;
    }

    .h-i.has-nav.show:after {
        background-size: 18px auto;
        background-image: url(' a-down.png');
    }

    .h-sub {
        position: relative;
        top: 0;
        background-color: #fff;
        box-shadow: none;
        left: 0;
        transform: translate(0, 0);
        width: 100% !important;
    }

    .h-sub>li>a {
        white-space: normal;
        text-align: left;
        padding-left: 40px;
        color: #666;
        font-size: 14px;
    }

    .h-i.active .h-j {
        color: #cf1334;
    }

    .h-right {
        padding-right: 80px;
    }

    /* 菜单 */
    .h-menu {
        display: block;
    }

    .header.menu-state .h-bottom {
        transform: translate(0, 0);
    }

    .header.menu-state .h-opa {
        display: block;
    }
}

@media(max-width: 750px) {
    .h-text {
        display: none;
    }

    .h-phone {
        margin-top: 45px;
    }

    .h-link:after {
        margin: 0 10px;
    }
}


.footer {
    width: 100%;
    background-color: #222222;
}

.f-top {
    width: 100%;
    padding: 45px 30px;
    background-image: url(' b2.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.ft-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ft-lt {
    flex: 1;
    padding-right: .3rem;
}

.ft-titles {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.25;
}

.ft-en {
    width: 100%;
    margin-top: .3rem;
    color: #ffffff;
    line-height: 1.41;
}

.ft-rt {
    font-size: 0;
}

.ft-box {
    display: inline-block;
    font-size: 0;
    padding: .08rem;
    background-color: #ffffff;
    border-radius: .1rem;
}

.ft-text {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 .18rem .2rem .1rem;
    text-align: center;
}

.ft-text:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .12rem;
    background-image: url(' a5.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.ft-name {
    width: 100%;
    color: #cf1334;
    font-weight: bold;
    line-height: 1.33;
}

.ft-intro {
    width: 100%;
    color: #cf1334;
    line-height: 1.41;
}

.ft-code {
    display: inline-block;
    vertical-align: middle;
    width: 1.34rem;
    min-width: 100px;
}

.ft-code img {
    width: 100%;
}

.f-bottom {
    width: 100%;
    padding: 0 .3rem;
    overflow: hidden;
}

.f-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.f-b {
    width: 100%;
    position: relative;
    display: flex;
    padding: .25rem 0;
}

.f-b:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 1px;
    background-color: #333333;
}

.f-b:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 1px;
    background-color: #181818;
}

.f-tip {
    padding: .1rem .2rem .1rem 0;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.41;
}

.f-linkbox {
    flex: 1;
    font-size: 0;
}

.f-link {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: .25rem;
    color: rgba(255, 255, 255, .6);
    padding: .1rem 0;
    line-height: 1.41;
}

.f-link:hover {
    color: #fff;
}

.f-cont {
    width: 100%;
    padding: .4rem 0 .55rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.f-left {
    max-width: 4.5rem;
}

.f-logo {
    display: inline-block;
    cursor: pointer;
    margin-bottom: .5rem;
    width: 2.75rem;
}

.f-logo img {
    width: 100%;
}

.f-hot {
    width: 100%;
    margin-bottom: .15rem;
    line-height: 1;
    color: rgba(255, 255, 255, .6);
}

.f-phone {
    display: inline-block;
    margin-bottom: .3rem;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.27;
}

.f-textbox {
    width: 100%;
    color: rgba(255, 255, 255, .6);
    line-height: 1.6;
}

.f-textbox * {
    line-height: inherit;
}

.f-center {
    width: 5.95rem;
    display: flex;
    justify-content: space-between;
    padding-top: .12rem;
}

.f-item {
    display: block;
    padding: 0 .1rem;
}

.f-one {
    display: block;
    margin-bottom: .22rem;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
}

.f-twobox {
    display: inline-block;
}

.f-two {
    display: block;
    cursor: pointer;
    margin-bottom: .18rem;
    color: rgba(255, 255, 255, .6);
    line-height: 1.5;
}

.f-two:hover {
    color: #fff;
}

.f-right {
    font-size: 0;
    text-align: center;
}

.f-hint {
    width: 100%;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
    margin-bottom: .32rem;
}

.f-code {
    display: inline-block;
    width: 1.5rem;
    min-width: 100px;
    background-color: #ffffff;
    border-radius: .1rem;
    overflow: hidden;
}

.f-code img {
    width: 100%;
}

.f-tr {
    width: 100%;
    text-align: center;
    padding: .25rem 0;
}

.f-td {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .05rem;
    color: rgba(255, 255, 255, .6);
    line-height: 1.41;
}

.f-tr a {
    cursor: pointer;
}

.f-tr a:hover {
    color: #fff;
}

@media(max-width: 750px) {
    .ft-lt {
        width: 100%;
        flex: none;
        text-align: center;
        margin-bottom: .2rem;
    }

    .ft-rt {
        width: 100%;
        text-align: center;
    }

    .f-left {
        width: 100%;
        max-width: 100%;
        margin-bottom: .3rem;
    }

    .f-center {
        display: none;
        width: 100%;
        margin-bottom: .3rem;
        flex-wrap: wrap;
    }

    .f-item {
        padding: 0;
        width: 100%;
        margin-bottom: .15rem;
    }

    .f-twobox {
        width: 100%;
    }

    .f-two {
        display: inline-block;
        vertical-align: middle;
        margin-right: .2rem;
    }

    .f-right {
        width: 100%;
        text-align: left;
    }
}


.a-a {
    width: 100%;
    position: relative;
}

.a-main {
    width: 100%;
    position: relative;
}

.a-b {
    width: 100%;
}

.a-item {
    display: block;
    width: 100%;
}

.a-link {
    display: block;
    cursor: pointer;
    width: 100%;
}

.a-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(720/1920*100%);
}

.a-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.a-text {
    position: absolute;
    top: 2.35rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 15.2rem;
}

.a-box {
    display: inline-block;
    max-width: 100%;
    text-align: center;
}

.a-titles {
    width: 100%;
    line-height: 1.13;
    letter-spacing: .2rem;
    font-weight: bold;
    color: #fff;
}

.a-en {
    width: 100%;
    line-height: 1.27;
    word-spacing: .2rem;
    font-weight: bold;
    color: #fff;
}

.a-pagination {
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
}

.a-pagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .1rem;
    opacity: 1;
    width: .12rem;
    height: .12rem;
    background-color: transparent;
    border: solid 1px #ffffff;
}

.a-pagination .swiper-pagination-bullet-active {
    background-color: #cf1334;
    border: solid 1px #cf1334;
}

.a-bottom {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translate(0, -50%);
    margin-top: -.6rem;
    z-index: 38;
    text-align: center;
    width: 4.2rem;
    padding: .45rem .4rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .3rem 0px rgba(207, 19, 52, 0.06);
    border-radius: .1rem;
}

.a-form {
    width: 100%;
}

.a-subtitle {
    width: 100%;
    margin-bottom: .08rem;
    padding-left: .1rem;
    letter-spacing: .1rem;
    line-height: 1.19;
    color: #cf1334;
    font-weight: bold;
}

.a-name {
    width: 100%;
    margin-bottom: .4rem;
    letter-spacing: .12rem;
    padding-left: .12rem;
    color: #cf1334;
    line-height: 1.3;
}

.a-input {
    width: 100%;
    margin-bottom: .2rem;
    border: none;
    text-align: center;
    color: #333;
    height: .7rem;
    background-color: #f7f7f7;
    border-radius: .35rem;
}

.a-submit {
    display: block;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: center;
    height: .7rem;
    line-height: .7rem;
    background-color: #cf1334;
    color: #ffffff;
    font-weight: bold;
    border-radius: .35rem;
}

.a-tip {
    width: 100%;
    color: #666666;
    line-height: 1.4;
    padding-top: .35rem;
}

@media(max-width: 900px) {
    .a-bottom {
        padding: .25rem .2rem;
    }
}

@media(max-width: 750px) {
    .a-pagination {
        bottom: .5rem;
    }

    .a-text {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 .3rem;
    }

    .a-bottom {
        position: relative;
        left: 0;
        transform: translate(0, 0);
        width: calc(100% - .6rem);
        margin: 0 auto;
        margin-top: -.3rem;
    }
}

.b-a {
    width: 100%;
    padding: 0 .3rem;
}

.b-main {
    width: 100%;
    max-width: 15.2rem;
    margin: -1.2rem auto 0;
    position: relative;
    z-index: 88;
}

.b-cont {
    width: 100%;
    font-size: 0;
    padding: .25rem 0;
    background-color: #ffffff;
    box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.06);
    border-radius: .1rem;
}

.b-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 33.33%;
    text-align: center;
    padding: .2rem .15rem;
}

.b-icon {
    position: relative;
    top: 0;
    transition: all ease .5s;
    display: inline-block;
    width: .85rem;
    height: .76rem;
    line-height: .76rem;
}

.b-icon img {
    max-width: 100%;
    max-height: 100%;
}

.b-text {
    width: 100%;
    padding-top: .35rem;
}

.b-name {
    width: 100%;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
}

.b-intro {
    width: 100%;
    color: #666666;
    line-height: 1.4;
    padding-top: .1rem;
}

.b-item:hover .b-icon {
    top: -.1rem;
}

.b-item:hover .b-name {
    color: #cf1334;
}

@media(max-width: 750px) {
    .b-a {
        padding-top: .5rem;
    }

    .b-main {
        margin-top: 0;
    }

    .b-name {
        font-size: .32rem;
        min-height: 2.6em;
    }

    .b-intro {
        font-size: .28rem;
    }
}

.my-top {
    width: 100%;
    text-align: center;
    padding-bottom: .45rem;
}

.my-titles {
    width: 100%;
    color: #cf1334;
    font-weight: bold;
    line-height: 1.25;
}

.my-titles:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .3rem;
    width: .59rem;
    height: .21rem;
    background-image: url(/statics/demo/wb/image/a9.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.my-titles:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .59rem;
    height: .21rem;
    background-image: url(/statics/demo/wb/image/a9.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.my-titles img {
    height: 1.25em;
    max-width: none;
    vertical-align: top;
}

.my-intro {
    width: 100%;
    color: #666666;
    line-height: 1.3;
    margin-top: .15rem;
}

.my-buttom {
    width: 100%;
    text-align: center;
    padding-top: .5rem;
}

.my-more {
    display: inline-block;
    cursor: pointer;
    padding: 0 .48rem;
    color: #cf1334;
    font-weight: bold;
    line-height: .7rem;
    border-radius: .35rem;
    border: solid 1px #cf1334;
}

.my-more:hover {
    color: #fff;
    background-color: #cf1334;
}

@media(max-width: 750px) {
    .my-intro {
        font-size: .3rem;
    }
}

.c-a {
    width: 100%;
    padding: .82rem .3rem .75rem;
}

.c-main {
    width: 100%;
    max-width: 15.45rem;
    margin: 0 auto;
}

.c-cont {
    width: 100%;
    font-size: 0;
}

.c-item {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 33.33%;
    padding: 0 .125rem;
    margin-bottom: .25rem;
}

.c-link {
    display: block;
    width: 100%;
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}

.c-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(294/490*100%);
}

.c-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.c-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url('a10.png');
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.c-img:after {
    transition: all ease .5s;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #cf1334;
}

.c-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    text-align: center;
    padding: .25rem .1rem;
}

.c-text .c-name {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.c-sub {
    transition: all ease .5s;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    max-height: 100%;
    overflow: auto;
    text-align: center;
    padding: 0 .4rem;
    width: 100%;
}

.c-sub .c-name {
    width: 100%;
    margin-bottom: .1rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.27;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.c-sub .c-intro {
    width: 100%;
    margin-bottom: .35rem;
    color: #ffffff;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.c-arrows {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url(/statics/demo/wb/image/a11.png);
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}


.c-specialbox {
    display: inline-block;
    vertical-align: top;
    width: 66.66%;
    padding: 0 .125rem;
    margin-bottom: .25rem;
}

.c-special {
    width: 100%;
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}

.c-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-box {
    width: 100%;
    position: relative;
    z-index: 18;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .15rem .6rem .15rem 0;
    min-height: 2.95rem;
}

.c-left {
    flex: 1;
    text-align: center;
    padding: 0 .15rem;
}

.c-titles {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.27;
}

.c-synopsis {
    width: 100%;
    color: #ffffff;
    line-height: 1.37;
    margin-top: .02rem;
}

.c-right {
    font-size: 0;
}

.c-course {
    display: inline-block;
    font-size: 0;
    padding: .08rem;
    background-color: #ffffff;
    border-radius: .1rem;
}

.c-lt {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 .18rem .2rem .1rem;
    text-align: center;
}

.c-lt:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .12rem;
    background-image: url(' a5.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-get {
    width: 100%;
    color: #cf1334;
    font-weight: bold;
    line-height: 1.33;
}

.c-time {
    width: 100%;
    color: #cf1334;
    line-height: 1.41;
}

.c-rt {
    display: inline-block;
    vertical-align: middle;
    width: 1.34rem;
    min-width: 100px;
}

.c-rt img {
    width: 100%;
}

@media(min-width: 751px) {
    .c-item:hover .c-text {
        opacity: 0;
    }

    .c-item:hover .c-img:after {
        opacity: .9;
        z-index: 2;
        visibility: visible;
    }

    .c-item:hover .c-sub {
        opacity: 1;
        z-index: 8;
        visibility: visible;
    }
}

@media(max-width: 750px) {
    .c-item:nth-child(1) {
        width: 100%;
    }

    .c-item {
        width: 50%;
    }

    .c-specialbox {
        width: 100%;
    }

    .c-box {
        padding: .25rem .15rem;
    }

    .c-left {
        width: 100%;
        flex: none;
        margin-bottom: .2rem;
    }

    .c-right {
        width: 100%;
        text-align: center;
    }

    .c-text .c-name {
        font-weight: normal;
    }
}

.d-a {
    width: 100%;
    padding: .8rem .3rem;
    background-image: url(' b13.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.d-cont {
    width: 100%;
    position: relative;
}

.d-b {
    width: 100%;
}

.d-item {
    width: 32.23%;
    margin-right: 1.65%;
}

.d-item:last-child {
    margin-right: 0;
}

.d-link {
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #ffffff;
    border-radius: .1rem;
    overflow: hidden;
}

.d-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(294/490*100%);
}

.d-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.d-text {
    width: 100%;
    padding: .25rem .3rem .35rem;
}

.d-name {
    width: 100%;
    margin-bottom: .2rem;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
    height: 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.d-intro {
    width: 100%;
    margin-bottom: .75rem;
    color: #666666;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.d-lecturerbox {
    display: flex;
    align-items: center;
}

.d-icon {
    display: block;
    width: .4rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #cf1334;
}

.d-icon img {
    width: 100%;
    height: .4rem;
    object-fit: contain;
}

.d-lecturer {
    flex: 1;
    padding-left: .1rem;
    color: #666666;
    line-height: 1.4;
}


.d-item:hover .d-img img {
    transform: scale(1.05);
}

.d-item:hover .d-name {
    color: #cf1334;
}

.d-prev {
    left: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url('a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-prev:hover {
    background-color: #cf1334;
}

.d-next {
    transform: rotate(-180deg);
    right: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.d-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .d-prev {
        left: -.3rem;
    }

    .d-next {
        right: -.3rem;
    }
}

@media(max-width: 750px) {
    .d-item {
        width: 100%;
        margin-right: 0;
    }

    .d-text {
        padding: .25rem .15rem;
    }

    .d-cont {
        padding-bottom: 1rem;
    }

    .d-prev {
        top: auto;
        margin-top: 0;
        bottom: 0;
        left: calc(50% - .8rem);
    }

    .d-next {
        top: auto;
        margin-top: 0;
        bottom: 0;
        right: calc(50% - .8rem);
    }
}

.e-a {
    width: 100%;
    padding: .8rem .3rem 1rem;
}

.e-a .my-top {
    padding-bottom: .2rem;
}

.e-a .my-buttom {
    padding-top: .2rem;
}

.e-main {
    width: 100%;
    max-width: 15.45rem;
    margin: 0 auto;
}

.e-cont {
    width: 100%;
    position: relative;
}

.e-b {
    width: 100%;
    font-size: 0;
    padding: .15rem 0;
}

.e-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: .15rem .125rem;
}

.e-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: .3rem;
    min-height: 2.4rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .15rem 0px rgba(0, 0, 0, 0.06);
    border-radius: .1rem;
}

.e-lt {
    width: 1.4rem;
    position: relative;
}

.e-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(140/140*100%);
    border-radius: 50%;
}

.e-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.e-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.e-city {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
    max-height: 100%;
    overflow: auto;
    color: #ffffff;
    line-height: 1.3;
}

.e-rt {
    flex: 1;
    padding-left: .3rem;
}

.e-name {
    width: 100%;
    margin-bottom: .1rem;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.e-intro {
    width: 100%;
    margin-bottom: .4rem;
    color: #999999;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.e-time {
    width: 100%;
    color: #666666;
    line-height: 1.4;
}

.e-time:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: .91em;
    height: 1.4em;
    background-image: url(' a15.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.e-link:hover .e-img img {
    transform: scale(1.05);
}

.e-link:hover .e-name {
    color: #cf1334;
}

.e-prev {
    left: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url('a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.e-prev:hover {
    background-color: #cf1334;
}

.e-next {
    transform: rotate(-180deg);
    right: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url('a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.e-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .e-prev {
        left: -.3rem;
    }

    .e-next {
        right: -.3rem;
    }
}

@media(max-width: 750px) {
    .e-item {
        width: 100%;
    }

    .e-text {
        padding: .25rem .15rem;
    }

    .e-cont {
        padding-bottom: 1rem;
    }

    .e-prev {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        left: calc(50% - .8rem);
    }

    .e-next {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        right: calc(50% - .8rem);
    }
}

.g-a {
    width: 100%;
    padding: .8rem .3rem 1rem;
    background-image: url(' b24.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.g-a .my-titles {
    color: #ffffff;
}

.g-a .my-titles:before {
    background-image: url(' a9-b.png');
}

.g-a .my-titles:after {
    background-image: url(' a9-b.png');
}

.g-a .my-intro {
    color: #ffffff;
}

.g-a .my-buttom {
    padding-top: .25rem;
}

.g-a .my-more {
    color: #cf1334;
    background-color: #ffffff;
    border: 1px solid #fff;
}

.g-main {
    width: 100%;
    max-width: 15.45rem;
    margin: 0 auto;
}

.g-cont {
    width: 100%;
    position: relative;
}

.g-b .swiper-slide {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    padding-left: 50%;
    min-height: 9.05rem;
}

.g-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 .125rem;
    margin-bottom: .25rem;
}

.g-link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: .2rem .15rem;
    text-align: center;
    min-height: 4.4rem;
    background-color: #ffffff;
    border-radius: .1rem;
}

.g-img {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
}

.g-img img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(1.00);
    transition: all ease .5s;
}

.g-text {
    width: 100%;
    padding-top: .2rem;
}

.g-name {
    width: 100%;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.g-intro {
    width: 100%;
    color: #999999;
    line-height: 1.4;
    margin-top: .03rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.g-price {
    width: 100%;
    line-height: 1.27;
    font-weight: bold;
    color: #cf1334;
    margin-top: .25rem;
}

.g-link:hover .g-img img {
    transform: scale(1.05);
}

.g-link:hover .g-name {
    color: #cf1334;
}

.g-prev {
    left: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #cf1334;
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.g-prev:hover {
    background-color: #fff;
    background-image: url('a13-b.png');
}

.g-next {
    transform: rotate(-180deg);
    right: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #cf1334;
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.g-next:hover {
    background-color: #fff;
    background-image: url(' a13-b.png');
}

.g-item:nth-child(1) {
    width: 50%;
}

.g-item:nth-child(1) .g-link {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-bottom: .8rem;
}

.g-item:nth-child(1) .g-img {
    height: 5.15rem;
    line-height: 5.15rem;
}

.g-item:nth-child(1) .g-text {
    padding-top: 0;
    padding-bottom: .55rem;
}

.g-item:nth-child(1) .g-intro {
    margin-top: .1rem;
}

.g-item:nth-child(1) .g-name {
    font-size: calc(36 * 1rem / 100);
    line-height: 1.27;
}

@media(max-width: 1024px) {
    .g-item:nth-child(1) .g-name {
        font-size: 19.2px;
    }
}

.g-item:nth-child(1) .g-price {
    font-size: calc(48 * 1rem / 100);
    line-height: 1.2;
    margin-top: .4rem;
}

@media(max-width: 912px) {
    .g-item:nth-child(1) .g-price {
        font-size: 22.8px;
    }
}

@media(max-width: 900px) {
    .g-prev {
        left: -.3rem;
    }

    .g-next {
        right: -.3rem;
    }
}

@media(min-width: 751px) {
    .g-item:nth-child(1) {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
    }
}

@media(max-width: 750px) {
    .g-item:nth-child(1) .g-link {
        padding: .3rem .15rem;
    }

    .g-item:nth-child(1) .g-name {
        font-size: 0.38rem;
    }

    .g-item:nth-child(1) .g-intro {
        font-size: 0.38rem;
    }

    .g-b .swiper-slide {
        padding-left: 0;
    }

    .g-item:nth-child(1) {
        width: 100%;
    }

    .g-cont {
        padding-bottom: 1rem;
    }

    .g-prev {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        left: calc(50% - .8rem);
    }

    .g-next {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        right: calc(50% - .8rem);
    }
}

.i-a {
    width: 100%;
    padding: .8rem .1rem .7rem;
}

.i-main {
    width: 100%;
    max-width: 15.6rem;
    margin: 0 auto;
}

.i-cont {
    width: 100%;
    position: relative;
}

.i-b {
    width: 100%;
    font-size: 0;
    padding: .15rem 0;
}

.i-item {
    display: block;
    height: auto;
    width: 33.33%;
    padding: .3rem .2rem;
}

.i-link {
    display: block;
    cursor: pointer;
    position: relative;
    padding: .5rem .35rem .4rem;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px .15rem 0px rgba(0, 0, 0, 0.06);
    border-radius: .1rem;
}

.i-profile {
    position: absolute;
    top: -.3rem;
    left: .3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    overflow: hidden;
}

.i-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.i-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: .1rem;
}

.i-name {
    margin-bottom: .15rem;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
}

.i-step {
    margin-bottom: .15rem;
    color: #666666;
    line-height: 1.4;
}

.i-img {
    width: 100%;
    margin-bottom: .27rem;
    position: relative;
    overflow: hidden;
    padding-top: calc(168/280*100%);
}

.i-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.i-intro {
    width: 100%;
    color: #666666;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.i-link:hover {
    background-color: #cf1334;
}

.i-link:hover .i-name {
    color: #ffffff;
}

.i-link:hover .i-step {
    color: #ffffff;
}

.i-link:hover .i-intro {
    color: #ffffff;
}

.i-link:hover .i-img img {
    transform: scale(1.05);
}

.i-prev {
    left: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-prev:hover {
    background-color: #cf1334;
}

.i-next {
    transform: rotate(-180deg);
    right: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.i-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .i-prev {
        left: -.3rem;
    }

    .i-next {
        right: -.3rem;
    }
}

@media(max-width: 750px) {
    .i-item {
        width: 100%;
    }

    .i-text {
        padding: .25rem .15rem;
    }

    .i-cont {
        padding-bottom: .7rem;
    }

    .i-prev {
        top: auto;
        margin-top: 0;
        bottom: 0;
        left: calc(50% - .8rem);
    }

    .i-next {
        top: auto;
        margin-top: 0;
        bottom: 0;
        right: calc(50% - .8rem);
    }
}

.j-a {
    width: 100%;
    padding: .8rem .3rem 1rem;
    background-color: #fbf7f8;
    background-image: url(' a17-b.png');
    background-size: 31% auto;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.j-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.j-cont {
    width: 100%;
    position: relative;
}

.j-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.j-cont:before {
    content: '';
    position: absolute;
    top: -1.25rem;
    left: -1.45rem;
    display: block;
    width: 2rem;
    height: 2rem;
    background-image: url(' a17.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.j-left {
    float: left;
    width: 7.6rem;
    position: relative;
    z-index: 18;
}

.j-b {
    width: 100%;
}

.j-item {
    width: 100%;
}

.j-link {
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: .1rem;
    overflow: hidden;
}

.j-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(465/760*100%);
}

.j-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(' a16.png');
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.j-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.j-link .j-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    padding: .25rem .3rem;
}

.j-link .j-name {
    width: 100%;
    color: #ffffff;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.j-link:hover .j-img img {
    transform: scale(1.05);
}

.j-right {
    float: right;
    width: 7.1rem;
    padding-top: .15rem;
}

.j-nav {
    display: block;
    cursor: pointer;
    width: 100%;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid rgba(207, 19, 52, .15);
}

.j-nav:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.j-time {
    width: 100%;
    margin-bottom: .23rem;
    color: #666666;
    line-height: 1.45;
}

.j-time:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: 1em;
    height: 1.45em;
    background-image: url(' a15.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.j-nav .j-name {
    width: 100%;
    color: #222222;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.j-nav.active .j-name {
    color: #cf1334;
}

@media(max-width: 750px) {
    .j-left {
        width: 100%;
        margin-bottom: .2rem;
    }

    .j-right {
        width: 100%;
    }
}

.banner {
    width: 100%;
    position: relative;
}

.banner-main {
    width: 100%;
    position: relative;
}

.banner-img {
    width: 100%;
}

.banner-img img {
    width: 100%;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15.2rem;
}

.banner-titles {
    width: 100%;
    margin-bottom: .2rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.16;
}

.banner-intro {
    width: 100%;
    color: #ffffff;
    line-height: 1.3;
}

.banner-titles span {
    display: block;
    padding-bottom: .1rem;
    line-height: 1.2;
    font-size: .8em;
}

@media(min-width: 751px) {
    .banner .a-bottom {
        margin-top: 0;
    }
}

@media(max-width: 750px) {
    .banner-text {
        width: 100%;
        padding: 0 .3rem;
    }

    .banner-titles span {
        padding-bottom: 0;
    }

    .banner-intro {
        font-size: .3rem;
    }
}


.nav {
    width: 100%;
    padding: 0 .3rem;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
}

.nav-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.nav-cont {
    width: 100%;
}

.nav-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.nav-left {
    float: left;
    font-size: 0;
}

.nav-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 1rem;
    color: #666666;
}

.nav-item:after {
    content: '>';
    margin: 0 .1rem;
}

.nav-item:last-child:after {
    display: none;
}

.nav-item:nth-child(1):before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: 1.125em;
    height: 1.5em;
    background-image: url(' a18.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.nav-right {
    float: right;
    font-size: 0;
}

.nav-one {
    display: inline-block;
    vertical-align: middle;
    margin-right: .45rem;
    cursor: pointer;
    color: #666666;
    line-height: 1rem;
}

.nav-one:hover {
    color: #cf1334;
}

.nav-one.active {
    color: #cf1334;
}

.nav-one:last-child {
    margin-right: 0;
}

@media(max-width: 750px) {
    .nav-left {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
    }

    .nav-right {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        text-align: center;
    }
}

.paging {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.paging-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem;
    min-width: .6rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
    text-align: center;
    color: #666666;
    background-color: #fbf7f8;
}

.paging-item:hover {
    color: #ff453f;
}

.paging-item.active {
    color: #ff453f;
}

.paging-up {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem;
    min-width: .6rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
    text-align: center;
    color: transparent;
    background-color: #fbf7f8;
    background-image: url(' a13-c.png');
    background-size: .41em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.paging-up:hover {
    background-color: #cf1334 !important;
    background-image: url(' a13.png');
}

.paging-next {
    transform: rotate(-180deg);
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: .1rem;
    min-width: .6rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
    text-align: center;
    color: transparent;
    background-color: #fbf7f8;
    background-image: url(' a13-c.png');
    background-size: .41em auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.paging-next:hover {
    background-color: #cf1334 !important;
    background-image: url(' a13.png');
}

.u-a .paging-item {
    background-color: #ffffff;
}

.u-a .paging-next {
    background-color: #ffffff;
}

.u-a .paging-up {
    background-color: #ffffff;
}

.wi-a .paging-item {
    background-color: #ffffff;
}

.wi-a .paging-next {
    background-color: #ffffff;
}

.wi-a .paging-up {
    background-color: #ffffff;
}

@media(max-width: 750px) {
    .paging-item {
        min-width: .7rem;
        height: .7rem;
        line-height: .7rem;
        border-radius: .35rem;
    }

    .paging-up {
        min-width: .7rem;
        height: .7rem;
        line-height: .7rem;
        border-radius: .35rem;
    }

    .paging-next {
        min-width: .7rem;
        height: .7rem;
        line-height: .7rem;
        border-radius: .35rem;
    }
}

.k-a {
    width: 100%;
    padding: .1rem .3rem .9rem;
}

.k-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.k-cont {
    width: 100%;
    padding-bottom: .4rem;
}

.k-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    padding: .5rem 0;
    min-height: 4.1rem;
    border-bottom: 1px dashed #cccccc;
}

.k-lt {
    transition: all ease 1s;
    width: 4.8rem;
    margin-right: .5rem;
}

.k-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(288/480*100%);
    border-radius: .1rem;
}

.k-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.k-rt {
    flex: 1;
}

.k-time {
    width: 100%;
    margin-bottom: .1rem;
    color: #666666;
    line-height: 1.45;
}

.k-time:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: 1em;
    height: 1.45em;
    background-image: url(' a15.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-name {
    width: 100%;
    margin-bottom: .22rem;
    color: #222222;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.k-intro {
    width: 100%;
    margin-bottom: .42rem;
    color: #999999;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.k-more {
    width: 100%;
    color: #666666;
    line-height: 1.45;
}

.k-more:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: .4em;
    height: 1.45em;
    background-image: url(/statics/demo/wb/image/a11.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.k-item:hover .k-name {
    color: #cf1334;
}

.k-item:hover .k-more {
    color: #cf1334;
}

/* @media(min-width: 751px){
    .k-item:hover .k-lt{width: 4.8rem; margin-right: .5rem;}
} */
@media(max-width: 750px) {
    .k-lt {
        width: 100%;
        margin-bottom: .3rem;
    }
}

.l-a {
    width: 100%;
    padding: .73rem .3rem 1rem;
}

.l-main {
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
}

.l-top {
    width: 100%;
    text-align: center;
    padding-bottom: .3rem;
    margin-bottom: .4rem;
    border-bottom: 1px dashed #cccccc;
}

.l-titles {
    width: 100%;
    margin-bottom: .2rem;
    color: #222222;
    font-weight: normal;
    line-height: 1.2;
}

.l-tipbox {
    width: 100%;
    font-size: 0;
}

.l-tip {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .35rem;
    margin-bottom: .2rem;
    color: #666666;
    line-height: 1.4;
}

.l-textbox {
    width: 100%;
    color: #666666;
    line-height: 2;
    padding-bottom: .7rem;
    border-bottom: 1px dashed #cccccc;
}

.l-textbox * {
    line-height: inherit;
    max-width: 100%;
}

.l-textbox P {
    margin-bottom: 1em;
}

.l-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.l-left {
    flex: 1;
    margin-top: .3rem;
}

.l-link {
    width: 100%;
    color: #666666;
    line-height: 2;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.l-link:hover {
    color: #cf1334;
}

.l-right {
    font-size: 0;
    margin-top: .1rem;
}

.l-buttom {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: .2rem;
    margin-left: .2rem;
    min-width: 1.6rem;
    padding: 0 .2rem;
    text-align: center;
    border-radius: .35rem;
    border: solid 1px #dddddd;
}

.l-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
}

.l-icon1 {
    display: block;
    width: 1.125em;
}

.l-icon1 img {
    width: 100%;
}

.l-icon2 {
    display: none;
    width: 1.125em;
}

.l-icon2 img {
    width: 100%;
}

.l-text {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    line-height: .7rem;
}

.l-buttom:hover {
    background-color: #cf1334;
    border: solid 1px #cf1334;
}

.l-buttom:hover .l-icon1 {
    display: none;
}

.l-buttom:hover .l-icon2 {
    display: block;
}

.l-buttom:hover .l-text {
    color: #ffffff;
}

@media(max-width: 750px) {
    .l-tip {
        padding: 0 .15rem;
    }

    .l-left {
        flex: none;
        width: 100%;
    }

    .l-right {
        width: 100%;
        text-align: center;
    }

    .l-buttom {
        margin-right: .2rem;
        margin-left: 0;
    }

    .l-buttom:last-child {
        margin-right: 0;
    }
}

.m-a {
    width: 100%;
    padding: .75rem .3rem 1.05rem;
    background-color: #fbf7f8;
}

.m-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.m-titles {
    width: 100%;
    color: #cf1334;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .45rem;
}

.m-cont {
    width: 100%;
    position: relative;
}

.m-b {
    width: 100%;
}

.m-item {
    width: 32.23%;
    margin-right: 1.65%;
}

.m-item:last-child {
    margin-right: 0;
}

.m-link {
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #ffffff;
    border-radius: .1rem;
    overflow: hidden;
}

.m-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(294/490*100%);
}

.m-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.m-text {
    width: 100%;
    padding: .2rem .3rem .4rem;
}

.m-name {
    width: 100%;
    margin-bottom: .45rem;
    color: #222222;
    line-height: 1.6;
    height: 3.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.m-time {
    width: 100%;
    color: #666666;
    line-height: 1.4;
}

.m-time:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: .91em;
    height: 1.4em;
    background-image: url(' a15.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.m-link:hover .m-img img {
    transform: scale(1.05);
}

.m-link:hover .m-name {
    color: #cf1334;
}

.m-prev {
    left: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.m-prev:hover {
    background-color: #cf1334;
}

.m-next {
    transform: rotate(-180deg);
    right: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.m-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .m-prev {
        left: -.3rem;
    }

    .m-next {
        right: -.3rem;
    }
}

@media(max-width:750px) {
    .m-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .m-text {
        padding: .25rem .15rem;
    }

    .m-name {
        margin-bottom: .2rem;
    }

    .m-cont {
        padding-bottom: 1rem;
    }

    .m-prev {
        top: auto;
        margin-top: 0;
        bottom: 0;
        left: calc(50% - .8rem);
    }

    .m-next {
        top: auto;
        margin-top: 0;
        bottom: 0;
        right: calc(50% - .8rem);
    }
}

.n-a {
    width: 100%;
    padding: .4rem .3rem .3rem;
}

.n-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.n-navbox {
    width: 100%;
    font-size: 0;
    padding-bottom: .3rem;
}

.n-nav {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: .2rem;
    margin-right: .1rem;
    padding: 0 .35rem;
    line-height: .6rem;
    border-radius: .3rem;
    color: #666666;
}

.n-nav:last-child {
    margin-right: 0;
}

.n-nav:hover {
    background-color: #cf1334;
    color: #fff;
}

.n-nav.active {
    background-color: #cf1334;
    color: #fff;
}

.n-cont {
    width: 100%;
    font-size: 0;
    position: relative;
    margin-bottom: .45rem;
}

.n-item {
    display: block;
    cursor: pointer;
    width: 50%;
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}

.n-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 4.55rem;
}

.n-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.n-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(' a21.png');
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.n-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    padding: .15rem .2rem;
    overflow: auto;
}

.n-name {
    width: 100%;
    color: #ffffff;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.n-item:nth-child(1) .n-text {
    padding: .3rem .2rem;
}

.n-item:hover .n-img img {
    transform: scale(1.05);
}


@media(min-width: 751px) {
    .n-item:nth-child(2) {
        position: absolute;
        top: 0;
        right: 25%;
        width: 23.35%;
    }

    .n-item:nth-child(2) .n-img {
        height: 2.13rem;
    }

    .n-item:nth-child(3) {
        position: absolute;
        top: 0;
        right: 0;
        width: 23.35%;
    }

    .n-item:nth-child(3) .n-img {
        height: 2.13rem;
    }

    .n-item:nth-child(4) {
        position: absolute;
        bottom: 0;
        right: 25%;
        width: 23.35%;
    }

    .n-item:nth-child(4) .n-img {
        height: 2.13rem;
    }

    .n-item:nth-child(5) {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 23.35%;
    }

    .n-item:nth-child(5) .n-img {
        height: 2.13rem;
    }
}

@media(max-width:750px) {
    .n-navbox {
        white-space: nowrap;
        overflow: auto;
    }

    .n-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .n-item {
        width: calc(50% - .15rem);
        margin-bottom: .3rem;
    }

    .n-img {
        height: auto;
        padding-top: calc(213/355*100%);
    }

    .n-item:nth-child(1) {
        width: 100%;
    }

    .n-item:nth-child(1) .n-img {
        height: auto;
        padding-top: calc(456/760*100%);
    }
}

.na-two {
    width: 100%;
    font-size: 0;
}

.na-three {
    width: 100%;
    font-size: 0;
}

.na-itembox {
    display: inline-block;
    vertical-align: top;
    width: 47.36%;
    margin-bottom: .5rem;
}

.na-top {
    width: 100%;
    margin-bottom: .35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
}

.na-classify {
    position: relative;
    padding: .25rem 0;
    line-height: 1.27;
    color: #cf1334;
}

.na-classify:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #cf1334;
}

.na-more {
    display: block;
    cursor: pointer;
    color: #666666;
    line-height: 1.4;
}

.na-more:after {
    content: '>';
    margin-left: .05rem;
}

.na-more:hover {
    color: #cf1334;
}

.na-bottom {
    width: 100%;
}

.na-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin-bottom: .2rem;
}

.na-name {
    flex: 1;
    color: #222222;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.na-name:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: .14rem;
    height: .14rem;
    border-radius: 50%;
    background-color: #ffffff;
    border: solid .01rem #cccccc;
}

.na-time {
    color: #666666;
    line-height: 1.45;
    padding-left: .35rem;
}

.na-item:hover .na-name {
    color: #cf1334;
}

.na-item:hover .na-name:before {
    border: solid .01rem #cf1334;
}

@media(min-width:751px) {
    .na-two .na-itembox {
        margin-right: 2.64%;
    }

    .na-two .na-itembox:nth-child(2n) {
        margin-right: 0;
    }

    .na-three .na-itembox {
        width: 30.26%;
        margin-right: 4.6%;
    }

    .na-three .na-itembox:nth-child(3n) {
        margin-right: 0;
    }

    .na-three .na-time {
        display: none;
    }
}

@media(max-width:750px) {
    .na-itembox {
        width: 100%;
    }
}

.nb-main {
    width: 100%;
    padding-top: .1rem;
    padding-bottom: .75rem;
}

.nb-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .7rem .6rem;
    border-radius: .05rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.nb-left {
    flex: 1;
    padding-right: .3rem;
}

.nb-titles {
    width: 100%;
    margin-bottom: .15rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
}

.nb-intro {
    width: 100%;
    color: #ffffff;
    line-height: 1.37;
}

.nb-right {
    font-size: 0;
}

.nb-coursebox {
    display: inline-block;
    max-width: 100%;
}

.nb-course {
    display: inline-block;
    vertical-align: top;
    margin-right: .2rem;
    font-size: 0;
    padding: .08rem;
    background-color: #ffffff;
    border-radius: .1rem;
}

.nb-course:last-child {
    margin-right: 0;
}

.nb-lt {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 .18rem .2rem .1rem;
    text-align: center;
}

.nb-lt:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .12rem;
    background-image: url(' a5.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.nb-get {
    width: 100%;
    color: #cf1334;
    font-weight: bold;
    line-height: 1.33;
}

.nb-time {
    width: 100%;
    color: #cf1334;
    line-height: 1.41;
}

.nb-rt {
    display: inline-block;
    vertical-align: middle;
    width: 1.34rem;
    min-width: 100px;
}

.nb-rt img {
    width: 100%;
}

@media(max-width:750px) {
    .nb-cont {
        padding: .5rem .3rem;
    }

    .nb-left {
        flex: none;
        width: 100%;
        padding-right: 0;
    }

    .nb-right {
        width: 100%;
        text-align: center;
    }

    .nb-course {
        display: block;
        margin: .3rem 0;
    }
}

.o-a {
    width: 100%;
}

.o-a .my-top {
    padding-bottom: .35rem;
}

.o-one {
    width: 100%;
    padding: .8rem .3rem .85rem;
}

.o-main {
    width: 100%;
    max-width: 15.45rem;
    margin: 0 auto;
}

.o-cont {
    width: 100%;
    position: relative;
}

.o-b {
    width: 100%;
    font-size: 0;
}

.o-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: .15rem .125rem;
}

.o-link {
    display: block;
    cursor: pointer;
    padding: .55rem .3rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .15rem 0px rgba(0, 0, 0, 0.06);
    border-radius: .1rem;
}

.o-name {
    width: 100%;
    margin-bottom: .45rem;
    font-weight: bold;
    color: #222222;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.o-img {
    width: 100%;
    margin-bottom: .3rem;
    position: relative;
    overflow: hidden;
    padding-top: calc(258/430*100%);
    border-radius: .05rem;
}

.o-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.o-intro {
    width: 100%;
    color: #666666;
    line-height: 1.5;
    height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.o-link:hover .o-name {
    color: #cf1334;
}

.o-link:hover .o-img img {
    transform: scale(1.05);
}

.o-prev {
    left: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.o-prev:hover {
    background-color: #cf1334;
}

.o-next {
    transform: rotate(-180deg);
    right: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.o-next:hover {
    background-color: #cf1334;
}

.o-one:nth-child(2n) {
    background-color: #fbf7f8;
}

@media(max-width: 900px) {
    .o-prev {
        left: -.3rem;
    }

    .o-next {
        right: -.3rem;
    }
}

@media(max-width: 750px) {
    .o-item {
        width: 100%;
    }

    .o-link {
        padding: .3rem .15rem;
    }

    .o-cont {
        padding-bottom: 1rem;
    }

    .o-prev {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        left: calc(50% - .8rem);
    }

    .o-next {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        right: calc(50% - .8rem);
    }
}

.p-a {
    width: 100%;
    padding: 80px 30px 75px;
}

.p-a .my-buttom {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-a .my-more {
    padding: 0 35px;
}

.p-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.p-top {
    width: 100%;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.p-left {
    margin-right: 50px;
    /* width: 660px; */
    width: calc(100% - 760px - 50px);
}

.p-titles {
    width: 100%;
    margin-bottom: 40px;
    color: #222222;
    font-weight: bold;
    line-height: 1.2;
}

.p-subtitle {
    width: 100%;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 20px;
    color: #cf1334;
    line-height: 1.3;
    font-weight: bold;
}

.p-subtitle:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(207, 19, 52, .1);
}

.p-subtitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #cf1334;
}

.p-textbox {
    width: 100%;
    line-height: 2;
    color: #666666;
}

.p-textbox * {
    line-height: inherit;
    font-family: Arial, Microsoft Yahei;
    font-size: 24px;
}

.p-right {
    width: 760px;
    border-radius: 10px;
    overflow: hidden;
}

.p-right img {
    width: 100%;
}

.p-cont {
    width: 100%;
    font-size: 0;
}

.p-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    width: 32.23%;
    margin-right: 1.65%;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
}

.p-item:nth-child(3n) {
    margin-right: 0;
}

.p-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(294/490*100%);
}

.p-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.p-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 30px;
    background-color: rgba(207, 19, 52, .5);
}

.p-name {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    line-height: 70px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-item:hover .p-img img {
    transform: scale(1.05);
}

.p-navbox {
    width: 100%;
    text-align: center;
    font-size: 0;
    padding-bottom: 48px;
}

.p-nav {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px;
    cursor: pointer;
    min-width: 180px;
    padding: 0 15px;
    line-height: 60px;
    color: #222222;
    background-color: #ffffff;
    border-radius: 30px;
    border: solid 1px #dddddd;
}

.p-nav:hover {
    color: #ffffff;
    background-color: #cf1334;
    border: solid 1px #cf1334;
}

.p-nav.active {
    color: #ffffff;
    background-color: #cf1334;
    border: solid 1px #cf1334;
}

.p-list {
    width: 100%;
}

.p-one {
    display: none;
}

.p-one.show {
    display: block;
}

.p-course {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    width: 32.23%;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
}

.pa-cont {
    display: flex;
    align-items: center;
    min-height: 295px;
    padding: 30px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.pa-lt {
    flex: 1;
    padding: 0 25px;
}

.pa-box {
    display: inline-block;
    position: relative;
    padding-bottom: 25px;
    max-width: 100%;
    text-align: center;
}

.pa-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background-image: url(' a5-b.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.pa-get {
    width: 100%;
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 1.3;
    font-weight: bold;
}

.pa-time {
    width: 100%;
    color: #ffffff;
    line-height: 1.4;
}

.pa-rt {
    width: 180px;
    padding: 10px;
    background-color: #fff;
}

.pa-rt img {
    width: 100%;
}

@media(max-width:750px) {
    .p-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .p-rihgt {
        width: 100%;
    }

    .p-item {
        display: none;
        width: calc(50% - 15px);
        margin-right: 30px;
    }

    .p-item:nth-child(3n) {
        margin-right: 30px;
    }

    .p-item:nth-child(2n) {
        margin-right: 0;
    }

    .p-item:nth-child(1) {
        display: inline-block;
    }

    .p-item:nth-child(2) {
        display: inline-block;
    }

    .p-item:nth-child(3) {
        display: inline-block;
    }

    .p-item:nth-child(4) {
        display: inline-block;
    }

    .p-navbox {
        white-space: nowrap;
        overflow: auto;
    }

    .p-course {
        width: 100%;
    }
}

.q-a {
    width: 100%;
    padding: 80px 30px 100px;
    background-color: #fbf7f8;
}

.q-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.q-top {
    width: 100%;
    margin-bottom: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.q-left {
    width: 7.6rem;
    /* width: 50%; */
}

.q-left img {
    width: 100%;
}

.q-right {
    width: calc(100% - 7.8rem);
    /* width: 48%; */
}

.q-one {
    display: flex;
    align-items: center;
    padding: .15rem .5rem;
    min-height: 2.1rem;
    background-color: #ffffff;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 6%;
}

.q-one:last-child {
    margin-bottom: 0;
}

.q-icon {
    width: 0.84rem;
}

.q-icon img {
    width: 100%;
}

.q-one .q-text {
    flex: 1;
    padding-left: .48rem;
}

.q-one .q-name {
    width: 100%;
    margin-bottom: 15px;
    color: #222222;
    line-height: 1.3;
    font-weight: bold;
}

.q-one .q-intro {
    width: 100%;
    color: #666666;
    line-height: 1.5;
}

.q-bottom {
    width: 100%;
}

.q-subtitle {
    width: 100%;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 40px;
    color: #cf1334;
    line-height: 1.3;
    font-weight: bold;
}

.q-subtitle:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(207, 19, 52, .1);
}

.q-subtitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #cf1334;
}

.q-cont {
    width: 100%;
    position: relative;
}

.q-b {
    width: 100%;
}

.q-item {
    width: 32.23%;
    height: auto;
    margin-right: 1.65%;
}

.q-item:last-child {
    margin-right: 0;
}

.q-link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.q-item .q-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(368/490*100%);
}

.q-item .q-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.q-item .q-text {
    width: 100%;
    padding: 35px 30px;
}

.q-c {
    width: 100%;
    margin-bottom: 30px;
}

.q-text .q-name {
    width: 100%;
    margin-bottom: 7px;
    color: #222222;
    font-weight: bold;
}

.q-text .q-post {
    width: 100%;
    color: #666666;
    line-height: 1.4;
}

.q-text .q-intro {
    width: 100%;
    color: #666666;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.q-item:hover .q-img img {
    transform: scale(1.05);
}

.q-item:hover .q-name {
    color: #cf1334;
}

.q-prev {
    left: -120px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: 9px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-prev:hover {
    background-color: #cf1334;
}

.q-next {
    transform: rotate(-180deg);
    right: -120px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: 9px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.q-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .q-prev {
        left: -30px;
    }

    .q-next {
        right: -30px;
    }
}

@media(max-width: 750px) {
    .q-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .q-right {
        width: 100%;
    }

    .q-item {
        width: calc(50% - 15px);
        margin-right: 30px;
    }

    .q-cont {
        padding-bottom: 100px;
    }

    .q-prev {
        top: auto;
        margin-top: 0;
        bottom: 0;
        left: calc(50% - 80px);
    }

    .q-next {
        top: auto;
        margin-top: 0;
        bottom: 0;
        right: calc(50% - 80px);
    }
}

.r-a {
    width: 100%;
    padding: 85px 30px 25px;
}

.r-a .my-buttom {
    padding-top: 10px;
}

.r-a .my-more {
    padding: 0 73px;
}

.r-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.r-cont {
    width: 100%;
}

.r-one {
    width: 100%;
    margin-bottom: 75px;
}

.r-titles {
    width: 100%;
    position: relative;
    padding-left: 24px;
    margin-bottom: 35px;
    color: #cf1334;
    font-weight: bold;
    line-height: 1.27;
}

.r-titles:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 6px;
    height: 32px;
    background-color: #cf1334;
    border-radius: 3px;
}

.r-list {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.r-item {
    display: block;
    padding: 20px 15px 35px;
    text-align: center;
    width: 23.35%;
    margin-right: 2.2%;
    margin-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0rem 0rem 30px 0rem rgba(0, 0, 0, 0.06);
    border-radius: 10px;
}

.r-item:nth-child(4n) {
    margin-right: 0;
}

.r-img {
    width: 100%;
    height: 220px;
    line-height: 220px;
}

.r-img img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(1.00);
    transition: all ease .5s;
}

.r-text {
    width: 100%;
    padding-top: 20px;
}

.r-name {
    width: 100%;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
    height: 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.r-intro {
    width: 100%;
    color: #999999;
    line-height: 1.4;
    margin-top: 3px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.r-price {
    width: 100%;
    line-height: 1.27;
    font-weight: bold;
    color: #cf1334;
    margin-top: 25px;
}

.r-item:hover .r-img img {
    transform: scale(1.05);
}

.r-item:hover .r-name {
    color: #cf1334;
}

@media(max-width: 750px) {
    .r-item {
        width: calc(50% - 15px);
        margin-right: 30px;
    }

    .r-item:nth-child(2n) {
        margin-right: 0;
    }
}


.s-a {
    width: 100%;
    padding: 85px 30px 20px;
    background-color: #fbf7f8;
}

.s-a .my-buttom {
    padding-top: 10px;
}

.s-a .my-more {
    padding: 0 73px;
}

.s-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.s-cont {
    width: 100%;
}

.s-one {
    width: 100%;
    margin-bottom: 80px;
}

.s-top {
    width: 100%;
    padding: 70px 65px;
    margin-bottom: 30px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.s-titles {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
}

.s-en {
    width: 100%;
    color: #ffffff;
    line-height: 1.3;
    margin-top: 10px;
}

.s-list {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.s-item {
    display: block;
    padding: 20px 15px 35px;
    text-align: center;
    width: 23.35%;
    margin-right: 2.2%;
    margin-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0rem 0rem 30px 0rem rgba(0, 0, 0, 0.06);
    border-radius: 10px;
}

.s-item:nth-child(4n) {
    margin-right: 0;
}

.s-img {
    width: 100%;
    height: 220px;
    line-height: 220px;
}

.s-img img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(1.00);
    transition: all ease .5s;
}

.s-text {
    width: 100%;
    padding-top: 20px;
}

.s-name {
    width: 100%;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
    height: 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.s-intro {
    width: 100%;
    color: #999999;
    line-height: 1.4;
    margin-top: 3px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s-price {
    width: 100%;
    line-height: 1.27;
    font-weight: bold;
    color: #cf1334;
    margin-top: 25px;
}

.s-item:hover .s-img img {
    transform: scale(1.05);
}

.s-item:hover .s-name {
    color: #cf1334;
}

@media(max-width: 750px) {
    .s-item {
        width: calc(50% - 15px);
        margin-right: 30px;
    }

    .s-item:nth-child(2n) {
        margin-right: 0;
    }
}

.t-a {
    width: 100%;
    padding: 80px 30px 100px;
}

.t-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.t-textbox {
    width: 100%;
    text-align: center;
    color: #666666;
    line-height: 2;
    padding-top: 20px;
}

.t-textbox * {
    line-height: inherit;
}

.t-list {
    width: 100%;
    font-size: 0;
    padding-top: 20px;
    text-align: center;
}

.t-item {
    display: inline-block;
    vertical-align: top;
    padding: 30px 40px 0;
}

.t-code {
    display: inline-block;
    width: 170px;
    min-width: 120px;
    background-color: #ffffff;
    border: solid 6px #ffe6ec;
}

.t-code img {
    width: 100%;
}

.t-text {
    width: 100%;
    padding-top: 15px;
}

.t-name {
    width: 100%;
    color: #666666;
    line-height: 1.4;
}

.t-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 75px;
}

.t-img img {
    width: 100%;
}


.u-a {
    width: 100%;
    padding: 80px 30px 90px;
    background-color: #fbf7f8;
}

.u-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.u-cont {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.u-item {
    display: block;
    width: 32.23%;
    margin-right: 1.65%;
    margin-bottom: 25px;
    padding: 75px 50px 65px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
}

.u-item:nth-child(3n) {
    margin-right: 0;
}

.u-top {
    width: 100%;
    height: 372px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-imgbox {
    display: block;
    padding: 23px;
    position: relative;
}

.u-img {
    display: inline-block;
}

.u-img img {
    max-width: 100%;
    max-height: 326px;
    cursor: pointer;
}

.u-span {
    position: absolute;
    background-size: 100% 100%;
}

.u-span1 {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url(' a24.png');
}

.u-span2 {
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 16px;
    background-image: url(' a24-b.png');
}

.u-span3 {
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url(' a24-c.png');
}

.u-span4 {
    top: 15px;
    right: 0;
    width: 16px;
    height: calc(100% - 30px);
    background-image: url(' a24-d.png');
}

.u-span5 {
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url(' a24-e.png');
}

.u-span6 {
    bottom: 0;
    right: 15px;
    width: calc(100% - 30px);
    height: 16px;
    background-image: url(' a24-f.png');
}

.u-span7 {
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url(' a24-g.png');
}

.u-span8 {
    bottom: 15px;
    left: 0;
    width: 16px;
    height: calc(100% - 30px);
    background-image: url(' a24-h.png');
}

.u-bottom {
    width: 100%;
    padding-top: 65px;
}

.u-name {
    width: 100%;
    color: #222222;
    line-height: 1.3;
}


@media(max-width: 750px) {
    .u-item {
        width: calc(50% - 15px);
        margin-right: 30px;
    }

    .u-item:nth-child(3n) {
        margin-right: 30px;
    }

    .u-item:nth-child(2n) {
        margin-right: 0;
    }

    .u-item {
        padding: 50px 30px;
    }

    .u-bottom {
        padding-top: 45px;
    }
}


.v-a {
    width: 100%;
    padding: 80px 0 0;
}

.v-a .my-top {
    padding-bottom: 40px;
}

.v-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.v-textbox {
    width: 100%;
    color: #666666;
    line-height: 2;
    margin-bottom: 65px;
}

.v-textbox * {
    line-height: inherit;
}

.v-list {
    width: 100%;
    font-size: 0;
    padding-bottom: 50px;
}

.v-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 45px;
    width: 25%;
    text-align: center;
}

.v-b {
    width: 100%;
}

.v-nub {
    display: inline-block;
    vertical-align: text-bottom;
    color: #cf1334;
    font-weight: bold;
}

.v-unit {
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 1;
    color: #cf1334;
}

.v-unit span {
    display: inline-block;
    vertical-align: text-bottom;
    position: relative;
    top: -15px;
    font-size: .75em;
}

.v-intro {
    width: 100%;
    color: #666666;
    line-height: 1.4;
    margin-top: 15px;
}

.v-img {
    width: 100%;
}

.v-img img {
    width: 100%;
}

@media(max-width: 750px) {
    .v-main {
        padding: 0 30px;
    }

    .v-item {
        width: 50%;
    }

    .v-unit span {
        top: -10px;
    }

    .v-textbox {
        text-align: justify;
    }
}

.w-a {
    width: 100%;
    padding: 85px 30px 35px;
}

.w-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.w-cont {
    width: 100%;
}

.w-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 60px;
}

.w-left {
    width: 38.15%;
}

.w-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(681/581*100%);
    border-radius: 10px;
}

.w-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.w-right {
    width: 61.85%;
    display: flex;
    align-items: center;
    min-height: 580px;
    padding: 30px 60px;
    background-color: #fbf7f8;
    border-radius: 0 10px 10px 0;
}

.w-box {
    width: 100%;
}

.w-b {
    width: 100%;
    padding-bottom: 30px;
}

.w-name {
    display: inline-block;
    vertical-align: text-bottom;
    padding-right: 20px;
    margin-bottom: 20px;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
}

.w-post {
    display: inline-block;
    vertical-align: text-bottom;
    margin-bottom: 20px;
    color: #666666;
    line-height: 1.3;
}

.w-textbox {
    width: 100%;
    color: #666666;
    line-height: 1.5;
}

.w-textbox * {
    line-height: inherit;
}

.w-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.w-item:nth-child(2n) .w-right {
    border-radius: 10px 0 0 10px;
}

@media(max-width: 750px) {
    .w-left {
        position: relative;
        z-index: 18;
        width: 100%;
        padding: 0 30px;
        margin: 0 auto;
    }

    .w-right {
        width: 100%;
        margin-top: -30px;
        border-radius: 0 0 10px 10px !important;
        padding: 60px 30px 30px;
    }
}

.wa-a {
    width: 100%;
    padding: 100px 30px;
    min-height: 840px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.wa-a .my-titles {
    color: #ffffff;
}

.wa-a .my-titles:before {
    background-image: url(' a9-b.png');
}

.wa-a .my-titles:after {
    background-image: url(' a9-b.png');
}

.wa-main {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
}

.wa-cont {
    width: 100%;
    font-size: 0;
    padding-top: 65px;
}

.wa-item {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding: 50px 15px 0;
    text-align: center;
}

.wa-icon {
    display: inline-block;
    width: 160px;
}

.wa-icon img {
    width: 100%;
}

.wa-text {
    width: 100%;
    padding-top: 38px;
}

.wa-name {
    width: 100%;
    margin-bottom: .2rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.27;
}

.wa-intro {
    width: 100%;
    color: #ffffff;
    line-height: 1.4;
}

@media(max-width: 750px) {
    .wa-cont {
        padding-top: .3rem;
    }

    .wa-intro {
        font-size: .3rem;
    }
}

.wb-a {
    width: 100%;
    padding: .8rem .3rem .95rem;
    overflow: hidden;
}

.wb-a .my-top {
    padding-bottom: .65rem;
}

.wb-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.wb-cont {
    width: 100%;
    position: relative;
}

.wb-cont:before {
    content: '';
    position: absolute;
    top: .8rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 1px;
    border-top: 1px dashed #cccccc;
}

.wb-b {
    width: 100%;
}

.wb-item {
    width: 33.33%;
    padding-top: .8rem;
}

.wb-year {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    line-height: 1;
    color: #cf1334;
}

.wb-box {
    width: 100%;
    padding: .45rem .75rem 0;
    position: relative;
}

.wb-box:before {
    content: '';
    position: absolute;
    top: -.07rem;
    left: .4rem;
    z-index: 8;
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background-color: #cf1334;
}

.wb-list {
    width: 100%;
    position: relative;
}

.wb-list:after {
    content: '';
    position: absolute;
    top: -.45rem;
    left: -.27rem;
    width: 1px;
    height: .7rem;
    background-color: #dddddd;
}

.wb-one {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding-bottom: .27rem;
}

.wb-one:after {
    content: '';
    position: absolute;
    top: .1rem;
    left: -.27rem;
    width: 1px;
    height: 100%;
    background-color: #dddddd;
}

.wb-one:last-child:after {
    top: -.1rem;
    height: .3rem;
}

.wb-month {
    position: relative;
    min-width: 2.65em;
    padding-right: .1rem;
    color: #222222;
    line-height: 1.5;
}

.wb-month:before {
    content: '';
    position: absolute;
    left: -.35rem;
    top: 50%;
    z-index: 18;
    transform: translate(0, -50%);
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background-color: #ffffff;
    border: solid .01rem #dddddd;
}

.wb-intro {
    flex: 1;
    color: #666666;
    line-height: 1.5;
}

.wb-prev {
    left: -1.2rem;
    top: .52rem;
    margin-top: 0;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wb-prev:hover {
    background-color: #cf1334;
}

.wb-next {
    transform: rotate(-180deg);
    right: -1.2rem;
    top: .52rem;
    margin-top: 0;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wb-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .wb-prev {
        left: -.3rem;
    }

    .wb-next {
        right: -.3rem;
    }
}

@media(max-width: 750px) {
    .wb-item {
        width: 77%;
    }
}

.wc-a {
    width: 100%;
    padding: .8rem .16rem .86rem;
    background-color: #fbf7f8;
}

.wc-a .my-top {
    padding-bottom: .37rem;
}

.wc-main {
    width: 100%;
    max-width: 15.48rem;
    margin: 0 auto;
}

.wc-cont {
    width: 100%;
    position: relative;
}

.wc-b {
    width: 100%;
    font-size: 0;
}

.wc-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: .12rem .14rem;
}

.wc-logo {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 2.16rem;
    line-height: 2.16rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: .1rem;
}

.wc-logo img {
    max-width: 40%;
    max-height: 70%;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wc-logo:hover img {
    transform: scale(1.05);
}

.wc-prev {
    left: -1.06rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wc-prev:hover {
    background-color: #cf1334;
}

.wc-next {
    transform: rotate(-180deg);
    right: -1.06rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wc-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .wc-prev {
        left: -.16rem;
    }

    .wc-next {
        right: -.16rem;
    }
}

@media(max-width: 750px) {
    .wc-item {
        width: 50%;
    }

    .wc-cont {
        padding-bottom: 1rem;
    }

    .wc-prev {
        top: auto;
        margin-top: 0;
        bottom: 0;
        left: calc(50% - .8rem);
    }

    .wc-next {
        top: auto;
        margin-top: 0;
        bottom: 0;
        right: calc(50% - .8rem);
    }
}

.wd-a {
    width: 100%;
    padding: .8rem .3rem 1rem;
}

.wd-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.wd-cont {
    width: 100%;
    position: relative;
}

.wd-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.wd-left {
    float: left;
    width: 7.6rem;
    position: relative;
    z-index: 18;
}

.wd-b {
    width: 100%;
}

.wd-item {
    width: 100%;
}

.wd-link {
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: .1rem;
    overflow: hidden;
}

.wd-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(465/760*100%);
}

.wd-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(' a16.png');
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.wd-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wd-link .wd-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    padding: .25rem .3rem;
}

.wd-link .wd-name {
    width: 100%;
    color: #ffffff;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wd-link:hover .wd-img img {
    transform: scale(1.05);
}

.wd-right {
    float: right;
    width: 7.1rem;
    padding-top: .15rem;
}

.wd-nav {
    display: block;
    cursor: pointer;
    width: 100%;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid rgba(207, 19, 52, .15);
}

.wd-nav:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.wd-time {
    width: 100%;
    margin-bottom: .23rem;
    color: #666666;
    line-height: 1.45;
}

.wd-time:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: 1em;
    height: 1.45em;
    background-image: url(' a15.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wd-nav .wd-name {
    width: 100%;
    color: #222222;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wd-nav.active .wd-name {
    color: #cf1334;
}

@media(max-width: 750px) {
    .wd-left {
        width: 100%;
        margin-bottom: .2rem;
    }

    .wd-right {
        width: 100%;
    }
}


.we-a {
    width: 100%;
    padding: .8rem .3rem .7rem;
    background-color: #fbf7f8;
}

.we-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.we-cont {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.we-item {
    display: block;
    cursor: pointer;
    width: calc(50% - .15rem);
    margin-bottom: .3rem;
    background-color: #ffffff;
    border-radius: .1rem;
    overflow: hidden;
}

.we-top {
    width: 100%;
    position: relative;
}

.we-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(447/745*100%);
}

.we-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.we-place {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.we-place span {
    display: inline-block;
    max-width: 100%;
    min-width: 56%;
    color: #ffffff;
    padding: .15rem .3rem;
    line-height: 1.66;
    background-image: linear-gradient(90deg, rgba(207, 19, 52, .8) 0%, rgba(207, 19, 52, 0) 100%);
}

.we-text {
    width: 100%;
    padding: .35rem .3rem;
}

.we-name {
    width: 100%;
    margin-bottom: .18rem;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.we-intro {
    width: 100%;
    color: #999999;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.we-item:hover .we-img img {
    transform: scale(1.05);
}

.we-item:hover .we-name {
    color: #cf1334;
}

@media(max-width: 750px) {
    .we-item {
        width: 100%;
    }
}

.wf-a {
    width: 100%;
    padding: .8rem .3rem .75rem;
}

.wf-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.wf-cont {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.wf-item {
    display: block;
    cursor: pointer;
    width: 19.07%;
    margin-right: 1.16%;
    margin-bottom: .3rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.06);
    border-radius: .1rem;
}

.wf-item:nth-child(5n) {
    margin-right: 0;
}

.wf-top {
    width: 100%;
    position: relative;
}

.wf-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(290/290*100%);
}

.wf-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wf-icon {
    transition: all ease .5s;
    position: absolute;
    bottom: -.39rem;
    left: 50%;
    margin-left: -.39rem;
    width: .78rem;
    height: .78rem;
    background-image: url(' a33.png');
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.wf-text {
    width: 100%;
    padding: .55rem .15rem .4rem;
    text-align: center;
}

.wf-intro {
    width: 100%;
    color: #222222;
    line-height: 1.4;
}

.wf-item:hover .wf-img img {
    transform: scale(1.05);
}

.wf-item:hover .wf-icon {
    bottom: -.29rem;
}


@media(max-width: 750px) {
    .wf-item {
        width: calc(50% - .15rem);
        margin-right: .3rem;
    }

    .wf-item:nth-child(5n) {
        margin-right: .3rem;
    }

    .wf-item:nth-child(2n) {
        margin-right: 0;
    }
}

.wg-a {
    width: 100%;
    padding: .8rem .3rem 1rem;
    background-color: #fbf7f8;
}

.wg-main {
    width: 100%;
    max-width: 15.45rem;
    margin: 0 auto;
}

.wg-cont {
    width: 100%;
    position: relative;
}

.wg-b {
    width: 100%;
    font-size: 0;
}

.wg-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: .15rem .125rem;
}

.wg-link {
    display: block;
    cursor: pointer;
    padding: .55rem .3rem .45rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .15rem 0px rgba(0, 0, 0, 0.06);
    border-radius: .1rem;
}

.wg-name {
    width: 100%;
    margin-bottom: .2rem;
    font-weight: bold;
    color: #222222;
    line-height: 1.3;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wg-tr {
    width: 100%;
    font-size: 0;
    padding-bottom: 0.13rem;
}

.wg-td {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.15rem;
    margin-right: .6rem;
    color: #666666;
    line-height: 1.4;
}

.wg-td img {
    margin-right: .1rem;
    max-width: 1.04em;
    max-height: 1.12em;
}

.wg-td:last-child {
    margin-right: 0;
}

.wg-img {
    width: 100%;
    margin-bottom: .3rem;
    position: relative;
    overflow: hidden;
    padding-top: calc(258/430*100%);
    border-radius: .05rem;
}

.wg-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wg-intro {
    width: 100%;
    color: #666666;
    line-height: 1.5;
    height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wg-link:hover .wg-name {
    color: #cf1334;
}

.wg-link:hover .wg-img img {
    transform: scale(1.05);
}

.wg-prev {
    left: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wg-prev:hover {
    background-color: #cf1334;
}

.wg-next {
    transform: rotate(-180deg);
    right: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wg-next:hover {
    background-color: #cf1334;
}

.wg-one:nth-child(2n) {
    background-color: #fbf7f8;
}

@media(max-width: 900px) {
    .wg-prev {
        left: -.3rem;
    }

    .wg-next {
        right: -.3rem;
    }
}

@media(max-width: 750px) {
    .wg-item {
        width: 50%;
    }

    .wg-link {
        padding: .3rem .15rem;
    }

    .wg-td {
        width: 100%;
        margin-right: 0;
    }

    .wg-cont {
        padding-bottom: 1rem;
    }

    .wg-prev {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        left: calc(50% - .8rem);
    }

    .wg-next {
        top: auto;
        margin-top: 0;
        bottom: .15rem;
        right: calc(50% - .8rem);
    }
}


.wh-a {
    width: 100%;
    padding: 1.05rem .3rem .93rem;
}

.wh-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.wh-top {
    width: 100%;
    margin-bottom: .55rem;
    position: relative;
}

.wh-item {
    display: block;
    cursor: pointer;
    width: 3.5rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wh-img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    transition: all ease .5s;
    border: solid .03rem transparent;
    overflow: hidden;
    border-radius: 50%;
}

.wh-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wh-item.swiper-slide-active .wh-img {
    width: 2rem;
    height: 2rem;
    border: solid .03rem #cf1334;
}

.wh-bottom {
    width: 100%;
}

.wh-one {
    display: none;
    width: 100%;
    text-align: center;
}

.wh-one.show {
    display: block;
}

.wh-name {
    width: 100%;
    margin-bottom: .15rem;
    color: #222222;
    font-weight: bold;
    line-height: 1.27;
}

.wh-star {
    width: 100%;
    font-size: 0;
    padding-bottom: .4rem;
}

.wh-star img {
    width: .26rem;
    margin: 0 .1rem .1rem;
}

.wh-titles {
    width: 100%;
    margin-bottom: .1rem;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
}

.wh-place {
    width: 100%;
    margin-bottom: .25rem;
    color: #666666;
    line-height: 1.4;
}

.wh-place img {
    margin-right: 0.1rem;
    width: 1.04em;
}

.wh-textbox {
    width: 100%;
    color: #666666;
    line-height: 2;
}


.wh-prev {
    left: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wh-prev:hover {
    background-color: #cf1334;
}

.wh-next {
    transform: rotate(-180deg);
    right: -1.2rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wh-next:hover {
    background-color: #cf1334;
}

@media(max-width: 900px) {
    .wh-prev {
        left: -.3rem;
    }

    .wh-next {
        right: -.3rem;
    }
}

@media(max-width: 750px) {
    .wh-item {
        width: 2.5rem;
    }
}


.wi-a {
    width: 100%;
    padding: .75rem .3rem .9rem;
    background-color: #fbf7f8;
}

.wi-form {
    width: 100%;
}

.wi-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.wi-top {
    width: 100%;
}

.wi-titles {
    width: 100%;
    margin-bottom: .35rem;
    color: #cf1334;
    line-height: 1.2;
    font-weight: bold;
}

.wi-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .2rem;
}

.wi-left {
    font-size: 0;
    margin-bottom: .3rem;
}

.wi-tip {
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    color: #cf1334;
    line-height: 1.4;
}

.wi-select {
    display: inline-block;
    vertical-align: middle;
}

.wi-right {
    font-size: 0;
    margin-bottom: .3rem;
}

.wi-customization {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #cf1334;
    padding: 0 .3rem;
    line-height: .6rem;
    border-radius: .3rem;
    border: solid 1px #cf1334;
}

.wi-customization:hover {
    background-color: #cf1334;
    color: #fff;
}

.wi-bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}

.wi-item {
    display: block;
    cursor: pointer;
    width: 32.23%;
    margin-right: 1.65%;
    margin-bottom: .4rem;
    background-color: #ffffff;
    border-radius: .1rem;
    overflow: hidden;
}

.wi-item:nth-child(3n) {
    margin-right: 0;
}

.wi-b {
    width: 100%;
    position: relative;
}

.wi-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(294/490*100%);
}

.wi-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wi-place {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.wi-place span {
    display: inline-block;
    max-width: 100%;
    min-width: 86%;
    color: #ffffff;
    padding: .15rem .3rem;
    line-height: 1.66;
    background-image: linear-gradient(90deg, rgba(207, 19, 52, .8) 0%, rgba(207, 19, 52, 0) 100%);
}

.wi-text {
    width: 100%;
    padding: .25rem .3rem;
}

.wi-name {
    width: 100%;
    margin-bottom: .2rem;
    line-height: 1.3;
    height: 2.6em;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wi-intro {
    width: 100%;
    color: #999999;
    line-height: 1.4;
}

.wi-tr {
    width: 100%;
    font-size: 0;
    padding-top: .5rem;
    padding-bottom: .25rem;
}

.wi-td {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .15rem;
    margin-right: .6rem;
    color: #666666;
    line-height: 1.4;
}

.wi-td img {
    margin-right: .1rem;
    max-width: 1.04em;
    max-height: 1.12em;
}

.wi-td:last-child {
    margin-right: 0;
}

.wi-buttombox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.wi-buttom {
    display: block;
    margin-bottom: .3rem;
    width: calc(50% - .1rem);
    padding: .15rem .05rem;
    color: #cf1334;
    line-height: 1.4;
    text-align: center;
    background-color: #fbf7f8;
    border-radius: .35rem;
}

.wi-buttom:hover {
    background-color: #cf1334;
    color: #fff;
}

.wi-item:hover .wi-img img {
    transform: scale(1.05);
}

.wi-form .select-w {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 1.6rem;
    margin-right: .1rem;
    position: relative;
    border-radius: .3rem;
    border: solid 1px #cf1334;
    padding-right: .5rem;
    padding-left: .3rem;
    white-space: nowrap
}

.wi-form .select-w .cur {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: .6rem;
    line-height: .6rem;
    color: #cf1334;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wi-form .select-w select {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: .3rem;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.wi-form .select-w:after {
    content: "";
    position: absolute;
    right: .3rem;
    top: 0;
    z-index: 1;
    width: .13rem;
    height: 100%;
    background-image: url(' a36.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wi-form .select-w:last-child {
    margin-right: 0;
}

@media(max-width:750px) {
    .wi-form .select-w {
        width: 2.2rem;
    }

    .wi-item {
        width: 100%;
        margin-right: 0;
    }

    /* .wi-item:nth-child(3n){margin-right: .3rem;}
    .wi-item:nth-child(2n){margin-right: 0;} */
    .wi-text {
        padding: .2rem .2rem;
    }

    .wi-td {
        width: 100%;
        margin-right: 0;
    }

    /* .wi-buttom{width: 100%;} */
}

.wj-a {
    width: 100%;
    padding: .8rem .3rem .7rem;
    background-color: #fbf7f8;
}

.wj-main {
    width: 100%;
    max-width: 15.2rem;
    margin: 0 auto;
}

.wj-top {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .4rem;
    margin-bottom: .3rem;
    background-color: #ffffff;
}

.wj-left {
    width: 7.2rem;
    position: relative;
}

.wj-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(432/720*100%);
}

.wj-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wj-place {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.wj-place span {
    display: inline-block;
    max-width: 100%;
    min-width: 58%;
    color: #ffffff;
    padding: .15rem .3rem;
    line-height: 1.66;
    background-image: linear-gradient(90deg, rgba(207, 19, 52, .8) 0%, rgba(207, 19, 52, 0) 100%);
}

.wj-right {
    width: calc(100% - 7.8rem);
}

.wj-titles {
    width: 100%;
    margin-bottom: .25rem;
    color: #222222;
    line-height: 1.23;
    font-weight: bold;
}

.wj-intro {
    width: 100%;
    margin-bottom: .25rem;
    color: #666666;
    line-height: 1.5;
}

.wj-time {
    width: 100%;
    color: #666666;
    line-height: 1.4;
}

.wj-time img {
    width: .91em;
    margin-right: .1rem;
}

.wj-price {
    width: 100%;
}

.wj-price1 {
    display: inline-block;
    vertical-align: middle;
    margin-right: .3rem;
    margin-top: .2rem;
    color: #666666;
    line-height: 1.6;
}

.wj-price1 span {
    font-size: 1.5em;
    color: #cf1334;
}

.wj-price2 {
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through;
    margin-top: .2rem;
    color: #666666;
    line-height: 1.6;
}

.wj-buttombox {
    width: 100%;
    font-size: 0;
    padding-top: .55rem;
}

.wj-buttom {
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    margin-top: .2rem;
    padding: 0 .15rem;
    text-align: center;
    color: #cf1334;
    font-weight: bold;
    cursor: pointer;
    min-width: 2.05rem;
    line-height: .7rem;
    background-color: #fbf7f8;
    border-radius: .35rem;
}

.wj-buttom:hover {
    background-color: #cf1334;
    color: #fff;
}

.wj-bottom {
    width: 100%;
    margin-bottom: .3rem;
    background-color: #ffffff;
}

.wj-subtitle {
    width: 100%;
    padding: .29rem .4rem;
    border-bottom: 1px solid #fbf7f8;
}

.wj-subtitle span {
    display: block;
    position: relative;
    padding-left: .25rem;
    color: #222222;
    font-weight: bold;
    line-height: 1.3;
}

.wj-subtitle span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: .05rem;
    height: .28rem;
    background-color: #cf1334;
    border-radius: .03rem;
}

.wj-box {
    width: 100%;
    padding: .3rem .4rem;
}

.wj-textbox {
    width: 100%;
    color: #666666;
    line-height: 2;
    padding-bottom: .28rem;
}

.wj-textbox * {
    line-height: inherit;
}

.wj-list {
    width: 100%;
    font-size: 0;
}

.wj-one {
    display: inline-block;
    vertical-align: top;
    width: 32.63%;
    margin-right: 1.05%;
    margin-bottom: .3rem;
}

.wj-one:nth-child(3n) {
    margin-right: 0;
}

.wj-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(282/470*100%);
}

.wj-one img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

@media(max-width:750px) {
    .wj-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .wj-right {
        width: 100%;
    }

    .wj-one {
        width: 100%;
    }
}

.wk-a {
    width: 100%;
    padding: .8rem .3rem .85rem;
}

.wk-main {
    width: 100%;
    max-width: 15.45rem;
    margin: 0 auto;
}

.wk-cont {
    width: 100%;
    position: relative;
}

.wk-b {
    width: 100%;
}

.wk-item {
    display: block;
    width: 33.33%;
    padding: .15rem .125rem;
}

.wk-item:last-child {
    margin-right: 0;
}

.wk-link {
    display: block;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0px 0px .15rem 0px rgba(0, 0, 0, 0.06);
}

.wk-top {
    width: 100%;
    position: relative;
}

.wk-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(294/490*100%);
}

.wk-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: all ease .5s;
}

.wk-place {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.wk-place span {
    display: inline-block;
    max-width: 100%;
    min-width: 86%;
    color: #ffffff;
    padding: .15rem .3rem;
    line-height: 1.66;
    background-image: linear-gradient(90deg, rgba(207, 19, 52, .8) 0%, rgba(207, 19, 52, 0) 100%);
}

.wk-text {
    width: 100%;
    padding: .25rem .3rem;
}

.wk-name {
    width: 100%;
    margin-bottom: .2rem;
    line-height: 1.3;
    height: 2.6em;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wk-intro {
    width: 100%;
    color: #999999;
    line-height: 1.4;
}

.wk-tr {
    width: 100%;
    font-size: 0;
    padding-top: .5rem;
    padding-bottom: .25rem;
}

.wk-td {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .15rem;
    margin-right: .6rem;
    color: #666666;
    line-height: 1.4;
}

.wk-td img {
    margin-right: .1rem;
    max-width: 1.04em;
    max-height: 1.12em;
}

.wk-td:last-child {
    margin-right: 0;
}

.wk-buttombox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.wk-buttom {
    display: block;
    margin-bottom: .3rem;
    width: calc(50% - .1rem);
    padding: .15rem .05rem;
    color: #cf1334;
    line-height: 1.4;
    text-align: center;
    background-color: #fbf7f8;
    border-radius: .35rem;
}

.wk-buttom:hover {
    background-color: #cf1334;
    color: #fff;
}

.wk-link:hover .wk-img img {
    transform: scale(1.05);
}

.wk-prev {
    left: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wk-prev:hover {
    background-color: #cf1334;
}

.wk-next {
    transform: rotate(-180deg);
    right: -1.075rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgba(207, 19, 52, .15);
    background-image: url(' a13.png');
    background-size: .09rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.wk-next:hover {
    background-color: #cf1334;
}

.wk-one:nth-child(2n) {
    background-color: #fbf7f8;
}

@media(max-width: 900px) {
    .wk-prev {
        left: -.3rem;
    }

    .wk-next {
        right: -.3rem;
    }
}

@media(max-width:750px) {
    .wk-item {
        width: 100%;
    }

    .wk-text {
        padding: .2rem .2rem;
    }

    .wk-td {
        width: 100%;
        margin-right: 0;
    }

    /* .wk-buttom{width: 100%;} */
    .wk-cont {
        padding-bottom: 1rem;
    }

    .wk-prev {
        top: auto;
        margin-top: 0;
        bottom: 0;
        left: calc(50% - .8rem);
    }

    .wk-next {
        top: auto;
        margin-top: 0;
        bottom: 0;
        right: calc(50% - .8rem);
    }
}

.sidebar {
    position: fixed;
    top: 50%;
    right: .1rem;
    transform: translate(0, -50%);
    z-index: 118;
    width: 1.2rem;
}

.sidebar-item {
    display: block;
    width: 100%;
    position: relative;
    padding: .05rem 0;
}

.sidebar-buttom {
    display: block;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: .2rem 0 .15rem;
    background-color: #ffffff;
    border-radius: .2rem;
    border: solid 1px #eeeeee;
}

.sidebar-icon {
    display: block;
    width: 100%;
}

.sidebar-icon1 {
    display: block;
    width: 100%;
}

.sidebar-icon1 img {
    width: .5rem;
    height: .45rem;
}

.sidebar-icon2 {
    display: none;
    width: 100%;
}

.sidebar-icon2 img {
    width: .5rem;
    height: .45rem;
}

.sidebar-name {
    width: 100%;
    padding-top: .1rem;
    color: #666666;
    line-height: 1.4;
}

.sidebar-sub {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    right: 120%;
    position: absolute;
    top: 0;
    padding-right: .2rem;
}

.sidebar-codebox {
    display: block;
    min-width: 2.4rem;
    white-space: nowrap;
    padding: .25rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: .2rem;
    box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.06);
}

.sidebar-code {
    display: inline-block;
    width: 1.8rem;
    min-width: 120px;
}

.sidebar-code img {
    width: 100%;
}

.sidebar-hint {
    width: 100%;
    color: #666666;
    line-height: 1.4;
    padding-top: .05rem;
}

.sidebar-hot {
    display: block;
    min-width: 2.4rem;
    white-space: nowrap;
    padding: .25rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: .2rem;
    box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.06);
}

.sidebar-tip {
    width: 100%;
    color: #666666;
    line-height: 1.24;
}

.sidebar-phone {
    display: block;
    cursor: pointer;
    width: 100%;
    color: #cf1334;
    line-height: 1.35;
    font-weight: bold;
}

.sidebar-text {
    width: 100%;
    color: #666666;
    line-height: 1.25;
    padding-top: .2rem;
}

.sidebar-text * {
    line-height: inherit;
}

.sidebar-item.show .sidebar-sub {
    visibility: visible;
    opacity: 1;
    z-index: 28;
    right: 100%;
    transition: all ease .5s;
}

@media(max-width: 1150px) {
    .sidebar {
        width: 1.4rem;
    }
}

@media(max-width: 750px) {
    .sidebar {
        width: 1rem;
    }

    .sidebar-name {
        font-size: .2rem;
    }
}

.a {
    display: none;
}

/* 
15.2rem
.a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(900/1920*100%);}
.a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

background-color: #cf1334;
rgba(207,19,52,.15)
.teaser.delay2  {transition-delay: .2s;}

transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
 
<div class="my-top teaser">
	<div class="my-titles s48">七大 <img data-src="./images/c1.png" alt=""></div>
	<div class="my-intro s30">总有一间教室适合我</div>
</div>

*/

.xa-a {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity ease .5s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.xa-a.show {
    opacity: 1;
    z-index: 388;
    visibility: visible;
}

.xa-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.4rem;
}

.xa-close {
    position: absolute;
    top: -.6rem;
    right: -.6rem;
    display: block;
    cursor: pointer;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url(' a14.png');
    background-size: .15rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.xa-cont {
    width: 100%;
    background-color: #cf1334;
    box-shadow: 0px 0px .3rem 0px rgba(207, 19, 52, 0.06);
    border-radius: .2rem;
    overflow: auto;
}

.xa-top {
    width: 100%;
    padding: .28rem .1rem;
    background-color: #fff;
    text-align: center;
    border-radius: .2rem .2rem 0 0;
}

.xa-logo {
    display: inline-block;
    vertical-align: middle;
    margin: .1rem;
}

.xa-logo img {
    max-width: none;
    height: .45rem;
}

.xa-bottom {
    width: 100%;
    padding: .68rem .3rem .55rem;
    text-align: center;
}

.xa-code {
    display: inline-block;
    width: 2.8rem;
    min-width: 150px;
}

.xa-code img {
    width: 100%;
}

.xa-tip {
    width: 100%;
    padding-top: .35rem;
    letter-spacing: .02rem;
    padding-left: .02rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.29;
}

.xa-tip * {
    line-height: inherit;
}

.xa-a2 {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity ease .5s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.xa-a2.show {
    opacity: 1;
    z-index: 388;
    visibility: visible;
}

.xa-close2 {
    position: absolute;
    top: -.6rem;
    right: -.6rem;
    display: block;
    cursor: pointer;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url(' a14.png');
    background-size: .15rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.xa-a3 {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity ease .5s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.xa-a3.show {
    opacity: 1;
    z-index: 388;
    visibility: visible;
}

.xa-close3 {
    position: absolute;
    top: -.6rem;
    right: -.6rem;
    display: block;
    cursor: pointer;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url(' a14.png');
    background-size: .15rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.xa-a4 {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity ease .5s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.xa-a4.show {
    opacity: 1;
    z-index: 388;
    visibility: visible;
}

.xa-close4 {
    position: absolute;
    top: -.6rem;
    right: -.6rem;
    display: block;
    cursor: pointer;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url(' a14.png');
    background-size: .15rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@media(max-width: 750px) {
    .xa-main {
        width: 5rem;
    }
}

/*弹出层相关*/
.c-btn {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    line-height: 1.43;
    text-align: center;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 6px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c-btn:hover {
    color: #fff;
}

.c-blue {
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
}

.c-blue:hover {
    background-color: #0b5ed7;
    border-color: #0b5ed7;
}

.c-white {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #666;
    transition: all .3s;
}

.c-white:hover,
.c-white:focus,
.c-white:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.hn-tip {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 987654321;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-tip .hn-mask {
    background-color: transparent;
}

.hn-msg {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    padding: 12px 25px;
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-tip.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-tip.show .hn-msg {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-load {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-load-cont {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-load-icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-image: url(load.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.hn-load-title {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

.hn-load.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-load.show .hn-load-cont {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-confirm {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-confirm-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-confirm-title {
    padding: 0 80px 0 20px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-confirm-cont {
    width: 100%;
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
}

.hn-confirm-btns {
    text-align: right;
    padding: 0 15px 12px;
    user-select: none;
    font-size: 0;
}

.hn-confirm-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-confirm-close:hover {
    opacity: 0.7;
}

.hn-confirm-btns .c-btn {
    margin-left: 10px;
}

.hn-confirm-btns .c-btn:first-child {
    margin-left: 0;
}

.hn-confirm.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-confirm.show .hn-confirm-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-html {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-html-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-html-title {
    padding: 0 80px 0 10px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-html-cont {
    width: 100%;
    position: relative;
    padding: 10px;
    line-height: 24px;
    word-break: break-all;
    overflow: auto;
    font-size: 14px;
}

.hn-html-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-html-close:hover {
    opacity: 0.7;
}

.hn-html.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-html.show .hn-html-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}



.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
}