body {
    background-color: #f1f4f6;
}

.two input[type="text"]:focus {
    border: 1px solid #1E9FFF;
}

.x_card {
    clear: both;
    zoom: 1;
}

    .x_card::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }

    .x_card li {
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        padding: 0px 8px 16px 8px;
    }

    .x_card.five li {
        border-right: 1px solid #f5f5f5;
        padding: 0 10px 30px 10px;
    }

        .x_card.five li:last-of-type {
            border-right: none;
        }

    .x_card.seven li {
        margin-bottom: 15px;
    }

    .x_card.one a, .x_card.two a, .x_card.three a, .x_card.four a, .x_card.five a {
        width: 100%;
        height: 100%;
    }

    .x_card.one a, .x_card.two a, .x_card.three a, .x_card.four a, .x_card.seven a {
        -webkit-box-shadow: 2px 2px 5px #dddddd;
        -moz-box-shadow: 2px 2px 5px #dddddd;
        box-shadow: 2px 2px 5px #dddddd;
    }

    .x_card.one a, .x_card.two a, .x_card.three a, .x_card.four a {
        border-radius: 3px;
        overflow: hidden;
        display: flex;
    }

    .x_card.one a, .x_card.two a, .x_card.three a, .x_card.seven a {
        background-color: #ffffff;
    }

    .x_card.four a {
        background-color: #3f78f6;
        flex-direction: row-reverse;
    }

    .x_card.five a, .x_card.six a, .x_card.seven a {
        display: block;
    }

    .x_card.five a {
        padding-top: 30px;
        position: relative;
    }

    .x_card.seven a {
        width: 80px;
        height: 80px;
        border-radius: 10px;
        margin: 0 auto;
    }

    .x_card.one .x_icon, .x_card.two .x_icon, .x_card.three .x_icon, .x_card.four .x_icon {
        flex-shrink: 0;
    }

    .x_card.one .x_icon, .x_card.two .x_icon, .x_card.five .x_icon, .x_card.six .x_icon {
        background-color: #3f78f6;
    }

    .x_card.six .x_icon, .x_card.seven .x_icon {
        margin: 0 auto;
        overflow: hidden;
    }

    .x_card.one .x_icon {
        width: 85px;
        height: 85px;
    }

    .x_card.two .x_icon {
        width: 60px;
        height: 60px;
        border-radius: 50px;
        margin: 15px 0px 15px 24px;
    }

    .x_card.three .x_icon {
        width: 43px;
        height: 47px;
        background: #ffffff;
        margin: 19px 0px 19px 30px;
    }

    .x_card.four .x_icon {
        width: 36px;
        height: 39px;
        margin: 22px 30px 22px 0px;
    }

    .x_card.five ul li a .x_icon {
        width: 45px;
        height: 45px;
        border-radius: 50px;
        padding: 2.5px 0px;
        margin-top: 10px;
    }

    .x_card.six ul li a .x_icon {
        width: 70px;
        height: 70px;
        border-radius: 20px;
    }

    .x_card .x_icon i {
        display: block;
        background-repeat: no-repeat;
    }

    .x_card.one .x_icon i, .x_card.two .x_icon i, .x_card.three .x_icon i, .x_card.four .x_icon i, .x_card.five .x_icon i {
        background-image: url(img/icon_01.png);
    }

    .x_card.six .x_icon i, .x_card.seven .x_icon i {
        background-image: url(img/icon_02.png);
    }

    .x_card.one .x_icon i, .x_card.two .x_icon i, .x_card.four .x_icon i, .x_card.five .x_icon i {
        background-position-x: -58px;
    }

    .x_card.one .x_icon i, .x_card.two .x_icon i, .x_card.four .x_icon i, .x_card.five .x_icon i {
        width: 36px;
        height: 39px;
    }

    .x_card.six .x_icon i, .x_card.seven .x_icon i {
        width: 42px;
        height: 39px;
    }

    .x_card.one .x_icon i {
        margin: 23px auto;
    }

    .x_card.two .x_icon i {
        margin: 11px auto;
    }

    .x_card.three .x_icon i {
        width: 43px;
        height: 47px;
        background-position-x: 0px;
    }

    .x_card.five .x_icon i {
        transform: scale(0.7);
        -ms-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -o-transform: scale(0.7);
        margin: 0 auto;
    }

    .x_card.six .x_icon i {
        background-position-x: 0px;
        margin: 15.5px auto;
    }

    .x_card.seven .x_icon i {
        background-position-x: -42px;
        margin: 12px auto 5px auto;
    }

    .x_card.one .x_text, .x_card.two .x_text, .x_card.three .x_text, .x_card.four .x_text, .x_card.five .x_text {
        width: 100%;
    }

    .x_card.five .x_text {
        position: absolute;
        top: 0px;
    }

        .x_card.one .x_text p, .x_card.two .x_text p, .x_card.three .x_text p, .x_card.four .x_text p, .x_card.five .x_text p {
            text-align: center;
            margin-bottom: 0px;
        }

    .x_card.four .x_text p {
        color: #ffffff;
    }

    .x_card.six .x_text p, .x_card.seven .x_text p {
        font-size: 12px;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .x_card.six .x_text p {
        color: #666666;
        line-height: 2.5em;
    }

    .x_card.seven .x_text p {
        color: #1890ff;
        line-height: 1.2em;
    }

    .x_card.one .x_text p:nth-child(1), .x_card.two .x_text p:nth-child(1), .x_card.three .x_text p:nth-child(1) {
        font-size: 14px;
        line-height: 1.5em;
    }

    .x_card.four .x_text p:nth-child(1), .x_card.five .x_text p:nth-child(1), .x_card.five .x_text p:nth-child(2) {
        font-size: 12px;
        line-height: 1.5em;
    }

    .x_card.two .x_text p:nth-child(1), .x_card.three .x_text p:nth-child(1), .x_card.five .x_text p:nth-child(1) {
        color: #666666;
    }

    .x_card.one .x_text p:nth-child(1) {
        color: #999999;
    }

    .x_card.one .x_text p:nth-child(1), .x_card.three .x_text p:nth-child(1) {
        padding-top: 20px;
    }

    .x_card.two .x_text p:nth-child(1) {
        padding-top: 25px;
    }

    .x_card.four .x_text p:nth-child(1) {
        padding-top: 23px;
    }

    .x_card.five .x_text p:nth-child(1) {
        padding-top: 10px;
    }

    .x_card.one .x_text p:nth-child(2), .x_card.two .x_text p:nth-child(2), .x_card.three .x_text p:nth-child(2), .x_card.four .x_text p:nth-child(2) {
        font-size: 22px;
        line-height: 1.2em;
    }

    .x_card.one .x_text p:nth-child(2) {
        color: #333333;
    }

    .x_card.two .x_text p:nth-child(2) {
        color: #3f78f6;
    }

    .x_card.three .x_text p:nth-child(2) {
        color: #1890ff;
    }

    .x_card.five .x_text p:nth-child(2) {
        color: #666666;
        padding-top: 70px;
    }

    .x_card.two.x_icon_radius_18 .x_icon {
        border-radius: 18px;
    }

    .x_card.six.x_icon_radius_50 .x_icon {
        border-radius: 50px;
    }

.five .x_card.six .x_icon {
    background-color: #1ebe79;
}
/*主题1*/
.x_card.one.x_color_1 li:nth-child(7n+1) a .x_icon, .x_card.two.x_color_1 li:nth-child(7n+1) a .x_icon, .x_card.four.x_color_1 li:nth-child(7n+1) a, .x_card.five.x_color_1 li:nth-child(7n+1) a .x_icon, .x_card.six.x_color_1 li:nth-child(7n+1) a .x_icon {
    background-color: #43a1fe;
}

.x_card.one.x_color_1 li:nth-child(7n+2) a .x_icon, .x_card.two.x_color_1 li:nth-child(7n+2) a .x_icon, .x_card.four.x_color_1 li:nth-child(7n+2) a, .x_card.five.x_color_1 li:nth-child(7n+2) a .x_icon, .x_card.six.x_color_1 li:nth-child(7n+2) a .x_icon {
    background-color: #31c95d;
}

.x_card.one.x_color_1 li:nth-child(7n+3) a .x_icon, .x_card.two.x_color_1 li:nth-child(7n+3) a .x_icon, .x_card.four.x_color_1 li:nth-child(7n+3) a, .x_card.five.x_color_1 li:nth-child(7n+3) a .x_icon, .x_card.six.x_color_1 li:nth-child(7n+3) a .x_icon {
    background-color: #ff7c48;
}

.x_card.one.x_color_1 li:nth-child(7n+4) a .x_icon, .x_card.two.x_color_1 li:nth-child(7n+4) a .x_icon, .x_card.four.x_color_1 li:nth-child(7n+4) a, .x_card.five.x_color_1 li:nth-child(7n+4) a .x_icon, .x_card.six.x_color_1 li:nth-child(7n+4) a .x_icon {
    background-color: #ffab32;
}

.x_card.one.x_color_1 li:nth-child(7n+5) a .x_icon, .x_card.two.x_color_1 li:nth-child(7n+5) a .x_icon, .x_card.four.x_color_1 li:nth-child(7n+5) a, .x_card.five.x_color_1 li:nth-child(7n+5) a .x_icon, .x_card.six.x_color_1 li:nth-child(7n+5) a .x_icon {
    background-color: #2bd3ca;
}

.x_card.one.x_color_1 li:nth-child(7n+6) a .x_icon, .x_card.two.x_color_1 li:nth-child(7n+6) a .x_icon, .x_card.four.x_color_1 li:nth-child(7n+6) a, .x_card.five.x_color_1 li:nth-child(7n+6) a .x_icon, .x_card.six.x_color_1 li:nth-child(7n+6) a .x_icon {
    background-color: #8664ff;
}

.x_card.one.x_color_1 li:nth-child(7n+7) a .x_icon, .x_card.two.x_color_1 li:nth-child(7n+7) a .x_icon, .x_card.four.x_color_1 li:nth-child(7n+7) a, .x_card.five.x_color_1 li:nth-child(7n+7) a .x_icon, .x_card.six.x_color_1 li:nth-child(7n+7) a .x_icon {
    background-color: #ff646b;
}
/*主题2*/
.x_card.one.x_color_2 li:nth-child(7n+1) a .x_icon, .x_card.two.x_color_2 li:nth-child(7n+1) a .x_icon, .x_card.four.x_color_2 li:nth-child(7n+1) a, .x_card.five.x_color_2 li:nth-child(7n+1) a .x_icon, .x_card.six.x_color_2 li:nth-child(7n+1) a .x_icon {
    background-color: #feae7b;
}

.x_card.one.x_color_2 li:nth-child(7n+2) a .x_icon, .x_card.two.x_color_2 li:nth-child(7n+2) a .x_icon, .x_card.four.x_color_2 li:nth-child(7n+2) a, .x_card.five.x_color_2 li:nth-child(7n+2) a .x_icon, .x_card.six.x_color_2 li:nth-child(7n+2) a .x_icon {
    background-color: #ff5f99;
}

.x_card.one.x_color_2 li:nth-child(7n+3) a .x_icon, .x_card.two.x_color_2 li:nth-child(7n+3) a .x_icon, .x_card.four.x_color_2 li:nth-child(7n+3) a, .x_card.five.x_color_2 li:nth-child(7n+3) a .x_icon, .x_card.six.x_color_2 li:nth-child(7n+3) a .x_icon {
    background-color: #3f78f6;
}

.x_card.one.x_color_2 li:nth-child(7n+4) a .x_icon, .x_card.two.x_color_2 li:nth-child(7n+4) a .x_icon, .x_card.four.x_color_2 li:nth-child(7n+4) a, .x_card.five.x_color_2 li:nth-child(7n+4) a .x_icon, .x_card.six.x_color_2 li:nth-child(7n+4) a .x_icon {
    background-color: #0bdaa5;
}

.x_card.one.x_color_2 li:nth-child(7n+5) a .x_icon, .x_card.two.x_color_2 li:nth-child(7n+5) a .x_icon, .x_card.four.x_color_2 li:nth-child(7n+5) a, .x_card.five.x_color_2 li:nth-child(7n+5) a .x_icon, .x_card.six.x_color_2 li:nth-child(7n+5) a .x_icon {
    background-color: #715dff;
}

.x_card.one.x_color_2 li:nth-child(7n+6) a .x_icon, .x_card.two.x_color_2 li:nth-child(7n+6) a .x_icon, .x_card.four.x_color_2 li:nth-child(7n+6) a, .x_card.five.x_color_2 li:nth-child(7n+6) a .x_icon, .x_card.six.x_color_2 li:nth-child(7n+6) a .x_icon {
    background-color: #fc745a;
}

.x_card.one.x_color_2 li:nth-child(7n+7) a .x_icon, .x_card.two.x_color_2 li:nth-child(7n+7) a .x_icon, .x_card.four.x_color_2 li:nth-child(7n+7) a, .x_card.five.x_color_2 li:nth-child(7n+7) a .x_icon, .x_card.six.x_color_2 li:nth-child(7n+7) a .x_icon {
    background-color: #7e5bb9;
}
/*主题3*/
.x_card.one.x_color_3 li:nth-child(5n+1) a .x_icon, .x_card.two.x_color_3 li:nth-child(5n+1) a .x_icon, .x_card.four.x_color_3 li:nth-child(5n+1) a, .x_card.five.x_color_3 li:nth-child(5n+1) a .x_icon, .x_card.six.x_color_3 li:nth-child(5n+1) a .x_icon {
    background-color: #fd5759;
}

.x_card.one.x_color_3 li:nth-child(5n+2) a .x_icon, .x_card.two.x_color_3 li:nth-child(5n+2) a .x_icon, .x_card.four.x_color_3 li:nth-child(5n+2) a, .x_card.five.x_color_3 li:nth-child(5n+2) a .x_icon, .x_card.six.x_color_3 li:nth-child(5n+2) a .x_icon {
    background-color: #f8b528;
}

.x_card.one.x_color_3 li:nth-child(5n+3) a .x_icon, .x_card.two.x_color_3 li:nth-child(5n+3) a .x_icon, .x_card.four.x_color_3 li:nth-child(5n+3)
a, .x_card.five.x_color_3 li:nth-child(5n+3) a .x_icon, .x_card.six.x_color_3 li:nth-child(5n+3) a .x_icon {
    background-color: #32a5f7;
}

.x_card.one.x_color_3 li:nth-child(5n+4) a .x_icon, .x_card.two.x_color_3 li:nth-child(5n+4) a .x_icon, .x_card.four.x_color_3 li:nth-child(5n+4) a, .x_card.five.x_color_3 li:nth-child(5n+4) a .x_icon, .x_card.six.x_color_3 li:nth-child(5n+4) a .x_icon {
    background-color: #06ce78;
}

.x_card.one.x_color_3 li:nth-child(5n+5) a .x_icon, .x_card.two.x_color_3 li:nth-child(5n+5) a .x_icon, .x_card.four.x_color_3 li:nth-child(5n+5) a, .x_card.five.x_color_3 li:nth-child(5n+5) a .x_icon, .x_card.six.x_color_3 li:nth-child(5n+5) a .x_icon {
    background-color: #984de6;
}
/*宽度*/
.x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
    width: 12.5%;
}

