.code {

font-size: 12px;

background: #EEE;

border: 1px solid #CCC;

padding: 10px;

border-radius: 3px;

line-height:1.7;

}

.full{

	width:100%;

	float:left;

}

.inner{

	width:100%;
	height: 100%;
	margin:0 auto;
}
.inner a img{
	width:1200px;
	height: 600px;
}
.swiper-slide a p{
	color: #ffffff;
    font-size: 16px;
}
#header{

	width:100%;

	float:left;

	background: #155273;

}

#nav{

	float:left;

}

#nav li{

	float:left;

	line-height:50px;

	padding:0 10px;

	margin-right:10px;

	position:relative;

}

#nav .active{

	background:#39F;

	

}

#nav li a{

	color:#fff;

	text-decoration:none;

	

}



#nav li a:hover{

	text-decoration:underline;

}

#nav .active a:hover{

	text-decoration:none;

	

}

#nav li ul{

	position:absolute;

	background:#39F;

	width:250px;

	top:50px;

	left:0px;

	display:none;

	z-index:999;

}

#nav li ul li{

	float:none;

	line-height:30px;

	margin:2px 0;

}

#nav .active ul li a:hover{

	text-decoration:underline;

}



#nav #logo{

	font-size:175%;

	font-weight:bold;

}

#nav #logo a:hover{

	text-decoration:none;

}

#search{

	float:right;

	margin-top:15px;

}

#search #search-keyword{

	border-radius:15px;

	border:none;

	padding:3px 7px;

	color:#999;

}

#search .search-submit{

	border-radius:15px;

	border:none;

	background:#1475aa;

	color:#fff;

	cursor:pointer;

	padding:3px 7px;

}

#banner{

	width:100%;

	float:left;

	height:550px;

	text-align:center;

	overflow:hidden;

	position:relative;

}

#banner .swiper-slide{

	width:100%;

	float:left;

	height:550px;

}


#newest{

	width:100%;

	border-bottom:1px solid #ddd;

	padding:25px 0;

	float:left;

}

#newest ul{

	width:900px;

	display:table;

	float:left;

	margin-left:50px;

}

#newest li{

	display:table-cell;

	text-align:center;

}

#announce{

 float:left; width:250px;overflow:hidden; height:16px;

}

#announce .pagination{

	position: absolute;

	top:2px;

	right:10px;

}

#announce .pagination .swiper-pagination-switch{

	background:#c2ecff;

	width:3px;

	height:3px;

	border-radius:6px;

	margin-bottom:1px;

	display:block;

	border-bottom:1px solid #fff;

	cursor:pointer;

}

#announce .pagination .swiper-active-switch{

	background:#55b7ff;

}

#banner .arrow-left {

background: url(../images/arrows.png) no-repeat 6px top;

position: absolute;

left: 6%;

top: 50%;

margin-top: -15px;

width: 30px;

height: 30px;

z-index:999;

}

#banner .arrow-right {

background: url(../images/arrows.png) no-repeat 6px bottom;

position: absolute;

right: 6.5%;

top: 50%;

margin-top: -15px;

width: 30px;

height: 30px;

z-index:999;

}

#banner .pagination {

position: absolute;

left: 0;

text-align: center;

bottom: 25px;

width: 100%;

z-index:999;

}

#banner .swiper-pagination-switch {

display: inline-block;

width: 24px;

height: 4px;

background: #bebebe;

margin: 0 3px;

cursor: pointer;

}

#banner .swiper-active-switch {

background: #63055f;

}

#banner #mainTheme{

font: italic bold 120px/100% Arial;

letter-spacing: -3px;

padding-top: 90px;

margin-bottom:20px;

text-shadow: 2px 2px 0 #1A668E;

color:#fff;

text-align:center;

position:relative;

display:inline-block;

}

#banner #mainTheme h1{

	font-family:Arial;

}

#banner #mainTheme span{

	font-size: 14px;

position: absolute;

right:-70px;

top: 100px;

display: block;

width: 54px;

height: 28px;

line-height: 28px;

text-align: center;

background: #155273;

-webkit-border-radius: 28px;

-moz-border-radius: 28px;

border-radius: 28px;

font-style: italic;

font-weight: normal;

letter-spacing:2px;

text-shadow:none;

}




#banner .subbtn{

	text-align:center;

}

#banner .button{

	font-size:16px;

	color:#fff;

	margin:0 7px;

	padding:10px 25px;

	background: #155273;

	border-radius:20px;

	text-decoration:none;

}

