/*图片设置*/
@media screen and (max-width:1920px){ .sign_wrapper .container{ zoom:.8; } }
.pop_win .btn_close{
    background-image:url(../images/marketingYouth/close.png);
}
.pop_activity .pop_content{
    background-image:url(../images/marketingYouth/activity_entry.png)
}
.pop_rule .pop_content{
    background-image:url(https://hsys-mall-test.oss-cn-beijing.aliyuncs.com/marketing/marketingYouth/pc/rulegame.png);
}
.pop_win .rule_close{
    background-image:url(../images/marketingYouth/ruleclose.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    right: 15px;
    top: 15px;
}
.pop_activity .pop_content .btn_entry{
    background-image:url(../images/marketingYouth/btn_entry.png);
}
.pop_gift .pop_content{
    background-image:url(../images/marketingYouth/pop_gift.png);
}
.pop_gift .ipt{
    background-image:url(../images/marketingYouth/gift_line.png);
}
.pop_gift .btn_confirm{
    background-image:url(../images/marketingYouth/btn_confirm.png);
}
.pop_sign .pop_content{
    background-image:url(../images/marketingYouth/pop_sign.png);
}
.pop_sign .btn_share{
    background-image:url(../images/marketingYouth/share_btn.png);
}
.sign_wrapper{
    background-image:url(../images/marketingYouth/bg.png);
}
.sign_wrapper_bg{
    background:url(../images/marketingYouth/bg_left.png) left bottom no-repeat,url(../images/marketingYouth/person.png) left 92% no-repeat,url(../images/marketingYouth/bg_right.png) right bottom no-repeat;
}
.sign_wrapper .slogan{
    background:url(../images/marketingYouth/slogan.png) center no-repeat;
}
.sign_wrapper .rule_game{
    background:url(../images/marketingYouth/rule.png) center no-repeat;
}
.sign_wrapper .game_area .area_btn{
    background-image:url(../images/marketingYouth/sign_btn.png);
}
.sign_wrapper .game_area .area_btn.done{
    background-image:url(../images/marketingYouth/sign_btn_disabled.png);
}
.sign_wrapper .game_area .area_btn.last{
    background-image:url(../images/marketingYouth/sign_btn_last.png);
}
.sign_wrapper .game_area .area_btn.last.done{
    background-image:url(../images/marketingYouth/sign_btn_last_disabled.png);
}
.sign_wrapper .game_area .vline{
    background-image:url(../images/marketingYouth/line_vertical.png);
}
.sign_wrapper .game_area  .hline{
    background-image:url(../images/marketingYouth/line_horizontal.png);
}
.sign_wrapper .game_area .line:nth-of-type(6){
    background-image:url(../images/marketingYouth/line_horizontal_2.png);
}
.sign_wrapper .game_area .cube .cube_pin{
    background-image:url(../images/marketingYouth/pin.png);
}
.sign_wrapper .game_area .cube .cube_gift{
    background-image:url(../images/marketingYouth/gift.png);
}
.sign_wrapper .game_area .cube_30 .cube_gift{
    background-image:url(../images/marketingYouth/gift_large.png);
}
.sign_wrapper .game_area .cube .cube_gift.picked{
    background-image:url(../images/marketingYouth/gift_pick.png),url(../images/marketingYouth/gift.png);
}
.sign_wrapper .game_area .cube_30 .cube_gift.picked{
    background-image:url(../images/marketingYouth/gift_pick.png),url(../images/marketingYouth/gift_large.png);
}
.sign_wrapper .game_area .cube_10 .cube_icon,
.sign_wrapper .game_area .cube_20 .cube_icon,
.sign_wrapper .game_area .cube_30 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/pick.png);
}
.sign_wrapper .game_area .cube.done .cube_icon{
    background-image:url(../images/marketingYouth/cubes/active.png);
}
.sign_wrapper .game_area .cube_10.done .cube_icon,
.sign_wrapper .game_area .cube_20.done .cube_icon,
.sign_wrapper .game_area .cube_30.done .cube_icon{
    background-image:url(../images/marketingYouth/cubes/pick_active.png);
}
.sign_wrapper .game_area .cube_1 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/1.png);
}
.sign_wrapper .game_area .cube_2 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/2.png);
}
.sign_wrapper .game_area .cube_3 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/3.png);
}
.sign_wrapper .game_area .cube_4 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/4.png);
}
.sign_wrapper .game_area .cube_5 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/5.png);
}
.sign_wrapper .game_area .cube_6 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/6.png);
}
.sign_wrapper .game_area .cube_7 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/7.png);
}
.sign_wrapper .game_area .cube_8 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/8.png);
}
.sign_wrapper .game_area .cube_9 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/9.png);
}
.sign_wrapper .game_area .cube_11 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/11.png);
}
.sign_wrapper .game_area .cube_12 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/12.png);
}
.sign_wrapper .game_area .cube_13 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/13.png);
}
.sign_wrapper .game_area .cube_14 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/14.png);
}
.sign_wrapper .game_area .cube_15 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/15.png);
}
.sign_wrapper .game_area .cube_16 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/16.png);
}
.sign_wrapper .game_area .cube_17 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/17.png);
}
.sign_wrapper .game_area .cube_18 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/18.png);
}
.sign_wrapper .game_area .cube_19 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/19.png);
}
.sign_wrapper .game_area .cube_21 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/21.png);
}
.sign_wrapper .game_area .cube_22 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/22.png);
}
.sign_wrapper .game_area .cube_23 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/23.png);
}
.sign_wrapper .game_area .cube_24 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/24.png);
}
.sign_wrapper .game_area .cube_25 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/25.png);
}
.sign_wrapper .game_area .cube_26 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/26.png);
}
.sign_wrapper .game_area .cube_27 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/27.png);
}
.sign_wrapper .game_area .cube_28 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/28.png);
}
.sign_wrapper .game_area .cube_29 .cube_icon{
    background-image:url(../images/marketingYouth/cubes/29.png);
}

