﻿@charset "utf-8";
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; margin-top:10px;/*fix firefox*/}


/*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;}

/*=========================================================================================================================================================*/
.logo{width:213px; height:70px; display:block; background:url(../images/logo.gif) no-repeat left bottom; text-indent:-9999em;}
/*header*/
.header{ position:relative; height:150px; margin-top:0; z-index:100;}
.header .logoBar { height:80px; overflow:hidden; }
.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 a.btnShopcart{ background:url(../images/bgCart.gif); width:133px; height:24px; line-height:24px; text-indent:45px;position:absolute;bottom:0;right:0;color:#fff;font-weight:bold;}
.header .logoBar .quickLink a.btnShopcart:hover {color:#ef50a0;}
.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:200px; 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;  }
.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 .right{ float:right;position:relative; z-index:999;}
.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; }
.header .menu .right li.JQlistNavA ul li.link a { display:block; height:21px; line-height:21px; color:#B81671; text-indent:5px;}
.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;}

/*.main{ position:relative; }
.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:154px;text-indent:-999em;display:block;margin:6px 0 0 14px;background:url(../images/hotLine.gif) 0 0 no-repeat;}

/*brandList*/
.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;}

/*infoPage*/
.infoPage .g19{ float:none; margin:40px auto 0 auto;}



/*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:block;font-weight:bold;line-height:20px;}
.shopCart fieldset div{ margin:5px 0;padding-left:0;}

.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;}

.shopCartB{ position:relative;}
.shopCartB fieldset{ position:relative;}
.shopCartB fieldset.time div,
.shopCartB fieldset.delivery div,
.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 h3 {font-size:12px; background:#F1F1F1;padding-left:10px;color:#666;}
.shopCartB ul.icon li {float:left;display:inline;margin:5px 15px 5px 5px;}
.shopCartB ul.icon li label {position:relative;display:block;width:130px;}
.shopCartB ul.icon li label img {margin:0 0 0 20px;}
.shopCartB ul.icon li label input {position:absolute;top:8px;left:0;}



.shopCartC fieldset {margin:0 0 10px 0;}
.shopCartC ul.count {background:#C9CCBB; color:#fff; padding:6px 10px;}
.shopCartC ul.count li {float:left;margin:0 80px 0 0;}

.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{ width:500px;  clear:both; float:none; margin:40px auto;}
.message .inner{padding:30px 30px 20px 30px;}
.message .inner h2{color:#9E3A3A;height:20px;line-height:20px; text-align:center;overflow:hidden;margin:0 0 15px 0;}
.message .inner .title{ width:60px; }


/*phonePage----------------*/
.phonePage .content .conBody .inner{ padding:0;}
.phonePage .content .conBody .inner img{ display:block; margin:0 auto;}


