/*通用*/
html {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font: 14px "microsoft yahei", Arial, Helvetica, sans-serif;
    /*background: url(../images/login/body-bg.png) no-repeat left;*/
    background-position: left 20% bottom 40%;
    background-size: 500px 500px;
    color: #666;
    min-height: 600px;
    height: 100%;
    overflow: hidden;
    /*background-color: rgb(235, 240, 246);*/
}
/*
.login_bg_L {
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    background: url(../images/login/shape1.png) no-repeat left;
    background-position: left center;
    background-size: 400px auto;
}
.login_bg_R {
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    background: url(../images/login/shape11.png) no-repeat right;
    background-position: right center;
    background-size: 400px auto;
}*/

    ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {
    margin: 0px;
    padding: 0px;
    border: none;
    list-style: none;
}

a {
    text-decoration: none;
    text-shadow: none;
    font-weight: normal;
}

ul {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #565656;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #fa6948;
        text-decoration: underline;
    }

img {
    border: none;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.fxt-main-title {
    width: 100%;
    font-size: 28px;
    font-weight: 700;
    color: rgb(52, 52, 52);
    margin-bottom: 20px;
}
.reg_tit3 {
    color: #999;
    font-size: 13px;
    font-weight:400;
}

#info {
    color: #fff;
    padding: 2px 10px;
    background-color: #f8a40b;
    border-radius: 10px;
    margin-right: 5px;
}

.msg_box {
    background-color: rgba(255, 255, 0, 0.9);
    border-radius: 5px;
    padding: 0px 10px;
    line-height: 24px;
    margin-top: 8px;
}

.Login_heand {
    padding-top: 70px;
}

#btn_in {
    height: 48px !important;
    line-height: 48px !important;
    border-radius: 10px;
    font-size: 18px;
    width: 340px;
    background-color: royalblue;
}

a.Login_down {
    font-size: 12px;
    color: #FFF;
    padding-top: 28px;
}

.Login_k {
    position: fixed;
    width: 960px;
    height: 430px;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    margin-left: -480px;
    /*padding: 50px 40px 40px 50px;*/
    border-radius: 5px;
    border: 1px solid rgb(235, 235, 235);
    overflow: hidden;
    background-image: url(../images/login/bg1.jpg);
    background-size: 560px 430px;
    background-position: left center;
    box-shadow: rgba(0, 0, 0, 0.75) 2px 4px 15px;
}

.Login_T {
    color: #FFF;
    position: relative;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    text-shadow: #555 2px 0 2px;
    letter-spacing: 2px;
}

.Login_R {
    height: 430px;
    width: 360px;
    padding: 30px 40px;
    background-color: #fff;
    float: right;
}

.Login_L {
    width: 400px;
    display: inline-block;
    height: 280px;
}

.Login_dl {
    display: inline-block;
    height: 280px;
}

.Login_row {
    margin: 20px 0;
    position: relative;
    padding-left: 40px;
    height: 50px;
    width: 300px;
    border: 1px solid rgb(235, 240, 246);
    background-color: rgb(235, 240, 246);
    border-radius: 10px;
    overflow: hidden;
}

    .Login_row input {
        width: 300px;
        height: 48px;
        line-height: 38px;
        font-size: 16px;
        outline: none;
        color: rgb(17, 17, 17);
        background-color: rgb(235, 240, 246);
        /*background-color: rgb(235, 240, 246);
        min-height: 60px;
        box-shadow: none;
        color: rgb(17, 17, 17);
        border-radius: 10px;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(235, 240, 246);
        border-image: initial;
        padding: 10px 20px;*/
    }

.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    background-size: 20px;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 14px;
}

