@media screen and (min-width: 800px) {
    ::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 10px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

    ::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
        background: rgba(0, 0, 0, .3);
    }

    ::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
        /* border-radius: 10px; */
        /* background: #ededed; */
        background: transparent;
    }
}
#m_top {
    display: none;
}
.footer {
    padding: 10px 0;
}
.banner{
    position: relative;
    margin-top: 30px;
    height: 400px;
    overflow: hidden;
}
.banner .swiper-slide {
    background: center no-repeat;
    background-size: auto 100%;
}
.banner .item1 {
    background-image: url('../images/banner.jpg?v4');
}
.banner .item2 {
    background-image: url('../images/banner2.jpg?v4');
}
.banner .item2 a {
    display: block;
    height: 100%;
}
.banner .swiper-button-prev,
.banner .swiper-button-next {
    display: none;
    width: 44px;
    height: 44px;
    background-color: #fff;
    background-size: auto 15px;
    outline: none;
}
.banner .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #fff;
    opacity: 1;
    outline: none;
}
.banner .swiper-pagination-bullet-active {
    background-color: #928285;
}
.banner_menu {
    margin-top: 2px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 60px;
    background: url('../images/banner_menu.jpg') center no-repeat;
}
.banner_menu a {
    width: 50%;
}
.water{
    position: absolute;
    width: 80px;
    height: 80px;
    cursor: pointer;
    /* background: yellow; */
}
.water::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background-color: #aec067;
    transition: opacity .5s;
}
.water:hover::before {
    opacity: 0!important;
}
.water .point{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(.2);
    background-color: #aec067;
    animation: border 2s linear infinite;
    opacity: 0;
    transition: opacity .3s;
}
.water:hover .point {
    opacity: 1!important;
}
.water .point2{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.water .point3{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.water .point4{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
@keyframes border{
    from {
        transform: scale(.1);
        background-color: #aec067;
    }
    to {
        transform: scale(1);
        background-color: rgba(174,192,103,0);
    }
}
.study-sign {
    padding-top: 78px;
    background-color: #f5f5f5;
}
.study-sign .ext {
    margin-top: 20px;
    line-height: 2;
    text-align: center;
}
.study-sign .ext a {
    color: #aec067;
    font-weight: 700;
}
.study-sign .sence-bg {
    position: relative;
    margin-top: 40px;
    height: 822px;
    background: url('../images/sence-bg.jpg?v2') center center no-repeat;
}
.study-sign .yyj {
    left: 50%;
    top: 155px;
    margin-left: 10px;
}
.study-sign .yyj::after {
    position: absolute;
    left: -68px;
    top: 30px;
    color: #fff;
    content: "抽油烟机风扇";
    white-space: nowrap;
}
.study-sign .bx {
    left: 50%;
    top: 328px;
    margin-left: -275px;
}
.study-sign .bx::after {
    position: absolute;
    left: -15px;
    top: 30px;
    color: #fff;
    content: "冰箱";
    white-space: nowrap;
}
.study-sign .xyj {
    left: 50%;
    top: 480px;
    margin-left: 18px;
}
.study-sign .xyj::after {
    position: absolute;
    left: -32px;
    top: 30px;
    color: #fff;
    content: "洗衣机";
    white-space: nowrap;
}
.study-sign .kt {
    left: 50%;
    top: 144px;
    margin-left: -257px;
}
.study-sign .kt::after {
    position: absolute;
    left: -45px;
    top: 30px;
    color: #fff;
    content: "家用空调";
    white-space: nowrap;
}
.study-popup {
    border-radius: 4px!important;
    overflow: hidden;
}
.study-popup .layui-layer-title {
    background-color: #fff;
    border: none;
}
.study-pop {
    width: 700px;
    margin-bottom: 60px;
    background-color: #fff;
}
.study-pop .tit {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 24px;
    color: #aec067;
}
.study-pop .tit img {
    margin-right: 15px;
}
.study-pop .tit2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin: 30px 0 20px;
    font-weight: 700;
    font-size: 16px;
}
.study-pop .tit2::before {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #aec067;
}
.study-pop .tit2::after {
    content: "";
    margin-left: 30px;
    flex: 1;
    height: 1px;
    background-color: #c8c0c2;
    display: block;
}
.study-pop .brief {
    color: #666;
    line-height: 1.6;
}
.study-pop .brief p {
    margin: 20px 0;
}
.study-pop .brief .more {
    color: #005da9;
}
.study-pop .brief .more:hover {
    color: #e30034;
}
.study-pop .brief .more span {
    margin-right: 8px;
    font-weight: 700;
    font-family: 'simsun';
}
.study-pop .prod {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 520px;
}
.study-pop .prod .item {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
.study-pop .prod .item img {
    display: block;
    margin-bottom: 10px;
    width: 240px;
    height: 160px;
    background: gray;
}
.study-pop .pdf-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.study-pop .pdf-box .item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 46%;
    font-size: 12px;
}
.study-pop .pdf-box .item:hover {
    color: #e30034;
}
.study-pop .pdf-box i {
    margin-right: 15px;
    flex: 0 0 20px;
    width: 20px;
    height: 24px;
    background: url('../images/pdf.png') 0 0 no-repeat;
}
.study-pop .pdf-box .t {
    flex: 1;
}
.study-pop .pdf-box .item:hover i {
    background-position: 0 -24px;
}
.study-pop .pdf-box .abtn {
    margin-left: 15px;
    flex: 0 0 72px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    background-color: #aec067;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.study-pop .v-box {
    overflow: hidden;
    margin-right: -40px;
}
.study-pop .v-box .item {
    float: left;
    position: relative;
    margin-right: 20px;
    width: 220px;
    cursor: pointer;
}
.study-pop .v-box img {
    display: block;
}
.study-pop .v-box .t {
    margin-top: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    line-height: 1.4;
    font-size: 12px;
}
.study-pop .v-box .item::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-top: -17px;
    content: "";
    width: 42px;
    height: 42px;
    background: url('../images/play.png') center;
}
.go-game {
    overflow: hidden;
    background-color: #f5f5f5;
}
.go-game a,
.go-game button {
    display: block;
    margin: 48px auto 80px;
    width: 200px;
    background-color: #ab377a;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    font-size: 20px;
    border: none;
    outline: none;
}
.go-game a:hover,
.go-game button:hover {
    background-color: #87285f;
}
.go-game button:disabled {
    background-color: #999;
    cursor: not-allowed;
}
.page-tit {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 22px;
    text-align: center;
}
.page-tit::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 66px;
    height: 9px;
    border-radius: 9px;
    background-color: #aec067;
}
.purple-tit::after {
    background-color: #ab377a;
}
.act-rule {
    overflow: hidden;
    background-color: #f5f5f5;
}
.rule-cont {
    position: relative;
    width: 1090px;
    margin: 40px auto 80px;
    padding: 30px 55px;
    background-color: #fff;
}
.rule-cont .tips {
    width: 854px;
    line-height: 2.2;
    font-size: 14px;
}
.rule-cont .tips a {
    color: #aec067;
    font-weight: 700;
}
.rule-cont .code {
    position: absolute;
    top: 70px;
    right: 55px;
    width: 135px;
    text-align: center;
    color: #666;
    font-size: 13px;
}
.rule-cont .code img {
    display: block;
    margin-bottom: 10px;
}
.rule-cont .linkers {
    margin-top: 25px;
    overflow: hidden;
}
.rule-cont .linkers .item {
    float: left;
    margin-right: 65px;
    line-height: 32px;
    color: #666;
    font-size: 13px;
}
.rule-cont .linkers img {
    margin-right: 15px;
    vertical-align: top;
    height: 32px;
}
.act-inf {
    position: relative;
    width: 1200px;
    margin: 30px auto;
    min-height: 150px;
}
.act-inf .a-logo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 700;
    color: #666;
}
.act-inf .a-logo img {
    margin-right: 35px;
}
.act-inf .word {
    /* width: 900px; */
    color: #666;
    line-height: 1.8;
}
.act-inf .code {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 13px;
    color: #666;
}
.act-inf .code img {
    display: block;
    margin: 0 auto 10px;
}
.act-act {
    padding: 15px 0 30px;
    background-color: #f5f5f5;
}
.act-act .box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 auto;
    width: 1200px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.act-act .box>a,
