ul, ol{margin:0;padding:0;}
ol, ul {list-style:none;}

.icon {  width: 1em; height: 1em; vertical-align: -0.15em;  fill: currentColor;  overflow: hidden;  }

body{padding:0;margin:0;font:normal 13px/1.5 arial,sans-serif;font-family: Helvetica Neue,PingFang SC,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,sans-serif;color:#333;}
h1,h2,h3,h4{margin:10px 0;
	text-shadow:1px 1px 3px #fdfed0;}
legend{font-size:14px;font-family:"Microsoft Yahei";}
form{padding:0 3px;}
a{color:#36c;text-decoration:none;}
.l{float:left;}.r{float:right;}
.rel{position:relative;}.abs{position:absolute;}
.tac{text-align:left;}.tar{text-align:right;}.tal{text-align:left;}
.fix{zoom:1;}.fix:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.center{margin:0 auto;}


/*顶部*/
#header{height:60px;padding:0 20px;background-color:#2c74e2;box-shadow: 0px 5px 10px #d2d2d2; rgba(0,0,0,.1);}
#header .logo img{width:100px;margin:10px 30px;}
#header .admin{margin:0px 30px;line-height:60px;font-size:16px; color:#fff;}
#header .admin a{color:#fff;}

/*主体内容*/
#main {min-height:300px;width:100%;overflow:hidden;}

/*侧边菜单*/
#aside{float:left;top:61px;bottom:0;left:0;height: 100%;min-height:800px;width:250px;line-height:25px;
	box-shadow: 0px 0px 10px #d2d2d2; rgba(0,0,0,.1);}
#aside a{color:#333;text-decoration:none;}
#aside i {vertical-align: middle;display:inline-block;}
#aside .icon {width: 1.5em; height: 1.5em;}
#aside dt{font-size:16px;padding:25px 60px;}
#aside dt.selected{color:#2c74e2;background-color:#f1f1f1}
#aside dd{padding:0 10px;margin:0 2px;}
#aside dd.selected{color:#A605A6;font-weight:bold;}

#content{margin-left:220px;padding:20px 50px;overflow: hidden;}

.table_title {height: 20px;width:100%;padding:0px 0px 40px;}
.table_title .title{font-size:20px;}
.table_title button {height: auto;line-height: 14px;padding: 7px;font-size: 14px;background-color:#2c74e2;border: 1px solid #2c74e2;border-radius: 3px;color: #ffffff;outline: none;cursor: pointer; width: 90px; text-align: center;}

#search-form {float: left; overflow: hidden; margin-left: 20px;}
#search-form div {display: inline-block; position: relative;}
#search-form input {border: 1px solid #ddd; width: 120px; height: 20px; padding: 3px 0px 3px 22px; border-radius: 20px;}
#search-form input:focus {border-color:#a6a6a6;outline: none;}
#search-form div span[class^="icon-"] {position: absolute; left: 7px; top: 4px; color: #999999; font-size: 14px;}
#search-form select {border: 1px solid #ddd; width: 135px; height: 28px; padding: 3px 0px 3px 5px; border-radius: 20px;}
#search-form select:focus {border-color:#a6a6a6;outline: none;}
#search-form .begin-date {margin-left: 10px;}
#search-form .end-date {margin-right: 10px;}
#search-form #search-button {width: 30px; height: 30px; line-height: 30px; background: #2c74e2; color: white; text-align: center; border-radius: 20px; margin-left: 15px; padding: 0; cursor: pointer;}
#search-form div#suggest-result {display: block;}

/*表格*/
.table{display:table;border-collapse:collapse;border:1px solid #ddd;font-size:16px;width:100%;}
.table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}
.table-column-group{display:table-column-group;}
.table-column{display:table-column;width:100px;}
.table-row-group{display:table-row-group;}
.table-row{display:table-row;}
.table-gray{background-color: #f7f7f7;}
.table-cell{display:table-cell;padding:15px 10px;}
.table-header-group{display:table-header-group;font-weight:bold;background-color: #f7f7f7;border-bottom:1px solid #eee;}
.table-footer-group{display:table-footer-group;}

.table button {height: auto;line-height: 14px;padding: 7px;font-size: 14px;min-width: 70px;background-color:#fff;border: 1px solid #2c74e2;border-radius: 3px;color: #2c74e2;outline: none;cursor: pointer;margin-right:15px;}

.table button.del {border: 1px solid #e45171;color: #e45171;}
.table button.fail {border: 1px solid #e45171;color: #e45171;}

.table-row.factory {cursor:pointer;}

.no-result {text-align: center; color: #999;}


.sorting {cursor: pointer; position: relative;}
.sorting i {font-style: normal;margin-left: 2px;font-family: 'Fira Sans', sans-serif;display: inline-block;}
.sorting i:before {position: relative;display: inline-block; opacity: 0.3; content: "\2191";width: 7px;}
.sorting i:after {position: relative;display: inline-block; opacity: 0.3; content: "\2193";width: 7px;}
.sorting.asc i:before {opacity: 1;}
.sorting.desc i:after {opacity: 1;}


/*尾部*/
#footer{ width:100%; background:#fff; border-top:1px solid #c5c6be; padding:30px 0; height:50px; margin-top:10px;}
#footer .foot{ width:990px; margin:0 auto;}
#footer .foot p{ font-size:12px; line-height:25px; text-align:center;}

ul.jobtag_list {overflow:hidden;}
ul.jobtag_list li {width:1600px;padding:7px;overflow:hidden;}
ul.jobtag_list li .jobtag_type {padding:4px 7px;width:99px;text-align:right;line-height:32px;position:relative;float:left;}
ul.jobtag_list li a {padding:4px 7px;line-height:32px;display:inline-block;float:left;}

/*翻页*/
.ui_page a.on, .ui_page a.on:hover {background-position: 0 -120px; color: #000000; font-weight: bold; cursor: text;}
.ui_page a {color: #828282;display: inline-block;height: 25px; line-height: 25px; margin: 0 4px 0 0; min-width: 6px;    padding-left: 8px;    text-align: center;    white-space: nowrap;}
.ui_page a, .ui_page span {display: inline-block; vertical-align: top;}

.no_aside{margin-left:-220px;}

#pages {padding: 60px 0 30px;margin-top: 0; text-align: center; clear: both; }
#pages a {color: #999; cursor:pointer;}
#pages a:hover{}
#pages span[class^="icon-"] {font-size: 28px; position: relative; top: 5px;}
#pages .cur {margin: 0 10px;}
#pages .form {display: inline-block; margin-left: 50px; font:14px Microsoft Yahei;}
#pages .form .input {width: 45px; border: 1px solid #ccc; border-radius: 3px; text-align: center; height: 18px; margin: 0 7px 0 10px; padding: 5px;}
#pages .form .skip {cursor: pointer; background: #2c74e2; border-radius: 3px; border: 1px solid #2c74e2; color: white;top: 1px; position: relative; padding: 5px 15px;}



#suggest { display: block; position: absolute; width: 414px; z-index: 4; background: #FFF none repeat scroll 0 0; top: 36px; left: 83px; border: 1px solid #EEE; max-height: 400px; overflow-x: hidden; overflow-y: auto;}
#suggest::-webkit-scrollbar {width: 7px;}
#suggest::-webkit-scrollbar-thumb {background-color: #a6a6a6; border-left: 2px solid transparent;}
#suggest::-webkit-scrollbar-track {background-color: #e5e5e5; border-left: 2px solid transparent;}

#suggest li { height: 32px; line-height: 32px; padding-left: 7px; display: block; cursor:pointer; white-space: nowrap; overflow: hidden;}
#suggest li.selected { background: #F2F2F2 none repeat scroll 0 0; }

#multisuggest {background: #FFF none repeat scroll 0 0; overflow: hidden; border: 1px solid #EEE; padding: 5px 10px; max-height: 300px; overflow-y: auto;}
#multisuggest div {padding-bottom: 5px;}
#multisuggest span {min-width: 120px; display: inline-block;position: relative; line-height: 30px;}
#multisuggest em {font-style: normal;margin-left: 10px;}
#multisuggest input {position: absolute;width: 20px;height: 20px;visibility: hidden;}
#multisuggest input[type="checkbox"]+label {background: url("../../img/admin/uncheck.png") no-repeat;width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;}
#multisuggest input[type="checkbox"]:checked+label {background: url("../../img/admin/checked.png") no-repeat;}

#suggest-result {display: block; margin: 10px 0 15px; line-height: 20px;}
#suggest-result div {display: block; max-width: 750px;}
#suggest-result .suggest-delete {width:16px; height: 16px; position:relative; display: inline-block; cursor:pointer; background: url("../../img/admin/delete.png") no-repeat; background-size: 16px 16px; top: 4px;}
#suggest-result span {margin-left: 5px;}

/*对话框*/
#dialog .container {width:768px;background: #fff;position: relative;border-radius: 3px;height:auto;}
#dialog .title {padding:15px 15px;height: 25px;line-height:25px;font-size:16px;position: relative;border-bottom: solid 1px #eee;}
#dialog .title span {padding-left:10px;}

#dialog .content {overflow-x:hidden; overflow-y: auto; min-height: 100px; max-height: 600px; padding: 25px 15px 10px;}
#dialog .content textarea {line-height: 22px; min-height: 300px; width: 100%; box-sizing: border-box;}

#dialog .content section {margin: 0 20px 20px; display: flex;}
/*#dialog .content section .label {display: inline-block;width:100px;margin-right:15px;text-align: right; float: left; line-height: 35px;}*/
#dialog .content section .label {display: inline-block;margin-right:15px;text-align: right; float: left; line-height: 35px;}
#dialog .content section .suggest label {display: inline-block; margin-right: 10px; margin-bottom: 5px;}
#dialog .content section .input, #dialog .content section .suggest, #dialog .content section .checkbox, #dialog .content section textarea { flex: 1 0 0; display: inline-block; }
#dialog .content section .checkbox span {width: 160px; display: inline-block;position: relative; line-height: 30px;}
#dialog .content section .checkbox em {font-style: normal;margin-left: 10px;}
#dialog .content section .checkbox input {position: absolute;width: 20px;height: 20px;visibility: hidden;}
#dialog .content section .checkbox input[type="checkbox"]+label {background: url("../../img/admin/uncheck.png") no-repeat;width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;}
#dialog .content section .checkbox input[type="checkbox"]:checked+label {background: url("../../img/admin/checked.png") no-repeat;}
#dialog .content section .checkbox input[type="radio"]+label {background: url("../../img/admin/uncheck.png") no-repeat;width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;}
#dialog .content section .checkbox input[type="radio"]:checked+label {background: url("../../img/admin/checked.png") no-repeat;}
#dialog .content section input {line-height: 20px;width: 100%;padding:6px;font-size: 14px;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 3px;color: #383838;}
#dialog .content section .suggest input {display: block;}
#dialog .content section input:focus {border-color:#a6a6a6;outline: none;}
#dialog .content section textarea {height: 100px; min-height:100px; width: 100%; padding:6px; font-size: 14px;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 3px;color: #383838;}
#dialog .content section textarea:focus {border-color:#a6a6a6;outline: none;}
#dialog .button {width: 100%;padding: 15px 0 20px;overflow:hidden;}
#dialog .button span{float: right;}
#dialog .button button {height: auto;line-height: 14px;padding: 7px 28px;font-size: 14px;background-color:#2c74e2;border: 1px solid #2c74e2;border-radius: 3px;color: #ffffff;outline: none;cursor: pointer;margin-right:15px;}
#dialog .button button.cancel {background-color:#fff;border: 1px solid #2c74e2;border-radius: 3px;color: #2c74e2;outline: none;}


#logo_dialog.border {width:500px;}
#logo_dialog .content {overflow:hidden;}
#logo_dialog .content .crop{width:270px;padding:20px 0 0 15px;}
#logo_dialog .content .view{height:350px;padding:20px 0 0 15px;}
#logo_dialog .view_photo_container {overflow:hidden;width:300px;height:300px;}
#logo_dialog .instruction span {width:150px;text-align:center;font-size:14px;display:block;padding-top:7px;}
#logo_dialog .instruction em {width:150px;text-align:center;font-size:14px;font-weight:bold;display:block;font-style:normal;}
#logo_dialog .pub {text-align:center;padding:20px;}

#photo_dialog.border {width:600px;}
#photo_dialog .content {overflow:hidden;}
#photo_dialog .content .crop{width:420px;padding:20px 0 0 15px;}
#photo_dialog .content .view{height:250px;padding:20px 0 0 15px;}
#photo_dialog .view_photo_container {overflow:hidden;width:360px;height:200px;}
#photo_dialog .instruction span {width:150px;text-align:center;font-size:14px;display:block;padding-top:7px;}
#photo_dialog .instruction em {width:150px;text-align:center;font-size:14px;font-weight:bold;display:block;font-style:normal;}
#photo_dialog .pub {text-align:center;padding:20px;}

#leave_dialog.border {width:500px;}
#leave_dialog .content {overflow:hidden; min-height: 240px;}
#leave_dialog .field {margin-left: 20px; margin-top: 15px;}
#leave_dialog .content input {line-height: 22px; width: 150px;}
#leave_dialog .content span {vertical-align: top;}
#leave_dialog .content #memo { width: 300px; height: 150px; text-align: start;}
#leave_dialog .pub {text-align:center;padding:20px;}

#fee_dialog .border {width:500px;}
#fee_dialog .content {overflow:hidden; min-height: 100px;line-height: 100px;}
#fee_dialog .field {margin-left: 20px; margin-top: 15px;}
#fee_dialog .content input {line-height: 22px; width: 150px;}
#fee_dialog .content span {vertical-align: top;}
#fee_dialog .pub {text-align:center;padding:20px;}

.email-item {margin-bottom: 30px; overflow: hidden;}
.email-item:last-child {margin: 0;}
.email-item .supplier {display: flex; align-items: center;}
.email-item input[name='email'] {line-height: 16px;padding:6px;font-size: 14px;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 3px;color: #383838;margin-left: 15px;flex: 1 0 0;}
.email-item .subject textarea[name='subject'] {height: 100px;min-height: 100px;margin-top: 7px;border: 1px solid #d9d9d9;border-radius: 3px;color: #383838;padding: 5px;}

#dialog .content .subject textarea {min-height: 100px;}


.email-factory {display: flex; flex-wrap: wrap;}
.email-factory .factory {min-width: 70px;line-height: 14px;padding: 10px;font-size: 14px;background-color:#2c74e2;border: 1px solid #2c74e2;border-radius: 3px;color: #ffffff;outline: none;cursor: pointer;margin-right:15px;margin-top: 15px;text-align: center;}

.email-supplier .supplier-item .price > div {width: 100%; border: none; text-align: center; max-width: 276px;}
.email-supplier .day {line-height: 30px;}
.email-supplier:not(:first-child) .day {margin-top: 15px;}

.email-supplier input[type="checkbox"] {position: absolute;width: 20px;height: 20px;visibility: hidden;}
.email-supplier input[type="checkbox"]+label {background: url("../../img/admin/uncheck.png") no-repeat;width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;}
.email-supplier input[type="checkbox"]:checked+label {background: url("../../img/admin/checked.png") no-repeat;}
.email-supplier input.check-all[type="checkbox"]+label {margin-left: 5px;}


table tr td.center {text-align: center;}

.checkbox {overflow: hidden;}
.checkbox span {width: 150px; display: inline-block;position: relative; line-height: 30px;}
.checkbox span.order {width: 225px;}
.checkbox em {font-style: normal;margin-left: 10px;}
.checkbox input {position: absolute;width: 20px;height: 20px;visibility: hidden;}
.checkbox input[type="checkbox"]+label {background: url("../../img/admin/uncheck.png") no-repeat;width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;}
.checkbox input[type="checkbox"]:checked+label {background: url("../../img/admin/checked.png") no-repeat;}
.checkbox input[type="checkbox"]:disabled+label {background-color: #f2f2f2; cursor: default;}
.checkbox input[type="radio"]+label {background: url("../../img/admin/uncheck.png") no-repeat;width: 20px; height: 20px; display: inline-block; position: relative; top: 5px;}
.checkbox input[type="radio"]:checked+label {background: url("../../img/admin/checked.png") no-repeat;}
.checkbox input[type="radio"]:disabled+label {background-color: #f2f2f2; cursor: default;}


.table-cell .checkbox {display: inline-block; margin: 0; width: 20px; height: 20px; vertical-align: inherit; position: relative; top: 3px; right: 1px;}
.table-cell .checkbox span {width: 20px; height: 20px; line-height: 20px;}
.table-cell .checkbox input[type="checkbox"]+label {top: 0;}
.table-cell .checkbox input[type="radio"]+label {top: 0;}



/*首页*/
#index .logo {width: 100%;max-width: 450px;margin: 0 auto;margin-top:100px;margin-bottom: 50px;}
#index .logo img {margin-left:65px;width:200px;}
#index .form {width: 100%;max-width: 450px;margin: 0 auto;padding: 0 10px;}
#index .form form input {height: auto;width: 300px;line-height: 20px;padding: 12px;font-size: 16px;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 3px;margin-bottom: 25px;color: #383838;}
#index .form form input:focus {border-color:#a6a6a6;outline: none;}
#index .form form button#getvericode {height: auto;width:100px;margin-left:10px;line-height: 20px;padding: 12px;font-size: 14px;background-color: #fff;border: 1px solid #2c74e2;border-radius: 3px;margin-bottom: 25px;color: #2c74e2;outline: none;cursor: pointer;}
#index .form form button#getvericode.disabled {border: 1px solid #d9d9d9; color: #999999;}
#index .form form button#login {height: auto;width:326px;line-height: 20px;padding: 12px;font-size: 16px;background-color:#2c74e2;border: 1px solid #2c74e2;border-radius: 3px;margin-bottom: 25px;color: #ffffff;outline: none;cursor: pointer;}