@charset "utf-8";
@import url(./layui/css/layui.css);


*{margin: 0px;padding: 0px;}
a{text-decoration: none;}
html{width: 100%;height: 100%;overflow-x:hidden;overflow-y:auto;position: relative;}
body{width: 100%;min-height: 100%;background: #f1f1f1;position: relative;}

.h1,h1{font-size:36px}

.h2,h2{font-size:30px}

.h3,h3{font-size:24px}

.h4,h4{font-size:18px}

.h5,h5{font-size:14px}

.h6,h6{font-size:12px}

.fl{float: left;}

.fr{float: right;}
.hide{display:none;}
.show{display:block;}

.co333{color:#333;}

.cored{color:red;}

.text-center{text-align: center;}

::-webkit-scrollbar{width: 8px;height: 8px;}
::-webkit-scrollbar-thumb{background-color: hsl(220deg 1% 19%/46%);-webkit-transition: background-color .3s;transition: background-color .3s;}
::-webkit-scrollbar-track{background: rgba(255,252,252,.11);}

.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}



/*  Login  */
.sign-in-container{margin: 30px auto;}
.sign-in-container .login-wrapper{background: #fcfcfc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 18px 6px -8px #121212, 0 0 0 #333333;-moz-box-shadow: 0 18px 6px -8px #121212, 0 0 0 #333333;box-shadow: 0 18px 6px -8px #121212, 0 0 0 #333333;border: 2px solid #d9d9d9;position: relative;}
.sign-in-container .login-wrapper .header{padding: 30px 20px 10px 20px;margin: 0;}
.sign-in-container .login-wrapper .header h3{line-height: 40px;margin: 0;padding: 0;color: #ff6600;}
.sign-in-container .login-wrapper .header p{font-size: 12px;text-align: left;line-height: 18px;color: gray;padding: 10px 0;margin: 0;}
.sign-in-container .login-wrapper .header .logo img{max-width: 80px;float: right;}
.sign-in-container .login-wrapper .content{padding: 30px 20px 10px;}
.sign-in-container .login-wrapper .content .input{height: 30px;font-weight: normal;color: #cccccc;box-shadow: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.sign-in-container .login-wrapper .content .input:hover, .sign-in-container .login-wrapper .content select:hover{background: #fafafa;}

.sign-in-container .login-wrapper .content .layui-btn{background-color: #ff6600;}
.sign-in-container .login-wrapper .actions{padding: 10px 20px;background: white;border-radius: 0 0 4px 4px;}
.sign-in-container .login-wrapper .actions .btn{float: right;}
.sign-in-container .login-wrapper .actions .link{float: right;padding: 8px;margin-right: 10px;color: #737373;}



#dt_example{overflow: hidden;}
#dt_example .dataTables_length{display: none;float: left;}
#dt_example .dataTables_filter{float: right;}
#dt_example .dataTables_filter input{width: 160px;margin-bottom: 0;outline: none;border: 1px solid #e6e6e6;padding: 5px;}
#dt_example .dataTables_info{float: left;margin-bottom: 5px;}
#dt_example .dataTables_paginate{margin: 5px 0;float: right;}
#dt_example .dataTables_paginate .first, #dt_example .dataTables_paginate .previous, #dt_example .dataTables_paginate .next, #dt_example .dataTables_paginate .last{display: none;}
#dt_example .dataTables_paginate .paginate_button, #dt_example .dataTables_paginate .paginate_active{background: #f2f2f2;margin: 1px;padding: 5px 10px;}
#dt_example .dataTables_paginate .paginate_button:hover, #dt_example .dataTables_paginate .paginate_active:hover{background: #e6e6e6;cursor: pointer;}
#dt_example .dataTables_paginate .paginate_active{background: #3693cf;color: white;}
#dt_example .dataTable .sorting{cursor: pointer;background: url(../images/sorting.png) no-repeat center right;}
#dt_example .dataTable .sorting_asc{cursor: pointer;background: url(../images/sorting_asc.png) no-repeat center right;}
#dt_example .dataTable .sorting_desc{cursor: pointer;background: url(../images/sorting_desc.png) no-repeat center right;}



.layui-layer-content{padding: 15px;}
.layui-form-select dl{z-index: 899211111;}
.site-btn{position: fixed;bottom: 55px;right: 40px;}
.bolibotom{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #ccc;}
.bolibotom:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.layui-panel{border-width: 1px;border-style: solid;border-radius: 2px;border-color: #eee;background-color: #fff;color: #666;text-align: center;position:relative;}
.layui-panel img{max-width: 100%;}



/*公司列表*/

#conModal #dt_example .dataTables_length{display: block;}

#countup{position: relative;}

.layui-table img{max-width: 100%;}

.layui-form-item img{padding:2px;border:1px solid #e6e6e6;}
#cont-abt{width: auto !important;}
.ProPicBox{position: fixed;z-index: 1;background: #fff;width: 962px;border-bottom:1px solid #ddd;}
.ProPicBg{padding-top: 15px;position: relative;top: -15px;background: #fff;}
.ProPicHg{height:60px;}
.el-progress{overflow:hidden;line-height:20px;}
.el-progress-bar{float:left;width:calc(100% - 50px);margin: 7px 0;}
.el-progress-bar__outer{position:relative;width:100%;height:6px;border-radius:3px;background:#e4e8f1;}
.el-progress-bar__inner{position:absolute;left:0;top:0;height:6px;width:0;border-radius:3px;transition:all .3s;-webkit-transition:all .3s;background:#20a0ff;}

.el-progress__text{float:right;width:40px;}

.layui-card .layui-form-switch{margin-top: 0px;}
.layui-input:focus, .layui-textarea:focus{border-color: #189f92!important;}
.layui-fluid{padding:15px 15px 60px;}

.layui-layout-admin .layui-footer{left:0;box-shadow: -1px 0 4px rgb(0 0 0 / 12%);background-color: #fff;text-align: center;}

.layui-layer-btn{background: #f8f8f8;border-top: 1px solid #eee;}
.x-nav{
    padding: 0 20px;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #e5e5e5;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    background: #fff;
}
.page{
    text-align: center;

}
.page a{
    display: inline-block;
    background: #fff;
    color: #888;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;

}
.page span{
    display: inline-block;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
}
.page span.current{
    display: inline-block;
    background: #009688;
    color: #fff;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #009688;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #009688;
    color: #fff;
    border: 1px solid #009688;

}

/*登录样式*/
/*头部*/
.container{
    width: 100%;
    height: 50px;
    background-color: #222;
}
.container a,.layui-nav .layui-nav-item a{
    color: #fff;
}
.container .logo a{
    background-color: rgba(0,0,0,0);
}
.container .logo a{
    float: left;
    font-size: 0;
    padding-left: 20px;
    line-height: 50px;
    width: 200px;
}
.container .logo a img{height:45px}
.container .right{
    background-color:rgba(0,0,0,0);
    float: right;

}
.container .left_open{
    height: 50px;
    float: left;
    margin-left: 10px;
}
.container .left_open i{
    display: block;
    background: rgba(255,255,255,0.1);
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    text-align: center;
    margin-top: 9px;
    cursor: pointer;
}
.container .left_open i:hover{
    background: rgba(255,255,255,0.3);
}

.container .left{
    background-color:rgba(0,0,0,0);
    float: left;

}
.container .layui-nav-item{
    line-height: 50px;
}
.container .layui-nav-more{
    top: 25px;
}
.container .layui-nav-child{
    top: 50px;
}
.container .layui-nav-child i{
    margin-right: 10px;
}
.layui-nav .layui-nav-item a{
    cursor: pointer;
}
.layui-nav .layui-nav-child a{
    color: #333;
    cursor: pointer;
}
.left-nav{
    position: absolute;
    top: 50px;
    bottom: 0px;
    left: 0;
    z-index: 2;
    padding-top: 10px;
    background-color: #EEEEEE;
    width: 220px;
    max-width: 220px;
    overflow: auto;
    overflow-x:hidden;
    overflow-y:scroll;

	-ms-scroll-chaining: chained;

	-ms-overflow-style: none;

	-ms-content-zooming: zoom;

	-ms-scroll-rails: none;

	-ms-content-zoom-limit-min: 100%;

	-ms-content-zoom-limit-max: 500%;

	-ms-scroll-snap-type: proximity;

	-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);

	-ms-overflow-style: none;
}

.left-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
#side-nav{
    width: 220px;
}

.left-nav #nav li:hover > a{
    /*color: blue;*/
}
.left-nav #nav .current{
    background-color: rgba(0, 0, 0, 0.3);
}
.left-nav #nav li a{
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    display: block;
    cursor: pointer;
    border-left: 4px solid transparent;
    transition: all 0.3s;
}
.left-nav a:hover{
    background: #009688 !important;
    color: #fff;
    border-color:  #04564e !important;
}
.left-nav a.active{
    background: #009688 !important;
    color: #fff;
    border-color:  #04564e !important;
}
.left-nav #nav li a cite{
    font-size: 14px;
}

.left-nav #nav li .sub-menu{
    display: none;
}
.left-nav #nav li .opened{
    display: block;
}
.left-nav #nav li .opened:hover{
    /*background: #fff ;*/
}
.left-nav #nav li .opened .current{
    
}
.left-nav #nav li .sub-menu li:hover{
    /*color: blue;*/
     /*background: #fff ;*/
}
.left-nav #nav li .sub-menu li a{
    padding: 12px 15px 12px 30px;
    font-size: 14px;
    cursor: pointer;
}
.left-nav #nav li .sub-menu li .sub-menu li a{
    padding-left: 45px;
}
/*.left-nav #nav li .sub-menu li a:hover{
    color: #148cf1;
}*/
.left-nav #nav li .sub-menu li a i{
    font-size: 12px;
}
.left-nav #nav li a i{
    padding-right: 10px;
    line-height: 20px;
}
.left-nav #nav li .nav_right{
    float: right;
    font-size: 16px;
}
.x-slide_left {
    width: 17px;
    height: 61px;
    background: url(../images/icon.png) 0 0 no-repeat;
    position: absolute;
    top: 200px;
    left: 220px;
    cursor: pointer;
    z-index: 3;
}
.page-content{
    position: absolute;
    top: 50px;
    right: 0;
    /*bottom: 42px;*/
    bottom: 0px;
    left: 220px;
    overflow: hidden;
    z-index: 1;
}
.page-content-bg{
    position: absolute;
    top: 50px;
    right: 0;
    /*bottom: 42px;*/
    bottom: 0px;
    left: 220px;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    z-index: 100;
    display: none;
}

