body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;color:#555} ul,ol,dl,dt,dd{margin:0;padding:0} ul{list-style:none} table{font-size:12px} .table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{vertical-align:middle;padding:10px;border-top-color:#eee} a{color:#666} a:hover{color:#45B6F7;text-decoration:none} a:focus{outline:0} .badge{background: #ee5b2f;padding: 2px 5px;font-style: normal;vertical-align: 1px;} .wow{visibility:hidden;} .no-post{height: 400px;display: flex;align-items: center;justify-content: center;} .no-post h2 {margin: 0;color: #999;font-size: 14px;line-height: 1.6;text-align: center;} .thumbnail{border:none;padding:0;margin:0} .btn{border-radius:2px;padding:6px 15px} .btn-xs,.btn-group-xs > .btn{border-radius:2px;padding:3px 6px} .btn-sm,.btn-group-sm > .btn{border-radius:2px;padding:5px 12px} .btn-lg,.btn-group-lg > .btn{font-size:18px;border-radius:4px;padding:12px 28px} .btn-default{border-color:#ddd;color:#666} .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default{border-color:#bbb;color:#444} .btn-primary{background-color:#45B6F7;border-color:#45B6F7} .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{background-color:#45B6F7;border-color:#45B6F7;opacity:0.85;filter:alpha(opacity=85)} .btn-danger{background-color:#FF5E52;border-color:#FF5E52} .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger{background-color:#EF4639;border-color:#EF4639} .label{border-radius:2px;font-weight:normal;padding:0 3px} .label-primary{background-color:#45B6F7} .modal-content{border-radius:4px;border:none} .site-nav li a i,.item li a i{margin-right:3px;} .single .article-content{max-height:700px} .bulletin .separator{padding:0 10px;} .alipay-logo{display:block;width:280px;position:relative;left:0;top:0;float:left;height:65px;background-position:0 0;background-repeat:no-repeat;background-image:url(../img/logo.png)} /*----lazyshow------*/ img.lazy {opacity: .3;-webkit-transform: scale(.9); -moz-transform: scale(.9);transform: scale(.9); -webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-perspective-origin: top center; -moz-perspective-origin: top center; perspective-origin: top center;} img.lazy.show {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} @media (min-width:768px){ .container{width:auto} } @media (min-width:992px){ .container{width:auto} } @media (min-width:1200px){ .container{width:auto} } img{max-width:100%} body{background-color:#f6f6f6;position:relative} .container{position:relative;margin:0 auto;max-width:1200px;padding:0} .header{position:relative;top:0;left:0;right:0;z-index:9;background-color:#fff;padding:55px 0 20px;margin-bottom:15px;border-bottom:1px solid #EAEAEA;border-color:rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.03);-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;} .uc-header{position:relative;margin-bottom:15px;background:#fff;z-index:9;top:0px;width:100%;border-bottom:1px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,.04)} .uc-header .topbar{background:#e7e7e7;border-bottom:1px solid #dedede;width: 100%;height:30px;position: relative;top: 0;margin: 0;} .uc-header .topbar .bar{line-height:30px;} .uc-header .user-info{float:left;margin:4px 0;color:#999} .uc-header .user-info a{/*padding:5px 6px;*/color:#999} .uc-header .user-info a i{margin-right:3px;} .uc-header .wp{height:80px;} .uc-header .uc-logo{float:left;margin-left:0px} .uc-header .uc-logo>.logo{margin:24px 0;} .uc-header .uc-logo>.brand{margin:24px 0 0 10px;} .uc-header .uc-menu{float:right;margin-left:20px;margin-top:0} .uc-header .uc-menu-ul{max-width:900px;} .uc-header .uc-menu-ul>li{float:left} .uc-header .uc-menu-ul>li>a{display:inline-block;padding:0px 13px;height:80px;line-height:80px;font-size:16px;-webkit-transition:all 0s;-moz-transition:all 0;-ms-transition:all 0s;-o-transition:all 0s;transition:all 0s} .uc-header .topmenu{margin: 0 -15px 0 0;} .uc-header .topmenu.site-nav .sub-menu{padding:0;} .uc-header .topmenu a{display:block;padding:0 13px;} .uc-header .uc-menu-ul>li>a:hover{color:#fff;background-color:#45B6F7} .uc-header .site-nav li:hover> .sub-menu{display:block;} .uc-header .uc-menu-ul .navto-search a:hover{color:#45B6F7;background-color:#fff0} .uc-header .site-navbar{margin-right: -13px;} .uc-header .site-navbar>ul>li.menu-item-has-children:hover>a::after{border-top-color:#fff} .uc-header .menu-item-has-children>a::after{position: absolute;display: inline-block;top: 49%;right: 2px;content: '';border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #777;} .uc-header .sub-menu .menu-item-has-children>a::after{right:15px;} .uc-header .site-nav .sub-menu{padding:0;border-radius:0;width: 150px;background-color: rgba(255, 255, 255, 0.9);border-bottom:1px solid #ddd; box-shadow:none;-moz-box-shadow: none;-webkit-box-shadow:none; } .uc-header .site-nav .sub-menu li{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right: 1px solid #ddd;} .uc-header .site-nav .sub-menu a{padding:10px 20px;} .uc-header .site-nav .sub-menu a:hover{background-color:#ddd;} .uc-header .site-nav .sub-menu .sub-menu{top:0} .uc-header .site-nav .sub-menu{-webkit-animation-name: avatar;animation-name: avatar;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;} .uc-header .menusns .sub-menu{width:120px;} .uc-header .menusns .sub-menu a{padding:5px 10px;} @keyframes avatar {16.65% {-webkit-transform: translateY(8px);transform: translateY(8px)}33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px)}49.95% {-webkit-transform: translateY(4px);transform: translateY(4px)}66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px)}83.25% {-webkit-transform: translateY(1px);transform: translateY(1px)}100% {-webkit-transform: translateY(0);transform: translateY(0)}} .site-minicat .header,.page-template-pagesnavs-php .header,.page-template-pagestheme-php .header,.page-template-pagestools-php .header,.page-template-pagesthemes-php .header,.category-job .header,.full-width .header{box-shadow:none;border-bottom:none;margin-bottom:0} .site-minicat .uc-header, .page-template-pagesnavs-php .uc-header, .page-template-pagestheme-php .uc-header, .page-template-pagestools-php .uc-header, .page-template-pagesthemes-php .uc-header, .category-job .uc-header, .full-width .uc-header{box-shadow:none;border-bottom:none;margin-bottom:0} .carousel{margin-bottom:15px;z-index:0} .carousel-inner .item a{display:block;text-align:center} .carousel-inner .item img{margin:0 auto;border-radius:4px} .carousel-control{width:40px;height:80px;top:50%;margin-top:-40px} .carousel-control.left,.carousel-control.right{background:none} .carousel-control:hover{background-color:#000;opacity:.5;color:#fff} .carousel .fa{font-size:30px;margin-top:62%} .carousel-indicators{bottom:6px} .carousel-indicators li{margin: 1px 4px;width: 9px;height: 9px;background-color: rgba(0, 0, 0, 0.2);border: none;} .carousel-indicators li.active{width:9px;height:9px;margin: 1px 4px;} #homeslider{margin-bottom:15px} .content-wrap{width:100%;float:left} .content{position:relative;min-height:500px;margin-right:380px;margin-bottom:15px} .site-layout-1 .content,.full-width .content{margin-right:0} .site-layout-1 .article-meta .bianlan{display:none;} .site-layout-3 .content{margin-left:380px;margin-right: 0;} .site-layout-3 .sidebar{float: left;margin-left: -100%;} .site-layout-3 .container-page .content{margin-left: 0;} .site-layout-3.page .content.resetpass{margin-left: 0;} .site-layout-3 .container-no-sidebar .content{margin-left: 0;} @media (max-width:1024px){ .site-layout-3 .content{margin-left: 0;} } .sidebar{float:left;margin-left:-360px;width:360px;position:relative} .theiaStickySidebar > div:nth-last-child(1){margin-bottom:0;} .single .content{padding:0 20px;background-color:#fff;border:1px solid #eaeaea;border-radius:4px;border-top:2px solid #FF5E52} .single-format-aside .content{margin-right:0} .logo{float:left;margin:0;position: relative;overflow: hidden;} .logo a{height:32px;display:block;font-size:0;position:relative;overflow:hidden;} .logo img{vertical-align:top;max-height:32px;display:block;} .brand{font-size:14px;float:left;line-height:15px;color:#bbb;padding-left:10px;position:relative;top:1px;border-left:2px solid #eaeaea;margin-left:10px;overflow:hidden;height:30px} .site-navbar{float:right;font-size:18px;/* margin-top:5px; */margin-right:-15px;} .site-navbar li{position:relative;float:left} .site-navbar li:hover{z-index:2} .site-navbar a{display:block;padding:0 15px;color: #666;line-height: 32px;} .site-navbar li:hover > a,.site-navbar li.active a:hover,.site-navbar a:hover{color:#45B6F7} .site-navbar .fa{width:18px;} .site-navbar .fa-angle-down{width:11px} .sub-menu a{padding: 4px 25px;position: relative;white-space: normal;font-size: 14px;} .header .sub-menu .menu-item-has-children>a::after{content: "\f104";font-family: "FontAwesome";font-weight:900;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 50%;right: 10px;margin-top: -15px;font-size: 13px;} .search-on .site-navbar li.navto-search a{color:#45B6F7} .topbar .fa{width:14px} .topbar .fa-angle-down{width:9px} .topbar{position:absolute;top:-39px;left:0;right:0;margin-bottom:20px;margin-right:-15px;color:#999} .topbar a{color:#999;position:relative} .topbar a i{margin-right:3px;} .topbar a:hover{color:#45B6F7} .topbar .badge {position: absolute;top: -5px;right: -5px;} .topmenu{float:right;} .topmenu li{position:relative;float:left} .topmenu li:hover{z-index:2} .topmenu.site-nav .sub-menu{width:132px;padding:5px 0;background: #fff;} .topmenu a{display:block;padding:0 15px;color:#999;} .topmenu .red{color:#FF5E52;display:inline-block} .topmenu .red:hover{color:#FF5E52;text-decoration:underline} .topbar-off .header{ padding-top: 20px;} @-webkit-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} @-o-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} @-moz-keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} @keyframes searchLights{0%{left:-100px;top:0}to{left:120px;top:100px}} .header>.container>.logo>a>img{margin:0 auto;margin-bottom:32px} .header>.container>.topbar>.topmenu{margin-right:0} .s-lights .uc-logo .logo a:before,.s-lights .header .logo a:before{content:"";position:absolute;width:220px;height:15px;background-color:rgba(255,255,255,0.53);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite} @media (max-width:1024px){ .topmenu a{padding: 0px 10px;} } .site-nav .sub-menu{display:none;position:absolute;top:100%;left:0;line-height:32px;width: 160px;box-shadow: 0 0 3px 0 #aaa;-moz-box-shadow: 0 0 3px 0 #aaa;-webkit-box-shadow: 0 0 3px 0 #aaa;padding: 0;} .site-nav li > ul .sub-menu{left:100%;top:0;} .site-nav .sub-menu li{float:none;background-color: #fff;} .site-nav .sub-menu a:hover{background-color:#f6f6f6} .header .site-nav > li:hover > .sub-menu{display:block;animation:menuLevel2Show 0.3s ease-out forwards;-webkit-animation:menuLevel2Show 0.3s ease-out forwards} .header .site-nav .sub-menu > li:hover > ul{display:block;animation:menuLevel3Show 0.3s ease-out forwards;-webkit-animation:menuLevel3Show 0.3s ease-out forwards} @-webkit-keyframes menuLevel2Show{0%{opacity:0;margin-top:30px}10%{opacity:0;margin-top:30px}100%{opacity:1;margin-top:0px}} @keyframes menuLevel2Show{0%{opacity:0;margin-top:30px}10%{opacity:0;margin-top:30px}100%{opacity:1;margin-top:0px}} @-webkit-keyframes menuLevel3Show{0%{opacity:0;margin-left:30px;margin-top:0}10%{opacity:0;margin-left:30px;margin-top:0}100%{opacity:1;margin-left:0px;margin-top:0}} @keyframes menuLevel3Show{0%{opacity:0;margin-left:30px;margin-top:0}10%{opacity:0;margin-left:30px;margin-top:0}100%{opacity:1;margin-left:0px;margin-top:0}} .site-nav li:hover .fa-angle-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .site-nav li.current-menu-item > a,.site-nav li.current-menu-parent > a{color:#45B6F7} .site-nav>li.menu-item-has-children:hover a::after{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-top: -15px;} .site-nav>li.menu-item-has-children>a::after {content: "\f107";font-family: "FontAwesome";font-weight:900;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 50%;right: 0;margin-top: -15px;font-size: 13px;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;} .sign-info{font-size:12px;clear:both;margin-top:10px} .site-search{background-color:#fff;background-color:rgba(255,255,255,0.95);position:absolute;top:0;left:0;right:0;height:100px;z-index:8;opacity:0} .search-on .site-search{top:108px;opacity:1} .topbar-off.search-on .site-search{top: 73px;} .site-search-form{padding:25px 20%;overflow:hidden} .search-input{float:left;color:#999;border:solid 1px #ddd;width:85%;height:50px;padding:4px 12px;border-right:none;font-size:16px;border-radius:2px 0 0 2px;outline:none} .search-input:focus{border-color:#45B6F7} .search-btn{color:#fff;border:none;background:#45B6F7;height:50px;font-size:16px;padding:0 12px;border-radius:0 2px 2px 0;width:15%} .search-btn:hover,.search-btn:focus{color:#fff;opacity:0.85;filter:alpha(opacity=85)} .search-btn .fa{font-size:16px;width:16px} .site-search-form a{margin-left:20px;color:#999} .site-search-form a:hover{color:#45B6F7} .search .site-search{position:relative;margin:-15px 0 15px;border-bottom:1px solid #eaeaea;opacity:1;} .branding{position:relative;z-index:9;text-align:center;padding:50px 20px} .branding h1,.branding h2{margin:0 0 25px;font-size:30px} .branding h1 .fa,.branding h2 .fa{display:block;margin-bottom:10px} .branding .btn{margin:0 10px;padding: 8px 18px;font-size: 16px;border-radius: 4px;} .branding-primary{background-color:#45B6F7;color:#fff} .branding-primary p{font-weight:bold;font-size:12px;color:#fff;margin-bottom:0} .branding-primary p strong{color:#2C7EB3} .branding-primary .btn{border-color:#fff;color:#fff} .branding-primary .btn:hover{background-color:#fff;color:#45B6F7} .branding-black{background-color:#444} .branding-black h1,.branding-black h2{color:#ccc} .branding-black .btn{border-color:#ccc;color:#ccc} .branding-black .btn:hover{background-color:#ccc;color:#444} .branding-white{background-color:#fff} .branding-white h1{color:#888} .branding-sm{padding-top:40px;padding-bottom:40px;} .branding-mb{margin-bottom:15px} .title,.pagetitle{margin-bottom:10px;overflow:hidden} .title h3,.pagetitle h1,.pagetitle h2{font-size:18px;margin:0;float:left;font-weight:600;} .title .more{float:right;position:relative;} .title .more a{display:inline-block;margin-left:20px;color:#999} .title .more a:hover{color:#45B6F7} .pagetitle small{margin-left:5px;position:relative;color:#999} .title .pull-right{font-size:12px;position:relative;bottom:-4px} .title .pull-right a{color:#bbb} .title .pull-right a:hover{color:#999} .single .title{border-bottom:1px solid #eaeaea;padding-bottom:10px} .asb{position:relative;overflow:hidden;text-align:center} .asb img{max-width:100%} .asb-large{margin-bottom:30px} .asb-large img{max-width:100%} .asb-post{margin-bottom:30px} .asb-index,.asb-tag,.asb-cat,.asb-search{margin-bottom:15px} .asb-post-01{margin-bottom:20px} .asb-your{display:block;background-color:#FBFBFB;border:2px dashed #BBB;color:#AAA;font-size:15px;text-align:center;overflow:hidden;clear:both} .asb-your:hover{border-color:#FF5E52;color:#FF5E52} .excerpt{border:1px solid #eaeaea;padding:20px 20px 20px 255px;overflow:hidden;background-color:#fff;margin-bottom:-1px;position: relative;} .excerpt .post-linkto{text-align:right;margin-bottom:0} .excerpt-text{padding-left:20px} .excerpt-text .note{margin-bottom:0} .excerpt-1{border-radius:4px 4px 0 0} .excerpt-10{border-radius:0 0 4px 4px} .excerpt:hover{background-color:#f9f9f9;position:relative;z-index:2} .excerpt .focus{float:left;margin-left:-235px;width:220px;height:150px;overflow:hidden} .excerpt .thumb{width:220px;height:150px} .excerpt header{margin-bottom:10px} .excerpt .cat{color:#fff;background-color:#45BCF9;padding:3px 6px;font-size:12px;display:inline-block;position:relative;top:-2px;margin-right:6px} .excerpt .cat:hover{opacity:0.85;filter:alpha(opacity=85)} .excerpt .cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #45BCF9;border-top:4px solid transparent;border-bottom:4px solid transparent} .excerpt h2{display:inline;font-size:18px;line-height:24px;margin-top:0;font-weight:bold} .excerpt h2 a{color:#555} .excerpt h2 a:hover{color:#45B6F7} .excerpt h2 a span{color:#FF5E52} .excerpt h2 a:hover span{color:#45B6F7} .excerpt time,.excerpt .pv,.excerpt .pc,.excerpt .author{margin-right:20px} .excerpt small{position: absolute;right: 10px;bottom: 14px;background-color: #45b6f7;padding: 6px 6px;border-radius: 2px;color: #fff;opacity:0.8;} .excerpt small:hover{opacity:1;} .excerpt small a{color:#fff;text-decoration:none;} .excerpt .note{font-size:12px;color:#999;word-wrap:break-word;line-height:20px} .excerpt .meta{color:#999;font-size:12px;margin-bottom:10px} .excerpt .meta .fa{margin-right:4px} .excerpt .meta a{color:#999;} .excerpt .meta a:hover{color:#45B6F7} .list-comments-r .excerpt .meta .pc{float:right;margin-right:0} .excerpt h2 b,.excerpt .note b{color:#FF5549} .excerpt .note b{font-weight:normal} .excerpt-minic{border:1px solid #eaeaea;padding:20px;overflow:hidden;background-color:#fff;margin-bottom:15px;border-radius:4px} .excerpt-minic h2{font-size:22px;line-height:24px;margin-top:0;font-weight:bold;margin:0 0 15px} .excerpt-minic h2 a{color:#555} .excerpt-minic h2 a:hover{color:#45B6F7} .excerpt-minic h2 a span{color:#FF5E52} .excerpt-minic h2 a:hover span{color:#45B6F7} .excerpt-minic time,.excerpt-minic .pv,.excerpt-minic .pc,.excerpt-minic .author{margin-right:20px} .excerpt-minic .meta{color:#999;margin-bottom:15px;font-size:12px;padding-bottom:15px;border-bottom:1px solid #eaeaea} .excerpt-minic .meta .fa{margin-right:4px} .excerpt-minic .meta a{color:#999;text-decoration:underline} .excerpt-minic .meta a:hover{color:#45B6F7} .excerpt-minic .article-content p{text-indent:30px} .excerpt-minic .article-content p:last-child{margin-bottom:0} .excerpt-minic .note{color:#666;margin-bottom:0;text-indent:28px} .excerpt-minic-index{} .excerpt-minic-index h2{font-size:18px} .excerpt-minic-index .meta{border-bottom:none;padding-bottom:0} .excerpt-minic-index .red{margin-left:-8px;color:#FF5E52} .article-header{margin-bottom:20px;padding:25px 0;border-bottom:1px solid #eee;text-align:center} .article-title{margin-top:0;font-size:26px;line-height:36px} .article-title a,.article-title a:hover{color:#555} .article-title a span{color:#FF5E52} .article-meta{font-size:14px;color:#999} .article-meta .item{margin-right:20px} .article-content{font-size:15px;line-height:25px;word-wrap:break-word;overflow:hidden;position: relative;} .article-content img{margin:5px 0;display:block;max-width:100%;height:auto} .article-content h2,.article-content h3,.article-content h4,.article-content h5{padding:10px 0;margin-bottom:18px;color:#555;font-weight:bold} .article-content h2{font-size:18px;font-weight:bold;margin:18px 0;border-bottom:1px solid #eaeaea} .article-content h3{font-size:16px} .article-content h4{font-size:15px} .article-content h5{font-size:14px} .article-content li{margin-bottom:6px} .article-content ul,.article-content ol{margin:0 0 18px 50px} .article-content ul{list-style:disc} .article-content ol{list-style:decimal} .article-content .theme li{margin-top: 15px;vertical-align: top;font-size: 14px;color: #999;} .article-content li strong{font-size: 14px;color: #4e585a;} .article-content p{margin-bottom:18px;word-wrap:break-word} .article-content pre{word-wrap:break-word} .article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px} .article-content table th{background-color:#f9f9f9;text-align:center} .article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px} .article-content .alignnone{margin:0 auto} .article-content .alignleft{float:left;text-align:left;margin-right:10px} .article-content .aligncenter{margin:0 auto;text-align:center;display:block} .article-content .alignright{float:right;text-align:right;margin-left:10px} .article-content .wp-caption{margin-bottom:18px;background-color:#f6f6f6;padding:10px 10px 1px;max-width:100%} .article-content .wp-caption img{margin:0 0 5px} .article-content .wp-caption p{margin-bottom:10px;text-indent:0} .article-content .wp-caption.alignnone{text-align:center} .article-content .wp-caption:hover .wp-caption-text{color:#45B6F7} .article-content a{text-decoration:underline;color:#45B6F7} .article-content a:hover{color:#FF5E52} .article-content pre,.comment pre{margin:20px 0;font:12px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none} .article-content blockquote{margin: 10px 0 10px 10px;padding: 15px 20px 8px;font-size:16px;color:#999;border-left:5px solid #EEE;} .article-content blockquote p{margin:0;padding:0;margin-bottom:10px} .vipshow {background-color: #eee;line-height: inherit;padding: 20px;text-align: center;margin: 0 auto;border-radius: 4px;position: relative;text-shadow: 0 -1px 0 rgba(0,0,0,0.1);display: block;width: 100%;margin-bottom: 10px;} .p_indent .article-content p{text-indent: 2em; } .article-content .dltable p{text-indent: 0;} .post-copyright{background-color:#eee;font-size:12px;padding:8px 30px;border-radius:2px;color:#aaa;text-align:center;margin-bottom:18px} .post-copyright a,.post-copyright a:hover{color:#aaa;text-decoration:none} .post-copyright:hover{background-color:#45B6F7;color:#fff} .post-copyright:hover a{color:#fff} .asb-post-footer{margin-bottom:18px} .asb-post-footer b{font-weight:normal;color:#41C282} .asb-post-footer strong{font-weight:normal;color:#FD6A5E} .asb-post-footer a{text-decoration:none;border-bottom:solid 2px #eee} .asb-post-footer a:hover{border-bottom-color:#1FAEFF} .gallery .gallery-item{margin-bottom:18px !important;margin-top:0 !important;text-align:center !important} .gallery .gallery-item a{display:inline-block} .gallery .gallery-item img{border:none !important;margin:0 auto !important} .gallery .gallery-item dd{color:#999 !important;margin-top:2px !important} .article-tags{margin:30px 0;text-align:center} .article-tags a{display:inline-block;padding:4px 7px 3px;margin:0 4px 4px 0;color:#fff;font-size:12px;background-color:#45B6F7;opacity:0.85;filter:alpha(opacity=85)} .article-tags a:hover{color:#fff;opacity:1;filter:alpha(opacity=100)} .tag-clouds{overflow:hidden} .tag-clouds a{float:left;margin:0 1% 1% 0;padding:0 10px;line-height:28px;height:28px;width:19%;color:#999;background-color:#eee;font-size:12px;border-radius:2px} .tag-clouds a small{margin-left:5px} .tag-clouds a:hover{color:#fff;background-color:#4DAAE6} .article-nav{overflow:hidden;margin-bottom:30px;font-size:14px;color:#bbb} .article-nav span{float:left;position:relative;width:50%} .article-nav span.article-nav-next{float:right;text-align:right} .article-nav span.article-nav-next::before{content:'';position:absolute;left:0;top:0;height:100%;display:block;width:1px;background-color:#eee} .article-nav a{color:#999;margin-right:10px;display:inline-block} .article-nav span.article-nav-next a{margin-left:10px;margin-right:0} .article-nav a:hover{color:#45B6F7} .article-author{overflow:hidden;margin-bottom:30px;padding:10px 20px 10px 90px;border-left:4px solid #eee;color:#999} .article-author .avatar{float:left;margin-left:-70px;width:50px;height:50px;border-radius:50%} .article-author h4{margin:0 0 5px;font-size:14px;font-weight:bold;color:#666} .article-author h4 .fa{margin-right:10px;font-weight:normal} .relates{overflow:hidden;background-color:#fff;/*border-top:1px solid #f2f2f2;*/margin-bottom:10px;display:block} .relates h3{font-size:20px;line-height:15px;border-bottom:3px dotted #FF5E52;padding:15px 20px 10px;margin-bottom:0} .relates ul{padding:10px 0;overflow:hidden;margin:0;} .relates li{float:left;width:49%;height:30px;overflow:hidden;line-height:30px;color:#bbb;border-left:3px solid #FF5E52;margin-top:12px} .relates li i{vertical-align:middle} .relates a{margin-right:20px;padding-left:10px;color:#555} .relates a:hover{color:#45B6F7;border-left:5px solid #FF5E52} .relates-thumb .title{margin-bottom: 20px;} .relates-thumb ul{list-style: none;margin-left: 0;margin-bottom: 10px;margin-right: -1%;overflow: hidden;padding: 0;} .relates-thumb li{display: inline-block;vertical-align: top;width: 24%;margin-right: 1%;margin-bottom: 20px;margin-top: 0;height: 100%;border: none;line-height: 16px;float:none} .relates-thumb .post-thumb{display: block;margin-bottom: 5px;height:135px;overflow:hidden} .relates-thumb .post-thumb img{width:100%;height:100%} .relates-thumb a{padding:0;margin:0} .relates-thumb a:hover{color:#45B6F7;border-left:none} .pads{overflow:hidden;padding:0;} .pads .title{margin-bottom:20px;} .pads h3{font-size:20px;line-height:15px;border-bottom:3px dotted #FF5E52;padding:15px 20px 10px;margin-bottom:0} .pads ul{margin: 0 -1% 0 0;} .pads li{width: 24%;display:inline-block;vertical-align:top;margin-bottom:15px;position:relative;margin-right: 1%;} .pads img{height: 100%;width: 100%;} .pads h4{font-weight:bold;font-size:14px;line-height:18px;color:#666;margin:0;} .pads time{color:#fff;background-color:#FF5E52;display:inline-block;padding:2px 5px;font-size:12px;position:absolute;top:0;left:0} .pads ul li>a{display:block;position:relative;overflow: hidden;height: 135px;margin-bottom: 10px;} .pads a:hover h4{color:#FF5E52} .pads a:hover time{color:#fff} /*---------------liangdian------------------*/ .liangdian{margin:0 -2% 10px 0 !important;padding:0;overflow:hidden;clear: both;}.liangdian li{float:left;position:relative;margin:0 2% 2% 0;width:31.33333%;padding:20px 20px;border-radius:2px;text-align:center;border:1px solid #eee;color:#aaa;font-size:12px;height:125px;overflow:hidden;line-height:1.6}.liangdian li::before{position:absolute;top:0;left:0;content:'';background-color:#eee;color:#bbb;line-height:1;padding:4px 5px;font-size:12px;border-radius:0 0 2px 0}.liangdian li:nth-child(1)::before{content:"亮点1"}.liangdian li:nth-child(2)::before{content:"亮点2"}.liangdian li:nth-child(3)::before{content:"亮点3"}.liangdian li:nth-child(4)::before{content:"亮点4"}.liangdian li:nth-child(5)::before{content:"亮点5"}.liangdian li:nth-child(6)::before{content:"亮点6"}.liangdian li:nth-child(7)::before{content:"亮点7"}.liangdian li:nth-child(8)::before{content:"亮点8"}.liangdian li:nth-child(9)::before{content:"亮点9"}.liangdian li:nth-child(10)::before{content:"亮点10"}.liangdian li:nth-child(11)::before{content:"亮点11"}.liangdian li:nth-child(12)::before{content:"亮点12"}.liangdian li:nth-child(13)::before{content:"亮点13"}.liangdian li:nth-child(14)::before{content:"亮点14"}.liangdian li:nth-child(15)::before{content:"亮点15"}.liangdian li:nth-child(16)::before{content:"亮点16"}.liangdian li:nth-child(17)::before{content:"亮点17"}.liangdian li:nth-child(18)::before{content:"亮点18"}.liangdian li:nth-child(19)::before{content:"亮点19"}.liangdian li:nth-child(20)::before{content:"亮点20"}.liangdian li:nth-child(21)::before{content:"亮点21"}.liangdian li:nth-child(22)::before{content:"亮点22"}.liangdian li:nth-child(23)::before{content:"亮点23"}.liangdian li:nth-child(24)::before{content:"亮点24"}.liangdian li:nth-child(25)::before{content:"亮点25"}.liangdian li:nth-child(26)::before{content:"亮点26"}.liangdian li:nth-child(27)::before{content:"亮点27"}.liangdian li:nth-child(28)::before{content:"亮点28"}.liangdian li:nth-child(29)::before{content:"亮点29"}.liangdian li:nth-child(30)::before{content:"亮点30"}.liangdian li:nth-child(31)::before{content:"亮点31"}.liangdian li:nth-child(32)::before{content:"亮点32"}.liangdian li:nth-child(33)::before{content:"亮点33"}.liangdian li:nth-child(34)::before{content:"亮点34"}.liangdian li:nth-child(35)::before{content:"亮点35"}.liangdian li:nth-child(36)::before{content:"亮点36"}.liangdian li:nth-child(37)::before{content:"亮点37"}.liangdian li:nth-child(38)::before{content:"亮点38"}.liangdian li:nth-child(39)::before{content:"亮点39"}.liangdian li:nth-child(40)::before{content:"亮点40"}.liangdian li:nth-child(41)::before{content:"亮点41"}.liangdian li:nth-child(42)::before{content:"亮点42"}.liangdian li:nth-child(43)::before{content:"亮点43"}.liangdian li:nth-child(44)::before{content:"亮点44"}.liangdian li:nth-child(45)::before{content:"亮点45"}.liangdian li:nth-child(46)::before{content:"亮点46"}.liangdian li:nth-child(47)::before{content:"亮点47"}.liangdian li:nth-child(48)::before{content:"亮点48"}.liangdian li:nth-child(49)::before{content:"亮点49"}.liangdian li:nth-child(50)::before{content:"亮点50"}.liangdian li:nth-child(51)::before{content:"亮点51"}.liangdian li:nth-child(52)::before{content:"亮点52"}.liangdian li:nth-child(53)::before{content:"亮点53"}.liangdian li:nth-child(54)::before{content:"亮点54"}.liangdian li:nth-child(55)::before{content:"亮点55"}.liangdian li:nth-child(56)::before{content:"亮点56"}.liangdian li:nth-child(57)::before{content:"亮点57"}.liangdian li:nth-child(58)::before{content:"亮点58"}.liangdian li:nth-child(59)::before{content:"亮点59"}.liangdian li:nth-child(60)::before{content:"亮点60"}.liangdian li::after{position:absolute;bottom:0;left:0;right:0;height:16px;content:'';background-color:#fff}.liangdian li:hover{border-color:#0ae}.liangdian li:hover::before{background-color:#0ae;color:#fff}.liangdian strong{display:block;font-size:15px;font-weight:bold;margin-bottom:5px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 768px){.liangdian li{width:48%}}@media (max-width: 544px){.liangdian{margin:0 -2% 20px 0 !important}.liangdian li{height:102px;padding:18px 10px;line-height:1.4;font-size:11px}.liangdian li::before{font-size:10px;padding:4px;height:16px}.liangdian strong{font-size:12px}} /*---------------baidu share--------------*/ .showmore span{font-size:13px;color:#08c;font-weight:normal;padding:0 8px;cursor:pointer} .section-content{padding-top:1px;display:none} .action-share{color:#666;position:relative;text-align:center;margin:30px 0} .bdsharebuttonbox.bdshare-button-style0-24 a{float:none;display:inline-block;margin:0 2px;position:relative} .bdsharebuttonbox.bdshare-button-style0-24 span{position:relative;*top:-3px;vertical-align:top;} .bdsharebuttonbox.bdshare-button-style0-24 .bds_count{margin:0;color:#666} .bdsharebuttonbox.bdshare-button-style0-24 a.bds_more{color:#666;font-size:14px} .share .bdsharebuttonbox{height: 28px;} .share .bdsharebuttonbox a.bds_more, .share .bdsharebuttonbox a.bds_count{top: 0;border: none;color: #fff;} .bdshare span {position: relative;vertical-align: top;} .bdshare {line-height: 24px;height: 24px;vertical-align: top;} .shares a:hover .share-popover{visibility: visible; margin-bottom: 0; opacity: 1} .shares .share-popover{position: absolute; bottom: 100%; left: 0; visibility: hidden; margin-bottom: 20px; padding-bottom: 6px; width: 90px; height: 90px; background-color: transparent; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .shares .share-popover .share-popover-inner{position: relative; bottom: 6px; display: block; padding: 4px; height: 90px; border: 1px solid #999; border-radius: 2px; background-color: #FFF} .shares .share-popover .share-popover-inner::after, .shares .share-popover .share-popover-inner::before{position: absolute; bottom: -5px; left: 9px; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ''} .shares .share-popover .share-popover-inner::before{border-top: 5px solid #555} .shares .share-popover .share-popover-inner::after{margin-bottom: 1px; border-top: 5px solid #fff} .fcode{margin-bottom:20px;overflow:hidden;clear:both} /*-------------Single post-------------*/ .activity-btn{/* width: 268px; */margin: 30px auto 20px;} .activity-btn a{ display: inline-block;opacity: 0.8;line-height: 1;padding: 12px 20px;border-radius: 2px;color: #fff !important;font-size: 14px;background-color: #ed5c30; margin-right:8px;text-decoration: none !important;} .activity-btn a:hover{opacity:1;color:#fff !important} .activity-btn a.collect-btn{/* border-color: #0aa284; *//* color:#0aa284 !important; */background-color: #0aa284;} .activity-btn a.collect-btn:hover{opacity:1;} .activity-btn a.collect-btn i{/* font-size: 18px; */} .article-content a.inner-buy-btn{color: #fff;display: inline-block;margin: 0 4px;height: 28px;border-radius: 3px;line-height: 28px;background: #45B6F7;padding: 0 10px;border:none;} .article-content a.inner-buy-btn:hover,#pay-content .summary-content a:hover{opacity:0.8;} .article-content a.inner-buy-btn i,.summary-content a i{margin-right:3px;} #pay-content .summary-content a{color: #fff;display: inline-block;margin: 0 4px;height: 24px;border-radius: 3px;line-height: 24px;background: #ff5e5c;padding: 0 5px;border:none;} .like-author{list-style: none; padding: 0;margin: 0 !important;float: right;line-height: 40px;} .like-author li{ display: inline-block;font-size: 1.4rem; height: 35px; margin: 4px 2px;float: left;} .like-author li img{ border-radius:100%;width:35px;height:35px; margin: 0;} .like-author>li>span{color: #F64540; margin-right: 5px;} a.inner-buy-btn,a.inner-soldout,#post-price .summary-price a{color: #45B6F7;border-bottom: 2px solid #d8d8d8;cursor: pointer;text-decoration: none;} a.inner-buy-btn:hover,a.inner-soldout:hover,#post-price .summary-price a:hover{border-color: #45B6F7;} #post-price .summary-price span.dt,#post-price .summary-vip-price span.dt,#pay-content .summary-content span.dt{width:72px;text-align: right;padding-right: 5px;display: inline-block;line-height: 200%;color: #000;font-weight: bold;white-space: nowrap;} #post-price .summary-price em,#post-price .summary-vip-price em{font-style: normal;font-size: 12px;} #post-price .summary-price strong,#post-price .summary-vip-price strong{color:#45B6F7;margin:0 3px;font-size: 20px;} #post-price .summary-price strong del,#post-price .summary-vip-price del{color:#45B6F7;} #pay-content .summary-content p{text-align:left;} .label-title.post{font-size: 14px;} .label-title.post > p {margin: 0;} .label-title.post #pay{margin:20px 0 0 0 !important;} @media screen and (max-width:480px){ #post-price .summary-vip-price{display:flex;} #post-price .summary-vip-price .dt{display: flex;align-items: center;white-space: nowrap;} } /*-----------------------------*/ .pagetitle{overflow:hidden;background-color:#FFF;padding:15px 20px;border:1px solid #eaeaea;border-radius:4px;margin-bottom: 15px;} .is_card {background-color:transparent;padding: 10px 0 10px 0;margin-bottom: 20px;border-style: none none solid none;} .pagetitle h1{border-left: 4px solid #45B6F7;padding-left:8px;font-size:20px;font-weight:600;float:none;line-height:1} .catleader-desc{font-size:14px;color:#999;margin-top:8px;} /*-----------------------------*/ .most-comment-posts{padding: 15px 15px 10px 15px;background-color:#fff;margin-bottom:15px;border: 1px solid #eee;} .most-comment-posts .title{border-bottom:1px solid #eee;padding-left:5px;position: relative;margin: 0;line-height: 30px;font-size: 18px;font-weight:700} .most-comment-posts .title strong{display: inline-block;position: relative;bottom: 2px;} .most-comment-posts ul{padding: 15px 0 0 0;} .most-comment-posts li{overflow: hidden;clear: both;} .most-comment-posts li > a span{color: #FF5E52;} .most-comment-posts p{float: right;font-size: 12px;line-height:20px} .most-comment-posts .label{margin-right: 8px;padding: 2px 7px;top: -1px;} .most-comment-posts .like-btn{min-width: 50px;text-align: right;display: inline-block;margin-left: 5px;} .most-comment-posts .like-btn i{margin-right: 5px;top: 2px;width: 13px;} .label{position:relative;display:inline-block;padding:5px 7px;line-height:14px;color:#fff;vertical-align:baseline;background-color:#999} .label-1{background-color: #FD8C84;} .label-2{background-color: #7FD75A;} .label-3{background-color: #60C4FD;} /*--------authors---------*/ .layout_ul{margin-right: -12px;} .layout_li{padding-bottom:20px;} .layout_li{font-size: 13px;display: inline-block;vertical-align: top;padding: 0 12px 12px 0;width: 25%;} .layout_li .user_main{border-radius:4px;border:1px #eee solid;position:relative;-moz-transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s; -o-transition: ease-in-out 0.2s;-ms-transition: ease-in-out 0.2s;transition: ease-in-out 0.3s;} .layout_li .user_main img.avatar{border-radius:100%} .layout_li .user_main a.title h3{font-weight:300;float:none;} .layout_li .user_main a.title span{color:#999;font-weight:300} .layout_li .user_main div.post span{color:#999} .layout_li .user_main div.post span i{fill:#999;margin-right:6px;vertical-align: middle;display: inline-block;font-size: 14px;} .layout_li .user_main div.post span b{font-weight:300;display:inline-block;vertical-align:middle} .layout_li .user_main:hover{box-shadow:2px 2px 12px rgba(0,0,0,0.3);-webkit-transform:translate(0,-4px);-ms-transform:translate(0,-4px);-o-transform:translate(0,-4px);transform:translate(0,-4px)} .layout_li.recommend{width:33.33%} .layout_li.recommend .user_main{text-align:center;padding:30px;min-height:310px} .layout_li.recommend .user_main img.avatar{width:80px;height:80px} .layout_li.recommend .user_main span.num{position:absolute;top:80px;left:50%;margin-left:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(top),color-stop(0%,#f90),to(#f60));background-image:linear-gradient(top,#f90 0%,#f60 100%);background-image:-webkit-linear-gradient(top,#f90 0%,#f60 100%);color:#fff;width:32px;height:32px;border-radius:100%;font-size:16px;line-height:32px;z-index:12} .layout_li.recommend .user_main a.title{display:block;margin:20px 0} .layout_li.recommend .user_main div.post{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;position:absolute;left:0;bottom:0;right:0;border-top:1px #efefef solid} .layout_li.recommend .user_main div.post span{width:33.33%;padding:16px 8px;border-right:1px #efefef solid} .layout_li.recommend .user_main div.post span:last-child{border-right:none} .layout_li.other{width: 50%;list-style: none;display: inline-block;vertical-align: top;padding: 0 12px 12px 0;} .layout_li.other .user_main{padding:20px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;white-space:nowrap} .layout_li.other .user_main div.post{flex-grow:1;text-align:right} .layout_li.other .user_main div.post span{margin-left:12px} .layout_li.other .user_main a.title{width:140px;margin:0;text-decoration: none;} .layout_li.other .user_main a.title h3{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;float:none;padding:0;margin:0} .layout_li.other .user_main div.img{min-width:60px} .layout_li.other .user_main div.img img.avatar{width:48px;height:48px;margin-left:0;margin:0} .layout_li.other .user_main .follow-links img.salong-ajax{left:-12px} #respond{padding-bottom:25px} #respond,#postcomments{position:relative} blockquote{color:#888;background-color:#f6f6f7;border-left:0.3em solid #d2d2d2;padding:0.5em 1.8em 0.5em 1.6em;position:relative;font-family:'Roboto',sans-serif;line-height:150%;text-indent:15px;margin:10px 0 10px;font-size:15px} blockquote:before{color:#555555;content:"\201C";font-size:2em;position:absolute;left:-20px;top:20px;line-height:0.1em} blockquote:after{color:#555555;content:"\201D";font-size:2em;position:absolute;right:0;bottom:0;line-height:0.1em} blockquote>p{margin:8px 0 !important} .comment{position:relative} .comment #respond{padding:10px 0 15px 46px} .comment #commentform{margin-bottom:0} .commentnew .comt-m{margin-bottom:5px} .commentlist{padding:0;list-style:none;margin:0} .comt-avatar{width:36px;height:36px;float:left;display:inline;position:relative;margin-top:19px} .commentnew .comt-avatar{margin-top:0} .comt-avatar .avatar{display:block;border-radius:50%;width:36px;height:36px} .comt-main{margin-left:46px;margin-right:60px;color:#888;line-height:22px;position:relative;font-size:14px;padding:0 0 15px;word-wrap:break-word;max-height:600px;overflow:hidden} .comt-main p{margin-top:15px;margin-bottom:0} .comt-author{margin-right:5px} .country-flag{margin:0 5px} .url{color:#60c4fd} .url:hover{color:#60c4fd;text-decoration:underline;opacity:0.85;filter:alpha(opacity=85)} .comt-meta{font-size:12px;color:#bbb} .comt-meta .signin-loader{margin-left:10px} .comment-reply-link{font-size:12px;color:#bbb;display:none} .comment:hover>.comt-main .comment-reply-link{display:inline-block;margin-left:5px} .comment pre{margin:3px 0 5px;padding:7px 10px;border-radius:1px} .depth-1{border-bottom:#eee 1px solid} .comment .children{list-style:none;padding:0} .comment .children .comment{margin:0;border-top:1px solid #eee} .commentlist > .comment .children{margin-left:46px} .comt-f{position:absolute;top:15px;right:0;font-size:16px;color:#ccc} .comment:hover .comt-f{color:#666} .comt-approved{border-radius:2px;font-size:12px;background-color:#eee;color:#999;display:inline-block;padding:1px 5px 0;margin-top:4px;line-height:20px;margin-left:5px} .wp-smiley{margin-bottom:2px;height: 1.5em !important;max-height:1.5em !important; width: 1.5em !important;max-width: 1.5em !important;} .sidebarfix .comt-main{padding:6px 0 4px;line-height:20px;font-size:12px} .sidebarfix .depth-1{border-bottom-color:#eee} .sidebarfix .comment .children .comment{border-top-color:#eee} #comments{margin-bottom:15px;font-size:16px} #comments b{font-weight:normal;color:#ff5e52} #comments .pull-right{font-size:12px;position:relative;top:5px} #commentform{margin-bottom:5px} .comt-count{float:right;color:#999;margin-bottom:5px} .comt{position:relative;padding-left:46px;overflow:hidden;} .comt .notice-bg{position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.01)} .comt .notice-wrap{position:absolute;z-index:101;width:100%;left:0;top: 15px;text-align:center;} .comt .notice-inner{display:inline-block;padding:10px 15px;line-height:1.2;color:#cd6e00;background:#ffedc8;border-radius:3px} .comt .notice-inner.notice-1{color:#388202;background:#e1ffe3} .comt .notice-loading{display:inline-block;width:16px;height:16px;vertical-align:middle} .comt-title{font-size:12px;color:#999;float:left;margin-left:-46px;width:36px;text-align:center} .comt-title .avatar{height:36px;width:36px;border-radius:50%;margin-bottom:5px} .comt-title p{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .comt-box{border:2px solid #ccd4d9;border-radius:2px;padding:4px 0 0 4px;background-color:#fff;position:relative} .comt-ctrl{background-color:#fbfbfb;height:36px;margin-left:-4px;border-top:solid 1px #f2f2f2} #submit{position:absolute;right:-2px;bottom:-2px;background:#45B6F7;border:none;border:2px solid;border-color:#45B6F7;border-left:none;border-top:none;padding:0px;width:100px;height:38px;color:#fff;outline:0;border-radius:0 0 2px 0;font-size:16px} #comment{width:100%;resize:none;overflow-x:hidden;overflow-y:auto;border:none;line-height:22px;font-size:14px;outline:0;color:#666;height:68px} .hide{display:none} .comt-tips{text-align:center;margin-right:110px;line-height:116px;font-size:18px;color:#fff} .comt-tip{position:absolute;top:-2px;left:-2px;background:#7AD071;right:-2px;z-index:2;bottom:-2px;border-radius:2px} .comt-error{background:#FF5E52} .comt-comterinfo{padding:15px 0;text-align:center;} .comt-comterinfo ul{padding:0;margin:0;list-style:none;text-align:left;display:inline-block} .comt-comterinfo li{margin-bottom:5px} .comt-comterinfo input{margin-right:10px;position:relative;*bottom:-3px;border:2px solid #CCD4D9;border-radius:2px;height:34px;padding:3px 5px;outline:none;width:220px;box-shadow:none;*height:20px} #cancel-comment-reply-link{display:none;font-size:12px;text-align:center;margin-top:7px;color:#999} #cancel-comment-reply-link:hover{color:#FF5E52} .comment #cancel-comment-reply-link{display:block} .comment-signarea{background-color:#F6F6F6;border-radius:7px;padding:30px 20px;text-align:center;margin-bottom:20px} .comment-signarea h3{margin:0;padding:0;margin-bottom:15px;font-weight:normal;font-size:18px} .comment-signarea .auth{margin:0 5px} /* rollbar ======================================================================================================== */ .rollbar {position: fixed;right: 15px;width: 42px;z-index: 999;} .rollbar-rb{bottom: 15px;} .rollbar ul{margin: 0;padding: 0;list-style: none;} .rollbar li{position: relative;margin-top: 1px;text-align: center;} .rollbar a {position: relative;z-index: 2;display: block;height: 42px;/*border-radius: 2px;*/background-color: #aaa;color: #fff;} .rollbar a:hover{color: #fff;background-color: #555;} .rollbar a span{display: none;} .rollbar .fa{position: relative;line-height: 42px;font-size: 24px;height: 24px;} .rollbar .fa-angle-up{font-size: 28px;top: -2px;} .rollbar .fa-qq{font-size: 22px;} .rollbar .fa-comments{top: -2px;} .rollbar li:hover h6 {display: block;} .rollbar h6{position: absolute;z-index: 1;top: 50%;right: 100%;/*right: -30%;*/margin: -15px 10px 0 0;height: 30px;line-height: 30px;font-size: 12px;background-color: #555;color: #fff;width: 95px;/*border-radius: 2px;*/text-align: center;display: none;} .rollbar h6 i{position: absolute;right: -4px;top: 50%;margin-top: -4px;display: inline-block;width: 0;height: 0;vertical-align: middle;border-left: 4px solid #555;border-top: 4px solid rgba(0, 0, 0, 0);border-bottom: 4px solid rgba(0, 0, 0, 0);} .rollbar li.rollbar-totop{display: none;} .rollbar li.rollbar-qrcode h6{height: 120px;margin-top: -60px;padding: 0 5px 5px;} .rollbar li.rollbar-qrcode h6 img{width: 85px;height: 85px;display: block;margin: 0 auto;} @media (max-width: 640px) { .rollbar{display: none;} .rollbar-m-on{margin-bottom: 57px;} .rollbar-m-on .rollbar{display: block;bottom: 0;right: 0;left: 0;width: 100%;border-top: 1px solid #f6f6f6;background-color: #fff;padding: 0 5px;} .rollbar-m-on .rollbar ul{display: -moz-box;display: -webkit-box;display: -o-box;display: box;} .rollbar-m-on .rollbar ul li{-webkit-box-flex: 1;margin-top: 0;} .rollbar-m-on .rollbar ul li a{background-color: #fff;color: #666;} .rollbar-m-on .rollbar ul li .fa{font-size: 20px;height: 20px;} .rollbar-m-on .rollbar ul li h6 i{display: none;} .rollbar-m-on .rollbar ul li:hover h6 {display: none;} .rollbar-m-on .rollbar ul li.rollbar-qrcode h6{position: fixed;top: auto;bottom: 57px;left: 0;right: 0;margin: 0;width: 100%;background-color: #fff;color: #555;padding: 15px;font-size: 14px;font-weight: bold;height: auto;box-shadow: 0 -1px 5px rgba(0,0,0,0.05)} .rollbar-m-on .rollbar ul li.rollbar-qrcode:hover h6{display: none;} .rollbar-m-on .rollbar ul li.rollbar-qrcode h6 img{width: 120px;height: 120px;} .rollbar-m-on .rollbar a{height: 56px;padding: 10px 0;border-radius: 2px;} .rollbar-m-on .rollbar .fa{line-height: 1;} .rollbar-m-on .rollbar a span{display: block;line-height: 12px;font-size: 10px;margin-top: 4px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .rollbar-m-on .rollbar a:active{color: #111;background-color: #f6f6f6;} .category .container{margin:0} .category .excerpt{border: none;margin: 0 0 1px;border-radius: 0 !important;} .category .excerpt:hover{background-color: #fbfbfb;} .pagetitle{padding: 12px 15px 10px;margin-bottom: 5px;border: none;} } .f404{text-align:center;margin:20px 0} .f404 h1{font-size:60px;margin:20px 0 20px} .f404 h2{font-size:16px;margin-bottom:20px} .pagination{margin:0;padding:20px;text-align:center;font-size:12px;display:block;clear:both} .pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0} .pagination ul > li{display:inline} .pagination ul > li > a,.pagination ul > li > span{margin:0 2px;float:left;padding:5px 12px;background-color:#ddd;color:#666;border-radius:2px;opacity:.88} .pagination ul > li > a:hover,.pagination ul > li > a:focus{color:#FFFFFF;background-color:#FF5E52} .pagination ul > .active > a,.pagination ul > .active > span{background-color:#45B6F7;color:#fff} .pagination ul > .active > a,.pagination ul > .active > span{cursor:default} .pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default} .pagination-loading{font-size:16px;text-align:center;color:#999;padding:15px 0} .pagination-loading img{width:80px} .ias_trigger{margin:15px 0} .ias_trigger a{display:block;background-color:#e6e6e6;line-height:32px;text-align:center;color:#999} .ias_trigger a:hover{display:block;background-color:#ddd;color:#666} .pagenav{overflow:hidden;text-align:center;padding:20px} .pagenav a,.pagenav .current,.pagenav .page-numbers{padding:6px 12px 5px;color:#666;display:inline-block;border-radius:3px;background-color:#eee;margin:0 1px;font-size:12px} .pagenav .current{background-color:#45B6F7;color:#fff} .pagenav a:hover{background-color:#ccc;color:#444} /*---widget credits--*/ .widget_credits .widget-content{padding:15px;} .widget_credits .widget-content ul li{position:relative;display:flex;margin-bottom:10px} .widget_credits .widget-content ul li:last-child{margin-bottom:0} .widget_credits .widget-content ul li .index{width:30px;line-height:40px;font-weight:500;font-size:2rem} .widget_credits .widget-content ul li .index .num{font-style:italic} .widget_credits .widget-content ul li .index img{position:absolute;width:28px;top:10px;left:-5px} .widget_credits .widget-content ul li .avatar{width:60px} .widget_credits .widget-content ul li .avatar img{width:40px;height:40px;border-radius:50%;overflow:hidden;display:block} .widget_credits .widget-content ul li .name{flex:1;line-height:40px} .widget_credits .widget-content ul li .name a{font-size:1.5rem} .widget_credits .widget-content ul li .credits{/* min-width:80px; */line-height:40px} .widget_credits .widget-content ul li .credits .num{font-weight:500;margin-right:5px} .widget{clear:both;position:relative;margin-bottom:15px;background-color:#fff;border-radius:4px;border:1px solid #eaeaea;overflow:hidden} .widget h3{font-weight:700;font-size:16px;color:#666;border-bottom:1px solid #eaeaea;background-color:#fbfbfb;margin:0;height:38px;line-height:38px} .widget h3 i{float:left;width:38px;height:38px;line-height:38px;text-align:center;margin:0 10px 0 0;border-right:1px solid #ddd;border-radius:2px 0 0 0} .widget.affix{position:fixed;width:360px} .widget .title strong{border-bottom-color:transparent} .widget .title .btn{position:absolute;top:5px;right:10px;font-weight:normal;padding:2px 7px 1px} .widget-tops{height:200px} .widget-nav{font-size:15px;background-color:#fbfbfb;line-height:36px;height:36px;border-bottom:1px solid #eaeaea} .widget-nav li{float:left;width:25%;text-align:center;color:#999;border-right:1px solid #eaeaea;cursor:pointer} .widget-nav li.active{background-color:#fff;color:#666;font-weight:bold;cursor:default} .widget-navcontent{clear:both;position:relative} .widget-navcontent .item{padding:15px;width:100%;position:absolute;left:100%;opacity:0} .widget-navcontent .item.active{left:0;opacity:1} .widget-navcontent .item-01 li{margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px} .widget-navcontent .item-01 li a span{color:#FF5E52} .widget-navcontent .item-01 li a:hover span{color:#45B6F7} .widget-navcontent .item-01 time{float:right;color:#bbb;margin-left:10px} .widget-navcontent .item-01 li:first-child a{font-weight:bold} .widget-navcontent .item-02 p{text-align:center} .widget-navcontent .item-02 h4{text-align:center;font-size:20px;line-height:20px;margin:25px 0} .widget-navcontent .item-03{text-align:center} .widget-navcontent .item-03 h2{font-size:20px;line-height:32px;margin:10px 0} .widget-navcontent .item-03 strong{font-weight:normal;color:#FF5E52} .widget-navcontent .item-04{text-align:center} .widget-navcontent .item-04 h2{font-size:20px;line-height:40px;margin:20px 0} .widget ul{*zoom:1;list-style:none;padding:0;margin:0} .widget ul ul{border:none} .widget ul:before,.widget ul:after{display:table;content:"";line-height:0} .widget ul:after{clear:both} .widget-notip h3{margin-bottom:13px} .widget_views li,.widget_rss li,.widget_recent_entries li{border-bottom:solid 1px #eee;padding:8px 15px;font-size:14px} .widget_links ul{padding:10px 0 10px 15px;color:#999;font-size:14px} .widget_links li{width:50%;float:left;padding:0;border-bottom:none;margin-bottom:8px;line-height:22px;height:22px;overflow:hidden} .widget_links li a{color:#777;margin-right:15px} .widget_links li a:hover{color:#45B6F7} .widget_pages ul{padding:10px 15px 5px;overflow:hidden} .widget_pages li{float:left;width:50%;margin-bottom:5px} .widget_recent_entries span{display:block;font-size:12px;color:#999;margin-top:2px} .widget_ui_statistics ul{overflow:hidden;padding:15px;line-height:26px;color:#888} .widget_ui_statistics li{float:left;width:50%} .widget_ui_statistics li strong{color:#555555} .widget_calendar{overflow:hidden;padding:15px} #calendar_wrap{margin:0 0 10px} .widget_calendar table{width:100%;text-align:center} .widget_calendar table caption{margin-bottom:5px;font-size:18px} .widget_calendar table #prev a,.widget_calendar table #next a{display:block;padding:0 10px} .widget_calendar table #prev{text-align:left} .widget_calendar table #next{text-align:right} .widget_calendar table tbody td,.widget_calendar table tfoot td,.widget_calendar table thead th{padding:5px 3px;border:1px solid #eee} .widget_calendar table thead th{background-color:#fbfbfb;text-align:center} .widget_calendar table tbody td a{display:block;margin:0 3px;background-color:#428BCA;color:#fff} .widget_calendar table tbody td a:hover{background-color:#357EBD} .widget_categories{} .widget_categories ul{overflow:hidden;padding:15px;color:#999} .widget_categories li .children{margin-top:10px} .widget_categories li{margin-bottom:7px;list-style:disc;margin-left:20px} .widget_categories li a{color:#777} .widget_categories li a:hover{color:#45B6F7} .widget_categories li ul{padding:0 0 0 15px} .widget_categories li li{float:none;width:auto} .postform{margin-bottom:10px;border:1px solid #ddd} .widget_nav_menu ul{padding:10px 15px 5px;color:#999} .widget_nav_menu ul li{margin-bottom:7px;list-style:disc;margin-left:20px} .widget_rss ul{color:#999} .widget_meta ul{padding:15px;color:#999} .widget_meta ul li{list-style:disc;margin-left:20px;margin-bottom:5px} .widget_ui_asb{} .widget_ui_asb img{display:block} .widget_ui_asb .item{position:relative;overflow:hidden} .widget_ui_asb .sell{display:block;border:solid 1px #d6d6d6;color:#999;text-align:center;height:123px;line-height:123px;font-weight:bold} .widget_ui_asb .sell:hover{border-color:#bbb;color:#777777} .widget_ui_readers ul{padding:10px 0 15px 15px} .widget_ui_readers li{width:36px;height:36px;float:left;margin:6px 6px 0 0} .widget_ui_readers li a{display:block} .widget_ui_readers li a,.widget_ui_readers li a:hover{color:#fff} .widget_ui_readers li:hover{z-index:20} .widget_ui_readers li:hover .avatar-popup{display:block} .widget_ui_readers .avatar{width:100%;height:100%;border-radius:100%;margin-bottom:10px;box-shadow:0 1px 1px rgba(0,0,0,.1)} .widget_ui_comments ul a{padding:10px 15px 10px 61px;display:block;border-bottom:1px solid #eee;overflow:hidden;position:relative;font-size:12px;color:#999;line-height:20px} .widget_ui_comments ul li:last-child a{border-bottom:none} .widget_ui_comments ul a:hover{color:#999;background-color:#fbfbfb} .widget_ui_comments strong{color:#45B6F7} .widget_ui_comments .avatar{float:left;width:36px;height:36px;margin:3px 0 0 -46px;border-radius:50%} .widget_ui_textasb{border:none;border-radius:0} .widget_ui_textasb a{display:block;padding:0 15px 15px;border:1px solid #eaeaea;background-color:#fff;font-size:12px;border-radius:4px} .widget_ui_textasb a h2{font-size:20px;font-weight:normal;margin-top:14px} .widget_ui_textasb a p{color:#999;margin-bottom:0} .widget_ui_textasb a strong{margin:-1px 0 0 0;display:inline-block;padding:4px 15px;color:#fff;font-size:14px;font-weight:normal} .widget_ui_textasb a:hover{} .widget_ui_textasb a.style01{color:#428BCA} .widget_ui_textasb a.style01:hover{border-color:#428BCA} .widget_ui_textasb a.style01 strong{background-color:#428BCA} .widget_ui_textasb a.style02{color:#FF5E52} .widget_ui_textasb a.style02:hover{border-color:#FF5E52} .widget_ui_textasb a.style02 strong{background-color:#FF5E52} .widget_ui_textasb a.style03{color:#5CB85C} .widget_ui_textasb a.style03:hover{border-color:#5CB85C} .widget_ui_textasb a.style03 strong{background-color:#5CB85C} .widget_ui_textasb a.style04{color:#C35BFF} .widget_ui_textasb a.style04:hover{border-color:#C35BFF} .widget_ui_textasb a.style04 strong{background-color:#C35BFF} .widget_ui_textasb a.style05{color:#45B6F7} .widget_ui_textasb a.style05:hover{border-color:#45B6F7} .widget_ui_textasb a.style05 strong{background-color:#45B6F7} .widget_ui_tags .items{overflow:hidden;padding:15px 0 12px 15px} .widget_ui_tags .items a{color:#999;background-color:#f6f6f6;float:left;width:31.3333%;margin:0 1% 1% 0;padding:0 8px;font-size:12px;height:29px;line-height:29px;overflow:hidden} .widget_ui_tags .items a:hover{color:#fff} .widget_ui_tags .color a:nth-child(9n){background-color:#4A4A4A} .widget_ui_tags .color a:nth-child(9n+1){background-color:#428BCA} .widget_ui_tags .color a:nth-child(9n+2){background-color:#5CB85C} .widget_ui_tags .color a:nth-child(9n+3){background-color:#D9534F} .widget_ui_tags .color a:nth-child(9n+4){background-color:#567E95} .widget_ui_tags .color a:nth-child(9n+5){background-color:#B433FF} .widget_ui_tags .color a:nth-child(9n+6){background-color:#00ABA9} .widget_ui_tags .color a:nth-child(9n+7){background-color:#B37333} .widget_ui_tags .color a:nth-child(9n+8){background-color:#FF6600} .widget_ui_tags .color a{opacity:0.80;filter:alpha(opacity=80);color:#fff;background-color:#428BCA;display:inline-block} .widget_ui_tags .color a:hover{opacity:1;filter:alpha(opacity=100)} .widget_ui_posts li:last-child a{border-bottom:none} .widget_ui_posts li a{padding:10px 15px 10px 150px;color:#888;border-bottom:solid 1px #eee;overflow:hidden;position:relative;display:block;font-size:14px} .widget_ui_posts li a:hover{background-color:#fbfbfb} .widget_ui_posts li a:hover .text{color:#45B6F7} .widget_ui_posts .text{display:block} .widget_ui_posts .text span{color:#FF5E52} .widget_ui_posts a:hover .text span{color:#45B6F7} .widget_ui_posts .thumbnail{float:left;margin-left:-135px;width:122px;height:86px;overflow:hidden} .widget_ui_posts .thumbnail img{width:122px;height:86px} .widget_ui_posts .muted{margin-right:15px;font-size:12px;color:#bbb} .widget_ui_posts .nopic li a{padding:10px 15px} .widget_ui_posts .nopic .text{margin-top:0;color:#888} .widget_ui_posts .nopic .text:hover{color:#45B6F7} .widget_meta .widget_tit{margin:0 0 10px} .widget_meta ul{line-height:24px} .widget_meta ul a{color:#777} .widget_meta ul a:hover{color:#45B6F7} .widget_archive ul{padding:15px 0 15px 15px;font-size:14px;overflow:hidden;color:#999} .widget_archive li{width:50%;float:left;margin-bottom:7px} .widget_archive li a{margin-right:15px} .widget_archive select,.widget_categories select{margin-top:10px;width:91%;margin-left:15px;height:32px;line-height:32px;padding:2px} .widget_ui_author .widget-content>.author-card_bg{display:block;width:100%;height:145px;border-radius:3px 3px 0 0;background-size:cover} .widget_ui_author .author_avatar-link{position:absolute;width:72px;height:72px;top:121px;left:10px;border-radius:3px 3px 0 0} .widget_ui_author .author_avatar-link img{border-radius:6px;height:72px;width:72px;border:2px solid #fff;box-sizing:border-box;color:#fff} .widget_ui_author .author-fields{padding-left:100px} .widget_ui_author .author-fields>.author-name{font-size:1.8rem;font-weight:700} .widget_ui_author .author-fields>.author-user_level{padding:0 5px;margin-left:5px;border-radius:2px;font-size:1.2rem;line-height:1;vertical-align:2px;color:#fff;background:#07b6e8} .widget_ui_author .author-interact{padding-left:100px} .widget_ui_author .author-interact>small{position:relative;padding-left:0px !important;cursor:pointer} .widget_ui_author .author-interact>small:hover{color:#45B6F7} .widget_ui_author .author-interact>small i{position:relative !important;top:0 !important;margin-right:4px} .widget_ui_author .author-interact>.follow-btn{padding-left:20px;margin-right:10px} .widget_ui_author .author-interact>.follow-btn i{position:absolute;left:0;top:4px} .widget_ui_author .author_post{padding: 20px 20px 0 20px;margin-top: 5px;} .widget_ui_author .author_post .title{display: flex;padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px #efefef solid;} .widget_ui_author .author_post .title h4{width: 50%;font-size: 16px;margin: 0;} .widget_ui_author .author_post .title span{text-align: right;font-weight: 300;font-size: 12px;color: #999;width: 50%;} .widget_ui_author .author_post ul li{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px #efefef dashed;} .widget_ui_author .author_post ul li a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;} .widget_ui_author .author-stats{display:table;width:100%;padding:10px;/*margin-top:10px*/} .widget_ui_author .author-stats>span{position:relative;display:table-cell;width:25%;height:36px;text-align:center;font-weight:700;font-size:1.8rem} .widget_ui_author .author-stats>span>span{display:block;color:#8899a6;font-size:1.3rem;font-weight:400;text-indent:3px} .widget_ui_ads{border:none;} .tagcloud{padding:10px 10px 15px 15px} .tagcloud a{display:inline-block;margin:7px 7px 0 0;color:#777} .tagcloud a:hover{color:#45B6F7} .textwidget{padding:15px;color:#777} .textwidget a{color:#777} .textwidget a:hover{color:#45B6F7} .sign{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;-webkit-perspective:500px;-moz-perspective:500px;-ms-perspective:500px;-o-perspective:500px;perspective:500px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0.0;visibility:hidden;overflow:auto} .sign-mask{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#313B43;opacity:0.90;filter:alpha(opacity=90)} .sign .container{background-color:#e7ebef;width:400px;position:absolute;height:390px;top:0;left:0;right:0;bottom:0;z-index:9;margin:auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:rotateX(-20deg) translateZ(200px) translateY(20%);-moz-transform:rotateX(-20deg) translateZ(200px) translateY(20%);-ms-transform:rotateX(-20deg) translateZ(200px) translateY(20%);-o-transform:rotateX(-20deg) translateZ(200px) translateY(20%);transform:rotateX(-20deg) translateZ(200px) translateY(20%)} .sign .close-link{color:#fff;position:absolute;left:100%;top:0;padding:22px 0;font-size:18px;background-color:#45B6F7;display:block;opacity:0.85;filter:alpha(opacity=85);width:70px;text-align:center} .sign .close-link:hover{color:#fff;opacity:1;filter:alpha(opacity=100)} .sign form{padding:0 50px} .sign h3{margin:0 -50px 20px;background-color:#fff;padding:25px 50px;font-size:18px;color:#45B6F7} .sign h3 small{float:right;cursor:pointer;color:#bbb;font-size:14px;margin-top:4px} .sign h6{margin-bottom:15px} .sign .sign-submit .btn{float:right} .sign .sign-submit label{margin-top:8px;font-weight:normal;font-size:12px} .sign .sign-submit label input{position:relative;top:2px;margin-right:4px} .sign-tips{position:absolute;bottom:0;background-color:#FD6E6E;left:0;right:0;height:0;line-height:29px;padding:0 50px;color:#fff;font-size:12px;overflow:hidden} .sign-show .sign{opacity:1.0;visibility:visible} .sign-show .sign .container{-webkit-transform:rotateX(-0deg) translateZ(0) translateY(0%);-moz-transform:rotateX(-0deg) translateZ(0) translateY(0%);-ms-transform:rotateX(-0deg) translateZ(0) translateY(0%);-o-transform:rotateX(-0deg) translateZ(0) translateY(0%);transform:rotateX(-0deg) translateZ(0) translateY(0%)} body.sign-show{height:100%;width:100%;overflow:hidden} .footer{position:relative;z-index:9;clear:both;padding:40px 30px;font-size:12px;line-height:12px;text-align:center;color:#999;background-color:#fff;border-top:1px solid #eaeaea} .footer a{color:#999} .footer a:hover{color:#666} .footer-menu{text-align:left;margin:0 -2% 30px 0;padding-bottom:30px;overflow:hidden;border-bottom:1px solid #494949} .footer-menu dl{width:14.666666666%;margin:0 2% 0 0;display:inline-block;vertical-align:top} .footer-menu dt{font-size:18px;font-weight:normal;margin-bottom:10px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .footer-menu dd a{display:block;line-height:20px;padding:0 5px 0 24px;margin:5px 0} .footer-menu .fa-weibo,.footer-menu .fa-tencent-weibo,.footer-menu .fa-envelope-o,.footer-menu .fa-rss{width:12px;text-align:center} .container-page{padding-left:215px} .container-page .article-header{padding:0} .container-page .content{margin-right:0;padding:20px;border:1px solid #eaeaea;background-color:#fff;border-radius:4px} .zhuanti-page .content{padding:20px;background-color:#fff;border-radius:4px;border:1px solid #eaeaea;} .container-no-sidebar .content{margin-right:0;padding:15px 30px 20px;border:1px solid #eaeaea;background-color:#fff;border-radius:4px} .container-no-sidebar .article-content{margin-bottom:50px;overflow:hidden} .pageside{position:absolute;top:0;left:0;width:200px} .pagemenu{list-style:none;margin:0 0 15px;padding:0;background-color:#fff;border-radius:4px;overflow:hidden} .pagemenu li{margin-bottom:-1px} .pagemenu li a{display:block;padding:12px 20px;font-size:16px;color:#999;border:1px solid #eee;background-color:#fff} .pagemenu li a:hover{color:#666} /*.pagemenu li.active{position:relative;z-index:2} .pagemenu li.active a{color:#fff;background-color:#45B6F7;border:none}*/ .pagemenu li.current-menu-item{position:relative;z-index:2} .pagemenu li.current-menu-item a{color:#fff;background-color:#45B6F7;border:none} .pagemenu li:first-child a{border-radius:4px 4px 0 0} .pagemenu li:last-child{margin-bottom:0} .pagemenu li:last-child a{border-radius:0 0 4px 4px} .pagemenu li .glyphicon{font-size:14px} .pagemenu h4{margin:0} .pagemenu h4 a{color:#666;background-color:#F9F9F9;padding-top:15px;cursor:default;border-bottom-color:#e6e6e6} .pageheader{overflow:hidden;background-color:#45B6F7;padding:25px 20px;margin-bottom:15px;color:#fff;} .pageheader h1{font-size:30px;margin:0} .pageheader h1 small{color:#fff;font-size:12px;margin-left:10px;position:relative;top:-4px} .pageheader .note{margin-top:5px} .pageheader p{margin-bottom:0} .pageheader .share{float:right;height:28px;margin:17px 0 0;color:#fff} .pageheader .share span{line-height:28px;} .pageheader .share a{width:28px;height:28px;background-color:#FFF;border:solid 2px #FFF;border-radius:4px;opacity:.9;top:0;display:inline-block;margin-right:5px;margin-bottom:-8px;position:relative} .pageheader .share .bds_count{border-left-color:#fff} .pageheader-mini{padding:15px 0 13px} .pageheader-mini h1{font-size:18px} .pageheader-mini .share{margin:-5px 0} .page-template-pagesthemes-php .pageheader{margin-top:-15px} #themes .item{background-color:#fff;margin-bottom:15px;padding:20px 300px 20px 260px;overflow:hidden;border:1px solid #eaeaea;border-radius:4px;overflow:hidden} #themes .item .focus{float:left;margin-left:-240px} #themes .item .thumb{width:220px;height:150px} #themes .item .buy{float:right;margin-right:-300px;width:300px;text-align:center;border-left:1px solid #eee;padding-bottom:30px} #themes .item .buy dfn{font-size:24px;display:block;padding:20px 0 10px;color:#000;font-style:normal;color:#FF5E52} #themes .item .buy dfn small{font-size:18px;margin-right:2px} #themes .item h2{font-size:20px;margin:-20px -300px 20px -260px;padding:12px 20px;border-bottom:1px solid #E9E9E9;background-color:#F9F9F9} #themes .item h2 small{font-size:12px;color:#999;margin-left:20px} #themes .item .desc dl{overflow:hidden;margin:0 0 4px;float:left;padding-left:85px;font-size:12px} #themes .item .desc dt{float:left;margin-left:-85px;text-align:right;width:80px;background-color:#f1f1f1;padding:5px 6px} #themes .item .desc dd{padding:5px 0;color:#888;margin-right:30px} #themes .item .desc dd.wd{width:100px} .plinks{overflow:hidden} .plinks .linkcat{margin-bottom:50px} .plinks h2{border-bottom:solid 1px #eee;font-size:20px;padding-bottom:5px} .plinks ul{clear:both;overflow:hidden} .plinks ul li{width:20%;float:left} .plinks ul li a{display:block;padding:0 10px;height:38px;line-height:38px;overflow:hidden;border:1px solid #eaeaea;margin:10px 10px 0 0} .plinks ul li img{float:left;width:16px;height:16px;margin-right:8px;margin-top:10px} .plinks ul li a:hover{border-color:#45B6F7} .readers{overflow:hidden} .readers a{width:72px;margin:0 5px 25px 5px;float:left;text-align:center;color:#999;font-size:12px;height:60px;overflow:hidden;text-decoration:none} .readers a:hover{color:#FF5E52} .readers .avatar{border-radius:5px;margin:0 auto;display:block;margin-bottom:5px;width:36px;height:36px} .readers a.item-top{width:31.222222%;margin:0 1% 30px;text-align:left;height:100px;color:#bbb;background-color:#f6f6f6;border-radius:5px;padding:10px} .readers a.item-top .avatar{float:left;margin-left:10px;margin-right:10px} .readers a.item-top h4{color:#FF5E52;font-size:16px} .readers a.item-top strong{display:block;color:#666} .readers a.item-top:hover{background-color:#f1f1f1} .readers a.item-2 h4{color:#7CCD38} .readers a.item-3 h4{color:#52BAF5} .archives .item{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #eee} .archives h3{float:left;margin-bottom:10px;font-size:20px;font-weight:normal;color:#F15A23;line-height:20px;margin-top:0} .archives-list{padding-left:20px;margin:0 0 20px 140px} .archives-list li{list-style:disc;margin-left:20px;margin-bottom:4px} .archives-list time{width:40px;display:inline-block} .archives-list span{font-size:12px;display:inline-block;margin-left:10px} .page .content.resetpass{padding:20px;text-align:center;margin-right:0;background-color:#fff;border:1px solid #EAEAEA;border-radius:4px} .resetpass form{width:300px;margin:0 auto;text-align:left} .resetpass form p{margin-bottom:20px} .resetpass h1{font-size:24px;font-weight:normal} .resetpass h3{color:#777} .resetpass h3 .glyphicon{top:4px} .resetpasssteps{margin-bottom:50px;overflow:hidden} .resetpasssteps li{width:33.33333%;float:left;background-color:#eee;color:#666;line-height:33px;position:relative} .resetpasssteps li.active{background-color:#45B6F7;color:#fff} .resetpasssteps li .glyphicon{position:absolute;right:-17px;top:-10px;font-size:46px;color:#fff;z-index:2} .errtip{background-color:#FCEAEA;color:#DB5353;padding:8px 15px;font-size:14px;border:1px solid #FC9797;border-radius:5px} .post-linkto{text-align:center;margin-bottom:30px} .prettyprint,pre.prettyprint{background-color:#272822;border:none;overflow:auto;padding:10px 15px} .prettyprint.linenums,pre.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #39382E,inset 41px 0 0 #464741;-moz-box-shadow:inset 40px 0 0 #39382E,inset 41px 0 0 #464741;box-shadow:inset 40px 0 0 #39382E,inset 41px 0 0 #464741} .prettyprint.linenums ol,pre.prettyprint.linenums ol{margin:0 0 0 30px} .prettyprint.linenums ol li,pre.prettyprint.linenums ol li{padding-left:12px;color:#bebec5;line-height:20px;margin-left:0;list-style:decimal;margin-bottom:0} .prettyprint .com{color:#93a1a1} .prettyprint .lit{color:#AE81FF} .prettyprint .pun,.prettyprint .opn,.prettyprint .clo{color:#F8F8F2} .prettyprint .fun{color:#dc322f} .prettyprint .str,.prettyprint .atv{color:#E6DB74} .prettyprint .kwd,.prettyprint .tag{color:#F92659} .prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var{color:#A6E22E} .prettyprint .pln{color:#66D9EF} .image-container{text-align:center;padding-top:15px;padding-bottom:15px} .image-header{margin-bottom:30px} .image-title{margin:0 0 10px} .image-meta{color:$gray} .image-content img{height:auto} .image-navigation{margin-top:30px;margin-bottom:30px} .image-navigation a{padding:7px 15px;display:inline-block;border-radius:2px;background-color:#444;opacity:1;color:#fff} .image-navigation a:hover{opacity:0.8} .image-caption,.image-description{margin:0 auto 30px;max-width:600px} .flinks{overflow:hidden} .flinks strong{margin-right:5px;display:inline;} .flinks ul{display:inline;margin:0;padding:0} .flinks ul li{display:inline-block;margin:0 7px;margin-bottom:8px} .wp-video,.mejs-layer,video,embed,iframe{max-width:100%;display:block} .article-content .wp-video,.article-content .mejs-layer,.article-content video,.article-content embed,.article-content iframe{margin:0 auto 16px} .p_indent .article-content p iframe{margin-left:-30px} .article-paging{text-align:center;font-size:12px;overflow:hidden;clear:both;padding:20px 0} .article-paging span{display:inline-block;padding:6px 12px;background-color:#ddd;border:1px solid #ddd;color:#666;border-radius:2px} .article-paging a span{background-color:#fff;color:#666} .article-paging a:hover span{border-color:#ccc;background-color:#fbfbfb} .nav-fixed{padding-top:62px;} .nav_fixed .topbar-off .uc-header{ top:0px;} .nav-fixed .uc-header{position:fixed;left:0;right:0;padding:0;z-index:999;background-color:rgba(255,255,255,.9)} .nav-fixed .uc-header .topbar{display:none;} .nav-fixed .uc-header .site-navbar{margin-top:0} .nav-fixed .uc-header .wp{height:60px;} .nav-fixed .uc-header .uc-menu-ul>li>a{height:60px;line-height:60px;} .nav-fixed .uc-logo>.logo{margin:14px 0;} .nav-fixed .uc-logo>.brand {margin: 14px 0 0 10px;} .nav-fixed .header{position:fixed;top:0;left:0;right:0;padding:15px 0;z-index:999} .nav-fixed .header .topbar {display: none;} .nav-fixed .site-navbar{/*margin-top:4px*/} body .m-icon-nav{display:none} .m-mask{display:none} .m-navbar{display:none} .authorleader{background-color:#fff;border:1px solid #eaeaea;border-radius:4px;margin-bottom:15px;padding:20px 50px;text-align: center;} .authorleader h1{font-size:18px;margin:10px 0 0;padding:0;line-height:1;} .authorleader .avatar{border-radius: 50%;} .authorleader-desc{font-size:14px;color:#999;margin-top:10px;} @media (max-width:640px){ .authorleader{padding: 15px;margin-bottom: 10px;} .authorleader h1{font-size: 16px;font-weight: bold;} .authorleader-desc{margin-top: 5px;font-size: 12px;} } /* --------cms------ */ article .entry-thumb{overflow: hidden;} article .entry-thumb img {min-height: 100%;min-width: 100%;} article .entry-detail h3 a,.home-heading>a{color:#222} article .entry-detail h3 a:hover,.home-heading>a:hover{color:#45B6F7} article .entry-detail h3 i{background:#45B6F7} .cms-cat-s3>.col-right>article .entry-thumb,.cms-cat-s2>.col-left>article .entry-thumb{height:288px;} .content-wrap>.content>.cat-container{margin-bottom:15px;background: #fff;border: 1px solid #eee; padding: 10px;} .content-wrap>.content>.cat-container:last-child{margin-bottom:0} .cat-container>.home-heading{margin:0 0 10px;font-size:18px;font-weight:700;position:relative;border-bottom:1px solid #f1f1f1;padding:8px 0} .cat-container>.home-heading>span{padding-bottom:6px;position:relative;padding-left:5px;padding-right:5px} .cat-container>.home-heading>a{position:absolute;right:0;top:6px;font-size:12px;text-transform:uppercase;font-weight:400;line-height:10px;padding:7px 9px;border-radius:3px;letter-spacing:1px;opacity:.8;} .cat-col-full{width:100%} .cat-col-1_2{width:50%;float:left} .cat-col-1_2 .cat-container{padding:0 5px} .cat-col-1_2:nth-child(2n+1) .cat-container{margin-right:5px} .cat-col-1_2:nth-child(2n+2) .cat-container{margin-left:5px} .cat-col-1_2 .row-big>article .entry-thumb{width:150px;float:left;margin-right:15px;max-height:100px} .cat-col-1_2 .row-big>article .entry-detail h3{margin:10px 0;overflow:hidden;max-height:40px;line-height:20px;font-size:1.6rem;font-weight:400} .cat-col-1_2 .row-big>article .entry-detail p{margin-top:5px;font-size:13px;line-height:20px;max-height:60px;overflow:hidden;color:#7f8c8d} .cat-col-1_2 .row-small>article .entry-detail h3{position:relative;margin:0;clear:both} .cat-col-1_2 .row-small>article .entry-detail h3 i{margin-right:5px;width:5px;height:5px;display:inline-block;vertical-align:3px;position:absolute;top:16px} .cat-col-1_2 .row-small>article .entry-detail h3 a{font-size:1.4rem;font-weight:400;height:36px;line-height:36px;white-space:nowrap;text-overflow:ellipsis;padding-left:15px;display:block;width:100%;overflow:hidden} .cms-cat-s2>.col>article,.cms-cat-s3>.col>article{padding:0 5px} /*---- row-up ----*/ .cat-col-1_2 .row-up>article{margin:0;} .cat-col-1_2 .row-up>article .entry-thumb{width:120px;float:left;margin-right:15px;max-height:90px} .cat-col-1_2 .row-up>article .entry-detail h3{margin:10px 0;overflow:hidden;max-height:40px;line-height:20px;font-size:1.4rem;font-weight:400} .cat-col-1_2 .row-up>article .entry-detail p{margin-top:5px;font-size:12px;line-height:20px;max-height:40px;overflow:hidden;color:#7f8c8d} .cat-col-1_2 .row-up>article .entry-detail{ min-height: 90px;} /*----- cms-cat-s1 -----*/ .cms-cat-s1>.col-full>article{overflow:hidden;margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #f5f5f5} .cms-cat-s1>.col-full>article .entry-thumb{width:300px;float:left;margin-right:20px;height:220px;} /*.cms-cat-s1>.col-full>article .entry-thumb img{max-height:220px;width:100%;}*/ .cms-cat-s1>.col-full>article .entry-detail h3{margin:0 0 20px;overflow:hidden;line-height:25px;font-size:1.8rem;font-weight:400;max-height:75px} .cms-cat-s1>.col-full>article .entry-detail .entry-meta{margin-bottom:10px} .cms-cat-s1>.col-full>article .entry-detail .entry-meta>span{margin-right:20px;font-size:14px} .cms-cat-s1>.col-full>article .entry-detail .entry-meta>span i{margin-right:5px} .cms-cat-s1>.col-full>article .entry-detail p{margin-top:10px;font-size:14px;line-height:25px;max-height:100px;overflow:hidden;color:#7f8c8d} .cms-cat-s1>.col-small{width:50%;float:left} .cms-cat-s1>.col-small>article{margin:10px 0;padding:0} .cms-cat-s1>.col-small>article:nth-child(2n+1){margin-right:5px} .cms-cat-s1>.col-small>article:nth-child(2n){margin-left:5px} .cms-cat-s1>.col-small>article .entry-thumb{width:150px;float:left;margin-right:15px;height:100px} .cms-cat-s1>.col-small>article .entry-detail h3{margin:10px 0;overflow:hidden;max-height:40px;line-height:20px;font-size:1.6rem;font-weight:400} .cms-cat-s1>.col-small>article .entry-detail .entry-meta{margin-bottom:10px} .cms-cat-s1>.col-small>article .entry-detail .entry-meta>span{margin-right:10px;font-size:12px} .cms-cat-s1>.col-small>article .entry-detail .entry-meta>span i{margin-right:5px} .cms-cat-s1>.col-small>article .entry-detail{ min-height: 100px;} /*---- cms-cat-s2 -----*/ .cms-cat-s2>.col{width:50%;float:left} .cms-cat-s2>.col-left>article{margin:10px 5px 10px 0} .cms-cat-s2>.col-left>article .entry-detail h3{margin:30px 0 15px;overflow:hidden;line-height:30px;font-size:1.8rem;font-weight:400;max-height:60px} .cms-cat-s2>.col-left>article .entry-detail .entry-meta{margin-bottom:10px} .cms-cat-s2>.col-left>article .entry-detail .entry-meta>span{margin-right:20px} .cms-cat-s2>.col-left>article .entry-detail .entry-meta>span i{margin-right:5px} .cms-cat-s2>.col-left>article .entry-detail p{margin-top:10px;font-size:14px;line-height:25px;overflow:hidden;color:#7f8c8d} /*.cms-cat-s2>.col-left>article .entry-thumb img{width:100%;}*/ .cms-cat-s2>.col-right>article{margin:10px 0 10px 5px} .cms-cat-s2>.col-right>article .entry-thumb{width:150px;float:left;margin-right:15px;max-height:100px} .cms-cat-s2>.col-right>article .entry-detail h3{margin:10px 0;overflow:hidden;max-height:40px;line-height:20px;font-size:1.6rem;font-weight:400} .cms-cat-s2>.col-right>article .entry-detail p{margin-top:5px;font-size:13px;line-height:20px;max-height:40px;overflow:hidden;color:#7f8c8d} .cms-cat-s2>.col-right>article .entry-detail{ min-height: 100px;} /*---- cms-cat-s3 -----*/ .cms-cat-s3>.col{width:50%;float:left} .cms-cat-s3>.col-left>article{margin:10px 5px 10px 0} .cms-cat-s3>.col-left>article .entry-thumb{width:150px;float:left;margin-right:15px;height:100px} .cms-cat-s3>.col-left>article .entry-detail h3{margin:10px 0;overflow:hidden;max-height:40px;line-height:20px;font-size:1.6rem;font-weight:400} .cms-cat-s3>.col-left>article .entry-detail p{margin-top:5px;font-size:13px;line-height:20px;max-height:40px;overflow:hidden;color:#7f8c8d} .cms-cat-s3>.col-left>article .entry-detail{min-height: 100px;} .cms-cat-s3>.col-right>article{margin:10px 0 10px 5px} .cms-cat-s3>.col-right>article .entry-detail h3{margin:30px 0 15px;overflow:hidden;line-height:30px;font-size:1.8rem;font-weight:400;max-height:60px} .cms-cat-s3>.col-right>article .entry-detail .entry-meta{margin-bottom:10px} .cms-cat-s3>.col-right>article .entry-detail .entry-meta>span{margin-right:20px} .cms-cat-s3>.col-right>article .entry-detail .entry-meta>span i,#cms-cats>.block-wrapper .cms-cat-s4>.col>article:nth-child(3n){margin-right:5px} .cms-cat-s3>.col-right>article .entry-detail p{margin-top:10px;font-size:14px;line-height:25px;overflow:hidden;color:#7f8c8d} /*.cms-cat-s3>.col-right>article .entry-thumb img{width:100%;}*/ /*---- cms-cat-s4 -----*/ .cms-cat-s4>.col{width:33.33%;float:left} .cms-cat-s4>.col>article:nth-child(3n+1){margin-left:5px;margin-right:5px} .cms-cat-s4>.col>article:nth-child(3n+2){margin-left:5px} .cms-cat-s4>.col-large>article .entry-thumb{width:100%;height:190px;} /*.cms-cat-s4>.col-large>article .entry-thumb img{max-height:190px;min-height:190px;width:100%}*/ .cms-cat-s4>.col-large>article .entry-detail h3{margin:10px 0;overflow:hidden;line-height:25px;font-size:1.6rem;font-weight:400;max-height:50px;} .cms-cat-s4>.col-large>article .entry-detail .entry-meta{margin-bottom:10px} .cms-cat-s4>.col-large>article .entry-detail .entry-meta>span{margin-right:10px;font-size:12px} .cms-cat-s4>.col-large>article .entry-detail .entry-meta>span i{margin-right:5px} .cms-cat-s4>.col-large>article .entry-detail p{margin-top:10px;font-size:13px;line-height:20px;max-height:60px;overflow:hidden;color:#7f8c8d} .cms-cat-s4>.col-small>article{margin-top:10px;margin-bottom:10px} .cms-cat-s4>.col-small>article .entry-thumb{width:100px;float:left;margin-right:10px;height:68px;} .cms-cat-s4>.col-small>article .entry-detail h3{margin:0;overflow:hidden;max-height:50px;line-height:25px;font-size:1.4rem;font-weight:400} .cms-cat-s4>.col-s1{clear:left} /*---- cms-cat-s5 -----*/ .cms-cat-s5>.col{width:50%;float:left} .cms-cat-s5>.col>article{margin:10px 0;padding:0 5px} .cms-cat-s5>.col>article .entry-thumb{width:150px;float:left;margin-right:15px;height:100px} .cms-cat-s5>.col>article .entry-detail h3{margin:10px 0;overflow:hidden;max-height:40px;line-height:20px;font-size:1.6rem;font-weight:400} .cms-cat-s5>.col>article .entry-detail p{margin-top:5px;font-size:13px;line-height:20px;max-height:40px;overflow:hidden;color:#7f8c8d} .cms-cat-s5>.col-left>article{margin-right:5px} .cms-cat-s5>.col-right>article{margin-left:5px} .site-navbar,.site-search,.m-icon-nav,.widget-navcontent .item,.site-nav .fa-angle-down,.rollbar li,.rollbar h6,.btn,.search-btn,a{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s} .page-likes{overflow: hidden;} .page-likes h1{font-size: 22px;margin: 0;text-align: center;margin-bottom: 5px;} .likepage{margin: 0 auto;padding: 5px 0 20px;list-style: none;overflow: hidden;} .likepage li{width: 23.3%;margin: 10px;float: left;position: relative;height: 180px;overflow: hidden;} .likepage li img{width: 100%;height: 180px;display: block;} .likepage li:hover img{opacity: .8;} .likepage a{position: relative;display: block;} .likepage h2{position: absolute;bottom: 0;left: 0;right:0;margin:0;padding:0 10px;background-color: rgba(0,0,0,.8);color: #fff;font-size: 14px;font-weight: normal;height: 29px;line-height: 29px;overflow: hidden;} .likepage .post-like{position:absolute;top: 10px;right: 10px;font-size: 12px;background-color: rgba(0,0,0,.7);border-radius: 20px;padding: 2px 6px 1px;color: #fff;z-index: 2} .likepage .post-like.actived{color: #fff;background-color: rgba(255,94,82,.8);} .likepage .img-count{position: absolute;top: 9px;right: 5px;font-size: 12px;color: #fff;background-color: rgba(0,0,0,.8);padding: 3px;} .likepage .img-count span{margin-right: 5px;} .likepage .love-yes{color:#ed5c30;} .speedbar{position:relative;clear:both;color:#666;background-color:#fbfbfb;padding: 0 35px 0px 35px;line-height: 31px;overflow:hidden;height: 35px;margin-bottom:10px;} .speedbar::before{content: "\f0a1";font-family: FontAwesome;font-size: 14px;color: #666;position: absolute;left: 10px;bottom: 1px;} .speedbar .btn-group{float:right;margin-left:6px} .speedbar .tpclose{position:absolute;right:0;top:0;width:35px;height:35px;text-align:center;line-height:35px;font-size:14px} .layout_card{margin-right:-12px} .layout_card .ias_trigger{margin-right:12px;text-align: center;clear: both;} .card{width:33.3%;padding-bottom:21px;transform-style:flat;visibility:visible;opacity:1;transform:translate3d(0,0,0);position:relative;padding:0 12px 12px 0;float:left;} .card .entry-detail{padding:10px;} .card .itemcard{background-color:#fff;-moz-transition: ease-in-out 0.2s;-webkit-transition: ease-in-out 0.2s;-o-transition: ease-in-out 0.2s;-ms-transition: ease-in-out;transition: ease-in-out 0.2s;border-radius:3px;overflow:hidden;} .card .itemcard:hover{box-shadow:2px 2px 12px rgba(0,0,0,0.3);-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);-o-transform:translate(0,-2px);transform:translate(0,-2px)} .card .itemcard:hover .entry-title a{color:#FF5E52} .card-text{padding-left:20px} .card:hover{/*background-color:#FAFDFF;*/position:relative;z-index:2} .card .thumb{width:100%;max-height:170px;min-height:170px;left:0px;top:0;vertical-align:top} .card .focus .fa{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,0.2);color: #fff;text-align: center;line-height: 170px;z-index: 9;font-size: 46px;opacity:0} .card .focus .fa:hover{opacity:1} .card .focus:hover .thumb{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .card .cardtitle{position:relative;} .card .cardtitle .bigpic{display:block;font-size:0;position:relative;overflow:hidden} .card .entry-title{font-size:15px;text-align:left;margin-top:0;font-weight:400;margin-bottom:10px;line-height:20px;height:42px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .card .entry-title a{color:#333;} .card .abstract{line-height: 20px;height: 42px;overflow: hidden;margin-bottom: 5px;font-size: 13px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .card .cat{color:#fff;background-color:#FF5E52;opacity:0.8;padding:4px 8px;font-size:12px;display:inline-block;position:absolute;left:7px;top:6px;} .card .cat:hover{background-color:#FF5245;opacity:1;filter:alpha(opacity=85)} .card .card-sticky{position: absolute;width: 100px;text-align: center;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #ffbe02;color: #fff;top: 4px;right: -35px;font-size: 12px;line-height: 20px;z-index: 100;box-shadow: 0 2px 5px -5px #000;} .card time,.card .pv{margin-right:8px} .card .pc{float:right} .card .note{font-size:12px;color:#999;word-wrap:break-word;line-height:20px} .card .meta{color:#999;font-size:12px} .card .meta .fa{margin-right:3px} .card .meta a,.card .meta span{color:#999;text-decoration:none} .card .meta a:hover{color:#45B6F7} .card h2 b,.card .note b{color:#FF5549;font-weight:normal} #sc_notice,#sc_warn,#sc_error,#sc_tips,#sc_blue,#sc_organge,#sc_qing,#sc_pink,#sc_warningbox,.sc_act{margin-bottom:10px;} #sc_notice{color:#7da33c;background:#ecf2d6 url('../img/sc_notice.png') -1px -1px no-repeat;border:1px solid #aac66d;overflow:hidden;padding:15px 15px 15px 35px} #sc_warn{color:#ad9948;background:#fff4b9 url('../img/sc_warn.png') -1px -1px no-repeat;border:1px solid #eac946;overflow:hidden;padding:15px 15px 15px 35px} #sc_error{color:#c66;background:#ffecea url('../img/sc_error.png') -1px -1px no-repeat;border:1px solid #ebb1b1;overflow:hidden;padding:15px 15px 15px 35px} #sc_tips{color:#777;background:#eaeaea url('../img/sc_tips.png') -1px -1px no-repeat;border:1px solid #ccc;overflow:hidden;padding:15px 15px 15px 35px} #sc_blue{color:#4d99d2;background:#dbe7f8 url('../img/sc_blue.png') -1px -1px no-repeat;border:1px solid #4d99d2;overflow:hidden;padding:15px 15px 15px 35px} #sc_organge{color:#1c2b49;background:#ffbc06;border:1px solid #e9ac1a;overflow:hidden;padding:15px 15px 15px 35px} #sc_qing{color:#131418;background:#009856;border:1px solid #1065e6;overflow:hidden;padding:15px 15px 15px 35px} #sc_pink{color:#131418;background:#ef4b86;border:1px solid #cb2027;overflow:hidden;padding:15px 15px 15px 35px} #sc_warningbox{border: 0;padding: 12px 8px;text-align: center;overflow: hidden;background-color: #fffbf0;border-color: #f7ba2a;color: #fbb91e;border-style: solid;border-left-width: 3px;font-size:14px;} .sc_act{padding:10px 15px;background:#FFF;border:1px solid #e3e3e3;border-left:3px solid #3dabce} .sc_act:hover{background:#fcfcfc} .dltable p{margin:.001em .001em;width:1px;line-height:30px} #bdcs-search-inline{width:100%} #bdcs-search-form-submit{width:33%} .dltable a{padding:0 1em 0 0} .slider-caption,.cms-top-title a,.cat-top-title,.hide-box,.hide-excerpt,.img-title,.posting-title,.picture-inf{animation:fade-in;animation-duration:0.5s;-webkit-animation:fade-in 0.5s} .focusmo{overflow:hidden;margin-bottom:10px} .focusmo ul{list-style:none;margin:0;padding-left:50%} .focusmo li{width:50%;float:left;margin-bottom:10px} .focusmo .right-item a{margin-left:10px;display:block;overflow:hidden;height:128px;position:relative} .focusmo .right-item a span{position: absolute;width: 100px;text-align: center;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #ffbe02;color: #fff;top: 4px;right: -35px;font-size: 12px;line-height: 20px;z-index:7;box-shadow: 0 2px 5px -5px #000;} .focusmo img{width:100%;height:100%} .focusmo li.large{width:100%;float:left;margin-left:-100%} .focusmo li.large a{height:266px;margin-left:0} .focusmo h4{position:absolute;bottom:0;left:0;right:0;padding:16px 10px 5px;/*height:41px;*/background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.6) 100%);overflow:hidden;/*background-color:#656565;background-color:rgba(0,0,0,.7);*/color:#fff;margin:0;font-size:12px;line-height:17px} .focusmo .large h4{font-size:16px;line-height:34px} .focusmo .swiper-container h4{font-size:16px;line-height:34px} .focusmo a:hover{opacity:.9} .sign-social{margin-top:10px} .sign-social .login-qq,.sign-social .login-weibo{display:block;margin-bottom:3px;padding:8px 20px 7px;border-radius:3px;opacity:0.85;filter:alpha(opacity=85);color:#fff;font-size:12px;text-align:center} .sign-social .login-qq{background-color:#3F92D6} .sign-social .login-weibo{background-color:#FF766C} .sign-social .login-qq:hover,.sign-social .login-weibo:hover{color:#fff;opacity:1;filter:alpha(opacity=100)} .nav-single-c a{font-size:60px;color:#b6b6b6;text-align:center} .nav-single-c a:hover{color:#555} .meta-nav-l{position:fixed;right:0;top:45%;width:50px} .meta-nav-r{position:fixed;left:0;top:45%;width:50px} @media screen and (max-width:1300px){.nav-single-c a{display:none}} img.thumb:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} img.thumb{-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s} .shang-p{width:50px;height:50px} .shang-p a{position:absolute;background:#DA4F49;left:-30px;width:60px;height:60px;text-align:center;font-size:18px;font-weight:600;line-height:56px;display:block;color:#FFF;border-radius:40px;cursor:pointer} .shang-p a:hover{color:#fff;background-color:#3c3c3c} .shang-s{height:37px} #shang{width:300px} .shang-img{float:left} .shang-img img{width:140px;height:auto;padding:5px} .shang-main h4{font-size:15px;font-size:1.5rem;text-align:center;margin-bottom:10px} .social-main{position:relative;margin:0 auto;width:5px;height:65px} .shang-main i{color:#ff0000} .tipso_bubble,.tipso_bubble>.tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999;padding:10px} .tipso_style{cursor:help;border-bottom:1px dotted} .tipso_bubble>.tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none} .tipso_bubble.top>.tipso_arrow{border-color:#000 transparent transparent;top:100%;left:50%;margin-left:-8px} .tipso_bubble.bottom>.tipso_arrow{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-8px} .tipso_bubble.left>.tipso_arrow{border-color:transparent transparent transparent #000;top:50%;left:100%;margin-top:-8px} .tipso_bubble.right>.tipso_arrow{border-color:transparent #000 transparent transparent;top:50%;right:100%;margin-top:-8px} #no-sofa{background:#fff;padding-top:30px;padding-bottom:30px;min-height:60px;border-top:1px solid #e5e5e5} .sofa{background:url(../img/sofa.png);min-height:54px;width:260px;opacity:0.8;filter:alpha(opacity=80);margin:0 auto} .sofa:hover{opacity:1;filter:alpha(opacity=100)} .breadcrumb-box{background:#fcfcfc;margin-top:-15px;margin-bottom:15px;padding:8px 5px;border-bottom:1px solid #eaeaea} .breadcrumb-box>.crumbs{clear:both;width:100%;max-width:1200px;margin:0 auto;line-height:20px;color:#76838f;padding:0 5px;font-size: 12px;} .breadcrumb-box>.crumbs small{font-size: 12px;font-family: serif; margin: 0 2px;font-weight: 600;} @keyframes loading-bar-move{0%{width:0;opacity:0}30%{width:0;opacity:0}70%{width:100%;opacity:1}100%{width:100%;opacity:0}} @-moz-keyframes loading-bar-move{0%{width:0;opacity:0}70%{width:100%;opacity:1}100%{width:100%;opacity:0}} @-o-keyframes loading-bar-move{0%{width:0;opacity:0}70%{width:100%;opacity:1}100%{width:100%;opacity:0}} @-webkit-keyframes loading-bar-move{0%{width:0;opacity:0}70%{width:100%;opacity:1}100%{width:100%;opacity:0}} .progress{border-radius:0;position:absolute;left:0;top:0;z-index:999;height:5px;animation:loading-bar-move 2s;-moz-animation:loading-bar-move 2s;-webkit-animation:loading-bar-move 2s;-o-animation:loading-bar-move 2s} .progress-bar{width:100%} .container>.tagstitle{font-size:22px;margin:0;text-align:center;margin-bottom:15px} .tagslist{overflow:hidden} .tagslist ul{list-style-type:none;padding:0;margin:0 -2% 0 0} .tagslist li{float:left;width:23%;margin-right:2%;margin-bottom:2%;padding:15px;border:1px solid #eee;background-color:#fff;border-radius:2px} .tagslist li .name{background-color:#eee;display:inline-block;padding:5px 10px 4px;font-size:12px;color:#666} .tagslist li .name:hover{background-color:#444;color:#fff} .tagslist li:hover{border-color:#ccc} .tagslist li:hover .name{background-color:#444;color:#fff} .tagslist li small{margin-left:10px;color:#bbb} .tagslist li p{margin:10px 0 0;font-size:10px;height:17px;overflow:hidden;display:block;line-height:1.5} .tagslist li .tit{color:#999} .tagslist li .tit:hover{color:#444} .action-rewards{background-color:#76bdff !important;/*float:right;display:inline-block;border-radius:4px;padding:0 15px;height:32px;line-height:31px;font-size:14px;text-align:center;min-width:80px;color:#fff !important;margin-left:15px;margin-top:-10px;opacity:0.8;text-decoration:none !important*/} .action-rewards:hover{opacity:1} .rewards-popover-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;display:none} .rewards-popover{position:fixed;top:50%;left:50%;margin:-200px 0 0 -275px;width:550px;background-color:#FFF;padding:40px 20px 50px;border-radius:4px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,0.4);z-index:9999;display:none;text-align:center} .rewards-popover h3{font-size:18px;font-weight:bold;text-align:center;margin:0 15px 30px} .rewards-popover-item{display:inline-block;width:200px;margin:0 20px} .rewards-popover-item h4{margin:0 20px 10px;font-size:15px} .rewards-popover-item img{width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px} .rewards-popover-close{position:absolute;top:0;right:0;padding:15px;font-size:16px;line-height:1;color:#999;cursor:pointer} .rewards-popover-close:hover{color:#666} .widget-navcontent .item-02 .qucenter{padding:0;} .widget-navcontent .item-02 .qucenter li{float:none;width:100%;margin-bottom:0;font-size:13px;margin-top:10px;list-style:none} .widget-navcontent .item-02 .qucenter li img{float:left;border:2px solid #e6e6e6;border-radius:100px;width:60px;height:60px;margin-right:15px !important} .widget-navcontent .item-02 .qucenter li a{margin-right: 8px;} .widget-navcontent .item-02 .qucenter .active a{margin-right: 15px;} .widget-navcontent .item-02 .qucenter .input-group{width:100%;z-index:0} .widget-navcontent .item-02 .qucenter .author-link{line-height:30px;margin-top:5px;font-size:15px;} .widget-navcontent .item-02 .qucenter .author-link .author-name{font-weight:700;} .widget-navcontent .item-02 .qucenter .meta{display: table;width: 100%;padding: 10px 0;margin-top: 15px;} .widget-navcontent .item-02 .qucenter .meta span{position: relative;display: table-cell;width: 16.65%;height: 36px;text-align: center;font-weight: 700;font-size: 16px;color: #555;} .widget-navcontent .item-02 .qucenter .meta span a{display:block;font-weight: 400;font-size: 14px;margin:0} .widget-navcontent .item-02 dl{padding: 10px 0 0 80px;overflow: hidden;margin-bottom: 20px;} .widget-navcontent .item-02 dt{float: left;margin-left: -70px;} .widget-navcontent .item-02 dd{padding-top: 6px;font-size: 16px;} .widget-navcontent .item-02 dd .text-muted{font-size: 14px;display: block;height: 20px;overflow: hidden;} .widget-navcontent .item-02 .avatar{border: 2px solid #e6e6e6;border-radius: 100px;width: 50px;height: 50px;} .widget-navcontent .item-02 ul{overflow: hidden;font-size: 12px;padding-left: 82px;color: #999;} .widget-navcontent .item-02 li{float: left;width: 50%;margin-bottom: 10px;} .widget-navcontent .item-02 p{text-align: center;} .widget-navcontent .item-02 h4{text-align: center;font-size: 20px;line-height: 20px;margin: 25px 0;} .login-actions{display:none} .nav-user{display:none} .m-navbar>.uc-menu-ul>.nav-user{display:none} .m-navbar>.nav-user{display:none} .m-navbar .login-actions{display:none} @media (max-width:1320px){ .menusns .sub-menu{right:0;left:auto} } @media (max-width:1240px){ .container{margin:0 10px} .pageheader{padding:15px 0} } @media (max-width:1024px){ .content{margin-right:0} .sidebar{display:none} .m-sidebar .sidebar{display: block;float: none;margin-left: 0;width: auto;clear: both;} .site-search-form{padding:25px 0} .navto-nav,.navto-design{display:none} .brand{display:none} .bianlan{display:none} .container-page{padding-left:185px} .pageside{width:170px} .plinks ul li{width:25%} } @media (max-width:860px){ .topmenu{display:none} .pageheader h1{font-size:22px} .pageheader .share{display:none} .container-page{padding-left:155px} .pageside{width:140px} .pagemenu li a{padding:10px 5px 10px 15px} .tag-clouds a{width:24%} .archives h3{float:none} .archives-list{margin-left:0} .plinks ul li{width:33.3333333%} } @media (max-width:720px){ body{padding-top:77px} .header{position:fixed !important;top:0;left:0;right:0;text-align:center;padding:15px 0;z-index:9999;height:62px} .uc-header{position:fixed;top:0;left:0;right:0;text-align:center;padding:15px 0;z-index:9999;height:62px} .uc-header .wp{ margin: 0;height:auto} .uc-header .uc-logo{float:none} .uc-header .uc-logo>.logo{margin:0;} .uc-header .nav-user>a>.avatar{position:relative;} .uc-header .site-navbar{margin-right:0;margin-top: -39px;} .uc-header .uc-menu-ul{height:auto;} .uc-header .uc-menu-ul li a:hover{color:#999 !important;background-color:rgba(255,255,255,0.1) !important} .uc-header .uc-menu-ul>li>a{height:auto;line-height:32px;padding:5px 13px 10px 8px;} .uc-header .uc-menu-ul>.login-actions a{font-size:20px;} .uc-header .uc-menu-ul>li[id]{display:none} .uc-menu-ul>.navto-search{position:relative;top:0} .uc-menu-ul>.login-actions{top:2px} .login-actions{list-style:none;display:inline-block;position:absolute;top:0;float:right;font-size: 20px;} .login-actions>a{padding: 11px 15px 10px 10px;} .top-bar{display:none} .header .container{margin:0} .logo{float:none;text-align:center;max-width:100%} .logo a{max-width:180px;margin:0 auto;text-align:center} .logo img{margin:0 auto} .topbar{display:none} .topbar-user{display:none} .site-navbar > li[id]{display:none} .site-nav>.mobile-login-field{display:none} .m-navbar{margin: 0 0; position: fixed;top:0;left: -65%;bottom:0;height: 100%;background-color: #293038;text-align: left;padding: 15px 0 0;line-height: 1;font-size: 14px;width: 65%;z-index:99999;display: block;overflow-y: auto;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;-ms-transition:left 0.3s;-o-transition:left 0.3s;transition:left 0.3s;} .m-navbar li{float: none;margin-left: 0;position: relative;} .m-navbar .sub-menu{position: relative;top: 0;box-shadow:none;background-color:transparent;border:none;border-radius:0;width: auto;margin: 0 0 0 25px;font-size: 14px;padding: 0;font-weight: normal;display: none;} .m-navbar .fa{width: 18px;display: inline-block;text-align: center;} .m-navbar li a{display: block;margin:0 15px;padding: 15px 15px;color: #eee;color: rgba(255,255,255,0.8);border-bottom: 1px solid rgba(255,255,255,0.04);} .m-navbar li:hover > a, .m-navbar li a:hover{color: #fff;} .m-navbar li.current-menu-item > a, .m-navbar li.current-menu-parent > a{color: #fff;font-weight: bold;} .m-navbar li.menu-item-has-children .faa{content:'';position: absolute;right: 15px;top: 0;font-size: 22px;margin: 0;padding: 11px 15px;z-index: 2;cursor: pointer;display: block;width: auto;} .m-navbar .navto-search{display: none;} .sub-menu .menu-item-has-children>a::after{display:none} /*body{-webkit-transition-duration:500ms;}*/ body .m-icon-nav{display:block;position:absolute;top:-15px;left:0;font-size: 19px;padding: 21px 30px 21px 15px;color: #777;} .m-nav-show{ /* -webkit-transform:translate3d(70%,0px,0px); */ position: fixed;top: 0;right: 0;left: 0;bottom: 0;height: 100%;width: 100% } .m-nav-show .m-navbar{left: 0;} /*.m-nav-show .header{position: absolute;}*/ .m-nav-show .m-mask{display: block;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 99998;overflow: hidden;} .m-nav-show .m-icon-nav{color: #45B6F7;} .content>.card{width:50%} .card time{display:none;} /*-----mobile UserCenter----*/ .site-navbar>.uc-menu-ul>.navto-search{position:relative;} .nav-user{position:relative;list-style:none;padding:0;margin:0;float:right;display:inline-block;top:0;} .nav-user a{padding:10px 13px 10px 8px;} .nav-user>a>.badge{display:inline-block;position:absolute;top:13px;left:40px;width:8px;height:8px;border-radius:50%;background:#ec7063;z-index:99;min-width: 8px;padding:0;} .nav-user>a>.avatar{width:32px;height:32px;border-radius:16px} .dropdown-menu{min-width:180px;margin-top:5px;left:auto;right:5px} .dropdown-menu:before,.dropdown-menu:after{content: '';position: absolute;top: -14px;right: 15px;margin-left: -3px;border-style: solid;border-width: 7px;} .dropdown-menu:before{border-color: transparent transparent rgba(0,0,0,.15);} .dropdown-menu:after{border-color: transparent transparent #fff;margin-top: 1px;} .dropdown-menu>li{display:block;float:none} .dropdown-menu>li>a{position:relative;text-align:center;font-size:15px;padding:8px 16px;line-height:1.3;display:block;clear:both;font-weight:400;white-space:nowrap} .dropdown-menu>li>a>.fa{position:absolute;top:10px;left:20px} .dropdown-menu>li>a>.badge{position:absolute;margin-left:5px;} .dropdown-menu>li>a:hover{background:#f5f5f5} .dropdown-menu>li.divider{height:1px} .site-search{top:-100px} .search .site-search{top:0} .header .site-navbar{margin-top:-39px;margin-right:0} .header>.container>.site-navbar>.navto-search{top:0;position:relative} .header>.container>.site-navbar>.navto-search>a{padding:18px 15px 13px 20px} .site-navbar li.navto-search{position:absolute;top:5px;border-bottom:none} .site-navbar li.navto-search a{padding:8px 20px 15px 30px;color:#666;border-bottom:none;margin:0} .site-nav .navto-search .fa{display:block;font-size:19px} .search-on .site-search{top:62px} .pageheader,.page-template-pagesnavs-php .pageheader{margin-top:-15px} .tag-clouds a{width:32.3333333%} .readers a.item-top{float:none;width:auto;display:block;margin:0 0 15px 0} .flinks{display:none} .relates-thumb li{width: 30.333333333%;} .layout_li.recommend {width: 50%;} .layout_li.other .user_main div.post{display:none;} } @media (max-width:640px){ body{padding-top:65px} .header{padding:15px 0;height:56px} .topbar-off .uc-header{height:56px;} .uc-header{padding:15px 0;height:56px} .uc-header .uc-menu-ul .login-actions>a {padding: 10px 13px 10px 8px;} .uc-header .uc-menu-ul .nav-user a{padding:10px 13px 10px 8px;} .logo a{height:24px} .logo img{height:100%} body .m-icon-nav{padding:14px 30px 13px 15px;top:-10px} .header>.container>.m-icon-nav{top:-10px} .site-navbar li.navto-search a{padding:14px 15px 13px 30px} .carousel{margin-bottom: 10px;} .carousel-control{display: none;} .carousel-inner .item img{border-radius: 0;} .carousel-indicators{bottom: 0;} .carousel-indicators li, .carousel-indicators li.active{margin: 0 3px;width: 12px;height: 2px;border-radius: 0; background-color: rgba(255,255,255,0.5);border: none;} .carousel-indicators li.active{background-color: rgba(255,255,255,0.9);} .topbar-off.search-on .site-search{top: 56px;height: auto;} .search-on .site-search {top: 56px;height: auto;} .site-search .container{margin:0} .site-search-form{padding: 10px;} .search-input{height: 36px;font-size: 14px;} .search-btn{height: 36px;font-size: 14px;} .article-header{text-align:left;padding:15px 0} .article-title{font-size: 5.53vw;line-height: 7.9vw;font-weight: bold;margin-bottom: 3.4vw;} /*.article-title{font-size:18px;font-weight:bold;margin-bottom:5px;line-height:22px}*/ .article-meta{font-size:12px;} .article-meta .item{margin-right:10px} .asb-post{margin-bottom:15px} .article-content img{border-radius:5px} /*like collect rewards MB*/ .activity-btn{text-align:center;} .activity-btn a{padding: 12px 14px;} .like-author,.like-author li{float: none;} .like-author .post-like-counter{display: block;line-height: 15px;} .post-copyright{display:none} .action-share{text-align:left} .article-tags{text-align:left} /*.rollbar{right:-120px}*/ .article-content{font-size:15px;line-height:24px} .article-content p{line-height: 7.55vw;font-size: 4.3255vw;font-weight: 400; word-wrap: break-word;white-space: normal;} .article-content p,.article-content h2,.article-content h3,.article-content h4{margin-bottom: 7vw;/*margin-bottom:15px*/} /*.article-content h2{font-size:16px;font-weight:bold;margin:15px -10px 15px -10px;line-height:18px;padding-left:10px;border-left:none}*/ .article-content h2{padding-bottom:5px !important;} .article-content h2, .article-content h3, .article-content h4, .article-content h5{padding:0;margin-top:0;line-height: 7.85vw;font-size: 4.7255vw;font-weight: 700;word-wrap: break-word;white-space: normal} .article-content ul,.article-content ol{margin-left:20px} .content{min-height:200px} .pagetitle h1{font-size:14px;font-weight:bold} .excerpt{padding:10px 10px 10px 180px} .excerpt header{height:80px;} .excerpt .focus{width:160px;margin-left:-170px;height:100%;} .excerpt .thumb{width:160px;height:109px} .excerpt .meta{margin-bottom:0;} .excerpt .note{display:none} .excerpt .cat{display:none} .excerpt h2,.excerpt-minic h2{font-size:16px;line-height:18px} .excerpt-minic{padding:10px} .excerpt-minic-index h2{font-size:16px;margin-bottom:5px} .excerpt-minic .note{font-size:12px;text-indent:24px} .excerpt-text{padding-left:10px} .excerpt-text .meta{margin-bottom:0} .excerpt .cat{display: inline-block;font-size: 10px;padding: 0 4px;text-align: center;height: 15px;line-height: 18px;margin-left: 0;margin-right: 3px;text-indent: 0;border-radius: 2px;} .pageheader,.page-template-pagesnavs-php .pageheader{margin-top:-11px} .pageheader h1{font-weight:bold;font-size:18px} .pageheader .note{font-size:12px} .container-page{padding-left:110px} .container-page .content{padding:15px} .container-page .content::after{display:none} .pageside{width:100px} .pagemenu{margin-bottom:5px} .pagemenu li a{padding:7px 10px;font-size:14px;font-weight:bold} .branding{padding:30px 15px} .branding h1,.branding h2{font-size: 16px;font-weight: normal;margin-bottom: 10px;} .branding .btn{padding: 6px 12px;font-size: 12px;border-radius:2px;} .btn-lg{font-size:14px;padding:6px 15px;border-radius:2px} .pagetitle{padding: 12px 15px 10px;} .pagetitle h2,.pagetitle h3{font-size:16px;font-weight:bold} .catleader-desc{margin-top: 5px;font-size: 12px;} .home .title {margin-bottom: 8px;padding: 0 5px;} .title h3{font-size:14px} .title .more{display:none} .footer{padding:30px 0 20px} .footer nav{display:none} .footer{padding:15px 10px} .footer .container{line-height:16px} .archives-list span{display:none} .archives h3{font-size:16px;font-weight:bold} .pageheader, .page-template-pagesnavs-php .pageheader{margin-top: 0;padding: 15px;margin-bottom: 0;} .full-width .pageheader{margin-bottom:10px;} .pageheader h1{font-weight: bold;font-size: 14px;} .pageheader .note{font-size: 12px;} .container-page{padding-left: 0;} .container-page .content{padding: 15px;border: none;border-radius: 0;} .container-page .content::after{display: none;} .container-page .content .article-title{margin-bottom: 15px;} .pageside{width: auto;position: relative;} .pagemenu{margin-bottom: 5px;border: none;border-radius: 0;/* padding: 10px 0; */} .pagemenu li a{padding: 7px 10px;font-size: 14px;font-weight: bold;} .relates h3,.pads h3 {font-weight: bold;line-height: 1;color: #555;padding:0;border:none;} .relates ul{padding:0} .relates li{width: 100%;height: 25px;line-height: 25px;margin-top: 10px;} .relates-thumb .title{padding-left: 0;} .relates-thumb .title h3{font-size: 14px;font-weight: bold;} .layout_li.recommend,.layout_li.other {width: 100%;} .container-page .content,.container-no-sidebar .content{padding: 15px;} } @media screen and (max-width:640px){ .cat-col .cat-container>.home-heading,.sticky-container>.home-heading{margin-bottom:10px} .cms-cat-s1>.col>article,.sticky-container>.cms-stickies .col-1_2 article{padding:0} .cat-col-1_2,.cms-cat-s1>.col,.cms-cat-s2>.col,.cms-cat-s3>.col,.cms-cat-s4>.col,.cms-cat-s5>.col-small{overflow:hidden;width:100%;float:none} .col-1_2{width:100%!important;float:none!important;overflow:hidden} .col-1_2:nth-child(2n+1) article{margin-right:0!important} .cms-cat-s1>.col-left>article,.cms-cat-s2>.col-left>article,.cms-cat-s3>.col-right>article{margin-right:0} .col-1_2:nth-child(2n+2) article{margin-left:0!important} .cms-cat-s1>.col-right>article,.cms-cat-s2>.col-right>article,.cms-cat-s3>.col-left>article{margin-left:0} /*.cms-cat-s4>.col>article{margin-left:0!important;margin-right:0!important}*/ .cms-cat-s4>.col-large>article .entry-thumb img{max-height:100%} .cms-cat-s5>.col{float:none;width:100%;overflow:hidden} .cms-cat-s5>.col-left>article{margin-right:0} .cms-cat-s5>.col-right>article{margin-left:0} .cms-cat-s1>.col-full>article{margin-bottom:15px} .cms-cat-s1>.col-full>article .entry-detail h3{margin-top:20px} .cms-cat-s1>.col-full>article .entry-thumb{width:100%;float:none;margin-right:0} .cms-cat-s1>.col-small>article{margin:0 !important;} .cms-cat-s1>.col-small>article .entry-detail h3{margin:0} .cms-cat-s3>.col-right>article{margin:0} .cms-cat-s2>.col-left>article .entry-detail h3,.cms-cat-s3>.col-right>article .entry-detail h3{margin:20px 0 10px} .relates-thumb ul{margin-right:-5%} .relates-thumb li{width: 47%;height: 100%;margin-top: 0;line-height: 16px;} .relates-thumb img{height:120px;} .pagination .pg-item span,.pagination .pg-item a{display:none;} .pagination .pg-item .next,.pagination .pg-item .prev{display:inline-block;margin:0 2px;} .f404{margin:100px 0;} } @media (max-width:480px){ .container{margin:0 5px} .single section.container{margin:0} .single .content{border:none;padding:0 15px;border-radius:0;border-top: none !important;} .category, .single{padding-top:54px} .article-header{margin-bottom:10px} .cat-first{padding:10px 10px 10px 170px} .cat-first .thumbnail{margin-left:-160px;width:150px} .cat-first .note{display:none} .cat-first .meta .pc{display:none} .cat-first h2,.excerpt-minic h2{font-size:16px;line-height:20px} .cat-posts li{width:50%} .cat-posts li a{padding:10px} .cat-posts li:nth-child(1){border-radius:0} .cat-posts li:nth-child(1),.cat-posts li:nth-child(2){border-bottom:none} .cat-posts li:nth-child(3){border-left:1px solid #eaeaea;border-radius:0 0 0 4px} .tag-clouds a{width:49%} .plinks ul li{width:50%} .page-template-pagesresetpassword-php section.container{margin:0} .page-template-pagesresetpassword-php .content{border:none;padding:0 15px;border-radius:0} .page-template-pagesresetpassword-php{padding-top:44px} .page .content.resetpass{padding:15px} .nav_fixed.page .content.resetpass{padding:40px 15px 15px} .resetpasssteps{margin:-14px -15px 15px -15px} .resetpasssteps li{font-size:12px;line-height:28px} .resetpass form{width:100%} .resetpass h3{font-size:16px} .sign .container{width:80%} .sign .close-link{right:0;left:auto} .sign form{padding:0 20px} .sign h3{padding:25px 20px;margin:0 -20px 20px} .sign h3 small{margin-right:80px} .pagination ul > li{display:none} .pagination ul > li.prev-page,.pagination ul > li.next-page{display:inline} .pagination ul > li.next-page a{background-color:#45B6F7;color:#fff} .input-lg{height:34px;border-radius:4px;font-size:14px;padding:10px} .excerpt{padding:10px 10px 10px 150px} .excerpt header{margin-bottom: 0;height: 60px;overflow: hidden;margin-bottom: 11px;} .excerpt h2{font-size: 15px;line-height: 1;color: #333;font-weight: normal;text-shadow: 0.2px 0 0 #333;display:inline;} .excerpt h2 a span{text-shadow: 0.2px 0 0 #FF5E52} .excerpt .focus{width:120px;margin-left:-135px;height:100%} .excerpt .thumb{width:120px;height:86px} .excerpt .note{display:none} .excerpt .author{display:none} .excerpt .pc{text-decoration:none} .excerpt-text{padding-left:10px} .excerpt-text header{margin-bottom:5px} .excerpt-text h2{min-height:0;margin-bottom:5px} .excerpt .meta{line-height: 1;font-size: 11px;margin-bottom: 0;color: #bbb;} .excerpt .meta time,.excerpt .meta .pv{margin-right: 15px;} .excerpt .meta .fa{display: none;} .pager .previous>a{ margin-bottom: 10px;} .pager .previous>a,.pager .next>a{width: 100%;float: none;} } @media (max-width:360px){ .single .content{padding:5px 15px} .cat-ebox li{width:100%;border-right:none} .cat-ebox li:first-child{border-bottom:2px solid #eaeaea} .cat-posts li a{height:170px} .article-header{padding:10px 0;text-align:left} .article-meta .item:nth-child(2){display:none} /*.article-title{font-size:16px}*/ .excerpt h2{font-size:14px;line-height:18px} .excerpt .pc{display:none} .excerpt .pv{margin-right:0} .btn-lg{padding:8px 20px;font-size:14px} #commentform{padding-left:0} #respond{overflow:hidden;width:100%} .comt{padding-left:0} .comt-title{width:auto;float:none;margin-left:0;overflow:hidden;margin-bottom:10px} .comt-avatar{width:30px;height:30px;float:left;margin-right:5px} .comt-avatar .avatar{width:30px;height:30px;border-radius:50%} .comt-comterinfo{width:100%} .comt-comterinfo .text-muted{display:none} .comt-comterinfo input{width:100%;margin-right:0;box-shadow:none} .comment-reply-link,.comt-info{position:relative;top:0;display:inline-block;margin-left:10px} .comt-main{margin-right:0;margin-left:40px} .comt-f{display:none} .commentlist > .comment .children{margin-left:0} .commentlist > .comment.depth-1 > .children{margin-left:46px} .comt-author{display:inline-block} .branding{padding:30px 10px} .branding p{font-weight:normal} .tag-clouds a{width:99%} .plinks ul li{width:100%} } #navs{color:#aaa} #navs h2{font-size:20px;font-weight:normal;color:#fff;padding:10px;background-color:#45B6F7;margin:0} #navs .item{overflow:hidden;margin:20px 0 30px} #navs .item h2{width:140px;padding:11px 15px;margin:0;font-size:18px} #navs .item ul{margin-right:-1%} #navs .item li{float:left;width:19%;margin-right:1%;margin-top:1%;padding:15px;font-size:12px;height:89px;overflow:hidden;background-color:#fff;border-bottom:15px solid #fff} #navs .item li a{margin-bottom:5px;display:inline-block;font-size:14px;font-weight:bold;color:#45B6F7;border-bottom:2px solid transparent} #navs .item li a:hover{color:#FD8C84;border-bottom-color:#FD8C84} #navs .items{margin-left:160px} #navs nav{width:140px;position:absolute;top:0;left:0;height:100%;background-color:#45B6F7} #navs nav ul{width:140px} #navs nav a{display:block;padding:10px 20px;color:#fff;border-bottom:1px solid rgba(0,0,0,0.08)} #navs nav a:hover,#navs nav .active a{color:#fff;font-weight:bold} #navs nav ul.affix{position:fixed;top:0} #navs nav ul.affix-bottom{position:fixed} .page-template-pagesnavs-php .pageheader{margin:0} @media (max-width:1280px){ #navs .items{margin-right:10px} } @media (max-width:1024px){ #navs .item{margin-top:10px} #navs .items{margin:0} #navs nav{display:none} #navs .item li{width:24%} } @media (max-width:640px){ #navs .item li{width:32.333333%} #navs .item h2{width:auto;text-align:center} } @media (max-width:320px){ #navs .item li{width:49%} } .article-content a.dl{border:2px solid white;border-radius:2px;margin:10px 5px 20px 25px;box-shadow:0 0 0 1px #EEE;color:#fff;display:inline-block;text-align:center;padding:8px 16px;cursor:pointer;vertical-align:text-bottom;background-color:rgb(69,182,247);text-indent:0;text-decoration:none} .article-content a.dl i{margin-right:10px;vertical-align:inherit} .article-content a.dl:hover{background:#f78585} #comment_is_admin{width:15px;height:15px;position:relative;top:-1px;left:-3px;right:5px} .article-nav{overflow:hidden;font-size:15px;color:#bbb} .article-nav span{float:left;position:relative;max-width:50%} .article-nav span.article-nav-next{float:right;text-align:right} .article-nav a{margin-right:5px;display:inline;font-weight:normal} .comt-box .position a {line-height: 36px;margin-left: 9px;font-size: 16px;} #smiley{background-color:#eeeeee;padding:3px;position:relative;line-height:0;top:8px;margin-bottom:7px;float:left;} #smiley img{display:inline-block;padding:2px;cursor:pointer} #smiley::after{position:absolute;top:-5px;left:10px;width:0;height:0;vertical-align:top;border-bottom:5px solid #eeeeee;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);content:""} #fontcolor{padding:2px;z-index:99999;background-color:#eeeeee;position:relative;top:7px;margin-bottom:2px;float:left;} #fontcolor a{display:inline-block;height:20px;width:20px} #fontcolor::after{border-bottom:5px solid #eeeeee;border-left:5px solid transparent;content:"";border-right:5px solid transparent;vertical-align:top;height:0px;width:0px;left:42px;top:-5px;position:absolute} .showmore span{font-size:13px;color:#08c;font-weight:normal;padding:0 8px;cursor:pointer} .section-content{padding-top:1px;display:none} .vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background:url(../img/vip.png) no-repeat;display:inline-block;overflow:hidden;border:none;margin-right: 3px;} .vp{background-position:-515px -2px;width:16px;height:16px;margin-bottom:-3px} .vp:hover{background-position:-515px -22px;width:16px;height:16px;margin-bottom:-3px} .vip{background-position:-494px -3px;width:16px;height:14px;margin-bottom:-2px} .vip:hover{background-position:-494px -22px;width:16px;height:14px;margin-bottom:-2px} .vip1{background-position:-1px -2px;width:46px;height:14px;margin-bottom:-1px} .vip1:hover{background-position:-1px -22px;width:46px;height:14px;margin-bottom:-1px} .vip2{background-position:-63px -2px;width:46px;height:14px;margin-bottom:-1px} .vip2:hover{background-position:-63px -22px;width:46px;height:14px;margin-bottom:-1px} .vip3{background-position:-144px -2px;width:46px;height:14px;margin-bottom:-1px} .vip3:hover{background-position:-144px -22px;width:46px;height:14px;margin-bottom:-1px} .vip4{background-position:-227px -2px;width:46px;height:14px;margin-bottom:-1px} .vip4:hover{background-position:-227px -22px;width:46px;height:14px;margin-bottom:-1px} .vip5{background-position:-331px -2px;width:46px;height:14px;margin-bottom:-1px} .vip5:hover{background-position:-331px -22px;width:46px;height:14px;margin-bottom:-1px} .vip6{background-position:-441px -2px;width:46px;height:14px;margin-bottom:-1px} .vip6:hover{background-position:-441px -22px;width:46px;height:14px;margin-bottom:-1px} .vip7{background-position:-611px -2px;width:46px;height:14px;margin-bottom:-1px} .vip7:hover{background-position:-611px -22px;width:46px;height:14px;margin-bottom:-1px} .pager{padding-left:0;margin:20px 0;text-align:center;list-style:none;font-size:12px} .pager li{display:inline} .pager li>a,.pager li>span{display:inline-block;padding: 5px 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;width: 49.5%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;} .pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee} .pager .next>a,.pager .next>span{float:right} .pager .previous>a,.pager .previous>span{float:left} .pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff} .post-like{text-align:center;padding:10px} .post-like a{background-color:#21759B;border-radius:3px;color:#FFFFFF;font-size:12px;padding:5px 10px;text-decoration:none;outline:none} .post-like a.done,.post-like a:hover{background-color:#eee;color:#21759B} .post-like a.done{cursor:not-allowed} @media screen and (max-width:480px){ .pads ul{margin:0 -4% 0 0;} .pads li{width: 48%;margin-bottom:12px;} .pads h4{overflow:hidden;height:35px;} .pads h4 a{font-size: 14px;line-height: 1;font-weight: normal;text-shadow: 0.2px 0 0 #333;} .pads ul li>a{margin-bottom:5px;height:120px} } @media (max-width:1024px){ .tagslist li{width:31.3333333%} } @media (max-width:768px){ .tagslist li{width:48%} .rewards-popover{width:300px;margin-left:-150px;margin-top:-125px;padding:30px 10px} .rewards-popover h3{font-size:16px;margin:0 5px 15px} .rewards-popover-item{width:125px;margin:0 5px} .rewards-popover-item h4{font-size:12px;margin:0 0 10px} .rewards-popover-item img{width:125px;height:125px} .card .thumb{max-height:140px;min-height:140px} .card .focus .fa{line-height:140px;} } @media (max-width:544px){ .container-tags h1{font-size:14px;font-weight:bold;margin-bottom:10px} .content-wrap>.content>.cat-container{margin-bottom:10px;padding-top: 6px;} .most-comment-posts{padding:10px;margin-bottom:10px;} .excerpt-minic,.asb-index, .asb-tag, .asb-cat, .asb-search{margin-bottom:10px;} .widget{margin-bottom: 10px;border-radius: 0;} .tagslist li{padding:10px} .most-comment-posts p{display: none;} .most-comment-posts li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-top: 10px;position: relative;padding-left: 25px;} .most-comment-posts .label{width: 18px;height: 18px;line-height: 18px;font-size: 12px;padding: 0 0;text-align: center;overflow: hidden;position: absolute;top: 0;left: 0;border-radius: 2px;} .most-comment-posts ul{padding:0;} .card{width:50% !important;padding:0 5px 5px 0;} .card .cat{padding: 1px 3px;font-size: 10px;} .card .thumb{max-height:160px;min-height:160px} .card .focus .fa{line-height:160px;} } @media (max-width:480px){ .breadcrumb-box{margin-top:0;margin-bottom:0;} .comt-box .position a {padding: 0 2px;font-size: 18px;margin-left: 5px;} .speedbar{display:none} .article-meta .bianlan{display:none} .article-meta .muted{display:none;} .category .layout_card{margin-left:5px; margin-right:0;} .layout_card{margin-right:-5px;} .card .thumb{max-height:105px;min-height:105px} .card .focus .fa{font-size:30px;line-height:105px;} .card .entry-title{ font-size: 14px;line-height: 19px;height: 40px;} .card .abstract{display:none} .card .pv,.card .pc,.card .author{margin-right:5px} .card .entry-detail{padding:6px} .likepage li{width: 46%;height: 120px;margin:2%} .likepage li img{width: 100%;height: 120px;display: block;} } .sticky-icon{line-height: 1;padding: 4px 4px 3px;font-size: 12px;background-color: #FF5E52;color: #fff;border-radius: 2px;display: inline-block;position: relative;margin-left: 5px;top: -2px;} /*------------laboratory-------------*/ .user_main .follow-links{position:relative;font-size:0} .user_main .follow-links small{cursor: pointer;} .user_main .follow-links small i{margin-right:3px;} .user_main .follow-links small, .user_main .follow-links a{display:inline-block;padding:5px 10px;font-size:12px;color:#fff;margin:0 4px;text-decoration:none} .follow-links small.follow-btn{background-color:#5890FF} .follow-links a.followed{background-color:#2C74E6;color:#fff} .follow-links a.followed.unfollow{background-color:#2C74E6} .follow-links a.each{background-color:#50b51a;color:#fff} .follow-links a.message{background-color:#00D6B1} .follow-links a.payqr{background-color:#FF9700} .user_main .follow-links small:hover,.follow-links a:hover{background-color:#004FCB} .follow-links img.salong-ajax{position:absolute;top:8px;left:12px;width:12px;height:12px} .wall {position:relative;text-shadow: none;} .full-width-video-layout{height:685px;} .wrap {max-width:1200px;margin:0 auto;} .wall h1.entry-title{color:#EEE;font-size:18px;font-weight:normal;background:url(images/icon-play-16.png) no-repeat left 3px;padding-left:24px;text-shadow:none;} .fluid-width-video-wrapper {width: 100%;position: relative;padding: 0; background:#000;height:670px;} .fluid-width-video-wrapper iframe,.fluid-width-video-wrapper embed,p embed{width:100%;border:none;height:670px;} /*.full-width-video-layout .fluid-width-video-wrapper iframe,*/ .full-width-video-layout .fluid-width-video-wrapper embed{height:670px !important;} .full-width-video-layout #video .out embed{height:100% !important;} .fluid-width-video-wrapper .meplayer video, .fluid-width-video-wrapper .mejs-container{position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;margin-bottom: 0 !important;} p embed{height:420px !important;} .amh-vf{position:fixed;top:0;left:0;z-index:1200;background-color:#fff;border:1px solid #ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .amh-vf-note{margin:0;font-size:14px;font-weight:initial;color:#575757;text-align:center;cursor:move;line-height:30px} .amh-vf-close{position:absolute;top:5px;right:5px;width:20px;height:20px;cursor:pointer} .amh-vf .fluid-width-video-wrapper iframe, .amh-vf fluid-width-video-wrapper embed{height:210px !important;} .amh-vf .fluid-width-video-wrapper .playtop{display:none;} .amh-vf .amh-vf-content{width:340px;height:210px;overflow:hidden;margin:0 10px 10px} .full-width-video-layout .amh-vf .amh-vf-content embed{height:100% !important} @media (max-width:480px){ .full-width-video-layout {height:auto;} .fluid-width-video-wrapper {height:220px;} .fluid-width-video-wrapper .playtop{position:absolute;} .fluid-width-video-wrapper .MinePlayer .topright{display:none;} .fluid-width-video-wrapper iframe{height:220px !important;} #videoBox.out {display:none;} } /*#videoBox {transition: 0.5s;}*/ #videoBox.in {animation: ac 1s;} #videoBox.out {position: fixed;bottom: 0;right: 0;width: 300px;height:195px;z-index: 999;animation: an 0.5s;border: 10px solid #212223;margin: 10px;} .my-order .info-group,.pay-content .info-group,.mg-status .info-group{padding: 5px 15px;margin: 10px 0;} .my-order label,.pay-content label,.mg-status label{line-height: 2.3;} #author-page .page-wrapper .mg-status .btn,#management-page .page-wrapper .mg-status .btn {position: relative;height: 42px;margin: 0 0 0 20px;border: none;font-size: 1.6rem;font-weight: 400;line-height: 1.4;border-radius: 4px;padding: 10px 15px;margin-bottom: 0;white-space: nowrap;vertical-align: middle;background-image: none; -webkit-font-smoothing: subpixel-antialiased;transition: all .4s;} #management-page .info-group .users-filter,#management-page .info-group .orders-filter{text-align: right;} #management-page .info-group>.users-info,#management-page .info-group>.orders-info{line-height:36px;} #management-page .info-group>.users-filter>label,#management-page .info-group .orders-filter>label{margin-right: 10px;line-height: 36px;} @media (max-width:480px){ #management-page .info-group .users-filter,#management-page .info-group .orders-filter{text-align: left;} #management-page .info-group .users-info,#management-page .info-group .orders-info{margin-bottom:10px;} } .collapse-wrap{margin:5px 0} .collapse-wrap .xControl{position: relative;padding-left: 30px;font-size: 1.6rem;line-height: 240%;background: #f5f5f5;border: 1px solid #e5e5e5;font-weight: 500;cursor: pointer;} .collapse-wrap .xControl i{position: absolute;top: 8px;left: 15px;font-size: 2rem;transform: rotate(0);transform-origin: center;} .collapse-wrap .xContent{display: none;border: 1px solid #e5e5e5;border-top: 0;padding: 10px 15px;} .collapse-wrap .show> i{transform: rotate(90deg);} .article-content .mask{width:100%;position: absolute;bottom:0;height: 81px;background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,0), #fff);background-image: -moz-linear-gradient(top, hsla(0,0%,100%,0), #fff);background-image: -o-linear-gradient(top, hsla(0,0%,100%,0), #fff);background-image: linear-gradient(top, hsla(0,0%,100%,0), #fff);} .hidetitle {bottom: 0;width: 100%;text-align: center;} .hidetitle #read-more {background: #fff;padding: 6px 30px;border: 1px solid #46b5f5;border-radius: 5px;color: #46b5f5;text-decoration: none;margin-bottom:20px;} .hidetitle #read-more:hover{color:#fff;background:#46b5f5} .xzh-render-head{padding: 0 15px;background-color: #fff;} .xzh-render-body{margin-bottom: 10px;} @media (max-width:480px){ .collapse-wrap .xControl{padding-left: 25px;font-size: 1.4rem;line-height: 240%;} .collapse-wrap .xControl i{top: 8px;left: 10px;font-size: 1.8rem;} } /* ---------error page--------- */ body.error-page .header{background: none;border-bottom: none;border: none;box-shadow:none;} body.error-page .footer{position:absolute;width:100%;bottom:0;background:none;border:none;padding:0;line-height:15px;} body.error-page .container{width: 100%;height: calc(100% - 110px);text-align: center;} body.error-page .wrapper .main{padding-top: 75px;} body.error-page .wrapper .main h1 {font-size: 4.6rem;margin-bottom: 20px;} body.error-page .wrapper .main p.die-msg {font-size: 2.5rem;} body.error-page .wrapper .main p.die-msg a{color:#45B6F7;} body.error-page .wrapper .main #linkBackHome {position: relative;margin-top: 50px;display: inline-block;font-size: 2.4rem;} @media (max-width:544px){ body.error-page .wrapper .main h1 {font-size: 3.2rem;} body.error-page .wrapper .main p.die-msg {font-size: 1.4rem;} body.error-page .wrapper .main #linkBackHome {font-size: 1.2rem;} } /* ---------gallerybox--------- */ .gallerybox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background-color:#0C0C0C;background-color:rgba(0,0,0,0.9)} .gallerybox .glide__slide{position:relative} .gallerybox .gallerybox-item{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0 auto} .gallerybox .gallerybox-item img{max-height:100%;width:auto;} .gallerybox .gallerybox-itemdesc{position:absolute;bottom:12%;width:40%;left:30%;text-align:center;color:#ddd;font-size:14px;border-radius:100px;background-color:rgba(0,0,0,0.4);padding:15px 30px} .gallerybox .gallerybox-close{position:fixed;top:0;right:0;color:#ddd;padding:30px;cursor:pointer} .gallerybox .gallerybox-close .fa{font-size:20px;line-height:1} .gallerybox .gallerybox-close:hover{color:#fff} @media (max-width:1024px){ .gallerybox .glide--horizontal .glide__arrows{width:100%;margin-left:0} .gallerybox .glide__arrow{padding:30px 15px;background-color:rgba(0,0,0,0.5)} .gallerybox .glide__arrow:hover{background-color:rgba(0,0,0,0.8)} .gallerybox .glide--horizontal .glide__bullets{bottom:5%} } @media (max-width:544px){ .gallerybox .glide__arrow{padding:20px 10px} .gallerybox .glide__arrow .fa{font-size:20px} } .gallery .glide{margin-bottom:50px} .gallery .glide:hover .glide__arrow{display:block} .gallery ul.glide__track{margin:0;padding:0} .gallery .glide__bullets{bottom:-5px} .gallery .glide__arrow{display:none;background-color:rgba(0,0,0,0.5);border-radius:2px;padding:15px 10px} .gallery .glide__arrow .fa{font-size:18px;color:#fff} .gallery .glide__bullets>*{background-color:#bbb} .gallery .glide__bullets>*:hover,.gallery .glide__bullets>*:focus{border:2px solid #bbb} .gallery .glide__bullets>*.active{background-color:#666} .gallery .glide__slide{position:relative} .gallery .gallery-item{margin:0 auto} .gallery .gallery-item img{margin:0 auto} .gallery .gallery-itemdesc{position:absolute;bottom:10px;width:50%;left:25%;text-align:center;background-color:rgba(0,0,0,0.4);padding:5px 15px;font-size:14px;border-radius:100px;color:#eee} .gallery-size-large,.gallery-size-medium,.gallery-size-thumbnail{overflow:hidden;margin-bottom:22.5px;margin-right:-2%} .gallery-size-large .gallery-item,.gallery-size-medium .gallery-item,.gallery-size-thumbnail .gallery-item{display:inline-block;vertical-align:top;margin-bottom:2%;margin-right:2%;text-align:center} .gallery-size-large .gallery-item img,.gallery-size-medium .gallery-item img,.gallery-size-thumbnail .gallery-item img{margin:0 auto} .gallery-size-large .gallery-caption,.gallery-size-medium .gallery-caption,.gallery-size-thumbnail .gallery-caption{margin-top:4px;font-size:14px;color:#999} .gallery-size-large.gallery-columns-1 .gallery-item,.gallery-size-medium.gallery-columns-1 .gallery-item,.gallery-size-thumbnail.gallery-columns-1 .gallery-item{width:98%} .gallery-size-large.gallery-columns-2 .gallery-item,.gallery-size-medium.gallery-columns-2 .gallery-item,.gallery-size-thumbnail.gallery-columns-2 .gallery-item{width:48%} .gallery-size-large.gallery-columns-3 .gallery-item,.gallery-size-medium.gallery-columns-3 .gallery-item,.gallery-size-thumbnail.gallery-columns-3 .gallery-item{width:31.33333%} .gallery-size-large.gallery-columns-4 .gallery-item,.gallery-size-medium.gallery-columns-4 .gallery-item,.gallery-size-thumbnail.gallery-columns-4 .gallery-item{width:23%} .gallery-size-large.gallery-columns-5 .gallery-item,.gallery-size-medium.gallery-columns-5 .gallery-item,.gallery-size-thumbnail.gallery-columns-5 .gallery-item{width:18%} .gallery-size-large.gallery-columns-6 .gallery-item,.gallery-size-medium.gallery-columns-6 .gallery-item,.gallery-size-thumbnail.gallery-columns-6 .gallery-item{width:14.66667%} .gallery-size-large.gallery-columns-7 .gallery-item,.gallery-size-medium.gallery-columns-7 .gallery-item,.gallery-size-thumbnail.gallery-columns-7 .gallery-item{width:12.28571%} .gallery-size-large.gallery-columns-8 .gallery-item,.gallery-size-medium.gallery-columns-8 .gallery-item,.gallery-size-thumbnail.gallery-columns-8 .gallery-item{width:10.5%} .gallery-size-large.gallery-columns-9 .gallery-item,.gallery-size-medium.gallery-columns-9 .gallery-item,.gallery-size-thumbnail.gallery-columns-9 .gallery-item{width:9.11111%} @media (max-width:768px){ .gallery-size-large.gallery-columns-4 .gallery-item,.gallery-size-medium.gallery-columns-4 .gallery-item,.gallery-size-thumbnail.gallery-columns-4 .gallery-item{width:31.33333%} .gallery-size-large.gallery-columns-5 .gallery-item,.gallery-size-medium.gallery-columns-5 .gallery-item,.gallery-size-thumbnail.gallery-columns-5 .gallery-item{width:23%} .gallery-size-large.gallery-columns-6 .gallery-item,.gallery-size-medium.gallery-columns-6 .gallery-item,.gallery-size-thumbnail.gallery-columns-6 .gallery-item{width:23%} .gallery-size-large.gallery-columns-7 .gallery-item,.gallery-size-medium.gallery-columns-7 .gallery-item,.gallery-size-thumbnail.gallery-columns-7 .gallery-item{width:18%} .gallery-size-large.gallery-columns-8 .gallery-item,.gallery-size-medium.gallery-columns-8 .gallery-item,.gallery-size-thumbnail.gallery-columns-8 .gallery-item{width:14.66667%} .gallery-size-large.gallery-columns-9 .gallery-item,.gallery-size-medium.gallery-columns-9 .gallery-item,.gallery-size-thumbnail.gallery-columns-9 .gallery-item{width:12.28571%} } @media (max-width:544px){ .gallery-size-large,.gallery-size-medium,.gallery-size-thumbnail{margin-right:-4%} .gallery-size-large .gallery-item,.gallery-size-medium .gallery-item,.gallery-size-thumbnail .gallery-item{margin-bottom:4%;margin-right:4%} .gallery-size-large.gallery-columns-1 .gallery-item,.gallery-size-medium.gallery-columns-1 .gallery-item,.gallery-size-thumbnail.gallery-columns-1 .gallery-item{width:96%} .gallery-size-large.gallery-columns-2 .gallery-item,.gallery-size-medium.gallery-columns-2 .gallery-item,.gallery-size-thumbnail.gallery-columns-2 .gallery-item{width:46%} .gallery-size-large.gallery-columns-3 .gallery-item,.gallery-size-medium.gallery-columns-3 .gallery-item,.gallery-size-thumbnail.gallery-columns-3 .gallery-item{width:46%} .gallery-size-large.gallery-columns-4 .gallery-item,.gallery-size-medium.gallery-columns-4 .gallery-item,.gallery-size-thumbnail.gallery-columns-4 .gallery-item{width:46%} .gallery-size-large.gallery-columns-5 .gallery-item,.gallery-size-medium.gallery-columns-5 .gallery-item,.gallery-size-thumbnail.gallery-columns-5 .gallery-item{width:29.33333%} .gallery-size-large.gallery-columns-6 .gallery-item,.gallery-size-medium.gallery-columns-6 .gallery-item,.gallery-size-thumbnail.gallery-columns-6 .gallery-item{width:29.33333%} .gallery-size-large.gallery-columns-7 .gallery-item,.gallery-size-medium.gallery-columns-7 .gallery-item,.gallery-size-thumbnail.gallery-columns-7 .gallery-item{width:21%} .gallery-size-large.gallery-columns-8 .gallery-item,.gallery-size-medium.gallery-columns-8 .gallery-item,.gallery-size-thumbnail.gallery-columns-8 .gallery-item{width:21%} .gallery-size-large.gallery-columns-9 .gallery-item,.gallery-size-medium.gallery-columns-9 .gallery-item,.gallery-size-thumbnail.gallery-columns-9 .gallery-item{width:16%} } .glide{position:relative;width:100%;height:100%} .glide__wrapper{overflow:hidden} .glide__track{position:relative;width:100%;height:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden} .glide__track.dragging{cursor:grabbing;user-select:none} .glide__slide{width:100%;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent} .glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none} .glide__arrows{-webkit-touch-callout:none;user-select:none} .glide__arrow{cursor:pointer} .glide__bullets{-webkit-touch-callout:none;user-select:none} .glide--slider .glide__slide{float:left;clear:none} .glide--carousel.glide--vertical .glide__track{overflow:visible} .glide--carousel .glide__slide{float:left;clear:none} .glide--slideshow .glide__wrapper{height:100%} .glide--slideshow .glide__slide{height:100%;position:absolute;top:0;left:0;z-index:-1;-webkit-transform-style:preserve-3d;-webkit-transform:translate3d(0px,0px,0px)} .glide--slideshow .glide__slide.active{z-index:1} .glide__track{margin:0;padding:0} .glide__arrows{position:absolute} .glide--horizontal .glide__arrows{top:50%;width:92%;margin-left:4%} .glide--vertical .glide__arrows{left:50%;height:88%;margin-top:6%} .glide__arrow{position:absolute;z-index:2;color:white;text-transform:uppercase;padding:15px;background-color:transparent;border:none} .glide__arrow .fa{font-size:36px} .glide__arrow:focus{outline:none} .glide__arrow:hover{border-color:white} .glide--horizontal .glide__arrow{transform:translateY(-50%)} .glide--horizontal .glide__arrow.prev{left:0} .glide--horizontal .glide__arrow.next{right:0} .glide--vertical .glide__arrow{transform:translateX(-50%)} .glide--vertical .glide__arrow.prev{top:0} .glide--vertical .glide__arrow.next{bottom:0} .glide__bullets{position:absolute;z-index:2;list-style:none} .glide--horizontal .glide__bullets{bottom:8%;left:0;width:100%;height:8px;text-align:center} .glide--vertical .glide__bullets{top:50%;right:8%;width:8px;height:auto;transform:translateY(-50%)} .glide__bullets>*{display:inline-block;background-color:rgba(255,255,255,0.4);width:8px;height:8px;padding:0;cursor:pointer;border-radius:50%;border:2px solid transparent;transition:all 300ms ease-in-out} .glide--horizontal .glide__bullets>*{margin:0 4px} .glide--vertical .glide__bullets>*{vertical-align:middle} .glide__bullets>*.active{background-color:white} .glide__bullets>*:focus{outline:none} .glide__bullets>*:hover,.glide__bullets>*:focus{border:2px solid white;background-color:rgba(255,255,255,0.5)} .glide--slider .glide__arrow{opacity:1;transition:opacity 150ms ease} .glide--slider .glide__arrow.disabled{opacity:0.33} /* -------row-share----------- */ .share-img{text-align:center} .share-img a{padding:3px 6px;border:1px solid #656565;border-radius:20px} .share-img a:hover{color:#656565;opacity:0.8;background-color:#eee} .row-share{position:fixed;top:33%;left:50%;margin:-150px 0 0 -333px;width:666px;background-color:#FFF;padding:20px 20px 20px;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,0.4);z-index:9999;opacity:0;text-align:center;visibility:hidden} .row-share .bigger-share,.row-share .bigger-image{float:left;width:50%} .row-share .bigger-share{position:relative;margin-top:40%} .row-share .btn-close{position:absolute;top:10px;right:10px;background:#eee} .row-share .btn-close i{padding:8px 10px} /* -------text-justify------ */ .text-justify-on .widget_ui_posts .text, .text-justify-on .widget_ui_textasb, .text-justify-on .relates li, .text-justify-on .article-content, .text-justify-on .widget_ui_comments ul li, .text-justify-on .excerpt .note, .text-justify-on .card .abstract, .text-justify-on .entry-excerpt, .text-justify-on .excerpt-minic .note{ text-align: justify; } /*---------orderpay ment---------*/ @keyframes fade-ins{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fade-ins{0%{opacity:0}100%{opacity:1}} .pay-mark{left:0;background:rgba(0,0,0,0.7);filter:alpha(opacity=80);position:fixed;width:100%;height:100%;left:0;top:0;z-index:10000;-webkit-animation: fade-ins .5s;animation: fade-ins;animation-duration: .5s;} .order-pay-content{position:fixed;top:50%;left:50%;width:100%;z-index:10001;max-width:320px;max-height:412px;text-align:center;padding:20px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:6px;background-color:#fff;-webkit-animation: fade-ins .5s;animation: fade-ins;animation-duration: .5s;} .order-pay-content h5{font-size:18px;margin-top:25px;font-weight:600;} .order-pay-content .pay-content-warp{overflow:hidden;} .order-pay-content .preice-title{padding:25px 0} .order-pay-content .preice-title h2{font-size:14px;} .order-pay-content .pay-price{font-size:40px;font-weight:600;color:green} .order-pay-content .pay-price span{font-size:21px;top:-14px;margin-right:2px} .order-pay-content .payqrcode{margin:10px 40px 60px;} .order-pay-content .payqrcode img{width:200px;height:201px;} .order-pay-content .orderdetail-status{margin-top:10px} .order-pay-content .orderdetail-status .btn{margin:0 10px;display: inline-block;border: none;padding:8px 15px;border-radius: 3px;} .order-pay-content .orderdetail-status .btn svg{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 3px;fill: #fff;} .order-pay-content .close{position:absolute;right:5px;top:5px;padding:10px;font-size:25px;line-height:20px;color:#bbb;cursor:pointer;opacity:1;font-weight:400} .order-pay-content .close:hover{color:#565656} .order-pay-content .price {font-size: 22px;margin: 0px auto;width: 100%;} .pay-tips,.scan-tips{padding:10px;font-size:14px} .pay-tips{position: absolute;bottom: -1px;left: 0;width: 100%;background: #32343d;color: #f2f2f2;text-align: center;border-radius:0 0 6px 6px;} .pay-tips.f2fpay{background: #00a7ef;} .scan-tips{margin:32px auto;} .scan-tips i{display: block;font-size: 42px;margin-bottom: 10px;} /*-----------forum-----------*/ .q-content{font-size:14px} .q-content .hentry{background:#fff;padding:30px;margin-bottom:20px} .q-content a{text-decoration:none;-webkit-box-shadow:none;box-shadow:none} .q-content .pull-left{float:left} .q-content .pull-right{float:right} .q-content .form-control{height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box} .q-content .q-header{position:relative;padding:10px;background-color:#eee;border-radius:3px 3px 0 0} .q-content .q-header li{display:inline} .q-content .q-header .current-menu-item a{padding:3px 5px;background-color:#1471CA;color:#fff;border-radius:3px} .q-content .q-header li a{margin:0 15px 0 0;color:#3ca5f6;font-size:14px;padding:3px 0;line-height:1} .q-content .topic-header{padding:15px 15px 10px;background:#fff;border-bottom:1px solid #eee} @media (max-width:767px){ .q-content .topic-header{padding:10px}} .q-content .topic-tab{margin:0 15px 0 0;color:#1471CA;font-size:14px;padding:3px 0;line-height:1} .q-content .topic-tab.current-tab{padding:3px 5px;background-color:#1471CA;color:#fff;border-radius:3px} .q-content .topic-tab.current-tab:hover{color:#fff} .q-content .q-topic-wrap a{text-decoration:none} .q-content .q-topic-item{display:table;width:100%;padding:12px;text-align:left;border-bottom:1px solid #f0f0f0;overflow:hidden;background:#fff;table-layout:fixed;-webkit-box-sizing:border-box;box-sizing:border-box} .q-content .q-topic-item:hover{background:#fafafa} .q-content .user-avatar{display:table-cell;width:30px;vertical-align:middle} .q-content .user-avatar img{width:30px;height:30px;border-radius:3px;border: 1px solid #fff; margin: 0;} .q-content .reply-count{width:70px;display:table-cell;line-height:30px;text-align:center;vertical-align:middle} .q-content .reply-count .count-of-visits{font-size:10px;color:#b4b4b4} .q-content .reply-count .count-seperator{margin:0 -3px;font-size:10px} .q-content .reply-count .count-of-replies{color:#9e78c0} .q-content .topic-title-wrapper{display:table-cell;padding:2px 0} .q-content .last-time{width:80px;display:table-cell;font-size:12px;line-height:18px;text-align:right;color:#777;vertical-align:middle} @media (max-width:767px){.q-content .last-time{width:70px}} .q-content .last-time .avatar{display:inline-block;height:18px;width:18px;margin-right:.5em;border-radius:3px;vertical-align:top !important} .q-content .put-top,.q-content .put-ok,.q-content .topiclist-tab{background:#1471CA;padding:2px 4px;margin-right:3px;border-radius:3px;color:#fff;font-size:12px;vertical-align:middle} .q-content .put-ok{background:#4aca6d;} @media (max-width:767px){.q-content .put-ok,.q-content .put-top,.q-content .topiclist-tab{display:none}} .q-content .topiclist-tab{background:#e5e5e5;color:#999} .q-content .topic-title{vertical-align:middle;font-size:16px;line-height:26px;color:#666} .q-content .topic-title:hover{color:#0D62B3;text-decoration:none} @media (max-width:767px){ .q-content .topic-title { overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;} .q-content .last-time-user{display:none}} .q-content .q-title{position:static;margin:0 !important;display:inline;font-size:20px !important;line-height:1.2 !important;vertical-align:middle} .q-content .q-info{margin-top:10px;font-size:12px;color:#999} .q-content .q-info span{margin-right:10px} .q-content .q-info a{color:#999} .q-content .qa-manage a{margin:0 3px} .q-content .q-entry{position:relative;width:100% !important;padding:15px;font-size:14px;line-height:1.7;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box} @media (max-width:767px){.q-content .q-entry{padding:10px}} .q-content .q-entry p{text-indent:0;word-wrap:break-word;} .q-content .q-answer{padding:30px 15px 15px !important} @media (max-width:767px){ .q-content .q-answer{padding:20px 10px 10px !important}} .q-content .q-answer .as-list{position:relative;padding:0;margin:0 0 30px;list-style:none} .q-content .q-answer .as-list li{padding-left:0 !important;list-style:none !important} .q-content .q-answer .as-list li:before,.q-content .q-answer .as-list li:after{display:none} .q-content .q-answer .as-item{position:relative;padding:15px 0 !important;border-bottom:1px solid #eee;list-style:none !important} .q-content .q-answer .as-title{margin:0 0 10px;padding:0 0 10px;font-size:16px;color:#333;font-weight:600;border:0;border-bottom:1px solid #eee} .q-content .q-answer .as-avatar{float:left} .q-content .q-answer .as-avatar img{width:30px;height:auto;border-radius:3px;vertical-align:top} .q-content .q-answer .as-main{padding-left:40px} .q-content .q-answer .as-content{float:none !important;width:100% !important;font-size:14px} .q-content .q-answer .as-content p{text-indent:0} .q-content .q-answer .as-user{margin-bottom:5px;font-size:14px;color:#1471CA;line-height:30px} .q-content .q-answer .as-user a{color:#45B6F7;} .q-content .q-answer .as-action{color:#999;font-size:12px} .q-content .q-answer .as-action span{margin-right:10px} .q-content .q-answer .as-action span i{margin-right:3px;color:#4aca6d;font-size:13px;} .q-content .q-answer .as-action a{color:#778087} .q-content .q-answer .as-action a:hover{color:#1471CA;text-decoration:none} .q-content .q-answer .as-login-notice{padding:20px 0;margin-bottom:20px;background:#fcf8e3;color:#8a6d3b;text-align:center;opacity:.6} .q-content .q-answer .as-form-title{margin:0 0 10px;padding:0;font-size:16px;color:#333;font-weight:600;border:0} .q-content .q-answer .as-submit{margin:15px 0 20px} @media (max-width:767px){.q-content .q-answer .as-submit .pull-right{float:none !important}} .q-content .q-answer .as-submit .btn-submit{display:inline-block;height:auto;margin:0 auto;padding:10px 25px !important;font-size:16px;text-align:center;color:#fff !important;line-height:1;background:#1471CA;border-radius:3px;text-decoration:none;border:0;outline:0} @media (max-width:767px){.q-content .q-answer .as-submit .btn-submit{display:block;width:100%}} .q-content .q-answer .as-comments-box,.q-content .q-answer .as-comments{position:relative;font-size:0;padding:10px;margin-top:8px;border:1px solid #e5e5e5;border-radius:3px} .q-content .q-answer .as-comments-box:before,.q-content .q-answer .as-comments-box:after,.q-content .q-answer .as-comments:before,.q-content .q-answer .as-comments:after{position:absolute;left:116px;top:-11px;z-index:2;width:0;height:0;line-height:0;font-size:0;border:6px solid transparent;border-bottom:6px solid #fff;content:''} .q-content .q-answer .as-comments-box:after,.q-content .q-answer .as-comments:after{z-index:1;top:-12px;border-bottom:6px solid #e5e5e5} .q-content .q-answer .as-comments-input{float:left;width:88%;font-size:14px;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box} @media (max-width:767px){.q-content .q-answer .as-comments-input{width:100%}} .q-content .q-answer .as-comments-input:focus{-webkit-box-shadow:none;box-shadow:none} .q-content .q-answer .as-comments-submit{float:right;width:10%;padding:5px 10px;font-size:13px;line-height:24px;text-align:center;border:0;color:#fff;background:#1471CA;border-radius:3px;outline:0;height:auto} @media (max-width:767px){.q-content .q-answer .as-comments-submit{width:100%;margin-top:5px}} .q-content .q-answer .as-comments-submit:hover,.q-content .q-answer .as-comments-submit:active,.q-content .q-answer .as-comments-submit:focus{background:#0D62B3} .q-content .q-answer .as-comments{padding:10px 15px} .q-content .q-answer .as-comments:before,.q-content .q-answer .as-comments:after{left:60px} .q-content .q-answer .as-comments-list{padding:0 !important;margin:0;font-size:12px;list-style:none !important} .q-content .q-answer .as-comments-item{position:relative;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f3f3f3;list-style:none !important} .q-content .q-answer .as-comments-item:last-child{border-bottom:0;margin-bottom:0} .q-content .q-answer .as-comments-none{margin:0;padding:15px 0;text-align:center;color:#999;line-height:16px;list-style:none} .q-content .q-answer .as-comment-name{font-size:14px;color:#1471CA} .q-content .q-answer .as-comment-name span{margin-left:5px;font-size:12px;color:#999} .q-content .q-answer .as-comment-name a.j-del-comment{color:#666} .q-content .q-answer .as-comment-content{color:#666} .q-content .q-answer .as-comment-content p{margin-bottom:5px;text-indent:0} @media (max-width:767px){.q-content #question-form{position:relative;padding-bottom:60px}} .q-content .q-add-header{position:static;padding:15px;background:#fff;overflow:hidden} .q-content .q-add-header .btn-post{display:block;width:100%;height:auto;margin:0 auto;padding:10px 25px;font-size:14px;text-align:center;color:#fff;line-height:1;background:#1471CA;border-radius:3px;text-decoration:none;border:0;outline:0} .q-content .q-add-header .btn-post:hover{background:#0D62B3} .q-content .q-add-header .btn-post .fa{vertical-align:bottom} @media (max-width:767px){.q-content .q-add-header .btn-post{width:100%}} .q-content .q-add-title{float:left;width:58%} @media (max-width:767px){.q-content .q-add-title{float:none;width:100%;margin-bottom:10px}} .q-content .q-add-cat{float:left;width:27%} @media (max-width:767px){.q-content .q-add-cat{float:none;width:100%}} .q-content .q-add-btn{float:left;width:15%} @media (max-width:767px){.q-content .q-add-btn{position:absolute;bottom:15px;float:none;left:10px;right:10px;width:auto}} .q-content .q-add-label{float:left;width:50px;line-height:34px;font-size:16px} .q-content .q-add-input{padding-left:55px;padding-right:10px} .q-content .q-add-input input,.q-content .q-add-input select{height:34px;width:100%;padding:5px 10px;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:3px;border:1px solid #e5e5e5} .q-content .q-add-main{padding:0 15px 15px} .q-content div.mce-toolbar-grp>div{padding:0 3px} .q-content .as-form textarea/*.q-content .q-add-main textarea*/{display:none} .q-content .as-form .mce-flow-layout,.q-content .q-add-main .mce-flow-layout{padding:1px 3px} .q-content .as-form .mce-panel,.q-content .q-add-main .mce-panel{background:#f9f9f9} .q-content .as-form .mce-btn,.q-content .q-add-main .mce-btn{background:#f9f9f9} .q-content .as-form .mce-panel.mce-tinymce,.q-content .q-add-main .mce-panel.mce-tinymce{border:0 !important} .q-content .as-form .mce-edit-area,.q-content .q-add-main .mce-edit-area{border-top:0 !important} .q-content .as-form .mce-btn button,.q-content .q-add-main .mce-btn button{color:#888} .q-content .as-form .mce-ico,.q-content .q-add-main .mce-ico{font-size:14px;color:#888} @media (max-width:767px){.q-content .as-form .mce-edit-area iframe,.q-content .q-add-main .mce-edit-area iframe{height:300px !important;min-height:80px}} .q-content .as-form .mce-ico{font-size:16px} .q-content .q-load-wrap{position:relative;margin-top:-10px;margin-bottom:30px;text-align:center} .q-content .q-load-more{display:inline-block;margin:0 auto;padding:8px 20px;line-height:1;font-size:14px;text-align:center;color:#999;border:1px solid #ddd;border-radius:3px} .q-content .q-load-more:hover{color:#666;border:1px solid #999;text-decoration:none} .q-content .q-load-more.disabled{opacity:.6} .q-content .notice-bg{position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.01)} .q-content .notice-wrap{position:absolute;z-index:101;width:100%;left:0;top:46px;text-align:center} .q-content .notice-inner{display:inline-block;padding:10px 15px;line-height:1.2;color:#cd6e00;background:#ffedc8;border-radius:3px} .q-content .notice-inner.notice-1{color:#388202;background:#e1ffe3} .q-content .notice-loading{display:inline-block;width:16px;height:16px;vertical-align:middle} .q-content .as-list>#notice .notice-wrap{top:auto;bottom:10px} .q-content .as-item>#notice .notice-wrap{top:auto;bottom:25px} .q-content .q-pagination{display:block;text-align:center;margin-top:20px;padding-bottom:20px} .q-content .q-pagination a,.q-content .q-pagination span{display:inline-block;padding:7px 8px;margin-left:5px;margin-bottom:5px;color:#999;line-height:1;background-color:#f2f2f2;-webkit-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.05);box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.05);border-radius:2px;overflow:hidden;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;vertical-align:top} @media (max-width:767px){ .q-content .q-pagination a,.q-content .q-pagination span{display:none} .q-content .q-pagination .prev,.q-content .q-pagination .next{padding:10px;display:inline-block;margin:0 10px;width:40%} } .q-content .q-pagination .current{color:#fff;background:#1471CA} .q-content .q-pagination a:hover{color:#fff !important;background:#0D62B3;cursor:pointer;text-decoration:none} .widget_qapress_new{padding:0 !important;background:none !important;margin-bottom:20px} .q-btn-new{display:block;margin:0 auto;padding:15px 20px !important;font-size:16px;text-align:center;color:#fff !important;line-height:1;background:#1471CA;border-radius:3px;text-decoration:none;border:0;outline:0} .q-btn-new:hover{background:#0D62B3;text-decoration:none} @media (max-width:991px){.q-header-tab{padding-right:70px}} .q-mobile-ask{display:none} @media (max-width:991px){.q-mobile-ask{display:block;position:absolute;right:10px;top:8px}} .q-mobile-ask a{display:block;padding:5px 8px;font-size:14px;line-height:16px;color:#fff !important;background:#1471CA;border-radius:3px} .q-mobile-ask a img{display:inline-block;width:14px;height:auto;margin:-1px 0 0;vertical-align:middle !important} .q-mobile-ask a:hover{color:#fff;background:#0D62B3} .container-no-sidebar{margin-bottom:20px} .content-q{padding:10px;background:#fff} .content-q .q-add-header{position:static;padding:15px;background:#fff;overflow:hidden} .content-q .q-add-title{float:left;width:58%} .content-q .q-add-label{float:left;width:50px;line-height:34px;font-size:16px} .content-q .q-add-input{padding-left:55px;padding-right:10px} .content-q .q-add-input input,.content-q .q-add-input select{height:34px;width:100%;padding:5px 10px;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:3px;border:1px solid #e5e5e5} .content-q .q-add-cat{float:left;width:27%} .content-q .q-add-label{float:left;width:50px;line-height:34px;font-size:16px} .content-q .q-add-input{padding-left:55px;padding-right:10px} .content-q .q-add-btn{float:left;width:15%} .content-q .q-add-header .btn-post{display:block;width:100%;height:auto;margin:0 auto;padding:10px 25px;font-size:14px;text-align:center;color:#fff;line-height:1;background:#1471CA;border-radius:3px;text-decoration:none;border:0;outline:0} .content-q .q-add-main{padding:0 15px 15px} .q-answer #commentform ul li textarea{resize:none;width:100%;padding:5px;height:110px;border:1px solid #ddd} .qa-hentry{background:#fff;margin-bottom:20px} .widget_ui_forum ul{padding:10px 15px 10px} .widget_ui_forum ul li{height:28px;line-height:28px;overflow:hidden;background:url(../img/dot.png) 0px 11px no-repeat;padding-left:12px} .forum-tab{margin:30px 0 10px;padding:0 12px;font-size:0;text-align:center} .forum-tab .forum-tab-item{display:inline-block;padding:0 50px;margin:0;line-height:34px;font-size:14px;color:#1471CA;border:1px solid #1471CA} .forum-tab .forum-tab-item:hover{color:#fff;background-color:#0D62B3;border-color:#0D62B3;cursor:pointer} .forum-tab .forum-tab-item.active{color:#fff;background-color:#1471CA} .forum-content{display:none} .forum-content.active{display:block} .profile-no-content{padding:80px 10px;font-size:16px;color:#999;text-align:center} .profile-comments-list .comment-item{padding:15px;border-bottom:1px solid #eee} .profile-comments-list .comment-item-link{margin-bottom:10px;font-size:16px} .profile-comments-list .comment-item-link a{color:#666;text-decoration:none} .profile-comments-list .comment-item-link .fa{font-size:18px;color:#999} .profile-comments-list .comment-item-meta{color:#999;font-size:14px} .load-more-wrap{padding:30px 0} .load-more{display:block!important;padding:10px;color:#999;line-height:1.4;font-size:14px;text-align:center;border:1px solid #e5e5e5;border-radius:3px;max-width:none!important} .load-more:focus,.load-more:hover{text-decoration:none} .load-more:hover{color:#4285f4;border-color:#4285f4} .load-more.disabled,.load-more.disabled:focus,.load-more.disabled:hover{color:#aaa;border:1px solid #e5e5e5;cursor:default} /*-----------zhuanti------------*/ .home-zhuanti{overflow:hidden;margin-bottom:15px;background:#fff;border:1px solid #eee;position:relative;padding:10px 15px 15px 15px} .ht_custom_grid_1_4:nth-of-type(4n+1){clear:left} .ht_custom_grid_1_4:nth-of-type(4n+0){margin-right:0;clear:right} .home-zhuanti-list .zhuanti-list-item{text-align:center} .ht_custom_grid_1_4{float:left;margin-right:2%;width:23.5%} .home-zhuanti-list h3.zhuanti-title{font-weight:400;text-align:center;line-height:1.4;margin:0;font-size:16px} .home-zhuanti-list .thumbnail-wrap{margin-bottom:8px} .zhuanti-heading{margin-bottom:12px;border-bottom:1px solid #eeee} .zhuanti-heading h2{font-size:18px;font-weight:700;padding:9px 0 0 5px;position:relative;display:inline-block;margin:0 0 10px 0} .zhuanti-heading .desc{color:#999;display:inline-block;font-size:14px;margin-left:10px} .zhuanti-heading .section-more{position:absolute;right:15px;top:18px} .ht_grid_1_2{float:left;width:48.5%} .ht_grid_1_2:nth-of-type(2n){margin-left:3%} .ht_grid_1_2:nth-of-type(2n+1){clear:left} .ht_grid_1_2:nth-of-type(2n+0){margin-right:0;clear:right} .ht_grid_1_3{float:left;margin-right:2%;width:32%} .ht_grid_1_3:nth-of-type(3n+1){clear:left} .ht_grid_1_3:nth-of-type(3n+0){margin-right:0;clear:right} .page-title{font-size:24px;margin-bottom:25px;margin-top:10px;line-height:1.2;color:#333;font-weight:700;border-left:4px solid #45B6F7;padding-left:8px} .entry-content{overflow:hidden} .zhuanti-block{margin-bottom:40px} .zhuanti-block a{text-decoration:none} .zhuanti-block .zhuanti-title{position:absolute;bottom:0;left:0;padding:8px 10px;margin:0;font-weight:700;font-size:16px;background:#45B6F7;opacity:0.9;color:#fff} .zhuanti-block .zhuanti-title a,.zhuanti-block .zhuanti-title a:visited{color:#fff} .zhuanti-block .zhuanti-desc{color:#999;font-size:15px;line-height:1.7;margin-bottom:15px} .zhuanti-block .thumbnail-link{display:block;margin-bottom:18px} .zhuanti-block img{margin:0} .zhuanti-block ul{margin-bottom:0} .zhuanti-block ul li{font-size:16px;margin:0 0 10px;padding-left:18px;max-height:25px;overflow:hidden;line-height:25px;position:relative;list-style:none} .zhuanti-block ul li a,.zhuanti-block ul li a:visited{color:#333} .entry-content ul li:before{border-radius:3px;background-color:#ccc;content:" ";display:inline-block;width:6px;height:6px;position:absolute;left:0;top:10px} .entry-content ul li:hover:before{color:#333} .thumbnail-wrap{position:relative;overflow:hidden} /*------------------------------*/ .zhuanti{border-radius:3px;border:1px solid #eaeaea;margin-bottom:15px;overflow:hidden} .zhuanti .zhuanti-title{position:absolute;bottom:0;left:0;padding:8px 10px;font-size:20px;font-weight:700;margin:0;background:#46b7f7;color:#fff;opacity:0.9} .zhuanti .taxonomy-description{background-color:#fff;margin:0;padding:15px 20px 18px;color:#999;font-size:15px} @media only screen and (max-width: 640px){ .ht_custom_grid_1_4 {width: 49%;margin-bottom: 15px;} .ht_custom_grid_1_4:nth-of-type(2n+0) {margin-right: 0;clear: right;} .home-zhuanti {padding: 10px 10px 0;} } @media only screen and (max-width: 544px){ .home-zhuanti{padding-top:6px;margin-bottom:10px;} } .full-width .zhuanti{margin-top:15px;} .full-width .zhuanti img{width:100%;max-height:280px;} @media only screen and (max-width: 480px){ .ht_grid_1_3, .ht_grid_1_2,.ht_grid_1_2:nth-of-type(2n+0) {float: none;width: 100%;margin-right: 0;} .ht_grid_1_2:nth-of-type(2n){margin-left: 0;} .page-title {font-size: 18px;margin-top: 0;margin-bottom: 15px;} .zhuanti .taxonomy-description {font-size: 14px;padding: 10px;} .full-width .zhuanti{margin-top:0;} } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;float: left;width: 50%;} .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper {position: relative;width: 100%;height: 266px;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;} .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next{background: rgba(50,50,50,.45) url(../img/arrow-right-white.png) no-repeat;} .swiper-button-prev{background: rgba(50,50,50,.45) url(../img/arrow-left-white.png) no-repeat;} .swiper-button-next, .swiper-button-prev {background-size: 22px 25px;background-position: center center;transition: .3s all;position: absolute;top: 50%;width:34px;height: 50px;margin-top: -25px;z-index: 10;cursor: pointer;outline: none;opacity: .9;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -50px; right: auto } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { right: -50px; left: auto } .swiper-container:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; } .swiper-container:hover .swiper-button-next,.swiper-container-rtl .swiper-button-prev { right: 0; } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: right; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 10px; right: 10px; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #000; opacity: .35 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #fff } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; -o-transition: .2s transform, .2s top; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } @-webkit-keyframes swiper-preloader-spin {100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }} @keyframes swiper-preloader-spin {100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }} .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .swiper-fixed{overflow: hidden;} .article-swiper-no-transition{ transition-duration: 0ms !important;} .article-swiper-container{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 99999;} .article-swiper-container .swiper-wrapper{height:100%;} /*@media (max-width:640px){ .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 3px;} }*/ @media (max-width:640px){ .swiper-wrapper{height:210px;} .focusmo .right-item a{height:100px;} } @media (max-width:480px){ .focusmo .right-item{display:none;} .focusmo .swiper-container {float: none;width: 100%;} .swiper-wrapper {height: auto;} } /*------------home block-----------*/ .home-left-ad,.home-right-ad{padding:12px;width:100%} .clear{clear:both} .widget_ui_homeblockone,.widget_ui_homeblocktwo{border-radius:0} .recent-content{margin-top:-15px} .recent-content .entry-title{line-height:1.4;margin:0} .entry-title a,.entry-title a:visited{color:#222} .content-block .post-small .entry-title,.content-block-2 .post-small .entry-title{max-height:24px;overflow:hidden;margin:0} .home-content-right,.content-block{padding:12px} .content-block .section-heading{margin-bottom:12px;border-bottom:1px solid #eeee;position: relative;} .home-content-right .section-heading h2,.content-block .section-heading h2{font-size:18px;font-weight:400;padding:9px 0 0 5px;position:relative;display:inline-block;margin:0 0 10px 0} .section-heading h2 a{color:#333} .content-block .section-heading .desc{color:#999;display:inline-block;font-size:14px;margin-left:10px} .content-block .section-heading .section-more{position:absolute;right: 5px;top: 3px;} .content-block .section-heading .section-more li{display:inline-block;list-style:none;margin:0 0 0 8px} .content-block .section-heading .section-more li:before{content:'/';color:#ddd;font-size:16px;margin-right:10px;position:relative;top:1px} .content-block .section-heading .section-more li:first-child:before{content:none} .content-block .post-small{position:relative;margin-bottom:8px;padding-left:14px} .content-block .post-small:before{background-color:#ccc;border-radius:2px;content:" ";display:inline-block;width:4px;height:4px;position:absolute;left:0;top:9px} .content-block .post-small:nth-of-type(1) .entry-title{font-weight:700} .content-block-square{overflow:hidden} .content-block-square #goodslist{margin-bottom:0px} .content-block-square #goodslist h3{background-color:#fff;border-bottom:none} .content-block-square #goodslist .col{padding-bottom:5px} .content-block-square #goodslist .shop-item{box-shadow:none} .content-block-square .block-loop .hentry{margin-bottom:10px} .content-block-square .block-loop .hentry:hover .entry-header{background-color:#007fdb} .content-block-square .block-loop .hentry:hover .entry-title a{color:#fff} .content-block-square .block-loop .hentry:nth-of-type(1):hover .entry-header{background-color:#0099e5} .content-block-square .block-loop .hentry:nth-of-type(2):hover .entry-header{background-color:#ff4c4c} .content-block-square .block-loop .hentry:nth-of-type(3):hover .entry-header{background-color:#ffbe02} .content-block-square .block-loop .hentry:nth-of-type(4):hover .entry-header{background-color:#34bf49} .content-block-square .block-loop .hentry:nth-of-type(5):hover .entry-header{background-color:#7d3f98} .content-block-square .block-loop .thumbnail-link{display:block} .content-block-square .block-loop .entry-header{background-color:#f7f7f7;padding:10px} .content-block-square .block-loop .entry-title{font-size:13px;font-weight:400;margin:0;line-height:1.2;max-height:32px;overflow:hidden} .content-block-square .block-loop .entry-title a{color:#666} .content-block .thumbnail-wrap img{height:150px;width:100%} .content-block-1{position:relative} .content-block-1:after{clear:both;content:" ";display:block} .content-block-1 .col-left{float:left;width:48.5%;margin-bottom:-25px} .content-block-1 .col-right{float:right;width:48.5%;margin-top:5px} .content-block-1 .post-big{float:left;width:48.5%;margin-bottom:20px} .content-block-1 .post-big img{height:120px} .content-block-1 .post-big:nth-of-type(2n){float:left;margin-left:3%} .content-block-1 .post-big:nth-of-type(2n+1){clear:left} .content-block-1 .post-big .thumbnail-link{display:block;margin-bottom:13px} .content-block-1 .post-big .entry-title{font-size:15px;font-weight:400;margin-bottom:6px} .content-block-1 .post-small{margin-bottom:15px} .content-block-1 .post-small.last,.content-block-1 .post-small:last-child{border-bottom:none;margin-bottom:0 !important} .content-block-1 .post-small:nth-of-type(1):before,.content-block-1 .post-small:nth-of-type(6):before,.content-block-1 .post-small:nth-of-type(11):before{top:10px} .content-block-1 .post-small:nth-of-type(1) .entry-title,.content-block-1 .post-small:nth-of-type(6) .entry-title,.content-block-1 .post-small:nth-of-type(11) .entry-title{font-size:18px;font-weight:700} .content-block-1 .post-small:nth-of-type(5n){margin-bottom:20px} .content-block-1 .post-small .thumbnail-link{float:left;width:120px;margin:0 15px 0 0} .content-block-1 .post-small .entry-title{font-size:16px;font-weight:400} .content-block-2{position:relative;overflow:hidden} .content-block-2 .block-left .hentry:nth-of-type(3):before{top:10px} .content-block-2 .block-left .hentry:nth-of-type(3) .entry-title{font-size:18px;font-weight:700} .content-block-2 .block-right .hentry:nth-of-type(1) .entry-title{font-size:18px;font-weight:700} .content-block-2 .block-right .hentry:nth-of-type(6){margin-top:15px} .content-block-2 .block-right .hentry:nth-of-type(6):before{top:10px} .content-block-2 .block-right .hentry:nth-of-type(6) .entry-title{font-size:18px;font-weight:700} .content-block-2 .post-big{float:left;width:48.5%;margin:0 0 20px} .content-block-2 .post-big img{height:120px} .content-block-2 .post-big:nth-of-type(2n){float:right} .content-block-2 .post-big:nth-of-type(2n+1){clear:left} .content-block-2 .post-big .thumbnail-link{display:block;margin-bottom:10px} .content-block-2 .post-big .entry-title{font-size:15px;font-weight:400;margin-bottom:5px} .content-block-2 .post-small{margin-bottom:17px} .content-block-2 .post-small.last{margin-bottom:0} .content-block-2 .post-small .entry-title{font-size:16px;font-weight:400;line-height:1.4} .content-block-2 .block-left{float:left;width:48.5%} .content-block-2 .block-right{float:right;width:48.5%} .content-block-2 .block-left {float:left;width:48.5%} .content-block-2 .block-right {float:right;width:48.5%} .home-content {margin-right: 360px;} .home-right { float: left;width: 360px; margin-left: -360px;} .home-content-right .section-heading{margin-bottom:10px;border-bottom:1px solid #eeee} .home-content-right ul.posts-wrap li.post-big{float:left;width:48.5%;list-style:none;margin:0 0 14px;padding:0} .home-content-right ul.posts-wrap li.post-big:nth-of-type(2n){margin-left:3%} .home-content-right ul.posts-wrap li.post-big:nth-of-type(2n):after{display:block;content:" ";clear:both} .home-content-right ul.posts-wrap li.post-big .thumbnail-wrap{display:block;margin-bottom:9px} .home-content-right ul.posts-wrap li.post-big .entry-header{margin-bottom:0} .home-content-right ul.posts-wrap li.post-big .entry-title{font-size:13px;font-weight:400;margin-bottom:0} .home-content-right ul.posts-wrap li.list{color:#ddd;clear:both;font-size:14px;list-style:none;line-height:1.5;margin-bottom:9px;max-height:20px;padding-left:11px;overflow:hidden;position:relative} .home-content-right ul.posts-wrap li.list.has-border{border-top:1px dashed #e9e9e9;padding-top:13px;max-height:34px} .home-content-right ul.posts-wrap li.list.has-border:before{top:21px} .home-content-right ul.posts-wrap li.list:before{background-color:#ddd;position:absolute;content:" ";display:block;width:4px;height:4px;border-radius:2px;top:8px;left:0} .home-content-right ul.posts-wrap li.list a{color:#333} .ht_grid_1_5{float:left;margin-right:1%;width:19.2%} .ht_grid_1_5:nth-of-type(5n+0){margin-right:0;clear:right} .ht_grid_1_5:nth-of-type(5n+1){clear:left} @media (max-width:640px){ .content-block-square{margin-bottom:0} .content-block-square .ht_grid_1_5{float:left;width:48.5%;margin-right:3%;margin-bottom:20px} .content-block-square .ht_grid_1_5:nth-of-type(2n+0){margin-right:0;clear:right} .content-block-square .ht_grid_1_5:nth-of-type(2n+1){clear:left} .content-block-square .ht_grid_1_5:nth-of-type(5n){display:none} .content-block .thumbnail-wrap img{height:108px} .home-content{float:none;width:100%} .home-right{display:none} .home-latest:before,.home-latest:after,.content-block-1 .col-left:before,.content-block-1 .col-left:after,.content-block-1 .col-right:before,.content-block-1 .col-right:after,.content-block-2 .block-left:before,.content-block-2 .block-left:after,.content-block-2 .block-right:before,.content-block-2 .block-right:after{clear:both;content:" ";display:block} .content-block-1 .col-left,.content-block-1 .col-right,.content-block-2 .block-left,.content-block-2 .block-right{float:none;width:100%} .content-block-2 .block-right{margin-top:10px;} } @media (max-width:480px){ .zhuanti-heading .desc,.section-more{display:none} .content-block-square #goodslist .shop-item {border: none;margin: auto;} } /* -----------wp block editor----------- */ .wp-block-gallery{margin-left: 0 !important;} .wp-block-image{margin-bottom: 20px;} .wp-block-image figcaption{font-size: inherit;} .wp-block-quote cite{font-size: 12px;color: #bbb;} .wp-block-file{background-color: #f6f6f6;padding: 2em;text-align: center;} .wp-block-file .wp-block-file__button{font-size: inherit;padding: .5em 2em;} .wp-block-file *+.wp-block-file__button{margin-left: 2em;} .wp-block-button__link{font-size: inherit;text-decoration: none !important;color: #fff !important;padding: .5em 2em;} .wp-block-button__link:hover{background-color: #505559;} .wp-block-image{overflow: hidden;} .aligncenter img{margin-left: auto;margin-right: auto;} .wp-block-image .aligncenter>figcaption{display: block;} /* ---------widget gallery---------- */ .widget .gallery{padding-right: 15px;padding-top: 18px;} .widget .gallery .gallery-item{padding-left:15px;} .widget .gallery .gallery-item img{height: auto;} .single_gallery{margin: 0 auto; position: relative;overflow: hidden; list-style: none;padding: 0;} .single_gallery .swiper-wrapper{margin: 0 0 25px;} .single_gallery:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; } .single_gallery:hover .swiper-button-next,.swiper-container-rtl .swiper-button-prev { right: 0; } .single_gallery .swiper-wrapper{height:auto;} .single_gallery p,.single_gallery img{margin:0} .single_gallery img{border-radius:0} .single_gallery .image-desc {background-color: #333;background-color: rgba(0,0,0,.4);color: #fff;font-size: 14px;padding: 12px 2%;position: absolute;bottom: 0;width: 100%;} @media only screen and (max-width: 479px){ .single_gallery .image-desc {background-color: #333;position: static;line-height: 1.7;} } .no-login{font-size: 16px;min-height: 500px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 2px;color: #999;} @media (max-width:640px){ .no-login{min-height:300px;} } .content-bulletin{max-width: 950px;margin: 0 auto;} .bulletin-head{background:#fff;padding:18px} .bulletin-head .bulletin-title { padding: 10px; margin: 0; font-size: 26px; font-size: 2.16667rem; line-height: 1.6; border-bottom: 0; text-align: center; border-bottom: 1px solid #eee; } .bulletin-list { padding: 0 10px 15px; background: #fff; } .bulletin-list .bulletin-date { font-size: 17px; font-weight: 700; padding: 16px; color: #3ca5f6; } .bulletin-list .bulletin-item { position: relative; padding: 22px 0 25px 40px; margin-left: 40px; border-left: 1px dashed #dadada; } .bulletin-list .bulletin-time { position: absolute; left: -21px; top: 25px; width: 42px; padding: 2px 0; font-size: 12px; line-height: 1.2; text-align: center; color: #fff; background: #999; border-radius: 3px; } .bulletin-list .bulletin-content { overflow: hidden; } .bulletin-list .bulletin-content h2 { font-size: 18px; line-height: 1.4; margin: 0 0 15px; font-weight: 400; } .bulletin-list .bulletin-content p { font-size: 15px; margin: 0; color: #999; line-height: 1.65; } @media (max-width: 767px){ .bulletin-list .bulletin-item { padding: 22px 0 25px 28px; margin-left: 28px; } } .q-content .q-answer .as-user .theme-user,.q-content .q-info span .theme-user{margin-left:5px;margin-bottom:-1px;} .theme-user{background-image: url(../img/icon.png);display: inline-block;overflow: hidden;border: none;width: 15px;height: 16px;margin-bottom: -2px;background-position: 0 -123px;margin-right: 2px;} /*---------dark--------*/ .dark{background-color: #232425;color:#eee;} .dark a{color:#eee} .dark .uc-header .topbar{background: #232425;border-color:#232425;} .dark .uc-header,.dark .header{background: #191616;border-bottom:none;} .dark .nav-fixed .uc-header{background: rgba(0,0,0,0.9);} .dark .site-navbar a{color:#eee} .dark .site-nav .sub-menu a:hover{background-color:#000;} .dark .topmenu.site-nav .sub-menu{background: #191616;} .dark .uc-header .site-nav .sub-menu,.dark .site-nav .sub-menu li{background-color: #191616;} .dark .brand{border-color:#232425;} .dark .speedbar{background-color:#191616;} .dark .speedbar::before{color:#eee;} .dark .uc-header .site-nav .sub-menu,.dark .uc-header .site-nav .sub-menu li{border-color:#000;} .dark .site-search{background-color:#191616;} .dark .search-input{background-color: #232425;} .dark .widget-nav{background-color:#181616;border-bottom: 1px solid #000;} .dark .widget-nav li{border-right:none;color:#eee} .dark .widget-nav li.active{color: #eee;background-color: #000;} .dark .widget{border:none;background-color:#181616} .dark .widget h3{background-color:#181616;border-bottom: 1px solid #000;color:#eee;} .dark .widget h3 i{border-right: 1px solid #000;color:#eee;} .dark .widget_ui_author .author_post .title{color:#eee;} .dark .widget_ui_author .author_post ul li{border-color:#000;} .dark .widget_ui_comments ul a,.dark .themeinfo-content .sale{border-color:#232425;} .dark .most-comment-posts,.dark .home-zhuanti,.dark .excerpt-minic{background-color:#181616;border:none} .dark .zhuanti-heading{border-bottom:1px solid #000;} .dark .zhuanti-heading h2{color:#eee} .dark .most-comment-posts .title{background-color:#181616;border-bottom:1px solid #000;} .dark .cat-container>.home-heading{color:#eee;border-bottom: 1px solid #000;} .dark .cms-cat-s1>.col-full>article{border-bottom:1px solid #000;} .dark article .entry-detail h3 a,.dark .home-heading>a,.dark .entry-title a, .dark .entry-title a:visited{color:#eee} .dark .content-wrap>.content>.cat-container{background-color:#181616;border:none} .dark .content-block .section-heading{border-bottom:1px solid #000;} .dark .section-heading h2 a,.dark .content-block .section-heading h2{color:#eee} .dark .content-block-square .block-loop .hentry:nth-of-type(1):hover .entry-header{background-color:#0099e5} .dark .content-block-square .block-loop .hentry:nth-of-type(2):hover .entry-header{background-color:#ff4c4c} .dark .content-block-square .block-loop .hentry:nth-of-type(3):hover .entry-header{background-color:#ffbe02} .dark .content-block-square .block-loop .hentry:nth-of-type(4):hover .entry-header{background-color:#34bf49} .dark .content-block-square .block-loop .hentry:nth-of-type(5):hover .entry-header{background-color:#7d3f98} .dark .content-block-square .block-loop .entry-header{background-color:#000;padding:10px} .dark .content-block-square #goodslist .shop-item,.dark .content-block-square #goodslist h3{background-color:#000;} .dark .content-block-square #goodslist h3 a{color:#eee} .dark .footer{background-color:#181616;border:none} .dark .rollbar li i{color:#181616} .dark .breadcrumb-box{background-color:#232425;border:none;} .dark .breadcrumb-box>.crumbs{color:#eee} .dark.single .content{background-color:#181616;border:none;} .dark.single .title{border-color:#000;} .dark.single .title h3{color:#eee} .dark .article-content .mask {background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,0), #181616);background-image: -moz-linear-gradient(top, hsla(0,0%,100%,0), #181616);background-image: -o-linear-gradient(top, hsla(0,0%,100%,0), #181616);background-image: linear-gradient(top, hsla(0,0%,100%,0), #181616);} .dark .article-header{border-bottom: 1px solid #000;} .dark .relates{background-color:#181616;} .dark #no-sofa{background:#181616;border-color:#000;} .dark .comment .children .comment,.dark .depth-1{border-color:#000;} .dark .post-copyright,.dark .sg-author{background-color:#232425;} .dark .pager li>a, .dark .pager li>span{background-color:#232425;border: 1px solid #232425;} .dark .comt-box,.dark .comt-box textarea,.dark .comt-ctrl{background-color:#232425;border-color:#232425} .dark .hidetitle #read-more{background-color:#000;} .dark .comment-signarea{background-color:#000;} .dark .pagetitle{background-color:#181616;border-color:#181616;} .dark .card .itemcard{background-color:#181616;} .dark .excerpt{background-color:#181616;border-color:#181616;} .dark .excerpt h2 a{color:#eee} .dark .q-content .q-header,.dark .qa-hentry{background-color:#000;} .dark .q-content .q-header.topic-header{background-color:#181616;border-color:#000;} .dark .q-content .q-topic-item{background-color:#181616;border-color:#000;} .dark .q-content .topic-title{color:#eee;} .dark .q-content .q-answer .as-title,.dark .q-content .q-answer .as-item{border-color:#000;} .dark .q-content .q-answer .as-title,.dark .q-content .q-answer .as-form-title{color:#eee;} .dark .filter--content{background-color:#181616;border-color:#181616;} .dark .filter--content .filter-tab{border-color:#000;} .dark .shop-item{background-color:#181616;} .dark .shop-item h3, .dark .shop-item h3 a{color:#eee;} .dark .shop .breadcrumb{background-color:#232425;color:#eee;} .dark .shop .breadcrumb a{color:#eee;} .dark .shop .area{background-color:#181616;} .dark .shop .product .property .title h1{color:#eee;} .dark .memberPriceInfo{color:#eee;} .dark .shop .product .property .summary{background-color:#000;color: #eee;} .dark .shop .product .nav li.active,.dark .shop .product .nav,.dark .shop .product .nav li{border-color:#000;} .dark .shop .product .nav li.active a{background-color:#000;} .dark .shop .product .nav li a{color:#eee;} .dark .shop .product .nav li a:hover{background-color:#000} .dark .shop .product .main-content .shop-sidebar .tagcloud a{background-color:#232425;} .dark .shop .product .main-content .shop-sidebar li{border-color:#181616;} .dark .shop .product .main-content .shop-sidebar li>a{color:#eee;} .dark .shop .product .main-content .shop-sidebar .shop-widget{background-color:#181616;border-color:#000;} .dark .shop .product .main-content .shop-sidebar .shop-widget h3{background-color:#000;border-color:#000;} .dark .shop .product .related-products>h2>span{background-color:#181616;} .dark .shop .product .related-products>h2:before{background-color:#000;} .dark .shop .product .property .buygroup .amount-number .amount-input{background-color:#232425;color:#eee;} .dark .shop .product .related-products>.products>li>a{color:#999} .dark #history .pay-history th, .dark .order-history th, .dark .orders-table th, .dark .users-table th{background-color:#181616;border-color:#000;color: #eee;} .dark #history .pay-history td, .dark .order-history td, .dark .orders-table td, .dark .users-table td{border-color:#000;} .dark .orders-table thead tr:first-child th, .dark .coupon-table thead tr:first-child th, .dark .users-table thead tr:first-child th{color:#eee;} .dark .zhuanti-page .content{background-color:#181616;border-color:#181616;} .dark .zhuanti-block ul li a, .dark .zhuanti-block ul li a:visited{color:#eee;} .dark .zhuanti{border-color:#181616;} .dark .zhuanti .taxonomy-description{background-color:#181616;} .dark .container-no-sidebar .content{background-color:#181616;border-color:#181616;} .dark .layout_li .user_main{background-color:#000;border-color:#000;} .dark .layout_li.recommend .user_main div.post,.dark .layout_li.recommend .user_main div.post span{border-color:#181616;} .dark hr{border-color:#000;} .dark .page-title{color:#eee;} .dark .pagemenu,.dark .pagemenu li a,.dark .container-page .content{background-color:#181616;border-color:#181616;} .dark .pagemenu li .on,.dark .pagemenu li.current-menu-item a{background-color:#000;} .dark .page-tool .content textarea{background-color:#000;border-color:#000;color:#eee;} .dark .tagslist li{background-color:#181616;border-color:#181616;} .dark #sign .part{background-color:#232425;} .dark #sign form input{background-color:#191616;border-color:#191616;} .dark #sign form label.icon i{color:#000;} .dark #sign .other-sign{border-color:#000;} .dark #sign form .submit{background-color:#45B6F7;} .dark .open>.dropdown-menu{background-color:#232425} .dark .dropdown-menu .divider{background-color: #000;} .dark .dropdown-menu:after {border-color: transparent transparent #232425} .dark .page-wrapper .page-header{border-color:#000;} .dark .pagesider-menu a{background-color:#181616;border-bottom:1px solid #000;color:#eee;} .dark .pagesider-menu a:hover {background-color:#000;border-color:#000;} .dark .pagecontent,.dark .panel{background-color:#181616;} .dark .dashboard-wrapper .excerpt{border-color:#000;} .dark .affiliate-tab p#aff{color:#eee;} .dark .follow-box>.box-inner{background-color: #232425;} .dark .follow-box>.box-inner>.user-stats span{color:#eee} .dark .follow-box>.box-inner>.user-interact>small, .dark .follow-box>.box-inner>.user-interact>a{color:#eee;} .dark .input-group-addon{background-color:#000;border-color:#000;color:#eee;} .dark #author-page .btn-default{background-color:#34495e;border-color:#34495e;color:#eee;} .dark .user-msg li{border-color:#000;} .dark .select-message > #message > .user-msg > li > .message-content{background-color:#232425;color:#bbb;box-shadow:none;} .dark .select-message > #message > .user-msg > li > .message-content:after{border-top: 10px solid #232425;} .dark .user-msg p.info a{color:#eee;} .dark .author-profile>section>header h2{border-color:#232425;} .dark .user-msg .message-content{background-color:#232425;color:#eee;} .dark .user-msg .comment-message:before{border-right-color:#232425;} .dark .user-msg li.tip, .dark .site-order-list li.tip,.dark .page-wrapper .dashboard-header .tip{background-color:#232425;border: 1px solid #232425;} .dark .table>thead>tr>td.active, .dark .table>tbody>tr>td.active, .dark .table>tfoot>tr>td.active, .dark .table>thead>tr>th.active, .dark .table>tbody>tr>th.active, .dark .table>tfoot>tr>th.active, .dark .table>thead>tr.active>td, .dark .table>tbody>tr.active>td, .dark .table>tfoot>tr.active>td, .dark .table>thead>tr.active>th, .dark .table>tbody>tr.active>th, .dark .table>tfoot>tr.active>th{ background-color: #000; color: #eee; } .dark .table-bordered>thead>tr>th, .dark .table-bordered>tbody>tr>th, .dark .table-bordered>tfoot>tr>th, .dark .table-bordered>thead>tr>td, .dark .table-bordered>tbody>tr>td, .dark .table-bordered>tfoot>tr>td{border-color:#000;} .dark .form-control[disabled], .dark .form-control[readonly], fieldset[disabled] .dark .form-control{background-color:#000;color:#555;} .dark select,.dark .form-control,.dark input{background-color:#232425;border-color:#232425;color:#eee;} .dark .table-bordered{border-color:#000;} .dark .loop-rows article{background-color:#181616} .dark .table-striped>tbody>tr:nth-child(odd)>td, .dark .table-striped>tbody>tr:nth-child(odd)>th{background-color:#232425} .dark #order{background-color:#181616;} .dark #order #alipayment{border:none;} .dark #order #pay .checkout{background-color: #181616;border:none} .dark #order #pay ul input{background-color: #232425;border-color: #232425;color:#eee;} .dark #order #pay ul li input[readonly]{background-color:#000;} .dark #order #pay .checkout #coupon input{background-color: #232526;border: 1px solid #232526;color: #eee;} .dark .order-pay-content{background-color:#181616;} .dark .article-content h2, .dark .article-content h3, .dark .article-content h4, .dark .article-content h5,.dark .single-content h3,.dark .single-content h4,.dark .single-content h5{color:#eee;} .dark .article-content h2,.dark .single-content h1,.dark .single-content h2{border-color:#232425;} .dark .collapse-wrap .xControl{background-color: #232425;border: 1px solid #232425;} .dark .collapse-wrap .xContent{border: 1px solid #232425;} .dark .liangdian li{border: 1px solid #232425;} .dark .liangdian li::before{color:#eee;background-color:#232425} .dark .liangdian li::after{background-color:#181616} .dark .embed-product{background-color:#232425;border: 1px solid #232425;} .dark .ias_trigger a{background-color: #191616;} .dark .label-title{background: #34495e; color: #bbb;border:none;} .dark .label-title span#title{background: #232526;color:#eee;} .dark #post-price .summary-price span.dt, .dark #post-price .summary-vip-price span.dt, .dark #pay-content .summary-content span.dt{color:#eee} @media (max-width: 640px){ .dark.rollbar-m-on .rollbar {border-top: 1px solid #232425;background-color: #191616;} .dark.rollbar-m-on .rollbar ul li a {background-color: #191616;color: #eee;} .dark.rollbar-m-on .rollbar ul li .fa{color: #eee;} .dark .shop .product .property .buygroup{background-color:#191616} } .dark .bulletin-head,.dark .bulletin-list{background-color:#181616;} .dark .bulletin-head .bulletin-title,.dark .bulletin-list .bulletin-item{border-color:#232526;} .dark .billboard:before{background-color: rgba(0, 0, 0, 0.5);} .dark .container-user{background-color: #191616;border:none;} .dark .userside{background-color: #191616;border-right: 1px solid #232425;} .dark .usertitle{border-color:#232425;} .dark .user-postmenu,.dark .user-postlist li,.dark .user-commentlist li,.dark .user-postmenu a{border-color:#232425;} .dark .authorleader{background-color: #191616;border-color: #191616;} @media (max-width: 768px){ .dark .filter--content .filter-item span, .dark .filter--content .filter-tab span{background-color:#000;} } .poster-cover-bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,.5);} .poster-cover{ position: fixed;width: 100%;height: 70%;left: 0;top: 40px;z-index: 100000;text-align: center;} .poster-cover img{position: relative;max-height: 100%;max-width: 96%;width: auto;display: block;margin: 0 auto;} .poster-cover-close{ position: absolute; /* display: inline-block; */ /* margin-top: -25px; */ width: 50px; height: 50px; font-size: 26px; line-height: 48px; font-weight: 300; color: #333; /* border-radius: 50%; */ /* background: #fefefe; */ text-align: center; vertical-align: top; font-family: serif; /* box-shadow: 0 0 1px 0 rgba(0,0,0,.2); */ cursor: pointer; left: 50%; bottom: 0; color: #fff; margin-left: -24px; margin-bottom: -48px; }