@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;z-index: 999;}
.tcbox{width: 6.82rem; height: 4.87rem; display: block;  position: absolute;
	top: 50%;
	left: 50%;
	background: url(../images/tcbg2.png) no-repeat center top;
	background-size: 100% 100%; 
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.tcbox h3{font-size: .46rem;font-weight: bold; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: .9rem;line-height: .9rem; position: relative;
}
#wksPage .tcbox{
	height: 6.89rem;
	background: url(../images/tcbg1.png) no-repeat center top;
	background-size: 100% 100%; 
}
#wksPage .notePic{width: 100%; clear: both; float: left;margin: .6rem auto 0.63rem; text-align: center;}
#wksPage .notePic img{width: 1.97rem; display: inline-block; margin:0 auto 0;}
#wksPage .notePic p{
	font-size: .3rem;
	line-height: .4rem;
	clear: both;
	width: 100%;
	float: left;
	color: #333;
	text-align: center;
}

.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: 0 auto .3rem;}
.tipSure a{width: 3.26rem; height: .94rem;line-height: .88rem; display: block; margin: auto;font-size: .32rem;font-weight: bold; color: #cf1f36;background: url(../images/tcbtn1.png) no-repeat center top;background-size: 100% 100%;position: relative;
}
.tipSure a::after{
content: '';
    width: 0.91rem;
    height: 0.9rem;
    display: inline-block;
    background: url(../images/shou.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 0.25rem;
    right: -.2rem;
    -webkit-animation: scaleDraw 4s ease-in-out infinite;
    animation: scaleDraw 4s ease-in-out infinite;
}

.tipSure .btn02{
	
}
.tipSure .btn03{}



.close{position: absolute; top: -.2rem; right:.2rem; display: block; width: .48rem; height: .48rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}
#giftPage .tcbox{
	height: 6.89rem;
	background: url(../images/tcbg1.png) no-repeat center top;
	background-size: 100% 100%; 
}
#myGiftPage .tcbox{
	height: 6.89rem;
	background: url(../images/tcbg1.png) no-repeat center top;
	background-size: 100% 100%; 
}

/* 点击loading */
/* #loadPage{display: block; } */
.loader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
#loadPage .loader {
	font-size: .24rem;
	margin: auto;
	width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}



/* 开卡方式 */
/* #openWayPage{display: block;} */
#openWayPage .waybox{width: 100%; clear: both;float: left;margin: 0.3rem auto 0.2rem;}
#openWayPage .waybox ul{width: 82%; float: left;margin: auto 9%; font-size: .24rem; line-height: .48rem; text-align: left; margin-bottom: .2rem;}
#openWayPage .waybox .proP{font-size: .27rem;color: #4c4c4c;}

/* 温馨提示 */
/* #notePage{display: block;} */
#notePage .notePic{width: 100%; clear: both; float: left;margin: .6rem auto 0.63rem; text-align: center;}
#notePage .notePic img{width: 1.97rem; display: inline-block; margin:-.3rem auto 0;}
#notePage .notePic p{font-size: .3rem; line-height: .4rem; clear: both; width: 100%; float: left; color: #333;}
/* 温馨提示-文案版 */
/* #noteTxtPage{display: block;} */
#noteTxtPage .noteTxt{width: 100%; clear: both; float: left; margin: .4rem auto; text-align: center; font-size: .3rem; line-height: .48rem;}

