/*网站案例*/
.webcase{
	width: 7.5rem;
	height: auto;
	margin-top: 1.24rem;
}
.webcaseList{
	width: 7.5rem;
	overflow: hidden;
}

.webcaseList li{
	height: 2.17rem;
	width: 2.5rem;
	float: left;
	position: relative;
}
.webcaseList li div{
	display: none;
	position: absolute;
	height: 2.17rem;
	width: 2.5rem;
	top: 0;
	left: 0;
	background: #fff;
	padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-top: 0.3rem;
    font-size: 0.26rem;
    z-index: 30;
    box-sizing: border-box;
}


.webcaseList li div h1{
	    font-size: 0.24rem;
    padding-top: 0.05rem;
    padding-bottom: 0.1rem;
    font-weight: normal;
    color: #2da54b;
}

.webcaseList li div a{
	color: #333;
	word-wrap: break-word;
}
/*app案例*/

.appcase{
	width: 7.5rem;
	margin-top: 1.24rem;
}
.appcase .caseItem{
	
	padding-top: 0.63rem;
	padding-bottom: 1.88rem;
}
.appcase .caseItem .box{
	display: block;
	width: 7.5rem;
}

.appcase .caseItem a .top{
	padding: 0 0.76rem;
	height: 4.85rem;
	width: 5.98rem;
}
.appcase .caseItem a .bot{
	padding: 0 0.28rem;
	
}
.appcase .caseItem a .bot h4{
	font-size: 0.36rem;
	font-weight: normal;
	line-height: 1.36rem;
}

.appcase .caseItem a .bot p{
	font-size: 0.24rem;
	line-height: 0.44rem;
}
.appcase .ios{
	display: inline-block;
	height: 0.26rem;
	width: 0.24rem;
}

.appcase .android{
	display: inline-block;
	height: 0.26rem;
	width: 0.22rem;
}
.appcase .download{
	margin-top: 0.4rem;
}
.appcase .download a{
	display: inline-block;
	width: 2.74rem;
	height: 0.80rem;
	border-radius: 0.40rem;
	text-align: center;
	line-height: 0.80rem;
	color: #fff;
	font-size: 0.30rem;
}

.appcase .item1{
	background: #eef2f5;
}
.appcase .item1 a .bot{
	color: #028dee;
}

.appcase .item2{
	background: #fafafa;
}
.appcase .item2 a .bot{
	color: #ff8100;
}


.appcase .item3{
	background: #eef2f5;
}
.appcase .item3 a .bot{
	color: #028dee;
}

.appcase .item4{
	background: #fafafa;
}

.appcase .item4 a .bot{
	color: #ff5555;
}
.appcase .item5{
	background: #eef2f5;
}

.appcase .item5 a .bot{
	color: #3b3b3b;
}


.appcase .item6{
	background: #ffffff;
}

.appcase .item6 a .bot{
	color: #ff5555;
}

.appcase .item7{
	background: #eef2f5;
}
.appcase .item7 a .bot{
	color: #3b3b3b;
}
.appcase .download a:nth-of-type(1){
	margin-left: 0.29rem;
	margin-right: 0.74rem;
}
.appcase .item1 .download a{
	background: #028dee;
}
.appcase .item2 .download a{
	background: #ff8100;
}
.appcase .item3 .download a{
	background: #028dee;
}
.appcase .item4 .download a{
	background: #ff5555;
}
.appcase .item5 .download a{
	background: #3b3b3b;
}
.appcase .item6 .download a{
	background: #ff5555;
}
.appcase .item7 .download a{
	background: #3b3b3b;
}

