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

[v-cloak] {
    display: none;
}

/* 閫插牬鍕曠暙 */
a {
    text-decoration: none
}

.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999
}

.loadingfa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 29px;
    color: #444;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%
}

.animteeh {
    opacity: .2;
    transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
}

.animteeh.active {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.animts {
    opacity: .2;
    transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
}

.active.animts {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate1 {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg)
    }
}

@-webkit-keyframes rotate1 {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes rotate1 {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(-360deg)
    }
}

@-ms-keyframes rotate1 {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(-360deg)
    }
}

@-o-keyframes rotate1 {
    from {
        -o-transform: rotate(0)
    }

    to {
        -o-transform: rotate(-360deg)
    }
}

.xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate
}

.xuanzhuan1 {
    animation: 5s linear 0s normal forwards infinite rotate;
    -webkit-animation: 5s linear 0s normal forwards infinite rotate;
    -moz-animation: 5s linear 0s normal forwards infinite rotate;
    -o-animation: 5s linear 0s normal forwards infinite rotate
}

.nizhuan {
    animation: 2s linear 0s normal forwards infinite rotate1;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate1;
    -moz-animation: 2s linear 0s normal forwards infinite rotate1;
    -o-animation: 2s linear 0s normal forwards infinite rotate1
}

.nizhuan1 {
    animation: 3s linear 0s normal forwards infinite rotate1;
    -webkit-animation: 3s linear 0s normal forwards infinite rotate1;
    -moz-animation: 3s linear 0s normal forwards infinite rotate1;
    -o-animation: 3s linear 0s normal forwards infinite rotate1
}

@keyframes Updown {
    0% {
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

.shangxia {
    animation: 1.4s 0s alternate none infinite running Updown
}

.yaohuan {
    animation: 2.4s 0s alternate none infinite running swing
}

.yaohuan1 {
    animation: 9.4s 0s alternate none infinite running swing
}

.flash {
    animation: 2.4s 0s alternate none infinite running flash
}

.wobble {
    animation: 20.4s 0s alternate none infinite running wobble
}

.dtable {
    display: table;
    width: 100%;
    height: 100%
}

.dcell {
    display: table-cell;
    vertical-align: middle
}

.shangxia1 {
    animation: 2.4s 0s alternate none infinite running Updown
}

.shangxia2 {
    animation: 2.9s 0s alternate none infinite running Updown
}

.shangxia3 {
    animation: 3.4s 0s alternate none infinite running Updown
}

.shangxia4 {
    animation: 2.5s 0s alternate none infinite running Updown
}

.shangxia5 {
    animation: 3.3s 0s alternate none infinite running Updown
}

.shangxia6 {
    animation: 2.4s 0s alternate none infinite running Updown
}

.shangxia7 {
    animation: 2.6s 0s alternate none infinite running Updown
}

.df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.as {
    -webkit-box-align: justify;
    -webkit-align-items: space-between;
    -ms-flex-align: justify;
    align-items: space-between
}

.ae {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.jc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.js {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.je {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fww {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

table {
    margin: 0 auto;
    width: 100%;
}

th,
td {
    border: 1px black solid;
    text-align: center;
    padding: 5px 0 !important;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
    color: #fff;
    /*font-size: 12px;*/
}

body {
    font-size: 12px;
    font-family: "寰蒋闆呴粦";
    background-color: #f0f9fe;
}

img {
    vertical-align: top;
}

#header {
    position: relative;
    height: 108px;
    background: #fff;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #01a3fb;
    box-shadow: 0px 5px 6px #dfefff;
}

#header .hBox {
    width: 1200px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 16px;
    padding-right: 0;
    padding-bottom: 16px;
    padding-left: 0;
}

#header .logo {
    float: left;
    margin: 0 150px 0 0;
}

#header .logo a {
    position: relative;
    width: 254px;
    height: 70px;
    display: block;
}

#header .logo a img {
    max-width: 254px;
    max-height: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#header .title {
    float: left;
    position: relative;
    width: 404px;
    height: 70px;
}

#header .title img {
    max-width: 404px;
    max-height: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#header .chaBtn {
    float: right;
    margin-top: 10px;

}

#header .chaBtn a {
    display: block;
    width: 225px;
    height: 51px;
    background-image: url(../images/bt1.png);
    background-repeat: no-repeat;
    background-position: center center;

}

