@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px; }
body{ }
img{ display:block; }
ul,ol,li{ list-style-type:none; }
a{ text-decoration:none; display:block; }
input,button,textarea{ outline:none; }

.xcxlogin-box {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: 100% 100%;
    min-height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xcxlogo-text{
    width: 100%;
    margin-top:60px;
    text-align: center;
    height: 100px;
    line-height: 50px;
}
.xcxlogo-text>div{
    text-align: center;
    font-size:26px;
    color: #d3d3d3;
}
.xlo-wapper {
    width: 300px;
    padding: 20px 20px;
    background: url(../images/bg2.png) repeat;
    border-radius: 18px;
    margin: 0 auto;
}
@media screen and (max-width:320px){
    .xlo-wapper {
        width: 240px;
    }
    .xcxlogo-text{
        display: none;
    }
}
@media screen and (max-width:480px){
    .xlo-wapper {
        width: 260px;
    }
    .xcxlogo-text{
        display: none;
    }
}


.xlo-logo{ width:185px; height:75px; margin:0 auto; margin-bottom:15px; margin-top:10px; }
.xlo-li{ width:300px; height:45px; line-height:45px; background:url(../images/bg3.png) repeat; border-radius:8px; margin:0 auto; margin-top:8px; }
.xlo-ic1{ width:30px; float:left; margin:7px 10px 7px 10px; }
.xlo-inp{ width:230px; padding-left:10px; height:30px; line-height:30px; margin-top:7px; border:none; border-left:1px #c8a675 solid; background:none; float:left; color:#333; font-size:16px; }
.xlo-li1{ width:300px; height:45px; line-height:45px; margin:0 auto; margin-top:8px;}
.xlo-li2{ width:300px; height:25px; line-height:25px; margin:0 auto; margin-top:8px;}
.xlo-inp2{ width:170px; height:45px; line-height:45px; background:url(../images/bg3.png) repeat; border-radius:8px; float:left; border:none; padding:0 10px; color:#333; font-size:16px; }
.xlo-yzm{ width:100px; float:right; height:45px; }
.olx-radio{ float:left; margin-top:6px; margin-right:5px; }
.xlo-lile{ float:left; height:20px; line-height:20px; color:#523700; }
.xlo-lirt{ float:right; height:20px; line-height:20px; color:#523700; }
.xlo-logo2{ margin:0 auto; margin-bottom:20px; margin-top:20px; width: 100%;}

.xlo-inp::-webkit-input-placeholder {color:#8a8885; }
.xlo-inp:-moz-placeholder { color:#8a8885; }
.xlo-inp::-moz-placeholder { color:#8a8885; }
.xlo-inp:-ms-input-placeholder { color:#8a8885;}
.xlo-inp2::-webkit-input-placeholder {color:#8a8885; }
.xlo-inp2:-moz-placeholder { color:#8a8885; }
.xlo-inp2::-moz-placeholder { color:#8a8885; }
.xlo-inp2:-ms-input-placeholder { color:#8a8885;}

.index-form-item{
    background: url(../images/bg3.png);
    border-radius: 8px;
    padding-right: 10px;
}
.index-form-item input{
    margin-top: 3px;
    float:left;
}