/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */ @font-face { font-family: 'iconfont'; /* Project id 3026521 */ src: url('//at.alicdn.com/t/c/font_3026521_tg4loyki9or.woff2?t=1699199589537') format('woff2'), url('//at.alicdn.com/t/c/font_3026521_tg4loyki9or.woff?t=1699199589537') format('woff'), url('//at.alicdn.com/t/c/font_3026521_tg4loyki9or.ttf?t=1699199589537') format('truetype'); } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block} audio, canvas, progress, video{display: inline-block;vertical-align: baseline} audio:not([controls]){display: none;height: 0} [hidden], template{display:none} a{text-decoration: none;background-color: transparent} a:active, a:hover{outline: 0;} b, strong{font-weight: 700} dfn{font-style: italic} h1{font-size: 2em;margin: .67em 0} small{font-size: 80%} sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline} sup{top: -.5em} sub{bottom: -.25em} img{border: 0} svg:not(:root){overflow: hidden} figure{margin: 1em 40px} hr{box-sizing: content-box;height: 0} pre{overflow: auto} code, kbd, pre, samp{font-family: monospace, monospace;font-size: 1em} button, input, optgroup, select, textarea{color: inherit;font: inherit;margin: 0} button{overflow: visible} button, select{text-transform: none} button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance: button;cursor: pointer} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} input{line-height: normal} textarea{overflow: auto} optgroup{font-weight: 700} table{border-collapse: collapse;border-spacing: 0} td, th{padding: 0} *, :after, :before{box-sizing: border-box} html{font-size: 10px;-webkit-tap-highlight-color: transparent} body{color: #202935;line-height: 1.8;background: #f5f5f5;padding-top:62px !important;} button, input, select, textarea{font-family: inherit;font-size: inherit;line-height: inherit} figure{margin: 0} img{vertical-align: middle} hr{margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee} p{margin: 0 0 10px} .small, small{font-size: 85%} ol, ul{margin-top: 0;margin-bottom: 10px} ol ol, ol ul, ul ol, ul ul{margin-bottom: 0} dl{margin-top: 0;margin-bottom: 20px} dd, dt{line-height: 1.42857} dt{font-weight: 700} dd{margin-left: 0} .container{margin-right: auto;margin-left: auto;padding-left: 10px;padding-right: 10px} .container:after, .container:before{content: " ";display: table} .container:after{clear: both} @media (min-width:768px){.container{max-width: 750px}} @media (min-width:992px){.container{max-max-width: 970px}} @media (min-width:1200px){.container{max-width: 1170px}} @media (min-width:1450px) { .container { max-width: 1440px } } .container{max-width: 1440px;} @media (max-width:1219px){.container{max-width: 980px}} @media (max-width:991px){.container{max-width: 100%;}} /*.theme-item-price:before{content:"\ffe5";font-size:12px} .theme-item-price:after{content:"\5143";margin-left:2px}*/ .theme-item-price span{ color:red; font-size:16px; font-weight:600;} .row{margin-left: -15px;margin-right: -15px} .row:after, .row:before{content: " ";display: table} .row:after{clear: both} table{background-color: transparent} label{display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700} output{padding-top: 7px} .fade{opacity: 0;transition: opacity .15s linear} .fade.in{opacity: 1} .collapse{display: none} .collapse.in{display: block} tr.collapse.in{display: table-row} tbody.collapse.in{display: table-row-group} .dropdown{position: relative} .dropdown-toggle:focus{outline: 0} .dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box} .dropdown-menu.fr{right: 0;left: auto} .dropdown-menu .divider{height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5} .dropdown-menu>li>a{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857;color: #333;white-space: nowrap} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{text-decoration: none;color: #fff;background-color: #ff6000} .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{text-decoration: none;outline: 0} .open>.dropdown-menu{display: block} .open>a{outline: 0} .dropdown-backdrop{position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 990} .fr>.dropdown-menu{right: 0;left: auto} .nav{margin-bottom: 0;padding-left: 0;list-style: none} .nav:after, .nav:before{content: " ";display: table} .nav:after{clear: both} .nav>li, .nav>li>a{position: relative;display: block;} .nav>li>a{padding: 10px 15px} .nav>li>a:focus, .nav>li>a:hover{text-decoration: none;background-color: #eee} .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: #eee;border-color: #337ab7} .navbar-header:after, .navbar-header:before{content: " ";display: table} .navbar-header:after{clear: both} @media (min-width:768px){.navbar-header{float: left}} .navbar-collapse{overflow-x: visible;padding-right: 15px;padding-left: 185pxborder-top: 1px solid transparent;box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);-webkit-overflow-scrolling: touch} .navbar-collapse:after, .navbar-collapse:before{content: " ";display: table} .navbar-collapse:after{clear: both} .navbar-collapse.in{overflow-y: auto} @media (min-width:768px){.navbar-collapse{width: auto;border-top: 0;box-shadow: none} .navbar-collapse.collapse{display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important} .navbar-collapse.in{overflow-y: visible}} container>.navbar-collapse, .container>.navbar-header{margin-right: -15px;margin-left: -15px} @media (min-width:768px){.container>.navbar-collapse, .container>.navbar-header{margin-right:0px;margin-left: 0}} .navbar-toggle{position: relative;float: right;margin-right: 15px;padding: 9px 10px;margin-top: 8px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px} .navbar-toggle:focus{outline: 0} .navbar-toggle .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px} .navbar-toggle .icon-bar+.icon-bar{margin-top: 4px} @media (min-width:768px){.navbar-toggle{display: none}} .navbar-nav{margin: 7.5px -15px} .navbar-nav>li>a{padding-top: 10px;padding-bottom: 10px;line-height: 20px} @media (max-width:767px){ .navbar-nav .open .dropdown-menu{position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;box-shadow: none} .navbar-nav .open .dropdown-menu>li>a{padding: 5px 15px 5px 25px} .navbar-nav .open .dropdown-menu>li>a{line-height: 20px} .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover{background-image: none} body>header.header{padding-top:0!important; padding-bottom:0!important} } @media (min-width:768px){.navbar-nav{float: left;margin: 0} .navbar-nav>li{float: left} .navbar-nav>li>a{padding-top: 15px;padding-bottom: 15px}} .navbar-nav>li>.dropdown-menu{margin-top: 0;border-top-right-radius: 0;border-top-left-radius: 0} .current{padding: 8px 30px;margin: 0;color: #999;background: #fff;border-radius: 0;border-bottom: 1px solid #f7f7f7;list-style: none;} .current a{color: #999} @media (max-width:767px){.current{display: none}} .label{display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em} .label:empty{display: none} .clearfix:after, .clearfix:before{content: " ";display: table} .clearfix:after{clear: both} .fr{float: right!important} .fl{float: left!important} .hide{display: none/*!important*/} .show{display: block!important} .hidden,.updated{display: none!important} .affix{position: fixed} @media (max-width:767px){.hidden-xs{display: none!important}} .panel{border-radius: 3px} .panel-body{padding: 15px} .panel-body p{margin-bottom: 10px!important;text-indent: 0!important} .panel-body p:last-child{margin-bottom: 0!important} .content-content .row{margin-bottom: 10px} .swiper-container{position: relative;overflow: hidden;z-index: 1} .swiper-container-no-flexbox .swiper-slide{float: left} .swiper-wrapper{position: relative;width: 100%;height: 100%;padding: 0;margin: 0;min-height: 50px;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;list-style: none;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;box-sizing: content-box} .swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform: translateZ(0);transform: translateZ(0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap} .swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative} .swiper-container .swiper-notification{position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000} .swiper-button-next, .swiper-button-prev{position: absolute;top: 50%;width: 20px;height: 36px;margin-top: -18px;z-index: 10;cursor: pointer;background-size: 20px 40px;background-position: 50%;background-repeat: no-repeat;transition: all .4s ease} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .1;filter: alpha(opacify=10);cursor: auto;pointer-events: none} .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");left: 10px;right: auto;opacity: .3;filter: alpha(opacify=30);transition: all .4s ease} .swiper-button-prev:hover{opacity: .4;filter: alpha(opacify=40)} .swiper-button-prev.swiper-button-black{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")} .swiper-button-prev.swiper-button-white{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")} .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");right: 10px;left: auto;opacity: .3;filter: alpha(opacify=30);transition: all .4s ease} .swiper-button-next:hover{opacity: .4;filter: alpha(opacify=40)} .swiper-button-next.swiper-button-black{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")} .swiper-button-next.swiper-button-white{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")} .swiper-pagination{position: absolute;text-align: center;transition: .3s;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 10} .swiper-pagination.swiper-pagination-hidden{opacity: 0} .swiper-pagination-bullet{width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #fff;opacity: .8} button.swiper-pagination-bullet{border: none;margin: 0;padding: 0;box-shadow: none;-moz-appearance: none;-ms-appearance: none;-webkit-appearance: none;appearance: none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor: pointer} .swiper-pagination-bullet-active{opacity: 1;background: #ff6000} @-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn)}} @keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .action{position: fixed;z-index: 999;top: 50%;right: 10px;width: 40px} .action .a-box{position: relative;width: 40px;height: 40px;color: #999;background: #eee;box-shadow: inset -1px -1px 0 0 rgba(0,0,0,.05);border-radius: 2px;transition: all .2s ease-in-out} .action .a-box:after{position: absolute;top: 0;height: 40px;width: 40px;font-size: 20px;line-height: 40px;text-align: center;overflow: hidden} .action .a-box:hover{color: #fff;background-color: #ff6000;cursor: pointer} .action .a-box:hover:after{padding: 4px;font-size: 12px;font-family: lucida Grande, Verdana, Microsoft YaHei;line-height: 16px;word-break: break-all} .action .wechat-wrap{display: none;position: absolute;right: 41px;top: 0;width: 200px;padding: 10px;font-size: 12px;color: #333;background-color: #fff;box-shadow: 0 0 1px rgba(0,0,0,.3);cursor: auto} .action .wechat:after{content: "\e646"} .action .wechat:hover:after{content: "\5173\6CE8\5FAE\4FE1"} .action .wechat-wrap{top: -42px;width: 150px;padding: 2px} .action .wechat-wrap img{width: 100%;height: auto;vertical-align: top} .action .gotop:after{content: "\e622"} .action .gotop:hover:after{content: "\8FD4\56DE\9876\90E8"} @media (max-width:767px){.action{display: none}} .m-dropdown, .navbar-on-shadow{display: none;cursor: pointer} @media (max-width:991px){.m-dropdown{display: block;position: absolute;right: 3px;top: 0;width: 50px;text-align: center;color: #fff;border-left: 1px solid hsla(0,0%,4%,.05)} .m-dropdown, .m-dropdown i{transition: all .3s ease-out 0s} .m-dropdown i{font-size: 24px;line-height: 44px} .dropdown-open>.m-dropdown i{-webkit-transform: rotate(180deg);transform: rotate(180deg);transition: all .3s ease-out 0s} } body>header.header{position: fixed;left: 0;top:0;z-index: 999;width: 100%;border: 0;background: #fff;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);/*padding-top: 12px; padding-bottom: 12px;*/} body>header.header .logo{height: 62px;float: none;display: table-cell;padding: 0;margin: 0;font-size: 20px;line-height: 1;vertical-align: middle;transition: all .3s ease-out 0s} @media (max-width:767px){body>header.header .logo{height: 50px}} body>header.header .logo img{width: auto;max-height: 32px;transition: all .3s ease-out 0s;vertical-align: top} @media (max-width:767px){body>header.header .logo img{max-height: 26px}} body>header.header .nav{font-size: 15px} body>header.header .nav>li.dropdown>a{padding-right: 28px} @media (min-width:992px) and (max-width:1199px){body>header.header .nav>li.dropdown>a{padding-right: 22px}} @media (max-width:767px){body>header.header .nav>li{margin: 0}} body>header.header .nav>li:first-child{margin-left: 0} body>header.header .nav>li.active>a{color: #ff6000} body>header.header .nav>li>a{padding: 0 14px;color: #333;line-height: 62px;background: none} @media (min-width:992px) and (max-width:1199px){body>header.header .nav>li>a{padding: 0 8px}} body>header.header .navbar-nav>.dropdown{position: relative;font: normal normal normal 14px/1 iconfont;} body>header.header .navbar-nav>.dropdown:after{position: absolute;right: 14px;top: 0;content: "\e63d";font-size: .14rem;line-height: 62px;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;opacity: .7} @media (min-width:992px) and (max-width:1199px){body>header.header .navbar-nav>.dropdown:after{right: 8px}} body>header.header .navbar-nav>.dropdown:hover:after{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s} body>header.header .navbar-nav>.dropdown:hover>a:after, body>header.header .navbar-nav>.dropdown:hover>a:before{opacity: 1} body>header.header .navbar-nav>.dropdown>a{position: relative;z-index: 1001} @media (max-width:991px){body>header.header .navbar-nav>.dropdown>a{z-index: auto}} body>header.header .navbar-nav>.dropdown>a:after, body>header.header .navbar-nav>.dropdown>a:before{opacity: 0;position: absolute;left: 50%;bottom: 0;width: 0;height: 0;margin-left: -8px;border: 8px solid transparent;border-bottom-color: #eee;content: "";transition: all .2s ease-out} @media (max-width:991px){body>header.header .navbar-nav>.dropdown>a:after, body>header.header .navbar-nav>.dropdown>a:before{display: none}} body>header.header .navbar-nav>.dropdown>a:after{bottom: -1px;border-bottom-color: #fff} body>header.header .dropdown-menu{min-width: 120px} body>header.header .dropdown-menu>li>a{padding: 9px 15px} body>header.header .dropdown-menu>.active>a{color: #ff6000;background: none} body>header.header .dropdown-menu>.active>a:focus, body>header.header .dropdown-menu>.active>a:hover, body>header.header .dropdown-menu>li>a:hover{color: #fff;background: #ff6000} body>header.header .m-menu{position: relative} @media (max-width:991px){body>header.header .m-menu{padding: 0;margin: 0;box-sizing: border-box;border-top: 1px solid rgba(0,0,0,.05)}} @media (max-width:991px){body>header.header .m-menu li{display: block!important;width: 100%!important} body>header.header .m-menu li a{display: block!important;padding: 0 20px;font-weight: 400;line-height: 48px!important;color: #fff;border-bottom: 1px solid rgba(0,0,0,.05)} body>header.header .m-menu li a:active, body>header.header .m-menu li a:focus, body>header.header .m-menu li a:hover{color: #fff!important;background: hsla(0,0%,100%,.1)!important}} @media (max-width:991px){body>header.header .m-menu .active>a{color: #fff!important;background: hsla(0,0%,100%,.1)!important} body>header.header .m-menu .active>.m-dropdown{color: #fff}} body>header.header .m-menu>.dropdown .dropdown-menu{display: block;padding: 0;opacity: 0;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-origin: 0 0;transform-origin: 0 0;transition: opacity .1s .2s, visibility .1s .3s, -webkit-transform .3s;transition: transform .3s, opacity .1s .2s, visibility .1s .3s;transition: transform .3s, opacity .1s .2s, visibility .1s .3s, -webkit-transform .3s;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 0;border: 0} @media (max-width:991px){body>header.header .m-menu>.dropdown .dropdown-menu{position: relative;display: none;float: none;width: 100%!important;left: 0!important;padding: 1px 0!important;-webkit-transform: rotateX(0);transform: rotateX(0);visibility: visible;background: rgba(0,0,0,.1);opacity: 1;box-shadow: none;border-top: 0;border-left: 5px solid rgba(0,0,0,.08)!important;box-sizing: border-box!important}} body>header.header .m-menu>.dropdown>.dropdown-menu{padding: 2px 0} body>header.header .m-menu>.dropdown>.dropdown-menu li{display: block} body>header.header .m-menu>.dropdown:hover>.dropdown-menu{opacity: 1;-webkit-transform: rotateX(0);transform: rotateX(0);transition: opacity .1s, -webkit-transform .3s;transition: transform .3s, opacity .1s;transition: transform .3s, opacity .1s, -webkit-transform .3s;visibility: visible} body>header.header .m-menu>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu{left: 100%;top: 0} body>header.header .m-menu>.dropdown>.dropdown-menu>.dropdown:hover>.dropdown-menu{opacity: 1;-webkit-transform: rotateX(0);transform: rotateX(0);transition: opacity .1s, -webkit-transform .3s;transition: transform .3s, opacity .1s;transition: transform .3s, opacity .1s, -webkit-transform .3s;visibility: visible} .navbar-collapse{padding-right: 0} @media (max-width:991px){body>header.header .nav{font-size: 16px} body>header.header .navbar-header{margin: 0;float: none} body>header.header .dropdown:after{display: none} .navbar-nav{margin: 0;width: 100%} .navbar-nav>li{float: none} .navbar-nav li{background-image: none!important} .navbar-toggle{display: block;margin: 14px 0 0;transition: all .3s ease-out 0s}} @media (max-width:991px) and (max-width:767px){.navbar-toggle{margin-top: 8px}} @media (max-width:991px){ .navbar-collapse{position: fixed;bottom: 0;top: 0;right: 100%;z-index: 998;padding: 50px 0;width: 80%;height: 100%!important;margin: 0!important;background: #ff6000;transition: all .3s ease-out 0s;overflow: auto;border: 0} .navbar-collapse.collapse{display: none!important} .collapse.in{display: block!important} .icon-bar{transition: all .3s ease-out .3s;background: #999} } @media (max-width:1219px){article{padding: 20px}} @media (max-width:767px){article{padding: 20px 10px}} .content .content-head{margin-bottom: 20px} .content .content-title{margin-top: 0;margin-bottom: 15px;font-size: 24px;font-size: 2rem;line-height: 1.4} .content .content-info{padding-bottom: 10px;color: #999} .content .content-info a{color: #999} .content .content-info a:focus, .content .content-info a:hover{color: #ff6000;text-decoration: none} .content .content-info .dot{margin: 0 6px;color: #ccc} .content .content-content{font-size: 16px;font-size: 1.33333rem;color: #262626} .content .content-content .h1, .content .content-content .h2, .content .content-content .h3, .content .content-content h1, .content .content-content h2, .content .content-content h3{margin: 30px 0 20px;line-height: 1.4;font-weight: 700} .content .content-content h4, .content .content-content h5{font-weight: 700} .content .content-content .h1, .content .content-content h1{font-size: 24px;font-size: 2rem} .content .content-content .h2, .content .content-content h2{padding-bottom: 12px;font-size: 20px;font-size: 1.66667rem;border-bottom: 1px solid #efefef} .content .content-content .h3, .content .content-content h3{padding-left: 10px;font-size: 18px;font-size: 1.5rem;line-height: 1.2;border-left: 4px solid #ff5c00;} .content .content-content p{margin-bottom: 20px;margin-bottom: 1.66667rem;line-height: 1.8} .content .content-content figure{margin-bottom: 20px;margin-bottom: 1.66667rem} .content .content-content blockquote{position: relative;padding: 30px 30px 30px 75px;background: #f3f3f3;border-left: 0;font-size: 16px;border-radius: 3px;margin: 0 0 20px;} .content .content-content blockquote p:last-child{margin-bottom:0} .content .content-content ol, .content .content-content ul{padding-left: 2em;margin-bottom: 20px;list-style-position: outside} .content .content-content li{margin-bottom: 10px} .content .content-content img{display: block;margin-left: auto;margin-right: auto;text-align: center;max-width: 100%;vertical-align: top} @media (max-width:767px){.content .content-content embed, .content .content-content iframe{display: block;width: 100%;min-height: 200px;max-height: 500px} .content .content-content img{max-width: 600px;width:100%;height:auto;max-height: 600px;}} .content .prenext p{margin: 0} .content-footer{margin: 30px 0 0} .content-copyright{margin-top: 30px;padding: 15px;font-size: 13px;font-size: .14rem;line-height: 1.6;color: #999;border: 1px solid #efefef;background: #fbfbfb;border-radius: 3px} .content-copyright a, .content-copyright span{color: #555} .content-copyright p{margin-bottom: 8px!important;text-indent: 0!important} .content-copyright p:last-child{margin-bottom: 0!important} .content-tag{font-size: 0} .content-tag a{display: inline-block;margin: 0 10px 10px 0;padding: 7px 12px;font-size: 14px!important;line-height: 1.2;text-align: center;color: #666;border: 1px solid hsla(0,0%,39%,.5);border-radius: 5px;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .content-tag a:focus, .content-tag a:hover{color: #fff;background: #ff6000;border-color: #ff6000;text-decoration: none} .content-bar{height: 60px;margin: 30px -30px} @media (max-width:1219px){.content-bar{margin: 30px -20px} .content-bar .info-item.share .mobile{display: none}} @media (max-width:767px){ .content-bar .info{float: none!important;overflow: hidden} .content-bar .info-item.act{display: none} .content-bar .info-item.meta{margin: 0;float: right} .content-bar .info-item.share{float: left;margin-right: 0;padding-left: 0;vertical-align: top} .content-bar .info-item.share .meta-item{display: none} .content-bar .info-item.share .mobile{display: block;line-height: 30px;background: #ff6000;color: #fff;border-radius: 3px} .content-bar .info-item.share .mobile .fa{vertical-align: top;line-height: 30px;font-size: 14px;margin-right: 2px} .content-bar .info-item.share:before{display: none}} .content-bar .info-item{position: relative;display: inline-block;margin-right: 15px;padding-left: 15px;color: #ccc;line-height: 30px} .content-bar .info-item a{color: #ccc;text-decoration: none} .content-bar .info-item a:hover{color: #ff6000} .content-bar .info-item .hearted{color: #ff716f} .content-bar .info-item .hearted:hover{color: #f33} .content-bar .meta{padding-left: 0} .content-bar .meta:before{display: none} .content-bar .meta-item{position: relative;display: inline-block;padding: 0 10px;overflow: hidden;vertical-align: top;transition: all .3s ease-out 0s} .content-bar .meta-item:hover{overflow: visible;transition: all .3s ease-out 0s} .content-bar .meta-item:hover .wx-wrap{opacity: 1;filter: alpha(opacity=100);bottom: 40px;transition: all .3s ease-out 0s} .content-bar .meta-item:hover .icon-dashang{background: #ff6000;transition: all .3s ease-out 0s} .content-bar .meta-item:hover .dashang-img{opacity: 1;filter: alpha(opacity=100);bottom: 40px;transition: all .3s ease-out 0s;pointer-events: auto} .content-bar .meta-item.wechat:hover{color: #44b549} .content-bar .meta-item.weibo:hover{color: #e05244} .content-bar .meta-item.qq:hover{color: #22a4ff} .content-bar .icon-dashang{display: inline-block;margin-top: 6px;width: 18px;height: 18px;line-height: 18px;text-align: center;background: #ccc;border-radius: 3px;vertical-align: top;transition: all .3s ease-out 0s} .content-bar .icon-dashang:after{font-style: normal;font-size: 12px;font-weight: 500;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;color: #fff;content: "\8D4F";vertical-align: top} .dashang-img, .wx-wrap{opacity: 0;filter: alpha(opacity=0);position: absolute;z-index: 9999;left: -60px;bottom: 50px;width: 160px;line-height: 1;text-align: center;border: 1px solid #efefef;background: #fff;transition: all .3s ease-out 0s;box-shadow: 0 0 3px 1px rgba(0,0,0,.05);box-sizing: content-box;pointer-events: none} .dashang-img:after, .dashang-img:before, .wx-wrap:after, .wx-wrap:before{position: absolute;left: 50%;bottom: -16px;width: 0;height: 0;margin-left: -8px;line-height: 0;border: 8px solid transparent;border-top-color: #efefef;content: ""} .dashang-img:after, .wx-wrap:after{z-index: 1;bottom: -15px;border-top-color: #fff} .dashang-img canvas, .dashang-img img, .wx-wrap canvas, .wx-wrap img{display: block;width: 100%;height: auto;padding: 10px 10px 0;vertical-align: top} .dashang-img span, .wx-wrap span{display: block;padding-bottom: 10px;color: #999;font-size: 12px;line-height: 1;vertical-align: top} .dashang-img span{width: 160px;display: inline-block} .dashang-img2{width: 330px;font-size: 0;left: -146px} @media (max-width:767px){.dashang-img2{max-width: 100%;width: 300px} .dashang-img2 span{max-width: 50%}} @media (max-width:767px){.dashang-img2:after, .dashang-img2:before{left: auto;right: 25%}} .content-bar-inner{padding: 15px 30px;background: #fff;background: hsla(0,0%,100%,.92);border-top: 1px solid transparent;transition: all .3s ease-out 0s} @media (max-width:767px){.content-bar-inner{padding: 15px 20px}} .content-action{margin-top: 30px;margin-bottom: 30px;text-align: center} @media (max-width:767px){.content-action{position: relative}} .content-action .btn-dashang, .content-action .btn-zan{display: inline-block;padding: 5px 30px;font-size: 16px;line-height: 30px;color: #ff6000;border: 1px solid #ff6000;border-radius: 3px;vertical-align: top} .content-action .btn-dashang:hover,.content-action .btn-zan:hover{color: #fff;background-color: #ff6000;cursor: pointer;border-color: #ff6000} .content-action .btn-dashang i,.content-action .btn-zan i{position: relative} .content-action .btn-dashang{position: relative;z-index: 99;margin-left: 10px;overflow: hidden} @media (max-width:767px){.content-action .btn-dashang{position: static}} .content-action .btn-dashang:hover{overflow: visible;transition: all .3s ease-out 0s} .content-action .btn-dashang:hover .dashang-img{opacity: 1;filter: alpha(opacity=100);bottom: 40px;transition: all .3s ease-out 0s;pointer-events: auto} .content-action .dashang-img{left: 0;margin-left: -27px} @media (max-width:767px){.content-action .dashang-img{margin-left: -16px;left: 50%}} .content-action .dashang-img2{left: 0;margin-left: -111px} @media (max-width:767px){.content-action .dashang-img2{margin-left: -150px;left: 50%}} .content-action-num{font-size: 14px;font-size: 1.16667rem;vertical-align: top} .prenext{margin: 30px 0;overflow: hidden} .prenext-next, .prenext-prev{position: relative;float: left;width: 49%;padding: 60px 15px 10px;color: #fff;background-size: cover;background-position: 50%;border-radius: 3px;overflow: hidden} @media (max-width:767px){.prenext-next, .prenext-prev{width: 100%;margin-bottom: 10px;float: none}} .prenext-next:before, .prenext-prev:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);content: ""} .prenext-next:hover:before, .prenext-prev:hover:before{background: rgba(0,0,0,.7)} .prenext-next a, .prenext-prev a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;color: #fff;font-size: 15px;font-size: 1.25rem} .prenext-next a span, .prenext-prev a span{display: block;padding: 10px 15px 0;height: 50px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2} .prenext-next a:hover, .prenext-prev a:hover{color: #fff;text-decoration: none} .prenext-next .prenext-info, .prenext-prev .prenext-info{position: relative;font-size: 14px;line-height: 16px;overflow: hidden} .prenext-next{float: right} .content-related-title{margin: 30px 0 20px;font-size: 18px;font-size: 1.5rem;font-weight: 500} @media (max-width:991px){body{transition: all .3s ease-out 0s; padding-top:50px}} .wrap{position: relative;margin-top: 20px;} @media (max-width:767px){.wrap{margin-top: 15px;overflow: hidden}} .main{width: 1090px;float: left;transition: all .3s ease-out 0s} @media (max-width:1219px){.main{width: 690px}} @media (max-width:991px){.main{width: 100%;float: none!important}} .main-full{width: 100%;float: none} .sec-panel-head{position: relative;margin-bottom: 15px} .sec-panel-head h1,.sec-panel-head h3{margin: 0;padding: 0;font-size: 18px;line-height: 20px;font-weight: 500;color: #333;border-bottom: 2px solid hsla(0,0%,39%,.1)} .sec-panel-head h1 a, .sec-panel-head h3 a{text-decoration: none} .sec-panel-head h1 span, .sec-panel-head h3 span{position: relative;display: inline-block;padding-bottom: 12px} .sec-panel-head h1 span:before,.sec-panel-head h3 span:before{position: absolute;left: 0;top: 100%;height: 2px;width: 100%;border-radius: 2px;background: #ff6000;content: ""} .sec-panel-head span{color: #ff6000} .sec-panel-head p{ margin-top:20px;} .sec-panel-head p a{ margin-left:10px;} .sec-panel-head small{font-size: .14rem;margin-left: 10px;color: #999;font-weight: 400} @media (max-width:991px){.sec-panel-head small{display: none}} @media (max-width:767px){.M001 .container{padding: 0 8px}} .M001 .sec-panel{background: #fff;border-radius: 5px;} .M001 .sec-panel-head{padding: 0 15px;margin-bottom: 0} @media (max-width:767px){.M001 .sec-panel-head{padding: 0 10px}} .M001 .sec-panel-head h1,.M001 .sec-panel-head h3{line-height: 48px;border-bottom-width: 1px} .M001 .sec-panel-head h1 span, .M001 .sec-panel-head h3 span{padding-bottom: 0;color: #333} .M001 .sec-panel-head h1 span a,.M001 .sec-panel-head h3 span a{color: #333} .M001 .sec-panel-head h1 span a:hover, .M001 .sec-panel-head h3 span a:hover{color: #ff6000} .M001 .sec-panel-head h1 span:before, .M001 .sec-panel-head h3 span:before{display: none} /*边栏开始*/ .sidebar{float: right;width: 300px} @media (max-width:1219px){.sidebar{width: 250px}} @media screen and (max-width:991px){.sidebar{display: none}} .widget_post_thumb ul li{margin: 0;padding: 7px 0 8px;overflow: hidden} .widget_post_thumb ul li:last-child{padding-bottom: 0} .widget_post_thumb ul li:hover img{-webkit-transform: scale(1.03);transform: scale(1.03);transition: all .3s ease-out 0s} .widget_post_thumb ul li:before{display: none} .widget_post_thumb .list-img{float: left;width: 100px;overflow: hidden;border-radius: 3px} .widget_post_thumb .list-img img{width: 100%;height: 63px;vertical-align: top;transition: all .3s ease-out 0s} .widget_post_thumb .list-title{height: 38px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: block;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.4} .widget_post_thumb .item-date{margin: 0;font-size: 12px;color: #999;line-height: 14px} .widget_post_thumb .item-content{margin-left: 110px} .inews{clear:both;} .ichannel{ float:left;margin-bottom: 20px;border-radius: 3px;width: 32%;box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 22%); margin-right:18px;} @media (max-width:767px){.ichannel{ float:none; width:100%; margin-right:0}} .ichannel:nth-child(3n) {margin-right: 0;} span.two-list-date {float: right;color: #999;margin-left: 8px;} li.two-list-title {line-height: 28px;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;position: relative;padding-left: 10px;} .widget ol, .widget ul{list-style: none;margin: 0;padding: 0} .widget ol li, .widget ul li{position: relative;padding: 5px 0 0px 12px} .widget ol li li, .widget ul li li{padding-left: 20px;border-bottom: 0} .widget ol li:before, .widget ul li:before,.newslist li:before{position: absolute;left: 0;top: 13px;content: "";width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 4px solid #ccc} .widget-title{position: relative;margin: 0 0 10px;padding: 0 0 0 12px;font-size: 16px;font-weight: 500;line-height: 1} .widget-title:before{position: absolute;left: 0;top: 0;width: 4px;height: 100%;content: "";background: #ff6000;border-radius: 2px} /*首页幻灯*/ .slider-wrap{margin-bottom: 20px} @media (max-width:767px){.slider-wrap{margin: -15px -8px 15px}} .slider .swiper-wrapper{padding: 0!important;margin: 0!important} .slider .swiper-button-next, .slider .swiper-button-prev{width: 44px;height: 44px;margin-top: -22px;opacity: 0;background: none;transition: all .3s} @media (max-width:991px){.slider .swiper-button-next, .slider .swiper-button-prev{width: 36px;height: 36px;margin-top: -18px;display: none}} .slider .swiper-button-next:before, .slider .swiper-button-prev:before{display: block;width: 100%;height: 100%;background: rgba(0,0,0,.2);border-radius: 50%;content: ""} .slider .swiper-button-next:after, .slider .swiper-button-prev:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");background-size: 10px 18px;background-repeat: no-repeat;background-position: 50%;content: ""} .slider .swiper-button-next:after{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")} .slider .swiper-button-prev{left: -10px} .slider .swiper-button-next{left: auto;right: -10px} .slider:hover .swiper-button-next, .slider:hover .swiper-button-prev{opacity: .7} .slider:hover .swiper-button-next:hover, .slider:hover .swiper-button-prev:hover{opacity: 1} .slider:hover .swiper-button-prev{left: 10px} .slider:hover .swiper-button-next{right: 10px} .slider .swiper-pagination{z-index: 2;height: 6px;font-size: 0} .slider .swiper-pagination span{height: 6px;width: 8px;margin: 0 3px!important;border-radius: 6px!important;background-color: hsla(0,0%,100%,.8);transition: all .3s ease-out 0s;vertical-align: top} .slider .swiper-pagination span:hover{background-color: #ff6000} .slider .swiper-pagination .swiper-pagination-bullet-active{width: 18px;background-color: #ff6000;transition: all .3s ease-out 0s} .slider .swiper-slide{position: relative} .slider .swiper-slide>a{display: block;height: 100%} .slider .swiper-slide img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: all .3s ease-out 0s} .slider .swiper-slide:hover img{-webkit-transform: scale(1.02);transform: scale(1.02);transition: all .3s ease-out 0s} .slider .swiper-slide img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: all .3s ease-out 0s} .slider .slide-title{position: absolute;z-index: 1;width: 100%;bottom: 0;left: 0;padding: 3px 15px 0;margin: 0;font-size: 16px;line-height: 48px;font-weight: 400;color: #fff;box-sizing: border-box;background: #333;background: linear-gradient(180deg, transparent, rgba(0,0,0,.5))} .slider .slide-title a{display: block;color: #fff;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal} .slider .slide-title a:focus, .slider .slide-title a:hover{text-decoration: none} .main-slider{width: 720px;height: 320px;overflow: hidden;direction: ltr;background: #fff;border-radius: 3px} @media (max-width:767px){.main-slider{border-radius: 0}} @media (max-width:1219px){.main-slider{width: 100%;height: auto;float: none!important}} .main-slider .swiper-wrapper{height: 100%} .main-slider .swiper-pagination{width: auto;right: 15px;left: auto;bottom: 21px} /*首页热点新闻*/ .hotnews{width: 257px;padding: 0;margin: 0;list-style: none} @media (max-width:767px){.hotnews{display: none}} .hotnews li{position: relative;height: 150px;margin-bottom: 20px;border-radius: 3px;overflow: hidden;background: #fff} @media (max-width:991px){.hotnews li{width: 32%;margin-right: 2%}} .hotnews li:last-child{margin-bottom: 0} .hotnews li:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);transition: all .3s ease-out 0s} .hotnews a{display: block} .hotnews img{width: 257px;height: 160px;vertical-align: top;transition: all .3s ease-out 0s} .hotnews span{position: absolute;display: block;left: 0;bottom: 0;width: 100%;height: 26px;padding: 0 10px;line-height: 26px;color: #fff;font-size: 12px;background: rgba(0,0,0,.3);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal} @media (max-width:1219px){ .hotnews{width: 100%;margin-top: 20px;margin-right: -15px;overflow: hidden;float: none!important} .hotnews li{width: 220px;height: auto;margin-right: 15px;float: left} .hotnews li:last-child{margin-right: 0} .hotnews img{width: 100%;height: auto} } .container>.slider-wrap .main-slider{width: 860px;height: 400px} @media (max-width:1219px){.container>.slider-wrap .main-slider{width: 690px;height: 328px;float: left!important}} @media (max-width:991px){.container>.slider-wrap .main-slider{width: 100%;height: auto;float: none!important}} .flinks{margin-bottom: -7px; padding:15px;} .flinks a{display: inline-block;margin: 0 15px 12px 0;color: #999;line-height: 1} @media (max-width:991px){.navbar-collapse{background-color: #ff5c00;}} @media (max-width:767px){.content-bar .info-item.share .mobile{background-color: #ff5c00;}} body>header.header .logo img{max-height: 50px;} @media (max-width: 767px){body>header.header .logo img{max-height: 26px;}} .imglist{font-size:0;padding:15px;margin: 0} .imglist li{display:inline-block;width:32%;margin:1%;background:#fff;border-radius:3px;box-shadow:0 0 5px 0 rgba(0,0,0,.1);vertical-align:bottom;transition:all .2s ease-out 0s; height:100%;} .imglist li:hover{box-shadow:0 1px 5px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:all .2s ease-in 0s} .imglist li:hover .item-thumb img{opacity:.9;transition:all .2s ease-in 0s} .imglist li:nth-child(3n+1){margin-left:0} .imglist li:nth-child(3n){margin-right:0} .imglist .list-img{position:relative; overflow:hidden} .imglist .list-img .item-category{position:absolute;left:10px;top:10px;padding:5px 6px;font-size:1rem;line-height:1;color:#fff;background:rgba(0,0,0,.6);border-radius:2px} .imglist .list-img .item-category:hover{color:#fff;} .imglist .item-thumb{display:block} .imglist .item-thumb img{width:100%;height:auto;display:block;transition:all .2s ease-out 0s} .imglist .list-title{margin:0;padding:10px;font-size:0.18rem;font-weight:500} .imglist .list-title a{line-height:1.3;height:26px;color:#333;overflow:hidden;text-overflow:ellipsis;display:block;} .imglist .list-tips{padding:0 10px 10px;line-height:20px;font-size:12px;color:#999;overflow:hidden} @media (max-width:767px){ .imglist li{width:46%;margin:2% !important;} /*.imglist li:nth-child(2n+1){margin-left:0} .imglist li:nth-child(2n){margin-right:0} .imglist li:nth-child(3n+1){margin-left:2%} .imglist li:nth-child(3n){margin-right:2%}*/ .imglist .list-title{font-weight:400;line-height:1.3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;text-decoration:none;} .imglist .list-tips{font-size:10px}} .imglist .list-img:before{padding-top:64.3%;content:"";display:block} .imglist .item-thumb{position:absolute;left:0;top:0;width:100%;height:100%} .imglist .item-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .M001 .newslist{padding: 0 20px;} .widget .content-tag{padding-top:7px;} .widget .content-tag a{width: 30%;margin:0 0 3.3% 3.3%;} .widget .content-tag a:nth-child(3n+1){margin-left: 0;} .widget .content-tag a:nth-child(25),.widget .content-tag a:nth-child(26),.widget .content-tag a:nth-child(27){margin-bottom: 0 !important;} .iconback:before{content: "\e6f0";font-size:58px !important} .meta-item .iconfont{font-size:22px !important} .content-bar .meta-item.qzone:hover{color:#fdbf2f} .iconsousuo{color:#fff;font-size:24px;} .iconguankancishu{vertical-align:bottom;} .mb20{margin-bottom:20px;} @media (max-width:991px){ .navbar-on{transition: all .3s ease-out 0s;position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;-webkit-transform: translateX(80%);transform: translateX(80%)} .navbar-on .navbar-on-shadow{display: block;position: fixed;z-index: 10000000000;width: 100%;height: 100%;left: 0;top: 0;content: "";background: rgba(0,0,0,.3)} .navbar-on{transition: all .3s ease-out 0s;position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;-webkit-transform: translateX(80%);transform: translateX(80%)} .navbar-on .navbar-on-shadow{position: fixed;z-index: 10000000000;width: 100%;height: 100%;left: 0;top: 0;content: "";background: rgba(0,0,0,.3)} .navbar-on .icon-bar{transition: all .3s ease-out .3s;background: #fff!important} .navbar-on .icon-bar-1{margin-bottom: 0;-webkit-transform: rotate(-45deg) translate(-3px, 5px);transform: rotate(-45deg) translate(-3px, 5px)} .navbar-on .icon-bar-2{opacity: 0} .navbar-on .icon-bar-3{-webkit-transform: rotate(45deg) translate(-3px, -5px);transform: rotate(45deg) translate(-3px, -5px)} .navbar-on .navbar-toggle{position: fixed;top: 0;z-index: 1000;right: 100%;background: none!important;border: 0!important;margin-top: 8px;transition: all .3s ease-out 0s} } .M001 .widget{padding: 20px;background: #fff;border-radius: 5px;} .widget-theme{ padding:0px 20px 20px !important} .M001 .widget_image_ad, .M001 .widget_search{padding: 0} .sec-panel-head .more {float: right;font-size: .14rem;font-weight: 400;line-height: 48px;color: #999;transition: all .3s ease-out; padding-left:10px;} .tags_lb ul { display: flex; flex-wrap: wrap; padding: 0 7px; } .tags_lb ul li { line-height: 26px;padding:0 6px;border: 1px solid #ededed; margin: 3px 3px; border-radius:3px;} .spclist{background-color:#fff;padding:20px} .spclist ul{overflow:hidden;font-size:12px;margin-right:-3%;margin-top:-12px} .spclist ul li{float:left;width:97%;margin-right:3%;margin-top:12px} .spclist ul li.s2{width:47%} .spclist ul li.s3{width:30.3333333333%} .spclist ul a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;line-height:34px;border-radius:50px;border:1px solid #e6e6e6;text-align:center; color:#202935} .spclist ul a:hover{color:#fff;border-color:#ff6000;background-color:#ff6000} @media (max-width: 768px){.spclist{width:auto;float:none;margin:15px 0 0;border-radius:0} .spclist ul a{border:none;background-color:#f9f9f9;line-height:34px}}@media (max-width: 544px){.spclist{padding:20px 15px} .spclist .mo-title{margin-bottom:10px}} .site-search{float:right;margin-top:16px;width:180px} .site-search form{position:relative} .site-search .iconsousuo{position:absolute;top:50%;left:10px;margin-top:-13px;color:#888} .site-search input{border:none;border-radius:50px;background-color:#efefef;color:#888;font-size:13px;padding:0 10px 1px 32px;height:28px;outline:none;width:100%} .site-search input:focus{background-color:#efefef} .wel-sign{position:relative;float:right;margin-top:13px; margin-left:15px;} .wel-sign:before,.wel-sign:after{display:table;content:"";line-height:0} .wel-sign:after{clear:both} .wel-sign .wel-item{position:relative;float:left;margin-left:5px} /*付费阅读*/ .paywall { position: relative; text-align: center; margin-top: 30px; } .paywall .buysum { position: absolute; left: 5px; top: 30px; color: #999 !important; font-size: 12px; opacity: .7; } .paywall .paywall-mask { bottom: 120px; display: block; height: 120px; position: relative; width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #fff 80%); background-repeat: repeat-x;margin-bottom: -100px; } .paywall .paywall-lock { border-top: 1px dashed #ddd; position: relative; } .paywall .icon-suo { background: #fff; display: block; height: 24px; left: 50%; margin-left: -25px; position: absolute; top: -12px; width: 50px; } .paywall .paywall-box { font-size: 14px; border: 1px dashed #ffc107; background: #fff; margin-bottom: 15px; margin-top: 10px;border: 0px; padding: 20px 0;} .paywall .paywall-link-box div:not(:first-child) { display: inline-block; margin: 10px 5px 5px; } ul.hots{padding:5px 0 0 25px;} ul.hots li{padding:7px 0 0px; margin-top:0} ul.hots li .tit{position:relative;line-height:24px;} ul.hots li .tit .nums{position:absolute;left:-29px;top:5px;width:20px;height:14px;background:#e6f1fb;line-height:14px;text-align:center;color:#06c;font-size:12px;border-radius:2px} ul.hots li .tit h4{text-align:justify; font-weight:normal} ul.hots li .tit h4 a{display:inline-block;height:48px;line-height:24px;overflow:hidden;-webkit-line-clamp:2;} ul.hots li .tit h4 span.hotchange{height:18px;line-height:18px;display:inline-block;margin-left:7px;color:#999;font-size:12px;background:#f5f5f5;border-radius:2px;padding:0 6px} ul.twoline li{ max-height:48px; overflow:hidden; line-height:24px; display:block} ul.twoline li a{ line-height:24px;} /*kefu*/ .contact{top: 50%;z-index: 10;padding-bottom: 5px;width: 120px;background-color: #fff;box-shadow: 0 0 4px rgba(0, 0, 0, .2);position: fixed;right: 5px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .contact.left-contact{border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .contact.right-contact{border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .contact-pic{width: 60px;height: 60px;margin-top: -32px;box-shadow: 0 5px 10px rgba(0,0,0,0.2);background: #fff url(//www.zhimatong.com/kefu/qq.png) no-repeat center;background-size: contain;border-radius: 50%;display: block;margin-left: auto;margin-right: auto;-webkit-transition: .2s;-o-transition: .2s;transition: .2s;} .contact-pic:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.25);-webkit-transform: translate3d(0,-3px,0);transform: translate3d(0,-3px,0);} .contact-time{margin-top: 10px;margin-bottom: 10px;font-size: 12px;color: #aaa;} .contact-list{margin: 0;padding: 0} .contact-list>li{margin-bottom: 10px;text-align: center;list-style: none;margin-left: 0;} .contact-list>li>a{display: inline-block;width: 100px;height: 30px;line-height: 30px;font-size: 14px;text-align: center;color: #fff;background-color: #333;border-radius: 2px;-webkit-transition: .2s;-o-transition: .2s;transition: .2s;} .contact-list>li>a:hover{opacity: .9;} .contact-list>li:first-child>a{background: #1e9fff;} .contact-list>li>a>img{position: relative;top: 3px;display: inline-block;width: 13px;margin-right: 5px;} .contact-wechat{width: 120px;height: 120px;} .wechat-text{font-size: 12px;color: #aaa;margin-bottom: 5px;} .text-center{ text-align:center} /**/ /*muban 2022.03.11*/ .tpllist{width: calc(100% + 20px);width: -moz-calc(100% + 20px);width: -webkit-calc(100% + 20px);display:inline-block;} .tpllist li{position:relative;float:left;width: calc((100% - 80px) / 3);width: -moz-calc((100% - 80px) / 3);width: -webkit-calc((100% - 80px) / 3);height:400px;margin-right:20px;padding:10px; padding-bottom:40px;} .tpllist li .pc-img{position:relative;height:100%;overflow:hidden;} .tpllist li .pc-img img{width:100%;position:relative;left:0;top:0;transition: top 6s;-moz-transition: top 6s;-webkit-transition: top 6s;-o-transition: top 6s;} @media screen and (max-width: 640px){ .tpllist{width:100%;} .tpllist li{margin-right:0;width: calc(100% - 20px);width: -moz-calc(100% - 20px);width: -webkit-calc(100% - 20px);} } @media screen and (max-width: 500px){ .tpllist li{margin-bottom:20px;} } /*代码修饰器*/ .site-demo-fengjie{-webkit-animation-name: demo-fengjie;animation-name: demo-fengjie;-webkit-animation-duration: 5s;animation-duration: 5s;} .layui-layout-admin .site-demo-body{top: 106px;} .site-demo-title{position: fixed;left: 200px;right: 0;top: 60px;padding-top: 5px;z-index: 997;background: #fff;} .site-demo-code{position: fixed;left: 0;right: 0;top: 107px;bottom: 60px;width: 100%;min-height: 50%;border: none;padding: 10px 10px 10px 210px;resize: none;font-size: 12px;background-color: #F7FBFF;color: #881280;font-family: Courier New;box-sizing: border-box;} .site-demo-overflow{overflow-x: hidden;} @media screen and (max-width: 992px){.site-menu{position: fixed;top: 0;bottom: 0;min-height: 0;overflow-y: auto;overflow-x: hidden;z-index: 1000;left: -300px;background-color: #fff;transition: all .3s;} .site-tree-mobile{display: block!important;position: fixed;z-index: 16666669;bottom: 15px;left: 15px;width: 50px;height: 50px;line-height: 50px;border-radius: 2px;text-align: center;background-color: #00A4FF;color: #fff;} .site-home .site-tree-mobile{display: none!important;} .site-mobile .site-tree-mobile{display: none !important;} .site-mobile .site-menu{left: 0;} .site-mobile .site-mobile-shade{content: '';position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.8);z-index: 999;} .site-tree-mobile i{font-size: 20px;} .layui-main{width: auto;margin: 0 10px;} .component{display: none} .site-notice{left: 135px;} .header .layui-nav-child{left: auto!important;right: 0!important;} .site-demo-overflow{overflow: auto;} .site-hengfu img{max-width: 100%} .site-block .layui-form{margin-right: 0;} .layui-layer-dir{display: none;} .site-content{width: 100%;padding: 0;overflow: auto;} .site-content img{max-width: 100%;} .layui-code-view{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .layui-layout-admin .layui-side{position: fixed;top: 0;left: -260px;transition: all .3s;-webkit-transition: all .3s;z-index: 10000;} .layui-body{position: static;bottom: 0;left: 0;} .site-mobile .layui-side{left: 0;} .site-mobile .layui-side-child{top: 50%;left: 200px;height: 300px;margin-top: -100px;} .site-demo-area, .site-demo-editor, .site-demo-result, .site-demo-editor textarea, .site-demo-result iframe{position: static;width: 100%;} .site-demo-editor textarea{height: 350px;} .site-demo-zanzhu{display: none;} .site-demo-btn{bottom: auto;top: 370px;} .site-demo-result iframe{height: 500px;} .site-demo-laytpl textarea, .site-demo-laytpl div span{margin: 0;} .site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .layui-layout-admin .header-demo{position: static;} .site-demo-title{position: static;left: 0;} body .layui-layout-admin .site-demo{position: static;} .site-demo-code{position: static;height: 350px;padding-left: 10px;}} .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .hd-leader{padding:60px 0;text-align:center} .hd-leader h1,.hd-leader h2{margin:0;font-weight:bold;font-size:30px} .hd-leader h3{margin:12px 0 0;font-weight:normal;font-size:16px;line-height:1.5;color:#666} @media (max-width: 1024px){.hd-leader{margin-bottom:15px;padding:25px 0;background-color:#fff} .hd-leader h1,.hd-leader h2{font-size:18px;font-weight:bold} .hd-leader h3{margin-top:5px;font-size:14px;line-height:1.4;color:#999} } .itemdo-form{/*position:relative;*/background-color:#fff;border-radius:8px;padding:20px 80px;margin:0 auto;} .itemdo-form img{ margin:0 auto; text-align:center; display:block} .itemdo-form-item{margin-bottom:20px} .itemdo-form-item:before,.itemdo-form-item:after{display:table;content:"";line-height:0} .itemdo-form-item:after{clear:both} .itemdo-form-item:last-child{margin-bottom:0} .itemdo-form-item h4{font-size:14px;font-weight:600} .itemdo-form-item .ipt{border-radius:4px;border-color:#eee;background-color:#fdfdfd} .itemdo-form-item .ipt:focus{border-color:#00A4FF} .itemdo-form-item .btn{border-radius:4px} @media (max-width: 768px){ .itemdo-form{max-width:auto;margin-left:-15px;margin-right:-15px;padding:15px 15px;border-radius:0} .itemdo-form-item h4{float:none;width:auto;margin-left:0;text-align:left;font-size:12px;line-height:1.4;margin-bottom:5px} .itemdo-form-step{font-size:12px;padding:15px} } .itemdo-form-step{color:#999;text-align:center;margin-top:30px} .ipt{display:block;width:100%;padding:7.5px 10px;font-size:14px;line-height:1.5;color:#343a3c;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0.1rem} .ipt::-ms-expand{background-color:transparent;border:0} .ipt:focus{border-color:rgba(0,164,255,0.7);box-shadow:0 0 5px rgba(0,164,255,0.4);outline:none} .ipt::placeholder{color:#999;opacity:1} .ipt:disabled,.ipt[readonly]{background-color:#eceeef;opacity:1} .ipt:disabled{cursor:not-allowed} .ipt-file,.ipt-range{display:block} .ipt-label{padding:0.375rem 0.75rem;margin-bottom:0} .noshow{ display:none} /* * ------------------------------------------------------------------------------ * 源码 * ------------------------------------------------------------------------------ */ /* 手机端 */ @media only screen and (max-width:768px){.bannerL{width:auto!important;padding:20px!important;margin:0!important} .bannerMid{width:100%!important} .shop_sall .custom{width:100%!important}} /*下载模块*/ .shop_info{background:#fff;position:relative;margin-bottom:20px !important;border-radius:4px} .shop_info li{list-style:none} .shop_info .priceBtn .shop-vip{display: inline-block; color: #ff2a00; font-weight: 400; font-size: 13px; margin-left: 10px;} .shop_info .priceBtn .shop-vip i{margin-right: 3px;} .shop_info .priceBtn .shop-vip a{margin-left: 5px;} .shop_info .priceBtn .sellP #priceinfo{margin-right: 3px;} .bannerL{width:24.3%;max-height:378px;overflow:hidden;float:left;margin:20px 20px 0 20px;font-size:0} .course-img{overflow:hidden;height:280px} .risktips .icons{background:url(img/focus2018.png) no-repeat;background-position-x:0%;background-position-y:0%} .risktips{border:solid 1px #ff8400;padding:3px 8px;color:#ff8400;overflow:hidden;margin-top:10px;line-height:18px;font-size:12px} .risktips .icons{font-size:12px;background-position:-309px -67px;width:16px;display:inline-block;vertical-align:bottom;height:18px;font-weight:700} .risktips span a{color:#ff8400} .risktips i{font-size:13px;margin-right:5px} .descp{line-height:25px;padding:10px;height:25px;border-bottom:1px solid #e7e7e7;color:#ababab} .collectRow{overflow:hidden;padding:8px 5px;text-align:center;background:#f1f3f4} .collectRow span{font-size:12px;color:#999999;height:auto;width:auto;margin-right:35px} .collectRow span i{font-size:15px;margin-right:4px;vertical-align:middle} .bannerMid{float:left;width:47.36%;margin-left:0px;padding:15px 10px 15px 10px} .midTitle{width:100%;margin-top:5px} .midTitle .single-vip{margin-right:0} .midTitle h1{font-size:22px;color:#464646} .superiority{font-size:14px;color:#a2a2a2} .line0{width:77px;height:1px;background:#e7e7e7;margin:16px 0} .promiseNet{overflow:hidden} .promiseNet li{float:left;padding:4px 8px;border:1px solid #e2e2e2;border-radius:15px;color:#717171;margin-right:10px;cursor:default} .sellP{font-size:13px;color:#ec1c2b} .sellP em{font-size:13px;color:#ec1c2b;font-style:normal;font-weight:500} .sellP #priceinfo{font-size:22px;color:#ec1c2b;font-weight:bold} .sellP .taocan{display: inline-block; color: #8590a6; font-weight: 400; font-size: 13px; margin-left: 10px;} .marketPrice{font-size:14px;color:#787878} .icon1{display:inline-block;width:72px;height:22px;box-sizing:border-box;padding-left:14px;background:url('img/pinkFrame.png') no-repeat center;font-size:12px;color:#fff;position:relative;top:-6px} .bannerMid a.makeFunc,.bannerMid a.needSay,a.shopcustom,a.conMake{display:inline-block;width:120px;height:36px;background:linear-gradient(-125deg,#f90202 0%,#fd2f44 100%);border-radius:4px;color:#fff;text-align:center;line-height:36px;font-size:15px;border:1px solid #0000;-webkit-transition-property:background-color;-webkit-transition-duration:.3s;-webkit-transition-timing-function:linear} .bannerMid a.makeFunc:hover{height:34px;color:#eb0c1c;border:1px solid #eb0c1c;background:#fff0;line-height:34px} .bannerMid a.seeDetail{background:#7270f3;margin-left:8px} .bannerMid a.seeDetail:hover{color:#7270f3;border:1px solid #7270f3;background:#fff0;} .bannerMid a.needSay{background:#ff8400;margin-left:8px} .bannerMid a.needSay:hover{color:#ff8400;border:1px solid #ff8400;background:#fff0;height:34px;line-height:34px} .bannerMid a.shopcustom{background:#333333;margin-left:8px} .bannerMid a.shopcustom:hover{color:#333333;border:1px solid #333333;background:#fff0;height:34px;line-height:34px} .bannerMid .time{height:30px;color:#9a9a9a;line-height:30px;margin-top:10px} .fl{float:left} /* * ------------------------------------------------------------------------------ * 商城内页样式 * ------------------------------------------------------------------------------ */ .single-tese{display:inline-block} /*热门标签*/ .single-tese .tese-remen{display:inline-block;background:#ffa03f;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)} .single-tese .tese-remen span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#ffa03f;font-size:14px} /*独家标签*/ .single-tese .tese-dujia{display:inline-block;background:#5962f1;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%);font-weight:400} .single-tese .tese-dujia span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#5962f1;font-size:14px} /*最新标签*/ .single-tese .tese-zuixin{display:inline-block;background:#1cc751;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)} .single-tese .tese-zuixin span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#1cc751;font-size:14px} /*推荐标签*/ .single-tese .tese-tuijian{display:inline-block;background:#e10dfb;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)} .single-tese .tese-tuijian span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#e10dfb;font-size:14px} /*精品标签*/ .single-tese .tese-jingpin{display:inline-block;background:#ff0000;border-radius:14px;height:28px;font-size:12px;color:#ffffff;position:relative;padding-left:30px;padding-right:10px;line-height:28px;overflow:hidden;border:0px solid #fff;transform:translateY(18%)} .single-tese .tese-jingpin span{display:block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;left:5px;top:4px;overflow:hidden;background:#ffffff;color:#ff0000;font-size:14px} /*内页商标签*/ .single-shang{transform:none;position:relative;display:inline-block;margin-right:2px;width:24px;height:29px;text-align:center;-webkit-border-radius:2px;border-radius:2px;line-height:1.4;font-size:22px;transform:translateY(18%);background:url(img/shang-title.png);background-size:100% 100%} /*内页VIP标签*/ .single-vip{transform:none;position:relative;display:inline-block;margin-right:8px;width:24px;height:29px;text-align:center;-webkit-border-radius:2px;border-radius:2px;line-height:1.4;font-size:22px;transform:translateY(18%);background:url(img/vip-title.png);background-size:100% 100%} /*2023*/ .custom{width:17%;background:#f4faff;border:1px solid #e9ecf3;float:right;text-align:center;margin:20px 20px 0 0;padding:0 30px;position:relative !important} .custom:before{content:'';position:absolute;left:0;top:0;opacity:.3;background-image:-webkit-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);background-image:-o-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);background-image:linear-gradient(44deg,#b5dfff 48%,#f4faff 91%);width:60px;height:76px;-webkit-border-radius:0 0 100% 0;border-radius:0 0 100% 0} .clearfix{ clear: both} .cuxiao_info{padding:5px 0 7px;border-bottom:1px dotted #d6d6d6;clear:both;font: 12px "Verdana","Simsun";color: #646464;} .cuxiao_info .right{float:left;width:562px;_width:550px;color:#646464} .cuxiao_info .right b{float:left;background-color:#f66;color:#fff;font-weight:normal;padding:0 6px;height:16px;line-height:16px;line-height:16px\0;*line-height:16px;border-radius:3px;margin-top:5px;overflow:hidden} .cuxiao_info .right a{display:inline-block} .cuxiao_info .right a.alink{font-family:"simsun";color:#969696} .cuxiao_info .right .text{margin-right:10px} .cuxiao_info .right .red{color:#ff2832;padding-left:3px} .cuxiao_info .right .list_e{float:left;width:460px} .cuxiao_info .right .list_e li{position:relative;height:24px} .cuxiao_info .right .jia_gou_e,.cuxiao_info .right .jia_gou_e:hover{border:1px dotted #d7d7d7;color:#646464;height:22px;font:12px/22px "Verdana","simsun";padding:0 8px 0 18px;text-decoration:none;position:absolute;top:0;left:0;overflow:hidden} .cuxiao_info .right .jia_gou_e:hover{border:1px solid #ff7d82} .choose_xilie{border-bottom:0;padding:5px 0 0} .choose_xilie .right .list_e li{height:auto} .choose_xilie .right .list_e{width:562px} .choose_xilie .right .list_e{width:542px} .choose_xilie .right .jia_gou_e,.choose_xilie .right .jia_gou_e:hover{padding:0 8px;position:relative;float:left;margin:0 5px 5px 1px;border:1px solid #ccc;*display:inline;*zoom:1;*float:none} .choose_xilie .right .jia_gou_e:hover{border:1px solid #ff7d82 !important} .choose_xilie .right .jia_gou_e span{display:block;white-space:nowrap;zoom:1} .choose_xilie .right .chosen,.choose_xilie .right .chosen:hover{border:1px solid #ff7d82;*border:1px solid #ff7d82;} .choose_xilie .right .list_c li,.choose_xilie .right .list_r li,.choose_xilie .right .list_e li{*float:left} .cuxiao_info .left{float: left;width: 68px;color: #969696;white-space: nowrap;overflow: hidden;font: 12px "Verdana","Simsun";} /*商城模块1点赞收藏*/ .shop_info_dzsc{display:block;font-size:12px;color:#666f80;text-align:center;position:absolute;right:0;bottom:0} .shop_info_dzsc .change-color{padding:3px 10px;border-radius:4px;color:#ff5473 !important;background-color:rgba(255,84,115,.1);margin-right:10px !important;font-size:12px;background:rgba(255,84,115,.1);box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)} .shop_info_dzsc .change-color-sc{padding:3px 10px;border-radius:4px;color:#0084ff !important;background:rgba(0,132,255,.1);font-size:12px;box-shadow:0 5px 10px 0 rgb(16 110 253 / 0%)} /**/ .main_info_price{margin-top:20px;display:flex} .main_info_price_l{height:57px;line-height:50px;width:210px;text-align:center;background-color:#FFEFE9;margin-right:8px;color:#999999;font-size:12px;position:relative} .main_info_price_l span{color:#FF7726;font-size:14px;font-weight:bold} .main_info_price_l i{font-size:24px;font-style:normal} .main_info_price_r{width:100%;height:57px;line-height:57px;color:#ffffff;font-size:18px;padding-left:24px;position:relative} .collection{position:absolute;right:24px;top:17px;font-size:12px;width:80px;height:24px;line-height:24px;text-align:center;border:1px solid #ffffff;cursor:pointer} .collection a{color:#fff} .collection i{margin-right:3px} .collection img{margin-top:-5px} /*服务模块*/ .main_info_tb{background-color:#FAFBFD;font-size:14px;margin:16px 0;display:flex;flex-wrap:wrap} .main_info_tb_items{height:50px;padding:0 8px 0 22px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .main_info_tb_items i{margin-right:3px;color:#007cef!important} .main_info_tb_item{height:50px;padding:0 9px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .main_info_tb_item .left_title{color:#999999} .main_info_tb_item .left_title::before{content:'';border-radius:50%;display:inline-block;width:5px;height:5px;margin-right:4px;background-color:#2E68E9;transform:translate(0,-50%)} .shop-mall-sc{margin-top:13px;color:#999 !important} .shop-mall-sc a{margin-top:5px;color:#999 !important} .shop-mall-sc i{margin-top:5px;color:#999 !important} .mr20{margin-right:20px !important} .main_info_top_item{margin-right:10px;font-size:12px;border:1px solid #f0f1f5} .main_info_top_item2{margin-right:0px;font-size:12px;border:1px solid #f0f1f5} .item_titles{height:22px;line-height:22px;padding:0 7px;color:#999999;background-color:#F8F9FC;border-right:1px solid #f0f1f5} .item_title{height:22px;line-height:22px;padding:0 20px;color:#999999;background-color:#F8F9FC;border-right:1px solid #f0f1f5} .item_content1{display:inline-block;height:22px;line-height:22px;padding:0 7px;color:#333333;width:118px} .item_content2{display:inline-block;height:22px;line-height:22px;padding:0 7px;color:#333333;width:57px} .main_info_top_b{display:flex;margin-top:10px} .consulting{width:110px;height:32px;line-height:32px;text-align:center;border:1px solid #0274ff;color:#0274ff !important;font-size:14px;border-radius:3px;transform: translateY(-7px);cursor:pointer} .consulting:hover{background:#0274ff;border:1px solid #0274ff;color:#fff !important} .consulting a{font-size:14px !important;color:#0274ff !important} .consulting a:hover{color:#fff !important} .consultingshop{padding-left:0;} /*服务*/ .hd-leader{padding:60px 0;text-align:center} .hd-leader h1,.hd-leader h2{margin:0;font-weight:bold;font-size:30px} .hd-leader h3{margin:12px 0 0;font-weight:normal;font-size:16px;line-height:1.5;color:#666} @media (max-width: 1024px){.hd-leader{margin-bottom:15px;padding:25px 0;background-color:#fff} .hd-leader h1,.hd-leader h2{font-size:18px;font-weight:bold} .hd-leader h3{margin-top:5px;font-size:14px;line-height:1.4;color:#999} } .itemsbox{margin-bottom:50px} .itemsbox:before,.itemsbox:after{display:table;content:"";line-height:0} .itemsbox:after{clear:both} .itemsbox ul{margin-right:-1.5%} .itemsbox ul li{text-align:center;float:left;vertical-align:top;width:31.8333333333%;margin-right:1.5%;margin-bottom:1.5%;background-color:#fff;border-radius:8px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:50px 20px} .itemsbox ul li:hover{z-index:2;box-shadow:0 8px 20px rgba(0,0,0,.1)} .itemsbox ul li .iconfont{font-size:60px;font-weight:200;margin-bottom:15px} .itemsbox ul li h2{font-size:18px;font-weight:bold;margin:0 0 10px} .itemsbox ul li h3{margin:0 0 15px;color:#bbb;overflow:hidden;height:38px;font-size:14px;line-height:1.4} @media(max-width: 768px){.itemsbox ul li{width:31.8333333333%}} @media(max-width: 544px){.itemsbox{margin:0} .itemsbox ul{margin-right:0} .itemsbox ul li{width:100%;margin-right:0;margin-bottom:15px;padding:40px 20px} .itemsbox ul li .iconfont{display:none} .itemsbox ul li h2{font-size:16px} .itemsbox ul li h3{height:auto}} #btn-like{border:1px solid #ccc;border-radius:6px;background-color:#fff;padding:0px 5px;cursor:pointer;color:#666;display:block; margin:0 auto; text-align:center} #btn-like i{color:#ea8496} .ask_title span{font-size:14px;line-height:20px;color:#fff;background-color:#FF9900;height:20px;width:20px;float:left;border-radius:5px;text-align:center; margin-right:8px;} .ask_huidatxt{font-size:16px;line-height:35px;font-weight:bold;color:#333333;height:35px;padding-top:10px;padding-bottom:15px} .asklc{padding-top:15px;} .asklc_td{width:100%;display:inline-block} .asklc_td i{display:block;float:left;height:42px;width:42px;margin-right:15px; font-size:45px;line-height:42px; color:#ff6000} .txnc_ask{width:70%;float:left} .txnc_ask p.name{font-size:14px;line-height:22px;font-weight:bold;color:#000;display:block;margin:0px;padding:0px;width:610px} .txnc_ask p.time{font-size:12px;line-height:20px;font-weight:normal;color:#999;display:block;margin:0px;padding:0px;width:610px} .asklc_jibie{float:right;width:120px} .asklc_jibie span{font-size:14px;line-height:20px;color:#1bc363;background-color:#eafaf1;height:20px;width:80%;border-radius:5px;float:left;text-align:center;margin-top:6px;margin-right:12px;margin-bottom:12px;margin-left:12px} .askhdnr{color:#333;background-color:#f5f5f5;border-radius:15px;padding:15px 20px;margin-bottom:15px;} #zmtCmenu{display:none;width:240px;font-size:14px;font-family:"Microsoft YaHei", "STHeiti Light", "Trebuchet MS", Tahoma, Arial, sans-serif;border:1px #ddd solid;box-shadow:2px 2px 2px #999;position:absolute;padding:4px 0;background:#fff;z-index:99999;} #zmtCmenu a, #zmtCmenu span{position:relative;display:block;line-height:24px;margin:1px 0;color:#333;font-size:inherit;padding:0 20px;background:none;border:0;text-shadow:none;text-decoration:none;cursor:default;transition:none;} #zmtCmenu a:hover, #zmtCmenu span:hover{background:rgba(0,0,0,.18);} #zmtCmenu a em, #zmtCmenu a i, #zmtCmenu span em, #zmtCmenu span i{font-style:normal;} #zmtCmenu a i, #zmtCmenu span i{position:absolute;top:0;right:20px;font-size:12px;opacity:.8;} #zmtCmenu .e-cm-wrap:after{content:'';display:block;height:0;margin:4px 0 3px;border:0;border-top:1px #ddd solid;border-bottom:1px #fdfdfd solid;} #zmtCmenu .e-disabled{color:#bbb;} #zmtCmenu .e-disabled:hover{background:none;} #zmtCmenu .e-hide{display:none;} @media (min-width: 1330px){ html { font-size: 5.20833333vw; } } html { font-size: 100px; } .thumb{display:block;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;width:100%;height:0} .thumb{background-position:left center} @media (min-width:768px){.a_dim{display:block;position:relative} .a_dim::after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.2);background-image:none;position:absolute;left:0;right:0;top:0;visibility:hidden;opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .a_dim:hover::after{visibility:visible;opacity:1}} .tuwen_link a{font-size:16px;display:block;background-color:#fafafa;padding:.625em;-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;border:none} @media (min-width:1920px){.tuwen_link a{font-size:.83333333vw}}@media (min-width:768px){.tuwen_link a{padding:1.5em}}.tuwen_link .item_wrap{display:block;position:relative;padding-left:70px;min-height:38px} @media (min-width:768px){.tuwen_link .item_wrap{padding-left:140px}}@media (min-width:1920px){.tuwen_link .item_wrap{padding-left:1.4rem}}@media (min-width:768px){.tuwen_link .item_wrap{min-height:76px}}@media (min-width:1920px){.tuwen_link .item_wrap{min-height:.76rem}}.tuwen_link .item_thumb{position:absolute;left:0;top:0;width:60px} @media (min-width:768px){.tuwen_link .item_thumb{width:120px}}@media (min-width:1920px){.tuwen_link .item_thumb{width:1.2rem}}.tuwen_link .item_thumb .thumb{padding-top:63.6363%;-webkit-border-radius:.1875em;-moz-border-radius:.1875em;border-radius:.1875em;background-position:left center;overflow:hidden} .tuwen_link .group-images-pos-top .component-img img{-o-object-position:center top;object-position:center top} .tuwen_link .group-images-pos-top .thumb{background-position:center top} .tuwen_link .group-images-pos-bottom .component-img img{-o-object-position:center bottom;object-position:center bottom} .tuwen_link .group-images-pos-bottom .thumb{background-position:center bottom} .tuwen_link .group-images-pos-center .component-img img{-o-object-position:center;object-position:center} .tuwen_link .group-images-pos-center .thumb{background-position:center} .tuwen_link .item_main{position:relative;padding-right:70px;font-size:81.25%;padding-top:0;color:#888} @media (min-width:768px){.tuwen_link .item_main{padding-right:120px}}@media (min-width:1920px){.tuwen_link .item_main{padding-right:6.25vw}}@media (min-width:768px){.tuwen_link .item_main{padding-top:.04rem}}.tuwen_link .item_main .btn{position:absolute;right:0;top:5px;font-size:92.30769231%;padding:0 .5em;display:block} @media (min-width:1330px){.tuwen_link .item_main .btn{top:50%}}@media (min-width:1920px){.tuwen_link .item_main .btn{top:.9375vw}}@media (min-width:768px){.tuwen_link .item_main .btn{font-size:inherit}}@media (min-width:768px){.tuwen_link .item_main .btn{padding:0 1em}}@media (min-width:1024px){.tuwen_link .item_main .btn{display:none}}@media (min-width:1330px){.tuwen_link .item_main .btn{display:block}}@media (min-width:1330px) and (max-width:1919px){.tuwen_link .item_main .btn{margin-top:-1.2em}}.tuwen_link .item_main .btn i{font-style:normal;display:none} @media (min-width:768px){.tuwen_link .item_main .btn i{display:inline}}.tuwen_link .item_main h2{font-size:107.69230769%;color:#333;line-height:1.4;height:2.8em;overflow:hidden;font-weight:normal;margin-bottom:0} @media (min-width:768px){.tuwen_link .item_main h2{font-size:123.07692308%}}@media (min-width:768px){.tuwen_link .item_main h2{line-height:1.1}}@media (min-width:768px){.tuwen_link .item_main h2{height:1.1em}}@media (min-width:768px){.tuwen_link .item_main h2{font-weight:bold}}@media (min-width:768px){.tuwen_link .item_main h2{margin-bottom:.625em}}.tuwen_link .item_main h2:hover{color:#ff6000} .tuwen_link .item_main p{display:none;line-height:1.7;height:3.4em;overflow:hidden;margin-bottom:0} @media (min-width:768px){.tuwen_link .item_main p{display:block}} .item_main,.item_main p{ margin-bottom:0 !important} .theme-item-focus{margin-bottom:20px; margin-top:20px;overflow:hidden;position:relative;background-color:#fff;padding:20px;border-radius: 8px;} .theme-item-sidebar{float:left;width:34%;position:relative} .theme-item-fcontent{float:left;width:63%;margin-left:3%} .theme-item-fcontent h1{margin:0 0;font-size:24px;font-weight:bold} .theme-item-fcontent h3{margin:10px 0 0;font-size:14px;line-height:1.5;text-align:justify;font-weight:bold} .theme-item-fcontent h4{margin:10px 0 0;font-size:12px;display:inline-block;color:#00a4ff} .theme-item-image{position:relative;border:1px solid #eee;border-radius:8px;display:flex;justify-content:center;text-align:center;height:386px; overflow:hidden} .theme-item-preview{position:relative;margin-top:15px;bottom:-15px;color: #00a4ff;border-color: #00a4ff !important;} .theme-item-preview:hover{ background-color: #00a4ff !important;} @media(max-width: 1024px){.theme-item-preview{margin-top:20px;bottom:0}} .theme-item-counter{float:right;margin-top:5px;color:#bbb;font-size:12px} .theme-item-price{margin:20px 0;padding:15px 0;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd} .theme-item-price h5{font-size:14px;color:#00a4ff;line-height:30px;margin:0;font-weight:bold} .theme-item-price strong{float:right;font-size:30px;line-height:1;color:#00a4ff} .theme-item-price strong dfn{font-weight:bold;font-style:normal;font-size:16px;position:relative;top:-4px;margin-right:7px} .theme-item-orderarea{font-size:0} .theme-item-orderarea .btn{margin-right:10px} .theme-item-sidebox{position:absolute;top:0;left:10px;width:370px} .theme-item-contentbox{margin-left:390px;min-height:700px;background-color:#fff} .theme-item-menubar{position:relative;z-index:9;background-color:#fff;font-size:18px;border-radius:8px 8px 0 0;padding-top:15px;font-weight:bold} .theme-item-menubar .container{padding:0; width:100%;} .theme-item-menubar.affix{position:fixed;top:62px;left:0;right:0;border-radius:0;height:60px;padding-top:0;box-shadow:1px 1px 10px 0px rgba(0,0,0,.05)} .theme-item-menubar.affix .container{padding:0 15px} .theme-item-menubar.affix h2{display:block;float:left;width:370px;font-weight:bold;font-size:18px;line-height:60px;margin:0;position:relative;padding-left:20px} .theme-item-menubar.affix h2:before{content:"";position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:4px;border-radius:10px;background-color:#00a4ff} .theme-item-menubar.affix .btn{position:absolute;right:15px;top:11px;display:block} .theme-item-menubar.affix ul li{height:60px;line-height:60px;padding-top:0;padding-bottom:0;font-weight:normal !important} .theme-item-menubar.affix ul li.active::after{bottom:0} .theme-item-menubar .btn{display:none} .theme-item-menubar h2{display:none} .theme-item-menubar ul:before,.theme-item-menubar ul:after{display:table;content:"";line-height:0} .theme-item-menubar ul:after{clear:both} .theme-item-menubar ul li{cursor:pointer;float:left;position:relative;line-height:1;padding:20px 30px;margin-left:10px} .theme-item-menubar ul li:hover{color:#00a4ff} .theme-item-menubar ul li.active{color:#00a4ff;font-weight:bold} .theme-item-menubar ul li.active::after{content:"";position:absolute;bottom:6px;left:50%;margin-left:-12px;width:24px;height:4px;border-radius:10px;background-color:#00a4ff} .theme-item-intro{background-color:#fff;border-radius:8px;padding:30px 30px 30px 0;margin-bottom:20px} .theme-item-intro.affix{z-index:6;width:350px;top:148px} .theme-item-intro dl{padding-left:115px;clear:both} .theme-item-intro dl.col2{float:left;width:50%;clear:none} .theme-item-intro dt{float:left;margin-left:-115px;width:115px;font-weight:normal;color:#999;text-align:right} .theme-item-intro dd{margin-bottom:0} .theme-itembox center{text-align:center;line-height:2;font-size:16px;margin:30px 0} @media(max-width: 768px){.theme-itembox center{margin:20px 0;font-size:14px;text-align:left}}.theme-itembox table{font-size:12px;border-top:solid 1px #f0f0f0;border-left:solid 1px #f0f0f0;width:100%;margin-bottom:25px} .theme-itembox table th{background-color:#fbfbfb;text-align:center} .theme-itembox table td,.theme-itembox table th{border-bottom:solid 1px #f0f0f0;border-right:solid 1px #f0f0f0;padding:6px 12px} .theme-item-functions{background-color:#fff;border-radius:8px;padding:0 40px 0px;margin-bottom:20px;line-height:1.5;overflow:hidden} .theme-item-functions h2{margin:10px 0 0;font-size:22px;text-align:center;font-weight:bold;position:relative} .theme-item-functions h3{margin:12px 0 0px;text-align:center;font-size:15px;color:#999; border-bottom:1px solid #f6f6f6; padding-bottom:30px;} .theme-item-functions ol{margin-right:-8%;font-size:0;cursor:default;overflow:hidden} .theme-item-functions ol li{vertical-align:top;width:42%;margin-top:30px;margin-right:8%;display:inline-block;font-size:14px;position:relative;color:#999;padding-left:40px;text-align:justify;height:71px;overflow:hidden} .theme-item-functions ol li .fam{font-size:15px;line-height:25px;width:25px;height:25px;color:#fff;background-color:#334255;border-radius:8px;text-align:center;float:left;margin-left:-40px} .theme-item-functions ol li strong{display:block;margin-top:2px;margin-bottom:5px;color:#202935;font-size:14px;transition:all .3s ease-in-out} .theme-item-functions ol li:hover .fam{color:#fff;background-color:#00a4ff} .theme-item-functions ol li:hover strong{color:#00a4ff} .theme-item-functions ul{font-size:0;text-align:justify} .theme-item-functions ul li{margin-top:20px;padding-left:20px;vertical-align:top;font-size:14px;position:relative;color:#999;border-radius:4px} .theme-item-functions ul li strong{font-size:14px;color:#202935} .theme-item-functions ul li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background-color:#00a4ff;border-radius:10px} .theme-item-functions ul li:hover{color:#202935} .theme-item-container{display:none;padding:30px 40px;margin-bottom:20px;line-height:1.8;background-color:#fff;border-radius:8px} .theme-item-container .theme-title{display:none;margin-bottom:30px;text-align:center} .theme-item-container a{color:#00a4ff;text-decoration:underline} .theme-item-container a:hover{color:#008ad6} .theme-item-container h2{line-height:inherit;font-weight:bold;font-size:20px;margin:0 0 15px} .theme-item-container h3{line-height:inherit;font-size:17px;font-weight:bold;margin:30px 0 10px} .theme-item-container h4{line-height:inherit;font-size:14px;font-weight:bold;margin:0 0 15px} .theme-item-container ul{list-style:disc;margin-left:40px;margin-bottom:15px} .theme-item-container ol{list-style:decimal;margin:0 0 15px 16px} .theme-item-container li{margin-bottom:5px} .theme-item-container p{margin-bottom:15px} .theme-item-container mark{background-color:rgba(0,0,0,0);color:inherit;font-weight:bold;border-bottom:2px solid #e6e6e6} .theme-item-container code{background-color:#eee;border-radius:2px;padding:0 6px;color:#999;font-family:"courier new"} .theme-item-container .prettyprint,.theme-item-container pre.prettyprint{border-radius:2px;font-size:12px} .theme-item-container pre code{background-color:rgba(0,0,0,0);border-radius:0;padding:0} @media(max-width: 1200px){.theme-item-fcontent{width:62%}} @media(max-width: 1024px){.theme-item-sidebar{width:auto;float:none;margin-bottom:15px} .theme-item-fcontent{width:auto;margin-left:0;float:none} .theme-item-sidebox{position:relative;left:0;width:auto} .theme-item-contentbox{min-height:auto;margin-left:0} .theme-item-focus{padding:15px 0} .theme-item-image{border:none;border-radius:0;height:auto;display:block;padding:0;text-align:center} .theme-item-image img{border-radius:8px} .theme-item-image a{display:block} .theme-item-image img{max-height:300px} .theme-item-orderarea{text-align:center} .theme-item-orderarea .btn{margin:0 5px} .theme-item-menubar.affix{top:50px;height:44px} .theme-item-menubar.affix .container{padding:0} .theme-item-menubar.affix ul{margin-right:0;background-color:#f9f9f9;box-shadow:none} .theme-item-menubar.affix .btn{display:none} .theme-item-menubar.affix h2{display:none} .theme-item-menubar{padding-top:0} .theme-item-menubar ul{display:flex;text-align:center} .theme-item-menubar ul li{float:none;flex:1;font-size:14px;text-align:center;border-top:none;margin-left:0;padding-left:0;padding-right:0} .theme-item-menubar ul li.active{font-weight:bold} .theme-item-menubar.affix ul li{padding:0 0;height:44px;line-height:44px} .theme-item-intro{margin-bottom:1px;border-radius:0; padding:0 0 10px} .theme-item-intro.affix{position:relative;width:auto;top:0}} @media(max-width: 768px){.theme-item-menubar{border-radius:0} .theme-item-fcontent h1{font-size:16px} .theme-item-fcontent h4{font-weight:normal} .theme-item-contentbox .suit,.theme-item-sidebox .suit{display:none} .theme-item-focus{margin-bottom:10px} .theme-itembox{ padding:15px} .theme-item-functions{padding:0 0px 0px !important; margin-bottom:0} .theme-item-container{border-radius:0;padding:15px;margin-bottom:10px} .page-theme-item .m-menubar{display:none} .theme-item-orderarea{background-color:#fff;z-index:9990;position:fixed;bottom:0;left:0;right:0;height:60px;padding-left:5px} .theme-item-orderarea:before{content:"1";color:rgba(0,0,0,0);position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(0,0,0,.1);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(0.5)} .theme-item-orderarea .btn-primary{float:right;margin:0;height:60px;line-height:60px;padding:0 30px;border-radius:0} .theme-item-orderarea .btn-default{float:left;padding:0 10px;border:none;width:auto;margin:0;font-size:11px;line-height:1;height:60px;color:#657fa2;padding-top:11px;background-color:rgba(0,0,0,0)} .theme-item-orderarea .btn-default:hover,.theme-item-orderarea .btn-default:active{background-color:rgba(0,0,0,0)} .theme-item-orderarea .btn-default .fa{margin-bottom:5px;display:block;font-size:22px} .theme-item-orderarea .btn-default abbr{width:120px;left:50%;margin-left:-60px;padding-bottom:10px}} @media(max-width: 544px){ .pr{ padding:0 !important;} /*.container div:first-child{ padding:10px;}*/ .theme-widget{margin-bottom:10px} .theme-item-focus{padding:15px;margin-top:1px;margin-bottom:0} .theme-item-preview{position:absolute;right:15px;font-size:12px;line-height:30px;font-weight:normal;padding:0 16px} .theme-item-preview .fa{font-size:10px} .theme-item-sidebar{margin-bottom:0;margin-left:-15px;margin-right:-15px;position:relative} .theme-item-sidebar:after{content:"1";color:rgba(0,0,0,0);position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.06);display:block;overflow:hidden;transform-origin:50% 0;transform:scaleY(0.5)} .theme-item-image{padding:30px 30px 30px} .theme-item-image img{/*max-height:200px*/} .theme-item-fcontent{padding-bottom:15px} .theme-item-fcontent h1{font-size:16px;margin-bottom:30px} .theme-item-counter{position:relative;top:48px;float:none;font-size:11px;margin-top:0px;color:#343a3c} .theme-item-fcontent h3{font-size:12px;margin-top:0;line-height:1.4} .theme-item-fcontent h4{font-size:10px;display:none} .theme-item-price{margin:10px 0;padding:0;border-top:none;border-bottom:none} .theme-item-price strong{font-weight:bold;font-size:24px} .theme-item-price strong dfn{top:-2px} .theme-item-price h5{color:#00a4ff;font-size:12px;line-height:24px} .theme-item-intro dl{padding-top:5px;/*padding-bottom:5px*/} .theme-item-functions ol li{line-height:1.4;height:68px;margin-top:15px;padding-left:26px;font-size:11px} .theme-item-functions ol li .fam{font-size:12px;line-height:18px;width:18px;height:18px;margin-left:-26px;border-radius:6px} .theme-item-functions ol li strong{font-size:12px} .theme-item-functions h2{font-size:18px} .theme-item-functions h3{margin-top:8px;font-size:12px} .theme-item-functions ul li{margin-top:10px;padding-left:15px} .theme-item-functions ul li:before{top:6px} .theme-item-container{line-height:1.5} .theme-item-container h3{font-size:16px} } .theme-item-sv{margin-bottom:15px} .theme-item-sv h6{margin:0 0 15px;font-size:14px;font-weight:bold} .theme-item-sv ul{overflow:hidden;font-size:0;margin-right:-1%} .theme-item-sv li{transition:color .25s,background-color .25s;color:#666;cursor:default;vertical-align:top;width:32.3333333333%;margin-right:1%;margin-bottom:1%;display:inline-block;padding:10px 5px 10px 12px;background-color:#f6f6f6;border-radius:8px} .theme-item-sv li .fa{position:relative;top:1px;display:inline-block;font-size:15px;width:15px;text-align:center;margin-right:10px} .theme-item-sv li span{font-size:12px} @media(max-width: 768px){.theme-item-sv{margin-bottom:0} .theme-item-sv li{width:49%}}@media(max-width: 544px){.theme-item-sv h6{font-size:12px;margin-bottom:10px;font-weight:bold} .theme-item-sv li{border-radius:0;padding-right:0;padding-left:10px;background-color:#f9f9f9} .theme-item-sv li .fa{top:1px;font-size:14px;width:14px;margin-right:6px;color:#202935}}.theme-updatenews li{margin-bottom:20px;text-align:justify;padding-left:100px} .theme-updatenews h2{font-weight:bold;font-size:14px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .theme-updatenews p{margin:2px 0 0;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .theme-updatenews time{margin-left:-100px;float:left;display:block} .theme-updatenews a{text-decoration:none} .theme-updatenews a:hover{font-weight:bold} @media(max-width: 768px){.theme-updatenews li{padding-left:0;margin-bottom:15px} .theme-updatenews h2{white-space:normal} .theme-updatenews p{white-space:normal} .theme-updatenews time{margin-left:0;float:none;font-size:12px}}.theme-item-news li{background-color:#fff;border-radius:8px;margin-bottom:20px;padding:30px;line-height:1.5;text-align:justify} .theme-item-news li h2{font-weight:bold;font-size:18px;line-height:1.5;margin:0} .theme-item-news li p{margin:10px 0 0;color:#999} .theme-item-news li time{display:block;margin-bottom:5px;color:#00a4ff} @media(max-width: 768px){.theme-item-news li{display:none;margin-bottom:10px;border-radius:0;padding:15px} .theme-item-news li h2{font-size:16px} .theme-item-news li time{font-size:12px} .theme-item-news li p{font-size:12px}} .player{display:inline-block;font-size:16px;line-height:1;font-weight:500;transition:all .4s ease} .player i{width:66px;height:66px;background:#fff;margin-left:auto;margin-right:auto;border-radius:50%;display:block;position:relative;margin-bottom:10px;transition:all .4s ease;box-shadow:1px 19px 21px 0 rgba(35,154,208,.1)} .player i:after{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #096fc8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:2px} .player:hover{color:#096fc8} /* 视频弹窗 */ .popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;top: 0;left: 0;} .popVideo .mask{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .popVideo-items{width: 1000px;position: relative;padding: 34px 34px 0;opacity: 0;} .popVideo-video{width: 100%;} .popVideo-video video{width: 100%;} .popVideo-video iframe{width: 100%;height: 500px;} .popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('https://www.zhimatong.com/demo/popVideo/img/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;} .popVideo-close:hover{opacity: 1;} .popVideo.active{display: flex;} .popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;} @keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}} @media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}} @media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}} .fa { position: relative; display: inline-block; font: normal normal normal 14px/1 iconfont; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pr{position: relative;} .add_fav { transform: none; height: auto; border: none; overflow: visible; } .load-more-overlay.loading:after,.loading:not(.load-more-overlay){animation:spin 650ms infinite linear;border:2px solid #fff;border-radius:32px;border-top:2px solid rgba(0,0,0,0.4)!important;border-right:2px solid rgba(0,0,0,0.4)!important;border-bottom:2px solid rgba(0,0,0,0.4)!important;content:"";display:block;height:20px;top:50%;margin-top:-10px;left:50%;margin-left:-10px;right:auto;position:absolute;width:20px;z-index:3} .load-more-overlay{position:relative} .load-more-overlay.loading:after{content:""} .load-more-overlay:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:0.8;z-index:3} @keyframes spin{0%{transform:rotate(0deg)} to{transform:rotate(359deg)}} .bgfff{ background-color:#fff !important} .bg2023{background: linear-gradient(180deg, #EBF1FF 0%, rgba(255,255,255,0.00) 400px);} .maintitle {font-size: 32px;font-family: PingFangSC-Medium;font-weight: 500;color: #051624;line-height: 32px;text-align: center;} .tabbar{display: flex;justify-content: center;align-items: center;} .tabbar a{box-sizing: border-box;font-size: 16px;color: #313336;line-height: 32px;margin: 0 12px;cursor: pointer;text-align: center;min-width: 9%;padding: 8px 24px;border-radius: 12px;background-color: #e9e7ef;} .tabbar a.active,.tabbar a:hover{color: #FFFFFF;background: #1054EE;} @media screen and (max-width: 800px){ .tabbar a { font-size: 14px; margin: 0 10px 0 0; padding: 8px 16px; } }