/*----------------*/
#popShoppingCart .popupData			{ background:#C9CCBB;padding:3px;height:418px;overflow-y:scroll;}
#popShoppingCart .popupData td		{ padding:4px;text-align:center;vertical-align:middle;}
#popShoppingCart .popupData thead td			{ color:#fff;}
#popShoppingCart .popupData tbody				{ background:#f9f9f9;color:#504A4C;}
#popShoppingCart .popupData tbody td			{ border-bottom:1px solid #505050;}
#popShoppingCart .popupData td.product			{ width:70px;}
#popShoppingCart .popupData tbody td.product	{ vertical-align:top;background:#E7E7E7;}
#popShoppingCart .popupData td.product img		{ width:70px;background:#000;}
#popShoppingCart .popupData td.info				{ width:230px;text-align:left;}
#popShoppingCart .popupData td.info	strong		{ font-size:14px;}
#popShoppingCart .popupData td.info	span.title	{ color:#8B8B8B;}
#popShoppingCart .popupData td.size				{ width:80px;}
#popShoppingCart .popupData tbody td.size		{background:#f1f1f1;}
#popShoppingCart .popupData td.color			{ width:80px;}
#popShoppingCart .popupData td.price			{ width:80px;}
#popShoppingCart .popupData tbody td.price		{ width:80px;background:#f1f1f1;}
#popShoppingCart .popupData td.number			{ width:60px;}
#popShoppingCart .popupData tbody td.number div.td { position:relative;}
#popShoppingCart .popupData .tipsBar 			{ position:absolute;top:-20px;left:-130px;width:120px;height:40px;display:none;}
#popShoppingCart .popupData .tipsBar .pointerB 	{ top:22px;}
#popShoppingCart .popupData td.number input		{ text-align:center;border:1px solid #999;height:16px;line-height:16px;width:30px;}
#popShoppingCart .popupData td.total			{ width:80px;}
#popShoppingCart .popupData tbody td.total		{ background:#f1f1f1;}
#popShoppingCart .popupData td.time				{ width:80px;}
#popShoppingCart .popupData td.control			{ width:68px;}
#popShoppingCart .popupData td.control a		{ color:#352F31;}
#popShoppingCart .popupData tfoot td			{ padding:6px 4px;text-align:right;color:#900;font-weight:bold;}
#popShoppingCart .popupData tfoot td span		{ font-weight:normal; font-size:14px;}
#popShoppingCart .popupData tfoot td input		{ margin:0 0 0 10px;}

/*----------------*/
#popQuickBuy{ width:450px;}
#popQuickBuy .popupData	{ background:#fff;}
#popQuickBuy .popupData .info{ height:190px;}


/*----------------*/
#popSendFriend{ width:720px;position:relative;display:none;}
#popSendFriend p{ margin:4px 0;}
#popSendFriend .right .input{ width:380px;}
#popSendFriend .left{ width:220px;float:left;}
#popSendFriend .left p{ margin:10px 0 10px 0;}
#popSendFriend .left ul li{ height:22px;width:104px;overflow:hidden;float:left;margin:3px 6px 3px 0;}
#popSendFriend .left ul li img{ height:22px;width:104px;}
#popSendFriend .left fieldset {display:block;margin:10px 0 0 0;height:100px;}
#popSendFriend .left fieldset div.start{border-top:1px solid #ffffff;margin-right:6px;padding:10px 0 0 0;}
#popSendFriend .left fieldset span.title {width:40px;}
#popSendFriend .right{ width:460px;float:right;}
#popSendFriend .right img{ height:90px;border:1px solid #999;}
#popSendFriend .right strong{ font-size:16px;line-height:1.5em;display:block;}
#popSendFriend .right textarea{ height:50px;}
#popSendFriend .right .btnA1,
#popSendFriend .right .btnC1{margin-right:10px;}
#popSendFriend .preview {width:750px;position:absolute;left:0;top:0;background:url(../images/space.gif);}
#popSendFriend .preview a.close { position:absolute;right:60px;top:3px;width:25px;height:25px;font-size:18px;font-family:Verdana;line-height:25px;text-align:center;cursor:pointer;color:#fff;}