#banner .mainbtn{

	text-align:center;

	margin-top:50px;

}

#banner .mainbtn a{

	font-size:16px;

	color:#fff;

	margin:20px auto;

	padding:10px 25px;

	background: #98253D;

	border-radius:20px;

	text-decoration:none;

}

.mobileshow{

	

}

.mobileshow .show{

	width:100%;

	float:left;

	background: #fff;

	padding:70px 0;

	border-bottom:1px solid #eee;

}

.mobileshow .detail {

	float:left;

	width:700px;

	margin-top:50px;

	font-size:16px;

	line-height:30px;

	color:#636D82;

}

.mobileshow h2{

	color:#333;

	font:30px/2 normal , microsoft yahei;

	margin-bottom:20px;

}

.index .phone-box{

	float:right;	

}

.phone-box{

	width:332px;

	height:548px;

	background:url(../images/phoneBg.png) no-repeat;

	padding:70px 0 0 14px;

}

.phone-box .pre-btn{

	position:absolute;

	z-index:5;

	cursor:pointer;

}

.phone-box .pre-load{

	position:absolute;

	opacity:0.5;

	z-index:4;

	width:auto;

}

.phone-box .pre-code{

	position:absolute;

	width:100px;

	height:100px;

margin:190px 0 0 110px;

	z-index:5;

}









.light-title{

	font-size:80%;

	color:#aaa;

}

.appli{

	font-size:12px;

	width:100%;

	float:left;

}

.appli li{

	float:left;

}

.appli li span{

	background: #37a1de;

	color:#fff;

	height:20px;

	line-height:20px;

	padding: 0 15px;

	float:left;

	border-top-left-radius:5px;

	border-bottom-left-radius:5px;

}

.appli li a{

	float:left;

	line-height:18px;

	padding: 0 15px;

	color:#999;

	border:1px solid #37a1de;

	border-top-right-radius:5px;

	border-bottom-right-radius:5px;

}

.appli li{

	margin-right:30px;

	margin-bottom:15px;

}

.qr-img{

	opacity: 0.7;

	width:100%;

	float:left;

	margin-top:30px;

}

.qr-img img{

	width:100px;

	height:100px;

}

/*--------*/

#features{

	width:100%;

	float:left;

	padding:70px 0;

	background:#f8f8f8;

}

#features h2{

	color:#333;

	text-align:center;

	font:30px/2 normal , microsoft yahei;

	margin-bottom:20px;

}

#features dl{

	float:left;

	width:270px;

	padding:15px;

	height:100px;

}

#features dl dt{

font-family: microsoft yahei;

font-weight: 300;

font-size: 20px;

display: block;

line-height: 30px;

margin-bottom: 10px;

color:#333;

}

#features dl dd{

	color:#333;

}

#footer{

	width:100%;

	float:left;

	background: #4E4B41;

border-bottom: 1px solid #111;

border-top: 1px solid #333;

padding-top: 10px;

padding-bottom:10px;

color:#999;

text-align:center;

}

/**/

#demo,#usage,#about,#download,#search-page{

	background:#eee;

}

.innerbox{

width:970px; padding:0 40px 60px 40px; margin:0 auto;border-left: 1px solid #ccc;

border-right: 1px solid #ccc; background:#fff;

}

#demo h1,#usage h1,#download h1{

	font-size:30px;

	font-weight:normal;

	color: #4183c4;

	border-bottom:1px solid #eee;

	font-family:microsoft yahei;

	line-height:70px;

}

#usage p,#download p{

	margin: 1em 0;

}

.demo-title {

margin: 40px 0 10px;

text-align: center;

font-size: 20px;

font-weight: 300;

line-height: 35px;

}

.demo-iframe{

	width:100%;

	display:block;

}



.demo iframe {

    display: block;

    width: 100%;

    border: none;

    margin: 0;

    box-sizing: border-box;

    height: 400px;

    width: 1px;

    min-width: 100%;

}

#smooth-demo,#really-demo{

	margin:0 auto;

	width:1624px;

}

@media screen and (max-width: 1700px) {

#smooth-demo,#really-demo{

		width:1218px;

	}

}

#smooth-demo h1,#really-demo h1{

	font-size:36px;

	padding:50px 0;

	text-align:center;

	font-weight:normal;}

#smooth-demo .demo-box{

	width:358px;

	margin:0 24px 50px;

	float:left;

	}

#smooth-demo  .device{

	padding: 30px 10px;

    background: #222;

    margin: 10px 5px;

    width: 320px;

    border-radius: 20px;

    border: 4px solid #fff;

	float:left;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);

	}

