/*隐藏PC端板块*/
.book_z {display: none;}
.flip_z {display: none;}

.fix {clear:both;height: 1px;font-size: 0px;}
.top_y_m {margin-bottom: 5px;margin-right: 5px;margin-left: 5px;background-color: #FFF;box-shadow: 0 0 6px rgba(0 0 0 / 6%);border-radius: 12px;transition: all 0.3s ease-in-out;}
.top_y_m:hover {box-shadow: 0 0 15px rgb(0 0 0 / 12%);transition: all 0.3s ease-in-out;}

.wangkun_ad {height: 50px;padding-top: 50px;overflow: hidden;}
.wangkun_ad_z {font-family: PingFangSC-Semibold;font-size: 20px;line-height: 50px;color: #111;text-align: center;height: 50px;float: left;padding-left: 14px;letter-spacing: -1px;}
.wangkun_ad_z a {text-decoration:none;color: #111;}
.wangkun_ad_z img {margin-bottom:-3px;}
.wangkun_ad_y {width: 43px;height: 50px;float: right;padding-right: 20px;-webkit-animation:'wangkun_img' 1.5s 1;background-image: url(../images/six/book_wxk.svg);background-size: 43px;background-repeat: no-repeat;background-position: 0px top;}
@-webkit-keyframes wangkun_img {
	0% {opacity: 0;-webkit-transform: translateY(100px);}	
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
.so_icon {width: 44px;position: absolute;height: 44px;top: 3px;right: 0px;}
.so_up {width: 44px;position: absolute;height: 44px;top: -47px;right: 0px;background-color: #FAFAFA;}
.botton {-webkit-appearance : none;border-radius: 20px;background: -webkit-linear-gradient(left,#555 0,#222 100%);background: linear-gradient(to right,#555 0,#222 100%);box-shadow: 0 6px 12px rgba(0,0,0,.30);}

.input_box2 {padding-top: 14px;padding-right: 15px;padding-left: 15px;padding-bottom: 10px;background-image: url(../images/six/book_wxk_dy.png);background-size: 54px;background-repeat: no-repeat;background-position: top right 10px;}
.input {border: none;font-family: PingFangSC-Light;font-size: 16px;line-height: 23px;color: #111;background-color: transparent;width: 100%;-webkit-appearance: none;overflow: hidden;padding: 0;outline: none;resize: none;text-align: justify;}
.input::placeholder {color: #999;}
.input_ok {height: 48px;}
.input_name {height: 35px;float: right;background-color: #F7F7F7;border-radius: 20px;transition: all 0.9s ease-in-out;}
.input_name:hover {background-color: #efefef;transition: all 0.3s ease-in-out;}

.name {height: 35px;font-family:PingFangSC-Light;font-size: 14px;color: #111;border-radius: 20px;border: none;background-color: transparent;outline: none;-webkit-appearance: none;min-width: 100px;max-width: 140px;field-sizing: content;background-image: url(../images/six/m/user_icon_hover.svg);background-size: 15px 15px;background-repeat: no-repeat;background-position: 10px center;padding-right: 14px;padding-left: 30px;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 {float: right;margin-right: 14px;margin-left: 5px;}
.list_z_m {padding-top: 0px;padding-bottom: 0.1px;}

.search_top {height: 80px;background-color: #FAFAFA;position: absolute;top: 50px;width: 100%;padding-top: 30px;box-shadow: 0 30px 30px rgba(0,0,0,.1);border-radius: 0 0 20px 20px;}
.search_top dd.s_input {height: 40px;background-color: #eee;margin-right: 90px;margin-left: 50px;padding-left: 12px;border-radius: 40px;padding-right: 12px;}
.search_input_m {height: 40px;font-family:PingFangSC-Light;font-size: 14px;line-height: 40px;color: #111;background-color: #eee;text-indent: 4px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;outline: none;width: 100%;border-radius: 35px;}
.search_input_m::placeholder {color: #999;}
.search_top dd.s_submit {height: 49px;width: 44px;padding-top: 27px;position: absolute;right: 40px;top: 0px;}
.search_hot {width: 240px;height: 21px;}
.search_hot dd.hot_wz {height: 21px;float: left;width: 32px;font-family:sans-serif;font-size: 13px;line-height: 21px;color: #666666;}
.search_hot dd.hot_keyword {height: 21px;float: left;font-family:sans-serif;font-size: 12px;line-height: 21px;color: #FFFFFF;padding-left: 8px;}
.search_hot dd.hot_keyword a {text-decoration:none;display: block;height: 21px;color: #FFFFFF;background-color: #0069DD;padding-right: 8px;padding-left: 8px;border-radius: 11px;}
.search_hot dd.hot_keyword a:hover {text-decoration: none;color: #FFFFFF;background-color: #999999;}
.search_result {font-family: sans-serif;position: fixed;z-index: 900;height: 60px;bottom: 16px;left: 20px;right: 20px;border-radius: 32px;box-shadow: 0 0px 20px rgba(0,0,0,.15);background: rgba(255, 255, 255, 0.8);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);border: 1px solid #FFF;-webkit-animation:'search_result' 1.5s 1;}
.search_result dd.result_key {font-family: PingFangSC-Semibold;font-weight: bold;font-size: 16px;color: #111;text-align: left;padding-left: 5px;float: left;line-height: 60px;height: 60px;display: block;}
.search_result dd.result_close {height: 60px;width: 60px;float: right;text-align: center;}
.search_result dd.result_close a {height: 60px;width: 60px;display: block;}
.search_result dd.result_quantity {font-size: 20px;color: #111;float: left;display: block;line-height: 58.5px;height: 60px;padding-left: 20px;padding-right: 8px;font-family: "BrandonText-Black";letter-spacing: -1px;}
.search_result dd.result_tips {font-family: PingFangSC-Light;font-size: 16px;float: left;color: #111;line-height: 60px;height: 60px;display: block;opacity: 0.6;}
@-webkit-keyframes search_result {
	0% {opacity: 0;-webkit-transform: translateY(-50px);}	
	100% {opacity: 1;-webkit-transform: translateY(0);}
}

.qun {float: left;padding-left: 8px;}
.qun dd.qun1 {font-family:PingFangSC-Semibold;font-size: 18px;font-weight: bold;line-height: 26px;color: #111111;}
.qun dd.qun1 img{height: 15px;margin-left: 3px;margin-bottom: -1px;vertical-align: baseline;}
.qun dd.qun2 {font-family:PingFangSC-Light;font-size: 12px;color: #999999;}
@font-face
{
font-family: BrandonText-Black;
src: url('../../css/font/BrandonText-Black.otf')
}

.qun_lou {font-family: BrandonText-Black;letter-spacing: -3px;font-size: 33px;line-height: 25px;color: #EBEBEB;float: right;padding-right: 3px;}
.qun_lou a {text-decoration:none;color: #EBEBEB;}
.qun_lou a:hover {text-decoration: none;color: #EBEBEB;}
.list_user {margin-bottom: 5px;padding-right: 15px;padding-top: 18px;padding-left: 15px;border-radius: 12px;background-color: #FFF;background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom -170px;background-size: 150px;transition: all 0.9s ease-in-out;margin-right: 5px;margin-left: 5px;box-shadow: 0 0 6px rgba(0 0 0 / 3%);padding-bottom: 15px;}
.list_user:hover {background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 150px;box-shadow: 0 0 30px rgb(0 0 0 / 5%);transition: all 0.3s ease-in-out;}
.list_user_z {width: 42px;height: 42px;float: left;}
.list_user_z img {border-radius: 42px;width: 42px;height: 42px;background: rgba(0, 0, 0, 0.04);}
.list_user_zdy {display: block;width: 42px;position: absolute;height: 42px;}
.list_user_zdy img {border-radius: 42px;width: 42px;height: 42px;}
.list_user_content {width: 100%;}
.list_user_xiangxi {width: 100%;height: 46px;}
.list_user_content_message {padding-top: 10px;font-family: PingFangSC-Light;font-size: 16px;line-height: 26px;color: #111111;word-break:normal;letter-spacing: -0.5px;text-align: justify;overflow-wrap: break-word;}
.list_user_content_message img {margin-top: 1px;margin-bottom: 1px;margin-right: 2px;margin-left: 2px;height: 24px;vertical-align: -7px;}
.list_user_content_message a {font-family: PingFangSC-Semibold;color: #111;text-decoration: none;font-size: 16px;border-radius: 9px;display: block;height: 48px;text-align: center;line-height: 48px;margin-top: 10px;background: rgba(0,0,0,0.03);font-weight: bold;}
.list_user_content_message a:hover {text-decoration:none;color: #111;}
.list_user_content_reply {font-size: 0px;padding-top: 12px;padding-bottom: 13px;padding-right: 15px;padding-left: 15px;background: rgba(0,0,0,0.03);border-radius: 9px;margin-top: 15px;}
.list_user_content_reply3 {font-size: 0px;}
.reply_content {font-family: PingFangSC-Light;font-size: 16px;line-height: 26px;color: #111111;word-break: normal;text-align: justify; background-image: url(../images/six/reply_icon.svg);background-size: 14px;background-repeat: no-repeat;text-indent: 20px;background-position: left 5px;letter-spacing: -0.5px;}
.reply_content a {font-family: PingFangSC-Semibold;vertical-align: baseline;color:#111;text-decoration:none;padding-right: 6px;padding-left: 22px;background-image: url(../images/six/icon_url.svg);background-size: 13px;background-position: 6px center;background-repeat: no-repeat;}
.reply_content a:hover {text-decoration:none;}
.reply_content_time {font-family:PingFangSC-Light;font-size: 12px;color: #999999;padding-top: 8px;}
.reply_content img {vertical-align: -7px;margin-right: 2px;margin-left: 2px;margin-top: 1px;margin-bottom: 1px;width: 24px;}
.content_information_k {width: 100%;height: 17px;padding-top: 12px;}
.content_dream {text-align: left;font-size: 12px;color: #999999;float: left;font-family: PingFangSC-Light;}
.content_dream a { color:#999999; text-decoration:none;}
.content_dream a:hover {text-decoration:none;color: #999999;}
.content_information {text-align: right;font-size: 12px;color: #999999;float: right;font-family: PingFangSC-Light;}
.content_information a {color: #111;text-decoration: none;font-size: 11px;background: rgba(0, 0, 0, 0.03);border-radius: 15px;padding-right: 10px;padding-left: 10px;padding-top: 3px;padding-bottom: 3px;margin-left: 8px;}
.content_information a:hover {text-decoration:none;color: #666;}
.list_user_content_no {width: 100%;height: 1px;}

/*翻页*/
.pages {text-align: center;clear: both;height: 54px;line-height: 35px;padding-right: 10px;padding-left: 10px;padding-top: 18px;}
.pages a {font-family:PingFangSC-Light;color:#111;font-size:12px;text-decoration:none;background-color: #ebebeb;text-align: center;margin-right: 2px;margin-left: 2px;padding-top: 7px;padding-right: 11px;padding-bottom: 7px;padding-left: 11px;border-radius: 30px;}
.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:#111111; padding:2px 0;}
.notice {width: 917px;margin-right: auto;margin-left: auto;height: 53px;font-family:sans-serif;font-size: 12px;color: #FFFFFF;text-align: left;line-height: 40px;background-image: url(../images/2/notice.gif);background-repeat: no-repeat;background-position: center top;padding-bottom: 15px;padding-left: 103px;padding-right: 70px;}
.notice a {color:#E9DDAF;text-decoration:none;}
.notice a:hover {text-decoration:underline;}

/*表情、图片上传浮层*/
.function {float: left;padding-left: 18px;padding-top: 8px;}
.function dd.bq {height: 22px;float: left;width: 22px;padding-right: 20px;}
.function dd.bq a {display: block;text-decoration: none;height: 22px;width: 22px;}
.function dd.bq a:hover {text-decoration: none;}
.function dd.img {height: 20px;float: left;width: 20px;}
#biaoqing_m {position: absolute;z-index: 200;width: 368px;background: rgba(255, 255, 255, 0.85);-webkit-backdrop-filter: saturate(200%) blur(20px);backdrop-filter: saturate(200%) blur(20px);display: none;left: 8px;right: 0px;top: 60px;border-radius: 10px;padding: 8px;box-shadow: 0 0 30px rgba(0,0,0,.2);}
.bq_line {background-color: #FFFFFF;}
.bq_line dd.expression {height: 46px;float: left;width: 46px;line-height: 46px;text-align: center;}
.bq_line dd.expression a {text-decoration:none;display: block;height: 38px;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: 22px;width: 26px;position: absolute;top: -52px;background-color: #FFF;}
#function_close a {text-decoration:none;display: block;height: 22px;width: 26px;text-align: center;}

#function_close_img {height: 20px;width: 20px;position: absolute;right: -10px;top: -10px;border-radius: 12px;}
#function_close_img 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_img a:hover {box-shadow: 0 0 7px rgba(0, 0, 0, .4);transition: all 0.3s ease-in-out;}


#gn_photo_3 {min-width: 180px;min-height: 113px;float: left;border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,.2);margin-top: 30px;z-index: 2;position:absolute;display:none;background: rgba(255, 255, 255, 0.7);-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: 20px;}
.gn_photo_img {width: 180px;overflow: hidden;border-radius: 10px;}
.shopimg{max-width:100%;height:auto;text-align: center;width:100%;border-radius: 10px;}
.look_img {padding-top: 0px;}
.look_img img {text-decoration: none;height: auto;width: 100%;border-radius: 9px;margin-top: 12px;background-color: #F3F3F3;margin-bottom: 4px;box-shadow: 0 6px 18px rgba(0,0,0,.05);background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 50%;}
#gn_photo_4 {width: 180px;float: left;position: absolute;display:none;opacity: 0.95;z-index: 100;margin-top: 30px;}
.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;}

.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;}

/*以下是私人发布器的新增样式*/
.copyright_user{position: fixed;bottom: 15%;z-index: -1;width: 100%;height: 215px;background-color: #F9F9F9;}
.copyright_user_yh{margin-bottom: 0px;font-family: BrandonText-Black;letter-spacing: -6px;font-size: 70px;line-height: 44px;color: #DDDDDD;text-align: center;}
.copyright_user_wz1 {font-family: PingFangSC-Light;font-size: 12px;line-height: 18px;color: #AAAAAA;height: 120px;padding-top: 10px;text-align: center;}
.copyright_user_wz {font-family: PingFangSC-Light;font-size: 10px;line-height: 22px;color: #AAAAAA;height: 72px;padding-top: 54px;background-image: url(../../images/logo_2020/wxk_logo_hui.svg);background-size: 40px;background-repeat: no-repeat;background-position: center 10px;text-align: center;position: fixed;bottom: 0px;width: 100%;}