html,
body {
	height: 100%;
	width: 100%;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Source Han Sans CN', "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	padding: 0;
	margin: 0;
	background: #000000;
	font-size: 14px;
}

a {
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	color: #474157;
}

a:hover,
a:focus {
	color: #474157;
	text-decoration: none;
}

hr {
	max-width: 100px;
	margin: 25px auto 0;
	border-width: 1px;
	border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
	border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 200;
	letter-spacing: 1px;
}

input::-webkit-input-placeholder {
	/* WebKit browsers 适配谷歌 */
	color: #999999;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 适配火狐 */
	color: #999999;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ 适配火狐 */
	color: #999999;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10+  适配ie*/
	color: #999999;
}

input:focus {
	outline: none;
	/*清除聚焦时的边框*/
}
.flex{
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.justifycenter{
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
}
.aligncenter{
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.login{
    width: 100%;
    height: 100vh;
    min-height: 500px;
    background: url(/assets/img/live/pc.png) no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 15.18vh;
    font-size: 1.6667vw;
}
.main {
    padding: 7.963vh 0 6.6667vh;
	width: 34.53vw;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 0.8333vw;
}
.main .one img{
    width: 2.3565vw;
    height: 0.9578vw;
}
.main .one div{
    color: #0F75FF;
    margin: 0 8px;
}
.main .two{
    padding-top: 6.6667vh;
    text-align: center;
}
.main form{
    padding-top: 6.6667vh;
    width: 83%;
    min-width: 320px;
    margin: 0 auto;
}
.main .login-input {
	width: 100%;
	height: 7.4074vh;
	min-height: 40px;
	padding-left: 1.3542vw;
	border-radius: 0.8333vw;
    background: #E0F1FB;
    box-sizing: border-box;
}
.main .login-input img {
    width: 1.25vw;
    height: 1.25vw;;
}
.main .login-input input {
	width: 100%;
	height: 5.5556vh;
	min-height: 40px;
	border: none;
	background: none;
	padding-left: 10px;
	font-size: 1.25vw;
	color: #0F75FF;
}
.main .login-input input::placeholder{
    color: #9AB7F9;
}
input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #0C2846;
}
.main .login-submit {
	margin: 6.2037vh auto 0;
	width: 100%;
	display: block;
}
.main .login-submit button {
	width: 100%;
	border-radius: 0.8333vw;
	background: linear-gradient( 270deg, #309FFF 0%, #066AFF 100%);
    box-shadow: 0px 6px 9px 0px rgba(83,169,255,0.4392);
    border: none;
	color: #fff;
	font-size: 1.25vw;
	height: 6.6667vh;
	min-height: 40px;
}
.main .login-submit button:hover{
    background: #3287cb;
}
.main .tips{
    padding-top: 6.6667vh;
    color: #2996FF;
    text-align: center;
}
@media only screen and (max-width: 1100px) {
    .login{
        background: url(/assets/img/live/h5.png) no-repeat;
        background-size: cover;
        padding-top: 22.4754vh;
        font-size: 16px;
    }
    .main {
        padding: 43px 0 43px;
    	width: 83.4667vw;
    	max-width: 626px;
    	border-radius: 8px;
    }
    .main .one img{
        width: 22px;
        height: 9px;
    }
    .main .two{
        padding-top: 33px;
    }
    .main form{
        padding-top: 33px;
        min-width: 200px;
    }
    .main .login-input {
    	height: 40px;
    	padding-left: 17.5px;
    	border-radius: 8px;
    }
    .main .login-input img {
        width: 12px;
        height: 12px;;
    }
    .main .login-input input {
    	height: 40px;
    	font-size: 14px;
    }
    .main .login-submit {
    	margin: 33px auto 0;
    }
    .main .login-submit button {
    	border-radius: 8px;
    	font-size: 14px;
    	height: 40px;
    }
    .main .tips{
        padding-top: 31px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
	
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media only screen and (min-width: 1200px) {

}