/*@import url(http://fonts.googleapis.com/css?family=Cutive);*/
/*自定义选择中文字的颜色*/

::-moz-selection {
	background: #96D63A
}
::selection {
	background: #96D63A
}
html {
	-webkit-text-size-adjust: none;
}
/************************************************************************************
RESET
*************************************************************************************/

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
img,
kbd,
q,
samp,
small,
span,
sub,
sup,
tt,
var,
legend,
fieldset {
	border: 0;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img,
fieldset {
	border: 0;
}
ul {
	list-style: none;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	/* ie8 */
	vertical-align: middle;
	-webkit-text-size-adjust: none;
}
/*弹性视频播放*/
.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
/* set html5 elements to block */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
.clear {
	clear: both;
}
.mt5 {
	margin-top: 5px;
}
.mt15 {
	margin-top: 14px;
}
.mt50 {
	margin-top: 50px;
}
.mb20 {
	margin-bottom: 20px;
}
.mr10 {
	margin-right: 10px;
}
.mr110 {
	display: block;
	margin-right: 0;
	margin-top: 30px;
}
.ml10 {
	margin-left: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
/*head*/
.cou{
	background: #cb322b;
}
.coupon{
	width:1011px;
	margin: 0 auto;
	position: relative;
}
.coupon button {
    background: none;
    border: medium none;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 60px;
}
.head {
	background: white;
	max-height: 88px;
	padding: 10px 0;
	border-bottom: 6px solid #96d63a;
	margin: 0 auto;
}
.top {
	width: 1011px;
	margin: 0 auto;
}
.logo {
	float: left;
}
.menu {
	float: right;
	margin-top: 10px;
}
.navColumn {
	display: none;
}
.menu ul li {
	float: left;
	text-align: center;
	font: bold 14px arial;
	list-style: none;
}
.menu ul li a.menu_nav {
	color: #3D3D3D;
	display: block;
	padding: 1.25em;
	text-align: center;
	text-decoration: none;
}
.menu ul li a.menu_nav:hover {
	background: #96d63a;
	color: white;
}
.menu ul li a.menu_nav.bgcolor {
	background: #96d63a;
	color: white;
}
.menu2 ul li a.menu_nav {
	color: #3D3D3D;
	display: block;
	padding: 1.25em;
	text-align: center;
	text-decoration: none;
}
.menu2 ul li a.menu_nav:hover {
	background: #96d63a;
	color: white;
}
.menu2 ul li a.menu_nav.bgcolor {
	background: #96d63a;
	color: white;
}
.menu2 .menu_store {
	background: #fb7a5c;
	color: #fff;
	display: block;
	padding: 1.25em;
	text-align: center;
	text-decoration: none;
}
.menu2 .menu_store:hover {
	background: #fb694b;
	text-decoration: none;
}

.hide_nav {
	display: none;
	float: right;
	margin-right: 2%;
	margin-top: 15px;
}
.nav_list {
	display: none;
	border: 3px solid #96d63a;
	padding: 2% 5%;
}
.nav_list ul li {
	padding: 5px 0;
}
.nav_list_son {
	padding-left: 3%;
}
/*the css of product and support nav*/
#pro_menu1 {
	display: none;
	position: absolute;
	z-index: 555;
	background-color: white;
	color: #333;
	width: 360px;
	height: auto;
	border: 1px solid #96D63A;
}
#pro_menu2 {
	width: 170px;
	height: 75px;
	display: none;
	position: absolute;
	z-index: 555;
	background-color: white;
	border: 1px solid #96D63A;
	padding: 20px 0 0 15px;
}
#pro_title {
	height: 35px;
}
#pro_title ul li {
	border: 1px solid #96D63A;
	width: auto;
	height: 35px;
	border-radius: 5px;
	text-align: center;
	margin: 8px 0 0 13px;
	line-height: 35px;
	padding: 0 5px;
}
#pro_content {
	padding: 25px 0 0 15px;
}
#pro_menu3 {
	display: none;
}
#pro_menu3 a {
	display: block;
	line-height: 40px;
	color: #333;
	font-size: 1em;
	font-weight: normal;
}
#pro_menu3 a:hover {
	text-decoration: none;
}
.is-active a {
	color: #fff;
}
.is-active {
	background-color: #96D63A;
}
.tabBlock-pane ul li {
	margin: 0 0 8px 0;
	width: 290px;
	text-align: left;
	height: 20px;
	width: 100%;
}
.tabBlock-pane ul li div a {
	display: inline-block;
	width: 50px;
	height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #ABABAB;
	text-decoration: none;
}
.tabBlock-pane ul li div a:hover {
	background-color: #FF9966;
	color: #fff;
}
.tabBlock-pane ul li .nav_a {
	margin: 0 20px 0 0;
}
.win_download,
.mac_download {
	font-size: 14px;
	color: #999;
	padding: 0 13px;
	font-weight: normal;
}
.win_download:hover,
.mac_download:hover {
	text-decoration: none;
	background-color: #FF9966;
	color: #fff;
}
.nav_a {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #333;
	text-decoration: none;
}
#pro_menu2 div {
	text-align: left;
	margin-bottom: 10px;
}
#pro_title ul li a.nav_a:hover {
	display: block;
	text-decoration: none;
	color: #fff;
	background-color: #96D63A;
}
#pro_title .is-active {
	background-color: #96D63A;
}
.tabBlock-pane {
	display: none;
}
.tabBlock-con {
	display: block;
}
.tab_content {
	text-decoration: underline;
}
.tab_bgcolor {
	background-color: #FF9966;
	color: #fff;
}
.active_bg {
	background-color: #96D63A;
	color: #fff !important;
}
.active_bg a.menu_nav {
	color: #fff !important;
}
/*foot*/

