@charset "utf-8";
/* CSS Document */
* { position: relative; margin: 0; padding: 0;}
body { min-width: 1100px;  font-size: 14px; line-height: 1.4; color: #232323; font-weight: 500; font-family: "Montserrat", Arial, Helvetica, sans-serif; outline: 0; vertical-align: baseline;}
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #000; outline: none; text-decoration: none;  cursor: pointer;}
a:hover { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0;}
ul,ul li { list-style-type: none; }
img { border: none; }
.fl { float: left;}
.fr {float: right;}
.clear {display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after { clear: both; display: block; height: 0; font-size: 0; content: ""; visibility: hidden;}
.clearfix { zoom: 1; }
.wrapper { position: relative; width: 1100px; margin: 0 auto;}
.hidden {display: none;}

.buybtn { display: block; width: 250px; height: 50px; line-height: 50px; font-size: 16px; border-radius: 35px; color: #fff; margin: 0 auto;  text-align: center;
  border: solid #ff6d5b 3px; 
  background: #ee292b; text-shadow: 0 1px 2.94px rgba(127, 7, 6, 0.4);
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(234,41,43) 0%, rgb(255,83,59) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(234,41,43) 0%, rgb(255,83,59) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(234,41,43) 0%, rgb(255,83,59) 100%);
  box-shadow: 0 15px 30px 0 rgba(246, 55, 43, 0.4);
}
.buybtn:hover {
  background: #fb4634;
  background-image: -moz-linear-gradient( 90deg, rgb(255,83,59) 0%, rgb(234,41,43) 100%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,83,59) 0%, rgb(234,41,43) 100%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,83,59) 0%, rgb(234,41,43) 100%, rgb(255,255,255) 100%);
}
.buybtn i { display: inline-block; vertical-align: middle; margin-right: 8px; width: 21px; height: 13px; background: url(../images/shop.png); }
.banner { position: relative; z-index: 2; min-width: 1100px; height: auto; min-height: 700px; background: url(../images/banner.jpg) no-repeat center top;}
.banner .logo { z-index: 9; float: left; width: 47px; height: 16px; margin-top: 49px; text-indent: -9999px; background: url(../images/logo.png);}
.banner .title { height: 131px; padding-top: 6px; background: url(../images/title.png) bottom center no-repeat; text-indent: -9999px;}


