/*不要直接修改CSS文件，请修改对应的LESS文件*/
@keyframes rotate-full {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.btn-hint:hover {
  color: #FFAC28;
}
.badge-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
a {
  outline: none;
}
.no-select {
  appearance: button;
  -webkit-appearance: button;
}
.sign {
  display: inline-block;
  width: 48px;
  height: 24px;
  margin-right: 2px;
  vertical-align: middle;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.sign.passed {
  background-position: 0 -590px;
}
.sign.recom {
  background-position: 0 -638px;
}
.sign.compe {
  background-position: 0 -614px;
}
.sign.without-trial {
  background-position: 0 -1422px;
}
.sign.have-see {
  background-position: -48px -1422px;
}
.tag {
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  border: 1px solid #E6E6E6;
  padding: 0 8px 0 4px;
  margin: 0 4px 8px 10px;
  border-radius: 2px 3px 3px 2px;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.tag:hover {
  border-color: #FFAC28;
}
.tag:hover > a {
  color: #FFAC28;
}
.tag:before,
.tag:after {
  content: '';
  position: absolute;
  left: -24px;
  top: -1px;
  height: 0;
  width: 0;
  border-width: 12px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #E6E6E6;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tag:after {
  left: -23px;
  border-right-color: #F5F6F8;
}
.tag:hover:before {
  border-right-color: #FFAC28;
}
.tag > a {
  color: #9FA1A5;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tag.active {
  border-color: #FFAC28;
  background-color: #FFAC28;
}
.tag.active > a {
  color: #FFF;
}
.tag.active:before,
.tag.active:after {
  border-right-color: #FFAC28 !important;
}
.tab-box {
  position: relative;
}
.tab-box > .tab {
  height: 28px;
  border-bottom: 1px solid #E6E6E6;
}
.tab-box > .tab > span {
  position: relative;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 6px 9px;
  margin-left: 10px;
  font-size: 18px;
  color: #9FA1A5;
  cursor: pointer;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tab-box > .tab > span:first-child {
  margin-left: 0;
}
.tab-box > .tab > span:hover {
  color: #2E2F31;
}
.tab-box > .tab > span.active {
  color: #2E2F31;
  border-bottom: 2px solid #FFAC28;
}
.tab-box > .tab > span.active:before,
.tab-box > .tab > span.active:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -12px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 4px solid #FFAC28;
}
.tab-box > .tab > span.active:after {
  bottom: -10px;
  border-top: 4px solid #F5F6F8;
}
.tab-box .tab-content {
  display: none;
  margin-top: 18px;
}
.tab-box .tab-content.active {
  display: block !important;
}
.tab-box .tab-content .game_tab_develop {
  display: none;
}
.icon-count {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.icon-count.word {
  background-position: 0 -108px;
}
.icon-count.flower {
  background-position: 0 -126px;
}
.icon-count.fav {
  background-position: 0 -144px;
}
.icon-count.fav.has-fav {
  background-position: -18px -108px;
}
.icon-count.ranking {
  background-position: 0 -1362px;
}
.icon-count.ranking-time {
  background-position: -18px -1362px;
}
.icon-count.classify.xd {
  background-position: 0 -1483px;
}
.icon-count.classify.gf {
  background-position: -18px -1483px;
}
.icon-count.classify.jk {
  background-position: -36px -1483px;
}
.icon-count.classify.gy {
  background-position: -54px -1483px;
}
.icon-count.classify.mx {
  background-position: -72px -1483px;
}
.icon-count.classify.fy {
  background-position: -90px -1483px;
}
::selection {
  color: #FFF;
  background-color: #FFAC28;
}
::-webkit-selection {
  color: #FFF;
  background-color: #FFAC28;
}
html {
  overflow-x: hidden;
}
body {
  padding-top: 48px;
  background-color: #F5F6F8;
  color: #2E2F31;
}
.wmod-loading {
  width: 100%;
  height: 100%;
  background: url(../../img/common/common/loading.gif) no-repeat center center;
}
#game,
#other {
  width: 1180px;
  margin: auto;
}
#game {
  padding-top: 28px;
}
.total-info > .game-info {
  max-width: 800px;
  height: 100%;
}
.total-info > .game-info > .title > span {
  display: inline-block;
  max-width: 620px;
  margin-left: 8px;
  font-size: 22px;
  font-weight: bold;
  vertical-align: middle;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.total-info > .game-info .game-rank-data {
  margin-top: 9px;
}
.total-info > .game-info .game-rank-data .tongji {
  float: left;
}
.total-info > .game-info .game-rank-data .tongji > a {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-right: 30px;
  font-size: 12px;
}
.total-info > .game-info .game-rank-data .tongji > a > i.flag {
  color: #FFAC28;
  font-style: normal;
}
.total-info > .game-info .game-rank-data .tongji > a > .icon-count {
  margin-right: 6px;
  vertical-align: -20%;
}
.total-info > .game-info .game-rank-data .invest-guide {
  position: relative;
  z-index: 5;
  float: left;
}
.total-info > .game-info .game-rank-data .invest-guide a {
  display: inline-block;
  height: 22px;
  line-height: 21px;
  font-size: 12px;
  padding-left: 24px;
  background: url(../../img/common/game/icons.png?v=20171106) no-repeat -41px -1344px;
}
.total-info > .game-info .game-rank-data .invest-guide a:before {
  content: "";
  position: absolute;
  right: -15px;
  top: -13px;
  height: 50px;
  width: 20px;
  z-index: 2;
}
.total-info > .game-info .game-rank-data .invest-guide .invest-guide-con {
  width: 330px;
  padding: 15px 20px;
  line-height: 24px;
  color: #9fa1a5;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  position: absolute;
  right: -384px;
  top: -20px;
  font-size: 12px;
  display: none;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
}
.total-info > .game-info .game-rank-data .invest-guide .invest-guide-con:before {
  content: "";
  position: absolute;
  left: -13px;
  top: 22px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 7px solid transparent;
  border-right-color: #FFF;
  z-index: 2;
}
.total-info > .game-info .game-rank-data .invest-guide .invest-guide-con:after {
  content: "";
  position: absolute;
  left: -16px;
  top: 21px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-right-color: #e6e6e6;
}
.total-info > .game-info > .tags {
  margin-top: 10px;
  height: 31px;
  overflow: hidden;
}
.total-info > .author-info {
  max-width: 380px;
  margin-top: 5px;
}
.total-info > .author-info > .infos {
  width: 268px;
  text-align: right;
}
.total-info > .author-info > .infos > .name {
  font-size: 16px;
}
.total-info > .author-info > .infos > .name > a {
  display: inline-block;
  max-width: 205px;
  color: #2E2F31;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.total-info > .author-info > .infos > .name > a:hover {
  color: #FFAC28;
}
.total-info > .author-info > .infos > .name > .studio-info-btn {
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  color: #2E2F31;
  border-radius: 10px;
  vertical-align: top;
  position: relative;
  border: 1px solid #EBECEE;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .btn-name {
  padding: 2px 26px;
  cursor: pointer;
}
.total-info > .author-info > .infos > .name > .studio-info-btn:hover {
  background-color: #EBECEE;
}
.total-info > .author-info > .infos > .name > .studio-info-btn:hover > .inner-box {
  display: block;
}
.total-info > .author-info > .infos > .name > .studio-info-btn.hide {
  display: none;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box {
  display: none;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: -120px;
  height: auto;
  width: 324px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid #E6E6E6;
  border: none;
  padding-top: 10px;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box:before,
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: 0;
  top: 0;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 0 solid transparent;
  border-bottom-color: #E6E6E6;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box:after {
  top: 2;
  border-bottom-color: transparent;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box:before,
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box:after {
  display: none;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box {
  display: none;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  height: auto;
  width: 324px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: block;
  position: relative;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box:before,
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -4px;
  top: -16px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-bottom-color: #E6E6E6;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box:after {
  top: -14px;
  border-bottom-color: #FFF;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .gname {
  line-height: 56px;
  padding: 0 20px;
  font-size: 16px;
  color: #2E2F31;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #EBECEE;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info {
  padding: 18px 32px;
  overflow: hidden;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row {
  list-style: disc;
  line-height: 24px;
  color: #2E2F31;
  font-size: 14px;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row > .role {
  float: left;
  color: #6c7073;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row > .role > i {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #6c7073;
  font-style: normal;
  margin-right: 6px;
  vertical-align: middle;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row > .role-name {
  overflow: hidden;
  color: #6c7073;
  text-align: left;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row > .role-name > a.name {
  display: block;
  margin-right: 6px;
  color: #6c7073;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row.act > .role {
  color: #FFAC28;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row.act > .role > i {
  background-color: #FFAC28;
}
.total-info > .author-info > .infos > .name > .studio-info-btn > .inner-box > .tip-box > .studio-info > .row.act .role-name > a.name {
  color: #FFAC28;
}
.total-info > .author-info > .infos > .medals {
  margin-top: 10px;
}
.total-info > .author-info > .infos > .medals > a {
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: middle;
  margin-right: 6px;
}
.total-info > .author-info > .infos > .medals > a > img {
  height: 100%;
  width: 100%;
}
.total-info > .author-info > .infos > .medals > .lv {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  top: -1px;
}
.total-info > .author-info > .infos > .medals > .lv i.honor-level {
  z-index: 2;
  position: relative;
  float: left;
  width: 22px;
  height: 22px;
  background: url(../../img/common/home/mob_small.png?v=20170401) no-repeat left center;
}
.total-info > .author-info > .infos > .medals > .lv b {
  padding: 0 7px 0 20px;
  z-index: 0;
  margin-left: -18px;
  margin-top: -4px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  color: #e1a93d;
  background-color: #fff8e0;
  border-radius: 9px;
  vertical-align: middle;
  font-weight: normal;
}
.total-info > .author-info > .infos > .follow {
  margin-top: 11px;
}
.total-info > .author-info > .infos > .follow > .link-btn {
  display: inline-block;
  width: 84px;
  height: 22px;
  line-height: 22px;
  padding: 0;
  background-color: #FFF;
  color: #2E2F31 !important;
  border: 1px solid #EBECEE;
  border-radius: 11px;
  text-align: center;
  font-size: 12px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.total-info > .author-info > .infos > .follow > .link-btn > i {
  position: relative;
  display: inline-block;
  color: #FFAC28;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  font-style: normal;
}
.total-info > .author-info > .infos > .follow > .link-btn:hover {
  background-color: #EBECEE;
}
.total-info > .author-info > .avatar {
  height: 84px;
  width: 84px;
  margin-left: 18px;
  border-radius: 42px;
}
.game-box {
  position: relative;
  margin-top: 18px;
  height: 585px;
  overflow: hidden;
  background: #424345;
}
.game-box > .bg-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  filter: url(blur.svg#blur);
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: blur(50px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=50, MakeShadow=false);
}
.game-box > .game {
  width: 960px;
  height: 585px;
  position: relative;
}
.game-box > .game > .game-inner {
  width: 100%;
  height: 540px;
  margin: 0 auto;
}
.game-box > .game > .toggle-game-type {
  z-index: 2;
  position: absolute;
  top: 115px;
  left: 50%;
  margin-left: -233.5px;
  border-radius: 8px;
  width: 467px;
  color: #FFF;
  text-align: center;
  background-color: rgba(46, 47, 49, 0.94);
  background-color: #2e2f31 \9;
  filter: alpha(opacity=94);
}
.game-box > .game > .toggle-game-type .title-note {
  margin: 40px 0 50px;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
}
.game-box > .game > .toggle-game-type .content-note {
  padding: 0 28px;
  letter-spacing: 0;
  line-height: 18px;
}
.game-box > .game > .toggle-game-type .content-note > i {
  color: #FFAC28;
  font-style: normal;
}
.game-box > .game > .toggle-game-type .clsoe-btn {
  display: inline-block;
  margin-top: 50px;
  padding: 18px 0 29px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-top: 1px solid #88888A \9;
  width: 100%;
  font-size: 18px;
  color: #FFAC28;
}
.game-box .game-inner {
  position: relative;
  width: 960px;
  height: 100%;
}
.game-box .game-inner.game-full-screen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1000;
  background-color: #000;
  text-align: center;
}
.game-box > .game-infos > .toggle {
  position: absolute;
  top: 232.5px;
  right: 204px;
  width: 16px;
  height: 120px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.game-box > .game-infos > .toggle.conceal {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.game-box > .game-infos > .toggle.conceal .btn {
  background-position: -3px -85px;
}
.game-box > .game-infos > .toggle > .btn {
  display: inline-block;
  width: 6px;
  height: 10px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: -3px -98px;
  margin: 55px 0 0 5px;
}
.sp-game-box {
  position: relative;
  margin-top: 18px;
  height: 667px;
  background: #010000;
  background: transparent;
  background: rgba(1, 1, 0, 0.6);
  /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
  /*IE8*/
  zoom: 1;
}
.sp-game-box > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 622px;
}
.sp-game-box > .game-inner-box {
  width: 349px;
  height: 622px;
  margin: 0 auto;
  position: relative;
}
.sp-game-box > .game-inner-box > .game-inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.sp-game-box > .game-inner-box > .game-inner > .game {
  height: 622px;
  background-color: #000;
}
.sp-game-box > .game-inner-box > .toggle-game-type {
  z-index: 2;
  position: absolute;
  top: 115px;
  left: 50%;
  margin-left: -157px;
  border-radius: 8px;
  width: 314px;
  color: #FFF;
  text-align: center;
  background-color: rgba(46, 47, 49, 0.94);
  background-color: #2e2f31 \9;
  filter: alpha(opacity=94);
}
.sp-game-box > .game-inner-box > .toggle-game-type .title-note {
  margin: 50px 0;
  font-size: 24px;
  line-height: 24px;
}
.sp-game-box > .game-inner-box > .toggle-game-type .content-note {
  padding: 0 30px;
  line-height: 24px;
}
.sp-game-box > .game-inner-box > .toggle-game-type .content-note > i {
  color: #FFAC28;
  font-style: normal;
}
.sp-game-box > .game-inner-box > .toggle-game-type .clsoe-btn {
  display: inline-block;
  margin-top: 90px;
  padding: 32px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-top: 1px solid #88888A \9;
  width: 100%;
  font-size: 18px;
  color: #FFAC28;
}
.sp-game-box > .game-infos {
  width: 167px;
  height: 622px;
  padding: 0 124px;
  position: relative;
}
.sp-game-box > .game-infos > .game-message,
.sp-game-box > .game-infos .statistics,
.sp-game-box > .game-infos .pay-info {
  padding: 22px 0 22px;
}
.sp-game-box > .game-infos > .pay-info .flower-paid .right {
  width: 117px;
}
.sp-game-box > .game-comment {
  width: 318px;
  height: 622px;
  padding-left: 98px;
  position: relative;
}
.sp-game-box > .game-comment .comment-inner {
  width: 210px;
  height: 495px;
  color: #9FA1A5;
  margin-top: 25px;
  padding-left: 10px;
  position: relative;
  overflow: hidden;
}
.sp-game-box > .game-comment .comment-inner > .list {
  padding-right: 3px;
}
.sp-game-box > .game-comment .comment-inner > .list > .inner {
  display: inline-block;
  padding: 7px 18px;
  border-radius: 5px;
  background: #ffffff;
  background: transparent;
  background: rgba(255, 255, 255, 0.15);
  /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
  /*IE8*/
  zoom: 1;
  position: relative;
  margin-bottom: 8px;
}
.sp-game-box > .game-comment .comment-inner > .list > .inner .user-face {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: -10px;
}
.sp-game-box > .game-comment .comment-inner > .list > .inner .name {
  font-size: 12px;
  color: #9FA1A5;
}
.sp-game-box > .game-comment .comment-inner > .list > .inner .content {
  margin-top: 6px;
  font-size: 12px;
  line-height: 20px;
  color: #E6E6E6;
  word-break: break-all;
  word-wrap: break-word;
}
.sp-game-box > .game-comment .sub-comment {
  width: 210px;
  height: 32px;
  border-radius: 5px;
  margin: 14px 0 0 10px;
  overflow: hidden;
}
.sp-game-box > .game-comment .sub-comment * {
  float: left;
  border: none;
}
.sp-game-box > .game-comment .sub-comment .content {
  width: 150px;
  height: 32px;
  line-height: 32px;
  color: #E6E6E6;
  padding-left: 10px;
  background: #383737;
  font-family: '微软雅黑';
}
.sp-game-box > .game-comment .sub-comment .sub-btn {
  width: 50px;
  height: 32px;
  color: #FFAC28;
  cursor: pointer;
  font-family: '微软雅黑';
  background: #2E2F31;
}
.sp-game-box .comment-inner.ps-container .ps-scrollbar-y-rail {
  width: 4px;
  right: 0 !important;
}
.sp-game-box .comment-inner.ps-container .ps-scrollbar-y-rail:hover {
  background: transparent;
}
.sp-game-box .comment-inner.ps-container .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #2e2f31;
}
.sp-game-box .comment-inner.ps-container .ps-scrollbar-y {
  width: 4px;
  background-color: #2e2f31;
}
.game-infos,
.game-comment {
  width: 220px;
  height: 100%;
  background: #000000;
  background: transparent;
  background: rgba(0, 0, 0, 0.3);
  /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
  /*IE8*/
  zoom: 1;
  cursor: default;
  position: relative;
}
.game-infos > .game-message,
.game-comment > .game-message {
  height: 148px;
  font-size: 12px;
  padding: 19px 24px 22px 24px;
}
.game-infos > .game-message > .game-infos-tab,
.game-comment > .game-message > .game-infos-tab {
  overflow: hidden;
}
.game-infos > .game-message > .game-infos-tab > .tab-btn,
.game-comment > .game-message > .game-infos-tab > .tab-btn {
  padding: 5px 9px;
  color: #9FA1A5;
  border-radius: 3px;
  float: left;
  cursor: pointer;
}
.game-infos > .game-message > .game-infos-tab > .tab-btn.fr,
.game-comment > .game-message > .game-infos-tab > .tab-btn.fr {
  float: right;
}
.game-infos > .game-message > .game-infos-tab > .tab-btn.fr i,
.game-comment > .game-message > .game-infos-tab > .tab-btn.fr i {
  display: none;
}
.game-infos > .game-message > .game-infos-tab > .tab-btn.fr i::after,
.game-comment > .game-message > .game-infos-tab > .tab-btn.fr i::after {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #F66F0C;
}
.game-infos > .game-message > .game-infos-tab > .tab-btn.act,
.game-comment > .game-message > .game-infos-tab > .tab-btn.act {
  color: #E6E6E6;
  background-color: #38393b;
}
.game-infos > .game-message > .content,
.game-comment > .game-message > .content {
  height: 112px;
  margin-top: 13px;
  position: relative;
  overflow: hidden;
  display: none;
}
.game-infos > .game-message > .content > .ps-scrollbar-y-rail,
.game-comment > .game-message > .content > .ps-scrollbar-y-rail {
  background: transparent;
}
.game-infos > .game-message > .content > .ps-scrollbar-y-rail:hover,
.game-comment > .game-message > .content > .ps-scrollbar-y-rail:hover {
  width: 4px;
  right: 6px;
  background: transparent;
}
.game-infos > .game-message > .content > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.game-comment > .game-message > .content > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  width: 4px;
  right: -3px;
  background: #71737A;
}
.game-infos > .game-message > .content > .inner,
.game-comment > .game-message > .content > .inner {
  padding-right: 4px;
  color: #E6E6E6;
  word-break: break-all;
}
.game-infos > .game-message > .content > .inner a,
.game-comment > .game-message > .content > .inner a {
  color: #E6E6E6;
}
.game-infos > .game-message > .content > .inner *,
.game-comment > .game-message > .content > .inner * {
  font-size: 12px !important;
  color: #E6E6E6;
  font-weight: normal;
}
.game-infos > .game-message > .content > .inner .state,
.game-comment > .game-message > .content > .inner .state {
  font-weight: bold;
}
.game-infos > .game-message > .content > .inner .overdue,
.game-comment > .game-message > .content > .inner .overdue {
  color: #FF4949;
}
.game-infos > .game-message > .content > .inner .vote-type,
.game-comment > .game-message > .content > .inner .vote-type {
  color: #F66F0C;
  display: none;
}
.game-infos > .game-message > .content > .inner .vote-type.show,
.game-comment > .game-message > .content > .inner .vote-type.show {
  display: block;
}
.game-infos > .game-message > .content > .inner .vote,
.game-comment > .game-message > .content > .inner .vote {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  padding: 8px 8px;
  text-align: center;
  margin-top: 8px;
}
.game-infos > .game-message > .content > .inner .vote > p,
.game-comment > .game-message > .content > .inner .vote > p {
  font-size: 12px;
  color: #E6E6E6;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 6px;
}
.game-infos > .game-message > .content > .inner .vote div a,
.game-comment > .game-message > .content > .inner .vote div a {
  display: inline-block;
  width: 50px;
  height: 20px;
  font-size: 12px;
  color: #E6E6E6;
  letter-spacing: 0;
  line-height: 20px;
  text-align: right;
  vertical-align: top;
}
.game-infos > .game-message > .content > .inner .vote div a:first-child,
.game-comment > .game-message > .content > .inner .vote div a:first-child {
  margin-right: 30px;
}
.game-infos > .game-message > .content > .inner .vote div a:first-child.leave-init,
.game-comment > .game-message > .content > .inner .vote div a:first-child.leave-init {
  background: url("../../img/leave/good1.png") no-repeat;
  background-size: auto 20px;
}
.game-infos > .game-message > .content > .inner .vote div a:first-child.leave-init:hover,
.game-comment > .game-message > .content > .inner .vote div a:first-child.leave-init:hover {
  background: url("../../img/leave/good3.png") no-repeat;
  background-size: auto 20px;
  color: #F66F0C;
}
.game-infos > .game-message > .content > .inner .vote div a:first-child.leave-valid,
.game-comment > .game-message > .content > .inner .vote div a:first-child.leave-valid {
  background: url("../../img/leave/good3.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
}
.game-infos > .game-message > .content > .inner .vote div a:first-child.leave-invalid,
.game-comment > .game-message > .content > .inner .vote div a:first-child.leave-invalid {
  background: url("../../img/leave/good2.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
}
.game-infos > .game-message > .content > .inner .vote div a:last-child.leave-init,
.game-comment > .game-message > .content > .inner .vote div a:last-child.leave-init {
  background: url("../../img/leave/bad1.png") no-repeat;
  background-size: auto 20px;
}
.game-infos > .game-message > .content > .inner .vote div a:last-child.leave-init:hover,
.game-comment > .game-message > .content > .inner .vote div a:last-child.leave-init:hover {
  background: url("../../img/leave/bad3.png") no-repeat;
  background-size: auto 20px;
  color: #F66F0C;
}
.game-infos > .game-message > .content > .inner .vote div a:last-child.leave-valid,
.game-comment > .game-message > .content > .inner .vote div a:last-child.leave-valid {
  background: url("../../img/leave/bad3.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
  color: #F66F0C;
}
.game-infos > .game-message > .content > .inner .vote div a:last-child.leave-invalid,
.game-comment > .game-message > .content > .inner .vote div a:last-child.leave-invalid {
  background: url("../../img/leave/bad2.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
}
.game-infos > .game-message > .content > .inner .vote div span,
.game-comment > .game-message > .content > .inner .vote div span {
  font-size: 12px;
  color: #E6E6E6;
  letter-spacing: 0;
  line-height: 20px;
}
.game-infos > .game-message > .content > .inner .vote div span:nth-child(2),
.game-comment > .game-message > .content > .inner .vote div span:nth-child(2) {
  margin-right: 30px;
}
.game-infos > .game-message > .content > .inner .vote div span .active,
.game-comment > .game-message > .content > .inner .vote div span .active {
  color: #F66F0C;
}
.game-infos > .game-message > .content > .inner > .hint,
.game-comment > .game-message > .content > .inner > .hint {
  color: #9FA1A5;
}
.game-infos > .game-message > .content > .inner > .item,
.game-comment > .game-message > .content > .inner > .item {
  position: relative;
  padding-bottom: 13px;
  margin-top: -3px;
  padding-left: 19px;
  overflow: hidden;
}
.game-infos > .game-message > .content > .inner > .item:first-child,
.game-comment > .game-message > .content > .inner > .item:first-child {
  padding-top: 0;
}
.game-infos > .game-message > .content > .inner > .item:first-child > span.line em,
.game-comment > .game-message > .content > .inner > .item:first-child > span.line em {
  top: -8px;
}
.game-infos > .game-message > .content > .inner > .item > span,
.game-comment > .game-message > .content > .inner > .item > span {
  display: inline-block;
}
.game-infos > .game-message > .content > .inner > .item > span.date,
.game-comment > .game-message > .content > .inner > .item > span.date {
  color: #9FA1A5;
  display: block;
}
.game-infos > .game-message > .content > .inner > .item > span.line,
.game-comment > .game-message > .content > .inner > .item > span.line {
  position: absolute;
  left: 4px;
  top: 13px;
  width: 0;
  height: 100%;
  border-right: 2px solid #77797c;
}
.game-infos > .game-message > .content > .inner > .item > span.line > em,
.game-comment > .game-message > .content > .inner > .item > span.line > em {
  position: absolute;
  height: 6px;
  width: 6px;
  left: -2px;
  top: -8px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -1380px;
}
.game-infos > .game-message > .content > .inner > .item > span.txt,
.game-comment > .game-message > .content > .inner > .item > span.txt {
  color: #E6E6E6;
  margin-top: 6px;
  line-height: 20px;
}
.game-infos > .game-message > .drop-down,
.game-comment > .game-message > .drop-down {
  text-align: center;
  height: 20px;
  cursor: pointer;
}
.game-infos > .game-message > .drop-down.act > span.icon,
.game-comment > .game-message > .drop-down.act > span.icon {
  background-position: -26px -88px;
}
.game-infos > .game-message > .drop-down > span.icon,
.game-comment > .game-message > .drop-down > span.icon {
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
  width: 8px;
  height: 5px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: -26px -100px;
}
.game-infos > .statistics,
.game-comment > .statistics {
  padding: 22px 24px 22px 24px;
  border-top: 1px solid rgba(113, 115, 122, 0.5);
  border-bottom: 1px solid rgba(113, 115, 122, 0.5);
}
.game-infos > .statistics .icon,
.game-comment > .statistics .icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: 8px;
  vertical-align: -2px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.game-infos > .statistics .icon.like,
.game-comment > .statistics .icon.like {
  background-position: 0 0;
}
.game-infos > .statistics .icon.share,
.game-comment > .statistics .icon.share {
  background-position: 0 -12px;
}
.game-infos > .statistics .icon.comment,
.game-comment > .statistics .icon.comment {
  background-position: 0 -24px;
}
.game-infos > .statistics .icon.fine-comment,
.game-comment > .statistics .icon.fine-comment {
  background-position: 0 -36px;
}
.game-infos > .statistics .icon.play-time,
.game-comment > .statistics .icon.play-time {
  background-position: 0 -48px;
}
.game-infos > .statistics .icon.release-time,
.game-comment > .statistics .icon.release-time {
  background-position: 0 -60px;
}
.game-infos > .statistics .icon.last-update,
.game-comment > .statistics .icon.last-update {
  background-position: 0 -72px;
}
.game-infos > .statistics .icon.flower,
.game-comment > .statistics .icon.flower {
  background-position: 0 -1410px;
}
.game-infos > .statistics .icon.fav,
.game-comment > .statistics .icon.fav {
  background-position: 0 -1386px;
}
.game-infos > .statistics .icon.word-sum,
.game-comment > .statistics .icon.word-sum {
  background-position: 0 -1398px;
}
.game-infos > .statistics > div,
.game-comment > .statistics > div {
  padding-top: 12px;
  font-size: 12px;
  line-height: 16px;
}
.game-infos > .statistics > div:first-child,
.game-comment > .statistics > div:first-child {
  padding-top: 0;
}
.game-infos > .statistics > div > .fl,
.game-comment > .statistics > div > .fl {
  width: 45%;
  color: #9FA1A5;
}
.game-infos > .statistics > div > .fr,
.game-comment > .statistics > div > .fr {
  width: 55%;
  color: #E6E6E6;
  text-align: right;
}
.game-infos > .pay-info,
.game-comment > .pay-info {
  height: 93px;
  padding: 22px 24px 22px 24px;
  padding-right: 0;
  font-size: 12px;
}
.game-infos > .pay-info > div,
.game-comment > .pay-info > div {
  height: 36px;
}
.game-infos > .pay-info > div:first-child,
.game-comment > .pay-info > div:first-child {
  margin-bottom: 21px;
}
.game-infos > .pay-info > div > .left,
.game-comment > .pay-info > div > .left {
  height: 100%;
  width: 36px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.game-infos > .pay-info > div .right,
.game-comment > .pay-info > div .right {
  margin-left: 14px;
}
.game-infos > .pay-info > div .right .js_old,
.game-comment > .pay-info > div .right .js_old {
  text-decoration: line-through;
}
.game-infos > .pay-info > div .right .js_new,
.game-comment > .pay-info > div .right .js_new {
  color: #ff6600;
  font-weight: bold;
}
.game-infos > .pay-info > div .right > span,
.game-comment > .pay-info > div .right > span {
  position: relative;
  display: block;
  color: #9FA1A5;
  line-height: normal;
  line-height: 16px;
  /*
						url-prefix() {
							>.game-activities {
								top: 1px;
							}
						}
						*/
}
.game-infos > .pay-info > div .right > span:first-child,
.game-comment > .pay-info > div .right > span:first-child {
  color: #E6E6E6;
  margin-bottom: 4px;
}
.game-infos > .pay-info > div .right > span > .game-activities,
.game-comment > .pay-info > div .right > span > .game-activities {
  vertical-align: middle;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  width: 54px;
  height: 16px;
  position: absolute;
  left: 56px;
  top: -1.5px;
  background: #ff6600;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .game-infos > .pay-info > div .right > span .game-activities,
  .game-comment > .pay-info > div .right > span .game-activities {
    top: 1px;
  }
}
.game-infos > .pay-info > div .right > span > .game-activities > i.discount-Activity,
.game-comment > .pay-info > div .right > span > .game-activities > i.discount-Activity {
  font-style: normal;
  display: inline-block;
  width: 100%;
  height: 16px;
  vertical-align: top;
  line-height: 15px;
  color: #fff;
  cursor: pointer;
}
.game-infos > .pay-info > div .right > span > .game-flower-unlock,
.game-comment > .pay-info > div .right > span > .game-flower-unlock {
  color: #ff6600;
}
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box {
  display: none;
  position: absolute;
  bottom: 145px;
  right: 0px;
  width: 158px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border: none;
  background: transparent;
}
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box:before,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box:before,
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box:after,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box:after {
  content: "";
  position: absolute;
  right: 18px;
  margin-left: -8px;
  top: 118px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-top-color: #E6E6E6;
}
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box:after,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box:after {
  top: 118px;
  border-top-color: #FFF;
}
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box:before,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box:before,
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box:after,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box:after {
  /*display: none;*/
}
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box {
  display: none;
  position: absolute;
  top: 29px;
  left: 0;
  width: 158px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  display: block;
  border-radius: 4px;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  font-size: 12px;
}
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box:before,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box:before,
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box:after,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box:after {
  content: "";
  position: absolute;
  right: 18px;
  margin-left: -8px;
  top: 87px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-top-color: #E6E6E6;
}
.game-infos > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box:after,
.game-comment > .pay-info > div .right > span > .game-activities > .inner-box > .tip-box:after {
  top: 87px;
  border-top-color: #FFF;
}
.game-infos > .pay-info > div .right > span > .game-activities:hover > .inner-box,
.game-comment > .pay-info > div .right > span > .game-activities:hover > .inner-box {
  display: block;
}
.game-infos > .pay-info > div .right > span .activities-info,
.game-comment > .pay-info > div .right > span .activities-info {
  line-height: 18px;
  padding: 8px 5px;
  color: #565758;
}
.game-infos > .pay-info > div .right .line-through,
.game-comment > .pay-info > div .right .line-through {
  text-decoration: line-through;
}
.game-infos > .pay-info > .flower-need > .left,
.game-comment > .pay-info > .flower-need > .left {
  background-position: 0 -698px;
}
.game-infos > .pay-info > .flower-paid > .left,
.game-comment > .pay-info > .flower-paid > .left {
  background-position: 0 -662px;
}
.game-infos > .pay-info > .flower-paid > .right,
.game-comment > .pay-info > .flower-paid > .right {
  width: 144px;
}
.controls {
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0;
  background-color: #2E2F31;
}
.controls > div > .list {
  float: left;
  height: 18px;
  position: relative;
}
.controls > div > .list .controls-icon {
  width: 18px;
  height: 18px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.controls > div > .list .controls-btn {
  padding: 0 10px;
  border-radius: 8px;
  height: 18px;
  color: #2E2F31;
  font-size: 12px;
  line-height: 18px;
  background-color: #9FA1A5;
}
.controls > div > .list .controls-btn:hover {
  background-color: #71737A;
}
.controls > div > .list .select-box {
  display: none;
  position: absolute;
  bottom: 18px;
  left: 50%;
  width: 64px;
  margin-left: -32px;
  padding-bottom: 17px;
}
.controls > div > .list .select-box .inner {
  background-color: #2e2f31;
  padding: 0 10px;
  border-radius: 5px;
  position: relative;
  display: block;
  text-align: center;
}
.controls > div > .list .select-box .inner:before,
.controls > div > .list .select-box .inner:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -10px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 5px solid transparent;
  border-top-color: #2e2f31;
}
.controls > div > .list .select-box .inner:after {
  bottom: -8px;
  border-top-color: #2e2f31;
}
.controls > div > .list .select-box .inner.wmod-inner {
  text-align: left;
}
.controls > div > .list .select-box .inner .option {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 32px;
  color: #9FA1A5;
  border-top: 1px solid #424345;
}
.controls > div > .list .select-box .inner .option:hover,
.controls > div > .list .select-box .inner .option:hover {
  color: #FFAC28;
}
.controls > div > .list .select-box .inner .option.act {
  color: #FFAC28;
}
.controls > div > .list .select-box .inner .option:first-child {
  border: none;
}
.controls .controls-l {
  margin-top: 13px;
}
.controls .controls-l .list {
  margin-left: 28px;
  cursor: pointer;
}
.controls .controls-l .list:hover .select-box {
  display: inline-block !important;
}
.controls .controls-l .smaller .controls-icon {
  background-position: 0 -1344px;
}
.controls .controls-l .smaller .controls-icon:hover {
  background-position: -18px -1344px;
}
.controls .controls-l .full-screen .controls-icon {
  background-position: 0 -234px;
}
.controls .controls-l .full-screen .controls-icon:hover {
  background-position: -18px -234px;
}
.controls .controls-l .sound-volume .controls-icon {
  background-position: 0 -252px;
}
.controls .controls-l .sound-volume .controls-icon:hover {
  background-position: -36px -252px;
}
.controls .controls-l .sound-volume .adjust {
  width: 60px;
  height: 18px;
  margin-left: 5px;
}
.controls .controls-l .sound-volume.mute .controls-icon {
  background-position: -18px -252px;
}
.controls .controls-l .sound-volume.mute .controls-icon:hover {
  background-position: -54px -252px;
}
.controls .controls-l .definition .controls-icon {
  width: 40px;
  background-position: -40px -288px;
}
.controls .controls-l .definition .controls-icon:hover {
  background-position: -120px -288px;
}
.controls .controls-l .definition .controls-icon.hd_32 {
  background-position: 0 -288px;
}
.controls .controls-l .definition .controls-icon.hd_32:hover {
  background-position: -80px -288px;
}
.controls .controls-l .game-win-type .select-box .option {
  position: relative;
}
.controls .controls-l .game-win-type .select-box .option .h5-game-hint {
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  text-align: center;
  line-height: 12px;
  color: #9FA1A5;
  border: 1px solid #9FA1A5;
}
.controls .controls-l .game-win-type .game-type {
  width: 40px;
}
.controls .controls-l .game-win-type .game-type.flash-win {
  background-position: -188px -270px;
}
.controls .controls-l .game-win-type .game-type.flash-win:hover {
  background-position: -228px -270px;
}
.controls .controls-l .game-win-type .game-type.h5-win {
  background-position: -108px -270px;
}
.controls .controls-l .game-win-type .game-type.h5-win:hover {
  background-position: -148px -270px;
}
.controls .controls-l .word-speed .normal.controls-icon {
  background-position: 0 -270px;
}
.controls .controls-l .word-speed .normal.controls-icon:hover {
  background-position: -18px -270px;
}
.controls .controls-l .word-speed .fast.controls-icon {
  background-position: -36px -270px;
}
.controls .controls-l .word-speed .fast.controls-icon:hover {
  background-position: -54px -270px;
}
.controls .controls-l .word-speed .ultrafast.controls-icon {
  background-position: -72px -270px;
}
.controls .controls-l .word-speed .ultrafast.controls-icon:hover {
  background-position: -90px -270px;
}
.controls .controls-l .word-speed .select-box {
  width: 88px;
  margin-left: -44px;
}
.controls .controls-l .word-speed .select-box .option .speed-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 2px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.controls .controls-l .word-speed .select-box .normal-speed:hover .speed-icon {
  background-position: 0 -780px;
}
.controls .controls-l .word-speed .select-box .normal-speed.act .speed-icon {
  background-position: 0 -780px;
}
.controls .controls-l .word-speed .select-box .normal-speed .speed-icon {
  background-position: -12px -780px;
}
.controls .controls-l .word-speed .select-box .fast-speed:hover .speed-icon {
  background-position: 0 -792px;
}
.controls .controls-l .word-speed .select-box .fast-speed.act .speed-icon {
  background-position: 0 -792px;
}
.controls .controls-l .word-speed .select-box .fast-speed .speed-icon {
  background-position: -12px -792px;
}
.controls .controls-l .word-speed .select-box .ultrafast-speed:hover .speed-icon {
  background-position: 0 -804px;
}
.controls .controls-l .word-speed .select-box .ultrafast-speed.act .speed-icon {
  background-position: 0 -804px;
}
.controls .controls-l .word-speed .select-box .ultrafast-speed .speed-icon {
  background-position: -12px -804px;
}
.controls .controls-l .wmod-option-wp {
  display: none;
}
.controls .controls-l .wmod-option-wp .select-box {
  width: 110px;
  margin-left: -55px;
}
.controls .controls-r .list {
  margin-right: 20px;
  padding: 13px 0;
}
.controls .controls-r .list .controls-icon {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.controls .controls-r .list .icon-txt {
  display: inline-block;
  color: #9FA1A5;
}
.controls .controls-r .confirm .controls-icon {
  background-position: 1px -162px;
}
.controls .controls-r .speed .controls-icon {
  background-position: 0 -180px;
}
.controls .controls-r .reset-screen .controls-icon {
  width: 26px;
  background-position: 0 -198px;
}
.controls .controls-r .full-screen .controls-icon {
  background-position: 0 -216px;
}
.game-interact {
  position: relative;
  height: 53px;
  margin-top: 18px;
  padding: 21px 0;
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.game-interact > div {
  height: 100%;
}
.game-interact > .left .item {
  position: relative;
}
.game-interact > .left .item.sendflower > span {
  color: #fd8391;
}
.game-interact > .left .item.share {
  font-size: 12px;
}
.game-interact > .left .item.share > .inner-box {
  display: none;
  position: absolute;
  top: 53px;
  bottom: auto;
  left: 0;
  height: 182px;
  width: 620px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #ebebeb;
  border: none;
  background: transparent;
}
.game-interact > .left .item.share > .inner-box:before,
.game-interact > .left .item.share > .inner-box:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -227px;
  top: -16px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-bottom-color: #ebebeb;
}
.game-interact > .left .item.share > .inner-box:after {
  top: -14px;
  border-bottom-color: #FFF;
}
.game-interact > .left .item.share > .inner-box:before,
.game-interact > .left .item.share > .inner-box:after {
  display: none;
}
.game-interact > .left .item.share > .inner-box > .tip-box {
  display: none;
  position: absolute;
  top: 29px;
  bottom: auto;
  left: 0;
  height: 244px;
  width: 550px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  display: block;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  cursor: default;
}
.game-interact > .left .item.share > .inner-box > .tip-box:before,
.game-interact > .left .item.share > .inner-box > .tip-box:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -227px;
  top: -16px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-bottom-color: #E6E6E6;
}
.game-interact > .left .item.share > .inner-box > .tip-box:after {
  top: -14px;
  border-bottom-color: #FFF;
}
.game-interact > .left .item.share > .inner-box > .tip-box > div {
  float: left;
}
.game-interact > .left .item.share:hover > .inner-box {
  display: block;
}
.game-interact > .left .item .reward {
  width: 300px;
}
.game-interact > .left .item .reward > .title {
  font-size: 18px;
  text-align: center;
  margin: 30px auto 2px;
  font-weight: normal;
  color: #666666;
}
.game-interact > .left .item .reward > p {
  font-size: 12px;
  color: #8C8C8C;
  font-weight: normal;
}
.game-interact > .left .item .reward > table {
  width: 230px;
  margin: 15px auto 10px;
  text-align: left;
  font-weight: normal;
  border-collapse: collapse;
  position: relative;
}
.game-interact > .left .item .reward > table td {
  padding: 0 18px 0px 0;
  padding: 0 12px 0px 0\9;
  color: #8C8C8C;
}
.game-interact > .left .item .reward > table tr {
  vertical-align: middle;
  border: 1px solid #A9A9A9;
  border-radius: 4px;
  height: 34px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 230px;
  position: relative;
  margin-bottom: 10px;
}
.game-interact > .left .item .reward > table tr:last-child {
  margin-bottom: 0;
}
.game-interact > .left .item .reward > table tr > td:first-child {
  transform: translateX(20px);
}
.game-interact > .left .item .reward > table tr > td:last-child {
  padding-right: 0;
  transform: translateX(-20px);
}
.game-interact > .left .item .reward > table:after {
  content: "";
  width: 1px;
  height: 150px;
  background: #ebebeb;
  position: absolute;
  top: 0px;
  right: -35px;
}
.game-interact > .left .item .reward .icon-share {
  display: inline-block;
  height: 18px;
  padding-left: 26px;
  margin-right: 3px;
  font-style: normal;
  color: #8c8c8c;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.game-interact > .left .item .reward .icon-share.wild-flower {
  background-position: 0 -816px;
}
.game-interact > .left .item .reward .icon-share.jifen {
  background-position: 0 -834px;
}
.game-interact > .left .item .reward .extra-bonus {
  width: 100%;
  height: 40px;
  padding: 12px 0;
  background: #f5f6f8;
}
.game-interact > .left .item .reward .extra-bonus > p {
  float: left;
  text-align: left;
  font-family: 微软雅黑;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}
.game-interact > .left .item .reward .extra-bonus > .extra-bonus-tit {
  float: left;
  width: 50px;
  margin-left: 37px;
  margin-right: 10px;
}
.game-interact > .left .item .reward .extra-bonus > p > span {
  margin: 0 2px;
  color: #ff6600;
}
.game-interact > .left .item .reward .extra-bonus > .extra-bonus-con {
  width: 170px;
}
.game-interact > .left .item .share-box {
  width: 240px;
  margin: 0px 0 0 0px;
}
.game-interact > .left .item .share-box > .item-box {
  margin-top: 16px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 210px;
  *zoom: 1;
}
.game-interact > .left .item .share-box > .item-box:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.game-interact > .left .item .share-box > .item-box > a {
  flex-shrink: 1;
  float: left;
  margin: 0 0px 46px 30px;
}
.game-interact > .left .item .share-box .title {
  font-size: 18px;
  text-align: center;
  margin: 30px auto 2px;
  font-weight: normal;
  color: #666666;
}
.game-interact > .left .item .icon {
  width: 40px;
  height: 40px;
  position: relative;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.game-interact > .left .item .icon.weibo {
  background-image: url("../../img/common/game/sicon.png?v=01");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0px;
}
.game-interact > .left .item .icon.weibo:hover {
  background-position: 0 -40px;
}
.game-interact > .left .item .icon.weibo:after {
  content: "微博";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 40px;
  /* height: 10px; */
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: 0;
  font-family: 微软雅黑;
  font-weight: normal;
}
.game-interact > .left .item .icon.qzone {
  background-image: url("../../img/common/game/sicon.png?v=01");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px -240px;
}
.game-interact > .left .item .icon.qzone:hover {
  background-position: 0px -280px;
}
.game-interact > .left .item .icon.qzone:after {
  content: "QQ空间";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 50px;
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: -5px;
  font-family: 微软雅黑;
  font-weight: normal;
}
.game-interact > .left .item .icon.wechat {
  background-image: url("../../img/common/game/sicon.png?v=01");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px -80px;
}
.game-interact > .left .item .icon.wechat:hover {
  background-position: 0px -120px;
}
.game-interact > .left .item .icon.wechat:after {
  content: "微信";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 40px;
  /* height: 10px; */
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: 0;
  font-family: 微软雅黑;
  font-weight: normal;
}
.game-interact > .left .item .icon.tieba {
  background-position: -120px -852px;
}
.game-interact > .left .item .icon.tieba:hover {
  background-position: -120px -892px;
}
.game-interact > .left .item .icon.QQ {
  background-image: url("../../img/common/game/sicon.png?v=01");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 -160px;
}
.game-interact > .left .item .icon.QQ:hover {
  background-position: 0 -200px;
}
.game-interact > .left .item .icon.QQ:after {
  content: "QQ";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 40px;
  /* height: 10px; */
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: 0;
  font-family: 微软雅黑;
  font-weight: normal;
}
.game-interact > .left .item .icon.douban {
  background-position: -40px -932px;
}
.game-interact > .left .item .icon.douban:hover {
  background-position: -40px -972px;
}
.game-interact > .left .item .icon.renren {
  background-position: -80px -932px;
}
.game-interact > .left .item .icon.renren:hover {
  background-position: -80px -972px;
}
.game-interact > .left .item .icon.tqq {
  background-position: -120px -932px;
}
.game-interact > .left .item .icon.tqq:hover {
  background-position: -120px -972px;
}
.game-interact > .left .item .icon.copy {
  background-image: url(../../img/common/game/copy.png?v=01);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-size: 100%;
  border-radius: 50%;
  cursor: pointer;
}
.game-interact > .left .item .icon.copy:hover {
  background-position: 0 -40px;
}
.game-interact > .left .item .icon.copy:after {
  content: "复制链接";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 50px;
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: -5px;
  font-family: 微软雅黑;
  font-weight: normal;
}
.game-interact > .left > .item {
  width: 114px;
  border-right: 1px solid #EBECEE;
}
.game-interact > .left > .item.add-praise-box:hover .add-praise {
  background-position: -65px -462px;
}
.game-interact > .left > .item > .icon {
  height: 32px;
  width: 32px;
}
.game-interact > .left > .item > .icon.add-praise {
  background-position: -65px -462px;
}
.game-interact > .left > .item > .icon.add-praise:hover {
  background-position: -65px -462px;
}
.game-interact > .left > .item > span {
  margin-top: 5px;
}
.game-interact > .left .item.recommend-btn {
  width: auto;
  border-right: none;
  display: none;
}
.game-interact > .left .item.recommend-btn > div {
  float: left;
}
.game-interact > .left .item.recommend-btn > .btn-box {
  padding: 0 26px 0 34px;
}
.game-interact > .left .item.recommend-btn > .btn-box > .icon {
  height: 32px;
  width: 32px;
  background-position: 6px -1308px;
}
.game-interact > .left .item.recommend-btn > .btn-box > span {
  display: block;
  font-size: 12px;
  color: #71737A;
  margin-top: 5px;
}
.game-interact > .left .item.recommend-btn .item.recommend-ticket {
  float: left;
  border: none;
  text-align: left;
  width: 240px;
  font-size: 12px;
  font-weight: normal;
}
.game-interact > .left .item.recommend-btn .item.recommend-ticket > div {
  color: #9FA1A5;
  line-height: 12px;
  margin-top: 9px;
}
.game-interact > .left .item.recommend-btn .item.recommend-ticket > div:first-child {
  margin-top: 0;
}
.game-interact > .left .item.recommend-btn .item.recommend-ticket > div > .num {
  color: #ff3e59;
}
.game-interact > .left .item.recommend-btn .item.recommend-ticket > div > a {
  color: #71737A;
}
.game-interact > .right > .item {
  position: relative;
  width: 84px;
  border-left: 1px solid #EBECEE;
}
.game-interact > .right > .item > .icon {
  height: 24px;
  width: 24px;
  margin-top: 3px;
}
.game-interact > .right > .item > span {
  margin-top: 10px;
  color: #c2c5c9;
}
.game-interact > .right > .item.mobile > .inner-box {
  display: none;
  position: absolute;
  top: 53px;
  bottom: auto;
  left: -37px;
  height: 182px;
  width: 158px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  border: none;
  background: transparent;
}
.game-interact > .right > .item.mobile > .inner-box:before,
.game-interact > .right > .item.mobile > .inner-box:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -16px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-bottom-color: #E6E6E6;
}
.game-interact > .right > .item.mobile > .inner-box:after {
  top: -14px;
  border-bottom-color: #FFF;
}
.game-interact > .right > .item.mobile > .inner-box:before,
.game-interact > .right > .item.mobile > .inner-box:after {
  display: none;
}
.game-interact > .right > .item.mobile > .inner-box > .tip-box {
  display: none;
  position: absolute;
  top: 29px;
  bottom: auto;
  left: 0;
  height: 182px;
  width: 158px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #E6E6E6;
  display: block;
  border-radius: 4px;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 12px;
}
.game-interact > .right > .item.mobile > .inner-box > .tip-box:before,
.game-interact > .right > .item.mobile > .inner-box > .tip-box:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -16px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-bottom-color: #E6E6E6;
}
.game-interact > .right > .item.mobile > .inner-box > .tip-box:after {
  top: -14px;
  border-bottom-color: #FFF;
}
.game-interact > .right > .item.mobile > .inner-box > .tip-box > .qr-code {
  height: 121px;
  width: 121px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: -1px -1012px;
  margin: 20px auto 10px;
}
.game-interact > .right > .item.mobile:hover > .inner-box {
  display: block;
}
.game-interact .item {
  float: left;
  height: 100%;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.game-interact .item.add-fav-box:hover .add-fav.fav {
  background-position: -65px -527px;
}
.game-interact .item > span {
  display: block;
  font-size: 12px;
  color: #71737A;
}
.game-interact .item:hover > span,
.game-interact .item.recommend-btn:hover .btn-box > span {
  color: #FFAC28;
}
.game-interact .item.recommend-btn:hover .btn-box > .recommend {
  background-position: -24px -1308px;
}
.game-interact .item:hover .icon.like,
.game-interact .item.active .icon.like {
  background-position: -32px -462px;
}
.game-interact .item:hover .icon.share,
.game-interact .item.active .icon.share {
  background-position: -32px -494px;
}
.game-interact .item:hover .icon.fav,
.game-interact .item.active .icon.fav {
  background-position: -32px -526px;
}
.game-interact .item .add-fav.fav {
  background-position: -65px -526px;
}
.game-interact .item .add-fav.fav:hover {
  background-position: -65px -526px;
}
.game-interact .item:hover .icon.mobile,
.game-interact .item.active .icon.mobile {
  background-position: -24px -366px;
}
.game-interact .item:hover .icon.dev-tool,
.game-interact .item.active .icon.dev-tool {
  background-position: -24px -390px;
}
.game-interact .item:hover .icon.course,
.game-interact .item.active .icon.course {
  background-position: -24px -414px;
}
.game-interact .item:hover .icon.report,
.game-interact .item.active .icon.report {
  background-position: -24px -438px;
}
.game-interact .icon {
  display: inline-block;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  -moz-transition: background-position 0.15s;
  -o-transition: background-position 0.15s;
  -webkit-transition: background-position 0.15s;
  transition: background-position 0.15s;
}
.game-interact .icon.like {
  background-position: 0 -462px;
}
.game-interact .icon.share {
  background-position: 0 -494px;
}
.game-interact .icon.fav {
  background-position: 0 -527px;
}
.game-interact .icon.flower {
  background-position: 0 -558px;
}
.game-interact .icon.mobile {
  background-position: 0 -366px;
}
.game-interact .icon.dev-tool {
  background-position: 0 -390px;
}
.game-interact .icon.course {
  background-position: 0 -414px;
}
.game-interact .icon.report {
  background-position: 0 -438px;
}
#other {
  margin-top: 32px;
  *zoom: 1;
}
#other:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#other > .left {
  width: 815px;
}
#other > .left > .editor-words {
  height: 150px;
  margin-top: 26px;
  background-image: url('../../img/common/game/editor_words_bg2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 5px;
}
#other > .left > .editor-words > .content {
  position: relative;
  left: 160px;
  top: 20px;
  width: 560px;
  height: 113px;
  overflow: hidden;
  font-size: 12px;
}
#other > .left > .editor-words > .content > .content > .editor-name {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  margin-bottom: 16px;
  color: #9FA1A5;
}
#other > .left > .editor-words > .content > .content > .editor-name > img {
  height: 21px;
  width: 21px;
  margin-right: 8px;
  border-radius: 21px;
}
#other > .left > .editor-words > .content > .content > .editor-name > img,
#other > .left > .editor-words > .content > .content > .editor-name > span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
#other > .left > .editor-words > .content > .content > .editor-word {
  line-height: 20px;
  padding-right: 15px;
}
#other > .left > .tab-box2 {
  margin-top: 32px;
}
#other > .left > .tab-box2 > .tab-content {
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  padding: 0.02px 0;
  position: relative;
}
#other > .left > .tab-box2 > .tab-content > .inner {
  margin: 30px 40px 40px;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
}
#other > .left > .tab-box2 > .tab-content > .inner > .content textarea {
  width: 96%;
  height: 180px;
  padding: 12px;
  border: 1px solid #E6E6E6;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #2E2F31;
  font-family: '微软雅黑';
  font-size: 12px;
  line-height: 18px;
}
#other > .left > .tab-box2 > .tab-content > .inner > .content .btn {
  display: inline-block;
  cursor: pointer;
  padding: 4px 12px;
  margin: 12px 0;
  font-size: 12px;
  line-height: 20px;
  color: #2E2F31;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  font-family: '微软雅黑';
  outline: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#other > .left > .tab-box2 > .tab-content > .inner > .content .btn:hover {
  box-shadow: 0 1px 2px 0 rgba(255, 102, 0, 0.5);
  border: 1px solid #FF6600;
  background: #fff;
}
#other > .left > .tab-box2 > .tab-content > .inner .description-notice li {
  line-height: 24px;
  color: #9FA1A5;
}
#other > .left > .tab-box2 > .tab-content > .inner .description-notice li a {
  color: #FF6600;
}
#other > .left > .tab-box2 > .tab-content > .inner .is_vote .text_content {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 8px;
  text-align: center;
}
#other > .left > .tab-box2 > .tab-content > .inner .is_vote .text_content a {
  color: #FF6600;
}
#other > .left > .tab-box2 > .tab-content .game_tab_develop {
  position: absolute;
  left: 0;
  bottom: 18px;
  z-index: 5;
  width: 100%;
  display: block;
  cursor: pointer;
  background: url("../../../orange/img/common/game_des_btn.png?v=20160928") no-repeat center top;
  text-align: center;
  overflow: hidden;
  height: 27px;
  line-height: 27px;
  padding-top: 20px;
}
#other > .left > .tab-box2 > .tab-content .game_tab_develop_no {
  background: none;
  bottom: 8px;
  padding-top: 0;
}
#other > .left > .tab-box2 > .tab-content .game_tab_develop > i {
  background: url('../../../orange/img/common/updatelog_icon2.png') no-repeat 0 -2px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
