.user-banner{background:url(../../image/44/user/user-banner.jpg) no-repeat center top; height: 346px;}
.head-sculpture{padding:20px;text-align:center}
.head-sculpture .head-img img{width:120px;border-radius: 50%;}
.head-sculpture .head-account{font-size:1rem;line-height:42px;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; font-weight:bold;}

.head-mp{border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex}
.head-mp a{display:block;flex:1;text-align:center;padding:12px 0px;}
.head-mp .fa{padding-right:12px;}
.head-mp .fa-mobile-phone{font-size: 19px;padding-right: 6px;position: relative;top: 2px;}
.user-left .a-title{font-size:1.2rem;padding: 16px}

.user-left{background:#fff;width:240px;box-shadow: 0px 1px 7px 0px rgb(34 25 25 / 40%);position: relative;top:-280px;    padding: 23px 0px;}
.user-left .user-menu li{padding-left:20px;height: 40px;line-height: 40px;}
.user-left .user-menu .line-x{border-bottom:1px solid #ddd;height:1px;overflow:hidden;margin: 15px 0px;}
.user-left .user-menu .active{background:#000;}
.user-left .user-menu .active a{color:#fff;font-weight:bold}

.user-right {flex: 1;padding-left: 30px;}
.user-right .user-seat{position:relative;top: -39px;left:0px;font-size: 1rem;color: #fff;}
.user-right .user-seat a{color:#fff}
.user-right .user-seat em{padding:0px 13px;opacity: 0.4;}
.user-right .user-title-warp{display:flex;justify-content: space-between;align-items: flex-start;}
.user-right .user-title-warp .user-title{font-size:1.2rem;font-weight:bold;    height: 60px;}
.user-right .user-title-warp .user-title:after{content: "";width:0px; height:0px; border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #000;font-size:0px;line-height:0px;display: inline-block;margin-left: 13px;position: relative;top: -2px;opacity: 0.7;}
.user-right .user-del{position:relative;height: 34px;}

/* boxlist */
.boxlist{display:grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows auto;grid-column-gap:40px;grid-row-gap: 40px;margin: auto}
.boxlist .box-li{box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);background:#fff;padding:12px}
.boxlist .box-li .box-item{position:relative;text-align:center;overflow: hidden;background: #f6f6f6;}
.boxlist .box-li .box-item:before {content:'';background:linear-gradient(45deg,rgba(103,178,111,0.6),rgba(76,162,205,0.6));height:100%;width:100%;opacity:0;filter:blur(10px);transform:scale(1) rotate(180deg);position:absolute;left:0;top:0;z-index:1;transition:all 0.4s ease-in-out;}
.boxlist .box-li:hover .box-item:before {box-shadow:0 0 10px 2px #555;opacity:1;filter:blur(0);transform:scale(0.92,0.9) rotate(0);}
.boxlist .box-li .box-info{position:relative}
.boxlist .box-li .box-info .checkbox{position:absolute;right:-15px;bottom: 0;}
.boxlist .box-li .box-info .item-title{padding:5px 0px;font-weight: 600;height: 67px;overflow: hidden;}
.boxlist .box-li .box-info .p-sort{padding:4px 0px; color: #969696;}
.boxlist .box-li .box-info .original-price{text-decoration: line-through;}
.boxlist .box-li .box-info .present-price{font-weight:bold;font-size:1.2rem}
.boxlist .box-li img{width: 100%;transition:all 0.5s ease-in-out;height: 100%;}
.boxlist .box-li:hover img {transform:scale(1.9) rotate(45deg);}
.boxlist .box-li a{display:block;height: 100%;transition:all 0.5s linear;}
.boxlist .box-li  .box-content {color:#fff;text-align:center;width:100%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(3);position:absolute;top:50%;left:50%;z-index:1;transition:all 0.5s ease;}
.boxlist .box-li:hover .box-content {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
.boxlist .box-li .stock {font-size:1.1rem;text-transform:capitalize;}
.boxlist .box-li .title {font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;margin:10px;color:#fff}
.boxlist .box-li .box-icon {padding:0;margin:0;list-style:none;filter:blur(10px);transform:scale(0);position:absolute;left: 50%;bottom:29px;z-index:2;transition:all 0.5s ease 0.2s;margin-left:-44px;}
.boxlist .box-li:hover .box-icon {transform:scale(1);filter:blur(0);}
.boxlist .box-li .box-icon li {display:inline-block;}
.boxlist .box-li .box-icon li .glyphicon-heart{left:-1px}
.boxlist .box-li .box-icon li .glyphicon{ top: 3px;}
.boxlist .box-li .box-icon li a {color:#fff;background:rgba(000,000,000,0.6);font-size:18px;text-align:center;line-height: 35px;height: 35px;width: 35px;margin:0 3px;display:block;position:relative;transition:all 0.3s;border-radius: 34px;}
.boxlist .box-li .off{background:#f66a78;border-radius: 40px;color:#fff;height: 40px;left: 12px;position: absolute;top: 12px;width: 40px;text-align:center;line-height: 40px;font-weight: bold;transition:all 0.5s ease-in-out;opacity:0.9;z-index:1}
.boxlist .box-li:hover .off{opacity:0}
.c-flex .web-n-more{text-align:center;width: 282px;margin: 36px auto;height: 50px;margin-bottom: 35px;position:relative}
.c-flex .web-n-more a{box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);background:#fff;display: block;height: 50px;line-height: 50px;text-transform: capitalize;font-size: 1rem;}


.page-tab{margin-bottom: 46px;display: flex;justify-content: space-between;align-items: center;}
.page-tab ul{display:flex;}
.page-tab li{font-size:1.1rem;height: 58px;position: relative;}
.page-tab li a{display:block;padding: 12px 41px;height: 100%;}
.page-tab .active{border-bottom:2px solid #000;font-weight: bold;height: 59px;position: relative;top: 1px;}

/*page about us*/
.page-wbg{background: url(../../image/44/user/page-banner.jpg) no-repeat center top;}
.user-right .user-aboutus{line-height:2rem;}
.user-right .best-title{font-size:1.2rem;font-weight:bold;}
.user-right .user-aboutus img{float:right;width: 309px;height: 100%;box-shadow: 10px 10px 20px #ccc;}

/* Help Center */
.helpcenter{padding:22px;padding-top:0px;padding-bottom:40px;font-size:0.9rem;}
.helpcenter .m-h{font-weight:bold;font-size:1.2rem;margin-top:26px}
.helpcenter .title{font-size:1rem;font-weight:bold;padding-top:20px;padding-bottom: 6px;}
.helpcenter p{line-height:22px;padding-bottom:0px}
.helpcenter a{color:#0a7aac;cursor: pointer;}

/* terms */
.terms{padding:22px;padding-top:0px;padding-bottom:40px}
.terms b{font-weight:bold;padding-top:32px;margin:0px;display: block;}
.terms p{padding-top:10px}
.social p{padding-top:22px}

/*user-notice*/
.user-right .user-notice .notice-nr a{padding:1em 3em;line-height: 1.7em;height:100%;background: #fff;width:100%;border-radius:3.4em 0em;margin:2em;display: block;}
.user-right .user-notice .notice-nr a:hover{background:#fff;box-shadow: 10px 10px 20px #ccc;}
.user-right .user-notice .notice-nr h2{font-weight:800;font-size: 1.3em;position: relative;}
.user-right .user-notice .notice-nr span{font-weight: normal;font-size:1em;font-size: 0.8em;line-height: 19px;position: absolute;right: 2em;}


/*user-per-info*/
.user-right .user-per-info{margin:2% 0 0 5%;}
.user-right .user-per-info .but{background: #000;width:15em;height:4em;line-height: 4em;color: #fff;text-align: center;margin-left:18.3%;margin-top: 2em;}
.user-right .user-per-info .but a{font-size: 18px;color: #fff;cursor:pointer;display: block;}
.user-right .user-per-info .but a:hover{background:rgb(254 0 0);}
.user-right .user-per-info .user-pf-nr{font-size:1rem;line-height:3em;position: relative;}
.user-right .user-per-info .user-pf-nr ul li{line-height: 3em;position: relative;display: flex;align-items: center;padding: 4px 1px;}
.user-right .user-per-info .user-pf-nr .input{height:2em;min-width:26em;border: 1px solid #ccc;background: #f8f8f8;outline: none;margin-left: 20px;padding-left: 10px;}
.user-right .user-per-info .user-pf-nr input:hover{border: 1px solid var(--btn-black);}
.user-right .user-per-info .user-pf-nr .radio{padding-left: 22px;}
.user-right .user-per-info .user-pf-nr .radio label { margin-right: 42px;}
.user-right .user-per-info .user-pf-nr .input-time{height:2em;min-width:222px;border: 1px solid #ccc;outline: none;margin-left: 20px;padding-left: 10px;}
.user-right .user-per-info .user-pf-nr .input-time:hover{border: 1px solid var(--btn-black);}
.user-right .user-per-info .user-pf-nr .input1{height: 2em;min-width:40em;border: 1px solid #ccc;background: #f8f8f8;outline: none;margin-left: 20px;    padding-left: 9px;}
.user-right .user-per-info .user-pf-nr .input2{height:5em;min-width:51.5em;border: 1px solid #ccc;background: #f8f8f8;outline: none;line-height: 25px;font-size: 14px;margin-left: 20px;}
.user-right .user-per-info .user-pf-nr .input2:hover{border: 1px solid var(--btn-black);}
.user-right .user-per-info .user-pf-nr .input3{height:1em;margin-left:1%;min-width:2em;border: 1px solid #ccc;background: #f8f8f8;outline: none;}
.user-right .user-per-info .user-pf-nr ul li span{width:16.5%;display: inline;text-align: right;}
.user-right .user-per-info .user-pf-nr .btn-group{font-size:0.5em;margin-left: 2em;}
.user-right .user-per-info .user-pf-nr .btn-group .switch{width:11em;line-height: 20px;}
.user-right .user-per-info .user-pf-nr ul li select {height:2.5em;min-width:40em;border: 1px solid #ccc;background: #f8f8f8;margin-left: 20px;}
.user-right .user-per-info .user-pf-nr ul .newsletter .yuan{width: 24px;}
.newsletter .ym .text{position: absolute;top: -11px;left: 12px;font-size: 12px;}
.newsletter .ym.yoff .text{right: 8px;left: auto;}
.newsletter .news_lt{float:left;padding:5px 5px 0px 0px}
.newsletter .n-off{width:70px;overflow:hidden;height:30px;position: absolute;left:214px;top: 12px;background:#BDC3C7;cursor:pointer;border-radius:30px}
.newsletter .ny_war{width:140px;position:absolute;left:-70px;transition: all 0.3s linear 0s;height: 30px;}
.newsletter .ny_no{left:0px;}
.newsletter .ym{float:left;width:70px;height:30px;background:var(--btn-black);border-radius:30px;position:relative;color: #fff;font-weight: bold;padding: 5px 0px 0px 15px;}
.newsletter .yuan{height: 24px;position: absolute;top:3px;right:3px;background:#fff;border-radius:30px}
.newsletter .yoff{background:none;padding: 5px 0px 0px 32px;color:#fff}
.newsletter .yoff .yuan{top:3px;left:3px;background:#7F8C9A;}
.user-per-info .inp-tis{position: relative;}
.user-per-info .inp-tis .tips{line-height: 20px;font-size: 12px;top: -17px;left: 20px;}


.user-per-info .inp-account{padding-left:21px;position: relative;}
.user-per-info .inp-account .user-email{margin-top:-4px;color: #de9292;padding: 3px 9px;background: #ffffff;border:0px;font-size: 12px;line-height: 17px;position: relative;left: 12px;border-radius: 50px;    display: inline-block;cursor: pointer;}
.user-per-info .inp-account .user-email:hover{color:#fd7572}


/*user- password*/
.user-right .user-per-info .butt{width: 100%;height:4em;line-height: 4em;text-align: center;margin-left:18.3%;margin-top: 2em;}
.user-right .user-per-info .butt ul li a{margin-right: 10px;float: left;width: 15%;background: var(--btn-black);color: #fff;}
.user-right .user-per-info .butt a{font-size: 18px;color: #fff;cursor:pointer;display: block;}
.user-right .user-per-info .butt a:hover{background:rgb(254 0 0);}

/* form_radio */
.form_radio {position:relative;text-indent:28px;cursor:pointer;float:left;padding:2px 0px;margin-top: 0;margin-left: 20px;}
.user-right .user-per-info .user-pf-nr ul li .form_radio span{position:absolute;top:20px;left:0px;border:2px solid #ddd;border-radius:12px;width:18px;height:18px;margin:0px;cursor:pointer; background:#fff}
.user-right .user-per-info .user-pf-nr ul li .radio .radio_active span{border: 2px solid #e45e5f;}
.form_radio span i{display:none;}
.form_radio .radio:hover,
.form_radio:hover span{border:2px solid#e45e5f}
.form_radio .radio_active .radio{border:2px solid #e45e5f}
.radio .radio_active i{display:block; background:#e45e5f;width:8px;height:8px;border-radius:8px;position:absolute;top:3px;left: 3px;}
.radio .radio_active span{border:2px solid #e45e5f}
.radio{margin:0px;}
.user-table .radio{ margin:0px;padding:0px;}
.user-table .radio li{padding-right:26px; float:left}



/*u_account_r*/
.u-account-r { width: 145px;position: absolute; right: 280px; z-index: 1; top: 60px;}
.u-account-r .icon {float:right;height:136px;position: relative;width:130px;}
.u-account-r .icon img{width:130px; opacity:0.8;border-radius:100%; cursor: pointer;   box-shadow:0px 0px 4px 1px #ddd}
.u-account-r .icon:hover img{opacity: 1;}


/*xg_avatar*/
.xg_avatar{background:#f1f1f1;border-radius: 5px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);right: 0px;position: absolute;top: 143px;width:445px;z-index: 9;display:none}
.x_sc a {display: block; background: #4f4f4f;position: absolute;  right: -9px;top: -6px; z-index: 999;   color: #ffffff; cursor: pointer;  line-height: 23px;border-radius: 38px; font-size: 24px; text-align: center; width: 30px;  height: 30px;}
.avatar_l{background:#f1f1f1;padding-bottom:12px; border-radius:5px}
.ul_tab_cent{float:left; height:370px; overflow-y:scroll; overflow-x:hidden; width:437px;*overflow:hidden; *position:relative; *z-index:21}
.avatar_ul{ position:relative;z-index:20; float:left;width:411px;padding-left: 12px;padding-bottom:8px}
.avatar_ul li{float:left;width:45px;padding-bottom:6px;height:45px;position:relative;margin:0px 6px 0;}
.avatar_ul li img{width:40px; border:1px solid #a7b0ba;padding:1px;border-radius:3px;transition: all 0.3s linear 0s;}
.avatar_ul li:hover img{border:1px solid #D4682E;box-shadow:0px 0px 4px 1px #D4682E}
.ul_tab_cent .hav_title { color: #101010; margin-top: 0px; padding-left: 18px;text-align: left;  float: left;height: 40px;  width: 475px; line-height: 42px;}



/* select */
.select{position:relative;margin:0px;cursor:pointer}
.select dt{border:1px solid #ddd;height: 34px;padding: 6px 12px;min-width: 85px;font-weight:normal}
.select dt:hover{border: 1px solid var(--btn-black);}
.select dt .caret{position: absolute;top:14px;right: 10px;}
.select dd{width:100%;position: absolute;display:none;top: 100%;left: 0;z-index: 1000;min-width: 85px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;list-style: none;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-clip: padding-box;}
.select dd ul{margin:0px;padding-left:8px; line-height:22px;font-weight:normal}
.select dd li:hover{ background:#F5F5F5;}
/*user-giftPackage */

.user-right .user-giftPackage .user-giftPackage-t{height:4.5em;background: #e2e2e2;width: 100%;border: 1px solid #d2d2d2;}
.user-right .user-giftPackage .user-giftPackage-t ul{display: flex;flex-wrap: wrap;}
.user-right .user-giftPackage .user-giftPackage-t ul li{width:9%;line-height:4em;font-size: 1.2em;}
.user-right .user-giftPackage .user-giftPackage-t .ug-ttitle-p{width:37%;padding-left: 3%;}
.user-right .user-giftPackage .user-giftPackage-t .ug-ttitle-p input{margin-right: 1%;}

.user-right .user-giftPackage .user-giftPackage-nr{background: #fff;border:1px solid #d2d2d2;border-top: none;}
.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table{border-bottom: 1px solid #ccc;}

.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table h2{width: 100%;background: #f6f6f6;border-bottom: 1px dashed #ccc;height: 3em;padding-left: 3%;
	margin: 0 auto;line-height: 3em;font-weight: 600;}
.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table	.user-gp-bj{background: #effaff;}
.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-bg{border: 1px #b5d5e4 solid;border-bottom: none;}

.user-giftPackage-nr .user-giftPackage-table .time{float: right; padding-right:3%;    font-weight: 100;}
.user-giftPackage-nr .user-giftPackage-table input{padding-right: 2em;margin-right: 0.5em;}
.user-giftPackage-nr .user-giftPackage-table .uP-table-prname{width:25%;}
.user-giftPackage-nr .user-giftPackage-table .uP-table-prname span{color: #ccc;}
.user-giftPackage-nr .user-giftPackage-table  .uP-table-pice span{color: #ccc;}
.user-giftPackage-nr .user-giftPackage-table  .uP-table-guantity{text-align: center;}
.user-giftPackage-nr .user-giftPackage-table img{width:70px;height:100%;margin-left: 1.8em;}

.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table ul{display: flex;flex-wrap: wrap;}
.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table ul li{min-width: 8%;padding:1em;border-right: 1px solid #d2d2d2;display: flex;align-items: stretch;flex-wrap: wrap;flex-direction: column;align-content: stretch;justify-content: center;}
.old-pic{color: #9b9b9b;font-size:0.8em;}
.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table  .but{height:3em;width:10em;background: #000;color: #fff;display: block;margin:auto;text-align: center;line-height:1em;}
/*.user-right .user-giftPackage .user-giftPackage-t ul li input{width: 10%;padding-right: 2em;margin-left: 2em;margin-right:0.5em;}*/


.uer-collateral .p-title{display: flex;border-bottom: none;}
.uer-collateral .p-title li:not(:first-child){margin-left: 25px}
.uer-collateral .p-title li a{font-size: 1rem;padding-bottom: 20px;font-weight: 700;    margin: 0 1em;    white-space: nowrap;}
.uer-collateral .p-title li a:hover{font-weight: 600;border-bottom: 4px solid #fe0000;color: #fe0000;}
.uer-collateral .p-title li.active a{border-bottom: 4px solid #fe0000;display: block;font-weight: 600;color: #fe0000}
.uer-collateral .p-title ul li span{color: #ccc;font-size: 1em;}

.uer-collateral {display: flex;justify-content: space-between;}
.uer-collateral .p-search {width:21%;position: relative;display: flex;}
.uer-collateral .p-search .searchterm {width: 100%;border:none;padding: 5px;height:2.5em;	border-radius:20em;	outline: none;color: #000;background: #fff; text-indent: 10px;}
.uer-collateral .p-search .searchterm:focus{color: #00B4CC;}
.uer-collateral .p-search .searchbutton {width: 40px;height: 36px;border:none;text-align: center;color: #000;border-radius:20em;cursor: pointer;font-size:1em;position: absolute;right: 5px;background: none;}


.uer-collateral .animated{margin-top: 20px;}
.uer-collateral .best-title{color: #000;background: transparent;padding-bottom: 0px;font-size: 16px;font-weight: bold}
.uer-collateral .animated .web-active{padding:20px 0;}
.uer-collateral .animated .web-active p{line-height: 25px;}
.uer-collateral .customer-review{margin-top: 20px;}
.uer-collateral .tab-content{margin-bottom: 130px;}
.customer-review .c-title{margin: 0;padding-bottom: 10px;}




.table-div{border: 1px solid #e2e2e2;background: #fff;margin-top: 24px;border-bottom: 0px;}
.table-div .table-ul{display: flex;border-bottom: 1px solid #ddd}
.table-div .table-headline{background: #e2e2e2;}

.table-div .table-ul li{position: relative; width:15%;color:#000000;font-weight: normal;text-align: left;padding:16px 28px; display: flex;align-items: center;}
.table-div .table-ul li .warp-info{padding-left: 12px;}
.table-div .table-ul li .warp-info p{padding: 3px  0px}
.table-div .table-ul li .min-txt{display:none;font-weight:normal}
.table-div .table-ul li.td-broad{width:40%}
.table-div .table-ul li.td-broad-d{width:54%;}
.table-div .table-ul li.td-broad-x{width:15%}
.table-div .table-ul li.td-15{width:16%}
.table-div .table-headline li{font-weight:600;color:#000;}
.table-div .table-ul li.img img{width:80px;}
.table-div .table-ul li .warp-info .info-two{font-size: 0.9rem;}

.table-div .table-ul li .protag span{margin-right: 5px;  opacity: 0.6;    font-size:12px;margin-right:11px;background:#f5f6f8;display:inline-flex;border-radius:3px;padding:5px}


.table-div .table-ul .btn-w{    flex-wrap: wrap;align-content: center;}
.table-div .table-ul .btn-w .btn{ min-width:128px;background:var(--btn-red);margin: 3px 0px}
.table-div .table-ul .btn-w  .bgray{background: #7c7b7b;}
.table-div .table-ul .btn-w  .btn-receipt{background: #0187d1;}
.table-div .table-ul .btn-w  .btn-green{background:var(--btn-red)}
.table-div .table-ul .btn-w .count-down{color: #666;font-size: 0.6rem;text-align: center;}

.table-div .table-ul li .warp-info .info-one i{padding-left: 21px;color: #8d8d8d;}
.table-div .table-ul li .info-two em{ margin-right: 5px;opacity: 0.6;font-size: 12px; margin-left: 11px;     line-height: 8px;background: #4e4e4e; display: inline-flex; border-radius: 3px; padding: 5px;    color: #fff; opacity: 0.4;}

.table-div .no-data{background-color:#fff;margin: 0px;height: 350px;    background-size: auto;}



.order-record{background: #fff;padding: 20px 20px;border: 1px solid #ddd;display: flex;justify-content: space-between;border-top: 0px;}
.order-record .pagination{padding: 0px;margin: 0;border-top: 0px;}
.order-record .record{padding-top: 9px;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #000000;border-color: #000000;}
.pagination>li>a, .pagination>li>span{color: #333}

/* about membership */
.about-membership .mem-title{font-weight: bold;font-size: 14px;padding-top:20px;}
.about-membership p{padding-top:10px;}
.about-membership table{margin-top:25px;}
.about-membership .table > tbody > tr > th{font-size: 12px}
.about-membership .table > tbody > tr > td,
.about-membership .table > thead > tr > th{vertical-align:middle;}
.about-membership td img{height: 25px;border-radius: 3px}

/*user-address*/
.user-right .ueer-title{font-size: 1.2rem;font-weight: 600;}
.user-right .ueer-title .af-lv { background: #d48080; font-size: 12px; display: inline-block; margin-left: 23px; border-radius: 12px; padding: 4px 20px;   color: #fff;opacity: 0.9;}
.user-right .address{margin-top: 40px;display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-rows: auto;grid-column-gap: 20px;grid-row-gap: 20px;}
.user-right .address .form-group{display: flex;align-items: center;width: 100%;}
.address .form-group label{width: 220px;text-align: right;margin-right: 30px;}
.address .form-group label span{color: #FF240D;}
.address .form-group .form-control{background: #fff;}
.address .form-group .input-tips{width: 100%;position: relative;}
.address .form-group .input-tips .tips{top: -30px;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{background: #fff;box-shadow: none;}
.address .form-group .input-tips.addr-ess .form-control{width: 248%;}
.user-right .address-footer{margin-top: 20px;position: relative;display: flex;justify-content: center;}
.user-right .address-footer .prel-oader{position: relative;}
.user-right .address-footer .btn{width:140px;height: 40px;padding: 0;line-height: 40px;border: none;font-size: 16px;}
.user-right .address-footer .btn-primary{margin-right: 20px;}
.user-right .address-footer .primary{background: #333;top: 12px;text-align: center;}
.user-right .address-footer .preloader-default{background: #fff;top: 12px;text-align: center;left: 55%;}
.user-right .table-responsive{background: #fff;margin-top: 60px;padding: 20px 0;padding-bottom: 0;}
.user-right .table-responsive .table{margin-bottom: 0;}
.user-right .table-responsive .table>thead>tr>th{border: none;padding: 0px 10px;padding-bottom: 20px;}
.user-right .table-responsive .table>tbody>tr>td, 
.user-right .table-responsive .table>thead>tr>th{border-top: none;border-bottom: 1px solid #eee;}
.user-right .table-responsive .table>tbody>tr>td{padding: 20px 10px;}
.user-right .table-responsive .table>tbody>tr{background: #F8F8F8;}
.user-right .table-responsive .operation{display: flex;align-items: center;}
.user-right .table-responsive .operation button{background: none;border: none;font-size: 20px;}
.user-right .table-responsive .operation .edit:hover i{font-weight: 600;}
.user-right .table-responsive .operation .delete:hover i{color: #FF240D;}
.user-right .table-responsive .table .del-ct{position: relative;display: inline-block;}


/* user security*/
.user-security{padding-bottom: 60px}
.user-security ul{display:flex;}
.user-security li{padding:40px;flex:1;position:relative;    margin-top:90px;  opacity: 0.9;transition:all 0.5s linear;}
.user-security li .li-box{background:#f4f4f4;box-shadow: 4px 4px 9px 2px rgb(214 214 214 / 73%);border-radius: 16px;border-top-right-radius: 47px;padding: 22px;height: 380px;background-repeat: no-repeat;background-position: right bottom;background-size: 136px;}
.user-security li:nth-child(2),
.user-security li:nth-child(2):hover{transform: scale(1.2);}
.user-security li:hover{opacity:1;}
.user-security li:hover .li-box{background-color:#fff;transition:all 0.5s linear;}
.user-security li:hover .sec-icon{background-color:#f4f4f4}
.user-security  .btn{background: var(--btn-red);}
.user-security .active .li-box{background-color:#fff;}
.user-security .active{ opacity:1;}
.user-security .active .btn{background:#00cc9a}
.user-security .active .sec-icon{background-color:#f4f4f4}
.user-security .active .title .tick{display:inline-block}


.user-security li .sec-icon{width: 46px;height: 46px;background: #fff url(../../image/44/user/security-icon.png) no-repeat -10px -4px;border-radius: 70px;}
.user-security li .sec-btn{text-align:center}
.user-security li .title{font-weight:bold;font-size:1.2rem;    padding-top: 10px;}
.user-security li .title .tick{ width: 30px; height: 30px; background: #00CC9A;border-radius: 31px;text-align:center;display: inline-block; position: relative;left: 25px;top: 6px;display:none;}
.user-security li .title .tick::before {content: '';position: absolute;width: 5px;height: 15px;color: #fff;border-bottom: 2px solid;border-right: 2px solid;top: 11px;transform-origin: center;  transform: translate(-50%, -30%) rotate(45deg); -webkit-transform: translate(-50%, -30%) rotate(45deg);}
.user-security li:hover{transform: scale(1.1);}

.user-security li:hover .sec-icon{-webkit-animation:goldmine_gold 2000ms 0s infinite normal;-moz-animation:goldmine_gold 2000ms 0s infinite normal;-ms-animation:goldmine_gold 2000ms 0s infinite normal;-o-animation:goldmine_gold 2000ms 0s infinite normal;animation:goldmine_gold 2000ms 0s infinite normal;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;}
@keyframes goldmine_gold{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
2%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
4%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
6%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
8%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
10%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
12%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
14%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
16%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
18%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
22%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);}
24%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
26%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
28%{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
30%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
32%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
}

@media (max-width:1300px){
	.user-security ul{width: 98%;}
	.user-security li{padding: 6px;margin-top: 24px;}
	.user-security li .li-box{height:auto}
	.user-security li:nth-child(2), .user-security li:nth-child(2):hover { transform: scale(1);}
}
@media (max-width:1024px){
	.user-security ul {display:block}
}

.user-security li .sec-cont{opacity: 0.7;    padding-top: 10px;}
.user-security li .btn{margin-top: 70px;}
.user-security li .sec-password{background-image:url(../../image/44/user/security-1.png);background-size: 180px;}

.user-security li .sec-mail{background-image:url(../../image/44/user/security-2.png); background-size: 222px;}
.user-security li .sec-mail .sec-icon{background-position:-100px -4px}
.user-security li .sec-question{background-image:url(../../image/44/user/security-3.png); background-size: 194px;}
.user-security li .sec-question .sec-icon{background-position:-198px -4px}
	







/*Partner Program*/
.user-right .pro-nav{margin-bottom: 30px;margin-top: 30px;}
.user-right .pro-nav .nav-tabs>li{float: initial;}
.user-right .pro-nav .nav-tabs{border: none;background:linear-gradient(180deg,#fff 50%, #E3E3E3 100%);display: flex;justify-content: space-between;}
.user-right .pro-nav .nav>li>a:focus,
.user-right .pro-nav .nav>li>a:hover{background: none;font-weight: 600;}
.user-right .pro-nav .nav-tabs>li>a:hover{border: none;outline: none;}
.user-right .pro-nav .nav-tabs a{padding: 20px 40px;border: none;font-size: 16px;}
.user-right .pro-nav .active a{font-weight: 600;}
.user-right .pro-nav .nav-tabs>li.active>a,
.user-right .pro-nav .nav-tabs>li.active>a:focus,
.user-right .pro-nav .nav-tabs>li.active>a:hover{background: none;border: none;}
.user-right .pro-nav .nav-tabs li a:after {content: '';display: block;position: absolute;width: 0%;bottom:2px;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;height: 4px;background: var(--btn-black);z-index: 2;left: 50%;-webkit-transform: translate(-50%,0%);border-radius: 50px;}
.user-right .pro-nav .nav-tabs li a:hover:after{width: 40px;}
.user-right .pro-nav .nav-tabs li.active a:after{width: 40px;}
.selection{display: flex;margin-top: 40px;flex-wrap: wrap;justify-content: space-between;}
.selection .dropdown-l{width: 200px;background: #fff;}
.selection .dropdown-l .select{border: none;outline: none;width: 100%;padding: 0;}
.selection .dropdown-l .start-date{border: none;outline: none;width: 100%;padding:6px 12px;}
.selection .dropdown-l:not(:first-child){margin-left: 20px;}
.selection  .order-search{margin-left: 20px;}
.selection .exp-pre{position: relative;}
.selection .exp-pre .btn-primary.export{margin-left: 20px;height: 34px;width: 100px;background: #49b57a;;}
.selection .exp-pre .btn-primary.export i{padding-right: 10px;}
.selection .exp-pre .primary{background: #333;top: 9px;text-align: center;left: 65%;height: 17px;}
.user-right .feed-table{margin-top: 30px;    overflow: inherit;}

/* pagination */
.pag-ina .pagination {display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin: 40px 0 0;}
.pag-ina .pagination li + li {margin-left: 8px;}
.pag-ina .pagination li>a {display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; background-color: #fff; border: 1px solid #ddd !important; border-radius: 18px !important; color: #888 !important;}
.pag-ina .pagination li.prev>a,
.pag-ina .pagination li.next>a {width: 42px;}
.pag-ina .pagination li.total {padding: 8px; color: #888;}
.pag-ina .pagination li>a:hover,
.pag-ina .pagination li>a:active {background-color: var(--btn-black); border: 1px solid var(--btn-black) !important; color: #fff !important;}
.pag-ina .pagination li.active>a,
.pag-ina .pagination li.active>a:hover,
.pag-ina .pagination li.active>a:active,
.pag-ina .pagination li.active>a:visited {background-color: var(--btn-black) !important; border: 1px solid var(--btn-black) !important; color: #fff !important;}
.pag-ina .pagination li.disabled>a {background-color: #f5f5f5 !important; border: 1px solid #ddd !important; color: #888 !important;}

/*user-tools*/
.selection .exp-pre.total{display: flex;align-items: center;}
.selection .exp-pre.total p{padding-right:6px;}
.selection .exp-pre.total span{color: #000;font-weight: 600;}
.selection .exp-pre.total .primary{left: 80%;width: 90px;}
.user-right .feed-table .table-center>tbody>tr>td{vertical-align: inherit;}
.user-right .table-center>tbody>tr>td .a-link{color: #000;}
.user-right .table-center>tbody>tr>td p{color: #999;}
.user-right .table-center>tbody>tr>td .btn-primary{width: 150px;background: var(--btn-red);}
.user-right .table-center>tbody>tr>td .generate{margin-right: 10px;}
.user-right .table-center>tbody>tr>td .ally-close{cursor:pointer;}
.user-right .table-center>tbody>tr>td i{font-size: 18px;padding: 0 5px;}

.ueer-title.title-return {
    margin-bottom: 31px;
}

/*payouts*/
.user-right .mt-thirdly{margin:25px 0px;text-align:center; position:relative; background:#fff;}
.user-right .mt-thirdly img{ width:100%; margin:19px 0px}
.user-right .mt-thirdly .p-pay{font-size:1rem; color:#000000;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #eee;padding: 30px 0;}
.user-right .mt-thirdly .p-pay em{color:#FF240D;font-weight: 600;font-size: 1.5rem;}
.user-right .mt-thirdly .p-pay .thirdly-pre{position: relative;}
.user-right .mt-thirdly .p-pay .primary{background: #333;height: 20px;margin-left: -28px;}
.user-right .mt-thirdly .p-pay .unava{margin-left:18px;width: 150px;}
.user-right .mt-thirdly .p-pay .unavailable,
.user-right .mt-thirdly .p-pay .unavailable:hover{background-color:#afafaf;opacity: 1;cursor: default;}
.user-right .mt-thirdly .mt-get{width: 60%;margin:auto;text-align: left;padding: 30px 0;}
.user-right .mt-thirdly .mt-get .mt-input{display: flex;justify-content: space-between;}
.user-right .mt-thirdly .mt-get .mt-get-l{padding-bottom: 30px;}
.user-right .mt-thirdly .mt-get .mt-get-l-t{font-size: 1.2rem;font-weight: 600;}
.user-right .mt-thirdly .mt-get .mt-get-l-z{color: #999;}
.user-right .mt-thirdly .mt-get .mt-price-in{display: flex;align-items: center;}
.user-right .mt-thirdly .mt-get .mt-price-in .input-money{width: 200px;margin-right:10px;}
.user-right .mt-thirdly .mt-get .exchange{padding-top: 5px;color: #999;}
.user-right .mt-thirdly .mt-get .bp-s{padding-top: 7px;}
.user-right .mt-thirdly .mt-get .bp-s b{color: #FF240D;}
.user-right .mt-thirdly .btn-unava{position: relative;}
.user-right .mt-thirdly .btn-unava .unavailable{width: 200px;}
.user-right .mt-thirdly .btn-unava .primary{background: #333;height: 22px;text-align: center;margin-left: -40px;}
.user-right .mt-table .price{color: #FF240D;font-weight: 600;}
/*sion-off */
.com-sion{display: flex;justify-content: space-between;margin: auto;padding: 30px 0;width: 60%;}
.com-sion .con-sion{width: 48%;padding: 20px;position: relative;text-align: left;box-shadow: 0px 6px 20px rgb(34 25 25 / 10%);border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
.com-sion .con-sion strong{font-size: 16px;}
.com-sion .con-sion p{width: 70%;padding-top: 15px;}
.com-sion .sion-off{position: absolute;right: 20px;top: 20px;}
.com-sion .sion-off .n-off{width:70px;overflow:hidden;height:30px;position:relative;left: 0px;background:#BDC3C7;cursor:pointer;border-radius:30px;}
.com-sion .sion-off .ny-war{width:140px;position:absolute;left:-70px;transition: all 0.3s linear 0s;}
.com-sion .sion-off .ny-no{left:0px;}
.com-sion .sion-off .ym{float:left;width:70px;height:30px; background:#BDC3C7;background:#34495E;border-radius:30px;position:relative;color: #fff;font-weight: bold;padding: 5px 0px 0px 15px;}
.com-sion .sion-off .yuan{height: 24px;width: 24px;position: absolute;top:3px;right:3px;background:#fff;border-radius:30px}
.com-sion .sion-off .yoff{background:none;padding: 5px 0px 0px 32px;color:#fff}
.com-sion .sion-off .yoff .yuan{top:3px;left:3px;background:#7F8C9A;}

/*user-order-details*/
.user-right .user-order-details{background: #fff;border: 1px solid #d2d2d2;height: 100%;font-size: 1.2em;}
.user-right .user-order-details .user-orderd-nr h2{margin: 0;display: flex;flex-wrap: wrap;justify-content: space-between;background-image: linear-gradient(#fdfdfd,#e7e7e7,#e7e7e7);height: 3em;line-height: 3em;padding-left:1.5em;font-weight: 700;font-size: 1.1em;}
.user-right .user-order-details .user-orderd-nr span{padding-right:2em;margin: 0;}

.user-right .user-order-details .user-orderd-nr ul {display: flex;flex-wrap: wrap;}
.user-right .user-order-details .user-orderd-nr ul li{width:13.6%;text-align: center;line-height: 2.5em;}

.user-right .user-order-details .user-orderd-nr-title{background:#f5f5f5;height:3em;border-bottom: 1px dashed #ccc;line-height: 3em;}
.user-right .user-order-details .user-orderd-nr-title .user-ortitle-proname{width: 29%;}

.user-right .user-order-details .user-orderd-table .line{border-bottom:1px solid #d2d2d2;}
.user-right .user-order-details .user-orderd-table ul li{height: 6em;line-height: 6em;}

.user-right .user-order-details .user-orderd-table .user-orderd-pro{text-align: left;width:30%; display: flex;flex-wrap: nowrap;flex-direction: row;padding:1%;}
.user-right .user-order-details .user-orderd-table .user-orderd-pro h2{background: none;font-weight: 100;line-height: 1em;font-size:1em;padding: 0.5% 5% 3% 5%;}
.user-right .user-order-details .user-orderd-table .user-orderd-pro span{font-size: 0.9em;color: #ccc;float: left;}
.user-right .user-order-details .user-orderd-table .user-orderd-pro image{height:72px;width:100%;padding-left:15%;}

.user-right .user-order-details .user-orderd-table .user-orderd-but{display: flex;flex-wrap: wrap;flex-direction: row-reverse;border: none;margin-top:2%;margin-right: 2%;}
.user-right .user-order-details .user-orderd-table .user-orderd-but li{line-height: 4em;}
.user-right .user-order-details .user-orderd-table .user-orderd-but .ustomer-Service{width:18em;height: 4em;background: #000;text-align:center;color: #fff;}




.user-right .user-giftPackage .user-orderd-t{height:4.5em;background: #e2e2e2;width: 100%;border: 1px solid #d2d2d2;}
.user-right .user-giftPackage .user-orderd-t ul{display: flex;flex-wrap: wrap;}
.user-right .user-giftPackage .user-orderd-t ul li{width:9%;line-height:4em;font-size: 1.2em;}
.user-right .user-giftPackage .user-orderd-t .ug-ttitle-p{width:26%;}

.user-right .user-giftPackage .user-orderd-nr{background: #fff;border:1px solid #d2d2d2;border-top: none;}
.user-right .user-giftPackage .user-orderd-nr .user-orderd-table{border-bottom: 1px solid #ccc;}

.user-right .user-giftPackage .user-orderd-nr .user-orderd-table h2{width: 100%;background: #f6f6f6;border-bottom: 1px dashed #ccc;height: 3em;padding-left: 3%;
	margin: 0 auto;line-height: 3em;font-weight: 600;}
.user-right .user-giftPackage .user-orderd-nr .user-orderd-table	.user-gp-bj{background: #effaff;}
.user-right .user-giftPackage .user-orderd-nr .user-orderd-bg{border: 1px #b5d5e4 solid;border-bottom: none;}

.user-giftPackage-nr .user-giftPackage-table .time{float: right; padding-right:3%;    font-weight: 100;}
.user-giftPackage-nr .user-giftPackage-table input{padding-right: 2em;margin-right: 0.5em;}
.user-giftPackage-nr .user-giftPackage-table .uP-table-prname{width:25%;}
.user-giftPackage-nr .user-giftPackage-table .uP-table-prname span{color: #ccc;}
.user-giftPackage-nr .user-giftPackage-table  .uP-table-pice span{color: #ccc;}
.user-giftPackage-nr .user-giftPackage-table  .uP-table-guantity{text-align: center;}
.user-giftPackage-nr .user-giftPackage-table img{width:70px;height:100%;margin-left: 1.8em;}

.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table ul{display: flex;flex-wrap: wrap;}
.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table ul li{min-width: 8%;padding:1em;border-right: 1px solid #d2d2d2;display: flex;align-items: stretch;flex-wrap: wrap;flex-direction: column;align-content: stretch;justify-content: center;}
.old-pic{color: #9b9b9b;font-size:0.8em;}
.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table  .but{height:3em;width:10em;background: #000;color: #fff;display: block;margin:auto;text-align: center;line-height:1em;}
/*.user-right .user-giftPackage .user-giftPackage-t ul li input{width: 10%;padding-right: 2em;margin-left: 2em;margin-right:0.5em;}*/

.user-orderd-nr .user-orderd-table .uer-collateral{margin: 0 auto;width:100%;padding: 2%;border-bottom: 1px solid #ccc;}
.user-orderd-nr .user-orderd-table .uer-collateral .order-title{border:0;width: 85%;margin: 0 auto;}
.user-orderd-nr .user-orderd-table .uer-collateral .order-title li{line-height:2em;width: 20%;}
.user-orderd-nr .user-orderd-table .uer-collateral .order-title li span{background: #f00;width: 3em;height: 3em;display: block;line-height: 3em;padding: 0;margin: 0 auto;border-radius: 999em;color: #fff;}
.user-orderd-nr .user-orderd-table .uer-collateral .order-title .order-over{background: #fff;color: #ccc;border: 1px solid #ccc;}

.user-orderd-nr .user-orderd-table .uer-collateral .order-nr{width: 85%;margin: 0 auto;margin-bottom:0}
.user--details-table{background:#f4f4f4;width: 90%;padding: 0;margin: 0 auto;border-radius: 1em;}
.user--details-table .order-details-title ul{border:0;}
.user-right .user-order-details .user-orderd-table .order-details-title ul li{width:40%;line-height:4em; height: 3em;font-weight: 600;}
.user-right .user-order-details .user-orderd-table .order-details-nr ul li{width:40%;line-height: 3em;height: 3em;}

.user-right .user-order-details .user-orderd-table .user-coll-Reinfor {padding-left: 5%;}
.user-right .user-order-details .user-orderd-table .user-coll-Reinfor h2{background-image:none;}
.user-right .user-order-details .user-orderd-table .user-coll-Reinfor ul{padding-left:2.5%;}
.user-right .user-order-details .user-orderd-table .user-coll-Reinfor ul li{width:20%;line-height:2em;height:2em;text-align:left;}
.user-right .user-order-details .user-orderd-table .user-coll-Reinfor .user-coll-Reinfor-nr{width: 69%;}

.user-bun{position: relative;}
.loader-inner{display: none;width: 100%;height: 50px;font-size: 1rem;background: var(--btn-black);display: none;position: absolute;top: 0;}
.loader-inner .btn-preloader{display: block;top: 20px;left: 114px;}

.user-right .user-list-r{background: #fff;padding: 40px;}
.d_user_m .d_user_m_ul li{border-bottom:1px solid #ddd;padding-bottom: 20px;padding-top: 20px;}
.d_user_m .d_user_m_ul li b{font-size: 14px;margin-bottom: 15px;font-weight: bold; display:block}
.d_user_m .d_user_m_ul li b span{float: right;font-size: 11px;font-weight: normal;display: block; color:#666}
.d_user_m_art p{line-height: 22px;}
.d_user_m_bt{margin-top:10px;}
.d_user_m_bt em{float: right;}
.d_user_m_bt span a{ color:#1b9069}

.user-right .user-list-r .about-membership{margin-top: 0px;}
.user-right .user-list-r .about-membership .mem_title{font-weight: bold;margin-top: 23px;}
.user-right .user-list-r .about-membership .table-responsive{margin-top:0px}

.user-right .about-membership .table-responsive .table>tbody>tr>td, 
.user-right .about-membership .table-responsive .table>thead>tr>th { border-top: none; border-bottom: 1px solid #eee; padding: 8px;border: 1px solid #ddd;}

/* security_index */
.security_index{ background:#f2f2f2;padding:10px 30px;width:100%;border-radius:5px;margin-bottom:14px;margin-top: 35px;display: flex;align-items: center;}
.secure_top{margin-top:0px;}
.security_index .secur_t{background:url(../../image/44/user/security_1.png) no-repeat 0px 0px;height:44px; line-height:44px;font-size:14px;text-indent:50px;padding-right: 14px;}
.security_index .scindex{display: flex;align-items: center;}
.security_index .scindex p{width:48px;height:10px;margin-left:10px;background:#d0d0d0;border-radius:5px;}
.security_index .scindex .jm{font-weight:bold;color:#FD7572;padding-left:15px;padding-right:15px;}
.security_index .scindex .active{ background:#fd7572}
.security_index .settings{margin-top:6px;font-size: 12px;}

/* security */
.security {margin-top:20px;width:100%;}
.security li{border-bottom:1px solid #f2f2f2;padding:30px 0px;padding-left:90px;position:relative}
.security li .title{font-weight:bold;color:#f60}
.security li p{padding-top:5px;color:#666;font-size:12px;width:60%;}
.security .s-ico{width:65px;height:65px;text-align:center;border:2px solid #d4d4d4;border-radius:65px;position:absolute;left:0px;top: 19%;}
.security .s-ico i{font-size:25px;color:#d4d4d4;top:28%;}
.security .active .title{color:#22916D}
.security .active .s-ico i{color:#22916D;}
.security .active .s-ico{border:2px solid #22916D;}
.security .btn{position:absolute;right:0px;top:35px;min-width:200px;}
.security_questions .saf_title{padding-top:12px;padding-bottom:8px;display:block}
.security_questions .btnmain{margin-top:22px;position:relative}
.security_questions .btnmain .btn{font-size:16px;width:100%;height: 50px;}
.security_questions .btnmain .loader-inner .btn-preloader{left: 54%;top: 18px;}
.security_questions .btnmain .ball-clip-rotate{margin-top:7px}
.security_questions .form-control{width:100%}
.security_questions .user-answer{position:relative;}
.security_questions .user-answer .tips{top:9px;}
.security_questions .user-answer .tips::after{display: none;}
.user-per-info .inp-tis .password{margin-left: 20px;}

.form-modal  .modal-content .title{color:#666;padding: 7px 0px;}
.form-modal  .modal-content .columns{display:grid;grid-template-columns: repeat(1, 1fr);grid-auto-rows auto;grid-column-gap: 20px;grid-row-gap: 20px;}
.form-modal   .modal-content .columns li{position:relative}
.form-modal   .modal-content .columns li .tips {top:-27px}
.form-modal   .modal-content .columns li .tips .caret {left: 30px; position: absolute; bottom: -3px; color: #fff3f3;}
.form-modal   .modal-content .columns li .tips::after{left: 0px;}
.form-modal  .user-bun{position: relative;margin-top: 22px;      margin-bottom: 14px; }
.form-modal  .user-bun .btn{display: block;width: 100%; height: 44px;}
.form-modal  .user-bun .loader-inner{display: none;width: 100%;height: 50px;font-size: 1rem;background: #fff; top:-1px;position: absolute;}
.form-modal .user-bun .loader-inner .btn-preloader { display: block;top: 11px;left: 50% ; margin-left: -37px;}
.change-password .change-password-p .tips{line-height: 25px;font-size: 14px;}

/* checkbox-text */
.coll_del .del_p{display:block}
.del_p{border-radius: 5px;height: 29px;opacity: 1;width:29px;z-index:2000;text-align:center}

.del_p .checkbox-text .form_checkbox span{width:20px;height:20px}
.del_p .checkbox-text .checkbox_active .glyphicon-ok {color: #fff;font-size: 12px; position: absolute;top: 2px;left:-26px; display: block;}
.del_p p{margin:auto;margin-top:71px;opacity:0.8; border-radius:60px;width:60px;height:60px; background:#22916D;cursor:pointer}
.del_p p i{padding:16px 16px 16px 15px;font-size: 25px;color:#fff;}
.del_p p:hover{opacity:1}
.coll_del:hover .actions-links{opacity:0}
.del_p .loader-inner{z-index:2000;left:51px;margin-top:71px; border-radius:60px;width:60px;height:60px; background:#22916D;}
.del_p .loader-inner .ball-clip-rotate {margin-top: 13px;}
.checkbox-text .form_checkbox {position:relative;text-indent:28px;cursor:pointer;float:left;padding:2px 0px;color:#666}
.checkbox-text .form_checkbox span{position:absolute;top:2px;left:0px;border:2px solid #ddd;width:18px;height:18px;margin:0px;cursor:pointer; background:#fff}
.checkbox-text .form_checkbox span i{display:none;}
.checkbox-text .form_checkbox .radio:hover,
.checkbox-text .form_checkbox:hover span{border:2px solid var(--btn-black);}
.checkbox-text .form_checkbox .radio_active .checkbox{border:2px solid var(--btn-black); }
.checkbox-text .checkbox_active .glyphicon-ok{color:#fff;font-size:9px;position:absolute;top:3px;left:-27px;display:block;}
.checkbox-text .checkbox_active span{border:2px solid var(--btn-black);background:var(--btn-black);}
.bot-purchase{display: flex;align-items: center;margin-top: 40px;justify-content: space-between;}

.web-tools-top {width: 200px;position: relative;}
.web-tools-top .input-group {padding-right: 0px;width: 100%;}
.web-tools-top .input-group .glyphicon-tools-search {position: absolute;right: 0px;top: 0px;z-index: 99;color: #cec9c9;font-size: 14px; padding: 10px 9px;cursor: pointer;}
.web-tools-top .input-group .glyphicon-tools-search:hover {color: #666;}


.fullbg{background-color:#000;display:none;z-index:999999;position:absolute;left:0px;top:0px;filter:Alpha(Opacity=80);/* IE */-moz-opacity:0.8;/* Moz + FF */opacity:0.8;}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.checkbox .glyphicon-ok{top:1px;left:1px}
	.checkbox-text .checkbox_active .glyphicon-ok {top: 2px;left: -27px;}
}

@media (max-width:1920px){
	.user-left{top:-230px;}
	.user-banner {height: 274px;background-size: cover}
	.user-right .user-per-info .user-pf-nr ul li span {width:15.5%;}
	/*user-order*/
	.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table ul li {width:9%;}
	.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table .uP-table-prname{width:20%;}

	.user-right .user-order-details .user-orderd-table .user-orderd-but{margin:2%;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
	.user-right .user-order-details .user-orderd-table .user-orderd-but li{width:17%;}

	.user-orderd-nr .user-orderd-table .uer-collateral .order-title li {width: 15%;}
}
@media only screen and (max-width:1320px){
	.com-sion{width: 90%;}
	.user-right .mt-thirdly .mt-get .mt-input{display: block;}
	.user-right .mt-thirdly .mt-get .mt-price-in .input-money{width: 100%;}
	.user-right .mt-thirdly .btn-unava{text-align: center;}

	/*user-order-details*/
	.user-orderd-nr .user-orderd-table .uer-collateral .order-title li {width:10%;height: 100%;}
}
@media screen and (max-width:1170px){
	.boxlist {grid-template-columns: repeat(3, 1fr);}

	/*notice*/
	.user-right .user-notice{margin-right: 2em;}
	.user-right .user-notice .notice-nr h2 {margin-bottom: 2em;	}
	.user-right .user-notice .notice-nr span{font-weight: normal;font-size:1em;font-size: 0.8em;line-height: 19px;position: absolute;left:0em;top:120%;}

	/*user-per-info*/
	.user-right .user-per-info .user-pf-nr ul li span {width:100%;text-align: left;}
	.user-right .user-per-info .user-pf-nr .input{margin-left: 0%;}
	.user-right .user-per-info .user-pf-nr .input1{margin-left:0%;}
	.user-right .user-per-info .user-pf-nr .input-time{margin-left:0%;margin-right: 2%;}
	.user-right .user-per-info .user-pf-nr .input2{margin-left:0%;}
	.user-right .user-per-info .user-pf-nr .input3{margin-left:0%;}
	.user-right .user-per-info .user-pf-nr ul li select{margin-left:0%;}
	.user-right .user-per-info .but{margin-left:0.3%;}

	/*user- password*/
	.user-right .user-per-info .butt{margin-left:0%;}
	.user-right .user-per-info .butt ul li a{margin-right: 10px;float: left;width:25%;background: #000;color: #fff;}

	/*user-order*/
	.user-right .user-giftPackage .user-giftPackage-t .ug-ttitle-p {width:41%;}
	.user-giftPackage-nr .user-giftPackage-table img {margin: 0;margin-left: 2%;width:100%;}
	.user-right .user-giftPackage .user-giftPackage-nr .user-giftPackage-table ul li{width:10%;}
	.user-right .user-giftPackage .user-giftPackage-t ul li{width:10%;}
	
	/*user-order-details*/
	.user-right .user-order-details .user-orderd-table .user-orderd-pro{height:100%;width: 38%;}
	.user-right .user-order-details .user-orderd-table ul li{width: 11.6%;font-size: 1rem;word-wrap: break-word;overflow:hidden}
	.user-right .user-order-details .user-orderd-table .details-guantity{width:6%;}
	.user-right .user-order-details .user-orderd-table .user-orderd-but li {width:18%;}
	.user-orderd-nr .user-orderd-table .uer-collateral .order-title li {width: 13%;}
}
@media screen and (max-width:1024px){
	.boxlist {grid-template-columns: repeat(2, 1fr);}
	.c-flex .web-n-more{width:100%}
	.user-right .user-notice .notice-nr h2 {margin-bottom: 2em;	}
	.user-right .user-notice .notice-nr span{font-weight: normal;font-size:1em;font-size: 0.8em;line-height: 19px;position: absolute;left:0em;top:120%;}
}
@media only screen and (max-width:980px){
	.user-right .table-responsive{width: 500px;margin-right: 20px;}
	.user-right .pro-nav .nav-tabs a{font-size: 12px;padding: 20px;}
	.com-sion .sion-off{top: 100px;}

	.user-orderd-nr .user-orderd-table .uer-collateral .order-title li {width:10%;}

}

@media only screen and (max-width:1040px){
	.add-reflink .con-products{width: 770px;overflow-x: auto;}
}








/* user_changer_email */
#user_changer_email .fim_cont { padding: 0px;position: relative;}
#user_changer_email .fim_cont .email-tip { color: #009688;}
#user_changer_email .fim_cont .email-tip i { margin-right: 8px;}
#user_changer_email  .fim_cont_button {width: 100%; position: relative;margin: 16px 0px;width: 160px;}

#user_changer_email  .fim_cont_button .btn{width: 100%;display: block;}
#user_changer_email  .fim_cont_button .loader-inner{background: #fff;width: 160px;}
#user_changer_email  .fim_cont_button .btn-preloader { display: block;top: 10px; left: 95px;}
.email_verification .d_btn .ve_submit,
.email_verification .d_btn .ve_submit:hover{ height:38px; line-height:34px; width:45px;}
.email_verification .d_btn .ve_submit_hover,
.email_verification .d_btn .ve_submit_hover:hover{ cursor:default; text-indent:-5555px; overflow:hidden}
.email_verification .login.d_verify{width:620px;overflow:hidden;position:fixed;z-index:9999;top:20%;left:50%;margin-left:-300px;background:#FFF;}
.email_verification .d_g-bdc{margin-bottom:28px;}
.email_verification .d_g-bdc .orange{color:#df3733; font-weight:bold;font-size: 16px;padding-top: 11px;display: block;}
.email_verification .email_verification .d_g-bdc .oranges{color:#df3733; font-weight:bold;font-size: 16px;padding-top: 11px;}
.email_verification .d_g-mn{width:100%;padding:0 1px;}
.email_verification .d_g-box3{width:830px;padding-bottom:20px;padding-top:40px;}
.email_verification .d_w-fttl{font-size:24px;font-weight:normal;text-align:left;}
.email_verification .d_g-box8{}
.email_verification .d_m-emv{padding:0;line-height:25px;}
.email_verification .d_cont{margin:0 0 13px;border-bottom:1px solid #ededed;padding: 0 0 16px 0px;}

.email_verification .email-prompt p{margin-top:3px;}
.email_verification .email-prompt p .blue{color: #337ab7}
.email_verification .prompt-title{font-weight: bold;margin-top: 41px;}
.email_verification .email-prompt p:nth-child(5){margin-top: 12px;}
.email_verification .d_cont p{font-size:14px;text-align:left; color:#666}
.email_verification .d_title{font-size:16px;font-weight:normal;text-align:left;margin-bottom:10px; color:#000}
.email_verification .d_s-fc1{text-align:left;width:400px;font-size:14px;color:#333;padding-bottom:30px}
.email_verification .d_btn{padding:7px 0 10px;}
.email_verification a.d_w-bbtn{display:block;zoom:1;}
.email_verification .d_f-fs1{font-size:14px;text-align:left; color:#282828}
.email_verification .d_f-fs1 .blue{ color:#004bcc}
.email_verification .d_m-emv ul{margin:4px 0 0;text-align:left;margin-right:132px;}
.email_verification .d_m-emv li{list-style:inside decimal;}
.email_verification .d_m-emv li a{ text-decoration: underline}
.email_verification .d_cont .d_btn{position:relative}
.email_verification .d_cont .d_btn .tips{top: -29px;}
.email_verification .d_cont .d_front{padding-top:5px}
.email_verification .d_whz-input{width:180px;float:left;}
.email_verification .d_cont .d_btn .btn{border-radius:0px 3px 3px 0px}
.email_verification .d_cont .d_btn .form-control{border-radius:3px 0px 0px 3px}
.email_verification .d_btn .d_ver_wor{display:block;padding-left:30px;line-height:22px;left:117px;padding-right:6px;height:28px;position:absolute;top:-5px;white-space:nowrap;padding-right:15px;overflow:hidden;color:#fff;}
.email_verification .d_btn .d_ver_rig{display:block;padding-left:30px;line-height:22px;left:117px;padding-right:6px;height:28px;position:absolute;top:-5px;white-space:nowrap;padding-right:15px;overflow:hidden;color:#fff;}
.email_verification .d_w-bbtn{cursor:pointer;float:left;}
.email_verification .w-bbtn:hover{background:#9A2D2E;text-decoration:none;}
.email_verification .d_btn a.d_a_space{margin-left:55px;}
.email_verification .d_w-bbtn-4:hover,a.d_w-bbtn-4:hover{width:120px;color:#FFF;text-decoration:none;}
.email_verification .d_w-bbtn-4{width:120px;}
.email_verification .btn_mt{float:left;position: relative;}
.email_verification .btn_mt .loader-inner{top: -1px;width: 93px;left: 0px;border-radius: 0px 3px 3px 0px;background: #fff;}
.email_verification .btn_mt .loader-inner .btn-preloader {display: block;top: 9px; left: 76px;}

.mail-successfully .d_conts{color:#333;margin-left: 23px;}
.mail-successfully .d_conts .d_title{    font-weight: bold;padding-bottom: 18px; font-size: 20px;}
.mail-successfully .d_conts .oranges{color:#22916D;font-weight:bold}
.mail-successfully .d_conts  .info_but{padding-top:12px;}
.mail-successfully .d_conts  .info_but .btn{margin-right:15px}
.mail-successfully  .d_m-emvs{display: flex;}
.mail-successfully  .d_m-emvs .status-icon.sa-success {border-color: #A5DC86;width: 139px;;  margin-top: 0px; }
.mail-successfully .d_conts .oranges{color:#22916D;font-weight:bold}
.mail-successfully .d_conts  .info_but{padding-top:24px;}
.mail-successfully .d_conts  .info_but .btn{margin-right:15px}
.mail-successfully .d_conts .oranges {color: #22916D;font-weight: bold;}


.modal-content .d_conts .newpassword{    margin-bottom: 20px;position: relative;}
.modal-content .d_conts .newpassword span{display: block; margin-bottom: 9px;}
.modal-content .d_conts  .btn_mt{width: 131px; position: relative;}
.modal-content .d_conts  .btn_mt .loader-inner{background: #fff;top: -5px;}
.modal-content .d_conts .btn_mt .btn{width: 100%;}


.user_ally-hint {background:url(../../image/44/user/tree_hint_ico.png) no-repeat 80px 85px;margin: 40px;padding: 140px 0 130px 280px;font-size: 18px;color: #0a0a0a;line-height: 28px;}
.user_ally-hint .btn{margin-left: 15px;}


.payment_code .fim_cont input {margin-top: 5px}
.payment_code .fim_cont .d_front{ width:100%; font-size:14px; padding:10px 0;}
.payment_code .fim_cont{ position:relative;}
.payment_code .fim_cont .tips{left: -2px; top: -8px;}
.payment_code .fim_cont .tips::after{display: none;}
.payment_code .fim_cont_button{ position: relative;margin-top: 11px;}
.payment_code .fim_cont_button  .loader-inner{background: #fff;top: -5px;width: 100%;    height: 42px;}
.payment_code .fim_cont_button .v_button {width: 100%;}
.payment_code .fim_cont_button .v_button:hover{ text-decoration:none}







.change-account .boxhide{display:none;}
.change-account .change-account.list_content ul{padding-left: 2px; padding-top:2px}
.change-account .list_content{margin-top:20px;}
.change-account  .step{height:90px;}
.change-account  .step ul{display: flex;}
.change-account  .step li{line-height:32px;color:#666;position:relative;text-align:center;border-bottom:2px solid #ddd;height:24px;flex: 1}
.change-account  .step li b{margin:auto;font-size:15px;color:#666;border-radius:40px;background:#F1F1F1;display:block;line-height:35px;width:45px;height:45px;border:6px solid #fff;display:block;}
.change-account  .step .active{color:#E45E5F}
.change-account  .step .active b{ background:#E45E5F;color:#fff}

.change-account .list_content .list_box .list_a{margin:0 auto;}
.change-account .list_content .list_box .list_a ul li{position:relative; clear:both;}
.change-account .list_content .list_box .list_a ul li .tips,
.change-account .list_content .list_box .list_a ul li .tips_yes{top:73px;}
.change-account .list_content .list_box .list_a ul .list_a_2 .tips,
.change-account .list_content .list_box .list_a ul .list_a_2 .tips_yes{top:-25px; min-width:238px}
.change-account .list_content .list_box .list_a ul .list_a_2{ margin-top:29px}

.change-account .list_content .list_box .list_a ul li  .loader-inner { display: block;background: #fff; top: -6px;}
.change-account .list_content .list_box .list_a ul li  .loader-inner .btn-preloader { display: block;top: 16px;left: 74px;}

.change-account .list_content .list_box .list_a ul li .bing-email-btn {position: relative;}
.change-account .list_content .list_box .list_a ul li .bing-email-btn {}
.forgot-bg .step{height:90px;}
.forgot-bg .step li{line-height:32px;color:#666;float:left;position:relative;text-align:center;width:25%;border-bottom:2px solid #ddd;height:24px;}
.forgot-bg .step li b{margin:auto;font-size:15px;color:#666;border-radius:40px;background:#F1F1F1;display:block;line-height:35px;width:45px;height:45px;border:6px solid #fff;display:block;}
.forgot-bg .step .active{color:#E45E5F}
.forgot-bg .step .active b{ background:#E45E5F;color:#fff}


.change-account .list_content .list_box .list_a .list_a_1 .pa_loading{width: 133px;left: 0;top: 93px;}
.change-account .list_content .list_box .list_a .list_a_2 .info_but_blue{margin-top:14px;} 
.change-account .list_content .list_box .list_a .list_a_2 .pa_loading{top:14px;left: 262px; height:40px}
.change-account .list_content .list_box .list_a ul li em{padding-left:10px;}
.change-account .list_content .list_box .list_a ul li input{height:36px;margin:14px 0; line-height:16px;line-height:36px\9;}
.change-account .list_content .list_box .list_a ul .list_a_1 p.o_r_text{margin:15px 0;display:block;font-weight:normal;font-size:16px;line-height:35px;color: #6E6E6E}
.change-account .list_content .list_box .list_a ul .list_a_1 p.o_r_text b{font-weight: bold;font-size:16px;margin-left:5px;color:#f00;}
.change-account .list_content .list_box .list_a ul li .a_text{width:276px;background:#fff;border:1px solid #c1c1c1;text-indent:10px;color:#fff}
.change-account .list_content .list_box .list_a ul li .b_text{width:250px;background:#fff;border:1px solid #c1c1c1;height: 38px; float:left;line-height:16px;line-height:38px\9;color:#ccc; padding-left:10px; font-size:14px;}
.change-account .list_content .list_box .list_a ul li .b_text:hover{border:1px solid #fb882d ; box-shadow: 0 0 5px #fb882d; background:#f7f8fa; color:#2C2C2C}

.change-account .list_content .list_box .list_a ul li .x_sub{width:161px;cursor:pointer;padding:0; border:1px solid #d1d1d1}
.change-account .list_content .list_box .list_a ul li .x_sub_move{ margin-top: 30px;}
.change-account .list_content .list_box .list_a ul li .x_tip{display:none;}
.change-account .list_content .list_box .o_text{padding-bottom:20px;width:516px;margin:0 auto; padding-left:2px}
.change-account .list_content .list_box .o_text h3{font-size:14px;font-weight: normal;padding-top:20px; color:#282828; padding-bottom:10px}
.change-account .list_content .list_box .o_text p{line-height:28px; color:#049eec}
.change-account .list_content .list_box .o_text p a{color:#049eec; font-size:14px;}

.change-account .list_content .list_box .list_a .o_s_text{}
.change-account .list_content .list_box .list_a .o_s_text .substance{color:#79c34f}
.change-account .list_content .list_box .list_a .o_s_text .o_s_ptext{display:inline-block;float:left;font-size:18px;line-height:44px; color:#3f9139}
.change-account .list_content .list_box .list_a .s3 .y_button,
.change-account .list_content .list_box .list_a .s3 .info_but_blue
{float:left;color: #FFFFFF;cursor: pointer;display: inline-block;height:36px;line-height:36px;margin: 0px;text-decoration: none;width: 82px;font-size:14px}
.change-account .list_content .list_box .list_a .s3 .y_button{ margin-left:95px}
.change-account .list_content .list_box .list_a .o_read_text{width:356px;margin:0 auto;padding-bottom:40px;margin-top:-40px;}
.change-account .list_content .list_box .list_a .o_read_text p{line-height:22px; font-size:13px}
.change-account .list_content .list_box .list_a .o_read_text b{font-weight:normal;}
.change-account .list_content .list_box .list_a .o_but{text-align:center;}
.change-account .list_content .list_box .list_a .o_but .three_button{ width:86px}
.change-account .list_content .list_box .list_a .o_but a{    display: inline-block; min-width: 121px;    margin: 0px 11px;}
.change-account .email_box blockquote{width:516px;margin:0px; float:left; padding-left:40px;border-left:none}
.change-account .email_box blockquote p{ color: #619ecf;font-size: 12px;margin: 3px 0;}
.change-account .email_box blockquote p i{font-style:normal;color:#fb882d}
.change-account .email_box .email_ul{width:516px;margin:0 auto;height:423px; margin-top:12px}
.change-account .email_box .email_ul li{margin:5px 0;position:relative;}
.change-account .email_box .email_ul li .input_name{color:#333;font-size: 14px;line-height: 24px;margin: 3px 0;}
.change-account .email_box .email_ul li .input_f_w{ width:246px;}
.change-account .email_box .email_ul li .input_name i{color:red;}
.email_box .email_ul li .grey{color:#666;font-size:12px;display:none;line-height:22px;}
.change-account .email_box .email_ul li input{width:400px; line-height:36px;}
.change-account .email_box .email_ul li input.submit_email{position: absolute;width: 150px;cursor: pointer;left: 256px;padding: 0;top: 23px;}
.change-account .email_box .email_ul li input.submit_email:hover{}
.change-account .email_box .email_ul li textarea{background: #F1F1F1;border: medium none;height:50px;line-height: 22px; padding: 8px;width: 500px;}
.change-account .email_box .email_ul li .fl_name i{width:14px;height:20px;display:inline-block;text-align:center;}
.change-account .email_box .email_butt input{width:120px;height:30px;text-align:center;margin-top:10px;color:#fff;cursor:pointer;margin-bottom:20px;}
.change-account .email_box .email_butt{position:relative; padding-left:57px}
.change-account .email_butt .y_button{ margin:20px 0; font-size:20px; width:80px}


.change-account  .email-prompt p .blue{color: #337ab7}
.change-account  .email-prompt .prompt-title{font-weight: bold;margin-top:22px;}
.change-account  .email-prompt p{margin-top:3px;}
.change-account .email-prompt p:nth-child(5) { margin-top: 12px;}





  @media screen and (max-width:1440px){
.c-flex{padding: 0px 30px;}
.u-account-r{right:60px}
.user-right .user-list-r{padding:20px}
 .page-tab{margin-bottom:12px}
 .newsletter .ym .text{top:-6px;}
 .user-banner{height: 180px;}
 .user-left{top:-50px;}
 }