.x_card.six li, .x_card.seven li {
    width: 5.882%;
}

@media screen and (min-width: 1921px) {
    .x_card.six li, .x_card.seven li {
        max-width: 110px;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        max-width: 220px;
    }
}

@media screen and (max-width: 1900px) {

    .x_card.six li, .x_card.seven li {
        width: 6.25%;
    }
}

@media screen and (max-width: 1800px) {

    .x_card.six li, .x_card.seven li {
        width: 6.666%;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        width: 14.285%;
    }
}

@media screen and (max-width: 1700px) {

    .x_card.six li, .x_card.seven li {
        width: 7.142%;
    }
}

@media screen and (max-width: 1600px) {

    .x_card.six li, .x_card.seven li {
        width: 7.692%;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        width: 16.666%;
    }
}

@media screen and (max-width: 1500px) {

    .x_card.six li, .x_card.seven li {
        width: 8.333%;
    }
}

@media screen and (max-width: 1400px) {

    .x_card.six li, .x_card.seven li {
        width: 9.09%;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        width: 20%;
    }
}

@media screen and (max-width: 1300px) {

    .x_card.six li, .x_card.seven li {
        width: 10%;
    }
}

@media screen and (max-width: 1200px) {

    .x_card.six li, .x_card.seven li {
        width: 11.111%;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        width: 25%
    }
}

