body.ios-11-hack {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
}
#prize-lucky-container {
  display: none;
}
#prize-lucky-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  background: #f7f7f0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
#prize-lucky-page:before {
  content: '';
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f7f7f0;
}
#prize-lucky-page a,
#pop-container a {
  cursor: pointer;
}
#pop-container .pop-close {
  position: absolute;
  right: 1rem;
  top: 0;
  color: #999;
}
#prize-lucky-page-header {
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  position: fixed;
  z-index: 2000;
  background: #f7f7f0;
  top: 0;
  left: 0;
}
#prize-lucky-page-header .close {
  position: absolute;
  right: 1rem;
  top: 0;
  color: #ccc;
  font-size: 1.2rem;
  cursor: pointer;
}
#prize-lucky-page-header .close:hover {
  text-decoration: none;
}
#prize-lucky-page-header h3 {
  font-size: 1rem;
}
#prize-lucky-page .page-body {
  padding: 4rem 1.2rem 3.2rem 1.2rem;
  font-size: 0.75rem;
  color: #666;
  position: relative;
}
#prize-lucky-page .prizes {
  margin-top: 0.75rem;
}
#prize-lucky-page .prize {
  border: 1px solid #e0e0e0;
  background: #fff;
  position: relative;
  margin-bottom: 0.8rem;
}
#prize-lucky-page .prize .prize-info {
  padding: 1rem;
  min-height: 4.5rem;
}
#prize-lucky-page .prize .prize-info .thumb img {
  max-height: 4.5rem;
}
#prize-lucky-page .prize .prize-info .info-basic {
  margin-right: 4rem;
}
#prize-lucky-page .page-body > p a {
  color: #429631;
}
#prize-lucky-page .page-body .follow-tips {
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  font-size: 0.65rem;
}
#prize-lucky-page .page-body .qrcode-follow-trigger {
  white-space: nowrap;
}
#prize-lucky-page .prize dt {
  color: #333;
  font-weight: bold;
  font-size: 0.8rem;
  word-break: break-all;
}
#prize-lucky-page .prize dd {
  font-size: 0.75rem;
}
#prize-lucky-page .prize dd.code {
  color: #dd7249;
  font-family: arial;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
#prize-lucky-page .prize .award-info {
  margin-top: 0.6rem;
}
#prize-lucky-page .prize .award-info h4 {
  color: #333;
  font-size: 12px;
  max-width: 10rem;
}
#prize-lucky-page .prize .award-info h5 {
  color: #333;
  font-size: 0.7rem;
  margin: 0.5rem 0 0 0;
}
#prize-lucky-page .prize-action {
  padding: 1rem 0.6rem 1rem 0.9rem;
  border-top: 1px solid #e0e0e0;
}

#prize-lucky-page .prize-action .status-extra-tip {
  color: #999;
  font-size: 14px;
}
#prize-lucky-page .prize-action .status {
  color: #e6b840;
  font-size: 14px;
}
#prize-lucky-page .action a {
  background: #ffcc2b;
  color: #d37e04;
  display: inline-block;
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0 0.8rem;
  border-radius: 0.1rem;
}
#prize-lucky-page .action a:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.9;
}
#prize-lucky-page .prize-info .thumb {
  position: absolute;
  right: 0.9rem;
  top: 0.9rem;
}
#prize-lucky-page .prize-info .thumb img {
  width: 4rem;
}
#prize-lucky-page .prize-info .award-info .offline-details {
  font-size: 0.65rem;
  color: #999;
  margin-top: 0.3rem;
}
#prize-lucky-page .prize-info .award-info .offline-details .icon-clock,
#prize-lucky-page .prize-info .award-info .offline-details .icon-location {
  color: #ffcd2f;
  margin-top: -0.08rem;
  margin-left: -100%;
  vertical-align: middle;
}
#prize-lucky-page .prize-info .award-info .offline-details .icon-location {
  margin-top: 0;
}
#prize-lucky-page .prize-info .award-info .offline-details .text {
  width: 100%;
}
#prize-lucky-page .prize-info .award-info .offline-details .text-wrap {
  margin-left: 1rem;
}
#prize-lucky-page .prize-action .status.out-of-date,
#prize-lucky-page .prize-action .status.done {
  color: #ccc;
}
#prize-lucky-page .prize-action .status.submited {
  color: #00cc2c;
}
#prize-lucky-page .prize-action .status.error {
  color: #cc3300;
  font-weight: bold;
}

