@charset "UTF-8";
/*Ã©â‚¬Å¡Ã§â€Â¨Ã§Â±Â»*/
@font-face {
  /* font-properties */
  font-family: pictos;
  src: url("/Public/skin/font/font.woff"), url("/Public/skin/font/font.ttf"), url("/Public/skin/font/font.eot");
  /* IE9 */ }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  overflow-x: hidden;
  background: #fff; }

body {
  font-family: 'Roboto';
  background: #fff;
  text-align: left;
  position: relative;
  font-size: 0.24rem;
  color: #2d2e30; }

/*Ã¤Â¸ÂÃ¥ÂÅ’Ã¨Â®Â¾Ã¥Â¤â€¡Ã¥Â­â€”Ã¤Â½â€œemÃ¥Å¸ÂºÃ¥â€¡â€ */
html {
  font-size: 42.6667px; }

@media screen and (max-width: 320px) {
  html {
    font-size: 42.6667px; } }
@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px; } }
@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px; } }
@media screen and (min-width: 376px) and (max-width: 414px) {
  html {
    font-size: 55px; } }
@media screen and (min-width: 415px) and (max-width: 484px) {
  html {
    font-size: 60px; } }
@media screen and (min-width: 485px) and (max-width: 720px) {
  html {
    font-size: 60px; } }
@media screen and (min-width: 721px) and (max-width: 768px) {
  html {
    font-size: 60px; } }
@media screen and (min-width: 769px) and (max-width: 1080px) {
  html {
    font-size: 60px; } }
@media screen and (min-width: 1080px) {
  html {
    font-size: 60px; } }
img {
  border: none; }

h1,
h2,
h3 {
  font-weight: normal; }

