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

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Microsoft YaHei"
}

fieldset,
img {
    border: 0
}

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

ul,
ol,
li {
    list-style: none
}

caption,
th {
    text-align: left
}

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

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input,
textarea,
select {
    *font-size: 100%;
    outline: 0;
    border: 0
}

a {
    text-decoration: none
}

button,
textarea {
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}


[v-cloak] {
    display: none
}

.main {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    position: relative;
    overflow: hidden;
    background: url(../images/bg2.jpg);
}

.main::before {
    content: '';
    width: 1920px;
    height: 825px;
    background-image: url(../images/bg.jpg);
    background-size: 100% 100%;
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
}

.head-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto 12px;
    padding-top: 170px;
    text-align: center
}

.head-container .head-bg {
    width: 1200px;
    margin: 0 auto 52px;
    overflow: hidden;
    margin-bottom: unset
}

.head-container .head-bg .head-logo {
    width: 700px;
    overflow: hidden;
    text-align: center;
    float: right;
    position: relative
}

.head-container .logo-img {
    width: 700px;
    height: 279px;
    background: url(../images/bg_logo.png) no-repeat;
    background-size: 100%;
}

.head-container .logotips {
    width: 435px;
    height: 48px;
    background: url(../images/bk.png);
    background-size: 100% 100%;
    border-radius: 4px;
    line-height: 48px;
    text-align: center;
    margin: -50px auto 50px;
    color: #ffffff;
    font-size: 16px;
    border-radius: 4px;
}



.user-container {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    line-height: 50px;
    padding: 0 15px 0 20px;
    text-align: left;
    clear: both;
    margin: 0 auto 102px;
    min-width: 430px;
    display: inline-block;
    width: 500px;
    margin: 0 auto 21px;
    display: block
}

.user-container span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 3px
}

.user-container .user-position {
    text-align: center;
    color: #fcd446
}

.user-container .user-name {
    text-align: center;
    color: #6cc860;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.user-container #toggle-user,
.user-container #login-out,
.user-container #toggle-qu {
    height: 30px;
    border-radius: 4px;
    border: solid 1px #ebc15d;
    box-sizing: border-box;
    color: #ebc15d;
    line-height: 30px;
    padding: 0 8px;
    cursor: pointer;
    float: right;
    margin-top: 11px
}

.user-container .login-out-container {
    display: block
}

.user-container .login-in-container {
    display: none
}

.user-container #login-in {
    width: 124px;
    height: 32px;
    background-color: #e63d2e;
    border-radius: 4px;
    color: white;
    text-align: center;
    line-height: 32px;
    float: right;
    margin-top: 10px;
    cursor: pointer
}

.blocks {
    width: 100%;
    position: relative;
    z-index: 11;
    /* background: url(../images/bg2.jpg);
    background-size: 100% 100%; */
}

.blocksin {
    width: 1200px;
    margin: auto
}

.blocksin::after {
    /* content: ''; */
    display: block;
    clear: both
}

.bigtitle {
    width: 100%;
    height: 90px;
    position: relative;
    margin: auto
}

.bigtitle span {
    display: block;
    color: #fde173;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    /* margin-bottom: 10px; */
}

.bigtitle em {
    color: #d09249;
    font-size: 18px;
    display: block;
    text-align: center
}

.bigtitle::after,
.bigtitle::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 15px;
    background-repeat: no-repeat;
    position: absolute;
    width: 171px;
    height: 20px;
}

.bigtitle::before {
    background-image: url(../images/bg_titr.png);
    left: 0
}

.bigtitle::after {
    background-image: url(../images/bg_titl.png);
    right: 0
}

.bigtitle.bigtit1 {
    width: 840px
}

.bigtitle.bigtit2 {
    width: 890px;
    height: 65px;
}

.bigtitle.bigtit3 {
    width: 770px;
    margin-bottom: 20px;
}

.bigtitle.bigtit4 {
    width: 850px
}

.bigtitle.bigtit5 {
    width: 560px
}

.qiandao {
    margin-top: 196px;
}

.imgbox {
    position: relative;
    display: flex;
}

.imgbox.big {
    width: 70px;
    height: 70px;
    position: relative;
    margin: auto;
    margin-top: 11px
}

