body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
b {
  font-weight: normal;
  font-style: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
a {
  text-decoration: none;
}
body {
  font: 13px/1.6 Helvetica, PMingLiU, '\65B0\7D30\660E\9AD4';
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?72778753');
  src: url('../fonts/fontello.eot?72778753#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?72778753') format('woff'), url('../fonts/fontello.ttf?72778753') format('truetype'), url('../fonts/fontello.svg?72778753#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Beaufort';
  src: url("../fonts/BeaufortforLOL-Regular.eot");
  src: url("../fonts/BeaufortforLOL-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BeaufortforLOL-Regular.woff") format("woff"), url("../fonts/BeaufortforLOL-Regular.ttf") format("truetype"), url("../fonts/BeaufortforLOL-Regular.svg#0e0a948fd562036c3b27e99b819fa71f") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #garena_top_bg {
    min-width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  #garena_top_bg {
    display: none;
  }
  .wrapper--pc #garena_top_bg {
    display: block;
  }
}
@media screen and (max-width: 788px) {
  #garena_top_bg {
    display: none;
  }
  .wrapper--pc #garena_top_bg {
    display: block;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #garena_top_bg_center {
    width: 980px !important;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  #garenabar-banner {
    left: -144px !important;
  }
}
body {
  background: url(../img/bg-gray.jpg);
}
.wrapper {
  overflow: hidden;
  min-width: 980px;
}
@media screen and (min-width: 1300px) {
  .wrapper {
    min-width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .wrapper {
    min-width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .wrapper {
    min-width: 768px;
  }
}
@media screen and (max-width: 788px) {
  .wrapper {
    min-width: 100%;
  }
}
@media \0screen\,screen\9 {
  .wrapper {
    min-width: 1000px;
  }
}
@media screen and (min-width: 1300px) {
  .wrapper--pc {
    min-width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .wrapper--pc {
    min-width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .wrapper--pc {
    min-width: 980px;
  }
}
@media screen and (max-width: 788px) {
  .wrapper--pc {
    min-width: 980px;
  }
}
.hd {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 788px) {
  .hd {
    position: fixed;
  }
  .wrapper--pc .hd {
    position: relative;
  }
}
.hdnav {
  *zoom: 1;
  float: left;
}
.hdnav:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .hdnav {
    float: none;
    display: none;
  }
  .wrapper--pc .hdnav {
    display: block;
    float: left;
  }
}
.hdnav-ri {
  width: 980px;
  margin: 0 auto;
  *zoom: 1;
}
.hdnav-ri:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 1300px) {
  .hdnav-ri {
    width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .hdnav-ri {
    width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-ri {
    width: 768px;
  }
  .wrapper--pc .hdnav-ri {
    width: 980px;
  }
}
@media screen and (max-width: 788px) {
  .hdnav-ri {
    width: 100%;
    position: relative;
  }
  .wrapper--pc .hdnav-ri {
    width: 980px;
  }
}
.hdnav-m__btn {
  position: absolute;
  right: 12px;
  top: 12px;
  margin: 0 10px 0 0;
  border: 1px solid #183B47;
  border-radius: 1px;
  width: 34px;
  display: none;
}
@media screen and (max-width: 788px) {
  .hdnav-m__btn {
    display: block;
  }
  .wrapper--pc .hdnav-m__btn {
    display: none;
  }
}
.hdnav-m__btn a {
  display: block;
  height: 34px;
  line-height: 36px;
  color: #B5B5B5;
  text-align: center;
}
.hdnav-m__btn-icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  font-size: 25px;
}
.hdnav-m__btn-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e808';
}
.hdnav-c {
  position: relative;
  z-index: 1;
}
.hdnav-w {
  position: relative;
  background: url(../img/bd-nav.jpg) 0 100% repeat-x #06181e;
  z-index: 1;
}
.hdnav-logo {
  width: 162px;
  float: left;
  margin: 19px 25px 0 0;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-logo {
    width: 126px;
    margin: 25.5px 19px 0 0;
  }
  .wrapper--pc .hdnav-logo {
    width: 162px;
    float: left;
    margin: 19px 25px 0 0;
    padding: 0;
  }
}
@media screen and (max-width: 788px) {
  .hdnav-logo {
    float: none;
    margin: 0 auto;
    padding: 10px 0;
    width: 108px;
  }
  .wrapper--pc .hdnav-logo {
    width: 162px;
    float: left;
    margin: 19px 25px 0 0;
    padding: 0;
  }
}
.hdnav-logo a {
  display: block;
  height: 60px;
  background: url(../img/logo.png);
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-logo a {
    height: 47px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  .wrapper--pc .hdnav-logo a {
    height: 60px;
    -webkit-background-size: auto;
    background-size: auto;
  }
}
@media screen and (max-width: 788px) {
  .hdnav-logo a {
    height: 40px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  .wrapper--pc .hdnav-logo a {
    height: 60px;
    -webkit-background-size: auto;
    background-size: auto;
  }
}
.hdnav-items {
  float: left;
  margin: 0 10px 0 0;
  width: 90px;
  padding: 0 0 2px;
}
@media screen and (min-width: 1300px) {
  .hdnav-items {
    width: 120px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .hdnav-items {
    width: 90px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-items {
    width: 70px;
    margin: 0 9px 0 0;
  }
  .wrapper--pc .hdnav-items {
    width: 90px;
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 788px) {
  .wrapper--pc .hdnav-items {
    width: 90px;
    margin: 0 10px 0 0;
  }
}
.hdnav-items--cur .hdnav-items-i,
.hdnav-items:hover .hdnav-items-i {
  border-bottom: 3px solid #15475B;
}
.hdnav-items-i {
  border-bottom: 3px solid transparent;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  padding: 35px 0 29px;
  display: block;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-items-i {
    padding: 38px 0 33px;
  }
  .wrapper--pc .hdnav-items-i {
    padding: 35px 0 29px;
  }
}
.hdnav-items__txt {
  display: block;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-items__txt {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 23px;
  }
  .wrapper--pc .hdnav-items__txt {
    height: 30px;
    -webkit-background-size: auto;
    background-size: auto;
  }
}
.hdnav-items__news .hdnav-items__txt {
  background-image: url(../img/nav-news.png);
}
.hdnav-items__guide .hdnav-items__txt {
  background-image: url(../img/nav-guide.png);
}
.hdnav-items__esports .hdnav-items__txt {
  background-image: url(../img/nav-esports.png);
}
.hdnav-items__forum .hdnav-items__txt {
  background-image: url(../img/nav-forum.png);
}
.hdnav-items__service .hdnav-items__txt {
  background-image: url(../img/nav-service.png);
}
.hdnav-items__events .hdnav-items__txt {
  background-image: url(../img/nav-events.png);
}
.hdnav-items__qa .hdnav-items__txt {
  background-image: url(../img/nav-qa.png);
}
.hdnav-search-w {
  margin: 35px 0 0;
  float: left;
  background: url(../img/nav-search.png) 50% 50%;
}
@media screen and (max-width: 788px) {
  .hdnav-search-w {
    float: none;
    display: none;
  }
  .wrapper--pc .hdnav-search-w {
    float: left;
    display: block;
  }
}
.hdnav-search__form {
  display: block;
  position: relative;
  visibility: hidden;
  width: 90px;
}
@media screen and (min-width: 1300px) {
  .hdnav-search__form {
    width: 120px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .hdnav-search__form {
    width: 90px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-search__form {
    width: 70px;
  }
  .wrapper--pc .hdnav-search__form {
    width: 90px;
  }
}
@media screen and (max-width: 788px) {
  .wrapper--pc .hdnav-search__form {
    width: 90px;
  }
}
.hdnav-search-w:hover .hdnav-search__form {
  visibility: visible;
}
.hdnav-search__label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #d3c7a9;
  display: none;
  z-index: 1;
}
.hdnav-search__label--active {
  display: block;
}
.hdnav-search__label-qmark {
  line-height: 30px;
  margin: 0 6px 0 0;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.hdnav-search__label-qmark:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80c';
}
.hdnav-search__input {
  padding: 0 10px;
  background: #15475B;
  border-radius: 5px;
  overflow: hidden;
}
.hdnav-search__input input {
  background: none;
  color: #d3c7a9;
  width: 0;
  height: 30px;
  line-height: 30px;
  border: none;
}
.hdnav-search-w:hover .hdnav-search__input input {
  width: 100%;
}
@media screen and (max-width: 788px) {
  .hdnav-search__input input {
    width: 0;
    display: none;
  }
}
.hdnav-sub {
  height: 250px;
  width: 793px;
  padding: 0 0 0 187px;
  margin: 0 auto;
  *zoom: 1;
}
.hdnav-sub:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 1300px) {
  .hdnav-sub {
    width: 1093px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .hdnav-sub {
    width: 793px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-sub {
    width: 623px;
    padding: 0 0 0 145px;
  }
  .wrapper--pc .hdnav-sub {
    width: 793px;
    padding: 0 0 0 187px;
  }
}
@media screen and (max-width: 788px) {
  .wrapper--pc .hdnav-sub {
    width: 793px;
  }
}
.hdnav-sub-w {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 788px) {
  .hdnav-sub-w {
    display: none;
  }
  .wrapper--pc .hdnav-sub-w {
    display: block;
  }
}
.hdnav-sub-c {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 248px;
  border-top: 1px solid #154050;
  border-bottom: 1px solid #173D4C;
  top: -250px;
  background: rgba(0, 0, 0, 0.8);
}
@media \0screen\,screen\9 {
  .hdnav-sub-c {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#cc000000', GradientType=0);
  }
}
.hdnav-sub li {
  padding: 10px 0 0;
  width: 90px;
  float: left;
  margin: 0 10px 0 0;
}
@media \0screen\,screen\9 {
  .hdnav-sub li {
    background: url(data:);
  }
}
@media screen and (min-width: 1300px) {
  .hdnav-sub li {
    width: 120px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .hdnav-sub li {
    width: 90px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .hdnav-sub li {
    width: 70px;
  }
  .wrapper--pc .hdnav-sub li {
    width: 90px;
  }
}
@media screen and (max-width: 788px) {
  .wrapper--pc .hdnav-sub li {
    width: 90px;
  }
}
.hdnav-sub a {
  letter-spacing: 1px;
  display: block;
  margin: 5px 0;
  text-align: center;
  color: #a0a0a0;
  padding: 2px 0;
  -webkit-transition: color .3s;
  transition: color .3s;
}
.hdnav-sub a:hover {
  color: #309a99;
}
.main {
  padding: 0 0 1px;
  margin: 0 0 30px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 788px) {
  .main {
    padding: 60px 0 1px;
  }
  .wrapper--pc .main {
    padding: 0 0 1px;
  }
}
.main-c {
  width: 960px;
  margin: 0 auto;
}
@media screen and (min-width: 1300px) {
  .main-c {
    width: 1260px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .main-c {
    width: 960px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .main-c {
    width: 748px;
  }
  .wrapper--pc .main-c {
    width: 960px;
  }
}
@media screen and (max-width: 788px) {
  .main-c {
    width: 96%;
    margin: 0 2%;
  }
  .wrapper--pc .main-c {
    width: 960px;
    margin: 0 auto;
  }
}
.promo {
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  -webkit-transform: translateZ(0);
}
.promo-filter {
  width: 980px;
  height: 323px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1300px) {
  .promo-filter {
    width: 1215px;
    height: 400px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .promo-filter {
    width: 980px;
    height: 323px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .promo-filter {
    width: 768px;
    height: 253px;
  }
}
@media screen and (max-width: 788px) {
  .promo-filter {
    width: 100%;
    height: 0;
    padding: 0 0 32.9%;
  }
}
.promo-w {
  background: #000;
  position: relative;
}
.promo__item {
  width: 100%;
  height: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.promo__item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.promo__item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
}
img.promo__item-mask {
  z-index: 1;
}
.promo-pg {
  font-size: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 25px;
}
@media screen and (max-width: 788px) {
  .promo-pg {
    bottom: 10%;
  }
}
.promo-pg__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 5px;
}
.promo-pg__item a {
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 100% 100%;
  background: #A0A0A0;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
}
@media screen and (max-width: 788px) {
  .promo-pg__item a {
    width: 6px;
    height: 6px;
  }
}
a.promo-pg__item--cur {
  background: #E48F22;
}
.entry {
  padding: 25px 0 0;
  text-align: center;
  width: 980px;
  margin: 0 auto;
  font-size: 0;
}
@media screen and (min-width: 1300px) {
  .entry {
    width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .entry {
    width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .entry {
    width: 768px;
  }
}
.entry-w {
  padding: 0 0 15px;
  margin: 0 0 10px;
  background: url(../img/bg-graybd.jpg) 0 100% repeat-x;
}
@media screen and (max-width: 788px) {
  .entry-w {
    display: none;
  }
  .wrapper--pc .entry-w {
    display: block;
  }
}
.entry__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 10px;
  width: 143px;
}
@media screen and (min-width: 1300px) {
  .entry__item {
    width: 193px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .entry__item {
    width: 143px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .entry__item {
    width: 108px;
  }
}
.entry__item a {
  color: #767d8f;
  display: block;
  padding: 0 0 23px;
  border-bottom: 4px solid transparent;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
  *cursor: pointer;
}
.entry__item a:hover {
  border-bottom: 4px solid #777D8F;
}
.entry__item-dr a {
  color: #47b1ba;
}
.entry__item-dr a:hover {
  border-bottom: 4px solid #47b1ba;
}
.entry__item-txt {
  letter-spacing: 1px;
  font: 18px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
.entry__item-icon {
  font-size: 30px;
  line-height: 1;
  margin: 0 0 8px;
  display: block;
}
.entry__item-icon-u {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.entry__item-icon-u:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e811';
}
.entry__item-icon-f {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.entry__item-icon-f:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e805';
}
.entry__item-icon-d {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.entry__item-icon-d:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e804';
}
.entry__item-icon-g {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.entry__item-icon-g:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e803';
}
.entry__item-icon-c {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.entry__item-icon-c:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e807';
}
.entry__item-icon-s {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.entry__item-icon-s:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e806';
}
.fixed-entry {
  background: #06181E;
  text-align: center;
  font-size: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  display: none;
}
@media screen and (max-width: 788px) {
  .fixed-entry {
    display: block;
  }
  .wrapper--pc .fixed-entry {
    display: none;
  }
}
.fixed-entry__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 1%;
  width: 18%;
  -webkit-text-size-adjust: none;
}
.fixed-entry__item a {
  color: #a0a0a0;
  display: block;
}
.fixed-entry__item-txt {
  letter-spacing: 1px;
  font: 12px/1 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
.fixed-entry__item-icon {
  font-size: 18px;
  line-height: 1;
  margin: 0 0 8px;
  display: block;
}
.fixed-entry__item-icon-u {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.fixed-entry__item-icon-u:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e811';
}
.fixed-entry__item-icon-f {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.fixed-entry__item-icon-f:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e805';
}
.fixed-entry__item-icon-d {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.fixed-entry__item-icon-d:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e804';
}
.fixed-entry__item-icon-g {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.fixed-entry__item-icon-g:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e803';
}
.fixed-entry__item-icon-c {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.fixed-entry__item-icon-c:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e807';
}
.fixed-entry__item-icon-s {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.fixed-entry__item-icon-s:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e806';
}
.fixed-nav {
  height: 100%;
  width: 60%;
  background: #06181E;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2;
  overflow: auto;
  display: none;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
}
@media screen and (max-width: 788px) {
  .fixed-nav {
    display: block;
  }
  .wrapper--pc .fixed-nav {
    display: none;
  }
}
.fixed-nav__panel {
  border-bottom: 1px solid #0D3433;
  *zoom: 1;
}
.fixed-nav__panel:after {
  clear: both;
  content: "";
  display: table;
}
.fixed-nav__panel-back {
  float: left;
  width: 23%;
}
.fixed-nav__panel-back a {
  height: 59px;
  line-height: 59px;
  display: block;
  color: #fff;
  text-align: center;
}
.fixed-nav__panel-back-icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  font-size: 25px;
}
.fixed-nav__panel-back-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e809';
}
.fixed-nav-search-w {
  margin: 0 0 0 23%;
  padding: 16px 0 0;
  overflow: hidden;
  width: 70%;
}
.fixed-nav-search__form {
  height: 30px;
  display: block;
  position: relative;
  width: 100%;
}
.fixed-nav-search__label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #d3c7a9;
  display: none;
  z-index: 1;
}
.fixed-nav-search__label--active {
  display: block;
}
.fixed-nav-search__label-qmark {
  line-height: 30px;
  margin: 0 6px 0 0;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.fixed-nav-search__label-qmark:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80c';
}
.fixed-nav-search__input {
  padding: 0 10px;
  background: #317372;
  border-radius: 12px;
}
.fixed-nav-search__input input {
  display: block;
  background: none;
  color: #d3c7a9;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border: none;
}
.fixed-nav__list {
  padding: 3% 11% 0;
}
.fixed-nav__list-item-m a {
  display: block;
  color: #257372;
  font: 14px/3 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
.fixed-nav__list-item-s {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.fixed-nav__list-item-s a {
  padding: 0 0 0 40px;
  display: block;
  color: #dcdcdc;
  font: 12px/3 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
.fixed-nav__list-icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  margin: 0 10px 0 0;
}
.fixed-nav__list-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80e';
}
.news-w {
  width: 980px;
  margin: 0 auto;
  font-size: 0;
}
@media screen and (min-width: 1300px) {
  .news-w {
    width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .news-w {
    width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .news-w {
    width: 768px;
  }
}
@media screen and (max-width: 788px) {
  .news-w {
    text-align: center;
    width: 96%;
    margin: 2% 2% 1%;
  }
}
.news-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 294px;
  margin: 10px;
  background: #CFD0D4;
  padding: 6px;
  text-align: left;
}
@media screen and (min-width: 1300px) {
  .news-item {
    width: 388px;
    margin: 13px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .news-item {
    width: 294px;
    margin: 10px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .news-item {
    width: 352px;
    margin: 10px;
  }
}
@media screen and (max-width: 788px) {
  .news-item {
    width: 96%;
    padding: 2%;
    margin: 0 0 4%;
  }
}
.news-item__i {
  display: block;
  border: 1px solid #C0C1C4;
  background: #EFEFEF;
  *cursor: pointer;
}
.news-item__img {
  overflow: hidden;
  height: 148px;
}
@media screen and (min-width: 1300px) {
  .news-item__img {
    height: 195px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .news-item__img {
    height: 148px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .news-item__img {
    height: 177px;
  }
}
@media screen and (max-width: 788px) {
  .news-item__img {
    height: auto;
  }
}
.news-item__img img {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  display: block;
}
@media screen and (max-width: 788px) {
  .news-item__img img {
    min-height: 0;
  }
}
.news-item__txt {
  padding: 0 15px;
}
.news-item__txt h2 {
  font: 20px/42px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #257372;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 42px;
}
.news-item__txt p {
  color: #535353;
  font-size: 13px;
  height: 63px;
  overflow: hidden;
  margin: 0 0 10px;
}
@media screen and (max-width: 788px) {
  .news-item__txt p {
    height: auto;
  }
}
.news-item__tag {
  border-top: 1px solid #FCFCFC;
  margin: 0 1px;
  font-size: 12px;
  text-align: right;
  letter-spacing: 1px;
  padding: 2% 0 0;
  color: #535353;
}
.news-item__tag-icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  font-size: 14px;
  margin: 0 5px 0 0;
}
.news-item__tag-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e800';
}
.footer {
  margin: 0 auto;
  width: 980px;
  *zoom: 1;
}
@media screen and (min-width: 1300px) {
  .footer {
    width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .footer {
    width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .footer {
    width: 768px;
  }
  .wrapper--pc .footer {
    width: 980px;
  }
}
@media screen and (max-width: 788px) {
  .footer {
    width: 94%;
    margin: 0 3%;
  }
  .wrapper--pc .footer {
    width: 980px;
    margin: 0;
  }
}
.footer:after {
  clear: both;
  content: "";
  display: table;
}
.footer-w {
  color: #535353;
  font-size: 12px;
  padding: 0 0 20px;
}
@media screen and (max-width: 788px) {
  .footer-w {
    padding: 0 0 75px;
  }
  .wrapper--pc .footer-w {
    padding: 0 0 20px;
  }
}
.footer-logo {
  float: left;
  margin: 0 4px 0 0;
}
@media screen and (min-width: 1300px) {
  .footer-logo {
    margin: 0 20px 0 30px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .footer-logo {
    margin: 0 4px 0 0;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .footer-logo {
    font-size: 0;
    text-align: center;
    float: none;
    margin: 0 0 10px;
  }
  .wrapper--pc .footer-logo {
    float: left;
    margin: 0;
    text-align: left;
  }
}
@media screen and (max-width: 788px) {
  .footer-logo {
    font-size: 0;
    text-align: center;
    float: none;
    margin: 0 0 10px;
  }
  .wrapper--pc .footer-logo {
    float: left;
    margin: 0;
    text-align: left;
  }
}
.footer-logo li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 3px 0 0;
}
@media screen and (min-width: 1300px) {
  .footer-logo li {
    margin: 0 20px 0 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .footer-logo li {
    margin: 0 3px 0 0;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .footer-logo li {
    margin: 0 20px;
  }
  .wrapper--pc .footer-logo li {
    margin: 0 3px 0 0;
  }
}
@media screen and (max-width: 788px) {
  .footer-logo li {
    margin: 0 20px;
  }
  .wrapper--pc .footer-logo li {
    margin: 0 3px 0 0;
  }
}
.footer-logo__riot {
  display: block;
  width: 68px;
  height: 52px;
  background-image: url(../img/copyright-sprite-32.png);
}
.footer-logo__garena {
  margin: 3px 0 0;
  display: block;
  width: 139px;
  height: 42px;
  background-image: url(../img/copyright-sprite-32.png);
  background-position: 0 -53px;
}
.footer-copyrights {
  float: left;
  width: 423px;
  margin: 0 5px 0 0;
}
@media screen and (min-width: 1300px) {
  .footer-copyrights {
    width: 550px;
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .footer-copyrights {
    width: 423px;
    margin: 0 5px 0 0;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .footer-copyrights {
    margin: 0 auto 6px;
    float: none;
    width: 750px;
  }
  .wrapper--pc .footer-copyrights {
    width: 410px;
    margin: 0;
    float: left;
  }
}
@media screen and (max-width: 788px) {
  .footer-copyrights {
    margin: 0 auto 6px;
    float: none;
    width: 100%;
  }
  .wrapper--pc .footer-copyrights {
    width: 410px;
    margin: 0;
    float: left;
  }
}
.footer-localinfo {
  font-size: 12px;
}
.footer-localinfo span {
  display: block;
  color: #4280da;
}
.footer-localinfo-w {
  position: relative;
  width: 240px;
  padding: 0 35px 0 55px;
  font-size: 0;
  float: left;
}
@media screen and (min-width: 1300px) {
  .footer-localinfo-w {
    width: 290px;
    padding: 0 40px 0 60px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .footer-localinfo-w {
    width: 240px;
    padding: 0 35px 0 55px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .footer-localinfo-w {
    margin: 0 auto 6px;
    float: none;
    width: 650px;
  }
  .wrapper--pc .footer-localinfo-w {
    width: 240px;
    margin: 0;
    float: left;
  }
}
@media screen and (max-width: 788px) {
  .footer-localinfo-w {
    float: none;
    width: auto;
  }
  .wrapper--pc .footer-localinfo-w {
    width: 240px;
    margin: 0;
    float: left;
  }
}
.footer-localinfo__lv {
  position: absolute;
  width: 48px;
  height: 47px;
  background-image: url(../img/copyright-sprite-32.png);
  background-position: -69px 0;
  left: 0;
  top: 0;
}
.footer-localinfo__fb {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/copyright-sprite-32.png);
  background-position: -118px 0;
  right: 0;
  top: 0;
}
.page-bg {
  height: 250px;
  margin: 0 auto;
  background: url(../img/bg-page.jpg) 50% 0 no-repeat;
}
.page-bg-w {
  background: #000;
  margin: 0 0 25px;
}
@media screen and (max-width: 788px) {
  .page-bg-w {
    display: none;
  }
  .wrapper--pc .page-bg-w {
    display: block;
  }
}
.page-crumb {
  border-bottom: 1px solid #7F8495;
  padding: 0 0 5px;
  color: #535353;
}
@media screen and (max-width: 788px) {
  .page-crumb {
    padding: 2% 0 5px;
  }
  .wrapper--pc .page-crumb {
    padding: 0 0 5px;
  }
}
.page-crumb a,
.page-crumb span {
  margin: 0 5px;
  color: #535353;
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
@media screen and (max-width: 788px) {
  .page-crumb a,
  .page-crumb span {
    display: none;
  }
  .wrapper--pc .page-crumb a,
  .wrapper--pc .page-crumb span {
    display: inline;
  }
}
span.page-crumb__cur {
  font: 20px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #257372;
}
@media screen and (max-width: 788px) {
  span.page-crumb__cur {
    font-size: 18px;
    display: inline;
  }
  .wrapper--pc span.page-crumb__cur {
    font: 20px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  }
}
.page-crumb__icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  font-size: 14px;
}
.page-crumb__icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80e';
}
@media screen and (max-width: 788px) {
  .page-crumb__icon {
    font-size: 18px;
    color: #257372;
    margin: 0 5px 0 0;
  }
  .wrapper--pc .page-crumb__icon {
    color: #535353;
    font-size: 14px;
    margin: 0;
  }
}
.page-artbtn {
  width: 161px;
}
.page-artbtn__link {
  letter-spacing: 1px;
  text-align: center;
  display: block;
  height: 40px;
  background: url(../img/btn-blue1.png) 50% 0 no-repeat;
  font: 14px/40px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #efe7e0;
  text-shadow: 0 0 10px #0f6185;
}
.page-artbtn__link:hover,
.page-artbtn__link--cur {
  background: url(../img/btn-orange1.png) 50% 0 no-repeat;
  text-shadow: 0 0 10px #f44104;
}
.page-artbtn__link--dis {
  background: url(../img/btn-gray1.png) 50% 0 no-repeat;
  text-shadow: 0 0 10px #707070;
  cursor: default;
}
.page-artbtn__link--dis:hover {
  background: url(../img/btn-gray1.png) 50% 0 no-repeat;
  text-shadow: 0 0 10px #707070;
}
.page-pg {
  font-size: 0;
  text-align: right;
}
.page-pg li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 0 5px 5px;
  border: 1px solid #fff;
}
@media screen and (max-width: 788px) {
  .page-pg li {
    margin: 0 0 2px 2px;
  }
}
.page-pg__link {
  color: #434343;
  background: #CFD0D4;
  display: block;
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  letter-spacing: 0;
  *display: inline;
  *zoom: 1;
  padding: 0 8px;
}
@media screen and (max-width: 788px) {
  .page-pg__link {
    padding: 0 6px;
  }
}
.page-pg__linkprev {
  display: block;
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  letter-spacing: 0;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border: dashed 5px;
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #919193;
  margin: 6px 1px 0 -5px;
  *cursor: pointer;
  *vertical-align: bottom;
}
.page-pg__linknext {
  display: block;
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  letter-spacing: 0;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border: dashed 5px;
  border-left-style: solid;
  border-color: transparent;
  border-left-color: #919193;
  margin: 6px -5px 0 1px;
  *cursor: pointer;
  *vertical-align: bottom;
}
.page-pg__link:hover,
span.page-pg__link {
  background: #317372;
  color: #fff;
  *zoom: 1;
}
.page-pg__link:hover .page-pg__linkprev,
span.page-pg__link .page-pg__linkprev {
  background: #317372;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border: dashed 5px;
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #ffffff;
}
.page-pg__link:hover .page-pg__linknext,
span.page-pg__link .page-pg__linknext {
  background: #317372;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border: dashed 5px;
  border-left-style: solid;
  border-color: transparent;
  border-left-color: #ffffff;
}
@media \0screen\,screen\9 {
  .page-pg__link {
    line-height: 18px;
  }
}
.newslist-w {
  padding: 25px 0 0;
}
@media screen and (max-width: 788px) {
  .newslist-w {
    padding: 2% 0 0;
  }
}
.newslist-item {
  margin: 0 0 25px;
  background: #CFD0D4;
  padding: 6px;
}
@media screen and (max-width: 788px) {
  .newslist-item {
    width: 96%;
    padding: 2%;
    margin: 0 0 4%;
  }
}
.newslist-item__link {
  display: block;
  *zoom: 1;
  *cursor: pointer;
}
.newslist-item__link:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .newslist-item__link {
    border: 1px solid #C0C1C4;
  }
}
.newslist-item__img {
  margin: 0 6px 0 0;
  border: 1px solid #C4C5C8;
  float: left;
  width: 386px;
  height: 195px;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .newslist-item__img {
    width: 300px;
    height: 152px;
  }
}
@media screen and (max-width: 788px) {
  .newslist-item__img {
    float: none;
    width: 100%;
    height: auto;
    border: none;
  }
}
.newslist-item__img img {
  display: block;
  height: 100%;
}
@media screen and (max-width: 788px) {
  .newslist-item__img img {
    width: 100%;
    max-width: 100%;
    display: inline;
    vertical-align: middle;
    line-height: 1;
    height: auto;
  }
}
.newslist-item__txt {
  border: 1px solid #C4C5C8;
  background: #EFEFEF;
  padding: 36px 20px 42px;
  overflow: hidden;
  float: left;
  width: 512px;
}
@media screen and (min-width: 1300px) {
  .newslist-item__txt {
    width: 812px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .newslist-item__txt {
    width: 512px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .newslist-item__txt {
    width: 386px;
    padding: 15px 20px 20px;
  }
}
@media screen and (max-width: 788px) {
  .newslist-item__txt {
    width: auto;
    padding: 0 15px;
    float: none;
    border: none;
  }
}
.newslist-item__txt-title {
  font: 20px/42px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #257372;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 42px;
}
.newslist-item__txt-p {
  color: #535353;
  height: 40px;
  font-size: 13px;
  margin: 0 0 10px;
  overflow: hidden;
}
@media screen and (max-width: 788px) {
  .newslist-item__txt-p {
    height: auto;
  }
}
.newslist-item__info {
  *zoom: 1;
}
.newslist-item__info:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .newslist-item__info {
    display: none;
  }
}
.newslist-item__date {
  color: #959595;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  float: left;
}
.newslist-item__date-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  background: url(../img/icon-date.png) 0 0 no-repeat;
  width: 15px;
  height: 18px;
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.newslist-item__tag {
  float: right;
  height: 25px;
  line-height: 25px;
  text-align: right;
  letter-spacing: 1px;
  color: #535353;
}
.newslist-item__tag-icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  font-size: 14px;
  margin: 0 5px 0 0;
}
.newslist-item__tag-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e800';
}
.newslist-item__mdate {
  float: right;
  color: #707070;
  padding: 2% 0 0 20px;
  vertical-align: middle;
}
.newslist-item__mdate-w {
  *zoom: 1;
  display: none;
  border-top: 1px solid #FCFCFC;
  margin: 0 1px;
}
.newslist-item__mdate-w:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .newslist-item__mdate-w {
    display: block;
  }
}
.newslist-item__mdate-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  background: url(../img/icon-date.png) 0 0 no-repeat;
  width: 15px;
  height: 18px;
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.newslist-item__mtag {
  float: left;
  padding: 2% 0 0 0;
  letter-spacing: 1px;
  vertical-align: top;
  color: #535353;
}
.newslist-item__mtag-icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  margin: 0 5px 0 0;
}
.newslist-item__mtag-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e800';
}
.map {
  position: relative;
  background: url(../img/bg-map-o.8a.png);
  width: 862px;
  padding: 27px 14px 13px 11px;
}
.map-i {
  height: 518px;
  background: url(../img/bg-map-i.jpg);
}
.map-city {
  position: absolute;
  display: block;
  *cursor: pointer;
}
.map-city-w {
  position: absolute;
  left: 0;
  top: 0;
}
.map-city--hover {
  opacity: 0;
  height: 100%;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
@media \0screen\,screen\9 {
  .map-city--hover {
    visibility: hidden;
  }
}
.map-city--cur .map-city--hover,
.map-city:hover .map-city--hover {
  opacity: 1;
}
@media \0screen\,screen\9 {
  .map-city--cur .map-city--hover,
  .map-city:hover .map-city--hover {
    visibility: visible;
  }
}
.map-city-1 {
  background: url("../img/cityname/1.png");
}
.map-city-1 .map-city--hover {
  background: url("../img/cityname/1-ov.png");
}
.map-city-2 {
  background: url("../img/cityname/2.png");
}
.map-city-2 .map-city--hover {
  background: url("../img/cityname/2-ov.png");
}
.map-city-3 {
  background: url("../img/cityname/3.png");
}
.map-city-3 .map-city--hover {
  background: url("../img/cityname/3-ov.png");
}
.map-city-4 {
  background: url("../img/cityname/4.png");
}
.map-city-4 .map-city--hover {
  background: url("../img/cityname/4-ov.png");
}
.map-city-5 {
  background: url("../img/cityname/5.png");
}
.map-city-5 .map-city--hover {
  background: url("../img/cityname/5-ov.png");
}
.map-city-6 {
  background: url("../img/cityname/6.png");
}
.map-city-6 .map-city--hover {
  background: url("../img/cityname/6-ov.png");
}
.map-city-7 {
  background: url("../img/cityname/7.png");
}
.map-city-7 .map-city--hover {
  background: url("../img/cityname/7-ov.png");
}
.map-city-8 {
  background: url("../img/cityname/8.png");
}
.map-city-8 .map-city--hover {
  background: url("../img/cityname/8-ov.png");
}
.map-city-9 {
  background: url("../img/cityname/9.png");
}
.map-city-9 .map-city--hover {
  background: url("../img/cityname/9-ov.png");
}
.map-city-10 {
  background: url("../img/cityname/10.png");
}
.map-city-10 .map-city--hover {
  background: url("../img/cityname/10-ov.png");
}
.map-city-11 {
  background: url("../img/cityname/11.png");
}
.map-city-11 .map-city--hover {
  background: url("../img/cityname/11-ov.png");
}
.map-city-12 {
  background: url("../img/cityname/12.png");
}
.map-city-12 .map-city--hover {
  background: url("../img/cityname/12-ov.png");
}
.map-city-13 {
  background: url("../img/cityname/13.png");
}
.map-city-13 .map-city--hover {
  background: url("../img/cityname/13-ov.png");
}
.map-city-14 {
  background: url("../img/cityname/14.png");
}
.map-city-14 .map-city--hover {
  background: url("../img/cityname/14-ov.png");
}
.map-city-15 {
  background: url("../img/cityname/15.png");
}
.map-city-15 .map-city--hover {
  background: url("../img/cityname/15-ov.png");
}
.map-city-16 {
  background: url("../img/cityname/16.png");
}
.map-city-16 .map-city--hover {
  background: url("../img/cityname/16-ov.png");
}
.map-city-17 {
  background: url("../img/cityname/17.png");
}
.map-city-17 .map-city--hover {
  background: url("../img/cityname/17-ov.png");
}
.map-city-18 {
  background: url("../img/cityname/18.png");
}
.map-city-18 .map-city--hover {
  background: url("../img/cityname/18-ov.png");
}
.map-city-19 {
  background: url("../img/cityname/19.png");
}
.map-city-19 .map-city--hover {
  background: url("../img/cityname/19-ov.png");
}
.map-city-20 {
  background: url("../img/cityname/20.png");
}
.map-city-20 .map-city--hover {
  background: url("../img/cityname/20-ov.png");
}
.map-city-21 {
  background: url("../img/cityname/21.png");
}
.map-city-21 .map-city--hover {
  background: url("../img/cityname/21-ov.png");
}
.map-city-22 {
  background: url("../img/cityname/22.png");
}
.map-city-22 .map-city--hover {
  background: url("../img/cityname/22-ov.png");
}
.map-city-23 {
  background: url("../img/cityname/23.png");
}
.map-city-23 .map-city--hover {
  background: url("../img/cityname/23-ov.png");
}
.map-city-24 {
  background: url("../img/cityname/24.png");
}
.map-city-24 .map-city--hover {
  background: url("../img/cityname/24-ov.png");
}
.map-city-25 {
  background: url("../img/cityname/25.png");
}
.map-city-25 .map-city--hover {
  background: url("../img/cityname/25-ov.png");
}
.map-city-26 {
  background: url("../img/cityname/26.png");
}
.map-city-26 .map-city--hover {
  background: url("../img/cityname/26-ov.png");
}
.map-city-27 {
  background: url("../img/cityname/27.png");
}
.map-city-27 .map-city--hover {
  background: url("../img/cityname/27-ov.png");
}
.map-city-28 {
  background: url("../img/cityname/28.png");
}
.map-city-28 .map-city--hover {
  background: url("../img/cityname/28-ov.png");
}
.map-city-29 {
  background: url("../img/cityname/29.png");
}
.map-city-29 .map-city--hover {
  background: url("../img/cityname/29-ov.png");
}
.map-city-30 {
  background: url("../img/cityname/30.png");
}
.map-city-30 .map-city--hover {
  background: url("../img/cityname/30-ov.png");
}
.map-city-31 {
  background: url("../img/cityname/31.png");
}
.map-city-31 .map-city--hover {
  background: url("../img/cityname/31-ov.png");
}
.map-city-32 {
  background: url("../img/cityname/32.png");
}
.map-city-32 .map-city--hover {
  background: url("../img/cityname/32-ov.png");
}
.map-city-1 {
  width: 61px;
  height: 72px;
  left: 562px;
  top: 363px;
}
.map-city-2 {
  width: 81px;
  height: 31px;
  left: 534px;
  top: 336px;
}
.map-city-3 {
  width: 80px;
  height: 32px;
  left: 507px;
  top: 305px;
}
.map-city-4 {
  width: 96px;
  height: 33px;
  left: 436px;
  top: 284px;
}
.map-city-5 {
  width: 97px;
  height: 31px;
  left: 400px;
  top: 320px;
}
.map-city-6 {
  width: 64px;
  height: 31px;
  left: 401px;
  top: 254px;
}
.map-city-7 {
  width: 80px;
  height: 31px;
  left: 311px;
  top: 159px;
}
.map-city-8 {
  width: 79px;
  height: 31px;
  left: 411px;
  top: 173px;
}
.map-city-9 {
  width: 63px;
  height: 31px;
  left: 41px;
  top: 8px;
}
.map-city-10 {
  width: 105px;
  height: 33px;
  left: 338px;
  top: 14px;
}
.map-city-11 {
  width: 87px;
  height: 33px;
  left: 784px;
  top: 69px;
}
.map-city-12 {
  width: 87px;
  height: 33px;
  left: 481px;
  top: 63px;
}
.map-city-13 {
  width: 62px;
  height: 27px;
  left: 303px;
  top: 88px;
}
.map-city-13 {
  width: 62px;
  height: 27px;
  left: 303px;
  top: 88px;
}
.map-city-14 {
  width: 50px;
  height: 37px;
  left: 544px;
  top: 131px;
}
.map-city-15 {
  width: 101px;
  height: 32px;
  left: 79px;
  top: 169px;
}
.map-city-16 {
  width: 88px;
  height: 33px;
  left: 454px;
  top: 207px;
}
.map-city-17 {
  width: 87px;
  height: 33px;
  left: 607px;
  top: 178px;
}
.map-city-18 {
  width: 81px;
  height: 31px;
  left: 476px;
  top: 494px;
}
.map-city-19 {
  width: 63px;
  height: 32px;
  left: 651px;
  top: 440px;
}
.map-city-20 {
  width: 98px;
  height: 32px;
  left: 416px;
  top: 400px;
}
.map-city-21 {
  width: 106px;
  height: 33px;
  left: 759px;
  top: 381px;
}
.map-city-22 {
  width: 88px;
  height: 33px;
  left: 645px;
  top: 385px;
}
.map-city-23 {
  width: 97px;
  height: 32px;
  left: 255px;
  top: 393px;
}
.map-city-24 {
  width: 62px;
  height: 34px;
  left: 799px;
  top: 322px;
}
.map-city-25 {
  width: 81px;
  height: 31px;
  left: 224px;
  top: 324px;
}
.map-city-26 {
  width: 87px;
  height: 33px;
  left: 623px;
  top: 287px;
}
.map-city-27 {
  width: 80px;
  height: 32px;
  left: 313px;
  top: 279px;
}
.map-city-28 {
  width: 100px;
  height: 33px;
  left: 757px;
  top: 229px;
}
.map-city-29 {
  width: 83px;
  height: 35px;
  left: 362px;
  top: 212px;
}
.map-city-30 {
  width: 76px;
  height: 77px;
  left: 460px;
  top: 108px;
}
.map-city-31 {
  width: 81px;
  height: 30px;
  left: 316px;
  top: 120px;
}
.map-city-32 {
  width: 87px;
  height: 33px;
  left: 236px;
  top: 179px;
}
.map-pop-w {
  position: absolute;
  left: 0;
  top: 0;
}
.map-pop__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 600px;
  padding: 4px 144px 2px 143px;
  height: 554px;
  visibility: hidden;
  opacity: 0;
}
.map-pop__item-i {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px 10px 15px 20px;
  *zoom: 1;
}
.map-pop__item-ii {
  position: relative;
}
.map-pop__item-filter {
  height: 524px;
  overflow: hidden;
  position: relative;
  *zoom: 1;
}
.map-pop__item-main {
  position: relative;
  left: 0;
  top: 0;
  *zoom: 1;
  width: 519px;
}
.map-pop__item-title {
  font: 18px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  padding: 0 0 5px;
  color: #eeeeee;
  letter-spacing: 1px;
  border-bottom: 1px solid #4F4F4E;
  margin: 0 0 10px;
}
.map-pop__item .cscroll-bar {
  position: absolute;
  *zoom: 1;
  z-index: 1;
  width: 1px;
  height: 474px;
  top: 50px;
  right: 16px;
  background: #90743E;
}
.map-pop__item .cscroll-bar__track {
  cursor: pointer;
  position: absolute;
  width: 9px;
  left: -4px;
  height: 100%;
  top: 0;
}
.map-pop__item .cscroll-bar__thumb {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  _font-size: 0;
  width: 9px;
  background: #90743E;
}
.map-pop__item-txt {
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #eeeeee;
  margin: 10px 0;
}
.map-pop__item-img {
  margin: 10px 0;
}
.map-pop__item-img img {
  display: block;
  width: 519px;
  height: 290px;
}
.map-pop__item-champs {
  *zoom: 1;
}
.map-pop__item-champs:after {
  clear: both;
  content: "";
  display: table;
}
.map-pop__item-champ {
  margin: 0 10px 10px 0;
  float: left;
}
.map-pop__item-champ a {
  display: block;
  width: 63px;
}
.map-pop__item-champ img {
  display: block;
  height: 63px;
}
.map-pop__item-close {
  width: 33px;
  position: absolute;
  right: 1px;
  top: 0;
}
.map-pop__item-close a {
  line-height: 34px;
  height: 34px;
  display: block;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  color: #90743E;
  text-align: center;
  font-size: 36px;
}
.map-pop__item-close a:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80d';
}
.map-w {
  width: 887px;
  margin: 0 auto;
}
.map-tab {
  font-size: 0;
  padding: 40px 0 0;
  margin: 0 0 40px;
}
.map-tab__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 30px 0 0;
}
.mastery-w {
  width: 827px;
  margin: 0 auto;
}
.mastery-tab {
  font-size: 0;
  padding: 40px 0 0;
  margin: 0 0 40px;
}
.mastery-tab__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 30px 0 0;
}
.mastery-txt {
  color: #535353;
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
.mastery-txt p {
  margin: 0 0 10px;
  letter-spacing: 1px;
}
.art {
  width: 980px;
  margin: 0 auto 13px;
  font-size: 0;
}
@media screen and (min-width: 1300px) {
  .art {
    width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .art {
    width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .art {
    width: 768px;
  }
}
@media screen and (max-width: 788px) {
  .art {
    text-align: center;
    width: 100%;
    margin: 2% 0 1%;
  }
}
.art-w {
  padding: 25px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 788px) {
  .art-w {
    padding: 2% 0 0;
  }
}
.art-tab {
  font-size: 0;
  overflow: hidden;
}
@media screen and (max-width: 788px) {
  .art-tab {
    margin: 0 0 0 -4%;
  }
}
.art-tab__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 30px 30px 0;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .art-tab__item {
    margin: 0 26px 26px 0;
  }
}
@media screen and (max-width: 788px) {
  .art-tab__item {
    width: 48%;
    margin: 0 0 2% 2%;
  }
  .art-tab__item .page-artbtn__link {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
}
.art-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 294px;
  margin: 10px 20px 10px 0;
  background: #CFD0D4;
  padding: 6px;
  text-align: left;
}
@media screen and (min-width: 1300px) {
  .art-item {
    width: 388px;
    margin: 13px 26px 13px 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .art-item {
    width: 294px;
    margin: 10px 20px 10px 0;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .art-item {
    width: 352px;
    margin: 10px 20px 10px 0;
  }
}
@media screen and (max-width: 788px) {
  .art-item {
    width: 96%;
    padding: 2%;
    margin: 0 0 4%;
  }
}
.art-item__i {
  display: block;
  border: 1px solid #C0C1C4;
  background: #EFEFEF;
  *cursor: pointer;
}
.art-item__img {
  border-top: 1px solid #C4C5C8;
  border-right: 1px solid #C0C1C4;
  border-bottom: 1px solid #FCFCFC;
  border-left: 1px solid #B4BBC0;
  overflow: hidden;
  height: 171px;
}
@media screen and (min-width: 1300px) {
  .art-item__img {
    height: 227px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .art-item__img {
    height: 171px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .art-item__img {
    height: 205px;
  }
}
@media screen and (max-width: 788px) {
  .art-item__img {
    height: auto;
  }
}
.art-item__img img {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  display: block;
}
@media screen and (max-width: 788px) {
  .art-item__img img {
    min-height: 0;
  }
}
.art-item__tag {
  font-size: 12px;
  letter-spacing: 1px;
  padding: 2% 0 0 0;
  vertical-align: middle;
}
.art-item__tag-link {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #535353;
}
@media screen and (max-width: 788px) {
  .art-item__tag-link {
    white-space: normal;
  }
}
.art-item__tag-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  background: url(../img/icon-pencil.png) 0 0 no-repeat;
  width: 15px;
  height: 13px;
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.art-pg-w {
  margin: 0 2px 0 0;
}
@media screen and (min-width: 1300px) {
  .art-pg-w {
    margin: 0 8px 0 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .art-pg-w {
    margin: 0 2px 0 0;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .art-pg-w {
    margin: 0;
  }
}
@media screen and (max-width: 788px) {
  .art-pg-w {
    margin: 0;
  }
}
.evtslist-w {
  padding: 25px 0 0;
}
@media screen and (max-width: 788px) {
  .evtslist-w {
    padding: 2% 0 0;
  }
}
.evtslist-item {
  margin: 0 0 25px;
  background: #CFD0D4;
  padding: 6px;
  *zoom: 1;
}
.evtslist-item:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .evtslist-item {
    width: 96%;
    padding: 2%;
    margin: 0 0 4%;
  }
}
.evtslist-item__img {
  margin: 0 6px 0 0;
  border: 1px solid #C4C5C8;
  float: left;
  width: 386px;
  height: 195px;
  position: relative;
}
.evtslist-item__img-mask {
  background: #fff;
  opacity: .6;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media \0screen\,screen\9 {
  .evtslist-item__img-mask {
    filter: alpha(opacity=60);
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .evtslist-item__img {
    width: 300px;
    height: 152px;
  }
}
@media screen and (max-width: 788px) {
  .evtslist-item__img {
    float: none;
    width: 100%;
    height: auto;
    border: none;
  }
}
.evtslist-item__img img {
  display: block;
  height: 100%;
}
@media screen and (max-width: 788px) {
  .evtslist-item__img img {
    width: 100%;
    max-width: 100%;
    display: inline;
    vertical-align: middle;
    line-height: 1;
    height: auto;
  }
}
.evtslist-item__txt {
  border: 1px solid #C4C5C8;
  background: #EFEFEF;
  padding: 5px 20px 10px;
  overflow: hidden;
  float: left;
  width: 512px;
}
@media screen and (min-width: 1300px) {
  .evtslist-item__txt {
    width: 812px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .evtslist-item__txt {
    width: 512px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .evtslist-item__txt {
    width: 386px;
  }
}
@media screen and (max-width: 788px) {
  .evtslist-item__txt {
    width: auto;
    padding: 0 15px;
    float: none;
    border: none;
  }
}
.evtslist-item__txt-title {
  font: 20px/42px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #257372;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 42px;
}
.evtslist-item__txt-p {
  color: #535353;
  font-size: 13px;
  height: 80px;
  margin: 0 0 18px;
  overflow: hidden;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .evtslist-item__txt-p {
    height: 44px;
    margin: 0 0 11px;
  }
}
@media screen and (max-width: 788px) {
  .evtslist-item__txt-p {
    height: auto;
  }
}
.evtslist-item__panel {
  *zoom: 1;
}
.evtslist-item__panel:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .evtslist-item__panel {
    padding: 0 0 2%;
  }
}
.evtslist-item__link {
  *zoom: 1;
  float: left;
}
.evtslist-item__link:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .evtslist-item__link {
    float: none;
  }
}
.evtslist-item__link-item {
  float: left;
  margin: 0 8px 0 0;
  width: 130px;
}
@media screen and (min-width: 1300px) {
  .evtslist-item__link-item {
    width: 161px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .evtslist-item__link-item {
    width: 130px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .evtslist-item__link-item {
    width: 75px;
  }
}
@media screen and (max-width: 788px) {
  .evtslist-item__link-item {
    width: 48%;
    margin: 0 1%;
  }
  .evtslist-item__link-item .page-artbtn__link {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
}
.evtslist-item__date {
  color: #959595;
  padding: 0 0 0 20px;
  height: 25px;
  line-height: 25px;
  float: right;
  margin: 15px 0 0;
  vertical-align: middle;
}
@media screen and (max-width: 788px) {
  .evtslist-item__date {
    display: none;
  }
}
.evtslist-item__date-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  background: url(../img/icon-date.png) 0 0 no-repeat;
  width: 15px;
  height: 18px;
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.evtslist-item__mdate {
  float: right;
  color: #707070;
  padding: 2% 0 0 20px;
  vertical-align: middle;
}
.evtslist-item__mdate-w {
  *zoom: 1;
  display: none;
  border-top: 1px solid #FCFCFC;
  margin: 0 1px;
}
.evtslist-item__mdate-w:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .evtslist-item__mdate-w {
    display: block;
  }
}
.evtslist-item__mdate-icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  background: url(../img/icon-date.png) 0 0 no-repeat;
  width: 15px;
  height: 18px;
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.itemlist {
  font-size: 0;
}
@media screen and (max-width: 788px) {
  .itemlist {
    padding: 0 2%;
  }
}
.itemlist-w {
  padding: 25px 0 0;
}
@media screen and (max-width: 788px) {
  .itemlist-w {
    padding: 2% 0 0;
  }
}
.itemlist-panel {
  background: #EFEFEF;
  padding: 15px 30px 15px 30px;
  margin: 0 0 30px;
  border: 1px solid #DDDDDD;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .itemlist-panel {
    padding: 15px;
  }
}
@media screen and (max-width: 788px) {
  .itemlist-panel {
    padding: 2% 4% 2% 4%;
  }
}
.itemlist-mapopts {
  float: left;
  *zoom: 1;
  color: #535353;
}
.itemlist-mapopts:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .itemlist-mapopts {
    float: none;
  }
}
.itemlist-mapopts-w {
  *zoom: 1;
  margin: 0 0 30px;
}
.itemlist-mapopts-w:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .itemlist-mapopts-w {
    margin: 0;
  }
}
.itemlist-mapopts__item {
  width: 120px;
  float: left;
  margin: 0 30px 0 0;
  font: 18px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
@media screen and (max-width: 788px) {
  .itemlist-mapopts__item {
    width: 48%;
    margin: 0 2% 2% 0;
  }
  .itemlist-mapopts__item:nth-child(even) {
    text-align: right;
  }
}
.itemlist-mapopts__item-indicator {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  line-height: 23px;
  display: block;
  -webkit-user-select: none;
}
.itemlist-mapopts__item-indicator:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e810';
}
@media \0screen\,screen\9 {
  .itemlist-mapopts__item-indicator {
    display: none;
  }
}
.itemlist-mapopts__item label {
  position: relative;
  padding: 0 0 0 27px;
}
@media \0screen\,screen\9 {
  .itemlist-mapopts__item label {
    position: static;
    padding: 0;
  }
}
.itemlist-mapopts__item input {
  margin: 0 12px 0 0;
  position: absolute;
  opacity: 0;
  z-index: -1;
}
@media \0screen\,screen\9 {
  .itemlist-mapopts__item input {
    position: static;
  }
}
.itemlist-mapopts__item input:checked + .itemlist-mapopts__item-indicator:before {
  content: '\e80f';
}
.itemlist-mapsearch {
  float: left;
}
@media screen and (max-width: 788px) {
  .itemlist-mapsearch {
    float: none;
  }
}
.itemlist-mapsearch__form {
  display: block;
  position: relative;
  width: 180px;
}
@media screen and (max-width: 788px) {
  .itemlist-mapsearch__form {
    width: 100%;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .itemlist-mapsearch__form {
    width: 115px;
  }
}
.itemlist-mapsearch__label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #535353;
  display: none;
  z-index: 1;
  line-height: 27px;
  font-size: 13px;
}
.itemlist-mapsearch__label--active {
  display: block;
}
.itemlist-mapsearch__label-qmark {
  margin: 0 6px 0 0;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.itemlist-mapsearch__label-qmark:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80c';
}
.itemlist-mapsearch__input {
  padding: 0 10px;
  background: none;
  border-radius: 5px;
  border: 2px solid #535353;
}
.itemlist-mapsearch__input input {
  display: block;
  background: none;
  color: #535353;
  width: 100%;
  height: 23px;
  line-height: 23px;
  border: none;
}
.itemlist-kindopts {
  *zoom: 1;
}
.itemlist-kindopts:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .itemlist-kindopts {
    display: none;
  }
}
.itemlist-kindopts__item {
  width: 120px;
  float: left;
  margin: 0 30px 0 0;
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
@media screen and (max-width: 788px) {
  .itemlist-kindopts__item {
    float: none;
  }
}
.itemlist-kindopts__item-title {
  color: #257372;
  font: 18px/2 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  border-bottom: 1px solid #D4D4D4;
  text-align: center;
}
.itemlist-kindopts__item-opt {
  color: #535353;
  border-top: 1px solid #F7F7F7;
  padding: 10px 0 0 10px;
}
.itemlist-kindopts__item-opt label {
  display: block;
  margin: 0 0 3px;
}
.itemlist-kindopts__item-opt input {
  margin: 0 12px 0 0;
}
.itemlist-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
  width: 110px;
  margin: 0 5px 10px;
}
@media screen and (min-width: 1300px) {
  .itemlist-item {
    margin: 0 8px 16px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .itemlist-item {
    margin: 0 5px 10px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .itemlist-item {
    margin: 0 7px 14px;
  }
}
@media screen and (max-width: 788px) {
  .itemlist-item {
    width: 29%;
  }
  .itemlist-item:nth-child(3n+1) {
    margin: 0 3% 6% 0;
  }
  .itemlist-item:nth-child(3n+2) {
    margin: 0 3% 6% 4%;
  }
  .itemlist-item:nth-child(3n) {
    margin: 0 0 6% 3%;
  }
}
.itemlist-item__img {
  padding: 6px;
  background: #CFD0D4;
  width: 64px;
  margin: 0 auto 8px;
}
.itemlist-item__img img {
  display: block;
  height: 64px;
  vertical-align: middle;
  line-height: 1;
}
@media screen and (max-width: 788px) {
  .itemlist-item__img img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 788px) {
  .itemlist-item__img {
    width: auto;
    padding: 5%;
  }
}
.itemlist-item__desc {
  color: #535353;
  font: 13px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  text-align: center;
}
.itemlist-item__link--min,
.itemlist-item__link--max {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(data:);
}
@media screen and (max-width: 788px) {
  .itemlist-item__link--max {
    display: none;
  }
}
.itemlist-item__link--min {
  display: none;
}
@media screen and (max-width: 788px) {
  .itemlist-item__link--min {
    display: block;
  }
}
.itemlist-pop-wrap {
  -webkit-transform: translateZ(0);
  position: fixed;
  z-index: 10000002;
  width: 600px;
  height: 450px;
  top: 50%;
  left: 50%;
  margin: -225px 0 0 -300px;
  border-radius: 5px;
  visibility: hidden;
}
.itemlist-pop-wrap--show {
  visibility: visible;
}
@media screen and (max-width: 788px) {
  .itemlist-pop-wrap {
    visibility: hidden;
  }
}
.itemlist-pop-content {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
@media \0screen\,screen\9 {
  .itemlist-pop-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#e6000000', GradientType=0);
  }
}
.itemlist-pop-close {
  position: absolute;
  right: 0;
  top: -34px;
  width: 33px;
}
.itemlist-pop-close a {
  line-height: 34px;
  height: 34px;
  display: block;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  color: #000;
  text-align: center;
  font-size: 36px;
}
.itemlist-pop-close a:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80d';
}
.itemdetail {
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #535353;
}
.itemdetail-w {
  overflow: hidden;
  padding: 4% 2%;
}
.itemdetail-layout1 {
  *zoom: 1;
  margin: 0 0 20px;
}
.itemdetail-layout1:after {
  clear: both;
  content: "";
  display: table;
}
.itemdetail-img {
  float: left;
  width: 64px;
  margin: 0 13px 0 0;
}
.itemdetail-img img {
  display: block;
  height: 64px;
}
.itemdetail-desc__name {
  font-size: 18px;
  line-height: 1.3;
  margin: 0 0 5px;
  color: #257372;
}
.itemdetail-desc__price {
  font-size: 14px;
  line-height: 1.2;
}
.itemdetail-peffect {
  margin: 0 0 20px;
}
.itemdetail-formula__title {
  margin: 0 0 10px;
}
.itemdetail-formula__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 0 30px 0;
}
.itemdetail-formula__item-w {
  font-size: 0;
}
.itemdetail-formula__item a {
  display: block;
  width: 42px;
}
.itemdetail-formula__item a img {
  display: block;
  height: 42px;
}
.itemdetail-formula__item-plus {
  height: 42px;
  line-height: 42px;
  width: 30px;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.itemdetail-upgrade__title {
  margin: 0 0 10px;
}
.itemdetail-upgrade__item {
  float: left;
  margin: 0 30px 30px 0;
}
.itemdetail-upgrade__item-w {
  *zoom: 1;
}
.itemdetail-upgrade__item-w:after {
  clear: both;
  content: "";
  display: table;
}
.itemdetail-upgrade__item a {
  display: block;
  width: 42px;
}
.itemdetail-upgrade__item a img {
  display: block;
  height: 42px;
}
.champlist {
  font-size: 0;
}
@media screen and (max-width: 788px) {
  .champlist {
    padding: 0 2%;
  }
}
.champlist-w {
  padding: 25px 0 0;
}
@media screen and (max-width: 788px) {
  .champlist-w {
    padding: 2% 0 0;
  }
}
.champlist-panel {
  background: #EFEFEF;
  margin: 0 15px 0 0;
  *zoom: 1;
  float: left;
  width: 762px;
  padding: 6px 10px 5px;
  border: 1px solid #DDDDDD;
  height: 27px;
}
.champlist-panel:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 1300px) {
  .champlist-panel {
    width: 1022px;
    padding: 6px 30px 5px 30px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champlist-panel {
    width: 762px;
    padding: 6px 10px 5px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champlist-panel {
    width: 595px;
    padding: 6px 10px 5px;
  }
}
@media screen and (max-width: 788px) {
  .champlist-panel {
    padding: 2% 4% 2% 4%;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
  }
}
.champlist-panel-w {
  *zoom: 1;
  margin: 0 0 30px;
}
.champlist-panel-w:after {
  clear: both;
  content: "";
  display: table;
}
.champlist-kindopts {
  float: left;
  *zoom: 1;
  color: #535353;
}
.champlist-kindopts:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .champlist-kindopts {
    float: none;
  }
}
.champlist-kindopts__item {
  width: 90px;
  float: left;
  margin: 0 7px 0 0;
  font: 18px/27px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
@media screen and (min-width: 1300px) {
  .champlist-kindopts__item {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champlist-kindopts__item {
    margin: 0 7px 0 0;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champlist-kindopts__item {
    width: 80px;
    margin: 0;
  }
}
@media screen and (max-width: 788px) {
  .champlist-kindopts__item {
    width: 48%;
    margin: 0 2% 2% 0;
  }
  .champlist-kindopts__item:nth-child(even) {
    text-align: right;
  }
}
.champlist-kindopts__item-indicator {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  line-height: 23px;
  display: block;
  -webkit-user-select: none;
}
.champlist-kindopts__item-indicator:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80b';
}
@media \0screen\,screen\9 {
  .champlist-kindopts__item-indicator {
    display: none;
  }
}
.champlist-kindopts__item label {
  position: relative;
  padding: 0 0 0 27px;
}
@media \0screen\,screen\9 {
  .champlist-kindopts__item label {
    position: static;
    padding: 0;
  }
}
.champlist-kindopts__item input {
  margin: 0 12px 0 0;
  position: absolute;
  opacity: 0;
  z-index: -1;
}
@media \0screen\,screen\9 {
  .champlist-kindopts__item input {
    position: static;
  }
}
.champlist-kindopts__item input:checked + .champlist-kindopts__item-indicator:before {
  content: '\e80a';
}
.champlist-champsearch {
  float: left;
}
@media screen and (max-width: 788px) {
  .champlist-champsearch {
    float: none;
  }
}
.champlist-champsearch__form {
  display: block;
  position: relative;
  width: 180px;
}
@media screen and (min-width: 1300px) {
  .champlist-champsearch__form {
    width: 180px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champlist-champsearch__form {
    width: 180px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champlist-champsearch__form {
    width: 115px;
  }
}
@media screen and (max-width: 788px) {
  .champlist-champsearch__form {
    width: 100%;
  }
}
.champlist-champsearch__label {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  color: #535353;
  display: none;
  z-index: 1;
  line-height: 27px;
  font-size: 13px;
}
.champlist-champsearch__label--active {
  display: block;
}
.champlist-champsearch__label-qmark {
  margin: 0 6px 0 0;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
}
.champlist-champsearch__label-qmark:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80c';
}
.champlist-champsearch__input {
  padding: 0 10px;
  background: none;
  border-radius: 5px;
  border: 2px solid #535353;
}
.champlist-champsearch__input input {
  display: block;
  background: none;
  color: #535353;
  width: 100%;
  height: 23px;
  line-height: 23px;
  border: none;
}
.champlist-maplink {
  float: left;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champlist-maplink {
    width: 116px;
  }
}
@media screen and (max-width: 788px) {
  .champlist-maplink {
    float: none;
    display: none;
  }
}
.champlist-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
  margin: 0 11px 22px;
  background: #CFD0D4;
  width: 138px;
}
@media screen and (min-width: 1300px) {
  .champlist-item {
    margin: 0 21px 42px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champlist-item {
    margin: 0 11px 22px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champlist-item {
    margin: 0 5px 10px;
  }
}
@media screen and (max-width: 788px) {
  .champlist-item {
    width: 29%;
  }
  .champlist-item:nth-child(3n+1) {
    margin: 0 3% 6% 0;
  }
  .champlist-item:nth-child(3n+2) {
    margin: 0 3% 6% 4%;
  }
  .champlist-item:nth-child(3n) {
    margin: 0 0 6% 3%;
  }
}
.champlist-item__img {
  margin: 0 auto 9px;
  position: relative;
}
.champlist-item__img img {
  width: 100%;
  display: block;
  height: auto;
  vertical-align: middle;
  line-height: 1;
}
.champlist-item__img-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  background: rgba(49, 115, 114, 0.7);
  display: none;
  line-height: 1;
}
@media \0screen\,screen\9 {
  .champlist-item__img-mask {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3317372', endColorstr='#b3317372', GradientType=0);
  }
}
.champlist-item__link:hover .champlist-item__img-mask {
  display: block;
}
.champlist-item__img-mask-icon {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  color: #fff;
  font-size: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.champlist-item__img-mask-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e80c';
}
.champlist-item__img-mask-iconm {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  height: 100%;
}
.champlist-item__desc {
  white-space: nowrap;
  overflow: hidden;
  font: 18px/1.3 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  text-align: center;
}
@media screen and (max-width: 788px) {
  .champlist-item__desc {
    font-size: 13px;
  }
}
.champlist-item__link {
  color: #535353;
  display: block;
  padding: 9px;
  *cursor: pointer;
}
@media screen and (max-width: 788px) {
  .champlist-item__link {
    padding: 5%;
  }
}
.champlist-item__link:hover {
  color: #257372;
}
.champslider {
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.champslider-yt {
  width: 100%;
  height: 100%;
}
.champslider-yt-w {
  width: 403px;
  height: 236px;
  position: absolute;
  left: 30px;
  top: 52px;
  z-index: 1;
}
@media screen and (min-width: 1300px) {
  .champslider-yt-w {
    left: 60px;
    top: 110px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champslider-yt-w {
    left: 30px;
    top: 52px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champslider-yt-w {
    width: 300px;
    height: 176px;
    left: 30px;
    top: 60px;
  }
}
@media screen and (max-width: 788px) {
  .champslider-yt-w {
    display: none;
  }
}
.champslider-filter {
  width: 980px;
  height: 411px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1300px) {
  .champslider-filter {
    width: 1215px;
    height: 509px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champslider-filter {
    width: 980px;
    height: 411px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champslider-filter {
    width: 768px;
    height: 322px;
  }
}
@media screen and (max-width: 788px) {
  .champslider-filter {
    width: 100%;
    height: 0;
    padding: 0 0 41.9%;
  }
}
.champslider-w {
  background: #000;
  position: relative;
  margin: 0 0 30px;
}
@media screen and (max-width: 788px) {
  .champslider-w {
    margin: 0;
  }
}
.champslider__item {
  width: 100%;
  height: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
}
.champslider__item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.champslider__item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
}
img.champslider__item-mask {
  z-index: 1;
}
.champslider__item-link {
  display: block;
  width: 144px;
  height: 42px;
  background: url(../img/btn-bannermore.png);
  position: absolute;
  top: 75%;
  left: 22%;
}
@media screen and (max-width: 788px) {
  .champslider__item-link {
    display: none;
  }
}
.champslider-pg {
  font-size: 0;
}
.champslider-pg-w {
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 25px;
}
@media screen and (max-width: 788px) {
  .champslider-pg-w {
    bottom: 10%;
  }
}
.champslider-pg__title {
  font: 14px/1.3 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #fff;
  position: relative;
  top: 40px;
  text-shadow: 0 0 5px #333, 0 0 10px #666, 0 0 15px #999, 0 0 30px #000;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champslider-pg__title {
    display: none;
  }
}
@media screen and (max-width: 788px) {
  .champslider-pg__title {
    display: none;
  }
}
.champslider-pg__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: 10px 5px 0;
}
.champslider-pg__item-i {
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 100% 100%;
  background: #A0A0A0;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
}
@media screen and (max-width: 788px) {
  .champslider-pg__item-i {
    width: 6px;
    height: 6px;
  }
}
.champslider-pg__item--cur {
  background: #317372;
}
.champslider-pg__ctrl {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champslider-pg__ctrl {
    display: none;
  }
}
@media screen and (max-width: 788px) {
  .champslider-pg__ctrl {
    display: none;
  }
}
.champslider-pg__ctrl-prev {
  width: 101px;
  height: 96px;
  display: block;
  background: url("../img/btn-skinprev.png");
}
.champslider-pg__ctrl-next {
  width: 101px;
  height: 96px;
  display: block;
  background: url("../img/btn-skinnext.png");
}
.champintro-w {
  padding: 25px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 788px) {
  .champintro-w {
    padding: 2% 0 0;
  }
}
@media screen and (max-width: 788px) {
  .champintro-crumb {
    display: none;
  }
}
.champintro-binfo {
  *zoom: 1;
  margin: 0 0 20px;
}
.champintro-binfo:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .champintro-binfo {
    margin: 0 0 2%;
  }
}
.champintro-overview {
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
  height: 348px;
  padding: 10px 0 0 10px;
}
@media screen and (min-width: 1300px) {
  .champintro-overview {
    padding: 10px 0 0 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-overview {
    padding: 10px 0 0 10px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-overview {
    padding: 10px 0 0 40px;
  }
}
@media screen and (max-width: 788px) {
  .champintro-overview {
    padding: 3% 0 0 3%;
    height: auto;
  }
}
.champintro-overview-w {
  background: #CFD0D4;
  float: left;
  width: 288px;
  padding: 6px;
  margin: 0 20px 0 0;
}
@media screen and (min-width: 1300px) {
  .champintro-overview-w {
    width: 388px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-overview-w {
    width: 288px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-overview-w {
    width: auto;
    margin: 0;
    float: none;
  }
}
@media screen and (max-width: 788px) {
  .champintro-overview-w {
    width: auto;
    float: none;
    margin: 0;
  }
}
.champintro-overview__item {
  *zoom: 1;
  margin: 0 0 9px;
}
.champintro-overview__item:after {
  clear: both;
  content: "";
  display: table;
}
.champintro-overview__item-icon {
  float: left;
  margin: 0 10px 0 0;
  width: 68px;
  height: 78px;
}
.champintro-overview__item-icon-hp {
  background: url(../img/icon-b-hp.png);
}
.champintro-overview__item-icon-pa {
  background: url(../img/icon-b-pa.png);
}
.champintro-overview__item-icon-ma {
  background: url(../img/icon-b-ma.png);
}
.champintro-overview__item-icon-df {
  background: url(../img/icon-b-df.png);
}
@media screen and (min-width: 1300px) {
  .champintro-overview__item-icon {
    margin: 0 25px 0 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-overview__item-icon {
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 788px) {
  .champintro-overview__item-icon {
    margin: 0 2% 0 0;
  }
}
.champintro-overview__item-data {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.champintro-overview__item-data-w {
  float: left;
  height: 72px;
}
.champintro-overview__item-data-m {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  height: 100%;
}
.champintro-overview__item-data-title {
  color: #7d5733;
  font: 18px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  margin: 0 0 5px;
}
.champintro-overview__item-data-bar {
  width: 190px;
  height: 16px;
  background: url(../img/bg-bar.png);
}
.champintro-overview__item-data-bar--filled {
  height: 100%;
  background: url(../img/bg-bar.png) 0 17px;
}
.champintro-stats-w {
  background: #CFD0D4;
  float: right;
  width: 628px;
  padding: 6px;
}
@media screen and (min-width: 1300px) {
  .champintro-stats-w {
    width: 828px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-stats-w {
    width: 628px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-stats-w {
    width: auto;
    float: none;
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 788px) {
  .champintro-stats-w {
    width: auto;
    float: none;
    margin: 0 0 2%;
  }
}
.champintro-stats__info {
  padding: 20px 40px 20px 40px;
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
  *zoom: 1;
  margin: 0 0 1px;
}
.champintro-stats__info:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .champintro-stats__info {
    padding: 4%;
    margin: 0 0 5px;
  }
}
.champintro-stats__info-img {
  float: left;
  width: 72px;
  margin: 0 25px 0 0;
}
@media screen and (max-width: 788px) {
  .champintro-stats__info-img {
    margin: 0 4% 0 0;
  }
}
.champintro-stats__info-img img {
  display: block;
  height: 72px;
}
.champintro-stats__info-l {
  float: left;
  overflow: hidden;
}
@media screen and (max-width: 788px) {
  .champintro-stats__info-l {
    float: none;
    margin: 0 0 4%;
  }
}
.champintro-stats__info-name {
  white-space: nowrap;
  overflow: hidden;
  width: 288px;
  height: 40px;
  color: #257372;
  font: 24px/40px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
@media screen and (min-width: 1300px) {
  .champintro-stats__info-name {
    width: 488px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-stats__info-name {
    width: 288px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-stats__info-name {
    width: 396px;
  }
}
@media screen and (max-width: 788px) {
  .champintro-stats__info-name {
    width: auto;
    font-size: 15px;
  }
}
.champintro-stats__info-name-en {
  font-family: 'Beaufort';
  display: none;
}
@media screen and (min-width: 1300px) {
  .champintro-stats__info-name-en {
    display: inline;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-stats__info-name-en {
    display: none;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-stats__info-name-en {
    display: inline;
  }
}
@media screen and (max-width: 788px) {
  .champintro-stats__info-name-en {
    display: none;
  }
}
.champintro-stats__info-name-w {
  *zoom: 1;
  float: left;
}
.champintro-stats__info-name-w:after {
  clear: both;
  content: "";
  display: table;
}
.champintro-stats__info-guide {
  float: left;
}
@media screen and (max-width: 788px) {
  .champintro-stats__info-guide {
    float: none;
  }
}
.champintro-stats__info-city {
  font-family: 'Beaufort';
  font-size: 24px;
  color: #535353;
  height: 32px;
  line-height: 32px;
}
@media screen and (max-width: 788px) {
  .champintro-stats__info-city {
    font-size: 15px;
  }
}
.champintro-stats__data {
  padding: 30px 40px;
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #535353;
  *zoom: 1;
}
.champintro-stats__data:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .champintro-stats__data {
    padding: 4% 0 4% 8%;
  }
}
.champintro-stats__data-col {
  width: 50%;
  float: left;
  height: 183px;
}
@media screen and (max-width: 788px) {
  .champintro-stats__data-col {
    float: none;
    width: auto;
    height: auto;
  }
}
.champintro-stats__data-item {
  margin: 0 0 20px;
  *zoom: 1;
}
.champintro-stats__data-item:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .champintro-stats__data-item {
    margin: 0 0 4%;
  }
  .champintro-stats__data-col:nth-child(2) .champintro-stats__data-item:last-child {
    margin: 0;
  }
}
.champintro-stats__data-icon {
  float: left;
  width: 19px;
  height: 19px;
  background-image: url(../img/stat-icons-sprite-32.png);
}
.champintro-stats__data-icon-as {
  background-position: 0 -1px;
}
.champintro-stats__data-icon-hp {
  background-position: 0 -21px;
}
.champintro-stats__data-icon-hps {
  background-position: 0 -41px;
}
.champintro-stats__data-icon-ma {
  background-position: 0 -61px;
}
.champintro-stats__data-icon-md {
  background-position: 0 -81px;
}
.champintro-stats__data-icon-pa {
  background-position: 0 -101px;
}
.champintro-stats__data-icon-pd {
  background-position: 0 -121px;
}
.champintro-stats__data-icon-mp {
  background-position: 0 -141px;
}
.champintro-stats__data-icon-mps {
  background-position: 0 -161px;
}
.champintro-stats__data-icon-sp {
  background-position: 0 -181px;
}
.champintro-stats__data-icon-ad {
  background-position: 0 -201px;
}
.champintro-stats__data-txt {
  overflow: hidden;
  margin: 0 0 0 35px;
  height: 19px;
  line-height: 19px;
}
@media screen and (max-width: 788px) {
  .champintro-stats__data-txt {
    height: auto;
  }
}
.champintro-ab {
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
}
.champintro-ab-w {
  background: #CFD0D4;
  padding: 6px;
  margin: 0 0 20px;
}
@media screen and (max-width: 788px) {
  .champintro-ab-w {
    margin: 0 0 2%;
  }
}
.champintro-ab__title {
  background: url(../img/bg-introbar.jpg);
  height: 61px;
  color: #fff;
  font: 24px/61px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  padding: 0 50px;
}
@media screen and (max-width: 788px) {
  .champintro-ab__title {
    display: none;
  }
}
.champintro-ab__main {
  padding: 0 50px;
}
@media screen and (max-width: 788px) {
  .champintro-ab__main {
    padding: 1%;
  }
}
.champintro-ab__item {
  *zoom: 1;
  float: left;
  overflow: hidden;
  margin: 0 20px 0 0;
}
.champintro-ab__item:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 1300px) {
  .champintro-ab__item {
    margin: 0 129px 0 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-ab__item {
    margin: 0 20px 0 0;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-ab__item {
    float: none;
    margin: 0;
  }
}
@media screen and (max-width: 788px) {
  .champintro-ab__item {
    float: none;
    margin: 0;
  }
}
.champintro-ab__item-w {
  padding: 27px 0 25px;
  background: url(../img/bd-cintro.jpg) 0 0 repeat-x;
  *zoom: 1;
}
.champintro-ab__item-w:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-w {
    padding: 4% 0 0;
    margin: 0 0 3%;
  }
}
.champintro-ab__item-w:first-child {
  background: none;
  padding: 25px 0;
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-w:first-child {
    padding: 0;
  }
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-w:last-child {
    margin: 0;
  }
}
.champintro-ab__item-img {
  float: left;
  margin: 0 10px 0 0;
  padding: 5px;
  background: #CFD0D4;
  width: 64px;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-ab__item-img {
    float: none;
    margin: 0  0 10px 0;
  }
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-img {
    float: none;
    margin: 0 0 3% 2%;
  }
}
.champintro-ab__item-img img {
  height: 64px;
  display: block;
}
.champintro-ab__item-txt {
  float: left;
  width: 326px;
  font: 14px/1.8 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #535353;
}
@media screen and (min-width: 1300px) {
  .champintro-ab__item-txt {
    width: 547px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .champintro-ab__item-txt {
    width: 326px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-ab__item-txt {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-txt {
    width: auto;
    padding: 0 2%;
  }
}
.champintro-ab__item-desc {
  font-size: 18px;
  color: #257372;
}
.champintro-ab__item-intro p {
  margin: 0 0 20px;
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-intro p {
    margin: 0 0 3% 0;
  }
}
.champintro-ab__item-intro-data {
  list-style: outside disc;
  margin: 20px 0;
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-intro-data {
    margin: 3% 0;
  }
}
.champintro-ab__item-intro-data li {
  margin: 0 0 0 20px;
}
.champintro-ab__item-yt {
  position: relative;
  height: 100%;
}
.champintro-ab__item-yt video,
.champintro-ab__item-yt object,
.champintro-ab__item-yt iframe,
.champintro-ab__item-yt .video-js {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-ab__item-yt {
    height: 0;
    padding: 0 0 56.25%;
  }
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-yt {
    height: 0;
    padding: 0 0 56.25%;
  }
}
.champintro-ab__item-yt-c {
  float: right;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-ab__item-yt-c {
    margin: 0 0 25px;
    float: none;
    background: url(../img/bd-cintro.jpg) 0 100% repeat-x;
    padding: 0 0 27px;
  }
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-yt-c {
    width: 100%;
    margin: 0 0 3%;
    float: none;
    background: url(../img/bd-cintro.jpg) 0 100% repeat-x;
    padding: 0 0 4%;
  }
}
.champintro-ab__item-yt-w {
  padding: 5px;
  background: #D1D2D6;
  height: 211px;
  width: 376px;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .champintro-ab__item-yt-w {
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 788px) {
  .champintro-ab__item-yt-w {
    width: auto;
    height: auto;
    padding: 0;
  }
}
.champintro-story {
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
}
.champintro-story-w {
  background: #CFD0D4;
  padding: 6px;
}
.champintro-story__title {
  background: url(../img/bg-introbar.jpg);
  height: 61px;
  color: #fff;
  font: 24px/61px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  padding: 0 50px;
}
@media screen and (max-width: 788px) {
  .champintro-story__title {
    padding: 0 3%;
    height: 50px;
    line-height: 50px;
    font-size: 19px;
  }
}
.champintro-story__main {
  padding: 25px 50px;
}
@media screen and (max-width: 788px) {
  .champintro-story__main {
    padding: 3%;
  }
}
.champintro-story__main-txt {
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #535353;
  background: url(../img/bd-cintro.jpg) 0 100% repeat-x;
  padding: 0 0 20px;
  margin: 0 0 10px;
}
@media screen and (max-width: 788px) {
  .champintro-story__main-txt {
    padding: 0 0 3%;
    margin: 0 0 3%;
  }
}
.champintro-story__main-txt p {
  margin: 0 0 20px;
}
@media screen and (max-width: 788px) {
  .champintro-story__main-txt p {
    margin: 0 0 3%;
  }
}
.champintro-story__friends-w {
  *zoom: 1;
}
.champintro-story__friends-w:after {
  clear: both;
  content: "";
  display: table;
}
.champintro-story__friends-title {
  font: 18px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #257372;
  margin: 0 0 10px;
}
.champintro-story__friends-main {
  *zoom: 1;
}
.champintro-story__friends-main:after {
  clear: both;
  content: "";
  display: table;
}
.champintro-story__friends-item {
  float: left;
  margin: 0 15px 15px 0;
  background: #CFD0D4;
  width: 82px;
}
@media screen and (max-width: 788px) {
  .champintro-story__friends-item {
    margin: 0 3% 3% 0;
  }
}
.champintro-story__friends-item__img {
  margin: 0 auto 9px;
  position: relative;
}
.champintro-story__friends-item__img img {
  width: 100%;
  display: block;
  height: auto;
  vertical-align: middle;
  line-height: 1;
}
.champintro-story__friends-item__desc {
  white-space: nowrap;
  overflow: hidden;
  font: 13px/1.3 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  text-align: center;
}
.champintro-story__friends-item__link {
  color: #535353;
  display: block;
  padding: 6px;
  *cursor: pointer;
}
.champintro-story__friends-item__link:hover {
  color: #257372;
}
.inner-w {
  padding: 25px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 788px) {
  .inner-w {
    padding: 2% 0 0;
  }
}
.inner-w * {
  max-width: 100%;
}
.inner-w img {
  border: 5px #cfd0d4 solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.inner-video {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
}
.inner-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
}
.inner-video-w {
  width: 70%;
  margin: 0 auto;
  border: 5px #cfd0d4 solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 788px) {
  .inner-video-w {
    width: 100%;
  }
}
.download-link {
  *zoom: 1;
  margin: 0 0 25px -21px;
  padding: 25px 0 0;
}
.download-link:after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 1300px) {
  .download-link {
    margin: 0 0 25px -33px;
  }
}
.download-link__item {
  float: left;
  border: 6px solid #CFD0D4;
  margin: 0 0 0 21px;
}
@media screen and (min-width: 1300px) {
  .download-link__item {
    margin: 0 0 0 33px;
  }
}
.download-link__item-l {
  display: block;
  width: 294px;
  height: 284px;
}
@media screen and (min-width: 1300px) {
  .download-link__item-l {
    width: 386px;
    height: 373px;
  }
}
.download-link__item-l img {
  vertical-align: middle;
  line-height: 1;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.download-curver {
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
}
.download-curver-w {
  background: #CFD0D4;
  padding: 6px;
  margin: 0 0 25px;
}
.download-curver__title {
  background: url(../img/bg-introbar.jpg);
  height: 42px;
  color: #fff;
  font: 18px/42px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  padding: 0 40px;
}
@media screen and (min-width: 1300px) {
  .download-curver__title {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .download-curver__title {
    padding: 0 40px;
  }
}
.download-curver__main {
  padding: 28px 40px 8px;
}
@media screen and (min-width: 1300px) {
  .download-curver__main {
    padding: 37px 55px 17px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .download-curver__main {
    padding: 28px 40px 8px;
  }
}
.download-curver__main-txt {
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #535353;
  background: url(../img/bd-cintro.jpg) 0 100% repeat-x;
  padding: 0 0 15px;
  margin: 0 0 15px;
}
.download-curver__main-info {
  font: 18px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #257372;
  margin: 0 0 15px;
}
.download-curver__main-link {
  font-size: 0;
}
.download-curver__main-link__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 20px 20px 0;
}
.download-table {
  border: 1px solid #B8B8BA;
  border-top: 1px solid #0C0C0C;
  table-layout: fixed;
}
.download-table th {
  text-align: center;
  font: 18px/42px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #fff;
  border-right: 1px solid #2C2C2C;
  background: url(../img/bg-introbar.jpg);
}
.download-table td {
  text-align: center;
  font: 18px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #535353;
  border-left: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
  background-image: url(../img/tdthbd.8a.png);
  background-color: #EFEFEF;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 9px 5px;
  word-break: break-all;
}
.download-table tr th:first-child {
  border-left: 1px solid #2C2C2C;
}
.download-table tr td:first-child {
  background-position: -1px 0;
  color: #257372;
  border-left: 1px solid #B8B8BA;
}
.download-table tbody tr:first-child td {
  background-position: 0 -1px;
  border-top: none;
}
.download-table tbody tr:first-child td:first-child {
  background-position: -1px -1px;
}
.download-table__th {
  border-left: 1px solid #0C0C0C;
}
.download-table__thlast {
  border-left: 0;
}
.download-table .page-artbtn {
  margin: 0 auto;
}
.download-legacy {
  background: #CFD0D4;
  padding: 6px;
}
.download-legacy-w {
  margin: 0 0 25px;
}
.download-legacy__title {
  color: #257372;
  font: 24px/1.3 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  margin: 0 0 20px;
  padding: 0 0 0 6px;
}
.download-legacy__table {
  width: 100%;
}
.download-legacy__table th,
.download-legacy__table td {
  width: 25%;
}
.download-req {
  background: #CFD0D4;
  padding: 6px;
}
.download-req-w {
  margin: 0 0 25px;
}
.download-req__title {
  color: #257372;
  font: 24px/1.3 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  margin: 0 0 20px;
  padding: 0 0 0 6px;
}
.download-req__table {
  width: 100%;
}
.download-req__table th,
.download-req__table td {
  width: 38%;
}
.download-req__table tr th:first-child,
.download-req__table tr td:first-child {
  width: 24%;
}
.download-driver {
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
}
.download-driver-w {
  background: #CFD0D4;
  padding: 6px;
}
.download-driver__title {
  background: url(../img/bg-introbar.jpg);
  height: 42px;
  color: #fff;
  font: 18px/42px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  padding: 0 40px;
}
@media screen and (min-width: 1300px) {
  .download-driver__title {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .download-driver__title {
    padding: 0 40px;
  }
}
.download-driver__main {
  padding: 28px 40px 8px;
}
@media screen and (min-width: 1300px) {
  .download-driver__main {
    padding: 37px 55px 17px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .download-driver__main {
    padding: 28px 40px 8px;
  }
}
.download-driver__main-txt {
  font: 14px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  color: #535353;
  margin: 0 0 15px;
}
.download-driver__main-link {
  font-size: 0;
}
.download-driver__main-link__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 20px 20px 0;
}
.partners-w {
  padding: 30px 0 0;
}
@media screen and (max-width: 788px) {
  .partners-w {
    padding: 2% 0 0;
  }
}
.partners-i {
  border: 1px solid #B8B8BA;
  background: #EFEFEF;
}
.partners-i-w {
  background: #CFD0D4;
  padding: 6px;
  margin: 30px 0 0;
}
@media screen and (max-width: 788px) {
  .partners-i-w {
    margin: 2% 0 0;
  }
}
.partners-i-w:first-child {
  margin: 0;
}
.partners-i__title {
  background: url(../img/bg-introbar.jpg);
  height: 61px;
  color: #fff;
  font: 24px/61px Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
  padding: 0 27px;
}
@media screen and (min-width: 1300px) {
  .partners-i__title {
    padding: 0 37px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .partners-i__title {
    padding: 0 27px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .partners-i__title {
    padding: 0 22px;
  }
}
@media screen and (max-width: 788px) {
  .partners-i__title {
    padding: 0 0 0 7%;
    height: 50px;
    line-height: 50px;
    font-size: 19px;
  }
}
.partners-i__main {
  font-size: 0;
  padding: 27px 17px 7px;
}
@media screen and (min-width: 1300px) {
  .partners-i__main {
    padding: 34px 17px 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .partners-i__main {
    padding: 27px 17px 7px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .partners-i__main {
    padding: 24px 10px 0;
  }
}
@media screen and (max-width: 788px) {
  .partners-i__main {
    padding: 7% 0 0;
  }
}
.partners-i__main-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 162px;
  margin: 0 10px 20px;
}
@media screen and (min-width: 1300px) {
  .partners-i__main-item {
    width: 162px;
    margin: 0 20px 34px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .partners-i__main-item {
    width: 162px;
    margin: 0 10px 20px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .partners-i__main-item {
    width: 214px;
    margin: 0 12px 24px;
  }
}
@media screen and (max-width: 788px) {
  .partners-i__main-item {
    width: 40%;
  }
  .partners-i__main-item:nth-child(odd) {
    margin: 0 6% 6% 7%;
  }
  .partners-i__main-item:nth-child(even) {
    margin: 0 7% 6% 0%;
  }
}
.partners-i__main-item-img {
  padding: 5px;
  background: #CFD0D4;
  margin: 0 0 16px;
}
.partners-i__main-item-img img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a0a0a0));
  background: -webkit-linear-gradient(top, #ffffff 0%, #a0a0a0 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #a0a0a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a0a0a0', GradientType=0);
}
.partners-i__main-item .page-artbtn {
  width: 100%;
}
.partners-i__main-item .page-artbtn__link {
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.svrstatus {
  padding: 5px 35px;
  letter-spacing: 1px;
  background: #cfd0d4;
  border: 1px solid #c0c1c4;
  margin: 0 12px 0 10px;
}
@media screen and (min-width: 1300px) {
  .svrstatus {
    margin: 0 15px 0 13px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .svrstatus {
    margin: 0 12px 0 10px;
  }
}
.svrstatus-w {
  width: 980px;
  margin: 0 auto 5px;
  color: #535353;
}
@media screen and (min-width: 1300px) {
  .svrstatus-w {
    width: 1280px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .svrstatus-w {
    width: 980px;
  }
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .svrstatus-w {
    display: none;
  }
}
@media screen and (max-width: 788px) {
  .svrstatus-w {
    display: none;
  }
}
.svrstatus-icon {
  color: #000;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  *zoom: expression(this.runtimeStyle["zoom"]="1",this.innerHTML=" ");
  font-size: 17px;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.svrstatus-icon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e813';
}
.skin_name {
  text-shadow: 0 0 5px #333, 0 0 10px #666, 0 0 15px #999, 0 0 30px #000;
}
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .skin_name {
    display: none;
  }
}
@media screen and (max-width: 788px) {
  .skin_name {
    display: none;
  }
}
.oldernews {
  color: #434343;
}
.oldernews a {
  color: #eb6100;
}
.oldernews p,
.oldernews ol,
.oldernews li,
.oldernews table {
  margin: 10px 0;
}
.oldernews ol {
  list-style: inside decimal;
}
.oldernews ul {
  list-style: inside disc;
}
.oldernews b,
.oldernews strong {
  font-weight: bold;
}
.oldernews .word_emphasis_1 {
  color: #367680;
  font-weight: bold;
  font-size: 15px;
}
.oldernews .word_emphasis_2 {
  color: #47b1ba;
  font-weight: bold;
  font-size: 15px;
}
.oldernews .word_emphasis_3 {
  color: #00b3ff;
  font-weight: bold;
}
.oldernews .center_text01_subject {
  color: #fe5d95;
  font: 16px/1.6 Helvetica, 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1', PMingLiU, '\65B0\7D30\660E\9AD4';
}
/*.oldernews td,
.oldernews th,
.oldernews table {
  border: 1px solid #fff;
}*/
.oldernews-subtitle {
  background: #3d9ba3;
  border-left: 7px solid #a0cfd3;
  letter-spacing: 1px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0 5px 15px;
}