@charset "utf-8";
/* CSS Document */

/*隐藏移动端板块*/
.top {display: none;}
.copyright_m {display: none;}

/*通用页面样式、顶部*/
* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
html{-webkit-text-size-adjust:none;}
body {background-color: #FAFAFA;font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", '微软雅黑', STHeiti, "WenQuanYi Micro Hei", Arial, SimSun, sans-serif;}
img { border:none;}
.fix {clear:both;height: 1px;font-size: 0px;}
::selection {color: #F0F0F0;background: #444;}/*内容选中效果*/

/*自定义滚动条*/
::-webkit-scrollbar{width: 12px;height: 12px;background-color: #E3E3E3;}/*滚动条高宽及背景*/
::-webkit-scrollbar-track{background-color: #E3E3E3;} /*定义滚动条轨道*/
::-webkit-scrollbar-thumb{background-color: #555;}/*滑块*/
::-webkit-scrollbar-thumb:hover{background-color:#3B3B3B}/*滑块触发*/
::-webkit-scrollbar-corner{background-color: #d3d3d3;}/*边角，即两个滚动条的交汇处*/

/*二级页面顶部导航*/
.two_no {width: 2060px;margin-right: auto;margin-left: auto;height: 100px;}

.two_topk {height: 100px;position: fixed;z-index: 1000;width: 100%;-webkit-backdrop-filter: saturate(200%) blur(30px);backdrop-filter: saturate(200%) blur(30px);background: rgba(250,250,250,0.8);}
.two_top {height: 70px;padding-top: 30px;width: 2060px;margin-right: auto;margin-left: auto;background-position: bottom;}
.two_logo {height: 40px;width: 126px;float: left;padding-left: 30px;}
.two_logo a {text-decoration: none;display: block;height: 40px;width: 46px;background-image: url(../images/logo_2020/web_logo.svg);background-size: 121px 40px;background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);background-position: left;}
.two_logo a:hover {height: 40px;width: 121px;background-image: url(../images/logo_2020/web_logo.svg);background-repeat: no-repeat;}
.two_nav {height: 28px;float: right;width: 101px;padding-right: 30px;padding-top: 6px;}
.two_nav_dhrs {height: 28px;width: 28px;float: right;}
.two_nav_dhrs a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(../images/v6/pd_nav_book.svg);background-size: 28px 28px;background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:10;}
.two_nav_dhrs a:hover {text-decoration: none;background-image: url(../images/v6/pd_nav_book.svg);background-repeat: no-repeat;opacity:0.60;}
.two_nav_design {height: 28px;width: 28px;float: right;}
.two_nav_design a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(../images/v6/pd_nav_design.svg);background-size: 28px 28px;background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:10;}
.two_nav_design a:hover {text-decoration: none;background-image: url(../images/v6/pd_nav_design.svg);background-repeat: no-repeat;opacity:0.60;}
.two_nav_x {height: 28px;width: 45px;float: right;}


/*版权信息*/
.copyright_k {width: 2060px;margin-right: auto;margin-left: auto;padding-top: 20px;}

.copyright {border-top-width: 1px;border-top-style: solid;border-top-color: rgba(0, 0, 0, 0.04);height: 70px;padding-top: 35px;margin-right: 30px;margin-left: 30px;}
.copyright_z {float: left;}
.copyright_z dd.copyright_wz {height: 50px;font-size: 12px;color: #CCC;float: left;padding-right: 30px;overflow: hidden;}
.copyright_z dd.copyright_wz a {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);font-size: 12px;color: #666666;line-height: 45px;text-decoration: none;}
.copyright_z dd.copyright_wz a:hover {text-decoration: none;color: #999999;}
.copyright_z dd.m_icon {height: 50px;font-size: 12px;color: #666;float: left;width: 51px;text-align: right;line-height: 45px;}
.copyright_z dd.m_icon a {text-decoration: none;color: #666;background-image: url(../images/v6/m_icon.svg);background-size: 9px 13px;background-repeat: no-repeat;background-position: left center;display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);opacity: 0.99;}
.copyright_z dd.m_icon a:hover {text-decoration: none;color: #666;background-image: url(../images/v6/m_icon.svg);background-size: 9px 13px;background-repeat: no-repeat;no-repeat;opacity:0.7;}

.copyright_icon {height: 32px;float: left;}
.copyright_icon dd.c_wkun_logo {width: 77px;height: 32px;float: left;}
.copyright_icon dd.c_wkun_logo a {display: block;height: 32px;width: 77px;background-image: url(../images/logo_2020/web_logo_db.svg);background-size: 77px 32px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);opacity: 0.5;background-repeat: no-repeat;background-position: center center;}
.copyright_icon dd.c_wkun_logo a:hover {text-decoration: none;background-image: url(../images/logo_2020/web_logo_db.svg);opacity:0.9;}
.copyright_icon dd.c_wxk_logo {width: 125px;height: 32px;float: left;padding-right: 30px;}
.copyright_icon dd.c_wxk_logo a {display: block;height: 32px;width: 125px;background-image: url(../images/logo_2020/wxk_black.svg);background-size: 125px 32px;background-position: center center;background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.5;}
.copyright_icon dd.c_wxk_logo a:hover {text-decoration: none;background-image: url(../images/logo_2020/wxk_black.svg);opacity:0.9;}

.copyright_y {height: 40px;padding-top: 10px;float: right;}
.hda {float: right;height: 30px;}
.hda a {display: block;height: 30px;background-image: url(../images/v6/hda_icon.svg);background-size: 30px 30px;background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);background-position: left center;color: #666;font-size: 14px;padding-left: 36px;text-decoration: none;line-height: 15.5px;}
.hda a:hover {text-decoration: none;background-image: url(../images/v6/hda_icon.svg);opacity: 0.7;}
.flipboard {float: right;height: 30px;width: 167px;padding-right: 30px;}
.flipboard a {display: block;height: 30px;width: 167px;background-image: url(../images/six/identity.png);background-position: left top;}
.flipboard a:hover {text-decoration: none;background-image: url(../images/six/identity.png);background-position: left bottom;}
.copyright_c {height: 78px;padding-right: 30px;padding-left: 30px;}
.copyright_certificate {height: 32px;font-size: 12px;color: #999999;float: right;line-height: 32px;}
.copyright_certificate a {text-decoration:none;color: #999999;}
.copyright_certificate a:hover {text-decoration: none;color: #888888;}
.statistics {height: 15px;font-family: Verdana;font-size: 11px;color: #EAEAEA;position: fixed;bottom: -20px;}
.statistics a { color:#EAEAEA; text-decoration:none;}
.statistics a:hover {text-decoration:none;}

/* 返回顶部按钮样式 */
.back-to-top {position: fixed;bottom: 60px;left: 50%;transform: translateX(-50%);display: none;width: 74px;height: 54px;border-radius: 27px;cursor: pointer;transition: all 0.3s ease-in-out;z-index: 9999;-webkit-backdrop-filter: saturate(200%) blur(10px);backdrop-filter: saturate(200%) blur(10px);background: rgba(255, 255, 255, 0.8);background-image: url(https://www.wkun.com/book/images/six/m/up_2.svg);background-size: 44px;background-repeat: no-repeat;background-position: center;box-shadow: rgba(0, 0, 0, 0.5) 0px 16px 80px;}
.back-to-top:hover {transition: all 0.3s ease-in-out;box-shadow: rgba(0, 0, 0, 0.8) 0px 16px 80px;}
/* 显示按钮时的样式（通过JS添加） */
.back-to-top.show {display: block;animation: fadeIn 1.0s ease;}
@keyframes fadeIn {
from { opacity: 0; bottom: 10px; }
to { opacity: 1; bottom: 60px; }
}

/*自适应解决方案*/
@media screen and (max-width: 2120px) {
.two_no {width: 98%;}
.two_top {width: 98%;}
.copyright_k {width: 98%;}
}
@media screen and (max-width: 1000px) {
.two_no {width: 980px;}
.two_top {width: 980px;}
.copyright_k {width: 980px;}
}