body,html{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font: 16px Helvetica Neue,Helvetica,'PingFang SC',Tahoma,Arial,sans-serif;
}
p{
    margin:0px;
}
.container{
    width: 1180px !important;
    margin:0px auto;
}
.pop_mask{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:1000;
    display:none;
}
.pop_win{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1001;
    display:none;
}
.pop_win .btn_close{
    width:32px;
    height:32px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    right:20%;
    top: 15%;
    position:absolute;
    cursor: pointer;
    z-index: 10;
}
.pop_win .pop_content{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:absolute;
    background-size:auto 100%;
    background-position:bottom center;
    background-repeat:no-repeat;
}
/*首页活动入口*/
.pop_activity .pop_content .btn_close{
    top:17px;
}
.pop_activity .pop_content{
    width: 47%;
    height: 74%;
    min-width: 750px;
}
.pop_activity .pop_content .btn_entry{
    bottom:-10px;
    width:262px;
    height:95px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    position:absolute;
    display:block;
}
.pop_activity .pop_content .activity_info{
    position:absolute;
    width:71%;
    bottom:16%;
    color:#fff;
    display:flex;
    z-index:10;
    margin-left: -6px;
    justify-content: space-around;
}
.pop_activity .pop_content .btn_entry,
.pop_activity .pop_content .activity_info{
    left:50%;
    transform:translateX(-50%);
}
.pop_activity .pop_content .activity_info .info_mod{
    padding-left:11%;
    box-sizing: border-box;
    letter-spacing: 3px;
    font-size: 16px;
}
.pop_activity .pop_content .activity_info .info_weather {
    padding-left: 0;
}
.pop_activity .pop_content .activity_info .info_mod span{
    margin-left:10px;
}
.pop_activity .pop_content .activity_info .info_mod span:first-of-type{
    margin-left:0px;
}
.pop_activity .pop_content .activity_info .info_time{
    width:300px;
}
.pop_activity .pop_content .activity_info .info_weather{
    width:194px;
}
/*领取礼物弹窗*/