#smooth-demo  .device .ad{

	background:#000;

	width:320px;

	height:480px;

	}

#really-demo .mobile-box {

    width: 346px;

    float: left;

    margin: 0 30px 30px 30px;

}



.start-use{

	text-align:center;

	margin:50px 0 0 0;

}

.start-use a{

	font-size: 16px;

color: #fff;

margin: 20px auto;

padding: 10px 35px;

background: #98253D;

border-radius: 20px;

text-decoration: none;

}

/*download*/

#download-box{

	margin-top:30px;

	margin-bottom:400px;

}

#download-box .title{

border-top-left-radius:3px;

border-top-right-radius:3px;

background: #e6f1f6;

border: 1px solid #b7c7cf;

border-bottom-color: #d8e6ec;

padding:8px;

color:#4e575b;

}

#download-box ul{

margin-bottom: 10px;

border: 1px solid #ddd;

border-top: 0;

border-bottom-right-radius: 3px;

border-bottom-left-radius: 3px;

background: #f8f8f8;

}

#download-box ul li{

padding: 6px 3px;

line-height: 20px;

border-top: 1px solid #eee;

}

#download-box ul li .file{

	padding-left:28px;

	width:250px;

	display:inline-block;

	background:url(../images/downloadIcon.gif) no-repeat left -41px;

}

#download-box ul li .bag{

	background-position:left -7px;

}

#download-box ul li .detail{

	color:#888;

}

#download-box ul li a:hover{

	text-decoration:underline;

}

#download-box ul .highcolor a{

	color:#ff6600;

	font-weight:bold;

}

/**/

#api{

	display:table;

	width:100%;

}

#api #aside{

	width:370px;

    display: table-cell;

	vertical-align:top;

	background: #eee;

	border-right:1px solid #e9e9ea;

}

#api #aside .top{

	border-bottom:1px solid #e9e9ea;

	padding-bottom:30px;

}

#api #aside h2{

	font-size:18px;

	margin:30px 0 0 20px;

	color: #272727;

}

#api #aside p{

color:#155273;

margin:3px 0 0 20px;

font-size:12px;

font-weight:bold;

}

#api #aside dl{

	border-bottom:1px solid #e9e9ea;

	width:100%;

	float:left;

}

#api #aside dt a{

	text-decoration: none;

color: #272727;

line-height:40px;

background:url(../images/lnavi_s.png) no-repeat 20px 50%;

text-indent:40px;

width:100%;

float:left;

}

#api #aside dt a:hover{

	background-color:#ddd;

}

#api #aside dt.active a{

	background-image:url(../images/lnavi_s2.png);

	background-color:#fff;

	font-weight:bold;

	}

#api #aside dd{

	display:none;

	width:100%;

	float:left;

	border-top: 1px dashed #E3E3E3;

	background:#fff;

	

	

}

#api #aside dd a{

	line-height:30px;

	float:left;

	text-indent:40px;

}

#api #aside .show{

	display:block;

}

#api #aside dd .option{

text-decoration: none;



color:#575757;

}

#api #aside .active .option{

	font-weight:bold;

	color:#ff3300;

}

#api #aside dd .value{

	float:right;

	width:85px;

overflow: hidden;

right: 0;

white-space: nowrap;

line-height:30px;

}

#api #aside dd .namespace{

	width:185px;

}

#api #aside .hljs-string q:before{content: "'";}

#api #aside .hljs-string q:after{content: "'";}



/**/

#api #content{

	display: table-cell;

	padding:0 20px 20px 20px;

	font-size:13px;

	line-height:26px;

	width:800px;

color: #444!important;

}

#api .api-box{

	width:800px;

}

#api #content .title{

	border-bottom:1px solid #CCC;

	margin-bottom:1em;

	position:relative;

	

}



#api #content .title h1{

	font-size:30px;

	font-weight:bold;

	line-height:2.3;

}

#api #content p{

	}

#api #content h2{	

	border-bottom: 1px dashed #DBDBDB;

font-size: 14px;

line-height: 30px;

font-weight: bold;

margin: 30px 0 10px 0;

color:#000;

}

.api-translate-table{

	border: 1px solid #888888;

width: 100%;

border-collapse: collapse;

color: #000;

line-height:1.2;

}

.api-translate-table th{

padding: 5px 10px;

background: #ccc;

text-align: left;

border-right: 1px solid #aaa;

border-bottom: 1px solid #aaa;

}

