/*导入外部css*/
@import url('element.css');
@import url('animate.css');
*{ margin:0px; padding:0px;font-family:"microsoft yahei"; font-size:13px;transition:background-color  1s;outline: none;word-wrap: break-word; outline: none;-webkit-tap-highlight-color: transparent; }
body{ background-color: #eee; color:#666; font-family:Arial, "微软雅黑"; margin: 0px; padding: 0px;}
a{text-decoration:none;color:#666;}
.mobile-only{display:none!important;}


/*头部*/
.pc-header-wrap{ background-repeat:no-repeat;  background-color:#fff; border-bottom:1px solid #999; }
.pc-header-wrap .header-body{height:70px; }
.pc-header-wrap .header-body .logo{display:block;float:left;position:relative; width: 30%;  background-image:url("../img/logo.png");  background-repeat:no-repeat; background-position:5px 50%;  height:70px; }
.pc-header-wrap .header-body .menu-group{ float:right; width: 70%;}
.pc-header-wrap .header-body .menu-group li{float:left; list-style:none; position:relative;width:12.5%;}
.pc-header-wrap .header-body .menu-group .menu{display:block; line-height:70px; text-align:center; font-size:15px; }
.pc-header-wrap .header-body .menu-group li ul{ position:absolute; z-index:100; background-color:#fff; box-shadow: 1px 2px 2px #888080; display:none;width: 450px;}
.pc-header-wrap .header-body .menu-group li ul a{ display:block; line-height:40px; padding-left:10px;padding-right:10px;float: left;}
.pc-header-wrap .header-body .menu-group li ul a:hover{ background-color:#e0dcdc;color:#ff690f}
.pc-header-wrap .header-body .menu-group .menu:hover{ background-color:#f3f3f3; box-shadow:inset 1px 1px 2px #eee;color:#ff690f}
.pc-header-wrap .header-account{ border-bottom:0px solid #eee;background-color:#666}
.pc-header-wrap .header-account .login{display:block;float:right;line-height:70px;border-left:1px solid #ea7f00;background-image:url("../img/icon_white_member.png");background-repeat:no-repeat;background-position:20px center;padding-left:50px; padding-right:20px!important;color:#fff;cursor:pointer}
.pc-header-wrap .header-account .logout{display:block;float:right;line-height:70px;border-left:1px solid #ea7f00;background-image:url("../img/quit_icon.png.html");background-repeat:no-repeat;background-position:20px center;padding-left:50px; padding-right:20px!important;color:#fff;cursor:pointer}
.pc-header-wrap .header-account .user-info{display:block;float:right;width:13%; max-width:230px; cursor:pointer}
.pc-header-wrap .header-account .btn{display:block; padding:0px 1%;line-height:25px; float:right; color:#fff;border-left:1px  dotted  #eee ; font-size:12px ; color:#fff; cursor:pointer;}


.tab-group{ border-bottom:1px solid #eee; box-shadow:inset 0px 40px 10px #fff; margin-bottom: 10px;}
.tab-group a{ width:50%; line-height:40px; cursor: pointer; display:block; float:left; text-align:center;border-bottom:1px solid #fff;box-sizing: border-box;}
.tab-group a.active{ border-bottom:1px solid #ff690f}





.timer{height:30px;border:1px solid #eee; display: inline-block; width: 100%; box-sizing:border-box;border-radius:3px;color:#0099cb;line-height:30px;text-align:center;outline:0;background:#f8f8f8; cursor:pointer}
.reset{width:120px;height:50px;border:1px solid #dcdcdc;border-radius:3px;float:left;margin-left:22px;color:#989898;line-height:50px;text-align:center;outline:0;background:#dcdcdc}


/*杂项*/
.empty{ height:100%; background-image:url("../img/null.png"); background-position:50% 50%; background-repeat:no-repeat;}
.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.html"); 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:#ff690f}
.confirm-inner img{ margin-bottom:-13px; margin-right:10px;}
.confirm-inner span,.confirm-inner a{font-size:16px; }

/*二级栏目*/
.sub-nav{ margin-top:80px; height:80px; background-color:#ececec!important;}
.sub-nav .title ,.sub-nav .title font{ font-size:20px; line-height:80px; }
.sub-nav .breadcrumb{ font-size:13px; line-height:80px; position: relative;}
.sub-nav .breadcrumb a{ color:#005296}


/*页面布局*/


.layout-wrap{ background-color:#f3f3f3; padding:20px 0px; background-image:url("../img/banner_bg.jpg"); background-attachment:fixed  }
.layout{ max-width:1170px; width:100%;  margin:0px auto;  box-sizing: border-box; position: relative; width: 1170px \0; }
.layout .layout-title-wrapper{padding:30px 0px; text-align: center;}
.layout .layout-title-wrapper h3{ color:#ccc; text-align:center;  margin:0px auto 0px auto; padding:10px 50px; max-width:300px; min-width:80px;background-color:#fff;  display: inline-block; cursor: pointer;border-bottom:2px solid #eee;box-sizing: border-box;}
.layout .layout-title-wrapper h3 span{ display:inline-block; font-size:16px;}
.layout .layout-title-wrapper .active{border-bottom:2px solid #ff690f; color: #333}

/*尾部*/
.footer-wrap{  height:40px; color:#666; text-align:center; line-height:40px;}
.footer-wrap .left{ float: left; width: 39%; overflow: hidden;white-space:nowrap;}
.footer-wrap .right{float: right; width: 59%; overflow: hidden; text-align: right;white-space:nowrap;}

.footer-wrap a{color:#666;}

/*分页码*/

.paginate-wrap{ padding:10px 0px;}
.dataTables_paginate{text-align: center;}
.dataTables_paginate a.paginate_button,.dataTables_paginate a.paginate_active,.dataTables_paginate .num,.dataTables_paginate .current,.dataTables_paginate .next,.dataTables_paginate .prev,.dataTables_paginate .end, .dataTables_paginate .first{border: 1px solid #ddd;padding: 6px 8px;margin-right: 5px;cursor: pointer;color: #636E7B;line-height: 21px;position: relative;background: #fff;display: inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.dataTables_paginate > li:first-child > a,.dataTables_paginate > li:first-child > span{border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.dataTables_paginate a.paginate_button:hover{text-decoration: none !important;background-color: #E4E7EA;}
.dataTables_paginate a.current,.dataTables_paginate a.current:hover,.current{background-color: #0099cb!important;border-color: #0099cb!important;color: #fff!important;}
.dataTables_paginate a:focus{text-decoration: none;}
.dataTables_paginate a.last{margin-right: 0;}



/*按钮 输入框*/

.button{ padding:0px 3%;line-height:40px;box-sizing: border-box; background:#27bbbA;border-radius: 3px;height:38px; 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 3%;line-height:30px; box-sizing: border-box; background:#27bbbA;border-radius: 3px;height:30px; text-align: center; border: none; outline:none; cursor:pointer; font-size:13px;display:inline-block;box-sizing:border-box;}
.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:12px;display:inline-block;box-sizing:border-box;box-sizing:border-box;}
.button-blue{ background-color:#0099cb; color:#FFF;border:1px #0099cb solid; transition: background-color 1s;}
.button-blue:hover{ background-color:#005296; border:1px #005296 solid;color:#FFF;transition: background-color 1s;}
.button-orange{ background-color:#ff690f; color:#FFF;border:1px #ff690f solid;transition: background-color 1s;}
.button-orange:hover{ background-color:#e25500; border:1px #e25500 solid;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-gray{ background-color:#eee; color:#666;border:1px #ccc solid; transition: background-color 1s;}
.button-gray:hover{ background-color:#333; border:1px #333 solid;color:#FFF;transition: background-color 1s;}
.button-border-orange{ background-color:#fff; color:#ff690f; border:1px #ff690f solid;transition: background-color 1s;}
.button-border-orange:hover{ background-color:#eee; transition: background-color 1s;}
.button-disable{border:1px solid #ccc!important; color:#ccc!important; cursor:not-allowed!important;}

.form-row{ padding:5px 0px; position: relative;}
.form-row .field-key{width:150px;min-height:40px;float:left;position:relative;padding-top:5px;}
.form-row .field-value{width:370px;min-height:30px;float:left;position:relative; padding-top:5px;}
.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{border:1px solid #cbcbcb;width:370px;border-radius:3px;background:#f7f7f7;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;}

select{ width: 100%;font-size:12px;height:30px; border:1px solid #ccc; border-radius:3px; padding:0px 10px; line-height:30px;text-overflow: ellipsis; white-space:nowrap;}

.input-s{ border:1px solid #ccc; border:1px solid #eee\9;box-sizing: border-box; height: 30px;line-height:30px\9; background: #fff; padding:0px 0px 0px 0px; text-indent:15px; font-size:13px; width:100%; display:block; outline:none;transition: border 1s;}
.input-s.mobile{ background-image:url("../img/input_mobile.png"); background-repeat:no-repeat; background-position:left 0px; text-indent:35px; }
.input-s.email{ background-image:url("../img/input_email.png"); background-repeat:no-repeat; background-position:left 0px; text-indent:35px; }
.input-s.pwd{ background-image:url("../img/input_pwd.png"); background-repeat:no-repeat; background-position:left 0px; text-indent:35px; }
.input{ border:1px solid #ccc; border:1px solid #eee\9; height: 38px;line-height:38px\9; background: #fff; padding:0px 0px 0px 0px; text-indent:15px; font-size:15px; width:100%; display:block; outline:none;transition: border 1s;}
.input:hover{border:1px solid #666;transition: border 1s;}
.input:disabled{background-color:#eee!important;}
.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.html'); background-position:97% center; background-repeat:no-repeat;}
.input-disable{ background-color:#eee!important;}
.input-file{
	width: 150px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	border: none;
	outline: none;
	cursor:pointer;
	font-size: 200px;
	cursor:pointer;
}
.input:read-only,.input-s:read-only{background-color:#f9f9f9;}
.input-file:hover{cursor:pointer;}
.textarea{border:1px solid #ccc; border:1px solid #eee\9;box-shadow:inset 1px 1px 1px 1px #eee;font-size:13px; min-height:100px; max-height:300px; overflow-y:scroll;   font-size:13px; 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; }
.textarea[contenteditable="true"]{ background-color:#FFF!important;}

/*按钮 分割线*/

.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%; text-align:center}
.split-dot span{font-size:13px; background-color:#fff}


/*表格*/
.table-wrappper{}
.table{ border:1px #eee solid;}
.table .tr{ border-bottom:1px solid #eee; display: block;}
.table .tr:last-child{border-bottom:none;}
.table .tr:hover{ background-color:#f3f3f3}
.table .th{ border-bottom:1px solid #eee; background-color:#f9f9f9}
.table .th-tool-bar{ padding:0px; border-bottom:1px solid #eee}
.table .th .td{ font-weight:bold}
.table .td{ padding:10px 0px;float:left; }
.table .td *{font-size:12px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.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:12px; background-color:#fff}


@media screen and (max-width: 800px) { /*当屏幕尺寸小于500px时，应用下面的CSS样式*/
.pc-only{display:none!important;}
.mobile-only{ display:inherit!important;}
/*头部*/
.pc-header-wrap{ display:none;}
.mobile-header-wrap{ background-repeat:no-repeat;  background-color:#fff; height:40px; display:block; background-size: cover; position: fixed; z-index: 50; width:100%; top:0px; border-bottom:1px solid #eee;}
.mobile-header-wrap .btn-left{display:block;float:left;position:relative; width:10%; height:40px; line-height:40px; text-align:center; }
.mobile-header-wrap .btn-mid{display:block;float:left; width:80%; height:40px; line-height:40px; text-align:center; }
.mobile-header-wrap .btn-right{display:block;float:right; width:10%; height:40px; line-height:40px; text-align:center; }
.mobile-header-wrap .logout{display:block;float:right;line-height:50px;border-left:1px solid #ff9f65;background-image:url("../img/quit_icon.png.html");background-repeat:no-repeat;background-position:10px center;padding-left:40px; padding-right:10px;color:#fff;cursor:pointer}
.mobile-header-wrap .user-info{display:block;float:right;height:50px;border-left:1px solid #ea7f00;width:230px; cursor:pointer}
.mobile-header-wrap .user-account div{ white-space:nowrap;}
.mobile-header-wrap .menu{display:block; padding:0px 10px;line-height:50px; float:right; color:#fff;border-left:1px solid #ff9f65; }
.mobile-header-wrap .btn:hover{ background-color:#D16201}

.mobile-header-wrap .my-list{ position:absolute; width:100%; max-height:400px; overflow-y:auto; top:40px;  z-index:500; background-color:#fff; border-bottom:1px solid #eee; box-shadow:0px 2px 5px  rgba(0,0,0,0.7); display:none;  z-index:150; }
.mobile-header-wrap .my-list .list{ line-height:40px; margin-left:10px;  display:block; border-bottom:1px solid #eee; color: #333; font-size: 14px;}
.mobile-header-wrap .my-list .list i{ margin-right:10px;}
.mobile-header-wrap .my-list .list:last-child{ border-bottom:none;}
.mobile-header-wrap .my-list .list:active{ background-color:#eee}

.mobile-breadcrumb{ line-height:40px; border-bottom:1px solid #eee; position:fixed; top:50px; width:100%; z-index:9; background-color:#fff; padding:0% 2%;}

.loginPanel .tab-group{ padding-bottom:10px; position:relative;zoom:1;}
.loginPanel .tab-group .tab{ float:left; width:50%; text-align:center; line-height:40px; font-size:16px; cursor:pointer; bottom:0px; zoom:1;}
.loginPanel .tab-group .active{ position:absolute; width:50%; height:5px;  left:0px; bottom:0;}
.loginPanel .forget-btn{ cursor:pointer}
 .timer{height:30px;border:1px solid #eee;border-radius:3px;color:#0099cb;line-height:30px;text-align:center;outline:0;background:#f8f8f8; cursor:pointer}
 .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}

/*杂项*/
.showModal{ position:fixed;width: 200px;left: 50%; top: 50%; margin-left: -110px; word-wrap: break-word; text-align: center; padding: 10px;border-radius:5px; background-color:#000; color:#fff; z-index:9000;}
.to-top{ width:50px; height:50px; position:fixed; z-index:60; right:10px; bottom:60px; margin-left:-25px; background-color:#000;  opacity:0.6; display:none; background-image:url("../img/arrow.png.html"); background-repeat:no-repeat; background-size:70% 70%; background-position:50% 50%; cursor:pointer;}
.to-top:hover{ opacity:1;}

.tab-group{ border-top:1px solid #eee; background-color:#f9f9f9; box-shadow: inset 0px 0px 1px 1px#eee; }
.tab-group a{ width:50%; line-height:40px; display:block; float:left; text-align:center}
.tab-group a.active{ background-color:#0099cc; color:#fff}

/*页面布局*/
.layout-wrap{padding:0px;margin-top:40px;background-color: #fff; padding-bottom:50px;}
.layout{width:100%;padding:0%!important; }
.layout .layout-title-wrapper{padding:10px 0px; text-align: center;}
.layout .layout-title-wrapper h3{ font-size:16px; margin:0px auto 0px auto; padding:5px 20px; max-width:300px; min-width:100px; display: inline-block;}
.layout .layout-title-wrapper h3 span{ display:inline-block; font-size:16px;}


/*尾部*/
.mobile-footer-wrap{ overflow-x:auto; position:fixed; width:100%; height:50px; bottom:0px; left:0px; z-index:9; background-color:#f9f9f9; border-top:1px solid #eee;}
.mobile-footer-wrap .mobile-footer-inner{ width: 100%;  }
.mobile-footer-wrap .btn{ float:left; width:25%; height: 50px;  display:block; text-align:center; font-size:10px; color: #ccc;}
.mobile-footer-wrap .btn:active{ background-color:#eee}
.mobile-footer-wrap .active{ background-color:#eee; color: #ff690f}
.mobile-footer-wrap .btn i{ display: block; height: 30px; line-height: 30px;}

/*按钮 输入框*/

.button{ padding:0px 3%;line-height:38px; background:#27bbbA;border-radius: 3px;height:38px; text-align: center; border: none; outline:none; cursor:pointer; font-size:16px;display:inline-block; *position: relative; *top: 14px;box-sizing:border-box;}
.button-s{ padding:0px 3%;line-height:30px; background:#27bbbA;border-radius: 3px;height:30px; text-align: center; border: none; outline:none; cursor:pointer; font-size:13px;display:inline-block;}
.button-blue{ background-color:#0099cb; color:#FFF;border:1px #2776b6 solid; transition: background-color 1s;}
.button-blue:hover{ background-color:#005296; border:1px #005296 solid;color:#FFF;transition: background-color 1s;}
.button-orange{ background-color:#ff690f; color:#FFF;border:1px #ff690f solid;transition: background-color 1s;}
.button-orange:hover{ background-color:#e25500;border:1px #e25500 solid; 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-gray{ background-color:#999; color:#FFF;border:1px #999 solid; transition: background-color 1s;}
.button-gray:hover{ background-color:#333;border:1px #333 solid; color:#FFF;transition: background-color 1s;}
.button-border-orange{ background-color:#fff; color:#ff690f; border:1px #ff690f solid;transition: background-color 1s;}
.button-border-orange:hover{ background-color:#eee; transition: background-color 1s;}
.button-disable{border:1px solid #ccc!important; color:#ccc!important; cursor: not-allowed!important;}


.form-row{ padding:5px 0px; position: relative;}
.form-row .field-key{width:150px;min-height:40px;float:left;position:relative; padding-top:5px}
.form-row .field-value{width:370px;min-height:40px;float:left;position:relative;}
.form-row .all-row{ width:100%!important;text-indent:0px!important;}
.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{border:1px solid #cbcbcb;width:370px;border-radius:3px;background:#f7f7f7;float:left;position:relative}
.form-row .textarea-text{border:0;outline:0;}


.input{ border:1px solid #cbcbcb; box-shadow:inset 1px 1px 1px 1px #efefef;  height: 38px; border-radius: 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:14px; width:100%; display:block; outline:none;transition: border 1s;}
.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.html'); background-position:97% center; background-repeat:no-repeat;}
.input-disable{ background-color:#eee!important;}
.input-file{
	width: 150px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	border: none;
	outline: none;
	cursor:pointer;
	font-size: 200px;
	cursor:pointer;
}
.input-file:hover{cursor:pointer;}

.textarea{border:1px solid #fff; border:1px solid #eee\9;box-shadow:inset 1px 1px 1px 1px #eee; border-radius: 3px; font-size:13px; min-height:100px; overflow-y:scroll;   font-size:13px; 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;}


/*表格*/
.table-wrappper{overflow-x:scroll}
.table-w200{ width:200% }
.table-w250{ width:250% }
.table-w300{ width:300% }
.table{ border-left:none!important; border-right: none!important; }
.table .tr{ border-bottom:1px solid #eee;}
.table .tr:last-child{border-bottom:none;}
.table .tr:hover{ background-color:#f3f3f3}
.table .th{ border-bottom:1px solid #eee; background-color:#f9f9f9}
.table .th .td{ font-weight:bold;padding:5px 0px;}

.table .td{ padding:8px 0px;float:left; }
.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:13px; background-color:#fff}
}

.text-ellipsis{text-overflow: ellipsis; white-space:nowrap;}