@charset "gb2312";
/* CSS Document */

/* ☆ reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:'Microsoft YaHei';
	position:relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
input,textarea{font-family:'Microsoft YaHei';}
/* ☆ pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.eps{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.h30{height:30px;}
/* ☆ common Class=============================================================*/
.mainwrap{width:1200px;margin:0 auto;position:relative;}
.header,.header .themetitle{height:3rem;line-height:3rem;background:#fff;}
.header .themetitle{float:left;}
.header .themetitle .backhome,.header .themetitle .backhome img{display:block;width:4.25rem;height:2rem;float:left;}
.header .themetitle .backhome{margin:0.5rem 0 0 0;}
.header .themetitle .txt{display:block;float:left;font-size:18px;height:30px;line-height:30px;margin:0.5rem 0 0 0.5rem;padding:0 0 0 0.5rem;border-left:1px solid #ddd;}
.header .topmenu{font-size:12px;text-align:right;}
.header .topmenu a{color:#333333;}
.footer{line-height:150%;font-size:14px;text-align:center;width:100%;color:#ca0816;padding:20px 0;}
/* ☆ 页面模式部分===========================================================*/
.banner{height:410px;background:url(../images/banner.jpg) no-repeat center center;}
.goodwrap{background:#ffccd2;}
.goodwrap_inner{background:url(../images/sbg.png) no-repeat center top;}
.commtitle{width:305px;height:75px;margin:0 auto;position:relative;}
.commtitle .wordtxt{box-sizing:border-box;border:3px solid #ff4d5a;border-radius:200px;background:#ffffff;width:290px;height:65px;line-height:65px;font-size:30px;text-align:center;font-weight:bold;color:#ff4d5a;position:absolute;left:0;top:0;z-index:9;}
.commtitle .bg{box-sizing:border-box;border:3px solid #ff4d5a;border-radius:200px;width:290px;height:60px;position:absolute;right:0;bottom:0;z-index:8;}
.commgoodwrap{position:relative;margin:20px 0 0 0;}
.commgoodwrap .good{box-sizing:border-box;width:100%;border:3px solid #ff4d5a;border-radius:40px;background:#ffffff;padding:30px;}
.gooditem_1{background:#fff5f4;box-sizing:border-box;width:46%;padding:2%;float:left;margin: 0 2%;}
.gooditem_1 .img{width:200px;height:200px;margin:0 auto;}
.gooditem_1 .img img{width:100%;}
.gooditem_1 .cn_name,.gooditem_1 .en_name,.gooditem_1 .size{width:100%;text-align:center;line-height:150%;margin:10px 0 0 0;color:#ff4d5a;}
.gooditem_1 .cn_name{font-size:20px;font-weight:bold;}
.gooditem_1 .en_name{font-size:18px;}
.gooditem_1 .size{font-size:18px;color:#333333;}
.gooditem_1 .price_buy{line-height:150%;text-align:center;margin:10px 0 0 0;}
.gooditem_1 .price_buy .price,.gooditem_1 .price_buy .buy{display:inline-block;vertical-align:middle;margin:0 5px;}
.gooditem_1 .price_buy .price{color:#ff4d5a;font-size:40px;}
.gooditem_1 .price_buy .price em{font-style:normal;font-size:20px;}
.gooditem_1 .price_buy .buy{width:176px;height:48px;background:url(../images/buy_btn.png) no-repeat center center;overflow:hidden;line-height:200px;}
.gooditem_2{box-sizing:border-box;width:22%;float:left;margin:0 2% 2% 1%;background:#fff5f4;padding:0 0 2% 0;}
.gooditem_2 .img{width:150px;height:150px;margin:0 auto;}
.gooditem_2 .img img{width:100%;}
.gooditem_2 .cn_name{box-sizing:border-box;width:100%;padding:0 2%;text-align:center;color:#333333;font-size:14px;}
.longslogin{width:800px;height:75px;margin:20px auto 0 auto;position:relative;}
.longslogin .wordtxt{box-sizing:border-box;border:3px solid #ff4d5a;border-radius:200px;background:#ffffff;width:790px;height:65px;line-height:65px;font-size:30px;text-align:center;font-weight:bold;color:#ff4d5a;position:absolute;left:0;top:0;z-index:9;}
.longslogin .bg{box-sizing:border-box;border:3px solid #ff4d5a;border-radius:200px;width:790px;height:60px;position:absolute;right:0;bottom:0;z-index:8;}
.telwrap{position:fixed;top:200px;right:10px;z-index:999999999;_position: absolute;_top:250px;width:190px;height:325px;background:url(../images/telbg.png) no-repeat center center;}
.telwrap .rexian{font-size:20px;line-height:150%;text-align:center;padding:20px 0 0 0;color:#ff4d5a;}
.telwrap .qrcode{width:140px;height:140px;margin:10px auto 0 auto;border:2px solid #ff4d5a;}
.telwrap .qrcode img{width:140px;}
.telwrap .website{font-size:14px;margin:10px auto 0 auto;text-align:center;color:#ff4d5a;line-height:150%;}
.telh5{display:none;}
/* 中等屏幕（平板，小于等于 1024px） */
@media screen and (max-width: 1024px) {
	.mainwrap{width:100%;}
	.footer{font-size:12px;}
	.header,.header .themetitle{padding:0 0.5rem;}
	.header .topmenu{display:none;}
	.telwrap{display:none;}
	.commtitle{width:15rem;height:3rem;margin:0 auto;position:relative;}
	.commtitle .wordtxt{width:14rem;height:2.5rem;line-height:2.5rem;font-size:1rem;}
	.commtitle .bg{width:14rem;height:2.5rem;}
	.commgoodwrap{position:relative;margin:5%;}
	.commgoodwrap .good{border-radius:30px;background:#ffffff;padding:10px 20px;margin:20px 0 0 0;}
	
	.gooditem_1{width:100%;padding:2%;margin:0;}
	.gooditem_1 .img{width:150px;height:150px;}
	.gooditem_1 .cn_name,.gooditem_1 .en_name,.gooditem_1 .size{margin:5px 0 0 0;}
	.gooditem_1 .cn_name{font-size:18px;}
	.gooditem_1 .en_name{font-size:14px;}
	.gooditem_1 .size{font-size:14px;color:#333333;}
	.gooditem_1 .price_buy{margin:5px 0 0 0;}
	.gooditem_1 .price_buy .price,.gooditem_1 .price_buy .buy{width:40%;}
	.gooditem_1 .price_buy .price{color:#ff4d5a;font-size:20px;}
	.gooditem_1 .price_buy .price em{font-style:normal;font-size:14px;}
	.gooditem_1 .price_buy .buy{width:110px;height:30px;background-size:110px 30px;}
	.gooditem_2{width:46%;}
	.gooditem_2 .img{width:100px;height:100px;}
	.gooditem_2 .img img{width:100%;}
	.longslogin{width:auto;height:auto;}
	.longslogin .wordtxt{border-radius:30px;width:auto;height:auto;line-height:150%;font-size:20px;position:relative;}
	.longslogin .bg{display:none;}
	.telwrap{display:none}
	.telh5{position:fixed;bottom:0.5rem;left:50%;display:block;width:16rem;height:3rem;line-height:3rem;text-align:center;background:#ffe7ea;color:#ff4d5a;font-size:1.4rem;border-radius:10rem;box-shadow:1px 5px 0px 0 rgb(255, 77, 90), 0 2px 0px 0 rgb(255, 77, 90);transition-property:bottom,margin-left,box-shadow;transition-duration:0.2s;margin-left:-8rem;}
	.telh5 img{width:2rem;vertical-align:sub;}
	.telh5:focus,.telh5:active{transition-property:bottom,margin-left,box-shadow;transition-duration:0.2s;bottom:0.9;margin-left:-9.9rem;box-shadow:none;}
	.footer{padding:20px 0 40px 0;}
}

/* 小屏幕（手机，小于等于480px） */
@media screen and (max-width:480px){
	.banner{height:8.5rem;background:url(../images/banner.jpg) no-repeat top center;background-size:40rem;}
}

/* 小屏幕（手机，小于等于 420px） */
@media (max-width: 320px){
}