.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #f2f2f2; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

body { font-size: 0.26rem; background: #fff; }

.banner { position: relative; }
.banner img { width: 100%; }
.banner .banner-f { position: absolute; left: 0; right: 0; top: 0; padding-top: 0.25rem; }
.banner .banner-f .banner-f1 h2 { width: 3rem; margin: 0 auto; margin-bottom: 0.16rem; }
.banner .banner-f .banner-f1 span { line-height: 0.36rem; border-radius: 0.077rem; background: #304f91; color: #fff; text-align: center; font-size: 0.23rem; margin-left: 0.93rem; padding-right: 0.15rem; margin-bottom: 0.3rem; display: inline-block; }
.banner .banner-f .banner-f1 p { font-size: 0.18rem; text-align: right; color: #fff; letter-spacing: 0.01rem; margin-bottom: 0.3rem; margin-right: 0.47rem; }

.index-1 { background: #fff; text-align: center; padding: 0 0.05rem; padding-bottom: 0.37rem; }
.index-1 h2 { font-size: 0.21rem; color: #304f91; margin-bottom: 0.13rem; }
.index-1 p { font-size: 0.18rem; color: #333; margin-bottom: 0.54rem; }
.index-1 a { margin-top: 0.28rem; }

.tvn { width: 1.1rem; height: 0.3rem; background-color: #2887e0; display: block; margin: 0 auto; color: #fff; text-align: center; line-height: 0.3rem; font-size: 0.16rem; }

.index-2 { height: 5rem; background: url(../images/bg-2.jpg) no-repeat; background-size: cover; background-position: center; padding-top: 0.44rem; }
.index-2 > .c > h2 { font-size: 0.24rem; color: #333; margin-bottom: 0.53rem; text-align: center; font-weight: bold; }
.index-2 .index-2-1 { padding-left: 0.17rem; }
.index-2 .index-2-1 .index-21l { float: left; width: 1.68rem; height: 1.1rem; overflow: hidden; border: 4px solid #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14); margin-right: 0.16rem; }
.index-2 .index-2-1 .index-21l img { width: 100%; }
.index-2 .index-2-1 .index-21r { float: left; width: 1.85rem; padding-top: 0; }
.index-2 .index-2-1 .index-21r h2 { font-size: 0.14rem; color: #333; background: url(../images/icon-1.png) no-repeat; background-position: left 0.03rem; background-size: 0.14rem; padding-left: 0.21rem; margin-bottom: 0.14rem; }
.index-2 .index-2-1 .index-21r h3 { font-size: 0.14rem; color: #304f91; background: url(../images/icon-2.png) no-repeat; background-position: left 0.03rem; background-size: 0.14rem; padding-left: 0.21rem; margin-bottom: 0.15rem; }
.index-2 .index-2-1 .index-21r a { width: 1.1rem; height: 0.3rem; background-color: #2887e0; display: block; color: #fff; text-align: center; line-height: 0.3rem; margin-left: 0.25rem; font-size: 0.16rem; }
.index-2 .index-2-2 { margin-top: 0.49rem; padding-left: 0.2rem; }
.index-2 .index-2-2 .index-22l { float: left; width: 1.85rem; padding-top: 0; margin-right: 0.15rem; }
.index-2 .index-2-2 .index-22l h2 { font-size: 0.14rem; color: #333; background: url(../images/icon-3.png) no-repeat; background-position: right 0.03rem; padding-right: 0.26rem; background-size: 0.16rem; margin-bottom: 0.14rem; text-align: right; }
.index-2 .index-2-2 .index-22l h3 { font-size: 0.14rem; color: #304f91; background: url(../images/icon-4.png) no-repeat; background-position: right center; padding-right: 0.26rem; margin-bottom: 0.14rem; text-align: right; }
.index-2 .index-2-2 .index-22l a { margin-right: 0.2rem; float: right; }
.index-2 .index-2-2 .index-22r { float: left; width: 1.65rem; height: 1rem; overflow: hidden; border: 4px solid #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14); }
.index-2 .index-2-2 .index-22r img { width: 100%; }

.index-3 { padding-top: 0.76rem; text-align: center; }
.index-3 h2 { text-align: center; font-size: 0.24rem; font-weight: bold; margin-bottom: 0.38rem; }
.index-3 .c { position: relative; padding-bottom: 0.49rem; }
.index-3 .index-3n1 { position: absolute; bottom: 2.7rem; left: 0.23rem; width: 2.29rem; line-height: 0.24rem; text-align: left; font-weight: bold; font-size: 0.15rem; /*color: #304f91;*/ }
.index-3 .index-3n1 a { display: block; text-align: right; font-size: 0.14rem; color: #3079e7; }
.index-3 .index-3n2 { position: absolute; bottom: 1.7rem; left: 1rem; width: 2.45rem; text-align: left; font-weight: bold; font-size: 0.15rem; }
.index-3 .index-3n2 a { display: block; text-align: right; font-size: 0.14rem; color: #3079e7; margin-top: 0.1rem; }
.index-3 .index-3n3 { position: absolute; bottom: 0.75rem; left: 2.1rem; width: 1.68rem; text-align: left; font-weight: bold; font-size: 0.15rem; }
.index-3 .index-3n3 a { display: block; text-align: right; font-size: 0.14rem; color: #3079e7; margin-top: 0.05rem; }

.index-4 { height: 6.71rem; background: url(../images/bgg.jpg) no-repeat; background-size: cover; background-position: center; padding-top: 0.44rem; overflow: hidden; }
.index-4 > .c > h2 { text-align: center; font-size: 0.24rem; color: #333; font-weight: bold; margin-bottom: 0.22rem; }
.index-4 .c { position: relative; }
.index-4 .item { width: 100%; position: absolute; }
.index-4 .item .img-group { width: 2.58rem; float: left; }
.index-4 .item h2 { width: 1.13rem; font-size: 0.14rem; line-height: 0.22rem; margin-left: 0.06rem; float: left; }
.index-4 .item h2 span { font-size: 0.14rem; font-weight: bold; color: #2787e0; }
.index-4 .item .if { position: absolute; left: 1.2rem; top: -0.2rem; width: 0.73rem; }
.index-4 .item .if2 { position: absolute; left: 0rem; top: 0.4rem; width: 0.73rem; }
.index-4 .item-1 { left: 0.09rem; top: 0.69rem; z-index: 3; }
.index-4 .item-2 { left: 0.09rem; top: 2.6rem; z-index: 2; }
.index-4 .item-2 .img-group { margin-right: 0; margin-left: 0.05rem; }
.index-4 .item-2 h2 { padding-top: 0.06rem; }
.index-4 .item-2 h2 a { margin-top: 0.14rem; }
.index-4 .item-3 { left: 0.13rem; top: 4.3rem; z-index: 1; }
.index-4 .item-3 h2 { width: 1.13rem; }
.index-4 .item-3 h2 a { margin-top: 0.09rem; }

.index-5 { padding: 0 0.1rem; padding-top: 0.45rem; padding-bottom: 0.41rem; }
.index-5 > h2 { font-size: 0.2rem; text-align: center; font-weight: bold; width: 2.22rem; margin: 0 auto; line-height: 0.4rem; color: #333333; margin-bottom: 0.19rem; }
.index-5 .index-5n { padding: 0 0.14rem; padding-top: 0.26rem; padding-bottom: 0.5rem; }
.index-5 .index-5n h2 { color: #304f91; text-align: left; margin-bottom: 0.13rem; }
.index-5 .index-5nl { float: left; margin-bottom: 0; width: 1.37rem; height: 1.88rem; overflow: hidden; margin-right: 0.1rem; }
.index-5 .index-5nl img { width: 100%; }
.index-5 .index-5nr { float: left; width: 2rem; padding-top: 0; }
.index-5 .index-5nr ul { margin-bottom: 0.1rem; }
.index-5 .index-5nr ul li { font-size: 0.14rem; margin-bottom: 0.12rem; position: relative; padding-left: 0.09rem; text-align: left; }
.index-5 .index-5nr ul li::after { content: ' '; position: absolute; left: 0px; top: 0.09rem; width: 0.05rem; height: 0.05rem; border-radius: 50%; background: #304f91; }
.index-5 .index-5nr a { float: left; margin-left: 0.11rem; }

.index-6 { height: 3.05rem; background: url(../images/bg-3.jpg) no-repeat; background-size: cover; background-position: center; color: #fff; padding-top: 0.54rem; }
.index-6 h2 { font-size: 0.282rem; font-weight: bold; text-align: center; width: 3.45rem; height: 0.86rem; line-height: 0.66rem; margin: 0 auto; background: url(../images/bk.png) no-repeat; margin-bottom: 0.32rem; background-size: 100%; }
.index-6 a { display: block; margin: 0 auto; width: 2.22rem; line-height: 0.3rem; border: 1px solid #fff; text-align: center; color: #fff; font-size: 0.16rem; margin-bottom: 0.34rem; }
.index-6 img { display: block; margin: 0 auto; margin-bottom: 32px; width: 2.05rem; }



#s-actionBar-container {
    position: fixed;
    left: 0px;
	bottom: 0;
	width: 100%;
	z-index: 999;
	background: #ffffff;
}

#s-actionBar-container .action-bar {
	color: #999;
	border: 1px solid #E5E5E5;
}

#s-actionBar-container .action-bar .addfav, #s-actionBar-container .action-bar .support, #s-actionBar-container .action-bar .toshop {
	max-width: 50px;
	min-width: 26px;
	border-right: 1px solid rgba(0,0,0,.05);
}

#s-actionBar-container .action-bar .cell {
	height: 49px;
	text-align: center;
}

#s-actionbar .cell {
	border-right: 1px solid rgba(0,0,0,.05);
}

.mui-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.mui-flex, .mui-flex *, .mui-flex::after, .mui-flex::before {
	box-sizing: border-box;
}

.mui-flex.align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.mui-flex > .cell {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	max-width: 100%;
	display: block;
	padding: 0 !important;
	position: relative;
}

#s-actionBar-container .action-bar .cell a {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
}
.iconfont.icon-dianpu1{
	display: block;
	text-align: center;
	line-height:26px;
}

#s-actionBar-container .action-bar > div::before {
	font-family: tm-detail-font;
	width: 25px;
	height: 25px;
	font-size: 20px;
	display: block;
	margin: 1px auto 0;
}

#s-actionBar-container .action-bar .support::before {
 /*content: '\e60a';color: #4A90E2;*/
}

#s-actionBar-container .action-bar{
	content: '\e60d';
	color: #5F646E;
}

#s-actionBar-container .action-bar .addfav::before {
	content: '\e609';
	color: #5F646E;
}

#s-actionBar-container .action-bar .cart {
	background: #FF9500;
}

#s-actionBar-container .action-bar .buy {
	background: #DD2727;
}

#s-actionBar-container .action-bar > button {
	border: none;
	color: #fff;
	font-size: 15px;
	font-family: "微软雅黑";
}

#s-actionBar-container #s-actionbar .cell:last-child {
	border-right: none;
}

#s-actionBar-container .activity-box {
	display: none;
}