@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html,body { font-size: 14px; display: block; line-height: normal; font-family:microsoft yahei; }
article,aside,dialog,footer,header,section,nav,figure,menu,time{display:block;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
p,form,ul,ol{ list-style-type:none; }
ul,ol,li{overflow: hidden;*zoom:1;}
img{ border: 0; vertical-align: top;}
input,select{ vertical-align: middle; }
table{border-collapse:collapse;}
em{ font-style: normal; }
.cf:after {content:"\200B"; display:block; height:0; clear:both; }
.cf {*zoom:1; }
.fl{ float: left; }
.fr{ float: right; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.nowrap{white-space:nowrap;}
.hidden{display:none;}
a{color: #000; text-decoration:none; outline:none; }
a:hover{ text-decoration: none;}
*::before, *::after{box-sizing:border-box;}

.fashs_nav{background-color:#fff;  margin:0 auto; }
.fashs_warp{ width:1200px; margin:0 auto; padding:35px 0; }
.fashs_menu{ border-bottom:1px solid #e3e4e6; margin-bottom:20px; }
.fash_menu{ width:680px; font-size:13px; padding:30px 0 15px 0;}
.fash_menu ul li{ float:left; display:inline; margin:0 50px 0 0; color:#afb5b5; font-weight:bold;}
.fash_menu ul li a{color:#afb5b5;}
.fash_menu ul li a:hover{ color:#4f95fc;}
.fash_menu ul li em{ font-family:Microsoft PhagsPa;  padding-left:2px; letter-spacing:1px;}
a.fashion:hover{ color:#ba3958;}
a.beauty:hover{ color:#8e85cb;}
a.travel:hover{ color:#c9e58e;}
a.arts:hover{ color:#306691;}
a.living:hover{ color:#fcbe85;}
.fash_share{ margin-top:14px; float:left;}
.fash_share a{ width:32px; height:32px; display:inline-block; margin:0 0 0 2px;}
.fash_fenxiang{ height:32px; width:65px; border-right:1px solid #eeeeee; line-height:32px; text-align:center; float:left; color:#b1b2b2; font-size:14px; margin:14px 10px 0 0;}
.wb_icon{  background:url(../img/fashionista_04.png) no-repeat 0 0;}
.qq_icon{  background:url(../img/fashionista_04.png) no-repeat -37px 0;}
.wx_icon{  background:url(../img/fashionista_04.png) no-repeat -74px 0;}
.w728{ width:728px; margin:0 auto;}
.fash_top_img{ width:940px; height:530px; position:relative; margin:20px 0;}
.fash_top_word{ position:absolute; bottom:30px; left:32px;}
.fash_top_word h2{ font-size:30px; color:#fff;}
.fash_top_word p{ font-size:16px; color:#000;}
.fash_top_img a:hover img{ opacity:0.8; transition:all 0.25s ease 0;}
.small_top{ width:620px; height:350px; float:left;}
.small_top h2{ font-size:24px;}
.must_read{ width:220px; float:left; margin:40px 0 0 62px;}
.must_read_t{  color:#4f95fc; font-size:16px; text-align:center;}
.must_read_t img{ display:block; padding-bottom:2px; margin:0 auto;}
.must_read ul li{ clear:both; overflow:hidden; margin-top:15px;}
.must_read ul li a{ display:block; width:198px; line-height:24px; float:left;}
.must_read ul li a:hover{color:#4f95fc; }
.must_read ul li em{ width:22px; height:18px; float:left; text-indent:-99999999px; margin-top:6px;}
.must_read ul li.nu_1 em{ background:url(../img/fashionista_11.png) no-repeat 0 0;}
.must_read ul li.nu_2 em{ background:url(../img/fashionista_11.png) no-repeat 0 -56px;}
.must_read ul li.nu_3 em{ background:url(../img/fashionista_11.png) no-repeat 0 -111px;}
.must_read ul li.nu_4 em{ background:url(../img/fashionista_11.png) no-repeat 0 -167px;}
.fash_titles{ font-size:18px; text-transform:uppercase; text-align:center; font-weight:bold;}
.fash_ed_picks{ width:650px; margin:0 auto;}
.fash_picks{ width:120px; float:left; margin:20px; display:inline;}
.fash_picks dt{ }
.fash_picks dt img{ width:120px; height:120px; border-radius:60px; box-shadow: 0 1px 0 rgba(11, 9, 7, 0.15);}
.fash_picks dd{ font-size:14px; color:#afb5b5; font-weight:bold; text-align:center; width:120px; }
.fash_picks dd em{ font-size:12px; color:#000; display:block; padding:10px 0 3px;}
.fash_gx_t{ height:30px; border-bottom:2px solid #000; position:relative; margin-bottom:20px;}
.fash_gx_t span{ background-color:#FFF; font-weight:bold; font-size:16px; padding:10px; position:absolute; left:428px; top:10px;}
.gx_lists{ border-bottom:1px solid #e4e5e7; padding:20px 0;}
.gx_list_img{ position:relative; width:300px; height:168px; float:left;}
.gx_list_img span{ color:#fff; background:rgba(0,0,0,0.5); padding:5px 10px; position:absolute; top:20px; left:20px; transition:all 0.25s ease 0s;}
.gx_list_img a:hover img{ transition:all 0.25s ease 0s; opacity:0.8;}
.gx_list_img a:hover span{background:rgba(0,0,0,1);}
.gx_list_txt{ width:620px; float:right;}
.gx_list_txt h2{ color:#343537; font-size:26px; padding:50px 0 0 0; font-weight:normal;}
.gx_list_txt p{ color:#5493fa; font-size:16px;}
.gx_list_txt p em{ font-size:12px; color:#000; display:block; padding:10px 0 3px;}
.list_ad{ float:left;}
.ad_gx{ width:300px; float:left; display:inline; margin-left:20px;}
.ad_gx_img{ float:none;}
.ad_gx_txt{ float:none; width:240px; padding:0 30px; letter-spacing:1px;}
.ad_gx_txt h2{ padding:15px 0 10px 0; font-size:24px; line-height:30px;}
.fash_see_more{ border: 1px solid #b1b2b2; border-radius:20px; font-size:14px; font-family:Candara; font-weight:bold; padding:10px 30px; transition:all 0.25s ease 0s; width:160px; margin:30px auto; text-align:center; text-transform:uppercase; color:#333;}
.fash_see_more a:hover{ color:#4f95fc; background-color:#fff;}