html,body{
    height: 100%;
    overflow: hidden;
}

body{
    background-color: #fff;
    overflow: auto;
}

/*一级头部开始*/
.header{
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    width: 100%;
    min-width: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    transition:height 1s;
    -moz-transition: height 1s, -moz-transform 1s; /* Firefox 4 */
    -webkit-transition: height 1s, -webkit-transform 1s; /* Safari and Chrome */
    -o-transition:height 1s, -o-transform 1s; /* Opera */
    cursor: pointer;
    box-shadow:0px 5px 10px 0px rgba(14,119,170,0.06);
}
.header .content{
    margin: 0 auto;
    max-width: 1280px;
    min-width: 1000px;
    position: relative;
    text-align: right;
    padding: 0 14px;
    box-sizing: border-box;
}
.header .content .logo{
    width: 97px;
    height: 21px;
    background: url("../../images/teacher/logo.png") center left no-repeat;
    /*background-size: 69px 49px;*/
    float: left;
    margin-top: 10px;
}
.gray-blank{
    height: 15px;
    position: absolute;
    top: 44px;
    width: 100%;
    left: 0;
    z-index: 1000;
    background-color: #F6F9FA;

}
.container{
    height: 100%;
    padding-top: 100px;
    box-sizing: border-box;
}
.code-panel{
    min-height: 800px;
    min-width: 800px;
    /*width: 100%;*/
    /*height: 100%;*/
    text-align: center;
}
.code-panel .title{
    font-size:26px;
    font-weight:400;
    color:rgba(103,111,129,1);
    line-height:200px;
    box-sizing: border-box;
    height: 200px;
    text-align: center;
}

.code-panel .code-box{
    display: inline-block;
    width:576px;
    height:508px;
    box-sizing: border-box;
    background:rgba(255,255,255,1);
    text-align: center;
    padding-top: 76px;
}

.codeinput{
	text-align: center; 
	width: 244px;
	border-left-width:0px;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom:1px solid #999999;
	height:40px;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	color:#03BBB5;
	letter-spacing:10px;
}
.codeinput:hover{
	border-bottom:2px solid #03BBB5;
}
.codeinput:focus{
	border-bottom:2px solid #03BBB5;
}

.code-panel .code-box .code-wrapper{
    display: inline-block;
    
    width: 300px;
    height: 300px;
}
.code-panel .code-box img{
    width: 100%;
    height: 100%;
}


.code-panel .code-box .text{
    text-align: center;
    line-height: 30px;
    color: #333;
    margin-top: 30px;
    height:30px;
    font-size:16px;
    font-weight:400;
    color:rgba(110,123,151,1);
}


.upload-panel{
    width: 100%;
    height: 100%;
    text-align: center;
    min-height: 700px;
}

.upload-box{
    
    margin-left: 50%;
    transform: translate(-50%, 0%);
    width:600px;
    background:rgba(255,255,255,1);
    display: inline-block;
}

.upload-box .title{
	font-size:18px;
    font-weight:400;
    color:#333333;
    line-height: 25px;
    height: 26px;
    box-sizing: border-box;
    background-repeat: no-repeat;
}

.upload-box .upload-content{
    box-sizing: border-box;
    height: 482px;
    /* padding: 0 35px 10px 35px; */
}
.upload-box .task-info-box{
    padding: 10px 0;
    line-height: 30px;
    height: 80px;
    box-sizing: border-box;
    
}

.upload-box .task-info-box p{
    height: 30px;
    line-height: 28px;
    font-size:16px;
    font-weight:400;
    color:#03BBB5;
}
.upload-box .attach-box{
    width:600px;
    background:rgba(255,255,255,1);
    /* border:1px solid rgba(234,240,245,1); */
    position: relative;
    margin-top: 20px;
}


.upload-box .attach-box .btn-upload{
    width:100%;
    height:60px;
    background:rgba(255,255,255,1);
	border:1px solid rgba(234,240,245,1);
	
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 48px;
    font-size:14px;
    font-weight:400;
    color:rgba(3,187,181,1);
    /*background: url("../../images/teacher/logo.png") center left no-repeat;*/
}

.upload-box .upload-msg-box{
    text-align: center;
    width: 600px;
}
.upload-box .upload-msg-box p{
    text-align: center;
    line-height: 30px;
    font-size:14px;
    font-weight:400;
    color:#7F91A9;
}
.upload-box .upload-msg-box .warn{
    color: #F20000;
}

