.index-root {
    min-width: 1200px;
    overflow: hidden;
    position: relative;
    font-family: "Microsoft YaHei Regular", "Microsoft YaHei", SimSun, sans-serif;
}

.head {
    /*left: 288px;
    top: 29px;
     position: absolute;
     */
    position: relative;
    width: 1173px;
    height: 37px;
    margin: 36px auto 0;
    z-index: 1;
    font-size: 0px;
    text-shadow: 3px 3px 3px grey;
}

.head .head-item {
    left: 0px;
    top: 0px;
    width: 120px;
    height: 37px;
    z-index: 1;
    line-height: 37px;
    display: inline-block;
    vertical-align: top;
}

.head .head-item p {
    width: 100%;
    text-align: center;
    height: 35px;
}

.head .head-item span {
    width: 100%;
    font-size: 16px;
    color: #000;
    text-align: center;
    cursor: pointer;
}

.head .head-item a {
    text-decoration: none;
    color: #000;
}

.head .head-item span.title {
    width: 100%;
    font-size: 22px;
    color: #000;
    text-align: center;
}

.head .head-index .slide-down {
    width: 120px;
    height: 130px;
    z-index: 10;
    color: #000;
}

.index-root .index-main {
    position: relative;
    overflow: hidden;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 2414px;
}

.index-root .index-layer-1 {
    position: absolute;
    width: 1920px;
    height: 2841px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-1.png);
    background-size: cover;
}

.index-root .index-group-1 {
    position: absolute;
    width: 1920px;
    height: 1332px;
    top: 0;
    left: 0;
}

.index-root .index-layer-2 {
    position: absolute;
    width: 1920px;
    height: 1332px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.index-root .index-group-2 {
    position: absolute;
    width: 867px;
    height: 406px;
    top: 976px;
    left: 693px;
    z-index: 100;
}

.index-group-2 .tabs-body .tabs-child {
    overflow: hidden;
}

.index-group-2 .tabs-body .tabs-child a {
    text-decoration: none;
    font-size: 15px;
    color: rgb(19, 19, 19);
}

.index-group-2 .tabs-body .tabs-child ul {
    width: 100%;
    height: 332px;
    overflow: scroll;
}

.index-group-2 .tabs-body .tabs-child ul li p {
    position: absolute;
    right: 30px;
    display: inline-block;
}

.index-group-2 .tabs-body .tabs-child ul li:hover {
    font-weight: 600;
}

.index-root .index-group-3 {
    position: absolute;
    width: 867px;
    height: 406px;
    top: 0;
    left: 0;
}

.index-group-3 .tabs-head {
    width: 50%;
    margin-left: 10px;;
}

.index-root .index-layer-3 {
    position: absolute;
    width: 867px;
    height: 406px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-3.png);
    background-size: cover;
}

.index-root .index-layer-4 {
    position: absolute;
    width: 385px;
    height: 21px;
    top: 23px;
    left: 34px;
    /*background-image: url(../images/index-layer-4.png);
    background-size: cover;*/
}

.index-root .index-group-4 {
    position: absolute;
    width: 838px;
    height: 40px;
    top: 23px;
    left: 14px;
}

.index-root .index-layer-5 {
    position: absolute;
    width: 838px;
    height: 3px;
    top: 33px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-5.png);
    background-size: 100%;
}

.index-root .index-layer-6 {
    position: absolute;
    width: 385px;
    height: 21px;
    top: 0;
    left: 20px;
    /* background-image: url(../images/index-layer-6.png);
     background-size: cover;*/
}

.index-root .index-layer-7 {
    position: absolute;
    width: 821px;
    height: 2px;
    top: 141px;
    left: 23px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-7.png);
    background-size: cover;
    opacity: 0.3686274509803922;
}

.index-root .index-group-5 {
    position: absolute;
    width: 355px;
    height: 23px;
    top: 95px;
    left: 223px;
}

.head-title {
    width: 380px !important;
    height: 23px !important;
    margin: 0 auto !important;
}

.head-title-text {
    width: 380px !important;
    height: 23px !important;
    top: 0 !important;
    left: 0 !important;
    font-weight: 600 !important;
}

.head-title-text a {
    width: 355px !important;
    height: 23px !important;
    font-size: 23px !important;
    color: rgb(199, 13, 0) !important;
}

.device-line {
    margin: 23px auto 16px;
    width: 821px;
    height: 2px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-7.png);
    background-size: cover;
    opacity: 0.3686274509803922;
}

.index-root .index-group-6 {
    position: absolute;
    width: 355px;
    height: 23px;
    top: 0;
    left: 0;
}

.index-root .index-layer-8 {
    position: absolute;
    width: 355px;
    height: 23px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-8.png);
    background-size: cover;
}

.index-root .index-group-7 {
    position: absolute;
    width: 828px;
    height: 223px;
    top: 162px;
    left: 18px;
}

.index-root .index-layer-9 {
    position: absolute;
    width: 212px;
    height: 205px;
    top: 2px;
    left: 58px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-9.png);
    background-size: cover;
}

.index-root .index-layer-10 {
    position: absolute;
    width: 38px;
    height: 203px;
    top: 8px;
    left: 754px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-10.png);
    background-size: cover;
}

.index-root .index-layer-11 {
    position: absolute;
    width: 39px;
    height: 21px;
    top: 0;
    left: 6px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-11.png);
    background-size: cover;
}

.index-root .index-layer-12 {
    position: absolute;
    width: 39px;
    height: 21px;
    top: 35px;
    left: 6px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-12.png);
    background-size: cover;
}

.index-root .index-layer-13 {
    position: absolute;
    width: 39px;
    height: 21px;
    top: 75px;
    left: 6px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-13.png);
    background-size: cover;
}

.index-root .index-layer-14 {
    position: absolute;
    width: 39px;
    height: 21px;
    top: 112px;
    left: 6px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-14.png);
    background-size: cover;
}

