html,body{width: 100%; height: 100%;padding: 0; margin: 0;}
.xn-mian{
    width: 100%;
    height: 100%;
    background:url('../images/zcbj.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    
}
.xn-content{width: 440px; height: 780px; background-color: #fff;border-radius: 12px;padding: 0 116px;}
.xn-content-top{text-align: center;}
.thlogoimg{width: 160px;height: 160px;}
.xn-content-tap{
    display: flex;
    background: -webkit-linear-gradient(left, #c29202 , #fdd507);
    background: -o-linear-gradient(right, #c29202, #fdd507);
    background: -moz-linear-gradient(right,#c29202, #fdd507);
    background: linear-gradient(to right, #c29202, #fdd507);
    height: 40px;
    align-items: center;
    border-radius: 4px;
}
.xn-content-tap1{
    display: flex;
    background: -webkit-linear-gradient(right, #c29202 , #fdd507);
    background: -o-linear-gradient(left, #c29202, #fdd507);
    background: -moz-linear-gradient(left,#c29202, #fdd507);
    background: linear-gradient(to left, #c29202, #fdd507);
    height: 41px;
    align-items: center;
    border-radius: 4px;
}
.xn-tap-p{width: 50%; text-align: center;font-size: 16px; height: 40px;line-height: 40px;}
.xn-tap-n{font-weight: 600;color: #333;
   /* border-bottom: 1px #a17a03 solid; */
}
.xn-xian{width: 55px; height: 1px; border-bottom: 1px #af8404 solid; transform: rotate(45deg); margin: 0 auto; margin-top: -22px;}
.xn-content-list{margin-top: 10px;}
.xn-row{display: flex;align-items: center; padding: 14px 0; border-bottom: 0.8px #c1c1c1 solid;}
.xn-inp{ flex: 1; margin-left: 15px; width: 100%;border: none;}
.xn-bott{ margin-top: 20px;}
.xn-fhlogin{width: 100%; text-align: center;line-height: 36px;}