.Loginbody {
    background: #2e3e4e;
}

.logo {
    margin: auto;
    margin-top: 8%;
    width: 983px;
    height: 100px;
}

.content {
    margin: auto;
    width: 983px;
    /* height: 332px; */
    background: url(Images/login/loginbj.png) top center no-repeat #fff;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0,0,0,.6);
}

.Loginform {
    width: 350px;
    min-height: 350px;
}

 
@media ( max-width:320px) {
.Loginform {    min-height: 200px;}
}

.form-message {
    height: 26px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	font-size:12px;
    margin-bottom:5px;
}

.form-error-text {
    text-align:center;
    color: #9d2a16;
    font-family: Microsoft Yahei;
    height: 23px;
    line-height: 23px;
    background: #f8cad7 url('Images/login/validatebox_warning.png') center left no-repeat;
    background-position: 10px 5.5px;
    border-radius: 4px;
}

.form-warning-text {
    text-align:center;
    color: #B59620;
    font-family: Microsoft Yahei;
    height: 26px;
    line-height: 26px;
    background: #fdf7ce url('Images/login/Icon16/bullet_error.png') center left no-repeat;
    background-position: 10px 5.5px;
    border-radius: 4px;
}

.form-succeed-text {
    text-align:center;
    border-radius: 3px;
    color: #fff;
    font-family: Microsoft Yahei; 
    height: 26px;
    line-height: 26px;
    background: #62b600 url('Images/login/loading1.gif') center left no-repeat;
    background-position: 10px 5.5px;
}

.form-account {
    margin-top: 16px;
    margin-left: 16px;
    font-family: Microsoft Yahei;
    font-size: 12pt;
    color: #999999;
}

.form-password {
    margin-top: 38px;
    margin-left: 16px;
    font-family: Microsoft Yahei;
    font-size: 12pt;
    color: #999999;
	margin-left: 15px;
}

#txtacc1ount {
    border: none;
    padding: 0px;
    height: 32px;
    line-height: 32px;
    width: 190px;
    font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
    font-size: 11pt;
    color: #999999;   
	background:none;
    margin-left: 15px;
	    margin-top: -3px;
}

#txtpassw1ord {
    border: none;
    padding: 0px;
    height: 32px;
    line-height: 32px;
	    margin-top: -3px;
    width: 190px;
    font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
    font-size: 11pt;
    color: #999999;
	background:none;
    margin-left: 15px;
	
}
#txtpasscode1 {
	    margin-top: -3px;
	    border: none;
	    padding: 0px;
	    height: 32px;
	    line-height: 32px;
	    width: 95px;
	    font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
	    font-size: 11pt;
	    color: #999999;
	    background:none;
	    margin-left: 15px;
}

.form-bottom {
    margin-top: 38px;
    margin-left: 16px;
    height: 39px;
    line-height: 39px;
}

