html,body{
	width: 100%;
	height: 100%;
	background: #fff;
	font-size:100px;
}
a{
	color:inherit;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.wrap{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
}
.header{
	width: 100%;
	height: 80px;
	background: #1f3957;
	position: fixed;
	top:0;
	z-index: 200;
}
.container{
	margin:0 auto;
}
.header .container{
	width: 1140px;
}
.logo{
	width: 200px;
	height: 80px;
	background: url(../images/logo.png) no-repeat;
	float: left;
}
.section{
	font-size:16px;
}
.login{
	width: 54px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	float: right;
	background: #00add8;
	border-radius: 2px;
	margin-top: 27px;
	margin-right: 10px;
	font-size:16px;
	cursor: pointer;
}
.reg{
	width: 54px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	float: right;
	border:1px solid #fff;
	box-sizing: border-box;
	border-radius: 2px;
	margin-top: 27px;
	cursor: pointer;
	font-size:16px;
}
.nav-header{
	float: right;
	font-size:16px;
}
.nav-header li{
	height: 80px;
	line-height: 80px;
	float: left;
	margin-right:30px;
	position: relative;
}
.nav-header li a{
	color: #fff;
	height: 80px;
	display: inline-block;
}
.nav-header li>a:hover,.nav-header li.active>a{
	color:#26a9e1;
}
.nav-header li:hover .sub-nav-list{
	display: block;
}
.nav-header li>a:after{
	position: absolute;
    top: 77px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #26a9e1;
    content: '';
    opacity: 0;
    -webkit-transition: height .5s,opacity .5s,-webkit-transform .5s;
    transition: height .5s,opacity .5s,transform .5s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.nav-header li>a:hover:after,.nav-header li.active>a:after{
	color:#26a9e1;
	height: 3px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.nav-header .sub-nav-list{
	position: absolute; 
	display: none;
	left: -35px; 
	top: 80px; 
	width: 110px; 
	background: #1f3957; 
	height: 120px; 
	line-height: 40px; 
	color: #fff;
	text-align: center;
}
.nav-header .sub-nav-list a{
	display: block;
	height: 40px;
	position: relative;
	font-size: 12px;
}
.nav-header .sub-nav-list a:after{
	position: absolute;
    top: 37px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #26a9e1;
    content: '';
    opacity: 0;
    -webkit-transition: height .5s,opacity .5s,-webkit-transform .5s;
    transition: height .5s,opacity .5s,transform .5s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.nav-header .sub-nav-list a:hover:after{
	color:#26a9e1;
	height: 3px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}



.page1{
	margin-top:80px;
}
.swiper-container {
    width: 100%;
    min-height: 300px;
    margin: 20px auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* 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;
    position: relative;
}
.swiper-slide img{
	width: 100%;
	height: 558px;
}
.slider-container{
	width: 1088px;
	margin:0 auto;
	position: absolute;
	left:0;
	right:0;
}
.slider-container{
	text-align: left;
	height: 150px;
}
.slider1 .slider-container{
	bottom:1.8rem;
}
.slider1 .slider-container dt{
	font-size: 0.48rem;
	color: white;
	position: relative;
}
.slider1 .slider-container dt span{
	color:#6bd5ff;
	font-size:72px;
}
.slider1 .slider-container h4{
	color: white;
}
.chatroom{
	width: 236px;
    height: 50px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    line-height: 50px;
    text-align: center;
    display: block;
    color: #fff;
    position: absolute;
    margin-top: 40px;
    z-index: 2;
    bottom: 1rem;
    left: 50%;
    margin-left: -540px;
}
.chatroom:hover{
	background: rgba(255,255,255,0.1);
	cursor: pointer;
}

.free-trail-box{
	position: absolute;	
    margin-top: 40px;
    z-index: 2;
    bottom: 1.6rem;
    left: 50%;
    margin-left: -540px;
}
.free-trail{
	width: 226px;
    height: 50px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    line-height: 50px;
    text-align: center;
    display: block;
    color: #fff;
    background-color:rgba(0,173,216,0.2);
    cursor: pointer;
}



.free-trail:hover{
	background: rgba(31,57,87,0.6);
}
.free-trail ul li{
	float: left;
	font-size: 13px;
	margin-left:15px;
	cursor: pointer;
}
.free-trail a{
	position: relative;
	bottom:3px;
}
.free-trail ul li:before{
	content: '';
	float: left;
	width:12px;
	height: 12px;
	box-sizing: border-box;
	border:1px solid white;
	border-radius: 50%;
	display: block;
	position: relative;
    top: 17px;
    margin-right: 5px;
}
.free-trail ul li.active:before{
	background: #36c5ff;
}
.slider2 .slider-container dt{
	font-size: 0.48rem;
	color: white;
	text-indent: 45px;
	position: relative;
}
.slider2 .slider-container dt span{
	color:#6bd5ff;
}
.font98{
	top: 10px;
    position: relative;
	font-size:0.98rem;
}
.slider2 .slider-container h4{
	margin-top:0.2rem;
	color: white;
	width: 600px;
}
.slider2 .slider-container{
	bottom:1.8rem;
}
.slider3 .slider-container dt{
	font-size: 0.48rem;
	color: white;
	position: relative;
}
.slider3 .slider-container dt span{
	color:#fff100;
}
.slider3 .slider-container h4{
	color: white;
	width: 630px;
	margin-top:0.1rem;
}
.slider3 .slider-container{
	bottom:2rem;
}

.slider4 .slider-container dt{
	margin-top: 20px;
	font-size: 0.54rem;
	color: white;
	line-height: 1;
}
.slider4 .slider-container dt span{
	color:#fff100;
}
.slider4 .slider-container h4{
	padding-top: 20px;
	color: white;
	width: 600px;
	margin-top:0.2rem;
	font-size: 24px;
	padding-left: 120px;
}
.slider4 .slider-container h4 span{
	color:#fff100;
}
.slider4 .slider-container{
	/*bottom:1.8rem;*/
}
.page2{
	background: #fff;
	overflow: hidden;
	height: 596px;
}
.page2 .container{
	width: 1140px;
	text-align: center;
	margin:0 auto;
}
.page2 .container dt{
	font-size: 38px;	
	margin-top: 70px;
	margin-bottom: 30px;
}
.page2 .container span{
	color: #00a1e9;
}
.page2 .container>p {
    width: 980px;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.page2 .container p a{
	color: #00a1e9;
}
.page2 .gongneng{
	width: 702px;
	height: 262px;
	margin:0 auto;
}
.page2 .gongneng ul{
	margin-bottom: 50px;
}
.page2 .gongneng li{
	width: 70px;
	display: inline-block;
}
.page2 .gongneng li img{
	width: 68px;
	margin:0 auto;
	display: block;
}
.page2 .gongneng li + li{
	margin-left: 135px;	
}
.page2 .gongneng li p{
	width: 100%;
	color: #7c7c7d;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}


.mt60{
	margin-top:60px;
}
.mt53{
	margin-top:70px;
}
.page3{
	width: 100%;
	height: 622px;
	background:url(../images/bg1.jpg) no-repeat;
	background-position: center center;
	text-align: center;
	overflow: hidden;
}
.page3 dt{
	font-size:38px;
	color: #fff;
	margin-top:70px;
	margin-bottom: 30px;
}
.page3 span{
	color:#efc75e;
}
.page3 p{
	width: 960px;
	margin:0 auto;
	font-size: 16px;
	color: #fff;
}
.page3 p a{
	color:#efc75e;
}
.page3 img{
	margin-top: 35px;
}
.page4{
	text-align: center;
	overflow: hidden;
	padding-bottom:70px;
}
.page4 dt{
	font-size:38px;
	color: #595757;
	margin-top:70px;
}

.page4 dt span{
	color: #00a1e9;
}
.page4 ul{
	margin-top: 56px;
}
.page4 a{
	width: 100%;
	text-align: center;
	color: #00a1e9;
	margin-top: 20px;
	display: block;
}
.page4 li{
	display: inline-block;
	margin-right: 45px;
	_zoom:1;
	*display:inline;
	width: 204px;
	/*float: left;*/
	vertical-align: top;
}
.page4 li h2{
	font-size: 22px;
	color: #00a1e9;
}
.page5{
	text-align: center;
	overflow: hidden;
	background: #faf8f8;
	padding-bottom: 70px;
}
.page5 dt{
	font-size:38px;
	color: #595757;
	margin-top:70px;
	margin-bottom: 30px;
}

.page5 dt span{
	color: #00a1e9;
}
.page5 a{
	width: 100%;
	text-align: center;
	color: #00a1e9;
	margin-top: 20px;
}
.user-list{
	width: 960px;
	margin:0 auto;
	margin-top:40px;
}
.user-list li{
	display: inline-block;
	margin-right:25px;
	margin-bottom:10px;
}
.footer{
	width: 100%;
	height: 350px;
	background: #1f3957;
	overflow: hidden;
}
.footer .container{
	width: 940px;
}
.footer .top{
	margin-top: 60px;
}
.footer .top>ul>li{
	font-size: 12px;
	color: #fff;
	float: left;
	margin-right:80px;
}
.footer .top>ul>li:first-child{
	margin-left:30px;
}
.footer .top ul li ul li{
	margin-top:15px;
}
.footer .top ul li ul li:first-child{
	color: #00a0e9;
	font-size: 14px;
}
.footer .top>ul>li,.footer .top>ul>li a{
	color:#dcdddd;
}
hr{
	background-color: #4c6179;
    margin-top: 30px;
    margin-bottom: 10px;
    opacity: 0.3;
    height: 1px;
    border: none;
}
p.rights{
	font-size:12px;
	color:#9a9fa7;
	text-align: center;
	margin-top:20px;
}
/*****内页*********/
.main{
	width: 1140px;
	margin:0 auto;
	margin-top:100px;
	position: relative;
}
.cp.main .left,.fangan.main .left{
	width: 140px;
	float: left;
	position: fixed;
}
.cp.main .left ul li,.fangan.main .left ul li{
	width: 140px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size:12px;
	box-sizing: border-box;
	border:1px solid #b5b5b6;
	border-radius: 4px;
	margin-bottom:15px;
}
.cp.main .left ul li.current ,.fangan.main .left ul li.current{
	color:#33b0e2;
	border:1px solid #33b0e2;
}
.cp.main .right,.fangan.main .right{
	float: left;
	margin-left: 197px;
	margin-top: 53px;
	width: 940px;
}
.cp.main .right dt,.fangan.main .right dt{
	color:#2f2725;
	font-size:26px;
	margin-bottom:40px;
}
.cp.main .right dt:before,.fangan.main .right dt:before{
	content: '';
	width: 4px;
	height: 24px;
	background: #33b0e2;
	display: inline-block;
	float: left;
	top:6px;
	position: relative;
	margin-right: 10px;
}
.fangan img{
	width: 600px;
	margin-bottom:30px;
}
.main .right p,.jiage-content p{
	font-size: 16px;
	color: #666464;
	margin-bottom:15px;
}
.cp-table1{
	width: 940px;
	border:1px solid #b5b5b6;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 80px;
}
.cp-table1 thead tr{
	height: 50px;
}
.cp-table1 thead tr td{
	border:1px solid #b5b5b6;

}
.cp-table1 tbody tr td:nth-child(2){
	color:#666464;
	font-size: 14px;
}
.cp-table1 tbody tr{
	height: 40px;
}
.cp-table1 tbody tr .text-icon{
	background: url(../images/icons.png) no-repeat;
	border-right:1px solid #b5b5b6;
	text-align: left;
    text-indent: 90px;
}
.cp-table1 tbody tr .text-icon.icon1{
	width: 26px;
	height: 30px;
	background-position: 54px 12px;
}
.cp-table1 tbody tr .text-icon.icon2{
	width: 26px;
	height: 30px;
	background-position: 54px -20px;
}
.cp-table1 tbody tr .text-icon.icon3{
	width: 26px;
	height: 30px;
	background-position: 54px -55px;
}
.cp-table1 tbody tr .text-icon.icon4{
	width: 26px;
	height: 30px;
	background-position: 54px -89px;
}
.cp-table1 tbody tr .text-icon.icon5{
	width: 26px;
	height: 30px;
	background-position: 54px -124px;
}
.cp-table1 tbody tr .text-icon.icon6{
	width: 26px;
	height: 30px;
	background-position: 54px -158px;
}
.cp-table1 tbody tr .text-icon.icon7{
	width: 26px;
	height: 30px;
	background-position: 54px -195px;
}
.cp-table1 tbody tr .text-icon.icon8{
	width: 26px;
	height: 30px;
	background-position: 54px -229px;
}
.tdys-content li{
	width: 450px;
	float: left;
	margin-right: 20px;
}
.tdys-content .ft-small{
	color: #666464 !important;
	font-size: 14px !important;
}
.tdys-title{
	color:#00a1e9 !important;
	font-size: 22px !important;
	margin-bottom: 0 !important;
}
.tdys-content li a{
	color:#00a0e9;
	text-decoration: underline;
}

.tdys-content li:nth-child(1):before{
	content: '';
	width: 89px;
	height: 96px;
	margin-right: 24px;
	background: url(../images/cp-icon1.png) no-repeat;
	float: left;
	display: inline-block;
}
.tdys-content li:nth-child(2):before{
	content: '';
	width: 89px;
	height: 96px;
	margin-right: 24px;
	background: url(../images/cp-icon2.png) no-repeat;
	float: left;
	display: inline-block;
}
.tdys-content li:nth-child(3):before{
	content: '';
	width: 89px;
	height: 130px;
	margin-right: 24px;
	background: url(../images/cp-icon3.png) no-repeat;
	float: left;
	display: inline-block;
}
.tdys-content li:nth-child(4):before{
	content: '';
	width: 89px;
	height: 150px;
	margin-right: 24px;
	background: url(../images/cp-icon4.png) no-repeat;
	float: left;
	display: inline-block;
}
.tdys-content li:nth-child(5):before{
	content: '';
	width: 89px;
	height: 130px;
	margin-right: 24px;
	background: url(../images/cp-icon5.png) no-repeat;
	float: left;
	display: inline-block;
}
.tdys-content li:nth-child(6):before{
	content: '';
	width: 89px;
	height: 130px;
	margin-right: 24px;
	background: url(../images/cp-icon6.png) no-repeat;
	float: left;
	display: inline-block;
}
.small-title{
	color:#666464;
	font-size: 16px;
}
.big-title-blue{
	font-size: 24px;
	color:#33b0e2;
	text-indent: 25px;
}
.small-title-blue{
	font-size: 16px;
	color:#33b0e2;
	text-indent: 25px;
}
.col-blue{
	color: #33b0e2;
}
.tab-title{
	width: 100%;
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
}
.tab-title li{
	width: 112px;
	height: 30px;
	color:#666464;
	font-size:16px;
	line-height: 30px;
	text-align: center;
	background: #d2d2d2;
	border-radius: 6px 6px 0 0;
}
.indent{
	text-indent: 2em;
}
.bolder{
	font-weight: bolder;
}
.mb0{
	margin-bottom: 0 !important;
}
.pre1{
	width: 900px;
	color:#666464;
	font-size: 16px;
	whitewhite-space: pre-wrap; /* css-3 */ 
	whitewhite-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	whitewhite-space: -pre-wrap; /* Opera 4-6 */ 
	whitewhite-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
}
.mb30{
	margin-bottom: 30px;
}
.jiage-title{
	width: 100%;
	height: 318px;
	background: url(../images/bg2.jpg);
	position: relative;
	overflow: hidden;
	margin-top:80px;
}
.jiage-title p{
	font-size: 58px;
	color:#fff;
	text-align: center;
	margin-top:114px;
}
.w100p{
	width: 100%; 
}
.xiazai-top{
	width: 100%;
	height: 620px;
	background: url(../images/bg3.jpg);
	background-position: center center;
	overflow: hidden;
}
.w1140{
	width: 1140px;
	height: 100%;
	position: relative;
}
.mauto{
	margin:0 auto;
}
.download-container{
	width: 1140px;
	height: 90px;
	margin-top: 7px;
	z-index: 100;
	position: relative;
}
.download-container li{
	width: 150px;
	position: relative;
	display: inline-block;
}
/*.download-container li:after{
	content: '';
	width: 1px;
	height: 56px;
	position: absolute;
	background: #333343;
	right: 0;
	top: 18px;
}*/
.download-container li:last-child:after{
	content: '';
	width: 0px;
	height: 56px;
	position: absolute;
	background: #333343;
	right: 0;
	top: 18px;
}
.download-container li+li{
	margin-left: 95px;
}
.download-container li img{
	float: left;
}
.download-container li a{
	display: block;
	float: left;
}
.download-container li p{
	float: left;
	color:#272636;
	font-size: 20px;
	margin-left: 12px;
	line-height: 20px;
}
.download-container li p a{
	color:#979797;
	font-size: 12px;
}
.download-container li p a:hover{
	color:#33b0e2;
}
.download-container li p.small{
	color:#979797;
	font-size: 12px;	
}
.xiazai-middle .download-container li p.small{
	color:#fff100;
}
.xiazai-middle{
	width: 100%;
	height: 540px;
	background: url(../images/bg6.jpg) no-repeat;
	background-position: center center;
	overflow: hidden;
}
.xiazai-bottom{
	width: 100%;
	height: 540px;
	background: url(../images/bg4.jpg) no-repeat;
	background-position: center center;
	overflow: hidden;
}
.wendang.main{
	margin-top: 80px;
}
.wendang .section1{
	width: 730px;
	margin: 0 auto;
	height: 207px;
	border-bottom:1px solid #e7e7e7;
}
.wendang .section1 ul li{
	display: inline-block;
	margin-right: 18px;
	margin-top: 70px;
}
.wendang .section1 ul li div{
	margin-left: 10px;
	margin-top: 10px;
}
.wendang .section1 ul li img{
	float: left;
}
.wendang .section1 ul li p{
	font-size: 20px;
	color:#272636;
	float: left;
}
.wendang .section1 ul li a{
	color: #979797;
	font-size:14px;
	float: left;
	display: inherit;
	clear:left;
}
.fl{
	float: left;
}
.wendang .section1 ul li img:nth-child(1){
	display: inline-block;
}
.wendang .section1 ul li img:nth-child(2){
	display: none;
}
.wendang .section1 ul li:hover img:nth-child(1){
	display: none;
}
.wendang .section1 ul li:hover img:nth-child(2){
	display: inline-block;
}
.wendang .section1 ul li:hover a{
	color:#33b0e2;
}
.wendang .section2{
	width: 890px;
	height: 778px;
	margin: 0 auto;
}
.wendang .section2 .android{
	width: 100%;
	height: 306px;
	border-bottom:1px solid #e7e7e7;
	padding-bottom:30px;
}
.wendang .section2 .chrome{
	width: 100%;
	height: 406px;
}
.wendang .left{
	position: relative;
}
.wendang .section2 .left{
	width: 200px;
	float: left;
	text-align: right;
	margin-top: 80px;
}
.wendang .section2 .chrome .left{
	width: 200px;
	float: left;
	text-align: right;
	margin-top: 48px;
}
.wendang .section2  .left p{
	font-size: 22px;
	color: #646464;
}
.wendang .section2 .right{
	margin-left: 230px;
	width: 660px;
	position: relative;
	top:60px;
}
.wendang .section2 .right .title{
	color:#3e3a39;
	font-size: 14px;
	margin-bottom: 0;
	font-weight: bold;
}
.wendang .section2 .right .context{
	color:#646464;
	font-size: 14px;
}
/******开发者文档******/
.kaifa .container{
	width: 1140px;
	margin:0 auto;
}
.kaifa .left{
	width: 250px;
	float: left;
}
.kaifa .left li{
	width: 100%;
	height: 36px;
	line-height: 36px;
	color: #8f9bb2;
	text-indent: 25px;
	font-size: 14px;
}
.tocify > ul > li.tocify-item.active {
    background-color: #f8f9fb;
    color: #33b0e2;
    box-shadow: none;
    border-left: 3px solid #33b0e2;
}
.kaifa .left li:hover{
	color: #33b0e2;
}
.kaifa .right{
	margin-top: 0;
	margin-left: 300px;
	min-height: 800px;
}
.kaifa .right p.title{
	font-size: 22px;
	color: #666e80;
}
.kaifa .right p.context{
	font-size: 14px;
	color: #666e80;
}
.dev-header{
	position: fixed;
    top: 0;
    height: 80px;
    min-width: 960px;
    width: 100%;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #efefef;
}
.dev-header .reg{
	color:#000;
	border-color:#000;
}
.dev-header .nav-header li a{
	color: #000;
}
.dev-header .nav-header li a:hover,.dev-header .nav-header li.active a{
    color: #33b0e2;
}
.dev-header .logo{
	width: 211px;
	background: url(../images/logo-dev.png) no-repeat;
}
.dev-wrap{
	padding-top:80px;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre.code{
	background: #f2f5fa;
    border-color: transparent;
    padding: 13px 26px;
}
pre code {
    padding: 0;
    font-size: 14px;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
/* Base16 Atelier Cave Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */

/* Atelier-Cave Comment */
.hljs-comment,
.hljs-quote {
  color: #655f6d;
}

/* Atelier-Cave Red */
.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name,
.hljs-regexp,
.hljs-link,
.hljs-name,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #be4678;
}

/* Atelier-Cave Orange */
.hljs-number,
.hljs-meta,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params {
  color: #aa573c;
}

/* Atelier-Cave Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet {
  color: #2a9292;
}

/* Atelier-Cave Blue */
.hljs-title,
.hljs-section {
  color: #576ddb;
}

/* Atelier-Cave Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #955ae7;
}

.hljs-deletion,
.hljs-addition {
  color: #19171c;
  display: inline-block;
  width: 100%;
}

.hljs-deletion {
  background-color: #be4678;
}

.hljs-addition {
  background-color: #2a9292;
}

.hljs {
  display: block;
  overflow-x: auto;
  background: none;
  color: #585260;
  padding: 0.5em;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}
/******注册********/
.zhuce .container{
	width: 300px;
	margin: 0 auto;
	height: 510px;
}
.zhuce .title{
	color: #93a1bd;
	font-size: 32px;
	text-align: center;
	margin-bottom: 35px;
}
.zhuce .container input{
	width: 300px;
	height: 42px;
	border:1px solid #e1e6f0;
	border-radius: 6px;
	font-size: 16px;
	padding:10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.zhuce .container input[type='submit']{
	background: #33b0e2;
	color:#fff;
	cursor: pointer;
}
.zhuce .container input.submit{
	background: #33b0e2;
	color:#fff;
	cursor: pointer;
}
.argeement{
	font-size: 12px;
	color:#727171;
	margin: 20px 0;
}
.argeement a{
	color: #00add8;
}
.forgetPwd{
	display: block;
	margin:10px 0;
	color: #666;
}
.forgetPwd:hover{
	color: #00add8;
}
.m-regist .regist_form .regist_tip {
    position: absolute;
    left: 310px;
    border-radius: 5px;
    display: table;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    height: 35px;
    max-width: 292px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    top: 2px;
}
.m-regist .regist_form .regist_triangle, .m-regist .regist_form .regist_triangle2 {
    position: absolute;
    top: 11px;
    left: -5px;
    border-top: 6px solid transparent;
    border-right: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
    z-index: 10;
}
.m-regist .regist_form .regist_triangle2 {
    left: -6px;
    border-right: 6px solid #ccc;
    z-index: 2;
}
.m-regist .regist_form .regist_tip .regist_tipContent {
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
}
.m-regist .regist_form .regist_tipIcon.error {
    color: #fa4646;
}
.m-regist .regist_form .regist_tipIcon {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 16px;
}
.m-regist .regist_form .regist_tip p {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
}
.m-regist .regist_form .regist_tip.regist_error p {
    color: #fa4646;
}
.m-regist .regist_form .regist_itemWrap {
    width: 100%;
    height: 54px;
    position: relative;
}
.t-cszb{
	border:solid #000; 
	border-width:1px 0px 0px 1px;
	margin-bottom:110px;
	font-size: 14px;
}
.t-cszb thead tr{
	background: #d2d2d2;
}
.t-cszb td{
	border:solid #000; 
	border-width:0px 1px 1px 0px; 
	padding:10px;
	color:#666464;
}
.gongshi{
	width: 100%;
	box-sizing: border-box;
	border:1px solid #bcbcbc;
	padding:0 5px;
	height:50px;
	font-size: 18px;
	line-height: 50px;
	background: #eee;
	color:#606060;
	margin-bottom:20px;
}
.about-box{
	width: 820px;
	margin:0 auto ;
	text-indent: 2em;
	font-size: 14px;
	text-align: center;
}
.about-box img{
	margin-top: 30px;
}
.a-download{
	color:red;
}
.a-download:before{
	content:'';
	width: 14px;
	height: 13px;
	display: block;
	float: right;
	position: relative;
	margin-left: 3px;
	top:4px;
	background: url(../images/icon-download.png) no-repeat;
}
.wendang .section1 ul li:hover .a-download:before{
	background: url(../images/icon-download2.png) no-repeat;
}
.core-team,.contact-us{
	width: 1140px;
	margin:0 auto;
	margin-top: 70px;
}
.core-team-title{
	text-align: center;
	font-size: 32px;
	color:#4c4948;
	margin-bottom: 70px;
}
.core-team li{
	width: 50%;
	float: left;
	padding-right:50px;
	box-sizing: border-box;
	margin-bottom: 70px;
}
.core-team li img{
	float: left;
}
.team-msg{
	margin-left:164px;
}
.team-name{
	font-size: 22px;
	color:#33b0e2;
	margin-bottom: 10px;
}
.team-summery{
	color:#666464;
	font-size: 14px;
}
.contact-us{
	text-align: center;
}
.contact-us li{
	display: inline-block;
}
.contact-us li+li{
	margin-left: 70px;
}
.version{
	width: 50px;
    height: 22px;
    background: url(../images/version.png);
    line-height: 18px;
    color: white;
    font-size: 12px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: -60px;
}
.xiazai-middle-container{
	width: 570px;
	float: right;
}
.xiazai-bottom-a{
	background:url(../images/icon-download-big.png) no-repeat;
	background-position: left;
	padding-left:40px;
	height:33px;
	display:block;
	line-height:33px;
	color:#6c6c6c;
	font-size:20px;
}
.u-border-red{
	border:2px #f00 solid !important;
}
.u-err {
    width: 300px;
    min-height: 0;
    margin: 5px auto;
    font-size: 14px;
    display: none;
    box-sizing: border-box;
    position: relative;
}
.u-ipt-err {
    display: inline-block;
    position: relative;
    margin-left: 20px;
    color: #f00;
}
.u-ipt-img-err {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    vertical-align: middle;
    left: -3px;
    top:-3px;
    background-image: url(../images/icons-old.png);
    background-position: -71px -76px;
}
.chatroom-pop{
	width: 462px;
	/* height: 244px; */
	/* background: url(../images/chatroom-pop.png) no-repeat; */
	position: absolute;
	top:160px;
	left:0;
	right:0;
    display: none;
	margin: 0 auto;
}
.chatroom-pop ul{
	width: 180px;
	margin:0 auto;
	margin-top: 145px;
}
.chatroom-pop a{
	width: 158px;
    height: 42px;
    float: left;
    display: inline-block;
    margin-top: 175px;
}
.chatroom-pop .pop-close{
	width: 22px;
    height: 22px;
    display: block;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 14px;
}


.chatroom-pop-jh{
	width: 462px;
	height: 244px;
	background: url(../images/chatroom-pop-jh.png) no-repeat;
	position: absolute;
	top:160px;
	left:0;
	right:0;
    display: none;
	margin: 0 auto;
}
.chatroom-pop-jh .jh-join-room{
	display: block;
	position: absolute;
	width: 220px;
	height: 35px;
	border-radius: 10px;
	background: #fff100;
	left: 50%;
	margin-left: -110px;
	top: 190px;
	font-size: 13px;
	line-height: 35px;
	text-align: center;
}
.chatroom-pop-jh .pop-jh-close{
	width: 22px;
    height: 22px;
    display: block;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 14px;
    background: url(../images/icon-close.png) no-repeat;
}



.video-pop-jh{
	width: 650px;
	height: 500px;
	background: black;
	position: absolute;
	top:160px;
	left:0;
	right:0;
    display: none;
	margin: 0 auto;
}

.video-pop-jh .jh-join-room{
	display: block;
	position: absolute;
	width: 220px;
	height: 35px;
	border-radius: 10px;
	background: #fff100;
	left: 50%;
	margin-left: -110px;
	top: 190px;
	font-size: 13px;
	line-height: 35px;
	text-align: center;
}


.video-pop-jh .jh-video-close{
	width: 22px;
    height: 22px;
    display: block;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 14px;
    background: url(../images/icon-close.png) no-repeat;
}


.jiahao{
	position:absolute;
	top:-34px;
	left:-30px;
}
@media only  screen and (max-width:1367px){
	html{
		font-size:80px;
	}

}

.chatroom-pop ul li{
	float: left;
	font-size: 13px;
	margin-left:15px;
	cursor: pointer;
	color:#fff;
}
.chatroom-pop ul li:before{
	content: '';
	float: left;
	width:12px;
	height: 12px;
	box-sizing: border-box;
	border:2px solid white;
	border-radius: 50%;
	display: block;
	position: relative;
    top: 3px;
    margin-right: 5px;
}
.chatroom-pop ul li.active:before{
	background: #006897;
}
.intoChatroom{
	width: 228px;
	height: 40px;
	background: #fff100;
	color:#595757;
	line-height: 40px;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	border-radius: 6px;
	margin:0 auto;
	margin-top:20px;
}
.download-list{
	width: 100%;
	height: 306px;
	/* border-bottom:1px solid #e7e7e7; */
}
.download-list .a-download{
	color: #979797;
    font-size: 14px;
    display: inherit;
    clear: left;
    margin:0 auto;
}
.download-list .a-download:before {
    content: '';
    width: 14px;
    height: 13px;
    display: block;
    float: left;
    position: relative;
    margin-left: 3px;
    top: 4px;
    background: url(../images/icon-download.png) no-repeat;
}
.download-list .a-download:hover{
	color:#33b0e2;
}
.download-list .a-download:hover:before{
	background: url(../images/icon-download2.png) no-repeat;
}
.logout{
    width: 54px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666;
    float: right;
    background: #fff;
    border-radius: 2px;
    margin-top: 27px;
    margin-right: 10px;
    font-size: 16px;
    cursor: pointer;
}
.user-name{
	width: 100px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    float: right;
    border-radius: 2px;
    margin-top: 27px;
    margin-right: 10px;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-name a:hover{
	color: #26a9e1;
	text-decoration: underline;
}
.reg-success{
	width: 400px;
    height: 200px;
    position: absolute;
    background: #33b0e2;
    border-radius: 6px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: 120px auto;
    text-align: center;
}
.reg-success p{
	color: white;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
	margin-top:60px;
}
.reg-success a{
	width: 96px;
	height: 30px;
	border-radius: 4px;
	border:1px solid white;
	color: white;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin-top: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
.reg-success a:hover{
	background: #fff;
	color: #26a9e1;
}

.jiage-content{
	height: 421px;
	padding-top: 150px;
}
/*TODO 隐藏右边栏*/
.right-suspend{
	width: 80px;
	height: auto;
	position: fixed;
	right: 5px;
	top: 50%;
	margin-top: -99px;
	font-size: 14px;
	display: none;
}
.right-suspend li{
	width: 80px;
	height: 80px;
	background: #1f3957;
	margin-top: 2px;
	text-align: center;
	position: relative;
	border-radius: 5px;
}
.right-suspend li div{
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-right: 80px;
}
.right-suspend li a{
	display: block;
	width: 100%;
	height: 100%;
}
.right-suspend li p{
	color: #fff;
}
.right-suspend li span{
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size:50px 50px;
}
.right-suspend-a span{
	background-image: url(../images/right-suspend-a1.png);
}

.right-suspend-a:hover{
	background: #fff;
}
.right-suspend-a:hover span{
	background-image: url(../images/right-suspend-a0.png);
}
.right-suspend-a:hover p{
	color: #1f3957;
}
.right-suspend-b span{
	background-image: url(../images/right-suspend-b1.png);
}
.right-suspend-b div{
	display: none;
	width: 150px;
	height: 100px;
	background-size: 150px 100px;
	background-image: url(../images/liaotianqipao.png);
	text-align: left;
	line-height: 30px;
	font-size: 16px;
	box-sizing: border-box;
	padding:20px 5px 20px 5px;
}
.right-suspend-b:hover{
	background: #fff;
}
.right-suspend-b:hover span{
	background-image: url(../images/right-suspend-b0.png);
}
.right-suspend-b:hover p{
	color: #1f3957;
}
.right-suspend-b:hover div{
	display: block;
}

.right-suspend-c span{
	background-image: url(../images/right-suspend-c1.png);
}
.right-suspend-c div{
	display:none; 
	width: 100px; 
	height: 130px;
	background: #fff;
}
.right-suspend-c:hover{
	background: #fff;
}
.right-suspend-c:hover span{
	background-image: url(../images/right-suspend-c0.png);
}
.right-suspend-c:hover p{
	color: #1f3957;
}
.right-suspend-c:hover div{
	display: block;
}