#popSendFriend .friendList {background:#DFDFDF;}
#popSendFriend .friendList .title {background:#f9f9f9;border:none;}
#popSendFriend .friendList .title,
#popSendFriend .friendList .con label {display:block;line-height:25px;height:25px;overflow:hidden;}
#popSendFriend .friendList .con label:hover {background:#f2f2f2;}
#popSendFriend .friendList .con p {padding:0 0 0 5px;}
#popSendFriend .friendList .con {overflow:scroll;overflow-x:hidden;height:125px;}
#popSendFriend .friendList .check,
#popSendFriend .friendList .id,
#popSendFriend .friendList .name {display:inline-block;}
#popSendFriend .friendList .check {width:50px;padding:0 0 0 10px;}
#popSendFriend .friendList .id {width:250px;}
/*----------------*/
#popReferral { width:550px;}
#popReferral .popupData {height:160px;}
#popReferral .popupData span.title {width:60px;}
/*----------------*/
#popLoginQQ{ width:500px;}
#popLoginQQ .popupData span.title{ width:60px;text-align:right;}
#popLoginQQ .popupData fieldset{ margin-top:10px;}
#popLoginQQ .popupData fieldset div{ margin:5px 0;}
/*----------------*/
#popLoginMSN{ width:500px;}
#popLoginMSN .popupData span.title{ width:70px;text-align:right;}
#popLoginMSN .popupData fieldset{ margin-top:10px;}
#popLoginMSN .popupData fieldset div{ margin:5px 0;}
/*----------------*/
#popFriendList{ width:500px;}
#popFriendList strong{ padding:5px;border:1px solid #C6C6C6;background:#EBEBEB;display:block;}
#popFriendList .popupData ul{ padding:5px;height:250px;overflow-y:scroll;border:1px solid #C6C6C6;border-top:none;background:#F6F6F6;}
#popFriendList .popupData ul li{ padding:3px 0;}
#popFriendList .popupData ul li:hover{ background:#ffffdf;}
#popFriendList .popupData ul li label{ display:block;}
#popFriendList .popupData div{ margin-top:10px;text-align:center;}
/*----------------*/
/*#popLogin{ width:700px; height:450px;}
#popLogin fieldset legend{ display:block; color:#999; width:100%; text-align:center; padding-bottom:10px;}
#popLogin .left fieldset{ display:none;}
#popLogin .left fieldset.open{ display:block;}
#popLogin .popupData { height:420px; padding:15px;}
#popLogin .popupData .logo{ width:300px; height:100px; display:block; background-position:center center;}
#popLogin .popupData .left{ width:285px; height:420px; float:left; border-right:1px solid #fff;}
#popLogin .popupData .left em{ width:70px;}
#popLogin .popupData .left p{ padding-left:70px;}
#popLogin .popupData .formAlipay{ margin-top:15px; padding-top:10px; border-top:1px solid #ddd;}
#popLogin .popupData .formAlipay .t1{ color:#777;}
#popLogin .popupData .formRegister {padding-bottom:10px; border-bottom:1px solid #ddd;}
#popLogin .popupData .right{ width:381px;height:420px; float:left; border-left:1px solid #ddd; padding-top:10px; }
* html #popLogin .popupData .right{ width:361px;}
#popLogin .popupData .right fieldset div{ line-height:2.2em; }
#popLogin .popupData .right em{ width:80px;}
#popLogin .popupData .right p{ padding-left:100px;}
#popLogin .popupData .right legend{ text-indent:-90px;}*/
#popLogin{ width:700px;}

#popLogin a.logo {margin:0 auto 0 auto;}
#popLogin fieldset legend{ display:block;text-indent:-999em;}
#popLogin .popupData .left {float:left;width:275px;padding:20px 35px 0 30px;}
#popLogin .popupData .left fieldset{ display:none;}
#popLogin .popupData .left fieldset.open{ display:block;}
#popLogin .popupData .left em {width:50px;padding-right:5px;}
#popLogin .popupData .left .formLogin { background:url(../images/loginBox.gif) 0 0 no-repeat;height:185px;padding-top:50px;}
#popLogin .popupData .left .formAlipay { background:url(../images/loginAlipayBox.gif) 0 0 no-repeat;height:120px;padding-top:50px;}
#popLogin .popupData .left .formForgetPwd { background:url(../images/loginForgetBox.gif) 0 0 no-repeat;height:155px;padding-top:50px;margin-bottom:1px;}
#popLogin .popupData .left .formChangePwd { background:url(../images/loginChangeBox.gif) 0 0 no-repeat;height:168px;padding-top:40px;margin-bottom:1px;}
#popLogin .popupData .left .formChangePwd em {width:70px;}
#popLogin .popupData .left p {color:#e86bac;padding:0 20px;}
#popLogin .popupData .left .formAlipay em {width:80px;}
#popLogin .popupData .right {float:left;width:333px;padding:20px 0 0 0;}
#popLogin .popupData .right em {width:70px;padding-right:5px;}
#popLogin .popupData .formRegister {padding-bottom:10px; border-bottom:1px solid #c1c1c1;}
#popLogin .popupData .formRegister div {line-height:25px;}
#popLogin .popupData .formRegister legend { background:url(../images/loginRegTxt.gif) 0 0 no-repeat;margin-bottom:15px;width:100%;height:26px;}
#popLogin .popupData .formNoReg {padding:10px 0;}
/*----------------*/
#popLoginKaixin,
#popLoginDouban,
#popLogin51{ width:500px;position:relative;}

