@charset "UTF-8";
@font-face {font-family:OpenSans;src: url('Open-Sans-2.ttf');}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;outline: none;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
font-size: 14px;line-height:150%;}
html{overflow-y: scroll;}
body{float:left;width: 100%;font-family:OpenSans, "微软雅黑","Microsoft YaHei UI","Microsoft YaHei",Heiti,"黑体",sans-serif;
background:#AAA;font-size: 14px;line-height:150%;color:#101010;letter-spacing:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul{list-style: none;}
input, textarea{-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
table{border-collapse: collapse;border-spacing: 0;}
a,a *{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-transition:0.3s linear;-moz-transition:0.3s linear;-o-transition:0.3s linear;transition:0.3s linear;}
a,li a{color:#101010;text-decoration:none;}
a:hover{color:#FF3300}
td{vertical-align:middle}

select{float:left;border:1px solid #aaa;padding-right:0px;line-height:40px;text-indent:0px;color:#000;height:40px;}

input::-webkit-input-placeholder{font-size: 14px;color:#CCC}
textarea::-webkit-input-placeholder {font-size: 14px;color:#CCC}
textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:none;color:#000;font-size:14px;}


input{border:1px solid #AAA;height:40px;line-height:40PX;color:#000;padding:0px 5px;}
textarea{border:1px solid #AAA;line-height:150%;height:100px;color:#000;padding:5px;}

input.input{float:left;width:100%;min-width:400px;}
textarea.input{float:left;width:100%;min-width:400px;}
input.radio{float:left;height:38px;line-height:38px;width:16px;}

input.input_pa{float:left;width:80%;}
input.input_pb{float:left;width:20%;}
input.sinput_class{float:left;width:60px;text-align:center;padding:0px;}


.tongjis{float:left;background:#FF6600;color:#FFF;LINE-HEIGHT:40PX;PADDING:0PX 10PX;}


.topbar{float:left;width:100%;background:#000;}
.mainbox{float:left;width:100%;padding:20px 50px;}
.mainbox_float{float:left;width:100%;padding:0px 50px;}
.box{float:left;width:100%;background:#FFF;padding:20px;box-shadow: 1px 1px 5px rgba(0,0,0,0.6);}
.box2{float:left;width:100%;background:#FFF;padding:20px;box-shadow: 1px 1px 5px rgba(0,0,0,0.6);margin-top:-30px;}
.box3{float:left;width:100%;background:#FFF;padding:15px 20px 20px 0px;box-shadow: 1px 1px 5px rgba(0,0,0,0.6);}

.mainbox_print{float:left;width:100%;padding:0px 0px;page-break-after:always;}
.box_print{float:left;width:100%;background:#FFF;padding:0px;}

.box_print .boxboxx td{padding:10px 10px;}






.foot{float:left;width:100%;text-align:center;font-size:12px;color:#505050}
.foot a{color:#505050}
.foot a:hover{color:#FF9900}

.navBar{float:left;width:100%;}
.navBar ul li{float:left;position:relative;width:100px;text-align:center;background:#202020;margin-right:1px;}
.navBar ul li.fr{float:right;}
.navBar ul li h3{float:left;width:100%;margin:0px;padding:0px;font-weight:normal;}
.navBar ul li h3 a{line-height:50px;color:#fff;FONT-SIZE:14PX;display:block;}
.navBar ul li h3 a:hover{background:#FF6600;color:#FFF}
.navBar ul li.now h3 a{background:#FF6600;color:#FFF}
.navBar ul li.r{float:right;}
.navBar ul li.r a{background:#ff8800;color:#000}
.navBar ul li.r a:hover{background:#FF6600;color:#FFF}
.navBar ul li .sub{position:absolute;left:0px;top:50px;z-index:99999;width:100%;background:#444;display:none;overflow:hidden;padding:0px 0px 0px 0px;}/*下拉菜单总宽比上面多2像素*/
.navBar ul li .sub UL LI{float:left;width:100%;border-right:none;position:relative;border:none;text-align:center;margin-top:1px;}
.navBar ul li .sub UL LI a{line-height:48px;font-weight:normal;font-size:12px;display:block;padding-left:0px;COLOR:#fff;}
.navBar ul li .sub UL LI a:hover{background:#FF6600;color:#FFF}


.boxbox{float:left;width:100%;}
.boxbox td{border:1px solid #ddd;line-height:150%;padding:5px;}
.boxbox tr td:nth-child(1){white-space:nowrap;text-align:right;color:#ccc;font-weight:bold;padding-left:10px;}
.boxbox tr td:nth-child(3){font-size:12px;}
.boxbox td em{color:#FF3300;}
.boxbox td h2{float:left;width:100%;font-size:18px;font-weight:bold;color:#000;text-align:center;line-height:50px;}
.boxbox td label{float:left;line-height:40px;padding-right:10px;}
.boxbox .input{width:100%;}
.boxbox .textarea{width:100%;}
.imgtip{float:left;display:flex;}

.imgview{float:left;}
.config tr td:nth-child(3){background:#FAFAFA;}





.boxboxx{float:left;width:100%;}
.boxboxx td{border:1px solid #ddd;line-height:150%;padding:5px;}
.boxboxx td em{color:#FF3300;}
.boxboxx td h2{float:left;width:100%;font-size:22px;font-weight:bold;color:#000;text-align:center;line-height:50px;}
.boxboxx td h3{float:left;width:100%;font-size:16px;font-weight:bold;color:#000;text-align:center;line-height:50px;}
.boxboxx td label{float:left;line-height:40px;padding-right:10px;}
.boxboxx td h4{float:left;width:100%;color:#000;text-align:right;}
.boxboxx .inputxv{float:left;width:100%}
.boxboxx .tt{text-align:center;font-weight:bold;}

.boxboxx .btn{float:left;line-height:40px;height:40px;border:none;background:#FF5500;color:#000;PADDING:0PX 50PX;cursor:pointer;margin-left:0px;color:#FFF;}

.boxboxx input.input_pa{float:left;width:40%;}
.boxboxx input.input_pb{float:left;width:15%;}



.boxboxx_pp{float:left;width:100%;height:477px;overflow:hidden;}
.boxboxx_pp td{border:none;line-height:150%;padding:5px;font-size:16px;vertical-align:top;}
.boxboxx_pp td *{font-size:16px;line-height:180%;font-style:nornal;}
.boxboxx_pp td h2{float:left;width:100%;font-size:22px;font-weight:bold;color:#000;text-align:center;line-height:40px;}
.boxboxx_pp td h3{float:left;width:100%;font-size:18px;font-weight:bold;color:#000;text-align:center;line-height:30px;}
.boxboxx_pp td em{text-decoration:underline;font-style:nornal;}
.boxboxx_pp td i{text-decoration:underline;font-style:nornal;}



input.btn{float:left;line-height:40px;height:40px;border:none;background:#FF5500;color:#000;PADDING:0PX 50PX;cursor:pointer;margin-left:-5px;color:#FFF;}
input.btn2{float:left;line-height:40px;height:40px;border:none;background:#FFDD00;color:#000;font-size:14px;padding:0px 30px;cursor:pointer;margin-left:0px;}

input.btn5{float:left;line-height:38px;height:40px;border:none;background:#DDD;border:1px solid #aaa;color:#000;font-size:14px;padding:0px 10px;cursor:pointer;margin-left:0px;}


a.edit_btn{float:left;line-height:26px;border-radius:3px;background:#FFDD00;color:#000;padding:0px 10px;font-size:12px;}
a.del_btn{float:left;line-height:26px;border-radius:3px;background:#FF3300;color:#FFF;padding:0px 10px;font-size:12px;MARGIN-LEFT:5PX;}
a.copy_btn{float:left;line-height:26px;border-radius:3px;background:#3DB060;color:#FFF;padding:0px 10px;font-size:12px;MARGIN-LEFT:5PX;}


.boxbox2{float:left;width:100%;}
.boxbox2 td{border:1px solid #ddd;line-height:30px;padding:5px;}
.boxbox2 tr:nth-child(1) td{padding:10px 5PX;background:#FAFAFA;}
.boxbox2 td img{float:left;margin-right:10px;}
.boxbox2 td:nth-child(3){padding:5px 20px;}

.boxbox2 td i.woman:before{content:"♀";color:#FF3300;padding-right:3px;}
.boxbox2 td i.man:before{content:"♂";color:#009900;padding-right:3px;}
.boxbox2 td i.zou{color:#FF3300;padding-right:3px;}
.boxbox2 td i.zhu{color:#009900;padding-right:3px;}





.boxbox2 td span{color:#FFF;background:#009900;FLOAT:LEFT;padding:0px 5px;line-height:24px;border-radius:3px;}
.boxbox2 td em{color:#FF3300;font-weight:bold;}
.boxbox2 td em.tf{background:#FF3300;color:#FFF;FLOAT:LEFT;padding:0px 5px;line-height:24px;border-radius:3px;}
.boxbox2 td h2{float:left;width:100%;font-size:18px;font-weight:bold;color:#000;text-align:center;line-height:50px;}
.boxbox2 input.ss{float:left;width:50px;height:40px;line-height:40px;text-align:center;}
.boxbox2 input.a{float:left;width:14px;height:14px;line-height:14px;margin-top:5px;}
.boxbox2 a.edit_btn{margin-right:5px;}
.boxbox2 a.del_btn{margin-left:0px;}

.infolisttit{float:left;width:100%;display:flex;align-items: center;}
.infolisttit div:nth-child(2) p:nth-child(2){color:#999;font-size:12px;}

.infobtns{float:left;width:100%;display:flex;align-items: center;}
.infobtns a{white-space: nowrap;height:40px;line-height:40px;}
.infolisttit img{float:left;height:40px;}
.nowraptext{float:left;white-space: nowrap;}



.piclist{float:left;width:10%;padding-right:20px;}
.piclist ul li{float:left;width:100%;margin-top:1px;}
.piclist ul li i{float:left;width:100%;position:relative;}
.piclist ul li i img{float:left;width:100%;}
.piclist ul li i span{float:left;position:absolute;left:0px;top:5px;background:rgba(0,0,0,0.6);border-radius:0px 3px 3px 0px;color:#FFF;padding:0px 10px;}
.piclist h6{float:left;width:100%;text-align:center;font-size:18px;font-weight: bold;padding-bottom: 10px;}
.piclist ul li h4{float:left;width:100%;padding:10px 15px;background:#DDD;}
.piclist ul li h4 .sinput_class{background:#FFF;}
.piclist ul li h4 a{float:right;line-height:40px;padding:0px 10px;background:#FF5500;color:#fff;}
.piclist ul li h4 a:hover{background:#ff3300}

.class_tree{float:left;width:70%;}
.class_tree ul{float:left;padding-left:20px;}
.class_tree ul li{float:left;width:100%;margin-top:5px;}
.class_tree ul li div{float:left;padding:0px 0px;line-height:40px;background:#F0F0F0;MARGIN-RIGHT:5PX;}
.class_tree ul li div:nth-child(1){min-width:80px}

.class_tree ul li a{float:left;padding:0px 10px;line-height:40px;}
.class_tree ul li a.edit{background:#ff9900;color:#FFF;}
.class_tree ul li a.del{background:#FF3300;color:#FFF;}
.class_tree ul li a.on{background:#009900;color:#FFF;}
.class_tree ul ul{background:url(class.png) left bottom no-repeat;}
.class_tree input.s{float:left;width:50px;text-align:center;padding:0px;}

.fixbox{float:right;width:30%;background:#F0F0F0;PADDING:20PX;}
.fixbox H2{float: left;width: 100%;font-size:14px;padding-bottom: 10px;}
.fixbox H3{float: left;width: 100%;font-size:14px;padding-bottom: 10px;color:#ff3300}

.boxbox_s{float:left;width:100%;}
.boxbox_s td{padding:1px 0px;}
.boxbox_s td input{padding:0px 10px;margin-left:0px;float:left;width:100%;background:#FFF;}
.boxbox_s td textarea{padding:0px 10px;margin-left:0px;float:left;width:100%;background:#FFF;}
.boxbox_s td select{padding:0px 10px;margin-left:0px;float:left;width:100%;background:#FFF;}
.boxbox_s td input.btn{padding:0px 30px;margin-left:0px;background:#FF5500}


.paddingbox{float:left;width:100%;padding:10px 0px;}

.infoops{float:left;width:100%;}
.infoops tr td input{float:left;margin-right:5px;}
.infoops tr td select{float:left;margin-right:5px;}
.infoops tr td.dd{width:20px;padding-left:5px;}
.infoops tr td.dd input.input{width:300px;margin:0px;}
.infoops tr td.dd input.bt5{margin:0px;}
.infoops tr td.cc a{float:right;padding:0px 10px;background:#ddd;border:1px solid #aaa;line-height:38px;margin-right:5px;}


.showPage{float:right;}
.showPage #page{float:left;}
.showPage #page p{float:left;background:#DDD;padding:0px 8px;margin-left:5px;line-height:40px;COLOR:#AAA}
.showPage #page a{float:left;background:#ddd;padding:0px 8px;margin-left:5px;line-height:40px;}
.showPage #page a.cur{background:#FF5500;COLOR:#fff;font-weight:bold;}
.showPage #page p.pageRemark b{font-weight:bold;}


.demo{float:left;width:100%;}
.demo h3{float:left;width:100%;line-height:32px;}
a.btn{float:left;background:#ff5500;color:#FFF;padding:0px 10px;line-height:32px;margin-right:10px;cursor:pointer;}
.demo h3 b{color:#FF5500}



.demo ul li{float:left;width:25%;margin-top:10px;padding-right:10px;}
.demo ul li i{float:left;width:100%;}
.demo ul li i img{float:left;width:100%;}
.demo h6{float:left;width:100%;text-align:center;font-size:18px;font-weight: bold;padding-bottom: 10px;}
.demo ul li h4{float:left;width:100%;padding:10px 15px;background:#DDD;}
.demo ul li h4 .sinput_class{background:#FFF;}
.demo ul li h4 a{float:right;line-height:40px;padding:0px 10px;background:#FF5500;color:#fff;}
.demo ul li h4 a:hover{background:#ff3300}


.progress {position: relative;padding: 1px;border-radius: 3px;margin: 60px 0 0 0;}
.bar {background-color: green;display: block;width: 0%;height: 20px;border-radius: 3px;}
.percent {position: absolute;height: 20px;display: inline-block;top: 3px;left: 2%;color: #fff}

.demo ul .img {float:left;width:100%;}
.demo ul .img img {float:left;width:100%;}
.demo ul p {float:left;width:100%;text-align:center;line-height:40px;background:#DDD;padding:0px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}