/*隐藏移动端板块*/
.wangkun_ad {display: none;}
.top_y_m {display: none;}
.list_z_m {display: none;}
.pages_k {display: none;}

.fix {clear:both;height: 1px;font-size: 0px;}
.book_z {width: 2060px;margin-right: auto;margin-left: auto;padding-top: 10px;display: grid;grid-template-columns: 1fr 380px;}
.top_y {background-color: #FFF;border-radius: 12px;box-shadow: 0 0 10px rgba(0 0 0 / 5%);transition: all 0.3s ease-in-out;}
.top_y:hover {box-shadow: 0 0 15px rgb(0 0 0 / 8%);transition: all 0.3s ease-in-out;}
.layui-upload-file {display: none;}
.wangkun_hi {height: 170px;width: 270px;background-image: url(../images/six/book_wxk.svg);background-color: #FFF;background-size: 120px;background-repeat: no-repeat;background-position: 170px bottom;font-size: 12px;line-height: 26px;color: #111;padding-top: 20px;margin-bottom: 20px;border-radius: 12px;padding-right: 20px;padding-left: 20px;}
.wangkun_hi a {color: #111;text-decoration: none;}
.wangkun_hi a:hover {color: #999;text-decoration: none;}
.wangkun_hi dd.one {font-family: BrandonText-Black;font-size: 18px;height: 36px;}
.wangkun_hi dd.two {padding-bottom: 10px;}

.input_box2 {padding-top: 25px;padding-right: 30px;padding-left: 30px;padding-bottom: 15px;}
.input {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;border: none;font-size: 16px;line-height: 26px;color: #111;background-color: transparent;width: 100%;overflow: hidden;padding: 0;outline: none;resize: none;text-align: justify;vertical-align: top;}

.input::placeholder {color: #999;}
.input_ok {height: 60px;width: 100%;}
.input_user {height: 32px;width: 32px;float: left;padding-top: 9px;padding-left: 9px;}
.input_name {height: 40px;float: right;background-color: #F5F5F5;border-radius: 20px;transition: all 0.9s ease-in-out;}
.input_name:hover {background-color: #efefef;transition: all 0.3s ease-in-out;}
.name {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;height: 40px;min-width: 100px;max-width: 200px;font-size: 14px;line-height: 40px;color: #111;border-radius: 20px;border: none;background-color: transparent;outline: none;vertical-align: top;field-sizing: content;background-image: url(../images/six/m/user_icon_hover.svg);background-size: 18px 18px;padding-right: 17px;padding-left: 35px;background-repeat: no-repeat;background-position: 12px 11px;transition: all 0.9s ease-in-out;}
.name::placeholder {color: #999;}
.name:placeholder-shown {background-image: url(../images/six/m/user_icon.svg);}
.input_submit {height: 40px;float: right;width: 100px;padding-right: 25px;padding-left: 10px;}
.botton {height: 40px;width: 100%;font-size: 14px;line-height: 40px;background-color: #111;text-align: center;color: #FFFFFF;border-radius: 20px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;cursor:pointer;-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);box-shadow: 0 5px 15px rgba(0,0,0,.30);}
.botton:hover {background-color: #555;-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);}

.list_z {padding-left: 30px;}
.list_y {width: 310px;padding-right: 30px;padding-left: 40px;}

.search_top {height: 40px;background-color: #FFFFFF;border-radius: 20px;margin-bottom: 10px;box-shadow: 0 0 10px rgba(0 0 0 / 5%);transition: all 0.3s ease-in-out;}
.search_top:hover {box-shadow: 0 0 15px rgb(0 0 0 / 8%);transition: all 0.3s ease-in-out;}
.search_top dd.s_input {height: 34px;float: left;width: 256px;padding-top: 6px;padding-left: 10px;}
.search_input {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;height: 28px;width: 100%;font-size: 12px;line-height: 27px;color: #111;background-color: transparent;text-indent: 7px;border: none;outline: none;}
.search_input::placeholder {color: #999;}
.search_top dd.s_submit {height: 40px;float: left;width: 40px;}
.search_top dd.s_submit a {text-decoration: none;display: block;height: 40px;width: 40px;background-image: url(../images/six/m/so_icon_2.svg);background-size: 38px;background-repeat: no-repeat;background-position: center center;-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;}
.search_top dd.s_submit a:hover {text-decoration: none;background-image: url(../images/six/m/so_icon_2.svg);background-repeat: no-repeat;opacity:0.6;}
.search_hot {width: 100%;}
.search_hot dd.hot_wz {height: 26px;float: left;width: 40px;font-size: 14px;line-height: 26px;color: #666666;padding-top: 10px;}
.search_hot dd.hot_keyword {height: 26px;float: left;font-size: 12px;line-height: 26px;color: #FFFFFF;padding-right: 7px;padding-top: 10px;}
.search_hot dd.hot_keyword a {text-decoration:none;display: block;height: 26px;color: #666666;background-color: #FFFFFF;padding-right: 10px;padding-left: 10px;border-radius: 13px;-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);box-shadow: 0 0 8px rgba(0,0,0,.09);}
.search_hot dd.hot_keyword a:hover {text-decoration: none;color: #FFFFFF;background-color: #111;}


.search_result {height: 200px;background-color: #FFF;margin-top: 25px;border-radius: 12px;box-shadow: 0 0 8px rgba(0,0,0,.04);background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 140px;}
.search_result dd.result_key {width: 230px;font-weight:bold;font-size: 14px;color: #111;text-align: center;padding-left: 40px;float: left;padding-top: 15px;}
.search_result dd.result_close {height: 40px;width: 40px;float: right;}
.search_result dd.result_close a {text-decoration: none;display: block;height: 40px;width: 40px;background-image: url(../images/six/m/jp.svg);background-repeat: no-repeat;background-position: center center;background-size: 12px;-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;}
.search_result dd.result_close a:hover {text-decoration: none;background-image: url(../images/six/m/jp.svg);background-repeat: no-repeat;opacity:0.6;}

@font-face
{
font-family: Langdon;
src: url('../design/css/Langdon.otf')
}

.search_result dd.result_quantity {height: 125px;width: 100%;font-family: BrandonText-Black;font-size: 76px;color: #111;text-align: center;line-height: 120px;float: left;letter-spacing: -3px;}
.search_result dd.result_tips {width: 100%;font-size: 12px;color: #999999;text-align: center;float: left;}

.youce_top {height: 34px;font-size: 12px;line-height: 34px;color: #FFFFFF;text-align: center;background: -webkit-linear-gradient(left,#555 0,#222 100%);background: linear-gradient(to right,#555 0,#222 100%);border-radius: 20px;margin-top: 25px;box-shadow: 0 5px 15px rgb(0 0 0 / 30%);}
.recommend {width: 100%;}
.recommend dd.recommend_web {height: 30px;width: 50%;font-size: 12px;line-height: 30px;color: #AAAAAA;float: left;padding-top: 20px;}
.recommend dd.recommend_web a {text-decoration:none;color: #111;-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);}
.recommend dd.recommend_web a:hover {text-decoration: none;color: #888;}

.wechat_qun {padding-top: 30px;padding-bottom: 15px;margin-top: 25px;background-color: #FFF;text-align: center;color: #666;line-height: 35px;font-size: 12px;border-radius: 12px;}
.wechat_icon {margin-bottom: -3px;padding-right: 5px;}
.qun {height: 30px;padding-top: 30px;}
.qun dd.qun1 {height: 20px;font-size: 12px;line-height: 20px;color: #666666;background-image: url(../images/six/m/logo_2.svg);background-size: 30px;background-position: -6px center;background-repeat: no-repeat;float: left;padding-left: 25px;}
.qun dd.qun_j {width: 20px;height: 20px;float: right;}
.qun dd.qun_j a {text-decoration:none;display: block;height: 20px;width: 20px;background-image: url(../images/six/qun_jia_bg.svg);background-size: 12px;background-repeat: no-repeat;background-position: center center;opacity:10;}
.qun dd.qun_j a:hover {text-decoration: none;background-image: url(../images/six/qun_jia_bg.svg);background-repeat: no-repeat;opacity:0.60;}
.qun dd.qun_qian {height: 20px;float: left;color: #EA2F2F;line-height: 20px;font-size: 12px;padding-left: 5px;}
.book_weibo {height: 70px;padding-top: 40px;font-size: 12px;color: #999;text-align: right;}
.list_user_z {display: block;width: 52px;padding-left: 30px;padding-top: 1px;height: 52px;}
.list_user_z img {width: 52px;border-radius: 52px;height: 52px;background: rgba(0, 0, 0, 0.04);}
.list_user_zdy {display: block;width: 54px;z-index: 100;height: 54px;position: absolute;padding-left: 29px;}
.list_user_zdy a {text-decoration:none;border-radius: 54px;display: block;height: 54px;width: 54px;position: absolute;background-image: url(../images/six/user_more1.png);backdrop-filter: blur(0px);background-size: 54px;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);}
.list_user_zdy a:hover {text-decoration:none;border-radius: 54px;display: block;height: 54px;width: 54px;position: absolute;background-image: url(../images/six/user_more.png);background-size: 54px;background-position: center center;background-repeat: no-repeat;backdrop-filter: saturate(800%) blur(30px);}
.list_user_zdy img {border-radius: 54px;width: 54px;height: 54px;}
.list_user_content {padding-top: 30px;background-color: #FFF;border-radius: 12px;margin-top: 20px;background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom -170px;background-size: 190px;transition: all 0.9s ease-in-out;display: grid;grid-template-columns: 108px 1fr;}
.list_user_content:hover {background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 190px;box-shadow: 0 0 30px rgb(0 0 0 / 5%);transition: all 0.3s ease-in-out;}
.list_user_content_top {padding-right: 30px;}
.list_user_content_message {padding-bottom: 20px;font-size: 16px;line-height: 30px;color: #111;word-break: normal;background-repeat: no-repeat;text-align: justify;margin-top: -4px;overflow-wrap: break-word;}
.list_user_content_message img {vertical-align: -9px;margin-right: 2px;margin-left: 2px;margin-top: 3px;margin-bottom: 3px;height: 24px;}

.list_user_content_message a {color:#111;text-decoration:none;font-weight: bold;-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);}
.list_user_content_message a:hover {text-decoration:none;color: #999;}
.list_user_content_message a img {height: 15px;margin-left: 3px;vertical-align: -5px;}
.list_user_link {background-image: url(../images/six/icon_url.svg);background-size: 14px;background-position: 6px center;background-repeat: no-repeat;padding-left: 24px;margin-right: 8px;}

.list_user_content_reply2 {font-size: 0px;background: rgba(0,0,0,0.04);border-radius: 12px;padding-top: 15px;padding-right: 20px;padding-bottom: 15px;padding-left: 20px;margin-bottom: 25px;}
.list_user_content_reply3 {padding-left: 17px;font-size: 0px;padding-right: 17px;}
.reply_content {font-size: 14px;line-height: 26px;color: #111;background-image: url(../images/six/reply_icon.svg);background-size: 13px;background-repeat: no-repeat;text-indent: 24px;background-position: left 6px;}
.reply_content a {color:#111;font-weight: bold;text-decoration:none;border-radius: 14px;margin-right: 6px;padding-left: 22px;-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-image: url(../images/six/icon_url.svg);background-size: 12px;background-position: 6px center;background-repeat: no-repeat;}
.reply_content a:hover {opacity:0.6;}
.reply_content img {vertical-align: -8px;margin-right: 2px;margin-left: 2px;margin-top: 1px;margin-bottom: 1px;height: 24px;}

.content_information_k {height: 46px;}
.content_information {font-size: 14px;color: #999999;float: left;}
.content_information a {color:#999999; text-decoration:none;-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);}
.content_information a:hover {text-decoration:none;color: #111;}

@font-face
{
font-family: BrandonText-Black;
src: url('../../css/font/BrandonText-Black.otf')
}

.content_lc {font-family: BrandonText-Black;letter-spacing: -3px;font-size: 36px;color: #EBEBEB;line-height: 18px;float: right;}
.content_lc a {color:#EBEBEB;text-decoration:none;-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);}
.content_lc a:hover {text-decoration:none;color: #111;}

.book_ad_r {padding-top: 25px;}
.book_ad_r a {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);}
.book_ad_r a:hover {text-decoration: none;opacity:0.9;}
.book_ad_r img {width: 100%;border-radius: 12px;}
.fb_weibo {height: 60px;padding-top: 25px;}
.fb_weibo a {text-decoration: none;display: block;height: 60px;border-radius: 12px;-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-color: #FFF;color: #111;line-height: 60px;text-align: center;font-size: 14px;box-shadow: 0 2px 10px rgba(1,1,1,.05);}
.fb_weibo a:hover {background-color: #FFF;text-decoration: none; box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.fb_weibo img {margin-bottom: -5px;margin-right: 8px;}

/*翻页*/
.flip_z {width: 2060px;margin-right: auto;margin-left: auto;}
.pages {text-align: right;clear: both;line-height: 35px;margin-right: 380px;padding-top: 40px;padding-bottom: 40px;padding-left: 30px;}
.pages a {color:#111;font-size:14px;text-decoration:none;background-color: #ebebeb;text-align: center;margin-left: 5px;padding-top: 7px;padding-right: 12px;padding-bottom: 7px;padding-left: 12px;border-radius: 20px;-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);}
.active_pagea{
color: #FFF !important;
text-decoration: none !important;
background-color: #111 !important;
}
.pages a:hover {color:#FFFFFF;text-decoration:none;background-color: #111;}
.pages strong { background:#FFFFFF; font-weight:bold; color:#111; padding:7px 9px; font-size:12px;}
.pages a.more { border:none; background:none; color:#111; padding:2px 0;}
.home_shuju {text-align:left;font-family: Verdana;font-size: 12px;color: #AAAAAA;-webkit-text-size-adjust:none;}

/*表情、图片上传浮层*/
.function {height: 20px;width: 125px;float: left;padding-left: 30px;padding-top: 18px;}
.function dd.bq {height: 20px;float: left;width: 20px;padding-right: 20px;}
.function dd.bq a {background-size: 20px;background-image: url("../images/six/icon_bq.svg");background-repeat: no-repeat;display: block;text-decoration: none;height: 20px;width: 20px;-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);}
.function dd.bq a:hover {text-decoration: none;opacity: 0.7;}
.function dd.img {height: 20px;float: left;width: 20px;}
.function dd.img a {background-size: 20px;background-image: url(../images/six/icon_img.svg);background-position: left center;background-repeat: no-repeat;display: block;text-decoration: none;height: 20px;width: 20px;-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);}
.function dd.img a:hover {text-decoration: none;opacity: 0.7;}
#biaoqing {float: left;position: absolute;display:none;top:68px;left:0px;z-index: 200;background: rgba(255, 255, 255, 0.85);-webkit-backdrop-filter: saturate(200%) blur(20px);backdrop-filter: saturate(200%) blur(20px);border-radius: 12px;box-shadow: 0 0 30px rgba(0,0,0,.2);padding: 10px;}

.bq_line {height: 184px;width: 368px;}
.bq_line dd.expression {float: left;text-align: center;}
.bq_line dd.expression a {text-decoration:none;display: block;height: 38px;width: 46px;padding-top: 8px;border-radius: 5px;-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);}
.bq_line dd.expression a:hover {text-decoration:none;background: rgba(0, 0, 0, 0.03);}
#function_close {height: 20px;width: 20px;position: absolute;right: -10px;top: -10px;border-radius: 12px;}
#function_close a {text-decoration: none;display: block;height: 20px;width: 20px;background-color: #FFF;background-image: url(../images/six/m/jp.svg);background-size: 8px;background-repeat: no-repeat;background-position: center center;border-radius: 12px;transition: all 0.3s ease-in-out;box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
#function_close a:hover {box-shadow: 0 0 7px rgba(0, 0, 0, .4);transition: all 0.3s ease-in-out;}
#gn_photo {position:absolute;top:68px;left:0px;z-index: 200;}
.gn_photo_line {height: 77px;width: 400px;padding-top: 11px;border-radius: 12px;box-shadow: 0 0 8px rgba(0,0,0,.1);padding: 10px;display:none;background: rgba(255, 255, 255, 0.85);-webkit-backdrop-filter: saturate(200%) blur(20px);backdrop-filter: saturate(200%) blur(20px);}
#ph_close{position:absolute;}
.gn_photo_line dd.tips {height: 77px;float: left;width: 234px;line-height: 77px;text-align: center;font-size: 12px;color: #999999;}
.gn_photo_line dd.upload {height: 77px;float: left;width: 77px;text-align: center;margin-right: 10px;}
.gn_photo_line dd.upload a {text-decoration:none;display: block;height: 27px;width: 77px;padding-top: 50px;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0.02);background-image: url(../images/six/icon_up.svg);background-size: 19px;background-position: center 20px;font-size: 12px;color: #666666;text-align: center;border-radius: 8px;-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);}
.gn_photo_line dd.upload a:hover {text-decoration:none;background-color: rgba(0, 0, 0, 0.04);color: #111;}
.gn_photo_line dd.link {height: 77px;float: left;width: 77px;text-align: center;}
.gn_photo_line dd.link a {text-decoration:none;display: block;height: 27px;width: 77px;padding-top: 50px;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0.02);background-image: url(../images/six/icon_url.svg);background-size: 20px;background-position: center 20px;font-size: 12px;color: #666666;text-align: center;border-radius: 8px;-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);}
.gn_photo_line dd.link a:hover {text-decoration:none;background-color: rgba(0, 0, 0, 0.04);color: #111;}
#gn_photo_2 {height: 84px;width: 400px;float: left;position: absolute; display:none; padding-top: 10px;border-radius: 12px;box-shadow: 0 0 8px rgba(0,0,0,.1);padding: 10px;background: rgba(255, 255, 255, 0.85);-webkit-backdrop-filter: saturate(200%) blur(20px);backdrop-filter: saturate(200%) blur(20px);}
.gn_photo_link {height: 58px;padding-top: 22px;padding-left: 10px;}
.gn_photo_link dd.p_input {height: 40px;float: left;width: 310px;}
.photo_input {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;height: 40px;width: 270px;font-size: 12px;line-height: 40px;color: #111;background: rgba(0, 0, 0, 0.03);border: 0px;outline: none;border-radius: 20px;padding-right: 15px;padding-left: 15px;}
.photo_input::placeholder {color: #999;}
.gn_photo_link dd.p_submit {height: 40px;float: left;width: 70px;}
.photo_submit {height: 40px;float: left;width: 70px;font-size: 14px;line-height: 40px;color: #FFFFFF;background-color: #111;text-align: center;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;cursor: pointer;border-radius: 20px;}
#gn_photo_3 {min-width: 240px;min-height: 150px;float: left;background: rgba(255, 255, 255, 0.9);border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,.2);position: absolute;display:none;-webkit-backdrop-filter: saturate(200%) blur(20px);backdrop-filter: saturate(200%) blur(20px);background-image: url(../images/six/img_loading.gif);background-repeat: no-repeat;background-position: center;background-size: 26px;}
.gn_photo_img {overflow: hidden;}
.shopimg{max-width:240px;height:auto;text-align: center;width:240px;border-radius: 10px;vertical-align: top;}
#gn_photo_4 {width: 240px;float: left;position: absolute;display:none;opacity: 0.95;}
.gn_photo_img dd.tips2 {height: 35px;text-align: center;font-size: 14px;color: #FFF;padding-top: 30px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6));border-radius: 10px 10px 0 0;}
.gn_photo_img dd.submit2 {padding-bottom: 30px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));}
.gn_photo_img dd.submit2 a {text-decoration: none;display: block;height: 30px;width: 60px;background-color: #FFF;font-size: 12px;color: #111;text-align: center;line-height: 30px;margin-right: auto;margin-left: auto;border-radius: 20px;}
.gn_photo_img dd.submit2 a:hover {text-decoration:none;}
.look_img {float: left;padding-left: 24px;}
.look_img a {background-size: 14px;background-image: url(../images/six/icon_img.svg);background-position: left 4px;background-repeat: no-repeat;padding-left: 20px;display: block;text-decoration: none;font-size: 14px;color: #111;-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);}
.look_img a:hover {background-image: url(../images/six/icon_img.svg);text-decoration: none;opacity:0.6;}
.modal-overlay {display: none; position: fixed;top: 0; left: 0; width: 100%; height: 100%;z-index: 9999; /* 确保在留言板最上层 */justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);opacity: 0;transition: opacity 0.3s ease;}
.modal-overlay.show {display: flex; opacity: 1;    }
.modal-overlay img {max-width: 90vw;max-height: 90vh;width: auto;height: auto;border-radius: 10px;box-shadow: 0 4px 20px rgba(0,0,0,0.2);}
.close-btn {position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.2);border-radius: 50%;cursor: pointer;display: flex;justify-content: center;align-items: center;transition: 0.3s;z-index: 10000;}
.close-btn:hover { background-color: rgba(0, 0, 0, 0.2); opacity: 0.5; }
.close-btn::before, .close-btn::after {content: '';position: absolute;width: 20px;height: 1px;background-color: #FFF;}
.close-btn::before { transform: rotate(45deg); }
.close-btn::after { transform: rotate(-45deg); }
.upload {position:relative;}
@media screen and (max-width: 2120px) {
.book_z {width: 98%;}
.flip_z {width: 98%;}
}
@media screen and (max-width: 1000px) {
.book_z {width: 980px;}
.flip_z {width: 980px;}
}
