* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ol,
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
}
canvas,
img,
svg,
video {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}
.main-container {
  width: 1200px;
  margin: 0 auto;
}
body > .header {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #fff;
}
body > .header .header-top {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body > .header .search {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-right: 51px;
  padding: 0 63px 0 20px;
  width: 268px;
  height: 48px;
  border: 1px solid #F35627;
  border-radius: 4px;
  background-color: #fff;
}
body > .header .search .input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}
body > .header .search .button {
  cursor: pointer;
  width: 20px;
  height: 21px;
  border: none;
  background-color: transparent;
  background-size: 100% 100%;
  background-image: url(../images/search.png);
  flex-shrink: 0;
}
body > .header .search::after {
  content: '';
  position: absolute;
  left: 212px;
  width: 84px;
  height: 119px;
  background-size: 100% 100%;
  background-image: url(../images/search_decorate.png);
}
body > .header .nav {
  width: 100%;
  height: 60px;
  background-image: url(../images/nav_background.png);
  display: flex;
  align-items: center;
  justify-content: center;
}
body > .header .nav ul {
  height: 100%;
  gap: 20px;
  display: flex;
  align-items: center;
}
body > .header .nav .item {
  height: 100%;
}
body > .header .nav .item a {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: white;
  width: 96px;
  height: 100%;
  transition: all 0.2s;
}
body > .header .nav .item a::before {
  content: '';
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 96px;
  height: 33px;
  background-size: 100% 100%;
  background-image: url(../images/nav_item_active_background.png);
  flex-shrink: 0;
  transition: all 0.2s;
}
body > .header .nav .item:hover a,
body > .header .nav .item.active a {
  color: #F35627;
}
body > .header .nav .item:hover a::before,
body > .header .nav .item.active a::before {
  visibility: visible;
  opacity: 1;
}
.d_footer {
  background: #fff;
  font-size: 14px;
  padding: 28px 0;
  line-height: 24px;
  text-align: center;
  border-top: 1px solid #ddd;
  margin-top: 20px;
  color: #444;
}
.d_footer a {
  color: #444;
}
.pagination {
  margin: 60px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
}
.pagination .page-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  font-size: 14px;
  color: #999999;
  line-height: 1;
  transition: all 0.2s;
}
.pagination .page-item .page-link {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  color: #444;
}
.pagination .page-item:hover,
.pagination .page-item.active {
  color: white;
  border-color: transparent;
  background-color: #F35627;
}
.pagination .page-item:hover .page-link,
.pagination .page-item.active .page-link {
  color: #fff;
}
.public-game__info{ margin: 25px 0; padding: 20px; background: #F9F9F9; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px 0; font-size: 13px; }
.public-game__info .public-info_Item{ width: 32%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.public-game__info .public-info_Item:nth-of-type(3n+1){ width: 36%; padding-right: 10px; box-sizing: border-box;  }
.public-info_Item span{ font-weight: normal; color: #353535; }
.public-info_Item .public-info_label{ font-weight: normal; color: #666666; }
.public-info_Item .public-info_tab{ padding: 0 12px; background: #EDEDED; border-radius: 18px; display: inline-block; }
.public-info_Item .public-info_href{ font-weight: normal; color: #666666; text-decoration: underline; }
.public-info_Item .public-info_href:hover{ color: #15BF6B; }
.public-info_Item .public-info_href + .public-info_href{ margin-left: 20px; }
.public-game__hide{}
.public-game__hide .public-info_Item:nth-of-type(3n+1){ width: 32%; padding-right:0; }
.public-game__hide .public-info_Item:nth-of-type(2){ width: 0; }
.public-game__hide .public-info_Item:nth-of-type(3n),.public-game__hide .public-info_Item:nth-of-type(7){ width: 34%; }
.detail-swiper{ margin: 20px 0;}
.detail-swiper .swiper{ padding-bottom: 20px !important;}
.detail-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 12px;max-height: 450px !important;}

.detail-swiper .swiper-slide { 
    max-height: 450px !important;
    width: auto !important;}
.detail-swiper .swiper-button-next,
.detail-swiper .swiper-button-prev {display: none;}
.detail-swiper .swiper-button-next{
    width: 37px; height: 37px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAWlBMVEUAAAAAAADp6ekAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdHR0PDw/Ozs4JCQm/v78mJibS0tLExMS8vLy3t7cWFhbV1dXKysrKysqQkJCzs7N7YYQwAAAAHnRSTlOCAOp2SE57aFs+KB4SC4mF1oTNjNnQzMiH29TTtMXKcslbAAAA80lEQVQ4y5XU3baCIBCG4a8BlATLNM1+9v3f5mZvD2JmKOo9dD2LJQqDXV6wvjUwrbeBPc9UdAbPjIsF1VvIbC9V10DXdFztUW6fK4dXuU2plfRqm+rwrm5TffNWNf2/Yp9gHlfJ7J+K7NFId8ViUnx/60y3g9xnUgas40yDYGaHAAg2KhZgodhCZ84sPFSnxCZkebQosAtdM5aMQZkN+euj2HqnBai4w43mIzNtAQ005igZX0fJWImmMy0cJRM0upzAC/I/TleNjDoTA/1IBKfO1+MBVeRntZz9+NzX79AX97F+t+tz4tOZU59f38/C+lz9BWtjCRzkyEJAAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
} 
.detail-swiper .swiper-button-prev{
    width: 37px; height: 37px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAYFBMVEUAAAAAAAAAAADp6ekAAAAJCQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADT09POzs6/v78mJiYeHh4XFxcQEBDKysrExMS8vLwAAAC3t7ezs7OUlJSMjIzUNXT5AAAAIHRSTlOCAIDqSIR7d3ZoW04+KB4SC9rWzYyJh4bU0MxQyMa1spcQV0wAAAD9SURBVDjLldTbboMwDAZg46SEQ0Io9ARtt/d/y3mbqsaxS8R/5+hTQJFtqNIMtmsbbNrODuw8UbF38I7ro6JGi8CDdsxVqEGmDlx5BC3oU3WHT7m/lYfP8S8VcENh+FdjDVupxz9lIctlXtLS/qqIObqZmX0zkuolWq7spCflODpPOQJXwSDQnCEgYzk6mvWQIzJdWp5URKbl6KEgMk1STeapITKYVKu5XTSF7K7rojIyLaRsNtNZ+6+O1QeNkbHA2WqOJ/leA2TsIRiZyhWZkz1B7Gkm0RNR9vP3F+8v2asydkffVwFKM1Sex12zvXEb+h07p7C/9u/C8l79AUmHCsj5XcZIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
} 
.detail-swiper .swiper-button-next::after,.detail-swiper .swiper-button-prev::after{
    content: '';
} 
.detail-swiper:hover .swiper-button-next,
.detail-swiper:hover .swiper-button-prev {display: block;}
/* power */
.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.ruleTxt {
    position: absolute;
    z-index: 5;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
    width: 525px;
    padding: 20px 20px 30px 30px;
    background: url(../img/qxtopbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
}

.gRule .gRclose {
    position: absolute;
    top: 10px;
    right: 9px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gRule .gRclose i {
    display: inline-block;
    padding: 10px;
    width: 21px;
    height: 20px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -240px -158px;
    position: relative;
}


.gRule .oTitle {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
}

.gRule .oTitle p {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 56px;
    position: relative;
    margin: 0 auto;
}

.gRule .gSure {
    display: block;
    cursor: pointer;
    border: 0;
    background: linear-gradient(129deg, #FE7342 0%, #F35627 100%);
    width: 253px;
    height: 58px;
    color: #fff;
    font-size: 24px;
    line-height: 58px;
    margin: 16px auto 17px;
    border-radius: 29px;
}

.ruleMain {
    display: block;
    height: 460px;
    border: none;
    padding: 0 18px 0 6px;
    line-height: 32px;
    font-size: 18px;
    color: #333;
    margin: 30px auto 30px;
    text-align: left;
    overflow: auto;
}

.ruleMain strong {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.rulegMain p {
    margin-bottom: 8px;
    display: block;
}

.ruleMain p span {
    display: block;
}

.ruleMain p br {
    display: none;
}

.ruleBox:after {
    content: "";
    position: absolute;
    bottom: 108px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 43px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px 0px 12px 12px;
}

/* Privacy */
.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
    width: 525px;
    padding: 20px 20px 30px 30px;
    background: url(../img/qxtopbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
}

.gPrivacy .gPclose {
    position: absolute;
    top: 10px;
    right: 9px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gPrivacy .gPclose i {
    display: inline-block;
    padding: 10px;
    width: 21px;
    height: 20px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -240px -158px;
    position: relative;
}


.gPrivacy .oTitle {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
}

.gPrivacy .oTitle p {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 56px;
    position: relative;
    margin: 0 auto;
}

.gPrivacy .gSure {
    display: block;
    cursor: pointer;
    border: 0;
    background: linear-gradient(129deg, #FE7342 0%, #F35627 100%);
    width: 253px;
    height: 58px;
    color: #fff;
    font-size: 24px;
    line-height: 58px;
    margin: 16px auto 17px;
    border-radius: 29px;
}

.privacyMain {
    display: block;
    height: 460px;
    border: none;
    padding: 0 18px 0 6px;
    line-height: 32px;
    font-size: 18px;
    color: #333;
    margin: 30px auto 30px;
    text-align: left;
    overflow: auto;
}

.privacyMain strong {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.privacyMain p {
    margin-bottom: 8px;
    display: block;
}

.privacyMain p span {
    display: block;
}

.privacyMain p br {
    display: none;
}
.comment-info {
    position: relative
}

.comment-info .title-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 30px
}

.comment-info .title-content .under-title-right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.comment-info .title-content .under-title-right .btn {
    align-items: center;
    background: #F35627;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 66px
}

.comment-info .title-content .under-title-right .btn:hover {
    background: #d83923
}

.comment-info .show-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.comment-info .show-box .box1 {
    width: 114px
}

.comment-info .show-box .box1 .score {
    color: #F35627;
    font-size: 54px;
    font-weight: 700;
    line-height: 54px
}

.comment-info .show-box .box1 .score.no-score {
    color: #999;
    font-size: 23px;
    font-weight: 400;
    line-height: 24px;
    padding: 15px 0 0;
    text-align: center
}

.comment-info .box2 {
    height: 72px;
    margin: 0 7px -3px 0;
    overflow: hidden;
    width: 66px
}

.comment-info .box2 .star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAADLy8vLy8vLy8vNzc3KysrMzMzMzMzMzMzOzs7R0dHKysrLy8vLy8vLy8vKysrLy8vKysrLy8vKysrOzs7Ly8vMzMzR0dHKysqmG6b0AAAAGHRSTlMAhPtPL5tXNicSBfHq4dfUtK6Mb0MiHguVtYixAAAAf0lEQVQY05XQSQ7EIAxEUdvMZJ7r/ifttBQgCav8HU9Ctkw5ralunmuLbRsrVICqcAKmtwUBJKTXsWm3KmtwZqxand4OCiNejf8P/DS+BjeFmryC75P1nnJ7wp1KNqG9oUlobtgBwixAV8wDgyNyA1AGLcKRziLLkpF1vjTTp35o9wsddAyM7gAAAABJRU5ErkJggg==) 50%/cover no-repeat;
    float: left;
    height: 12px;
    margin: 0 1px 3px 0;
    width: 12px
}

.comment-info .box2 .star.light {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABShJREFUaAXtWVuIHEUUvbcnM+PqKBqNJkoMCqIg0Q8xKPijiCDGCJKgIooQdP0wqCAu++6dfbHih64PXDXgAxEm4ocGPzVG8Wc/hIhBEYQYYjQxq+iazc6jy3N7umZ7px/T3dON+5GGnqq699a551bdruquIcrwGi6Xt8qdoQtalyW4qlsPOfjfZeXHyApYcJWiB+XO0kdmAQwPl29VpK6SW+pZBZFZAA1upQ+562kHkkkAlUolx0S7NFmpi0y30ywzCeDQ4cO3K6U2aqJSF5lup1lmEoBqkF59Wlz9ZC1lF5XUA5idnS0S0/0eTpDZOo+iO0HqAZxYWLgbKXNhOy2Ria5d3m079QAsn/TRJMN02iZuiQUivcs0zVK1QSewhfX4o/JSIUeXwm7RXx9fmuoM1Cy+L5i8kFM9TZv4RIN6pBoACHpWH6/jKDbeXkGS1FJoamrq4sWl6nEEkQ9y1pRzrdRT2DQwMHAq3C6aNrUZOH2mtrMzeSGl8k3baAQ7WdkzMGiat7HFN1tEBVYqz0wFxZTHm6SMZgHtPFlUwPput0WOjs222Ii9omtBbkMnh009nwTmj6Soir41lDVFVIWsBn1V2mRQFZh2W+QsNrBXzDWMelUZan7SNL+2vwcuW79+/vdTCw+TpZ4EkLwG46fpSn7ttl1xydxtl+2KRVhNbQBmM1hX35Yf6YrR1JfIW2ZoKIPfAOfXRb/qGRgcGcNDqN7EplPSnddSycxYfvmJyfLoh5rXqgBEiDX6ulqDPkKc12ujtVAy8ff5HO0Evx/cfDwPsRjAcBuifddt+H/WhYtwaicvnDwz4CY6NDK221LqFaRVwM7qts6izksG856J8ujeIPTQAKQTor7BSalrgkCykCNlfnJS5lAYfscApPPMzMz5f/+7tBcPd+srKwy0Wx1SZt8F5/Xs7uvr+6cTVqQANAhSag8e7hcRSEHL0ixBvIqRfw4pg7SNdsUKQCBxwoANz9qHQLZEcxHNCsSPGGTsGh8fmY/Wo2kVOwDpNj09fdHi6eX3EMT2OM6CbEF+f+nc4qP9/f1/BtkEyT3LaJChWy6OOEdvuWXd1AUrCXnxmSgA6ags2iFlGhc++O9NipMoADzEknr3JHXq6ce03cH0qDoJEh021Zm3KUs92wk8hr70xcEvP/vqwIFjMfrYpolmAK+Giac8kGBCzGQBWBkEkBAz9jKKV4srqw11JHAk3QrmX+2mUpe7xUH1Qo63AP+XIL2fPPYM1C2OmD5cKRi0VW68M1b8nLfLomOv9Iz9Dw02r9AA8DrwFwg/hY+OD1bc0AP4WPoEi++rWG08p3bazsF+TbejlLFSCNMrB1d/gEjRDxw76udUXPfY5NDQUT/94MTEZlquvwOid/jpEfgyDr4ugZ/IB1+xZqBOdJcfeYz6GaxM/XgJexn11udrO0kJDDNwJ14Kn8aXyDTq56y2UcU6MXzQx6vlwa1Yz4DfjolR/zZv0E2T4+ZLYeQ1BbERW+kjfbVcl34+tM6vjJxCmFYD6fMbZsA5OuGGwfTC5is2jfb29srxR+xrbm4uf/TY8TFL0fPAdTZVPok02gh/rnOJYOjIKQSGt7TIM//MBj0yYZrfBEN31jiBD+Bcar+y+H2c31wtPmrE8EWRsKOnkLNTYtrfxtJ4Iw6VIjnoHAaRYAmmYNv2MXblyDOAgyacVBg7sDx+GoVUXBtn5XncXm4t9Uzc/qH28g8jDm+d3A81TUUpvrL6VzMVgmdBzo7AGhqB/wBRXc0AlvxZrQAAAABJRU5ErkJggg==)
}

.comment-info .box3 {
    margin: 0 0 -9px;
    overflow: hidden;
    width: 440px
}

.comment-info .box3 .p-out {
    background: #edeff2;
    border-radius: 3px;
    height: 6px;
    margin: 0 auto 9px;
    overflow: hidden
}

.comment-info .box3 .p-out .p-inner {
    background: #7a7d7f;
    border-radius: 3px;
    height: 100%
}

.comment-info .divide {
    background: #dedede;
    height: 71px;
    margin: 0 0 0 25px;
    opacity: .4;
    width: 1px
}

.comment-info .box4 {
    width: 137px
}

.comment-info .box4 .title {
    color: #666;
    font-size: 14px;
    line-height: 14px;
    margin: 0 auto 4px;
    text-align: right
}

.comment-info .box4 .rate {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: right
}

.comment-info .box4 .count {
    color: #38f;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    margin: 10px auto 0;
    text-align: right
}

.comment-info .box4 .no-comment {
    color: #999;
    font-size: 23px;
    line-height: 24px;
    margin: 20px auto 0;
    text-align: right
}

.comment-info .box4 .user-attitude {
    color: #38f;
    font-size: 14px;
    line-height: 20px;
    margin: 7px auto 0;
    text-align: right;
    white-space: nowrap
}

.comment-info .rule-desc-toast {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.comment-info .rule-desc-toast .rule-box {
    background: #fff;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    width: 611px
}

.comment-info .rule-desc-toast .rule-box .close-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEUAAACbm5ubm5ubm5ulpaWzs7Obm5ubm5uampqbm5uenp6ampqbm5ubm5ubm5ubm5ucnJybm5ufn5+ampqVjIr2AAAAE3RSTlMA78yEEQq/M5JVF9em4MubSEAl9DpraAAAAHZJREFUKM/d0TcOgEAMRFHDEpYcfP+7sgHLxYxEzzQuXvVlSTs7YZveoy3zoGtVzY6qxQetjqrNLdKbo44i7lzdUdFR3UHBXZm7Uo+m3EHBTcG3wheA93ofV+7Wu3O3Xuvn+qP/SjRFX2bJzv+bNS/w/x5JP/YAsYARi2u6naUAAAAASUVORK5CYII=) 50%/cover no-repeat;
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 15px
}

.comment-info .rule-desc-toast .rule-box .mian-title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 10px;
    text-align: center
}

.comment-info .rule-desc-toast .rule-box .content {
    min-height: 420px
}

.comment-info .rule-desc-toast .rule-box .content .rule-item {
    margin: 0 auto 12px
}

.comment-info .rule-desc-toast .rule-box .content .rule-item .title {
    color: #333;
    font-size: 16px;
    margin: 0 auto 5px
}

.comment-info .rule-desc-toast .rule-box .content .rule-item .text {
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.comment-info .bottom-info {
    align-items: baseline;
    display: flex;
    justify-content: flex-start;
    margin: 6px auto 0
}

.comment-info .bottom-info .label {
    align-items: center;
    display: flex;
    height: 16px;
    max-width: 84px;
    white-space: nowrap
}

.comment-info .bottom-info .label .text {
    color: #333;
    font-size: 16px;
    margin-right: 4px
}

.comment-info .bottom-info .label .icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAACXl5esrKydnZ2YmJiYmJicnJyampqGhoaYmJiYmJiYmJiXl5eXl5eYmJiXl5eYmJiampqZmZmbm5unp6eJiYmJiYmPj4+Hh4eHh4eIiIiampqGhoaIiIiLi4uGhoaHh4eGhoaHh4eHh4eHh4eHh4eHh4eIiIiHh4eGhoaHh4eHh4eKioqXl5eGhob+dOHMAAAALXRSTlMA8wYYwJYmE/fj3tnOx6uCfkdBOAwyKwvbv1Yt50QR6tPOtKuiiYN/ypJsZjvw4p4zAAABTUlEQVQ4y4WT12KDMAxFbWLAYUOBQFaz03X1/59XUqlxEh44T0K2uZrK4ZW+ibWOjV96aszM17ij/dnLsZdrICmqoK6DqkgAnXtPz1MgC9x3kAHpw09Wc0Rv6om3CPPV/f0cJlQvhAbzmeinMN6/e7NsFuI2SNmdI5L3zY4G7JmvhBHyPwEN0f+2tD6c9kR7j+OAvon4yCQUS5+3k6WlC3sy+IOUhuR3op6NM3WSLbSnSiSK6WjJxoZIAk1QDgqFRG2pYeuHaMtWMWgYVIppW0n2QmtxVTAqlhAcjaWrmAFipVE/n7fvtFuIXUO7C+78I1TuwqtEuKae34sEB+k4UicZSJCcpsNKMVyaUiihJeIeu0JJqYXmcGTDlZqbNUaa5dotNKLg2i0DI1zJckNkYEYj1xN9qYeRGw3tpuu3o6GdGPuJxZlcvenlnVz/X4zZIsJAoCLPAAAAAElFTkSuQmCC) 50%/cover no-repeat;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px
}

.comment-info .bottom-info .relative-game-compare {
    color: #999;
    font-size: 12px;
    margin: 0 0 0 30px
}

.cmt-item {
    margin: 0 auto 43px
}

.cmt-item:last-child {
    margin: 0 auto
}

.cmt-item .item-main {
    position: relative
}

.cmt-item .item-sub {
    box-sizing: border-box;
    padding: 33px 0 0 64px
}

.cmt-item .item-sub .item-sub-list .cmt-unit {
    margin: 0 auto 33px
}

.cmt-item .item-sub .item-sub-list .cmt-unit:last-child {
    margin: 0 auto
}

.cmt-item .item-sub .cmt-bottom-btns {
    margin: 33px 0 0 64px;
    overflow: hidden
}

.cmt-item .item-sub .cmt-bottom-btns .triggle {
    align-items: center;
    display: flex;
    float: left;
    justify-content: flex-start
}

.cmt-item .item-sub .cmt-bottom-btns .triggle .triggle-item {
    align-items: center;
    color: #333;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    justify-content: flex-start
}

.cmt-item .item-sub .cmt-bottom-btns .triggle.fold-up .triggle-item:after,
.cmt-item .item-sub .cmt-bottom-btns .triggle.get-more .triggle-item:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPVJREFUSA1jYBgFoyEw6EOAEdmFM2fOzAHyS4E4IT09fT+yHDHsefPmif7582c9UO3HtLQ0b5AeJmSNjIyM3EC+HBBvAVrmiCxHiA01fP////+tgWr5YepRLEhNTe0CSswBYi4gJtoSJMO1gY68ysLCEgizACWIQIJAFzDOAgIgMwWIvwGxD77gwmK4Y1JS0mugPjDAsAAkSqwlhAwHmYXVAmIsIcZwvBbgs4RYwwlagM0SYCQmAsXrgMEIi1CUMAfpQQY4gwhZEVqcgKWgqQWv4SCFRFkAUohsCbGGg/SRBECWADOgzapVq3hI0jiqeDQEKAoBAOtDow8c5sp7AAAAAElFTkSuQmCC) 50%/cover no-repeat;
    content: "";
    display: block;
    height: 12px;
    margin: 0 0 0 5px;
    width: 12px
}

.cmt-item .item-sub .cmt-bottom-btns .triggle.fold-up .triggle-item:after {
    transform: rotate(180deg)
}

.cmt-item .item-sub .cmt-bottom-btns .cmt-say-also {
    align-items: center;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: flex;
    float: right;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 90px
}

.cmt-item .item-sub .also-said-main {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 18px auto 0
}

.cmt-item .item-sub .also-said-main .also-said-form-area {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%
}

.cmt-item .item-sub .also-said-main .also-said-form-area .also-said-input {
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 13px;
    height: 94px;
    line-height: 21px;
    outline: none;
    padding: 12px 16px;
    resize: none;
    width: 100%
}

.cmt-item .item-sub .also-said-main .also-said-form-area .publish-said {
    background: #F35627;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 12px 0 0 auto;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 68px
}

.cmt-item .item-sub .also-said-main .also-said-form-area .publish-said:hover {
    background: #d83923
}

.cmt-unit .clear-fix {
    clear: both
}

.cmt-unit .icon-box {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
    height: 48px;
    margin: 0 16px 0 0;
    width: 48px
}

.cmt-unit .icon-box .icon {
    background: 50%/cover no-repeat;
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.cmt-unit .main {
    float: left;
    padding: 0;
    width: calc(100% - 64px)
}

.cmt-unit .main .main-1 {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.cmt-unit .main .main-1 .nick {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    margin: 0 6px 0 0
}

.cmt-unit .main .main-1 .tag {
    color: #333;
    font-size: 12px;
    margin: 0 6px 0 0
}

.cmt-unit .main .main-2 {
    font-size: 14px;
    line-height: 22px;
    margin: 12px auto 16px;
    word-break: break-word
}

.cmt-unit .main .main-2 .reply-to-user {
    font-weight: 700
}

.cmt-unit .main .cmt-unit-img {
    background: 50%/cover no-repeat;
    cursor: pointer;
    margin: -8px 0 15px;
    width: 230px
}

.cmt-unit .main .main-3 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cmt-unit .main .main-3 .left {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.cmt-unit .main .main-3 .left .publish {
    color: #9195a3;
    font-size: 13px;
    line-height: 13px;
    margin: 0 30px 0 0
}

.cmt-unit .main .main-3 .left .edit {
    color: #38f;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    margin: 0 24px 0 0
}

.cmt-unit .main .main-3 .left .delete {
    color: #F35627;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    position: relative
}

.cmt-unit .main .main-3 .left .delete .delete-confirm {
    -webkit-animation: slideDown .5s ease;
    animation: slideDown .5s ease;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box;
    height: 110px;
    left: -12px;
    padding: 20px;
    position: absolute;
    top: 22px;
    width: 208px;
    z-index: 11
}

.cmt-unit .main .main-3 .left .delete .delete-confirm:before {
    border-bottom: 8px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    left: 20px;
    position: absolute;
    top: -8px
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .title {
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto 16px
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns div {
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    width: 76px
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns div.cancel {
    border: 1px solid #d9d9d9;
    color: #333
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns div.confirm {
    background: #F35627;
    color: #fff
}

.cmt-unit .main .main-3 .right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.cmt-unit .main .main-3 .right .dis-praise,
.cmt-unit .main .main-3 .right .praise,
.cmt-unit .main .main-3 .right .reply {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 17px
}

.cmt-unit .main .main-3 .right .dis-praise span,
.cmt-unit .main .main-3 .right .praise span,
.cmt-unit .main .main-3 .right .reply span {
    color: #333;
    font-size: 13px;
    line-height: 16px
}

.cmt-unit .main .main-3 .right .dis-praise:before,
.cmt-unit .main .main-3 .right .praise:before,
.cmt-unit .main .main-3 .right .reply:before {
    background: 50%/cover no-repeat;
    content: "";
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px
}

.cmt-unit .main .main-3 .right .reply:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAEA0lEQVRYCbVXySv9URQ/79szZNjIgigLG8POkI0omcpC2SgKxYYNSlJ2VrKQFXt/gIUshI0MUTYKWVhQQhnKVOb7u5/z3r3vvve93/e+ht+t1z3fc+4Z7xnuCwi5yFiOATOoERUVFSEaWOrq6sTq6qqorKwUgbgyhoaGiGWAH7/U1FSilpYWcImmpiZxcHAgCB/l5eXYotbb25toaGgQLGJvby/WPEpKSqKysrKQDhc1jDg9PSVWoWRLQxSod5cfsdKcm5sb2traisVTX19fCGfzQMnf2NgIeeFiDyNeXl4oqIg62hJRXV1NMzMzTNIHbLHIy8sj9gLcOTk5tLS0RM3NzcwJ45lJGQRjLy8v1afedRweHx+pv7+fjo+PlVnWPRgM0sDAAHV1dYXoEFVbWyvOz8+1VD8ALMKFs5NPT08Eh9QyI6Jw2M3o1NfX0/r6eiSM5kFbxEy6CeusN5F+YOkmOY5kh78TExNC5r8f1/nM5+enLoKodAX14eGBibgypG9jY6OQd8q/29tbAWZz6Ws0zZbRpeTkZBPlCVsFeJ62EHSuzs/P0+zsLH18fFiORVBFRUU0NzdHmZmZIST8QfX39vaK9/d30z0rvLm5yTG6vr5mOiGb4hWlTQqyFtmL5ezu7nKGRYxMDCFrkb1YQVQ1t7wwH/qhNDP8Fb3ZMlQHUR1VnUB9J9p/nMpKsMuCb7uAgpDBVAJ1M9OIBICTm5tLZ2dnCY55k53i4mI6OTmhr68v71MxFLjZ2trKWK6Fw8ND6u7u5vrOysqikZERQsfB6ujooLu7O4ZlptL9/b3uwEBGFROsWFxcpJ2dHULzXF5epvHxcaqpqWEBqFBdA4yRiRTeeUNAMzIyaG1tjfu7LXHM84CjLIgl+vmOKwDX+/z8TPDdvGpfggMBHuPp6ekUkLDXigrB0dERjY6O0tXVFZ8HI0KC90A8ITbhMBiGo2iV8RifU1NTVFJSEmGRRF5o7Ggrg4ODrr6rzvxmRy+HbOiALrV4KEjPmdDe3q7w/22HDhgBnVjcTOQE4pAUFBREQvOfIKVD6eQcUFXsdc/xGpSXneYzwjyjdCidUUloHjTh7/ZokzcR/Ot+nkhBIrqvCPzlFcQaxAaomYr5alt/eQVKh9LJV1BVVcUNB8P84uLCZsOf4CAbOtDcoJOXKng8dOQI4hqV/0LE9va2r4eS4vfa8diCLMhE/UOHelSBxzUL8F9hYWGBVlZWeNDKDqa9x4ycnJzkb8zQ6elp2t/f13QbgLFYWFhI8pVLbW1trnHoMsAmBONxbGyMsrOzCQa+vr5SSkoKdXZ2Uk9PD6WlpdnYfOF8VQG6FwZSfn4+DQ8PU2lpqS/hfg75ioAfQT898w/VfT8UsABC/AAAAABJRU5ErkJggg==)
}

.cmt-unit .main .main-3 .right .praise {
    background: #fff
}

.cmt-unit .main .main-3 .right .praise:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAAzMzM0NDQzMzMzMzM0NDQzMzM6OjozMzMzMzM0NDQ1NTU4ODgzMzMzMzM0NDQzMzMzMzM0NDQ3NzdAQEAzMzMzMzM0NDQ0NDQzMzM0NDQ0NDQ0NDQ1NTU2NjY+Pj4zMzMzMzMzMzMzMzM0NDQ1NTU0NDQzMzMzMzM0NDQ0NDQzMzM1NTU2NjYzMzMdkdEVAAAALnRSTlMAqkpV6Lb2EOymgyMU8N+tknhtGwTk17yIfWRdWDcYCs+hl3M8McvFsJ2Ni0RC7fXOcQAAAQ5JREFUOMuVkddygzAQRZcSYXoxpmO6e+7/f16CHMiEIBKfB+1I94zKil7ElMvN3APg9OJcBmIHtikUXHQUSvBEeWhjTzQgEp9Qf44aduIT/PEhcAR5CXbk+8QC4QRjLAYSUQ+caqwxEplTanNW9UUQgz34RMUE86fbP9cU4gRvX5yB/Nl/hpOuw6YlAWpeUzRE2ooQ7sBvpaMQtOcM/rcSFIGgQ54Fa02Q/hIuPwT1t1Bj2BYYqlk4rggmDrQpZJC2BRf5t7DHYZlrDNam0MGlLcFSMRDnhnQUnMVPXaYN6AFmZD5sPzWSu9e216bRdSlCpE3yHWtEJs30xrX1bomR+l0QZFmeF4XyHtL/+AAT+iESnVEFlAAAAABJRU5ErkJggg==)
}

.cmt-unit .main .main-3 .right .praise.active span {
    color: #F35627
}

.cmt-unit .main .main-3 .right .praise.active:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAAD/NDT/NDT/MzP/NDT/MzP/MzP/Ojr/MzP/MzP/MzP/NTX/MzP/MzP/MzP/MzP/MzP/MzP/NDT/NDT/NDT/MzP/MzP/NTX/Nzf/VVX/NDT/NDT/MzP/NTX/NDT/Ozv/Ojr/////MzN+ek1oAAAAInRSTlMAmWL1/GREC9aOdGVP7+ni2r6tgHptVEoiA+ymWjAsGhYB6k1tAQAAAKNJREFUOMut0MkOgzAMRVEDaULSMJSZzvX/f2RRhg2K8Ya7fUeOFDg3lTVN9jkAHW5VC7kv6OpIMHpQkOCGPkXs77CLNb3/4oEW0hkMPdK7FBGMaZBhTBQuUZQmbMMd5w0ksv44Il7ToHRA0wC//nUayAguBHhyYOKA5cCLAUJFkFP/wADNAcmAemWAgWNQKw80BSbwzQQYINZXaKHfzW0OJ/UHPw5BvBILjtMAAAAASUVORK5CYII=)
}

.cmt-unit .main .main-3 .right .dis-praise {
    background: #fff
}

.cmt-unit .main .main-3 .right .dis-praise:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAAzMzM0NDQzMzMzMzM0NDQzMzM6OjozMzMzMzM0NDQ1NTU4ODgzMzMzMzM0NDQzMzMzMzM0NDQ3NzdAQEAzMzMzMzM0NDQ0NDQzMzM0NDQ0NDQ0NDQ1NTU2NjY+Pj4zMzMzMzMzMzMzMzM0NDQ1NTU0NDQzMzMzMzM0NDQ0NDQzMzM1NTU2NjYzMzMdkdEVAAAALnRSTlMAqkpV6Lb2EOymgyMU8N+tknhtGwTk17yIfWRdWDcYCs+hl3M8McvFsJ2Ni0RC7fXOcQAAAQ5JREFUOMuVkddygzAQRZcSYXoxpmO6e+7/f16CHMiEIBKfB+1I94zKil7ElMvN3APg9OJcBmIHtikUXHQUSvBEeWhjTzQgEp9Qf44aduIT/PEhcAR5CXbk+8QC4QRjLAYSUQ+caqwxEplTanNW9UUQgz34RMUE86fbP9cU4gRvX5yB/Nl/hpOuw6YlAWpeUzRE2ooQ7sBvpaMQtOcM/rcSFIGgQ54Fa02Q/hIuPwT1t1Bj2BYYqlk4rggmDrQpZJC2BRf5t7DHYZlrDNam0MGlLcFSMRDnhnQUnMVPXaYN6AFmZD5sPzWSu9e216bRdSlCpE3yHWtEJs30xrX1bomR+l0QZFmeF4XyHtL/+AAT+iESnVEFlAAAAABJRU5ErkJggg==);
    transform: rotate(180deg)
}

.cmt-unit .main .main-3 .right .dis-praise.active span {
    color: #F35627
}

.cmt-unit .main .main-3 .right .dis-praise.active:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAAD/NDT/NDT/MzP/NDT/MzP/MzP/Ojr/MzP/MzP/MzP/NTX/MzP/MzP/MzP/MzP/MzP/MzP/NDT/NDT/NDT/MzP/MzP/NTX/Nzf/VVX/NDT/NDT/MzP/NTX/NDT/Ozv/Ojr/////MzN+ek1oAAAAInRSTlMAmWL1/GREC9aOdGVP7+ni2r6tgHptVEoiA+ymWjAsGhYB6k1tAQAAAKNJREFUOMut0MkOgzAMRVEDaULSMJSZzvX/f2RRhg2K8Ya7fUeOFDg3lTVN9jkAHW5VC7kv6OpIMHpQkOCGPkXs77CLNb3/4oEW0hkMPdK7FBGMaZBhTBQuUZQmbMMd5w0ksv44Il7ToHRA0wC//nUayAguBHhyYOKA5cCLAUJFkFP/wADNAcmAemWAgWNQKw80BSbwzQQYINZXaKHfzW0OJ/UHPw5BvBILjtMAAAAASUVORK5CYII=);
    transform: rotate(180deg)
}

.cmt-unit .main .main-4 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    float: right;
    justify-content: flex-end;
    margin: 18px auto 0;
    width: 100%
}

.cmt-unit .main .main-4 .reply-input {
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 13px;
    height: 94px;
    line-height: 21px;
    outline: none;
    padding: 12px 16px;
    resize: none;
    width: 100%
}

.cmt-unit .main .main-4 .publish-btn {
    background: #F35627;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 12px 0 0;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 68px
}

.cmt-unit .main .main-4 .publish-btn:hover {
    background: #d83923
}

* {
    padding: 0;
    margin: 0;
}

.detail-comment {
    margin: 60px auto 0
}

.detail-comment .title-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 30px
}

.detail-comment .title-content .under-title-right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.detail-comment .title-content .under-title-right .btn {
    align-items: center;
    background: #F35627;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 66px
}

.detail-comment .title-content .under-title-right .btn:hover {
    background: #d83923
}

.detail-comment .comment-info {
    margin: 0 auto 20px
}

.detail-comment .comment-user {
    margin: 20px auto 0
}

.detail-comment .comment-user .title {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.detail-comment .comment-user .comment-main {
    background: #f6f7fa;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 18px auto 0;
    padding: 15px
}

.detail-comment .comment-user .comment-main .cmt-item {
    margin: 0 auto
}

.detail-comment .comment-list {
    margin: 20px auto 0;
    padding: 0 0 30px;
    position: relative
}

.detail-comment .comment-list .title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.detail-comment .comment-list .title span {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.detail-comment .comment-list .title .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: flex-start
}

.detail-comment .comment-list .title .more span {
    color: #666;
    font-size: 12px;
    line-height: 12px
}

.detail-comment .comment-list .title .more:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAACws7iztrmwtLiztrmytrmha+4nAAAABnRSTlMA/lfjUEnRZxQvAAAAPklEQVQoz2OgOgg2wRAyFFTAFBJCF3IUxFDGJIipTHHwKBPBVCaMTwihkaDxCEfQXxEiOvBFGiJqMRMAbQAAZ3cJQ0GXoX0AAAAASUVORK5CYII=) 50%/cover no-repeat;
    content: "";
    height: 12px;
    margin: 0 0 1px;
    width: 12px
}

.detail-comment .comment-list .title .more:hover span {
    color: #F35627
}

.detail-comment .comment-list .title .more:hover:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAADyQSjzSTHyQCfzQyfxQSjyQSfxQSjyQSfyQCnzQijzQSr/VSvxQCcEEB7vAAAADXRSTlMA1BWbQPXE4bV3bFYMUh6cJgAAADVJREFUGNNjwAs4kpA4bBcVEBwmWSEkKUVqSMkgSe29gmCzxBogOK6XqSbBjiTBwDWBgSQAAICkDfesNleaAAAAAElFTkSuQmCC)
}

