html,body {
    font-family: "microsoft yahei";
    font-size: 12px;
    min-width: 1400px
}

a:hover {
    text-decoration: none
}

#wrap {
    width: 100%;
    overflow: hidden
}

#wrap.pc .top {
    position: relative;
    width: 100%;
    height: 1448px;
    /* background: url(../images/v4/default/chacter-R2.png) no-repeat bottom center */
}

#wrap.pc .top .wwc-video-container {
    position: absolute;
    width: 1920px;
    top: 50%;
    left: 50%;
    height: 1080px;
    background: 50% 0 no-repeat;
    -webkit-transform: translate(-50%,-67%);
    -moz-transform: translate(-50%,-67%);
    -ms-transform: translate(-50%,-67%);
    -o-transform: translate(-50%,-67%);
    transform: translate(-50%,-67%)
}

#wrap.pc .top video {
    display: block;
    left: 50%;
    top: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out
}

.wwc-section-top video.active {
    opacity: 1
}
#wrap.pc .top .logo {
    position: absolute;
    top: 30px;
    left: 115px;
    width: 157px;
    z-index: 2
}

#wrap.pc .top .znLogo {
    position: absolute;
    top: 0;
    left: 245px;
    width: 187px;
    height: 135px;
    background: url(../img/znLogo-9b76eb2ba3.png) no-repeat;
    z-index: 2
}

#wrap.pc .top .top_nav_left {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    width: 121px;
    height: 32px;
    background: url(../img/nav-38cb1c3cd0.png) no-repeat
}

#wrap.pc .top .slogan-time {
    position: absolute;
    top: 504px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1080px;
    height: 146px;
    background: url(../img/stateTxt-5f17bc0fc2.png) no-repeat
}
#wrap.pc .top .slogan-time span{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 46px;
    font-weight: bold;
    color: #c84915;
    line-height: 137px;
    padding-left: 10px;
}

#wrap.pc .top .slogan-time.time1 {
    background-position-y: bottom
}

#wrap.pc .top .wyTag {
    position: absolute;
    top: 560px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 299px;
    height: 48px;
    background: url(../img/wyTag-c21ef555c0.png) no-repeat
}

#wrap.pc .top .step {
    position: absolute;
    bottom: 400px;
    left: 300px;
    right: 0;
    /*width: 1020px;*/
    margin: 0 auto
}

#wrap.pc .top .step li {
    position: relative;
    float: left;
    width: 250px;
    height: 350px;
    background: url(../img/b1.png) no-repeat;
	background-size:250px 350px;
}

#wrap.pc .top .step li.two {
    background: url(../img/b2.png) no-repeat;
	background-size:250px 350px;
    margin: 0 30px
}

#wrap.pc .top .step li.two .downLoad {
    position: absolute;
    left: 64%;
    bottom: 10px;
    margin-left: -130px
}

#wrap.pc .top .step li.two .downLoads {
    position: absolute;
    left: 70%;
    top: 60px;
    margin-left: -125px;
}
#wrap.pc .top .step li.two .downLoad .btn {
    width: 187px;
    height: 65px;
}
#wrap.pc .top .step li.two .downLoads .btns a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
#wrap.pc .top .step li.two .downLoad .btn:hover {
    background-position-y: 57px
}

#wrap.pc .top .step li.two .downLoad .btn a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}

#wrap.pc .top .step li.thr {
    background: url(../img/li-bg-076ab2147f.png) no-repeat;
	background-size:250px 350px;
}
#wrap.pc .top .step li.thr .downLoads {
    position: absolute;
    left: 77%;
    top: 65px;
    margin-left: -140px;
}
#wrap.pc .top .step li.thr .libao {
    position: absolute;   
    left: 10%;
    bottom: 10px;
    width: 194px;
    height: 65px;
    /* margin-left: -140px;
    background: url(../img/1.png) no-repeat; */
    cursor: pointer
}
#wrap.pc .top .step li.thr .downLoads .btns a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
#wrap.pc .top .step li.thr .libao:hover {
    background-position-y: -68px
}

