* {word-break:break-all;word-wrap:break-word;font-family:'Microsoft Yahei',Verdana,Arial,Helvetica,sans-serif;}
body {margin:0;font-size:12px;color:#333333;}
img {border:none;}
li {list-style-type:none;}
ul,form {margin:0px;padding:0px;}
a:link,a:visited,a:active {/*color:#333333;*/text-decoration:none;}
a:hover {color:#FF6600;}

table{border-collapse:collapse;border-spacing:0}

.f_p {color:#C40000;  font-size:14px !important; color:#333333;}
.f_pp {color:#C40000;}
.f_hot{background: url("../images/hot.gif") left 6px no-repeat;display: block;height: 52px;line-height: 52px;}
.f_al{font-size:12px !important;font-weight:300 !important;}
.details_image{ max-height:60px; max-width:80px; margin:10px 0;}




.fl{float: left;}
.fr{float: right;}
.fb {font-weight:bold;}
.fcolor{color: #C40000;}
.f16{font-size: 16px !important;}
.red{color: #f00}








/*1B2B*/
.web-main{
    margin: 100px auto;
    width: 1200px;
    clear: both;
    background: #fff;
    display: table;
}

.web-main .tabbox{
	width: 100%;
	float: left;
	margin: 20px auto;
}
.web-main .tabbox .tabs-bg{
	width: 100%;
	float: left;
	border-bottom:#eee 1px solid;
}
.web-main .tabbox .tabs{
	width: 306px;
	margin: 0 auto
}
.web-main .tabbox .tabs li{
	text-align: center;
	font-size: 16px;
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
	color: #333;
	border: 1px solid #eee;
	border-bottom: none;
}
.web-main .tabbox .tabs li.thistab{
	color: #d50000;
	border: 1px solid #d50000;
	border-bottom: none;
}


.web-main .tabbox .tab_conbox{
	width: 100%;
	margin: 30px auto;
	float: left;
}
.web-main .tabbox .tab_conbox .tab_con{
	font-size: 14px;
	line-height: 30px;
	color: #363535;
}




.web-main .platform-table {
	width: 100%;
	float: left;
	border-left:#eee 1px solid;
	border-top:#eee 1px solid;
}

.web-main .platform-table td {
	padding:0 10px;
	width:10%;
	height:52px;
	border-bottom:#eee 1px solid;
	border-right:#eee 1px solid;
	font-size:14px;
	line-height: 35px;
}

.web-main .platform-table table thead{
	font-size: 16px;
	font-weight: bold;
}

.web-main .platform-table table thead tr td:nth-child(1){width: 10%}
.web-main .platform-table table thead tr td:nth-child(2){width: 10%}
.web-main .platform-table table thead tr td:nth-child(3){width: 40%}
.web-main .platform-table table thead tr td:nth-child(4){width: 40%}






.web-main .price-title{
	width: 100%;
	float: left;
	margin: 40px auto;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
}
.web-main .price-table {
	width: 100%;
	float: left;
	border-left:#eee 1px solid;
	border-top:#eee 1px solid;
}
.web-main .price-table td {
	padding:0 10px;
	width:10%;
	height:52px;
	border-bottom:#eee 1px solid;
	border-right:#eee 1px solid;
	font-size:14px;
}

.web-main .price-table td .btn-tr{
	width: 24px;
	height: 24px;
}

.web-main .price-table td select{
	padding: 2px;
	font-size: 16px;
	border: 1px solid #aaa;
	width: 50%;
}





.web-main .price-table .yes {
	background:url('../images/icon-yes.gif') no-repeat center center;
}

.web-main .price-table .tips {
	position:absolute;
	z-index:8;
	width:300px;
	background:url('../images/tips-bg.gif') no-repeat 0 bottom;
	overflow:hidden;
	margin-left:-900px;
	display:none;
	color: #333 !important;
	font-weight: lighter;
}
.web-main .price-table .tips div {
	background:url('../images/tips-top.gif') no-repeat;
	line-height:22px;
	padding:8px 10px 8px 36px;
	text-align:left;
	font-size:12px;
}




@media screen and (max-width: 768px){
	
	.web-main{
	    margin: 100px auto;
	    width: auto;
	    clear: both;
	    padding-left: 1rem;
		padding-right: 1rem;
	}

	.web-main .platform-table table thead tr td:nth-child(1){width: 10%}
	.web-main .platform-table table thead tr td:nth-child(2){width: 20%}
	.web-main .platform-table table thead tr td:nth-child(3){width: 30%}
	.web-main .platform-table table thead tr td:nth-child(4){width: 40%}








}