*{
margin:0px;
padding:0px;
}
body{
background:url(../images/clothes_bg.jpg) no-repeat center top;
font-family:微软雅黑;
}
.main{
	width:695px;
	height:auto;
	margin:0 auto;
}
.roof{
	background:url(../images/clothes_01.jpg) no-repeat center top;
	height:31px;
	line-height:31px;
}
.roof span{
	font-size:18px;
	color:#000000;
	padding-left:25px;
}
.content1{
		background:url(../images/clothes_02.jpg) no-repeat center top;
		height:397px;
		position:relative;
}
.content1 embed{
	width:111px;
	height:109px;
	position:relative;
	left:419px;
	top:-5px;
}
.content1 .signBtn
{
	border:medium none;
	width:131px;
	height:129px;
	position: absolute;
	top:173px;
	left:580px;
	cursor:pointer;
}
.content1 .signBtnC
{
	background:url(../images/st_03.gif) no-repeat center top;
}
.content1 .signBtnOn
{
	background:url(../images/st_04.gif) no-repeat center top;
}
.content1 .signBtnDisable
{
	background:url(../images/st_05.gif) no-repeat center top;
}
.content1 .signBtnInput{
	background:url(../images/st_03.gif) no-repeat center top;
	border:medium none;
	width:131px;
	height:129px;
	position: relative;
	top:130px;
	left:470px;
	cursor:pointer;
}
.content2{
	background:url(../images/clothes_03.jpg) no-repeat center top;
    height:204px;
	line-height:45px;
	position:relative;
}
.content2 .limg
{
	display:none;
	position:absolute;
	left:165px;
	top:-180px;
	z-index:3;
}
.content2 .cimg
{
	display:none;
	position:absolute;
	left:412px;
	top:-240px;
	z-index:3;
}
.content2 .rimg
{
	display:none;
	position:absolute;
	left:230px;
	top:-180px;
	z-index:3;
}
.content2 .ldiv1
{
	height:54px;
	width:54px;
	position:absolute;
	left:180px;
	top:-128px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat -110px -472px;
	display:none;
}
.content2 .ldiv2
{
	height:54px;
	width:54px;
	position:absolute;
	left:240px;
	top:-128px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat -165px -472px;
	display:none;
}
.content2 .cdiv1
{
	height:54px;
	width:54px;
	position:absolute;
	left:437px;
	top:-188px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat -110px -472px;
	display:none;
}
.content2 .cdiv2
{
	height:54px;
	width:54px;
	position:absolute;
	left:495px;
	top:-188px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat -165px -472px;
	display:none;
}
.content2 .rdiv1
{
	height:54px;
	width:54px;
	position:absolute;
	left:282px;
	top:-128px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat 0px -472px;
	display:none;
}
.content2 .rdiv2
{
	height:54px;
	width:54px;
	position:absolute;
	left:416px;
	top:-128px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat -55px -472px;
	display:none;
}
.content2 .rdiv3
{
	height:54px;
	width:54px;
	position:absolute;
	left:255px;
	top:-40px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat -110px -472px;
	display:none;
}
.content2 .rdiv4
{
	height:54px;
	width:54px;
	position:absolute;
	left:314px;
	top:-40px;
	z-index:4;
	background:url(../images/st_01.png) no-repeat -165px -472px;
	display:none;
}
.content2 ul.left{
	list-style-type:none;
	float:left;
	width:200px;
	position:relative;
	top:60px;
	left:30px;
}
.content2 ul.center{
	list-style-type:none;
	float:left;
	width:200px;
	position:relative;
	left:65px;
}
.content2 ul.right{
	list-style-type:none;
	float:left;
	width:200px;
	position:relative;
	top:60px;
	left:98px;
}
.content2 ul li{
height:40px;
}
.content2 ul li input{
	width:170px;
	height:37px;
	font-size:22px;
	color:#673900;
	border:medium none;
	cursor:pointer;
	font-family:微软雅黑;
}
.content2 ul li .btnBuy{
	background:url(../images/st_01.png) no-repeat 0px -319px;
}
.content2 ul li .btnBuyOn{
	background:url(../images/st_01.png) no-repeat -171px -319px;
}
.content2 ul li .btnBuyDown{
	background:url(../images/st_01.png) no-repeat -342px -319px;
}
.content3{
	background:url(../images/clothes_04.jpg) no-repeat center top;
    height:32px;
	line-height:32px;
	text-align:center;
	position:relative;
}
.content3 span.loginInfo{
	font-size:16px;
	color:#ffffff;
	vertical-align:middle;
}
.content3  input{
	border:medium none;
	width:78px;
	height:26px;
	cursor:pointer;
	vertical-align:middle;
	display:inline-block;
}
.content3 .loginOutBtn{
background:url(../images/st_01.png) no-repeat 0 -391px;
display:none;
}
.content3 .loginOutOn{
	background:url(../images/st_01.png) no-repeat -78px -391px;
}
.content3 .loginOutDown{
	background:url(../images/st_01.png) no-repeat -156px -391px;
}
.content3 .loginBtn{
background:url(../images/st_01.png) no-repeat 0 -364px;
}
.content3 .loginOn{
background:url(../images/st_01.png) no-repeat -78px -364px;
}
.content3 .loginDown{
	background:url(../images/st_01.png) no-repeat -156px -364px;
}
.content4{
	background:url(../images/clothes_05.jpg) no-repeat center top;
    height:336px;
}
.content4 .rule{
	position:relative;
	left:20px;
	top:70px;
	font-size:12px;
	color:#ffb99c;
	width:300px;
	text-align:justify;
	float:left;
	line-height:20px;
}
.content4 .rule span{
	display:block;
}
.content4 .lucky{
	text-align:center;
	float:left;
	width:320px;
	height:240px;
	line-height:20px;
	overflow:hidden;
	font-family:"宋体";
	font-size:12px;
	color:#ffb99c;
	position:relative;
	top:70px;
	left:60px;
}
.content4 .lucky ul{
	list-style-type:none;
}
.exc_box
{
	display:none;
	background:url(../images/pop_03.png) no-repeat center top;
	height:192px;
	width:348px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-164px;
	margin-top:-94px;
	z-index:30;
	text-align:center;
}
.exc_box h1
{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:5px;
}
.exc_box .select
{
	width:300px;
	margin:0 auto;
}
.exc_box .select .round
{
	width:260px;
	margin:0 auto;
}
.exc_box .select div.options
{
	display:none;
	height:111px;
	margin:0 auto;
	overflow:hidden;
	width:275px;
	position:relative;
	left:12px;
	float:left;
	z-index:38;
}
.exc_box .select .selectDiv
{
	background:url(../images/st_01.png) no-repeat -235px -432px;
	font-size:13px;
	color:#000000;
	width:292px;
	height:30px;
	line-height:30px;
	margin:0 auto;
	position:relative;
}
.exc_box .select span.selected
{
	margin-left:0px;
}
.exc_box .select span.triangle
{
	height:13px;
	width:18px;
	position:absolute;
	top:9px;
	left:265px;
	z-index:188;
}
.exc_box .select span.triangleC
{
	background:#d98023 url(../images/st_01.png) no-repeat -623px 0px;
}
.exc_box .select span.triangleOn
{
	background:#d98023 url(../images/st_01.png) no-repeat -641px 0px;
}
.exc_box .select span.triangleDown
{
	background:#d98023 url(../images/st_01.png) no-repeat -659px 0px;
}
.exc_box .select ul
{
	background:#ad6015;
	width:275px;
	margin:0 auto;
	list-style-type:none;
	font-size:13px;
	color:#ffffff;
	line-height:23px;
}
.exc_box .select ul li.liOver
{
	background:#492100;
}
.exc_box .integral
{
	font-size:13px;
	color:#351700;
	position:absolute;
	left:60px;
	top:98px;
}
.exc_box .operateBtn
{
	position:absolute;
	left:60px;
	top:130px;
}
.exc_box .btnCancel
{
	width:107px;
	height:33px;
	border:medium none;
	margin-right:10px;
}
.exc_box .btnCancelC
{
	background:url(../images/st_01.png) no-repeat -235px -364px;
}
.exc_box .btnCancelOn
{
	background:url(../images/st_01.png) no-repeat -342px -364px;
}
.exc_box .btnCancelDown
{
	background:url(../images/st_01.png) no-repeat -449px -364px;
}
.exc_box .btnExc
{
	width:107px;
	height:33px;
	border:medium none;
}
.exc_box .btnExcC
{
	background:url(../images/st_01.png) no-repeat -235px -398px;
}
.exc_box .btnExcOn
{
	background:url(../images/st_01.png) no-repeat -342px -398px;
}
.exc_box .btnExcDown
{
	background:url(../images/st_01.png) no-repeat -449px -398px;
}
.award_box
{
	display:none;
	background:url(../images/pop_01.png) no-repeat center top;
	height:265px;
	width:441px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-110px;
	z-index:40;
	text-align:center;
}
.award_box .msg_content
{
	font-size:30px;
	color:#ffffff;
	text-align:center;
	margin-top:105px;
}
.award_box .award_btn
{
	margin-top:60px;
}
.award_box .btnCont
{
	width:145px;
	height:44px;
	border:medium none;
}
.award_box .btnContC
{
	background:url(../images/st_01.png) no-repeat 0px -61px;
}
.award_box .btnContOn
{
	background:url(../images/st_01.png) no-repeat -145px -61px;
}
.award_box .btnContDown
{
	background:url(../images/st_01.png) no-repeat -290px -61px;
}
.award_box .btnToCloth
{
	border:medium none;
	width:145px;
	height:44px;
}
.award_box .btnToClothC
{
	background:url(../images/st_01.png) no-repeat 0px -106px;
}
.award_box .btnToClothOn
{
	background:url(../images/st_01.png) no-repeat -145px -106px;
}
.award_box .btnToClothDown
{
	background:url(../images/st_01.png) no-repeat -290px -106px;
}
.noaward_box
{
	display:none;
	background:url(../images/pop_02.png) no-repeat center top;
	height:265px;
	width:441px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-110px;
	z-index:40;
	text-align:center;
}
.noaward_box .msg_content
{
	font-size:30px;
	text-align:center;
	color: #7f2c05;
	margin-top:100px;
	margin-left:18px;
}
.noaward_box .btnConfirm
{
	width:145px;
	height:44px;
	border:medium none;
	margin-top:45px;
}
.noaward_box .btnConfirmC
{
	background:url(../images/st_01.png) no-repeat -163px -214px;
}
.noaward_box .btnConfirmOn
{
	background:url(../images/st_01.png) no-repeat -308px -214px;
}
.noaward_box .btnConfirmDown
{
	background:url(../images/st_01.png) no-repeat -453px -214px;
}