.detail-comment .comment-list .comment-main {
    margin: 18px auto 0
}

.detail-comment .comment-list .comment-main .comment-item {
    margin: 0 auto 43px
}

.detail-comment .comment-list .comment-main .comment-item:last-child {
    margin: 0 auto
}

.detail-comment .comment-list .comment-main .cmt-item {
    margin: 0 auto 43px
}

.detail-comment .comment-list .comment-main .cmt-item:last-child {
    margin: 0 auto
}

.detail-comment .comment-list .go-page-comment {
    cursor: pointer;
    margin: 20px auto 0;
    width: 100%
}

.detail-comment .comment-list .go-page-comment .go-btn {
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 34px;
    justify-content: center;
    margin: 0 auto;
    width: 140px;
    display: none;
}

.detail-comment .comment-list .go-page-comment .go-btn:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAABmZmZtbW1mZmZmZmZmZmZnZ2dmZmZnZ2dnZ2doaGhoaGhqampmZmZ9UhZ2AAAADXRSTlMA1BWbQPXE4bV3bFYMUh6cJgAAADVJREFUGNNjwAs4kpA4bBcVEBwmWSEkKUVqSMkgSe29gmCzxBogOK6XqSbBjiTBwDWBgSQAAICkDfesNleaAAAAAElFTkSuQmCC) 50%/cover no-repeat;
    content: "";
    height: 12px;
    margin: 0 0 0 2px;
    width: 12px
}

