body {
    background: url(../image/bg.jpg) no-repeat top center;
    background-size: 100% auto;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: .16rem;
    width: 100%;
}

li,
div,
a {
    user-select: none;
}

.wrap1,
.wrap2,
.wrap3,
.wrap4 {
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.wrap1__content,
.wrap2__content,
.wrap4__content {
    width: 100%;
    margin: 0 auto;
}

.inf {
    font-size: .24rem;
}

.inf p {
    text-align: center;
    line-height: .35rem;
}

.inf_tips {
    text-decoration: underline;
}

.wrap1 {
    height: 9rem;
    width: 100%;
    box-sizing: border-box;
}

.logo {
    display: inline-block;
    width: 1.83rem;
    height: .83rem;
    background: url(../image/logo.png) no-repeat center;
    background-size: 100% auto;
    margin: .1rem 0 0 .1rem;
}

.head {
    float: right;
    font-size: .14rem;
    margin-top: .4rem;
}

.head-btn.login {
    display: inline;
    border: 1px solid #1f3a26;
    box-sizing: border-box;
    padding: .1rem .3rem;
    border-radius: .5rem;
    margin-right: .15rem;
    background-color: #3b6445;
}

.head-btn {
    display: inline;
    color: #d6c57b;
    background-color: #aeb979;
    border: 1px solid #909b59;
    box-sizing: border-box;
    padding: .1rem .2rem;
    border-radius: .5rem;
    margin-right: .15rem;
}

.head-btn.login a {
    color: #d6c57b !important;
}

.head-btn a {
    color: #5d6536;
    width: 100%;
}

/* wrap2 */
.wrap2 {
    height: 16rem;
    padding-top: 2.3rem;
    box-sizing: border-box;
}

.wrap2 .inf {
    width: 90%;
    margin: 0 auto 15px auto;
}

.wrap2 .inf p {
    color: #aeb979;
}

.wrap2 .inf>p {
    margin-bottom: .2rem;
}

.wrap2 .tips {
    box-sizing: border-box;
    font-size: .2rem;
    height: 2.43rem;
    margin: 0 auto;
    padding: .1rem .33rem 0 .5rem;
    background: url(../image/bg_tips.png) no-repeat top center;
    background-size: 100% auto;
}

.wrap2 .tips>p {
    text-align: left;
}

.wrap2 .stage {
    width: 7.46rem;
    height: 6.5rem;
    background: url(../image/section1.png) no-repeat top center;
    background-size: 100% auto;
    margin: 0 auto;
    box-sizing: border-box;
    /* padding: 140px 0 0 60px; */
    position: relative;
    padding-top: 1.2rem;
}

.wrap2 .stage::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 7.46rem;
    height: 6.5rem;
    background: url(../image/section1--hover.png) no-repeat center;
    background-size: 100% auto;
    z-index: 1;
}

.reward {
    width: 5rem;
    padding-left: 1.5rem;
    margin-bottom: 1.2rem;
}

.reward img {
    width: 100%;
}

.yearsbox {
    position: absolute;
    z-index: 1;
    left: -.5rem;
    top: 6rem;
}

.butterfly__click {
    position: absolute;
    z-index: 1;
    left: .2rem;
    top: 6.4rem;
}

.yearsItem {
    width: 2.94rem;
    height: 1.53rem;
    padding-left: 1rem;
    box-sizing: border-box;
    line-height: 1.4rem;
    font-size: .24rem;
    font-weight: bold;
    color: #e5cb87;
}

.yearsItem--active {
    background: url(../image/bg_years.png) no-repeat center;
    background-size: 100% auto;
}

.clickItem {
    width: 2.2rem;
    height: .6rem;
}

.yearsItem:nth-child(2) {
    margin: -.8rem 0 0 1rem;
}

.yearsItem:nth-child(3) {
    margin: -1.51rem 0 0 3.5rem;
}

.yearsItem:nth-child(4) {
    margin: -2.25rem 0 0 4.9rem;
}

.clickItem:nth-child(2) {
    margin: .1rem 0 0 1rem;
}

.clickItem:nth-child(3) {
    margin: -.6rem 0 0 3.5rem;
}

.clickItem:nth-child(4) {
    margin: -1.3rem 0 0 4.9rem;
}

.butterflybox {
    width: 100%;
    height: .6rem;
    position: relative;
    margin-bottom: 1.3rem;
}

.butterflyItem {
    width: .11rem;
    height: .11rem;
}

