*{-webkit-box-sizing:border-box;box-sizing:border-box; }
html{height: 100%}
body{background-color:#f2f2f2;font-family:"微软雅黑"}
.mod_container{background-color:#ff9a48 }
.w100{width: 100%;}
.row{display: -webkit-box;display: -webkit-flex;display: flex;}
.col{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.row.middle{ -webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack:center;-webkit-flex-pack:center; flex-pack:center;-webkit-justify-content:center;justify-content: center}
.grid_left{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content:flex-start;justify-content:flex-start;}
.grid_center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;}
.grid_right{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content:flex-end;justify-content:flex-end;}

.icon{background:url(../img/cyear/icon.png?t=1) no-repeat;background-size:3.5rem  72.5rem}
.icon_bit{height:2.2rem;width:2.5rem;background-position:0 -12rem;}
.icon_prize{height:2.25rem;width:1.75rem;background-position:0 0;}
.icon_redbag{height:2.15rem;width:1.8rem;background-position:0 -4rem;}
.icon_tree{height:2.55rem;width:2.2rem;background-position:0 -8rem;}
.icon_1{background-position:0 -19rem;}
.icon_2{background-position:0 -24rem;}
.icon_3{background-position:0 -29rem;}
.icon_4{background-position:0 -34rem;}
.icon_5{background-position:0 -39rem;}
.icon_6{background-position:0 -44rem;}
.icon_7{background-position:0 -49rem;}
.icon_8{background-position:0 -54rem;}
.icon_9{background-position:0 -59rem;}
.icon_10{background-position:0 -64rem;}
.icon_11{background-position:0 -69rem;}


/*public 吸底加logo样式*/
.mod_container{position:relative;min-height:100%;padding-bottom: 11.5rem;}
.icon_fixed{background:url(../img/cyear/fixed/icon_fixed.png)  no-repeat;background-size:8.5rem 16.6rem;}
.fixed{position: fixed;bottom: 0px;left: 0;width:100%;text-align: center;z-index: 100}
  .fixed_box{ display: -webkit-box;display: -webkit-flex;display:flex;margin:0 auto;max-width:640px;border-top:1px solid #cb4417;}
    .fixed_buy{position:relative;display:block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;width:100%;background-color:#ff6528 ;color:#982406 !important;line-height: 4.2rem;font-size:1.2rem;}
    .fixed_buy:after{position:absolute;right:0;top:0;content:"";width: 1px;height:100%;background:#cb4417;}
    .fixed_buy:last-child:after{width: 0}
    .fixed_buy.active{color:#fff77d !important}
      .fixed_buy>i{display: inline-block;margin-right: 0.1rem;}
        .icon_star{height:1.5rem;width:1.5rem;background-position:0 -2.5rem;vertical-align: -0.3rem}
        .active>.icon_star{background-position:0 0;}
        .icon_index{height:1.7rem;width:1.6rem;background-position:0 -7.5rem;vertical-align: -0.3rem}
        .active>.icon_index{background-position:0 -5rem;}
        .icon_pro{height:1.55rem;width:1.85rem;background-position:0 -12.5rem;vertical-align: -0.3rem}
         .active>.icon_pro{background-position:0 -10rem;}

.logo{position:absolute;left:0;bottom:6.2rem;width: 100%;text-align: center;}
  .logo_img{height:1.7rem;width:8.6rem;background-position:0 -15rem;;margin:0 auto;}
  .logo_txt{font-size: 0.9rem;color:#ffffef;margin-top: 0.2rem;}
/*END*/

.imgbox{position:relative;display: -webkit-box;display: box; -webkit-box-pack:center; -webkit-box-align:center;box-pack:center;box-align:center;}
  .imgbox>img{max-width: 100%;max-height:100%;}


.section{margin-bottom: 1.5rem;}
    .section_hd{background-color: #ffb04f;}
    .section_bd{background-color: #ffb04f;padding:0.2rem 0 2.5rem;}
        .section_txt{font-size: 1.1rem;color:#973317;line-height: 1.4;padding:0 7%; text-align: center;}

/*新加时间节点*/
.time{position:relative;color:#973317;height:6.6rem; }
    .time_box{position: absolute;top:0;left:0;width: 100%;z-index: 10;}
      .time_item{text-align: center;}
          .time_tit{font-size: 1.2rem;}
          .time_icon{margin:0 auto;height: 3.2rem;}
              .time_icon>.icon{display: block;}
          .time_txt{font-size: 1rem;}
    .time_br{position: absolute;left:12.5%;top:51%;height: 0.1rem;width: 75%;background-color: #9a1300;z-index: 5;}
       .spot2 .time_cir{position: absolute;left:15.8%;top:-0.2rem;width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color:#9a1300}
       .spot4 .time_cir{position: absolute;left:49%;top:-0.2rem;width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color:#9a1300}
       .spot6 .time_cir{position: absolute;left:82.5%;top:-0.2rem;width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color:#9a1300}

.thumb{position:relative;padding:0 7%;margin:0.8rem 0 0.6rem;}
    .thumb_box{display:block;background-color: #fd872a;border-radius: 0.3rem;}
      .thumb_img{border-radius: 0.3rem;width:100%;}
      .thumb_tag{position:absolute;top:-0.55rem;width: 0;height: 0;border-width: 0 0.65rem 0.65rem 0.65rem;border-style: solid;border-color: transparent;border-bottom-color:#ffffe8;margin-left:-0.55rem;}
      .spot1 .thumb_tag{left:12.5%;}
      .spot2 .thumb_tag{left:25%;}
      .spot3 .thumb_tag{left:37.5%;}
      .spot4 .thumb_tag{left:50%;}
      .spot5 .thumb_tag{left:62.5%;}
      .spot6 .thumb_tag{left:75%;}
      .spot7 .thumb_tag{left:87.5%;}

/*END*/

.olist{padding:0 7% 0;}
    .olist_li{position:relative;padding:0.5rem 2rem 0.5rem 0;border-bottom:1px dashed #f76f3a;}
    .olist_li:last-child{border-bottom:0;}
        .olist_icon{background-color: #f76f3a;border-radius: 0.3rem;width: 2.4rem;height: 2.4rem;}
          .olist_icon>.icon{display: block;}
        .olist_info{color:#973317;padding-left: 0.5rem;line-height: 1.4;}
            .olist_info span{margin-left: 0.5rem;}
            .olist_tit{font-size: 0.9rem;font-weight: 400;margin-bottom: 0.2rem}
            .olist_txt{font-size: 0.7rem;}
        .olist_arrow{position:absolute;top:50%;margin-top:-0.4rem;right:0.8rem;width:0.8rem;height:0.8rem;border-right:0.1rem solid #f76f3a;border-bottom:0.1rem solid #f76f3a;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.blist{padding:1.5rem 5% 1.8rem;}
    .blist_li{text-align: center;}
        .blist_link{display:inline-block;}
        /*.blist_img{width: 5.9rem;height: 5.9rem;}*/
        .blist_txt{font-size: 1.1rem;color:#973317;margin-top: 0.2rem;}

.prize{margin:1.5rem 0 2rem;}

.video{padding:0.9rem 7% ;text-align: center;}
    .video_item{}
    .video_item:last-child{margin-right: 0}
        .video_link{display:block;}
            .video_img{border:0.15rem solid #b83f20;border-radius: 0.3rem;background-color:#ffb424;overflow: hidden;font-size: 0;height: 5.9rem;width:13.3rem; }
        .video_txt{padding-top:0.2rem;font-size: 1.1rem;color:#973317;}

.tree{position:relative;margin:0 6%;height: 47rem}
  .tree_item{position: absolute;left:0;padding-left: 3.5rem;width: 50%;z-index: 100}
    .tree_icon{position:absolute;left:0;top:0;width: 3.6rem;height:3.6rem;z-index: 101}
    .tree_hd{position: relative;padding:0 1rem 0 0.2rem;line-height: 1.4}
      .tree_tit{font-size: 1.4rem;color:#973317;font-family:arial;height: 2rem;}
      .tree_cir{position: absolute;right:-0.925rem;bottom:-0.85rem;width: 1.85rem;height: 1.85rem;background-color: rgba(205,27,0,0.2);border-radius: 50%;padding:0.4rem;z-index: 101}
        .tree_cir_n{border:0.2rem solid #b83f20;width:100%;height:100%;-webkit-border-radius:50%;border-radius: 50%;background-color:#ff861e;}
      .tree_br{position: absolute;bottom:0;left:-0.525rem;height:0.2rem;width: 100%;background-color:#b83f20;z-index: 50}
    .tree_bd{font-size: 0.9rem;color:#973317;padding:0.2rem 1rem 0 0.2rem;line-height: 1.4;}
  .tree_line{position:absolute;left:50%;top:2rem;width:0.3rem;height: 100%;background-color: #b83f20; z-index: 20;margin-left: -0.15rem;height: 40rem;}
  
  .tree_item_right{left:auto;right:0;padding-left: 0;padding-right: 3.5rem;}
    .tree_item_right .tree_icon{left:auto;right:0;}
    .tree_item_right .tree_hd{padding:0 0.2rem 0 1rem;text-align: right}
    .tree_item_right .tree_cir{right:auto;left:-0.925rem;}
    .tree_item_right .tree_br{right:-0.525rem;left:auto;}
    .tree_item_right .tree_bd{text-align: right;padding:0.2rem 0 0 1rem;}

.thank{min-height: 13.8rem}

.btn:active{opacity: 0.6}
.btn{display:block;font-size: 1.5rem;color:#973317;text-align: center;background-color: #ffff79;line-height: 3.6rem;border-radius: 0.3rem;width:15.1rem;margin:0 auto;font-weight: bold;}


/*浮层公共部分*/
.layer{position: fixed;top:0;left:0;right:0;bottom:0;margin:0 auto; max-width: 640px;background-color:rgba(0,0,0,0.7);z-index: 2000;display: none}
.layer.active{display: block;}
  .layer_close{position: absolute;top:-2.85rem;right:0;height:2.95rem;width: 2.4rem;background:url(../img/cyear/icon_close.png) no-repeat;background-size: 2.3rem 2.85rem;cursor: pointer;}
  .layer_bd{background-color: #fff;width: 30rem;margin:0 auto;border-radius: 0.5rem;padding:2.2rem 1.5rem 1.5rem;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;top:50%;left:50%;z-index: 100;/*border:0.15rem solid #fbca4d;*/}
  
  .layer_txt{font-size:1.3rem;color:#999999;line-height: 1.4;padding:1.8rem 1.5rem; }
  .layer_btn{display:block;line-height: 4.3rem;text-align: center;color:#3c3c3c;font-size: 1.5rem;border-top:1px solid #d5d6d8;}

    .qrcode{text-align: center;}
      .qrcode_img{width: 15.65rem;height: 15.4rem;}
      .qrcode_txt{font-size: 1.5rem;}

.mod2_tips{position:fixed;top:40%;left:50%;width:30rem;z-index:3000;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align: center;}
    .mod2_tips_txt{display:inline-block;text-align:center;background-color:rgba(0,0,0,0.8);-webkit-border-radius: 0.3rem;border-radius: 0.3rem;color:#fff;font-size: 1.3rem;padding: 1rem;line-height: 1.4}