#prize-lucky-page .prize-action .postage-no {
  margin-top: -1.6rem;
}
.award-pop-box,
.postage-pop-box {
  background-color:rgba(70, 70, 70, 0.5);
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.award-pop-box .pop-box,
.postage-pop-box .pop-box {
  width: 84%;
  background: #fff;
  border-radius: 0.3rem;
  position: absolute;
  left: 50%;
  top: 5rem;
  margin: 0 0 0 -42%;
}
.award-pop-box .pop-box .box-header,
.postage-pop-box .pop-box .box-header {
  text-align: center;
  height: 3rem;
  line-height: 3rem;
}
.award-pop-box .pop-box .box-header h3,
.postage-pop-box .pop-box .box-header h3 {
  font-size: 1rem;
}
.award-pop-box .box-body,
.postage-pop-box .box-body {
  padding: 0 1.5rem 2rem 1.5rem;
  font-size: 0.75rem;
}
.award-pop-box .box-body p.tips,
.postage-pop-box .box-body p.tips {
  color: #999;
  margin-bottom: 0.5rem;
}
.award-pop-box .box-body {
  padding-top: 0.8rem;
  text-align: center;
}
.award-pop-box .box-field,
.postage-pop-box .box-field {
  margin-bottom: 0.4rem;
}
.award-pop-box .box-field input,
.award-pop-box .box-field textarea,
.postage-pop-box .box-field input,
.postage-pop-box .box-field textarea {
  border: 1px solid #ccc;
  border-radius: 0.15rem;
  display: inline-block;
  text-indent: 0.3rem;
  font-size: 0.85rem;
  width: 100%;
  height: 1.8rem;
  line-height: 1.8rem;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-appearance: none;
}
.award-pop-box .box-field input:focus,
.award-pop-box .box-field textarea:focus,
.postage-pop-box .box-field input:focus,
.postage-pop-box .box-field textarea:focus {
  outline: none;
}
.award-pop-box .box-field textarea,
.postage-pop-box .box-field textarea {
  min-height: 3rem;
  height: auto;
  line-height: 1.5;
  padding: 0.3rem;
  text-indent: 0;    
  box-sizing: border-box;
}
.award-pop-box .box-action,
.postage-pop-box .box-action {
  margin-top: 0.5rem;
}
.award-pop-box .box-action a,
.postage-pop-box .box-action a {
  display: inline-block;
  height: 1.8rem;
  line-height: 1.8rem;
  width: 100%;
  background: #ffcc2b;
  color: #d37e04;
  text-align: center;
  border-radius: 0.15rem;
}
.award-pop-box .box-action a:hover,
.postage-pop-box .box-action a:hover {
  text-decoration: none;
}
.award-pop-box .box-action a:active,
.postage-pop-box .box-action a:active {
  opacity: 0.8;
}
.postage-pop-box .success-box {
  text-align: center;
  color: #666;
}
.award-pop-box .award-tips {
  margin: 0.2rem auto 0.5rem auto;
}
.online-instruction a {
  color: #0078b6;
}

#empty-lucky {
  text-align: center;
  padding: 3rem 0;
  color: #ddded9;
}
#empty-lucky .icon-prize {
  font-size: 2.5rem;
}

