* { 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;}

@font-face {
	font-family: 'SIMLI';
	 		src: url('../my/SIMLI.TTF');
	font-weight: normal;
	 font-style: normal;
}

/*登录*/
.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: #0049a7; 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 #0049a7 !important; border-radius: 4px; overflow: hidden; background: #0049a7;}
.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 #0049a7; border-radius: 4px; background: #0049a7;}
.login .msg li .solid-checkbox { float: left; width: auto; height: auto; padding: 0; margin: 1px 8px 0 0;}
.login .msg li a:hover { color: #0049a7; text-decoration: underline;}
.login .msg li .hint { line-height: 30px; font-size: 14px; color: #0049a7;}
.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: #0049a7;}
.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: #0049a7; 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;}

/*账号选择*/
.login .msg .chose { width: 100%; height: 345px; overflow-y: scroll; scrollbar-width: none;}
.login .msg .chose::-webkit-scrollbar { width: 0; height: 0;}
.login .msg .chose .lst { margin-bottom: 10px; padding: 10px 15px; border: 1px solid #eee; border-radius: 4px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.login .msg .chose .lst::after { display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-radius: 0 2px 0 0; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 17px; top: 32px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.login .msg .chose .lst img { float: left; width: 50px; height: 50px; border-radius: 2px; overflow: hidden; background: #eee;}
.login .msg .chose .lst .mg { float: right; width: calc(100% - 65px);}
.login .msg .chose .lst .mg h4 { line-height: 30px; font-weight: 500; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.login .msg .chose .lst .mg p { line-height: 20px; font-size: 12px; color: #666; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.login .msg .chose .lst:hover { border-color: #1053b7;}
.login .msg .chose .lst:hover::after { border-color: #1053b7;}

.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: #0049a7; 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: #0049a7; position: relative; z-index: 1;}
.zhuce .titnam::after { display: block; content: ""; width: 100%; height: 50px; background: #0049a7; position: absolute; left: 0; top: px; z-index: 1;}
.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: #0049a7; 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 .titnam h2 { line-height: 50px; font-weight: 500; font-size: 28px; color: #fff;}

.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: 100px; margin-right: 100px; 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 #0049a7 !important; border-radius: 4px; overflow: hidden; background: #0049a7;}
.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 #0049a7; border-radius: 4px; background: #0049a7;}
.zhuce .msg .lftzc .solid-checkbox { float: left; width: auto; height: auto; padding: 0; margin: 1px 8px 0 0;}
.zhuce .msg .lftzc a:hover { color: #0049a7; text-decoration: underline;}
.zhuce .msg .lftzc .hint { line-height: 30px; font-size: 14px; color: #0049a7;}
.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: 280px;}
.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 .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: #0049a7;}
.zhuce .forms .layui-input:focus,
.zhuce .forms .layui-textarea:focus { border-color:#0049a7 !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: #0049a7;}
.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: 145px; text-align: center; background: url(../my/kong.png) no-repeat center top;}
.nomessg p { line-height: 30px; font-size: 14px; color: #999;}

/*证书弹框*/
.tanks { width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 99999;}
.tanks .tknrs { margin: auto; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9;}
.tanks .tknrs .close { width: 30px; height: 30px; cursor: pointer; border-radius: 4px; background: #0049a7; position: absolute; right: -35px; top: 0; 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 button { display: block; width: 120px; height: 45px; line-height: 45px; font-size: 12px; color: #fff; margin: auto; border: none; border-radius: 25px; overflow: hidden; background: #0049a7; position: absolute; left: 0; right: 0; bottom: -60px; z-index: 9;}
/*个人*/
.tanks .geren { width: 575px; height: 335px;}
.tanks .geren::after { display: block; content: ""; width: 130px; height: 130px; filter: alpha(opacity=50); opacity: 0.5; background: url(../my/xszs02.png) no-repeat 0 0 / cover; position: absolute; right: 20px; top: 165px; z-index: 2;}	
.tanks .geren .nr { height: 255px; padding: 30px 30px 0 30px; overflow: hidden; background: #fff url(../my/grbg.png) no-repeat 0 0 / 100%; position: relative; z-index: 2;}
.tanks .geren .nr .img { float: left; width: 165px; height: 230px; border: 5px solid; border-image: linear-gradient(#26b05a,#0051a3) 1; border-radius: 2px; overflow: hidden;}
.tanks .geren .nr .img img { display: block; width: 165px; min-height: 230px;}
.tanks .geren .nr .msg { float: right; width: 200px; margin-top: 55px;}
.tanks .geren .nr .msg p { line-height: 46px; font-size: 18px; color: #000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tanks .geren .botm { height: 50px; line-height: 50px; padding: 0 30px; overflow: hidden; background-image: linear-gradient(to right,#0051a3,#21ad5d,#f5dd06);}
.tanks .geren .botm p { font-weight: bold; font-size: 16px; color: #fff;}
/*企业*/
.tanks .qiye { width: 750px; height: 500px; background: url(../my/qybg.jpg) no-repeat 0 0 / 100%;}
.tanks .qiye .nr { width: 490px; height: 280px; padding: 110px 130px; background: url(../my/qybg.jpg) no-repeat 0 0 / 100%;}
.tanks .qiye .nr .logo { width: 100%; height: 40px; overflow: hidden;}
.tanks .qiye .nr .logo img { display: block; height: 40px;}
.tanks .qiye .nr h1 { height: 50px; line-height: 50px; font-family: 'SIMLI'; font-size: 60px; color: #cd1c1b; text-align: center; margin: 15px 0;}
.tanks .qiye .nr .lst { padding: 0 10px;}
.tanks .qiye .nr .lst p { float: left; width: 50%; height: 40px; line-height: 40px; font-family: 'SIMLI'; font-size: 22px; color: #141414;}
.tanks .qiye .nr .lst .wh100 { width: 100%;}
.tanks .qiye .nr .chuo { min-width: 130px; height: 50px; text-align: center; padding: 15px 0; background: url(../my/xszs02.png) no-repeat center / 80px; position: absolute; right: 115px; bottom: 115px; z-index: 2;}
.tanks .qiye .nr .chuo p { height: 25px; line-height: 25px; font-size: 15px; color: #141414;}


/*主体*/
.member { width: 100%;}
.member .comhead { width: 100%; height: 70px; background: #0049a7; 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; filter: grayscale(100) brightness(100);}

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

.member .comhead .hedrgt { float: right; max-width: 70%; height: 70px; margin-right: 15px;}
.member .comhead .hedrgt .msg { float: right; padding-left: 15px; border-left: 1px solid rgba(255,255,255,0.08); position: relative;}
.member .comhead .hedrgt .msg .nams { max-width: 300px; min-width: 200px; 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: #0049a7;}
.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; position: relative;}
.member .comhead .hedrgt .lst p span b i { display: inline-block; width: 18px; height: 18px; line-height: 18px; font-style: normal; font-size: 12px; color: #fff; text-align: center; margin-left: 5px; border-radius: 20px 20px 20px 0; background: #e52f42; position: relative; top: -10px;}
.member .comhead .hedrgt .lst a { display: block; float: right; height: 25px; line-height: 25px; font-size: 12px; color: #0049a7; 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: #0049a7; padding: 0 15px; margin: 17.5px 20px 0 0; border-radius: 15px 4px 15px 4px; 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,73,167,0.05); 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: #0049a7; 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,73,167,0.05);}
.member .lft .lst li:hover::after { border-color: #0049a7;}
.member .lft .lst li:hover a { color: #0049a7;}
.member .lft .lst .on,
.member .lft .lst .on:hover { background: rgba(0,73,167,0.1);}
.member .lft .lst .on::before { height: 25px;}
.member .lft .lst .on::after,
.member .lft .lst .on:hover::after { border-color: #0049a7;}
.member .lft .lst .on a,
.member .lft .lst .on:hover a { color: #0049a7;}

.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 .layui-input:focus,
.member .rgt .main .content .layui-form-item .layui-textarea:focus { border-color: #0049a7 !important; box-shadow: initial;}
.member .rgt .main .content .layui-form-item .layui-form-select dl dd.layui-this { color: #0049a7;}
.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: #0049a7;}

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

.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: 14px; 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: #0049a7 !important;}
/*.layui-btn { background: #0049a7;}*/
.layui-form-radio:hover > *,
.layui-form-radioed, .layui-form-radioed > i { color: #0049a7;}
.layui-form-checkbox[lay-skin="primary"]:hover > i { border-color: #0049a7;}
.layui-form-checked[lay-skin="primary"] > i { border-color: #0049a7 !important; background-color: #0049a7;}
.layui-table-checked { background: rgba(0,73,167,0.05);}

/*首页*/
.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: #0049a7;}
.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: #0049a7; 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: #0049a7; 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: #0049a7;}
.member .rgt .head .lst .btn .aqt { margin-right: 0; background: #eb8909;}

.member .rgt .notic { float: left; width: calc(40% - 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: #0049a7;}
.member .rgt .notic li:hover a::after { background: #0049a7;}

.member .rgt .mail { float: right; width: calc(30% - 40px); height: 292px; padding: 15px; margin-left: 10px; border-radius: 4px; overflow: hidden; background: #fff;}
.member .rgt .mail .title i { display: inline-block; min-width: 10px; height: 18px; line-height: 18px; font-style: normal; font-size: 12px; color: #fff; text-align: center; padding: 0 4px; margin-left: 5px; border-radius: 20px 20px 20px 0; background: #e52f42; position: relative; top: -10px;}
.member .rgt .mail li { width: 100%; height: 41.5px; line-height: 41.5px; border-bottom: 1px dashed #ccc;}
.member .rgt .mail li:first-child { border-top: 1px solid #f4f4f4;}
.member .rgt .mail li a { float: left; width: calc(70% - 25px); font-size: 14px; color: #333; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../my/mb16.png) no-repeat left center / 22px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .mail li span { display: block; float: right; font-size: 12px; color: #999;}
.member .rgt .mail li:hover a { color: #0049a7;}
.member .rgt .mail li:hover a::after { background: #0049a7;}
.member .rgt .mail .hui {}
.member .rgt .mail .hui a { color: #999;}

.member .rgt .mbquan { float: right; width: calc(30% - 40px); height: 292px; padding: 15px; margin-left: 10px; border-radius: 4px; overflow: hidden; background: #fff;}
.member .rgt .mbquan .lst { border-left: 1px solid #eee; border-top: 1px solid #eee;}
.member .rgt .mbquan .lst li { float: left; width: calc(100% / 3 - 1px); text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.member .rgt .mbquan .lst li a { display: block; padding: 10px;}
.member .rgt .mbquan .lst li img { display: block; width: 45px; height: 45px; margin: 0 auto;}
.member .rgt .mbquan .lst li p { line-height: 20px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .mbquan .lst li:hover p { color: #0049a7;}

.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% / 6 - 12.5px); margin-right: 15px; overflow: hidden;}
.member .rgt .meeting li:nth-child(6n) { margin-right: 0;}
.member .rgt .meeting li .img { width: 100%; height: 160px; overflow: hidden; border-radius: 5px 5px 0 0; overflow: hidden; background: #fafafa; position: relative;}
.member .rgt .meeting li .img b { display: block; width: 35px; height: 30px; border-radius: 0 0 0 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); overflow: hidden; background: #fff url(../images/huo.png) no-repeat 10px center / 19px; position: absolute; right: 0; top: 0; z-index: 9;}
.member .rgt .meeting li .img img { display: block; width: 100%; min-height: 160px; 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: 65%; height: 22px; line-height: 22px; margin: 3px 0 0 10px;}
.member .rgt .meeting li .bmpep img { float: right; width: 20px; height: 20px; border: 1px solid #fff; margin-left: -10px; 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: #0049a7;}
.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: #0049a7;}

.member .rgt .messg { margin-top: 10px; padding: 10px 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: #0049a7; position: absolute; top: 0; bottom: 0; left: -20px;}
.member .rgt .shenbao .navs span:hover,
.member .rgt .shenbao .navs .on { color: #0049a7;}
.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); margin-bottom: 10px;}
.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; 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: #eee;}
.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: #0049a7; position: absolute; left: 0; right: 0; bottom: -5px;}
.member .rgt .myhuod .tab_btn .on { font-weight: bold; font-size: 16px; color: #0049a7;}
.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: #0049a7;}
.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: #0049a7; 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: #0049a7;}

/*地址管理*/
.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: #0049a7;}
.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: #0049a7;}
.member .rgt .ships .on { box-shadow: 0 0 10px rgba(0,0,0,0.05);}

/*在线考试*/
.member .rgt .olkaos { width: 100%; font-size: 0; margin-bottom: 15px;}
.member .rgt .olkaos a { display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color: #666; cursor: pointer; text-align: center; padding: 0 25px; background: #eee; -webkit-transition: all .5s ease; transition: all .5s ease;}
.member .rgt .olkaos a:hover { color: #0049a7;}
.member .rgt .olkaos .on { color: #fff !important; border-color: #0049a7; background: #0049a7;}
.member .rgt .olklst { width: 100%;}
.member .rgt .olklst li { float: left; width: calc(100% / 3 - 12px); font-size: 12px; color: #333; cursor: pointer; margin: 0 15px 15px 0; border: 1px solid #e9f8f1; border-radius: 4px; overflow: hidden; background: rgba(0,73,167,0.05) url(../my/sp05.png) no-repeat 15px center; position: relative;}
.member .rgt .olklst li::after { display: block; content: ""; width: 200px; height: 200px; border-radius: 50%; background: rgba(0,73,167,0.04); position: absolute; right: -80px; bottom: 15px;}
.member .rgt .olklst li:nth-child(3n) { margin-right: 0;}
.member .rgt .olklst li a { display: block; height: 55px; padding: 15px 15px 15px 85px;}
.member .rgt .olklst li .msg { float: left; width: calc(100% - 80px);}
.member .rgt .olklst li .msg h3 { height: 25px; line-height: 25px; 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 .olklst li .msg p { height: 22px; line-height: 22px; font-size: 12px; color: #999; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member .rgt .olklst li .msg p b { font-weight: 500; font-size: 13px; margin: 0 5px;}
.member .rgt .olklst li span { display: block; float: right; width: 70px; height: 35px; line-height: 35px; font-size: 12px; color: #fff; text-align: center; margin-top: 10px; border: none; border-radius: 4px; overflow: hidden; background: #0049a7; -webkit-transition: all .5s ease; transition: all .5s ease; position:relative; z-index: 2;}
.member .rgt .olklst li:hover .msg h3 { color: #0049a7;}
.member .rgt .olklst li:hover span { border-radius: 20px;}

/*申请详情*/
.applyshows { padding: 15px 5px;}
.applyshows .top { width: 100%;}
.applyshows .top p { float: left; width: calc(100% / 3 - 32px); height: 35px; line-height: 35px; font-size: 12px; color: #333; margin: 0 10px 5px 10px; padding-right: 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.applyshows .top p span { display: inline-block; width: 90px; text-align: center; margin-right: 10px; border-right: 1px solid #eee; background: #f4f4f4;}
.applyshows .top .wi100 { width: calc(100% - 32px);}
.applyshows h3 { height: 40px; line-height: 40px; font-size: 15px; color: #333; margin: 0 10px;}
.applyshows li { display: flex; float: left; margin: 0 0 5px 10px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.applyshows li span { height: 38px; line-height: 38px; font-size: 14px; color: #333; padding: 5px 15px; border-right: 1px solid #eee; background: #f4f4f4;}
.applyshows li .layui-btn { margin: 5px; padding: 0 10px;}
.applyshows li .layui-icon-ok { display: block; width: 38px; height: 48px; line-height: 48px; font-size: 18px; color: #16baaa; text-align: center; border-left: 1px solid #eee;}





.van-cell { padding: 0 !important; margin-bottom: 10px !important;}
.van-cell::after { display: none;}
.van-field__label { width: 120px !important; height: 38px; line-height: 38px; font-size: 12px; text-align: center !important; padding: 0 10px; margin-right: 0 !important; border: 1px solid #eee; border-right: none; background: #f8f8f8;}
.van-field__value { display: block !important; flex: inherit !important; float: right; width: calc(100% - 140px); padding: 0 10px; border: 1px solid #eee !important;}
.van-field__control { line-height: 36px !important; font-size: 12px; color: #333 !important; background: #fff;}
.van-radio--horizontal { height: 36px; margin: 0 15px 0 0 !important;}
.van-uploader { margin-top: 15px;}
.van-button { width: 100px !important; margin-top: 15px !important; border-color: #0049a7 !important; border-radius: 4px !important; background: #0049a7 !important;}
.van-form .tipss { padding-left: 120px;}
.van-form .tipss p { line-height: 22px; font-size: 12px; color: #999;}
.van-form .tipss p span { font-weight: bold; color: #e52f42;}
.van-form .tipss .hbt { display: block; font-size: 12px; color: #999; text-align: left;}

.van-popup--center .ryglcontent { padding: 10px; border-top: 1px solid #eee;}




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























/*报名*/
.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: #0049a7;}
.member .rgt .sblist li:hover .img img { transform: scale(1.1,1.1);}
.member .rgt .sblist li:hover h3 { color: #0049a7;}

/*商城订单*/
.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: #0049a7; position: absolute; left: 0; right: 0; bottom: 0;}
.ordtoplst li a { display: block; font-size: 14px; color: #666;}
.ordtoplst li:hover a { color: #0049a7;}
.ordtoplst .on a { font-weight: bold; font-size: 16px; color: #0049a7;}
.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: #0049a7; 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: #0049a7; border-color: #0049a7;}
.ordlst li .goodtotal .btn-c:hover { border-color: #0049a7; background: #0049a7;}
.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: #0049a7 !important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #0049a7 !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: #0049a7; margin-top: 2px;}
.member .rgt .vids .msg p b { font-weight: 500; font-size: 20px;}