.index-root .index-layer-15 {
    position: absolute;
    width: 39px;
    height: 21px;
    top: 152px;
    left: 6px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-15.png);
    background-size: cover;
}

.index-root .index-layer-16 {
    position: absolute;
    width: 39px;
    height: 21px;
    top: 190px;
    left: 6px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-16.png);
    background-size: cover;
}

.index-root .index-layer-17 {
    position: absolute;
    width: 828px;
    height: 200px;
    top: 23px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-17.png);
    background-size: cover;
}

.index-root .index-layer-18 {
    position: absolute;
    width: 77px;
    height: 21px;
    top: 23px;
    left: 765px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-18.png);
    background-size: cover;
    cursor: pointer;
}

.index-root .index-group-8 {
    position: absolute;
    width: 868px;
    height: 350px;
    top: 618px;
    left: 693px;
}

.index-root .index-group-8 .swiper-wrapper .swiper-slide img {
    width: 100%;
}

.index-root .index-layer-19 {
    position: absolute;
    width: 867px;
    height: 343px;
    top: 6px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-19.png);
    background-size: cover;
}

.index-root .index-layer-20 {
    position: absolute;
    width: 868px;
    height: 350px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-20.png);
    background-size: cover;
}

.index-root .index-layer-21 {
    position: absolute;
    width: 191px;
    height: 2px;
    top: 347px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-21.png);
    background-size: cover;
}

.index-root .index-group-9 {
    position: absolute;
    width: 90px;
    height: 10px;
    top: 315px;
    left: 363px;
}

.index-root .index-layer-22 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-22.png);
    background-size: cover;
}

.index-root .index-layer-23 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 16px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-23.png);
    background-size: cover;
}

.index-root .index-layer-24 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 33px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-24.png);
    background-size: cover;
}

.index-root .index-layer-25 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 49px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-25.png);
    background-size: cover;
}

.index-root .index-layer-26 {
    position: absolute;
    width: 24px;
    height: 10px;
    top: 0;
    left: 66px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-26.png);
    background-size: cover;
}

.index-root .index-group-10 {
    position: absolute;
    width: 420px;
    height: 852px;
    top: 530px;
    left: 267px;
    z-index: 50;
}

.index-root .index-group-11 {
    position: absolute;
    width: 385px;
    height: 247px;
    top: 202px;
    left: 39px;
}

.index-root .index-group-12 {
    position: absolute;
    width: 360px;
    height: 199px;
    top: 0;
    left: 24px;
}

.index-root .index-layer-27 {
    position: absolute;
    width: 324px;
    height: 78px;
    top: 79px;
    left: 30px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-27.png);
    background-size: 100%;
}

.index-root .index-layer-29:hover .index-layer-44 {
    transform: scale(1.2);
    z-index: 55;
}

.index-root .index-layer-28 {
    position: absolute;
    width: 637px;
    height: 199px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-28.png);
    background-size: cover;
    opacity: 0.7686274509803922;
}

.index-root .index-layer-29 {
    position: absolute;
    width: 314px;
    height: 75px;
    top: 79px;
    left: 35px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-36.png);
    background-size: cover;
    opacity: 0.4392156862745098;
    z-index: 50;
    cursor: pointer;
}

.index-root .index-layer-29 > a, .index-root .index-layer-36 > a {
    width: 100%;
    height: 100%;
}

.index-root .index-layer-30 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 79px;
    left: 348px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-30.png);
    background-size: cover;
}

.index-root .index-layer-31 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 151px;
    left: 348px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-31.png);
    background-size: cover;
}

.index-root .index-layer-32 {
    position: absolute;
    width: 7px;
    height: 6px;
    top: 79px;
    left: 29px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-32.png);
    background-size: cover;
}

.index-root .index-layer-33 {
    position: absolute;
    width: 7px;
    height: 6px;
    top: 153px;
    left: 29px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-33.png);
    background-size: cover;
}

.index-root .index-group-13 {
    position: absolute;
    width: 385px;
    height: 206px;
    top: 41px;
    left: 0;
}

.index-root .index-layer-34 {
    position: absolute;
    width: 339px;
    height: 98px;
    top: 108px;
    left: 46px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-34.png);
    background-size: cover;
}

.index-root .index-layer-35 {
    position: absolute;
    width: 384px;
    height: 192px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-35.png);
    background-size: cover;
    opacity: 0.5686274509803921;
}

.index-root .index-layer-36 {
    position: absolute;
    width: 314px;
    height: 75px;
    top: 118px;
    left: 59px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-36.png);
    background-size: cover;
    opacity: 0.4392156862745098;
    z-index: 50;
    cursor: pointer;
}

.index-root .index-layer-36:hover .index-layer-43 {
    transform: scale(1.2);
    z-index: 55;
}

.index-root .index-layer-37 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 117px;
    left: 372px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-37.png);
    background-size: cover;
}

.index-root .index-layer-38 {
    position: absolute;
    width: 6px;
    height: 7px;
    top: 190px;
    left: 372px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-38.png);
    background-size: cover;
}

.index-root .index-layer-39 {
    position: absolute;
    width: 7px;
    height: 6px;
    top: 117px;
    left: 53px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-39.png);
    background-size: cover;
}

.index-root .index-layer-40 {
    position: absolute;
    width: 7px;
    height: 5px;
    top: 192px;
    left: 53px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-40.png);
    background-size: cover;
}

.index-root .index-layer-41 {
    position: absolute;
    width: 96px;
    height: 23px;
    top: 107px;
    left: 185px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-41.png);
    background-size: cover;
}

.index-root .index-layer-42 {
    position: absolute;
    width: 97px;
    height: 22px;
    top: 186px;
    left: 184px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-42.png);
    background-size: cover;
}

.index-root .index-layer-43 {
    position: absolute;
    width: 39px;
    height: 39px;
    top: 19px;
    left: 75px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-43.png);
    background-size: cover;
}