.pop_gift .pop_content{
    width:534px;
    height:568px;
    color:#fff;
    box-sizing:border-box;
}
.pop_gift .btn_close{
    top:13px;
    right:13px;
}
.pop_gift .gift_form{
    width:362px;
    margin:0px auto;
    padding-top:50px;
}
.pop_gift .ipt{
    appearance: none;
    background-color:transparent;
    border:none;
    outline:none;
    display: block;
    width: 100%;
    color:#fff;
    font-size:16px;
    background-repeat:repeat-y;
    background-position:top left;
    background-size:100% 30px;
    line-height:30px;
    height:30px;
    overflow:hidden;
    resize:none;
    box-sizing: border-box;
    padding:0px;
    margin:0px;
}
.pop_gift .ipt_addr{
    max-height:90px;
    height:60px;
    background-position: 0px -1px;
}
.pop_gift .gift_form .gift_mod{
    display:flex;
    align-items: flex-start;
    margin-top:15px;
}
.pop_gift .gift_form .gift_mod:first-of-type{
    margin-top:0px;
}
.pop_gift .gift_form .gift_mod .mod_label{
    max-width:70px;
    padding-top:12px;
    font-size:14px;
}
.pop_gift .gift_form .gift_list_mod .mod_label{
    padding-top:0px;
    margin-top:-1px;
}
.pop_gift .gift_form .gift_mod .mod_content{
    flex:1;
}
.pop_gift .btn_confirm{
    width:136px;
    height:40px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    cursor: pointer;
    margin:40px auto 0px auto;
}
/*礼品列表*/
.pop_gift .gift_form .gift_list_mod{
    margin-top:26px;
}
.pop_gift .gift_list{
    display:flex;
    justify-content: space-between;
}
.pop_gift .gift_list .ginner_mod{
    width:150px;
    height:150px;
    box-sizing: border-box;
    border:3px solid #f18d43;
    border-radius:10px;
    overflow:hidden;
    position:relative;
}
.pop_gift .gift_list .ginner_mod.choose{
    border-color:#ff6b00;
}
.pop_gift .gift_list .ginner_mod img{
    display:block;
    width:100%;
    height:100%;
}
.pop_gift .gift_list .ginner_mod .gift_name{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    font-size:14px;
    color:white;
    text-align:center;
    white-space: nowrap;
    background: #ed7328;
}
.pop_gift .gift_list .ginner_mod .gift_name span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:24px;
    padding:0px 10px;
    box-sizing: border-box;
}
/*签到弹窗*/
.pop_sign .pop_content{
    width:484px;
    height:556px;
}
.pop_sign .btn_pop{
    position:absolute;
    cursor:pointer;
}
.pop_sign .btn_close{
    bottom:314px;
}
.pop_sign .btn_share{
    width:164px;
    height:46px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    bottom:58px;
    left:50%;
    transform:translate(-50%,0);
}
/*游戏规则*/
.pop_rule .pop_content{
    width:791px;
    height:420px;
}
.pop_rule .btn_pop{
    position:absolute;
    cursor:pointer;
}
.pop_rule .btn_close{
    bottom:314px;
}
.pop_rule .btn_share{
    width:164px;
    height:46px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    bottom:58px;
    left:50%;
    transform:translate(-50%,0);
}
.sign_wrapper{
    width:100%;
    margin:0px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.sign_wrapper_bg{
    background-size:auto 100%,340px auto,auto 100%;
}
.sign_wrapper .container{
    height:1307px;
    padding-top:64px;
    box-sizing: border-box;
    position: relative;
}
.sign_wrapper .slogan{
    width:1250px;
    height:230px;
    margin:0px auto;
    background-size:100% auto;
}
.sign_wrapper .rule_game{
    width:195px;
    height:50px;
    margin:0px auto;
    background-size:100% auto;
    position: absolute;
    right: 0;
    top: -75px;
    cursor: pointer;
}
.sign_wrapper .game_area{
    width:1100px;
    height:660px;
    margin:115px auto 0px auto;
    position:relative;
}
.sign_wrapper .game_area .area_outer{
    width:100%;
    height:100%;
    left:0px;
}
.sign_wrapper .game_area .area_inner{
    width:788px;
    height:450px;
}
.sign_wrapper .game_area .line{
    display:flex;
    justify-content: space-between;
    position:absolute;
    box-sizing: border-box;
    background-position:center;
    background-size:auto;
}
.sign_wrapper .game_area .line:nth-of-type(2),
.sign_wrapper .game_area .line:nth-of-type(4),
.sign_wrapper .game_area .line:nth-of-type(6){
    /* justify-content:space-evenly; IE11及以下不兼容*/
    justify-content: space-between;
}
.sign_wrapper .game_area .line:nth-of-type(2):before,.sign_wrapper .game_area .line:nth-of-type(2):after,
.sign_wrapper .game_area .line:nth-of-type(4):before,.sign_wrapper .game_area .line:nth-of-type(4):after,
.sign_wrapper .game_area .line:nth-of-type(6):before,.sign_wrapper .game_area .line:nth-of-type(6):after{
    content:"";
    display:block;
}
.sign_wrapper .game_area .area_btn{
    width:420px;
    height:190px;
    position:absolute;
    top: 124px;
    left: 351px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% auto;
    cursor:pointer;
}
.sign_wrapper .game_area .area_btn.done{
    cursor:auto;
}
.sign_wrapper .game_area .line:nth-of-type(1){
    left:0px;
    top:0px;
    height:100%;
}
.sign_wrapper .game_area .line:nth-of-type(2){
    left:110px;
    bottom:0px;
    width:880px;
}
.sign_wrapper .game_area .line:nth-of-type(3){
    right:0px;
    top:0px;
    height:100%;
    flex-direction: column-reverse;
}
.sign_wrapper .game_area .line:nth-of-type(4){
    right:109px;
    top:0px;
    width:702px;
    flex-direction: row-reverse;
}
.sign_wrapper .game_area .line:nth-of-type(5){
    right:810px;
    top:0px;
    height:450px;
}
.sign_wrapper .game_area .line:nth-of-type(6){
    right:281px;
    top:340px;
    width:530px;
}
.sign_wrapper .game_area .line:nth-of-type(7){
    right:171px;
    top:340px;
    width:110px;
    height:108px;
    background:none;
}
.sign_wrapper .game_area .vline{
    width:110px;
    flex-direction: column;
    background-repeat:no-repeat;
    background-size:28px 98%;
}
.sign_wrapper .game_area  .hline{
    justify-content: space-between;
    height:108px;
    background-repeat:no-repeat;
    background-size: 100% 28px;
}
.sign_wrapper .game_area .cube{
    width:110px;
    height:108px;
    margin:0px;
    position:relative;
}
.sign_wrapper .game_area .cube_10,
.sign_wrapper .game_area .cube_20,
.sign_wrapper .game_area .cube_30{
    z-index:10;
}
.sign_wrapper .game_area .cube_30{
    margin-left:-4px;
}
.sign_wrapper .game_area .cube .cube_icon,
.sign_wrapper .game_area .cube .cube_pin,
.sign_wrapper .game_area .cube .cube_gift{
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}
.sign_wrapper .game_area .cube .cube_icon{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    background-position:left top;
}
.sign_wrapper .game_area .cube_10 .cube_icon,
.sign_wrapper .game_area .cube_20 .cube_icon,
.sign_wrapper .game_area .cube_30 .cube_icon{
    background-position:center;
}
.sign_wrapper .game_area .cube .cube_pin,
.sign_wrapper .game_area .cube .cube_gift{
    top:0px;
    left: 50%;
}
.sign_wrapper .game_area .cube .cube_pin{
    width:73px;
    height:100px;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index:100;
}
.sign_wrapper .game_area .cube .cube_gift{
    width:114px;
    height:142px;
    margin-left: 0px;
    margin-top: -109px;
    z-index:1;
    cursor: pointer;
}
.sign_wrapper .game_area .cube .cube_gift.picked{
    background-position:top center,top center;
}
.sign_wrapper .game_area .cube_30 .cube_gift{
    width:146px;
    height:174px;
    margin-left: -17px;
    margin-top: -140px;
}