@charset "utf-8";
body{ background: #fff;}
.wrap{ width: 1280px; margin: 0 auto;}
/*head*/
.head{width:100%; min-width:1280px; height:177px; background:url(../images/headbg.png) no-repeat center; position: relative; padding-bottom: 10px; box-sizing: border-box;background-color: #f0f1f0;}
.head .top{ height: 68px; line-height: 68px;}
.topMenu{ float: right; text-align: right; margin-top: 18px;}
.topMenu li{ padding: 0 8px; text-align: center; float: left; line-height: 30px; color: #222;}
.topMenu a{ color: #222;}
.topMenu a:hover{color: #008965;}
.userName {position: relative; margin-left: 30px;}
.userName em{display: inline-block;width: 20px;height: 20px;background: url(../images/topUicon.png); vertical-align: sub; margin-right: 10px;}
.userName i{display: inline-block; width: 13px;height: 6px;background: url(../images/topArrow.png); margin-left: 10px;}
.userName i.show{background-position: 0 -6px;}
.userMore{position: absolute; right: 0; box-shadow: 0px 0px 25px 1px rgba(0,11,23,0.08);background: #FFF;width: 256px;border-radius: 8px; padding: 28px; box-sizing: border-box; z-index: 99; display: none;}
.userMore p{margin-bottom: 8px; cursor: pointer;}
.userMore p:hover{color: #008965;}
a.quit{display: block; width: 200px;height: 34px;background: #008965;border-radius: 4px; text-align: center; line-height: 34px; color: #fff;}
a.quit:hover{color: #fff; background: #16A680;}
.u-line{border-bottom: 1px solid #EDF3FA; margin: 24px 0;}

/*menu*/
.menu { position:absolute; left: 0px; bottom: 15px; width: 100%; height: 80px;}
.menu li{ min-width: 90px; float: left; text-align: center; margin-left: 55px; padding: 0 5px 13px; box-sizing: border-box;}
.menu li:first-child{margin-left: 0;}
.menu li a{ display: block;}
.menu li em{ display: inline-block; width: 30px; height: 30px; background: url(../images/menu_bg.png) no-repeat center center; margin-bottom: 5px;}
.menu li em.m1{ background-position: 0px 0px;}
.menu li em.m2{ background-position: 0px -30px;}
.menu li em.m3{ background-position: 0px -60px;}
.menu li em.m4{ background-position: 0px -90px;}
.menu li em.m5{ background-position: 0px -120px;}
.menu li em.m6{ background-position: 0px -150px;}
.menu li em.m7{ background-position: 0px -180px;}
.menu li em.m8{ background-position: 0px -210px;}
.menu li em.m9{ background-position: 0px -240px;}
.menu li em.m10{ background-position: 0px -270px;}
.menu .current{border-bottom: 3px solid #008965;}
.menu a{color: #2E3033; font-size: 18px; text-align: center;}
.menu .current a,.menu li:hover a{color: #008965; font-weight: 800;}

.s_menu{ width: 100%; min-width: 1280px; background: #008965;}
.s_menu ul{ width: 1280px; margin: 0 auto; padding-top: 13px;}
.s_menu li{float: left; margin-right: 5px; margin: 0 20px 10px 0;}
.s_menu a{ display:inline-block;height: 40px; line-height: 40px; padding: 0 20px; color: #fff;border-radius: 2px; font-size: 16px;}
.s_menu a.current,.s_menu a:hover{ background: #F1F5F3; color: #008965;font-weight: bold;}
.s_menu li:hover a{ text-decoration: none;}
.ml30{margin-left: 30px}

/*foot*/
.foot{background: #F4F7F6; margin-top: 20px}
.foot h1{font-size: 16px;border-bottom: 1px solid #DADFE6; line-height: 78px; font-weight: 600;}
.f-left{color: #2E3033; float: left;}
.f-left p{margin-top: 45px;}
.fp{color: #222;}
.fp i{color: #DEDEDE; margin: 0 15px;}
.f-con li{width: 146px;height: 180px;border-radius: 8px;background: #fff; float: left;padding: 24px 20px 20px; float: left; margin: 32px 0 34px 30px;box-sizing: border-box; text-align: center;color: #2E3033;}
.f-con li img{width: 106px;height: 106px;margin-bottom: 15px;}
.f-con a{color: #222;}
.f-con a:hover{color: #008965;}

/**/
.new-tab li{float: left; margin-right: 15px;}
.new-tab a{display: inline-block; min-width: 106px;height: 40px;
    background: #F2F2F2;border-radius: 2px; line-height: 40px; text-align: center;padding: 0 20px;box-sizing: border-box;color: #222;font-size: 16px;}
.new-tab .current a{background: #008965;color: #fff; font-weight: bold;}
.new-tabContent{display: none;}
.ed-item{position: relative; border-radius: 8px;
    border: 2px solid #FFF;box-shadow: 0px 0px 16px 0px rgba(2,76,64,0.08);height: 198px; box-sizing: border-box; margin-bottom: 35px;}
.ed-title{height: 65px; background: url(../images/ektBg.png); padding: 0 39px; line-height: 65px; box-sizing: border-box;font-size: 16px;color: #666;}
.ydq-item .ed-title{background: url(../images/edqBg.png);}
.ydq-item{box-shadow: 0px 0px 16px 0px rgba(95,59,11,0.05);}
.ed-item img{position: absolute; top: -5px; right: -8px; border-radius: 0 8px 0 0;}
.ed-item table{width: 1240px; margin: 5px 20px 0;}
.ed-item table td{padding: 20px;}
.ed-item h1{font-size: 18px; font-weight: 600;}
.ed-item p{color: #999;font-size: 16px;margin-top: 20px;}
.ed-item h2{font-size: 18px;}
@font-face {font-family:HRB;src: url(HONORSansCN-Bold.ttf);}

.ed-item h2 span{font-size: 22px;font-family:HRB;margin-right: 5px;}
.detBtn{display: inline-block;width: 118px;height: 39px;border-radius: 2px;border: 1px solid #008965;background: #fff; text-align: center; line-height: 39px; font-size: 16px;color: #008965;}
.ed-item:hover{border-color:#008965;}
.ed-item:hover .detBtn{background: #008965; color: #fff;}
.ydq-item:hover{border-color:#fff ;}



.logo{display: inline-block;line-height: 68px;}
.logoTxt{color: #008965;font-size: 18px;font-family:SHSM;font-weight: 500;vertical-align: middle;letter-spacing: 2px; }
.l-line{display: inline-block;width: 1px;background: #008965; height: 15px; vertical-align: middle; margin: 0 14px;}

/**/
.s_menu li{margin-bottom: 13px;}
.bigTitle{height: 50px;}
input[type="text"], .ipt,select{border-radius: 4px;}

/*搜索*/
.search{margin-bottom: 10px;}
.search a.btnGray{padding: 0 20px;background: #008965; color: #fff!important; border-color: #008965;letter-spacing: 3px;border-radius: 4px;}
.search a.btnGray:hover{background: #16A680;}
.search .btnGreen{height: 30px; line-height: 30px;padding: 0 20px; color: #008965 !important;background: #fff;border:1px solid #008965;letter-spacing: 3px;border-radius: 4px;}

/*表格*/
.dataList{border: 0;}
.dataList thead{border: 0; background: #f1f7f5;}
.dataList thead th {padding: 10px;}
.dataList td{border-color: #E7E7E7;}
.dataEmpty{font-size: 14px;line-height: 60px;}
.dataEmpty em.empty{width: 110px;height: 110px;background: url(../images/tableNodata.png); display: block; margin: 20px auto 0;}
.dataEmpty span{margin-left: 6px;}

.noData{text-align: center; color: #999;}
.noData img{margin: 20px auto;}
select{color: #333; padding: 4px 10px;}
/*日期*/
.WdateDiv .Wselday{background: #008965;}
.WdateDiv .Wwday{color: #008965;}

/*分页*/
.tfoot{padding: 30px 10px;border: 0;border-top: 1px solid #e5e5e5;}
.pagebox span.pageNum a{border-radius: 3px;margin-left: 2px;}

/*按钮*/
.btnRed,.btnGray{border-radius: 4px;}
.btnGray{line-height: 30px;}
.bigBtn{padding: 0 26px;}
.btnArea .bigBtn{letter-spacing: 3px;}
.btnArea a.btnGray{background: #fff; line-height: 38px;}

.formTable td a{ color: #008965; margin-left: 14px;}
.dataListSpe th, .dataListSpe td{border: 0;}
.dataList td{border-bottom: 1px solid #e7e7e7;}
.stepItems{margin: 30px 0;}

/*tab切换*/
.tab {border-bottom: 0; margin-bottom: 30px; padding-left: 0; height: 36px;}
.tab li a{border-radius: 4px; background: #fff; line-height: 34px; margin-right: 14px;}
.tab li a:hover{border: 1px solid #008965; color: #008965;}
.tab li.current a{border: 1px solid #008965; background: #008965; color: #fff; border-color: #008965;}
.moreCond .btnGray{height: 34px; line-height: 34px; margin-right: 10px; padding: 0 15px; background: #fff;}
.moreCond .btnGray:hover{border-color: #008965; color: #008965 !important;}

.tsTxt{color:#EB9412;}

input[type="radio"],input[type="checkbox"] {accent-color:#008965; width: 16px;height: 16px;}

/*分页*/
.layui-table-page{height: 80px;}
.layui-table-page>div{text-align: right;}

.f-tel span:nth-child(n+2){margin-left: 40px;}

@media (max-width: 1520px) and (min-width: 1200px){
    .menu li{min-width: 30px; margin-left: 40px;}
    .s_menu,.head{min-width: 1100px;}
    .wrap,.s_menu ul{width: 1100px;}
    .loan-item{width: 230px;}
    .b-item{width: 615px;padding: 30px 36px; background-size: 100% 100%;}
    .lactive{width: 615px;}
    .loan li{width: 350px; background-size: 100% 100%;}
    .lBtn a,a.vBtn{width: 250px;}
    .f-tel span:nth-child(n+2){margin-left: 25px;}
}