.wm1200 { width: 1200px; height: auto; margin: 0 auto; padding: 0}
.member-main {width: 1200px;overflow: hidden; margin:60px 0 60px 0;padding: 60px 0 60px 0;border: 1px solid #ccc; box-shadow: 0 0 20px #ccc}


.per_my_menu {flex-wrap: nowrap;padding: initial;width:510px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius:12px;border:2px solid #ebebeb;background: #ebebeb;margin-top: 80px;}
.part-tit {text-align: center; font-size:1.3rem;font-weight: bold;margin-top:16px;}
.part-tit.part-tit span{font-size: 14px;margin-left:6px;}
.per_my_menu ul {display: flex;}
.per_my_menu ul li{flex: 1; text-align: center; line-height:62px;}
.per_my_menu ul li img {width: 37px; height: 37px;margin-top: 10px;}
.per_my_menu .more{text-align: center;line-height:60px;}

.per_reset-btn {width: 460px; margin: 140px 0 0 80px; }
.per_btn-tab {width:460px;margin-top:40px;padding-left: 1px;padding-bottom: 40px;display: block;height: auto;overflow: hidden;}
.per_btn-tab li {width: 140px;float: left;text-align: center;height:50px;line-height:50px;color: #587932;
 /*border-radius: 18px;*/cursor: pointer; /*background:#fff;*/background: url(../images/pay/bg-white-01.jpg) no-repeat 100%/100%;
 /*border: 1px solid #ccc;*/
}
.per_btn-tab li p{color: #587932;text-align: center;font-size: 20px;font-weight: bold;}
.per_btn-tab li p span {font-size: 16px;}
.per_btn-tab li.curr {background: url(../images/pay/bg-green-01.jpg) no-repeat 100%/100%;
 /*background: -webkit-linear-gradient( right, #587932 0%, #7dad46 100%), -webkit-linear-gradient( right, #587932 0%, #7dad46 100%) ,#587932;*/
}
.per_btn-tab li.curr p{color: #fff;}
.per_btn-tab li.curr a:hover {text-decoration: none;}
.per_btn-tab .intro {text-align: center;color: #333; font-size:18px;}

.per_content ul li {display: none;padding: 3%;width: 100%;background: -webkit-linear-gradient( right, #7dad46 0%, #587932 100%), -webkit-linear-gradient( right, #7dad46 0%, #587932 100%) ,#587932;text-align: center;
 padding: 8px 0 8px 0;margin-top:40px;}
.per_content ul li a{color: #fff;width:100%; display: block;}

.per_content .cd-popup-trigger {font-size: 1.2rem;}.feedback {text-align: center;margin-top: 20px;padding-bottom:10px;}
.feedback a{color: #0e8dd4;text-decoration: underline;margin-left:6px;}

.personal_center_L {width: 540px; float: left;}
.personal_center_L_head {width: 310px;float: right;}
.personal_center_L_head img{ width: 140px; height: 54px;}
.personal_center_L_head span {font-size: 32px; margin-left: 6px; color: #393939;}

.personal_center_R {width: 590px; float: right;}
.personal_center_R_head{width: 380px;height:100px;border-left:4px solid #a1a1a1;}
.personal_center_R_head .pic{float: left; width:120px;overflow: hidden; text-align: center; margin-left: 12px;}
.personal_center_R_head .pic img{width: 96px; height: 96px;border-radius: 50%;}
.personal_center_R_head .name_right {margin-top:10px;float: left;}
.personal_center_R_head .name_right {line-height: 30px;}
.personal_center_R_head .name_right a {text-decoration: none;}
.personal_center_R_head .name_right .p1 {color: #000;font-size: 18px; margin: 6px 0; overflow: hidden;margin-right: 16px;min-height: 22px; }
.personal_center_R_head .name_right .p2 { color: #000 ;}
.personal_center_R_head .name_right .p2 .w-vip {background: #dfdfdf; padding: 2px 6px;color: #aaaaaa;margin-right: 6px;}
.personal_center_R_head .name_right .p2 .s-vip{background: #f7e9ce; padding: 2px 6px;color: #b4864b;margin-right: 6px; }
.personal_center_R_head .name_right .p2 .renew { color: #feb302;text-decoration: underline;margin-left: 4px;}






.cashier_desk_page {width: 870px;height: auto; margin: 0 auto; overflow: hidden;}
.cashier_desk_page_title {height: 50px; font-size: 18px; color: #767676;}
.cashier_desk_page_title img {width: 24px; height: 21px;}
.cashier_desk_page_title span {margin: 0 6px 0 6px;}
.cashier_desk_page_L {width: 410px; float: left; border-right:2px solid #ebebeb; text-align: center;}
 .cashier_desk_page_L .tm {color: #363435;}
.cashier_desk_page_L .tm span{margin: 0 3px 0 3px;}
.cashier_desk_page_L .pay_code {margin: 25px;}
.cashier_desk_page_L .pay_code img{width: 210px; height: 210px;}
.cashier_desk_page_L .hint {color: #888888; font-size: 12px;}

.cashier_desk_page_R { width:380px; float: right;}
.cashier_desk_page_R .title{color: #4b4b4b;}
.cashier_desk_page_R .money_number {color: #232323; font-size: 24px;line-height:160px;}
.cashier_desk_page_R .money_number span {font-size: 55px;margin-left: 10px;}
.cashier_desk_page_R .order_list{ color: #9a9899;}
.cashier_desk_page_R .order_list li {height: 35px; line-height: 35px;}
.cashier_desk_page_R .order_list li span {color: #3e3e3e;margin-left: 25px;}

.feedback-advice textarea{
 background: #f6f6f6;
 color: #333;
 border-radius: 5px;
 border: none;
 width:700px;
 height: 300px;
 line-height:44px;
 font-size:26px;
 resize: none;
 margin-left: 200px;
 padding:50px;
 border: 1px solid #d4d4d4;
}
.feedback-advice-btn{color: #fff;
 margin-top: 20px;
 margin-bottom: 20px;
}
.feedback-advice-btn a{display: block;
 height: 36px;
 line-height: 36px;
 width: 40%;
 margin-left: 30%;
 text-transform: uppercase;
 text-align: center;
 color: #FFF;
 font-size: 1rem;
 -webkit-transition: background-color 0.2s;
 -moz-transition: background-color 0.2s;
 transition: background-color 0.2s;
 background: -webkit-linear-gradient( right, #7dad46 0%, #587932 100%), -webkit-linear-gradient( right, #7dad46 0%, #587932 100%) ,#587932;
}


.cd-popup {
 position: fixed;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 background: rgba(0,0,0,0.3);
 opacity: 0.6;
 visibility: hidden;
 -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
 -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
 transition: opacity 0.3s 0s, visibility 0s 0.3s;
 z-index: 111;
}

.cd-popup.is-visible {
z-index:999999;
 opacity: 1;
 visibility: visible;
 -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
 -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
 transition: opacity 0.3s 0s, visibility 0s 0s;
}



.alertHeader {
 font-size: 24px;
 height:57px;
 line-height:57px;
 text-align: center;
 background-color: #eeeeee;
 color: #808080;
}
.alertIco {text-align: center;}
.alertIco img {width: 40%;margin-top: 20px;}
.alertHint {text-align: center; font-size: 14px;}
.alertHint span {color: #5688e9;}
.alertHint span a{color: #5688e9; text-decoration: underline;}
.alertContent {
 color: #333;
 height: 4rem;
 line-height: 4rem;
 font-size: 1.2rem;
 text-align: center;
}
.alertContent .wx{width: 80%; }
.alertContent .wx .wx-ico { float: left;}
.alertContent .wx .wx-ico img {width:20%;margin-right: 6px;margin-bottom:-8px;}
.alertContent .wx .rrr-ico {float: right;}
.alertContent .wx .rrr-ico img {width:40%;margin-top: 20px;}
.alertFooter {
 height: 5rem;
 text-align: center;
 line-height: 5rem;
 border-top: 1px solid #ccc;
 font-size: 0;
}

.cd-popup-container{width:520px;
height: auto;
 position: absolute;
 top: 20%;
 left:34%;
 padding-bottom: 20px;
 border-radius: .5rem;
 overflow: hidden;
 background-color: #fff;}

.cd-popup-container .cd-buttons{color: #fff;margin-top:20px;margin-bottom:20px; }
.cd-popup-container .cd-buttons:after {
 content: "";
 display: table;
 clear: both;
}
.cd-popup-container .cd-buttons li {
 float: left;
 width: 50%;
}
.cd-popup-container .cd-buttons a {
 display: block;
 height: 36px;
 line-height: 36px;
 width: 40%;
 margin-left: 30%;
 text-transform: uppercase;
 text-align: center;
 color: #FFF;
 font-size: 1rem;
 -webkit-transition: background-color 0.2s;
 -moz-transition: background-color 0.2s;
 transition: background-color 0.2s;
 background: -webkit-linear-gradient( right, #7dad46 0%, #587932 100%), -webkit-linear-gradient( right, #7dad46 0%, #587932 100%) ,#587932;
 border-radius: 25px;

}
.cd-popup-container .cd-buttons li:first-child a {
 background: #fc7169;
 border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
 background-color: #fc8982;

}
.cd-popup-container .cd-buttons li:last-child a {
 background: #b6bece;
 border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
 background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
 position: absolute;
 top:4px;
 right: 8px;
 width: 30px;
 height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
 content: '';
 position: absolute;
 top: 12px;
 width: 14px;
 height: 3px;
 background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 left: 8px;
}
.cd-popup-container .cd-popup-close::after {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 right: 8px;
}
.is-visible .cd-popup-container {
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}
.form-item, .btn, .other {
 margin-left: 80px;
 width:370px;
}

.form-item input {
 width:360px;
 margin-top: 20px;
 height: 60px;
 text-transform: uppercase;
 border: 0;
 outline: none;
 border-bottom: 1px solid #9f9f9f;
}
.form-item input::placeholder{
 font-weight: bold;
 color: #c9c9c9;
 font-size: 14px;
}
.form-item input:focus {
 animation: Bottom 2s infinite ;
}

.form-item .codeLine {position: relative;}
.form-item .loginFindPasswordWrap {position: absolute; right: 14px; bottom: 16px;}

.next22 { text-align: center;color: #787878;font-size: 14px;cursor: pointer;margin-top:20px;}
.next22 span { margin: 0 10px 0 10px;}
.feedback_head {width:640px;height: 120px; overflow: hidden; text-align: center; margin-left: 280px;margin-top: 60px;}
.feedback_head_L {width: 310px; float:left;}
.feedback_head_L img{width: 140px; height: 54px;}
.feedback_head_L  span {font-size: 32px; margin-left: 6px; color: #393939;}
.feedback_head_R {width: 310px; float:right;border-left:4px solid #a1a1a1;}
.feedback_head_R p {color: #393939;font-size: 30px;height: 50px;line-height: 50px; overflow: hidden;margin-left: 16px;min-height: 22px;float: left;}



.clear { clear: both;}
#footer {
 text-align: center;
 font: 12px  "Microsoft YaHei";
 color: #333;
 line-height: 21px;
 clear: both;
 border-top: 1px solid #a8a8a8;
 padding: 8px 0px;
 margin-top:10px;
 padding-top:10px;
 position: relative;
 z-index: 9999;
 background: #FFF;
}
#footer .footer_x {
 color: #333;
 font: 12px "Microsoft YaHei";
 line-height: 21px;
}
#footer .footer_x a {
 padding: 0 4px 0 6px;
 color:#333;
 text-decoration:none;
}
#footer p { line-height:21px;}
.ft-links {text-align: center; padding-top:20px; }
.ft-links img { margin:0 3px 0 3px;display: inline-block;}



.tip{position:absolute;top:0;left:0;width:100%;padding:1.33333vw;-webkit-box-sizing:border-box;box-sizing:border-box;border-top-left-radius:1.33333vw;border-top-right-radius:1.33333vw;color:#fff}
.tip.error{background:rgba(255,0,0,.8)}
.tip.success{background:rgba(93,187,93,.8)}
.BaseLayer>.tip{position:static;width:auto;min-width:53.33333vw;min-height:26.66667vw;border-radius:1.33333vw;background:#fff;padding:4vw;font-size:4.8vw;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.BaseLayer>.tip.error{-webkit-box-shadow:inset 0 0 4vw rgba(255,0,0,.9);box-shadow:inset 0 0 4vw rgba(255,0,0,.9)}
#layer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}