#other > .left > .tab-box2 > .tab-content .game_tab_develop > i.retract_icon {
  background: url('../../../orange/img/common/updatelog_icon.png') no-repeat 0 -2px;
}
#other > .left > .tab-box2 > .update-log .item {
  position: relative;
  padding-top: 18px;
  font-size: 12px;
  *zoom: 1;
}
#other > .left > .tab-box2 > .update-log .item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#other > .left > .tab-box2 > .update-log .item:first-child {
  padding-top: 0;
}
#other > .left > .tab-box2 > .update-log .item:first-child .line {
  top: 5px;
}
#other > .left > .tab-box2 > .update-log .item:first-child .line > em {
  top: 0;
}
#other > .left > .tab-box2 > .update-log .item > span {
  float: left;
}
#other > .left > .tab-box2 > .update-log .item > span .overdue {
  color: #FF4949;
}
#other > .left > .tab-box2 > .update-log .item > span .state {
  font-weight: bold;
}
#other > .left > .tab-box2 > .update-log .item.update .line > em {
  height: 14px;
  width: 14px;
  left: -7px;
  top: 22px;
  background-position: 0 -748px;
}
#other > .left > .tab-box2 > .update-log .item.update:first-child .line {
  top: 4px;
}
#other > .left > .tab-box2 > .update-log .item.update:first-child .line > em {
  top: 0;
}
#other > .left > .tab-box2 > .update-log .item .vote-type {
  color: #F66F0C;
  display: none;
  margin-left: 102px;
}
#other > .left > .tab-box2 > .update-log .item .vote-type.show {
  display: block;
}
#other > .left > .tab-box2 > .update-log .item .vote {
  text-align: center;
  width: 144px;
  margin-left: 102px;
  margin-top: 10px;
  float: left;
  border: 1px solid #EBECEE;
  padding: 12px;
  border-radius: 5px;
}
#other > .left > .tab-box2 > .update-log .item .vote > p {
  font-size: 12px;
  color: #9FA1A5;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 6px;
}
#other > .left > .tab-box2 > .update-log .item .vote div a {
  display: inline-block;
  width: 50px;
  height: 20px;
  font-size: 12px;
  color: #71737A;
  letter-spacing: 0;
  line-height: 20px;
  text-align: right;
  vertical-align: top;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:first-child {
  margin-right: 30px;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:first-child.leave-init {
  background: url("../../img/leave/good2.png") no-repeat;
  background-size: auto 20px;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:first-child.leave-init:hover {
  background: url("../../img/leave/good3.png") no-repeat;
  background-size: auto 20px;
  color: #F66F0C;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:first-child.leave-valid {
  background: url("../../img/leave/good3.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:first-child.leave-invalid {
  background: url("../../img/leave/good1.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:last-child.leave-init {
  background: url("../../img/leave/bad2.png") no-repeat;
  background-size: auto 20px;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:last-child.leave-init:hover {
  background: url("../../img/leave/bad3.png") no-repeat;
  background-size: auto 20px;
  color: #F66F0C;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:last-child.leave-valid {
  background: url("../../img/leave/bad3.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
}
#other > .left > .tab-box2 > .update-log .item .vote div a:last-child.leave-invalid {
  background: url("../../img/leave/bad1.png") no-repeat;
  background-size: auto 20px;
  cursor: default;
}
#other > .left > .tab-box2 > .update-log .item .vote div span {
  font-size: 12px;
  color: #E6E6E6;
  letter-spacing: 0;
  line-height: 20px;
}
#other > .left > .tab-box2 > .update-log .item .vote div span:nth-child(2) {
  margin-right: 30px;
}
#other > .left > .tab-box2 > .update-log .item .vote div span .active {
  color: #F66F0C;
}
#other > .left > .tab-box2 > .update-log .date {
  width: 84px;
}
#other > .left > .tab-box2 > .update-log .line {
  position: absolute;
  left: 84px;
  top: 0;
  width: 0;
  height: 100%;
  border-right: 1px solid #EBECEE;
}
#other > .left > .tab-box2 > .update-log .line > em {
  position: absolute;
  height: 10px;
  width: 10px;
  left: -5px;
  top: 24px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -762px;
}
#other > .left > .tab-box2 > .update-log .txt {
  width: 628px;
  margin-left: 18px;
}
#other > .left > .tab-box2 > .vote {
  padding: 30px 40px;
}
#other > .left .normal_vote p,
#other > .left .update_log_content p {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}
#other > .left .normal_vote p.muted,
#other > .left .update_log_content p.muted {
  color: #999;
  margin-bottom: 0;
}
#other > .right {
  width: 346px;
}
#other > .right .flower-ranking {
  position: relative;
  font-size: 12px;
  min-height: 422px;
  /*.tip-invest{
                            position:absolute;
                            bottom:0;
                            border-top: 2px solid #f5f6f8;
                            overflow: hidden;
                            margin: 0;
                            text-align: center;
                            width: 100%;
                }*/
}
#other > .right .flower-ranking.fl-invest {
  padding-bottom: 42px;
}
#other > .right .flower-ranking .switcher {
  position: absolute;
  top: -47px;
  right: 0;
}
#other > .right .flower-ranking .switcher > span {
  display: inline-block;
  margin-left: 10px;
  padding: 0 6px;
  line-height: 20px;
  border-radius: 4px;
  cursor: pointer;
}
#other > .right .flower-ranking .switcher > span.active {
  background-color: #FFAC28;
  color: #FFF;
}
#other > .right .flower-ranking > .content {
  display: none;
}
#other > .right .flower-ranking > .content.active {
  display: block;
}
#other > .right .flower-ranking .item {
  height: 40px;
  line-height: 40px;
  margin-bottom: 1px;
  border-radius: 5px;
  background-color: #FFF;
  *zoom: 1;
}
#other > .right .flower-ranking .item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#other > .right .flower-ranking .item.top3 {
  height: 44px;
  line-height: 44px;
}
#other > .right .flower-ranking .item > i,
#other > .right .flower-ranking .item > div {
  float: left;
}
#other > .right .flower-ranking .item > i {
  height: 20px;
  width: 20px;
  margin: 12px 0 0 18px;
}
#other > .right .flower-ranking .item > i.num {
  margin-top: 10px;
}
#other > .right .flower-ranking .item.invest .num {
  background: #fff9e1;
  color: #ffac28;
}
#other > .right .flower-ranking .item-invest {
  display: none;
  position: absolute;
  bottom: 0;
  border-top: 2px solid #f5f6f8;
  overflow: hidden;
  margin: 0;
}
#other > .right .flower-ranking .item-invest .fr-icon.num {
  background: #fff9e1;
  color: #ffac28;
  text-align: center;
}
#other > .right .flower-ranking .item-invest.under30 .fr-icon.num {
  background: #EBECEE;
  color: #2E2F31;
}
#other > .right .flower-ranking .fr-icon {
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
#other > .right .flower-ranking .fr-icon.first {
  background-position: 0 -306px;
}
#other > .right .flower-ranking .fr-icon.second {
  background-position: 0 -326px;
}
#other > .right .flower-ranking .fr-icon.third {
  background-position: 0 -346px;
}
#other > .right .flower-ranking .fr-icon.num {
  line-height: 20px;
  background-image: none;
  background-color: #EBECEE;
  border-radius: 100%;
  text-align: center;
  font-style: normal;
}
#other > .right .flower-ranking .user-name {
  width: 192px;
  margin: 0 14px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#other > .right .flower-ranking .user-name > a {
  color: #2E2F31;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
