@import url('iconfont.css');
* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {font-family:'Microsoft Yahei',Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,sans-serif;font-size:14px;background:#f3f6fb;}
a {color:inherit;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover {color:#00A7EB;text-decoration:none !important;}
ul,li,p,h1,h2,h3 {list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1.4;color:#273746;margin:0;}
div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {margin:0px;padding:0;outline:0;}
img {border:0;max-width: 100%;}
em, i {font-style: normal;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
.container {width: 1200px;margin: auto;}
.list-image:hover img,.item-img:hover img,.right-list-ad:hover img{border-radius:0;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}
/*header*/
.ab-header {position: fixed;top: 0;width: 100%;text-align: center;z-index: 998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.ab-header.slideUp {top: -63px;}
.ab-navbar{position: relative;z-index: 999;height: 63px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);background: rgba(255, 255, 255, 0.97);}
.ab-navbar .logo{padding:10px 0;display: block;float: left;}
.ab-navbar .logo img{height: 40px;width: auto;}
.ab-navbar .nav-list{margin-left: 1rem;display: block;list-style: none;float: left;}
.ab-navbar .nav-list li{list-style: none;position: relative;display: inline-block;}
.nav-list li.current a{color:#007bff;}
.nav-list li em{position: absolute;height:63px;line-height: 63px;right: 2px;    cursor: pointer;}
.nav-list li em i {font-size: 22px;}
.nav-list > li > a{height: 63px;line-height: 63px;display: inline-block;font-weight: 600;padding:0 20px;font-size: 15px;}
.nav-list .sub-nav{display: none;position:absolute;top:100%;left:0;background-color:#fff;font-size:14px;padding:9px 0;text-align: center;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;min-width: 119px;width: 100%;}
.nav-list .sub-nav a {display: inline-block;width: 100%;padding: 5px 0;color: #000;background-color: #fff;}
.nav-list .sub-nav li{display: inline-block;width: 100%;}
.nav-list li:hover .sub-nav{display: block;}
.nav-list li:hover a,.nav-list li:hover i.down {color:#0e52ff}
.nav-list li:hover .sub-nav a {color:#000}
.nav-list li .sub-nav a:hover  {color:#0e52ff;}
.nav-list li .down:before {display:inline-block;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;}
.nav-list li:hover .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-right{float:right;font-size:15px;margin-top:0px}
.nav-right li{position:relative;float:left}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right > li > a{padding:25px 10px 23px}
.nav-right .nav-search{padding: 15px 12px 15px;}
.nav-right .nav-search .iconfont{font-size:24px;}
.nav-right .nav-search a{padding:6px 0;z-index:99;}
.search-box{position:fixed;left:0;right:0;top:-0;z-index:9998;padding:6.5px 0;background:#fff;transition:top 0.3s cubic-bezier(.4,0,.2,1);display: none;}
.search-box.show{top:0;display: block;}
.search-box .container{max-width:300px;position: relative;}
.search-close{position:absolute;right:-70px;top:8px;color:#007bff}
.search-close .iconfont{font-size:24px;padding: 15px;}
.search-input{text-align: left;float:left;font-size: 20px;font-weight: 700;border:none;height:40px;padding:4px 12px;border-right:none;font-size:15px;border-radius:2px 0 0 2px;outline:none;    display: inline-block;border-bottom: 1px solid #333;}
.search-box-form a{margin-left:20px;color:#999}
.search-box-form a:hover{color:#0d7ffa}
.nav-right .nav-button{display:none}
.menu-btn {display:none;padding:6px 0;float:right;margin-left:15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:#000;content:'';}
.menu-btn:before {width:24px;}
.menu-btn:after {width:18px;margin-left:6px;}
.menu-btn span {width:12px;margin:6px 0 6px 12px;}
/*footer*/
.footer {width:100%;position:relative;clear:both;background-color:#06060b;margin-top:30px;padding:30px 0 30px 0;}
.footer .footer-copyright {float:left;font-size:15px;line-height:1.6}
.footer .footer-copyright a {color:#ddd}
.footer .footer-copyright a:hover {color:#FFF;color:#ddd}
.footer .footer-social {float:right;margin-top:0;position:relative}
.footer .footer-social a {font-size:20px;margin-left:10px}
.footer .footer-social a:first-child {margin-left:0}
.footer .copyright-footer{font-size:13px;}
.footer .copyright-footer p {color:#60606d;clear: left;
    line-height: 50px;}
.footer .copyright-footer a {color:#929292}
.links{background-color: #06060b;    padding-bottom: 20px;}
.links-footer {font-size:10px;padding:10px 0 10px 0;border-top:1px solid rgba(255,255,255,.2);}
.links-footer a,.links-footer span {color:#73777a;line-height:1.4rem;margin:0 5px 0 0;font-size:12px}
.footer .nav-footer {margin-bottom:20px;   display: block;
    max-width: 60%;}
.footer .nav-footer li{float:left;    line-height: 25px;
    height: 25px;}
.footer .nav-footer a {color:#b2b2b8;margin-right:10px;font-size:14px;color:#fff;
    font-weight: bold;}
.footer .footer-box .nav-footer a:hover {color:#FFF}
.footer .footer-box .nav-footer span {margin:0 10px}
.footer .footer-social a:hover,.footer .copyright-footer a:hover{color: rgba(255,255,255,.7);}
.footer .nav-footer a:hover  {color: #fff;}
.social-footer a i {font-size:20px;color:#fff;}
.social-footer {float:right}
.social-footer a {position:relative;float:left;width:40px;height:40px;line-height:40px;background-color:#343a40;text-align:center;border-radius:20px;margin:0 5px;color:#FFF;font-size:16px}
.social-footer a i {color:#c5c5c5;font-size:24px;}
.social-footer a:hover i {color:#FFF}
.social-footer a.wechat:hover {background-color:#2aae67}
.social-footer a.qq:hover {background-color:#14b6f6}
.social-footer a.wechat i {font-size:24px;}
.cd-popup {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:9;}
.cd-popup.is-visible {opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s;}
.cd-popup-container {position:relative;width:90%;max-width:380px;margin:20em auto;padding:40px 20px 25px;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);/* Force Hardware Acceleration in WebKit */  -webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container p {padding-bottom:2em;font-size:18px;font-weight:bold;}
.cd-popup-container .cd-buttons:after {content:"";display:table;clear:both;}
.cd-popup-container .cd-buttons li {float:left;width:50%;}
.cd-popup-container .cd-buttons a {display:block;height:60px;line-height:60px;text-transform:uppercase;color:#FFF;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s;}
.cd-popup-container .cd-buttons li:first-child a {background:#fc7169;border-radius:0 0 0 .25em;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color:#fc8982;}
.cd-popup-container .cd-buttons li:last-child a {background:#b6bece;border-radius:0 0 .25em 0;}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color:#c5ccd8;}
.cd-popup-container .cd-popup-close {position:absolute;top:8px;right:8px;width:30px;height:30px;}
.cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after {content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5;}
.cd-popup-container .cd-popup-close::before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.rewards-popover-item {display:inline-block;width:200px;margin:0 10px;}
.rewards-popover-item h4 {margin:0 20px 18px;font-size:15px;}
.rewards-popover-item img {width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px;}
.rollbar {width:50px;height:50px;text-align:center;line-height:50px;border-radius:3px;cursor:pointer;opacity:.8;position:fixed;right:30px;bottom:30px;background:rgba(10,10,10,0.8);overflow:hidden;display:none;z-index:999;}
.rollbar i {font-size:24px;color:#fff;}


.top-wechat-bar {position:fixed;z-index:9;width:100%;height:48px;bottom:0;left:0;right:0;display:block;}
.wechat-icon {width:20px;height:20px;margin-right:5px;}
.top-wechat-bar-dialog {width:100vw;height:100vh;overflow:hidden;position:fixed;z-index:10001;top:0px;right:0px;left:0px;transition:opacity 0.3s ease-in 0s;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);}
.dialog-content {width:20%;padding:20px;background-color:#ffffff;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;}
.copy-icon {width:44px;height:44px;}
.copy-tips {color:#333;font-size:18px;font-weight:700;margin:.625rem 0;}
.dialog-desc {font-size:15px;color:#333;}
.i-see-btn {background-color:#1aad19;border-radius:.25rem;width:9rem;height:2.75rem;display:flex;align-items:center;justify-content:center;font-size:15px;color:#ffffff;cursor: pointer;}
.dialog-img {display:inline-block;width:200px;margin:0 10px;margin:.625rem 0;}
.dialog-img img {width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px;}






/*crumb*/
.ab-crumb {position:relative;margin-bottom:1rem;}
.ab-crumb .crumb-inner {color:#333b55;font-size:12px;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px;}
.ab-crumb .crumb-inner i.icon-shijian{color: #666 !important;padding:0 5px;font-size: 12px;}
.ab-crumb .crumb-inner i {color: #034eff !important;padding:0 5px;font-size: 14px;}
.ab-crumb .crumb-inner i.icon-home {color: #333b55 !important;}
.ab-crumb a,.ab-crumb span {font-size:12px;color:#333b55;}
.ab-crumb a:hover,.ab-crumb span:hover {font-size:12px;color:#034eff;}
/*pagination*/
.pagination {display:block;margin:0;text-align: center;border-radius:0;padding:20px 0;clear: both;}
.pagination a {display:inline-block;margin-right:8px;}
.pagination a {background:#FFF;font-size:14px;color:#3b3b3b;font-weight:700;display:inline-block;padding:9px 18px;border-radius: 3px;    margin-bottom: 10px;}
.pagination a:hover,.pagination a:focus,.pagination  > a.active {color:#fff;background:#2154CF;border-color:#2154CF;}
/*btn*/
.btn-all {padding: 0 1.25rem;font-size: 14px;line-height:45px;font-weight: 600;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
.btn-all span {display:inline-block;position:relative;will-change:transform;}
.btn-all i {margin-left: 5px;}
.btn-all:hover i,.btn-all:focus i {opacity:1;}
.btn-blue{color:#ffffff;background-color:#034eff;transition:0.2s ease-in;}
.btn-blue:hover,.btn-blue.focus {background-color:#fdd76e;color:#505052;}
.btn-wave{position:relative;text-decoration:none;overflow:hidden;border-width:0}
.btn-wave:hover .wave{top:-120px}
.btn-wave .wave{width:200px;height:200px;position:absolute;left:0;top:-80px;transition:0.4s}
.btn-wave .wave::before,a .wave::after{width:200%;height:200%;content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}
.btn-wave .wave::before{border-radius:45%;background-color:rgba(236,236,236,0.2);animation:wave 5s linear infinite}
.btn-wave .wave::after{border-radius:40%;background-color:#a8bbfa80;animation:wave 10s linear infinite}
@keyframes wave{0%{transform:translate(-50%,-75%) rotate(0deg)}
100%{transform:translate(-50%,-75%) rotate(360deg)}
}

/*none*/
.content-none{text-align: center!important;padding: 5rem;min-height: 400px;}
.content-none img{width: 4.25rem;height: 4.25rem;margin: 0 auto;}
.content-none p{color: #6c757d!important;}
.no-page {text-align:center;padding:100px 0;min-height:580px;}
.no-page h1 {font-size:6rem;}
.no-page p {font-size:16px;position:relative;}
.no-page .back-home {margin-top:20px;font-size:14px;position:relative;}
.no-page .back-home a {padding:5px 45px;font-weight:600;border-radius:900px;transition:.2s;}

.pagebar {    padding: 20px 0; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%;
  font-family: 宋体;
}
.pagination span {
 
        background: #333;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 2px;
    border-radius: 3px;
    line-height: 100%;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100%; height:auto !important}

/**右侧悬浮*/
/*侧边悬浮客服20211007*/
.total-center{position: fixed; top: 0; right: 92px; z-index: 101; height: 100%; display: flex; align-items: center;}
.total-center ul{list-style: none; position: relative;}
.total-center ul #close{position: absolute; width: 27px; height: 28px; left: calc(50% - 14px); top: -40px;}
.total-center ul #topt{ width: 20px; height: 11px;}
.total-center ul li{position: absolute; top: 0; left: -12px;}
.total-center ul li a{ position: relative; width: 108px; height: 28px; line-height: 18px; background: #FFFFFF; border: 2px solid #C73B3B; border-radius: 14px; margin-top: 22px; font-size: 14px; color: #EE4D4D; font-weight: 400; display: flex; align-items: center; justify-content: center;}
.total-center ul li a img{ margin-top: -15px; position: absolute; left: 0; width: 33px; height: 43px; border-radius: 50%; display: none;}
/*.total-center ul li a span{ position: absolute;}*/
.total-center ul li a span{ position: absolute; left: 0; top: 0px; width: 100%; height: 28px; text-align: center; line-height: 28px;}
.total-center ul li a.current{background: #E9473E; border-color: #E9473E; box-shadow: 0px 10px 10px 0px rgba(142, 16, 1, 0.31); margin-top: 72px; position: relative;}
.total-center ul li a.current img{ width: 80px; height: 85px; left: 13px; border-radius: 50%; display: block; margin-top: 0; position: absolute; top: -70px;}
.total-center ul li a.current span{ left: initial; color: #ffffff; width: 100%; height: 100%; z-index: 100; background: #E9473E; display: flex; align-items: center; justify-content: center; border-radius: 14px; border: solid 2px #E9473E;}
@media screen and (max-width: 724px) {
    .total-suspended{ display: none;}
	.total-suspended-div{ display: none;}
	.total-center{ display: none;}
}

/*底部悬浮广告20220120*/
/*.total-suspended{position: fixed; bottom: calc(-19.8vw + 58px); left: 0; width: 100%; z-index: 100; font-size: 0;}*/
.total-suspended{position: fixed; bottom: -322px; left: 0; width: 100%; z-index: 100; font-size: 0;}
.total-suspended-bg{ height: 380px;}
.total-suspended ul{position: relative; text-align: center;}
.total-su-div{position: absolute; top: 0; width: 100%; height: 100%;}
.total-suspended-view{width: 100%; max-width: 1200px; margin: 0 auto; height: 100%;}
.total-suspended-view .head-li{height: 58px; position: relative; display: flex; align-items: center;}
.total-suspended-view .head-li .icon-png{width: 10.5833%; height: auto; position: absolute; bottom: 0; left:-10%;}
.total-suspended-view .head-li .total-name{font-size: 30px; color: #F42C2C; margin-left: 17.333%; font-size: 24px;}
.total-suspended-view .head-li .s-can{color: #AB7B45; font-size: 20px; margin-left: 7.5%; margin-right: 5%;}
.total-suspended-view .head-li .s-can font{color: #F3003D;}
.total-suspended-view .head-li #updown{width: 3.16667%; height: 43px; position: absolute; right: 25%;}
.rotate{
	-ms-transform:rotate(18deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.total-suspended-view .head-li a{ display: block; width: 7%; min-width: 100px; height: 36px; line-height: 36px; border-radius: 6px; letter-spacing: 2px; font-size: 14px; background-color: #f0003f; position: absolute; right: 3.5%; top: 11px; color: #FFFFFF;}

.total-suspended-view .centent-div{width: 100%; height: calc(100% - 58px); display: flex;}
.total-suspended-view .centent-div .form-li{background-color: #ffffff; width: 33.3%;}
.total-suspended-view .centent-div .form-li .head-c{ display: flex; align-items: center; margin-top: 32px;}
.total-suspended-view .centent-div .form-li .head-c span{ font-size: 20px; color: #333333; font-weight: 500; margin-left: 10.5%;}
.total-suspended-view .centent-div .form-li .head-c font{ font-size: 14px; color: #FC4D3E; margin-left: 5%;}
.total-suspended-view .centent-div .form-li .inpu-c{ margin-top: 26px; margin-left: 15%; width: 100%; display: flex;}
.total-suspended-view .centent-div .form-li .inpu-c span:nth-child(1){ width: 6em; text-align: right; font-size: 14px; display: inline-block;}
.total-suspended-view .centent-div .form-li .inpu-c span:nth-child(1) font{ color: #F42C2C;}
.total-suspended-view .centent-div .form-li .inpu-c span:nth-child(2){border: 1px solid #EBEBEB; margin-left: 20px; margin-right: 50px; display: inline-flex; align-items: center; width: 50%;}

.total-suspended-view .centent-div .form-li .inpu-c:nth-child(2) span:nth-child(2){border: none; font-size: 14px;}
.total-suspended-view .centent-div .form-li .inpu-c:nth-child(2) span:nth-child(2) input{-webkit-appearance: checkbox; appearance: none; -webkit-appearance: none; outline: none; display: none;}
.total-suspended-view .centent-div .form-li .inpu-c:nth-child(2) span:nth-child(2) input:checked+span {width: 8px; height: 8px; background-color: red; display: inline-block; background: url(http://pic.mingziwang.cn/img/inputc.png) no-repeat; background-size: 100% 100%; position: relative;}
.total-suspended-view .centent-div .form-li .inpu-c:nth-child(2) span:nth-child(2) input+span {width: 8px; height: 8px; background-color: red; display: inline-block; background: url(http://pic.mingziwang.cn/img/inputn.png) no-repeat; background-size: 100% 100%; position: relative; margin-right: 10px;}

.total-suspended-view .centent-div .form-li .inpu-c:nth-child(n+3) span:nth-child(2) input{ width: 100%; height: 27px; text-indent: 4px; font-size: 14px;}
.total-suspended-view .centent-div .form-li .inpu-c:last-child span:nth-child(1) font{ visibility: hidden;}
.total-suspended-view .centent-div .btn-li{ display: inline-flex; align-items: center; justify-content: center; background-color: #ffffff; position: relative; width: 12.5%;}
.total-suspended-view .centent-div .btn-li span:nth-child(1){position: absolute; border-right: dashed #F5F5F5 1px; top: 0; left: 0; width: 60%; height: 100%; display: flex; align-items: center; justify-content: right; }
.total-suspended-view .centent-div .btn-li span:nth-child(2){background-color: #ffffff; border: 1px solid #F5F5F5; border-radius: 100px; padding: 10px; position: relative; margin-left: 20%;}
.total-suspended-view .centent-div .btn-li span:nth-child(2) #turnbta{ display: none;}
.total-suspended-view .centent-div .form-li .inpu-c span.prompt{text-indent: 109px; display: block; position: absolute; padding: 4px 0; color: #F42C2C; display: none;}

.total-suspended-view .centent-div .consult-li{ background-color: #ffffff; width: 33.3%; display: inline-flex; align-items: center; justify-content: center;}
.total-suspended-view .centent-div .consult-li .turn{ width: 211px; height: 212px; margin-top: 27px; background: url('http://pic.mingziwang.cn/img/turn.png') center; background-size: 100% 100%; position: absolute;}
.total-suspended-view .centent-div .consult-li .turn a{ width: 58px; height: 58px;}
.total-suspended-view .centent-div .consult-li .turn a:nth-child(1){ position: absolute; top: 36px; left: -10px;}
.total-suspended-view .centent-div .consult-li .turn a:nth-child(2){ position: absolute; top: -18px; left: calc(50% - 29px);}
.total-suspended-view .centent-div .consult-li .turn a:nth-child(3){ position: absolute; top: 36px; right: -10px;}
.total-suspended-view .centent-div .consult-li .turn a:nth-child(4){ position: absolute; bottom: 4px; right: 18px;}
.total-suspended-view .centent-div .consult-li .turn a:nth-child(5){ position: absolute; bottom: 4px; left: 18px;}
.total-suspended-view .centent-div .consult-li .turn a img{ width: 58px; height: 58px; border-radius: 50px; display: block;}
.turngo{animation:turn 1s linear infinite;}
.turngo img{animation:img 1s linear infinite;}
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@keyframes img{
    0%{-webkit-transform:rotate(-0deg);}
    25%{-webkit-transform:rotate(-90deg);}
    50%{-webkit-transform:rotate(-180deg);}
    75%{-webkit-transform:rotate(-270deg);}
    100%{-webkit-transform:rotate(-360deg);}
}
.total-suspended-view .centent-div .master-list{ display: none;}
.total-suspended-view .centent-div .master-list span:nth-child(1){ font-size: 16px; color: #333333; margin-top: -50px; display: block; text-indent: 24px;}
.total-suspended-view .centent-div .master-list ul{ width: 90%; height: 152px; margin-left: 24px; border: 1px dashed #E6E6E6; margin-top: 18px; text-align: center;}
.total-suspended-view .centent-div .master-list ul div{ overflow-y: scroll; height: 132px; margin-top: 20px;}
.total-suspended-view .centent-div .master-list ul li{ width: 200px; margin: 0 auto; height: 22px; display: flex; align-items: center; font-size: 12px; font-weight: 400; color: #666666; text-align: left;}
.total-suspended-view .centent-div .master-list ul li a{ font-size: 12px; font-weight: 400; color: #666666; max-width: 258px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.total-suspended-view .centent-div .master-list ul .go-portrait{ display: block; margin: 0 auto; width: 180px; height: 40px; background: #F3003D; border-radius: 5px; line-height: 40px; margin-top: 25px; font-size: 16px; color: #ffffff;}

.total-suspended-view .centent-div .qr-code{background-color: #ffffff; width: 20.5%; margin-left: 2%; height: 100%; text-align: center;}
.total-suspended-view .centent-div .qr-code span{ display: block;}
.total-suspended-view .centent-div .qr-code span:nth-child(1){ font-size: 18px; color: #333333; margin-top: 30px;}
.total-suspended-view .centent-div .qr-code span:nth-child(2){ font-size: 14px; color: #333333; margin-top: 10px;}
.total-suspended-view .centent-div .qr-code span:nth-child(3){ font-size: 14px; color: #333333; margin-top: 14px;}
.total-suspended-view .centent-div .qr-code img{ width: 53%; height: auto; margin-top: 14px;}
.total-suspended-view .centent-div .qr-code span:nth-child(5){ font-size: 14px; color: #333333; margin-top: 6px;}
.total-suspended-div{ height: 58px;}
/*底部悬浮广告20220120*/
/**回顶回底*/
.huiding {
  width: 43px;
  position: fixed;
  overflow: hidden;
  /*bottom: 5px;*/
  bottom: 110px;
  right: 5px;
  z-index: 999999999
}
.huiding li {
  margin-bottom: 3px;
  background: #444;
  text-align: center;
  padding: 10px 0;
  border-radius: 2px;
}
.huiding li p {
  font-size: 1.2rem;
  overflow: hidden;
  color: #fff;
}
.huiding img {
  width: 60%;
}
@media(max-width:769px) {
  .huiding {
    display: none
  }
}

/**回顶回底*/

.footer_img li{display: inline-block;}

.footer_img li p{margin-top: 5px;font-size: 14px;color: #fff;}

.footer_img_div{border-radius: 4px;background: #fff;width: 70px;}

.footer_img1{margin-right: 50px;}
.footer_img img{
    width:100%;
}

/**文章内页起名大师推荐*/
.name_master_card{
  width: 100%;
  height: 184px;
 

}
.name_master_card ul{
  display: flex;
}
.name_master_card ul .portrait{
  width: 100px;
  height: 121px;
 margin: 0px 10px 10px 0px;
}
.name_master_card ul .right{
  padding-top: 0px;
}
.name_master_card ul .right .info{
  display: flex;
  align-items: center;
  margin-left: 2px;
}
.name_master_card ul .right .info p{
  font-size: 17px;
  width: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.name_master_card ul .right .info img{
  width: 71px;
  height: 12px;
  margin-left: 11px;
  margin-top: -2px;
}
.name_master_card ul .right .info font{
  font-size: 12px;
  font-weight: 500;
  color: #FDB60B;
  margin-left: 10px;
}
.name_master_card ul .right .informa_text{
  width: 156px;
  display: block;
  margin-top: 10px;
  margin-left: 2px;
  font-size: 11px;
  font-weight: 400;
  color: #666666;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.name_master_card ul .right .good_field_title{
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  margin-top: 7px;
  margin-left: 2px;
  display: block;
}
.name_master_card ul .right .good_field_text{
  margin-left: 2px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.name_master_card ul .right .good_field_text p{
  display: inline-flex;
  width: 50px;
  height: 20px;
  background: #EF8564;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  color: #FFFFFF;
  margin-right: 5px;
  margin-bottom: 10px;
}
.name_master_card ul .right .good_field_text p.orange{
  background: #EF8564;
}
.name_master_card ul .right .good_field_text p.purple{
  background: #738BE3;
}
.name_master_card ul .right .good_field_text p.green{
  background: #84CB67;
}
.name_master_card a{
  width: 284px;
  height: 44px;
  background: #EE4D4D;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
      margin-top: 10px;
}
.naming_master_img img{
  width: 320px;
}

.naming_master_recommen{
  width: 100%;
  border-bottom: solid #dddddd 1px;
  padding-bottom: 20px;
}
.naming_master_recommen ul li{
  width: 100%;
  height: 32px;
  background: #303641;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.naming_master_recommen ul li img{
  width: 10px;
  margin: 0 15px;
}
.naming_master_list{
  width: 100%;
  height: auto;
  background: #FFFFFF;
 
  margin-top: 17px;
  display: flex;
  flex-wrap: wrap;
}
.naming_master_list li{
  box-sizing: border-box;
  width: 25%;
  min-width: 150px;
  height: 225px;
  text-align: center;
}
.naming_master_list li img{
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin-top: 13px;
}
.naming_master_list li p{
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-top: 5px;
  margin-bottom: 10px;
}
.naming_master_list li span{
  font-size: 11px;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 18px;
  width: 132px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: center;
}
.naming_master_list li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 24px;
  background: #EE4D4D;
  border-radius: 12px;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}
@media only screen and (max-width: 530px){
    .naming_master_list li{
        width:50%;
    }
    .tan_top_ad{display:none;}
    .tan_botton_ad{display:none;}
}
/* 起名大师推荐 end */
/**通栏广告**/
.tan_top_ad{text-align: center;margin:10px 0px;}

.tan_top_ad a img{height: 100px;}

.tan_botton_ad{text-align: center;}

.tan_botton_ad a img{max-width: 1200px;height: 100px;}

/**搜索框*/
.su{
    background: #333;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    margin-top: 10px;
        cursor: pointer;
}

.article-body p.article-body_text {
    width: 100%;
    text-align: center;
    text-indent: 0;
    padding: 16px 0;
}
.article-body p.article-body_text a {
    font-size: 12px;
    color: #8080ff;
}

/*底部固定悬浮20231014*/
.main-bottom-ads{
    display: none;
}
.main-bottom-ads-vi{
    display: none;
}

@media screen and (max-width: 724px) {
    /*底部固定悬浮20231014*/
    .main-bottom-ads{
        display: none;
        position:
        fixed;
        bottom: -6px;
        left: 0;
        width: calc(100%);
        z-index: 998;
    }
    .main-bottom-ads img{
        width: 100%;
        height: auto;
        border: 0;
    }
    .main-bottom-ads-vi{
        visibility: hidden;
    }
    .main-bottom-ads-vi img{
        width: 100%;
        height: auto;
        border: 0;
    }
    .white_space {
        height: 88px;
        background-color: #06060b;
    }
}

@media screen and (min-width: 100px) and (max-width: 750px){
    .qk_list5 {
        width: 100%;
        height: auto;
        vertical-align: top;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        font-size: 0;
    }
}

/**移动端订单 底部悬浮 20231014**/
.topRec_List_y_bottom{ display: none; position: fixed; bottom: 15px; left: 5px; width: calc(100%); z-index: 998;}
.topRec_List_y_bottom dl,.maqueey{ width:65%; overflow:hidden; margin:0 auto; color:#7C7C7C; position:absolute; margin-left:5%;}
.topRec_List_y_bottom dd{ float:left; text-align:center; border-bottom:1px solid #1B96EE; color:#1B96EE;}
.topRec_List_y_bottom dl dd:nth-child(1n){ width:5%; height:22px; line-height:32px; }
.topRec_List_y_bottom dl dd:nth-child(2n){ width:18%; height:22px; line-height:32px; }
.topRec_List_y_bottom dl dd:nth-child(3n){ width:77%; height:22px; line-height:32px; }
.topRec_List_y_bottom ul{ width:100%; height:195px;}
.topRec_List_y_bottom ul a{display:block; width:100%;}
.topRec_List_y_bottom li{ width:100%; height:25px; line-height:25px; text-align:center; font-size:14px;}
.topRec_List_y_bottom li div{ float:left; text-align:center;}
.topRec_List_y_bottom li div.one{ width:5%; color:#ffffff;}
.topRec_List_y_bottom li div.tuo{ width:18%; color:#ffffff;}
.topRec_List_y_bottom li div.sri{ width:77%; text-align:left; color:#ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height:25px; line-height:25px;
}

@media screen and (max-device-width:450px){
	.topRec_List_y_bottom dl,.maquee{ margin-top:-50px;}
	.topRec_List_y_bottom li{ font-size:14px;}
}
@media screen and (max-device-width:400px){
	.topRec_List_y_bottom dl,.maquee{ margin-top:-50px;}
	.topRec_List_y_bottom li{ font-size:14px;}
}
@media screen and (max-device-width:320px){
	.topRec_List_y_bottom dl,.maquee{ margin-top:-50px;}
	.topRec_List_y_bottom li{ font-size:14px;}
}




/****************广告**************************/
 .lanmu-bottom-ads-close{display: none;}
 .lanmu-bottom-ads{display: none;}
    @media screen and (max-width: 724px) {
        .lanmu-bottom-ads-close{
            display: block;
            width: 40px;
            height: 40px;
            position: fixed;
            right: 5px;
            bottom: 90px;
            z-index: 998;
        }
.lanmu-bottom-ads {
    position: fixed;
    bottom: -6px;
    display: block;
    z-index: 998;
}


    }

.suspended{
    display: none;
}
.suspended .content{
    position: fixed;
    bottom: 6px;
    left: 3%;
    z-index: 1000;
    width: 94%;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(242,242,242,1);
    border-radius: 8px 8px 8px 8px;
    display: flex;
    align-items: center;
    padding: 7px;
}
.suspended .content img{
    width: 56px;
    height: 46px;
    margin-right: 8px;
}
.suspended .content span{
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 24px;
}
.suspended .content span p{
    font-size: 13px;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
}
.suspended .content a{
    width: 74px;
    height: 24px;
    background-color: #0096A5;
    border-radius: 20px 20px 20px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    margin-left: auto;
    margin-right: 12px;
}
.suspended .content .close{
    position: absolute;
    top: 7px;
    right: 7px;
    width: 10px;
    height: 10px;
}

@media screen and (min-width:900px) {
    .abconright.aside .right-list:nth-child(n+4){
        display: block !important;
    }
    .abconright_aside_tab{
        display: none;
    }
}
@media only screen and (max-width: 900px){
    .abconright.aside .right-list:nth-child(n+4){
        display: none;
        padding-top: 75px;
    }
    .abconright.aside .right-list:nth-child(n+4) .w-newsitem{
        display: none;
    }
    .abconright.aside .right-list:nth-child(4){
        display: block;
    }
    .abconright_aside_tab{
        display: flex;
        width: calc(100% - 22px);
        margin: 0 auto;
        overflow-x: scroll;
        margin-bottom: -60px;
        margin-top: 50px;
        position: relative;
        z-index: 10;
    }
    .abconright_aside_tab::-webkit-scrollbar{
        display: none;
    }
    .abconright_aside_tab li{
        width: 95px;
        min-width: 95px;
        height: 40px;
        border-radius: 5px;
        font-weight: 400;
        font-size: 14px;
        color: #7A7A7A;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }
    .abconright_aside_tab li.active{
        background-color: #338FE6;
        color: #FFFFFF;
    }
}