.banner .message { float: left; text-align: center; border-radius: 5px;}
.banner .message h2 { margin-top: 19px; text-indent: -9999px; background: url(../images/off.png) no-repeat center top; }
.banner .message .top-message {position: relative; margin-bottom: 30px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.banner .message .top-message:after { position: absolute; display: block; content: ""; top: 0; right: 0;  background: url(../images/solution.png);}
.banner .message .top-message .img-box { position: relative; z-index: 3; display: inline-block; width: 100%;  }
.banner .message  .img-box span { display: inline-block; vertical-align: middle; width: 295px; height: 174px; background: url(../images/asc-box.png) no-repeat center top;}

.banner .message .top-message p { font-size: 14px;}
.banner .message .top-message strong { font-weight: 500; font-size: 16px;}
.banner .message .top-message strong b { font-size: 36px;}
.banner .message >p { width: 297px; margin: 0 auto; line-height: 46px; border-bottom: solid rgba(210,194,117,.5) 1px; font-weight: 600}
.banner .message >p.noborder { border: none; }
.banner .message >p.nomal { font-weight: 500; color: #ae9f8b; font-size: 12px;}

.banner .box {position: relative; width: 370px; height: 630px; margin-top: 151px; margin-left: 110px; background: #fff5d8; border: solid #ffd77b 1px;}
.banner .box .top-message { height: 310px; background-color: #f7ebc7;}
.banner .box .top-message:after { width: 118px; height: 69px;}

.banner .box  .img-box { display: inline-block; width: 100%; height: 174px; line-height: 174px; margin-top: -87px;}
.banner .box  .img-box span { display: inline-block; vertical-align: middle; width: 253px; height: 174px; background: url(../images/asc-box.png) no-repeat center top;}
.banner .box .top-message h2 { height: 64px;}
.banner .box .buybtn { background: #e5a24b; box-shadow:  none; border: solid rgba(255,255,255,.0) 3px; overflow: hidden; text-shadow: none; }

.banner .box .buybtn span { display: inline-block; vertical-align: middle; margin-left: -2px;
 -webkit-transform: translate3d(-16px, 0, 0);
  transform: translate3d(-16px, 0, 0); 
  -moz-transform: translate3d(-16px, 0, 0); 
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -webkit-transform 0.3s;
   transition: transform 0.3s; 
   -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
   -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);  
   transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.banner .box .buybtn i { margin-right: 8px; width: 21px; height: 13px;
  -webkit-transform: translate3d(-20px, 3.5em, 0);
  -moz-transform: translate3d(-20px, 3.5em, 0);
  transform: translate3d(-20px, 3.5em, 0); 
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -webkit-transform 0.3s; 
  transition: transform 0.3s; 
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.banner .box .buybtn:hover { border: solid #ff6d5b 3px; text-shadow: 0 1px 2.94px rgba(127, 7, 6, 0.4);
  background: #ee292b;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(234,41,43) 0%, rgb(255,83,59) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(234,41,43) 0%, rgb(255,83,59) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(234,41,43) 0%, rgb(255,83,59) 100%);
  box-shadow: 0 15px 30px 0 rgba(246, 55, 43, 0.4);
}
.banner .box .buybtn:hover i { display: inline-block;}
.banner .box .buybtn:hover i, .banner .box .buybtn:hover span { -webkit-transform: translate3d(0, 0, 0); @-moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.banner .gift-box { width: 450px; height: 660px; margin-top: 120px; margin-left: 55px; background-color: #ffffff; border: solid #ffd77b 1px; box-shadow: 0 0 40.5px 9.5px rgba(203, 48, 6, 0.15);}
.banner .gift-box .top-message  {height: 340px; background-color: #ffbf44;
  background-image: -moz-linear-gradient( 56deg, #ffbf44 0%, #feffa6 100%);
  background-image: -webkit-linear-gradient( 56deg, #ffbf44 0%, #feffa6 100%);
  background-image: -ms-linear-gradient( 56deg, #ffbf44 0%, #feffa6 100%);
}
.banner .gift-box .top-message .info { position: absolute; display: block; width: 15px; height: 15px; right: 70px; bottom: 55px; cursor: pointer; background: url(../images/icon.png);}
.banner .gift-box .top-message:after { width: 122px; height: 71px; background-position: 0 -69px;}
.banner .gift-box .img-box { position: relative; height: 177px; margin-top: -88px;}
.banner .gift-box .img-box span { position: absolute; width: 295px; left: 0; top: 0; bottom: 0; right: 0; margin: auto; height: 177px; }
.banner .gift-box .img-box .gif-box { background-position: 0 -174px;
  opacity: 1;
  filter: alpha(opacity=100);
  /*transition-delay: .4s;
  -webkit-transition-delay: .4s;*/
  transition: all ease .4s;
}
.banner .gift-box .img-box .three-box {
   height: 174px;
  background-position: center top;
  -webkit-transform: translate(-30px, 0);
  -moz-transform: translate(-30px, 0);
  -ms-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease .4s;
}
.banner .gift-box.active .img-box .gif-box  {
  -webkit-transform: translate(-30px, 0);
  -moz-transform: translate(-30px, 0);
  -ms-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
  opacity: 0;
  filter: alpha(opacity=0);
}
.banner .gift-box.active .img-box .three-box {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.banner .gift-box .top-message h2 { height: 86px; background-position: center -128px;}
.banner .gift-box p.date { margin-top: 3px; font-size: 12px; color: #e11112;}
.banner .gift-box p.date strong { font-size: 20px;font-family: 'Montserrat',sans-serif;
  width: 28px;display: inline-block;}
.banner .gift-box p.date strong:last-child { font-size: 12px;display: inline-block;width: 16px;}

.banner .box:before,
.activate dl:before { position: absolute; content: ""; width: 123px; height: 117px; bottom: 308px; left: 125px; background: url(../images/sold-out-big.png);  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease .4s;
  -ms-transition: all ease .4s;
  -webkit-transform:scale(0,0);
  -ms-transform:scale(0,0);
}
.activate dl:before { width: 56px; height: 53px; bottom: -15px; ;left: 155px; background: url(../images/sold-out-smail.png);}
.banner .box.active:after { position: absolute; content: ""; width: 372px; height: 729px; left: -1px; top: -98px; background: url(../images/sold-out.png);}
.activate.sold-out dl { position: relative;}
.banner .box.active:before,.activate.sold-out dl:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); }
.banner .box.active .img-box { display: none;}
.banner .gift-box.active .top-message:after { width: 137px; height: 79px; background-position: 0 -140px;}
.banner .gift-box.active .top-message h2 { background-position: center -214px;}

.banner .info-message { position: absolute; width: 860px; padding: 10px; top: 715px; left: 0; right: 0; margin: auto; background: #fff; border: solid #eee 1px; display: none; font-size: 12px; color: #aaa8a3;}
.banner .info-message p { margin-bottom: 20px;}
.banner .info-message.active { display: block;}

.million { margin-top: -120px; padding-top: 120px; height: 230px; text-align: center; background: url(../images/million-bg.jpg) no-repeat center;}
.million h2 { position: relative; margin-top: 90px; font-size: 30px; font-weight: 600;}


.asc-message { height: 740px;}

.asc-message h2 { padding-top: 50px; font-size: 30px;}
.asc-message h2:after { bottom: -20px;}
.asc-message .content { position: relative; padding-top: 168px;}
.asc-message .content.paddingtop135 { padding-top: 135px;}
.asc-message .content .asc-box { display: block; margin: 0 0 0 296px;}
.asc-message dl { position: absolute; left: 41px; top: 82px; min-width: 360px;}
.asc-message dl dt { float: left; width: 75px; height: 90px; margin-right: 10px;}
.asc-message dl dd { float: left;}
.asc-message dl dd strong { display: block; font-size: 18px;}
.asc-message dl dd strong img { vertical-align: text-top;}
.asc-message dl dd p { margin-top: 3px; color: #838383; line-height: 22px; font-size: 12px;}
.asc-message dl dd p b { color: #5d5c5c;}
.asc-message dl dd p em {display: inline-block;font-size: 12px;font-style: normal; margin-left: -8%;margin-top: 6px;color:#ae9f8b;
  -webkit-transform: scale(.83);
          transform: scale(.83);
}
.asc-message dl.two { left: 603px; top: 78px;}
.asc-message dl.two.add { left: 610px;top: 45px;width: 500px;}
.asc-message dl.three { left: -5px; top: 299px;}
.asc-message dl.four { left: 784px; top: 279px;}
.asc-message dl.five { left: 0; top: 518px;}
.asc-message dl.six { left: 748px; top: 466px;}
.asc-message .intro { display: block;margin: 60px 0 0 0;text-align: center;text-indent: 60px;text-decoration: underline;font-size: 12px;color: #2a54ce;}

.between-buy { padding-bottom: 130px; overflow: hidden; background: url(../images/between-buy-bg.jpg) no-repeat center top; text-align: center;}
.between-buy .content { display: inline-block; width: 100%; height: 240px; margin-top: 120px; border: solid #ffd77b 1px; border-radius: 5px;
  background: rgb(255,191,68);
  background-image: -moz-linear-gradient( 56deg, rgb(255,191,68) 0%, rgb(254,255,166) 100%);
  background-image: -webkit-linear-gradient( 56deg, rgb(255,191,68) 0%, rgb(254,255,166) 100%);
  background-image: -ms-linear-gradient( 56deg, rgb(255,191,68) 0%, rgb(254,255,166) 100%);

}
.between-buy .content h2 { margin:22px 0; font-size: 26px; font-weight: 500;}
.between-buy .content h2 span {
  font-weight: 600;}
.between-buy .content h2 span b {
  font-size: 36px;
}
.between-buy .content p { font-size: 16px;}
.between-buy .content p strong { font-size: 36px; color: #ea292b;}
.between-buy .content p.last { font-size: 14px; margin-top: 10px;}

.between-buy dl { width: 545px; height: 87px; float: left; padding-top: 15px; margin-top: 34px; text-align: left; color: #a67e7a; border:solid  rgba(250,180,159,.1) 1px; background: rgba(234,41,43,.1);}
.between-buy dl.days dt { float: left; margin-left: 22px; margin-right: 20px;}
.between-buy dl.days dd strong { display: block; margin-bottom: 10px; margin-top: 2px;}
.between-buy dl.days dd p {font-size: 12px; color: #c9b5b4;}
.between-buy dl.visa { float: right; text-indent: 15px;}
.between-buy dl.visa dt { margin-bottom: 15px;}

.award { padding-bottom: 128px; text-align: center;}
.award h2 { margin-bottom: 10px; font-size: 36px;}
.award img {margin-top: 40px;}
.award ul { overflow: hidden; }
.award li { display: inline-block;margin: 0 16px;}
.award li.first { margin-left: 0; }
.award li.last { margin-right: 0; }
.award:after { content: ''; z-index: 9; position: absolute; top: 284px; left: 50%; margin-left: -19px; display: block;width: 38px;height: 38px;background: url("../images/roll.png") center no-repeat;}


/* review */
.review { height: 611px; padding-bottom: 50px; border-top: solid #dee3ed 1px; }
.review:before { background: #f6f6f6 !important;}
.review .content { height: 220px; position: relative; padding-top: 70px;}
.review .content h3 { text-align: center; font-size: 36px;}
.review .content dl { display: none; text-align: center; }
.review .content h4 { margin-top: 35px; font-size: 16px;}
.review .content dd { padding: 0 20px; margin-bottom: 12px; line-height: 24px;}
.review .content .active { display: block; }
.review ul.users li { text-align: center; float: left; width: 20%; height: 210px; margin-top: 40px; box-sizing: border-box;}
.review ul.users li .pic { padding-bottom: 26px; width: 100%; height: 100px; cursor: pointer; border-bottom: 3px solid #e8e9ed;}
.review ul.users li img { display: inline-block; margin-top: 35px; width: 65px; height: 65px; vertical-align: middle;
  -webkit-transition: all ease .2s;
          transition: all ease .2s;
}
.review ul.users li p { position: relative; display: none; margin-top: 26px; font-size: 16px;
  -webkit-transition: all ease-out .3s;
          transition: all ease-out .3s;
}
.review ul.users li.current img { margin-top: 0; width: 100px; height: 100px;}
.review ul.users li.current p { display: block; }
.review ul.users li.current p:after { content: ''; position: absolute; top: -29px; left: 50%; margin-left: -58px; width: 117px; height: 3px; background: #ef0027;}

.activate { height: 435px; background: url(../images/activate-bg.jpg) no-repeat center top; text-align: center;}
.activate .wrapper >p { line-height: 36px;}
.activate h3 { padding-top: 40px; font-size: 30px; color: #ea292b; font-weight: 500;}
.activate dl { float: left; width: 33%; border-right: solid #e6e6e6 1px; text-align: center; margin-top: 50px;}
.activate dl dt { margin-bottom: 5px; font-size: 18px;}
.activate dl dt span { display: block; width: 62px; height: 62px; margin: 5px auto; background: url(../images/gift-icon.png); text-indent: -9999px;}
.activate dl strong { display: block; margin: 0 auto;}
.activate dl del { display: block;  text-decoration: none; background: url(../images/del-bg.png) no-repeat center;}
.activate dl dd { font-weight: 700; }
.activate dl dd span{ color: #ea292b;}
.activate dl.last { border: none;}
.activate dl.iu dt span{ background-position: 0 -124px;}
.activate dl.amc dt span{ background-position: 0 -248px;}
.activate.sold-out dl,.activate.sold-out dl dd span { color: #f0d3ae;}
.activate.sold-out dl dt span { background-position: 0 -62px;}
.activate.sold-out dl.iu dt span { background-position: 0 -186px;}
.activate.sold-out dl.amc dt span { background-position: 0 -310px;}

.comparison { }
.comparison h2 { font-size: 26px; text-align: center;}
.comparison table { width: 100%; margin-top: 25px;}
.comparison .itema,.comparison .itemb { width: 250px; text-align: center;}
.comparison tr td.itema,.comparison tfoot th.itema { background: #eaeaea}
.comparison tr td.itemb,.comparison tfoot th.itemb { background: #faf1f2}
.comparison tfoot th.itemb { font-weight: 700; }
.comparison tr td { padding: 10px 0; border-bottom: solid #d7d7d7 1px;}
.comparison tr th { font-weight: 400}
.comparison thead tr th { border-bottom: solid #ea292b 3px !important;vertical-align: bottom; color: #fff;}
.comparison tr th .free { width: 250px; height: 40px; line-height: 40px; font-size: 14px; background: #232323; border-top-left-radius: 5px;border-top-right-radius: 5px;}
.comparison tr th .pro { width: 250px; height: 50px; line-height: 50px; font-size: 16px; background: #ea292b;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.comparison tr td.icons { text-align: center; width: 40px;}
.comparison tr td.virtue { width: 540px; font-size: 13px;}
.comparison tfoot th{ padding:5px 0; border-bottom: solid #d7d7d7 3px !important; font-size: 12px;}
.comparison tfoot th strong { font-size: 20px; font-weight: 400;}
.comparison tfoot .buybtn { width: 181px; height: 34px; margin-bottom: 5px; line-height: 34px; font-size: 14px;}
.comparison tfoot .buybtn i { width: 19px; height: 12px; background: url(../images/smail-shop.png) no-repeat;}

.annotation { margin-top: 70px; padding-bottom: 20px; font-size: 12px; font-weight: 700; border-bottom: solid #ddd 1px; color: #8f8f8f;}

.footer {  text-align: center; padding: 15px 0; padding-bottom: 120px; font-weight: 700; color: #8f8f8f; font-size: 12px;}

/* floatlayer */
.floatlayer { 
  position: fixed; 
  z-index: 10; 
  bottom: -151px;
  height: 151px;
  width: 100%;
  min-width: 1100px;
  background: url(../images/fl-bg.png) top center no-repeat;
  visibility: hidden; 
  -webkit-transition: all 0.4s; 
     -moz-transition: all 0.4s; 
       -o-transition: all 0.4s;
          transition: all 0.4s;  
}
.floatlayer.on { 
  bottom: 0; 
  visibility: visible; 
}
.floatlayer .img-box { float: left; width: 525px; height: 142px; margin-top: 7px; margin-left: 10px; background: url(../images/fl-box.png);}
.floatlayer .img-box.sold-out { background-position: 0 -142px;}

.floatlayer .right { width: 390px; float: right; margin-top: 66px; margin-right: 33px; text-align: center;}
.floatlayer .right p { height: 34px; background: url(../images/fl-title.png) no-repeat center; text-indent: -9999px;}
.floatlayer .right .buybtn {  width: 165px; height: 34px; border: none; line-height: 34px; font-size: 14px; font-weight: 600; color: #9a0a0a; text-shadow: 0.5px 0.866px 0 rgba(249, 246, 6, 0.72);
  background: #ffc700;
  background-image: -moz-linear-gradient( 90deg, rgb(254,137,0) 0%, rgb(255,222,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(254,137,0) 0%, rgb(255,222,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(254,137,0) 0%, rgb(255,222,0) 100%);
  box-shadow: 0 10px 9.5px 0.5px rgba(160, 34, 35, 0.48),inset 0 3px 8px 0 rgba(255, 92, 0, 0.35);
}
.floatlayer .right .buybtn:hover {
  background: #fe9c00;
  background-image: -moz-linear-gradient( 90deg, rgb(255,222,0) 0%, rgb(254,137,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,222,0) 0%, rgb(254,137,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,222,0) 0%, rgb(254,137,0) 100%);
}
.float {
  position: fixed;
  z-index: 10;
  width: 250px;
  height: 60px;
  right: 0;
  top: -60px;
  color: #c6c6c6;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background: #000\0;
  background-color:rgba(0,0,0,.75);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.float img { float: left; margin:11px 21px 0 21px;}
.float p { float: left; margin-top: 10px;}
.float p strong { font-size: 16px; color: #fff;}

.float.on { top: 200px;}
.count-time span{width: 20px;
  display: inline-block;}
.count-time span:last-child { width: 16px;}


/*
 * pop
 */
.pop {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/pop-bg.png") repeat;
  display: none;
}
.pop-container {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 995px;
  height: 672px;
  margin-left: -497.5px;
  padding-top: 182px;
  text-align: center;
  background: url("../images/pop-container-bg.png") top center no-repeat;
}
.pop-container h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 37px;
  text-shadow: 0 2px 4px rgba(124, 3, 5, .53);
  color: #fff0db;
}
.pop-container h3 span {
  font-size: 18px;
  font-weight: 700;
  color: #ffd200;
}
.pop-container .message-soldout {
  display: none;
}
.pop-container .countdown {
  font-size: 16px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  color: #ffc2c3;
}
.pop-container .countdown p {
  display: inline-block;
  width: 17px;
  height: 20px;
  margin: 0 2px;
  color: #ffd200;
  background: #9b0507;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  vertical-align: middle;
  overflow: hidden;
}
.pop-container .countdown p span {
  display: inline-block;
  width: 17px;
  height: 200px;
  line-height: 20px;
  overflow-wrap: break-word;
}
.pop-container .countdown span {
  color: #ffd200;
}
.pop-container .message {
  width: 690px;
  margin: 0 0 0 154px;
}
.pop-container dl {
  float: left;
  width: 50%
}
.pop-container dl dt img {
  display: block;
  margin: 0 auto;
}
.pop-container dl dd {
  margin: 12px auto 0;
}
.pop-container .price {
  font-weight: 600;
  line-height: 20px;
  color: #921416;
}
.pop-container .price span {
  color: #ffd200;
}
.pop-container .price strong {
  font-size: 24px;
  font-weight: 700;
}
.pop-container .buybtn {
  width: 211px;
  height: 50px;
  margin: 5px auto 10px;
  font-size: 17px;
  font-weight: 900;
  line-height: 50px;
  color: #7f221b;
  border: 0;
  text-shadow: 0 1px 0 rgba(255, 223, 98, 1);
  -webkit-border-radius: 25px;
          border-radius: 25px;
  -webkit-box-shadow: 0 12px 16px rgba(172, 12, 5, .8);
          box-shadow: 0 12px 16px rgba(172, 12, 5, .8);
  background-image: url("../images/pop-buybtn.png");
  background-position: -211px -52px;
  background-repeat: no-repeat;
}
.pop-container .buybtn:hover {
  background-position: 0 -52px;
}
.pop-container .buybtn.another {
  background-position: 0 0;
}
.pop-container .buybtn.another:hover {
  background-position: -211px 0;
}
.pop-container ul {
  width: 135px;
  margin: auto;
}
.pop-container ul li {
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  text-shadow: 0 1px 0 rgba(250, 80, 83, 1);
  color: #ac1f22;
}
.pop-container ul li del {
  float: right;
  text-decoration: none;
}
.pop-container ul li del:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ac1f22;
}
.pop-container ul li:first-child {
  color: #931417;
  text-shadow: 0 1px 0 rgba(255, 89, 92, 1);
  background: url("../images/pop-line.png") bottom center no-repeat;
}
.pop-container .pop-close {
  position: absolute;
  top: 157px;
  right: 164px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  background-image: url("../images/pop-close.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.pop-container .pop-close:hover {
  background-position: -26px 0;
}
.pop-container.soldout {
  width: 893px;
  height: 621px;
  margin-left: -446.5px;
  padding-top: 170px;
  background: url("../images/pop-container-soldout-bg.png") top center no-repeat;
}
.pop-container.soldout .message-sold {
  display: none;
}
.pop-container.soldout .message-soldout {
  display: block;
  width: 610px;
  margin: 28px 0 0 137px;
}
.pop-container.soldout dl dd {
  width: 357px;
  margin-top: 21px;
  margin-left: 55px;
}
.pop-container.soldout table {
  width: 100%;
  height: 60px;
  margin-top: 7px;
  margin-bottom: 22px;
  background: url("../images/pop-table-bg.png") center no-repeat;
}
.pop-container.soldout table tr td {
  width: 83px;
  padding-left: 7px;
  font-weight: 600;
  line-height: 30px;
  color: #f68a8c;
  text-align: left;
}
.pop-container.soldout table tr td.last {
  width: 164px;
  padding-left: 14px;
  color: #fff;
}
.pop-container.soldout table tr td.last.yellow {
  font-size: 16px;
  font-weight: 700;
  color: #ffd200;
}
.pop-container.soldout .pop-close {
  top: 145px;
  right: 109px;
}
.pop-container.soldout .buybtn {
  width: 247px;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
  background-position: 0 -104px;
}
.pop-container.soldout .buybtn:hover {
  background-position: -247px -104px;
}