/* 中奖弹窗 */
/* #giftPage{display: block;} */
.giftShow{width: 100%; clear: both; float: left; margin: .18rem auto .3rem; font-size: .24rem; line-height: .42rem; color: #4c4c4c; text-align: center;}
.giftShow p{clear: both; width: 100%; float: left;font-size: .3rem;color: #333;margin-top: -.06rem;font-weight: bold;}
.giftShow img{height:3.27rem; width: auto; display: inline-block; margin: auto;}
.ledBtn{width: 100%; clear: both; float: left; text-align: center; margin: -.1rem auto .5rem;}
.ledBtn a{}

/* 我的学习卡 */
/* #cardPage{display: block;} */
.cardbox{width: 100%; clear: both; float: left; margin: .48rem auto .2rem;}
.cardbox ul{width: 100%; clear: both; float: left;}
.cardbox ul li{width: 5.12rem; height: .4rem; display: inline-block; margin:0 .38rem .27rem; float: left;
	font: .24rem/.4rem "microsoft yahei";color: #4c4c4c;
}
.cardbox ul li font{float: left; margin-left: .33rem;}
.cardbox ul li span{font-weight: bold; color: #cb2620; font-size: .2rem;display: inline-block;width: 2.4rem; height: .38rem; padding-left: .1rem; line-height: .38rem;border: 1px solid #bfbfbf;float: left;}
.cardbox ul li label{display: inline-block;width: .45rem;height: .3rem; float: left;margin-left: .1rem;cursor: pointer;}
.cardbox ul li label img{width: .3rem; vertical-align: middle;}
.cardbox p{font: .24rem/.32rem "microsoft yahei"; color: #333; width: 90%; float: left; margin: .16rem 5% .4rem; text-align: center;}

/* 我的卡密 */
/* #camiloPage{display: block;} */
.camilo{width: 100%; clear: both; float: left; margin: .25rem auto .2rem;text-align: center; }
.camilo font{width: 100%; font-size: .28rem; line-height: .36rem; color: #444; clear: both;}
.camilo .camilo-id{width: 3.6rem; height: .42rem; font-size: .26rem; line-height: .42rem; float: left; clear: both;margin: .1rem 1.2rem .2rem;
	border-bottom: 1px solid #bfbfbf;
}
.camilo .tip{width: 4.8rem; float: left; text-align: left; margin: 0 .59rem .2rem; font-size: .24rem;}
.camilo .tip p{float: left; clear: both; margin-bottom: .1rem;}
.camilo .tip span{font-size: .22rem;color: #d42424;}

/* 我的奖品 */
/* #myGiftPage{display: block;} */
#myGiftPage .giftBox{width: 100%; clear: both; float: left; margin: 0 auto;}
#myGiftPage .prize{width: 100%; clear: both; float: left; margin: .18rem auto .3rem; font-size: .24rem; line-height: .42rem; color: #4c4c4c; text-align: center;}
#myGiftPage .prize p{clear: both; width: 100%; float: left;font-size: .3rem;color: #333;margin-top: -.06rem;font-weight: bold;}
#myGiftPage .prize img{height:3.27rem; width: auto; display: inline-block; margin: auto;}

/* 收货地址弹窗 */
.addressbox .form-inline{float: left;width: 100%;clear: both;margin-bottom: .2rem;}
.addressbox .form-inline ul{width: 62%; float: left; clear: both; margin: auto 19%;}
.addressbox .form-inline ul li{clear: both;}
.addressbox .form-inline ul label{clear: both; width: 100%; font: .22rem/.4rem "microsoft yahei";color: #4c4c4c; text-align: center;float: left; text-align: left;}
.addressbox .form-inline ul em{color: #ff3f3f;}
.addressbox .form-inline ul li input{width: 94%; height: .47rem;clear: both; border: solid 1px #535353; padding: 0 3%; background: #fff; font: .24rem/.47rem "microsoft yahei";}
.addressbox .form-inline ul li .form-group{width: 32%; float: left; margin-right: 2%;}
.addressbox .form-inline ul li .form-group:last-child{margin: 0;}
.addressbox .form-inline ul li select{width: 94%; height: .64rem;clear: both; border: solid 1px #789df5; padding: 0 3%; background: #fff; color: #4c4c4c; font: .24rem/.64rem "microsoft yahei";
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
}
.addressbox .noteBtn{width: 100%; clear: both; float: left; margin-top: .22rem;}
.addressbox .noteBtn a{width: 3.4rem; height: .7rem; display: block; margin: auto;clear: both; font: bold .32rem/.7rem "microsoft yahei";color: #fff;
	background: url(../images/tc-btn03.png) no-repeat center; background-size: 100%; text-align: center;
}
.addPT{width: 70%;margin: .25rem 15% 0;display: inline-block;}
.addressbox .addPT p{font-size: .24rem;color: #333; width: 90%;margin: 0 5%; float: left;text-align: left;}
.addressbox .addPT .txTit{text-align: center;font-size: .26rem;color: #e94a55;}
#addressPage .tcbox{
	height: 7.6rem;
	background: url(../images/tcbg3.png) no-repeat center top;
	background-size: auto 100%; 
}
#addressPage .close {
    top: -0.2rem;
	right: 0.2rem;
    width: 0.48rem;
    height: 0.48rem;
}
#addressPage .tcbox h3{
	font-size: .4rem;
}
/* 确认收货地址 */
.sureTxt{width: 64%; float: left; margin: .3rem 18%; font-size: .26rem; line-height: .6rem; text-align: left;}
.sureTxt p{clear:both; float: left; line-height: .6rem;font-size: .26rem;color: #333;}
.sureTxt p.line-over{max-height: 1.4rem;overflow-y: scroll;width: 100%;overflow-x: hidden;line-height: .4rem;}
#surePage .tipSure a{display: inline-block;width: 2.26rem;line-height: .63rem; background: url(../images/tcbtn1.png) no-repeat center top;background-size: 100%;margin: 0 .1rem;font-size: .3rem;}
#surePage .tipSure a::after{display: none;}
#surePage .sureTxt p.qrTit{font-size: .26rem;color: #FF0000;margin-top: .2rem;}
/* 物流弹窗 */
/* #logisticsPage{display: block;} */
.logistbox{width: 100%; clear: both; float: left;margin: .6rem auto;}
.logistbox img{width: 2.19rem; display: block; margin: auto;}
.logistbox p{ color: #4c4c4c; width: 90%; float: left; text-align: center;font-size: .19rem;margin: 0 5%;}
.logistbox p.wlts{color: #FF0000;font-size: .16rem; margin: 0 5% .2rem;}
#surePage .tcbox{
	height: 7.05rem;
	background: url(../images/tcbg4.png) no-repeat center top;
	background-size: 100% 100%; 
}
#surePage .sureTxt{
	min-height: 4rem;margin: 0.3rem 18% 0.2rem;
}
#logisticsPage .tcbox{
	height: 7.05rem;
	background: url(../images/tcbg4.png) no-repeat center top;
	background-size: 100% 100%; 
}
/* pc版打开遮罩 */
.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;}
.pc-box{width: 600px; height: auto; text-align: center; background:#fff; position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
}
.pc-box font{font-size: .48rem; line-height: 1.2rem; font-weight: bold; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;
	background: url(../images/tc-img01.png) no-repeat center;
	background-size: 100%;
	padding-top: .11rem;
	margin-top: -.11rem;
}


.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 34%;display: block; margin:50px 33% auto;float: left;}
.pc-box p{width: 90%; font: 24px/48px "microsoft yahei";color: #666;float: left; margin: 20px 5% .35rem;}

.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}