#other > .right .flower-ranking .user-name > a:hover {
  color: #FFAC28;
}
#other > .right .flower-ranking .flower-count {
  width: 88px;
  color: #9FA1A5;
  cursor: default;
}
#other > .right .flower-ranking .flower-count > i,
#other > .right .flower-ranking .flower-count > span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
#other > .right .flower-ranking .flower-count > i {
  height: 18px;
  width: 18px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -126px;
}
#other > .right .flower-ranking .flower-count > span {
  width: 56px;
  margin: 0 4px 0 6px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#other > .right .visitor {
  height: 402px;
  padding: 20px 27px 0;
  background-color: #FFF;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
}
#other > .right .visitor > .inner {
  margin: 0 0 20px -26px;
  *zoom: 1;
}
#other > .right .visitor > .inner:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#other > .right .visitor > .bg-img {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../../img/common/game/visitor_bg.png") repeat-x 0 0;
}
#other > .right .visitor .item {
  float: left;
  width: 53px;
  margin-left: 26px;
  text-align: center;
}
#other > .right .visitor .item > a {
  position: relative;
  display: block;
  height: 53px;
  width: 53px;
  border-radius: 100%;
  overflow: hidden;
}
#other > .right .visitor .item > a:hover > .user-name {
  visibility: visible;
  opacity: 1;
}
#other > .right .visitor .item .user-avatar {
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
#other > .right .visitor .item .user-name {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  line-height: 53px;
  width: 98%;
  padding: 0 1%;
  color: #FFF;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #000000;
  background: transparent;
  background: rgba(0, 0, 0, 0.6);
  /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
  /*IE8*/
  zoom: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-radius: 100%;
  transition: all 0.3s;
}
#other > .right .visitor .item .time {
  width: 100%;
  margin: 6px 0 15px 0;
  color: #9FA1A5;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#other > .right > .ad {
  height: 100px;
  margin-top: 26px;
}
#other > .right > .ad > a,
#other > .right > .ad > a > img,
#other > .right > .ad img {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 6px;
}
.tab-lovewall {
  position: relative;
}
.tab-lovewall > span > .tip {
  position: absolute;
  right: -10px;
  top: -8px;
  height: 14px;
  width: 14px;
  z-index: 999;
  background: url('../../../orange/img/common/index/answer-icon.png') no-repeat 0 0;
}
.tab-lovewall > span > .tip > span {
  position: absolute;
  display: none;
  padding: 20px 30px;
  font-size: 12px;
  color: #87898f;
  line-height: 22px;
  text-align: justify;
}
.tab-lovewall > span > .tip:hover > span {
  display: block;
  right: -315px;
  top: -23px;
  width: 260px;
  padding: 20px;
  text-align: justify;
  font-size: 12px;
  color: #87898f;
  line-height: 22px;
  font-style: normal;
  background: #fff;
  border: 1px solid #E6E6E6;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.tab-lovewall > span > .tip:hover > span:before,
.tab-lovewall > span > .tip:hover > span:after {
  content: '';
  position: absolute;
  left: -16px;
  top: 20px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #E6E6E6;
}
.tab-lovewall > span > .tip:hover > span:after {
  left: -15px;
  border-right-color: #fff;
}
.tab-lovewall .love-words {
  position: absolute;
  left: 100px;
  top: -5px;
  height: 100%;
  width: 660px;
  line-height: 28px;
  overflow: hidden;
  font-size: 12px;
  color: #9FA1A5;
  background: url('../../img/lovewall/lovemsg.png') no-repeat left center;
}
.tab-lovewall .love-words ul {
  position: absolute;
  left: 16px;
  top: 0;
}
.tab-lovewall .love-words ul li a {
  color: #9fa1a5;
}
#lovewall {
  position: relative;
  height: 280px;
  padding: 34px 0;
  margin-bottom: 32px;
  background-color: #fff;
  font-size: 12px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#lovewall .arr {
  position: absolute;
  top: 128px;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
  transition: background-color 0.2s;
  cursor: pointer;
}
#lovewall .arr.left {
  left: 10px;
  background-image: url(../../img/lovewall/arr_left.png);
}
#lovewall .arr.right {
  right: 10px;
  background-image: url(../../img/lovewall/arr_right.png);
}
#lovewall .arr:hover {
  background-color: #E6E6E6;
}
#lovewall .arr.disabled:hover {
  background-color: #fff;
  cursor: default;
}
#lovewall > .inner {
  height: 100%;
  margin-left: 60px;
}
#lovewall > .inner > .card-list {
  display: block;
  height: 100%;
}
#lovewall > .inner > .card-list .card {
  opacity: 0;
  position: relative;
  float: left;
  height: 260px;
  width: 142px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  margin-left: 40px;
  text-align: center;
  transition: opacity 1s, box-shadow 0.3s;
  cursor: pointer;
}
#lovewall > .inner > .card-list .card:first-child {
  margin-left: 0;
}
#lovewall > .inner > .card-list .card.visible {
  opacity: 1;
}
#lovewall > .inner > .card-list .card > .inner {
  position: relative;
  height: 192px;
  width: 100%;
  overflow: hidden;
}
#lovewall > .inner > .card-list .card > .inner img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#lovewall > .inner > .card-list .card > .inner:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: url(../../img/lovewall/gradient_white_60.png) repeat-x left center;
  z-index: 2;
}
#lovewall > .inner > .card-list .card > .role-name {
  padding-top: 2px;
  margin: 0 6px;
  color: #2E2F31;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#lovewall > .inner > .card-list .card > .heart-count {
  position: relative;
  margin: 4px 4px 0px 4px;
  z-index: 10;
}
#lovewall > .inner > .card-list .card > .heart-count span {
  display: inline-block;
  height: 12px;
  line-height: 12px;
  padding-left: 18px;
  color: #ff5666;
  font-size: 10px;
  background: url(../../img/lovewall/heart_red_small.png) no-repeat left center;
}
#lovewall > .inner > .card-list .card > .heart-count > .count-history {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: -20px;
  width: 100%;
  height: 40px;
  background: #fff;
  font-size: 12px;
  text-align: center;
  z-index: 0;
  transition: all 0.6s;
  overflow: hidden;
}
#lovewall > .inner > .card-list .card > .heart-count > .count-history.active {
  height: 40px;
}
#lovewall > .inner > .card-list .card > .heart-count > .count-history > p {
  height: 20px;
  line-height: 20px;
}
#lovewall > .inner > .card-list .card > .heart-count > .count-history > p b {
  font-weight: normal;
}
#lovewall > .inner > .card-list .card > .heart-count > .count-history > span {
  position: relative;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #ff5666;
  background-position: right center;
  padding-left: 0;
  padding-right: 16px;
}
#lovewall > .inner > .card-list .card > .heart-count > .count-history > span b {
  font-weight: normal;
}
#lovewall > .inner > .card-list .card > .heart-count:hover > .count-history {
  visibility: visible;
  opacity: 1;
}
#lovewall > .inner > .card-list .card > .love-btn {
  position: absolute;
  left: 33px;
  bottom: -18px;
  height: 34px;
  width: 78px;
  line-height: 34px;
  border: 1px solid #ff5666;
  border-radius: 34px;
  background-color: #fff;
  z-index: 12;
  color: #ff5666;
  cursor: pointer;
  transition: all 0.2s;
}
#lovewall > .inner > .card-list .card > .love-btn > i {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 34px;
  background: url(../../img/lovewall/heart_white_big.png) no-repeat center center #ff5666;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
