@charset "utf-8";
@import url(../js/radio/style/style.css);


body{height:100%;background:#fff url(../images/bgBody.gif) repeat-x;color:#333;font-size:12px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;text-align:center; }


/*clearFix clear*/
.clearFix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearFix {zoom:1;} 
.clear{clear:both;}

/*float*/
.hide		{display:none;}
.floatr		{float:right;}
.floatl		{float:left;}
.floatrImg	{float:right;clear:right;margin:0 0 10px 10px;}
.floatlImg	{float:left;clear:left;margin:0 10px 10px 0;}
/*link*/
a			{text-decoration:none;cursor:pointer;}
a:link 		{color:#666;} /*F6EEEB*/
a:visited	{color:#666;}
a:active	{color:#000;star:expression(this.onFocus=this.blur());}
a:hover		{color:#000;}
/*h1-h6*/
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:160%;}
h2{font-size:150%;}
h3{font-size:140%;}
h4{font-size:130%;}
h5{font-size:120%;}
h6{font-size:110%;}

/*code*/
.code{ width:60px; height:20px; display:inline; vertical-align:middle;}

/*text-align*/
.Tcenter{ text-align:center;}
.Tleft	{ text-align:left;}
.Tright	{ text-align:right;}


/*width*/
.w10	{ width:10px;}				.wb5	{ width:5%;}
.w20	{ width:20px;}				.wb10	{ width:10%;}
.w30	{ width:30px;}				.wb15	{ width:15%;}
.w40	{ width:40px;}				.wb20	{ width:20%;}
.w50	{ width:50px;}				.wb25	{ width:25%;}
.w60	{ width:60px;}				.wb30	{ width:30%;}
.w70	{ width:70px;}				.wb35	{ width:35%;}
.w80	{ width:80px;}				.wb40	{ width:40%;}
.w90	{ width:90px;}				.wb45	{ width:45%;}
.w100	{ width:100px;}				.wb50	{ width:50%;}
.w110	{ width:110px;}				.wb55	{ width:55%;}
.w120	{ width:120px;}				.wb60	{ width:60%;}
.w130	{ width:130px;}				.wb65	{ width:65%;}
.w140	{ width:140px;}				.wb70	{ width:70%;}
.w150	{ width:150px;}				.wb75	{ width:75%;}
.w160	{ width:160px;}				.wb80	{ width:80%;}
.w170	{ width:170px;}				.wb85	{ width:85%;}
.w180	{ width:180px;}				.wb90	{ width:90%;}
.w190	{ width:190px;}				.wb95	{ width:95%;}
.w200	{ width:200px;}				.wb98	{ width:98%;}
.w230	{ width:230px;}	            .wb100	{ width:100%;}
.w250	{ width:250px;}
.w300	{ width:300px;}
/*-ul-ol-*/
.ul li, .ol li		{line-height:20px;}
.ul					{list-style:outside;padding:0 0 0 25px;}
.ul li				{list-style-type:square;}
.ul li li			{list-style-type:disc;}
.ul li li li		{list-style-type:circle;}
.ol					{list-style:outside;padding:0 0 0 25px;}
.ol li				{list-style-type:decimal ;}
.ol li li			{list-style-type:lower-latin;}
.ol li li li		{list-style-type:decimal-leading-zero;}
/*table*/

.table{ border-spacing:0; border-collapse:collapse; table-layout:fixed; background:#FFF;}
.table td{ border:1px solid #eee; padding:5px;text-align:center;vertical-align:middle;}
.table thead td{ height:24px; background:url(../images/bgToolsBar.gif) repeat-x #eee; font-weight:bold; color:#666}
.table .bgColorTable{ background:#fafafa;}
.table .bgTrHover{ background:#ffffd5;}
.table .bgTrHover2{ background:#f00;}

/*fieldset*/
fieldset {margin:0;}
fieldset div {line-height:1.8em;}
fieldset div em,
fieldset div span.title  { display:inline-block;text-align:right; padding-right:10px;}
fieldset div ins { display:inline-block;text-align:left; padding-left:10px; text-decoration:none; color:#9E3A3A;}
fieldset div p   { display:inline;color:#888; display:block; margin:5px 0; margin-left:10px;}
fieldset.LHA div { line-height:20px;}
fieldset.LHB div { line-height:30px;}
fieldset.LHC div { line-height:40px;}

/*tipsBar*/
.tipsBar {background:#fdf8e5;color:#c38d0b;position:relative;padding:8px;border:1px solid #e4bf11;}
.tipsBar .pointer {overflow:hidden;background-image:url(../images/iconPointer.gif);background-repeat:no-repeat;position:absolute;display:block;}
.tipsBar p {line-height:16px;}
.tipsBar .pointerA {width:11px;height:6px;left:10px;top:-6px;background-position:0 0;}
.tipsBar .pointerB {width:6px;height:11px;right:-6px;top:10px;background-position:-5px 0;}
.tipsBar .pointerC {width:11px;height:6px;bottom:-6px;left:10px;background-position:0 -5px;}
.tipsBar .pointerD {width:6px;height:11px;left:-6px;top:10px;background-position:0 0;}

/*line*/
.lineA {background:url(../images/lineA.gif) repeat-x bottom;}
.lineB {background:url(../images/lineB.gif) repeat-x bottom;}
.lineC {background:url(../images/lineC.gif) repeat-x bottom;}

/*input-btn*/
.input,
textarea.input{background:url(../images/bgInput.gif) 0 0 repeat-x #fff;height:20px;line-height:20px;padding:0 2px;border:1px solid #ddd; color:#999;}
textarea.input{height:auto;line-height:20px;}
.inputOn,
textarea.inputOn {border:1px solid #8E0B51; color:#8E0B51; background:#fff9f8;}

.btnA1, .btnA2, .btnA3, .btnA4, .btnB1, .btnB2, .btnB3, .btnB4,
.btnA1On, .btnA2On, .btnA3On, .btnA4On, .btnB1On, .btnB2On, .btnB3On, .btnB4On
{background-color:transparent;background-image:url(../images/bgBtn.gif);background-repeat:no-repeat;cursor:pointer;text-align:center;height:22px;line-height:22px;font-size:12px;}
.btnA1, .btnA2, .btnA3, .btnA4{ color:#ddd;}
.btnB1, .btnB2, .btnB3, .btnB4{ color:#666666;}
.btnA1On, .btnA2On, .btnA3On, .btnA4On{ color:#fff;}
.btnB1On, .btnB2On, .btnB3On, .btnB4On{ color:#999999;}

.btnA1 		{width:60px;  background-position:0 0;			}	.btnA1On{width:60px;  background-position:0 -28px;}
.btnA2 		{width:80px;  background-position:0 -56px;		}	.btnA2On{width:80px;  background-position:0 -84px;}
.btnA3 		{width:100px; background-position:0 -112px;		}	.btnA3On{width:100px; background-position:0 -140px;}
.btnA4 		{width:120px; background-position:0 -168px;		}	.btnA4On{width:120px; background-position:0 -196px;}
.btnB1 		{width:60px;  background-position:-200px 0;		}	.btnB1On{width:60px;  background-position:-200px -28px;}
.btnB2 		{width:80px;  background-position:-200px -56px;	}	.btnB2On{width:80px;  background-position:-200px -84px;}
.btnB3 		{width:100px; background-position:-200px -112px;}	.btnB3On{width:100px; background-position:-200px -140px;}
.btnB4 		{width:120px;background-position:-200px -168px;	}	.btnB4On{width:120px; background-position:-200px -196px;}


/*popup*/

.popup{ background:url(../images/bgColorB.gif);color:#fff;padding:15px;position:absolute;}
.popup .popupTitle{ margin:0;padding:0 10px 5px 10px;font-size:14px;color:#000;}
.popup .popupTitle span{ float:right;font-size:12px;font-weight:normal;}
.popup .popupData{overflow:hidden;padding:10px;background:#f1f1f1;color:#333;border:1px solid #fff;}
.popup a.simplemodal-close{ position:absolute;right:0;bottom:0;width:25px;height:25px;background:#454545;font-size:18px;font-family:Verdana;line-height:25px;text-align:center;cursor:pointer;color:#fff;}
#osx-overlay {background-color:#000;cursor:wait;}
#osx-container {background:url(../images/bg1.gif);}
.showbox{width:400px;top:20%;left:20%;}
.showbox .popupData{ height:90px;min-height:90px;text-align:center;line-height:2em;}

/*con*/
.conA, .conB, .conC, .conD, .conE{ padding-bottom:2px;background-color:#f7f7f7; }
.conTitle{ height:25px; line-height:32px; text-indent:10px; font-size:12px; font-weight:bold;background-image:url(../images/bgCon.png); background-repeat:no-repeat;}
.conBody { padding:5px; margin:0 2px; border:1px solid #EBEBEB; border-top:none; background:#F6F6F6; }
.conBody h2{padding:5px; margin:0 2px; border:1px solid #EBEBEB; border-top:none; background:#F6F6F6; }
.conBody .inner{ border:1px solid #ddd; background:#fff; padding:5px;}
.conA .conTitle{ background-position:0 0;}
.conB .conTitle{ background-position:0 -54px;}
.conC .conTitle{ background-position:-200px 0;}
.conD .conTitle{ background-position:-160px -54px;}
.conE .conTitle{ background-position:0 -108px;}

/*sliderImg*/
.sidebar .sliderImg {width:190px;overflow:hidden;}
.sidebar .sliderImg ul li{float:left;position:relative;}
.sidebar .sliderImg ul li a.gLeft,
.sidebar .sliderImg ul li a.gRight {width:29px;height:29px;overflow:hidden;position:absolute;}
.sidebar .sliderImg ul li a.gLeft {left:10px;top:80px;
                                   background-position:0 0;
                                   background-repeat:no-repeat;
                                    background-image: url(../images/iconLeft.png)!important;/* FF IE7 safari */
								    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/iconLeft.png'); /* IE6 */}
.sidebar .sliderImg ul li a.gRight {right:10px;top:80px;
                                   background-position:0 0;
                                   background-repeat:no-repeat;
                                    background-image: url(../images/iconRight.png)!important;/* FF IE7 safari */
								    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/iconRight.png'); /* IE6 */}
                                    
/*partnersList*/
.sidebar .partnersList {border:1px solid #cdcdcd;width:188px; display:block;}
/*.sidebar .partnersList h2 {background:url(../images/icon17.gif) 8px 4px no-repeat #9b3567;color:#fff;text-indent:35px;font-size:14px;height:28px;line-height:28px;}*/
.sidebar .partnersList p {width:180px;margin:4px;overflow:hidden;}
.sidebar .partnersList p a {width:90px;height:50px;float:left;}
.sidebar .partnersList p a img{border:0;width:90px;height:50px;}
/*.sidebar .partnersList a.all {background:url(../images/bgPartnersList.gif) 0 0 repeat-x;height:28px;line-height:28px;text-align:center;display:block;font-weight:bold;}*/

/*partners*/
.main .partners .conBody {padding:0;}
.main .partners h2 {position:relative;}
.main .partners h2 span {width:164px;height:34px;display:block;text-indent:-999em;background:url(../images/partnersTitle.gif) 0 0 no-repeat;top:15px;left:15px; position:absolute;}
.main .partners .conBody ul {margin:0;padding:45px 22px 0 22px;}
.main .partners .conBody ul li {width:150px;height:120px;float:left;}
.main .partners .conBody ul li img {width:120px;height:50px;margin:0 auto;}
.main .partners .conBody ul li strong {display:block;text-align:center;text-align:center;color:#656565;font-weight:normal;line-height:16px;overflow:hidden;padding-top:5px;}
.main .partners .conBody ul li span {display:block;color:#b9b9b9;line-height:18px;text-align:center;}

/*=========================================================================================================================================================*/
.main{ padding-top:160px;}
.logo{width:213px; height:70px; display:block; background:url(../images/logo.gif) no-repeat left bottom; text-indent:-9999em;}
/*header*/
.header{ height:150px; margin-top:0; z-index:100; position:absolute; top:10px; left:50%; margin-left:-475px;}
.header .logoBar { height:80px; overflow:visible}
.header .logoBar .logo{float:left; }
.header .logoBar .quickLink{ float:right; margin-top:50px;position:relative;padding-right:175px; }
.header .logoBar .quickLink a{ padding:0 5px; display:block; float:left; line-height:22px;}
.header .logoBar .quickLink span.btnShopcart{ background:url(../images/bgCart.gif); width:143px; height:24px; line-height:24px; text-indent:45px;position:absolute;bottom:0;right:0;color:#fff;font-weight:bold; cursor:pointer}
.header .logoBar .quickLink span.btnShopcart a.goPay {display:block; width:143px; height:24px; position:absolute; top:0px; left:0}
.header .logoBar .quickLink span.btnShopcart ul {position:absolute; padding:5px 0;background-color:#fff; color:#666; width:230px; right:0px;top:20px; font-weight:normal;   border:2px solid #A32265; z-index:99999;}
.header .logoBar .quickLink span.btnShopcart ul .overflow {overflow-y:auto;max-height:460px;_height:expression(this.scrollHeight > 460 ? "460px" : "auto"); }
.header .logoBar .quickLink span.btnShopcart ul li { position:relative;border-bottom:1px solid #dadada; padding:5px 10px;*padding:0px;}
.header .logoBar .quickLink span.btnShopcart ul li span { color:#F054AA}
.header .logoBar .quickLink span.btnShopcart ul li a { padding:0px; line-height:1.5em}
.header .logoBar .quickLink span.btnShopcart ul li a.img { float:left; width:70px; margin-right:5px;}
.header .logoBar .quickLink span.btnShopcart ul li a.img img {width:70px;}
.header .logoBar .quickLink span.btnShopcart ul li .info { float:left; width:110px; text-indent:0em;}
.header .logoBar .quickLink span.btnShopcart ul li .info p.name { height:36px; line-height:1.5em; overflow:hidden}
.header .logoBar .quickLink span.btnShopcart ul li .info p { margin-bottom:2px;}
.header .logoBar .quickLink span.btnShopcart ul li  a.del { float:right; padding-right:10px;}
.header .logoBar .quickLink span.btnShopcart ul li.total { padding:0px; border-bottom:0; text-align:right; padding:5px;}
.header .logoBar .quickLink span.btnShopcart ul li.total  p { text-align:right}
.header .logoBar .quickLink span.btnShopcart ul li.total a { padding:0px; text-indent:0em; line-height:22px; color:#fff; float:right}
.header .logoBar .quickLink a.invite{ color:#E40077}
.header .menu{ height:30px; position:relative; z-index:999;}
.header .menu .left{ float:left;}
.header .menu .left li{ float:left;font-weight:bold; /*background:url(../images/bgMenuSpace.gif) no-repeat 0 6px;*/ }
.header .menu .left li.first{ background:none;}
.header .menu .left li a{ display:block; padding:7px 20px; line-height:16px; color:#F6EDF2; }
.header .menu .left li a:hover,
.header .menu .left li a.navOn {background:url(../images/navOn.gif) 0 -30px repeat-x;}
.header .menu .left li a.now {background:url(../images/navOn.gif) 0 0 repeat-x;}

/*.header .menu .left li a:hover,
.header .menu .left li a.now,
.header .menu .left li a.navOn{ color:#fff;background-repeat:no-repeat;background-position:center;
								background-image: url(../images/bgMenuNow.png)!important;
								_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgMenuNow.png'); 
								_background-image: none; }*/
.header .menu .left li.JQlistNavA{ position:relative;}
.header .menu .left li.JQlistNavA ul{ position:absolute; left:0; top:30px; width:300px; background:#F3FDFC url(../images/bgSubMenu.gif) repeat-x top left; border:5px solid #D997BB; border-top:none;z-index:999;
filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.header .menu .left li.JQlistNavA ul li{ float:left;width:100%;font-weight:normal; text-indent:-5px; background:none; position:relative;_display:inline}
.header .menu .left li.JQlistNavA ul li a{ color:#830B49; padding:2px 20px; margin:5px 0; }
.header .menu .left li.JQlistNavA ul li a:hover{ background:#950D55 !important; color:#E7BED5;}
.header .menu .left li.JQlistNavA ul li.hide {display:none}
.header .menu .right{ float:right;position:relative; z-index:-9;}
.header .menu .right li{ float:left;}

.header .menu .right a.zunxiang,
.header .menu .right a.shangpin{ display:block; width:87px; height:30px; background:url(../images/btnMenu.gif) no-repeat; margin-left:10px; text-indent:-9999em;}
.header .menu .right a.zunxiang{ background-position:0 0;}
.header .menu .right a.shangpin{ background-position:0 -30px;}
.header .menu .right a.zunxiang:hover {background-position:0 -60px;}
.header .menu .right a.shangpin:hover {background-position:0 -90px;}



.header .menu .right li.JQlistNavA { position:relative;}
.header .menu .right li.JQlistNavA ul { position:absolute;padding:5px;right:0;top:30px;width:290px;height:140px; background:url(../images/bgSubMenu.gif) repeat-x top left; border:5px solid #D997BB; border-top:none;z-index:999;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; overflow:hidden;}
.header .menu .right li.JQlistNavA ul.listSP {right:-97px;}
.header .menu .right li.JQlistNavA ul li { float:left; }
.header .menu .right li.JQlistNavA ul li.pic { width:140px; height:140px; margin-right:5px; overflow:hidden;}
.header .menu .right li.JQlistNavA ul li.pic img { width:140px; height:140px;}
.header .menu .right li.JQlistNavA ul li.title { color:#B81671; font-weight:bold; text-indent:5px;}
.header .menu .right li.JQlistNavA ul li.link { float:left; width:145px; overflow:hidden;}
.header .menu .right li.JQlistNavA ul li.link a { display:block; height:21px; line-height:21px; color:#B81671; text-indent:5px; overflow:hidden;}
.header .menu .right li.JQlistNavA ul li.link a:hover { color:#E7BED5; background:#950D55;}

.header .menu .right li.JQlistNavA ul.listSP li.pic img {width:auto;height:140px;margin-left:-27px;}

/*
.menu{ height:30px; width:950px; clear:both; position:absolute; top:80px; left:0;}
.menu .left{ float:left;}
.menu .left li{ float:left;font-weight:bold; background:url(../images/bgMenuSpace.gif) no-repeat 0 6px;  }
.menu .left li.first{ background:none;}
.menu .left li a{ display:block; padding:7px 20px; line-height:16px; color:#ccc; }
.menu .left li a:hover,
.menu .left li a.now,
.menu .left li a.navOn{ color:#fff;background-repeat:no-repeat;background-position:center;
								background-image: url(../images/bgMenuNow.png)!important;
								_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgMenuNow.png'); 
								_background-image: none; }
.menu .left li.JQlistNavA{ position:relative;}
.menu .left li.JQlistNavA ul{ position:absolute; left:0; top:30px; width:200px; background:#000; border:5px solid #111; border-top:none;
									  filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; z-index:999;}
.menu .left li.JQlistNavA ul li{ float:left; width:100%; font-weight:normal; text-indent:-5px; background:none; position:relative; }
.menu .left li.JQlistNavA ul li a{ display:block;}
.menu .left li.JQlistNavA ul li a:hover{ background:#333 !important;}
.menu .right{ float:right;}
.menu .right li{ float:left;}
.menu .right a{ display:block; width:87px; height:30px; background:url(../images/btnMenu.gif) no-repeat; margin-left:10px; text-indent:-9999em;}
.menu .right a.zunxiang{ background-position:0 0;}
.menu .right a.shangpin{ background-position:0 -30px; display:none;}
.menu .right a.zunxiang:hover {background-position:0 -60px;}
.menu .right a.shangpin:hover {background-position:0 -90px;}*/


.header .search{ height:36px; /*margin-top:30px;*/}
.header .search .grid{ text-indent:10px; line-height:36px;}
.header .search .left{ height:36px; background:url(../images/bgSearch.gif) 0 -36px no-repeat; text-align:center;}
.header .search .right{ height:36px; background:url(../images/bgSearch.gif) 0 0 no-repeat; overflow:hidden;}
.header .search .right .hotLine {height:18px;width:95px;text-indent:-999em;display:block; float:left;margin:6px 0 0 6px;background:url(../images/hotLine.gif) 0 0 no-repeat;}
.header .search .right img { margin-top:4px;}

/*brandList*/
.brandList .yes,
.brandList .no{ position:relative; z-index:9;}
.brandList .item		{position:relative; margin-bottom:10px; }
.brandList .item a		{ display:block; text-indent:-9999em;}
.brandList .item .banner img	{ width:750px; height:185px;}
.brandList .item .brand	  { position:absolute; left:0; top:5px; width:20px; height:85px; background:url(../images/space.gif); }
.brandList .item .product	{ position:absolute; left:0; top:95px; width:20px; height:85px;background:url(../images/space.gif); }
.brandList .item .notice	{ position:absolute; right:48px; top:130px; width:144px; height:30px;background: url(../images/btnNotice.gif) no-repeat; }
.brandList .item span		{ position:absolute; left:510px; top:130px; color:#ffffff; height:25px; width:240px; line-height:25px;
								text-align:center;text-indent:0;
								background-image: url(../images/alpha90.png)!important;/* FF IE7 safari */
								_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/alpha90.png',sizingMethod='scale'); /* IE6 */
								_background-image: none; /* IE6 */ }
/*brandStory*/
html body .brandStory {margin-top:20px;}
.brandStory h2 {text-align:center;color:#888888;font-size:14px;}
.brandStory .inner input.btnA4 {float:right;margin-bottom:8px;}
.brandStory .inner {padding:20px;}
.brandStory .inner p {text-indent:0;}

/*homepage*/
.homepage .g5	{ overflow:hidden;}
.homepage .g19	{ overflow:hidden;}
.homepage .g5 img{ border:1px solid #ccc;}
.homepage .onlineA{ height:25px; background:url(../images/bgBrandListTitle.gif) 0 0 no-repeat; text-indent:-9999em;}
.homepage .onlineB{ height:25px; background:url(../images/bgBrandListTitle.gif) 0 -30px no-repeat;text-indent:-9999em;}
.homepage .onlineC{ height:25px; background:url(../images/bgBrandListTitle.gif) 0 -60px no-repeat;text-indent:-9999em;}

/*bulletin*/
.homepage .bulletin {height:28px;line-height:28px;}
.homepage .bulletin strong {float:left;color:#df8606;font-weight:bold;}
.homepage .bulletin ul {float:left;height:28px;overflow:hidden;}
.homepage .bulletin ul li {display:none;color:#df8606;line-height:28px;}

/*infoPage*/
.infoPage .g19{ float:none; margin:40px auto 0 auto;}

/*joinUs*/
.joinUs .content .conBody #jobList {padding:0 10px 10px 10px;width:885px;margin:0 auto;}
.joinUs .content .conBody #jobList ul {margin:0;width:295px;padding:0;float:left;}
.joinUs .content .conBody #jobList ul li {margin:1px 1px 0 0;}
.joinUs .content .conBody #jobList ul li strong {color:#a32265;padding-left:8px;}
.joinUs .content .conBody #jobList ul li a {display:block;padding:1px 20px;text-indent:-12px;height:auto;_height:18px;line-height:22px;color:#666666;}
.joinUs .content .conBody #jobList ul li a:hover {background:#ffeae8;border:1px solid #fbd3cd;padding:0 19px;color:#a34241;}
.joinUs .content .conBody h3 {cursor:pointer;margin:0;position:relative;border-top:1px dashed #ccc;background:#f0f0f0 url(../images/icon3.gif) no-repeat 6px center; text-indent:20px; line-height:2.5em;height:2.5em;color:#333;}
.joinUs .content .conBody h3:hover,
.joinUs .content .conBody h3.close { background:#f8f8f8 url(../images/icon3.gif) no-repeat 6px center;color:#999;}
.joinUs .content .conBody .info {padding:8px 14px;margin:0;line-height:20px;position:relative;height:100%;}
.joinUs .content .conBody .info .top {position:absolute;right:20px;bottom:10px;}
.joinUs .content .conBody .show {display:block;}
.joinUs .content .conBody .info a {color:#b50708;}

/*footer*/
.footer{ margin-top:10px; background:url(../images/bgColorB.gif);}
.footer .inner{ width:950px; margin:0 auto; padding:15px 0;}
.footer .left{ float:left;}
.footer .left li{ float:left; padding-right:10px;}
.footer .left li a{ line-height:2em; display:block;}
.footer .copyright{ float:right; line-height:2em; }
/*=======================================================================================================================================================*/
/*referral*/
.referral .infoBox {background:url(../images/bgColorB.gif);width:240px;padding:10px;color:#a9a198;color:#666666;line-height:20px;}
.referral .infoBox .inner {background:#f1f1f1;border:1px solid #ffffff;padding:15px 8px 8px 8px;height:557px;overflow:hidden;}
.referral .inner strong {display:block;padding:10px 0 20px 0;}
.referral .inner h2 {color:#91463E;font-size:12px;}
.referral .inner a {color:#ee0000;}
.referral .inner a:hover {color:#770000;}

.referral .infoBox ul {padding:0 0 10px 0;margin:0 0 10px 0;}
.referral .infoBox ul li {float:left;width:106px;height:24px;overflow:hidden;margin:2px;display:inline;}
.referral .infoBox ul li a {display:block;width:104px;height:22px;border:1px solid #dbdbdb;}
.referral .infoBox ul li a:hover {border:1px solid #990000;}

.referral .toolsBox {width:660px;padding:10px;background:url(../images/bgColorB.gif);}
.referral .toolsBox .inner {background:#f1f1f1;border:1px solid #ffffff;height:570px;overflow:hidden;padding-top:10px;}
.referral .toolsBox .inner p{text-indent:2em;padding:5px 10px;}
.referral .toolsBox h2 {padding:5px 10px;}
.referral .toolsBox .userLink {margin:0 10px 10px 10px;border:1px solid #dbdbdb; background:#ffffff;color:#91463E;padding:3px 0 3px 6px;vertical-align:middle;}
.referral .toolsBox .userLink input.link {width:450px;}
.referral .toolsBox .chooseBar {border:1px solid #dbdbdb;background:#ffffff;padding:10px;margin:0 10px;}
.referral .toolsBox .chooseBar h3 {padding:0 10px;font-size:12px;color:#505050;}
.referral .toolsBox .chooseBar h3 span {font-weight:normal;color:#ee0000;}
.referral .toolsBox .chooseBar ul {padding:10px 0;}
.referral .toolsBox .chooseBar ul li {float:left;width:110px;padding-left:10px;}
.referral .toolsBox .chooseBar ul li label {position:relative;padding-left:15px;display:block;}
.referral .toolsBox .chooseBar ul li label input {position:absolute;left:0;top:5px;}
.referral .toolsBox .chooseBar .login {padding:5px;}
.referral .toolsBox .chooseBar .login em {display:inline-block;width:60px;text-align:right;}
.referral .toolsBox .chooseBar .login input.btnA2 {margin-left:10px;}
.referral .toolsBox .product {margin:10px auto;width:625px;padding:5px;border:1px solid #dbdbdb;background:#ffffff;}
.referral .toolsBox .product .left{width:300px;float:left;}
.referral .toolsBox .product .right{width:315px;float:left;padding-top:20px;}
.referral .toolsBox .con {padding:10px 59px 0 59px;}
.referral .toolsBox .con .messageTools {color:#979492;}
.referral .toolsBox .con .messageTools textarea.inA{ width:260px;height:120px;}
.referral .toolsBox .con .messageTools textarea.inB{ width:520px;height:70px;}
.referral .toolsBox .con .complete {padding:80px 0;color:#d1bc9f;}
.referral .toolsBox .con .complete div {text-align:center;}
.referral .toolsBox .con .messageTools span.title {display:block;text-align:left;}
.referral .toolsBox .con .private {padding-top:10px;}
.referral .toolsBox .con .private .input {background:#191817;border:1px solid #3f3c39;height:24px;padding:4px;width:488px;}
.referral .toolsBox .con .private input {float:left;}
.referral .toolsBox .con .private input.url {margin:0 5px 0 0;height:19px;color:#770000;background:#dbdbdb;padding:2px 3px;width:400px;font-size:14px;}

/*Change margin and width of the slider (with dynamic arrows)*/
.referral .toolsBox .con {overflow-x:hidden;width:540px;position:relative;}
.referral .toolsBox .con .panel {width:540px;height:320px;overflow:hidden;}
.referral .toolsBox .con strong.title {display:none;}
.referral .toolsBox ul.title {padding:10px 0;}
.referral .toolsBox ul.title li {float:left;margin:0 5px;}
.referral .toolsBox .panel h2 {color:#91463E;margin:10px 3px 10px 0;display:inline-block;}
.referral .toolsBox .panel {color:#666;}
.referral .toolsBox .panel .mailA em {width:80px;}
.referral .toolsBox .panel .mailB em {width:80px;}
.referral .toolsBox .panel .mailC em {width:80px;}
.referral .toolsBox .panel .mailC fieldset {margin:0 10px;}
.referral .toolsBox .panel .mailD fieldset {margin:0 10px;}
.referral .toolsBox .panel .mailD textarea.address {width:300px;height:60px;}
.referral .toolsBox .panel .mailD textarea.content {width:350px;height:60px;}

.referral #panel1 textarea.emailText {display:block;margin-bottom:10px;width:400px;height:75px;}
.referral #panel4 textarea.emailText {display:block;margin-bottom:10px;width:400px;height:100px;}
.referral .friendCon .friendList {background:#fff;border:1px solid #999;width:538px;margin:0 0 10px 0;}
.referral .friendCon .friendList .title {background:#888;color:#ffffff;}
.referral .friendCon .friendList .title,
.referral .friendCon .friendList label {display:block;line-height:25px;height:25px;overflow:hidden;}
.referral .friendCon .friendList label:hover {background:#f1f1f1;}
.referral .friendCon .friendList .check {display:inline-block;width:50px;padding:0 0 0 20px;}
.referral .friendCon .friendList .id {display:inline-block;width:350px;}
.referral .friendCon .friendList .conlist {height:125px;overflow:scroll;overflow-x:hidden;}
.referral .error {color:#D1BC9F;text-align:center;padding:15px 0;line-height:30px;}


/*shopcart*/
.shopStep ol {height:23px;width:370px;overflow:hidden;margin:15px 0 15px 280px;}
.shopStep ol li {float:left; background:url(../images/bgStep.gif) no-repeat 0 -23px; overflow:hidden;color:#000;height:23px;line-height:23px;padding:0 40px;margin-left:-12px;}
.shopStep ol li.now  {background-position:0 0;color:#fff;}
.shopStep ol li.end  {background-position:0 -46px;width:20px;padding:0;}
.shopStep ol li.start{ margin-left:0;}

.shopCart{ border:1px solid #ddd;background:#f1f1f1;margin:0 auto;padding:10px; width:928px;/*resetWidth*/}
.shopCart .inner{ background:#f9f9f9;padding:10px;}
.shopCart p{ line-height:1.6em;}
.shopCart span.title{ color:#8B8B8B;}
.shopCart fieldset{ padding:10px 0;}
.shopCart fieldset legend{ display:none;font-weight:bold;line-height:20px;}
.shopCart fieldset div{ margin:5px 0;padding-left:0;}
.shopCart .radiogroup label {background-repeat:no-repeat; background-position:left center;}



.shopCart #popShoppingCart{ background:#eee;color:#504A4C }
.shopCart #popShoppingCart .popupData{ height:auto;float:left;position:relative;}
.shopCart #popShoppingCart .popupData td{ border-color:#eee;}
.shopCart #popShoppingCart .shopOrder{ border-bottom:5px solid #f9f9f9;padding:10px;}
.shopCart #popShoppingCart .shopCheckInfo{ width:280px;float:right;margin-right:6px;}
.shopCart #popShoppingCart .shopCheckInfo p{ text-align:right;}
.shopCart #popShoppingCart .shopOrderInfo{ clear:both;border-top:1px solid #eee;background:#fff;padding:5px;}
.shopCart #popShoppingCart .shopOrderInfo .con3 {text-align:right;}
.shopCart #popShoppingCart .shopOrderInfo .con3 p{padding:4px;display:inline;}
.shopCart #popShoppingCart .shopTotal{ clear:both;padding:5px;margin-top:10px;background:#C9CCBB}
.shopCart #popShoppingCart .shopTotal h5 {color:#545747;height:24px;line-height:20px;font-size:12px;text-indent:8px;}
.shopCart #popShoppingCart .shopTotal div.inner { background:#fff;}
.shopCart #popShoppingCart .shopTotal div.inner div{background:#eeeeee;padding:6px;color:#cd093c;text-align:right;}
.shopCart #popShoppingCart .shopTotal div p {display:inline-block;padding:0 0 10px 0;}
.shopCart #popShoppingCart .shopTotal div strong{ color:#900;}

.shopCart #popShoppingCart .zhekou .showA .mkB,
.shopCart #popShoppingCart .zhekou .showA .radio {display:none;}

.shopCartA #popShoppingCart .popupData{ width:100%;}
.shopCartA #popShoppingCart .popupData tfoot tr td {background:#ddd;}
.shopCartA #popShoppingCart .popupData td.info{ width:auto;}
.shopCart #popShoppingCart .popupData td.product img		{ width:70px;background:#000;}
.shopCartB fieldset.time div,
.shopCartB fieldset.delivery div,
.shopCartB fieldset legend{ display:block;}
.shopCartB fieldset.split div{float:left;}
.shopCartB fieldset.address span.title {width:75px;display:inline-block;text-align:right;}
.shopCartB fieldset.address .tipsBox {background:#FFFCED;border:1px solid #FFBF74;padding:5px;color:#ff6600;}
.shopCartB #popShoppingCart table.popupData {margin-bottom:10px;}
.shopCartB #popShoppingCart table.popupData td.info {width:380px;}
.shopCartB #popShoppingCart table.popupData td.price {width:132px;}
.shopCartB #popShoppingCart table.popupData td.number {width:130px;}
.shopCartB #popShoppingCart table.popupData td.total {width:130px;}
.shopCartB #popShoppingCart .shopCheckInfo {width:280px;float:none;margin-right:6px;}
.shopCartB fieldset em { width:150px; height:32px; overflow:hidden; display:block; float:left; margin-top:10px;}
.shopCartB fieldset em.title{ width:auto; height:2em; margin-top:0; line-height:2em; float:none; font-weight:bold; text-align:left; text-indent:20px;}
.shopCartB fieldset em label { display:block; background-repeat:no-repeat; background-position:left center;}
.shopCartB .normal em input{ float:left; margin-top:3px;}
.shopCartB .normal em.title{ text-indent:10px;}
.shopCartB .paymentType label{ padding:0 0 0 20px;}
.shopCartB .delivery label{ padding:5px 0 5px 20px;}
.shopCartB .address label{ padding:5px 0 5px 20px;}
.shopCartB fieldset em img { width:100px; height:30px; border:1px solid #ccc; margin-left:20px;}
.shopCartB .payment1 em.title,
.shopCartB .payment2 em.title{ text-indent:0;}
.shopCartB ul.count {background:#C9CCBB; color:#fff; padding:6px 10px;}
.shopCartB ul.count li {float:left;margin-right:80px; line-height:2em; line-height:2em;}
.shopCartB h3 {font-size:12px; background:#F1F1F1;padding-left:10px;color:#666;}
.shopCartB ul.icon li {float:left;display:inline;margin:5px 0 5px 30px;}
.shopCartB ul.icon li label {position:relative;display:block;width:135px;padding-left:10px;}
.shopCartB ul.icon li label img {margin:0 0 0 20px;}
.shopCartB ul.icon li label input {position:absolute;top:8px;left:10px;}
.shopCartB a.modify {color:#f00; margin:0px 10px;}
.shopCartB a.modify:hover {text-decoration:underline;}
.shopCartB .erro {color:#9E3A3A}

.shopCartD{ width:500px; clear:both; float:none;}
.shopCartD .inner{padding:30px 30px 20px 30px;}
.shopCartD .inner * {text-align:center;}
.shopCartD .inner h2{color:#9E3A3A;height:20px;line-height:20px;overflow:hidden;margin:0 0 15px 0;}
.shopCartD .inner h3 {color:#E8B1A9;margin:0 0 10px 0;}
.shopCartD .inner h3 span {color:#9E3A3A;}
.shopCartD .inner p {line-height:18px;margin:0 0 20px 0;}
.shopCartD .inner input {display:block;margin:0 auto 20px auto;}
.shopCartD .inner strong {display:block;background:#C9CCBB;padding:10px; color:#fff;}
.shopCartD .inner strong a {margin:0 3px;}

.message{ float:none; border:1px solid #ddd;background:#f1f1f1;margin:20px auto;padding:10px; width:500px;}
.message .inner{background:#f9f9f9;padding:10px;}
.message .inner h2{color:#9E3A3A;height:20px;line-height:20px; text-align:center;overflow:hidden;margin:0 0 15px 0;}
.message .fromWhiteMD .title{ width:70px; }


/*phonePage----------------*/
.phonePage .content .conBody .inner{ padding:0;}
.phonePage .content .conBody .inner img{ display:block; margin:0 auto;}



/*yun huo tiao kuan*/
.Province{float:left;margin:5px 5px 0 5px;line-height:30px; width:320px;}
.Province a{border-right:1px solid;padding-right:10px;margin-right:10px;}
.Province a.noBorder{border-right:0;}



/*jcarousel*/
.listTitle{ background:#A52767; color:#fff; font-weight:bold; text-indent:5px; height:1.8em; line-height:1.8em;}

.listBanner {width:190px;height:190px;overflow:hidden;position:relative;}
.listBanner h6 {color:#fff;position:absolute;left:3px;bottom:0;line-height:20px;z-index:2;}
.listBanner .imgs {width:190px;height:190px;overflow:hidden;}
.listBanner .imgs img {width:190px;height:190px;display:block;}
.listBanner a {cursor:pointer;display:block;}
.listBanner ul.list {position:absolute;right:2px;bottom:2px;list-style:none;margin:0;padding:0;z-index:3;}
.listBanner ul.list li {float:left;margin-left:2px;font-size:12px;text-align:center;height:16px;line-height:16px;width:16px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.listBanner ul.list li.now {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.listBanner sub {position:absolute;bottom:0;left:0;height:20px;width:100%;display:block;background:#000;z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;color:#fff;}



/*news*/
.marquee{ height:2em; line-height:2em; color:#df8606;}