#header .chaBtn a:hover {
    background-image: url(../images/bt1a.png);

}


/*main*/
.wrap {
    width: 1200px;
    margin: 0 auto;
}

#main {
    padding: 30px 0 28px;
}

.tabPanel #conts {
    padding: 15px 0px 20px 0px;
    width: 100%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
}

#conts {
    padding: 30px 30px 30px 30px;
    max-width: 630px;
    width: 100%;
    max-height: 518px;
    height: 100%;
    float: left;
    box-sizing: border-box;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 25px #EBF2FA;
}

#conts .ttl {
    margin-bottom: 20px;
}

#conts .linkUl {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#conts .linkUl li {
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;
}

#conts .linkUl li .web {
    line-height: 50px;
    float: left;
    width: 70%;
    color: #3a3d42;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    background: url(../images/bg01.png) no-repeat;
}

#conts .linkUl li a {
    width: 29%;
    height: 50px;
    display: block;
    float: right;
    background-image: url(../images/link01.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
}

#conts .linkUl li a:hover {
    background-image: url(../images/link01a.png);

}

#conts .text {
    color: #3d4145;
    line-height: 2.25;
    font-size: 16px;
}

#conts .text .color3 {
    color: #ec0600;
}

#conts .text .color1 {
    color: #0ca105;
}

#conts .text span {
    color: #32a8ff;
    font-weight: bold;
}

#main #sideBar {
    width: 540px;
    height: 518px;
    box-sizing: border-box;
    float: right;
    padding: 31px 30px 0;
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 25px #EBF2FA;
}

#sideBar .tabNavi {
    margin-bottom: 10px;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

#sideBar .tabNavi li {
    width: 48%;
    float: left;

}

/*
#sideBar .tabNavi li:last-child {
	float: right;
}
*/
#sideBar .tabNavi li a {
    display: block;
    color: #3d4145;
    font-size: 1.2rem;
    line-height: 54px;
    text-align: center;
    background: #e5f6fd;
    border-radius: 35px;
    box-sizing: border-box;
    height: 54px;
}

#sideBar .tabNavi li a img {
    margin: -4px 2px 0 0;
    display: inline-block;
    vertical-align: middle;
}

#sideBar .tabNavi li a:hover,
#sideBar .tabNavi li.on a {
    box-sizing: border-box;
    border: solid 2px #0398fd;

    /*
    border-image-source:-webkit-linear-gradient( 90deg, rgb(3,152,253) 0%, rgb(0,190,253) 100%);
        border-image-source:linear-gradient( 90deg, rgb(3,152,253) 0%, rgb(0,190,253) 100%);
    border-image-source:-ms-linear-gradient( 90deg, rgb(3,152,253) 0%, rgb(0,190,253) 100%);
*/
    background: white;
    border-radius: 35px;
}

#sideBar .img {
    margin: 0 0 12px -10px;
}

#sideBar .inner {
    background-image: url(../images/inner_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    height: 157px;
    width: 480px;
    padding-top: 16px;
    padding-right: 17px;
    padding-bottom: 9px;
    padding-left: 16px;
}

#sideBar .inner2 {
    background-image: url(../images/inner_bg2.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    padding-top: 16px;
    padding-right: 17px;
    padding-bottom: 9px;
    padding-left: 16px;
}

#sideBar .innerborder {
    padding: 1rem;
    border-bottom: solid 1px #abdeff;
    text-align: center;
    font-size: 1.6rem;
    color: #0098f9;
    line-height: 40px;
    font-weight: 600;
}

#sideBar .innerborder:last-child {
    border-bottom: none;
}

#sideBar .innerborder a {
    color: #006db2;
}

#sideBar .innerborder a:hover {
    color: #19a5ff;
}

#sideBar .inner .ma {
    margin-right: 20px;
    float: left;
}

#sideBar .inner p {
    margin-top: 22px;
    float: left;
    color: #343e46;
    font-size: 14px;
    line-height: 1.75;
}

#sideBar .inner p span {
    display: block;
    color: #32a8ff;
    font-size: 18px;
}

#sideBar .inner p a {
    color: #32a8ff;
}

#sideBar .inner .btn {
    margin-top: 8px;
    float: right;

}

#sideBar .inner .btn a {
    width: 80px;
    height: 80px;
    display: block;
    background-image: url(../images/btn01.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 12px;
}

#sideBar .inner .btn a:hover {
    background-image: url(../images/btn01a.png);

}


