body{
	margin: 0;
}

#app {
	font-family: Avenir,Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50
}

div[rel=mainPage] {
	font-family: PingFangSC-Medium;
	min-width: 1200px
}

*{
	box-sizing: border-box;
}

.anchor a { text-decoration: none; color: #FFF; }
.anchor {
  height: 6rem;
}
.fix{
  border-bottom: 0.17rem solid #fff;
}

div[rel=mainPageHeader][data-v-1c5263a5] {
	height: 33.33rem;
	background: url(//img.58cdn.com.cn/git/teg-app-fe/bass-open-platform/static/img/main-header@2x.png) no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #fff;
	text-align: left
}

div[rel=mainPageHeader] img.title[data-v-1c5263a5] {
	margin: 5rem 0 1rem;
	height: 3.1rem
}

div[rel=mainPageHeader] p.desc[data-v-1c5263a5] {
	font-size: 1.33rem;
	margin: 1rem 0
}

div[rel=mainPageHeader] div.btn[data-v-1c5263a5] {
	margin-top: 2.6rem
}

div[rel=mainPageTopbar] .wrap.fixed[data-v-602641ac] {
	position: fixed;
	top: 0;
	left: 0;
	background: #001b41;
	width: 100%;
	height: 6rem
}

div[rel=mainPageTopbar] .wrap.fixed .topbar[data-v-602641ac] {
	width: 1190px;
	margin: auto
}

div[rel=mainPageTopbar] .topbar[data-v-602641ac] {
	font-family: PingFangSC-Medium;
	height: 6rem
}

div[rel=mainPageTopbar] .topbar img.logo[data-v-602641ac] {
	height: 2.33rem;
	margin-right: 3rem;
	margin-top: 2.42rem;
	float: left
}

div[rel=mainPageTopbar] .topbar .anchor[data-v-602641ac],div[rel=mainPageTopbar] .topbar a[data-v-602641ac] {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

div[rel=mainPageTopbar] .topbar .anchor[data-v-602641ac] {
	display: inline-block;
	font-size: 1.33rem;
	min-width: 5.4rem;
	text-align: center;
	margin-left: 2.5rem;
	padding-top: 2.75rem;
	line-height: 1.5rem;
	box-sizing: border-box
}

div[rel=mainPageTopbar] .topbar .anchor.current[data-v-602641ac] {
	border-bottom: .17rem solid #fff
}

div[rel=mainPageTopbar] .topbar .anchor[data-v-602641ac]:after {
	content: "";
	width: 100%;
	display: inline-block
}

div[rel=mainPageTopbar] .topbar .sign[data-v-602641ac] {
	float: right;
	font-size: 1rem;
	padding-top: 2.92rem;
	height: 100%;
	box-sizing: border-box
}

div[rel=mainPageTopbar] .topbar .sign a[data-v-602641ac] {
	padding: 0 .25rem
}

div[rel=mainPageAdvantage][data-v-8811f67c] {
	background-color: #f7f7f7;
	padding: 6.67rem 0
}

div[rel=mainPageAdvantage] .items .item[data-v-8811f67c] {
	width: 31.33rem;
	height: 30.33rem;
	background: #fff;
	box-shadow: 0 .083rem .5rem 0 rgba(97,151,217,.19);
	border-radius: .167rem;
	padding: 2.5rem 0;
	box-sizing: border-box;
	float: left;
}
div[rel=mainPageAdvantage] .items .item.first[data-v-8811f67c] {
  margin-right: 2.7rem;
}
div[rel=mainPageAdvantage] .items .item.last[data-v-8811f67c] {
	float: right;
}
div[rel=mainPageAdvantage] .items .item[data-v-8811f67c]:hover {
	box-shadow: 0 .083rem 1.167rem 0 rgba(97,151,217,.35)
}

div[rel=mainPageAdvantage] .items .item img[data-v-8811f67c] {
	width: 23rem;
	margin-bottom: 2.42rem
}

div[rel=mainPageAdvantage] .items .item div[data-v-8811f67c] {
	font-size: 1.33rem;
	line-height: 1.5rem;
	margin-bottom: .83rem
}

div[rel=mainPageAdvantage] .items .item p[data-v-8811f67c] {
	font-size: 1.17rem;
	color: #9d9d9d;
	line-height: 2rem;
	margin: 0
}

div[rel=mainPageProperty][data-v-be1b1d66] {
	padding: 6.67rem 0 2.6rem
}

div[rel=mainPageProperty] .items .item[data-v-be1b1d66] {
	padding: 1.1rem 0 3.9rem;
	box-sizing: border-box;
	width: 33.33%;
	float: left;
}
div[rel=mainPageProperty] .items .item.last{
	float: right;
}
div[rel=mainPageProperty] .items .item img[data-v-be1b1d66] {
	width: 3.33rem;
	margin-bottom: 1.37rem
}

div[rel=mainPageProperty] .items .item div[data-v-be1b1d66] {
	font-size: 1.33rem;
	line-height: 1.5rem;
	margin-bottom: 1.1rem
}

div[rel=mainPageProperty] .items .item p[data-v-be1b1d66] {
	font-size: 1.17rem;
	color: #9d9d9d;
	line-height: 2rem;
	margin: 0
}

div[rel=mainPageCase] {
	background-color: #f7f7f7;
	padding: 6.67rem 0
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	display: block;
	clear: both;
	content: ""
}

div[rel=mainPageCase] .case-tab-handler {
	list-style: none;
	padding: 1.2rem 0 0;
	width: 67.5rem;
	margin: 0 auto
}

div[rel=mainPageCase] .case-tab-handler li {
	float: left;
	font-size: 1.67rem;
	line-height: 1.83rem;
	padding-bottom: 2.2rem;
	min-width: 5.1rem;
	cursor: pointer;
	float: left;
}
div[rel=mainPageCase] .case-tab-handler li {
	margin-right: 26.1rem;
}
div[rel=mainPageCase] .case-tab-handler li.last {
	margin-right: 0;
}
div[rel=mainPageCase] .case-tab-handler li.current {
	border-bottom: .42rem solid #1f5df0
}

div[rel=mainPageCase] .case-tab-pane {
	background: #fff;
	padding: 2.5rem 2.5rem 2.5rem 3.3rem;
	color: #666;
	font-size: 1.33rem;
	line-height: 2rem;
	border-radius: .167rem
}

div[rel=mainPageCase] .case-tab-pane:hover {
	box-shadow: 0 .083rem 1.167rem 0 rgba(97,151,217,.35)
}

div[rel=mainPageCase] .case-tab-pane .case-detail {
	float: left
}

div[rel=mainPageCase] .case-tab-pane .case-detail .case-text {
	width: 35rem;
	text-align: left
}

div[rel=mainPageCase] .case-tab-pane .case-detail h4 {
	font-size: 1.33rem;
	text-align: left;
	color: #000
}

div[rel=mainPageCase] .case-tab-pane .case-detail ol {
	text-align: left;
	padding-left: 1.5rem
}

div[rel=mainPageCase] .case-tab-pane .case-detail ol li {
	line-height: 2.5rem;
	margin-bottom: 1.08rem
}

div[rel=mainPageCase] .case-tab-pane .graph {
	float: right;
	padding: 1.75rem 3.08rem;
	display: inline-block;
	background: #f7f7f7;
	border-radius: .167rem
}

div[rel=mainPageCase] .case-tab-pane .graph img {
	width: 46.42rem
}

div[rel=mainPageUsage][data-v-842eb27c] {
	padding: 6.67rem 0
}

div[rel=mainPageUsage] .usage-container[data-v-842eb27c] {
	box-shadow: 0 .083rem .5rem 0 rgba(97,151,217,.19);
	border-radius: .167rem;
	padding: 7.83rem 0
}

div[rel=mainPageUsage] .usage-container[data-v-842eb27c]:hover {
	box-shadow: 0 .083rem 1.167rem 0 rgba(97,151,217,.35)
}

div[rel=mainPageUsage] .usage-container img[data-v-842eb27c] {
	width: 93.17rem;
	cursor: default
}

div[rel=mainPageFooter][data-v-96820376] {
	background: #0f294d;
	padding: 1.67rem 0;
	height: 10rem;
	box-sizing: border-box
}

div[rel=mainPageFooter] .wrap[data-v-96820376] {
	text-align: left
}

div[rel=mainPageFooter] img.logo[data-v-96820376] {
	height: 3.33rem;
	vertical-align: middle
}

div[rel=mainPageFooter] .contact[data-v-96820376] {
	height: 6.67rem;
	line-height: 6.67rem;
	display: inline-block;
	border-left: .04rem solid #818583;
	margin-left: 11.42rem;
	padding-left: 10rem
}

div[rel=mainPageFooter] .contact .txt[data-v-96820376] {
	font-size: 1.17rem;
	color: #fff
}

div[rel=mainPageFooter] .contact a[data-v-96820376] {
	font-size: 1rem;
	opacity: .4;
	color: #fff;
	margin-left: 1.67rem;
	text-decoration: none
}

div[rel=mainPageFooter] div.btn[data-v-96820376] {
	float: right;
	margin-top: 1.83rem
}

.wrap {
	width: 1190px;
	margin: auto
}

.wrap .section-title {
	font-size: 2.67rem;
	line-height: 2.83rem;
	margin-bottom: 3.33rem;
	cursor: default
}

.wrap .section-title .subtitle {
	font-size: 1.333rem;
	line-height: 1.333rem;
	color: #999;
	margin-top: 1.17rem
}

.wrap .section-title span.line {
	display: inline-block;
	width: 6.67rem;
	height: .5rem;
	background-color: #1f5df0;
	vertical-align: top;
	margin-top: 1.67rem
}

div.btn {
	font-family: PingFangSC-Medium;
	border: .083rem solid #fff;
	width: 20rem;
	height: 2.92rem;
	line-height: 2.92rem;
	text-align: center;
	font-size: 1.33rem;
	cursor: pointer;
	color: #fff
}
div.btn a {
	color: #fff;
	text-decoration: none;
}

div.btn:hover {
	background: #fff;
	color: #000;
	cursor: pointer
}
div.btn:hover a {
	color: #000;
}
.immediateExper{
  font-family: PingFangSC-Medium;
  border: .083rem solid #fff;
  width:20rem;
  height:2.92rem;
  line-height: 2.92rem;
  text-align: center;
  font-size: 1.33rem;
  cursor: pointer;
  color:#fff;
  text-decoration: none;
  display: inline-block;
}
.immediateExper:hover{
  background: #fff;
  color: #000;
  cursor: pointer;
}
.immediateExper:hover a{
  color:#000;
}