@media (min-width: 768px) {
    
	.content {
		width: 100%;
		padding: 1vw 0;
		background-image: url('../img/case/back.png');
		background-size: 100% 100%;
	}

	.pc_subTab {
		width: 72.91vw;
		margin: 0 auto;
		padding: 3.125vw 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
    .mobile_subTab{
	    display: none;
	}
	.subTab_item {
		/*padding: 0.625vw 1.56vw;*/
		/*border-radius: 100px 100px 100px 100px;*/
		/*border: 1px solid #666666;*/
		/*font-family: Microsoft YaHei, Microsoft YaHei;*/
		/*font-weight: 400;*/
		/*font-size: 16px;*/
		/*color: #666666;*/
		/*display: flex;*/
		/*align-items: center;*/
		/*justify-content: center;*/
		/*margin: 0 0.5vw;*/
		/*cursor: pointer;*/
	}
    .subTab_item a{
        padding: 0.625vw 1.56vw;
		border-radius: 100px 100px 100px 100px;
		border: 1px solid #666666;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #666666;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0.5vw;
		cursor: pointer;
    }
	.pc_subTab .active {
		background: #E80707;
		color: #FFFFFF;
		border: 1px solid #E80707;
	}

	.box {}

	.caseList {
		width: 72.91vw;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}

	.caseItem {
		margin-right: 1.2vw;
		margin-bottom: 2.5vw;
	}
	.caseItem:nth-child(3n){
		margin-right: 0;
	}
	.caseItem .imgBox {
		width: 23vw;
		height: 23vw;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
	}

	.caseItem .imgBox img {
		width: 23vw;
		height: 23vw;
	}
	.imgBox .back{
		transition: all 0.6s;
		position: absolute;
		width: 0;
		height: 0;
		border-radius: 50%;
		background-color: rgba(232, 7, 7, 0.1);
	}
	.caseItem:hover .imgBox .back{
		width: 36vw;
		height: 36vw;
	}

	.caseItem .title {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 1.25vw;
		color: #333333;
		margin: 1vw 0;
		transition: all 0.2s;
	}
	.caseItem:hover .title {
		color: #E80707;
		
	}

	.caseItem .tips {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.caseItem .tips span {
		font-weight: 400;
		font-size: 0.885vw;
		color: #999999;
	}

	.caseItem .tips .icon1 {
		width: 1.718vw;
		height: 1.718vw;
		opacity: 1;
		display: block;
		transition: all 0.2s;
	}

	.caseItem .tips .a-icon1 {
		width: 1.718vw;
		height: 1.718vw;
		opacity: 0;
		display: none;
		transition: all 0.2s;
	}

	.caseItem:hover .tips .icon1 {
		opacity: 0;
		display: none;
	}

	.caseItem:hover .tips .a-icon1 {
		opacity: 1;
		display: block;
	}
	.ub-page .pages span.current{
	    background: #E80707;
	    color: #FFFFFF;
	}
}
@media (max-width: 768px) {
    
	.content {
		width: 100%;
		padding: 1vw 0;
		background-image: url('../img/case/back.png');
		background-size: 100% 100%;
	}

	.pc_subTab{
	    display: none;
	}
	.mobile_subTab{
	    width: 94vw;
		margin: 0 auto;
	    overflow: hidden;
	    height: 11vw;
	}
	.subTab {
		display: none;
		width: 94vw;
		padding: 3.125vw 0;
		display: flex;
		/*align-items: center;*/
		/*justify-content: center;*/
		overflow-x: scroll;
	}
	.subTab_item {
		/*padding: 0.625vw 1.56vw;*/
		/*border-radius: 100px 100px 100px 100px;*/
		/*border: 1px solid #666666;*/
		/*font-family: Microsoft YaHei, Microsoft YaHei;*/
		/*font-weight: 400;*/
		/*font-size: 16px;*/
		/*color: #666666;*/
		/*display: flex;*/
		/*align-items: center;*/
		/*justify-content: center;*/
		/*margin: 0 0.5vw;*/
		/*cursor: pointer;*/
	}
    .mobile_subTab_item a{
        padding: 0.625vw 1.56vw;
        /* width: 21.3vw;*/
        /*height: 7.94vw;*/
		border-radius: 100px 100px 100px 100px;
		border: 1px solid #666666;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #666666;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0.5vw;
		cursor: pointer;
		white-space: nowrap;
    }
	.subTab .active {
		background: #E80707;
		color: #FFFFFF;
		border: 1px solid #E80707;
	}

	.box {}

	.caseList {
		width: 94vw;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}

	.caseItem {
		margin-bottom: 2.5vw;
	}
	.caseItem:nth-child(3n){
		margin-right: 0;
	}
	.caseItem .imgBox {
		width: 44vw;
		height: 44vw;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
	}

	.caseItem .imgBox img {
		width: 44vw;
		height: 44vw;
	}
	.imgBox .back{
		transition: all 0.6s;
		position: absolute;
		width: 0;
		height: 0;
		border-radius: 50%;
		background-color: rgba(232, 7, 7, 0.1);
	}
	.caseItem:hover .imgBox .back{
		width: 65vw;
		height: 65vw;
	}

	.caseItem .title {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 4vw;
		color: #333333;
		margin: 2.5vw 0;
		transition: all 0.2s;
	}
	.caseItem:hover .title {
		color: #E80707;
		
	}

	.caseItem .tips {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.caseItem .tips span {
		font-weight: 400;
		font-size: 2.6vw;
		color: #999999;
	}

	.caseItem .tips .icon1 {
		display: none;
	}

	.caseItem .tips .a-icon1 {
		display: none;
	}

	.ub-page .pages span.current{
	    background: #E80707;
	    color: #FFFFFF;
	}
}