/* 官网 footer 专用样式：从 style.css / style-rel.css 抽出，全站页面与 /kefu 共用同一份 */
/* footer 子树基础重置（等价官网 cui.css，避免页面自身 reset 差异影响页脚） */
#web_food,#web_food *{box-sizing:content-box}
#web_food dl,#web_food dt,#web_food dd,#web_food p,#web_food ul,#web_food li{margin:0;padding:0}
#web_food{background-color: #0a0a0a;padding-top: 65px;padding-bottom: 42px;}
#web_food .con{max-width: 1440px;margin: 0 auto;}
#web_food .nav{
	display: flex;justify-content: space-between;
}
#web_food .nav dl{}
#web_food .nav dl dt {margin-bottom: 12px;}
#web_food .nav dl dt a{font-size: 18px;color: #fff;}
#web_food .nav dl dt a:hover{color: #d4af37;}
#web_food .nav dd{margin-top: 8px;}
#web_food .nav dd a{font-size: 14px;color: #f0f0f0;opacity: 0.7;}
#web_food .nav dd a:hover{color: #d4af37;opacity: 1;}
#web_food .nav .tel{}
#web_food .nav .tel p{font-size: 18px;color: #fff;}
#web_food .nav .tel p:hover{color: #d4af37;cursor: pointer;}
#web_food .nav .tel span{display: block;margin-top: 8px;
	font-size: 14px;color: #f0f0f0;opacity: 0.7;
}
#web_food .nav .tel span:hover:nth-child(2){color: #d4af37;cursor: pointer;}
#web_food .nav .tel span:hover:nth-child(3){color: #d4af37;cursor: pointer;}
#web_food .nav .tel>a:hover span{color: #d4af37;}
#web_food .nav .tel span:hover:nth-child(5){color: #ff0000;cursor: pointer;}
#web_food .nav .tel span:hover:nth-child(6){color: #ff0000;cursor: pointer;}
#web_food .nav .tel span.icp{font-weight: bold;opacity: 1;}
#web_food .nav .tel span.icp a{color: #fff;}
#web_food .nav .tel span.icp:hover a{color: #ff0000 !important;}
#web_food .code{}
#web_food .code .logo{}
#web_food .code .logo img{vertical-align: middle;width: 177px;}
#web_food .code_list{width: 200px;margin-top: 20px;
	margin-left: 7px;
}
#web_food .code_list .item{position: relative;}
#web_food .code_list .item .ii{text-align: center;}
#web_food .code_list .item .ii img{width: 90px;vertical-align: middle;}
#web_food .code_list .item .ii span{display: block;text-align: center;
	color: #fff;margin-top: 4px;
	opacity: 0.7;
}
#web_food .code_list .item .look_ewm{position: absolute;
	left: 50%;bottom: 130px;background-color: #fff;
	border-radius: 5px;padding: 5px;transform: translateX(-50%);
}
#web_food .code_list .item .look_ewm .cc{width: 16px;height: 10px;
	background-image: url(https://img.tianhuchine.com/thuploads/images/xx2.png);position: absolute;
	left: 50%;top: 99%;background-size: contain;
	transform: translateX(-50%);	
}
#web_food .code img{width: 120px;vertical-align: middle;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}
#web_food .code_list .item .look_ewm{display: block;text-align: center;font-size: 14px;
	color: #666;opacity: 7;margin-top: 4px;display: none;
}
#web_food .code_list .item:hover .look_ewm{display: block;}
#web_food .mass{margin-top: 35px;}
#web_food .mass p{text-align: center;font-size: 14px;color: #fff;
	opacity: 0.7;font-weight: bold;
}
#web_food .link{margin-top: 60px;padding: 16px;padding-left: 145px;
	position: relative;border: 1px solid #202020;
}
#web_food .link span{position: absolute;display: flex;
	left: 0;width: 145px;height: 100%;background-image: url(https://img.tianhuchine.com/thuploads/images/fo1.png);
	background-size: 100% 100%;font-size: 18px;color: rgba(255, 255, 255,0.4);
	padding-right: 30px;top: 0;
}
#web_food .link a{font-size: 14px;color: #fff;opacity: 7;
	margin: 0 11px;
}
#web_food .link a:hover{color: #d4af37;}

@media only screen and (max-width: 1199px){
#web_food .con{width:96%}
#web_food .nav dl{display:none}
}

@media only screen and (max-width: 959px){
#web_food{padding-top:30px}
#web_food .con{width:96%}
#web_food .nav{display:block;text-align:center}
#web_food .nav dl{display:none}
#web_food .code .logo{display:none}
#web_food .code_list{display:inline-block}
#web_food .link{display:none}
}

/* 补齐官网基础类（style.css 中非 #web_food 前缀的同款规则），保证与主站渲染一致 */
#web_food .code .logo{height:auto}
#web_food .dif_duo_zhong{display:flex;justify-content:space-between;align-items:center}
#web_food .mass p{line-height:21px}
/* footer 基础字体：与主站 body 继承值一致（主站 body 12px/18px） */
#web_food{font-size:12px;line-height:18px}

/* THC-QR-FIX: 二维码放大面板的图片尺寸隔离
   /kefu 页面 reset 里有 img{max-width:100%}；look_ewm 是 left:50% 的绝对定位收缩容器，
   会把 240px 二维码压成 19px（面板塌成 45×216 竖条）。footer 子树内恢复主站行为。 */
#web_food .code_list .item .look_ewm img{max-width:none}

/* THC-QR-EDGE: 最右一个二维码的放大面板贴右对齐（仅桌面）
   居中时 266px 面板右缘会到 1528 > 1440，hover 瞬间撑出横向滚动；手机端居中本身不溢出，保持原样。 */
@media only screen and (min-width:960px){
#web_food .code_list .item:last-child .look_ewm{left:auto;right:0;transform:none;animation-name:qrPopR}
#web_food .code_list .item:last-child .look_ewm .cc{left:auto;right:37px;transform:none}
}
@keyframes qrPopR{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}