@charset "utf-8";
/* CSS Document */
html{
	height: 100%
	
}
body {
	overflow: auto;
	word-break:break-all;
	background-color: #F9F9F9;
	color:#666c75;
}
@media screen and (min-width:1441px){
	.container{
		width:1354px;
	}
}
a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
.web-a {
    line-height: 33px;
    font-size: 15px;
    font-weight: 300;
    color: rgba(109, 110, 113, 1);
}
.head-container {
    padding: 0px;
}
.dzz-nav {
    height: 70px;
    background-color: transparent;
    border: 1px solid rgba(232, 232, 232, 1);
    margin-bottom: 0;
    z-index: 11;
	min-width:0;
}
.navbar-nav>li>a{
	color:rgb(51,51,51,0.5);
}
.dzz-nav .nav .open>a,.dzz-nav .nav .open>a:focus,.dzz-nav .nav .open>a:hover{
	background:transparent;
}

.dzz-nav .navbar-brand{
	padding:0;
}
.nav-container {
	height: 100%;
	position: relative;
	padding: 0;
}
.navbar-header {
	padding-left: 20px;
	height: 100%;
	/* display: inline-block; */
	
}
@media (min-width: 768px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: -15px;
	}
}

.navbar-header .dzz-logo {
    padding: 0;
    /* width: 100%; */
    line-height: 60px;
}
.site-name {
    font-family: "microsoft yahei UI Light";
    line-height: 30px;
    padding-left: 5px;
    font-size: 21px;
    vertical-align: middle;
    color: rgb(51,51,51);
	width:170px;
	display: inline-block
}
.dzz-Dzz {
    font-weight: 600;
}
.navbar-toggle {
	margin-top: 15px;
}
.navbar-nav>li>a {
	line-height:38px
}
.nav>li {
    display: inline-block;
}
.dzz-nav .navbar-nav>.active>a,.dzz-nav .navbar-nav>.active>a:focus,.dzz-nav  .navbar-nav>.active>a:hover {
	background: none;
	color:RGBA(51,51,51,1);
}
 
 
.dzz-nav .nav>li>a:focus, .dzz-nav .nav>li>a:hover{
	background: none;
	color:RGBA(51,51,51,1);
	
}
.bs-main-container {
    margin-left: 0;
    border-top: 1px solid #FFF;
	width:100%;
	padding:0;
}



.market-container .appitem{
	
	background:#FFF;
	border-radius:2px;
	overflow:hidden;
	background-color: white;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);
    will-change: transform;
    -ms-transform-origin: center bottom 0;
    -webkit-transform-origin: center bottom 0;
    -moz-transform-origin: center bottom 0;
    transform-origin: center bottom 0;
    -webkit-transition: all 0.35s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    -moz-transition: all 0.35s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    -o-transition: all 0.35s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    transition: all 0.35s cubic-bezier(0.55, 0, 0.1, 1) 0s;
	display: block;
    position: relative;
    margin-bottom: 10%;
}
.appitem:hover {
    box-shadow: 0 10px 9px -8px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  /*  -webkit-transform: scale(1.0125);
    -moz-transform: scale(1.0125);
    -ms-transform: scale(1.0125);
    -o-transform: scale(1.0125);
    transform: scale(1.0125);*/
}
@media screen and (-webkit-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm){
	.appitem:hover{
		-webkit-transform: scale(1) translateY(-0.5%);
		-moz-transform: scale(1) translateY(-0.5%);
		-ms-transform: scale(1) translateY(-0.5%);
		-o-transform: scale(1) translateY(-0.5%);
		transform: scale(1) translateY(-0.5%);
	}	
	
}


.img-container {
	position:relative;
	padding-bottom: 50%;
    border-radius: 2px 2px 0 0;
	margin-bottom: 3%;
	/*background-size: contain;*/
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
}


