@charset "utf-8";
/***************************/
.livetopbox{background-color:#fff;}
.livetopbox .left{position:relative;float:left;width:580px;height: 320px;overflow:hidden;}
.livetopbox .left b{border: 1px solid #fff;border-radius: 50px;padding: 10px 40px;}
.livetopbox .left .sign{text-align:center;line-height:320px;font-size:16px;color:#fff;display: block;float: left;width: 100%;height: 320px;background-color: rgba(0,0,0,.4);position: absolute;top: 0;}
.livetopbox .left .icon-01{width:40px;height: 24px;background-position:-260px -63px;}
.livetopbox .left img{width:580px;min-height:320px;}
.livetopbox .tip{color:#999;font-size:14px;line-height:30px;}
.livetopbox .livetopitem .tip{float:left;}
.livetopbox .tip em{display:inline-block;width:18px;height:18px;background-color:#ff7f00;color:#fff;vertical-align:middle;text-align:center;font-size:12px;line-height:18px;}
.livetopbox .tip span{display:inline-block;padding:0 3px;height:18px;border:solid 1px #ff7f00;color:#ff7f00;vertical-align:middle;line-height:18px;}
.livetopbox .tip01 em{background-color:#13ae2f;}
.livetopbox .tip01 span{border:solid 1px #13ae2f;color:#13ae2f;}
.livetopbox .tip02 em{background-color:#ff7f00;}
.livetopbox .tip02 span{border:solid 1px #ff7f00;color:#ff7f00;}
.livetopbox .tip03 em{background-color:#9467d2;}
.livetopbox .tip03 span{border:solid 1px #9467d2;color:#9467d2;}
.livetopbox .tip04 em{background-color:#e75d98;}
.livetopbox .tip04 span{border:solid 1px #e75d98;color:#e75d98;}
.livetopbox .right{position:relative;margin-left:30px;float: left;width: 560px;}
.livetopbox h3{margin-bottom:10px;color:#333;font-size:24px;}
.livetopbox .price{margin-top:15px;height:50px;line-height:50px;float: left;}
.livetopbox .price div{float:left;}
.livetopbox .right .new_price{margin-right:30px;color:#fb7d30;font-size:24px;}
.livetopbox .right .old_price{color:#999;font-size:14px;}
.livetopbox .right .old_price span{text-decoration:line-through;}
.livetopbox .livetopitem{color:#888;font-size:16px;margin-top: 20px;width: 100%;}
.livetopbox .livetopitem strong{margin-left: 20px;}
.livetopbox .livetopitem strong:first-child{margin-left: 0;}
.livetopbox .txt-style{font-size: 14px;width: 49%;display: inline-block;}
.livetopbox .livetopitem .fl{float: left;}
strong{font-weight: normal;}
.livetopbox .livetopitem i{margin:-2px 8px 0 0;width:16px;height:14px;}
.livetopbox .icon-01{background-position:-365px -516px;}
.livetopbox .icon-02{background-position:-415px -516px;}
.livetopbox .icon-03{background-position:-465px -516px;}
.livetopbox .livetopitem span{margin-left:10px;color: #656565;}
.livetopbox .livetopitem .line{margin-right:10px;color:#999;}
.livetopbox .livetopitem .kclist{color:#6c8fde;}
.livetopbox .livetopitem.tips{overflow:hidden;padding:20px 0;}
.livetopbox .livetopitem.btn{height:40px;display: inline-block;margin-top:20px;margin-right:0;height: 50px;line-height: 50px;width: 65%;}
.livetopbox .livetopitem.btn a{background-color:#00BED4;float:right;display:inline-block;margin-left:10px;border-radius: 3px;width: 105px;text-align: center;height:38px;color:#fff;font-size:16px;line-height:38px;}
.livetopbox .livetopitem.btn a em{margin:0 5px;}
.livetopbox .livetopitem a.sign{border: solid 1px #00BED4;color: #00BED4;background-color: #fff;}
.livetopbox .livetopitem a.join{border: solid 1px #00BED4;}
.livepalce .content-place{background:#f7f7f7;}
.livetopbox .livetopitem.btn .zx{float:left;margin:7px 0 0 30px;line-height:16px;}
.livetopbox .livetopitem.info{height:30px;color:#666;font-size:14px;margin-top: 20px;}
.livetopbox .livetopitem.info .f1{float: left;margin-right: 50px;}
.livetopbox .livetopitem.info .fr{margin-left:15px;position: relative;}
.livetopbox .livetopitem.info .fr:hover .fxp{display: block}
.livetopbox .livetopitem.info .fr .fxp{padding: 10px;background: #fff;border: 1px solid #00BED4;position: absolute;top:30px;left: -23px}
.livetopbox .livetopitem.info .fr .fxp:before{position: absolute;right: 53px;bottom: 114px;width: 12px;height: 12px;border: solid 1px #00BED4;border-width: 1px 1px 0 0;background-color: #fff;content: '';-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.livetopbox .livetopitem.info i{width:16px;height:16px;}
.livetopbox .icon-08{background-position:-509px -514px;}
.livetopbox .icon-04{background-position:-538px -514px;}
.livetopbox .icon-05{background-position:-576px -516px;}
.livetopbox .icon-06{background-position:0 -486px;}
.livetopbox .icon-07{background-position:-117px -367px;}
.livetopbox .ewm{position:relative;}
.livetopitem .fxp{display:none;width:100px;height:100px;}
.livemain{float:left;width:880px;}
.liveside{float:right;width:280px;}
.livemain-hd{height:60px;background-color:#fff;line-height:60px;}
.livemain-hd ul{overflow: hidden;margin:0 15px;border-bottom: 1px solid #edf2f2;}
.livemain-hd li{float:left;width:100px;height:56px;text-align:center;font-size:18px;margin-right: 60px;}
.livemain-hd li a{display:block;color:#666;}
.livemain-hd li:hover{border-bottom: 2px solid #00BED4;}
.livemain-hd li.on{border-bottom: 2px solid #00BED4;}
.livemain-hd li a:hover,.livemain-hd li.on a{color:#00BED4;}
.livemain_item{padding:30px 20px 20px 20px;background-color:#fff;-webkit-box-shadow:0 1px 1px #d5d5d5;-moz-box-shadow:0 1px 1px #d5d5d5;box-shadow:0 1px 1px #d5d5d5;}
.livemain_item .title{margin-bottom:20px;color:#333;text-align:center;font-size:20px;line-height:24px;}
.livemain_item .title a{font-size: 12px}
.courseintro .details{padding:0 40px;}
.liveitem_courseinfo{font-size:14px;line-height:20px;}
.liveitem_courseinfo span{float:left;width:70px;color:#6d6d6e;}
.liveitem_courseinfo p{position:relative;margin-bottom:15px;margin-left:70px;}
.teachoutline .timearrange{margin-bottom:10px;color:#6187dc;text-align:center;font-size:14px;line-height:18px;}
.teachoutline .details table{margin:0 auto;width:100%;}
.teachoutline .details table tr{border-bottom:1px solid #eee;color:#666;font-size:14px;line-height:50px;}
.teachoutline .details table .classOver{color:#9d9e9e;}
.teachoutline .details table tr td:nth-child(2){max-width: 234px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.teachoutline .view_catalog_all{margin-top:20px;background-color:#fafafa;color:#9d9e9e;text-align:center;font-size:12px;line-height:40px;cursor:pointer;}
.course-tab-nav{padding:0 20px;padding-bottom:10px;border-bottom:1px solid #eee;}
.course-tab-nav li{float:none;display:inline-block;margin-right:5px;padding:2px 10px;border:1px solid #00BED4;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;color:#00BED4;text-indent:8px;line-height:24px;cursor:pointer;}
.course-tab-nav li.active{background-color:#00BED4;color:#fff;}
.course-tab-nav li.active a{background-color:#00BED4;color:#fff;}
/*编辑器*/
.qa-comment-input{padding: 10px 0 0 0; height:auto; float:left;position: relative;}
.qa-comment-input img { border-radius: 50%; width: 40px}
.qa-ci-avator{ text-align: center;width: 80px;}
.qa-ci-iarea{border: 1px solid #eeeeee;width:97.5%;margin:10px 0; border-radius: 4px;height:80px; padding:1%; color:#888; font-size:14px}
.quesdetail .qa-ci-iarea{ padding: 12px 13px; width: 746px;vertical-align: middle;background:none; border:#eeeeee 1px solid; color:#999999; font-size:12px; margin:0;}
.qa-ci-wrap{ width:100%; background:none;color:#999999; font-size:12px;}
.qa-worap .qa-comment-input .qa-ci-wrap{width: 738px;}
.star_ul li{width:11px; height:10px; font-size:1px; overflow:hidden; background-image:url(../icon/ico.png); background-repeat:no-repeat; float:left;margin: 10px 2px 0 0;}
.grade-back-set{width:11px; height:10px; font-size:1px; overflow:hidden; display:inline-block; background-image:url(../icon/ico.png); background-repeat:no-repeat;background-position:-105px -4px; width:15px; height:20px}
.grade-back-default{width:11px; height:10px; font-size:1px; overflow:hidden; display:inline-block; background-image:url(../icon/ico.png); background-repeat:no-repeat; background-position:-83px -3px; width:15px; height:20px}
.qa-reply-footright {  padding:10px 0px 10px 0;}
.btn-mc-light {background-color: #AAAAAA;  border: 1px solid #fff;  display: inline-block;  vertical-align: middle; margin-right:5px;line-height:28px;padding: 0 23px;  text-align: center;  cursor: pointer;  font-size: 12px; border-radius: 3px; color: #fff;  *overflow: visible;  /*IE 7 button width bug fixed*/
  *display: inline;  /* IE7 inline-block hack */  *zoom: 1;  transition: border-color 0.25s;  -webkit-transition: border-color 0.25s;  -moz-transition: border-color 0.25s;  -o-transition: border-color 0.25s;}
.btn-mini{cursor:pointer; background: #00BED4;border:none;color: #ffffff;font-size: 12px; line-height:28px; padding:0 23px;border-radius: 3px;}
/* 右侧 */
.liveside{float:right;width:280px;}
.sideBar .teacher{border-bottom:1px solid #ecf7f9;margin-bottom: 30px;}
.sideBar .teacher .title{color:#333;font-size:16px;border-bottom: 1px solid #edf2f2;height: 58px;line-height: 58px;text-indent: 20px;}
.sideBar .teacher .details{overflow:hidden;margin-bottom:20px;zoom:1;margin-top: 20px;}
.sideBar .teacher .details .photo{width:120px;height: 120px;margin: 0 auto;}
.sideBar .teacher .details .photo img{width:120px;;height:120px;border-radius: 50%;}
.sideBar .teacher .details .right{overflow: hidden;}
.sideBar .teacher .details .right .name a{color:#333;font-size:16px;display: block;text-align: center;margin: 10px 0;}
.sideBar .icon-vip-cvip{background:url(../icon/small-cvip_f6ede1fd31.png);}
.sideBar .teacher .details .right p{color:#888;font-size:14px;margin: 0 20px 5px;}
.sideBar .teacher .details .right .consult{width:90px;border:1px solid #00BED4;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#6187dc;text-align:center;font-size:12px;line-height:25px;cursor:pointer;}
.sideBar .org{border-bottom:1px solid #ecf7f9;margin-bottom: 30px;padding-bottom: 20px;}
.sideBar .org .title{color:#333;font-size:16px;height: 58px;line-height: 58px;border-bottom: 1px solid #edf2f2;text-indent: 20px;}
.sideBar .org .details{overflow: hidden;margin: 20px 0;}
.sideBar .org .details .photo{width:120px;height: 120px;margin: 0 auto;}
.sideBar .org .details .photo img{width:120px;height:120px;border-radius: 50%;}
.sideBar .org .details .right{overflow: hidden;}
.sideBar .org .details .right .name{color:#333;font-size:16px;}
.sideBar .org .details .right .name a{color:#333;font-size:16px;display: block;text-align: center;margin-top: 16px;}
.sideBar .icon-vip-cvip{background:url(../icon/small-cvip_f6ede1fd31.png);}
.sideBar .org .details .right p{color:#888;font-size:14px;margin: 10px 20px;}
.sideBar .org .details .right .consult{width:90px;border:1px solid #00BED4;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#6187dc;text-align:center;font-size:12px;line-height:25px;cursor:pointer;}
.sideBar .otherCourses{margin-top:14px;margin-bottom:24px;padding:0 15px;}
.sideBar .otherCourses .title{color:#333;font-size:16px;height: 58px;line-height: 58px;border-bottom: 1px solid #edf2f2; }
.sideBar .otherCourses .lists .item{padding-top:20px;padding-bottom:20px;padding-left: 5px;border-bottom:1px solid #ecf7f9;}
.sideBar .otherCourses .lists .item:last-child{border:none;}
.sideBar .otherCourses .lists .item img{margin-bottom:5px;width:240px;height:135px;}
.sideBar .otherCourses .lists .item .description{font-size:14px;}
.sideBar .otherCourses .lists .item .moreInfo p{color:#666;font-size:12px;}
.sideBar .otherCourses .lists .item .moreInfo p .icon-rmb,.sideBar .otherCourses .lists .item .moreInfo p span{color:#00BED4;}
.sideBar .otherCourses .lists .item .description .price{float:right;margin-right:15px;}
.sideBar .otherCourses .lists .item .description .price .rmb{color:#00BED4;}
.card{background-color:#fff;-webkit-box-shadow:0 1px 1px #d5d5d5;-moz-box-shadow:0 1px 1px #d5d5d5;box-shadow:0 1px 1px #d5d5d5;}
.class_jg_ul{overflow:hidden;height: 60px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eee;background: #fafeff;margin: 0 20px;}
.class_jg_ul li{float:left;width:33.333%;color:#666;text-align:center;font-size:14px;margin-top: 10px;}
.class_jg_ul li:nth-child(2){margin:0 -1px;border:solid 1px #eee;border-width:0 1px;margin-top: 10px;}
.class_jg_ul li p{color:#666;}
/*遮罩层 弹出来*/
.mask{display:none;background:#666;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;min-width:1200px}
.message_add_order_box,.message_prompt_box{display:none;width:460px;height:280px;z-index:9999;position:fixed;top:45%;left:50%;margin-top:-140px;margin-left:-230px;border:1px solid #ccc;background:#fff}
.quer_btn{border-radius:4px;background:#00bed4;color:#fff;height:10px;line-height:10px;padding:6px;cursor:pointer;margin-right:15px}
.quer_btn a{color:#fff;font-size: 14px;}
.quer_btn:hover{color: #fff;}
.back a.edit {margin-right: 0;}
.livemain_item .title a {font-size: 15px;color:#656565;}
.ewm1 {position: relative;display: block;padding: 0;top: 0;width: auto;height: 20px;border: 0;background: #fff;}
.qa-replies {margin-bottom: -1px;width: 77%;margin-left: 70px;}
.qa-replies .wenda-listcon{background-color: #f7f7f7;padding: 0 14px;}
.qa-replies .teacher-dp{margin-left:-10px;margin-top: 10px;padding-bottom: 0}
.qa-replies .teacher-dp .name a{color:#00BED4;}
.qa-replies .pic{width:26px;height: 26px;}
.qa-replies .tit{margin: 10px 0 8px;margin-top: 13px;}
.qa-replies dt{margin-left:-35px;}
.qa-replies .teacher-dp dd .star {margin: 0px 20px 0 0}
.qa-reply-c {  position: relative; background: #f7f7f7;}
.qa-reply-c:last-child{border:0;}
.qa-reply-more{ width:100%; height:50px; line-height:50px; text-align:center}
.wenda a,.wenda p,.wenda{ font-family:"microsoft yahei";}
.qa-worap{ width:919px; float:left; height:auto; background:#ffffff;margin-bottom: -999px; padding-bottom:999px}
.qa-header {  position: relative;  padding: 10px 50px; height: 40px;}
.qa-header-r{ height: 40px; line-height:40px;position:absolute;top:20px;  right:50px; display:inline-block}
.wenda-gz{  width: 20px;  height: 20px; margin:12px 10px 0 0; display: inline-block;  background: url(../images/ico.png) no-repeat -81px -64px; }
.wenda-gz:hover{background: url(../images/ico.png) no-repeat -81px -92px;}
.wenda-gz-Toggle{ width: 20px;  height: 20px;  display: inline-block; background: url(../images/ico.png) no-repeat -81px -148px; margin:12px 10px 0 0}
.wenda-gz-Toggle:hover{background: url(../images/ico.png) no-repeat -81px -120px;}
.qa-reply-item {position: relative;border-bottom: 1px solid #e3e5e5;}
.qa-reply-item:last-child{border-bottom:0}
.qa-reply-item-author {width:26px;height: 26px;  position: absolute;  left: 10px;  top: 10px;  line-height: 1em;}
.qa-reply-item-author img {border-radius: 50%;height: 24px;width: 24px;}
.qa-reply-item-inner {margin-left: 40px;  font-size: 12px;padding: 7px 40px 7px 0;}
.q-reply-item-c {  color: #656565;  font-size: 12px;  line-height: 1.7em;  padding-top: 3px;  word-break: break-all;  word-wrap: break-word;  overflow: hidden;}
.qa-reply-ibox {  padding: 20px 0;}
.qa-reply-iarea {  line-height: 1em;}
.qa-reply-ifoot {  padding: 10px 0;}
.qa-reply-ibox-default .qa-reply-ifoot { }
.qa-reply-ibox-default textarea {  min-height: 22px;}
.qa-reply-iavator {  width: 60px;  text-align: center;}
.qa-reply-iavator img {  width: 40px;  border-radius: 50%;}
.qa-reply-iwrap {overflow: hidden;}
.qa-reply-iwrap textarea {border: 1px solid #e3e5e5;  padding: 7px;  resize: none; height:auto; max-height:40px; overflow:inherit;min-height: 22px;  line-height: 1.7em;  width: 572px;font-size: 12px;   background-color: #fff;}
.qa-reply-iwrap textarea:focus {  border: #DDEDF8 1px solid;}
.qa-reply-iwrap .qa-reply-ipt-default {  overflow: hidden;  color: #999999;}
.qa-reply-item-reply .qa-icon {  display: inline-block;  width: 14px;  height: 12px;  margin-right: 3px;  background-position: 0 -230px;}
.qa-reply-item-reply:hover {  color: #656e73;}
.qa-reply-item-reply:hover .qa-icon {  background-position: 0 -136px;}/*回复小图标*/
.qa-reply-iwrap .qa-reply-iarea textarea {width:99%;border: 1px solid #e3e5e5;padding: 0;text-indent: 10px; resize: none;height: 40px;line-height: 40px; font-size: 12px;  background-color: #fff;}
.qa-reply-item-reply {  display: inline-block;  cursor: pointer;  margin-left: 10px;}
.qa-reply-item-reply .qa-icon {  display: inline-block;  width: 14px;  height: 12px;  margin-right: 3px;  background-position:-28px -150px;}
.qa-reply-item-reply:hover {  color: #656e73;}
.qa-reply-item-reply:hover .qa-icon {  background-position: -1px -212px;}
#qrcode img {width: 100px;height: 100px;}
.price{height: 48px;width: 35%;}
.limit_time,.limit_num{background: url("../images/bg_ progress.png") no-repeat;float: right!important;width: 200px;height: 50px;background-size: cover;}
.limit_time>.num,.limit_num .buying{color: #fff;font-size: 12px;height: 28px;line-height: 28px;text-align: center;float: none!important;}
.limit_time .g-progress{height: 12px;width: 140px;background: #fff;margin: 0 auto;border-radius: 12px;}
.limit_time .g-bg{background: #d7ce27;height: 12px;width: 30%;border-radius: 12px;display: block;font-size: 12px;line-height: 12px;text-align: right;}
.right .qq{position: absolute;right: 206px;top: 128px;;height: 48px;border-left: 1px solid #dcdcdc;padding-left: 20px;}
.right .qq .icon-qq{color: #2069cf;font-size: 26px;background: transparent;}
.right .qq p span{color: #333;font-size: 12px;}
.right .qq>p>i{font-size: 14px;color: #999;}
.limit_num .time{height: 18px;line-height: 18px;text-align: center;color: #fff;font-size: 12px;padding-left: 44px;}
.limit_num .time>span{float: left;height: 16px;width: 16px;border-radius: 3px;background: rgba(0,0,0,.4);font-size: 12px;font-weight: bold;display: inline-block;line-height: 16px;}
.limit_num .time>p{float: left;color: #fff;margin: 0 3px;}
.livetopbox .right .new_price{margin-left: 10px;}
.buy_finish{background: url("../images/soldout.png") no-repeat;float: right!important;width: 200px;height: 50px;background-size: cover;text-align: right;}
.buy_finish p{font-size: 12px;color: #fff;height: 28px;line-height: 28px;float: none;margin-right: 30px;}
.buy_finish span{color: #fff;font-size: 12px;height: 20px;line-height: 6px;margin-right: 34px;}
.qq_box{display: none;width: 194px;padding: 10px;background: #fff;border: 1px solid #e5e5e5;position: absolute;right: -85px;top: 55px;box-shadow: 2px 4px 10px rgba(58,69,88,.3);}
.qq_box:after {position: absolute;right:48%;top: -8px;width: 12px;height: 12px;border: solid 1px #e5e5e5;border-width: 2px 2px 0 0;background-color: #fff;content: '';-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.qq_box li{font-size: 12px;color: #888;margin: 6px 0;}
.right .qq:hover .qq_box{display: block;}
.head_box .money{display: inline-block;padding: 0px 6px;border-radius: 4px;border: 1px solid #f65549;color: #f65549;font-size: 16px;}
.head_box h3{display: inline-block;}
p strong{font-weight: 700;}
.details .classOver img{
  padding-left: 5px;
  width: 20px;
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
}
.colorOn{color: #00BED4;}
#dagang .on{color: #00BED4;}
.colorOn:hover{cursor: pointer}
.lijimove{border:0;background:#00BED4;width:66px;line-height:30px;border-radius:5px;color:#fff!important;text-align:center;cursor:pointer;display: none;position: absolute;left: 0;top: 50%;
    transform: translateY(-50%);}
.details tr td:last-child{position: relative;}
.details tr td:last-child:hover p{opacity: 0;}
.details tr td:last-child:hover .lijimove{display: inline-block;}
.details tr td:last-child p{line-height: 40px;}

/* 内容颜色 */
.topbox{
  background-color: #f0f0f2;
}
.topbox .wrap{
  background-color: white;
  width: 1170px;
  padding:15px;
}
body .content {
    padding-top: 0;
}
body .content .wrap{
  margin-top: 0;
} 


/* 手机查看 二维码*/
.teachoutline .details table .box_h5look .imgpos{position: absolute;top: 43px;left: -43px;display: none;z-index: 999;
  width: 100px;
  height: 100px;
  border: 1px solid #00BED4;
  background: #fff;
}
.teachoutline .details table .box_h5look .imgpos img{
	padding: 0;
	width: 97%;

}
.teachoutline .details table .box_h5look  .phone{
  color: #b3b3b3;
  font-size: 16px;
  margin-top: 2px;
}
.teachoutline .details table .box_h5look  .imgpos:after{
  position: absolute;
  right: 44px;
  bottom: 94px;
  width: 12px;
  height: 12px;
  border: solid 1px #00BED4;
  border-width: 1px 1px 0 0;
  background-color: #fff;
  content: '';
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.teachoutline .details table .box_h5look:hover{
  cursor: pointer;
}
.teachoutline .details table .box_h5look:hover .imgpos{display: block;}

.activityDiv {
    width: 100%;
    height: 39px;
    background: linear-gradient(90deg, rgba(221, 36, 70, 0.89), rgba(251, 92, 88, 0.89), rgba(251, 92, 88, 0.89));
    box-sizing: border-box;
    padding: 9px 7px;
    line-height: 21px;
    position: relative;
    margin-top: 20px;
}
.activityDiv div {
    width: 33%;
    float: left;
}
.activityDiv .activityRight {
    font-size: 12px;
}
.activityDiv div span {
    color: #FFE134;
}
.activityDiv .activityLeft i {
    font-size: 22px;
    line-height: 21px;
}
.activityDiv .activityLeft i {
    color: #FFE134;
    vertical-align: middle;
}
.activityDiv i, .activityDiv span {
    vertical-align: middle;
}
.activityDiv .activityCenter i, .activityDiv .activityRight i {
    color: white;
}
.activityDiv .activityCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.threeD div {
    width: auto;
}
.threeD .activityLeft {
    float: left;
}
.threeD .activityRight {
    float: right;
}
.threeD .activityRight .white {
    color: white;
}
.threeD .Discount {
    font-size: 12px;
    color: white;
    padding: 2px 7px;
    border: 1px solid white;
}
.ProgressBar {
    display: inline-block;
    width: 136px;
    height: 12px;
    background: rgba(249, 251, 251, 1);
    border-radius: 6px;
    line-height: 12px;
    position: relative;
    overflow: hidden;
}
.threeD .ProgressBar i {
    text-align: right;
    font-style: normal;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 12px;
    color: #333333;
    display: inline-block;
    background: rgba(215, 206, 39, 1);
    border-radius: 6px;
    width: 30%;
    height: 12px;
    padding-right: 5px;
}