﻿/*	女装首页样式	*/

.MainLeft{ width:680px; float:left; }
.MainLeft .AD{ height:325px;  }
.MainLeft .Block{ border:solid 1px #dfdfdf; padding:1px; }
.MainLeft .Block .Content{ background:#f3f3f3; padding:0px 8px 8px;  }
.MainLeft .Block .Content .title{ height:34px; background:url(../Images/block_title.gif) repeat-x; margin-top:-1px; }
.MainLeft .Block .Content .title span{ font-size:14px;height:24px; float:left; color:#c81e8a; padding:10px 20px 0px;}
.MainLeft .Block .Content .title a.m{ float:left; color:Black; height:24px; padding:10px 20px 0px; border-right:solid 1px #dfdfdf; }
.MainLeft .Block .Content .title a.on{ background:#ffffff; color:#c81e8a; text-decoration:none; }
.MainLeft .Block .Content .title a.more{ float:right; width:64px; height:22px; background:url(../Images/block_more.gif) no-repeat center; margin:5px auto auto auto; }
.MainLeft .Block .Content .body{ background:#ffffff;  } 

.MainLeft .B1 .Content .body .cover{ float:left; width:185px; height:365px; background:#040404; border-bottom:solid 10px #c81e8a; margin:10px; }
.MainLeft .B1 .Content .body .cover img{ width:185px; height:278px; }
.MainLeft .B1 .Content .body .cover .name{ padding:10px 8px; }
.MainLeft .B1 .Content .body .cover .name a{ color:White; line-height:130%; }
.MainLeft .B1 .Content .body .cover .name .date{ text-align:right; color:#ccc; font-family:Arial; font-size:9px; padding-top:5px; }
.MainLeft .B1 .Content .body .list{ float:left; width:450px; margin-top:5px; }
.MainLeft .B1 .Content .body .list a{ float:left; width:100px; height:180px; text-align:center; text-decoration:none; margin:5px 4px; display:inline-block; padding:2px; position:relative; }
.MainLeft .B1 .Content .body .list a:hover{ background:#c81e8a; }
.MainLeft .B1 .Content .body .list a:hover .show{ visibility:visible; }
.MainLeft .B1 .Content .body .list a:hover .name , 
.MainLeft .B1 .Content .body .list a:hover .date{ color:White; }
.MainLeft .B1 .Content .body .list a .show{ position:absolute; right:5px; top:5px; width:37px; height:37px; background:url(../Images/show_37.png) no-repeat; visibility:hidden; }
.MainLeft .B1 .Content .body .list a .pic{ display:block; }
.MainLeft .B1 .Content .body .list a .pic img{ width:100px; height:150px; }
.MainLeft .B1 .Content .body .list a .name{ display:block; height:16px; overflow:hidden; color:#333333; line-height:150%; font-family:黑体; }
.MainLeft .B1 .Content .body .list a .date{ display:block; color:#6d6d6d; font-family:Verdana; font-size:9px; }

.MainLeft .B2 .Content .body{ }
.MainLeft .B2 .Content .body a{ display:inline-block; width:160px; height:325px; padding:45px 0px 0px 0px; text-decoration:none; overflow:hidden; border-bottom:solid 4px #000; position:relative; }
.MainLeft .B2 .Content .body a.r1{ background:#000000;}
.MainLeft .B2 .Content .body a.r1 .name{ color:White; }
.MainLeft .B2 .Content .body a.r1 .desc{ color:#bababa; }
.MainLeft .B2 .Content .body a:hover .show{ visibility:visible; }
.MainLeft .B2 .Content .body a .show{ width:37px; height:37px; background:url(../Images/show_37.png) no-repeat; position:absolute; right:12px; top:12px; visibility:hidden; }
.MainLeft .B2 .Content .body a .pic img{ width:160px; height:205px; }
.MainLeft .B2 .Content .body a .name{ text-align:center; display:block; color:#000; height:32px; padding-top:5px; line-height:120%; overflow:hidden; font-weight:bold; }
.MainLeft .B2 .Content .body a .desc{ color:#5f5f5f; height:48px; display:block; overflow:hidden; padding:6px 0px 6px 0px; line-height:140%; text-indent:2em; }
.MainLeft .B2 .Content .body a .date{ text-align:right; color:#5f5f5f; display:block; padding:4px;  }

.MainLeft .B3 .Content .body{ }
.MainLeft .B3 .Content .body a{ float:left; width:115px; height:220px; padding:10px 24px; margin:10px auto; text-decoration:none; position:relative; overflow:hidden; }
.MainLeft .B3 .Content .body a:hover{ background:url(..../Images/bg_170.gif) center top repeat-y; padding:10px 24px; }
.MainLeft .B3 .Content .body a:hover .show{ visibility:visible; }
.MainLeft .B3 .Content .body a .show{ position:absolute; right:15px; top:5px; width:37px; height:37px; background:url(../Images/show_37.png) no-repeat; visibility:hidden; }
.MainLeft .B3 .Content .body a .pic{ display:block; }
.MainLeft .B3 .Content .body a .pic img{ width:115px; height:150px; }
.MainLeft .B3 .Content .body a .brand{ display:block; color:#c81e8a; font-size:14px; padding:4px 2px; }
.MainLeft .B3 .Content .body a .name{ color:#8e8e8e; display:block; line-height:130%; }
.MainLeft .B3 .Content .body a .date{ color:#8e8e8e; font-size:9px; display:block; font-family:Verdana; }

.MainLeft .B4 .Content .body .Category{ padding:8px 10px 2px; font-family:Verdana; display:inline-block;width:620px; color:#333333; border-bottom:dashed 1px #CCCCCC; margin:auto 10px; }
.MainLeft .B4 .Content .body .Category a{ color:#333333; line-height:180%; display:inline-block; }
.MainLeft .B4 .Content .body .Category a.on{ color:#c81e8a; }
.MainLeft .B4 .Content .body .list{ padding:10px; }
.MainLeft .B4 .Content .body .list a{ float:left; width:100px; height:150px; text-align:center; margin:auto 3px; color:#595959;  }
.MainLeft .B4 .Content .body .list a img{ width:95px; height:123px; border:solid 1px #fff; padding:1px; }
.MainLeft .B4 .Content .body .list a:hover{ text-decoration:none;}
.MainLeft .B4 .Content .body .list a:hover img{ border-color:#c81e8a; }


.MainRight{ width:288px; float:right; height:100px; }
.MainRight .update{ width:288px; height:83px; background:url(../Images/bg_update.gif) no-repeat; position:relative; }
.MainRight .update .date{ left:115px; top:17px; font-family:Arial Black; color:White; font-size:14px; position:absolute; }
.MainRight .update .total{ left:83px; top:43px; position:absolute; }
.MainRight .update .total label{ display:inline-block;  background:#c81e8a; color:White; font-family:Arial; padding:2px 5px; margin:auto 2px; font-weight:bold; }

.MainRight .service{ width:288px; height:240px; background:url(../Images/service.gif) no-repeat; position:relative; }
.MainRight .service .qq1{ position:absolute; left:10px; top:110px; }
.MainRight .service .qq2{ position:absolute; left:100px; top:110px; }
.MainRight .service .qq3{ position:absolute; left:190px; top:110px; }
.MainRight .service .step{ position:absolute; left:30px; top:168px; line-height:200%; }
.MainRight .service .img{ position:absolute;left:10px; top:50px;}
.MainRight .service .img img{ width:47px; height:47px;}
.MainRight .service .name{ position:absolute; left:70px; top:50px; color:#494949;}
.MainRight .service .step a{ color:#dd0082; text-decoration:underline; font-size:14px; }

.MainRight .onlogin{ width:288px; height:240px; background:url(../Images/onlogin.gif) no-repeat; position:relative; }
.MainRight .onlogin .qq1{ position:absolute; left:10px; top:200px; }
.MainRight .onlogin .qq2{ position:absolute; left:100px; top:200px; }
.MainRight .onlogin .qq3{ position:absolute; left:190px; top:200px; }
.MainRight .onlogin .img{ position:absolute;left:10px; top:140px;}
.MainRight .onlogin .img img{ width:47px; height:47px;}
.MainRight .onlogin .name{ position:absolute; left:70px; top:145px; color:#494949;}
.MainRight .onlogin .user_img{ display:block; float:left; width:71px; height:67px; margin-top:10px;}
.MainRight .onlogin .user_img img{ width:71px; height:67px;}
.MainRight .onlogin .user_info{ display:block;float:left; width:186px; height:67px;margin:10px 0 0 20px; line-height:22px;}
.MainRight .onlogin .user_info .user_name{ display:block; font-size:16px; font-weight:bold; font-family:Arial; color:#535353;}
.MainRight .onlogin .user_info .info{ display:inline-block;}
.MainRight .onlogin .user_info .info a{ color:#494949;}
.MainRight .onlogin .user_info .info a span{ color:#c81e8a;}

.MainRight .Block{ width:288px; }
.MainRight .Block .title{ height:35px; background:url(../Images/right_bg_title.gif) no-repeat; }
.MainRight .Block .title a.m{ float:left; color:Black; height:25px; padding:10px 10px 0px; border-right:solid 1px #dfdfdf;  }
.MainRight .Block .title a.on{ background:#ffffff; color:#c81e8a; text-decoration:none; }

.MainRight .Block .title .tit{ float:left; margin:12px auto auto 12px; font-weight:bold; font-size:14px; color:#666666; }
.MainRight .Block .title .more{ float:right; width:64px; height:22px; background:url(../Images/block_more.gif) no-repeat center; margin:8px auto auto auto; }
.MainRight .Block .body{ }
.MainRight .Block .body .item{ height:88px; background:url(../Images/right_bg_item.gif) repeat-x; }
.MainRight .Block .body .none{ background:none; }
.MainRight .Block .body .item .pic{ float:left; width:65px; text-align:center; padding-top:15px; }
.MainRight .Block .body .item .pic img{ width:43px; height:58px; padding:1px; border:solid 1px #ccc; }
.MainRight .Block .body .item .info{ padding:15px 5px 5px 10px; line-height:150%; }
.MainRight .Block .body .item .info a{ color:#505050; padding:2px; text-decoration:none;  }
.MainRight .Block .body .item .info a:hover{ background:#c81e8a; color:White; }
.MainRight .Block .body .item .info .date{ color:#8e8e8e; font-family:Verdana; font-size:9px; line-height:200%; }

.MainRight .Block .planner{ text-align:center; padding:5px; }
.MainRight .Block .planner img{ width:268px; height:150px; }
.MainRight .Block .planner .name{ background:#f0f0f0;  padding:10px; width:248px; margin:auto; text-align:left; } 
.MainRight .Block .planner .name a{ color:#484848; }

.MainRight .Block .body ul{ margin:0px 5px; }
.MainRight .Block .body ul li{ border-bottom:dashed 1px #DEDEDE; height:14px; padding:5px; font-family:Arial; }
.MainRight .Block .body ul li a { color:#505050;}