.index-root .index-layer-44 {
    position: absolute;
    width: 39px;
    height: 39px;
    top: 21px;
    left: 76px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-44.png);
    background-size: cover;
}

.index-root .index-layer-45 {
    position: absolute;
    width: 327px;
    height: 221px;
    top: 60px;
    left: 91px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-45.png);
    background-position: -91px -62px;
    /* background-size: 100%; */
}

.index-root .index-group-14 {
    position: absolute;
    width: 407px;
    height: 407px;
    top: 445px;
    left: 63px;
    z-index: 150;
}

.index-root .index-layer-46 {
    position: absolute;
    width: 323px;
    height: 406px;
    top: 1px;
    left: 30px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-46.png);
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}

.index-root .index-layer-47 {
    position: absolute;
    width: 2px;
    height: 407px;
    top: 0;
    left: 189px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-47.png);
    background-size: cover;
    opacity: 0.0784313725490196;
}

.index-root .index-layer-48 {
    position: absolute;
    width: 407px;
    height: 2px;
    top: 140px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-48.png);
    background-size: cover;
    opacity: 0.0784313725490196;
}

.index-root .index-layer-49 {
    position: absolute;
    width: 407px;
    height: 2px;
    top: 266px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-49.png);
    background-size: cover;
    opacity: 0.0784313725490196;
}

.index-root .index-layer-50 {
    position: absolute;
    width: 212px;
    height: 17px;
    top: 101px;
    left: 78px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-50.png);
    background-size: cover;
}

.index-root .index-layer-51 {
    position: absolute;
    width: 225px;
    height: 19px;
    top: 236px;
    left: 78px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-51.png);
    background-size: cover;
}

.index-root .index-layer-52 {
    position: absolute;
    width: 223px;
    height: 19px;
    top: 366px;
    left: 79px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-52.png);
    background-size: cover;
}

.index-root .index-group-15 {
    position: absolute;
    width: 194px;
    height: 311px;
    top: 31px;
    left: 92px;
    z-index: 100;
}

.index-root .index-layer-53 {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 43px;
    left: 210px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-53.png);
    background-size: cover;
}

.index-root .index-layer-54 {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 43px;
    left: 61px;

    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-54.png);
    background-size: cover;
}

.index-root .index-layer-55 {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 178px;
    left: 63px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-55.png);
    background-size: cover;
}

.index-root .index-layer-56 {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 181px;
    left: 209px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-56.png);
    background-size: cover;
}

.index-root .index-layer-57 {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 313px;
    left: 209px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-57.png);
    background-size: cover;
}

.index-root .index-layer-58 {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 312px;
    left: 63px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-58.png);
    background-size: cover;
}

.index-root .index-layer-59 {
    position: absolute;
    width: 29px;
    height: 29px;
    top: 189px;
    left: 218px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-59.png);
    background-size: cover;
}

.index-root .index-layer-60 {
    position: absolute;
    width: 30px;
    height: 29px;
    top: 51px;
    left: 218px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-60.png);
    background-size: cover;
}

.index-root .index-layer-61 {
    position: absolute;
    width: 24px;
    height: 28px;
    top: 55px;
    left: 72px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-61.png);
    background-size: cover;
}

.index-root .index-layer-62 {
    position: absolute;
    width: 22px;
    height: 24px;
    top: 189px;
    left: 76px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-62.png);
    background-size: cover;
}

.index-root .index-layer-63 {
    position: absolute;
    width: 29px;
    height: 29px;
    top: 320px;
    left: 73px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-63.png);
    background-size: cover;
}

.index-root .index-layer-64 {
    position: absolute;
    width: 27px;
    height: 25px;
    top: 325px;
    left: 218px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-64.png);
    background-size: cover;
}

.index-root .index-group-16 {
    position: absolute;
    width: 286px;
    height: 34px;
    top: 576px;
    left: 1274px;
}

.index-root .index-layer-65 {
    position: absolute;
    width: 189px;
    height: 34px;
    top: 0;
    left: 97px;
    /*background-image: url(../images/index-layer-65.png);*/
    background-color: rgb(226, 183, 117);
    background-size: cover;
}

.index-root .index-layer-66 {
    position: absolute;
    width: 97px;
    height: 34px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-66.png);
    background-size: cover;
}

.index-root .index-layer-67 {
    position: absolute;
    width: 72px;
    height: 18px;
    top: 8px;
    left: 13px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-67.png);
    background-size: cover;
}

.index-root .index-layer-68 {
    position: absolute;
    width: 122px;
    height: 17px;
    top: 9px;
    left: 115px;
    /* background-image: url(../images/index-layer-68.png); */
    background-size: cover;
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
    color: rgb(89, 54, 0);
}

.index-root .index-group-17 {
    position: absolute;
    width: 1920px;
    height: 1272px;
    top: 1355px;
    left: 0;
}

.index-root .index-group-18 {
    position: absolute;
    width: 1920px;
    height: 1272px;
    top: 0;
    left: 0;
}

.index-root .index-layer-69 {
    position: absolute;
    width: 1920px;
    height: 578px;
    top: 59px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-69.png);
    background-size: cover;
    overflow: hidden;
}

.index-root .index-layer-70 {
    position: absolute;
    width: 1117px;
    height: 1272px;
    top: -60px;
    left: 218px;
    background-size: cover;
}

.index-root .index-group-19 {
    position: absolute;
    width: 1572px;
    height: 886px;
    top: 203px;
    left: 348px;
}

.index-root .index-layer-71 {
    position: absolute;
    width: 1572px;
    height: 778px;
    top: 108px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-71.png);
    background-size: cover;
}

.index-root .index-layer-72 {
    position: relative;
    width: 40px;
    height: 39px;
    top: 269px;
    left: 75px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-72.png);
    background-size: cover;
}