.foot {
	background: url("../newimage/bg.jpg");
	margin: 0 auto;
}
.foot h4 {
	font-size: 28px;
	margin-bottom: 15px;
}
.foot_one {
	width: 1011px;
	margin: 0 auto;
	padding: 2% 0;
}
.foot_one a {
	color: #333;
	line-height: 1.8em;
}
.hot_box {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	
}
.hot_t0p {
	margin-bottom: 30px;
	float:left;
	width:33%;
	padding-top:40px;

}
.hot_t0p a{
	display: inline-block;
}
.hot_article{
	float:left;
	width:33%;
	padding-bottom: 20px;
}
.hot_sell{
	width:28%;
	float:left;
	padding-right:4%;
	padding-top:40px;
}
.company {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.company ul li{
	display: inline-block;
}
.follow {
	float: left;
	width: 30%;
}
.follow a img {
	margin-bottom: 10px;
}
.follow_save a{
	display:inline-block;
	width:20%;
	float:left;
	padding:1%;
}
.foot_two {
	background: #96d63a;
	padding: 20px 0;
}
.foot_bottom {
	width: 75%;
	margin: 0 auto;
	text-align: center;
	color: white;
	line-height: 2em;
	font-size: 0.875em;
}
.foot_bottom a {
	color: white;
}
/*top*/
.totop {
	z-index: 15;
	width: 60px;
	height: 60px;
	cursor: pointer;
	right: 0px;
	margin-right: 9%;
	position: fixed;
	background: url(http://img.app.meitudata.com/meitushop/images/gotop.png) no-repeat;
	bottom: 88px;
	right: 2px;
	_position: absolute;
	_top: expression(documentElement.scrollTop+documentElement.clientHeight-100);
	display: none;
	text-indent: -999em;
}
.totop:hover {
	background-position: 0 -60px;
}
/*侧栏导航样式*/
.main {
	width: 75%;
	margin: 0 auto;
}
.main_add {
	margin: 15px 0 20px 0;
	font-size: 14px;
	color: #797979;
}
.main_add a {
	background: url("../images/home.png") no-repeat;
	background-size: 16px 18px;
	padding: 0 0 0 20px;
	color: #797979;
}
#search_main {
	border: 1px solid #ccc;
	border-top: none;
	height: auto;
	margin: 0 0 40px 0;
}
#main_top_box {
	height: 120px;
	background-color: #96D63A;
	padding: 20px 0 0 40px;
	margin: 0 0 30px 0;
}
#search_title {
	font-size: 22px;
	color: #fff;
	margin: 0 0 20px 0;
}
#search_input #search_text {
	width: 350px;
	height: 40px;
	border-radius: 5px 0 0 5px;
	padding: 0 0 0 10px;
}
#search_input #search_submit {
	width: 110px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 0 5px 5px 0;
	background-color: #F6772C;
	color: #fff;
}
.main_left_content {
	float: left;
	margin: 0 0 0 32px;
	height: auto;
	width: 70%;
}
/*search_result page*/
@media(max-width: 1296px) {
	.main_left_content {
		width: 65%;
	}
}
@media(max-width: 1120px) {
	.main_left_content {
		width: 60%;
	}
}
@media(max-width: 980px) {
	.main_left_content {
		width: 90%;
	}
}
.main_right_content {
	float: right;
}
.main_left_top {
	margin: 0 14px 25px 0;
}
.left_top_apps,
.left_btn_apps {
	margin: 0 0 35px 0;
}
.left_top_apps,
#left_btn_title,
#left_btn_content {
	width: 240px;
}
.left_top_apps #left_top_title,
#left_btn_title {
	border-top: 1px solid #ccc;
}
#left_top_title div,
#left_btn_title div {
	width: 90px;
	height: 30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 2px solid #84C754;
	line-height: 30px;
	text-align: center;
	margin: 0 0 5px 0;
}
#left_btn_title div {
	border-left: none;
	border-right: none;
}
.left_top_apps #left_top_content ul li,
#left_btn_content ul li {
	border-bottom: 1px dashed #ccc;
	padding: 5px 0;
	position: relative;
}
#left_top_content ul li a,
#left_btn_content ul li a {
	font-size: 12px;
	color: #333;
}
#left_top_content ul li span,
#left_btn_content ul li span {
	width: 20px;
	height: 20px;
	text-align: center;
	color: #fff;
	position: absolute;
	right: 0;
	top: 4px;
}
#left_top_content ul li .top1,
#left_btn_content ul li .top1 {
	background-color: #FD8300;
}
#left_top_content ul li .top2,
#left_btn_content ul li .top2 {
	background-color: #96D63A;
}
#left_top_content ul li .topn,
#left_btn_content ul li .topn {
	background-color: #999;
}
#left_btn_title span {
	float: right;
	color: #A1A1A1;
	font-size: 12px;
	margin: 5px 0 0 0;
}
#left_btn_title span:hover {
	text-decoration: underline;
}
#left_btn_title span img {
	margin: 0 10px;
}
.apps_info {
	width: 250px;
	height: 80px;
	padding: 10px 0 0 0;
	display: none;
}
.apps_info img {
	float: left;
	margin: 0 5px 0 0;
	height: 70px;
}
.apps_info em{
	display: block;
	position: relative;
	top: -10px;
}
.apps_info em a {
	font-size: 12px;
	color: #333;
}
.apps_info em span {
	margin: 0 10px 0 0;
}
.apps_info em i {
	display: block;
	font-size: 12px;
	color: #999;
	margin: 5px 0 0 5px;
}
.apps_info em .download {
	display: inline-block;
	width: 40px;
	height: 20px;
	background-color: #96D63A;
	text-align: center;
	text-decoration: none;
	margin: 10px 13px 0 0;
	line-height: 20px;
}
.apps_show {
	height: 80px;
}
#count {
	display: none;
}
/*foot email box*/