.act-act .box>img {
    margin-top: 15px;
}
.act-act .box img {
    display: block;
}
.fixed_aside {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 30%;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
}
.fixed_aside .chance {
    padding: 15px 0 70px;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    background-color: #9bc3b7;
}
.fixed_aside .chance .n {
    display: block;
    font-size: 14px;
}
.fixed_aside ul {
    margin-top: -60px;
    width: 92px;
    padding: 0 12px;
    border: 2px solid #9bc3b7;
    background-color: #fff;
    border-top: none;
}
.fixed_aside li {
    border-bottom: 1px solid #ccc;
    line-height: 40px;
}
.fixed_aside li:last-child {
    border: none;
}
.fixed_aside li a:hover {
    color: #9bc3b7;
    font-weight: 700;
}
.fixed_aside .top a::before {
    margin-right: 8px;
    color: #9bc3b7;
    content: "▲";
    font-weight: 400;
}

.game-box {
    padding-top: 78px;
    background-color: #f5f5f5;
}
.game-box .ext {
    margin: 20px 0 40px;
    line-height: 2;
    text-align: center;
}
.game-box .ext .c {
    color: #ab377a;
}
.game-box .ext .c:first-child {
    font-weight: 700;
}
.game-cont {
    position: relative;
    width: 1200px;
    margin: 40px auto 0;
}
.game-hd {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}
.game-hd .item {
    width: 283px;
    line-height: 40px;
    color: #928285;
    border: 1px solid #928285;
    text-align: center;
    cursor: pointer;
}
.game-hd .on {
    background-color: #ab377a;
    border-color: #ab377a;
    color: #fff;
    font-weight: 700;
}
.game-hd .item:first-child {
    border-radius: 3px 0 0 3px;
}
.game-hd .item:last-child {
    border-radius: 0 3px 3px 0;
}
.game-bd .drop-bg {
    width: 920px;
    height: 890px;
    background: #fff url('../images/g1.png') no-repeat center;
}
.game-bd>.item:nth-child(2) .drop-bg {
    background-image: url('../images/g2.png');
}
.game-bd>.item:nth-child(3) .drop-bg {
    background-image: url('../images/g3.png');
}
.game-bd>.item:nth-child(4) .drop-bg {
    background-image: url('../images/g4.png');
}
.game-bd .drop-item {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.game-bd .drop-item img {
    max-width: 100%;
    max-height: 100%;
}
.game-bd>.item:nth-child(1) .drop-item:nth-child(1) {
    margin: -256px 0 0 -182px;
    width: 86px;
    height: 185px;
}
.game-bd>.item:nth-child(1) .drop-item:nth-child(2) {
    margin: 4px 0 0 -24px;
    width: 233px;
    height: 160px;
}
.game-bd>.item:nth-child(2) .drop-item:nth-child(1) {
    margin: -185px 0 0 -58px;
    width: 157px;
    height: 172px;
}
.game-bd>.item:nth-child(2) .drop-item:nth-child(2) {
    margin: 46px 0 0 -59px;
    width: 158px;
    height: 135px;
}
.game-bd>.item:nth-child(3) .drop-item:nth-child(1) {
    margin: -39px 0 0 -65px;
    width: 66px;
    height: 141px;
}
.game-bd>.item:nth-child(3) .drop-item:nth-child(2) {
    margin: -40px 0 0 68px;
    width: 162px;
    height: 111px;
}
.game-bd>.item:nth-child(4) .drop-item:nth-child(1) {
    margin: -193px 0 0 -117px;
    width: 77px;
    height: 165px;
}
.game-bd .doc-refer::before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    width: 15px;
    height: 16px;
    background: url('../images/book.png');
    vertical-align: top;
}
.game-bd .doc-refer {
    position: absolute;
    left: 49px;
    top: 18px;
    color: #005da9;
    line-height: 16px;
}
.prod-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    overflow: hidden;
    background-color: #fff;
}
.prod-area .tit {
    margin: 20px 0;
    font-size: 18px;
    text-align: center;
}
.prod-area .cont {
    margin: 0 auto;
    width: 210px;
    font-size: 12px;
}
.prod-area .item {
    margin-bottom: 25px;
}
.prod-area .ibox {
    width: 208px;
    height: 138px;
    border: 1px solid #ececec;
    text-align: center;
    line-height: 138px;
}
.prod-area .ibox img {
    vertical-align: middle;
    cursor: grab;
}
.prod-area .t {
    margin: 8px 0 12px;
}
.prod-area .read {
    color: #005da9;
}
.prod-area .read span {
    margin-right: 5px;
    font-family: 'simsun';
}