.index-root .index-layer-73 {
    position: relative;
    width: 40px;
    height: 39px;
    top: 240px;
    left: 87px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-73.png);
    background-size: cover;
    border-radius: 50%;
    border: 2px solid gray;
}

.index-root .index-layer-74 {
    position: relative;
    width: 40px;
    height: 39px;
    top: 197px;
    left: 158px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-74.png);
    background-size: cover;
    border-radius: 50%;
    border: 2px solid gray;
}

.index-root .index-layer-75 {
    position: relative;
    width: 40px;
    height: 39px;
    top: 155px;
    left: 226px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-75.png);
    background-size: cover;
    border-radius: 50%;
    border: 2px solid gray;
}

.index-root .index-layer-76 {
    position: relative;
    width: 272px;
    height: 106px;
    top: -60px;
    left: 0px;
    /*background-image: url(../images/index-layer-76.png);
    background-size: cover;*/
    font-size: 14px;
    line-height: 24px;
    color: rgb(67,67,67);
}

.index-root .index-layer-77 {
    position: relative;
    width: 320px;
    height: 85px;
    top: -52px;
    left: 0px;
    font-size: 14px;
    /*background-image: url(../images/index-layer-77.png);
    background-size: cover;*/
    color: rgb(67,67,67);
}

.index-root .index-layer-77 p {
    margin-bottom: 12px;
    font-size: 14px;
}

.index-root .index-layer-78 {
    position: relative;
    width: 298px;
    height: 1px;
    top: -260px;
    left: 0px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-78.png);
    background-size: cover;
}

.index-root .index-layer-79 {
    position: relative;
    width: 298px;
    height: 1px;
    top: -150px;
    left: 0px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-79.png);
    background-size: cover;
}

.liupai {
    margin-right: 15px;
}

.liupai.active .liupai-bg {
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-80.png);
    background-size: cover;
}

.liupai .liupai-bg {
    /*position: absolute;*/
    width: 97px;
    height: 32px;
    /*top: 0;
    left: 903px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-82.png);
    background-size: cover;
    cursor: pointer;
}

.liupai .liupai-text {
    width: 100%;
    height: 100%;
    color: white;
    font-size: 20px;
    text-align: center;
    line-height: 2rem;
}

.index-root .index-layer-83 {
    position: absolute;
    width: 80px;
    height: 21px;
    top: 6px;
    left: 911px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-83.png);
    background-size: cover;
}

.index-root .index-layer-84 {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 26px;
    left: 43.5px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-84.png);
    background-size: cover;
}

.index-root .index-layer-85 {
    position: absolute;
    width: 37px;
    height: 121px;
    top: 195px;
    left: 894px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-85.png);
    background-size: cover;
}

.index-root .index-layer-86 {
    position: absolute;
    width: 22px;
    height: 43px;
    top: 225px;
    left: 901px;
    color: white;
    font-size: 22px;
    /*background-image: url(../images/index-layer-86.png);
    background-size: cover;*/
}

.index-root .index-layer-87 {
    position: absolute;
    width: 1121px;
    height: 21px;
    top: 89px;
    left: 396px;
    /*background-image: url(../images/index-layer-87.png);
    background-size: cover;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0px;
}

.index-root .index-layer-88 {
    position: absolute;
    width: 1200px;
    height: 1px;
    top: 129px;
    left: 360px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-88.png);
    background-size: cover;
}

.index-root .index-group-20 {
    position: absolute;
    width: 1156px;
    height: 13px;
    top: 123px;
    left: 377px;
}

.index-root .index-layer-89 {
    position: absolute;
    width: 72px;
    height: 11px;
    top: 35px;
    left: -18px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-89.png);
    background-size: cover;
}

.index-root .index-group-22 {
    position: absolute;
    width: 1211px;
    height: 1569px;
    top: 960px;
    left: 347px;
    z-index: 0;
}

.index-root .index-group-23 {
    position: absolute;
    width: 999px;
    height: 1416px;
    top: 0;
    left: 13px;
    z-index: 30;
}

.index-root .index-layer-108 {
    position: absolute;
    width: 323px;
    height: 352px;
    top: 1064px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-108.png);
    background-size: cover;
}

.index-root .index-layer-109 {
    position: absolute;
    width: 89px;
    height: 22px;
    top: 1088px;
    left: 38px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-109.png);
    background-size: cover;
}

.index-root .index-layer-110 {
    position: absolute;
    width: 304px;
    height: 1px;
    top: 1237px;
    left: 10px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-110.png);
    background-size: cover;
}

.index-root .index-layer-111 {
    position: absolute;
    width: 59px;
    height: 59px;
    top: 1148px;
    left: 21px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-111.png);
    background-size: cover;
}

.index-root .index-layer-112 {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 1141px;
    left: 15px;
    /* background-image: url(../images/index-layer-112.png); */
    background-size: cover;
    border: 2px solid rgb(232, 112, 91);
    border-radius: 50%;
}

.index-root .index-layer-113 {
    position: absolute;
    width: 58px;
    height: 66px;
    top: 1141px;
    left: 22px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-113.png);
    background-size: cover;
}

.index-root .index-layer-114 {
    position: absolute;
    width: 58px;
    height: 66px;
    top: 1141px;
    left: 22px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-114.png);
    background-size: cover;
}

.index-root .index-layer-115 {
    position: absolute;
    width: 183px;
    height: 21px;
    top: 1151px;
    left: 95px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-115.png);
    background-size: cover;
}

.index-root .index-layer-116 {
    position: absolute;
    width: 205px;
    height: 17px;
    top: 1187px;
    left: 98px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-116.png);
    background-size: cover;
}

.index-root .index-layer-117 {
    position: absolute;
    width: 61px;
    height: 75px;
    top: 1253px;
    left: 64px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-117.png);
    background-size: cover;
}

.index-root .index-layer-118 {
    position: absolute;
    width: 61px;
    height: 75px;
    top: 1253px;
    left: 208px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-118.png);
    background-size: cover;
}

