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

*{ margin:0; padding:0;}
html,body { font-size: 12px; 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;}

.brand_top_nav{ width:100%; background-color:#000000; padding:10px 0 15px 0; margin-top: 10px;}
.w1022{ width:1022px; margin:0 auto;}
.pu_share{ margin-top:14px;}
.pu_share a{ width:32px; height:32px; display:inline-block; margin:0 0 0 2px;}
.wb_icon{  background:url(../img/purewow_06.png) no-repeat 0 0;}
.qq_icon{  background:url(../img/purewow_06.png) no-repeat -37px 0;}
.wx_icon{  background:url(../img/purewow_06.png) no-repeat -74px 0;}
.brands_nav{background-color:#fff; width:1052px; margin:0 auto;}
.brands_warp{ width:1022px; margin:0 auto;background-color:#fff; }
.brand_menu{ width:800px; font-size:14px; padding:40px 0 40px 130px;}
.brand_menu ul li{ float:left; display:inline; margin:0 22px;}
.brand_menu ul li em{ font-family:Candara; font-size:16px; padding-left:2px; letter-spacing:1px;}
.w728{ width:728px; margin:0 auto;}
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;}
.brand_row{ border-bottom:1px  solid #d7d7d7; height:290px; padding:50px 0; background-color:#fff;}
.col-sm-5{ float:left; width:395px;}
.home-slider-pagination li{ float:left; }


.brand_leftsider{ width:720px; float:left; }
.brand_rightsider{ width:300px; float:right;}
.list_brand_row{ text-align:center; width:320px; float:left; display:inline; margin:38px 38px 0 0;}
.list_brand_row a{ display:block; position:relative;}
.list_brand_row h2{ font-size:14px; color:#fff; letter-spacing:5px; padding:3px 18px; background-color:#000; transition:all 100ms linear 0s; display:inline-block; font-weight:normal; position:relative; top:15px; z-index:1;}
.list_br_img{ position:relative;}
.list_br_img img{ border:1px solid #d5d5d5; }
.list_brand_row h5{ font-size:18px; padding:10px 0 5px 0;}
.list_brand_row p{ font-size:16px;}
.vertical-item:hover .list_br_img img,.vertical-item:hover h5,.vertical-item:hover p{ opacity:0.7; color:#777;}
.vertical-item img,.vertical-item p,.vertical-item h5{ transition:opacity 0.4s ease 0s;}


.vertical-item-living:hover .vertical-cat{ background-color:#fcbe85;}
.vertical-item-fashion:hover .vertical-cat{ background-color:#ba3958;}
.vertical-item-beauty:hover .vertical-cat{ background-color:#8e85cb;}
.vertical-item-travel:hover .vertical-cat{ background-color:#c9e58e;}
.vertical-item-arts:hover .vertical-cat{ background-color:#306691;}
.list_brand_row .vertical-cat:hover{ background-color:#fff; color:#000;}
.ad_br_top{ padding:60px 0 0 0;}

.bg_f6{ background-color:#f6f6f6; padding:35px 0; margin:20px auto; height:225px;}
.br_ed_txt{ position:relative; width:77px; float:left; margin:50px 80px 0 68px;}
.br_ed_txt h1::after{ height:3px; width:77px; background:none repeat scroll 0 0 #ee4f4f; display:block; transition: all 100ms linear 0s; content:""; margin-top:19px;}
.bg_f6:hover .br_ed_txt h1::after{ margin-top:10px;}
.br_ed_img{ width:765px; position:relative; float:left; transition: opacity 0.4s ease 0s;}
.br_ed_img:hover{ opacity:0.7;}
.br_ed_img dt{ position:absolute; left:385px; top:40px;}
.br_ed_img dt h2{ font-size:30px;}
.br_ed_img dt p{ font-size:18px; padding:10px 0 20px 0;}
.br_allmore{ text-transform:uppercase; font-size:14px; letter-spacing:3px;}

.br_select{ float:left;}
.brand_margin{ margin:25px 15px; width:320px;}
.br_ad_bottom{padding-top:25px;}

.show-more-container{ padding:50px 0; }
.show-more::before{ border-top:1px solid #cccccc; content:""; position:absolute; width:100%; top:50%; left:0; bottom:0; margin:0 auto; z-index:-1;}
.show-more{ background-color:#fff; display:block; font-size:16px; letter-spacing:4px; text-transform:uppercase; text-align:center; z-index:1; position:relative; bottom:8px; margin-top:0;}
.show-more span{ padding:8px 20px 8px 25px; transition:border-color 100ms linear 0s; color:#cccccc; background:none repeat scroll 0 0 #fff; border:1px solid #cccccc;}
.show-more span::after{ border-left:5px solid transparent;  border-right:5px solid transparent; border-top:5px solid; height:0; width:0; bottom:3px; content:""; display:inline-block; position:relative; margin-left:5px;}
.show-more:hover span{ border-color:#000000; color:#000000;}



#playBox{ width:1022px; height:288px; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
.br_ul_li{ width:1022px; position:relative;}
.br_ul_txt{ position:absolute; left:440px; top:28px;}
.br_ul_txt h2{ font-size:30px; font-weight:normal;}
.br_ul_txt h5{ font-size:18px; font-weight:normal; padding-top:5px;}
.br_ul_txt p{ font-size:16px; color:#757573; line-height:30px; padding:15px 0 25px 0;}
.br_ul_txt span{ color:#f14d56; font-family:Candara; font-size:14px; font-weight:bold; display:block; text-transform:uppercase; letter-spacing:4px;}
/*#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}*/
#playBox .smalltitle {width:580px; height:12px; position:absolute; bottom:0px; z-index:10; left:440px;}
#playBox .smalltitle ul{}
#playBox .smalltitle ul li{ width:12px; height:12px; margin:0 30px 0 0; border-radius:10px; background:#e9e9e9; float:left; overflow:hidden;*display:inline;*zoom:1; cursor:pointer;}
#playBox .smalltitle .thistitle{ background:#e75548;}
#playBox .smalltitle ul li:hover{background:#e75548; }