/*reset css*/
body {font-size:12px;margin:0;padding:0;font-family:Arial,"微软雅黑";background:#fff;height:100vh;min-width:1200px}
/* body,html{min-height:98%;} */
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
select,input{vertical-align:middle;}
.clear { display:block !important; clear:both !important; float:none !important; margin:0 !important; padding:0 !important; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; height:0; }
.spacer{clear:both; font-size:0; height:0; line-height:0;}
a{color:#3c3c3c;text-decoration:none}
a:hover{color:#5d90c2; cursor:pointer;}
img,input,label{vertical-align:middle;}/*垂直居中*/
ul{list-style: none;padding: 0;margin: 0;}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.flex-2{-webkit-box-flex:2;-ms-flex:2;flex:2;}
.flex-3{-webkit-box-flex:3;-ms-flex:3;flex:3;}
.flex-4{-webkit-box-flex:4;-ms-flex:4;flex:4;}
.flex-5{-webkit-box-flex:5;-ms-flex:5;flex:5;}
.flex-6{-webkit-box-flex:6;-ms-flex:6;flex:6;}
.flex-around{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
.flex-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.item-center{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.item-apeak{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.float-l{float:left;}
.float-r{float:right;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.clearfix:after,.clearfix:before{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1;}
.ellipsis{white-space:nowrap;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}
/*三角*/
.triangleBorder{display:block;width:0;height:0;border-width:0 6px 22px; border-style:solid; border-color:transparent transparent #dbdbdb;position:absolute;top:36px;left:26px;transform: rotate(-90deg);}
.triangleBorder>span{display:block;width:0;height:0;border-width:0 10px 23px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-1px;left:-8px;}

/*checkbox 样式重写*/
input,textarea{caret-color:#999}
input[type="checkbox"]{-webkit-appearance: none;vertical-align:middle;margin-top:0;background:#fff;border:#dbdbdb solid 1px;outline:none;border-radius:2px;height:16px;width:16px;box-sizing:border-box;overflow:hidden;cursor: pointer}
input[type="checkbox"]:focus{outline:none;}
input[type="checkbox"]:checked{background: #5E8CF0;border-color: #5E8CF0;box-sizing:border-box;border-radius:2px;height:16px;width:16px;}
input[type=checkbox]:checked::after{content:'';background:url(../../../images/login/dls/sphb/pane_active.png) center no-repeat;display:inline-block;height:16px;width:16px;box-sizing:border-box;position:relative;top:-1px;left:-1px;color:#fff;font-size:12px;}

.contentBox{background:url(../../../images/login/dls/sphb/bg.jpg) center no-repeat; background-size:100% 100%;height:100%}
.contentBox .leftPart{margin-right: 10%;color:#fff}
.contentBox .leftPart h2{font-size: 32px;}
.contentBox .leftPart p{ margin-top: 20px;}
.contentBox .rightPart{width:430px;position:relative; /*-moz-box-shadow:0px 5px 5px -2px #354D66 inset;-webkit-box-shadow:0px 10px 5px -2px #354D66 inset;box-shadow:0px 5px 5px -2px #354D66 inset;*/}
.contentBox .rightPart form{width:80%;background: #fff;padding-bottom:20px;border-radius: 4px;}
.contentBox .rightPart form h3{line-height: 36px;}
.contentBox .rightPart form .input{width: 280px;border: transparent;margin-left:10px;height:36px;outline: none}
.contentBox .rightPart form .inputBox{border:1px solid #dbdbdb;margin-top:25px;border-radius: 4px;}
.contentBox .rightPart form .user{display:inline-block;margin-left:10px;width:16px;height:16px;vertical-align:middle;background:url(../../../images/login/dls/sphb/user.png) center center no-repeat;}
.contentBox .rightPart form .password{display:inline-block;margin-left:10px;width:16px;height:16px;vertical-align:middle;background:url(../../../images/login/dls/sphb/password.png) center center no-repeat;}
.contentBox .rightPart form>div>div{line-height: 36px;margin-top: 10px;}
.contentBox .rightPart form a{color:#598ED2}
.contentBox .rightPart form .btn{width: 320px;background: #5490CE;color:#fff;text-align: center;border-radius: 4px;font-size: 16px;cursor: pointer;margin-top:30px}