*,body,h1,h2,h3,h4,h5,h6 {font-family:"微软雅黑","宋体", Verdana, Arial, Helvetica, sans-serif; }
body{font-family:"微软雅黑","宋体", Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; background:none;}
a,a:hover{text-decoration: none;}
dl,dt,dd,ul,ol,li{margin:0px; padding:0px;}
ol,ul,li { list-style:none; }

/* @font-face{
    font-family:'FontAwesome'; 
    src:url(assets/font/fontawesome-webfont.eot);
    src:url(assets/font/fontawesome-webfont.eot) format('embedded-opentype'),
        url(assets/font/fontawesome-webfont.woff) format('woff'),
        url(assets/font/fontawesome-webfont.ttf) format('truetype'),
        url(assets/font/fontawesome-webfont.svg) format('svg');
    font-weight:normal;
    font-style:normal;
} */
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;*margin-right:.3em;}
.icon-spinner:before{content:"\f110";}
.icon-spin{
    display:inline-block;
    -moz-animation:spin 2s infinite linear;
    -o-animation:spin 2s infinite linear;
    -webkit-animation:spin 2s infinite linear;
    animation:spin 2s infinite linear;
}
@-moz-keyframes spin{
    0%{-moz-transform:rotate(0deg);} 
    100%{-moz-transform:rotate(359deg);}
}
@-webkit-keyframes spin{
    0%{-webkit-transform:rotate(0deg);} 
    100%{-webkit-transform:rotate(359deg);}
}
@-o-keyframes spin{
    0%{-o-transform:rotate(0deg);} 
    100%{-o-transform:rotate(359deg);}
}
@-ms-keyframes spin{
    0%{-ms-transform:rotate(0deg);} 
    100%{-ms-transform:rotate(359deg);}
}
@keyframes spin{
    0%{transform:rotate(0deg);} 
    100%{transform:rotate(359deg);}
}

