/*-------------------------------------------------------------------------公共css开始*/
[v-cloak] {
  display: none;
}
button:focus {
  outline: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes pulse1 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse1 {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
  }
}
#app {
  position: relative;
}
.banner {
  position: absolute;
  top: 0;
}
.banner .hmdLayout {
  background-size: 1920px 100% !important;
}
.body-content {
  position: relative;
  z-index: 1;
  padding-top: 600px;
}
.body-content > .hmdLayout {
  justify-content: center;
}
.body-content .cd.img {
  height: 80px;
  margin-bottom: 20px;
}
.body-content .HMDCard.default .hmd_comtainer.HMDCard-title {
  color: #c16e00;
}
.hmdLayout-container .hmdLayout {
  background-repeat: no-repeat;
  background-size: 100%;
}
.hmd_comtainer {
  background-repeat: no-repeat;
}
.istop-definition img {
  display: block;
  margin: 0 10px;
}
.nav-top-container {
  width: 110px;
}
.nav-top-container .nav-top {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav-top-container .nav-top .nav-top-item {
  display: block;
  position: relative;
}
.nav-top-container .nav-top .nav-top-item .play {
  position: absolute;
  top: 24px;
  left: 47px;
  -webkit-animation: pulse1 1s 0.2s ease both 9999;
  -moz-animation: pulse1 1s 0.2s ease both 9999;
}
@font-face {
  font-family: 'iconfont';
  /* Project id 2862726 */
  src: url('//at.alicdn.com/t/font_2862726_7e1jka70x1m.eot?t=1634192101485');
  /* IE9 */
  src: url('//at.alicdn.com/t/font_2862726_7e1jka70x1m.eot?t=1634192101485#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALUAAsAAAAABqQAAAKHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCcAqBHIEwATYCJAMICwYABCAFhGcHMRvtBcgekiQl6mBQ2AaVBABEETztx5q3u4hIUs3QaGaJjIcuDRK0aomSoerly39yTdOyGpGK2risBswP+f8CpRkwakIhgSyC3IzarSyZfZ7L8S2ga4F8AG9PGmtTmw4swPSyaIxBWYS9mBqmV37hQXhHoNGSeOL19NxS4HZNERsIIiUGg7Q2ro08BZQ8rCgwVy/U9j1YxBOoIT2IAx799+MfXShJajLRsHuaxoLTnyyX5Nv/XvKHvvna4HMJNciYAxTisD29TSLqWIlGt9QIbC6CL0lVWZfYtV2wv05UN4NhqLgnpVbdanUCJQ4vAjZGTSAN9HZMlD09KUlv6eOjZLz8+VnSV/HyMqXKho/P4ppvWam9eHfbv8J/Zd2vHEp6hfqQmuCpqeCakPpbKHWjT03VBNeH3NZcppdvz60Z2sNGz6/e3wwdEUUnq18v+QmBa5/fEgGVyN4U+e5Xvua+veawwX31f31TAZ9THchr+nmpP5c7+HFjnhRVReHlpIKW6kCyOCqZ0ChjVIS/0/dYS9cN5kO9rtv01hlKkdUbIQozgxpNVlCr3hoazUo73qSLg0SUBkwYAAjtdpG0ekbW7oYozAtq9PpFrXZ/aHQcLZc1mQgmBSOKIBbSbdDI2G2cMhPPtxjxTRYKVyXKEXYZYQxqVZpiLgPZEJ5ii6uZ1xHCQQ7brTCdPocsFjt0YLsJMUQlEOKIVqu5uo+oGLsVpMAQCoGwIFobyIhhZ8NZbpL/vWIIr4kFBfckytOYixHyh7RUND2IDIOtV9edXOPSjKdDEByIg0HWCkrn8xALCzvIUT/PBGEQKsKIpEM0teTi+hpU65usX0/O+hDWFHJmVndppGzE3gQAAA==') format('woff2'), url('//at.alicdn.com/t/font_2862726_7e1jka70x1m.woff?t=1634192101485') format('woff'), url('//at.alicdn.com/t/font_2862726_7e1jka70x1m.ttf?t=1634192101485') format('truetype');
}
.iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-jiantou:before {
  content: '\e603';
}
.prize {
  width: 99%;
}
.prize th {
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  padding: 20px 0;
  background: #fff5e4;
}
.prize td {
  font-size: 12px;
  color: #222222;
  line-height: 16px;
  padding: 10px;
}
.prize td,
.prize th {
  border: 1px solid #eaeaea;
}
#app {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#app .topBox {
  width: 1070px;
  height: 298px;
  background-image: url('//image01.homedo.com/Files/Images/cms/www/20211027/4928371413963686155_pic1.png');
}
#app .topBox .nologin {
  font-size: 20px;
  font-weight: 500;
  color: #B14200;
  line-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#app .topBox .isFullLevel {
  font-size: 20px;
  font-weight: 500;
  color: #B14200;
  line-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#app .topBox .isFullLevel img {
  width: 170px;
  height: 34px;
  margin-bottom: 10px;
}
#app .topBox > div.left {
  margin-left: 14px;
  width: 430px;
  height: 275px;
  background-image: url('//image01.homedo.com/Files/Images/cms/www/20211027/5094000463562987084_pic1.png');
  float: left;
  margin-top: 15px;
}
#app .topBox > div.left h3 {
  text-align: center;
  height: 38px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #fffcf3;
  line-height: 38px;
}
#app .topBox > div.left > div.left {
  margin-top: 43px;
  width: 186.66px;
  height: 158px;
  float: left;
  margin-left: 36px;
}
#app .topBox > div.left > div.left p {
  height: 30px;
  line-height: 30px;
  color: #b14200;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  white-space: nowrap;
}
#app .topBox > div.left > div.left p span {
  font-weight: bold;
  color: #ff2c0d;
  font-size: 24px;
  padding: 0 6px;
}
#app .topBox > div.left > div.left button {
  width: 146px;
  height: 40px;
  background: linear-gradient(180deg, #fb4228 0%, #ff3400 100%);
  box-shadow: 0px 2px 3px 0px rgba(216, 30, 6, 0.28);
  border-radius: 20px;
  border: 0;
  line-height: 40px;
  margin-top: 15px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
#app .topBox > div.left > div.left button .go-icon {
  font-size: 20px;
  margin-left: 3px;
  line-height: 40px;
}
#app .topBox > div.left > div.left button em {
  background-image: url('//image01.homedo.com/Files/Images/cms/www/20211022/5446619068703381579_pic1.png');
  vertical-align: text-top;
  margin-left: 3px;
  width: 20.8px;
  height: 20.8px;
  display: inline-block;
}
#app .topBox > div.left > div.right {
  margin-top: 43px;
  width: 186.66px;
  height: 158px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}