.imgbox.big::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icotop.png) no-repeat;
    background-size: 100%;
    z-index: 2
}

.imgbox.big img.nor {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    z-index: 1
}

.imgbox.normal {
    width: 65px;
    height: 65px;
    float: left;
    background: url(../images/icobg.png) no-repeat center;
    margin-top: 16px;
    background-size: 100%;
    margin-right: 20px
}

.imgbox.normal img.nor {
    width: 53px;
    height: 53px;
    margin: auto;
    display: block;
    margin-top: 6px;
}

.imgbox.small {
    width: 83px;
    height: 83px;
    position: relative;
    margin: auto
}

.imgbox.small::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icotop1.png) no-repeat;
    background-size: 100%;
    z-index: 2
}

.imgbox.small img.nor {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 53px;
    height: 53px;
    z-index: 1
}


.imgbox img.hov {
    position: absolute;
    display: none;
    bottom: 70px;
    right: 0;
    left: 0;
    margin: auto;
}

.imgbox:hover {
    z-index: 11;
}

.imgbox:hover img.hov {
    display: block;
}


.haskuang {
    width: 1200px;
    background-color: #1c2f3d;
    border-radius: 0px 8px 8px 8px;
    border: solid 1px #ffdf88;
    padding-bottom: 40px
}

.haskuang .kuangin {
    position: relative;
    z-index: 2
}

.haskuang .kuangin .tipsbox {
    width: 1112px;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto 25px;
    background: url(/hd/global/images/a_ny33.png) repeat-y center center;
    font-size: 16px;
    color: #c89660;
    display: block;
    padding: 12px 20px;
    text-align: center;
    line-height: 28px
}

.haskuang .kuangin .tipsbox b {
    font-size: 18px;
    font-weight: bold;
    color: #b77026
}

.lefttopnoradius {
    border-top-left-radius: 0
}

.smtit {
    background: url(../images/bg4.png) no-repeat center center;
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    color: #fef4b7;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px
}

.qiandao .neirongbox {
    /* width: 100%; */
    /* height: 650px; */
    position: relative;
    /* margin-top: 30px; */
    width: 1261px;
    height: 750px;
    right: -12px;
}

.qiandao .neirongbox::after {
    content: '';
    pointer-events: none;
    position: absolute;
    display: block;
    background-image: url(../images/bg_1.png);
    background-size: 100% 100%;
    width: 1261px;
    height: 750px;
    top: -50px;
    left: -73px;
}

.qiandao .qdtop {
    width: 800px;
    height: 500px;
    /* margin-left: 400px; */
    position: relative;
    z-index: 2;
    float: right;
    margin: 46px 73px 0 0;
}

.qiandao .qdtop .showbox {
    width: 100%;
    height: 100%;
    position: relative;
    display: none
}

.qiandao .qdtop .showbox .item {
    width: 396px;
    height: 199px;
    float: left;
    position: absolute
}

.qiandao .qdtop .showbox .item.i1 {
    background: url(../images/ico_1.png);
    top: 85px;
    left: 0
}

.qiandao .qdtop .showbox .item.i2 {
    background: url(../images/ico_2.png);
    top: 65px;
    left: 300px
}

.qiandao .qdtop .showbox .item.i3 {
    background: url(../images/ico_3.png);
    top: 300px;
    left: 150px
}

.qiandao .qdtop .showbox .item.i4 {
    background: url(../images/ico_4.png);
    top: 280px;
    left: 450px
}

.qiandao .qdtop .showbox .item i {
    position: absolute;
    top: -26px;
    left: 203px;
    color: #ffecad;
    font-size: 20px;
    font-weight: bold
}

.qiandao .qdtop .showbox .item em {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #ffecad;
    font-size: 20px;
    font-weight: bold;
    margin-top: 165px
}

.qiandao .qdtop .hidebox {
    width: 720px;
    margin-left: 45px;
    height: 100%;
    position: relative;
    padding-top: 30px
}

.qiandao .qdtop .hidebox .item {
    width: 126px;
    height: 131px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: solid 1px #6db4d9;
    position: relative;
    margin: 0 7px;
    margin-bottom: 28px;
    float: left;
    cursor: pointer
}

.qiandao .qdtop .hidebox .item.active {
    border: solid 1px #ebd47b;
    background: #53a6c880;
}