.icon-user {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAADs0lEQVRoQ+2aUVIbMQxArTX/0BM0nKAs0X4XTlA4QeEEpScATlA4QcMJSk/Q8L0KCydoeoLCf7zuKN2dyaQksXZlJpT1DMNHbK2eJVuybDCvrMEr4zUd8P9u8c7CnYUVZ6Aoih3v/WZZljssNkmSOwB4TNP0TvEzS0VFd+miKLYmk8kpABwYY3oLtBkDwCBJkss0TR9iwkcFHo1Gp977E2PMViDEAwBc9Pv988D+4m5RgNmqzrkvxpgjsUZ/BwystZ9jWDsKMBF9M8awC7dp14h42EbAU2PVgYnowhjzSUnRS0TkJaHWVIGLoug5536qaWeMsdZup2k61pKpCkxEP4wxe1rKVXKGiLivJVMNuNqofmspNivHWvtGawNTAx6NRkfe+68xgAHguN/vDzRkqwHneX4GAKcaSs3L8N6fZ1l2piFbDZiIro0xHzSUekLGd0RsG+amYtWA8zwfAsD7GMDe+5ssy1Q2QzVg5fg7P29q8VgN+NWt4TzP9wCA47B6897vZ1k21BCsZmFWhoj4aLepodiMjEdEDD1trfy0KnAMt9YMSaq7NAursi2uXrxdOdVhHX4h4qKiQZiEuV6qFq6gd5xzvN7auvajtXZPu/yjDszQGmmmZjo5a+QowC0tHcWyNbQKMBF95HKO9366m25sbByzK1ZrmgsC/HtIu7LWnvDJiCuck8lkehgBAN79B4h4FSJkWZ9WwFXs5XLOfNhgBY8RkfNr3sx6ZVke8B8AcN93lVL3xhiuWA6TJLmuD/pExHkzw/4j13t/2CYmNwYOXKfDKqwEJQ3VBPKJa2ne3GZ9NwKWZlXeew5VQ2vt1OK7u7s3/P/29nZ62HDOsUU5U5sW6ENa0+yrETARcd1KNT6GQM71GSPitnScGDjQlaV6NOrfxLXFwGti3XqCxFYWAXOocM4VjcwRaZC1NpVkYyLgGIeDtvMgPVxIgaOVcZqCS8s/ImAi8k0VizkOEYM5gjvGuEbRmgTJdUwwsDTZ0IIJkSNJQoKBq/yW8+Z1bId13r5KuWDgddyhazjJTt0BL3KJzsKrFssz/t659JLJlqzhaDcLbZ0hSliq6lP81qJt+bUt3/x40c1EsIX5K0TEt/ChBTltsEXyrhAx+D2YCHgNrcwl3Z7k/YcImKe4OhNr3Cy09YBG9Wsx8Aw0u3ddbm2rvHT8vbX2SHLwrz/QCLgezNbmp8BlWT5LQS9JkjE/OW4CqgIsNcs69G9l4XUAkOrQAUtn7KX17yz80iwm1fcPAJKsTCcBCvAAAAAASUVORK5CYII=');
}