.index-root .index-layer-119 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 1288px;
    left: 51px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-119.png);
    background-size: cover;
}

.index-root .index-layer-120 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1286px;
    left: 49px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-122.png);
    background-size: cover;
}

.account-manage {
    position: absolute;
    top: 1280px;
    left: 66px;
    font-size: 15px;
    color: gray;
    cursor: pointer;
}

.account-manage:hover {
    color: black;
}

.index-root .index-layer-121 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 1288px;
    left: 194px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-121.png);
    background-size: cover;
}

.index-root .index-layer-122 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1286px;
    left: 192px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-122.png);
    background-size: cover;
}

.account-security {
    position: absolute;
    top: 1280px;
    left: 208px;
    font-size: 15px;
    color: gray;
    cursor: pointer;
}

.account-security:hover {
    color: black;
}

.index-root .index-layer-123 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 1318px;
    left: 194px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-123.png);
    background-size: cover;
}

.index-root .index-layer-124 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1316px;
    left: 192px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-122.png);
    background-size: cover;
}

.fangchenmi {
    position: absolute;
    top: 1310px;
    left: 66px;
    font-size: 15px;
    color: gray;
    cursor: pointer;
}

.fangchenmi:hover {
    color: black;
}

.index-root .index-layer-125 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 1317px;
    left: 194px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-125.png);
    background-size: cover;
}

.index-root .index-layer-126 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1315px;
    left: 192px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-122.png);
    background-size: cover;
}

.index-root .index-layer-127 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 1317px;
    left: 50px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-127.png);
    background-size: cover;
}

.index-root .index-layer-128 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1315px;
    left: 48px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-122.png);
    background-size: cover;
}

.password-reset {
    position: absolute;
    top: 1310px;
    left: 208px;
    font-size: 15px;
    color: gray;
    cursor: pointer;
}

.password-reset:hover {
    color: black;
}

.index-root .index-layer-129 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 1318px;
    left: 50px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-129.png);
    background-size: cover;
}

.index-root .index-layer-130 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1316px;
    left: 48px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-130.png);
    background-size: cover;
}

.index-root .index-layer-131 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 1096px;
    left: 21px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-131.png);
    background-size: cover;
}

.index-root .index-layer-132 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1094px;
    left: 19px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-184.png);
    background-size: cover;
}

.index-root .index-group-24 {
    position: absolute;
    width: 280px;
    height: 42px;
    top: 1358px;
    left: 24px;
}

.index-root .index-layer-133 {
    position: absolute;
    width: 131px;
    height: 42px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-133.png);
    background-size: cover;
}

.index-root .index-layer-133 > a {
    display: block;
    width: 100%;
    height: 100%;

}

.index-root .index-layer-134 {
    position: absolute;
    width: 131px;
    height: 42px;
    top: 0;
    left: 149px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-134.png);
    background-size: cover;
}
.index-root .index-layer-134 > a {
    display: block;
    width: 100%;
    height: 100%;

}
.index-root .index-group-25 {
    position: absolute;
    width: 425px;
    height: 505px;
    top: 1064px;
    left: 345px;
    z-index: 30;
    font-size: 0px;
}

.index-root .index-layer-135 {
    position: absolute;
    width: 427px;
    height: 352px;
    top: 0px;
    left: 0px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-135.png);
    background-size: cover;
}

.index-root .index-layer-136 {
    position: absolute;
    width: 89px;
    height: 22px;
    top: 24px;
    left: 29px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-136.png);
    background-size: cover;
}

.index-root .index-layer-137 {
    position: absolute;
    width: 110px;
    height: 72px;
    top: 77px;
    left: 10px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-137.png);
    background-size: cover;
}

.index-root .index-layer-138 {
    position: absolute;
    width: 110px;
    height: 72px;
    top: 166px;
    left: 10px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-138.png);
    background-size: cover;
}

.index-root .index-layer-139 {
    position: absolute;
    width: 110px;
    height: 73px;
    top: 255px;
    left: 10px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-139.png);
    background-size: cover;
}

.index-root .index-layer-140 {
    position: absolute;
    width: 290px;
    height: 1px;
    top: 149px;
    left: 128px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-140.png);
    background-size: cover;
}

.index-root .index-layer-141 {
    position: absolute;
    width: 290px;
    height: 1px;
    top: 238px;
    left: 128px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-141.png);
    background-size: cover;
}

.index-root .index-layer-142 {
    position: absolute;
    width: 290px;
    height: 1px;
    top: 327px;
    left: 128px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-142.png);
    background-size: cover;
}

.index-root .index-layer-143 {
    position: absolute;
    width: 290px;
    height: 1px;
    top: 78px;
    left: 128px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-143.png);
    background-size: cover;
}

.index-root .index-layer-144 {
    position: absolute;
    width: 290px;
    height: 1px;
    top: 167px;
    left: 128px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-144.png);
    background-size: cover;
}

.index-root .index-layer-145 {
    position: absolute;
    width: 290px;
    height: 1px;
    top: 256px;
    left: 128px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-145.png);
    background-size: cover;
}

