.x-display-none{
    display: none;
}
.x-setting-main{
    width:1032px;
    /*height:auto;*/
    float: right;
    /*background: orange;*/
    /*height:300px;*/
}
.x-setting-main>div{
    width: 972px;
    height:auto;
    margin-left:30px;
    border-bottom:1px solid #dee4e8;
}
.x-setting-main>div:last-child{
    border:none;
}
/*每个版块的第一行*/
.x-setting-main>div>i:nth-child(1){
    clear: both;
}
.x-setting-main>div>i:nth-child(2){
    clear: both;
    margin-top:35px;
    margin-left:20px;
    width:70%;
    height:20px;
}
.x-setting-main>div>i:nth-child(3){
    float: right;
    margin-right:54px;
    margin-top:30px;
}
.x-setting-main>div>div{
    clear: both;
}
/*第一个版块比别的margin-top多出15px*/
.x-setting-message{
    margin-top:15px;
}
/*每个版块确定之后的页面*/

/*账号设置确定版块*/

.x-message-confirm{
    min-height:200px;
    display: table;
    content: '';
    width:100%;
    padding-bottom: 80px;
    margin-top:35px;
}
/*.x-message-confirm>div:first-child{*/
    /*height:20px;*/
    /*line-height:10px;*/
/*}*/
.x-margintop-30{
    margin-top:30px;
}
.x-margintop-20{
    margin-top:20px;
}
.x-phone-no{
    font-style: normal;
    font-weight:normal;
    font-size: 16px;
    color: #ff6138;
}
.x-dc-tongguo{
    display: inline-block;
    font-style: normal;
    font-weight:normal;
    font-size: 16px;
    color: #43e2a1;
    float: right;
    margin-right:500px;
}
.x-marginleft-20{
    margin-left:20px;
}
.x-confirm-connection ul{
    height:400px;
}