@media screen and (max-width: 1000px) {
    .x_card.six li, .x_card.seven li {
        width: 12.5%;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        width: 33.333%
    }
}

@media screen and (max-width: 900px) {
    .x_card.six li, .x_card.seven li {
        width: 14.285%;
    }
}

@media screen and (max-width: 800px) {
    .x_card.six li, .x_card.seven li {
        width: 16.666%;
    }

    .x_card.one li, .x_card.two li, .x_card.three li, .x_card.four li {
        width: 50%;
    }
}

.shortcut_img.imgbook {
    background-position-y: -195px;
}

.shortcut_img.img01 {
    background-position-y: -312px;
}

.shortcut_img.img02 {
    background-position-y: -351px;
}

.shortcut_img.img03 {
    background-position-y: 0px;
}

.shortcut_img.img04 {
    background-position-y: -39px;
}

.shortcut_img.img05 {
    background-position-y: -117px;
}

.shortcut_img.img06 {
    background-position-y: 0px;
}

.shortcut_img.img07 {
    background-position-y: -117px;
}

.shortcut_img.img08 {
    background-position-y: -156px;
}

.shortcut_img.img09 {
    background-position-y: -390px;
}

.shortcut_img.img10 {
    background-position-y: -429px;
}

.shortcut_img.img11 {
    background-position-y: -390px;
}

