/* base公共样式 */
* {padding: 0;margin: 0; box-sizing: border-box;}
html {font-size: calc(100vw/19.2);}
@media (min-width: 1921px) {html {font-size: 100px;}}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
body {color: #333;font-size: 14px;font-family:"思源黑体"; background:rgba(244,63,94,0.05)}
@media (max-width: 1440px) {body {font-size: 14px;}}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;text-decoration: none;}
i {font-style: normal;}
ol,ul,li {list-style: none;} 

/* End */
.icen {max-width: 1280px;width: 100%; position:relative;padding:0 20px;margin:0 auto;}
@media (min-width: 992px) {.icen {width: 90%;}}
@media (min-width: 1200px) {.icen {width: 88.888%;}}
@media (min-width: 1600px) {.icen {width: 75.67%;}}
 
/* header */
.header{width: 100%;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 200;transition: all .3s; background:rgba(255,255,255,0.8); border-bottom:1px solid rgba(244,63,94,0.2);}
.header .icen{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .logo img{width:230px;}
.header .nav{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul li{position: relative;}
.header .nav ul li a{display: block;height: 80px;line-height: 80px;font-size: 16px;font-weight:700;color: #333;position: relative;padding: 0 20px;}
.header .nav ul li a:hover{color:rgba(244,63,94,1);}
.header .nav ul li.on a{color:rgba(244,63,94,1);}
.header .lang {position: relative;display: flex;align-items: center;}
.header .lang a {position: relative;display:flex;justify-content:center;align-items:center;width:80px;height:36px;border-radius:18px; background:rgba(244,63,94,0.9); color:#fff;}
.div1.header{background: #fff;}
.div1.header .nav ul a{color: #333;}

.m_header{ display:none;}

.ind01 {width:100%;position: relative; margin-top:80px; background:#fff; padding:30px 0;}
.ind01 ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind01 ul li{ width:30%;position: relative;}
.ind01 ul li:after{ content:""; position:absolute; width:calc(100% - 90px);height:1px; background:rgba(0,0,0,.2); right:0; top:40%; transition:.5s; z-index:1;}
.ind01 ul li:last-child{ width:10%;}
.ind01 ul li:last-child:after{ display:none;}
.ind01 ul li .shu{ width:80px; position: relative;}
.ind01 ul li .shu span{ display:flex;justify-content:center;align-items:center;width:40px;height:40px; margin:0 auto;border-radius:50%; background:rgba(244,63,94,0.2); color:rgba(244,63,94,1);}
.ind01 ul li .tit{ width:80px; position:relative; z-index:2; transition:.5s; font-size:16px; color:#94a3b8; line-height:30px; text-align:center;}
.ind01 ul li:nth-child(1):after{ background:rgba(244,63,94,1);}
.ind01 ul li:nth-child(1) .shu span{ background:rgba(244,63,94,1); color:#fff;}
.ind01 ul li:nth-child(1) .tit{ color:rgba(244,63,94,1);}

.ind02 { width:100%; position:relative; margin-top:40px;}
.ind02 .form .box { width:100%; position:relative;display: flex;flex-wrap:wrap; background:#fff; padding:10px 20px; border-radius:20px;border:1px solid rgba(244,63,94,0.3);}
.ind02 .form .box .item { width:11%; display:inline-block; margin: 0.15rem 1.5% 0.15rem 0;border: none;}
.ind02 .form .box .item .biao { font-size:15px; font-weight: 400;margin-bottom: 0.1rem; color:#94a3b8;}
.ind02 .form .box .item input {display: block;width: 100%;height: 0.4rem;padding: 6px 10px;outline: none;border: none; background:rgba(244,63,94,0.05);font-size:16px;color: #404040;}
.ind02 .form .box .item .select {position: relative;display: block;}
.ind02 .form .box .item .select select {display: block;width: 100%;height: 0.4rem;padding: 6px 10px;outline: none;border:none; background:rgba(244,63,94,0.05);font-size:16px;color: #404040; border-radius:10px;}
.ind02 .form .box .item .select i {position: absolute;top: 9px;right: 2px;width: 28px;height: 25px;background:none;pointer-events: none;}
.ind02 .form .button { width:100%; height: 0.4rem;margin-top:28px;border: 0; font-size:16px; color: #fff;background:rgba(244,63,94,1); border-radius:10px;}
 
.ind03 {width:100%;position: relative; margin:40px 0;}
.ind03 .i_tit{ width:100%; font-size:20px; font-weight:bold; position:relative; padding-left:15px;}
.ind03 .i_tit:before{ content:""; position:absolute; width:4px; height:22px; background:rgba(244,63,94,1); left:0; top:3px; transition:.5s; z-index:1;}
.ind03 .con {width:100%;position: relative;margin-top:30px;}
.ind03 .con ul {display: flex;flex-wrap:wrap; justify-content: flex-start;align-items: flex-start;}
.ind03 .con ul li {width: 24%; position: relative; background:#fff; border-radius:10px; margin-bottom:20px; margin-right:1.333%;}
.ind03 .con ul li:nth-child(4n) {margin-right: 0;}
.ind03 .con ul li .top{ width:100%; position:relative;display: flex;justify-content: space-between;} 
.ind03 .con ul li .top .sum{ width:50%; position:relative; padding:20px 0 0 15px;} 
.ind03 .con ul li .top .sum h1{font-size: 20px;color: #333;} 
.ind03 .con ul li .top .sum h2{font-size: 16px;color: #666; margin-top:15px;} 
.ind03 .con ul li .top .img{ width:45%; position:relative; overflow:hidden; border-radius:10px 10px 0 0;} 
.ind03 .con ul li .top .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.ind03 .con ul li .top .img .hezi{padding-bottom: 120% !important;}
.ind03 .con ul li .top .img h1{ position:absolute; left:0; top:15px; padding:3px 5px; background:rgba(0,0,0,0.9); font-size:12px; color:#fff;display: flex;align-items: center;}
.ind03 .con ul li .top .img h1 div{ width:10px; height:10px; background:#0fc102; border-radius:50%; margin-right:5px;}
.ind03 .con ul li .txt { position:relative; padding:10px 10px; background:#fff; border-radius:0 0 10px 10px;}
.ind03 .con ul li .txt .sum { width:100%; position:relative;display: flex;flex-wrap:wrap; justify-content: space-between; align-items: center;}
.ind03 .con ul li .txt .sum span{ width:49%; position:relative;height:25px;line-height:25px; background:rgba(12,116,250,0.08); font-size:14px; color:#999; margin-bottom:5px; padding-left:10px;}
.ind03 .con ul li .txt .sum span:nth-child(5) {width:100%;}
.ind03 .con ul li:hover .img img{ transform: scale(1.05);}


.ind04{width: 100%;position: relative;margin:30px auto 90px;}
.ind04 .i_tit{ width:100%; font-size:20px; font-weight:bold; position:relative; padding-left:15px;}
.ind04 .i_tit:before{ content:""; position:absolute; width:4px; height:22px; background:rgba(244,63,94,1); left:0; top:3px; transition:.5s; z-index:1;}
.ind04 .box{width: 100%;display: flex;flex-wrap:wrap; margin-top:30px;}
.ind04 .box .item{display: block;width: 30%;background: #fff; margin-right:3.5%; padding:30px 0; border-radius:10px; margin-bottom:30px;}
.ind04 .box .item:nth-child(3n){ margin-right:0;}
.ind04 .box .item .top{width: 100%; position:relative;display: flex;justify-content: space-between; padding:0 20px;}
.ind04 .box .item .top .en{width: 100px; height:100px; position:relative; background:rgba(244,63,94,1);display: flex;justify-content: center; align-items: center; border-radius:10px; font-size:24px; color:#fff;}
.ind04 .box .item .top .cn{width: calc(100% - 120px); position:relative; margin-left:20px;}
.ind04 .box .item .top .cn h1{ font-size:20px; color:#333;}
.ind04 .box .item .top .cn h2{ font-size:13px; color:rgba(244,63,94,1);display: flex; margin-top:7px;}
.ind04 .box .item .top .cn h3{ font-size:13px; color:#999;display: flex; margin-top:7px;}
.ind04 .box .item .top .cn img{width: 18px; height:18px; margin-right:10px;}
.ind04 .box .item .sum{font-size: 12px;color: #666; background:rgba(15,23,42,0.1); line-height:25px; padding:10px 20px; margin-top:30px;}
.ind04 .box .item .more { width:calc(100% - 40px); height:50px; line-height:50px; border:1px solid rgba(244,63,94,0.3); text-align:center; border-radius:10px; margin:20px 20px;}
.ind04 .box .item .more a { display:block; font-size:16px; color:rgba(15,23,42,1); border-radius:10px;}
.ind04 .box .item .more a:hover { background:rgba(244,63,94,1); color:#fff;}

.footer {padding: 50px 0 20px;position: relative;background:#0f172a;}
.footer .top{display: flex;justify-content: space-between;margin-bottom: 60px;}
.footer .fo01 { width:40%; position:relative;margin-right:5%; font-size:14px;color:rgba(255,255,255,.5);}
.footer .fo01 img{ width:180px; margin-bottom:20px;}
.footer .fo02 { width:50%; position:relative;}
.footer .fo02 ul {display: flex;justify-content: center;}
.footer .fo02 ul li { width:50%; position:relative;}
.footer .fo02 ul li h3 {margin-bottom: 10px;}
.footer .fo02 ul li h3 a { display: block; font-size: 18px; color: #fff; font-weight: bold;}
.footer .fo02 ul li p a{ display:block;font-size: 14px;color:rgba(255,255,255,.5);line-height:30px;}
.footer .fo02 ul li p a:hover {color:rgba(255,255,255,1);}
.footer .fo03 { width:100%; position:relative; padding-top:20px; border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);}
.footer .fo03 .icen{display: flex;justify-content: space-between;align-items: center;}
.footer .fo03 .le {width: 50%;}
.footer .fo03 .le a{ margin-right:5px;}
.footer .fo03 .re { width:50%;color:rgba(255,255,255,.5); text-align:right;}
.footer .fo03 .re a {font-size: 14px;color:rgba(255,255,255,.5); line-height:25px;}

.n_banner{width: 100%;position: relative;}
.n_banner .img{width: 100%;position: relative;}
.n_banner .img img{width: 100%;}
.n_banner .img::before {content: "";display: block; width:100%; height:100%;position: absolute;top: 0;left: 0;background-image:linear-gradient(to right, rgba(244,63,94,0.8), rgba(244,63,94,0.2));}
.n_banner .txt { width: 100%; height:100%; position:absolute; left:0;top:0;display: flex; align-items: center;z-index:20;}
.n_banner .txt div{ width: 100%;}
.n_banner .txt h1{ font-size:0.36rem;font-weight:700;margin-bottom:0.1rem;color:#fff;}
.n_banner .txt h2{ font-size:0.18rem;font-weight:500;color:#fff;}

.n_main{ width:100%; position:relative; padding-top:80px; padding-bottom:80px;}

.fw01{width: 100%; position:relative;overflow: hidden;margin:60px 0;}
.fw01 .n_tit{width: 100%; position:relative; font-size:30px; text-align:center;margin: 0 auto 50px; padding-bottom:20px; color:#0f172a;}
.fw01 .n_tit:after{display: block; content: ''; width: 60px; height: 3px; position:absolute; bottom:0;left:50%;transform: translateX(-50%); background: #f43f5e; }
.fw01 .box{width: 100%;margin-top:50px;display: flex;flex-wrap:wrap; padding-bottom:10px;}
.fw01 .box .item{width: 23%; margin-right:1.5%; background:#fff;padding:30px 20px 40px; border:1px solid rgba(244,63,94,0.3); border-radius:10px;}
.fw01 .box .item:hover{box-shadow: 0 0 10px 0 rgba(244,63,94,0.3);}
.fw01 .box .item:nth-child(4n){margin-right:0;}
.fw01 .box .item .img{width: 60px; height:60px; position:relative; margin:0 auto; background:rgba(244,63,94,0.1); border-radius:10px;display: flex;justify-content:center; align-items: center;}
.fw01 .box .item .img img{width: 30px; height:30px;}
.fw01 .box .item .con{width: 100%;position: relative; padding-top:30px; text-align:center;}
.fw01 .box .item .con .tit{font-size: 20px;color: #333;line-height: 25px;position: relative;}
.fw01 .box .item .con .txt{color: #666;position: relative; line-height: 20px;font-size: 14px; margin-top:20px;}

.fw02{width: 100%;position: relative;margin:30px auto 90px;}
.fw02 .n_tit{width: 100%; position:relative; font-size:30px; padding-bottom:20px; color:#0f172a;}
.fw02 .n_tit h1{ font-size:28px; color:#0f172a; margin-bottom:10px;}
.fw02 .n_tit h2{ font-size:16px; color:#999;}
.fw02 .box{width: 100%;display: flex;flex-wrap:wrap;padding:40px 30px; border:1px solid rgba(244,63,94,0.3); border-radius:10px;}
.fw02 .box .item{display: block;width: 30%;background: #fff; margin-right:3.5%; padding:30px 0; border-radius:10px;}
.fw02 .box .item:nth-child(3n){ margin-right:0;}
.fw02 .box .item .top{width: 100%; position:relative;display: flex;justify-content: space-between; padding:0 20px;}
.fw02 .box .item .top .en{width: 100px; height:100px; position:relative; background:rgba(244,63,94,1);display: flex;justify-content: center; align-items: center; border-radius:10px; font-size:24px; color:#fff;}
.fw02 .box .item .top .cn{width: calc(100% - 120px); position:relative; margin-left:20px;}
.fw02 .box .item .top .cn h1{ font-size:20px; color:#333;}
.fw02 .box .item .top .cn h2{ font-size:13px; color:rgba(244,63,94,1);display: flex; margin-top:7px;}
.fw02 .box .item .top .cn h3{ font-size:13px; color:#999;display: flex; margin-top:7px;}
.fw02 .box .item .top .cn img{width: 18px; height:18px; margin-right:10px;}
.fw02 .box .item .sum{font-size: 12px;color: #666; background:rgba(15,23,42,0.1); line-height:25px; padding:10px 20px; margin-top:30px;}
.fw02 .box .item .more { width:calc(100% - 40px); height:50px; line-height:50px; border:1px solid rgba(244,63,94,0.3); text-align:center; border-radius:10px; margin:20px 20px;}
.fw02 .box .item .more a { display:block; font-size:16px; color:rgba(15,23,42,1); border-radius:10px;}
.fw02 .box .item .more a:hover { background:rgba(244,63,94,1); color:#fff;}

.an01{width: 100%; position:relative;overflow: hidden;margin-top:120px;}
.an01 .n_tit{width: 100%; position:relative; text-align:center;margin: 0 auto 50px; padding-bottom:20px}
.an01 .n_tit h1{ width:100%; margin-bottom:20px; }
.an01 .n_tit h2{ font-size:30px; color:#0f172a; margin-bottom:20px; }
.an01 .n_tit h3{ font-size:17px; color:#999; margin-bottom:20px; }
.an01 .box{width: 100%;display: flex;flex-wrap:wrap;}
.an01 .box .item{display: block;width: 49%;background: #fff; margin-right:2%; padding:30px 0; border-radius:10px; margin-bottom:20px;}
.an01 .box .item:nth-child(2n){ margin-right:0;}
.an01 .box .item .top{width: 100%; position:relative;display: flex;justify-content: space-between; padding:0 20px;}
.an01 .box .item .top .en{width: 100px; height:100px; position:relative; background:rgba(244,63,94,1);display: flex;justify-content: center; align-items: center; border-radius:10px; font-size:24px; color:#fff;}
.an01 .box .item .top .cn{width: calc(100% - 120px); position:relative; margin-left:20px;}
.an01 .box .item .top .cn h1{ font-size:20px; color:#333;}
.an01 .box .item .top .cn h2{ font-size:13px; color:rgba(244,63,94,1);display: flex; margin-top:7px;}
.an01 .box .item .top .cn h3{ font-size:13px; color:#999;display: flex; margin-top:7px;}
.an01 .box .item .top .cn img{width: 18px; height:18px; margin-right:10px;}
.an01 .box .item .sum{font-size: 14px;color: #666; line-height:25px; padding:0 20px; margin-top:30px;}

.duix{ width:100%; position:relative; margin-top:60px;display: flex; justify-content:space-between;}

.dx01 { width:30%; position:relative;}
.dx01 .box{ background:#fff; padding:30px 20px; border-radius:20px;border:1px solid rgba(244,63,94,0.3);}
.dx01 .tit{ width:100%; position:relative;display: flex; align-items: center; font-size:22px; font-weight:700; margin-bottom:30px;}
.dx01 .tit img{ width:30px; margin-right:10px;}
.dx01 .form .items { width:100%; position:relative;}
.dx01 .form .items .item { width:100%; display:block; margin: 0.15rem 0;border: none;}
.dx01 .form .items .item .biao { font-size:14px; font-weight: 400;margin-bottom: 0.1rem; color:#94a3b8;}
.dx01 .form .items .item input {display: block;width: 100%;height: 0.4rem;padding: 6px 10px;outline: none;border: none; background:rgba(244,63,94,0.05);font-size:16px;color: #404040;}
.dx01 .form .items .item .select {position: relative;display: block;}
.dx01 .form .items .item .select select {display: block;width: 100%;height: 0.4rem;padding: 6px 10px;outline: none;border:none; background:rgba(244,63,94,0.05);font-size:16px;color: #404040; border-radius:10px;}
.dx01 .form .items .item .select i {position: absolute;top: 9px;right: 2px;width: 28px;height: 25px;background:none;pointer-events: none;}
.dx01 .form .button { width:100%; height: 0.4rem;margin-top:25px;border: 0; font-size:16px; color: #fff;background:rgba(244,63,94,1); border-radius:10px;}


.dx02 {width:65%;position: relative;}
.dx02 .con {width:100%;position: relative;}
.dx02 .con ul {display: flex;flex-wrap:wrap; justify-content: flex-start;align-items: flex-start;}
.dx02 .con ul li {width: 32%; position: relative; background:#fff; border-radius:10px; margin-bottom:20px; margin-right:2%;}
.dx02 .con ul li:nth-child(3n) {margin-right: 0;}
.dx02 .con ul li .top{ width:100%; position:relative;display: flex;justify-content: space-between;} 
.dx02 .con ul li .top .sum{ width:50%; position:relative; padding:20px 0 0 15px;} 
.dx02 .con ul li .top .sum h1{font-size: 20px;color: #333;} 
.dx02 .con ul li .top .sum h2{font-size: 16px;color: #666; margin-top:15px;} 
.dx02 .con ul li .top .img{ width:45%; position:relative; overflow:hidden; border-radius:10px 10px 0 0;} 
.dx02 .con ul li .top .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.dx02 .con ul li .top .img .hezi{padding-bottom: 120% !important;}
.dx02 .con ul li .top .img h1{ position:absolute; left:0; top:15px; padding:3px 5px; background:rgba(0,0,0,0.9); font-size:12px; color:#fff;display: flex;align-items: center;}
.dx02 .con ul li .top .img h1 div{ width:10px; height:10px; background:#0fc102; border-radius:50%; margin-right:5px;}
.dx02 .con ul li .txt { position:relative; padding:10px 10px; background:#fff; border-radius:0 0 10px 10px;}
.dx02 .con ul li .txt .sum { width:100%; position:relative;display: flex;flex-wrap:wrap; justify-content: space-between; align-items: center;}
.dx02 .con ul li .txt .sum span{ width:49%; position:relative;height:25px;line-height:25px; background:rgba(12,116,250,0.08); font-size:14px; color:#999; margin-bottom:5px; padding-left:10px;}
.dx02 .con ul li .txt .sum span:nth-child(5) {width:100%;}
.dx02 .con ul li:hover .img img{ transform: scale(1.05);}



.hn01{width: 100%; position:relative;overflow: hidden;margin-top:80px;}
.hn01 .box{width: 100%;display: flex;flex-wrap:wrap;}
.hn01 .box .item{display: block;width: 48%;background: #fff; margin-right:4%; padding:30px 0; border-radius:10px; margin-bottom:40px;}
.hn01 .box .item:nth-child(2n){ margin-right:0;}
.hn01 .box .item .top{width: 100%; position:relative;display: flex;justify-content: space-between; padding:0 20px;}
.hn01 .box .item .top .en{width: 100px; height:120px; position:relative; background:transparent;display: flex;justify-content: flex-start; align-items: flex-start; border-radius:10px; font-size:24px; color:#fff;}
.hn01 .box .item .top .cn{width: calc(100% - 120px); position:relative; margin-left:20px;}
.hn01 .box .item .top .cn h1{ font-size:20px; color:#333;display: flex;}
.hn01 .box .item .top .cn h1 span{ font-size:12px; color:#94a3b8; margin-left:15px; margin-top:6px;}
.hn01 .box .item .top .cn h2{ font-size:13px; color:rgba(244,63,94,1);display: flex; margin-top:7px;}
.hn01 .box .item .top .cn h3{ font-size:13px; color:#999; margin-top:10px; line-height:25px;}
.hn01 .box .item .top .cn img{width: 18px; height:18px; margin-right:10px;}
.hn01 .box .item .more { width:calc(100% - 40px); height:50px; line-height:50px; border:1px solid rgba(244,63,94,0.3); text-align:center; border-radius:10px; margin:20px 20px;}
.hn01 .box .item .more a { display:block; font-size:16px; color:rgba(15,23,42,1); border-radius:10px;}
.hn01 .box .item .more a:hover { background:rgba(244,63,94,1); color:#fff;}


.hn01 .no_data{width: 100%;min-height:240px;}
.hn01 .no_data .icen{width: 100%;display: flex;flex-wrap:wrap;}
.hn01 .no_data .shu{width:100%;font-size:20px; text-align:center;margin-top:40px;}
.hn01 .no_data .zhu{width: 200px;margin:110px auto 0;}
.hn01 .no_data .zhu a{ display:block;width:100%; height:40px; line-height:40px;margin-top:25px;font-size:16px; color: #fff;background:rgba(244,63,94,1); border-radius:10px;margin:0 auto; text-align:center;}

.hn02 { width:100%; position:relative; margin-top:40px;}
.hn02 .form .box { width:100%; position:relative;display: flex;flex-wrap:wrap; background:#fff; padding:10px 20px; border-radius:20px;border:1px solid rgba(244,63,94,0.3);}
.hn02 .form .box .item { width:23%; display:inline-block; margin: 0.15rem 2% 0.15rem 0;border: none;}
.hn02 .form .box .item .biao { font-size:15px; font-weight: 400;margin-bottom: 0.1rem; color:#94a3b8;}
.hn02 .form .box .item input {display: block;width: 100%;height: 0.4rem;padding: 6px 10px;outline: none;border: none; background:rgba(244,63,94,0.05);font-size:16px;color: #404040;}
.hn02 .form .box .item .select {position: relative;display: block;}
.hn02 .form .box .item .select select {display: block;width: 100%;height: 0.4rem;padding: 6px 10px;outline: none;border:none; background:rgba(244,63,94,0.05);font-size:16px;color: #404040; border-radius:10px;}
.hn02 .form .box .item .select i {position: absolute;top: 9px;right: 2px;width: 28px;height: 25px;background:none;pointer-events: none;}
.hn02 .form .button { width:100%; height: 0.4rem;margin-top:28px;border: 0; font-size:16px; color: #fff;background:rgba(244,63,94,1); border-radius:10px;}


.hn_show {width:100%;position: relative;display: flex; justify-content:space-between; margin-top:60px;}
.hn_show .tup{width:35%;position: relative;}
.hn_show .tup .en{width: 200px; height:200px; position:relative; background:#fff; border-radius:10px; margin:0 auto; padding:10px;}
.hn_show .tup .en h1{width: 180px; height:180px; position:relative; background:rgba(244,63,94,1);display: flex;justify-content: center; align-items: center; border-radius:10px; font-size:48px; color:#fff; margin:0 auto;}
.hn_show .tup .top{ width:100%; position:relative; text-align:center; margin-top:20px;}
.hn_show .tup .top h1{ font-size:24px;color:#333;font-weight:bold; margin-right:20px;}
.hn_show .tup .top h2{ font-size:16px;color:rgba(244,63,94,1);font-weight:500; margin-top:10px; margin-right:10px;}
.hn_show .tup .bot{ width:100%; position:relative;display: flex; justify-content:center; margin-top:20px;}
.hn_show .tup .bot .item{ width:30%; position:relative; background:#fff; border-radius:10px; margin:0 5%; text-align:center; padding:10px 0;}
.hn_show .tup .bot .item h1{ font-size:12px;color:#94a3b8;font-weight:500;}
.hn_show .tup .bot .item h2{ font-size:24px;color:#666666;font-weight:500; margin-top:5px;}
.hn_show .wen{width:60%;position: relative;}
.hn_show .wen .h_tit{ width:100%; font-size:20px; font-weight:bold; position:relative; padding-left:15px; margin-bottom:20px; color:#333;}
.hn_show .wen .h_tit:before{ content:""; position:absolute; width:4px; height:22px; background:rgba(244,63,94,1); left:0; top:3px; transition:.5s; z-index:1;}
.hn_show .wen .fen{ width:100%; position:relative;}
.hn_show .wen .fen .box{display: flex; justify-content:space-between;}
.hn_show .wen .fen .box .item{ width:30%; background:#fff; padding:20px 0; border-radius:20px; text-align:center;}
.hn_show .wen .fen .box .item .img{width: 60px; height:60px; position:relative; margin:0 auto; background:rgba(244,63,94,0.1); border-radius:10px;display: flex;justify-content:center; align-items: center;}
.hn_show .wen .fen .box .item .img img{width: 30px; height:30px;}
.hn_show .wen .fen .box .item .con{width: 100%;position: relative; padding-top:20px; text-align:center;font-size: 12px;color: #333; font-weight:700;}
.hn_show .wen .fen .int{font-size:13px; color:#94a3b8; margin-top:15px;}
.hn_show .wen .sha{ width:100%; position:relative; margin-top:50px;}
.hn_show .wen .sha .box{display: flex;}
.hn_show .wen .sha .box .item{ width:120px; height:35px; line-height:35px; background:#fff; border-radius:5px; text-align:center; margin-right:15px;font-size: 12px;color: #333; font-weight:700;}
.hn_show .wen .che{display: block;width: 100%; margin-top:60px;}
.hn_show .wen .che .tit{ font-size:20px; color:#333; margin-bottom:30px;}
.hn_show .wen .che .box{ width: 100%;display: flex; align-items: center;background: #fff; padding:30px 20px; border-radius:20px; }
.hn_show .wen .che .zuo{width: 25%; position:relative;display: flex; align-items: center;}
.hn_show .wen .che .zuo h1{ width:80px; height:80px; background:#4caf50; border-radius:50%; font-size:30px; font-weight:700; color:#fff;display: flex;justify-content: center; align-items: center;}
.hn_show .wen .che .zuo h2{ width:80px; height:80px; background:#ffd740; border-radius:50%; font-size:30px; font-weight:700; color:#fff;display: flex;justify-content: center; align-items: center; margin-left:-20px;}
.hn_show .wen .che .you{width: 70%; position:relative; display: flex;justify-content: space-between; align-items: center;}
.hn_show .wen .che .you h1{ font-size:16px; font-weight:700; color:#333; margin-bottom:10px;}
.hn_show .wen .che .you h2{ font-size:12px; color:#94a3b8; margin-bottom:3px;}


.admin01 {width:100%;position: relative;display: flex; justify-content:space-between; margin-top:60px;}
.admin01 .tup{width:22%;position: relative; background:#fff; padding:20px;}
.admin01 .tup .top{ width:100%; position:relative;}
.admin01 .tup .top .tit{ width:100%; position:relative; font-size:12px;color:#666;font-weight:500; margin-bottom:20px;}
.admin01 .tup .top .item{ width:100%; position:relative;display: flex; align-items: center; line-height:50px; padding:0 20px; border-radius:10px; margin-bottom:10px;}
.admin01 .tup .top .item h1 img{ width:20px; margin-right:10px;}
.admin01 .tup .top .item h2{ font-size:16px;color:#333;font-weight:500;}
.admin01 .tup .top .item.on{ background:rgba(244,63,94,0.1);}
.admin01 .tup .top .item:hover{ background:rgba(244,63,94,0.1);}
.admin01 .tup .bot{ width:100%; position:relative; padding-top:30px; border-top:1px solid #ddd;}
.admin01 .tup .bot .tit{ width:100%; position:relative; font-size:12px;color:#666;font-weight:500; margin-bottom:20px;}
.admin01 .tup .bot .item{ width:100%; position:relative;display: flex; align-items: center; line-height:50px; padding:0 20px; border-radius:10px; margin-bottom:10px;}
.admin01 .tup .bot .item h1 img{ width:20px; margin-right:10px;}
.admin01 .tup .bot .item h2{ font-size:16px;color:#333;font-weight:500;}
.admin01 .tup .bot .item.on{ background:rgba(244,63,94,0.1);}
.admin01 .tup .bot .item:hover{ background:rgba(244,63,94,0.1);}
.admin01 .wen{width:75%;position: relative;}
.admin01 .wen .h_tit{ width:100%; font-size:20px; font-weight:bold; position:relative; padding-left:15px; margin-bottom:20px; color:#333;}
.admin01 .wen .h_tit:before{ content:""; position:absolute; width:4px; height:22px; background:rgba(244,63,94,1); left:0; top:3px; transition:.5s; z-index:1;}
.admin01 .wen .num{ width:100%; position:relative;}
.admin01 .wen .num .h_tit p{ width:100%; font-size:14px; font-weight:500; margin-top:5px; color:#999;}
.admin01 .wen .num .box{margin-top:25px;display: flex; justify-content: space-between;background: white;padding: 30px 20px;border-radius: 20px;border: 1px solid rgba(244,63,94,0.3);} 

/* 会员信息列表页面特定样式 */
.admin01 .wen .num .box.huiyuan-list-box {
    display: block !important;
    justify-content: normal !important;
}
.admin01 .wen .num .box form {
    background: white;
    padding: 30px 20px;
    border-radius: 20px;
    border: 1px solid rgba(244,63,94,0.3);
    width: 100%;
    box-sizing: border-box;
}
.admin01 .wen .num .box .form-item {
    margin-bottom: 20px;
}
.admin01 .wen .num .box .form-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #666;
}
.admin01 .wen .num .box .form-input {
    position: relative;
}
.admin01 .wen .num .box .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 10px;
    outline: none;
    border: none;
    background: rgba(244,63,94,0.05);
    font: 15px/23px;
    color: #404040;
    border-radius: 10px;
    box-sizing: border-box;
}
.admin01 .wen .num .box .form-control:disabled {
    background: rgba(244,63,94,0.05);
    cursor: not-allowed;
    opacity: 0.7;
}
.admin01 .wen .num .box .radio-group {
    display: flex;
    align-items: center;
    gap: 20px;
}
.admin01 .wen .num .box .radio-group label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}
.admin01 .wen .num .box .radio-group input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: #f43f5e;
}
.admin01 .wen .num .box .btn-submit,
.admin01 .wen .num .box .btn-reset {
    width: auto;
    height: 40px;
    padding: 0 20px;
    border: 0;
    font-size: 16px;
    color: #fff;
    background: rgba(244,63,94,1);
    border-radius: 10px;
    cursor: pointer;
    margin-right: 10px;
    transition: all 0.3s ease;
}
.admin01 .wen .num .box .btn-reset {
    background: #fff;
    color: #333;
    border: 1px solid rgba(244,63,94,0.3);
}
.admin01 .wen .num .box .btn-submit:hover {
    background: rgba(244,63,94,0.9);
}
.admin01 .wen .num .box .btn-reset:hover {
    background: rgba(244,63,94,0.05);
}
.admin01 .wen .num .box .item{ width:31%; background:#fff; padding:10px; border-radius:20px; display: flex; align-items: center;}
.admin01 .wen .num .box .item .img{width: 50px; height:50px; position:relative; background:rgba(244,63,94,0.1); border-radius:10px;display: flex;justify-content:center; align-items: center;}
.admin01 .wen .num .box .item .img img{width: 30px; height:30px;}
.admin01 .wen .num .box .item .con{width: calc(100% - 50px);position: relative; margin-left:10px;}
.admin01 .wen .num .box .item .con h1{font-size: 12px;color: #999; font-weight:500;}
.admin01 .wen .num .box .item .con h2{font-size: 18px;color: #333; font-weight:700;}
.admin01 .wen .liu{display: block;width: 100%; margin-top:60px;}
.admin01 .wen .liu .h_tit{ width:100%; font-size:20px; font-weight:bold; position:relative; padding-left:15px; margin-bottom:20px; color:#333;display: flex;}
.admin01 .wen .liu .h_tit:before{ content:""; position:absolute; width:4px; height:22px; background:rgba(244,63,94,1); left:0; top:3px; transition:.5s; z-index:1;}
.admin01 .wen .liu .h_tit h1{ width:30%; font-size:20px; font-weight:bold; color:#333;}
.admin01 .wen .liu .h_tit h2{ width:70%; font-size:14px; font-weight:500; position:relative; color:#333;display: flex; justify-content: flex-end;}
.admin01 .wen .liu .h_tit h2 span{ margin-left:15px; background:rgba(244,63,94,0.1); padding:0 10px; height:25px; line-height:25px;}
.admin01 .wen .liu .box{ width: 100%;background: #fff; padding:20px 20px; border-radius:20px; }
.admin01 .wen .liu .zuo{width: 100%; position:relative;display: flex; align-items: center; border-bottom:1px solid #ddd; padding:15px 0;}
.admin01 .wen .liu .zuo h1{ width:40%; font-size:14px; font-weight:500; color:#000;}
.admin01 .wen .liu .zuo h2{ width:20%; font-size:12px; font-weight:500; color:#dd841d;}
.admin01 .wen .liu .zuo h3{ width:20%; font-size:12px; font-weight:500; color:#333;}
.admin01 .wen .liu .zuo h4{ width:10%; font-size:12px; font-weight:500; color:#2d69ec; text-align:right;}
.admin01 .wen .liu .zuo h5{ width:10%; font-size:12px; font-weight:500; color:#333; text-align:right;}

/* 表格样式 */
.admin01 .wen .num .box .table-list {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.admin01 .wen .num .box .table-list thead {
    background: linear-gradient(135deg, rgba(244,63,94,1), rgba(244,63,94,0.8));
    color: white;
}

.admin01 .wen .num .box .table-list th,
.admin01 .wen .num .box .table-list td {
    padding: 12px 9px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.admin01 .wen .num .box .table-list th {
    font-weight: 600;
    font-size: 14px;
}

.admin01 .wen .num .box .table-list tbody tr {
    transition: all 0.3s ease;
}

.admin01 .wen .num .box .table-list tbody tr:hover {
    background: rgba(244,63,94,0.03);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.admin01 .wen .num .box .table-list tbody tr:last-child td {
    border-bottom: none;
}

.admin01 .wen .num .box .table-list .no-data {
    text-align: center;
    color: #999;
    padding: 40px;
    font-size: 14px;
}

/* 按钮样式优化 */
.admin01 .wen .num .box .btn {
    display: inline-block;
    padding: 6px 9px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.admin01 .wen .num .box .btn-primary {
    background: linear-gradient(135deg, rgba(244,63,94,1), rgba(244,63,94,0.8));
    color: white;
}

.admin01 .wen .num .box .btn-primary:hover {
    background: linear-gradient(135deg, rgba(244,63,94,0.9), rgba(244,63,94,0.7));
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(244,63,94,0.3);
}

.admin01 .wen .num .box .btn-small {
    padding: 4px 2px;
    font-size: 12px;
    border-radius: 4px;
}

.admin01 .wen .num .box .btn-edit {
    background: linear-gradient(135deg, #1274f9, #0e63d0);
    color: white;
    margin-right: 5px;
}

.admin01 .wen .num .box .btn-edit:hover {
    background: linear-gradient(135deg, #0e63d0, #0b52a6);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(18, 116, 249, 0.3);
}

.admin01 .wen .num .box .btn-delete {
    background: linear-gradient(135deg, #f43f5e, #e03553);
    color: white;
}

.admin01 .wen .num .box .btn-delete:hover {
    background: linear-gradient(135deg, #e03553, #c92d48);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(244, 63, 94, 0.3);
}

.admin01 .wen .num .box .btn-default {
    background: white;
    color: #333;
    border: 1px solid #ddd;
}

.admin01 .wen .num .box .btn-default:hover {
    background: rgba(244,63,94,0.05);
    border-color: rgba(244,63,94,0.3);
    transform: translateY(-1px);
}

/* 搜索框样式优化 */
.admin01 .wen .num .box .search-box input[type="text"] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.admin01 .wen .num .box .search-box input[type="text"]:focus {
    outline: none;
    border-color: rgba(244,63,94,0.5);
    box-shadow: 0 0 0 2px rgba(244,63,94,0.1);
}

/* 分页样式 */
.admin01 .wen .num .box .page {
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.admin01 .wen .num .box .page a {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 12px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.admin01 .wen .num .box .page a:hover {
    background: rgba(244,63,94,0.1);
    color: #f43f5e;
    border-color: rgba(244,63,94,0.3);
    transform: translateY(-1px);
}

.admin01 .wen .num .box .page span {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 12px;
    background: linear-gradient(135deg, #f43f5e, #e03553);
    color: #fff;
    border: 1px solid #f43f5e;
    border-radius: 4px;
}

.admin01 .wen .num .box .page .disabled {
    background: #f5f5f5;
    color: #999;
    border-color: #ddd;
    cursor: not-allowed;
}

.admin01 .wen .num .box .page .disabled:hover {
    background: #f5f5f5;
    color: #999;
    border-color: #ddd;
    transform: none;
}