#wrap.pc .top .step li.thr .libao a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}
#wrap.pc .top .step li.four {
    background: url(../img/li-bg-hd.png) no-repeat;
	background-size:250px 350px;
}
#wrap.pc .top .step li.four .downLoads {
    position: absolute;
    left: 77%;
    top: 65px;
    margin-left: -140px;
}
#wrap.pc .top .step li.four .libao {
    position: absolute;   
    left: 10%;
    bottom: 10px;
    width: 194px;
    height: 65px;
    /* margin-left: -140px;
    background: url(../img/1.png) no-repeat; */
    cursor: pointer
}
#wrap.pc .top .step li.four .downLoads .btns a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
#wrap.pc .top .step li.four .libao:hover {
    background-position-y: -68px
}

#wrap.pc .top .step li.four .libao a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}
#wrap.pc .top .step li.five {
    background: url(../img/li-bg-rw.png) no-repeat;
	background-size:250px 350px;
}
#wrap.pc .top .step li.five .downLoads {
    position: absolute;
    left: 77%;
    top: 65px;
    margin-left: -140px;
}
#wrap.pc .top .step li.five .libao {
    position: absolute;   
    left: 10%;
    bottom: 10px;
    width: 194px;
    height: 65px;
    /* margin-left: -140px;
    background: url(../img/1.png) no-repeat; */
    cursor: pointer
}
#wrap.pc .top .step li.five .downLoads .btns a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
#wrap.pc .top .step li.five .libao:hover {
    background-position-y: -68px
}

#wrap.pc .top .step li.five .libao a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}
#wrap.pc .top .step .btn a {
    display: block;
    width: 100%;
    height: 100%
}

#wrap.pc .main {
    width: 100%
}

#wrap.pc .main .list {
    width: 100%
}

#wrap.pc .main .list.list-01 {
    height: 410px;
    background: url(../img/bg-02-3909b3b175.jpg) no-repeat top center
}

#wrap.pc .main .list.list-01 .jjhj-title {
    width: 612px;
    height: 40px;
    margin: 90px auto 40px;
    background: url(../img/titles-c944bc4c25.png) no-repeat center top
}

#wrap.pc .main .list.list-01 .jjhj-body {
    overflow: hidden;
    margin-top: 24px
}

#wrap.pc .main .list.list-01 .jjhj-body li {
    display: inline-block;
    width: 486px;
    height: 188px;
    margin: 0 30px;
    background: url(../img/jjhj-body-bg-ea154465d8.png) no-repeat;
    cursor: pointer
}

#wrap.pc .main .list.list-01 .jjhj-body li:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

#wrap.pc .main .list.list-02 {
    height: 580px;
    background: url(../img/bg-02-3909b3b175.jpg) no-repeat top center
}

#wrap.pc .main .list.list-02 .hgjd-title {
    width: 612px;
    height: 40px;
    margin: 50px auto 10px;
    background: url(../img/titles-c944bc4c25.png) no-repeat center -143px
}

#wrap.pc .main .list.list-02 .hgjd-body {
    overflow: hidden;
    margin-top: 10px
}

#wrap.pc .main .list.list-02 .hgjd-body li {
    display: inline-block;
    width: 367px;
    height: 427px;
    margin: 0 4px;
    background: url(../img/hgjd-body-bg-2f7bdd83b0.png) no-repeat;
    cursor: pointer
}

#wrap.pc .main .list.list-02 .hgjd-body li.two {
    background-position-x: -375px
}

#wrap.pc .main .list.list-02 .hgjd-body li.thr {
    background-position-x: right
}

#wrap.pc .main .list.list-03 {
    height: 740px;
    background: url(../images/v3/index/showpic_bg2.jpg) 100% 100%  repeat-x;
}