#popLoginKaixin .login,
#popLoginDouban .login,
#popLogin51 .login{ margin-bottom:10px;}
#popLoginKaixin .login .title,
#popLoginDouban .login .title,
#popLogin51 .login .title{ padding:5px 5px 5px 0;}
#popLoginKaixin .login .input,
#popLoginDouban .login .input,
#popLogin51 .login .input{ width:140px;}
#popLoginKaixin .kaixin,
#popLoginDouban .douban,
#popLogin51 .wuyi{ line-height:20px;margin-bottom:10px;color:#D01F3B}
#popLoginKaixin .pic,
#popLoginDouban .pic,
#popLogin51 .pic{ width:210px;height:290px;float:left;overflow:hidden;margin-bottom:10px;}
#popLoginKaixin .pic strong,
#popLoginDouban .pic strong,
#popLogin51 .pic strong{ height:20px;line-height:20px;}
#popLoginKaixin .pic img,
#popLoginDouban .pic img,
#popLogin51 .pic img{ width:210px;height:270px;}
#popLoginKaixin .info,
#popLoginDouban .info,
#popLogin51 .info{ width:250px;height:270px;overflow:hidden;padding-top:20px;float:left;margin-left:10px;line-height:1.5em;}
#popLoginKaixin .show,
#popLoginDouban .show,
#popLogin51 .show{ position:absolute;width:996px;height:844px;overflow:hidden;top:0;left:-235px;z-index:9999;}


#popLoginKaixin #showKaixin{background:url(../images/bgkaixin.gif) no-repeat;}
#popLoginKaixin #showKaixin .close{ padding:6px;display:block;position:absolute;right:160px;top:246px;background:#000;color:#D1BC9F;}
#popLoginDouban #showDouban{background:url(../images/bgdouban.gif) no-repeat;}
#popLoginDouban #showDouban .close{ padding:6px;display:block;position:absolute;right:80px;top:130px;background:#000;color:#D1BC9F;}
#popLogin51 #show51{background:url(../images/bg51.gif) no-repeat; width:815px; left:-150px;}
#popLogin51 #show51 .close{ padding:6px;display:block;position:absolute;right:2px;top:400px;background:#fff;color:#000;}


#popLoginKaixin .show .kaixinInfo{ left:178px;top:245px;position:relative;}
#popLoginKaixin .show .kaixinInfo strong{ position:absolute;left:0;top:-47px;}
#popLoginKaixin .show .kaixinInfo .info{ width:380px;padding-top:0;height:auto;}
#popLoginDouban .show .doubanInfo{ left:19px;top:195px;position:relative;}
#popLoginDouban .show .doubanInfo strong{ position:absolute;left:0;top:-47px;}
#popLoginDouban .show .doubanInfo .info{ width:450px;padding-top:0;height:360px;}
#popLogin51 .show .wuyiInfo{ left:245px; top:410px;position:relative;}
#popLogin51 .show .wuyiInfo strong{ position:absolute;left:0;top:-40px; color:#fff; width:260px; height:20px; line-height:20px; overflow:hidden;}
#popLogin51 .show .wuyiInfo .info{ width:300px;padding-top:0;height:360px;color:#fff; }

#popNotice{ width:400px;}
#popNotice fieldset em{ width:50px; text-align:right;}



/*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;}