.qiandao .qdtop .hidebox .item .imgbox {
    margin-top: 26px;
    width: 83px;
    height: 83px
}

.qiandao .qdtop .hidebox .item .imgbox::before {
    background-size: auto;
    background-position: center
}

.qiandao .qdtop .hidebox .item.jz .imgbox::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: url(../images/icotop1.png) no-repeat
}

.qiandao .qdtop .hidebox .item.ylq .haslq {
    display: block;
    position: absolute;
    background: #74e46b;
    width: 38px;
    height: 26px;
    border-radius: 8px 0 8px 0;
    z-index: 7
}

.qiandao .qdtop .hidebox .item.ylq .haslq::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 26px;
    background: url(../images/gou.png) no-repeat center
}

.qiandao .qdtop .hidebox .item .jinri {
    display: none
}

.qiandao .qdtop .hidebox .item.today .jinri {
    display: block;
    position: absolute;
    background: #ebd47b;
    width: 38px;
    height: 26px;
    border-radius: 8px 0 8px 0;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #162c3a;
    z-index: 2
}

.qiandao .qdtop .tcbox {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 616px;
    height: 337px;
    background: url(/hd/20240318_crhl_gr625/images/tc.png);
    overflow: hidden
}

.qiandao .qdtop .tcbox span {
    color: #693d27;
    font-size: 36px;
    text-align: center;
    display: block;
    margin-top: 55px;
    font-weight: bold
}

.qiandao .qdtop .tcbox .imgbox {
    margin-top: 20px
}

.qiandao .qdtop .tcbox em {
    color: #693d27;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-bottom: 30px
}

