/**全局定义**/
/*  *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0;} */

body{color: #333; text-align: center; background-color: #eee;}
ul{list-style-type: none;}
a{text-decoration: none; color: #333;}
a:hover{color:#cc0000;cursor: pointer;}
input:hover{box-shadow: 0px 0px 3px #FFFFCC inset;}


/*应用分类*/
.genreA{position:relative; max-width:1182px;margin-left:auto; margin-right:auto;margin-top:40px;margin-bottom:30px;overflow: hidden;}
.genCon{width:98%; height: 160px; float: left; text-align: center; position: relative;padding:10px;}
.genCon ul{position: relative;}
.genCon li{position: relative;float: left;margin:0;margin-right:1.5%; height: 100%; width:13%;padding:15px 0;background-color: #fff;}
.genCon li:last-of-type{margin-right:0;}
.genCon li:hover{box-shadow: 0 0 6px #bbb;opacity: 0.86;}
.genCon span{float: left;width:100%; position: relative;text-align: center;color:#333;}
.genCon span img{margin-top:20px;}
.genImg{height:80px;}
.genName{font-size: 16px; line-height: 40px; font-family: '微软雅黑';}

/*类*/
.compuA,.winxinA,.boxA,.recordA,.domainA,.apiA{position: relative;overflow:hidden;max-width: 1182px;margin-left: auto;margin-right: auto;font-family: '微软雅黑';}
.idcA{position: relative;overflow:hidden;max-width: 1182px;margin-left: auto;margin-right: auto;margin-bottom:30px;}
.comTop{width: 100%;float: left;text-align: center;position: relative;}
.comTopLeft{float: left;height: 100%;text-align: left;position: relative;font-size:24px; height:80px;line-height:80px;color:#333;padding-left:10px;font-family: Microsoft YaHei;}
.comCon{width: 100%; float: left; text-align: center; position: relative;}
.comConRight{position: relative;overflow: hidden;padding:10px;}
.comConRight ul{position: relative;}
.comConRight li{width:23.5%;margin:0;margin-right:2%;margin-bottom:2%;padding:20px 0; float:left; background-color: #fff; position: relative;cursor: pointer}
.comConRight li:hover{box-shadow: 0 0 10px #888;}
.comConRight li:nth-child(4n){margin-right:0;}
.comConRight .buyInfo{width:85%;margin:0 auto !important;float:none;height:34px;}
.comConRight .buyInfo .priceNum{width:49%;text-align: center;display: inline-block;float: left;height:34px;line-height:34px;color:#333;font-size:12px;}
.comConRight .buyInfo .priceNum i{font-style: normal;color: red;font-size: 22px;margin-right: 5px; font-family:'Georgia,Tahoma';font-weight: bold;}
.comConRight .buyInfo .buy{display: inline-block;width: 50%;text-align: center;float: right;}
.comConRight .buyInfo .buy input{height:34px;line-height: 34px;width: 100%;border: 0;background: #cc0000;color: #fff;cursor: pointer;font-size:14px;}
.comConRight .img{width:80px; height:80px; margin: 0 auto; float:none; position: relative;}
.comConRight .img img{max-height:100%;max-width:100%;}
.comConRight .imgName{width:85%; height: 40px; font-size: 16px; line-height: 40px;float:none;margin: 0 auto;}
.comConRight .suggest{font-size:12px;width:85%; height:45px; font-family: '宋体'; opacity: 0.7;float:none;margin:0 auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom:10px;}
.comConRight .price{width: 240px; height: 40px; float: left; margin-bottom: 5px; position: relative;}
.comConRight .priceTips{font-size: 14px; float: center; height: 40px; color: #333; text-align: right;}
.comConRight .priceNum{font-size: 16px; height: 40px; line-height: 40px; float: center; color: #c00; text-align: left; font-family:Georgia,Tahoma,'微软雅黑'; position: relative;}
.comConRight ul li ul li{padding: 0;}
.comConRight ul li ul li:hover{box-shadow: 0 0 0;}

.comConRight .buyInfo .priceNum i {font-size:20px;}

.sBanner{background:#102f8a url(../images/v8/banner.jpg) center top no-repeat; height: 300px;}
.sBanner .inner{max-width:1220px;margin:0 auto;background:url(../images/v8/txtBg.png) left 18px no-repeat;height:310px;text-align:center}
.sBanner h2{color:#fff;font-size:45px;padding-top:90px;padding-bottom:70px;}
.sBanner .d{color:#ad1e23;font-size:28px;}
#subMenuItem>li:hover ul{visibility:visible;}

@media screen and (min-width:768px) and (max-width:1023px){
	.comConRight .buyInfo{width:95%;}
	.comConRight .buyInfo .priceNum{width: 60%;}
	.comConRight .buyInfo .buy{width: 35%;}
}
@media screen and (min-width:414px) and (max-width:767px){
	.sub_wrap{display:none;}
	.sBanner{height: 200px;background-size: 300% 100%;}
	.genCon{width: 95%;height:auto;}
	.genCon li{margin: 6px;height:auto;width: 30%;}
	.genreA{margin-top: 20px;margin-bottom: 0px;}
	.comConRight{padding:0;}
	.comConRight li{width: 45%;margin: 10px;}
	.comConRight .imgName{line-height: inherit;}
	.comConRight .buyInfo{width:100%;}
	.comConRight .buyInfo .priceNum{width: 60%;}
	.comConRight .buyInfo .buy{width:40%;}
	.comConRight .buyInfo .buy input{width:85%;}
	.comTopLeft{font-size: 18px;}
}
@media screen and (min-width:320px) and (max-width:413px){
	.sub_wrap{display:none;}
	.sBanner{height: 200px;background-size: 300% 100%;}
	.genCon{width: 100%;height:auto;padding:0;}
	.genCon li{margin: 1.6%;height:auto;width: 30%;}
	.genreA{margin-top: 20px;margin-bottom: 0px;}
	.comConRight{padding:0;}
	.comConRight li{width: 45%;margin: 2.5%;}
	.comConRight .imgName{line-height: inherit;}
	.comConRight .buyInfo{width:100%;}
	.comConRight .buyInfo .priceNum{width: 60%;}
	.comConRight .buyInfo .buy{width:40%;margin-right: 5px;}
	.comConRight .buyInfo .buy input{width:85%; font-size: 12px;}
	.comConRight .buyInfo .priceNum i{font-size:16px;}
	.comTopLeft{font-size:18px;}
}
@media screen and (max-width:320px){
	.comConRight .imgName{font-size: 14px;}
	.comConRight .buyInfo .priceNum i{font-size:12px;}
	.comConRight .buyInfo .priceNum{width: 70%;}
	.comConRight .buyInfo .buy input{width:100%;}
}