@charset "utf-8";
/* banner */
.login-head {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #eeeeee;
	height: 52px;
	width: 100%;
	text-align: right;
}
.login-img {
	width: 56px;
	position: absolute;
	top: 6px;
	left: 30px;
}
.login-head .login-title {
	position: absolute;
	top: 0px;
	left: 95px;
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	line-height: 52px;
}
.login-head .login-right {
	display: inline-block;
	width: 200px;
	height: 52px;
	text-align: left;
	position: relative;
}
.login-head .login-right img,
.login-head .login-right .login-right-text {
	position: absolute;
}
.login-head .login-right img {
	width: 40px;
	top: 6px;
}
.login-head .login-right img.downloadImg {
	width: 30px;
	top: 12px;
	right: 50px;
	cursor: pointer;
}
.login-head .login-right img.ios-downloadImg {
	right: 63px;
}
.login-head .login-right .login-right-text {
	width: 130px;
	height: 50px;
	top: 12px;
	left: 55px;
}
.login-head .login-right .login-right-text .t-title,
.login-head .login-right .login-right-text .t-span {
	display: block;
}
.login-head .login-right .login-right-text .t-title {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 4px;
}
.login-head .login-right .login-right-text .t-span {
	width: 100%;
	font-size: 12px;
	line-height: 12px;

	transform: scale(0.70);
	transform-origin:0 0;

	-ms-transform: scale(0.70);     /* IE 9 */
	-ms-transform-origin:0 0;       /* IE 9 */

	-webkit-transform: scale(0.70); /* Safari 和 Chrome */
	-webkit-transform-origin:0 0;   /* Safari 和 Chrome */

	-moz-transform: scale(0.70);    /* Firefox */
	-moz-transform-origin:0 0;      /* Firefox */

	-o-transform: scale(0.70);      /* Opera */
	-o-transform-origin:0 0;        /* Opera */
}
.c-banner{
	position: relative;
	top: 0px;
	left: 0px;
	overflow-x:hidden;
	overflow-y:hidden;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute;
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}

.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
.mobile-banner{width: 100%;height:calc(100% - 52px);overflow: hidden;}
.mobile-banner img{width: 100%;height: auto;}
.login-download{position: absolute;right: 10px;top: 0px;z-index: 999;}
.login-download li{display: inline-block;width: 150px;position: relative;margin-right: 10px}
.login-download li .login-text{margin-left: 42px;margin-top: 10px}
.login-download li .login-text span{display: block;}
.login-download li .login-text span.t-title{font-weight: bold}
.login-download li .login-text span.t-small-span{font-size: 12px;color: #828282}
.login-download li img{width: 40px;top:5px;left:0px;position: absolute;}
.login-download li img.downloadImg{width: 30px;top:10px;right: 0px;left: auto;cursor: pointer;}
@media  only screen and (max-width: 720px) {
	.login-download{position: absolute;right: 10px;top: 52px;}
	.login-head .login-right{width: 150px}
	.login-head .login-right .login-right-text{left: 45px;}
	.login-head .login-right img.ios-downloadImg{right: 10px;}
	.login-head .login-right img.downloadImg{right: 10px;}
	.login-head .login-title{font-size: 26px}
}