.butterflyItem--active {
    background: url(../image/butterfly.png) no-repeat center;
    background-size: 100% auto;
}

.butterflyItem:nth-child(1) {
    margin: .08rem 0 0 2.25rem;
}

.butterflyItem:nth-child(2) {
    margin: .14rem 0 0 3.18rem;
}

.butterflyItem:nth-child(3) {
    margin: -.1rem 0 0 4.145rem;
}

.butterflyItem:nth-child(4) {
    margin: -.35rem 0 0 5.13rem;
}

.wrap2 .btn-jd {
    width: 3.85rem;
    height: .86rem;
    background: url(../image/button-jd.png) no-repeat center;
    background-size: 100% auto;
    margin: 0 auto;
    z-index: 3;
}

/* wrap3 */
.wrap3 {
    height: 11.5rem;
    padding-top: 2rem;
    box-sizing: border-box;
}

.identify_left {
    width: 7.5rem;
    height: 4.57rem;
    background: url(../image/section2_left.png) no-repeat top center;
    background-size: 100% auto;
    margin: .8rem auto 1rem auto;
}

.btn_jd {
    width: 3.83rem;
    height: .89rem;
    background: url(../image/button-begin.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
    margin: 0 auto;
}

.wrap3 .content2>p,
.wrap3 .content3>p,
.activeboxItem>p {
    color: #224029;
    width: 90%;
    margin: 0 auto .4rem auto;
}

.backtab {
    padding: 0 .22rem;
}

.backTabitem {
    width: 3.46rem;
    height: .72rem;
}

.backTabitem1 {
    background: url(../image/tab_top.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
    margin-bottom: .2rem;
    position: relative;
    float: left;
}

.backTabitem1:hover,
.backTabitem1.backTabitem--active {
    background: url(../image/tab_top--active.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
}

.backTabitem2 {
    background: url(../image/tab_bottom.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
    float: right;
}

.backTabitem2:hover,
.backTabitem2.backTabitem--active {
    background: url(../image/tab_bottom--active.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
}

.backboxItem {
    width: 7.2rem;
    height: 5.78rem;
    margin: 0 auto;
}

.backboxItem1 {
    background: url(../image/bg_section2_3.png) no-repeat top center;
    background-size: 100% auto;
}

.backboxItem2 {
    background: url(../image/bg_section2_2.png) no-repeat top center;
    background-size: 100% auto;
}

.activeboxItem {
    width: 7.18rem;
    height: 5.78rem;
    background: url(../image/bg_section2_1.png) no-repeat top center;
    margin: 0 auto;
    background-size: 100% auto;
}

.backboxItem_left {
    width: 2.6rem;
    height: 5.8rem;
    float: left;
    box-sizing: border-box;
    padding: .6rem .15rem 0 .15rem;
    color: #927d41;
    font-size: .18rem;
    word-break: break-all;
}

.backboxItem_right {
    width: 4.5rem;
    height: 5.8rem;
    float: right;
    box-sizing: border-box;
    position: relative;
    padding-top: .8rem;
}

.gift1 {
    width: 1.69rem;
    height: .8rem;
    background: url(../image/gift1.png) no-repeat top center;
    background-size: 100% auto;
    margin: 0 auto .2rem auto;
    display: block;
}

.gift2 {
    width: 1.6rem;
    height: .97rem;
    background: url(../image/gift2.png) no-repeat top center;
    background-size: 100% auto;
    margin: .1rem auto .2rem auto;
    display: block;
}

.backboxItem_left button {
    display: block;
    margin: .1rem auto .2rem auto;
    width: 2rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .3rem;
    color: #e4dfc2;
    box-sizing: border-box;
    border: 1px solid #2e5237;
    font-size: .2rem;
    background: linear-gradient(top, #93a56c, #486d4b);
    background: -webkit-linear-gradient(top, #93a56c, #486d4b);
    /* 谷歌  */
    background: -o-linear-gradient(top, #93a56c, #486d4b);
    /* Opera */
    background: -moz-linear-gradient(top, #93a56c, #486d4b);
    /* 火狐 */
    cursor: pointer;
}

.tips_title {
    display: inline-block;
    background-color: #927d41;
    color: #dad1a8;
    margin-left: -.15rem;
    box-sizing: border-box;
    padding: .05rem .1rem;
    margin-bottom: .1rem;
}

.dialog-large .sharebox i {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    vertical-align: middle;
    margin: 0 .03rem;
}

.backboxItem_left .sharebox i{
    display: inline-block;
    width: .32rem;
    height: .32rem;
    vertical-align: middle;
    margin: 0 .03rem;
}
.dialog-large .sharebox {
    margin: .15rem 0;
    vertical-align: middle;
    text-align: center;
}

.backboxItem_left .sharebox {
    font-size: .14rem;
    margin: .1rem 0;
}

.backboxItem_left span {
    color: #547358;
}

.backboxItem1 .picture__hover,
.picture__hover2,
.picture__hover1 {
    background: url(../image/section2.png) no-repeat center center;
    background-size: 100% auto;
}

.picture__hover {
    font-size: 0;
    width: 4.2rem;
    height: 4.2rem;
    margin: 0 auto;
}

.picture__hover li {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    border: .01rem solid #646464;
    box-sizing: border-box;
    background: url(../image/section2_hover.png) no-repeat center center;
    background-size: 4.2rem 4.2rem;
}

.picture__hover li:nth-child(1) {
    background-position: top left;
    border-top: none;
    border-left: none;
}

.picture__hover li:nth-child(2) {
    background-position: -1.05rem 0;
    border-top: none;
}

.picture__hover li:nth-child(3) {
    background-position: -2.1rem 0;
    border-top: none;
}

.picture__hover li:nth-child(4) {
    background-position: top right;
    border-top: none;
    border-right: none;
}

.picture__hover li:nth-child(5) {
    background-position: left -1.05rem;
    border-left: none;
}

.picture__hover li:nth-child(6) {
    background-position: -1.05rem -1.05rem;
}

.picture__hover li:nth-child(7) {
    background-position: -2.1rem -1.05rem;
}

.picture__hover li:nth-child(8) {
    background-position: right -1.05rem;
    border-right: none;
}

.picture__hover li:nth-child(9) {
    background-position: left -2.1rem;
    border-left: none;
}

.picture__hover li:nth-child(10) {
    background-position: -1.05rem -2.1rem;
}

.picture__hover li:nth-child(11) {
    background-position: -2.1rem -2.1rem;
}

.picture__hover li:nth-child(12) {
    background-position: right -2.1rem;
    border-right: none;
}

.picture__hover li:nth-child(13) {
    background-position: bottom left;
    border-left: none;
    border-bottom: none;
}

.picture__hover li:nth-child(14) {
    background-position: -1.05rem bottom;
    border-bottom: none;
}

.picture__hover li:nth-child(15) {
    background-position: -2.1rem bottom;
    border-bottom: none;
}

.picture__hover li:nth-child(16) {
    background-position: bottom right;
    border-bottom: none;
    border-right: none;
}

.picture__hover1 {
    font-size: 0;
    width: 4.8rem;
    height: 4.8rem;
    margin: .2rem auto;
}

.picture__hover1 li {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #646464;
    box-sizing: border-box;
    background: url(../image/section2_hover.png) no-repeat center center;
    background-size: 4.8rem 4.8rem;
}

.picture__hover1 li:nth-child(1) {
    background-position: top left;
    border-top: none;
    border-left: none;
}

.picture__hover1 li:nth-child(2) {
    background-position: -1.2rem 0;
    border-top: none;
}

.picture__hover1 li:nth-child(3) {
    background-position: -2.4rem 0;
    border-top: none;
}

.picture__hover1 li:nth-child(4) {
    background-position: top right;
    border-top: none;
    border-right: none;
}

.picture__hover1 li:nth-child(5) {
    background-position: left -1.2rem;
    border-left: none;
}

.picture__hover1 li:nth-child(6) {
    background-position: -1.2rem -1.2rem;
}

.picture__hover1 li:nth-child(7) {
    background-position: -2.4rem -1.2rem;
}

.picture__hover1 li:nth-child(8) {
    background-position: right -1.2rem;
    border-right: none;
}

.picture__hover1 li:nth-child(9) {
    background-position: left -2.4rem;
    border-left: none;
}

.picture__hover1 li:nth-child(10) {
    background-position: -2.4rem -2.4rem;
}

.picture__hover1 li:nth-child(11) {
    background-position: -2.4rem -2.4rem;
}

.picture__hover1 li:nth-child(12) {
    background-position: right -2.4rem;
    border-right: none;
}

.picture__hover1 li:nth-child(13) {
    background-position: bottom left;
    border-left: none;
    border-bottom: none;
}

.picture__hover1 li:nth-child(14) {
    background-position: -1.2rem bottom;
    border-bottom: none;
}

.picture__hover1 li:nth-child(15) {
    background-position: -2.4rem bottom;
    border-bottom: none;
}

.picture__hover1 li:nth-child(16) {
    background-position: bottom right;
    border-right: none;
    border-bottom: none;
}

.picture__hover2 {
    font-size: 0;
    width: 4.8rem;
    height: 4.8rem;
    margin: .5rem auto;
}

.picture__hover2 li {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #646464;
    box-sizing: border-box;
    background: url(../image/section2_hover.png) no-repeat center center;
    background-size: 4.8rem 4.8rem;
}

.picture__hover2 li:nth-child(1) {
    background-position: top left;
    border-top: none;
    border-left: none;
}

.picture__hover2 li:nth-child(2) {
    background-position: -1.2rem 0;
    border-top: none;
}

.picture__hover2 li:nth-child(3) {
    background-position: -2.4rem 0;
    border-top: none;
}

.picture__hover2 li:nth-child(4) {
    background-position: top right;
    border-top: none;
    border-right: none;
}

.picture__hover2 li:nth-child(5) {
    background-position: left -1.2rem;
    border-left: none;
}

.picture__hover2 li:nth-child(6) {
    background-position: -1.2rem -1.2rem;
}

.picture__hover2 li:nth-child(7) {
    background-position: -2.4rem -1.2rem;
}

.picture__hover2 li:nth-child(8) {
    background-position: right -1.2rem;
    border-right: none;
}

.picture__hover2 li:nth-child(9) {
    background-position: left -2.4rem;
    border-left: none;
}

.picture__hover2 li:nth-child(10) {
    background-position: -1.2rem -2.4rem;
}

.picture__hover2 li:nth-child(11) {
    background-position: -2.4rem -2.4rem;
}

.picture__hover2 li:nth-child(12) {
    background-position: right -2.4rem;
    border-right: none;
}

.picture__hover2 li:nth-child(13) {
    background-position: bottom left;
    border-left: none;
    border-bottom: none;
}

.picture__hover2 li:nth-child(14) {
    background-position: -1.2rem bottom;
    border-bottom: none;
}

.picture__hover2 li:nth-child(15) {
    background-position: -2.4rem bottom;
    border-bottom: none;
}

.picture__hover2 li:nth-child(16) {
    background-position: bottom right;
    border-right: none;
    border-bottom: none;
}

.light {
    background: none !important;
}

.backboxItem2 .backboxItem_left button,
.activeboxItem .backboxItem_left button {
    margin-bottom: .5rem;
}

.backboxItem2 .backboxItem_right,
.activeboxItem .backboxItem_right {
    padding: .7rem .12rem .15rem .12rem;
}

.backboxItem2 input,
.activeboxItem input {
    width: 90%;
    margin-left: 5%;
    background-color: #dad1a8;
    border-radius: .05rem;
    box-sizing: border-box;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .2rem;
    border: none;
    margin-bottom: .2rem;
}

.btn_invite {
    width: 2.19rem;
    height: .52rem;
    display: block;
    margin: 0 auto .1rem auto;
    border: none;
    cursor: pointer;
    background: url(../image/button-invite.png) no-repeat top center;
    background-size: 100% auto;
}

.btn_apply {
    display: block;
    text-align: center;
    color: #4f734e;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: .15rem;
}

.mybind {
    height: .99rem;
    margin-bottom: .15rem;
    background: url(../image/bg_bindword.png) no-repeat top center;
    background-size: 100% auto;
    box-sizing: border-box;
    text-align: center;
    padding: .05rem;
    line-height: .3rem;
    color: #927d41;
}

.mybind span {
    color: #4f734e;
}

.btn_rate {
    background: linear-gradient(top, #93a56c, #486d4b);
    background: -webkit-linear-gradient(top, #93a56c, #486d4b);
    /* 谷歌  */
    background: -o-linear-gradient(top, #93a56c, #486d4b);
    /* Opera */
    background: -moz-linear-gradient(top, #93a56c, #486d4b);
    /* 火狐 */
    cursor: pointer;
    color: #e4dfc2;
    border: none;
    border-radius: .3rem;
    padding: .05rem .2rem;
}

.bindtips {
    box-sizing: border-box;
    padding: 0 .1rem;
    color: #547358;
    text-align: justify;
}

.bindtips .tips_title {
    background-color: #547358;
}

.address {
    margin: .6rem 0 .5rem 0;
    color: #224029;
    font-size: .24rem;
}

.address input {
    padding: .1rem .1rem;
    width: 50%;
}

.address textarea {
    padding: .1rem .1rem;
    width: 50%;
    resize: none;
    outline: none;
    vertical-align: top;
}

.submit {
    width: 2.5rem;
    height: .7rem;
    line-height: .7rem;
    background: linear-gradient(top, #93a56c, #486d4b);
    background: -webkit-linear-gradient(top, #93a56c, #486d4b);
    /* 谷歌  */
    background: -o-linear-gradient(top, #93a56c, #486d4b);
    /* Opera */
    background: -moz-linear-gradient(top, #93a56c, #486d4b);
    border: none;
    font-size: .3rem;
    color: #ffffff;
    cursor: pointer;
    border-radius: .5rem;
}

/* wrap4 */
.wrap4 {
    height: 20rem;
    padding-top: 2.9rem;
    box-sizing: border-box;
}

.wrap4 .inf {
    margin-bottom: .5rem;
    color: #aeb979;
    padding: 0 .2rem;
}

.wrap4__content-top {
    width: 7.5rem;
    height: 5.31rem;
    background: url(../image/section3.png) no-repeat center center;
    background-size: 100% auto;
    position: relative;
    margin: 0 auto;
}

.lottery {
    position: absolute;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid black;
    top: 56.5%;
    left: 49.5%;
    border-radius: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    color: #584b28;
    font-size: .24rem;
    text-align: center;
    box-sizing: border-box;
    padding-top: 1.1rem;
    z-index: 2;
}

.lottery_tips {
    width: 6.5rem;
    height: .88rem;
    background: url(../image/bg_lotterytips.png) no-repeat center center;
    background-size: 100% auto;
    margin: .1rem auto .3rem auto;
    box-sizing: border-box;
    padding: .26rem 0 0 4.7rem;
    color: #224029;
    font-size: .24rem;
}

.lotterybox {
    width: 100%;
    height: 100%;
}

.lotteryitem {
    position: absolute;
    display: block;
    width: .14rem;
    height: .15rem;
    z-index: 1;
}

.lotteryitem--active {
    background: url(../image/icon_lotterypoint.png) no-repeat center center;
    background-size: 100% auto;
}

.lotteryitem:nth-child(1) {
    left: 1.73rem;
    top: 3.76rem;
}

.lotteryitem:nth-child(2) {
    left: 2.08rem;
    top: 2.9rem;
}

.lotteryitem:nth-child(3) {
    left: 2.85rem;
    top: 2.29rem;
}

.lotteryitem:nth-child(4) {
    left: 3.75rem;
    top: 2.11rem;
}

.lotteryitem:nth-child(5) {
    left: 4.625rem;
    top: 2.33rem;
}

.lotteryitem:nth-child(6) {
    left: 5.28rem;
    top: 2.9rem;
}

.lotteryitem:nth-child(7) {
    left: 5.64rem;
    top: 3.74rem;
}

.prizeList {
    width: 7.06rem;
    height: 3.59rem;
    background: url(../image/bg_list.png) no-repeat center center;
    background-size: 100% auto;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: .65rem;
    margin: 0 auto .3rem auto;
    font-size: .24rem;
}

.prizeList span {
    color: #d6c57b;
}

.rightlist {
    width: 7.06rem;
    height: 4.5rem;
    background-color: #315139;
    margin: 0 auto;
}

.wrap4__content-bottom .list {
    box-sizing: border-box;
    padding: .15rem .4rem;
    overflow: hidden;
}

.listTab {
    display: flex;
    justify-content: space-between;
    font-size: 0;
    width: 100%;
}

.listTabitem--active,
.listTab li:hover {
    color: #fff4c5 !important;
}

.listTabitem--active {
    background-color: #758d64 !important;
    color: #224029 !important;
}


.listTabitem {
    display: inline-block;
    background-color: #224029;
    width: 3.53rem;
    padding: .1rem 0;
    text-align: center;
    box-sizing: border-box;
    color: #d6c57b;
    cursor: pointer;
    font-size: .26rem;
}

.prizeList li {
    height: .5rem;
    line-height: .5rem;
    color: #758d64;
    background: url(../image/bg_listword.png) no-repeat center;
    background-size: 100% auto;
}

.numrecordList,
.lotteryList {
    height: 3.5rem;
    overflow: hidden !important;
}

.numrecordList table,
.lotteryList table {
    width: 6.3rem;
    border: none;
    color: #758d64;
    font-size: .24rem;
    text-align: center;
    display: block;
}

.numrecordList thead,
.lotteryList thead {
    display: block;
    border-bottom: 1px solid #758d64;
}

.numrecordList tr,
.lotteryList tr {
    height: .6rem;
}

.numrecordList th,
.lotteryList th,
.numrecordList td,
.lotteryList td {
    width: 3.15rem;
    font-weight: normal;
}

.numrecordList tbody,
.lotteryList tbody {
    display: block;
    height: 2.8rem;
    overflow: auto;
}

.numrecordList tbody::-webkit-scrollbar,
.lotteryList tbody::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

/* 弹窗 */
.mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.dialog-large .dialog-content {
    width: 6.4rem !important;
    margin-left: -3.2rem !important;
    height: 9.21rem;
    background: url(../image/bg_tc_2.png) no-repeat top center;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: .15rem 0 0 0;
}

.dialog-list .dialog-content {
    width: 6.4rem !important;
    height: 9.02rem;
    margin-left: -3.2rem !important;
    background: url(../image/bg_tc_4.png) no-repeat top center;
    background-size: 100% auto;
    text-align: center;
    padding: .3rem 0 0 0;
    box-sizing: border-box;
}

.dialog-identify .dialog-content {
    width: 6.4rem !important;
    height: 9.62rem;
    margin-left: -3.2rem !important;
    background: url(../image/bg_tc_3.png) no-repeat top center;
    background-size: 100% auto;
}

.dialog-identify span {
    color: #5d7f49;
}

.dialog-alert .dialog-content,
.dialog-confirm .dialog-content {
    width: 6.4rem !important;
    height: 3.58rem;
    margin-left: -3.2rem !important;
    background: url(../image/bg_tc_1.png) no-repeat top center;
    background-size: 100% auto;
    text-align: center;
    box-sizing: border-box;
    padding: .18rem .8rem 0 .8rem;
}

.dialog-large .dialog-header,
.dialog-large .dialog-body,
.dialog-large .dialog-footer,
.dialog-identify .dialog-header,
.dialog-identify .dialog-body,
.dialog-identify .dialog-footer,
.dialog-list .dialog-header,
.dialog-list .dialog-body,
.dialog-list .dialog-footer,
.dialog-alert .dialog-header,
.dialog-alert .dialog-body,
.dialog-alert .dialog-footer,
.dialog-confirm .dialog-header,
.dialog-confirm .dialog-body,
.dialog-confirm .dialog-footer {
    background: none !important;
}

.dialog-identify .dialog-body {
    padding: .5rem .8rem 0 .8rem !important;
    box-sizing: border-box;
    color: #8a7454;
    text-align: justify;
}

.dialog-list .dialog-body {
    padding: 0 .2rem .2rem .2rem !important;
    box-sizing: border-box;
    color: #ffffff;
}

.dialog-identify .dialog-closebtn,
.dialog-list .dialog-closebtn,
.dialog-large .dialog-closebtn,
.dialog-alert .dialog-closebtn,
.dialog-confirm .dialog-closebtn {
    position: absolute !important;
    right: .05rem !important;
    top: 0 !important;
    background: url(../image/icon_close.png) no-repeat center !important;
    background-size: 100% auto !important;
    font-size: 0 !important;
    width: .72rem !important;
    height: .72rem !important;
}

.dialog-list .sharebox {
    box-sizing: border-box;
}

.dialog-identify .sharebox {
    box-sizing: border-box;
}

.dialog-list .sharebox i,
.dialog-identify .sharebox i {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    vertical-align: middle;
    margin: 0 .05rem;
}


.dialog-alert .dialog-btn {
    border: 1px solid #2e5237;
    background: linear-gradient(top, #93a56c, #486d4b) !important;
    background: -webkit-linear-gradient(top, #93a56c, #486d4b) !important;
    /* 谷歌  */
    background: -o-linear-gradient(top, #93a56c, #486d4b) !important;
    /* Opera */
    background: -moz-linear-gradient(top, #93a56c, #486d4b) !important;
    border-radius: .5rem;
    color: white !important;
    width: 1.6rem !important;
    height: .53rem !important;
    line-height: .53rem !important;
    font-size: .3rem !important;
    font-weight: normal;
    letter-spacing: .1rem;
    box-sizing: border-box;
    text-align: center;
    padding-left: .1rem;
}

.dialog-alert .dialog-btn:hover {
    background-position: none !important;
}

.dialog-large .dialog-body {
    min-height: 3.2rem !important;
    padding: .2rem .8rem !important;
    box-sizing: border-box;
    text-align: left !important;
    color: #927d41;
}

.dialog-alert .dialog-body,
.dialog-confirm .dialog-body {
    box-sizing: border-box;
    padding: .4rem .2rem 0 .2rem !important;
    color: #8a7454;
    min-height: .6rem !important;
    font-size: .24rem ;
}

.dialog-alert .dialog-header-title,
.dialog-confirm .dialog-header-title {
    color: white !important;
    font-weight: normal !important;
    line-height: 50px !important;
    font-size: 40px !important;
    letter-spacing: 10px;
    padding-left: 20px;
}

.dialog-identify .dialog-header,
.dialog-list .dialog-header,
.dialog-large .dialog-header,
.dialog-alert .dialog-header,
.dialog-confirm .dialog-header {
    height: .8rem !important;
}

.dialog-list .dialog-header-title,
.dialog-large .dialog-header-title {
    color: #725b34 !important;
    font-weight: bold !important;
    line-height: 1.2rem !important;
    font-size: .36rem !important;
    letter-spacing: .05rem;
    padding-left: .2rem;
}

.btn_agree {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: url(../image/btn_confirm.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 5px;
}

.btn_disagree {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: url(../image/btn_cancel.png) no-repeat center;
    background-size: 100% 100%;
}

.dialog_tipstitle {
    display: inline-block;
    background-color: #547358;
    color: #ffffff;
    box-sizing: border-box;
    padding: .05rem .15rem;
    margin: .05rem 0;
}

.btn_openback {
    width: 4.41rem;
    height: .89rem;
    background: url(../image/button-openback.png) no-repeat top center;
    background-size: 100% auto;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    display: block;
}

.btn_getprize {
    background: linear-gradient(top, #93a56c, #486d4b);
    background: -webkit-linear-gradient(top, #93a56c, #486d4b);
    /* 谷歌  */
    background: -o-linear-gradient(top, #93a56c, #486d4b);
    /* Opera */
    background: -moz-linear-gradient(top, #93a56c, #486d4b);
    /* 火狐 */
    cursor: pointer;
    color: #e4dfc2;
    border: none;
    border-radius: .3rem;
    padding: .15rem .3rem;
    box-sizing: border-box;
    font-size: .2rem;
    display: block;
    margin: 0 auto;
}

.share_title {
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #59606b;
    font-weight: bold;
    margin-top: 40px;
}

.share_title span::before,
.share_title span::after {
    content: '';
    position: absolute;
    left: -200px;
    top: 50%;
    height: 1px;
    width: 150px;
    background-color: #c3d3e8;
}

.share_title span::after {
    left: auto;
    right: -200px;
}

.share_list ul li {
    display: inline-block;
    font-size: 12px;
    color: #e9ecc1;
    margin: 25px 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 60px;
}

.share_list ul li:nth-child(1) {
    background: url(../image/icon_share_qq.png) no-repeat top center;
    background-size: 100% auto;
}

.share_list ul li:nth-child(2) {
    background: url(../image/icon_share_weibo.png) no-repeat top center;
    background-size: 100% auto;
}

.share_list ul li:nth-child(3) {
    background: url(../image/icon_share_zone.png) no-repeat top center;
    background-size: 100% auto;
}

.share_list ul li:nth-child(4) {
    background: url(../image/icon_share_tieba.png) no-repeat top center;
    background-size: 100% auto;
}

.recordTab {
    display: flex;
    justify-content: space-between;
    font-size: 0;
    width: 4.4rem;
    margin: 0 auto;
}

.recordTabitem {
    display: inline-block;
    background-color: #cac090;
    width: 2.2rem;
    padding: .2rem 0;
    text-align: center;
    box-sizing: border-box;
    color: #927d41;
    cursor: pointer;
    font-size: .18rem;
}

.recordTab li:hover {
    color: #ebe6cf !important;
}

.recordTabitem--active {
    background-color: #927d41 !important;
    color: #ebe6cf !important;
}

.record {
    background-color: #e6deba;
    width: 4.4rem;
    margin: 0 auto .2rem auto;
    box-sizing: border-box;
}

.sendList,
.receiveList {
    margin: 0 auto;
    height: 5.5rem;
    overflow: hidden !important;
}

.sendList table,
.receiveList table {
    width: 4rem;
    border: none;
    color: #927d41;
    font-size: .14rem;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.sendList thead,
.receiveList thead {
    display: block;
    border-bottom: 1px solid #cac090;
}

.sendList tr,
.receiveList tr {
    height: .6rem;
    background: url(../image/bg_listword.png) no-repeat center;
    background-size: 100% auto;
}

.sendList th,
.receiveList th {
    width: 2rem;
    height: .6em;
    line-height: .6rem;
}

.sendList td,
.receiveList td {
    width: 200px;
}

.sendList tbody,
.receiveList tbody {
    display: block;
    overflow: auto;
    width: 4rem;
    height: 4.2rem;
}

.receiveList tbody::-webkit-scrollbar,
.sendList tbody::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.agree {
    text-decoration: underline;
    cursor: pointer;
}


.define-icon {
    display: block;
    width: 3rem;
    height: 1.2rem;
    margin: .1rem auto;
}

.define-icon1 {
    background: url(../image/icon_name_1.png) no-repeat;
    background-size: 100% auto;
}

.define-icon2 {
    background: url(../image/icon_name_2.png) no-repeat;
    background-size: 100% auto;
}

.define-icon3 {
    background: url(../image/icon_name_3.png) no-repeat;
    background-size: 100% auto;
}

.define-icon4 {
    background: url(../image/icon_name_4.png) no-repeat;
    background-size: 100% auto;
}

.define-icon5 {
    background: url(../image/icon_name_5.png) no-repeat;
    background-size: 100% auto;
}

.define-icon6 {
    background: url(../image/icon_name_6.png) no-repeat;
    background-size: 100% auto;
}

.define-icon7 {
    background: url(../image/icon_name_7.png) no-repeat;
    background-size: 100% auto;
}

.define-icon8 {
    background: url(../image/icon_name_8.png) no-repeat;
    background-size: 100% auto;
}

.define-icon9 {
    background: url(../image/icon_name_9.png) no-repeat;
    background-size: 100% auto;
}

.define-icon10 {
    background: url(../image/icon_name_10.png) no-repeat;
    background-size: 100% auto;
}

.define-icon11 {
    background: url(../image/icon_name_11.png) no-repeat;
    background-size: 100% auto;
}

.define-icon12 {
    background: url(../image/icon_name_12.png) no-repeat;
    background-size: 100% auto;
}

.define-pic {
    display: block;
    width: 3.99rem;
    height: 1.19rem;
    margin: .08rem auto .15rem auto;
}

.define-pic1 {
    background: url(../image/icon_pic_1.png) no-repeat;
    background-size: 100% auto;
}

.define-pic2 {
    background: url(../image/icon_pic_2.png) no-repeat;
    background-size: 100% auto;
}

.define-pic3 {
    background: url(../image/icon_pic_3.png) no-repeat;
    background-size: 100% auto;
}

.define-pic4 {
    background: url(../image/icon_pic_4.png) no-repeat;
    background-size: 100% auto;
}

.define-pic5 {
    background: url(../image/icon_pic_5.png) no-repeat;
    background-size: 100% auto;
}

.define-pic6 {
    background: url(../image/icon_pic_6.png) no-repeat;
    background-size: 100% auto;
}

.define-pic7 {
    background: url(../image/icon_pic_7.png) no-repeat;
    background-size: 100% auto;
}

.define-pic8 {
    background: url(../image/icon_pic_8.png) no-repeat;
    background-size: 100% auto;
}

.define-pic9 {
    background: url(../image/icon_pic_9.png) no-repeat;
    background-size: 100% auto;
}

.define-pic10 {
    background: url(../image/icon_pic_10.png) no-repeat;
    background-size: 100% auto;
}

.define-pic11 {
    background: url(../image/icon_pic_11.png) no-repeat;
    background-size: 100% auto;
}

.define-pic12 {
    background: url(../image/icon_pic_12.png) no-repeat;
    background-size: 100% auto;
}


.share-qq {
    background: url(../image/icon_share_qq.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
}

.share-weibo {
    background: url(../image/icon_share_weibo.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
}

.share-qqzone {
    background: url(../image/icon_share_zone.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
}

.share-tieba {
    background: url(../image/icon_share_tieba.png) no-repeat top center;
    background-size: 100% auto;
    cursor: pointer;
}


.footer {
    background-color: #fff;
    color: #9baab9;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0.3rem 0;
}