/*签到弹出框*/
.signIn-box ul{
    list-style:none;
}
.hide{
    display:none;
}
.btn{
    display:block;
	cursor:pointer;
}
.cf:before, .cf:after{
    display:table;
	content:"";
}
.cf:after{
    clear:both;
}
li .tick, li .cross, li .dui, .pop, .signIn-Btn, .signIn-Btn-hui, .box-close, .float{
    background:url(../images/st_01.png) no-repeat;
}
.signIn-box{
    width:571px;
	height:684px;
	background:url(../images/SignIn.png) no-repeat;
	margin:0 auto;
	position: absolute;
	top:70px;
    left: 50%;
	margin-left:-285px;
	z-index:30;
}
.box-header, .box-content, .box-footer{
    width:100%;
	float:left;
}
.box-header{
    height:155px;
}
.box-content{
    height:340px;
	overflow:hidden;
}
.box-footer{
    height:160px;
}
.box-content .dayList{
    margin:60px;
	height:285px;	
}
.dayList li{
    width:62px;
	height:55px;
	margin-left:2px;
	float:left;
	text-align:center;
	color:#fff;
	font-size:18px;
}
li .tick{
    display:none;
    width:29px;
	height:27px;
	background-position:-57px -418px;
	margin:0 auto;
}
li.signed .tick{
    display:block;
}
li .cross{
    width:27px;
	height:27px;
	display:none;
	background-position:-87px -418px;
	margin:0 auto;
}
li.nosigned .cross{
    display:block;
}
li .dui{
    width:54px;
	height:55px;
	background-position:0 -214px;
	display:block;
	margin:0 auto;
}
li .dui:hover{
    background-position:-54px -214px;
}
.pop{
    width:56px;
	height:48px;
	background-position:0 -418px;
	position:absolute;
	top:0px;
	font-size:12px;
	color:#000;
	padding-top:5px;
}
.pop .txt{
    margin-left:-3px;
}
.signIn-Btn, .signIn-Btn-hui{
	margin:20px auto 0;
    width:204px;
	height:60px;
	background-position:0 0;
}
.signIn-Btn:hover{
    background-position:-204px 0;
}
.signIn-Btn:active, .signIn-Btn-hui{
    background-position:-408px 0;
}
.signIn-info{
    width:460px;
	margin:15px auto 0;
	font-size:16px;
}
.signIn-info dt, .signIn-info dd{
     float:left;
}
.box-close{
    position:absolute;
	right:17px;
	top:17px;
    width:48px;
	height:48px;
	background-position:0 -270px;  
}
.box-close:hover{
    background-position:-48px -270px;
}
.box-close:active{
    background-position:-96px -270px;
}
.box-header .myMsg{
    font-size:14px;
	color:#000;
	position:relative;
	left:65px;
	top:120px;
}
.float{
    position:absolute;
	top:530px;
	left:215px;
	width:143px;
	height:31px;
	z-index:100;
}
.float1{
    background-position:0 -151px;
}
.float2{
    background-position:-144px -151px;
}
.float3{
    background-position:-286px -151px;
}
.float4{
    background-position:-429px -151px;
}
.float5{
    background-position:0 -182px;
}
.overlay,.overlay1 {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
	filter:alpha(opacity=0.3);
    -moz-opacity: 0.3;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.floatdiv {
    height: 28px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
    top: 80%;
    width: 28px;
    z-index: 200;
}

.exc_cover{display:none;background-color:#000;filter:alpha(opacity=0.3);height:100%;_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');left: 0px;-moz-opacity: 0.3;opacity: 0.3;position: fixed;_position: absolute;top: 0px;width:100%;z-index: 30;}     

/*滚动条*/
.scroll{width:2px;left:8px;height:111px;float:left;background:url(../images/st_01.png) -613px 0px;position:relative;z-index:200;display:none;}
.scroll p{width:6px;height:21px;background:url(../images/st_01.png) -616px 0px;cursor:auto;left:-2px;top:1px;position:absolute;z-index:201;cursor:n-resize;}