@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
    margin:0;
    padding:0;
    border: none;
}
html{
  /*font-size:62.5%;*/
}
*::after, *::before {
    box-sizing: border-box;
}
/*
body {
    font-family: 微软雅黑,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1;
    color: #333;
    word-break: break-all;
}
*/

/*这个请不要注释*/
body{
    font-size:12px;
    background:#f4f4f4;
    color:#666;
}

ul, li, p, a {
  list-style:none;
  text-decoration:none;
  margin:0;
  padding:0;
}

a {
  color:#5b5b5b;
  outline: medium none;
}
images {
  vertical-align:middle;
  border:none;
}
images {
    width:100%;
}
.mb-0 {margin-bottom:0 !important;}
.clearfix::before, .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.left{ float:left;}
.right{ float:right;}
.mp-10{ margin-top: 10px;}
.mb-10{ margin-bottom: 1rem !important;}
.color-yellow {color:#ff8200 !important;}
.color-red  {color: red !important;}
.bg-green {background:#48ca0a !important;}
.mb-10 { margin-bottom: 1rem !important;}
.padding-top-sm {padding-top:.5rem !important;}
.padding-bottom-sm {padding-bottom:.5rem !important;}
.padding-right-sm {padding-right:.5rem !important;}
.padding-left-sm {padding-left:.5rem !important;}
.padding-sm {padding:1rem !important;}
.padding-0-sm {padding:0 1rem !important;}
.images {width:100%;}
.pull-left {float:left !important;}
.pull-right {float:right !important;}
.text-center {text-align: center;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.color-gray {color:#999 !important;}
.margin-left-sm {margin-left:10px !important;}
.margin-top-sm {margin-top:.625px !important;}
.bg-white {background:#fff !important;}

.main-box {position:relative;max-width: 1280px;margin:auto;}
.top-box {position: relative;  padding: 5px 15px;padding-top:20px;}
.top-box .page-return {display: none;  position: absolute;  display: inline-block; top: 10px; left: .6rem;  width: 25px;  height: 25px;  background: url(../images/ico-left.png);  background-size: 100% 100%;}
.top-box h2 {  font-size: 15px;font-weight:700; text-align: center;  width: 70%;  margin: auto;color:#333;}

.info-box {padding:10px 15px;line-height: 22px;background:#fff;margin:10px;border-radius: 10px;}

.zf-title { position:relative;font-size:15px;padding:15px 0 5px;color:#5b82ff;padding-left:8px;display: none;align-items: center;}
.zf-title:after {position: absolute;left:0;width:3px;height: 12px;border-radius: 3px;background:#5b82ff;content: "";}

table { width: 100%;
		margin:5px 0 10px;
    border-collapse: collapse;
    border-radius: 0.4rem;
    border: 1px solid #b6c7ff;
    border-style: hidden !important;
    box-shadow: 0 0 0 1px #b6c7ff;
		overflow: hidden;
    text-align: center;}
table tr th,table tr td {line-height:20px;border-top:0 !important;border-left:0 !important;border-bottom:1px solid #b6c7ff !important;padding:3px;border-right: solid 1px #b6c7ff !important;text-align: center;}
table tr th {font-weight:400;background:#e9eeff !important;color:#5b82ff;}
table tr td b {font-weight: 400 !important;color:#5b82ff}



/* 首页 */
.fix-tab {
  background: url(../images/tab-bg.png) top center no-repeat #ffffff;
  background-size: 100% auto;
  padding-top: 2.7rem;
}

.fix-tab .tab-right {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 9.225rem;
  height: 2.5rem;
  background: url(../images/tab-right.png) center center no-repeat;
  background-size: 100% 100%;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: normal;
  padding-left: 0.85rem;
  box-sizing: border-box;
  color: #ffffff;
}

.fix-tab .tab-right img {
  width: 0.3rem;
  display: block;
  margin-left: 0.25rem;
}

/* .fix-tab .tab-top,.fix-tab .tab-bot,.fix-tab .tab-child{
  overflow-x: auto;
	margin-bottom:-1px;
} */

.fix-tab #tab.fix{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.fix-tab #tab.fix>div{
  background-color: #ffffff;
}
.fix-tab .tab-top ul {
  list-style: none;
  flex-wrap: nowrap;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 0;
	display: flex;
	            flex-direction: column;
	            flex-wrap: wrap;
}

.fix-tab .tab-top ul li {
  display: block;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 3rem;
  color: #999999;
  padding: 0 0.85rem;
  box-sizing: border-box;
  position: relative;
	width: 33%;
}

.fix-tab .tab-top ul li.on {
  font-weight: bold;
  color: #333333;
}

.fix-tab .tab-top ul li.on::after {
  content: '';
  display: block;
  width: 1.2rem;
  height: 0.2rem;
  background-image: linear-gradient(270deg,
      #5970fc 0%,
      #52aafc 100%),
    linear-gradient(#5b82ff,
      #5b82ff);
  border-radius: 0.088rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.35rem;
}



.fix-tab .tab-bot .tab-bot-list,.fix-tab .tab-bot ul {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0.3rem 0.85rem 0.525rem;
  box-sizing: border-box;
}

.fix-tab .tab-bot .tab-bot-item,.fix-tab .tab-bot li {
	display: block;
  height: 1.6rem;
  background-color: #f1f3fa;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.6rem;
  padding: 0 0.7rem;
  box-sizing: border-box;
  margin-right: 0.6rem;
  color: #999999;
}

.fix-tab .tab-bot .tab-bot-item.on,.fix-tab .tab-bot li.on {
  background-color: #71a2ff;
  color: #ffffff;
}

.tab-child-list {
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	padding: 0.3rem 0.85rem 0;
	box-sizing: border-box;
	
}

.tab-child-list .tab-child-item {
	display: block;
  height: 1.6rem;
  border-radius: 5px 5px 0 0;
  font-size: 0.75rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.6rem;
  padding: 0 0.7rem;
  box-sizing: border-box;
  color: #999999;
	border-right:solid 1px #ddd;
}
.tab-child-list .tab-child-item.on {
  background-color: #f4f4f4;
	color:#71a2ff;
	border:0;
}

.fix-page{
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  right: 0;
	font-size:14px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	color: #333333;
  background-color: #f4f4f4;
  padding: 0 15px;
  box-sizing: border-box;
}
/* .fix-page span{
  color: #5b82ff;
} */
.fix-page > p {
	color:#666;
	font-size:13px;
}
.p-t-2{
  padding-top: 2rem;
}
.back{
  position: fixed;
	display: block;
  bottom: 2.5rem;
  right: 0.5rem;
  width: 40px;
	width: 40px;
	box-shadow: 0rem 0.25rem 0.45rem 0rem 
	rgba(68, 71, 74, 0.3);
    font-size: 0;
    border-radius: 50%;
}
.back img{
  display: block;
  width: 100%;
}



/* 首页 */
.top-img {position: fixed;width: 100%;left:0;top:0; height: 1rem;overflow: hidden;z-index: 9;}
.top-img img {width: 100%;}
.category-box { position: relative;padding-top:1.3rem;}
.fl_l {width: 2rem;position:fixed;left:.2rem;top:1.3rem;}
.fl_l li {position:relative;display: flex;align-items: center;height: .7rem;padding-left:.3rem; cursor: pointer;}
.fl_l li.active {background:#fff;margin-bottom:.1rem;border-radius: .1rem;color:#0f82f2;box-shadow: 0 0 5px #ddd;font-weight: 700;}
.fl_l li.active a {color:#0f82f2}
.fl_l li.active:before {position: absolute;left:.1rem;width: .05rem;height: .2rem;background:#0f82f2;border-radius: .1rem;content: ""}
.fl_l li.active:after {  position: absolute;  right:-5px;  width:0px;  height:0px;  border-bottom:5px solid transparent;  border-top:5px solid transparent;  border-left:5px solid #fff;  font-size:0px;  line-height:0px;  content: "";  }
.fl_r {margin-left:2.4rem;background:#fff;border-radius:  .2rem ;margin-right:.2rem;}
.fl_r li {display: none;}
.title-row {padding:.1rem .2rem .1rem;font-size:14px;color:#333;}
.nav-list {padding:0 .1rem .1rem;}
.nav-itme {display:inline-flex;align-items: center;justify-content: center;margin:.1rem;border-radius: .1rem;background:#f4f4f4;color:#666;height: .5rem;padding:0 .2rem;}



@media (min-width:1280) {
	.fix-page {left:50%;width: 720px; margin-left:-365px;}
	.fix-tab {
		background: url(../images/tab-bg.png) 0 -20px no-repeat #ffffff;
		    background-size: 100% auto;
		    padding-top: 2.7rem;
	}
	.top-img {
		width: 720px;
		left:50%;
		margin-left:-360px;
	}
	.fl_r .nav-itme {
		height: .3rem;
		margin:.05rem;
	}
	.fl_l {
		left:50%;
		margin-left:-3.4rem;
	}
	
	.fl_l li {
		height: .4rem;
	}
}

@media (min-width:750px) {
	.fix-page > p {font-size:14px;line-height: 25px;}
	.top-box h2 {font-size:20px;}
	.info-box {font-size:14px;line-height: 25px;}
}