@charset "utf-8";
body {
  font-family: PingFang, "Microsoft yahei", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 300;
}

ul {
  list-style: none;
  padding-left: 0;
}

a:hover,
a:focus {
  text-decoration: none;
  color: transparent;
}


/** BANNER **/

.banner {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.banner .b-pc {
  display: block;
  width: 100%;
  height: 564px;
  margin: 0 auto;
  background: url("../images/st2018/banner.jpg") center no-repeat;
}

.b-content {
  width: 1140px;
  margin: 0 auto;
}

.b-content>img {
  width: auto;
  height: auto;
  margin-top: 75px;
  margin-bottom: 60px;
}

.b-link {
  display: block;
}

.b-link>a {
  padding: 6px 45px;
  font-size: 24px;
  color: #fff;
  background-color: #00c9ff;
}

.b-link>a:hover {
  background-color: #13bdeb;
}


/** NAV **/


/* Nav PC */

.nav-opacity {
  opacity: .1;
  background-color: #fff;
  filter: alpha(opacity=10);
}

.nav-wper,
.nav-opacity {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 94px;
}

.nav-items {
  width: 1140px;
  margin: 0 auto;
  overflow: hidden;
}

.nav-items li {
  position: relative;
  float: left;
  list-style: none;
  width: 33.3%;
  height: 94px;
  padding-top: 16px;
  text-align: center;
}

.nav-items li:before {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 0;
  width: 1px;
  height: 60%;
  margin-left: -1px;
  content: "";
  background-color: #ececec;
}

.icon-bg,
.con-wper {
  display: inline-block;
  vertical-align: middle;
}

.icon-bg {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  line-height: 65px;
  border-radius: 12px;
  background-color: #d8d8d8;
}

.icon-bg>.icon {
  display: block;
  height: 25px;
  margin: 17px auto;
}

.icon-bg>.icon-1 {
  width: 30px;
  background: url("../images/st2018/nav-01.png") center no-repeat;
  background: url("../images/st2018/nav-sm-01.png") center no-repeat\9;
  background-size: 100%;
}

.icon-bg>.icon-2 {
  width: 19px;
  margin-left: 24px;
  background: url("../images/st2018/nav-02.png") center no-repeat;
  background: url("../images/st2018/nav-sm-02.png") center no-repeat\9;
  background-size: 100%;
}

.icon-bg>.icon-3 {
  width: 37px;
  background: url("../images/st2018/nav-03.png") center no-repeat;
  background: url("../images/st2018/nav-sm-03.png") center no-repeat\9;
  background-size: 100%;
}

.nav-items a:hover .con,
.nav-items .active .con {
  color: #00c9ff;
}

.nav-items .active a:hover {
  cursor: text;
}

.nav-items a:hover .icon-1,
.nav-items .active .icon-1 {
  background-image: url("../images/st2018/nav-hover-01.png");
  background-image: url("../images/st2018/nav-sm-hover-01.png")\9;
}

.nav-items a:hover .icon-2,
.nav-items .active .icon-2 {
  background-image: url("../images/st2018/nav-hover-02.png");
  background-image: url("../images/st2018/nav-sm-hover-02.png")\9;
}

.nav-items a:hover .icon-3,
.nav-items .active .icon-3 {
  background-image: url("../images/st2018/nav-hover-03.png");
  background-image: url("../images/st2018/nav-sm-hover-03.png")\9;
}

.con-wper {
  width: 110px;
  height: 60px;
}

.con-wper>i {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-style: normal;
  text-align: left;
  color: #9b9b9b;
}

.con-wper>.con {
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 20px;
  color: #fff;
}


/* Nav fixed */

.nav-fixed {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #030200;
}

.nav-fixed .nav-items {
  width: 900px;
}

.nav-fixed .nav-items li {
  height: 56px;
  padding-top: 0;
  line-height: 56px;
}

.nav-fixed .nav-items li:before {
  top: 11px;
}

.nav-fixed .con {
  font-size: 20px;
  font-style: normal;
  color: #fff;
}

.nav-fixed .icon {
  display: inline-block;
  position: relative;
  top: 5px;
  height: 25px;
  margin-right: 20px;
}

.nav-fixed .icon-1 {
  width: 30px;
  background: url("../images/st2018/nav-w-01.png") center no-repeat;
  background: url("../images/st2018/nav-sm-w-01.png") center no-repeat\9;
  background-size: 100%;
}

.nav-fixed .icon-2 {
  width: 19px;
  background: url("../images/st2018/nav-w-02.png") center no-repeat;
  background: url("../images/st2018/nav-sm-w-02.png") center no-repeat;
  background-size: 100%;
}

.nav-fixed .icon-3 {
  width: 37px;
  background: url("../images/st2018/nav-w-03.png") center no-repeat;
  background: url("../images/st2018/nav-sm-w-03.png") center no-repeat\9;
  background-size: 100%;
}


/*Banner Mobile*/

.banner .b-mb {
  display: none;
  width: 100%;
  height: auto;
}


/* Footer Fixed */

.footer-wper,
.footer-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  line-height: 100px;
}

