.reg_page{
 
}
 .user_page .list .m-item{
     width: calc(16% - 0.44rem);
}
 .reg_page button {
     border-radius: 0.5rem;
     border: 1px solid #fcd16a;
     background-color: #fcd16a;
     color: #1f1f25;
     font-size: 0.3rem;
     font-weight: bold;
     padding: 0.2rem 1.2rem;
     letter-spacing: 0.025rem;
     text-transform: uppercase;
     transition: transform 80ms ease-in;
     margin-top: 0.25rem;
}
 .reg_page button:active {
     transform: scale(0.95);
}
 .reg_page button:focus {
     outline: none;
}
 .reg_page button.ghost {
     background-color: transparent;
     border-color: #FFFFFF;
     color: #ffffff;
     margin-top: 0.45rem;
}
 .reg_page form {
     background-color: #FFFFFF;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 0 1.25rem;
     height: 100%;
     text-align: center;
}
 .reg_page input {
     background-color: #eee;
     border: none;
     padding: 0.2rem 0.38rem;
     margin: 0.2rem 0;
     width: 100%;
}
 .reg_page .container {
     background-color: #fff;
     border-radius: 0.25rem;
     box-shadow: 0 0.35rem 0.7rem rgba(0,0,0,0.25), 0 0.25rem 0.25rem rgba(0,0,0,0.22);
     position: relative;
     overflow: hidden;
     width: 19.2rem;
     max-width: 100%;
     min-height: 12rem;
     margin: auto;
}
 .reg_page .form-container {
     position: absolute;
     top: 0;
     height: 100%;
     transition: all 0.6s ease-in-out;
}
 .sign-in-container {
     left: 0;
     width: 50%;
     z-index: 2;
}
 .container.right-panel-active .sign-in-container {
     transform: translateX(100%);
}
 .sign-up-container {
     left: 0;
     width: 50%;
     opacity: 0;
     z-index: 1;
}
 .container.right-panel-active .sign-up-container {
     transform: translateX(100%);
     opacity: 1;
     z-index: 5;
     animation: show 0.6s;
}
 @keyframes show {
     0%, 49.99% {
         opacity: 0;
         z-index: 1;
    }
     50%, 100% {
         opacity: 1;
         z-index: 5;
    }
}
 .overlay-container {
     position: absolute;
     top: 0;
     left: 50%;
     width: 50%;
     height: 100%;
     overflow: hidden;
     transition: transform 0.6s ease-in-out;
     z-index: 100;
}
 .container.right-panel-active .overlay-container{
     transform: translateX(-100%);
}
 .overlay {
     background: #FF416C;
     background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
     background: linear-gradient(to right, #FF4B2B, #FF416C);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 0 0;
     color: #FFFFFF;
     position: relative;
     left: -100%;
     height: 100%;
     width: 200%;
     transform: translateX(0);
     transition: transform 0.6s ease-in-out;
}
 .container.right-panel-active .overlay {
     transform: translateX(50%);
}
 .overlay-panel {
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 0 1rem;
     text-align: center;
     top: 0;
     height: 100%;
     width: 50%;
     transform: translateX(0);
     transition: transform 0.6s ease-in-out;
}
 .overlay-panel a{
     color: #ffffff;
     padding: 0.125rem 0;
     display: block;
}
 .overlay-panel a span{
}
 .overlay-left {
     transform: translateX(-20%);
}
 .container.right-panel-active .overlay-left {
     transform: translateX(0);
}
 .overlay-right {
     right: 0;
     transform: translateX(0);
}
 .container.right-panel-active .overlay-right {
     transform: translateX(20%);
}
 .social-container {
     margin: 0.5rem 0;
}
 .social-container a {
     border: 1px solid #DDDDDD;
     border-radius: 50%;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     margin: 0 0.125rem;
     height: 1rem;
     width: 1rem;
}
 #phone,#email {
     display: inline-block;
     width: 100%;
}
 #phone .PhoneVerify,#email .PhoneVerify,.reg-verify{
     display: flex;
}
 .reg-verify #verify_img,#login_img{
     background-color: #eee;
     border: none;
     margin: 0.2rem 0;
     width: 3rem;
     margin-left: 0.2rem;
}
 #phone .PhoneVerify .reg-control{
}
 #phone .PhoneVerify #btn_send_sms,#email .PhoneVerify #btn_send_sms{
     background-color: #fcd16a;
     border: none;
     padding: 0.2rem 0.38rem;
     margin: 0.2rem 0;
     width: 4.75rem;
     margin-left: 0.2rem;
     color: black;
}
 #btn_submit,#btn_login{
     border: 0.01rem solid #fcd16a;
     background-color: #fcd16a;
     color: #1f1f25;
     font-size: 0.35rem;
     font-weight: bold;
     padding: 0.2rem 0.35rem;
     letter-spacing: 0.01rem;
     text-transform: uppercase;
     transition: transform 80ms ease-in;
     margin-top: 0.35rem;
     border-radius: 1rem;
     width: 70%;
}
 .user_page{
    /* margin-top: 2.525rem;
     */
}
 .user_page .blank-area div{
     color:#FF5722 
}
 .profile_modbg {
     padding-top: 4.25rem;
     margin-bottom: 1rem;
     width: 100%;
     background-image: url('../images/modbg.png');
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center 1.75rem;
}
 .user_navigate{
     background-color: white;
     border-radius: 0.1rem 0.1rem 0 0;
     overflow: hidden;
     margin-right: -0.38rem;
}
 .user_navigate .user_info {
     border-radius: 0.1rem 0.1rem 0 0;
     background: #fbf2ef url('../images/bg_default.png') 0 0 no-repeat;
     background-image: -webkit-image-set(url('../images/bg_default@2x.png') 2x);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     padding: 0.39rem;
     display: flex;
    /* 水平居中 */
     align-items: center;
     justify-content: left;
     flex-direction: row;
     flex-wrap: wrap;
     background-color: #171819;
}
 .user_navigate .user_info .user_name{
     font-size: 0.5rem;
     color: black;
}
 .user_navigate .user_info .info_right{
     margin-left: 0.25rem;
     width: 68%;
}
 .user_navigate .user_info .CodeCopy{
     width: 100%;
}
 .user_navigate .user_info .panel{
    /* flex: 1;
     */
     width: 100%;
     display: flex;
     margin-top: 0.5rem;
     align-items: center;
     justify-content: space-around;
     flex-direction: row;
}
 .user_navigate .user_info .panel label{
     font-size: 0.38rem;
     font-weight: bold;
     margin-right: 0.2rem;
}
 .user_navigate .user_info .panel .operation{
     color: #FF5722;
     font-size: 0.38rem;
     margin-left: 0.1rem;
}
 .user_navigate .navi_avatar {
     display: block;
     position: relative;
     width: 1.9rem;
     height: 1.9rem;
     margin: 0 auto;
     overflow: hidden;
     border-radius: 100%;
}
 .user_navigate .avatar_pic {
     display: block;
     width: 100%;
     height: 100%;
     border-radius: 100%;
}
 .user_navigate_list {
     padding: 0.49rem;
}
 .user_navigate_list .current ,.user_navigate_list .item:hover{
     border-radius: 0.15rem;
     background-color: #fbf2ef;
     color: #ff5c38;
}
 .user_navigate_list .current .navi_link{
     color: #ff5c38;
}
 .user_navigate_list .item {
     display: flex;
     color: #666;
     line-height: 1.2rem;
     position: relative;
}
 

 .user_navigate_list .item .iconarrow-right{
     position: absolute;
     top: 0;
     right: 0.09rem;
}
 .user_navigate_list .navi_link {
     display: block;
     position: relative;
     padding-left: 1.07rem;
     color: inherit;
     width: 100%;
     font-size: 0.37rem;
}
 .user_navigate_list .navi_link i{
     display: inline-block;
     position: absolute;
     color: #666;
     left: 0.35rem;
}
 .user_navigate_list .item:hover {
     color: #ff5c38;
}
 .info-top{
     background-color: white;
     color: #1f1f1f;
     padding: 0.4rem;
     border-radius: 0.1rem;
     margin-bottom: 0.38rem;
     height: 6.3rem;
     background: -webkit-gradient(linear,left top,left bottom,from(#effff1),to(#fff));
     background: linear-gradient(180deg,#f9d6cb 0,#fff 100%);
     -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(12,0,51,.1);
     box-shadow: 0 0.05rem 0.1rem 0 rgba(12,0,51,.1);
}
 .info-top .user-face-box {
     position: relative;
     float: left;
     width: 15%;
     height: 100%;
     overflow: hidden;
}
 .info-top .user-face-box .img {
     position: relative;
     width: 2.75rem;
     height: 2.75rem;
     margin: 0 auto;
     margin-top: 0.75rem;
}
 .info-top .user-face-box .img img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
}
 .info-top .user-vip-info {
     position: relative;
     float: left;
     width: 85%;
     height: 100%;
}
 .info-top .user-vip-info .vip-type-time {
     position: relative;
     width: 100%;
     height: 3rem;
     padding-top: 1rem;
}
 .info-top .user-vip-info .vip-type-time .vip-tips {
     position: absolute;
     top: 0;
     right: 0.45rem;
     width: 3.825rem;
     height: 0.825rem;
     line-height: 0.825rem;
     background: #fbdb82;
     border-radius: 0.525rem;
}
 .info-top .user-vip-info .vip-type-time .vip-tips a {
     display: inline-block;
     float: left;
     width: 1.9rem;
     height: 0.425rem;
     line-height: 0.425rem;
     margin-top: 0.225rem;
     text-align: center;
     font-size: 0.35rem;
     color: #000000;
}
 .info-top .user-vip-info .vip-type-time .vip-tips a:nth-child(1) {
     border-right: 0.025rem solid #000000;
}
 .info-top .user-vip-info .vip-type-time .vip-name {
     width: 100%;
     height: 0.75rem;
     line-height: 0.75rem;
     font-size: 0.45rem;
     font-weight: 400;
     color: rgba(0,0,0,.65);
}
 .info-top .user-vip-info .vip-type-time .vip-name span {
     display: inline-block;
     height: 0.75rem;
     line-height: 0.75rem;
     margin-right: 0.38rem;
     vertical-align: middle;
}
 .info-top .user-vip-info .vip-type-time .vip-name span a {
     display: inline-block;
     height: 0.75rem;
     line-height: 0.75rem;
     font-size: 0.35rem;
     font-weight: 400;
     color: #fa6400;
     vertical-align: bottom;
}
 .info-top .user-vip-info .user-coupon {
     position: relative;
     width: 100%;
     height: 2.75rem;
}
 .info-top .user-vip-info .user-coupon .coupon-item {
     float: left;
     border-right: 0.025rem solid rgba(0,0,0,.16);
     width: 4.55rem;
     height: 1.4rem;
     margin-top: 0.5rem;
}
 .info-top .user-vip-info .user-coupon .coupon-item:nth-child(1) {
     width: 3.25rem;
}
 .info-top .user-vip-info .user-coupon .coupon-item a p {
     width: 100%;
     text-align: center;
     font-weight: 500;
     color: rgba(0,0,0,.65);
     font-size: 0.35rem;
}
 .info-top .user-vip-info .user-coupon .coupon-item:nth-child(1) p {
     text-align: left;
}
 .info-top .user-vip-info .user-coupon .coupon-item a p:nth-child(1) {
     line-height: 0.75rem;
     height: 0.75rem;
}
 .info-top .user-vip-info .user-coupon .coupon-item a p em {
     font-weight: 500;
     color: #9C27B0;
     vertical-align: middle;
     margin-right: 0.15rem;
     font-style: initial;
     font-size: 0.55rem;
}
 .info-top .vip-time-row{
     display: flex;
     height: 1.5rem;
     justify-content: left;
    /* 水平居中 */
     align-items: center;
}
 .info-top .vip-row-time{
     padding-right: 0.45rem;
}
 .vip-row-time label{
     font-size: 0.38rem;
     font-weight: bold;
     margin-right: 0.2rem;
}
 .vip-row-time .time-value{
     color: #9E9E9E;
}
 .vip-row-time .operation{
     color: #FF5722;
     font-size: 0.38rem;
     margin-left: 0.1rem;
}
 .info-top .reg-code{
     background-color: #fff;
     border: none;
     padding: 0.1rem 0.38rem;
     margin: 0.2rem 0;
     width: 3.4rem;
}
 .info-top .CodeCopy{
     position: relative;
     display: inline-block;
     height: 0.75rem;
     line-height: 0.75rem;
     border-radius: 0.075rem;
     box-sizing: border-box;
     padding: 0 0.5rem;
     text-align: center;
     background-color: #fcd16a;
     color: #000;
     margin-left: 0.125rem;
     font-size: 0.35rem;
}
 .info-right{
     background-color: white;
     color: #1f1f1f;
     padding: 0.4rem;
     border-radius: 0.1rem;
     min-height: 11.575rem;
}
 .info-right .m-title h2{
     color: #484848;
     font-size: 0.48rem;
}
 .info-right .list .m-item .txt-area .title p, .info-right .list .m-item .txt-area .title a{
     color: #000;
}
 .info-right .list .m-item, .info-right .list .m-item-topic{
     margin-right: 0.38rem;
     position: relative;
}
 .info-right .list .m-item input[type="checkbox"]{
     position: absolute;
     z-index: 99;
     top: 0.25rem;
     left: 0.25rem;
}
 .common-action .info-right .slide-box{
     width: 100%;
     margin-left: 0;
}
 .common-action .info-right .slide-box .movie-list{
     width: 100%;
}
 .del_log{
     position: absolute;
     background-color: #ffffff;
     color: #000000;
     padding: 0rem 0.15rem;
     left: 0.1rem;
     font-size: 0.25rem;
     bottom: 18%;
}
 .info-top.buy{
     height: 3.75rem;
}
 .user_portrait{
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
}
 .user_portrait img{
     width: 2.5rem;
     height: 2.5rem;
     overflow: hidden;
     border-radius: 100%;
}
 .user_name{
     font-size: 0.5rem;
}
 .user_points{
     font-size: 0.45rem;
     line-height: 0.75rem;
     font-size: 0.45rem;
}
 .buy-panel{
     margin-top: 0.2rem;
}
 .buy-button{
     border-color: #fcd16a;
     background: #eadab3;
     color: #8a6100;
     padding: 0.225rem 0.5rem;
     margin-right: 0.2rem;
}
 .buyTiem{
     display: flex;
     justify-content: center;
    /* 水平居中 */
     align-items: center;
}
 .buyTiem .buy-input{
     background-color: #eee;
     border: none;
     padding: 0.2rem 0.38rem;
     margin: 0.2rem 0;
     width: 77%;
}
 .buyContent{
     width: 30%;
}
 .buyContent .buyTiem{
     display: flex;
     justify-content: left;
     align-items: center;
     flex-direction: row;
     width: 100%;
}
 .buyContent .buyTiem label{
     width: 18%;
}
 .buyContent .buyTiem .buy-input{
     color: #282828;
     width: 80%;
     height: 0.75rem;
}
 .buyContent .mdui-btn{
     background-color: #d61717!important;
     color: #fff!important;
}
 .buyContent .mdui-btn:nth-child(1){
}
 .buyContent .mdui-btn:nth-child(2){
}
 .mdui-theme-layout-dark .mdui-dialog.modal_content{
     color: #000;
     background-color: #ffffff;
     height: 12rem;
}
 .modal_content .buy_class{
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-direction: row;
     width: 100%;
     margin-bottom: 0.425rem;
}
 .buy_info p{
     color: black;
}
 .modal_content .radio_icon{
     width: 14%;
     height: 2.5rem;
     background-color: #c7c7c7;
     border-radius: 0.2rem;
     background: url('../images/alipay.png') no-repeat;
     background-size: cover;
}
 .modal_content .radio_icon.codepay_1_icon{
     background: url('../images/alipay.png') no-repeat;
     background-size: cover;
}
 .modal_content .radio_icon.codepay_2_icon{
     background: url('../images/qq.png') no-repeat;
     background-size: cover;
}
 .modal_content .radio_icon.codepay_3_icon{
     background: url('../images/weixin.png') no-repeat;
     background-size: cover;
}
 .modal_content .radio_icon.weixin_icon{
     background: url('../images/weixin.png') no-repeat;
     background-size: cover;
}
 .modal_content .radio_icon.zhapay_1_icon{
     background: url('../images/weixin.png') no-repeat;
     background-size: cover;
}
 .modal_content .radio_icon.zhapay_2_icon{
     background: url('../images/alipay.png') no-repeat;
     background-size: cover;
}
 .modal_content .tabContainer{
     display: block;
}
 .modal_content .radio_info{
     width: 66%;
}
 .modal_content .buy_name{
     font-size: 0.38rem;
     color: black;
     font-weight: bold;
}
 .modal_content .buy_text{
     color: #acacac;
     margin-top: 0.125rem;
}
 .modal_content .radio_input{
     width: 10%;
}
 .Web-Tab{
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     min-height: 1.2rem;
     max-height: 1.8rem;
     margin: 0 auto;
     padding: 0;
     overflow-x: auto;
     overflow-y: hidden;
     white-space: nowrap;
     -webkit-overflow-scrolling: touch;
     margin-top: 0.25rem;
     border-bottom: 0.025rem solid #f0e5ca;
}
 .modal_content .paytype{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     min-width: 1.8rem;
     min-height: 1.2rem;
     max-height: 1.8rem;
     padding: 0.3rem;
     overflow: hidden;
     color: inherit;
     font-size: 0.35rem;
     text-align: center;
     text-transform: uppercase;
     text-decoration: none;
     text-overflow: ellipsis;
     outline: 0;
     cursor: pointer;
     opacity: .7;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .modal_content .paytype.active{
     border-color: #fcd16a;
     background: #eadab3;
     color: #8a6100;
}
 .mdui-textfield .mdui-textfield-label{
}
 .mdui-textfield .mdui-textfield-input{
     background-color: #eee;
     border: none;
     padding: 0.2rem 0.38rem;
     margin: 0.2rem 0;
     width: 100%;
}
 .m-title .rank-tab .rank-tab-item.active{
     background: #fcd067;
     background: linear-gradient(90deg,#fcd067 0,#fbdf8c);
     color: #000000;
}
 #RankTabContainer{
     width: 100%;
}
 .plog-list{
     width: 100%;
}
 .mdui-list {
     margin: 0;
     padding: 0.2rem 0;
     list-style: none;
     background-color: transparent;
}
 .plog-list-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     min-height: 1.2rem;
     text-decoration: none;
     cursor: pointer;
     -webkit-transition: background-color .3s cubic-bezier(.4,0,.2,1);
     transition: background-color .3s cubic-bezier(.4,0,.2,1);
     width: 100%;
    /* 水平居中 */
}
 .plog-list-item-avatar {
     min-width: 1rem;
     max-width: 1rem;
     margin-top: 0.21rem;
     margin-bottom: 0.21rem;
     color: #fff;
     line-height: 1rem;
     text-align: center;
     background-color: #bdbdbd;
     border-radius: 50%;
     height: 1rem;
}
 .plog-list-item-avatar img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
}
 .plog-list-item-avatar~.plog-list-item-content {
     margin-left: 0.3rem;
}
 .plog-list-item-content {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     padding-top: 0.35rem;
     padding-bottom: 0.35rem;
     font-weight: 400;
     font-size: 0.35rem;
     line-height: 0.5rem;
}
 .plog-list-item-one-line, .plog-list-item-three-line, .plog-list-item-two-line {
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
}
 .plog-list-item-one-line {
     -webkit-line-clamp: 1;
     height: 0.5rem;
}
 .plog-list-item-title~.plog-list-item-text {
     margin-top: 0.1rem;
}
 .plog-list-item::after {
     height: 1.2rem;
     visibility: hidden;
     content: ' ';
}
 .plog-divider {
     height: 0.025rem;
     margin: -0.025rem 0 0 0;
     border: none;
     margin-left: 1.8rem;
     background-color: rgb(0 0 0 / 8%);
}
 .plog_ajax{
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 10;
     pointer-events: none;
}
 .plog_ajax a{
     border: 1px #fcd16a solid;
     border-radius: 0.45rem;
     pointer-events: all;
     border-color: #fcd16a;
     background: #eadab3;
     color: #8a6100;
     padding: 0.125rem 0.5rem;
}
 .plog_ajax a:hover{
     background-color: #fcd16a;
     color: #000;
}
 .plog-list-item-text{
     color: #8c8c8c;
     font-size: 0.38rem;
}
 .time-text{
}
 .code-text{
     font-size: 0.35rem;
     color: #757575;
}
 .upgrade{
}
 .bo-intro{
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: left;
     margin-bottom: 0.5rem;
}
 .bo-intro .bo-intro-one{
     width: 15%;
     display: flex;
     margin-top: 0.5rem;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
 .bo-intro .bo-intro-one i{
     margin: 0 auto 0.3rem auto;
     font-size: 0.8rem;
     width: 1.75rem;
     line-height: 1.75rem;
     height: 1.75rem;
     background: rgba(254, 244, 229, 1);
     box-shadow: 0rem -0.025rem 0.2rem 0rem rgb(74 42 0 / 3%);
     color: #CD7501;
     border-radius: 50%;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     display: flex;
}
 .bo-intro .bo-intro-one p{
}
 .upgrade .sears{
     cursor: pointer;
     display: block;
     margin: 0.25rem 0.15rem;
     vertical-align: top;
     position: relative;
     background: rgba(255,255,255,1);
     border: 2px solid rgba(232,204,171,1);
     box-shadow: 0rem 0rem 0.15rem 0rem rgb(101 57 9 / 20%);
     border-radius: 0.2rem;
     padding-bottom: 0.5rem;
}
 .upgrade .sears:hover{
     background: rgba(255, 255, 255, 1);
     box-shadow: 0rem 0.1rem 0.2rem 0rem rgb(101 57 8 / 61%);
     border-radius: 0.2rem;
     border: 2px solid rgba(101, 57, 8, 1);
}
 .upgrade .sears h3 {
     font-size: 0.65rem;
     text-align: center;
     margin: 0.625rem 0 0.325rem;
     font-weight: bold;
     color: rgba(50, 26, 0, 1);
     line-height: 1rem;
     letter-spacing: 0.05rem;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     display: flex;
}
 .upgrade .sears .symbol {
     vertical-align: -0.15rem;
     margin-right: 0.1rem;
     background-image: url(//js.tuguaishou.com/vip/2019/vip-icon-20190307.png?v=9);
     background-repeat: no-repeat;
     display: inline-block;
}
 .sears .symbol.vip-icon0 {
     background-position: -6.825rem -1.55rem;
     width: 0.875rem;
     height: 0.775rem;
     transform: scale(1.3);
     margin-right: 0.38rem;
}
 .sears .price {
     height: 1.75rem;
     font-size: 1.5rem;
     text-align: center;
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
}
 .sears .price span {
     font-size: 0.4rem;
     color: #321A00;
     font-weight: 600;
     position: relative;
}
 .sears .price span {
     color: #CC7400;
}
 .sears .orange {
     color: #CC7400;
}
 .sears .switch {
     display: block;
     width: 3.45rem;
     height: 1rem;
     text-align: center;
     line-height: 1rem;
     background: #FFFFFF;
     margin: 1rem auto 0.65rem;
     color: #653908;
     font-size: 0.5rem;
     transition: all 0.2s;
     border-radius: 0.1rem;
     border: 1px solid #653908;
}
 .sears .switch {
     cursor: pointer;
}
 .sears .switch {
     margin-top: 0.625rem;
     margin-bottom: 0.25rem;
}
 .sears .sears-desc {
     font-size: 0.4rem;
     color: #666666;
     text-align: center;
}
 .sears .sears-desc {
     margin-bottom: 0.4rem;
     margin-top: 0.625rem;
     width: 100%;
     text-align: center;
     display: block;
}
 .sears .swi-diff,.sears .switch:hover {
     background: #653908;
     color: #FFFFFF;
     transition: all .2s;
}
 .group{
     margin-top: 1.25rem;
}
 .reward-table{
     margin-bottom: 0.5rem;
}
 .Edit{
     padding: 0.75rem;
}
 .Edit .info-ul{
     width: 100%;
     height: auto;
}
 .Edit .info-ul li{
     width: 100%;
     height: auto;
     line-height: 1rem;
     margin-top: 0.65rem;
     justify-content: left;
     align-items: center;
     display: flex;
}
 .Edit .info-ul li h4{
     display: flex;
     margin-bottom: 0;
     font-size: 0.55rem;
     justify-content: left;
    /* 水平居中 */
     align-items: center;
}
 .Edit .info-ul li h4 span{
}
 .Edit .info-ul li:after {
     content: '';
     clear: both;
     display: block;
     font-size: 0;
}
 .Edit .info-ul li .avatar{
     width: 3rem;
     height: 3rem;
     border-radius: 50%;
     border: 1px solid #ccc;
     float: left;
     cursor: pointer;
     background-size: 100% 100%;
     background-position: center center;
     background-repeat: no-repeat;
     overflow: hidden;
}
 .Edit .module-Head {
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.45);
     text-align: center;
     font-size: 0.35rem;
     color: #FFF;
     line-height: 3rem;
     -webkit-transition: all .2s;
     transition: all .2s;
     z-index: -1;
     opacity: 0;
}
 .Edit .module-Head:hover{
     z-index: 10;
     opacity: 1;
}
 .Edit .info-name{
     font-size: 0.35rem;
     color: #595959;
     display: block;
     float: left;
}
 .Edit .info-name span{
     color: #FF9800;
     margin-left: 0.575rem;
     cursor: pointer;
}
 .Edit .info-ul li.useravatar label{
     font-size: 0.35rem;
     color: #606266;
     float: left;
     display: block;
     width: auto;
     padding-top: 0.75rem;
     margin-right: 1.85rem;
}
 .Edit .info-ul li label{
     font-size: 0.35rem;
     color: #606266;
     float: left;
     display: block;
     margin-right: 0.85rem;
     width: 1.9rem;
     margin-bottom: inherit;
}
 .Edit .updated{
     display: block;
     width: auto;
     float: left;
}
 .Edit .autograph{
     position: relative;
}
 .Edit .input-right{
     position: absolute;
     right: -42%;
     color: #FF9800;
}
 .Edit .button-btn{
     width: 4.35rem;
     margin-top: 0.35rem;
}
 .Edit .btn_unbind{
     color: #FF9800;
     font-size: 0.35rem;
}
 .info-input{
     position: relative;
     font-size: 0.35rem;
     display: inline-block;
     width: 100%;
}
 .info-input input{
     -webkit-appearance: none;
     background-color: #FFF;
     background-image: none;
     border-radius: 0.11rem;
     border: 0.01rem solid #DCDFE6;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: #606266;
     display: inline-block;
     font-size: inherit;
     height: 1rem;
     line-height: 1rem;
     outline: 0;
     padding: 0 0.31rem;
     -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
     transition: border-color .2s cubic-bezier(.645,.045,.355,1);
     width: 100%;
}
 .Edit.qv-ul li.lineHei {
     line-height: 1rem;
     position: relative;
}
/* 上传头像 */
 .modal_upload{
     max-width: 45%;
}
 .modal-dialog{
}
 .modal-content {
     position: relative;
     background-color: #fff;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
    /* border: 1px solid #999;
     */
    /* border: 1px solid rgba(0,0,0,.2);
     */
     border-radius: 0.15rem;
     outline: 0;
    /* -webkit-box-shadow: 0 0.075rem 0.225rem rgba(0,0,0,.5);
     */
    /* box-shadow: 0 0.075rem 0.225rem rgba(0,0,0,.5);
     */
     color: #000;
}
 .modal-header {
     min-height: 16.1.075rem;
     padding: 0.38rem;
     border-bottom: 0.025rem solid #e5e5e5;
}
 .modal-body {
     position: relative;
     padding: 0.38rem;
}
 .avatar-body {
     padding-right: 0.38rem;
     padding-left: 0.38rem;
}
 .avatar-upload {
     overflow: hidden;
}
 .avatar-upload label {
     display: block;
     float: left;
     clear: left;
     width: 2.5rem;
}
 .avatar-upload input {
     display: block;
     margin-left: 2.75rem;
}
 .alert {
     padding: 0.38rem;
     margin-bottom: 0.5rem;
     border: 1px solid transparent;
     border-radius: 0.1rem;
}
 button.close {
     -webkit-appearance: none;
     padding: 0;
     cursor: pointer;
     background: 0 0;
     border: 0;
}
 .alert-danger {
     color: #a94442;
     background-color: #f2dede;
     border-color: #ebccd1;
}
 .avater-alert {
     margin-top: 0.25rem;
     margin-bottom: 0.25rem;
}
 .avatar-wrapper {
     height: 9.1rem;
     width: 100%;
     margin-top: 0.38rem;
     box-shadow: inset 0 0 0.125rem rgba(0,0,0,.25);
     background-color: #fcfcfc;
     overflow: hidden;
}
 .avatar-preview {
     float: left;
     margin-top: 0.38rem;
     margin-right: 0.38rem;
     border: 1px solid #eee;
     border-radius: 0.1rem;
     background-color: #fff;
     overflow: hidden;
}
 .avatar-wrapper img {
     display: block;
     height: auto;
     max-width: 100%;
}
 .avatar-preview img {
     width: 100%;
}
 .preview-lg {
     height: 4.6rem;
     width: 4.6rem;
     margin-top: 0.38rem;
}
 .preview-md {
     height: 2.5rem;
     width: 2.5rem;
}
 .preview-sm {
     height: 1.25rem;
     width: 1.25rem;
}
 .avatar-btns .btn-group {
     margin-right: 0.125rem;
}
 .avatar-btns {
     margin-top: 0.75rem;
     margin-bottom: 0.38rem;
}
 .btn-group, .btn-group-vertical {
     position: relative;
     display: inline-block;
     vertical-align: middle;
}
 .mac_login_form img{
     width: 2.5rem;
     height: 2.5rem;
}
 #security{
     background-color: white;
     padding: 0.38rem;
     color: black;
}
 #security form{
}
 #security .form_itme{
     display: flex;
     margin: 0.45rem 0rem;
     height: 0.825rem;
     justify-content: left;
     align-items: center;
     flex-direction: row;
}
 #security .form_itme label{
     width: 2.975rem;
}
 #security .form_itme .member-input{
     border: 1px solid #c4c7ce;
     height: 0.75rem;
     width: 40%;
     padding-left: 0.25rem;
}
 #security .form_itme a,.wjmm a{
     color: red;
     margin-left: 0.425rem;
}
 .input-itme{
     align-items: center;
     justify-content: left;
     flex-direction: row;
     display: flex;
     margin: 0.5rem 0rem;
}
 .input-itme label{
     width: 2rem;
     text-align: right;
}
 .input-itme .member-input{
     background-color: #FFF;
     background-image: none;
     border-radius: 0.1rem;
     border: 1px solid #DCDFE6;
     box-sizing: border-box;
     color: #606266;
     display: inline-block;
     font-size: inherit;
     height: 1rem;
     line-height: 1rem;
     outline: 0;
     padding: 0 0.38rem;
}
 .input-itme .btn_bind{
     margin-left: 0.25rem;
     background-color: #eee;
     border: none;
     padding: 0.2rem 0.38rem;
     border-radius: 0.1rem;
}
 .help_open{
}
 .help_open b{
     color: #FF5722;
}