@import url("base.css");

body { font-family: 微软雅黑; }
@font-face { font-family: 'FontAwesome'; src: url('fontawesome-webfont.ttf?v=4.2.0') format('truetype'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*用户登录*/
.main { margin: 0px auto; width: 1260px; }
.head { margin: 0px auto; width: 1260px; }
.head div.login ul { background-color: #fbfbfb;float:right; width: 420px; height: 380px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-top: 250px; margin-right: 110px; }
.head div.login ul li.l1 { background-image: url(login_ti.png); height: 35px; margin-left: -6px; color: #fff; line-height: 38px; text-indent: 30px; margin-top: 10px; margin-bottom: 20px; }
.head div.login ul li.user, .head div.login ul li.pwd, .head div.login ul li.yzm { background-position: 30px top; margin-bottom: 20px; background-image: url(login_input.png); background-repeat: no-repeat; height: 38px; }
.head div.login ul li.user input, .head div.login ul li.pwd input, .head div.login ul li.yzm input { height: 34px; width: 295px; border: 0px; line-height: 34px; margin-top: 2px; background-color: transparent; margin-left: 90px; }
.head div.login ul li.pwd { background-position: 30px -38px; }
.head div.login ul li.yzm { background-position: 30px -76px; }
.head div.login ul li.yzm input { width: 200px; float: left; }
.head div.login ul li.yzm img { float: left; margin-left: 10px; }
.head div.login ul li.l2 { height: 40px; text-indent: 32px; }
.head div.login ul li.l2 a { color: #009ae2; text-decoration: none; float: right; margin-right: 35px; }
.head div.login ul li.l2 input { width: 15px; height: 15px; }
.head div.login ul li.l2 label { padding-top: 8px; height: 15px; }
.head div.login ul li.l2 span { padding: 0px 10px; }
.head div.login ul li.l3 input { background-color: #009ae2; width: 270px; height: 40px; border: 0px; cursor: pointer; color: #fff; font-size: 14px; margin-left: 80px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

@media screen and (max-width: 768px) {
    .head div.login ul { float:none;margin-top:0px; }
}

.nav { width: 100%; height: 80px; min-width: 1260px; background-color: #fff; }
.nav li { float: left; height: 80px; width: 7.5%; text-align: center; font-size: 16px; }
.nav li.logo { background-color: #00a0ea; width: 12%; text-align: center; line-height: 80px; color: #fff; font-size: 20px; }
.nav li.logo:hover { background-color: #00a0ea; }
.nav li.logout { width: 5.5%; }
.nav li span { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 22px; color: #009ae2; }
.nav li a { text-decoration: none; }
.nav li:hover { background-color: #def5ff; }
.start { margin-top: 20px; float: left; width: 100%; }
.table { background-color: #32c6d4; width: 100%; border: 0px; border-collapse: separate; border-spacing: 1px; padding: 0px; }
.table td { background-color: #fff; padding: 2px; }
.table td.title { background-color: #32c6d4; height: 35px; line-height: 35px; text-indent: 10px; color: #fff; font-size: 16px; }

.table2 { background-color: #e9eaec; border-collapse: separate; border-spacing: 1px; padding: 0px; }
.table2 td { height: 30px; text-align: center; }
.table2 td b { font-size: 14px; }
.table2 a { text-decoration: none; }
a.edit { background-color: #00a0ea; color: #fff; padding: 2px 10px; text-decoration: none; }
a.edit:hover { background-color: #32c6d4; }
a.del { background-color: #ff9900; color: #fff; padding: 2px 10px; text-decoration: none; }
a.del:hover { background-color: #333333; }


.tablecommon { width: 96%; margin-left: 2%; }
.tableadd { border: 0px; padding: 0px; border-collapse: collapse; }
.tableadd td { height: 30px; }
.tableadd td a { text-decoration: none; background-color: #e1e6ec; padding: 10px 15px; border: 0px; float: left; margin-right: 10px; }
.tableadd td a span { margin-right: 5px; }
.tableadd td a:hover { background-color: #32c6d4; color: #fff; }

.table3 td { font-size: 14px; }
.table3 td.tdleft { width: 20%; text-align: right; height: 45px; }
.table3 td.tdright .in1 { border: 1px solid #c9c8cd; height: 32px; line-height: 32px; font-size: 14px; padding-left: 5px; }
.table3 td.tdright .btnpic { height: 34px; line-height: 34px; font-size: 14px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-color: #c9c8cd; border-right-color: #c9c8cd; border-bottom-color: #c9c8cd; padding: 0px 10px; cursor: pointer; }
.table3 td.tdright .btn { background-color: #2ec8d0; height: 35px; padding: 0px 10px; border: 0px; cursor: pointer; color: #fff; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.table3 td.tdright .btn2 { background-color: #c9c8cd; padding: 0px 20px; display: block; float: left; margin-left: 10px; height: 35px; text-decoration: none; line-height: 35px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.btn3 { background-color: #009ae2; height: 35px; padding: 0px 10px; border: 0px; cursor: pointer; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

.commodity_info { width: 100%; border: 0px; padding: 0px; border-collapse: collapse; }
.commodity_info td.td1 { padding: 0px; }
.commodity_info td.t { background-color: #32c6d4; height: 30px; line-height: 30px; color: #fff; font-size: 16px; text-align: center; }
.commodity_info .commodity_info_mingxi { width: 100%; }
.commodity_info .commodity_info_mingxi td { height: 35px; }
.commodity_info .commodity_info_mingxi td.t2 { width: 20%; text-align: right; }
.commodity_info .commodity_info_mingxi td.t3 input, .commodity_info input.in1 { height: 28px; line-height: 28px; border: 1px solid #c9c8cd; text-indent: 5px; }
.commodity_info .btn { background-color: #2ec8d0; height: 35px; padding: 0px 10px; border: 0px; cursor: pointer; color: #fff; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-left: 20%; }
.commodityshow { width: 90%; border: 0px solid #c9c8cd; padding: 0px; border-collapse: collapse; margin-left: 5%; }
.commodityshow td, .commoditychaxun td { padding: 10px; }
.commodityshow td span.s1, .commoditychaxun td span.s1 { background-color: #2ec8d0; width: 100%; color: #fff; display: block; height: 35px; line-height: 35px; text-align: center; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; font-weight: bold; font-size: 18px; }
.commodityshow img, .commoditychaxun img { max-width: 100%; }
.commodity_show { width: 100%; border: 1px solid #e1e6ec; padding: 0px; border-collapse: collapse; }
.commodity_show .t, .commoditychaxun .t { background-color: #EEEEEE; height: 30px; line-height: 30px; text-indent: 10px; color: #333; font-size: 14px; padding: 0px; font-weight: bold; }
.commodity_show_mingxi { border: 1px solid #e1e6ec; width: 100%; }
.commodity_show_mingxi td.t2 { width: 20%; }
.commodity_show_mingxi td.t3 { width: 60%; }
.commodity_show_mingxi td.t4 { width: 20%; }

.dian-apply-btn { text-align: center; }
.commoditychaxun { width: 99%; max-width: 1000px; border: 0px solid #c9c8cd; padding: 0px; border-collapse: collapse; }
.dian-table-mingxi { width: 100%; border-collapse: separate; border-spacing: 1px; background-color: #e6e6e6; margin: 0px; }
.dian-table-mingxi thead { background-color: #f2f2f2; }
.dian-table-mingxi th { height: 30px; font-weight: bold; padding: 2px 10px; }
.dian-table-mingxi td { padding: 5px; background-color: #fff; }

.webbg { width: 100%; float: left; padding-top: 20px; }
.webbg p.t { border-bottom: 1px solid #cccccc; height: 40px; line-height: 45px; margin-bottom: 20px; font-size: 14px; }
.webbg p.t span { font-size: 14px; margin-right: 10px; }
.webbg li { margin: 0px 1%; float: left; width: 18%; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; height: 80px; }
.webbg li a { text-decoration: none; }
.webbg li p { height: 55px; float: left; width: 100%; background-color: #588ebc; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -ms-border-radius: 10px 10px 0px 0px; -khtml-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }
.webbg li p span { width: 100%; display: block; text-align: right; color: #fff; padding-right: 10px; float: left; box-sizing: border-box; }
.webbg li p span.s1 { font-size: 22px; height: 30px; line-height: 35px; }
.webbg li p span.s2 { font-size: 14px; height: 25px; line-height: 25px; }
.webbg li p label { height: 30px; width: 30px; position: absolute; float: left; display: block; font-size: 40px; color: #eaeaea; margin: 8px 0px 10px 10px; }
.webbg li span.s3 { color: #f5f5f5; text-indent: 10px; height: 25px; line-height: 25px; width: 100%; float: left; }
.webbg li span.s3 b { float: right; color: #fff; height: 25px; line-height: 25px; margin-right: 10px; }
.webbg li.l1 { background-color: #4886b9; }
.webbg li.l2 { background-color: #e14d4d; }
.webbg li.l2 p { background-color: #ff6666; }
.webbg li.l3 { background-color: #3ea9a3; }
.webbg li.l3 p { background-color: #43b7ae; }
.webbg li.l4 { background-color: #7e6ca0; }
.webbg li.l4 p { background-color: #8775a9; }
.webbg li.l5 { background-color: #2890d9; }
.webbg li.l5 p { background-color: #3598db; }

.homeico:before { content: "\F015"; }
.userico:before { content: "\F2C0"; }
.logoutico:before { content: "\F011"; }
.kanbanico:before { content: "\F080"; }
.newsico:before { content: "\F0F6"; }
.erweimaico:before { content: "\F029"; }
.mubanico:before { content: "\F03B"; }
.commodityico:before { content: "\F290"; }
.liuzhuanico:before { content: "\F207"; }
.videoico:before { content: "\F144"; }
.yingxiaoico:before { content: "\F073"; }
.list:before { content: "\F0C9"; }
.jia:before { content: "\F067"; }
.more:before { content: "\F0A9"; }
.tu1:before { content: "\F200"; }
.tu2:before { content: "\F080"; }
.tu3:before { content: "\F17A"; }
.tu4:before { content: "\F1B3"; }
.tu5:before { content: "\F17D"; }
.tianping:before { content: "\F24E"; }

.h300 { height: 300px; vertical-align: top; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.w245 { width: 245px; }
.w250 { width: 250px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb5 { margin-bottom: 5px; }
.pt50 { padding-top: 50px; }
.pt80 { padding-top: 80px; }
.pm50 { padding-bottom: 50px; }