#app .topBox > div.right {
  float: left;
  width: 610px;
  height: 268px;
  margin-top: 15px;
}
#app .topBox > div.right > div.top {
  width: 608px;
  height: 141px;
  background-image: url('//image01.homedo.com/Files/Images/cms/www/20211022/5285709185857733754_pic1.png');
}
#app .topBox > div.right > div.top h2 {
  width: 100%;
  text-align: center;
  height: 38px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #fffcf3;
  line-height: 36px;
}
#app .topBox > div.right > div.top p {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #a2490f;
  padding-left: 36px;
  margin-top: 33px;
  height: 31px;
  line-height: 31px;
}
#app .topBox > div.right > div.top p span {
  font-size: 24px;
  color: #ff2c0d;
  padding-right: 10px;
}
#app .topBox > div.right > div.top p em {
  background-color: #ff3926;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  text-align: center;
  line-height: 18px;
}
#app .topBox > div.right > div.bottom {
  width: 610px;
  height: 127px;
}
#app .topBox > div.right > div.bottom > div.left {
  width: 304px;
  height: 135px;
  float: left;
  background-image: url('//image01.homedo.com/Files/Images/cms/www/20211022/5535790300464622201_pic1.png');
}
#app .topBox > div.right > div.bottom > div.left p {
  width: 98px;
}
#app .topBox > div.right > div.bottom > div.right {
  width: 304px;
  height: 135px;
  float: left;
  background-image: url('//image01.homedo.com/Files/Images/cms/www/20211022/4930705404206219951_pic1.png');
}
#app .topBox > div.right > div.bottom h2 {
  width: 100%;
  text-align: center;
  height: 36px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #fffcf3;
  line-height: 36px;
}
#app .topBox > div.right > div.bottom p {
  width: 114px;
  height: 48px;
  margin-left: 39px;
  margin-top: 20px;
  color: #a2490f;
  font-size: 18px;
  position: relative;
}
#app .topBox > div.right > div.bottom p i {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 18px;
  right: -30px;
  top: 20px;
  font-size: 18px;
}
#app .headtab-container {
  display: flex;
  justify-content: center;
  position: relative;
}
#app .headtab-container.isheadTop .head-bg {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  top: 0;
  height: 55px;
}
#app .headtab-container.isheadTop .headtab .HMDTab-item {
  font-size: 26px;
  height: 60px;
  list-style: 68px;
}
#app .headtab-container.isheadTop .headtab .HMDTab-item.tabselect {
  height: 69px;
  list-style: 69px;
  font-size: 28px;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  background-repeat: no-repeat !important;
  background: url(//image01.homedo.com/Files/Images/cms/www/20211027/4947321243447966251_pic1.png) !important;
}
#app .headtab-container .head-bg {
  width: 100%;
  position: absolute;
  height: 70px;
  bottom: 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background: #FEFBEB;
}
#app .headtab-container .HMDTab-items.tab2 {
  margin-bottom: 0;
  background: none;
}
#app .headtab-container .headtab {
  width: 1070px;
  flex: 0 0 1070px;
  background-image: linear-gradient(#fefbeb);
}
#app .headtab-container .headtab .HMDTab-item {
  font-size: 28px;
  color: #676669;
  line-height: 70px;
  font-weight: bold;
  height: 86px;
}
#app .headtab-container .headtab .HMDTab-item.tabselect {
  align-items: center;
  color: #cb271f;
}
#app .headtab-container .headtab .HMDTab-item.tabselect:first-child {
  background-size: contain !important;
  background: url(//image01.homedo.com/Files/Images/cms/www/20211025/4804690989831001245_pic1.png);
}
#app .headtab-container .headtab .HMDTab-item.tabselect:last-child {
  background-size: contain !important;
  background: url(//image01.homedo.com/Files/Images/cms/www/20211025/5631789985816096918_pic1.png);
}
#app .live {
  height: 378px !important;
}
#app .live .livebroadcast-box {
  width: 790px;
  height: 338px;
  background-color: #FFF;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 13px;
}
#app .live .livebroadcast-box .layey {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  top: 0;
  background: #000;
}
#app .live .livebroadcast-box .box {
  width: 100%;
  height: 100%;
}
#app .live .livebroadcast-box .box .left {
  width: 464px;
  height: 313px;
  float: left;
  position: relative;
  cursor: pointer;
}
#app .live .livebroadcast-box .box .left .zhibo {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
}
#app .live .livebroadcast-box .box .left .zhibo img {
  width: 72px;
  height: 32px;
}
#app .live .livebroadcast-box .box .left .dianzan {
  width: 80px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 60px;
}
#app .live .livebroadcast-box .box .left img.play {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -60px;
  margin-left: -35px;
}
#app .live .livebroadcast-box .box .left img {
  width: 464px;
  height: 260px;
}
#app .live .livebroadcast-box .box .left h2 {
  width: 100%;
  height: 53px;
  background: #000000;
  color: #FFF;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 53px;
  padding-left: 23px;
  padding-right: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  position: relative;
}
#app .live .livebroadcast-box .box .left h2 em {
  background-image: url('//image01.homedo.com/Files/Images/cms/www/20211024/5197687560052010483_pic1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: right;
  right: 15px;
  top: 10px;
  width: 35px;
  height: 35px;
  position: absolute;
}
#app .live .livebroadcast-box .box .right {
  width: 277px;
  height: 313px;
  float: left;
  margin-left: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