.qiandao .qdtop .tcbox .qdbtn {
    cursor: pointer;
    margin: auto;
    width: 120px;
    height: 35px;
    background-image: linear-gradient(0deg, #e77b3d 0, #d96736 50%, #ca522e 100%), linear-gradient(#d35248, #d35248);
    background-blend-mode: normal, normal;
    border-radius: 8px;
    text-align: center;
    line-height: 35px;
    color: #e6d39d;
    font-size: 16px
}

.qiandao .qdbtm {
    width: 1094px;
    height: 99px;
    position: relative;
    z-index: 2;
    margin-right: 102px;
    margin-top: 31px;
    box-sizing: border-box;
    padding-left: 140px;
    background: url(../images/s1_1.png) no-repeat center;
    float: right;
}

.qiandao .qdbtm .iconbox {
    float: left;
    width: 700px;
    height: 100px;
    display: flex;
    margin-right: 35px;
    align-items: center;
    justify-content: right
}

.qiandao .qdbtm .iconbox .item {
    width: 150px;
    height: 100%
}

.qiandao .qdbtm .iconbox .item .imgbox {
    margin: auto;
    float: unset;
    margin-top: 10px
}

.qiandao .qdbtm .iconbox .item span {
    display: block;
    text-align: center;
    height: 25px;
    color: #fde173;
    font-size: 12px;
    line-height: 25px
}

.qiandao .qdbtm .ljlqbtn {
    float: right;
    cursor: pointer;
    width: 190px;
    height: 56px;
    background-image: linear-gradient(0deg,
            #176592 0%,
            #5098b1 50%,
            #87c9cd 100%);
    background-blend-mode: normal, normal;
    border-radius: 8px;
    line-height: 56px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
}

.choujiang {
    padding: 46px 0 85px;
    box-sizing: border-box;
}

.choujiang .neirongbox {
    /* width: 90%; */
    /* height: 650px; */
    position: relative;
    margin-top: 0px;
    box-sizing: border-box;
    /* padding-top: 92px; */
    background-image: url(../images/bg_2.png);
    background-size: 100% 100%;
    /* top: -106px; */
    /* left: -79px; */
    width: 1292px;
    height: 742px;
}

.choujiang .neirongbox::after {
    /* content: ''; */
    pointer-events: none;
    position: absolute;
    display: block;
    background-image: url(../images/bg_2.png);
    background-size: 100% 100%;
    top: -106px;
    left: -79px;
    width: 1292px;
    height: 742px;
}

.choujiang .toprwbox {
    margin-left: 70px;
    width: 732px;
    height: 113px;
    position: relative;
    z-index: 2;
    float: left;
    box-sizing: border-box;
    margin: 186px 0 0 70px;
}

.choujiang .toprwbox .item {
    background: url(../images/bg2a.png);
    width: 732px;
    height: 113px
}

.choujiang .toprwbox .item .i_l {
    float: left;
    width: 268px;
    height: 113px;
    box-sizing: border-box;
    padding-top: 28px
}

.choujiang .toprwbox .item .i_l span {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #b77026;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.choujiang .toprwbox .item .i_l em {
    display: block;
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: #693d27;
    font-size: 14px;
    max-width: 200px;
    margin: auto
}

.choujiang .toprwbox .item .i_r {
    float: left;
    height: 113px;
    box-sizing: border-box;
    padding-left: 17px
}

.choujiang .toprwbox .item .i_r .imgbox {
    float: left;
    margin-right: 16px;
    margin-top: 22px
}

.choujiang .toprwbox .item .i_r span {
    float: left;
    color: #693d27;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-top: 41px;
    width: 215px
}

.choujiang .toprwbox .item .i_r .btn {
    width: 120px;
    height: 35px;
    background-image: linear-gradient(0deg, #925a17 0%, #b16c16 50%, #ce7d14 100%), linear-gradient(#d35248, #d35248);
    background-blend-mode: normal, normal;
    border-radius: 8px;
    float: left;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    margin-top: 38px
}

.choujiang .toprwbox .item .i_r .btn.cant_lq {
    background-color: #979090;
    cursor: default
}

.choujiang .btmcj {
    margin-left: 38px;
    margin-top: 30px;
    width: 810px;
    position: relative;
    z-index: 2;
    float: left;
}

.choujiang .btmcj .cjtop {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    /* background: url(../images/bgz.png) no-repeat center center; */
    height: 50px;
    line-height: 50px
}

.choujiang .btmcj .cjitem {
    width: 100%;
}

.choujiang .btmcj .cjitem .item {
    float: left;
    background: url(../images/bg2b.png);
    width: 194px;
    height: 245px;
    margin-right: 8px
}

.choujiang .btmcj .cjitem .item .gl {
    background: url(../images/bg3b.png);
    background-size: 150px 30px;
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffeebf;
    font-size: 14px;
    margin: auto;
    margin-top: 23px
}

.choujiang .btmcj .cjitem .item .imgbox {
    width: 82px;
    height: 82px;
    margin-top: 27px;
    margin-bottom: 10px
}

.choujiang .btmcj .cjitem .item span {
    color: #693d27;
    font-size: 14px;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.choujiang .cjbtn {
    background: url(../images/s2_1.png);
    width: 315px;
    height: 82px;
    position: absolute;
    z-index: 2;
    bottom: -18px;
    left: 281px;
    cursor: pointer;
    overflow: hidden;
    float: left;
}

.choujiang .cjbtn span {
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-top: 7px;
}

.choujiang .cjbtn em {
    color: #493506;
    font-size: 16px;
    display: block;
    text-align: center
}

.qiandao2 .neirongbox {
    /* width: 100%; */
    /* height: 650px; */
    position: relative;
    box-sizing: border-box;
    margin-top: -10px;
    width: 1254px;
    height: 697px;
    background: url(../images/bg_3.png) no-repeat;
    background-size: 100% 100%;
    /* background-size: 100%; */
    box-sizing: border-box;
    padding-top: 105px;
    left: -54px;
}

.qiandao2 .neirongbox::after {
    /* content: ''; */
    pointer-events: none;
    position: absolute;
    display: block;
    background-image: url(../images/bg_3.png);
    /* background-size: 90% 100%; */
    top: -106px;
    left: -78px;
    width: 1254px;
    height: 697px;
}

.qiandao2 .outbox {
    position: relative;
    z-index: 2;
    height: 100%;
    margin-left: 455px;
    padding-top: 30px;
}

.qiandao2 .neirongbox .cjtop {
    color: #e36234;
    font-size: 14px;
    height: 96px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 0;
    position: relative;
    z-index: 2;
    margin-left: 412px;
    background: url(../images/bgz.png) no-repeat center bottom;
    /* height: 50px; */
    line-height: 96px;
}

.qiandao2 .item {
    float: left;
    background: url(../images/bg3a.png);
    width: 240px;
    height: 325px;
    margin-right: 20px;
}

.qiandao2 .item.disable {
    filter: grayscale(1)
}

.qiandao2 .item .smtit {
    background: url(../images/bg3b.png);
    width: 182px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    margin: auto;
    color: #ffeebf;
    font-size: 14px;
    margin-top: 33px
}

.qiandao2 .item .listbox {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 37px;
}

.qiandao2 .item .listbox .list {
    display: inline-block;
    width: 83px;
}

.qiandao2 .item .listbox .list span {
    color: #693d27;
    font-size: 12px;
    display: block;
    text-align: center
}

.qiandao2 .item .lqbtn {
    width: 120px;
    height: 35px;
    background-image: linear-gradient(0deg, #f3b646 0%, #e8a13d 50%, #dc8b34 100%), linear-gradient(#a8996e, #a8996e);
    background-blend-mode: normal, normal;
    box-shadow: 1px 1px 0 1px rgba(2, 2, 2, 0.15);
    border-radius: 8px;
    margin: auto;
    text-align: center;
    line-height: 35px;
    color: #241b06;
    font-size: 16px;
    cursor: pointer
}

.qiandao2 .item.wdc .lqbtn {
    background-image: unset;
    background-color: #a8996e;
    cursor: default
}

.qiandao2 .item.disable .lqbtn {
    cursor: default
}

.qiandao2 .item .lqbtn {
    display: none
}

.qiandao2 .item .wdc,
.qiandao2 .item .ylq {
    background-color: #a8996e;
    cursor: default
}

.qiandao2 .item.cantlq .wdc {
    display: block
}

.qiandao2 .item.haslq {
    filter: grayscale(100%)
}

.qiandao2 .item.haslq .ylq {
    display: block;
    cursor: default
}

.qiandao2 .item.canlq .ljlq {
    display: block
}

.qiandao2 .item.haslq.canlq .ljlq {
    display: none
}

.shuoming {
    padding: 70px 0 80px;
    box-sizing: border-box;
}

.shuoming .shuomingtit {
    background: url(../images/bg4.png) no-repeat center center;
    width: 100%;
    height: 62px;
    line-height: 62px;
    text-align: center;
    color: #fef4b7;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px
}

.shuoming .smbox {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 60px;
    position: relative;
    z-index: 2;
    padding-bottom: 0
}

.shuoming .smbox p {
    display: block;
    line-height: 25px;
    color: #bab386;
    font-size: 16px;
    margin-bottom: 5px
}

.huaban {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 867px;
    left: 0;
    top: 20px;
    background: url(../images/top.png) no-repeat center center
}

.huaban.hb1 {
    top: 1170px
}

.huaban.hb2 {
    top: 54%
}

.huaban.hb3 {
    top: 80%
}

.choujiang .tcbox {
    z-index: 5;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 616px;
    height: 337px;
    background: url(/hd/20240318_crhl_gr625/images/tc.png);
    overflow: hidden
}

.choujiang .tcbox span {
    color: #693d27;
    font-size: 36px;
    text-align: center;
    display: block;
    margin-top: 55px;
    font-weight: bold
}

.choujiang .tcbox .imgbox {
    margin-top: 20px
}

.choujiang .tcbox em {
    color: #693d27;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-bottom: 30px
}

.choujiang .tcbox .qdbtn {
    cursor: pointer;
    margin: auto;
    width: 120px;
    height: 35px;
    background-image: linear-gradient(0deg, #e77b3d 0, #d96736 50%, #ca522e 100%), linear-gradient(#d35248, #d35248);
    background-blend-mode: normal, normal;
    border-radius: 8px;
    text-align: center;
    line-height: 35px;
    color: #e6d39d;
    font-size: 16px
}

.djsm {
    padding-top: 80px
}

.djsm .itemsbox {
    position: relative;
    width: 100%;
    height: 320px
}

.djsm .itemsbox .item {
    position: absolute;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 1
}

.djsm .itemsbox .item.i1 {
    top: 8px;
    left: 0
}

.djsm .itemsbox .item.i2 {
    top: 40px;
    left: 150px
}

.djsm .itemsbox .item.i3 {
    top: 15px;
    left: 300px
}

.djsm .itemsbox .item.i4 {
    top: 45px;
    left: 450px
}

.djsm .itemsbox .item.i5 {
    top: 10px;
    left: 600px
}

.djsm .itemsbox .item.i6 {
    top: 25px;
    left: 750px
}

.djsm .itemsbox .item.i7 {
    top: 0;
    left: 900px
}

.djsm .itemsbox .item.i8 {
    top: 35px;
    left: 1050px
}

.djsm .itemsbox .item.i9 {
    top: 180px;
    left: 170px
}

.djsm .itemsbox .item.i10 {
    top: 230px;
    left: 340px
}

.djsm .itemsbox .item.i11 {
    top: 190px;
    left: 510px
}

.djsm .itemsbox .item.i12 {
    top: 200px;
    left: 680px
}

.djsm .itemsbox .item.i13 {
    top: 230px;
    left: 850px
}

.djsm .itemsbox .item .itemin {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px
}

.djsm .itemsbox .item .itemin .bj {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    width: 120px;
    height: 120px;
    background: url(../images/g.png) no-repeat center center;
    background-size: 100%;
    filter: grayscale(.3);
    opacity: .4;
    transition: all .08s ease
}

.djsm .itemsbox .item .itemin .hidesm {
    position: absolute;
    z-index: 2;
    transform: scale(0);
    opacity: 0;
    transition: all .08s ease;
    background: url(../images/wbg.png);
    width: 396px;
    height: 82px;
    box-sizing: border-box;
    padding-left: 85px;
    padding-top: 21px;
    top: 5px;
    left: 0
}

.djsm .itemsbox .item .itemin .hidesm span {
    color: #3a1d1d;
    font-size: 24px;
    font-weight: bold;
    height: 40px;
    line-height: 40px
}

.djsm .itemsbox .item:hover {
    z-index: 2
}

.djsm .itemsbox .item:hover .itemin .hidesm {
    opacity: 1;
    transform: scale(1)
}

.djsm .itemsbox .item .itemin .imgbox {
    margin: unset;
    z-index: 5
}

.djsm .itemsbox .item:hover .itemin .bj {
    width: 240px;
    height: 240px;
    filter: none;
    opacity: 1;
    margin-top: -120px;
    margin-left: -120px;
    animation: xz 10s linear infinite
}

@keyframes xz {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.globaltop {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #e3e3e3
}

.globalbtm {
    position: relative;
    z-index: 2;
    width: 100%
}

.sltab {
    height: 82px;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.sltab span {
    float: left;
    width: 300px;
    text-align: center;
    line-height: 82px;
    border-radius: 8px 8px 0 0;
    color: #c1c1c1;
    cursor: pointer;
    font-size: 24px;
    background-color: #6c6855;
    margin-right: 5px
}

.sltab span.active {
    background-color: unset;
    color: #2c0808;
    background-image: linear-gradient(0deg,
            #d69e56 0%,
            #e4b251 50%,
            #f2c54b 100%);
    background-blend-mode: normal, normal
}

.cjzjbox {
    padding: 0 36px;
    padding-top: 40px
}

.cjzjbox .day-mission {
    width: 1118px;
    height: 80px;
    display: block;
    background: url(/hd/global/images/rw_1.png) no-repeat center center;
    background-size: 100%;
    margin: 0 auto 13px
}

.cjzjbox .day-mission>* {
    float: left;
    line-height: 80px !important
}

.cjzjbox .day-mission h3 {
    width: 157px;
    text-align: center;
    color: #b77026;
    font-weight: bold;
    font-size: 20px;
    height: 80px
}

.cjzjbox .day-mission b {
    display: block;
    width: 560px;
    text-indent: 24px;
    text-align: left;
    font-weight: normal;
    color: #333;
    height: 100%
}

.cjzjbox .day-mission .gifts-li-img {
    margin: 15px 13px 0 0;
    float: left;
    background: url(../images/icobg.png) no-repeat center;
    background-size: 100%;
}

.gifts-li-img img {
    float: left;
    margin: 5px;
    width: 38px;
    height: 38px
}

.cjzjbox .day-mission p {
    font-size: 14px;
    color: #693d27;
    margin-left: 28px
}

.cjzjbox .day-mission .gifts-li-day {
    float: right !important;
    line-height: 43px !important;
    width: 116px;
    height: 43px;
    background-image: linear-gradient(0deg, #925a17 0%, #b16c16 50%, #ce7d14 100%), linear-gradient(#0f1217, #0f1217);
    border-radius: 10px;
    font-size: 16px;
    color: #fffcd2;
    text-align: center;
    margin: 19px 27px 1px 3px;
    cursor: pointer
}

.cjzjbox .day-mission .gifts-li-day.haslq {
    cursor: default;
    background-color: #a8996e;
    color: #e6d39d
}

.cjzjbox .day-mission.has-get .gifts-li-day {
    cursor: default;
    background-color: #a8996e;
    color: #e6d39d
}

.zcbox {
    padding: 0 72px;
    padding-top: 40px
}

.cjzjbox .day-mission .imglist {
    width: 250px;
    height: 80px;
    overflow: hidden
}

.zcbox .bigpic {
    border: solid 1px #e6d39d;
    margin: auto;
    margin-bottom: 20px
}

.zcbox p {
    font-size: 14px;
    color: #ccbb8b;
    line-height: 25px
}

.zcbox p b {
    font-size: 16px
}

.zcbox p span {
    color: red;
    font-weight: bold
}



.v5_libaoalert {
    width: 738px;
    height: 498px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 11;
    background: url(/images/v6_guide/alert_1.png);
    display: none
}

.v5_libaoalert .alertin {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.v5_libaoalert .close {
    position: absolute;
    top: 35px;
    right: 38px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(/images/v6_guide/alert_2.png)
}

.v5_libaoalert .v5tit {
    color: #fff;
    font-size: 33px;
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 44px
}

.v5_libaoalert .hlmiddle {
    width: 100%;
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.v5_libaoalert .hlmiddle::after {
    content: '';
    display: block;
    clear: both
}

.v5_libaoalert .hlmiddle .hll {
    float: left;
    width: 267px;
    height: 178px;
    background: url(/images/v6_guide/alert_3.png);
    margin-left: 106px;
    margin-right: 48px;
    position: relative
}

.v5_libaoalert .hlmiddle .hll em {
    content: '';
    display: block;
    position: absolute;
    top: -14px;
    left: -9px;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url(/images/v6_guide/alert_4.png);
    width: 293px;
    height: 293px;
    animation: change 60s linear infinite;
    animation-direction: alternate
}

@keyframes change {
    to {
        transform: rotate(360deg)
    }
}

.v5_libaoalert .hlmiddle .hlr {
    float: left;
    width: 242px;
    height: 179px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px
}

.v5_libaoalert .hlmiddle .hlr span {
    color: #98d0ed;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    display: block;
    text-align: center;
    width: 100%;
    margin: 10px 0;
    margin-bottom: 4px
}

.v5_libaoalert .hlmiddle .hlr p {
    display: block;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 14px;
    height: 25px;
    line-height: 25px
}

.v5_libaoalert .hlbtm {
    width: 513px;
    height: 42px;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #8abace;
    margin: auto;
    padding-left: 18px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    margin-top: 30px
}

.v5_libaoalert .hlbtm input {
    height: 100%;
    display: block;
    color: #333;
    font-size: 18px
}

.v5_libaoalert .hlbtm em {
    position: absolute;
    cursor: pointer;
    width: 134px;
    height: 36px;
    background-color: #88b8cb;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    top: 2px;
    right: 2px
}

.v5_libaoalert .hlbtm em i {
    display: block;
    width: 130px;
    height: 32px;
    background-color: #88b8cb;
    border-radius: 4px;
    border: solid 1px #3e809c;
    text-align: center;
    margin: auto;
    margin-top: 1px;
    color: #fff;
    line-height: 32px;
    font-size: 16px;
    font-style: normal
}

.v5_libaoalert .dhlbbtn {
    width: 234px;
    height: 46px;
    background-color: #88b8cb;
    border-radius: 4px;
    margin: auto;
    display: block;
    overflow: hidden;
    margin-top: 35px
}

.v5_libaoalert .dhlbbtn em {
    display: block;
    margin: auto;
    width: 230px;
    height: 42px;
    background-color: #88b8cb;
    border-radius: 4px;
    border: solid 1px #3e809c;
    margin-top: 1px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 16px
}