.index-root .index-layer-146 {
    position: absolute;
    width: 279px;
    height: 40px;
    top: 185px;
    left: 130px;
    /*background-image: url(../images/index-layer-146.png);
    background-size: cover;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    color: gray;
    font-size: 0px;
}

.index-root .index-layer-147 {
    position: absolute;
    width: 279px;
    height: 40px;
    top: 269px;
    left: 130px;
    /*background-image: url(../images/index-layer-147.png);
    background-size: cover;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    color: gray;
    font-size: 0px;
}

.index-layer-146 > span, .index-layer-147 > span, .index-layer-148 > span {
    cursor: pointer;
    min-width: 68px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

.index-layer-146 > span:hover, .index-layer-147 > span:hover, .index-layer-148 > span:hover {
    color: black;
}

.index-root .index-layer-148 {
    position: absolute;
    width: 279px;
    height: 40px;
    top: 96px;
    left: 130px;
    /*background-image: url(../images/index-layer-148.png);
    background-size: cover;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    color: gray;
    font-size: 0px;
}

.index-root .index-layer-149 {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 32px;
    left: 373px;
    /*background-image: url(../images/index-layer-149.png);
    background-size: cover;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    color: gray;
    font-size: 14px;
    font-weight: 600;
}

.index-root .index-layer-150 {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 30px;
    left: 7px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-184.png);
    background-size: cover;

}

.index-root .index-group-26 {
    position: absolute;
    width: 427px;
    height: 352px;
    top: 1064px;
    left: 784px;
    z-index: 40;
}

.index-root .index-layer-151 {
    position: absolute;
    width: 427px;
    height: 352px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-151.png);
    background-size: cover;
}

.index-root .index-layer-152 {
    position: absolute;
    width: 73px;
    height: 77px;
    top: 0;
    left: 343px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-152.png);
    background-size: cover;
}

.index-root .index-layer-153 {
    position: absolute;
    width: 111px;
    height: 22px;
    top: 23px;
    left: 42px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-153.png);
    background-size: cover;
}

.index-root .index-group-27 {
    position: absolute;
    width: 204px;
    height: 26px;
    top: 62px;
    left: 104px;
}

.index-root .index-layer-154 {
    position: absolute;
    width: 144px;
    height: 16px;
    top: 5px;
    left: 26px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-154.png);
    background-size: cover;
}

.index-root .index-layer-155 {
    appearance: none; /* 鍘绘帀榛樿鍥炬爣 */
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    position: absolute;
    width: 97px;
    height: 26px;
    top: 0;
    left: 0;
    padding-left: 3px;
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-156.png) no-repeat 77px 8px;
}

.index-root .index-layer-156 {
    position: absolute;
    width: 15px;
    height: 9px;
    top: 8px;
    left: 73px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-156.png);
    background-size: cover;
}

.index-root .index-layer-157 {
    appearance: none; /* 鍘绘帀榛樿鍥炬爣 */
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    position: absolute;
    width: 97px;
    height: 26px;
    top: 0;
    left: -97px;
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-156.png) no-repeat 77px 8px;
    padding-left: 3px;
}

.index-root .index-layer-158 {
    position: absolute;
    width: 15px;
    height: 9px;
    top: 8px;
    left: 180px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-158.png);
    background-size: cover;
}

.index-root .index-group-28 {
    position: absolute;
    width: 410px;
    height: 30px;
    top: 104px;
    left: 7px;
}

.index-root .index-layer-159 {
    width: 101px;
    height: 30px;
    top: 0;
    left: 3px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-159.png);
    background-size: cover;
}

.index-root .index-layer-160 {
    width: 86px;
    height: 28px;
    top: 1px;
    left: 108px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-160.png);
    background-size: cover;
}

.index-root .index-layer-161 {
    width: 86px;
    height: 28px;
    top: 1px;
    left: 201px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-161.png);
    background-size: cover;
}

.index-root .index-layer-162 {
    position: absolute;
    width: 410px;
    height: 1px;
    top: 133px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-162.png);
    background-size: cover;
}

.index-root .index-layer-163 {
    position: absolute;
    width: 9px;
    height: 112px;
    top: 186px;
    left: 16px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-163.png);
    background-size: cover;
}

.index-root .index-layer-164 {
    position: absolute;
    width: 71px;
    height: 115px;
    top: 184px;
    left: 44px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-164.png);
    background-size: cover;
}

.index-root .index-layer-165 {
    position: absolute;
    width: 70px;
    height: 115px;
    top: 185px;
    left: 143px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-165.png);
    background-size: cover;
}

.index-root .index-layer-166 {
    position: absolute;
    width: 57px;
    height: 115px;
    top: 186px;
    left: 249px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-166.png);
    background-size: cover;
}

.index-root .index-layer-167 {
    position: absolute;
    width: 50px;
    height: 112px;
    top: 189px;
    left: 355px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-167.png);
    background-size: cover;
}

.index-root .index-group-29 {
    position: absolute;
    width: 414px;
    height: 19px;
    top: 187px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

.index-root .index-layer-168 {
    position: relative;
    width: 21px;
    height: 19px;
    /*top: 0;
    left: 0;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-168.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;

}

.index-root .index-layer-169 {
    position: relative;
    width: 7px;
    height: 9px;
    /*top: 5px;
    left: 7px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-169.png);
    background-size: cover;
}

.page-num div {
    margin-right: 5px;
    float: left;
}
.page-num .page-utill {
    float: none;
    margin: auto auto;
    min-width: 1px;
    display: inline-block;
    text-align: center;
}

.page-num .prev-page {
    position: relative;
    width: 21px;
    height: 19px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-168.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}

.page-num .page-item.active {
    position: relative;
    width: 21px;
    height: 19px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-172.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}

.page-num .page-item {
    position: relative;
    width: 21px;
    height: 19px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-174.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}

.index-root .index-layer-170 {
    position: relative;
    width: 21px;
    height: 19px;
    /*top: 0;
    left: 150px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-170.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
}

.index-root .index-layer-171 {
    position: relative;
    width: 7px;
    height: 9px;
    /*top: 5px;
    left: 157px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-171.png);
    background-size: cover;
}

.index-root .index-layer-172 {
    position: relative;
    width: 21px;
    height: 19px;
    /*top: 0;
    left: 26px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-174.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
}

.index-root .index-layer-173 {
    position: relative;
    width: 7px;
    height: 12px;
    /*top: 4px;
    left: 34px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-173.png);
    background-size: cover;
}

.index-root .index-layer-174 {
    position: relative;
    width: 21px;
    height: 19px;
    /* top: 0;
     left: 51px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-174.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
}

.index-root .index-layer-175 {
    position: relative;
    width: 8px;
    height: 12px;
    /*top: 4px;
    left: 57px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-175.png);
    background-size: cover;
}

.index-root .index-layer-176 {
    position: relative;
    width: 21px;
    height: 19px;
    /* top: 0;
     left: 75px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-176.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
}

.index-root .index-layer-177 {
    position: relative;
    width: 6px;
    height: 12px;
    /*top: 4px;
    left: 83px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-177.png);
    background-size: cover;
}

.index-root .index-layer-178 {
    position: relative;
    width: 21px;
    height: 19px;
    /*top: 0;
    left: 100px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-178.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
}

.index-root .index-layer-179 {
    position: relative;
    width: 8px;
    height: 12px;
    /*top: 4px;
    left: 106px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-179.png);
    background-size: cover;
}

.index-root .index-layer-180 {
    position: relative;
    width: 21px;
    height: 19px;
    /*top: 0;
    left: 124px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-180.png);
    background-size: cover;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.index-root .index-layer-181 {
    position: relative;
    width: 7px;
    height: 12px;
    /*top: 4px;
    left: 132px;*/
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-181.png);
    background-size: cover;
}