.email_box {
	float: left;
	width: 30%;
	padding-right: 3%;
}
.email_box p {
	line-height: 22px;
	color: #333;
}
.email_box .email {
	width: 273px;
	border-radius: 4px;
	border: 1px solid #999;
	color: #333;
}
.email_box .btn {
	background-color: #96d63a;
	margin-left: -10px;
	border-radius: 0 4px 4px 0;
	padding: 7px 18px 7px;
	color: #fff;
	border: 1px solid #999;
	position: absolute;
	right: 60px;
}
.btn-primary {
	background-color: #96d63a;
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.email_box .btn:ACTIVE {
	background-color: #ADD676;
}
.email_box .bth:ACTIVE {
	background-image: -webkit-linear-gradient(top, #A7D1A2, #96d63a);
}
.email_box #form-email {
	margin-top: 10px;
	position: relative;
	width: 360px;
}
.email_box .email-tips {
	font-size: 13px;
	line-height: 14px;
	margin: 10px 0 0 10px;
}
.main_add a.not_home{
	background: none;
	padding-left: 0;
}
.red-color{
	background-color: #FB694B;
	color: #fff !important;
}
/*search_result page css*/
.search_box{
	max-width: 1011px;
}
@media (max-width: 1200px) {
	.search_box .main_right_content{
		display: none;
	}
}
/*add css on 2015/1/14 by qiandu*/
@media (max-width: 1110px) {
	.coupon{
		width:auto;
	}
	.head .top,.foot_one{
		width: 750px;
	}
	.head .logo{
		width: 250px;
	}
	.widgetized-search{
		display: none;
	}
	#widgetized-stickybar-top-tab{
		display: none !important;
	}
	
	.email_box{
		float: left;
		width: 100%;
		padding-bottom: 20px;
	}
	.company{
		width:50%;
		margin-right: 0;
	}
	.follow{
		float: left;
		width:50%;
	}
}
@media (max-width: 768px) {
	.head .top,.foot_one,.hot_box{
		width: 460px;
	}
	.hot_sell{
		width: auto;
		float: none;
		text-align: center;
	}
	.hot_t0p{
		width:auto;
		float:none;
	}
	.hot_article{
		width:auto;
		float:none;
	}
	.hot_box{
		margin-right: 0;
	}
	.menu{
		display: none;
	}
	.hide_nav{
		display: block;
	}
	/*thumb nav*/
	.menu2 {
		margin: 0;
		background: #fff;
		z-index: 11;
		width: 240px;
		height: 100%;
		border: 1px solid #96d63a;
		position: fixed;
		top: 0px;
		right: 0;
	}
	.navColumn {
		display: block;
		background: #fff;
		line-height: 50px;
		text-align: center;
		border-bottom: 1px solid #96d63a;
		color: #333;
	}
	.navColumn span {
		position: absolute;
		top: -2px;
		right: 15px;
		display: block;
		width: 26px;
		height: 26px;
		overflow: hidden;
		text-indent: -99999px;
		background: url(../newimage/btn_img.png) no-repeat -92px 6px;
		cursor: pointer;
	}
	.menu2 ul li {
		text-align: center;
		font: bold 14px arial;
		list-style: none;
		float: none;
		border-bottom: 1px solid #96d63a;
	}
	.company{
		width:auto;
		float:none;
	}
	.follow{
		width:auto;
		float:none;
		margin-top:20px;
	}
}
@media (max-width: 479px) {
	.head .top,.foot_one,.hot_box,.company{
		width: 280px;
	}
	.follow{
		width: 220px;
	}
	.head .logo{
		width: 225px;
	}
	.hide_nav{
		margin-top: 6px;
	}
	.email_box #form-email{
		width: 100%;
	}
	.store_main{
		padding-bottom: 10px;
	}
	.foot h4{
		font-size: 24px;
	}
	.apps_info{
		width: 100%;
	}
	.apps_info em span{
		margin: 0;
	}
}
