@charset "utf-8";


@import url(../lib/layui/css/layui.css);

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}


*{


    margin: 0px;


    padding: 0px;


    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;


}


a{


    text-decoration: none;


}





.login-bg{
    overflow: hidden;	
	position:relative;
}


.login{
	width: 1000px;
	height: 600px;
    background-color:rgba(255,255,255,.98);
    margin-left: -500px;
    border-radius: 10px;
	position:absolute;	
	left:50%;	
	top:20%;	
	z-index:99;
}


.login .login_left{ width:500px; background:url(../images/bg.png) no-repeat 90px 140px; height:600px; float:left;}
.login .login_right{    width: 320px;
    float: right;
    padding: 100px 100px 0 60px;}


.login a.logo{


    display: block;


    height: 58px;


    width: 167px;


    margin: 0 auto 30px auto;


    background-size: 167px 42px;


}

.login_yzm{
    width: 160px!important;
    float: left;
    margin-right: 10px;
}

.login .message {


    position: relative;
	margin-bottom:40px;

}

.login .message  img{ width:320px;}


.login #darkbannerwrap {

	position: relative;
    font-size: 24px;
    padding: 0 0 20px;
    line-height: 50px;
	color:rgba(161,31,74,.5);
	letter-spacing:5px;


}





.login input[type=text],


.login input[type=file],


.login input[type=password],


.login input[type=email], select {


    border: 1px solid #DCDEE0;


    vertical-align: middle;


    border-radius: 3px;


    height: 50px;


    padding: 0px 16px;


    font-size: 14px;


    color: #555555;


    outline:none;


    width:100%;


    box-sizing: border-box;


}


.login input[type=text]:focus,


.login input[type=file]:focus,


.login input[type=password]:focus,


.login input[type=email]:focus, select:focus {


    border: 1px solid #ff8500;


}


.login input[type=submit],


.login input[type=button]{


    display: inline-block;


    vertical-align: middle;


    padding: 12px 24px;


    margin: 0px;


    font-size: 18px;


    line-height: 24px;


    text-align: center;


    white-space: nowrap;


    vertical-align: middle;


    cursor: pointer;


    color: #ffffff;


    background-color: #ff8500;


    border-radius: 3px;


    border: none;


    -webkit-appearance: none;


    outline:none;


    width:100%;


}


.login hr {


    background: none;


}


.login hr.hr15 {


    height: 15px;


    border: none;


    margin: 0px;


    padding: 0px;


    width: 100%;


}


.login hr.hr20 {


    height: 20px;


    border: none;


    margin: 0px;


    padding: 0px;


    width: 100%;


}


.x-body{


    padding: 20px;


}

.mz_msg_list{ background: #f9f9f9;
    box-shadow: 5px 5px 10px rgba(0,0,0,.05);
    margin: 10px;
    padding: 20px;}