.index-root .index-layer-182 {
    position: absolute;
    width: 406px;
    height: 29px;
    top: 144px;
    left: 8px;
    /*background-image: url(../images/index-layer-182.png);
    background-size: cover;*/
}

.index-root .index-layer-183 {
    position: absolute;
    width: 365px;
    height: 15px;
    top: 151px;
    left: 36px;
    /*background-image: url(../images/index-layer-183.png);
    background-size: cover;*/
}

.index-root .index-layer-184 {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 29px;
    left: 19px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-184.png);
    background-size: cover;
}

.index-root .index-group-30 {
    position: fixed;
    width: 223px;
    height: 406px;
    top: 77px;
    left: 1px;
    z-index: 900;
  }
  
  .index-root .index-layer-185 {
    position: absolute;
    width: 221px;
    height: 409px;
    top: -12px;
    left: -14px;
    background-image: url(../images/xfe-layer-185-1.png);
    background-size: cover;
    opacity: 0.788235294117647;
  }
  
  .index-root .index-layer-186 {
    position: absolute;
    width: 148px;
    height: 133px;
    top: 19px;
    left: 21px;
    background-image: url(../images/index-layer-186.png);
    background-size: cover;
  }
  
  .index-root .index-layer-187 {
    position: absolute;
    width: 114px;
    height: 14px;
    top: 164px;
    left: 35px;
    background-image: url(../images/index-layer-187.png);
    background-size: cover;
  }
  
  .index-root .index-layer-188 {
    position: absolute;
    width: 148px;
    height: 1px;
    top: 185px;
    left: 20px;
    background-image: url(../images/index-layer-188.png);
    background-size: cover;
  }
  
  .index-root .index-layer-189 {
    position: absolute;
    width: 148px;
    height: 1px;
    top: 184px;
    left: 20px;
    background-image: url(../images/index-layer-189.png);
    background-size: cover;
  }
  
  .index-root .index-layer-190 {
    position: absolute;
    width: 149px;
    height: 32px;
    top: 194px;
    left: 20px;
    background-image: url(../images/index-layer-190.png);
    background-size: cover;
    text-align: center;
    line-height: 32px;
  }
  
  .index-root .index-layer-190-1 {
    position: absolute;
    width: 149px;
    height: 32px;
    top: 343px;
    left: 20px;
    background-image: url(../images/index-layer-190.png);
    background-size: cover;
    text-align: center;
    line-height: 32px;
  }
  
  .index-layer-190 > a, .index-layer-190-1 > a, .index-layer-191 > a, .index-layer-193 > a, .index-layer-194 > a {
    text-decoration: none;
    color: rgb(255, 246, 223);
    font-size: 18px;
    width: 147px;
  }
  
  .index-root .index-layer-191 {
    position: absolute;
    width: 149px;
    height: 32px;
    top: 231px;
    left: 20px;
    background-image: url(../images/index-layer-191.png);
    background-size: cover;
    text-align: center;
    line-height: 32px;
  }
  
  /*.index-root .index-layer-192 {
      position: absolute;
      width: 72px;
      height: 55px;
      top: 201px;
      left: 57px;
      background-image: url(../images/index-layer-192.png);
      background-size: cover;
  }*/
  
  .index-root .index-layer-193 {
    position: absolute;
    width: 149px;
    height: 32px;
    top: 268px;
    left: 20px;
    background-image: url(../images/index-layer-193.png);
    background-size: cover;
    text-align: center;
    line-height: 32px;
  }
  
  .index-root .index-layer-194 {
    position: absolute;
    width: 149px;
    height: 32px;
    top: 305px;
    left: 20px;
    background-image: url(../images/index-layer-194.png);
    background-size: cover;
    text-align: center;
    line-height: 32px;
  }
  
  /*.index-root .index-layer-195 {
      position: absolute;
      width: 73px;
      height: 55px;
      top: 275px;
      left: 57px;
      !*background-image: url(../images/index-layer-195.png);*!
      background-size: cover;
  }*/
  
  .index-root .index-layer-196 {
    position: absolute;
    width: 114px;
    height: 115px;
    top: 29px;
    left: 38px;
    background-image: url(../images/index-layer-196.jpg);
    background-size: cover;
  }
  
  .index-root .index-layer-197 {
    position: absolute;
    width: 31px;
    height: 94px;
    top: 73px;
    left: 192px;
    background-image: url(../images/index-layer-197.png);
    background-size: cover;
    cursor: pointer;
  }
  
  .index-root .index-layer-198 {
    position: absolute;
    width: 17px;
    height: 41px;
    top: 98px;
    left: 197px;
    /*background-image: url(../images/index-layer-198.png);
    background-size: cover;*/
    color: white;
    cursor: pointer;
  }
  
  .index-root .index-layer-199 {
    position: absolute;
    width: 177px;
    height: 38px;
    top: 401px;
    left: 10px;
    background-image: url(../images/index-layer-199.png);
    background-size: 100%;
  }
  
  .index-root .index-layer-200 {
    position: absolute;
    width: 181px;
    height: 43px;
    top: 399px;
    left: 8px;
    background-image: url(../images/index-layer-200.png);
    background-size: cover;
  }
  
  .index-root .index-layer-201 {
    position: absolute;
    width: 88px;
    height: 21px;
    top: 410px;
    left: 51px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-201.png);
    background-size: cover;
}

