﻿/*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",'PingFang SC','Lantinghei',Helvetica,Arial,"SimHei",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;*position:relative;overflow-x:hidden;}
a {color:#000;}
a:hover {color:#000;text-decoration:none !important;}
.header-master {position:relative;width:100%;z-index:8999;}
.header-master .nav li {float:left;}
.header-master .nav a {display:block;padding:0 20px;height:50px;line-height:50px;color:#fffefe;font-size:19px;font-weight:bolder;}
.header-master .nav a:hover,.header-master .nav .current {background:#454545;}
.header-master .header-wrapper {overflow:visible;position:relative;width:1200px;margin:0 auto;}
.header-master .logo-min {float:left;background:url(../images/logo.png);width:136px;height:40px;margin-top:16px;}
.header-master .logo-min a {display:block;width:136px;height:40px;}
.header-master .logo a,.header-master .title-celebrity,.header-master .title-fashion,.header-master .title-beauty,.header-master .title-life,.header-master .title-runway,.header-master .title-video,.header-master .logo-min a {overflow:hidden;text-indent:-100%;} 
.header-extend .nav-bar {background:#000;padding:0;} 
.header-extend .nav-bar .nav {float:left;margin:0 0px 0 20px;} 
.header-extend .nav a {height:70px;line-height:70px;}
.header-extend .nav a:hover,.header-extend .nav .current {background:#E60A81;}  
/*content*/
.wrapper {width:100%;overflow:hidden;}
.inner-wrapper {width:1000px;margin:0 auto;background-color:#FFF;}
.section {width:1000px;margin:0 auto;margin-top:20px;}
.section-nav {position:relative;width:1000px;height:42px;margin-bottom:20px;border-bottom:2px solid #000;}
.section .hezuo a {display: inline-block;width:118px;height:40px;line-height:40px;border:1px solid #eee;margin:0 22px 20px 0;float:left;text-align:center;-moz-box-shadow:2px 2px 5px #f1f1f1;-webkit-box-shadow:2px 2px 5px #f1f1f1;box-shadow:2px 2px 5px #f1f1f1;}
.about-us .section-nav h2 {left:35%;bottom:-4px;background-position:0 -40px;}
.section-nav h2 {position:absolute;left:43%;bottom:-24px;height:40px;padding:0 15px;overflow:hidden;text-align:center;font-size:25px;background:#FFF;}
.about-us .section-nav h2 a {width:355px;}
.section-nav h2 a {display:block;text-indent:-9999px;height:40px;}
.text-s2 {min-height:600px;margin-top:50px;clear:both;}
.text-s2,.text-s2 p {overflow:hidden;font-size:14px;line-height:24px;padding:0 20px 0 0;}
/*footer*/
.site-info {background:#2b2e31;border-top:5px solid #C1096F;height:auto;margin-top:30px;}
.site-info .condenast-nav{padding:23px 28px 0 28px; border-bottom:1px solid #393a3c;} 
.site-info .condenast-nav a{ line-height:35px;} 
.site-info  p {color:#fff;font-size:14px;}
.site-info  p a {color:#fff;display:inline-block;margin-left:7px;margin-right:7px;}
.site-info  p a:hover {color:#fff;}
.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;background:url(../images/footer.png) 0 -93px no-repeat;}
.site-info .footer-nav p {/*width:780px;*/ margin-top:8px;text-align:center;}
.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;}
/*maplist*/
.maplist {width:100%;}
.map-item {padding:30px 0 10px 0;background:url(../images/dotline.png) left bottom no-repeat;}
.map-item .left {width:120px;padding-left:15px;float:left;margin-right:30px;}
.maplist .fashion .left p {margin-top:82px;}
.maplist .fashion .left p a {color:#FF8040;}
.maplist .beauty .left p{ margin-top: 60px;}
.maplist .beauty .left p a {color:#FF80C0;}
.maplist .life .left p{ margin-top: 170px;}
.maplist .life .left p a{ color: #008000;}
.map-item .left p a {font-size:20px;font-weight:bold;}
.map-item .right {float:left;width:835px;}
.map-item .right ul {height:20px;overflow:hidden;margin-bottom:24px;}
.map-item .right ul li.tit {width:120px;height:20px;line-height:20px;margin-right:0;}
.map-item .right ul li {height:20px;line-height:20px;display:inline-block;float:left;margin-right:30px;}
.map-item .right ul li.tit a {font-size:16px;color:#444444;font-weight:bold;}
.map-item .right ul li.tag a {font-size:14px;color:#000;margin-right:15px;}
.InPad {display:none;}
@media screen and (min-width:320px) and (max-width:640px) {
a.notInPad,.notInPad {display:none;}
.InPad {display:block;} 
.g-doc {position:relative;} 
.m-topHead {width:100%;border-bottom:1px #e9e9e9 solid;}
.m-headMenu {position:absolute;height:200px;transform:translateY(-100%);-webkit-transform:translateY(-100%);left:0px;width:100%;z-index:111111;background:#FFF;-webkit-background-size:100%;background-size:100%;overflow:hidden;opacity:0.8;-webkit-animation:ico-animation 3s;box-shadow:2px 3px 8px #ddd;}
.m-headMenu table {width:100%;border-collapse:collapse;border:none;}
.m-headMenu td {width:25%;height:40px;font-size:15.04px;text-align:center;position:relative;}
.m-headMenu td,.m-headMenu th {border:none;}
.m-headMenu td a {color:#000;position:relative;height:100%;display:block;}
.m-headMenu td em {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.m-headMenu td:before {content:"";display:block;border:1px dotted #fff;border-width:0 1px 1px 0;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.3;}
.m-headMenu td:nth-child(4n) a {border-right:0px;}
.m-headNav {height:51.52px;background-color:#fff;position:relative;z-index:1;}
.m-headNav .aLogo {width:96px;height:22px;background-image:url(/static/phone/images/logo_index.png);-webkit-background-size:96px;background-size:96px;background-repeat:no-repeat;position:absolute;left:50%;top:50%;margin:-11px 0 0 -48px;}
.m-message-tips:after {content:"";width:7px;height:7px;border-radius:3px;background:#fb3a3a;display:block;position:absolute;right:0px;top:1px;}
.m-headNav .sMenu {width:23.36px;height:23.36px;position:absolute;left:14.08px;top:16.96px;position:absolute;background:url(/static/phone/images/sMenu.png) no-repeat;-webkit-background-size:23.36px;background-size:23.36px;z-index:5;}
.m-headNav .m-search {width:0.78rem;height:0.78rem;position:absolute;right:0.39rem;top:0.39rem;-webkit-background-size:0.75rem;background-size:0.75rem;}
.m-headNav .m-search {width:24.96px;height:24.96px;position:absolute;right:12.48px;top:12.48px;background:url(/static/phone/images/sMenu_search.png) no-repeat;-webkit-background-size:24.96px;background-size:24.96px;}
.showMenu {position:relative;}
.showMenu .m-headNav .sMenu {background:url(/static/phone/images/sMenu_show.png) no-repeat;-webkit-background-size:23.36px;background-size:23.36px;}
.menu-animate {transform:translateY(0%);-webkit-transform:translateY(0%);transition:transform 0.6s ease-in-out 0s;-webkit-transition:-webkit-transform 0.6s ease-in-out 0s;}
.menu-animate-two {transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:transform 0.6s ease-in-out 0s;-webkit-transition:-webkit-transform 0.6s ease-in-out 0s;}
.m-search-wrap {width:100%;position:absolute;}
.m-search-wrap input {width:99%;height:40px;font-size:18px;border-radius:0;transition:300ms;-webkit-transition:300ms;-moz-transition:300ms;}
.m-search-wrap:focus {outline:none;} 

.header-master {width:100%;position: static;}
.header-master .header-wrapper {width:100%;position: static;}
.content {width:92%;margin:0 auto;}
.inner-wrapper {width:100%;}
.section {width:100%;}
.header-extend .nav-bar .nav {margin: 0 20px;}
.header-master .nav li {width:33%;}
.header-extend .nav a {height: 50px;line-height: 50px;}
.header-master .nav a {padding: 0 15px;font-size: 16px;}
.section-nav {width:100%;}
.section-nav h2 {left:auto;right:auto;}
/*map*/
.map-item .left {width:20%;padding-left: 3%; margin-right: 5%;}
.map-item .right {width:72%;}
.map-item .right ul li.tit {width:30%;}
.map-item .right ul li.tag {width:65%;}
.map-item .right ul li {margin-right: 2%;}
.map-item .right ul li.tag a {margin-right: 2%;}
/*footer*/
.site-info  p a {font-size:12px;margin:0 2px;}
}

