@charset "utf-8";
/*banner*/
.banner{
	width:100%;
	height:280px;
	float:left;
	overflow: hidden;
}
.banner .banner-warp{
	position: relative;
}
.banner .img_warp {
    height: 280px;
}
.banner .img_warp .item {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner .img_warp .item.show {
    display: block;
}
.img_warp a {
    display: block;
    width: 100%;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.arrow-warp {
    position: absolute;
    /*left: 50%;*/
    top: 40%;
    margin: 0 auto;
    z-index: 5;
	width:920px;
}

.arrow-warp > div {
	display: none;
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.3);
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    font-weight: bolder;
    cursor: pointer;
}

.arrow-warp > div.arrow-l {
    left: 0;
}

.arrow-warp > div {
    text-align: center;
}

.arrow-warp > div.arrow-r {
    right: 0;
}

.arrow-warp > div span {
    margin: 17px auto;
    display: block;
    width: 17px;
    height: 27px;
}

.arrow-warp > .arrow-r > span {
    background: url('../images/icons.png') 0 -102px no-repeat;
}

.arrow-warp > .arrow-r:hover > span {
    background: url('../images/icons.png') 0 -75px no-repeat;
}

.arrow-warp > .arrow-l > span {
    background: url('../images/icons.png') 0 -129px no-repeat;
}

.arrow-warp > .arrow-l:hover > span {
    background: url('../images/icons.png') 0 -48px no-repeat;
}

.banner .banner_icon {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.banner .banner_icon span {
    display: inline-block;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #fff;
    opacity: 0.35;
    -moz-opacity: 0.35;
    -khtml-opacity: 0.35;
    filter: alpha(opacity=35);
    cursor: pointer;
}

.banner .banner_icon span.active {
    background: #fff;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}

.banner .banner_icon span:last-child {
    margin-right: 0 !important;
}


.login-wrap{
	float:left;
	margin-left:5px;
	width:280px;
	height:280px;
	background:url("../img/loginbg2.png");
	background-size:284px 280px;
	/*box-shadow: 0px 0px 14px 0px rgba(102,102,102,0.1);*/
	border-radius:6px;
	opacity: 1;
}
.login-wrap .header-div{
	margin:42px auto 20px;
	text-align: center;
}
.login-wrap .header-div .user_header{
	width: 105px;
	height: 105px;
}
.login-wrap .nologin{
	padding-top: 20px;
	text-align: center;
}
.login-wrap .nologin .loginbtn{
	width: 92px;
	height: 40px;
	background: #008B86;
	display:inline-block;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #008B86;
	margin:0 6px;
}
.login-wrap .nologin .loginbtn a{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 40px;
	font-weight: 400;
	display:inline-block;
	text-decoration:none;
	padding:0 25px;
}
.login-wrap .nologin .regbtn{
	width: 92px;
	height: 40px;
	display:inline-block;
	border-radius: 4px 4px 4px 4px;
	margin:0 6px;
	border: 1px solid #40AEA1;
}
.login-wrap .nologin .regbtn a{
	color: #008B86;
	font-size: 14px;
	line-height: 40px;
	font-weight: 400;
	display:inline-block;
	text-decoration:none;
	padding:0 25px;
}
.login-wrap .logined .username_div{
	padding-top: 6px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 22px;
}
.login-wrap .logined .username_div .username{
	color:#333333;
	padding-left:2px;
}
.login-wrap .logined .logout_div{
	padding-top: 16px;
	text-align: center;
}
.login-wrap .logined .logout_div .logout{
	width: 92px;
	height: 40px;
	display:inline-block;
	border-radius: 4px 4px 4px 4px;
	margin:0 6px;
	border: 1px solid #40AEA1;
}
.login-wrap .logined .logout_div .logout a{
	color: #008B86;
	font-size: 14px;
	line-height: 40px;
	font-weight: 400;
	display:inline-block;
	text-decoration:none;
	padding:0 25px;
}