.act-refer {
    padding-top: 48px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.act-refer .refer-hd {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin: 40px auto;
    width: 740px;
}
.act-refer .refer-hd .item {
    width: 238px;
    line-height: 38px;
    border: 1px solid #fff;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}
.act-refer .refer-hd .on {
    border-color: #ab377a;
    color: #ab377a;
}
.act-refer .refer-bd {
    width: 1120px;
    margin: 0 auto 0;
    padding: 40px 40px 20px;
    background-color: #fff;
}
.act-refer .doc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.act-refer .doc .item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 48%;
    align-items: center;
    font-size: 12px;
}
.act-refer .doc .item:hover {
    color: #e30034;
}
.act-refer .doc i {
    margin-right: 15px;
    flex: 0 0 20px;
    width: 20px;
    height: 24px;
    background: url('../images/pdf.png') 0 0 no-repeat;
}
.act-refer .doc .t {
    flex: 1;
    min-width: 200px;
    margin-right: 15px;
}
.act-refer .doc .item:hover i {
    background-position: 0 -24px;
}
.act-refer .doc .abtn {
    margin: 0 auto;
    flex: 0 0 72px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    background-color: #ab377a;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.act-refer .v-box {
    margin: 40px -80px 40px 0;
    overflow: hidden;
}
.act-refer .v-box .item {
    position: relative;
    float: left;
    margin-right: 35px;
    cursor: pointer;
}
.act-refer .v-box .item::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-top: -17px;
    content: "";
    width: 50px;
    height: 50px;
    background: url("../images/play2.png") center;
}
.act-refer .v-box .aitem::after {
    display: none;
}
.act-refer .v-box img {
    display: block;
    width: 350px;
    height: 196px;
}
.act-refer .v-box .t {
    margin-top: 20px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
}
.act-refer .more-box {
    text-align: center;
}
.act-refer .more {
    color: #005da9;
}
.act-refer .more span {
    margin-right: 8px;
    font-family: 'simsun';
}