#lovewall > .inner > .card-list .card > .love-btn:hover > i {
  visibility: visible;
  opacity: 1;
  box-shadow: 0 0 16px 0 rgba(255, 86, 102, 0.8);
}
#lovewall > .inner > .card-list .card:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
#lovewall > .inner > .card-list .card:hover img {
  width: 200%;
  margin: 0 -50%;
}
#lovewall > .inner > .card-list .card > .voice {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 24px;
  width: 24px;
  background: url('../../img/lovewall/voice.png');
  transition: background-image 0.2s;
  z-index: 10;
}
#lovewall > .inner > .card-list .card > .voice:hover {
  background: url('../../img/lovewall/voice_hover.png');
}
#lovewall > .inner > .card-list .card > .top,
#lovewall > .inner > .card-list .card > .best,
#lovewall > .inner > .card-list .card > .previous_best {
  position: absolute;
  left: 0%;
  top: 0px;
  display: block;
  height: 18px;
  width: 32px;
  background: url(../../img/lovewall/top_role.png?v=20180425) no-repeat center center;
  background-size: 100% 100%;
}
#lovewall > .inner > .card-list .card > .best {
  height: 18px;
  width: 44px;
  background: url(../../img/lovewall/battle.png?v=20180425) no-repeat center center;
  background-size: 100% 100%;
}
#lovewall > .inner > .card-list .card > .previous_best {
  height: 51.6px;
  width: 33.6px;
  left: 6px;
  background: url(../../img/lovewall/best_role.png?v=20180425) no-repeat center center;
  background-size: 100% 100%;
  z-index: 88;
}
#lovewall .loading {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('../../img/lovewall/loading.gif') no-repeat center center rgba(255, 255, 255, 0.6);
  z-index: 2;
}
#pop-lovewall {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000000;
  background: transparent;
  background: rgba(0, 0, 0, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
  zoom: 1;
  z-index: 99;
  transition: opacity 0.3s;
}
#pop-lovewall button {
  font-family: '微软雅黑';
}
#pop-lovewall button:active,
#pop-lovewall button:focus {
  outline: none;
}
#pop-lovewall .no-data {
  height: 150px;
  width: 261px;
  margin: 20px auto 0;
  background: url('../../img/lovewall/rank_empty.png?v=20170428') no-repeat center center;
}
#pop-lovewall > .content {
  position: relative;
  width: 580px;
  margin: 110px auto;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}
#pop-lovewall > .content > i {
  position: absolute;
  cursor: pointer;
  transition: background-image 0.2s;
}
#pop-lovewall > .content > i.close {
  top: -50px;
  right: -50px;
  height: 50px;
  width: 50px;
  background: url('../../img/lovewall/close.png') no-repeat center center;
}
#pop-lovewall > .content > i.close:hover {
  background-image: url('../../img/lovewall/close_hover.png');
}
#pop-lovewall > .content > i.arr.left,
#pop-lovewall > .content > i.arr.right {
  top: 200px;
  height: 50px;
  width: 36px;
  background-repeat: no-repeat;
  background-position: center center;
}
#pop-lovewall > .content > i.arr.left {
  left: -60px;
  background-image: url('../../img/lovewall/big_left.png');
}
#pop-lovewall > .content > i.arr.left:hover {
  background-image: url('../../img/lovewall/big_left_hover.png');
}
#pop-lovewall > .content > i.arr.left.disabled:hover {
  background-image: url('../../img/lovewall/big_left.png');
}
#pop-lovewall > .content > i.arr.right {
  right: -60px;
  background-image: url('../../img/lovewall/big_right.png');
}
#pop-lovewall > .content > i.arr.right:hover {
  background-image: url('../../img/lovewall/big_right_hover.png');
}
#pop-lovewall > .content > i.arr.right.disabled:hover {
  background-image: url('../../img/lovewall/big_right.png');
}
#pop-lovewall > .content > i.arr.disabled {
  cursor: default;
}
#pop-lovewall .box {
  padding: 0 60px;
}
#pop-lovewall .info-box {
  position: relative;
  height: 330px;
  color: #622D48;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
#pop-lovewall .info-box:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 295px;
  width: 100%;
  background: url(../../img/lovewall/pop_bg.png) no-repeat center center;
}
#pop-lovewall .info-box > .img {
  position: absolute;
  top: 44px;
  left: 70px;
  height: 258px;
  width: 194px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
#pop-lovewall .info-box > .img > .top,
#pop-lovewall .info-box > .img > .best,
#pop-lovewall .info-box > .img > .previous_best {
  position: absolute;
  left: 0%;
  top: 0px;
  height: 18px;
  width: 32px;
  background: url(../../img/lovewall/top_role.png?v=20180425) no-repeat center center;
  background-size: 100% 100%;
}
#pop-lovewall .info-box > .img > .best {
  height: 18px;
  width: 44px;
  background: url(../../img/lovewall/battle.png?v=20180425) no-repeat center center;
  background-size: 100% 100%;
}
#pop-lovewall .info-box > .img > .previous_best {
  height: 51.6px;
  width: 33.6px;
  margin-left: 12px;
  background: url(../../img/lovewall/best_role.png?v=20180425) no-repeat center center;
  background-size: 100% 100%;
}
#pop-lovewall .info-box > .img > .img-box {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#pop-lovewall .info-box > .img > .img-box > img {
  width: 100%;
  border-radius: 3px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#pop-lovewall .info-box > .img:hover > .img-box img {
  width: 200%;
  margin: 0 -50%;
}
#pop-lovewall .info-box > .info {
  position: absolute;
  top: 44px;
  left: 318px;
  width: 202px;
}
#pop-lovewall .info-box > .info .voice-box > .voice {
  display: inline-block;
  height: 24px;
  width: 24px;
  background: url('../../img/lovewall/voice.png');
  transition: background-image 0.2s;
  cursor: pointer;
}
#pop-lovewall .info-box > .info .voice-box > .voice:hover {
  background: url('../../img/lovewall/voice_hover.png');
}
#pop-lovewall .info-box > .info .gname {
  margin-top: 8px;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