.icon-pass {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MThEMzM1ODU3NkUwMTFFOTgyNDk4NkMyODlBMDc3RDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MThEMzM1ODY3NkUwMTFFOTgyNDk4NkMyODlBMDc3RDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOEQzMzU4Mzc2RTAxMUU5ODI0OTg2QzI4OUEwNzdEMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOEQzMzU4NDc2RTAxMUU5ODI0OTg2QzI4OUEwNzdEMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr+zxWUAAASISURBVHja7JtbiE1RGMf33ucwjWvUINdc5oUkjtweEK8eJEUyoZCQJw8oHkR5UFLCC1HkMiTPCsmDUkPiwV0exNS4zJiZmHPO9vtYW8uec9tzzl5nn7G/+rfXWnvttb//+r71rcs+x3Zd1/qfxLH+M4kJx4RjwrUtySCVW1paAjWezWYtx/ndpxNs257NjLAczCA/EtjgM3hBnVuUPyL91nuG+r+fL0VSqVQ4hPsgQ8AKsB/lp+eps4x72yD4GhwkfxN8q0WXHguBM1juEpherDJ1pkL8PMmzYFwkXDqAjAcXwBJf+QfwETwDGSDuPRpM9CrQSau4TKID1nB9XQuEh4JDKKyT7SZ/BTInSb8kLS7rkh/OdTL5LaTXkx6mrJ0if4Tk5kq7dxguvRKFN2gWawfbSW4CD8FX4aRuC5nHYAd1NoM2zcVXc1kT9TE8CkW3+cr2gHMlPNsMdvnKtop7V42wbDSKYBbVFmnWvQhOyxQjyCfefdAsgU6fccDcqhGW+bEABoA5WvUO8teAm0gk/nZYPpE61O0Bl8l+0TpjHmV1hd5dLZceAKZq+VdMM48ymYyVTqf/WjKfSB2pyzMSwZ9qt6aA+qpEaVGoSFtjNFJdKN9RbIjkSHfSxndttTaKS10Ug5ZorK8FE/k6tIgr+p9ztahulnAymbS88Zhv+azHIoVeZL0glactu0Cbvca96GTEwvIy35i0fa7nKGv1IutvJ4dOeuFAfycU6fRwCMuY871Y3K5Ty3dBLutZMxdZf+cpiEW7tNudupXFouWcw5W9tBRllQKyfDxBtL0NuU7Qyr0vpSrnjWkIdxAcjxGsmsEgCMouqr1YlDe6llaKpCF3D8XveYr1xRI808PltucVlSIayuZBFNTdvK+uV4k2Kk14BIosBdNAQh9jlVCwQBu2ihXvwF3QGjph3KseHCfZVOoRTCVFdYZsLW+CjUG3j4GitBAEcgzTVOWzOLH0SnQ5GrTTgxIeRg/PtyIi6DIXnRrCnIcny3rZio7I6WdjmISdXMvFKooTeHkc8AVpdfhWjrwj2DyREaLOqBvLaCujdAqNsF2OhZmnj0FSjnveq0g7DqxlHO7zr7vD0idpyvcgdoPLYdCmFcuUcpSOmADpjabGgJG5E1wHbTnutUP2qmvoy3zSkHXl8sPjlGOt/ZMy10RANOnSE/1LR0Vcxu5Mypx+49JK1jFWp3kbDHVKKZDvSOtNzmOmVkUpxupOUK+WqIKBYJPcM6VH0qCFhaAcqsu3p25VJEdC8yu5342SS1uKaNZ3LNRlemlmUtLWv0eubtCVUq0Rtkss6zeEI7HbiAnHhMMLWpbpoGV0Hma+rfN1sv/zTP+yMIQXclkABinMoWxxv7UwS8jB4BQk71h/vlTIL30aoky47DMtyMpvuJr0bWIIc3tlXBoFM1aB77XVkKCdFogwW7pWXvA1QmS70aktNMLsdj4x7t5EhTC6fECn56FGafWTwMcRsO5Lx3EOhD4tqTPl3fTugyqNZznve4oee8H9wPrHf+OJCceEY8K1JL8EGAA9b9s7AX8MaAAAAABJRU5ErkJggg==');
}

