.user-list-message{ background:#b32a2a;padding:20px 0px;text-align:center;position:relative;color:#fff;}
.user-list-message .account{font-size:35px;padding:20px 70px;padding-bottom:0px;word-break:break-all; }
.user-list-message .head-portrait {border:3px solid #fff;border-radius: 100%;max-width: 170px;max-height: 170px;margin-top: 20px;}
.user-list-message .bonus {padding: 15px 0px;}
.user-list-message .bonus span{font-weight:bold;color:#fc0}
.user-list-message .sign-in img{height: 25px;border-radius:3px;margin-left:5px}
.user-list-message .sign-in .vip{height:25px}
.user-list-message .vipintegral{display:inline;position:relative;z-index:1;cursor:pointer}


.user-e-mail_verification .email-tip{color: #009688;margin-top: 20px;}
.user-e-mail_verification .email-tip i{margin-right: 20px;}
.user-list-message .verification{color:#fff;padding:12px;line-height:12px;border-radius:30px;position:absolute;right:20px;top:42px;font-size:26px; background:#22916D}
.user-list-message .user_home{position: absolute;left:0px;top:20px;}
.user-list-message .user_home i{font-size: 42px;position: absolute;left: 0px;top: 12px;width: 80px;color:#fff;}

.user-menu{margin-top:30px; background:#fff;min-height: 656px}
.user-menu img{width:50px;margin-right:16px}
.user-menu  li a{padding:20px;display:block;border-bottom:1px solid #F7F7F7;position:relative}
.user-menu  li i{position:absolute;top:25px;color:#cfcfcf;font-size:37px;right:20px;font-weight:normal;}

.user-title{ background:#b32a2a;color:#fff;padding:20px;text-align:center;font-size:30px;}
.user-title i{font-size:42px;position:absolute;left:0px;top:12px;width:80px;color:#fff;}
.user-title .del{font-size:38px;position:fixed;z-index:1;top:4px;padding-top:13px;right:6px;background:#b32a2a;border-radius:40px;width:65px;height: 52px;}
.user-title .fa-spin{font-size:35px;}
.user-title .loader-inner{display:none}

/* about membership */
.about-membership{background:#fff;padding:20px}
.about-membership .mem_title{font-weight: bold;font-size: 18px;padding-top:20px;}
.about-membership p{font-size: 14px;line-height:27px;padding-top:10px}
.memberlevel img{border-radius:3px}
.memberlevel ul{background:#fff;margin-top:12px;padding:20px}
.memberlevel ul span{color:#666;font-size:16px}
.memberlevel ul li{padding:5px 0px;line-height: 25px;}
.memberlevel li p{padding-top:2px;font-size:16px}
.memberlevel li em{color:#888;font-size:12px;padding-right:5px}

/* E-mail Verification */
.dialog_s{display: none}
.user-e-mail_verification .fim_cont{margin-bottom: 20px;padding:20px;position: relative;text-align: left;}

.user-e-mail_verification{min-height:992px}
.user-e-mail_verification  {margin-bottom: 20px;position: relative;text-align: left;}
.user-e-mail_verification .t_hint{font-size:18px;color:#666;line-height:22px;padding-top:12px}
.user-e-mail_verification .t_title { padding-bottom: 6px;}
.user-e-mail_verification  .red {color: #EF6F81;}
.user-e-mail_verification .form-control {text-indent: 0px;height: 35px;line-height: 20px;width: 98%;}
.user-e-mail_verification .ico_r {display:none; left: 36px;position: absolute;color: #A2A2A2;top: 70px;font-size: 26px;}
.user-e-mail_verification .d_btn{position: relative;}
.user-e-mail_verification .d_btn .tips,
.user-e-mail_verification .d_btn  .tips_yes{top: -29px;}
.user-e-mail_verification .d_btn .form-control {text-indent: 10px}
.user-e-mail_verification .btn_m {margin-top: 50px;width: 100%;text-align: center;position: relative;}
.user-e-mail_verification  .btn_m .loader-inner{display:none;position: absolute;top: 0px;}
.user-e-mail_verification .btn_m .loader-inner i {margin-top: 17px; font-size: 30px;}
.user-e-mail_verification .btn_m .btn {width: 100%;margin: auto;height: 66px; margin-top: 0px;font-size: 30px;padding: 0;}
.user-e-mail_verification  .forgot_poss {text-align: center;padding-top:40px}
.user-e-mail_verification  .forgot_poss .ant_tip{padding-bottom:20px;}
.user-e-mail_verification .forgot_poss .tip_anc { font-weight: bold;color: #EF6F81;}
.user-e-mail_verification .d_f-fs1{padding-top:50px;}
.user-e-mail_verification .d_f-fs1 .blue {color: #1b8261;}
.user-e-mail_verification .d_conts .btn{display:block;line-height:62px}
.user-e-mail_verification .d_conts p{padding-top:12px;text-align:center;}
.user-e-mail_verification .d_conts{position:relative}
.user-e-mail_verification .d_conts .y_ico{text-align:center;height:120px;margin-top:50px;}
.user-e-mail_verification .d_conts .fa-check{color: #22916D;margin:auto;font-size:70px;border: 2px solid #22916D;border-radius: 55px;padding: 15px;}


/* change email */
.change_email{padding:20px;min-height:710px}
.change_email b {font-weight: bold;margin-left: 5px;color: #fb9347;font-size:30px;display:block}
.change_email p.o_r_text {margin: 15px 0;padding-bottom:34px;display: block;font-weight: normal;line-height: 35px;}
.change_email .btn_m {margin-top: 50px;width: 100%;text-align: center;position: relative;}
.change_email .btn_m .loader-inner{display:none}
.change_email .btn_m .loader-inner i {margin-top: 17px; font-size: 30px;}
.change_email .btn_m .btn {width: 100%;margin: auto;height: 66px; margin-top: 0px;font-size: 30px;padding: 0;}
.change_email .list_a_2 {margin-top:50px;}
.change_email .list_a_1 .tips_yes,
.change_email .list_a_1 .tips{top: -42px;}
.change_email .list_a_2 .tips_yes,
.change_email .list_a_2 .tips{ top: -33px;}
.change_email li {position: relative;clear: both;}
.change_email .form-control{ width:97%;height: 50px;}
.change_email .o_text{padding-top:50px;}
.change_email .o_text .blue {color: #1b8261;}
.change_email  .y_ico{text-align:center;height:120px}
.change_email  .fa-check{color: #22916D;margin:auto;font-size:70px;border: 2px solid #22916D;border-radius: 55px;padding: 15px;}
.change_email .list_astep_height{padding-top:44px;text-align:center}
.change_email .list_astep_height .btn{display:block;line-height:62px}

/* user profile */
.user-profile{ background:#fff;}
.user-profile li{border-bottom:1px solid #e1e1e1;position:relative;}
.user-profile dt{padding:30px 25px;}
.user-profile .icon {padding:30px 25px;}
.user-profile .pm { color:#e3385c;padding: 30px 0px 30px 156px;font-size:16px}
.user-profile .pm img{border-radius:4px;position:absolute;left:30px;top:36px}
.user-profile .pm a{padding-left:22px;color: #14a590;}

.user-profile .inte_win{ color:#e3385c;padding: 30px 156px;position:relative;padding-bottom: 45px;}
.user-profile .inte_win img{border-radius:4px;position:absolute;left:30px;}
.user-profile .inte_win .jdt {width: 100%;height: 20px;background: #edeaea;border-radius: 10px; margin-top:2px;overflow: hidden;}
.user-profile .inte_win .jc_p{color: #000;text-align: center;font-size: 16px;line-height:22px;position:absolute;right: 20px;top: 30px;}
.user-profile .inte_win .jdt .j_j{ height: 20px; background: #1abc9c;transition: all 0.3s linear 0s;position: relative;line-height: 20px;border-radius: 10px;}
.user-profile .inte_win .getmore{padding-top:13px;color:#666;font-size:16px;top:50px;left:0px;   position: absolute;text-align:center;width:100%;line-height:12px}


.user-collection .d_user_m_ul span em{font-weight: normal;color: #666;font-size: 18px;}
.user-collection .d_user_m_bt em a{color:#e53333;opacity: 0.8;cursor: pointer;}
.user-collection .d_user_m_bt em a:focus{opacity:1;}

.user-profile .icon img{border-radius:4px}
.user-profile .icon a{color:#e3385c;
animation:myfirst 1s linear infinite;
-moz-animation:myfirst 1s linear infinite;
-webkit-animation:myfirst 1s linear infinite;
-o-animation:myfirst 1s   linear infinite;}
@keyframes myfirst{from {color:#6DCCA4;}}
@-moz-keyframes myfirst{from {color:#6DCCA4;}}
@-webkit-keyframes myfirst{from {color:#6DCCA4;}}
@-o-keyframes myfirst {from {color:#6DCCA4;}}









.user-profile dt img{width:70px;border-radius:50px;position:absolute;right:20px;top:10px}
.user-profile  dd {position: fixed;overflow:auto;left: 0px;top: 0px;padding-top:10px;height: 100%;width: 100%;z-index: 2;background: rgba(0,0,0,0.8);}
.user-profile  dd  li {float: left;width: 25%;text-align: center; padding: 25px 0px;border:0px;}
.user-profile  dd  li img{width:80px;border-radius:120px;}
.user-profile .po_input{padding:0px;}
.user-profile .po_input .form-control{border:0px;width:100%;height:85px; line-height:85px;text-indent:20px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.user-profile .birthday .form-control{float:left;width:46%}
.user-profile .birthday .tipmm{color:#f60;line-height:85px}

.user-profile .gender{padding:30px 25px;}
.user-profile .gender .form_circle{float:right;padding-left:60px}
.user-profile .gender .gen_text{float:left;}
.user-profile .gender .hover{color:#b32a2a;}
.user-profile .gender .hover .fa-dot-circle-o{display:inline-block}
.user-profile .gender  .hover .fa-circle-o,
.user-profile .gender .fa-dot-circle-o{display:none}
.user-profile .messenger i{font-style:normal}
.user-profile .messenger i i{color:#000}
.user-profile .messenger dd {}
.user-profile .messenger li{color:#fff;border-bottom:1px solid #a8a8a8;width:100%;text-align:left;text-indent:20px;padding:25px 0px;}
.user-profile .address .form-control{font-family: Verdana, Arial, Helvetica, sans-serif;border:0px;width:100%;height:100px;padding-top:30px;text-indent:20px}
.user-profile .user_btn{padding-top:20px;}
.user-profile .user_btn .btn_m {margin: 30px 30px;text-align: center;position:relative;}
.user-profile .user_btn .btn_m .loader-inner{display:none;position:absolute}
.user-profile .user_btn .btn_m .loader-inner i {margin-top: 17px; font-size: 30px;}
.user-profile .user_btn .btn_m .btn {width: 100%;margin: auto;height: 66px; margin-top: 0px;font-size: 26px;padding: 0;}

/* gift_package */
.gift_package li{background:#fff;margin-top:12px;padding:12px}
.gift_package li span{color:#666;padding-right:4px}
.gift_package li strong{color:#f60}
.gift_package li p{word-break:break-all;padding: 8px 0px;}
.gift_package li p a{color:#0c8cf8}
.gift_package .pro_load{padding:15px;text-align:center;cursor:pointer;background:#fff;margin-top:12px;position:relative;}
.gift_package  .pro_load .loader-inner{ background:#fff;position:absolute;width:100%;top: 8px;left: -21px;display:none}
.gift_package .details{border-top:solid 1px #ececec;margin-top:0px;padding:0px 12px}
.gift_package .details img{max-width: 100px;}


/* edit login password */
.user-login_password{padding:30px;min-height:857px;}
.user-login_password  li{padding-top:34px;text-align:center;position:relative;width:100%}
.user-login_password .form-control{width:96%;height:50px;padding-left:12px;margin:auto}
.user-login_password  .user_btn{padding-top:20px;}
.user-login_password  .user_btn .btn_m {margin: 30px 0px;width: 100%;text-align: center;}
.user-login_password  .user_btn .btn_m .loader-inner{display:none}
.user-login_password  .user_btn .btn_m .loader-inner i {margin-top: 17px; font-size: 30px;}
.user-login_password  .user_btn .btn_m .btn {width: 99%;margin: auto;height: 66px; margin-top: 0px;font-size: 26px;padding: 0;}

/* collection */
.user-collection{min-height:877px}
.user-collection li{position:relative;}
.user-collection .coll_check{width:40px;height:40px;position:absolute;right: 15px;top: 30px;}
.user-collection .coll_check i{font-size:40px;color:#bbb}
.user-collection .form_checkbox i{top: -4px;}
.user-collection .form_checkbox .fa-check-square{left: 0px;top: -4px;color:#b32a2a}
.user-collection  .right_seller_price p {width: 90%;}


/* purchased orders */
.web-seek-top{ background:#b32a2a;padding:20px;}
.web-seek-top .input-group{float:left;width:60%;position:relative}
.web-seek-top .input-group .form-control{border:0px;background:#fff;font-size:20px;width:100%;height:40px;}
.web-seek-top .input-group .fa-search {position: absolute;right: -10px;top: 0px; color: #fff;background: #5a5959;height:36px;line-height: 34px;display: block;padding: 7px 15px;border-bottom-right-radius:6px;border-top-right-radius:6px;}
.status_down{width:34%;float:right;position:relative}
.status_down dt {background: #fff;border-radius: 6px;height: 36px;font-style: normal;line-height: 34px;display: block;padding: 7px 15px;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;padding-right: 42px;}
.status_down dt b{position:absolute;right:17px;top:10px;font-size:30px;}
.status_down dd{position:fixed;left:0px;top:0px;padding-top:42px;height:100%;width:100%;z-index:2; background:rgba(0,0,0,0.8);}
.status_down dd li{float:left;width:33.3%;text-align:center;padding: 35px 0px;color:#fff}
.user-purchased_orders{min-height:787px}
.user-purchased_orders ul li{position:relative;background:#fff;margin-top:10px;min-height:170px;}
.user-purchased_orders .info-one{color:#666;padding:10px 20px;font-size:16px}
.user-purchased_orders .time_cloe i{float:left;color: #666;}
.user-purchased_orders .time_cloe{height:30px;padding: 5px 20px;}
.user-purchased_orders .time_cloe span{float:right;color:#EF6F81}
.user-purchased_orders .info-two{padding:0px 20px;padding-bottom:2px;line-height: 26px;}
.user-purchased_orders .info-two em{ background:#22916d;border-radius:5px;padding:1px 4px;color:#fff;font-size:12px}
.user-purchased_orders .buy_main{padding: 5px 20px;padding-bottom: 16px;}
.user-purchased_orders  .table-jz{float:left;font-weight:bold;padding-bottom:10px;padding-top: 9px;}
.user-purchased_orders  .b_tay{color:#666;width:218px;float:right;position:relative}
.user-purchased_orders  .b_tay p{text-align: right;    font-size: 19px;    padding-top: 10px;}
.user-purchased_orders  .b_tay .btn{font-size:20px;padding:7px 0px;text-align:center;margin-top:6px;display:block;cursor:default}
.user-purchased_orders  .b_tay .loader-inner{position:absolute;width:100%;bottom:0px;display:none}
.user-purchased_orders .customer{ width:180px;}
.user-purchased_orders .customer .btn{font-size:17px;}
.user-purchased_orders .or_list{ background:#fff;margin-top:12px;padding:7px;padding-top:0px}
.user-purchased_orders .or_list .orli_time{font-size:16px; color:#a4a4a4;padding-top:20px}
.user-purchased_orders .or_list .verfy {width: 97%; padding: 10px 15px;margin-top: 12px;background: #E9F1EE; border-radius: 4px;}
.user-purchased_orders .or_list .verfy .phone .form-short { float: left;width:70%;height:34px; border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.user-purchased_orders .or_list .verfy .btn {float:left;width:20%;    border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
.user-purchased_orders .or_list .verfy .phone {padding-top: 12px; position: relative;}
.user-purchased_orders .or_list .verfy .phone .tips{top: -21px;}
.user-purchased_orders .or_list .verfy  p { padding-top: 12px;}
.user-purchased_orders .but_paktika{ width:350px;text-align:center;padding-top:14px}
.user-purchased_orders .or_list .but_paktika .btn{display:block;width:279px}
.user-purchased_orders .or_list .but_paktika .loader-inner{width:229px;display:none}
.user-purchased_orders .m_border{border-top: 3px solid #62C0AC;margin-top: 15px;}
.user-purchased_orders .get_ct{padding:10px 20px;border-top: 1px solid #CDD8D4;background: #E9F1EE; position:relative}
.user-purchased_orders .get_ct span{color:#666;padding-right:5px}
.user-purchased_orders .get_ct img{display:block;max-width:500px;border:1px solid #ddd}
.user-purchased_orders .get_ct .code{font-weight:bold;color:#EF6F81}
.user-purchased_orders .get_ct .code span{font-weight:normal;color:#666;font-size:14px;}
.user-purchased_orders .get_ct .c_time{font-size:14px;color:#666}
.user-purchased_orders .get_ct .name{font-size:14px;font-weight:bold}
.user-purchased_orders .get_ct .number{font-size:14px;}


.user-purchased_orders .lison li{margin-top:0px;border-top:1px dotted #DDD;}



/* security_index */
.security_index{width: 88%;padding:20px 0px 10px 0px;border-radius:5px;margin:auto}
.security_index .secur_t{float:left;background:url(../images/user/security_1.png) no-repeat 0px 0px;height:44px; line-height:44px;text-indent:50px;padding-right: 14px;}
.security_index .scindex{float:left;}
.security_index .scindex p{margin-top:17px;width:48px;height:10px;margin-left:10px;background:#d0d0d0;border-radius:5px;float:left;}
.security_index .scindex .jm{float:left;font-weight:bold;color:#FD7572;padding-left:15px;padding-top:4px;padding-right:15px;}
.security_index .scindex .active{ background:#fd7572}
.security_index .settings{float:left;margin-top:6px}

/* security */
.security {margin-top:20px;float:left;width:100%;}
.security li{border-bottom:1px solid #f2f2f2; background:#fff;padding:30px 0px;padding-left:120px;position:relative}
.security li .title{font-weight:bold;color:#f60}
.security li p{padding-top:5px;color:#666;font-size:12px;width:98%;}
.security .s-ico{width:65px;height:65px;text-align:center;border:2px solid #d4d4d4;border-radius:65px;position:absolute;left:20px;top: 19%;}
.security .s-ico .fa{font-size:25px;color:#d4d4d4;padding-top:19px}
.security .active .title{color:#22916D}
.security .active .s-ico i{color:#22916D;}
.security .active .s-ico{border:2px solid #22916D;}
.security .btn{margin-top:10px;min-width:260px;}



/* security_questions */
.security_questions {padding:30px;min-height:860px;}
.security_questions .fim_cont{padding:10px 30px 30px 30px;}
.security_questions .saf_title{padding-top:37px;padding-bottom:8px;display:block}
.security_questions .btnmain{margin-top:42px;position:relative}
.security_questions .btnmain .btn{padding:12px 7px;width:100%;    font-size: 30px;}
.security_questions .btnmain .loader-inner{height:49px;}
.security_questions .btnmain .ball-clip-rotate{margin-top:7px}
.security_questions .form-control{width: 95%;padding:9px;}
.security_questions .quest_down{width:100%;position:relative;}
.security_questions .quest_down dt {background: #fff;border-radius: 6px;height: 36px;font-style: normal;line-height: 34px;display: block;padding: 7px 15px;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;padding-right: 42px;position:relative;border: 1px solid #e0dede;}
.security_questions .quest_down dt b{position:absolute;right:17px;top:10px;font-size:30px;}
.security_questions .quest_down dd{position:fixed;left:0px;top:0px;height:100%;width:100%;z-index:2; background:rgba(0,0,0,0.8);overflow: auto;}
.security_questions .quest_down dd li{float:left;width:99%;text-align:center;padding: 20px 0px;color:#74d1ff;border-bottom:1px solid #6b6b6b}


/* security_verification */
.security_verification{padding:22px;min-height:800px;}
.security_verification .security_questions {min-height:300px;padding-top:0px;border:1px solid #ddd; background:#fff;border-top: 0px solid #ddd;}
.sartest{text-align:center;color:#666}
.security_verification .sa_tab{opacity:0.8;font-size:20px;margin-top:22px;background:#fff;cursor:pointer;font-weight:bold; line-height:60px;padding-left:13px;border:1px solid #ddd; background: #fffdf5;}
.security_verification .sa_tab:hover{opacity:1}
.security_verification .sa_tab .fa-angle-down{float:right;font-size:16px;padding-right:28px; padding-top: 18px;}
.security_verification .sa_active{ border-top:4px solid #6dcca4;border-bottom:1px solid #fff;opacity:1;cursor:default;}
.security_verification .tab-questions{border:1px solid #f0f0f0;padding:20px;padding-top:0px;}
.security_verification .tab-verification{border:1px solid #f0f0f0;padding-bottom:40px;display:none}
.security_verification .user-e-mail_verification{min-height:230px;padding-top:0px;border:1px solid #ddd; background:#fff;border-top: 0px solid #ddd;}
.security_verification .user-e-mail_verification .fim_cont{margin:0px;}
.security_verification .user-e-mail_verification .t_title{padding-top:12px}
.security_verification .user-e-mail_verification .d_front{padding-top:44px}

/* bonus_point */
.bonus_point{padding:22px;min-height:800px;}
.bonus_point p b{font-size:14px;}
.bonus_point p{font-size:14px;padding-top:30px;}
.bonus_point{line-height: 29px}
.tabli{border-bottom:1px solid #ddd;}
.tabli li{width:50%;line-height:55px;height: 55px;float:left;text-align: center;}
.tabli .active{border-bottom: 3px solid #b32a2a;margin-bottom: -1px;font-weight:bold;}
.tabli .active a{color:#b32a2a;}
.tabli a{text-decoration: none;display: block;line-height: 45px;}
.tabcont{min-height:800px;}
.tabcont .contli{display: none}
.tabcont .active{display: block;}
.tabcont .contli li{padding:15px;border-bottom: 1px solid #ddd;color:#707070;}
.tabcont .contli li p{font-size: 14px}
.tabcont .contli li p span{color:#333;padding-right:16px;}

.tabcont .contli .pro_load{font-size: 14px}