/* 登录页面 260122*/
.userNav{background-color: #fff;min-width: 1400px;}
.userNav .topbar{display: flex; align-items: center;}
.userNav .inlist{display: inline-flex;height: 60px;align-items: center;}
.userNav .inlist .item{display: inline-flex;height: 24px;margin-right: 50px;align-items: center;position: relative;}
.userNav .inlist .item .lk{color: #333;font-weight: bold;margin-right: 20px;}
.userNav .inlist .item:last-of-type{margin-right: 0;}
.userNav .inlist .item::before {width: 1px;height: 16px;background: #E5E5E5;display: inline-block;margin-right: 50px;content: "";}
.userNav .inlist .item:first-of-type::before{display: none;}
.userNav .rigbox{display: inline-flex;height: 60px;align-items: center;margin-left: auto;}
.userNav .rigbox .item{display: inline-flex;width: 24px;height: 24px;margin-right: 15px;align-items: center;position: relative;z-index: 7;}
.userNav .rigbox .item .bar-icon{color:#333}
.userNav .rigbox .item .bar-icon:hover{color: #f50;}
.userNav .rigbox .item:last-of-type{margin-right: 0;}

.userNav .rigbox .item .line{    position: absolute; top: -17px; left: 0; width: 100%; height: 20px;}
.userNav .rigbox .item .uldrop {position: absolute;top: 32px;min-width: 240px;background: #fff;border: 1px solid #e6e6e6;padding: 0 20px;box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);border-radius: 8px 8px 8px 8px;box-sizing: border-box;opacity: 0;transition: all .2s;pointer-events: none;transform: translateX(-50%) translateY(20px);}
.userNav .rigbox .item .uldrop .inhd{display: flex;align-items: center;justify-content: center;height: 60px;padding-top: 10px;border-bottom: 1px solid #E5E5E5;}
.userNav .rigbox .item .uldrop .inhd span{font-size: 20px;color: #333;font-weight: bold;}
.userNav .rigbox .item .uldrop .inItem{padding: 10px;}
.userNav .rigbox .item .uldrop .inItem li a{display: flex;align-items: center;height: 28px;color: #333;font-size: 14px;}
.userNav .rigbox .item .uldrop .inItem li a:hover{color: #f50;}


.userNav .rigbox .item:hover .uldrop{opacity: 1;pointer-events: auto;transform:translateX(-50%) translateY(0);}

/*  顶通  Language */
.userNav .rigbox .lanItem .uldrop{transform:translateX(-90%) translateY(20px);}
.userNav .rigbox .lanItem .uldrop .inhd{justify-content: flex-start;}
.userNav .rigbox .lanItem .uldrop .inItem{padding: 20px 0;}
.userNav .rigbox .lanItem .uldrop .inItem li{width: 190px;margin-top: 16px;border-radius: 4px 4px 4px 4px;border: 1px solid #E5E5E5;height: 40px;box-sizing: border-box;padding-left: 10px;transition: all .1s;}
.userNav .rigbox .lanItem .uldrop .inItem li:first-of-type{margin-top: 0;}
.userNav .rigbox .lanItem .uldrop .inItem li a{display: flex;align-items: center;height: 38px;color: #333;font-size: 14px;}
.userNav .rigbox .lanItem .uldrop .inItem li .icon{display: inline-flex;width: 24px;height: 24px;align-items: center;justify-content: center;margin-right: 9px;}
.userNav .rigbox .lanItem .uldrop .inItem li .icon svg{width: 24px;height: 24px;}
.userNav .rigbox .lanItem .uldrop .inItem li:hover{border-color: #f50;}
.userNav .rigbox .lanItem:hover .uldrop{opacity: 1;pointer-events: auto;transform:translateX(-90%) translateY(0);}

/* userNav{opacity: 1;pointer-events: auto;transform:translateX(-50%) translateY(0);} */

.userTopCard{background-color: #1F1F1F;min-width: 1400px;padding: 26px 0;}
.userTopCard .topCard{display: flex;align-items: center;}
.userTopCard .q_logo{height: 48px;}
.userTopCard .q_logo .alogo{display: inline-flex;align-items: center;}
.userTopCard .q_logo .alogo .icon{width: 48px;height: 48px;display: inline-flex;align-items: center;justify-content: center;margin-right: 10px;color: #333;}
.userTopCard .q_logo .alogo .icon svg{width: 48px;height: 48px;}
.userTopCard .q_logo .alogo .doicon{display: inline-flex;align-items: center;width: 108px;height: 48px;color: #FFFFFF;}
.userTopCard .q_logo .alogo .doicon svg{width: 108px;height: 48px;}

.userTopCard .listbox{display: inline-flex;align-items: center;}
.userTopCard .listbox li{margin-left: 60px;display: flex;align-items: center;height: 24px;font-size: 18px;}
.userTopCard .listbox li a{color: #fff;}
.userTopCard .listbox li a:hover{color: #f50;}

.userTopCard .searchbd{margin-left: auto;display:flex;width: 360px;background: #FFFFFF;border-radius: 28px 28px 28px 28px;align-items: center;}
.userTopCard .searchbd .search-input{outline: 0;border: 0;display: inline-flex;height: 48px;margin-left: 22px;flex: 1;}
.userTopCard .searchbd .upimg{    display: inline-flex; width: 20px; color: #999; cursor: pointer; margin-right: 13px; margin-left: 5px; height: 48px; align-items: center;}
.userTopCard .searchbd .upimg:hover{color: #f50;}
.userTopCard .searchbd .btn-search{outline: 0;border: 0;border-radius: 23px 23px 23px 23px;background: #FF5500;width: 100px;height: 40px;display: flex;align-items: center;justify-items: center;margin-right: 4px;justify-content: center;color: #fff;cursor: pointer;}
.userTopCard .searchbd .btn-search:hover{transition: all .1s;opacity: .8;}

.louserCard .content{width: 460px;margin: 80px auto 0;}
.louserCard .chd{display: flex;align-items: flex-end;justify-content: space-between;}
.louserCard .chd .picon{width: 160px;}
.louserCard .chd .picon span{display: flex;width: 162px;height: 50px;font-weight: bold;font-size: 38px;align-items: center;justify-content: flex-start;white-space: nowrap;}
.louserCard .chd .picon em{display: flex;align-items: center;justify-content: flex-start;width: 156px;height: 20px;color:#999;font-size: 15px;white-space: nowrap;}
.louserCard .chd .place { border-radius: 16px 16px 16px 16px; width: 149px; height: 32px; border: 1px solid #E5E5E5; position: relative;z-index: 2;}
.louserCard .chd .indrop { display: inline-flex; align-items: center; height: 32px; cursor: pointer; width: 100%; box-sizing: border-box; }
.louserCard .chd .indrop .name { display: flex; flex: 1; align-items: center; justify-content: center; }
.louserCard .chd .indrop .icon { display: inline-flex; width: 15px; height: 16px; align-items: center; justify-content: center; margin-left: 10px; color: #999999; justify-content: center; } .louserCard .chd .indrop .round { display: inline-flex; width: 16px; height: 16px; align-items: center; justify-content: center; color: #999999; cursor: pointer; justify-content: center; transition: all .1s; margin-right: 10px; }
.louserCard .chd .indrop .line { position: absolute; bottom: -10px; width: 100%; left: 0; height: 10px; background: transparent; z-index: 3; }
.louserCard .chd .uldrop { position: absolute; top: 36px; width: 100%; background: #fff; border: 1px solid #e6e6e6; padding: 10px 5px 5px 5px; box-sizing: border-box; border-radius: 16px; opacity: 0;transition: all .2s;pointer-events: none;transform: translateY(20px);}
.louserCard .chd .uldrop ul{ margin:0 3px; }
.louserCard .chd .uldrop li { display: flex; align-items: center; justify-content: center; height: 30px; cursor: pointer; margin-bottom: 5px;}
.louserCard .chd .uldrop li:hover,.louserCard .chd .uldrop li.active{ background-color:#e5e5e5;border-radius:6px; }
/* .louserCard .chd .uldrophide{ opacity: 0;transition: all .2s;transform: translateY(20px);} */
.louserCard .chd .placeOn { border-color: #f50; } 
.louserCard .chd .placeOn .uldrop{opacity: 1; pointer-events: auto; transform:  translateY(0px);border-color: #f50;}
.louserCard .chd .placeOn .indrop .round { transform: rotate(180deg); color: #f50; }

.louserCard .listbox { margin-top: 60px; }
.louserCard .inputbox .inpbox{position: relative;}
.louserCard .inputbox .intxt{display: flex;align-items: center;height: 30px;font-size: 14px;color: #999;} 
.louserCard .inputbox .itxt{outline: 0;border: 0;display: flex;align-items: center;padding: 0 10px;box-sizing: border-box;height: 56px;border-radius: 8px 8px 8px 8px;border: 1px solid #E5E5E5;width: 460px;font-size: 18px;}
.louserCard .inputbox .itxt:focus{
    border-color:#f50
}
.louserCard .inputbox .rigBtn { display: flex; align-items: center; width: auto; height: 56px; position: absolute; top: 0; right: 8px }
.louserCard .inputbox .rigBtn .clear-btn { display: none; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background-color: #f50; color: #fff; cursor: pointer }
.louserCard .inputbox .rigBtn .clear-btn1{margin-right: 7px;}
.louserCard .inputbox .rigBtn .clear-btn .svgIcon{color: #fff;}
.louserCard .inputbox .rigBtn .clear-btn.clearoepn { display: inline-flex }
.louserCard .inputbox .rigBtn .rigIcon{ display: flex; align-items: center; justify-content: center; width: 30px; height: 56px; cursor: pointer; }
.louserCard .inputbox .rigBtn .rigIcon svg { width: 20px; height: 20px; }

.louserCard .inputbox .rigBtn .pwIcon svg{display: none;}
.louserCard .inputbox .rigBtn .pwIcon .eye1{ display:flex }
.louserCard .inputbox .rigBtn .pw_show{color: #f50;}
.louserCard .inputbox .rigBtn .pw_show .eye1{ display:none; }
.louserCard .inputbox .rigBtn .pw_show .eye2{ display:flex;  }




.louserCard .btnbox{display: flex;justify-content: center;margin-top: 20px;}
.louserCard .btnbox .btn{display: inline-flex;align-items: center;justify-content: center;height: 56px;width: 100%;box-sizing: border-box;background: #FF5500;border-radius: 8px 8px 8px 8px;color: #fff;font-size: 20px;transition: all .2s;}
.louserCard .btnbox .btn:hover{opacity: .8;}

.louserCard .botBtn { margin-top: 10px; display: flex; }
.louserCard .botBtn .rigReg { margin-left: auto; font-size: 14px; color: #999; }
.louserCard .botBtn .rigReg:hover{color:#f50}


.louserCard .quicBox{margin-top: 40px;}
.louserCard .quicBox .text{display: flex;align-items: center;justify-content:center ;position: relative;}
.louserCard .quicBox .text em{display: inline-flex;width:56px;height: 40px;background-color: #fff;position: relative;align-items: center;justify-content: center;font-size: 14px;color: #999;}
.louserCard .quicBox .text::before {     width: 176px; height: 1px; background: #E5E5E5; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: "";}
.louserCard .quicBox ul{box-sizing: border-box;width:100%;}
.louserCard .quicBox li{display: flex;align-items: center;justify-content: center;height: 56px;border-radius: 8px 8px 8px 8px;border: 1px solid #E5E5E5;margin-top: 20px;transition: all .1s ;}
.louserCard .quicBox li:first-of-type{margin-top: 0;}
.louserCard .quicBox li a{display: flex;align-items: center;justify-content: center;}
.louserCard .quicBox li a .icon{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;margin-right: 10px;}
.louserCard .quicBox li a .icon svg{width: 32px;height: 32px;}
.louserCard .quicBox li a em{font-size: 16px;color: #999;width: 200px;}
.louserCard .quicBox li:hover{border-color: #f50;}

.louserCard .botBox{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.louserCard .botBox p{width: 372px; font-size: 14px; color: #333; text-align: center;}
.louserCard .botBox p span{color: #f50;}
.louserCard .botBox p a{color: #f50;}

/* 注册页面 260124*/
.regTemPop{position: fixed;  z-index: 300; left: 0; top: 0; width: 100%; height: 100%; display: flex ; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all .2s;}
.regTemPop .bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
.regTemPop .inCard{width: 578px; background: #FFFFFF; border-radius: 16px; display: flex ; flex-direction: column; transform: translateY(20px); transition: all .2s;}
.regTemPop.show{    opacity: 1; pointer-events: auto; display: flex ;}
.regTemPop.show .inCard{transform: translateY(0);position: relative;}

.regTemPop .inBody{width: 460px;margin:0  auto;}

.regTemPop .chd{display: flex;align-items: center;flex-direction: column;padding: 40px 0 0;margin-bottom: 20px;}
.regTemPop .chd span{display: inline-flex;align-items: center;justify-content: center;font-size: 28px;color: #333;margin-bottom: 3px;font-weight: bold;}
.regTemPop .chd em{color: #999;font-size: 16px;height: 20px;}
.regTemPop .listbox{margin: 0 auto 20px;}
.regTemPop .inputbox{margin-top: 15px;position: relative;}
.regTemPop .inputbox:first-of-type{margin-top: 0;}
.regTemPop .inputbox .inpbox{position: relative;}
.regTemPop .inputbox .intxt{display: flex;align-items: center;height: 30px;font-size: 14px;color: #999;}
.regTemPop .inputbox .itxt{border: 0;display: flex;align-items: center;padding: 0 10px;box-sizing: border-box;height: 56px;border-radius: 8px 8px 8px 8px;border: 1px solid #E5E5E5;font-size: 18px;width: 100%;}
.regTemPop .inpboxOff .itxt{background-color: #F5F5F5;cursor: no-drop;}
.regTemPop .inputbox .rigBtn {     display: flex; align-items: center; height: 56px; width: 30px; position: absolute; top: 0; right: 38px; justify-content: center; }
.regTemPop .inputbox .rigBtn .clear-btn { display: none; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background-color: #f50; color: #fff; cursor: pointer }
.regTemPop .inputbox .rigBtn .clear-btn .svgIcon{color: #fff;}
.regTemPop .inputbox .rigBtn .clear-btn.clearoepn { display: inline-flex }
.regTemPop .inputbox .rigIcon{display: flex; align-items: center; justify-content: center; width: 30px; height: 56px; position: absolute; top: 0; right: 8px; cursor: pointer;}
.regTemPop .inputbox .rigIcon svg{width: 20px;height: 20px;}
.regTemPop .inputbox .pw_show{color: #f50;}
.regTemPop .inputbox .editIcon_show{color: #f50;}

.regTemPop .inputbox .pwIcon svg { display: none; }
.regTemPop .inputbox .pwIcon .eye1 { display: flex }
.regTemPop .inputbox .pw_show .eye1 { display: none; }
.regTemPop .inputbox .pw_show .eye2 { display: flex; }


.regTemPop .inputbox .rigBtn .getCode{    font-size: 14px; color: #f50; border: 0; background: none; cursor: pointer; margin-left: 10px;}

.regTemPop .inputbox .error{color: #f50;display: none;}
.regTemPop .inputbox .error_show{display: block;}

.regTemPop .agreebox{margin: 0 auto 10px;display: flex;align-items: flex-start;min-height: 20px;}
.regTemPop .agreebox .checkbox{margin-right: 8px;cursor: pointer;}
.regTemPop .agreebox .checkbox .svgicon{display: inline-flex;width: 20px;height: 20px;align-items: center;}
.regTemPop .agreebox .checkbox .svgicon svg{width: 20px;height: 20px;color: #E5E5E5;}
.regTemPop .agreebox .checkbox .svgicon.hide{display: none;}
.regTemPop .agreebox .checkboxon .svgicon svg{color: #f50;}
.regTemPop .agreebox .checkboxon .svgicon{display: none;}
.regTemPop .agreebox .checkboxon .svgicon.hide{display: inline-block;}
.regTemPop .agreebox .agreetext{font-size: 14px;color: #999;cursor: pointer;user-select: none;}
.regTemPop .agreebox .agreetext a{color: #f50;}

.regTemPop .btnbox { display: flex; justify-content: center; margin-top: 30px; width: 460px;padding-bottom: 20px;}
.regTemPop .btnbox .btn { display: inline-flex; align-items: center; justify-content: center; height: 56px; width: 100%; box-sizing: border-box; background: #FF5500; border-radius: 8px 8px 8px 8px; color: #fff; font-size: 20px; transition: all .2s; user-select: none;}
.regTemPop .btnbox .btn:hover{opacity: .8;}

.regTemPop .bot{padding-bottom: 20px;}
.regTemPop .bot .itxt{ font-size: 14px; color: #3E3E3E; display: flex; align-items: center; justify-content: center;display:none;}