.appitem-desc{
	position: absolute;
	width:100%;
	padding:30px 15px 15px 15px;
	padding-bottom:50%;
	color:#FFF;
	background-color: RGBA(0,0,0,.5);
	-webkit-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, opacity 700ms cubic-bezier(0.55, 0, 0.1, 1) 0ms;
    -o-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, opacity 700ms cubic-bezier(0.55, 0, 0.1, 1) 0ms;
    transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, opacity 700ms cubic-bezier(0.55, 0, 0.1, 1) 0ms;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
     top: 0;
    left: auto;
    bottom: auto;
    right: auto;
}
.appitem:hover .appitem-desc{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100);
}



.appitem .appmeta{
	 background-color: #fff;
	position: relative;
	z-index: 10;
	padding: 10px 15px 10px 15px;
    color: #666c75;
    min-height: 58px;
}
.appmeta a {
	color: #333;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
.appmeta  h3 {
	display: block;
	font-size: 15px;
	margin: 0 0 15px 0;
	height:16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 500;
}
.appmeta h4 {
	font-size: 12px;
	color: #808080;
	margin:0;
	padding-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	
}
.color-block-1 {
	    background-color: #B82F68;
}
.color-block-2 {
	    background-color: #DB4B00;
}
.color-block-3 {
	    background-color: #BA4B3A;
}
.color-block-4 {
	    background-color: #009BCB;
}
.color-block-5 {
	    background-color: #37B298;
}
.color-block-6 {
	    background-color: #F1C42C;
}
.color-block-7 {
	    background-color: #7BBA39;
}
.color-block-8 {
	    background-color: #7938BA;
}
.color-block-9 {
	    background-color: #3850BA;
}
.color-block-10 {
	    background-color: #51CB8F;
}

.price-container p{ margin:0 0 5px 0}

.app-info{
	 margin-bottom: 25.6px !important;
}
.app-info .app-icon {
    background-color: white;
    display: inline-block;
    margin: 0 10px 15px 0;
    vertical-align: top;
    border-radius: 2px;
    width: 62px;
    height: 62px;
}
.app-info .app-title {
    display: inline-block;
    margin-bottom: 15px;
}
.app-info .app-title h1 {
    font-size: 20px;
    font-weight: 400;
	line-height: 30px;
	margin:5px 0;
	
}
.app-tags{
	margin-bottom: 15px;
}
.app-tags .label {
    padding: .3em .8em;
    
}
.app-tags .label-purple {
	background-color: #875A7B;
}
.app-tags .dzz {
	margin-left:10px;
	color: #875A7B;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	border-collapse: collapse;
    border-spacing: 0;
}
.app-table.table tr > td{
	padding: 5px 15px;
	font-size:12px;
	padding-left:0;
	font-weight: 300
}
.app-table.table tr > td b{
	font-weight: 500
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	border-color:#e1e1e1;
}
.document-container {
	padding-top:30px;
}
.ie8 .document-container {
	border:1px solid #D9D9D7;
}
.document-header{
	
	padding:0;
	position:relative;
	
	background-color: #F9F9F9;
	/*background-image: -webkit-gradient(linear,left top,left bottom,from(#563d7c),to(#6f5499));
	background-image: -webkit-linear-gradient(top,#563d7c 0,#6f5499 100%);
	background-image: -o-linear-gradient(top,#563d7c 0,#6f5499 100%);
	background-image: linear-gradient(to bottom,#563d7c 0,#6f5499 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
	background-repeat: repeat-x;*/
	border-radius:2px 2px 0 0;
}


.document-header .header-info{
	
}
.ie8 .document-header .header-info{
	
}
.document-header .header-info .appname{
	font-size:16px;
	line-height:35px;
	color:#FFF;
}
.download-container{
	position:absolute;
	right:10px;top:10px;
	z-index:100;
}
@media (max-width: 750px) {


}

.document-container .document-body {
	padding: 40px 30px;
	overflow-x:hidden;
	position:relative;
	line-height:2;
	text-shadow:1px 1px 1px #FFF;
	min-height:500px;
	background-color: #FFF;
	
	
}
.document-container .document-Carousel {
	padding: 20px 0 0 0;
	margin: 0 20px 0 20px;
	min-height:200px;
	overflow-x:hidden;
	position:relative;
}
.document-container .document-comment {
	padding: 20px 0 0 0;
	margin: 0 20px;
}
.document-comment .attach-item{
	height:20px;
	line-height:20px;
	padding:0 10px;
}

span.attach-item{
	line-height:24px;
	display:inline-block;
	height:24px;
	padding-right:8px;
}
span.attach-item img{
	max-height:100%;
	padding-right:5px;
}


.carousel-inner>.item>img, .carousel-inner>.item>a>img{
	margin:0 auto;
}
.bs-navbar-default .navbar-nav li{
	overflow:hidden;
}
.bs-navbar-default .navbar-nav>li>a{
	padding:15px;
	
}
.bs-navbar-default .navbar-toggle{
	margin-top:8px
}
.bs-navbar-default .navbar-form{
	margin-top:8px
}
.bs-navbar-default .container-fluid>.navbar-header{
	margin-right:0;
	margin-left:0;
}

.footer {
	padding: 40px 10px 10px 10px;
	background-color:#1c1f37;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.footer .gray{
	color:#999;
}
.footer a{
	color:#FFF;
}
.footer-wrapper .col-list{
	text-align: left;
}
.footer-wrapper .col-list:last-child{
	text-align: center;
}
.footer-wrapper .col-title{
	font-size:18px;
	margin:20px 0;
}
.footer-wrapper .col-title img{
	max-height:106px;
}
.footer-wrapper .col-item{
	line-height:30px;
	margin:5px 0;
	text-align: left;
	position: relative;
}

.col-item.item-phone{
	padding-left:35px;
	background-image: url(../images/phone.png);
	background-position: left center;
	background-repeat:  no-repeat;
	bacground-size:22px ;
}
.col-item.item-email{
	padding-left:35px;
	background-image: url(../images/email.png);
	background-position: left center;
	background-repeat:  no-repeat;
}.col-item.item-qq{
	padding-left:35px;
	background-image: url(../images/qq.png) ;
	background-position: left center;
	background-repeat:  no-repeat;
}.col-item.item-github{
	padding-left:35px;
	background-image: url(../images/github.png) ;
	background-position: left center;
	background-repeat:  no-repeat;
}.col-item.item-gitee{
	padding-left:35px;
	background-image: url(../images/gitee.png);
	background-position: left center;
	background-repeat:  no-repeat;
}
.col-item.item-qqwpa{
	padding-left:35px;
	background-image: url(../images/qqwpa.png);
	background-position: left center;
	background-repeat:  no-repeat;
	
}


.footer-bottom{
	text-align: center;
	margin-top:50px;
	margin-bottom:50px;
}
.footer-bottom .footer-copyright{
	text-align: left;
	
}
.footer-bottom>div{
	display: inline-block;
}
.footer-bottom .footer-img {
	text-align: center;
	display:inline-block;
	padding:0 15px;
}
.footer-bottom .footer-img img{
	vertical-align: bottom;
	max-height:45px;
}
.footer-bottom .footer-img .footer-con {
	display:block;
	margin:5px 0 0 0;
	color:#999;
}
.footer-bottom span{
	padding:0 5px;
}
@media only screen and (max-width: 767px){
.container{
	padding:0;
}.head-container {
    height: 68px;
    padding: 0px 15px;
}
.market-container .appitem{
	margin-bottom:15px;
}

.footer-bottom .footer-copyright{
		text-align:center
	}
	.footer-bottom .footer-copyright .gray{
		font-size:10px;
	}
	.footer-bottom .footer-img{
		display:none;
	}
	.row{
		margin:0;
	}
}


@media screen and (max-width: 991px){
	#navbar-collapse {
		min-height: 50px;
		/* width: 100%; */
		background: #fff;
	}
}
@media only screen and (max-width: 767px){
#navbar-collapse {
    width: auto;
    background: #fff;
    padding-right: 0;
    box-shadow: 0px 5px 5px rgba(28, 28, 28, 0.28);
}
}