a {
  color: #2d2e30;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: noneÃ¯Â¼â€º; }

input,
textarea,
select {
  font-family: 'Roboto';
  font-size: 1em;
  outline: none;
  margin: 0;
  padding: 0; }

input::-webkit-input-placeholder {
  color: #a0a0a0 !important; }

textarea::-webkit-input-placeholder {
  color: #a0a0a0 !important; }

input[type='button'],
input[type='text'],
input[type='search'],
input[type='submit'],
input[type='reset'],
input[type='date'],
input[type='time'],
input[type='number'] {
  -webkit-appearance: none; }

select {
  -webkit-appearance: none; }

textarea {
  -webkit-appearance: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0; }

ul,
ol {
  padding: 0;
  list-style-type: none; }

em {
  font-style: normal; }

.lt {
  float: left; }

.rt {
  float: right; }

input.sub,
label {
  border: none;
  cursor: pointer; }

input,
textarea {
  font-family: 'Roboto';
  outline: none;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse; }

td,
th {
  padding: 0; }

div.clear {
  font: 0px Arial;
  line-height: 0;
  height: 0;
  overflow: hidden;
  clear: both; }

.cm_photo {
  display: block;
  position: relative;
  overflow: hidden; }

.cm_photo .thumb {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10; }

.cm_photo .zw {
  display: block;
  height: auto;
  width: 100%; }

.cls::after {
  content: '';
  display: block;
  clear: both; }

.contenthome {
  padding: 20px; }
  .contenthome img {
    width: 100%;
    max-width: 100%;
    height: auto !important; }
  .contenthome p {
    line-height: 22px;
    margin-bottom: 10px; }
  .contenthome li {
    line-height: 22px;
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 20px; }

.titlehome {
  float: left;
  padding-top: 10px;
  padding-left: 10px; }

.transition {
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  /* Firefox 4 */
  -webkit-transition: all 0.8s;
  /* Safari 和 Chrome */
  -o-transition: all 0.8s;
  /* Opera */ }

.huodong {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  opacity: 0.8; }

.huodong .mask {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  opacity: 0; }

.huodong .content {
  width: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  height: 100%;
  top: -100%; }

.huodong.active {
  opacity: 1; }

.huodong.active .mask {
  opacity: 1; }

.huodong.active .content {
  top: 2rem; }

.huodong .content img {
  width: 100%; }

.huodong .close {
  width: 10%;
  float: right;
  position: absolute;
  /*top: 0;*/
  right: 45%; }

.huodong .btn {
  position: absolute;
  width: 100%;
  height: 1.1rem;
  bottom: 0; }

#xiazai {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 15%;
  background-color: #ccc;
  z-index: 99; }

/*轮播图*/
/*重置*/
.hm_banner_1 {
  height: auto;
  margin-top: 0px; }

.public_slider {
  position: static;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0.2rem; }

/*导航栏*/
.hm_nav {
  margin-top: 0.3rem; }

.divlanguage {
  float: right;
  padding-top: 3px;
  padding-right: 3px; }

.bg_warp_inner {
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
  margin-bottom: 10px; }

#trans2 {
  width: 30px;
  height: 30px;
  padding-left: 3px;
  font-weight: 600; }

.divlanguage span {
  color: #fff;
  font-weight: 700; }

.hm_banner {
  height: 4.8rem;
  position: relative; }

.hm_banner img {
  width: 100%;
  height: auto; }

.public_slider {
  width: 94%;
  height: 0.7rem;
  left: 0.7rem;
  background: #fff url("../images/pub_slide.png") no-repeat left center;
  background-size: auto 100%;
  border-radius: 0.35rem;
  position: absolute;
  left: 3%;
  top: 3.85rem;
  z-index: 10;
  box-shadow: 0 0.05rem 0.05rem #ccc;
  font-size: 0.26rem; }

.public_slider .swiper-slide {
  padding-left: 0.84rem;
  text-align: left;
  line-height: 0.7rem; }

.public_slider .nm {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.public_slider .close {
  width: 0.9rem;
  height: 0.7rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background: url("../images/pub_close.png") no-repeat center center;
  background-size: auto 100%; }

.hm111_nav {
  /* background:#fff; */
  height: 1.8rem;
  /* margin-bottom: 0.24rem; */
  right: 15px;
  border-top: 5.24rem;
  position: absolute; }

.hm111_nav a {
  float: left;
  display: block;
  width: 25%;
  float: left;
  height: 1.8rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.24rem;
  /* padding-bottom: 0.25rem; */ }

.hm111_nav img {
  display: block;
  width: 2rem;
  position: absolute;
  /* height: 1rem; */
  margin: 0 auto;
  right: 2.5rem;
  top: -1.07rem; }

.hm222_nav {
  /* background:#fff; */
  height: 1.8rem;
  /* margin-bottom: 0.24rem; */
  right: 15px;
  border-top: 5.24rem;
  position: absolute; }

.hm222_nav a {
  float: left;
  display: block;
  width: 25%;
  float: left;
  height: 1.8rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.24rem;
  /* padding-bottom: 0.25rem; */ }

.hm222_nav img {
  display: block;
  width: 0.6rem;
  position: absolute;
  /* height: 1rem; */
  margin: 0 auto;
  right: 4.0rem;
  top: 0.1rem; }

.hm_nav {
  background: #fff;
  margin-bottom: 0.24rem; }

.hm_nav a {
  float: left;
  display: block;
  width: calc(25% - 10px);
  float: left;
  height: 1.8rem;
  box-sizing: border-box;
  text-align: center;
  font-size: 15px;
  padding-top: 0.22rem;
  border-radius: 15px;
  height: auto;
  padding: 5px 0;
  margin: 10px 5px; }

.hm_nav img {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  margin-bottom: 10px; }

.hm_lc {
  background: #fff; }

.hm_lc .head {
  height: 1rem;
  line-height: 1rem;
  clear: both;
  padding: 0 0.3rem; }

.hm_lc .tit {
  float: left;
  padding-left: 0.18rem;
  font-size: 0.28rem;
  position: relative; }

.hm_lc .tit i {
  display: block;
  width: 0.06rem;
  height: 0.32rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.16rem;
  background: #1e5bb0;
  border-radius: 0.03rem; }

.hm_lc .more {
  float: right;
  color: #999;
  font-size: 0.28rem; }

.lc_item {
  display: block;
  color: #ccc;
  width: 92%;
  padding: 0.2rem 0;
  margin: 0 auto 0.24rem auto;
  border-radius: 0.1rem;
  background: #fff;
  /* Ã¤Â¸â‚¬Ã¤Âºâ€ºÃ¤Â¸ÂÃ¦â€Â¯Ã¦Å’ÂÃ¨Æ’Å’Ã¦â„¢Â¯Ã¦Â¸ÂÃ¥ÂËœÃ§Å¡â€žÃ¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨ */
  box-shadow: 0 0 0.15rem #a2daff; }

.lc_item_h {
  padding-bottom: 10px; }

.lc_item .banner {
  width: 100%; }

.lc_item .title-wrapper-com {
  position: relative;
  /*height     : 0.7rem;*/
  line-height: 0.7rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  font-size: 0.28rem;
  color: #333333;
  font-weight: 600;
  padding-top: 5px; }

.banner .banner_img {
  width: 100%;
  height: auto; }

.lc_item .t1 {
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.32rem;
  padding: 0 0.28rem; }

.lc_item dl {
  padding-top: 10px;
  float: left;
  width: 3rem;
  /*height    : 1.6rem;*/
  text-align: center;
  box-sizing: border-box; }

.lc_item dt {
  /*height     : 0.5rem;*/
  font-family: 'Roboto';
  line-height: 0.5rem;
  /* padding-top: 0.38rem; */ }

.lc_item dt span {
  color: #333333; }

.lc_item dt font {
  color: #fe5c00; }

.lc_item dd {
  height: 0.4rem;
  line-height: 0.4rem;
  color: #333333;
  font-size: 0.24rem;
  font-weight: 500; }

.ib-foot {
  padding: 0 .2rem;
  display: flex;
  justify-content: space-between; }

.ib-foot p {
  color: #333333;
  margin: 0.1rem 0;
  font-size: 0.25rem; }

.other {
  text-align: center; }

.other .now-btn {
  display: inline-block;
  background: #ea292d;
  border: none;
  color: #fff;
  font-size: 0.28rem;
  width: 1.6rem;
  height: 0.6rem;
  border-radius: 0.1rem;
  line-height: 0.6rem;
  text-align: center;
  width: 90%; }

.plan {
  display: flex;
  font-size: 0.24rem;
  padding: 0 0.2rem;
  align-items: center;
  color: #333333;
  justify-content: space-between;
  margin-top: 10px; }

.plan-wrap {
  width: 4rem;
  height: 6px;
  border-radius: 0.1rem;
  background-color: #e7e7e7;
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes; }

.plan-con {
  height: 100%;
  border-radius: .45vw;
  background: #dc3545 !important;
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes; }

.plan-text {
  margin-left: 0.1rem;
  font-size: 0.28rem; }

.color1 {
  color: #333333; }

.lc_item .ct {
  float: left;
  width: 2.5rem;
  padding-bottom: 5px;
  text-align: center; }

.lc_item .ct dt {
  height: 0.5rem;
  color: #fe5c00; }

.lc_item .btn {
  display: block;
  width: 6rem;
  height: 0.78rem;
  line-height: 0.78rem;
  margin: .05rem auto;
  border-radius: 1rem;
  background: -webkit-linear-gradient(left top, #4491f7, #4eb7fc) !important;
  text-align: center;
  font-size: 0.32rem;
  color: #ffffff;
  box-shadow: 0 0 0.15rem #bee5ff; }

.hm_lc .wp {
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%; }

.hm_lc .s_list {
  padding: 0.2rem 0.1rem; }

.hm_lc .item {
  width: 44%;
  height: 1.6rem;
  float: left;
  margin: 3%;
  background: #fff;
  border-radius: 0.1rem;
  background: #fff;
  box-shadow: 0 0 0.15rem #a2daff;
  text-align: center; }

.hm_lc .item dt {
  font-size: 0.32rem;
  height: 0.52rem;
  line-height: 0.52rem;
  padding-top: 0.32rem; }

.hm_lc .item dd {
  color: #aeaeae; }

/* Ã¨Â½Â®Ã¦â€™Â­Ã¦â€“â€¡Ã¥Â­â€” */
.vip-open-notice {
  border-radius: 0.16rem;
  padding: 0.2rem 0.15rem;
  width: 90%;
  margin: 0.2rem auto;
  background: #e22825;
  color: #fff; }

.vip-open-notice .uni-image {
  width: 40px;
  height: 20px; }

.flex {
  display: flex;
  align-items: center; }

.uni-image {
  display: inline-block;
  position: relative; }

.uni-image > div, .uni-image > img {
  width: 100%;
  height: 100%; }

.ft14 {
  font-size: 0.28rem; }

.hm_banner_1 {
  padding: 0.2rem;
  box-sizing: border-box; }

.divlanguage span {
  color: #222 !important;
  font-weight: 700; }

.bg_warp {
  width: 100%;
  position: relative;
  border-radius: 0px 0px 0.16rem 0.16rem;
  box-sizing: border-box; }

.swiper-container {
  border-radius: 0.16rem; }

/*# sourceMappingURL=26.css.map */
