@charset "utf-8";
/* 网站元素 */
*{margin:0;padding:0;}
body{color: #353535;font-family:"Microsoft YaHei";font-size: 16px;background: #999;margin: 0 auto;}
a{color:#9E9E9E;text-decoration:none}
a:hover{color: #828282;}
ul li {list-style: none;}
ul{list-style: none;} 
li{list-style: none;} 
img {border: none;}
input{padding: 3px;margin: 0 5px;border: 1px solid #B7B7B7;font-family:"Microsoft YaHei";font-size:14px;}
input{font-family: "Microsoft YaHei",Arial;outline: 0;font-size: 16px;}
i.fa {padding: 4px;}
/* input */
input[type=text],input[type=password]{border: 1px solid #A6A6A6;border-radius: 0;width: 230px;background-color:#FFF;background-image:none;color:#555;font-size:13px;height:40px;line-height:1.42857;padding: 0 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type=text]:focus,input[type=password]:focus{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;outline:0;border:#35a5e5 1px solid;background-color:#FFF;box-shadow:0 0 4px rgba(81,203,238,1);-webkit-box-shadow:0 0 4px rgba(81,203,238,1);-moz-box-shadow:0 0 4px rgba(81,203,238,1)}
input[type=text].default,input[type=text].default:focus,input[type=password].default,input[type=password].default:focus{transition:all 0 ease-in-out;-webkit-transition:all 0 ease-in-out;-moz-transition:all 0 ease-in-out;outline:0;border:#000 1px solid;box-shadow:0 0 0;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0}
input[type=text].error,input[type=text].error:focus,input[type=password].error,input[type=password].error:focus{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;outline:0;border:#eb483c 1px solid;box-shadow:0 0 4px rgba(235,72,60,1);-webkit-box-shadow:0 0 4px rgba(235,72,60,1);-moz-box-shadow:0 0 4px rgba(255,235,60,1)}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;background-color:#FFF}
input[type=text].small,input[type=password].small{height:28px;padding:4px 8px;font-size:11px}
input[type=text].middle,input[type=password].middle{height:34px;padding:6px 12px}
input[type=text].big,input[type=password].big{height:35px;padding:4px 8px;font-size:16px}
.text-r{display: inline-block;width: 90px;text-align: right;}
.row{clear:both;padding: 0 10px;}
.list li {padding: 5px;}
.bnt-green{color: #FFFFFF;padding: 3px 20px;border:0;border-radius: 2px;background: #00C171;cursor: pointer;line-height: 1.7;}
.bnt-green:hover{color: #FFFFFF;background: #00861D;}
.bnt-blue{color: #000000;padding: 3px 20px;border:0;border-radius: 2px;background: #FFFFFF;cursor: pointer;line-height: 1.7;margin-left: 30px;}
.bnt-blue:hover{color: #FFFFFF;background: #00861D;}
.bg img{bottom: 0;left:0;position:fixed;z-index:-1;height: 100%;width: 100%;}
.login{background:rgba(255,255,255,.8);width:460px;height:300px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;border-radius:2px}
.text-a{text-align:center;display:block}
.loginlist{width: 653px;height: 450px;position: fixed;margin:auto;top: 0;left:0;right:0;bottom:0;overflow: hidden;}
.bgtitle{text-align:center;height: 60px;}
i.icon.th-large{font-size:14px}
.popup-close a:hover{color:#BB1E00}
.lobox{position:relative;margin:17px;}
/* 弹出窗口 */
.popup-bg{width:100%; height:100%; margin:0 auto;background:#000000; opacity:0.7; top:0; left:0;position:fixed;z-index:9990;}
.popup-box{width: 442px;height: 300px;z-index:9991;border-radius: 2px;position: relative;z-index:2;background: #fff;background: rgba(255, 255, 255, 0.62);}
.popup-title-bg{width:100%;position: relative;}
.popup-title{padding: 15px;color:#000000;font-size: 25px;font-weight: 800;text-align: center;padding-top: 20px;letter-spacing: 10px;}
.popup-close{right: -5px;top: -18px;padding:10px;position: absolute;}
.popup-close a{color: #EE602A;}
.popup-content{margin: 10px 0;padding:10px;color:#000000;overflow: auto;}

.logint{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;height:90px;width:520px;padding:30px;background-color:rgba(0,0,0,.41);border-radius:5px}
.title{margin-left:10px;margin-top:-2px;font-size:30px;font-weight:800;color:#fff;position:absolute;letter-spacing:4px}
.logind{margin-left:183px;margin-top:15px;font-size:20px;font-weight:400;color:#fff;position:absolute;letter-spacing:2px}
.logint img{width:80px}
.logind a{color:#FFF;padding:3px 10px;background:#1473B1;border-radius:2px;margin-top:10px}
.logind a:hover{color:#FFF;background:rgba(20,115,177,.61)}

.bgtitle1{display:none}
.bgtitle img{vertical-align: bottom;height: 70px;}
.xtgl{margin-left:10px;margin-top:-2px;font-size: 45px;font-weight:800;color: #FFF;letter-spacing: 2px;vertical-align:top;text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.65);}
.web_box{padding:20px;margin-top:25px}
.web_titile{text-align:center;font-size:18px}
.web_bnt{text-align:center;margin-top:5px;padding-top:17px}
.web_bnt a{font-size: 14px;color:#FFF;padding:3px 15px;background:rgba(20,115,177,.7);border-radius:2px;margin-top:10px;}
.web_bnt a:hover{background:rgba(1,71,117,.7)}
.login_box {margin-left: 94px;}

.popup-content{margin:0;padding:5px;}
.text-r{width: 120px;}
.lobox img{width: 222px;height: 150px;}
.lobox {margin: 12px;}
.list li {padding: 7px 0;}
.intro {
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 10px auto;
}
/*验证码样式*/
.code {
    background-image: url('../../Images/code_bg.jpg.png');
    font-family: Arial;
    font-style: italic;
    color: blue;
    font-size: 30px;
    border: 0;
    letter-spacing: 3px;
    font-weight: bolder;
    display: inline-block;
    cursor: pointer;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}
.code {
    display: inline !important;
}
@media only screen and (max-width: 450px) {
   
    .loginlist {
        width: 320px;
        height: 350px;
        position: fixed;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }
    .bgtitle {
        text-align: center;
        height: 25px;        
    }
    .bgtitle img {
        vertical-align: bottom;
        height: 35px;
    }
    .login_box {
        margin-left: 0px;        
    }
    .lobox {
        margin: 12px 12px 0 12px;
    }
    .xtgl {
        margin-left: 10px;
        margin-top: -2px;
        font-size: 22px;
        font-weight: 600;
        color: #FFF;
        letter-spacing: 2px;
        vertical-align: top;
        text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.65);
    }
    .popup-box {
        width: 300px;
        height: 80px;
        z-index: 9991;
        border-radius: 2px;
        position: relative;
        z-index: 2;
        background: #fff;
        background: rgba(255, 255, 255, 0.62);
    }
    .popup-title {
        padding: 20px 15px 27px 15px;
        color: #000000;
        font-size: 25px;
        font-weight: 800;
        text-align: center;        
        letter-spacing: 10px;
    }
    .popup-content {
       
        padding: 10px;
        color: #000000;
        overflow: auto;
        background: #fff;
        background: rgba(255, 255, 255, 0.62);
    }
    /* input */
    input[type=text], input[type=password] {
        border: 1px solid #A6A6A6;
        border-radius: 0;
        width: 160px;
        background-color: #FFF;
        background-image: none;
        color: #555;
        font-size: 13px;
        height: 30px;
        line-height: 1.42857;
        padding: 0 12px;
        transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
        vertical-align: middle;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    input[type=text]:focus, input[type=password]:focus {
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        outline: 0;
        border: #35a5e5 1px solid;
        background-color: #FFF;
        box-shadow: 0 0 4px rgba(81,203,238,1);
        -webkit-box-shadow: 0 0 4px rgba(81,203,238,1);
        -moz-box-shadow: 0 0 4px rgba(81,203,238,1)
    }

    input[type=text].default, input[type=text].default:focus, input[type=password].default, input[type=password].default:focus {
        transition: all 0 ease-in-out;
        -webkit-transition: all 0 ease-in-out;
        -moz-transition: all 0 ease-in-out;
        outline: 0;
        border: #000 1px solid;
        box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0
    }

    input[type=text].error, input[type=text].error:focus, input[type=password].error, input[type=password].error:focus {
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        outline: 0;
        border: #eb483c 1px solid;
        box-shadow: 0 0 4px rgba(235,72,60,1);
        -webkit-box-shadow: 0 0 4px rgba(235,72,60,1);
        -moz-box-shadow: 0 0 4px rgba(255,235,60,1)
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
        background-color: #FFF
    }

    input[type=text].small, input[type=password].small {
        height: 28px;
        padding: 4px 8px;
        font-size: 11px
    }

    input[type=text].middle, input[type=password].middle {
        height: 34px;
        padding: 6px 12px
    }

    input[type=text].big, input[type=password].big {
        height: 35px;
        padding: 4px 8px;
        font-size: 16px
    }

    .text-r {
        display: inline-block;
        width: 80px;
        text-align: right;
    }
    /*验证码样式*/
    .code {
        background-image: url('../../Images/code_bg.jpg.png');
        font-family: Arial;
        font-style: italic;
        color: blue;
        font-size: 20px;
        border: 0;
        letter-spacing: 3px;
        font-weight: bolder;
        display: inline-block;
        cursor: pointer;
        width: 100px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
    }
}