/*初始化*/
*{ outline: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, img, input, p, th, td {
    margin: 0;
    padding: 0;
}
input,textarea{ -webkit-user-select: text;}

/*all*/
a{transition:0.1s all; text-decoration: none; color: #333; background: 0 0;}
a:hover{ color: #122d49;}
u{ text-decoration: none;}
html{ height: 100%; }
body{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #f4f4f4; -webkit-overflow-scrolling: touch;}
table,thead,tbody,tr,th,td{}
ul,li{ list-style-type: none;}
body{ margin-top: 0px; background: #fff;}
.fl{ float: left;}
.fr{ float: right; }

/*login*/
.loginbox{ width: 280px; height: 320px; padding: 20px; background: #fff;
 position: absolute; top: 60px; right: 20%; box-sizing: border-box; z-index: 20; border-top: 2px solid #122d49;}
.login-title{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 40px;}
.login-title h3{*width: 80px; height: 30px; line-height: 30px; border-bottom: 3px solid #c63234; 
font-size: 17px; margin: 0; padding: 0; display: inline-table; font-weight: normal;}
.myloginform{ width: 100%; display: block;}
.myinput-group{ width: 100%; height: 40px; position: relative; margin-bottom: 10px;}
.myinput-group span{ width: 40px; height: 40px; font-size: 14px; color: #122d49;
 padding: 10px; z-index: 10; position: absolute; top: 0; left: 0; display: block;
  box-sizing: border-box; behavior: url(/Content/admin/css/ie-css3.htc);}
.myinput-group .mylogin-input{ width: 100%; *width: 80%; height: 40px; line-height: 40px; appearance: none;
 -webkit-appearance: none;-moz-appearance: none; border: 1px solid #ccc; padding-left: 35px;
  padding-right: 10px;display: block; box-sizing: border-box; margin: 0; padding-top:0;
  padding-bottom: 0;}
.mybtn-group{ width: 100%; height: 40px; position: relative; margin-top: 20px; margin-bottom: 10px;}
.mybtn-group .mybtn{ width: 100%; height: 40px; background: #122d49; color: #fff;
 box-shadow: 0px 2px 0px #081f37; border: none; border-radius: 5px; appearance: none;
 -webkit-appearance: none; -moz-appearance: none;}
.mybtn-group .mybtn:hover{ color: #fff; background: #081f37;}
.mybtn-group .mybtn:disabled{ background: #999; color: #333; box-shadow: 0px 2px 0px #999;}
.myinput-group .inp-username{*background: url(/Content/admin/img/username.png);
*background-repeat: no-repeat; *background-size: 18px 18px; background-position: 7px 10px;}
.myinput-group .inp-password{*background: url(/Content/admin/img/password.png);
*background-repeat: no-repeat; *background-size: 18px 18px; background-position: 7px 10px;}

.mybtn span img{ width: 16px; height: 16px; margin-left: 10px;}
.myheader{ width: 100%; background: #fff; padding: 5px; box-sizing: border-box;}
.myheader-logo{ height: 100%; overflow: hidden; text-align: center; display: inline-block; vertical-align: top;}
.myheader-logo img{ width: 100%; max-width: 400px;}
.myfooter{ width: 100%; padding: 20px 10px; text-align: center; font-size: 14px;
 color: #333; vertical-align: middle; line-height: 24px; background: #fff;}
.bgbox{ width: 100%; height: 440px; box-sizing: border-box; overflow: hidden; position: relative;}
.bgbox .bgimg{ width: 100%; height: 100%; overflow: hidden; z-index: 1; -webkit-user-select: none;}
.bgbox .bgimg img{ width: 100%; height: 100%; -webkit-user-select: none;}
.bgbox .bgfix{ position: absolute; top:0; left: 0; z-index: 10; -webkit-user-select: none;}
.bgbox .bgfix1{ position: absolute; top:-20px; left: 0; z-index: 10; -webkit-user-select: none;}
.bgbox .bgfix2{ position: absolute; top: 60px; left: 20%; z-index: 12; -webkit-user-select: none;}
.animate-float-a {
}/*{ animation-name: floata; animation-duration: 3000ms; animation-iteration-count: infinite;}*/
.animate-float-b {
}/*{ animation-name: floatb; animation-duration: 3000ms; animation-iteration-count: infinite;}*/
@keyframes floata{
	0%{ top: -20px;}
	50%{ top:5px;}
	100%{ top: -20px;}
}
@keyframes floatb{
	0%{ top: 60px;}
	50%{ top: 45px;}
	100%{ top: 60px;}
}

/*mytop*/
.mytop{ width: 100%; height: 30px; line-height: 30px; background: #eee; font-size: 14px; color: #333;}
.mytop-l{ float: left;}
.mytop-r{ float: right;}
.mytop-r .mytop-r-item{ height: 29px; margin-left: 10px; padding: 0px; border-radius: 0px;
 position: relative; display: inline-block; border: 1px solid transparent;
  *float: left; *width: 80px; *text-align: center; *text-overflow: ellipsis; *white-space: nowrap;}
.mytop-r .mytop-r-item a{ height: 29px; padding: 0px 5px; text-decoration: none; display: block;
outline: 0; box-sizing: border-box; min-width: 70px; text-align: center;}
.mytop-r .mytop-r-item a:hover{text-decoration: none;}
.mytop-r .open{border: 1px solid #ccc; border-bottom: none;
 background: #fff;}
.mytop-item-list{ position: absolute; width: 100%; top: 28px; left: -1px; text-align: center;
background: #fff; z-index: 900; box-shadow: 0px 5px 5px #ccc; border: 1px solid #ccc;
 border-top: 0px; box-sizing: initial; display: none; padding: 3px 0px; font-size: 12px;}
.mytop-item-list li{ display: block; line-height: 30px;}
.mytop-item-list li a{ display: block;}
.mytop-item-list li a:hover{ background: #122d49; color: #fff;}
.mytop-r .mytop-r-item .iconfont{ font-size: 13px; color: #c63234; margin-right: 5px;}
.item-slide-down:after{ font-family: "iconfont" !important; margin-left: 2px; font-size: 12px;
color: #666; content: '\e604';}

/*myheader*/
.myheader{ border-bottom: 2px solid #269ABC; z-index: 1; position: relative;}
.myheader-logo{ display: inline-block;}
.myheader-nav{ width: 100%; padding: 0px; padding: 5px 0px; line-height: 35px;
 box-sizing: border-box; display: inline-block; vertical-align: top; position: relative;}
.myheader-nav .nav1{ width: 100%; height: 35px; position: relative;}
.myheader-nav .nav1 li{ width: 14%; *width: 17%; margin: 0px 1%; height: 35px; line-height: 35px; float: left; text-align: center; font-size: 14px;
 vertical-align: top; box-sizing: border-box; padding: 0px; position: relative;}
.myheader-nav .nav1 li a{ overflow: hidden;}
.myheader-nav .nav1 .nav-active{background: #122d49; color: #fff;}
.myheader-nav .nav1 .nav-active a{ color: #fff;}
.myheader-nav .nav1 li a{ display: block;}
.myheader-nav .nav1 li a:hover{ text-decoration: none; background: #122d49; color: #fff;}
.myheader-nav .nav1 li .nav2{ width: 100%; position: absolute; left: 0; top: 35px; background: #122d49; display: none; z-index: 99999;}
.myheader-nav .nav1 li .nav2 li{ width: 100%; margin: 0; clear: both; position: relative; z-index: 99999;}
.myheader-nav .nav1 li .nav2 li a{ color: #fff;}
.myheader-nav .nav1 li .nav2 li a:hover{ background: #c63234; color: #fff;}
.myheader-nav .nav1 li .open{ display: block;}
.nav-info-tip{ width: 16px; height: 16px; border-radius: 5px; background: #c63234; color: #fff;
 font-size: 10px; position: absolute; right: 10px; margin: 17px 0px; top: 0px; text-align: center; line-height: 16px;}
.myheader-nav .nav1 li .nav2 li a:hover .nav-info-tip{ background: #fff; color: #c63234;}
@media only screen and (min-width: 960px) and (max-width: 1920px) {
	.myheader-logo{ width: 33%; *width: 30%;}
	.myheader-nav{ width: 66%; *width: 60%; vertical-align: top;}
}
@media only screen and (min-width: 320px) and (max-width: 960px) {
	.myheader-logo{ width: 100%;}
	.myheader-nav{ width: 100%;}
}
.myheader-logo{ width: 33%\9; *width: 30%; *float: left;}
.myheader-nav{ width: 66%\9; *width: 60%;}
.modal-dialog{ width: 100% !important; width: 100%\9; margin: 0px auto !important;
 box-sizing: border-box\9; -webkit-box-sizing: border-box\9; padding: 0\9; 
  position: relative; z-index: 999999; *z-index: 999999;}
.modal-content{ width: 100% !important; box-sizing: border-box\9;
 -webkit-box-sizing: border-box\9; position: relative; z-index: 999999; *z-index: 999999;}
.modal.fade.in{ width: 560px\9; box-sizing: border-box\9; -webkit-box-sizing: border-box\9;}

/*content-footer*/
.content-footer{ background: #122d49; position: fixed; bottom: 0; color: #fff; line-height: 24px; padding: 5px; margin-top: 5px;}

/*papermark*/
/* selectbox */
/*.selectbox {width: 120px; margin: 5px 0px 0px 0px; float: left; display: inline; position: relative;}
.cartes {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
    background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
    background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaa;
    display: block;
    overflow: hidden;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0;
    color: #444;
    cursor: pointer;
}
.listTxt {
    border: none;
    background: none;
    padding: 0px;
    font-size: 14px;
    padding: 4px 0;
    width: 88%;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
}
.listBtn {
    border-left: 1px solid #aaa;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
}
.listBtn b {
    display: block;
    width: 100%;
    height: 100%;
}
.lists {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
    width: 118px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.lists .list {
    margin: 4px 0px 4px 0;
    padding: 0 0 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
}
.lists li {
    padding: 4px 0px 4px 8px;
    cursor: pointer;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #5e5e5e;
    font-size: 14px;
}
.lists li.cgray {
    background: #3875D7;
    color: #fff;
}
.hoverx .lists {
    display: block;
}
.hoverx .cartes {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
    background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
    background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
    background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}*/
#scbox {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 0;
    z-index: 9999;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    color: #f00;
    cursor: pointer;
    display: none;
}
.table tr th, .table tr td {
    text-align: center;
    vertical-align: middle;
}


/*containter*/
.con-map{ width: 100%; height: 30px; line-height: 30px; font-size: 12px; margin: 2px 0px;}
.mian-box{ width: 100%; height: auto; margin: 0px 0px 0px 0px; position: relative;}
.con-box{ width: 100%; height: auto; margin: 3px 0px; position: relative;}
.con-title{ width: 100%; line-height: 30px; background: #eee; margin-bottom: 3px;margin-top:2px;
position: relative;}
.con-title:after{ width: 100%; height: 0px; clear: both; content: ''; display: block;}
.con-title button{ float: right;}
.con-title i{ width: 40px; height: 40px; background: #c63234; display: inline-block;
 text-align: center; color: #fff; font-size: 20px; margin-top: 0px; line-height: 40px;
 float: left;}
.con-title h3{ font-size: 16px; height: 40px; line-height: 40px; margin-left: 10px;
 display: inline-block; vertical-align: top; color: #122d49; cursor: auto; *width: 200px;
 float: left;}
.erji-title{ width: 100%; height: 40px; line-height: 40px; font-size: 15px; background: #eee;
 padding: 0px 10px; border: 1px solid #ccc; position: relative; font-weight: bold; box-sizing: border-box;}
.btn-cx{ width: auto; height: 30px; line-height: 30px; padding: 0px 20px; margin: 5px; border: 1px solid #c63234;
 border-radius: 5px; transition: 0.3s all; display: block; background: transparent; cursor: hand;}
.btn-cx:hover{ background: #c63234; color: #fff;}
.btn-cx:hover i{ color: #fff;}
.btn-cx i{ background: transparent; width: 28px; height: 28px; font-size: 16px; line-height: 30px; margin: 0px 5px 0px -5px; color: #c63234;}
.cx-list{ width: 270px; height: auto; position: absolute; top: 0px; right:0px; z-index: 10;
 background: #fff; border: 1px solid #ccc; display: none; box-sizing: border-box;}
.cx-list .con-box{ padding-bottom: 2px;}
.cx-list .erji-title{ border-top: 0px; border-left: 0px; border-right: 0px; padding-right: 0px;position: relative; z-index: 5;}

.erji-close{ width: 40px; height: 40px; background: transparent; font-size: 20px; color: #666;
 text-align: center; box-sizing: border-box; appearance: none;-webkit-appearance: none; -moz-appearance: none;
 border: none; float: right;*position: absolute; *top: 0; *right: 0; 
 *background: url(/Content/admin/img/close.png); *background-repeat: no-repeat;
  *background-position:10px 10px; z-index: 7;}
.erji-close:hover, .erji-close:active{ color: #333;}
.select-item{ width: 100%; height: 32px; line-height: 32px; padding: 0px 10px; font-size: 0px;
 margin: 4px 0px; overflow: hidden; box-sizing: border-box;}
.select-item label{ width: 28%; height: 30px; font-size: 12px; font-weight: normal; 
display: inline-block; margin: 0; padding: 0; line-height: 30px; *float: left;}
.select-ui{ width: 72%; height: 30px; border: 1px solid #ccc; display: inline-block; font-size: 12px;
appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; z-index: 2;
 font-weight: normal; background-size: auto 28px; padding: 0px 5px;}
.select-item input{width: 72%; height: 26px; border: 1px solid #ccc; display: inline-block; font-size: 12px;
appearance: none; -webkit-appearance: none; -moz-appearance: none; font-weight: normal;
 padding: 0px 5px; vertical-align: top; line-height: 26px; box-sizing: border-box;
  *float: left; *width: 60%;}
.select-item .select2-container{ width: 72%; height: 26px; display: inline-block; font-size: 12px;
position: relative; z-index: 2; font-weight: normal; vertical-align: top; line-height: 26px;}
.select-item select{width: 72%; height: 26px; display: inline-block; font-size: 12px;
position: relative; z-index: 2; font-weight: normal; vertical-align: top; line-height: 26px;
*width: 63%;}
.select-item .input-ui{ width: 72%; height: 30px; border: 1px solid #ccc; display: inline-block; font-size: 12px;
appearance: none; -webkit-appearance: none; -moz-appearance: none; font-weight: normal;
 padding: 0px 5px; vertical-align: top; line-height: 30px;}
.select-item .select-ui{ width: 72%; height: 30px; border: 1px solid #ccc; display: inline-block; font-size: 12px;
appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; z-index: 2;
 font-weight: normal;  background-size: auto 28px; padding: 0px 5px; vertical-align: top; line-height: 30px;}
.input-ui{ width: 72%; height: 30px; border: 1px solid #ccc; display: inline-block; font-size: 12px;
appearance: none; -webkit-appearance: none; -moz-appearance: none; font-weight: normal; padding: 0px 5px;}
.btn-group{ width: 100%; height: auto; margin: 0px 0px; padding: 0px 10px; white-space: normal;
box-sizing: border-box;}
.btn-group button{ margin-top: 5px; margin-bottom: 5px; cursor: pointer;}
.btn-lg{ width: 100%; height: 40px; appearance: none; -webkit-appearance: none; -moz-appearance: none;
 border-radius: 3px; border: none; font-size: 14px; font-weight: normal; cursor: hand !important;}
.btn-sm{ width: auto; height: 28px; appearance: none; -webkit-appearance: none; -moz-appearance: none;
 border-radius: 3px;padding: 0px 10px; margin: 0px 1%; border: none; font-size: 14px; font-weight: normal;
 display: inline-block; cursor: pointer;}
.btn-tt-sm{ width: auto; height: 30px; line-height: 30px; padding: 0px 10px; margin-bottom: 5px;margin-top:5px;margin-left:0px;margin-right:0px;
 border-radius: 5px; transition: 0.3s all; display: block; background: transparent;
  margin-right: 10px; border: 1px solid transparent; appearance: none; -moz-appearance: none;
  -webkit-appearance: none; position: relative; cursor: pointer;}
.btn-tb-sm{ width: auto; height: 30px; line-height: 30px; padding: 0px 20px; margin: 5px;
 border-radius: 5px; transition: 0.3s all; background: transparent;
  margin-right: 10px; border: 1px solid transparent; appearance: none; -moz-appearance: none;
  -webkit-appearance: none; position: relative; cursor: pointer;}
.btn-ss{ background: #122d49; color: #fff;}
.btn-reset{ background: #19bd9b; color: #fff;}
.btn-add{ background: #f39c11; color: #fff;}
.btn-import{ background: #c63234; color: #fff;}
.con-ej-box{ border: 1px solid #ccc;}

.dataTables_length{ margin-top: 0px;}
.dataTables_length label select{ width: 100px; margin-bottom: 0;}
.dataTables_wrapper .ui-toolbar{ padding: 0;}
.dataTables_length label{ margin-top: 5px;}
.btn-success{background-color: #19bd9b;}
.btn-primary{ background-color: #f39c11; border: 1px solid #da8c0f;}
.btn-danger{ background-color: #c63234;}
.icon-sitemap::before{content: "设置"}
.icon-legal::before{content: '设置'}
.icon-pencil::before{content: '编辑'}
.icon-remove::before{content: '删除'}
.icon-key::before{ content: "修改密码"}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.disabled,
 .btn-success.active, .btn-success[disabled]{background-color: #19bd9b;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.disabled,
 .btn-primary.active, .btn-primary[disabled]{background-color: #f39c11;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger.disabled,
 .btn-danger.active, .btn-danger[disabled]{background-color: #c63234;}
button{ cursor: pointer;}
.table td{ padding: 4px;}
.container2{ width: 100%; height: auto; box-sizing: border-box; padding: 0px 20px;}
.mian-box{}
.iconfont{ font-size: 15px;}
.dataTables_wrapper button{ margin: 0 0 0 2px;}
.example .tigger{ width: auto;}
.example{ height: 30px; padding: 10px;}
.data-table tbody tr:last-child td{ border-bottom: 1px solid #ccc;}

.btn-drop{ float: right; background: #19bd9b; color: #fff;}
.btn-drop:hover, .btn-drop:active, .btn-drop:focus{ background: #19BD9B;}
.btn-drop i{ background: transparent; color: #fff; width: 16px; height: 30px; padding: 0px;
box-sizing: border-box; font-size: 14px; display: inline-block; line-height: 30px; margin-right: -5px;}
.droplist{ width: 100%; position: absolute; font-size: 14px; top: 29px; left: 0px;
 background: #fff; z-index: 999; display: block; border: 1px solid #ccc; padding: 3px 0px;
  display: none;}
.droplist ul li{ width: 100%;}
.droplist ul li a{ display: block; padding: 0px 5px;white-space: nowrap; text-overflow: ellipsis;
 text-decoration: none; text-align: center;}
.droplist ul li a:hover{ background: #333; color: #fff;}
.tt-r-box{ width: auto; height: 40px; line-height: 40px; float: right; padding: 0px 5px;
 box-sizing: border-box; font-size: 9px; *width: 900px;}
.tt-r-box select{ margin-bottom: 0px;}
.tt-r-box input{ margin-bottom: 0px;}
.tt-r-box .tt-r-inp[disabled], .tt-r-box .tt-r-inp[readonly]{ background-color:#fff; cursor: auto;}
.tt-r-box .tt-r-item{ display: inline-block; margin-left: 10px; vertical-align: top; }
.tt-r-box .tt-r-item label{ display: inline-block; padding: 0 5px; box-sizing: border-box;
margin: 0;}
.menuContent{ background: #fff;}
.tt-cx-list{ width: 550px; padding: 5px; box-sizing: border-box; overflow: hidden;
margin-bottom: 0px; border-bottom: 1px solid #ccc;}
.tt-cx-box{ width: 100%; margin-bottom: 5px; font-size: 0px;}
.tt-cx-itemsm{ width: 50%; height: 30px; line-height: 30px; display: inline-block;
 vertical-align: top; font-size: 14px; padding: 0px 5px; box-sizing: border-box; margin-bottom: 5px;}
.tt-cx-itemlg{ width: 100%; height: 30px; line-height: 30px; display: inline-block;
 vertical-align: top; font-size: 14px;padding: 0px 5px; box-sizing: border-box; margin-bottom: 5px;}
.tt-cx-itemsm label{ width: 66px; display: inline-block; padding: 0 5px; box-sizing: border-box;
margin: 0; cursor: none;}
.tt-cx-itemlg label{ width: 66px; display: inline-block; padding: 0 5px; box-sizing: border-box;
margin: 0;cursor: none;}
.tt-cx-itemsm select{ width: 180px; margin: 0; display: inline-block; vertical-align: top;}
.tt-cx-itemlg input{ width: 435px; margin: 0;}
.tt-cx-con{ width: 100%; max-height: 300px; padding: 0px 10px; box-sizing: border-box; overflow: auto;}
.tt-cx-con div a{ display: block; padding: 0px 5px; white-space: nowrap; 
text-overflow: ellipsis; box-sizing: border-box; overflow: hidden;}
.control-box{ height: auto; overflow: auto;}
.tb-bt10 tbody tr td{ padding: 5px 0px; box-sizing: border-box;}


/*mymarktask*/
.cartes{ height: 28px;}
.listBtn b{ font-size: 12px; color: #333; margin: 13px 4px 0px 4px; width: 0px;}
.cartes .listTxt{ appearance: none; -moz-appearance: none; -webkit-appearance: none;
 background-color: transparent; border: none; box-shadow: none;}
.fullscreen{ width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
 overflow: hidden; z-index: 999999;}
.maskcon-box{ width: 100%; padding: 0; overflow: hidden;
 box-sizing: border-box; position: absolute; top: 62px; bottom: 0px; font-size: 0;}
.con-left{ padding: 0; overflow:auto;width:84%; height:auto;
min-width:550px; box-sizing: border-box; display: inline-block; font-size: 14px; overflow: auto;
position: absolute;top:0px;bottom: 44px; left: 0;}
.con-right{ width: 16%; height: 100%; box-sizing: border-box; display: inline-block;
 font-size: 14px; overflow: auto; position: absolute; top: 0px; bottom: 0; right: 0;}
.navbar{ margin: 0; padding: 0; min-height: 60px; box-sizing: border-box; min-width: 550px; background: #122D49;}
.navbar-inner{ background: transparent; background-color: transparent; border: none;
box-shadow: none; color: #fff; padding: 10px 5px; margin-left: 40px; float: left;
background-color: transparent; filter: none;}
.navbar-logo{ height: 50px; width: auto; padding: 5px; float: left;}
.navbar-logo img{ height: 100%;}
.navbar:after{ display: block; content: ''; clear: both;}
.navbar .nav li a, .navbar .nav li a:active, .navbar .nav li a:focus{ text-shadow: none; color: #fff;}
.navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus{ background: #c63234; color: #fff;}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active >
.dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background: #c63234; color: #fff;}
.navbar .nav li .select2-container a{ color: #000;}
.navbar .nav .active .select2-container a, .navbar .nav .active .select2-container a:hover, .navbar .nav .active .select2-container a:active{ color: #000; background: #eee;}
.select2-container .select2-choice{ color: #000; background: #fff;}
.panel{ height: 100%; margin: 0; padding: 0; outline: 0; box-sizing: border-box; margin-right: 2px;}
.panel-info{ background: url(../img/conrightbg.png) no-repeat center bottom; background-size: cover;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ color: #fff; background: #c63234;}
.navbar .nav li .dropdown-menu > li > a{ background: #fff; color: #000;}

.score-box{ width: 84%; margin: 0; padding: 0px 10px; min-height: 40px; box-sizing: border-box; background: #fff;
position: fixed; bottom: 0px; border-top: 1px solid #ccc; box-shadow: 2px 0px 5px #ccc; overflow: hidden;
transition: 0.2s ease-in-out; transition-duration: 200ms;}
.score-box ul{ float: left; height: 30px; margin: 5px;}
.score-box ul li{ width: 37px; height: 37px; line-height: 37px; overflow: hidden; background: #eee;
border: 1px solid #ccc; font-size: 18px; float: left; color: #000; margin-left: 3px;
box-sizing: border-box; text-align: center;}

/*    .score-box ul li {
        width: 30px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        background: #eee;
        border: 1px solid #ccc;
        font-size: 12px;
        float: left;
        color: #000;
        margin-left: 3px;
        box-sizing: border-box;
        text-align: center;
    }*/

.score-box ul li a{ border: none; box-sizing: border-box; display: block;}
.score-box ul li a:hover, .score-box ul li a:active, .score-box ul li a:focus{ border: none; text-decoration: none;}
.score-box .score-box-label{ float: left; font-weight: bold; font-size: 12px; line-height: 40px;
cursor: default; text-decoration: none;}

.bcursor{ color: #fff; content: '4564'; cursor: url("/Content/admin/img/cur.jpg"), auto;}
.btn-info{ background: #c63234; border: 1px solid #ab2426;}
.btn-info:hover, .btn-info:active ,.btn-info:focus, .btn-info:disabled, .btn-info[disabled]{background: #c63234; border: 1px solid #ab2426; opacity: 1;}
.btn-group.open .btn-info.dropdown-toggle{ background: #a3191b;}
.dropdown-menu{ min-width: 70px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus{background: #c63234; color: #fff;}
.ftb-group{ width: 100%; height: 32px; line-height: 32px; padding: 0px 10px; font-size: 0px;
 margin: 10px 0px; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #eee;}
.ftb-group label{ width: 25%; height: 30px; font-size: 14px; font-weight: normal; 
display: inline-block; margin: 0; padding: 0; line-height: 30px; vertical-align: top;}
.ftb-group .ftb-group-r{ width: 70%; height: 30px; display: inline-block; font-size: 14px;
 font-weight: normal; padding: 0px 5px; vertical-align: top;}
.score-box-label:hover, .score-box-label:active, .score-box-label:focus{ background: #fff;}
.dropdown-submenu .score-box-label:hover{ background: #fff; color: #000;}
.select2-container{ width: 100%;}
.fbtn-clearall{display:inline-block; vertical-align:top; border:1px solid #ccc; background:#c63234;
 font-size:14px; margin: 5px; width: auto; height: 30px; padding: 0px; line-height: 30px;
 cursor: pointer;}
.fbtn-clearall a{ display: block; padding: 0px 5px; color: #fff;}
.fbtn-clearall a:hover{ text-decoration: none; background: #c63234; color: #fff;}
.modal{ position: fixed; left: 46%; z-index: 999999; *z-index: 999999;}
.modal-allpaper{ width: 100%; height: 100%; position: absolute; top: 10px; left: 10px; right: 10px;
background: #fff; display: none; padding: 5px; box-sizing: border-box; transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;}
.imagesall{display: none; position: absolute; width: auto; height: auto; top: 0px; bottom: 0px;
 left: 50px; right: 50px; overflow: auto; border-style: solid; border-width: 1px;
  border-color: ActiveBorder; background: #fff; z-index: 1000000;}
.imagesall img{ width: auto; max-width: auto; }
.imagesall-header{width:auto;height:45px;line-height:45px;z-index:2000;position:fixed;top:40px;
left:40px;right:40px;background:#fff; padding: 0px; -webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.imagesall-header-title{ font-size: 18px; color: #000; padding: 0px 20px; box-sizing: border-box;
line-height: 45px; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; float: left;}
.imagesall-close{ width: 35px; height: 35px; box-sizing: border-box; float: right; display: block;
 padding: 5px; line-height: 25px; font-size: 16px; color: #000; appearance: none; -webkit-appearance: none;
 -moz-appearance: none; border: none; background: transparent; margin: 5px;}
.imagesall-header:after{ width: 100%; height: 0px; clear: both; content: '';}

.con-search-box{ max-height: 300px; overflow: auto;}
.btn-modal-select{ width: 140px; height: 30px; border: 1px solid #ccc; background: #fff;
 text-align: left; position: relative; display: inline-block; vertical-align: top;
 float: right; margin: 5px 10px 5px 5px; padding-left: 8px; padding-right: 30px; font-size: 14px; color: #333;
 line-height: 30px; overflow: hidden; position: relative;}
.btn-modal-select:after{font-family: "iconfont" !important; width: 22px; height: 30px; display: block; background: #ccc;
color: #333; content: "\e604"; font-size: 12px; position: absolute; top: 0; right: 0;
text-align: center;}
.btn-modal-select::after{ font-family: "iconfont" !important; width: 22px; height: 30px; display: block; background: #ccc;
color: #333; content: "\e604"; font-size: 12px; position: absolute; top: 0; right: 0;
text-align: center;}
.btn-select-focus{ border-color: rgba(82, 168, 236, 0.8); }
.btn-select-focus:after{color: rgba(82, 168, 236, 0.8);}
.btn-select-focus::after{ color: rgba(82, 168, 236, 0.8);}
.progress{ margin-bottom: 0px;}
.progress-bar.active, .progress.active .progress-bar{ overflow: hidden;}

.table-center, .table-center tbody tr td , .table-center tbody tr, .table-center tbody td, .table-center thead tr th, .table-center thead tr td{ text-align: center;}
.table-center tbody tr td button{ margin: 0px 5px;}
.btn-tablebtn{ appearance: none; -webkit-appearance: none; -moz-appearance: none;
border: 1px solid transparent; border-radius: 5px; line-height: 18px; padding: 2px 20px;
font-size: 12px;}
.table-center thead tr td{ font-weight: bold;}
.tab-content{ padding: 0px 10px; box-sizing: border-box;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
	background: #0060FF; color: #fff; border-color: #0060FF #0060FF transparent;
}

.con-all{ position: fixed; top: 85px; bottom: 20px; left: 40px; right: 40px;}
.imgall-btn-group{ padding: 5px 10px; width: 120px; background: rgba(255,255,255,0.6);
position: fixed; top: 85px; left: 40px; z-index: 2000;}
.imgall-btn-group .btn-tt-sm{ margin: 0 auto; width: 80%;}
.nav-closebox{ position: absolute; top: 0px; right: 30px; padding: 10px; line-height: 20px;}
.nav-closebox a{ cursor: pointer;}
.nav-closebox a:hover{ color: #c63234;}
.nav-closebox a i{ color: #c63234; margin-right: 5px;}
#div_parameter{ position: relative;}


.filebtn{ width: 230px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;
 filter:alpha(opacity:0); border: 1px solid transparent; box-sizing: border-box;}
.file-group{ position: relative; height: auto;}
.file-group input[type="file"]{ width: 230px; overflow: hidden; z-index: 99999; position: relative;}
.file-group input[type="text"]{ width: 230px; margin: 0; padding: 0 10px; box-sizing: border-box; height: 30px; line-height: 30px;}
.file-group select{ width: 230px; margin: 0;}
.file-group textarea{ width: 230px; height: 60px; max-height: 60px; margin: 0; box-sizing: border-box;}
.file-textarea{width: 230px; height: 60px; max-height: 60px; margin: 0; box-sizing: border-box;}
.file-input{ width: 230px; border: 1px solid #ccc; height: 30px; line-height: 30px;
 box-sizing: border-box; background: #fff; color: #666; font-size: 12px; position: absolute;
 left: 63px; top: 1px; padding: 0px 10px; white-space: nowrap; text-overflow: ellipsis;
 overflow: hidden; z-index: -1;}
.file-input a{ color: #0060FF; text-decoration: none;}
.input-label{ width: 60px; height: 30px; line-height: 30px; display: inline-block;
 font-size: 12px; color: #333; padding: 0px 5px; box-sizing: border-box; margin: 0;}
.filewarn{ display: none;}
.input-group{ margin-bottom: 10px;}
.editor-group input[type="text"]{ width: 230px; height: 30px; line-height: 30px;
 margin: 0; padding: 0px 10px; box-sizing: border-box;}
.editor-group select{width: 230px; height: 30px; line-height: 30px;
 margin: 0; padding: 0px;}
.input-hide{width: 0px; height: 0px; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;
 filter:alpha(opacity:0); border: 1px solid transparent; box-sizing: border-box;
}
.score-box div{ width: auto; display: inline-block; vertical-align: top; margin-right: 0px; float: left; *float: left;}
.score-box-o{ display: inline-block; vertical-align: top; margin-right: 30px; float: left; *float: left; width: auto;}
.mark-type{ display: none;}
.modal-flg{ width: 85%; height: 80%; left: 28%;}

/*成绩查询条件*/
.score-search-box{ width: 100%; padding: 5px 10px; box-sizing: border-box; font-size: 0px;
border: 1px solid #ccc; display: none; position: absolute; top: 0; z-index: 100;
 background: #fff; box-shadow: 0 0 10px #999;}
.score-search-box::after{ width: 100%; height: 0px; clear: both; content: ''; display: block;}
.score-search-box:after{ width: 100%; height: 0px; clear: both; content: ''; display: block;}
.score-search-title{background: #122d49; color: #fff; padding: 0px 5px; float: left;
 margin-right: 30px; font-size: 14px; margin-top: 5px; position: relative;}
.score-search-title::after{ width:0px; height: 0px; border-top: 10px solid transparent;
 border-left: 10px solid #122d49;border-bottom: 10px solid transparent; content: ''; display: block;
 position: absolute; right: -10px; top: 0px; }
.score-search-con{ float: left;}
.score-search-item{ width: auto; display: inline-block; font-size: 14px; vertical-align: top;
 *float: left; margin: 5px 30px 5px 0px;}
.score-search-item label{ float: left; margin-right: 6px; margin-bottom: 0px;}
.score-search-item input[type="checkbox"]{ float: left; margin-top: 5px; margin-bottom: 0px;}

/*开始阅卷按钮*/
.exam-enter{ appearance: none; -webkit-appearance: none; -moz-appearance: none;
 width: 180px; height: 42px; padding: 0px; font-size: 16px; line-height: 42px; margin: 5px auto;
 background: #c63234; color: #fff; border: 1px solid #c63234; display: block;
 border-radius:5px; box-shadow: 0 4px 0px #a41113; position: relative; text-align: center;}
.exam-enter a{ color: #fff; padding: 0px 20px; display: block; box-sizing: border-box;}
/*.exam-enter::before{ content: ''; position: absolute; width: 180px; height: 100%;left: -180px;overflow: hidden; 
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
}
.exam-enter:hover:before{left: 180%; transition: left 1s ease 0s;}
.exam-enter:active{ background: #a41113; box-shadow: 0 4px 0px #a41113; border: 1px solid transparent;}*/
.exam-enter span{ margin-right: 10px; font-size: 18px; vertical-align: middle;}

.icon-font{*width: 30px; *height: 30px; *display: inline-block; *float: left;}
.icon-shubiao{*width: 30px; *height: 30px; *display: inline-block; *float: left;
 *background: url(/Content/admin/img/shubiao2.png); *background-size: 16px 16px; 
 *background-repeat: no-repeat; background-position: 5px 5px;}
.icon-check-empty{*width: 30px; *height: 30px; *display: inline-block; *float: left;
 *background: url(/Content/admin/img/fangkuang2.png); *background-size: 16px 16px;
  *background-repeat: no-repeat; background-position: 5px 5px;}
.icon-ok{*width: 30px; *height: 30px; *display: inline-block; *float: left;
 *background: url(/Content/admin/img/duihao2.png); *background-size: 16px 16px; 
 *background-repeat: no-repeat; background-position: 5px 5px;}
.icon-remove2{*width: 30px; *height: 30px; *display: inline-block; *float: left;
 *background: url(/Content/admin/img/cuohao2.png); *background-size: 16px 16px;
  *background-repeat: no-repeat; background-position: 5px 5px;}


.modal-backdrop{ *z-index:111111;}
.container2{ *width: 95%; *margin: 0 auto;}
.tt-r-item{*width: 340px; *float: left;}
.tt-r-item:after{ width: 100%; height: 0px; clear: both; content: ''; display: block;}
.tt-r-item label{*float: left; *line-height: 40px; *margin-right: 5px; *display: block;}
.tt-r-item .tt-r-inp{ *float: right;}
.btn-cx i{*display: none;}

.setcontent{ width: 100%; height: auto; margin-bottom: 20px; padding: 0px;
box-sizing: border-box;}
.setbox{ background: #eee; border-radius: 0; padding: 10px;
 box-sizing: border-box; border: 1px dashed #ccc;}
.th-title{ padding: 0px 10px; line-height: 21px; font-size: 15px;
 border-left: 4px solid #122d49; margin-bottom:10px;}
.setgroup{ width: 100%;}
.setgroup:after{ width: 100%; display: block; height: 0px; clear: both; content: '';}
.setgroup input, .setgroup select{width: 300px; margin-bottom: 0px; height: 30px; line-height: 30px; 
display: inline-block; padding: 0px 6px; *float: left;}
.setgroup .btn-ss{ width: auto; appearance: none; -webkit-appearance: none; border: none;
-moz-appearance: none; height: 30px; padding: 0px 20px; display: inline-block;
 *float: left; margin-left: 10px; border-radius: 5px;}
.settablebox{ overflow: auto; position: relative;}

.tableBorder
{
    border:1px solid gray;
    border-collapse:collapse;
}
.tdBorder
{
    border:1px solid gray;
}
td.forumRow
{
    background-color:#DEE5FA;
}

.erwei_img {
        position: absolute;
        top: 0px;
        left: 245px;
        cursor: pointer;
    }

    .erwei_div {
        position: absolute;
        top: 80px;
        left: -232px;
        width: 240px;
        height: 210px;
        padding: 8px;
        background: #fff;
        z-index: 99;
        text-align: center;
        line-height: 40px;
        display: none;
    }

        .erwei_div img {
            display: inline-block;
            padding: 10px;
            width: 150px;
            background: #fff;
            -moz-box-shadow: 0px 0px 10px #999;
            -webkit-box-shadow: 0px 0px 10px #999;
            box-shadow: 0px 0px 10px #999;
        }

    .erwei_img:hover .erwei_div {
        display: block;
    }

.score-box2{ width: 100%; margin: 0; box-sizing: border-box; background: #fff;}
.score-box2 ul{ float: left; margin: 0px;}
.score-box2 ul li{ width: 35px; height: 35px; line-height: 35px; overflow: hidden; background: #eee;
border: 1px solid #ccc; font-size: 12px; float: left; color: #000; margin-right: 5px;margin-bottom:5px;
box-sizing: border-box; text-align: center;}
.score-box2 ul li a{ border: none; box-sizing: border-box; display: block;}
.score-box2 ul li a:hover, .score-box ul li a:active, .score-box ul li a:focus{ border: none; text-decoration: none;}
.score-box2 .score-box-label{ float: left; font-weight: bold; font-size: 12px; line-height: 40px;
cursor: default; text-decoration: none;}

.colorbox{ width: 15px; height: 15px; line-height: 15px; overflow: hidden; background: #eee;
border: 1px solid #ccc; font-size: 12px; float: left; color: #000; margin-right: 7px;
box-sizing: border-box; text-align: center;}
.colorbox a{ border: none;width:100%;height:100%; box-sizing: border-box; display: block;}
button.paperclose {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.paperclose {
    /* float: right; */
    font-size: 24px;
    /* font-weight: bold; */
    /* line-height: 20px; */
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}