* { 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;}
.warp { width: 1300px; margin: 0 auto;}
.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: #0043ae; 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: calc(100% - 185px);}
.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 #0043ae !important; border-radius: 4px; overflow: hidden; background: #0043ae;}
.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 #0043ae; border-radius: 4px; background: #0043ae;}
.login .msg li .solid-checkbox { float: left; width: auto; height: auto; padding: 0; margin: 1px 8px 0 0;}
.login .msg li a:hover { color: #0043ae; text-decoration: underline;}
.login .msg li .hint { line-height: 30px; font-size: 14px; color: #0043ae;}
.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: #0043ae;}
.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: #0043ae; cursor: pointer; position: relative; top: 1px;}
.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;}

.tophead { width: 100%; padding: 15px 0; background: #fff;}
.tophead .logo { float: left; height: 50px; overflow: hidden;}
.tophead .logo img { display: block; height: 50px;}
.tophead p { float: right; height: 50px;}
.tophead p a { line-height: 50px; font-size: 14px; color: #0043ae; text-decoration: underline;}

.zhuce { width: 100%; background: url(../my/logbg.jpg) no-repeat center top / cover;}
.zhuce .titnam { width: 100%; text-align: center; padding: 50px 0 20px 0; background: #0043ae; position: relative; z-index: 1;}
.zhuce .titnam::after { display: block; content: ""; width: 100%; height: 50px; background: #0043ae; position: absolute; left: 0; top: px; z-index: 1;}
.zhuce .titnam h2 { line-height: 45px; font-size: 32px; color: #fff; letter-spacing: 4px; margin-bottom: 10px;}
.zhuce .titnam ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.zhuce .titnam li { width: 100%; flex-shrink: 1; line-height: 40px; font-size: 15px; color: #fff; filter: alpha(opacity=50); opacity: 0.5; position: relative;}
.zhuce .titnam li::after { display: block; content: ""; width: 165px; height: 1px; background: #fff; position: absolute; right: -82.5px; top: 17px; z-index: 1;}
.zhuce .titnam li:last-child::after { display: none;}
.zhuce .titnam li b { display: block; width: 32px; height: 32px; line-height: 32px; font-weight: 500; font-size: 18px; color: #0043ae; margin: 0 auto; border: 2px solid #fff; border-radius: 50%; background: #fff; position: relative; z-index: 2;}
.zhuce .titnam li.on { filter: alpha(opacity=100); opacity: 1;}
.zhuce .msg { min-height: 470px; padding: 40px; border-radius: 8px; box-shadow: 0 5px 30px rgba(2,6,225,0.1); overflow: hidden; background: #fff; position: relative; z-index: 2;}
.zhuce .msg .tit { line-height: 40px; font-weight: 500; font-size: 24px; color: #000; text-align: center; margin-bottom: 20px;}
.zhuce .msg .shenbao { width: 100%;}
.zhuce .msg .shenbao h3 { line-height: 40px; font-weight: 500; font-size: 24px; color: #000; text-align: center; margin-bottom: 20px;}
.zhuce .msg .shenbao .lh { width: 100%; min-height: 330px; margin-bottom: 10px; overflow-y: scroll; scrollbar-width: none;}
.zhuce .msg .shenbao .lh::-webkit-scrollbar { width: 0; height: 0;}
.zhuce .msg .shenbao .lh p { line-height: 35px; font-size: 16px; color: #666; text-align: left;}
.zhuce .msg .shenbao .botm { height: 38px; line-height: 38px; padding: 15px 20px; background: #f9fbfd;}
.zhuce .msg .shenbao .botm .solid-label { margin-left: 5px;}
.zhuce .msg .shenbao .botm .solid-label a { color: #333; top: 0;}
.zhuce .msg .shenbao .botm .layui-btn-disabled { color: #999 !important; background-color: #fff !important;}
.zhuce .msg .shenbao .botm .layui-btn { float: right;}
.zhuce .msg .lftzc { float: left; width: calc(100% - 485px); padding-right: 80px; margin-right: 60px; border-right: 1px solid #eee;}
.zhuce .msg .lftzc input[type="radio"] { display: none;}
.zhuce .msg .lftzc .layui-form-radio { margin-top: 0;}
.zhuce .msg .lftzc .layui-form-radio .layui-anim.layui-icon { position: relative; top: 2px;}
.zhuce .msg .lftzc .layui-form-checkbox[lay-skin="primary"] > div { padding-right: 0;}
.zhuce .msg .lftzc .solid-label { position: relative; top: -1px;}
.zhuce .msg .lftzc li { font-size: 14px; color: #999; margin-bottom: 15px;}
.zhuce .msg .lftzc 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;}
.zhuce .msg .lftzc .yzm input { float: left; width: calc(100% - 205px);}
.zhuce .msg .lftzc .yzm img { display: block; float: right; width: 150px; height: 45px; border: 1px solid #ddd; border-radius: 4px;}
.zhuce .msg .lftzc .layui-btn { display: block; float: right; width: 150px; height: 45px; font-size: 14px; margin-right: 0 !important; border: 1px solid #0043ae !important; border-radius: 4px; overflow: hidden; background: #0043ae;}
.zhuce .msg .lftzc .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 #0043ae; border-radius: 4px; background: #0043ae;}
.zhuce .msg .lftzc .solid-checkbox { float: left; width: auto; height: auto; padding: 0; margin: 1px 8px 0 0;}
.zhuce .msg .lftzc a:hover { color: #0043ae; text-decoration: underline;}
.zhuce .msg .lftzc .hint { line-height: 30px; font-size: 14px; color: #0043ae;}
.zhuce .msg .lftzc .hint i { float: left; margin: 0 5px 0 0;}
.zhuce .msg .lftzc li:last-child { margin-bottom: 0;}
.zhuce .msg .rgtzc { float: right; width: 340px;}
.zhuce .msg .rgtzc h3 { line-height: 30px; font-weight: 500; font-size: 15px; color: #0049a7;}
.zhuce .msg .rgtzc .lit { width: 100%; margin-bottom: 5px;}
.zhuce .msg .rgtzc .lit li { float: left; width: calc(50% - 7px); height: 35px; line-height: 35px; font-size: 14px; color: #999; cursor: pointer; text-indent: 48px; margin: 0 10px 10px 0; border: 1px solid #eaeaea; border-radius: 4px; background-color: #f9fbfd; background-repeat: no-repeat; background-position: 28px center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.zhuce .msg .rgtzc .lit li.zc01 { background-image: url(../my/mb02.png);}
.zhuce .msg .rgtzc .lit li.zc02 { background-image: url(../my/mb03.png);}
.zhuce .msg .rgtzc .lit li.zc03 { background-image: url(../my/mb04.png);}
.zhuce .msg .rgtzc .lit li.zc04 { background-image: url(../my/mb05.png);}
.zhuce .msg .rgtzc .lit li.zc05 { background-image: url(../my/mb06.png);}
.zhuce .msg .rgtzc .lit li:nth-child(2n) { margin-right: 0;}
.zhuce .msg .rgtzc .lit li:hover { color: #fff; border-color: #0049a7; background-color: #0049a7;}
.zhuce .msg .rgtzc .lit li.zc01:hover { background-image: url(../my/mb02h.png);}
.zhuce .msg .rgtzc .lit li.zc02:hover { background-image: url(../my/mb03h.png);}
.zhuce .msg .rgtzc .lit li.zc03:hover { background-image: url(../my/mb04h.png);}
.zhuce .msg .rgtzc .lit li.zc04:hover { background-image: url(../my/mb05h.png);}
.zhuce .msg .rgtzc .lit li.zc05:hover { background-image: url(../my/mb06h.png);}
.zhuce .msg .rgtzc .lst { width: 100%; margin-bottom: 10px;}
.zhuce .msg .rgtzc .lst li { height: 30px; line-height: 30px; position: relative;}
.zhuce .msg .rgtzc .lst li a { display: block; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.zhuce .msg .rgtzc .lst li:hover a { color: #0049a7; text-decoration: none;}
.zhuce .msg .rgtzc .lxf { width: 100%;}
.zhuce .msg .rgtzc .lxf p { line-height: 30px; font-size: 14px; color: #999; text-align: left;}
.zhuce .forms {}
.zhuce .forms .layui-form-item { margin-bottom: 10px;}
.zhuce .forms .layui-inline { float: left; width: calc(100% / 2 - 5.5px); line-height: 38px; margin-bottom: 0;}
.zhuce .forms .layui-inline:nth-child(2n) { margin-right: 0;}
.zhuce .forms .layui-form-label { width: 145px; padding: 8px 0;}
.zhuce .forms .layui-form-label i { font-style: normal; font-size: 16px; color: #e00; margin-right: 3px; position: relative; top: 5px;}
.zhuce .forms .layui-input-block { margin-left: 145px;}
.zhuce .forms .layui-input-block span { font-size: 12px; position: absolute; top: 0; right: 10px;}
.zhuce .forms .xian { height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid #eee; border-radius: 2px;}
.zhuce .forms .xian .layui-form-radio { margin: 0;}
.zhuce .forms .xian .layui-form-radio i { font-size: 18px; margin-right: 5px; position: relative; top: 1px;}
.zhuce .forms .v-input {}
.zhuce .forms .v-input .layui-inline { width: calc(100% / 3 - 7px);}
.zhuce .forms .v-input .layui-inline:nth-child(2n) { margin-right: 10px;}
.zhuce .forms .v-input .layui-inline:nth-child(3n) { margin-right: 0;}
.zhuce .forms .v-input .layui-inline select[lay-ignore=""] { display: block; float: left; width: calc(100% / 3 - 3.5px); height: 38px; line-height: 38px; margin-right: 5px; padding: 0 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden; background: #fff;}
.zhuce .forms .v-input .layui-inline select:last-child { margin-right: 0;}
.zhuce .forms .toux {}
.zhuce .forms .toux .img { height: 130px; padding: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.zhuce .forms .toux .img .layui-upload-img { display: block; width: 130px; height: 130px; margin: 0 auto; border-radius: 50%;}
.zhuce .forms .zjz {}
.zhuce .forms .zjz .img { height: 130px; padding: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.zhuce .forms .zjz .layui-upload-img { display: block; width: 85px; height: 130px; margin: 0 auto;}
.zhuce .forms .zshu {}
.zhuce .forms .zshu .layui-input-block { padding: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.zhuce .forms .zshu .layui-upload-img { display: block; max-width: 100%; min-width: 85%; height: 150px; margin: 0 auto;}
.zhuce .forms .layui-form-select dl dd.layui-this { color: #0043ae;}
.zhuce .forms .layui-input:focus,
.zhuce .forms .layui-textarea:focus { border-color:#0043ae !important; box-shadow:none;}
.zhuce .succe { width: 100%; margin: 50px auto; padding-top: 160px; text-align: center; background: url(../my/succe.png) no-repeat center top / 150px;}
.zhuce .succe p { line-height: 50px; font-weight: bold; font-size: 18px; color: #333;}
.zhuce .copy { width: 100%; line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.8); text-align: center; padding: 20px 0 13px 0; margin-top: 30px; background: #0043ae;}
.zhuce .copy a { color: rgba(255,255,255,0.8);}

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

/*空*/
.nomessg { width: 100%; margin: 50px auto; padding-top: 120px; text-align: center; background: url(../my/kong.png) no-repeat center top;}
.nomessg p { line-height: 30px; font-size: 14px; color: #999;}

.building { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%;}
.building p { line-height: 50px; font-weight: bold; font-size: 18px; color: #333; padding-top: 250px; text-align: center; background: url(../my/build.png) no-repeat center top;}

/*证书弹框*/
.tanks { width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 99;}
.tanks .tknrs { width: 470px; height: 665px; margin: auto; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow: hidden; background: #fff url(../my/zsbg.jpg) no-repeat 0 0 / 100%; position: absolute; top: 100px; right: 0; left: 0; z-index: 1;}
.tanks .tknrs .close { width: 30px; height: 30px; cursor: pointer; border-radius: 4px; background: #0043ae; 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 .tknrs .msg { text-align: center; padding: 235px 40px 30px 40px; position: relative; z-index: 2;}
.tanks .tknrs .msg h3 { line-height: 30px; font-size: 22px; color: #3b5888; padding: 5px 0;}
.tanks .tknrs .msg h3 span { display: inline-block; min-width: 150px; padding: 0 50px; position: relative;}
.tanks .tknrs .msg h3 span::before,
.tanks .tknrs .msg h3 span::after { display: block; content: ""; width: 30px; height: 20px; margin: auto; background-repeat: no-repeat; background-position: center; background-size: 30px; position: absolute; top: 0; bottom: 0;}
.tanks .tknrs .msg h3 span::before { background-image: url(../my/zshl.png); left: 0;}
.tanks .tknrs .msg h3 span::after { background-image: url(../my/zshr.png); right: 0;}
.tanks .tknrs .msg p { line-height: 25px; font-size: 15px; color: #3b5888; margin-bottom: 25px;}
.tanks .tknrs .msg h4 { line-height: 30px; font-size: 16px; color: #3b5888;}
.tanks .tknrs .msg .eng { line-height: 22px; font-size: 14px; color: #3b5888; word-break: break-word; margin-top: 25px;}
.tanks .tknrs .msg .tim { line-height: 22px; font-size: 12px; color: #3b5888; text-align: right; margin: 120px 50px 0 0;}

/*企业*/
.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: 70px; background: #0043ae; position: relative; z-index: 99999;}
.member .comhead .logo { float: left; min-width: 220px; height: 40px; padding: 15px 10px;}
.member .comhead .logo img { display: block; max-width: 100%; height: 40px;}

.member .comhead .posit { float: left; height: 70px; line-height: 70px; font-weight: 500; font-size: 14px; color: rgba(255,255,255,0.4); padding-left: 23px; margin-left: 15px; background: url(../my/mb01.png) no-repeat left center;}
.member .comhead .posit a { color: rgba(255,255,255,0.4);}

.member .comhead .hedrgt { float: right; max-width: 70%; height: 70px; margin-right: 15px;}
.member .comhead .hedrgt .msg { float: right; max-width: 300px; min-width: 200px; padding-left: 15px; border-left: 1px solid rgba(255,255,255,0.08); position: relative;}
.member .comhead .hedrgt .msg .nams { height: 40px; padding: 15px 15px 15px 0; position: relative;}
.member .comhead .hedrgt .msg .nams::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 6px 0 6px; border-color: rgba(255,255,255,0.85) transparent transparent transparent; position: absolute; right: 0; top: 0; bottom: 0;}
.member .comhead .hedrgt .msg .nams img { float: left; width: 40px; height: 40px; border-radius: 4px; overflow: hidden;}
.member .comhead .hedrgt .msg .nams .mg { float: right; width: calc(100% - 50px);}
.member .comhead .hedrgt .msg .nams .mg h3 { line-height: 20px; font-weight: 500; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .comhead .hedrgt .msg .nams .mg span { display: block; line-height: 20px; font-size: 11px; color: rgba(255,255,255,0.6);}
.member .comhead .hedrgt .msg .nams .mg span b { font-weight: 500; color: rgba(255,255,255,0.8);}
.member .comhead .hedrgt .msg p { display: none; width: 125px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff; position: absolute; right: 0; top: 70px;}
.member .comhead .hedrgt .msg p a { display: block; height: 45px; line-height: 45px; font-size: 14px; color: #666; text-align: center;  border-top: 1px solid #f4f4f4; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .comhead .hedrgt .msg p a:hover { color: #0043ae;}
.member .comhead .hedrgt .msg:hover p { display: block;}

.member .comhead .hedrgt .lst { float: right; border-left: 1px solid rgba(255,255,255,0.08); border-right: 1px solid rgba(0,0,0,0.08);}
.member .comhead .hedrgt .lst p { min-width: 60px; line-height: 20px; font-size: 11px; color: rgba(255,255,255,0.6); height: 40px; padding: 15px 20px;}
.member .comhead .hedrgt .lst p span { display: block; float: left;}
.member .comhead .hedrgt .lst p span b { display: block; font-weight: 500; font-size: 14px; color: #fff;}
.member .comhead .hedrgt .lst a { display: block; float: right; height: 25px; line-height: 25px; font-size: 12px; color: #0043ae; padding: 0 10px; margin: 10px 0 0 10px; border-radius: 15px 5px 15px 0; /*box-shadow: 4px 4px 0 rgba(0,0,0,0.1);*/ background: #fff;}
.member .comhead .hedrgt button { display: block; float: right; height: 70px; line-height: 70px; font-size: 14px; color: #fff; padding: 0 20px; border: none; border-right: 1px solid rgba(0,0,0,0.08); background: rgba(0,0,0,0.08); position: relative;}
.member .comhead .hedrgt .backh { display: block; float: right; height: 35px; line-height: 35px; font-size: 14px; color: #0043ae; padding: 0 15px; margin: 17.5px 20px 0 0; border-radius: 15px 5px 15px 0; overflow: hidden; background: rgba(255,255,255,0.95); position: relative;}


.member .lft { float: left; width: 240px; height: calc(100vh - 70px); overflow: hidden; background: #fff;}
.member .lft .lst { height: calc(100vh - 70px); overflow-y: scroll; scrollbar-width: none;}
.member .lft .lst::-webkit-scrollbar { width: 0px; height: 0px;}
.member .lft .lst li { border-bottom: 1px solid rgba(0,0,0,0.025); 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: #0043ae; position: absolute; top: 0; bottom: 0; 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: 0; bottom: 0; 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:hover { background: rgba(0,0,0,0.025);}
.member .lft .lst li:hover::after { border-color: #0043ae;}
.member .lft .lst li:hover a { color: #0043ae;}
.member .lft .lst .on,
.member .lft .lst .on:hover { background: rgba(0,0,0,0.01);}
.member .lft .lst .on::before { height: 25px;}
.member .lft .lst .on::after,
.member .lft .lst .on:hover::after { border-color: #0043ae;}
.member .lft .lst .on a,
.member .lft .lst .on:hover a { color: #0043ae;}

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

.member .rgt .main { width: calc(100% - 50px); height: calc(100vh - 160px); margin: 10px; padding: 15px; 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;}
.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 - 12px); height: 38px; line-height: 38px; margin-right: 12px; padding: 0 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden; background: #fff;}
.member .rgt .main .content .layui-form-item select[lay-ignore=""] { display: block; float: left; width: calc(100% / 3 - 3.5px); height: 38px; line-height: 38px; margin-right: 5px; padding: 0 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden; background: #fff;}
.member .rgt .main .content .layui-form-item select:last-child { margin-right: 0;}
.member .rgt .main .content .layui-form-item .layui-input:focus,
.member .rgt .main .content .layui-form-item .layui-textarea:focus { border-color: #0043ae !important; box-shadow: initial;}
.member .rgt .main .content .layui-form-item .layui-form-select dl dd.layui-this { color: #0043ae;}
.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: #0043ae;}

.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: #0043ae;}
.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: #0043ae !important; background-color: #0043ae;}
.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: #0043ae; 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: #0043ae;}

.member .rgt .main .content .layui-table-header th { font-weight: bold; font-size: 14px; color: #333;}
.member .rgt .main .content .layui-table {}
.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 { line-height: 38px; padding: 0;}
.layui-laydate .layui-this,
.layui-laydate .layui-this > div { background-color: #0043ae !important;}
/*.layui-btn { background: #0043ae;}*/
.layui-form-radio:hover > *,
.layui-form-radioed, .layui-form-radioed > i { color: #0043ae;}
.layui-form-checkbox[lay-skin="primary"]:hover > i { border-color: #0043ae;}
.layui-form-checked[lay-skin="primary"] > i { border-color: #0043ae !important; background-color: #0043ae;}
.layui-table-checked { background: rgba(0,0,0,0.025);}

/*首页*/
.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: #0043ae;}
.member .rgt .head .lst { float: right; width: calc(100% - 420px);}
.member .rgt .head .lst li { float: right; width: calc(100% / 3 - 21px); height: 60px; text-align: center; margin-left: 10px; padding-left: 10px; border-left: 1px solid #eee;}
.member .rgt .head .lst li h3 { height: 35px; line-height: 35px; font-size: 15px; color: #0043ae; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .head .lst li h3 span { display: block; width: 100%;}
.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: #0043ae; position: relative; top: -7px;}
.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: #0043ae;}
.member .rgt .head .lst .btn .aqt { margin-right: 0; background: #eb8909;}

.member .rgt .notic { float: left; width: calc(36% - 30px); height: 292px; padding: 15px; border-radius: 4px; overflow: hidden; background: #fff;}
.member .rgt .notic li { width: 100%; height: 41.5px; line-height: 41.5px; 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(80% - 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: 19px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .notic li span { display: block; float: right; font-size: 12px; color: #999;}
.member .rgt .notic li:hover a { color: #0043ae;}
.member .rgt .notic li:hover a::after { background: #0043ae;}

.member .rgt .revpend { float: right; width: calc(32% - 40px); height: 292px; padding: 15px; margin-left: 10px; border-radius: 4px; overflow: hidden; background: #fff;}
.member .rgt .revpend li { width: 100%; padding: 9px 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 { float: left; width: calc(60% - 35px); height: 282px; margin: 10px 0; padding: 15px; border-radius: 4px; background: #fff;}
.member .rgt .meeting li { float: left; width: calc(100% / 4 - 11.5px); margin-right: 15px;}
.member .rgt .meeting li:nth-child(4n) { margin-right: 0;}
.member .rgt .meeting li .img { width: 100%; height: 150px; overflow: hidden; border-radius: 5px 5px 0 0; overflow: hidden; background: #fafafa;}
.member .rgt .meeting li .img img { display: block; min-width: 100%; height: 150px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .meeting li .msg { padding: 5px 0; margin-bottom: 7px;}
.member .rgt .meeting li .msg 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;}
.member .rgt .meeting li .msg p { line-height: 25px; font-size: 12px; color: #999;}
.member .rgt .meeting li .bmpep { float: left; max-width: 75%; height: 22px; line-height: 22px; margin: 3px 0 0 5px;}
.member .rgt .meeting li .bmpep img { float: right; width: 20px; height: 20px; border: 1px solid #fff; margin-left: -5px; border-radius: 50%; background-color: #ddd;}
.member .rgt .meeting li .bmpep span { float: right; font-size: 12px; color: #999; margin-left: 5px;}
.member .rgt .meeting li .meetapply { float: right; width: 60px; line-height: 25px; font-size: 12px; color: #fff; text-align: center; border-radius: 15px; background: #0043ae;}
.member .rgt .meeting li .gryh { color: #999; background: #eee;}
.member .rgt .meeting li:hover .img img { transform: scale(1.1,1.1);}
.member .rgt .meeting li:hover .msg h3 { color: #0043ae;}

.member .rgt .declares { float: right; width: calc(40% - 35px); height: 282px; margin: 10px 0; padding: 15px; border-radius: 4px; background: #fff;}
.member .rgt .declares .wh01 { width: 40%;}
.member .rgt .declares .wh02 { width: 20%; text-align: center;}
.member .rgt .declares .wh03 { width: 25%; text-align: center;}
.member .rgt .declares .wh04 { width: 15%; text-align: center;}
.member .rgt .declares p { float: left; line-height: 30px; font-size: 14px; color: #333; padding: 5px 10px; border-right: 1px solid #eee; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .declares p a { display: block; width: 80%; min-width: 60px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; margin: 0 auto; border-radius: 15px; background: #0043ae;}
.member .rgt .declares p .gryh { color: #999; background: #eee;} 
.member .rgt .declares .hed { border: 1px solid #eee; border-right: none; background: #f8f8f8;}
.member .rgt .declares li { border-bottom: 1px solid #eee; border-left: 1px solid #eee; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .declares li:nth-child(2n),
.member .rgt .declares li:hover { background: #fdfdfd;}

.member .rgt .messg { padding: 15px; border-radius: 4px; background: #fff;}
.member .rgt .messg .img { float: left; width: 80px; height: 80px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.member .rgt .messg .img img { display: block; width: 80px; height: 80px;}
.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 - 220px); 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: #0043ae; position: absolute; top: 0; bottom: 0; left: -20px;}
.member .rgt .shenbao .navs span:hover,
.member .rgt .shenbao .navs .on { color: #0043ae;}
.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 { float: left; 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; padding: 0 10px; border: 1px solid #eee; border-radius: 2px;}

/*我的活动*/
.member .rgt .myhuod { width: 100%;}
.member .rgt .myhuod .tab_btn { line-height: 30px; margin-bottom: 5px; padding: 5px 20px; background: #f4f4f4;}
.member .rgt .myhuod .tab_btn span { display: inline-block; font-size: 14px; color: #666; cursor: pointer; margin-right: 30px; position: relative;}
.member .rgt .myhuod .tab_btn span::after { display: block; content: ""; width: 0; height: 2px; margin: auto; background: #0043ae; position: absolute; left: 0; right: 0; bottom: -5px;}
.member .rgt .myhuod .tab_btn .on { font-weight: bold; font-size: 16px; color: #0043ae;}
.member .rgt .myhuod .tab_btn .on::after { width: 65%;}
.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 .myhuod .table-body .layui-tab-card { margin: 0; padding: 0; border: none;}
.member .rgt .myhuod .table-body .layui-tab-card .layui-tab-content { padding: 0;}
.member .rgt .myhuod .table-body .layui-tab-card .layui-tab-content .layui-table-view { margin: 0;}
.member .rgt .myhuod .table-body .layui-tab-card .layui-tab-content .layui-table-box table { width: 100%;}

/*发票管理*/
.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: #0043ae;}
.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: #0043ae; 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: #0043ae;}

/*地址管理*/
.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-top: 8px; border-radius: 4px; background: #0043ae;}
.member .rgt .ships li { float: left; width: 48.9%; padding-top: 15px; margin: 0 20px 20px 0; border: 1px solid #eee; box-sizing: border-box;}
.member .rgt .ships li:nth-child(2n) { 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: #0043ae;}
.member .rgt .ships .on { box-shadow: 0 0 10px rgba(0,0,0,0.05);}

/*申报*/
.member .rgt .sblist { width: 100%;}
.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: #0043ae;}
.member .rgt .sblist li:hover .img img { transform: scale(1.1,1.1);}
.member .rgt .sblist li:hover h3 { color: #0043ae;}

/*底部*/
.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;}

























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

.ordshow { padding: 10px; border: 1px solid #eee;}
.ordshow .lft { float: left;}

.member .rgt .vids { width: 100%;}
.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: #0043ae; margin-top: 2px;}
.member .rgt .vids .msg p b { font-weight: 500; font-size: 20px;}
.member .rgt .redmsg { line-height: 35px; font-size: 14px; color: #e00; margin-bottom: 5px;}