.detail-news {
    margin: 40px auto 0
}

.detail-news .header {
    margin-bottom: 11px
}

.detail-news .header .news-item {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-news .header .news-item .text {
    color: #F35627;
    flex-shrink: 0;
    font-size: 18px;
    transition: all .3s ease;
    width: 600px
}

.detail-news .header .news-item:before {
    background: #F35627;
    border-radius: 2px;
    content: "";
    display: block;
    height: 6px;
    margin: 0 10px 0 0;
    width: 6px
}

.detail-news .main {
    overflow: hidden
}

.detail-news .news-item {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 11px
}

.detail-news .news-item:hover .text {
    color: #F35627
}

.detail-news .news-item:last-child {
    margin: 0 auto
}

.detail-news .news-item .text {
    color: #333;
    transition: all .3s ease;
    width: 600px
}

.detail-news .news-item .source,
.detail-news .news-item .text {
    font-size: 14px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-news .news-item .source {
    color: #999;
    margin: 0 5px 0 0;
    text-align: right;
    width: 110px
}

.detail-news .news-item .publish {
    color: #999;
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
    width: 58px
}

.detail-news .news-item:before {
    background: #e6e6e6;
    border-radius: 2px;
    content: "";
    display: block;
    height: 6px;
    margin: 0 10px 0 0;
    width: 6px
}

.score-star-wrap {
    display: inline-block
}

.score-star-wrap .digit-score {
    color: #F35627;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 auto 10px;
    text-align: right
}

.score-star-wrap .score-star {
    align-items: center;
    display: flex;
    height: 10px;
    justify-content: center
}

.score-star-wrap .score-star .star-item {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAADLy8vLy8vLy8vNzc3KysrMzMzMzMzMzMzOzs7R0dHKysrLy8vLy8vLy8vKysrLy8vKysrLy8vKysrOzs7Ly8vMzMzR0dHKysqmG6b0AAAAGHRSTlMAhPtPL5tXNicSBfHq4dfUtK6Mb0MiHguVtYixAAAAf0lEQVQY05XQSQ7EIAxEUdvMZJ7r/ifttBQgCav8HU9Ctkw5ralunmuLbRsrVICqcAKmtwUBJKTXsWm3KmtwZqxand4OCiNejf8P/DS+BjeFmryC75P1nnJ7wp1KNqG9oUlobtgBwixAV8wDgyNyA1AGLcKRziLLkpF1vjTTp35o9wsddAyM7gAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.score-star-wrap .score-star .star-item .star-light {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAb1JREFUOBHNlD1Lw2AQx++SFC1tWlCLg6CTtrYgFEFws6UU0UEX1woifgqddNCvIOLQ1UUHt2KdBXGqtjopOIgv0DeqNMmZa9OQpk1bNw8e8r+73/15nuQhAANENRGO8hoABWkQSFPUlMHd9eOxH0A7867yY+WVOXnGO4HHt/VeM0KvJvfKT7UV/RHgZWguO0ZfQyBt05y2arPYLnoemTYiI+V35dM6IgekUTzLfVlrVo2UnPP8aDSuQN2jaqJbJJI1AC8KyjCpmNDhbeuArk9QpAxp0rd+vIqKWBYFtSaBqzok4Bs2dvGhpoFo1Tb4txTxUh4TU+aRi0uz+wja7t9cmjSBcOC/ftjjzDTkpBQLrxGoaSTwcd4vCKGEIKZ82fuLFttmyMVSLBgEgnNdhlqQwzOvb2fdly0UrP0OQ27WEpHJuqI8W0G7dknSlDuTe7HXu95DheqLdtCeOzFdDY3rYvdoy52Y7oaIybZpAY6AlyXIzhi9jndofJR8o4+YIxS3/Fe5G86L8cgCknqq39lIsw8h+0fp2CERLDPMd0ue9kRbZlxjzTXuNRiDZe0YpXjwcJCfKTPMOhr928Yvud+aMfu7PmwAAAAASUVORK5CYII=) no-repeat;
    background-position: 0 0;
    background-size: 10px 10px;
    display: block;
    height: 100%;
    width: 100%
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

/* feedback */
.feedBack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 58px;
    left: 0;
    right: 0;
    margin: auto;
    width: 700px;
    padding: 32px 31px 15px;
    min-height: 200px;
    background: linear-gradient(0deg, rgba(0, 168, 255, 0) 0%, rgba(0, 168, 255, 0.2) 100%);
    background-repeat: no-repeat;
    background-size: 100% 188px;
    background-color: #fff;
    text-align: center;
    border-radius: 30px;
}

.feBackBox .cont {
    overflow: hidden;
}

.feBaClose {
    position: absolute;
    bottom: -38px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
    text-align: end;
    top: 10px;
}

.feBaClose i {
    vertical-align: top;
    display: inline-block;
    padding: 10px;
    width: 54px;
    height: 54px;
    background: url(../img/icon.png) no-repeat;
    background-position: -535px -478px;
    position: relative;
}

.feBackBox .fTitle {
    position: relative;
    margin-bottom: 10px;
}

.feBackBox .fTitle p {
    display: block;
    font-size: 30px;
    color: #333;
    line-height: 52px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.feBackBox .feSubmit input {
    display: block;
    cursor: pointer;
    border: 0;
    background: #FF4C4C;
    box-shadow: 0px 5px 5px 0px rgba(255, 220, 220, 0.5);
    width: 416px;
    height: 48px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    margin: 25px auto;
    border-radius: 24px;
}

.feBack {
    margin: 0 0 25px;
}

.feBack>span {
    font-size: 16px;
    color: #333;
    line-height: 38px;
    margin: 0 0 10px;
    display: block;
    text-align: left;
}

.feBack .info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.feBack .info p {
    font-size: 14px;
    color: #333;
    line-height: 88px;
}

.otherRe {
    margin-bottom: 10px;
    min-height: 100px;
    background: #FAFAFA;
    border-radius: 12px;
    overflow: hidden;
    padding: 15px 20px;
}

.feBack textarea {
    width: 100%;
    height: 80px;
    line-height: 24px;
    border: none;
    resize: none;
    background: transparent;
    font-size: 16px;
    color: #999;
}

.checkbox {
    position: relative;
    display: block;
    padding: 0;
    height: 36px;
    line-height: 36px;
    margin: 0 2px 10px 0;
    cursor: pointer;
}

.checkbox:nth-last-child(1) {
    border-bottom: none;
}

.checkbox input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 36px;
    opacity: 0;
}

.checkbox label {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    font-size: 14px;
    color: #4c4c4c;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
}

.checkbox label.on {
    background: #FF4C4C;
    color: #fff;
    border-color: #FF4C4C;
}

.telBox {
    overflow: hidden;
    margin: 0 0 10px;
    background: #FAFAFA;
    border-radius: 24px;
    overflow: hidden;
    height: 48px;
    line-height: 48px;
}

.telBox input {
    display: block;
    border: none;
    width: 376px;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    background: #FAFAFA;
    border-radius: 24px;
    font-size: 16px;
    color: #999;
}

.telBox input::-webkit-input-placeholder {
    color: #999;
}

.telBox input:-moz-placeholder {
    color: #999;
}

.telBox input::-moz-placeholder {
    color: #999;
}

.telBox input:-ms-input-placeholder {
    color: #999;
}

.telMsg {
    margin-bottom: 2px;
    font-size: 14px;
    color: #999;
    text-align: left;
    line-height: 20px;
    display: block;
}

.ztList .brTitle span,
.ztDeList .brTitle span,
.updateList .brTitle span {
    font-size: 16px;
}

.ztList .brTitle span i,
.ztDeList .brTitle span i,
.updateList .brTitle span i {
    font-weight: bold;
}

.ztDeList ul li:hover>a {
    color: #FF4C4C;
    font-weight: bold;
}

.updateList tbody tr:nth-of-type(n+2):hover td:nth-of-type(2) a {
    color: #999;
    font-weight: 400;
}

.updateList tbody tr:nth-of-type(n+2):hover td:nth-of-type(2) a:hover {
    color: #FF4C4C;
    text-decoration: underline;
}

.nsHotGame {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.nsHotGame .list {
    padding: 0 2px 10px;
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    *zoom: 1;
}

.nsHotGame .list a {
    position: relative;
    display: block;
    float: left;
    padding-top: 16px;
    width: 145px;
    height: 150px;
    line-height: 48px;
    font-size: 16px;
    color: #333;
    text-align: center;
    overflow: hidden;
}

.nsHotGame .list a img {
    width: 110px;
    height: 110px;
    border-radius: 30px;
    display: block;
    margin: auto;
}

.nsHotGame .list a:hover {
    color: #FF4C4C;
}

.nsHotGame .list a:hover img {
    opacity: 0.9;
}

.main-box {
    box-sizing: border-box;
    padding: 10px 0;
    position: relative;
}

.main-box .info-box {
    color: #333;
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
}

.stars-area .star-wrap {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    min-height: 32px;
}

.stars-area .star-wrap .star-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 208px;
}

.stars-area .star-wrap .star-box .star-item {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAADi4+fi4+fj5Ofj5Ofn5+/k5ejj5Obj5Ofj5Ofp6env7+/////i4+fj5Ofj5Ofi5efj5efl5enl5ejk5urm5urn6uzo8PDj5Ofj5Obj4+fj5Ofi5Ofi5Ofj4+fj5efk5Ofk5Ojj5ujj5Ofj5Ofi5Ojj4+bi4+bNtmLsAAAAJ3RSTlMA5vnr6RRb5Mi2IRAE8deFc2pDNy8nGwvfzcG9sqCKfnpuY9GqmFJkS/jBAAABoklEQVRYw+2WybKCMBBFIUogCA5MIqDg2P//h0+GKkhBkibZvIVnKXVPGUI611KQppYZdW0oeD7N8imA2RoagMZIcAG4mOR9+OIbCI6t4Ggg8FqBp5/PoCPTFtx7wV1bUPSCQjfvwICjKTjBwElTUMJAqb0CszU8RsFDS8BGAdPJ78goIDsNAYUJVENQTQXV+vyZTAXkLFnry3Vde2DbsmkJgSPsfuwe2wPf2Kt7N8EBNDkEVk9k68TtaPLRsfV55vBHn6yLk9mQSPZr8vtkYd+u+Px1eVdpiIuHVHgNeJi8J7kogps6fwssGdFWHt9GyjnEFJuv5kiEm4+85WJb8O3GFhJ3WeBi8zEIwP6Dm3AHkYJcJMhx+QSEJCjBQTKCUIK95BTjqqGEFFUNp1z5KdFgqiF38rkpgSqNPnfyZ1PCVx8lfuxzFweqNHrc2J9dHB6yGgJUDjclKhjIcMWKnGYPCK5wlfzYn18cJaZYvRfH/vndFy5lsdp8RE8/G2XhYgBFJnnFBQBTFKtaOvaDWl64aB4r511OZYIdov5R68d/4w+bqaidwPZjFgAAAABJRU5ErkJggg==) 50%/cover no-repeat;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.stars-area .star-wrap .star-box .star-item.light {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAgVBMVEUAAADyQCjyQSfyQCfyQCjzQSjySS/xQSfyQCf0QSj0RCn4RSz/TC7zQCfyQSjyQSfyQCfyQCjyQSjzQSv2RCv/djvyQSjyQCfyQSfxQSjyQSjyQCfyQCjyQSn0QynyRSv0RC3/TTPyQCnxQSjyQSfyQSjxQSnzQSj0QijyQinxQCfQQcFwAAAAKnRSTlMA5+Xq+mwT8MhaMyEPfHTUt7OFPxsE+fjbzcG9oIorJhYKY+CqmF5SRmTrC5hPAAABlUlEQVRYw+3W2ZKCQAwF0OigLIKCbAqK+zL3/z9wHKQsurCbGF7mYc6rlS6j3cmlHlVFwwQBDbNYDKvfAbthHQBzGmINrIfUz/AwI7k5MKwHBw+OvD5BLSGpCWoTkipQK6T1ezT28g6G9VCiUcrqpxYa1pQkjng5kkSIl1BS71t4sXzBAVe0XAUHRGiJBB3kaMkNPUzP41+jxlfDhsL+aowaddG5/n/TJYSWKT3FYwiM41YbET4WTdWHk+EjWeeBeSt8YOVRx2EDts2B3nFtsNiudg04YHAMiyLdotc2JZP7CEaje+8kDWEQ7jn7zIKGxdxy3lhzdz1i0h3Arfegwf0GW+0/SDwr7QsQdCDpYWkYQbxoCK0FLxoa7FjRsG2jTomAEw3Vl69OiTUrGqovX50Ss/6npI59ZXGwQqOjjH1lcbBCY6KO/e7iSHjBKp90Psh5gat8XpiKOqrnBSs5weryduwfLozA9Q3AvpHGze4NXCFQJIafuOgJXH5mBT0X3cpMgcs9xdQjPrmmA3xGeHLp31/zAzGls/fNsssjAAAAAElFTkSuQmCC)
}

.stars-area .star-wrap .text {
    color: #F35627;
    font-size: 16px;
    margin: 0 0 0 50px
}

.stars-area .star-wrap .text.status0,
.stars-area .star-wrap .text.status1,
.stars-area .star-wrap .text.status2,
.stars-area .star-wrap .text.status3 {
    color: #333
}

.form-area {
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 12px;
    box-sizing: border-box;
    flex: 1;
    margin: 10px auto 0;
    padding: 12px 16px 20px;
    position: relative;
}

.form-area textarea {
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 13px;
    height: 120px;
    line-height: 21px;
    outline: none;
    resize: none;
    width: 100%;
}
.form-area .text-count {
    bottom: 5px;
    color: #999;
    font-size: 13px;
    position: absolute;
    right: 12px;
    display: none;
}
.gPower,.agSecret{
    color: #F35627;
}
@media screen and (max-width: 750px) {
  .main-container {
    width: 100%;
  }
  body > .header .header-top {
    display: flex !important;
    flex-direction: column !important;
  }
  body > .header .search {
    margin-right: 0;
  }
  body > .header .nav {
    margin-top: 20px;
  }
  body > .header .nav ul {
    overflow-x: scroll;
  }
}