.btlogin {
    height: 45px;
    line-height:45px;
    width: 100%;
    color:white;
    text-align:center;
    cursor: pointer;
    background:#5dc9d6;
    border-radius:5px;
    transition: 0.3s;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.12);
}
.btlogin:hover{ background:#40b3c5;}
.btlogin:active{ background:#2893aa; margin-top:3px;}

.btlogin-green .btlogin{ background:#57bf6e;}
.btlogin-green .btlogin:hover{background:#47aa5d;}
.btlogin-green .btloginn:active{ background:#39924d;}


.btlogin-purple .btlogin{ background:#687dc0;}
.btlogin-purple .btlogin:hover{background:#5d71b2;}
.btlogin-purple .btloginn:active{ background:#4c5f9b;}



.copyright {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 100%;
    margin-top: -50px;
    width: 97%;
    font-family: Microsoft Yahei;
    line-height: 25px;
}

.qqsign {
    margin-left: 20px;
    border: medium none;
    width: 63px;
    height: 24px;
    border-style: none;
    background: none;
    background-image: url("Images/login/Connect.png" );
    cursor: pointer;
}




/*reset*/
ul, ol, menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, a img, iframe {
    border: 0 none;
}

address, em, i {
    font-style: normal;
}

abbr, acronym {
    font-variant: normal;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select, button {
    vertical-align: middle;
}

input, textarea, select {
    *font-size: 100%;
}

button {
    overflow: visible;
}

    button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
        border: 0 none;
        padding: 0;
    }

:active {
    outline: 0 none;
}

::selection {
    background: #FF996B;
    color: white;
}

body {
    font-size: 12px;
    font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", Tahoma, Arial, STHeiti, sans-serif;
    _font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif;
    
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }
/*main css*/
.main-im {
    position: fixed;
    right: 10px;
    top: 250px;
    z-index: 100;
    width: 110px;
    height: 272px;
}
@media (max-width:768px) {
    .main-im{ display:none;}
}

    .main-im .qq-a {
        display: block;
        width: 106px;
        height: 116px;
        font-size: 14px;
        color: #0484cd;
        text-align: center;
        position: relative;
    }

        .main-im .qq-a span {
            bottom: 5px;
            position: absolute;
            width: 90px;
            left: 10px;
        }

    .main-im .qq-hover-c {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        position: absolute;
        left: 18px;
        top: 10px;
        overflow: hidden;
        z-index: 9;
    }

    .main-im .qq-container {
        z-index: 99;
        position: absolute;
        width: 109px;
        height: 118px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 1px solid #dddddd;
        background: url(Images/login/qq-icon-bg.png) no-repeat center 8px;
    }

    .main-im .img-qq {
        max-width: 60px;
        display: block;
        position: absolute;
        left: 6px;
        top: 3px;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .main-im .im-qq:hover .img-qq {
        max-width: 70px;
        left: 1px;
        top: 8px;
        position: absolute;
    }

    .main-im .im_main {
        background: #F9FAFB;
        border: 1px solid #dddddd;
        border-radius: 10px;
        background: #F9FAFB;
        display: none;
    
        overflow: hidden;
}

        .main-im .im_main .im-tel {
            color: #000000;
            text-align: center;
            width: 109px;
            padding-top: 12px;
            height: 78px;
            /* border-bottom: 1px solid #dddddd; */
        }

            .main-im .im_main .im-tel div {
                font-weight: bold;
                font-size: 12px;
                margin-top: 11px;
            }

            .main-im .im_main .im-tel .tel-num {
                font-family: Arial;
                font-weight: bold;
                color: #e66d15;
            }

            .main-im .im_main .im-tel:hover {
                background: #fafafa;
            }

        .main-im .im_main .weixing-container {
            width: 100%;
            text-align:center;
            height: 47px;
            display: none;
            border-right: 1px solid #dddddd;
            background: #f5f5f5;
            border-bottom-left-radius: 10px;
            background: url(Images/login/weixing-icon.png) no-repeat center center;
            float: left;
        }

        .main-im .im_main .weixing-show {
            width: 247px;
            height: 142px;
            background: #ffffff;
            border-radius: 10px;
            border: 1px solid #dddddd;
            position: absolute;
            left: -260px;
            top: -97px;
        }

            .main-im .im_main .weixing-show .weixing-sanjiao {
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent transparent transparent #ffffff;
                border-width: 6px;
                left: 247px;
                top: 108px;
                position: absolute;
                z-index: 2;
            }

            .main-im .im_main .weixing-show .weixing-sanjiao-big {
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent transparent transparent #dddddd;
                border-width: 8px;
                left: 247px;
                top: 106px;
                position: absolute;
            }

            .main-im .im_main .weixing-show .weixing-ma {
                width: 104px;
                height: 103px;
                padding-top: 5px;
            }

            .main-im .im_main .weixing-show .weixing-txt {
                position: absolute;
                top: 115px;
                left: 7px;
                width: 100px;
                margin: 0 auto;
                text-align: center;
                color: #E66D15;
            }

        .main-im .im_main .go-top {
            width: 50px;
            height: 47px;
            background: #f5f5f5;
            border-bottom-right-radius: 10px;
            background: url(Images/login/toTop-icon.png) no-repeat center center;
            float: right;
        }

            .main-im .im_main .go-top a {
                display: block;
                width: 52px;
                height: 47px;
            }

    .main-im .close-im {
        position: absolute;
        right: 10px;
        top: -12px;
        z-index: 100;
        width: 24px;
        height: 24px;
    }

        .main-im .close-im a {
            display: block;
            width: 24px;
            height: 24px;
            background: url(Images/login/close_im.png) no-repeat left top;
        }

            .main-im .close-im a:hover {
                text-decoration: none;
            }

    .main-im .open-im {
        cursor: pointer;
        margin-left: 68px;
        width: 40px;
        height: 133px;
        background: url(Images/login/open_im.png) no-repeat left top;
    }





.login-box{ width: 970px;  text-align: center;height: 550px;/* padding-top: 50px; */position: absolute;left: 50%;top: 50%;margin: -275px 0 0 -485px;}
.login-box .title{  color:#FFF; margin-bottom:45px;margin: 0 auto;margin-bottom: 40px;text-align: left;display: inline-block;*margin-left:240px;}
.login-box .title h1{ word-break:normal; white-space:nowrap; text-align:left; font-size: 22.7px;/* font-weight: normal; */padding-top: 10px;}
.login-box .title p{ text-align:left; clear:both; text-transform:Uppercase; font-size: 12px; /* font-family:ltxh; */}
@font-face{font-family: ltxh;src: url('Images/font/ltxh.TTF')}
.login-box .title img{
    margin-right: 10px;
    position: relative;
    top: 3px;
}
@media (max-width:768px) {
    .login-box .title h1 { font-size:21px;    }
}

.login-box .tf-title{   *margin-left:307px; width: 350px;}
.login-box .tf-title h1{font-size:32px;/* padding-top: 0px; */}
.login-box .tf-title p{font-size:14px;clear: none;}
.login-box .content{ width: 350px; background:none; /* height: 520px; */ box-shadow:none;}
.login-box .content .left{box-shadow: 0 10px 20px rgba(0,0,0,.6); width:598px; height:358px; background:url(Images/login/login-l-img.jpg);}
.login-box .content .right{box-shadow: 0 10px 20px rgba(0,0,0,.6);width: 350px; height:358px; background:white;}
.login-box .content .car{ width:303px; height:128px; background:url(Images/car.png);}
.login-box div.tips{ text-align:center;color: white;  color: rgba(255,255,255,0.6);line-height:20px; padding-top: 5px; line-height: 20px;}
div.tf-tip{ position:absolute;bottom:15px; text-align:center;width:100%;color: white;  color: rgba(255,255,255,0.6);}

.form-tit{ background:#5fcad6; color:white; font-family:ltxh; font-size:18px; line-height:65px;}
.form-tit span{ background: no-repeat url(Images/login/logn-ico.png) top right; padding-left:33px; padding-right:27px;}

.Loginform_C{ }
.Loginform_C ul{  font-size:16px;}
.Loginform_C ul li{color: #ffffff;border-radius:5px;}
.Loginform_C input{ font-size:16px; font-family:"微软雅黑";}
.Loginform_C .form-name input,.Loginform_C .form-pwd input,.form-code input{ height:25px; border-radius: 5px;width: 280px;line-height:25px; background: no-repeat 20px 0px url(Images/login/logn-ico.png) white; padding: 10px 0px 10px 70px;border: 1px solid #c6c6c7;}
.Loginform_C .form-pwd input{ background: no-repeat 20px -57px url(Images/login/logn-ico.png) white;}
.QueryTime{ font-size:12px; padding-top:11px; font-size:16px;position: relative;}
.QueryTime a{background: #FFBF3A; display:block; width:48.5%;}
.QueryTime a,.QueryTime i{ vertical-align:middle;}
.QueryTime i{  background: no-repeat 2px -225px url(Images/login/btn-ico.png);  width:20px; height:20px; display:inline-block; margin-right:6px;}
.QueryTime a:active,.QueryTime a:active{ margin:0px; position:relative;top:0px; left:0px;}
.QueryTime a:hover{ background:#FD9D19; color:white; text-decoration:none;}
.btn-app{ float:right; position:relative; }
.QueryTime .btn-app i {  background: no-repeat 0px -806px url(Images/login/btn-ico.png); }
.btn-time{ float:left;}
 
.rqcode-content{display:none;position:absolute;top: 50%;left: 50%;border-radius:5px;background:white;box-shadow:0px 0px 5px rgba(0,0,0,0.25);text-align:center;padding-top: 21px;width: 780px;/* overflow:hidden; */height: 380px;color:#666666;margin: -190px 0 0 -300px;}
.rqcode-content p{font-size:12px;line-height:20px;margin-top:0px;color: #ABABAB;}
.rqcode-content .arrow{width: 12px;height: 9px;background: no-repeat -3px -1487px url(Images/login/btn-ico.png);position:absolute;top: -6px; left: 76%; margin-left: -56px;z-index: 10000;display: inline-block;/* background: red; */}
.rqcode-close{  cursor:pointer; position:absolute;right: 3px;top: 3px; display: inline-block;  width: 20px;    height: 20px;      opacity: 0.6;      filter: alpha(opacity=60);        margin: 0 0 0 2px;        vertical-align: top;/* border: 1px #d4d4d4 solid; */        display: inline-block; border-radius: 90px;  background: url('EasyUI/themes/metro-blue/images/panel_tools.png') no-repeat -14px 2px white;}
.rqcode-content ul b{margin-bottom:10px;font-weight:bold;font-size: 16px;color: #FF7500;display: block;margin-bottom: 20px;}
.rqcode-content ul{/* width:600px; */margin: 0px 0  0 30px;margin-bottom: 20px; padding-top:40px;}
.rqcode-content li{width:180px;float:left;height: 140px;display:inline-block;border-right: 1px solid #E6E6E6;}
.rqcode-content li:last-child{border:none;}
.rqcode-content #Div_CocahAppDown,.rqcode-content #Div_StuAppDown,.rqcode-content #Div_TheoryAppDown{  position:relative; text-align:center;}
.rqcode-content li img{ margin:0 auto;}
.rqcode-content #Div_CocahAppDown table,.rqcode-content #Div_StuAppDown table,.rqcode-content #Div_TheoryAppDown table{   width:100px; height:100px; position:absolute;left:-10px; top:-50px;}

.rqcode-link{text-align:center;position: absolute;background:#f0f0f0;bottom:0px;width: 100%;height: 115px;border-radius: 0 0 5px 5px; left:0px;}
.rqcode-link dt{padding-top: 25px;margin-bottom:5px;}
.rqcode-link dt a {  height:30px; display:inline-block; margin:0px 10px;       background: no-repeat url('Images/login/store.png');    }
.rqcode-link dt .xiaomi{ width:91px; background-position:0px 0px;}
.rqcode-link dt .yyb{ width:91px; background-position:-99px 0px;}
.rqcode-link dt .store{ width:92px; background-position:-197px 0px;}

.rqcode-link dd{/* font-size:14px; */}
.rqcode-link dd a{color: #4392F7;text-decoration:underline;}

.Loginform_C .form-code input{ background: no-repeat 20px -115px url(Images/login/logn-ico.png) white;}
.Loginform_C .form-code{margin-bottom:7px;position: relative;}
.Loginform_C span{line-height:45px; }
.form-code img{ margin-top:3px; position: absolute;top: 3px;right: 4px;margin-left:10px;}

.Loginform_C  .form-name{    margin: 10px 0px;}
.Loginform_C   .form-pwd{    margin: 10px 0px;}


@media(max-width : 414px) {
    .login-box{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); height:600px; margin-top:-300px;}
    .login-box  .title{ transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7); margin-bottom:10px;}     
}

@media(max-width:320px) {
   .login-box{   height: 550px;   margin-top: -275px;}
}


	.couplet{ height:590px; width:78px; top:50%; margin-top:-280px; overflow:hidden; position:absolute; z-index:100000;}
	.couplet div{}
	.couplet-left{ left:280px;}
	.couplet-right{ right:280px;}
	.couplet a{ display:block; text-align:center;cursor:pointer; font-family:"微软雅黑",'Microsoft YaHei'; font-size:14px; color:white;

                       

	}
    @media(max-width : 1366px) {
    .couplet-left{ left:180px;}
	.couplet-right{ right:180px;}
     }
    .body,html{    
     position: absolute;
    left: 0px;  
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;}

#cp .c-icon-icrlogo, .c-icon-jgwablogo {
    width: 14px;
    height: 17px;
    display: inline-block;
    overflow: hidden;
    background: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_5859e57.png) no-repeat;
    _background-image: url(https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/global/img/icons_d5b04cc.gif);
}

#cp .c-icon-icrlogo {
    background-position: -600px -96px;
    position: relative;
    top: 3px;
}

.c-icon-jgwablogo {
    background-position: -623px -96px;
    position: relative;
    top: 3px;
}

#ftConw, #ftConw a {
    color: rgba(255,255,255,0.6);
}

#ftConw {
    text-align: center;
    margin-left: 0;
}