/*@import url(https://fonts.googleapis.com/css?family=Gothic+A1:400,500,600,700&display=swap); @import url(https://fonts.googleapis.com/css?family=Barlow:300,400,500,600&display=swap);*/ html{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; min-height:100%; } body{ padding-bottom:60px; overflow-x:hidden; width:100%; min-height:100vh; vertical-align:baseline; word-wrap:break-word; color:#282a2d; background:#f6f6f9; transition:background-color .3s; } body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } body,html{ height:100%; margin:0; padding:0; border:0; } ul,li,dl,dd,dt,ol{ padding:0; margin:0; list-style:none; } body{ position:relative; top: 0; } a{ color: #282a2d; cursor: pointer; } a:link,a:visited{ text-decoration: none; } a:hover{ text-decoration: none; color: #3679f7; } .text-ss { font-size:.45rem !important; transform:scale(.9); } .text-xs { font-size:.8rem !important; } .text-sm { font-size:.875rem !important; } .text-md { font-size:1rem !important; } .text-lg { font-size:1.125rem !important; } .text-xl { font-size:1.375rem !important; } .text-20 { font-size:1.22rem !important; } .text-32 { font-size:2.25rem !important; } .text-64 { font-size:4rem !important; } .badge.text-ss { font-weight:normal; } .card-app .card-body{ padding: .95rem; } .card-app .card-body.py-3{ padding-top: .85rem!important; padding-bottom: .85rem!important; } .iconfont{ font-size: 1.23em; line-height: .75em; vertical-align: -15%; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } .modal-backdrop.show{ -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 1; background:rgba(0, 0, 0, .4); } .footer-social a.bg-light{ background-color:#f1f1f1!important; } .mianbx{ color:#999; } .mianbx .breadcrumb{ background:rgba(255,255,255,.5); border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding:.55rem 1rem; border-radius:0px; font-size:90%; } .mianbx .breadcrumb i.iconfont{ font-size:100%; margin-right:.3rem;} .mianbx .breadcrumb a{ color:#999; } .mianbx .breadcrumb a:hover{ color: #3679f7; } .breadcrumb-item+.breadcrumb-item::before{ color:#999; content:"\e62b"; font-family:"iconfont"; padding-right: .2rem; } .breadcrumb-item+.breadcrumb-item{ padding-left: .2rem; } .mianbx .breadcrumb-item span{ display:none; } .mianbx .breadcrumb-item span.cur{ display:inline; } .mianbx .breadcrumb-item.mid{ display: none; } .mianbx .breadcrumb-item.mid-cur{ display: block; } #content{ padding: 0 35px; } .content-title { position:relative; } .content-title:before,.content-title:after { position:absolute; top:50%; width:50px; height:1px; border-top:1px solid; content:''; border-color:inherit; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .content-title:before { left:-65px; } .content-title:after { right:-65px; } #lishibb{ font-size: 0px; height: 0px; line-height: 0px; width: 0px; height: 0px; overflow: hidden; } .card,.block { background:#fff; margin-bottom:1rem; transition:background-color .3s; border-radius: .55rem;; } .size-70 { width:70px; height:70px; } .size-60 { width:60px; height:60px; } .app-content { overflow:hidden; align-items:center; } .metismenu{padding:0;} .metismenu li{list-style:none;} .metismenu li a[aria-expanded=true]{color:#3679f7!important;} .metismenu ul{padding:0;} .metismenu ul li{width:100%;} .metismenu .mm-collapse:not(.mm-show){display:none;} .metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility;} .nav-second-level li a,.nav-thrid-level li a{padding:8px 20px;color:#5d6575;display:block;position:relative;transition:all .4s;font-size:14px;} .nav-second-level li a:focus,.nav-second-level li a:hover,.nav-thrid-level li a:focus,.nav-thrid-level li a:hover{color:#3679f7;} .nav-second-level li>a.active,.nav-thrid-level li>a.active{color:#3679f7;} /*.sidebar-enable .left-side-menu .metismenu ul.nav-second-level li{ margin-left: 10px; }*/ #wrapper{width:100%;height:100%;/*overflow:hidden;*/} .content-page{margin-left:230px;overflow:hidden;min-height:80vh;padding-top:60px;} .left-side-menu{width:230px;background:#fff;bottom:0;padding:20px 0;position:fixed;top:60px;box-shadow:0 3px 8px 0 rgba(154,161,171,.2);transition-duration:.2s;} #sidebar-menu>ul>li>a{color:#5d6575;display:block;padding:14px 10px 14px 15px;position:relative;transition:all .4s;font-family:Barlow,sans-serif;font-size:15px;border-right:2px solid transparent;} #sidebar-menu>ul>li>a:active,#sidebar-menu>ul>li>a:focus,#sidebar-menu>ul>li>a:hover{color:#3679f7;text-decoration:none;background: #f8f8f8;} #sidebar-menu>ul>li.mm-active{ background: #f7fbff; } #sidebar-menu>ul>li.mm-active>a{background: #ecf6ff;} #sidebar-menu>ul>li>a i{display:inline-block;line-height:1.25rem;margin:0 8px 0 5px;text-align:center;vertical-align:middle;width:20px;font-size:22px;} #sidebar-menu>ul>li>a .drop-arrow{float:right;} #sidebar-menu>ul>li>a .drop-arrow i{margin-right:0;} #sidebar-menu>ul>li>a.active{color:#3679f7;background-color:#f1f5f7;} #sidebar-menu>ul>li>ul{padding-left:20px;} #sidebar-menu>ul>li>ul ul{padding-left:6px;} #sidebar-menu .menu-arrow{transition:transform .15s;position:absolute;right:20px;display:inline-block;font-family:'Material Design Icons';text-rendering:auto;font-size:1.1rem;transform:translate(0,0);} #sidebar-menu .menu-arrow:before{content:"\f105";} .icon-dian{ opacity: 0.7; } #sidebar-menu i.icon-menu-arrow-right{ transition:transform .15s;position:absolute;right:0px;display:inline-block;text-rendering:auto;font-size:1.1rem;transform:translate(0,0); color:#c0c0b7; } #sidebar-menu .mm-active i.icon-menu-arrow-right{ transform:rotate(90deg); } #sidebar-menu ul.nav-second-level li>a>i.icon-menu-arrow-right{ top: 12px; right: 12px; transform:rotate(0deg); } #sidebar-menu ul.nav-second-level li.mm-active>a>i.icon-menu-arrow-right{ transform:rotate(90deg); } #sidebar-menu .mm-active i.icon-menu-arrow-right{ transform:rotate(90deg); } #sidebar-menu>ul>li.sidebar-menu_logo{ display:none; } #sidebar-menu>ul>li.search_m1644{ display:none; } #sidebar-menu .badge{margin-top:4px;} #sidebar-menu li.mm-active>a>span.menu-arrow{transform:rotate(90deg);} #sidebar-menu .menu-title{color:#5d6575;padding:12px 20px;letter-spacing:.07em;pointer-events:none;cursor:default;font-size:14px;margin:10px 0 0 0;} /*收缩-图标版*/ .enlarged .logo{width:70px!important;} .enlarged .logo span.logo-lg{display:none;} .enlarged .logo span.logo-sm{display:block;} .enlarged .left-side-menu{position:fixed;width:70px!important;z-index:5;} .enlarged .left-side-menu .slimScrollDiv,.enlarged .left-side-menu .slimscroll-menu{overflow:inherit!important;height:auto!important;} .enlarged .left-side-menu .slimScrollBar{visibility:hidden;} .enlarged .left-side-menu #sidebar-menu .badge,.enlarged .left-side-menu #sidebar-menu .label,.enlarged .left-side-menu #sidebar-menu .menu-arrow,.enlarged .left-side-menu #sidebar-menu .menu-title,.enlarged .left-side-menu #sidebar-menu .user-box{display:none!important;} .enlarged .left-side-menu #sidebar-menu>ul>li{position:relative;white-space:nowrap;} .enlarged .left-side-menu #sidebar-menu>ul>li>a{padding:15px 17px;min-height:54px;transition:none;} .enlarged .left-side-menu #sidebar-menu>ul>li>a:active,.enlarged .left-side-menu #sidebar-menu>ul>li>a:focus,.enlarged .left-side-menu #sidebar-menu>ul>li>a:hover{color:#3679f7;} .enlarged .left-side-menu #sidebar-menu>ul>li>a i{font-size:22px;margin-right:20px;} .enlarged .left-side-menu #sidebar-menu>ul>li>a span{display:none;padding-left:25px;} .enlarged .left-side-menu #sidebar-menu>ul>li:hover>a{position:relative;width:calc(190px + 70px);color:#c8cddc;background-color:#343b4a;transition:none;} .enlarged .left-side-menu #sidebar-menu>ul>li:hover>a span{display:inline;} .enlarged .left-side-menu #sidebar-menu>ul>li:hover a.mm-active :after,.enlarged .left-side-menu #sidebar-menu>ul>li:hover a.open :after{display:none;} .enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul{display:block;left:70px;position:absolute;width:190px;height:auto!important;box-shadow:3px 5px 10px 0 rgba(154,161,171,.2);} .enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul ul{box-shadow:3px 5px 10px 0 rgba(154,161,171,.2);} .enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul a{box-shadow:none;padding:8px 20px;position:relative;width:190px;z-index:6;} .enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul a:hover{color:#3679f7;} .enlarged .left-side-menu #sidebar-menu>ul ul{padding:5px 0;z-index:9999;display:none;background-color:#fff;} .enlarged .left-side-menu #sidebar-menu>ul ul li:hover>ul{display:block;left:190px;margin-top:-36px;height:auto!important;position:absolute;width:190px;} .enlarged .left-side-menu #sidebar-menu>ul ul li>a span.pull-right{position:absolute;right:20px;top:12px;transform:rotate(270deg);} .enlarged .left-side-menu #sidebar-menu>ul ul li.active a{color:#c8cddc;} .enlarged .content-page{margin-left:70px!important;} .enlarged #sidebar-menu i.icon-menu-arrow-right{ display:none; } .enlarged #sidebar-menu li ul li i.icon-menu-arrow-right{ display:inline-block; margin-right: 0px; top: 11px; } .sidebar-enable.enlarged .left-side-menu #sidebar-menu ul>li>ul.nav-second-level>li.mm-active a>i.icon-menu-arrow-right{ transform:rotate(0deg); } .logo{display:block;line-height:60px;width:230px;text-align:center;transition-duration:.2s;} .logo span.logo-lg{display:block;} .logo span.logo-lg img{ width: 80%; height: auto; } .logo span.logo-sm{display:none;} .logo span.logo-sm img{ width: 48%; height: auto; } /* Topbar */ .navbar-custom{background-color:rgba(255, 255, 255, 0.95);padding:0 0 0 0;position:fixed;top:0;left:0;right:0;height:60px;z-index:100;border-bottom:1px solid rgba(67,87,133,.2);-webkit-backdrop-filter: blur(10px);backdrop-filter:blur(10px);} .navbar-custom .topnav-menu>li{float:left;} .navbar-custom .topnav-menu .nav-link{padding:0 15px;color:#42525d;min-width:32px;display:block;line-height:60px;text-align:center;max-height:60px;display:none;} .navbar-custom .topnav-menu .nav-link.cur{ display:block; } .navbar-custom .dropdown.show .nav-link{background-color:rgba(255,255,255,.05);} .navbar-custom .dropdown-menu{ min-width: 7.3rem; border: 1px solid rgba(67,87,133,.15); top: -18%!important; margin-right: 10px; } .navbar-custom .dropdown-item{ padding: .35rem .95rem; } .navbar-custom .dropdown a span i.icon-dropdown-bottom{ transition:transform .15s; transform:rotate(-90deg); font-size: 1.43em; margin-left: -2px; vertical-align: -22%;} .navbar-custom .dropdown.show a span i.icon-dropdown-bottom{ transition:transform .15s; transform:rotate(0deg); } .navbar-custom .dropdown .nav-link.cur i.iconfont{ margin-right: 4px; } .navbar-custom .menu-left{overflow:hidden;} .navbar-custom .app-search{padding-top:10px;padding-right:20px;} .navbar-custom .app-search .form-control{border:none;height:38px;padding-left:20px;padding-right:50px;color:#495057;background-color:#e9ecef;box-shadow:none;min-width:180px;width:35%;border-radius:20px;} .navbar-custom .app-search .btn{border-radius:0;padding:5px 12px 6px 12px;border:2px solid transparent;box-shadow:none;border-bottom-right-radius:3px;border-top-right-radius:3px;background:0 0;color:#495057;margin-left:-50px;font-size:15px;} .navbar-custom .button-menu-mobile{border:none;color:#414d5f;display:block;height:60px;line-height:60px;width:50px;background-color:transparent;font-size:24px;cursor:pointer;} .navbar-custom .button-menu-mobile.navbar-toggle{position:relative;} .navbar-custom .button-menu-mobile.navbar-toggle:focus,.navbar-custom .button-menu-mobile.navbar-toggle:hover{background-color:transparent;} .navbar-custom .button-menu-mobile.navbar-toggle:focus span,.navbar-custom .button-menu-mobile.navbar-toggle:hover span{background-color:#000;} .navbar-custom .button-menu-mobile.navbar-toggle .lines{width:25px;display:block;position:relative;padding-top:22px;height:44px;margin:0 auto;transition:all .5s ease;} .navbar-custom .button-menu-mobile.navbar-toggle span{height:2px;width:100%;background-color:#6d86a3;display:block;margin-bottom:5px;transition:transform .5s ease;} .navbar-custom .button-menu-mobile.navbar-toggle.open span{position:absolute;} .navbar-custom .button-menu-mobile.navbar-toggle.open span:first-child{top:30px;transform:rotate(45deg);} .navbar-custom .button-menu-mobile.navbar-toggle.open span:nth-child(2){visibility:hidden;} .navbar-custom .button-menu-mobile.navbar-toggle.open span:last-child{width:100%;top:30px;transform:rotate(-45deg);} .navbar-custom .button-menu-mobile.disable-btn{display:none;} /*展开&收缩 按钮*/ .dark-header .navbar-custom{background-color:#343b4a!important;box-shadow:0 0 35px 0 rgba(52,59,74,.15)!important;} .dark-header .navbar-custom .app-search .form-control{background-color:rgba(255,255,255,.05)!important;color:#fff!important;} .dark-header .navbar-custom .app-search .btn{color:#fff!important;} .dark-header .navbar-custom .topnav-menu .nav-link{color:rgba(255,255,255,.8)!important;} .dark-header .navbar-custom .button-menu-mobile.navbar-toggle:focus,.dark-header .navbar-custom .button-menu-mobile.navbar-toggle:hover{background-color:transparent;} .dark-header .navbar-custom .button-menu-mobile.navbar-toggle:focus span,.dark-header .navbar-custom .button-menu-mobile.navbar-toggle:hover span{background-color:#dee1e6!important;} .dark-header .navbar-custom .button-menu-mobile.navbar-toggle span{background-color:#fff!important;} /*================================*/ /*+++首页+++*/ .slider_menu[sliderTab] { position:relative; background:rgba(0,0,0,.05); border-radius:50px; border:3px solid transparent; overflow:hidden; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } .slider_menu[sliderTab]>.menu { position:relative; white-space:nowrap; flex-wrap:initial; } .slider_menu[sliderTab] .anchor { background:#f1404b; border-radius:100px; width:60px; height:40px; opacity:0; -webkit-transition:.35s; transition:.35s; } .slider_menu[sliderTab]>.menu>li { cursor:pointer; width:auto; height:auto; } .slider_menu[sliderTab]>.menu>li.next,.slider_menu[sliderTab]>.menu>li.prev,.slider_menu[sliderTab]>.menu>li>.sub-menu { display:none; } .slider_menu[sliderTab]>.menu>li>a { display:block; text-decoration:none; position:relative; color:#888; height:40px; line-height:40px; text-align:center; font-size:14px; padding:0 16px; -webkit-transition:.25s; transition:.25s; } .slider_menu[sliderTab]>.menu>li>a:hover { color:#007bff; } .slider_menu[sliderTab]>.menu>li>a.active { color:#fff; background: #007bff; border-radius: 100px; } /*.slider_menu[sliderTab] ul:hover li:not(.hover) a.active { color:#888 !important; }*/ .slider_menu.mini_tab[sliderTab]>.menu>li>a { height:28px; line-height:28px; padding:0 12px; } .nav-pills.menu .nav-link.active,.nav-pills.menu .show>.nav-link { background:none; } /*+++首页 END+++*/ /*================================*/ /*================================*/ /*+++软件详页+++*/ .version-numb{ margin: -.5rem 0 -.2rem; font-size: 1.01rem !important; color: #a9b4bd!important; } .app-ico img.app-rounded{ border-radius: 30px; } /*.radius-50{ border-radius: 100px !important; }*/ .background-fx { position:absolute; left:60px; right:0; height:100vh; top:0; overflow:hidden; opacity:1; z-index:-1; } .shape-01 { position:absolute; top:11%; right:42%; -webkit-animation:animationFramesTwo 13s linear infinite; animation:animationFramesTwo 13s linear infinite; } .shape-02 { position:absolute; top:27%; left:17%; -webkit-animation:animationFramesFour 25s linear infinite alternate; animation:animationFramesFour 25s linear infinite alternate; } .shape-03 { position:absolute; top:30%; left:50%; -webkit-animation:animationFramesThree 35s linear infinite alternate; animation:animationFramesThree 35s linear infinite alternate; } .shape-04 { position:absolute; top:40%; right:23%; -webkit-animation:animationFramesFour 20s linear infinite alternate; animation:animationFramesFour 20s linear infinite alternate; } .shape-05 { position:absolute; bottom:62%; right:28%; -webkit-animation:animationFramesOne 15s linear infinite; animation:animationFramesOne 15s linear infinite; } .shape-06 { position:absolute; bottom:73%; left:38%; -webkit-animation:animationFramesFour 20s linear infinite alternate; animation:animationFramesFour 20s linear infinite alternate; } .shape-07 { position:absolute; left:14%; bottom:54%; -webkit-animation:animationFramesOne 17s linear infinite; animation:animationFramesOne 17s linear infinite; } .shape-08 { position:absolute; left:14%; top:60%; -webkit-animation:animationFramesOne 20s linear infinite alternate; animation:animationFramesOne 20s linear infinite alternate; } .shape-09 { position:absolute; top:22%; left:41%; -webkit-animation:animationFramesOne 15s linear infinite; animation:animationFramesOne 15s linear infinite; } .shape-10 { position:absolute; top:8%; right:6%; -webkit-animation:animationFramesOne 15s linear infinite; animation:animationFramesOne 15s linear infinite; } .shape-11 { position:absolute; top:10%; right:8%; -webkit-animation:animationFramesOne 12s linear infinite; animation:animationFramesOne 12s linear infinite; } @keyframes animationFramesOne { 0% { transform:translate(0) rotate(0deg); } 20% { transform:translate(73px,-1px) rotate(36deg); } 40% { transform:translate(141px,72px) rotate(72deg); } 60% { transform:translate(83px,122px) rotate(108deg); } 80% { transform:translate(-40px,72px) rotate(144deg); } to { transform:translate(0) rotate(0deg); } } @-webkit-keyframes animationFramesOne { 0% { -webkit-transform:translate(0) rotate(0deg); } 20% { -webkit-transform:translate(73px,-1px) rotate(36deg); } 40% { -webkit-transform:translate(141px,72px) rotate(72deg); } 60% { -webkit-transform:translate(83px,122px) rotate(108deg); } 80% { -webkit-transform:translate(-40px,72px) rotate(144deg); } to { -webkit-transform:translate(0) rotate(0deg); } } @keyframes animationFramesTwo { 0% { transform:translate(0) rotate(0deg) scale(1); } 20% { transform:translate(73px,-1px) rotate(36deg) scale(.9); } 40% { transform:translate(141px,72px) rotate(72deg) scale(1); } 60% { transform:translate(83px,122px) rotate(108deg) scale(1.2); } 80% { transform:translate(-40px,72px) rotate(144deg) scale(1.1); } to { transform:translate(0) rotate(0deg) scale(1); } } @-webkit-keyframes animationFramesTwo { 0% { -webkit-transform:translate(0) rotate(0deg) scale(1); } 20% { -webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9); } 40% { -webkit-transform:translate(141px,72px) rotate(72deg) scale(1); } 60% { -webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1); } to { -webkit-transform:translate(0) rotate(0deg) scale(1); } } @keyframes animationFramesThree { 0% { transform:translate(165px,-179px); } to { transform:translate(-346px,617px); }; } @-webkit-keyframes animationFramesThree { 0% { -webkit-transform:translate(165px,-179px); } to { -webkit-transform:translate(-346px,617px); } } @keyframes animationFramesFour { 0% { transform:translate(-300px,151px) rotate(0deg); } to { transform:translate(251px,-200px) rotate(180deg); }; } @-webkit-keyframes animationFramesFour { 0% { -webkit-transform:translate(-300px,151px) rotate(0deg); } to { -webkit-transform:translate(251px,-200px) rotate(180deg); } } @media screen and (max-width:1199.98px) { .hot-search { min-width:1164px; } } @media screen and (max-width:575.98px) { .shape-10 { right:12%; width:100px; } .shape-11 { right:14%; width:100px; } } .container{ max-width: 100%; padding: 0px 20px; } /*.app-info p.text-xs{ font-size: .9rem !important; }*/ .badge{ font-size: 80%; } .app-nature .badge{ padding: 0.45em .4em; font-weight: normal; } .screenshot-carousel { /*background-color:rgba(0,0,0,.1);*/ overflow:hidden; box-shadow:0 0 50px 0 rgba(0,0,0,.1) inset; } .screenshot-carousel .img_wrapper { height:420px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center ;} .screenshot-carousel .img_wrapper a { display:contents; flex:1; } .screenshot-carousel .img_wrapper img { max-width:calc(100% - 20px); max-height:calc(100% - 20px); -webkit-box-shadow:0 10px 13px rgba(31,45,62,.35); box-shadow:0 10px 13px rgba(31,45,62,.35); border-radius:5px; } .screenshot-carousel .carousel-indicators li { width:8px; height:8px; border:0; border-radius:10px; transition:.3s; } .screenshot-carousel .carousel-indicators .active { width:20px; height:8px; border-radius:10px; } .carousel-control-next,.carousel-control-prev { opacity:0; width:60px; transition:all .3s; } .carousel-control-prev { transform:translateX(-50px); } .carousel-control-next { transform:translateX(50px); } .screenshot-carousel .carousel-control-prev:before,.screenshot-carousel .carousel-control-next:before { content:''; position:absolute; width:40px; height:40px; top:calc(50% - 20px); left:calc(50% - 20px); border-radius:20px; z-index:-1; background-color:rgba(0,0,0,.2); } .screenshot-carousel:hover .carousel-control-next,.screenshot-carousel:hover .carousel-control-prev { opacity:.5; transform:translateX(0); } .screenshot-carousel .carousel-control-next:hover,.screenshot-carousel .carousel-control-prev:hover { opacity:.9; } .screenshot-carousel .carousel-control-next:focus,.screenshot-carousel .carousel-control-prev:focus { opacity:.9; } .list-item { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; } .list-content { padding:1rem 0; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-pack:center; justify-content:center; } .list-item.block .list-content { padding:1rem; } .card-app.default .media,.card-app.card { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .media { position:relative; display:block; overflow:hidden; padding:0px; -ms-flex-negative:0; flex-shrink:0; border-top-left-radius:inherit; border-top-right-radius:inherit; } .media:after { content:''; display:block; padding-top:100%; } .media-title { position:absolute; bottom:0; left:0; right:0; margin:5px 10px; color:#fff; } .app-rounded { border-radius:15% !important; background: #fff; padding: 8px; } .card-app .align-items-center { -ms-flex-align: stretch !important; align-items: stretch !important; } .card-app .app-content ins { font-style: normal; text-decoration: none; } /*.card-app.default .media-content { background-color:transparent !important; border-radius: 60px; }*/ .media-content img{ width:100%; height:auto;; } .media-content { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; background-color:rgba(120,120,120,.1); border-radius: 60px;} .overflowClip_1 { overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } .overflowClip_1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; } .overflowClip_2 { overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; word-break:break-all; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /*.text-xs{ font-size: .95rem !important; }*/ .historic .line-thead:before,.historic .line-tbody:before { content:''; position:absolute; height:1px; left:0; right:0; background-color:rgba(136,136,136,.2); } .card.historic .card-body .row:nth-child(2) .soft_vbb:after { content: "新"; color: #fff; margin-left: 4px; background: #303035; font-size: 76%; padding: 1px 3px 2px;border-radius: 3px; } blockquote { position:relative; padding:.8375rem .83rem .9375rem 1.05rem; margin:-1.5rem 0; background-color:rgba(136,136,136,.1); line-height: 26px; } blockquote p:last-of-type { margin:0; padding:0; } pre { position:relative; overflow-y:auto; border:0; color:#777; border-radius:3px; padding:.75rem; margin:1.5rem 0; white-space:pre-wrap; word-wrap:break-word; background-color:rgba(0,0,0,.04); } .panel-body-cont{ } .panel-body-cont blockquote{ color: #5d5d5d; background-color: rgba(136,136,136,.01); } .panel-body-cont blockquote .art-title{ color: #333; font-weight: 550; } .panel-body-cont blockquote h2{ color: #333; font-weight: 550; font-size: 20px; } .panel-body-cont img{ max-width: 60%; min-height: 60%; border-radius:6px; } .panel-body-cont blockquote a{ color: #0a5fff; } .panel-body-cont blockquote a:hover{ text-decoration: underline; } .panel-body-cont blockquote .zhpw strong{ margin-right: 4px; color: #999; font-weight: normal; } .panel-body-cont blockquote .zhpw span{ background: rgba(134, 134, 134, .12); padding: 3px 5px; border-radius: 3px; } .panel-body-cont blockquote .zhpw em{ margin: 0px 15px; } .panel-body-cont blockquote td{ line-height: 20px; padding: 8px 0px; vertical-align: top; } .panel-body-cont blockquote td.tname{ width: 48px; } .panel-body-cont blockquote td.tname strong{ color: #555; } .v-avatar { width:32px; height:32px; } .vc-blue { --this-color:#daeeff; --this-hover-color:#ffffff; --this-bg:#2997f7; --this-hover-bg:#237ece; --this-shadow-bg:hsla(208,77%,45%,0.7); } .modal-header{ border-bottom: none; } .modal-header-simple { position:relative; } .modal-header-simple>span { position:absolute; color:var(--this-color); background:var(--this-bg); border-radius:100%; height:300px; width:800px; opacity:.3; top:-286px; left:-196px; } .modal-header-simple>span::after,.modal-header-simple>span::before,.modal-header-simple::after,.modal-header-simple::before { position:absolute; color:var(--this-color); background:var(--this-bg); border-radius:100%; content:' '; } .modal-header-simple::before { left:-128px; bottom:0; height:300px; width:670px; top:-318px; transform:rotate(339deg); opacity:.5; } .modal-header-simple::after { left:-214px; bottom:0; height:210px; width:340px; top:-183px; transform:rotate(10deg); opacity:.3; } .modal-header-simple>span::before { left:304px; height:15px; width:15px; bottom:-10px; opacity:.5; } .modal-header-simple>span::after { right:304px; height:8px; width:8px; bottom:-7px; opacity:.6; } .modal-header-bg { color:var(--this-color); background-color:var(--this-bg-color); background-image:var(--this-bg-image); --this-color:#b6e0ff; --this-bg-color:#284eaa; --this-bg-image:radial-gradient(closest-side,rgb(84 211 242),rgba(131,228,245,0)),radial-gradient(closest-side,rgb(75 125 255),rgba(207,209,255,0)),radial-gradient(closest-side,rgb(0 180 255),rgba(131,203,254,0)); background-size:130% 180%,120% 220%,110% 150%; background-position:-120% -50%,280% 50%,-90% 80%; background-repeat:no-repeat; animation:12s modal-header-anim infinite; } .modal-header .close .icon-guanbi4{ font-size: .85em;; } .border-2w { border-width:2px !important; } .io-alert { font-size: 80%; padding:1rem; color:var(--this-color); border-radius:8px; border:1px dashed var(--this-border-color); background-color:var(--this-bg-color); --this-color:#4a9718; --this-border-color:rgba(159,255,95,.7); --this-bg-color:rgba(159,255,95,.2);; } .io-gray-alert { font-size: 88%; padding:.6rem .8rem; color:var(--this-color); border-radius:6px; border:1px dashed var(--this-border-color); background-color:var(--this-bg-color); --this-color:#282a2d; --this-border-color:rgba(177,177,177,.7); --this-bg-color:rgba(193,193,193,.2); } .card-app.card .tag a { /*font-size:90%; padding:.125rem .3rem; background:rgba(134,134,134,.12);*/ color:#3679f7; border-radius:3px; transition:.3s; } .card-app.card .tag a:not(.no-tag):hover { /*background:#3679f7; color:#fff;*/ text-decoration: underline; } .card-app.card .beizhu{ color: #999; width: 65%; overflow: hidden; text-overflow: ellipsis; } .card-app.card .zhpw span{ background:rgba(134,134,134,.12); padding: 3px 5px; border-radius:3px; } .card-app.card .zhpw strong{ display: inline-block; width: 20px; font-weight: normal; color: #999; } .card-app.card .zhpw em{ margin: 0px 6px; color: #999; } /*.card-app.card .zhpw strong .iconfont{ font-size: 16px; }*/ .lishibb_an{ color: #6c757d!important; } .lishibb_an:hover{ color: #3679f7!important; } /*+++软件详页 END+++*/ /*================================*/ /*================================*/ /*+++文章详页+++*/ .artcile-tag a { padding:.125rem .3rem; background:rgba(134,134,134,.16); color:#6c757d; border-radius:3px; transition:.3s; } .artcile-tag a:not(.no-tag):hover { background:#3679f7; color:#fff; } .article-body{ padding:1rem!important; } .near-navigation{display:flex;} .near-navigation .nav{display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:0 5px;position:relative;width:50%;word-break:break-word} .near-navigation .next{align-items:flex-end;text-align:right;border-radius:0 5px 5px 0;overflow:hidden} .near-navigation .previous{border-radius:5px 0 0 5px;overflow:hidden} .near-navigation span{font-size:14px;font-weight:500;position:relative;text-transform:uppercase;z-index:2} .near-navigation .near-title{font-size:12px;margin:5px 0 0;position:relative;z-index:2} .near-navigation img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%} .near-navigation .none span,.near-navigation .none .near-title{color:#999;} .upzhu_mian blockquote{ line-height: 20px; font-size: 15px; } .upzhu_mian blockquote a{ color: #0a5fff; } .artcontent.gongxiao_mian blockquote { position: relative; } .artcontent.gongxiao_mian blockquote:before , .artcontent.gongxiao_mian blockquote:after{ position: absolute; font-size: 20px; font-family: "iconfont" !important; color: rgba(255,45,45,.1); } .artcontent.gongxiao_mian blockquote:before{ content: "\e621"; left: 12px; top: 4px; } .artcontent.gongxiao_mian blockquote:after{ content: "\e622"; right: 12px; bottom: 4px; } .artcontent.gongxiao_mian blockquote div{ position: relative; z-index: 10; } .artcontent blockquote h2{ height: 24px; line-height: 24px; position: relative; } .artcontent blockquote h2:before{ content: "\e60a"; font-family: "iconfont" !important; margin-right: -3px; color: #999; } .artcontent blockquote h2:after{ content: "\e60b"; font-family: "iconfont" !important; margin-left: -4px; color: #999; } .artcontent blockquote h2 span.bznumb{ width: 20px; height: 20px; line-height: 20px; font-size: 20px; font-family: "iconfont" !important; text-align: center; display: inline-block; position: relative; top: 0px; margin: 0px 2px; } .artcontent blockquote h2:nth-of-type(1) span.bznumb::after { content: "\e641"; } .artcontent blockquote h2:nth-of-type(2) span.bznumb::after { content: "\e640"; } .artcontent blockquote h2:nth-of-type(3) span.bznumb::after { content: "\e63b"; } .artcontent blockquote h2:nth-of-type(4) span.bznumb::after { content: "\e63e"; } .artcontent blockquote h2:nth-of-type(5) span.bznumb::after { content: "\e63c"; } .artcontent blockquote h2:nth-of-type(6) span.bznumb::after { content: "\e637"; } .artcontent blockquote h2:nth-of-type(7) span.bznumb::after { content: "\e63f"; } .artcontent blockquote h2:nth-of-type(8) span.bznumb::after { content: "\e638"; } .artcontent blockquote h2:nth-of-type(9) span.bznumb::after { content: "\e63d"; } .artcontent blockquote h2:nth-of-type(10) span.bznumb::after { content: "\e639"; } .artcontent blockquote h2:nth-of-type(11) span.bznumb::after { content: "\e63a"; } .artcontent blockquote h2:nth-of-type(12) span.bznumb::after { content: "\e630"; } .artcontent blockquote h2:nth-of-type(13) span.bznumb::after { content: "\e61e"; } .artcontent blockquote h2:nth-of-type(14) span.bznumb::after { content: "\e620"; } .artcontent blockquote h2:nth-of-type(15) span.bznumb::after { content: "\e628"; } .artcontent blockquote h2:nth-of-type(16) span.bznumb::after { content: "\e632"; } .artcontent blockquote h2:nth-of-type(17) span.bznumb::after { content: "\e62a"; } .artcontent blockquote h2:nth-of-type(18) span.bznumb::after { content: "\e636"; } .artcontent blockquote h2:nth-of-type(19) span.bznumb::after { content: "\e62e"; } .artcontent blockquote h2:nth-of-type(20) span.bznumb::after { content: "\e626"; } .artcontent blockquote h2:nth-of-type(21) span.bznumb::after { content: "\e634"; } .artcontent blockquote h2:nth-of-type(22) span.bznumb::after { content: "\e61d"; } .artcontent blockquote h2:nth-of-type(23) span.bznumb::after { content: "\e627"; } .artcontent blockquote h2:nth-of-type(24) span.bznumb::after { content: "\e629"; } .artcontent blockquote h2:nth-of-type(25) span.bznumb::after { content: "\e635"; } .artcontent blockquote h2:nth-of-type(26) span.bznumb::after { content: "\e624"; } .artcontent blockquote h2:nth-of-type(27) span.bznumb::after { content: "\e623"; } .artcontent blockquote h2:nth-of-type(28) span.bznumb::after { content: "\e625"; } .artcontent blockquote h2:nth-of-type(29) span.bznumb::after { content: "\e62c"; } .artcontent blockquote h2:nth-of-type(30) span.bznumb::after { content: "\e62f"; } .artcontent blockquote h2:nth-of-type(31) span.bznumb::after { content: "\e61c"; } .artcontent blockquote h2:nth-of-type(32) span.bznumb::after { content: "\e614"; } .artcontent blockquote h2:nth-of-type(33) span.bznumb::after { content: "\e613"; } .artcontent blockquote h2:nth-of-type(34) span.bznumb::after { content: "\e61a"; } .artcontent blockquote h2:nth-of-type(35) span.bznumb::after { content: "\e610"; } .artcontent blockquote h2:nth-of-type(36) span.bznumb::after { content: "\e609"; } .artcontent blockquote h2:nth-of-type(37) span.bznumb::after { content: "\e61b"; } .artcontent blockquote h2:nth-of-type(38) span.bznumb::after { content: "\e618"; } .artcontent blockquote h2:nth-of-type(39) span.bznumb::after { content: "\e60c"; } .artcontent blockquote h2:nth-of-type(40) span.bznumb::after { content: "\e619"; } .artcontent blockquote h2:nth-of-type(41) span.bznumb::after { content: "\e688"; } .artcontent blockquote h2:nth-of-type(42) span.bznumb::after { content: "\e684"; } .artcontent blockquote h2:nth-of-type(43) span.bznumb::after { content: "\e683"; } .artcontent blockquote h2:nth-of-type(44) span.bznumb::after { content: "\e686"; } .artcontent blockquote h2:nth-of-type(45) span.bznumb::after { content: "\e682"; } .artcontent blockquote h2:nth-of-type(46) span.bznumb::after { content: "\e685"; } .artcontent blockquote h2:nth-of-type(47) span.bznumb::after { content: "\e67f"; } .artcontent blockquote h2:nth-of-type(48) span.bznumb::after { content: "\e67c"; } .artcontent blockquote h2:nth-of-type(49) span.bznumb::after { content: "\e67b"; } .artcontent blockquote h2:nth-of-type(50) span.bznumb::after { content: "\e67a"; } .artcontent blockquote h2:nth-of-type(51) span.bznumb::after { content: "\e67e"; } .artcontent blockquote h2:nth-of-type(52) span.bznumb::after { content: "\e67d"; } .artcontent blockquote h2:nth-of-type(53) span.bznumb::after { content: "\e677"; } .artcontent blockquote h2:nth-of-type(54) span.bznumb::after { content: "\e678"; } .artcontent blockquote h2:nth-of-type(55) span.bznumb::after { content: "\e672"; } .artcontent blockquote h2:nth-of-type(56) span.bznumb::after { content: "\e675"; } .artcontent blockquote h2:nth-of-type(57) span.bznumb::after { content: "\e679"; } .artcontent blockquote h2:nth-of-type(58) span.bznumb::after { content: "\e674"; } .artcontent blockquote h2:nth-of-type(59) span.bznumb::after { content: "\e676"; } .artcontent blockquote h2:nth-of-type(60) span.bznumb::after { content: "\e66e"; } .artcontent blockquote h2:nth-of-type(61) span.bznumb::after { content: "\e66f"; } .artcontent blockquote h2:nth-of-type(62) span.bznumb::after { content: "\e670"; } .artcontent blockquote h2:nth-of-type(63) span.bznumb::after { content: "\e66d"; } .artcontent blockquote h2:nth-of-type(64) span.bznumb::after { content: "\e671"; } .artcontent blockquote h2:nth-of-type(65) span.bznumb::after { content: "\e66c"; } .artcontent blockquote h2:nth-of-type(66) span.bznumb::after { content: "\e66b"; } .artcontent blockquote h2:nth-of-type(67) span.bznumb::after { content: "\e668"; } .artcontent blockquote h2:nth-of-type(68) span.bznumb::after { content: "\e664"; } .artcontent blockquote h2:nth-of-type(69) span.bznumb::after { content: "\e663"; } .artcontent blockquote h2:nth-of-type(70) span.bznumb::after { content: "\e665"; } .artcontent blockquote h2:nth-of-type(71) span.bznumb::after { content: "\e66a"; } .artcontent blockquote h2:nth-of-type(72) span.bznumb::after { content: "\e658"; } .artcontent blockquote h2:nth-of-type(73) span.bznumb::after { content: "\e667"; } .artcontent blockquote h2:nth-of-type(74) span.bznumb::after { content: "\e666"; } .artcontent blockquote h2:nth-of-type(75) span.bznumb::after { content: "\e661"; } .artcontent blockquote h2:nth-of-type(76) span.bznumb::after { content: "\e662"; } .artcontent blockquote h2:nth-of-type(77) span.bznumb::after { content: "\e65d"; } .artcontent blockquote h2:nth-of-type(78) span.bznumb::after { content: "\e65f"; } .artcontent blockquote h2:nth-of-type(79) span.bznumb::after { content: "\e660"; } .artcontent blockquote h2:nth-of-type(80) span.bznumb::after { content: "\e65b"; } .artcontent blockquote h2:nth-of-type(81) span.bznumb::after { content: "\e65e"; } .artcontent blockquote h2:nth-of-type(82) span.bznumb::after { content: "\e65c"; } .artcontent blockquote h2:nth-of-type(83) span.bznumb::after { content: "\e65a"; } .artcontent blockquote h2:nth-of-type(84) span.bznumb::after { content: "\e64e"; } .artcontent blockquote h2:nth-of-type(85) span.bznumb::after { content: "\e656"; } .artcontent blockquote h2:nth-of-type(86) span.bznumb::after { content: "\e653"; } .artcontent blockquote h2:nth-of-type(87) span.bznumb::after { content: "\e652"; } .artcontent blockquote h2:nth-of-type(88) span.bznumb::after { content: "\e64f"; } .artcontent blockquote h2:nth-of-type(89) span.bznumb::after { content: "\e650"; } .artcontent blockquote h2:nth-of-type(90) span.bznumb::after { content: "\e64d"; } .artcontent blockquote h2:nth-of-type(91) span.bznumb::after { content: "\e64c"; } .artcontent blockquote h2:nth-of-type(92) span.bznumb::after { content: "\e649"; } .artcontent blockquote h2:nth-of-type(93) span.bznumb::after { content: "\e642"; } .artcontent blockquote h2:nth-of-type(94) span.bznumb::after { content: "\e64b"; } .artcontent blockquote h2:nth-of-type(95) span.bznumb::after { content: "\e648"; } .artcontent blockquote h2:nth-of-type(96) span.bznumb::after { content: "\e64a"; } .artcontent blockquote h2:nth-of-type(97) span.bznumb::after { content: "\e647"; } .artcontent blockquote h2:nth-of-type(98) span.bznumb::after { content: "\e644"; } .artcontent blockquote h2:nth-of-type(99) span.bznumb::after { content: "\e646"; } .artcontent blockquote h2:nth-of-type(100) span.bznumb::after { content: "\e643"; } .artcontent blockquote h2:nth-of-type(101) span.bznumb::after { content: "\e6bb"; } .artcontent blockquote h2:nth-of-type(102) span.bznumb::after { content: "\e6bd"; } .artcontent blockquote h2:nth-of-type(103) span.bznumb::after { content: "\e6ba"; } .artcontent blockquote h2:nth-of-type(104) span.bznumb::after { content: "\e6bc"; } .artcontent blockquote h2:nth-of-type(105) span.bznumb::after { content: "\e6b8"; } .artcontent blockquote h2:nth-of-type(106) span.bznumb::after { content: "\e6b7"; } .artcontent blockquote h2:nth-of-type(107) span.bznumb::after { content: "\e6b9"; } .artcontent blockquote h2:nth-of-type(108) span.bznumb::after { content: "\e6ae"; } .artcontent blockquote h2:nth-of-type(109) span.bznumb::after { content: "\e6a6"; } .artcontent blockquote h2:nth-of-type(110) span.bznumb::after { content: "\e6af"; } .artcontent blockquote h2:nth-of-type(111) span.bznumb::after { content: "\e6b2"; } .artcontent blockquote h2:nth-of-type(112) span.bznumb::after { content: "\e6ab"; } .artcontent blockquote h2:nth-of-type(113) span.bznumb::after { content: "\e6b1"; } .artcontent blockquote h2:nth-of-type(114) span.bznumb::after { content: "\e6b5"; } .artcontent blockquote h2:nth-of-type(115) span.bznumb::after { content: "\e6b4"; } .artcontent blockquote h2:nth-of-type(116) span.bznumb::after { content: "\e6b6"; } .artcontent blockquote h2:nth-of-type(117) span.bznumb::after { content: "\e6b0"; } .artcontent blockquote h2:nth-of-type(118) span.bznumb::after { content: "\e6a8"; } .artcontent blockquote h2:nth-of-type(119) span.bznumb::after { content: "\e6ad"; } .artcontent blockquote h2:nth-of-type(120) span.bznumb::after { content: "\e6a9"; } .artcontent blockquote h2:nth-of-type(121) span.bznumb::after { content: "\e6a7"; } .artcontent blockquote h2:nth-of-type(122) span.bznumb::after { content: "\e6f4"; } .artcontent blockquote h2:nth-of-type(123) span.bznumb::after { content: "\e6ac"; } .artcontent blockquote h2:nth-of-type(124) span.bznumb::after { content: "\e6a5"; } .artcontent blockquote h2:nth-of-type(125) span.bznumb::after { content: "\e6a2"; } .artcontent blockquote h2:nth-of-type(126) span.bznumb::after { content: "\e690"; } .artcontent blockquote h2:nth-of-type(127) span.bznumb::after { content: "\e6a4"; } .artcontent blockquote h2:nth-of-type(128) span.bznumb::after { content: "\e68b"; } .artcontent blockquote h2:nth-of-type(129) span.bznumb::after { content: "\e698"; } .artcontent blockquote h2:nth-of-type(130) span.bznumb::after { content: "\e69c"; } .artcontent blockquote h2:nth-of-type(131) span.bznumb::after { content: "\e6a1"; } .artcontent blockquote h2:nth-of-type(132) span.bznumb::after { content: "\e695"; } .artcontent blockquote h2:nth-of-type(133) span.bznumb::after { content: "\e6a3"; } .artcontent blockquote h2:nth-of-type(134) span.bznumb::after { content: "\e69b"; } .artcontent blockquote h2:nth-of-type(135) span.bznumb::after { content: "\e69e"; } .artcontent blockquote h2:nth-of-type(136) span.bznumb::after { content: "\e691"; } .artcontent blockquote h2:nth-of-type(137) span.bznumb::after { content: "\e699"; } .artcontent blockquote h2:nth-of-type(138) span.bznumb::after { content: "\e6a0"; } .artcontent blockquote h2:nth-of-type(139) span.bznumb::after { content: "\e696"; } .artcontent blockquote h2:nth-of-type(140) span.bznumb::after { content: "\e68e"; } .artcontent blockquote h2:nth-of-type(141) span.bznumb::after { content: "\e69f"; } .artcontent blockquote h2:nth-of-type(142) span.bznumb::after { content: "\e69d"; } .artcontent blockquote h2:nth-of-type(143) span.bznumb::after { content: "\e694"; } .artcontent blockquote h2:nth-of-type(144) span.bznumb::after { content: "\e68d"; } .artcontent blockquote h2:nth-of-type(145) span.bznumb::after { content: "\e68a"; } .artcontent blockquote h2:nth-of-type(146) span.bznumb::after { content: "\e693"; } .artcontent blockquote h2:nth-of-type(147) span.bznumb::after { content: "\e69a"; } .artcontent blockquote h2:nth-of-type(148) span.bznumb::after { content: "\e692"; } .artcontent blockquote h2:nth-of-type(149) span.bznumb::after { content: "\e697"; } .artcontent blockquote h2:nth-of-type(150) span.bznumb::after { content: "\e68c"; } .artcontent blockquote h2:nth-of-type(151) span.bznumb::after { content: "\e6f2"; } .artcontent blockquote h2:nth-of-type(152) span.bznumb::after { content: "\e6f1"; } .artcontent blockquote h2:nth-of-type(153) span.bznumb::after { content: "\e6f0"; } .artcontent blockquote h2:nth-of-type(154) span.bznumb::after { content: "\e6f3"; } .artcontent blockquote h2:nth-of-type(155) span.bznumb::after { content: "\e6ed"; } .artcontent blockquote h2:nth-of-type(156) span.bznumb::after { content: "\e6ef"; } .artcontent blockquote h2:nth-of-type(157) span.bznumb::after { content: "\e6ea"; } .artcontent blockquote h2:nth-of-type(158) span.bznumb::after { content: "\e6ee"; } .artcontent blockquote h2:nth-of-type(159) span.bznumb::after { content: "\e6ec"; } .artcontent blockquote h2:nth-of-type(160) span.bznumb::after { content: "\e6e8"; } .artcontent blockquote h2:nth-of-type(161) span.bznumb::after { content: "\e6e7"; } .artcontent blockquote h2:nth-of-type(162) span.bznumb::after { content: "\e6e0"; } .artcontent blockquote h2:nth-of-type(163) span.bznumb::after { content: "\e6dd"; } .artcontent blockquote h2:nth-of-type(164) span.bznumb::after { content: "\e6e6"; } .artcontent blockquote h2:nth-of-type(165) span.bznumb::after { content: "\e6da"; } .artcontent blockquote h2:nth-of-type(166) span.bznumb::after { content: "\e6e5"; } .artcontent blockquote h2:nth-of-type(167) span.bznumb::after { content: "\e6df"; } .artcontent blockquote h2:nth-of-type(168) span.bznumb::after { content: "\e6e3"; } .artcontent blockquote h2:nth-of-type(169) span.bznumb::after { content: "\e6e9"; } .artcontent blockquote h2:nth-of-type(170) span.bznumb::after { content: "\e6de"; } .artcontent blockquote h2:nth-of-type(171) span.bznumb::after { content: "\e6d7"; } .artcontent blockquote h2:nth-of-type(172) span.bznumb::after { content: "\e6e1"; } .artcontent blockquote h2:nth-of-type(173) span.bznumb::after { content: "\e6e2"; } .artcontent blockquote h2:nth-of-type(174) span.bznumb::after { content: "\e6e4"; } .artcontent blockquote h2:nth-of-type(175) span.bznumb::after { content: "\e6d9"; } .artcontent blockquote h2:nth-of-type(176) span.bznumb::after { content: "\e6dc"; } .artcontent blockquote h2:nth-of-type(177) span.bznumb::after { content: "\e6db"; } .artcontent blockquote h2:nth-of-type(178) span.bznumb::after { content: "\e6cd"; } .artcontent blockquote h2:nth-of-type(179) span.bznumb::after { content: "\e6c7"; } .artcontent blockquote h2:nth-of-type(180) span.bznumb::after { content: "\e6c2"; } .artcontent blockquote h2:nth-of-type(181) span.bznumb::after { content: "\e6c6"; } .artcontent blockquote h2:nth-of-type(182) span.bznumb::after { content: "\e6d2"; } .artcontent blockquote h2:nth-of-type(183) span.bznumb::after { content: "\e6d4"; } .artcontent blockquote h2:nth-of-type(184) span.bznumb::after { content: "\e6d6"; } .artcontent blockquote h2:nth-of-type(185) span.bznumb::after { content: "\e6ca"; } .artcontent blockquote h2:nth-of-type(186) span.bznumb::after { content: "\e6c0"; } .artcontent blockquote h2:nth-of-type(187) span.bznumb::after { content: "\e6be"; } .artcontent blockquote h2:nth-of-type(188) span.bznumb::after { content: "\e6ce"; } .artcontent blockquote h2:nth-of-type(189) span.bznumb::after { content: "\e6d3"; } .artcontent blockquote h2:nth-of-type(190) span.bznumb::after { content: "\e6c3"; } .artcontent blockquote h2:nth-of-type(191) span.bznumb::after { content: "\e6d1"; } .artcontent blockquote h2:nth-of-type(192) span.bznumb::after { content: "\e6d0"; } .artcontent blockquote h2:nth-of-type(193) span.bznumb::after { content: "\e6c1"; } .artcontent blockquote h2:nth-of-type(194) span.bznumb::after { content: "\e6c9"; } .artcontent blockquote h2:nth-of-type(195) span.bznumb::after { content: "\e6bf"; } .artcontent blockquote h2:nth-of-type(196) span.bznumb::after { content: "\e6c5"; } .artcontent blockquote h2:nth-of-type(197) span.bznumb::after { content: "\e6c4"; } .artcontent blockquote h2:nth-of-type(198) span.bznumb::after { content: "\e6cf"; } .artcontent blockquote h2:nth-of-type(199) span.bznumb::after { content: "\e6d5"; } .artcontent blockquote h2:nth-of-type(200) span.bznumb::after { content: "\e6c8"; } .artcontent blockquote summary{ font-weight: bold; } .artcontent blockquote details+details{ margin-top: .7rem; } .artcontent blockquote details{ padding: 8px 12px; border: 1px solid rgba(0,0,0,.125); border-radius: 6px; background: rgba(0,0,0,.028); } .artcontent blockquote details summary{ color: #333; } .artcontent blockquote details .qa{ margin: 5px 0px 0px -4px; padding: 3px 3px; } .zt_color_xiangliao, .zt_color_tiaoliao , .zt_color_fuliao , .zt_color_peiliao , .zt_color_rouqin , .zt_color_shengxian , .zt_color_sushi , .zt_color_chuju , .zt_color_canju , .zt_color_qita , .zt_color_time , .zt_color_shudu , .zt_color_danwei , .zt_color_ban_danwei , .zt_color_kedudanwei , .zt_color_mianshizaodian , .zt_color_qitashicai , .zt_color_shuiguo , .zt_color_cldw , .zt_color_wyscldw , .zt_color_rqksdw , .zt_color_huoguoshicai , .zt_color_neizangsc , .zt_color_yzshuiwuming , .zt_color_zacailei , .zt_color_shiwuchulihou , .zt_color_weiliangyuansu , .zt_color_gongxiao { margin: 0px 2px; font-weight: bold; } .zt_color_peiliao { color: #0092c7; } .zt_color_rouqin , .zt_color_rqksdw { color: #ff8432; } .zt_color_shengxian { color: #ef4e8f; } .zt_color_neizangsc { color: #668aff; } .zt_color_sushi { color: #02ac00; } .zt_color_tiaoliao , .zt_color_cldw { color: #955aff; } .zt_color_xiangliao { color: #d19100; } .zt_color_fuliao { color: #a5ae00; } .zt_color_qita , .zt_color_chuju , .zt_color_canju { color: #555; } .zt_color_shudu , .zt_color_danwei , .zt_color_ban_danwei{ color: #9c0101; } .zt_color_kedudanwei{ color: #ff3100; background-color: #fff5eb; padding: 1px 5px 1px; border-radius: 3px; } .zt_color_time{ color: #ff4747; background-color: #fff0f0; padding: 1px 5px 1px; border-radius: 3px; } .zt_color_wyscldw{ } .zt_color_mianshizaodian{ color: #eb7272; } .zt_color_huoguoshicai{ color: #0087ff; } .zt_color_shuiguo { color: #1cb58f; } .zt_color_cxshuiwuming{ color: #444; } .zt_color_zacailei{ color: #bd0fc7; } .zt_color_qitashicai { color: #487837; } .zt_color_shiwuchulihou{ color: #444; } .zt_color_weiliangyuansu{ color: #ff4747; } .zt_color_gongxiao{ color: #668aff; } .artcontent blockquote strong.zt_color_time:before{ content: "\e657"; font-family: "iconfont" !important; margin-right: 2px; } .artcontent blockquote a{ margin: 0px 3px; background-color: #e4edff; padding: 1px 5px 1px; border-radius: 3px; font-size: 15px; font-weight: bold; } .artcontent blockquote a:before { content: "\e687"; font-family: "iconfont" !important; } .artcontent blockquote strong.ml--5{ margin-left: -5px; } /*.artcontent blockquote p strong:nth-of-type(n+3) { margin-left: 0px; }*/ .external { padding-right:5px; } .external:before { content:"\e687"; font-family:"iconfont"; margin-right: 2px; } /*+++文章详页 END+++*/ /*================================*/ /*================================*/ /*+++列表页+++*/ .io-mx-n2 { margin-left:-.5rem !important; margin-right:-.5rem !important; } .io-px-2,.io-mx-n2 .url-card { padding-left:.5rem !important; padding-right:.5rem !important; } .card-app.default:hover .media,.card-app.card:hover { transform:translateY(-6px); -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); box-shadow:0 26px 40px -24px rgba(0,36,100,.3); -webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3); -moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; border: 1px solid color: rgba(0, 0, 0, .2);; } /*.app-info .tag { overflow:hidden; }*/ .app-info .tag a { padding:.125rem .3rem; background:rgba(134,134,134,.16); color:#6c757d; border-radius:3px; transition:.3s; } .app-info .tag a:not(.no-tag):hover { background:#3679f7; color:#fff; } .app-like .down i.iconfont{ margin-right: 2px; } .content-wrap .content-layout .h5.text-gray span{ display:none; } .content-wrap .content-layout .h5.text-gray span.cur{ display:inline; } /*tags*/ .tags-md{ padding-bottom: 5px; } .tags-md h4{ font-size: 16px !important; line-height:28px; font-weight: normal; color: #999; margin-bottom: 0; } .cpsub{ } .cpsub a{ display: inline-block; font-size: 14px; padding:0px 5px 0px 5px; margin: 4px 2px 2px 0; border-radius: 4px; box-shadow:0px 1px 2px rgba(0,0,0,.07); } .cpsub a:before{ margin: 0px 1px 0px -4px; } .red_tag a{ background: #fff4f3; color: #a42d26; border: 1px solid #f6cccb; } .red_tag a.current{ background: #ea4f47; color: #ffdedd; } .yellow_tag a{ background: #fffcec; color: #7d501f; border: 1px solid #e4d985; } .yellow_tag a.current{ background: #edb82b; color: #fff8c4; } .green_tag a{ background: #f4fff6; color: #1f6a2c; border: 1px solid #afe4bd; } .green_tag a.current{ background: #00c000; color: #e2fbe8; } .blue_tag a{ background: #ecffff; color: #117781; border: 1px solid #afeae9; } .blue_tag a.current{ background: #00c0bd; color: #e2fbf7; } /*.blue_tag a{ background: #f0f3ff; color: #3b4f93; border: 1px solid #cbd7ff; } .blue_tag a.current{ background: #668aff; color: #e4ebff; }*/ /*====家常小炒====*/ /*--red--*/ /*.red_tag.jiachangcai_1 a:nth-child(1):before{ content: ""; margin-right: 4px; } .red_tag.jiachangcai_1 a:nth-child(2):before{ content: "🥦"; } .red_tag.jiachangcai_1 a:nth-child(3):before{ content: "🥔"; } .red_tag.jiachangcai_1 a:nth-child(4):before{ content: "🥒"; } .red_tag.jiachangcai_1 a:nth-child(5):before{ content: "🍆"; } .red_tag.jiachangcai_1 a:nth-child(6):before{ content: "🫛"; } .red_tag.jiachangcai_1 a:nth-child(7):before{ content: "🍄‍🟫"; } .red_tag.jiachangcai_1 a:nth-child(8):before{ content: "🍞"; } .red_tag.jiachangcai_1 a:nth-child(9):before{ content: "🪸"; } .red_tag.jiachangcai_1 a:nth-child(10):before{ content: "🥓"; } .red_tag.jiachangcai_1 a:nth-child(11):before{ content: "🫘"; } .red_tag.jiachangcai_1 a:nth-child(12):before{ content: "🌰"; }*/ /*--yellow--*/ /*.yellow_tag.jiachangcai_2 a:nth-child(1):before{ content: ""; margin-right: 4px; } .yellow_tag.jiachangcai_2 a:nth-child(2):before{ content: "🥚"; } .yellow_tag.jiachangcai_2 a:nth-child(3):before{ content: "🐷"; } .yellow_tag.jiachangcai_2 a:nth-child(4):before{ content: "🐂"; } .yellow_tag.jiachangcai_2 a:nth-child(5):before{ content: "🐓"; } .yellow_tag.jiachangcai_2 a:nth-child(6):before{ content: "🦆"; } .yellow_tag.jiachangcai_2 a:nth-child(7):before{ content: "🥩"; } .yellow_tag.jiachangcai_2 a:nth-child(8):before{ content: "🐟"; } .yellow_tag.jiachangcai_2 a:nth-child(9):before{ content: "🪼"; } .yellow_tag.jiachangcai_2 a:nth-child(10):before{ content: "🫁"; } .yellow_tag.jiachangcai_2 a:nth-child(11):before{ content: "🔥"; } .yellow_tag.jiachangcai_2 a:nth-child(12):before{ content: "🌭"; } .yellow_tag.jiachangcai_2 a:nth-child(13):before{ content: "🥫"; }*/ /*--green--*/ /*.green_tag.jiachangcai_3 a:nth-child(1):before{ content: ""; margin-right: 4px; } .green_tag.jiachangcai_3 a:nth-child(2):before{ content: "🥘"; } .green_tag.jiachangcai_3 a:nth-child(3):before{ content: "🍳"; } .green_tag.jiachangcai_3 a:nth-child(4):before{ content: "🥬"; } .green_tag.jiachangcai_3 a:nth-child(5):before{ content: "🍲"; } .green_tag.jiachangcai_3 a:nth-child(6):before{ content: "🫕"; } .green_tag.jiachangcai_3 a:nth-child(7):before{ content: "🥨"; } .green_tag.jiachangcai_3 a:nth-child(8):before{ content: "🍯"; } .green_tag.jiachangcai_3 a:nth-child(9):before{ content: "🍢"; }*/ /*--blue--*/ /*.blue_tag.jiachangcai_4 a:nth-child(1):before{ content: ""; margin-right: 4px; } .blue_tag.jiachangcai_4 a:nth-child(2):before{ content: "🌶️"; } .blue_tag.jiachangcai_4 a:nth-child(3):before{ content: "🍋‍🟩"; } .blue_tag.jiachangcai_4 a:nth-child(4):before{ content: "🍬"; } .blue_tag.jiachangcai_4 a:nth-child(5):before{ content: "🍊"; } .blue_tag.jiachangcai_4 a:nth-child(6):before{ content: "🍕"; }*/ /*====粉面====*/ /*--red--*/ /*.red_tag.fenmian_1 a:nth-child(1):before{ content: ""; margin-right: 4px; } .red_tag.fenmian_1 a:nth-child(2):before{ content: "🍥"; } .red_tag.fenmian_1 a:nth-child(3):before{ content: "🍝"; }*/ /*--yellow--*/ /*.yellow_tag.fenmian_2 a:nth-child(1):before{ content: ""; margin-right: 4px; } .yellow_tag.fenmian_2 a:nth-child(2):before{ content: "🥚"; } .yellow_tag.fenmian_2 a:nth-child(3):before{ content: "🐷"; } .yellow_tag.fenmian_2 a:nth-child(4):before{ content: "🐟"; } .yellow_tag.fenmian_2 a:nth-child(5):before{ content: "🫁"; } .yellow_tag.fenmian_2 a:nth-child(6):before{ content: "🍞"; } .yellow_tag.fenmian_2 a:nth-child(7):before{ content: "🌰"; }*/ /*--green--*/ /*.green_tag.fenmian_3 a:nth-child(1):before{ content: ""; margin-right: 4px; } .green_tag.fenmian_3 a:nth-child(2):before{ content: "🍲"; } .green_tag.fenmian_3 a:nth-child(3):before{ content: "🍳"; } .green_tag.fenmian_3 a:nth-child(4):before{ content: "🍜"; }*/ /*+++列表页 END+++*/ /*================================*/ /*================================*/ /*+++文章列表页+++*/ .bulletin-card { transform:translateY(0); transition:.3s } .bulletin-card:hover { transform:translateY(-6px); box-shadow:0 26px 40px -24px rgba(0,36,100,.3); } .bulletin-swiper { box-sizing:border-box; height:25px; line-height:25px; overflow:hidden } .bulletin-swiper ul { margin:0; padding:0; list-style-type:none; font-size:14px } .artlist_date{white-space:nowrap;line-height:1.5625rem;} /*+++文章列表页 END+++*/ /*================================*/ /*================================*/ /*+++搜索页+++*/ #search { max-width:800px; position:relative; display: none;; } #search form { position:relative; border: 1px solid rgba(0, 0, 0, .1); border-radius: 6px; background: #fff;; } #search-text { z-index:inherit; padding:9pt; height:50px; font-size:1pc; border:0; border-radius:3px; background-color:#fff; transition:.3s; background: transparent;; } #search button { position:absolute; top:0; right:0; background:#313437; border:0; width:60px; height:36px; margin:7px 9pt 0; line-height:36px; border-radius:3px; } #search button:hover { background:#000; cursor:pointer; } #search button i { color:#fff; font-size:18px; } #search .search-select { height:50px; cursor:pointer; border:none; background-color:#fff; transition:.3s; } #search .input-group-prepend:not(.d-none)+.search-key { border-top-left-radius:0; border-bottom-left-radius:0; } .search-group { display:none; } .search-group-modal { display:none; } .s-current .search-type { padding-left:5px; display:initial; } /*+++搜索页 END+++*/ /*================================*/ /*================================*/ /*+++搜索页+++*/ .tags-body a { padding:.15rem .55rem; margin: .4rem .3rem; background:rgba(134,134,134,.16); color:#6c757d; border-radius:3px; transition:.3s; display: inline-block; } .tags-body a:not(.no-tag):hover { background:#3679f7; color:#fff; } /*+++搜索页 END+++*/ /*================================*/ /*================================*/ /* Footer */ .footer { background:rgba(255,255,255,.8); padding: 20px 1rem; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; font-family: "Roboto", sans-serif; font-weight: 400; border-top: 1px solid rgba(0, 0, 0, 0.07); /*position: fixed; bottom:0px; width:100%; z-index:1;*/ } .footer a { color: #6c757d; font-size: inherit; } footer .container-fluid br{ display:none; } .footer-social>a{position:relative;display:inline-block;margin:0px 4px;width:35px;height:35px;line-height:35px;text-align:center;} .footer-links>a+a:before,.footer-nav-links>li+li:before{content:"";width:4px;height:4px;margin:0 0.6em;border-radius:50%;display:inline-block;vertical-align:middle;background:#888;opacity:.3;vertical-align:0.2em} @media (max-width: 991px) { .footer { margin-left: 0; width: 100%; } } /*================================*/ /*================================*/ /* 评论 */ .profile img{width:48px;height:48px;border-radius:50%;} .children .profile img{width:40px;height:40px;border-radius:50%;} .comment-list .comment-text{border-bottom:1px solid rgba(135,135,135,.15);padding-bottom:1rem;margin-bottom:1rem;} .comment-list .children .comment_body,.comment-list .children .comment-respond{margin-left:2.575rem;padding:0 0 1rem;} .comment-list>.comment>.children .comment:last-child .comment-text{border-bottom:1px solid rgba(135,135,135,.15);padding-bottom:1rem;margin-bottom:0;} .comment-list>.comment:last-child .comment-text{border:0;padding-bottom:0;} .not-comment,.commclose{background-color:rgba(136,161,199,.06) !important;color:#888;} .comment-list .is-author{opacity:.5;cursor:pointer;transition:opacity .3s;} .comment-list .rank{position:relative;color:#fff;cursor:pointer;font-size:.75rem;padding:1px 8px;margin:0 4px;background:#303035;border-radius:6px;transition:opacity .3s;} .comment-list .rank:after{content:"";position:absolute;width:8px;height:4px;top:50%;margin-top:-2px;left:-4px;border-radius:2px;background:#ff655a;} .comment-list .rank:before{content:"";position:absolute;width:5px;height:5px;top:50%;margin-top:-2.5px;left:0px;border-radius:3px;background:#fff;} .comment-list .rank:hover{color:#fff;} .comment-list .is-author:hover{opacity:1;} .comment-form .comment-form-cookies-consent label{display:inline;}input[type="radio"]+label,input[type="checkbox"]+label{font-weight:400;} .form-submit{text-align:right;} .comment-list,.comment-list .children{list-style:none;margin:0;padding:0;} .comment-body{color:#333;margin-bottom:4em;} .comment-body{margin-left:65px;} /*.comment-author{position:relative;z-index:2;}*/ .comment-author .avatar{height:50px;left:-65px;position:absolute;width:50px;} .comment-metadata{color:#767676;font-weight:800;letter-spacing:.1818em;text-transform:uppercase;} .comment-reply-link{font-weight:800;position:relative;} .comment-list .comment-content .mb-1{ line-height: 1.3rem; } .comment-list .comment-content .mb-1 img{ display:inline-block; background: none; width: 1.6rem; height: 1.6rem; margin-top: -.2rem; margin: -.2rem -.04rem 0; align-items: center; cursor: pointer; } @media screen and (max-width:575.98px){ .shape-10{right:12%;width:100px} .comment-list .children .comment_body,.comment-list .children .comment-respond{margin-left:1.475rem;} } /*评论*/ .pb_comment{ margin: 0px auto 0px; } .pb_comment .remaining-w{ width: 80%;text-align: right; } .pb_comment .cmt_form{ margin: 10px 0px 0px; padding-bottom:75px; } .pb_comment .cmt_form.comment_reply_form{ margin: 10px 0px 60px 64px; } .pb_comment .smt{ position: absolute; bottom: -58px; right: 0;} .pb_comment .smt .cmt_post{ } .pb_comment .face_wrap img { width: 50px; height: 50px; } /*输入框*/ .pb_comment .input_wrap { position: relative; } .pb_comment .input_wrap textarea { background: rgba(255,255,255,.05); border: 1px solid #ced4da; border-bottom: none; border-radius: .35rem .35rem 0 0; width: 100%; height: 100px; line-height: 24px; overflow: auto; padding: 8px; color: #666; box-sizing: border-box; -webkit-appearance:none; font-size: 16px; font-family: "Microsoft Yahei",Arial,Helvetica; } .pb_comment .input_wrap .handle { position: relative; background: #f8f9fc; border: 1px solid #ced4da; border-radius: 0 0 .35rem .35rem; width: 100%; height: 40px; color: #ccc; box-sizing: border-box; } .pb_comment .input_wrap .face{ cursor: pointer; position: absolute; width: 3rem; height: 2.5rem; cursor: pointer; z-index: 2; } .pb_comment .input_wrap .face.curr{ background: #fff; } .pb_comment .input_wrap .face-box{ display:none; padding: 10px; width: 18.2rem; position: absolute; top: 42px; background: rgba(255,255,255,.96); border: 1px solid #ced4da; border-radius: .35rem; margin-left: -1px; z-index: 1; box-shadow: 0 .125rem .35rem rgba(0,0,0,.125)!important; } .pb_comment .input_wrap .face-box img{ display:inline-block; background: none; width: 1.8rem; height: 1.8rem; margin: .3rem; float: left; cursor: pointer; } .pb_comment .icon-face{ display:block; width: 3rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.45rem; text-align: center; /*background: url(../img/comment_face_icon.png) no-repeat center top; background-size: 3rem 5rem;*/ } .pb_comment .icon-face:hover,.pb_comment .input_wrap .face.curr .icon-face{ color:#5d6575; } .pb_comment .remaining-w { float: left; margin-left: 46px; line-height: 39px; border-left: 1px solid rgba(0,0,0,.07); font-size: 14px; width: calc(100% - 60px); } .pb_comment .smt{ width: 100%; height: 38px; color: #333; } .pb_comment .smt span{ float: left; height: 2rem; line-height: 2rem; padding-right: .3rem; } .pb_comment .smt .cmt_text { width: 110px; height: 38px; line-height: 38px; padding: 5px 5px; background: rgba(255,255,255,.07); color: rgba(0,0,0,.4); border-radius: 3px; border: 1px solid #ced4da; vertical-align:middle; float: left; -webkit-appearance:none; font-size:.85rem; } .mac_verify_img{ width: 60px; height: 38px; display: block; float: left; overflow: hidden; margin-left: 8px; border: none; font-size: 14px; } /*.pb_comment .smt .cmt_post { background: #0bbe06; border: currentColor; width: 150px; height: 34px; text-align: center; color: #fff; line-height: 34px; font-size: 14px; display: inline-block; cursor: pointer; vertical-align:middle; border-radius: 3px; float: right; -webkit-appearance:none; }*/ .pb_comment .smt .cmt_post{ float: right; } .pb_comment .sort_wrap { padding-bottom: 2px; border-bottom-color: rgb(215, 215, 215); border-bottom-width: 1px; border-bottom-style: solid; } .pb_comment .sort_wrap a:hover { text-decoration: none; } .pb_comment .sort_wrap .current { color: rgb(49, 139, 183); font-weight: bold; border-bottom-color: rgb(43, 140, 230); border-bottom-width: 2px; border-bottom-style: solid; } .cmt_wrap{ padding: 10px 0px 10px; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); margin: 70px 0px 0px; } .mac_pop_msg_bg{ position: fixed; background: rgba(0,0,0,.45); width: 100%; height: 100%; top: 0; line-height: 0; z-index: 300; } .mac_pop_msg{ position: fixed; left: 50%; top: 40%; z-index: 301; margin-left: -50px; text-align: center; } .pop-msg{ background: #fff; padding: 10px; border-radius: 3px; color: #222; } /* 评论 end */ /*================================*/ @media (max-width:768px){ .navbar-custom .logo,.navbar-custom .logo.logo-sm{width:60px;} .navbar-custom .logo .logo-lg,.navbar-custom .logo.logo-sm .logo-lg{display:none;} .navbar-custom .logo .logo-sm,.navbar-custom .logo.logo-sm .logo-sm{display:inline-block;} /*+++列表页+++*/ .io-mx-n2 { margin-left:-.825rem !important; margin-right:-.825rem !important;} .io-px-2,.io-mx-n2 .url-card {padding-left:.825rem !important;padding-right:.825rem !important;} /*+++列表页 END+++*/ } .logo{line-height:59px;} .page-title-box{margin:5px 0 5px 0;} .page-title-box .page-title{font-size:19px;margin:0;line-height:50px;color:#323a46;} .page-title-box .page-title-right{float:right;} .page-title-box .breadcrumb{margin-bottom:0;padding:14px 0;background: transparent;} .page-title-box .breadcrumb a{color:#98a6ad;} /*小型设备（横屏手机，小于768px）*/ @media (max-width:767.98px){ body{overflow-x:hidden;} .left-side-menu{ z-index:102!important; max-width: 0; overflow: hidden; transition: max-width 0.2s ease; } .sidebar-enable .left-side-menu{ max-width: 230px; transition: max-width 0.3s ease; } .content-page,.enlarged .content-page{margin-left:0!important;} .pro-user-name{display:none;} .logo-box{display:none;} .page-title-box .page-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:60px;} .page-title-box .breadcrumb{display:none;} .list-title{ font-size: .9375rem !important; } .row { margin-right:-.5rem; margin-left:-.5rem; } .row [class*="col-"] { padding-right:.5rem; padding-left:.5rem; } } /*Mobile*/ @media (max-width:640px){ .page-title-box .page-title-right{display:none;} .navbar-custom .button-menu-mobile.navbar-toggle.open span{position:static;} .navbar-custom .button-menu-mobile.navbar-toggle.open span:first-child{top:30px;transform:rotate(0deg);} .navbar-custom .button-menu-mobile.navbar-toggle.open span:nth-child(2){visibility: visible;} .navbar-custom .button-menu-mobile.navbar-toggle.open span:last-child{width:100%;top:30px;transform:rotate(0deg);} .sidebar-enable .left-side-menu{ top: 0px; } .sidebar-enable .navbar-custom .button-menu-mobile.navbar-toggle span{position:absolute;} .sidebar-enable .navbar-custom .button-menu-mobile.navbar-toggle span:first-child{top:30px;transform:rotate(45deg);} .sidebar-enable .navbar-custom .button-menu-mobile.navbar-toggle span:nth-child(2){visibility:hidden;} .sidebar-enable .navbar-custom .button-menu-mobile.navbar-toggle span:last-child{width:100%;top:30px;transform:rotate(-45deg);} /*.slimScrollDiv{ z-index: 2; }*/ .sidebar-enable .mini_side_menu_mohu{ width:100%; height:100%; position: fixed; background: rgba(0, 0, 0, .4); top: 0px; right:0px; z-index:101; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);} #sidebar-menu>ul>li.sidebar-menu_logo{ display:inline-block; } #sidebar-menu>ul>li.sidebar-menu_logo a{ text-align: center; } #sidebar-menu>ul>li.sidebar-menu_logo.mm-active a{ background:none; } #sidebar-menu>ul>li.sidebar-menu_logo a img{ width:92%; height: auto; margin: 0 auto; } #sidebar-menu>ul>li.search_m1644{ display:inline-block; padding: 8px 0px 12px 15px; } #sidebar-menu>ul>li.search_m1644 .form-control{border:none;height:38px;padding-left:15px;padding-right:40px;color:#495057;background-color:#e9ecef;box-shadow:none;min-width:190px;width:35%;border-radius:20px;} #sidebar-menu>ul>li.search_m1644 .btn{border-radius:0;padding:5px 12px 6px 12px;border:2px solid transparent;box-shadow:none;border-bottom-right-radius:3px;border-top-right-radius:3px;background:0 0;color:#495057;margin-left:-50px;font-size:15px;} /* .sidebar-enable #sidebar-menu>ul>li>ul{padding-left:32px;}*/ .panel-body-cont img{ max-width:98%; min-height: 75%; border-radius:6px; } #content{ padding: 0 15px; } /* .cursor-pointer{ display:none; }*/ .mobile_ck{ display:none; } .container{ max-width: 100%; padding: 0px 10px; } #search{ display:block; } footer .pozhehao{ display:none; } footer .container-fluid br{ display:inline-block; } .icon-shijian{ display:none; } } /*超小型设备（竖屏手机，小于 419px）*/ @media (max-width:419px){ .page-title-box .breadcrumb{display:none;} }