xiaoben-as2-php/css/third/paperCard.css

#choose-error{color:red}
#examName-error{color:red}
#classIds-error{color:red}
#type-error{color:red}
#markType-error{color:red}
#subject-error{color:red}
#examDate{color:red}
.right-content{float:left;}
.left-content{float:right;padding-right:20px;width:61%}
.icon-title{display:inline-block;margin-right:10px;width:6px;height:41px;background-color:#45ccbb;vertical-align:top}
.icon-title{display:inline-block;margin-right:10px;width:6px;height:41px;background-color:#45ccbb;vertical-align:top}
.card,.papers{padding:20px}
.card{display:inline-block;width:733px}
h2{display:inline-block;margin-top:5px;margin-bottom:20px}
.template-box{overflow:hidden}
.template-box li{list-style:none;float:left;margin-top:15px;margin-right:15px;padding:5px;width:216px;height:66px;border:2px solid #ebebeb}
.card-type{font-size:14px;font-weight:400;color:#14a55c}
.card-name{line-height:31px;font-size:14px;text-align:center;color:#6c6c6c;font-weight:400}
.new-card{height:78px;font-size:16px;line-height:40px;color:#6c6c6c}
.icon-add_card{margin-left:20px;font-size:36px;vertical-align:sub}
.icon-delete{display:none;float:right;width:18px;height:18px;background:url(/images/icon-delect.png) 0 0 no-repeat}
.template-box .size{margin-right:10px}
.template-box li.active{border:2px solid red}
.template-box li.active a{color:#ff7c7c}
.template-box li.active .icon-delete{display:inline-block}
.card-more{display:block;width:70px;padding:3px;border-bottom:2px solid #4d6ca3;color:#09f}
.printing-card{display:inline-block;margin-left:30px;width:100px;line-height:30px;text-decoration:none;text-align:center;border-radius:3px;color:#fff;background-color:#15a55d}
.printing-card:hover{background-color:#098346}
.save-card{display:inline-block;margin-left:30px;width:164px;line-height:30px;text-decoration:none;text-align:center;border-radius:3px;color:#fff;background-color:#63B8FF}
.save-card:hover{background-color:#4F94CD}
.dialog{display:none;position:absolute;left:50%;top:50%;margin-left:-205px;margin-top:-130px;padding:20px;width:410px;height:260px;border:1px solid #999;background:#fff}
.dialog-save_card h2{width:100%;line-height:100px;text-align:center}
.dialog-save_card p{font-size:12px;color:red}
.dialog-name_repeat p{width:100%;line-height:100px;text-align:center}
.dialog-content{color:#868686}
.dialog-content input{margin-left:10px;width:254px;height:31px;color:#999}
.btn-box span{display:inline-block;width:90px;height:40px;line-height:40px;border-radius:5px;text-align:center;color:#fff;cursor:pointer}
.btn-card_save{position:absolute;left:90px;bottom:40px;background-color:#3CB371}
.btn-card_cancel{position:absolute;left:230px;bottom:40px;background-color:#ccc}
.template-box a{cursor:pointer;text-decoration:none;color:#333}
.mcp-fl-btns input{border:none;margin-right:14px;display:inline-block;width:141px;height:30px;color:#fff}
.mcp-fl-btns .mcp-sure-btn{margin-left:10px;}


*{padding:0;margin:0;font-family:微软雅黑}
li,ol,ul{list-style-type:none}
.clearfix:after{clear:both;overflow:hidden;content:"";display:block}
button,input{outline:0}
.fl{float:left}
.fr{float:right}
.ml15{margin-left:15px}
.ml10{margin-left:10px}
.ttd{background:url(/images/back-d.png) center repeat;width:100%;height:100%;position:fixed;top:0;z-index:999}
.s-state{width:445px;background:#fff;margin:12% auto 0 auto}
.hint_size{height:45px;width:90%;color:#333;line-height:45px;margin:0 auto;border-bottom:1px solid #ccc}
.mistake_character{text-align:left;color:#606060;font-size:14px;padding:0 0 28px 0;width:90%;margin:0 auto}
.roger{width:100px;height:35px;border:1px solid #15ae68;background:#15ae68;color:#fff;font-size:16px;cursor:pointer}
.rogergb{background:#ccc;border:1px solid #ccc}
.allTeacher{width:164px;height:30px;border:1px solid #ccc;border-radius:6px;margin-top:10px}
button.wordBtn{background:#50d2c2;color:#fff;width:120px;height:30px;border:1px solid #50d2c2;cursor:pointer;border-radius:4px;margin-left:15px}
.notice{float:left;color:red;font-size:12px;line-height:24px;width:352px;padding-left:19px;padding-bottom:13px}
.bnt_width{width:235px;margin:0 auto}
.c_bnt_width{width:330px;margin:0 auto}
.mcp-radio-sel-no{margin-right:20px}
.mcp-radio-sel-no>span{display:inline-block;vertical-align:middle}
.template-flag-box{padding-left:50px;text-align: center;}
.template-flag-box a{display:inline-block;color:#fff;text-decoration:none;border-radius:3px;width: 100px;text-align: center;background: #2977ff;height: 30px;margin-right:20px;line-height:30px}
.teamplate-list-box{margin:20px;border:1px solid #ccc;display: none;}
.teamplate-list-box .mcp-fl-btns{padding-left:50px; text-align: left}
.template-flag-box .gray{
  background: #999999;
}
.card-setting{width: 100%;}
.card-setting td{padding:0 20px 30px 20px; font-size: 14px;}
.card-setting td label{display: inline-block; width:100px;font-weight: normal}
.card-setting td .special-type{width: 150px;}
.card-setting td input[type="radio"],.ques-type input[type="checkbox"]{margin-right: 3px;margin-bottom: 4px; width: 14px;height: 14px;vertical-align: middle;}
.card-setting th{vertical-align: top; text-align: right;font-weight: normal;font-size: 14px;width: 110px;}
.card-setting label{cursor: pointer;}
.ques-type input[type="text"]{padding-left: 5px; width:80px;height: 34px;border:1px solid #15a55d;border-radius: 3px;outline: none;}
.topic-num input,.topic-num-choose input[type="text"]{width: 380px;}
.ques-type p{margin-top:3px; color: #888;font-size: 14px;}
/*.ques-type div{margin-bottom:50px;}*/
.ques-print{padding-left: 30px;}
.ques-print a{display: inline-block;margin-left: 30px; width: 100px;line-height: 30px;text-decoration: none;text-align: center;border-radius: 3px;color: #fff;background-color: #15a55d;}
.ques-print a:hover{background-color: #098346;}
.ques-topic-num{margin-top:30px;}
.ques-topic{margin-bottom: 20px; border:1px solid #ccc;border-radius: 5px; display: none;}
.ques-topic h3{position: relative; padding:0 10px;line-height: 36px;border-bottom: 1px solid #ccc;background-color: #f2f2f2;border-radius: 5px 5px 0 0 ;}
.ques-topic h3:before{content:"";position: absolute;left: 0;top:50%;width: 0;height: 16px;border-left:4px solid #15a55d;transform:translateY(-50%);}
.ques-topic-list{position:relative; padding:10px;border-bottom:1px solid #ccc;}
.ques-topic-item{line-height: 34px;}
.ques-topic-item em{position: relative;}
.ques-item-del{position: absolute;right:10px;top:10px;width: 20px;cursor:pointer}
/*.ques-topic-item label{font-size: 14px;}*/
.ques-topic-item-edit b{background: url(/css/third/img/del.png) no-repeat;position: absolute;right: 0;top:0;width: 10px;height: 10px;transform: translateX(-40%);-webkit-background-size: cover;background-size: cover;cursor: pointer;}
.ques-topic-item a{padding:2px 10px;font-size: 12px; text-decoration: none;background-color: #15a55d;color: #fff;border-radius: 3px;}
.ques-topic-item s{width: 20px;height: 20px;margin-bottom:-5px;margin-right:5px; background: url(/css/third/img/add.png) no-repeat left center;-webkit-background-size: 20px;background-size: 20px;cursor: pointer;display: none;}
.ques-topic-item-edit s{display: inline-block;}
.add-type img{margin-right: 10px; width: 50px;}
.add-type a{margin:10px; display: inline-block;font-size: 14px;text-decoration: none;}
/*.ques-topic3 .ques-topic-list{border-bottom:0;}*/
.line-type{margin-left:30px;font-size: 14px;}
.line-control{display: none;font-size: 12px;margin:0 60px 0 -40px; }
.line-control input[type="text"]{height: 21px;width: 60px;text-align: center; border-color: #ccc; border-radius: 0;}
.line-control b{display: inline-block;margin-bottom: -5px; width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 16px; border:1px solid #ccc;background-color: #eee;overflow: hidden;cursor: pointer;}
.ques-topic-item .ques-style{position: relative;cursor: pointer;}
.ques-topic-item .ques-style img{position: absolute;left: 18px;top:18px;width: 360px; box-shadow: 0 0 15px rgba(0,0,0,.2);display: none;z-index: 2;}
.ques-topic3 .ques-topic-item .ques-style:before{content: "?";display: inline-block;margin-right: 3px; width: 20px;height: 20px;line-height: 20px;text-align: center; background: #aaa;border-radius: 50%;color: #fff;}
.choose-topic{border:0;}
.choose-topic div{margin:14px 0;}
.tpl_save_type{width:15px;height:15px;}

.card-style a{padding:0 30px; margin-right:14px;display:inline-block;height:30px;line-height:30px;text-align: center; border:1px solid #333;border-radius: 3px;text-decoration: none;}
.card-style a.active{color:#fff;background:#1FBF86;border-color:#1FBF86}
.card-select{margin-top:10px;display: none;}
.card-select.cur{display: block}
.ques-type-control input{visibility: hidden;}
.ques-type-control label{position: relative; margin-right:14px;display:inline-block;height:30px;line-height:30px;text-align: center; border:1px solid #333;border-radius: 3px;text-decoration: none;}
.ques-type-control label.active{color:#fff;background:#1FBF86;border-color:#1FBF86}
.ques-type-control label:before{content:"+";display: block;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;}
.include-topic{margin-top:10px;}
.include-topic a{position: relative;display: inline-block;padding-left:20px;line-height: 24px; color: #63B8FF; text-decoration: none;}
.include-topic a:before{content:"+";display: block;position:absolute;left:0;font-size:22px;}
.del-include{margin-left:10px; width:20px;vertical-align: middle;cursor: pointer;}
.include-list li{margin:5px 10px;}

em,i{font-style: normal;}
.hgc_inputItem{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.hgc_inputItem p{
  width: 300px;
}
.hgc_inputItem .error{
  display: none;
  color: #FF0000;
}
/* 补充右侧布局 */
.hgc_leftContent {
  /* display: none; */
  /* float: right; */
  padding-right: 20px;
  /* width: 61%; */
  padding: 20px;
  /* border-left: 1px solid #D8D8D8; */
}
.hgc_leftContent .theme {
  color: #16AE69;
}
.hgc_leftContent .module h2 {
  display: block;
  position: relative;
  font-size: 16px;
  color: #333;
  margin: 0;
  margin-bottom: 20px;
}
.hgc_leftContent .module h2 span {
  position: relative;
  height: 22px;
  padding: 0 10px;
  line-height: 22px;
  background: #fff;
  z-index: 10;
}
.hgc_leftContent .module h2 span:nth-child(1) {
  padding-left: 10px;
  border-left: 2px solid #16AE69;
}
.hgc_leftContent .module h2 span.notice {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  text-align: center;
}
.hgc_leftContent .module h2 .notice {
  font-size: 14px;
}
.hgc_leftContent .module h2:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #D8D8D8;
}
.hgc_leftContent .contentInfo {
  min-height: 400px;
}
.hgc_leftContent .contentNoInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
  min-height: 400px;
}
.hgc_leftContent .contentNoInfo img {
  width: 120px;
  height: 120px;
}
.hgc_leftContent .contentNoInfo span {
  padding: 20px 0;
  font-size: 16px;
  color: #333333;
  text-align: center;
}
.hgc_leftContent .contentNoInfo .hbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 40px;
  background: #fff;
  border: 1px solid #16AE69;
  color: #16AE69;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}
.hgc_leftContent .contentNoInfo .hbtn:hover {
  background: #16AE69;
  color: #fff;
}
.btn-go-answer-sheet{
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 40px;
  background: #fff;
  border: 1px solid #16AE69;
  color: #16AE69;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}
.btn-go-answer-sheet:hover {
  background: #16AE69;
  color: #fff;
}
.hgc_leftContent .opratorBnts {
  /* display: flex; */
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
  background: #F8F8F8;
  border-radius: 2px;
  font-size: 16px;
}
.hgc_leftContent .opratorBnts #editMyTpl{
  float: right;
}
.hgc_leftContent .opratorBnts #editNewMyTpl{
  float: right;
}
.hgc_leftContent .opratorBnts .theme{
  cursor: pointer;
}
.hgc_leftContent .subjectInfo {
  font-size: 14px;
}
.hgc_leftContent .subjectInfo .infoItem {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.hgc_leftContent .subjectInfo .infoItem em {
  width: 80px;
}
.hgc_leftContent .subjectInfo .infoItem .info {
  width: calc(100% - 80px);
  display: flex;
  flex-direction: column;
}
.hgc_leftContent .subjectInfo .infoItem .info p {
  display: flex;
  margin-bottom: 20px;
}
.hgc_leftContent .subjectInfo .infoItem .info p span {
  position: relative;
  width: 20%;
  text-align: left;

}
.hgc_leftContent .subjectInfo .infoItem .info p span strong{
  position: relative;
  display: block;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hgc_leftContent .subjectInfo .infoItem .info p span i{
  position: absolute;
  width: 130px;
  padding: 5px;
  bottom: 25px;
  left:0;
  background: rgba(0,0,0,.5);
  color: #fff;
  display: none;
}
.hgc_leftContent .subjectInfo .infoItem .info p span:hover i{
  display: block;
}
.hgc_leftContent .subjectInfo .infoItem .info p span i:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border:5px solid transparent;
  border-top-color: rgba(0,0,0,.5);
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.hgc_leftContent .tplBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hgc_leftContent .tplBox .btnItem {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border-radius: 50%;
}
.hgc_leftContent .tplBox .btnItem:after,
.hgc_leftContent .tplBox .btnItem:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 30px;
  height: 30px;
  border-left: 5px solid #ddd;
  border-bottom: 5px solid #ddd;
  transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 5px 5px;
}
.hgc_leftContent .tplBox .btnItem.rightBtn:after,
.hgc_leftContent .tplBox .btnItem.rightBtn:before {
  transform: rotate(-135deg) translate(-50%, -50%);
  -webkit-transform: rotate(-135deg) translate(-50%, -50%);
  transform-origin: 0 0;
}
.hgc_leftContent .tplBox .tplCut {
  position: relative;
  width: calc(100% - 140px);
  height: 210px;
  overflow: hidden;
}
.hgc_leftContent .tplBox .tplCut .tplList {
  display: flex;
  flex-wrap: nowrap;
  position: absolute;
  left: 0;
  top: 0;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem {
  width: 210px;
  margin-right: 15px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0 0 6px 0 #E7F3F0;
  border-radius: 4px;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top {
  background: #E8F0EE;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 strong {
  padding-right: 5px;
  font-weight: bold;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu {
  position: relative;
  width: 20px;
  height: 20px;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu.active .menuList {
  display: flex;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu.active .triangle {
  display: block;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu strong {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu strong b {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #333;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu .menuList {
  position: absolute;
  flex-direction: column;
  width: 50px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 6px 0 #E7F3F0;
  border-radius: 4px;
  top: 30px;
  right: 0;
  display: none;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu .menuList span {
  padding: 5px 0;
  font-size: 14px;
  color: #16AE69;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu .menuList span:nth-child(3) {
  color: #FF4D59;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .top h3 .menu .triangle {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 25px;
  background: #fff;
  border-radius: 2px;
  transform: rotate(45deg);
  z-index: 10;
  display: none;
}
.hgc_leftContent .tplBox .tplCut .tplList .tplItem .itemModule {
  display: flex;
  height: 100px;
  padding: 10px;
  flex-direction: column;
  justify-content: space-around;
}

.hgc_leftContent .tplBox .tplCut .tplList .tplItem .itemModule h3{
  font-size: 14px;
}

#downLoadPdfBtn{
  /* flex: 1; */
  padding-left: 20px;
  color:#666;
  cursor: pointer;
}


.relation-answer-card{
  display: none;
}

.mcp-title {
  text-align: center;
}
.mcp-title span{
  margin: 0 10px;
}
.mcp-title .active{
  color: #2977ff;
}
.mcp-title .horizontal-line{
  position: relative;
  bottom: 3px;
  display: inline-block;
  width: 34px;
  height: 1px;
  border-bottom: 1px solid #000;
}
.cardlist-table{
  width: 100%;
}
.cardlist-table a{
  margin:0 2px;
  color: #01B677
}
.cardlist-table tr:nth-child(odd){
  background: #f5f5f5;
}
.cardlist-table td{
  padding-left: 20px;
  line-height: 36px;
}
.cardlist-table tr:hover{
  background: #eee;
}
.hgc_leftContent .module{
  margin-top:20px;
}
.card-use,.show-all{
  margin:-2px 3px 0 0!important;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
}
.show-all{
  margin-left: 30px!important;
}
.card-load-tips{
  margin-bottom: 10px;
  color: #f00;
}