#pop-lovewall .info-box > .info .role-name {
  font-size: 30px;
  height: 35px;
  line-height: 35px;
  margin-top: 8px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#pop-lovewall .info-box > .info .role-info {
  overflow: hidden;
  height: 36px;
  margin-top: 32px;
  font-size: 12px;
  line-height: 18px;
}
#pop-lovewall .info-box > .info .heart {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  margin-top: 20px;
  padding-left: 20px;
  font-weight: bold;
  color: #ff5666;
  background: url(../../img/lovewall/heart_red_small.png) no-repeat left center;
}
#pop-lovewall .title {
  width: 460px;
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid #E6E6E6;
  text-align: center;
}
#pop-lovewall .title > span {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 94px;
  margin: 0 14px;
  font-size: 16px;
  line-height: 32px;
  color: #9FA1A5;
}
#pop-lovewall .title > span.active {
  color: #622D48;
  border-bottom: 2px solid #ff5666;
}
#pop-lovewall .title > span.active:before,
#pop-lovewall .title > span.active:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px 8px;
  margin-left: -8px;
}
#pop-lovewall .title > span.active:before {
  border-top-color: #ff5666;
}
#pop-lovewall .title > span.active:after {
  bottom: -10px;
  border-top-color: #fff;
}
#pop-lovewall .title .ratio {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 12px;
  text-align: right;
  color: #622D48;
}
#pop-lovewall .title .ratio > .icon {
  display: inline-block;
  padding-right: 14px;
  font-style: normal;
  background-position: right center;
  background-repeat: no-repeat;
}
#pop-lovewall .title .ratio > .icon.heart {
  background-image: url('../../img/lovewall/heart_red_small.png');
}
#pop-lovewall .title .ratio > .icon.flower {
  background-image: url('../../img/lovewall/flower.png');
}
#pop-lovewall .title .ratio > .icon.point {
  background-image: url('../../img/lovewall/point.png');
}
#pop-lovewall .title.green > span.active {
  color: #1D5031;
  border-bottom: 2px solid #67cfa2;
}
#pop-lovewall .title.green > span.active:before {
  border-top-color: #67cfa2;
}
#pop-lovewall .title.green > span.active:after {
  bottom: -10px;
  border-top-color: #fff;
}
#pop-lovewall .title.green .ratio {
  color: #1D5031;
}
#pop-lovewall .point-box {
  padding-top: 30px;
}
#pop-lovewall .point-box .cooldown {
  margin-top: 10px;
  text-align: center;
  color: #9fa1a5;
  line-height: 20px;
  font-size: 12px;
}
#pop-lovewall .point-box .cooldown > span {
  display: inline-block;
  margin-left: 6px;
}
#pop-lovewall .point-box .cooldown > span:first-child {
  margin-left: 0;
}
#pop-lovewall .point-box .cooldown .time {
  height: 20px;
  width: 20px;
  background-color: #2E2F31;
  color: #fff;
}
#pop-lovewall .point-box .cooldown .time.split {
  position: relative;
  margin-right: 6px;
}
#pop-lovewall .point-box .cooldown .time.split:before {
  content: '：';
  position: absolute;
  right: -13px;
  bottom: 0;
  height: 100%;
  color: #2E2F31;
}
#pop-lovewall .rank-box {
  padding: 40px 0 20px;
}
#pop-lovewall .rank-box > .title > span {
  position: relative;
  cursor: pointer;
  transition: color 0.3s;
}
#pop-lovewall .rank-box .tip {
  position: absolute;
  top: 0;
  right: -4px;
  height: 14px;
  width: 14px;
  background: url(../../../orange/img/common/index/answer-icon.png) no-repeat center center;
}
#pop-lovewall .rank-box .tip > span {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 24px;
  width: 160px;
  margin-left: -90px;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  font-size: 12px;
  color: #9fa1a5;
  font-style: normal;
  line-height: 16px;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(200, 200, 200, 0.2);
}
#pop-lovewall .rank-box .tip > span:before,
#pop-lovewall .rank-box .tip > span:after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -6px;
  font-size: 0;
  line-height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #E6E6E6;
}
#pop-lovewall .rank-box .tip > span:after {
  border-top-color: #fff;
  bottom: -11px;
}
#pop-lovewall .rank-box .tip > span > span {
  display: inline-block;
  text-align: left;
}
#pop-lovewall .rank-box .tip:hover > span {
  display: block;
}
#pop-lovewall .rank-box .rank-list-box {
  overflow: hidden;
}
#pop-lovewall .rank-box .rank-list-box > div {
  position: relative;
  width: 1160px;
  margin-top: 38px;
  transition: left 0.2s;
}
#pop-lovewall .rank-box .rank-list {
  float: left;
  width: 580px;
}
#pop-lovewall .rank-box .rank-list.total {
  left: 100%;
}
#pop-lovewall .rank-box .rank-list li {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 60px;
  height: 54px;
  border-top: 1px solid #f5f6f8;
}
#pop-lovewall .rank-box .rank-list li:first-child {
  border-top: 0;
  padding-top: 0;
}
#pop-lovewall .rank-box .rank-list li.top3 {
  height: auto;
  padding-top: 18px;
  padding-bottom: 15px;
  font-size: 12px;
  text-align: center;
}
#pop-lovewall .rank-box .rank-list li.top3 .img-box {
  float: left;
  position: relative;
  height: 70px;
  width: 70px;
  border-style: solid;
  border-width: 2px;
  border-radius: 100%;
  margin: 0 auto;
}
#pop-lovewall .rank-box .rank-list li.top3 .img-box > img {
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
#pop-lovewall .rank-box .rank-list li.top3 .img-box:before,
#pop-lovewall .rank-box .rank-list li.top3 .img-box:after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}
#pop-lovewall .rank-box .rank-list li.top3 .img-box:before {
  right: 3px;
  top: -9px;
  height: 18px;
  width: 20px;
}
#pop-lovewall .rank-box .rank-list li.top3 .img-box:after {
  left: 0;
  bottom: -2px;
  height: 20px;
  width: 22px;
}
#pop-lovewall .rank-box .rank-list li.top3 .top {
  position: relative;
  float: left;
  width: 370px;
  margin-left: 14px;
}
#pop-lovewall .rank-box .rank-list li.top3 .top .uname {
  display: block;
  text-align: left;
  color: #622D48;
}
#pop-lovewall .rank-box .rank-list li.top3 .top .uname > a,
#pop-lovewall .rank-box .rank-list li.top3 .top .uname > span,
#pop-lovewall .rank-box .rank-list li.top3 .top .uname > img {
  display: inline-block;
  vertical-align: middle;
}
#pop-lovewall .rank-box .rank-list li.top3 .top .uname > a {
  color: #622D48;
}
#pop-lovewall .rank-box .rank-list li.top3 .top .uname > .modal {
  height: 18px;
  margin-left: 2px;
  line-height: 18px;
}
#pop-lovewall .rank-box .rank-list li.top3 .top .uname > .modal > img {
  height: 100%;
}
#pop-lovewall .rank-box .rank-list li.top3 .top .uname .level {
  position: relative;
  height: 18px;
  margin-left: 6px;
  font-size: 12px;
  line-height: 18px;
  padding: 0 8px 0 24px;
  color: #e1a93d;
  border-radius: 9px;
  background: url('../../img/common/home/mob_small.png') no-repeat left center #fff8e0;
}
#pop-lovewall .rank-box .rank-list li.top3 .top .love-count {
  position: absolute;
  left: 309px;
  top: 0;
  height: 14px;
  line-height: 14px;
  padding-left: 18px;
  background: url('../../img/lovewall/rank_heart.png') no-repeat left center;
  color: #ff5666;
  font-style: normal;
}
#pop-lovewall .rank-box .rank-list li.top3 .intro {
  float: left;
  position: relative;
  height: 12px;
  width: 240px;
  line-height: 12px;
  margin: 10px 0 0 14px;
  padding: 18px;
  color: #9FA1A5;
  background-color: #F5F6F8;
  text-align: left;
  border-radius: 4px;
  white-space: nowrap;
}
#pop-lovewall .rank-box .rank-list li.top3 .intro:before {
  content: '';
  position: absolute;
  left: 10px;
  top: -10px;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: #F5F6F8;
}
#pop-lovewall .rank-box .rank-list li.top3.r1 .img-box {
  border-color: #c2a817;
}
#pop-lovewall .rank-box .rank-list li.top3.r1 .img-box:before {
  background-image: url(../../img/lovewall/11.png);
}
#pop-lovewall .rank-box .rank-list li.top3.r1 .img-box:after {
  background-image: url(../../img/lovewall/12.png);
}
#pop-lovewall .rank-box .rank-list li.top3.r2 .img-box {
  border-color: #acacac;
}
#pop-lovewall .rank-box .rank-list li.top3.r2 .img-box:before {
  background-image: url(../../img/lovewall/21.png);
}
#pop-lovewall .rank-box .rank-list li.top3.r2 .img-box:after {
  background-image: url(../../img/lovewall/22.png);
}
#pop-lovewall .rank-box .rank-list li.top3.r3 .img-box {
  border-color: #c8a65a;
}
#pop-lovewall .rank-box .rank-list li.top3.r3 .img-box:before {
  background-image: url(../../img/lovewall/31.png);
}
#pop-lovewall .rank-box .rank-list li.top3.r3 .img-box:after {
  background-image: url(../../img/lovewall/32.png);
}
#pop-lovewall .rank-box .rank-list li.top4 {
  font-size: 12px;
  clear: both;
}
#pop-lovewall .rank-box .rank-list li.top4 > .order,
#pop-lovewall .rank-box .rank-list li.top4 > .thumb,
#pop-lovewall .rank-box .rank-list li.top4 > .uname,
#pop-lovewall .rank-box .rank-list li.top4 > .love-count {
  float: left;
}
#pop-lovewall .rank-box .rank-list li.top4 > .order {
  height: 20px;
  width: 20px;
  margin-top: 17px;
  border-radius: 100%;
  text-align: center;
  line-height: 20px;
  color: #2E2F31;
  font-style: normal;
  background-color: #EBECEE;
}
#pop-lovewall .rank-box .rank-list li.top4 > a {
  float: left;
}
#pop-lovewall .rank-box .rank-list li.top4 > a .thumb {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  margin: 7px 0 0 14px;
}
#pop-lovewall .rank-box .rank-list li.top4 > .uname {
  height: 100%;
  line-height: 54px;
  margin-left: 14px;
}
#pop-lovewall .rank-box .rank-list li.top4 > .uname > a,
#pop-lovewall .rank-box .rank-list li.top4 > .uname > span,
#pop-lovewall .rank-box .rank-list li.top4 > .uname > img {
  display: inline-block;
  vertical-align: middle;
}
#pop-lovewall .rank-box .rank-list li.top4 > .uname > a {
  color: #622D48;
}
#pop-lovewall .rank-box .rank-list li.top4 > .uname > .modal {
  height: 18px;
  margin-left: 2px;
  line-height: 18px;
}
#pop-lovewall .rank-box .rank-list li.top4 > .uname > .modal > img {
  height: 100%;
}
#pop-lovewall .rank-box .rank-list li.top4 > .uname .level {
  position: relative;
  height: 18px;
  margin-left: 6px;
  font-size: 12px;
  line-height: 18px;
  padding: 0 8px 0 24px;
  color: #e1a93d;
  border-radius: 9px;
  background: url('../../img/common/home/mob_small.png') no-repeat left center #fff8e0;
}
#pop-lovewall .rank-box .rank-list li.top4 .love-count {
  position: absolute;
  left: 400px;
  top: 20px;
  height: 14px;
  line-height: 14px;
  padding-left: 18px;
  color: #ff5666;
  font-style: normal;
  background: url('../../img/lovewall/rank_heart.png') no-repeat left center;
}
#pop-lovewall .rank-box .rank-list li.me {
  margin: 0;
  padding: 0 60px;
  background-color: #FFF9E1;
  border-top: 0;
}
#pop-lovewall .rank-box .rank-list li.me > .love-count {
  left: 460px;
}
#pop-lovewall .gift-list {
  display: block;
  margin-top: 34px;
}
#pop-lovewall .gift-list:before,
#pop-lovewall .gift-list:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  clear: both;
}
#pop-lovewall .gift-list.point {
  margin-top: 20px;
}
#pop-lovewall .gift-list > li {
  float: left;
  height: 136px;
  width: 95px;
  margin-left: 26px;
  text-align: center;
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#pop-lovewall .gift-list > li:first-child {
  margin-left: 0;
}
#pop-lovewall .gift-list > li .gift-bg {
  height: 88px;
  background-repeat: no-repeat;
  background-position: center center;
}
#pop-lovewall .gift-list > li .gift-bg.flower {
  background-image: url('../../img/lovewall/flower_bg.png');
}
#pop-lovewall .gift-list > li .gift-bg.point {
  background-image: url('../../img/lovewall/point_bg.png');
}
#pop-lovewall .gift-list > li .gift-bg > img {
  display: block;
  height: 60px;
  width: 70px;
  margin: auto;
}
#pop-lovewall .gift-list > li .gift-bg .icon {
  display: inline-block;
  height: 12px;
  line-height: 12px;
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  color: #622D48;
  font-style: normal;
}
#pop-lovewall .gift-list > li .gift-bg .icon.flower {
  background-image: url('../../img/lovewall/flower.png');
}
#pop-lovewall .gift-list > li .gift-bg .icon.point {
  background-image: url('../../img/lovewall/point.png');
  color: #1D5031;
}
#pop-lovewall .gift-list > li .love-btn {
  position: relative;
  display: inline-block;
  height: 34px;
  width: 93px;
  margin-top: 10px;
  border: 1px solid #ff5666;
  border-radius: 34px;
  font-size: 12px;
  line-height: 34px;
  text-align: center;
  color: #ff5666;
  cursor: pointer;
}
#pop-lovewall .gift-list > li .love-btn:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 34px;
  background: url(../../img/lovewall/heart_white_big.png) no-repeat center center #ff5666;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
#pop-lovewall .gift-list > li .love-btn:hover:after,
#pop-lovewall .gift-list > li .love-btn.active:after {
  visibility: visible;
  opacity: 1;
  box-shadow: 0 0 16px 0 rgba(255, 86, 102, 0.8);
}
#pop-lovewall .gift-list > li .love-btn.green {
  border-color: #67cfa2;
  color: #67cfa2;
}
#pop-lovewall .gift-list > li .love-btn.green:after {
  background: url(../../img/lovewall/heart_white_big_green.png) no-repeat center center #67cfa2;
}
#pop-lovewall .gift-list > li .love-btn.green:hover:after,
#pop-lovewall .gift-list > li .love-btn.green.active:after {
  box-shadow: 0 0 16px 0 rgba(103, 207, 162, 0.8);
}
#pop-lovewall .gift-list > li .love-btn.disabled {
  border-color: #C2C5C9;
  color: #C2C5C9;
  box-shadow: none;
  cursor: default;
}
#pop-lovewall .gift-list > li .love-btn.disabled:hover:after {
  visibility: hidden;
  opacity: 0;
  box-shadow: none;
}
#pop-lovewall .input-box {
  display: none;
  height: 32px;
  line-height: 30px;
  border-radius: 4px;
  padding: 20px 0 10px;
  font-size: 12px;
  overflow: hidden;
}
#pop-lovewall .input-box > input[type=text] {
  float: left;
  height: 30px;
  width: 374px;
  padding: 0 10px;
  border: 1px solid #ff5666;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  color: #622D48;
  font-family: '微软雅黑';
}
#pop-lovewall .input-box > input[type=text]:focus {
  outline: none;
}
#pop-lovewall .input-box > button {
  float: left;
  width: 64px;
  height: 32px;
  text-align: center;
  color: #fff;
  border: 0;
  font-family: '微软雅黑';
  background-color: #ff5666;
  cursor: pointer;
  border-radius: 0 4px 4px 0;
  transition: background-color 0.3s;
}
#pop-lovewall .input-box > button:hover {
  background-color: #ff2338;
}
#pop-lovewall .input-box.green > [type=text] {
  border-color: #67cfa2;
  color: #1D5031;
}
#pop-lovewall .input-box.green > button {
  background-color: #67cfa2;
}
#pop-lovewall .input-box.green > button:hover {
  background-color: #40c38a;
}
#pop-lovewall .ok {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 278px;
  width: 294px;
  margin: -139px 0 0 -147px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.4);
}
#pop-lovewall .ok > .img-box {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 425px;
  height: 76px;
  margin-left: -212.5px;
  background: url('../../img/lovewall/ok_bg.png') no-repeat center center;
}
#pop-lovewall .ok > .img-box > img {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -72.5px;
  width: 145px;
  height: 194px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
#pop-lovewall .ok > .img-box > .gift-bg {
  position: absolute;
  left: 50%;
  margin-left: -61px;
  top: 10px;
  height: 122px;
  width: 122px;
  background: url('../../img/lovewall/gift_bg.png') no-repeat center center;
}
#pop-lovewall .ok > .img-box > .gift-bg > img {
  display: block;
  height: 60px;
  width: 70px;
  margin: 31px auto 0;
}
#pop-lovewall .ok > .sent,
#pop-lovewall .ok > .intro,
#pop-lovewall .ok > .btn-ok {
  text-align: center;
}
#pop-lovewall .ok > .sent {
  margin-top: 136px;
  font-size: 24px;
  font-weight: bold;
  color: #622D48;
}
#pop-lovewall .ok > .intro {
  padding: 14px 60px 0;
  font-size: 12px;
  color: #9FA1A5;
  line-height: 18px;
}
#pop-lovewall .ok > .btn-ok {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  line-height: 50px;
  font-size: 12px;
  color: #2E2F31;
  border-top: 1px solid #E6E6E6;
  cursor: pointer;
}
#pop-lovewall .ok.show {
  animation: 0.3s loveVoteSuccess;
}
#pop-lovewall .get-card {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 497px;
  width: 766px;
  margin: -248.5px 0 0 -383px;
}
#pop-lovewall .get-card > .bg {
  height: 100%;
  width: 100%;
  background: url('../../img/lovewall/get_card_bg.png');
}
#pop-lovewall .get-card .card {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 242px;
  width: 187px;
  margin: -121px 0 0 -93.5px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(255, 86, 102, 0.4);
}
#pop-lovewall .get-card .card > img {
  height: 220px;
  width: 165px;
  margin: 11px 0 0 11px;
  border-radius: 4px;
}
#pop-lovewall .get-card .card > .icon {
  position: absolute;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
#pop-lovewall .get-card .card > .icon.left {
  top: 5px;
  left: 5px;
}
#pop-lovewall .get-card .card > .icon.left.one {
  background-image: url('../../img/lovewall/f1u.png');
}
#pop-lovewall .get-card .card > .icon.left.two {
  background-image: url('../../img/lovewall/f2u.png');
}
#pop-lovewall .get-card .card > .icon.left.three {
  background-image: url('../../img/lovewall/f3u.png');
}
#pop-lovewall .get-card .card > .icon.left.four {
  background-image: url('../../img/lovewall/f4u.png');
}
#pop-lovewall .get-card .card > .icon.right {
  bottom: 5px;
  right: 5px;
}
#pop-lovewall .get-card .card > .icon.right.one {
  background-image: url('../../img/lovewall/f1d.png');
}
#pop-lovewall .get-card .card > .icon.right.two {
  background-image: url('../../img/lovewall/f2d.png');
}
#pop-lovewall .get-card .card > .icon.right.three {
  background-image: url('../../img/lovewall/f3d.png');
}
#pop-lovewall .get-card .card > .icon.right.four {
  background-image: url('../../img/lovewall/f4d.png');
}
#pop-lovewall .get-card > .txt {
  position: absolute;
  bottom: 80px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
#pop-lovewall .get-card > .close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  background: url('../../img/lovewall/close.png') no-repeat center center;
}
#pop-lovewall .get-card > .close:hover {
  background-image: url('../../img/lovewall/close_hover.png');
}
#pop-lovewall .get-card.show > .bg {
  animation: loveVoteGetCardBg 0.6s;
}
#pop-lovewall .get-card.show > .card {
  animation: loveVoteGetCardCard 1.2s;
}
#pop-lovewall .get-card.show > .txt {
  animation: loveVoteGetCardTxt 2.2s;
}
#pop-lovewall .get-card.show > .colse {
  animation: loveVoteGetCardClose 2.2s;
}
#pop-lovewall .pop-fail {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 278px;
  width: 296px;
  margin: -139px 0 0 -148px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.4);
  background-color: #fff;
  text-align: center;
  border-radius: 6px;
}
#pop-lovewall .pop-fail > img {
  display: block;
  margin: 28px auto 0;
}
#pop-lovewall .pop-fail > .txt1 {
  padding-top: 14px;
  font-weight: bold;
  font-size: 16px;
}
#pop-lovewall .pop-fail > .txt2 {
  padding-top: 10px;
  color: #9FA1A5;
  font-size: 12px;
}
#pop-lovewall .pop-fail > .btn-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-top: 1px solid #E6E6E6;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
  cursor: pointer;
}
#pop-lovewall .pop-fail > .btn-box > a {
  float: left;
  height: 100%;
  width: 100%;
}
#pop-lovewall .pop-fail > .btn-box > a.small {
  width: 50%;
  color: #FF6600;
}
#pop-lovewall .pop-fail > .btn-box > a.small:first-child {
  position: relative;
  color: #2E2F31;
}
#pop-lovewall .pop-fail > .btn-box > a.small:first-child:after {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  height: 28px;
  width: 0;
  border-right: 1px solid #E6E6E6;
}
#pop-lovewall .pop-fail.show {
  animation: loveVoteFail 0.4s;
}
@keyframes loveVoteSuccess {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes loveVoteFail {
  0% {
    opacity: 0;
    transform: translateY(140px);
  }
  50% {
    opacity: 0.5;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loveVoteGetCardBg {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes loveVoteGetCardCard {
  0% {
    transform: scale(0, 0);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes loveVoteGetCardTxt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loveVoteGetCardClose {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
#tab-medal > .no_badges {
  margin-top: 5px;
  overflow: hidden;
  padding-bottom: 10px;
  min-height: 100px;
  padding: 20px;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#tab-medal > .no_badges > a {
  color: #FF6600;
}
#tab-medal > .tab-medal {
  position: relative;
  height: 74px;
  overflow: hidden;
}
#tab-medal > .tab-medal > .inner {
  height: 68px;
  background-color: #EBECEE;
  border-radius: 5px;
}
#tab-medal > .tab-medal > .switcher {
  position: absolute;
  top: 0;
  right: 0;
  height: 66px;
  width: 31px;
  background-color: #FFF;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #E6E6E6;
  text-align: center;
  cursor: pointer;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#tab-medal > .tab-medal > .switcher > i {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-top: 28px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -96px;
}
#tab-medal > .tab-medal > .switcher > i:first-child {
  background-position: 0 -84px;
}
#tab-medal > .tab-medal > .switcher .right:hover {
  background-position: -12px -96px;
}
#tab-medal > .tab-medal > .switcher .left:hover {
  background-position: -12px -84px;
}
#tab-medal .medal-list {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  /*height: @tab-height;*/
  width: 10000px;
  *zoom: 1;
}
#tab-medal .medal-list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#tab-medal .medal-list > li {
  float: left;
  height: 40px;
  width: 40px;
  padding: 14px 20px;
  border-radius: 5px;
  cursor: pointer;
}
#tab-medal .medal-list > li > div {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#tab-medal .medal-list > li > div > .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#tab-medal .medal-list > li.active {
  position: relative;
  background-color: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#tab-medal .medal-list > li.active:before,
