/* CSS Document -- skyren */
body,html,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,input {
   margin: 0;
}
ol, ul ,li {
   list-style-type: none;
   vertical-align: 0;
}

a {
   outline-style: none;
   color: #fff;
   text-decoration: none;
   border: 0px;
}

a:hover {
   text-decoration: none;
   color: #fff;
   cursor: pointer;
}

button:hover {
    cursor: pointer;
}

.csp{
    cursor: pointer;
}

em,i {
    font-style: normal;
}

.margin_a {
    margin:0 auto;
}

.w_bg {
    width: 1440px;
}

.pr {
   position: relative;
}

.pa {
   position: absolute;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

input,button { 
   border:0;
   outline:none;
}

body,html {
    background-color: #ffffff;
    font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif;
}

.bg_color {
    background-color: #F8FAFC;
}
.cb {
    clear:both;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 12px;
}

.f14 {
   font-size: 14px;
}

.f16 {
   font-size: 16px;
}

.f18 {
   font-size: 18px
}

.f20 {
   font-size: 20px
}

.f22 {
   font-size: 22px;
}

.f24 {
   font-size: 24px;
}

.f26 {
   font-size: 26px;
}

.f28 {
    font-size: 28px;
}



/* form 鐞涖劌宕� */

.glo_input{
   width: 280px;
   height: 36px;
   border: 1px solid #D9D9D9;
   color: #666666;
   padding-left: 12px;
   line-height: 36px;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
}

.dis_bg{
    background-color: #dcdcdb;
}

.alert_input{
    border: 1px solid #E6342B;
    color: #E6342B;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}
/* .select2-container--default {
    width: 240px !important;
} */
.cardType.select2-container--default {
    width: 40px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #D9D9D9 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

.bg_btn {
   background: #FF5549;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   width: 88px;
   height: 32px;
   color: #FFFFFF;
}

.no_btn {
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   width: 88px;
   height: 32px;
   color: #FF5549;
   border: 1px solid #FF5549;
   background: #fff;
}

.glo_label {
    height: 36px;
    line-height: 36px;
    margin-right: 40px;
    display: inline-block;
}

.glo_radio {
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    margin-top: 10px;
}

.glo_label span {
    margin-left: 8px;
    color: #262626;
}

.glo_box ~ span {
    color: #595959;
    margin-left: 4px;
}

.timesheet {
   width: 294px;
   height: 38px;
}

.date_icon {
   display: inline-block;
   width: 13px;
   height: 13px;
   background: url("../img/btn_timesheet.png");
   right:13px;
   top:12px;
}


/* 鐎佃壈鍩呴崪瀛碼b */
.tab_one{
   width: 1152px;
   height: 72px;
   background: #FFFFFF;
   box-sizing: border-box;
   padding-left: 32px;
   border-radius: 6px 6px 0 0;
   -webkit-border-radius: 6px 6px 0 0;
   -moz-border-radius: 6px 6px 0 0;
   -ms-border-radius: 6px 6px 0 0;
   -o-border-radius: 6px 6px 0 0;
}
.tab_one ul li{
   float: left;
   line-height: 72px;
   position: relative;
   margin-right: 40px;
}
.down_line{
   display: inline-block;
   width: 100%;
   height: 3px;
   background: #FF5549;
   border-radius: 1.5px;
   bottom: 0;
   left: 0;
   -webkit-border-radius: 1.5px;
   -moz-border-radius: 1.5px;
   -ms-border-radius: 1.5px;
   -o-border-radius: 1.5px;
}

.tab_menu {
   color: #FF5549;
}

.tab_mes{
   width: 16px;
   height: 16px;
   background-color: #E6342B;
   top: 19px;
   right: -20px;
   line-height: 16px;
   text-align: center;
   color: #fff;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   -o-border-radius: 6px;
}

.tab_three{
   color:#969799;
   font-size: 14px;
   overflow: hidden;
}
.tab_three>li{
   float: left;
   margin-right: 8px;
}
.select_menu{
   color: #2b2b2b;
}

.assets{
   width: 191px;
   height: 364px;
   border-right: 1px solid #e0e1e4;
   box-sizing: border-box;
   padding-top:84px;
}
.assets span{
   width: 16px;
   height: 11px;
   margin-left: 4px;
   display: inline-block;
   background: url('../img/Home_icon_eye_on.png');
   cursor: pointer;
}
.assets li{
   color: #858688;
   margin-bottom: 80px;
}
.assets p{
   font-size: 24px;
}

.assets_se {
   color: #FF5549;
}
.assets i{
   position: absolute;
   top: 0;
   right: 0;
   display: inline-block;
   width: 4px;
   height: 100%;
   background-color: #FF5549;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
}


/* 闁炬儼顢戦崡锟� */
.card_desc {
    width: 370px;
    height: 192px; 
    border-radius: 8px;
    behavior: url(../js/PIE.htc);
    /* margin-right: 20px;  */
}

.card_black {
    background: url('../img/Home_card_black.png') no-repeat 0px 0px;
}

.card_red {
    background: url('../img/Home_card_red.png') no-repeat 0px 0px;
}

.card_yellow {
    background: url('../img/Home_card_yellow.png') no-repeat 0px 0px;
    margin-right: 0px;
}

.card_gray {
    background: url('../img/Home_card_gray.png') no-repeat 0px 0px;
    margin-right: 0px;
}

.card_sort{
    border: 1px solid rgba(255, 255, 255, 0.28);
    border: 1px solid rgb(255,255,255) \9;
    filter:Alpha(opacity=68);

    behavior: url(../js/PIE.htc);
    margin: 24px 0px 0px 145px;
    color: #FFFFFF;
    letter-spacing: 0;
    width: 80px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

:root .card_sort{filter:none;}

.redact{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('../img/elf.png') no-repeat -43px -197px;
    margin: 27px 8.5px 0px 62px;
}
.card_sort_t {
    margin-top: 24px;
    width: 42px;
    height: 24px;
    color: #FEFEFF;
    letter-spacing: 0;
    text-align: right;
}

.card_num{
    color: #FFFFFF;
    letter-spacing: -0.47px;
    line-height: 28px;
    text-shadow: 0 2px 2px rgba(0,0,0,0.08);
    margin: 79px 0px 0px 24px;
}
.bank_address{
    color: rgba(255,255,255,0.45);
    color: rgb(255,255,255) \9;
    filter:Alpha(opacity=45);
    letter-spacing: 0;
    margin: 5px 0px 0px 24px;
}

.pro_type {
    margin: 25px 0px 0px 24px;
}
.pro_type a {
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 14px;
    margin-right: 60px;
}

/* 瀵顢� */
.add_win{
    width: 580px;
    height: 367px;
    background:#FFFFFF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    box-sizing: border-box;
}
.add_win img{
    padding-left: 256px;
    padding-top: 77px;
}
.add_win>p{
    font-family: Helvetica;
    font-size: 20px;
    color: #050505;
    letter-spacing: 0;
    text-align: center;
    padding-top: 25px;
}
.add_win>i{
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0,0,0,0.45);
    text-align: center;
    padding-top: 16px;
}
.button_enter{
    text-align: center;
    margin-top: 44px;
}
.button_enter span{
    cursor:pointer;
}

.button_style {
    cursor: pointer;
    display: inline-block;
    width: 88px;
    height: 32px;
    background: #FF5549;
    color: #fff;
    border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}
.button_style_two{
    cursor: pointer;
    border: 1px solid #FF5549;
    display: inline-block;
    width: 88px;
    height: 32px;
    color: #FF5549;
    border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}

/* 瀵顢�2 */
.receipt_desc{
    width: 810px;
    height: 463px;
    box-sizing: border-box;
    padding: 60px 110px 0 105px;
    background: url(../img/image_bg1.png) repeat #fff;
}

.receipt_close {
    width: 23px;
    height: 23px;
    background: url("../img/Home_close.png") no-repeat;
    top: 64px;
    right: 40px;
}
.receipt_title {
    color: #050505;
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
}

.receipt_con {
    width: 620px;
    overflow: hidden;
}

.receipt_con_msg {
    width: 300px;
    margin-bottom: 12px;
}
.receipt_con_text {
    display: inline-block;
    color: #898989;
    text-align: right;
    margin-right: 16px;
    width: 90px;
}

.receipt_con_res {
    display: inline-block;
    color: #262522;
    text-align: left;
    width: 190px;
}

.receipt_line {
    width: 680px;
    margin: 24px 0 24px -40px;
    border: 1px dashed #CDCDCD;
}

.receipt_seal {
    width: 112px;
    height: 84px;
    left: 137px;
    bottom: 24px;
    background: url("../img/image_chapter.png") no-repeat;
}

.receipt_close_btn {
    width: 810px;
    height: 84px;
    border-top:1px solid #F3F3F3;
    background: #FFFFFF;
    border-radius: 0 0 4px 4px;
}
.print_btn {
    margin: 26px 18px 0 576px;

} 

/* 閹绘劗銇氬锟� */
.tip_alert {
    width: 807px;
    /* height: 182px; */
    background: #FFFBE6;
    border: 1px solid #FFE58F;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 20px 0 24px 80px;
}

.tip_title {
    display: block;
    margin-bottom: 4px;
    color: #262522;
    font-weight: bold;
}

.tip_title ~ p {
    margin-bottom: 3px;
    color: #595750;
}

.tip_btn {
    margin-top: 13px;
}

.tip_warm {
    top:20px;
    left:40px;
    width: 24px;
    height: 24px;
    background: url("../img/icon_warning_1.png");
}

.tip_close {
    width: 9px;
    height: 9px;
    top: 16px;
    right:40px;
    background: url("../img/btn_close_1.png") no-repeat;
}

/* 閹绘劗銇氬锟�2 */
.tip_alert1 {
    width: 604px;
    height: 40px;
    background: #FFF1F0;
    border: 1px solid #FFA39E;
    border-radius: 2px;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 40px;
}

.tip_warm1 {
    top:13px;
    left:17px;
    width: 14px;
    height: 14px;
    background: url("../img/icon_wrong_1.png");
}

.tip_close1 {
    width: 9px;
    height: 9px;
    top: 14px;
    right:18px;
    background: url("../img/btn_close_1.png");
}

.tip_title1 {
    color: #595750;
}







/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
/* 2022楠烇拷3閺堬拷9閺冿拷  閼挎粌宕熼柌宥嗙�� */
.header {
    height: 141px;
    background: url("../img/bg_1.jpg") no-repeat;
}

.top {
    height: 38px;
    background: rgba(0,0,0,.11);/*for IE10閵嗕浮E11*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1c000000,endColorstr=#1c000000);
    /*overflow: hidden; for IE8*/
}
:root .top{filter:none;}/*for IE9*/

.top>a {
    display: inline-block;
    color: rgb(255,255,255);
    letter-spacing: 0;
    margin-top:10px;
}
.top_fir {
    width: 50px;
    margin-left: 1250px;
    text-align: right;
    background: url(/easybanking/images/login/customer.png) no-repeat 0px 1px;
}


.top_sec {
    /* width: 48px; */
    margin-left: 12px;
}

.top>.top_thi {
    border-radius: 6px;
    behavior: url(../js/PIE.htc);
    width: 16px;
    height: 16px;
    margin:11px 0 0 4px;
    line-height: 16px;
    background: #ffffff;
    color: #E6342B;
    text-align: center;
    z-index: 10;
}

.top_four {
    width: 68px;
    height: 24px;
    top: -3px;
    margin-left:20px;
    background-image: url("../img/btn_topbar_exit.png");
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 3px;
}

.top_fifth {
    width: 68px;
    margin-left: 0px;
    text-align: right;
    background: url("../img/customer.png") no-repeat 0px 1px;
}
/* 鐎涙ぞ缍嬮弨鎯с亣 */
.oldman {
    width: 66px;
    height: 176px;
    background: #fff;
    border-radius: 4px;
    /* border: 1px solid blue; */
    z-index: 20;
    right: 215px;
    top:38px;
    box-shadow: 0px 2px 4px 0px rgba(230,227,227,0.5);
}

.normal_font {
    width: 65px;
    height: 24px;
    background: #FBE0DE;
    color:#FF5549;
    text-align: center;
    line-height: 24px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.oldman li{
    height: 24px;
    margin-left: 9px;
    color: #333;
}
.menu {
    height: 103px;
}

.logo {
    margin-left: 144px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* width: 156px; */
    height: 36px;
    line-height: 36px;
}
.logo img{
    vertical-align: middle;
    margin-right: 16px;
}
.qiehuan {
    border-radius: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    padding: 6px 5px;
    background-color: #f46555;
    margin-left: 7px;
}
.main_nav {
    margin-left: 144px;
    height: 56px;
    /* position: absolute; */
}

.main_nav ul {
    width:100%;
}

.main_nav ul li {
    float: left;
    position: relative;
    height: 44px;
    padding: 0 11px;
    line-height: 44px;
    text-align: center;
    margin-right: 4px;
}

.main_nav ul li a {
    color: #F7C2BA;
}

.main_nav ul li i{
    display: inline-block;
    width: 24px;
    height: 4px;
    background: #ffffff;
    top: 60px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    display:none;
}

.main_nav_sub_wrap {
    position: absolute;
    width: 1100px;
    top:95px;
    left: -160px;
    background: #fff;
    box-shadow: 2px 2px 5px rgb(216, 205, 205);
    border-radius: 10px;
}
.main_nav_sub_wrap a{
    
    font-size: 14px;
    color: #000000;
}

.main_nav_sub {
    display: block;
    padding:26px 13px 0 10px;
    font-family: "鐎瑰缍�"; 
}

.main_nav_sub dl {
    width: 116px;
    margin-right: 10px;
    float: left;
    padding-bottom: 20px;

}

.main_nav_sub dl dt{
    padding: 5px;
    
}

.main_nav_sub .sec_menu {
    padding-left: 5px;
    line-height: 20px;
    font-weight: bold;
    border-left: 4px solid #FF5549;
}

.main_nav_sub dl dd{
    margin-top: 12px;
    float: left;
    width: 120px;
    list-style-type:none;
    font-size: 14px;
    color: #000000;
    
}

.main_nav_sub .d_1 dd a {
    margin-left: 8px;
    display: block;
    line-height: 1.2em;
    
}

.search {
    border: 1px solid #F7C0B8;
    border-radius: 17.5px;
    behavior: url(../js/PIE.htc);
    width: 212px;
    height: 35px;
    right: 141px;
    top: 50px;
    overflow: hidden;
}
.search_icon {
    width: 16px;
    height: 16px;
    margin: 10px 8px 0 16px;
    background-image: url("../img/Home_icon_search.png");
} 

.search_text {
    height: 25px;
    margin-top: 5px;
}

.search_text > input {
    height: 20px;
    padding: 2px;
    line-height: 20px;
    width: 100px;
    background: transparent;
    /* color: rgb(247,194,186); */
    color: #F7C2BA;
}



/* 20220602 閸忣剙鎲￠崣濠傜暔閸忋劍褰佺粈锟� */

.notice_top {
    width: 910px;
    height: 70px;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.notice_top li {
    height: 67px;
    line-height: 67px;
    margin-right: 40px;
    float: left;
    color: #333;
}
.notice_top li.active {
    border-bottom: 3px solid #ff5549 !important;
} 

.timesheet {
    width: 130px !important;
    height: 38px;
    position: relative;
    display: inline-block;
}

.date-icon {
    width: 13px;
    height: 13px;
    position: absolute;
    display: inline-block;
    right: 13px;
    top:12px;
}

input[type='button'] {
    min-width: 88px;
    height: 32px;
    line-height: 28px;
    color: #fff;
    background: #FF5549;
    border-radius: 4px;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
}

.notice_date {
    margin-top: 15px;
    margin-left: 529px;
}

.hx-border-red {
    margin-left: 12px;
}

.notice_tip {
    width: 442px;
    height: 140px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.08);
    border-radius: 8px;
    /* border:1px solid red; */
    margin: 20px 20px 0 0;
    float: left;
    padding-left: 32px;
    padding-top: 32px;
    box-sizing: border-box;
}

.notice_title {
    font-size: 18px;
    color: #333;
    width: 342px;
    margin-bottom: 12px;
    float: left;
    margin-right: 30px;
}

.notice_arrow {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../img/btn_arrow.png");
    margin-top: -3px;
}

.notice_btn {
    display: inline-block;
    height: 22px;
    background: #FDEFEE;
    border-radius: 2px;
    font-size: 12px;
    color: #FF5549;
    line-height: 22px;
    text-align: center;
    padding: 2px 8px;
}
.notice_time{
    font-size: 14px;
    color: #666;
    margin-left: 12px;
}