#app .live .livebroadcast-box .box .right .zhibo-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 50px;
}
#app .live .livebroadcast-box .box .right div:nth-child(1) {
  margin-top: 0;
}
#app .live .livebroadcast-box .box .right > div {
  width: 260px;
  height: 149px;
  background-color: darkmagenta;
  margin-top: 5px;
  cursor: pointer;
}
#app .live .livebroadcast-box .box .right > div img {
  width: 100%;
  height: 100%;
}
#app .live .livebroadcast-box .box .right::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
#app .live .livebroadcast-box .box .right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: #eeeeee;
}
#app .live .livebroadcast-box .box .right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: #FFF;
}
#app .tabgoods {
  width: 1100px;
  position: relative;
  left: -30px;
  padding: 0 0 6px 63px;
  background-position: left;
}
#app .tabgoods .head {
  height: 81px;
  padding-left: 250px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 20px;
}
#app .tabgoods .head .arrow {
  position: absolute;
  bottom: -3px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  margin-bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border-width: 8px;
  border-style: solid dashed dashed dashed;
  border-color: transparent transparent #7b27fc transparent;
}
#app .tabgoods .head .more {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #2883FF;
  line-height: 62px;
}
#app .tabgoods .body {
  position: relative;
  display: flex;
  padding-top: 20px;
}
#app .tabgoods .title {
  font-size: 36px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 44px;
  margin-bottom: 9px;
}
#app .tabgoods .subTitle {
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 33px;
  margin-bottom: 9px;
}
#app .tabgoods .btn {
  background: #FFFFFF;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #CF2222;
  line-height: 42px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .tabgoods .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .tabgoods .HMDTab-items .HMDTab-item {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 62px;
  width: 200px;
}
#app .tabgoods .HMDTab-items .HMDTab-item:hover {
  color: #FF002D;
}
#app .tabgoods .HMDTab-items .HMDTab-item.tabselect {
  color: #FF002D;
}
#app .tabmsgoods {
  width: 1100px;
  position: relative;
  left: -30px;
  padding: 0 0 0 63px;
  background-position: left !important;
  height: 546px;
}
#app .tabmsgoods .head {
  height: 90px;
  padding-left: 250px;
  display: flex;
  align-items: flex-end;
}
#app .tabmsgoods .head .head-title {
  text-align: center;
  padding-bottom: 10px;
}
#app .tabmsgoods .head .head-title .arrow {
  position: absolute;
  bottom: -2px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  margin-bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border-width: 8px;
  border-style: solid dashed dashed dashed;
  border-color: transparent transparent #e22e1f transparent;
}
#app .tabmsgoods .body {
  position: relative;
  display: flex;
  padding-top: 20px;
}
#app .tabmsgoods .title {
  font-size: 36px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 44px;
  margin-bottom: 9px;
}
#app .tabmsgoods .subTitle {
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 33px;
  margin-bottom: 9px;
}
#app .tabmsgoods .btn {
  background: #FFFFFF;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #CF2222;
  line-height: 42px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .tabmsgoods .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .tabmsgoods .HMDTab-items {
  justify-content: space-around;
  width: 100%;
}
#app .tabmsgoods .HMDTab-items .HMDTab-item {
  font-size: 18px;
  font-weight: 600;
  color: #9C9C9C;
  line-height: 25px;
  padding: 0 20px;
}
#app .tabmsgoods .HMDTab-items .HMDTab-item:hover {
  color: #FF002D;
}
#app .tabmsgoods .HMDTab-items .HMDTab-item.tabselect {
  color: #FF002D;
}
#app .goodsStyle1 {
  width: 1100px;
  position: relative;
  padding: 20px 20px 10px 63px;
  display: flex;
  justify-content: space-between;
  left: -30px;
  background-size: 100% 100% !important;
  background-position: left !important;
}
#app .goodsStyle1 .title {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  line-height: 44px;
  margin-bottom: 9px;
}
#app .goodsStyle1 .subTitle {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  line-height: 33px;
  margin-bottom: 9px;
}
#app .goodsStyle1 .btn {
  background: #ffffff;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #cf2222;
  line-height: 42px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .goodsStyle1 .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .goodsStyle2 {
  position: relative;
  padding: 20px 40px;
  padding-bottom: 10px;
  background: #3c24b9;
  border-radius: 10px;
}
#app .goodsStyle2 .head {
  display: flex;
  margin-bottom: 10px;
  height: 88px;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 240px;
}
#app .goodsStyle2 .head > div:first-child {
  display: flex;
  align-items: flex-end;
}
#app .goodsStyle2 .head .title {
  font-size: 32px;
  font-weight: bold;
  color: #ff281f;
  margin-right: 12px;
  line-height: 42px;
}
#app .goodsStyle2 .head .subTitle {
  font-size: 20px;
  font-weight: 600;
  color: #733902;
  line-height: 32px;
}
#app .goodsStyle2 .head .qr {
  width: 220px;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 22px;
  align-items: center;
}
#app .goodsStyle2 .head .qr .qrimg {
  width: 88px;
  height: 88px;
  flex: 0 0 88px;
}
#app .goodsStyle2 .btn {
  background: #ffffff;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #cf2222;
  line-height: 42px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .goodsStyle2 .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .goodsStyle3 {
  position: relative;
  padding: 20px 40px;
  padding-bottom: 10px;
  background: #3c24b9;
  border-radius: 10px;
}
#app .goodsStyle3 .head {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  padding: 12px 32px;
}
#app .goodsStyle3 .head .title {
  font-weight: bold;
  font-size: 32px;
  color: #2F7BFF;
  line-height: 39px;
}
#app .goodsStyle3 .head .desc {
  font-size: 15px;
  font-weight: 400;
  color: #422e16;
  line-height: 28px;
  margin: 0 15px;
}
#app .goodsStyle3 .head .subTitle {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  line-height: 25px;
}
#app .goodsStyle3 .head .btn {
  color: #ffffff;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #cf2222;
  line-height: 42px;
  width: 237px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .goodsStyle3 .head .btn a {
  color: #ffffff;
  display: flex;
}
#app .goodsStyle3 .head .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .goodsstyle4 {
  position: relative;
  background: #3C24B9;
  background: url(//image01.homedo.com/Files/Images/cms/www/20211028/4996370238822344733_pic1.png);
}
#app .goodsstyle4 .title {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #FF4716;
  line-height: 25px;
  position: absolute;
  top: 76px;
  left: 67px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 28px;
  min-width: 260px;
  text-align: center;
}
#app .goodsstyle4 .head {
  background-position: right !important;
  background-size: contain !important;
  display: flex;
  height: 120px;
  align-items: center;
}
#app .goodsstyle4 .head .qr {
  width: 220px;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 22px;
  align-items: center;
}
#app .goodsstyle4 .head .qr .qrimg {
  width: 88px;
  height: 88px;
  flex: 0 0 88px;
}
#app .goodsstyle4 .body {
  padding: 10px 40px 10px;
}
#app .goodsstyle4 .subTitle {
  font-size: 20px;
  font-weight: 600;
  color: #733902;
  line-height: 28px;
  flex: 0 0 328px;
}
#app .goodsstyle4 .btn {
  background: #FFFFFF;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #CF2222;
  line-height: 42px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .goodsstyle4 .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .lunbostyle {
  position: relative;
}
#app .lunbostyle .head {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 32px;
}
#app .lunbostyle .body {
  padding-bottom: 5px;
  min-height: 400px;
}
#app .lunbostyle .body .headtab {
  padding: 10px 40px 0 35px;
}
#app .lunbostyle .body .pinpai {
  padding-top: 10px;
}
#app .lunbostyle .body .pinpai .pp-img {
  height: 120px;
  margin-bottom: 10px;
  width: 990px;
}
#app .lunbostyle .body .HMDTab-items.tab1 .HMDTab-item {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #ffffff;
}
#app .lunbostyle .body .HMDTab-items.tab1 .HMDTab-item:hover {
  background: #fbeab6;
  color: #fd003e;
}
#app .lunbostyle .body .HMDTab-items.tab1 .HMDTab-item.tabselect {
  background: #fbeab6;
  color: #fd003e;
}
#app .lunbostyle .title {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 44px;
  margin-right: 20px;
}
#app .lunbostyle .subTitle {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  line-height: 33px;
}
#app .lunbostyle .btn {
  background: #ffffff;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #cf2222;
  line-height: 42px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .lunbostyle .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .lunbostyle .c-swiper-container {
  padding: 0 35px;
}
#app .ruodian {
  border-radius: 10px;
  padding: 26px 36px;
  padding-bottom: 18px;
  background: linear-gradient(179deg, #5d58df, #8652e5);
}
#app .ruodian .head {
  display: flex;
  justify-content: space-between;
}
#app .ruodian .title {
  font-size: 36px;
  font-weight: normal;
  color: #ffffff;
  line-height: 44px;
  margin-right: 16px;
}
#app .ruodian .subTitle {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 33px;
}
#app .ruodian .btn {
  background: #ffffff;
  border-radius: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #cf2222;
  line-height: 42px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