.x-confirm-connection li{
    width:452px;
    height:158px;
    line-height:158px;
    background: #f0f7fd;
    position: relative;
    margin-top:30px;
    float: left;
}
.x-confirm-connection li:nth-child(even){
    margin-left:30px;
}
.x-confirm-connection li .x-dc-status{
    position: relative;
    /*left:32px;*/
    top:20px;
    margin-left:32px;
}
.x-confirm-connection li .x-doublearrow-default,
.x-confirm-connection li button,
.x-confirm-connection li .x-doublearrow-active{
    position: relative;
    /*left:25px;*/
    margin-left:25px;
}
.x-confirm-connection a{
    display: inline-block;
    width:125px;
    height:44px;
}
.x-confirm-connection li button{
    width:125px;
    height:40px;
    top:-5px;
}
/*账号设置编辑版块*/
.x-message-edit{
    height:600px;
    margin-top:55px;
    /*border:1px solid orange;*/
}
.x-edit-phone{
    width: 100%;
    height:auto;
    position: relative;
    margin-bottom: 20px;
}
.x-old-height{
    height:60px;
    margin-top:5px;
    margin-bottom: 5px;
}
.x-phone-part .x-confirm-phone{
    height:30px;
    line-height:30px;
}
.x-confirm-email{
    height:40px;
    line-height: 20px;
}
.x-edit-phone .x-dc-tips{
    display: inline-block;
    width:60%;
    height:45px;
    line-height: 70px;
    font-style: normal;
    font-size:14px;
    color: #d7dbe7;
    z-index: -2;
    margin-left:30px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.x-message-confirm>div>div p{
    position: absolute;
    top: 57px;
    margin-left: 75px;
}
.x-message-confirm>div>div .x-newphone-tip{
    top: 40px;
}
.x-message-confirm>div>div>div .x-newmail-tip{
    top: 57px;
}

.xt_dropBox_select {
    height: 45px;
    width: 68px;
    margin-left:-15px;
    float: left;
}
.xt_dropBox_select>div:first-child {
    width: 30px;
    height: 40px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.x-dc-text{
    float: left;
    height:45px;
    left:-1px;
    /*border-left:none;*/
}
.xt_first_select{
    position: absolute;
    left: 0px;
    top: 82px;
    z-index: 1;
}
.xt_first_select1{
    position: absolute;
    left: 0px;
    top: 135px;
    z-index: 1;
}
.xt_first_oSelect{
    position: absolute;
    left: 0px;
    top: 147px;
    z-index: 1;
}

/*滑块*/
.slider {
    position: relative;
    width: 300px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    left:30px;
    border:1px solid #e2e8f1;
    display: inline-block;
    float: left;
}

.drag_bg {
    background-color: #5dc8ff;
    height: 43px;
    width: 0px;
    border:1px solid #e2e8f1
}
@keyframes slidetounlock
{
    0%     {background-position:-200px 0;}
    100%   {background-position:200px 0;}
}
@-webkit-keyframes slidetounlock
{
    0%     {background-position:-200px 0;}
    100%   {background-position:200px 0;}
}
.drag_text {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #d7dbe7), color-stop(.4, #d7dbe7), color-stop(.5, white), color-stop(.6, #d7dbe7), color-stop(1, #d7dbe7));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: slidetounlock 3s infinite;
    -webkit-text-size-adjust: none;
    line-height: 45px;
    height: 45px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position: absolute;
    top: 0px;
    width: 263px;
    text-align: center;
    font-size: 14px;
    color: #d7dbe7;
    margin-left:45px;
    font-weight:normal;
    -webkit-animation: slidetounlock 3s infinite;
}
 .handler {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 43px;
    line-height:41px;
    text-align: center;
    background-color: #fff;
    transition: left 0s;
    -webkit-transition: left 0s;
    border:none;
    border-left:1px solid #e2e8f1;
    border-right:1px solid #e2e8f1;
    color: #d7dbe7;
    cursor: move;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.x-time-out{
    width:30px;
    height:45px;
    line-height:46px;
    font-size:14px;
    color: #d7dbe7;
    float: left;
    margin-left:10px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.x-input-yanzheng{
    width:150px;
    height:45px;
    /*float: right;*/
    /*margin-right:-30px;*/
    margin-left:20px;
}
.x-phone-queren{
    width:70px;
    height:45px;
    font-style: normal;
    text-align: center;
    line-height:45px;
    color: #d7dbe7;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
    /*float: right;*/
    /*margin-right:140px;*/
}
.x-phone-confirm{
    color: #3aa3ff;
    border-color: #3aa3ff;
}
.x-edit-email{
    width:287px;
    height:45px;
}
.x-edit-anniu{
    width:390px;
    height:190px;
    line-height: 200px;
    margin:0 auto;
}
.x-edit-anniu button{
    width:150px;
    height:40px;
    margin-left:24px;
}
.x-mail-part>i,.x-phone-part>i{
    float: right;
    margin-right:55px;
}

/*密码确定板块*/
.x-password-confirm{
    width:100%;
    height:45px;
    margin-top:15px;
}
.x-password-yes{
    color: #43e2a1;
    font-style: normal;
    font-weight:normal;
    font-size: 16px;
}

/*密码编辑板块*/
.x-password-edit{
    width: 100%;
    height:520px;
    margin-top:15px;
    /*border:1px solid orange;*/
}
.x-password-edit p{
    margin-top:25px;
}
.x-new-password{
    width:100%;
    height:90px;
}
.x-password-edit .x-dc-text{
    height:45px;
    width:350px;
}
/*.x-special-btn{*/
    /*width:440px;*/
    /*margin-left:10px;*/
/*}*/

/*隐私设置确定板块*/
.x-private-confirm{
    width:100%;
    height:130px;
    margin-top:15px;
    /*border:1px solid orange;*/
}
.x-private-state{
    width: 100%;
    height:20px;
}


/*隐私设置编辑板块*/
.x-private-edit{
    width:100%;
    height:310px;
    margin-top:15px;
}
.x-edit-private{
    width:100%;
    height:60px;
}

/*消息设置确定板块*/
.x-information-confirm{
    width:100%;
    height:200px;
    margin-top:15px;
}