#wrap.pc .main .list.list-03 .yxf-title {
    width: 766px;
    height: 67px;
    margin: 40px auto;
    background: url(../img/titles-c944bc4c25.png) no-repeat center bottom
}

#wrap.pc .main .list.list-03 .bannerPhone {
    display: none
}

#wrap.pc .main .list.list-03 a,#wrap.pc .main .list.list-03 img {
    border: 0
}

#wrap.pc .main .list.list-03 .featured-area {
    height: 337px;
    width: 950px;
    margin: 68px auto 0 auto
}

#wrap.pc .main .list.list-03 .roundabout-holder {
    list-style: none;
    width: 500px;
    height: 300px;
    margin: 0px auto
}

#wrap.pc .main .list.list-03 .roundabout-moveable-item {
    font-size: 12px !important;
    height: 370px;
    width: 650px;
    cursor: pointer
}

#wrap.pc .main .list.list-03 .roundabout-moveable-item img {
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    margin: 0;
    object-fit: cover;
}

#wrap.pc .main .list.list-03 .roundabout-in-focus {
    cursor: pointer
}

#wrap.pc .main .list.list-03 #featured-area a {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

#wrap.pc .main .list.list-03 .roundabout a:active,#wrap.pc .main .list.list-03 .roundabout a:focus,#wrap.pc .main .list.list-03 .roundabout a:visited {
    outline: none;
    text-decoration: none
}

#wrap.pc .main .list.list-03 .roundabout li {
    margin: 0
}

#wrap.pc .main .list.list-03 .btns {
    margin: 30px auto;
    overflow: hidden;
    text-align: center
}

#wrap.pc .main .list.list-03 .btns li {
    display: inline-block;
    width: 337px;
    height: 87px;
    margin: 0 55px;
    background: url(../img/btns-e297e6606f.png) no-repeat;
    cursor: pointer
}

#wrap.pc .main .list.list-03 .btns li a {
    display: block;
    width: 100%;
    height: 100%
}

#wrap.pc .main .list.list-03 .btns li:hover {
    background-position-y: -148px
}

#wrap.pc .main .list.list-03 .btns li.two {
    background-position-x: -439px
}

#wrap.pc .bottomdiv,#wrap.pc .down {
    display: none
}

#wrap.mo {
    max-width: 720px
}

#wrap.mo .center {
    width: 100%
}

#wrap.mo .top {
    width: 100%;
    height: 1430px;
    background: #f6dba5 url(../img/bg-01-m-6e1991750d.jpg) no-repeat top center
}

#wrap.mo .top .logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 157px;
    z-index: 2
}

#wrap.mo .top .znLogo {
    position: absolute;
    top: 0;
    left: 155px;
    width: 187px;
    height: 135px;
    background: url(../img/znLogo-9b76eb2ba3.png) no-repeat;
    z-index: 2
}

#wrap.mo .top .top_nav_left {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    width: 121px;
    height: 32px;
    background: url(../img/nav-38cb1c3cd0.png) no-repeat
}

#wrap.mo .top .slogan-time {
    position: absolute;
    top: 715px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 612px;
    height: 120px;
    background: url(../img/stateTxt-5f17bc0fc2.png) no-repeat
}

#wrap.mo .top .slogan-time.time1 {
    background-position-y: bottom
}

#wrap.mo .top .step {
    display: none
}

#wrap.mo .main {
    width: 100%
}

#wrap.mo .main .list {
    width: 100%
}

#wrap.mo .main .list.list-01 {
    height: 352px;
    background: #181007 url(../img/bg-02-m-26424a2db3.jpg) no-repeat top center;
    margin-top: -2px
}

#wrap.mo .main .list.list-01 .jjhj-title {
    width: 612px;
    height: 40px;
    margin: 0 auto 40px;
    background: url(../img/titles-c944bc4c25.png) no-repeat center top
}

#wrap.mo .main .list.list-01 .jjhj-body {
    overflow: hidden;
    margin-top: 24px
}

