body{font-family:Roboto,sans-serif;}
.layui-card-header,.layui-tab-title li{font-size:18px;}
.layui-input-sm{height:30px;}
.layui-form-label-sm{padding:5px 0;}
.layui-input-block-sm{margin-left:0;margin-right:0;!important;}
.margin-bottom-none{margin-bottom:0;}
.layui-relative{position:relative;}
.layui-table-position{position: absolute; top:0; right:0;}
.layui-card-header,.layui-tab-title li{font-size:18px;}
.layui-car-tit{float: left;display: block;padding: 9px 15px;width: 80px;font-weight: 400;line-height: 20px;text-align: right;font-size:18px;}
/*.layui-layout-admin .layui-logo{background-color:#1547ea !important;}
.layui-layout-admin .layui-header{background-color:#1E9FFF; background: linear-gradient(45deg,#72B6FF,rgba(20,70,234,1) 100%);}*/
.layui-tab-card>.layui-tab-title li{font-size: 14px;}
.layui-layout-admin .layui-header{height:100px; background:url(images/topbg01.png) no-repeat right center #5b87cf; }
.layui-layout-admin .layui-header a,.layui-layout-admin .layui-header a cite{color: #f8f8f8;}
.layui-layout-admin .layui-header a:hover{color: #333;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;}
.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);}
.layadmin-pagetabs .layui-tab-title li:after{display: none;}
.layui-side-menubg{background:url(images/leftbg6.png) no-repeat bottom center; background-size: cover; }
.layui-side-menubg:before{background-color:#fff!important; position: absolute; z-index: -1;width: 100%;height: 100%;content: "";display: block;opacity: .6;}
.layui-nav-tree .layui-nav-bar{background-color:#66a7fd; width:4px;}
.layui-nav-tree .layui-nav-item {border-bottom: 1px solid #ddd;}
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: rgba(104,168,249,0.6) !important; color:#fff!important;
}
.layui-layout-admin .layui-header{border:none;}
.layui-layout-admin .layui-body{top:142px;}
.layadmin-pagetabs{top:100px;}
.header-logo{height:100px; background:none!important; box-shadow: none;line-height:100px; padding-left:10px; }
.header-logo img{ height:55px; margin-top:20px;}
.layui-side-menu .layui-nav{margin-top:0;}
.layui-nav-tree .layui-nav-item a{color:#333!important;}
.layui-layout-admin .layui-layout-right{padding-top:26px;}
.layui-nav-itemed>.layui-nav-child{background:none!important;}
.layui-tab-title li span{font-size:14px;}
.layui-nav .layui-nav-more{ border-color: #999 transparent transparent;}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{ border-color: transparent transparent #999;}
.layui-layout-admin .layui-side{top:100px;}
.layadmin-pagetabs{padding:0 80px 0 120px;}
.layadmin-pagetabs .layui-leftnav-state{ left:0; width:40px; position:absolute; display:inline-block;text-align:center; border-right: 1px solid #eee;}
.layadmin-pagetabs .layui-icon-prev{left:80px;}
.layui-refresh{position:absolute; display:inline-block; text-align:center; border-right:1px solid #eee; left:40px; width:40px;}
.layadmin-carousel{/*height: 205px !important;*/ background-color: #fff;}
.layadmin-shortcut li cite{}
.layadmin-dataview {height: 332px !important;}
/*主题框架  头部  左侧   样式修改*/

.my-trade-time{height:440px; width:100%;}
.my-trade-time .layui-laydate{width:100%;}
.my-trade-time .layui-laydate .layui-laydate-main{width:100%;}
.my-trade-time .layui-laydate-content table{width: 100%; height: 316px;}
/*工作台交易日历  样式修改*/
.layui-carousel-ind li{padding:0!important;}

.layui-side-tree{min-height:1000px;background:#f7f7f7; padding:10px 0; }
.mt20{margin-top:20px;}
.layui-right-tree{left:260px; right:20px;}
.layui-right-tree .layui-card-header{font-size:14px;}
.layui-right-tree .layui-form{/*min-height:320px;*/}
.layui-right-tree .layui-form-item{display:block; margin-bottom:0;}
.layui-side-tree .eleTree{padding-right:20px;}

.layui-right-tree .layui-input-block{ margin-left: 30px;min-height: 26px;line-height: 36px;}
.layui-right-tree .layui-input-inline{float:none; display:inline-block;}
.layui-right-tree .mt20{margin-left:45px;}
.layui-right-tree .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:0;}

.layui-tree-public{min-height:260px;}
.layui-tree-public .layui-row{display:flex;}
.layui-tree-public .layui-side-scroll{ overflow:hidden; background:#f7f7f7; min-height:260px;}
.layui-tree-public .layui-tree-cont{flex:1; margin-left:20px; position:static; border:1px solid #eee;}
.layui-tree-public .layui-tree-cont .layui-card-header{font-size:14px;}
.layui-tree-public .layui-side-scroll .eleTree{padding:10px;}
.layui-tree-public .layui-tree-cont .layui-form-item{margin:0;}
.layui-tree-public .layui-tree-cont .layui-footer{margin:20px 0;}


.rund{width:52px;height:52px; background-color: #ffffff; border-radius: 100%; padding:10px;}
.rund svg{width:52px;height:52px;}

.bgyz{background-image:linear-gradient(to bottom,#23ac38, #6ebb21); }/*邮政*/
.bgjs{background-image:linear-gradient(to bottom,#004f9c, #288ebe); }/*建设*/
.bgpa{background-image:linear-gradient(to bottom,#004f9c, #288ebe); }/*平安*/
.bggh{background-image:linear-gradient(to bottom,#e60012, #d00012); }/*工行*/
.bgnh{background-image:linear-gradient(to bottom,#009c96, #008a84); }/*农行*/
.bgzs{background-image:linear-gradient(to bottom,#e50012, #d20012); }/*招商*/
.bgzg{background-image:linear-gradient(to bottom,#af2434, #a22231); }/*中国*/
.bgms{background-image:linear-gradient(to bottom,#5aa572, #1d2088); }/*民生*/
.bgql{background-image:linear-gradient(to bottom,#e50113, #d60113); }/*齐鲁*/
.bgzx{background-image:linear-gradient(to bottom,#d7000f, #bf000e); }/*中信*/
.bgzy{background-image:linear-gradient(to bottom,#00aee6, #0d4e9b); }/*中原*/
.bggd{background-image:linear-gradient(to bottom,#6a1684, #53156c); }/*光大*/
.bgsh{background-image:linear-gradient(to bottom,#293c8f, #293c8f); }/*上海*/
.bgxys{background-image:linear-gradient(to bottom,#00a550, #00a550); }/*信用社*/

.bank h2{font-size:18px;}
.bank a{color:#ffffff;}
.ca svg{width:90px; height: 90px;}
.ca h2{font-size:18px;}
.ca a{color:#4b4b4b;}
.wrap{position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
    width: 1200px;
    height: 228px;}
.rolls{
    margin-top:40px;
    width: 1198px;
    height: 228px;
}
.rollBox {
    /*OVERFLOW: hidden;
    WIDTH: 1098px;*/
    width: 1106px;
    margin:0 auto;
}
.rollBox .LeftBotton ,.rollBox .RightBotton{
    line-height: 65px;
    padding: 20px 0 28px 0;
    position: absolute;
    z-index: 3;
    DISPLAY: inline;
    OVERFLOW: hidden;
    WIDTH: 32px;
    CURSOR: pointer;
    HEIGHT: 56px;
    float: Left;
    text-align: center;
    margin-top:30px;
    background:rgba(255,255,255,0.2);
    box-shadow: 0px 0px 13px 0px rgba(6, 193, 174, 0.15);
}
.rollBox .LeftBotton{
    left: 0;
}
.rollBox .RightBotton{
    right: 2px;
}
.rollBox .LeftBotton:hover ,.rollBox .RightBotton:hover{
    background:rgba(59,174,255,0.4);
    line-height: 65px;
    padding: 20px 0 28px 0;
    WIDTH: 32px;
    HEIGHT: 56px;
    opacity: 1;
}
.rollBox .LeftBotton{
    border-radius:5px 0px 0px 5px;

}
.rollBox .RightBotton{
    border-radius:0 5px 5px 0;
}
.rollBox .Cont {
    FLOAT: left;
    MARGIN: 0px 0px;
    /*OVERFLOW: hidden;*/
    WIDTH: 1200px;
    position: relative;
}

.rollBox .ScrCont {
    WIDTH: 100000px;
    /*overflow: hidden;*/
}

.rollBox #List1 {
    FLOAT: left
}
.rollBox #List2 {
    FLOAT: left;
}
.rollBox #List3 {
    FLOAT: left
}
.rollBox #List4 {
    FLOAT: left;
}