@charset "utf-8";
html { font-size: 625%; }
	@media screen and (max-device-width: 7680px) {
	  html {
		font-size: 2500% !important;
	  }
	}
	@media screen and (max-device-width: 3840px) {
	  html {
		font-size: 1250% !important;
	  }
	}
	@media screen and (max-device-width: 2592px) {
	  html {
		font-size: 843.75% !important;
	  }
	}
	@media screen and (max-device-width: 2560px) {
	  html {
		font-size: 833.3333% !important;
	  }
	}
	@media screen and (max-device-width: 2048px) {
	  html {
		font-size: 666.6666% !important;
	  }
	}
	@media screen and (max-device-width: 1920px) {
	  html {
		font-size: 625% !important;
	  }
	}
	@media screen and (max-device-width: 1680px) {
	  html {
		font-size: 545.45454% !important;
	  }
	}
	@media screen and (max-device-width: 1600px) {
	  html {
		font-size: 520.8333% !important;
	  }
	}
	@media screen and (max-device-width: 1440px) {
	  html {
		font-size: 468.75% !important;
	  }
	}
	@media screen and (max-device-width: 1366px) {
	  html {
		font-size: 444.6614% !important;
	  }
	}
	@media screen and (max-device-width: 1360px) {
	  html {
		font-size: 442.7083% !important;
	  }
	}
	@media screen and (max-device-width: 1280px) {
	  html {
		font-size: 416.6666% !important;
	  }
	}
	
body {
	height: 100%;
	width: 100%;
	background: url("images/yixuecup/background.jpg") no-repeat 0 0;
	background-size: 100% 100%;
	overflow: hidden;
	margin:0;
}
header{
	width: 4.2rem;
	height: .2rem;
	top: .62rem;
	right: .8rem;
	position: fixed;
	color: #fff
}
header #logo {
	width: 2.77rem;
	height: .95rem;
	background: url("images/yixuecup/yixuecup_logo.png") no-repeat 0 0;
	background-size: 100% 100%;
	display: inline-block;
	float: left;
	clear: both;
}
header .title{
	margin-top: .15rem;
	width: 8.64rem;
	height: .85rem;
	/* background: url("images/yixuecup/competition_name.png") no-repeat 0 0; */
	background: url("images/yixuecup/competition_name-2020.png") no-repeat 0 0;
	background-size: 100% 100%;
	display: inline-block;
	float: right;
}
header h1{
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	letter-spacing: .08rem;
	font-weight: 500;
	font-size: .28rem;
}
header .tabList{
	float:right;
}
header .tabList li{
	float: left;
    padding: 0 .1rem;
    height: .2rem;
    font-size: .2rem;
    display: inline-block;
    line-height: .2rem;
    border-right: 1px solid #fff;
   	cursor: pointer;
}
header .tabList li:last-child{
	border: none;
}
header .tabList li:hover{
	color: #ee9322
}
/* #timeDiv {
	font-size: 14px;
}
#tipbox {
	width: 2.2rem;
	height: o.8rem;
	border: 1px solid red;
	position: absolute;
	top: 1.2rem;
	left: 0.2rem;
} */
.container{
	height: 6.6rem;
	top: 1.4rem;
	width: 11.45rem;
	margin: auto;
	position: relative;
	background: url(images/yixuecup/left_bg.png) 0 .8rem no-repeat;
	background-size: 6.45rem 5.8rem;
}
.container .header{
	position: absolute;
    width: 7rem;
    top: 0;
    left: 0;
    height: 1.21rem;
    background: url(images/yixuecup/titBg.png) -.1rem -.05rem no-repeat;
    z-index: 10;
    background-size: 100% 100%;
}
.container .header:before{
	content: '';
	position: absolute;
    width: 5.34rem;
    top: .25rem;
    left: .6rem;
    height: .52rem;
    background: url(images/yixuecup/title.png) 0 0 no-repeat;
    z-index: 20; 
    background-size: 100% 100%;
}
#loginBox,
#registeredBox {
	width: 5rem;
	height: 5.8rem;
	position: absolute;
	border-radius: 0 .2rem .2rem 0;
	right: 0;
	bottom: 0;
	background: #fff;
	display: none;
}
#loginBox.active,
#registeredBox.active{
	display: inline-block;
}
.container h4{
    color: #000;
    text-align: left;
    font-size: .25rem;
    font-weight: 500;
    padding-bottom: .15rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: .25rem;
    margin-top: .1rem;
}
#loginBox form,
#registeredBox form{
	position: absolute;
	width: 3.4rem;
	height: 78%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#registeredBox form{
	height: 90%;
}
/* #loginBox:before {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	background: url("images/login/loginBox.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
} */
@keyframes rotateBg {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.container label{
	color: #999;
	margin-top: .07rem;
	margin-bottom: .07rem;
	display: inline-block;
	font-size: .16rem;
}
.container label span{
	margin-right: .02rem;
}
.container input,
.container select{
	width: 100%;
	height: .4rem;
	border-radius: .05rem;
	border: 1px solid #999;
	background: rgb(244,244,244);
	text-indent: .1rem;
	color: #999;
}

.container input[type="button"] {
	background: rgb(63,141,205);
	color: #fff;
	border: none;
	margin-top: .1rem;
	height: .45rem;
	font-size: .16rem;
	line-height: .45rem;
	transition: background 0.2s;
}
.container input[type="button"]:hover {
	background: #3cf;
}
.container #verificationCode{
	width: 2rem;
}
.container .loginuserbutton{
	display: inline-block;
    width: auto;
    height: .4rem;
    float: right;
}
.container p{
	font-size: .16rem;
	height: .2rem;
	lineght: .2rem;
	color: #999;
	text-align: right;
	margin-top: .15rem;
}
#error{
	color: red;
    text-align: center;
    font-size: .14rem;
}
.toRegistered{
	cursor: pointer;
}
.container .w48{
	display: inline-block;
	width: 48%;
}
.w48.right{
	float: right;
}
.sponsor{
	width: 3.7rem;
	left: 66.8%;
	bottom: calc(50% - 1.71rem);
	color: #fff;
	position: absolute;
}
.sponsor dt{
	display: inline-block;
	margin-top: .15rem;
	font-size: .18rem;
}
.sponsor dt:nth-child(1){
	margin-top: 0;
}
.sponsor dd{
	display: inline-block;
	font-size: .14rem;
}
.left_shift{
	margin-left: .95rem;
}
#btnPlay{
	height: .26rem;
	width: .26rem;
	background: url("images/yixuecup/radio_play.png") no-repeat 0 0;
	position: fixed;
	right: .1rem;
	bottom: .14rem;
	background-size: 100% 100%;
	cursor: pointer;
}
.play{
	background: url("images/yixuecup/radio_pause.png") no-repeat 0 0 !important;
	background-size: 100% 100% !important;
}
.text-red{
	color: red;
}
.text-blue{
	color: blue;
}
#regiserror{
	text-align: center;
    color: red;
}