﻿.common-main.join-us{overflow-x:hidden;padding:0}
.wmkc-teble-li{max-width:1920px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}
.wmkc-teble-li a{margin:0px 30px;line-height:80px;font-size:20px;position:relative;display:inline-block;transition:all 0.6s;-webkit-transition:all 0.6s;color:#666 !important;text-decoration:none !important}
.wmkc-teble-li .active{color:var(--color) !important}
.wmkc-teble-li a::after{content:'';position:absolute;left:0px;bottom:0px;height:2px;width:0%;background:var(--color);transition:all 0.6s;-webkit-transition:all 0.6s}
.wmkc-teble-li a:hover::after{width:100%}
.wmkc-teble-li .active::after{width:100%}
.wmkc-teble-li{background:#ebf0f5;position:relative;margin-bottom:60px}
.wmkc-teble-li:before{content:'';width:100vw;height:100%;background:#ebf0f5;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
.wmkc-teble-li a{line-height:60px;text-align:center;position:relative;}
.wmkc-teble-li a:hover{color:var(--color)!important}
.wmkc-title p{font-size:52px;color:#272727}
.wmkc-title span{font-size:38px;color:#1c1c1c}
.siderbar-search{display:flex}
.siderbar-search input{flex:1;background-color:#F2F2F2;padding:0px 10px;font-size:var(--fontsize16)}
.siderbar-search button{width:46px;height:46px;background:var(--color)}
.siderbar-search button em{font-size:var(--fontsize24);color:#FFFFFF}
.wk-join-head{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.wk-join-search{width:460px;border:1px solid #cccccc;border-radius:30px;position:relative}
.wk-join-search em{display:flex;align-items:center;width:40px;justify-content:end;font-size:24px;justify-content:end;color:#898989;margin-right:10px}
.wk-join-search .siderbar-search{padding:10px;line-height:40px;}
.wk-join-search .siderbar-search input{background:#fff;width:100%;padding:5px;border-right:1px solid #dedede}
.wk-join-search button{padding:0px 20px;background:none;font-size:16px;color:var(--color);width:auto;height:auto}
.wk-join-page .wk-join-list{margin-top:30px}
.wk-join-page .wk-join-list .wk-join-tit{display:flex;flex-direction:row;height:76px;align-items:center;border-bottom:2px solid var(--color);padding-right:100px}
.wk-join-page .wk-join-list .wk-join-tit span{font-size:16px;padding:0px 10px;color:#7c7c7c}
.wk-join-page .wk-join-list .wk-join-tit .m1{width:30%;padding:0px 20px}
.wk-join-page .wk-join-list .wk-join-tit .m2{width:23%}
.wk-join-page .wk-join-list .wk-join-tit .m3{width:23%}
.wk-join-page .wk-join-list .wk-join-tit .m4{width:24%}
.wk-join-page .wk-join-list dl{margin-top:10px}
.wk-join-page .wk-join-list dl dt{display:flex;flex-direction:row;height:70px;align-items:center;cursor:pointer;background:#f0f2f5 url(/uploads/42451/index/joino.png) no-repeat 98% center;padding-right:100px}
.wk-join-page .wk-join-list dl dt.active{background:#f0f2f5 url(/uploads/42451/index/joinc.png) no-repeat 98% center}
.wk-join-page .wk-join-list dl dt span{font-size:18px;padding:0px 10px;color:#7c7c7c}
.wk-join-page .wk-join-list dl dt .m1{width:30%;padding:0px 20px}
.wk-join-page .wk-join-list dl dt .m2{width:23%}
.wk-join-page .wk-join-list dl dt .m3{width:23%}
.wk-join-page .wk-join-list dl dt .m4{width:24%}
.wk-join-page .wk-join-list dl dd{border:1px solid #e6e6e6;border-top:none;padding:50px 30px;padding-top:10px}
.wk-join-page .wk-join-list dl dd p{font-size:16px;line-height:32px;margin:10px 0px}
.wk-join-page .wk-join-list dl dd p strong{font-weight:bold;color:var(--color);display:block;margin-top:20px}
.link{margin-top:30px}
.wk-join-page .wk-join-link a{background:var(--color);color:#fff;font-size:16px;padding:13px 46px;border-radius:30px;display:inline-block;transition:all 0.6s;-webkit-transition:all 0.6s;cursor:pointer;text-decoration:initial}
.wk-main{padding:80px 0}
.wk-confoot{background:#ebf0f5;text-align:center;position:relative;margin-top:80px}
.wk-confoot:before{content:'';width:100vw;height:100%;background:#ebf0f5;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
.wk-confoot .wk-lwrap{position:relative}
.wk-confoot h2{font-size:32px;color:var(--color);font-weight:500}
.wk-confoot p{font-size:20px;line-height:28px;margin-top:20px;color:#464749}
.wk-confoot .wk-lwrap>div a{border:1px solid var(--color);padding:12px 40px;border-radius:30px;margin-top:50px;transition:all 0.6s;-webkit-transition:all 0.6s;display:inline-block;font-size:16px;color:var(--color);text-decoration:initial;cursor:pointer}
.wk-confoot .wk-lwrap>div:hover a{color:#fff;background:var(--color)}
@media (max-width:1600px){.wmkc-title p{font-size:34px}
.wmkc-title span{font-size:26px}
.wmkc-teble-li a{margin:0 25px}
.wk-join-page .wk-join-list dl dt span{font-size:16px}}
@media (max-width:1200px){.wk-lwrap{width:100%;max-width:100%;}
.wk-main{padding:40px 0}
.wmkc-title p{font-size:24px}
.wmkc-title span{font-size:20px}
.wmkc-page{padding:20px 0px 40px}
.wmkc-teble-li{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}
.wmkc-teble-li a{width:49%;margin:3px 0px;background:#fff;line-height:44px}
.wk-confoot h2{font-size:24px}
.wk-confoot p{font-size:16px;line-height:24px}
.wk-confoot .wk-lwrap>div a{font-size:16px;padding:8px 30px;margin-top:20px}
.wk-join-head{display:block}
.wk-join-search{margin-top:20px;margin-right:0px;width:100%}
.wk-join-page .wk-join-list dl dt{display:block;height:auto;padding:10px 0px}
.wk-join-page .wk-join-list .wk-join-tit{display:none}
.wk-join-page .wk-join-list dl dt.active{background-size:28px auto}
.wk-join-page .wk-join-list dl dt .m1{padding:0px 10px}
.wk-join-page.wmkc-page .wk-join-list dl dt span{display:block;width:100%;line-height:28px;font-size:16px}
.wk-join-page .wk-join-list dl dd p{font-size:16px;line-height:26px}}
@media (max-width:1024px){.wmkc-teble-li a{font-size:18px;}}
@media (max-width:768px){.wmkc-title span{font-size:18px}
.wmkc-teble-li a{font-size:13px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1}
.wk-main{padding:20px 0}
.wk-join-page .wk-join-list dl dd{padding:15px 15px}
.wmkc-teble-li{margin-bottom:20px}
.wk-confoot{margin-top:20px}
.wk-join-page .wk-join-link a{padding:8px 25px}}
@media (max-width:320px){.wmkc-title p{font-size:18px}
.wmkc-page{padding:10px 0 20px}
.wmkc-title span{font-size:16px}
.wk-main{padding:10px 0}
.wk-join-page.wmkc-page .wk-join-list dl dt span{line-height:1.2}
.wk-join-page .wk-join-list dl dd{padding:10px}
.wk-join-page .wk-join-list dl dd p{margin:0}
.wk-join-page .wk-join-link a{font-size:12px;padding:5px;margin-top:5px}
.wk-join-page .wk-join-list dl dt{padding:5px 0}}