@charset "utf-8";
/* CSS Document/
/*公共开始*/
body{
    font-size:12px;
	font-family:Arial;
	color:#eee;
	background:#2b2f3a;
	padding:0px;
	position:relative;
}
html,body{
	width:100%;
	height:100%;
}
*{
	margin:0px;
	border:0px;
	padding:0px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;
}
ul{ 
   list-style:none;
}
ul li{ 
   list-style-type:none;
}
dl>div{
	clear:inherit!important;
}
div{
	word-break:break-all;
	word-wrap:break-word;
}
h1,h2,h3,h4,h5,h6{
    font-size: 14px;
    font-weight: 500;
}
.clear{
	clear:both;
	font-size:0px;
	visibility:hidden;
	width:0px;
	line-height:0px!important;height:0;
}	
a{
	color:#eee;
	text-decoration:none;
}
a:hover{
	color:#eee;
}
a,input,select{
	-webkit-appearance: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;
	background:none;
	text-decoration: none;
}
.tip,.tip a,a.tip{
	color:#bbb;
}
.tipped{
	color:#bbb;
}
.warning,.warning a,a.warning{
	color:#ff4b8c;
}
.highlight,.highlight a,a.highlight{
	color:#2b98b9;
}
.secondary,.secondary a,a.secondary{
	color:#999;
}
input,select{
	vertical-align:middle;
    outline:none;
    color:#555;
    font-size:12px;
    font-family:Arial;
}
textarea{
    outline:none;
    color:#555;
}
input[type="checkbox"]{
    height:13px;
    width:13px;
    -webkit-appearance: none;
    background: none;
    border: 1px solid #ccc;
    cursor:pointer;
}
input[type="checkbox"]:checked{
	background:#0f8fcc url(../images/checked.png) center center no-repeat;
    border: 1px solid #0f8fcc;
}
input[type="radio"] {
    width:14px;
    height:14px;
    outline:none;
    -webkit-appearance: none;
    border:1px solid #999;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    vertical-align:middle;
    cursor:pointer;
}
input[type="radio"]:checked {
    background:url(../images/radio.png) center center no-repeat;
    border:1px solid #999;
}
.en{
    font-family:Arial;
}
.h10{
	height:10px;
    clear:both;
} 
body p.subTitle,.subTitle{
	font-family:Arial;
	font-size:14px;
	font-weight:500;
	text-indent:0px;
}
.h30{
	height:30px;
	clear:both;
}
.h50{
	max-width:640px;
	height:50px;
	margin:0 auto;
    clear:both;
	display:none;
}
@media screen and (max-width:750px){
	.h50{
		display:block;
	}
}
.none{
	display:none!important;
}
iframe{
	display:none;
}
iframe.minbox{
	display:block;
}
.buttonbar{
	padding-top:10px;
	text-align:center;
	clear:both;
}
.tipbar {
    clear: both;
    text-align: center;
    line-height:20px;
}
/*公共结束*/
/*启动页开始*/
.startbg{
	background:#23282c;
	height:100%;
	text-align:center;
	position:relative;
}
.startlogo{
	width:180px;
    text-align:center;
	margin:auto;
	padding:20px;
	position:absolute;
	top:50%;
    left:50%;
	transform:translate(-50%,-50%);
}
.startlogo svg{
	width:180px;
	height:auto;
	fill: url(#gradient);
}
.header_wrapper{
	width:100%;
	background:#000;
}
@media screen and (max-width: 1000px){
	.header_wrapper{
		position:fixed;
		z-index:99;
	}
}
/*启动页结束*/
/*头部及侧导航开始*/
.topfixed{
	width:100%;
	top:0px;
	background:#000;
	z-index:100;
	height:50px;
	position:fixed;
	display:none;
}
@media screen and (max-width:750px){
	.topfixed{
		display:block;
	}
}
.header{
	max-width:100%;
	height:50px;
	line-height:50px;
	margin:0 auto;
	color:#fff;
}
.header a{
	color:#fff;
}
/*slide导航开始*/
.nav_ico{
	float:left;
	width:20px;
	height:20px;
	line-height:6px;
	cursor:pointer;
	position: relative;
	margin:15px 10px 10px 10px;
    transition: all 0.3s ease-in-out;
}
.nav_ico span{
	width:100%;
	height:2px;
	display:inline-block;
	background:#ecf0f1;
	overflow:hidden;
	position:absolute;
}
.nav_ico span:nth-child(1){
	top:1.5px;
}
.nav_ico span:nth-child(2){
	top:50%;
	transform:translateY(-50%);
}
.nav_ico span:nth-child(3){
	bottom:1.5px;
}
.close_ico{
	 transform:rotate(135deg);
}
.close_ico span:nth-child(1) {
	top:50%;
	transform:translateY(-50%);
}
.close_ico span:nth-child(2) {
	opacity: 0;
}
.close_ico span:nth-child(3) {
	top:50%;
	transform: translateY(-50%) rotate(90deg);
}
.slide_mask {
	background: rgba(0, 0, 0, 0.1); 
	transition:0.3s ease-out; 
	left: 0px; 
	top: 0px;
	width: 100%;
	height:100%;
	display: none;
	position:fixed; 
	z-index:1000000;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	cursor:pointer;
}

.slide_nav {
	transition:0.3s ease-out;
	left: 0px;
	top: 50px;
	min-width:200px;
	position:fixed;
	z-index:1000000; 
	transform: translate3d(-100%, 0px, 0px);
	-ms-transform: translate(-100%, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0); 
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
	background:#414756;
	display:block;
	font-size:14px;
	height:calc(100% - 100px);
	overflow-y:auto;
	overflow-y:overlay;
	overflow-x:hidden;
}
@media screen and (min-width: 750px){
	.slide_nav {
	  top:0px;
	  height:100%;
	}
}
@media screen and (min-width: 750px){
	.slide_nav::-webkit-scrollbar {
		width:6px;
		height:6px;
	}
	.slide_nav::-webkit-scrollbar-thumb, .slide_nav::-webkit-scrollbar-thumb:horizontal {
		border-radius:3px;
		background:#909096;
	}
	.slide_nav::-webkit-scrollbar-button {
		display: none;
	}
	.slide_nav::-webkit-scrollbar-track, .slide_nav::-webkit-scrollbar-track-piece {
		background: -webkit-gradient(linear,left);
	}
	.slide_nav::-webkit-scrollbar-track-piece {
		background: #202026;
	}
}
.moved.slide_nav {
	transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate(0px, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 750px){
	.slide_nav {
		transform: translate3d(0px, 0px, 0px);
		-ms-transform: translate(0px, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
	}
}
.slide_nav li{
	height:40px;
	line-height:40px;
}
.slide_nav li > a {
	padding:0px 10px;
	color:#eee;
	display: block;
}
.slide_nav li.current,.slide_nav li:hover {
	background:#0188cc;
}
.slide_nav li svg{
	max-width:14px;
	vertical-align:middle;
	fill:#fff;
	margin:-3px 5px 0px 0px;
}
.slide_nav li i{
	font-style:normal;
	font-size:16px;
	margin-right:5px;
}
.slide_nav li>i{
	width:14px;
	height:28px;
	font-size:14px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
.slide_nav li>i:nth-child(1){
	margin-left:10px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="12" fill="rgb(255, 255, 255)"><path d="M256 480c141.4 0 256-107.5 256-240S397.4 0 256 0 0 107.5 0 240c0 54.3 19.2 104.3 51.6 144.5L2.8 476.8c-4.8 9-3.3 20 3.6 27.5s17.8 9.8 27.1 5.8l118.4-50.7C183.7 472.6 218.9 480 256 480zM128 208a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 0a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm96 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>') center center no-repeat;
}
.slide_nav li>i:nth-child(3){
	display:none;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="11" fill="rgb(255, 255, 255)"><path d="M36.4 353.2c4.1-14.6 11.8-27.9 22.6-38.7l181.2-181.2 33.9-33.9c16.6 16.6 51.3 51.3 104 104l33.9 33.9-33.9 33.9-181.2 181.2c-10.7 10.7-24.1 18.5-38.7 22.6L30.4 510.6c-8.3 2.3-17.3 0-23.4-6.2S-1.4 489.3 .9 481L36.4 353.2zm55.6-3.7c-4.4 4.7-7.6 10.4-9.3 16.6l-24.1 86.9 86.9-24.1c6.4-1.8 12.2-5.1 17-9.7L91.9 349.5zm354-146.1c-16.6-16.6-51.3-51.3-104-104L308 65.5C334.5 39 349.4 24.1 352.9 20.6 366.4 7 384.8-.6 404-.6S441.6 7 455.1 20.6l35.7 35.7C504.4 69.9 512 88.3 512 107.4s-7.6 37.6-21.2 51.1c-3.5 3.5-18.4 18.4-44.9 44.9z"/></svg>') center center no-repeat;
}
.slide_nav li>i:nth-child(4){
	display:none;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="10" fill="rgb(255, 255, 255)"><path d="M136.7 5.9C141.1-7.2 153.3-16 167.1-16l113.9 0c13.8 0 26 8.8 30.4 21.9L320 32 416 32c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l96 0 8.7-26.1zM32 144l384 0 0 304c0 35.3-28.7 64-64 64L96 512c-35.3 0-64-28.7-64-64l0-304zm88 64c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24zm104 0c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24zm104 0c-13.3 0-24 10.7-24 24l0 192c0 13.3 10.7 24 24 24s24-10.7 24-24l0-192c0-13.3-10.7-24-24-24z"/></svg>') center center no-repeat;
}
.slide_nav li:hover>i:nth-child(3),.slide_nav li:hover>i:nth-child(4){
	display:inline-block;
}

.slide_nav input{
	width:128px;
	height:28px;
	color:#eee;
	background:none;
	cursor:pointer;
	margin-right:5px;
}
.slide_nav input.texted{
	background:#6a7299;
	text-indent:5px;
}
/*slide导航结束*/
.logo{
	color:#fff;
	font-family:aArial,"微软雅黑";
	font-size:14px;
	float:left;
	padding-left:5px;
}
.logo img{
	max-height:40px;
}
.header_right{
	text-align:right;
    line-height:30px;
	float:right;
	padding-top:14px;
}
.header_right img{
	float:right;
	padding:0px 3px;
}
.header_right span{
	padding:5px;
}
/*头部及侧导航结束*/
/*首页开始*/
.main{
	max-width:1000px;
	height:calc(100% - 155px);
	border-radius:3px;
	transform:translate(100px,0px);
                margin:0 auto;
}
@media screen and (max-width:1200px){
	.main{
		max-width:calc(100% - 220px);
	}
}
@media screen and (max-width:750px){
	.main{
		max-width:750px;
		height:calc(100% - 170px);
		transform:translate(0px,0px);
	}
}
.max{
	width:100%;
	height:100%;
}
.loginbox{
	width:auto;
	height:70px;
	padding:20px 10px 20px 10px;
}
@media screen and (min-width:1200px){
	.loginbox{
		max-width:1000px;
	}
}
.top{
	width:auto;
	height:80px;
	padding:20px 10px 20px 10px;
}
@media screen and (min-width:750px){
	.top{
		width:calc(100% - 220px);
		transform:translate(200px,0px);
	}
}
.userhead{
    width:50px;
	height:50px;
	border-radius:50%;
	margin:0 auto;
}
.userhead svg{
	max-width:100%;
	fill:url(#gradient);
}
.userName{
	width:auto;
	line-height:22px;
	padding-top:5px;
	text-align:center;
}
.userName i{
	color:#888;
	padding:0px 10px;
}
.userName span{
	display:block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.userName span:nth-child(1){
	font-size:14px;
}
.topmenu{
	float:right;
	font-size:18px;
}
.topmenu a{
	color:#aaa;
	line-height:50px;
	padding:0px 6px;
	vertical-align:middle;
	text-align:center;
	position:relative;
}
.topmenu  a i{
	font-style:normal;
	font-size:10px;
	width:100%;
	line-height:20px;
	position:absolute;
	top:23px;
	left:50%;
	transform:translate(-50% , 0px);
	display:none;
}
.topmenu a:hover i{
	display:block;
}
.topmenu a:nth-child(1):before{
    content:"\2736";
    width:16px;
	height:16px;
	line-height:17px;
	display:inline-block;
	border:1px solid #bbb;
	border-radius:50%;
}
.topmenu a:nth-child(2):before{
	content:"\2764";
	font-size:12px;
    width:16px;
	height:16px;
	line-height:18px;
	display:inline-block;
	border:1px solid #bbb;
	border-radius:50%;
	vertical-align:middle;
	text-align:center;
	color:#999;
}
.topmenu a:nth-child(3):before{
	content:"☰";
	font-size:12px;
    width:16px;
	height:16px;
	line-height:17px;
	display:inline-block;
	border:1px solid #bbb;
	border-radius:50%;
	text-indent:1px;
	vertical-align:middle;
	color:#bbb;
}
.topmenu a:nth-child(4):before{
	content:"";
	font-size:25px;
	width:12px;
	height:12px;
	display:inline-block;
	border:1px solid #999;
	vertical-align:middle;
}
.max .topmenu  a:nth-child(4):after{
	content:"";
	width:12px;
	height:12px;
	display:inline-block;
	border:1px solid #aaa;
	vertical-align:middle;
	position:relative;
	top:3px;
	left:-17px;
}
@media screen and (max-width:750px){
	.topmenu a:nth-child(4){
		display:none;
	}
}
.ask{
	margin:0px -10px;
	display:flex;
}
.ask>div{
	width:33.33333%;
}
.ask_title{
	width:100%;
	text-align:center;
	line-height:16px;
 	padding:10px 0px 10px 0px;
}
.ask_title svg{
	height:22px;
	fill:#fff;
}
.ask_title span{
	display:block;
}
.ask_title i{
	font-size:25px;
}
.ask li{
	line-height:20px;
	padding:5px 5px;
	margin:10px 5px;
	background:#434654;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.content{
	height:calc(100% - 180px);
	padding:10px 10px 10px 15px;
	overflow-y:scroll;
	
}
.content::scrollbar {
	width:5px;
	height:5px;
}
.content::scrollbar-thumb, .content::scrollbar-thumb:horizontal {
	border-radius:3px;
	background:#909096;
	width:5px;
	height:5px;
}
.content::scrollbar-button {
	display: none;
}
.content::scrollbar-track, .content::scrollbar-track-piece {
	background: -webkit-gradient(linear,left);
}
.content::scrollbar-track-piece {
	background:none;
}
.content::-webkit-scrollbar {
	width:5px;
	height:5px;
}
.content::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb:horizontal {
	border-radius:3px;
	background:#909096;
	width:5px;
	height:5px;
}
.content::-webkit-scrollbar-button {
	display: none;
}
.content::-webkit-scrollbar-track, .content::-webkit-scrollbar-track-piece {
	background: -webkit-gradient(linear,left);
}
.content::-webkit-scrollbar-track-piece {
	background:none;
}

.content>.list{
	padding:5px 0px 10px 0px;
}
.userbox{
	background:none;
	height:30px;
	padding:0px 0px 10px 0px;
}
.userbox .user{
    width:30px;
	height:30px;
	float:left;
	border-radius:50%;
	overflow:hidden;
	position:relative;
}
.userbox .user img{
	max-width:100%;
	display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.userbox .name{
	width:calc(100% - 55px);
	padding-left:10px;
	float:left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.userbox .name span{
	display:block;
	line-height:15px;
}
.userbox .name span:nth-child(2){
	color:#888;
	padding-top:2px;
}
.content>.list>.text{
	border-radius:3px;
	padding:3px 0px 6px 0px;
	min-height:22px;
	line-height:22px;
}
/*打字效果开始*/
.typeds{
	height:0px;
	width:0px;
	overflow:hidden;
	font-size:0px;
}
.typed-cursor{
	height:0px;
	width:0px;
	overflow:hidden;
    opacity: 0;
	display:none;
	visibility:hidden;
}
/*打字效果结束*/
.content>.list.text *{
	background:none!important;
	color:inherit!important;
}
.foot{
	width:calc(100% - 20px);
    padding:10px 10px 10px 10px;
	position:absolute;
	bottom:0px;
	text-align:right;
}
.foot textarea{
	width:calc(100% - 20px);
	height:66px;
	background:#434654;
	line-height:22px;
	padding:10px 10px 10px 10px;
	color:#fff;
	font-family:Arial;
	border-radius:3px;
	overflow:hidden;
}
.foot textarea::placeholder{
	color:#999;
}
.bottombar{
	padding:8px 0px 0px 0px;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.vticker{
	width:calc(100% - 100px);
	height:22px;
	display:inline-block;
	text-align:left;
}
.vticker li{
	overflow: hidden;
}
.vticker a{
	width:auto;
	text-overflow:ellipsis;
	white-space: nowrap;
	text-align:left;
	color:#888;
	display:block;
}
.bottombar .buttonbar{
	padding:0px;
	text-align:right;
}
.button{
	background:#434654;
	color:#fff;
	padding:8px 15px;
	border-radius:3px;
	cursor:pointer;
	letter-spacing:1px;
}
.button:hover{
	background:#00b7ee;
}
.copyright{
	width:calc(100% - 200px);
	padding:5px 0px;
	line-height:20px;
	text-align:center;
	position:absolute;
	left:200px;
	bottom:0px;
	color:#888;
}
.copyright a{
	color:#888;
}
@media screen and (max-width:750px){
	.copyright{
		padding:0px;
		width:100%;
		left:0px;
		display:none;
	}
}
/*首页结束*/
/*底部开始*/
.bottom{
	width:calc(100% - 240px);
	height:50px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	clear:both;
    font-family:Arial;
	transform: translate(100px, 0px);
}
@media screen and (max-width: 750px){
	.bottom{
		width:100%;
		height:auto;
		transform:none;
	}
}
.h0h50{
	height:0px;
}
@media screen and (max-width: 750px){
	.h0h50{
		height:50px
	}
}
.bottom a{
    color:#fff;
}
.bottomText{
	line-height:20px;
	padding:15px 5px;
}
.bottomText a{
	color:#888!important;
}
.bottom ul{
	max-width:1000px;
	height:50px;
	margin:0 auto;
	z-index:10000;
	font-size:14px;
    display:none;
	position:fixed;
	bottom:0px;
	background:#000;
}
@media screen and (max-width: 750px){
	.bottom ul{
        width:100%;
		display:block;
	}
}
.bottom li{
	float:left;
	width:20%;
	height:50px;
	line-height:16px;
	text-align:center;
	z-index:10000;
	font-family:Arial,"微软雅黑";
}
.bottom li a{
	display:block;
    padding-top:8px;
	color:#eee;
}
.bottom svg{
    height:16px;
    fill:#fff;
}
.bottom a.navClass,.bottom a:hover{
	color:#00b7ee;
}
.bottom a.navClass svg,.bottom a:hover svg{
    fill:#00b7ee;
}  
/*底部结束*/
/*联系我们开始*/
.contact{
	max-width:980px;
	margin:auto;
	background:#434654;
	display: flex;
	flex-wrap: wrap;
	transform:translate(100px,0px);
}
@media screen and (max-width:1200px){
	.contact{
	    max-width:calc(100% - 240px);
		transform:translate(100px,0px);
	}
}
@media screen and (max-width: 750px){
	.contact{
		max-width:750px;
		margin:0px 10px;
		transform:translate(0px,0px);
	}
}

.contact .left{
    width:calc(50% - 30px);
	line-height:32px;
	padding:15px;
}
.contact .left li i{
	width: 26px;
    height: 26px;
	line-height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    text-align: center;
	color: #fff;
}
.contact .left li i svg {
	height:16px;
    fill: #fff;
	margin-top:-2px;
	vertical-align: middle;
}
.contact li img{
	border:1px solid #fff;
	border-radius:50%;
	vertical-align:middle;
	margin-right:8px;
}
.codebox img{
	vertical-align:top;
}
.contact .codebox{
	padding:10px 0px 10px 0px;
}
.contact .right{
	width:calc(50% - 30px);
	padding:15px 15px 15px 15px;
}
@media screen and (max-width: 750px){
	.contact .left{
		width:calc(100% - 30px);
	}
	.contact .right{
		width:calc(100% - 30px);
	}
}
.contact .right li{
	line-height:50px;
}
.contact .right li:first-child{
	line-height:25px;
	font-size:14px;
	font-family:Arial;
}
.text02 {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #888;
    padding: 5px;
    margin-left: 3px;
}
.contact .right .text02{
	width: calc(100% - 15px);
	color:#eee;
	background:#595e6e;
	border: 1px solid #595e6e;
	border-radius:3px;
}
.contact input::placeholder{
	color:#999;
}
.contact textarea{
	width:calc(100% - 15px);
	height:180px;
	background:#595e6e;
	line-height:22px;
	padding:5px 5px 5px 5px;
	color:#fff;
	font-family:Arial;
	border-radius:3px;
	overflow:hidden;
	border: 1px solid #595e6e;
	margin-top:8px;
	margin-left: 3px;
	vertical-align:top;
}
.contact textarea::placeholder{
	color:#999;
}
.contact .buttonbar{
	padding-top:15px;
}
.button02{
	width:calc(100% - 5px);
	height:40px;
	background:#00b7ee;
	cursor:pointer;
	color:#fff;
	text-align:center;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
    letter-spacing:2px;
}
.button02:hover{
	background:#0aa4fc;
}
/*联系我们结束*/
/*下载页开始*/
.app_main{
	max-width:1000px;
	background:url(../images/app.png) no-repeat left 120px;
	margin:0 auto;
	padding:20px 5px 20px 5px;
	text-align:center;
	transform:translate(100px,0px);
}
@media screen and (max-width:1200px){
	.app_main{
		width:calc(100% - 220px);
	}
}
@media screen and (max-width: 750px){
	.app_main{
		width:100%;
		transform:translate(0px,0px);
	}
}
.app_main ul{
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
}
@media screen and (max-width: 750px){
	.app_main ul{
		justify-content:flex-start;
	}
}
.app_main li{
	width:25%;
	height:180px;
	font-family:Arial,"微软雅黑";
	font-size:14px;
	font-weight:500;
	align-items: flex-start;
}
@media screen and (max-width: 750px){
	.app_main li{
		width:50%;
	}
}
.app_main li a{
	width:120px;
	height:120px;
	line-height:120px;
	border:1px solid #fff;
	border-radius:50%;
	display:inline-block;
}
.app_main li svg{
	width:60px;
	fill:#fff;
	vertical-align:middle;
}
.app_main li span{
	line-height:22px;
	display:block;
}
.app_main .tipbar{
    font-size:14px;
    font-family:Arial,"微软雅黑";
}
.app_main .buttonbar{
    padding:20px 0px;
    clear:both;
	text-align:center;
}
.copyValue{
    width:1px;
    height:1px;
    line-height:1px;
    text-indent:1px;
    padding:0px;
    margin:0px;
    border:0px;
    background:none;
}
.app_main .copy{
	width:70px;
	height:35px;
	line-height:35px;
	display:inline-block;
    cursor:pointer;
	border-radius: 3px;
	border:1px solid #fff;
}
.app_main .codebox{
	margin:0px 0px 50px 0px;
}
.codebox img{
	width:133px;
}
@media screen and (max-width:750px){
	.app_main .codebox{
		display:none;
	}
}
/*下载页结束*/
/*会员充值页开始*/
.vip{
	max-width:1000px;
	background:url(../images/app.png) no-repeat left 120px;
	margin:0 auto;
	padding:0px 5px 10px 5px;
	text-align:center;
	transform:translate(100px,0px);
}
@media screen and (max-width: 1200px){
	.vip{
		max-width:calc(100% - 220px)
	}
}
@media screen and (max-width: 750px){
	.vip{
		max-width:750px;
		padding:10px 5px 10px 5px;
		transform:translate(0px,0px);
	}
}
.vip ul{
	display:flex;
	flex-wrap: wrap;
}
.vip li{
	width:calc(33.333% - 20px);
	font-family:Arial,"微软雅黑";
	font-size:12px;
	font-weight:500;
	align-items:flex-start;
	background:#434654;
	padding:5px;
	margin:5px;
	line-height:30px;
	border-radius:3px;
}
.vip li span{
	width:100%;
	display:inline-block;
}
.vip li span i{
	font-size:14px;
	font-style:normal;
}
.vip li span:first-child{
	font-size:16px;
	line-height:40px;
}
.vip li span:nth-child(2){
	font-size:30px;
	color:#f90ea6;
}
.vip li span:last-child{
	padding:10px 0px 8px 0px;
}
.button03{
	width:80px;
	height:32px;
	background:#00b7ee;
	cursor:pointer;
	color:#fff;
	text-align:center;
    -moz-border-radius:20px; 
    -webkit-border-radius:20px;
	border-radius:20px;
    font-size:14px;
}
.button03:hover{
	background:#0aa4fc;
}
/*会员充值页结束*/
/*应用场景开始*/
.appli{
	max-width:1000px;
	background:url(../images/app.png) no-repeat left 120px;
	margin:0 auto;
	padding:0px 5px 0px 5px;
	text-align:center;
	transform:translate(100px,0px);
}
@media screen and (max-width:1200px){
	.appli{
		max-width:calc(100% - 220px);
		transform:translate(100px,0px);
	}
}
@media screen and (max-width: 750px){
	.appli{
		max-width:750px;
		transform:translate(0px,0px);
	}
}
.appli ul{
	display:flex;
	flex-wrap: wrap;
}
.appli li{
	width:calc(25% - 30px);
	font-family:Arial,"微软雅黑";
	font-size:12px;
	font-weight:500;
	align-items:flex-start;
	background:#434654;
	padding:5px 10px;
	margin:5px 5px;
	line-height:20px;
	border-radius:3px;
}
@media screen and (max-width: 750px){
	.appli li{
		width:calc(50% - 30px);
	}
}
.appli li:hover{
	background:#505464;
}
.appli li span{
	width:100%;
	display:inline-block;
}
.appli li span:first-child{
	  padding-top:10px;
	  height:22px;
}
.appli li svg{
	height:22px;
	fill:#fff;
}
.appli li span:nth-child(2){
	font-size:14px;
	line-height:30px;
}
.appli li span:last-child{
	text-align:left;
	padding-bottom:5px;
}
/*会员充值页结束*/
.distribution_warpper{
	max-width:1000px);
	min-height:calc(100% - 315px);
	margin:0 auto;
   	text-align:center;
	transform: translate(100px, 0px)
}
@media screen and (max-width: 1200px){
	.distribution_warpper{
		max-width:calc(100% - 220px);
	}
}
@media screen and (max-width: 750px){
	.distribution_warpper{
		max-width:750px;
		min-height:calc(100% - 100px);
		transform: translate(0px, 0px)
	}
}
.distribution_top{
    border-radius:30px;
    line-height:32px;
    display:inline-block;
    border:1px solid #00b7ee;
    color:#00b7ee;
    padding:0px 15px;
    margin-bottom:40px;
    font-size:16px;
    font-weight:600;
    position:relative;
}
.distribution_top:after{
    content:"";
    width:1px;
    height:40px;
    border-left:1px solid #00b7ee;
    position:absolute;
    left:50%;
    bottom:-41px;
    z-index:2;
}
.distribution_title{
	color:#00b7ee;
	font-size:14px;
	text-align:center;
	line-height:30px;
	font-weight:600;
}
.distribution_title i{
	width:70px;
	height:70px;
	line-height:70px;
	border:1px solid #00b7ee;
	display:inline-block;
	border-radius:50%;
}
.distribution_title span{
	display:block;
}
.distribution_title svg{
	width:40px;
	fill:#00b7ee;
	vertical-align:middle;
}
.distribution01{
	max-width:450px;
	margin:0 auto;
	color:#00b7ee;
	fill:#00b7ee;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-evenly;
	padding:10px 0px 40px 0px;
}
.distribution01 div{
	position:relative;
	flex-grow:1;
}
.distribution01 div:after{
	content:"";
	width:8px;
	height:8px;
	position:absolute;
	border-top:1px solid #00b7ee;
	border-right:1px solid #00b7ee;
	right:0px;
	top:calc(50% - 10px);
	transform:rotate(45deg);
}
.distribution01 div:last-child:after{
	content:"";
	width:0px;
	height:0px;
	display:none;
}
.distribution01 i{
	width:45px;
	height:45px;
	display:inline-block;
	border-radius:50%;
	overflow:hidden;
}
.distribution01 img{
	max-width:100%;
}
.distribution01 span{
	display:block;
}
.distribution02{
	max-width:430px;
	margin:0 auto;
	color:#00b7ee;
	fill:#00b7ee;
	text-align:center;
	padding-bottom:15px;
}
.distribution02 svg{
	max-width:40px;
}
.distribution02 div{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-evenly;
}
.distribution02 div:first-child{
	border-top:0px solid #00b7ee;
}
.distribution02 span{
	flex-grow:1;
	position:relative;
	display:block;
	padding-top:20px;
	height:60px;
}
.distribution02 div:first-child span{
	padding-top:10px;
	border-top:0px solid #00b7ee;
}
.distribution02 span:before{
	content:"";
	width:100%;
	height:20px;
	border-top:1px solid #00b7ee;
	border-left:1px solid #00b7ee;
	position:absolute;
	left:50%;
	top:0px;
}
.distribution02 span:nth-child(3n):before{
	width:1px;
	border-top:0px solid #00b7ee;
}
.distribution02 div:first-child span:before{
	content:"";
	width:0px;
	height:0px;
    border:0px;
}
.distribution02 span:after{
	content:"";
	width:1px;
	height:20px;
	background:#00b7ee;
	position:absolute;
	left:50%;
	bottom:0px;
}
.distribution02 div:last-child span:after{
	content:"";
	width:0px;
	height:0px;
}
.distribution03{
	max-width:350px;
	aspect-ratio:1/1;
	margin:0 auto;
	color:#00b7ee;
	fill:#00b7ee;
	text-align:center;
	position:relative;
    overflow:hidden;
}
@media screen and (max-width: 360px){
	.distribution03{
		margin:0px 5px;
	}
}
.distribution03 .line{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
}
.line span {
    height:0px;
    overflow:hidden;
    display:block;
    border-top: 1px solid #00b7ee;
    position:absolute;
}
.line span:nth-child(1){
    width:37.5%;
    top:26%;
    left:15%;
    transform:rotate(50deg);
}
.line span:nth-child(2){
    width:35%;
    top:38%;
    left:9%;
    transform:rotate(26deg);
}
.line span:nth-child(3){
    width:15.8%;
    top:52%;
    left:27%;
    transform:rotate(-17deg);
}
.line span:nth-child(4){
    width:38%;
    top:65%;
    left:11%;
    transform:rotate(-40deg);
}
.line span:nth-child(5){
    width:22%;
    top:63%;
    left:48%;
    transform:rotate(-120deg);
}
.line span:nth-child(6){
    width:43%;
    top:64%;
    left:52%;
    transform:rotate(-140deg);
}
.line span:nth-child(7){
    width:14%;
    top:43%;
    left:57%;
    transform:rotate(-191deg);
}
.line span:nth-child(8){
    width:34%;
    top:28%;
    left:49%;
    transform:rotate(-230deg);
}
.line span:nth-child(9){
    width:17%;
    top:11%;
    left:22.5%;
    transform:rotate(20deg);
}
.distribution03 div{
	position:absolute;
	
}
.distribution03 div:nth-child(2){
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:1;
}
.distribution03 div:nth-child(3){
	top:2%;
	left:12%;
}
.distribution03 div:nth-child(4){
	top:22%;
	left:0%;
}
.distribution03 div:nth-child(5){
	top:50%;
	left:16%;
}
.distribution03 div:nth-child(6){
	top:75%;
	left:5%;
}
.distribution03 div:nth-child(7){
	top:72%;
	left:60%;
}
.distribution03 div:nth-child(8){
	top:75%;
	right:0%;
}
.distribution03 div:nth-child(9){
	top:35%;
	left:70%;
}
.distribution03 div:nth-child(10){
	top:6%;
	left:75%;
}
.distribution03 div:nth-child(11){
	top:8%;
	left:38%;
}
.distribution03 i{
	width:40px;
	height:40px;
	line-height:40px;
	display:inline-block;
	border-radius:50%;
	overflow:hidden;
	border:1px solid #00b7ee;
}
.distribution03 div:nth-child(2) i{
	width:55px;
	height:55px;
	line-height:55px;
}
.distribution03 div i{
	background:#2b2f3a;
	position: relative;
	z-index:1;
}
.distribution03 span{
	display:block;
}
.distribution03 svg{
	height:20px;
	vertical-align:middle;
}
.distribution03 div:nth-child(2) svg{
	height:40px;
}
.distribution04{
	max-width:1160px;
	padding:10px;
	margin:auto;
	line-height:22px;
	color:#fff;
	border:1px dashed #ccc;
    text-align:left;
}
@media screen and (max-width: 1180px){
	.distribution04{
		margin:0px 10px;
	}
}
.distribution04 .subTitle{
	color:#00b7ee;
	line-height:30px;
}
.search_box{
    width:276px;
	height:45px;
	padding:20px 0px 0px 0px;
	margin:0 auto;
}
@media screen and (min-width:750px){
	.search_box{
		transform:translate(100px,0);
	}
}
.text01{
	width:210px;
	height:33px;
	padding-left:5px;
	background:#fff;
    border:1px solid #fff;
    border-right:0px;
	border-top-left-radius:22px;
	border-bottom-left-radius:22px;
	text-indent:5px;
}
.search_button{
	width:55px;
	height:35px;
	cursor:pointer;
    color:#fff;
	background:#00b7ee;
	border-top-right-radius:22px;
	border-bottom-right-radius:22px;
}
.help_main{
	max-width:980px;
	min-height:300px;
	margin:0 auto;
	background:#434654;
	clear:both;
	padding:10px 10px 10px 10px;
	transform:translate(100px,0);
}
@media screen and (max-width:1200px){
	.help_main{
		max-width:calc(100% - 240px);
	}
}
@media screen and (max-width: 750px){
	.help_main{
		max-width:750px;
		margin:0px 10px;
		transform:translate(0px,0px);
	}
}
/*列表01*/
.list01{
	width:auto;
	line-height:40px;
}
.list01 a:hover{
	color:#00b7ee;
}
.list01 li{
  border-bottom:1px dashed #999;
}
.list01 li:before{
	content:"";
	display:inline-block;
	line-height:normal;
	overflow:hidden;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left:5px solid #eee;
	margin-right:8px;
	vertical-align:middle;
}
/*列表01*/
/*分页*/
.pagebar{
	padding-top:15px;
	clear:both;
	text-align:center;
	line-height:35px;
	font-family:"微软雅黑";
	font-size:14px;
	font-weight:500;
}
.pagebar span{
	height:35px;
	padding:0px 7px;
}
.pagebar span.pageActive{
	font-weight:500;
}
.pagebar span.pageActive a{
	color:#2b98b9;
}
.pagebar span.pageEllipsis{
	background:none;
}
/*分页*/
/*详情页01*/
.detail_main{
	max-width:980px;
	min-height:400px;
	margin:0 auto;
	background:#434654;
	padding:10px;
	transform:translate(100px,0px);
}
@media screen and (max-width:1200px){
	.detail_main{
		max-width:calc(100% - 240px);
	}
}
@media screen and (max-width: 750px){
	.detail_main{
		max-width:750px;
		margin:0 10px;
		transform:translate(0px,0px);
	}
}
.detail_title{
	line-height:20px;
	font-size:14px;
	font-family:"微软雅黑";
	font-weight:500;
	text-align:center;
	background:#585e6e;
	padding:10px 10px;
}
.detailBar{
	line-height:30px;
	height:30px;
	color:#999;
	border-bottom:1px dashed #999;
	overflow:hidden;
	padding-top:10px;
}
.detailBar a{
	color:#999;
}
.detailBar span{
	display: block;
	float:right;
	padding-left:10px;
	font-family:"微软雅黑";
	font-weight:500;
}
.detailBar span a{
	color:#2b98b9;
	margin:0px;
}
.detail_content{
	padding-top:10px;
	line-height:22px;
}
.detail_content img,.detail_file img{
	max-width:100%;
    display:block;
    margin:10px auto 0px auto;
}
.detail_content p{
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:10px;
}
.detail_file{
	padding-top:10px;
	text-align:center;
}
.detail_file video{
    max-width:100%;
    margin:0 auto;
}
/*详情页01*/