.shortcut_img.img12 {
    background-position-y: -1053px;
}

.shortcut_img.img13 {
    background-position-y: -390px;
}

.shortcut_img.img14 {
    background-position-y: -1053px;
}

.shortcut_img.img15 {
    background-position-y: -507px;
}

.shortcut_img.img16 {
    background-position-y: -507px;
}

.shortcut_img.img17 {
    background-position-y: -507px;
}

.shortcut_img.img18 {
    background-position-y: -1053px;
}

.shortcut_img.img19 {
    background-position-y: -1053px;
}

.shortcut_img.img20 {
    background-position-y: -1053px;
}

.shortcut_img.img21 {
    background-position-y: -507px;
}

.shortcut_img.img22 {
    background-position-y: -1053px;
}

.shortcut_img.img23 {
    background-position-y: -585px;
}

.shortcut_img.img24 {
    background-position-y: -624px;
}

.shortcut_img.img25 {
    background-position-y: -663px;
}

.shortcut_img.img26 {
    background-position-y: -1053px;
}

.shortcut_img.img27 {
    background-position-y: -702px;
}

.shortcut_img.img28 {
    background-position-y: -741px;
}

.shortcut_img.img40 {
    background-position-y: -390px;
}

.shortcut_img.img29 {
    background-position-y: -780px;
}

