
@charset "UTF-8";
/* 
* @description: cp开放平台3.2.2 
* @version: 1.0 ### 0506
* @author: wuwl
* @update: wuwl ### 0506
*/
/* 
* @description: 元素 -- cp开放平台
* @version: 1.0
* @author: wuwl
* @update: wuwl
*/
.c-normal { color: #666666 !important; }

.c-weken { color: #999999 !important; }

.c-error { color: red !important; }

.unem { color: #999999 !important; }

.o-modify, .o-prefix, .state-icon-cs, .o-prefix-urgent, .pack-csaccount .img, .o-arr-up { display: block; background-image: url(../images/sprite/o_sp.png); background-repeat: no-repeat; }

.o-prefix-turn { background-position: 0 -37px; padding-left: 20px; line-height: 18px; color: #4089e0; }

.o-prefix-urgent { display: inline-block; background-position: 0 -19px; line-height: 18px; padding-left: 18px; }

.sim-form { position: relative; }
.sim-form .input { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; cursor: pointer; _width: 50px; _height: 30px; }

.sec-strong-title .oth { font-weight: 500; color: #666666; }

.state-icon-cs { width: 38px; height: 28px; background-position: 0 -33px; }

.line-notice-item .btn, .line-notice-item .text { float: left; }
.line-notice-item .btn { width: 100px; padding: 0 5px; margin: 0; }
.line-notice-item .text { line-height: 38px; padding-left: 20px; }

/* 
* @description: 通用弹窗功能 -- cp开放平台
* @version: 1.0
* @author: wuwl
* @update: wuwl
*/
.mod-pop-box { position: absolute; width: 400px; background: #fafafa; border: 1px solid #888; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; left: 50%; margin-left: -200px; top: 35%; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
.mod-pop-box .header { height: 39px; line-height: 39px; background: #f8f8f8; border-bottom: 1px solid #e0e0e0; padding: 0 10PX; }
.mod-pop-box .header .inner-text { float: left; font-size: 14px; color: #333333; font-weight: 700; }
.mod-pop-box .header .close { float: right; display: block; width: 20px; height: 20px; background-image: url(../images/sprite/close_sp.png); background-repeat: no-repeat; cursor: pointer; margin-top: 10px; }
.mod-pop-box .header .close:hover { background-position: 0 -20px; }
.mod-pop-box .content { padding: 0 15px; margin: 10px 0; }
.mod-pop-box .mult-btn-wrap { *zoom: 1; text-align: center; margin: 15px 0; }
.mod-pop-box .mult-btn-wrap:before, .mod-pop-box .mult-btn-wrap:after { display: table; content: ""; line-height: 0; }
.mod-pop-box .mult-btn-wrap:after { clear: both; }
.mod-pop-box .mult-btn-wrap .btn-sec-b, .mod-pop-box .mult-btn-wrap .btn-sec-w { display: inline-block; width: 80px; margin: 0 5px; }

.line-entry { *zoom: 1; margin-bottom: 10px; }
.line-entry:before, .line-entry:after { display: table; content: ""; line-height: 0; }
.line-entry:after { clear: both; }
.line-entry .label, .line-entry .line-input { float: left; line-height: 28px; margin-bottom: 0; }
.line-entry .input-textarea { width: 288px; height: 52px; }
.line-entry .input-textarea .input { height: 52px; }

/* 
* @description: 表格表单功能 -- cp开放平台
* @version: 1.0
* @author: wuwl
* @update: wuwl
*/
.line-input .input-text, .line-input .sep { float: left; }
.line-input .sep { line-height: 28px; padding-right: 8px; }
.line-input .input-float-none{
    display: inline-block;
    float: none;
}
.sel-and-text{
    height: 28px;
    margin-bottom: 5px;
}
.sel-and-text label{
    display: inline-block;
    width: 82px;
    line-height: 28px;
}

.input-notice-tips{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	color: #A1A1A1;
}

.mod-display-itemform { background: #fafafa; border: 1px solid #e5e5e5; margin: 10px 30px; padding: 5px 10px 5px 0; }
.mod-display-itemform .itemform { float: left; height: 28px; padding-left: 12px; margin: 5px 0; }
.mod-display-itemform .itemform .label, .mod-display-itemform .itemform .line-input { float: left; }
.mod-display-itemform .itemform .label { line-height: 28px; }
.mod-display-itemform .itemform .line-input { margin-bottom: 0; }
.mod-display-itemform .itemform .line-input .input-select, .mod-display-itemform .itemform .line-input .input-text { width: 100px; }
.mod-display-itemform .itemform .btn-sec-w { width: 100px; }

.big-prompt .dot-red-exclamation { display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }

.dot-lists .value { display: inline-block; padding: 0 4px; margin: 0 3px; height: 14px; line-height: 14px; background: #FF9956; color: #fff; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.main-top-header .game-big-title { line-height: 69px; }

.block-info-table-simple .content { padding: 6px 0; }
.block-info-table-simple .content .label, .block-info-table-simple .content .line-text { line-height: 20px; height: auto; }

.question-reply-wrap { padding: 0 30px 15px 30px; }
.question-reply-wrap .reply-widget { *zoom: 1; font-size: 12px; margin-bottom: 5px; color: #999999; }
.question-reply-wrap .reply-widget:before, .question-reply-wrap .reply-widget:after { display: table; content: ""; line-height: 0; }
.question-reply-wrap .reply-widget:after { clear: both; }
.question-reply-wrap .reply-widget .label { float: left; }
.question-reply-wrap .reply-widget .oth { float: right; }
.question-reply-wrap .reply-box { border: 1px solid #e5e5e5; font-size: 12px; color: #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: relative; }
.question-reply-wrap .reply-box .content { padding: 10px; }
.question-reply-wrap .reply-box .o-modify { position: absolute; width: 12px; height: 7px; background-position: 0 -4px; left: 8px; top: -7px; }
.question-reply-wrap .reply-box .below-block { background: #fafafa; padding: 7px 10px; border-top: 1px dotted #e6e6e6; cursor: pointer; }
.question-reply-wrap .reply-box .below-block:hover .o-prefix-turn { background-position: 0 -55px; }
.question-reply-wrap .reply-box .below-block:hover .link { text-decoration: underline; }

.question-reply-a .reply-widget, .question-reply-a .reply-box { color: #ff6600; }
.question-reply-a .reply-box { border-color: #f0dbb4; }
.question-reply-a .reply-box .o-modify { background-position: 0 -12px; }

.editor-wrap .input-textarea { width: 699px; height: 100px; margin-bottom: 10px; }
.editor-wrap .btn-widget { *width: 715px; }
.editor-wrap .btn-widget .btn { float: left; }
.editor-wrap .btn-widget .other-wrap { float: left; line-height: 37px; padding-left: 20px; }
.editor-wrap .btn-widget .other-wrap .text { padding-left: 15px; }

.mod-table-list-question .row-1, .mod-table-list-question .row-2, .mod-table-list-question .row-3, .mod-table-list-question .row-5 { width: 90px; }
.mod-table-list-question .row-4 { width: 180px; }
.mod-table-list-question .inner { color: #333; }
.mod-table-list-question .inner .sep { color: #ccc; margin: 0 10px; }
.mod-table-list-question .detail { color: #4089e0; }
.mod-table-list-question .oth { color: #999; }

.pack-csaccount { width: 90px; padding: 10px 30px 5px 0; float: right; color: #4089e0; cursor: pointer; position: relative; }
.pack-csaccount .img { width: 38px; height: 28px; background-position: 0 -73px; margin: 0 auto; }
.pack-csaccount .text { line-height: 26px; }
.pack-csaccount .hover-tips { display: none; position: absolute; right: 30px; top: 69px; width: 180px; padding: 5px 10px; background: #5ba5ff; color: #fff; }
.pack-csaccount .hover-tips .o-arr-up { position: absolute; top: -3px; right: 15px; width: 5px; height: 3px; background-position: 0 0; }
.pack-csaccount:hover .img { background-position: 0 -101px; }
.pack-csaccount:hover .text { text-decoration: underline; }
.mod-table-list-question .row-5 { width: 100px; }
.gamevalue-text{
  display: inline-block;
}
.gamevalue-text .input-text{
  display: inline-block; 
  float: none;
  width: 55px; 
  padding: 0px; 
  margin: 0px 5px; 
  height: 24px; 
  line-height:24px;
  vertical-align: middle;
}
.gamevalue-text .input-text .input{
  height: 24px;
  line-height:24px;
  width:45px;
  padding: 0 5px;
  margin-top:0;
}
.gamevalue-text .judge{
  margin-left:5px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.online-state{
   /* display: inline-block;*/
}
.input-active-close {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: 0px 0px url("https://image.9game.cn/s/uae/g/1m/game_open/web/public/img/app/task/close-ans.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    margin: 0px 5px 0px 7px;
}
.input-active-close:hover{
    background-position: 0px -21px;
}
.form-ans-add-full {
    color: #999999;
    text-decoration: none;
    cursor: default;
}
.form-ans-add-full:hover{
    color: #999999;
    text-decoration: none;
    cursor: default;
}
.rows-items {
  margin-bottom:15px;
}

.rows-items:before, .rows-items:after {
    display: table;
    content: "";
    line-height: 0;
}
.rows-items:after {
    clear: both;
}
.label-name {
  float: left;
  width: 55px;
  text-align: right;
  margin-right: 10px;
}


.blue-tag {
  color:#28a3ef;
  font-size:14px;
  cursor:pointer;
  position:relative;
}
.hoverImg {
  display:inline-block;
}
.hoverImg:hover .img-box {
  display:block;
}
.img-box {
  width:650px;
  height:530px;
  position:absolute;
  top:34px;
  left:-275px;
  background:#fff;
  display:none;
  color:#333;
  z-index:22;
  border:1px solid #ccc;
  padding:10px;
  border-radius:5px;
}
.img-box .cls {
  width:0;
  height:0;
  display:block;
  position: absolute;
  top: -20px;
  left:315px;
  border:10px solid transparent;
  border-bottom-color:#ccc;
}
.img-box .clsw {
  width:0;
  height:0;
  display:block;
  position: absolute;
  top: -18px;
  left: 315px;
  border: 10px solid transparent;
  border-bottom-color:#fff;
}


.modify-time-btn {
  width:130px;
  height:35px;
  margin:0px 10px 20px 30px;;
  display:inline-block;
  text-align:center;
  line-height:35px;
  color:#fff;
  font-size:14px;
  -webkit-border-radius:2px;
  background:#28a3ef;
  cursor:pointer;
}
.modify-time-btn:hover {
  background:#1299ec;
}

.mask-gray {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  opacity: 0.7;
  background: rgba(43, 46, 56, 0.901961);
  display: none;
}

.mask-wrap {
  position: fixed;
  z-index: 10000;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none;
  text-align: center;
  backface-visibility: hidden;
}

.mask-wrap:after {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

.mask-wrap .remodal {
  width: 362px;
  height: 252px;
  position: relative;
  text-size-adjust: 100%;
  outline: block;
  margin-bottom: 10px;
  transform: translate3d(0px, 0px, 0px);
  color: #2b2e38;
  border: 1px solid #999999;
  background: #fff;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.mask-wrap .remodal-close {
  position: absolute;
  top: 0px;
  display: block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  text-decoration: none;
  color: #95979c;
  overflow: visible;
  margin: 0px;
  padding: 0px;
  transition: color 0.2s;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  outline: 0px;
  background: transparent;
  left: auto;
  right: 0px;
  background: url("https://image.9game.cn/s/uae/g/1m/game_open/web/public/aliplay/web/assessment/NewAssessmentController/images/close.png") center center no-repeat;
}

.mask-wrap .remodal-box-top {
  height: 40px;
  line-height: 40px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 15px;
  font-size:14px;
  background:#f8f8f8;
  -webkit-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
  color:#666;
  font-weight:700;
}

.mask-wrap .remodal-box-text {
  height: 100px;
  padding: 20px;
  font-size: 14px;
  overflow: auto;
  line-height:25px;
  text-align:left;
}

.mask-wrap .remodal-confirm {
  width: 100px;
  height: 34px;
  padding: 0px;
  margin-top: 15px;
  margin-right: 10px;
  background: #28a3ef;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: bold;
  line-height:34px;
  text-align: center;
  border: 1px solid #28a3ef;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.mask-wrap .remodal-confirm.canecl {
  background: #fff;
  color: #999;
  border-color: #cccaca;
}

.lint-top {
  margin-bottom:15px;
  color:#999;
}

.time-diog {
  width: 165px;
  margin-right: 10px;
  height: 34px;
  font-size: 14px;
  color: #666;
  padding-right: 19px;
  border: 1px solid #ebebeb;
  -weibkit-border-radius: 2px;
  border-radius: 2px;
  background: #f9f9f9 url("https://image.9game.cn/s/uae/g/1m/game_open/web/public/aliplay/web/assessment/NewAssessmentController/images/icon-date.png") no-repeat 95% center;
  text-align: center;
}

.error-tips {
  margin-top:-4px;
  color:red;
  font-size:12px;
  margin-left:84px;
}

.disabled {
  background:#ccc;
}
.disabled:hover {
  background:#ccc;
}
.disabled-info {
  color:#ccc;
  display:inline-block;
}
.line-input .input-text.set-w {
  width:615px;
}