/*弹窗*/
.pop_window {
    z-index: 1011;
    position: fixed;
    padding: 0px;
    margin: 0px 0px 0px -250px;
    width: 389px;
    top: 15%;
    left: 50%;
    color: rgb(0, 0, 0);
    border: 8px solid rgb(216, 216, 216);
    border-radius: 5px;
    cursor: default;
    height: 500px;
    line-height: 1.6;
    background: rgb(255, 255, 255);
    font-size: 14px;
    max-height: 596px;
    min-height: 520px;
}
.pop_window .dialog-hd{
    width: 100%;
    line-height: 50px;
    text-indent: 20px;
    background: #9bc3b7;
    color: #fff;
}

.form-item {
    height: 500px;
    overflow-y: scroll;
}
.layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(25, 25, 25, 0.8);
}
.pop_window_box {
    display: none;
}
.pop_window_box .error {
    color: #f00;
    background: none;
    padding-left: 8px;
    font-weight: normal;
}
#video_box .dialog {
    background: #F6F6F6;
}
#video_box .pop_window {
    width: 800px;
    height: 500px;
    margin-left: -400px;
}
#video_player_box {
    padding: 0;
}
#video_player_box {
    height: 450px;
}
#video_box .dialog-hd {
    margin-right: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    border: none;
    height: 30px;
    border-radius: 5px;
}
.radio_box dt{
    float: inherit !important;
}
#submit_form{
    overflow: inherit;
}
#submit_form .reason_box{
    display: none;
}
.pop_window{
    border: none;
    border-radius: 5px;
    box-shadow: 2px 1px 10px #000000;
    z-index: 99999;
}
.dialog{
    border-radius: 5px;
}
.collect_title{
    text-indent: 20px;
    margin: 16px 0;
}
.close-dialog{
    right: 5px;
    top: 5px;
    color: #999999;
}
.inline_dl {
    padding: 0 20px;
    box-sizing: border-box;
}

#submit_form .inline_dl dd{
    float: inherit;
}
#address_select {
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
#address_select select {
    width: 48%!important;
}
#submit_form .user_info_cookie{
    margin-left: 36px;
}
#submit_form dd{
/*     display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; */
}
#submit_form dd label{
    /* width: 50%; */
}
.dialog-bd{
    padding: 0;
}
#submit_form .inline_dl .wid100{
    width: 100%;
    margin: 0;
    border-radius: 3px;
}
.info_msgBox{
    height: 100%;
    overflow: auto;
}
/*用户资料 - 弹窗表单*/
#submit_form{
    height: 400px;
    overflow-y: auto;
}


.color_red{
    color:#d22;
}
#submit_form .collect_title {
    color: #999;
    font-size: 12px;
}
#submit_form .collect_protocol {
    font-size: 12px;
    line-height: 1.4;
}
.collect_protocol a {
    color: #005da9;
}
#submit_form dl{
    display: block;
    margin: 10px 0;
}
#submit_form dt{
    display: block;
    font-size: 14px;
}
#submit_form dt i{
    font-weight: normal;
    font-style: normal;
}
#submit_form dt span{
    font-weight: normal;
    color: #999;
    font-size: 12px;
}