#wrap.mo .main .list.list-01 .jjhj-body li {
    display: inline-block;
    width: 485px;
    height: 188px;
    margin: 0 30px;
    background: url(../img/jjhj-body-bg-ea154465d8.png) no-repeat;
    cursor: pointer
}

#wrap.mo .main .list.list-01 .jjhj-body li:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

#wrap.mo .main .list.list-02 {
    height: 780px;
    background: #181007;
    margin-top: -2px
}

#wrap.mo .main .list.list-02 .hgjd-title {
    width: 612px;
    height: 40px;
    margin: -70px auto 4px;
    background: url(../img/titles-c944bc4c25.png) no-repeat center -143px
}

#wrap.mo .main .list.list-02 .hgjd-body {
    overflow: hidden;
    margin-top: 4px
}

#wrap.mo .main .list.list-02 .hgjd-body li {
    display: inline-block;
    width: 319px;
    height: 377px;
    margin: 0 4px;
    background: url(../img/hgjd-body-bg-2f7bdd83b0.png) no-repeat;
    background-size: cover;
    cursor: pointer
}

#wrap.mo .main .list.list-02 .hgjd-body li.two {
    background-position-x: -332px
}

#wrap.mo .main .list.list-02 .hgjd-body li.thr {
    background-position-x: right
}

#wrap.mo .main .list.list-03 {
    height: 750px;
    background: #f6dba5
}

#wrap.mo .main .list.list-03 .yxf-title {
    width: 100%;
    height: 67px;
    margin: 0 auto 40px;
    background: url(../img/titles-c944bc4c25.png) no-repeat center bottom
}

#wrap.mo .main .list.list-03 .yxf-body,#wrap.mo .main .list.list-03 .newTs {
    display: none
}

#wrap.mo .main .list.list-03 .bannerPhone {
    position: relative;
    width: 680px;
    height: 385px;
    margin: 0 auto;
    background: url(../img/banner-m-main-7d1ce4a4a3.png) no-repeat
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerMain {
    position: relative;
    width: 650px;
    height: 370px;
    margin: 5px auto;
    overflow: hidden
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerMain .bannerUl {
    position: absolute;
    top: 8px;
    left: 0;
    width: 99999px
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerMain .bannerUl li {
    position: absolute;
    top: 0;
    left: 0;
    width: 650px;
    height: 370px;
    display: none
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerMain .bannerUl li:first-child {
    display: block
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerMain .bannerUl li img {
    display: block;
    width: 100%
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerTip {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    text-align: center
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerTip li {
    width: 15px;
    height: 15px;
    background: #651e07;
    border-radius: 50%;
    margin: 0 3px;
    display: inline-block
}

#wrap.mo .main .list.list-03 .bannerPhone .bannerTip li.on,#wrap.mo .main .list.list-03 .bannerPhone .bannerTip li:active {
    background: #de7c41
}

#wrap.mo .main .list.list-03 .btns {
    margin-top: 58px;
    overflow: hidden;
    text-align: center
}

#wrap.mo .main .list.list-03 .btns li {
    display: inline-block;
    width: 275px;
    height: 71px;
    margin: 0 35px;
    background: url(../img/btns-m-b9fd2b2c88.png) no-repeat;
    cursor: pointer
}

#wrap.mo .main .list.list-03 .btns li a {
    display: block;
    width: 100%;
    height: 100%
}

#wrap.mo .main .list.list-03 .btns li.two {
    background-position-x: -315px
}

#wrap.mo .down {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 73px;
    height: 101px;
    background: url(../img/down-2e34d90c0b.png) no-repeat;
    -webkit-animation: topBottom 1s linear infinite alternate;
    animation: topBottom 1s linear infinite alternate
}

#wrap.mo .bottomdiv {
    width: 100%;
    height: 104px;
    background: rgba(0,0,0,0.6);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4;
    font-size: 24px
}

#wrap.mo .bottomdiv .bottom-main {
    background: url(../img/bottom-08c889ad7e.png) no-repeat;
    width: 100%;
    height: 104px;
    position: relative
}