.page-content .tab{
    height: 100%;
    width: 100%;
    /*background: #EFEEF0;*/
    margin: 0px;
}
.page-content .layui-tab-title{
    /*padding-top: 5px;*/
    height: 35px;
    background: #EFEEF0 ;
    position: relative;
    z-index: 100;
}
.page-content .layui-tab-title li.home i{
    padding-right: 5px;
}
.page-content .layui-tab-title li.home .layui-tab-close{
    display: none;
}
.page-content .layui-tab-title li{
    line-height: 35px;
}
.page-content .layui-tab-title .layui-this:after{
    height: 35px;
}
.page-content .layui-tab-title li .layui-tab-close{
    border-radius: 50%;
}
.page-content .layui-tab-title .layui-this{
    background: #fff ;
}
.page-content .layui-tab-bar{
    height:34px;
    line-height: 35px;
}
.page-content .layui-tab-content{
    position: absolute;
    top: 36px;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    overflow-y: scroll;
}

.page-content .layui-tab-content::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}
.page-content .layui-tab-content .layui-tab-item{
    width: 100%;
    height: 100%;
    
}
.page-content .layui-tab-content .layui-tab-item iframe{
    width: 100%;
    height: 100%;

}
.yousu-carousel,.layui-carousel,.yousu-carousel>[carousel-item]>* {
    background-color:#fff
}