/*小程序案例*/
.smallcase{
	width: 7.5rem;
	padding-top: 0.88rem;
	padding-bottom: 0.3rem;
	background: #FFFFFF;
	margin-top: 1.24rem;
}
.smallcase .smallcaseList{
	width: 5.46rem;
	padding:  0 1.02rem;
	display: -moz-box;  /* Firefox */
	display: -ms-flexbox;    /* IE10 */
	display: -webkit-box;    /* Safari */ 
	display: -webkit-flex;    /* Chrome, WebKit */
	display: box; 
	display: flexbox; 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.smallcase .smallcaseList li{
	height: 4.42rem;
	width: 2.25rem;
	background-image: url(../images/small-bg.png);
    background-size: 100% 100%;
    background-position: left top;
	box-sizing: border-box;
    padding-top: 0.3rem;
    padding-left: 0.13rem;
    padding-right: 0.12rem;
    padding-bottom: 0.56rem;
    position: relative;
    margin-bottom: 0.6rem;
}
.smallcase .smallcaseList li .img{
	width: 2rem;
	height: 3.56rem;
}
.smallcase .smallcaseList li .name {
    font-size: 0.12rem;
    text-align: center;
    color: #777;
    width: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.5rem;
}
.smallcase .smallcaseList li .xcx_bg {
    width: 2rem;
    height: 3.56rem;
    background-color: rgba(0,0,0,0.3);
    top: 0.3rem;
    left: 0.13rem;
    z-index: 8;
    position: absolute;
    display: none;
}

.smallcase .smallcaseList li .xcx_ewm{
	width: 1.7rem;
    height: 1.7rem;
    overflow: hidden;
    margin-top: 1.2rem;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    margin-left: 0.28rem;
    display: none;
}

/*app案例详情*/
.appcasedetial{
	width: 7.5rem;
	padding-top: 0.5rem;
}
.appcasedetial .top{
	padding-bottom: 0.65rem;
}
.applogo{
	height: 2.38rem;
	width: 2.38rem;
	background: #577279;
	border-radius: 0.08rem;
	margin-left: 2.56rem;
	margin-bottom: 0.28rem;
}
.applogo img{
	border-radius: 0.08rem;
	
}
.appcasedetial .busname{
	font-size: 0.36rem;
	color: #333333;
	text-align: center;
	margin-bottom: 0.59rem;
}
.appcasedetial .downBtn a{
	display: inline-block;
	width: 2.2rem;
	height: 0.8rem;
	color: #fff;
	font-size: 0.24rem;
	text-align: center;
	padding-left: 0.4rem;
	box-sizing: border-box;
	
}
.appcasedetial .downBtn a span{
	float: left;
	line-height: 0.8rem;
}
.appcasedetial .downBtn a:nth-of-type(1){
	background-color: #42ac52;
	margin-left: 1.26rem;
	margin-right: 0.58rem;
}
.appcasedetial .downBtn a:nth-of-type(2){
	background-color: #169bd5;
}
.appcasedetial .downBtn a i{
	display: inline-block;
	float: left;
	margin-right: 0.13rem;
	line-height: 0.8rem;
}
.appcasedetial .downBtn a:nth-of-type(1) i{
	height: 0.39rem;
	width: 0.32rem;
}
.appcasedetial .downBtn a:nth-of-type(2) i{
	height: 0.39rem;
	width: 0.33rem;
}
.appcasedetial .info{
	margin-top: 0.58rem;
	padding: 0 0.87rem;
	font-size: 0.26rem;
	line-height: 0.52rem;
	color: #333333;
}

.appcasedetial .bot .heading{
	height: 0.8rem;
	width: 7.5rem;
	background-color: #f5f5f5;
	font-size: 0.32rem;
	line-height: 0.8rem;
	padding-left: 0.45rem;
	box-sizing: border-box;
}
.appcasedetial .bot .heading b{
	display: block;
	/*border-left: 0.04rem solid #7ecef4;*/
	padding-left: 0.23rem;
	background: url(../images/appline.png) no-repeat left center;
}

.appcasedetial .screenshot{
	padding: 0 0.2rem;
	padding-top: 0.46rem;
	padding-bottom: 0.66rem;
}
.appcasedetial .screenshot ul{
	overflow-x: auto;
	white-space: nowrap;
}
.appcasedetial .screenshot li{
	width: 2.58rem;
	height: 4.6rem;
	margin-right: 0.27rem;
	display: inline-block;
}