.shortcut_img.img30 {
    background-position-y: -351px;
}

.shortcut_img.img31 {
    background-position-y: -351px;
}

.shortcut_img.img32 {
    background-position-y: -390px;
}

.shortcut_img.img33 {
    background-position-y: -819px;
}

.shortcut_img.img34 {
    background-position-y: -858px;
}

.shortcut_img.img35 {
    background-position-y: -507px;
}

.shortcut_img.img36 {
    background-position-y: -936px;
}

.shortcut_img.img37 {
    background-position-y: -975px;
}

.shortcut_img.img38 {
    background-position-y: -1014px;
}

.shortcut_img.img39 {
    background-position-y: -1053px;
}

.shortcut_img.customsimg01 {
    background-position-y: -507px;
}

.shortcut_img.customsimg02 {
    background-position-y: -507px;
}

.shortcut_img.customsimg03 {
    background-position-y: -507px;
}

.shortcut_img.customsimg04 {
    background-position-y: -1092px;
}

.shortcut_img.customsimg06 {
    background-position-y: -1053px;
}

.shortcut_img.customsimg07 {
    background-position-y: -585px;
}

.shortcut_img.customsimg08 {
    background-position-y: -624px;
}

.shortcut_img.customsimg09 {
    background-position-y: -663px;
}

.shortcut_img.customsimg10 {
    background-position-y: -1053px;
}

.shortcut_img.customsimg11 {
    background-position-y: -702px;
}

.shortcut_img.customsimg12 {
    background-position-y: -741px;
}

.shortcut_img.customsimg31 {
    background-position-y: -390px;
}

.shortcut_img.customsimg13 {
    background-position-y: -1053px;
}

.shortcut_img.customsimg14 {
    background-position-y: -975px;
}

.shortcut_img.customsimg15 {
    background-position-y: -1014px;
}

.shortcut_img.customsimg16 {
    background-position-y: -351px;
}

.shortcut_img.customsimg17 {
    background-position-y: -351px;
}

.shortcut_img.customsimg18 {
    background-position-y: -351px;
}

.shortcut_img.customsimg19 {
    background-position-y: 0px;
}

.shortcut_img.customsimg20 {
    background-position-y: -39px;
}

.shortcut_img.customsimg21 {
    background-position-y: -117px;
}

.shortcut_img.customsimg22 {
    background-position-y: 0px;
}

.shortcut_img.customsimg23 {
    background-position-y: -117px;
}

.shortcut_img.customsimg24 {
    background-position-y: -156px;
}

.shortcut_img.customsimg25 {
    background-position-y: -819px;
}