#main .wel {
    margin: 30px auto 0;
    width: 1200px;
    position: relative;
}

#main .wel a {
    display: block;
    position: absolute;
    right: 276px;
    top: 15px;
}

/*games*/
.game {
    width: 1200px;
    /* min-width: 1020px; */
    margin-left: auto;
    margin-right: auto;
    height: 180px;
    margin-bottom: 0px;
    margin-top: 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 25px #e4f0fd;
    background-image: url(../images/border-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
}

.game h3 {
    width: 229px;
    height: 38px;
    background: url(../images/title3.png) no-repeat;
    margin: 0 auto;
    position: relative;
    margin-bottom: 7px;
    top: 3px
}

.game ul {
    padding-left: 12px;
}

.game ul a {
    text-align: center;
    font-size: 14px;
    color: #4a3532;
    float: left;
}

.game ul a:hover .photo {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.game ul .photo {
    width: 118px;
    height: 83px;
    /* line-height: 105px; */
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.game ul img {
    vertical-align: middle;
    width: 88px;
    height: auto;
}


/*footer*/

#footer {
    position: relative;
    padding: 18px 0 0;
    font-size: 0;
    background-color: #374149
}

#footer:before {
    content: '';
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #49555e;
}

.wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#footer-logo {
    display: block;
    width: 100%;
    height: 38px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 40px;
    margin-left: 0;
}

#footer-logo li {
    display: inline-block;
    height: 100%;
    background: no-repeat center top
}

#footer-logo li:hover {
    background-position: center bottom
}

#footer-logo li[data-img="img01"] {
    width: 38px;
    background-image: url('../images/f_img01.png')
}

#footer-logo li[data-img="img02"] {
    width: 96px;
    background-image: url('../images/f_img02.png')
}

#footer-logo li[data-img="img03"] {
    width: 83px;
    background-image: url('../images/f_img03.png')
}

#footer-logo li[data-img="img04"] {
    width: 85px;
    background-image: url('../images/f_img04.png')
}

#footer-logo li[data-img="img05"] {
    width: 92px;
    background-image: url('../images/f_img05.png')
}

#footer-logo li[data-img="img06"] {
    width: 42px;
    background-image: url('../images/f_img06.png')
}

#footer-logo li[data-img="img07"] {
    width: 45px;
    background-image: url('../images/f_img07.png')
}

#footer-logo li[data-img="img08"] {
    width: 88px;
    background-image: url('../images/f_img08.png')
}

#footer-logo li[data-img="img09"] {
    width: 90px;
    background-image: url('../images/f_img09.png')
}

#footer-logo li[data-img="img10"] {
    width: 63px;
    background-image: url('../images/f_img10.png')
}

#footer-logo li[data-img="img11"] {
    width: 64px;
    background-image: url('../images/f_img11.png')
}

#footer-logo li[data-img="img12"] {
    width: 46px;
    background-image: url('../images/f_img12.png')
}

#footer-logo li[data-img="img13"] {
    width: 46px;
    background-image: url('../images/f_img13.png')
}

#footer-logo li[data-img="img14"] {
    width: 45px;
    background-image: url('../images/f_img14.png')
}

#footer-logo li[data-img="img15"] {
    width: 109px;
    background-image: url('../images/f_img15.png')
}

#footer-logo li[data-img="img16"] {
    width: 52px;
    background-image: url('../images/f_img16.png')
}

#footer-logo li[data-img="img17"] {
    width: 76px;
    background-image: url('../images/f_img17.png')
}

#footer-logo li[data-img="img18"] {
    width: 40px;
    background-image: url('../images/f_img18.png')
}

#footer .footer-slogan {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
}

#footer .footer-slogan > li {
    display: inline-block;
    vertical-align: top;
    color: #b2bdc6;
    font-size: 14px;
    line-height: normal
}

#footer .footer-slogan > li:before {
    content: '';
    display: block;
    height: 43px;
    margin: 0 0 5px;
    background: no-repeat center top
}

#footer .footer-slogan > li:hover {
    color: #fff
}

#footer .footer-slogan > li:hover:before {
    background-position: center bottom
}

#footer .footer-slogan > li[data-footer-slogan="01"]:before {
    background-image: url('../images/footer_slogan01.png')
}

#footer .footer-slogan > li[data-footer-slogan="02"]:before {
    background-image: url('../images/footer_slogan02.png')
}

