* { margin: 0; padding: 0; list-style: none; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; box-sizing: border-box; } body{ min-width: 1280px; } a{ text-decoration: none; } /* 导航条 */ .header{ width: 100%; height: 100px; background-color: #111534; } .header .header_content{ display: flex; justify-content: space-between; height: 100%; } .header .header_content .logo{ width: 233px; height: 56px; margin-top: 22px; /* padding: 22px 0; */ } .header .header_content .logo img{ width: 100%; height: 100%; } .header .header_content .header_tabs .acon2{ display: flex; justify-content: space-between; position: relative; } .header .header_content .header_tabs .acon2 a,.header_tabs .acon2 .loginCss a{ display: inline-block; text-align: center; color: rgba(255, 255, 255, 0.65); font: 20px "Medium"; line-height: 69px; margin-left: 80px; position: relative; } .header .header_content .header_tabs .acon2 a::before { content: ''; width: 0%; height: 3px; border-radius: 4px; background: #FFFFFF; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0; transition: all .5s; } .header .header_content .header_tabs .acon2 a.active::before, .header .header_content .header_tabs .acon2 a:hover::before { width: 100%; opacity: 1; } .header .header_content .header_tabs .acon2 a.active,.header .header_content .header_tabs .acon2 a:hover{ color: #FFFFFF; } .header .header_content .header_tabs .acon2 a:first-child{ margin-left: 0; } .header .header_content .header_tabs .acon1{ padding-top: 12px; text-align: right; } .header .header_content .header_tabs .acon1 .a{ display: inline-block; text-align: center; color: rgba(255, 255, 255, 0.25); font: 14px "Medium"; margin-left: 48px; position: relative; } .language{ width: 60px; line-height: 24px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 12px; text-align: center; position: relative; cursor: pointer; } .NotLog{ } .LogIn{ position: relative; } .LogList{ width: 166px; position: absolute; top: 100%; left: 60%; transform: translateX(-50%); z-index: 10; opacity: 0; visibility: hidden; transition: .5s all; } .LogList a{ display: block; padding: 0px 20px; line-height: 42px; background-color: #fff; color: #1C8D36; text-align: left; font-size: 14px; position: relative; transition: .5s all; } .LogIn:hover .LogList{ opacity: 1; visibility: visible; } .LogList a:last-child{ border-radius: 0 0 4px 4px; } .LogList a img{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .LogList a .img2{ display: none; } .LogList a:hover .img1{ display: none; } .LogList a:hover .img2{ display: block; } .LogList a.active,.LogList a:hover{ background-color: #1C8D36; color: #fff; } .language-list{ width: 100%; position: absolute; left: 50%; top: 100%; z-index: 10; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: .5s all; } .language:hover .language-list{ opacity: 1; visibility: visible; } .language .h1{ width: 8px; height: 5px; vertical-align: middle; } .language-list a{ display: block; text-align: center; color: rgba(255, 255, 255, 0.25); font: 14px "Medium"; } .header .header_content .header_tabs .acon1 .a:first-child{ padding-left: 0; } .header .header_content .header_tabs .acon1 .a::before{ content: ''; width: 1px; height: 12px; background-color: rgba(255, 255, 255, 0.25); position: absolute; left: -50%; top: 50%; transform: translate(-50%,-50%); } .header .header_content .header_tabs .acon1 .a:first-child:before{ content: none; } .header .header_content .header_tabs .bottom-arrow{ width: 8px; height: 8px; margin-left: 2px; } .header .header_content .header_tabs .robertlee{ /* width: 70%; */ position: relative; padding: 0 13px; overflow: hidden; text-overflow: ellipsis; } .header .header_content .header_tabs .robertlee img{ position: absolute; right: 8px; top: 10px; } .header .header_content .header_tabs .logOut{ padding: 21px; background: #FFFFFF; padding-left: 29px; border-radius: 0px 0px 6px 6px; font-size: 14px; color: #E5544E; cursor: pointer; display: flex; align-items: center; text-align: center; position: relative; top: 7px; left: 15px; z-index: 19; } .header .header_content .header_tabs .logOut img{ width: 14px; height: 14px; margin-left: 8px; } .header .header_content .header_tabs .newList{ position: absolute; left: 10px; top: 41px; padding: 21px 20px 25px; background-color: #FFFFFF; border-radius: 0 0 6px 6px; color: #606266; z-index: 199; display: flex; justify-content: space-between; } .header .header_content .header_tabs .newList .newListCenter{ margin: 0 20px; } .header .header_content .header_tabs .newList p{ line-height: 36px; cursor: pointer; } .header .header_content .header_tabs .newList p a{ color: #303133; } .header .header_content .header_tabs .newList p:hover a{ color: #1C8D36; } /* footer */ .footer_content{ width: 100%; } .foot_top{ width: 100%; background: url(../image/footbg.png)no-repeat; background-size: cover; padding-top: 98px; padding-bottom: 80px; } .foot_top .lef{ width: 266px; } .foot_top .lef .logo{ width: 121px; } .foot_top .lef .logo img{ width: 100%; } .foot_top .lef div{ margin-bottom: 18px; } .foot_top .lef div:last-child{ margin-bottom: 0; } .foot_top .lef .div1{ color: #fff; font-size: 14px; line-height: 18px; } .foot_top .lef .div2{ } .foot_top .rig{ display: flex; justify-content: space-evenly; } .foot_top .rig .div{ margin-right: 140px; } .foot_top .rig .div:last-child{ margin-right: 0; } .foot_top .rig .div a{ display: block; margin-bottom: 16px; color: #fff; } .foot_top .rig .div .head{ font-size: 18px; } .foot_top .rig .div .a{ font-size: 14px; } .foot_center{ } .foot_center .rq{ align-items: center; padding: 25px 0; } .foot_center .p1{ color: rgba(255, 255, 255, 0.25); font-size: 14px; } .foot_center .imgcon2 img{ margin-left: 10px !important; } .foot_center .imgcon img{ margin-left: 40px; } .foot_center .imgcon img:first-child{ margin-left: 0; } .foot_bottom .rq{ align-items: center; padding: 50px 0; } .foot_bottom .rq .div1{ font-size: 16px; color: #666666; line-height: 24px; width: 795px; } .foot_bottom .rq .div2{ } .foot_bottom .rq .div2 a{ display: inline-block; width: 200px; line-height: 56px; border: 1px solid #1C8D36; border-radius: 200px; text-align: center; color: #1C8D36; font-size: 18px; } .foot_bottom .rq .div2 a.active{ background-color: #1C8D36; color: #fff; margin-left: 20px; } .mgl{ margin-left: 18px; } input { padding: 0; display: inline-block; width: 100%; border: 1px solid #dddee1; border-radius: 4px; color: #303133; background-color: #fff; background-image: none; cursor: text; } input:focus, input:hover { border-color: #1C8D36; outline: none } .disabledSubmit { background: #BFC2CC; } .activeSubmit { background-color: #1C8D36 !important; } /***校验样式***/ input.error{ border: 1px solid #ed3f14 !important; } label.error{ color: #ed3f14 !important; font-size: 12px; position: absolute; display: none !important } .footer-wrap a{ color: #FFFFFF; } .footer-wrap a:hover{ color: #01A6D5; } /**表格样式***/ .layui-laydate-range{ width: 550px!important; } .layui-laydate-content td.laydate-selected{ background-color: #E4F9FF !important; } /* layui.css 覆盖样式 */ .layui-tab-brief>.layui-tab-title .layui-this { color: #1C8D36; } .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border-color: #1C8D36; } .layui-tab { margin: 0; } .layui-table-view .layui-table { width: 100%; } .layui-table-view .layui-table[lay-skin="line"] { border: none; } .layui-table-view .layui-table[lay-skin="line"] tr, .layui-table-view .layui-table[lay-skin="line"] th, .layui-table-view .layui-table[lay-skin="line"] td { border-width: 0; border-bottom-width: 1px; border-color: #E9EAEC; } .layui-btn { background-color: #1C8D36; } .layui-form-select dl dd.layui-this { background-color: #303133; } input.input-time { background-image: url(../image/date.png); background-repeat: no-repeat; background-position: top 8px right 8px; padding-right: 28px; } .layui-layer-title{ font-size: 20px !important; text-align: center; color: #212B36 !important; font-weight: 600; height: 60px !important; background: #FFFFFF !important; line-height: 58px !important; } .layui-layer-setwin { right: 20px !important; } .layui-table-body .layui-none { padding-top: 49px; padding-bottom: 30px; } .layui-table-body .layui-none .s2{ padding-left: 5px; padding-top: 5px; } .layui-laypage span.layui-laypage-count { padding-right: 10px; } .dropdown-user { display: inline-block; width: 14px; } .chart-page .chart-container{ border-color: transparent !important; background: none !important; } input::-webkit-input-placeholder { color: #BFC2CC; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #BFC2CC; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #BFC2CC; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #BFC2CC; } .bo-show{ box-shadow: 0px 0px 10px 0px rgb(90 91 95 / 30%); }