/*
*The url:www.x6d.com
*warning:Please respect the author's work
*/
body{background:#f6f6f6;font-size:14px;min-width:1200px}
/*body{background: url(../images/bj.png) no-repeat center 230px; background-size: 100% auto;overflow-x: hidden;background-color: #F6F6F6;font-size:14px;min-width:1200px;}*/
*{font-family:"Microsoft Yahei";box-sizing:border-box;-webkit-text-size-adjust:none}
.container{width:1200px;margin:0 auto}
.fl,.left{float:left}
.fr,.right{float:right}
img{border:none}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:999px;border:0 solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(100,100,100,.2) inset}
::-webkit-scrollbar-thumb{min-height:0;background-clip:content-box;box-shadow:0 0 0 5px rgba(100,100,100,.5) inset}
::-webkit-scrollbar-corner{background:0 0}
input{-webkit-appearance:none}
.header{width:100%;background:#fff}
.header-top{height:40px;line-height:40px;background:#fff;border-bottom:1px solid #f0f0f0}
.header-top a{color:#888}
.header-top .tg,.header-top .tj{width:50%;float:left}
.header-top .tj span{float:left;margin-right:10px;color:#888}
.header-top .tg{text-align:right}
.header-top .tg span{float:right;margin-left:10px}
.header-logo{padding:20px 0;border-bottom:1px solid #f1f1f1;background-size:190px}
.header-logo>a{display:block;float:left;}
.header-logo-ad,.header-logo-search{float:right}
.header-logo-ad{margin-right:20px}
.header-logo-ad img{width:700px;height:75px}
.header-logo-ad img:nth-child(2){margin:0}
.headtxt{float:left;width: 270px;margin: 25px 0 0 120px;}
.headtxt img{ width:100%;}
.header-logo-search{width:300px;height:50px;background:#f1f1f1;border-radius:28px;margin:34.5px 0;line-height:50px;text-align:left;padding-left:35px;font-size:15px;color:#999;position:relative}
.header-logo-search .focus{border:0;width:170px;background:#f1f1f1}
.header-logo-search button{width:18px;height:19px;position:absolute;right:25px;top:16px;background:url(../images/search_icon.png) no-repeat;border:0}
.header-logo-search .layui-form-select .layui-input{background:0;border:0}
.header-logo-search .layui-form-select{width:30px;position:absolute;right: 55px;top: 7px;}
.header-logo-search .layui-form-select .layui-edge{border-width:5px}
.header-nav{height:60px;width:100%;background:#fff;box-shadow:0 3px 4px rgba(26,26,26,.1)}
.header-nav .layui-nav{background:#fff}
.header-nav .layui-nav{padding:0!important;display:block}
.header-nav .layui-nav-item a,.header-nav .layui-this a{color:#333!important}
.header-nav .layui-nav-item a:hover,.header-nav .layui-this a:hover{color:#1b54bc!important}
.header-nav .layui-nav *{font-size:16px!important}
.header-nav .layui-nav-bar,.header-nav .layui-this:after{background:#1b54bc!important;height:2px!important}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_808992_b3xw6ahgq6k.eot?t=1535226343685);src:url(../fonts/font_808992_b3xw6ahgq6k.eot) format('embedded-opentype'),url('../fonts/06534b67147d45a5859632dd2643117b.woff') format('woff'),url(../fonts/font_808992_b3xw6ahgq6k.ttf) format('truetype'),url(../fonts/font_808992_b3xw6ahgq6k.svg) format('svg')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-xiazai:before{content:"\e63a"}
.icon-zz:before{content:"\e600"}
.icon-time:before{content:"\e602"}
.icon-gengduo:before{content:"\e63f"}
.icon-fl:before{content:"\e780"}
.footer{background:#313131;overflow:hidden;padding:30px 0 0;margin-top:20px}
.footer-container{width:1200px;margin:auto}
.flogo,.flogo img{width:149px}
.footer-top{overflow:hidden;margin-bottom:25px}
.pull-right{margin:10px 0}
.footer .about{line-height:40px;background:#313131;color:#aaa}
.footer .about a{padding-left:9px;padding-right:10px;color:#aaa;position:relative}
.footer .about i{position:absolute;top:2px;right:0;display:block;height:13px;width:0;overflow:hidden;border-left:1px solid #aaa}
.footer .us{float:right}
.footer .us a{float:left;width:40px;height:40px;margin:0;margin-left:20px;background-image:url(../images/footer-sprite.png);background-repeat:no-repeat;padding:0}
.footer .us a.weibo{background-position:0 0}
.footer .us a.email{background-position:-100px 0}
.flink{padding-bottom:40px;line-height:23px;font-size:12px;overflow:hidden}
.flink span{line-height:30px;height:30px;font-size:15px;margin-bottom:11px;color:#999;display:block}
.flink ul{padding:9px 21px;background:#424242}
.flink ul li{float:left;line-height:30px;height:30px;font-size:14px;margin:0 10px}
.flink ul li:nth-child(1){margin-left:0}
.flink a{color:#bebebe}
.footer-copyright{width:100%;background:#2d2d2d;border-top:1px solid #3c3c3c;height:55px;line-height:56px;color:#6f6f6f;overflow:hidden}
.footer-copyright a{color:#6f6f6f}
.footer-copyright .pull-right{margin:0}
.index-container{width:1200px;margin: 10px auto;background:#fff;overflow:hidden;}
#page{text-align:center;padding:0 15px;padding-bottom:40px}
#page .layui-laypage a,#page .layui-laypage span{display:inline-block;vertical-align:middle;border-color:#f6f6f6;padding:0 27px;height:40px;color:#8e8e8e;line-height:40px;margin:0 -1px 5px 0;background-color:#fff;font-size:14px}
#page .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#5298ff}
#page li{display:-webkit-inline-box}
#page .thisclass a{color:#fff;background:#1b54bc}
#side_func{position:fixed;right:45%;bottom:278px;z-index:1000;margin-right:-580px;width:58px;height:232px}
#side_func .app:hover{background:#fff url(../images/goad.png) -35px 0 no-repeat;background-size:80px}
#side_func .tougao{background:#fff url(../images/tougao.png) 6px 0 no-repeat;background-size:80px}
#side_func .tougao:hover{background:#fff url(../images/tougao.png) -35px 0 no-repeat;background-size:80px}
#side_func a.sfa{z-index:10;display:block;overflow:hidden;width:50px;height:50px;border-top:1px solid #eee;background-color:#fff;color:#333;text-align:center;font-size:14px;line-height:56px}
#side_func a.block1{text-indent:0}
.indexx .block2,.listt .block2{display:none!important}
#side_func a.block2{background:#fff url(../images/gocomm.png) 5px 0 no-repeat;background-size:80px}
#side_func a.block2:hover{background:#fff url(../images/gocomm.png) -35px 0 no-repeat;background-size:80px}
#side_func a.block3{background:#fff url(../images/gotop.png) 6px 3px no-repeat;background-size:80px}
#side_func a.block3:hover{background:#fff url(../images/gotop.png) -35px 0 no-repeat;background-size:80px}
#side_func a.app{border-top:0;background:#fff url(../images/goad.png) 6px 0 no-repeat;background-size:80px}
#side_func a.sfa:hover{background-color:#1b54bc;color:#fff;line-height:56px}
#side_func a:active{background-color:#1b54bc}
#side_func a span{float:left;display:block;overflow:hidden;padding-top:10px;width:50px}
div.s11{width:150px;height:150px;background:url(../images/h95a8c761508546e4ad296047a92c344ei.jpg) center;background-size:100%;position:fixed;bottom:20%;left:8%;cursor:pointer;animation:scaleact .8s linear alternate infinite}
.title{position:relative;height:45px;line-height:35px;text-indent:15px;font-size:16px;border-bottom:1px solid #f6f6f6}
.title:after{content:" ";position:absolute;height:15px;width:5px;background:#1b54bc;left:0;top:11px;border-radius:5px}
.title .iconfont{float:right;height:45px;line-height:38px;font-size:20px;color:#d2d2d2}
.header-nav .menu{display:none}
.divcomment li{padding: 8px 0 5px;border-bottom: 1px solid #f6f6f6;margin-bottom: 5px!important;padding-right: 0px!important;}
.divcomment li:last-child{border:none;margin-bottom: 0!important;padding-bottom:0!important;}
.divcomment .comment-info {padding: 0px!important;line-height: 32px;}
.comment-info img {width:30px;height:30px;margin-right:6px;border-radius:50%;border:1px solid #f3f3f3;}
.comment-info span:nth-child(2) {vertical-align: top;}
.comment-info span:last-child {float:right;line-height:32px;color:#999;font-size: 13px;}
.comment-excerpt {position:relative;padding: 5px 10px;background: #f6f6f6;border-radius:1px;color:#666;margin-top: 8px;}
.comment-excerpt:before {position:absolute;left:10px;top:-10px;content:'';width:0;height:0;line-height:0;border:5px solid transparent;border-bottom-color:#f5f5f5}
.comment-excerpt p {margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space: normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.comment-excerpt p a{font-size: 15px!important;line-height:25px!important;height:25px!important;}
.comment-post{color:#999;margin-top: 5px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.comment-post a {color: #999;display: inline!important;font-size: 13px!important;}
.divcomment{margin-top:5px!important}
@media screen and (max-width:800px){body{min-width:100%;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:.85rem;line-height:1.5;color:#3d4145;background:#eee}
.container,.footer,.footer-container,.index-container,.pull-left,.pull-right{width:100%}
#side_func a.app, #side_func a.tougao, .footer-copyright, .header-logo-ad, .header-top, .index-news-tool-container,.footer .us,.headtxt{display:none}
.header-nav{box-shadow:none;border-bottom:1px solid #f1f1f1;z-index:99;height:auto}
.header-nav .layui-nav layui-nav-item{white-space:nowrap}
.header-logo-search{width: 50%;height:35px;margin:5% 2.5%;line-height:35px;font-size:.8rem;border-radius:22px;padding-left:15px;}
.header-logo img{width:30%}
.header-logo-search .focus{width:94%}
.header-logo-search .layui-form-select{top: 0;right: 2rem;}
.header-logo{padding:3%}
.header-logo-search button{top:.7rem;background-size:.8rem;right:10px}
.header-nav .layui-nav .layui-nav-item{line-height:2.5rem;width:100%;border-bottom:1px solid #f1f1f1;text-align:center;height:2.5rem}
.header-logo>a{display: inline;float: initial;}
.header-nav-main{width:auto;position:absolute;z-index:98}
.footer-container{margin:0 3%;width:94%}
.footer .pull-left .flogo{margin:0 auto 3%}
.footer .footer-top{border-bottom:1px solid #424242;padding-bottom:4%;margin-bottom:3%}
.flink ul{padding:1%}
.flink ul li{width:25%;margin:0;text-align:center}
.flink{padding-bottom:5%}
#page .layui-laypage a,#page .layui-laypage span{font-size:.8rem;padding:0 1rem}
#page{padding-bottom:1%}
#page .home a{width:2rem}
#page .down a{width:3rem}
#page table{width:100%}
#page td{display:-webkit-inline-box}
#side_func{right:2%;margin-right:0;bottom:1%}
#side_func a.block2{display:none}
#side_func a.block3{border-radius:26px;text-indent:1000px;border:1px solid #eee;background:#fff url(../images/gotop.png) 5px 3px no-repeat;background-size:80px}
#side_func a.sfa:hover{background-color:#fff;color:#fff}
#side_func a.block3:hover{background:#fff url(../images/gotop.png) 6px 3px no-repeat;background-size:80px}
.header{position:relative;}
.header-logo-ad{display:block;position:absolute;bottom:0;width:100%;left:0}
.index-news-article{margin:0;padding:2% 2% 3%}
.header-nav .menu{display:block;text-align:center;font-size:1.2rem;line-height:2.9rem;background:#fff url(../images/icon-ego-menu.svg) no-repeat 40%;background-size:6%;font-weight:800;height:3rem}
.header-nav .layui-nav-bar,.header-nav .layui-this:after{background:0!important}
.header-nav .layui-nav{display:none}
.header-nav .menu:hover>.layui-nav{display:block}
.layui-nav .layui-nav-item a{padding:0!important;width: 100%;margin:0 auto;}
.layui-nav-child{display:none!important;}
.footer .about{text-align: center;line-height: 30px;}
div.s11{width:5rem;height:5rem;background-size:100%;left:5%;bottom:5%}
}
/* 自定义 */
@media screen and (max-width: 768px){/* wap */
.tmall_tab {
position:fixed;
bottom:5rem;
left:.8rem;
z-index:100;
width:4.7rem;
}
.tmall_tab a{
display:block;
width:4.7rem;
height:6rem;
background:url(../images/2021053121413262722026.png) no-repeat;
background-size: 100%;
display: block;
}
}
@media screen and (min-width: 768px){/* pc */
.tmall_tab {
position: fixed;
left: 6%;
bottom: 175px;
z-index: 100;
width:140px;
}
.tmall_tab a{
display: block;
width: 140px;
height:168px;
background:url(../images/2021053121413262722026.png) no-repeat;
}
}
@-webkit-keyframes site-anim-closeup{ /* 特写 */
from {-webkit-transform: translate3d(0, 0, 0) scale(1); opacity: 1;}
to { -webkit-transform: translate3d(0, 400px, 0) scale(2); opacity: 0.5;}
}
@keyframes site-anim-closeup{
from {transform: translate3d(0, 0, 0) scale(1); opacity: 1;}
to {transform: translate3d(0, 400px, 0) scale(2); opacity: 0.5;}
}
.site-out-up{-webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: site-anim-closeup; animation-name: site-anim-closeup; overflow: hidden;}
/* 抖动代ç */
@-webkit-keyframes mm_wf_scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes mm_wf_scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.mm_wf_scale {
-webkit-animation: mm_wf_scale 0.5s ease infinite;
animation: mm_wf_scale 0.5s ease infinite;
}
.mm_wf_scale_1 {
-webkit-animation: mm_wf_scale 1s ease infinite;
animation: mm_wf_scale 1s ease infinite;
}
@-webkit-keyframes mm_wf_d11_icon_updown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(5%);
transform: translateY(5%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes mm_wf_d11_icon_updown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(5%);
transform: translateY(5%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.mm_wf_d11_icon_updown {
-webkit-animation: mm_wf_d11_icon_updown 1s ease infinite;
animation: mm_wf_d11_icon_updown 1s ease infinite;
}
@-webkit-keyframes mm_wf_d11_updown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes mm_wf_d11_updown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.mm_wf_d11_updown {
-webkit-animation: mm_wf_d11_updown 3s ease infinite;
animation: mm_wf_d11_updown 3s ease infinite;
}
@-webkit-keyframes mm_wf_shake {
0%,
60%,
80%,
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
65%,
85% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
75%,
95% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@keyframes mm_wf_shake {
0%,
60%,
80%,
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
65%,
85% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
75%,
95% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
.mm_wf_d11_shake {
-webkit-animation: mm_wf_shake 1s ease infinite;
animation: mm_wf_shake 1s ease infinite;
}
@-webkit-keyframes mm_wf_bg_rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes mm_wf_bg_rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.mm_wf_bg_rotate {
-webkit-animation: mm_wf_bg_rotate 10s linear infinite;
animation: mm_wf_bg_rotate 10s linear infinite;
}
.mm_wf_bg_rotate2 {
-webkit-animation: mm_wf_bg_rotate 7s linear infinite;
animation: mm_wf_bg_rotate 7s linear infinite;
}
@-webkit-keyframes mm_wf_bg_opacity {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
30% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes mm_wf_bg_opacity {
0% {
opacity: 0;
}
20% {
opacity: 1;
}
30% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.mm_wf_bg_opacity {
-webkit-animation: mm_wf_bg_opacity 2s linear infinite;
animation: mm_wf_bg_opacity 2s linear infinite;
}
.mm_wf_bg_opacity2 {
-webkit-animation: mm_wf_bg_opacity 2s linear infinite;
animation: mm_wf_bg_opacity 2s linear infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes mm_wf_redbag_1 {
0% {
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
20% {
opacity: 1;
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
}
100% {
opacity: 0.4;
-webkit-transform: translate(200px, -80px);
transform: translate(200px, -80px);
}
}
@keyframes mm_wf_redbag_1 {
0% {
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
20% {
opacity: 1;
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
}
100% {
opacity: 0.4;
-webkit-transform: translate(200px, -80px);
transform: translate(200px, -80px);
}
}
.mm_wf_redbag_1 {
-webkit-animation: mm_wf_redbag_1 1.2s ease-in infinite;
animation: mm_wf_redbag_1 1.2s ease-in infinite;
}
@-webkit-keyframes mm_wf_redbag_2 {
0% {
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
20% {
opacity: 1;
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
100% {
opacity: 0.4;
-webkit-transform: translate(-200px, -80px);
transform: translate(-200px, -80px);
}
}
@keyframes mm_wf_redbag_2 {
0% {
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
20% {
opacity: 1;
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
100% {
opacity: 0.4;
-webkit-transform: translate(-200px, -80px);
transform: translate(-200px, -80px);
}
}
.mm_wf_redbag_2 {
-webkit-animation: mm_wf_redbag_2 1.2s ease-in infinite;
animation: mm_wf_redbag_2 1.2s ease-in infinite;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}