@charset "UTF-8";
a, .transition, .index-news .img-list .dot div, .index-news .list a:hover:after, .index-news .list a.on:after, .index-list .box, #login .container .submit div, .comments .form .submit, .venvue-layer, .venvue-layer2,.venvue-layer3, .activity-layer, .train-layer, .venvue-layer .container .calendar li, :before, img, .g-nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis, .index-list .box .name a, .select dd, .side-news li a, .integral-mall a .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .g-head .btn ul, .g-nav ul, .indexFlash .dots, .index-news .img-list .dot, .p-img, .index-list .box dl.info dd, .p-banner, .p-title .nav ul, .p-num .custom-pagination, .p-num .custom-pagination ul, .venue-list li .info, .activity li .info, .venue-list li .info dl, .activity li .info dl, .venue-list li .info dl dd, .activity li .info dl dd, .venue-list li .info .btn, .activity li .info .btn, .activity-show .container .info dl, .activity-show .container .info dl dd, .comments .list li .btn, .comments .list li .btn a, .news a .img, .news a dl, .news a dl dd, .news-show .info dl, .news-show .info dd, .volunteer a .name, .volunteer a dl.info dd, .venvue-layer, .venvue-layer2,.venvue-layer3, .activity-layer, .train-layer,.venvue-layer .container .btn, .venvue-layer2 .form li .file,.venvue-layer3 .form li .file, .venvue-layer2 .btn, .venvue-layer3 .btn, .video-show .container .btn ul, .personnel-btn a {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex; }

.flexColumn, .index-news .list a, .index-train .box .p-img a.layer, .venue-list li .info .btn a, .activity li .info .btn a, .news-show .btn a {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }

.itemsCenter, .p-img, .index-list .box dl.info dd, .index-train .box .p-img a.layer, .p-banner, .p-search .wal, .p-num .custom-pagination, .venue-list li .info dl dd, .activity li .info dl dd, .venue-list li .info .btn a, .activity li .info .btn a, .activity-show .container .info dl dd, .comments .list li .btn a, .news a .img, .news a dl dd, .news-show .info dd, .news-show .btn a, .volunteer a .name, .volunteer a dl.info dd, .venvue-layer, .venvue-layer2, .venvue-layer3, .activity-layer,.train-layer, .venvue-layer2 .form li .file, .venvue-layer3 .form li .file, .personnel-btn a {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexFlash .dots, .index-news .list a, .p-img, .index-train .box .p-img a.layer, .p-banner, .p-num .custom-pagination, .venue-list li .info .btn a, .activity li .info .btn a, .news a .img, .news-show .info dl, .news-show .btn a, .venvue-layer, .venvue-layer2, .venvue-layer3, .activity-layer,.train-layer, .personnel-btn a {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .g-nav ul, .g-foot-msg .wal, .index-news, .venue-list li .info, .activity li .info, .activity-show, .activity-show .container .info dl, .volunteer ul, .venvue-layer .container .calendar .name, .venvue-layer .container .calendar ul, .video-show {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .g-foot .list ul, .g-foot .msg, .g-foot-msg .wal, .index-news, .index-list ul, .index-list .box dl.info, .p-search .wal, .venue-list li .msg, .activity li .msg, .activity-show, .integral-mall ul, .volunteer ul, .volunteer a dl.info, .platform-1 ul, .venvue-layer .container .calendar .name, .venvue-layer .container .calendar ul, .venvue-layer2 .form ul, .venvue-layer3 .form ul, .video-show {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body {
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #333;
  -webkit-text-size-adjust: none;
  opacity: 0; }
  body.show {
    opacity: 1;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease; }

a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #c01229;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

textarea, input {
  background: transparent;
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #888;
  outline: none;
  border: 0; }

em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 {
  height: 0.1rem;
  overflow: hidden;
  clear: both; }

.h30 {
  height: 0.3rem;
  overflow: hidden;
  clear: both; }

.h50 {
  height: 0.5rem;
  overflow: hidden;
  clear: both; }

.wal {
  max-width: 12rem;
  margin: 0 auto; }

@font-face {
  font-family: "STSongSC";
  src: url("fonts/STSongSC Reg.woff2") format("woff2"), url("fonts/STSongSC Reg.woff") format("woff"), url("fonts/STSongSC Reg.ttf") format("truetype"), url("fonts/STSongSC Reg.eot") format("embedded-opentype"), url("fonts/STSongSC Reg.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
.g-headD {
  height: 0.9rem; }

.g-head {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%; }
  .g-head .wal {
    min-height: 0.9rem;
    position: relative; }
  .g-head a.logo {
    display: block;
    background: url("../image/logo.png") center no-repeat;
    background-size: 100%;
    width: 2.58rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
  .g-head .btn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.27rem;
    bottom: auto; }
    .g-head .btn a {
      display: block;
      width: .85rem;
      height: .36rem;
      line-height: .34rem;
      text-align: center;
      border: #e6e6e6 solid 1px;
      font-size: .14rem;
      position: relative;
      z-index: 0;
      transition-duration: 0s;
      -webkit-transition-duration: 0s; }
      .g-head .btn a em {
        background: left center no-repeat;
        background-size: .14rem;
        padding-left: .21rem; }
      .g-head .btn a:hover {
        background: #c01229;
        border-color: #c01229;
        color: #fff;
        z-index: 2; }
    .g-head .btn .li_01 a {
      border-top-left-radius: 0.05rem;
      -webkit-border-top-left-radius: 0.05rem;
      border-bottom-left-radius: 0.05rem;
      -webkit-border-bottom-left-radius: 0.05rem;
      left: 1px; }
      .g-head .btn .li_01 a em {
        background-image: url("../image/img14_1.png"); }
      .g-head .btn .li_01 a:hover em {
        background-image: url("../image/img14_1on.png"); }
    .g-head .btn .li_02 a {
      border-top-right-radius: 0.05rem;
      -webkit-border-top-right-radius: 0.05rem;
      border-bottom-right-radius: 0.05rem;
      -webkit-border-bottom-right-radius: 0.05rem; }
      .g-head .btn .li_02 a em {
        background-image: url("../image/img14_2.png"); }
      .g-head .btn .li_02 a:hover em {
        background-image: url("../image/img14_2on.png"); }

.g-nav {
  background: #c01229;
  min-height: .55rem; }
  .g-nav a.name {
    display: block;
    height: .55rem;
    line-height: .55rem;
    font-size: .14rem;
    color: #fff;
    padding: 0 .15rem; }
    .g-nav a.name.home {
      background: url("../image/img23.png") center no-repeat;
      background-size: .23rem;
      width: .5rem;
      flex-shrink: 0;
      -webkit-flex-shrink: 0; }
    .g-nav a.name:hover, .g-nav a.name.on {
      background-color: rgba(0, 0, 0, 0.2); }
    .g-nav a.name em {
      padding-right: .16rem;
      background: url("../image/img8.png") right center no-repeat;
      background-size: .08rem; }

.g-foot {
  background: #1e1e1c;
  color: rgba(255, 255, 255, 0.5); }
  .g-foot a {
    color: rgba(255, 255, 255, 0.5); }
    .g-foot a:hover {
      color: #fff; }
  .g-foot .wal {
    min-height: 1.92rem;
    position: relative; }
  .g-foot .list {
    padding: .45rem 0 .2rem 0;
    font-size: .16rem; 
    width: 70%;}
    .g-foot .list li {
      position: relative;
      line-height: .36rem;
      padding-right: .56rem; }
      .g-foot .list li:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: .28rem;
        width: 1px;
        height: .16rem;
        margin-top: -.08rem;
        background: rgba(255, 255, 255, 0.5); }
      .g-foot .list li:last-child {
        padding: 0; }
        .g-foot .list li:last-child:before {
          display: none; }
  .g-foot .msg {
    font-size: .14rem;
    padding-bottom: .2rem; }
    .g-foot .msg p {
      padding-right: .32rem;
      line-height: .19rem; }
  .g-foot .ewm {
    width: 1.12rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.29rem;
    bottom: auto;
    text-align: center; }
    .g-foot .ewm p {
      padding-top: .12rem;
      font-size: .14rem;
      margin-left: -.3rem;
      margin-right: -.3rem; }

.g-foot-msg {
  background: #161614; }
  .g-foot-msg .wal {
    line-height: .5rem;
    font-size: .14rem;
    color: rgba(255, 255, 255, 0.3); }

/*index*/
.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash li {
    background: center no-repeat;
    background-size: cover;
    height: 4.2rem; }
    .indexFlash li .img {
      width: 5.32rem;
      margin-left: auto;
      padding-top: 1.4rem; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 50%;
    top: 1.15rem;
    bottom: auto;
    margin-right: -6rem; }
    .indexFlash .dots span {
      width: .1rem;
      height: .1rem;
      background: rgba(255, 255, 255, 0.5);
      margin-left: .07rem;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .indexFlash .dots span.swiper-pagination-bullet-active {
      background: #c01229; }

.index-title .more a,
.p-title .nav a,
.p-title2 a.more,
a.p-more {
  display: block;
  text-align: center;
  color: #c01229;
  font-size: .14rem;
  background: url("../image/img102.png") center no-repeat;
  background-size: 100%;
  width: 1.02rem;
  height: .3rem;
  line-height: .3rem;
  font-family: 'STSongSC'; }
  .index-title .more a:hover, .index-title .more a.on,
  .p-title .nav a:hover,
  .p-title .nav a.on,
  .p-title2 a.more:hover,
  .p-title2 a.more.on,
  a.p-more:hover,
  a.p-more.on {
    background-image: url("../image/img102on.png");
    color: #fff; }

.p-bg {
  background: url("../image/p-bg.jpg") center top repeat-y;
  background-size: 100%;
  min-height: 5rem; }

.index-title {
  height: 1.35rem;
  position: relative; }
  .index-title:after {
    content: "";
    display: block;
    position: absolute;
    left: 2.11rem;
    top: 1.04rem;
    right: 0;
    height: 1px;
    background: #c01229; }
  .index-title:before {
    content: "";
    display: block;
    position: absolute;
    left: -.28rem;
    top: .29rem;
    background: url("../image/img57.png") center no-repeat;
    background-size: 100%;
    width: .57rem;
    height: .88rem; }
  .index-title h2 {
    width: 1.7rem;
    position: absolute;
    z-index: 10;
    left: 0.4rem;
    right: auto;
    top: 0.49rem;
    bottom: auto; }
  .index-title .more {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.59rem;
    bottom: auto; }
  .index-title .bg {
    width: 2.58rem;
    position: absolute;
    z-index: 0;
    left: 2.5rem;
    right: auto;
    top: 0.73rem;
    bottom: auto; }

.index-title-odd:after {
  left: 0;
  right: 2.11rem; }
.index-title-odd:before {
  left: auto;
  right: -.28rem;
  background-image: url("../image/img57_2.png"); }
.index-title-odd h2 {
  left: auto;
  right: .4rem; }
.index-title-odd .more {
  right: auto;
  left: 0; }

.index-title-2 .bg {
  width: 1.18rem;
  left: 8.35rem; }

.index-title-3 .bg {
  width: 1.74rem;
  left: 2.48rem; }

.index-news .img-list {
  width: 6rem;
  overflow: hidden;
  position: relative; 
  height: 3.35rem;
}
  .index-news .img-list .dot {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.3rem;
    top: auto;
    bottom: 0.3rem; }
    .index-news .img-list .dot div {
      margin-left: .1rem;
      width: .26rem;
      height: .26rem;
      line-height: .24rem;
      text-align: center;
      font-size: .14rem;
      color: #fff;
      border: #fff solid 1px; }
    .index-news .img-list .dot div.on {
      background: #c01229;
      border-color: #c01229; }
.index-news .list {
  width: 5.7rem; }
  .index-news .list li {
    padding-bottom: .135rem; }
  .index-news .list a {
    height: 1.02rem;
    position: relative;
    box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
    -webkit-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
    -moz-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
    padding: 0 .15rem 0 1.15rem;
    font-size: .14rem; }
    .index-news .list a:before {
      content: "";
      display: block;
      position: absolute;
      left: .96rem;
      top: 50%;
      width: 1px;
      height: .7rem;
      margin-top: -.35rem;
      background: #c8c8c8; }
    .index-news .list a:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: .2rem;
      width: .2rem;
      height: .2rem;
      background: #c01229;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      opacity: 0; }
    .index-news .list a .time {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: auto;
      width: .95rem;
      text-align: center; }
      .index-news .list a .time em {
        display: block;
        font-size: .26rem;
        line-height: 1em;
        padding-bottom: .12rem; }
    .index-news .list a .name {
      font-size: .16rem;
      padding-bottom: .06rem; }
    .index-news .list a p {
      line-height: .22rem;
      max-height: .44rem;
      overflow: hidden;
      opacity: .8; }
  .index-news .list a:hover, .index-news .list a.on {
    background: #c01229;
    color: #fff;
    box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0.3);
    -webkit-box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0.3);
    -moz-box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0.3); }
    .index-news .list a:hover:before, .index-news .list a.on:before {
      background: #fff; }
    .index-news .list a:hover:after, .index-news .list a.on:after {
      left: -.06rem;
      opacity: 1;
      transition-delay: .2s;
      -webkit-transition-delay: .2s; }
    .index-news .list a:hover p, .index-news .list a.on p {
      opacity: 1; }

.p-img {
  background: center no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative; }
  .p-img img {
    opacity: 1; }

.p-tag {
  position: absolute;
  z-index: 10;
  left: auto;
  right: -4px;
  top: 0.2rem;
  bottom: auto;
  color: #fff;
  text-align: center;
  min-width: .64rem;
  height: .26rem;
  line-height: .26rem;
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  padding: 0 .1rem;
  background-image: linear-gradient(to right, #f3202b, #fd7b5b);
  -webkit-background-image: linear-gradient(to right, #f3202b, #fd7b5b); }
  .p-tag:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 4px;
    height: 4px;
    background: url("../image/tag_red.png") center no-repeat;
    background-size: 100%; }
  .p-tag.blue {
    background-image: linear-gradient(to right, #47befc, #386ef7);
    -webkit-background-image: linear-gradient(to right, #47befc, #386ef7); }
    .p-tag.blue:before {
      background-image: url("../image/tag_blue.png"); }
  .p-tag.gray {
    background-image: linear-gradient(to right, #8d8d8d, #8d8d8d);
    -webkit-background-image: linear-gradient(to right, #8d8d8d, #8d8d8d); }
    .p-tag.gray:before {
      background-image: url("../image/tag_gray.png"); }

.index-list ul {
  margin-left: -.3rem;
  margin-bottom: -.25rem; }
.index-list li {
  width: 33.333%;
  padding: 0 0 .3rem .3rem; }
.index-list .box {
  padding: 0 .2rem .1rem .2rem;
  box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -webkit-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -moz-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  position: relative;
  min-height: 3.42rem;
  font-size: .14rem; }
  .index-list .box .p-img {
    margin-left: -.2rem;
    margin-right: -.2rem;
    position: relative;
    height: 2.12rem; }
  .index-list .box .name {
    font-size: .18rem;
    font-weight: 600;
    padding-top: .1rem; }
    .index-list .box .name a {
      display: block;
      height: .36rem;
      line-height: .36rem; }
  .index-list .box .msg {
    color: #666666;
    line-height: .22rem; }
  .index-list .box dl.info {
    margin-left: -.1rem; }
    .index-list .box dl.info dd {
      border: #c01229 solid 1px;
      color: #c01229;
      padding: 0 .06rem;
      height: .2rem;
      font-size: .12rem;
      margin-top: .1rem;
      margin-left: .1rem; }
      .index-list .box dl.info dd img {
        width: .14rem;
        margin-right: .05rem; }
.index-list .box:hover {
  background: #fff; }

.index-list-2 .box {
  min-height: 2.72rem; }

.index-train .box .p-img:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0; }
.index-train .box .p-img a.layer {
  position: absolute;
  z-index: 10;
  left: 50%;
  right: auto;
  top: 50%;
  bottom: auto;
  width: 2.8rem;
  min-height: 1.12rem;
  margin-left: -1.4rem;
  margin-top: -.56rem;
  color: #fff;
  text-align: center;
  background: rgba(192, 18, 41, 0.9);
  opacity: 0; }
  .index-train .box .p-img a.layer h3 {
    font-size: .18rem;
    padding-bottom: .08rem; }
.index-train .box:hover .p-img:before {
  opacity: .5; }
.index-train .box:hover .p-img a.layer {
  opacity: 1; }

#login {
  height: 100vh;
  position: relative;
  overflow: hidden; }
  #login .side {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 38%;
    top: 0;
    bottom: 0;
    background: url("../image/img792.jpg") center no-repeat;
    background-size: cover; }
    #login .side .title {
      padding: 1.3rem .85rem 0 0;
      text-align: right;
      color: #fff;
      text-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.35);
      letter-spacing: .02rem; }
      #login .side .title h2 {
        font-size: .36rem;
        padding-bottom: .1rem; }
      #login .side .title p {
        font-size: .14rem;
        text-transform: uppercase; }
  #login .container {
    width: 38%;
    margin-left: auto; }
    #login .container .logo {
      width: 2.9rem;
      margin: 0 auto;
      padding: 1.3rem 0 .55rem 0; }
      @media screen and (max-width: 1366px){
        #login .container .logo{
          padding: .55rem 0 .55rem 0;
        }
      }
    #login .container .form {
      width: 2.88rem;
      margin: 0 auto; }
      #login .container .form li {
        padding-bottom: .2rem;
        position: relative; }
      #login .container .form .input {
        border: #e6e6e6 solid 1px;
        -moz-border-radius: 0.04rem;
        -webkit-border-radius: 0.04rem;
        border-radius: 0.04rem;
        height: .44rem; }
        #login .container .form .input input {
          width: 100%;
          height: .42rem;
          line-height: .42rem;
          font-size: .13rem;
          padding-left: .24rem; }
      #login .container .form li.lzm .img {
        position: absolute;
        z-index: 10;
        left: auto;
        right: 1px;
        top: 1px;
        bottom: auto;
        -moz-border-radius: 0.04rem;
        -webkit-border-radius: 0.04rem;
        border-radius: 0.04rem; }
        #login .container .form li.lzm .img img {
          height: .42rem; }
      #login .container .form li.lzm2 {
        padding-right: 1rem; }
        #login .container .form li.lzm2 a {
          display: block;
          position: absolute;
          z-index: 10;
          left: auto;
          right: 0;
          top: 0;
          bottom: auto;
          height: .44rem;
          line-height: .42rem;
          text-align: center;
          border: #e6e6e6 solid 1px;
          -moz-border-radius: 0.04rem;
          -webkit-border-radius: 0.04rem;
          border-radius: 0.04rem;
          font-size: .14rem;
          width: .9rem; }
          #login .container .form li.lzm2 #btnGetVerCode {
            display: block;
            position: absolute;
            z-index: 10;
            left: auto;
            right: 0;
            top: 0;
            bottom: auto;
            height: .44rem;
            line-height: .42rem;
            text-align: center;
            border: #e6e6e6 solid 1px;
            -moz-border-radius: 0.04rem;
            -webkit-border-radius: 0.04rem;
            border-radius: 0.04rem;
            font-size: .14rem;
            width: .9rem; 
            cursor: pointer;}
            #login .container .form li.lzm2 #btnGetVerCode:hover{
              color: #9a0e21;
            }
    #login .container .submit {
      padding: .2rem 0; }
      #login .container .submit div {
        -moz-border-radius: 0.04rem;
        -webkit-border-radius: 0.04rem;
        border-radius: 0.04rem;
        background: #c01229;
        height: .44rem; }
        #login .container .submit div:hover {
          background: #9a0e21; }
      #login .container .submit input {
        width: 100%;
        height: .44rem;
        font-size: .18rem;
        color: #fff;
        cursor: pointer; }
    #login .container .tips {
      text-align: center;
      font-size: .14rem; }
      #login .container .tips a {
        color: #2bd66b; }
  #login .msg {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0.26rem;
    width: 38%;
    text-align: center;
    font-size: .13rem;
    color: #999; }

