body{width: 100%;height: 100%;color: #333333;font-size: 14px;font-family:"微软雅黑","Microsoft Yahei";overflow: hidden;}

/*******************************
	-------[页面公用样式]--------
********************************/
.header,.footer,.main{padding:0;}
img{max-width:100%;}
a:hover{text-decoration: none;color: #1287b5;}
ul,li{list-style: none;padding-left: 0;} 

/*******************************
	-------[头部]--------
********************************/
.header{background: #313139;min-height: 40px;line-height: 40px;color: #fff;padding: 0 14px;}
.header a{color: #fff;}
/*******************************}
	-------[导航]--------
********************************/

/*******************************
	--------[底部]-------
********************************/
.footer{border-top: 1px solid #66aad8;padding-top: 80px;}
.footer p{display: block;text-align: center;margin-top: 0;margin-bottom: 40px;}
/*******************************
	--------[分页条]-------
********************************/

/*******************************
	--------[首页]-------
********************************/
/* banner */
.banner img{width: 100%;height: auto;}
/* 报名按钮 */
.apply-btn{margin-top: 60px;}
.apply-btn div{float: left;width: 26.666%;}
.apply-btn .w{width: 10%;height: 20px;}
.apply-btn div:nth-child(3){text-align: center;}
.apply-btn div:nth-child(5){text-align: right;}
/* 标题 */
.tit{text-align: center;margin-top: 100px;}
/* 内容 */
.content-text{margin: 67px 0 74px;}
/* 登陆弹出框 */
.login-tit{padding-left: 44px;margin: 30px 0 30px;}
.popup-login{width: 100%;height: 100%;background: url(../../images/bg.png);position: fixed;top: 0;left: 0;display: none;}
.login-wra{width: 548px;height: 310px;background: #fff;border-radius: 10px;position: absolute;left: 50%;top: 50%;margin-left: -274px;margin-top: -155px;}
.login-btn a{display: block;width:117px;height: 43px;margin: 27px auto 0;line-height: 43px;text-align: center;background: #66aad7;border-radius: 5px;color: #fff;font-size: 18px;}
.register{text-align: right;padding-right: 90px;margin-top: 32px;}
.login-input{width: 400px;margin: 14px auto 0;}
/*******************************
	--------[评选活动报名]-------
********************************/
.t-name{padding-left: 6px;}
.content-text-tit{color: #0d6183;font-size: 18px;margin-bottom: 32px;}
.input-wra .inputbox input{display: block;width: 100%;height: 40px;line-height: 40px;padding-left: 15px;border:1px solid #ddd;}
.from{margin-bottom: 38px;}
.radiobox{line-height: 40px;}
.input-wra{display: flex;margin-bottom: 7px;}
.selebox{width: 100%;}
.selebox select{display: block;width: 100%;height: 40px;line-height: 40px;padding-left: 15px;border: 1px solid #ddd;}
.input-wra .from-tit{width: 110px;}
.input-wra .inputbox{width: 100%;}
.attrname {height: 35px;line-height: 35px; width: 65px; text-align: justify;text-align-last: justify;display: inline-block;overflow: hidden;vertical-align: top; margin-left: 6px;color: #606266;}
.requiredAttr::before {height: 100%;line-height: 41px;content: '*';color: red;}
.attrcolon {font-style: normal;display: inline-block;padding-left: 3px;height: 34px;line-height: 34px;}
.up-tit{margin-right: 24px;padding-left: 5px;}
.filebox a{margin-top: 5px;display: inline-block;width: 94px;height: 32px;line-height: 32px;background: url(../../images/up-btn.png)no-repeat;}
.filebox a input{opacity: 0;outline: none;}
.o-tit{width: 85px;display: block;padding-left: 10px;height: 40px;line-height: 40px;}
.form-control {
    border-color: #dddddd;
}
.formup-group{width: 50%;float: left;}
.formup-group select{display: inline-block;width: 90%;height: 40px;line-height: 40px;border: 1px solid #ddd;}

/*******************************
	--------[评选活动报名成功]-------
********************************/
.succ-tip{font-size: 18px;color: #0d6183;text-align: center;margin-top: 82px;}
.succ-apply-btn{width: 62%;margin: 126px auto 140px;}
.succ-apply-btn div:first-child{float: left;}
.succ-apply-btn div:last-child{float: right;}
/*******************************
	--------[直播课程报名]-------
********************************/
.succ-btn{width: 75%;margin:0 auto 78px;}
.succ-btn a{display: inline-block;height: 60px;line-height: 60px;padding: 0 52px;background: #66aad7;border-radius: 10px;font-size: 24px;color: #fff;}
.succ-btn a:last-child{float: right;}
/*******************************
	--------[免费资源列表]-------
********************************/
.resource-list{margin-bottom: 54px;}
.resource-list h4{width: 100%;font-size: 18px;color: #333;margin-bottom: 25px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.submit-btn{width: 60%;}

@media (min-width: 1200px) {
	.container {
	    width: 930px;
	}
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

}

/*Common For Max 768*/
@media only screen and (max-width: 992px) {
	  .succ-btn{width: 100%;margin:0 auto 78px;}
		.succ-apply-btn{width: 85%;}
}
 
@media only screen and (max-width: 767px) {
	.succ-btn a{display: block;float: none!!important;margin: 0 auto;margin-bottom: 10px;text-align: center;}
	.succ-btn a:last-child{float: none;}
	.succ-apply-btn {
    margin: 90px auto;
}
	.succ-apply-btn div:first-child{float: left;width: 40%;}
	.succ-apply-btn div:last-child{float: right;width: 40%;}
	.login-wra {
    width: 95%;
    height: 310px;
    background: #fff;
    border-radius: 10px;
    position: static;
    left: 0;
		margin-left: 0;
    top: 50%;
		margin: 0 auto;
    margin-top: 100px;
}
.login-input {
    width: 300px;
    margin: 14px auto 0;
}
.filebox a{display: block;}
.input-wra .filebox {
    width: 84%;
}
.o-tit {
    width: 80px;
}
.tit{margin-top: 40px;}
.apply-btn {
    margin-top: 30px;
}
.succ-tip {
    margin-top: 40px;
}
.succ-apply-btn {
    margin: 40px auto;
}
.footer {
    padding-top: 40px;
}
.footer p {
    margin-bottom: 20px;
}
.content-text{
	margin: 40px 0 40px;
}
.succ-btn{
	margin: 0 auto 40px;
}



}

/*Common For Max 556*/
@media only screen and (max-width: 556px) {
	.formup-group select {
    width: 80%;
}
}

/*Common For Max 414*/
@media only screen and (max-width: 479px) {
	
}

/*Common For Max 375*/
@media only screen and (max-width: 413px) {
	.succ-btn a{padding: 0 20px;font-size: 20px;}
}

/*Common For Max 320*/
@media only screen and (max-width: 320px) {

}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

}

/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
		
}

/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
	
}

/*240*/
@media only screen and (max-width: 319px) {
	
}