﻿.userbox{ width: 100%; margin: 0px auto; }

.loginMain{ width: 95%; margin: auto; }

.loginTitle{height:32px;line-height: 32px;border-bottom: 2px solid #d2d2d2;}

.loginTitle b{padding: 0 15px;border-left:2px solid #cc0001;font-size: 18px;color:#cc0001;position: relative;top:-6px; }



.loginInput p{line-height: 50px;}

.loginInput p span{display:inline-block;width:350px;color:#666;margin-right: 15px;text-align: right;}

.loginInput p span font{ color: #f00; padding-right: 5px; }

.loginInput p b{color: #cc0001;}

.loginInput p input{width:300px;height:38px;padding-left: 10px;border:1px solid #c9c9c9;border-radius: 3px;margin-right: 30px;}

.loginInput p input[type=submit]{background: #fd4d00;color: #fff;font-size: 16px;}

.notice b {font-size: 18px;color:#cc0001;}

.notice p{text-align: justify;text-indent: 2em; }





.getPassword .loginTitle{height:32px;line-height: 32px;border-bottom: 2px solid #d2d2d2;}

.getPassword .loginTitle b{padding: 0 15px;border-left:2px solid #cc0001;font-size: 18px;color:#cc0001;position: relative;top:-6px; }

.getPassword .loginInput{padding-top:60px;}

.getPassword .loginInput p{line-height: 50px;}

.getPassword .loginInput p span{display:inline-block;width:350px;color:#666;margin-right: 15px;text-align: right;}

.getPassword .loginInput p input{width:300px;height:38px;padding-left: 10px;border:1px solid #c9c9c9;border-radius: 3px;margin-right: 30px;}

/*.getPassword .loginInput p a{display:inline-block;width:272px;height:38px;line-height: 38px;text-align: center;background: #fd4d00;color: #fff;font-size: 16px;border:1px solid #c9c9c9;border-radius: 3px;}*/

.loginInput p input[type=submit]{background: #fd4d00;color: #fff;font-size: 16px; border: none; cursor:pointer;}





.zhuce{ background:url(../images/reg.jpg) center center no-repeat; height:895px; position:relative; margin-bottom:48px;}

.zhuce_middle{width: 370px; 

    margin: 0 auto;

    height: 440px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -185px;

    margin-top: -220px;

	

	background-color: #fff;

    color: #57100C;

    font-size: 14px;

    border-radius: 6px;



	}

.zhuce_middle dl{  position:relative}

.zhuce_middle dl dd{ text-align:center;width: 223px;

    height: 40px;

    margin: 20px auto 0;

    background: url(../images/xn_c_reg_box_login.png) no-repeat;

    text-align: center;height: 40px;

    line-height: 40px;

    color: #ffffff;

    font-size: 12px;}

.zhuce_middle dl dd a{    color: #e4425c;

    font-size: 12px;}

.zhuce_title{width: 100%;

    height: 50px;

    font-size: 18px;

    text-indent: 40px;

    line-height: 50px;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    color: #ca2b45;

    border-bottom: 1px solid #e5e5e5;

    background: #f5f5f5;}

.zhuce_title i{}

.zhuce_nr{width: 290px;

    margin: 20px auto 0; max-width:90%;}

.zhuce_nr p{ display:block; padding-bottom:20px;}

.zhuce_nr p input{width: 99%;

    height: 38px;

    line-height: 38px;

    border: 1px solid #e5e5e5;

    text-indent: 20px;

    color: #888888;

    font-size: 12px; display:block; margin:auto;}

.zhuce_nr p input.yzm{float: left;

    width: 50%;

}

.zhuce_nr p input#ok{width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #ca2b45;

    font-size: 14px;

    font-weight: bold;

    color: #FFF;

    border-radius: 1px;

    cursor: pointer;

    border: 0px; text-indent:0px;}

.zhuce_nr p img{color: Blue;

    background-color: MistyRose;

    height: 40px; margin-left:5%;

    width: 40%;

    cursor: pointer;}





.login_c{background: url(../images/login.jpg) center no-repeat;

    height: 752px; margin-bottom:47px;}

.login_middle{width: 385px;

   

    margin-top: 107px;

    height: 549px;

    overflow: hidden;

    background: #f1f3f3;

    float: right; max-width:90%;}

.login_small{ width:302px; display:block; margin:auto; padding-top:100px;}

.login_small dl{}

.login_small dl b{height: 48px;

    line-height: 48px;

    color: #ca2b45;

    font-size: 30px;}

.login_small ul{ padding-top:20px;}

.login_small ul li{ padding-bottom:18px; text-align:center}

.login_small ul li input{height: 48px;

    font-size: 12px;

    color: #888888;

    line-height: 48px;

    text-indent: 22px;

    border: 1px solid #e1e1e1;

    display: block; margin:auto; width:98%}

.login_small ul li input.sub{    height: 50px;

    line-height: 50px;

    border: none;

    background: #ca2b45;

    font-weight: bold;

    letter-spacing: 5px;

    font-size: 16px;

    color: #ffffff; cursor:pointer; text-indent:0px;}

.login_small ul li a{}







@media screen and (max-width:1440px){

.zhuce{  height:595px; margin-bottom:24px;}

.login_c{

    height: 595px; margin-bottom:24px;}

.login_middle {  

    margin-top: 47px;

    height: 500px;

    max-width: 90%;

}

}









@media screen and (max-width:440px){

.zhuce_middle {

    width: 80%;

   

    height: 350px;

    

    left: 50%;

    top: 50%;

    margin-left: -40%;

    margin-top: -175px;

}





.zhuce_nr p input {

    height: 32px;

    line-height: 32px;

    text-indent: 14px;

}

.zhuce_nr p {

    padding-bottom: 10px;

}

.zhuce_nr p img {

    height: 33px;

  

}

.zhuce{ height:520px;}



.login_c{

    height: 520px;}

.login_middle {  

    margin-top: 99px;

    height: 354px;

    max-width: 90%;

}

.login_small {

    width: 243px;

    display: block;

    margin: auto;

    padding-top: 33px;

}

.login_small dl b {

    height: 38px;

    line-height: 38px;

    font-size: 19px;

}

.login_small ul li input{height: 32px;



    line-height: 32px;

    text-indent: 14px;

}

}