.upload-box .attach-box.empty .btn-upload{
    width:118px;
    height:118px;
    background:rgba(241,245,248,1);
    border:1px solid rgba(226,234,240,1);
    border-radius:59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -59px 0 0 -59px;
    line-height: 116px;
    color: #03BBB5;
    font-size: 50px;
    font-weight: 100;
    box-sizing: border-box;
    /* display: none; */
}






.attach-list {
    display: block;
    max-height: 350px;
    font-size: 0;
    overflow-y: auto;
}

.upload-box .attach-box.empty .attach-list{
    display: none;
}

.attach-list .res-item{
    height: 70px;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%;
}

.attach-list .res-item:nth-child(2n-1){
    background:rgba(241,245,248,1);
}

.attach-list .res-item img{
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.attach-list .res-item .res-name{
    line-height: 25px;
    font-size:14px;
    font-weight:400;
    color:rgba(51,51,51,1);
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;
    display: inline-block;
    float: left;
    margin-left: 70px;
    margin-top: 10px;
}
.attach-list .res-item .res-name .res-result{
    font-size: 12px;
    color: #666666;
}
.attach-list .res-item .res-info{
    text-align: left;
    font-size:12px;
    font-weight:400;
    color:rgba(186,186,186,1);
    display: inline-block;
    line-height: 70px;
    float: right;
    margin-right: 70px;
}


.attach-list .res-item .res-icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 70px;
    background-size: 40px auto;
    background-position: left center;
    background-repeat: no-repeat;
}
.single{
	background:#F1F5F8;
}
.single2{
	background:#FFFFFF;
}

.attach-list .res-item .res-icon.excel {
    background-image: url("../../images/student/excel.png");
}

.attach-list .res-item .res-icon.audio {
    background-image: url("../../images/student/mp3.png");
}

.attach-list .res-item .res-icon.text {
    background-image: url("../../images/student/txt.png");
}

.attach-list .res-item .res-icon.video {
    background-image: url("../../images/student/video.png");
}

.attach-list .res-item .res-icon.doc {
    background-image: url("../../images/student/word_new.png");
}

.attach-list .res-item .res-icon.ppt {
    background-image: url("../../images/student/ppt_new.png");
}

.attach-list .res-item .res-icon.pdf {
    background-image: url("../../images/student/pdf.png");
}

.attach-list .res-item .res-icon.pic {
    background-image: url("../../images/student/pic.png");
}

.attach-list .res-item .res-icon.link {
    background-image: url("../../images/student/link.png");
}

.attach-list .res-item .res-icon.txt {
    background-image: url("../../images/student/txt.png");
}

.attach-list .res-item .btn-del{
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    background: url("../../images/student/delete_file_icon.png") no-repeat center center/33px 33px;
    z-index: 2;
    cursor: pointer;
}


.attach-list.unlink .res-item{
    background-image: none;
}

#attach_list{
    /*overflow-y: scroll;*/
    overflow: auto;
}
.file-select-box{
	width:598px;
	height:70px;
	background:#FFFFFF;
	border:1px solid #EAF0F5;
	margin-top: 10px;
	line-height: 70px;
	cursor: pointer;
}
.file-select-span{
	font-size:14px;
	line-height:28px;
	color:#7F91A9;
	background-image: url("../../images/student/icon_add.png");
    background-repeat: no-repeat;
    background-position: left 0px center;
    padding-left: 30px;
}
.task-file-count-info{
	max-width:600px;
	height:24px;
	background:#F2F2F2;
	border-radius:15px;
	color: #999999;
	line-height: 24px;
}

.commit-panel{
	min-height: 800px;
    min-width: 800px;
    text-align: center;
}

.commit-box{
	margin-top:180px;
	width:100%;
    height:131px;
	background: url("../../images/teacher/commitbg.png") no-repeat center;
	
}
/* .progress{
	width:280px;
	height:7px;
	background:#E1E1E5;
	border-radius:4px;
	display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    position: relative;
}
.progress .percent{
	width:1%;
	height:7px;
	background:#35C2BE;
	border-radius:4px;
}
.uploaded-file-size{
	font-size:12px;
	color: #35C2BE;
	height:16px;
	line-height:16px;
	margin-left: 15px;
}
.upload-file-size{
	font-size:12px;
	color: #E1E1E5;
	height:16px;
	line-height:16px;
} */