span.emotion { width: 42px; height: 20px; padding-left: 20px; cursor: pointer }
span.emotion:hover { background-position: 2px -28px }
.qqFace { margin-top: 4px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid; }
.qqFace table td { padding: 0px;text-align: center; }
.qqFace table td img { cursor: pointer; border: 1px #fff solid; }
.qqFace table td img:hover { border: 1px #0066cc solid; }
input#uploaderInput{width:35px;overflow: hidden;}
ul{padding:0;margin:0}
li{list-style:none}
.clearfix{clear:both}
img.thumb{max-height:130px}
img.prew{width:100%;max-height:unset!important}
.pl-thread{max-width:800px!important}
.cgi-foot-links,#popMore,#allsite {
left: 50% !important;
transform: translateX(-50%);
margin-left: unset !important;
}
.cgi-foot-links {
width:100%;
max-width:800px;
border-top:solid 1px #ddd;
box-shadow:0 -4px 10px rgba(0,0,0,0.05);
background:#fff;
background-image:-webkit-linear-gradient(to top,#eee,#fff);
background-image:linear-gradient(to top,#eee,#fff);
position:fixed;
bottom:0;
z-index:998
}
.cgi-foot-links ul li {
float:left;
width:20%;
text-align:center;
position: sticky;
list-style: none;
line-height: 22px;
}
.cgi-foot-links ul li a {
font-size:15px;
color:#555
}
.cgi-foot-links ul li a.hover {
color:#f00
}
.cgi-foot-links ul li a span {
height:34px;
display:block
}
#bar{text-align: center;line-height:30px;width: 80px;right: 0;position: absolute;bottom:60px;background:#f00;color:#fff;font-size: 14px;}
.cgi-foot-links ul li a span.home {
background:url(https://res-img1.ptallenvery.com/assets/img/cfl1.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a span.list {
background:url(https://res-img1.ptallenvery.com/assets/img/list.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a span.wechat {
background:url(https://res-img1.ptallenvery.com/assets/img/wechat.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a span.cfl4 {
background:url(https://res-img1.ptallenvery.com/assets/img/cfl4.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a span.bag {
background:url(https://testweb.837144.com/zhan51/image/wzdq_h.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a span.kefu {
background:url(https://res-img1.ptallenvery.com/user/assets/cfl2.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a span.home2 {
background:url(https://res-img1.ptallenvery.com/assets/img/home.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a span.kj {
background:url(https://cdn.edgobase.com/image/okgs_common_h.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul a label.xclm_zhun{
background:url(https://cdn.edgobase.com/image/xclm_zhun_h.png) 50% 2px no-repeat;
background-size:auto 36px
}
.cgi-foot-links ul li a span.pl {
background:url(https://testweb.837144.com/zhan51/image/800tk.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li a.hover span.home {
background:url(https://res-img1.ptallenvery.com/assets/img/cfl1-2.png) 50% 8px no-repeat;
background-size:auto 25px
}
.cgi-foot-links ul li.cfl-more {width: 20%;height: 60px;display: block;position: relative;}
.cgi-foot-links ul li.cfl-more a {width: 60px;height: 60px;line-height: 60px;background: url(https://res-img1.ptallenvery.com/assets/img/cfl-more.png) no-repeat center;background-size: 100%;border-radius: 35px;display: block;position: absolute;bottom: 0px;left: 50%;margin-left: -35px;overflow: hidden;text-indent: -999999px;}
#allsite{position: fixed;max-width: 800px;width:100%;bottom: 60px;z-index: 1000;display:none;font-size: 14px;text-align: center;background: rgba(0,0,0,0.9);line-height:30px}
#allsite ul{padding: 5px 0;}
#allsite ul li{width:20%;float:left;line-height:21px;list-style:none}
#allsite ul li a{color:#fff;display: block;}
.zzhl-tit {}
.zzhl-tit img { width: 100%; height: auto;}
.zzhl { font-size: 14px; line-height: 1.6; color: #333; background: #fff;}
.zzhl p { margin: 0; padding: 0;}
.zzhl a { text-decoration: none; color: inherit;}
.zzhl ul {*zoom:1; margin: 0; padding: 0; list-style: none;}
.zzhl ul:after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden }
.zzhl ul li { width: 50%; margin: 0; padding: 0; float: left; border-bottom: solid 1px #eee;}
.zzhl ul li a { padding: 10px; display: block;}
.zzhl ul li a:hover { background: #f5f5f5;}
.zzhl .zzhl-img { float: left; margin-right: 8px;}
.zzhl .zzhl-img img { width: 40px; height: 40px; border-radius: 50%;}
.zzhl .zzhl-txt1 {}
.zzhl .zzhl-txt2 { font-size: 12px; color: #888;}
@media screen and (max-width:600px){ .zzhl ul li { width: 100%;}}
.scroll-web-txt {}
.scroll-web-txt ul {}
.scroll-web-txt ul:after {
content: '';
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.scroll-web-txt ul {
*zoom: 1
}
.scroll-web-txt ul li {
float: left;
width: 33.33%;
list-style: none
}
.scroll-web-txt ul li img {
width: 16px;
height: 16px;
margin-right: 5px;
}
.scroll-web-txt ul li a {
height: 35px;
line-height: 35px;
margin: 0px;
text-align: center;
border: solid 1px #ddd;
border-radius: 5px;
background: #eee;
background-image: linear-gradient(to top, #eee, #fff);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
display: block;
font-weight: 400;
color: #000;
}
@media screen and (max-width:800px) {
.scroll-web-txt ul li {
width: 50%;
}
}
.notice{
border:1px solid #f5b501;
border-left:0;
padding:0 5px;
font-size: 14px !important;
line-height: 24px !important;
position: fixed !important;
bottom: 400px !important;
color: #ff0202 !important;
background:#fff30d;
z-index: 999 !important;
border-radius: 0 10px 10px 0;
animation: leftin 20s ease-in-out 0s infinite running forwards;
}
.tzBtn {
padding: 5px !important;
margin: 0 !important;
text-decoration: none !important;
border:5px solid #ff0202 !important;
width: 50px !important;
height: 50px !important;
font-size: 17px !important;
line-height: 24px !important;
text-align: center !important;
position: fixed !important;
bottom: 150px !important;
color: #ff0202 !important;
background:#fff30d;
z-index: 999 !important;
right: 6px !important;
border-radius: 50% !important;
font-weight: 700 !important;
animation: pulse 2s ease-in-out 0s infinite running forwards;
}
#popMore{position:fixed;max-width:800px;width:100%;bottom:60px;z-index:1000;font-size:16px;display:none;background:rgba(0,0,0,.9);line-height:30px}#popMore ul li{line-height:40px;width:25%;float:left;text-align:center;list-style:none}#popMore ul li a{color:#fff;padding-left:10px;display:block}
.popbar div {height: 30px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;padding: 0 10px;color: #fff;}
.popbar div:before, .popbar div:after {background: #fff;height: 1px;flex: 1;content: "";}
.img-tabs-dou__container{
display: flex;
gap: 0px;
}
@media screen and (max-width:600px){
.img-tabs-dou__container{
flex-direction: column;
}
}
@media only screen and (min-width: 700px) {
.tzBtn{
width: 160px !important;
height: 160px !important;
right: 10px !important;
font-size: 55px !important;
line-height: 75px !important;
}
}
@keyframes xz {
0%{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
writing-mode: lr-tb;
}
75% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
writing-mode: lr-tb;
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
writing-mode: lr-tb;
}
}
@keyframes leftin{
0%,40%{
transform: translate(-500px, 0px);
-webkit-transform: translate(-500px, 0px);
-moz-transform: translate(-500px, 0px);
-o-transform: translate(-500px, 0px);
-ms-transform: translate(-500px, 0px);
}
50%{
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
}
60%{
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
}
100%{
transform: translate(-500px, 0px);
-webkit-transform: translate(-500px, 0px);
-moz-transform: translate(-500px, 0px);
-o-transform: translate(-500px, 0px);
-ms-transform: translate(-500px, 0px);
}
}
@-webkit-keyframes pulse{
0%{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
50%{
-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}
100%{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
@keyframes pulse{
0%{
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
50%{
-webkit-transform:scale3d(1.05,1.05,1.05);
-ms-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}
100%{
-webkit-transform:scale3d(1,1,1);
-ms-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
/*----- 底部导航 左侧图标样式 ------*/
/* 公用 */
.wenzipic {
/* height:100vh;
font-family:"Segoe UI","PingFang SC",sans-serif; */
overflow:hidden;
}
/* ===== 图片部分 ===== 公用 */
.wenzipic_image {
width:32px;
height:36px;
display: inline-block;
vertical-align: middle;
background-size:80%;
background-repeat:no-repeat;
background-position:4px 8px;
filter:hue-rotate(0deg) brightness(1);
}
/* ===== 图片部分 ===== 蓝色背景 */
.wenzipic_image_blue{
background-image:url("data:image/svg+xml;utf8,");
animation: colorShift_blue 4s ease-in-out infinite;
}
/* ===== 图片部分 ===== 白色背景 */
.wenzipic_image_white{
background-image:url("data:image/svg+xml;utf8,");
animation: colorShift_white 4s ease-in-out infinite;
}
/* ===== 图片部分 ===== 紫色背景 */
.wenzipic_image_purple{
background-image:url("data:image/svg+xml;utf8,");
animation: colorShift_purple 4s ease-in-out infinite;
}
/* 图片两种颜色循环（4秒一轮）蓝色背景*/
@keyframes colorShift_blue {
0%, 50% { filter:hue-rotate(0deg) brightness(1); } /* 红色基调 */
50.1%,100%{ filter:hue-rotate(260deg) brightness(100); } /* 白色基调 */
}
/* 图片两种颜色循环（4秒一轮） 白色背景 */
@keyframes colorShift_white {
0%, 50% { filter:hue-rotate(0deg) brightness(1); } /* 红色基调 */
50.1%,100%{ filter:hue-rotate(0deg) brightness(0); } /* 黑色基调 */
}
/* 图片两种颜色循环（4秒一轮）紫色背景*/
@keyframes colorShift_purple {
0%, 50% { filter:hue-rotate(0deg) brightness(1); } /* 蓝色基调 */
50.1%,100%{ filter:hue-rotate(320deg) brightness(1.1); } /* 绿色基调 */
}
/* ===== 文字部分 ===== 公用 */
.wenzipic_container {
position:relative;
font-size:14px;
font-weight:700;
height: 25px;
overflow:hidden;
text-align:center;
top: -3px;
}
/* 基础样式：两个文字堆叠 公用*/
.wenzipic_text {
position:absolute;
top:0;
left:0;
width:100%;
opacity:0;
transform:translateY(20px);
animation: fadeSlide 4s ease-in-out infinite;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
/* 第一段文字（红色渐变） 蓝色背景*/
.wenzipic_text.wenzipic_first_blue {
background-image:linear-gradient(90deg,#f00,#f00);
animation-delay:0s;
}
/* 第二段文字（白色渐变） 蓝色背景*/
.wenzipic_text.wenzipic_second_blue {
background-image:linear-gradient(90deg,#fff,#fff);
animation-delay:2s; /* 一半周期 */
}
/* 第一段文字（红色背景）白色背景 */
.wenzipic_text.wenzipic_first_white {
background-image:linear-gradient(90deg,#f00,#f00);
animation-delay:0s;
}
/* 第二段文字（黑色背景）白色背景 */
.wenzipic_text.wenzipic_second_white {
background-image:linear-gradient(90deg,#000,#000);
animation-delay:2s; /* 一半周期 */
}
/* 第一段文字（蓝色渐变）紫色背景 */
.wenzipic_text.wenzipic_first_purple {
background-image:linear-gradient(90deg,#00c6ff,#0072ff);
animation-delay:0s;
}
/* 第二段文字（绿色渐变）紫色背景 */
.wenzipic_text.wenzipic_second_purple {
background-image:linear-gradient(90deg,#07db86,#07db78);
animation-delay:2s; /* 一半周期 */
}
/* 文字淡入淡出关键帧 公用*/
@keyframes fadeSlide {
0% { opacity:0; transform:translateY(20px); }
10% { opacity:1; transform:translateY(0); }
40% { opacity:1; transform:translateY(0); }
50% { opacity:0; transform:translateY(-20px); }
100% { opacity:0; transform:translateY(-20px); }
}