@charset "utf-8";
/* CSS Document */
/*edit:zhangning
@ update: 2018-01-03 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;display: block;}
ul,li,ol {list-style:none;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clearMargin:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.middle{vertical-align:middle;}
.relative{position:relative;} 
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
.yellow{color:#fff954;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.mt15 {margin-top: 15px;}
.mr20{margin-right:20px;}
.mb25{margin-bottom:25px;}
.z10{z-index:10;}
.z20{z-index:20;}
.z30{z-index:30;}
body{font:14px/1.6 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#fff; background: #161616;}

.banner {
	width: 100%;
	height: 1000px;
	position: relative;
	background: url('https://static.web.sdo.com/dn/pic/dn_19act/2019chic/wrap_bg_new.jpg') no-repeat center top;
}
.banner .layout {
	margin: 0 auto;
	width: 1000px;
	height: 1000px;
}
.banner .logo_l {
	top: 760px;
	right: 52px;
}
.design{
	position: absolute;
	top:140px;
	left: -460px;
}
/*收藏册导航*/
.collect_nav{
	top:52px;
	right:50px;
	text-align: right;
	z-index:100;
}
.collect_nav a{
	margin-right: 10px;
	color: #fff;
}
.collect_nav a i{
	margin-left: 10px;
}
.collect_nav a:hover,.collect_nav a.active{
	color: #8370FC;
}
.collect_nav a:hover i,.collect_nav a.active i{
	color: #fff;
}
/*nav*/
.nav{ top:236px;right:30px;z-index:100;}
.nav .nav_list {
	height: 100%;
	position: relative;
}
.nav  i.circle{position:absolute;width:10px;height:10px;background: #5A5A5A;top:5px;right:17px;border-radius: 10px;}
.nav .active i.circle, .nav a:hover i.circle{background: #8370FC; animation:fade .3s linear both;}
.nav a{
	position:relative;
	display: block;
	line-height: 1.0;
	height: 17px;
	margin-bottom:40px;  padding-right:40px; color:#423D44; font-size:17px;
	text-align: right;
}
.nav a p{
	color: #5A5A5A;
	margin-right: -4px;
	letter-spacing:4px;
	font-weight: bold;
}
.nav .active p, .nav a:hover p{
	color: #8370FC;
}
.nav .sub_nav a{font-size:14px; color:#7d7a7a}

/*month*/
.month_box{
	top: 618px;
	left: 50px;
	z-index: 101;
}
.month_cur{
	top: 0;
	left: 0;
}
.month_h{
	position: absolute;
	width: 60px;
	height: 50px;
	top: 150px;
	left: 0;
	cursor: pointer;
	background: url(https://static.web.sdo.com/dn/pic/dn_19act/2019chic/month_h.png) no-repeat left center;
}
.m_box {
	display: none;
	width: 760px;
	height: 50px;
	overflow: hidden;
	top: 0;
	left: 40px;
	z-index: 3;
}
.m_box li{
	display: block;
	float: left;
	width: 50px;
	height: 100%;
	margin-right: 12px;
	background: url('https://static.web.sdo.com/dn/pic/dn_19act/2019chic/month_sel.png');
}
.m_box:hover li a{
	cursor: default;
}
.m_box:hover .active a{
	cursor: pointer;
}
.m_box li:hover,.m_box li.active{
	background-image: url('https://static.web.sdo.com/dn/pic/dn_19act/2019chic/month_selected.png');
}
.m_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.m_box .li01{
	background-position: -5px center;
}
.m_box .li02{
	background-position: -67px center;
}
.m_box .li03{
	background-position: -132px center;
}
.m_box .li04{
	background-position: -198px center;
}
.m_box .li05{
	background-position: -265px center;
}
.m_box .li06{
	background-position: -330px center;
}
.m_box .li07{
	background-position: -395px center;
}
.m_box .li08{
	background-position: -456px center;
}
.m_box .li09{
	background-position: -521px center;
}
.m_box .li010{
	background-position: -583px center;
}
.m_box .li011{
	background-position: -646px center;
}
.m_box .li012{
	margin-right: 0;
	background-position: -703px center;
}
.selected{
	top: 166px;
	left: 0;
	font-size: 52px;
	color: #FCFCFC;
	max-height: 200px;
}
.content {
	position: absolute;
	width: 100%;
	height: 1000px;
	left: -3000px;
	z-index: 3;
}
.con_bg {
	position: absolute;
	width: 1200px;
	max-width: 1200px;
	max-height: 1000px;
	top: 0;
	right: -100px;
}
.con_title {
	position: absolute;
	top: 404px;
	left: 5px;
}
.detail_btn {
	position: absolute;
	top: 470px;
	left: 110px;
	color: #8370FC;
	letter-spacing: 2px;
	cursor: pointer;
}
.detail_btn i{
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	font-size: 18px;
	line-height: 16px;
	padding-left: 2px;
	margin-left: 5px;
	color: #1B1B1B;
	font-weight: bold;
	background: #EFB304;
	text-align: center;
	top: 2px;
}
.ts_box {
	position: absolute;
	top: 170px;
	left: 2px;
	color: #fff;
	word-wrap: break-word;
}
.clothes_name{
	position: absolute;
	width: 500px;
	top:0;
	left: 0;
	font-size: 63px;
	letter-spacing: 4px;
	font-family: myFirstFont;
}
@font-face{
	font-family: myFirstFont;
	src: url('https://static.web.sdo.com/dn/pic/dn_19act/2019chic/myfont.ttf');
}
.clothes_en{
	position: absolute;
	width: 440px;
	top: 100px;
	left: -250px;
	text-align: right;
	font-size: 16px;
	color: #161616;
	letter-spacing: 13px;
	text-transform: uppercase;
}
.clothes_desc{
	position: absolute;
	top: 135px;
	left: 5px;
	width: 323px;
	font-size: 14px;
	letter-spacing: 2px;
	word-wrap: break-word;
	line-height: 26px;
}

.sz_con {
	position: relative;
	width: 100%;
	margin-top: 160px;
	z-index: 4;
	display: none;
}
.sz_con .sz_tit{
	height: 145px;
}
.pic_box {
	width: 1000px;
	height: 400px;
}
.pic_box li {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 332px;
	height: 100%;
	margin-right: 1px;
}
.pic_box li img{
	width: 100%;
	height: 100%;
}
.sub_nav {
	margin-top: 30px;
	width: 1072px;
}
.sub_nav:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.sub_nav{*display:inline-block;*zoom:100%;}
.sub_nav li {
	width: 54px;
	height: 50px;
	float: left;
	margin-right: 65px;
}
.sub_nav li a{
	display: block;
	width: 100%;
	height: 100%;
	background: url("https://static.web.sdo.com/dn/pic/dn_19act/2019chic/detail_nav_bg.png") no-repeat;
}
.sub_nav li .a1{
	background-position: 2px center;
}
.sub_nav li .a2{
	background-position: -109px center;
}
.sub_nav li .a3{
	background-position: -236px center;
}
.sub_nav li .a4{
	background-position: -353px center;
}
.sub_nav li .a5{
	background-position: -472px center;
}
.sub_nav li .a6{
	background-position: -602px center;
}
.sub_nav li .a7{
	background-position: -716px center;
}
.sub_nav li .a8{
	background-position: -837px center;
}
.sub_nav li .a9{
	background-position: -957px center;
}
.sub_nav li.active a,.sub_nav li:hover a{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_19act/2019chic/detail_nav_bg_h.png");
}

.back_btn {
	top: 180px;
	right: 0;
	width: 80px;
	z-index: 5;
	position: absolute;
	color: #EDEDED;
	word-wrap: break-word;
	letter-spacing: 2px;
	cursor: pointer;
}
.back_btn p{
	margin-top: 13px;
	text-align: right;
	color: #5C5C5C;
	font-size: 18px;
	font-weight: bold;
}
.back_btn i{
	position: absolute;
	width: 26px;
	height: 7px;
	top: 26px;
	left: 2px;
	background: url(https://static.web.sdo.com/dn/pic/dn_act/2018chic/return_w.png) no-repeat;
}
.sc_tit {
	top: 184px;
	left: 0;
}
.r_to {
	position: absolute;
	left: 2000px;
	width: 100%;
	height: 900px;
}
.r_to:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.lun_tit{
	position: relative;
	margin-top: 180px;
	height: 150px;
}
/*公共轮播样式*/
.slide {
	position: relative;
	width: 1000px;
	height: 400px;
}
.slide .prev, .slide .next {
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -30px;
	display: block;
	width: 45px;
	height: 60px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.slide .prev:hover, .slide .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.slide .prev {
	left:26px;
	background: url("https://static.web.sdo.com/dn/pic/dn_19act/2019chic/prev.png") no-repeat center;
}
.slide .next {
	right:26px;
	background: url("https://static.web.sdo.com/dn/pic/dn_19act/2019chic/next.png") no-repeat center;
}
.slide .slide_img {
	width: 798px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.slide .slide_img ul {
	width: 15000px;
	overflow: hidden;
}
.slide .slide_img li {
	float: left;
	width: 798px;
}
.slide .slide_img li img {
	display: block;
	margin: 0 auto;
}
.desc {
	margin: 40px auto 0;
	line-height:26px;
	width: 798px;
	color: #BFBFBF;
}

.toRight{
	-webkit-animation: to_right 0.4s both;
	animation: to_right 0.4s both;
}
.toLeft{
	-webkit-animation: to_left 0.4s both;
	animation: to_left 0.4s both;
	opacity: 0;
}
.delay1{
	animation-delay: 0.05s;
	-webkit-animation-delay: 0.05s;
}
.delay05{
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.delay10{
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
/*动画*/
@keyframes to_right {
	0% {
		-webkit-transform: translateX(-200px);
		-moz-transform: translateX(-200px) ;
		transform: translateX(-200px);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0) ;
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes to_left {
	0% {
		-webkit-transform: translateX(200px);
		-moz-transform: translateX(200px) ;
		transform: translateX(200px);
		opacity: 0;
	}
	100%{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0) ;
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}


/*弹窗部分*/
.box_property {position:relative; color:#fff; font-size:16px;}

.box_property .tab_b1{position:absolute; top:-100px; left:454px;}
.box_property .tab_b1 i{ color:#8370FC;margin: 0 10px;}
.box_property .tab_b1 a{ font:18px/46px ''; color:#999898; }
.box_property .tab_b1 a.active{  color:#8370FC;}