.index-root .index-layer-202 {
    position: absolute;
    width: 1920px;
    height: 214px;
    top: 2627px;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-202.png);
    background-size: cover;
}

.index-root .index-layer-203 {
    position: absolute;
    width: 1920px;
    height: 59px;
    top: 0;
    left: 0;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-203.png);
    background-size: cover;
}

.index-root .index-layer-204 {
    display: inline-block;
    width: 267px;
    height: 108px;
    top: 62px;
    left: 104px;
    background-repeat: no-repeat;
    background-image: url('//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/top.png');
}


#all_news {
    width: 72px;
    height: 59px;
    /* position: absolute;
     left: 18px;*/
    background: url('//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-4.png') no-repeat 16px 23px/auto;
    margin-right: 35px;
}

#all_news.active {
    width: 72px;
    height: 59px;
    /* position: absolute;
     left: 18px;*/
    background: url('//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-6.png') no-repeat 16px 23px/auto;
    margin-right: 35px;
}

#gonggao {
    width: 72px;
    height: 59px;
    /* position: absolute;
     left: 133px;*/
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-4.png) no-repeat -99px 23px/auto;
    margin-right: 35px;
}

#gonggao.active {
    width: 72px;
    height: 59px;
    /* position: absolute;
     left: 133px;*/
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-6.png) no-repeat -99px 23px/auto;
    margin-right: 35px;
}

#news {
    width: 72px;
    height: 59px;
    /*position: absolute;
    left: 248px;*/
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-4.png) no-repeat -214px 23px/auto;
    margin-right: 10px;
    margin-right: 35px;
}

#news.active {
    width: 72px;
    height: 59px;
    /*position: absolute;
    left: 248px;*/
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-6.png) no-repeat -214px 23px/auto;
    margin-right: 35px;
}

#hd {
    width: 72px;
    height: 59px;
    /*position: absolute;
    left: 361px;*/
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-4.png) no-repeat -327px 23px/auto;
    margin-right: 35px;
}

#hd.active {
    width: 72px;
    height: 59px;
    /*position: absolute;
    left: 361px;*/
    background: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-6.png) no-repeat -327px 23px/auto;
    margin-right: 35px;
}

span.active-tab-bar {
    width: 72px;
    height: 11px;
    top: 51px;
    left: 0px;
    z-index: 10;
    position: absolute;
    background: url('//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/active.png') no-repeat 0 0/100%;
}

span.menpai-label {
    width: 40px;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    font-weight: 600;
    margin-right: 70px;
}

span.menpai-label.active {
    width: 40px;
    height: 20px;
    font-size: 18px;
    line-height: 20px;
    color: rgb(196, 30, 32);

}

.hover-rotate:hover .hover-effect {
    transition: 0.6s;
    transform: rotateY(360deg);
}

.left-list-item {
    width: 49%;
    height: 33%;
    z-index: 200;
    cursor: pointer;
    float: left;
    z-index:100;

}
.left-list-item a{
   display: block;
    height: 100%;
}

#introduce-tabs {
     height: 369px;
     width: 395px;
     position: absolute;
     left: 758px;
     top: 15px;
 }
#introduce-tabs .tabs-body .tabs-child{

}

#introduce-tabs .tabs-head {
    justify-content: flex-start;
    margin-top: 0px;
    align-items: center;
    display: flex;
    position: absolute;
    top: 14px
    /* left: -50px;*/
}


.index-group-26 .tabs-body {
    top: 125px;
    float: left;
}

.rank-table {
    top: 144px;
    left: 0px;
    font-size: 14px;
    z-index: 10;
    width: 410px;
    border-spacing: 0;
}

.rank-table .table-empty {

}

.rank-table .table-head {
    background-color: rgb(232, 228, 213);
}

.rank-table tr {
    width: 100%;
    text-align: center;
}

.rank-table th {
    text-align: center;
    height: 32px;
    font-weight: 100;
}

.rank-table td {
    text-align: center;
    height: 29px;
}

.rank-table th.num {
    width: 35px;
}

.rank-table th.name {
    height: 26px;
    width: 105px;
    text-align: center;
}

.rank-table th.guild {
    height: 26px;
    width: 116px;
    text-align: center;
}

.rank-table th.service {
    height: 26px;
    width: 120px;
    text-align: center;
}

.rank-table th.worth {
    height: 26px;
    text-align: center;
    width: 112px;
}

.index-group-28.tabs-head {
    justify-content: flex-start;
}

.index-group-28 .rank-table-title {
    width: 86px;
    height: 28px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-160.png);
    background-size: cover;
    margin-right: 10px;
    text-align: center;
    line-height: 28px;
    color: black;
    cursor: pointer;
    font-size: 16px;
}

.index-group-28 .rank-table-title.active {
    width: 101px;
    height: 30px;
    background-image: url(//jx2.xoyo.com/zt/2019/02/21/official-website/assets/images/index-layer-159.png);
    background-size: cover;
    color: white;
}

.account-security > a, .account-manage > a, .fangchenmi > a, .password-reset > a {
    text-decoration: none;
    color: gray;
}
.account-security > a:hover, .account-manage > a:hover, .fangchenmi > a:hover, .password-reset > a:hover {
    color: black;
}