@font-face{
  font-family: 'SofiaProRegular';
  src: url('../font/SofiaProRegular.otf');
}

.t-page {
  background-color: #040207;
  /*background-image: url(../images/bg.jpg);*/
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: 0.75rem;
  padding-top: 40%;
  padding-bottom: 2.75rem;
  min-height: 100%;
  position: relative;
  text-align: center;
  font-family: MicrosoftYaHei;
}
.t-chances {
  display: inline-block;
  padding: 5px 1em;
  background: #fff;
  margin: auto;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  color: #ff5b47;
  margin-bottom: 1rem;
}

.t-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.719rem;
}
.t-nav__main {
  padding: 0 1rem 0;
  margin: 2.2rem auto 0 auto;
  font-size: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.t-nav__item {
  width: 5.34rem;
  height: 1.633rem;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.t-nav__item--home {
  background-image: url(../images/home.png);
}
.t-nav__item--home.t-nav__item--active {
  background-image: url(../images/home-active.png);
}
.t-nav__item--list {
  background-image: url(../images/list.png);
}
.t-nav__item--list.t-nav__item--active {
  background-image: url(../images/list-active.png);
}
.t-nav__item--rules {
  background-image: url(../images/rules.png);
}
.t-nav__item--rules.t-nav__item--active {
  background-image: url(../images/rules-active.png);
}
.t-nav__link {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.t-join {
  color: #fff;
  text-align: center;
  font-size: 0.558rem;
  position: relative;
}
.t-join:before,.t-join:after{
  content: "";
  display: inline-block;
  width: 2.16rem;
  height: .09rem;
  background: url(../images/tit-after.png) -10px -1px no-repeat;
  background-size: 100%;
  vertical-align:middle;
}
.t-join:after{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.t-join__count {
  padding: 0 2px;
  font-weight: normal;
  font-size: 0.648rem;
  color: #fffeff;
  font-family: "SofiaProRegular";
}

.t-recommend {
  width: 19.375rem;
  height: 7.5rem;
  background: rgba(25, 124, 217, 0.5);
  -webkit-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  margin: 0 auto;
  padding-top: 0.625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.t-recommend__title {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  height: 0.90625rem;
  background-image: url(../images/recommond.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 8.78125rem 8.78125rem;
  background-size: 8.78125rem;
}
.t-recommend__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 0.3125rem;
}
.t-recommend__link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0.15625rem;
}
.t-recommend__image {
  display: block;
  width: 100%;
  height: 4.5rem;
}

.t-list {
  margin: 2rem .8rem;
  color: #fff;

}
.t-list__empty {
  background: #131313;
}
.t-list__empty::before {
  width: 6.675rem;
  height: 3.7125rem;
  content: "";
  background: url(../images/gift.png);
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  display: block;
  margin: 0 auto 10px;
}
.t-list th,
.t-list td {
  padding: 8px 5px;
}
.t-list td {
  /*border-bottom: 1px solid #dfdfdf;*/
}
.t-list__table {
  width: 100%;
  text-align: center;
  background: #131313;
  color: #fff;
}
.t-list__head {
  background: #131313;
  color: #fff;
}
.t-list__button {
  border: 0;
  width: 3.2rem;
  font-size: 0.648rem;
  background-color: #dc1860;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 0 0 0 3px;
}

.t-rules {
  background: #131313;
  color: #fff;
  padding: 0.4rem 0.3rem;
  margin: 2rem .8rem;
  text-align:left;
}

.t-float {
  position: absolute;
  right: 0;
  top: 1.36rem;
  z-index: 3;
}
.t-float__invite {
  border: 0;
  text-indent: -9999px;
  width: 3.406rem;
  height: 1.031rem;;
  background-image: url(../images/invite.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
@-webkit-keyframes zoom-in-out {
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes zoom-in-out {
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.t-selfchance{
  margin-bottom: 1.8rem;
  font-size: 0.741rem;
  color: #fff;
  height: 1.7rem;
  line-height: 2.7rem;
}

.t-selfchance .t-selfchance__count{
  color: #de1685;
  font-size: 1.482rem;
  font-family: "SofiaProRegular";
  font-style: italic;

}
.t-wheel {
  width: 18.3125rem;
  height: 18.3125rem;
  padding: 2.321875rem;
  margin: 0 auto 1.5rem;
  position: relative;
   overflow: hidden;
}
.t-wheel:before {
content: "";
width: 10.5rem;
height: 6.356rem;
background: url(../images/jiazi.png);
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
top: 9.7rem;
left: 0;
right: 0;
margin: 0 auto;
}
.t-wheel__list {
width: 13.46875rem;
height: 13.46875rem;
background: url(../images/wheel.png);
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
list-style: none;
padding-left: 0;
position: relative;
}
.t-wheel__item {
width: 4.031rem;
height: 4.031rem;
position: absolute;
left: 4.8125rem;
top: 4.5125rem;
overflow: hidden;
/*border: 2px solid #0078ff;*/
  /*background: #fff;*/
  text-align: center;
  transform: rotate(0deg);-webkit-transform:rotate(0deg);
}
.t-wheel__item:nth-child(1) {
  -webkit-transform: translate(0, -6.7343749995rem) ;
  -ms-transform: translate(0, -6.7343749995rem) ;
  transform: translate(0, -6.7343749995rem) ;
}
.t-wheel__item:nth-child(2) {
  -webkit-transform: translate(-4.7619222296rem, -4.7619222296rem)
    ;
  -ms-transform: translate(-4.7619222296rem, -4.7619222296rem) ;
  transform: translate(-4.7619222296rem, -4.7619222296rem);
}
.t-wheel__item:nth-child(3) {
  -webkit-transform: translate(-6.734375rem, 0rem);
  -ms-transform: translate(-6.734375rem, 0rem) ;
  transform: translate(-6.734375rem, 0rem) ;
}
.t-wheel__item:nth-child(4) {
  -webkit-transform: translate(-4.7619222296rem, 4.7619222296rem) ;
  -ms-transform: translate(-4.7619222296rem, 4.7619222296rem) ;
  transform: translate(-4.7619222296rem, 4.7619222296rem) ;
}
.t-wheel__item:nth-child(5) {
  -webkit-transform: translate(0rem, 6.734375rem) ;
  -ms-transform: translate(0rem, 6.734375rem) ;
  transform: translate(0rem, 6.734375rem) ;
}
.t-wheel__item:nth-child(6) {
  -webkit-transform: translate(4.7619222296rem, 4.7619222296rem) ;
  -ms-transform: translate(4.7619222296rem, 4.7619222296rem);
  transform: translate(4.7619222296rem, 4.7619222296rem);
}
.t-wheel__item:nth-child(7) {
  -webkit-transform: translate(6.734375rem, 0rem);
  -ms-transform: translate(6.734375rem, 0rem) ;
  transform: translate(6.734375rem, 0rem);
}
.t-wheel__item:nth-child(8) {
  -webkit-transform: translate(4.7619222296rem, -4.7619222296rem) ;
  -ms-transform: translate(4.7619222296rem, -4.7619222296rem);
  transform: translate(4.7619222296rem, -4.7619222296rem);
}
.t-wheel__item--hit {
  -webkit-animation: blink-border 0.3s ease infinite alternate;
  animation: blink-border 0.3s ease infinite alternate;
}
@-webkit-keyframes blink-border {
  100% {
    border-color: #fff;
  }
}
@keyframes blink-border {
  100% {
    border-color: #fff;
  }
}
.t-wheel__item--miss {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.t-wheel__image {
  display: none;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.t-wheel__trigger {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  left: -.1rem;
  right: 0;
  top: -.1rem;
  bottom: 0;
  margin: auto;
  border: 0;
  -webkit-animation: zoom-in-out-2 0.5s ease infinite alternate;
  animation: zoom-in-out-2 0.5s ease infinite alternate;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
@-webkit-keyframes zoom-in-out-2 {
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes zoom-in-out-2 {
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.t-wheel__trigger,
.t-wheel__trigger:disabled {
  background-color: transparent;
  background-image: url(../images/trigger.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.t-wheel__trigger:disabled {
  -webkit-animation: none;
  animation: none;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.t-dialog {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  font-size: 0.75rem;
}
.t-dialog__close {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  z-index: 1;
  top: 1rem;
  right: 1rem;
  width: 0.84rem;
  height: 0.84rem;
  background: url(../images/closeBtn.png)
    center top no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
}
.t-dialog__main {
  width: 14.78rem;
  /*height: 19.19rem;*/
  /*background: url(../images/pop1.png);*/
  background-color: rgb(19, 19, 19);
  border-radius:5px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 2.81rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  transform: translate(0,-50%);
}
.t-dialog__prize-image {
  width: 5.44rem;
  margin-bottom: 1.53rem;
}
.t-dialog__prize-text{
  margin-bottom: 1.6rem;
  line-height: 1.6rem;
  font-size: .78rem;
  color: #fff;
}
.js-prize-name{
  font-size: 0.56rem;
}
.t-dialog__action {
  width: 7.06rem;
  height: 1.84rem;
  text-align: center;
  background: #dc1869;
  color: #fff;
  border: 0;
  border-radius: 0 0 0 .35rem;
}

/*中奖信息表单样式*/
.page__new__form dl, .page__new__form ul, .page__new__form p{
  margin-bottom: 0;
}
.page__new__form .page__info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.47rem  0 0 1.49rem;
}
.page__new__form .page__info dt{
  width: 2.67rem;
  height: 2.67rem;
}
.page__new__form .page__info dt img{
  width: 100%;
}
.page__new__form .page__info dd{
  flex: 1;
  margin-left: 1.07rem;
  color: #bfbfbf;
  margin-bottom: 0;
}
.page__new__form .page__info dd .page__info--title{
  font-size: .91rem;
  color: #fff;
  margin-bottom: .3rem;
}
.page__new__form .page__form,.pop-bottom ul{
  list-style: none;
}
.page__new__form .page__form ul{padding-left: 0}
.page__new__form .page__form--title{
  height: .85rem;
  line-height: .85rem;
  color: #fff;
  margin: 4rem 0 1rem 1.71rem;
}
.page__new__form .page__form{
  padding: 0 .75rem;
}
.page__new__form .page__form input,.page__new__form .page__form textarea{
  height: 2.35rem;
  width: 100%;
  padding-left: .96rem;
  border-radius: 0rem 0.85rem 0rem 0rem;
  border: solid 0.05rem #555;
  color: #555;
}
.page__new__form .page__form textarea{
  padding-top: .6rem;
}
.page__new__form .page__form .addreddli{
  position: relative;
}
.page__new__form .page__form .addreddli:after{
  content: "";
  position: absolute;
  bottom: 1rem;
  right: .8rem;
  width: 0;
  height: 0;
  border-left: .27rem solid transparent;
  border-right: .27rem solid transparent;
  border-top: .4rem solid #ffff;
}
.page__new__form li{
  display: flex;
  margin-bottom: 1.07rem;
}
.page__new__form .codeli{
  justify-content: space-between;
}
.page__new__form .codeli input{
  width: 9.28rem;
}
.page__new__form .codeli span{
  display: inline-block;
  width: 7.2rem;
  height: 2.35rem;
  line-height: 2.35rem;
  text-align: center;
  color: #dc1860;
  border-radius: 0rem 0.85rem 0rem 0rem;
  border: solid 0.05rem #dc1860;
}

.page__form__submit button{
  width: 100%;
  height: 2.24rem;
  background-color: #dc1860;
  border-radius: 0 0 0 0.43rem;
  border: 0;
}
.header__title{
  text-align: left;
  font-size: .91rem;
  background-color: #000;
}
.header__btn--back::before{
  border-color: #fff;
  width: .6rem;
  height: .6rem;
}
.header__btn{
  vertical-align: middle;
}












.pop-bottom{
  left: 0;
  right: 0;
  bottom: 0;
}

.pop-bottom .pop-closeBtn{
  position: absolute;
  right: .2rem;
  top: .2rem;
}
.pop-bottom .pop-title{
  padding:.8rem 0;
  text-align: center;
  font-size: 0.85rem;
  margin-bottom: 0;
}

.pop-bottom .pop-body{
  min-height: 3rem;
}

.pop-bottom .pop-footer .btn-block{
  border-radius: 0;
  line-height: .9rem;
}
/*--地址模块*/
.newAddBox{
  position: absolute;
  z-index: 7;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background:#ededed;
}
.addList .box{
  margin-bottom: .2rem;
}
.addList .box-footer{
  padding-top: .15rem;
  border-top: 1px solid #ededed;
}

.address:before{
  content: "";
  display: block;
  width: .4rem;
  height:.4rem;
  float: left;
  margin-right: .05rem;
  background: url(../images/icon-location-1.png) no-repeat 0 center;
  background-size: 90%;
}

.address p{
  margin-bottom: .1rem;
}

.address-name{
  color: #262b2e;
}

.address-tel{
  margin-left: .2rem;
}

.address-tel,.address-add{
  color: #8c8c8c;
}

.addList-defaults{
  display: inline-block;
  color: #ff6b00;
  line-height: 2;
}

.addList-defaults button, .addList-defaults-marks .addList-defaults span{
  display: inline-block;
}

.addList-defaults span, .addList-defaults-marks .addList-defaults button{
  display: none;
}
.addList-item .simulation-text{
  color: #555555;
}
.addList-item .simulation-text.address{
  white-space: normal;
}


/*--地址弹窗*/
.addList > li{
  border-bottom: 1px solid #ededed;
}





/* 选择地址 上方空白bug */
.cityTree-list{
  max-height:7rem;
  overflow-y:scroll;
  overflow-x:hidden;
  padding-left: .53rem;
}
.cityTree-list label{margin-bottom: 0}
.cityTree-tab{
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  margin:0 -.2rem .6rem;
  padding:0 .2rem;
  line-height: 0;
  border-bottom:1px solid #747474;
}
.cityTree-tab>li{
  display: inline-block;
  margin-right: .3rem;
  margin-bottom: -1px;
  font-size: .85rem;
}

.cityTree-name{
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height:1.5;
}

.cityTree-tab .cityTree-name{
  max-width:6rem;
  padding: 0 .53rem;
}
.cityTree-tab>li.selected .cityTree-name{
  color: #fff;
  border-bottom: 1px solid #fff;
}

.cityTree-item{
  padding:.1rem .3rem;
}

.cityTree-list>li{
  padding:.3rem 0;
}

.cityTree-list label{
  display: block;
}

.cityTree-list .simulation-checkbox,
.cityTree-list .simulation-radiobox{
  border:0;
}



/**删除地址二次确认**/
.addDeleteComfirm .address{
  padding:.2rem;
  margin:.2rem .1rem 0;
  background:#f5f5f5;
  font-size: .24rem;
  text-align: left;
  line-height: 150%;
}

.addDeleteComfirm .address:before{
  display: none;
}

/*--订单确认*/

.orderConfirm .arrowLink:before{
  top: .05rem;
}
.orderConfirm-add .address{
  padding-right: .6rem;
}
.orderConfirm-add .address-name{
  font-size: .3rem;
}

.orderConfirm .productsItem {
  display: flex;
  border:0;
}

.orderConfirm .productsItem .productsItem-img{
  width: 2rem;
}

.orderConfirm .productsItem .productsItem-info{
  flex:1;
  overflow:hidden;
}
.orderConfirm .productsItem  .productsItem-amount{
  color: #8c8c8c;
  font-size: .26rem;
}

.orderConfirm .productsItem  .productsItem-price{
  float: right;
}

.orderConfirm-detailBtns .detailBtns-left {
  width: 60%;
  padding-left: .3rem;
  border-top: 1px solid #e1e1e1;
  line-height: .9rem;
}

.invoicePop .sku{
  padding-bottom: .2rem;
}

.invoicePop-company{
  display: none;
}

.invoicePop-company>li{
  margin-top: .15rem;
}

.invoicePop-company input{
  display: block;
  width: 100%;
  padding:.15rem .2rem;
  border:1px solid #ededed;
  border-radius: .1rem;
}

/*--蒙板*/
.mask{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, .8);
}

.mask.transparent {
  opacity: 1;
}
.pop{
  display: none;
  z-index: 11;
  position: fixed;
  background: #222;
  font-size: 0.85rem;
}
/*--单复选框*/
.simulation {
  position: relative;
}

.simulation-checkbox,
.simulation-radiobox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 100%;
  border:1px solid #ddd;
}

.simulation-checkbox:after,
.simulation-checkbox:before{

}

.simulation-radiobox:after,
.simulation-radiobox:before{
  position: absolute;
  left: 41%;
  top:47%;
  display: none;
  content: "";
  width: 1px;
  height: .5rem;
  transform-origin:center bottom;
}
.simulation-radiobox:before{
  height: .2rem;
  margin-top: 1px;
  transform:translate(-50%, -50%) rotate(-45deg);
}
.simulation-radiobox:after{
  transform:translate(-50%, -50%) rotate(40deg);
}

.simulation-input:checked~.simulation-radiobox {
  background: #fff;
  border-color: #fff;
  margin-left: .5rem;
}
.simulation-input:checked~.simulation-radiobox:after,
.simulation-input:checked~.simulation-radiobox:before{
  display: block;
  background: #222;
}

.simulation-text {
  position: relative;
  z-index: 2;
  font-size: .85rem;
}

.simulation-input:checked~.simulation-text {
  color: #fff;
}


.simulation-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.simulation-block{
  display: block;
  padding:.15rem 0;

}

.simulation-block .simulation-radiobox,.simulation-block .simulation-checkbox{
  float: right;
  margin:.08rem 0 0 .1rem;
}
.simulation-block .simulation-text{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.simulationList>li{
  border-bottom: 1px solid #ededed;
}

.prize-list {
  width: 92%;
  margin-left: 4%;
  text-align: center;
  color: #fff;
}

.prize-list tr {
  display: block;
  width: 100%;
  height: 5.4rem;
  background-color: #2f333c;
  border-radius: 5px;
  margin-bottom: 0.5rem;
}
.prize-list tr .prize-img {
  width: 4rem;
  height: 4rem;
  float: left;
  margin-top: 0.7rem;
  margin-left: 0.7rem;
  border-radius: 5px;
}
.prize-list tr td {
  display: inline-block;
  padding: 0;
  text-align: left;
  font-size: 0.625rem;
  width: 11rem;
}
.prize-list tr td.prize-name {
  margin-top: 0.7rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  margin-bottom: 0.8rem;
}
.prize-list tr td.prize-time {
  font-size: 0.425rem;
  color: #696a6d;
}
.loading{
  z-index: 9999999999;
}