#app .ruodian .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .ruodian .mi-content {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
}
#app .ruodian .mi-content .mi-item {
  margin: 5px;
}
#app .ruodian .mi-content .mi-item:hover {
  opacity: 0.8;
}
#app .jifenfanli {
  display: flex;
  justify-content: space-between;
  height: 180px;
  padding-left: 260px;
}
#app .jifenfanli .title {
  font-size: 32px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #C16E00;
  margin-right: 10px;
  line-height: 20px;
}
#app .jifenfanli .subtitle {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #422E16;
  line-height: 28px;
}
#app .jifenfanli .desc {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #422E16;
  line-height: 28px;
  padding-top: 12px;
}
#app .jifenfanli .qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 51px 16px 58px;
}
#app .jifenfanli .qr img {
  width: 118px;
  height: 118px;
  border: 2px solid #fff;
}
#app .jifenfanli .qr .saomatext {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #C16E00;
  line-height: 20px;
  width: 131px;
  margin-bottom: 13px;
}
.ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.page-module {
  margin-bottom: 20px;
}
.package {
  width: 790px;
  height: 392px;
  background-color: skyblue;
  position: absolute;
  right: 20px;
  top: 18px;
}
.package .tc-small-02 {
  width: 790px;
  background: #fff;
}
.package .tc-small-02 .titleBox {
  padding: 15px 20px;
  height: 70px;
  background: #F1F3FF;
}
.package .tc-small-02 .titleBox .left {
  font-size: 26px;
  color: #3650FF;
  font-weight: bold;
  margin-top: 3px;
}
.package .tc-small-02 .titleBox .left span {
  width: 200px;
  display: inline-block;
}
.package .tc-small-02 .titleBox .left em {
  position: relative;
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  background: #3650FF;
  display: inline-block;
  color: #fff;
  margin-left: 20px;
  padding: 0 10px;
  vertical-align: 10px;
}
.package .tc-small-02 .titleBox .left em::after {
  content: '';
  position: absolute;
  top: 5px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  margin-bottom: 0;
  left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border-width: 8px;
  border-style: solid dashed dashed dashed;
  border-color: transparent #3650ff transparent transparent;
}
.package .tc-small-02 .titleBox li {
  font-size: 14px;
  color: #777;
}
.package .tc-small-02 .titleBox li p {
  text-align: right;
}
.package .tc-small-02 .titleBox li span {
  color: #d64122;
  font-size: 24px;
}
.package .tc-small-02 .titleBox li span em {
  font-size: 16px;
}
.package .tc-small-02 .titleBox li a {
  width: 112px;
  height: 38px;
  border-radius: 19px;
  text-align: center;
  margin-left: 30px;
  line-height: 38px;
  display: block;
  background: #FF2C24;
  color: #fff;
  font-size: 18px;
}
.package .tc-small-02 .titleBox li a.btn-gray {
  background-color: #d8d8d8;
  cursor: not-allowed;
}
.package .tc-small-02 .flex-box {
  margin-top: 11px;
  overflow: hidden;
}
.package .tc-small-02 .flex-box .item {
  float: left;
}
.package .tc-small-02 .flex-box .item:last-child {
  margin-right: 0;
}
.package .tc-small-02 .flex-box .introduce {
  width: 220px;
  height: 100%;
  margin-left: 10px;
  border-right: 1px solid #efefef;
  box-sizing: border-box;
}
.package .tc-small-02 .flex-box .introduce .pic {
  width: 100%;
  height: 85px;
}
.package .tc-small-02 .flex-box .introduce .pic img {
  width: 100%;
  height: 100%;
}
.package .tc-small-02 .flex-box .introduce .main-content {
  padding: 0 14px;
  height: 95px;
  box-sizing: border-box;
}
.package .tc-small-02 .flex-box .introduce .main-content .package-title {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
.package .tc-small-02 .flex-box .introduce .main-content .package-detail {
  height: 50px;
  line-height: 16px;
  font-size: 12px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.package .tc-small-02 .flex-box .introduce .main-apply {
  padding: 0 14px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  height: 100px;
  margin-top: 20px;
}
.package .tc-small-02 .flex-box .introduce .main-apply .apply-title {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  font-weight: 600;
  color: #222;
}
.package .tc-small-02 .flex-box .introduce .main-apply .applications li {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.package .tc-small-02 .flex-box .introduce .main-apply .applications li a {
  color: #555;
  display: block;
}
.package .tc-small-02 .flex-box .introduce .main-apply .applications li a span {
  float: left;
  width: 10px;
  height: 20px;
  position: relative;
}
.package .tc-small-02 .flex-box .introduce .main-apply .applications li a span i {
  position: absolute;
  left: 2px;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #888;
  transform: translate(-50%, -50%);
}
.package .tc-small-02 .flex-box .introduce .main-apply .applications li a:hover {
  color: #2f7bff;
}
.package .tc-small-02 .flex-box .introduce .main-apply .applications li a:hover span i {
  background-color: #2f7bff;
}
.package .tc-small-02 .flex-box .good-big {
  width: 27%;
  position: relative;
}
.package .tc-small-02 .flex-box .good-big .sum-icon {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.package .tc-small-02 .flex-box .good-big .sum-icon img {
  width: 100%;
  height: 100%;
}
.package .tc-small-02 .flex-box .good-big .pic {
  width: 150px;
  height: 150px;
  margin: 0 auto 20px;
}
.package .tc-small-02 .flex-box .good-big .pic img {
  width: 100%;
  height: 100%;
}
.package .tc-small-02 .flex-box .good-big .good-info {
  padding-left: 20px;
  box-sizing: border-box;
}
.package .tc-small-02 .flex-box .good-big .good-info .big-title {
  height: 38px;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.package .tc-small-02 .flex-box .good-big .good-info .big-title:hover {
  color: #2f7bff;
}
.package .tc-small-02 .flex-box .good-big .good-info .sub-title {
  font-size: 12px;
  color: #ff7000;
  margin-bottom: 6px;
}
.package .tc-small-02 .flex-box .good-big .good-info .count {
  color: #888888;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn {
  overflow: hidden;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .price {
  color: #e52b2b;
  height: 28px;
  line-height: 28px;
  font-weight: 600;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .price em {
  font-size: 12px;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .price span {
  font-size: 16px;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box {
  height: 25px;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .changes-btn {
  width: 58px;
  height: 23px;
  border: #347af6 solid 1px;
  font-size: 12px;
  color: #347af6;
  text-align: center;
  line-height: 23px;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .changes-btn:hover {
  background: #347af6;
  color: #fff;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .number-box {
  position: relative;
  width: 100px;
  padding: 0 24px;
  margin-right: 20px;
  height: 23px;
  border: #d4d4d4 solid 1px;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .number-box input {
  border: none;
  width: 100%;
  height: 23px;
  outline: none;
  background: none;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
  color: #222;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .number-box input[disabled] {
  background: #eee;
  color: #ccc;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .number-box a {
  position: absolute;
  top: 0;
  width: 23px;
  height: 23px;
  background: #fff;
  border: #d4d4d4 solid 0;
  display: block;
  background: no-repeat center center;
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .number-box a.left-btn {
  left: 0;
  border-right-width: 1px;
  background-image: url(https://image01.homedo.com/Files/Images/cms/www/20190501/5083365090691153582_pic1.png);
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .number-box a.right-btn {
  right: 0;
  border-left-width: 1px;
  background-image: url(https://image01.homedo.com/Files/Images/cms/www/20190501/4810536487581345827_pic1.png);
}
.package .tc-small-02 .flex-box .good-big .good-info .price-btn .changes-number-box .number-box a.none {
  background-color: #d4d4d4;
  cursor: no-drop;
}
.package .tc-small-02 .flex-box .good-list {
  width: 290px;
  margin-right: 1%;
  margin-left: 30px;
  height: 310px;
  overflow: hidden;
  overflow-y: auto;
}
.package .tc-small-02 .flex-box .good-list ul li {
  border: 1px solid #efefef;
  margin-bottom: 10px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail {
  padding: 8px 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .pic {
  float: left;
  width: 74px;
  height: 74px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .pic img {
  width: 100%;
  height: 100%;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details {
  float: left;
  width: 70%;
  padding-left: 5px;
  box-sizing: border-box;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .main-title {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .main-title:hover {
  color: #2f7bff;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .main-count {
  color: #888888;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 4px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .main-count em {
  color: #101010;
  font-weight: 700;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn {
  overflow: hidden;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .price {
  float: left;
  color: #e52b2b;
  text-align: center;
  height: 28px;
  line-height: 28px;
  max-width: 60px;
  font-weight: 600;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .price em {
  font-size: 12px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .price span {
  font-size: 14px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box {
  height: 25px;
  float: right;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .changes-btn {
  width: 58px;
  height: 23px;
  border: #347af6 solid 1px;
  font-size: 12px;
  color: #347af6;
  text-align: center;
  line-height: 23px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .changes-btn:hover {
  background: #347af6;
  color: #fff;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .number-box {
  position: relative;
  width: 100px;
  padding: 0 24px;
  height: 23px;
  border: #d4d4d4 solid 1px;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .number-box input {
  border: none;
  width: 100%;
  height: 23px;
  outline: none;
  background: none;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
  color: #222;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .number-box input[disabled] {
  background: #eee;
  color: #ccc;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .number-box a {
  position: absolute;
  top: 0;
  width: 23px;
  height: 23px;
  background: #fff;
  border: #d4d4d4 solid 0;
  display: block;
  background: no-repeat center center;
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .number-box a.left-btn {
  left: 0;
  border-right-width: 1px;
  background-image: url(https://image01.homedo.com/Files/Images/cms/www/20190501/5083365090691153582_pic1.png);
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .number-box a.right-btn {
  right: 0;
  border-left-width: 1px;
  background-image: url(https://image01.homedo.com/Files/Images/cms/www/20190501/4810536487581345827_pic1.png);
}
.package .tc-small-02 .flex-box .good-list ul li .good-detail .details .price-btn .changes-number-box .number-box a.none {
  background-color: #d4d4d4;
  cursor: no-drop;
}
.purchase {
  width: 1070px;
  height: 378px;
  background-color: skyblue ;
  margin: 0 auto;
  margin-bottom: 20px;
  padding-top: 20px;
  border-radius: 10px;
}
.purchase .head {
  display: flex;
  margin-bottom: 20px;
  height: 88px;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 240px;
  margin: 0 40px;
}
.purchase .head > div:first-child {
  display: flex;
  align-items: flex-end;
}
.purchase .head .title {
  font-size: 32px;
  font-weight: bold;
  color: #733902;
  margin-right: 12px;
  line-height: 42px;
}
.purchase .head .qrText {
  font-size: 16px;
  color: #222222;
  line-height: 22px;
}
.purchase .head .subTitle {
  font-size: 20px;
  font-weight: 600;
  color: #733902;
  line-height: 32px;
}
.purchase .head .qr {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 22px;
  align-items: center;
  justify-content: space-between;
}
.purchase .head .qr .qrimg {
  margin-left: 24px;
  width: 88px;
  height: 88px;
  flex: 0 0 88px;
}
.purchase .content {
  width: 990px;
  height: 260px;
  margin: 0 auto;
  margin-top: 10px;
}
.purchase .content .contentTitle {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #733902;
  line-height: 28px;
  padding-top: 44px;
  margin-left: 30px;
}
.purchase .content .contentSubTitle {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #733902;
  line-height: 28px;
  padding-top: 13px;
  margin-left: 30px;
  height: 84px;
}
.purchase .content > span {
  width: 76px;
  height: 2px;
  display: block;
  margin-left: 30px;
  background-color: #733902;
  margin-top: 4px;
}
.purchase .content > a {
  width: 160px;
  height: 40px;
  margin-left: 30px;
  margin-top: 10px;
  border: 0;
  color: #fff;
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  background: linear-gradient(179deg, #d2a074 0%, #733902 100%);
  box-shadow: 0px 4px 12px 0px #cea781;
  border-radius: 20px;
  border-image: linear-gradient(180deg, #fff7ef, #d4a675) 2 2;
}
.purchase .content > a em {
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-image: url('//image01.fat.homedo.com/Files/Images/cms/www/20211023/5684283544598680799_pic1.png');
}
.red {
  position: relative;
}
.red .btn {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 189px;
  background: linear-gradient(180deg, #FFF5D5 0%, #FFEE9B 100%);
  border-radius: 21px;
  font-size: 20px;
  font-weight: bold;
  color: #FF3926;
  line-height: 42px;
  width: 174px;
  display: flex;
  justify-content: center;
  height: 42px;
}
.red .btn .go-icon {
  margin-left: 5px;
  line-height: 42px;
  font-size: 20px;
}
#app .goodsStyle2#appzhuanxiang .head {
  padding-top: 10px;
  margin-top: -10px;
  height: 98px;
}
#app .HMDTab-items.tab1 .HMDTab-item {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #ffffff;
}
#app .HMDTab-items.tab1 .HMDTab-item:hover {
  background: #fbeab6;
  color: #fd003e;
}
#app .HMDTab-items.tab1 .HMDTab-item.tabselect {
  background: #fbeab6;
  font-weight: bold;
  color: #fd003e;
  border: none;
}
.HMDLevitationSimpleNav .HMDNav-items {
  top: 80px !important;
}
.HMDNav.style1 .HMDNav-item {
  padding: 8px!important;
  line-height: 16px !important;
  margin-bottom: 2px !important;
}
.HMDNav.style1 .HMDNav-item.navselect {
  line-height: 16px !important;
  padding: 8px!important;
}
.pop-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: flex;
  justify-content: center;
  padding-top: 200px;
}
.pop-container .pop .p-title {
  position: relative;
  width: 490px;
  height: 39px;
  background: url(//image01.homedo.com/Files/Images/cms/www/20211012/5702969062277224993_pic1.png);
}
.pop-container .pop .p-title .p-close {
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
}
.pop-container .pop .p-content {
  background: #FFFBF3;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.07);
  border-radius: 0 0 10px 10px;
  height: 400px;
  padding: 25px;
}
.pop-container .pop .p-content .scroll {
  width: 430px;
  height: 343px;
  overflow-y: auto;
  scrollbar-color: #ddd;
  scrollbar-width: thin;
  -ms-overflow-style: none;
  position: relative;
}
.pop-container .pop .p-content .scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pop-container .pop .p-content .scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #958e8e;
}
.pop-container .pop .p-content .scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  border-radius: 5px;
  background: #ddd;
}
.prize {
  width: 99%;
}
.prize th {
  font-weight: bold;
  font-size: 14px;
  color: #222222;
  padding: 20px 0;
  background: #fff5e4;
}
.prize td {
  font-size: 12px;
  color: #222222;
  line-height: 16px;
  padding: 10px;
}
.prize td,
.prize th {
  border: 1px solid #EAEAEA;
}