/*导入外部css*/
@import url('element.css');
@import url('animate.css');
*{ margin:0px; padding:0px;font-family:"microsoft yahei"; font-size:14px;transition:background-color  1s; background-repeat:no-repeat;}
html{ background-repeat:repeat-y; }
body{  color:#666; font-family:Arial, "微软雅黑"; margin: 0px; padding: 0px; }
a{text-decoration:none;color:#666;}
.masterColor{ color:#06C}
.masterBgColor{ background-color:#06C}
/*头部*/
.header-wrapper{}
.header-wrapper .top{height:30px; background-color:#f9f9f9}
.header-wrapper .header{ height:80px; width:1220px; margin:0px auto; background-color:#fff;  }
.header-wrapper .header .logo-wrapper{ display:block;  background-position:20% 50%; background-repeat:no-repeat; float:left;height:50px; padding:0px;  float:left; }
.header-wrapper .header .logo{ line-height:80px ; width:250px; height:80px; background-image:url(../img/logo.jpg); background-repeat:no-repeat; background-position:0% 50%;}
.header-wrapper .header .search-wrapper{ float:left;position:relative; margin-top:20px; margin-left:100px;}
.header-wrapper .header .search-wrapper .search-input{ border:1px solid #ccc; box-sizing:border-box; width:500px; height:36px; border-radius:3px; padding:0px 40px 0px 80px}
.header-wrapper .header .search-wrapper .search-btn{ position:absolute; right:0px; top:0px; width:72px; height:36px; text-align:center; line-height:32px; color:#fff; font-size:18px; cursor:pointer }
.header-wrapper .header .search-wrapper .search-pre{ position:absolute; left:1px; top:1px; width:72px; height:34px; background-color:#eee;text-align:center; line-height:32px; color:#999; font-size:14px; cursor:pointer;}
.header-wrapper .header .contact-wrapper{ float:right; font-size:24px;}
.header-wrapper .header .contact-wrapper i{ margin-right:10px}

.menu-wrapper{ width:1220px; margin:auto}
.menu-wrapper .menu-inner{ margin-left:210px;}
.menu-wrapper .menu-inner .menu{ display:block; line-height:40px; width:14%; text-align:center; float:left; font-size:16px;}


.sub-menu-wrapper{ width:1220px; margin:auto; position:relative;}
.sub-menu-wrapper .sub-menu-inner{ position:absolute; width:210px;  background-color:#fff;top:-40px; z-index:200; }
.sub-menu-wrapper .sub-menu-inner .all{display:block; line-height:40px; color:#fff; padding-left:20px;}
.sub-menu-wrapper .sub-menu-inner .menu{ display:block; padding:8px 20px; border-bottom:1px solid #eee; border-left:2px solid #FFF; cursor:pointer; }
.sub-menu-wrapper .sub-menu-inner .menu:hover{border-left:2px solid red  }
.sub-menu-wrapper .sub-menu-inner .menu .big{ line-height:30px; font-size:16px; color:#323232}
.sub-menu-wrapper .sub-menu-inner .menu .small{ overflow:hidden; white-space:nowrap;}
.sub-menu-wrapper .sub-menu-inner .menu .small a{color:#a5a5a5; margin-right:5px;}

.sub-menu-content-wrapper{ position:absolute; width:1010px; height:450px; background-color:#fff; left:210px; z-index:200;display: none;}
.sub-menu-content-wrapper .sub-menu-content{  }
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column{background-color:#f3f3f3;}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column.w1x{width:25%;}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column.w3x{width:75%;background-color:#f9f9f9;}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column{height:450px;  padding:15px; box-sizing:border-box; float:left}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .menu-lv2{ display:block; line-height:40px; margin-bottom:5px; cursor:pointer; }
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .menu-lv2:hover{ background-color:#06C; color:#fff}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .menu-lv2.active{ background-color:#06C; color:#fff}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .menu-lv2 i{ margin:0px 10px;}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .sub-menu-content-column-title{ padding:10px 0px ;  border-bottom:1px solid #ccc; }
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .sub-menu-content-column-title b{border-left:5px solid #06C; padding-left:10px; }
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .category-lv1{ padding:8px 0px;  }
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .category-lv2{ display:inline-block; width:32.9% ; padding:5px 0px; font-size: 12px;}

.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .sub-menu-content-column-content{ height:250px;}
.sub-menu-content-wrapper .sub-menu-content .sub-menu-content-column .sub-menu-content-column-bottom{ height:130px;}


.about{ background-color:#333438!important; padding:30px 0px; }
.about *{color:#fff}
.about .column{float:left;width:20%; height:200px;}
.about .column .about-title{font-size:16px; line-height:30px; font-weight:bold;}
.about .column .link{ display:block; line-height:30px;}


.footer-wrapper{ border-top:2px solid #000; padding:20px 0px;}
.footer-wrapper .footer{ text-align:center}
.footer-wrapper .links{ text-align:center; margin-top: 5px;}
.footer-wrapper .links a{margin: 0px 10px;}

/*杂项*/
.loading{ width:50px; height:50px; position:absolute; z-index:100; left:50%; top:50%; margin-left:-25px;margin-top:-25px; background-color:#000; border-radius:5px; background-image:url(../img/loading.gif);background-repeat: no-repeat;background-position: 50% 50%; opacity:0.6; display:none;}
.loading-bg{ background-color:#000000; position: fixed; z-index:50; width:100px; height:100px; top:0px; left:0px;opacity: 0;filter: alpha(opacity=1);}
.to-top{ width:50px; height:50px; position:fixed; z-index:60; right:10px; bottom:10px; margin-left:-25px; background-color:#000;  opacity:0.6; display:none; background-image:url(../img/arrow.png); background-repeat:no-repeat; background-size:70% 70%; background-position:50% 50%; cursor:pointer;}
.to-top:hover{ opacity:1;}
.showModal{ position:fixed;width: 200px;left: 50%; top: 50%; margin-left: -110px; opacity: 0.8; word-wrap: break-word; text-align: center; padding: 10px;border-radius:5px; background-color:#000; color:#fff; z-index:9000;}
.confirm-inner{ padding:50px 0px; line-height:30px; text-align:center; color:#479add}
.confirm-inner img{ margin-bottom:-13px; margin-right:10px;}
.confirm-inner span{font-size:16px; }
.timer{height:30px;border:1px solid #eee;border-radius:3px;color:#00a8ff;line-height:30px;text-align:center;outline:0;background:#f8f8f8; cursor:pointer; box-sizing: border-box;}
.reset{width:120px;height:30px;border:1px solid #dcdcdc;border-radius:3px;float:left;margin-left:22px;color:#989898;line-height:30px;text-align:center;outline:0;background:#dcdcdc;box-sizing: border-box;}



/*页面布局*/
.layout-wrapper{}
.layout .layout-title{  text-align:center; padding:40px 0px;}
.layout .layout-title .master-word{ font-size:26px; color:#000; font-weight:bold; }
.layout .layout-title .slave-word{font-size:12px; color:#666; margin-top:10px;background-image:url(../img/slave_word_bg.png); background-position:50% 50%; background-repeat:no-repeat}
.layout{ position:relative; width:1220px; margin:auto;}

/*提交需求*/
.quicklySign-wrapper{ }
.quicklySign{width:300px; background-color: rgba(34, 34, 34, 0.6);padding: 20px;}
.quicklySign{color: #fff; }


/*分页码*/
.tp5-pagination-wrapper{padding: 10px;}
.tp5-pagination{}
.tp5-pagination .pagination{}
.tp5-pagination .pagination li{box-sizing:border-box;border: 1px solid #ddd;margin-right: 5px;cursor: pointer;color: #636E7B;float: left;position: relative;background: #fff;display: inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.tp5-pagination .pagination a{padding: 7px 12px; display: inline-block;}
.tp5-pagination .pagination .active,.tp5-pagination .pagination .disabled{padding: 7px 12px;}
.tp5-pagination .pagination .active{background-color: #2ecfff;border-color: #2ecfff;color: #fff;}
.tp5-pagination .pagination .disabled{background-color: #eee; cursor:default; border-color: #fff;}



/*按钮 输入框 表单 元件*/
.button{ padding:0px 20px;line-height:40px; background:#aaaaaa;border-radius: 3px;height:40px; text-align: center; border: none; outline:none; cursor:pointer; font-size:18px;display:inline-block; *position: relative; *top: 14px; box-sizing:border-box;}
.button-s{ padding:0px 20px;line-height:30px; background:#aaa;border-radius: 3px;height:30px; text-align: center; border: none; outline:none; cursor:pointer; font-size:14px;display:inline-block;box-sizing:border-box; text-align:center;text-indent:0px!important;}
.button-xs{ padding:0px 10px;line-height:20px; background:#aaa;border-radius: 3px;height:20px; text-align: center; border: none; outline:none; cursor:pointer; font-size:14px;display:inline-block;box-sizing:border-box;}
.button-blue{ background-color:#2ecfff; color:#FFF; transition: background-color 1s;}
.button-blue:hover{ background-color:#005296; color:#FFF;transition: background-color 1s;}
.button-deepblue{ background-color:#004ea2; color:#FFF; transition: background-color 1s;}
.button-deepblue:hover{ background-color:#005296; color:#FFF;transition: background-color 1s;}
.button-orange{ background-color:#ff8213; color:#FFF;transition: background-color 1s;}
.button-orange:hover{ background-color:#cb650a; color:#FFF;transition: background-color 1s;}
.button-red{ background-color:#ff7740; color:#FFF;transition: background-color 1s;}
.button-red:hover{ background-color:#e65920; color:#FFF;transition: background-color 1s;}
.button-border-blue{ background-color:#fff; color:#666; border:1px #eee solid;transition: background-color 1s; }
.button-border-blue:hover{ background-color:#eee; transition: background-color 1s;}
.button-gray{ background-color:#999; color:#FFF;transition: background-color 1s;}
.button-gray:hover{ background-color:#333; color:#FFF;transition: background-color 1s;}
.button-disable{border:1px solid #ccc!important; color:#ccc!important; cursor:not-allowed!important;}



.form-row{ padding:10px 0px; position: relative;}
.form-row .all-row{ width:100%!important; text-indent:0px!important; }
.form-row .field-key{width:150px;height:40px;float:left;position:relative;line-height:40px}
.form-row .field-value{width:370px;min-height:30px;float:left;position:relative;padding-top:10px}
.form-row .input-name{width:150px;height:40px;float:left;position:relative;line-height:40px}
.form-row .input-name-even{width:150px;height:40px;float:left;position:relative;line-height:40px; text-indent:10px;}
.form-row .input-box{width:370px;min-height:40px;float:left;position:relative;padding:0}
.form-row .textarea-box{width:370px;border-radius:3px;float:left;position:relative;}
.form-row .textarea-text{border:0;outline:0; }

.form-row-s{padding:5px 0px!important;}
.form-row-s .field-key{height:30px!important;line-height:30px!important;font-size:12px;}
.form-row-s .field-value{height:30px!important;line-height:30px!important}
.form-row-s .input-name{height:30px!important;line-height:30px!important; font-size:12px; text-align:left;padding-right:10px; box-sizing:border-box;}
.form-row-s .input-name-even{height:30px!important;line-height:30px!important;font-size:12px;text-align:left; padding-right:10px; box-sizing:border-box;}
.form-row-s .input-box{min-height:30px!important;line-height:30px!important;min-height:30px!important;font-size:12px;}



.input-start-time{ border:1px solid #ddd;   height: 30px;line-height:30px\9; border-radius: 3px 0px 0px 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:12px; width:40%; display:block; outline:none;transition: border 1s; float:left;box-sizing: border-box;}
.input-time-tag{ border-top:1px solid #ddd;  border-bottom:1px solid #ccc; border-right:1px solid #ccc;border-left:0px solid #ccc;  line-height: 28px;line-height:28px\9; background: #eee; padding:0px 0px 0px 0px;  font-size:12px; width:20%; display:block; outline:none;transition: border 1s;float:left; text-align:center;box-sizing:border-box;}

.input-end-time{ border-top:1px solid #ddd;  border-bottom:1px solid #ccc; border-right:1px solid #ccc;border-left:0px solid #ccc;  height: 30px;line-height:30px\9; border-radius:0px 3px 3px 0px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:12px; width:40%; display:block; outline:none;transition: border 1s;float:left; box-sizing: border-box;}
.input-xs{ border:1px solid #ddd; border:1px solid #eee\9;  height: 25px;line-height:25px\9; border-radius: 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:10px; width:100%;  display:block; outline:none;transition: border 1s;}
.input-s{ border:1px solid #ddd; border:1px solid #eee\9;  height: 28px;line-height:28px\9; border-radius: 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:12px; width:100%;  display:block; outline:none;transition: border 1s;}
.input{ border:1px solid #ccc; border:1px solid #eee\9;box-sizing: border-box;box-shadow:inset 1px 1px 1px 1px #eee;  height: 40px;line-height:38px\9; border-radius: 0px;background: #fff; padding:0px 0px 0px 0px; text-indent:20px; font-size:15px; width:100%; display:block; outline:none;transition: border 1s;}
.input:read-only,.input-s:read-only{background-color:#f9f9f9;}
.input:hover{border:1px solid #666;transition: border 1s;}
.input-error{border:1px solid #fb5647!important; background-position:97% center; background-repeat:no-repeat;}
.input-error-msg{ display:block; padding:10px; color:#fff; background-color:#fb5647; position:absolute; z-index:10; left:60px; border-radius:0px 0px 3px 3px;}
.input-pass{background-image: url('../img/right.png'); background-position:97% center; background-repeat:no-repeat;}
.input-disable{ background-color:#eee!important;}
.upload-img-wrapper{ position:relative; width:326px; }
.upload-img-wrapper .del{ position:absolute; top:0px; right:-1px; width:20px; height:20px; display:block; background-color:#333; cursor:pointer; line-height:20px; text-align:center; z-index:200;}
.upload-img-wrapper .upload-img-inner{border:1px solid #ccc; width:326px;height: 140px;text-align:center; overflow:hidden; position:absolute; background-image:url(../img/alt.png); background-size:100% 100%; }
.upload-img-wrapper img{ height:140px; width:326px;}
.upload-img-wrapper .input-file{
	width: 100%;
	height: 140px;
	display: block;
	position: absolute;
	z-index:100;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	border: none;
	outline: none;
	cursor:pointer;
	font-size: 200px;
	cursor:pointer;
}
.checkbox{ padding:10px; float:left; min-width:20%}

select{width: 100%;font-size:12px; height:30px; border:1px solid #ddd; border-radius:3px; padding:0px 10px; line-height:30px;}

.input-file:hover{cursor:pointer;}
.textarea{border:1px solid #ccc; border:1px solid #eee\9; border-radius: 0px; font-size:14px; min-height:100px; overflow-y:scroll;   font-size:12px; resize:none; padding:10px 20px;*padding:3% 5% 3% 5%; box-sizing:border-box; width:100%; *width:90%; background-color:#FFF;display:block; word-wrap:break-word;}






/*容器*/
.container{ border:1px solid #ddd;background-color:#fff}
.container .container-title{ background-color:#ccc;background:linear-gradient(#fff,#eee); padding:5px 10px 5px 10px; line-height:35px; color:#2ecfff; font-weight:bold;  background-position:5px 50%}
.container .container-content{ padding:5px;}

.form-container{ border:1px solid #3499dc;background-color:#fff;}
.form-container .container-title{ background-color:#3499dc; height:40px; position:relative; padding-top:5px; padding-left:5px; box-sizing: border-box; }
.form-container .container-title .tab{ display:inline-block; margin-left:3px; min-width:80px; padding:0px 10px; height:35px; text-align:center; line-height:35px; cursor:pointer ; color:#fff;}
.form-container .container-title .tab.active{ background-color:#fff; color:#3499dc}
.form-container .container-content{ padding:10px; background-color:#fff;}
.form-container .container-content h3{ font-size:18px; padding:5px 0px;}

/*表格*/
.table{ border:1px #eee solid;}
.table .tr{ border-bottom:1px solid #eee;background-color:#fff}
.table .tr:nth-child(odd){background-color:#f9f9f9;}
.table .tr:hover{ background-color:#f3f3f3}
.table .th{ border-bottom:1px solid #eee; background-color:#f9f9f9}
.table .th .td{ font-weight:bold}
.table .td{ padding:7px 0px;float:left; min-height: 20px;  }
.table .td *{font-size:12px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.table .td span{ margin-top:3px;word-wrap:break-word; font-size:12px;}
.table .table-btn{ color:#333; cursor:pointer; display:inline-block; width:20px; height:12px; margin-right:10px; text-align:center}
.split-dot{ zoom:1;position: relative; width: 100%; min-height: 1px; background-image:url(../img/dot-line.png); background-repeat:repeat-x; background-position:50% 50%;}
.split-dot span{font-size:14px; background-color:#fff}