@charset "utf-8";
/* CSS Document for index */
/*---------------------------------------------------全局样式----------------------------------------*/
*{ margin:0px; padding:0px; font-family:"MS PGothic"; font-size:12px;}
.red{ color:#CC0000;}
.text1{ font-size:12px;}
.text2 a:link,.text2 a:visited{ font-size:12px; color:#0099FF; text-decoration:underline;}
.text2 a:hover{font-size:12px; color:#0099FF;}
.text3 a:link,.text2 a:visited{ font-size:12px; color:#0099FF; text-decoration:underline;}
a.text3{ line-height:12px; font-size:11px; color:#FF6600;}
.ctab{text-align:center; color:#39c;}
/*-------------------------------------------header----------------------------------------------*/
#header{width:1003px; margin:0 auto; height:65px;}
#logo{ float:left; width:248px; height:65px;}
#log2{ background:url(../images/login_04.gif) no-repeat; width:196px; height:203px; float:left; position:relative;}
#loin{
	position:absolute;
	top:40px;
	left:30px;
	width: 147px;
}
#wel{ line-height:15px; color:#39c; font-weight:bold; float:left; display:block; width:510px;_width:510px;padding:15px 20px 10px 20px; _padding:25px 10px 10px 20px;}
#nav{width:1003px; height:30px; background:url(../images/nav1.gif) repeat-x; position:relative; margin:0 auto; }
#nav ul{ list-style:none; position:absolute; left:0;top:0;}
#nav li{ float:left; display:block;line-height:30px;}
#nav li img{ border:0px;}
li.nav2 a:link,li.nav2 a:visited{background:url(../images/nav2.gif) no-repeat; float:left}
li.nav2 a:hover{background:url(../images/nav2h.gif) no-repeat;}

li.nav3 a:link,li.nav3 a:visited{background:url(../images/nav3.gif) no-repeat; float:left}
li.nav3 a:hover{background:url(../images/nav3h.gif) no-repeat;}

li.nav4 a:link,li.nav4 a:visited{background:url(../images/nav4.gif) no-repeat; float:left}
li.nav4 a:hover{background:url(../images/nav4h.gif) no-repeat;}

li.nav5 a:link,li.nav5 a:visited{background:url(../images/nav9.gif) no-repeat; float:left}
li.nav5 a:hover{background:url(../images/nav9h.gif) no-repeat;}

li.nav6 a:link,li.nav6 a:visited{background:url(../images/nav6.gif) no-repeat; float:left}
li.nav6 a:hover{background:url(../images/nav6h.gif) no-repeat;}

li.nav7 a:link,li.nav7 a:visited{background:url(../images/nav7.gif) no-repeat; float:left}
li.nav7 a:hover{background:url(../images/nav7h.gif) no-repeat;}

li.nav8 a:link,li.nav8 a:visited{background:url(../images/nav11.gif) no-repeat; float:left}
li.nav8 a:hover{background:url(../images/nav11h.gif) no-repeat;}

#search{width:1003px; height:29px; margin:0 auto; background:url(../images/sbg.gif) repeat-x;}
.item{ width:200px;height:15px;}
#bz{ width:60px; float:right; font-size:10px; padding:5px 30px 5px 0px; color:#0099FF;}
#bz a:link,#bz a:visited{ color:#09f; font-size:10px; text-decoration:underline;}
#kj{ float:right; width:180px;}

/*---------------------------------------banner-----------------------------------------*/
ul,li{list-style:none;padding:0;margin:0}
a:link,a:visited{color:#636363;text-decoration:none}
a:active,a:hover{color:#FF6201;text-decoration:underline}
#rollImg1,#rollImg2,#rollImg3,#rollImg4{ border:0;}
#topRoll{ float:left;}
#mainAct{ float:left;width:548px;height:210px;top:0px;left:206px; background:url(../images/bannerbtg.gif) no-repeat;}
#rollDiv1,#rollDiv2,#rollDiv3,#rollDiv4{width:92px;height:18px;padding:4px 0 0 35px;text-align:left;margin-bottom:3px;}
.rollOff{color:#ffffff;text-decoration:none;border:none}
.rollOn{background:url(../images/sport_act_tab_on.gif) no-repeat top;color:#000000;text-decoration:none;border:none}
.actLine{margin-bottom:4px}
/*--------------------------------------container---------------------------------------*/
#container{ width:980px; height:100%;margin:0 auto;
  clear:both;}

/*--------------------------------------left layout---------------------------------------------*/
#left{ width:197px; float:left; margin-right:10px;}
#teb{ float:left; background:url(../images/teb1.gif) no-repeat; width:197px; height:203px; position:relative; clear:both;z-index:0;}
#teb img{ position:absolute; top:40px; left:25px;z-index:1;}
#tebtext{ position:absolute; bottom:10px; left:25px;z-index:10;}
#catalog{position: relative; float:left; width:200px; margin-left:0px;font-size:1px;}
#catalog ul{ padding-top:2px; list-style:none; }
#catalog img{ margin:10px auto;}
/* modify tag li add position by caiyeqing 2010-07-13 */
#catalog li{ position:relative;background:url(../images/list01.gif) no-repeat; width:198px; line-height:35px; padding-bottom:3px;}
/* End modify  */
/* add icon css by caiyeqing 2010-07-13 */
#catalog li .icon { position:absolute;top:3px;left:6px;width:30px;height:30px;background:url(../images/icon.gif) no-repeat; }
#catalog li .icon01 { background-position:0 0; }
#catalog li .icon02 { background-position:0 -30px; }
#catalog li .icon03 { background-position:0 -60px; }
#catalog li .icon04 { background-position:0 -90px; }
#catalog li .icon05 { background-position:0 -120px; }
#catalog li .icon06 { background-position:0 -150px; }
#catalog li .icon07 { background-position:0 -180px; }
#catalog li .icon08 { background-position:0 -210px; }
#catalog li .icon09 { background-position:0 -240px; }
#catalog li .icon10 { background-position:-30px 0; }
#catalog li .icon11 { background-position:-30px -30px; }
#catalog li .icon12 { background-position:-30px -60px; }
#catalog li .icon13 { background-position:-30px -90px; }
#catalog li .icon14 { background-position:-30px -120px; }
#catalog li .icon15 { background-position:-30px -150px; }
#catalog li .icon16 { background-position:-30px -180px; }
#catalog li .icon17 { background-position:-30px -210px; }
#catalog li .icon18 { background-position:-30px -240px; }
#catalog li .icon19{ background:url(../images/icon19.gif) no-repeat; }
#catalog li .icon20 { background:url(../images/icon20.gif) no-repeat;  }
#catalog li .icon21 { background:url(../images/icon21.gif) no-repeat;  }
#catalog li .icon22 { background:url(../images/icon22.gif) no-repeat; }
/* End add */
/* modify catalog add tag a textIndent by caiyeqing 2010-07-13 */
#catalog li a { text-indent:40px; }
#catalog li a:link,#catalog li a:visited{ background:url(../images/list01.gif) no-repeat; font-weight:bold; width:198px; line-height:35px; color:#000; display:block; text-decoration:none; color:#666;}
#catalog li a:hover{background:url(../images/list02.gif) no-repeat; width:198px; line-height:35px; color:#39c; text-decoration:none;display:block;font-weight:bold;}
/* End modify */
#mobile{ float:left; margin-top:5px; width:198px; overflow:hidden;}
#mobile img{ float:left;}
#mimg{ background:url(../images/mobile1_03_03.gif) repeat-y; float:left;}
#mimg img{ margin:0 auto;}
#new{
        position:relative;
	left:160px;
	top:400px;
	width:33px;
	height:12px;
        z-index: 90;
}
#hot2{
        position:relative;
	left:160px;
	top:505px;
	width:23px;
	height:11px;
	background:url(../images/hot.gif) no-repeat;}
.review{padding: 0px 10px;}
/*----------------------------------middle layour------------------------------------------------*/
#mid{ float:left; width:550px; padding-right:5px;}
#tjcp{ float:left; width:549px; min-height:1%;padding-top:5px; clear:both;}
.cp{position:relative; width:250px; float:left; padding:5px; height:100px}
.cp table{ float:left;}
.cp .sale{ position:absolute; left:60px; top:54px; width:35px; height:35px}
.im{ width:80px; height:80px; border:1px solid #ccc; padding:5px; margin:0px 5px 0 0;float:left;}
#tuij{ float:left; width:550px;}
#tuij table{ float:left;}
#tuij img{ border:0;}
.pp1{margin-left:20px;line-height: 20px;}


/*--------------------------------------right layout---------------------------------------------*/
#right{ float: left; width:203px;}
#log{ background:url(../images/login_03.gif) no-repeat; width:196px; height:203px; float:left; position:relative;}
#logtittle{ position:absolute; top:5px; left:10px;}
#ids{ position:absolute; top:33px; left:30px; border:0;}
#pw{ position:absolute; top:61px; left:30px; border:0px;}
#jzmm{ position:absolute; top:85px; left:30px; display:block; width:160px; line-height:15px;}
#wjmm{
	position:absolute;
	top:105px;
	left:35px;
	display:block; width:160px; line-height:15px;
}
#dl{position:absolute; top:120px; left:25px; display:block; border:0px;}
#zc{position:absolute; top:150px; left:25px; display:block; border:0px;}
#livechat{float:left;}
#rank{ float:left;}
#rank table{ border:1px solid #0099FF;}
#rank a:link,#rank a:visited{ color:#0099FF; text-decoration:underline;}
#rank a:hover{ color:#3399FF; text-decoration:none;}
#email{ float:left; width:198px; height:140px; position:relative; background:url(../images/em_29.gif) no-repeat; margin:5px 0 0 0;}
#eshm{ position:absolute; top:30px; left:15px; width:165px;}
#inemail{ position:absolute; top:105px; left:24px; width:110px; border:0;height:15px;}
#ms{ position:absolute; top:105px; right:30px;}
#qr a:link,#qr a:hover,#qr a:visited{ color:#fff; position:absolute; top:105px; left:146px; text-decoration:none;}
#list001{ font-size:8px;}
/*-----------------------------------------footer-----------------------------------*/
#footer{ width:1003px; background:url(../images/foot_35.gif) repeat-x; clear:both; margin:0 auto; height:124px; text-align:center; margin-top:10px; position:relative;}
.f1{font-size:11px; position:absolute;top:30px; left:250px;}
.f3{font-size:11px; position:absolute;top:60px; left:150px;}
.f2{ font-size:10px; position:absolute; top:90px;left:360px;}
 /*-------------------------jewelry----------------------------------*/
#jewelrylist{ width:670px; padding:20px 0 0 0; position:relative; float:right;
}
#jewelrylist h2{width:650px; position:relative; background:url(jt5.jpg) left center no-repeat; padding-left:15px; font-family:Tahoma; color:#666; float:left; text-align:left;
}
#jewelrylist h2 span{ position:absolute; top:0; right:10px;
}
#jewelrylist h2 span a{ text-decoration:none; font-size:14px; color:#666; 
}
#jewelrylist h2 span a:hover{ text-decoration:underline; color:#39c;
}
.p3{ float:left; display:inline; width:630px; border-top:1px solid #dfdfdf; margin:10px 20px 0 20px; padding:10px 0 0 0;
}
.p4{ float:left; width:150px; height:160px; text-align:center; background:#fcfcfc; padding:2px; color:#39c;}
.p4 a{ text-decoration:none; font-size:9px; color:#39c; font-family:Verdana, Arial, Helvetica, sans-serif
}
.p4 a:hover{text-decoration:underline;}
.p5{ width:100%; padding:5px 0 5px 5px; background:#f1f7f9; margin:5px 0 5px 0;
}
.p5 a{ text-decoration:none; font-size:14px; font-weight:bold; color:#666;
}
.p5 a:hover{ color:#f25242
}
.p6{color:#CC0000;}
.com1{ border-bottom:1px dotted #ccc; padding-bottom:10px; margin-top:10px;
}
.com2{ font-size:14px;
}

.com3{ font-size:12px; color:#666; font-weight:bold;
}
.com4{ margin-left:15px; color:#999;
}
.com1 p{ margin-top:5px;
}