@charset "UTF-8"; 
html { margin:0; padding:0;}
body {color:#444;height:100%;font-family:"微软雅黑"; margin:0 auto; max-width:750px; font-size:12px;background:#ffffff;}
ol,ul,li{list-style:none; }
form{ padding:0; margin:0;}
*{padding:0px;margin:0px;} 

img{border:0;}
input[type=button], input[type=submit], input[type=file], input,button,textarea{  -webkit-appearance: none;font-family: "微软雅黑";outline: none;}
input{outline: none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
body {
    font-size: 12px;
    height:100%;
    max-height:1000px;
    background:url(bg.jpg) no-repeat top #0066d1;
}
/*背景渐变*/
.gradient_bg{
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;	
	}

.gradient_all{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;	
	}
	
.img_to_big{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;	
    }
/*旋转180度*/
.img_rotation {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
}
.loading {
    width:150px;
    margin:0 auto;
    overflow: hidden;
    background:url(/Public/images/loading.gif) no-repeat center;
    height:100%;
}


.redi {
        background:url(/Public/images/all_img_hover.png) no-repeat;
}
    i{
        background:url(/Public/images/all_img.png) no-repeat;
        display:inline-block;
        vertical-align:middle;
        margin-top:-3px;
    }
span,a,i {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;	
}
.main_box:after,.login_box dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.body_bg {
    position:relative;
    height:100%;
   
}
.main_box {
    width:450px;
    margin:0 auto;
    padding-top:160px;
	position:relative;
}
.main_box .logo{text-align: center}
.main_box .logo img{}

.middle_box {

}

    .login_box {
        padding:20px;
        width:390px;
        background:#fff;
        border-radius:5px;
        float:right;
                box-shadow: 0 5px 12px rgba(12,4,7,.2);

    }
        .login_box h2 {
            font-size:20px;
            border-bottom:1px solid #dddddd;
            text-align:center;
            margin-bottom:37px;
            font-weight:bold;
            color:#333333;
        }
            .login_box h2 span {
                display:inline-block;
                vertical-align:middle;
                margin-bottom:-20px;
                background:#fff;
                padding:0 10px;
                line-height:30px;
            }
        .login_box h3 {
            border-bottom:1px solid #dddddd;       
            margin-bottom:19px;     
            font-weight:normal;
            display:inline-block;
            width:100%;
        }
            .login_box h3 span {
                width:130px;
                float:left;
                display:inline-block;
                line-height:36px;
                padding-bottom:15px;
                text-align:center;
                
                margin-bottom:-1px;
            }
                .login_box h3 span.now {
                    color: #2a9dff;
                    font-weight: bold;
                    border-bottom:3px solid #2a9dff;
                }
                    .login_box h3 span.now a {
                        color: #2a9dff;
                    }
            .login_box h3 a {
                font-size:20px;
                color:#666;
                display:block;
            }
        .login_box ul,.login_box dl {
            border-radius:5px;
            border:1px solid #dddddd;
            overflow:hidden;
        }
            .login_box ul li,.login_box dd {
                position:relative;
                text-align: left;
            }

        .login_box .i1 {
            width:12px;
            height:16px;
            margin-left:14px;
            margin-right:9px;
            background-position:-300px 0;
            vertical-align:middle;
        }
        .login_box .i2 {
            width:18px;
            height:18px;
            margin-left:10px;
            background-position:-340px 0;
            cursor:pointer;
        }
        .login_box .i3 {
            width:12px;
            height:14px;
            margin-left:14px;
            margin-right:9px;
            background-position:-320px 0;
        }
        .login_box .text_1,.login_box .text_2 {
            width:310px;
            height:54px;
            line-height:54px;
            border:none;
            font-size:14px;
        }
        .login_box .li_01,.login_box dd {
            padding-bottom:1px;
            border-bottom:1px solid #dddddd;
        }
            .login_box dd.border_no {
                border:none;
            }
        .login_box .go_btn {
            width:386px;
            border:1px solid #f9941f;
            line-height:48px;
            display:inline-block;
            color:#fff;
            font-weight:bold;
            background:#ffa339;
            border-radius:5px;
            text-align:center;
            font-size:18px;
            margin-top:20px;cursor: pointer;
        }
            .login_box .go_btn:hover {
                background:#ffa946;
            }
        .login_box ol li {
            text-align:center;
            line-height:60px;
        }
        .login_box .s2,.login_box .s3 {
            font-size:14px;
            color:#b6bdc3;
            margin:0 8px;
        }
            .login_box .s2 a, .login_box .s3 a {
                color:#b6bdc3;
            }
        .login_box .s4,.login_box .s5 {
            color:#ff3300;
            font-size:14px;
            line-height:44px;
            position:absolute;
            top:5px;
            left:0;
            background:#fff;
            width:300px;
            padding-left:15px;
            z-index:98;
        }
        .login_box .s6 {
            cursor:pointer;
            font-size:14px;
            color:#fff;
            width:112px;
            height:42px;
            line-height:42px;
            text-align:center;
            border:1px solid #5aa6f4;
            border-radius:5px;
            background:#7bbcfe;
            position:absolute;
            right:5px;
            top:5px;
            z-index:99;
        }
            .login_box .s6:hover {
                background:#2a9dff;
                border-color:#128df6;
            }
        .login_box .i4 {
            width:32px;
            height:32px;
            background-position:-300px -20px;
            margin-right:8px;
        }
        .login_box .s2 a:hover,.login_box .s3 a:hover {
            color:#666666;
        }
                .login_box .s2 a:hover .i4 {
                    background: url(/Public/images/all_img_hover.png) no-repeat;
                    background-position: -300px -20px;
                }
        .login_box .i5 {
            width:32px;
            height:32px;
            background-position:-340px -20px;
            margin-right:8px;
        }
                .login_box .s3 a:hover .i5 {
                    background: url(/Public/images/all_img_hover.png) no-repeat;
                    background-position: -340px -20px;
                }
        .login_box .i6,.login_box .i7 {
            background-position:-380px 0;
            width:11px;
            height:11px;
            margin-right:11px;
        }
        .login_box .li_02 {
            border-bottom:1px solid #dddddd;
            padding-bottom:5px;
        }
        .login_box .li_03 {
            font-size:14px;
            line-height:30px;
            padding-top:15px;
        }
            .login_box .li_03 a {
                padding: 0 20px;
                color:#666666;
            }
                .login_box .li_03 a:hover {
                    color: #2a9dff;
                }
        .login_box .find {
            border-right: 1px solid #dddddd;
        }
        .login_box .li_04 {
            color:#666666;
            font-size:14px;
        }
            .login_box .li_04 a {
                color:#2a9dff;
            }


.login_box .i10 {
    width: 12px;
    height: 18px;
    margin: -3px 9px 0 14px;
    background-position: -300px -200px;
}
.login_box .i11 {
    width: 14px;
    height: 10px;
    margin: -3px 9px 0 13px;
    background-position: -320px -200px;
}
.login_box .i12 {
    width: 16px;
    height: 11px;
    margin: -3px 7px 0 12px;
    background-position: -280px -200px;
}

.bottom_info {
    font-size:12px;
    color:#000;
    line-height:70px;
    background: rgba(0,0,0,.2);
    position:absolute;bottom:0;
    left:0;
    right:0;
}
    .bottom_info p {
        width:1180px;
        margin:0 auto;
    }
        .bottom_info p span {
            margin-left:40px;
        }
/*IE7*/
        .login_box dd {
        }
.login_box input {
    *vertical-align:middle;
}
.main_box .sn{display: none}
.main_box .sn p{ font-size:20.7px; color:#5e5654}
.main_box .sn p:first-child{ font-size:30px; color:#465464; font-weight:bold; letter-spacing:5px;}
.main_box .box{text-align: center;padding-bottom:30px;}
.main_box .box img{width:120px;}
.login_box .code_img{
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}
.login_box ul li.top_border .text_2{
    width: 170px !important;
}

.login_box ul li.top_border {
    border-top: 1px solid #dddddd;
}