#submit_form dd{
    font-size: 14px;
    color: #666;
}
#submit_form dd input[type=text]{
    border: 1px solid #ddd;
    padding: 8px 10px;
    width: 100%;
    border-radius: 5px;
}
#submit_form dd label{
    /* display: block; */
    margin: 10px 10px 10px 0;
    line-height: 14px;
    font-size: 13px;
}
#submit_form label input{
    margin-right: 5px;
    vertical-align: initial;
    /* float: left; */
}
#submit_form .inline_selects label{
    float: left;
    width: 280px;
}
#submit_form .inline_dl dt{
    float: left;
    line-height: 25px;
}
#submit_form .inline_dl select{
    width: 129px;
    height: 35px;
    margin: 0 0 10px 0;
    border: 1px solid #ddd;
}

#submit_form textarea{
    width: 81%;
    display: block;
    height: 60px;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    resize: none;
    border-radius: 3px;
    margin-left: 47px;
}
.frm_btn {
    background: none;
    color: #fff;
    width: 100%;
    height: 36px;
    vertical-align: top;
    border: none;
    outline: none;
    cursor: pointer;
}
.dialog{
    height: 100%;
    position: relative;
}
 #submit_form .sub {
    width: 200px;
    margin: 20px auto;
    background: #9bc3b7;
    float: inherit;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.pop_window_box .desc{
    position: absolute;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box;
    bottom: 10px;
    color: #999;
}
#submit_form .sub:hover {
     background: #9bc3b7;
}
select[name="zipcode"],
select[name="department"]{
    width: 100% !important;
    margin-right: 0 !important;
    border-radius: 5px;
}

 .close-dialog {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 28px;
    height: 28px;
    color: #D0CECF;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
 }
 .close-dialog:hover {
    color: #444;
 }
 .radio_box{
    display: block !important;
    line-height: 28px;
 }
 .mb40{
    margin-bottom: 40px !important;
 }
/* 弹窗 */

.act-luck {
    padding-bottom: 80px;
    background-color: #f5f5f5;
}
.act-luck .page-tit {
    margin-bottom: 45px;
}
.act-luck .cont {
    overflow: hidden;
    width: 1120px;
    padding: 40px;
    margin: 0 auto;
    background-color: #fff;
}
#winner_list {
    overflow: hidden;
    font-size: 12px;
}
#winner_list .tit {
    line-height: 40px;
    background-color: #938386;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
#winner_list .bd {
    border: 1px solid #938386;
    padding: 28px;
}
#jq_marquee_box {
    height: 242px;
    overflow: hidden;
}
#winner_ul li {
    color: #999;
    line-height: 2;
}
#winner_ul li span {
    display: inline-block;
}
#winner_ul .n {
    width: 80px;
    color: #005da9;
}
#winner_ul .p {
    margin-left: 40px;
    color: #938386;
}
.winner_desc {
    margin-top: 30px;
    color: #666;
    line-height: 2;
}
.winner_desc .tip {
    font-weight: 700;
}
/* 抽奖 */
#prilist {
    float: left;
    width: 720px;
}
#prilist li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    width: 208px;
    height: 88px;
    padding: 30px 0;
    background: #f8f3f2;
    border: 1px solid #f8f3f2;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
    color: #644f54;
    font-size: 14px;
}

#prilist li.right {
    margin-right: 0;
}

#prilist li.active {
    border-color: #d194b5;
    background-color: #f5eeec;
}

#prilist img {
    display: block;
    height: 76px;
    margin: 0 auto 10px;
}
#prilist .roll-5 img,
#prilist .roll-7 img {
    height: auto;
    margin-bottom: 22px;
}

#prilist #begin_btn {
    padding: 0;
    height: 150px;
    line-height: 150px;
    border: none;
    font-size: 24px;
    color: #fff;
    background: #ab377a;
    cursor: pointer;
}

#prilist #begin_btn:hover {
    background: #ab377a;
}

#prilist #begin_btn:active {
    font-size: 20px;
}
/* 抽奖 end */