#footer .footer-slogan > li[data-footer-slogan="03"]:before {
    background-image: url('../images/footer_slogan03.png')
}

#footer .footer-slogan > li[data-footer-slogan="04"]:before {
    background-image: url('../images/footer_slogan04.png')
}

#footer .footer-slogan > li[data-footer-slogan="05"]:before {
    background-image: url('../images/footer_slogan05.png')
}

#footer .footer-slogan > li[data-footer-slogan="06"]:before {
    background-image: url('../images/footer_slogan06.png')
}

#footer-suggest {
    display: block;
    line-height: 54px;
    color: #b2bdc6;
    font-size: 14px;
    text-align: center;
    background: #2c353b
}

#footer-suggest p {
    display: inline-block;
    margin: 0
}

/*鍋撮倞鎳告诞*/

aside.services {
    position: absolute;
    top: 160px;
    right: 0;
    z-index: 3
}

aside.services > ul {
    display: block
}

aside.services > ul > li {
    position: relative;
    width: 74px;
    height: 73px;
    cursor: pointer;
    background: no-repeat center top
}

aside.services > ul > li + li {
    margin-top: 5px
}

aside.services > ul > li:hover {
    background-position-y: bottom
}

aside.services > ul > li:hover > .services-subnav {
    display: block
}

aside.services > ul > li > a {
    display: block;
    height: 100%
}

aside.services > ul .services-subnav {
    position: absolute;
    width: 180px;
    top: 0;
    left: -190px;
    display: none;
    padding: 12px;
    background-color: #fff;
    border: 2px solid #2ba8f8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

aside.services > ul .services-subnav:after {
    content: '';
    position: absolute;
    top: 0;
    right: -13px;
    width: 13px;
    height: 100%
}

aside.services > ul .services-subnav > li {
    position: relative;
    padding: 10px 0
}

aside.services > ul .services-subnav > li + li {
    border-top: 1px solid #c5dceb
}

aside.services > ul .services-subnav > li > a {
    display: block;
    height: 100%;
    padding-left: 43px;
    color: #323130;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    background: no-repeat 10px center
}

aside.services > ul .services-subnav > li > a > span {
    display: block;
    height: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden
}

aside.services > ul .services-subnav > li > a > span.blue {
    color: #1579d4
}

aside.services > ul .services-subnav > li > a:hover {
    color: #1579d4
}

aside.services > ul .services-subnav > li .qrcode {
    display: none
}

aside.services > ul .services-subnav > li:hover .qrcode {
    display: block;
    position: absolute;
    top: 0;
    left: -130px;
    width: 110px;
    height: 110px;
    padding-top: 5px;
    text-align: center;
    background: url('https://cdn.igsttech.com/Web.Portal/BW001-01.Portal/Content/Views/Shared/images/services/right/qrcode.png') no-repeat center top
}

aside.service-right {
    right: 0
}

aside.service-right li.custom-service {
    background-image: url(../images/custom_service.png);
}

aside.service-right li.custom-service li[data-service-icon="01"] > a {
    background-image: url(../images/1_1.png);
}

aside.service-right li.custom-service li[data-service-icon="02"] > a {
    background-image: url(../images/1_2.png);
}

aside.service-right li.custom-service li[data-service-icon="04"] > a {
    background-image: url(../images/1_3.png);
}

aside.service-right li.custom-service li[data-service-icon="05"] > a {
    background-image: url(../images/1_4.png);
}

aside.service-right li.custom-service li[data-service-icon="06"] > a {
    background-image: url(../images/1_5.png);
}

aside.service-right li.app-download {
    background-image: url(../images/app_download.png);

}

aside.service-right li.app-download li[data-service-icon="01"] > a {
    background-image: url(../images/2_1.png);
}

aside.service-right li.app-download li[data-service-icon="02"] > a {
    background-image: url(../images/2_2.png);
}

aside.service-right li.app-download li[data-service-icon="03"] > a {
    background-image: url(../images/2_3.png);
}

aside.service-right li.promotion {
    background-image: url(../images/promotion.png);

}

aside.service-right li.promotion li[data-service-icon="01"] > a {
    background-image: url(../images/3_1.png);
}

aside.service-right li.promotion li[data-service-icon="03"] > a {
    background-image: url(../images/3_2.png);
}

aside.service-right li.promotion li[data-service-icon="04"] > a {
    background-image: url(../images/3_3.png);
}

aside.service-right li.promotion li[data-service-icon="05"] > a {
    background-image: url(../images/3_4.png);
}

aside.service-right li.games {
    background-image: url(../images/games.png);
}

aside.service-right li.games .services-subnav {
    top: -232px;
}

aside.service-right li.games li {
    padding-left: 15px;

}

aside.service-right li.games li > a {
    line-height: 30px;
    background: no-repeat 0px center;
    padding-left: 45px;

}

aside.service-right li.games li[data-service-icon="01"] > a {
    background-image: url(../images/4_1.png);
}

aside.service-right li.games li[data-service-icon="02"] > a {
    background-image: url(../images/4_2.png);
}

aside.service-right li.games li[data-service-icon="03"] > a {
    background-image: url(../images/4_3.png);
}

aside.service-right li.games li[data-service-icon="04"] > a {
    background-image: url(../images/4_4.png);
}

aside.service-right li.games li[data-service-icon="05"] > a {
    background-image: url(../images/4_5.png);
}

aside.service-right li.games li[data-service-icon="06"] > a {
    background-image: url(../images/4_6.png);
}

aside.service-right li.games li[data-service-icon="07"] > a {
    background-image: url(../images/4_7.png);
}

aside.service-right li.partner {
    background-image: url(../images/partner.png);
}

/* v5鐗堟湰妯ｅ紡淇敼-涓婂偝妾旀 */

.file_input_box {
    position: relative;
    width: 240px;
    height: 44px;
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    padding-left: 10px;
    line-height: 38px;
    text-decoration: none;
    text-indent: 0;
    display: inline-block;
    /* border:1px #7c7c7c solid; */
    text-align: left !important;
    width: 320px;
    line-height: 44px;
    border: 1px solid #CFDBE8;
    background-color: #F5FAFF;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.file_input_box > span {
    text-align: left !important;
    /* width: 320px;
    line-height: 44px;
    border: 1px solid #CFDBE8;
    background-color: #F5FAFF;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 5px; */
}

.file_input {
    opacity: 0;
    position: absolute;
    color: transparent;
    color: rgba(0, 0, 0, 0);
    right: 0;
    top: 0;
}

/* v5鐗堟湰妯ｅ紡淇敼-鏃ユ湡鏅傞枔 */
.date_input {
    width: 240px;
    height: 46px;
    background: #fff;
    border-radius: 4px;
    font-size: 13px;
    padding-left: 10px;
    border: 1px #7c7c7c solid;
    /* margin-bottom: 10px; */
}

#page_num {
    text-align: center;
}

