* { margin: 0; padding: 0; list-style: none;}
body { min-width: 1360px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 0 auto; background: #fff;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none;}
img { border: 0;}
ul li { list-style: none;}
.fl { float: left;}
.fr { float: right;}
.clear{ clear: both;}
#VCode { cursor: pointer;}
input { outline: none;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #333;} 
:-moz-placeholder { color: #333;} 
::-moz-placeholder { color: #333;}
:-ms-input-placeholder { color: #333;} 

/*登录*/
.login { width: 100%; height: 100vh; overflow: hidden; background: url(../my/logbg.jpg) no-repeat center / cover;}
.login .msg { width: 1000px; height: 470px; margin: auto; border-radius: 8px; box-shadow: 0 5px 30px rgba(2,6,225,0.1); overflow: hidden; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.login .msg .scode { width: 45px; height: 45px; background: url(../my/qrcode.png) no-repeat 0 0; position: absolute; right: 15px; top: 15px; z-index: 2;}
.login .msg .scode span { display: block; width: 65px; height: 25px; line-height: 26px; font-size: 12px; color: #347fff; text-align: center; border-radius: 2px; background: #d7e5ff; position: absolute; right: 40px; top: 10px;}
.login .msg .scode span::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #d7e5ff; position: absolute; right: -5px; top: 0; bottom: 0;}
.login .msg .imgs { float: left; width: 450px; height: calc(100% - 50px); padding: 25px; background: url(../my/logimg.jpg) no-repeat left center;}
.login .msg .imgs .loo { width: 100%; height: 50px; overflow: hidden;}
.login .msg .imgs .loo img { display: block; height: 50px;}
.login .msg .nr { float: right; width: 350px; padding: 45px 75px;}
.login .msg .nr h3 { height: 60px; line-height: 60px; font-size: 26px; color: #333; text-align: center; margin: 0 auto 35px auto; letter-spacing: 2px; position: relative;}
.login .msg .nr h3::after { display: block; content: ""; width: 40px; height: 2px; margin: auto; border-radius: 3px; overflow: hidden; background: var(--theme-color); position: absolute; left: 0; right: 0; bottom: 0;}
.login .msg li { font-size: 14px; color: #999; margin-bottom: 15px;}
.login .msg li input { display: block; width: calc(95% - 2px); height: 45px; line-height: 45px; font-size: 14px; color: #333; padding: 0 2.5%; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; outline: none;}
.login .msg .yzm input { float: left; width: 50%;}
.login .msg .yzm img { display: block; float: right; width: 150px; height: 45px; border: 1px solid #ddd; border-radius: 4px;}
.login .msg .yzm .layui-btn { display: block; float: right; width: 150px; height: 45px; font-size: 14px; margin-right: 0 !important; border: 1px solid var(--theme-color) !important; border-radius: 4px; overflow: hidden; background: var(--theme-color);}
.login .msg li .btn { display: block; width: 100%; height: 55px; line-height: 55px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; margin-top: 20px; cursor: pointer; letter-spacing: 2px; border: 1px solid var(--theme-color); border-radius: 4px; background: var(--theme-color);}
.login .msg li .solid-checkbox { float: left; width: auto; height: auto; padding: 0; margin: 1px 8px 0 0;}
.login .msg li a:hover { color: var(--theme-color); text-decoration: underline;}
.login .msg li .hint { line-height: 30px; font-size: 14px; color: var(--theme-color);}
.login .msg li .hint i { float: left; margin: 0 5px 0 0;}
.login .msg p { line-height: 25px; font-size: 12px; color: #999; text-align: center;}
.login .msg p span { margin: 0 40px;}
.login .msg p a { font-size: 14px; color: var(--theme-color);}
.login .msg p a:hover { text-decoration: underline;}
.login .layui-form-checkbox span { padding-right: 0 !important;}
.login .solid-label a { font-size: 14px; color: var(--theme-color); cursor: pointer; position: relative; top: 1px;}

.zhuce .msg { height: 635px;}
.zhuce .msg .nr { padding: 25px 75px;}
.zhuce .msg .nr input[type="radio"] { display: none;}
.zhuce .msg .nr .layui-form-radio { margin-top: 0;}
.zhuce .msg .nr .layui-form-radio .layui-anim.layui-icon { position: relative; top: 2px;}
.zhuce .msg .nr .layui-form-checkbox[lay-skin="primary"] > div { padding-right: 0;}
.zhuce .msg .nr .solid-label { position: relative; top: -1px;}

.zhaohui .msg { height: 530px;}
.zhaohui .msg .imgs { height: 480px;}

/*分页*/
.fenye { width: 100%; font-size: 0; margin: 10px 0; vertical-align: middle;}
.fenye li { display: inline-block; height: 28px; vertical-align: middle; margin: 0 -1px 5px 0; border: 1px solid #e2e2e2; overflow: hidden; background-color: #fff;}
.fenye li:first-child { margin-left: 0; border-radius: 2px 0 0 2px;}
.fenye li a,
.fenye li span { display: block; line-height: 28px; font-size: 12px; color: #333; padding: 0 15px;}
.fenye .disabled span { color: #d2d2d2;}
.fenye li:hover a { color: var(--theme-color);}
.fenye .active { border-color: var(--theme-color); border-radius: 3px; background: var(--theme-color);}
.fenye .active span { color: #fff;}

/*空*/
.nomessg { width: 100%; margin: 50px auto; padding-top: 150px; text-align: center; background: url(../my/kong.png) no-repeat center top;}
.nomessg p { line-height: 30px; font-size: 14px; color: #999;}
.nomessg a { display: inline-block; height: 40px; line-height: 40px; font-size: 14px; color: #fff; margin-top: 15px; padding: 0 15px; border-radius: 20px; background: var(--theme-color);}

/*证书弹框*/
.tanks { width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 99;}
.tanks .tknrs { margin: auto; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow: hidden; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.tanks .tknrs .close { width: 30px; height: 30px; cursor: pointer; border-radius: 4px; background: var(--theme-color); position: absolute; right: 5px; top: 5px; z-index: 3;}
.tanks .tknrs .close::before,
.tanks .tknrs .close::after { display: block; content: ""; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.tanks .tknrs .close::before { width: 15px; height: 1px;}
.tanks .tknrs .close::after { width: 1px; height: 15px;}
/*个人*/
.tanks .geren { width: 575px; height: 350px; padding: 10px; background: url(../my/grbg.jpg) repeat 0 0;}
.tanks .geren::before,
.tanks .geren::after { display: block; content: ""; width: 235px; height: 235px; border-radius: 50%; background: rgba(183,160,117,0.1); position: absolute;}
.tanks .geren::before { right: -5%; top: -25%;}
.tanks .geren::after { left: 18%; bottom: -20%;}
.tanks .geren .nr { height: 318px; padding: 15px; border: 1px solid #b7a075; border-radius: 4px; position: relative; z-index: 2;}
.tanks .geren .nr::after { display: block; content: ""; width: 135px; height: 135px; border-radius: 50%; background: rgba(183,160,117,0.1); position: absolute; right: 15%; bottom: -20%;}
.tanks .geren .nr .logo { width: 100%; height: 60px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid rgba(183,160,117,0.35); overflow: hidden;}
.tanks .geren .nr .logo img { display: block; height: 60px;}
.tanks .geren .nr .img { float: left; width: 142px; height: 215px; border-radius: 4px; overflow: hidden;}
.tanks .geren .nr .img img { display: block; width: 142px; height: 215px;}
.tanks .geren .nr .msg { float: right; width: calc(100% - 180px);}
.tanks .geren .nr .msg h3 { line-height: 40px; font-size: 22px; color: #000; padding-bottom: 10px; margin-bottom: 20px; position: relative;}
.tanks .geren .nr .msg h3::after { display: block; content: ""; width: 35px; height: 3px; background: #333; position: absolute; left: 0; bottom: 0;}
.tanks .geren .nr .msg p { line-height: 35px; font-size: 14px; color: #666;}
.tanks .geren .nr .msg p span { color: #000;}
/*企业*/
.tanks .qiye { width: 580px; height: 330px; text-align: center; padding: 85px; background: url(../my/qybg.jpg) repeat 0 0;}
.tanks .qiye .logo { width: 100%; height: 70px; margin-bottom: 30px; overflow: hidden;}
.tanks .qiye .logo img { display: block; height: 70px; margin: 0 auto;}
.tanks .qiye h3 { line-height: 50px; font-size: 32px; color: #000; letter-spacing: 2px;}
.tanks .qiye h2 { line-height: 120px; font-size: 56px; color: #e00; letter-spacing: 30px;}
.tanks .qiye p { line-height: 30px; font-size: 18px; color: #000; letter-spacing: 2px;}

/*主体*/
.member { width: 100%;}
.member .comhead { width: 100%; height: 60px; background: var(--theme-color); position: relative; z-index: 99999;}
.member .comhead .logo { float: left; width: 210px; height: 35px; padding: 12.5px 15px;}
.member .comhead .logo img { display: block; max-width: 100%; height: 35px;}
.member .comhead .posit { float: left; height: 60px; line-height: 60px; font-weight: 500; font-size: 14px; color: rgba(255,255,255,0.4); padding-left: 23px; margin-left: 20px; background: url(../my/mb01.png) no-repeat left center;}
.member .comhead .posit a { color: rgba(255,255,255,0.4);}
.member .comhead .msg { float: right; height: 60px; padding-right: 25px; margin-right: 15px; position: relative;}
.member .comhead .msg::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: rgba(255,255,255,0.5) transparent transparent transparent; position: absolute; right: 5px; top: 27px;}
.member .comhead .msg img { float: left; width: 40px; height: 40px; margin-top: 10px; border-radius: 50%; overflow: hidden;}
.member .comhead .msg p { display: none; width: 120px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff; position: absolute; right: 0; top: 60px;}
.member .comhead .msg p a { display: block; height: 45px; line-height: 45px; font-size: 14px; color: #666; cursor: pointer; text-align: center;  border-top: 1px solid #f4f4f4; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .comhead .msg p a:hover { color: var(--theme-color);}
.member .comhead .msg:hover p { display: block;}
.member .comhead button { display: block; float: right; height: 60px; line-height: 60px; font-size: 15px; color: #fff; padding: 0 25px; margin-right: 20px; border: none; background: rgba(0,0,0,0); position: relative;}
.member .comhead button::before,
.member .comhead button::after { display: block; content: ""; width: 1px; height: 10px; margin: auto; background: rgba(255,255,255,0.25); position: absolute; top: 0; bottom: 0;}
.member .comhead button::before { left: 0;}
.member .comhead button::after { right: 0;}
.member .comhead .mssg { float: right; height: 60px; line-height: 60px; background: rgba(0,0,0,0); position: relative;}
.member .comhead .mssg::before { display: none; content: ""; width: 7px; height: 7px; border-radius: 50%; background: #e00; position: absolute; top: 18px; right: 15px;}
.member .comhead .mssg::after { display: block; content: ""; width: 1px; height: 10px; margin: auto; background: rgba(255,255,255,0.25); position: absolute; top: 0; bottom: 0; left: 0;}
.member .comhead .mssg a { display: block; font-size: 15px; color: #fff; padding: 0 25px;}
.member .comhead .mssg.on::before { display: block;}
.member .comhead .buys { float: right; height: 60px; line-height: 60px; padding: 0 25px;}
.member .comhead .buys label { display: block; float: left; font-size: 15px; color: #fff;}
.member .comhead .buys .layui-form-switch { margin-top: 0; border: none;}

.member .lft { float: left; width: 240px; height: calc(100vh - 80px); padding: 10px 0; overflow: hidden; background: var(--theme-bgcolor);}
.member .lft .lst { height: calc(100vh - 80px); overflow-y: scroll; scrollbar-width: none;}
.member .lft .lst::-webkit-scrollbar { width: 0px; height: 0px;}
.member .lft .lst li { border-bottom: 1px solid var(--theme-bodcolor); overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .lft .lst li::before { display: block; content: ""; width: 2px; height: 0; margin: auto; background: var(--theme-color); position: absolute; top: 12px; left: 0;}
.member .lft .lst li::after { display: block; content: ""; width: 5px; height: 5px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; border-radius: 0 1px 0 0; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 23px; right: 22px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .lft .lst li a { display: block; line-height: 30px; font-size: 14px; color: #333; padding: 10px 20px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .lft .lst li a i { font-size: 18px; margin-right: 10px;}
.member .lft .lst li .son { display: none;}
.member .lft .lst li:hover { background: var(--theme-bodcolor);}
.member .lft .lst li:hover::after { border-color: var(--theme-color);}
.member .lft .lst li:hover a { color: var(--theme-color);}
.member .lft .lst .on,
.member .lft .lst .on:hover { background: var(--theme-bgcolor);}
.member .lft .lst .on::before { height: 25px;}
.member .lft .lst .on::after,
.member .lft .lst .on:hover::after { border-color: var(--theme-color);}
.member .lft .lst .on a,
.member .lft .lst .on:hover a { color: var(--theme-color);}
.member .lft .lst .on .son { display: block; border-top: 1px solid var(--theme-bodcolor);}
.member .lft .lst .on .son a { font-size: 13px; color: #666; padding: 5px 20px 5px 48px; position: relative;}
.member .lft .lst .on .son .on,
.member .lft .lst .on .son a:hover { color: var(--theme-color);}

.member .rgt { float: right; width: calc(100% - 240px); height: calc(100vh - 60px); overflow: hidden; background: #f4f4f4;}
.member .rgt .title { line-height: 25px; font-weight: bold; font-size: 16px; color: #333; margin-bottom: 15px;}

.member .rgt .main { width: calc(100% - 60px); height: calc(100vh - 160px); margin: 10px; padding: 20px; border-radius: 4px; background: #fff;}
.member .rgt .main .content { width: 100%; height: 100%; overflow-y: scroll; scrollbar-width: none;}
.member .rgt .main .content::-webkit-scrollbar { width: 0px; height: 0px;}
.member .rgt .main .content .layui-form-item { margin-bottom: 10px;}
.member .rgt .main .content .layui-form-item .layui-form-label { width: 120px; height: 38px; line-height: 38px; text-align: center; padding: 0 10px; border: 1px solid #eee; border-right: none; background: #f8f8f8;}
.member .rgt .main .content .layui-form-item .layui-form-label i { display: inline-block; font-size: 16px; color: #cf0002; margin-right: 5px; position: relative; top: 5px;}
.member .rgt .main .content .layui-form-item .layui-input-inline { width: calc(100% - 141px); margin-right: 0;}
.member .rgt .main .content .layui-form-item .layui-input-block { margin-left: 121px; min-height: 38px; min-line-height: 38px;}
.member .rgt .main .content .layui-form-item .targs { margin-right: 0 !important;}
.member .rgt .main .content .layui-form-item .targs select { display: block; float: left; width: calc(100% / 3 - 8px); height: 38px; line-height: 38px; margin-left: 12px; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px; overflow: hidden; background: #fff;}
.member .rgt .main .content .layui-form-item .targs select[name="area_id_1"] { margin-left: 0;}
.member .rgt .main .content .layui-form-item .select-address { display: block; float: left; width: calc(100% / 5 - 10px); height: 38px; line-height: 38px; margin-left: 12px; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px; overflow: hidden; background: #fff;}
.member .rgt .main .content .layui-form-item .select-address[name="area_id_1"] { margin-left: 0;}
.member .rgt .main .content .layui-form-item .layui-input:focus,
.member .rgt .main .content .layui-form-item .layui-textarea:focus { border-color: #d2d2d2 !important; box-shadow: initial;}
.member .rgt .main .content .layui-form-item .layui-form-select dl dd.layui-this { color: var(--theme-color);}
.member .rgt .main .content .layui-form-item .layui-form-radio { margin-top: 5px;}
.member .rgt .main .content .layui-form-item .layui-form-radio > i { font-size: 16px;}
.member .rgt .main .content .layui-form-item .layui-form-radio:hover > *,
.member .rgt .main .content .layui-form-item .layui-form-radioed,
.member .rgt .main .content .layui-form-item .layui-form-radioed > i { color: var(--theme-color);}

.member .rgt .main .content .layui-form-item .yzm {}
.member .rgt .main .content .layui-form-item .yzm input { float: left; width: 30%;}
.member .rgt .main .content .layui-form-item .yzm img,
.member .rgt .main .content .layui-form-item .yzm button { display: block; float: left; width: 150px; margin: 0 10px; border-radius: 2px; overflow: hidden;}
.member .rgt .main .content .layui-form-item .yzm img { height: 36px; line-height: 36px; border: 1px solid #eee;}
.member .rgt .main .content .layui-form-item .yzm button { height: 38px; line-height: 38px;}
.member .rgt .main .content .layui-form-item .yzm .hint { float: left; height: 38px; line-height: 38px; font-size: 14px; color: var(--theme-color);}
.member .rgt .main .content .layui-form-item .yzm .hint i { float: left; margin: 0 5px 0 0;}
.member .rgt .main .content .layui-form-item .layui-input-block .layui-form-checkbox { float: left; margin-left: 0;}
.member .rgt .main .content .layui-form-item .layui-input-block .layui-form-checkbox[lay-skin="primary"] > div { padding-right: 5px;}
.member .rgt .main .content .layui-form-item .layui-input-block .layui-form-checked[lay-skin="primary"] > i { border-color: var(--theme-color) !important; background-color: var(--theme-color);}
.member .rgt .main .content .layui-form-item .layui-input-block .solid-label { float: left; height: 18px; line-height: 18px; font-size: 14px; margin: 9px 4px 0 0;}
.member .rgt .main .content .layui-form-item .layui-input-block .solid-label a { color: var(--theme-color); cursor: pointer; text-decoration: underline;}
.member .rgt .main .content .layui-form-item .layui-input-block .tips { height: 38px; line-height: 38px; font-size: 14px; color: #666;}
.member .rgt .main .content .layui-form-item .layui-input-block .tips a { font-weight: bold; font-size: 16px; color: var(--theme-color);}
.member .rgt .main .content .layui-table-header th { font-weight: bold; font-size: 14px; color: #333;}
.member .rgt .main .content .layui-table { width: 100%;}
.member .rgt .main .content .layui-table td,
.member .rgt .main .content .layui-table th { height: 38px; min-height: 38px; padding: 5px 10px;}
.member .rgt .main .content .layui-table thead tr { background-color: #f8f8f8;}
.member .rgt .main .content .layui-table thead th { font-weight: bold; font-size: 16px; text-align: center;}
.member .rgt .main .content .layui-table-cell { height: 38px; line-height: 38px; padding: 0; margin: 0 auto;}
.layui-laydate .layui-this,
.layui-laydate .layui-this > div { background-color: var(--theme-color) !important;}
.layui-btn { background: var(--theme-color);}
.layui-form-radio:hover > *,
.layui-form-radioed, .layui-form-radioed > i { color: var(--theme-color);}
.layui-form-checkbox[lay-skin="primary"]:hover > i { border-color: var(--theme-color);}
.layui-form-checked[lay-skin="primary"] > i { border-color: var(--theme-color) !important; background-color: var(--theme-color);}
.layui-table-checked { background: var(--theme-bodcolor);}
.layui-table,
.layui-table-view { margin: 0;}

/*首页*/
.member .rgt .head { width: calc(100% - 40px); height: 60px; padding: 15px 20px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; background: #fff; position: relative; z-index: 9;}
.member .rgt .head .mbmr { float: left; width: 420px;}
.member .rgt .head .mbmr .img { float: left; width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.member .rgt .head .mbmr .img img { display: block; width: 60px; height: 60px; border-radius: 50%;}
.member .rgt .head .mbmr .msg { float: right; width: calc(100% - 70px);}
.member .rgt .head .mbmr .msg h3 { line-height: 35px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .head .mbmr .msg p { line-height: 22px; font-size: 12px; color: #666;}
.member .rgt .head .mbmr .msg p b { font-size: 14px; color: var(--theme-color);}
.member .rgt .head .lst { float: right; width: calc(100% - 420px);}
.member .rgt .head .lst ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.member .rgt .head .lst li { width: 100%; flex-shrink: 1; height: 60px; text-align: center; position: relative; border-left: 1px solid #eee;}
.member .rgt .head .lst li h3 { height: 35px; line-height: 35px; font-size: 15px; color: var(--theme-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .head .lst li h3 span { display: inline-block;}
.member .rgt .head .lst li h3 span a { display: inline-block; height: 24px; line-height: 24px; font-weight: 500; font-size: 11px; color: #fff; padding: 0 10px; margin-left: 5px; border-radius: 10px 10px 10px 0; background: var(--theme-color); position: relative; top: -7px;}
.member .rgt .head .lst li h3 span a:last-child { border-radius: 4px;}
.member .rgt .head .lst li p { line-height: 22px; font-size: 12px; color: #666;}
.member .rgt .head .lst .btn { font-size: 0;}
.member .rgt .head .lst .btn a { display: inline-block; width: calc(50% - 10px); max-width: 100px; height: 40px; line-height: 40px; font-size: 12px; color: #fff; text-align: center; margin: 10px 0 10px 10px; border-radius: 4px; overflow: hidden;}
.member .rgt .head .lst .btn .hyz { background: var(--theme-color);}
.member .rgt .head .lst .btn .aqt { margin-right: 0; background: #eb8909;}

.member .rgt .notic { float: left; width: calc(25% - 40px); height: 240px; padding: 15px 20px 20px 20px; border-radius: 4px; overflow: hidden; background: #fff;}
.member .rgt .notic li { width: 100%; height: 48px; line-height: 48px; border-bottom: 1px dashed #ccc;}
.member .rgt .notic li:first-child { border-top: 1px solid #f4f4f4;}
.member .rgt .notic li a { float: left; width: calc(70% - 15px); font-size: 14px; color: #333; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .notic li a::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 4px; background: #999; position: absolute; left: 0; top: 24px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .notic li span { display: block; float: right; font-size: 14px; color: #999;}
.member .rgt .notic li:hover a { color: var(--theme-color);}
.member .rgt .notic li:hover a::after { background: var(--theme-color);}

.member .rgt .revpend { float: right; width: calc(37.5% - 50px); height: 240px; padding: 15px 20px 20px 20px; margin-left: 10px; border-radius: 4px; overflow: hidden; background: #fff;}
.member .rgt .revpend li { width: 100%; padding: 10px 0; border-bottom: 1px solid #f4f4f4;}
.member .rgt .revpend li:first-child { border-top: 1px solid #f4f4f4;}
.member .rgt .revpend li p { line-height: 25px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .revpend li span { line-height: 20px; font-size: 12px; color: #999;}
.member .rgt .revpend .msg { float: left; width: calc(60% - 15px); padding-left: 15px; position: relative;}
.member .rgt .revpend .msg::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 4px; background: #999; position: absolute; left: 0; top: 12px;}
.member .rgt .revpend .msg p { font-size: 14px;}
.member .rgt .revpend .pric { float: right; width: 40%; text-align: right;}
.member .rgt .revpend .pric p { font-weight: bold; font-size: 16px; color: #000;}

.member .rgt .meeting { margin: 10px 0; padding: 15px 20px 20px 20px; border-radius: 4px; background: #fff;}
.member .rgt .meeting li { float: left; width: calc(100% / 5 - 18px); margin-right: 20px; border: 1px solid #eee; border-radius: 6px; overflow: hidden;}
.member .rgt .meeting li:nth-child(5n) { margin-right: 0;}
.member .rgt .meeting li .img { width: 100%; height: 185px; overflow: hidden; background: #fafafa;}
.member .rgt .meeting li .img p { display: table-cell; width: 100vh; height: 185px; vertical-align: middle;}
.member .rgt .meeting li .img img { display: block; max-width: 100%; height: 185px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .meeting li h3 { width: calc(90% - 2px); line-height: 40px; font-size: 14px; color: #333; text-align: center; padding: 0 5%; border-top: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .meeting li:hover .img img { transform: scale(1.1,1.1);}
.member .rgt .meeting li:hover h3 { color: var(--theme-color);}
.member .rgt .messg { padding: 15px; border-radius: 4px; background: #fff;}
.member .rgt .messg .img { float: left; width: 75px; height: 75px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.member .rgt .messg .img img { display: block; width: 75px; height: 75px;}
.member .rgt .messg .msg { float: right; width: calc(100% - 100px);}
.member .rgt .messg .msg h3 { line-height: 30px; font-size: 15px; color: #333;}
.member .rgt .messg .msg p { line-height: 22px; font-size: 14px; color: #999;}

/*个人简历*/
.member .rgt .shenbao { width: 100%;}
.member .rgt .shenbao .navs { float: left; width: 240px; height: calc(100vh - 230px); padding: 15px 20px; background: #fafafa;}
.member .rgt .shenbao .navs span { display: block; height: 45px; line-height: 45px; font-size: 14px; color: #666; cursor: pointer; border-bottom: 1px solid #eee; position: relative;}
.member .rgt .shenbao .navs span:last-child { border-bottom: none;}
.member .rgt .shenbao .navs span::after { display: block; content: ""; width: 3px; height: 0; margin: auto; background: var(--theme-color); position: absolute; top: 0; bottom: 0; left: -20px;}
.member .rgt .shenbao .navs span:hover,
.member .rgt .shenbao .navs .on { color: var(--theme-color);}
.member .rgt .shenbao .navs .on { font-weight: bold;}
.member .rgt .shenbao .navs .on::after { height: 15px;}
.member .rgt .shenbao .comnr { float: right; width: calc(100% - 340px); padding: 0 25px;}
.member .rgt .shenbao .comnr .youtu { float: left; width: calc(100% - 210px);}
.member .rgt .shenbao .comnr .youtu .layui-inline { width: calc(100% / 2 - 12px); margin-bottom: 0;}
.member .rgt .shenbao .comnr .youtu .layui-form-label { height: 36px; line-height: 36px;}
.member .rgt .shenbao .comnr .youtu .layui-input-block { margin: 0 12px 0 141px;}
.member .rgt .shenbao .comnr .youtu .xian { height: 36px; padding: 0 10px; border: 1px solid #eee; border-radius: 2px;}
.member .rgt .shenbao .comnr .imgs { float: right; width: 168px; height: 254px; padding: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.member .rgt .shenbao .comnr .imgs img { display: block; width: 168px; height: 254px;}
.member .rgt .shenbao .comnr .btaniu { margin-top: 20px;}
.member .rgt .shenbao .comnr .layui-table td,
.member .rgt .shenbao .comnr .layui-table th { padding: 10px;}
.member .rgt .shenbao .comnr .msg .mr { width: 100%; height: calc(100vh - 300px); overflow-y: scroll; scrollbar-width: none;}
.member .rgt .shenbao .comnr .msg .mr::-webkit-scrollbar { width: 0px; height: 0px;}
.member .rgt .shenbao .comnr .msg .mr h2 { line-height: 25px; font-size: 14px; color: #333; margin-bottom: 10px;}
.member .rgt .shenbao .comnr .msg .mr table { margin-bottom: 20px;}
.member .rgt .shenbao .comnr .msg .mr th,
.member .rgt .shenbao .comnr .msg .mr td { height: 35px; min-height: 35px; font-size: 12px; padding: 0 10px;}
.member .rgt .shenbao .comnr .msg .mr th { font-weight: 500; color: #888; text-align: center;}
.member .rgt .shenbao .comnr .msg .mr td { color: #333;}
.member .rgt .shenbao .comnr .msg .mr td img { display: block;  height: 130px; margin: 0 auto;}

/*公用表单样式*/
.member .rgt .forms { width: 100%;}
.member .rgt .forms .toux { float: left; width: calc(100% / 3);}
.member .rgt .forms .toux .img { width: 130px; height: 130px; padding: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.member .rgt .forms .toux .img .layui-upload-img { display: block; width: 130px; height: 130px; border-radius: 50%;}
.member .rgt .forms .zjz { float: left; width: calc(100% / 3);}
.member .rgt .forms .zjz .img { width: 180px; height: 130px; padding: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.member .rgt .forms .zjz .layui-upload-img { display: block; width: 85px; height: 130px; margin: 0 auto;}
.member .rgt .forms .zshu {}
.member .rgt .forms .zshu .layui-inline { width: calc(100% / 3 - 9px); margin-bottom: 0;}
.member .rgt .forms .zshu .layui-inline:nth-child(3) { margin-right: 0;}
.member .rgt .forms .zshu .layui-input-inline { padding: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.member .rgt .forms .zshu .layui-upload-img { display: block; max-width: 100%; height: 160px; margin: 0 auto;}
.member .rgt .forms .v-input {}
.member .rgt .forms .v-input .layui-inline { width: calc(100% / 3 - 9px); margin-bottom: 0;}
.member .rgt .forms .v-input .layui-inline:nth-child(3) { margin-right: 0;}
.member .rgt .forms .xian { height: 36px !important; min-height: 36px !important; line-height: 36px !important; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px;}
.member .rgt .forms .zhuang { width: 100%; line-height: 40px; font-size: 14px; color: #333; margin-bottom: 15px;}
.member .rgt .forms .zhuang h2 { font-size: 16px; color: #f00; margin-right: 15px;}
.member .rgt .forms .zhuang a { display: block; width: 80px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; border-radius: 4px; background: var(--theme-color);}
.member .rgt .forms .img .layui-quote-nm { border: none; padding: 0;}
.member .rgt .forms .img .layui-quote-nm .son_box { float: left; width: calc(100% / 5 - 8px); height: 190px; margin: 0 10px 10px 0; overflow: hidden; background: #eee; position: relative;}
.member .rgt .forms .img .layui-quote-nm .son_box:nth-child(5n) { margin-right: 0;}
.member .rgt .forms .img .layui-quote-nm .son_box img { display: block; width: 100%; margin: 0 auto;}
.member .rgt .forms .img .layui-quote-nm .son_box button { display: block; height: 30px; line-height: 30px; font-size: 12px; color: #fff; padding: 0 15px; border: none; border-radius: 0 0 0 10px; background: #e00; position: absolute; right: 0; top: 0; z-index: 9;}

/*我的活动*/
.member .rgt .myhuod { width: 100%;}
.member .rgt .myhuod .tab_btn { height: 40px; line-height: 40px; padding: 5px 20px; margin-bottom: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fcfcfc;}
.member .rgt .myhuod .tab_btn span { display: inline-block; font-size: 14px; color: #666; cursor: pointer; margin-right: 40px; position: relative;}
.member .rgt .myhuod .tab_btn span::after { display: block; content: ""; width: 0; height: 2px; margin: auto; background: var(--theme-color); position: absolute; left: 0; right: 0; bottom: 0;}
.member .rgt .myhuod .tab_btn .on { font-weight: bold; font-size: 16px; color: var(--theme-color);}
.member .rgt .myhuod .tab_btn .on::after { width: 20px;}
.member .rgt .myhuod .marbtm { margin-bottom: 15px;}
.member .rgt .myhuod .lh { line-height: 30px; font-size: 14px; color: #333; text-align: justify;}
.member .rgt .myhuod .lh img { max-width: 100%; height: auto !important;}
.member .rgt .myhuod .lh p { margin-top: 5px;}
.member .rgt .myhuod .lh ul,.lh ol { padding: revert; padding-left: 25px;}
.member .rgt .myhuod .lh li { list-style: inherit;}
.member .rgt .myhuod .lh table { border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.member .rgt .myhuod .lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/*发票管理*/
.member .rgt .invoice { width: 100%; margin-bottom: 20px;}
.member .rgt .invoice .kje { float: left; width: 28%;}
.member .rgt .invoice .kje p { line-height: 25px; font-size: 14px; color: #666;}
.member .rgt .invoice .kje h3 { line-height: 50px; font-size: 18px; color: var(--theme-color);}
.member .rgt .invoice .kje h3 b { font-size: 28px; position: relative; top: 1px;}
.member .rgt .invoice .kje .layui-btns { display: block; float: left; text-align: center; margin: 15px 10px 0 0; border-radius: 4px;}
.member .rgt .invoice .kje .tip { line-height: 22px; font-size: 12px; color: var(--theme-color); margin-top: 15px;}
.member .rgt .invoice .kpx { width: 100%;}
.member .rgt .invoice .kpx h3 { line-height: 25px; font-size: 14px; color: #333; margin-bottom: 10px;}
.member .rgt .invoice .kpx li { float: left; width: 50%; line-height: 25px; font-size: 12px; color: #999;}
.member .rgt .invoice .kpx li span { color: #333;}
.member .rgt .invoice .kpx .wh100 { width: 100%;}
.member .rgt .invoice .kpx a { display: block; float: left; width: 120px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; margin: 15px 15px 0 0; background: var(--theme-color);}

/*地址管理*/
.member .rgt .ships { width: 100%;}
.member .rgt .ships .adship { display: block; width: 100px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; margin-bottom: 10px; border-radius: 4px; background: var(--theme-color);}
.member .rgt .ships li { float: left; width: calc(100% / 3 - 14px); padding-top: 15px; margin: 0 20px 20px 0; border: 1px solid #eee; box-sizing: border-box;}
.member .rgt .ships li:nth-child(3n) { margin-right: 0;}
.member .rgt .ships li p { line-height: 25px; font-size: 12px; color: #666; padding: 0 15px;}
.member .rgt .ships li p b { display: block; font-size: 16px; margin-bottom: 5px;}
.member .rgt .ships li p i { display: inline-block; font-style: normal; font-weight: 500; font-size: 12px; color: #dc3b40; margin-left: 10px;}
.member .rgt .ships li p span { font-size: 12px; color: #999;}
.member .rgt .ships li .botm { width: 100%; height: 35px; line-height: 35px; text-align: center; margin-top: 10px; border-top: 1px solid #eee;}
.member .rgt .ships li .botm a { display: inline-block; width: 30%; font-size: 14px; color: #01b645; cursor: pointer; border-right: 1px solid #eee;}
.member .rgt .ships li .botm a:last-child { border-right: none;}
.member .rgt .ships li .botm .del { color: #dc3b40;}
.member .rgt .ships li .botm .setdef { color: var(--theme-color);}
.member .rgt .ships .on { box-shadow: 0 0 10px rgba(0,0,0,0.05);}

/*商城订单*/
.member .rgt .ordtoplst { height: 40px; padding: 5px 20px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;  background: #fcfcfc;}
.member .rgt .ordtoplst li { float: left; line-height: 40px; margin-right: 40px; position: relative;}
.member .rgt .ordtoplst li::after { display: block; content: ""; width: 0; height: 2px; margin: auto; background: var(--theme-color); position: absolute; left: 0; right: 0; bottom: 0;}
.member .rgt .ordtoplst li a { display: block; font-size: 14px; color: #666;}
.member .rgt .ordtoplst li:hover a { color: var(--theme-color);}
.member .rgt .ordtoplst .on a { font-weight: bold; font-size: 16px; color: var(--theme-color);}
.member .rgt .ordtoplst .on::after { width: 20px;}
.member .rgt .ordlst { width: 100%;}
.member .rgt .ordlst li { margin-top: 15px; border: 1px solid #eee;}
.member .rgt .ordlst li .cell-item { line-height: 35px; padding: 10px; border-bottom: 1px solid #eee; background: #fcfcfc;}
.member .rgt .ordlst li .cell-item p { float: left; font-size: 14px; color: #333;}
.member .rgt .ordlst li .cell-item b { float: right; font-size: 14px; color: var(--theme-color); letter-spacing: 2px;}
.member .rgt .ordlst li .list { padding: 10px; border-bottom: 1px solid #f4f4f4;}
.member .rgt .ordlst li .list .img { display: block; float: left; width: 80px; height: 80px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.member .rgt .ordlst li .list .msg { float: right; width: calc(100% - 100px);}
.member .rgt .ordlst li .list .msg .top { height: 50px; overflow: hidden;}
.member .rgt .ordlst li .list .msg .top h3 { float: left; width: 60%; height: 50px; line-height: 25px; font-size: 16px; color: #333; overflow: hidden;}
.member .rgt .ordlst li .list .msg .top span { float: left; line-height: 50px; text-align: center;}
.member .rgt .ordlst li .list .msg .top .price { width: 30%; font-size: 12px; color: #dc3b40;}
.member .rgt .ordlst li .list .msg .top .price b { font-weight: 500; font-size: 16px;}
.member .rgt .ordlst li .list .msg .top .gnum { width: 10%; font-size: 14px;} 
.member .rgt .ordlst li .list .msg p { line-height: 30px; font-size: 12px; color: #999;}
.member .rgt .ordlst li .ordbottom { line-height: 30px; padding: 10px 15px; background: #fdfdfd;}
.member .rgt .ordlst li .ordbottom .shx { float: left; width: 59%; border-right: 1px solid #eee;}
.member .rgt .ordlst li .ordbottom .totl { float: right; width: 40%; text-align: right;}
.member .rgt .ordlst li .ordbottom p { font-size: 12px; color: #666;}
.member .rgt .ordlst li .ordbottom p span { color: #333;}
.member .rgt .ordlst li .ordbottom p b { font-weight: 500; font-size: 16px;}
.member .rgt .ordlst li .ordbottom p .green { color: #12d4a9;}
.member .rgt .ordlst li .ordbottom p .price { font-size: 14px; color: #dc3b40;}
.member .rgt .ordlst li .ordbottom p .price b { font-weight: bold; font-size: 20px;}
.member .rgt .ordlst li .goodtotal { padding: 10px;}
.member .rgt .ordlst li .goodtotal p { float: right; line-height: 35px; font-size: 14px; color: #666;}
.member .rgt .ordlst li .goodtotal p span { margin-left: 20px;}
.member .rgt .ordlst li .goodtotal p span i { font-style: normal; font-weight: bold; font-size: 14px; color: #dc3b40; margin: 0 5px;}
.member .rgt .ordlst li .goodtotal p span em { font-style: normal; color: #dc3b40;}
.member .rgt .ordlst li .goodtotal p span em b { font-size: 20px;}
.member .rgt .ordlst li .goodtotal .btn { float: right; width: 100px; height: 35px; line-height: 35px; font-size: 14px; color: #333; margin-left: 20px; border: 1px solid #999; border-radius: 20px; background: none; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .ordlst li .goodtotal .btn:hover { color: #fff; border-color: #333; background: #333;}
.member .rgt .ordlst li .goodtotal .btn-c { color: var(--theme-color); border-color: var(--theme-color);}
.member .rgt .ordlst li .goodtotal .btn-c:hover { border-color: var(--theme-color); background: var(--theme-color);}
.member .rgt .ordlst li .goodtotal .btn-o { color: #dc3b40; border-color: #dc3b40;}
.member .rgt .ordlst li .goodtotal .btn-o:hover { border-color: #dc3b40; background: #dc3b40;}
.member .rgt .ordlst li .goodtotal .btn-b { color: #ffa000; border-color: #ffa000;}
.member .rgt .ordlst li .goodtotal .btn-b:hover { border-color: #ffa000; background: #ffa000;}
.member .rgt .layui-laypage a:hover { color: var(--theme-color) !important;}
.member .rgt .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: var(--theme-color) !important;}
.member .rgt .ordshow { padding: 10px; border: 1px solid #eee;}
.member .rgt .ordshow .lft { float: left;}

/*结算页面*/
.member .rgt .settle { width: 100%;}
.member .rgt .settle h2 { line-height: 30px; font-weight: bold; font-size: 14px; color: #333;}
.member .rgt .settle .shdz { padding: 10px 20px; margin: 10px auto; border: 1px solid #eee;}
.member .rgt .settle .shdz li { width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #666; margin: 10px auto;}
.member .rgt .settle .shdz li b { display:inline-block; width:100px; text-align:center; margin-right:25px; border:2px solid #ff6216; position:relative;}
.member .rgt .settle .shdz li b::before,.settle .shdz li b::after { display:block; content:""; position:absolute;}
.member .rgt .settle .shdz li b::before { width:0; height:0; border-style:solid; border-width:0 0 15px 25px; border-color:transparent transparent #ff6216 transparent; bottom:0; right:0; z-index:0;}
.member .rgt .settle .shdz li b::after { width:8px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); right:2px; bottom:3px; z-index:2;}
.member .rgt .settle .shdz li:hover { color:#333; cursor:pointer;}
.member .rgt .settle .shdz .adbtn { width:120px; height:35px; margin:10px 0;}
.member .rgt .settle .shdz .adbtn .btn { display:block; width:100%;text-align: center; height:35px; line-height:35px; font-size:12px; color:#fff; border:none; background:#ff6216;}
.member .rgt .settle .list { padding: 15px 20px 10px 20px; border: 1px solid #eee;}
.member .rgt .settle .list .yizu { margin: 10px 0; border: 1px solid #eee;}
.member .rgt .settle .list .yizu .store { height: 35px; line-height: 35px; padding: 10px 15px; border-bottom: 1px solid #eee; background: #fafafa;}
.member .rgt .settle .list .yizu .store img { display: block; float: left; width: 35px; height: 35px; border-radius: 4px; overflow: hidden; background: #eee;}
.member .rgt .settle .list .yizu .store h3 { float: left; font-size: 16px; color: #333; margin-left: 15px;}

.member .rgt .settle .list .yizu li { padding: 10px; border-bottom: 1px solid #eee;}
.member .rgt .settle .list .yizu li:last-child { border-bottom: none;}
.member .rgt .settle .list .yizu li img { float: left; width: 78px; height: 78px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #f4f4f4;}
.member .rgt .settle .list .yizu li .msg { float: right; width: calc(100% - 95px);}
.member .rgt .settle .list .yizu li .name { float: left; width: 60%; line-height: 30px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .settle .list .yizu li .price { float: left; width: 25%; height: 30px; line-height: 30px; font-size: 12px; color: #ff6216; text-align:center;}
.member .rgt .settle .list .yizu li .price span { font-weight: bold; font-size: 16px;}
.member .rgt .settle .list .yizu .num { float: left; width: 15%; height: 30px; line-height: 30px; font-size: 15px; color: #333; text-align: center;}
.member .rgt .settle .list .yizu .num i { font-style: normal; font-size: 12px; margin-right: 2px;}
.member .rgt .settle .list .yizu p { line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .settle .list .yizu .gge { color: #666;}
.member .rgt .settle .count { padding: 15px 20px; margin: 10px auto; border: 1px solid #eee;}
.member .rgt .settle .count li { padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid #f4f4f4;}
.member .rgt .settle .count li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.member .rgt .settle .count li p { line-height: 25px; font-size: 12px; color: #999;}
.member .rgt .settle .balance { width: 100%; text-align: right; padding: 10px 0;}
.member .rgt .settle .balance p { line-height: 25px; font-size: 14px; color: #666; padding-right: 30px;}
.member .rgt .settle .balance p b { display: inline-block; font-weight: 500; font-size: 18px; color: #ff6216;}
.member .rgt .settle .balance p b::first-letter { font-weight: 500; font-size: 14px;}
.member .rgt .settle .bottom { padding: 20px; background: #f4f4f4;}
.member .rgt .settle .bottom span { display: block; float: right; line-height: 40px; font-size: 14px; color: #333; margin-right: 30px;}
.member .rgt .settle .bottom span b { font-style: normal; font-size: 18px; color: #ff6216;}
.member .rgt .settle .bottom .btn { float: right; width: 120px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; border: none; background: #ff6216;}
/*新增收货人地址*/
.member .rgt .pb { width: 365px; height: 415px; margin: auto; background-color: #fff; padding: 20px; box-shadow: 0 0 30px rgba(0,0,0,0.2); position: fixed; top: 0; right: 0; bottom: 0; left: 0;z-index: 9999;}
.member .rgt .pb .close,
.member .rgt .pb .close { width: 40px; height: 40px; border-radius: 50%; background: #ff6216; position: absolute; right: -14px; top: -14px; z-index: 2;}
.member .rgt .pb .close::before,
.member .rgt .pb .close::after { display: block; content: ""; margin: auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.member .rgt .pb .close::before { width: 15px; height: 2px;}
.member .rgt .pb .close::after { width: 2px; height: 15px;}
.member .rgt .pb-title { display: block; font-size: 18px; color: #333; margin-bottom: 15px;}
.member .rgt .pb-list { width: 65%; height: 510px;position: fixed; top: 0;background-color: #fff; right: 0; bottom: 0; left: 0;z-index: 9999;margin: auto; padding: 20px; box-shadow: 0 0 30px rgba(0,0,0,0.2); }
.member .rgt .pb-list .close,
.member .rgt .pb-list .close { width: 40px; height: 40px; border-radius: 50%; background: #ff6216; position: absolute; right: -14px; top: -14px; z-index: 2;}
.member .rgt .pb-list .close::before,
.member .rgt .pb-list .close::after { display: block; content: ""; margin: auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.member .rgt .pb-list .close::before { width: 15px; height: 2px;}
.member .rgt .pb-list .close::after { width: 2px; height: 15px;}
.member .rgt .pb-ct .layui-form-label { width: 60px !important; height: 36px !important; line-height: 36px !important; padding: 0 10px !important;}
.member .rgt .pb-ct .layui-form-label .required-color { display: inline-block; font-style: normal; color: #ff6216; margin-right: 5px;}
.member .rgt .pb-ct .layui-input-block { margin-left: 81px !important;}
.member .rgt .pb-ct .nrms { height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #e6e6e6;}
.member .rgt .pb-ct .nrms .layui-form-radio { margin-top: 0;}
.member .rgt .pb-ct .pb-btn { display: inline-block; height: 40px; line-height: 40px; font-size: 14px; color: #fff; margin-right: 15px; padding: 0 15px; border-radius: 2px; overflow: hidden; background: #ff6216;}
.member .rgt .address { background: #fff;}
.member .rgt .address .title { margin-bottom: 15px;}
.member .rgt .address .title h3 { font-size: 18px; color: #333;}
.member .rgt .address li { float: left; width: calc(100% / 4 - 15px); height: 140px; margin: 0 20px 20px 0; padding: 15px; border: 1px dashed #ddd; box-sizing: border-box; position: relative;}
.member .rgt .address .cs-selected { border-color: #ff6216;}
.member .rgt .address .cs-selected::before,
.member .rgt .address .cs-selected::after { display: block; content: ""; position: absolute;}
.member .rgt .address .cs-selected::before { width: 0; height: 0; line-height: 0px; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #ff6216 transparent; _border-color: #000 #000 #ff6216 #000; _filter: progid:dXImageTransform.Microsoft.chroma(color='#000'); right: -1px; bottom: -1px;}
.member .rgt .address .cs-selected::after { width: 4px; height: 8px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 2px; bottom: 2px; z-index: 2;}
.member .rgt .address li:nth-child(4n) { margin-right: 0;}
.member .rgt .address li h3 { font-size: 14px; line-height: 30px; color: #999; padding-bottom: 5px;}
.member .rgt .address li h3 b { float: left; font-weight: 500; font-size: 16px; color: #333; margin-right: 20px;}
.member .rgt .address li h3 span { float: left; font-size: 12px; color: #fd9125; line-height: 15px; margin-top: 8px;}
.member .rgt .address li p { line-height: 22px; font-size: 14px; color: #999; margin-top: 5px;}
.member .rgt .address li .edit,
.member .rgt .address li .delete { display: block; font-size: 14px; color: #ff6216; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 19px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .address li .edit { right: 60px;}
.member .rgt .address li .delete { right: 20px;}
.member .rgt .address li:hover a { filter: alpha(opacity=100); opacity: 1;}
.member .rgt .address .add { width: 100%; height: 100%;}
.member .rgt .address .add a { display: block; width: 100%; height: calc(100% - 30px); text-align: center; padding-top: 30px;}
.member .rgt .address .add i { font-size: 30px; color: #999;}
.member .rgt .address .add a:hover i,
.member .rgt .address .add a:hover p { color: #ff6216;}

/*售后列表*/
.member .rgt .salelst { width: 100%;}
.member .rgt .salelst .list { width: 100%;}
.member .rgt .salelst .list li { margin-bottom: 15px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.member .rgt .salelst .list li .ordtop { line-height: 30px; padding: 10px; border-bottom: 1px solid #eee; background: #fafafa;}
.member .rgt .salelst .list li .ordtop h3 { float: left; max-width: 60%; font-size: 14px; color: #333; position: relative;}
.member .rgt .salelst .list li .ordtop h3 i { font-style: normal; color: var(--theme-color); margin-left: 30px;} 
.member .rgt .salelst .list li .ordtop p { float: right; height: 30px; line-height: 30px; font-size: 12px; color: #e00;}
.member .rgt .salelst .list li .ordtop p b { font-size: 18px;}
.member .rgt .salelst .list li .ordlst { padding: 10px; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.member .rgt .salelst .list li .ordlst .img { float: left; width: 80px; height: 80px; padding: 5px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.member .rgt .salelst .list li .ordlst .img img { display: block; width: 80px; height: 80px;}
.member .rgt .salelst .list li .ordlst .msg { float: right; width: calc(100% - 105px);}
.member .rgt .salelst .list li .ordlst .msg h3 { line-height: 30px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .salelst .list li .ordlst .msg p { line-height: 25px; font-size: 14px; color: #999; margin-top: 5px;}
.member .rgt .salelst .list li .ordlst .msg p i { font-style: normal; color: #e00;}
.member .rgt .salelst .list li .ordlst .msg p i b { font-size: 16px; margin-left: 5px;}
.member .rgt .salelst .list li .ordlst .msg p span { margin-left: 10px;}
.member .rgt .salelst .list li .ordlst .msg p span b { font-size: 15px;}
.member .rgt .salelst .list li .btn { display: block; float: right; height: 40px; line-height: 40px; font-size: 14px; color: var(--theme-color); padding: 0 25px; margin: 10px; border: 1px solid var(--theme-color); border-radius: 20px;}

/*申请售后*/
.member .rgt .salesq { width: 100%;}
.member .rgt .salesq table { margin-bottom: 15px; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.member .rgt .salesq table th,
.member .rgt .salesq table td { line-height: 25px; font-size: 14px; color: #333; text-align: center; padding: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.member .rgt .salesq table th { background: #f8f8f8;}
.member .rgt .salesq table td .layui-form-checkbox { display: block; width: 30px; margin: 0 auto;}
.member .rgt .salesq table td .layui-icon { display: block; border: 1px solid #d2d2d2;}
.member .rgt .salesq table td .img { float: left; width: 40px; height: 40px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.member .rgt .salesq table td .img img { display: block; width: 40px; height: 40px;}
.member .rgt .salesq table td h3 { display: block; float: right; width: calc(100% - 55px); line-height: 40px; font-size: 14px; color: #333; text-align: left;}
.member .rgt .salesq table td .mub { display: block; width: 60px; height: 35px; line-height: 35px; font-size: 14px; color: #333; text-align: center; margin: 0 auto; border: 1px solid #ddd; border-radius: 2px; background: #fff;}
.member .rgt .main .content .salesq .layui-form-item .xian { width: calc(100% - 163px); height: 38px; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px; overflow: hidden;}
.member .rgt .salesq .layui-btn { height: 40px; line-height: 40px;}
.member .rgt .salesq .layui-elem-quote { padding: 0; margin: 0; border: none;}
.member .rgt .salesq .son_box { float: left; width: calc(100% / 5 - 10px); height: 140px; margin: 0 10px 10px 0; position: relative;}
.member .rgt .salesq .son_box img { display: block; width: 100%; height: 140px;}
.member .rgt .salesq .son_box button { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding: 0 15px; border: none; border-radius: 0 0 0 10px; background: var(--theme-color); position: absolute; right: 0; top: 0; z-index: 2;}
.member .rgt .salesq .btn { margin-left: 141px;}
.member .rgt .salesq .ztred { width: 100%; line-height: 40px; font-size: 16px; color: #e00;}
.member .rgt .salesq h5 { line-height: 35px; font-weight: bold; font-size: 16px; color: #333;}
.member .rgt .salesq .msgs { margin-bottom: 20px;}
.member .rgt .salesq .msgs li { line-height: 30px; font-size: 14px; color: #333;}
.member .rgt .salesq .msgs li span { width: 75px; color: #999;}
.member .rgt .salesq .msgs li img { display: inline-block; width: 120px;}
.member .rgt .salesq .msgs li p { width: 100%;}
.member .rgt .salesq .msgs li p b { font-size: 16px; color: #e00;}
.member .rgt .salesq .msgs li p b i { font-style: normal; font-size: 12px; margin-right: 2px;}

/*提现、添加银行卡*/
.tixian { padding: 10px; background: #f8f8f8;}
.tixian .btn { width: 120px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; cursor: pointer; border-radius: 2px; overflow: hidden; background: var(--theme-color);}
.tixian .input-band { padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff; position: relative;}
.tixian .input-band::after { display: block; content: ""; width: 5px; height: 5px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 12px; top: 0; bottom: 0;}
.tixian .input-band img { display: block; float: left; width: 105px; height: 30px;}
.tixian .input-band p { float: right; width: calc(100% - 115px); line-height: 30px; font-size: 14px; color: #333; margin-left: 10px;}
.tixian .input-box { margin: 10px 0; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.tixian .input-box h3 { line-height: 35px; font-weight: 500; font-size: 14px; color: #333;}
.tixian .input-box h3 span { color: #e00;}
.tixian .input-box h3 b { font-size: 18px;}
.tixian .input-box p { line-height: 25px; font-size: 12px; color: #999;}
.tixian .input-box p b { color: #e00; margin: 0 5px;}
.tixian .input-box input { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333; margin: 5px 0; border: none; border-bottom: 1px solid #eee; background: #fff;}
.tixian .msg-box { width: 100%;}
.tixian .msg-box p { line-height: 30px; font-size: 14px; color: #666; text-align: right;}
.tixian .msg-box p b { font-size: 16px; color: #e00; margin: 0 5px;}
.tixian .msg-box .red { font-size: 12px; color: #e00; text-align: left; margin-bottom: 15px;}
.tixian .banklst { width: 100%;}
.tixian .banklst li { margin-bottom: 10px; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.tixian .banklst li .img { float: left; width: 125px; height: 35px; padding: 15px 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.tixian .banklst li .img img { display: block; max-width: 100%; height: 35px; margin: 0 auto;}
.tixian .banklst li .msg { float: right; width: calc(100% - 160px);}
.tixian .banklst li .msg b { display: block; line-height: 40px; font-size: 16px; color: #333;}
.tixian .banklst li .msg b i { font-style: normal; font-weight: 500; font-size: 12px; color: #e00; margin-left: 5px;}
.tixian .banklst li .msg p { padding: 0;}
.tixian .btn-end { width: 100%;}
.tixian .btn-end button { display: block; width: 100%; height: 50px; line-height: 50px; font-weight: bold; font-size: 18px; color: #fff; text-align: center; letter-spacing: 4px; cursor: pointer; border: none; border-radius: 4px; overflow: hidden; background: var(--theme-color);}
.addbank { padding: 10px;}
.addbank .name { display: block; height: 36px; line-height: 36px; font-size: 14px; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px; overflow: hidden;}
.addbank .address {}
.addbank .address select { display: block; float: left; width: calc(100% / 3 - 10px); height: 38px; line-height: 38px; font-size: 14px; margin-right: 15px; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff;}
.addbank .address select[name="areaId_3"] { margin-right: 0;}
.addbank .xian { height: 36px; line-height: 36px; font-size: 14px; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 2px;}
.addbank .xian .layui-form-radio { margin-top: 0;}
.member .rgt .banklst { width: 100%;}
.member .rgt .banklst .img { float: left; width: 125px; height: 35px; padding: 15px 10px; margin-left: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.member .rgt .banklst .img img { display: block; max-width: 100%; height: 35px; margin: 0 auto;}
.member .rgt .banklst .msg { float: right; width: calc(100% - 180px); margin-right: 10px;}
.member .rgt .banklst .msg b { display: block; line-height: 40px; font-size: 16px; color: #333;}
.member .rgt .banklst .msg b i { font-style: normal; font-weight: 500; font-size: 12px; color: #e00; margin-left: 5px;}
.member .rgt .banklst .msg p { padding: 0;}

/*通知消息*/
.messglst { width: 100%;}
.messglst li { line-height: 40px; border-bottom: 1px dashed #ddd;}
.messglst li a { float: left; width: 70%; font-size: 14px; color: #333; padding-left: 15px; -webkit-transition: all .5s ease; transition: all .5s ease; position: relative;}
.messglst li a::after { display: block; content: ""; width: 5px; height: 5px; border: 1px solid #999; border-radius: 10px; position: absolute; left: 0; top: 17px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.messglst li span { display: block; float: right; font-size: 12px; color: #999;}
.messglst li .box-show { display: none; line-height: 25px; font-size: 12px; color: #666; padding: 10px 15px; margin: 0 0 10px 15px; border: 1px solid #f4f4f4; border-radius: 4px; background: #fdfdfd;}
.messglst li .box-show.on { display: block;}
.messglst li:hover a { color: var(--theme-color);}
.messglst li:hover a::after { border-color: var(--theme-color);}

/*我的收藏*/
.collist { width: 100%;}
.collist .lst { width: 100%;}
.collist .lst li { float: left; width: calc(100% / 5 - 20px); margin: 0 20px 20px 0; position: relative;}
.collist .lst li:nth-child(5n) { margin-right: 0;}
.collist .lst li .qx { display: block; width: 35px; height: 35px; font-size: 0; cursor: pointer; border-radius: 50%; background: #ea4c89 url(../images/xl02.png) no-repeat 7px 7px / 20px; position: absolute; top: 10px; right: 10px; z-index: 9;}
.collist .lst li .img { width: 100%; height: 200px; margin-bottom: 5px; border-radius: 6px 6px 0 0; overflow: hidden; background: #f4f4f4;}
.collist .lst li .img img { display: block; max-width: 100%; height: 200px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.collist .lst li h3 { line-height: 30px; font-weight: 500; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.collist .lst li p { line-height: 20px; font-size: 12px; color: #999; overflow: hidden;}

.collist .lst li .img:hover img { transform: scale(1.1,1.1);}
.collist .lst li:hover h3 { color: var(--theme-color);}


/*底部*/
.member .rgt .copy { width: 100%; height: 40px; line-height: 40px; font-size: 12px; color: #bbb; text-align: center; background: #fff;}
.member .rgt .copy a { color: #bbb;}
.login .copy { width: 100%; line-height: 30px; font-size: 14px; color: #999; text-align: center; margin: auto; position: absolute; left: 0; right: 0; bottom: 20px;}
.login .copy a { color: #999;}





















/*申报*/
.member .rgt .sblist { padding: 20px; border-radius: 4px; background: #fff;}
.member .rgt .sblist li { float: left; width: 315px; margin: 0 27px 25px 0;}
.member .rgt .sblist li:nth-child(3n) { margin-right: 0;}
.member .rgt .sblist .img { width: 315px; height: 230px; border-radius: 8px 8px 0 0; overflow: hidden; background: #eee;}
.member .rgt .sblist .img p { display: table-cell; width: 315px; height: 230px; text-align: center; vertical-align: middle;}
.member .rgt .sblist .img p img { display: block; max-width: 100%; max-height: 230px; margin: 0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.member .rgt .sblist li h3 { line-height: 25px; font-size: 16px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .sblist li p { line-height: 20px; font-size: 12px; color: #999;}
.member .rgt .sblist li:hover .img { border-color: var(--theme-color);}
.member .rgt .sblist li:hover .img img { transform: scale(1.1,1.1);}
.member .rgt .sblist li:hover h3 { color: var(--theme-color);}

.member .rgt .vids { padding: 20px; border-radius: 4px; background: #fff;}
.member .rgt .vids a { display: block; width: 100%;}
.member .rgt .vids .img { float: left; width: 150px; height: 80px; border-radius: 4px; overflow: hidden; background: #fafafa;}
.member .rgt .vids .img img { display: block; width: 100%;}
.member .rgt .vids .msg { float: right; width: calc(100% - 165px);}
.member .rgt .vids .msg h3 { height: 50px; line-height: 25px; font-size: 15px; color: #333; overflow: hidden;}
.member .rgt .vids .msg p { line-height: 30px; font-size: 14px; color: var(--theme-color); margin-top: 2px;}
.member .rgt .vids .msg p b { font-weight: 500; font-size: 20px;}