body{ background:#fff; padding-top:120px;}
.gray{ color:#999; font-size:12px;}
.fr{ float:right;}
.f-green{ color:#87b812;}
.f14{ font-size:14px;}
.en{ text-transform:uppercase;}
.data{ width:100%; border-collapse:collapse;}
.data td{ padding:6px 5px; vertical-align:top;}
.data td.first{ vertical-align:top; padding:15px 15px 0 0; width:22%; text-align:right;}
.data td .zhiye-radio{ padding-top:6px;}
.box-1{ border:1px solid #4988d0;}
.corner{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden;}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
}
input[type="radio"] {
	-webkit-appearance: radio;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color: #647589;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #647589;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #647589;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #647589;
}
.input-txt{ border:1px solid #ccc; padding:10px 0; text-indent:1em; font-size:14px; background: #fff; width:100%; vertical-align:middle; border-radius: 3px; box-shadow:inset 1px 1px 1px #eee;}
.input-code{ width:160px; margin-right:10px;}
.input-error{ border-color:#ed174b;}
.msg-error{ color:#ed174b; height:30px; line-height:30px; overflow:hidden; padding-left:0;}
.select{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:14px; padding:8px 3px; border:1px solid #ccc;}
.checkbox{ padding:3px; margin:10px 0; border-color:#000; vertical-align:middle;}

.noinfo{ text-align:center; padding:15px 0; color:#999;}
.btn{ border-radius:20px; display:inline-block; text-align:center; background:#4988d0; width:100%; padding:5px 0; border: none; cursor:pointer; color:#fff;}
.btn:hover{ opacity: 0.75; color:#fff;}
.btn-submit{ padding:10px 0; font-size:16px; margin:10px 0 15px 0;}
.btn-submit2{ padding:8px 40px; width: auto; font-weight: 600; font-size:16px; background:#87b812;}
.btn-small{ display:inline-block; width:auto; padding:0 12px; height:25px; line-height:25px; font-size:13px; background:#87b812;}
.btn-small2{ display:inline-block; width:auto; padding:0 12px; height:25px; line-height:25px; font-size:13px; background: #f5f5f5; border: 1px solid #d9d9d9;}
.btn-disabled,.btn-disabled:hover{ background:#999; color:#fff;}
/*隐藏按钮**/
.up-file { position: relative; overflow:hidden; font-size:14px;}
.up-file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0;}

.login-box{ padding: 200px 0 150px 0; background-size: 100% 100%; background-repeat: no-repeat;}
.basic-login{ width: 450px; height: 420px; border-radius: 10px; margin: 0 auto; background: #eee; text-align: center; box-shadow: 0 0 10px #999; overflow: hidden;}
.basic-login .head{ background: #87b812; color: #fff; font-weight: 600; font-size: 20px; padding: 5px 0;letter-spacing: 2px; }
.basic-login h3{ padding: 30px 0 30px 0; font-weight: 600; color: #333; font-size: 20px;}
.basic-login form{ padding: 0 40px;}
.basic-login .basic-box{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px 0 10px 0; color: #666;}
.basic-login .basic-box label{ width: 25%; text-align: right; font-size:14px; font-weight: 600;}
.basic-login .basic-box .basic-item{ width: 73%; padding-left: 2%;}
.basic-item-code{ position: relative;}
.basic-item-code img{ position: absolute; right: 2px; top:2px;}
.basic-login .basic-box input{ width: 100%; border: 1px solid #999; background: #fff; padding: 10px 0; border-radius: 3px; text-indent: 1em;}
.basic-login .basic-box input.input-error{ border-color: #ed174b;}
.basic-login .bt-btn{ display: block; border-radius: 20px; width: 90%; margin: 20px auto 40px auto; padding: 12px 0; font-size: 16px; background: #87b812; color: #fff; font-weight: bold;}
.basic-login .bt-btn:hover{ opacity: 0.75; }
.basic-login .login-action{ color: #999;}

/*管理中心*/
.admintop-box{ width:100%; height:80px; padding:10px 0; overflow:hidden; background:url(../images/userbg.png) repeat-x; color:#fff;}
.top-admin-logo{ width:250px;}
.top-admin-logo img{ height:80px; width:80px; border-radius:50%; margin: 0 0 0 65px;}
.top-admin-txt h1{ margin-top:18px; font-size:40px; font-weight:normal; letter-spacing:2px;}
.top-admin-txt p{ font-size:17px; padding:10px 0 0 0; letter-spacing:5px;}
.top-admin-info{ padding:50px 0 0 0;  width:800px; text-align: center; font-size:15px;}
.top-admin-info a{ color:#fff;}
.top-admin-info a:hover{ text-decoration:underline;}
.top-admin-info img{ vertical-align:middle;}

.admin-wrap{ position:relative; width: 100%; z-index: 10; background:#fff url(../images/adminline.png) repeat-y; margin:0 auto 0 auto; padding-left: 200px; border-bottom:5px solid #87b812;}
.admin-left{ position: absolute; left:0; top:0; z-index:9999; background:none; width:199px;}
.admin-right{  padding: 15px 15px 50px 15px; overflow:hidden; min-height:640px;}

.user-menu dt{ font-weight: normal; font-size:16px; text-align:center; background:#2e373e; color:#fff; padding:10px 0 10px 0;}
.user-menu dt i{ font-size:25px;}
.user-menu dt h5{ color:#fff; font-size:15px;}
.user-menu dd a{ display:block; background:none; border:none; text-align:center; color:#333; height:50px; line-height:50px; border-bottom: 1px solid #eee;}
.user-menu dd p{ margin:0; padding:0;}
.user-menu dd a:hover{ font-weight: 600;}
.user-menu dd a.selected{ background:#87b812; border-bottom: 1px solid #87b812; background-position: 3.0em 50%; color:#fff;}
.user-menu a i{ font-size:22px; vertical-align:middle; width:50px; margin-left:-25px; font-weight:normal; text-align:center; display:inline-block;}

.admin-title{ font-size:18px; padding: 6px 0 12px 1em; background:#eee; margin-bottom:20px; font-weight: 600; color:#666; }
.admin-title .btn{ width:auto; font-size:14px; display:inline-block; height:auto; height:30px; line-height:30px; padding:0 12px; margin:6px 10px 0 0;}
.admin-title2{ margin-bottom:0; margin-top:30px; color:#666; background:none;}

.user-detail{ margin: 30px 0 0 0;}
.user-data td{ font-size:13px; padding:4px 8px;}
.user-data .tr{ width:22%; color:#999;}
.user-data-border th{ padding:8px 5px; border:1px solid #ddd; font-weight:600; text-align:center; background:#fff; color:#333;}
.user-data-border td{ padding:5px 5px; border:1px solid #ddd; background:#fff; vertical-align:middle; font-size: 13px;}
.user-data-border td.tr{ padding-top:10px;}
.data tr:nth-child(odd) td,.data tr:hover td{ background: #f0f0f0;}
.fa-clock-o{ font-size: 16px;}

.customer-add{ width: 100%; margin: 30px 0 0 0;}
.customer-add .tr{ text-align: right; vertical-align: middle;}
.customer-add .input-txt2{ width:50%;}

.search-box{ font-size:12px; font-weight: 400; color: #999;}
.search-box .input-txt{ width:160px; padding:5px 0; font-size:12px; text-indent: 0.5em;}
.search-box .time{ width:105px;}
.search-box .select{ padding:4px 0; width:100px; font-size:12px; margin-right:5px; background: #fff;}
.search-box .btn{ position:relative; top:-5px;}


.tab-menu{ background:#eee; height:37px; overflow:hidden;}
.tab-menu a{ display:inline-block; padding:0 30px; height:37px; line-height:37px; font-size:15px; background:#ccc; float:left; color:#666; border-right:1px solid #c0c0c0;}
.tab-menu a.active,.tab-menu a:hover{ background:#ae8c4c; color:#fff;}
.tab-con table{ width:600px; margin:30px;}
.tab-con td.tr{ width:20%; padding-left:0; padding-right:0;}

.admin-onaddress{ text-align:center; padding:30px 0;}
.admin-onaddress p{ font-size:14px; margin-bottom:15px;}

.ordergoods-list .a1{ display:inline-block;}
.admin-home-left{ float:left; width:49%;}
.admin-home-right{ float:right; width:49%;}

.user-data-item{ border-bottom:1px dotted #999; padding-bottom:30px; margin-bottom:30px;}
.user-data-item .data1{ width:100%;}

.user-data-item .data1 .col-sm{ text-align: left;}
.user-data-item .data1 .tr{ text-align:right;}

.user-data-item h5{ font-weight:600; padding:15px 0; color:#333;}
.user-data-item .data2{ width:100%; border-collapse:collapse;}
.user-data-item .data2 td,.user-data-item .data2 th{ text-align: center; border:1px solid #ccc; padding:6px 0; width:25%; background:#fff;}
.user-data-item .data2 td.tr{ text-align:right;}
#echarts{ border:1px solid #ccc;}
.table-fixhead{ position:relative; padding-top:35px;}
.navbar-table-head{ background:#fff; position: absolute; top:0; left:0; width:98%;}
.navbar-table-con{ height:463px; overflow:auto; width:98%; border-bottom:1px solid #ccc;}

.basic-tab{ border-radius:5px; overflow:hidden;}
.basic-tab .bt-btn{ border-radius:0; font-size:16px;}
.basic-tab .bt-btn-active{ background:#f0f0f0; color:#884122; font-weight:bold;  font-size:18px;}

/*页码*/
.pages{ padding:15px 0 30px 0; text-align: right; color:#999; font-size:14px;}
.pages a{ display:inline-block; padding:0 6px; margin:0 5px; background:#fff; border-radius:3px; text-align:center; border:1px solid #cccccc;}
.pages a.prev,.pages a.next{ width:80px; color:#4e4e4e;}
.pages a.current,.pages a:hover{ background:#87b812; border:1px solid #87b812!important;font-weight:500; color:#fff;}
.pages span{ margin-right:10px;}

.user-banner{ height: 150px; line-height: 150px; font-size: 40px; text-shadow: 0 2px 0 #fff; font-weight: 600; color: #87b812; text-align: center; background-size: 100% 100%;}

@media only screen and (max-width:768px) {
.admin-wrap{ padding:0; background:none; padding:10px;}
.admin-left,.admin-right{ width:100%; padding:0; position:inherit;}
.user-data-item .data1 .col-sm{ padding:10px 0; word-break:break-all;}

.login-box{ padding: 60px 0 30px 0; background-size: 100% 100%; background-repeat: no-repeat;}
.basic-login{ width: auto; height: 420px; margin: 0 15px;}
.project-list{ width: 100%; overflow: scroll;}
.project-list .data {width:800px; overflow: scroll;}

.search-box{ margin-bottom: 20px; float: none;}
.search-box span{ display: block; padding: 3px 0;}

.user-banner{ font-size: 30px;}
}