@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; display: inline-block}
.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; top:50px; width:100%;}
.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{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; font-weight:normal}

.brand-bd .content{ padding:0 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;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;}

/*查看更多*/
.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(../img/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(../img/arrow_right.png) no-repeat;background-size: contain; -webkit-background-size: contain; margin:0 10px;}
/*查看更多 end*/