/*page*/
.p-banner {
  background: center no-repeat;
  background-size: cover;
  height: 2.8rem; }
  .p-banner .title {
    width: 3.54rem; }

.select dl {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 100%;
  bottom: auto;
  background: #fff;
  box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.1);
  display: none; }
.select dd {
  text-align: center;
  height: .45rem;
  line-height: .45rem;
  font-size: .14rem;
  border-top: #eee solid 1px;
  padding: 0 .1rem; }
.select dd:hover {
  background: #f5f5f5; }
.select:hover dl {
  display: block; }

.p-search {
  background: #fff;
  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 12; }
  .p-search .wal {
    height: .62rem;
    position: relative; }
  .p-search h2 {
    padding: 0 .2rem;
    font-size: .16rem;
    color: #c01229;
    border-left: #e6e6e6 solid 1px;
    border-right: #e6e6e6 solid 1px;
    height: .62rem;
    line-height: .62rem; }
    .p-search h2 em {
      padding-left: .35rem;
      background: url("../image/img25.png") left center no-repeat;
      background-size: .25rem;
      display: block; }
  .p-search .select {
    height: .62rem;
    font-size: .16rem;
    color: #666666;
    border-right: #e6e6e6 solid 1px;
    padding: 0 .2rem;
    position: relative; }
    .p-search .select span {
      display: block;
      line-height: .62rem;
      padding-right: .18rem;
      background: url("../image/select10.png") right center no-repeat;
      background-size: .1rem; }
    .p-search .select select {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .p-search .form {
    position: absolute;
    /* z-index: 10; */
    left: auto;
    right: 0;
    top: auto;
    bottom: auto;
    -moz-border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    width: 2.48rem;
    height: .36rem;
    background: #ebebeb; }
    .p-search .form .input input {
      width: 100%;
      height: .36rem;
      line-height: .36rem;
      font-size: .16rem;
      padding-left: .16rem; }
    .p-search .form .submit {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: 0;
      width: .48rem;
      background: url("../image/img18.png") center no-repeat;
      background-size: .18rem; }
      .p-search .form .submit input {
        width: 100%;
        height: .36rem;
        cursor: pointer; }

        
        .m-title {
          height: .62rem;
            font-size: .16rem;
            color: #666666;
            /* border-right: #e6e6e6 solid 1px; */
            padding: 0 .2rem;
            position: relative; }
          .m-title li {
            float: left;
            padding-right: 36px;
            position: relative; }
            .m-title li:before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              width: 36px;
              background: url("../image/img2.png") center no-repeat; }
            .m-title li:last-child:before {
              display: none; }
            .m-title li a {
              display: block;
              height: 54px;
              line-height: 54px;
              font-size: 16px;
              color: #999;
              position: relative; }
              .m-title li a:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                height: 2px;
                background: #c01229;
                opacity: 0; }
              .m-title li a:hover, .m-title li a.on {
                color: #333; }
              .m-title li a.on {
                font-size: 18px;
                font-weight: 600; }
                .m-title li a.on:before {
                  opacity: 1; }

        /* .m-title{height: 62px; border-bottom: #e7e7e7 solid 1px; padding-top: 8px; position: relative;
          ul{@extend .flex}
          li{padding-right: 36px; position: relative;
            &:before{@include before(); top: 0; right: 0; bottom: 0; width: 36px; background: url("../image/img2.png") center no-repeat}
            &:last-child:before{display: none}
            a{display: block; height: 54px; line-height: 54px; font-size: 16px; color: #999; position: relative;
              &:before{@include before(); left: 0; bottom: 0; right: 0; height: 2px; background: $color; opacity: 0}
              &:hover, &.on{color: #333}
              &.on{font-size: 18px; font-weight: 600;
                &:before{opacity: 1}
              }
            }
          }
          .info{@include absolute($t:8px, $r:0); @extend .flex; @extend .itemsCenter; height: 54px;
            p{line-height: 54px; font-size: 18px; color: $color; padding: 0 42px 0 34px; background: url("../image/img24.png") left center no-repeat}
            a.btn{width: 100px; height: 30px; line-height: 30px; text-align: center; background: $color; font-size: 14px; color: #fff; @include radius(3px);
              &:hover{background: $red}
            }
          }
        } */
.p-title {
  height: 1.25rem;
  position: relative;
  font-family: 'STSongSC'; }
  .p-title:after {
    content: "";
    display: block;
    position: absolute;
    left: 1.71rem;
    top: .96rem;
    right: 0;
    height: 1px;
    background: #c01229; }
  .p-title h2 {
    width: 1.7rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.4rem;
    bottom: auto; }
  .p-title h3 {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.4rem;
    bottom: auto;
    font-size: .26rem;
    line-height: 1em;
    color: #c01229; }
    .p-title h3 em {
      padding: 0 .035rem; }
  .p-title h4 {
    width: 1.7rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.76rem;
    bottom: auto;
    font-size: .16rem;
    color: #fff;
    background: url("../image/img170.png") center no-repeat;
    background-size: 100% 100%;
    height: .21rem;
    line-height: .23rem;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    padding-right: .05rem; }
  .p-title .nav {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.5rem;
    bottom: auto; }
    .p-title .nav li {
      padding-left: .1rem; }
  .p-title .bg {
    width: 2.58rem;
    position: absolute;
    z-index: 0;
    left: 2.5rem;
    right: auto;
    top: 0.64rem;
    bottom: auto; }

.p-num .custom-pagination {
  padding: .55rem 0; }
  .p-num .custom-pagination a, .p-num .custom-pagination li {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 .05rem;
    background: #fff center no-repeat;
    background-size: .09rem;
    border: #eaeae9 solid 1px;
    text-align: center;
    font-size: .15rem;
    width: .45rem;
    height: .45rem;
    line-height: .43rem; }
  .p-num .custom-pagination li:hover, .p-num .custom-pagination li.current-page {
    background-color: #c01229;
    border-color: #c01229;
    color: #fff;
    box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0.3);
    -webkit-box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0.3);
    -moz-box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0.3); }
  .p-num .custom-pagination li.ellipsis, .p-num .custom-pagination .integral-mall a li.name, .integral-mall a .p-num .custom-pagination li.name {
    background: none;
    border-color: rgba(0, 0, 0, 0);
    color: #333;
    box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0);
    -webkit-box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0);
    -moz-box-shadow: 0 0.03rem 0.07rem rgba(192, 18, 41, 0); }
  .p-num .custom-pagination a.arrow:hover {
    background-color: #fff; }
  .p-num .custom-pagination a.arrow.prev {
    background-image: url("../image/prev9.png"); }
  .p-num .custom-pagination a.arrow.next {
    background-image: url("../image/next9.png"); }
  .p-num .custom-pagination .page-to {
    display: none; }

.venue-list li, .activity li {
  margin-bottom: .3rem;
  background: #fff;
  min-height: 3.26rem;
  position: relative;
  box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -webkit-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -moz-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  font-size: .14rem; }
  .venue-list li:last-child, .activity li:last-child {
    margin: 0; }
  .venue-list li .img, .activity li .img {
    width: 5.85rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
  .venue-list li .container, .activity li .container {
    width: 5.85rem;
    min-height: 3.26rem;
    margin-left: auto;
    position: relative; }
  .venue-list li .name, .activity li .name {
    font-size: .2rem;
    padding: .3rem 0 .2rem 0; }
  .venue-list li .p-tag, .activity li .p-tag {
    height: .3rem;
    line-height: .3rem;
    padding: 0 .16rem;
    font-size: .16rem;
    top: .3rem; }
  .venue-list li .msg dl, .activity li .msg dl {
    width: 50%; }
  .venue-list li .msg dd, .activity li .msg dd {
    font-size: .14rem;
    line-height: .26rem;
    color: #666666;
    position: relative;
    padding-left: .12rem; }
    .venue-list li .msg dd:before, .activity li .msg dd:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: .03rem;
      height: .26rem;
      background: url("../image/img3.png") center no-repeat;
      background-size: 100%; }
  .venue-list li .info, .activity li .info {
    border-top: #e6e6e6 solid 1px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0; }
    .venue-list li .info dl dd, .activity li .info dl dd {
      height: .6rem;
      padding-right: .2rem;     line-height: 0.57rem;}
    .venue-list li .info dl dd:nth-child(2), .activity li .info dl dd:nth-child(2) {
      display: block; }
    .venue-list li .info dl img, .activity li .info dl img {
      width: .22rem;
      margin-right: .1rem;
      opacity: .5; }
    .venue-list li .info dl dd:hover img, .activity li .info dl dd:hover img {
      opacity: 1; }
    .venue-list li .info .btn a, .activity li .info .btn a {
      height: .6rem;
      border-left: #e6e6e6 solid 1px;
      width: .9rem;
      color: #c01229; }
      .venue-list li .info .btn a img, .activity li .info .btn a img {
        width: .2rem;
        margin-bottom: .04rem; }
    .venue-list li .info .btn a:hover, .activity li .info .btn a:hover {
      opacity: .8; }

.activity li {
  min-height: 2.22rem;overflow: hidden; }
  .activity li .container {
    width: 7.65rem;
    min-height: 2.22rem; }

.p-title2 {
  position: relative;
  padding-bottom: .22rem; }
  .p-title2 h2 {
    line-height: .3rem;
    font-size: .24rem;
    padding-left: .21rem;
    position: relative;
    font-family: 'STSongSC'; }
    .p-title2 h2:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: .06rem;
      height: .32rem;
      margin-top: -.16rem;
      background: #c01229;
      -moz-border-radius: 0.06rem;
      -webkit-border-radius: 0.06rem;
      border-radius: 0.06rem; }
  .p-title2 a.more {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto; }

.activity-show {
  padding-bottom: .3rem; }
  .activity-show .list {
    width: 8.59rem; }
  .activity-show .big-img {
    padding-bottom: .2rem;
    position: relative; }
    .activity-show .big-img img {
      /* width: 100%;  */
      width: 8.6rem;
      height: 4.8rem;
    }
    .activity-show .big-img dd {
      position: relative; }
      .activity-show .big-img dd .name {
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        color: #fff;
        height: .5rem;
        line-height: .5rem;
        background: rgba(0, 0, 0, 0.4);
        font-size: .16rem;
        padding: 0 .85rem; }
        .activity-show .big-img dd .name:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: .7rem;
          background: url("../image/img30.png") center no-repeat;
          background-size: .3rem;
          opacity: .5; }
    .activity-show .big-img .num {
      position: absolute;
      z-index: 10;
      left: 0.2rem;
      right: auto;
      top: auto;
      bottom: 0.2rem;
      height: .5rem;
      line-height: .5rem;
      font-size: .16rem;
      color: #fff; }
      .activity-show .big-img .num em {
        font-size: .3rem; }
  .activity-show .small-img {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .activity-show .small-img li {
      padding-right: .1rem;
      position: relative;
      cursor: pointer; }
      .activity-show .small-img li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: .1rem;
        border: #137574 solid 0.02rem;
        opacity: 0; }
      .activity-show .small-img li img {
        /* width: 100%;  */
        width:3rem;
        height: 1.5rem;
      }
    .activity-show .small-img li.swiper-slide-active:before, .activity-show .small-img li.on:before {
      opacity: 0; }
    .activity-show .small-img.onon li.swiper-slide-active:before {
      opacity: 0; }
    .activity-show .small-img.onon li.swiper-slide-active.on:before {
      opacity: 1; }
  .activity-show .arrow a {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: 0;
    width: .4rem;
    background: rgba(0, 0, 0, 0.5) center no-repeat;
    background-size: .16rem;
    opacity: .5; }
    .activity-show .arrow a:hover {
      opacity: 1; }
    .activity-show .arrow a.prev {
      left: 0;
      background-image: url("../image/prev16.png"); }
    .activity-show .arrow a.next {
      right: 0;
      background-image: url("../image/next16.png"); }
  .activity-show .container {
    background: #fff;
    width: 3.1rem;
    min-height: 5.98rem;
    position: relative;
    box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1); }
    .activity-show .container .title {
      padding: .15rem .18rem;
      line-height: .3rem;
      border-bottom: #f0f0f0 solid 1px;
      font-size: .2rem;
      font-weight: 600; }
    .activity-show .container .msg {
      padding: .15rem .18rem;
      font-size: .14rem;
      line-height: .3rem;
      color: #666666; }
      .activity-show .container .msg dd {
        min-height: .3rem;
        position: relative;
        padding-left: 5em; }
      .activity-show .container .msg .name {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        color: #999; }
      .activity-show .container .msg .blue {
        color: #0c56ff; }
      .activity-show .container .msg .orange {
        color: #ff9600; }
    .activity-show .container .info {
      border-top: #eee solid 1px;
      border-bottom: #eee solid 1px;
      padding: 0 .18rem; }
      .activity-show.container .info dl {
        max-width: 3.1rem; }
        .activity-show .container .info dl dd {
          margin-right: auto;
          height: .5rem; }
        .activity-show .container .info dl img {
          width: .22rem;
          margin-right: .06rem;
          opacity: .5; }
        .activity-show .container .info dl dd:hover img {
          opacity: 1; }
    .activity-show .container .content {
      font-size: .14rem;
      line-height: .22rem;
      color: #666666;
      padding: .15rem .18rem;
      text-align: justify; }
      .activity-show .container .content h3 {
        font-size: .14rem;
        padding-bottom: .06rem; }
    .activity-show .container .btn a {
      display: block;
      font-size: .16rem;
      color: #fff;
      background: #c01229;
      height: .4rem;
      line-height: .4rem;
      text-align: center;
      position: absolute;
      z-index: 10;
      left: 0;
      right: 0;
      top: auto;
      bottom: 0; }
      .activity-show .container .btn a:hover {
        background: #9a0e21; }


        .video-show .container .title {
          padding: .15rem .18rem;
          line-height: .3rem;
          border-bottom: #f0f0f0 solid 1px;
          font-size: .2rem;
          font-weight: 600; }
        .video-show .container .msg {
          padding: .15rem .18rem;
          font-size: .14rem;
          line-height: .3rem;
          color: #666666; }
          .video-show .container .msg dd {
            min-height: .3rem;
            position: relative;
            padding-left: 7em; }
          .video-show .container .msg .name {
            position: absolute;
            z-index: 10;
            left: 0;
            right: auto;
            top: 0;
            bottom: auto;
            color: #999; }
          .video-show .container .msg .blue {
            color: #0c56ff; }
          .video-show .container .msg .orange {
            color: #ff9600; }
        .video-show .container .info {
          border-top: #eee solid 1px;
          border-bottom: #eee solid 1px;
          padding: 0 .18rem; }
          .video-show .container .info dl {
            display: flex;
            max-width: 3.1rem; }
            .video-show .container .info dl dd {
              margin-top: .1rem;
              margin-right: auto;
              height: .35rem; }
            .video-show .container .info dl img {
              width: .22rem;
              margin-right: .06rem;
              opacity: .5; }
            .video-show .container .info dl dd:hover img {
              opacity: 1; }
        .video-show .container .content {
          font-size: .14rem;
          line-height: .22rem;
          color: #666666;
          padding: .15rem .18rem;
          text-align: justify; }
          .video-show .container .content h3 {
            font-size: .14rem;
            padding-bottom: .06rem; }
        .video-show .container .btn a {
          display: block;
          font-size: .16rem;
          color: #fff;
          background: #c01229;
          height: .4rem;
          line-height: .4rem;
          text-align: center;
          position: absolute;
          z-index: 10;
          left: 0;
          right: 0;
          top: auto;
          bottom: 0; }
          .video-show .container .btn a:hover {
            background: #9a0e21; }

        
.personnel-show .list {
  width: 4.8rem; }
.personnel-show .container {
  width: 6.9rem; }

.comments {
  background: #fff;
  border: #eaeced solid 1px;
  -moz-border-radius: 0.05rem;
  -webkit-border-radius: 0.05rem;
  border-radius: 0.05rem;
  font-size: .14rem;
  position: relative;
  min-height: 1rem; }
  .comments .list {
    padding: 0 .28rem; }
    .comments .list li {
      border-bottom: #eaeced solid 1px;
      position: relative;
      min-height: 1.46rem;
      padding: .3rem 0 .3rem .68rem; }
      .comments .list li:last-child {
        border: 0; }
      .comments .list li .img {
        width: .48rem;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0.3rem;
        bottom: auto; }
        .comments .list li .img img {
          /* -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;  */
        }
      .comments .list li .name {
        font-weight: bold;
        line-height: .2rem; }
      .comments .list li .content {
        padding: .1rem 0;
        line-height: .25rem;
        color: #666666; }
      .comments .list li .time {
        color: #999; }
      .comments .list li .btn {
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
        top: auto;
        bottom: 0.3rem; }
        .comments .list li .btn a {
          font-size: .12rem;
          margin-left: .2rem;
          color: #999; }
          .comments .list li .btn a img {
            width: .15rem; }
          .comments .list li .btn a em {
            padding-left: .06rem; }
  .comments .msg {
    line-height: .75rem;
    border-top: #eaeced solid 1px;
    text-align: center;
    color: #999; }
  .comments .add a {
    display: block;
    line-height: .75rem;
    color: #999;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.28rem;
    top: auto;
    bottom: 0;
    padding-left: .2rem;
    background: url("../image/img13.png") left center no-repeat;
    background-size: .13rem; }
    .comments .add a:hover {
      color: #c01229; }
  .comments .form {
    position: relative;
    border-top: #eaeced solid 1px;
    padding: .2rem 1.12rem .2rem .28rem; }
    .comments .form .input {
      background: #f5f5f5;
      border: #eee solid 1px;
      -moz-border-radius: 0.04rem;
      -webkit-border-radius: 0.04rem;
      border-radius: 0.04rem;
      height: .32rem; }
      .comments .form .input input {
        height: .3rem;
        line-height: .3rem;
        width: 100%;
        padding: 0 .12rem;
        font-size: .14rem; }
    .comments .form .submit {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.28rem;
      top: 0.2rem;
      bottom: auto;
      width: .84rem;
      height: .32rem;
      background: #c01229;
      -moz-border-radius: 0.04rem;
      -webkit-border-radius: 0.04rem;
      border-radius: 0.04rem;
      text-align: center;
      font-size: .14rem;
      color: #fff;
      line-height: .32rem; }
      .comments .form .submit em {
        padding-left: .22rem;
        background: url("../image/img16.png") left center no-repeat;
        background-size: .16rem; }
      .comments .form .submit:hover {
        background: #9a0e21; }
      .comments .form .submit input {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        cursor: pointer; }

.w790 {
  width: 7.9rem; }
.w380 {
  width: 3.8rem; }
  .w380 .p-title2 {
    border-bottom: #c01229 solid 1px;
    height: .97rem;
    padding-top: .45rem; }

    .w400 {
      width: 4.0rem; 
      padding: 0 .1rem}
      .w400 .p-title2 {
        border-bottom: #c01229 solid 1px;
        height: .97rem;
        padding-top: .45rem; }
.news li {
  padding: 0 0 .2rem 0; }
.news li:last-child {
  padding: 0; }
.news a {
  display: block;
  background: #fff;
  padding: 0 .3rem 0 3.35rem;
  box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -webkit-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -moz-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  position: relative;
  min-height: 2.22rem; }
  .news a .img {
    width: 3rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    height: 2.22rem;
    overflow: hidden; }
    .news a .img img {
      min-width: 100%;
      /* min-height: 100%;
      max-width: 10rem;  */
    }
  .news a .name {
    font-size: .2rem;
    font-weight: 600;
    padding: .3rem 0 .2rem 0; }
  .news a p {
    font-size: .14rem;
    line-height: .22rem;
    color: #666;
    text-align: justify;
    height: .66rem;
    overflow: hidden; }
  .news a dl {
    border-top: #eee solid 1px;
    margin-top: .18rem; }
    .news a dl dd {
      height: .6rem;
      padding-right: .3rem;
      color: #666;
      font-size: .14rem; }
    .news a dl img {
      width: .22rem;
      margin-right: .1rem;
      opacity: .5; }
    .news a dl dd:hover img {
      opacity: 1; }

.side-news {
  padding-top: .15rem; }
  .side-news li {
    border-bottom: #c8c8c8 solid 1px;
    line-height: .47rem;
    position: relative;
    font-size: .14rem;
    color: #666;
    background: url("../image/img3_1.jpg") 0.05rem center no-repeat;
    background-size: .03rem; }
    .side-news li em {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.05rem;
      top: 0;
      bottom: auto; }
    .side-news li a {
      display: block;
      height: .47rem;
      padding: 0 .9rem 0 .17rem; }

.news-show {
  padding: .2rem 0 .5rem 0;
  max-width: 11rem;
  margin: 0 auto; }
  .news-show .title {
    text-align: center;
    font-size: .24rem;
    font-weight: 400;
    color: #13141a; }
  .news-show .info {
    padding: .25rem 0 .35rem 0; }
    .news-show .info dd {
      font-size: .14rem;
      padding: 0 .15rem; }
    .news-show .info img {
      width: .22rem;
      margin-right: .06rem; }
  .news-show .content {
    font-size: .14rem;
    line-height: .24rem;
    color: #666;
    text-align: justify; }
  .news-show .btn {
    padding-top: .45rem; }
    .news-show .btn a {
      margin: 0 auto;
      background: #666;
      color: #fff;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      font-size: .14rem;
      width: 1rem;
      height: .6rem; }
      .news-show .btn a img {
        width: .21rem;
        margin-bottom: .06rem; }
      .news-show .btn a:hover {
        background-color: #9a0e21; }

.integral-mall ul {
  margin-left: -.3rem;
  margin-bottom: -.3rem; }
.integral-mall li {
  width: 25%;
  padding: 0 0 .3rem .3rem; }
.integral-mall a {
  display: block;
  background: #fff;
  padding: 0 .2rem .2rem;
  box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -webkit-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -moz-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  position: relative; }
  .integral-mall a .img {
    margin-left: -.2rem;
    margin-right: -.2rem; }
  .integral-mall a .name {
    line-height: .32rem;
    height: .32rem;
    margin-top: .12rem;
    font-size: .18rem;
    font-weight: 600; }
  .integral-mall a .info {
    font-size: .16rem;
    color: #c01229;
    background: url("../image/img20_3.png") left center no-repeat;
    background-size: .2rem;
    padding-left: .3rem;
    line-height: .3rem; }

.page-map {
  padding-bottom: .6rem; }
  .page-map #map {
    width: 100%;
    min-height: 7rem;
    box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
    -webkit-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
    -moz-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
    position: relative; }
    .page-map #map .map-ico {
      width: 60px;
      height: 60px; }
      .page-map #map .map-ico:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 11;
        left: 0;
        top: .4rem;
        right: 0;
        background: url("../image/img20_4.png") center no-repeat;
        background-size: .2rem 100%;
        height: .27rem;
        animation: upDown 1s infinite alternate linear;
        -webkit-animation: upDown 1s infinite alternate linear; }
      .page-map #map .map-ico p {
        line-height: .4rem;
        height: .4rem;
        white-space: nowrap;
        color: #fff;
        font-size: .14rem;
        padding: 0 .1rem;
        background: #666;
        -moz-border-radius: 0.06rem;
        -webkit-border-radius: 0.06rem;
        border-radius: 0.06rem;
        position: absolute;
        z-index: 10;
        left: 50%;
        right: auto;
        top: 0;
        bottom: auto;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0); }
    .page-map #map .layer {
      width: 3.6rem;
      min-height: 1.05rem;
      position: relative;
      background: #c01229;
      color: #fff;
      padding: .1rem .1rem .1rem 1.7rem;
      margin-top: -.5rem; }
      .page-map #map .layer:after {
        content: "";
        display: block;
        position: absolute;
        width: .2rem;
        height: .2rem;
        background: #c01229;
        position: absolute;
        z-index: 10;
        left: 50%;
        right: auto;
        top: auto;
        bottom: -0.04rem;
        margin-left: -.1rem;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg); }
      .page-map #map .layer .img {
        width: 1.5rem;
        position: absolute;
        z-index: 10;
        left: 0.1rem;
        right: auto;
        top: 0.1rem;
        bottom: auto; }
        .page-map #map .layer .img img {
          width: 100%; }
      .page-map #map .layer .name {
        font-size: .16rem;
        padding: 0 0 .06rem 0; }
      .page-map #map .layer p {
        font-size: .14rem;
        line-height: .24rem; }
      .page-map #map .layer a.more {
        display: block;
        width: .32rem;
        height: .32rem;
        background: #9a0e21 url("../image/img12.png") center no-repeat;
        background-size: .12rem;
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
        top: auto;
        bottom: 0; }
        .page-map #map .layer a.more:hover {
          background-color: #ff9600; }

@keyframes upDown {
  from {
    transform: translateY(-0.1rem); }
  to {
    transform: translateY(0rem); } }
@-webkit-keyframes upDown {
  from {
    -webkit-transform: translateY(-0.1rem); }
  to {
    -webkit-transform: translateY(0rem); } }
.volunteer ul {
  margin-bottom: -.3rem; }
.volunteer li {
  padding-bottom: .3rem;
  width: 5.9rem; }
.volunteer a {
  display: block;
  padding: 0 .2rem .1rem 2.2rem;
  box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -webkit-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  -moz-box-shadow: 0 0.03rem 0.07rem rgba(130, 130, 130, 0.3);
  min-height: 2rem;
  position: relative;
  font-size: .14rem; }
  .volunteer a .img {
    width: 2rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
    .volunteer a .img img{
      height: 1.99rem;  
    }
  .volunteer a .name {
    padding: .1rem 0 0 0;
    height: .5rem;
    font-size: .18rem;
    font-weight: 600; }
    .volunteer a .name img {
      width: .25rem;
      margin-left: .06rem; }
  .volunteer a p {
    color: #666666;
    line-height: .22rem;
    min-height: 1rem; }
  .volunteer a dl.info {
    margin-left: -.1rem; }
    .volunteer a dl.info dd {
      border: #c01229 solid 1px;
      color: #c01229;
      padding: 0 .06rem;
      height: .2rem;
      font-size: .12rem;
      margin-top: .1rem;
      margin-left: .1rem; }
      .volunteer a dl.info dd img {
        width: .14rem;
        margin-right: .05rem; }
.volunteer a:hover {
  background: #fff; }

.personnel a {
  min-height: 2rem;
  padding-left: 1.8rem; }
  .personnel a .img {
    width: 1.6rem; }
  .personnel a p {
    min-height: .66rem; }

.platform-1 {
  margin-bottom: .55rem;
  background: #c01229;
  color: #fff;
  min-height: 2.02rem;
  position: relative;
  font-size: .16rem;
  padding: .45rem 0 .3rem .16rem; }
  .platform-1:after {
    content: "";
    display: block;
    position: absolute;
    left: .15rem;
    top: .15rem;
    right: .15rem;
    bottom: .15rem;
    border: rgba(255, 255, 255, 0.3) solid 1px; }
  .platform-1:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -.28rem;
    background: url("../image/img399.png") center no-repeat;
    background-size: 100%;
    width: 3.99rem;
    height: 1.48rem; }
  .platform-1 li {
    width: 25%;
    min-height: 1.1rem;
    max-width: 2.28rem;
    text-align: center;
    position: relative; }
    .platform-1 li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 1.1rem;
      background: rgba(255, 255, 255, 0.8); }
    .platform-1 li:last-child:before {
      display: none; }
    .platform-1 li p {
      font-size: .18rem;
      height: .66rem;
      line-height: .66rem; }
      .platform-1 li p span {
        font-size: .36rem; }

.platform-2 {
  margin-bottom: .3rem;
  background: #fff;
  border: #e5e5e5 solid 1px;
  text-align: center; }
  .platform-2 h2 {
    font-size: .18rem;
    line-height: .69rem; }
  .platform-2 table {
    margin-left: -1px; }
  .platform-2 th, .platform-2 td {
    border-top: #e5e5e5 solid 1px;
    border-left: #e5e5e5 solid 1px;
    text-align: center;
    font-size: .14rem;
    height: .5rem; }

.venvue-layer, .venvue-layer2, .venvue-layer3, .activity-layer, .train-layer{
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden; }
  .venvue-layer.show, .venvue-layer2.show ,.venvue-layer3.show, .activity-layer.show,.train-layer.show{
    opacity: 1;
    visibility: visible; }

.venvue-layer .container {
  width: 10.13rem;
  min-height: 5rem;
  background: #fff;
  padding: .3rem;
  position: relative; }
  .venvue-layer .container h2 {
    font-size: .2rem;
    padding-bottom: .3rem; }
  .venvue-layer .container .btn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.3rem;
    top: 0.3rem;
    bottom: auto; }
    .venvue-layer .container .btn .select {
      margin-left: .1rem;
      height: .32rem;
      line-height: .3rem;
      border: #d9d9d9 solid 1px;
      -moz-border-radius: 0.04rem;
      -webkit-border-radius: 0.04rem;
      border-radius: 0.04rem;
      padding: 0 .3rem 0 .12rem;
      position: relative;
      font-size: .14rem; }
      .venvue-layer .container .btn .select:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: .12rem;
        bottom: 0;
        background: url("../image/select10.png") center no-repeat;
        background-size: 100%;
        width: .1rem; }
      .venvue-layer .container .btn .select select {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .venvue-layer .container .btn .select dl {
        margin-left: -1px;
        margin-right: -1px; }
        .venvue-layer .container .btn .select dl dd {
          height: .32rem;
          line-height: .32rem; }
  .venvue-layer .container .calendar .name, .venvue-layer .container .calendar ul {
    text-align: right;
    font-size: .14rem; }
  .venvue-layer .container .calendar .name div {
    width: 13.5%;
    font-size: .16rem;
    padding: 0 .1rem .2rem 0; }
  .venvue-layer .container .calendar li {
    width: 13.5%;
    height: 1rem;
    border-top: #f0f0f0 solid 1px;
    position: relative;
    padding: .1rem; }
    .venvue-layer .container .calendar li.preeMonth, .venvue-layer .container .calendar li.nextMonth {
      color: #aaa; }
    .venvue-layer .container .calendar li.on {
      background: #eee;
      border-color: #c01229;
      color: #c01229;
      font-weight: bold; }
    .venvue-layer .container .calendar li:hover {
      background: #e7f7ff;
      border-color: #0c56ff;
      color: #0c56ff; }
    .venvue-layer .container .calendar li dl {
      position: absolute;
      z-index: 10;
      left: 0.1rem;
      right: auto;
      top: 0.1rem;
      bottom: auto; }
      .venvue-layer .container .calendar li dl dd {
        font-size: .12rem;
        line-height: .28rem;
        position: relative;
        padding-left: .16rem;
        font-weight: 400;
        color: #333; }
        .venvue-layer .container .calendar li dl dd:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          width: .06rem;
          height: .06rem;
          margin-top: -.03rem;
          background: #f8ac30; }
        .venvue-layer .container .calendar li dl dd:nth-child(2):before {
          background: #57c22d; }
        .venvue-layer .container .calendar li dl dd:nth-child(3):before {
          background: #fd4f54; }

.venvue-layer2 .container {
  max-height: 6rem;
    overflow-y: auto;
  width: 5.6rem;
  min-height: 3.78rem;
  position: relative;
  background: #fff;
  border-top: #c01229 solid 0.03rem;
  box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
  padding: 0 .3rem; }
  .venvue-layer3 .container {
    max-height: 6rem;
      overflow-y: auto;
    width: 5.6rem;
    min-height: 2.78rem;
    position: relative;
    background: #fff;
    border-top: #c01229 solid 0.03rem;
    box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
    padding: 0 .3rem; }
.venvue-layer a.close,.venvue-layer2 a.close,.venvue-layer3 a.close {
  display: block;
  background: url("../image/close14.png") center no-repeat;
  background-size: .14rem;
  height: .66rem;
  width: .8rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto; }
.venvue-layer2 h2,.venvue-layer3 h2 {
  line-height: .66rem;
  font-size: .18rem;
  border-bottom: #e6e6e6 solid 1px; }
.venvue-layer2 .form {
  padding: .2rem 0 .1rem 0; }
  .venvue-layer3 .form {
    padding: .3rem 0 0.5rem 0; }
  .venvue-layer2 .form ul, .venvue-layer3 .form ul {
    margin-right: -.28rem; }
  .venvue-layer2 .form li {
    min-height: .38rem;
    width: 50%;
    position: relative;
    padding: 0 .28rem .1rem .7rem; }
    .venvue-layer3 .form li {
      min-height: .38rem;
      width: 80%;
      position: relative;
      padding: 0 .28rem .3rem .7rem; }
    .venvue-layer2 .form li .name , .venvue-layer3 .form li .name {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      font-size: .14rem;
      color: #666;
      line-height: .28rem; }
    .venvue-layer2 .form li .input,.venvue-layer3 .form li .input {
      width: 100%;
      min-height: .28rem;
      border: #e6e6e6 solid 1px;
      -moz-border-radius: 0.03rem;
      -webkit-border-radius: 0.03rem;
      border-radius: 0.03rem;
      position: relative; }
      .venvue-layer2 .form li .input input,.venvue-layer3 .form li .input input, .venvue-layer2 .form li .input textarea {
        width: 100%;
        height: .26rem;
        line-height: .26rem;
        padding: 0 .12rem;
        font-size: .13rem; }
      .venvue-layer2 .form li .input textarea {
        height: .65rem;
        line-height: .2rem;
        padding: .03rem .12rem; }
    .venvue-layer2 .form li .select {
      font-size: .13rem;
      line-height: .26rem;
      padding: 0 .12rem; }
      .venvue-layer2 .form li .select:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: .1rem;
        bottom: 0;
        background: url("../image/select10.png") center no-repeat;
        background-size: 100%;
        width: .1rem; }
      .venvue-layer2 .form li .select select {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .venvue-layer2 .form li .select dl {
        margin-left: -1px;
        margin-right: -1px; }
        .venvue-layer2 .form li .select dl dd {
          height: .32rem;
          line-height: .32rem;
          text-align: left; }
    .venvue-layer2 .form li .time:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: .1rem;
      bottom: 0;
      width: .12rem;
      background: url("../image/img12_2.png") center no-repeat;
      background-size: 100%; }
    .venvue-layer2 .form .li_01 .file div {
      position: relative;
      width: .68rem;
      height: .28rem;
      line-height: .26rem;
      text-align: center;
      font-size: .14rem;
      color: #c01229;
      border: #c01229 solid 1px;
      -moz-border-radius: 0.03rem;
      -webkit-border-radius: 0.03rem;
      border-radius: 0.03rem; }
      .venvue-layer2 .form .li_01 .file div input {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .venvue-layer2 .form .li_01 .file div:hover {
        background: #c01229;
        color: #fff; }
    .venvue-layer2 .form li .filetips {
      font-size: .12rem;
      color: #999;
      padding-left: .12rem; }
  .venvue-layer2 .form li.li_01 {
    width: 100%; }
.venvue-layer2 .btn,.venvue-layer3 .btn {
  border-top: #e6e6e6 solid 1px; }
  .venvue-layer2 .btn div, .venvue-layer3 .btn div {
    width: 50%; }
  .venvue-layer2 .btn input, .venvue-layer3 .btn input {
    width: 100%;
    height: .5rem;
    cursor: pointer;
    font-size: .16rem;
    font-weight: 600; }
  .venvue-layer2 .btn .btn-2,.venvue-layer3 .btn .btn-2 {
    border-left: #e6e6e6 solid 1px; }
    .venvue-layer2 .btn .btn-2 input, .venvue-layer3 .btn .btn-2 input {
      color: #c01229; }

.activity-layer .container {
  width: 5.6rem;
  min-height: 2rem;
  position: relative;
  background: #fff;
  border-top: #c01229 solid 0.03rem;
  box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
  padding: 0 .3rem; }
.activity-layer a.close {
  display: block;
  background: url("../image/close14.png") center no-repeat;
  background-size: .14rem;
  height: .66rem;
  width: .8rem;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto; }
.activity-layer h2 {
  line-height: .66rem;
  font-size: .18rem;
  border-bottom: #e6e6e6 solid 1px; }
.activity-layer .msg {
  text-align: center;
  padding: .3rem 0 .6rem 0; }
  .activity-layer .msg .ico {
    width: .66rem;
    margin: 0 auto; }
  .activity-layer .msg p {
    color: #c01229;
    font-size: .18rem;
    padding-top: .15rem; }
.activity-layer .msg2 {
  text-align: center;
  padding: .3rem 0; }
  .activity-layer .msg2 .ico {
    width: .72rem;
    margin: 0 auto; }
  .activity-layer .msg2 p {
    color: red;
    font-size: .18rem;
    padding-top: .12rem; }
.activity-layer .box {
  position: relative;
  border-top: #e6e6e6 solid 1px;
  min-height: 1.84rem;
  padding: .26rem .3rem .3rem 1.66rem; 

  }
  .activity-layer .box .img {
    width: 1.2rem;
    position: absolute;
    z-index: 10;
    left: 0.2rem;
    right: auto;
    top: 0.3rem;
    bottom: auto; }
  .activity-layer .box .name {
    font-size: .18rem;
    padding-bottom: .1rem; }
  .activity-layer .box .content {
    font-size: .14rem;
    line-height: .22rem;
    color: #666; }



    .train-layer .container {
      width: 5.6rem;
      min-height: 2rem;
      position: relative;
      background: #fff;
      border-top: #c01229 solid 0.03rem;
      box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
      -webkit-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
      -moz-box-shadow: 0 0.07rem 0.13rem rgba(0, 0, 0, 0.33);
      padding: 0 .3rem; }
    .train-layer a.close {
      display: block;
      background: url("../image/close14.png") center no-repeat;
      background-size: .14rem;
      height: .66rem;
      width: .8rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto; }
    .train-layer h2 {
      line-height: .66rem;
      font-size: .18rem;
      border-bottom: #e6e6e6 solid 1px; }
    .train-layer .msg {
      text-align: center;
      padding: .3rem 0 .6rem 0; }
      .train-layer .msg .ico {
        width: .66rem;
        margin: 0 auto; }
      .train-layer .msg p {
        color: #c01229;
        font-size: .18rem;
        padding-top: .15rem; }
    .train-layer .msg2 {
      text-align: center;
      padding: .3rem 0; }
      .train-layer .msg2 .ico {
        width: .72rem;
        margin: 0 auto; }
      .train-layer .msg2 p {
        color: #57c22d;
        font-size: .18rem;
        padding-top: .12rem; }
        
        .train-layer .msg3 {
          text-align: center;
          padding: .3rem 0; }
          .train-layer .msg3 .ico {
            width: .72rem;
            margin: 0 auto; }
          .train-layer .msg3 p {
            color:red;
            font-size: .18rem;
            padding-top: .12rem; }
    .train-layer .box {
      position: relative;
      border-top: #e6e6e6 solid 1px;
      min-height: 2.2rem;
      /* padding: .26rem .3rem .3rem .3rem;  */
    
      }
      .train-layer .box .img {
        width: 1.2rem;
        position: absolute;
        z-index: 10;
        left: 0.2rem;
        right: auto;
        top: 0.3rem;
        bottom: auto; }
      .train-layer .box .name {
        font-size: .18rem;
        text-align: center;
        padding-bottom: .1rem;
        /* padding: 0 0 .1rem 1.3rem;  */
      }
      .train-layer .box .content {
        width: 80%;
        margin: 0 auto;
        font-size: .14rem;
        line-height: .22rem;
        color: #666; }
        .train-layer .box .content .relationName{
          border: #0c56ff solid 1px;
          border-radius: .02rem;
          width: .8rem;
          height: .25rem;
        }
        /* .train-layer .box .content .relation{
          border: #0c56ff solid 1px;
          border-radius: .02rem;
          width: .8rem;
          height: .25rem;
        } */
        .train-layer .box .content .idNo{
          border: #0c56ff solid 1px;
          border-radius: .02rem;
          width: 1.9rem;
          height: .25rem;
        }
        .train-layer .box .content .relationName1{
          border: #0c56ff solid 1px;
          border-radius: .02rem;
          width: .8rem;
          height: .25rem;
        }
        .train-layer .box .content .idNo1{
          border: #0c56ff solid 1px;
          border-radius: .02rem;
          width: 1.9rem;
          height: .25rem;
        }
        
        .train-layer .box .cancel a{
          display: block;
          font-size: .16rem;
          position: absolute;
          text-align: center;
          height: .4rem;
          line-height: .4rem;
          background: rgb(247, 243, 243);
          /* z-index: 10; */
          left: 3rem;
          right: 1rem;
          top: auto;
          bottom: 0.3rem; 
          margin-right: .2rem;
          /* background: #c8c8c8; */
        }
        .train-layer .box .cancel a:hover{
          background: rgb(221, 218, 218);
        }

          .train-layer .box .confirm a{
            display: block;
            color: #fff;
            background: #c01229;
            font-size: .16rem;
            position: absolute;
            text-align: center;
            height: .4rem;
            line-height: .4rem;
            z-index: 10;
            left: 4rem;
            right: 0.2rem;
            top: auto;
            bottom: 0.3rem; 
            /* border: #f3202b solid 1px; */
          }
          .train-layer .box .confirm a:hover{
            background: #9a0e21;
          }
    

          /* .activity-show .container .btn a {
            display: block;
            font-size: .16rem;
            color: #fff;
            background: #c01229;
            height: .4rem;
            line-height: .4rem;
            text-align: center;
            position: absolute;
            z-index: 10;
            left: 0;
            right: 0;
            top: auto;
            bottom: 0; }
            .activity-show .container .btn a:hover {
              background: #9a0e21; } */


.video-show {
  padding-bottom: .3rem; }
  .video-show .video {
    width: 8.66rem; }
  .video-show .container {
    width: 3.1rem;
    min-height: 4.8rem;
    background: #fff;
    box-shadow: 0 1px 0.07rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0.07rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0.07rem rgba(0, 0, 0, 0.1); }
    .video-show .container .btn {
      line-height: .6rem;
      border-bottom: #f0f0f0 solid 1px;
      padding-left: .2rem; }
      .video-show .container .btn li {
        height: .6rem;
        cursor: pointer;
        padding-right: .26rem;
        font-size: .16rem;
        color: #666;
        position: relative; }
        .video-show .container .btn li:before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          right: .13rem;
          width: 1px;
          height: .18rem;
          background: #666;
          margin-top: -.09rem; }
        .video-show .container .btn li:last-child:before {
          display: none; }
      .video-show .container .btn li.on {
        font-size: .2rem;
        color: #333; }
    .video-show .container .content {
      font-size: .14rem;
      line-height: .26rem;
      text-align: justify;
      padding: .15rem .2rem; }
    .video-show .container .list li {
      border-bottom: #f0f0f0 solid 1px; }
      .video-show .container .list li .name {
        line-height: .3rem;
        padding: .1rem .5rem .1rem .2rem;
        font-size: .14rem;
        color: #666;
        cursor: pointer;
        position: relative; }
        .video-show .container .list li .name:before {
          content: "";
          display: block;
          position: absolute;
          top: .1rem;
          right: .2rem;
          width: .11rem;
          height: .3rem;
          background: url("../image/img11.png") center no-repeat;
          background-size: 100%; }
      .video-show .container .list li dl {
        border-top: #f0f0f0 solid 1px;
        display: none;
        padding: .1rem .2rem; }
        .video-show .container .list li dl dd {
          font-size: .14rem;
          line-height: .2rem;
          position: relative;
          color: #999;
          padding: .05rem .8rem .05rem .12rem; }
          .video-show .container .list li dl dd:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: .05rem;
            width: .03rem;
            height: .2rem;
            background: url("../image/img3_2.png") center no-repeat;
            background-size: 100%; }
          .video-show .container .list li dl dd span {
            position: absolute;
            z-index: 10;
            left: auto;
            right: 0;
            top: 0.05rem;
            bottom: auto; }
        .video-show .container .list li dl dd.on {
          color: #c01229; }
          .video-show .container .list li dl dd.on:before {
            background-image: url("../image/img3_2on.png"); }
          .video-show .container .list li dl dd.on span {
            padding-left: .21rem;
            background: url("../image/img14_7.png") left center no-repeat;
            background-size: .14rem; }
    .video-show .container .list li.on .name {
      color: #333; }
      .video-show .container .list li.on .name:before {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg); }
    .video-show .container .list li.on dl {
      display: block; }

.personnel-btn {
  background: url("../image/img1200.png") center no-repeat;
  background-size: cover;
  height: 1.42rem;
  position: relative;
  margin-top: .3rem; }
  .personnel-btn a {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .personnel-btn a:before {
      content: "";
      display: block;
      position: absolute;
      left: .15rem;
      top: .15rem;
      right: .15rem;
      bottom: .15rem;
      border: rgba(255, 255, 255, 0.3) solid 1px; }
    .personnel-btn a img {
      width: 1.32rem; }

.activity-show2 {
  background: #fff;
  box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
  font-size: .14rem;
  line-height: .22rem;
  color: #666;
  text-align: justify;
  padding: .32rem .35rem;
  margin-bottom: .3rem; }
  .activity-show3 {
    background: #fff;
    box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.01rem 0.07rem rgba(0, 0, 0, 0.1);
    font-size: .14rem;
    line-height: .1rem;
    color: #666;
    text-align: justify;
    padding: 0rem .35rem;
    margin-bottom: .3rem; }
/*# sourceMappingURL=index.css.map */

/*登录成功后右上角显示样式*/

  .g-head .info {
    line-height: .3rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 28px;
    top: .25rem;
    bottom: auto; }
    .g-head .info .img {
      width: 36px;
      height: 36px;
      overflow: hidden;
      /* -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;  */
      float: left;}
    .g-head .info .name {
      font-size: 14px;
      padding: 5px 15px 0 8px;
      min-width: 100px;
      background: url("../image/img12_1.png") right center no-repeat; 
      display: inline-block;}
    .g-head .info .layer {
      position: absolute;
      z-index: 10;
      left: 0;
      right: -10px;
      top: 90%;
      bottom: auto;
      background: #fff;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      box-shadow: 0 3px 7px #f0f3f8;
      -webkit-box-shadow: 0 3px 7px #f0f3f8;
      -moz-box-shadow: 0 3px 7px #f0f3f8;
      min-height: 50px;
      margin-top: 10px;
      opacity: 0;
      visibility: hidden; }
      .g-head .info .layer:before {
        content: "";
        display: block;
        position: absolute;
        top: -5px;
        right: 15px;
        background: #fff;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg); }
      .g-head .info .layer dd {
        border-bottom: #eee solid 1px; }
        .g-head .info .layer dd:last-child {
          border: 0; }
      .g-head .info .layer a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        text-align: center; }
    .g-head .info:hover .layer {
      top: 100%;
      opacity: 1;
      visibility: visible; }
/*个人中心性别单选框样式*/
.sexradio{
  display: inline-block;
  position: relative;
  line-height: 18px;
  margin-right: 10px;
  cursor: pointer;
}
.sexradio input{
  display: none;
}
.sexradio .radio-bg{
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-right: 5px;
  padding: 0;
  background-color:#c01229;
  border-radius: 100%;
  vertical-align: top;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}
.sexradio .radio-on{
  display: none;
}
.sexradio input:checked + span.radio-on{
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 100%;
  background: #FFFFFF;
  top: 4px;
  left: 4px;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset;
  background-image: linear-gradient(#ffffff 0, #e7e7e7 100%);
  transform: scale(0, 0);
  transition: all 0.2s ease;
  transform: scale(1, 1);
  display: inline-block;
}