@charset "utf-8";

/*图标集合*/
.bg{ background:url(/images/home_bg.gif) left top no-repeat; height:263px; width:200px;}

/*banner广告*/
.banner h1{ height:38px; background-color:#d73892; line-height:38px; font-size:24px; letter-spacing:2px; text-align:center;}
.banner h1 a{ color:#fff;}
.banner h1 a:hover,.banner h1 a:active,.banner h1 a:visited{ color:#fff;}

/*商品分类*/
#main .list{ width:162px; background:url(/images/list_bj.gif) repeat-y; margin-left:1px; float:left;}
#main .list .title{ height:29px; width:162px;}
#main .list .title .title_font{ background:url(/images/list_title_01.gif) left; width:84px; padding-left:30px; line-height:29px; font-size:14px; color:#fff; float:left; }
#main .list .title .title_more{ float:right;}

#main .list dl{ width:156px; margin-left:3px;}
#main .list dt{ background-position:0 -185px; text-align:left; line-height:24px; font-weight:bold; height:24px; padding-left:6px; clear:both; width:150px;}
#main .list dt a{ color:#E02993;}
#main .list dd{line-height:23px; height:23px; font-family:"宋体"; float:left; width:74px;}
#main .list dd a{color:#515151;}
#main .list .width140{width:140px;}
#main .list .height9px{ height:9px; line-height:9px;}
/*#main .list dd{  padding-right:15px; white-space:nowrap; word-break:keep-all;}
#main .list .skin dd{ float:left; padding-right:10px; white-space:nowrap; word-break:keep-all;}*/

/* 主要内容*/
#main .content{ width:611px; margin-left:7px; float:left; height:auto;}


/*轮播*/ 
.content .tab_1{ height:256px; padding:5px; background-color:#FDC5DE;}
.content .tab_1 .tab_img{ background-color:#FDC5DE; width:601px; height:222px; overflow:hidden;}
.content .tab_1 .tab_img img{ border: 1px #fff solid; }
.content .tab_1 .tab_menu{ height:33px; overflow: hidden; background-color:#FDC5DE;}
.content .tab_1 .tab_menu ul{ height:33px;}
.content .tab_1 .tab_menu li{ float:left; margin-right:2px; }
.content .tab_1 .tab_menu .active{background-position:0 -9px; width:118px; height:33px; text-align:center; line-height:33px;}
.content .tab_1 .tab_menu .active a{ color:#fff;}
.content .tab_1 .tab_menu .normal{ background-position:0 -42px; width:118px; height:28px; text-align:center; line-height:28px; margin-top:5px;}
.content .tab_1 .tab_menu .normal a{ color:#B30B9C;}

/*轮播2*/
.content .tab_2{ height:178px; width:611px;}
.content .tab_2 .tab_menu2{ height:26px; overflow: hidden; text-align:center; width:611px;}
.content .tab_2 .tab_menu2 ul{ height:26px; width:555px; float:left;}
.content .tab_2 .tab_menu2 li{ float:left; width:111px; height:25px; line-height:25px; border-bottom:1px #FBCADF solid; }
.content .tab_2 .tab_menu2 span{ width:28px; float:left; border-bottom:1px #FBCADF solid; height:25px;}
.content .tab_2 .tab_menu2 #myTab1 .active { background-position:0 -78px; border-bottom:none;}
.content .tab_2 .tab_menu2 #myTab1 .active a{ color:#B30B9C;}
.content .tab_2 .tab_menu2 #myTab1 .normal { background-position:0 -104px; }
.content .tab_2 .tab_menu2 #myTab1 .normal a{ color:#366775;}
.content .tab_2 .tab_content2{ border:1px #FDCADD solid; padding:1px; margin-top:5px; height:143px; line-height:24px;}
.content .tab_2 .tab_content2 div{ background-color:#E9F2F7; height:143px;}
.content .tab_2 .tab_content2 div a{ color:#005598;}
.content .tab_2 .tab_content2 div img{ float:left; border-right:4px #fff solid;}

/*轮播3*/
.content .tab_3{ float:left; width:306px;}
.content .tab_3 .title{ height:17px; margin-bottom:3px;}
.content .tab_3 .tab_menu3{ background:url(/images/tab_3_bj.gif) no-repeat right; height:20px;}
.content .tab_3 .tab_menu3 ul{ background-color:#fff; height:20px; width:123px;}
.content .tab_3 .tab_menu3 li{ width:57px; margin-right:4px; float:left; text-align:center;}
.content .tab_3 .tab_menu3 #myTab2 .active { background-position:0 -157px; border-bottom:none; height:20px; line-height:20px;}
.content .tab_3 .tab_menu3 #myTab2 .active a{ color:#fff;}
.content .tab_3 .tab_menu3 #myTab2 .normal{ background-position:0 -139px;  margin-bottom:3px; height:17px; line-height:17px;}
.content .tab_3 .tab_menu3 #myTab2 .normal a{ color:#366775;}
.content .tab_3 .tab_content3{ height:358px; border-right:5px #FE83BA solid; border-bottom:5px #FE83BA solid; padding:5px 4px 5px 0;}
.content .tab_3 .tab_content3 .tab_imgtext{ border:1px #ccc solid; padding:5px; height:90px;}
.content .tab_3 .tab_content3 .tab_imgtext img{ float:left; margin-right:6px;}
.content .tab_3 .tab_content3 .tab_imgtext h2{ line-height:26px;}
.content .tab_3 .tab_content3 .tab_imgtext p{ line-height:16px;}
.content .tab_3 .tab_content3 ul{ margin-top:10px;}
.content .tab_3 .tab_content3 li{ width:90px; height:122px; float:left; margin-right:13px; overflow:hidden; }
.content .tab_3 .tab_content3 li p{ line-height:32px; text-align:center;}

/*轮播4*/
.content .tab_4{ float:left; width:305px;}
.content .tab_4 .title{ height:17px; margin-bottom:3px;}
.content .tab_4 .tab_menu4{ background:url(/images/tab_3_bj.gif) no-repeat right; height:20px;}
.content .tab_4 .tab_menu4 ul{ background-color:#fff; height:20px; width:183px; padding-left:6px;}
.content .tab_4 .tab_menu4 li{ width:57px; margin-right:4px; float:left; text-align:center;}
.content .tab_4 .tab_menu4 #myTab3 .active { background-position:0 -157px; border-bottom:none; height:20px; line-height:20px;}
.content .tab_4 .tab_menu4 #myTab3 .active a{ color:#fff;}
.content .tab_4 .tab_menu4 #myTab3 .normal { background-position:0 -139px;  margin-bottom:3px; height:17px; line-height:17px;}
.content .tab_4 .tab_menu4 #myTab3 .normal a{ color:#366775;}
.content .tab_4 .tab_content4{ height:358px; border-right:5px #FE83BA solid; border-bottom:5px #FE83BA solid; padding:5px 4px 5px 0;}
.content .tab_4 .tab_content4 .tab_imgtext{ border:1px #ccc solid; padding:5px; height:90px; margin-left:6px;}
.content .tab_4 .tab_content4 .tab_imgtext img{ float:left; margin-right:6px;}
.content .tab_4 .tab_content4 .tab_imgtext h2{ line-height:26px;}
.content .tab_4 .tab_content4 .tab_imgtext p{ line-height:16px;}
.content .tab_4 .tab_content4 ul{ margin-top:10px; margin-left:6px;}
.content .tab_4 .tab_content4 li{ width:90px; height:122px; float:left; margin-right:10px; overflow:hidden; }
.content .tab_4 .tab_content4 li p{ line-height:32px; text-align:center;}

/*肌肤问题*/
.content .skin{ border:5px #FC81AD solid; background:#FC81AD; margin:10px 0; clear:both; height:81px;}
.content .skin .left{ width:15px; font-weight:bold; color:#fff; font-size:14px; padding-top:8px;}
.content .skin .cont_img{ width:581px; float:right;}
/**/
.content .newsask{ margin:6px 0; clear:both; height:170px;}
.content .newsask .newsarea{ float:left; width:306px;}
.content .newsask .newsarea .na_title{ height:20px;}
.content .newsask .newsarea .na_content{ height:147px; padding-left:6px;  border-right:2px #fdc8e2 solid;}
.content .newsask .newsarea .na_content ul{ width:298px;}
.content .newsask .newsarea .na_content ul li{ width:230px; padding-left:2px; float:left; line-height:21px; height:21px; white-space:nowrap; }
.content .newsask .newsarea .na_content ul .hr{ height:2px; width:98%; line-height:2px; border-top:1px #f1f1f1 solid; margin-top:3px;}
/*.content .newsask .newsarea .na_content ul li hr{ margin:0px; padding:0px;} _margin-top:expression((60-this.height)/2);*/
.content .newsask .newsarea .na_content ul .img{ float:left; width:60px; text-align:center; padding:1px; border:1px #ccc solid; height:auto; overflow:hidden; }
.content .newsask .newsarea .na_content ul .img img{max-width:62px;	max-height:62px; _width:expression((this.width>62&&this.width>this.height)?62: true); _height:expression((this.height>62) ? 62: true); }
.content .newsask .askarea{ float:left; width:305px;}
.content .newsask .askarea .aa_title{ height:20px;}
.content .newsask .askarea .aa_content{ height:145px; padding-left:6px; border-bottom:2px #fdc8e2 solid;}
.content .newsask .askarea .aa_content ul{ width:298px;}
.content .newsask .askarea .aa_content ul li{ width:298px; line-height:20px; height:20px;}
.content .newsask .askarea .aa_content ul .hr{ height:2px; width:100%; line-height:2px; border-top:1px #f1f1f1 solid; margin-top:3px;}

/*diy专区*/
.content .diy{ border:5px #FE83BA solid; margin-top:20px; border-left:none; position:relative; height:131px;}
.content .diy .diy_title{ background-position:0 -157px; width:57px; height:20px; position:absolute; left:0px; top:-10px; text-align:center; color:#fff; border-right:5px #fff solid;}
.content .diy .diy_conte{ clear:both;}
.content .diy .diy_conte ul{ padding-top:15px; padding-left:6px;}
.content .diy .diy_conte ul li{ width:90px; padding-right:8px; float:left;}
.content .diy .diy_conte ul li img{ border:1px #ccc solid;}
.content .diy .diy_conte ul li p{ height:24px; line-height:24px; text-align:center;}


/*右侧开始*/
#main .right{ width:163px; margin-right:1px; float:right;}
/*登录*/
#main .right .login{ width:161px; border:1px #FF6E99 solid; background:url(/images/login_title.gif) no-repeat top; padding-top:40px; height:150px;}
#main .right .login div{ background:none;}
/*登录前*/

#main .right .login .login_1 li{ float:left; color:#666666; height:24px; line-height:24px; padding-left:10px; width:auto;}
#loginStatus{ height:20px; color:#ff0000;}
#main .right .login .login_1 .input{ border: 1px #ccc solid; width:76px; height: 16px; line-height:16px }

/*登录后*/
#main .right .login .login_2 ul{ clear:both;}
#main .right .login .login_2 li{ width:150px; margin:auto; padding-bottom:4px;}
#main .right .login .login_2 li a{ text-decoration:underline;}
#main .right .login .login_2 li img{ float:left;}
#main .right .login .login_2 li p{  line-height:20px;}
#main .right .login .login_2 .mail{ background-position:0 -217px; height:36px; line-height:18px;}
#main .right .login .login_2 .mail b{ padding-left:15px; width:60px;}
#main .right .login .login_2 .mail .jifen{ padding-left:15px; width:64px; font-weight:bold; float:left;}
#main .right .login .login_2 .mail .weidu{ width:60px; float:left;}
#main .right .login .login_2 .login_list{ line-height:16px; background-position:0 -255px; padding-top:10px; height:5px;}
#main .right .login .login_2 .login_list span{ padding-left:20px;}

/*最Hi排行*/
#main .right .hitop{ width:163px; height:600px; }
#main .right .hitop .hi_title{ height:34px; background-position:0 -268px; line-height:34px; width:135px; padding-left:28px; font-size:14px; font-weight:bold; color:#fff;/* margin-top:10px;*/}
#main .right .hitop #myTab4{ padding-left:5px; padding-top:5px;}
#main .right .hitop #myTab4 li{ width:44px; float:left; text-align:center; margin:0 2px}
#main .right .hitop #myTab4 .active { background-position:0 -308px; height:19px; line-height:19px;}
#main .right .hitop #myTab4 .active a{ color:#fff;}
#main .right .hitop #myTab4 .normal { background-position:0 -328px; height:19px; line-height:19px;}
#main .right .hitop #myTab4 .normal a{ color:#366775;}

#main .right .hitop .conte{ clear:both; border-left:1px #E9E9E9 solid; border-right:1px #E9E9E9 solid; border-bottom:1px #e9e9e9 solid;}
*#main .right .hitop .conte li{ line-height:29px; border-bottom:1px #ccc dashed;}
*+#main .right .hitop .conte li{ line-height:27px; border-bottom:1px #ccc dashed;}
#main .right .hitop .conte .hi_img{ height:70px; line-height:16px; padding-top:10px; width:158px; border-bottom:1px #ccc dashed;}
#main .right .hitop .conte .hi_img img{ float:left; margin:0 5px; border:1px #FDC5DE solid;}
#main .right .hitop .conte .hi_img a{ color:#666;}/*F93370*/
#main .right .hitop .conte .hi_img b{ color:#000;}
#main .right .hitop .conte .hi_txt01{ background:#fff; border-top:1px #fff solid; height:30px; line-height:30px;}
#main .right .hitop .conte .hi_txt02{ background:#fff; border-top:1px #fff solid; height:30px; border:none; line-height:30px;}
#main .right .hitop .conte .hi_txt02 a,#main .right .hitop .conte .hi_txt01 a{ color:#666;}

/*main 底部*/
/*Links*/
.bottomnav{ width:950px; clear:both; margin:0 auto;}
.bottomnav li{ float:left;}
.bottomnav .links{ width:690px; height:106px; background:#fff; border-top:1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid; position:relative; }
.bottomnav .links .linkstitle{  position:absolute; top:-11px; left:15px;}
.bottomnav .links .linkstitle li{ float:left;}
.bottomnav .links .links_cont{ padding:6px; padding-top:15px; line-height:22px; width:690px;}
.bottomnav .links .links_cont #linkstab0_Content1 img{ margin-right:8px; float:left; border:1px #ccc solid; margin-top:4px;}
.bottomnav .links .linkstitle #linkstab0 .normal{ background:url(/images/home_bg.gif) left no-repeat; background-position:0 -383px; width:68px; height:22px; text-align:center; line-height:22px; color:#fff; cursor:pointer;}
.bottomnav .links .linkstitle #linkstab0 .active{ background:url(/images/home_bg.gif) left no-repeat; background-position:0 -352px;  width:68px; height:22px; color:#fff; text-align:center; line-height:22px; cursor:pointer;}