.banner .banner-concent,.titleBtn {
	text-align: center
}

.contentdaily .content h3,.downsBtn p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all
}

.header {
	height: 51px
}

.header .navbar-default {
	background-color: #414244;
	border-color: #414244
}

.header .navbar .navbar-brand {
	color: #3eb7ff;
	font-size: 14px;
	vertical-align: middle;
	line-height: 40px
}

.navbar-brand {
	padding: 5px 10px
}

.navbar-default .navbar-nav>li>a {
	color: #fff
}

.header .navbar .navbar-brand i {
	position: relative;
	width: 40px;
	height: 40px;
	background: #3eb7ff;
	text-align: center;
	margin-right: 13px;
	border-radius: 50%
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
	background-color: #414244
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #3eb7ff
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
	color: #3eb7ff;
	background-color: #414244
}

.header .navbar .navbar-brand i img {
	width: 100%;
	height: 100%
}

#function_introduction {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px
}

.banner {
	position: relative;
	background: url(../image/M-bg.jpg) no-repeat;
	background-size: 100% 100%
}

.titleBtn {
	position: absolute;
	top: -20px;
	left: 36%;
	width: 30%;
	height: 40px;
	margin: 0 auto;
	background: #666fcc;
	border-radius: 50px;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	cursor: pointer
}

.banner .banner-concent .content,.banner .banner-concent .title {
	color: rgba(255,255,255,1);
	font-family: Microsoft YaHei;
	font-weight: 400
}

.banner .banner-concent .title {
	margin-top: 8%;
	font-size: 20px;
	line-height: 50px
}

.banner .banner-concent .content {
	margin-top: 20px;
	font-size: 12px;
	line-height: 26px
}

.banner {
	margin-bottom: 20px
}

.banner .banner-img {
	margin-top: 20px;
	background: url(../image/bgc2.png) center no-repeat;
	background-size: contain;
	height: 440px;
	display: none
}

.banner .pcHeid .phoneAnr .icon,.banner .pcHeid .phoneIos .icon {
	width: 21px;
	height: 30px;
	display: inline-block;
	vertical-align: middle
}

.banner .pcHeid .phoneAnr .icon {
	background: url(../image/android-w.png) no-repeat;
	background-size: 100% 100%
}

.banner .pcHeid .phoneIos .icon {
	background: url(../image/ios-w.png) 0 -3px no-repeat;
	background-size: 100% 100%
}

.banner .pcHeid .phoneAnr,.banner .pcHeid .phoneIos {
	color: #fff;
	margin-bottom: 5px
}

.banner .banner-concent .bannerBoxs {
	margin: 40px 0;
	text-align: left;
	box-sizing: border-box;
	padding: 0 6%
}

.banner .banner-concent .bannerBoxs h3 {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255,255,255,1);
	line-height: 20px
}

.banner .banner-concent .bannerBoxs .titles {
	margin-top: 15%
}

.banner .banner-concent .bannerBoxs .pgone .iceo {
	width: 30px;
	height: 30px;
	background: url(../image/logo.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle
}

.contentdaily {
	margin-bottom: 30px
}

.section-dark {
	background-color: #002a45;
	color: #fff;
	max-height: 175px
}

.section-dark .conten {
	color: #fff;
	font-size: 12px
}

#try .carousel-inner .conten {
	width: 71%;
	height: 40%;
	padding: 0
}

.carousel-inner {
	height: 100%
}

.text-name {
	font-size: 18px;
	font-weight: 600;
	color: #fff
}

.carousel-control.left,.carousel-control.right {
	background-image: none;
	margin-top: 17%;
	width: 20px;
	height: 30px
}

.conten {
	border-radius: 3px;
	position: relative;
	font-family: time new romans;
	font-size: 16px;
	letter-spacing: .3px;
	border-left: none
}

.dialog,.layui-layer,.touch {
	position: fixed
}

.operationMethod .operation,.operationMethod .title {
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(51,51,51,1)
}

.carousel-inner .item {
	text-align: center;
	padding: 60px 10px
}

