@charset "gb2312";
.g-title .title strong.fashion {
	width:240px;
	background-position:center top;
	text-align:center;
	font-size:40px; line-height:35px;
}
.g-title .title strong.fashion a {
	width:120px
}
.g-title .title strong.beauty {
	width:260px;
	background-position:center -50px;
	text-align:center;
	font-size:40px; line-height:35px;
}
.g-title .title strong.beauty a {
	width:130px
}
.g-title .title strong.luxury {
	width:220px;
	background-position:center -100px;
	text-align:center;
	font-size:40px; line-height:35px;
}
.g-title .title strong.luxury a {
	width:110px
}
.g-title .title strong.life {
	width:220px;
	background-position:center -150px;
	text-align:center;
	font-size:40px; line-height:35px;
}
.g-title .title strong.life a {
	width:110px
}
.g-title .title strong.men {
	width:200px;
	background-position:center -200px;
	text-align:center;
	font-size:40px; line-height:35px;
}
.g-title .title strong.men a {
	width:200px
}
.g-title .title strong.buy {
	width:220px;
	background-position:center -250px;
	text-align:center;
	font-size:40px; line-height:35px;
}
.g-title .title strong.buy a {
	width:110px
}
.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("imagesbg_column_first.png") no-repeat 0 -67px;
	overflow:hidden;
	width:100%;
	text-indent:-150px
}
.m-first .first .today .news {
	overflow:hidden
}
.m-first .first .today .news div {
	height:46px;
	background:url("imagesbg_column_first.png") no-repeat 0 -132px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:left;
	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("imagesline-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("imagesbg_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:760px;
	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:710px
}
.m-first .first .hot .hotnews ul {
	overflow:hidden;
	height:20px
}
.m-first .first .hot .hotnews li {
	float:left;
	margin:0 20px 0 0;
	height:20px;
	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 .anomalousDiv {
	display:block;
	height:150px;
	overflow:hidden
}
.m-first .sec .top .news .anomalousDiv h2 {
	color:#fff;
-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
transition:color .2s ease-in-out
}
.m-first .sec .top .news .anomalousDiv:hover {
	background:url("imagesnone.gif")
}
.m-first .sec .top .news .anomalousDiv:hover h2 {
	color:#f60
}
.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 .top .news .info {
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	padding:10px;
	width:420px;
	height:490px
}
.m-first .sec .top .news .info .title {
	text-indent:2em; line-height:26px; color:#FFF;
}
.m-first .sec .top .news .info h2 {
	line-height:36px;
	height:36px;
	overflow:hidden;
	font-weight:bold
}
.m-first .sec .top .news .info p {
	line-height:26px;
	color:#bbb;
	padding:10px 0 0;
	width:245px;
	border-top:1px solid #fff;
	border-top:1px solid rgba(255, 255, 255, 0.2)
}
.m-first .sec .top .news .info ul {
	padding:20px 0px 0px 0px;
}
.m-first .sec .top .news .info ul li {
	height:32px;
	border-bottom:1px solid #fff;
	color:#e4e4e4;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	line-height:32px
}
.m-first .sec .top .news .info ul li a {
	color:#e4e4e4
}
.m-first .sec .top .news .info ul li a:hover {
	color:#f60
}
.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:240px;
	height:250px;
	float:left;
	margin:0 10px 0 3px;
}
.m-first .sec .pics .g-pic.last {
	margin:0
}
.m-first .sec .ad_first {
	width:330px;
	height:368px;
	background:#f2f2f2;
	padding:20px 0 0 30px;
	margin:0 0 20px
}
.m-first .sec .ad_first .box {
	width:300px;
	height:250px;
	margin:0 0 15px
}
.m-first .sec .ad_first ul {
	width:320px;
	overflow:hidden
}
.m-first .sec .ad_first ul li {
	width:160px;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:3px 0 0;
	height:25px;
}
.m-first .sec .ad_first ul li a {
	color:#5a5b5d
}
.m-first .sec .ad_first ul li a:hover {
	color:#f60
}
.m-first .sec .tag_try {
	height:382px;
	width:360px;
	overflow:hidden;
	position:relative
}
.m-first .sec .tag_try .tag {
	height:50px;
	position:absolute;
	top:0;
	left:0;
	z-index:2
}
.m-first .sec .tag_try .tag span {
	display:block;
	width:180px;
	float:left;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#e5e5e5;
	color:#323232;
	cursor:pointer;
	position:relative
}
.m-first .sec .tag_try .tag span i {
	margin:0 0 0 -10px;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	width:0;
	height:0;
	line-height:0;
	position:absolute;
	left:50%;
	bottom:-20px;
	border:10px solid;
	border-color:#323232 #f2f2f2 #f2f2f2 #f2f2f2
}
.m-first .sec .tag_try .tag span.on {
	background:#323232;
	color:#e5e5e5
}
.m-first .sec .tag_try .tag span.on i {
	opacity:1;
	filter:alpha(opacity=100)
}
.m-first .sec .tag_try .con {
	padding:50px 0 0;
	background:#f2f2f2;
	height:332px;
	overflow:hidden;
	width:360px;
	position:relative;
	z-index:1
}
.m-first .sec .tag_try .con .try, .m-first .sec .tag_try .con .pingce {
	position:absolute;
	left:0;
	top:-320px;
	height:330px;
	overflow:hidden;
	width:360px
}
.m-first .sec .tag_try .con .try.on, .m-first .sec .tag_try .con .pingce.on {
	top:50px
}
.m-first .sec .tag_try .con .try .g-tag, .m-first .sec .tag_try .con .pingce .g-tag {
	width:340px;
	margin:15px auto 0;
}
.m-first .sec .tag_try .con .try .g-tag .box, .m-first .sec .tag_try .con .pingce .g-tag .box {
}
.m-first .sec .tag_try .con .try .g-tag .item, .m-first .sec .tag_try .con .pingce .g-tag .item {
	line-height:25px;
	text-align:left;
}
.m-first .sec .tag_try .con .try .g-tag .item .pic, .m-first .sec .tag_try .con .pingce .g-tag .item .pic {
	margin:0 auto 15px
}
.m-first .sec .tag_try .con .try .g-tag .item .pic img, .m-first .sec .tag_try .con .pingce .g-tag .item .pic img {
	width:200px;
	height:200px;
	overflow:hidden;
	border-radius:50%
}
.m-first .sec .tag_try .con .try .g-tag .item .total, .m-first .sec .tag_try .con .pingce .g-tag .item .total {
	font-family:arial
}
.m-first .sec .tag_try .con .try .g-tag .item a, .m-first .sec .tag_try .con .pingce .g-tag .item a {
	text-decoration:none;
	cursor:pointer
}
.m-first .sec .tag_try .con .try .g-tag .item a .title, .m-first .sec .tag_try .con .try .g-tag .item a .desc, .m-first .sec .tag_try .con .try .g-tag .item a .total, .m-first .sec .tag_try .con .pingce .g-tag .item a .title, .m-first .sec .tag_try .con .pingce .g-tag .item a .desc, .m-first .sec .tag_try .con .pingce .g-tag .item a .total {
	color:#323232;
	width:100%
}
.m-first .sec .tag_try .con .try .g-tag .item a:hover .title, .m-first .sec .tag_try .con .try .g-tag .item a:hover .desc, .m-first .sec .tag_try .con .try .g-tag .item a:hover .total, .m-first .sec .tag_try .con .pingce .g-tag .item a:hover .title, .m-first .sec .tag_try .con .pingce .g-tag .item a:hover .desc, .m-first .sec .tag_try .con .pingce .g-tag .item a:hover .total {
	color:#f60
}
.m-first .three {

}
.m-first .three .ads .ad_360_250 {
	width:360px;
	height:250px;
	margin:0 0 20px;
	overflow:hidden
}
.m-first .three .ads .ad_360_160 {
}
.m-first .three .ads .ad_360_160 .g-focus {
}
.m-first .three .ads .ad_360_160 .g-focus .point {
	right:10px;
	bottom:0px
}
.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:64px;
	overflow:hidden;
	padding:10px;
	background:#fff;
	position:absolute;
	left:164px;
	bottom:10px;
	text-align:center
}
.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;
	margin-bottom:20px
}
.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:210px;
	height:250px
}
.picShow .w300 {
	width:300px
}
.ad_switch {
	width:300px;
	height:250px;
	float:left;
	overflow:hidden
}
.ad_switch .point {
	right:10px;
	bottom:2px
}
.most_popular {
	width:440px;
	height:248px;
	border-top:1px solid #aeb0b2;
	border-bottom:1px solid #aeb0b2;
	float:right;
	background:url("imagesmost_popular.png") no-repeat;
	margin-bottom:20px
}
.most_popular ul {
	padding:68px 0 0 0
}
.most_popular li {
	width:388px;
	padding-left:48px;
	height:34px;
	line-height:53px;
	margin-bottom:25px;
	border-top:1px dashed #e5e5e5;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#222
}
.most_popular li a {
	color:#222
}
.most_popular li a:hover {
	color:#f60
}
.star-l-b {
	width:760px;
	overflow:hidden
}
.star-l-b .mask {
	width:780px
}
.star-l-b dl {
	width:210px;
	height:330px;
	float:left;
	margin-right:20px;
	text-align:center
}
.star-l-b dl.on {
	width:300px
}
.star-l-b dl.on dt, .star-l-b dl.on dd {
	width:300px
}
.star-l-b dl.on dt {
	position:relative
}
.star-l-b dl.on dt .info {
	width:260px;
	height:50px;
	background:#fff;
	position:absolute;
	left:20px;
	bottom:0
}
.star-l-b dl.on dt .info span {
	width:50px;
	height:50px;
	overflow:hidden;
	text-align:center;
	border:2px solid #fff;
	position:absolute;
	left:102px;
	top:-26px;
	border-radius:50%
}
.star-l-b dl.on dt .info p {
	width:260px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#000;
	position:absolute;
	left:0;
	bottom:0
}
.star-l-b dl dt {
	width:210px;
	height:300px;
	overflow:hidden
}
.star-l-b dl dd {
	font-size:14px;
	padding-top:6px;
	width:210px;
	height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.trend_calendar {
	width:360px;
	height:420px;
	background:#e4e4e4;
	position:relative;
	margin-bottom:20px
}
.trend_calendar h2 {
	height:45px;
	line-height:45px;
	background:#cbcbcb;
	padding-left:20px;
	color:#000
}
.trend_calendar dl {
	width:320px;
	margin:20px auto 0;
	text-align:center
}
.trend_calendar dt {
	width:320px;
	height:300px;
	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("../images/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
}
.black_box {
	width:320px;
	padding:20px;
	background:#333;
	overflow:hidden
}
.hotSingle {
	width:320px;
	overflow:hidden;
	background:#fff
}
.hotSingle h2 {
	width:280px;
	height:44px;
	line-height:44px;
	text-align:center;
	font-size:22px;
	color:#000;
	position:relative;
	margin:0 auto 8px
}
.hotSingle h2 .line {
	width:280px;
	height:22px;
	border-bottom:1px solid #a0a0a0;
	position:absolute;
	left:0;
	top:0
}
.hotSingle h2 span {
	display:inline-block;
	background:#fff;
	height:44px;
	position:relative;
	padding:0 10px
}
.hotSingle .g-focus {
	width:240px;
	height:240px;
	margin:0 auto
}
.hotSingle .g-focus .btn {
	width:30px;
	height:58px;
	background:url("imagesarrow.png") no-repeat;
	position:absolute;
	left:-30px;
	top:50%;
	margin-top:-29px;
	z-index:3;
	cursor:pointer
}
.hotSingle .g-focus .btn.left {
	background-position:0 -62px
}
.hotSingle .g-focus .btn.right {
	left:auto;
	right:-30px;
	background-position:right -62px
}
.newProposal {
	width:760px;
	height:260px;
	overflow:hidden;
	background:#f9f4f6;
	margin-bottom:20px
}
.newProposal h2 {
	height:40px;
	line-height:38px;
	text-align:center;
	font-size:22px;
	color:#000;
	position:relative
}
.newProposal h2 .line {
	width:100%;
	height:20px;
	border-bottom:1px solid #f1e5ea;
	position:absolute;
	left:0;
	top:0
}
.newProposal h2 span {
	display:inline-block;
	height:40px;
	position:relative;
	padding:0 10px;
	background:#f9f4f6;
	font-size:16px;
	color:#333
}
.newProposal .g-scroll {
	width:760px;
	height:200px
}
.newProposal .g-scroll .box {
	width:660px
}
.newProposal .g-scroll .box .item {
	width:690px
}
.newProposal .g-scroll .box .item img {
	width:200px;
	height:200px
}
.newProposal .g-scroll .box .item a {
	display:block;
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
	border-radius:50%;
	margin-right:30px
}
.newProposal .g-focus {
	width:760px;
	height:200px
}
.newProposal .g-focus .foucs {
	width:700px;
	left:50px
}
.newProposal .g-focus .foucs .item a {
	display:block;
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
	border-radius:50%;
	margin-right:30px
}
.newProposal .g-focus .btn {
	width:30px;
	height:58px;
	background:url("imagesarrow.png") no-repeat;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-29px;
	z-index:3;
	cursor:pointer
}
.newProposal .g-focus .btn.left {
	background-position:0 -62px
}
.newProposal .g-focus .btn.right {
	left:auto;
	right:10px;
	background-position:right -62px
}
.graphicShow {
	width:440px;
	height:250px;
	background:#ffa7bc;
	overflow:hidden;
	float:right
}
.graphicShow dt {
	width:400px;
	height:250px;
	float:left;
	padding:10px;
	color:#fff
}
.graphicShow dt h2 {
	font-size:18px;
	color:#fff;
	font-weight:bold;
	margin-bottom:70px;
	padding:0;
	border:none
}
.graphicShow dt h2 a {
	color:#fff
}
.graphicShow dt h2 a:hover {
	color:#f60
}
.graphicShow dt li {
	height:24px;
	line-height:24px;
	margin-bottom:8px;
	font-size:14px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.graphicShow dt li a {
	color:#fefefe
}
.graphicShow dt li a:hover {
	color:#f60
}
.graphicShow dd {
	width:210px;
	height:250px;
	overflow:hidden;
	position:relative;
	float:right
}
.graphicShow dd span {
	width:14px;
	height:30px;
	overflow:hidden;
	background:url("imagesarrow.png") no-repeat 0 -130px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px
}
.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:300px;
	overflow:hidden
}
.cosmetic .diary dd {
	width:320px;
	height:56px;
	overflow:hidden;
	line-height:56px;
	font-size:16px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.cosmetic .daren {
	width:320px;
	overflow:hidden;
	margin:0 auto 8px;
	background:#fff;
	border-top:2px solid #ffa7bc
}
.cosmetic .daren img {
	vertical-align:top
}
.cosmetic .daren h2 {
	width:140px;
	height:32px;
	line-height:32px;
	text-align:center;
	margin:0 auto 10px;
	background:#ffa7bc;
	color:#fff;
	font-size:18px
}
.cosmetic .daren dl {
	width:280px;
	overflow:hidden;
	margin:0 auto;
}
.cosmetic .daren dt {
	width:280px;
	height:216px;
	overflow:hidden;
	text-align:center
}
.cosmetic .daren dd {
	width:280px;
	text-align:center;
	position:relative;
	top:-25px;
	font-size:18px;
	color:#222;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.cosmetic .daren dd span {
	display:inline-block;
	width:50px;
	height:50px;
	overflow:hidden;
	border:2px solid #fff;
	border-radius:50%
}
.cosmetic .daren dd i {
	display:block
}
.cosmetic .daren dd.name {
	font-size:14px;
	margin-bottom:6px
}
.cosmetic .daren dd.name i {
	font-weight:bold
}
.cosmetic .daren .list {
	width:320px;
	overflow:hidden;
	border-top:1px solid #f9f4f6;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-top:8px
}
.cosmetic .daren .list h3 {
	width:280px;
	margin:0 auto;
	height:44px;
	line-height:44px;
	overflow:hidden;
	font-size:14px
}
.cosmetic .daren .list ul {
	width:280px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:12px
}
.cosmetic .daren .list li {
	width:280px;
	height:34px;
	line-height:34px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.cosmetic .daren .list a {
	color:#5a5b5d
}
.cosmetic .daren .list a:hover {
	color:#f60
}
.cosmetic .daren .list .l {
	width:200px;
	float:left;
	height:34px;
	line-height:34px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.cosmetic .daren .list .r {
	width:70px;
	float:right;
	text-align:right;
	height:34px;
	line-height:34px;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#ffa7bc
}
.cosmetic .expert {
	width:320px;
	height:260px;
	overflow:hidden;
	background:#f9f4f6;
	margin:0 auto;
	position:relative;
	font-size:14px;
	color:#222
}
.cosmetic .expert p {
	width:180px;
	height:50px;
	line-height:21px;
	text-align:center;
	position:absolute;
	left:10px;
	top:130px
}
.cosmetic .expert .look {
	position:absolute;
	left:70px;
	top:190px;
	font-size:16px;
	color:#d86883
}
.cosmetic .expert .name {
	position:absolute;
	left:0;
	bottom:6px
}
.cosmetic .expert .line {
	width:320px;
	height:2px;
	overflow:hidden;
	background:#f1e5ea;
	position:absolute;
	left:0;
	top:15px
}
.cosmetic .expert .img {
	width:200px;
	height:261px;
	overflow:hidden;
	position:absolute;
	left:120px;
	top:0;
	text-align:right
}
.cosmetic .expert .round {
	width:200px;
	height:200px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:24px;
	background:url("../images/expert_round.png") no-repeat
}
.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("imageslive_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;
	overflow:hidden;
	background:#edecf3;
	border-top:4px solid #aba7ce;
	padding:0 20px 20px 20px
}
.live_treat .test h2 {
	font-size:18px;
	color:#aba7ce;
	height:38px
}
.live_treat .test h2 span {
	font-size:28px;
	margin-right:6px
}
.live_treat .test dl {
	width:316px;
	overflow:hidden;
	margin:0 auto;
	color:#323232
}
.live_treat .test dt {
	height:40px;
	font-size:18px;
	font-weight:bold;
	text-align:center
}
.live_treat .test dd p {
	width:266px;
	height:54px;
	line-height:27px;
	font-size:14px;
	overflow:hidden;
	margin-bottom:20px;
	color:#5a5b5d
}
.live_treat .test dd .join {
	width:320px;
	height:30px;
	margin:0 auto;
	text-align:left;
	line-height:30px;
	background:#aba7ce;
	color:#fff;
	font-size:16px;
	border-radius:4px
}
.live_treat .test dd a:hover {
	color:#f60
}
.men_grade {
	width:760px;
	overflow:hidden
}
.men_grade .l {
	width:300px;
	overflow:hidden;
	float:left;
	background:#efefef
}
.men_grade .l dt {
	width:300px;
	height:210px;
	overflow:hidden;
	text-align:center
}
.men_grade .l dd {
	width:280px;
	padding:0 10px 10px;
	overflow:hidden
}
.men_grade .l dd ul {
	width:226px;
	padding:42px 0 16px 54px;
	overflow:hidden;
	background:url("../images/whatsnew.png") no-repeat
}
.men_grade .l dd ul li {
	width:226px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px
}
.men_grade .l dd ul li a {
	color:#555
}
.men_grade .l dd ul li a:hover {
	color:#f60
}
.men_grade .l dd ul li.tit {
	font-size:18px
}
.men_grade .l dd ul li.tit a {
	color:#333
}
.men_grade .l dd ul li.tit a:hover {
	color:#f60
}
.men_grade .r {
	width:440px;
	overflow:hidden;
	float:right;
	border-bottom:4px solid #333
}
.men_grade .r .mask {
	width:460px
}
.men_grade .r img {
	vertical-align:top
}
.men_grade .r dl {
	width:210px;
	height:262px;
	overflow:hidden;
	float:left;
	margin-right:20px
}
.men_grade .r dt {
	width:210px;
	height:210px;
	overflow:hidden;
	text-align:center
}
.men_grade .r dd {
	width:210px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	text-align:center;
	margin-top:10px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.men_hot {
	background:#eee
}
.men_hot h2 span {
	background:#eee
}
.men_hot .g-focus {
	width:220px;
	height:350px
}
.men_hot .g-focus .foucs .item img {
	width:220px;
	height:220px;
	border-radius:50%;
	display:block
}
.men_hot .g-focus .foucs .item dl {
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	font-size:14px;
	color:#323232
}
.men_hot .g-focus .foucs .item dt {
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold
}
.men_hot .g-focus .btn {
	top:110px
}
.g-scroll {
	width:300px;
	height:350px;
	margin:0 auto;
	position:relative;
	overflow:hidden
}
.g-scroll .box {
	width:200px;
	height:350px;
	margin:0 auto;
	overflow:hidden
}
.g-scroll .content {
	width:3000px;
	height:100%;
	overflow:hidden
}
.g-scroll .content .item {
	width:200px;
	height:100%;
	overflow:hidden;
	float:left
}
.g-scroll .content .item img {
	width:200px;
	height:200px;
	overflow:hidden;
	border-radius:50%
}
.g-scroll .content .item dl {
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	font-size:14px;
	color:#323232
}
.g-scroll .content .item dt {
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold
}
.g-scroll .btn {
	width:30px;
	height:58px;
	background:url("imagesbg_column_first.png") no-repeat;
	position:absolute;
	left:10px;
	top:80px;
	z-index:3;
	cursor:pointer
}
.g-scroll .btn.left {
	background-position:-103px 0
}
.g-scroll .btn.right {
	left:auto;
	right:10px;
	background-position:-135px 0
}
.g-scroll .btn.left:hover {
	background-position:-169px 0
}
.g-scroll .btn.right:hover {
	background-position:-200px 0
}
.scrollTwo {
	width:320px;
	height:500px;
	margin-bottom:20px
}
.scrollTwo .box {
	width:320px;
	height:500px
}
.scrollTwo .box .item {
	width:320px;
	height:500px;
	float:left;
	position:relative
}
.scrollTwo .box .item img {
	width:320px;
	height:500px;
	border-radius:0
}
.scrollTwo .box .item dl {
	width:280px;
	height:45px;
	cursor:pointer;
	background:#000;
	position:absolute;
	left:20px;
	bottom:20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	color:#fff;
	text-align:center;
	padding-top:0
}
.scrollTwo .box .item dl dt {
	font-size:18px;
	height:38px;
	line-height:38px;
	border-bottom:1px solid #64686b;
	margin-bottom:0;
	font-weight:normal
}
.scrollTwo .box .item dl dd {
	font-size:14px;
	height:40px;
	line-height:40px
}
.scrollTwo .box .item a:hover dt, .scrollTwo .box .item a:hover dd {
	color:#f60
}
.scrollTwo .point {
	width:320px;
	height:16px;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	left:0;
	right:auto;
	bottom:3px
}
.scrollTwo .point span {
	display:inline-block;
	float:none
}
.scrollTwo .point .g-point {
	width:10px;
	height:10px;
	display:inline-block;
	margin:0 8px 0 0;
	background:url("../images/m-point.png") no-repeat
}
.scrollTwo .point .g-point.on {
	background:url("../images/m-point-on.png") no-repeat
}
.scrollTwo .item dl {
	width:280px;
	height:80px;
	background:#000;
	position:absolute;
	left:20px;
	bottom:20px;
	opacity:0.8;
	filter:alpha(opacity=80);
	color:#fff;
	text-align:center
}
.scrollTwo .item dl dt {
	font-size:18px;
	height:38px;
	line-height:38px;
	border-bottom:1px solid #64686b
}
.scrollTwo .item dl dd {
	font-size:14px;
	height:40px;
	line-height:40px
}
.scrollTwo .btn {
	width:30px;
	height:58px;
	background:url("imagesarrow.png") no-repeat;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-29px;
	z-index:3;
	cursor:pointer
}
.scrollTwo .btn.left {
	background-position:0 0
}
.scrollTwo .btn.left.on {
	background-position:0 -62px
}
.scrollTwo .btn.right {
	left:auto;
	right:10px;
	background-position:right 0
}
.scrollTwo .btn.right.on {
	background-position:right -62px
}
.scrollTwo .btn.left:hover {
	background-position:0 0
}
.scrollTwo .btn.right:hover {
	background-position:right 0
}
.scrollTwo.scrollTwoMen {
	margin-bottom:0;
	margin-top:20px
}
.shoppingShow {
	width:1160px;
	height:520px;
	overflow:hidden
}
.shoppingShow .left {
	width:400px;
	float:left;
	overflow:hidden
}
.shoppingShow .left .item {
	width:400px;
	height:520px
}
.shoppingShow .left .item dl {
	width:400px
}
.shoppingShow .left .item dd {
	width:360px
}
.shoppingShow .right {
	width:740px;
	float:right;
	overflow:hidden
}
.shoppingShow .right ul {
	width:760px
}
.shoppingShow .right li {
	width:360px;
	height:250px;
	overflow:hidden;
	float:left;
	margin:0 20px 20px 0
}
.shoppingShow .right li.other .item {
	float:left;
	width:170px
}
.shoppingShow .right li.other .item.fright {
	float:right
}
.shoppingShow .right li.other dl {
	width:170px
}
.shoppingShow .right li.other dd {
	width:130px
}
.shoppingShow .right .item {
	width:360px;
	height:250px
}
.shoppingShow .right .item dl {
	width:360px
}
.shoppingShow .right .item dd {
	width:320px
}
.shoppingShow .item {
	position:relative;
	overflow:hidden
}
.shoppingShow .item dl {
	height:88px;
	position:absolute;
	cursor:pointer;
	left:0;
	bottom:-88px;
	background:#000;
	background:rgba(0, 0, 0, 0.5);
	text-align:center;
	color:#fff;
	overflow:hidden;
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
-ms-transition:.3s ease-in-out;
transition:.3s ease-in-out
}
.shoppingShow .item.on dl {
	bottom:0
}
.shoppingShow .item dt {
	height:44px;
	line-height:44px;
	font-size:24px
}
.shoppingShow .item dd {
	height:43px;
	line-height:43px;
	font-size:14px;
	border-top:1px dashed #bababa;
	margin:0 auto
}
.shoppingShow .item a:hover {
	text-decoration:none
}
.shoppingShow .video {
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
	background:url("../images/icon_video.png") no-repeat
}