#wrap.mo .bottomdiv .bottom-main .b-title {
    width: 525px;
    font-size: 22px;
    color: #fefefe;
    margin-left: 177px;
    position: absolute;
    top: 7px;
    text-align: center
}

#wrap.mo .bottomdiv .bottom-main .reg-a {
    margin-left: 260px;
    height: 58px;
    width: 380px;
    line-height: 58px;
    position: absolute;
    top: 40px
}

@-webkit-keyframes topBottom {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(10px)
    }
}

@keyframes topBottom {
    0% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(10px)
    }
}

.center {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    background: url(../images/v4/default/chacter-R2.png) no-repeat  10% -66%;
}

.cont_right {
    width: 687px
}

.cont_wdtq {
    width: 719px
}

.title-icon-1 {
    text-indent: 34px;
    text-align: left
}

.left-bar h3 {
    font-size: 24px;
    color: #3c3c3c;
    margin-bottom: 13px;
    margin-top: 10px
}

.wdtq_right {
    width: 719px
}

.wdtq_right a {
    float: left;
    margin-left: 32px;
    margin-bottom: 25px;
    text-decoration: none
}

.wdtq_right a.noMargin {
    margin-left: 0
}

.title-icon-2 {
    background-position-y: -50px;
    text-indent: 34px;
    text-align: left
}

.count_tszy {
    margin-top: 20px
}

.title-icon-0 {
    background-position-y: -95px;
    text-indent: 34px;
    text-align: left
}

.reg,.regFinish {
    margin: 75px auto 0;
    position: absolute;
    left: 64%;
    top: 27%;
    margin-left: -140px;
}
.reg .libao {
    position: absolute;   
    left: 20%;
    bottom: 25px;
    width: 210px;
    height: 65px;
    /* margin-left: -140px;
    background: url(../img/1.png) no-repeat; */
    cursor: pointer
}
.reg .libao a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}
.reg2 {
    margin: 75px auto 0;
    position: absolute;
    left: 64%;
    top: 52%;
    margin-left: -140px;
}
.reg2 .libao {
    position: absolute;   
    left: 20%;
    bottom: 25px;
    width: 210px;
    height: 65px;
    /* margin-left: -140px;
    background: url(../img/1.png) no-repeat; */
    cursor: pointer
}
.reg2 .libao a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}
.reg3{
    margin: 75px auto 0;
    position: absolute;
    left: 64%;
    top: 78%;
    margin-left: -140px;
}
.reg3 .libao {
    position: absolute;   
    left: 20%;
    bottom: 25px;
    width: 210px;
    height: 65px;
    /* margin-left: -140px;
    background: url(../img/1.png) no-repeat; */
    cursor: pointer
}
.reg3 .libao a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}
.regFinish {
    width: 240px;
    height: 302px;
    font-size: 14px;
    color: #4e4e4e
}

.regFinish .title {
    text-align: center;
    font-size: 20px;
    color: #cb9f00
}

.regFinish .userInfo {
    text-align: center;
    color: #cb9f00
}

.regFinish .notice {
    text-align: left;
    margin: 9px 0;
    font-size: 12px;
    line-height: 20px
}

.regFinish .notice .red {
    color: #c30000
}

.regFinish .btn {
    background-position-y: -127px
}

.card {
    width: 100%;
    margin-bottom: 10px
}

.card label {
    float: left;
    margin-right: 5px;
    line-height: 25px
}

.cardInp {
    float: left;
    width: 155px;
    line-height: 25px;
    text-indent: 1em;
    border: none;
    background: #e6d8c5;
    margin-right: 2px
}

.regFinish button {
    float: left;
    background: #cdb55f;
    color: #7f642a;
    width: 41px;
    border: none;
    line-height: 25px;
    cursor: pointer
}

.regIframe {
    margin: 0 auto
}

.mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.76);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 1181px;
    height: 638px;
    margin-left: -640px;
    margin-top: -400px;
    background: url(../img/pop-bg-74f63af2ad.png)
}

.close {
    position: absolute;
    top: 145px;
    right: 0;
    width: 38px;
    height: 39px;
    background: url(../img/close-7d1bdf509d.png) no-repeat;
    cursor: pointer
}

.pop .title {
    position: absolute;
    top: 230px;
    left: 635px;
    font-size: 30px;
    color: #431e10;
    font-weight: bold
}

.pop .title span {
    color: #d90101
}

.pop .left .btn {
    background: url(../img/download-851709abef.png) no-repeat;
    width: 197px;
    height: 40px;
    position: absolute;
    top: 552px;
    left: 641px;
    cursor: pointer
}

.pop .left .btn:hover {
    background-position-y: -57px
}

.pop .left .btn a {
    display: block;
    width: 100%;
    height: 100%
}

.pop .right {
    position: absolute;
    top: 195px;
    right: 40px;
    width: 241px;
    height: 302px
}

.pop .regFinish,.pop .reg {
    top: 103px;
    height: 100%;
    margin: 108px auto 0
}

.pop .regFinish .title {
    text-align: center;
    font-size: 20px;
    position: static;
    color: #cb9f00
}

.pop .regFinish .btn a {
    display: block;
    width: 100%;
    height: 100%
}

.pop .regFinish .btn:hover {
    background-position-x: -246px
}

.pop-video {
    background: transparent;
    width: 856px;
    height: 480px;
    margin-top: -240px;
    margin-left: -428px
}

.pop-video .close {
    top: -50px
}

.pop_phone {
    position: fixed;
    top: calc(50% - 330px);
    left: calc(50% - 250px);
    z-index: 1000;
    width: 500px;
    height: 660px;
    background: url(../img/pop-reg-m-3fea1da6df.jpg) no-repeat
}

.pop_phone .phoneClose {
    position: absolute;
    top: -45px;
    right: 0;
    width: 38px;
    height: 39px;
    background: url(../img/close-7d1bdf509d.png) no-repeat;
    cursor: pointer
}

.pop_phone .reg {
    width: 445px;
    height: 490px;
    margin: 100px auto 0
}

.pop_phone .regFinish {
    font-size: 26px;
    margin: 120px auto 0;
    width: 440px
}

.pop_phone .regFinish .title {
    color: #fff;
    font-size: 34px
}

.pop_phone .regFinish .userInfo {
    color: #fff
}

.pop_phone .regFinish .notice {
    color: #fff;
    text-align: center;
    font-size: 23px;
    margin: 20px auto 40px;
    line-height: 30px
}

.pop_phone .regFinish .notice .red {
    color: #fff
}

.pop_phone .regFinish .card {
    width: 400px;
    margin: 0 auto 10px
}

.pop_phone .regFinish .card label {
    line-height: 34px;
    color: #fff
}

.pop_phone .regFinish .card input {
    line-height: 34px;
    width: 280px
}

.pop_phone .regFinish .card button {
    line-height: 34px;
    width: 60px;
    font-size: 24px
}

.reg-submit {
    width: 280px;
    height: 46px;
    background: url(../img/download-bg-5b021044bf.jpg) no-repeat;
    text-indent: -1000em;
    border: none;
    border-radius: 0;
    cursor: pointer;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
}