#tab-medal .medal-list > li.active:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -9px;
  height: 0;
  width: 0;
  margin-left: -4px;
  font-size: 0;
  line-height: 0;
  border: 4px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.1);
}
#tab-medal .medal-list > li.active:after {
  border-top-color: #FFF;
  bottom: -8px;
}
#tab-medal .tab-medal-box .tab-medal-content {
  margin-top: 5px;
  overflow: hidden;
  padding-bottom: 20px;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#tab-medal .tab-medal-box .tab-medal-content > img {
  float: left;
  height: 90px;
  width: 90px;
  margin: 22px 0 0 40px;
  overflow: hidden;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail {
  margin-left: 158px;
  font-size: 12px;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail > .name {
  margin-top: 30px;
  font-size: 18px;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail > .desc {
  margin: 12px 44px 0 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #E6E6E6;
  line-height: 20px;
  color: #9FA1A5;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail > .price {
  position: relative;
  margin-top: 16px;
  color: #9FA1A5;
  line-height: 20px;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail > .price > div > span {
  color: #2E2F31;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail > .price > a {
  position: absolute;
  right: 40px;
  top: 0;
  display: inline-block;
  width: 98px;
  height: 34px;
  line-height: 34px;
  padding: 0;
  background-color: #FFF;
  color: #FF6600 !important;
  border: 1px solid #FF6600;
  border-radius: 17px;
  text-align: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail > .price > a:hover {
  background-color: #FF6600;
  color: #FFF !important;
}
#tab-medal .tab-medal-box .tab-medal-content > .detail > .price > a.disabled {
  border-color: #c2c5c9;
  background: #c2c5c9;
  color: #fff !important;
}
#tab-game-copyRight {
  height: 202px;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 36px 40px;
}
#tab-game-copyRight .copy_left {
  float: left;
  width: 145px;
  height: 200px;
}
#tab-game-copyRight .copy_left img {
  display: block;
  width: 100%;
  height: 100%;
}
#tab-game-copyRight .copy_right {
  float: right;
  width: 548px;
}
#tab-game-copyRight .copy_right .copy_tit {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  color: #000;
  margin-top: 5px;
}
#tab-game-copyRight .copy_right .copy_source,
#tab-game-copyRight .copy_right .copy_addr {
  line-height: 24px;
  color: #9FA1A5;
  font-size: 12px;
}
#tab-game-copyRight .copy_right .copy_source a {
  color: #9FA1A5;
}
#tab-game-copyRight .copy_right .copy_source span,
#tab-game-copyRight .copy_right .copy_addr span {
  color: #000;
}
#tab-game-copyRight .copy_right .copy_info {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #EBECEE;
  color: #71737A;
  line-height: 20px;
  font-size: 12px;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}
#tab-game-recom {
  height: 274px;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
