@charset "UTF-8";
/* 此文件已在在vue.config中配置做预插入，无需单独引入 */
html[data-v-04dc9940] {
  background-color: #fff;
  color: #222;
  font-size: 12px;
}
body[data-v-04dc9940], ul[data-v-04dc9940], ol[data-v-04dc9940], dl[data-v-04dc9940], dd[data-v-04dc9940], h1[data-v-04dc9940], h2[data-v-04dc9940], h3[data-v-04dc9940], h4[data-v-04dc9940], h5[data-v-04dc9940], h6[data-v-04dc9940], figure[data-v-04dc9940], form[data-v-04dc9940], fieldset[data-v-04dc9940], legend[data-v-04dc9940], input[data-v-04dc9940], textarea[data-v-04dc9940], button[data-v-04dc9940], p[data-v-04dc9940], blockquote[data-v-04dc9940], th[data-v-04dc9940], td[data-v-04dc9940], pre[data-v-04dc9940], xmp[data-v-04dc9940] {
  margin: 0;
  padding: 0;
}
body[data-v-04dc9940], input[data-v-04dc9940], textarea[data-v-04dc9940], button[data-v-04dc9940], select[data-v-04dc9940], pre[data-v-04dc9940], xmp[data-v-04dc9940], tt[data-v-04dc9940], code[data-v-04dc9940], kbd[data-v-04dc9940], samp[data-v-04dc9940] {
  line-height: 1.5;
  font-family: "Microsoft Yahei", "微软雅黑", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1[data-v-04dc9940], h2[data-v-04dc9940], h3[data-v-04dc9940], h4[data-v-04dc9940], h5[data-v-04dc9940], h6[data-v-04dc9940], small[data-v-04dc9940], big[data-v-04dc9940], input[data-v-04dc9940], textarea[data-v-04dc9940], button[data-v-04dc9940], select[data-v-04dc9940] {
  font-size: 100%;
}
h1[data-v-04dc9940], h2[data-v-04dc9940], h3[data-v-04dc9940], h4[data-v-04dc9940], h5[data-v-04dc9940], h6[data-v-04dc9940] {
  font-family: "Microsoft Yahei", "微软雅黑", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1[data-v-04dc9940], h2[data-v-04dc9940], h3[data-v-04dc9940], h4[data-v-04dc9940], h5[data-v-04dc9940], h6[data-v-04dc9940], b[data-v-04dc9940], strong[data-v-04dc9940] {
  font-weight: normal;
}
address[data-v-04dc9940], cite[data-v-04dc9940], dfn[data-v-04dc9940], em[data-v-04dc9940], i[data-v-04dc9940], optgroup[data-v-04dc9940], var[data-v-04dc9940] {
  font-style: normal;
}
table[data-v-04dc9940] {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
caption[data-v-04dc9940], th[data-v-04dc9940] {
  text-align: inherit;
}
ul[data-v-04dc9940], ol[data-v-04dc9940], menu[data-v-04dc9940] {
  list-style: none;
}
fieldset[data-v-04dc9940], img[data-v-04dc9940] {
  border: 0;
}
img[data-v-04dc9940], object[data-v-04dc9940], input[data-v-04dc9940], textarea[data-v-04dc9940], button[data-v-04dc9940], select[data-v-04dc9940] {
  vertical-align: middle;
}
article[data-v-04dc9940], aside[data-v-04dc9940], footer[data-v-04dc9940], header[data-v-04dc9940], section[data-v-04dc9940], nav[data-v-04dc9940], figure[data-v-04dc9940], figcaption[data-v-04dc9940], hgroup[data-v-04dc9940], details[data-v-04dc9940], menu[data-v-04dc9940] {
  display: block;
}
audio[data-v-04dc9940], canvas[data-v-04dc9940], video[data-v-04dc9940] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
blockquote[data-v-04dc9940]:before, blockquote[data-v-04dc9940]:after, q[data-v-04dc9940]:before, q[data-v-04dc9940]:after {
  content: " ";
}
textarea[data-v-04dc9940] {
  overflow: auto;
  resize: vertical;
}
input[data-v-04dc9940], textarea[data-v-04dc9940], button[data-v-04dc9940], select[data-v-04dc9940], a[data-v-04dc9940] {
  outline: 0 none;
  border: none;
}
button[data-v-04dc9940]::-moz-focus-inner, input[data-v-04dc9940]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
mark[data-v-04dc9940] {
  background-color: transparent;
}
a[data-v-04dc9940], ins[data-v-04dc9940], s[data-v-04dc9940], u[data-v-04dc9940], del[data-v-04dc9940] {
  text-decoration: none;
}
sup[data-v-04dc9940], sub[data-v-04dc9940] {
  vertical-align: baseline;
}
html[data-v-04dc9940] {
  overflow-x: hidden;
  height: 100%;
  font-size: 50px;
  -webkit-tap-highlight-color: transparent;
}
body[data-v-04dc9940] {
  font-family: "Microsoft Yahei", "微软雅黑", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  color: #222;
  font-size: 0.28em;
  line-height: 1;
  -webkit-text-size-adjust: none;
}
hr[data-v-04dc9940] {
  height: 0.02rem;
  margin: 0.1rem 0;
  border: medium none;
  border-top: 0.02rem solid #cacaca;
}
a[data-v-04dc9940] {
  color: #222;
  text-decoration: none;
  box-sizing: content-box;
}
.fl[data-v-04dc9940] {
  float: left;
}
.fr[data-v-04dc9940] {
  float: right;
}
.clearfix[data-v-04dc9940]:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix[data-v-04dc9940] {
  *zoom: 1;
}
.clear[data-v-04dc9940] {
  clear: both;
  overflow: hidden;
  font-size: 0;
  height: 0;
  line-height: 0;
}
.ellipsis[data-v-04dc9940] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.mb20[data-v-04dc9940] {
  margin-bottom: 20px;
}
.pd20[data-v-04dc9940] {
  padding: 20px;
}
.fwb[data-v-04dc9940] {
  font-weight: bold;
}

/* 此文件已在在vue.config中配置做预插入，无需单独引入 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* Border Radius */
/* 透明度 */
/* 此文件已在在vue.config中配置做预插入，无需单独引入 */
/* 超出省略号,参数 $lines = 行数 */
.gift .gift-img span[data-v-04dc9940] {
  background-image: url(../img/ranking3.17158bfc.png);
  background-repeat: no-repeat;
}
.gift .gift-btn[data-v-04dc9940] {
  background-image: url(../img/btns.78a7b174.png);
  background-repeat: no-repeat;
}
.inner[data-v-04dc9940] {
  width: 1248px;
  margin: 0 auto;
}
@-webkit-keyframes rotate-data-v-04dc9940 {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
}
}
@keyframes rotate-data-v-04dc9940 {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
}
}
@media screen and (max-width: 1700px) {
.tab-wrap .tab-ul[data-v-04dc9940] {
    left: 50%;
    margin-left: -385px;
}
}
@media screen and (max-width: 1290px) {
.honor .tab-wrap[data-v-04dc9940] {
    padding: 0 !important;
}
}
.gift[data-v-04dc9940] {
  display: inline-block;
  width: 228px;
  height: 268px;
  background-color: #f7f7ff;
  margin-right: 16px;
  margin-bottom: 20px;
  border-radius: 16px;
  overflow: hidden;
}
.gift[data-v-04dc9940]:last-child {
  margin-right: 0;
}
.gift .gift-img[data-v-04dc9940] {
  position: relative;
  display: inline-block;
  width: 228px;
  height: 150px;
  overflow: hidden;
}
.gift .gift-img img[data-v-04dc9940] {
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.gift .gift-img img[data-v-04dc9940]:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.gift .gift-img span[data-v-04dc9940] {
  position: absolute;
  top: 0;
  right: 0;
  width: 96px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background-position: -10px -10px;
}
.gift .gift-des[data-v-04dc9940] {
  padding: 10px 20px 14px;
  border: 1px solid #EDEDED;
  border-radius: 0px 0px 16px 16px;
  box-sizing: border-box;
}
.gift .gift-des .title-person[data-v-04dc9940] {
  font-size: 14px;
}
.gift .gift-des .title[data-v-04dc9940] {
  width: 120px;
  line-height: 19px;
  margin-bottom: 10px;
}
.gift .gift-des .title[data-v-04dc9940]:hover {
  color: #222;
}
.gift .gift-des .price[data-v-04dc9940] {
  color: #666;
  font-size: 14px;
  height: 19px;
  max-width: 87px;
  white-space: nowrap;
}
.gift .gift-des .price span[data-v-04dc9940] {
  color: #ff4543;
}
.gift .gift-des .person[data-v-04dc9940] {
  line-height: 19px;
  color: #666;
  font-size: 12px;
}
.gift .gift-des .person span[data-v-04dc9940] {
  color: #ff4543;
}
.gift .gift-des .coupon[data-v-04dc9940] {
  color: #999;
  text-decoration: line-through;
}
.gift .gift-btn[data-v-04dc9940] {
  display: block;
  width: 188px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  margin: 10px auto 0;
}
.gift .gift-btn.finish[data-v-04dc9940] {
  background: #bdbbbb;
}
.gift .gift-btn.pending[data-v-04dc9940] {
  background-color: rgba(255, 40, 40, 0.7);
  background: linear-gradient(90deg, #FF2828 0%, #FF7A20 100%);
}
.gift .gift-btn.pending[data-v-04dc9940]:hover {
  background-color: rgba(217, 24, 24, 0.7);
  background: linear-gradient(90deg, #D91818 0%, #FF6600 100%);
}
@charset "UTF-8";
/* 此文件已在在vue.config中配置做预插入，无需单独引入 */
html {
  background-color: #fff;
  color: #222;
  font-size: 12px;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp {
  margin: 0;
  padding: 0;
}
body, input, textarea, button, select, pre, xmp, tt, code, kbd, samp {
  line-height: 1.5;
  font-family: "Microsoft Yahei", "微软雅黑", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select {
  font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Microsoft Yahei", "微软雅黑", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, b, strong {
  font-weight: normal;
}
address, cite, dfn, em, i, optgroup, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
caption, th {
  text-align: inherit;
}
ul, ol, menu {
  list-style: none;
}
fieldset, img {
  border: 0;
}
img, object, input, textarea, button, select {
  vertical-align: middle;
}
article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: " ";
}
textarea {
  overflow: auto;
  resize: vertical;
}
input, textarea, button, select, a {
  outline: 0 none;
  border: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
mark {
  background-color: transparent;
}
a, ins, s, u, del {
  text-decoration: none;
}
sup, sub {
  vertical-align: baseline;
}
html {
  overflow-x: hidden;
  height: 100%;
  font-size: 50px;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family: "Microsoft Yahei", "微软雅黑", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  color: #222;
  font-size: 0.28em;
  line-height: 1;
  -webkit-text-size-adjust: none;
}
hr {
  height: 0.02rem;
  margin: 0.1rem 0;
  border: medium none;
  border-top: 0.02rem solid #cacaca;
}
a {
  color: #222;
  text-decoration: none;
  box-sizing: content-box;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
  overflow: hidden;
  font-size: 0;
  height: 0;
  line-height: 0;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.mb20 {
  margin-bottom: 20px;
}
.pd20 {
  padding: 20px;
}
.fwb {
  font-weight: bold;
}

/* 此文件已在在vue.config中配置做预插入，无需单独引入 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* Border Radius */
/* 透明度 */
/* 此文件已在在vue.config中配置做预插入，无需单独引入 */
/* 超出省略号,参数 $lines = 行数 */
.inner {
  width: 1248px;
  margin: 0 auto;
}
@-webkit-keyframes rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
}
}
@keyframes rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
}
}
@media screen and (max-width: 1700px) {
.tab-wrap .tab-ul {
    left: 50%;
    margin-left: -385px;
}
}
@media screen and (max-width: 1290px) {
.honor .tab-wrap {
    padding: 0 !important;
}
}
.tip-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.scroll::-webkit-scrollbar  
{  
    width: 8px;  
    height: 100%;  
    background-color:#f2f3fc;
}  
/*定义滚动条轨道 内阴影+圆角*/
.scroll::-webkit-scrollbar-track  
{  
    /*-webkit-box-shadow: inset 0 0 6px #cdcde8;*/
    border-radius: 0;  
    background-color: #f2f3fc;
}    
/*定义滑块 内阴影+圆角*/
.scroll::-webkit-scrollbar-thumb  
{  
    border-radius: 0;  
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  */
    background-color: #cdcde8;
}  
/*滑块效果*/
.scroll::-webkit-scrollbar-thumb:hover
{
border-radius: 0;
/*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
background: #cdcde8;
}

/*IE浏览器*/
.scroll{   
    scrollbar-face-color: #cdcde8; /**//*立体滚动条的颜色*/   
    scrollbar-3dlight-color: #cdcde8; /**//*立体滚动条亮边的颜色*/   
    scrollbar-highlight-color: #cdcde8; /**//*滚动条空白部分的颜色*/   
    scrollbar-shadow-color: #f2f3fc; /**//*立体滚动条阴影的颜色*/   
    scrollbar-darkshadow-color: #f2f3fc; /**//*立体滚动条强阴影的颜色*/   
    scrollbar-track-color: #f2f3fc; /**//*立体滚动条背景颜色*/   
    scrollbar-base-color:#f2f3fc; /**//*滚动条的基本颜色*/
}  
.popMask {
  background: rgba(0, 0, 0, 0.55);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#8C000000", EndColorStr="#8C000000");
  min-width: 1000px;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1005;
  top: 0;
  left: 0;
}
.popWin {
  width: 440px;
  margin-left: -220px;
  margin-top: -100px;
  background-color: #fff;
  box-shadow: 0 0 0 7px rgb(0 0 0 / 33%);
  position: absolute;
  left: 50%;
  top: 50%;
  display: none;
}
.popWin.signWin {
  width: 652px;
  height: 390px;
  margin: -195px 0 0 -326px;
  box-shadow: none;
}
.signWin .sign-calendar-close {
  position: absolute;
  right: 10px;
  top: 6px;
  font: 20px "Comic Sans MS", Arial, Helvetica, sans-serif;
  transition: .3s;
  color: #2f9fe7;
  text-align: center;
  z-index: 2;
  text-decoration: none;
}
.sign-calendar-close {
  position: absolute;
  right: 10px;
  top: 6px;
  font: 20px "Comic Sans MS",Arial,Helvetica,sans-serif;
  transition: .3s;
  color: #2f9fe7;
  text-align: center;
  z-index: 2;
}
.signWin .sign-calendar-btn {
  background-color: #2f9fe7;
  width: 90px;
  height: 30px;
  position: absolute;
  right: 198px;
  bottom: 20px;
  font: 14px/30px "Microsoft Yahei";
  transition: .3s;
  color: #fff;
  text-align: center;
  z-index: 2;
  border-radius: 2px;
  text-decoration: none;
}
.sign-calendar-btn {
  background-color: #2f9fe7;
  width: 90px;
  height: 30px;
  position: absolute;
  right: 198px;
  bottom: 20px;
  font: 14px/30px "Microsoft Yahei";
  transition: .3s;
  color: #fff;
  text-align: center;
  z-index: 2;
  border-radius: 2px;
}
// 游戏提示弹窗
.popWin .phd {
  height: 41px;
  background-color: #f7f7f7;
  position: relative;
}
.popWin .phd .pBtnClose {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
  display: inline-block;
  width: 23px;
  height: 23px;
  overflow: hidden;
  background: url('http://daohang-test.2345cdn.net/mallimg/images/v2/mall_global.png') no-repeat;
  background-position: 0 -123px;
}
.popWin .pbd {
  padding-bottom: 40px;
  position: relative;
}
.popWin .pbd .pconWithIcon p.p-summary {
  line-height: 18px;
  padding-bottom: 8px;
  font-size: 12px;
}
.popWin .pbd .pconWithIcon.pcon  {
  padding-left: 125px;
  font-size: 0;
  position: relative;
}
.popWin .pbd .pconWithIcon .icon_error{
  width: 51px;
  height: 51px;
  background: url('http://daohang-test.2345cdn.net/mallimg/images/v2/mall_global.png') no-repeat;
  background-position: -349px -175px;
  position: absolute;
  left: 57px;
  top: 34px;
}
.popWin .pbd .pconWithIcon p {
  font-size: 14px;
  overflow: hidden;
}
.popWin .pbd .pcon {
  padding: 30px 30px 0 78px;
  line-height: 28px;
  font-size: 14px;
}
.submitBtnGrp {
  font-size: 0;
  text-align: center;
  margin-top: 25px;
}
.submitBtn_blue {
  display: inline-block;
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
  margin: 0 12px;
  background-color: #2f9fe8;
  border: 1px solid #0c8de1;
  color: #fff;
  cursor: pointer;
}