body{ margin:0; padding:0;font-family: "微软雅黑" arial, sans-serif; font-size:12px; color:#333;background:#EDEEF3;} div,form,img,ul,ol,li,dl,dt,p,dd,input,span,textarea,i{margin:0; padding:0; border:none; outline:none; font-style:normal;} li{list-style-type:none;} img{vertical-align:top;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;} /* Link */ a:link { text-decoration:none;} a:visited {text-decoration:none;} a:hover { color:#E87A53;} a:active {color: #333;} /* Link end */ .w5px{ width:100%; height:5px; clear:both; font-size:0px;} .w11px{ width:100%; height:11px; clear:both; font-size:0px;} .w10px{ width:100%; height:10px; clear:both; font-size:0px;} .w15px{ width:100%; height:15px; clear:both; font-size:0px;} .w20px{ width:100%; height:20px; clear:both; font-size:0px;} .marl15px{ margin-left:15px; display:inline;} .marr10px{ margin-right:10px;} .bggray{ background-color:#f5f5f5;} /*---------top css start-------------*/ .top{ width:100%;} .wrap{ width:100%;} .main{ width:980px; margin:0 auto;} .bottom{ width:100%;} .fL {float:left} .fR {float:right} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block; overflow:hidden } .clearfix { display:block } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } /*-------------------start---------------------*/ .wrapContent{ margin:45px 0 0 0; } .topContent{ background:#2e363e; font-size: 14px; height:45px; line-height: 45px; color:#fff; padding:0 0 0 15px; border-bottom: 1px solid #0b0e11; } .mainSidebar{ width:70px; text-align: center; background: #232A32; height: 100%; position: fixed; } .mianAdmini h2{ margin:0 auto; background:#232A32; color:#fff; border-top: 1px solid #2e363e; border-bottom: 1px solid #0b0e11; cursor:pointer; } .mianAdmini h2 a{ display:block; height:68px; } .mianAdmini h2:hover{ background:#384048; border-left: 2px solid #337ab7; } .mianAdmini span{ margin:15px 0 0 0; width:70px; font-size: 30px; color:#fff; } .mainNav li{ font-size: 14px; border-top: 1px solid #2e363e; border-bottom: 1px solid #0b0e11; } .mainNav li.active{ border-left: 2px solid #337ab7; } .mainNav li:hover{ background:#384048; border-left: 2px solid #337ab7; cursor:pointer; } .mainNav li a{ display:block; height:68px; } .mainNav li a:hover{ color:#337ab7; } .mainNav li span{ margin:12px 0 0 0; font-size: 25px; width:70px; color:#f1f1f1; } .mainContainer{ margin:0 0 0 70px; padding:0 0 30px 0; overflow:auto; } .mainContent{ padding:0 20px 0; } .page-Header{ margin:15px 0 0 0; } .page-Header h3{ margin:2px 0 0 0; } .operate{ margin:10px 0 0 0; padding:15px; background:#fff; } .sort{ width:80px; } .choice li{ float:left; height:34px; line-height: 34px; font-size: 14px; color:#333; margin:0 5px 0 0; } .Addchoice li{ margin:10px; } .search{ width:380px; } .input_search{ cursor: pointer; } .input_search:hover{ background:#ddd; } .project{ margin:15px 0 0 0; background:#fff; padding:0 15px 5px 15px; } .projectBox{ padding:15px 15px 5px 15px; } .select_wrap{ width:180px; } .project a:hover{ text-decoration: underline; cursor:pointer; } .projectCon1{ width:580px; margin:0 10px 0 0; font-size: 14px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; } .projectCon2{ width:110px; text-align: center; } .projectCon3{ width:200px; text-align: center; } .projectCon3 a:hover{ text-decoration: none; } .projectCon3 span{ margin:0 5px; } .projectCon3Num{ margin:0 5px; font-weight: normal; color:#337ab7; } .btn_fize{ padding:0 5px; font-size: 12px; } .projectCon4{ width:200px; } .projectCon4 a{ margin:0 3px; } .table_bottom{ margin-bottom:0; } .table_bottom th,.table_bottom td{ font-size: 14px; border:none !important; border-bottom: 1px dashed #ccc !important } .control-labelAdd{ width:10%; } .control-labelone{ padding:0 0 0 5px; } .classContainer{ margin:5px 0 0 0; padding:15px 15px 0 15px; background:#fff; font-size: 14px; } .classContainer li{ padding:0; background: #f6f6f6; border:none; border-radius: 4px; margin:15px 0 0 0; } .classContainer li:hover{ background:#f1f1f1; } .classContainer li a{ cursor:pointer; } .classContainer li a:hover{ text-decoration: underline; } .classContent{ margin:0 15px 0 0; } .classContentImg{ float:left; width:70px; height:70px; background:#eee; text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .classContentImg img{ width:40px; height:55px; padding:15px 0 0 0; } .classContentBox{ margin:0 0 0 80px; height:70px; } .classContent1{ font-size: 16px; padding:7px 0 5px; border-bottom:1px dashed #ccc; } .classContent2{ padding:5px 0 10px; } .classTime{ font-size: 12px; margin:5px 0 0 0; color:#aaa; } .classContent2 a{ font-size: 12px; margin:0 5px; } .classNum{ background:#aaa; color:#fff; margin:0 10px 0 0; } .addModal_body{ } #className,#classNumber{ width:300px; } .form-groupCon{ margin-bottom: 10px; } #exampleInputFile{ margin:5px 0 0 0; } .classListTitle{ background:#f1f1f1; padding:10px 15px; border-radius: 4px; } .classList{ padding:15px; background:#f6f6f6; border-radius: 4px; margin:15px 0 0 0; } .classListFirst{ padding:0 0 5px 0; } .classListNum{ float:left; width:60px; } .classListWork{ float:right; width:350px; } .classListName{ margin:0 350px 0 60px; } .classListWork a{ padding:0 10px 0 0; cursor:pointer; } .classListTwo ul li,.classListThree ul li{ margin:5px 0 0 0; } .classListTwo ul li:hover,.classListThree ul li:hover{ background:#f6f6f6; } .classListTwo .classListName{ padding:0 0 0 20px; } .classListThree .classListName{ padding:0 0 0 40px; } .recom_wrap table{ margin-bottom:0; } .recom_wrap table tr th,.recom_wrap table tr td{ font-size: 14px; line-height: 34px; } .classID{ display: block; width:300px; height:34px; font-size: 14px; padding:6px 12px; line-height: 1.42857143; } .Addclass li{ float:left; padding:3px 0; margin:0 15px 0 0; }