@charset "UTF-8";
* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

body {
  background: #60587A;
  color: #000000;
  font-size: 12px;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

address, caption, cite, code, dfn, em, strong, th, var, i {
  font-weight: normal;
  font-style: normal;
}

a, a:link, a:visited, a:hover, a:active {
  color: #333;
  text-decoration: none;
}

a img, :link img, :visited img {
  border: 0px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol {
  list-style: none;
}

label, button, .pointer {
  cursor: pointer;
}

fieldset, img {
  border: 0;
}

.posr {
  position: relative;
}

.posa {
  position: absolute;
}

.posf {
  position: fixed;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}

.dpblock {
  display: block;
}

.dpinblock {
  display: inline-block;
}

.dpin {
  display: inline;
}

.vb {
  visibility: visible;
}

.invb {
  visibility: hidden;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.tcenter {
  text-align: center;
}

.overflow_dot {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vtop {
  vertical-align: top;
}

.vmiddle {
  vertical-align: middle;
}

.vbottom {
  vertical-align: bottom;
}

.wrap {
  margin: 0 auto;
}

.ml1 {
  margin-left: 1px;
}

.ml2 {
  margin-left: 2px;
}

.ml3 {
  margin-left: 3px;
}

.ml4 {
  margin-left: 4px;
}

.ml5 {
  margin-left: 5px;
}

.ml6 {
  margin-left: 6px;
}

.ml7 {
  margin-left: 7px;
}

.ml8 {
  margin-left: 8px;
}

.ml9 {
  margin-left: 9px;
}

.ml10 {
  margin-left: 10px;
}

.ml11 {
  margin-left: 11px;
}

.ml12 {
  margin-left: 12px;
}

.ml13 {
  margin-left: 13px;
}

.ml14 {
  margin-left: 14px;
}

.ml15 {
  margin-left: 15px;
}

.ml16 {
  margin-left: 16px;
}

.ml17 {
  margin-left: 17px;
}

.ml18 {
  margin-left: 18px;
}

.ml19 {
  margin-left: 19px;
}

.ml20 {
  margin-left: 20px;
}

.ml21 {
  margin-left: 21px;
}

.ml22 {
  margin-left: 22px;
}

.ml23 {
  margin-left: 23px;
}

.ml24 {
  margin-left: 24px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml100 {
  margin-left: 100px;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt11 {
  margin-top: 11px;
}

.mt12 {
  margin-top: 12px;
}

.mt13 {
  margin-top: 13px;
}

.mt14 {
  margin-top: 14px;
}

.mt15 {
  margin-top: 15px;
}

.mt16 {
  margin-top: 16px;
}

.mt17 {
  margin-top: 17px;
}

.mt18 {
  margin-top: 18px;
}

.mt19 {
  margin-top: 19px;
}

.mt20 {
  margin-top: 20px;
}

.mt21 {
  margin-top: 21px;
}

.mt22 {
  margin-top: 22px;
}

.mt23 {
  margin-top: 23px;
}

.mt24 {
  margin-top: 24px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt100 {
  margin-top: 100px;
}

.mr1 {
  margin-right: 1px;
}

.mr2 {
  margin-right: 2px;
}

.mr3 {
  margin-right: 3px;
}

.mr4 {
  margin-right: 4px;
}

.mr5 {
  margin-right: 5px;
}

.mr6 {
  margin-right: 6px;
}

.mr7 {
  margin-right: 7px;
}

.mr8 {
  margin-right: 8px;
}

.mr9 {
  margin-right: 9px;
}

.mr10 {
  margin-right: 10px;
}

.mr11 {
  margin-right: 11px;
}

.mr12 {
  margin-right: 12px;
}

.mr13 {
  margin-right: 13px;
}

.mr14 {
  margin-right: 14px;
}

.mr15 {
  margin-right: 15px;
}

.mr16 {
  margin-right: 16px;
}

.mr17 {
  margin-right: 17px;
}

.mr18 {
  margin-right: 18px;
}

.mr19 {
  margin-right: 19px;
}

.mr20 {
  margin-right: 20px;
}

.mr21 {
  margin-right: 21px;
}

.mr22 {
  margin-right: 22px;
}

.mr23 {
  margin-right: 23px;
}

.mr24 {
  margin-right: 24px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr100 {
  margin-right: 100px;
}

.mb1 {
  margin-bottom: 1px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb11 {
  margin-bottom: 11px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb13 {
  margin-bottom: 13px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb17 {
  margin-bottom: 17px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb19 {
  margin-bottom: 19px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb21 {
  margin-bottom: 21px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb23 {
  margin-bottom: 23px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb100 {
  margin-bottom: 100px;
}

.pl1 {
  padding-left: 1px;
}

.pl2 {
  padding-left: 2px;
}

.pl3 {
  padding-left: 3px;
}

.pl4 {
  padding-left: 4px;
}

.pl5 {
  padding-left: 5px;
}

.pl6 {
  padding-left: 6px;
}

.pl7 {
  padding-left: 7px;
}

.pl8 {
  padding-left: 8px;
}

.pl9 {
  padding-left: 9px;
}

.pl10 {
  padding-left: 10px;
}

.pl11 {
  padding-left: 11px;
}

.pl12 {
  padding-left: 12px;
}

.pl13 {
  padding-left: 13px;
}

.pl14 {
  padding-left: 14px;
}

.pl15 {
  padding-left: 15px;
}

.pl16 {
  padding-left: 16px;
}

.pl17 {
  padding-left: 17px;
}

.pl18 {
  padding-left: 18px;
}

.pl19 {
  padding-left: 19px;
}

.pl20 {
  padding-left: 20px;
}

.pl21 {
  padding-left: 21px;
}

.pl22 {
  padding-left: 22px;
}

.pl23 {
  padding-left: 23px;
}

.pl24 {
  padding-left: 24px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pl100 {
  padding-left: 100px;
}

.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pt4 {
  padding-top: 4px;
}

.pt5 {
  padding-top: 5px;
}

.pt6 {
  padding-top: 6px;
}

.pt7 {
  padding-top: 7px;
}

.pt8 {
  padding-top: 8px;
}

.pt9 {
  padding-top: 9px;
}

.pt10 {
  padding-top: 10px;
}

.pt11 {
  padding-top: 11px;
}

.pt12 {
  padding-top: 12px;
}

.pt13 {
  padding-top: 13px;
}

.pt14 {
  padding-top: 14px;
}

.pt15 {
  padding-top: 15px;
}

.pt16 {
  padding-top: 16px;
}

.pt17 {
  padding-top: 17px;
}

.pt18 {
  padding-top: 18px;
}

.pt19 {
  padding-top: 19px;
}

.pt20 {
  padding-top: 20px;
}

.pt21 {
  padding-top: 21px;
}

.pt22 {
  padding-top: 22px;
}

.pt23 {
  padding-top: 23px;
}

.pt24 {
  padding-top: 24px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt100 {
  padding-top: 100px;
}

.pr1 {
  padding-right: 1px;
}

.pr2 {
  padding-right: 2px;
}

.pr3 {
  padding-right: 3px;
}

.pr4 {
  padding-right: 4px;
}

.pr5 {
  padding-right: 5px;
}

.pr6 {
  padding-right: 6px;
}

.pr7 {
  padding-right: 7px;
}

.pr8 {
  padding-right: 8px;
}

.pr9 {
  padding-right: 9px;
}

.pr10 {
  padding-right: 10px;
}

.pr11 {
  padding-right: 11px;
}

.pr12 {
  padding-right: 12px;
}

.pr13 {
  padding-right: 13px;
}

.pr14 {
  padding-right: 14px;
}

.pr15 {
  padding-right: 15px;
}

.pr16 {
  padding-right: 16px;
}

.pr17 {
  padding-right: 17px;
}

.pr18 {
  padding-right: 18px;
}

.pr19 {
  padding-right: 19px;
}

.pr20 {
  padding-right: 20px;
}

.pr21 {
  padding-right: 21px;
}

.pr22 {
  padding-right: 22px;
}

.pr23 {
  padding-right: 23px;
}

.pr24 {
  padding-right: 24px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr50 {
  padding-right: 50px;
}

.pr100 {
  padding-right: 100px;
}

.pb1 {
  padding-bottom: 1px;
}

.pb2 {
  padding-bottom: 2px;
}

.pb3 {
  padding-bottom: 3px;
}

.pb4 {
  padding-bottom: 4px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb7 {
  padding-bottom: 7px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb11 {
  padding-bottom: 11px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb13 {
  padding-bottom: 13px;
}

.pb14 {
  padding-bottom: 14px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb17 {
  padding-bottom: 17px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb19 {
  padding-bottom: 19px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb21 {
  padding-bottom: 21px;
}

.pb22 {
  padding-bottom: 22px;
}

.pb23 {
  padding-bottom: 23px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb100 {
  padding-bottom: 100px;
}

.wd10 {
  width: 10px;
}

.wd15 {
  width: 15px;
}

.wd20 {
  width: 20px;
}

.wd30 {
  width: 30px;
}

.wd40 {
  width: 40px;
}

.wd50 {
  width: 50px;
}

.wd100 {
  width: 100px;
}

.wd200 {
  width: 200px;
}

.wd300 {
  width: 300px;
}

.wd400 {
  width: 400px;
}

.wd500 {
  width: 500px;
}

.wd600 {
  width: 600px;
}

.wd700 {
  width: 700px;
}

.wd800 {
  width: 800px;
}

.wd900 {
  width: 900px;
}

.wd1000 {
  width: 1000px;
}

.hg10 {
  height: 10px;
}

.hg15 {
  height: 15px;
}

.hg20 {
  height: 20px;
}

.hg30 {
  height: 30px;
}

.hg40 {
  height: 40px;
}

.hg50 {
  height: 50px;
}

.hg100 {
  height: 100px;
}

.hg200 {
  height: 200px;
}

.hg300 {
  height: 300px;
}

.hg400 {
  height: 400px;
}

.hg500 {
  height: 500px;
}

.hg600 {
  height: 600px;
}

.hg700 {
  height: 700px;
}

.hg800 {
  height: 800px;
}

.hg900 {
  height: 900px;
}

.hg1000 {
  height: 1000px;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs32 {
  font-size: 32px;
}

.fs34 {
  font-size: 34px;
}

.fs36 {
  font-size: 36px;
}

.lh10 {
  line-height: 10px;
}

.lh12 {
  line-height: 12px;
}

.lh14 {
  line-height: 14px;
}

.lh16 {
  line-height: 16px;
}

.lh18 {
  line-height: 18px;
}

.lh20 {
  line-height: 20px;
}

.lh22 {
  line-height: 22px;
}

.lh24 {
  line-height: 24px;
}

.lh26 {
  line-height: 26px;
}

.lh28 {
  line-height: 28px;
}

.lh30 {
  line-height: 30px;
}

.lh32 {
  line-height: 32px;
}

.lh34 {
  line-height: 34px;
}

.lh36 {
  line-height: 36px;
}

.lh38 {
  line-height: 38px;
}

.lh40 {
  line-height: 40px;
}

.lh50 {
  line-height: 50px;
}

.lh60 {
  line-height: 60px;
}

.bd1 {
  border: 1px;
}

.bd2 {
  border: 2px;
}

.bd3 {
  border: 3px;
}

.bd4 {
  border: 4px;
}

.bd5 {
  border: 5px;
}

.bd6 {
  border: 6px;
}

.bd7 {
  border: 7px;
}

.bd8 {
  border: 8px;
}

.bd9 {
  border: 9px;
}

.bd10 {
  border: 10px;
}

.c_anchorGrade {
  display: inline-block;
}

.tab_section {
  width: 100%;
  background: #FBFBFB;
}
.tab_section .tab_menu {
  position: relative;
  margin-bottom: -1px;
  padding-left: 10px;
  height: 30px;
  z-index: 1;
}
.tab_section .tab_menu .menu-item {
  float: left;
  margin-bottom: -1px;
  background: #ddd;
  line-height: 28px;
  text-align: center;
  border: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}
.tab_section .tab_menu .menu-item.curr {
  background: #fff;
  border-bottom-color: #fff;
}
.tab_section .tab_box {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
}

.sub_tab_section .sub_menu {
  padding-left: 10px;
  height: 22px;
}
.sub_tab_section .sub_menu li {
  float: left;
  margin-right: 13px;
  padding: 0 7px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border-bottom: 2px solid #fff;
  cursor: pointer;
}
.sub_tab_section .sub_menu li.curr {
  border-bottom-color: #3fabee;
}

.btn {
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.btn-normal {
  color: #16191e;
  background: #F9C347;
  text-align: center;
}

.btn-normal:hover {
  background: #FFD40B;
}

.btn-normal:active {
  background: #d38222;
}

.btn-disbale {
  color: #000;
  background: #8b8b8b;
  text-align: center;
}

.btn-disbale:hover {
  background: #8b8b8b;
}

.btn-disbale:active {
  background: #8b8b8b;
}

.icon {
  display: inline-block;
  vertical-align: middle;
}

.alert {
  position: fixed;
  width: auto;
  height: auto;
  min-width: 302px;
  min-height: 138px;
  background: #141416;
  border: 2px solid #43434B;
  border-radius: 4px;
}
.alert .alert-header {
  position: relative;
  width: 100%;
  height: 30px;
  color: #191919;
  line-height: 30px;
  background: #141416;
}
.alert .alert-header span {
  margin-left: 16px;
}
.alert .alert-header a {
  position: absolute;
  right: 10px;
  font-size: 24px;
  color: #434345;
}
.alert .alert-body {
  padding: 20px 20px 25px 20px;
  line-height: 16px;
  color: #B1B1B1;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.alert .alert-footer {
  height: 43px;
  text-align: center;
}
.alert .alert-footer .btn {
  vertical-align: top;
}
.alert .alert-footer a {
  width: 75px;
  height: 30px;
  line-height: 30px;
}
.alert .alert-footer .alert-cel {
  margin-left: 30px;
}
.alert .alert-footer .alert-cfm, .alert .alert-footer .alert-cel {
  background: url("../img/static/giftCharge.png") no-repeat 0 0;
  background-size: contain;
  color: #fff;
  font-weight: 600;
}

.login-layout {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 21;
}

.checkin-layout {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 21;
}

.bindcellphone-layout {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 21;
}

.active-layout {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 21;
}

.messagerWrapper {
  position: absolute;
  left: -500px;
  top: -500px;
}

.webWindow-title .bindcellphone {
  display: none;
}

.webWindow-title .bindcellphoneshow {
  color: #191919;
  position: absolute;
  right: 18px;
  top: 26px;
  cursor: pointer;
  z-index: 1;
  text-indent: -9999em;
}

.webWindow-title .firstrechargecloses {
  position: absolute;
  right: 8px;
  top: 6px;
  color: #440093;
  width: 17px;
  height: 17px;
  background: url(../img/static/firstrecharge/firstrechargecloses.png) center center no-repeat;
  cursor: pointer;
  z-index: 1;
  text-indent: -9999em;
}

.webWindow-title .revaluationcloses {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  background: url(../img/static/revaluationcloses.png) center center no-repeat;
  cursor: pointer;
  z-index: 1;
  text-indent: -9999em;
}

.webWindow-title .midYearcloses {
  position: absolute;
  right: 8px;
  top: 6px;
  color: #ffd788;
  width: 17px;
  height: 17px;
  background: url(../img/static/midYear/rankclose.png) center center no-repeat;
  cursor: pointer;
  z-index: 1;
  text-indent: -9999em;
}

.webWindow {
  width: 500px;
  height: 500px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}

.webWindow-title {
  position: relative;
  padding-left: 10px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
  background: #4DA6E4;
}

.webWindow-title .close {
  color: #191919;
  position: absolute;
  right: 8px;
  top: 6px;
  cursor: pointer;
  z-index: 1;
  text-indent: -9999em;
}

.webWindow-title .login-close {
  right: 15px;
  top: 15px;
}

.webWindow-title .tab {
  color: #fff;
  padding: 5px 5px 6px 5px;
}

.webWindow-title .tab.cur {
  background-color: #2D2B36;
}

.webWindow-title .tab:first-child {
  margin-left: -10px;
}

.webWindow .webWindow-content {
  position: relative;
  width: 100%;
  height: 470px;
  overflow: hidden;
}

.webWindow .layout {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  box-shadow: 0 0 5px #ccc;
  background: #fff;
  z-index: 10;
}

.nav-wraper {
  width: 1200px;
  height: 60px;
  margin: 0 auto;
}
.nav-wraper .nav-logo,
.nav-wraper .nav-list,
.nav-wraper .nav-search {
  float: left;
}
.nav-wraper h1 span {
  float: left;
  width: 0;
  height: 0;
  overflow: hidden;
}
.nav-wraper .nav-logo img {
  float: left;
  margin: 11px 0;
}
.nav-wraper .nav-logo .nav-til {
  float: left;
  margin: 20px 0;
}
.nav-wraper .nav-list li {
  float: left;
  margin-left: 20px;
}
.nav-wraper .nav-list li a {
  padding: 0 5px;
  font-size: 18px;
  line-height: 60px;
}
.nav-wraper .nav-list li:hover a {
  color: #000;
}
.nav-wraper .nav-list li.cur {
  font-weight: 600;
  height: 58px;
  border-bottom: 2px solid #5d3bac;
}
.nav-wraper .nav-list li.cur a {
  color: #333;
}
.nav-wraper .nav-search {
  float: right;
  width: 185px;
  height: 35px;
  margin: 12px 180px 11px 0px;
  position: relative;
}
.nav-wraper .nav-search .search-con {
  overflow: hidden;
}
.nav-wraper .nav-search .search-con input {
  float: left;
  width: 130px;
  height: 33px;
  line-height: 33px;
  margin: 1px 0 1px 16px;
  color: #D4D4D4;
}
.nav-wraper .nav-search .search-con input.focus {
  color: #333;
}
.nav-wraper .nav-search .search-con a {
  float: right;
  width: 35px;
  height: 35px;
}
.nav-wraper .nav-search .errorTip {
  display: none;
  position: absolute;
  bottom: -32px;
  color: #f00;
  text-align: center;
  line-height: 32px;
}
.nav-wraper .nav-right {
  float: right;
}
.nav-wraper .nav-right > li {
  float: left;
  height: 60px;
  padding: 0 10px;
  font-size: 14px;
}
.nav-wraper .nav-right > li > a {
  line-height: 60px;
}
.nav-wraper .nav-right > li > a:hover {
  color: #7c02ca;
}
.nav-wraper .nav-right > li:last-child {
  padding-right: 0;
}
.nav-wraper .nav-right .nav-login {
  line-height: 60px;
  cursor: pointer;
  padding: 0;
}
.nav-wraper .nav-right .nav-login > a {
  line-height: 60px;
  padding: 0 10px;
}
.nav-wraper .nav-right .nav-avatar {
  position: relative;
}
.nav-wraper .nav-right .nav-avatar a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 10px 0;
}
.nav-wraper .nav-right .nav-avatar a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.nav-wraper .nav-right .nav-avatar .content-hover {
  left: -75px;
  width: 215px;
  height: 226px;
  cursor: default;
  position: absolute;
}
.nav-wraper .nav-right .nav-avatar .content-hover a {
  display: block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  padding: 0 0;
  margin: 0 auto;
  margin-top: 21px;
  cursor: default;
}
.nav-wraper .nav-right .nav-avatar .content-hover a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-username {
  font-size: 14px;
  color: #333333;
  text-align: center;
  margin: 0 auto;
  margin-top: 18px;
  width: 154px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-username .icon {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 4px;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-id {
  font-size: 12px;
  color: #666666;
  text-align: center;
  margin-top: 10px;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-bg {
  width: 79px;
  height: 18px;
  background: url("../img/static/lhbg.png") no-repeat center center;
  color: #fff;
  margin: 10px auto 0;
  font-size: 12px;
  text-align: center;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-qiqidou {
  font-size: 14px;
  color: #fbdc59;
  text-align: center;
  margin-top: 16px;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-qiqidou img {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-qiqidou i {
  font-style: normal;
  color: #f8c248;
  margin-left: 6px;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-czbnt {
  display: block;
  width: 75px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 0;
  background: #fcde4c;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 auto;
  margin-top: 10px;
  cursor: pointer;
  background: url("../img/static/czbnt.png") no-repeat 0 0;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-czbnt:hover {
  background: url("../img/static/czbnt.png") no-repeat 0 -30px;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-checkin {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-block;
  width: 56px;
  height: 22px;
  cursor: pointer;
  background: url("../img/static/checkin_btn.png") no-repeat 0 0;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-checkin.over {
  background: url("../img/static/checkin_btn.png") no-repeat 0 -22px;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-quit {
  display: block;
  margin-top: 12px;
  cursor: pointer;
  text-align: center;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-quit i {
  font-size: 12px;
  color: #666666;
  text-align: center;
  font-style: normal;
}
.nav-wraper .nav-right .nav-avatar .content-hover .avatar-quit i:hover {
  font-size: 12px;
  color: #666666;
  text-align: center;
  font-style: normal;
}
.nav-wraper .nav-right .nav-recharge a {
  display: block;
  margin: 19px 0;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}
.nav-wraper .nav-right .nav-recharge a:hover {
  color: #ffffff;
}
.nav-wraper .nav-right .nav-download:before {
  content: "";
  display: inline-block;
  height: 25px;
  border-left: 1px solid #ccc;
  position: relative;
  left: -8px;
  top: 8px;
}
.nav-wraper .nav-right .nav-shenqing:before {
  content: "";
  display: inline-block;
  height: 25px;
  border-left: 1px solid #ccc;
  position: relative;
  left: -8px;
  top: 8px;
}
.nav-wraper .nav-right .trangle,
.nav-wraper .nav-right .trangle-con {
  position: absolute;
  top: -9px;
  left: 97px;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent #e2e2e2 transparent;
  border-style: solid;
}
.nav-wraper .nav-right .trangle-con {
  top: -7px;
  border-color: transparent transparent #fff transparent;
}
.nav-wraper .nav-right .content-hover {
  display: none;
  position: absolute;
  margin-top: 10px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #E2E2E2;
}
.nav-wraper .nav-right .nav-guanzhu {
  position: relative;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover {
  left: -76px;
  height: 281px;
  width: 200px;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover > p {
  overflow: hidden;
  text-align: center;
  padding: 0 10px;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover > p a {
  float: left;
  width: 90px;
  line-height: 33px;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover > p a.cur {
  color: #F8C246;
  border-bottom: 2px solid #F8C246;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list {
  height: 246px;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list ul {
  padding: 0 10px;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list ul > li > a {
  display: block;
  border-bottom: 1px solid #EDEDEE;
  padding: 10px 0;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list ul > li:last-child > a {
  border: none;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor li > a {
  overflow: hidden;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor img {
  height: 100%;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-img {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-info {
  float: left;
  padding-left: 7px;
  width: 133px;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-info p {
  overflow: hidden;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-info p span {
  float: left;
  line-height: 20px;
  font-size: 14px;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-info p i {
  float: right;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-info p:last-child {
  margin: 10px 0;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-info > div {
  float: left;
  height: 12px;
  margin-top: 3px;
  font-size: 11px;
  line-height: 12px;
  color: #CFCFCF;
  border: 1px solid #CFCFCF;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-anchor .anchor-info > div.on {
  color: #F8C246;
  border: 1px solid #F8C246;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-hd {
  display: none;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-hd .hd-til {
  font-size: 14px;
  display: inline-block;
  width: 85px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-hd .hd-roomid {
  font-size: 11px;
  color: #A7A7A7;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-hd .hd-time {
  font-size: 12px;
  color: #F8C246;
}
.nav-wraper .nav-right .nav-guanzhu .content-hover .guanzhu-list .guanzhu-hd .hd-timer {
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}
.nav-wraper .nav-right .nav-shenqing {
  position: relative;
}
.nav-wraper .nav-right .nav-shenqing .content-hover {
  left: -38px;
  width: 150px;
}
.nav-wraper .nav-right .nav-shenqing .content-hover p {
  margin: 0 10px;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
}
.nav-wraper .nav-right .nav-shenqing .content-hover .sqfz-item {
  border-bottom: 1px solid #EDEDEE;
}
.nav-wraper .nav-right .nav-shenqing .content-hover .sqfz-icon,
.nav-wraper .nav-right .nav-shenqing .content-hover .sqzb-icon {
  display: inline-block;
  vertical-align: sub;
}
.nav-wraper .nav-right .nav-shenqing .content-hover .trangle,
.nav-wraper .nav-right .nav-shenqing .content-hover .trangle-con {
  left: 72px;
}
.nav-wraper .nav-right .nav-download {
  position: relative;
}
.nav-wraper .nav-right .nav-download .content-hover {
  left: -68px;
  width: 180px;
}
.nav-wraper .nav-right .nav-download .content-hover p {
  padding: 0 20px;
  text-align: center;
}
.nav-wraper .nav-right .nav-download .content-hover p i {
  display: inline-block;
  vertical-align: middle;
}
.nav-wraper .nav-right .nav-download .content-hover p b {
  color: #333;
  display: block;
  line-height: 35px;
}
.nav-wraper .nav-right .nav-download .content-hover p.download-phone a {
  color: #333;
  display: block;
  line-height: 35px;
}
.nav-wraper .nav-right .nav-download .content-hover p.download-pc a {
  color: #333;
  line-height: 40px;
  vertical-align: middle;
}
.nav-wraper .nav-right .nav-download .content-hover p:first-child {
  padding-top: 15px;
  border-bottom: 1px solid #e2e2e2;
}
.nav-wraper .nav-right .nav-download .content-hover .trangle,
.nav-wraper .nav-right .nav-download .content-hover .trangle-con {
  left: 87px;
}
.nav-wraper .nav-right .nav-zhuxiao {
  position: relative;
}
.nav-wraper .nav-right .nav-zhuxiao .content-hover {
  display: none;
  position: absolute;
  top: 65px;
  right: 5px;
  width: 463px;
  height: 402px;
  background: url("../img/static/zhzx.png") no-repeat;
  border: none;
}
.nav-wraper .nav-qqlight {
  display: inline-block;
  float: left;
  margin-top: 5px;
  margin-left: 20px;
  width: 115px;
  height: 39px;
  cursor: pointer;
  background: url("../img/static/qqlight/bnt.png") no-repeat 0 0;
  display: none;
}
.nav-wraper .nav-qqlight:hover {
  background: url("../img/static/qqlight/bnt.png") no-repeat 0 -39px;
}

#footer {
  width: 100%;
  background: #F2F2F2;
  overflow: hidden;
}
#footer .footer-inner {
  margin: 0 auto;
  padding-top: 42px;
  max-width: 1200px;
  min-width: 980px;
  height: 152px;
  border-bottom: 1px solid #e2e2e2;
}
#footer .footer-inner .code-wrap {
  float: left;
  width: 50%;
  position: relative;
}
#footer .footer-inner .code-wrap .app-wrap {
  float: right;
  margin-right: 50px;
  text-align: center;
}
#footer .footer-inner .code-wrap .wechat-wrap {
  float: right;
  margin-right: 50px;
  text-align: center;
}
#footer .footer-inner .code-wrap p {
  font-size: 10px;
  line-height: 26px;
}
#footer .footer-inner .code-wrap:after {
  position: absolute;
  right: 0;
  content: '';
  display: block;
  height: 130px;
  border-left: 1px solid #E2E2E2;
}
#footer .footer-inner .info-wrap {
  float: left;
  width: 450px;
  padding-left: 40px;
}
#footer .footer-inner .info-wrap .logoFooter {
  margin-left: 16px;
}
#footer .footer-inner .info-wrap .logoFooter a {
  display: block;
  height: 100%;
}
#footer .footer-inner .info-wrap p {
  margin-bottom: 8px;
  font-size: 12px;
  overflow: hidden;
}
#footer .footer-inner .info-wrap p a {
  float: left;
  width: 80px;
  line-height: 14px;
  text-decoration: none;
  color: #000;
  text-align: center;
}
#footer .footer-inner .info-wrap p a:hover {
  text-decoration: none;
  color: #000;
}
#footer .footer-inner .info-wrap p a:visited {
  color: #000;
}
#footer .footer-inner .info-wrap p .borderR {
  border-right: 1px solid #9ea2ad;
}
#footer .footer-inner .info-wrap p i {
  margin-right: 13px;
  font-style: normal;
  color: #a8a8a8;
}
#footer .footer-inner .info-wrap p span {
  color: #a8a8a8;
}
#footer .footer-inner .info-wrap p.sec {
  padding-left: 16px;
}
#footer .footer-bottom {
  margin: 0 auto;
  padding: 32px 0 57px 0;
  max-width: 1200px;
  min-width: 980px;
}
#footer .footer-bottom p {
  height: 24px;
  line-height: 24px;
  color: #8c8c8c;
  text-align: center;
}
#footer .footer-bottom p a, #footer .footer-bottom p span {
  margin-right: 20px;
  color: #8c8c8c;
}
#footer .footer-bottom p img {
  margin-right: 4px;
  vertical-align: middle;
}
#footer .footer-bottom p a:hover {
  color: #8c8c8c;
  text-decoration: underline;
}
#footer .footer-bottom p a:visited {
  color: #8c8c8c;
  text-decoration: none;
}

.module-top {
  position: relative;
  margin: 0 auto 40px;
  width: 100%;
  min-width: 980px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.module-top .module-content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  z-index: 2;
  overflow: hidden;
}
.module-top .top {
  height: 561px;
  overflow: hidden;
}
.module-top .top .play-zone {
  position: relative;
  float: left;
  width: 570px;
  height: 560px;
}
.module-top .top .play-zone object, .module-top .top .play-zone embed {
  width: 134%;
  margin-left: -17%;
}
.module-top .top .play-zone .touTiao {
  display: none;
  position: absolute;
  top: -3px;
  left: 0;
  width: 119px;
  height: 32px;
}
.module-top .top .play-zone .enter-layout {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90%;
  text-align: center;
  line-height: 495px;
}
.module-top .top .play-zone .enter-layout .enter-room-text {
  display: block;
  position: absolute;
  top: 302px;
  left: 230px;
  width: 100px;
  line-height: 20px;
  font-size: 20px;
  text-align: center;
  color: #fff;
}
.module-top .top .play-zone .refresh-layout {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 409px;
  background: #000;
}
.module-top .top .play-zone .refresh-layout div {
  margin: 110px auto 30px;
}
.module-top .top .play-zone .refresh-layout p {
  margin-bottom: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #fff;
}
.module-top .top .play-zone .refresh-layout a {
  display: block;
  margin: 0 auto;
}
.module-top .top .anchor-list {
  float: right;
  width: 579px;
  height: 560px;
}
.module-top .top .anchor-list li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.module-top .anchor-list li {
  float: left;
}

.small .module-top {
  width: 100%;
  min-width: 938px;
}
.small .module-top .module-content {
  width: 100%;
}
.small .module-top .top {
  height: 450px;
  overflow: hidden;
}
.small .module-top .top .play-zone {
  width: 460px;
  height: 450px;
}
.small .module-top .top .play-zone object, .small .module-top .top .play-zone embed {
  width: 134%;
  margin-left: -17%;
}
.small .module-top .top .play-zone .enter-layout {
  line-height: 400px;
}
.small .module-top .top .play-zone .enter-layout .enter-room-text {
  top: 255px;
  left: 176px;
}
.small .module-top .top .play-zone .refresh-layout {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 272px;
  background: #000;
}
.small .module-top .top .anchor-list {
  float: right;
  width: 468px;
  height: 468px;
}

#playerWrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.qqlight_tips {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  height: 300px;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #E2E2E2;
  z-index: 2;
  display: none;
}
.qqlight_tips i {
  display: inline-block;
  vertical-align: middle;
  margin-top: 30px;
  margin-bottom: 12px;
}
.qqlight_tips p {
  font-size: 14px;
  color: #4c4c4c;
}
.qqlight_tips p b {
  font-weight: bold;
}
.qqlight_tips .qqlight_bnt {
  width: 150px;
  height: 38px;
  line-height: 38px;
  margin: 0 auto;
  margin-top: 23px;
  font-size: 14px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  background: url(../img/static/qqlight/tipsbnt.png) no-repeat 0 0;
}
.qqlight_tips .qqlight_bnt:hover {
  background: url(../img/static/qqlight/tipsbnt.png) no-repeat 0 -38px;
}

.qqlight_logoutTip {
  position: absolute;
  top: 260px;
  left: 50%;
  width: 250px;
  height: 60px;
  margin-left: -125px;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  background: url(../img/static/qqlight/qqlight_logoutTip.png) no-repeat;
  line-height: 60px;
  z-index: 10;
}

.qqlightbg_big {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 982px;
  height: 734px;
  background: url(../img/static/qqlight/qqlight_Bigbg.jpg);
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.qqlightbg_big span.qqlight_left {
  position: absolute;
  top: 488px;
  left: 50%;
  margin-left: -790px;
  display: inline-block;
  width: 140px;
  height: 62px;
  background: url(../img/static/qqlight/qqlighticon.gif);
}
.qqlightbg_big span.qqlight_right {
  position: absolute;
  top: 488px;
  left: 50%;
  margin-left: 662px;
  display: inline-block;
  width: 140px;
  height: 62px;
  background: url(../img/static/qqlight/qqlighticon.gif);
}

.qqlightbg_small {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 982px;
  height: 602px;
  background: url(../img/static/qqlight/qqlight_Smallbg.jpg);
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.qqlightbg_small span.qqlight_left {
  position: absolute;
  top: 357px;
  left: 50%;
  margin-left: -646px;
  display: inline-block;
  width: 140px;
  height: 62px;
  background: url(../img/static/qqlight/qqlighticon.gif);
}
.qqlightbg_small span.qqlight_right {
  position: absolute;
  top: 357px;
  left: 50%;
  margin-left: 543px;
  display: inline-block;
  width: 140px;
  height: 62px;
  background: url(../img/static/qqlight/qqlighticon.gif);
}

.newHall-sprite, .newHall-PKMark, .newHall-anchor, .newHall-bear, .newHall-bottomlayout, .newHall-bro, .newHall-clock, .newHall-codeApp, .newHall-codeApp2, .newHall-codeAppL, .newHall-codeAppL2, .newHall-codeAppM, .newHall-codeDlAndr, .newHall-codeWechat, .newHall-enter, .newHall-error, .newHall-error2, .newHall-fire, .newHall-forenotice, .newHall-goddess, .newHall-hotTitle, .newHall-icon_position, .newHall-leftLine, .newHall-logo2, .newHall-logoFooter, .newHall-logoFooter2, .newHall-logoLive, .newHall-next, .newHall-norBtn, .newHall-owner, .newHall-pc, .newHall-play, .newHall-popular, .newHall-pre, .newHall-rank, .newHall-refresh, .newHall-rightLine, .newHall-search, .newHall-search1, .newHall-star, .newHall-subTime, .newHall-timeLeft, .newHall-timeRight, .newHall-viewNum, .newHall-voice {
  background-image: url('../img/sprite/newHall-s4059c25bb6.png');
  background-repeat: no-repeat;
}

.newHall-PKMark {
  background-position: -173px 0;
  height: 22px;
  width: 37px;
}

.newHall-anchor {
  background-position: -183px -42px;
  height: 15px;
  width: 14px;
}

.newHall-bear {
  background-position: -100px -748px;
  height: 101px;
  width: 121px;
}

.newHall-bottomlayout {
  background-position: 0 -532px;
  height: 35px;
  width: 224px;
}

.newHall-bro {
  background-position: -146px -42px;
  height: 14px;
  width: 37px;
}

.newHall-clock {
  background-position: -8px -42px;
  height: 13px;
  width: 13px;
}

.newHall-codeApp {
  background-position: -237px -236px;
  height: 82px;
  width: 82px;
}

.newHall-codeApp2 {
  background-position: -80px -382px;
  height: 82px;
  width: 82px;
}

.newHall-codeAppL {
  background-position: -221px -748px;
  height: 116px;
  width: 116px;
}

.newHall-codeAppL2 {
  background-position: 0 -632px;
  height: 116px;
  width: 116px;
}

.newHall-codeAppM {
  background-position: -224px -532px;
  height: 100px;
  width: 100px;
}

.newHall-codeDlAndr {
  background-position: 0 -748px;
  height: 100px;
  width: 100px;
}

.newHall-codeWechat {
  background-position: -162px -382px;
  height: 82px;
  width: 82px;
}

.newHall-enter {
  background-position: 0 -382px;
  height: 80px;
  width: 80px;
}

.newHall-error {
  background-position: 0 -464px;
  height: 29px;
  width: 161px;
}

.newHall-error2 {
  background-position: -142px -194px;
  height: 29px;
  width: 180px;
}

.newHall-fire {
  background-position: -10px 0;
  height: 28px;
  width: 24px;
}

.newHall-forenotice {
  background-position: 0 -318px;
  height: 64px;
  width: 106px;
}

.newHall-goddess {
  background-position: -257px -42px;
  height: 28px;
  width: 32px;
}

.newHall-hotTitle {
  background-position: 0 -100px;
  height: 26px;
  width: 338px;
}

.newHall-icon_position {
  background-position: -21px -42px;
  height: 13px;
  width: 11px;
}

.newHall-leftLine {
  background-position: 0 -70px;
  height: 1px;
  width: 100px;
}

.newHall-logo2 {
  background-position: -56px 0;
  height: 19px;
  width: 87px;
}

.newHall-logoFooter {
  background-position: -156px -126px;
  height: 68px;
  width: 173px;
}

.newHall-logoFooter2 {
  background-position: -161px -464px;
  height: 68px;
  width: 173px;
}

.newHall-logoLive {
  background-position: 0 -194px;
  height: 36px;
  width: 120px;
}

.newHall-next {
  background-position: -299px 0;
  height: 42px;
  width: 22px;
}
.newHall-next:hover, .newHall-next.next-hover {
  background-position: -120px -194px;
}

.newHall-norBtn {
  background-position: -210px 0;
  height: 24px;
  width: 60px;
}
.newHall-norBtn:hover, .newHall-norBtn.norBtn-hover {
  background-position: -197px -42px;
}

.newHall-owner {
  background-position: -100px -70px;
  height: 15px;
  width: 13px;
}

.newHall-pc {
  background-position: -32px -42px;
  height: 15px;
  width: 14px;
}

.newHall-play {
  background-position: 0 -236px;
  height: 52px;
  width: 52px;
}

.newHall-popular {
  background-position: -289px -42px;
  height: 28px;
  width: 29px;
}

.newHall-pre {
  background-position: -112px -126px;
  height: 42px;
  width: 22px;
}
.newHall-pre:hover, .newHall-pre.pre-hover {
  background-position: -134px -126px;
}

.newHall-rank {
  background-position: -270px 0;
  height: 25px;
  width: 29px;
}

.newHall-refresh {
  background-position: -246px -70px;
  height: 30px;
  width: 80px;
}
.newHall-refresh:hover, .newHall-refresh.refresh-hover {
  background-position: 0 -126px;
}

.newHall-rightLine {
  background-position: -46px -42px;
  height: 1px;
  width: 100px;
}

.newHall-search {
  background-position: -106px -318px;
  height: 35px;
  width: 185px;
}

.newHall-search1 {
  background-position: -52px -236px;
  height: 35px;
  width: 185px;
}

.newHall-star {
  background-position: -80px -126px;
  height: 30px;
  width: 32px;
}

.newHall-subTime {
  background-position: -113px -70px;
  height: 19px;
  width: 133px;
}

.newHall-timeLeft {
  background-position: -143px 0;
  height: 19px;
  width: 30px;
}

.newHall-timeRight {
  background-position: 0 0;
  height: 19px;
  width: 10px;
}

.newHall-viewNum {
  background-position: 0 -42px;
  height: 11px;
  width: 8px;
}

.newHall-voice {
  background-position: -34px 0;
  height: 30px;
  width: 22px;
}

.grade-sprite, .grade-1, .grade-10, .grade-11, .grade-12, .grade-13, .grade-14, .grade-15, .grade-16, .grade-17, .grade-18, .grade-19, .grade-2, .grade-20, .grade-21, .grade-22, .grade-23, .grade-24, .grade-25, .grade-26, .grade-27, .grade-28, .grade-29, .grade-3, .grade-30, .grade-31, .grade-32, .grade-33, .grade-34, .grade-35, .grade-36, .grade-37, .grade-38, .grade-39, .grade-4, .grade-40, .grade-41, .grade-42, .grade-43, .grade-44, .grade-45, .grade-46, .grade-47, .grade-48, .grade-49, .grade-5, .grade-50, .grade-6, .grade-7, .grade-8, .grade-9 {
  background-image: url("https://resource.qxiu.com/common/img/grade-s22fe7428a6.png");
  background-repeat: no-repeat;
}

.grade-1 {
  background-position: 0 0;
  height: 20px;
  width: 19px;
}

.grade-10 {
  background-position: 0 -20px;
  height: 20px;
  width: 19px;
}

.grade-11 {
  background-position: 0 -40px;
  height: 20px;
  width: 19px;
}

.grade-12 {
  background-position: 0 -60px;
  height: 20px;
  width: 19px;
}

.grade-13 {
  background-position: 0 -80px;
  height: 20px;
  width: 19px;
}

.grade-14 {
  background-position: 0 -100px;
  height: 20px;
  width: 19px;
}

.grade-15 {
  background-position: 0 -120px;
  height: 20px;
  width: 19px;
}

.grade-16 {
  background-position: 0 -140px;
  height: 20px;
  width: 19px;
}

.grade-17 {
  background-position: 0 -160px;
  height: 20px;
  width: 19px;
}

.grade-18 {
  background-position: 0 -180px;
  height: 20px;
  width: 19px;
}

.grade-19 {
  background-position: 0 -200px;
  height: 20px;
  width: 19px;
}

.grade-2 {
  background-position: 0 -220px;
  height: 20px;
  width: 19px;
}

.grade-20 {
  background-position: 0 -240px;
  height: 20px;
  width: 19px;
}

.grade-21 {
  background-position: 0 -260px;
  height: 20px;
  width: 19px;
}

.grade-22 {
  background-position: 0 -280px;
  height: 20px;
  width: 19px;
}

.grade-23 {
  background-position: 0 -300px;
  height: 20px;
  width: 19px;
}

.grade-24 {
  background-position: 0 -320px;
  height: 20px;
  width: 19px;
}

.grade-25 {
  background-position: 0 -340px;
  height: 20px;
  width: 19px;
}

.grade-26 {
  background-position: 0 -360px;
  height: 20px;
  width: 19px;
}

.grade-27 {
  background-position: 0 -380px;
  height: 20px;
  width: 19px;
}

.grade-28 {
  background-position: 0 -400px;
  height: 20px;
  width: 19px;
}

.grade-29 {
  background-position: 0 -420px;
  height: 20px;
  width: 19px;
}

.grade-3 {
  background-position: 0 -440px;
  height: 20px;
  width: 19px;
}

.grade-30 {
  background-position: 0 -460px;
  height: 20px;
  width: 19px;
}

.grade-31 {
  background-position: 0 -480px;
  height: 20px;
  width: 19px;
}

.grade-32 {
  background-position: 0 -500px;
  height: 20px;
  width: 19px;
}

.grade-33 {
  background-position: 0 -520px;
  height: 20px;
  width: 19px;
}

.grade-34 {
  background-position: 0 -540px;
  height: 20px;
  width: 19px;
}

.grade-35 {
  background-position: 0 -560px;
  height: 20px;
  width: 19px;
}

.grade-36 {
  background-position: 0 -580px;
  height: 20px;
  width: 19px;
}

.grade-37 {
  background-position: 0 -600px;
  height: 20px;
  width: 19px;
}

.grade-38 {
  background-position: 0 -620px;
  height: 20px;
  width: 19px;
}

.grade-39 {
  background-position: 0 -640px;
  height: 20px;
  width: 19px;
}

.grade-4 {
  background-position: 0 -660px;
  height: 20px;
  width: 19px;
}

.grade-40 {
  background-position: 0 -680px;
  height: 20px;
  width: 19px;
}

.grade-41 {
  background-position: 0 -700px;
  height: 20px;
  width: 19px;
}

.grade-42 {
  background-position: 0 -720px;
  height: 20px;
  width: 19px;
}

.grade-43 {
  background-position: 0 -740px;
  height: 20px;
  width: 19px;
}

.grade-44 {
  background-position: 0 -760px;
  height: 20px;
  width: 19px;
}

.grade-45 {
  background-position: 0 -780px;
  height: 20px;
  width: 19px;
}

.grade-46 {
  background-position: 0 -800px;
  height: 20px;
  width: 19px;
}

.grade-47 {
  background-position: 0 -820px;
  height: 20px;
  width: 19px;
}

.grade-48 {
  background-position: 0 -840px;
  height: 20px;
  width: 19px;
}

.grade-49 {
  background-position: 0 -860px;
  height: 20px;
  width: 19px;
}

.grade-5 {
  background-position: 0 -880px;
  height: 20px;
  width: 19px;
}

.grade-50 {
  background-position: 0 -900px;
  height: 20px;
  width: 19px;
}

.grade-6 {
  background-position: 0 -920px;
  height: 20px;
  width: 19px;
}

.grade-7 {
  background-position: 0 -940px;
  height: 20px;
  width: 19px;
}

.grade-8 {
  background-position: 0 -960px;
  height: 20px;
  width: 19px;
}

.grade-9 {
  background-position: 0 -980px;
  height: 20px;
  width: 19px;
}

.anchor-item {
  position: relative;
  width: 183px;
  height: 183px;
  overflow: hidden;
}

.anchor-item.anchor-tpl {
  height: 230px;
  margin: 0 10px 10px 0;
}
.anchor-item.anchor-tpl .anchor-nick {
  margin-top: 8px;
  font-size: 12px;
  color: #000;
  font-weight: 900;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.anchor-item.anchor-tpl .anchor-number {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  text-align: left;
}
.anchor-item.anchor-tpl .room-url:hover .play-layout .wrap {
  background: url("../img/static/enter_img.png") no-repeat center;
  background-color: rgba(0, 0, 0, 0.5);
}

.small .anchor-item.anchor-tpl {
  height: 180px;
}

.anchor-item.anchor-tpl-name-in .room-url:hover .play-layout .wrap {
  background-color: rgba(0, 0, 0, 0.5);
}

.anchor-item .selected {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 197px;
  height: 197px;
  border: 3px solid #ffe200;
}

.anchor-item a {
  display: block;
  position: relative;
}

.anchor-item .newHall-PKMark {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 2;
}

.anchor-item .img-wrap {
  width: 183px;
  height: 183px;
  overflow: hidden;
}

.anchor-item .img-wrap img {
  width: 100%;
  height: 100%;
}

.anchor-item a .play-layout {
  /* display: none; */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all ease 0.3s;
  overflow: hidden;
  color: #fff;
  font-weight: 900;
}
.anchor-item a .play-layout div {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.anchor-item a .play-layout i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -26px;
  margin-top: -26px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.anchor-item a .play-layout .anchor-nick {
  display: none;
  margin-top: 70px;
  margin-left: 15%;
  width: 70%;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: left;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.anchor-item a .play-layout .view-number {
  display: none;
  margin-left: 15%;
  width: 70%;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 300;
  text-align: left;
  z-index: 2;
}

.anchor-item.big-item a .play-layout .anchor-nick {
  margin-top: 140px;
}

.anchor-item a:hover .play-layout .anchor-nick, .anchor-item a:hover .play-layout .view-number {
  display: block;
}

.anchor-item .anchor-info {
  font-size: 12px;
  line-height: 20px;
}

.anchor-item .hot-anchor-info {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 28px;
  color: #ffffff;
  font-size: 12px;
  line-height: 28px;
}

.anchor-item .hot-anchor-info span {
  padding-left: 8px;
}

.anchor-item .anchor-info .anchor-nick {
  float: left;
  margin-left: 10px;
  margin-right: 12px;
  color: #505050;
}

.anchor-item .anchor-info .anchor-nick:hover {
  color: #ffe200;
}

.anchor-item .anchor-info .icon {
  vertical-align: text-bottom;
}

.anchor-item .anchor-info .view-num {
  margin-right: 10px;
  float: right;
  color: #c4c4c4;
}

.anchor-item .anchor-info .view-num .icon {
  margin-right: 3px;
  vertical-align: baseline;
  position: relative;
  top: 1px;
}

/*  大图模块  */
.anchor-item.big-item {
  width: 376px;
  height: 376px;
}

.anchor-item.big-item .img-wrap {
  width: 376px;
  height: 376px;
}

.anchor-item.big-item .img-wrap img {
  width: 376px;
  height: 376px;
}

/*  火热推荐模块  */
.anchor-item.hot-item {
  width: 173px;
  height: 173px;
}

.anchor-item.hot-item .hot-anchor-info {
  display: block;
}

/*  头条模块  */
.anchor-item.top-item {
  width: 173px;
  height: 173px;
}

.anchor-item.top-item .img-wrap {
  width: 173px;
  height: 173px;
}

.anchor-item.top-item .hot-anchor-info {
  display: block;
}

.anchor-item.top-item .play-layout {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  background: #000;
}
.anchor-item.top-item .play-layout i {
  display: none;
}

.anchor-item.top-item a:hover .play-layout {
  opacity: 0;
  filter: alpha(opacity=0);
}
.anchor-item.top-item a:hover .play-layout i {
  display: none;
}

/*  头条选中  */
.anchor-item.top-item.curr .play-layout {
  opacity: 0;
  filter: alpha(opacity=0);
}
.anchor-item.top-item.curr .play-layout i {
  display: none;
}

.anchor-item.top-item.curr .selected {
  display: block;
  z-index: 2;
}

.anchor-item.top-item .hotAll_icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 74px;
  height: 26px;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  line-height: 26px;
  padding-left: 10px;
  background: url("../img/static/hotAll_icon.png") no-repeat;
  z-index: 1;
}

.anchor-item.room-rcd {
  width: 13.1%;
  height: 100%;
  margin-right: 1.3%;
}

.anchor-item.room-rcd:nth-child(7),
.anchor-item.room-rcd:nth-child(14) {
  margin-right: 0;
}

.anchor-item.room-rcd .img-wrap {
  width: 100%;
  height: 100%;
}

.rcd-big .anchor-item.room-rcd {
  width: 189px;
  height: 219px;
}
.rcd-big .anchor-item.room-rcd .img-wrap {
  width: 189px;
  height: 189px;
}

.small {
  /*  大图模块  */
  /*  火热推荐模块  */
  /*  头条模块  */
}
.small .anchor-item {
  width: 146px;
  height: 146px;
}
.small .anchor-item .img-wrap {
  width: 146px;
  height: 146px;
}
.small .anchor-item.big-item {
  width: 302px;
  height: 302px;
}
.small .anchor-item.big-item .img-wrap {
  width: 302px;
  height: 302px;
}
.small .anchor-item.big-item .img-wrap img {
  width: 302px;
  height: 302px;
}
.small .anchor-item.hot-item {
  width: 136px;
  height: 136px;
}
.small .anchor-item.top-item {
  width: 136px;
  height: 136px;
}
.small .anchor-item.top-item .img-wrap {
  width: 136px;
  height: 136px;
}
.small .anchor-item a .play-layout .anchor-nick {
  margin-top: 50px;
}
.small .anchor-item.big-item a .play-layout .anchor-nick {
  margin-top: 120px;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 5px;
  height: auto;
  left: auto;
  top: 0;
  right: 10px;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 10px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 5px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 5px;
  width: 5px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  background: #42414a;
  border-radius: 50%;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: transparent;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: #42414a;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #42414a;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #42414a;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.module.module-ad {
  position: relative;
  margin: 20px 0 44px;
  width: 1140px;
  height: 120px;
  overflow: hidden;
}
.module.module-ad .ad-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.module.module-ad .ad-content li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 0.3s;
  display: none;
}
.module.module-ad .ad-content li img {
  display: block;
  width: 100%;
  height: 100%;
}
.module.module-ad .ad-content li.curr {
  opacity: 100;
  filter: alpha(opacity=100);
  display: block;
}
.module.module-ad .pre, .module.module-ad .next {
  position: absolute;
  top: 44px;
}
.module.module-ad .pre {
  left: 10px;
}
.module.module-ad .next {
  right: 10px;
}
.module.module-ad .propagation {
  position: absolute;
  left: 47%;
  bottom: 5px;
  width: auto;
  height: 10px;
  text-align: right;
  overflow: hidden;
  z-index: 1;
}
.module.module-ad .propagation li {
  float: left;
  margin: 0 5px 0 5px;
  width: 10px;
  height: 10px;
  background: #fff;
  cursor: pointer;
  opacity: 0.2;
  filter: alpha(opacity=20);
  overflow: hidden;
  text-indent: -99999em;
  transition: all ease 0.3s;
  border-radius: 5px;
}
.module.module-ad .propagation li.curr {
  opacity: 1;
  filter: alpha(opacity=100);
}

.small .module.module-ad {
  width: 918px;
  height: 100px;
  overflow: hidden;
}
.small .module.module-ad .pre, .small .module.module-ad .next {
  top: 32px;
}

.module-goddess {
  overflow: hidden;
}
.module-goddess p.module-title {
  width: 792px;
}
.module-goddess .left-wrap {
  float: left;
  width: 813px;
  height: 486px;
  overflow: hidden;
}
.module-goddess .right-wrap {
  float: right;
  width: 387px;
  height: 486px;
}

.small .module-goddess {
  overflow: hidden;
}
.small .module-goddess p.module-title {
  width: 648px;
}
.small .module-goddess .left-wrap {
  float: left;
  width: 668px;
  height: 412px;
  overflow: hidden;
}
.small .module-goddess .right-wrap {
  float: right;
  width: 312px;
  height: 412px;
}

.module-rank {
  position: relative;
}
.module-rank .rank-menu {
  position: absolute;
  left: 177px;
  top: 8px;
  height: 22px;
}
.module-rank .rank-menu li {
  float: left;
  margin-right: 20px;
  width: 35px;
  height: 20px;
  color: #505050;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border-bottom: 2px solid transparent;
  transition: all ease 0.3s;
  cursor: pointer;
}
.module-rank .rank-menu li.curr {
  color: #ffc940;
  border-bottom-color: #ffc940;
}
.module-rank .content-wrap {
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
}
.module-rank .content-wrap .content {
  transition: all ease 0.3s;
}
.module-rank .content-wrap li {
  position: relative;
  padding-left: 24px;
  height: 47px;
  line-height: 47px;
  border-top: 1px solid #f0f0f0;
}
.module-rank .content-wrap li .rank-num {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 47px;
  text-align: center;
  line-height: 47px;
}
.module-rank .content-wrap li img {
  margin-right: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.module-rank .content-wrap li .anchor-nick {
  margin-right: 5px;
  font-size: 12px;
  color: #333333;
  cursor: default;
}
.module-rank .content-wrap li .anchor-nick.online:hover {
  color: #ffc940;
  text-decoration: underline;
  cursor: pointer;
}
.module-rank .content-wrap li .icon-grade {
  float: right;
  margin-right: 8px;
  margin-top: 13px;
}
.module-rank .content-wrap li.rank-head {
  padding-left: 40px;
}
.module-rank .content-wrap li.rank-head .rank-mark {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-width: 17px;
  border-style: solid;
}
.module-rank .content-wrap li.rank-head .rank-mark span {
  position: absolute;
  left: -11px;
  top: -30px;
  font-size: 16px;
  color: #fff;
}
.module-rank .content-wrap li.rank-head .rank-1 {
  border-color: #ffba00 transparent transparent #ffba00;
}
.module-rank .content-wrap li.rank-head .rank-2 {
  border-color: #c7c7c7 transparent transparent #c7c7c7;
}
.module-rank .content-wrap li.rank-head .rank-3 {
  border-color: #ffa882 transparent transparent #ffa882;
}

.module-activity .activity-wrap {
  position: relative;
  padding-left: 106px;
  height: 64px;
  overflow: hidden;
}
.module-activity .activity-wrap .icon-forenotice {
  position: absolute;
  left: 0;
  top: 0;
}
.module-activity .activity-wrap .activity-lb {
  position: relative;
  width: 1094px;
  height: 64px;
  overflow: hidden;
}
.module-activity .activity-wrap .activity-lb ul {
  position: absolute;
  left: 0;
  top: 0;
}
.module-activity .activity-wrap .activity-lb li {
  width: 1094px;
  height: 64px;
  overflow: hidden;
}
.module-activity .activity-wrap .item {
  float: left;
  position: relative;
  padding-left: 150px;
  width: 397px;
  height: 100%;
}
.module-activity .activity-wrap .item img {
  position: absolute;
  left: 21px;
  top: 0;
  width: 120px;
  height: 64px;
}
.module-activity .activity-wrap .item .info {
  float: left;
  width: 395px;
}
.module-activity .activity-wrap .item .info .title {
  font-weight: 600;
}
.module-activity .activity-wrap .item .info .title, .module-activity .activity-wrap .item .info .detail {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.module-activity .activity-wrap .item .info .detail {
  font-size: 12px;
  line-height: 22px;
}
.module-activity .activity-wrap .item .info .time {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  color: #888888;
}
.module-activity .activity-wrap .item .info .time span {
  height: 19px;
  line-height: 19px;
  float: left;
}
.module-activity .activity-wrap .item .info .time .timeHTML {
  padding: 0 5px 0 0;
  background: #f2f2f2;
}
.module-activity .activity-wrap .item .sub-wrap {
  float: right;
  width: 83px;
  height: 64px;
}
.module-activity .activity-wrap .item .sub-wrap a {
  display: block;
  margin: 16px auto;
  font-size: 14px;
  color: #333333;
  text-align: center;
  line-height: 30px;
}
.module-activity .activity-wrap .item.first::after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 1px;
  height: 64px;
  background: #f0f0f0;
}

.small .module-activity .activity-wrap {
  position: relative;
  padding-left: 106px;
  height: 64px;
  overflow: hidden;
}
.small .module-activity .activity-wrap .icon-forenotice {
  position: absolute;
  left: 0;
  top: 0;
}
.small .module-activity .activity-wrap .activity-lb {
  position: relative;
  width: 876px;
  height: 64px;
  overflow: hidden;
}
.small .module-activity .activity-wrap .activity-lb ul {
  position: absolute;
  left: 0;
  top: 0;
}
.small .module-activity .activity-wrap .activity-lb li {
  width: 876px;
  height: 64px;
  overflow: hidden;
}
.small .module-activity .activity-wrap .item {
  float: left;
  position: relative;
  padding-left: 150px;
  width: 288px;
  height: 100%;
}
.small .module-activity .activity-wrap .item img {
  position: absolute;
  left: 21px;
  top: 0;
  width: 120px;
  height: 64px;
}
.small .module-activity .activity-wrap .item .info {
  float: left;
  width: 288px;
}
.small .module-activity .activity-wrap .item .info .title {
  font-weight: 600;
}
.small .module-activity .activity-wrap .item .info .title, .small .module-activity .activity-wrap .item .info .detail {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.small .module-activity .activity-wrap .item .info .detail {
  font-size: 12px;
  line-height: 22px;
  width: 95%;
  height: 22px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.small .module-activity .activity-wrap .item .info .time {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  color: #888888;
}
.small .module-activity .activity-wrap .item .info .time span {
  height: 19px;
  line-height: 19px;
  float: left;
}
.small .module-activity .activity-wrap .item .info .time .timeHTML {
  padding: 0 5px 0 0;
  background: #f2f2f2;
}
.small .module-activity .activity-wrap .item .sub-wrap {
  float: right;
  width: 83px;
  height: 64px;
}
.small .module-activity .activity-wrap .item .sub-wrap a {
  display: block;
  margin: 16px auto;
  font-size: 14px;
  color: #333333;
  text-align: center;
  line-height: 30px;
}
.small .module-activity .activity-wrap .item.first::after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 1px;
  height: 64px;
  background: #f0f0f0;
}

.icon-sprite, .icon-QingMeng-bienao, .icon-account_hover, .icon-account_normal, .icon-bean, .icon-bienao-i, .icon-bienao-open, .icon-bill_hover, .icon-bill_normal, .icon-border, .icon-checkin, .icon-close1, .icon-close2, .icon-coinIncome, .icon-dark_g1, .icon-dark_g2, .icon-dark_g3, .icon-dark_g4, .icon-dark_g5, .icon-dark_g6, .icon-dark_g7, .icon-dark_gy1, .icon-dark_gy2, .icon-dark_gy3, .icon-dark_gy4, .icon-dark_gy5, .icon-dark_gy6, .icon-dark_gy7, .icon-edit, .icon-emoji-coin, .icon-emoji-coin2, .icon-emoji_coin_hover, .icon-flower, .icon-g1, .icon-g2, .icon-g3, .icon-g4, .icon-g5, .icon-g6, .icon-g7, .icon-giftNumX, .icon-giftPay, .icon-giftX, .icon-guess, .icon-gy1, .icon-gy2, .icon-gy3, .icon-gy4, .icon-gy5, .icon-gy6, .icon-gy7, .icon-happyPK1, .icon-happyPK2, .icon-happyPK3, .icon-happyPKEmpty, .icon-happyPKEmpty2, .icon-happyPKLeft, .icon-happyPKLight, .icon-happyPKPking, .icon-happyPKPunish, .icon-happyPKRight, .icon-help, .icon-help1, .icon-home_hover, .icon-home_normal, .icon-index, .icon-info_panel_close, .icon-lh, .icon-loading1, .icon-loading10, .icon-loading11, .icon-loading12, .icon-loading2, .icon-loading3, .icon-loading4, .icon-loading5, .icon-loading6, .icon-loading7, .icon-loading8, .icon-loading9, .icon-local, .icon-lock, .icon-message_hover, .icon-message_normal, .icon-mobile, .icon-muted, .icon-new, .icon-normal_multiply, .icon-offical, .icon-pc, .icon-pc1, .icon-qm-bienao-l, .icon-qm-logo1, .icon-qm-logo2, .icon-qmengComplete, .icon-qmengFirst, .icon-qmengGift, .icon-qmengSecond, .icon-qmengSendGoods, .icon-qmengThird, .icon-r-first, .icon-r-second, .icon-r-third, .icon-rangMenuBg, .icon-recd, .icon-refresh, .icon-refreshDisable, .icon-refreshHover, .icon-select_icon, .icon-set_hover, .icon-set_normal, .icon-special_multiply, .icon-subAdd, .icon-tra, .icon-user, .icon-videoPause, .icon-videoPlay, .icon-volume, .icon-watch_hover, .icon-watch_normal, .icon-watcher, .icon-welfare, .icon-win-close {
  background-image: url('../img/sprite/icon-s38a4157c37.png');
  background-repeat: no-repeat;
}

.icon-QingMeng-bienao {
  background-position: 0 -216px;
  height: 21px;
  width: 329px;
}

.icon-account_hover {
  background-position: -169px -52px;
  height: 17px;
  width: 17px;
}

.icon-account_normal {
  background-position: -227px -71px;
  height: 17px;
  width: 17px;
}

.icon-bean {
  background-position: -325px -88px;
  height: 21px;
  width: 18px;
}

.icon-bienao-i {
  background-position: -341px -141px;
  height: 45px;
  width: 30px;
}

.icon-bienao-open {
  background-position: 0 -186px;
  height: 20px;
  width: 119px;
}

.icon-bill_hover {
  background-position: -307px 0;
  height: 17px;
  width: 17px;
}

.icon-bill_normal {
  background-position: -226px 0;
  height: 17px;
  width: 17px;
}

.icon-border {
  background-position: -205px -141px;
  height: 38px;
  width: 110px;
}

.icon-checkin {
  background-position: -194px 0;
  height: 16px;
  width: 16px;
}

.icon-close1 {
  background-position: -9px -52px;
  height: 9px;
  width: 9px;
}

.icon-close2 {
  background-position: 0 -52px;
  height: 9px;
  width: 9px;
}

.icon-coinIncome {
  background-position: -99px 0;
  height: 16px;
  width: 16px;
}

.icon-dark_g1 {
  background-position: -353px -71px;
  height: 16px;
  width: 46px;
}

.icon-dark_g2 {
  background-position: -307px -71px;
  height: 16px;
  width: 46px;
}

.icon-dark_g3 {
  background-position: -261px -71px;
  height: 16px;
  width: 46px;
}

.icon-dark_g4 {
  background-position: -356px -36px;
  height: 16px;
  width: 46px;
}

.icon-dark_g5 {
  background-position: -33px -20px;
  height: 16px;
  width: 46px;
}

.icon-dark_g6 {
  background-position: -310px -36px;
  height: 16px;
  width: 46px;
}

.icon-dark_g7 {
  background-position: -264px -36px;
  height: 16px;
  width: 46px;
}

.icon-dark_gy1 {
  background-position: -218px -36px;
  height: 16px;
  width: 46px;
}

.icon-dark_gy2 {
  background-position: -172px -36px;
  height: 16px;
  width: 46px;
}

.icon-dark_gy3 {
  background-position: -126px -36px;
  height: 16px;
  width: 46px;
}

.icon-dark_gy4 {
  background-position: -34px -36px;
  height: 16px;
  width: 46px;
}

.icon-dark_gy5 {
  background-position: -341px 0;
  height: 16px;
  width: 46px;
}

.icon-dark_gy6 {
  background-position: 0 -88px;
  height: 16px;
  width: 46px;
}

.icon-dark_gy7 {
  background-position: -80px -36px;
  height: 16px;
  width: 46px;
}

.icon-edit {
  background-position: -162px 0;
  height: 16px;
  width: 16px;
}
.icon-edit:hover, .icon-edit.edit-hover {
  background-position: -244px -71px;
}

.icon-emoji-coin {
  background-position: -343px -88px;
  height: 22px;
  width: 22px;
}

.icon-emoji-coin2 {
  background-position: -279px -111px;
  height: 28px;
  width: 28px;
}

.icon-emoji_coin_hover {
  background-position: -178px 0;
  height: 16px;
  width: 16px;
}

.icon-flower {
  background-position: -84px 0;
  height: 16px;
  width: 15px;
}

.icon-g1 {
  background-position: -123px -52px;
  height: 16px;
  width: 46px;
}

.icon-g2 {
  background-position: -125px -20px;
  height: 16px;
  width: 46px;
}

.icon-g3 {
  background-position: -171px -20px;
  height: 16px;
  width: 46px;
}

.icon-g4 {
  background-position: -217px -20px;
  height: 16px;
  width: 46px;
}

.icon-g5 {
  background-position: -263px -20px;
  height: 16px;
  width: 46px;
}

.icon-g6 {
  background-position: -309px -20px;
  height: 16px;
  width: 46px;
}

.icon-g7 {
  background-position: -355px -20px;
  height: 16px;
  width: 46px;
}

.icon-giftNumX {
  background-position: -11px -20px;
  height: 6px;
  width: 10px;
}

.icon-giftPay {
  background-position: -304px -88px;
  height: 21px;
  width: 21px;
}

.icon-giftX {
  background-position: 0 -20px;
  height: 6px;
  width: 11px;
}

.icon-guess {
  background-position: -174px -111px;
  height: 24px;
  width: 24px;
}

.icon-gy1 {
  background-position: -46px -88px;
  height: 16px;
  width: 46px;
}

.icon-gy2 {
  background-position: -92px -88px;
  height: 16px;
  width: 46px;
}

.icon-gy3 {
  background-position: -138px -88px;
  height: 16px;
  width: 46px;
}

.icon-gy4 {
  background-position: -184px -88px;
  height: 16px;
  width: 46px;
}

.icon-gy5 {
  background-position: -31px -52px;
  height: 16px;
  width: 46px;
}

.icon-gy6 {
  background-position: -77px -52px;
  height: 16px;
  width: 46px;
}

.icon-gy7 {
  background-position: -79px -20px;
  height: 16px;
  width: 46px;
}

.icon-happyPK1 {
  background-position: -299px -52px;
  height: 18px;
  width: 41px;
}

.icon-happyPK2 {
  background-position: -357px -52px;
  height: 18px;
  width: 41px;
}

.icon-happyPK3 {
  background-position: -258px -52px;
  height: 18px;
  width: 41px;
}

.icon-happyPKEmpty {
  background-position: 0 -141px;
  height: 28px;
  width: 29px;
}

.icon-happyPKEmpty2 {
  background-position: -250px -111px;
  height: 28px;
  width: 29px;
}

.icon-happyPKLeft {
  background-position: -115px -71px;
  height: 14px;
  width: 14px;
}

.icon-happyPKLight {
  background-position: -19px 0;
  height: 17px;
  width: 10px;
}

.icon-happyPKPking {
  background-position: -73px -71px;
  height: 14px;
  width: 28px;
}

.icon-happyPKPunish {
  background-position: -45px -71px;
  height: 14px;
  width: 28px;
}

.icon-happyPKRight {
  background-position: -157px -71px;
  height: 14px;
  width: 14px;
}

.icon-help {
  background-position: -198px -111px;
  height: 26px;
  width: 26px;
}

.icon-help1 {
  background-position: -224px -111px;
  height: 26px;
  width: 26px;
}

.icon-home_hover {
  background-position: -290px 0;
  height: 17px;
  width: 17px;
}

.icon-home_normal {
  background-position: -220px -52px;
  height: 17px;
  width: 17px;
}

.icon-index {
  background-position: 0 -71px;
  height: 12px;
  width: 12px;
}

.icon-info_panel_close {
  background-position: -185px -71px;
  height: 14px;
  width: 14px;
}
.icon-info_panel_close:hover, .icon-info_panel_close.info_panel_close-hover {
  background-position: -171px -71px;
}

.icon-lh {
  background-position: -130px 0;
  height: 16px;
  width: 16px;
}

.icon-loading1 {
  background-position: -269px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading10 {
  background-position: -179px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading11 {
  background-position: -363px -111px;
  height: 30px;
  width: 30px;
}

.icon-loading12 {
  background-position: -57px -141px;
  height: 30px;
  width: 30px;
}

.icon-loading2 {
  background-position: -359px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading3 {
  background-position: -329px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading4 {
  background-position: -239px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading5 {
  background-position: -209px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading6 {
  background-position: -87px -141px;
  height: 30px;
  width: 30px;
}

.icon-loading7 {
  background-position: -149px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading8 {
  background-position: -119px -186px;
  height: 30px;
  width: 30px;
}

.icon-loading9 {
  background-position: -299px -186px;
  height: 30px;
  width: 30px;
}

.icon-local {
  background-position: -34px -71px;
  height: 13px;
  width: 11px;
}

.icon-lock {
  background-position: -210px 0;
  height: 16px;
  width: 16px;
}

.icon-message_hover {
  background-position: -203px -52px;
  height: 17px;
  width: 17px;
}

.icon-message_normal {
  background-position: -186px -52px;
  height: 17px;
  width: 17px;
}

.icon-mobile {
  background-position: -146px 0;
  height: 16px;
  width: 16px;
}

.icon-muted {
  background-position: -42px -111px;
  height: 19px;
  width: 18px;
}
.icon-muted:hover, .icon-muted.muted-hover {
  background-position: -60px -111px;
}
.icon-muted:active, .icon-muted.muted-active {
  background-position: -78px -111px;
}

.icon-new {
  background-position: 0 -36px;
  height: 9px;
  width: 24px;
}

.icon-normal_multiply {
  background-position: -65px 0;
  height: 16px;
  width: 19px;
}

.icon-offical {
  background-position: -227px -287px;
  height: 50px;
  width: 94px;
}

.icon-pc {
  background-position: -150px -111px;
  height: 23px;
  width: 24px;
}

.icon-pc1 {
  background-position: -365px -88px;
  height: 23px;
  width: 24px;
}

.icon-qm-bienao-l {
  background-position: -315px -141px;
  height: 41px;
  width: 26px;
}

.icon-qm-logo1 {
  background-position: -131px -287px;
  height: 41px;
  width: 96px;
}

.icon-qm-logo2 {
  background-position: 0 -287px;
  height: 39px;
  width: 131px;
}

.icon-qmengComplete {
  background-position: 0 -393px;
  height: 61px;
  width: 403px;
}

.icon-qmengFirst {
  background-position: -307px -111px;
  height: 29px;
  width: 28px;
}

.icon-qmengGift {
  background-position: -329px -216px;
  height: 71px;
  width: 64px;
}

.icon-qmengSecond {
  background-position: -29px -141px;
  height: 28px;
  width: 28px;
}

.icon-qmengSendGoods {
  background-position: 0 -337px;
  height: 56px;
  width: 403px;
}

.icon-qmengThird {
  background-position: -335px -111px;
  height: 29px;
  width: 28px;
}

.icon-r-first {
  background-position: -258px 0;
  height: 20px;
  width: 15px;
}

.icon-r-second {
  background-position: -115px 0;
  height: 19px;
  width: 15px;
}

.icon-r-third {
  background-position: -243px 0;
  height: 20px;
  width: 15px;
}

.icon-rangMenuBg {
  background-position: -117px -141px;
  height: 31px;
  width: 88px;
}

.icon-recd {
  background-position: -96px -111px;
  height: 21px;
  width: 54px;
}

.icon-refresh {
  background-position: -101px -71px;
  height: 14px;
  width: 14px;
}

.icon-refreshDisable {
  background-position: -143px -71px;
  height: 14px;
  width: 14px;
}

.icon-refreshHover {
  background-position: -129px -71px;
  height: 14px;
  width: 14px;
}

.icon-select_icon {
  background-position: -21px -20px;
  height: 9px;
  width: 12px;
}

.icon-set_hover {
  background-position: -264px -88px;
  height: 20px;
  width: 20px;
}

.icon-set_normal {
  background-position: -284px -88px;
  height: 20px;
  width: 20px;
}

.icon-special_multiply {
  background-position: 0 0;
  height: 16px;
  width: 19px;
}

.icon-subAdd {
  background-position: -12px -71px;
  height: 12px;
  width: 12px;
}

.icon-tra {
  background-position: -24px -36px;
  height: 9px;
  width: 10px;
}

.icon-user {
  background-position: -24px -71px;
  height: 12px;
  width: 10px;
}

.icon-videoPause {
  background-position: -41px 0;
  height: 18px;
  width: 12px;
}
.icon-videoPause:hover, .icon-videoPause.videoPause-hover {
  background-position: -53px 0;
}
.icon-videoPause:active, .icon-videoPause.videoPause-active {
  background-position: -29px 0;
}

.icon-videoPlay {
  background-position: -247px -88px;
  height: 19px;
  width: 17px;
}
.icon-videoPlay:hover, .icon-videoPlay.videoPlay-hover {
  background-position: -340px -52px;
}
.icon-videoPlay:active, .icon-videoPlay.videoPlay-active {
  background-position: -230px -88px;
}

.icon-volume {
  background-position: -21px -111px;
  height: 19px;
  width: 21px;
}
.icon-volume:hover, .icon-volume.volume-hover {
  background-position: 0 -111px;
}
.icon-volume:active, .icon-volume.volume-active {
  background-position: -237px -52px;
}

.icon-watch_hover {
  background-position: -273px 0;
  height: 17px;
  width: 17px;
}

.icon-watch_normal {
  background-position: -324px 0;
  height: 17px;
  width: 17px;
}

.icon-watcher {
  background-position: -199px -71px;
  height: 14px;
  width: 13px;
}

.icon-welfare {
  background-position: -18px -52px;
  height: 11px;
  width: 13px;
}

.icon-win-close {
  background-position: -212px -71px;
  height: 15px;
  width: 15px;
}

.nobility-sprite, .nobility-0, .nobility-1, .nobility-10, .nobility-11, .nobility-12, .nobility-13, .nobility-14, .nobility-15, .nobility-16, .nobility-17, .nobility-18, .nobility-19, .nobility-2, .nobility-20, .nobility-21, .nobility-22, .nobility-23, .nobility-24, .nobility-25, .nobility-26, .nobility-27, .nobility-28, .nobility-3, .nobility-4, .nobility-5, .nobility-6, .nobility-7, .nobility-8, .nobility-9, .nobility-coat_200, .nobility-coat_250, .nobility-coat_251, .nobility-coat_50, .nobility-coat_70, .nobility-coat_80, .nobility-coat_90 {
  background-image: url('../img/sprite/nobility-s1d5bd77e16.png');
  background-repeat: no-repeat;
}

.nobility-0 {
  background-position: 0 0;
  height: 16px;
  width: 52px;
}

.nobility-1 {
  background-position: 0 -16px;
  height: 16px;
  width: 52px;
}

.nobility-10 {
  background-position: 0 -32px;
  height: 16px;
  width: 52px;
}

.nobility-11 {
  background-position: 0 -48px;
  height: 16px;
  width: 52px;
}

.nobility-12 {
  background-position: 0 -64px;
  height: 16px;
  width: 52px;
}

.nobility-13 {
  background-position: 0 -80px;
  height: 16px;
  width: 52px;
}

.nobility-14 {
  background-position: 0 -96px;
  height: 16px;
  width: 52px;
}

.nobility-15 {
  background-position: 0 -112px;
  height: 16px;
  width: 52px;
}

.nobility-16 {
  background-position: 0 -128px;
  height: 16px;
  width: 52px;
}

.nobility-17 {
  background-position: 0 -144px;
  height: 16px;
  width: 52px;
}

.nobility-18 {
  background-position: 0 -160px;
  height: 16px;
  width: 52px;
}

.nobility-19 {
  background-position: 0 -176px;
  height: 16px;
  width: 52px;
}

.nobility-2 {
  background-position: 0 -192px;
  height: 16px;
  width: 52px;
}

.nobility-20 {
  background-position: 0 -208px;
  height: 16px;
  width: 52px;
}

.nobility-21 {
  background-position: 0 -224px;
  height: 16px;
  width: 52px;
}

.nobility-22 {
  background-position: 0 -240px;
  height: 16px;
  width: 52px;
}

.nobility-23 {
  background-position: 0 -256px;
  height: 16px;
  width: 52px;
}

.nobility-24 {
  background-position: 0 -272px;
  height: 16px;
  width: 52px;
}

.nobility-25 {
  background-position: 0 -448px;
  height: 16px;
  width: 52px;
}

.nobility-26 {
  background-position: 0 -304px;
  height: 16px;
  width: 52px;
}

.nobility-27 {
  background-position: 0 -320px;
  height: 16px;
  width: 52px;
}

.nobility-28 {
  background-position: 0 -336px;
  height: 16px;
  width: 52px;
}

.nobility-3 {
  background-position: 0 -352px;
  height: 16px;
  width: 52px;
}

.nobility-4 {
  background-position: 0 -368px;
  height: 16px;
  width: 52px;
}

.nobility-5 {
  background-position: 0 -384px;
  height: 16px;
  width: 52px;
}

.nobility-6 {
  background-position: 0 -400px;
  height: 16px;
  width: 52px;
}

.nobility-7 {
  background-position: 0 -416px;
  height: 16px;
  width: 52px;
}

.nobility-8 {
  background-position: 0 -432px;
  height: 16px;
  width: 52px;
}

.nobility-9 {
  background-position: 0 -288px;
  height: 16px;
  width: 52px;
}

.nobility-coat_200 {
  background-position: 0 -496px;
  height: 16px;
  width: 16px;
}

.nobility-coat_250 {
  background-position: 0 -480px;
  height: 16px;
  width: 16px;
}

.nobility-coat_251 {
  background-position: -16px -480px;
  height: 16px;
  width: 16px;
}

.nobility-coat_50 {
  background-position: 0 -464px;
  height: 16px;
  width: 16px;
}

.nobility-coat_70 {
  background-position: -16px -464px;
  height: 16px;
  width: 16px;
}

.nobility-coat_80 {
  background-position: -32px -464px;
  height: 16px;
  width: 16px;
}

.nobility-coat_90 {
  background-position: -32px -480px;
  height: 16px;
  width: 16px;
}

.module-anchorRank {
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
.module-anchorRank .title {
  margin-top: 20px;
  height: 18px;
  line-height: 18px;
}
.module-anchorRank .title .titlename {
  float: left;
  display: inline-block;
  width: 120px;
  font-size: 18px;
  margin-left: 17px;
  color: #121212;
}
.module-anchorRank .title .titlename i {
  margin-right: 10px;
  vertical-align: top;
  margin-top: 4px;
}
.module-anchorRank .title .more {
  float: right;
  display: inline-block;
  color: #808080;
  text-align: right;
  font-size: 12px;
  margin-right: 21px;
}
.module-anchorRank .title .more:hover {
  color: #7c02ca;
}
.module-anchorRank .rank-nav {
  width: 176px;
  height: 24px;
  margin: 0 auto;
  margin-top: 28px;
  color: #666666;
  font-weight: bold;
  overflow: hidden;
}
.module-anchorRank .rank-nav li {
  float: left;
  width: 66px;
  height: 22px;
  text-align: center;
  cursor: pointer;
}
.module-anchorRank .rank-nav li:hover {
  color: #7c02ca;
}
.module-anchorRank .rank-nav .curr {
  color: #7c02ca;
  font-weight: bold;
}
.module-anchorRank .rank-nav .curr .border_line {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 5px;
  background: url(../img/static/tab_border.jpg) no-repeat top center;
}
.module-anchorRank .tableBody {
  height: auto;
  padding-top: 20px;
  cursor: default;
}
.module-anchorRank .tableBody li {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  margin-bottom: 30px;
  vertical-align: middle;
}
.module-anchorRank .tableBody li div {
  float: left;
}
.module-anchorRank .tableBody li .rank {
  width: 53px;
  height: 40px;
}
.module-anchorRank .tableBody li .rank span {
  display: block;
  width: 26px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  color: #333333;
}
.module-anchorRank .tableBody li .rank .rank1 {
  background: url(../img/static/rank1.jpg?v=1.0) no-repeat left center;
  color: #e51313;
  height: 29px;
  margin-top: 6px;
}
.module-anchorRank .tableBody li .rank .rank2 {
  background: url(../img/static/rank2.jpg?v=1.0) no-repeat left center;
  color: #ff882b;
  height: 29px;
  margin-top: 6px;
}
.module-anchorRank .tableBody li .rank .rank3 {
  background: url(../img/static/rank3.jpg?v=1.0) no-repeat left center;
  color: #ffa412;
  height: 29px;
  margin-top: 6px;
}
.module-anchorRank .tableBody li .photo {
  width: 40px;
  height: 40px;
}
.module-anchorRank .tableBody li .photo img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.module-anchorRank .tableBody li .rankname {
  width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.module-anchorRank .tableBody li .rankname a {
  cursor: default;
}
.module-anchorRank .tableBody li .rankname a.goroom {
  cursor: pointer;
}
.module-anchorRank .tableBody li .rankname a.goroom:hover {
  color: #7c02ca;
}
.module-anchorRank .tableBody li .rankname i {
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px;
}
.module-anchorRank .tableBody li .online {
  font-size: 12px;
  color: #9000ff;
  margin-left: 10px;
}
.module-anchorRank .tableBody li .online i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 2px;
  vertical-align: middle;
  margin-top: -3px;
  background: url(../img/static/online_icon.jpg) center center no-repeat;
}
.module-anchorRank .tableBody li .offline {
  color: #cfcfcf;
  font-size: 12px;
  margin-left: 10px;
}

.module-recommendAnchor {
  display: none;
  position: relative;
  height: 410px;
  background: #ffffff;
  margin-bottom: 10px;
  overflow: hidden;
}
.module-recommendAnchor .rank-nav {
  width: 176px;
  height: 24px;
  margin: 0 auto;
  margin-top: 28px;
  color: #666666;
  font-weight: bold;
  overflow: hidden;
}
.module-recommendAnchor .rank-nav li {
  float: left;
  width: 66px;
  height: 22px;
  text-align: center;
  cursor: pointer;
}
.module-recommendAnchor .rank-nav li:hover {
  color: #7c02ca;
}
.module-recommendAnchor .rank-nav .curr {
  color: #7c02ca;
  font-weight: bold;
}
.module-recommendAnchor .rank-nav .curr .border_line {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 5px;
  background: url(../img/static/tab_border.jpg) no-repeat top center;
}
.module-recommendAnchor .zong_page {
  height: 358px;
}
.module-recommendAnchor .list {
  width: 100%;
  height: auto;
}
.module-recommendAnchor .list ul {
  padding-top: 18px;
}
.module-recommendAnchor .list ul li {
  height: 40px;
  width: 272px;
  font-size: 14px;
  margin: 0 auto;
  margin-bottom: 28px;
  vertical-align: middle;
}
.module-recommendAnchor .list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: default;
}
.module-recommendAnchor .list ul li .photo {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.module-recommendAnchor .list ul li .photo img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.module-recommendAnchor .list ul li .anchorInfor {
  float: left;
  display: inline-block;
  width: 214px;
  height: 40px;
  line-height: 20px;
}
.module-recommendAnchor .list ul li .anchorInfor .anchorname {
  float: left;
  width: 168px;
  color: #333333;
}
.module-recommendAnchor .list ul li .anchorInfor .anchorname i {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  vertical-align: middle;
}
.module-recommendAnchor .list ul li .anchorInfor .time {
  float: left;
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.module-recommendAnchor .list ul li .anchorInfor .time p {
  float: right;
  color: #cfcfcf;
  font-size: 12px;
}
.module-recommendAnchor .list ul li .anchorInfor .time p span {
  color: #9000ff;
}
.module-recommendAnchor .list ul li .anchorInfor .time p span i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 2px;
  vertical-align: middle;
  margin-top: -3px;
  background: url(../img/static/online_icon.jpg) no-repeat center center;
}
.module-recommendAnchor .list ul li .anchorInfor .time .location {
  float: left;
  font-size: 12px;
  color: #808080;
}
.module-recommendAnchor .list ul li .anchorInfor .time .location i {
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}
.module-recommendAnchor .list ul li .roomInfor {
  float: left;
  display: inline-block;
  width: 214px;
  height: 40px;
  line-height: 40px;
}
.module-recommendAnchor .list ul li .roomInfor .roomname {
  float: left;
  width: 134px;
  color: #333333;
}
.module-recommendAnchor .list ul li .roomInfor .roomname i {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  vertical-align: middle;
}
.module-recommendAnchor .list ul li .roomInfor .roomnum {
  float: right;
  color: #676767;
}
.module-recommendAnchor .list ul li.online .anchorname:hover {
  color: #7c02ca;
}
.module-recommendAnchor .list ul li.online a {
  cursor: pointer;
}
.module-recommendAnchor .list ul .loadingWord {
  line-height: 200px;
  text-align: center;
}

#mCSB_1 .mCSB_scrollTools {
  width: 8px;
  right: 3px;
}
#mCSB_1 .mCSB_scrollTools .mCSB_dragger_bar {
  width: 8px;
  background: #e9e9e9;
}

.module-small-type {
  width: 100%;
  overflow: hidden;
}
.module-small-type .small-type {
  float: left;
  width: 50%;
  overflow: hidden;
}
.module-small-type .small-type .module-title {
  width: 100%;
  height: 44px;
}
.module-small-type .small-type .module-title .title-img {
  display: block;
  margin: 0 auto;
  margin-left: 0;
  width: 558px;
  height: 44px;
}
.module-small-type .small-type .module-list {
  width: 100%;
  overflow: hidden;
}
.module-small-type .small-type .more {
  margin: 2px auto 0;
  display: block;
  width: 152px;
  height: 47px;
  background: url("../img/static/find_more.jpg") no-repeat center;
}
.module-small-type .small-type .more:hover {
  background: url("../img/static/find_more_hover.jpg") no-repeat center;
}

.small .module-small-type .small-type .module-title .title-img {
  margin-left: 25px;
  width: 400px;
  height: 36px;
}

.module-small-type.module {
  margin: 0 auto 50px;
}
.module-small-type.module .module-title {
  margin-bottom: 28px;
}

.module-big-type {
  width: 100%;
  overflow: hidden;
}
.module-big-type .title {
  margin-bottom: 20px;
  width: 100%;
  height: 30px;
  font-size: 18px;
  color: #000;
}
.module-big-type .title .tag-list {
  float: left;
  width: 80%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.module-big-type .title .tag-list .tag-item {
  float: left;
  margin-right: 30px;
  width: 60px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #000;
}
.module-big-type .title .tag-list .tag-item.active {
  font-weight: 900;
  color: #7c02ca;
  background: url("../img/static/item_bg.png") no-repeat center bottom;
}
.module-big-type .title .more {
  font-size: 14px;
  float: right;
  margin-right: 20px;
  color: #989898;
}
.module-big-type .title .more:hover {
  color: #7c02ca;
}
.module-big-type .module-big-type-list {
  width: 100%;
  overflow: hidden;
}

.recommend-union-item {
  float: left;
  width: 173px;
  height: 223px;
  color: #000;
}
.recommend-union-item .enter-room {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.recommend-union-item .enter-room .union-img {
  width: 173px;
  height: 173px;
  border-radius: 50%;
}
.recommend-union-item .enter-room .union-name {
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
}
.recommend-union-item .enter-room .union-member {
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}

.small .recommend-union-item {
  width: 136px;
  height: 223px;
}
.small .recommend-union-item .enter-room .union-img {
  width: 136px;
  height: 136px;
  border-radius: 50%;
}

body {
  background: #f1f2f4;
}

table td {
  vertical-align: middle;
}

.module-music img {
  width: 300px;
  height: 350px;
  margin: 40px;
}

.module-zhanlan img {
  width: 300px;
  height: 150px;
  margin: 40px;
}

.main {
  margin: 0 auto;
  width: 1200px;
}

.main {
  width: 1200px;
}

.module {
  margin: 0 auto 30px;
}
.module .module-title {
  margin-bottom: 20px;
  width: 100%;
  height: 20px;
  color: #000;
  font-size: 18px;
  line-height: 20px;
}
.module .module-title span i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: text-bottom;
}
.module .module-title .more {
  margin-right: 20px;
  float: right;
  font-size: 14px;
  color: #989898;
}
.module .module-title .more:hover {
  color: #7c02ca;
}
.module .module-list {
  overflow: hidden;
}
.module .module-list li {
  float: left;
  margin: 0 10px 10px 0;
}

.content {
  margin: 0 auto;
  padding-top: 88px;
  width: 1470px;
}
.content .left {
  float: left;
  width: 1158px;
  overflow: hidden;
}
.content .right {
  float: right;
  width: 312px;
  overflow: hidden;
}
.content .download {
  position: fixed;
  top: 98px;
  right: 20px;
  z-index: 1;
  width: 136px;
  height: 367px;
  padding: 0 10px;
  border: 2px solid #9231F8;
  border-radius: 10px;
  background: #fff;
  color: #6924B3;
  text-align: center;
}
.content .download .pc {
  width: 136px;
  border-bottom: 1px solid #E7E7E7;
}
.content .download .mobile {
  width: 136px;
  margin-top: 12px;
}
.content .download .button {
  display: block;
  width: 108px;
  height: 32px;
  margin: 7px auto 12px;
  line-height: 32px;
  border-radius: 16px;
  border: 1px solid #6924B3;
  color: #6924B3;
  cursor: pointer;
}
.content .download .button:hover {
  background: #6924B3;
  color: #fff;
}

.small .content {
  width: 1250px;
}
.small .content .left {
  width: 938px;
}