.footer-wper {
  opacity: .5;
  background-color: #000;
  filter: alpha(opacity=50);
}

.footer-fixed {
  font-family: PingFangSC-Medium;
  font-size: 24px;
  text-align: center;
  color: #fff;
}

.footer-fixed>a {
  color: #00c9ff;
  margin-left: 25px;
}

.footer-fixed>a:hover {
  opacity: .9;
}

.footer-fixed>.closer {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 26px;
  line-height: 1;
  cursor: pointer;
  opacity: .8;
  color: #fff;
  filter: alpha(opacity=80);
}


/**
 * Homepage
 */


/** CONTENT **/


/**
 * Fans
 */


/** CONTENT **/

.tit2018 {
  width: 139px;
  height: 26px;
  margin: 43px 0 20px;
}

.tit {
  margin-bottom: 24px;
  padding-bottom: 24px;
  color: #000;
  border-bottom: 1px solid #c1c1c1;
}


/* TOGGLE */

.boon-items {
  list-style: none;
  margin: 23px 0;
}

.boon-items li {
  float: left;
  width: 360px;
  height: auto;
  margin-left: 30px;
}

.boon-items li:first-child {
  margin-left: 0;
}

.boon-items h5,
.boon-h5 {
  margin-bottom: 16px;
  padding-left: 5px;
  font-size: 16px;
  color: #000;
}

.boon-wper {
  position: relative;
  height: 200px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
}

.boon-1 .boon-wper {
  background-image: url("../images/st2018/gift-01.png");
  background-size: 100%;
}

.boon-2 .boon-wper {
  background-image: url("../images/st2018/gift-02.png");
  background-size: 100%;
}

.boon-3 .boon-wper {
  background-image: url("../images/st2018/gift-03.png");
  background-size: 100%;
}

.boon-modal {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 100%;
  padding: 10px 17px 20px;
  background: url("../images/st2018/boon-bg.png") center no-repeat;
}

.boon-modal h4 {
  margin-bottom: 20px;
  color: #fff;
}

.boon-modal p {
  height: 90px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}

.boon-modal p.short {
  position: relative;
  height: 55px;
}

