/*公共样式-szs*/
@charset "utf-8";
html{font-size:12px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    background: none repeat scroll 0 0 #f7f8f8;
    color: #000;
    font-family: Microsoft YaHei,Arial,Helvetica,STHeiti STXihei,Microsoft JhengHei;
    font-size:12px;
    height: 100%;
    line-height: 1;
    margin: 0 auto;
    /*max-width: 640px;
    min-width: 320px;*/
    /*-webkit-overflow-scrolling :touch;*//* IOS浏览器的容器内允许独立的滚动区域和触摸回弹 */
    font-family: Helvetica;
    -webkit-text-size-adjust: 100%!important;
}
/* 滚动条 */
/*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border-radius: 50%;
    background-color: #F5F5F5;
}
*::-webkit-scrollbar{
    width:4px;
    background-color: #F5F5F5;
    border-radius: 50%;
}
/*定义滑块 内阴影+圆角*/
*::-webkit-scrollbar-thumb{
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, .2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .2) 50%,
    rgba(255, 255, 255, .2) 75%,
    transparent 75%,
    transparent)
    border-radius: 50%;
}
*{outline:none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
img {
    border: 0 none;
    vertical-align: top;
}
i, em {
    font-style: normal;
}
ol, ul {
    list-style: none outside none;
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
textarea,input, select, button, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-size: 100%;
}
input,select,button{
    -webkit-appearance: none;
    border-radius: 0;
    border:0;
    background:none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a, img, button, input, select {
    outline: 0 none;
}
a {
    color: #333;
    text-decoration: none;
    outline-style:none;
}
a:focus{outline:none;}
*, *:before, *:after {
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}

.clearfix{
    *zoom: 1;
}
.clearfix:before {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}
a, img {
    -webkit-touch-callout: none;
}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;height:0.01px;line-height:0;}

.pic{width:100%;}
.ta_l{text-align:left;}
.ta_c{text-align:center;}
.ta_r{text-align:right;}
.mar{margin:0 auto;}
.dis_in{display:inline;}
.dis_bl{display:block;}
.dis_no{display:none;}
.dis_ib{display:inline-block;}
.vish{visibility: hidden;}
.visv{visibility: visible;}
.posa{position:absolute;}
.posr{position:relative;}
.posf{position:fixed;}
.texc{text-align:center;}
.texl{text-align:left;}
.texr{text-align:right;}
.gaoliang{display:none;width:100%;height:100%;position:fixed;top:0;left:0;opacity: 0.65;background:#000;filter:alpha(opacity=65); -moz-opacity:0.65;z-index: 2; }
.gaoliang2{display:none;width:100%;height:100%;position:absolute;top:0;left:0;opacity: 0.65;background:#fff;filter:alpha(opacity=65); -moz-opacity:0.65;z-index: 2; }
.img{width:100%;padding:0;margin:0;}


/* 公共tab导航 */
.allcom{height:100%;width:100%;padding:0.26rem 0.24rem 0.76rem 0.24rem;/*overflow-y:auto;*/position:fixed;top:0;left:0;
    background: -o-linear-gradient(top right,#fe4819, #ae005f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, #fe4819, #ae005f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left bottom,#ae005f ,#fe4819); /* 标准的语法 */
    background: -webkit-linear-gradient(left bottom, #fe4819 , #ae005f); /* Safari 5.1 - 6.0 */
}
.allcom .box{position:relative;}
.allcom .allbox{position:relative;width:100%;/*height:5rem;*/height:100%;background:rgba(255,255,255,0.95);border-radius:0.12rem;box-shadow:0 0 8px #444;overflow:hidden;}
.allcom .allbox .go-left{position:absolute;z-index:2;width:0.2rem;height:0.2rem;background:url(../images/left01.png) no-repeat center center;background-size:100%;left:0.08rem;top:0.08rem;color:transparent;}
.tab_com{position:fixed;width:100%;bottom:0;left:0;z-index:2;height:0.51rem;}
.tab_com .tpic{width:100%;}
.tab_com .t_box{width:100%;height:100%;position:absolute;top:0;left:0;}
.tab_com .t_list{display:block;color:transparent;height:100%;}
.tab_com .tl1,.tab_com .tl4{width:20%;}
.tab_com .tl2,.tab_com .tl3{width:30%;}
.tab_com .tl1{background:url(../images/tab11.jpg) no-repeat center center;background-size:100%;}
.tab_com .tl2{background:url(../images/tab12.jpg) no-repeat center center;background-size:100%;}
.tab_com .tl3{background:url(../images/tab13.jpg) no-repeat center center;background-size:100%;}
.tab_com .tl4{background:url(../images/tab14.jpg) no-repeat center center;background-size:100%;}
.tab_com .tl5{background:url(../images/tab01.jpg) no-repeat center center;background-size:100%;}
.tab_com .tl6{background:url(../images/tab02.jpg) no-repeat center center;background-size:100%;}
.tab_com .tl7{background:url(../images/tab03.jpg) no-repeat center center;background-size:100%;}
.tab_com .tl8{background:url(../images/tab04.jpg) no-repeat center center;background-size:100%;}

/* 公共弹层 */
.tc_gzcom{display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:2;}
.tc_gzcom .gz_box{overflow:hidden;width:3.3rem;top:2.5%;left:0.225rem;height:85%;border-radius:10px;box-shadow:0 0 10px #c4c4c4;background:#fff;z-index:3;}
.tc_gzcom .gz_box .gzb_box{width:100%;height:100%;padding-top:0.5rem;}
.tc_gzcom .gz_box .gb{z-index:2;width:0.2rem;height:0.2rem;top:0.1rem;right:0.1rem;background:url(../images/gb01.png) no-repeat center center/100% 100%;color:transparent;}
.tc_gzcom .gz_box .bt{width:100%;top:0;left:0;}
.tc_gzcom .gz_box .pic{width:100%;height:100%;overflow-y:auto;}
.tc_gzcom .gz_box .pic img{width:100%;}

.gotop{display:none;position:fixed;width:0.32rem;right:0.12rem;bottom:0.7rem;z-index:2;}
.gotop img{width:100%;}

/* 公共地址 */
.alladd{position:fixed;top:0;left:0;padding:0.26rem 0.24rem 0.76rem 0.24rem;width:100%;height:100%;z-index:2;}
.alladd .box{position:relative;width:100%;/*height:5rem;*/height:100%;background:rgba(255,255,255,0.95);border-radius:0.12rem;box-shadow:0 0 8px #444;overflow:hidden!important;}
.alladd .box .add-left{position:absolute;z-index:2;width:0.2rem;height:0.2rem;background:url(../images/left01.png) no-repeat center center;background-size:100%;left:0.08rem;top:0.08rem;color:transparent;}
.alladd .box .add1{height:100%;padding-top:0.63rem;padding-bottom:0.4rem;}
.alladd .box .add1 .bt{width:100%;padding:0 0.4rem;position:absolute;top:0;left:0;}
.alladd .box .add1 .bt .bt_box{width:100%;height:0.63rem;line-height:0.63rem;border-bottom:1px #aab2bd solid;text-align:center;color:#fc6e51;font-size:0.2rem;font-weight:bold;}
.alladd .box .add1 .blcon{width:100%;/*height:3.75rem;*/height:100%;overflow-y:auto;padding:0 0.4rem;padding-top:0.2rem;}
.alladd .box .add1 .blcon .blcon_wx{width:100%;padding-left:0.25rem;height:0.5rem;line-height:0.5rem;font-size:0.14rem;color:#63676c;background:url(../images/tb21.png) no-repeat left center;background-size:0.14rem;}
.alladd .box .add1 .blcon .blcon_wx.on{background:url(../images/tb22.png) no-repeat left center;background-size:0.14rem;}
.alladd .box .add1 .blcon .blcon_li{width:100%;border-top:1px #aab2bd solid;border-bottom:1px #aab2bd solid;padding-top:0.1rem;margin-bottom:0.35rem;background:url(../images/tb21.png) no-repeat left 0.3rem;background-size:0.14rem;}
.alladd .box .add1 .blcon .blcon_li.on{background:url(../images/tb22.png) no-repeat left 0.3rem;background-size:0.14rem;}
.alladd .box .add1 .blcon .blcon_li .text{width:100%;}
.alladd .box .add1 .blcon .blcon_li .text .text1{width:1rem;font-size:0.14rem;color:#63676c;text-align:right;height:0.18rem;line-height:0.18rem;padding-left:0.2rem;}
.alladd .box .add1 .blcon .blcon_li .text .text2{word-wrap:break-word;width:1.4rem;font-size:0.14rem;color:#aab2bd;text-align:left;line-height:0.18rem;}
.alladd .box .add1 .blcon .blcon_li .tedit{width:100%;}
.alladd .box .add1 .blcon .blcon_li .tedit .te{position:relative;width:50%;color:#5b5f64;font-size:0.14rem;font-weight:bold;height:0.38rem;line-height:0.38rem;text-align:center;}
.alladd .box .add1 .blcon .blcon_li .tedit .te:nth-child(1):after{content:"";position:absolute;width:1px;height:50%;top:25%;right:0;background:#6f757c;}
.alladd .box .add1 .new-add{position:absolute;bottom:0.25rem;left:50%;margin-left:-0.43rem;width:0.86rem;height:0.24rem;line-height:0.24rem;text-align:center;font-size:0.15rem;color:#fc755a;font-weight:bold;}
.alladd .box .add2{width:100%;height:100%;overflow-y:auto;padding-bottom:0.2rem;}
.alladd .box .add2 .bt{width:100%;height:0.5rem;line-height:0.6rem;text-align:center;color:#fc6e51;font-size:0.2rem;font-weight:bold;}
.alladd .box .add2 .bl_con{width:100%;padding:0 0.22rem;}
.alladd .box .add2 .bl_con .text{width:100%;height:0.4rem;line-height:0.4rem;color:#656d78;font-size:0.14rem;font-weight:bold;padding-left:0.15rem;}
.alladd .box .add2 .bl_con  .inp{overflow:hidden;width:100%;height:0.43rem;line-height:0.43rem;color:#aab2bd;font-size:0.14rem;font-weight:bold;padding:0 0.15rem;}
.alladd .box .add2 .bl_con  .inp{border:1px #e8eaee solid;border-radius:0.05rem;background:#fff;line-height:1;}
.alladd .box .add2 .bl_con  .inp input{width:100%;height:100%;line-height:1;color:#aab2bd;font-size:0.14rem;font-weight:bold;}
.alladd .box .add2 .bl_con  .inp .add{width:100%;height:0.43rem;line-height:0.43rem;color:#aab2bd;font-size:0.14rem;font-weight:bold;}
.alladd .box .add2 .bl_con  .mr-add{width:100%;height:0.4rem;line-height:0.4rem;padding-left:0.35rem;color:#656d78;font-size:0.1rem;font-weight:bold;background:url(../images/tb01.png) no-repeat 0.15rem center;background-size: 0.15rem;}
.alladd .box .add2 .bl_con  .mr-add.on{background:url(../images/tb02.png) no-repeat 0.15rem center;background-size: 0.15rem;}
.alladd .box .add2 .bl_con  .bc-btn{position:absolute;right:0.2rem;bottom:0.15rem;width:1.2rem;height:0.44rem;line-height:0.44rem;text-align:center;border-radius:0.05rem;color:#fff;font-size:0.15rem;font-weight:bold;background:#fc6e51;}
.alladd .box .add2 .btn_con{width: 100%;padding: 0 0.22rem;margin-top: 0.05rem;}
.alladd .box .add2 .btn_con .btn1{width:1.2rem;height:0.44rem;line-height:0.44rem;text-align:center;font-size:0.15rem;color:#5b5f64;font-weight:bold;}
.alladd .box .add2 .btn_con .btn2{width:1.2rem;height:0.44rem;line-height:0.44rem;text-align:center;border-radius:0.05rem;background:#fc6e51;font-size:0.15rem;color:#fff;font-weight:bold;}
.empty_add{width:100%;padding-top:1.5rem;color:#797a85;font-size:0.16rem;font-weight:bold;background:url(../images/add_tb01.png) no-repeat center 0.5rem;background-size:0.53rem;text-align:center;}
.inp input::-webkit-input-placeholder {color:#aab2bd;}
.inp input:-moz-placeholder {color:#aab2bd;}
.inp input::-moz-placeholder { color:#aab2bd;}
.inp input:-ms-input-placeholder {color:#aab2bd;}


/* 删除弹层 */
.tc-delete{/*display:none;*/width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;}
.tc-delete .box{position:fixed;top:1.6rem;left:50%;margin-left:-1.3rem;z-index:2;width:2.6rem;background:#fff;border-radius:0.05rem;padding-top:0.3rem;padding-bottom:0.18rem;}
.tc-delete .box .text{color:#656d78;font-size:0.19rem;width:100%;text-align:center;}
.tc-delete .box .text a{width:100%;display:block;color:#fc6e51;font-size:0.18rem;padding-top:0.1rem;text-align:center;}
.tc-delete .box .gb{width:0.2rem;height:0.2rem;display:block;background:url(../images/gb01.png) no-repeat center center;background-size:100%;color:transparent;top:0.07rem;right:0.07rem;position:absolute;}
.tc-delete .box .btn{width:100%;padding:0 0.32rem;margin-top:0.35rem;}
.tc-delete .box .btn .btn1{width:0.9rem;height:0.33rem;line-height:0.31rem;text-align:center;color:#fc6e51;font-size:0.15rem;font-weight:bold;border:2px #fc6e51 solid;display:inline-block;border-radius:0.05rem;}
.tc-delete .box .btn .btn2{width:0.9rem;height:0.33rem;line-height:0.31rem;text-align:center;color:#fff;font-size:0.15rem;font-weight:bold;border:2px #fc6e51 solid;background:#fc6e51;display:inline-block;border-radius:0.05rem;}
.tc-delete .box .btn .btn3{margin:0 auto;width:0.9rem;height:0.33rem;line-height:0.31rem;text-align:center;color:#fff;font-size:0.15rem;font-weight:bold;border:2px #fc6e51 solid;background:#fc6e51;display:block;border-radius:0.05rem;}

/* 快递详情 */
.tc_express{z-index:2;position:fixed;top:0.26rem;left:50%;margin-left:-1.635rem;width:3.27rem;/*height:5rem;*/height:85%;background:rgba(255,255,255,0.9);border-radius:0.12rem;box-shadow:0 0 8px #444;overflow:hidden;padding:0 0.3rem;padding-top:0.6rem;padding-bottom:0.2rem;}
.tc_express .bt{width:100%;height:0.57rem;line-height:0.65rem;text-align:center;color:#fc6e51;font-size:0.2rem;position:absolute;top:0;left:0;}
.tc_express .gb{width:0.4rem;height:0.4rem;position:absolute;top:0;right:0;background:url(../images/gb01.png) no-repeat center center;background-size:0.2rem;color:transparent;}
.tc_express .box{width:100%;/*height:4.14rem;*/height:100%;overflow-y:auto;padding:0.05rem 0.2rem 0 0.35rem;background:url(../images/kd_tb01.png) repeat-y left top;background-size:0.07rem;}
.tc_express .box .blist{width:100%;padding-top:0.1rem;padding-bottom:0.05rem;border-bottom:1px #fc6e51 solid;}
.tc_express .box .blist .bl_text1{color:#fc6e51;font-size:0.13rem;line-height:0.14rem;}
.tc_express .box .blist .bl_text2{color:#fc6e51;font-size:0.11rem;line-height:0.14rem;}

.no-text{width:100%;padding-top:0.75rem;text-align:center;color:#879097;font-size:0.2rem;font-weight:bold;display:none;}

.integral .box{background:#fffcf3;}
.infor .box{background:#ffffff;}

/* 注册页关注二维码 */
.tc_ewm{z-index:2;width:100%;height:100%;}
.tc_ewm .ewm_pic{width:2.7rem;top:15%;left:50%;margin-left:-1.35rem;z-index:2;}

/* 春节发货通知弹层 */
.tc_chunjie{z-index:3;width:100%;height:100%;top:0;left:0;display:none;}
.tc_chunjie .box{position:fixed;width:3rem;top:30%;left:50%;margin-left:-1.5rem;z-index:2;background:#fff;z-index:2;padding:0.1rem 0.2rem;border-radius:0.04rem;}
.tc_chunjie .box .bt{width:100%;text-align:center;color:#434a54;font-size:0.16rem;height:0.4rem;line-height:0.4rem;}
.tc_chunjie .box .com{width:100%;color:#5b5f64;font-size:0.13rem;line-height:0.2rem;}
.tc_chunjie .box .btn{width:0.9rem;height:0.35rem;line-height:0.35rem;text-align:center;color:#fff;background:#fc6e51;border-radius:0.05rem;display:block;margin:0.1rem auto 0rem;font-size:0.14rem;}
.tc_chunjie .box .text1{color:#5b5f64;font-size:0.16rem;line-height:0.4rem;text-align:center;}
.tc_chunjie .box .btn_con{width:100%;height:0.35rem;padding:0 0.2rem;margin-top:0.05rem;}
.tc_chunjie .box .btn_con .btn1{float:left;width:0.9rem;height:0.35rem;line-height:0.35rem;text-align:center;color:#fc6e51;background:#fff;border-radius:0.05rem;display:block;font-size:0.15rem;border:1px #fc6e51 solid;}
.tc_chunjie .box .btn_con .btn2{float:right;width:0.9rem;height:0.35rem;line-height:0.35rem;text-align:center;color:#fff;background:#fc6e51;border-radius:0.05rem;display:block;font-size:0.15rem;}

@media screen and (orientation: landscape) {
    /*横屏 css*/
    html{width:100%!important;height:100%!important;}
    .allcom{overflow-y:auto;position:static;height:auto;margin:0 auto;}
    .tab_com{width:88%;left:6%;height:0.455rem;}
    .tc-delete .box{top:10%;}
    .tc_express{top:5%;height:90%;}
    .tc_express .box{height:70%;}
    .alladd{padding-top:5%;padding-bottom:10%;}
    .alladd .box{height:100%;}
    .alladd .box .add1 .blcon{height:100%;}
    .alladd .box .add1 .bt .bt_box{height:0.3rem;line-height:0.3rem;}
    .alladd .box .add2{padding-bottom:0.5rem;}
    .tc_ewm .ewm_pic{width:34%;top:5%;left:33%;margin-left:0;}
    .tc_chunjie .box{top:10%;}
}
@media screen and (orientation:portrait){
    /*竖屏 css*/
    html{width:100%!important;height:100%!important;}
}

.coupon .con{width:100%;height:100%;padding:0.535rem 0;overflow-y:auto;}



/* 2020.9.23新加 */
.tc-com{z-index:3;width:100%;height:100%;position:fixed;left:0;top:0;visibility:hidden;transition: visibility 0s 0.5s;}
.tc-com.on{visibility:visible;transition: visibility 0s 0s;}
.tc-com .black{width:100%;height:100%;position:fixed;left:0;top:0;background-color: rgba(0, 0, 0, 0.6);opacity: 0;transition: opacity 0.5s 0s;}
.tc-com.on .black{opacity: 1;transition: opacity 0.5s 0s;}
.tc-com .white{width:100%;height:100%;position:fixed;left:0;top:0;background-color: rgba(255, 255,255, 0.6);opacity: 0;transition: opacity 0.5s 0s;}
.tc-com.on .white{opacity: 1;transition: opacity 0.5s 0s;}
.tc-com .box{opacity:0;transform:translateY(-20px);transition: opacity 0.5s 0s,transform 0.5s 0s;}
.tc-com.on .box{opacity:1;transform:translateY(0px);transition: opacity 0.5s 0s,transform 0.5s 0s;}

/* 首页星巴克弹窗 */
.tc_xing .box{width:100%;height:3.585rem;position:fixed;left:0;top:20%;z-index:2;}
.tc_xing .box .img1{width:100%;display:block;}
.tc_xing .box .tc_xing_btn1{width:3.1rem;height:2.8rem;display:block;position:absolute;color:transparent;left:0.25rem;top:0;}
.tc_xing .box .tc_xing_gb{width:0.6rem;height:0.48rem;display:block;position:absolute;color:transparent;left:50%;margin-left:-0.3rem;bottom:0;}

/* 支付成功彩蛋 */
.tc_giftbox .box1{width:100%;height:3.6rem;position:fixed;left:0;top:15%;}
.tc_giftbox.on .box1{opacity:0;transform:translateY(-20px);transition: opacity 0.5s 0s,transform 0.5s 0s, visibility 0s 0.5s;visibility:hidden;}
.tc_giftbox.on .box1.on{opacity:1;transform:translateY(0px);transition: opacity 0.5s 0s,transform 0.5s 0s,visibility 0s 0s;visibility:visible;}
.tc_giftbox .box .img1{width:100%;display:block;}
.tc_giftbox .box1 .img2{width:1.275rem;position:absolute;left:1.23rem;top:1rem;/*transform-origin:left bottom;*/}
.tc_giftbox.on .box1 .img2{animation: gift1 linear 0.5s 0.5s normal;}
@keyframes gift1{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(5deg)}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(-5deg)}
    100%{transform: rotate(0deg);}
}
.tc_giftbox .box1 .img3{width:0.49rem;position:absolute;right:0.94rem;top:0.4rem;/*transform-origin:left bottom;*/}
.tc_giftbox.on .box1 .img3{animation: gift2 linear 0.5s 0s normal;}
@keyframes gift2{
    0%{right:0.94rem;top:0.4rem;}
    50%{right:1.2rem;top:0.7rem;}
    100%{right:0.94rem;top:0.4rem;}
}
.tc_giftbox .box1 .img4{width:0.76rem;position:absolute;left:1rem;top:1.92rem;}
.tc_giftbox .box1 .chai-btn1{width:1.275rem;height:1.92rem;position:absolute;left:1.23rem;top:1rem;color:transparent;display:block;z-index:1;}
.tc_giftbox .box .gb-btn1{width:0.66rem;height:0.45rem;color:transparent;position:absolute;left:50%;margin-left:-0.33rem;bottom:0;display:block;}
.tc_giftbox .box2{width:100%;height:3.08rem;position:fixed;left:0;top:20%;}
.tc_giftbox.on .box2{opacity:0;transform:translateY(-20px);transition: opacity 0.5s 0s,transform 0.5s 0s,visibility 0s 0.5s;visibility:hidden;}
.tc_giftbox.on .box2.on{opacity:1;transform:translateY(0px);transition: opacity 0.5s 0s,transform 0.5s 0s,visibility 0s 0s;visibility:visible;}
.tc_giftbox .box2 .text1{width:1.91rem;height:0.98rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;color:#ae1321;font-size:0.25rem;letter-spacing:0.01rem;position:absolute;left:0.92rem;top:0.96rem;}
.tc_giftbox .box2 .text1 span{font-size:0.4rem;}img
.tc_giftbox .box3{width:100%;height:3.08rem;position:fixed;left:0;top:20%;}
.tc_giftbox.on .box3{opacity:0;transform:translateY(-20px);transition: opacity 0.5s 0s,transform 0.5s 0s,visibility 0s 0.5s;visibility:hidden;}
.tc_giftbox.on .box3.on{opacity:1;transform:translateY(0px);transition: opacity 0.5s 0s,transform 0.5s 0s,visibility 0s 0s;visibility:visible;}
/* 彩带动效 */
.color_icons{
    position: fixed;
    width:100%;
    height:4rem;
    left:0;
    top:0rem;
    z-index:2;
    overflow: hidden;
    display:none;
}

.color_icons .icon{
    position: absolute;
}
.color_icons .red{
    position: absolute;
    width:100%;
    height:3.5rem;
    overflow: hidden;
    top:0.6rem;
}

.color_icons .icon-1{
    width:0.305rem;
    height:0.265rem;
    background: url(../images/giftbox/icon-1.png) no-repeat center center;
    background-size: 100%;
    left:1.57rem;
    top:-0.3rem;
}
.color_icons .icon-2{
    width:0.125rem;
    height:0.125rem;
    background: url(../images/giftbox/icon-2.png) no-repeat center center;
    background-size: 100%;
    left:2.8rem;
    top:-0.15rem;
}
.color_icons .red.special .icon-2{
    left:3rem;
    top:-0.15rem;
}
.color_icons .icon-3{
    width:0.245rem;
    height:0.335rem;
    background: url(../images/giftbox/icon-3.png) no-repeat center center;
    background-size: 100%;
    left:1.7rem;
    top:-0.35rem;
}
.color_icons .red.green .icon{
    left:1rem;
    top:-0.35rem;
}
.color_icons .icon-4{
    width:0.15rem;
    height:0.15rem;
    background-color:#5DB7E8;
    border-radius:50%;
    left:1.25rem;
    top:-0.175rem;
}
.color_icons .icon-5{
    width:0.1rem;
    height:0.1rem;
    background-color:#F1979B;
    border-radius:50%;
    display:none;
}
/*彩带动效*/
.color_icons .a1{
    animation: an1 linear 0.8s 0.2s normal ;
    transform: rotate(0deg) translate3d(0px,0px,0);
}
.color_icons .a2{
    animation: an1 linear 0.8s 0.5s normal ;
    transform: rotate(0deg) translate3d(0px,0px,0);
}
.color_icons .a3{
    animation: an1 linear  0.8s  1s  normal ;
    transform: rotate(0deg) translate3d(0px,0px,0);
}
.color_icons .a4{
    animation: an1 linear 0.8s 1.3s normal ;
    transform: rotate(0deg) translate3d(0px,0px,0);
}
.color_icons .a5{
    animation: an1 linear 0.8s 1.8s normal ;
    transform: rotate(0deg) translate3d(0px,0px,0);
}

@keyframes an1{
    0%{ transform:  rotate(0deg) translate3d(0px,0px,0);}
    100%{transform: rotate(-2deg) translate3d(120px,500px,0);}
}
@-webkit-keyframes an1{
    0%{-webkit-transform:  rotate(0deg)  translate3d(0px,0px,0);}
    100%{-webkit-transform: rotate(-2deg) translate3d(120px,500px,0);}
}
.color_icons .b1{
    animation: an2 linear 0.8s 0.2s normal ;
}
.color_icons .b2{
    animation: an2 linear 0.8s 0.5s normal ;
}
.color_icons .b3{
    animation: an2 linear 0.8s 1s normal ;
}
.color_icons .b4{
    animation: an2 linear 0.8s 1.3s normal ;
}
.color_icons .b5{
    animation: an2 linear 0.8s 1.8s normal ;
}
@keyframes an2{
    0%{ transform:  rotate(0deg); left:2.8rem;top:-0.15rem;}
    100%{transform: rotate(360deg);left:3.28rem;top:2.65rem;}
}


.color_icons .b6{
    animation: an3 linear 0.8s 0.2s normal ;
}
.color_icons .b7{
    animation: an3 linear 0.8s 0.5s normal ;
}
.color_icons .b8{
    animation: an3 linear 0.8s 1s normal ;
}
.color_icons .b9{
    animation: an3 linear 0.8s 1.3s normal ;
}
.color_icons .b10{
    animation: an3 linear 0.8s 1.8s normal ;
}

@keyframes an3{
    0%{ transform:  rotate(0deg); left:6rem;top:-0.3rem;}
    100%{transform: rotate(-360deg);left:1.5rem;top:5.3rem;}
}
.color_icons .c1{
    animation: an4 linear 0.8s 0.2s normal ;
}
.color_icons .c2{
    animation: an4 linear 0.8s 0.5s normal ;
}
.color_icons .c3{
    animation: an4 linear 0.8s 1s normal ;
}
.color_icons .c4{
    animation: an4 linear 0.8s 1.3s normal ;
}
.color_icons .c5{
    animation: an4 linear 0.8s 1.8s normal ;
}
@keyframes an4{
    0%{ transform:  rotate(0deg); left:1.7rem;top:-0.35rem;}
    100%{transform: rotate(360deg);left:1.9rem;top:3rem;}
}


.color_icons .c5{
    animation: an5 linear 0.8s 0.2s normal ;
}
.color_icons .c6{
    animation: an5 linear 0.8s 0.8s normal ;
}
.color_icons .c7{
    animation: an5 linear 0.8s 1.5s normal ;
}
@keyframes an5{
    0%{ transform:  rotate(0deg); left:1rem;top:-0.35rem;}
    100%{transform: rotate(360deg);left:1rem;top:2.5rem;}
}

.color_icons .d1{
    animation: an6 linear 0.8s 0.2s normal ;
}
.color_icons .d2{
    animation: an6 linear 0.8s 0.8s normal ;
}
.color_icons .d3{
    animation: an6 linear 0.8s 1.5s normal ;
}

@keyframes an6{
    0%{ transform:  rotate(0deg); left:1.25rem;top:-0.175rem;}
    100%{transform: rotate(360deg);left:-0.175rem;top:2.75rem;}
}
/* 公共确认弹窗 */
.tc_make .box{width:2.66rem;height:1.89rem;position:fixed;left:50%;margin-left:-1.33rem;top:20%;z-index:2;background:url(../images/tc_bg01.jpg) center top;background-size:100%;border-radius:0.05rem;}
.tc_make .box .tc_make_text1{width:100%;height:1.26rem;display:flex;color:#212121;font-size:0.18rem;line-height:0.25rem;flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:center;text-align:center;font-weight:bold;}
.tc_make .box .tc_make_btn1{width:1.45rem;height:0.35rem;line-height:0.35rem;display:block;margin:0 auto 0;color:#fff;font-size:0.18rem;letter-spacing:0.02rem;background:#204e98;border-radius:0.3rem;text-align:center;font-weight:bold;}

/* 赠品已送完弹窗 */
.tc_chris8 .box{width:100%;height:1.6rem;position:fixed;left:0;top:50%;margin-top:-0.8rem;z-index:2;}
.tc_chris8 .box .img1{width:100%;display:block;}
.tc_chris8 .box .text1{width:2.66rem;height:0.69rem;position:absolute;left:50%;margin-left:-1.33rem;top:0.33rem;color:#fff;font-size:0.19rem;letter-spacing:0.01rem;text-align:center;padding-top:0.13rem;}
.tc_chris8 .box .tc_chris8_gb{width:1.2rem;height:0.6rem;display:block;position:absolute;color:transparent;left:50%;margin-left:-0.6rem;top:0.9rem;}