.yousu-backlog .yousu-backlog-body {
    display:block;
    padding:10px 15px;
    background-color:#f8f8f8;
    color:#999;
    border-radius:2px;
    transition:all .3s;
    -webkit-transition:all .3s
}
.yousu-backlog-body h3 {
    padding-bottom:10px;
    font-size:12px
}
.yousu-backlog-body p cite {
    font-style:normal;
    font-size:30px;
    font-weight:300;
    color:#009688
}
.yousu-backlog-body:hover {
    background-color:#CFCFCF;
    color:#888
}


.hascate>.layui-input{display: inline-block;width: calc(100% - 20px);}
.y-menu>.in-span{width: 16px;height: 38px;position: absolute;left: 15px;}

.y-menu>.in-span::before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 38px;background: #ccc;}

.y-menu>.in-span::after{content: '';position: absolute;top: 50%;left: 50%;width: 50%;height: 1px;background: #ccc;}

.y-menu>.inan-span{width: 20px;height: 38px;position: absolute;left: 31px;}

.y-menu>.inan-span::after{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #ccc;}

.y-menu>.inan-span+.inan-span{left: 51px;}

.y-menu>.inan-span+.inan-span+.inan-span{left: 71px;}

.y-menu>.inan-span+.inan-span+.inan-span+.inan-span{left: 91px;}



.y-m2>.layui-input{margin-left:40px;width: calc(100% - 40px);}

.y-m2.hascate{margin-left: 20px;}

.y-m2.hascate>.layui-input{display: inline-block;width: calc(100% - 20px);margin-left: 0;}

.y-m3>.layui-input{margin-left:60px;width: calc(100% - 60px);}

.y-m3.hascate{margin-left: 40px;}

.y-m3.hascate>.layui-input{display: inline-block;width: calc(100% - 20px);margin-left: 0;}

.y-m4>.layui-input{margin-left:80px;width: calc(100% - 80px);}

.y-m4.hascate{margin-left: 60px;}

.y-m4.hascate>.layui-input{display: inline-block;width: calc(100% - 20px);margin-left: 0;}

.y-m5>.layui-input{margin-left:100px;width: calc(100% - 100px);}



.flasheditclumn{line-height: 2;max-height: 200px;overflow-y: auto;}

.proClumn{line-height: 2;max-height: 222px;overflow-y: auto;padding: 10px;border: 1px solid #ccc;border-radius: 10px;}
.proClumn>div{display:none;}
.proClumn>div:first-child{margin-top: -10px;}

.layui-layout-admin .layui-footer{z-index: 1111;}

#con-table{margin:10px 0;}
table th, table td{word-break: break-all;}

.announcement-templet-add{overflow:hidden;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e6e6e6;}

/*404页面样式*/
.fly-panel {
    margin-bottom: 15px;
    border-radius: 2px;
    /*background-color: #fff;*/
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.fly-none {
    min-height: 600px;
    text-align: center;
    padding-top: 50px;
    color: #999;
}
.fly-none .layui-icon {
    line-height: 300px;
    font-size: 300px;
    color: #393D49;
}
.fly-none p {
    margin-top: 50px;
    padding: 0 15px;
    font-size: 20px;
    color: #999;
    font-weight: 300;
}
#tab_right{
    display: none;
    width: 80px;
    position: absolute;
    top: 35px;
    left: 0px;
}
#tab_right dl{
    top: 0px;
}
#tab_show{
    position: absolute;
    top: 36px;
    bottom: 0px;
    width: 100%;
    background:rgb(255, 255, 255,0);
    padding: 0px;
    overflow: hidden;
    display: none;
}


@media screen and (max-width: 768px){
    .fast-add{
        display: none;
    }
    .layui-nav .to-index{
        display: none;
    }
    .container .logo a{
        width: 140px;
    }
    .container .left_open {
        /*float: right;*/
    }
    .left-nav{
        width: 60px;
    }
    .left-nav #nav li a i{
        font-size: 18px;
    }
    .left-nav cite,.left-nav .nav_right{
        display: none;
    }
    .page-content{
        left: 60px;
    }
    .page-content .layui-tab-content .layui-tab-item{
        -webkit-overflow-scrolling: touch; 
        overflow-y: scroll; 
    }
    .x-so input.layui-input{
        width: 100%;
        margin: 10px;
    }
}

/*精细版样式*/

.yousu-sm{
    font-size: 12px;
}
.yousu-sm body{
    font-size: 12px;
}




/* Tab style */
#scrollUp {
  bottom: 17px;
  right: 30px;
  width: 48px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  text-align: center;
  color: white;
  background: #74b749;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: bottom 150ms linear;
  -moz-transition: bottom 150ms linear;
  -ms-transition: bottom 150ms linear;
  -o-transition: bottom 150ms linear;
  transition: bottom 150ms linear; }

@media (max-width: 767px) {
  #scrollUp {
    display: none !important; } }