#prize-lucky-container .icon-success {
  font-size: 3.2rem;
  color: #43b549;
}
.ui-weak {
  color: #666;
}
img.offset {
  position: fixed;
  left: -1000000em;
}
.report-content {
  text-align: center;
}
.report-content a.report-btn {
  display: inline-block;
  color: rgba(0,0,0, 0.4);
}
.report-content a.report-btn:hover {
  text-decoration: none;
}
.report-content a.report-btn i {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  color: rgba(0,0,0, 0.2);
  margin-right: -1px;
}
.report-content a.report-btn span {
  vertical-align: middle;
  font-size: 12px;
}

@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1472204940'); 
  src: url('fonts/iconfont.eot?t=1472204940#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff?t=1472204940') format('woff'), 
  url('fonts/iconfont.ttf?t=1472204940') format('truetype'), 
  url('fonts/iconfont.svg?t=1472204940#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close:before { content: "\e602"; }
.icon-clock:before { content: "\e600"; }
.icon-success:before { content: "\e603"; }
.icon-close-2:before { content: "\e606"; }
.icon-location:before { content: "\e601"; }
.icon-prize:before { content: "\e605"; }

@media all and (max-width:720px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 36px;
  }
}
@media all and (max-width:640px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 32px;
  }
}
@media all and (max-width:600px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 30px;
  }
}
@media all and (max-width:560px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 28px;
  }
}
@media all and (max-width:520px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 26px;
  }
}
@media all and (max-width:480px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 24px;
  }
}
@media all and (max-width:440px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 22px;
  }
}
@media all and (max-width:414px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 21px;
  }
}
@media all and (max-width:400px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 20px;
  }
}
@media all and (max-width:360px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 18px;
  }
}
@media all and (max-width:320px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 16px;
  }
}
@media all and (max-width:250px){
  html.lucky-pop,
  html.lucky-pop body{
    font-size: 13px;
  }
}
@media all and (max-width:500px) {
  html.lucky-pop .qrcode-pop .qrcode-box .wrap p {
    font-size:0.8rem;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2){ 
  #prize-lucky-container .border { 
    border: 1px solid #ccc;
    border-image: url(../../../img/shop/single/ticket/border-pixel.png) 2 repeat ;
  }
  #prize-lucky-container .border-top {
    border: none;
    border-width: 0;
    border-top: 1px solid #ccc;
    border-image: url(../../../img/shop/single/ticket/border-pixel.png) 2 repeat ;
  }
  #prize-lucky-container .border-bottom {
    border: none;
    border-width: 0;
    border-bottom: 1px solid #ccc;
    border-image: url(../../../img/shop/single/ticket/border-pixel.png) 2 repeat ;
  }
}
.redpack-help-tip {
  margin-left: 8px;

}
a.redpack-help-tip {
  color: #0078b6;
  text-decoration: none;
}

.confirm-container:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 999999;
}

.prize-confirm-box {
  z-index: 99999999;
  position: fixed;
  background-color: #fff;
  width: 15rem;
  border-radius: 5px;
  left: 50%;
  margin-left: -7.5rem;
  top: 38.2%;
  margin-top: -4.4rem;
}

.prize-confirm-box .hd {
  position: relative;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #333;
  font-size: 18px;
}
.prize-confirm-box .hd .close {
  position: absolute;
  display: inline-block;
  top: 0px;
  right: 0px;
  width: 2rem;
  height: 2rem;
  background: url(../../../img/shop/single/coupon/close-icon.png) no-repeat center;
  background-size: 0.65rem;
}

.prize-confirm-box .bd {
  padding: 1rem;
  font-size: 14px;
  padding-bottom: 1.5rem;
}

.prize-confirm-box .bd-wrap:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ceced2;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  display: inline-block;
  position: absolute;
}

.prize-confirm-box .ft {
  font-size: 14px;
  text-align: center;
  position: relative;
}
.prize-confirm-box .ft .confirm-btn ,.prize-confirm-box .ft .cancel-btn {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  width: 49%;
  display: inline-block;
  box-sizing: border-box;
  color: #007aff;
}
.prize-confirm-box .ft .v-sep {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #ceced2;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}