﻿@charset "utf-8";
/*
* @description: page css
* @author: spring
* @update: spring (2016-01-27 12:27)
* @contact: 86387003@qq.com
*/

/* main css
----------------------------------------------------*/
.main-topic { margin: 10px 0 0 0; padding: 30px 0px; color: #333333; font-size: 40px; font-weight: normal; font-style: italic; text-align: left; }
    .main-topic em { padding-top: 10px; display: block; font-size: 14px; color: #666666; }
.main-body { padding: 20px 0px; overflow: hidden; }

/* pricing css
--------------------------------------------------*/
.price-body { margin: 10px 0 20px 0; padding-top: 0; }
    .price-search {}
	    .price-search ul {}
		.price-search ul:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
		    .price-search ul li { float: left; width: 50%; }
		        .price-search ul li a { display: block; background: #dddddd; line-height: 50px; color: #333333; font-size: 16px; text-align: center; }
		        .price-search ul li a:hover { background: #a5ca1b; color: #333333; }
		        .price-search ul li a.selected { background: #a5ca1b; color: #333333; }
	    .price-search-option { padding: 10px 20px; }
		
    .price-box { padding: 10px 20px; }
	.price-box:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
	    .price-title { padding-left: 10px; background: #a5ca1b; line-height: 50px; color: #ffffff; font-size: 24px; font-weight: normal; }
		    .price-title em { padding-left: 20px; font-style: normal; color: #ffffff; font-size: 14px; }
	.price-box:nth-child(odd) .price-title { background: #008E59; }
	    .price-left { float: left; width: 300px; }
			.price-model-img { padding: 10px 0; text-align: center; }
			    .price-model-img img { max-width: 300px; }
			.price-ad-img { padding: 10px 0; text-align: center; }
			    .price-ad-img img { max-width: 300px; }
		    .price-order-button { padding-top: 10px; text-align: center; }
			    .price-order-button a { color: #d9eef7; }
		
		.price-right { float: right; width: 850px; margin-top: 20px; overflow: hidden;}
		.price-right:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
		    .price-table { float: left; border: 1px solid #dddddd; margin: 0 10px;}
			    .price-table:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
			        .price-table-title { background: #dddddd; color: #000000; font-weight: bold; }
			        .price-table-title:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
			            .price-table-title span { display: block; float: left; line-height: 40px; font-size: 14px; }
			        .price-right ul { float: left; }
		            .price-right ul:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
		                .price-right ul li { width: 260px; }
				        .price-right ul li:nth-child(even) .price-pcs { background: #eeeeee; }
				        .price-right ul li:hover { background: #E7F2ED; color: #008E59; font-weight: bold; }
				        .price-right ul li:hover .price-pcs { background: #E7F2ED; }
				        .price-right ul li:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
				            .price-right ul li span { display: block; float: left; line-height: 36px; font-size: 14px; }
					        .price-pcs { width: 110px; padding-left: 20px; font-weight: bold; }
					        .price-sale { width: 120px; color: #ff0000; text-align: center; }