.api-translate-table td{

padding: 4px 10px;

border-right: 1px dotted #aaa;

border-bottom: 1px dotted #aaa;

background: #efefef;

}

.api-translate-table .stitle{

color: #003399;

font-weight: bold;

}

#api #content #option-value{

	width:100%;

	float:left;

	padding:0 0 2em 0;

}

#api #content #option-value dt{

float:left;	

}

#api #content #option-value dd{

	float:left;

	margin-right:30px;

}

#api #content .swiper-slide{

	color:#fff;

	line-height:300px;

	text-align:center;

	font-size:50px;

}

#api #content .blue-slide{

	background: #4390EE;

}

#api #content .red-slide {

background: #CA4040;

}

#api #content .orange-slide {

background: #FF8604;

}

#api #content .green-slide{background:#49a430;}

#api #content .pink-slide{background:#973e76;}

#api #content pre div{

	line-height:1;

	width:100%;

	float:left;

}

.contrast-value{

	background:#ff0000;

	color:#fff;

	text-decoration:none;

	padding:0 10px;

	margin:2px auto;

	display:inline-block;

}

#contrast{

	margin-top:10px;

	text-align:center;

}

#contrast a{

	background:#F90;

	color:#fff;

	text-decoration:none;

	padding:5px 15px;

	border-radius:4px;

	margin:0 5px;

}

#contrast .default{

	

}

.ds-powered-by{

	display:none;

}

#share-and-digg{

	margin:3em 0 2em 0;

	height:40px;

}



.bdsharebuttonbox{

	float:left;

	margin-top:5px;

	width:200px;

}

#newdigg{

	width:260px;

	float:right;

	}

.diggbox{

	width:115px;

	padding:5px 0;

	border-radius:40px;

	float:left;

	text-align:center;

	color:#fff;

	margin-left:15px;

	cursor:pointer;

}

.digg_good{

	background:#ff6600;

}

.digg_bad{

	background:#ddd;

}

.digg_act{

	display:inline;

}

.digg_num{

	display:inline;

}

#api #content .original{

	padding: 30px 0px;

}

#api #content .original p{

	padding: 0px 10px 0px 10px;

text-align: left;

color: #999;

border-left: 1px dashed #BBB;

font-size: 12px;

}

#api #content .original a{

	color: #999;

}



.api-google-ad {

    padding-top: 15px;

    margin-top: 2em;

    padding-left: 40px;

}



.page-nav a{

	line-height:37px;

	text-align:center;

	background-color:#f3f3f3;

	transition: all 0.3s ease;

	color:#999;

	width:399px;

	}

.page-nav a:hover{

	background-color:#ddd;

	transition: all 0.3s ease;

	color:#555;

	text-decoration:none;

}

.page-nav .pre{

	background-image:url(../images/page-nav-array.png);

	background-repeat:no-repeat;

	background-position:left 6px;

	float:left;

}

.page-nav .next{

	background-image:url(../images/page-nav-array.png);

	background-repeat:no-repeat;

	background-position:right -18px;

	float:right;

}

.page-nav .empty{

	line-height: 37px;

text-align: center;

background-color: #F3F3F3;

transition: all 0.3s ease;

color: #999;

width: 399px;

	float:right;

}

/**/

#right-bar{

	text-align: right;

    display: table-cell;

    padding-top: 80px;

    padding-right: 20px;

    vertical-align: top;

}

#right-bar .ad-title{

	background:#bebebe;

	font-size:22px;

	color:#fff;

	text-align:center;

	margin-top:20px;

	line-height:2;

}

#right-bar .ad-box{

	margin:30px 0 0 10px;

}

/**/

#about h1{

color: #333;

text-align: center;

font: 30px/2 normal , microsoft yahei;

margin-bottom: 20px;

padding-top:30px;	

	}

#about p{

	color:#636D82; text-align:center; margin-bottom:40px;

	

	font-size:16px;

	line-height:30px;

}

.dede_pages{

	padding:10px 0;

	margin-top:20px;

	border-top:1px solid #999;

}

.resultlist li font{

	

	}

.resultlist li span{

	color:#999;

}

.resultlist li h3{

	float:left;

	margin-right:10px;

}

.resultlist li p{

	margin:3px 0 30px 0;

}
.swiper-slide{
	position: relative;
}
.title-p{
    padding: 15px;
    position: absolute;
    left: 20%;
    bottom: 90px;
    z-index: 99;
    background: rgba(0, 0, 0, .5);
    color: #ffffff;
	font-size: 16px;
	display: block;
}