@charset "utf-8";
@import url("iconfont.css");

* { box-sizing: border-box; margin: 0; padding: 0; font-family:"微软雅黑", Arial, sans-serif; font-size: 16px; }
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight: normal; }
body { background: #ffffff; color: #000; min-width:800px;}
img { border: 0; margin: 0; padding: 0; }
/*body { -webkit-user-select: none; -webkit-text-size-adjust: none; text-align: left; }*/
header, section, footer { display: block; margin: 0; padding: 0 }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
a, a:link, a:visited { text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
a:hover { color: #15A8F0; text-decoration: none }
a:active, a:focus { -moz-outline: none; outline: none; ie-dummy:expression(this.hideFocus=true);}

.header { line-height: 60px; height: 60px; background: rgba(227,227,227,0.6);}
.header .userinfo { float: left; line-height: 50px;padding-left: 20px; position:relative }
.header .userinfo p.dept{ position:absolute; top:40px; line-height:12px; font-size:12px; color:#999}
.header ul .iconfont{ font-size:19px; padding-right:5px;}
.header ul { float: right; padding-right: 20px; }
.header ul a { padding: 0 20px; }

.main { margin: 20px;}

.indexmain { max-width:400px; margin:20px auto}

h1{ font-size:18px; font-weight:bold}

.btn1, .btn1:link, .btn1:visited {width:100%; display:block;  margin:15px auto;  line-height:20px; font-size:16px;text-align: center; background-color: rgba(19,130,221,1.00); border:rgba(19,130,221,1.00) 1px solid; color: #fff; padding: 10px 20px; cursor: pointer; border-radius:  5px;}

.btn2, .btn2:link, .btn2:visited {width:100%; display:block;  margin:15px auto;  line-height:20px; font-size:16px;text-align: center; background-color: rgba(19,130,221,0.0); border:#168ced99 1px solid; color: #168ced; padding: 10px 20px; cursor: pointer; border-radius:  5px;}
.btn2:hover { color: #15A8F0;}
.btn_k{ border:#168ced44 1px solid !important; }

.btnbg2{ background-color:#32b875 !important ; border-color:#32b875 !important;}
.btnbg3{ background-color:#ff675b !important}


.indexlink {  display: flex; flex-wrap: wrap; justify-content: space-between;text-align: justify; width: calc(100% + 10px); margin-left:-5px; margin-bottom:20px}
.indexlink::before,
.indexlink::after { content: "";display: inline-block;width: 100%;}
.indexlink li { padding:5px;display: inline-block; width: 33.33%; margin-bottom: 0px;}
.indexlink .btn1,
.indexlink .btn2 { width: 100%; height: 90px; line-height: 60px;padding: 0; text-align: center; display: block; margin: 0px; }
.indexlink li span{ font-size:30px; width:100%; height:30px; display:block;-webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; transition: 200ms;}
.indexlink li:hover span{ font-size:36px; width:100%; height:30px; display:block;}

.canvas{ border:#e0e0e0 1px solid; margin:20px auto; padding:20px;}

/*统计表格*/
.table { width:100%; border-collapse: collapse; margin: 20px 0; border-radius:3px; }
.table th { border: #168ced44 1px solid; text-align: center; padding: 8px 30px;font-weight: bold; background:#2196f311; color:#106ebb}
.table td { border: #168ced44 1px solid; text-align: center; padding: 5px 30px;}
/*统计表格 end*/

/*统计筛选框*/
.statsoso {margin: 0 auto; padding: 20px 0 0 0; }
.statsoso label {margin-bottom: 3px; color:#666}
.statsoso input[type=text],.statsoso input[type=tel],.statsoso  input[type=date],.statsoso input[type=number],.statsoso select { width: 140px; padding: 5px; height:40px; line-height:20px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 5px; }
.statsoso  input[type=date]{ width: 160px;}
.statsoso input[type=submit] { background-color: #168ced; color: #fff; border: none;height:40px; line-height:18px; width:90px; padding: 12px; border-radius: 5px; cursor: pointer; margin-bottom: 5px;-webkit-appearance: none }
/*统计筛选框 end*/

/*登录、注册、编辑用户*/
.loginbox { max-width: 400px; margin: 0 auto; padding: 20px; }
.loginbox h1{padding:0 0 20px 0}
.loginbox label { display: block; margin-bottom: 3px; color:#666}
.loginbox input[type=text],.loginbox input[type=tel],.loginbox  input[type=password],.loginbox input[type=number],.loginbox select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 12px; -webkit-appearance: none;  -moz-appearance: none; appearance: none;}
.loginbox input[type=submit] { background-color: #168ced; color: #fff; border: none; padding: 12px; border-radius: 5px; cursor: pointer; width: 100%; margin-bottom: 10px;-webkit-appearance: none }
.loginbox .link { display: block; text-align: center; color: #333; }
.loginbox h2.sendinfo{ color:#F45355; text-align:center; padding:20px 0;}
/*登录、注册、编辑用户 end*/

/*用户管理*/
.useradminbox { max-width: 1200px; margin: 0 auto; padding: 20px; }
.useradminbox table{ width:100%;}
.useradminbox h1{padng:0 0 20px 0}
.useradminbox label { display: block; margin-bottom: 3px; color:#666}
.useradminbox input[type=text],.useradminbox input[type=tel],.useradminbox  input[type=password],.useradminbox input[type=number],.useradminbox select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 12px; }
.useradminbox input[type=submit] { background-color: #168ced; color: #fff; border: none; padding: 12px; border-radius: 5px; cursor: pointer; width: 100%; margin-bottom: 5px;-webkit-appearance: none }
.useradminbox .link { display: block; text-align: center; color: #333; }
.useradminbox h2.sendinfo{ color:#F45355; text-align:center; padding:20px 0;}


.useradminbox .tablelist {width:100%; margin: 0 auto; }
.useradminbox .tablelist td{ padding:3px 0 0 0;}
.useradminbox .tablelist input[type="text"],.useradminbox .tablelist input[type="password"],.useradminbox .tablelist input[type="number"],.useradminbox .tablelist select { width: calc(100% - 3px); padding: 5px; height:35px; margin:0 ; border:#ddd 1px solid; border-radius:3px; }
.useradminbox .tablelist input[type="submit"] { background-color: #1382dd; border: none; color: white; padding: 8px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin-top: 0px;margin-bottom: 3px; cursor: pointer; border-radius: 3px; }

.useradminbox fieldset{ border:#ddd 1px solid}
.useradminbox fieldset input[type=text],.useradminbox fieldset input[type=tel],.useradminbox fieldset input[type=password],.useradminbox fieldset input[type=number],.useradminbox fieldset select { width: 20%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 12px; }


/*用户管理 end*/

/*答题页*/
.quiz-container { max-width: 600px; margin: 20px auto 0; }
.quiz-container .list-container { position: relative; }
.quiz-container .question { display: none; }
.quiz-container .question:first-child { display: block; }
.quiz-container .next-btn,
.quiz-container .submit-btn { width:calc(100% - 0px); line-height:31px; font-size:16px;text-align: center; background-color: rgba(19,130,221,1.00); border: none; color: #fff; padding: 10px 20px; cursor: pointer; border-radius:  50px; margin:10px 0}
.quiz-container .next-btn span{ left:40px; color: rgba(255,255,255,0.5); font-size:12px; position:absolute;}
.quiz-container .submit-btn { display: none;}
.quiz-container .question .checkbox { display: none }
.quiz-container .question h3 { font-size:17px; padding:0 5px 5px; font-weight:bold}
.quiz-container .question label { border: #ddd 1px solid; width:calc(100% - 0px); padding: 15px 17px; display: inline-block; margin: 5px 0; border-radius: 50px; line-height:120%;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.quiz-container .question label.selected { border: #fbe1b1 1px solid; background: rgba(221,149,19 ,0.15) }
/*答题页 end*/

/*提交结果页*/
.resultbox h2{ font-size:26px; font-weight:bold; padding:10px 0 10px; color:#F45355}
.resultbox h3{ font-weight:bold; padding:15px 0 10px; border-top:#e0e0e0 0.5px solid; margin-top:30px}
.resultbox .answer{ color:#F45355}
.resultbox .myanswer{ color:#999}
/*提交结果页 end*/

/*题库管理页*/
.container { max-width: 1600px; margin: 0 auto; }
.list-container { border: 1px solid #ccc;margin-bottom: 20px; padding: 20px; }
.list-container label { display:block; line-height:35px; margin:0 10px 5px 0; width:40px; float:left; text-align:right }
.list-container input[type="text"],.list-container input[type="number"] { width: calc(100% - 50px); padding: 5px; height:35px; margin-bottom: 5px; border:#ddd 1px solid; border-radius:3px; }
.list-container input[type="submit"] { background-color: #1382dd; border: none; color: white; padding: 8px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin-top: 5px; cursor: pointer; border-radius: 3px; }
.list-container a.btn_a,.list-container a.btn_a:link,.list-container a.btn_a:visited { background-color: #1382dd; color:#fff; border: none; color: white; padding: 8px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin-top: 5px; cursor: pointer; border-radius: 3px; float:right }
/*题库管理页 end*/

/*翻页*/
.pagination { margin-top: 20px; }
.pagination a,.pagination span { display: inline-block; padding: 5px 10px; margin-right: 10px; border: 1px solid #ccc; background-color: #fff; color: #333; text-decoration: none; cursor: pointer; }
.pagination span { background-color: #eee; cursor: default; }
/*翻页 end*/

/*部门管理页*/
.tablecontainer { max-width: 360px; width:100%; margin: 0 auto; }
.tablecontainer .td2{ min-width:50px; width:10%;}
.tablecontainer .td3{ min-width:94px; width:10%;}
.tablecontainer td{ padding:3px 0 0 0}
.tablecontainer input[type="text"],.tablecontainer input[type="number"] { width: calc(100% - 3px); padding: 5px; height:35px; margin:0 ; border:#ddd 1px solid; border-radius:3px; }
.tablecontainer input[type="submit"] { background-color: #1382dd; border: none; color: white; padding: 8px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin-top: 0px; cursor: pointer; border-radius: 3px; }
.tablecontainer a.btn_a, .tablecontainer a.btn_a:link, .tablecontainer a.btn_a:visited { background-color: #1382dd; color:#fff; border: none; color: white; padding: 8px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin-top: 0px; cursor: pointer; border-radius: 3px; }
.pagination span { background-color: #eee; cursor: default; }
/*部门管理页 end*/


@media (max-width: 800px) {
body {min-width:inherit; font-size:16px}
.indexmain { max-width:100%; margin:20px}

.header { line-height: 50px; height: 50px;background: rgba(227,227,227,0.5);}
.header .userinfo{ line-height: 40px;}
.header .userinfo p.dept{ position:absolute; top:32px; line-height:12px; font-size:12px; color:#999}

.header ul {padding-right: 0px; }
.header .pc{ display:none}
.quiz-container { max-width: inherit; margin:20px 20px}	

.table { width:calc(100% - 0px);}
.table th { border: #168ced44 0.5px solid; padding: 5px 2px; }
.table td { border: #168ced44 0.5px solid; padding: 5px 2px;  }

.formbox label { width:auto;}
.formbox input { width:150px;margin: 5px }


.statsoso .newline{ display:block}
.statsoso input[type=submit] {width:125px; margin-left:38px;}

.statsoso input[type=text],.statsoso input[type=tel],.statsoso  input[type=date],.statsoso input[type=number],.statsoso select { width: 125px; }

input,select{ -webkit-appearance: none;  -moz-appearance: none; appearance: none;}
}

@media (min-width: 1100px) {
.quiz-container .question {display: block;margin-bottom:20px}
.quiz-container .next-btn{ display:none !important}
.quiz-container .submit-btn {display: block;}
.main.maxw1200 {max-width: 1200px; margin:20px auto}
.main.maxw360 {max-width: 360px; margin:20px auto}

}