* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  -webkit-touch-callout: none;
  /*ϵͳĬ�ϲ˵�������*/
  -webkit-user-select: text !important;
  /*webkit�����*/
  -moz-user-select: none;
  /*���*/
  -ms-user-select: none;
  /*IE10*/
  user-select: none;
}
#app {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 10rem;
  margin: 0 auto;
  background-color: red;
  width: 100vw;
  height: 100%;
  background: #E4E3E2;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
  /* =16rem/@base-font */
  background-color: black;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.top img {
  width: 10rem;
  height: 4.6875rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.container {
  position: relative;
  top: 0;
}
.head {
  height: 1.4375rem;
  background-image: url("../img/head_bg.jpg");
  background-repeat: no-repeat;
  background-size: 10rem 1.4375rem;
}
.head img {
  width: 10rem;
  height: 92 rem / 64;
}
#container {
  height: 1.4375rem;
  margin-right: 0.78125rem;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
}
#container img {
  width: 0.4375rem;
  height: 0.375rem;
}
.title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin: 0.46875rem 0 0.3125rem 0;
}
.title_logo {
  width: 0.578125rem;
  height: 0.65625rem;
  margin-right: 0.3125rem;
}
.title p {
  font-size: 0.4375rem;
  color: #333333;
}
.top_01 {
  width: 100%;
  height: 4.6875rem;
}
.top_yuyue {
  width: 1.609375rem;
  height: 0.546875rem;
  position: absolute;
  top: 4.09375rem;
  left: 6.09375rem;
}
.fenlei {
  display: flex;
  flex-flow: row  nowrap;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  background-color: white;
  border-radius: 0.15625rem;
  width: 9.6875rem;
  height: 5.84375rem;
  padding-top: 0.3125rem;
}
.fenlei_top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  width: 9.6875rem;
  margin-bottom: 0.390625rem;
}
.fenlei_top_01 {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.fenlei_top_01 img {
  width: 1.46875rem;
  height: 1.46875rem;
  margin-bottom: 0.078125rem;
}
.fenlei_top_01 p {
  font-size: 0.3125rem;
  color: #333333;
  text-align: center;
}
.fenlei_bottom img {
  width: 10rem;
  height: 1.96875rem;
}
.title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}
.title img {
  width: 0.578125rem;
  height: 0.65625rem;
}
.title p {
  color: #c8161d;
  font-size: 0.5rem;
  font-weight: bold;
}
.title_xin p {
  color: white;
  font-size: 0.21875rem;
}
.title_bottom {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 2.734375rem;
}
.content {
  width: 6.25rem;
  height: 0.46875rem;
  overflow: hidden;
}
.content ul li {
  line-height: 0.46875rem;
}
.content ul li a {
  font-size: 0.375rem;
  color: #666666;
  display: block;
  width: 5.9375rem;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content_right {
  color: #3388ff;
}
.scroll-box {
  width: 6.25rem;
  height: 0.46875rem;
  overflow: hidden;
}
.scroll-box ul li {
  line-height: 0.46875rem;
}
.scroll-box ul li a {
  font-size: 0.375rem;
  color: #666666;
  display: block;
  width: 5.9375rem;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.four_banner a img {
  width: 4.53125rem;
}
.four_banner {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-around;
  padding: 0.53125rem 0.15625rem 0.3125rem 0.15625rem;
  background-color: white;
  width: 100%;
}
.tab_content {
  background-color: white;
  border-radius: 0.15625rem;
  width: 97%;
  margin: 0 auto;
  padding: 0.3125rem;
}
#navGroup {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  border-bottom: 0.015625rem solid #D5DAE5;
}
#navGroup h2 {
  height: 0.78125rem;
  line-height: 0.78125rem;
}
#navGroup h2:first-child {
  font-size: 0.375rem;
  color: #11C472;
  font-weight: 400;
}
#navGroup h2:nth-child(2) {
  font-size: 0.375rem;
  color: #26A0FB;
  font-weight: 400;
}
#navGroup h2:nth-child(3) {
  font-size: 0.375rem;
  color: #FFAE26;
  font-weight: 400;
}
#navGroup h2:last-child {
  font-size: 0.375rem;
  color: #FE6D4D;
  font-weight: 400;
}
#navGroup h2:first-child:hover {
  border-bottom: 0.015625rem solid #11C472;
}
#navGroup h2:nth-child(2):hover {
  border-bottom: 0.015625rem solid #26A0FB;
}
#navGroup h2:nth-child(3):hover {
  border-bottom: 0.015625rem solid #FFAE26;
}
#navGroup h2:nth-child(4):hover {
  border-bottom: 0.015625rem solid #FE6D4D;
}
#tabGroup li {
  display: none;
}
#tabGroup .current {
  display: block;
}
.tab_list h6 a {
  font-size: 0.46875rem;
  color: #333333;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.390625rem 0;
}
.tab_list p a:nth-child(1) {
  font-size: 0.34375rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.tab_list p a span {
  font-size: 0.34375rem;
  color: #3388ff;
}
.tab_list p {
  padding-bottom: 0.3125rem;
  border-bottom: 0.015625rem solid #EEEEEE;
}
.list_phone {
  background-color: #D1232A;
  border-radius: 0.15625rem;
  width: 100%;
  height: 0.78125rem;
  color: white;
  font-size: 0.375rem;
  text-align: center;
  line-height: 0.78125rem;
  margin: 0 auto;
}
.list_bottom_img img {
  width: 9.25rem;
  height: 2.1875rem;
  margin: 0 auto;
}
.list_bottom_img {
  padding-top: 0.78125rem;
}
.device {
  width: 10rem;
  height: 4.6875rem;
  padding: 0.46875rem 0.625rem;
  margin: 0.078125rem auto;
  position: relative;
  border-bottom: 1px solid #C4C4C4;
}
.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 0.15625rem;
  top: 50%;
  margin-top: -0.234375rem;
  width: 0.265625rem;
  height: 0.46875rem;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 0.15625rem;
  top: 50%;
  margin-top: -0.234375rem;
  width: 0.265625rem;
  height: 0.46875rem;
}
.swiper-container {
  height: 4.6875rem;
  width: 9.375rem;
  position: relative;
  top: -0.625rem;
  margin: 0 auto;
  left: -0.3125rem;
}
.content-slide {
  padding: 0.3125rem;
  color: #fff;
}
.title {
  font-size: 0.390625rem;
  margin-bottom: 0.15625rem;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0.078125rem;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 0.15625rem;
  height: 0.15625rem;
  border-radius: 0.15625rem;
  background: #999;
  box-shadow: 0rem 0.015625rem 0.03125rem #555 inset;
  margin: 0 0.046875rem;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0rem, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0rem, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0rem, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0rem, 0rem);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0rem, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0rem, 0, 0);
  transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200rem/@base-font;
  height: 100rem/@base-font;*/
}
.swiper-slide {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
.swiper-slide a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.lunbo_lvshi {
  position: relative;
  top: -0.78125rem;
  font-size: 0.28125rem;
  color: white;
  text-align: center;
}
.swiper-slide a img {
  width: 2.8125rem;
  height: 2.96875rem;
  border-top-right-radius: 0.078125rem;
  border-top-left-radius: 0.078125rem;
}
.swiper-slide a p {
  font-size: 0.3125rem;
  color: white;
  background: -webkit-linear-gradient(top, #CB2F26, #CB2730);
  background: -o-linear-gradient(top, #CB2F26, #CB2730);
  background: -moz-linear-gradient(top, #CB2F26, #CB2730);
  background: -mos-linear-gradient(top, #CB2F26, #CB2730);
  background: linear-gradient(top, #CB2F26, #CB2730);
  width: 2.8125rem;
  height: 0.46875rem;
  line-height: 0.46875rem;
  border-bottom-left-radius: 0.078125rem;
  border-bottom-right-radius: 0.078125rem;
  text-align: center;
  position: relative;
  top: -0.4375rem;
}
.vs {
  border-bottom: 1px solid #C4C4C4;
}
.vs img {
  width: 10rem;
  height: 14.359375rem;
}
.vs_top_p {
  font-size: 0.3125rem;
  color: #999999;
  text-align: center;
  width: 9.375rem;
  margin: 0 auto;
}
.vs_bottom_button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
.vs_bottom_button a {
  font-size: 0.4375rem;
  color: white;
  text-align: center;
  background-color: #AE0E16;
  width: 4rem;
  height: 0.9375rem;
  line-height: 0.9375rem;
  border-radius: 0.078125rem;
  margin-top: 0.46875rem;
}
.vs_bottom_p {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  margin-left: 0.546875rem;
  padding: 0.15625rem 0 0.78125rem 0;
  font-size: 0.3125rem;
  color: #ae0e16;
}
.news_content {
  background-color: white;
  border-radius: 0.15625rem;
  width: 97%;
  margin: 0 auto;
  padding: 0.3125rem;
}
.news_content a img {
  margin: 0.46875rem auto 0.15625rem auto;
  width: 9.046875rem;
  height: 1.875rem;
}
#news_list {
  width: 9.375rem;
  height: 5.3125rem;
  overflow: hidden;
}
#news_list ul li {
  height: 1.09375rem;
  line-height: 1.09375rem;
  padding-left: 0.234375rem;
}
#news_list ul li h4 a {
  font-size: 0.5625rem;
  color: #cb2a2b;
}
#news_list ul li a {
  font-size: 0.46875rem;
  color: #666666;
  display: block;
  width: 8.59375rem;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#news_list ul li a:nth-child(2) {
  color: #cb2a2b;
}
.news_list {
  width: 9.375rem;
  height: 5.3125rem;
  overflow: hidden;
}
.news_list ul li {
  height: 0.9375rem;
  line-height: 0.9375rem;
}
.news_list ul li h4 a {
  font-size: 0.5625rem;
  color: #cb2a2b;
}
.news_list ul li a {
  font-size: 0.46875rem;
  color: #666666;
  display: block;
  width: 8.59375rem;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.news_list ul li a:nth-child(2) {
  color: #cb2a2b;
}
.yizan {
  width: 5.9375rem;
  height: 0.46875rem;
  overflow: hidden;
}
.yizan ul li {
  line-height: 0.46875rem;
}
.yizan ul li a {
  font-size: 0.375rem;
  color: #576b95;
  font-weight: bold;
  display: block;
  width: 5.9375rem;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.title1 {
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 0.46875rem;
}
.zixun {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 0.3125rem 0;
  border-bottom: 1px solid #C4C4C4;
  margin: 0 0.46875rem;
}
.zixun_left a img {
  width: 0.96875rem;
  height: 0.96875rem;
  border-radius: 0.078125rem;
}
.zixun_right_top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.zixun_right_center {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 2.34375rem;
  overflow:hidden;
}
.zixun_right_center a img {
  max-width: 2.34375rem;
  border-radius: 0.078125rem;
}
.zixun_right {
  width: 90%;
  margin-left: 0.234375rem;
}
.zixun_right_top p {
  font-size: 0.421875rem;
  color: #576b95;
  font-weight: bold;
}
.zixun_right_top a {
  font-size: 0.375rem;
  color: #c00000;
}
.zixun_right_p {
  font-size: 0.421875rem;
  color: #222222;
  padding: 0.3125rem 0 0.78125rem 0;
}
.zixun_right_time {
  font-size: 0.3125rem;
  color: #6a6a6a;
  margin-top: 0.15625rem;
}
.yizan_xin {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #6A6A6A;
  height: 0.625rem;
  line-height: 0.625rem;
  padding-right: 0.15625rem;
  margin-right: 0.15625rem;
}
.yizan_xin img {
  width: 0.453125rem;
  height: 0.421875rem;
}
.yizan_num {
  font-size: 0.21875rem;
  color: white;
  position: relative;
  left: -0.390625rem;
}
.yizan_text {
  font-size: 0.375rem;
  color: #2e2e2e;
}
.foot_content {
  width: 100%;
  background-color: #272D39;
}
.foot_content img {
  width: 10rem;
  height: 2.03125rem;
}
.foot_list {
  padding: 0.3125rem 0.3125rem;
}
.foot_list p {
  font-size: 0.4375rem;
  color: #c6cee0;
  padding: 0 0.3125rem;
}
.foot_list ul li {
  padding: 0 0.3125rem;
}
.foot_list ul li a {
  font-size: 0.375rem;
  color: #657793;
}
.foot_list ul {
  display: flex;
  flex-flow: row wrap;
}
.erweima {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  margin: 0.3125rem 0;
}
.erweima_left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.erweima_left img {
  width: 3.75rem;
  height: 3.75rem;
  margin-bottom: 0.15625rem;
}
.erweima_left p {
  font-size: 0.375rem;
  color: #333333;
}
.top_up {
  display: flex;
  flex-flow: row;
  justify-content: center ;
  align-items: center;
  padding: 5px 0;
  margin-top:-45px;
  z-index:999;

}
.top_up a img {
  width:30px;
  float:right;
 
}
button:hover {
  cursor: pointer;
}
.wrap > div {
  opacity: 0;
  padding: 10px;
}
.wrap1 {
  padding: 1.5625rem;
  background-color: #F4F4F4;
}
.layer-right1 ul li a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.375rem;
  color: #333333;
  /*margin-left: 5px;*/
  /*letter-spacing: 0.3125rem;*/
}
.layer-right1 ul li a img {
  margin: 0.45rem .3rem;
  width: 0.45rem;
  height: 0.45rem;
}
.layer-right1 ul li a:focus {
	background:#CCCCCC;
}

.layer-right1_img img {
  width: 0.3125rem;
  height: 0.546875rem;
  position: relative;
  margin-right: .3rem
}
.right_img img {
  width: 100%;
}

.mSlider-inner{
	width: 35%!important;
	overflow: auto;
}
.layer-right1_img {
	text-align: right;
	padding-right: 5px;
}
.layer-right ul {
	margin-bottom: 10px;
}
.layer-right.layer-right1 {
	background: #f4f4f4;
}