*{margin:0px;padding:0px;list-style: none;text-decoration: none;}
body{
	/*height: 100%;*/
    /*height:768px;*/
    position: absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: url(../images/zhihuibg.jpg) 0px 0px no-repeat;
    background-size: cover;
	
}
.box{
	/*overflow: hidden;*/
}
/*logo样式*/


/*.logo{*/
    /*width: 68px;*/
    /*height: 59px;*/
    /*background:url(../images/juhui02.png) 0px 0px no-repeat;*/
    /*background-size: 100% 100%;*/
/*}*/

.pageName{
    font-size: 50px;
    color: #fff;
    line-height: 60px;
    margin: 0;
    font-weight: 400;
    position: absolute;
    top: -20px;
}
.shipLogo{
    margin-bottom: 30px;
    margin-top: 22px;
    padding-left: 0;
}
/*login*/
.login{
	/*overflow: hidden;*/
    margin-top: 35px;
}
.msg{
    width: 30px;
    height: 35px;
    background: url(../images/../images/workicon.png)  -160px -155px no-repeat;
    position: relative;
    float: right;
    margin-right: 27px;
}
.errors{
    color: red;

}
.msgNumber{
	width: 16px;
	height: 16px;
	background-color:#f00;
	color:#fff;
	border-radius:50%;
	position: absolute;
	top: 0px;
    left: 18px;
	font-size: 12px;
    text-align: center;
}
.user{
    cursor: pointer;
    width: 30px;
    height: 35px;
    background: url(../images/workicon.png) -201px -155px no-repeat;;
    float: right;
}
/*退出按钮*/
.logout{
    width: 80px;
    height: 35px;
    /*background: url(../images/login_out.png) no-repeat;;*/
    float: right;
}
.header{
	margin-top: 20px;
}
/*left*/
.left a{
	display: block;
}
.blocks{
    /*overflow: hidden;*/
    display: inline-block;
    width: 100%;
}
.mineMsg{
    /*width: 159px;*/
	height: 124px;
	background:#1175ce;
}
.mineMsg-con{
	width: 52px;
    height: 60px;
    background: url(../images/workicon.png) -252px -145px no-repeat;
    margin: 20px auto 7px;
    position: relative;
}
.mineMsg p,.mineTask p{
	color:#fff;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
.mineMsg,.mineTask,.systemInfo{
	margin-bottom: 5px;
}
.msgNumber2{
    width: 20px;
    height: 20px;
    background-color: #f6cb31;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: 55px;
    font-size: 12px;
    text-align: center;
}
.mineTask{
	height: 124px;
	background:#278bc0;
}
.mineTask-con{
	width: 52px;
    height: 60px;
    background: url(../images/workicon.png) -267px -80px no-repeat;
    margin:  20px auto 7px;
    position: relative;
}
.systemInfo{
	width: 100%;
	height:252px;
	color: #000;
    font-size: 12px;
    padding: 12px;
    font-weight: bold;
    background: #fff;
    /*letter-spacing: 2px;*/
    background-size:100% 100%;
}
.ring{
    width:22px;
    height:22px;
    display: inline-block;
    background: url(../images/workicon.png) -562px -29px no-repeat;
}
.systemInfo p{
	margin:5px 15px;
}
.systemInfo p:nth-child(2){
    margin-top: 30px;
}
.systemInfo p:last-child{
	text-align: right;
}
/*right*/
.rightCon1,.rightCon2,.rightCon3,.rightCon4{
	margin-bottom: 15px;
	overflow: hidden;
}
/*上下行距*/
.linegap{
    margin: 0px 10px 5px 10px;
    /*overflow: hidden;*/
    width: 100%;
}
/*每块间距*/
.blockgap{
    padding: 0px 5px 0px 0px;
}
.block1 p,.block2 p,.block3 p,.block4 p,.block5 p,.block6 p{
	color:#fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

/*.block1,.block2,.block4,.block5,.block3,.block6{*/
    /*border:1px solid transparent;*/
/*}*/

/*.block1:hover{*/
    /*border:1px solid #fff;*/
    /*opacity: 0.8;*/
/*}*/
/*.block2:hover{*/
    /*border:1px solid #fff;*/
    /*opacity: 0.8;*/
/*}*/
/*.block4:hover{*/
    /*border:1px solid #fff;*/
    /*opacity: 0.8;*/
/*}*/
/*.block5:hover{*/
    /*border:1px solid #fff;*/
    /*opacity: 0.8;*/
/*}*/
/*.block3:hover{*/
    /*border:1px solid #fff;*/
    /*opacity: 0.8;*/
/*}*/
/*.block6:hover{*/
    /*border:1px solid #fff;*/
    /*opacity: 0.8;*/
/*}*/

.divB{
    width:100%;
    height:100%;
    border:1px solid transparent;
}

.divB:hover{
    border:1px solid #fff;
}


.block1,.block2,.block4,.block5,.block3,.block6{
    height: 150px;
     /*overflow: hidden;*/
}
.block1{
    /*background: #f1c62c;*/
}

.block2{
    background: #2d9ad3;
}

.block3{
	background: #2182d7;
}

.block4{
    background: #3ab6d5;
}

.block5{
    background: #67c23b;
}

.block6{
    background: #51a6d5;
}
/*颜色1*/
.colorB1{
    background: #8ed265 ;;
}
/*颜色2*/
.colorB2{
    background: #fec901 ;;
}
.colorB3{
    background: #f21D77 ;;
}
/*颜色4*/
.colorB4{
    background: #8ed265 ;;
}
.bigData,.teamWork,.uniUser,.testManage,.shipManage,.oilengineManage,
.lawLibrary,.filesManage,.shiptestManage,.domesticShipTestManage,
.inlandShipTestManage,.shipProductsManage,.shipPaperCheck,.shipProductCheck,
.shipBuildCompanyService,.cj_icon,.jg_icon,.surveyorOnlineTest,.shipeQuipment,.smartShip{
    width: 52px;
    height: 60px;
    margin: 33px auto 7px;
}
.bigData{
    background: url(../images/workicon.png) -12px -13px no-repeat;
}
.teamWork{
    background: url(../images/workicon.png) -330px -80px no-repeat;
}
.uniUser{
    background: url(../images/workicon.png) -313px -145px no-repeat
}
.testManage{
    background: url(../images/workicon.png) -80px -12px no-repeat;
}
.shipManage{
    background:url(../images/workicon.png) -394px -80px no-repeat;
}
.oilengineManage{
    background: url(../images/workicon.png) -147px -12px no-repeat;
}
.lawLibrary{
    background: url(../images/workicon.png) -138px -81px  no-repeat;
}
.filesManage{
    background: url(../images/workicon.png) -459px -77px no-repeat;
}
.shiptestManage{
    background: url(../images/workicon.png) -216px -13px no-repeat;
}
.domesticShipTestManage{
    background:  url(../images/workicon.png) -216px -13px no-repeat;
}
.inlandShipTestManage{
    background:url(../images/workicon.png) -216px -13px no-repeat;
}
.shipProductsManage{
    background: url(../images/workicon.png) -492px -11px no-repeat;
}
.shipPaperCheck{
    background:url(../images/workicon.png) -11px -150px no-repeat;
}
.shipProductCheck{
    background: url(../images/workicon.png) -75px -81px no-repeat;
}
.shipBuildCompanyService{
    background:url(../images/workicon.png) -11px -81px no-repeat;
}
.surveyorOnlineTest{
    background: url(../images/workicon.png) -283px -11px no-repeat;
}
.shipeQuipment{
    background: url(../images/workicon.png) -525px -77px no-repeat;
}
.smartShip{
    background: url(../images/workicon.png) -351px -11px no-repeat;
}
.jg_icon{
    background: url(../images/workicon.png) -438px -145px no-repeat
}
.cj_icon{
    background: url(../images/workicon.png) -377px -145px no-repeat;
}

/*footer*/
.footer{
    /*float: left;*/
    margin-top: 100px;
    width: 100%;
    text-align: center;
    color: #adb4ee;
    font-size: 12px;
    font-weight: bold;
}
/*清除margin-right*/
.delete{
	margin-right: 0px;
}
/*无功能时不展现*/
.mask{
	display: none;
}
/*媒体查询*/

/*@media (min-width: 992px){
    .container{
        width: 1030px;
    }
}*/
/*@media (min-width: 1200px){*/
	/*.container{*/
		/*width: 1290px;*/
	/*}*/
/*}*/

a:focus, a:hover{
	text-decoration: none;
}

/*样式2*/

@media (min-width: 768px){
    .col-sm-3 {
        width: 19.5%;
        padding: 0px;
    }
    .col-sm-4{
        width: 32%;

    }
    .col-sm-5 {
        width: 48.5%;

    }
}
.box1,.box2,.box3,.box4,.box5,.box6{
     float: left;
}
.box1{
    width: 50%;
}
.box2{
    width: 30%;
}
.box3{
    width: 30%;
}

.box4{
    width: 69%;
}
.box5{
    width: 39%;
    margin-right: 5px;
}
.box6{
    width: 19%;
    margin-right: 5px;
}

/*========================20170913  智慧船检登陆页面    by meng==============*/
#loginPage{
    width: 100%;
    /*height: 768px;*/
    background: url(../images/login.jpg) 0px 0px no-repeat;
    background-size:cover;
    overflow: hidden;
}
/*========header=========*/
.head{
    margin:25px 0px 0px 165px;
}
.shipIcon,.headName{
    display: inline-block;
}
.shipIcon{
 /*   width: 70px;
    height: 60px;
    background: url(../images/loginicon.png) 0px -28px no-repeat;
    margin-right: 30px;*/
    width: 68px;
    height: 59px;
    background: url(../images/juhui02.png) 0px 0px no-repeat;
    background-size: 100% 100%;
}
.headName{
    width: 160px;
    height: 45px;
    background: url(../images/loginicon.png) -73px 0px no-repeat;
}
/*=======loginpart===========*/
.loginPart{
    width: 450px;
    height: 390px;
    /*background: url(../images/bg2.png) 0px 0px no-repeat;*/
    margin:10% auto;
    background-color: #fff;
    border-radius: 5px;
}
.loginPart h3{
    font-size: 20px;
    margin: 0px 0px 15px 0px;
}
.inputLogin{
    width: 100%;
    background:#fff;
    border-radius: 5px;
}
.inputLogin li{
    width:90%;
    line-height: 55px;
    border-bottom:1px solid #d7d7d7;
    margin: 0px auto;
}
.inputLogin li input{
    border:0;
    width: 85%;
    padding-left: 10px;
}
.loginuser,.loginpwd,.validate{
    width: 18px;
    height: 20px;
    display: inline-block;
    margin-bottom: -5px;
}
.loginuser{
    background: url(../images/loginicon.png) -3px -4px no-repeat;
}
.loginpwd{
    background: url(../images/loginicon.png) -26px -3px no-repeat;
}
.validate{
    background: url(../images/loginicon.png) -47px -4px no-repeat;
}

.loginChoice{
    width: 95%;
    margin: 0px auto;
}
.loginChoice,.loginChoice input ,.loginChoice a,.loginChoice span{
    color: #000;
    font-size: 12px;
    vertical-align: middle;
    margin: 10px auto;
}
.forgetNew{
    width: 78%;
    display: inline-block;
    text-align: right;
}
.loginbtn input{
    border: 0;
    background: #2861BA;
    color: #fff;
    width: 95%;
    line-height: 54px;
    font-size: 18px;
    margin: 0px 8px;
    border-radius: 5px;
}
.inputLogin li input:focus,.inputLogin li input:active:focus,.inputLogin li input.active:focus,.inputLogin li input.focus,.inputLogin li input:active.focus,.inputLogin li input.active.focus {
    outline: none;border-color: transparent;}

/*下拉框*/
.selectBox{
    position: absolute;
    top: 33px;
    padding: 5px;
    width: 100px;
    border: 1px solid #1676a9;
    background: #fff;
    text-align: left;
    color: #777;
    z-index: 200;
    font-weight: normal;
    line-height: 30px;
    font-family: 'microsoft yahei';
    border-radius: 5px;
}

.selectBox li:hover{
    background: #ddd;
    color: #000;
    cursor: pointer;
}
/*方块颜色*/
.nomalStyle{
    background-color: #98C4E5;
}
/*登录页样式重写*/
.loginTitle{
    color:#000;
    font-weight: lighter;
}
#phoneCode{
    margin-left:5px;
}
.layui-tab-item .inputLogin li{
    width:100%;
}
.layui-tab-item .inputLogin li input{
    width:68%;
    font-size: 14px;
    padding:5px;
}
.layui-tab-item a:focus{
    color:#fff;
}

.layui-tab-item .inputLogin .verifyCode input{
    margin-left:18px;
    width:50%;
}
#imgVerifyCode{
    cursor: pointer;
}

@media (min-width: 1024px){
    .iconTitle{
        position: absolute;
        top:40px;
    }
}


@media (min-width: 1280px){
    .iconTitle{
        position: absolute;
        top:60px;
    }
}

@media (min-width: 1366px) {

    .iconTitle{
        position: absolute;
        top:70px;
    }
}



    .loginPart .layui-tab-title{
    text-align: center;
    border:none;
    font-size: 1px;
}
.loginPart .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom:none;
}
.loginPart .loginSubmit{
    cursor: pointer;
}
/*验证码*/
.active{
    cursor: not-allowed;
    border:none;
    background: #ddd;
    color:#000;
}
.muser{
    position: absolute;
    top: -50px;
    left: 19px;
    width: 100px;
    height: 50px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    overflow-y: auto;
}
.muser li{
    cursor: pointer;
    width:100%;
}
.muser li:hover{
    background-color:#ddd;
}
.hide{
    display: none;
}