/* tab1 */
.tab1_contb{
    background: url(../images/v4/default/chacter-R2.png) 50% 26% repeat-x;
}
.tab1_ul {border-bottom:1px solid #2e4868;width:1160px;margin:0 auto;font-size:0;}
.tab1_ul li {display:inline-block;width:160px;height:68px;line-height:68px;position:relative;text-align:center;vertical-align:middle;color:#c9dbed;cursor:pointer;font-size:18px;}
.tab1_ul li.on,.tab1_ul li:hover {color:#e5b958;}
.tab1_ul li .line {position:absolute;width:160px;height:3px;background:#f3c258;bottom:0;left:50%;opacity:0;transform:translate(-50%) scaleX(0);transition:.2s ease-in-out;}
.tab1_ul li:hover .line,.tab1_ul li.on .line {opacity:1;transform:translate(-50%) scaleX(1);}
.tab1_cont_box {width:1160px;margin:0 auto;}
.tab1_cont {	border: solid 1px #2e4868;display:none;position:relative;background:rgba(25,46,77,0.4);color: #b8b9c5; }
.tab1_cont.show {display:block;}
.swiper-box {border-bottom:1px solid #2e4868;width: 1160px;margin: 60px auto 0;}
.swiper1 {font-size:0;width:95%;margin-left:0;}
.moreunlic {color:#d7ad53;position:absolute;top: 75px;
    right: 56px;width:30px;height:30px;letter-spacing:-2px;z-index:99;}
.swiper1 .swiper-slide {height:48px;text-align:center;line-height:48px;display:inline-block;vertical-align:middle;cursor:pointer;font-size:16px;width:auto;padding:0 24px;}
.swiper1 .swiper-slide.on {color:#e4daa6;
    background:url("../img/tab_shad.png") no-repeat;
    background-size:100% 100%;/* background-position:0 -5px;*/}
.swiper1 .swiper-slide:hover {color:#e4daa6;}
/* .tab2_cont_box,.tab2_cont {height:1110px;} */
.tab2_cont_box{height:1052px;margin: 60px auto 0;width: 1190px;}
.tab2_cont {position:relative;margin-top:20px;height:1010px;overflow-y: auto;width: 97%;
    margin: 20px auto 0; display: none;}
    .tab2_cont.show{display:block;}
.table_mes { overflow: hidden; }
.table_mes table {width:1161px;border-collapse:collapse;table-layout:fixed;}
.table_mes table td {text-align:center;border:2px solid #2e4868;height:50px;color:#ffffff;font-size:16px;padding: 12px;line-height: 20px; text-align: left;}
.table_mes table td P{color: #e4daa6;text-align: center;}
.table_mes table tr:nth-child(even),.table_mes table thead td {background:rgba(39,63,94,0.8);}
.obli_box {font-size:16px;color:#9da2ac;margin:28px 0 0 28px;}
.page_con {left:0;bottom:5px;position:absolute;}
.page_num {display:inline-block;}
.prev_btn,.next_btn,#page_con span {margin:0 15px;cursor:pointer;}
.prev_btn,.next_btn,#page_con span.on {color:#d7ad53;}
.content {margin-top:30px;padding:0 45px;line-height:28px;font-size:16px;height:980px;overflow-y:auto;}
.content p span,.content2 p span{margin-right: 6px;}

.content2{
  margin:15px 0 20px;line-height:26px;font-size:16px;overflow-y:auto;padding: 0 36px;
}
.content2 p{text-align: left;}
.table{display: none;}
.table.show{display: block;}
.sm-tit{font-size: 18px;color:#fdf1c9 ;letter-spacing: 1px;font-weight: bold;}

.tab2_cont::-webkit-scrollbar{
	width:5px;
	height:5px;
}
.tab2_cont::-webkit-scrollbar-track{
	background:  rgba(255,255,255,0);
	border-radius:5px;
}
.tab2_cont::-webkit-scrollbar-thumb{
	background:  rgb(185, 154, 82);
	border-radius:5px;
}
.tab2_cont::-webkit-scrollbar-thumb:hover{
	background:  rgb(185, 154, 82);
}
.tab2_cont::-webkit-scrollbar-corner{
	background:  rgba(255,255,255,0);
}
.content2 p em {
    font-style: normal;
    color: #f9efc8;
}
.wg-tit{
    /* background: url(//game.gtimg.cn/images/yxzj/cp/a20190909talk/wg-tit.png) no-repeat; */
    width:119px ;
    height: 30px;
    margin: -60px 0 30px 50px;
    text-indent: -999999em;
}