/*----------
* 2016-01-27 v2.0
* 2016-04-26 v2.1 body背景颜色单独提出
                  body,botton,input,select,textarea,a 统一规定文字默认样式
----------*/

:root {
	--primary: #2484de;
	--primary-lighter: #e2eefd;
	--primary-lightest: #e9f2fc;
	--green: #1fd388;
	--green-lighter: #e3f9ed;
	--green-lightest: #effaf4;
	--darkgreen: #00b469;
	--red: #ff0000;
	--red-lightest:#fff4f4;
}

/*--------------------- reset CSS ---------------------*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form { margin:0;}
body,select,input,textarea { color:#666; background:white; font-size:12px; line-height:1.5;}
ul,ol,li { padding-left:0; list-style-type:none;}
img { border:0; vertical-align:bottom;}
input,textarea,select { font-size:12px; outline:none; border:none; margin:0; padding:0;}
input::-ms-clear{ display:none;} /* 去除IE下input自带的叉 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;} /* 去除chrome下输入框默认背景色 */
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h4,h5,h6{ font-size:1em;}
a { font-size:12px; text-decoration:none; color:#666; cursor:pointer; }


/*--------------------- single CSS -----------------------*/
/* display */
.dn { display:none;}
.di { display:inline;}
.db { display:block;}
.dib { display:inline-block;}

/* height */
.h14 { height:14px;}
.h16 { height:16px;}
.h18 { height:18px;}
.h20 { height:20px;}
.h22 { height:22px;}
.h24 { height:24px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h80 { height:80px;}
.h100 { height:100px;}

/* width */
/* percent width value */
.pct25 { width:25%;}
.pct33 { width:33.3%;}
.pct50 { width:50%;}
.pct60 { width:60%;}
.pct80 { width:80%;}
.pct90 { width:90%;}
.pct100 { width:100%;}

.wid50 { width:50px;}
.wid300 { width:300px;}

/* line-height */
.lh14 { line-height:14px;}
.lh16 { line-height:16px;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh22 { line-height:22px;}
.lh24 { line-height:24px;}
.lh30 { line-height:30px;}
.lh40 { line-height:40px;}
.lh50 { line-height:50px;}

/* margin */
.m0 { margin:0;}
.mt0 { margin-top:0;}
.mr0 { margin-right:0;}
.mb0 { margin-bottom:0;}
.ml0 { margin-left:0;}
.m5 { margin:5px;}
.m5_0 { margin-top:5px; margin-bottom:5px;}
.m0_5 { margin-right:5px; margin-left:5px;}
.mt5 { margin-top:5px;}
.mr5 { margin-right:5px;}
.mb5 { margin-bottom:5px;}
.ml5 { margin-left:5px;}
.m10 { margin:10px;}
.m10_0 { margin-top:10px; margin-bottom:10px;}
.m0_10 { margin-right:10px; margin-left:10px;}
.mt10 { margin-top:10px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.m15 { margin:15px;}
.m15_0 { margin-top:15px; margin-bottom:15px;}
.m0_15 { margin-right:15px; margin-left:15px;}
.mt15 { margin-top:15px;}
.mr15 { margin-right:15px;}
.mb15 { margin-bottom:15px;}
.ml15 { margin-left:15px;}
.m20 { margin:20px;}
.m20_0 { margin-top:20px; margin-bottom:20px;}
.m0_20 { margin-right:20px; margin-left:20px;}
.mt20 { margin-top:20px;}
.mr20 { margin-right:20px;}
.mb20 { margin-bottom:20px;}
.ml20 { margin-left:20px;}
.m25 { margin:25px;}
.m25_0 { margin-top:25px; margin-bottom:25px;}
.m0_25 { margin-right:25px; margin-left:25px;}
.mt25 { margin-top:25px;}
.mr25 { margin-right:25px;}
.mb25 { margin-bottom:25px;}
.ml25 { margin-left:25px;}
.m30 { margin:30px;}
.m30_0 { margin-top:30px; margin-bottom:30px;}
.m0_30 { margin-right:30px; margin-left:30px;}
.mr30 { margin-right:30px;}
.mt30 { margin-top:30px;}
.mb30 { margin-bottom:30px;}
.ml30 { margin-left:30px;}
.m50 { margin:50px;}
.m50_0 { margin-top:50px; margin-bottom:50px;}
.m0_50 { margin-right:50px; margin-left:50px;}
.mr50 { margin-right:50px;}
.mt50 { margin-top:50px;}
.mb50 { margin-bottom:50px;}
.ml50 { margin-left:50px;}
.m70 { margin:70px;}
.m70_0 { margin-top:70px; margin-bottom:70px;}
.m0_70 { margin-right:70px; margin-left:70px;}
.mr70 { margin-right:70px;}
.mt70 { margin-top:70px;}
.mb70 { margin-bottom:70px;}
.ml70 { margin-left:70px;}
.m100 { margin:100px;}
.m100_0 { margin-top:100px; margin-bottom:100px;}
.m0_100 { margin-right:100px; margin-left:100px;}
.mr100 { margin-right:100px;}
.mt100 { margin-top:100px;}
.mb100 { margin-bottom:100px;}
.ml100 { margin-left:100px;}

/* padding */
.p0 { padding:0;}
.pt0 { padding-top:0;}
.pr0 { padding-right:0;}
.pb0 { padding-bottom:0;}
.pl0 { padding-left:0;}
.p5 { padding:5px;}
.p5_0 { padding-top:5px; padding-bottom:5px;}
.p0_5 { padding-right:5px; padding-left:5px;}
.pt5 { padding-top:5px;}
.pr5 { padding-right:5px;}
.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.p10 { padding:10px;}
.p10_0 { padding-top:10px; padding-bottom:10px;}
.p0_10 { padding-right:10px; padding-left:10px;}
.pt10 { padding-top:10px;}
.pr10 { padding-right:10px;}
.pb10 { padding-bottom:10px;}
.pl10 { padding-left:10px;}
.p15 { padding:15px;}
.p15_0 { padding-top:15px; padding-bottom:15px;}
.p0_15 { padding-right:15px; padding-left:15px;}
.pt15 { padding-top:15px;}
.pr15 { padding-right:15px;}
.pb15 { padding-bottom:15px;}
.pl15 { padding-left:15px;}
.p20 { padding:20px;}
.p20_0 { padding-top:20px; padding-bottom:20px;}
.p0_20 { padding-right:20px; padding-left:20px;}
.pt20 { padding-top:20px;}
.pr20 { padding-right:20px;}
.pb20 { padding-bottom:20px;}
.pl20 { padding-left:20px;}
.p30 { padding:30px;}
.p30_0 { padding-top:30px; padding-bottom:30px;}
.p0_30 { padding-right:30px; padding-left:30px;}
.pt30 { padding-top:30px;}
.pr30 { padding-right:30px;}
.pb30 { padding-bottom:30px;}
.pl30 { padding-left:30px;}
.p50 { padding:50px;}
.p50_0 { padding-top:50px; padding-bottom:50px;}
.p0_50 { padding-right:50px; padding-left:50px;}
.pt50 { padding-top:50px;}
.pr50 { padding-right:50px;}
.pb50 { padding-bottom:50px;}
.pl50 { padding-left:50px;}
.p70 { padding:70px;}
.p70_0 { padding-top:70px; padding-bottom:70px;}
.p0_70 { padding-right:70px; padding-left:70px;}
.pt70 { padding-top:70px;}
.pr70 { padding-right:70px;}
.pb70 { padding-bottom:70px;}
.pl70 { padding-left:70px;}
.p100 { padding:30px;}
.p100_0 { padding-top:100px; padding-bottom:100px;}
.p0_100 { padding-right:100px; padding-left:100px;}
.pt100 { padding-top:100px;}
.pr100 { padding-right:100px;}
.pb100 { padding-bottom:100px;}
.pl100 { padding-left:100px;}

/* border-color */
.bd_c { border:1px solid #ccc;}
.bd_d { border:1px solid #ddd;}
.bd_e { border:1px solid #eee;}
.bd_f { border:1px solid #fff;}
.br_c { border-right:1px solid #ccc;}
.bt_c { border-top:1px solid #ccc;}
.bb_c { border-bottom:1px solid #ccc;}
.bl_c { border-left:1px solid #ccc;}
.bt_d { border-top:1px solid #ddd;}
.br_d { border-right:1px solid #ddd;}
.bl_d { border-left:1px solid #ddd;}
.bb_d { border-bottom:1px solid #ddd;}
.bt_e { border-top:1px solid #eee;}
.br_e { border-right:1px solid #eee;}
.bb_e { border-bottom:1px solid #eee;}
.bl_e { border-left:1px solid #eee;}

/* background-color */
.bg_n { background:none;}
.bg_wh { background-color:#fff;}
.bg_fb { background-color:#fbfbfb;}
.bg_fc { background-color:#fcfcfc;}
.bg_f6 { background-color:#f6f6f6;}
.bg_f9 { background-color:#f9f9f9;}
.bg_f0 { background-color:#f0f0f0;}
.bg_eb { background-color:#ebebeb;}
.bg_e0 { background-color:#e0e0e0;}

/* safe color */
.g0 { color:#000;}
.g2 { color:#222;}
.g3 { color:#333;}
.g4 { color:#444;}
.g6 { color:#666;}
.g8 { color:#888;}
.g9 { color:#999;}
.gc { color:#ccc;}
.gaf { color:#afafaf;}
.wh { color:white;}

/* font-size */
.f0 { font-size:0;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f24 { font-size:24px;}
.f30 { font-size:30px;}
.f36 { font-size:36px;}

/* font-family */
.ff_a { font-family:Arial;}
.ff_v { font-family:Verdana;}
.ff_w { font-family:'Microsoft Yahei';}

/* font-style */
.n { font-weight:normal; font-style:normal;}
.b { font-weight:bold;}

/* text-align */
.tc { text-align:center;}
.tr { text-align:right;}
.tl { text-align:left;}

/* vertical-align */
.vm { vertical-align:middle;}
.vb { vertical-align:bottom;}

/* float */
.l { float:left;}
.r { float:right;}

/* clear */
.cl{clear:both;}

/* position */
.rel{position:relative;}
.abs{position:absolute;}

/*z-index*/
.zx0 { z-index:0;}
.zx1 { z-index:1;}
.zx2 { z-index:2;}
.zx3 { z-index:3;}
.zx4 { z-index:4;}
.zx5 { z-index:5;}

/* cursor */
.poi { cursor:pointer;}
.def { cursor:default;}

/* overflow */
.ovh { overflow:hidden;}
.ova { overflow:auto;}


/*--------------------- multiply CSS ---------------------*/
/* 块状元素水平居中 */
.auto { margin-right:auto; margin-left:auto;}

/* 清除浮动 */
.clearfix:before,
.clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

/* 单行文字溢出省略号显示 */
.ell { text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* 中英文两端对齐 */
.tj { text-align:justify; text-justify:inter-ideagraph; word-break:break-all;}

/* css3过渡动画效果 */
.trans{
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
}

/* 四角绝对定位 */
.abs_tr { position:absolute; top:0; right:0;}
.abs_tr_1 { position:absolute; top:-1px; right:-1px;}
.abs_br { position:absolute; right:0; bottom:0;}
.abs_br_1 { position:absolute; right:-1px; bottom:-1px;}
.abs_bl { position:absolute; bottom:0; left:0;}
.abs_bl_1 { position:absolute; bottom:-1px; left:-1px;}
.abs_tl { position:absolute; left:0; top:0;}
.abs_tl_1 { position:absolute; left:-1px; top:-1px;}

/* 按钮禁用 */
.disabled { color:#acacac!important; border-color:#acacac!important; text-shadow:1px 1px #fff!important; outline:0!important; cursor:default!important; pointer-events:none;}
.disabled:hover { text-decoration:none!important;}
.disabled.clickable { background-color: transparent !important; pointer-events: initial !important;}

/* inline-block与float等宽列表 */
.inline_box { font-size:1em; letter-spacing:-.25em; font-family:Arial;}
.inline_two,
.inline_three,
.inline_four,
.inline_five,
.inline_six,
.inline_any { display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two,
.float_three,
.float_four,
.float_five,
.float_six { float:left;}
.inline_two,
.float_two { width:49.9%;}
.inline_three,
.float_three { width:33.3%;}
.inline_four,
.float_four { width:24.9%;}
.inline_five,
.float_five { width:19.9%;}
.inline_six,
.float_six { width:16.6%;}
.inline_fix { display:inline-block; width:100%; height:0; overflow:hidden;}

.prepend { position: absolute; top: 0; bottom: 0; left: 0; line-height: inherit;}
.append { position: absolute; top: 0; right: 0; bottom: 0; line-height: inherit;}

/**
 * 题目详情
 */
.itemDtl { position:relative; padding:18px 20px; border:1px #c9dbee solid; border-radius:4px; background:#f3f8fd; font-family:'Microsoft YaHei';}
.itemDtl_tit { padding-bottom:10px; line-height:24px; font-size:16px; color:#90a2b5;}
.itemDtl_txt { max-height:48px; line-height:24px;; font-size:14px; color:#3a5d7c; overflow:hidden;}
.itemDtl_txt_unfold { max-height:none;}
.itemDtl_fold { display:block; position:absolute; bottom:0; left:50%; margin-left:-25px; width:50px; height:11px; border-top-left-radius:4px; border-top-right-radius:4px; background:#c1cdd9; text-align:center; cursor:pointer;}
.itemDtl_fold span { display:inline-block; border-width:4px; border-top-color:#fff;}
.itemDtl_fold:hover { background:#a4b9cf;}
.itemDtl_unfold span { margin-bottom:5px; border-top-style:dashed; border-top-color:transparent; border-bottom-style:solid; border-bottom-color:#fff;}

/**
 * 提示
 */
.itemHnt { line-height:30px; font-family:'Microsoft YaHei'; font-size:14px; color:#ff0000;}
.itemHnt_ico { margin-right:10px; vertical-align:middle;}

/**
 * 试卷手风琴
 */
.itemAcd_row { margin-left:30px; border-bottom:1px #ddd solid; font-family:'Microsoft YaHei';}
/* common */
.itemAcd_paper,
.itemAcd_exam { position:relative; display:block; line-height:24px;}
.itemAcd_paper { height:24px; padding:20px 0; line-height:24px;}
.itemAcd_exam { padding-bottom:16px;}

.itemAcd input { position:absolute; left:-9999999px;}

.checkBtn { position:absolute; top:25px; left:-30px; width:15px; height:15px; z-index:99; background-image:url(../images/form.png); background-repeat:no-repeat; background-position:-20px 0;}
.itemAcd .c_on .checkBtn { background-position:-20px -40px;}

.opRcd { position:absolute; top:0; right:0; line-height:24px; font-size:12px; color:#999;}

.itemAcd_tags { display:inline-block;}
.tag { display:inline-block; margin:2px; padding:0 8px; line-height:20px; font-size:12px;}
.tag_on { background:#e2eefa; color:#899daf;}
.tag_off { background:#eee; color:#9c9c9c;}

.itemAcd_paper_con,
.itemAcd_exam_con { position:relative; padding-right:120px;}

.itemAcd_ppTit,
.itemAcd_examTit { display:inline-block; margin-right:20px; color:#222;}
.itemAcd_ppTit { font-size:14px;}
.itemAcd_examTit { font-size:12px;}

.itemAcd_op { display:inline-block; vertical-align:middle; float:right;}
.itemAcd_fold { font-size:16px; color:#999; vertical-align:middle; cursor:pointer;}
.itemAcd_fold:hover { color:#2484de;}
.itemAcd_inst { font-size:12px; color:#afafaf; vertical-align:middle;}

.itemAcd_check { position:absolute; top:25px; left:-30px; width:14px; height:14px; z-index:99;}
.itemAcd_check .checkBtn { position:static; cursor:pointer;}

.itemAcd_exam { display:none;}
.itemAcd_examTit { display:inline-block; color:#666;}

.itemAcd_hnt { margin:-5px 0 5px;}

.itemAcd_sub { position:relative; display:block; padding:6px 0 6px 25px; line-height:24px;}
.itemAcd_sub:hover { background:#f9f9f9;}
.itemAcd_sub .checkBtn { top:11px; left:0;}


/* 问题提示说明 */
.tip { position:relative; display:inline-block; vertical-align:middle;}
.tipIco { display:block; line-height:14px; font-size:14px; color:#d0d0d0;}
.tipIco:hover { color:#ff9c24;}
.tip_float { display:none; position:absolute; top:-56px; right:0; border-radius:3px; border:1px #ddd solid; background:#f9f9f9; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.08); -moz-box-shadow:0 1px 3px rgba(0,0,0,.08); -o-box-shadow:0 1px 3px rgba(0,0,0,.08); box-shadow:0 1px 3px rgba(0,0,0,.08);}
.tip_txt { padding:5px 10px; font-size:12px; color:#888; line-height:18px;}
.tip_arr { position:absolute; bottom:-10px; right:3px; border-width:5px; border-top-color:#bbb;}

.tip:hover .tip_float { display:block;}


/*--------------------buttons---------------------*/
.btn-group { position: relative; font-size: 0;}
.btn-group > a { display: inline-block; vertical-align: middle; margin: 0 10px;}
.btn-has-icon { font-size: 0; line-height: 1;}
.btn-has-icon i,
.btn-has-icon span { display: inline-block; margin: 0 2px; font-size: 13px; color: inherit; line-height: inherit; vertical-align: middle;}
.btn-has-icon i { font-size: 15px;}
.btn-has-icon i:first-child,
.btn-has-icon span:first-child { margin-left: 0;}
.btn-has-icon i:last-child,
.btn-has-icon span:last-child { margin-right: 0;}

.collapse-btn { color: #2484de;}
.collapse-btn b { font-weight: normal;}
.collapse-btn i { display: inline-block; font-size: 12px;}
.collapse-btn.active i { -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}