/*
CSS Reset
*/

/** 娓呴櫎鍐呭杈硅窛 **/
body, div, p, h1, h2, h3, h4, h5, h6, blockquote,  /* structural elements 缁撴瀯鍏冪礌 */
dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */
pre,  /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */
form, fieldset, legend, button, input, textarea,  /* form elements 琛ㄥ崟鍏冪礌 */
table,th,td /* table elements 琛ㄦ牸鍏冪礌 */{
	margin:0;
	padding:0;
}

body,button,input, select,textarea{
    font: 12px/1.5 "Microsoft Yahei", arial, "瀹嬩綋" ,sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: 1; font-weight:normal }
address, cite, em, i { font-style: normal; } /* 灏嗘枩浣撴壎姝� */
small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇伙紝璁� small 姝ｅ父鍖� */

/** 閲嶇疆鍒楄〃鍏冪礌 **/
li { list-style: none; }

/** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/** 閲嶇疆琛ㄥ崟鍏冪礌 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗� */
button, input, select, textarea { font-size: 100%; line-height:normal; } /* 浣垮緱琛ㄥ崟鍏冪礌鍦� ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */

/** 閲嶇疆琛ㄦ牸鍏冪礌 **/
table{ border-collapse: collapse; border-spacing: 0; }
input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;}

/* ie6 7 8(q) bug 鏄剧ず涓鸿鍐呰〃鐜� */
iframe{
	display:block;
}

/* 娓呯悊娴姩 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1; /* for IE6 IE7 */
}
.fn-hide {
	display:none;
}

/**
 * Self CMS鍏叡鏍峰紡
 */