.verifybox {
    position: relative;
    margin-left: 14px;
}

.verify2 {
    position: absolute;
    top: 1px;
    /* right: 160px; */
    left: 438px;
}

.NoOpen {
    font-size: 30px;
    text-align: center;
    margin-top: 115px;
    margin-bottom: 115px;
}

.v-enter {
    opacity: 0;
}

.v-enter-active {
    transition: opacity 0.3s;
}

.v-enter-to {
    opacity: 1;
}

.v-leave {
    opacity: 1;
}

.v-leave-active {
    transition: opacity 0.3s;
}

.v-leave-to {
    opacity: 0;
}

.huang {
    cursor: pointer;
}

.layui-laypage a,
.layui-laypage span {
    color: #1379d7 !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1379d7 !important;
}

.layui-laypage .layui-laypage-curr em {
    color: white !important;
}

.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.layui-laypage span {
    border: 1px solid #1379d7 !important;
}


/*lightbox*/
.lightbox-opened {
    /*  background-color: #333;*/
    background-color: rgba(51, 51, 51, 0.7);
    cursor: pointer;
    height: 100%;
    left: 0;
    /*  overflow-y: scroll;*/
    /*  padding-top: 10%;*/
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
    display: none;
}

.lightbox-opened img {
    max-width: 95%;
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease .8s;
    -moz-animation: fadeIn ease .8s;
    -o-animation: fadeIn ease .8s;
    -ms-animation: fadeIn ease .8s;

}

.lightbox-opened:after {
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
    color: #eee;
    content: "X";
    font-family: sans-serif;
    padding: 6px 12px;
    position: absolute;
    margin-left: -30px;
}

.lightbox-opened img {
    box-shadow: 0 0 6px 3px #333;
}

.no-scroll {
    overflow: hidden;
}

/*lightbox end*/


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}