﻿@charset "utf-8";
/*reset css*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, .footer, .header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font-size: 14px;font: inherit;vertical-align:top;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,.footer, .header, hgroup, menu, nav, section {display: block;}
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
.clear{ clear:both; height:0px; width:0px; line-height:0px; visibility:hidden; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
textarea{resize: none;}
*{outline: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{ text-decoration:none; display:inline-block;}
a:focus,a:active,a:link,a:visited,a:hover{outline: none;text-decoration: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{color: #333;}
body{
	font-size: 30px;
	font-family:"黑体";
}
input{font-family:arial,"黑体";outline: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
textarea{font-size: 30px;color: #333333;font-family:arial,"黑体";}
html,body{height: 100%;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.none{display:none;}


body { background: #f7f7f8; }
.wrapper{width: 640px;overflow: hidden;position: absolute;top: 0px;bottom: 100px;left: 50%;margin-left:-320px;background: #fff;}
.header .wrapper,.footer .wrapper{top: 0;bottom:0;background: transparent;}
.main{padding:0;margin:0 auto;width: 640px;background: #E43C4D; margin-bottom:0; border:0 none;}

/* 页面滚动 */
#scroll{position: absolute;top: 0;right: 0;left: 0;bottom: 0;overflow: hidden;}
.wrapper{bottom: 0;background: #f7f7f8;}
.banner{width: 640px;height: 268px;}
.tab{height: 91px;background: #FFF;text-align: center;}
.tab li{display: inline-block;width: 23%;height: 91px;text-align: center;}
.tab li a{display:inline-block;text-align: center;height: 88px;line-height: 88px;border-bottom: 3px solid transparent;color: #949494;font-size: 26px;}
.tab li a.on{border-bottom-color: #d22d39;color: #d22d39;}
#tab{position: fixed;width: 640px;left: 50%;margin-left: -320px;height: 91px;top: 0px;z-index: 9;display: none;}
.odd-picture{width: 600px;margin: 20px;height: 418px;overflow: hidden;}
.odd-picture img{width: 100%;}
.even-picture{margin:0px 15px 10px;}
.even-picture:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.even-picture li{float: left;width: 300px;height: 410px;margin-top:20px;overflow: hidden;}
.even-picture li:nth-child(even){margin-left: 10px;float: right;}
.even-picture li img{width: 100%;}

h2{margin-top:20px;position: relative;height: 44px; text-align:center;}
/*
h2:before{content: "";display: inline-block;position: absolute;left: 0;top: 0px;height: 30px;background: #D03140;width: 8px;}
h2.blue:before{background: #22A4FC;}
h2 strong{color: #333;margin-left: 20px;}
*/
.even-commodity{margin: 20px;}
.even-commodity:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.even-commodity li{float: left;width: 290px;height: 360px;background: #FFF;margin-top: 20px;}
.even-commodity li:nth-child(even){margin-left: 20px;float: right;}
.even-commodity li aside{width: 290px;height: 290px;overflow: hidden;}
.even-commodity li aside img{width: 100%;}
.even-commodity li h3{color: #333;font-size: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 10px 10px 0;line-height: 24px;}
.even-commodity li p{font-size: 20px;line-height: 20px;margin: 8px 10px 0;}
.even-commodity li p strong{color: #d22d39;}
.even-commodity li p del{color: #999;margin-left: 20px;}
.odd-commodity{margin: 15px;background: #FFF;padding:0 10px;}
.odd-commodity li{border-bottom: 1px solid #E7E7E7;padding: 20px 15px;height: 150px;}
.odd-commodity li aside{float: left;width: 150px;height: 135px;overflow: hidden;padding-top:15px;}
.odd-commodity li aside img{width: 150px;}
.odd-commodity li article{float: right;width: 390px;height: 150px;margin-left:20px;}
.odd-commodity li article h3{color: #333;line-height: 1.5em;font-size: 26px;height:80px;overflow: hidden}
.odd-commodity li p{font-size: 26px;line-height: 26px;margin: 8px 10px 0;}
.odd-commodity li p strong{color: #d22d39;}
.odd-commodity li p del{color: #999;margin-left: 30px;}
.ruleList{margin: 20px 15px;background: #FFF;padding:20px 15px 20px 15px;}
.ruleList li{
	line-height:35px;
	color: #666;
	list-style-type:none;
	font-size:22px;
	font-weight: 400;
	font-family: "黑体"
}
.shadow{box-shadow: 1px 1px 2px #888;}


.m_price,.m_price dt del,.m_price dt strong{
    display: block;
}
.m_price{
    margin-top:10px;
}
.m_price dt{
    float:left
}
.m_price dd{
    float:right;
    padding-top:10px;
}
.m_price dt del{
    color:#999;
    font-size:20px;
    font-weight: normal;
    margin-bottom:10px;
}
.m_price dt strong{
    color:#e21020;
}
.red_btn{
    border-radius: 5px;
    border:none;
    font-size:22px;
    font-family: Microsoft YaHei, SimSun;
    color:#fff;
    background: #e21020;
    height:50px;
    padding:0 35px;
}
.even-picture li.p_list{

    height:460px;
    background: #fff;
}
.g_name{
    font-size:24px;
    color:#333;
    font-weight: normal;
    padding:0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:265px;
}

.p_price{font-size: 22px;line-height: 30px;margin: 8px 0px 0;padding: 0 15px;}
.p_price strong{color: #d22d39;font-size:26px;}
.p_price del{color: #999;margin-left: 20px;}
.btn_box{
    postion:relative;
    overflow: hidden;
    margin-top:10px;
    padding:0 15px;
}
.red_btn_big{
    border-radius: 5px;
    border:none;
    font-size:22px;
    font-family: Microsoft YaHei, SimSun;
    color:#fff;
    background: #e21020;
    height:60px;
    width:265px;
    marign:0 auto;
}
/*.p_list .g_name{
    font-size:24px;
    color:#333;
    font-weight: normal;
    padding:0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
.even-picture li.p_list  img{
    width:280px;
    margin:10px;
}
.td_styles{
	width:50%;
	border:none;
	cellpadding:0;
	cellspacing:0;
	display:inline-block
	}
.img_styles{
	width:100%;
	border:0;
	}
.div_container.div_img{
	width:50%;
	float:left;
	}
.div_container{
	width:100%;
	border:0;
	cellpadding:0;
	cellspacing:0;
	}























.header_share{position: absolute;bottom:0;right: 10px;height: 44px;width: 44px;background:url(../images/share_icon/new_share.png) no-repeat right center;-webkit-background-size: 20px;
background-size: 20px;}
/******分享弹窗********************************************/
.cy_mask{display: none; position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,0.5);}
.bottom_shareBox{display: none; position: fixed;left: 0;bottom: 0;height: 394px; width: 100%;background: #fff;z-index: 1111;}
.bottom_shareBox .bottom_share_tit{height: 40px;line-height: 40px;font-size: 16px; color: #999; text-align: center; margin: 0 15px; border-bottom: 1px solid #ccc;}
.bottom_shareBox .bottom_share_cont{padding:0 20px 24px;}
.bottom_shareBox .bottom_share_cont .share_item{display:block;float:left;width:25%;margin-top:18px;}
.bottom_shareBox .bottom_share_cont .share_item img{display:block;margin: 0 auto;padding: 0;width: 60%; }
.bottom_shareBox .bottom_share_cont .share_item p{height:34px;line-height: 34px;font-size: 14px;color: #333; text-align: center;}
.bottom_shareBox .shareBtn{position: absolute;left: 0;right: 0;bottom: 0; display: block;padding-bottom: 44px; height: 44px;line-height: 44px;font-size: 16px; text-align: center; color: #333; margin: 0 15px;  border-top: 1px solid #ccc;box-sizing: border-box; }
.bottom_shareBox .close {position: absolute;right: 0;top: 0;display: block;width: 40px;height: 40px;background: url(../images/share_icon/goods_bottom_fixed_close.png) no-repeat center; background-size: 12px;}