.login-box{ width:100%; height:100%; background:#fff; overflow-x:hidden; overflow-y:auto;}
.logo{ width:75%; height:80px; margin:0 auto; padding:16px 0; position:relative; z-index:1;}

/*.logo img{ float:left;}*/
.logo span{ width:auto; height:74px; display:block; font-size:36px; /*float:left;*/ margin-left:20px; line-height:74px; color:#11a8ab;}

.loginbail{ width:100%; /*height:650px;*/ height:70%; background:url(/static/image/banner1.jpg) no-repeat center top;background-size: 100% 100%;}
/* .login{ width:100%; height:650px; height:100%;} */
.login-img{ width:1920px; /*height:650px;*/ height:100%; position:absolute; top:0; left:50%; margin:0 0 0 -960px;}
.login{ width:75%; /*height:650px;*/ height:auto; margin:0 auto; position:relative; line-height:100%; text-align:right; padding: 7% 0;}
.dailist-pormen{ width:400px; /*height:650px;*/ height:auto; display:inline-block;}
.dailist-pormen h3{ color:#fff; position:relative; z-index:1; margin:8% auto 3%; height:30px; width:100%; text-align:center; font-size:30px; line-height:52px; font-weight:normal; letter-spacing:3px; text-shadow:#000 0 2px 3px;}

.login-list{ width:100%; height:auto; /*padding-top:50px;*/ padding:8% 0; background:#11a8ab; position:relative; box-shadow:#9f9f9f 0 2px 6px;}
.login-list h2{ width:100%; height:45px; font-size:24px; color:#fff; line-height:45px; text-align:center; font-weight:normal; margin:0 auto 20px;}
.login-list h4{ width:100%; height:30px; margin:0 0 20px 0; font-size:18px; color:#fff; line-height:30px; text-align:center; font-weight:normal;}
.login-list span{ width:100%; height:28px; /*margin:26px 0;*/ padding:3% 0; display:block; text-align:center; font-size:12px; color:#fff; line-height:28px;}
.login-list ul{ width:320px; height:auto; /*overflow:hidden;*/ margin:0 auto; position: relative;}
.login-list ul li{ width:320px; height:41px; text-align:left; margin-bottom:35px;}
.login-list .loginpa{ width:320px; height:40px; background: #fff; /*border-bottom:#ddd solid 1px;*/ position:relative; float:left;}
.loginpa input{ width:275px; height:40px; border:none; color:#444; float:left; padding:0 0 0 5px;}
.loginpa input.text-left{ float:none; color:#444;}
.iconlog { width:40px; height:40px; float:left; background:url(/static/image/tub.png) no-repeat; background-size: 360% 360%;}
.loginpa .zhangh{ background-position: 8px 8px;}
.loginpa .mima{ background-position: 8px -28px;}
.loginpa .yanzm{ background-position: 8px -63px;}
.login-list .active .loginpa{ border-color:#11a8ab;}

.yanzmail input{ width:275px;}
.yanzmail img{ float:left; position:absolute; right:0; bottom:-1px; height:50px;}
.yanzmail .yanz{ width:120px; height:40px; display:block; position:absolute; right:0; bottom:-1px; background:#abbac3; text-align:center; line-height:40px; color:#fff; font-size:14px;}
.mor{ background-position: 10px -180px; background-size: 650% 650%;}
.true{ background-position: 10px -221px; background-size: 650% 650%;}
.false{ background-position: -29px -180px; background-size: 650% 650%;}
div.red.text-left.db{ width: auto; height: 24px; display:inherit; line-height: 24px; padding: 0 5px 0 40px; color: #11a8ab!important; clear: both; font-size:12px; background: url(/static/image/tis2.png) no-repeat 12px center #fff;}
.red{ color:#f00;}
.submit{ width:320px; height:47px; display:block; margin:0 auto; background:#fff; text-align:center; line-height:47px;border: none; color:#11a8ab; cursor:pointer; font-size:16px; font-weight:bold;}

/*记住密码*/
.xgpass{ width: 320px; height: 30px; margin: 40px auto 0;}
.passleft{ float: left; width:auto; height: 30px;}
.passleft label{ width:auto; height:30px; line-height:30px;}
.passleft label input{ float:left; margin:0; padding:0; width:15px; height:15px; background:#fff; border:#d5d5d5 solid 1px; color:#11a8ab;/*appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;*/ background:#fff; display:block; margin:7px 5px 0 0;}
/* .passleft label input:focus{} */
.passleft label span{ width:auto; display:block; float:left; padding:0;}

.passright{ float: right;}
.passright a{ font-size: 14px; color: #fff; line-height: 30px;}

.eye{ width: 40px; height: 40px; position: absolute;  top: 0; right: 0;}
.eye a{ width: 40px; height: 40px; display:block; line-height: 40px; text-align: center; }
.eye img{ width: 22px; height: 18px; vertical-align: middle;}


/*高度小于900px时*/
@media screen and (max-height:900px){
	.loginbail{height:66%;}
    .login{ padding: 5% 0;}
}
/*高度小于800px时*/
@media screen and (max-height:800px){
    .login{ padding: 2% 0;}
}
/*高度小于770px时*/
@media screen and (max-height:770px){
    .loginbail{height:64%;}
    .login{ padding: 2% 0;}
}
/*高度小于730px时*/
@media screen and (max-height:730px){
    .loginbail{height:62%;}
    .login{ padding:1% 0;}
}
/*高度小于700px时*/
@media screen and (max-height:700px){
    .loginbail{height:60%;}
    .login-list{padding: 4% 0;}
}
/*高度小于670px时*/
@media screen and (max-height:670px){
    .loginbail{height:56%;}
    .login-list{padding: 4% 0;}
    .login-list h2{margin: 0 auto 10px;}
    .login-list ul li{margin-bottom: 20px;}
    .xgpass{margin: 0 auto;}
}
/*高度小于600px时*/
@media screen and (max-height:600px){
    .login-list{padding: 2% 0;}
    .login-list ul li{margin-bottom: 10px;}
}

.tab-list .table{ border:#ddd solid 1px; border-left:none; border-top:none; border-collapse: collapse;}
.tab-list .table th{ height:40px; border:#ddd solid 1px; border-bottom:none; border-right:none; text-align:center; background:#e9f4ff;}
.tab-list .table td{ height:36px; border:#ddd solid 1px; border-bottom:none; border-right:none; text-align:center;}
.tab-list .table td a{ color:#3c89d1;}
.tab-list .table .imglist{ height:36px; line-height:36px; text-align:center;}
.tab-list .table .imglist img{ display:inline-block; vertical-align:middle;}
.tab-list .table .imglist span{ margin-left:5px;}
.ui-dialog-header{ background:#f5f5f5!important;border-radius: 5px;}
.ui-dialog-title{ border-radius:5px;}
.dn{ display:none;}

/*忘记密码*/
.ui-dialog{ border-radius: 0;}
.w500{ width: 500px;}
.findpassword{ height: 100%; padding: 0 20px 50px 0; background: #fff; box-shadow: none;}
.findpassword h4{ padding-top:20px; }
.findpassword h4 a{ font-size: 16px; color: #fff; float: right; margin-right: 40px;}
.findpassword ul{ width: 100%;}
.findpassword ul li{ width: 100%; margin-bottom: 30px; padding-right: 20px;}
.findpassword .loginpa{ width: 100%;}
.findpassword .loginpa .fipasstit{ width: 80px; float: left; height: 42px; line-height: 42px; padding-left: 20px;}
.findpassword .loginpa input{ width: 260px; height: 40px; padding-left: 8px; border: #ddd solid 1px; float: left;}
.findpassword .loginpa .plbuttond{ width: 100px; height: 42px; padding: 0; position: absolute; top: 0; right:20px; background: #0ba5a9; color: #fff;}
.findpassword .submit{ width: 270px; margin-left: 100px; background: #0ba5a9; color: #fff;}
.findpassword input.plbuttond[disabled=true]{ background: #b3b3b3;}
.findpassword .eye{ right: 20px;}
.findpassword span{width: 270px;height: 28px;padding: 0 0 0 100px;display: block;text-align: center;font-size: 12px;line-height: 28px; color: #999; margin: 0; text-align: left;}
/* .findpassword div.red.text-left.db{ margin-left: 10px; height: 42px; line-height: 42px; background: url(../../assets/images/tis1.png) no-repeat 5px center; color: #f00 !important; float: left; clear: none;} */
.findpassword div.red.text-left.db{ width: 238px; margin-left: 100px; padding: 0 5px 0 25px; border: #11a8ab solid 1px; color: #11a8ab !important; background: url(/static/image/tis2.png) no-repeat 5px center;}



/*手机app下载样式*/
.foot{ width:75%; height:100px; margin:0 auto 40px; position:relative;}
.foot span{ width:100%; height:36px; display:block; line-height:36px; margin-top:10px; font-size:16px; color:#757575;}
.foot span.margin0{ margin:0;}
.foot span a{ width:auto; height:36px; display:inline-block; line-height:36px; font-size:16px; color:#11a8ab;}
.foot .minde{ border-bottom:#ddd dashed 1px;}

.appil{ width:80px; height:84px; position:fixed; right:10px; bottom:50px; border:#e1e1e1 solid 1px;}
.appil a{ width:60px; height:60px; display:inline-block; line-height:28px; font-size:14px; text-align:center; padding:12px 10px; background:#f1f1f1; color:#3c89d1;}
.appil a:hover{ color:#d71c27; background:#fff;}

.applist{ width:240px; height:auto; overflow:hidden; position:absolute; top:10px; right:0; background:#fff; padding:0 0 0 20px;}
.applist li{ width:120px; height:auto; float:left; text-align:center;}
.appimg{ width:100%; height:auto; text-align:center;}
/* .appimg img{} */
.applist span{ margin:0; height:20px; line-height:20px; font-size:12px;}

/*下载App*/
.loupimg{ text-align:center;}
.loupimg a{ width:100%; height:30px; display:block; text-align:center; line-height:30px; font-size:14px; color:#11a8ab;}