body { background: #fff;}
a { color:#000; }
a:hover { color:#000; text-decoration: none !important; }

/*甯哥敤鍔熻兘class*/
.fl { float:left !important; }
.fr { float:right !important; }
.mb10 { margin-bottom:10px; }
.mt10 { margin-top:10px; }
.mt30 { margin-top:30px; }
.por { position: relative; }
.poa { position: absolute; }
.ti-999 { text-indent: -999em; }
:root .txt { line-height:normal !important; }
:focus { outline: none; }

/*閫氱敤骞垮憡*/
.ad-1000x120{ margin-top:20px;}
.ad-680x120 { margin-top:20px; float:left }
.ad-300x250 { margin-bottom:10px; }
.ad-300x250 img{ border: none;} 
.ad-300x250 a:hover img{ border: none;} 
.ad-300x600 img{ border: none;} 
.ad-300x600 a:hover img{ border: none;} 
.ad-300x120 { margin-top:20px; margin-bottom:10px; }
.ad-300x120 img{ border: none;} 
.ad-300x120 a:hover img{ border: none;} 
.ad-header > div, .ad-header > iframe, .ad-header .cnc_xg_div { margin-bottom: 10px; *margin-bottom: -5px;}

/*閫氱敤鍖呰鍣�*/
.wrapper { width:100%; overflow: hidden;}
.inner-wrapper { width: 1000px; margin: 0 auto; background-color: #FFF; }
.section { width: 1000px; margin:0 auto;}
.section .main { float:left; width: 680px; }
.section .aside { float:right; width: 300px; }

/* @start 瀵艰埅 */
.nav-top { position: relative; z-index: 9; height: 30px; padding: 0 18px 0 19px; line-height: 30px; background: #e5e5e5;}
.nav-top .breadcrumbs, .nav-top .breadcrumbs li { float: left; margin-right: 16px;}
.nav-top .breadcrumbs a { color: #777;}
.nav-top .breadcrumbs .subscibe { color: #c30064;}
.nav-top .login-info { float: right;}
.nav-top .after-login { float: none;}
.nav-top .login-info a { margin-left: 16px; color: #000;}
.nav-top .logout-info { position: relative; float: right; height: 30px;}
.nav-top .logout-info .item { float: left; margin-left: 21px; margin-top: 0; background: none;}
.nav-top .logout-info .toggle-user { position: relative; display: inline-block; width: 81px; height: 29px; margin-top: 1px; padding-right: 9px; text-align: center; color: #c3c2c2; background: #fff url(../images/v2/logout-info-expand.png) right center no-repeat; cursor: pointer;}
.nav-top .logout-info .toggle-user a { margin-left: 0;}
.nav-top .logout-info .toggle-user .toggle-btn { display: inline-block; height: 28px; width: 69px; overflow: hidden;}
.nav-top .logout-info .toggle-user:hover, .nav-top .logout-info .toggle-user.active { background: #ff6d6e url(../images/v2/logout-info-expand-white.png) right center no-repeat;}
.nav-top .logout-info .toggle-user:hover a, .nav-top .logout-info .toggle-user.active a { color: #fff;}
.nav-top .logout-info .toggle-user:hover .toggle-btn, .nav-top .logout-info .toggle-user.active .toggle-btn { color: #fff; background: #ff6d6e;}
.nav-top .logout-info .toggle-user a { color: #c3c2c2; background: #fff;}
.nav-top .logout-info .toggle-user a:hover { text-decoration: none; color: #fff; background: #ff6d6e;}
.nav-top .logout-info .toggle-user ul { position: absolute; right: -1px; top: 29px; width: 135px; border: 1px solid #e5e5e5; border-width: 0 1px; font-size: 14px;}
.nav-top .logout-info .toggle-user .fn-hide li a { display: block; height: 40px; border-bottom: 1px solid #e5e5e5; line-height: 40px; text-align: center; color: #c3c2c2;}
.nav-top .logout-info .toggle-user .fn-hide li a:hover { color: #fff; border-color: #f15253;}
.nav-top .logout-info .message { position: relative; padding-right: 16px;}
.nav-top .logout-info .message span { display: none; position: absolute; right: 0; top: 0; width: 16px; height: 16px; font-size: 10px; line-height: 16px; text-align: center; color: #fff; background: url(../images/v2/message-bg.png) no-repeat;}
.nav-top .search { display: inline; float: right; width: 169px; height: 22px; margin: 4px 38px 0 0; background: #bfbfbf;}
.nav-top .search-btn { float: left; width: 24px; height: 16px; margin-top: 3px; border: none; background: url(../images/v2/nav-top-search.gif) no-repeat; cursor: pointer;}
.nav-top .search-input { float: left; width: 137px; height: 16px; margin-top: 3px; padding: 0 3px; border: none; border-right: 1px solid #686868; border-radius: 0; line-height: 16px; background: none;}

.index-nav .logo { left: 24px; top: 23px; width: 171px; height: 27px; background: url(../images/v2/logo-main.png) no-repeat;}
.index-nav .main { width: auto; margin: 0; margin-left: 208px;}
.index-nav .main li { float: left; height: 74px; padding-left: 11px; background: url(../images/v2/nav-main-list-bg.gif) 0 center no-repeat;}
.index-nav .main li .p1 { float: left; width: 3em; font-size: 18px; line-height: 74px; white-space: nowrap;}
.index-nav .main li .p2 { float: left; width: 6em; margin-left: 5px; padding-top: 15px; line-height: 24px;}
.index-nav .main li .p2 a { display: inline-block; margin-right: 1em; color: #c0c0c0;}
.index-nav .main li .len5 { width: 12em;}
.index-nav .main li .len5 a { width: 5em;}
.index-nav .main .list-beauty a:hover { color: #f17198;}
.index-nav .main .list-fashion a:hover { color: #785b92;}
.index-nav .main .list-life a:hover { color: #2ba5ce;}
.index-nav .main .list-explore a:hover { color: #ffb400;}
.index-nav .main .list-cosmetics a:hover { color: #ff9d82;}

.header { position: relative; z-index: 99;}
.header .nav { position: relative; *position: relative !important; top: -1px; width: 1000px; height: 75px; margin-bottom: -1px; background: url(../images/v2/nav-main-bgr.gif);}
.header .nav a { color: #fff;}
.header .nav .toggle-btn { position: absolute; z-index: 10; left: 90px; bottom: 0; width: 44px; height: 24px; background: url(../images/v2/nav-main-expand.png) center no-repeat; -webkit-transition: -webkit-transform .2s ease-out;}
.header .nav .toggle-btn.active, .header .nav .toggle-nav:hover .toggle-btn { -webkit-transform:rotate(180deg); }
.header .sub { position: absolute; left: 0; top: 74px;}
.header .sub li:first-child a { border: none;}
.header .sub a { display: block; width: 197px; height: 37px; border-top: 1px solid #000; line-height: 37px; text-align: center; color: #7d7c7c; background: rgba(29,29,29,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CC1D1D1D",endColorstr="#CC1D1D1D");}
.header .sub a:hover, .header .sub a.active { text-decoration: none; color: #fff;}
.header .logo { position: absolute; text-indent: -9999px;}
.header .logo a { display: block; height: 100%;}

.crumb-nav { height:30px;padding-left:10px;margin-top:10px; color:#666666;}
.crumb-nav a {  margin-left:5px; margin-right:5px; color:#666666;}

.newFloatTip { position: fixed; _position: absolute; bottom: 0; right: 0; z-index: 999; width: 80px;}
.newFloatTip .item, .newFloatTip .item a { display: block; margin-bottom: -1px; cursor: pointer; position:relative; width: 80px; height: 80px; background: url(../images/v2/float-icons.png) no-repeat;}
.newFloatTip .item { margin-top: 0; padding-left: 0;}
.newFloatTip .item a { display:none; position:absolute; left: -80px; top:0; cursor: pointer;}
.newFloatTip .share { background-position: right -102px;}
.newFloatTip .share:hover { background-position: -158px -102px;}
.newFloatTip .share .wx { left: -160px; background-position: 0 -102px;}
.newFloatTip .share .wx:hover { background-position: 0 0;}
.newFloatTip .share .sina { background-position: -80px -102px;}
.newFloatTip .share .sina:hover { background-position: -80px 0;}
.newFloatTip .weixin { background-position: right -181px;}
.newFloatTip .weixin a { left: -158px; background: none; cursor: default;}
.newFloatTip .weixin a img { width: 158px; height: 158px;}
.newFloatTip .weixin:hover { background-position: -158px -181px;}
.newFloatTip .returnTop { opacity: 0; background-position: right -260px; cursor: default;}
.newFloatTip .returnTop:hover { background-position: -158px -260px;}
.newFloatTip .subscibe { background-position: right 0;}
.newFloatTip .subscibe:hover { background-position: -179px 0;}
/* @end 瀵艰埅 */

/* @start 搴曢儴 */
.common-bottom { margin-bottom: -30px; background: url(../images/v2/bottom-bgr.gif) repeat-x; zoom: 1;}
.common-bottom .inner-wrapper { position: relative; height: 474px; overflow: hidden; background: none;}
.common-bottom h3 { position: relative; width: 448px; height: 85px; margin: 0 auto; background: url(../images/v2/bottom-title.gif) no-repeat;}
.common-bottom h3 a { position: absolute; height: 32px; left: 0; bottom: 0; text-indent: -9999px;}
.common-bottom h3 .a2 { width: 149px;}
.common-bottom h3 .a1 { left: 149px; width: 141px;}
.common-bottom h3 .a3 { left: 290px; width: 159px;}
.common-bottom .intro { position: absolute; right: 5px; top: 163px; width: 200px; font-size: 14px; line-height: 30px; color: #fff;}
.common-bottom .intro .qrcode { margin-top: 19px; text-align: right;}
.common-bottom .intro .qrcode img { width: 91px; height: 91px;}
.common-bottom .imgs a { position: absolute;}
.common-bottom .imgs a em { display: none; position: absolute; background: #000; opacity: .5; filter: alpha(opacity=50);}
.common-bottom .imgs .img1 { left: 224px; top: 141px; width: 465px; height: 359px; background: url(../images/v2/bottom-img1-bg.png) no-repeat;}
.common-bottom .imgs .img1 img { margin: 39px 0 0 44px;}
.common-bottom .imgs .img1 em { left: 44px; top: 39px; width: 376px; height: 282px;}
.common-bottom .imgs .img1 span { position: absolute; right: 10px; top: 6px; width: 197px; height: 347px; background: url(../images/v2/bottom-img-gloss.png) no-repeat;}
.common-bottom .imgs .img2 { left: 45px; top: 162px; width: 293px; height: 359px; background: url(../images/v2/bottom-img2-bg.png) no-repeat;}
.common-bottom .imgs .img2 img { margin: 16px 0 0 18px;}
.common-bottom .imgs .img2 em { left: 15px; top: 13px; width: 263px; height: 348px;}
.common-bottom .imgs .img3 { left: 630px; top: 281px; width: 119px; height: 248px; background: url(../images/v2/bottom-img3-bg.png) no-repeat;}
.common-bottom .imgs .img3 img { margin: 34px 0 0 9px;}
.common-bottom .imgs .img3 em { left: 9px; top: 34px; width: 101px; height: 178px;}
/* @end 搴曢儴 */

/*footer*/
.site-info{ background:#2b2e31; border-top:5px solid #af2222; margin-top:20px;}
.site-info .condenast-nav{ height:35px; padding:23px 28px 0 28px; border-bottom:1px solid #393a3c;}
.site-info .condenast-nav .cn-logo{display:block; width:105px; height:27px; float:left; background-position:0 -63px;}
.site-info  p{ color:#fff;font-size:14px; float:left; display:inline; }
.site-info  p a{ color:#fff; display:inline-block; margin-left: 30px; margin-right: 30px;}
.site-info  p a:hover { color: #fff;}
.site-info  p span{ color:#7c7d7d;}

.site-info .footer-nav{height:110px; padding:10px 0 0 0;}
.site-info .footer-nav .self-logo{display:block; width:133px; height:27px; float:left;}
.site-info .footer-nav p{margin-left:40px; width:780px; margin-top:8px;}
.site-info .footer-nav .copyright{ width:410px; margin:10px auto; line-height:18px; color:#959798; text-align:center; font-size:12px;}
.site-info .footer-nav .copyright a{ color:#959798;}

.site-info { border-width: 10px;}
.site-info .inner-wrapper { background: none;}
/*mini-headfoot*/
.mini-nav{ height:40px; background:#000; overflow: hidden;}
.mini-nav .logo{float:left; display:block;}
.mini-nav ul{ float:left; height:16px; line-height:16px; margin-top:12px; }
.mini-nav ul li{ float:left;height:16px; padding:0 6px; border-right:1px solid #333333; }
.mini-nav ul li.last{ border-right:none;}
.mini-nav ul li a{ color: #e7e6e6;}
.mini-nav ul li a:hover{ color: #e7e6e6;}
.mini-nav .topinfo { float: right; margin-right:3px;margin-top:12px; color:#e7e6e6;}
.mini-nav .topinfo .login-info a{ color:#e7e6e6; margin-right:5px; margin-left:5px;}
.mini-nav .topinfo .login-info a{color:#e7e6e6;margin-left:3px; margin-right:3px;}
.mini-nav .topinfo .login-info a.qq{ display:inline-block;width:54px; height:16px; margin-left:3px; margin-right:3px; padding:0; /*background:url(../images/qq.png) no-repeat;*/ vertical-align:text-bottom;}
.mini-nav .topinfo .login-info a.sina{  display:inline-block;width:54px; height:16px;margin-right:3px; padding:0;/*background:url(../images/sina.png) no-repeat left center;*/vertical-align:text-bottom;}
.mini-nav .topinfo span{ color:#333}

/*鍙充晶鎵嬫満鎺ㄥ箍妯″潡*/
.ad-mobile{ margin-bottom:10px; /*background:url(../images/moblie/mobile-bg.jpg) no-repeat;*/ height:240px;}
.ad-mobile a.ad-mobile-btn{ display:block; float:left; width:126px; height:47px; margin-top:144px; margin-left:27px; _display:inline}
.ad-mobile-slide{ float:left; width:97px; height:146px; margin-top:47px; margin-left:23px; overflow:hidden; position:relative; _display:inline}
.ad-mobile-slide ul{ position:absolute;}
.ad-mobile-slide li{ float:left;width:97px; height:146px; display:block;}
.ad-mobile-slide li a img{ border:none}
.ad-mobile-slide li a:hover img{ border:none}

/*鍙充晶鏉傚織搴旂敤妯″潡*/
.ipad-product .img-wrap { position:relative; } 
.ipad-product .img-wrap span { position:absolute; text-indent:-999em;}
.ipad-product .img-wrap img, .ipad-product .img-wrap a:hover img, .ipad-product ul.clearfix img, .ipad-product ul.clearfix a:hover img  { border:none;}
.ipad-product .tac { height:49px; text-align:center;}
.ipad-product .tac a { display:inline-block; width:154px; height:49px; /*background:url(../images/ipad-btn-appstore.png) no-repeat;*/}
.ipad-product .tac a span { display:none;}
.ipad-product ul { font-size:16px; line-height:19px; text-align:center;}
.ipad-product li { display:inline; float:left;}
.ipad-product li .caption { display:block; margin-top:10px;}

.ipad-self { width:298px; margin-bottom:10px;margin-top:10px; padding-bottom:25px; border:solid 1px #ddd; overflow:hidden}
.ipad-self h2 { height:41px; border-bottom:solid 1px #ddd; text-indent:-999em; /*background:url(../images/ipad-self-title.png) 27px 9px no-repeat;*/}
.ipad-self .img-wrap { padding:69px 0 38px 39px; /*background: url(../images/ipad-self.png) no-repeat 24px 54px;*/}
.ipad-self .img-wrap span { right:0; top:-1px; width:114px; height:115px; /*background:url(../images/ipad-self-deco.png) no-repeat;*/}
.ipad-self .more-products { height:41px; border-bottom:solid 1px #ddd; font-size:14px; line-height:41px;}
.ipad-self .more-products span { position:relative; top:21px; display:inline-block; width:145px; text-align:center; background:#fff;}
.ipad-self ul { margin-top:31px; padding-left:15px;}
.ipad-self li { width:5em; margin:0 20px 0 31px;}

/*濂ュlogo*/
.OMO{width: 133px;height: 144px;float: right;}
.new-icon{ display: block; position: absolute; width: 22px; height: 9px; left: 18px; top: 3px; /*background: url(../images/new.png) no-repeat;*/}
.try-tip{ display: none; }

/*寰俊浜岀淮鐮�*/
.floatTip{position:fixed;_position:absolute; /* left:50%;margin-left:516px; */ height: 220px;bottom:10px; right: 10px; z-index: 9999; width: 80px;}
.floatTip .weixin{width:78px; border: 1px solid #d9d9d9; /*background: url(../images/png-floatTip.png) repeat;*/ text-align: center;margin-bottom: 6px;}
.floatTip .weixin-title{display:inline-block; padding: 12px 0; line-height: 18px;color: #000;font-weight: bold;}
.floatTip .weixin-img{ height: 72px; position: relative;}
.floatTip .weixin-pic{ cursor:pointer;}
.floatTip .weixin .weixin-pop{position: absolute; bottom:-2px; left:-131px;width: 125px; height: 125px; padding-right: 10px;display: none;}
.floatTip .weixin .weixin-pop img{ width: 117px; height: 117px; padding: 3px; background: #fff; border: 1px solid #363636;}

/* @start 闈㈠寘灞戝鑸�*/
.gallery-crumb{ height: 38px; line-height: 38px; color: #9fa0a0;}
.gallery-crumb a, .gallery-crumb span{ color: #9fa0a0; margin-right: 8px;}
/* @end 闈㈠寘灞戝鑸�*/

/*浜у搧鐩稿叧鏍忕洰椤堕儴*/
#brand-header .special-nav-wrap { height: 40px; background: url(../images/v2/nav-main-bgr.gif); padding-top:10px; width: 100%; min-width: 1000px;}
#brand-header a { color: #fff; text-decoration: none;}
#brand-header a:hover {color: #ff9d82;}
#brand-header .special-nav { width:978px; margin: 0 auto; padding-left:22px;}
#brand-header .special-nav .logo { background: url(../images/v2/zt-logo.png) no-repeat left top; display: block; width: 164px; height:35px; float: left;text-indent: -9999px;}
#brand-header .special-nav ul { width: 650px; float:left; height: 32px; background: url(../images/v2/nav-main-list-bg.gif) left center no-repeat; margin-left:15px;}
#brand-header .special-nav ul li { padding: 0 16px;background: url(../images/v2/nav-main-list-bg.gif) right center no-repeat;  height: 32px; line-height: 32px; float: left; font-size: 14px;}
#brand-header .special-nav ul li.last { background: none;}
#brand-header .top-login { float: right; line-height: 36px;}
#brand-header .top-login a { margin-right:12px;}
#brand-header .top-login a:hover { color: #fff;}

@charset "utf-8";
/* CSS brand */
a:hover{color:#AF2222}

.brand .aside{width:300px;float:left;overflow:hidden;}
.brand .aside .brand-content{border:solid 1px #d5d5d6;padding:19px 0 35px;}
.brand .main{width:678px;float:right;border:solid 1px #d5d5d6;overflow:hidden;}
.brand .aside h1 img{border:solid 1px #d5d5d6;display:block;margin:0 0 20px 24px;}
.brand .aside h1 a:hover img{border-color:#000;}

.mt10{margin:10px 0 0;}

.text-s1{padding:0 0 0 19px;}
.text-s1 h3,.text-s1 strong{font-size:22px;font-family:"微软雅黑", "宋体"}
.text-s1 strong{font-size:14px;}
.buttons{height:30px;width:251px;background:url(../images/bg-radius.png) no-repeat;overflow:hidden;margin:15px 0 5px 19px}

.buttons a{display:inline-block;border-right:solid 1px #555759;border-left:solid 1px #303336;height:30px;line-height:30px;color:#959698;width:33px;float:left;background:url(../img/brand-icon.png) no-repeat;padding:0 0 0 28px;font-size:12px;}
.buttons a:hover,.buttons a.selected{text-decoration:none;color:#959698;background:url(../images/brand-icon-hover.png) no-repeat 0 0}
.buttons a:hover{color:#fff;}
.buttons a.selected{color:#fff;}
.buttons a.btn01{border-left:none;background-position:6px 10px;}
.buttons a.btn02{border-left:none;background-position:3px -18px;}
.buttons a.btn03{border-left:none;background-position:3px -47px;}
.buttons a.btn04{border-right:none;background-position:3px -77px;}

.share{padding:5px 0 15px 19px;height:25px;overflow:hidden;}

.text-s2{padding:0 19px;}
.text-s2 strong{font-family:"微软雅黑", "宋体";line-height:21px;font-weight:normal;font-size:14px;padding:0 0 12px 13px;display:block;background:url(../img/brand-icon.png) no-repeat -9px -108px }
.text-s2 strong i{display:block;}
.text-s2 p{width:260px; font-weight:normal}
.text-s2{line-height:22px;}
.text-s2 i{position:absolute;left:0;top:0;color:#8c8c8c;text-align:right;width:60px;display:inline-block;line-height:26px;height:26px;overflow:hidden;_left:-65px;}
.text-s2 p.posts{padding:0 10px 0 65px;position:relative;line-height:26px;;}
.dot{height:1px;background:#d5d5d6;overflow:hidden;margin:18px auto;width:260px;}
.text-s2 p.pr { text-align: right;  }


.brand .main h2{font-size:16px;text-align:center;padding:20px 0 0;height:23px;margin:0 14px;background:url(../img/brand-icon.png) repeat-x 0 -158px;position:relative}
.brand .main h2 span{background:#fff;padding:4px 10px 0;display:inline-block;height:18px;}
.brand .main h2 span.mh-option{position:absolute;right:10px;top:21px;font-size:12px;font-family:"微软雅黑", "宋体";padding:0}
.brand .main h2 span.mh-option i{font-family:"宋体"}
.brand .main h2 span.mh-option a{color:#666;}
.brand .main h2 span.mh-option a:hover{color:#AF2222;}
.top-tab{height:38px;border-bottom:solid 1px #d5d5d6}
.top-tab ul{padding:0 0 0 13px;position:absolute}
.top-tab ul li{line-height:38px;padding:0 12px;font-size:14px;height:38px;float:left;border-left:solid 1px #d5d5d6;}
.top-tab ul li.last{border-right:solid 1px #d5d5d6;}
.top-tab ul li a{color:#666;font-weight:normal;}
.top-tab ul li a:hover,.top-tab ul li.hover a{text-decoration:none;color:#000;border-bottom:solid 2px #000;font-weight:bold}
.top-tab ul li.hover{height:39px;background:#fff;}
.top-tab ul li a:visited{color:#666}

.image-list{padding:30px 0 0;}
.image-list ul li{float:left;margin:0 13px 15px;_display:inline;}
.image-list ul li p{text-align:center;padding:10px 10px 0;height:40px;}
.image-list ul li img{display:block;margin: 0 auto;width: 150px;    border: 1px solid #0000001a;}
.image-list ul li a:hover img{border-color:#AF2222;}
.image-list ul.w01 li{width:200px;}

.npcenter{text-align:center;font-family:"微软雅黑", "宋体";height:40px;padding:0 10px;line-height:40px;background:#e9eaea;width:980px;margin-top:0}
.npcenter .fl{float:left;}
.npcenter .fr{float:right;}

/*分页*/
.brand-pages .prepage span,.brand-pages .nextpage span{background:url(../images/articon.png) no-repeat}

.brand-pages{ margin-top:35px; margin-bottom:20px;height:40px;margin:0 8px;padding:20px 0 50px;}
.brand-pages .prepage{ display:block; float:left; height:40px; line-height:40px; width:78px; padding-left:22px;}
.brand-pages .prepage span{ background-position:0 -442px; padding-left:13px;}

.brand-pages .nextpage{display:block; float:right; height:40px; line-height:40px; width:73px; padding-left:27px;}
.brand-pages .nextpage span{ background-position:40px -422px; padding-right:13px;}
.brand-pages p{ width:462px; float:left; height:30px; padding-top:8px; background:#e9ebea; border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5; text-align:center;}
.brand-pages p a{ display:inline-block;width:21px; height:22px; line-height:22px; margin-right:8px; text-align:center;}
.brand-pages p a:hover{ text-decoration:none;}

.brand-pages .prepage,.brand-pages .nextpage{ background:#9d1110; color:#fff;}
.brand-pages .nextpage:hover{color:#fff;}
.brand-pages  p a.on{ border-bottom:2px solid #9d1110; color:#9d1110;}
.brand-pages  p a:hover{ border-bottom:2px solid #9d1110; color:#9d1110;}

.brand-pages .prepageno,.brand-pages .nextpageno{background:#E9EBEA;border:solid 1px #D5D5D5;height:38px;line-height:38px;padding-left:20px;color:}
.brand-pages .prepageno:hover span,.brand-pages .nextpageno:hover span{color:#9D1110;text-decoration:none}
.brand-pages .nextpageno{padding-left:25px;}
.brand-pages .prepageno span,.brand-pages .nextpageno span{background:url(../images/articon.png) no-repeat;color:#000}
.brand-pages .prepageno span{background-position:0 -486px;}
.brand-pages .nextpageno span{background-position:40px -465px;}


.pictext{padding:30px 14px 10px;}
.pictext .item { overflow:hidden;padding:0 0 20px;zoom:1}
.pictext .item .pic { float:left; margin-right:20px;position:relative;}
.pictext .item .pic span{ display:block; position:absolute;background:url(../images/pic-bg.jpg) no-repeat; width:59px; height:5px; display:block; right:0; top:140px;}
.pictext .item .pic img{display:block; border:1px solid #d5d5d5;}
.pictext .item .pic a:hover img{border:1px solid #AF2222;}
.pictext .item  h3{line-height:20px;font-family:"微软雅黑", "宋体";font-weight:bold;padding:20px 0 2px;font-size:15px}
.pictext .item  h3.general{padding:5px 0 2px}
.pictext .item  h3 a{ color: #000;}
.pictext .item  h3 a:hover{color:#AF2222;}
.pictext .item  p{line-height:22px;}
.pictext .item .info { overflow:hidden; zoom:1; }
.pictext .item .date{color:#7f7f7f;padding:0 0 3px;font-weight:normal;}
.pictext .item .btn{width:67px;height:25px;line-height:25px;font-family:"微软雅黑", "宋体";background:#000;border:none;text-align:center;color:#fff;display:block;}

.pictext .pb0,.pb0{padding-bottom:0}

.image-top{padding:10px 14px 0;margin:0 0 10px;}
.image-top img{display:block;}
.image-top strong,.image-top p{display:block;border:solid 1px #d5d5d6;padding:5px 10px;font-weight:normal;}
.image-top strong{border-width:0 1px 0 1px;font-size:14px;}
.image-top p{border-width:0 1px 1px 1px;font-size:12px;text-align:right;font-weight:normal;font-family:"微软雅黑", "宋体";}
.image-top p i{font-family:"宋体";}
.image-top p a{color:#666;}
.image-top p a:hover{color:#AF2222}
.crumb-nav{font-family:"微软雅黑","宋体";color:#666;height:40px;line-height:40px;margin-top:0;padding:0 0 0 15px; width:985px;}
.crumb-nav a{margin:0 2px;color:#666}

.brand-index{margin-top:0;position:relative;}
.brand-focuspic{background:#2a2e31;height:320px;padding:60px}
.scroll-brand{overflow:hidden;width:800px;height:300px;margin:0 auto;position:relative}
.scroll-brand ul{width:9999px;}
.scroll-brand ul li{float:left;}
.scroll-brand ul li img{display:block}

.brand-index a.brand-left-btn,.brand-index a.brand-right-btn{background:url(../images/bg-arrow.png) no-repeat 0 0;width:23px;height:48px;position:absolute;top:190px;left:45px;}
.brand-index a.brand-left-btn:hover{background-position:-48px 0;}
.brand-index a.brand-right-btn{left:930px;background-position:-73px 0}
.brand-index a.brand-right-btn:hover{background-position:-24px 0}

.a-z{background:#d5d5d6;height:60px;line-height:60px;font-family:"微软雅黑","宋体";border-top:solid 1px #fff;font-size:14px;text-align:center;}
.a-z a{margin:0 11px;}
.hd-az{height:80px;position:relative;margin:10px 0 0}
.hd-az .line{height:2px;background:#000;overflow:hidden;position:absolute;z-index:1;width:974px;left:14px;top:43px}
.hd-az span{display:block;width:80px;position:absolute;background:#fff;z-index:2;font-family:Georgia, "Times New Roman", Times, serif;font-size:60px;left:460px;top:0;text-align:center;line-height:80px;}
.w0-9 span{width:120px;left:440px;top:-5px;}
.image-index{overflow:hidden;width:990px;}
.image-index ul{width:1100px;}
.image-index ul li{float:left;width:118px;height:155px;text-align:center;padding:0;margin:0 29px 0 0}
.image-index ul li p{text-align:center;line-height:20px;}
.image-index ul li img{border:solid 1px #cdcdcd;margin-bottom:6px\9;}
.image-index ul li a:hover img{border-color:#AF2222;}

.share span,.share .self_jiathis{float:left;display:inline-block;vertical-align:middle;}





/*收藏*/
.login-box{ width:592px; height:292px;  background:url(../images/vogue-loginbg.png) no-repeat; display:none; position:absolute; top:100px; left:40%; z-index:80000;}
.login-close{ display:block; text-align:right; margin-top:20px; margin-right:20px; width:100px; float:right;}
.login-close img,.login-close img:hover{ border:none;}
.login-title{ display:block; font-size:14px; font-weight:bold; color:#000; margin-left:45px; height:20px; line-height:20px; float:left; margin-top:30px;}
.login-Lblock{ width:330px; height:160px; float:left; margin-left:45px; margin-top:20px; border-right:1px solid #e5e5e5; display:inline;}
.login-Lblock p{ height:30px; line-height:30px; margin-bottom:10px;_margin-bottom:0px;}
.login-Lblock p span{ display:inline-block; width:60px; text-align:right; font-size:14px;}
.login-Lblock  .login-twxl em{ background:url(../images/login-xial.png) no-repeat; width:207px; height:30px; display:block; float:left; margin-left:3px;}
.login-Lblock  .login-twxl em a{ font-style:normal; font-size:14px; color:#666666; margin-left:5px;}
.login-Lblock  .login-twxl  span{display:block; line-height:30px; float:left;}
.login-input{ background:url(../images/login-textbg.png) repeat-x; width:220px; height:20px; border:1px solid #b2b2b2; margin-left:3px; color:#333; padding:5px;}
.login-check{ margin-left:45px;}
.login-check input{ display:block; float:left; margin-top:8px; margin-right:3px; margin-left:18px;}
.login-check a{ color:#c92027; margin-left:10px; display:inline-block;}
.login-btnbox{ height:27px; padding:12px 60px; background:#f0f0f0; width:460px; margin-left:6px; margin-top:8px;}
/*.login-btn{ background:url(../images/login-btn.png) no-repeat; border:none; cursor:pointer; text-align:center;color:#fff; width:96px; height:27px; line-height:27px; font-family:"寰蒋闆呴粦"; }*/

.login-Rblock{ width:170px; float:left;  padding:20px 0 0 28px; line-height:20px;}
.login-Rblock .login-rzhtext{ font-size:14px; color:#000; font-weight:bold;}
.login-Rblock a.login-rzc{ display:block; color:#cb2229; font-size:14px; line-height:20px; font-weight:bold;}
.login-Rblock .login-kjdl{ margin-top:20px; font-size:14px; line-height:20px;}
.login-Rblock .login-kjdl a{ display:block; margin-top:5px;}
.login-Rblock .login-kjdl a img,.login-Rblock .login-kjdl a img:hover{ border:none;}



.login-box .share{ margin-left:33px; margin-top:13px;}
.share-poptitle{ margin-top:36px; margin-left:33px; font-size:14px; line-height:24px;}
.share-poptitle a,.share-kjsc a{ color:#da030b; font-weight:bold;}
.login-box .share{ display:block; font-size:14px; height:16px; line-height:16px;}
.login-box .share-text{ width:515px; height:90px; background:url(../images/login-textbg.png) repeat-x; border:1px solid #cccccc; margin-top:5px; font-size:12px; line-height:20px; padding:5px; margin-bottom:7px; display:block; margin-left:33px;}
.login-rbtn{background:url(../images/login-rbtn.png) no-repeat; border:none; cursor:pointer; text-align:center;color:#fff; width:96px; height:27px; line-height:27px; font-family:"寰蒋闆呴粦"; margin-left:100px; }
.login-gbtn{background:url(../images/login-gbtn.png) no-repeat; border:none; cursor:pointer; text-align:center;color:#fff; width:96px; height:27px; line-height:27px; font-family:"寰蒋闆呴粦"; margin-left:10px;}


.share-sucess{ font-size:35px; font-family:"微软雅黑";margin-left:33px; height:35px; margin-top:25px;}
.share-sucess2{ font-size:35px; font-family:"微软雅黑";margin-left:33px; height:123px; text-align:center; margin-top:105px;}
.share-jybox{ background:#fff0c2; border:2px solid #ffd473; height:37px; line-height:37px; width:518px; margin-left:33px; margin-top:25px; text-align:center; color:#d37846; font-size:14px;}
.share-jybox span{ color:#ff0000; font-size:20px; font-weight:bold;}
.login-box .share-kjsc{margin-left:33px; margin-top:25px; font-size:14px; line-height:22px; height:44px; margin-bottom:41px;}



.mask{position:absolute; top:0px; left:0; z-index:20000 !important; background:#000; display:none;}
.mask iframe{background:#000;border:none; width:100%; height:100%;}
.brand-content .text-s2 p{width:auto;word-wrap:break-word}
#detail-box{ height:220px; overflow: hidden;}




/*悦己525活动*/
.borderTop{ border-top:1px solid #D5D5D6;}
.self525{ width: 642px; margin: 15px auto; }
.brandImg img{ border: 1px solid #cccccc; width: 640px; margin-bottom: 20px;}
.gainImg{ position: relative; width: 640px; height:290px; margin-bottom: 15px; }
.gainImg  img{border: 1px solid #cccccc;margin-bottom: 20px;}
.gainImg .btn{ position: absolute; right:20px; top:220px; display: block; width: 182px; border-radius: 3px;  background:#c30f0e; height:48px; line-height: 48px;  color: #fff; text-align: center; font-size:18px; font-family: 'Microsoft Yahei';  }

@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,footer,header,menu,nav,section {
	margin:0;padding:0;
}
body{font-family:"Microsoft Yahei"; font-size:12px;color:#000;background:#fff;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;word-break:break-all;}
h1,h2,h3,h4,h5,h6 { font-size:100%; }
table{ border-collapse:collapse;border-spacing:0; }
input { outline:0; }
img{ border:0; }
ol,ul {list-style:none;}
em,i {font-style:normal;}
a {color: #000;text-decoration: none;outline: 0;}
.fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-hide { display:none; }
button{ background:none; border:none}
button strong{ display:none}
input[type=button]{ cursor:pointer}
a.title{ display:block}
.pic a{ display:block}
img{ vertical-align:top}
h1,h2,h3,h4{ font-weight:normal}
/*frame*/
.main-panel{ position: absolute; width:100%;}
.wrapper{
	position: absolute;
	width:100%;
	left: -5px;
	top: -4px;
}
.w_320{ width:320px; margin:0 auto;}/*320居中显示*/
article{padding-top:25px;}
/*frame end*/

/*nav*/
.nav-panel{ position:absolute; width:80%; border-right:1px solid #000; left:-100%; z-index:3}
nav li{ height:35px; line-height: 35px; background:#3f4242 url(../images/icon_arrow.png) no-repeat 98% center; background-size:11px 17px; -webkit-background-size:11px 17px; border-top:1px solid #545756; border-bottom:1px solid #292c2c; padding-left:16px;}
nav li a{ color:#FFF; font-size:17px; display:block;}
nav li .free-try { color: #c04150;}
nav li:active{ background-color:#262728}
nav li.on{ background-color:#262728}
.nav-panel section{ display:block;}
.nav-panel section p{ font-size:17px; height:35px; line-height: 35px; background:#3f4242;border-top:1px solid #545756; border-bottom:1px solid #292c2c; display: -webkit-box; -webkit-box-orient: horizontal;}
.nav-panel section p span{ width:16px; display:block; color:#555; text-align:center}
.nav-panel section p a{ display:block; -webkit-box-flex: 1; -webkit-box-align: center; text-align:center; color:#FFF; width:50%;}
.nav-panel .icon_mobile{ display:inline-block; background:url(../images/icon_mobile.png) no-repeat top; width:16px; height:16px; margin-bottom:5px; margin-right:2px; background-size: contain; -webkit-background-size: contain; vertical-align:middle;}
.nav-panel .icon_computer{ display:inline-block; background:url(../images/icon_computer.png) no-repeat top; width:16px; height:18px;background-size:contain;-webkit-background-size:contain; margin-right:2px; vertical-align:middle; }
.nav-panel .links{ padding-top:57px; text-align:center; display:block; color:#FFF; font-size:15px}
footer{ background:#3f4242;border-top:1px solid #545756; text-align:center; padding-top:52px; padding-bottom:23px;}
footer p{ line-height:20px; color:#FFF; font-size:12px;}
/*nav end*/

/*header*/
.header{ position: fixed; left:0px; top:0px; width:100%; height:50px;background:#000; line-height:50px; text-align:center; z-index:2;overflow:hidden;}
.beauty .header{ background:#ce6876}/*美容*/
.fashion .header{ background:#000}/*潮流*/
.growup .header{ background:#1A6591}/*成长*/
.sex .header{ background:#583672}/*男女*/
.living .header{ background:#DC7B06}/*乐活*/
.health .header{ background:#327023}/*健康*/
.people .header{ background:#8E1D1D}/*人物*/
.community .header{ background:#0F8BB1}/*论坛*/
.magazine .header{/* background:#8E1D1D*/}
.blog .header{ /*background:#ad3c71*/}


.menu-trigger{ position: absolute; width:25px; height:21px; }
.header .logo{ width:142px; height:23px; display:inline-block; font-size:22px; color:#FFF; line-height:23px; margin-top:13px;}
.header .index-logo{background:url(../images/icon_menu.png) no-repeat;background-size: contain; -webkit-background-size: contain; width:142px; height:23px; display:inline-block; text-indent:-999px; overflow:hidden; margin-top:13px;}
.header .btnbox{ position:absolute; width:80px; height:35px;top:7px; right:8px;}
.header .btn-left{ display:inline-block; width:35px; height:35px; background:url(../images/nav_left.png) no-repeat;background-size:contain; -webkit-background-size:contain; margin-right:5px;}
.header .btn-right{ display:inline-block; width:35px; height:35px;  background:url(../images/nav_right.png) no-repeat;background-size:contain; -webkit-background-size:contain; }
.header .btn-left.last{ background-image:url(../images/nav-on_left.png);}
.header .btn-right.last{ background-image:url(../images/nav-on_right.png);}
/*header end*/

/*tab menu*/
.tab-menu{  display: -webkit-box;background:#e9eaea;}
.menu-item{ -webkit-box-flex: 1;-webkit-box-align: center; text-align:center; height:39px; line-height:39px;  border-bottom:1px solid #d1d2d2; color:#747575; font-size:17px;font-weight:600}
.menu-item.cur{ background:#FFF; }
.menu-item.cur a{color:#000;}
.menu-item a{color:#747575; display:block;}
.tab-menu .line{ width:1px; height:39px; background:#d1d2d2 -webkit-background-size:100% 39px; border-bottom:1px solid #d1d2d2;}
/*tab menu*/

/*查看更多*/
.view-more{ text-align:center; height:10px; border-bottom:3px solid #000; margin:25px 10px 20px; text-align:center}
.view-content{ display:inline-block; background:#FFF; font-size:18px; line-height:18px; margin-bottom:-10px; font-weight:bold;}
.view-content .arrow_left{ display:inline-block; width:10px; height:10px; background:url(../images/arrow_left.png) no-repeat;background-size: contain; -webkit-background-size: contain; margin:0 10px;}
.view-content .arrow_right{ display:inline-block; width:10px; height:10px; background:url(../images/arrow_right.png) no-repeat;background-size: contain; -webkit-background-size: contain; margin:0 10px;}
/*查看更多 end*/

.gotop{ display:none; position:fixed; right:0; bottom:0; width:44px; height:44px;background: url(../images/backtotop.png) no-repeat; z-index:1000}
.fix-box{ display:; position:fixed; bottom:0; width:100%}
.fix-bookmark{ background:url(../images/Bookmark-icon.png) no-repeat;z-index:100}
.fix-bookmark{width:233px;height:80px;background-position:0 0;position:relative; margin:0 auto}
.fix-bookmark-close{ position:absolute; right:4px; top:3px;width:14px;height:14px; background:url(../images/close.jpg) no-repeat; background-size:contain; cursor:pointer; display:block;}
.fix-bookmark .icon-logo{width:51px;height:50px; background:url(../images/iphone-icon.png) no-repeat;background-size: contain;-webkit-background-size: contain;border:1px solid #b5b5b5;border-radius:8px;-moz-border-radius:8px;box-shadow: 0px 0px 3px #b5b5b5; float:left; margin-left:11px; margin-top:9px; margin-right:4px;}
.fix-bookmark p{ padding-top:6px; padding-right:13px; padding-left:74px; line-height:18px;}
.icon-add{width:18px;height:14px; background:url(../images/add.jpg) no-repeat; background-size: contain; margin:0 10px; vertical-align:middle; display:inline-block}

/* 底部banner */
.self525-banner { display: none; position: fixed; z-index: 1001; left: 0; bottom: -61px; right: 0; height: 61px; background: #e5297f; -webkit-tap-highlight-color: rgba(0,0,0,0);margin-bottom: 0!important;}
.self525-banner .bg { width: 320px; height: 100%; margin: 0 auto; background:url(../images/self525-banner.jpg) no-repeat; background-size:contain;}
.self525-banner .bg a { float: right; width: 276px; height: 100%;}
.self525-banner .bg span { float: left; width: 44px; height: 44px; margin-top: 10px;}

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

.brand-hd{ height:175px; padding:25px 10px 0 20px; border-bottom:9px solid #2b2e31; display: -webkit-box;-webkit-box-orient: horizontal;}
.brand-hd .pic{ width:148px; height:148px; padding:1px; border:1px solid #ddd;box-shadow: 0px 0px 12px #888; -webkit-box-shadow: 0px 0px 12px #888;}
.brand-hd .info{ text-align:center; line-height:20px; font-size:15px; -webkit-box-flex: 1;-webkit-box-align: center; margin-top:60px; font-weight:normal}

.brand-bd .content{ padding: 0px 10px 30px 10px;}
.brand-index{ border-top:2px solid #e8e8e8; padding-top:13px;}
.brand-index .box{display: -webkit-box;-webkit-box-orient: horizontal;}
.brand-index .left{-webkit-box-flex: 1;-webkit-box-align: center; margin-left:10px;}
.brand-index .right{ width:148px; margin-left:10px;}
.brand-index .left a{ display:inline-block; width:40px; height:40px; background:#FFF; border:1px solid #efefef; text-align:center; line-height:40px; margin-right:6px; margin-bottom:8px; color:#000;font-size:20px;}
.brand-index .left a.on{ background:#c40d0d; color:#FFF;}
.brand-index .right{ margin-bottom:20px;} 
.brand-index .right .title{ height:42px;  background:#c40d0d; font-size:45px;}
.brand-index .right .title span{ display:block; height:19px; border-bottom:4px solid #d65656; margin-right:10px;}
.brand-index .right .title i{ font-family:Georgia; display:inline-block; padding:0 20px 0 10px; background:#c40d0d; color:#FFF; line-height:42px; margin-bottom:-25px; vertical-align:top}

.brand-index .right ul li{ height:44px; line-height:44px;border-bottom:1px solid #e4e4e4;}
.brand-index .right ul li a{ vertical-align:middle;line-height:18px;width: 147px;}

.brand-gk .title{ font-weight:bold; font-size:17px; color:#666; margin-bottom:5px;}
.brand-gk .info{ margin-bottom:15px;}
.brand-gk .info a{ text-decoration:underline}
.brand-gk .detail{font-size:14px}
.brand-gk .info,.brand-index .detail{ line-height:24px; font-size:14px}

.brand-dp .item{ display: -webkit-box;-webkit-box-orient: horizontal; margin-bottom:25px;}
.brand-dp .item .pic{ width:100px; height:100px;box-shadow: 0px 0px 12px #888; -webkit-box-shadow: 0px 0px 12px #888;}
.brand-dp .item .info{ -webkit-box-flex: 1;-webkit-box-align: center; line-height:24px; font-size:17px; padding:10px 24px; overflow:hidden}

.brand-act .item{ text-align:center; min-height:330px; color:#7f7f7f;}
.brand-act .item .pic{ width:245px; height:120px;box-shadow: 0px 0px 12px #888; -webkit-box-shadow: 0px 0px 12px #888; margin:0 auto}
.brand-act .item .title{ font-size:17px; line-height:24px; margin-bottom:0; color:#000; font-weight:normal; margin-top:10px;}
.brand-act.item .time{ font-size:11px; color:#555; line-height:15px; display:block}


/*焦点图*/
.focus{ position:relative; width:320px; margin:0 auto;}
.focus-box{ height:120px; width:320px; overflow:hidden}
.focus-box li{width:320px; height:120px;float:left; overflow:hidden}
.focus-box li .pic{ width:320px;}
.focus-button .prev{ position:absolute; top:52px; left:0; background:url(../images/prev.png) no-repeat; width:10px; height:18px;background-size: contain; -webkit-background-size: contain;}
.focus-button .next{ position:absolute; top:52px; right:0; background:url(../images/next.png) no-repeat; width:10px; height:18px;background-size: contain; -webkit-background-size: contain;}
.focus-nav{ text-align:center;}
.focus-nav li{ display:inline-block; background:#c6c6c6; width:7px; height:7px; margin:0 5px;border-radius:20px;-webkit-border-radius:20px;}
.focus-nav li.on{background:#000;}
/*焦点图end*/

/*试用产品推广入口*/
.try-container li { margin-bottom: 10px; text-align: center;}
.try-container li img { max-width: 100%; border: 1px solid #e5e5e5; vertical-align: middle; box-sizing: border-box;}
.try-container li .caption { position: relative; height: 59px; margin-top: 1px; padding: 0 15px; text-align: left; background: #f4f4f4 url(../images/trial-caption-deco.gif) 0 100% repeat-x; background-size: 5px 3px;}
.try-container li .caption h3 { height: 40px; overflow: hidden; margin-right: 60px; padding-top: 10px; font-size: 14px; line-height: 20px; color: #787878;}
.try-container li .caption span { position: absolute; right: 12px; top: 32px; width: 50px; text-align: center; font-size: 14px; color: #f05f5f;}
.try-container li .caption span::before { content: ''; position: absolute; right: 7px; top: -23px; width: 28px; height: 19px; background: url(../images/icon-users.png) no-repeat; background-size: contain;}


/* 品牌故事 */
.brand-article{ width: 650px; margin: 0 14px; padding: 20px 0; }
.brand-article .para{ width: 100%; }
.brand-article .para p{word-wrap: break-word; break-word: break-all; font-size: 14px; line-height: 24px;}

/*店铺地址*/
.stores-con { width: 650px; height:540px; margin: 0 auto;}
.stores-city { font-size:14px; margin-top:17px;  }
.stores-city span { padding:0 9px; }
.stores-city .more { display:inline; background:url(../images/arrow.jpg) no-repeat center left; padding-left:16px; position:relative;}
.more-city{ width:150px; background:#eee; position:absolute; top:20px; right:0;font-size:12px;}
.more-close{ width:10px; height:10px; background:url(../images/icon-close.jpg) no-repeat; position:absolute; right:8px; top:7px; cursor:pointer}
.more-city .more-hd{ height:25px; line-height:25px; background:#000; color:#FFF;  padding-left:8px;}
.more-city .more-bd{ width:140px; padding:8px; line-height:24px;}
.more-city .more-bd a{ padding-right:2px; white-space:nowrap;}
.stores-detail { width:673px; margin-top:22px; }
.stores-detail table { width:650px; }
.stores-detail table td { height:35px; }
.stores-detail table thead { background:#eee; height:22px; line-height:22px; margin-bottom:15px; }
.stores-detail table thead th { text-align:center; }
.stores-detail table .row1 { width:155px; overflow:hidden }
.stores-detail table .row2 { width:60px; overflow:hidden; text-align:left }
.stores-detail table .row3 { width:280px; overflow:hidden }
.stores-detail table .row4 { width:80px; overflow:hidden }


.brand-history{  padding:20px 15px;  }
.brand-history li{ margin-bottom:12px;font-size: 13px;}
.brand-history li span{ display: inline-block; width: 120px; vertical-align: top}
.brand-history li p{ display: inline-block; width: 524px; line-height: 24px;vertical-align: top}