.operationMethod .title {
	padding-top: 55px;
	font-size: 40px;
	line-height: 45px;
	margin-bottom: 35px
}

.operationMethod .operation {
	font-size: 25px;
	text-align: center;
	display: block;
	line-height: 30px;
	margin: 0 auto 25px
}

.layui-layer,.layui-layer-shade,.touch,footer .foot .download_foot ul li .active .coming canvas {
	display: none
}

.operationMethod img {
	width: 120px;
	height: 120px
}

.operationMethod .list {
	text-align: center;
	margin: 30px auto
}

.operationMethod .list p {
	font-size: 15px;
	text-align: center;
	margin: 20px 0 55px
}

.contentdaily .content h2,.contentdaily .content h3 {
	margin: 20px 0 17px;
	font-size: 22px;
	line-height: 24px;
	color: rgba(51,51,51,1);
	font-family: Microsoft YaHei;
	font-weight: 400
}

.contentdaily .content img {
	width: 120px;
	height: 120px;
	border-radius: 50%
}

.contentdaily .content .title {
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(51,51,51,1);
	line-height: 24px;
	margin-bottom: 55px
}

.contentdaily .content p {
	margin: 0 auto;
	width: 80%;
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(51,51,51,1);
	line-height: 20px
}

.contentdaily .content .list {
	text-align: center;
	margin: 30px auto
}

footer {
	background: #000234;
	background-size: 100% 100%;
	text-align: center
}

footer h2 {
	margin-top: 4%;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255,255,255,1);
	line-height: 30px
}

footer .foot .download_foot {
	margin-bottom: 40px
}

footer .template-box {
	color: #fff;
	padding: 10px 0;
	letter-spacing: 1px
}

footer .foot .download_foot ul li {
	width: 50%;
	box-sizing: border-box;
	padding: 0 5%;
	margin-top: 50px
}

footer .foot .download_foot ul li .lown img {
	padding: 10px 0
}

footer .foot .download_foot ul li .lown p {
	padding-bottom: 60px
}

footer .foot .download_foot ul li .lown {
	border-radius: 2%;
	padding: 23px 0;
	background: rgba(255,255,255,1);
	cursor: pointer
}

footer .foot .download_foot ul li .active {
	display: none;
	color: #fff;
	cursor: pointer;
	background: #0c91e6;
	padding: 23px 0
}

footer .foot .download_foot ul li .active .down {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	line-height: 100px;
	color: #fff;
	font-size: 16px
}

@media screen and (min-width:1366px) {
	.banner .banner-concent .title {
		margin-top: 8%;
		font-size: 36px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(255,255,255,1);
		line-height: 70px;
		letter-spacing: 4px
	}
}

.banner .banner-concent .bannerBoxs .pgone {
	margin: 26% auto 0;
	text-align: center;
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(254,102,0,1)
}

footer .foot .download_foot ul li .active .coming {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	line-height: 100px;
	color: #fff;
	font-size: 16px
}

footer .foot .download_foot ul li .active .wImg {
	margin: 20px 0
}

.foot_bottom {
	box-sizing: border-box;
	width: 68%;
	margin: 0 auto
}

.foot_bottom .foot_box {
	color: #fff;
	padding: 20px 0;
	border-top: 1px solid #fff
}

.foot_bottom .foot_box .last {
	border-right: 0
}

.foot_bottom .foot_box a {
	font-size: 12px;
	color: #fff;
	text-decoration: none
}

.dialog {
	right: 50%;
	top: 30px;
	margin-right: -150px;
	z-index: 9999;
	width: 300px;
	height: 200px;
	background: url(../image/qing.png) no-repeat;
	background-size: 100%
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
	color: #3eb7ff;
	background-color: #414244
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
	color: #414244;
	text-decoration: none;
	background-color: #3eb7ff
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	color: #fff;
	border-top-left-radius: 0;
	background: #414244;
	border-top-right-radius: 0
}

.dropdown-menu>li>a {
	color: #fff
}