.mz_msg_tit{ color:#333;}
.mz_msg_nr{ color:#333;}

.ss_zs{    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 24px;
    line-height: 30px;
    display: block;
    width: 100px;
    height: 30px;
    margin: -15px 0 0 -50px;
    text-align: center;}



.x-nav{


    padding: 0 20px;


    position: relative;


    z-index: 99;


    border-bottom: 1px solid #e5e5e5;


    line-height: 39px;


    height: 39px;


    overflow: hidden;


}


xblock{


    display: block;


    margin-bottom: 10px;


    padding: 5px;


    line-height: 22px;


    /* border-left: 5px solid #ff8500; */


    border-radius: 0 2px 2px 0;


    background-color: #f2f2f2;


}


.x-right{


  float: right;


}


.x-so{


    /*text-align: center;*/


    /*background: #f2f2f2 url() 0 0 no-repeat;*/


    margin-bottom: 20px;


}


.x-so input.layui-input{


    width: 150px;


}


.x-so .layui-form-label{


    display: inline-block;


}


.x-so input.layui-input,.x-so input.layui-btn{


    display: inline-block;


}


.x-red{


    color: red;


}


.x-a{


    color: #1AA093;


}


.x-a:hover{


    color: #127F74;


}


.x-sort{


    height: 30px;


}


.x-show{


    cursor: pointer;


}


.layui-form-switch{


    margin-top: 0px;


}


.layui-input:focus, .layui-textarea:focus {


    border-color: #ff8500!important;


}





.page{


    margin-top: 20px;


    text-align: center;





}


.page a{


    display: inline-block;


    background: #fff url() 0 0 no-repeat;


    color: #888;


    padding: 10px;


    min-width: 15px;


    border: 1px solid #E2E2E2;





}


.page span{


    display: inline-block;


    padding: 10px;


    min-width: 15px;


    border: 1px solid #E2E2E2;


}


.page span.current{


    display: inline-block;


    background: #ff8500 url() 0 0 no-repeat;


    color: #fff;


    padding: 10px;


    min-width: 15px;


    border: 1px solid #ff8500;


}


.page .pagination li{


    display: inline-block;


    margin-right: 5px;


    text-align: center;


}


.page .pagination li.active span{


    background: #333 url() 0 0 no-repeat;


    color: #fff;


    border: 1px solid #333;





}





/*登录样式*/


/*头部*/

 



 


 
 


.left-nav ul li a{


    font-size: 16px;


    padding: 0 10px 0 20px;


    display: block;


    cursor: pointer;


}

 
 

.left-nav ul li a i{



    line-height: 0;
	
	padding:10px; background-size:100%; background-position:0 7px; margin-right:5px;
	
	background-repeat:no-repeat;


}

.left-nav #nav li a i.iconfont1{ background-image:url(../images/ico1.png); padding:20px; margin-right:10px;}

.left-nav #nav li a i.iconfont5{ background-image:url(../images/ico2.png); padding:20px; margin-right:10px;}

.left-nav #nav li a i.iconfont10{ background-image:url(../images/ico3.png); padding:20px; margin-right:10px;}

.left-nav #nav li a i.iconfont14{ background-image:url(../images/ico4.png); padding:20px; margin-right:10px;}

.left-nav #nav li a i.iconfont00{ background-image:url(../images/ico5.png); padding:20px; margin-right:10px;}

.left-nav #nav li a i.iconfont01{ background-image:url(../images/ico6.png); padding:20px; margin-right:10px;}

.left-nav #nav li a i.iconfont02{ background-image:url(../images/ico7.png); padding:20px; margin-right:10px;}



.logo img{ width:150px; padding:5px 0 0;}




.left-nav #nav li .nav_right{


    float: right;


    font-size: 16px;
	
	padding:10px;


}


 

.page-content{


    position: absolute;


    top: 46px;


    right: 0;


    bottom: 42px;


    left: 221px;


    overflow: hidden;


    z-index: 1;


}


 




.page-content .tab{


    height: 100%;


    width: 100%;


    background: #EFEEF0 url() 0 0 no-repeat;


    margin: 0px;


}


.page-content .layui-tab-title{


    /*padding-top: 5px;*/


    height: 35px;


    background: #EFEEF0 url() 0 0 no-repeat;


    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: 36px;


}


.page-content .layui-tab-title li .layui-tab-close{


    border-radius: 50%;


}


.page-content .layui-tab-title .layui-this{


    background: #fff url() 0 0 no-repeat;


}


.page-content .layui-tab-bar{


    height:34px;


    line-height: 35px;


}


.page-content .layui-tab-content{


    position: absolute;


    top: 20px;


    bottom: 0px;


    width: 100%;


    background: #fff url() 0 0 no-repeat;


    padding: 0px;


    overflow: hidden;


}


.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%;





}


.x-admin-carousel,.layui-carousel,.x-admin-carousel>[carousel-item]>* {


    background-color:#fff


}





.x-admin-backlog .x-admin-backlog-body {


    display:block;


    padding:40px 35px;


    background-color:#f8f8f8;


    color:#999;


    border-radius:2px;


    transition:all .3s;


    -webkit-transition:all .3s


}


.x-admin-backlog-body h3 {


    padding-bottom:10px;


    font-size:14px


}


.x-admin-backlog-body p cite {


    font-style:normal;


    font-size:30px;


    font-weight:300;


    color:#ff8500


}


.x-admin-backlog-body:hover {


    background-color:#CFCFCF;


    color:#888


}





.welcome-footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}


body .layui-layout-admin .footer-demo{height: auto; padding: 15px 0; line-height: 26px;}


.welcome-footer a{padding: 0 5px;}





table th, table td {


    word-break: break-all;


}





.footer{


    position: fixed;


    bottom: 0px;


    width: 100%;


    background-color: #222;


    border-top: 1px solid rgba(255, 255, 255, 0.2);


    line-height: 41px;


    color: #fff;


    /*padding-left: 10px;*/


}


.footer .copyright{

text-align:center;


}

#main {

  

}

#main iframe{

   

    height:100%;width:100%;overflow:visible;background:#fff;

}

 



@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{


        left: -221px;


    }


    .page-content{


        left: 0px;


    }


    .page-content .layui-tab-content .layui-tab-item{


        -webkit-overflow-scrolling: touch; 


        overflow-y: scroll; 


    }


    .x-so input.layui-input{


        width: 100%;


        margin: 10px;


    }


}