@charset "UTF-8";
.space_top{margin-top:35px;height:300px;overflow:hidden;position:relative}
.space_top .cover{z-index:1;position:absolute;width:100%;height:300px;background:url("../img/space_top_bg.jpg") no-repeat;background-size:100% 100%;}
.space_top .name{z-index:2;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.8);padding-top:80px;color:#fff;text-align:center;}
.space_top .name h3{font-size: 20px;margin-top: 18px;}
.space_top .avatar{width: 100px;height: 100px; border-radius:50%; border: 3px solid #FFF; background: #EEE;margin:0 auto;}
.space_top .avatar img{width: 100%;height:100%;border-radius:50%; }
.pc-cancel-account .container{padding-top:5px;margin: 0 auto;width:1200px;min-width:1200px;}
.cancel-account-bd .bgc-f{margin-top:10px;padding-top:189px;height:702px}
.cancel-account-bd img{max-width: 100%;}
.cancel-account-bd p{margin-top:40px;opacity:0.8;}

.m-cancel-account .container{padding-top:0;padding-bottom:0;font-size:14px;height:calc(100vh - 88px);min-height:480px;}
.trends_head{padding:10px 0;height: 176px;background:#1B1B1B;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.trends_head h2{font-size:20px;font-weight:bold;color:#fff;}
.trends_head .trends_avatar{margin-top:20px;margin-bottom:5px;width:50px; height:50px;border-radius:50%;overflow:hidden}
.trends_head .avatar_name{font-size:14px;font-weight:300;color:#BBB;}
.cancel-remind{padding:25px 0 30px;font-size:14px;font-weight:bold;color:#f00;}
.m-cancel-account .nocnt{padding-top:30px;height:405px;box-sizing: border-box;}
.m-cancel-account .nocnt p{margin-top:40px;margin-bottom:50px;font-size:14px;font-weight:bold;color:#666;}
.m-cancel-account .cnt .intro{padding-bottom:30px;color:#666;line-height:2.1}
.m-cancel-account .btn-box .btn{display:block;height:38px;border-radius:19px;text-align:center;font-size:16px;font-weight:bold;box-sizing:border-box;line-height:36px}
.m-cancel-account .btn-box.btn-single .btn{width:100%;background:#A21F24;color:#fff;}
.m-cancel-account .btn-box.twoBtn{width:336px;margin:25px auto;}@media(max-width:335px){.m-cancel-account .btn-box.twoBtn{width:260px;}}
.m-cancel-account .btn-box.twoBtn .btn{width:160px;}@media(max-width:335px){.m-cancel-account .btn-box.twoBtn .btn{width:120px;}}
.m-cancel-account .btn-box.twoBtn .btn-l{background:#fff;border:1px solid #bbb;color:#666;}
.m-cancel-account .btn-box.twoBtn .btn-r{background:#A21F24;color:#fff;}
.m-cancel-account .ui-radio input:before{left: 3px;top: 3px;width:16px;height:16px;}
.m-cancel-account .ui-radio input:checked:after{left: 8px;top: 8px;width:8px;height:8px;background:#CC3529;border-radius:4px;}
.m-cancel-account .ui-radio input:checked:before {border-color:#CC3529}
.m-cancel-account .chk{margin-top:10px;margin-bottom:94px;color:#666}
.m-cancel-account .chk a{color:#f00}
.m-cancel-account .login-head li{height:44px;padding-left:0;}
.m-cancel-account .login-head li>a{padding:0 2px;font-size:16px;color:#666;font-weight:400;line-height:28px;border-bottom:4px solid transparent;display:inline-block}
.m-cancel-account .login-head li.active>a{color:#333;font-weight:700;border-bottom-color:#A21F24;}
.m-cancel-account .ui-form form{margin-top:10px;margin-bottom:150px}
.m-cancel-account .input-txt-box input{padding-right:13px; padding-left:10px;display:inline-block;width:100%;height:38px;line-height:36px;border:1px solid #E5E5E5;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}
.m-cancel-account .ui-form-item-r .input-txt-box{padding-right:150px;padding-left:0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.m-cancel-account .ui-form-item-r .input-txt-box input{padding-right:0;padding-left:10px;}
.m-cancel-account .getcode{right:15px;top:3px;width:122px;height:38px;background:#4B98FE;border-radius:4px;font-size:14px;color:#fff;}
.m-cancel-account .getcode.icon-button-dis{background:#ccc;}
.m-cancel-account .tab-content li{display:none}
.m-cancel-account .tab-content li.active{display:block}
.m-cancel-account .captcha-box{width:300px;margin:10px auto}
.m-cancel-account.noaccount .trends_head{height: 130px;background:url(../img/m/bj-qy.jpg) no-repeat;background-size:100% 130px;}
.m-cancel-account.noaccount .trends_head .trends_avatar{margin:0 20px}
.m-cancel-account.noaccount .trends_head .avatar_name{display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;color:#ccc}

.m-cancel-account .panel-asecurity{padding-left: 22px;padding-right: 22px;box-sizing: border-box;}
.m-cancel-account .panel-asecurity li{margin-top:12px;display: -webkit-box;height:80px;background:#eee;border-radius:2px;}
.m-cancel-account .panel-asecurity .ui-list-info{padding-left:10px;padding-right:10px}
.m-cancel-account .panel-asecurity .title{font-size:16px;color:#333;}
.m-cancel-account .panel-asecurity .tip{padding-top:8px;font-size:12px;color:#999;}
.m-cancel-account .panel-asecurity .not-setpwd{font-size:14px;color:#666;letter-spacing:-1px}
.m-cancel-account .panel-asecurity .account-btn{margin-top:25px;margin-right:16px;display: block;width:60px;height:28px;border:1px solid #A21F24;border-radius:2px;line-height:26px;font-size:14px;color:#A21F24;text-align:center}

.m-cancel-account .input-txt-box .txt{padding-left:12px;padding-right:12px;height:38px;background:#EEEEEE;border-radius:2px;font-size:14px;color:#666;line-height:38px}
.m-cancel-account .input-txt-box .txt b{padding-left:5px;color:#333;}