.icon-code {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAADgElEQVRoQ+2aQVbbMBCGR5H35QblBsUvyrr0BIUTNDcATtD0BKQnKJyg5AawtvNMb1BuAPs40/fzlL5g7Ei2JcUGzw4iS/o0o9GMRoLemYh3xksD8FvXeHANZ1l2uFqtfmNhoyg6jeP4b8hFDgqcpukZEc2I6EBDPuJvpdTPUNBBgJMkOSaiSyHEURkYM98T0cVkMrn1De4VGKBCiO9EBGAbuWXmHz7BvQA3AC0uhjdwZ8BwRnmefyWicyI6tFGnRRs4tLmUcuHKuTUGzrLsYLVafdbmCtMt3Z8WUFZNsM9Ho9HNer2+j6LoLo5jOLzaYgReLpdTIvqInpl5sxcBt/G0tQd19AGA4exICLFxdg/j8fhqV/9G4CRJboUQ0GTnhZnvJpPJTgc5ABfVOGi4w4Y9mHSJcoY9POzh4Vjqrtfqu9N6EkKc63ByysyXpqXuM/CTlPI4juPn0BFiEw/0FfgVrAbOTAlKH4FLYZHAMPOvt2bSrWB1Nteb5KE1bJ+AncAGB4bDICIk4rj9sM2fncGGBn5QSv2/x0rTFLcO3wxOxilsUOCy48AA7Rw2KDAGk1LG24EC/lcB7QU2ODARPUopvxigvcHuAxhj7oI+KYaL+MA2qDAFHfsCroTGRX3xMt0lrDPgNE1viAgVhTpSquntDlzD6r4XSqmTXRM1XvEsl8tzm9SsZJBKaE+wuJC/GI/H81bAWZYd5Xme1VHvVttX0L5gq06K4ryNGtbHC4paz+WWBvLIzFPUg9br9RkzoyDuQ14EP1UDWAEnSTLTdV4fE3XSp64rGxfTChiVwjzPoeUPTmbnvhOc7zgFjBVFK2Bt1nAGeKPRObHVLiZuDdxhLVtrtxaw1jLOuOcnRx2SU6UUYgUrsdbwpreGgYjVZBo0ulZKoWBvLbWBtWkj0f9kPYqfhn90bG50VNvD1wbGxzoYAfS+vDb27VGThy6NgPcMXZpi2hpRY+A9QbeCre2ly1YxoHm3hnUCvKVpXNz5cmRwUNPibYqtGbd2WhWaRvgJ6Lq5s2neCw1byxtXddpqD5d1qvNnBPFtPTjKpTNTfmtareLvzoG1iePdJWLvptq+llLOmhw7pgXwArwZVL+TRmppW4lYMPO8d8+Hi6usn/1PhRCIxV84tk2JJoqiKx8aDWLSJrPCAqBNCMBOAJsWxOfvXvewz4k37fvdAf8DgZt9Wx0Y56cAAAAASUVORK5CYII=');
}

.Login_inp1 {
    background: url(../images/login/icon_01.png) no-repeat 20px center;
}

.Login_inp2 {
    background: url(../images/login/icon_02.png) no-repeat 20px center;
}

input.Login_input::-webkit-input-placeholder {
    color: #FFF;
}

.Login_pitch {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #454545;
    margin-top: 15px;
}

.Login_wj {
    width: 180px;
    font-size: 14px;
    line-height: 20px;
    color: #b4b4b4;
    text-align: right;
}


.Login_foot {
    font-size: 12px;
    color: #ddd;
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    line-height: 20px;
}

@media only screen and (max-width: 800px) {
    .login_bg {
        background-image: none;
    }

    .Login_k {
        margin-left: -210px;
    }
}

@media only screen and (max-width: 720px) {
    .login_bg {
        background-image: none;
    }

    .Login_k {
        margin-left: -210px;
    }
}

@media only screen and (max-width: 640px) {
    .login_bg {
        background-image: none;
    }

    .Login_k {
        margin-left: -210px;
    }
}

@media only screen and (max-width: 560px) {
    .login_bg {
        background-image: none;
    }

    .Login_k {
        margin-left: -210px;
    }

    .Login_logo {
        margin-left: auto;
        margin-right: auto;
        width: 380px;
        padding: 0 20px;
    }
}

@media only screen and (max-width: 480px) {
    .login_bg {
        background-image: none;
    }

    .Login_k {
        margin-left: -210px;
    }
}

@media only screen and (max-width: 400px) {
    .login_bg {
        background-image: none;
    }

    .Login_k {
        margin-left: -210px;
    }
}