xiaoben-as2-php/css/modelCreatePaper.css

*{margin: 0;padding: 0;}
body{background: #fff;margin: 0;}
.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
.ellipsis{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fl { float: left; }
.fr { float: right; }
.mcp-title{background: #E5E5E5;line-height: 38px;font-size: 14px;text-indent: 16px;}
.mcp-main-con{font-size: 14px;}
.mcp-form-list{margin: 20px 0;}
.mcp-form-menu{width: 110px;text-align: right;line-height: 30px;}
.mcp-form-detail{margin-left: 20px;line-height: 30px;position: relative;}
.test-paper-name{width: 220px;height: 30px;border: 1px solid #CCCCCC;text-indent: 10px;}

.mcp-radio-sel > span{display: inline-block;vertical-align: middle;}
.sel-btn{cursor: pointer;position: relative;width: 14px;height: 14px;border-radius: 50%;border: 1px solid #A7A7A7;background: #EEEEEE;}
.sel-btn.select:after{content: '';position: absolute;width: 8px;height: 8px;top: 3px;left: 3px;border-radius: 50%;background: #fff;}
.sel-btn.select{background: #2977ff;border: 1px solid #2977ff;}
.mcp-radio-sel{margin-right: 20px;}
.test-classes-desc{color: #BBBBBB;}
.test-classes-desc > span{color: #FF0000;}
.sel-classes{margin: 10px 0 16px;width: 370px;height: 70px;padding: 10px 20px;overflow: auto;border: 1px solid #DDDDDD;color: #619aff;font-size: 16px;font-weight: 600;}
.sel-classes > span{display: inline-block;margin-right: 10px;cursor: pointer;}

.grade-sel, .bj-sel{position: relative;width: 175px;height: 200px;margin-right: 20px;border: 1px solid #DDDDDD;text-align: center;}
.grade-sel ul li{cursor: pointer;list-style: none;line-height: 50px;}
.grade-top, .class-top {position: absolute;left: 0;right: 0;width: 100%;background: #EEEEEE;border-bottom: 1px solid #ddd;}
.grade-sel ul, .bj-sel ul {margin-top: 30px;height: 170px;overflow: auto;}
.grade-sel ul li.active {background: #EEEEEE;}

.judge-sel {cursor: pointer;display: inline-block;width: 15px;height: 15px;border: 1px solid #4FD2C2;vertical-align: middle;margin-right: 10px;}
.bj-sel ul li{list-style: none;line-height: 38px;}
.judge-sel.active{background:url(/images/sel.png) no-repeat;background-size: 100% 100%;}

.inp-text{position: relative;text-indent: 10px;border-radius: 6px;width: 156px;height: 100%;line-height: 30px;border: 1px solid #D8D8D8;cursor: pointer;}
.inp-text:after{content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #676767;position: absolute;right: 10px;bottom: 12px;}
.inp-text:before{content: '';height: 30px;width: 30px;background: #EEEEEE;border-left: 1px solid #ccc;position: absolute;right: 0;border-bottom-right-radius: 6px;border-top-right-radius: 6px;}
.select-con{display: none;border: 1px solid #ccc;border-top: none;position: absolute;background: #fff;z-index: 10;width: 156px;text-indent: 10px;line-height: 28px;}
.select-con li{list-style: none;}
.select-con li:hover{background: #619aff;color: #fff;cursor: pointer;}

.bj-sel ul li{list-style: none;line-height: 38px;text-align: left;text-indent: 16px;}
.mcp-fl-btns{text-align: right;margin-right: 20px;}
.mcp-fl-btns > input{border: none;margin-right: 14px;display: inline-block;width: 100px;height: 30px;color: #fff;}
.mcp-sure-btn{background: #0155fe;}
.mcp-back-btn{background: #A0A0A0;}