.g-title .title strong.fashion {width:240px;background-position:center top}
.g-title .title strong.fashion a {width:160px;margin-left:40px;}
.g-title .title strong.beauty {width:240px;background-position:center -50px}
.g-title .title strong.beauty a {width:160px;margin-left:40px;}
.g-title .title strong.luxury {width:240px;background-position:center -100px}
.g-title .title strong.luxury a {width:160px;margin-left:40px;}
.g-title .title strong.life {width:240px;background-position:center -150px}
.g-title .title strong.life a {width:160px;margin-left:40px;}
.g-title .title strong.fitness {width:240px;background-position:center -200px}
.g-title .title strong.fitness a {width:160px;margin-left:40px;}
.adReplay {right:-10px;top:-30px}
.m-first {padding-top:0}
.m-first .first {position:relative;width:100%;height:520px;padding-top:30px;margin:0 0 20px}
.m-first .first .g-focus {width:760px;height:510px;overflow:hidden;padding-top:10px}
.m-first .first .today {width:360px;height:520px;overflow:hidden}
.m-first .first .today .title {height:54px;background:url("/img/bg_column_first.png") no-repeat 0 -67px;overflow:hidden;width:100%;text-indent:-150px}
.m-first .first .today .news {height:420px;overflow:hidden}
.m-first .first .today .news div {height:46px;background:url("/img/bg_column_first.png") no-repeat 0 -132px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:18px;padding:14px 0 0}
.m-first .first .today .news_ad {height:51px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:18px;padding:15px 0 0}
.m-first .first .today .change {background:url("/img/line-black.png") repeat-x left center;height:40px;overflow:hidden;width:360px}
.m-first .first .today .change div {width:150px;height:36px;border:2px solid #000;margin:0 auto;padding:0 0 0 46px;line-height:36px;background:#fff;cursor:pointer}
.m-first .first .today .change span {display:block;width:24px;height:24px;float:left;margin:7px 15px 0 0;background:url("/img/bg_column_first.png") no-repeat -60px 0;cursor:pointer}
.m-first .first .hot {position:absolute;z-index:5;top:0;left:0}
.m-first .first .hot .hotnews {margin:22px 0 0;width:370px;height:18px;overflow:hidden;color:#5a5b5d}
.m-first .first .hot .hotnews span {float:left;margin:0 5px 0 0}
.m-first .first .hot .hotnews div {float:left;height:100px;overflow:hidden;width:320px}
.m-first .first .hot .hotnews ul {width:320px;overflow:hidden;height:20px}
.m-first .first .hot .hotnews li {float:left;margin:0 20px 0 0;height:20px;width:140px;overflow:hidden}
.m-first .first .hot .hotnews a {color:#5a5b5d}
.m-first .first .hot .hotnews a:hover {color:#f60}
.m-first .sec {margin:0 0 20px}
.m-first .sec .top {position:relative}
.m-first .sec .top .g-pic {width:300px;height:250px;margin:0 0 20px}
.m-first .sec .top .news {width:440px;height:520px;overflow:hidden;position:absolute;right:0;top:0}
.m-first .sec .top .news .pic,.m-first .sec .top .news .mask,.m-first .sec .top .news .info {width:440px;height:520px;overflow:hidden}
.m-first .sec .top .news .mask {position:absolute;z-index:1;background:#000;left:0;top:0;background:-moz-linear-gradient(top right,transparent 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 80%);background:-webkit-linear-gradient(top right,transparent 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 80%);background:-o-linear-gradient(top right,transparent 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 80%);background:-ms-linear-gradient(top right,transparent 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 80%);background:linear-gradient(top right,transparent 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 80%)}
.m-first .sec .pics .g-focus {width:300px;height:250px;float:left;margin:0 20px 0 0}
.m-first .sec .pics .g-focus .point {right:10px;bottom:2px}
.m-first .sec .pics .g-pic {width:210px;height:250px;float:left;margin:0 20px 0 0}
.m-first .sec .pics .g-pic.last {margin:0}
.m-first .list-focus {width:760px;height:510px;}
.m-first .list-focus .foucs {width:760px;height:510px;}
.m-first .list-focus .foucs .item {width:760px;height:510px;}
.list-focus {width:760px;height:420px;overflow:hidden;position:relative;margin-bottom:20px}
.list-focus img {vertical-align:top}
.list-focus .foucs {width:760px;height:420px;position:absolute;left:0;top:0}
.list-focus .foucs .item {width:760px;height:420px;overflow:hidden;position:absolute;left:0;top:0;display:none}
.list-focus .foucs .item a {text-decoration:none}
.list-focus .foucs .item.on {display:block}
.list-focus .foucs .item .line {width:718px;height:378px;border:1px solid #fff;position:absolute;left:20px;top:20px}
.list-focus .foucs .item .tit {width:410px;height:34px;overflow:hidden;padding:10px;background:#fff;position:absolute;left:164px;bottom:10px;text-align:center;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.list-focus .foucs .item .tit h2 {color:#989898;line-height:22px;height:22px}
.list-focus .foucs .item .tit h3 {color:#222;width:410px;line-height:30px;height:30px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.list-focus .foucs .item .tit.on {display:block}
.list-focus .foucs a:hover .tit h2,.list-focus .foucs a:hover .tit h3 {color:#f60}
.list-focus .point {position:absolute;right:22px;bottom:22px;z-index:9}
.list-focus .point span {cursor:pointer}
.picShow {width:760px;overflow:hidden}
.picShow.noMargin {margin-bottom:0}
.picShow img {vertical-align:top}
.picShow a {display:block}
.picShow .mask {width:780px}
.picShow .g-pic {float:left;margin-right:20px}
.picShow .pic1 {width:240px;height:250px}
.picShow .w300 {width:300px}
.trend_calendar {width:360px;height:691px;background:#e4e4e4;position:relative;margin-bottom:20px}
.trend_calendar h2 {height: 34px;background:#E4E4E4;text-align: center;padding-top: 10px;margin-bottom: 20px;padding-left: 0px;}
.trend_calendar h2 span{display: inline-block;height: 35px;line-height: 35px;padding: 0 20px;background: #CBCBCB;color: #fff;font-size: 18px;}
.trend_calendar dl {width:320px;margin:20px auto 0;text-align:center}
.trend_calendar dt {width:320px;height:260px;overflow:hidden}
.trend_calendar dd {font-size:16px;color:#000;padding-top:10px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trend_calendar .date {width:100px;height:100px;text-align:center;color:#fff;background:url("/img/round.png") no-repeat;position:absolute;right:30px;top:30px;font-family:Arial}
.trend_calendar .date span {display:block;width:82px;margin:20px auto 4px;height:40px;font-size:30px;border-bottom:1px solid #fff}
.trend_calendar .date i {font-size:14px}
.cosmetic {background:#f9f4f6;border-bottom:4px solid #ffa7bc}
.cosmetic .diary {width:360px;overflow:hidden;margin-bottom:20px}
.cosmetic .diary h2 {height:34px;border-bottom:1px solid #f1e5ea;text-align:center;padding-top:10px;margin-bottom:20px}
.cosmetic .diary h2 span {display:inline-block;height:35px;line-height:35px;padding:0 20px;background:#ffa7bc;color:#fff;font-size:18px}
.cosmetic .diary dl {width:320px;overflow:hidden;background:#fff;margin:0 auto;text-align:center}
.cosmetic .diary dt {width:320px;height:260px;overflow:hidden}
.cosmetic .diary dd {width:320px;height:41px;overflow:hidden;line-height:41px;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.character {background:#f1ede3}
.character .high {width:320px;margin:0 auto 30px}
.character .high h2 {width:140px;height:34px;line-height:34px;text-align:center;margin:0 auto 20px;background:#b7a771;color:#fff;font-size:18px}
.character .high dt {width:320px;height:260px;text-align:center;overflow:hidden}
.character .high dd {width:300px;padding:0 10px;height:40px;line-height:40px;overflow:hidden;background:#fff;font-size:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.character .people {width:360px;overflow:hidden}
.character .people h2 {height:34px;overflow:hidden;border-bottom:1px solid #b7a771;margin-bottom:12px}
.character .people h2 span {display:block;height:34px;line-height:34px;width:140px;text-align:center;background:#b7a771;color:#fff;font-size:18px;margin:0 auto}
.character .people dl {width:270px;margin:0 auto}
.character .people dt {width:220px;height:220px;overflow:hidden;text-align:center;border-radius:50%;margin:0 auto}
.character .people dd {height:40px;line-height:40px;text-align:center;overflow:hidden;font-size:16px;color:#000;text-overflow:ellipsis;white-space:nowrap}
.live_treat .food {width:320px;height:380px;overflow:hidden;background:#000;padding:20px;margin-bottom:20px}
.live_treat .food dl {width:320px;background:url("/img/live_food.png") no-repeat;overflow:hidden;padding-top:95px}
.live_treat .food dt {width:320px;height:235px;overflow:hidden;text-align:center}
.live_treat .food dd {width:320px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#fff;padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live_treat .food dd a {color:#fff}
.live_treat .food dd a:hover {color:#f60}
.live_treat .test {width:320px;height:226px;overflow:hidden;background:#edecf3;border-top:4px solid #aba7ce;padding:0 20px 20px 20px}
.live_treat .test h2 {font-size:18px;color:#aba7ce;height:58px}
.live_treat .test h2 span {font-size:28px;margin-right:6px}
.live_treat .test dl {width:266px;overflow:hidden;margin:0 auto;color:#323232}
.live_treat .test dt {line-height:30px;font-size:18px;font-weight:bold;text-align:center}
.live_treat .test dd p {width:266px;height:108px;line-height:27px;font-size:14px;overflow:hidden;margin-bottom:20px;color:#5a5b5d}
.live_treat .test dd .join {width:120px;height:40px;display:block;margin:0 auto;text-align:center;line-height:40px;background:#aba7ce;color:#fff;font-size:18px;border-radius:4px}
.live_treat .test dd a:hover {color:#f60}
.flinks {width:1160px;margin:20px auto;}
.flinks span {margin-right:20px;color:#000;}
.flinks a {margin-right:10px;display:inline-block;color:#666;}
/*blist*/
.bm_list2 {clear:both;padding-top:20px;}
.bm_list2 li {float:left;display:inline;position:relative;width:216px;margin-left:20px;}
.bm_list2 li.first {margin-left:0;}
.aniTit {display:block;position:relative;overflow:hidden;zoom:1;}
.bm_list2 .tpic {width:216px;height:130px;display:block;overflow:hidden;}
.bm_list2 li .title {height:40px;font:16px/40px "Microsoft Yahei";display:block;overflow:hidden;text-align:center;}
.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:80px;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(/img/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(/img/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(/img/sMenu_search.png) no-repeat;-webkit-background-size:24.96px;background-size:24.96px;}
.showMenu {position:relative;}
.showMenu .m-headNav .sMenu {background:url(/img/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;}
/*common:index*/
.m-first .first {height:auto;padding-top: 20px;margin: 0;}
.m-first .first .g-focus {width:100%;height:auto;}
.m-first .list-focus .foucs {width:100%;height:auto;}
.m-first .list-focus .foucs .item {width:100%;height:auto;}
.m-first .list-focus .foucs .item img {width:100%;height:auto;}
.list-focus {margin-bottom: 0;}
.g-content {margin: 0;}

.m-content {margin-top:0.95rem;clear:both;}
.top-pic{position: relative;margin-bottom:0.95rem;}
.top-pic em,.top-pic i,.top-pic span{position: absolute;}
.top-pic em{/*width:4.38rem;*/text-align: center;top:0px;left:0px;padding:0.23rem 0.53rem;font-size:0.4rem;line-height:0.63rem;color:#fff;background-color:#FF6600;height:0.63rem;}
.top-pic img{width:100%;min-height:5.19rem;max-width:100%;display: block;}
.m-todayFocus .top-pic img{height:auto;}
.top-pic .iTxt{bottom:0px;left:0px;width:100%;height:3.8rem;background:linear-gradient(to bottom, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0, 0.56) 98%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));}
.top-pic .iTxt span{bottom:0.34rem;left:0px;width:100%;color:#fff;max-height: 0.78rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.m-picTxt,.m-photo{width: 92.5%;margin:0 auto 0.72rem;position: relative;}
.m-picTxt .top-pic{font-size:0.41rem;line-height:0.78rem;color:#fff;text-align: center;}

.artList {margin-bottom:2.35rem;clear:both;display:block;}
.artList li{height:2.65rem;margin-bottom:2.05rem;display:block;position: relative;}
.artList li:last-child{margin-bottom:0px;}
.artList li a{display: block;}
.artList img{max-width:100%;}
.artList .pPic{width:5.66rem;height:4.02rem;overflow:hidden;float: left;position: absolute;}
.artList .pTxt{float: left;margin-left:6.29rem;}
.artList .pTxt i{display: block;}
.artList .pTxt .i-channel{margin-bottom:0.59rem;font-size:0.38rem;line-height:0.6rem;color:#000}
.artList .pTxt .i-title,.artList .pTxt .i-summary{max-height:2.15rem;margin-bottom:0.16rem;font-size:0.89rem;line-height:1.13rem;color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.artList .pTxt .i-date{font-size:0.38rem;color:#999;line-height:0.4rem;display: none;}
.artList .pTxt .i-join{font-size:0.38rem;line-height:0.59rem;padding:0 0.28rem;position: absolute;bottom:0px;right:0px;border:1px #e60a81 solid;color:#e60a81;border-radius:0.09rem;}
}