/*
 login
*/
.bodyBack{ background-color: #00a0d4;}
.mainCenter{ width: 1024px; margin: 0 auto;}
@media (min-width: 400px){
    .mainCenter{ width: 980px; margin: 0 auto;}
}
@media (min-width: 1150px){
    .mainCenter{ width: 980px; margin: 0 auto;}
}
@media (min-width: 1280px){
    .mainCenter{ width: 1000px; margin: 0 auto;}
}
@media (min-width: 1440px){
    .mainCenter{ width: 1100px; margin: 0 auto;}
}
@media (min-width: 1600px){
    .mainCenter{ width: 1185px; margin: 0 auto;}
}
@media (min-width: 1720px){
    .mainCenter{ width: 1200px; margin: 0 auto;}
}
@media (min-width: 1800px){
    .mainCenter{ width: 1205px; margin: 0 auto;}
}
@media (min-width: 1920px){
    .mainCenter{ width: 1245px; margin: 0 auto;}
}
.warning{ color: #ff5105}
/*
 bar
*/
.l-bar{ height:80px; padding-top: 5px;}
.l-logo{ font-size: 26px;line-height: 80px; color: #00a0d4}
.l-bar-font{ text-align: right; color: #00a0d4;}
.l-bar-font h5{line-height: 80px;  }
/*
 content
*/
.l-content{ margin-top:0.5%;}
.l-conBorder{ border: 8px solid #e8e8e8;}
.l-contables-left{ padding:20px 40px 20px 40px; background: url("../images/logo-back.png") no-repeat left top; background-size: 100% 100%;}
.l-contables-left h5{ color: white; padding: 5px;}
.l-contables-left ._font p{ line-height: 26px; color: white;}
.l-contables-left ._indent {  text-indent: 30px;}
.l-contables-right{ padding: 40px 40px;}
.l-option{ margin-top: 20px;}
.l-option label{ display: inline-block; vertical-align: middle; width: 60px; color: #666; font-weight: normal;}
.l-option1{ margin-top: 20px;}
.l-option1 label{ display: inline-block; vertical-align: middle; width: 100px; color: #666; font-weight: normal;}
.l-input{ background: white; border: 1px solid #b2e1f1; border-radius: 3px; padding: 10px 10px; width:75% !important;}
.l-btn{ background: #00a0d4; color: white;display: inline-block; border: 0; border-radius: 3px; padding: 8px 20px; cursor: pointer;}
.l-btn:hover{ background: #0092c2;}
.l-btn.gray{ background: #d9d9d9; color: #333;}
.l-btn.gray:hover{ background: #c2c2c2; color: #333;}
.l-btn.red{ background: #ff5105; color: #FFF;}
.l-btn.red:hover{ background: #ff5105; color: #FFF;}
.l-btn.square{ width: 100px; height: 100px; font-size: 18px;}

.l-tips-flow-option{ width: 25%; position: relative;}
.l-tips-flow-option ._number{ border: 2px solid #00a0d4; color: #00a0d4; width: 50px; height: 50px; line-height: 50px; font-size: 28px; display: inline-block; border-radius: 100px; text-align: center;}
.l-tips-flow-option ._arr{ position:absolute; z-index:1;left:0px;  top:0px;width: 0;  height: 0;  border-bottom: 70px solid #00a0d4;  border-left: 70px solid transparent;}
.l-tips-flow-option ._arr01{ position:absolute; z-index:2;left:1px;  top:0px;width: 0;  height: 0;  border-bottom: 70px solid #FFF;  border-left: 70px solid transparent;}
.l-tips-flow-option ._font{ position: absolute;z-index: 3; left:50px;  top:20px; padding-top: 10px;line-height: 24px;word-wrap:break-word; color: #00a0d4}

.l-tips{ margin-top:2%;}
.l-tips h5{ font-size: 18px;}
.l-tips .l-tips-flow{ margin-top:40px;}
.l-tips .l-tips-font{ margin-top:10px; line-height: 26px; color: #666;}
.l-tips .l-tips-font ._indent {  text-indent: 30px;}
.l-footer{ margin-top:8%;}
.l-footer p{ border-top:1px dashed #dadada; padding-top: 20px;}

.l-dialog{ position: fixed; z-index: 11; left: 0px; top: 0px; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.12); }
.l-dialog-insert{ width: 500px; margin: 0 auto; margin-top: 15%; background-color: white; min-height: 260px; border: 5px solid #ebebeb; padding: 20px;}
.l-dialog-insert h5{ font-size: 16px; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.l-dialog-insert .l-option{ margin-top: 13px;}