.succ_pop {
    text-align: center;
}
.succ_pop .layui-layer-title {
    border: none;
    background-color: transparent;
}
.succ_pop .tit {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
}
.succ_pop .tit img {
    margin-right: 10px;
}
.succ_pop .cont {
    display: inline-block;
    text-align: left;
    line-height: 1.4;
}
.succ_pop .cont .n {
    margin: 0 3px;
    color: #9bc3b7;
}
.succ_pop .cont .j {
    font-weight: 700;
    color: #ab377a;
}
.succ_pop .cont .abtn {
    display: block;
    margin: 15px auto 0;
    width: 95px;
    line-height: 30px;
    color: #fff;
    background-color: #9bc3b7;
    border-radius: 3px;
    text-align: center;
}
.succ_pop .qa {
    margin-top: 10px;
    text-align: left;
}
@media screen and (max-width: 800px) {
    html{
        font-size: 13.3333333vw;
    }
    body{
        width: 100vw;
        font-size: .28rem;
    }
    .wrapper {
        width: auto;
        margin: 0 .3rem;
    }
    .banner_menu,
    .fixed_aside,
    #top,
    .footer {
        display: none;
    }
    #m_top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: .88rem;
        padding-left: .44rem;
        z-index: 9999;
        background-color: #fff;
    }
    #m_top img {
        height: .48rem;
    }
    #m_top .menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        height: 100%;
        line-height: .88rem;
        font-size: .24rem;
    }
    #m_top .menu a {
        width: 2.08rem;
        text-align: center;
    }
    #m_top .menu .on {
        background-color: #aec067;
        color: #fff;
    }
    .banner {
        margin-top: .88rem;
        height: 3.6rem;
    }
    .banner .item1 {
        background-image: url('../images/banner_m.png');
    }
    .banner .item2 {
        background-image: url('../images/banner_m2.png');
    }
    .banner .swiper-button-prev, .banner .swiper-button-next {
        display: none;
    }
    .page-tit {
        font-size: .48rem;
        padding-bottom: .4rem;
    }
    .page-tit::after {
        width: 1.32rem;
        height: .18rem;
    }
    .study-sign {
        padding-top: .8rem;
        background-color: #fff;
    }
    .study-sign .ext {
        margin: .4rem .3rem 0;
    }
    .study-sign .sence-bg {
        margin-top: .3rem;
        height: 5.13rem;
        background-image: url('../images/sence-bg_m.jpg?v2');
        background-size: cover;
    }
    .water {
        transform: scale(.7);
        /* width: 60px;
        height: 60px; */
    }
    .water::before {
        width: 16px;
        height: 16px;
        /* transform: scale(.5) translate(-50%,-50%); */
    }
    .study-sign .yyj {
        top: 0;
        margin-left: -.4rem;
    }
    .study-sign .yyj::after {
        left: 56px;
    }
    .study-sign .bx {
        top: 1.4rem;
        margin-left: -2.6rem;
    }
    .study-sign .bx::after {
        left: 56px;
    }
    .study-sign .xyj {
        top: 2.6rem;
        margin-left: -1rem;
    }
    .study-sign .xyj::after {
        left: -20px;
    }
    .study-sign .kt {
        top: .15rem;
        margin-left: -2.8rem;
    }
    .study-sign .kt::after {
        left: -35px;
    }
    .tttt {
        left: 0!important;
        top: 0!important;
        width: 100%;
        z-index: 9999999;
    }
    .study-popup .layui-layer-content {
        padding: 0!important;
    }
    .study-pop {
        width: auto;
        padding: .3rem;
        font-size: .28rem;
        margin-bottom: .6rem;
    }
    .study-pop .tit {
        font-size: .4rem;
    }
    .study-pop .tit img {
        margin-right: .3rem;
        height: .8rem;
    }
    .study-pop .tit2 {
        margin: .3rem 0 .2rem;
        font-size: .32rem;
    }
    .study-pop .tit2::after {
        margin-left: .3rem;
    }
    .study-pop .brief {
        font-size: .28rem;
    }
    .study-pop .brief p {
        margin: .2rem 0;
    }
    .study-pop .prod {
        width: auto;
        justify-content: space-between;
    }
    .study-pop .prod .item {
        margin: 0;
    }
    .study-pop .prod .item img {
        width: 3.2rem;
        height: 2.16rem;
    }
    .study-pop .pdf-box {
        display: block;
    }
    .study-pop .pdf-box .item {
        margin-bottom: .4rem;
        width: 100%;
        color: #005da9;
    }
    .study-pop .pdf-box .t {
        line-height: 1.2;
    }
    .study-pop .pdf-box .abtn {
        margin-left: .8rem;
        font-size: .24rem;
    }
    .study-pop .v-box {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0;
    }
    .study-pop .v-box .item {
        margin: 0 0 .3rem;
        width: 3.28rem;
    }
    .study-pop .v-box img {
        max-width: 100%;
        max-height: 100%;
    }
    .study-pop .v-box .item::after {
        margin-top: -30px;
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    .go-game {
        background-color: #fff;
    }
    .go-game a,
    .go-game button {
        margin: 0 auto .6rem;
        width: 3.2rem;
        line-height: .8rem;
        font-size: .4rem;
        border-radius: .8rem;
    }
    .act-rule::before {
        content: "";
        display: block;
        height: .24rem;
        background-color: #f5f5f5;
    }
    .act-rule {
        background-color: #fff;
    }
    .act-rule .page-tit {
        margin-top: .8rem;
    }
    .rule-cont {
        width: auto;
        margin: .3rem .3rem 0;
        padding: 0 0 1rem;
    }
    .rule-cont .tips {
        width: auto;
        font-size: .28rem;
        line-height: 1.8;
    }
    .rule-cont .linkers {
        margin-top: .6rem;
    }
    .rule-cont .linkers .item {
        float: none;
        margin: 0 0 .3rem;
    }
    .rule-cont .linkers img {
        margin-right: .15rem;
    }
    .rule-cont .code {
        top: auto;
        right: 0;
        bottom: .6rem;
        width: auto;
        font-size: .24rem;
    }
    .rule-cont .code img {
        margin: 0 auto .2rem;
        width: 2.4rem;
    }
    .act-inf {
        margin: 0 .3rem .6rem;
        width: auto;
    }
    .act-inf .a-logo {
        margin: .6rem 0 .4rem;
        font-size: .32rem;
    }
    .act-inf .a-logo img {
        height: .9rem;
    }
    .act-inf .word {
        width: auto;
    }
    .act-inf .code {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-top: .4rem;
        align-items: center;
        position: static;
        font-size: .26rem;
        text-align: left;
    }
    .act-inf .code img {
        width: 2.4rem;
        margin: 0 .3rem 0 0;
    }
    .act-act .box {
        width: auto;
        margin: 0 .3rem;
    }
    .act-act .box>a, .act-act .box>img {
        margin-top: .1rem;
    }
    .act-act .box>a {
        width: 2.24rem;
        height: .8rem;
    }
    .act-act .box>img,
    .act-act .box>a:first-child {
        width: 3.38rem;
        height: .72rem;
    }
    .act-act .box>a>img {
        max-width: 100%;
        max-height: 100%;
    }
    .game-box {
        padding-top: .8rem;
        background-color: #fff;
    }
    .game-box .ext {
        font-size: .28rem;
        margin: .2rem .3rem .4rem;
        line-height: 1.8;
    }
    .game-hd {
        width: auto;
    }
    .game-hd .item {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        padding: 0 .15rem;
        text-align: left;
        font-size: .24rem;
        line-height: 1.4;
        height: 1.44rem;
        border-radius: 0!important;
    }
    /* .game-hd .item:first-child {
        border-left: none;
    }
    .game-hd .item:last-child {
        border-right: none;
    } */
    .game-hd .item:first-child~.item {
        border-left: none;
    }
    .game-cont {
        margin-top: .8rem;
        width: auto;
    }
    .game-bd .drop-bg {
        width: auto;
        height: 7.66rem;
        background-size: contain;
    }
    .game-bd .doc-refer {
        top: -.6rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .game-bd .drop-item .ibox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .game-bd .drop-item img {
        max-width: 80%;
        max-height: 80%;
    }
    .game-bd>.item:nth-child(1) .drop-item:nth-child(1) {
        margin: -4.95rem 0 0 -.4rem;
        width: .8rem;
        height: 1.65rem;
    }
    .game-bd>.item:nth-child(1) .drop-item:nth-child(2) {
        margin: -2.6rem 0 0 1rem;
        width: 2.1rem;
        height: 1.43rem;
    }
    .game-bd>.item:nth-child(2) .drop-bg {
        height: 4.8rem;
    }
    .game-bd>.item:nth-child(2) .drop-item:nth-child(1) {
        margin: -4.3rem 0 0 .75rem;
        width: 1.35rem;
        height: 1.55rem;
    }
    .game-bd>.item:nth-child(2) .drop-item:nth-child(2) {
        margin: -2.25rem 0 0 .75rem;
        width: 1.35rem;
        height: 1.2rem;
    }
    .game-bd>.item:nth-child(3) .drop-bg {
        height: 3.8rem;
    }
    .game-bd>.item:nth-child(3) .drop-item:nth-child(1) {
        margin: -2.97rem 0 0 .64rem;
        width: .58rem;
        height: 1.25rem;
    }
    .game-bd>.item:nth-child(3) .drop-item:nth-child(2) {
        margin: -2.97rem 0 0 1.85rem;
        width: 1.43rem;
        height: .98rem;
    }
    .game-bd>.item:nth-child(4) .drop-bg {
        height: 6rem;
    }
    .game-bd>.item:nth-child(4) .drop-item:nth-child(1) {
        margin: -4.35rem 0 0 .2rem;
        width: .68rem;
        height: 1.42rem;
    }
    .prod-area {
        position: static;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-start;
        margin-top: .6rem;
        width: auto;
    }
    .prod-area .tit {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        margin: 0 .2rem 0 0;
        width: .28rem;
        padding: 0 .16rem;
        height: 2.8rem;
        /* flex: 0 0 .6rem; */
        background-color: #fff6fb;
        text-align: center;
        border: solid 1px #e9dbe3;
        border-left: none;
        color: #928285;
        font-size: .28rem;
    }
    .prod-area .cont {
        flex: 1;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: auto;
        overflow: auto;
        font-size: .24rem;
    }
    .prod-area .item {
        margin-right: .2rem;
    }
    .prod-area .ibox {
        width: 4.2rem;
        height: 2.8rem;
    }
    .prod-area .t {
        margin: .16rem 0 .24rem;
    }
    .act-refer::before {
        content: "";
        display: block;
        height: .2rem;
        background-color: #f5f5f5;
    }
    .act-refer {
        background-color: #fff;
    }
    .act-refer .page-tit {
        margin-top: .8rem;
    }
    .act-refer .refer-hd {
        width: auto;
        margin: .6rem .3rem;
    }
    .act-refer .refer-hd .item {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 2.2rem;
        height: .96rem;
        align-items: center;
        justify-content: center;
        border-color: #ececec;
        line-height: 1.4;
        font-size: .24rem;
    }
    .act-refer .refer-bd {
        margin: 0;
        padding: 0;
        width: auto;
    }
    .act-refer .doc {
        display: block;
        margin: 0 .3rem;
    }
    .act-refer .doc .t {
        min-width: auto;
    }
    .act-refer .doc .item {
        display: flex;
        align-items: flex-start;
        margin-bottom: .3rem;
        width: 100%;
        max-width: 100%;
        font-size: .28rem;
        color: #005da9;
    }
    .act-refer .doc .abtn {
        font-size: .24rem;
    }
    .act-refer .v-box {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        margin: .6rem .3rem 0;
        flex-wrap: wrap;
    }
    .act-refer .v-box .item {
        margin: 0 0 .3rem;
        width: 3.28rem;
        /* height: 1.84rem; */
    }
    .act-refer .v-box .item::after {
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    .act-refer .v-box img {
        width: 100%;
        height: auto;
    }
    .act-refer .v-box .t {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        margin-top: .2rem;
        font-size: .24rem;
    }
    .act-refer .v-box .t span {
        text-align: left;
    }
    .act-refer .more {
        font-size: .24rem;
    }
    .act-luck {
        padding-bottom: .2rem;
    }
    .act-luck .page-tit {
        margin: 0;
        padding-top: .6rem;
        background-color: #fff;
    }
    .act-luck .page-tit::before {
        position: relative;
        top: -.6rem;
        content: "";
        display: block;
        height: .2rem;
        background-color: #f5f5f5;
    }
    .act-luck .cont {
        width: auto;
        padding: .6rem .3rem;
        margin: 0;
    }
    #prilist {
        float: none;
        width: auto;
        /* width: 6.9rem; */
        margin: 0 auto;
    }
    #prilist li {
        width: calc(2.22rem - 2px);
        height: 1.8rem;
        margin: 0 .1rem .1rem 0;
        padding: 0;
        font-size: .24rem;
    }
    #prilist #begin_btn {
        height: calc(1.8rem + 2px);
        line-height: calc(1.8rem + 2px);
        font-size: .32rem;
    }
    #prilist .roll-5 img, #prilist .roll-7 img,
    #prilist li img {
        margin: .3rem  auto .15rem;
        height: .8rem;
    }
    #winner_list {
        margin-top: .6rem;
    }
    .winner_desc {
        font-size: .24rem;
        margin-top: .4rem;
    }
    /* 弹窗 */
    .pop_window{
        width: 92%;
        margin: 10% 0px 0px -46%;
        height: 500px;
    }
    #submit_form dd input[type=text]{
        width: 100%;
        border-radius: 5px;
    }
    #submit_form .inline_dl textarea{
        width: 78%;
        height: 40px;
        overflow:hidden;
        resize:none;
        border-radius: 5px;
    }
    #submit_form .inline_dl select {
        width: 115px;
    }
    #submit_form dd label{
        margin: 5px 0;
    }
    .pop_window{
        top: 5%;
    }
    /* 弹窗 */
}