* {
padding: 0;
margin: 0;
}
::-webkit-scrollbar {
width: 10px;
height: 4px;
background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
body {
--theme-bgcolor: #fff; --theme-color-red: #CC0033; --theme-title-shadow: 0 -1px 10px 0 rgb(136 136 136 / 30%); --theme-hover-shadow: 0 0px 10px 10px rgb(22 35 49 / 15%); --theme-hover-color: #01AAED; --title-hd: #000; --title-fhd: #000; --padding: 30px; --border-color-f5f6f7: #f5f6f7;
--border-color: #e8e8e8; --border-radius: 3px; --btn-jifen-color: #FFA210; --btn-mianfei-color: #5EB3FF; --btn-VIP-color: #FF2728; --wenzi-module-bg: rgb(255, 94, 0); --wenzi-module-hover-bg: #2b58ab; --single-sign-bg: linear-gradient(90deg, #385DFE, #5EB3FF); --aside-meta-color: #8a92a9; --aside-text-color: #062743; --color1: #dc3545;
--color2: #ffc107;
--color3: #007bff;
--color4: #6c757d;
}
a {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
color: #000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: var(--theme-hover-color);
}
a:active {
text-decoration: none;
}
textarea {
resize: none;
}
em,
i {
font-style: normal
}
li {
list-style: none
}
img {
border: 0;
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0
}
input,
button {
outline: none;
}
p {
word-wrap: break-word
}
select {
font-size: 14px;
line-height: 2;
color: #2c3338;
border-color: #8c8f94;
box-shadow: none;
border-radius: var(--border-radius);
padding: 0 24px 0 8px;
min-height: 38px;
max-width: 25rem;
-webkit-appearance: none;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
background-size: 15px;
cursor: pointer;
vertical-align: middle;
}
.wztkj_headsm,
.wztkj_navsm {
display: none;
} .clearfix:after {
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { zoom: 1;
}
.wztkj_container {
width: 1260px;
margin: 0px auto;
position: relative;
} .wztkj_scro {
width: 100%;
overflow: hidden;
padding: 5px 0;
background-color: #000;
color: #fff;
z-index: 10;
font-size: 14px;
} .wztkj_popup {
position: fixed;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, .5);
color: #FFF;
padding: 10px 30px;
border-radius: var(--border-radius);
display: none;
z-index: 100000;
font-size: 15px;
} .wztkj_masks {
display: none; 
position: fixed;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
background-color: rgba(0, 0, 0, 0.8);
z-index: 99999;
opacity: 0.7;
}
.wztkj_loading{
width: 80px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wztkj_loading span{
display: inline-block;
width: 8px;
height: 100%;
border-radius: var(--border-radius);
background: #99CCFF;
-webkit-animation: load 1s ease infinite;
animation: load 1s ease infinite;
}
@-webkit-keyframes load{
0%,100%{
height: 40px;
background: #99CCFF;
}
50%{
height: 70px;
margin: -15px 0;
background: #0099FF;
}
}
.wztkj_loading span:nth-child(2){
-webkit-animation-delay:0.2s;
animation-delay:0.2s;
}
.wztkj_loading span:nth-child(3){
-webkit-animation-delay:0.4s;
animation-delay:0.4s;
}
.wztkj_loading span:nth-child(4){
-webkit-animation-delay:0.6s;
animation-delay:0.6s;
}
.wztkj_loading span:nth-child(5){
-webkit-animation-delay:0.8s;
animation-delay:0.8s;
} .wztkj_title {
margin: 20px 0;
text-align: center;
padding: 10px 0;
}
.wztkj_title_hd {
margin-bottom: 15px;
line-height: normal;
font-weight: bold;
font-size: 24px;
color: var(--title-hd);
}
.wztkj_title_fhd {
color: var(--title-fhd);
opacity: 0.8;
display: inline-block;
line-height: normal;
font-weight: normal;
font-size: 14px;
}
.wztkj_title_fhd::after {
content: " ";
display: inline-block;
width: 180px;
height: 1px;
background-color: #000000;
opacity: 0.2;
vertical-align: middle;
margin: 0 20px;
}
.wztkj_title_fhd::before {
content: " ";
display: inline-block;
width: 180px;
height: 1px;
background-color: #000000;
opacity: 0.2;
vertical-align: middle;
margin: 0 20px;
} .wztkj_header_sticky {
position: sticky;
top: 0;
} .wztkj_header {
background-color: #FFF;
z-index: 9999;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1) ;
}
.wztkj_head {
padding: 18px 0;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center; 
-webkit-align-items: center; 
align-items: center; 
-webkit-box-pack: justify;
justify-content: space-between;
}
.wztkj_head_l {
display: flex;
align-items: center;
}
.wztkj_head_logo {
height: 48px;
}
.wztkj_head_logo img {
height: 100%;
}
.wztkj_head_search {
display: none;
align-items: center; 
justify-content: center;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10;
}
.wztkj_head_search_close {
width: 30px;
height: 30px;
line-height: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15%;
--after-color: #FFF;
}
.wztkj_head_search_close_color {
--after-color: #2c3338;
}
select[name='head_mobile_type'],
select[name='head_type'],
select[name='wztkj_head_type2'] {
--select-color: #2c3338;
color: var(--select-color);
}
.wztkj_head_search_close::after,
.wztkj_head_search_close::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 5px;
background-color: var(--after-color);
transform: translateY(-50%);
}
.wztkj_head_search_close::after {
transform: rotate(45deg);
}
.wztkj_head_search_close::before {
transform: rotate(-45deg);
}
.wztkj_head_search_close img {
width: 100%;
height: 100%;
}
.wztkj_head_search>form>div {
float: left;
}
.wztkj_head_search_sel {
margin-right: 10px;
}
.wztkj_head_search_ipt {
position: relative;
}
.wztkj_head_search_ipt>input {
outline: none;
height: 38px;
width: 380px;
float: left;
border: 1px solid #8c8f94;
padding-left: 5px;
box-sizing: border-box;
border-radius: var(--border-radius);
}
.wztkj_head_search_ipt>button {
position: absolute;
right: 0;
height: 100%;
width: 75px;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
border: 0;
cursor: pointer;
color: #fff;
background-color: var(--theme-hover-color);
}
.wztkj_head_search_ipt>button>img {
width: 16px;
height: 16px;
}
.wztkj_head_sign {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center; 
-webkit-align-items: center; 
align-items: center; 
-webkit-box-pack: justify;
font-size: 14px;
}
.wztkj_head_sign>div {
cursor: pointer;
}
.wztkj_head_sign img {
vertical-align: sub;
margin-right: 3px;
}
#wztkj_sign,
.wztkj_head_sign_zc {
display: inline-block;
box-sizing: border-box;
width: 87px;
text-align: center;
line-height: 30px;
border-radius: var(--border-radius);
margin-left: 10px;
}
.wztkj_sign_success {
position: relative;
}
.wztkj_sign_success_popup {
display: none;
position: absolute;
top: 48px;
left: -308px;
background-color: #fff;
width: 366px;
min-height: 200px;
z-index: 99999;
box-shadow: 0 0px 8px -4px rgb(22 35 49 / 60%);
}
.wztkj_sign_success_popup_hd {
box-sizing: border-box;
padding: 25px 20px; display: flex;
align-items: center;
width: 366px;
border-bottom: 1px solid #eeeeee;
}
.wztkj_sign_success_popup_hdimg {
width: 64px;
height: 64px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
}
.wztkj_sign_success_popup_hdimg img {
width: 100%;
height: 100%;
margin-right: 0;
}
.wztkj_sign_success_popup_hduser {
line-height: 1.5;
}
.wztkj_sign_success_popup_hduser h3 {
font-size: 16px; margin-bottom: 5px;
font-weight: 300;
}
.wztkj_sign_success_popup_hduser em {
margin-top: 5px;
font-size: 14px;
display: block;
color: #999999;
font-weight: 300;
}
.wztkj_sign_success_popup_hduser em>span {
color: var(--btn-VIP-color);
font-weight: 700;
}
.wztkj_sign_success_popup_bd ul {
display: flex;
flex-wrap: wrap;
}
.wztkj_sign_success_popup_bd ul li {
width: 25%;
text-align: center;
line-height: 1;
padding: 10px 0;
font-size: 14px;
}
.wztkj_sign_success_popup_bd ul li span {
display: block;
margin-bottom: 5px;
font-size: 24px;
}
.wztkj_sign_success_popup_bd ul li a {
color: #999999;
transition: all 0.5s;
font-weight: normal;
}
.wztkj_sign_success_popup_bd ul li:hover span,
.wztkj_sign_success_popup_bd ul li:hover a {
color: var(--theme-hover-color);
}
.wztkj_sign_search {
margin-right: 10px;
}
.wztkj_sign_fabu {
margin-right: 10px;
display: flex;
align-items: center;
}
.wztkj_sign_fabu:hover span {
color: var(--theme-hover-color);
}
.wztkj_sign_fabu:hover a {
color: var(--theme-hover-color);
} .wztkj_nav_to_right {
margin-left: auto;
margin-right: 20px;
}
.wztkj_nav>div>ul:after {
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.wztkj_nav>div>ul>li {
float: left;
font-size: 16px;
font-weight: 300;
padding: 8px 10px;
line-height: 35px;
box-sizing: border-box;
position: relative;
white-space: nowrap;
}
.wztkj_nav>div>ul>.wztkj_nav_xz {
border-bottom: 2px solid var(--theme-hover-color);
}
.wztkj_nav>div>ul>.menu-item-has-children:hover:after {
transform: rotate(45deg);
}
.wztkj_nav>div>ul>.menu-item-has-children:after {
position: absolute;
content: "";
display: block;
width: 5px;
height: 5px;
transform: rotate(-45deg);
right: 0px;
top: 55%;
margin-top: -5px;
transition: all 0.3s;
}
.wztkj_nav .sub-menu .menu-item-has-children:after {
position: absolute;
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(-45deg);
right: 15px;
top: 55%;
margin-top: -5px;
}
.wztkj_nav>div>ul>.wztkj_nav_xz>a {
color: var(--theme-hover-color);
font-weight: 700;
}
.wztkj_nav>div>ul>li .sub-menu {
position: absolute;
top: 46px;
left: 50%;
z-index: 99999;
transform: translateX(-50%);
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .05);
border-radius: var(--border-radius);
pointer-events: none;
} 
.wztkj_nav>div>ul>li .sub-menu .sub-menu {
top: 0;
left: 100.5%;
transform: translateX(0);
}
.wztkj_nav>div>ul>li .sub-menu>li {
margin-bottom: 0;
height: 0;
min-width: 180px;
opacity: 0;
transition: all 0.25s;
position: relative;
box-sizing: border-box;
}
.wztkj_nav>div>ul>li .sub-menu>li>a {
display: block;
width: 100%;
line-height: 40px;
z-index: 1;
text-align: center;
font-weight: normal;
box-sizing: border-box;
transition: .1s;
}
.wztkj_headertwo_nav .sub-menu>li:hover > a,
.wztkj_nav .sub-menu>li:hover > a {
padding-left: 5px;
color: var(--theme-hover-color);
}
.wztkj_headertwo_nav .menu .sub-menu>li>a::after,
.wztkj_nav>div>ul>li> .sub-menu>li>a::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wztkj_nav>div>ul .menu-item:hover .sub-menu {
pointer-events: auto;
}
.wztkj_nav>div>ul .menu-item:hover > .sub-menu>li {
height: 40px;
border-bottom: 1px solid #eee;
position: relative;
padding: 0 15px;
opacity: 1;
}
.wztkj_nav>div>ul>li:hover .sub-menu>li:last-child {
border-bottom: 0;
} .wztkj_headertwo {
padding: 10px 0;
}
.wztkj_headertwobox {
display: flex;
align-items: center;
position: relative;
}
.wztkj_prefile {
display: flex;
}
.wztkj_prefile div + div {
margin-left: 10px;
}
.wztkj_prefile .wztkj_sign_fabu {
margin-right: 0;
}
.wztkj_headertwo_logo {
float: left;
height: 48px;
}
.wztkj_headertwo_logo img {
height: 100%;
}
.wztkj_headertwo_nav {
margin: 0 auto;
white-space: nowrap;
}
.wztkj_headertwo_nav_to_right {
margin-left: auto;
margin-right: 20px;
}
.wztkj_headertwo_search {
height: 48px;
display: flex;
align-items: center;
}
.wztkj_headertwo_search_to_fixed {
position: fixed;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10001;
width: 400px;
height: 150px;
background-color: #fff;
border-radius: var(--border-radius);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
transition: .3s;
}
.wztkj_headertwo_search_to_fixed::before {
content: "搜索内容";
position: absolute;
top: 20px;
z-index: 1;
}
.wztkj_headertwo_search_to_fixed_show {
top: 30%;
opacity: 1;
pointer-events: auto;
}
.wztkj_headertwo_nav .menu {
display: flex;
height: 48px;
align-items: center;
}
.wztkj_headertwo_nav .menu>li {
padding: 0 10px;
line-height: 48px;
position: relative;
}
.wztkj_headertwo_nav .menu>li>a {
display: inline-block;
}
.wztkj_headertwo_search select {
min-height: 30px;
height: 30px;
}
.wztkj_headertwo_search input {
color: none;
outline: none;
border: 0;
height: 30px;
width: 220px;
border: 1px solid #8c8f94;
padding-left: 5px;
box-sizing: border-box;
border-radius: var(--border-radius);
}
.wztkj_head_search2 {
position: relative;
margin-left: 3px;
}
.wztkj_headertwo_search button {
position: absolute;
right: 0;
top: 0px;
height: 30px;
width: 50px;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
border: 0;
cursor: pointer;
color: #fff;
background-color: var(--theme-hover-color);
}
.wztkj_headertype_three .menu-item-has-children:after,
.wztkj_headertwo_nav .menu-item-has-children:after {
position: absolute;
content: "";
display: block;
width: 5px;
height: 5px;
transform: rotate(-45deg);
right: 0;
top: 22px;
transition: all 0.3s;
}
.wztkj_headertype_three .menu-item-has-children:hover::after,
.wztkj_headertwo_nav .menu-item-has-children:hover::after {
transform: rotate(45deg);
}
.wztkj_headertwo_nav .menu>li .sub-menu {
position: absolute;
top: 46px;
left: 50%;
transform: translateX(-50%);
z-index: 99999;
border-radius: var(--border-radius);
box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}
.wztkj_headertwo_nav .menu>li .sub-menu .sub-menu {
top: 0;
left: 101%;
transform: translateX(-0%);
}
.wztkj_headertwo_nav .menu .sub-menu>li {
height: 0;
text-align: center;
min-width: 180px;
background-color: #fff;
box-sizing: border-box;
padding: 0 15px;
font-size: 14px;
transition: all 0.3s;
position: relative;
opacity: 0;
pointer-events: none;
text-align: center;
}
.wztkj_headertype_three .sub-menu .menu-item-has-children:after,
.wztkj_headertwo_nav .sub-menu .menu-item-has-children:after {
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
}
.wztkj_headertwo_nav .menu .sub-menu>li>a {
font-weight: normal;
display: block;
}
.wztkj_headertwo_nav .menu-item:hover>.sub-menu>li {
opacity: 1;
pointer-events: auto;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #eee;
} .wztkj_headertype_three {
position: relative;
}
.wztkj_navbar_three {
width: 100%;
position: absolute;
top: 0;
z-index: 1;
transition: .5s;
}
.wztkj_navbar_three.wztkj_header_sticky {
position: fixed;
}
.wztkj_navbar_three.wztkj_header_sticky .wztkj_navbar_wrapper {
padding: 10px 0;
}
.wztkj_navbar_wrapper {
width: 1260px;
margin: 0 auto;
padding: 20px 0;
display: grid;
grid-template-columns: 250px 1fr 190px;
align-items: center;
justify-content: space-between;
}
.wztkj_logo {
height: 48px;
overflow: hidden;
}
.wztkj_logo img {
max-width: 250px;
height: 100%;
object-fit: cover;
}
.wztkj_navbar_list > div > ul {
padding: 0 20px;
height: 100%;
display: flex;
align-items: center;
position: relative;
}
.wztkj_navbar_list_to_right ul.menu {
justify-content: flex-end;
}
.wztkj_navbar_list > div > ul > li {
display: inline-block;
position: relative;
padding: 0 15px;
line-height: 48px;
}
.wztkj_navbar_list > div > ul li .sub-menu {
position: absolute;
top: 40px;
left: 0;
min-width: 150px;
background-color: #fff;
visibility:hidden;
opacity: 0;
pointer-events: none;
transition: .15s;
box-shadow: var(--theme-title-shadow);
}
.wztkj_navbar_list .sub-menu {
border-radius: var(--border-radius);
}
.wztkj_navbar_list .sub-menu li {
position: relative;
}
.wztkj_navbar_list > div > ul > li .sub-menu .sub-menu {
left: 100.8%;
top: 0;
}
.wztkj_navbar_list > div .sub-menu li {
box-sizing: border-box;
text-align: center;
border-bottom: 1px solid var(--border-color);
}
.wztkj_navbar_list > div li.menu-item:hover>.sub-menu {
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.wztkj_navbar_three.wztkj_header_sticky li.menu-item:hover > .sub-menu {
top: 45px;
}
.wztkj_navbar_three.wztkj_header_sticky .sub-menu li.menu-item:hover > .sub-menu {
top: 0;
}
.wztkj_navbar_list > div ul > li .sub-menu>li:hover {
background-color: #e8e8e8;
}
.wztkj_navbar_list > div ul > li > ul li a {
display: block;
padding: 0 15px;
white-space: nowrap;
}
.wztkj_navbar_register {
justify-self: end;
}
.wztkj_navbar_register>div {
display: inline-block;
}
.wztkj_navbar_register #wztkj_sign,
.wztkj_navbar_register .login {
width: auto;
line-height: 1;
padding: 8px 25px;
font-size: 14px;
border-radius: 20px;
color: #fff;
border: 1px solid var(--theme-hover-color);
background-color: var(--theme-hover-color);
cursor: pointer;
}
.wztkj_navbar_register a {
font-size: 14px;
}
.wztkj_navbar_register .login {
color: #000;
border: 1px solid var(--btn-border-color);
background-color: transparent;
margin-left: 10px;
}
.wztkj_navbar_banner {
position: relative;
height: 460px;
overflow: hidden;
background-image: linear-gradient(90deg,#ff7f7f 0%,#ffc07f 100%);;
}
.wztkj_navbar_banner img,
.wztkj_navbar_banner video {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.wztkj_search_box {
width: 700px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.wztkj_search_box h2 {
font-weight: 300;
font-size: 30px;
padding: 0 30px;
}
.wztkj_search_select {
position: absolute;
left: 0;
top: 0;
width: 130px;
height: 100%;
background-color: #f1f1f1;
text-align: left;
border-radius: 30px 0 0 30px;
}
.wztkj_search_select::after {
position: absolute;
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAb9JREFUWEftlD9Iw0AUxt9Lpi4u6uBmBycXNwdHBze1lY4F124WTNJ0Sae27xQdAtJZHIRi1VlcxVVwcJA6CgoODrVCcycHKdSSNn/aoENuS+697/vdd8dD+OOFf+wPCUCSQJLA/0ugVCrtcs4X45gPiPhEROeD2r8SMAzjGAD24jAf0GREZPS/hwHeAGA+TgAhxAdjbNYTQNf1CiJaMQM0GGMFT4BcLqem0+kWIm7GBHHdbrd3ms2m4wkgf1qWNdPtdlsAsD5liNtOp5O1bftz5CPsb5TL5QXHcS4BYHVKEPeqqmar1errsN7IOaBp2pKiKBJieRIIIcSjoiiZer3+7KUzdhBpmrbiQkSdCy8AkCGih1GH8J2Epmmucc6vAGAuZBLvALBNRHfj+nwBZLNhGBsAIK8jFRDiSwixxRi78asPBCBFdF3PIuKFn6Dcl3deq9Vkar4rMIBUMk0zzzk/9VHNE9GZr7NbEArAvQ45xU68DIQQBcZYI6i5rAsN4ELsA8DBkJFGRIdhzCMDuG/CQkQdABwhxBFjrBLWfCIA2VwsFlO9Xo/btv0dxXxigKimg32R3sA0jPsaCUCSwA9zWYchgJ+3vQAAAABJRU5ErkJggg==);
background-size: cover;
top: 50%;
transform: translateY(-50%);
right: 18px;
width: 20px;
height: 20px;
}
.wztkj_search_select button{
height: 50px;
width: 100%;
padding: 12px 18px;
border: none;
outline: none;
opacity: 0.8;
font-size: 15px;
text-align: center;
background: none;
}
.wztkj_search_input select{
position: absolute;
display: block!important;
width: 0.5px!important;
height: 100%!important;
padding: 0!important;
opacity: 0!important;
border: none;
z-index: 0!important;
}
.wztkj_search_input {
margin: 20px 0 10px;
position: relative;
height: 50px;
}
.wztkj_search_drop_menu {
background-color: #fff;
display: none;
user-select: none;
}
.wztkj_search_drop_menu.wztkj_search_drop_menu_show {
display: block;
}
.wztkj_search_drop_menu li {
padding: 0 18px;
font-size: 14px;
line-height: 28px;
cursor: pointer;
text-align: center;
}
.wztkj_search_drop_menu li.active {
color: #fff;
background-color: var(--theme-hover-color);
}
.wztkj_search_drop_menu li:not(li.active):hover {
background-color: #f1f1f1;
}
.wztkj_search_input input {
border: none;
outline: none;
height: 100%;
margin-left: 130px;
padding-left: 20px;
width: calc(100% - 150px);
font-size: 15px;
border-radius: 0 30px 30px 0;
background-color: #ffffff;
}
.wztkj_search_input input::placeholder {
font-size: 14px;
}
.wztkj_search_input .wztkj_search_icon {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.wztkj_search_input .wztkj_search_icon svg {
width: 20px;
height: 20px;
}
.wztkj_hot_words {
font-size: 14px;
padding: 0 15px;
text-align: left;
}
.wztkj_hot_words a {
display: inline-block;
padding: 0.25rem 0.4375rem;
margin-left: 10px;
color: #888888;
margin-bottom: 5px;
border-radius: 0.25rem;
background-color: rgba(136, 136, 136, .15);
} .wztkj_lunbo_has_max_width {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.wztkj_bannner {
margin: 0px auto 50px;
overflow: hidden; 
}
.wztkj_bannner .wztkj_bannner_box {
overflow: hidden;
position: relative;
}
.wztkj_bannner_list,
#wztkj_bannner_list{
overflow: hidden;
}
.wztkj_bannner_box li {
float: left;
list-style: none;
width: 100%;
}
.wztkj_bannner_box li a {
display: block;
height: 100%;
}
.wztkj_bannner_box li img {
width: 100%;
height: 100%;
border-radius: var(--border-radius);  }
.wztkj_bannner_box ol {
height: 20px;
left: 50%;
transform: translate(-50%, 0%);
position: absolute;
bottom: 0;
}
.wztkj_bannner_box ol li {
cursor: pointer;
position: relative;
margin-left: 15px;
display: inline;
width: 60px;
height: 3px; background-color: #ccc;
}
.wztkj_bannner_box ol .wztkj_action {
background-color: #fff;
}
.wztkj_bannner_box ol li:hover {
background-color: #fff;
}
.wztkj_bannner_box ul {
position: relative;
left: 0;
}
.wztkj_bannner_box .wztkj_next {
cursor: pointer;
opacity: 0;
position: absolute;
right: 0;
background: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/next.png);
width: 50px;
height: 45px;
display: block;
line-height: 80px;
}
.wztkj_bannner_box .wztkj_prev {
cursor: pointer;
opacity: 0;
background: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/prev.png);
display: block;
position: absolute;
width: 50px;
height: 45px;
text-align: center;
line-height: 80px;
}
.swiper-button-next.hide ,.swiper-button-prev.hide {
transition: 0.5s;
opacity: 0;
}
.swiper-button-next {
right: 26px !important;
}
.swiper-button-prev {
left: 24px !important;
}
.wztkj_bannner_box .wztkj_prev,
.wztkj_bannner_box .wztkj_next {
transition: all 0.5s;
opacity: 0;
}
.wztkj_bannner_box .wztkj_next:hover,
.wztkj_bannner_box .wztkj_prev:hover {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 1!important;
transition: all 0.3s;
} #wztkj_imgshow_mask{
width:100%;
position:absolute;
z-index:1;
background:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/imgshow_mask.png) repeat-x 0 0;
height:27px;
}
#wztkj_imgshow_mask{
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/imgshow_mask.png');
}
#wztkj_imageShow{
margin: 0px auto 50px;
clear:both;
border-bottom:1px solid #fff;
}
#wztkj_imageShow .wztkj_imagebg{ overflow:hidden;
position:relative;
}
#wztkj_imageShow .wztkj_imagebg li{
height:100%;
overflow:hidden;
width:100%;
display:block;
}
#wztkj_imageShow .wztkj_imagebg li a.wztkj_bannerbg_main{
width:100%;
height:100%;
display:block;
}
#wztkj_imageShow .wztkj_imagebg li a.wztkj_bannerbg_main>img {
width: 100%;
height: 100%;  }
.wztkj_scrollbg{
height:80px;
background:#f4f4f4 url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/scroll_bg.png) 0 100% repeat-x;
}
.wztkj_scroll{
margin:0 auto;
width:960px;
height:76px; 
position:relative;
}
.wztkj_s_pre, .wztkj_s_next{
display:block; 
width:48px; 
height:76px; 
position:absolute;
}
a.wztkj_s_pre{
background:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/arrow_l.png);
top:4px; 
left:0; 
}
a.wztkj_s_pre:hover{
background:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/arrow_l_on.png);
}
a.wztkj_s_next{
background:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/arrow_r.png); 
top:4px; 
right:0;
}
a.wztkj_s_next:hover{
background:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/arrow_r_on.png); 
}
.wztkj_outScroll_pic{
height:76px; 
margin-left:70px;
overflow:hidden; 
position:relative; 
top:2px;
}
.wztkj_outScroll_pic .wztkj_scroll_pic{
position:absolute
}
.wztkj_scroll_pic{
margin:0 auto; 
height:76px;
}
.wztkj_scroll_pic li{
float:left; 
height:65px; 
width:145px;
margin:5px 9px;
_margin:5px 14px 5px 4px;
cursor:pointer;
background:#000;
}
.wztkj_scroll_pic li img{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;    
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.wztkj_scroll_pic li:hover img,.wztkj_scroll_pic li:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.wztkj_scroll_pic li.wztkj_currently img{
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;
}
.wztkj_scroll .wztkj_current{
width:144px;
height:65px;
border:2px #ff780d solid;
background:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/arrow_on.png) 50% -4px no-repeat;
z-index:10;
position:absolute;
top:5px;
left: 0;
} .wztkj_about {
padding: 0 0 20px;
}
.wztkj_about_box {
display: flex;
}
.wztkj_about_box>div {
box-sizing: border-box;
padding: 15px;
}
.wztkj_about_box_imgtext {
width: 100%;
font-size: 16px;
font-family: PingFangSC;
font-weight: 400;
color: #999999;
line-height: 23px;
text-align: center;
}
.wztkj_about_left .wztkj_about_box_imgtext,
.wztkj_about_right .wztkj_about_box_imgtext {
width: 50%;
}    .wztkj_about_left .wztkj_about_box_imgtext {
order: 2;
text-align: justify;
}
.wztkj_about_left .wztkj_about_box_imgl {
order: 1;
}
.wztkj_about_right .wztkj_about_box_imgtext {
order: 1;
text-align: justify;
}
.wztkj_about_right .wztkj_about_box_imgl {
order: 2;
}
.wztkj_about_box_imgl,
.wztkj_about_box_imgr {
width: 50%;
}
.wztkj_about_box_imgl>img,
.wztkj_about_box_imgr>img {
width: 100%;
}
.wztkj_about_box_imgtext>div:nth-child(2) {
text-align: center;
}
.wztkj_about_box_imgtext>div>a {
color: #000000;
text-align: center;
margin: 20px auto 0;
border-color: #000000;
display: inline-block;
line-height: 34px;
padding: 0 35px;
border: 1px solid #999;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
overflow: hidden;
position: relative;
transition: .3s;
}
.wztkj_about_box_imgtext>div>a::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 34px;
color:#fff;
background-color: var(--theme-hover-color);
transform-origin: top left;
transform: rotate(270deg);
transition: all 0.3s;
}
.wztkj_about_box_imgtext>div>a:hover {
color: #FFF;
}
.wztkj_about_box_imgtext>div>a:hover::after  {
transform: rotate(360deg);
}
.wztkj_about_imgnot .wztkj_about_box_imgl,
.wztkj_about_imgnot .wztkj_about_box_imgr {
display: none;
} .wztkj_tximg_swiper {
width: 100%;
box-sizing: content-box;
}
.wztkj_tximg_swiper>.swiper-container {
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
padding: 20px 0;
list-style: none;
z-index: 1;
overflow: unset;
}
.wztkj_tximg_swiper .swiper-slide {
padding: 20px 0;
box-sizing: border-box;
}
.wztkj_tximg_box {
width: 100%;
height: 100%;
box-shadow: var(--theme-title-shadow);
box-sizing: border-box;
transition: all 0.5s;
border-radius: var(--border-radius);
overflow: hidden;
}
.wztkj_tximg_box:hover {
box-shadow: var(--theme-hover-shadow);
}
.wztkj_tximg_box:hover img {
transform: scale(1.2);
}
.wztkj_tximg_box_img {
width: 100%;
height: 230px;
overflow: hidden;
}
.wztkj_tximg_box_img img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: .5s;
}
.wztkj_tximg_box_text {
padding: 20px 20px 0;
box-sizing: border-box;
width: 100%;
height: 170px;
background-color: #fff;
}
.wztkj_tximg_box_text_hd {
text-align: center;
font-size: 18px;
margin-bottom: 5px;
font-weight: 700;
}
.wztkj_tximg_box_text_hd>a {
color: #363636;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
}
.wztkj_tximg_box_text_hd>a:hover {
color: var(--theme-hover-color);
}
.wztkj_tximg_box_text_time {
font-size: 12px;
color: #999999;
text-align: center;
margin-bottom: 5px;
}
.wztkj_tximg_box_text_val {
font-size: 14px;
color: rgba(0, 0, 0, .6);
line-height: 22px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical; 
-webkit-line-clamp:4;
}
#wztkj_tximg_swiper2 .swiper-slide {
margin-top: 0 !important;
}
#wztkj_tximg_swiper2 .swiper-container {
overflow: inherit;
}
.wztkj_tximg_swiper2 {
height: 910px;
width: 100%;
}
.wztkj_look_more {
text-align: center;
margin: 20px 0;
}
.wztkj_look_more a {
display: inline-block;
border: 1px solid var(--border-color);
background-color: #FFF;
border-radius: 3px;
color: #000;
outline: none;
font-size: 14px;
padding: 8px 20px;
}
.wztkj_look_more a:hover {
border-color: var(--theme-hover-color);
background-color: var(--theme-hover-color);
color: #fff;
}
.wztkj_tximg_swiper2>.swiper-container {
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
list-style: none;
padding: 0;
z-index: 1;
}
.wztkj_tximg_swiper2 .swiper-slide {
height: calc((100% - 30px) / 2);
box-sizing: border-box;
padding: 20px 0;
}
.wztkj_textimg {
padding: 0 30px 20px;
overflow: hidden;
} .wztkj_article {
padding: 0 0 20px;
}
.wztkj_tximg_swiper_style1 {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.wztkj_article_hd {
overflow: hidden;
height: 40px;
line-height: 40px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 30px;
}
.wztkj_article_hdl {
float: left;
font-size: 21px;
font-weight: 700;
color: var(--title-hd);
}
.wztkj_article_hdr {
float: right;
}
.wztkj_article_hdr>a {
font-size: 14px; } .wztkj_article_bd {
overflow: hidden;
}
.wztkj_article_bdl {
float: left;
}
.wztkj_article_bdr { padding-right: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wztkj_article_bd>div {
width: 50%;
box-sizing: border-box;
padding: 0 15px;
}
.wztkj_article_bdl>a {
display: block;
position: relative;
text-decoration: none;
overflow: hidden;
transition: all 0.5s;
}
.wztkj_article_bdl>a:hover .wztkj_article_bdl_text::after {
background-color: var(--theme-hover-color);
}
.wztkj_article_bdl>a:hover .wztkj_article_bdl_text h4 {
color: var(--theme-hover-color);
}
.wztkj_article_bdl:hover .wztkj_article_bdl_img img {
transform: scale(1.2);
}
.wztkj_article_bdl_img {
position: relative;
overflow: hidden;
}
.wztkj_article_bdl_img img {
width: 100%;
height: 353px;
object-fit: cover;
transform: scale(1);
transition: all 0.5s;
}
.wztkj_article_bdl_img span {
width: 108px;
height: 88px;
opacity: 0.8;
background: #fff;
display: block;
position: absolute;
left: 0;
top: 10px;
text-align: center;
font-size: 38px;
font-weight: bold;
padding-top: 20px;
}
.wztkj_article_bdl_img span em {
font-size: 16px;
color: #999999;
font-weight: normal;
display: block;
font-style: normal;
}
.wztkj_article_bdl_text {
margin-top: 20px;
padding-bottom: 15px;
position: relative;
}
.wztkj_article_bdl_text::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
background-color: #999;
transition: all 0.5s;
}
.wztkj_article_bdl_text h4 {
height: 24px;
margin-bottom: 0;
font-size: 20px;
font-weight: bold;
transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
color: #666;
text-align: left;
line-height: 24px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.wztkj_article_bdl_text p {
color: #999;
font-size: 16px;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wztkj_article_bdr>div {
overflow: hidden;
border-bottom: 1px dashed #d6d6d6;
padding-bottom: 5px; margin-top: 10px;
padding: 15px 0;
}
.wztkj_article_bdr>div:first-child {
margin-top: 0;
padding-top: 0;
}
.wztkj_article_bdtwo .wztkj_article_bdr {
height: auto;
}
.wztkj_article_bdtwo .wztkj_article_bdr>div:first-child {
margin-top: 10px;
padding-top: 15px;
}
.wztkj_article_bdr>div>span {
float: left;
font-size: 38px;
width: 20%;
color: #333333;
text-align: center;
font-weight: bold;
}
.wztkj_article_bdr>div>span>em {
font-size: 14px;
font-style: normal;
display: block;
font-weight: normal;
}
.wztkj_article_bdr_r  {
font-size: 16px;  }
.wztkj_article_bdr_r>a>h3 {
color: #333333;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
transition: all 0.5s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
}
.wztkj_article_bdr_r>a>p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #8c8c8c;
transition: all 0.5s;
line-height: 1.5;
height: 50px;
}
.wztkj_article_bdr_r>p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #8c8c8c;
transition: all 0.5s;
line-height: 1.5;
height: 50px;
}
.wztkj_article_bdr_r>a:hover>h3,
.wztkj_article_bdr_r>a:hover>p {
color: var(--theme-hover-color);
} .wztkj_article_bd_styleone {
padding: 30px 0;
border-bottom: 1px solid #eeeeee;
overflow: hidden;
transition: all 0.5s;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.wztkj_article_styleone_img {
width: 420px;
height: 220px;
line-height: 220px;
overflow: hidden;
}
.wztkj_article_styleone_img>img {
width: 100%;
}
.wztkj_article_styleone_text {
width: 810px; box-sizing: border-box;
padding: 10px 0;
position: relative;
}
.wztkj_article_styleone_text>h3 {
font-size: 20px;
margin-bottom: 20px;
transition: all 0.5s;
}
.wztkj_article_styleone_text>p {
font-size: 14px;
color: #b0b0b0;
margin-bottom: 28px;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.wztkj_article_styleone_text>span {
font-size: 14px;
color: #cccccc;
}
.wztkj_article_styleone_text>a {
margin-top: 30px;
display: block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
color: #cccccc;
box-sizing: border-box;
font-size: 12px;
border: 1px solid #cccccc;
transition: all 0.5s;
}
.wztkj_article_bd_styleone:hover h3 {
color: var(--theme-hover-color);
}
.wztkj_article_bd_styleone:hover a {
background-color: var(--theme-hover-color);
color: #fff;
} .wztkj_article_styletwe { display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.wztkj_article_styletwe>div {
width: 49%; border-radius: var(--border-radius);
background-color: #fff;
overflow: hidden;
box-shadow: var(--theme-title-shadow);
}
.wztkj_article_styletwel>h3 {
height: 60px;
line-height: 60px;
box-sizing: border-box;
padding-left: 20px;
position: relative;
border-bottom: 1px solid #eee;
}
.wztkj_article_styletwel>h3:after {
position: absolute;
left: 0;
content: "";
width: 5px;
top: 50%;
transform: translate(0,-50%);
height: 23px;
background: #333333;
border-radius: 0px var(--border-radius) var(--border-radius) 0px;
}
.wztkj_article_styletwel>ul {
padding: 20px 0;
counter-reset: my-counter;
}
.wztkj_article_styletwel>ul>li {
position: relative;
font-size: 0;
line-height: 18px;
padding: 20px;
transition: all 0.5s;
}
.wztkj_article_styletwel>ul>li:hover {
box-shadow: 0px 0px 5px #ddd;
}
.wztkj_article_styletwel>ul>li:hover a {
color: var(--theme-hover-color);
}
.wztkj_article_styletwel>ul>li::before {
content: counter(my-counter);
counter-increment: my-counter;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
line-height: 19px;
float: left;
width: 19px;
height: 19px;
background: #E5E5E5;
border-radius: var(--border-radius);
text-align: center;
position: absolute;
left: 20px;
top: 50%;
transform: translate(0,-50%);
}
.wztkj_article_styletwel>ul>li:nth-child(1)::before {
background: var(--btn-VIP-color);
color: #fff;
}
.wztkj_article_styletwel>ul>li:nth-child(2)::before {
background: #F67524;
color: #fff;
}
.wztkj_article_styletwel>ul>li:nth-child(3)::before {
background: #2064FC;
color: #fff;
}
.wztkj_article_styletwel>ul>li>a {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
padding-left: 31px;
display: block;
position: relative;
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap;
padding-right: 150px;
transition: all 0.5s;
}
.wztkj_article_styletwel>ul>li>span {
position: absolute;
right: 30px;
top: 50%;
transform: translate(0,-50%);
font-size: 13px;
color: #999;
}
.wztkj_article_styletwer>h3 {
text-align: right;
padding-right: 20px;
}
.wztkj_article_styletwe .wztkj_article_styletwer>h3:after {
position: absolute;
left: auto;
right: 0;
content: "";
width: 5px;
top: 50%;
transform: translate(0,-50%);
height: 23px;
background: #333333;
border-radius: var(--border-radius) 0px 0px var(--border-radius);
}
.wztkj_article_styletwe_hd {
background-color: #fff;
overflow: hidden;
height: 40px;
line-height: 40px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
box-shadow: var(--theme-title-shadow);
padding: 10px 20px;
border-radius: var(--border-radius);
} .wztkj_article_bdtwo>div {
float: none;
display: block;
width: 100%;
overflow: hidden;
}
.wztkj_article_bdtwo>div>div {
float: left;
width: 49%;
margin-right: 2%;
}
.wztkj_article_bdtwo>div>div:nth-child(2n) {
margin-right: 0;
} .wztkj_atlas {
padding-bottom: 20px;
}
#wztkj_atlas_popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
display: none;
align-items: center;
justify-content: center;
z-index: 10000;
}
#wztkj_atlas_popup .swiper-container {
max-width: 1000px;
position: relative;
}
#wztkj_atlas_popup img {
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: var(--border-radius);
display: block;
margin: 0 auto;
}
#wztkj_atlas_popup .swiper-wrapper {
align-items: center;
}
.wztkj_atlas_popup_close {
width: 30px;
height: 30px;
position: absolute;
top: 20%;
right: 8%;
z-index: 100;
}
.wztkj_atlas_popup_close img {
width: 100%;
height: 100%;
}
#wztkj_atlas .swiper-slide {
height: 400px;
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
}
#wztkj_atlas .swiper-slide img {
width: 100%;
height: 100%;
border-radius: var(--border-radius);
object-fit: cover;
object-position: center;
}
#wztkj_atlas .swiper-slide-active,.swiper-slide-duplicate-active{
transform: scale(1);
} .wztkj_words {
padding-bottom: 20px;
}
.wztkj_wordsls>ul {
display: flex;
}
.wztkj_wordsls>ul>li {
width: 25%; 
flex: 1;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
}
.wztkj_wordsls_ls:hover>p {
background-color: #2b58ab;
color: #fff;
}
.wztkj_wordsls_ls:hover>div {
background-color: #2b58ab;
color: #fff;
padding: 10px 40px 45px;
}
.wztkj_wordsls_ls:hover>div>span {
-webkit-line-clamp: unset;
}
.wztkj_wordsls_ls>p {
display: block;
box-sizing: border-box;
text-align: center;
line-height: 1;
padding: 50px 12px 24px;
transition: .3s;
}
.wztkj_wordsls_ls>p>i {
font-size: 30px;
height: 70px;
line-height: 70px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.wztkj_wordsls_ls>div {
background-color: rgb(255, 94, 0);
color: rgb(255, 255, 255);
padding: 40px;
transition: all 0.3s;
text-align: center;
flex: 1;
}
.wztkj_wordsls_ls>div>span {
display: block;
line-height: 1.5;
letter-spacing: 1px;
text-align: center;
font-weight: 300;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.wztkj_wordsul {
padding: 10px 0;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wztkj_wordsul>li {
display: inline-block;
width: 32.33%;
height: 200px;
transition: all 0.5s;
text-align: center;
padding: 20px;
box-sizing: border-box;
font-size: 16px;
vertical-align: middle;
box-shadow: var(--theme-title-shadow);
border-radius: var(--border-radius);
margin-bottom: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.wztkj_wordsul>li + li {
margin-left: 1.5%;
}
.wztkj_wordsul>li:nth-child(4n) {
margin-left: 0;
} 
.wztkj_wordsul>li>h3 { overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.wztkj_wordsul>li>p {
width: 100%;
text-align: left;
margin: 0 auto;
font-weight: 300;
text-align: center;
margin-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.wztkj_wordsul>li:hover {
box-shadow: var(--theme-hover-shadow);
} .wztkj_message {
padding-bottom: 20px;
}
.wztkj_messagehd {
text-align: center;
display: flex;
flex-wrap: wrap;
margin: -25px 0 25px -25px;
}
.wztkj_messagehd>div {
position: relative;
min-width: calc(50% - 25px);
flex: 1;
margin:25px 0 0 25px;
height: 40px;
vertical-align: middle;
}
.wztkj_messagehd>div:nth-child(2n) {
margin-right: 0;
}
.wztkj_messagehd>div>span {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
}
.wztkj_messagehd>div:nth-child(1)>span {
background: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/wztkj_xingming.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.wztkj_messagehd>div:nth-child(2)>span {
background: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/wztkj_dianhua.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.wztkj_messagehd>div:nth-child(3)>span {
background: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/wztkj_youxiang.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.wztkj_messagehd>div:nth-child(4)>span {
background: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/wztkj_dizhi.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.wztkj_messagehd>div>input {
padding-left: 40px;
width: 100%;
height: 100%;
box-sizing: border-box;
outline: none;
}
.wztkj_messagebd {
height: 150px;
position: relative;
text-align: center;
}
.wztkj_messagebd>span {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/images/wztkj_neirong.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
}
.wztkj_messagebd>textarea {
resize: none;
width: 100%;
height: 150px;
padding-top: 12px;
text-indent: 3em;
font-size: 13px;
box-sizing: border-box;
}
.wztkj_messageft {
text-align: center;
margin-top: 20px;
}
.wztkj_messageft>input {
border: 1px solid #767676;
outline: none;
text-align: center;
padding: 5px 0;
width: 140px;
height: 34px;
color: #767676;
background-color: #fff;
cursor: pointer;
}
.wztkj_messageft .wztkj_ly_submit {
width: 10%;
line-height:250%;
background-color: #FFF;
border:1px solid #000;
outline: none;
cursor: pointer;
} .wztkj_pic_three_wrapper {
display: none;
}
.wztkj_pic_pc_three {
overflow: hidden;
margin: 30px auto;
padding-top: 30px;
display: flex;
justify-content: center;
}
.wztkj_pic_pc_three ul {
width: 100%;
}
.wztkj_pic_pc_three ul li {
float: left;
height: var(--tuce-height, 600px);
width: 100px;
}
.wztkj_pic_pc_three ul .wztkj_pic_three_pc_pic {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.wztkj_pic_pc_three ul .wztkj_pic_three_pc_pic:first-child {
background-position: center center;
background-repeat: no-repeat;
}
.wztkj_pic_pc_three_txt {
background-color: #000;
background: rgba(0, 0, 0, .5);
height: 100%;
width: 100px;
}
.wztkj_pic_pc_three_txt p {
color: #fff;
max-height: 100%;
box-sizing: border-box;
writing-mode: vertical-lr;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
letter-spacing: 2px;
font-size: 15px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0;
} .wztkj_businessul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wztkj_businessul>li {
width: 25%;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}
.wztkj_businessul>li>div {
border: 1px solid #f1f3f4;
height: 240px;
font-size: 24px;
font-weight: 400;
transition: all 0.4s;
box-shadow: var(--theme-title-shadow);
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.wztkj_businessul_img {
width: 100px;
height: 100px;
margin: 0 auto 20px;
}
.wztkj_businessul_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.wztkj_businessul_tle {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
width: 100%;
padding: 0 10px;
text-align: center;
box-sizing: border-box;
}
.wztkj_businessul>li:hover>div {
box-shadow: var(--theme-hover-shadow);
}
.wztkj_businessul_only .wztkj_businessul_img {
margin-top: 70px;
}
.wztkj_businessul_only .wztkj_businessul_tle {
line-height: 240px;
} .wztkj_business_has_bg  {
padding-top: 50px;
padding-bottom: 30px;
position: relative;
}
.wztkj_business_has_bg .wztkj_title {
margin-top: 0;
}
.wztkj_business_has_bg .wztkj_businessul li>div {
background-color: rgba(255, 255, 255, .8);
}   
.wztkj_business_has_bg .wztkj_businessul li h2 {
font-weight: normal;
} .wztkj_routine { padding-bottom: 20px;
}
.wztkj_routinebd>ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -30px 0 0 -30px;
}
.wztkj_routinebd>ul>li {
width: calc(25% - 30px);
margin: 30px 0 0 30px;
box-sizing: border-box;
}
.wztkj_routinebd>ul>li:hover .wztkj_routinebd_box {
box-shadow: var(--theme-hover-shadow);
}
.wztkj_routinebd>ul>li:hover .wztkj_routinebd_box_img img {
transform: scale(1.1);
}
.wztkj_routinebd_box {
transition: all 0.4s;
height: 298px;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
overflow: hidden;
}
.wztkj_routinebd_box_img {
height: 170px;
overflow: hidden;
}
.wztkj_routinebd_box_img img {
height: 100%;
width: 100%;
transition: all 0.4s;
object-fit: cover;
}
.wztkj_routinebd_box_text {
padding: 10px;
background-color: #fff;
}
.wztkj_routinebd_box_text h3,
.wztkj_routinebd_box_text2 h3{
text-align: center;
font-size: 15px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
margin-bottom: 20px;
line-height: 18px;
}
.wztkj_routinebd_box_text2 h3 {
text-align: left;
}
.wztkj_routinebd_box_text p {
font-size: 13px;
height: 36px;
margin-top: 2px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
color: #888;
margin-bottom: 15px;
line-height: 18px;
}
.wztkj_routinebd_gap {
margin-top: 0;
}
.wztkj_routinebd_box_textft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
letter-spacing: .2px;
margin-top: 10px;
position: relative;
width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.wztkj_routinebd_box_textft::-webkit-scrollbar {
display: none;
} 
.wztkj_widebd_text_ft::-webkit-scrollbar {
display: none;
} 
.wztkj_routinebd_box_textft>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
font-size: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
color: #bdbdbd;
letter-spacing: -0.2px;
}
.wztkj_routinebd_box_textft img {
width: 20px;
height: 20px;
vertical-align: top;
}
.wztkj_routinebd_box_textft>div>span {
font-size: 0.75rem;
margin-right: 5px;
}
.wztkj_routinebd_box_textft em {
line-height: 20px;
}
.wztkj_routinebd_box_textft button + button {
margin-left: 10px;
}
.wztkj_routinebd_box_userft {
overflow: hidden;
font-size: 12px;
letter-spacing: .2px;
margin-top: 10px;
position: relative;
width: 100%;
color: #bdbdbd;
}
.wztkj_routinebd_box_userft>div {
height: 25px;
line-height: 25px;
display: flex;   
}
.wztkj_routinebd_box_userftr {
float: right;
}
.wztkj_routinebd_box_userftl {
float: left;
width: 50%;
}
.wztkj_routinebd_box_userftl a {
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_routinebd_box_userftr span {
margin-right: 5px;
}
.wztkj_routinebd_box_userftr span:last-child {
margin-right: 0;
} .wztkj_top {
margin-top: 20px;
} .wztkj_wide {
margin-bottom: 20px;
margin-top: 20px;
}
.wztkj_sidebar .wztkj_wide {
margin-top: 0;
}
.wztkj_wide>ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.wztkj_wide>ul>li {
width: 100%; box-sizing: border-box;
}
.wztkj_wide>ul>li>.wztkj_widebd:hover  {
box-shadow: var(--theme-hover-shadow);
}
.wztkj_widebd {
transition: all 0.4s;
height: 163px;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
overflow: hidden;
box-sizing: border-box;
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wztkj_wide>ul>li:hover .wztkj_widebd_img img {
transform: scale(1.2);
}
.wztkj_widebd_img {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 20px;
width: 210px;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.wztkj_widebd_img img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: .5s;
}
.wztkj_widebd_text {
height: 100%;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wztkj_widebd_text>h3 {
font-size: 15px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
}
.wztkj_widebd_text>p {
font-size: 13px;
margin-top: 2px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
color: #888;
}
.wztkj_widebd_text_ft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 12px;
letter-spacing: .2px;
margin-top: 6px;
position: relative;
width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.wztkj_widebd_text_ft>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
font-size: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
color: #bdbdbd;
letter-spacing: -0.2px;
}
.wztkj_articlels_text_ft>div div + div,
.wztkj_routinebd_box_textft>div div + div,
.wztkj_widebd_text_ft>div div + div,
.wztkj_widebd_text_ft>div button + button {
margin-left: 10px;
}
.wztkj_widebd_text_ft img {
width: 20px;
height: 20px;
vertical-align: top;
}
.wztkj_widebd_text_ft>div>span {
margin-right: 10px;
}
.wztkj_widebd_text_ft>div>p:last-child>span:last-child {
margin-right: 0;
}
.wztkj_widebd_text_ft em {
line-height: 20px;
}
.wztkj_widebd_userft {
overflow: hidden;
font-size: 12px;
letter-spacing: .2px;
position: relative;
width: 100%;
color: #bdbdbd;
}
.wztkj_widebd_userft>div {
height: 25px;
line-height: 25px;
display: flex;   
}
.wztkj_widebd_userftr {
float: right;
}
.wztkj_widebd_userftl {
float: left;
width: 50%;
}
.wztkj_widebd_userftl a {
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_widebd_userftr span {
margin-right: 5px;
}
.wztkj_widebd_userftr span:last-child {
margin-right: 0;
} .wztkj_vertical { 
margin-bottom: 20px;
}
.wztkj_vertical>ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.wztkj_vertical_wrapper>ul {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.wztkj_vertical>ul>li {
width: 100%;
height: 330px;
box-shadow:  var(--theme-title-shadow);
overflow: hidden;
transition: all 0.4s;
position: relative;
border-radius: var(--border-radius);
}
.wztkj_vertical>ul>li>a {
display: block;
height: 100%;
width: 100%;
}
.wztkj_vertical>ul>li:hover {
box-shadow: var(--theme-hover-shadow);
}
.wztkj_vertical>ul>li:hover>a>img {
transform: scale(1.1);
}
.wztkj_vertical>ul>li>a>img {
height: 100%;
width: 100%;
transition: all 0.4s;
object-fit: cover;
}
.wztkj_vertical_box {
height: 174px;
background: linear-gradient(
0deg, #000000, rgba(0, 0, 0, 0.01));
padding: 0 17px;
box-sizing: border-box;
padding-top: 45px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.wztkj_vertical_box a {
color: #fff;
}
.wztkj_vertical_box h3 {
font-size: 15px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal; line-height: 18px;
}
.wztkj_vertical_box p {
font-size: 13px;
margin-top: 2px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
color: #fff; line-height: 18px;
}
.wztkj_vertical_box_ft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 12px;
letter-spacing: .2px;
margin-top: 3px;
position: relative;
width: 100%; white-space: nowrap;
}
.wztkj_vertical_box_ft>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
color: #f3f3f3;
}
.wztkj_vertical_box_ft>div div + div {
margin-left: 5px;
}
.wztkj_vertical_box_ft>div button + button {
margin-left: 10px;
}
.wztkj_vertical_box_ft img {
width: 20px;
height: 20px;
vertical-align: top;
}
.wztkj_vertical_box_ft>div>span {
margin-right: 5px;
}
.wztkj_vertical_box_ft em {
line-height: 20px;
}
.wztkj_vertical_box_userft {
overflow: hidden;
font-size: 12px;
letter-spacing: .2px;
margin-top: 3px;
position: relative;
width: 100%;
color: #bdbdbd;
}
.wztkj_vertical_box_userft>div {
height: 21px;
line-height: 21px;
display: flex;   
}
.wztkj_vertical_box_userftr {
float: right;
}
.wztkj_vertical_box_userftl {
float: left;
width: 50%;
}
.wztkj_vertical_box_userftl a {
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_vertical_box_userftr span {
margin-right: 5px;
}
.wztkj_vertical_box_userftr span:last-child {
margin-right: 0;
}     .wztkj_footer {
padding: 20px 0;
}
.wztkj_footer .wztkj_foot_text p {
font-size: 13px;
margin-top: 15px;
text-align: center;
}
.wztkj_foot_t_menuwidebox .wztkj_foot_text {
display: none;
}
.wztkj_foot_t {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 24px 0;
}
.wztkj_foot_t .wztkj_head_logo {
text-align: center;
flex-shrink: 0;
}
.wztkj_foot_t_contact {
display: flex;
justify-content: space-between;
}
.wztkj_foot_t_contactl {
width: 320px;
}
.wztkj_foot_t_contactr_box {
flex-grow: 1;
display: flex;
justify-content: space-around;
align-items: center;
}
.wztkj_foot_t_contactr {
width: 130px;
}
.wztkj_foot_t_contactr img {
width: 100%;
}
.wztkj_foot_t_contactl p {
line-height: 30px;
font-size: 14px;
}
.wztkj_foot_t_menubox {
width: 750px;
display: flex;
justify-content: space-between;
}
.wztkj_foot_t_menubox>div {
width: 180px;
}
.wztkj_foot_t_menubox h3 {
line-height: 20px;
font-size: 16px;
margin-bottom: 15px;
}
.wztkj_foot_t_menubox .menu>li {
font-size: 16px;
line-height: 20px;
opacity: 0.85;
}
.wztkj_foot_t_menubox .menu>li:hover {
opacity: 1;
}
.wztkj_foot_t_menu .sub-menu {
display: none;
} .wztkj_foot_t_menuwidebox {
width: 840px;
}
.wztkj_foot_t_menuwidebox>div:first-child {
display: block;
}
.wztkj_foot_t_menuwidebox>div,
.wztkj_foot_t_menuwidebox h3 {
display: none;
}
.wztkj_foot_t_menuwidebox .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.wztkj_foot_t_menuwidebox .menu>li {
line-height: 26px;
font-size: 16px;
border: 1px solid #ccc;
text-align: center;
padding: 5px 10px;
margin-left: 10px;
opacity: 0.7;
margin-bottom: 5px;
}
.wztkj_foot_t_menuwidebox .menu>li:hover {
opacity: 1;
} .wztkj_foot_t_concise .wztkj_foot_t {
display: none;
}
.wztkj_foot_t_concise .wztkj_foot_b {
padding: 0;
border: 0;
}
.wztkj_foot_b {
text-align: center;
padding: 10px 0 0;
font-size: 12px;
border-top:1px solid #eee;
}
.wztkj_foot_b a {
color: #999999;
} .wztkj_archive .swiper {
width: 100%;
height: 340px;
overflow: hidden;
position: relative;
}
.wztkj_archive .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #ccc;
}
.wztkj_archive .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.wztkj_sort {
box-sizing: border-box;
padding: 30px;
color: #999999;
font-size: 14px;
box-shadow: var(--theme-title-shadow);
margin-top: 20px;
margin-bottom: 30px;
background-color: #ffffff;
}
.wztkj_sort_ul>li {
line-height: 26px;
display: inline-block;
margin-bottom: 10px;
position: relative;
}
.wztkj_sort_ul>li:last-child {
margin-bottom: 0;
}
.wztkj_sort_ul>li>a {
padding: 3px 10px;
color: #5e5e5e;
display: inline-block;
border-radius: var(--border-radius);
margin-right: 5px;
background-color: #e9e9e9;
transition: all 0.4s;
margin-bottom: 5px;
}
.wztkj_sort_ul>li>a:hover {
color: #000;
box-shadow: 0 0 5px 0 rgb(136 136 136 / 70%);
} .wztkj_mask {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
} .wztkj_Login {
display: none;
z-index: 99999;
position: fixed;
width: 360px; top: 50%;
left: 50%;
box-sizing: border-box;
padding: 45px 35px 35px;
background-color: #fff;
border-radius: var(--border-radius);
transform: translate(-50%, -50%);
text-align: center;
}
.wztkj_Login>h3 {
font-size: 20px;
margin-bottom: 14px;
}
.wztkj_Login>p {
font-size: 14px;
color: #999999;
margin-bottom: 16px;
text-align: left;
}
.wztkj_Login>a {
color: var(--theme-hover-color);
}
.wztkj_Login_zh {
margin-bottom: 16px;
position: relative;
}
.wztkj_Login_zh input {
width: 289px;
height: 46px;
border-radius: var(--border-radius);
border: none;
background-color: #f0f2f5;
box-sizing: border-box;
padding-left: 20px;
font-size: 14px;
}
.wztkj_Login form p {
font-size: 14px;
margin-bottom: 16px;
}
.wztkj_Login form p a {
color: #777777;
}
.wztkj_Login button {
border: none;
background-color: var(--theme-hover-color);
color: #fff;
width: 289px;
height: 46px;
font-size: 16px;
font-weight: 300;
border-radius: var(--border-radius);
cursor: pointer;
transition: all 0.5s;
}
.wztkj_Login .wztkj_Login_zh_btn {
position: absolute;
right: 0;
top: 0;
height: 46px;
width: 100px;
line-height: 46px;
background-color: var(--theme-hover-color);
border-radius: var(--border-radius);
cursor: pointer;
font-size: 14px;
font-weight: 300;
text-align: center;
transition: all 0.5s;
color: #fff;
}
.wztkj_Login .wztkj_Login_cha {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
cursor: pointer;
}
.wztkj_Login .wztkj_Login_cha img {
width: 100%;
height: 100%;
} .wztkj_user {
padding: 23px 0;
background-color: #fbfbfb;
}
.wztkj_user_l {
position: sticky;
top: 23px;
left: 0;
right: 0;
float: left;
width: 280px;
margin-right: 20px;
background-color: #fff;
border-radius: var(--border-radius);
box-sizing: border-box;
padding: 32px 0;
box-shadow: var(--theme-title-shadow);
}
.wztkj_user_r {
float: left;
width: 960px;
}
.wztkj_user_mywallet_nothing {
height: 732px;
line-height: 732px;
font-size: 25px;
text-align: center;
}
.wztkj_user_l_face {
position: relative;
text-align: center;
}
.wztkj_user_l_face_img {
width: 90px;
height: 90px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}
.wztkj_user_l_face_img>img {
width: 100%;
height: 100%;
}
.wztkj_user_l_face>h3 {
margin-top: 14px;
}
.wztkj_user_l_face>h3 span {
font-weight: normal;
padding: 1px 10px;
}
.wztkj_user_l_face>ul {
display: flex;
width: 100%;
margin-top: 26px;
}
.wztkj_user_l_face>ul>li {
flex: 1;
font-size: 14px;
}
.wztkj_user_l_face>ul>li>span {
color: #f00e0e;
}
.wztkj_user_l_face>ul>li>p {
margin-top: 5px;
}
.wztkj_user_l_release_box {
display: flex;
flex-direction: column;
}
.wztkj_user_l_release {
display: block;
width: 240px;
height: 40px;
margin: 0 auto;
background-color: var(--theme-hover-color);
color: #fff;
opacity: 0.8;
text-align: center;
line-height: 40px;
margin-top: 10px;
cursor: pointer;
border-radius: var(--border-radius);
transition: all 0.4s;
font-weight: 300;
font-size: 14px;
}
.wztkj_user_l_release:nth-of-type(2) {
margin-top: 10px;
}
.wztkj_user_l_release>span {
vertical-align: bottom;
margin-right: 10px;
}
.wztkj_user_l_release:hover {
color: #fff;
opacity: 1;
}
.wztkj_user_l_lis {
margin-top: 20px;
}
.wztkj_user_l_lis a {
color: #000;
position: relative;
z-index: 10;
}
.wztkj_user_l_lis>ul>li {
box-sizing: border-box;
padding-left: 96px;
height: 45px;
line-height: 45px;
font-size: 14px;
cursor: pointer;
overflow: hidden;
transition: all 0.5s;
user-select:none;
position: relative;
}
.wztkj_user_l_lis>ul>li.wztkj_left a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 15;
}
.wztkj_user_l_lis>ul>.wztkj_left{
display: flex;
}
.wztkj_user_l_lis>ul>.wztkj_left a {
z-index: 10;
}
.wztkj_user_l_lis>ul>li:last-child img,
.wztkj_user_l_lis>ul>.wztkj_left img {
display: none;
}
.wztkj_user_l_lis>ul>li>span {
margin-right: 10px;
}
.wztkj_user_l_lis>ul>li::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 45px;
width: 0;
opacity: 0.2;
transition: all 0.5s;
background-color: var(--theme-hover-color);
}
.wztkj_user_l_lis>ul>li:hover::after {
width: 100%;
}
.wztkj_user_l_lis_xz {
color: #fff;
background-color: var(--theme-hover-color);
}
.wztkj_user_l_lis_xz a {
color: #fff;
}
.back_to_list span {
display: inline-block;
height: 100%;
}
.wztkj_user_r .back_to_list {
display: none;
background-color: #fff;
margin-bottom: 20px;
padding: 10px 15px;
box-shadow: var(--theme-title-shadow);
}
.wztkj_user_r .back_to_list img {
width: 20px;
vertical-align: bottom;
transform: rotate(180deg);
}
.wztkj_user_r>ul>li {
display: none;
}
.wztkj_user_r>ul>li>h3 {
background-color: #fff;
height: 56px;
box-sizing: border-box;
line-height: 56px;
padding: 0 30px;
font-size: 16px;
color: #222;
font-weight: 400;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
}
.wztkj_user_r_box {
margin-top: 24px;
background-color: #fff;
border-radius: var(--border-radius);
padding: 30px;
box-shadow: var(--theme-title-shadow);
position: relative;
}
.wztkj_user_btn {
display: inline-block;
height: 34px;
line-height: 34px;
padding: 0 18px;
background-color: var(--theme-hover-color);
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 14px;
border: none;
border-radius: var(--border-radius);
cursor: pointer;
transition: all 0.4s;
user-select: none;
font-style: initial;
opacity: 0.8;
box-sizing: border-box;
}
.wztkj_user_btn:hover {
opacity: 1;
} .wztkj_user_xxsz {
width: 100%;
}
.wztkj_user_xxsz>li {
position: relative;
box-sizing: border-box;
overflow: hidden;
display: flex;
align-items: center;
}
.wztkj_user_xxsz>li>span {
padding: 12px 0;
display: block;
box-sizing: border-box;
width: 12.5%;
color: rgba(0,0,0,.65);
font-size: 14px;
text-align: left;
}
.wztkj_user_xxsz_img {
padding: 12px 0;
width: 87.5%;
text-align: left;
}
.wztkj_user_xxsz_img>img {
width: 64px;
height: 64px;
border-radius: 50%;
}
.wztkj_user_xxsz_routine {
padding: 12px 0;
float: left;
width: 87.5%;
text-align: left;
color: rgba(0,0,0,.65);
font-size: 14px;
box-sizing: border-box;
}
.wztkj_user_xxsz_edit {
padding: 12px 0;
float: left;
width: 87.5%;
text-align: left;
color: rgba(0,0,0,.65);
font-size: 14px;
box-sizing: border-box;
}
.wztkj_user_xxsz_edit_userimg {
overflow: hidden;
display: flex;
}
.wztkj_user_xxsz_edit_userimg>img {
width: 90px;
height: 90px;
border-radius: 50%;
}
.wztkj_user_xxsz_edit_userimg_btn {
margin-left: 20px;
}
.wztkj_user_xxsz_edit_userimg_btn span {
height: 32px;
line-height: 32px;
display: inline-block;
padding: 0 15px;
font-size: 14px;
border-radius: var(--border-radius);
color: rgba(0,0,0,.65);
background-color: #fff;
border: 1px solid #d9d9d9;
cursor: pointer;
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.wztkj_user_xxsz_edit_userimg_btn p {
margin-top: 10px;
}
.wztkj_user_xxsz_edit_userimg_btn input {
display: none;
}
.wztkj_user_xxsz_edit input[type=text] {
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-block;
width: 100%;
height: 32px;
padding: 4px 11px;
color: rgba(0,0,0,.65);
font-size: 14px;
line-height: 1.5;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: var(--border-radius);
transition: all .3s;
}
.wztkj_user_xxsz_edit select {
display: inline-block;
width: 80px;
height: 32px;
padding: 4px 11px;
color: rgba(0,0,0,.65);
font-size: 14px;
line-height: 1.5;
border: 1px solid #d9d9d9;
border-radius: var(--border-radius);
transition: all .3s;
}
.wztkj_user_xxsz_edit select:focus-visible {
border: 1px solid #d9d9d9;
}
.wztkj_user_xxsz_edit textarea {
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-block;
width: 100%;
height: 32px;
padding: 4px 11px;
color: rgba(0,0,0,.65);
font-size: 14px;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: var(--border-radius);
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5;
vertical-align: bottom;
transition: all .3s,height 0s;
}
#wztkj_user_xxsz {
display: none;
} .wztkj_user_gz>li {
height: 40px;
line-height: 40px;
border-bottom: 1px dashed #ddd;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
}
.wztkj_user_gz>li>a {
float: left;
width: 87.5%;
font-size: 16px;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_user_gz>li>span {
float: left;
width: 12.5%;
} .wztkj_user_sc>li {
height: 40px;
margin: 8px 0;
line-height: 40px;
border-bottom: 1px dashed #ddd;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
}
.wztkj_user_sc>li>a {
float: left;
width: 87.5%;
font-size: 16px;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_user_sc>li>span {
float: left;
width: 12.5%;
} .wztkj_user_xgmm {
text-align: center;
}
.wztkj_user_xgmm>h3 {
font-size: 24px;
font-family: PingFang;
font-weight: 500;
color: #333333;
text-align: center;
}
.wztkj_user_xgmm>p {
font-size: 16px;
font-family: PingFang;
font-weight: 500;
color: #333333;
text-align: center;
padding: 10px 0;
margin-bottom: 20px;
}
.wztkj_user_xgmm input {
display: block;
margin: 0 auto;
margin-bottom: 20px;
height: 33px;
border: 1px solid #dddddd;
border-radius: var(--border-radius);
box-sizing: border-box;
color: #999999;
font-size: 14px;
padding-left: 15px;
width: 280px;
} .wztkj_user_messgae_tab,
.wztkj_user_hobby_tab,
.wztkj_user_order_tab {
margin-bottom: 16px;
overflow-x: auto;
}
.wztkj_user_message table thead th:nth-of-type(3) {
width: 400px;
}
.wztkj_user_message table tbody td:nth-of-type(3) {
max-width: 400px;
text-overflow: ellipsis;
overflow: hidden;
}
.wztkj_user_message table tbody td span {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ff4f15;
}
.wztkj_user_message .wztkj_message_unread td {
color: #000;
}
.wztkj_user_message .wztkj_message_read td {
color: #999;
}
.wztkj_user_message .wztkj_message_read td span {
background-color: #999;
}
.wztkj_user_messgae_tab li,
.wztkj_user_hobby_tab li,
.wztkj_user_order_tab li {
display: inline-block;
width: 88px;
height: 32px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 24px;
text-align: center;
line-height: 32px;
color: #666;
margin-right: 10px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.4s;
}
.wztkj_user_message,
.wztkj_user_hobby_tabs {
display: none;
}
.wztkj_user_message._block,
.wztkj_user_hobby_tabs._block {
display: block;
}
.wztkj_user_messgae_tab .wztkj_user_message_tab_this,
.wztkj_user_hobby_tab .wztkj_user_hobby_tab_this,
.wztkj_user_order_tab .wztkj_user_order_tab_this {
border: 1px solid var(--theme-hover-color);
color: var(--theme-hover-color);
}
.wztkj_user_order_tab>li:last-child {
margin-right: 0;
}
.wztkj_user_order_tabs>li {
display: none;
}
.wztkj_user_message  {
overflow-x: auto;
}
.wztkj_user_message table,
.wztkj_user_order_tabs table {
width: 100%;
}
.wztkj_user_message table thead,
.wztkj_user_order_tabs table thead {
background-color: #fafafa;
}
.wztkj_user_message table thead th,
.wztkj_user_order_tabs table thead th {
font-size: 14px;
padding: 12px 10px;
text-align: center;
color: rgba(0,0,0,.85);
font-weight: 500;
white-space: nowrap;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
box-sizing: border-box;
}
.wztkj_user_message table tbody td,
.wztkj_user_order_tabs table tbody td {
font-size: 14px;
font-weight: 500;
padding: 12px 10px;
text-align: center;
color: #000000;
white-space: nowrap;
box-sizing: border-box;
}
.wztkj_user_message table tbody tr,
.wztkj_user_order_tabs table tbody tr {
border-bottom: 1px solid #eeeeee;
}
.wztkj_user_r_box table tbody tr:hover {
background-color: #fafafa;
}
.wztkj_user_order_tabs table tbody td a {
color: var(--theme-hover-color);
display: inline-block;
max-width: 337px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
} .wztkj_user_mywalsh {
display: flex;
justify-content: space-between;
flex: none;
}
.wztkj_user_mywallet,
.wztkj_user_mycash { width: 445px;
height: 200px;
background-size: cover;
background-repeat: no-repeat;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
}
.wztkj_user_mywallet {
background-image: url(data:image/png;base64,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);
}
.wztkj_user_mycash {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb0AAADICAYAAAB8tj+CAAANUUlEQVR4Xu3dzY4c9RXG4fHCIAU5EpssWUUR98iai+DOUBSJFQtnYUsZEQm8QSgC2UA8PR91fjV9nmzprrfO8z9dL2WS8OL7N2+++Ondu69u/IcAAQIECFyxwCcvX3794rvXr7+54hmNRoAAAQIEfhNQepaBAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABAgTWCCi9NUdtUAIECBBQenaAAAECBNYIKL01R21QAgQIEFB6doAAAQIE1ggovTVHbVACBAgQUHp2gAABArHA569efTl1C29vb7+dyjpjjtI746m4JwIEVgkovbnjVnpz1pIIECDwpwJKb24xlN6ctSQCBAgovXgHlF58AOIJECDgTW9uB5TenLUkAgQIeNOLd0DpxQcgngABAtWbXpVbnrjSK/VlEyBA4ObmpiqfKrc8dKVX6ssmQICA0hvdAaU3yi2MAAECfxSo3riq3HIHlF6pL5sAAQLe9EZ3QOmNcgsj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);
}
.wztkj_user_mywallet_top {
display: flex;
justify-content: space-between;
font-size: 14px;
}
.wztkj_user_mywallet_top a {
color: var(--theme-hover-color);
display: block;
}
.wztkj_user_mywallet_bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.wztkj_user_mywallet_bottom p {
font-size: 36px;
font-weight: 600;
color: #222;
}
.wztkj_user_mywallet_bottom a {
color: #fff;
}
.wztkj_user_mywalsh_tab {
margin-bottom: 16px;
}
.wztkj_user_mywalsh_tab li {
display: inline-block;
width: 88px;
height: 32px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 24px;
text-align: center;
line-height: 32px;
color: #666;
margin-right: 16px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.4s;
}
.wztkj_user_mywalsh_tab .wztkj_user_mywalsh_tab_this {
border: 1px solid var(--theme-hover-color);
color: var(--theme-hover-color);
}
.wztkj_user_mywalsh_tab>li:last-child {
margin-right: 0;
}
.wztkj_user_mywalsh_tabs>li {
display: none;
overflow: auto;
}
.wztkj_user_mywalsh_tabs table thead {
background-color: #fafafa;
}
.wztkj_user_mywalsh_tabs table thead th {
font-size: 14px;
padding: 12px 0;
text-align: center;
color: rgba(0,0,0,.85);
font-weight: 500;
}
.wztkj_user_mywalsh_tabs table tbody td {
font-size: 14px;
font-weight: 500;
padding: 12px 0;
text-align: center;
color: #000000;
white-space: nowrap;
}
.wztkj_user_mywalsh_tabs table tbody tr {
border-bottom: 1px solid #eeeeee;
} .wztkj_user_myfb_tab {
margin-bottom: 16px;
overflow: auto;
}
.wztkj_user_myfb_tab li {
display: inline-block;
width: 88px;
height: 32px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 24px;
text-align: center;
line-height: 32px;
color: #666;
margin-right: 16px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.4s;
}
.wztkj_user_myfb_tab .wztkj_user_myfb_tab_this {
border: 1px solid var(--theme-hover-color);
color: var(--theme-hover-color);
}
.wztkj_user_myfb_tab>li:last-child {
margin-right: 0;
}
.wztkj_user_myfb_tabs {
overflow: auto;
}
.wztkj_user_myfb_tabs>li {
display: none;
}
.wztkj_user_myfb_tabs table {
width: 100%;
}
.wztkj_user_myfb_tabs table thead {
background-color: #fafafa;
}
.wztkj_user_myfb_tabs table thead th {
font-size: 14px;
padding: 12px 0;
text-align: center;
color: rgba(0,0,0,.85);
font-weight: 500;
white-space: nowrap;
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
}
.wztkj_user_myfb_tabs table thead th:first-child {
width: 400px;
}
.wztkj_user_myfb_tabs table tbody td:first-child {
max-width: 400px;
text-overflow: ellipsis;
overflow: hidden;
}
.wztkj_user_myfb_tabs table tbody td {
font-size: 14px;
font-weight: 500;
padding: 12px 0;
text-align: center;
color: #000000;
white-space: nowrap;
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
}
.wztkj_user_myfb_tabs table tbody tr {
border-bottom: 1px solid #eeeeee;
} .wztkj_tabnotyet {
position: relative;
z-index: 1;
margin-top: -1px;
padding: 16px 16px;
color: rgba(0,0,0,.65);
font-size: 14px;
text-align: center;
background: #fff;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
border-radius: 0 0 var(--border-radius) var(--border-radius);
} .wztkj_user_hyzx_time {
font-size: 16px;
color: #575757;
display: flex;
align-items: flex-end;
position: relative;
}
.wztkj_user_hyzx_expiretime_box {
margin-top: 15px;
}
.wztkj_user_hyzx_expiretime {
font-size: 14px;
opacity: 0.6;
margin-left: 10px;
}       .wztkj_user_hyzx_member {
margin-top: 15px;
}
.wztkj_user_hyzx_member_tab {
display: flex;
justify-content: center;
}
.wztkj_user_hyzx_member_tab>li {
position: relative;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100px;
height: 118px;
background: #ffffff;
padding: 16px 0;
border: 1px solid #ccd0d7;
border-radius: var(--border-radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 12px;
transition: .15s;
}
.wztkj_user_hyzx_member_tab>li:hover {
background-color: var(--theme-hover-color);
}
li.wztkj_user_hyzx_member_tab_active {
background-color: var(--theme-hover-color);
}
.wztkj_user_hyzx_member_tab li.wztkj_user_hyzx_member_tab_active div,
.wztkj_user_hyzx_member_tab li.wztkj_user_hyzx_member_tab_active span {
color: #FFF;
}
.wztkj_user_hyzx_member_tab>li:hover span {
color: #FFF;
}
.wztkj_user_hyzx_member_tab>li:hover div {
color: #FFF;
}
.wztkj_user_hyzx_member_tab>li:last-child {
margin-right: 0;
}
.wztkj_user_hyzx_member_tab>li>div {
width: 100px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #282828;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
flex-shrink: 0;
}
.wztkj_user_hyzx_member_tab .wztkj_user_hyzx_member_tab_this {
border: 2px solid var(--theme-hover-color);
padding: 15px 0;
}
.wztkj_user_hyzx_member_tab>li>span {
margin-top: 8px;
font-family: MicrosoftYaHei-Bold;
font-weight: bold;
font-size: 24px;
color: var(--theme-hover-color);
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wztkj_user_hyzx_member_tab>li>span:nth-of-type(2) {
font-size: 20px;
margin-top: 0;
}
.wztkj_user_hyzx_member_tab>li>em {
font-family: MicrosoftYaHei;
font-size: 14px;
color: #6d757a;
letter-spacing: 0;
text-align: center;
text-decoration: line-through;
margin-top: 5px;
}
.wztkj_user_hyzx_explain_tabs {
margin-top: 12px; }
.wztkj_user_hyzx_explain_tabs li {
display: none;
color: #717171;
font-size: 12px;
font-family: MicrosoftYaHei;
text-align: center;
}
.wztkj_user_hyzx_paymentmode {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 154px;
margin-top: 15px;
background: #ffffff;
border-radius: var(--border-radius);
border: 1px solid #e5e9ef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}
.wztkj_user_hyzx_paymentmode_l {
width: 100px;
height: 100%;
background: #f4f5f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wztkj_user_hyzx_time_recharge a {
padding: 10px 20px;
border: 1px solid;
display: inline-block;
}
.wztkj_user_hyzx_time_recharge a + a {
margin-left: 20px;
}
.wztkj_user_hyzx_paymentmode_r {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wztkj_user_hyzx_paymentmode_l>div {
cursor: pointer;
width: 100px;
height: 40px;
font-family: MicrosoftYaHei;
font-size: 12px;
color: #6d757a;
text-align: center;
line-height: 40px;
}
.wztkj_user_hyzx_paymentmode_l>.wztkj_user_hyzx_paymentmode_l_this {
cursor: default;
background: #ffffff;
}
.wztkj_user_hyzx_paymentmode_r>div {
text-align: center;
color: #6d757a;
}
.wztkj_user_hyzx_paymentmode_r>div>p {
margin-top: 5px;
font-family: MicrosoftYaHei-Bold;
font-size: 14px;
}
.wztkj_user_hyzx_paymentmode_r>div>p:first-child {
margin-top: 0;
}
.wztkj_user_hyzx_paymentmode_r>div>p>span {
font-family: MicrosoftYaHei-Bold;
font-weight: bold;
font-size: 24px;
color: var(--theme-hover-color);
}
.wztkj_user_hyzx_paymentmode_r button {
cursor: pointer;
width: 150px;
height: 32px;
background: var(--theme-hover-color);
border-radius: var(--border-radius);
font-family: MicrosoftYaHei;
font-size: 14px;
color: #ffffff;
text-align: center;
line-height: 32px;
margin: 0 auto;
margin-top: 10px;
border: 0;
} .wztkj_user_popup span {
cursor: pointer;
}
.wztkj_user_popup span + span {
margin-left: 10px;
}
.wztkj_user_popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99999;
width: 400px;
background-color: #fff;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--theme-title-shadow);
}
.wztkj_user_popup h3 {
height: 42px;
line-height: 42px;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #333;
background-color: #F8F8F8;
box-sizing: border-box;
padding: 0 80px 0 20px;
font-weight: 400;
}
.wztkj_user_popup h3 .wztkj_user_popup_span {
color: var(--theme-hover-color);
animation: redshadow 1s ease-in-out infinite;
}
@keyframes redshadow {
0%, 100% {
box-shadow: 0 0 10px rgb(255, 0, 0, 1); 
}
50% {
box-shadow: 0 0 10px rgb(255, 255, 255, 1);
}
}
.wztkj_user_popup_val {
position: relative;
padding: 20px 20px 10px;
line-height: 24px;
word-break: break-all;
overflow: hidden;
font-size: 14px;
overflow-x: hidden;
overflow-y: auto;
}
.wztkj_user_open .wztkj_user_popup_val {
display: none;
}
.wztkj_user_open .wztkj_user_popup_val_show {
display: block;
}
.wztkj_user_popup_val input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #ddd;
border-radius: var(--border-radius); font-size: 14px;
padding: 10px;
height: 40px;
vertical-align: middle;
border-radius: var(--border-radius);
}
.wztkj_user_popup_val>p {
margin-top: 10px;
font-size: 14px;
text-align: center;
}
.wztkj_buy_carm_btn {
padding: 5px 10px;
background-color: #CC0033;
border-radius: var(--border-radius);
font-size: 14px;
color: #FFF;
float: left;
}
.wztkj_buy_carm_btn:hover {
color: #fff;
}
.wztkj_user_popup_val .wztkj_user_carmy_price {
text-align: left;
}
.wztkj_user_popup_val>p>a {
color: #ff0000;
}
.wztkj_user_popup_ft {
padding:  0 20px 20px;
text-align: right;
}
.wztkj_user_popup_ft span {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 18px;
background-color: var(--theme-hover-color);
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 14px;
border: none;
border-radius: var(--border-radius);
cursor: pointer;
opacity: 0.8;
transition: all 0.5s;
}
.wztkj_user_popup_ft span:hover {
opacity: 1;
} .wztkj_notice {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99999;
width: 400px;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: var(--theme-title-shadow);
}
.wztkj_notice .wztkj_noticebg {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
cursor: pointer;
}
.wztkj_notice .wztkj_noticebg img {
width: 100%;
height: 100%;
}
.wztkj_notice h3 {
height: 42px;
line-height: 42px;
border-bottom: 1px solid #eee;
font-size: 18px;
color: #333;
background-color: #F8F8F8;
box-sizing: border-box;
font-weight: 600;
text-align: center;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
}
.wztkj_notice_val  {
position: relative;
padding: 20px 20px 20px;
line-height: 24px;
word-break: break-all;
overflow: hidden;
font-size: 14px;
overflow-x: hidden;
overflow-y: auto;
}
.wztkj_notice_ft {
display: none;
padding:  0 20px 20px;
text-align: right;
}
.wztkj_notice_ft span {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 18px;
background-color: var(--theme-hover-color);
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 14px;
border: none;
border-radius: var(--border-radius);
cursor: pointer;
opacity: 0.8;
transition: all 0.5s;
}
.wztkj_notice_ft span:hover {
opacity: 1;
} .wztkj_imgpopup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99999;
background-color: #fff;
border-radius: 5px;
box-shadow: var(--theme-title-shadow);
}
.wztkj_imgpopup>a>img {
border-radius: var(--border-radius);
max-width: 600px;
}
.wztkj_imgpopupbg {
position: absolute;
top: 0px;
right: -40px;
width: 25px;
height: 25px;
cursor: pointer;
}
.wztkj_imgpopupbg img {
width: 100%;
height: 100%;
} .wztkj_release {
background-color: #fbfbfb;
padding: 23px 0;
}
.wztkj_release_l {
position: sticky;
top: 23px;
left: 0;
right: 0;
float: left;
width: 280px;
margin-right: 20px;
background-color: #fff;
border-radius: var(--border-radius);
box-sizing: border-box;
padding: 32px 0;
box-shadow: var(--theme-title-shadow);
}
.wztkj_release_r {
float: left;
width: 960px;
}
.wztkj_notice_success,
.wztkj_notice_fail {
line-height: 1.5;
background-color: #FFF;
margin: 10px 0;
padding: 10px 20px;
box-shadow: var(--theme-title-shadow);
border-radius: 2px;
position: relative;
}
.wztkj_notice_success::before,
.wztkj_notice_fail::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
background-color: #3be226;
}
.wztkj_notice_fail::before {
background-color: #CC0033;
}
.wztkj_release_lls>li {
box-sizing: border-box;
padding-left: 96px;
height: 45px;
line-height: 45px;
font-size: 14px;
cursor: pointer;
overflow: hidden;
transition: all 0.5s;
display: flex;
position: relative;
user-select: none;
}
.wztkj_release_lls>li>span {
margin-right: 10px;
}
.wztkj_release_lls>li::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 45px;
width: 0;
opacity: 0.2;
transition: all 0.5s;
background-color: var(--theme-hover-color);
}
.wztkj_release_lls>.wztkj_release_lls_xz {
color: var(--theme-hover-color);
background-color: var(--theme-hover-color);
}
.wztkj_release_lls>li:hover::after {
width: 100%;
}
.wztkj_release_r>ul>li {
display: none;
}
.wztkj_release_r>ul>li>h3 {
background-color: #fff;
height: 56px;
box-sizing: border-box;
line-height: 56px;
padding: 0 30px;
font-size: 16px;
color: #222;
font-weight: 400;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
}
.wztkj_release_r_box {
margin-top: 24px;
background-color: #fff;
border-radius: var(--border-radius); padding: 30px;
box-shadow: var(--theme-title-shadow);
position: relative;
}
.wztkj_release_r_box>p {
font-size: 14px;
font-weight: 700;
color: #999999;
margin-top: 35px;
}
.wztkj_release_r_boxs {
position: relative;
overflow: hidden;
margin-top: 20px;
} .wztkj_release_r_waresr_fontls {
position: absolute;
top: 7px;
right: 15px;
color: #999999;
font-size: 14px;
}
.wztkj_release_r_waresr_fontls em {
color: #575757;
}
.wztkj_release_r_boxs p {
margin-top: 10px;
font-size: 14px;
color: #999999;
}
.wztkj_release_r_add {
font-size: 14px;
color: var(--theme-hover-color);
cursor: pointer;
position: absolute;
top: 7px;
left: 333px;
user-select: none;
}
.wztkj_release_r_label {
display: flex;
margin-top: 10px;
flex-wrap: wrap;
}
.wztkj_release_r_label li {
padding: 0 18px;
padding-right: 30px;
height: 32px;
background: #ebebeb;
border-radius: var(--border-radius);
font-size: 14px;
font-family: PingFangSC,PingFangSC-Regular;
font-weight: 400;
text-align: center;
color: #999;
line-height: 32px;
position: relative; margin-right: 10px;
cursor: pointer;
margin-bottom: 5px;
}
.wztkj_release_r_label li span {
position: absolute;
right: 5px;
top: 6px; cursor: pointer;
width: 20px;
height: 20px;
}
.wztkj_release_r_label li span img {
width: 100%;
height: 100%;
vertical-align: super;
}
.wztkj_release_r_boxs input[type=text],
.wztkj_release_r_boxs input[type=number] {
height: 33px;
border: 1px solid #dddddd;
border-radius: var(--border-radius);
box-sizing: border-box;
color: #999999;
font-size: 14px;
padding-left: 15px;
width: 100%;
}
.wztkj_release_r_boxs textarea {
box-sizing: border-box;
margin: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: "tnum";
position: relative;
display: inline-block;
width: 100%;
height: 128px;
padding: 4px 11px;
color: rgba(0,0,0,.65);
font-size: 14px;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: var(--border-radius);
max-width: 100%;
line-height: 1.5;
vertical-align: bottom;
transition: all .3s,height 0s;
}
.wztkj_release_r_boxs_shangchuan {
display: block;
width: 109px;
height: 33px;
line-height: 33px;
font-size: 14px;
color: #999999;
border: 1px solid #dddddd;
text-align: center;
border-radius: var(--border-radius);
cursor: pointer;
} .wztkj_release_r_imgl {
float: left;
width: 100px;
height: 100px;
box-sizing: border-box;
overflow: hidden;
border-radius: var(--border-radius);
border: 1px solid #dddddd;
display: flex;
margin-right: 20px;
align-items: center;
}
.wztkj_release_r_imgl img {
width: 100%;
height: 100%;
}
.wztkj_release_r_imgr input {
display: none;
}
.wztkj_release_r_imgr {
float: left;
width: calc(100% - 120px);
}
.wztkj_release_r_imgr span {
display: block;
width: 109px;
height: 33px;
line-height: 33px;
font-size: 14px;
color: #999999;
border: 1px solid #dddddd;
text-align: center;
border-radius: var(--border-radius);
cursor: pointer;
}
.wztkj_release_r_imgr p {
margin-top: 10px;
font-size: 14px;
color: #999999;
}
.wztkj_release_r_article_fontls {
position: absolute;
top: 7px;
right: 15px;
color: #999999;
font-size: 14px;
}
.wztkj_release_r_article_fontls em {
color: #575757;
} .wztkj_release_r_video_fontls {
position: absolute;
top: 7px;
right: 15px;
color: #999999;
font-size: 14px;
}
.wztkj_release_r_video_fontls em {
color: #575757;
} .wztkj_sidebar_right {
order: 1;
} .wztkj_sidekefu {
position: fixed;
right: 0;
bottom: 200px;
width: 50px;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
z-index: 9999;
}
.wztkj_sidekefu>div {
width: 50px;
background: #fff;
text-align: center;
padding: 6px 0;
border-bottom: 1px solid #eee;
cursor: pointer;
font-size: 12px;
color: #22222266;
user-select: none;
transition: all 0.5s;
position: relative;
}
.wztkj_sidekefu>div:hover {
background-color: var(--theme-hover-color);
color: #fff;
}
.wztkj_sidekefu>div>span {
font-size: 22px;
display: block;
}
.wztkj_sidekefu>div>a {
color: #22222266;
transition: all 0.5s;
}
.wztkj_sidekefu>div:hover>a {
color: #fff;
}
.wztkj_sidekefu>div>a>span {
font-size: 22px;
display: block;
}
.wztkj_sidekefu_popup {
display: none;
position: absolute;
top: 50%;
left: -160px;
width: 140px; transform: translate(0px, -50%);
padding-right: 20px;
color: #575757;
}
.wztkj_sidekefu_popup_box {
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: #fff;
position: relative;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
}
.wztkj_sidekefu_popup_box::after {
content: "";
position: absolute;
top: 50%;
right: -20px;
transform: translate(0px , -50%);
border: 10px solid #fff;
border-bottom: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
}
.wztkj_sidekefu_popup_box .wztkj_sidekefu_content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
position: relative;
padding-top: 10px;
}
.wztkj_sidekefu_popup_box .wztkj_sidekefu_content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background-color: var(--theme-hover-color);
transform: scaleX(0);
transition: .2s;
}
.wztkj_sidekefu_popup_box .wztkj_sidekefu_content:hover::after {
transform: scaleX(1);
}
.wztkj_sidekefu_popup_box .wztkj_sidekefu_content p {
width: 100%;
padding: 5px 5px 10px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.wztkj_sidekefu_popup_box img {
width: 100%;
}
.wztkj_sidekefu_popup_box a {
color: #575757;
} .wztkj_screen {  color: #999999;
font-size: 14px;
box-shadow: 0 20px 26px -20px rgb(140 140 140 / 60%); }
.wztkj_screen_box {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.wztkj_screen_box_title {
white-space: nowrap;
width: 70px;
height: 22px;
font-size: 14px;
font-family: PingFangSC,PingFangSC-Medium;
font-weight: 600;
text-align: left;
color: #222;
line-height: 22px;
text-align-last: justify;
}
.wztkj_screen_box_shaixuanbox {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 1140px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 35px;
}
.wztkj_screen_box_shaixuanbox>a{
margin-right: 8px;
margin-bottom: 14px;
padding: 0px 8px;
font-size: 14px;
font-family: PingFangSC,PingFangSC-Regular;
font-weight: 400;
text-align: center;
color: #666;
line-height: 22px;
cursor: pointer;
}
.wztkj_screen_box_shaixuanbox>a:hover {
color: var(--theme-hover-color);
}
.wztkj_screen_box_zhankai {
color: var(--theme-hover-color);
cursor: pointer;
font-size: 14px;
font-family: PingFangSC,PingFangSC-Medium;
font-weight: 500;
line-height: 22px;
}
.wztkj_secondbox {
border-top: 1px dashed rgb(225, 226, 228);
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
height: 48px;
}
.wztkj_secondboxl {
padding: 13px 0;
margin-right: 32px;
font-size: 14px;
font-family: PingFangSC,PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #666;
line-height: 21px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
cursor: pointer;
}
.wztkj_secondboxl_title {
text-align-last: justify;
white-space: nowrap;
width: 70px;
height: 22px;
font-size: 14px;
font-family: PingFangSC,PingFangSC-Medium;
font-weight: 600;
text-align: left;
color: #222;
line-height: 22px;
}
.wztkj_secondbox_txtbtn {
margin-right: 8px; padding: 0px 8px;
font-size: 14px;
font-family: PingFangSC,PingFangSC-Regular;
font-weight: 400;
text-align: center;
color: #666;
line-height: 22px;
cursor: pointer;
position: relative;
user-select: none;
}
.wztkj_secondbox_txtbtn span {
vertical-align: bottom;
margin-right: 5px;
}
.wztkj_secondbox_txtbtn em {
position: absolute;
top: 65%;
right: -5px;
transform: translate(0px , -50%);
width: 0;
height: 0;
border: 5px solid #868686;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent; border-left: 5px solid transparent;
}
.wztkj_secondboxr {
padding: 13px 0; font-size: 14px;
font-family: PingFangSC,PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #666;
line-height: 21px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
cursor: pointer;
} .wztkj_articlels { margin-bottom: 20px;
}
.wztkj_sidebar .wztkj_articlels {
margin-top: 0;
}
.wztkj_articlels>ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wztkj_articlels>ul>li {
width: 100%;
transition: all 0.4s;
height: 163px;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
overflow: hidden;
box-sizing: border-box;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
background-color: #FFF;
}
.wztkj_articlels>ul>li:hover .wztkj_articlels_img img {
transform: scale(1.2);
}
.wztkj_articlels_img {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 20px;
width: 240px;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.wztkj_articlels_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: .5s;
}
.wztkj_articlels_text {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.wztkj_articlels_text>h3,
.wztkj_articlels_text>h2 {
font-size: 16px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
}
.wztkj_articlels_text>p {
font-size: 13px;
margin-top: 2px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: normal;
color: #888;
}
.wztkj_articlels_text_ft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
letter-spacing: .2px;
margin-top: 6px;
position: relative;
width: 100%;
overflow-x: auto;
white-space: nowrap;
justify-content: space-between;
}
.wztkj_articlels_text_ft>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
color: #bdbdbd;
letter-spacing: -0.2px;
}
.wztkj_articlels_text_ft img {
width: 20px;
height: 20px;
vertical-align: top;
object-fit: cover;
object-position: center;
}
.wztkj_articlels_text_ft>div>span {
margin-right: 10px;
}
.wztkj_articlels_text_ft em {
line-height: 20px;
}
.wztkj_articlels>ul>li:hover {
box-shadow: var(--theme-hover-shadow);
}
.wztkj_articlels_userft {
overflow: hidden;
font-size: 12px;
letter-spacing: .2px;
margin-top: 3px;
position: relative;
width: 100%;
color: #bdbdbd;
}
.wztkj_articlels_userft>div {
height: 21px;
line-height: 21px;
display: flex;   
}
.wztkj_articlels_userftr {
float: right;
}
.wztkj_articlels_userftl {
float: left;
width: 50%;
}
.wztkj_articlels_userftl a {
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_articlels_userftr span {
margin-right: 5px;
}
.wztkj_articlels_userftr span:last-child {
margin-right: 0;
} .wztkj_listvip {
font-size: 11px;
padding: 0 5px;
color: #fff;
border-radius: var(--border-radius);
background-color: var(--btn-VIP-color);
} .wztkj_listfree {
font-size: 11px;
padding: 0 5px;
color: #fff;
border-radius: var(--border-radius);
background-color: var(--btn-mianfei-color);
} .wztkj_listspecial {
font-size: 11px;
padding: 0 5px;
color: #fff;
border-radius: var(--border-radius);
background-color: var(--btn-VIP-color);
} .wztkj_listcoins {
font-size: 11px;
padding: 0 7px;
color: #fff;
border-radius: var(--border-radius);
background-color: var(--btn-jifen-color);
} .bread_crumb_navigation {
padding: 20px 0;
font-size: 14px;
color: #8c8c8c;
}
.wztkj_blog_articles_bread_crumb_navigation,
.wztkj_articles_four_bread_crumb_navigation,
.wztkj_articlels_bread_crumb_navigation,
.wztkj_wide_bread_crumb_navigation {
border-bottom: 0;
}
.bread_crumb_navigation span + span {
margin-left: 5px;
}
.bread_crumb_navigation a {
color: #8c8c8c;
}
.bread_crumb_navigation span a {
color: #8c8c8c;
}
.bread_crumb_navigation span i {
margin-right: 5px;
}
.bread_crumb_navigation span:not(:first-child)::after {
content: "/";
display: inline;
margin-left: 10px;
}
.bread_crumb_navigation span:last-child::after {
content: '';
}
.wztkj_articlelsnotimg {
margin-top: 20px;
}
.wztkj_sidebar .wztkj_articlelsnotimg {
margin-top: 0; 
}  
.wztkj_articlelsnotimg>ul>li {
overflow: hidden;
border-bottom: 1px dashed #d6d6d6;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 10px;
padding: 15px 0;
}
.wztkj_articlelsnotimg>ul>li>span {
float: left;
font-size: 38px;
width: 100px;
color: #333333;
text-align: center;
font-weight: bold;
margin-right: 20px;
}
.wztkj_articlelsnotimg>ul>li>span>p {
margin-top: -7px;
}
.wztkj_articlelsnotimg>ul>li>span>em {
margin-top: 10px;
font-size: 14px;
font-style: normal;
display: block;
font-weight: normal;
}
.wztkj_articlelsnotimg_text {
font-size: 16px;
float: left;
width: calc(100% - 120px);
}
.wztkj_articlelsnotimg_text>a>h3 {
color: #333333;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
transition: all 0.5s;
overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap;
}
.wztkj_articlelsnotimg_text>a>p {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #8c8c8c;
transition: all 0.5s;
}
.wztkj_articlelsnotimg_text>a:hover h3 {
color: var(--theme-hover-color);
}
.wztkj_articlelsnotimg_text>a:hover p {
color: var(--theme-hover-color);
} #wztkj_lb3  {
overflow: hidden;
position: relative;
}
#wztkj_lb3 .swiper {
width: 100%;
}
#wztkj_lb3 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
border-radius: var(--border-radius);  } .wztkj_friendlink {
background: #F5F5F5;
padding-bottom: 15px;
padding-top: 15px;
}
.wztkj_friendlink_tap {
display: flex;
padding: 0 10px;
}
.wztkj_friendlink_tap li {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #333;
margin-right: 20px;
line-height: 55px;
position: relative;
cursor: pointer;
}
.wztkj_friendlink_tap .wztkj_friendlink_tap_this {
color: var(--theme-hover-color);
}
.wztkj_friendlink_tapbox li {
display: none;
background: #fff;
padding: 0 10px;
font-size: 12px;
color: #333;
max-height: 100px;
overflow: hidden;
position: relative;
}
.wztkj_friendlink_tapbox li a {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
font-size: 12px;
color: #333333;
line-height: 50px;
}
.wztkj_friendlink_tapbox li a:hover {
color: var(--theme-hover-color);
}
.wztkj_friendship_link_two_box {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px 0;
}
.wztkj_friendship_link_two_box li {
display: block;
padding: 2px;
width: 14.2857%;
box-sizing: border-box;
}
.wztkj_friendship_link_two_box li a {
font-size: 14px;
display: block;
text-align: center;
line-height: 38px;
background-color: #fff;
border-radius: 3px;
transition: .5s;
box-sizing: border-box;
border: 1px solid #eee;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 5px;
}
.wztkj_friendship_link_two_box li a span {
position: absolute;
background: linear-gradient(90deg, #0162c8, #55e7fc);
transform: translate(-50%, -50%);
pointer-events: none;
border-radius: 50%;
animation: animate 1s linear infinite;
}
@keyframes animate {
from {
width: 0px;
height: 0px;
opacity: .5;
}
to {
width: 500px;
height: 500px;
opacity: 0;
}
} .wztkj_number {
border-radius: var(--border-radius);
padding: 60px 0;
display: flex;
background: linear-gradient(135deg, #ff3497  10%, #67c7ff 100%);
align-items: center;
justify-content: space-around;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 20px;
}
.wztkj_numberbox {
width: 25%;
text-align: center;
color: #fff;
}
.wztkj_numberbox p  {
font-size: 48px;
font-family: Arial;
font-weight: 700;
margin-bottom: 10px;
}
.wztkj_numberbox span {
font-size: 16px;
font-weight: 400;
} .wztkj_list {
padding: 30px 0;
background-color: #e5e5e5;
}
.wztkj_listbox {
float: left;
width: 940px;
}
.wztkj_innerartl,
.wztkj_widget {
width: 300px;
}
aside.widget:last-child {
margin-bottom: 0;
}
.wztkj_widget>.widget {
margin-bottom: 10px;
background-color: #fff;
border-radius: var(--border-radius);
position: relative;
padding: 10px;
box-sizing: border-box;
}
.widget_search .wp-block-search__label {
display: none;
}
.wp-block-image {
margin-bottom: 0;
}
.wp-block-image figcaption {
margin-bottom: 0;
text-align: center;
} .wp-block-categories-list {
padding: 15px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.widget_categories .wp-block-categories-list li.cat-item {
padding: 0;
width: 100%;
}
.widget_categories .wp-block-categories-list li.cat-item:hover a {
background-color: var(--theme-hover-color);
color: #fff;
}
.widget_categories .wp-block-categories-list li.cat-item a {
display: block;
text-align: center;
padding: 8px;
background-color: #f8f8f8;
transition: .15s;
}
.wztkj_listbox_routine {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wztkj_listbox_routine>li {
width: 25%;
min-height: 100px;
padding: 0 5px;
box-sizing: border-box;
margin-bottom: 10px;
}
.wztkj_listbox_routine>li>.wztkj_listbox_routinebox {
background-color: #fff;
}
.wztkj_listbox_routinebox {
transition: all 0.4s;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
overflow: hidden;
}
.wztkj_listbox_routinebox:hover {
box-shadow: var(--theme-title-shadow);
}
.wztkj_listbox_routinebox:hover .wztkj_listbox_routinebox_img img {
transform: scale(1.1);
}
.wztkj_listbox_routinebox_img {
width: 100%;
height: 133px;
overflow: hidden;
}
.wztkj_listbox_routinebox_img img {
width: 100%;
height: 100%;
transition: all 0.4s;
}
.wztkj_listbox_routinebox_content {
padding: 10px;
}
.wztkj_listbox_routinebox_content h3 {
font-size: 15px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
height: 18px;
line-height: 18px;
}
.wztkj_listbox_routinebox_content p {
font-size: 13px;
margin-top: 2px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
color: #888;
height: 36px;
line-height: 18px;
}
.wztkj_listbox_routinebox_contentft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
letter-spacing: .2px;
margin-top: 10px;
position: relative;
width: 100%;
overflow-x: auto;
white-space: nowrap;
color: #bdbdbd;
}
.wztkj_listbox_routinebox_tag {
overflow: hidden;
font-size: 12px;
letter-spacing: .2px;
margin-top: 10px;
position: relative;
width: 100%;
color: #bdbdbd;
}
.wztkj_listbox_routinebox_tag>div {
height: 25px;
line-height: 25px;
display: flex;
}
.wztkj_listbox_routinebox_tag>div>span {
margin-right: 5px;
}
.wztkj_listbox_routinebox_tag>div>span:last-child {
margin-right: 0;
}
.wztkj_listbox_routinebox_contentft>span {
margin-right: 5px;
display: flex;
align-items: center;
}
.wztkj_listbox_routinebox_contentft>span:last-child {
margin-right: 0;
}
.wztkj_listbox_routinebox_contentft img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.wztkj_listbox_routinebox_user {
float: left;
width: 50%;
}
.wztkj_listbox_routinebox_grade {
float: right;
}
.wztkj_listbox_routinebox_user span {
display: inline-block;
width: 100%;
overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap;
}
.wztkj_listbox_wide {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wztkj_listbox_wide>li {
width: 50%;
padding: 0 5px;
box-sizing: border-box;
margin-bottom: 10px;
}
.wztkj_listbox_widebox {
transition: all 0.4s;
height: 140px;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
overflow: hidden;
box-sizing: border-box;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; background-color: #fff;
}
.wztkj_listbox_widebox_img {
width: 201px;
overflow: hidden;
border-radius: var(--border-radius);
margin-right: 15px;
}
.wztkj_listbox_widebox_img img {
width: 100%;
height: 100%;
transition: all 0.4s;
}
.wztkj_listbox_widebox_content {
width: calc(100% - 216px);
position: relative;
}
.wztkj_listbox_widebox_content>h3 {
font-size: 15px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
height: 36px;
line-height: 18px;
}
.wztkj_listbox_widebox_content>p {
font-size: 13px;
margin-top: 2px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
color: #888;
height: 36px;
line-height: 18px;
}
.wztkj_listbox_widebox_contentft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
letter-spacing: .2px;
margin-top: 3px;
position: relative;
width: 100%;
overflow-x: auto;
white-space: nowrap;
color: #bdbdbd;
}
.wztkj_listbox_widebox_contentft img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.wztkj_listbox_widebox_contentft>span {
margin-right: 5px;
display: flex;
align-items: center;
}
.wztkj_listbox_widebox_contentft>span:last-child {
margin-right: 0;
}
.wztkj_listbox_widebox_tag {
overflow: hidden;
font-size: 12px;
letter-spacing: .2px;
margin-top: 3px;
position: relative;
width: 100%;
color: #bdbdbd;
}
.wztkj_listbox_widebox_tag>div {
height: 21px;
line-height: 21px;
display: flex;
}
.wztkj_listbox_widebox_user {
float: left;
width: 50%;
}
.wztkj_listbox_widebox_user span {
display: inline-block;
width: 100%;
overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap;
}
.wztkj_listbox_widebox_grade {
float: right;
}
.wztkj_listbox_widebox_tag>div>span {
margin-right: 5px;
}
.wztkj_listbox_widebox_tag>div>span:last-child {
margin-right: 0;
}
.wztkj_listbox_widebox:hover {
box-shadow: var(--theme-title-shadow);
}
.wztkj_listbox_widebox:hover .wztkj_listbox_widebox_img img {
transform: scale(1.1);
}
.wztkj_listbox_vertical {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wztkj_listbox_vertical>li {
width: 25%;
padding: 0 5px;
box-sizing: border-box;
margin-bottom: 10px;
}
.wztkj_listbox_vertical>li>div {
height: 321px;
box-shadow: var(--theme-title-shadow);
overflow: hidden;
transition: all 0.4s;
position: relative;
background-color: #fff;
}
.wztkj_listbox_verticalbox>a {
display: block;
height: 100%;
width: 100%;
}
.wztkj_listbox_verticalbox>a>img {
height: 100%;
width: 100%;
transition: all 0.4s;
}
.wztkj_listbox_verticalbox_ftbox {
height: 174px;
background: linear-gradient( 0deg, #000000, rgba(0, 0, 0, 0.01));
padding: 0 10px;
box-sizing: border-box;
padding-top: 45px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
color: #fff;
}
.wztkj_listbox_verticalbox_ftbox a {
color: #fff;
}
.wztkj_listbox_verticalbox_ftbox h3 {
font-size: 15px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
height: 36px;
line-height: 18px;
}
.wztkj_listbox_verticalbox_ftbox p {
font-size: 13px;
margin-top: 2px;
letter-spacing: -0.2px;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
color: #ddd;
height: 36px;
line-height: 18px;
}
.wztkj_listbox_verticalbox_ftboxft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
letter-spacing: .2px;
margin-top: 5px;
position: relative;
width: 100%;
overflow-x: auto;
white-space: nowrap;
color: #bdbdbd;
}
.wztkj_listbox_verticalbox_ftboxft>span {
margin-right: 5px;
display: flex;
align-items: center;
}
.wztkj_listbox_verticalbox_ftboxft>span:last-child {
margin-right: 0;
}
.wztkj_listbox_verticalbox_ftboxft img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.wztkj_listbox_verticalbox_tag {
overflow: hidden;
font-size: 12px;
letter-spacing: .2px;
margin-top: 3px;
position: relative;
width: 100%;
color: #bdbdbd;
}
.wztkj_listbox_verticalbox_tag>div {
height: 21px;
line-height: 21px;
display: flex;
}
.wztkj_listbox_verticalbox_user {
float: left;
width: 50%;
}
.wztkj_listbox_verticalbox_user span {
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_listbox_verticalbox_grade {
float: right;
}
.wztkj_listbox_verticalbox_tag>div>span {
margin-right: 5px;
}
.wztkj_listbox_verticalbox_tag>div>span:last-child {
margin-right: 0;
}
.wztkj_listbox_verticalbox:hover {
box-shadow: var(--theme-title-shadow);
}
.wztkj_listbox_verticalbox:hover>a>img {
transform: scale(1.1);
}
.wztkj_listbox_chartwide>li {
padding: 0 5px;
margin-bottom: 10px;
}
.wztkj_listbox_notchartwide>li {
overflow: hidden; margin: 10px 5px 10px;
padding: 15px 0 15px;
background-color: #fff;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
}
.wztkj_listbox_notchartwide>li>span {
float: left;
font-size: 38px;
width: 100px;
color: #333333;
text-align: center;
font-weight: bold;
margin-right: 20px;
}
.wztkj_listbox_notchartwide>li>span>em {
font-size: 14px;
font-style: normal;
display: block;
font-weight: normal;
}
.wztkj_listbox_notchartwide>li:hover h3,
.wztkj_listbox_notchartwide>li:hover p{
color: var(--theme-hover-color);
}
.wztkj_listbox_notchartwide_text {
font-size: 16px;
float: left;
width: calc(100% - 130px);
}
.wztkj_listbox_notchartwide_text>a {
cursor: pointer;
}
.wztkj_listbox_notchartwide_text>a>h3 {
color: #333333;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
transition: all 0.5s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_listbox_notchartwide_text>a>p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #8c8c8c;
transition: all 0.5s;
}
.wztkj_listbox_product {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 5px;
}
.wztkj_listbox_product li {
width: 33.33%;
box-sizing: border-box;
padding: 10px;
text-align: center;
transition: all .5s;
}
.wztkj_listbox_product li a {
cursor: pointer;
}
.wztkj_listbox_product li:hover {
transform: translate(0,-10px);
}
.wztkj_listbox_product li:hover img {
transform: translate(-50%,0) scale(1.1);
}
.wztkj_listbox_product li a div {
overflow: hidden;
text-align: center;
position: relative;
height: 200px;
}
.wztkj_listbox_product li a div img {
height: 100%;
position: absolute;
left: 50%;
transform: translate(-50%,0);
transition: all .5s;
}
.wztkj_listbox_product li a p {
background-color: #fff;
padding: 5px;
overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap;
font-size: 14px;
}
.wztkj_listbox_producttwo {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 5px;
}
.wztkj_listbox_producttwo li {
width: 33.33%;
box-sizing: border-box;
padding: 10px;
text-align: center;
transition: all .5s;
cursor: pointer;
position: relative;
}
.wztkj_listbox_producttwo li div {
height: 200px;
position: relative;
overflow: hidden;
}
.wztkj_listbox_producttwo li img {
height: 100%;
position: absolute;
left: 50%;
transform: translate(-50%,0);
transition: all .5s;
}
.wztkj_listbox_producttwo li p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
padding: 5px;
font-size: 14px;
overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap;
box-sizing: border-box;
}
.wztkj_listbox_producttwo li:hover {
transform: translate(0,-10px);
} .wztkj_product {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wztkj_product li {
width: 300px;
margin-right: 20px;
border: 1px solid #808080;
box-sizing: border-box;
cursor: pointer;
transition: all .5s;
margin-bottom: 20px;
}
.wztkj_product li:nth-child(4n) {
margin-right: 0;
}
.wztkj_product li div {
height: 200px;
overflow: hidden;
text-align: center;
position: relative;
}
.wztkj_product li div img {
height: 100%;
position: absolute;
left: 50%;
transform: translate(-50%,0);
transition: all .5s;
}
.wztkj_product li p {
padding: 5px 10px;
text-align: center;
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap;
font-size: 14px;
}
.wztkj_product li:hover {
transform: translate(0,-10px);
}
.wztkj_product li:hover img {
transform: translate(-50%,0) scale(1.1);
} .wztkj_producttwo {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wztkj_producttwo li {
width: 300px;
margin-right: 20px;
border: 1px solid #808080;
box-sizing: border-box;
cursor: pointer;
transition: all .5s;
margin-bottom: 20px;
}
.wztkj_producttwo li:nth-child(4n) {
margin-right: 0;
}
.wztkj_producttwo li div {
height: 200px;
overflow: hidden;
text-align: center;
position: relative;
}
.wztkj_producttwo li div img {
height: 100%;
position: absolute;
left: 50%;
transform: translate(-50%,0);
transition: all .5s;
}
.wztkj_producttwo li p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
padding: 5px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.wztkj_producttwo li:hover {
transform: translate(0,-10px);
}
.wztkj_producttwo li:hover img {
transform: translate(-50%,0) scale(1.1);
} .wztkj_sidebar { margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.wztkj_innerartlwidget {
width: 300px;
}
.wztkj_articlels_demo {
width: 940px;
}
.wztkj_innerartlwidget, 
.wztkj_article_aside {
position: relative;
}
.wztkj_article_aside .widget_block + .widget_block,
.wztkj_innerartlwidget .widget_block + .widget_block {
margin-top: 20px;
}
.widget_search {
padding: 15px;
}
.wztkj_article_aside aside,
.wztkj_innerartlwidget aside {
box-shadow: var(--theme-title-shadow);
box-sizing: border-box;
margin-bottom: 20px;
background-color: #fff;
border-radius: var(--border-radius);
border: 1px solid var(--border-color-f5f6f7);
}
.wztkj_article_aside aside h1,
.wztkj_article_aside aside h2,
.wztkj_article_aside aside h3,
.wztkj_article_aside aside h4,
.wztkj_article_aside aside h5,
.wztkj_article_aside aside h6,
.wztkj_innerartlwidget aside h3,
.wztkj_innerartlwidget aside h2,
.wztkj_innerartlwidget aside h1,
.wztkj_innerartlwidget aside h4,
.wztkj_innerartlwidget aside h5,
.wztkj_innerartlwidget aside h6 {
line-height: 1;
position: relative;
padding-left: 12px;
margin-bottom: 10px;
font-size: 19px;
margin: 15px;
}
.wztkj_article_aside aside h1::before,
.wztkj_article_aside aside h2::before,
.wztkj_article_aside aside h3::before,
.wztkj_article_aside aside h4::before,
.wztkj_article_aside aside h5::before,
.wztkj_article_aside aside h6::before,
.wztkj_innerartlwidget aside h3::before,
.wztkj_innerartlwidget aside h2::before,
.wztkj_innerartlwidget aside h1::before,
.wztkj_innerartlwidget aside h4::before,
.wztkj_innerartlwidget aside h5::before,
.wztkj_innerartlwidget aside h6::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background-color: var(--theme-hover-color);
border-radius: 2px;
}
.widget-title::after,
.wp-block-group h1::after,
.wp-block-group h2::after,
.wp-block-group h3::after,
.wp-block-group h4::after,
.wp-block-group h5::after,
.wp-block-group h6::after,
.wp-block-group h3::after,
.wp-block-group h2::after,
.wp-block-group h1::after,
.wp-block-group h4::after,
.wp-block-group h5::after,
.wp-block-group h6::after {
content: "";
position: absolute;
left: 0px;
bottom: -15px;
width: 100%;
border-bottom: 1px solid var(--border-color-f5f6f7);
}
.widget-title {
position: relative;
}
.wp-block-search__input {
font-size: 14px;   
}
.wp-block-latest-posts__list,
.wp-block-archives-list {
padding: 8px 0 0;
}
.wp-block-media-text__content p {
font-size: 14px !important;
}
.wp-block-button__link {
font-size: 14px;
padding: 8px 15px;
}
.wp-block-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wp-block-tag-cloud {
word-wrap: break-word;
text-align: justify;
padding: 15px;
}
.wp-block-tag-cloud a {
display: inline;
margin-right: 0;
font-size: 12px !important;
}
.widget_block p iframe {
width: 100%;
}
.wztkj_article_aside aside ul li,
.wztkj_innerartlwidget aside ul li {
font-size: 14px;
padding: 6px 15px;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wztkj_article_aside aside ul li:last-child,
.wztkj_innerartlwidget aside ul li:last-child {
padding-bottom: 12px;
}
.wztkj_innerartl aside ul li a {
font-size: 14px;
}
.wp-block-latest-comments.no-comments {
padding: 15px;
}
.widget_nav_menu ul>li,
.wp-block-archives-list>li,
.wp-block-archives-list>li
{
font-size: 15px;
padding: 0 15px;
}
.wp-block-latest-posts__list>li>a {
line-height: 1.7;
font-size: 14px;
}
.wp-block-latest-comments>li>article>footer {
text-align: left;
}
.wp-block-latest-comments li article footer a {
font-size: 13px;
position: absolute;
color: #000;
}
.wp-block-latest-comments li article footer {
color: transparent;
user-select: none;
}
.wp-block-latest-comments__comment-excerpt p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin: 0 0 0.36em;
padding: 3px 10px;
background: #f8f8f8;
}
.wp-block-latest-comments__comment {
position: relative;
margin: 0;
padding: 10px 15px;
height: 90px;
border-bottom: 1px solid var(--border-color-f5f6f7);
}
.wp-block-latest-comments__comment:last-child {
border: none;
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
float: none;
position: absolute;
height: 30px;
width: 30px;
}
.wp-block-latest-comments__comment-author {
left: 55px;
max-width: 100px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
top: 15px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-link {
bottom: 10px;
left: 15px;
font-size: 12px;
color: #bcbcbc;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-link::before {
content: '[文章]';
display: inline-block;
margin-right: 5px;
color: var(--theme-hover-color);
}
.wp-block-latest-comments__comment-date {
position: absolute;
right: 15px;
top: 15px;
color: #000;
}
.has-avatars .wp-block-latest-comments__comment article .wp-block-latest-comments__comment-meta {
margin-left: 0;
font-size: 14px;
}
.has-avatars .wp-block-latest-comments__comment article .wp-block-latest-comments__comment-excerpt {
margin-left: 0;
margin-top: 15px;
text-align: left;
font-size: 12px;
}
.wp-block-group__inner-container figure {
font-size: 15px;
margin-bottom: 0;
}
.wp-block-video video {
display: block;
}
.wp-block-video figcaption {
text-align: center;
white-space: nowrap;
padding: 0 15px;
text-overflow: ellipsis;
overflow: hidden;
margin: 0.5em 0;
}
.logged-in {
padding: 15px;
}
.wp-block-group__inner-container p { font-size: 15px;
}
.wp-block-table table {
text-align: center;
margin-top: 16px;
}
.wp-block-table figcaption {
margin-top: 10px;
font-size: 14px;
text-align: center;
}
.wp-block-table table td {
border: 1px solid #000;
height: 30px;
font-size: 12px;
}
.wp-block-table.is-style-stripes {
border-bottom-width: 0;
}
.wp-block-search__button {
border-color: #949494;
background-color: #FFF;
font-size: 14px;
}
.wp-block-calendar table caption {
padding: 15px 0;
background-color: #ccc;
}
.wp-block-calendar td,
.wp-block-calendar th {
font-size: 12px;
}
.wp-block-calendar nav a {
font-size: 14px;
} .wztkj_sidebar .wztkj_wide {
width: 940px;
}
.wztkj_sidebar .wztkj_wide .wztkj_widebd {
height: 132px;
}
.wztkj_sidebar .wztkj_wide>ul>li>.wztkj_widebd .wztkj_widebd_img {
width: 165px;
}
.wztkj_sidebar .wztkj_wide>ul>li>.wztkj_widebd .wztkj_widebd_text h3 {
word-break: break-all;
-webkit-line-clamp: 1;
line-clamp: 1;
} .wztkj_sidebar .wztkj_articlelsnotimg {
width: 940px;
}
.wztkj_sidebar .wztkj_articlelsnotimg>ul>li>span {
margin-right: 0;
} .wztkj_sidebar .wztkj_routinebd {
width: 940px;
}
.wztkj_sidebar .wztkj_routinebd ul li {
width: 30%;
}
.wztkj_sidebar .wztkj_vertical {
width: 940px;
}
.wztkj_sidebar .wztkj_vertical ul li { width: 100%;
height: 400px; }      .wztkj_sidebar .wztkj_articlels {
width: 940px;
}
.wztkj_sidebar .wztkj_list4 {
width: 940px;
}
.wztkj_sidebar .wztkj_list4 img {
height: 100%;
object-fit: cover;
object-position: center;
}
.wztkj_sidebar .wztkj_list1_product4 a {
height: 181px;
} .wztkj_innerart {
background-color: #f1f4f9;
padding: 20px 0;
}
.wztkj_sidebar .wztkj_innerartr {
width: 940px;
}
.wztkj_innerartr {
float: right;
width: 100%;
background-color: #fff;
box-sizing: border-box;
padding: 30px;
border-radius: var(--border-radius);
}
.wztkj_innerartr_hd {
font-size: 14px;
color: #808080;
padding-bottom: 20px;
box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 30px;
}
.wztkj_innerartr_hd a {
color: #808080;
}
.wztkj_innerartr_hd a:hover {
color: var(--theme-hover-color);
}
.wztkj_innerartr_bd h1 {
text-align: center;
margin-bottom: 15px;
font-weight: 400;
font-size: 22px;
line-height: 1.5;
color: #4d4d4d;
}
.wztkj_innerartr_bddata {
text-align: center;
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 13px;
color: #999999;
}
.wztkj_innerartr_bddata a {
color: #999999;
}
.wztkj_innerartr_bddata span {
margin: 0 10px;
}
.wztkj_innerartr_bdcontent {
margin-bottom: 20px;
font-size: 15px;
color: #414141;
line-height: 1.7;
}
.wztkj_innerartr_bdcontent p {
margin: 15px 0;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
img.alignright {
display: cell;
text-align: right;
}
.wztkj_innerartr_bdcontent img {
max-width: 100%;
height: auto;
}
.wztkj_innerartr_bdpage {
overflow: hidden;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
.wztkj_innerartr_bdpage span {
font-size: 14px;
color: #575757;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 45%;
}
.wztkj_innerartr_bdpageprev {
float: left;
}
.wztkj_innerartr_bdpage_shuxian,
.wztkj_innerartprop_page_shuxian{
display: none;
}
.wztkj_innerartr_bdpagenext a,
.wztkj_innerartr_bdpageprev a { overflow: hidden;
width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.wztkj_innerartr_bdpageprev a {
margin-left: 10px;
}
.wztkj_innerartr_bdpagenext {
float: right;
}
.wztkj_innerartr_bdpagenext a {
margin-right: 15px;
text-align: left;
}
.wztkj_innerartr_bdpage a {
color: #575757;
}
.wztkj_innerartr_bdpage a:hover {
color: var(--theme-hover-color);
}
.wztkj_innerartr_bdtag {
font-size: 14px;
color: #575757;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.wztkj_innerartr_bdtag .wztkj_innerartr_bdtagbox>a {
position: relative;
margin-left: 15px;
color: #9d9d9d;
}
.wztkj_innerartr_bdtag .wztkj_innerartr_bdtagbox>a:after {
position: absolute;
left: -10px;
top: 44%;
content: "";
width: 4px;
height: 4px;
background-color: #9d9d9d;
border-radius: 50%;
}
.social-share {
display: flex;   
}
.wztkj_innerartpror_tag .social-share .social-share-icon,
.article_bottom_tag .social-share .social-share-icon,
.wztkj_innerartr_bdtag .social-share .social-share-icon {
width: 26px;
height: 26px;
font-size: 16px;
line-height: 26px;
}
.wechat-qrcode .help {
display: block;
}
.social-share .icon-wechat .wechat-qrcode {
z-index: 10000!important;
}
.social-share .icon-wechat .wechat-qrcode h4::before {
display: none;
}
.wztkj_innerartr_bdrecommend h2{
margin-bottom: 15px;
height: 36px;
border-bottom: 1px solid #e8e8e8;
text-transform: capitalize;
line-height: 1.45;
color: #414141;
font-weight: 700;
font-size: 20px;
}
.wztkj_innerartr_bdrecommend ul li {
width: 50%;
float: left;
padding: 10px 10px 10px 20px;
font-size: 14px;
box-sizing: border-box;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.wztkj_innerartr_bdrecommend ul li:after {
position: absolute;
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(315deg);
left: 0;
top: 44%;
} .wztkj_article_box {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
.wztkj_article_box .wztkj_article {
width: 100%;
}
.wztkj_sidebar .wztkj_article_box {
width: 100%;
}
.wztkj_sidebar .wztkj_article {
width: 940px;
}
.wztkj_article_box .wztkj_article .wztkj_paging {
font-size: 14px;
margin-bottom: 15px;
color: #808080;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
}
.wztkj_article_box .wztkj_article .wztkj_paging a {
color: #808080;
}
.wztkj_article_box .wztkj_article_aside {
width: 300px;
border-radius: var(--border-radius);
box-sizing: border-box;
}
.wztkj_article_box .wztkj_article article {
padding: 30px;
background-color: #fff;
border-radius: var(--border-radius);
}
.wztkj_article_box .wztkj_article article h1 {
text-align: center;
margin-bottom: 15px;
line-height: 1.5;
color: #4d4d4d;
font-size: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
}
.wztkj_article_information {
display: flex;
color: #808080;
justify-content: center;
font-size: 14px;
border-bottom: 1px solid #f1f4f9;
padding-bottom: 20px;
}
.wztkj_article_information  svg {
width: 18px;
height: 18px;
fill: #808080;
vertical-align: bottom;
}
.wztkj_article_information span + span {
margin-left: 15px;
}
.wztkj_article_information span img {
width: 25px;
}
.wztkj_article_content {
margin: 20px auto;
line-height: 1.7;
}
.wztkj_article_content p {
margin: 15px 0;
font-size: 15px;
}
.wztkj_article_content li {
font-size: 15px;
}
.wztkj_article_content img {
max-width: 100%;
}
.wztkj_article_content img.aligncenter {
margin: 0 auto;
display: block;
}
.article_bottom_tag button,
.article_operation_button button {
border: 0;
outline: none;
transition: all .1s;
}
.article_operation_button button svg {
width: 16px;
height: 16px;
vertical-align: bottom;
}
.article_operation_button button svg path {
fill: #000;
}
.article_operation_button button {
width: 130px;
height: 42px;
background-color: #f1f4f9;
border-radius: var(--border-radius);
cursor: pointer;
}
.article_operation_button button.wztkj_like_active,
.article_operation_button button.wztkj_collect_active,
.article_operation_button button.wztkj_like_active svg path,
.article_operation_button button.wztkj_collect_active svg path {
color: #FFF;
fill: #FFF;
background-image: linear-gradient(90deg, #006eff, #13adff);
}
.article_operation_button button:hover,
.article_operation_button button:hover svg path{
color: #FFF;
fill: #FFF;
background-image: linear-gradient(90deg, #006eff, #13adff);
}
.article_operation_button button + button {
margin-left: 20px;
}
.article_operation_button {
margin-bottom: 20px;
text-align: center;
}
.article_bottom_tag {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.article_bottom_tag button {
padding: 5px 15px;
background-color: rgba(0, 102, 255, .8);
font-size: 14px;
color: white;
border-radius: var(--border-radius);
cursor: pointer;
}
.article_bottom_tag button + button {
margin-left: 10px;
}
.article_bottom_tag button a {
color: white;
}
.article_bottom_tag button:hover {
background-color: rgba(0, 102, 255, 1);
}
.share_link {
background-color: white;
padding: 30px;
margin: 20px auto;
border-radius: var(--border-radius);
display: flex;
justify-content: space-between;
align-items: center;
}
.share_link div:first-child a {
color: rgb(0, 102, 255);
}
.share_link div:first-child span {
font-size: 14px;
}
.other_article {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px auto;
}
.other_article .wztkj_article_prev,
.other_article .wztkj_article_next {
background-color: white;
width: 49%;
box-sizing: border-box;
border-radius: var(--border-radius);
}
.other_article .wztkj_article_prev p,
.other_article .wztkj_article_next p {
display: flex;
align-items: center;
padding: 0 30px;
margin: 25px 0;
}
.other_article .wztkj_article_prev span,
.other_article .wztkj_article_next span {
margin-right: 10px;
font-size: 14px;
}
.other_article .wztkj_article_prev a,
.other_article .wztkj_article_next a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: calc( 100% - 66px);
vertical-align: bottom;
font-size: 14px;
}
.no_padding {
padding: 0 !important;
} .wztkj_article_border {
padding: 10px 20px;
border: 2px dotted rgb(233, 233, 233);
position: relative;
}
.top_left,
.top_right,
.bottom_left, 
.bottom_right {
position: absolute;
width: 20px !important;
height: 20px;
border-width: 2px;
border-style: solid;
}
.top_left {
border-color: #0070c0 transparent transparent #0070c0;
top: -2px;
left: -2px;
}
.top_right {
border-color:  #0070c0 #0070c0 transparent transparent;
right: -2px;
top: -2px;
}
.bottom_left {
border-color: transparent transparent #0070c0 #0070c0;
bottom: -2px;
left: -2px;
}
.bottom_right {
border-color: transparent #0070c0 #0070c0 transparent;
bottom: -2px;
right: -2px;
} .wztkj_innerartcombodyl .wzykj_single_related {
padding: 0 30px 20px;
}
.wztkj_innerartcombodyl .smile div a {
background-color: #e8e8e8;
}
.wztkj_article .wzykj_single_related {
padding: 0 30px 20px;
}
.wzykj_single_related {
margin: 15px 0;
background-color: #FFF;
border-radius: var(--border-radius);
}
.related_top {
border-bottom: 1px solid #e8e8e8;
}
.related_top p {
padding: 20px 0px 10px;
}
.wzykj_single_related .qcfd {
display: flex;
align-items: center;
margin: 10px 0;
border-bottom: 1px dashed #f0f0f0;
padding: 10px 0;
}
.wzykj_single_related .children {
margin-left: 30px;
}
.relatednav_tou {
width: 60px;
flex-shrink: 0;
}
.relatednav_tou img {
width: 100%;
border-radius: 50%;
object-fit: cover;
}
.relatednav_nr {
margin-left: 20px;
flex-grow: 1;
max-width: calc(100% - 80px);
}
.relatednav_nr h3 {
font-size: 16px;
font-weight: 600;
}
.relatednav_nr_p {
margin: 5px 0;
font-size: 14px;
color: #B1B1bb;
}
.relatednav_nr_p p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
}
.relatednav_nr_d {
font-size: 14px;
display: flex;
justify-content: space-between;
}
#commentform .dl {
display: flex;
margin: 10px 0;
justify-content: space-between;
align-items: center;
}
#commentform .dl div {
width: 49%;
display: flex;
padding: 5px;
box-sizing: border-box;
align-items: center;
border: 1px solid #000;
border-radius: var(--border-radius);
}
#commentform .dl div img {
width: 20px;
height: 20px;
display: block;
}
#commentform .dl div span {
margin-right: 10px;
}
#commentform .dl div input {
width: 100%;
height: 100%;
border: none;
}
.relatedbt textarea {
width: 100%;
height: 130px;
padding: 15px;
box-sizing: border-box;
border: 1px solid #000;
outline: none;
font-size: 14px;
letter-spacing: 1px;
border-radius: var(--border-radius);
}
.relatedbt_bt {
display: flex;
justify-content: space-between;
}
.tool {
position: relative; 
width: 30px;
}
.tool>a>img {
width: 100%;
}
.smile {
position: absolute;
z-index: 100;
display: none;
background-color: #FFF;
padding: 3px;
}
.smile div {
width: 224px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 3px;
}
.smile div a {
display: block;
width: 100%;
box-sizing: border-box;
padding: 3px;
background-color: #f0f0f0;
}
.smile div a img {
width: 100%;
}
.relatedbt_an input[type="submit"],
#cancel-comment-reply-link {
font-size: 14px;
background-color: #FFF;
border: 1px solid #000;
color: #000;
border-radius: var(--border-radius);
outline: none;
padding: 5px 15px;
cursor: pointer;
} .wztkj_innerartpro {
background-color: #f1f4f9;
padding: 20px 0;
}
.wztkj_innerartprol {
float: left;
width: 300px;
}
.wztkj_sidebar .wztkj_innerartpror {
width: 940px;
margin-top: 0;
}
.wztkj_innerartpror {
float: right;
width: 100%;
background-color: #fff;
box-sizing: border-box;
padding: 30px;
border-radius: var(--border-radius);
}
.wztkj_innerartpror_hd {
font-size: 14px;
color: #808080;
box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
}
.wztkj_innerartpror_hd a {
color: #808080;
display: inline-block;
margin-bottom: 10px;
}
.wztkj_innerartpror_hd a:hover {
color: var(--theme-hover-color);
}
.wztkj_innerartpror_int {
margin-bottom: 20px;
display: flex;
}
.wztkj_innerartpror_intl {
width: 450px;
height: 268px;
box-shadow: var(--theme-title-shadow);
text-align: center;
position: relative;
margin-right: 20px;
}
.wztkj_innerartpror_intl img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
left: 50%;
transform: translate(-50%,0);
transition: all .5s;
}
.wztkj_innerartpror_intr {
width: calc(100% - 470px);
color: #999;
}
.wztkj_innerartpror_intr h1 {
padding-bottom: 10px;
line-height: 30px;
font-size: 24px;
font-weight: 600;
border-bottom: 1px solid #bfbfbf;
margin-bottom: 15px;
text-align: center;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
}
.wztkj_innerartpror_intrdata {
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 10px;
text-align: center;
}
.wztkj_innerartpror_intrdata em {
color: #ccc;
margin: 0 8px;
}
.wztkj_innerartpror_intrdata img {
height: 20px;
vertical-align: text-bottom;
margin-right: 5px;
}
.wztkj_innerartpror_edit {
font-size: 14px;
margin-bottom: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
line-clamp: 6;
}
.wztkj_innerartpror_edit span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
}
.wztkj_innerartpror_btn {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.wztkj_innerartpror_btn a {
width: 120px;
height: 40px;
font-size: 14px;
line-height: 40px;
border: 1px solid #666;
border-radius: var(--border-radius);
transition: all 0.5s;
flex-shrink: 0;
box-sizing: border-box;
padding: 0 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
display: inline-flex;
justify-content: center;
align-items: center;
}
.wztkj_innerartpror_btn a img {
max-width: 20px;
max-height: 20px;
margin-right: 5px;
}
.wztkj_innerartpror_btn a + a {
margin-left: 30px;
}
.wztkj_sidebar .wztkj_innerartpror_btn a + a {
margin-left: 10px;
}
.wztkj_innerartpror_btn a span {
margin-right: 5px;
}
.wztkj_innerartpror_content h2 {
border-bottom: 1px solid #999;
}
.wztkj_innerartpror_content img {
max-width: 100%;
}
.wztkj_innerartpror_content h2 span {
display: inline-block;
width: 110px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 18px;
margin-bottom: -1px;
background: #fff;
border: 1px solid #bfbfbf;
border-bottom: 1px solid #fff;
}
.wztkj_innerartpror_contentval {
margin-top: 20px;
margin-bottom: 20px;
line-height: 1.7;
font-size: 16px;
}
.wztkj_innerartpror_contentval p {
margin: 15px 0;
font-size: 15px;
}
.wztkj_innerartpror_tag {
font-size: 14px;
color: #575757;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.wztkj_innerartpror_tag .wztkj_innerartpror_tagbox {
width: calc(100% - 140px);
}
.wztkj_innerartpror_tag .wztkj_innerartpror_tagbox>a {
position: relative;
margin-left: 15px;
color: #9d9d9d;
}
.wztkj_innerartpror_tag .wztkj_innerartpror_tagbox>a:after {
position: absolute;
left: -10px;
top: 44%;
content: "";
width: 4px;
height: 4px;
background-color: #9d9d9d;
border-radius: 50%;
}
.wztkj_innerartpror_page {
overflow: hidden;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
.wztkj_innerartpror_page span {
font-size: 14px;
color: #575757;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 45%;
}
.wztkj_innerartpror_pageprev {
float: left;
}
.wztkj_innerartpror_pageprev a {
margin-left: 10px;
text-align: left;
}
.wztkj_innerartpror_pageprev a,
.wztkj_innerartpror_pagenext a { overflow: hidden;
width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.wztkj_innerartpror_pagenext {
float: right;
}
.wztkj_innerartpror_pagenext a {
margin-left: 15px;
text-align: left;
}
.wztkj_innerartpror_page a {
color: #575757;
}
.wztkj_innerartpror_page a:hover {
color: var(--theme-hover-color);
}
.wztkj_innerartpror_recommend h2 {
margin-bottom: 15px;
height: 36px;
border-bottom: 1px solid #e8e8e8;
text-transform: capitalize;
line-height: 1.45;
color: #414141;
font-weight: 700;
font-size: 20px;
}
.wztkj_innerartpror_recommend ul li {
width: 50%;
float: left;
padding: 5px 0;
padding-left: 20px;
font-size: 14px;
box-sizing: border-box;
position: relative;
padding-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wztkj_innerartpror_recommend ul li a {
color: #9d9d9d;
}
.wztkj_innerartpror_recommend ul li:after {
position: absolute;
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(315deg);
left: 0;
top: 44%;
} .wztkj_innerartcom {
background-color: #f1f4f9;
}
.wztkj_innerartcomhead {
background: linear-gradient(to right, #1e2125, #323a46);
padding: 40px 0;
color: #fff;
}
.wztkj_innerartcomhead a {
color: #fff;
}
.wztkj_innerartcomheadl {
float: left;
width: 450px;
height: 275px;
max-height: 300px;
box-sizing: border-box;
}
.wztkj_innerartcomheadl img {
height: 100%;
width: 100%;
border-radius: var(--border-radius);
object-fit: cover;
object-position: center;
}
.wztkj_innerartcomheadr {
float: right;
padding: 0 10px;
width: calc(100% - 470px);
box-sizing: border-box;
}
.wztkj_innerartcomheadr h1  {
margin-top: 10px;
font-size: 24px;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
}
.wztkj_innerartcomheadr_meta {
font-size: 12px;
margin-bottom: 10px;
}
.wztkj_innerartcomheadr_meta>span {
margin-right: 10px;
}
.wztkj_innerartcomheadr_meta>span img {
width: 20px;
height: 20px;
margin-top: -3px;
vertical-align: middle;
}
.wztkj_innerartcomheadr_meta>span .iconfont {
margin-right: 5px;
font-size: 12px;
}
.wztkj_innerartcomheadr_int {
margin-bottom: 10px;
}
.wztkj_innerartcomheadr_intl {
float: left;
box-sizing: border-box;
padding: 0 10px;
padding-top: 10px;
width: 50%;
background: rgb(0 0 0 / 0.3);
border-radius: var(--border-radius);
}
.wztkj_innerartcomheadr_intr {
float: right;
box-sizing: border-box;
width: 50%;
}
.wztkj_innerartcomheadr_intl li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0px 10px 20px;
position: relative;
font-size: 13px;
}
.wztkj_innerartcomheadr_intl li::before {
content: "";
height: 100%;
width: 1px;
left: 5px;
background: rgb(255 138 138 / 50%);
position: absolute;
top: calc((10px - -5px) / 2);
}
.wztkj_innerartcomheadr_intl li:last-child::before {
display: none;
}
.wztkj_innerartcomheadr_intl li::after {
content: "";
left: 0px;
display: inline-block;
box-sizing: border-box;
width: 11px;
height: 11px;
background-color: #ff8f8f;
flex-shrink: 0;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-image: initial;
border-radius: 50%;
position: absolute;
top: calc((10px - -5px) / 2);
}
.wztkj_innerartcomheadr_intr ul {
padding-left: 10px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 10px;
grid-auto-flow: column;
}
.wztkj_innerartcomheadr_intr ul li {
width: 100%;
box-sizing: border-box;
}
.wztkj_innerartcomheadr_intr ul li span {
display: block;
box-sizing: border-box;
line-height: 38px;
text-align: center;
font-size: 13px;
font-weight: 400;
border-radius: var(--border-radius);
color: #fff;
background: linear-gradient(90deg, #385DFE, #5EB3FF);
}
.wztkj_innerartcomheadr_btn {
display: flex;
flex-wrap: wrap;
}
.wztkj_innerartcomheadr_btn button {
width: 163px;
height: 48px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
transition: all .3s;
border: 0;
margin-right: 10px;
cursor: pointer;
border-radius: 3px;
}
.wztkj_innerartcomheadr_btn button:last-child {
margin-right: 0;
}
.wztkj_innerartcomheadr_btn .wztkj_innerartcomheadr_btn_bd {
background: linear-gradient(90deg, #EB0000, #FF8181);
}
.wztkj_innerartcomheadr_btn .wztkj_innerartcomheadr_btn_wp {
background: linear-gradient(90deg, #ffffff, #ffffff);
color: #000;
}
.wztkj_innerartcomheadr_btn .wztkj_innerartcomheadr_btn_wp img {
height: 30px;
}
.wztkj_innerartcomheadr_btn .wztkj_innerartcomheadr_btn_yzm {
background: linear-gradient(90deg, #00a577, #13af00);
}
.wztkj_innerartcomheadr_btn .wztkj_innerartcomheadr_btn_yzm img {
height: 30px;
}
.wztkj_innerartcomheadr_btn button img {
height: 20px;
margin-right: 10px;
}
.wztkj_innerartcombody {
padding: 20px 0;
}
.wztkj_innerartcombodyl {
float: left;
width: 100%;
position: relative;
}
.wztkj_sidebar .wztkj_innerartcombodyl {
width: 940px;
}
.wztkj_innerartcombodyr {
float: right;
width: 300px;
}
.wztkj_innerartcombodyl_tap {
display: flex;
flex-wrap: wrap;
border-bottom: solid 1px #f0f4f5;
background-color: #fff;
box-sizing: border-box;
padding: 30px 30px 20px;
}
.wztkj_innerartcombodyl_tap li {
cursor: pointer;
padding: 5px 15px;
box-sizing: border-box; font-size: 14px;
color: #575757;
}
.wztkj_innerartcombodyl_tap .wztkj_innerartcombodyl_tapthis {
border-bottom: 2px solid #323a46;
}
.wztkj_innerartcombodyl_taps {
padding: 10px 30px 20px;
background-color: #fff;
box-sizing: border-box;
}
.wztkj_innerartcombodyl_taps img {
max-width: 100%;
}
.wztkj_innerartcombodyl_tapsls {
font-size: 14px;
color: #808080;
box-sizing: border-box;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
}
.wztkj_innerartcombodyl_tapsls a {
color: #808080;
}
.wztkj_innerartcombodyl_tapstag {
font-size: 14px;
color: #575757;
display: flex;
align-items: center;
justify-content: space-between;
}
.wztkj_innerartcombodyl_contentval {
margin-bottom: 20px;
line-height: 1.7;
}
.wztkj_innerartcombodyl_contentval p {
margin: 15px 0;
font-size: 15px;
}
.wztkj_innerartcombodyl_tapstag .wztkj_innerartcombodyl_tapstagbox>a {
position: relative;
margin-left: 15px;
color: #9d9d9d;
}
.wztkj_innerartcombodyl_tapstag .wztkj_innerartcombodyl_tapstagbox>a:after {
position: absolute;
left: -10px;
top: 44%;
content: "";
width: 4px;
height: 4px;
background-color: #9d9d9d;
border-radius: 50%;
}
.wztkj_innerartcombodyl_tapstag .social-share .social-share-icon {
width: 24px;
height: 24px;
font-size: 16px;
line-height: 24px;
}
.wztkj_innerartcombodyl_page {
margin-top: 20px;
display: flex;
}
.wztkj_innerartcombodyl_page>div {
width: 49%;
background-color: #FFF;
box-sizing: border-box;
padding: 20px;
display: flex;
justify-content: space-between;
font-size: 14px;
color: #575757;
transition: all 0.3s;
white-space: nowrap;
}
.wztkj_innerartcombodyl_page>div a {
color: #575757;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
white-space: normal;
}
.wztkj_innerartcombodyl_page>div:hover {
box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%);
transform: translateY(-3px);
}
.wztkj_innerartcombodyl_page>div:hover a {
color: var(--theme-hover-color);
}
.wztkj_innerartcombodyl_pagel {
margin-right: 2%;
background-color: #FFF;
}
.wztkj_innerartcombodyl_recommendhd {
letter-spacing: 1px;
text-transform: uppercase;
padding: 0;
color: #34495e;
font-weight: 700;
line-height: 1.2;
margin: 15px 0 0;
background-color: #FFF;
padding: 15px 30px;
border-radius: var(--border-radius);
position: relative;
}
.wztkj_innerartcombodyl_recommend {
margin-top: 20px;
background-color: #FFF;
padding: 0px 30px;
border-radius: var(--border-radius);
display: flex;
flex-wrap: wrap;
}
.wztkj_innerartcombodyl_recommend>div {
width: 49%;
background-color: #FFF;
box-sizing: border-box;
padding: 20px;
padding-left: 30px;
font-size: 14px;
color: #575757;
margin-right: 2%;
margin-bottom: 10px;
position: relative;
transition: all 0.3s;
}
.wztkj_innerartcombodyl_recommend>div>a {
width: 100%;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
}
.wztkj_innerartcombodyl_recommend>div:hover {
box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%);
transform: translateY(-3px);
}
.wztkj_innerartcombodyl_recommend>div:nth-child(2n) {
margin-right: 0;
}
.wztkj_innerartcombodyl_recommend>div:after {
position: absolute;
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(315deg);
left: 10px;
top: 47%;
}
.wztkj_innerartcombodyl_store {
position: absolute;
top: 15px;
right: 15px;
}
.wztkj_innerartcombodyl_store span {
font-size: 30px;
color: #575757;
cursor: pointer;
}
.wztkj_innerartcombodyl_store .icon-shoucang1  {
color: #ffbc00;
}
.wztkj_routinebd2:hover{
transform: ease(2);
} .wztkj_image_popup {
max-width: 700px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10001;
display: none;
}
.wztkj_image_popup_close {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
}
.wztkj_image_popup_close img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .wztkj_yzm_popup {
width: 500px;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #FFF;
padding: 15px;
border-radius: var(--border-radius);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
}
.wztkj_yzm_popup_none {
display: none;
}
.wztkj_yzm_popup_close {
position: absolute;
right: 5px;
top: 5px;
width: 20px;
height: 20px;
cursor: pointer;
}
.wztkj_yzm_popup_close img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.wztkj_yzm_popup_image img,
.wztkj_buy_popup_image img {
border-radius: var(--border-radius);
object-fit: contain;
object-position: center;
}
.wztkj_yzm_popup_text {
width: calc(100% - 200px);
padding-left: 15px;
}
.wztkj_yzm_popup_text>div:first-child {
background-color: #01AAED;
color: #FFF;
border-radius: var(--border-radius);
margin-bottom: 25px;
padding: 10px;
}
.wztkj_yzm_popup_text p {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
}
.wztkj_yzm_popup_text .wztkj_yzm_popup_input {
display: flex;
align-items: center;
}
.wztkj_yzm_popup_text .wztkj_yzm_popup_input>div {
width: calc(100% - 50px);
}
.wztkj_yzm_popup_text .wztkj_yzm_popup_input input {
outline: none;
border: 1px solid #01AAED;
font-size: 16px;
padding: 5px 10px;
border-radius: var(--border-radius) 0 0 var(--border-radius);
width: 100%;
}
.wztkj_yzm_popup_text .wztkj_yzm_popup_input button {
outline: none;
border: 0;
background-color: #01AAED;
color: #FFF;
padding: 6px 10px;
font-size: 15px;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
} .wztkj_buy_popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
margin: 0 auto;
width: 500px;
display: flex;
flex-direction: column;
background-color: #FFF;
border-radius: var(--border-radius);
}
.wztkj_buy_popup_none {
display: none;
}
.wztkj_buy_popup_title {
height: 50px;
padding: 15px 30px;
border-bottom: 1px solid #f1f4f9;
box-sizing: border-box;
font-size: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.wztkj_buy_popup_close {
width: 20px;
height: 20px;
cursor: pointer;
}
.wztkj_buy_popup_close img {
width: 100%;
height: 100%;
}
.wztkj_buy_popup_confirm {
padding: 15px 30px;
}
.wztkj_buy_popup_confirm p {
font-size: 14px;
margin-bottom: 15px;
}
.wztkj_buy_popup_btn {
text-align: right;
}
.wztkj_buy_popup_btn button {
outline: none;
border: 0;
padding: 10px 20px;
border-radius: var(--border-radius);
cursor: pointer;
}
.wztkj_buy_popup_btn button:first-child {
background-color: #CC0033;
color: #FFF;
}
.wztkj_download_popup {
width: 200px;
background-color: #FFF;
text-align: center;
padding: 20px;
border-radius: var(--border-radius);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
display: none;
}
.wztkj_download_popup p {
background-color: #01AAED;
color: #FFF;
height: 30px;
line-height: 30px;
border-radius: var(--border-radius);
}
.wztkj_download_popup div {
margin-top: 15px;
font-size: 15px;
}
.wztkj_download_popup_close {
position: absolute;
right: 0px;
top: -15px;
width: 20px;
height: 20px;
cursor: pointer;
}
.wztkj_download_popup_close img {
width: 100%;
height: 100%;
} .wztkj_mobile_pic_list {
display: none;
}
.wztkj_module {
height: 580px;
display: flex;
justify-content: space-between;
box-shadow: var(--theme-title-shadow);
border-radius: var(--border-radius);
margin-bottom: 50px;
}
.wztkj_module .wztkj_module_left_bigpic {
overflow: hidden;
transition: .5s;
transform: translateY(0px);
display: flex;
height: 200%;
flex-direction: column;
}
.wztkj_left_list_item.swiper-slide {
padding: 20px;
box-sizing: border-box;
}
.wztkj_module_left_box {
width: calc(100% - 208px);
overflow: hidden;
height: 100%;
border-radius: var(--border-radius);
}
.wztkj_module img,
.wztkj_module_list_item img {
object-fit: cover;
object-position: center;
cursor: pointer;
height: 100%;
width: 100%;
border-radius: var(--border-radius);
}
.wztkj_module .wztkj_module_right_box {
position: relative;
width: 188px;
overflow: hidden;
margin: 20px 20px 20px 0;
}
.wztkj_tuce_prev, 
.wztkj_tuce_next {
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center;
line-height: 20px;
width: 80px;
background: rgba(0, 0, 0, .5);
cursor: pointer;
z-index: 1;
opacity: 0;
transition: .3s;
}
.wztkj_module:hover .wztkj_tuce_next,
.wztkj_module:hover .wztkj_tuce_prev {
opacity: 1;
}
.wztkj_tuce_prev svg, 
.wztkj_tuce_next svg {
width: 25px;
height: 25px;
}
.wztkj_tuce_prev {
top: 0;
}
.wztkj_tuce_next {
bottom: 0;
}
.wztkj_module_right_box .wztkj_module_right_list {
list-style: none;
transition: .3s;
}
.wztkj_module_list_item {
width: 100%;
height: 100px;
position: relative;
}
.wztkj_module_list_item::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
}
.wztkj_module_list_item.swiper-slide-thumb-active::after {
background-color: transparent;
}
.wztkj_module_list_item img {
width: 100%;
border-radius: var(--border-radius);
vertical-align: middle;
}
.wztkj_rebox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
z-index: 10001;
display: none;
justify-content: center;
align-items: center;
}
.wztkj_rebox .swiper {
max-width: 1000px;
height: 678px;
overflow: hidden;
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.wztkj_rebox .swiper li {
height: 100%;
width: 1000px;
flex-shrink: 0;
padding: 10px;
background-color: #fff;
box-sizing: border-box;
}
.wztkj_rebox .swiper li img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.wztkj_rebox button {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(0, 0, 0, .5);
color: white;
border: none;
outline: none;
cursor: pointer;
position: absolute;
right: 5%;
top: 5%;
opacity: 0;
transition: .3s;
}
.wztkj_rebox:hover button {
opacity: 1;
}
.wztkj_rebox button:hover {
transform: scale(1.2);
background-color: rgba(0, 0, 0, .7);
}
.wztkj_rebox button img {
width: 20px;
height: 20px;
margin-left: -10px;
pointer-events: none;
}
.wztkj_rebox button.wztkj_rebox_next img {
margin-right: -20px;
}
.wztkj_rebox button.wztkj_rebox_prev {
left: 5%;
top: calc(50% - 20px);
}
.wztkj_rebox button.wztkj_rebox_next {
right: 5%;
top: calc(50% - 20px);
}
.wztkj_rebox button.wztkj_rebox_close {
font-size: 28px;
text-align: center;
line-height: 40px;
} .wztkj_list4 img {
height: 100%;
object-fit: cover;
object-position: center;
}
.wztkj_list1_product4_wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wztkj_list1_product4_wrapper>li {
display: flex;
flex-direction: column;
width: 24%;
overflow: hidden;
margin-bottom: 20px;
box-shadow: var(--theme-title-shadow);
border-radius: var(--border-radius);
transition: .5s;
position: relative;
}
.wztkj_list1_product4_wrapper>li:hover {
box-shadow: var(--theme-hover-shadow);
}
.wztkj_list1_product4_tag {
position: absolute;
right: 10px;
top: 10px;
}
.wztkj_list1_product4_tag button + button {
margin-left: 10px;
}
.wztkj_sidebar .wztkj_list1_product4_wrapper>li {
width: 32.4%;
}
.wztkj_list1_product4_wrapper>li + li {
margin-left: 1.3333333333333333%;
}
.wztkj_sidebar .wztkj_list1_product4_wrapper>li:nth-child(3n + 1) {
margin-left: 0;
}
.wztkj_list4_nosidebar .wztkj_list1_product4_wrapper>li:nth-child(4n + 1) {
margin-left: 0;
}
.wztkj_list1_product4_title {
text-align: center;
font-size: 15px;
font-weight: normal;
cursor: pointer;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
padding: 0 15px;
margin: 20px auto;
}
.wztkj_list1_product4_title:hover {
color: var(--theme-hover-color);
}
.wztkj_list1_product4 {
flex-grow: 1;
overflow: hidden;
}
.wztkj_list1_product4 a {
display: block;
height: 100%;
height: 180px;
}
.wztkj_list1_product4 img {
width: 100%;
transition: transform .3s;
}
.wztkj_list1_product4 img:hover {
transform: scale(1.1);
} .paginations {
margin: 20px 0;
text-align: center;
}
.paginations a,
.paginations span {
display: inline-block;
padding: 5px 10px;
margin: 0 5px;
border-radius: var(--border-radius);
vertical-align: top;
font-size: 14px;
}
.paginations span,
.paginations a:hover {
color: #FFF;
background-color: #01AAED;
}
.wztkj_sort_fenlei,
.wztkj_sort_fenlei ul,
.wztkj_add_classify,
.wztkj_add_classify_box {
display: flex;
}
.wztkj_sort_fenlei ul {
align-items: center;
}
.wztkj_sort_fenlei {
margin: 5px auto;
align-items: center;
}
.wztkj_sort_fenlei p{
white-space: nowrap;
padding: 5px;
box-sizing: border-box;
align-self: start;
}
.wztkj_sort_fenlei ul {
flex-wrap: wrap;   
}
.wztkj_sort_fenlei ul li {
padding: 5px 10px;
color: #5e5e5e;
font-size: 14px;
cursor: pointer;
border-radius: var(--border-radius);
}
.wztkj_sort_fenlei ul li:hover {
background-color: #e8e8e8;
}
.wztkj_sort_fenlei ul li.active {
background-color: #e8e8e8;
}
.wztkj_add_classify {
flex-direction: column;
}
.wztkj_add_classify ul {
display: block;
word-wrap: break-word;
line-height: 1.75;
}
.wztkj_add_classify ul li {
display: inline;
}
.wztkj_add_classify ul li + li {
margin-left: 10px;
}
.wztkj_add_classify li.active {
font-weight: bold;
}
.wztkj_add_classify li.active a {
color: #00aaee;
}
.wztkj_add_classify_box {
margin: 10px 0;
align-items: center;
}
.wztkj_add_classify_box p {
white-space: nowrap;
align-self: start;
padding-top: 3px;
} .w-e-text .w-e-todo li span {
margin-right: 10px;
}
.w-e-text img {
margin: 5px 0;
}
.w-e-text blockquote {
border-left: 8px solid var(--wenben-yinyong-left-color);
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: var(--border-color);
}
.w-e-text blockquote p {
margin: 10px auto;
}
.w-e-text hr {
margin: 20px auto;
}
.w-e-text i {
font-style: italic;
}
.w-e-text a {
color: var(--theme-hover-color);
}
.w-e-text ul li {
list-style: disc;
list-style-position: inside;
}
.w-e-text ol li {
list-style: decimal;
list-style-position: inside;
}
.w-e-text .w-e-todo li {
list-style: none;
}
.w-e-text table {
border-collapse: collapse;
}
.w-e-text table td,
.w-e-text table th {
border: 1px solid #ccc;
font-size: 13px;
padding: 5px;
}
.w-e-text table th {
border-bottom-width: 2px;
background-color: #F1F1F1;
}
.w-e-text table tr:hover {
background-color: #F1F1F1;
}
.w-e-text p iframe {
display: block;
width: 100%;
height: 760px;
margin: 0 auto;
}
.w-e-text pre {
margin: 10px 0;
padding: 15px;
font-size: 14px;
border-radius: var(--border-radius);
background-color: #F1F1F1;
} .wztkj_accordion {
margin-top: 20px;
margin-bottom: 20px;
}
.wztkj_accordion_list {
display: flex;
align-items: center;
height: 400px;
}
.wztkj_accordion_list li {
flex-shrink: 0;
position: relative;
border-radius: var(--border-radius);
overflow: hidden;
height: 100%;
transition: .3s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
.wztkj_accordion_list li + li {
margin-left: 20px;
}
.wztkj_accordion_list li:first-child {
width: 600px;
}
.wztkj_accordion_img {
position: absolute;
width: 100%;
height: 100%;
}
.wztkj_accordion_img img {
height: 100%;
width: 100%;
object-position: center;
object-fit: cover;
}
.wztkj_accordion_content {
display: flex;
flex-direction: column;
position: absolute;
z-index: 2;
left: 10px;
right: 0;
bottom: 10px;
transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
color: #FFF;
}
.wztkj_accordion_title a {
color: #FFF;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
}
.wztkj_accordion_date {
font-size: 12px;
margin: 5px 0 2px;
}
.wztkj_accordion_text {
font-size: 13px;
height: 1rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
}
.shadow {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100px;
transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
background: linear-gradient(to top, rgba(0, 0, 0, .65) 65%, transparent);
z-index: 1;
} .wztkj_list_routine {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 15px;
row-gap: 20px;
padding-bottom: 10px;
}
.wztkj_sidebar .wztkj_list_routine {
width: 940px;
grid-template-columns: repeat(4, 1fr);
}
.wztkj_list_item {
width: 100%;
position: relative;
}
.wztkj_list_item_container {
transition: .5s;
position: relative;
}
.wztkj_list_item:hover .wztkj_list_item_container {
transform: translateY(-3px);
box-shadow: 0 34px 20px -24px rgb(136 161 206 / .3)
}
.wztkj_img_box {
height: 150px;
}
.wztkj_img_box img {
border-radius: var(--border-radius) var(--border-radius) 0 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.wztkj_bomA {
padding: 15px;
background-color: #FFF;
border: 1px solid #E8EEF4;
border-radius: 0 0 var(--border-radius) var(--border-radius);
position: relative;
}
.wztkj_bom {
position: absolute;
width: 100%;
height: 120px;
box-sizing: border-box;
border: 1px solid #E8EEF4;
background-color: #fff;
border-radius: 0px 0px 5px 5px;
left: 0;
z-index: -1;
}
.wztkj_bom {
bottom: -4px;
}
.wztkj_bom2 {
bottom: -8px;
z-index: -2;
}
.wztkj_wztkj_ificboxTit {
display: flex;
align-items: center;
height: 17px;
}
.wztkj_wztkj_ificboxTit a {
font-size: 13px;
display: inline-flex;
align-items: center;
}
.wztkj_wztkj_ificboxTit a + a {
margin-left: 10px;
}
.wztkj_blue::before,
.wztkj_red::before {
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
margin-right: 5px;
}
.wztkj_red::before {
background-color: #f00;
}
.wztkj_blue::before {
background-color: #2064FC;
}
.wztkj_ificconttit {
margin: 15px 0 15px 0;
}
.wztkj_ificconttit h2 {
font-size: 15px;
height: 40px;
color: #333;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
word-break: break-all;
}
.wztkj_ificcontB {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
color: #666;
}
.wztkj_ificcontB img {
max-width: 16px;
max-height: 16px;
}
.wzt_ifitBbotmf,
.wzt_ifitBbotvip,
.wzt_ifitBbotjf {
outline: none;
border: 0;
width: 41px;
height: 18px;
background: var(--btn-mianfei-color);
border-radius: var(--border-radius);
font-size: 12px;
font-weight: 400;
color: #fff;
margin-right: 5px;
}
.wzt_ifitBbotvip {
background: var(--btn-VIP-color);
}
.wzt_ifitBbotjf {
background: var(--btn-jifen-color);
}
.wztkj_ificBleft,
.wztkj_ificBright {
display: flex;
align-items: center;
}
.wztkj_ificBleft img,
.wztkj_ificBright img {
margin-right: 5px;
} .inside {
margin: 20px 0;
}
.wztkj_goodsinner {
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
flex-wrap: wrap;
color: #999999;
font-size: 14px;
}
.wztkj_goodsinner_yzm p:last-child,
.wztkj_goodsinner_wp p:last-child{
margin-bottom: 15px;
}
.wztkj_goodsinner_yzm,
.wztkj_goodsinner_local,
.wztkj_goodsinner_wp {
flex-direction: column;
align-items: start;
}
.wztkj_goodsinner span {
display: inline-block;
min-width: 100px;
margin-right: 20px;
}
.wztkj_goodsinner_yzm p:first-child,
.wztkj_goodsinner_wp p:first-child {
order: 1;
}
.wztkj_goodsinner input[type=radio] {
display: none;
}
.wztkj_goodsinner label {
border: 1px solid #8c8f94;
color: #666;
padding: 0 5px;
line-height: 40px;
height: 40px;
box-sizing: border-box;
min-width: 80px;
text-align: center;
float: left;
margin: 3px 10px 0 0;
border-radius: var(--border-radius);
user-select: none;
}
.wztkj_goodsinner input:checked + label {
border: 2px solid var(--theme-hover-color);
color: var(--theme-hover-color);
}
.wztkj_goodsinner input[type=text] {
padding: 0 8px;
line-height: 2;
min-height: 40px;
box-shadow: 0 0 0 transparent;
border-radius: var(--border-radius);
border: 1px solid #8c8f94;
background-color: #fff;
color: #2c3338;
margin: 0;
font-size: 14px;
box-sizing: border-box;
font-family: inherit;
width: calc(300px);
}
.wztkj_goodsinner em {
margin-left: 10px;
color: red;
}
.wztkj_goodsinner button {
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 18px;
background-color: #01AAED;
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 14px;
border: none;
border-radius: var(--border-radius);
cursor: pointer;
transition: all 0.5s;
user-select: none;
font-style: initial;
margin-left: 10px;
}
.wztkj_goodsinner_local,
.wztkj_goodsinner_wp {
display: none;
} .wztkj_dsgzdz_btn_wrapper {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0;
flex-wrap: wrap;
}
.wztkj_btn {
display: block;
cursor: pointer;
padding: 5px 20px;
box-sizing: border-box;
font-size: 14px;
user-select: none;
border: 1px solid var(--border-color);
position: relative;
margin: 0 5px;
}
.wztkj_btn:hover {
background-color: var(--theme-hover-color);
color: #fff;
border-color: var(--theme-hover-color);
}
.wztkj_ds_content {
display: none;
background-color: #fff;
box-shadow: 0 0 10px #000;
position: fixed;
width: 600px;
height: 450px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10001;
border-radius: var(--border-radius);
box-shadow: var(--theme-title-shadow);
}
.wztkj_ds_content .menu-bar .handel {
width: 40px;
height: 40px;
float: right;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
}
.wztkj_ds_content .handel-prev,
.wztkj_ds_content .handel-next {
display: inline-block;
width: 50px;
height: 70px;
position: relative;
top: calc(50% - 80px);
background-repeat: no-repeat;
background-size: 25px;
background-position: 50%;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.wztkj_ds_content .menu-bar {
width: 100%;
}
.wztkj_ds_content .menu-bar .handel.close-view {
background-size: 15px;
}
.wztkj_ds_content .clear-flex {
clear: both;
}
.wztkj_ds_content .left {
float: left;
}
.wztkj_ds_content .picture-content {
display: inline-block;
width: 80%;
height: calc(100% - 80px);
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
opacity: 0;
}
.wztkj_ds_content .picture-content-show {
opacity: 1;
}
.wztkj_ds_content .picture-content .cover {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.wztkj_ds_content .right {
float: right;
} .three-bounce {
min-width: 60px;
min-height: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.three-bounce > div {
width: 15px;
height: 15px;
min-height: 10px;
min-width: 10px;
box-sizing: border-box; background-color: var(--theme-hover-color);
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
-moz-animation: bouncedelay 1.4s infinite ease-in-out;
-o-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.bounce2, .bounce3 { margin-left: 3px; }
.three-bounce .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.three-bounce .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bouncedelay {
0%, 80%, 100% { -moz-transform: scale(0.0) }
40% { -moz-transform: scale(1.0) }
}
@-o-keyframes bouncedelay {
0%, 80%, 100% { -o-transform: scale(0.0) }
40% { -o-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
} 40% {
transform: scale(1.0);
}
} .wztkj_innerartr_bdcontent {
line-height: 1.75;   
}
.wztkj_innerartr_bdcontent .w-e-todo li span {
margin-right: 10px;
}
.wztkj_innerartr_bdcontent blockquote {
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
.wztkj_innerartr_bdcontent blockquote p {
margin: 10px auto;
}
.wztkj_innerartr_bdcontent hr {
margin: 20px auto;
}
.wztkj_innerartr_bdcontent i {
font-style: italic;
}
.wztkj_innerartr_bdcontent ul li {
list-style: disc;
list-style-position: inside;
}
.wztkj_innerartr_bdcontent ol li {
list-style: decimal;
list-style-position: inside;
}
.wztkj_innerartr_bdcontent .w-e-todo li {
list-style: none;
}
.txt_content_box table {
border-collapse: collapse;
}
.wztkj_innerartr_bdcontent table td,
.wztkj_innerartr_bdcontent table th {
border: 1px solid #ccc;
font-size: 13px;
padding: 5px;
}
.wztkj_innerartr_bdcontent table th {
border-bottom-width: 2px;
background-color: #F1F1F1;
}
.wztkj_innerartr_bdcontent table tr:hover {
background-color: #F1F1F1;
}
.wztkj_innerartr_bdcontent p iframe {
display: block;
width: 100%;
height: 760px;
margin: 0 auto;
}
.wztkj_innerartr_bdcontent pre {
margin: 10px 0;
padding: 15px;
font-size: 14px;
border-radius: 3px;
background-color: #F1F1F1;
}
@media (max-width: 750px) {
.wztkj_innerartr_bdcontent p iframe {
height: 350px;
}
}
@media (max-width: 600px) {
.wztkj_innerartr_bdcontent p iframe {
height: 240px;
}
}
@media (max-width: 750px) {
.w-e-text p iframe {
height: 350px;
}
.wztkj_sidebar .wztkj_list_routine,
.wztkj_list_routine {
grid-template-columns: 1fr 1fr;
width: 96%;
margin: 0 auto;
}
.wztkj_list_item {
width: 100%;
margin: 0 auto;
}
.wztkj_bomA {
padding: 10px;
}
}
@media (max-width: 600px) {
.w-e-text p iframe {
height: 240px;
}
}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64, 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) format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media only screen and (max-width: 750px) { .wztkj_header{
display: none!important;
} .wztkj_scro {
width: 100%;
padding: 0.5rem 0;
font-size: 1rem;
display: flex;
align-items: center;
} .wztkj_headsm {
position: sticky;
z-index: 10001;
width: 100%;
top: 0;  background-color: #fff;
height: 3.125rem;
box-sizing: border-box;
padding: 0 0.625rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.wztkj_headsm_menu,
.wztkj_headsm_logo,
.wztkj_headsm_search {
height: 1.8rem;
}
.wztkj_headsm_menu img,
.wztkj_headsm_logo img,
.wztkj_headsm_search img {
height: 100%;
} .wztkj_navsm {
position: fixed;
top: 0;
bottom: 0;
width: 14.75rem;
z-index: 10001;
background-color: #fff;
padding: 1.25rem;
transform: translateX(-110%);
transition: transform .6s;
max-height: 100vh;
display: flex;
flex-direction: column;
}
.wztkj_navsm>div>div>ul {
margin-top: 15px;
}
.wztkj_navsm>div>div>ul>li>a {
display: none;
}
.wztkj_navsm>div>div>ul>li>ul {
display: flex;
flex-direction: column;
height: auto;
flex-wrap: wrap;
padding: 0 0.625rem;
}
.wztkj_navsm>div>div>ul>li>ul>li {
cursor: pointer;
}
.wztkj_navsm>div>div>ul>li>ul>li>a {
padding: 0.3125rem;
margin: 0.125rem;
font-size: 0.875rem;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #4e5358;
}
.wztkj_navsmeject {
transform: translateX(0);
}
.wztkj_navsm_logo {
display: block;
margin: 0.625rem auto;
max-width: 60%;
}
.wztkj_navsm_logo img {
width: 100%;
}
.wztkj_navsm_register div a,
.wztkj_navsm_login_after div a,
.wztkj_navsm_nav li a {
display: inline-block;
font-size: 14px;
padding: 8px 15px;
text-align: left;
box-sizing: border-box;
}
.wztkj_navsm_register,
.wztkj_navsm_login_after {
padding: 0px 8px 8px;
background-color: rgba(0, 0, 0, .03);
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.wztkj_navsm_register div a::before,
.wztkj_navsm_login_after div a::before,
.wztkj_navsm_nav>div>ul>li>a::before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
margin-right: 10px;
vertical-align: middle;
border-radius: 50%;
border: 1px solid var(--theme-hover-color);
}
.wztkj_navsm_nav .sub-menu {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 0;
}
.wztkj_navsm_nav .sub-menu li a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wztkj_navsm_nav .sub-menu>li a {
-webkit-tap-highlight-color: transparent;
}
.wztkj_sign_fabu {
margin-right: 0;
}
.wztkj_navsm_nav>div>ul {
background-color: rgba(0, 0, 0, .03);
padding: 8px 8px 0px;
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.wztkj_navsm_nav>div>ul>li {
overflow: hidden;
}
.wztkj_navsm_nav .menu-item-has-children {
position: relative;
}
.wztkj_navsm_nav .menu-item-has-children.drop_down > .sub-menu {
height: auto;
padding: 5px 0px 6px 20px
}         .wztkj_navsm_nav .menu-item-has-children::after {
content: "";
position: absolute;
top: 15px;
right: 15px;
width: 5px;
height: 5px;
transform: rotate(45deg);
border-width: 1px 1px 0px 0px;
border-style: solid;
border-color: #000;
} .wztkj_searchsm {
position: absolute;
top: -20rem;
left: 0;
right: 0;
width: 100%; background-color: #fff;
box-shadow: 0 0.875rem 0.625rem rgb(0 0 0 / 8%);
padding: 0 0.9375rem;
box-sizing: border-box;
transition: all .6s;
z-index: 10001;
}
.wztkj_searchsmeject {
top: 3.125rem;
}
.wztkj_searchsm_ipt {
padding: 0.625rem;
margin-top: 1rem;
position: relative;
}
.wztkj_searchsm_ipt select {
font-size: 0.875rem;
line-height: 2;
color: #2c3338;
border-color: #8c8f94;
box-shadow: none;
border-radius: 0.3125rem;
padding: 0 1.5rem 0 0.5rem;
min-height: 2.375rem;
max-width: 5rem;
-webkit-appearance: none;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
background-size: 1rem 1rem;
cursor: pointer;
vertical-align: middle;
}
.wztkj_searchsm_ipt input {
outline: none;
height: 2.375rem;
width: calc(100% - 5.1rem);
border: 1px solid #8c8f94;
padding-left: 0.3125rem;
box-sizing: border-box;
border-radius: 0.3125rem;
vertical-align: middle;
font-size: 0.875rem;
}
.wztkj_searchsm_ipt button {
position: absolute;
top: 0.625rem;
right: 0.625rem;
height: 2.375rem;
width: 5rem;
border: 0;
color: #fff;
font-size: 0.875rem;
background-color: #4c6afb;
border-radius: 0 0.3125rem 0.3125rem 0;
}
.wztkj_searchsm_hot {
padding: 0.625rem;
}
.wztkj_searchsm_hot p {
margin-bottom: 0.625rem;
font-size: 0.875rem;
color: #777;
}
.wztkj_searchsm_hotls span {
display: inline-block;
padding: 0.25rem 0.4375rem;
margin-right: 0.375rem;
margin-bottom: 0.375rem;
color: #888888;
border-radius: 0.25rem;
font-size: 0.8125rem;
background-color: rgba(136, 136, 136, .1);
}
.wztkj_searchsm_guanbi {
position: absolute;
top: 0.625rem;
right: 0.625rem;
width: 1.5625rem;
height: 1.5625rem;
}
.wztkj_searchsm_guanbi img {
width: 100%;
height: 100%;
} .wztkj_container {
width: 100%;
} .wztkj_title {
margin: 0.625rem 0;
}
.wztkj_title_hd {
margin-bottom: 0.625rem;
font-size: 1rem;
}
.wztkj_title_fhd {
font-size: 0.75rem;
}
.wztkj_title_fhd::before  {
width: 7.5rem;
}
.wztkj_title_fhd::after  {
width: 7.5rem;
} .wztkj_about {
padding: 0 0 0.625rem;
}
.wztkj_about_box {
margin: 0 3%;
flex-direction: column;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.wztkj_about_box_imgl {
width: 100%;
order: 1;
}
.wztkj_about_box>div {
padding: 0.625rem;
}
.wztkj_about_box_imgl {
width: 100%;
}
.wztkj_about_left .wztkj_about_box_imgtext,
.wztkj_about_right .wztkj_about_box_imgtext  {
width: 100%;
text-align: center;
padding-top: 0;
}
.wztkj_about_right .wztkj_about_box_imgtext {
order: 2;
}
.wztkj_about_box_imgtext {
order: 2;
width: 100%;
font-size: .9rem;
line-height: 1.4375rem;
}
.wztkj_about_box_imgtext>a {
width: 4.375rem;
margin: 0.625rem auto 0;
line-height: 2.125rem;
padding: 0 2.1875rem;
font-size: 0.75rem;
} .wztkj_tximg_box {
box-shadow: 0 0.3125rem 0.625rem 0 rgb(136 136 136 / 30%);
}
.wztkj_tximg_box_img {
height: 14.375rem;
}
.wztkj_tximg_box_text {
padding: 0.625rem 0.625rem 0;
height: 9.625rem;
}
.wztkj_tximg_box_text_hd {
margin-bottom: 0.3125rem;
font-size: 1.125rem;
}
.wztkj_tximg_box_text_time {
margin-bottom: 0.3125rem;
font-size: 0.75rem;
}
.wztkj_tximg_box_text_val {
font-size: 0.875rem;
line-height: 1.375rem;
}
.wztkj_textimg {
padding: 0 0 1.25rem;
}
.wztkj_textimg .wztkj_tximg_swiper .wztkj_swiper1_pagination {
bottom: 0;
}
.wztkj_tximg_swiper .swiper-slide {
padding: 20px;
}
.wztkj_textimg .swiper-pagination-bullet {
width: 0.5rem;
height: 0.5rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: -3px !important;
}
#wztkj_tximg_swiper2 {
width: 100%;
height: auto;
}
#wztkj_tximg_swiper2 .swiper-wrapper>div {
width: 100%;
flex-wrap: wrap;
padding: 20px;
}
.swiper-wrapper .swiper-slide img {
width: 100%;
object-fit: cover;
}
.wztkj_look_more {
margin: 10px 0;   
}
.wztkj_look_more a {
padding: 0px 35px;
line-height: 34px;
margin-top: 20px;
} .wztkj_article {
padding: 0 0 1.25rem;
}
.wztkj_article_hd {
width: 96%;
box-sizing: border-box;
padding: 0 0.625rem;
height: 2.5rem;
line-height: 2.5rem;
margin: 0 2% 1rem;
}
.wztkj_article_hdl {
font-size: 1rem;
}
.wztkj_article_hdr>a {
font-size: 0.75rem;
}
.wztkj_article_bdtwo .wztkj_article_bdr>div {
width: 100%;
overflow: hidden;
}
.wztkj_article_bdl,
.wztkj_article_bdr {
float: none;
height: auto;
}
.wztkj_article_bd>div {
width: 100%;
padding: 0 0.9375rem;
}
.wztkj_article_bdl_img img,
.wztkj_article_styleone_img img{
object-fit: cover;
object-position: top;
height: 208px;
}
.wztkj_article_bdl_img span {
width: 6.75rem;
height: 4.5rem;
left: 0;
top: 0.625rem;
font-size: 1.5rem;
padding-top: 1.25rem;
}
.wztkj_article_bdl_img span em {
font-size: 1rem;
}
.wztkj_article_bdl_text {
margin-top: 1.25rem;
padding-bottom: 0.9375rem;
}
.wztkj_article_bdl_text h4 {
height: 1.5rem;
margin-bottom: 0;
font-size: 1.25rem;
line-height: 1.5rem;
text-align: center;
}
.wztkj_article_bdl_text p {
font-size: 0.9rem;
margin-top: 0.625rem;
}
.wztkj_article_bdr>div:first-child {
margin-top: 0.5rem;
}
.wztkj_article_bdr>div {
margin-bottom: 0.625rem; margin-top: 0; padding: 0 10px 0.3125rem 0;
display: grid;
grid-template-columns: 70px 1fr;
place-items: center;
}
.wztkj_article_bdr>div>span {
font-size: 1.5rem;
width: 100%;
}
.wztkj_article_bdr>div>span>em {
font-size: 0.875rem;
}
.wztkj_article_bdr_r {
font-size: 1rem;
width: 100%;
}
.wztkj_article_bdr_r>a>h3 {
font-size: 1rem;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
.wztkj_article_bdr_r>p,
.wztkj_article_bdr_r>a>p {
font-size: 0.825rem;
height: auto;
}
.wztkj_article_bd_styleone {
padding: 0.75rem 0;
display: block;
}
.wztkj_article_styleone_img {
width: 100%;
height: auto;
line-height: initial;
padding: 0 0.625rem;
box-sizing: border-box;
}
.wztkj_article_styleone_text {
width: 100%;
padding: 0.625rem;
}
.wztkj_article_styleone_text>h3 {
text-align: center;
font-size: 1rem;
margin-bottom: 0.625rem;
}
.wztkj_article_styleone_text>p {
font-size: 0.875rem;
margin-bottom: 0.3125rem;
}
.wztkj_article_styleone_text>span {
font-size: 0.875rem;
}
.wztkj_article_styleone_text>a {
margin: 0.625rem auto 0;
display: block;
width: 6.25rem;
height: 1.875rem;
line-height: 1.875rem;
font-size: 0.75rem;
}
.wztkj_article_styletwe {
display: block;
}
.wztkj_article_styletwe>div {
width: 94%;
margin: 0 3%;
box-sizing: border-box;
}
.wztkj_article_styletwe>div:last-child {
margin-top: 0.625rem;
}
.wztkj_article_styletwel>h3 {
height: 2.75rem;
line-height: 2.75rem;
box-sizing: border-box;
padding-left: 1.25rem;
font-size: 1rem;
}
.wztkj_article_styletwel>h3:after {
height: 1.4375rem;
width: 0.3125rem;
border-radius: 0px 0.1875rem 0.1875rem 0px;
}
.wztkj_article_styletwel>ul {
padding: 0.625rem 0;
}
.wztkj_article_styletwel>ul>li {
line-height: 1.125rem;
padding: 0.625rem;
}
.wztkj_article_styletwel>ul>li::before {
font-size: 0.875rem;
line-height: 1.1875rem;
width: 1.1875rem;
height: 1.1875rem;
border-radius: 0.125rem;
left: 1.25rem;
}
.wztkj_article_styletwel>ul>li>a {
font-size: 0.875rem;
padding-left: 1.9375rem;
padding-right: 9.375rem;
}
.wztkj_article_styletwel>ul>li>span {
right: 1.875rem;
font-size: 0.8125rem;
}
.wztkj_article_styletwe .wztkj_article_styletwer>h3:after {
height: 1.4375rem;
width: 0.3125rem;
border-radius:  0.1875rem 0px 0px 0.1875rem ;
} .wztkj_mobile_pic_list {
display: block;
}
.wztkj_mobile_pic_list ul {
flex-direction: column;
}
.wztkj_rebox .swiper {
max-width: 95%;
height: auto;
}
.wztkj_rebox .wztkj_rebox_close {
opacity: 1;
}
#wztkj_atlas {
margin-left: 3%;
margin-right: 3%;
}
#wztkj_atlas .swiper-slide {
height: auto;
} .wztkj_words {
padding-bottom: 1.25rem;
}
.wztkj_wordsls>ul {
display: flex;
flex-wrap: wrap;
margin-left: 3%;
margin-right: 3%;
}
.wztkj_wordsls>ul>li {
width: 100%;
flex: none;
height: auto;
}
.wztkj_wordsls_ls>p {
min-height: 8.75rem;
padding: 3.125rem 0.75rem 1.5rem;
box-sizing: border-box;
}
.wztkj_wordsls_ls>p>i {
font-size: 1.875rem;
}
.wztkj_wordsls_ls>p>span {
font-size: 1rem;
}
.wztkj_words .wztkj_wordsls_ls:hover>div {
padding: 10px 20px 60px;
}
.wztkj_wordsls_ls>div>span {
font-size: 0.875rem;
line-height: 1.375rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.wztkj_wordsls_ls:hover>div {
padding: 0.625rem 2.5rem 4.375rem;
}
.wztkj_wordsul {
padding: 0.625rem 0;
}
.wztkj_wordsul>li {
display: block;
width: 100%;
height: 12.5rem;
padding: 1.25rem;
font-size: 1rem;
margin: 10px 3%;
}
.wztkj_wordsul>li>h3 {
font-size: 1.25rem;
margin: 0.625rem 0;
}
.wztkj_wordsul>li>p { margin-top: 1.25rem;
font-size: 1rem;
} .wztkj_number {
border-radius: 0.625rem;
padding: 3.75rem 0;
display: flex;
background: linear-gradient(135deg, #ff3497 10%, #67c7ff 100%);
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
margin-left: 3%;
margin-right: 3%;
background-size: 250%;
background-position: center;
}
.wztkj_numberbox {
width: 50%;
margin-bottom: 10px;
}
.wztkj_numberbox p {
font-size: 3rem;
margin-bottom: 0.625rem;
}
.wztkj_numberbox span {
font-size: 1rem;
} .wztkj_message {
padding-bottom: 1.25rem;
}
.wztkj_messagehd {
display: block;
margin: 0;
}
.wztkj_messagehd>div {
position: relative;
display: block;
width: 94%;
margin: 0 3% 1.25rem;
height: 2.5rem;
}
.wztkj_messagehd>div>input {
height: 2.5rem;
padding-left: 2.5rem;
font-size: 0.875rem;
}
.wztkj_message .wztkj_messagehd>div>span {
height: 2.5rem;
width: 2.5rem;
background-size: 1rem;
}
.wztkj_messagebd {
width: 94%;
height: 9.375rem;
margin: 0 3% ;
}
.wztkj_messagebd>textarea {
height: 9.375rem;
width: 100%;
padding-top: 0.75rem;
text-indent: 3em;
font-size: 0.8125rem;
}
.wztkj_messagebd>span {
width: 2.5rem;
height: 2.5rem;
background-size: 1rem;
}
.wztkj_messageft {
margin-top: 1.25rem;
}
.wztkj_messageft>input {
padding: 0.3125rem 0;
width: 8.75rem;
height: 2.125rem;
font-size: 1rem;
}
.wztkj_messageft .wztkj_ly_submit {
width: calc(100% - 6%);
border-radius: 2px;
line-height: 300%;
} .wztkj_businessul>li {
width: 50%;
padding: 1.25rem;
}
.wztkj_businessul>li>div {
height: 10rem;
font-size: 1.5rem;
box-shadow: 0 0.3125rem 0.3125rem 0px rgb(22 35 49 / 15%);
}
.wztkj_businessul_img {
width: 5rem;
height: 5rem;
margin: 0rem auto 0.5rem;
}
.wztkj_businessul_tle {
font-size: 1rem;
}
.wztkj_businessul_only .wztkj_businessul_img {
margin-top: 1.875rem;
}
.wztkj_businessul_only .wztkj_businessul_tle {
line-height: 10rem;
} .wztkj_routine {
padding-bottom: 1.25rem;
}
.wztkj_routinebd {
display: flex;
flex-direction: column;
align-items: center;
}
.wztkj_routinebd>ul {
width: 96%;
margin: auto;
justify-content: space-between;
}
.wztkj_routinebd>ul>li {
width: 47%;
margin: 0;
margin-bottom: 20px;
}
.wztkj_routinebd_box {
height: auto;
border-radius: 0.3125rem;
box-shadow: 0 0px 0.625rem 0px rgb(22 35 49 / 15%);
}
.wztkj_routinebd_box_img {
height: 117px;
}
.wztkj_routinebd_box_text {
padding: 0.625rem;
}
.wztkj_routinebd_box_text h3 {
font-size: 0.9375rem;
letter-spacing: -0.0125rem;
height: 1.125rem;
line-height: 1.125rem;
-webkit-line-clamp: 1;
margin-bottom: 10px;
}
.wztkj_routinebd_box_text p {
font-size: 0.8125rem;
margin-top: 0.125rem;
letter-spacing: -0.0125rem;
height: auto;
line-height: 1.125rem;
-webkit-line-clamp: 2;
margin: 0;
line-clamp: 2;
}
.wztkj_routinebd_gap {
margin-top: 1rem;
}
.wztkj_widebd_text_ft>div button + button {
margin-left: 5px;
}
.wztkj_routinebd_box_textft {
flex-wrap: wrap;
font-size: 0.75rem;
letter-spacing: 0.0125rem;
margin-top: 0.3125rem;
}
.wztkj_routinebd_box_textft>div:first-child {
order: 1;
}
.wztkj_routinebd_box_textft>div:first-child span:first-child img {
display: none;
}
.wztkj_routinebd_box_textft>div {
font-size: 0.75rem;
letter-spacing: -0.0125rem;
}
.wztkj_routinebd_box_textft>div>span {
margin-right: 0;
}
.wztkj_routinebd_box_textft>div:first-child>span:first-child {
margin-right: 3px;
}
.wztkj_routinebd_box_textft img {  width: 18px;
height: 18px;
}
.wztkj_routinebd_box_textft em {
line-height: 1.25rem;
}
.wztkj_routinebd_box_userft {
font-size: 0.75rem;
margin-top: 0;
}
.wztkj_routinebd_box_userft>div {
height: 1.5625rem;
line-height: 1.5625rem;
display: flex;
} .wztkj_wide>ul {
grid-template-columns: 1fr;    
gap: 15px;
width: 96%;
margin: 0 auto;
}
.wztkj_wide>ul>li {
width: 100%;
box-sizing: border-box;
}
.wztkj_wide>ul>li>.wztkj_widebd {
height: 6.4375rem !important;
border-radius: 0.3125rem;
box-shadow: 0 0px 0.625rem 0px rgb(22 35 49 / 15%);
padding: 0.625rem;
margin-bottom: 0;
}
.wztkj_widebd_img {
margin-right: 0.625rem;
width: 8.75rem !important;
border-radius: 0.25rem;
}
.wztkj_widebd_text {
width: calc(100% - 9.375rem);
position: relative;
}
.wztkj_widebd_text>h3 {
font-size: 0.9375rem;
letter-spacing: -0.0125rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
height: 1.125rem;
line-height: 1.125rem;
}
.wztkj_widebd_text>p {
font-size: 0.8125rem;
margin-top: 0.125rem;
letter-spacing: -0.0125rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;  }
.wztkj_widebd_text_ft {
flex-wrap: wrap;
font-size: 0.75rem;
letter-spacing: 0.0125px;
margin-top: 0.3125rem;
}
.wztkj_widebd_text_ft>div {
font-size: 0.75rem;
letter-spacing: -0.0125rem;
}
.wztkj_widebd_text_ft>div>span {
margin-right: 0.625rem;
}
.wztkj_widebd_text_ft img {
width: 1.25rem;
height: 1.25rem;
vertical-align: top;
}
.wztkj_widebd_text_ft em {
line-height: 1.25rem;
}
.wztkj_widebd_userft {
font-size: 0.75rem;
}
.wztkj_widebd_userft>div {
height: 1.25rem;
line-height: 1.25rem;
display: flex;
} .wztkj_container  .wztkj_vertical { width: 100%;
}
.wztkj_vertical>ul {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
width: 96%;
margin: 0 auto;
}
.wztkj_vertical>ul>li {
width: 100%;
height: 16.75rem !important;
box-shadow: 0 0 0.625rem 0.125rem #dfdfdf;
}
.wztkj_vertical>ul>li:nth-child(2n) {
margin-right: 0;
}
.wztkj_vertical_box {
height: 10.875rem;
padding: 0 0.425rem;
padding-top: 2.8125rem;
}
.wztkj_sidebar .wztkj_vertical ul li {
height: 279px;
width: 100%;
margin-bottom: 0px;
}
.wztkj_vertical_box h3 {
font-size: 0.9375rem;
letter-spacing: -0.0125rem; line-height: 1.125rem;
-weblit-line-clamp: 1;
}
.wztkj_vertical_box p {
font-size: 0.8125rem;
margin-top: 0.125rem;
letter-spacing: -0.0125rem; line-height: 1.125rem;
}
.wztkj_vertical_box_ft {
font-size: 0.75rem;
letter-spacing: 0.0125rem;
margin-top: 0.3125rem;
}
.wztkj_vertical_box_ft>div:first-child {
order: 1;
}
.wztkj_ificBleft img:first-child,
.wztkj_vertical_box_ft>div:first-child span:first-child img {
display: none;
}
.wztkj_vertical_box_ft>div {
font-size: 0.75rem;
letter-spacing: -0.0125rem;
}
.wztkj_vertical_box_ft>div button + button {
margin-left: 5px;
}
.wztkj_vertical_box_ft img {
width: 1rem;
height: 1rem;
vertical-align: middle;
}
.wztkj_vertical_box_ft em {
line-height: 1.25rem;
}
.wztkj_vertical_box_userft {
font-size: 0.75rem;
margin-top: 0.1875rem;
}
.wztkj_vertical_box_userft>div {
height: 1.25rem;
line-height: 1.25rem;
} .wztkj_friendlink {
padding-bottom: 0.9375rem;  }
.wztkj_friendlink_tap li {
font-size: 0.875rem;
margin-right: 1.25rem;
line-height: 1.875rem;
}
.wztkj_friendlink_tapbox li {
padding: 0 0.625rem;
font-size: 0.75rem;
max-height: 6.25rem;
}
.wztkj_friendlink_tapbox li a {
padding: 0 0.3125rem;
font-size: 0.75rem;
line-height: 1.875rem;
}
.wztkj_friendship_link_two_box li {
padding: 3px;
width: 50%;
} .wztkj_footer {
padding: 1.25rem 0;
}
.wztkj_foot_t {
display: block;
padding: 0.625rem 0;
}
.wztkj_foot_t .wztkj_foot_t_menubox,
.wztkj_foot_t .wztkj_foot_t_menuwidebox{
display: none;
}
.wztkj_foot_t_contact {
display: block;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.wztkj_foot_t_contact>div {
float: none;
width: 45%;
margin: 0 auto;
}
.wztkj_foot_t_contact .wztkj_foot_t_contactl {
text-align: center;
width: 100%;
}
.wztkj_foot_t_contactl p {
line-height: 1.875rem;
font-size: 0.875rem;
}
.wztkj_foot_t_contactr {
margin-top: 0.625rem;
text-align: center;
}
.wztkj_foot_t_contactr img {
width: 60%;
} .wztkj_user {
padding: 0 0 1.4375rem;
}
.wztkj_user_l {
float: none;
position: relative;
width: 90%;
margin: 0 5%;
border-radius: 0.3125rem;
padding: 2rem 0;
box-shadow: 0 0px 0.875rem -0.625rem rgb(22 35 49 / 60%);
}
.wztkj_user_l_face_img {
width: 5.625rem;
height: 5.625rem;
}
.wztkj_user_l_face>h3 {
margin-top: 0.875rem;
font-size: 1.5rem;
}
.wztkj_user_l_face>ul>li {
font-size: 1rem;
}
.wztkj_user_l_face>ul>li>p {
margin-top: 0.3125rem;
}
.wztkj_user_l_lis {
margin-top: 1.875rem;
}
.wztkj_user_l_lis>ul>li {
display: block;
height: 2.8125rem;
line-height: 2.8125rem;
font-size: 1.125rem;
justify-content: start;
text-align: left;
padding: 0 30px;
}
.wztkj_user_l_release_box {
flex-direction: row;
align-items: center;
}
.wztkj_user_l_release_box .wztkj_user_l_release  {
margin-top: 15px;
width: 40%;
}
.wztkj_user_l_lis>ul>li>span {
margin-right: 0.625rem;
font-size: 1.125rem;
}
.wztkj_user_l_lis>ul>li:last-child {
position: relative;
padding-left: 32px;
}
.wztkj_user_l_lis>ul>li:last-child img,
.wztkj_user_l_lis>ul>.wztkj_left img {
display: block;
position: absolute;
right: 5%;
width: 18px;
height: 18px;
top: 0.9rem;
}
.wztkj_user_r {
float: none;
width: 90%;
margin: 0 5%;
padding: 1.4375rem 0 1.4375rem;
}
.wztkj_user_r>ul>li>h3 {
height: 3.5rem;
line-height: 3.5rem;
padding: 0 1.875rem;
font-size: 1rem;
border-radius: 0.3125rem;
box-shadow: 0 0px 0.875rem -0.625rem rgb(22 35 49 / 60%);
}
.wztkj_user_r_box {
margin-top: 1.5rem;
border-radius: 0.3125rem;
padding: 1.875rem;
box-shadow: 0 0px 0.875rem -0.625rem rgb(22 35 49 / 60%);
}
.wztkj_user_xxsz>li>span {
padding: 0.75rem 0;
width: 25.5%;
font-size: 0.875rem;
}
.wztkj_user_xxsz_img {
padding: 0.75rem 0;
width: 74.5%;
}
.wztkj_user_xxsz_routine {
padding: 0.75rem 0;
width: 74.5%;
font-size: 0.875rem;
}
.wztkj_user_xxsz_img>img {
width: 4rem;
height: 4rem;
}
.wztkj_user_l_lis>ul>li::after {
height: 2.8125rem;
}
.wztkj_user_btn {
display: inline-block;
height: 2.125rem;
line-height: 2.125rem;
padding: 0 1.125rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}
.wztkj_user_xxsz_edit {
padding: 0.75rem 0;
width: 74.5%;
font-size: 0.875rem;
}
.wztkj_user_xxsz_edit_userimg>img {
width: 4.625rem;
height: 4.625rem;
}
.wztkj_user_xxsz_edit_userimg_btn {
margin-left: 1.25rem;
}
.wztkj_user_xxsz_edit_userimg_btn span {
height: 2rem;
line-height: 2rem;
padding: 0 0.9375rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}
.wztkj_user_xxsz_edit_userimg_btn p {
margin-top: 0.625rem;
font-size: 14px;
}
.wztkj_user_xxsz_edit input[type=text] {
height: 2rem;
padding: 0.25rem 0.6875rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}
.wztkj_user_xxsz_edit select {
display: inline-block;
width: 5rem;
height: 2rem;
padding: 0.25rem 0.6875rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}
.wztkj_user_gz>li {
height: 2.5rem;
line-height: 2.5rem;
}
.wztkj_user_gz>li>a {
width: 70%;
font-size: 1rem;
}
.wztkj_user_gz>li>span {
float: left;
width: 30%;
}
.wztkj_tabnotyet {
margin-top: -1px;
padding: 1rem 1rem;
font-size: 0.875rem;
border-radius: 0 0 0.25rem 0.25rem;
}
.wztkj_user_sc>li {
height: 2.5rem;
line-height: 2.5rem;
}
.wztkj_user_sc>li>a {
width: 70%;
font-size: 1rem;
}
.wztkj_user_sc>li>span {
float: left;
width: 30%;
}
.wztkj_user_order_tab {
margin-bottom: 1rem;
}
.wztkj_user_order_tab li {
width: 5.5rem;
height: 2rem;
font-size: 0.875rem;
border: 1px solid #ccc;
border-radius: 1.5rem;
line-height: 2rem;
margin-right: 1rem;
}
.wztkj_user_order_tabs table thead th {
font-size: 0.875rem;
padding-left: 5px;
padding-right: 5px;
}
.wztkj_user_order_tabs table tbody td {
font-size: 14px;
padding: 0.75rem 5px;
}
.wztkj_user_mywalsh {
display: block;
}
.wztkj_user_mywallet, .wztkj_user_mycash {
width: 100%;
height: 10rem;
background-size: contain;
padding: 1.5rem;
}
.wztkj_user_mywallet_top {
font-size: 0.875rem;
}
.wztkj_user_mywallet_bottom p {
font-size: 2.25rem;
}
.wztkj_user_mywalsh_tab {
margin-bottom: 1rem;
}
.wztkj_user_mywalsh_tab li {
width: 5.5rem;
height: 2rem;
font-size: 0.875rem;
border: 1px solid #ccc;
border-radius: 1.5rem;
line-height: 2rem;
margin-right: 1rem;
}
.wztkj_user_mywalsh_tabs table thead th {
font-size: 0.875rem;
padding: 0.75rem 5px;
}
.wztkj_user_mywalsh_tabs table tbody td {
padding-right: 5px;
padding-left: 5px;
}
.wztkj_user_hyzx_time {
font-size: 0.75rem;
display: block;
}
.wztkj_user_hyzx_expiretime {
font-size: 0.75rem;
margin-left: 0.625rem;
}
.wztkj_user_hyzx_time_recharge {
position: relative;
text-align: center;
font-size: 0.75rem;
margin-top: 0.625rem;
}
.wztkj_user_hyzx_member {
margin-top: 1rem;
}
.wztkj_user_hyzx_member_tab {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wztkj_user_hyzx_member_tab>li {
width: 48%;
height: 7.375rem;
padding: 1rem 0;
border: 1px solid #ccd0d7;
border-radius: 0.25rem;
margin-right: 4%;
margin-bottom: 0.625rem;
}
.wztkj_user_hyzx_member_tab>li:nth-child(2n) {
margin-right: 0;
}
.wztkj_user_hyzx_member_tab>li>div {
width: 100%;
font-size: 0.875rem;
}
.wztkj_user_hyzx_member_tab>li>span {
margin-top: 0.5rem;
font-size: 1.5rem;
}
.wztkj_user_hyzx_member_tab>li>em {
font-size: 0.875rem;
margin-top: 0.3125rem;
}
.wztkj_user_hyzx_explain_tabs {
margin-top: 0.75rem; }
.wztkj_user_hyzx_explain_tabs li {
font-size: 0.75rem;
}
.wztkj_user_hyzx_paymentmode {
height: 9.625rem;
margin-top: 1rem;
border-radius: 0.25rem;
}
.wztkj_user_hyzx_paymentmode_l {
width: 6.25rem;
height: 100%;
}
.wztkj_user_hyzx_paymentmode_l>div {
width: 6.25rem;
height: 2.5rem;
font-size: 0.75rem;
line-height: 2.5rem;
}
.wztkj_user_hyzx_paymentmode_r>div>p {
margin-top: 0.3125rem;
font-size: 0.875rem;
}
.wztkj_user_hyzx_paymentmode_r>div>p>span {
font-size: 1.5rem;
}
.wztkj_user_hyzx_paymentmode_r button {
width: 9.375rem;
height: 2rem;
border-radius: 0.25rem;
font-size: 0.875rem;
line-height: 2rem;
margin-top: 0.625rem;
}
.wztkj_user_xgmm>h3 {
font-size: 1.5rem;
}
.wztkj_user_xgmm>p {
font-size: 1rem;
padding: 0.625rem 0;
margin-bottom: 1.25rem;
}
.wztkj_user_xgmm input {
margin-bottom: 1.25rem;
height: 2.0625rem;
border: 1px solid #dddddd;
border-radius: 0.25rem;
font-size: 0.875rem;
padding-left: 0.9375rem;
width: 17.5rem;
} .wztkj_release {
padding: 1.4375rem 0;
}
.wztkj_release_l {
float: none;
position: relative;
width: 90%;
margin: 0 5%;
border-radius: 0.3125rem;
padding: 2rem 0;
box-shadow: 0 0px 0.875rem -0.625rem rgb(22 35 49 / 60%);
}
.wztkj_release_lls>li {
padding-left: 0;
display: block;
height: 2.8125rem;
line-height: 2.8125rem;
font-size: 1.125rem;
text-align: center;
}
.wztkj_release_lls>li>span {
margin-right: 0.625rem;
font-size: 1.125rem;
}
.wztkj_release_r {
float: none;
width: 90%;
margin: 25px 5% 0;
padding: 1.4375rem 0 1.4375rem;
}
.wztkj_release_r>ul>li>h3 {
height: 3.5rem;
line-height: 3.5rem;
padding: 0 1.875rem;
font-size: 1rem;
border-radius: 0.3125rem;
box-shadow: 0 0px 0.875rem -0.625rem rgb(22 35 49 / 60%);
}
.wztkj_release_r_box {
margin-top: 1.5rem;
border-radius: 0.3125rem; padding: 1.875rem;
box-shadow: 0 0px 0.875rem -0.625rem rgb(22 35 49 / 60%);
}
.wztkj_release_r_box>p {
font-size: 0.875rem;
margin-top: 2.1875rem;
}
.wztkj_release_r_boxs {
margin-top: 1.25rem;
}
.wztkj_release_r_boxs input[type=text],
.wztkj_release_r_boxs input[type=number] {
height: 2.0625rem;
border-radius: 0.3125rem;
font-size: 0.875rem;
padding-left: 0.9375rem;
width: 100%!important;
}
.wztkj_release_r_imgl {
width: 6.25rem;
height: 6.25rem;
border-radius: 0.625rem;
margin-right: 1.25rem;
}
.wztkj_release_r_imgr {
width: calc(100% - 7.5rem);
}
.wztkj_release_r_imgr span {
width: 6.8125rem;
height: 2.0625rem;
line-height: 2.0625rem;
font-size: 0.875rem;
border-radius: 0.3125rem;
}
.wztkj_release_r_imgr p {
margin-top: 0.625rem;
font-size: 0.875rem;
}
.wztkj_release_r_waresr_fontls {
position: absolute;
top: 0.4375rem;
right: 0.9375rem;
font-size: 0.875rem;
}
.wztkj_release_r_boxs p {
margin-top: 0.625rem;
font-size: 0.875rem;
}
select {
font-size: 0.875rem;
border-radius: 0.3125rem;
padding: 0 1.5rem 0 0.5rem;
min-height: 2.375rem;
max-width: 25rem;
-webkit-appearance: none;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 0.3125rem top 55%;
background-size: 1rem 1rem;
}
.wztkj_release_r_boxs_shangchuan {
width: 6.8125rem;
height: 2.0625rem;
line-height: 2.0625rem;
font-size: 0.875rem;
border-radius: 0.3125rem;
}
.wztkj_release_r_boxs textarea {
height: 8rem;
padding: 0.25rem 0.6875rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}
.wztkj_release_r_add {
font-size: 0.875rem;
top: 0.4375rem;
left: 16.5625rem;
}
.wztkj_release_lls>li::after {
height: 2.8125rem;
}
.wztkj_release_r_label li {
padding: 0 1.125rem;
padding-right: 1.875rem;
height: 2rem;
border-radius: 0.125rem;
font-size: 0.875rem;
line-height: 2rem; margin-right: 0.625rem;
margin-bottom: 0.3125rem;
}
.wztkj_release_r_label li span {
right: 0.3125rem;
top: 0.375rem;
width: 1.25rem;
height: 1.25rem;
}
.w-e-toolbar {
padding: 0 0.375rem;
}
.w-e-toolbar .w-e-menu {
width: 2.5rem;
height: 2.5rem;
} .wztkj_screen_box_title {
width: 20%;
height: 1.375rem;
font-size: 0.875rem;
line-height: 1.375rem;
}
.wztkj_screen_box_shaixuanbox {
width: 65%;
height: 2.1875rem;
}
.wztkj_screen_box_zhankai {
font-size: 0.875rem;
line-height: 1.375rem;
width: 15%;
}
.wztkj_secondbox {
padding: 0 0.625rem;
display: block;
height: auto;
}
.wztkj_secondboxl {
padding: 0.8125rem 0;
margin-right: 0;
font-size: 0.875rem;
line-height: 1.3125rem;
}
.wztkj_secondboxl_title {
width: 20%;
height: 1.375rem;
font-size: 0.75rem;
line-height: 1.375rem;
}
.wztkj_secondbox_txtbtn {
margin-right: 0; padding: 0px 0.5rem;
font-size: 0.75rem;
line-height: 1.375rem;
}
.wztkj_secondboxr {
padding: 0.8125rem 0.625rem;
font-size: 0.75rem;
line-height: 1.375rem;
justify-content: flex-end;
}
.wztkj_screen_box {
padding: 0 0.625rem;
}
.wztkj_secondbox_txtbtn span {
font-size: 0.75rem;
margin-right: 0.3125rem;
}
.wztkj_secondbox_txtbtn em {
position: absolute;
top: 65%;
right: -0.3125rem;
transform: translate(0px , -50%);
width: 0;
height: 0;
border: 0.3125rem solid #868686;
border-bottom: 0.3125rem solid transparent;
border-right: 0.3125rem solid transparent; border-left: 0.3125rem solid transparent;
}
.wztkj_screen_box_shaixuanbox>a {
margin-right: 0.5rem;
margin-bottom: 0.875rem;
padding: 0px 0.5rem;
font-size: 0.875rem;
line-height: 1.375rem;
}
.wztkj_listvip {
font-size: 0.6875rem;
padding: 0 0.3125rem;
border-radius: 0.25rem;
}
.wztkj_listfree {
font-size: 0.6875rem;
padding: 0 0.3125rem;
border-radius: 0.25rem;
}
.wztkj_listspecial {
font-size: 0.6875rem;
padding: 0 0.3125rem;
border-radius: 0.25rem;
}
.wztkj_articlels {
margin: 0 0.9375rem;
}
.wztkj_articlels>ul>li {
width: 100%;
height: 6.4375rem;
border-radius: 0.3125rem;
box-shadow: 0 0px 0.625rem 0px rgb(22 35 49 / 15%);
padding: 0.625rem;
margin-bottom: 0.875rem;
}
.wztkj_articlels_img {
margin-right: 0.625rem;
width: 8.75rem;
border-radius: 0.25rem;
}
.wztkj_articlels_text {
width: calc(100% - 9.375rem);
position: relative;
}
.wztkj_articlels_text>h3 {
font-size: 0.965rem;
letter-spacing: -0.0125rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
}
.wztkj_articlels_text>p {
font-size: 0.625rem;
margin-top: 0.125rem;
letter-spacing: -0.0125rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
}
.wztkj_articlels_text_ft {
font-size: 0.75rem;
letter-spacing: 0.0125px;
margin-top: 0.3125rem;
}
.wztkj_articlels_text_ft>div {
font-size: 0.75rem;
letter-spacing: -0.0125rem;
}
.wztkj_articlels_text_ft>div>span {
margin-right: 0.625rem;
}
.wztkj_articlels_text_ft img {
width: 1.25rem;
height: 1.25rem;
vertical-align: top;
}
.wztkj_articlels_text_ft::-webkit-scrollbar {
display: none;
}
.wztkj_articlels_text_ft em {
line-height: 1.25rem;
}
.wztkj_listcoins {
font-size: 0.6875rem;
padding: 0 0.3125rem;
border-radius: 0.25rem;
}
.wztkj_articlelsnotimg>ul>li {
padding-bottom: 0.3125rem;
margin-bottom: 0.625rem;
margin-top: 0.625rem;
padding: 0.9375rem 0;
}
.wztkj_articlelsnotimg_text {
font-size: 1rem;
float: left;
width: calc(100% - 7.5rem);
}
.wztkj_articlelsnotimg_text>a>h3 {
font-size: 1.25rem;
margin-bottom: 0.3125rem;
}
.wztkj_articlelsnotimg_text>a>p {
font-size: 1rem;
}
.wztkj_articlelsnotimg>ul>li>span {
font-size: 2.375rem;
width: 6.25rem;
margin-right: 0;
}
.wztkj_articlelsnotimg>ul>li>span>em {
font-size: 0.875rem;
}
.wztkj_articlels_userft {
font-size: 0.75rem;
margin-top: 0.1875rem;
}
.wztkj_articlels_userft>div {
height: 1.25rem;
line-height: 1.25rem;
} .wztkj_sidekefu_none {
display: none;
}
.wztkj_sidekefu {
bottom: 12.5rem;
width: 3.125rem;
box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 10%);
}
.wztkj_sidekefu>div {
width: 3.125rem;
padding: 0.375rem 0;
font-size: 0.75rem;
}
.wztkj_sidekefu>div>span {
font-size: 1.375rem;
}
.wztkj_sidekefu_popup {
top: 50%;
left: -10rem;
width: 8.75rem;
transform: translate(0px, -50%);
padding-right: 1.25rem;
}
.wztkj_sidekefu_popup_box { box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 10%);
}
.wztkj_sidekefu_popup_box p {
padding: 0.3125rem 0.3125rem 0.625rem; }
.wztkj_yzm_popup_text .wztkj_yzm_popup_input button {
padding: 5px 10px;
} .wztkj_product li {
width: 46%;
margin-right: 2%;
margin-left: 2%;
}
.wztkj_product li div {
height: 7.8125rem;
}
.wztkj_product li p {
padding: 0.3125rem 0.625rem;
font-size: 0.875rem;
} .wztkj_producttwo li {
width: 46%;
margin-right: 2%;
margin-left: 2%;
}
.wztkj_producttwo li div {
height: 7.8125rem;
}
.wztkj_producttwo li p {
padding: 0.3125rem 0.625rem;
font-size: 0.875rem;
} .wztkj_widget {
display: none;
}
.wztkj_listbox {
float: none;
display: block;
width: 100%;
}
.wztkj_list {
padding: 0.3125rem 0;
}
.wztkj_listbox_routinebox {
border-radius: 0.3125rem;
box-shadow: 0 0px 0.625rem 0px rgb(22 35 49 / 15%);
}
.wztkj_listbox_routine>li {
width: 50%;
min-height: 100px;
padding: 0.3125rem;
margin-bottom: 0.3125rem;
}
.wztkj_listbox_routinebox_img {
height: 7.25rem;
}
.wztkj_listbox_routinebox_content {
padding: 0.625rem;
}
.wztkj_listbox_routinebox_content h3 {
font-size: 0.9375rem;
height: 1.125rem;
line-height: 1.125rem;
}
.wztkj_listbox_routinebox_content p {
font-size: 0.8125rem;
margin-top: 0.125rem;
height: 2.25rem;
line-height: 1.125rem;
}
.wztkj_listbox_routinebox_contentft {
font-size: 0.75rem;
margin-top: 0.3125rem;
}
.wztkj_listbox_routinebox_contentft>span {
margin-right: 0.3125rem;
}
.wztkj_listbox_routinebox_contentft img {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.3125rem;
}
.wztkj_listbox_routinebox_tag {
font-size: 0.75rem;
margin-top: 0.3125rem;
}
.wztkj_listbox_routinebox_tag>div {
height: 1.5625rem;
line-height: 1.5625rem;
display: flex;
}
.wztkj_listbox_wide>li {
width: 100%;
padding: 0 0.3125rem;
margin-bottom: 0.625rem;
}
.wztkj_listbox_widebox {
height: 6.4375rem;
border-radius: 0.3125rem;
box-shadow: 0 0px 0.625rem 0px rgb(22 35 49 / 15%);
padding: 0.625rem;
}
.wztkj_listbox_widebox_img {
width: 8.75rem;
border-radius: 0.25rem;
margin-right: 0.625rem;
}
.wztkj_listbox_widebox_content {
width: calc(100% - 9.375rem);
}
.wztkj_listbox_widebox_content>h3 {
font-size: 0.9375rem;
-webkit-line-clamp: 1;
height: 1.125rem;
line-height: 1.125rem;
}
.wztkj_listbox_widebox_content>p {
font-size: 0.8125rem;
margin-top: 0.125rem;
-webkit-line-clamp: 1;
height: 1.125rem;
line-height: 1.125rem;
}
.wztkj_listbox_widebox_contentft {
font-size: 0.75rem;
margin-top: 0.1875rem;
}
.wztkj_listbox_widebox_contentft>span {
margin-right: 0.3125rem;
}
.wztkj_listbox_widebox_contentft img {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.3125rem;
}
.wztkj_listbox_widebox_tag {
font-size: 0.75rem;
margin-top: 0.125rem;
}
.wztkj_listbox_widebox_tag>div {
height: 1.25rem;
line-height: 1.25rem;
}
.wztkj_listbox_vertical>li {
width: 50%;
padding: 0 0.3125rem;
box-sizing: border-box;
margin-bottom: 0.625rem;
}
.wztkj_listbox_vertical>li>div {
height: 17.5625rem;
box-shadow: 0 0 0.625rem 0.125rem #dfdfdf;
}
.wztkj_listbox_verticalbox_ftbox {
height: 10.875rem;
padding: 0 0.625rem;
padding-top: 2.8125rem;
}
.wztkj_listbox_verticalbox_ftbox h3 {
font-size: 0.9375rem;
height: 2.25rem;
line-height: 1.125rem;
}
.wztkj_listbox_verticalbox_ftbox p {
font-size: 0.8125rem;
margin-top: 0.125rem;
height: 2.25rem;
line-height: 1.125rem;
}
.wztkj_listbox_verticalbox_ftboxft {
font-size: 0.75rem;
margin-top: 0.3125rem;
}
.wztkj_listbox_verticalbox_ftboxft>span {
margin-right: 0.3125rem;
}
.wztkj_listbox_verticalbox_ftboxft img {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.3125rem;
}
.wztkj_listbox_verticalbox_tag {
font-size: 0.75rem;
margin-top: 0.1875rem;
}
.wztkj_listbox_verticalbox_tag>div {
height: 1.25rem;
line-height: 1.25rem;
}
.wztkj_listbox_verticalbox_tag>div>span {
margin-right: 0.3125rem;
}
.wztkj_listbox_chartwide>li {
padding: 0 0.3125rem;
margin-bottom: 0.625rem;
}
.wztkj_listbox_notchartwide>li {
margin: 0.625rem 0.3125rem 0.625rem;
padding: 0.9375rem 0 0.9375rem;
border-radius: 0.3125rem;
box-shadow: 0 0px 0.625rem 0px rgb(22 35 49 / 15%);
}
.wztkj_listbox_notchartwide>li>span {
font-size: 2.375rem;
width: 6.25rem;
margin-right: 1.25rem;
}
.wztkj_listbox_notchartwide>li>span>em {
font-size: 0.875rem;
}
.wztkj_listbox_notchartwide_text {
font-size: 1rem;
width: calc(100% - 8.125rem);
}
.wztkj_listbox_notchartwide_text>a>h3 {
font-size: 1.25rem;
margin-bottom: 0.3125rem;
}
.wztkj_listbox_product {
padding: 0 0.3125rem;
}
.wztkj_listbox_product li {
width: 50%;
padding: 0.625rem;
}
.wztkj_listbox_product li a div {
height: 7.5rem;
}
.wztkj_listbox_product li a p {
padding: 0.3125rem;
font-size: 0.875rem;
}
.wztkj_listbox_producttwo {
padding: 0 0.3125rem;
}
.wztkj_listbox_producttwo li {
width: 50%;
padding: 0.625rem;
}
.wztkj_listbox_producttwo li div {
height: 7.5rem;
}
.wztkj_listbox_producttwo li p {
padding: 0.3125rem;
font-size: 0.875rem;
} .wztkj_notice {
width: 80%;
border-radius: 0.3125rem;
box-shadow: 1px 1px 3.125rem rgb(0 0 0 / 30%);
}
.wztkj_notice .wztkj_noticebg {
top: 0.625rem;
right: 0.625rem;
width: 1.5625rem;
height: 1.5625rem;
}
.wztkj_notice h3 {
height: 2.625rem;
line-height: 2.625rem;
font-size: 0.875rem;
padding: 0 5rem 0 1.25rem;
}
.wztkj_notice_val {
padding: 1.25rem 1.25rem 0.625rem;
line-height: 1.5rem;
font-size: 0.875rem;
}
.wztkj_notice_ft {
padding: 0 1.25rem 1.25rem;
}
.wztkj_notice_ft span {
height: 1.875rem;
line-height: 1.875rem;
padding: 0 1.125rem;
font-size: 0.875rem;
border-radius: 0.25rem;
} .wztkj_imgpopup {
width: 80%; 
border-radius: 0.3125rem;
box-shadow: 1px 1px 3.125rem rgb(0 0 0 / 30%);
}
.wztkj_imgpopup>a>img {
border-radius: 0.3125rem;
max-width: 100%;
}
.wztkj_imgpopupbg {
top: 0px;
right: -1.875rem;
width: 1.5625rem;
height: 1.5625rem;
}
.wztkj_bannner_box {
max-width: 100%;  } .wztkj_bannner {
margin: 0px auto 30px;
}
.wztkj_bannner_box ol li {
width: 30px;
position: relative;
}
.wztkj_bannner_box ol li::before {
content: "";
display: block;
position: absolute;
top: -8px;
left: -8px;
bottom: -8px;
right: -8px;
}
.wztkj_scroll {
width: 100%;
}
.wztkj_outScroll_pic {
margin-left: 50px;
}
.wztkj_bannner_box .wztkj_prev, 
.wztkj_bannner_box .wztkj_next {
opacity: .5;
width: 30px;
height: 30px;
background-size: cover;
-webkit-tap-highlight-color: transparent;
}
.wztkj_bannner_box .wztkj_prev:hover, 
.wztkj_bannner_box .wztkj_next:hover {
transform: scale(1);
opacity: .7;
} .wztkj_module_left_box {
display: none;
}
.wztkj_module_mark {
display: none;
}
.wztkj_tuce_btn  {
display: none;
}
.wztkj_module .wztkj_module_right_box {
display: none;
}
.wztkj_module {
height: auto;
margin: 0 3% 50px;
}
.wztkj_module_list_item {
height: auto!important;
} .wztkj_list1_product4_wrapper {
flex-wrap: wrap;
justify-content: space-between;
}
.wztkj_sidebar .wztkj_list1_product4_wrapper>li,
.wztkj_list1_product4_wrapper>li {
width: 49%;
}
.wztkj_list1_product4_wrapper {
margin: 0 2%;  
}
.wztkj_list1_product4_wrapper .wztkj_list1_product4 a {
height: 120px;
}
.wztkj_list1_product4_wrapper li:nth-child(2n + 1) {
margin-left: 0;
} .wztkj_sidebar .wztkj_innerartr,
.wztkj_innerartr {
width: 96%; 
margin: 0 auto;
padding: 15px;
float: none;
}
.wztkj_innerartr_hd {
padding-bottom: 10px;
margin-bottom: 20px;
}
.wztkj_innerartl {
float: none;
}
.wztkj_innerartr_bdtag {
flex-direction: column;
justify-content: center
}
.wztkj_innerartr_bdtag .wztkj_innerartr_bdtagbox {
margin-bottom: 10px;
align-self: flex-start;
}
.wztkj_innerartr_bdpagenext a,
.wztkj_innerartr_bdpageprev a {
width: 70px;
}
.wztkj_innerartr_bdpage_shuxian,
.wztkj_innerartprop_page_shuxian{
display: none;
}
.wztkj_innerartr_bdpage span {
width: 45%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} .wztkj_innerartpror {
width: 96%;    
margin: 0 auto;
padding: 15px;
float: none;
}
.wztkj_innerartpror_hd {
margin-bottom: 20px;
}
.wztkj_innerartpror_int {
flex-direction: column;   
}
.wztkj_innerartpror_intl {
width: 100%;
height: 228px;
}
.wztkj_innerartpror_intl,
.wztkj_innerartpror_intr,
.wztkj_innerartprol, 
.wztkj_innerartpror{
float: none;
}
.wztkj_innerartpror_intl {
margin: 0 0 20px 0;
}
.wztkj_innerartpror_intr {
width: 100%;   
}
.wztkj_sidebar .wztkj_innerartpror_btn a + a,
.wztkj_innerartpror_btn a + a {
margin-left: 5px;
}
.wztkj_innerartpror_btn a {
margin: 0 5px 10px;
}
.wztkj_innerartpror_tag {
flex-direction: column;
justify-content: center;
}
.wztkj_innerartpror_tag .wztkj_innerartpror_tagbox {
margin-bottom: 10px;
width: 100%;
align-self: flex-start;
}
.wztkj_innerartpror_pageprev a,
.wztkj_innerartpror_pagenext a{
display: inline;
}
.wztkj_innerartpror_page span {
width: 45%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .wztkj_innerartcomhead {
padding-top: 10px;   
}
.wztkj_innerartcomheadl,
.wztkj_innerartcomheadr,
.wztkj_innerartcombodyl,
.wztkj_innerartcombodyr {
float: none;    
}
.wztkj_innerartcomheadl {
width: 100%;
height: 207px;
padding: 0 10px;
}
.wztkj_innerartcomheadr {
width: 100%;
}
.wztkj_innerartcomheadr_intr,
.wztkj_innerartcomheadr_intl {
width: 100%;   
}
.wztkj_innerartcomheadr_intr ul {
padding-left: 0;   
margin-top: 10px;
grid-template-rows: unset;
grid-auto-flow: row;
}
.wztkj_yzm_popup {
width: 90%;
margin: 0 auto;
}
.wztkj_innerartcomheadr_btn {
justify-content: center;
}
.wztkj_innerartcomheadr_btn button {
width: 30%;   
}
.wztkj_sidebar .wztkj_innerartcombodyl,
.wztkj_innerartcombodyl {
width: 96%;
margin: 0 auto
}
.wztkj_innerartcombodyl .wzykj_single_related {
padding: 15px;
}
.wztkj_innerartcombodyl_tapstag {
flex-direction: column;
justify-content: center;
}
.wztkj_innerartcombodyl_tapstagbox {
align-self: flex-start;
margin-bottom: 10px;
}
.wztkj_innerartcombodyl_tap {
padding: 15px;
}
.wztkj_innerartcombodyl_taps {
padding: 15px;
}
.wztkj_innerartcombodyl_page>div a {
width: calc(100% - 50px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
} .wztkj_article_box {
flex-direction: column;  
}
.wztkj_article_box .wztkj_article {
width: 96%;
margin: 0 auto;
}
.share_link {
flex-wrap: wrap;
}
.wztkj_article_box .wztkj_article article h1 {
-webkit-line-clamp: 1;
line-clamp: 1;
}
.wztkj_article_box .wztkj_article article,
.wztkj_article_box .share_link {
padding: 15px;
}
.other_article .wztkj_article_prev p,
.other_article .wztkj_article_next p {
padding: 0 15px;
margin: 15px 0;
}
.wztkj_article_box .wztkj_article_information {
flex-wrap: wrap;
justify-content: center;
}
.wztkj_article_box .wztkj_article_information div {
text-align: center;
}
.article_operation_button button  {
width: 100px;
height: 40px;
}
.article_bottom_tag {
justify-content: center;
}
.article_bottom_tag div {
margin-bottom: 10px;
padding: 0 10px;
} .wztkj_innerartlwidget,
.wztkj_article_aside {
display: none;
}
.wztkj_sidebar .wztkj_articlelsnotimg {
width: 100%;
} .wztkj_sidebar .wztkj_routinebd ul li {
width: 47%;
}
.wztkj_sidebar .wztkj_articlels {
width: 100%;
margin: 0;
}
.wztkj_sidebar .wztkj_articlels ul {
margin: 0 2%;
} .wztkj_accordion_list {
height: auto;
width: 96%;
margin: 0 auto;
}
.wztkj_accordion_list {
flex-direction: column;
}
.wztkj_accordion_list li:first-child {
width: 100%;
}
.wztkj_accordion_list li {
width: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
margin: 0 auto 10px;
box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
height: 100px;
}
.wztkj_accordion_content {
height: 100px;
position: relative;  
z-index: 100;
left: unset;
right: unset; 
bottom: unset; 
z-index: 100;
padding: 0 15px;
flex-shrink: 0;
justify-content: center;
}
.shadow {
top: 0;
left: 0;
background: #000;
opacity: .5;
} .wztkj_pic_pc_three {
display: none;
}
.wztkj_pic_three_item_bg {
background-size: cover;
background-position: center;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.wztkj_pic_three_wrapper {
width: 96%;
height: 320px;
margin: 30px auto;
display: flex;
justify-content: space-around;
}
.wztkj_pic_three_item {
width: 12%;
height: 100%;
border-radius: 20px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.wztkj_pic_three_item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3);
}
.wztkj_pic_three_item.current::before,
.wztkj_pic_three_item:hover::before {
background-color: transparent;
}
.wztkj_pic3_item_inner {
height: 100%;
}
.wztkj_pic3_item_inner .showBox {
opacity: 0;
position: absolute;
top: 30px;
left: 30px;
right: 30px;
}
.wztkj_pic3_item_inner .showBox .showBox_dir {
float: left;
color: #fff;
}
.wztkj_pic3_item_inner .showBox .showBox_dir h2 {
font-weight: normal;
font-size: 15px;
}
.wztkj_pic3_item_inner .showBox .close {
float: right;
font-size: 25px;
color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.wztkj_pic3_item_inner .dir {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.wztkj_pic3_item_inner .dir h2 {
display: inline-block;
color: #fff;
font-size: 15px;
font-weight: normal;
writing-mode: vertical-lr;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 100%;
padding-top: 15px;
text-align: center;
}
.wztkj_pic_three_item.other,
.wztkj_pic_three_item.reother {
transform-origin: center center;
}
.wztkj_pic_three_item.other {
transform: scaleY(1);
pointer-events: none;
animation: otherAnimate 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.wztkj_pic_three_item.reother {
width: 0;
pointer-events: auto;
animation: reverseOtherAnimate 1s 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.wztkj_pic_three_item.current {
animation: currentAnimate 1s 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.wztkj_pic_three_item.recurrent {
animation: reverseCurrentAnimate 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.showBox.show {
animation: showBoxAnimate 1s 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
@keyframes otherAnimate {
0% {
transform: scaleY(1);
width: 12%;
}
99% {
transform: scaleY(0);
width: 12%;
}
100% {
width: 0;
}
}
@keyframes reverseOtherAnimate {
0% {
width: 0;
}
1% {
transform: scaleY(0);
width: 12%;
}
100% {
transform: scaleY(1);
width: 12%;
}
}
@keyframes currentAnimate {
0% {
width: 12%;
}
100% {
width: 100%;
}
}
@keyframes reverseCurrentAnimate {
0% {
width: 100%;
}
100% {
width: 12%;
}
}
@keyframes showBoxAnimate {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
} .wztkj_accordion_list li + li,
.wztkj_sidebar .wztkj_vertical ul li + li {
margin-left: 0;
}
.wztkj_list1_product4_tag button + button {
margin-left: 8px;
}
.wztkj_user_hyzx_time_recharge a + a {
margin-left: 0px;
}
.wztkj_btn  {
margin-bottom: 5px;   
}
.wztkj_user_popup {
width: 94%;    
} .wztkj_ds_content {
width: 96%;
}
.wztkj_ds_content .picture-content .cover {
width: 100%;
height: 100%;
object-fit: contain;
} .bread_crumb_navigation {
padding: 20px 8px;
}
}@font-face {
font-family: "iconfont"; src: url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfont.woff2?t=1655798128289) format('woff2'),
url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfont.woff?t=1655798128289) format('woff'),
url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfont.ttf?t=1655798128289) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-erweima:before {
content: "\e606";
}
.icon-bxs-to-top:before {
content: "\e6e0";
}
.icon-home:before {
content: "\eb1b";
}
.icon-xialajiantouxiao:before {
content: "\e87e";
}
.icon-houtai:before {
content: "\e625";
}
.icon-youxiang:before {
content: "\e639";
}
.icon-weibo:before {
content: "\e62f";
}
.icon-geren:before {
content: "\e657";
}
.icon-sousuo:before {
content: "\e86e";
}
.icon-shoucang1:before {
content: "\e613";
}
.icon-mianfeibaojia:before {
content: "\e609";
}
.icon-jifen:before {
content: "\e605";
}
.icon-mianfei:before {
content: "\e653";
}
.icon-huiyuan:before {
content: "\e8b1";
}
.icon-pinglun:before {
content: "\e619";
}
.icon-renqiredu:before {
content: "\e708";
}
.icon-calendar-full:before {
content: "\e9ab";
}
.icon-wenzhang:before {
content: "\e624";
}
.icon-shangpin:before {
content: "\e61e";
}
.icon-shipin:before {
content: "\e603";
}
.icon-zizhi:before {
content: "\e615";
}
.icon-31dianhua:before {
content: "\e602";
}
.icon-qq:before {
content: "\e604";
}
.icon-weixin:before {
content: "\e8bb";
}
.icon-chongzhi:before {
content: "\e600";
}
.icon-fabu-:before {
content: "\e63a";
}
.icon-xiugaimima:before {
content: "\e618";
}
.icon-fabuxuqiu:before {
content: "\e627";
}
.icon-huodong:before {
content: "\e62a";
}
.icon-dengpao:before {
content: "\e67d";
}
.icon-xiazai:before {
content: "\e65c";
}
.icon-zixun:before {
content: "\e730";
}
.icon-qunzu:before {
content: "\e649";
}
.icon-kefu:before {
content: "\e6ab";
}
.icon-shoucang:before {
content: "\eca7";
}
.icon-dianpu:before {
content: "\e678";
}
.icon-VIP:before {
content: "\e83d";
}
.icon-xx:before {
content: "\e61d";
}
.icon-dibutubiao_shouye:before {
content: "\e601";
}
.icon-dengpao1:before {
content: "\e90a";
}
.icon-gerenxinxi:before {
content: "\e6b0";
}
.icon-fankui:before {
content: "\e6bf";
}
.icon-zuji:before {
content: "\e723";
}
.icon-tuichu:before {
content: "\e66a";
}
.icon-dingdan:before {
content: "\e622";
}
.icon-fenxiang:before {
content: "\e612";
}
.icon-guanzhu:before {
content: "\e65b";
}
.icon-renwu:before {
content: "\ec22";
}@font-face{font-family:"socialshare";src:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfontfx.eot);src:url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfontfx.eot?#iefix) format("embedded-opentype"),url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfontfx.woff) format("woff"),url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfontfx.ttf) format("truetype"),url(//www.cad818.com/wp-content/themes/wztkj/base/assets/css/iconfontfx.svg#iconfont) format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.parts-floating {
position: fixed;
z-index: 9999;
}
.parts-floating[data-position] {
margin: 15px;
}
.parts-floating[data-movestate='false'] {
display: none;
}
@media (min-width:768px) {
.parts-floating[data-state='true'] {
display: block;
}
.parts-floating[data-state='false'] {
display: none;
}
}
.parts-floating[data-position*='left'] {
left: 0;
}
.parts-floating[data-position*='right'] {
right: 0;
}
.parts-floating[data-position*='bottom'] {
bottom: 0;
}
.parts-floating[data-position*='top'] {
top: 0;
}
.parts-floating[data-position*='center'] {
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.parts-floating ul {
margin: 0;
padding: 0;
list-style: none;
}
.parts-floating li {
position: relative;
margin: 3px 0;
width: 42px;
padding-bottom: 100%;
background-color: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 20px;
}
.parts-floating li .parts-li-tip {
position: absolute;
z-index: 10;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
bottom: 50%;
padding: 0 10px;
margin-bottom: -16.5px;
display: none;
opacity: 1;
min-width: 216px;
text-align: right;
}
.parts-floating li .parts-li-tip .tooltip-inner {
text-align: center;
background-color: #000;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
text-align: left;
max-width: 216px;
padding: 8px;
word-wrap: break-word;
word-break: normal;
}
.parts-floating li .parts-li-tip img {
max-width: 200px;
max-height: 100%;
height: auto;
width: auto;
}
.parts-floating li:hover .parts-li-tip {
display: block;
}
.parts-floating li:hover .parts-li-tip:before {
content: " ";
}
.parts-floating[data-position*='left'] .parts-li-tip {
left: 100%;
text-align: left;
}
.parts-floating[data-position*='right'] .parts-li-tip {
right: 100%;
text-align: right;
}
.parts-floating[data-size='lg'] li {
width: 50px;
font-size: 22px;
}
.parts-floating[data-size='sm'] li {
width: 35px;
font-size: 18px;
}
.parts-floating li a {
color: inherit;
}
.parts-floating li .iconfont {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
font-size: inherit;
color: inherit;
}
.parts-floating li[data-type='Email'] {
background-color: #EE6100;
border-color: #EE6100;
color: #EE6100;
}
.parts-floating li[data-type='Email'] .iconfont:before {
content: "\e639";
}
.parts-floating li[data-type='Phone'] {
background-color: #ed6347;
border-color: #ed6347;
color: #ed6347;
}
.parts-floating li[data-type='Phone'] .iconfont:before {
content: "\e602";
}
.parts-floating li[data-type='Kefu'] {
background-color: #007ace;
border-color: #007ace;
color: #007ace;
}
.parts-floating li[data-type='Kefu'] .iconfont:before {
content: "\e6ab";
}
.parts-floating li[data-type='Release'] {
background-color: #50b83c;
border-color: #50b83c;
color: #50b83c;
}
.parts-floating li[data-type='Release'] .iconfont:before {
content: "\e63a";
}
.parts-floating li[data-type='Weibo'] {
background-color: #9c6ade;
border-color: #9c6ade;
color: #9c6ade;
}
.parts-floating li[data-type='Weibo'] .iconfont:before {
content: "\e62f";
}
.parts-floating li[data-type='Message'] {
background-color: #5E8E3E;
border-color: #5E8E3E;
color: #5E8E3E;
}
.parts-floating li[data-type='Message'] .iconfont:before {
content: "\e7ec";
}
.parts-floating li[data-type='Qz'] {
background-color: #B762FF;
border-color: #B762FF;
color: #B762FF;
}
.parts-floating li[data-type='Qz'] .iconfont:before {
content: "\e649";
}
.parts-floating li[data-type='Mine'] {
background-color: #C35555;
border-color: #C35555;
color: #C35555;
}
.parts-floating li[data-type='Mine'] .iconfont:before {
content: "\e6b0";
}
.parts-floating li[data-type='QQ'] {
background-color: #0188FB;
border-color: #0188FB;
color: #0188FB;
}
.parts-floating li[data-type='QQ'] .iconfont:before {
content: "\e604";
}
.parts-floating li[data-type='Top'] {
background-color: #5c6ac4;
border-color: #5c6ac4;
color: #5c6ac4;
}
.parts-floating li[data-type='Top'] .iconfont:before {
content: "\e6e0";
}
.parts-floating[data-theme*='solid'] li {
color: #fff !important;
}
.parts-floating[data-theme*='round'] li {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.parts-floating[data-theme*='fillet'] li {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.parts-floating[data-theme*='hollow'] li {
border-style: solid;
border-width: 2px;
background-color: #fff !important;
padding-bottom: calc(100% - 4px);
}
.parts-floating[data-theme*='Blacktheme'] li {
background-color: #000 !important;
color: #fff !important;
}
.parts-floating li[data-type='Email']:hover {
background-color: rgba(238, 97, 0, 0.6);
border-color: rgba(238, 97, 0, 0.6);
color: rgba(238, 97, 0, 0.6);
}
.parts-floating li[data-type='Phone']:hover {
background-color: rgba(237, 99, 71, 0.6);
border-color: rgba(237, 99, 71, 0.6);
color: rgba(237, 99, 71, 0.6);
}
.parts-floating li[data-type='Kefu']:hover {
background-color: rgba(0, 122, 206, 0.6);
border-color: rgba(0, 122, 206, 0.6);
color: rgba(0, 122, 206, 0.6);
}
.parts-floating li[data-type='Release']:hover {
background-color: rgba(80, 184, 60, 0.6);
border-color: rgba(80, 184, 60, 0.6);
color: rgba(80, 184, 60, 0.6);
}
.parts-floating li[data-type='Weibo']:hover {
background-color: rgba(156, 106, 222, 0.6);
border-color: rgba(156, 106, 222, 0.6);
color: rgba(156, 106, 222, 0.6);
}
.parts-floating li[data-type='Message']:hover {
background-color: rgba(94, 142, 62, 0.6);
border-color: rgba(94, 142, 62, 0.6);
color: rgba(94, 142, 62, 0.6);
}
.parts-floating li[data-type='Qz']:hover {
background-color: rgba(183, 98, 255, 0.6);
border-color: rgba(183, 98, 255, 0.6);
color: rgba(183, 98, 255, 0.6);
}
.parts-floating li[data-type='Mine']:hover {
background-color: rgba(195, 85, 85, 0.6);
border-color: rgba(195, 85, 85, 0.6);
color: rgba(195, 85, 85, 0.6);
}
.parts-floating li[data-type='QQ']:hover {
background-color: rgba(1, 136, 251, 0.6);
border-color: rgba(1, 136, 251, 0.6);
color: rgba(1, 136, 251, 0.6);
}
.parts-floating li[data-type='Top']:hover {
background-color: rgba(92, 106, 196, 0.6);
border-color: rgba(92, 106, 196, 0.6);
color: rgba(92, 106, 196, 0.6);
}
.parts-floating[data-theme*='Blacktheme'] li:hover {
background-color: rgba(0, 0, 0, 0.6) !important;
}