#tab-game-recom > .inner {
  height: 229px;
  margin: 20px 40px 25px;
}
#tab-game-recom > .inner > .tags-box {
  position: relative;
  height: 24px;
}
#tab-game-recom > .inner > .tags-box > .tags {
  position: relative;
  width: 696px;
  height: 24px;
  margin: 0 auto;
  overflow: hidden;
}
#tab-game-recom > .inner > .tags-box > .tags > .tags-show-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 10000px;
  *zoom: 1;
}
#tab-game-recom > .inner > .tags-box > .tags > .tags-show-area:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#tab-game-recom > .inner > .tags-box > .tags > .tags-show-area > .tag {
  margin-bottom: 0;
  float: left;
}
#tab-game-recom > .inner > .tags-box > .tags > .tags-show-area > .tag:after {
  border-right-color: #FFF;
}
#tab-game-recom > .inner > .tags-box > .arr {
  position: absolute;
  left: 0;
  top: 0;
  height: 24px;
  width: 19px;
  text-align: left;
  cursor: pointer;
}
#tab-game-recom > .inner > .tags-box > .arr > i {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-top: 5px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -84px;
}
#tab-game-recom > .inner > .tags-box > .arr.right {
  left: auto;
  right: 0;
  text-align: right;
}
#tab-game-recom > .inner > .tags-box > .arr.right > i {
  background-position: 0 -96px;
}
#tab-game-recom > .inner > .games-box {
  padding-top: 19px;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game {
  display: block;
  margin: -18px 0 0 -30px;
  *zoom: 1;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li {
  float: left;
  height: 84px;
  width: 161px;
  margin: 18px 0 0 30px;
  background: #EBECEE;
  border-radius: 5px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  overflow: hidden;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li:hover .details {
  visibility: visible;
  opacity: 1;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li:hover .gname {
  bottom: -24px;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .gname {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 24px;
  width: 100%;
  line-height: 24px;
  background: -moz-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, 90deg, color-stop(0%, rgba(46, 47, 49, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType='0');
  background: linear-gradient(0deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .gname > span {
  display: inline-block;
  width: 94%;
  padding: 0 3%;
  color: #FFF;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li img {
  height: 100%;
  width: 100%;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .superscript-icon {
  width: 34px;
  height: 21px;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .superscript-icon.jd {
  background-image: url('../../../orange/img/common/game/classic.png?v=20161213');
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .superscript-icon.bt {
  background-image: url('../../../orange/img/common/game/worldList-bt.png?v=20161213');
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .superscript-icon.wj {
  background-image: url('../../../orange/img/common/game/worldList-wj.png?v=20161213');
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #2e2f31;
  background: transparent;
  background: rgba(46, 47, 49, 0.5);
  /* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f2E2F31,endColorstr=#7f2E2F31)";
  /*IE8*/
  zoom: 1;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s;
  color: #c2c5c9;
  z-index: 1;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details > span,
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details div {
  position: absolute;
  padding: 0 5%;
  left: 0;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .desc {
  top: 8px;
  color: #FFF;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .author {
  bottom: 20px;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .info {
  bottom: 0;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .info > span {
  float: left;
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .info > span > i.icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: -1px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .info .word > i.icon {
  background-position: -22px -1px;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .info .fav > i.icon {
  background-position: -64px -1px;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li .details .info .flower > i.icon {
  background-position: -43px -1px;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li a {
  position: relative;
  display: block;
  height: 100%;
  color: #71737A;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li a:hover {
  color: #FFAC28;
}
#tab-game-recom > .inner > .games-box > .ul-recom-game > li a > span {
  display: inline-block;
  margin-top: 18px;
}
#tab-related-game {
  height: 274px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
#tab-related-game > .inner {
  height: 229px;
  margin: 28px 40px 25px;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
#tab-related-game > .inner .tags-box {
  position: relative;
  height: 24px;
  font-size: 12px;
}
#tab-related-game > .inner .tags-box > .hint {
  color: #9FA1A5;
}
#tab-related-game > .inner .tags-box > .page-turning {
  color: #2E2F31;
}
#tab-related-game > .inner .tags-box > .page-turning > .arr {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  text-align: left;
  cursor: pointer;
}
#tab-related-game > .inner .tags-box > .page-turning > .arr > i {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -84px;
}
#tab-related-game > .inner .tags-box > .page-turning > .arr.right {
  text-align: right;
}
#tab-related-game > .inner .tags-box > .page-turning > .arr.right > i {
  background-position: 0 -96px;
}
#tab-related-game > .inner .games-box {
  padding-top: 13px;
}
#tab-related-game > .inner .games-box > .ul-related-game {
  display: block;
  margin: -20px 0 0 -30px;
  *zoom: 1;
}
#tab-related-game > .inner .games-box > .ul-related-game:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#tab-related-game > .inner .games-box > .ul-related-game > li {
  float: left;
  height: 84px;
  width: 161px;
  margin: 18px 0 0 30px;
  background: #ebecee;
  border-radius: 5px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  overflow: hidden;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
#tab-related-game > .inner .games-box > .ul-related-game > li:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
}
#tab-related-game > .inner .games-box > .ul-related-game > li:hover .details {
  visibility: visible;
  opacity: 1;
}
#tab-related-game > .inner .games-box > .ul-related-game > li:hover .gname {
  bottom: -24px;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a {
  position: relative;
  display: block;
  height: 100%;
  color: #71737a;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a img {
  height: 100%;
  width: 100%;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .superscript-icon {
  width: 34px;
  height: 21px;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .superscript-icon.jd {
  background-image: url('../../../orange/img/common/game/classic.png?v=20161213');
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .superscript-icon.bt {
  background-image: url('../../../orange/img/common/game/worldList-bt.png?v=20161213');
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .superscript-icon.wj {
  background-image: url('../../../orange/img/common/game/worldList-wj.png?v=20161213');
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(46, 47, 49, 0.95);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
  zoom: 1;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s;
  color: #c2c5c9;
  z-index: 1;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details > span,
#tab-related-game > .inner .games-box > .ul-related-game > li a .details div {
  position: absolute;
  padding: 0 5%;
  left: 0;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .desc {
  top: 8px;
  color: #FFF;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .author {
  bottom: 20px;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .info {
  bottom: 0;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .info > span {
  float: left;
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .info > span > i.icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: -1px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .info .word > i.icon {
  background-position: -22px -1px;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .info .fav > i.icon {
  background-position: -64px -1px;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .details .info .flower > i.icon {
  background-position: -43px -1px;
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .gname {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 24px;
  width: 100%;
  line-height: 24px;
  background: -moz-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, 90deg, color-stop(0%, rgba(46, 47, 49, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(90deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType='0');
  background: linear-gradient(0deg, rgba(46, 47, 49, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
#tab-related-game > .inner .games-box > .ul-related-game > li a .gname > span {
  display: inline-block;
  width: 94%;
  padding: 0 3%;
  color: #FFF;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.vote {
  line-height: normal;
  font-size: 12px;
  cursor: default;
}
.vote > .title,
.vote > .note {
  text-align: center;
}
.vote > .title {
  font-size: 18px;
}
.vote > .note {
  margin-top: 6px;
  color: #9FA1A5;
}
.vote .content {
  margin-top: 10px;
  *zoom: 1;
}
.vote .content:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.vote .content > div {
  float: left;
}
.vote .content > div > .item-bottom {
  margin-top: 10px;
  color: #9FA1A5;
}
.vote .bar {
  width: 474px;
}
.vote .bar > .item-top {
  position: relative;
  height: 16px;
  text-align: center;
  background-color: #EBECEE;
  border-radius: 8px;
  overflow: hidden;
}
.vote .bar > .item-top > span {
  display: inline-block;
  color: #FFF;
  position: relative;
  z-index: 1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.vote .progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #FD8D99;
  border-radius: 1000px;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.vote .state {
  margin: 0 4px 0 20px;
  width: 104px;
}
.vote .state > .item-top {
  color: #FD8D99;
}
.vote .state > .item-bottom {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.vote div.jifen,
.vote div.flower {
  width: 66px;
  text-align: center;
  cursor: pointer;
}
.vote div.jifen > .item-bottom,
.vote div.flower > .item-bottom {
  width: 100%;
  margin-top: 0;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.vote.author-word > .note {
  text-align: left;
  text-indent: 26px;
  line-height: 20px;
}
.vote.author-word .bar {
  width: 600px;
}
.vote .item {
  padding: 20px 0;
  border-bottom: 1px solid #EBECEE;
}
.vote .item:last-child {
  border-bottom: none;
}
.vote .item > .name {
  font-size: 14px;
  font-weight: bold;
}
.vote .item.complete .progress {
  background-color: #8ED196;
}
.vote .item.complete .state > .item-top {
  color: #8ED196;
}
.vote .item.expired .progress {
  background-color: #C2C5C9;
}
.vote .item.expired .state > .item-top {
  color: #C2C5C9;
}
.vote > .two-way {
  margin-top: 20px;
}
.vote > .two-way > .label {
  *zoom: 1;
}
.vote > .two-way > .label:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.vote > .two-way > .label > div {
  width: 50%;
  text-align: center;
}
.vote > .two-way > .label > div > label {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 20px;
  color: #FFF;
  border-radius: 11px;
}
.vote > .two-way > .label > .l {
  float: left;
}
.vote > .two-way > .label > .l > label {
  background-color: #81B9E8;
}
.vote > .two-way > .label > .r {
  float: right;
}
.vote > .two-way > .label > .r > label {
  background-color: #FD8D99;
}
.vote > .two-way > .item > .name {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.vote > .two-way > .item > .content {
  margin-top: 10px;
  *zoom: 1;
}
.vote > .two-way > .item > .content:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.vote > .two-way > .item > .content > div {
  float: left;
}
.vote > .two-way > .item > .content > .num {
  width: 68px;
  text-align: center;
}
.vote > .two-way .two-bar {
  width: 456px;
  margin: 0 3px;
}
.vote > .two-way .two-bar > .item-top {
  height: 16px;
}
.vote > .two-way .two-bar > .item-bottom {
  text-align: center;
}
.vote > .two-way .two-bar > .item-bottom > span {
  display: inline-block;
  text-align: left;
}
.vote > .two-way .two-bar .left-bar,
.vote > .two-way .two-bar .right-bar {
  position: relative;
  width: 226px;
  height: 100%;
  background-color: #EBECEE;
}
.vote > .two-way .two-bar .left-bar > span,
.vote > .two-way .two-bar .right-bar > span {
  position: relative;
  color: #FFF;
  padding: 0 15px;
  z-index: 1;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.vote > .two-way .two-bar .left-bar > .progress,
.vote > .two-way .two-bar .right-bar > .progress {
  position: absolute;
  top: 0;
}
.vote > .two-way .two-bar .left-bar {
  float: left;
  margin-right: 2px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.vote > .two-way .two-bar .left-bar > span {
  color: #FFF;
}
.vote > .two-way .two-bar .left-bar > .progress {
  left: auto;
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #81B9E8;
}
.vote > .two-way .two-bar .right-bar {
  float: right;
  margin-left: 2px;
  text-align: right;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.vote > .two-way .two-bar .right-bar > span {
  color: #FFF;
}
.vote > .two-way .two-bar .right-bar > .progress {
  left: 0;
  right: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.vote-icon {
  position: relative;
  top: -4px;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.vote-icon.jifen {
  background-position: 0 -1182px;
}
.vote-icon.flower {
  background-position: 0 -1158px;
}
.complete .vote-icon.jifen,
.expired .vote-icon.jifen {
  background-position: -24px -1182px;
}
.complete .vote-icon.flower,
.expired .vote-icon.flower {
  background-position: -24px -1158px;
}
/************Begin 评论************/
.org-comment {
  margin-top: 32px;
  /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
}
.org-comment .fine-comment-cate {
  display: none;
  width: 100%;
  height: 26px;
  margin: 20px auto 30px;
}
.org-comment .fine-comment-cate > li {
  float: left;
  height: 26px;
  line-height: 26px;
  margin-right: 20px;
}
.org-comment .fine-comment-cate > li.active a {
  background-color: #ffac28;
  border: 1px solid #ffac28;
  color: #fff;
}
.org-comment .fine-comment-cate > li > a {
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  background-color: #f5f6f8;
  border: 1px solid #e2e2e2;
  color: #a7a8a8;
  border-radius: 8px;
}
.org-comment .fine-comment-cate > li > a:hover {
  background-color: #ffac28;
  border: 1px solid #ffac28;
  color: #fff;
}
.org-comment select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url('../../../orange/img/common/updatelog_icon2.png') no-repeat 0 -2px;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
.org-comment select::-ms-expand {
  display: none;
}
.org-comment .fineComment-cate {
  position: relative;
  width: 192px;
  height: 35px;
  margin: 0 auto 60px;
  border: 1px solid #ebecee;
}
.org-comment .fineComment-cate > .selected-option {
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #9fa1a5;
  font-size: 12px;
  background: url('../../../orange/img/common/updatelog_icon2.png') no-repeat 165px 4px;
}
.org-comment .fineComment-cate > .selected-option.on {
  background: url('../../../orange/img/common/updatelog_icon.png') no-repeat 165px 4px;
}
.org-comment .fineComment-cate > .sel-fineComment-cate {
  position: absolute;
  left: -1px;
  top: 30px;
  width: 100%;
  display: none;
  overflow: hidden;
  border: 1px solid #ebecee;
  background-color: #fff;
}
.org-comment .fineComment-cate > .sel-fineComment-cate > li {
  color: #9fa1a5;
  padding-left: 10px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  cursor: pointer;
}
.org-comment .fineComment-cate > .sel-fineComment-cate > li:hover {
  color: #FF6600;
}
.org-comment .pop-fineComment-cate {
  display: none;
  height: 245px;
  width: 294px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
  font-size: 12px;
}
.org-comment .pop-fineComment-cate > .modal-close {
  width: 12px;
  height: 12px;
  margin: 20px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url('../../img/common/game/icons.png?v=38');
  background-repeat: no-repeat;
  background-position: 0 -1208px;
  cursor: pointer;
}
.org-comment .pop-fineComment-cate > p {
  width: 192px;
  margin: 0 auto;
  line-height: 24px;
  padding: 67px 0 6px;
}
.org-comment .pop-fineComment-cate > .btn-box {
  width: 100%;
  border-top: 1px solid #ebecee;
  height: 50px;
  padding: 0;
}
.org-comment .pop-fineComment-cate > .btn-box > a {
  display: block;
  height: 100%;
  line-height: 50px;
  text-align: center;
  color: #FF6600;
  cursor: pointer;
}
.org-comment .item {
  position: relative;
  margin-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #E6E6E6;
  *zoom: 1;
}
.org-comment .item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.org-comment .item.invest-ico .left > a:after {
  position: absolute;
  left: 5px;
  top: -6px;
  content: "";
  display: block;
  width: 56px;
  height: 28px;
  clear: both;
  background-image: url('../../img/common/game/icons.png?v=20171107');
  background-repeat: no-repeat;
  background-position: -294px -38px;
}
.org-comment .item.invest-ico .left > a .face {
  border-radius: 50%;
  border: 2px solid #e6d09f;
}
.org-comment .item > .left {
  position: relative;
  float: left;
  width: 82px;
}
.org-comment .item > .left .face {
  height: 60px;
  width: 60px;
  margin-top: 10px;
  border-radius: 100%;
}
.org-comment .item > .left > .medal-list {
  width: 72px;
  margin-left: -4px;
  text-align: center;
  *zoom: 1;
}
.org-comment .item > .left > .medal-list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.org-comment .item > .left > .medal-list > img {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 4px 4px 0 0;
}
.org-comment .item > .left > .sign {
  position: absolute;
  top: 50px;
  right: 14px;
  height: 24px;
  width: 24px;
}
.org-comment .item > .left > .sign.author {
  background-position: -24px -1134px;
}
.org-comment .item > .left > .sign.assistant {
  background-position: 0 -1134px;
}
.org-comment .item > .right {
  margin-left: 82px;
}
.org-comment .item > .right,
.org-comment .item > .right a {
  color: #AAA;
}
.org-comment .item > .right a {
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.org-comment .item > .right a:hover {
  color: #FFAC28;
}
.org-comment .item > .right > .user-info {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.org-comment .item > .right > .user-info > span,
.org-comment .item > .right > .user-info > a,
.org-comment .item > .right > .user-info img {
  vertical-align: -6px;
  height: 24px;
}
.org-comment .item > .right > .user-info > .medal,
.org-comment .item > .right > .user-info > span {
  margin-left: 6px;
}
.org-comment .item > .right > .user-info > .medal.user-select {
  display: inline-block;
  position: relative;
}
.org-comment .item > .right > .user-info > .medal.user-select > p.tit {
  display: none;
}
.org-comment .item > .right > .user-info > .medal.user-select > .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.org-comment .item > .right > .user-info .flower,
.org-comment .item > .right > .user-info .wild-flower {
  display: inline-block;
  padding-left: 28px;
  color: #fd8391;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.org-comment .item > .right > .user-info .flower {
  background-position: 0 -1258px;
}
.org-comment .item > .right > .user-info .wild-flower {
  background-position: 0 -1284px;
}
.org-comment .item > .right > .user-info .lv {
  display: inline-block;
  overflow: hidden;
  vertical-align: -12px;
}
.org-comment .item > .right > .user-info .lv .honor-level {
  position: relative;
  z-index: 2;
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  background: url(../../img/common/home/mob.png?v=20170410) no-repeat left center;
}
.org-comment .item > .right > .user-info .lv b {
  z-index: 0;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  color: #e1a93d;
  background-color: #fff8e0;
  border-radius: 9px;
  vertical-align: middle;
  padding: 0 7px 0 20px;
  margin: -3px 0 0 -18px;
  font-weight: normal;
  font-size: 12px;
}
.org-comment .item > .right > .content {
  position: relative;
  display: inline-block;
  border: 1px solid #E6E6E6;
  padding: 15px;
  margin: 10px 0;
  line-height: 20px;
  color: #2E2F31;
  background-color: #FFF;
  border-radius: 4px;
  -ms-word-break: break-all;
  word-break: break-all;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  max-width: 701px;
  min-width: 350px;
}
.org-comment .item > .right > .content:before,
.org-comment .item > .right > .content:after {
  content: '';
  position: absolute;
  left: -18px;
  top: 10px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border-width: 6px 9px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #E6E6E6;
}
.org-comment .item > .right > .content:after {
  border-right-color: #FFF;
  left: -16px;
}
.org-comment .item > .right > .content.blue {
  background-color: #EBF5FF;
  border: 1px solid #E3E3E3;
}
.org-comment .item > .right > .content.blue:before {
  border-right-color: #E3E3E3;
}
.org-comment .item > .right > .content.blue:after {
  border-right-color: #EBF5FF;
}
.org-comment .item > .right > .content.org {
  background-color: #F9F0E3;
  border: 1px solid #FCD85A;
  color: #E5732E !important;
}
.org-comment .item > .right > .content.org:before {
  border-right-color: #FCD85A;
}
.org-comment .item > .right > .content.org:after {
  border-right-color: #F9F0E3;
}
.org-comment .item > .right > .content br {
  line-height: 26px;
}
.org-comment .item > .right > .other-info {
  position: relative;
  font-size: 12px;
  color: #CACBCB;
  *zoom: 1;
}
.org-comment .item > .right > .other-info:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.org-comment .item > .right > .other-info > .fl > span {
  padding-right: 10px;
}
.org-comment .item > .right > .other-info > .fr {
  text-align: right;
}
.org-comment .item > .right > .other-info > .fr > a {
  padding-left: 10px;
  color: #CACBCB;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.org-comment .item > .right > .other-info > .fr > a:hover {
  color: #FFAC28;
}
.org-comment .item > .right > .other-info .like {
  display: inline-block;
  margin-left: 10px;
}
.org-comment .item > .right > .other-info .like:hover {
  color: #CACBCB !important;
}
.org-comment .item > .right > .other-info .like > i {
  text-align: left;
  line-height: 18px;
  padding-left: 10px;
  font-style: normal;
  color: #CCCCCC;
}
.org-comment .item > .right > .other-info .like > i.i_get {
  color: #9597A8 !important;
}
.org-comment .item > .right > .other-info .like.like_get {
  height: 18px;
  background: url(../../../orange/img/game/like_ico2.png) no-repeat;
  background-size: 18px 100%;
}
.org-comment .item > .right > .other-info .like.like_out {
  height: 18px;
  background: url(../../../orange/img/game/like_ico1.png) no-repeat;
  background-size: 18px 100%;
}
.org-comment .item > .right > .other-info .letter-count {
  position: absolute;
  right: 0;
  top: 9px;
}
.org-comment .item.reply .content {
  display: block;
  padding: 0;
  width: 731px;
  border: 0;
}
.org-comment .item.reply textarea {
  display: block;
  width: 100%;
  height: 90px;
  border: 1px solid #E6E6E6;
  padding: 15px;
  font-family: '微软雅黑';
  color: #464C4A;
  font-size: 12px;
  line-height: 20px;
  resize: vertical;
  border-radius: 4px;
}
.org-comment .item.reply textarea:focus {
  outline: none;
}
.org-comment .hide {
  display: none !important;
}
.org-comment .org-comment-count {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  font-style: normal;
}
.org-comment .icon_master {
  color: #FF6600;
  font-weight: bold;
}
.org-comment .org-pager {
  margin-left: 82px;
}
.org-comment .send-comment {
  display: inline-block;
  width: 90px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  background-color: #FFF;
  color: #FF6600 !important;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  text-align: center;
  -moz-transition: all 0.3s !important;
  -o-transition: all 0.3s !important;
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
}
.org-comment .send-comment:hover {
  border-color: #FF6600;
}
.org-comment .send-comment.disabled {
  color: #E6E6E6 !important;
}
.org-comment .at {
  padding-left: 10px;
}
.org-comment .howto {
  position: relative;
  cursor: pointer;
}
.org-comment .howto > .icon {
  display: inline-block;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -1457px;
  height: 14px !important;
  width: 14px;
  vertical-align: -2px !important;
}
.org-comment .howto .howto-content {
  display: none;
  position: absolute;
  top: 26px;
  bottom: auto;
  left: 0;
  height: auto;
  width: 400px;
  z-index: 999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FEFAE6;
  border: 1px solid #F9CFAA;
  padding: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.org-comment .howto .howto-content:before,
.org-comment .howto .howto-content:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: -16px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 8px solid transparent;
  border-bottom-color: #F9CFAA;
}
.org-comment .howto .howto-content:after {
  top: -14px;
  border-bottom-color: #FEFAE6;
}
.refresh-comment {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -1471px;
  margin-left: 10px;
  vertical-align: -2px;
}
.refresh-comment:hover {
  background-position: -12px -1471px;
}
.refresh-comment.active {
  animation: rotate 0.3s linear infinite;
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes rotate {
  from {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/*Begin 评论头像下徽章弹窗样式*/
#medal-tip {
  position: relative;
  width: 276px;
  padding: 22px;
  background-color: #FFF;
  font-size: 12px;
  color: #71737A;
  font-family: '微软雅黑';
  box-shadow: 1px 1px 4px 0 rgba(100, 100, 100, 0.4);
  border-radius: 3px;
  display: none;
  border: 1px solid #E6E6E6 \9;
}
#medal-tip img {
  float: left;
  height: 70px;
  width: 70px;
  margin-right: 16px;
}
#medal-tip .medal-info {
  border-left: 1px solid #E6E6E6;
  padding-left: 16px;
  overflow: hidden;
}
#medal-tip .medal-info > span {
  display: block;
  line-height: 12px;
  margin-top: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#medal-tip .medal-info > span:first-child {
  margin: 0;
}
#medal-tip .medal-info > .medal-name {
  font-size: 14px;
  color: #2E2F31;
  line-height: 14px;
}
#medal-tip > em,
#medal-tip > em > i {
  position: absolute;
  left: -12px;
  top: 15px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border: 6px solid transparent;
  border-right-color: #E6E6E6;
}
#medal-tip > em > i {
  left: -5px;
  top: -6px;
  border-right-color: #FFF;
}
#medal-tip .desc {
  line-height: 25px;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #E6E6E6;
}
/*End 评论头像下徽章弹窗样式*/
/*Begin 评论区 查看对话*/
.Common-Dialogs-Modal {
  position: absolute;
  right: -47px;
  bottom: -406px;
  border: 1px solid #CFCFCF;
  width: 680px;
  height: 400px;
  font-family: '微软雅黑' !important;
  border-radius: 3px;
  box-shadow: 1px 1px 4px 0 rgba(200, 200, 200, 0.4);
  padding: 6px 4px 6px 18px;
  margin: 0;
  background-color: #FFF;
  z-index: 999;
}
.Common-Dialogs-Modal > i {
  position: absolute;
  top: -20px;
  right: 100px;
  border-width: 10px 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #CFCFCF;
}
.Common-Dialogs-Modal > i > em {
  position: absolute;
  top: -8px;
  left: -8px;
  border-width: 10px 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #FFF;
}
.dialog-content {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.dialog-comment-time {
  font-size: 12px;
  color: #E6E6E6;
  text-align: center;
  padding: 20px 0 10px;
}
.dialog-comment-body > img {
  float: left;
  height: 60px;
  width: 60px;
  border-radius: 30px;
  margin-right: 20px;
  margin-top: 6px;
}
.dialog-comment-content {
  float: left;
  width: 580px;
  position: relative;
}
.dialog-comment-content > i {
  position: absolute;
  left: -12px;
  top: 36px;
  border: 6px solid transparent;
  border-right: 6px solid #E3E3E3;
}
.dialog-comment-content > i > em {
  position: absolute;
  left: -4px;
  top: -6px;
  border: 6px solid transparent;
  border-right: 6px solid #F8F8F8;
}
.dialog-comment-author {
  padding-bottom: 6px;
  font-size: 14px;
  color: #AAA;
}
.dialog-comment-txt {
  float: left;
  min-width: 200px;
  padding: 16px 20px;
  font-size: 15px;
  color: #545454;
  line-height: 24px;
  background-color: #F8F8F8;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  word-break: break-all;
  word-wrap: break-word;
}
.dialog-content.ps-container > .ps-scrollbar-x-rail,
.dialog-content.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.2;
  z-index: 10;
}
.comment-dialog-mask {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
}
.comment-dialog-mask > img {
  height: 100%;
  width: 100%;
}
.comment-dialog-top {
  top: 0;
}
.comment-dialog-bottom {
  bottom: 0;
}
.comment_dialog1 {
  position: relative;
}
.comment_dialog1 .hide {
  display: none !important;
}
/*End 评论区 查看对话*/
/************End 评论************/
/* 弹窗： 公共 */
.prompt-window {
  position: relative;
  width: 406px;
  min-height: 234px;
  color: #2E2F31;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
  display: none;
}
.prompt-window .modal-close {
  width: 12px;
  height: 12px;
  margin: 20px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -1208px;
  cursor: pointer;
}
.prompt-window .modal-close:hover {
  background-position: -12px -1208px;
}
.prompt-window > .title {
  font-size: 16px;
  line-height: 18px;
  color: #2E2F31;
  margin: 28px 0 16px;
  padding: 0 58px 0 50px;
  font-weight: bold;
}
.prompt-window > .body {
  padding: 0 58px 0 50px;
}
.prompt-window > .btn-box {
  padding: 14px 0;
  overflow: hidden;
  border-top: 1px solid #EBECEE;
}
.prompt-window > .btn-box > .btn {
  font-size: 12px;
  line-height: 20px;
  float: left;
  color: #2E2F31;
}
/* 弹窗： 送花 */
.prompt-window.send-flower > .body {
  margin-bottom: 22px;
}
.prompt-window.send-flower > .body .row1,
.prompt-window.send-flower > .body .row2,
.prompt-window.send-flower > .body .row3 {
  font-size: 12px;
  color: #9FA1A5;
  line-height: 20px;
}
.prompt-window.send-flower > .body .row2 {
  margin: 6px 0;
  color: #2E2F31;
}
.prompt-window.send-flower > .body .row2 .num {
  width: 43px;
  height: 26px;
  margin: 0 6px;
  padding-left: 5px;
  border-radius: 4px;
  color: #9FA1A5;
  border: 1px solid #E6E6E6;
}
.prompt-window.send-flower > .btn-box > .btn {
  width: 202px;
  text-align: center;
}
.prompt-window.send-flower > .btn-box > .btn:first-child {
  border-right: 1px solid #EBECEE;
}
.prompt-window.send-flower > .btn-box > .sub-btn {
  color: #FF6600;
}
/* 弹窗： 开启高清 */
.prompt-window.open-hd > .body .row1 {
  margin: 60px 0 13px;
}
.prompt-window.open-hd > .body .row2 {
  margin-bottom: 52px;
  color: #9FA1A5;
  line-height: 20px;
}
.prompt-window.open-hd > .body .row2 > i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
}
.prompt-window.open-hd > .body .row2 > i.collect-ico {
  background-position: 0 -1222px;
}
.prompt-window.open-hd > .body .row2 > i.follow-ico {
  margin-left: 0;
  background-position: 0 -1234px;
}
.prompt-window.open-hd > .body .row2 > i.flower-ico {
  background-position: 0 -1246px;
}
.prompt-window.open-hd > .body .row2 .span {
  color: #2E2F31;
}
.prompt-window.open-hd > .btn-box > .btn {
  width: 134px;
  text-align: center;
  border-left: 1px solid #EBECEE;
}
.prompt-window.open-hd > .btn-box > .btn:first-child {
  border-right: none;
}
.prompt-window.open-hd > .btn-box > .flower-btn {
  color: #FF6600;
}
/* 弹窗： 举报 */
.prompt-window.report > .body .report-title {
  color: #2E2F31;
}
.prompt-window.report > .body .form-report #report_type {
  width: 140px;
  height: 22px;
  color: #2E2F31;
  margin-bottom: 5px;
}
.prompt-window.report > .body .form-report > .row1 #game_report,
.prompt-window.report > .body .form-report > .row1 #badge_report {
  padding: 5px 0 0 15px;
}
.prompt-window.report > .body .form-report > .row1 #game_report > li,
.prompt-window.report > .body .form-report > .row1 #badge_report > li {
  color: #2E2F31;
  font-size: 12px;
}
.prompt-window.report > .body .form-report > .row1 #game_report > li input[type=checkbox],
.prompt-window.report > .body .form-report > .row1 #badge_report > li input[type=checkbox] {
  margin-right: 5px;
  vertical-align: middle;
}
.prompt-window.report > .body .form-report > .row1 #changeBadge {
  color: #2E2F31;
}
.prompt-window.report > .body .form-report > .row2 {
  margin-top: 5px;
}
.prompt-window.report > .body .form-report > .row2 .report-note {
  width: 100%;
  padding: 5px;
  margin-top: 5px;
  resize: none;
}
.prompt-window.report > .btn-box {
  margin-top: 10px;
}
.prompt-window.report > .btn-box > .btn {
  width: 202px;
  text-align: center;
}
.prompt-window.report > .btn-box > .btn:first-child {
  border-right: 1px solid #EBECEE;
}
/* 弹窗：送多票 */
.prompt-window.vote-more .title .par-value {
  color: #FF6600;
}
.prompt-window.vote-more .body {
  margin-bottom: 22px;
}
.prompt-window.vote-more .body .row1,
.prompt-window.vote-more .body .row2,
.prompt-window.vote-more .body .row3 {
  font-size: 12px;
  color: #9FA1A5;
  line-height: 20px;
}
.prompt-window.vote-more .body .row2 {
  margin: 10px 0 6px 0;
  color: #2E2F31;
}
.prompt-window.vote-more .body .row2 div {
  display: inline-block;
  vertical-align: middle;
}
.prompt-window.vote-more .body .row2 div * {
  float: left;
}
.prompt-window.vote-more .body .row2 div i {
  width: 23px;
  height: 23px;
  font-style: normal;
  border: 1px solid #e5e5e5;
  border-right: none;
  display: inline-block;
  text-align: center;
  font-size: 17px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.prompt-window.vote-more .body .row2 div i.vote-add {
  border-right: 1px solid #e6e6e6;
  border-left: none;
}
.prompt-window.vote-more .body .row2 div i.js-unbind-style {
  background-color: #f5f6f8;
}
.prompt-window.vote-more .body .row2 div input {
  width: 39px;
  height: 23px;
  line-height: 23px;
  margin: 0;
  padding-left: 5px;
  border-radius: 0;
  font-size: 12px;
  color: #2E2F31;
  border: 1px solid #E6E6E6;
}
.prompt-window.vote-more .btn-box > a {
  width: 202px;
  float: left;
  text-align: center;
}
.prompt-window.vote-more .btn-box > a:first-child {
  border-right: 1px solid #EBECEE;
  color: #FF6600;
}
/* 弹窗：徽章领取结果 */
.prompt-window.get-medal {
  width: 478px;
  background-color: #FFF;
  text-align: center;
  border: 1px solid #E6E6E6;
  box-shadow: 0 0 10px 0 #C9C9C9;
}
.prompt-window.get-medal .row1 {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  border-bottom: 1px solid #E6E6E6;
}
.prompt-window.get-medal .row1 * {
  display: inline-block;
  vertical-align: middle;
  color: #2E2F31;
}
.prompt-window.get-medal .img1 {
  display: block;
  height: 88px;
  width: 88px;
  margin: 10px auto 12px;
}
.prompt-window.get-medal .row2 {
  padding: 0 34px;
  font-size: 14px;
  color: #2E2F31;
}
.prompt-window.get-medal .row2 > span {
  color: #FF6600;
}
.prompt-window.get-medal .row3 {
  padding: 5px 34px 16px;
  font-size: 12px;
  color: #71737A;
  line-height: 24px;
  text-align: center;
}
.prompt-window.get-medal .row4 {
  padding-bottom: 24px;
}
.prompt-window.get-medal .row4 > a {
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 32px;
  border: 1px solid #FF6600;
  background-color: #FF6600;
  color: #FFF;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.4s;
}
.prompt-window.get-medal .row4 > a .fff {
  background-color: #FFF;
  color: #FF6600;
  margin-left: 36px;
}
/* 弹窗： 推荐wmod */
.recommend-wmod {
  width: 580px;
}
.recommend-wmod .title {
  margin-top: 24px;
  padding: 0 32px;
  font-size: 14px;
}
.recommend-wmod .content-wrapper {
  overflow: hidden;
  padding: 0;
  height: 267px;
}
.recommend-wmod .content-wrapper .row {
  overflow: hidden;
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}
.recommend-wmod .content-wrapper .row > .inner {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.recommend-wmod .content-wrapper .row.role-list:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96%;
  height: 26px;
  display: none \9;
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.recommend-wmod .content-wrapper .row.hide-shadow:after {
  display: none;
}
.recommend-wmod .content-wrapper .row.wmod-dub-wp {
  background-color: #F5F6F8;
}
.recommend-wmod .content-wrapper .role-dub-loading {
  width: 100%;
  height: 100%;
  background: url(../../../orange/img/common/common/loading.gif) no-repeat center center;
}
.recommend-wmod .content-wrapper .wmod-empty-hint {
  text-align: center;
  color: #9FA1A5;
  line-height: 267px;
}
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list {
  border-top: 1px solid #F5F6F8;
  padding: 15px 0 16px 32px;
  cursor: pointer;
}
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list:first-child {
  border: 0;
}
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list.act,
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list:hover {
  transition: background-color 0.3s;
  background-color: #F5F6F8;
}
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list > div {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 12px;
}
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list .role-name {
  color: #71737A;
}
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list .cv-name {
  margin-top: 8px;
  color: #9FA1A5;
}
.recommend-wmod .content-wrapper .wmod-list-wp .wmod-list .cv-name.act {
  color: #2E2F31;
}
.recommend-wmod .content-wrapper .dub-wrapper {
  display: none;
  height: 267px;
}
.recommend-wmod .content-wrapper .dub-wrapper > .inner {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.recommend-wmod .content-wrapper .dub-wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96%;
  height: 26px;
  display: none \9;
  background: linear-gradient(0deg, #ffffff 0%, rgba(0, 0, 0, 0) 100%);
}
.recommend-wmod .content-wrapper .dub-wrapper.hide-shadow:after {
  background: transparent;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list {
  padding: 15px 0;
  margin: 0 32px 0 20px;
  border-top: 1px solid #EBECEE;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list:first-child {
  border: 0;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list > * {
  display: inline-block;
  vertical-align: middle;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .fake-radio {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #E6E6E6;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .fake-radio.act {
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: -16px -16px;
  background-color: #ffac28;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-info {
  margin-left: 6px;
  width: 187px;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-info > div {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 12px;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-info > div.wmod-name {
  color: #2E2F31;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-info > div.wmod-progress {
  margin-top: 8px;
  color: #9FA1A5;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-info > div.wmod-progress > span {
  color: #3ac189;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-info > div.wmod-progress > span .charge {
  color: #fd8391;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-voice {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: -326px 0;
}
.recommend-wmod .content-wrapper .dub-wrapper .wmod-info-list .wmod-voice.play {
  animation: rotate-full 2s linear infinite;
  background-position: -302px 0;
}
.recommend-wmod .content-wrapper .ps-container .ps-scrollbar-y-rail {
  right: 6px !important;
  width: 6px;
  background-color: #e6e6e6;
}
.recommend-wmod .content-wrapper .ps-container .ps-scrollbar-y {
  width: 6px;
}
.recommend-wmod .content-wrapper .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.recommend-wmod .content-wrapper .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #c2c5c9;
}
.recommend-wmod .btn {
  display: inline-block;
  padding: 14px 0;
  margin-top: 16px;
  border-top: 1px solid #EBECEE;
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #FF6600;
  transition: color 0.3s;
}
.recommend-wmod .btn:hover {
  color: #FFAC28;
}
/* 弹窗： wmod历史记录 hongRi */
.wmod-history {
  width: 294px;
}
.wmod-history .title {
  margin-top: 24px;
  padding: 0 32px;
  font-size: 14px;
}
.wmod-history .body {
  padding: 0;
  height: 199px;
}
.wmod-history .body .history-list {
  padding: 0 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.wmod-history .body .history-list:hover {
  background-color: #F5F6F8;
}
.wmod-history .body .history-list:first-child .inner {
  border: 0;
}
.wmod-history .body .history-list .inner {
  padding: 10px 12px;
  border-top: 1px solid #F5F6F8;
}
.wmod-history .body .history-list .inner > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 12px;
}
.wmod-history .body .history-list .inner .fake-radio {
  border-radius: 50%;
  margin-right: 8px;
  width: 12px;
  height: 12px;
  background-color: #E6E6E6;
}
.wmod-history .body .history-list .inner .fake-radio.act {
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: -16px -16px;
  background-color: #ffac28;
}
.wmod-history .body .history-list .inner .history-date {
  color: #9FA1A5;
}
.wmod-history .body .history-list .inner .wmod-name {
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.wmod-history .btn-box .btn {
  width: 146px;
  text-align: center;
  color: #2E2F31;
  transition: color 0.3s;
}
.wmod-history .btn-box .btn:first-child {
  border-right: 1px solid #EBECEE;
  width: 147px;
  color: #FF6600;
}
.wmod-history .btn-box .btn:hover {
  color: #FFAC28;
}
.wmod-history .btn-box .btn.off {
  color: #9FA1A5;
}
.wmod-history .btn-box .btn.off:hover {
  color: #9FA1A5;
}
.no_flash {
  color: #fff;
  padding: 10px;
}
.no_flash span,
.no_flash a {
  color: #fff;
}
.no_flash > span {
  display: block;
}
/* 页面左右两侧广告 */
.left_overlay {
  position: absolute;
  right: 50%;
  margin-right: 616px;
  display: none;
  top: 9999px;
}
.right_overlay {
  position: absolute;
  top: 9999px;
  left: 50%;
  margin-left: 616px;
  display: none;
}
.left_overlay .show,
.right_overlay .show {
  height: 600px;
  overflow: hidden;
}
.right_overlay .show,
.left_overlay .show {
  position: relative;
  width: 123px;
  cursor: pointer;
}
/* 分享二维码 */
#qrdiv .qrdiv_title_close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 16px;
  color: #BBBBBB;
}
#qrdiv .qrcodediv_body {
  width: 100%;
  height: 200px;
  margin-top: 10px;
  text-align: center;
}
#qrdiv .qrcodediv_foot {
  color: #888888;
  font-size: 12px;
  margin-top: 10px;
}
/* 未过审 */
.uncheckBox {
  height: 80px;
  background: #ebecee;
  border-radius: 6px;
  padding-left: 20px;
  margin-top: 18px;
}
.uncheckBox .uncheced_reason {
  overflow: hidden;
}
.uncheckBox .uncheced_reason .tiny_title {
  color: #FFAC28;
  margin-top: 18px;
}
.uncheckBox .uncheced_reason .p_reason {
  color: #9FA1A5;
  margin-top: 5px;
}
.uncheckBox .uncheced_reason .p_reason strong {
  font-weight: normal;
  color: #2E2F31;
}
.accounts {
  padding: 10px 0 0 20px;
  word-wrap: break-word;
  word-break: break-all;
}
/* 退出全屏按钮 */
.game-window-reset {
  cursor: pointer;
  display: none;
}
.game-window-reset.act {
  z-index: 1000;
  position: fixed;
  right: 0px;
  top: 0px;
  display: block;
}
/* 周榜调整 */
#flowerTable {
  width: 100%;
  text-align: center;
}
#flowerTable .reward-buttons > a {
  width: 130px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  color: #2E2F31;
  font-family: '微软雅黑';
  background-color: #FADEDC;
}
#flowerTable .reward-buttons > a .button-bg {
  display: inline-block;
  width: 26px;
  height: 100%;
  text-align: center;
  background: url('../../../orange/img/common/f2.png') no-repeat center left;
}
a {
  color: #2e2f31;
}
.icon_notice_box {
  position: relative;
  float: left;
  width: 38px;
  text-align: center;
  _background: #363636;
  margin: 0 10px 0 0;
  cursor: pointer;
}
/* 返回顶部按钮 */
.btn-gotop {
  position: fixed;
  right: 140px;
  bottom: 50px;
  width: 60px;
  height: 38px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #ececee;
  cursor: pointer;
  background: #fff;
  z-index: 9;
  display: none;
}
.btn-gotop:hover {
  background: #ececee;
}
.btn-gotop .ico {
  display: inline-block;
  width: 18px;
  height: 11px;
  margin-top: 13px;
  background-image: url('../../img/common/game/icons.png?v=40');
  background-repeat: no-repeat;
  background-position: 0 -1446px;
}
.atwho-view-ul .username {
  display: inline-block;
  min-width: 70px;
}
.atwho-view-ul .remark {
  display: inline-block;
  color: gray;
  font-size: 12px;
}
/*---底部开始---*/
.footer {
  background-color: #fff;
  border-top: 1px solid #e7e7e7;
  text-align: center;
  padding-top: 24px;
  height: 121px;
  margin-top: 40px;
}
.footer div {
  line-height: 26px;
}
.footer a,
.footer a:link,
.footer a:hover,
.footer a:active {
  color: #a0a1a6;
  font-size: 12px;
  text-decoration: none;
  padding: 0 12px;
}
.footer span {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1335px) {
  .jumpto-subnav {
    display: none;
  }
}
.mgt20 {
  margin-top: 20px;
}
.loading {
  width: 100%;
  text-align: center;
  line-height: 80px;
}
.loading > img {
  vertical-align: middle;
  margin-right: 10px;
}
/* h5 游戏 */
.game-frame {
  border: 0;
  width: 100%;
  height: 100%;
}
.pop-comment-blocked {
  display: none;
  height: 260px;
  width: 400px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
  font-size: 12px;
  overflow: hidden;
}
.pop-comment-blocked > img {
  display: block;
  width: 120px;
  margin: 12px auto 0;
}
.pop-comment-blocked > p {
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.pop-comment-blocked > div {
  margin-top: 20px;
  text-align: center;
}
.pop-comment-blocked > div > a {
  display: inline-block;
  height: 34px;
  width: 120px;
  line-height: 34px;
  border-radius: 3px;
  background-color: #3DA8F5;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}
.pop-comment-blocked > div > a:first-child {
  margin-right: 40px;
}
.pop-comment-blocked > div > a:hover {
  background-color: #0c92f3;
}
.pop-comment-blocked > div > a:active {
  background-color: #0a75c2;
}
.pop-comment-blocked > div > a.close {
  background-color: #E6E6E6;
  color: #9FA1A5;
}
.pop-comment-blocked > div > a.close:hover {
  background-color: #d9d9d9;
}
.pop-comment-blocked > div > a.close:active {
  background-color: #cdcdcd;
}
.fine-comment-boxList {
  display: none;
}
/*---举报评论弹窗---*/
.masking {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: none;
  z-index: 10;
}
.masking .inform {
  height: 377px;
  width: 406px;
  position: absolute;
  background: #fff;
  top: 50%;
  left: 50%;
  margin-top: -203px;
  margin-left: -189px;
  border-radius: 6px;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
}
.masking .inform > textarea {
  width: 342px;
  height: 72px;
  border: 1px solid #edecee;
  color: #2e2f31;
  font-size: 12px ;
  margin: 8px 0 18px 32px;
  padding: 0;
  resize: none;
  padding-top: 8px;
  text-indent: 10px;
}
.masking .inform > textarea::-webkit-input-placeholder {
  color: #9fa1a5;
}
.masking .inform > textarea::-moz-placeholder {
  color: #9fa1a5;
}
.masking .inform > textarea:-ms-input-placeholder {
  color: #9fa1a5;
}
.masking .inform .submit_btn {
  color: #ff6600;
}
.masking .inform .inform_comment {
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #2e2f31;
  padding: 26px 0 20px 32px;
  font-weight: bold;
}
.masking .inform .inform_cause {
  font-size: 14px;
  height: 12px;
  line-height: 12px;
  color: #9fa1a5;
  padding: 0 0 16px 32px;
}
.masking .inform .inform_close {
  position: absolute;
  right: 16px;
  top: 16px;
  color: #9fa1a5;
  cursor: pointer;
  font-size: 22px;
  height: 16px;
  line-height: 16px;
  width: 16px;
  text-align: center;
}
.masking .inform .content-tag > li {
  height: 12px;
  line-height: 12px;
  margin: 0 0 12px 32px;
  cursor: default;
}
.masking .inform .content-tag > li > span {
  margin-right: 8px;
  background: #ddd;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: center;
  color: #2e2f31;
  border-radius: 3px;
}
.masking .inform .content-tag > li .check {
  background: url("../../../orange/img/common/ranking/checked.png") no-repeat center center;
}
.masking .inform .part_submit {
  border-top: 1px solid #ebecee;
}
.masking .inform .part_submit > p:hover {
  color: #ffac28;
}
.masking .inform .part_submit > p {
  float: left;
  width: 202px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  margin-top: 18px;
}
.masking .inform .part_submit .exit_btn {
  border-left: 1px solid #ebecee;
  color: #2e2f31;
}
/* Begin 我的投资 dadong 2017-09-26 */
#tuhaobang {
  height: 422px;
  overflow: hidden;
  background-color: #fff;
}
#tuhaobang:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  background: url(../../img/common/game/visitor_bg.png) repeat-x left center;
}
#tuhaobang > .content {
  margin: 0 0 30px;
}
#tuhaobang .ps-scrollbar-y-rail,
#tuhaobang .ps-scrollbar-x-rail {
  display: none!important;
}
.fl-invest #tuhaobang:before {
  bottom: 42px;
}
/* End 我的投资 */
/* 未过审提示 hongRi */
.unchecked-hint-win {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  padding: 0 30px;
  margin: -80px 0 0 -145px;
  border-radius: 4px;
  width: 230px;
  height: 160px;
  background: rgba(32, 32, 32, 0.9);
  box-shadow: 0 2px 20px 0 rgba(50, 50, 50, 0.3);
}
.unchecked-hint-win > p {
  margin-top: 14px;
  color: #FFF;
  line-height: 20px;
  font-family: 'PingFangSC-Regular', 'MicrosoftYaHei';
}
.unchecked-hint-win > p:first-child {
  margin-top: 33px;
}
/* 自动收藏提示 hongRi */
.unchecked-fav-win {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-family: 'PingFangSC-Regular', 'MicrosoftYaHei';
}
.unchecked-fav-win .inner {
  overflow: hidden;
  position: relative;
  top: 50%;
  left: 50%;
  padding: 0 30px;
  margin: -101px 0 0 -145px;
  border-radius: 4px;
  width: 230px;
  height: 202px;
  box-shadow: 0 2px 20px 0 rgba(50, 50, 50, 0.3);
  background-color: #FFF;
}
.unchecked-fav-win .inner .close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 14px;
  height: 14px;
  background: url(../../img/common/common/close_icons.png) no-repeat -14px 0;
}
.unchecked-fav-win .inner .hint-note {
  margin-top: 60px;
  height: 82px;
  color: #666;
  line-height: 20px;
}
.unchecked-fav-win .inner .roger-btn {
  display: block;
  border-radius: 4px;
  height: 40px;
  color: #FFF;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  background: #FFAC28;
}
#sharewindow_body span {
  background-image: url("../../img/common/game/shareicons.png");
  background-repeat: no-repeat;
  border-radius: 50%;
  margin: 8px 0 33px 30px;
  position: relative;
  font-family: "微软雅黑";
}
#sharewindow_body span#weixin {
  background-size: 100% auto;
  background-position: 0 -40px;
}
#sharewindow_body span#weixin:after {
  content: "微信";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 50px;
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: -5px;
}
#sharewindow_body span#QQ {
  background-size: 100% auto;
  background-position: 0 -160px;
}
#sharewindow_body span#QQ:after {
  content: "QQ";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 50px;
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: -5px;
}
#sharewindow_body span#qzone {
  background-size: 100% auto;
  background-position: 0 -80px;
}
#sharewindow_body span#qzone:after {
  content: "QQ空间";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 50px;
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: -5px;
}
#sharewindow_body span#weibo {
  background-size: 100% auto;
  background-position: 0 0px;
}
#sharewindow_body span#weibo:after {
  content: "微博";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 50px;
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: -5px;
}
#sharewindow_body span#copyUrl {
  background-size: 100% auto;
  background-position: 0 -120px;
}
#sharewindow_body span#copyUrl:after {
  content: "复制链接";
  font-size: 12px;
  color: #8C8C8C;
  letter-spacing: 0;
  line-height: 15px;
  width: 50px;
  position: absolute;
  bottom: -23px;
  text-align: center;
  left: -5px;
}
#comment-share:before {
  content: "";
  background: #fff;
  border: 1px solid #ebebeb;
  border-bottom: none;
  border-left: none;
  width: 8px;
  height: 8px;
  position: absolute;
  /* top: -10px; */
  transform: rotate(-45deg) translate(10px, 15%);
  /* z-index: 9999; */
  left: 40px;
}
#sharewindow_title:after {
  content: '';
  background: #ebebeb;
  width: 200px;
  position: absolute;
  height: 1px;
  top: 66px;
  left: 26px;
}
.m-ad-wrapper {
  margin: 5px 0 0;
}
.m-ad-link {
  display: block;
  margin: 0 0 10px;
  height: 76px;
}
.m-ad-img {
  width: 346px;
  height: 76px;
}
.credit-score {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  margin-left: 4px;
}
.credit-score em {
  display: inline-block;
  width: 19px;
  height: 18px;
  line-height: 17px;
  vertical-align: middle;
  text-align: center;
  font-style: normal;
  background: #4FC558;
  color: #fff;
  font-size: 12px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.credit-score i {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  height: 18px;
  line-height: 18px;
  background: #DFF9D5;
  color: #4FC558;
  font-style: normal;
  padding: 0px 4px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  vertical-align: middle;
}
.credit-score.active em {
  background: #E36161;
}
.credit-score.active i {
  background: #FFE5E5;
  color: #E36161;
}
.credit-score .credit-score-tip {
  display: none;
  position: absolute;
  width: 300px;
  top: 30px;
  left: 50%;
  margin-left: -150px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 10;
}
.credit-score .credit-score-tip:before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  font-size: 0;
  left: 50%;
  margin-left: -8px;
  top: -12px;
  border-width: 0 8px 8px;
  padding-top: 5px;
  border-style: solid;
  border-color: transparent transparent #fff;
  z-index: 2;
}
.credit-score .credit-score-tip:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  font-size: 0;
  left: 50%;
  margin-left: -8px;
  top: -14px;
  border-width: 0 8px 8px;
  padding-top: 5px;
  border-style: solid;
  border-color: transparent transparent #E6E6E6;
  z-index: 1;
}
.credit-score.active:hover .credit-score-tip {
  display: block;
}
.credit-score.health:hover .credit-score-tip {
  display: block;
}
.credit-score .credit-score-tip h3 {
  font-size: 12px;
  color: #87898F;
  line-height: 19px;
  text-align: left;
}
.credit-score .credit-score-tip p {
  font-size: 12px;
  color: #87898F;
  line-height: 22px;
  text-align: left;
}
.credit-score .credit-score-tip .credit-score-tip-auto {
  background: #FFFFD2;
  text-align: left;
  padding: 18px 20px;
  border-radius: 0 0 4px 4px;
}
.credit-score-tip .credit-score-list {
  margin: 20px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
}
.credit-score-tip .credit-score-list div {
  display: inline-block;
}
.credit-score-tip .credit-score-list div p {
  text-align: center;
}
.credit-score-tip .credit-score-list div p:first-child {
  font-size: 16px;
  color: #2C2C2C;
  letter-spacing: 0.19px;
  text-align: center;
  line-height: 21px;
  margin-bottom: 4px;
}
.credit-score-tip .credit-score-list div p:last-child {
  font-size: 12px;
  color: #9FA1A5;
  letter-spacing: 0.14px;
  text-align: center;
  line-height: 18px;
}
.credit-score-tip .credit-score-list div:nth-child(2) {
  position: relative;
}
.credit-score-tip .credit-score-list div:nth-child(2):before {
  position: absolute;
  content: '';
  width: 1px;
  height: 32px;
  background: #EBECEE;
  left: -19px;
  top: 3px;
}
.credit-score-tip .credit-score-list div:last-child {
  position: relative;
}
.credit-score-tip .credit-score-list div:last-child:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 32px;
  background: #EBECEE;
  left: -19px;
  top: 3px;
}
.credit-score-tip .credit-score-list div:first-child {
  position: relative;
}
.credit-score-tip .credit-score-list div:first-child:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 32px;
  background: rgba(235, 236, 238, 0);
  left: -19px;
  top: 3px;
}
.credit-score-tip .credit-score-tip-auto {
  text-align: left;
  position: relative;
}
.credit-score-tip .credit-score-tip-auto img {
  width: 16px;
  vertical-align: sub;
  float: left;
  margin-top: 2px;
  margin-right: 3px;
}
.credit-score-tip .credit-score-tip-auto h3 {
  display: inline-block;
}
#lovewall .best-role-bg-css {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 144px;
  height: 262px;
  background: url(//pic.cgyouxi.com/orange/upload/201907/54681149_a3da4a701bfebb58101ac20b244655ed.png) no-repeat center top;
  background-size: 144px 262px;
  z-index: 8;
}
#lovewall .best-role-bg-css i {
  display: inline-block;
  width: 33.3px;
  height: 52px;
  background: url(//pic.cgyouxi.com/orange/upload/201907/54681149_76c976b44d07a4e64aaa748651bcf79f.png) no-repeat center top;
  background-size: 33.3px 52px;
  float: left;
  margin-left: 6px;
}
#pop-lovewall .img .best-role-bg-css {
  position: absolute;
  display: none;
  left: -1px;
  top: -1px;
  width: 198px;
  height: 260px;
  background: url(//pic.cgyouxi.com/orange/upload/201907/54681149_a3da4a701bfebb58101ac20b244655ed.png) no-repeat center top;
  background-size: 198px 260px;
}