.touch {
	height: 100%;
	width: 100%;
	z-index: 99999999999;
	background: rgba(0,0,0,.7);
	overflow-y: hidden
}

.downsBtn {
	text-align: center;
	padding-bottom: 20px
}

.downsBtn .downimg {
	margin-bottom: 10px
}

.downsBtn button {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	width: 90%;
	padding: 3% 0;
	outline: 0;
	color: #e83d00;
	font-size: 12px
}

.downsBtn p {
	margin-left: 3%;
	color: #fff;
	font-size: 12px
}

.downsBtn .list {
	margin-left: 2%;
	width: 65%;
	text-align: center;
	line-height: 23px
}

.downsBtn img {
	width: 25%;
	height: 60px
}

.layui-layer {
	top: 50%;
	left: 50%;
	border-radius: 5px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.layui-layer-shade {
	position: fixed;
	pointer-events: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.alert {
	padding: 15px 15px 0
}

@media screen and (min-width:780px) {
	.banner .pcHeid {
		display: none
	}

	.phone {
		display: #000
	}

	footer .foot .download_foot ul li {
		width: 35%
	}

	.cosw {
		width: 800px;
		margin: 0 auto 40px
	}

	.banner {
		position: relative;
		background: url(../image/bg.jpg) no-repeat;
		background-size: 100% 100%
	}

	.titleBtn {
		position: absolute;
		text-align: center;
		top: -33px;
		left: 38%;
		width: 25%;
		height: 60px;
		margin: 0 auto;
		background: #e24b2d;
		border-radius: 50px;
		line-height: 60px;
		font-size: 30px;
		color: #fff;
		cursor: pointer
	}

	.foot_bottom .foot_box div {
		border-right: 1px solid #fff
	}
}

@media screen and (min-width:690px) {
	.section-dark {
		background-color: #002a45;
		color: #fff;
		max-height: 300px
	}

	.section-dark .conten {
		color: #fff;
		font-size: 24px
	}

	#try .carousel-inner .conten {
		width: 71%;
		height: 40%;
		padding: 5% 0 0
	}

	.carousel-control.left,.carousel-control.right {
		background-image: none;
		margin-top: 10%;
		width: 20px
	}
}

@media screen and (min-width:1200px) {
	.downsBtn button {
		background-color: #fff;
		border: 1px solid #fff;
		border-radius: 20px;
		width: 90%;
		padding: 3% 0;
		outline: 0;
		color: #e83d00;
		font-size: 14px
	}

	.downsBtn p {
		margin-left: 3%;
		color: #fff;
		font-size: 14px
	}

	.banner .banner-concent .content,.banner .banner-concent .title {
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(255,255,255,1)
	}

	.banner .banner-concent .title {
		margin-top: 8%;
		font-size: 30px;
		line-height: 70px
	}

	.banner .banner-concent {
		background: 0 0;
		background-size: contain
	}

	.banner .banner-concent .content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 26px
	}

	.banner .banner-concent .banner-img {
		display: block
	}
}

@media screen and (min-width:1366px) {
	.banner .banner-concent .content,.banner .banner-concent .title,footer .foot .app_type,footer h2 {
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(255,255,255,1)
	}

	footer .foot .cosw {
		width: 700px;
		margin: 0 auto 40px
	}

	footer h2 {
		margin-top: 4%;
		font-size: 40px;
		line-height: 30px
	}

	footer .foot .app_type {
		font-size: 20px;
		line-height: 30px
	}

	.banner .banner-concent .title {
		margin-top: 8%;
		font-size: 50px;
		line-height: 70px
	}

	.banner .banner-concent .content {
		margin-top: 20px;
		font-size: 18px;
		line-height: 26px
	}
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	color: rgba(0,0,0,.8)
}

a {
	text-decoration: none
}

#try .carousel-inner .imgfl {
	width: 15%;
	height: 15%
}

#try .carousel-inner img {
	width: 100%;
	height: 100%
}

#try .carousel-inner .imgfr {
	width: 14%;
	height: 14%
}

#try .carousel-inner .item-box {
	box-sizing: border-box;
	padding: 0 20px
}