.boon-modal p.short:after {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 60px;
  height: 15px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 14px;
  content: "";
  text-align: right;
  color: #fff;
  background: -webkit-linear-gradient(to right, rgba(180,180,180,0), #40a5c7 99%);  /* Safari 5.1-6.0 */
  background: -o-linear-gradient(to right, rgba(180,180,180,0), #40a5c7 99%);  /* Opera 11.1-12.0 */
  background: -moz-linear-gradient(to right, rgba(180,180,180,0), #40a5c7 99%);  /* Firefox 3.6-15 */
  background: linear-gradient(to right, rgba(180,180,180,0), #40a5c7 99%);
}

.boon-toggle {
  position: absolute;
  bottom: 20px;
  left: 17px;
}

.boon-toggle>a {
  display: none;
  padding-right: 40px;
  font-size: 14px;
  color: #fff;
}

.boon-toggle .prev {
  display: block;
}

.boon-items-que li {
  width: 270px;
  margin-left: 20px;
}

.boon-items-que .boon-modal h4 {
  font-size: 16px;
}

.boon-items-que .boon-modal {
  width: 120px;
  background-image: url("../images/st2018/boon-bg-short.png");
}

.boon-items-que .boon-1 .boon-wper {
  background-image: url("../images/st2018/gift-04.png");
  background-size: 100%;
}

.boon-items-que .boon-2 .boon-wper {
  background-image: url("../images/st2018/gift-05.png");
  background-size: 100%;
}

.boon-items-que .boon-3 .boon-wper {
  background-image: url("../images/st2018/gift-06.png");
  background-size: 100%;
}

.boon-items-que .boon-4 .boon-wper {
  background-image: url("../images/st2018/gift-07.png");
  background-size: 100%;
}

.demo {
  overflow: hidden;
}

.demo-wper {
  float: left;
  width: 47%;
}

.demo-wper.demo2 {
  width: 45%;
  margin-left: 6%;
}

.demo-wper>h5 {
  font-size: 16px;
  line-height: 1.4;
  color: #000;
}

.demo-wper>p {
  font-size: 14px;
  color: #000;
}

.demo-author {
  margin-top: 10px;
  margin-bottom: 14px;
}

.demo-wper>.demo-info {
  font-size: 12px;
  line-height: 1.6;
  color: #4a4a4a;
}

.axis-wper {
  position: relative;
  margin: 50px 0 30px;
}

.axis-wper>img {
  position: absolute;
  top: 33px;
  left: 0;
  width: 100%;
}

.axis-items li {
  float: left;
  list-style: none;
}

.axis-items li>span {
  color: #000;
}

.axis-items li .top {
  color: #00c9ff;
}

.axis-items li.item-1 {
  width: 163px;
}

.axis-items li.item-2 {
  width: 256px;
}

.axis-items li.item-3 {
  width: 175px;
}

.axis-items li.item-4 {
  width: 313px;
}

.axis-items li.item-5 {
  width: 233px;
}

.axis-items span {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.axis-items .bottom {
  padding-top: 45px;
}

.more>a {
  font-size: 18px;
  color: #00c9ff;
}

.more>a:hover {
  color: #13bdeb;
}

.prize-wper {
  list-style: none;
  margin: 50px -18px;
}

.prize-wper li {
  float: left;
  margin-left: 18px;
}

.prize-pic {
  width: 214px;
  height: 153px;
  overflow: hidden;
}

.prize-pic>img {
  width: 104%;
  margin-top: -2%;
  margin-left: -2%;
}

.prize-info {
  margin-top: 10px;
  padding-left: 20px;
}


/* Modal */

.modal-dialog {
  width: 400px;
}

.modal-body {
  font-size: 16px;
  text-align: center;
}

.modal-footer {
  padding-top: 0;
}


/**
 * HomePage
 */

.mg-top-30 {
  margin-top: 30px;
}

.pd-bt-8 {
  display: block;
  padding-bottom: 8px;
}

.para-info {
  color: #000;
  line-height: 1.8;
}

.date-toggle {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  border-bottom: 1px solid #00c9ff;
}

.date-toggle>span {
  display: block;
  float: left;
  width: 152px;
  height: 40px;
  padding-left: 4px;
  border-bottom: 10px solid #c1c1c1;
  font-size: 30px;
  color: #4a4a4a;
  cursor: pointer;
}

.date-toggle>.current {
  cursor: text;
  color: #000;
  border-color: #00c9ff;
}

.details-toggle {
  min-height: 1000px;
}

.toggle-2 {
  display: none;
}

.tab {
  width: 50%;
  float: left;
}

.tab-left {
  margin-right: 2%;
}

.tab-right {
  width: 48%;
}

.tab td {
  color: #4a4a4a;
  font-size: 14px;
  padding-bottom: 24px;
  vertical-align: top;
}

.tab .time td {
  color: #000;
  font-size: 16px;
  padding-bottom: 8px;
}

.tab-2 .time td {
  padding-top: 10px;
}

.tab-2 .time:first-child td {
  padding-top: 0;
}

.tab-2 .time.timer td {
  padding-top: 0;
  padding-bottom: 5px;
}

.tab td:first-child {
  width: 120px;
}

.tab .process td {
  font-size: 16px;
  color: #000;
  padding-bottom: 2px;
}

.tab .process td:first-child {
  font-size: 12px;
  color: #4a4a4a;
  padding-top: 3px;
}

.tab .p-down td {
  padding-bottom: 8px;
}

.tab .p-down td:first-child {
  text-align: center;
  padding-right: 30px;
  color: #c1c1c1;
}

.theme,
.tab .theme td {
  font-size: 18px;
  color: #00c9ff;
  padding: 25px 0 15px;
}

.theme {
  padding-top: 0;
}

.summit-link {
  margin: 28px 0 55px;
}

.summit-link.link2017 {
  margin-bottom: 0;
}

.summit-link.link2017>a {
  font-size: 18px;
  color: #00c9ff;
  font-weight: bolder;
}

.summit-link.link2017>a:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}

.place-wper {
  margin-top: 40px;
  margin-bottom: 60px;
}

.place-wper>.place {
  width: 52%;
  float: left;
}

.place-wper>.right {
  width: 48%;
}

.place-wper>.left {
  padding-top: 40px;
}

.place>p {
  font-size: 16px;
  color: #000;
  margin-bottom: 18px;
}

.place>p>img {
  margin-right: 27px;
}

.place>p:last-child>img {
  margin-left: 3px;
  margin-right: 30px;
}

.place>p a {
  color: #00c9ff;
  font-size: 14px;
}

.place .map {
  width: 550px;
  height: 304px;
}

.BMap_cpyCtrl,
.anchorBL img {
  display: none;
}


/**
 * LiveBroadCast
 */

.live-tit {
  padding-left: 5px;
  font-size: 14px;
  color: #4a4a4a;
}

.live-tit-hl {
  font-size: 18px;
  color: #00c9ff;
  padding-right: 10px;
}

.live-prize-wper {
  margin-top: 20px;
  margin-bottom: 40px;
}

.live-prize-wper .prize-pic {
  width: 269px;
  height: 200px;
  border: 1px solid #f5f5f5;
}

.date-pic {
  display: block;
  margin: 30px 0;
}

.live-link {
  margin-bottom: 25px;
  text-align: center;
}


/* Live Box */

.box .content {
  margin: 60px 0 30px;
  width: 100%;
  height: 200px;
  position: relative;
}

.content_list>li {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  opacity: 0;
  transition: all 0.3s ease-out;
}

.content_list img {
  width: 440px;
  height: 160px;
  border: none;
  float: left;
}

.content_list>.p1 {
  left: 0;
  opacity: 0.5;
  z-index: 2;
  cursor: pointer;
}

.content_list>.p2 {
  left: 298px;
  z-index: 3;
  opacity: 1;
}

.content_list>.p3 {
  left: 698px;
  opacity: 0.5;
  z-index: 2;
  cursor: pointer;
}

.content_list .p2 img {
  width: 550px;
  height: 200px;
  margin-top: -20px;
}

.point .line {
  width: 100%;
  height: 4px;
  margin-bottom: 26px;
  background-color: #ececec;
}

.point .line>span,
.point .word>span {
  display: inline-block;
  float: left;
  width: 33.3%;
}

.point .line>span {
  height: 100%;
  border-radius: 100px;
  cursor: pointer;
  background-color: transparent;
}

.point .line>.current {
  background-color: #6cbf8f\9;
  background-image: linear-gradient(90deg, #9cd6e6 0%, #6cbf8f 100%);
}

.point .word {
  margin-bottom: 40px;
}

.point .word>span {
  font-size: 14px;
  color: #4a4a4a;
}

.point .word>.center {
  text-align: center;
}

.point .word>.right {
  text-align: right;
}

.point .word>span i {
  font-size: 16px;
  color: #000;
  font-style: normal;
  margin-right: 10px;
}


/* Share */

.live-footer {
  margin-top: 50px;
  background-color: #141417;
  padding: 20px 0;
  width: 100%;
  height: auto;
  text-align: center;
}

.live-footer>span {
  display: block;
  font-size: 16px;
  color: #fff;
  margin: 3px 0;
}

.live-footer>img {
  margin: 15px 0;
}

.new_share {
  width: 100%;
  padding-left: 0;
  height: auto;
  display: block;
}

.new_share .jiathis_style_32x32 .jiathis_txt,
.new_share a {
  display: inline-block;
  vertical-align: middle;
  width: 25px !important;
  height: 25px !important;
  margin: 2% 1%;
  padding: 0;
}

.new_share .jiathis_style_32x32 .jtico_qzone {
  background: url("../images/st2018/share1.png") no-repeat !important;
}

.new_share .jiathis_style_32x32 .jtico_weixin {
  background: url("../images/st2018/share2.png") no-repeat !important;
}

.new_share .jiathis_style_32x32 .jtico_tsina {
  background: url("../images/st2018/share3.png") no-repeat !important;
}

.new_share .jiathis_style_32x32 .jtico_cqq {
  background: url("../images/st2018/share4.png") no-repeat !important;
}

.new_share .jiathis_style_32x32 .jtico {
  padding-left: 0 !important;
}

.jiathis_style_32x32 {
  width: 130px;
  margin: 0 auto;
}

.loading {
  cursor: not-allowed;
}


/* Modal */

.live-form {
  padding-top: 20px;
}

.modal-header {
  border-bottom: none;
}

.modal-body {
  padding-top: 0;
}

.modal-body>h3 {
  margin-top: 0;
}
.link2017-m,
.date-wper-m,
.map-m {
  display: none;
}

/*Mobile*/

/*HomePage Mobile*/

@media (max-width:1140px) {
  .pi-footer {
    min-width: 320px !important;
  }
  .banner .b-pc {
    height: 455px;
    background-position: top center;
    background-size: 140%;
  }
  .b-content {
    width: 95%;
  }
  .b-content>img {
    margin-top: 65px;
    width: 444px;
    height: auto;
  }
  .nav-items,
  .place-wper>.place {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .banner .b-pc {
    height: 426px;
  }
}

@media (max-width: 960px) {
  .nav-opacity,
  .nav-wper {
    display: none;
  }
  .banner .b-pc {
    height: 350px;
  }
  .nav-fixed .nav-items {
    width: 100%;
  }
}

/*Nav Mobile*/

@media (max-width:768px) {
  .banner {
    margin-bottom: 0;
  }
  .banner .b-pc {
    display: none;
  }
  .banner .b-mb {
    position: relative;
    display: block;
  }
  .banner .b-mb>img {
    width: 100%;
  }
  .common-h-wper {
    padding-bottom: 0 !important;
  }
  .m-nav-wper {
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, .1);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    padding-bottom: 7px;
    padding-top: 8px;
  }
  .nav-toggle,
  .menu {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
  }
  .nav-toggle {
    padding-top: 5px;
  }
  .nav-toggle .icon-bar {
    margin-top: 2px;
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
  }
  .nav-menu {
    float: left;
    cursor: pointer;
    margin-top: -2px;
  }
  .nav-menu .menu {
    margin-left: 8px;
    font-size: 16px;
    color: #fff;
  }
  .nav-right {
    float: right;
  }
  .nav-right>a {
    background-image: linear-gradient(90deg, #0396be 0%, #0396be 40%, #0cb2df 100%, #5533ff 100%);
    padding: 8px 30px;
    color: #fff;
    font-size: 16px;
  }
  .nav-body {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding-bottom: 2px;
    box-shadow: 0 2px 2px 0 #c1c1c1;
    z-index: 6666;
    s
  }
  .nav-items li {
    width: 100%;
    height: auto;
  }
  .nav-items li a {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #00c9ff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .nav-items li.nav-close a {
    color: #4a4a4a;
  }
  .nav-items li.nav-list-item a {
    font-size: 14px;
  }
  .nav-items li.current a,
  .nav-items li a:hover {
    color: #fff;
    background-color: #00c9ff;
  }
  .nav-items li.nav-close a:hover {
    color: #4a4a4a;
    background-color: #fff;
  }
  .footer-wper,
  .footer-fixed {
    display: none;
  }
}

@media (max-width: 640px) {
  .link2017-m {
    display: block;
  }
  .summit-link.link2017>a {
    font-weight: normal;
  }
  .link2017-pc {
    display: none;
  }
  .tit2018 {
    margin-top: 20px;
    margin-bottom: 2px;
  }
  .tit {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .mg-top-30 {
    margin-top: 20px;
  }
  .date-wper {
    display: none;
  }
  .date-wper-m {
    display: block;
  }
  .date-wper-m>img {
    margin-bottom: 20px;
  }
  .date-wper-m>p {
    font-size: 16px;
    color: #000;
    margin-bottom: 16px;
  }
  .more {
    margin: 20px 0 15px;
  }
  .place-wper {
    margin-top: 0;
  }
  .place-wper>.left {
    padding-top: 0;
  }
  .place>p>img {
    margin-right: 15px;
  }
  .place>p:last-child>img {
    margin-right: 19px;
  }
  .place>p a {
    display: block;
    margin-left: 35px;
    margin-top: 10px;
  }
  .place .map {
    display: none;
  }
  .map-m {
    display: block;
  }
  .map-m>img {
    width: 100%;
  }
}

@media (max-width: 375px) {
  .place>p {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

@media (max-width: 325px) {
  .place>p {
    font-size: 12px;
  }
}
/*Live Mobile*/

.addmore {
  color: #00c9ff;
}

.addmore:hover {
  color: #0ea6ec;
}

.point .line>span {
  float: right;
}

.box-m {
  display: none;
}

@media (max-width: 1200px) {
  .box .content {
    overflow: hidden;
  }
  .content_list>li {
    top: 20px;
  }
}

@media (max-width:768px) {
  .live-link-m>a {
    background-image: linear-gradient(-90deg, #ffb757 0%, #ff802c 100%);
  }
  .live-toggle {
    display: none;
  }
  .live-toggle-m .sm {
    display: block;
    font-size: 14px;
    color: #4a4a4a;
    margin-top: 5px;
  }
}

@media (max-width: 640px) {
  .prize-wper li {
    margin-left: 3%;
    width: 45%;
  }
  .live-prize-wper .prize-pic {
    width: 100%;
    height: auto;
  }
  .prize-info {
    height: 45px;
  }
  .live-footer {
    margin-top: 0;
  }
  .live-prize-wper {
    margin-bottom: 10px;
  }
  .box {
    display: none;
  }
  .box-m {
    display: block;
    /* padding-top: 15px; */
    /* border-top: 1px solid #c1c1c1; */
  }
  .box-m .title {
    font-size: 16px;
    color: #000;
    line-height: 1.6;
  }
  .box-m .info {
    font-size: 12px;
    line-height: 1.6;
    color: #4a4a4a;
    margin-bottom: 20px;
  }
}

@media (max-width: 425px) {
  .b-link>a {
    display: block;
    width: 100%;
    font-size: 16px;
  }
  .prize-info {
    font-size: 12px;
  }
  .m-hide {
    display: none;
  }
  .live-tit-hl {
    display: block;
    margin-bottom: 3px;
  }
}

/*Modal Mobile*/

@media (max-width: 767px) {
  .modal-dialog {
    width: 400px;
    margin: 20px auto;
  }
}

@media (max-width: 520px) {
  .modal-dialog {
    width: 90%;
  }
}
/*Fans Mobile*/

.axis-wper-m {
  display: none;
}

.more-fans-m {
  display: none;
}

@media (max-width: 1200px) {
  .boon-items li,
  .boon-items li:first-child {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .axis-items li {
    width: 20% !important;
  }
  .axis-items .bottom {
    padding-top: 15px;
  }
  .axis-wper>img {
    display: none;
  }
}

@media (max-width: 640px) {
  .boon-items li,
  .boon-items li:first-child {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .boon-toggle>a {
    display: none !important;
  }
  .boon-modal,
  .boon-items-que .boon-modal {
    width: 151px;
  }
  .boon-modal h4 {
    margin-bottom: 8px;
  }
  .boon-modal p.short {
    height: 84%;
    line-height: 1.4;
  }
  .boon-modal p.short:after {
    display: none;
  }
  .demo-wper,
  .demo-wper.demo2 {
    width: 100%;
    margin-left: 0;
  }
  .more-fans-m {
    display: block;
  }
  .more-fans-pc {
    display: none;
  }
  .axis-wper {
    display: none;
  }
  .axis-wper-m {
    display: block;
  }
  .axis-wper-m>img {
    float: left;
    margin-right: 25px;
  }
  .axis-wper-m li {
    font-size: 14px;
    color: #00c9ff;
    padding: 18px 0;
  }
  .tit-m {
    display: none;
  }
}

@media (max-width: 450px) {
  .prize-wper {
    margin-left: -2%;
    margin-right: -2%;
  }
  .prize-wper li {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .prize-pic {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 414px) {
  .boon-wper {
    border: 1px solid #f8f4f4;
    background-position: -10px;
  }
  .boon-items-que .boon-1 .boon-wper,
  .boon-items-que .boon-2 .boon-wper {
    background-position: -30px;
  }
  .boon-items-que .boon-3 .boon-wper,
  .boon-items-que .boon-4 .boon-wper {
    background-position: -15px;
  }
}