@charset "utf-8"; body { color: #5a5a5a; font: 14px/1.5 -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', SimSun, sans-serif; background: #f1f5f8 } body { --mainColor: #ea4c89; --subColor: #ea4c89; --text: #333; --subText: #6e6d7a; --infoText: #999; --border: #eee; --focusBorder: #ea4c89; --bg: #fff; --subBg: #f6f6f6; --largeRadius: 10px; --radius: 6px; --subRadius: 3px; --layoutWidth: 1200px; --filterBg: rgba(234,76,137,0.1); --input: #f6f7f8; --blue: #409eff; --yellow: #e6a23c; --red: #f56c6c; --green: #67c23a; --gold: #faad14; --gray: #dcdfe6; --dgyBlue: #0170fe; } img {/* border-radius: 4px; */} .wp { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .elp{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{zoom: 1;} @media (min-width:768px) { .wp { padding-left: 0; padding-right: 0; } } @media (min-width:992px) { .wp { width: 970px } } @media (min-width:1280px) { .wp { width: 1200px } } @media (min-width:1440px) { .wp { width: 1400px } } /*图片放大*/ .pic-scale .pic, .img-scale{position: relative; overflow: hidden;} .img-scale img, .pic-scale img{-webkit-transition: .5s; -o-transition: .5s; transition: .5s;} .img-scale:hover img, .pic-scale:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} .img-scale.scale2:hover img, .pic-scale.scale2:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} .oh{overflow: hidden;} .dj-sm { color: #9f9f9f; margin-top: 50px } .sm-one { text-align: center; margin-bottom: 4px } .sm-one:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden } .sm-one span { display: block; float: left; color: #ccc } .sm-o-left { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); width: 42%; height: 0; border-top: 1px solid #ccc } .sm-o-center { margin-top: -13px; top: -13px; width: 16%; text-align: center; text-indent: 0 } .sm-o-right { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); width: 42%; height: 0; border-top: 1px solid #ccc } .sm-con { margin-top: 6px; margin-bottom: 30px; font-size: 14px; line-height: 22px; text-align: center; padding: 0 } .sm-con a { color: #9f9f9f; text-decoration: underline !important } .dj-tt { color: red !important; border: 1px solid red !important } body, dd, dl, dt, li, ol, td, th, ul { margin: 0; padding: 0 } body { overflow: auto !important; padding: 0 !important } .modal { overflow: hidden !important } a { color: #5a5a5a; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s } a:hover { color: #fb0202; text-decoration: none } a:link, a:visited { text-decoration: none } body.nav-fixed { position: relative } ul li { list-style: none } .modal-dialog { margin: 200px auto } .bootstrap-select .dropdown-toggle:focus { outline: 0 !important } a:focus { outline: 0 !important } .fr { float: right } .fl { float: left } .input-login, .input-reg { margin-bottom: 15px } .ajax_imgcode { position: absolute; bottom: 5px; right: 45px; z-index: 9 } .ajax_reg_imgcode { position: absolute; bottom: 5px; right: 5px; z-index: 9 } .faw { width: 15px } .col-sm-6.admina, .col-sm-6.commenta, .col-sm-6.loga, .col-sm-6.weiyua { margin-bottom: 10px } .row>.lga>a { margin: auto 15px } .modal-header .close { text-shadow: 0 1px 0 #ddd; transition: all .5s linear; margin-right: -8px } .modal-header .close:hover { transform: rotate(-360deg) } .text-muted { color: #777; font-size: 85% } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 } .navbar-brand { padding: 12px 0; height: auto; box-sizing: content-box; color: #fff !important; font-size: 24px; line-height: 1; letter-spacing: 1px; } .navbar-brand b { color: #fb0202; /*font-weight: normal;*/ } .navbar-brand span { font-size: 14px; } .navbar-default { background: #fff } .navbar-form .input-group>.form-control { float: right; background: url(../images/search.png) no-repeat 15px 7px; padding-left: 35px; width: 20% } .nav>li>.dropdown a:hover ul { display: block } .navbar-default .navbar-nav>li>a { font-size: 16px; display: block; padding: 14px 12px; color: #454545 } .navbar-default .navbar-nav>li {margin-left: 5px;} .navbar-default .navbar-nav>li>a i { margin-left: 3px; } .nav>li.s-li { display: none } .nav>li.s-li form { padding: 10px; display: flex; opacity: .9 } .nav>li.s-li form input { width: 80%; font-size: 12px; border-color: #ededed; box-shadow: inset 0 0 2px rgba(0, 0, 0, .075) } .nav>li.s-li form .btn { width: 20%; background: #fb0202; color: #fff } .navbar-nav>li:last-child { background: 0 } .navbar-nav .fa-angle-down { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s } .navbar-nav li:hover .fa-angle-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.dropdown>a:focus { color: #fb0202; background-color: transparent } .navbar-default .navbar-nav>.dropdown>a:hover, .navbar-default .navbar-nav>li>a:hover { color: #fb0202; background-color: transparent } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fb0202; background-color: transparent } .navbar-default .navbar-nav>li.active:before { position: absolute; content: ''; background: #fb0202; width: 0; height: 3px; left: 0px; right: 0; margin: 0px auto; bottom: 5px; transition: all 500ms ease; -webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, 0.24) 50%, #f43737 50%, rgba(0, 0, 0, 1) 70%); -webkit-mask-size: 200%; animation: shine 2s infinite; } .navbar-default .navbar-nav>li.active:after { position: absolute; content: ''; background: #ffffff; width: 6px; height: 3px; right: 32%; bottom: 18px; transition: all 300ms ease; display: none; } .navbar-default .navbar-nav>li.active:before { width: 30px; } @-webkit-keyframes shine { from { -webkit-mask-position: 150%; } to { -webkit-mask-position: -50%; } } .modal-header { color: #454545; padding: 10px 20px; height: 42px } .carousel-control>.slide-left, .carousel-control>.slide-right { margin: 70% auto } .logout_body { border-bottom: 1px solid #ededed; margin-bottom: 5px } .sidebar-user { margin: 18px; text-align: center } .sideli { margin-bottom: 15px } .carousel-indicators { bottom: 0 } .panel-default { border-color: #eaeaea } .modal-footer { padding-top: 0; border-top: 0 } .badge { background-color: #999 } .btn-info { background-color: #fb0202; border-color: #1E9FFF } .btn-info:hover { background-color: #fb0202; border-color: #1E9FFF } .sign-title { font-size: 18px; margin: 3px 10px; color: #3dbaf9; border-bottom: 2px solid #3dbaf9; width: 72px; padding-bottom: 8px } .ajax_btn-reg { margin-top: 15px } .ajax_qq { display: inline-block; float: left } .ajax_btn { display: inline-block; float: right } .ajax_login_icon { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #f97f7d !important; border: 2px solid #f78c8a; border-radius: 50px !important; font-size: 20px; padding: 6px 8px } .ajax_login_icon:hover { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #f97f7d !important; border: 2px solid #f78c8a; border-radius: 50px !important; font-size: 20px; padding: 6px 8px; opacity: .8 } .ajax_login_code { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #3dbaf9 !important; border: 2px solid #3dbaf9; border-radius: 50px !important; font-size: 20px; padding: 6px 10px } .ajax_login_code:hover { font-family: "YaHei", Georgia, Serif; background-color: #fff; color: #3dbaf9 !important; border: 2px solid #3dbaf9; border-radius: 50px !important; font-size: 20px; padding: 6px 10px; opacity: .8 } .form-group.input-login>span { margin-right: 10px } .ajax_reg_btn { background-color: #3dbaf9; border: 1px solid #3dbaf9; color: #fff } .ajax_reg_btn:hover { opacity: .8; color: #fff } .ajax_login_btn { background-color: #3dbaf9; border-color: #3dbaf9; color: #fff; border: 1px solid #FFF; border-radius: 3px !important; width: 120px } .ajax_login_btn:hover { opacity: .8; color: #fff } .container-fluid p { color: #454545 } .btn.ajax_reg_btn.btn-block { color: #fff } .col-sm-7.ajax_login_list1 { border-right: 1px solid #ededed } .ajax_login_btn[disabled] { background-color: #9ad5f3 } .ajax_btn>span>input { border: 1px solid #FFF; border-radius: 4px; padding: 4px 15px; color: #fff; display: inline-block } .ajax_btn>span>input:hover { opacity: .8 } .nav-tabs>li>a { border-radius: 2px 4px 0 0; color: #fff; line-height: .82857143 } .nav-tabs>li>a:focus, .nav-tabs>li>a:hover { text-decoration: none; background-color: transparent; color: #5a4e4c; border: 1px solid transparent; text-shadow: .07em .07em 0 rgba(0, 0, 0, .1) } .dlbt { color: #ffa600; margin-left: 5px } .content-wrap { float: left; width: 72% } .content-wrap.nosidebar { width: 100%; float: none } .content { position: relative; margin-bottom: 15px; min-height: 280px } .sidebar { position: relative; float: right; margin-left: 0; width: 26.6% } .sidebar .row { margin: 0;height: 100%;} /*.sidebar.fixed .row { position: fixed; z-index: 295; width: 319.19px; }*/ .sidebars { position: relative; float: left; margin-left: -340px; width: 326px } .excerpt-minic { overflow: hidden; margin-bottom: 20px; height: 40px; line-height: 40px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) } .gglb { padding-left: 5px } .bulletin ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .posts-gallery-content h2 a:hover { color: #1E9FFF } .posts-gallery-content1 h2 a:hover { color: #1E9FFF } .sub-cate { padding: 0 1px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) } .sub-cate .tit { display: inline-block; margin-bottom: 15px; vertical-align: middle } .sub-cate a { /*margin-bottom: 15px; */ padding: 0 10px; display: inline-block; vertical-align: middle; } .sub-cate a.on { color: #fff } .sub-cate a:active { box-shadow: none } .product-cate { background: #fff; margin-bottom: 15px; padding: 10px 15px; border-radius: 4px; } /*.product-cate .tit, .product-cate a{margin-bottom: 0; padding: 0; margin-right: 15px;}*/ .product-cate .item~.item { border-top: 1px solid #ededed; margin-top: 10px; padding-top: 15px } .flex { display: flex; flex-wrap: wrap; justify-content: space-between; } .product-cate .flex a { width: 15%; text-align: left; } @media (max-width:768px) { .product-cate .flex a { width: auto; } .product-cate .flex a.mhide { display: none; } } .content-list { position: relative; overflow: hidden; display: block; margin-bottom: 15px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-bottom: 1px solid #efefef !important; /*box-shadow: none !important*/ } .content-box { overflow: hidden; padding: 10px } .posts-default .content-box { padding: 0 } .posts-default-img { position: relative; overflow: hidden; max-height: 300px; height: auto; width: 100% } .posts-default-img a { position: relative; display: block } .posts-default-img img { width: 100% } .posts-default-img .overlay { opacity: 0 } .posts-default-img a:hover .overlay { opacity: .2 } .posts-default-box { padding: 32px 27px } .posts-default-title { position: relative; margin: 0 0 10px } .posts-default-title h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.2; font-size: 20px; margin: 0; padding: 0 } .posts-default-title h2 a:hover { color: #1E9FFF } .posts-default-content { position: relative; line-height: normal } .posts-default-content .posts-text { line-height: 1.6; margin-bottom: 15px; color: #748594 } .posts-default-info { position: relative; display: inline-block } .posts-default-info ul li { font-size: 12px; letter-spacing: -.2px; float: left; padding: 0; margin: 0 10px 0 0; color: #748594; position: relative; line-height: 1.5 } .posts-default-info ul li a { color: #748594 } .posts-default-info ul li a:hover { color: #1E9FFF } .posts-default-info ul li.post-author { padding-left: 22px } .posts-default-info ul li .avatar { position: absolute; top: -1px; left: 0; width: 20px } .posts-default-info ul li .avatar img { border: 1px solid #e5e5e5; border-radius: 50%; padding: 1px; width: 20px; height: 20px } .posts-gallery-img { position: relative; float: left; width: 200px; height: 134px; overflow: hidden; } .nopic .posts-gallery-img { display: none; } .posts-gallery-img img { width: 100%; height: 100%; border: 1px solid #e5e8ed; object-fit: cover; } .posts-gallery-img .simg { height: 100% } .posts-gallery-img .simg-8 img { display: block; } .posts-gallery-img .simg .t1 { position: absolute; left: 5px; top: 5px; z-index: 2; color: #fff; padding: 0 6px; font-size: 12px; background: rgba(255, 68, 0, .8); border-radius: 4px; } .posts-gallery-content { margin-left: 220px; padding-top: 0 } .posts-gallery-content1 { padding-top: 0 } .video-list-two .posts-gallery-content { margin-left: 0 } .video-list-two .posts-gallery-content1 { margin-left: 0 } .posts-gallery-content h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0 10px 0; line-height: 1.2; font-size: 16px; padding-top: 4px; font-weight: 600 } .posts-gallery-content h2 a { color: #454545; font-weight: bold } .posts-gallery-content .posts-gallery-text { line-height: 1.6; margin-bottom: 15px; color: #777; min-height: 66px } .posts-gallery-content1 h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0 10px 0; line-height: 1.2; font-size: 16px; padding-top: 4px; font-weight: 600 } .posts-gallery-content1 h2 a { color: #454545; font-weight: bold } .posts-gallery-content1 .posts-gallery-text { line-height: 1.6; color: #777;font-size: 14px;} .post-style-tips { position: absolute; bottom: 32px; right: 28px } .post-style-tips a { padding: 6px 10px; line-height: 1; color: #FFF; background: #378df7; display: inline-block; font-size: 13px } .post-style-tips span a:hover { background: #273746 } .post-images-item { margin-bottom: 10px } .post-images-item ul { overflow: hidden } .post-images-item ul li { float: left; width: 33.3333% } .post-images-item ul li .overlay { opacity: 0 } .post-images-item ul li:first-child .image-item { margin-right: 6px; height: 135px; position: relative; overflow: hidden } .post-images-item ul li:nth-child(2) .image-item { margin-left: 3px; margin-right: 3px; height: 135px; position: relative; overflow: hidden } .post-images-item ul li:last-child .image-item { margin-left: 6px; height: 135px; position: relative; overflow: hidden } .post-images-item ul li a img { width: 100%; height: 166px } .post-entry-categories { margin-top: -2px; float: right; display: block; } .post-entry-categories a { padding: 4px 5px; background-color: #fb0202; color: #fff; line-height: 1.4; font-weight: 400; margin: 0 2px 2px 0; display: inline-block; font-size: 12px; } .post-entry-categories a:nth-child(6n+0) { background-color: #4a4a4a } .post-entry-categories a:nth-child(6n+1) { background-color: #ff5e5c } .post-entry-categories a:nth-child(6n+2) { background-color: #ffbb50 } .post-entry-categories a:nth-child(6n+3) { background-color: #1ac756 } .post-entry-categories a:nth-child(6n+4) { background-color: #1E9FFF } .post-entry-categories a:hover { background-color: #1b1b1b; color: #FFF } .index_cms_6 { padding-left: 5px; padding-right: 5px } .index_cms { margin-left: -5px; margin-right: -5px } .xg { -webkit-backface-visibility: hidden; -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); z-index: 1 } i.article-mark { width: 56px; height: 56px; background: url(../images/ico-mark.png); position: absolute; left: 10px; top: 10px; z-index: 14; margin: -3px 0 0 -3px } i.article-marks { width: 56px; height: 56px; background: url(../images/ico-mark.png); position: absolute; left: 10px; top: 45px; z-index: 14; margin: -3px 0 0 -3px } i.article-mark.new-mark, i.article-marks.new-mark { background-position: -16px -16px } i.article-mark.hot-mark, i.article-marks.hot-mark { background-position: -112px -16px } i.article-mark.top-mark, i.article-marks.top-mark { background-position: -192px -16px } span.mark-red { position: absolute; color: #f73b3b; font-weight: 400; right: -40px; top: -15px; background: #f73b3b; width: 90px; text-align: center; color: #fff; padding: 24px 0 2px; font-size: 12px; transform: rotate(45deg) } .textgg i {color: #fb0202;line-height: 42px; text-align: center; border-radius: 50%;margin-right: 8px; margin-left: 10px; float: left;} .excerpt { padding: 8px; overflow: hidden; background: #fff; margin-bottom: 15px; position: relative; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .content-list:hover, .excerpt:hover, .panel-default:hover { box-shadow: 0 3px 6px 0 rgba(3, 27, 78, .10) } .btn, .dropdown-menu, .form-control, .input-group-addon, .modal-content, .panel { border-radius: 4px; } .panel-default>.panel-heading { padding: 15px 15px 10px; background: rgba(255, 255, 255, 0.81); border-top-left-radius: 0; border-top-right-radius: 0; border-color: transparent } .more { font-size: 15px } .panel_cms { padding: 5px 15px 0; min-height: 197px } .panel_cms ul { padding: 0 4px; margin-bottom: 0 } .panel_cms li a { display: inline-block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; color: #454545 } .panel_cms li a:hover { color: #1E9FFF } .panel_cms time { float: right; margin: 0; padding: 0; color: #999; line-height: 24px; font-size: 12px; margin-left: 20px } .panel_cms ul li { line-height: 1.8em } .panel-default { margin-bottom: 10px } .pagination { margin: 0; text-align: center; font-size: 12px; display: inline-block; border-radius: 0; vertical-align: middle;} .pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; padding: 0 } .pagination ul>a { display: inline } .pagination ul>a.page-num-current { background: #1E9FFF !important; color: #fff } .pagination ul>a:hover { background: #ededed } .pagination ul>span.tj { color: #999; background-color: transparent; cursor: default; margin: 0 2px; float: left; padding: 2px 14px; border: 0; font-size: 12px } .pagination ul>a, .pagination ul>span { margin: 0 2px; float: left; padding: 1px 14px; line-height: 22px; border: 1px solid #e5e8ed; color: #444; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 4px; background: #fff; } .excerpt-page { padding: 10px 0; font-size: 0; text-align: center } .navbar-right { margin-left: 6% !important; display: flex; justify-content: space-between; align-items: center; flex: 1; padding-right: 15px; } .navbar-right:before, .navbar-right:after { display: none; } .navbar-nav .dropdown:hover .dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .navbar-right .dropdown-menu { display: inline-block; visibility: hidden; opacity: 0; transition: all .4s; transition: all .4s ease; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; min-width: 0; background-color: #fff; right: auto; left: 50%; margin-left: -65px; width: 130px; text-align: center; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px) } .navbar-nav .dropdown-menu:after { border-bottom: 6px solid #fff; margin-top: 1px } .navbar-nav .dropdown-menu:before { border-bottom: 6px solid #ccc } .navbar-nav .dropdown-menu:after, .navbar-nav .dropdown-menu:before { content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent } .widget_ui_statistics ul { overflow: hidden; padding: 15px; color: #888; line-height: 26px } .widget_ui_statistics li { float: left; width: 50% } .shareBox { text-align: center; margin: 40px 0 10px; position: relative } .shareBox p { padding-bottom: 0; margin: 0 } .shareBox .sharebtn { width: 92px; height: 36px; line-height: 36px; border-radius: 18px; box-shadow: none; background: #fff; display: inline-block; text-align: center; margin: 0 2px; color: #f74840; font-size: 14px; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer } .shareBox .sharebtn.zan { cursor: not-allowed } .shareBox .like .icon-heart-filled { display: none; margin-top: -3px } .shareBox .like.current { background-color: #f74840; color: #fff } .shareBox .like i { vertical-align: middle; display: inline-block; margin-top: -3px; display: inline-block } .shareBox .like.current .icon-heart-filled { display: inline-block; -webkit-animation: waver .3s linear 1; -moz-animation: waver .3s linear 1; -o-animation: waver .3s linear 1; animation: waver .3s linear 1 } .shareBox .like.current .icon-heart { display: none } .panel-abouts .wxgz { display: inline-block; text-align: center; margin: 0 10px; padding: 5px; border: 1px solid #836fff } .panel-reward { position: relative; padding: 10px 0 0; display: none; margin: 15px 0; border: 1px dashed #ccc } .panel-reward ul li { display: inline-block; margin: 0 10px 5px; padding: 5px } .panel-reward ul .txpay { margin-left: 6px; border-color: #c99eea } .panel-reward ul .weixinpay { margin-left: 6px; border-color: #8ae0ac; text-align: center; } .context ul .weixinpay:before { display: none; } .panel-abouts .wxgz img, .panel-reward ul li img { width: 150px; height: auto; margin-bottom: 0; border: 0; padding: 0; background-color: transparent !important } .panel-abouts .wxgz img:hover, .panel-reward ul li img:hover { border: 0; padding: 0 } .panel-abouts .wxgz b, .panel-reward ul li b { display: block; font-weight: 400; margin-top: 10px; font-size: 14px; line-height: 1.75; color: #999 } @keyframes waver { 0 { transform: scale(1, 1) } 50% { transform: scale(1.5, 1.5) } 100% { transform: scale(1, 1) } } @-moz-keyframes waver { 0 { -moz-transform: scale(1, 1) } 50% { -moz-transform: scale(1.5, 1.5) } 100% { -moz-transform: scale(1, 1) } } @-webkit-keyframes waver { 0 { -webkit-transform: scale(1, 1) } 50% { -webkit-transform: scale(1.5, 1.5) } 100% { -webkit-transform: scale(1, 1) } } @-o-keyframes waver { 0 { -o-transform: scale(1, 1) } 50% { -o-transform: scale(1.5, 1.5) } 100% { -o-transform: scale(1, 1) } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0) } to { -webkit-transform: rotate(360deg) } } @-moz-keyframes rotate { from { -moz-transform: rotate(0) } to { -moz-transform: rotate(360deg) } } @-ms-keyframes rotate { from { -ms-transform: rotate(0) } to { -ms-transform: rotate(360deg) } } @-o-keyframes rotate { from { -o-transform: rotate(0) } to { -o-transform: rotate(360deg) } } @keyframes rotate { from { transform: rotate(0) } to { transform: rotate(360deg) } } .shareBox .share-btn { color: #3496e6; border-color: #3496e6 } .shareBox .sharebtn:hover { background-color: #f74840; color: #fff } .shareBox .publicity-btn { background-color: #378df7; color: #FFF; border-color: #378df7 } .shareBox .publicity-btn:hover { background-color: #2c6fc1; border-color: #2c6fc1 } .shareBox .share-btn:hover { background-color: #3496e6; color: #fff } .shareBox .pay-author { background-color: #ec414d; color: #fff } .shareBox .pay-author:hover { opacity: .9 } .bdsharebuttonbox { display: none; padding: 20px 0 0; position: relative } .panel-abouts, .panel-reward { position: relative; padding: 20px 0; display: none } #ajaxloading, #ajaxloading1, #error, #error1 { position: relative; color: red; left: 8px; top: 8px } #mySlide { width: 100%; margin-bottom: 10px } .carousel-inner>.item>img { margin: 0 auto; width: 100% } .carousel-control { margin: 0 auto } #header { height: 68px; min-height: auto !important; border-bottom: none; } #header .navbar-fixed-top {height: 68px;box-shadow: 0 1px 3px rgba(26, 26, 26, .1);background: #fff;width: 100%;} #header .nav-cont { display: flex; align-items: center; flex-wrap: wrap; height: 100%; } #header .nav-cont:before, #header .container:after { display: none; } #header.top-tip-open { height: 98px; } .logo img { margin-top: 0; /*height: 100%*/ } a.highslide { border: 0 !important } .panel .panel-header { line-height: 38px; background: #fff; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ededed solid; } .breadcrumb { display: inline-block; margin: 0; background: #fff; padding: 0; color: #999 } #post-box .post-title { margin-top: 15px; color: #151515; width: 100%; line-height: 1.5; font-size: 24px; font-weight: 500; padding: 0 20px; text-align: left; margin-bottom: 12px } #post-box .post-meta-box .breadcrumb i { display: none } #post-box .post-meta-box { padding: 2px 20px; color: #999 } #post-box .post-meta-box a { color: #999 } #post-box .post-meta-box>.meta-top { float: right; color: #777 } #post-box .post-meta-box a:hover { color: #1E9FFF } #post-box .post-meta-box>.meta-top>span.comments-top:before { padding: 0 5px; color: #ccc; content: "/\00a0" } .post-info, .post-info-m { text-align: left; color: #888; font-size: 12px; line-height: 1; padding: 0 20px } .post-info-m { display: none } .post-info span, .post-info-m span { margin-right: 10px } .post-info span a, .post-info-m span a { color: #888 } .post-info span a:hover { color: #1E9FFF } #mobile-tab-menu { display: none; margin-top: 5px; padding: 0 10px } #mobile-tab-menu>li.current { background: #bcbcbc; color: #FFF } #mobile-tab-menu>li:first-child { border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px } #mobile-tab-menu>li:last-child { border-right-width: 1px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px } #mobile-tab-menu>li { float: left; width: 50%; text-align: center; border: 1px solid #bcbcbc; border-right-width: 0; cursor: pointer; height: 30px; line-height: 30px; color: #6b7386 } .log_h3 { font-size: 18px; margin: 0; padding: 20px 20px; color: #333; border-bottom: 1px solid #ededed } .tips { color: #6b7386 } section.context { padding: 0 20px 20px; word-wrap: break-word; min-height: 100px; font-size: 15px; line-height: 27px } .article-content { line-height: 1.75 } .article-content iframe { width: 100% !important; height: 593px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .article-content a { color: #fb0202; /*color: #5a5a5a; border-bottom: dashed 1px #999;*/ } .article-content a:hover { /*text-decoration: none !important; color: #fb0202;*/ } /*.article-content a:after{content: ''; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA/UlEQVQYV12QwWrCQBCG9yLFi2d76EVQDx576sHgbhTMA3jTPksh2STVUlBPfQkfqO8gqOzGmEKn808xiAvLkJlv//zzK2P9bvJBZKz7HecV6iF627dC675N6olvxT1SkxVD2dkESfGk41N/nJWdaEMPz1/UMImPp2sR+VGgAam7Y5JiJooMoyqTFhSmZQ/Dl09qovJv59GWlRiGMmwIGMTHbq2UugUgwPiGDXgWUL+XfTS1da88IMDXh/CMBVWYX2ho/aPOL4MpQ4BvbciCnIYsM1q6tjQZVncHiyI6iUfbcwhYlNkGPGNBgTg6MEoCX0lWBBvwXF/u/c/87g96DLwN1VorFQAAAABJRU5ErkJggg==); display: inline-block; height: 10px; margin: 0 3px 0 5px; width: 10px;}*/ .article-content video { width: 100%; height: auto; border: 1px solid #ededed; vertical-align: middle; } .article-content a:hover { text-decoration: underline } section.context ol { padding-left: 20px } section.context table { /*margin-top: 20px;*/ margin-bottom: 10px } section.context table td, section.context table th { padding: 10px 10px; border: 1px solid #ededed;/* text-align: center;*/ font-weight: normal; color: #333;} section.context table th { padding: 10px 10px } section.context table tr:nth-child(2n) td {background: #f1f5f8} section.context.context-album { padding: 15px 0 } .msginfo {background: #f5f5f5;border: 1px solid #ededed; padding: 10px; margin-bottom: 10px;} .context img { max-width: 728px } .related-posts { padding: 0; margin: 0 } .related-posts>li { margin-bottom: 10px } .related-posts>li .related-posts-panel { margin-bottom: 0; border: 1px solid transparent; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .panel.no-padding { padding: 0 } .panel.transparent { background: 0 } .related-posts>li .thumbnail-link { display: block; position: relative; overflow: hidden } .related-posts>li .thumbnailimg { width: 100%; height: 138px; display: block } .related-posts>li .related-posts-panel:hover { box-shadow: 0 0 2px #fb0202; -moz-box-shadow: 0 0 2px #1E9FFF } .related-posts>li .related-posts-panel:hover .excerpt { top: 0 } .related-posts>li .excerpt { position: absolute; width: 100%; top: -100%; left: 0; background: rgba(0, 0, 0, .66); height: 100%; color: #FFF; padding: 8px; transition: top .2s; -webkit-transition: top .2s; -moz-transition: top .2s; -o-transition: top .2s } .related-posts>li .bottom-box { padding: 5px; text-align: center; background: #FFF } .related-posts>li .post-title { line-height: 13px; padding: 5px; margin: 0; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis } .related-posts>li .post-title a { color: #6b7386 } .related-posts>li .post-meta>li { display: inline-block; color: #6b7386; margin-right: 30px } .related-posts>li .post-meta>li:last-child { margin-right: 0 } .related-posts>li .post-meta>li a { color: #6b7386 } .post-title { text-align: center } .post-meta { padding: 0 } .date-abb a { font-size: 12px } .context pre { margin: 0 0 15px; border-radius: 2px; padding: 10px 20px; line-height: 20px } .context h1 { font-size: 22px; line-height: 32px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa } .context h2 { /*font-weight: bold;*/ /*font-size: 20px;*/ margin-bottom: 20px; margin-top: 20px; color: #454545; line-height: 1.1; display: inline-block; background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, rgba(49, 155, 208, .7)), color-stop(26%, transparent)); background: -o-linear-gradient(bottom, rgba(49, 155, 208, .7) 26%, transparent 26% 100%); background: linear-gradient(to top, rgba(49, 155, 208, .7) 26%, transparent 26% 100%); font-weight: bold; font-size: 20px; } /*.context h3{font-size: 18px;}*/ /*.context h2::before{content: '#'; margin-right: 10px; color: #fb0202;}*/ .context ul { padding: 0; /*padding-bottom: 20px;*/ list-style-type: none !important; } .context ul li { position: relative; padding-left: 20px; text-align: left; } .context ul li:before { position: absolute; left: -2px; padding-right: 8px; color: #fb0202; content: "●"; line-height: 26px; } /*.context p{margin-bottom: 15px}*/ .article-content>h2:first-child, .article-content>h3:first-child { margin-top: 0 } .context h4 { font-size: 16px; line-height: 26px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa } .context h5 { font-size: 14px; line-height: 24px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa } .context h6 { line-height: 22px; margin: 0 -15px 10px; padding: 0 15px; background: #fafafa } .context img { max-width: 100%; height: auto; border: 1px solid #ededed; margin-bottom: 15px; padding: 2px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition-property: border-color, box-shadow; -webkit-transition-property: border-color, box-shadow; -moz-transition-property: border-color, box-shadow; -o-transition-property: border-color, box-shadow } .context s, .jiaru s { color: #999; font-weight: normal; } .navbar-form .input-group>.search-texts { float: right; width: 100% } .action-share { position: relative; margin: 30px 0; color: #6b7386; text-align: center } .bdsharebuttonbox.bdshare-button-style0-24 a { position: relative; float: none; display: inline-block; margin: 0 2px } .bdsharebuttonbox.bdshare-button-style0-24 span { position: relative; vertical-align: top } .bdsharebuttonbox.bdshare-button-style0-24 .bds_count { margin: 0; color: #6b7386 } .bdsharebuttonbox.bdshare-button-style0-24 a.bds_more { color: #6b7386; font-size: 14px } .action-like.zan { color: #1E9FFF } .u-share-container { text-align: center; font-size: 0 } .u-share-container li { display: inline-block; width: 50px; height: 50px; box-sizing: border-box; border: 2px solid #e8e9e7; border-radius: 50%; margin: 0 10px; opacity: .5; transition: opacity .36s linear; cursor: pointer; position: relative } .u-share-container li:before { content: ''; width: 30px; height: 30px; background: url(../images/share.png) no-repeat; background-size: 30px 150px; display: block; margin: 8px; transition: transform .3s linear } .u-share-container li:hover { opacity: 1 } .u-share-container li:first-child { margin-left: 0 } .u-share-container li:last-child { margin-right: 0 } .u-share-container li.s-weibo { border-color: #ff7171 } .u-share-container li.s-weixin { border-color: #5ac64f } .u-share-container li.s-qzone { border-color: #fbb611 } .u-share-container li.s-note { border-color: #7ba2e8 } .u-share-container li.s-weibo:before { background-position: 0 -60px } .u-share-container li.s-weixin:before { background-position: 0 0 } .u-share-container li.s-qzone:before { background-position: 0 -30px } .u-share-container li.s-note:before { background-position: 0 -90px } .layer-share-weixin { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 19900206; text-align: center } .layer-share-weixin .inner, .layer-share-weixin:after { display: inline-block; vertical-align: middle } .layer-share-weixin:after { content: ''; height: 100% } .layer-share-weixin .inner { width: 260px; padding: 15px; background-color: #fff; overflow: hidden; text-align: left; color: #787977; line-height: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .layer-share-weixin .inner h6 { font-size: 14px; font-weight: 400; position: relative; color: #484947 } .layer-share-weixin .inner h6 .close { font-weight: 700; position: absolute; right: 0; padding: 2px 5px; background-color: #e8e9e7; line-height: 16px; transition: all .3s } .layer-share-weixin .inner h6 .close:hover { background-color: #6bc30d; color: #fff } .layer-share-weixin .inner img { display: block; width: 174px; height: 174px; margin: 15px auto } .grid-weibo-show header { height: 90px; background: url(../images/weibo.jpg) center center no-repeat; background-size: cover; position: relative; overflow: hidden } .widget_ui_blogger .panel { padding: 0 } .fly_weibo { padding: 0 } #weiboShow { background-color: rgba(255, 255, 255, 0.81); min-height: 110px; padding: 0 } .grid-weibo-show { background-color: rgba(255, 255, 255, 0.81) } .grid-weibo-show .contentt { padding: 20px 20px 5px; } .grid-weibo-show .avatar { box-shadow: none; width: 80px; height: 80px; padding: 5px; background-color: rgba(255, 255, 255, .3); border-radius: 100%; margin: -5px auto 0 auto; position: relative; z-index: 2; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); } .grid-weibo-show .avatar img { width: 70px; height: 70px; border-radius: 100% } .grid-weibo-show h4 { line-height: 26px; margin: 10px 0 8px; font-size: 16px; text-align: center; line-height: 1 } .grid-weibo-show h4 span { position: absolute; display: inline-block; margin-left: 8px; background: #13b755; color: #fff; border-radius: 4px; font-size: 12px; padding: 3px 5px; font-weight: normal; margin-top: -2px; } .grid-weibo-show .seta { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .grid-weibo-show .f-tdn { padding: 8px; text-align: center } .grid-weibo-show .u-btn-submit { display: block; margin: 10px auto; width: 70%; border: 1px solid #fb0202; background: #fb0202; color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .grid-weibo-show footer { border-top: 1px solid #e5e5e5; margin-top: 15px; padding-top: 5px; } .grid-weibo-show footer li { display: inline-block; width: 23%; padding: 5px 0; text-align: center; font-size: 14px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box } .grid-weibo-show footer li span, .grid-weibo-show footer li strong { margin: 0 auto } .grid-weibo-show li strong { font-family: Georgia; font-weight: 400; font-size: 15px; margin-top: -2px !important } .widget_ui_blogger { padding-left: 0; padding-right: 0 } .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; text-align: center } .widget_calendar table thead th { background-color: #fbfbfb; text-align: center } .widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th { padding: 5px 3px; border: 1px solid #ededed } .widget_calendar #calendar #today { background: url(../images/calendar.gif) no-repeat center center; color: #454545 } .widget { position: relative; clear: both; overflow: hidden; margin-bottom: 20px; background: #fff; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) } .widget .panel-header h3, .widget .widget-title h3 { position: relative; margin: 0; margin-top: 10px; padding: 10px 15px 10px 25px; color: #333; font-size: 18px; margin-bottom: 6px; } .widget .widget-title2 h3 { position: relative; margin: 0; margin-top: 10px; padding: 10px 0 10px 0; color: #333; font-size: 18px; margin-bottom: 6px; } .widget-title2 .more { position: absolute; right: 0; top: 20px; color: #999; font-size: 14px; } .widget .intro-title h3 { padding: 13px 15px 2px 0; } .xg_list .widget h3 { position: relative; margin: 0; padding: 13px 15px 2px; color: #333; font-size: 16px padding:12px 20px 12px } span.icon { float: left; padding: 12px 8px 0 15px; min-width: 15px; display: none } .widget_ui_tags .items { overflow: hidden; padding: 5px 15px 12px 15px; display: flex; flex-wrap: wrap } .widget_ui_tags .items a { flex-grow: 1; overflow: hidden; margin-right: 7px; height: 28px; font-size: 13px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; background: #f1f1f1; padding: 0 10px; line-height: 28px; margin-bottom: 7px; border-radius: 2px; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .widget_ui_tags .items a:hover { color: #fff; background: #1E9FFF } .widget_ui_tags .items-4 a { width: 33.3333% } .widget_ui_gg .items, .widget_ui_share .items { overflow: hidden; padding: 12px 15px 12px 15px; display: flex; flex-wrap: wrap } .widget_ui_share .items-intro { line-height: 1.75; } .widget_ui_gg .items { padding: 0; position: relative;} .widget_ui_gg .items ~ .items {margin-top: 10px;} .widget_ui_gg .items a, .widget_ui_share .items a { float: left; overflow: hidden; width: 25%; height: 28px; font-size: 14px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px } /*.widget_ui_gg .items .ggbs {right: 13px;bottom: 15px;}*/ .widget_ui_gg { padding: 15px; } .widget_ui_sort ul.row.sort-ul { list-style: none; padding: 0; margin: 10px } .widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li { margin: 0; padding: 0 } .widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a { background-color: #fbfbfb; border: 1px solid #eaeaea; color: #6b7386; float: left; font-size: 14px; height: 37px; line-height: 33px; text-align: center; width: 100% } .widget_archive ul.row.gd-sort { overflow: hidden; padding: 5px 0 5px 25px } .widget_archive ul.row.gd-sort li.gd-sort-li { float: left; overflow: hidden; margin: 0 1% 1% 0; width: 46%; height: 29px; background-color: #f6f6f6; color: #999; line-height: 29px; text-align: center } .sidebar-posts-list { padding: 0 0 15px } .sidebar-posts-list>li { padding: 4px 8px 4px; display: flex; justify-content: space-between; } .sidebar-posts-list>li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .sidebar-posts-list>li .thumbnail-link { display: block; float: left } .sidebar-posts-list>li.thumbnail .right-box { padding-left: 60px } .sidebar-posts-list>li .side-title { font-size: 14px; margin-left: 75px; margin-top: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 9px; font-weight: normal } .link-li>a:hover, .sidebar-posts-list>li .side-title-r>a:hover, .sidebar-posts-list>li .side-title>a:hover, .sidebar-posts-list>li>a:hover { color: #1E9FFF } .sidebar-posts-list li span:before { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; margin-right: 6px; margin-left: 6px; border-radius: 4px; -webkit-border-radius: 3px } .sidebar-posts-list li:nth-of-type(1) span:before { content: '1'; background: #e71555; color: #fff } .sidebar-posts-list li:nth-of-type(2) span:before { content: '2'; background: #16d083; color: #fff } .sidebar-posts-list li:nth-of-type(3) span:before { content: '3'; background: #ff6700; color: #fff } .sidebar-posts-list li:nth-of-type(4) span:before { content: '4'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(5) span:before { content: '5'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(6) span:before { content: '6'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(7) span:before { content: '7'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(8) span:before { content: '8'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(9) span:before { content: '9'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(10) span:before { content: '10'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(11) span:before { content: '11'; background: #857479; color: #fff } .sidebar-posts-list li:nth-of-type(12) span:before { content: '12'; background: #857479; color: #fff } .sidebar-posts-list>li .side-meta { white-space: nowrap; overflow: hidden; margin-left: 75px } .sidebar-posts-list>li .side-meta>li { display: inline; margin-right: 14px; color: #a2a2a2; cursor: pointer; font-size: 12px } .sidebar-posts-list>li .side-meta>li:last-child { margin-right: 0 } .sidebar-posts-list>li .side-meta>li a { color: #a2a2a2 } .thumbnailside { display: block; margin-left: 5px; margin-right: 10px; line-height: 1.42857143; background-color: #fff; border: 1px solid #e5e8ed; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .sidebar-posts-list>li .side-title-r { font-size: 15px; padding: 0 10px } .sidebar-posts-list>li .side-meta-r { white-space: nowrap; overflow: hidden } .sidebar-posts-list>li .side-meta-r>li { display: inline; margin-right: 14px; color: #a2a2a2; cursor: pointer } .sidebar-posts-list>li .side-meta-r>li:last-child { margin-right: 0 } .sidebar-posts-list>li .side-meta-r>li a { color: #a2a2a2 } .sidebar-randlog-list { overflow: hidden; padding: 10px; list-style: none } .sidebar-randlog-list>li { border-bottom: solid 1px #f0f0f0; border-right: 1px solid #f0f0f0; position: relative; width: 50%; float: left; padding: 5px } .sidebar-randlog-list>li a { position: relative; display: block; width: 100%; overflow: hidden; color: #fff } img.thumbs { height: 102px; background-color: #fafafa } span.text { position: absolute; top: 0; width: 100%; height: 100%; font-size: 14px; line-height: 1.5; padding: 10px; z-index: 2; display: none; background: #000; background: rgba(0, 0, 0, .5); filter: alpha(opacity=50) } .loading, .loading1 { display: none } .loading { height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(250, 250, 250, .1) } .loading1 { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001 } .loading .block:nth-child(1) { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite } .loading .block:nth-child(2) { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite } .loading .block:nth-child(3) { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1) } .loading .block:nth-child(4) { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1); transition: all .7s .3s cubic-bezier(.645, .045, .355, 1) } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } } .sidebar-randlog-list>li>a:hover span.text { display: block } .thumbnails { margin: 0; padding: 0; border: 0; background-color: #fafafa } .avatar .author-ident { display: inline-block; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -50px; position: absolute; bottom: 5px; right: 5px } .avatar .author-idents { display: inline-block; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -50px; position: absolute; bottom: 5px; right: 5px } .avatar .author-identw { display: inline-block; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -75px; position: absolute; bottom: 5px; right: 5px } .author-social { text-align: center; padding: 0 } .author-social .author-blog { background-color: #ff7259 } .author-social .author-weibo { background-color: #1E9FFF } .author-social span { display: inline-block; margin: 0 5px; border-radius: 2px } .author-social span a { padding: 5px 12px; font-size: 14px; color: #fff; display: inline-block } .author-social span a i { margin-right: 5px } .author-social span a:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) } .focusmo { overflow: hidden; margin-bottom: 15px; border-radius: 4px } .focusmo ul { list-style: none; margin: 0; padding-left: 50% } .focusmo li.large { width: 100%; float: left; margin-left: -100% } .focusmo li { width: 50%; float: left } .focusmo li.large a { height: 256px; margin-left: 0 } .focusmo img { width: 100%; height: 100% } .focusmo li.large { width: 100%; float: left; margin-left: -100% } .focusmo .large h4 { font-size: 16px; line-height: 34px } .focusmo h4 { position: absolute; bottom: 0; left: 0; right: 0; padding: 4px 10px 0; height: 41px; overflow: hidden; background-color: #656565; background-color: rgba(0, 0, 0, .7); color: #fff; margin: 0; line-height: 17px } .focusmo a { margin-left: 10px; display: block; overflow: hidden; height: 128px; position: relative } .focusmo a:hover h4 { background-color: #fb0202; opacity: .8 } .link-li { color: #6b7386; padding: 3px 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .list-unstyled.souul { margin: 1px } .form-control.search.soutext { background: url(../images/search.png) no-repeat 5px 8px; padding-left: 25px; opacity: .8; color: #6b7386 } .btn.btn-default.soubtn { color: #888 } .widget-zdy { color: #6b7386 } .panel-comments { background: #FFF; margin-bottom: 15px; padding: 1px 20px 5px; position: relative } .panel-comments .panel-header { line-height: 38px; background: #FFF; background: #fafafa; margin: -10px -20px 10px } .panel-comments .panel-header .right { float: right; color: #999; display: inline-block; padding-right: 20px; margin-top: -38px } .widget_recent_comments li { border: 1px solid #FFF; border-bottom-color: #e6e6eb } .widget_recent_comments li>a { padding: 9px; display: block; margin-bottom: -8px } .widget_recent_comments li img.avatar { float: left; width: 36px; height: 36px; margin-top: 1px; box-shadow: 0 1px 3px rgba(34, 25, 25, .6); border: 1px #fff solid; border-radius: 34px } .widget_recent_comments .show-avatars li .right-box { padding-left: 48px } .widget_recent_comments li .comment-text { color: #999; position: relative; display: inline-block; padding: 6px 1px 6px 10px; width: 100%; border: solid #dfdfdf 1px; word-wrap: break-word; background: #fcfcfc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 18px } .widget_recent_comments li .comment-text:before { content: ""; position: absolute; background: url(../images/bg_msg2.gif) -12px -10px no-repeat; width: 7px; height: 11px; position: absolute; top: 12px; left: -7px; display: block } .widget_recent_comments li .comment-text img { width: 18px; height: 18px; margin-top: -3px } .widget_recent_comments li .comment-text small { color: #00a9ee } .widget_recent_comments .show-avatars li .right-box>blockquote { padding: 0; margin: 0; border: 0 } i.comment-reply-link { visibility: hidden; opacity: 0; font-style: inherit; color: #639dcb; transition: all .5s; transition: all .2s ease; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; float: right } li.widget.widget_links ul { margin: 10px } .author a { color: #ff9088; font-size: 12px } .author { color: #fb0202; font-size: 12px } .author a:hover { color: #1E9FFF } .authors a { font-size: 12px } #reply-title { font-size: 14px } #cancel-reply { float: right } #cancel-reply a { color: #ff9088; font-size: 12px } .comments-list-nav span { list-style: none; background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, .2); line-height: 24px; width: 24px; color: #fff; background: #fb0202; text-align: center; display: block; display: inline-block } .page-navi .current, .page-navi .pages, .page-navi a { list-style: none; background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, .2); line-height: 24px; width: 24px; color: #fb0202; text-align: center; text-decoration: none; display: inline-block } .page-navi .current, .page-navi a:hover { background: #fb0202; border-color: #fb0202; color: #FFF } .page-navi>:first-child { margin-left: 0 } .page-navi>:last-child { margin-right: 0 } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #fb0202;border-color: #fb0202;} #cancel-reply a:hover, i.comment-reply-link:hover { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6 } .pagination>li>a, .pagination>li>span {color: #fb0202;} .comments-list #respond { padding: 0 5px } .comments-list>li { position: relative; margin: 0 0 10px 0; padding: 1px 10px 10px 10px; border-bottom: 1px #ddd solid; list-style: none } .comments-list li>.comment-box:after { content: ''; display: block; height: 0; clear: both } .comments-list li>.comment-box .avatar { float: left; margin-top: 2px; display: block; width: 58px; height: 58px; padding: 3px; border: 1px solid #ededed; border-radius: 50px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .comments-list li>.comment-box .avatar:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } .comments-list.show-avatars li>.comment-box>.right-box { padding-left: 68px } .comments-list li .right-box>.comment-meta { display: block; line-height: 20px; margin-top: 5px } .comments-list li .right-box>.comment-meta .author { font-weight: 700; font-size: 14px } .comment .comment-box>.time, .comments-list li .right-box>.time { font-size: 12px; color: #999 } .comments-list li .right-box>.comment-meta .edit-link a, .comments-list li .right-box>.comment-meta .reply a { color: #1E9FFF } .comments-list.show-avatars li>.comment-box>.right-box:hover .comment-reply-link { visibility: visible; opacity: 1 } .comments-list li .right-box>p, .comments-list li .right-box>.des { color: #6b7386; line-height: 20px; margin: 2px 0 } .comments-list li .right-box>.waiting { color: #1E9FFF } .comments-list li>.children { margin-left: 15px; margin-top: 10px } .comments-list li>.children>li { margin-bottom: -10px; border-top: 1px dashed #ddd; padding-top: 5px; padding-left: 5px; list-style: none; padding-bottom: 10px } .comments-list-nav { text-align: center } .sign1 { margin-left: 8px } #respond .comment-reply-title { font-size: 16px; color: #333; margin-bottom: 15px } #respond .comment-reply-title span { display: none } #respond .comment-reply-title:after { content: ''; display: block; height: 0; clear: both } #respond .comment-reply-title>a { text-decoration: underline; padding: 0 2px } #respond .comment-reply-title small { float: right } #respond .comment-reply-title small a { color: #999 } #respond .comment-reply-title small a:hover { color: #888 } #commentform:after { content: ''; display: block; height: 0; clear: both } #commentform .logged-in-as a { text-decoration: underline; padding: 0 2px } #commentform p:hover label { color: #888 } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-qq, #commentform .comment-form-url { padding: 0 0 0 10px; margin: 5px 0 } #commentform .comment-form-comment { clear: both; margin-bottom: 10px } #commentform .form-submit { float: right } #commentform .cai, #commentform .daka, #commentform .zan { margin-left: 5px } #commentform .daka .dakas { top: 2px } #commentform .cai, #commentform .comment-form-smiley, #commentform .daka, #commentform .zan { display: block; float: left; line-height: 26px; font-size: 16px; background: #929292; color: #FFF; width: 26px; border-radius: 100%; -moz-border-radius: 100%; text-align: center; position: relative; margin-top: 5px } #commentform .comment-form-smiley .button { line-height: 26px; color: #FFF } #commentform .comment-form-smiley .smiley-box { position: absolute; left: 0; bottom: 30px; width: 281px; background: #fafafa; border: solid #e6e6eb; border-width: 1px 0 0 1px; overflow: hidden } #commentform .comment-form-smiley .smiley-box>a { display: block; width: 40px; float: left; height: 40px; line-height: 40px; border: solid #e6e6eb; border-width: 0 1px 1px 0 } #commentform .comment-form-smiley .smiley-box>a:hover { background: #f0f0f5 } #commentform .comment-form-smiley .smiley-box:before { content: ''; position: absolute; width: 100%; height: 1px; background: #e6e6eb; bottom: 0; left: 0 } #commentform .comment-form-smiley .smiley-box:after { content: ''; position: absolute; width: 1px; height: 100%; background: #e6e6eb; top: 0; right: 0; clear: both } #commentform p label { display: block; color: #999 } #commentform .flex-box-2 .form-control { width: 49.5%; float: left } #commentform #comment_content { height: 126px; resize: vertical; display: block; width: 100% } #commentform #comment_content:focus { background: #fafafa } .comment-box .right-box blockquote { padding: 1px 5px; margin: 0; font-size: 14px; color: #ff9088; border-left: 3px solid #0C0 } .comments-list.show-avatars li>.comment-box>.right-box>p>img { margin: 2px; margin-top: -3px } .comments-list.show-avatars li>.comment-box>.right-box>p { margin-bottom: 0; overflow: hidden } span.useragent { position: absolute; margin-left: 5px; color: #999; font-size: 12px } span.dot { color: #999 } span.useragent img { vertical-align: -2px; width: 14px; height: 14px } span.ajaximgcode { top: 3px; position: relative; margin-right: 5px; padding: 6px; font-size: 14px; color: #ff9088; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } span.ajaximgcode>.input { font-size: 14px; color: #ff9088; border: 0; width: 21% } span.ajaximgcode>img { margin-top: -3px } .admin { position: relative; top: -2px } .vip1, .vip2, .vip3, .vip4, .vip5, .vip6, .vip7, .vip8 { position: relative; display: inline-block; width: 35px; height: 16px; border: 1px solid #c7c7c7; background: #dfdfdf; vertical-align: middle; text-align: center } .level { position: absolute; top: -4px; left: 6px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); font-style: normal; font-size: 10px } .comment-body-children .level { top: -4px } .vip .pro { width: 1.5%; background: #000 } .vip1 .pro { width: 12.5%; background: #48a8c0 } .vip2 .pro { width: 25%; background: #1b6dff } .vip3 .pro { width: 37.5%; background: #d664c9 } .vip4 .pro { width: 50%; background: #bb915c } .vip5 .pro { width: 62.5%; background: #5cbb6b } .vip6 .pro { width: 75%; background: #5c86bb } .vip7 .pro { width: 87.5%; background: #bb5c5c } .vip8 .pro { width: 100%; background: #493f3f } .vip1 .pro, .vip2 .pro, .vip3 .pro, .vip4 .pro, .vip5 .pro, .vip6 .pro, .vip7 .pro, .vip8 .pro { position: absolute; display: block; height: 14px; background-image: linear-gradient(to top left, transparent, transparent 25%, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, .15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .15) 75%, rgba(255, 255, 255, .15)); background-size: 16px 16px } .vip1:hover .pro, .vip2:hover .pro, .vip3:hover .pro, .vip4:hover .pro, .vip5:hover .pro, .vip6:hover .pro, .vip7:hover .pro, .vip8:hover .pro { animation: progress .6s linear infinite; -webkit-animation: progress .6s linear infinite } .panel-sort { box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 4px; } .container-tw { background-color: #fff; padding: 10px 20px; border: 1px solid #eaeaea } .title-tw { margin: 10px -20px 10px -21px; background: #fafafa; padding-left: 10px; height: 30px; line-height: 30px; border-left: 3px solid #fb0202; color: #333; font-weight: 700; font-size: 18px } .tw-lie { margin-top: -20px; margin-bottom: 15px; padding: 10px 0 1px; border-bottom: 1px dashed #ddd; color: #aaa; font-style: normal; font-size: 13px } .tw, .tw li .atitle { position: relative } .tw li { display: block; padding: 12px 0 } .tw li:hover .atitle:after { background: #1E9FFF } .tw li .atitle { display: inline-block; padding: 0 15px } .tw:before { position: absolute; left: 86px; width: 4px; height: 100%; background: #ededed; content: "" } .tw .time1 { float: left; display: block; margin: 8px 0 0 -15px; width: 82px; height: 40px; text-align: right; font-size: 12px } .tw-content em { position: absolute; top: 12px; left: -8px; border-color: transparent #ededed transparent transparent; border-style: solid; border-width: 8px 8px 8px 0; -webkit-transition-duration: .3s } .tw li:hover .tw-content:after { background: #1E9FFF } .tw li:hover .time1 { border-color: #fb0202; color: #fb0202; -webkit-animation: fgxs infinite 5s linear; animation: fgxs infinite 5s linear } .tw li:hover .tw-content { color: #1E9FFF } .tw-content { position: relative; margin-left: 105px; padding: 20px 20px 20px 30px; background-color: #ededed; color: #333; font-size: 14px } .tw .plus { position: absolute; left: 75px; width: 29px; background: url(../images/timeline.png) 0 -35px; height: 10px; top: 0 } .tw .plus2, .tw li em1 { position: absolute; left: 83px } .tw .plus2 { width: 10px; bottom: 0; background: url(../images/timeline.png) -29px -26px; height: 10px } .tw li em1 { display: block; margin-top: 8px; width: 12px; height: 18px; background: url(../images/timeline.png) -36px 0 } .status-wall-meta { display: none; text-align: right } .status-wall-meta span { padding: 2px 5px; border-radius: 4px; background-color: #fff; color: #777; font-size: 12px } .page-tw { text-align: center } .page-tw a { color: #1E9FFF } .page-tw span { color: #fff } .page-tw a { background-color: #fff; border: 1px solid #ededed; padding: 3px 8px } .page-tw span { background-color: #fb0202; border: 1px solid #ededed; padding: 3px 8px } .page-tw a:focus, .page-tw a:hover { background-color: #fb0202; border: 1px solid #ededed; color: #fff } #album { overflow: hidden } #album .new { display: none } #album .new:hover { box-shadow: none } #album li { float: left; padding: 9px } #album li p.cover { overflow: hidden; padding: 5px; width: 170px; height: 110px; border: 1px solid #FFF; background-color: #fff; background-color: #fff; box-shadow: 0 0 2px #000 } #album li p:hover { box-shadow: 0 0 10px #0c0 } #album li p.cover a { display: block; width: 160px; height: 98px; background-position: 50% 50%; background-repeat: no-repeat } #album li p.title { display: block; margin: 10px auto; padding: 5px; width: 170px; height: auto; border: 1px solid #FFF; border-radius: 4px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; box-shadow: 0 0 2px #000; text-align: center } #album li p.title:hover { box-shadow: 0 0 10px #0c0 } #album li p.title a { color: #333; text-align: center; font-size: 12px } #photolist { position: relative } #photolist .cell { position: absolute; visibility: hidden; width: 190px; border: solid #ddd 1px; background: #fff; box-shadow: 1px 1px 1px #ddd; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -ms-transition: .5s } #photolist .cell:hover { box-shadow: 0 0 10px #0c0 } #photolist .cell a { color: #000 } #photolist img { margin-bottom: -2px; width: 175px; border: 0; border-radius: 4px } #album li p.cover a, #album li p.title a, .context>.box>.pic>a { border: 0 } .context>.box>.pic>a>img { border: 0; padding: 0 } section.context>.fbtn { width: 139px } .couer_tu ul { float: left; background: 0 } .couer_tu ul li { float: left; background-color: #f9f9f9; padding: 5px; margin: 0 0 30px 30px; border: 1px solid #eaeaea; position: relative; overflow: hidden } .couer_tu ul li:nth-child(6n) { margin-right: 0 } .couer_tu li .img { float: left; width: 155px; height: 115px; position: relative; overflow: hidden; margin: 0 } .couer_tu li .img img { min-height: 100%; width: 100%; transition: all .3s ease-in-out 0s } .couer_tu li .img img:hover { transition: all .3s ease-in-out 0s; transform: scale(1.1) } .couer_tu li .img .bg { width: 208px; height: 25px; position: absolute; bottom: 0; left: 0; background: none repeat scroll 0 0 #8aa653; opacity: .7; z-couer: 1 } .couer_tu li .img .views { height: 25px; line-height: 25px; padding: 0 5px; bottom: 0; left: 0; position: absolute; z-couer: 2; color: #fff; font-family: "宋体" } .couer_tu li .views a { color: #fff } .couer_tu li .tit { text-align: center; clear: both; font-size: 14px; line-height: 30px; height: 30px; width: 148px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .photo_tu ul li { float: left; background: none repeat scroll 0 0 #f9f9f9; width: 160px; margin: 0 0 30px 30px; border: 1px solid #eaeaea; position: relative; overflow: hidden } .photo_tu ul li:nth-child(6n) { margin-right: 0 } .photo_tu li .img { width: 158px; height: 115px; position: relative; overflow: hidden; margin: 0 } .photo_tu li .img img { min-height: 100%; width: 175px; height: 115px; transition: all .3s ease-in-out 0s; margin: 0 } .photo_tu li .img img:hover { transition: all .3s ease-in-out 0s; transform: scale(1.1) } .photo_tu li .img .bg { width: 208px; height: 25px; position: absolute; bottom: 0; left: 0; background: none repeat scroll 0 0 #8aa653; opacity: .7; z-photo: 1 } .photo_tu li .img .views { height: 25px; line-height: 25px; padding: 0 5px; bottom: 0; left: 0; position: absolute; z-photo: 2; color: #fff; font-family: "宋体" } .photo_tu li .views a { color: #fff } .photo_tu li .tit { background-color: #f9f9f9; text-align: center; clear: both; font-size: 14px; width: 158px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .photo_tu ul { float: left; background: 0 } .page a, .page span { display: inline !important } .pagenav .current, .pagenav .page-numbers, .pagenav a, .pagenav em, .pagenav span { font-size: 14px; padding: 3px 14px 3px 13px !important } .single { overflow: hidden !important } .logtop h3 { font-weight: 700; margin: 10px 0; background-color: #f6f6f6; border-left: 5px solid #1E9FFF } .logtop h4 { font-weight: 700; margin: 10px 0; padding: 5px 15px; background-color: #f6f6f6; border-left: 5px solid #9461e6; width: 100px } .logtop h4.dz { border-left: 5px solid #5ddb4f } .mv4 h4 { font-weight: 700; margin: 10px 0; padding: 10px; background-color: #f6f6f6; border-left: 10px solid #61b3e6 } .logtop a { text-decoration: none } .logtop p { font-size: 14px !important; line-height: 1em !important; color: rgba(0, 0, 0, .8); margin-bottom: 18px !important; letter-spacing: 1px } .logtop { position: relative } .logtop dt { float: left } .logtop dt img { width: 180px; height: 240px; margin-right: 20px } .logtop dd { display: inline-block; height: 255px; min-width: 200px } .logtop dd p { font-size: 14px !important; color: rgba(0, 0, 0, .4) !important; line-height: 1.5em !important } .logtop dl p { font-size: 14px !important; color: rgba(0, 0, 0, .4) !important; line-height: 1.4em !important } .logtop dd p a:hover, .logtop dl p a:hover { text-decoration: none } .logtop dd p .fcolor { border-bottom: 0; color: #fff; padding: 1px 5px 2px 1px; margin-right: 3px } .logtop dd p .fcolor:nth-child(6n+1) { background-color: #e88b88 } .logtop dd p .fcolor:nth-child(6n+2) { background-color: #71de71 } .logtop dd p .fcolor:nth-child(6n+3) { background-color: #71d2ef } .logtop dd p .fcolor:nth-child(6n+4) { background-color: #f3c585 } .logtop dd p .fcolor:nth-child(6n+5) { background-color: #9bcbf5 } .logtop dl p .spbut { border: 1px solid #fb0202; line-height: 28px; color: #fb0202; width: 90px; height: 35px; line-height: 35px; box-shadow: none; background: #fff; display: inline-block; text-align: center; margin: 2px auto; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .logtop dl p .spbut:hover { border: 1px solid #fb0202; color: #fff; background-color: #1E9FFF } .context .fanhui a { border: 1px solid #242424; line-height: 28px; color: #242424; width: 60px; height: 30px; line-height: 30px; box-shadow: none; background: #fff; display: inline-block; text-align: center; margin: 2px auto; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .context .fanhui a:hover { border: 1px solid #242424; color: #fff; background-color: #242424 } .blogroll { clear: both; overflow: hidden } .linkli { margin-top: 5px } .linkli a { display: block; overflow: hidden; text-align: center; height: 38px; border: 1px solid #eaeaea !important; line-height: 38px } .linkli img { margin-top: 5px; width: 20px; height: 20px; border: 0 } .linkli a:hover { border-color: #45b6f7; color: #45b6f7 } .archives ul { margin-left: 30px; overflow: hidden } .archives-title { border-bottom: 1px #ededed solid; position: relative; padding-bottom: 4px; margin-bottom: 10px } .archives li a { color: #606060; padding: 8px 0; border-bottom: 0; display: block } .archives li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .archives li.goodwork a { color: #ec4048 } .archives li a:hover .atitle:after { background: #54e25f } .archives li a span { display: inline-block; width: 90px; text-indent: 20px } .archives li a .atitle { display: inline-block; padding: 0 28px; position: relative; white-space: nowrap; width: calc(100% - 180px) } .archives li a .atitle:after { position: absolute; left: 4px; background: #ccc; height: 8px; width: 8px; border-radius: 6px; top: 8px; content: "" } .archives li a .atitle:before { position: absolute; left: 2px; background: #fff; height: 12px; width: 12px; border-radius: 6px; top: 6px; content: ""; box-shadow: inset 0 0 2px #3fd435 } .archives { position: relative; padding: 10px 0 } .archives:before { height: 100%; width: 4px; background: #ededed; position: absolute; left: 126px; content: ""; top: 0 } .archives h4 { position: relative; margin: 10px 0; cursor: pointer; font-size: 18px; width: 200px; border: 0; background: transparent; color: #333 } .archives h4:hover:after { background: #54e25f } .archives h4:before { position: absolute; left: 119px; background: #fff; height: 18px; width: 18px; border-radius: 9px; top: 3px; content: ""; box-shadow: inset 0 0 4px #3fd435 } .archives h4:after { position: absolute; left: 122px; background: #ccc; height: 12px; width: 12px; border-radius: 6px; top: 6px; content: "" } .toggler { margin-left: 20px; font-size: 14px; color: #ec4048 } .avatar .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, .4); overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; opacity: 0; box-shadow: 0 0 5px 1px #ddd } .avatar:hover .overlay { opacity: 1 } .avatar .overlay a.expand { position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; text-align: center; color: rgba(255, 255, 255, .9); line-height: 60px; font-size: 19px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s } .avatar:hover .overlay a.expand { width: 60px; height: 60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px } img.thumb:hover { transition: All .7s ease; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3) } img.thumb { -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear } .excerpt-list { margin-left: 0; margin-right: 0; background: #fff; margin-bottom: 15px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) } .col-list { overflow: hidden; height: 100px; padding-left: 0; padding-right: 0 } .indexebox { text-align: center; padding: 10px; border-right: 1px dashed #ededed; transition: .2s; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .indexebox:active .btn-sm, .indexebox:hover .btn-sm { margin-top: -5px } .indexebox:active, .indexebox:hover { -webkit-transform: translateY(-33px); -ms-transform: translateY(-33px); -o-transform: translateY(-33px); transform: translateY(-33px) } .indexebox-6 { border-right: 0 } .indexebox h4 { font-size: 14px; color: #444; margin: 11px 0 } .indexebox p { height: 18px; line-height: 18px; overflow: hidden; color: #bbb; font-size: 12px } .indexebox a.btn-sm { margin-top: 5px; color: #fff; border-radius: 2px } .post-copyright { position: relative; font-size: 14px; color: #6b7386; background: #fff; padding: 10px 20px; word-wrap: break-word; border-style: solid; line-height: 28px } .post-copyright p { margin: 0 } .post-copyright p a { color: #1E9FFF } .sidetags a:nth-child(6n+1) { color: #e14938 } .sidetags a:nth-child(6n+2) { color: #213ec0 } .sidetags a:nth-child(6n+3) { color: #00a753 } .sidetags a:nth-child(6n+4) { color: #ff8c00 } .sidetags a:nth-child(6n+5) { color: #836fff } .post-copyright>.sidetags>a { border-bottom: 0 } .sidetags a { position: relative; margin-right: 6px } .qrcode { position: absolute; right: 10px; top: 12px } .qrcodeimg { width: 70px } .simg { display: block; position: relative; margin: 0 auto } .simg:before { content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -200px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg) } .simg:hover:before { left: 150%; transition: left 1s ease 0s } ul.readers-list { overflow: hidden; margin: 0 auto; padding: 0 } ul.readers-list li { display: inline-block; width: 20% } ul.readers-list a, ul.readers-list a:hover strong { background-color: #f2f2f2; background-image: -webkit-linear-gradient(#fdfdfd, #f2f2f2); background-image: -moz-linear-gradient(#fdfdfd, #f2f2f2); background-image: linear-gradient(#fdfdfd, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f2f2f2', GradientType='0') } ul.readers-list a { position: relative; display: block; overflow: hidden; margin: 0 4px; padding: 4px 4px 4px 44px; height: 40px; border: 1px solid #e5e8ed; color: #999; line-height: 32px } ul.readers-list em, ul.readers-list img, ul.readers-list strong { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -ms-transition: all .2s ease-out } ul.readers-list img { float: left; margin: 0 8px 0 -38px; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(34, 25, 25, .5) } ul.readers-list img:hover { border-color: #fb0202; -webkit-animation: myhk infinite 5s linear; animation: myhk infinite 5s linear } ul.readers-list em { position: absolute; overflow: hidden; margin-right: 10px; width: 50%; height: 36px; color: #333; text-overflow: ellipsis; white-space: nowrap; font-style: normal } ul.readers-list strong { position: absolute; right: 8px; width: 20%; color: #999; text-align: right } ul.readers-list a:hover { border-color: #ddd; background-color: #fff; background-image: none; text-decoration: none } ul.readers-list a:hover img { margin-left: -1px } ul.readers-list a:hover em { color: #1E9FFF } ul.readers-list a:hover strong { top: 0; right: 80%; height: 44px; border-right: 1px solid #eaeaea; color: #fb0202; text-align: center; line-height: 44px } .shot, .snew, .stop { font-style: inherit; font-size: 14px; font-weight: bolder; color: rgba(255, 82, 82, .91) } .container.footer_ { margin-bottom: 10px } .links_ { margin-top: 10px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .links_bt { line-height: 50px; height: 50px; background-color: #fff } .links_bt_l { float: left } .links_bt_l a { position: relative; display: inline-block; height: 18px; padding-left: 25px; color: #3e4142; font-size: 16px } .links_bt_r { float: right; margin-right: 20px } .links_bt_r a { height: 18px; color: #999; font-size: 14px } .links_bt_r a:hover { color: #1E9FFF } .links_lb { position: relative; clear: both; float: left; background-color: #fff; width: 100%; padding: 10px 0 0 } .links_lb ul li { line-height: 30px; float: left; padding-right: 10px; padding-left: 10px } .links_lb ul li img { position: relative; top: -1px; margin-right: 5px; border-radius: 50%; overflow: hidden; width: 16px; display: none;} .links_lb ul li a:hover { color: #1E9FFF } .tags_lb ul { display: flex; flex-wrap: wrap; padding: 0 7px; } .tags_lb ul li { line-height: 26px; /* float: left; */ padding-right: 6px; padding-left: 6px; border: 1px solid #ededed; margin: 3px 3px; } .rollbar { position: fixed; right: 2px; bottom: 120px; z-index: 999; display: none } .rollbar ul { margin: 0; padding: 0; list-style: none; width: 50px } .rollbar li { position: relative; margin-top: 10px; text-align: center; opacity: .4; filter: alpha(opacity=40) } .rollbar a { position: relative; z-index: 2; display: block; height: 50px; border-radius: 50%; background-color: rgba(102, 102, 102, 0.81); color: #fff } .rollbar a:hover { color: #fff } .rollbar .fa { line-height: 50px; font-size: 30px } .rollbar .fa-comments { font-size: 24px } .rollbar li:hover, .rollbar li:hover h6 { opacity: .9; filter: alpha(opacity=90) } .rollbar li:hover h6 { right: 100% } .rollbar h6 { position: absolute; z-index: 1; top: 50%; right: -15%; margin: -13px 10px 0 0; line-height: 26px; background-color: #6b7386; color: #fff; width: 53px; text-align: center; opacity: 0; filter: alpha(opacity=0) } .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 #6b7386; border-top: 4px solid transparent; border-bottom: 4px solid transparent } .footer { margin-top: 20px; background: #222831; padding-top: 30px; position: relative; font-size: 12px; color: #9ca0ad } .footer .footer-tag-list { margin-bottom: 10px } .footer .footer-tag-list ul { padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid rgba(238, 238, 238, .2) } .footer .footer-tag-list ul li~li { margin-top: 15px } .foot-links a { position: relative; top: -2px; font-size: 0 !important; vertical-align: middle } .footer .footer-tag-list a { font-size: 12px; margin-left: 7px; color: #9ca0ad } #cnzz_stat_icon_1278752612 a~a { margin-left: 0 } .footer .footer-tag-list ul li i { margin-left: 7px; margin-right: 5px; font-style: normal } .footer .footer-tag-list .nam a { margin-right: 0; margin-left: 0 } .copyright {line-height: 30px;} .footer .copy-right a { color: rgba(255, 255, 255, .9); height: 40px } .footer a:hover { color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1) } .footer .copy-right span { display: block } .copyright a { margin-left: 0 !important; } .nav-single { margin-bottom: 15px; border-radius: 4px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) } .nav-single a { display: block } .meta-nav { background: #fff; float: left; width: 50%; text-align: center; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden } .nav-single .meta-nav:first-child { border-right: 1px solid #eaeaea } .meta-nav a { display: block; padding: 10px 20px; text-align: center; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .meta-nav a:hover { color: #fff; background: #1E9FFF } .clear { clear: both; display: block } .comment_admin { display: inline-block; padding: 0 5px 0 5px; background-image: url(../images/ux.png); background-repeat: no-repeat; line-height: 20px; background-position: 0 -20px } .comment_visitor { display: inline-block; padding: 0 5px 0 21px; background-image: url(../images/ux.png); background-repeat: no-repeat; line-height: 20px; background-position: 0 -40px } .xiongzhanghao { background-color: #fff; position: relative; z-index: 0; overflow: hidden; -webkit-tap-highlight-color: transparent; text-align: center } .xiongzhanghao_touxiang img { width: 67px; height: 67px; border: 1px solid transparent; border-radius: 50%; margin-top: 26px } .xiongzhanghao_biaoti { fon-size: 18px; color: #333; margin-top: 10px; line-height: 18px; font-weight: 600 } .xiongzhanghao_miaoshu { width: 90%; margin: auto; margin-top: 10px; font-size: 13px; color: #6b7386; line-height: 17px; font-weight: 300 } .xiongzhanghao_ck { margin: 13px 0 25px } .xiongzhanghao_chakan { width: 120px; padding: 8px 0; font-size: 13px; line-height: 13px; vertical-align: middle; display: inline-block; color: #fff; background: #fb0202; border-radius: 4px; -webkit-tap-highlight-color: transparent } .yuanchuang { color: #fb0202; border: 1px solid #fb0202; padding: 0 3px; display: inline-block; float: left; margin: 4px 5px 0 0; height: 20px; line-height: 18px; display: none } .beian { display: inline-block !important } .beian img { display: inline-block !important } .beian span { display: inline-block !important } .wenda_right { text-align: right } .wenda_right a { border: 0 !important } .wenda_toux { margin-left: 90% !important; float: right } .wenda_wz { width: 100px; margin-left: 65px; display: inline-block; font-style: normal; font-size: 13px; font-weight: 700 } .wenda_wz0 { width: 150px; margin-left: 65px; display: inline-block; font-style: normal; font-size: 12px } .wenda_wz1 { width: 70px; display: inline-block; font-style: normal; font-size: 13px; background: #3897f0; border-radius: 100px; color: #fff; text-align: center; height: 24px; line-height: 24px } .wenda_wz2 { width: 70px; display: inline-block; font-style: normal; font-size: 13px; background: #ffab2e; border-radius: 100px; color: #fff; text-align: center; height: 24px; line-height: 24px } .wenda_tx0 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/thum-96671534220775.jpg); background-size: 100%; margin-left: 5px } .wenda_tx1 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/1.jpg); background-size: 100%; margin-left: 5px } .wenda_tx2 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/2.jpg); background-size: 100%; margin-left: 5px } .wenda_tx3 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/3.jpg); background-size: 100%; margin-left: 5px } .wenda_tx4 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/4.jpg); background-size: 100%; margin-left: 5px } .wenda_tx5 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/5.jpg); background-size: 100%; margin-left: 5px } .wenda_tx6 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/6.jpg); background-size: 100%; margin-left: 5px } .wenda_tx7 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/7.jpg); background-size: 100%; margin-left: 5px } .wenda_tx8 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/8.jpg); background-size: 100%; margin-left: 5px } .wenda_tx9 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/9.jpg); background-size: 100%; margin-left: 5px } .wenda_tx10 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/10.jpg); background-size: 100%; margin-left: 5px } .wenda_tx11 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/11.jpg); background-size: 100%; margin-left: 5px } .wenda_tx12 { width: 60px; height: 60px; border-radius: 50%; background: url(../images/12.jpg); background-size: 100%; margin-left: 5px } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } .Rotation { -webkit-transform: rotate(360deg); animation: rotation 8s linear infinite; -moz-animation: rotation 8s linear infinite; -webkit-animation: rotation 8s linear infinite; -o-animation: rotation 8s linear infinite } .kefu { width: 102px; height: 181px; background: url(../images/robot.gif); position: fixed; bottom: 40%; left: 10px } @media screen and (max-width:768px) { .container.footer_ { display: none } } .t-one { background-color: #fff; padding: 15px 15px 10px; position: relative; margin-bottom: 15px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) } .t-one .sj, .t-one .rm { display: inline-block; vertical-align: top; width: calc(50% - 4px) } .t-one .sj { padding-right: 10px } .t-one .rm { padding-left: 10px } .t-one h3 { padding: 0 0 15px 10px; font-size: 16px; margin-top: 0; margin-bottom: 0; position: relative; color: #333 } .t-one h3:after, .widget .panel-header h3:after, .widget .widget-title h3:after, .links_bt_l a:after { content: " "; position: absolute; height: 16px; width: 3px; background: #fb0202; left: 0; border-radius: 9px; top: 1px } .widget .panel-header h3:after, .widget .widget-title h3:after, .links_bt_l a:after { top: 50%; left: 15px; height: 16px; margin-top: -9px; } .links_bt_l a:after { top: 16px; } .widget .intro-title h3:after { display: none; } .t-one ul .dj-li, .t-one .dj-item .dj_li { display: block; padding: 6.5px 0; height: auto; } .dj-scroll>.swiper-scrollbar { width: 2px !important; } .dj-scroll .swiper-container { flex-wrap: wrap; } .hot-swp { right: 0; left: auto; width: 50px; bottom: 12px; color: #999; font-size: 12px; } .t-one ul .dj-li:hover, .t-one .dj-item .dj_li:hover { color: #1E9FFF } .t-one ul .dj-li strong, .t-one .dj-item .dj_li strong { float: right; font-weight: normal; line-height: 22px; padding-left: 15px } .t-one .dj-item .dj_li strong img { margin: -6px 3px 0 0 } .t-one ul .dj-li a, .t-one .dj-item .dj_li a { display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 22px; color: #454545 } .t-one ul .dj-li a:hover, .t-one .dj-item .dj_li a:hover { color: #1E9FFF } .t-one ul .dj-li a span, .t-one .dj-item .dj_li a span { width: 22px; height: 22px; background-color: #f2f2f2; display: inline-block; text-align: center; margin-right: 4px; border-radius: 50%; line-height: 22px; color: #6b7386 } /*.t-one ul .dj-li:nth-child(3) a span:before, .t-one .dj-item .dj_li:nth-child(3) a span:before{content: "3"; background-color: #00a9e3; color: #fff} .t-one ul .dj-li:nth-child(4) a span:before, .t-one .dj-item .dj_li:nth-child(4) a span:before{content: "4"} .t-one ul .dj-li:nth-child(5) a span:before, .t-one .dj-item .dj_li:nth-child(5) a span:before{content: "5"} .t-one ul .dj-li:nth-child(6) a span:before, .t-one .dj-item .dj_li:nth-child(6) a span:before{content: "6"} .t-one .dj-item .dj_li:nth-child(7) a span:before{content: "7"} .t-one .dj-item .dj_li:nth-child(8) a span:before{content: "8"} .t-one .dj-item .dj_li:nth-child(9) a span:before{content: "9"} .t-one .dj-item .dj_li:nth-child(10) a span:before{content: "10"} .t-one .dj-item .dj_li:nth-child(11) a span:before{content: "11"} .t-one .dj-item .dj_li:nth-child(12) a span:before{content: "12"} .t-one .dj-item .dj_li:nth-child(13) a span:before{content: "13"} .t-one .dj-item .dj_li:nth-child(14) a span:before{content: "14"} .t-one .dj-item .dj_li:nth-child(15) a span:before{content: "15"} .t-one .dj-item .dj_li:nth-child(16) a span:before{content: "16"} .t-one .dj-item .dj_li:nth-child(17) a span:before{content: "17"} .t-one .dj-item .dj_li:nth-child(18) a span:before{content: "18"} .t-one .dj-item .dj_li:nth-child(19) a span:before{content: "19"} .t-one .dj-item .dj_li:nth-child(20) a span:before{content: "20"} .t-one .sj ul .dj_li:nth-child(1) a span:before{content: "推"; background-color: #ff5a3c; color: #fff} .t-one .sj ul .dj_li:nth-child(2) a span:before{content: "荐"; background-color: #13b755; color: #fff} .t-one .dj_li:nth-child(1) span.rmbr:before{content: "最"; background-color: #ff5a3c; color: #fff} .t-one .dj_li:nth-child(2) span.rmbr:before{content: "新"; background-color: #13b755; color: #fff}*/ .t-one .dj-item .dj_li.gg_li a span { background-color: #13b755; color: #fff; font-weight: normal; font-size: 10px; } .t-one .dj-item .dj_li.gg_li a { color: #f00; font-weight: bold; } .t-one .dj-item .dj_li.gg_li:nth-child(2) a { color: #5c3ef3 } .myad { display: block; color: #c2c2c2; text-indent: 0; text-align: center !important; vertical-align: middle; border: 1px solid #dcdcdc; width: 40px !important; line-height: 21px !important; height: 22px !important; border-radius: 4px; font-size: 12px !important; padding-left: 0 !important; } .dj-scroll { height: 410px; overflow: hidden; padding-right: 10px; } @media screen and (max-width:768px) { .t-one { border: 1px solid #e5e8ed } .t-one .sj, .t-one .rm { width: 100% } .t-one .sj { padding-right: 0; margin-bottom: 20px } .t-one .rm { padding-left: 0 } } .excerpt .item { position: relative } .excerpt .item~.item { margin-top: 5px } .excerpt .item img { padding: 0; border: 0 } .ggbs { position: absolute; right: -2px; bottom: -2px;/* background: rgba(127, 127, 127, .4);*/ padding: 1px 5px 1px 10px;border-top-left-radius: 16px; line-height: 20px !important; color: #6b7386; font-size: 12px !important; border-top-left-radius: 16px; width: auto !important;/* color: rgba(255, 255, 255, .2);*/ height: auto !important; transform: scale(0.9); opacity: .5;} .side-message { overflow: hidden; padding: 15px; color: #888; line-height: 26px } .side-message .media~.media { margin-top: 10px } .side-message .media .cont { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .comment-name { color: #1E9FFF } .comment-time { font-size: 12px; color: #999 } .side-message .media { -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .side-message .media:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px) } .cate-tit { padding: 15px } .cate-tit h1 { margin: 0; line-height: 1; font-size: 20px; margin-bottom: 0; color: #333 } .cate-tit .des { margin-top: 15px; color: #777; font-size: 14px } .gg6 { margin-bottom: 20px; border: 0; padding: 0; margin-top: 0; padding: 0 20px; box-shadow: none !important; } .gg6:hover { box-shadow: none; } .navbar-search { position: absolute; top: 100%; left: 0; right: 0; max-width: 100%; width: 100%; opacity: 1; z-index: 101; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform-origin: 0 0; transition: all .4s ease-in-out 0s; background-color: rgba(34, 40, 49, 0.7) } .navbar-search .searchform { width: 100%; padding: 24px 100px; display: block; border-radius: 3px } .navbar-search .searchform input { background-color: transparent; color: #fff; border: 0; border-radius: 0; padding: 0 } .navbar-search .searchform input::-webkit-input-placeholder { color: #f2f2f5; opacity: 1 } .navbar-search .searchform input::-moz-placeholder { color: #f2f2f5; opacity: 1 } .navbar-search .searchform input:-ms-input-placeholder { color: #f2f2f5; opacity: 1 } .navbar-search .searchform input::-ms-input-placeholder { color: #f2f2f5; opacity: 1 } .navbar-search .searchform input::placeholder { color: #f2f2f5; opacity: 1 } .navbar-search .searchform input:focus { background-color: transparent; border-color: transparent; color: #fff; box-shadow: none; -webkit-box-shadow: none; outline: 0 } .navbar-search .searchform .input-group-append>.btn { background-color: transparent; color: #fff; padding: 0; border: 0; box-shadow: none; outline: 0; cursor: pointer } .navbar-search .searchform .input-group>.form-control:focus+.input-group-append .btn { border-color: transparent; color: #24bcb5 } .navbar-search .input-group { width: 100% } .navbar-search .input-group-append { position: absolute; right: 0; margin-top: 4px; z-index: 11 } .navbar-search .input-group:focus { color: #fff } .panel { margin-bottom: 10px } .flex-box-2 { display: flex; flex-wrap: wrap; justify-content: space-between } .required { margin: 0 2px; color: red } #email-notes { color: #999 } .form-submit .btn { color: #fff; background-color: #fb0202; border-color: #fb0202; margin-top: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 2px } .form-submit .btn:focus { color: #fff; background-color: #fb0202; border-color: #1E9FFF } .form-submit .btn:hover { opacity: .9 } #scroll { width: 40px; float: right; position: fixed; right: 20px; bottom: 6%; z-index: 9999; /*display: none;*/ } #scroll li a { background: #fff; box-shadow: 0 1px 3px rgba(26, 26, 26, .1); color: #6b7386; width: 36px; font-size: 20px; height: 36px; line-height: 34px; text-align: center; vertical-align: middle; margin-top: 5px; display: block; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } #scroll li .scroll-c i, #scroll li .qr i, #scroll li .scroll-c { font-size: 16px } #scroll li a:hover { background: #fb0202; color: #fff } .qr-img { position: fixed; background: #fff; bottom: 50px; right: 50px; max-width: 300px; padding: 10px 10px 2px 10px; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.95); z-index: 9999; display: none } #output img { position: absolute; top: 72px; right: 72px; width: 25px; height: 25px } .qr .fa-qrcode { font-size: 20px !important; line-height: 32px !important } #output td { border: 0 } #output td { padding: 0 } .content-box { padding: 15px } .theme-list { margin-left: -10px; margin-right: -10px; padding-bottom: 5px; display: flex; flex-wrap: wrap; } .video-list { margin-left: -15px; margin-right: -15px } .theme-list .col-md-3 { padding: 0 10px } .product-list .col-md-3 { width: 20% } .theme-list-index { margin-bottom: -15px; } .theme-list-index>div { margin-bottom: 15px; } .theme-list .latest-template-wrap { margin-bottom: 20px; position: relative; overflow: hidden; background: #fff; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); -webkit-box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); transition: .4s; -webkit-transition: .4s; text-align: center; border-radius: 4px; } .theme-list .latest-template-wrap .tip { position: absolute; left: 0; top: 0; width: 40px; z-index: 99; } .theme-list .latest-template-wrap .tip img { max-width: 100%; } .theme-list .latest-template-wrap:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) } .theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover { opacity: 1 } .theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover a { transform: scale3d(1, 1, 1) } .theme-list .latest-template-wrap .demo-overlay { position: relative; padding: 10px; overflow: hidden; height: 260px; line-height: 240px; font-size: 0 } .theme-list .latest-template-wrap .demo-overlay img { display: inline-block; width: 100%; height: 100%; max-height: 100%; object-fit: cover; border: 1px solid #f3f3f3; } .theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; text-align: center; background: rgba(0, 0, 0, .7); opacity: 0; transition: opacity .4s } .theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div { display: table; height: 100%; width: 100% } .theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div { display: table-cell; vertical-align: middle } .theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div a { display: inline-block; line-height: 1; padding: 15px 20px; font-size: 14px; margin: 5px; transform: scale3d(0, 0, 0); transition: all .4s; border-radius: 25px } .theme-list .latest-template-wrap .latest-template-intro { padding: 0 10px } .theme-list .latest-template-wrap .latest-template-intro .template-intro-title { border-bottom: 1px solid #ededed; text-align: center } .theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 { margin-top: 0; margin-bottom: 5px } .theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a { font-size: 14px; color: #333; display: inline-block; display: inline-block; line-height: 1.5; vertical-align: top; overflow: hidden; text-align: left; height: 44px; width: 100% } .theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a.two { /*white-space: normal; padding-bottom: 8px;*/ } .theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a:hover { color: #1E9FFF } .theme-list .latest-template-wrap .latest-template-intro .template-intro-title p { font-size: 14px; color: #999; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px } .theme-list .latest-template-wrap .latest-template-intro .download-count { padding: 6px 0; font-size: 12px } .video-list .latest-template-wrap .demo-overlay { padding: 0; height: auto; line-height: 1 } .video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 { margin-top: 15px } .video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a { font-size: 16px } .pull-left { float: left !important; color: red; color: #999 } .pull-right { float: right !important; color: #999 } .sales-price { color: #ef353d } .sidebar-search { padding: 5px 15px 13px; color: #6b7386; border-radius: 4px; overflow: hidden; } .sidebar-search a { color: #999; margin-right: 3px } .sidebar-search a:hover { color: #1E9FFF } .hot-search { margin-top: 8px } .sidebar-search .form-inline~.form-inline { margin-top: 8px; } .sidebar-search .input-group { width: 80%; float: left; box-sizing: border-box; } .sidebar-search .input-group .form-control { height: 32px; box-sizing: border-box; } .sidebar-search .input-sub { width: 20%; line-height: 32px; height: 32px; background: #fb0202; border: 0; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .sidebar-search .input-sub:hover { opacity: .9 } @media(max-width:768px) { .footer .footer-tag-list ul li~li { margin-top: 10px } .footer .footer-tag-list ul { line-height: 1.75 } } .t-one, .excerpt-minic, .excerpt-list, .content-list, .excerpt, .panel, .footer_, .widget { border: 0; overflow: hidden; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 4px } #scroll li a { box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22) } .posts-gallery-img img, .thumbnailside, .nav-single, .sidebar-randlog-list>li a { overflow: hidden } .sidebar-randlog-list>li a { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset } .sidebar-search .input-group .form-control { width: 100% } .context img { padding: 0 } .dropdown-menu { box-shadow: 0 6px 12px rgba(0, 0, 0, .1) } .dropdown-menu>li>a { color: #6b7386; padding: 5px 0px } @media(max-width:800px) { .index_cms { display: none } } .gg1 { background-color: #FF5722; text-align: center; padding: 5px 0; margin-top: 20px; font-size: 14px;color: #fff; } .gg1 a { color: #fff;text-decoration: underline; } .jiaru { color: #6b7386 } .last-footer-a button { border-radius: 2px; line-height: 28px; background: #1E9FFF !important; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .last-footer-a button:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) } .pb-nav-right { display: flex; /*font-size: 15px;*/ color: #6b7386; align-items: center;} .pb-nav-right .pb-search { font-size: 18px; cursor: pointer; margin-top: 4px; color: #fb0202; } .pb-nav-right .btn-group { margin-left: 30px; } /*.btn { border-radius: 2px }*/ .page-banner h1 { text-align: center; font-size: 30px; margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 20px } .login-tip { padding: 20px; background: #f5f5f5 repeating-linear-gradient(-45deg, #fff, #fff 1.125rem, transparent 1.125rem, transparent 2.25rem); font-size: 15px; color: #6b7386 } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1; width: auto } .mr-3, .mx-3 { margin-right: 10px !important } .mt-0, .my-0 { margin-top: 0 !important } .media-body h6 strong { line-height: 1.2 } .font-weight-normal { font-weight: 400 !important } .text-secondary { /*color: #6c757d !important*/ } .media-body p .replybtn { cursor: pointer } .my-4 .pagination { width: 100%; display: flex; align-items: center; justify-content: center } .page-num, .page-link {position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #17a2b8;background-color: #fff;/* border: 1px solid #dee2e6; */} .btn-secondary { background: #6b7386; color: #fff } .article-content .msg { border: 1px solid #ff5722; border-radius: 2px; color: #666; padding: .7em; line-height: 1.3em; margin-bottom: 20px; font-size: 14px; /*box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); */ /*display: flex; flex-wrap: wrap; justify-content: space-between;*/ } .kefu-baidu { width: 102px; height: 181px; background: url(../images/robot.gif) no-repeat; position: fixed; right: 3%; top: calc((100vh - 181px)/2); transition: all .3s; /*display: none;*/ } @media(max-width:768px) { .kefu-baidu { display: none } } .widget_btnbox { padding: 20px 15px 15px; } .widget_btnbox .btn { display: block; width: 100%; height: 48px; line-height: 48px; font-size: 18px; border: 1px solid #ddd; color: #606060; text-align: center; padding: 0; margin-bottom: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .widget_btnbox .btn:hover { opacity: .9; } .widget_btnbox .btn:first-child { background: #fb0202; color: #fff; border-color: #fb0202; } .widget_btnbox p { margin: 0; font-size: 12px; color: #999; line-height: 1.75; margin-top: 15px; } .widget_btnbox .btn .fa-television { color: #fb0202; } /*滑动置顶*/ .widget.sticky, .widget-wrap.sticky { position: sticky; top: 90px;} /*滚动公告*/ #gogo { display: inline-block; vertical-align: top; height: 40px; overflow: hidden; margin: 0; padding: 0; margin-top: 2px; } #gogo li { height: 36px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #gogo li:first-child { margin-top: 0; transition: margin-top .8s; } .fr { float: right; } .ml-1, .mx-1 { margin-left: 4px !important; } .mr-2, .mx-2 { margin-right: 8px !important; } .d-lg-block .badge { margin-top: -2px; color: #536de6; background-color: rgba(83, 109, 230, .18);/*border-radius: 4px;*/ } /*首页调整2020-10-21*/ .theme-list-index .latest-template-wrap { margin-bottom: 0; } .theme-list-index .latest-template-wrap .demo-overlay { height: 170px; line-height: 1; } .theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 { margin-top: 0; margin-bottom: 0; } .theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 a { font-size: 14px; } /*模板*/ .two-box:nth-child(even) { float: right; } .two-box-tit { border-radius: 2px 2px 0 0; border-bottom: 1px solid rgba(221, 221, 221, .8); height: 45px; line-height: 45px; padding-left: 15px; font-weight: 400; font-size: 16px; overflow: hidden; } .two-box-tit h3:after { position: absolute; width: 60px; height: 3px; content: ""; background: #3690cf; left: 0; bottom: -1px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; } .two-box-tit h3 { font-weight: inherit; position: relative; display: inline-block; } .two-list-img { padding: 0 15px 15px; display: block; overflow: hidden; } .pic-box { border-radius: 4px; background: transparent; box-shadow: none; } .pic-box-index { background: #fff; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); } .pic-box-index ul.pic-box-list { margin: 0 7px; } ul.pic-box-list { margin: 0 -7px; } ul.pic-box-list li { width: 20%; float: left;margin-bottom: 15px; position: relative; border-radius: 4px; } ul.pic-box-list li .abox { position: relative; overflow: hidden; display: block; display: block; margin: 0 7px 5px 7px; border: #ededed 1px solid; border-radius: 4px; overflow: hidden; background: #fff; padding: 8px;-webkit-transition: .2s; -o-transition: .2s; transition: .2s;} ul.pic-box-list li .abox:hover {-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);} i.thumb { display: block; width: 100%; height: 0; padding-top: 66.7%; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: transparent; position: relative; overflow: hidden; transition: all .2s; } ul.pic-box-list li h3 { margin: 10px 10px 10px; color: #454545; line-height: 1.5; font-weight: normal; font-size: 15px; text-align: center;} ul.pic-box-list li p { font-size: 12px; color: #999; overflow: hidden; margin: 15px 0 5px; padding: 0 10px; } ul.pic-box-list li p b.datetime { float: left; font-weight: normal; margin-left: 0; color: #ef353d } ul.pic-box-list li p span.viewd { float: right; } ul.pic-box-list li p span.price { color: #ef353d; } ul.pic-box-list li.nocenter h3 {text-align: left;font-size: 14px;margin: 6px 5px 0px;} ul.pic-box-list li.nocenter p {text-align: left; margin: 10px 0 5px;padding: 0 5px;} ul.pic-box-list li.nocenter .price {padding: 0 5px;font-size: 16px;margin-top: 10px;color: #ef353d;} ul.pic-box-list li.nocenter p img { vertical-align: middle; margin-top: -2px; margin-right: 1px; border: 1px solid #ddd; border-radius: 50%; } .vip-month-tag { display: initial; line-height: 18px; height: 18px; background: #eff0f1; color: #6c6c6c; padding: 1px 5px; margin-top: 5px; border-radius: 2px; margin-right: 3px; animation: fade 4200ms infinite; -webkit-animation: fade 4200ms infinite; } .vip-month { display: initial; line-height: 18px; height: 18px; background: #f1f1f1; color: #ed1c24; padding: 1px 5px; margin-top: 5px; border-radius: 2px; animation: fade 1200ms infinite; -webkit-animation: fade 1200ms infinite; } .fense { color: #ff4b00; } @keyframes fade { from { opacity:1 } 50% { opacity:.5 } to { opacity:1 } } /*imglist*/ .side-content ul.imglist.pic-box-list { margin-top: 20px; } .home-index ul.imglist.pic-box-list { margin-top: 0; margin-left: -7px; margin-right: -7px; } ul.imglist.pic-box-list { margin: 10px 0 0 0; overflow: visible; display: table; clear: both; } ul.imglist.pic-box-list li { width: 33.333%; overflow: visible; } ul.imglist.pic-box-list li a { border: #f1f1f1 0px solid; } li.sell-list:hover, ul.imglist.pic-box-list li a:hover { transform: translate(0, -5px); color: #54b5db; } ul.imglist.pic-box-list li h3 { padding: 5px 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; min-height: 64px; } ul.imglist.pic-box-list p { padding: 0 2px 10px 2px; border-bottom: 1px solid #ddd; } .pic-thumb {display: flex;width: 100%;height: 245px;position: relative;overflow: hidden;transition: all .2s;} .pic-thumb.big { height: 240px;} .pppic-thumb.big { height: 240px;} .zpic-thumb.big { height: 240px;} /*.pic-thumb img { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }*/ /*.pic-thumb:hover img { transform: scale(1.05); }*/ ul.imglist li .pic-thumb img, ul.pic-box-list .pic-thumb img { width: 100%; min-height: 100%; align-self: center;object-fit: cover; } ul.imglist li .pppic-thumb img, ul.pic-box-list .pppic-thumb img { width: 100%; min-height: 100%; align-self: center;object-fit: cover; } ul.imglist li .zpic-thumb img, ul.pic-box-list .zpic-thumb img { width: 100%; min-height: 100%; align-self: center;object-fit: cover; } /*.pic-thumb:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }*/ .top-ad-img { width: 100%; overflow: hidden; margin-bottom: 15px; } .top-ad-img span { display: block } .top-ad-img span img { width: 100%; height: 70px } .top-ad-img .d { width: 100%; margin-bottom: 10px } .top-ad-img .x { margin-bottom: -10px; overflow: hidden; } .top-ad-img .x a { display: block; float: left; width: 49.5%; margin-bottom: 10px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 4px; overflow: hidden; } .top-ad-img .x a:nth-child(2n) { float: right } .top-ad-img a { position: relative } .top-ad-img a:before { position: absolute; content: " "; width: 26px; height: 1pc; background: url(../images/watermark.png); right: 0; font-size: 9pt; text-align: center; bottom: 0; color: #fff; display: none; } a.figure-thumb { float: left; width: 190px; height: 141px; margin: 0 15px 0 0; overflow: hidden; transition-duration: .5s; display: flex; } a.figure-thumb i.thumb { padding-top: 75%; align-self: center; } a.figure-thumb img { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } a.figure-thumb:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } ul.two-box-list { float: left; width: 100%; } span.two-list-date { float: right; color: #999; margin-left: 8px; } li.two-list-title { line-height: 28px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; position: relative; padding-left: 10px; } li.two-list-title:before { position: absolute; content: ''; height: 0; width: 0; display: block; border: 4px transparent solid; border-right-width: 0; border-left-color: #ddd; top: 10px; left: 0; } .widget-title { position: relative; } .widget-title .more { position: absolute; right: 15px; top: 8px; color: #999; font-size: 14px; } /*.widget-title .more a {color: #fb0202;}*/ .two-list { margin-bottom: 0; border-radius: 4px; background: transparent; box-shadow: none; display: flex; flex-wrap: wrap; justify-content: space-between; } .two-list>div { background: #fff; padding: 0; margin-bottom: 20px; border-radius: 4px; width: 32.5%; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); } @media (max-width:768px) { ul.pic-box-list li { width: 50%; } .pic-thumb { height: 100px; } .pic-thumb.big { height: 120px; } .pic-thumb { height: 60px; } .pic-thumb.big { height: 80px; } .zpic-thumb { height: 100px; } .zpic-thumb.big { height: 120px; } .two-list>div { width: 100%; } a.figure-thumb { width: 100%; height: auto; display: none; } ul.two-box-list { width: 100%; min-height: none; } a.figure-thumb img { width: 100%; } .posts-gallery-img .simg { height: 80px; border-radius: 4px; } } /*会员*/ .member-content { padding: 0 15px 10px; } /*付费阅读*/ .paywall a, .paywall-box a { text-decoration: none !important; box-shadow: unset !important; outline: none; } .paywall { font-size: 14px; padding: 20px; border: 1px dashed #ffc107; background: #fffdf8; margin-bottom: 15px; margin-top: 10px; } .paywall a, .paywall-box a { text-decoration: none !important; box-shadow: unset !important; outline: none; } .paywall a:hover { box-shadow: unset !important; } .paywall input { margin: 0px; padding: 0px; font-size: 14px; border-style: solid; border: 1px solid #bbb; } .paywall input[name="mobile"], .paywall input[name="code"] { height: 28px; line-height: 28px; width: 120px; padding: 0 0 0 6px; margin-bottom: 15px; } .paywall .btn { display: inline-block; border: 1px solid #ddd; color: #ddd; padding: 5px 10px; border-radius: 4px; text-align: center; } .paywall .btn-btn { border-color: #66aa66; background: #37d13b !important; color: #fff; } .paywall a.btn-link { background-color: #fb0202; border-color: #fb0202; color: #fff; } .paywall .btn-link:hover { color: #fff; } #paywall-link-box div:not(:first-child) { display: inline-block; margin: 10px 5px 5px; } #paywall-code-box .btn-btn { margin: 0 0 9px 0; font-weight: normal; line-height: 19px; } #paywall-code-box .tips { margin-bottom: 15px; } .paywall-js-show { display: none; } .paywall-center { position: relative; text-align: center; margin-top: 30px; } .paywall-center .buysum { position: absolute; left: 5px; top: 30px; color: #999 !important; font-size: 12px; opacity: .7; } .paywall-highlight { color: #f10; } .paywall-box .paywall-highlight { margin: 20px 0; } .paywall-mb { margin-bottom: 20px; } .paywall-tips { color: #999; } .paywall-reset, .paywall-show { border: 0px; background: #fff; padding: 20px 0; } .paywall-show { text-align: left; } .paywall-box .paywall-mask { bottom: 120px; display: block; height: 120px; position: relative; width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #fff 80%); background-repeat: repeat-x; /*margin-bottom: -120px;*/ margin-bottom: -100px; } .paywall-box .paywall-lock { border-top: 1px dashed #ddd; position: relative; } .paywall-box .icon-lock-m { background: #fff url(../images/pay-off.png) center 0 no-repeat; display: block; height: 24px; left: 50%; margin-left: -25px; position: absolute; top: -12px; width: 50px; } .paywall-message-error { margin: 5px 0 15px; background: #fef5f1; padding: 1px 12px; color: #8c2e0b; border-left: 4px solid #fff; border-left-color: #dc3232; } .paywall-message-error p { margin: 0.5em 0; padding: 2px; } #paywall-membership-link-container a { position: relative; } #paywall-membership-link-container a span { background: red; border-radius: 3px 8px 8px 0; color: #fff; font-size: 12px; padding: 0px 0.5em; position: absolute; right: -35px; top: -8px; } .pay-info { color: #fb0202; } /*问答*/ .ask-resault { padding-top: 15px; border-top: 1px solid #ededed; } .ask-resault .comment img { width: 100%; } /*弹窗*/ .wintips { position: fixed; bottom: 0; left: 0; width: 360px; padding: 30px 20px 20px 30px; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.12); border-right: none; border-bottom: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); z-index: 99; display: none; } .wintips-close { position: absolute; top: -15px; right: -13px; font-size: 24px; color: #888; cursor: pointer; } .wintips-close .fa { background-color: #fff; border-radius: 50%; } .wintips-close:hover { color: #6b7386; } .wintips h2 { font-size: 22px; font-weight: normal; margin: 0 0 20px; } .wintips p { font-size: 14px; color: #6b7386; margin: 0 0 20px; } .wintips-thumb { position: absolute; top: -50px; right: 10px; animation: float 3s infinite; -webkit-transition: top 1s ease, opacity 1s ease; transition: top 1s ease, opacity 1s ease; display: none; } .btn-info.btn-wintips { color: #fff } @-webkit-keyframes float { 0% { -webkit-transform: translatey(10px) } 50% { -webkit-transform: translatey(-10px) } 100% { -webkit-transform: translatey(10px) } } @keyframes float { 0% { transform: translatey(10px) } 50% { transform: translatey(-10px) } 100% { transform: translatey(10px) } } @media (max-width:400px) { .wintips { width: 100%; } .wintips-close { font-size: 36px; left: 47%; top: -27px; } } /*kefu*/ .main-im { position: fixed; right: 10px; top: 300px; z-index: 100; width: 110px; height: 272px; } .main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; } .main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; } .main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; } .main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/339bedd5c738aa27.png) no-repeat center 8px; } .main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; } .main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 4px; background: #F9FAFB; display: none; } .main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; } .main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin-top: 11px; } .main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; } .main-im .im_main .im-tel:hover { background: #fafafa; } .main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/468dc3787745f82e.png) no-repeat center center; float: left; } .main-im .im_main .weixing-show { width: 112px; height: 142px; background: #ffffff; border-radius: 4px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -82px; display: none; text-align: center; padding-top: 10px; } .main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 111px; top: 100px; position: absolute; z-index: 2; } .main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 100px; position: absolute; } .main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 0; padding-top: 5px; } .main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; } .main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/02b245a8f353d0d0.png) no-repeat center center; float: right; } .main-im .im_main .go-top a { display: block; width: 52px; height: 47px; } .main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; } .main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/dbc9298325995e1d.png) no-repeat left top; } .main-im .close-im a:hover { text-decoration: none; } .main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/ed2ecf4fa4dab61a.png) no-repeat left top; } .bor-ul li { height: 42px; line-height: 42px; text-align: center; border-bottom: 1px solid #f0f0f0; padding-left: 17px; } .bor-ul li.ico-bg { background: url(../images/7651914b5dd0145c.png) no-repeat; background-position: 14px -210px; } /*.bor-ul li.ico-tp{background: url(../images/topiao.png) no-repeat; background-position: 16px -214px;} */ /*ask*/ .ask-post-content h2 { margin: 0 0 6px; padding-top: 0; } .ask-post-content h2 a { font-weight: normal; } .ask-post-content ul li a, .posts-default-info ul li { color: #999; } @media (max-width:750px) { .main-im, .wintips, .pb-nav-right { display: none !important; } .footer .footer-tag-list { margin-top: 10px; } .theme-list .latest-template-wrap { margin-bottom: 0; } } .video-wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; } .video-wrap .cont { width: 80%; } .video-wrap .cont p { margin: 0; } .video-wrap .list { width: 20%; background: #ededed; padding: 15px; overflow-y: scroll; position: absolute; right: 0; height: 100%; } .video-wrap .list .tit { margin-bottom: 15px; color: #333; } .video-wrap .list li { line-height: 1.5; font-size: 14px; padding-left: 0; } .video-wrap .list li:before { display: none; } .video-wrap .list li~li { margin-top: 5px; } .video-wrap .list li a { color: #6b7386; padding: 6px 10px; background: #ddd; display: block; } .video-wrap .list li.on a { background: #fb0202; color: #fff; } .video-wrap .list li a:hover { text-decoration: none; } .video-wrap .list::-webkit-scrollbar { width: 4px; height: 4px; } .video-wrap .list::-webkit-scrollbar-thumb { border-radius: 0; background-image: -webkit-linear-gradient(315deg, #1DE9B6 0%, #08c4db 72%, #057494 100%); background-image: linear-gradient(135deg, #1DE9B6 0%, #08c4db 72%, #057494 100%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-radius: 4px; } @media (max-width:765px) { .video-wrap .cont { width: 100%; } .video-wrap .list { width: 100%; padding: 15px; overflow-y: scroll; position: static; height: auto; } .widget.fixed { position: static; width: 100%; } } .dj-scroll .swiper-wrapper { /*flex-wrap: wrap;*/ } /*软件工具*/ .widget_soft ul { padding: 20px 15px 0; overflow: hidden; } .widget_soft ul li { position: relative; border-bottom: 1px #efefef dashed; margin-bottom: 11px; padding-bottom: 11px; } .widget_soft ul li:last-child { margin-bottom: 8px; } .widget_soft .softimg { display: block; width: 55px; float: left; } .widget_soft ul li img { width: 48px; } .widget_soft h2 { margin: 0; font-size: 16px; } .widget_soft h2 span { display: block; float: right; margin-top: 12px; } .widget_soft h2 span a { display: inline-block; vertical-align: middle; padding: 4px 10px; margin-top: -2px; border-radius: 2px; font-size: 12px; color: #fff; background-color: #fb0202; } .widget_soft p { font-size: 13px; color: #333; margin: 6px 0 0; line-height: 1.8; } .index-slider { border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); } .navbar-default .navbar-nav>li>a .hot { display: block; width: 30px; height: 14px; position: absolute; right: 10px; top: -2px; margin-left: -13px; background: url(../images/ceo-hot.gif) no-repeat; } .navbar-default .navbar-nav>li>a .new { display: block; width: 30px; height: 14px; position: absolute; right: 10px; top: -2px; background: url(../images/ceo-new.gif) no-repeat; } /*绝对定位下：上下微悬浮*/ @keyframes upDown { 0% { transform: translateY(5px); } 25% { transform: translateY(0px); } 50% { transform: translateY(5px); } 75% { transform: translateY(0px); } 100% { transform: translateY(5px); } } .zhuyi { background: #ededed; padding: 10px 20px 10px; border-radius: 4px; margin-top: 30px; } .fafafa { background: #f5f5f5; margin: 0 0 20px 0; border-radius: 4px; border-left: 3px solid #ff7700; padding-left: 10px; overflow: hidden; } .entry p { margin: 5px 0 10px; color: #444; font-size: 14px; line-height: 180%; word-break: break-all; } .entry strong { color: #6b7386; font-weight: 700; } .fafafa p { line-height: 25px; font-size: 0.9em; margin: 0; } .entry a { text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #6b7386; } .fafafa a { color: #999; border-bottom: 1px solid #999; } /*首页*/ h1, h2, h3 { margin-top: 0; margin-bottom: 0; } .box1 { margin-bottom: 20px; } .box1_left { width: 46%; float: left; overflow: hidden } .box1_right {width: 26%;float: right;overflow: hidden;box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);border-radius: 4px;} .box1_right .box {/* padding-bottom: 10px; *//* background: #fff; */} .box1_right .box dl, .box1_right dd { padding: 0px; margin: 0px; } .box1_right .box dt { height: 36px; line-height: 36px; text-indent: 18px; font-size: 13px; color: #ff6600 } .box1_right .box dd { border-bottom: 1px dotted #ccc; font-size: 13px; padding: 0 15px; display: flex; justify-content: space-between; } .box1_right .box ul li { padding: 0px !important; height: 36px; line-height: 36px; text-align: center; float: left; width: 33.33%; border-top: 1px dotted #ccc; border-right: 1px dotted #ededed; box-sizing: border-box; } .user_rz { width: 100%; height: 130px; margin-top: 8px; background: #fff; overflow: hidden; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 4px; } .user_rz h3 { font-size: 14px; padding-left: 10px; border-bottom: 1px solid #e5e5e5; line-height: 35px; color: #6b6b6b } .sqrz { width: 110px; margin-right: 10px; float: right; overflow: hidden; height: 30px; line-height: 34px; } .sqrz a { float: right; font-size: 12px; } .sqrz em { float: left; margin-top: 10px; width: 16px; height: 14px; overflow: hidden; display: block; background: url(../images/kuvai_icon.png) no-repeat -68px -35px; margin-right: 6px; } .userlist {margin: 10px 10px 0 10px;} .userlist a {margin: 0 6px 0px 0;overflow: hidden;width: 58px;height: 78px;float: left;display: block;line-height: 16px;text-align: center;} .userlist a:last-child { margin-right: 0; } .userlist a p { margin-bottom: 0; font-size: 12px; margin-top: 6px; text-overflow: ellipsis; /* white-space: nowrap; */ overflow: hidden; } .userlist img { width: 54px; height: 54px; border: 1px solid #f1f1f1; border-radius: 4px; border: 1px solid #ddd;} .nrtuijian {width: 26%;float: left;height: 438px;overflow: hidden;background: #fff;box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);border-radius: 4px;} .nrtuijian h3 { font-size: 16px; padding-left: 15px; border-bottom: 1px solid #e5e5e5; line-height: 45px; color: #454545 } .pic6txt { margin: 8px 15px 10px; } .pic6txt li {height: 65px;margin: 0px;margin-bottom: 2px; *margin-bottom: -2px;list-style: none;display: flex;justify-content: space-between;align-items: flex-start;} .pic6txt li .info { overflow: hidden; flex: 1; padding-left: 15px;} .pic6txt li .name { overflow: hidden; display: block; line-height: 1.3; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .pic6txt li .pic { float: left; display: inline; border: 1px solid #e3e3e3; } .pic6txt li img { width: 89px; height: 60px; display: block; object-fit: cover; } .pic6txt li .nprice { font-size: 12px; color: #a7712a; margin-bottom: 0; } #index_tool { width: 100%; position: relative; overflow: hidden } #index_tool ul { overflow: hidden } #index_tool ul li { float: left; padding: 7px 0 0 10px; padding-left: 15px; } #index_tool h2 { font-weight: normal; display: block; height: 26px; line-height: 26px; word-spacing: 5px; letter-spacing: 1px } #index_tool h3 { font-size: 14px; font-weight: normal; padding: 20px 10px 10px 10px; } #index_tool .title { font-size: 16px; border-bottom: 1px solid #e5e5e5; padding: 10px 15px; color: #454545; box-sizing: content-box; background: #fff } #index_tool .title span {color: #999;margin-right: 5px;cursor: pointer;transition: .3s;font-size: 14px;} #index_tool .title span.on {color: #454545;font-size: 16px;} #index_book { height: 110px; background-color: #a0cf67; margin: 0 7px 15px 12px; } #index_book a { background: url(../images/img_book.png) no-repeat; display: block; width: 100%; height: 100%; } #index_book a:hover { background-position: 0 -110px; } .index_fav { height: 30px; background-color: #fff; padding: 10px 15px; background: #fff; box-sizing: content-box; } .index_fav a { width: 100px; float: left; height: 32px; line-height: 32px; text-align: center; color: #fff; font-size: 14px; } .index_rz { background: #449f04; margin-right: 8px } .index_jiaqun { background: #eb4b00; } .index_vip { background: #076fbd; margin-right: 8px; margin-top: 8px } .index_tui { background: #74049f; margin-top: 8px } .index_rz:hover { background: #62b806; } .index_jiaqun:hover { background: #fb740b; } .index_vip:hover { background: #0b90cf; } .index_tui:hover { background: #9406b8; } .index_fav a:hover { color: #fff } .mn_city { overflow: hidden; margin-bottom: 10px; background: #fff } .mn_city dl { clear: both } .mn_city dd { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .mn_city dt { position: relative; padding: 10px; font-size: 14px; font-weight: bold } .mn_city dt cite { position: absolute; right: 10px; top: 12px; font-size: 12px; font-weight: normal } .mn_city dd { border-bottom: 1px solid #edf2f8; line-height: 38px } .mn_city dd a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 38px; padding-right: 10px; } .mn_city dd span { color: #999; } /*轮播*/ .focusBox {position: relative;width: 100%;height: 300px;padding: 15px 15px;overflow: hidden;background: #fff;box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);border-radius: 4px;} .focusBox .pic {position: relative;z-index: 0;height: 100%;} .focusBox .pic img { width: 100%; height: 100%; display: block; object-fit: cover; } .focusBox .pic .swiper-container { height: 100%; } .focusBox .pic .swiper-container .swiper-button-next, .focusBox .pic .swiper-container .swiper-button-prev { opacity: .5; background-size: 16px } .focusBox .pic .swiper-container .swiper-button-next:hover, .focusBox .pic .swiper-container .swiper-button-prev:hover { opacity: 1; } .focusBox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; } .focusBox .hd li { background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; _background: url(../images/dot8.png) no-repeat 0 -16px; } .focusBox .hd .on { background-position: 0 0; } .banner-btn a { display: block; line-height: 40px; position: absolute; top: 120px; width: 25px; height: 45px; background-color: #000; opacity: 0.4; filter: alpha(opacity=40) color:rgb(255, 255, 255); overflow: hidden; z-index: 4; } .prev { left: 0px; } .next { right: 0px; } .focusBox i { background: url(../images/kuvai_icon.png) no-repeat; width: 25px; height: 45px; cursor: pointer; display: block; } .focusBox .next i { background-position: -130px -36px; } .focusBox .prev i { background-position: -131px 3px; } .mb-cate { background: #fff; padding: 0 20px; margin-bottom: 20px; overflow: hidden; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); border-radius: 4px; } .mb-cate .item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .mb-cate .item~.item { border-top: 1px solid #ededed; } .mb-cate .item .tit {/* width: 140px; */color: #6b7386;font-size: 14px;} .mb-cate .item .mb-sx { flex: 1; text-align: justify;} .mb-cate .item .mb-sx .btn { display: inline-block; padding: 2px 5px; margin: 1px 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .mb-cate .item .mb-sx .btn:hover, .btn.on { background: #fb0202; color: #fff; } .mb-cate .item .mb-sx .btn .badge { border-radius: 0; padding: 2px 5px; } .mb-cate .item .mb-sx .btn:hover .badge, .mb-cate .item .mb-sx .btn.on .badge, .mb-cate .item .mb-sx .btn .btn-info { background: #fff; color: #1E9FFF } .mb-cate .item .mb-hy .btn { min-width: 78px; text-align: center; } /*.mblist { padding: 20px 0; background: #fff; border-radius: 4px;box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);}*/ .mblist .pagination { text-align: center; width: 100%; margin-top: 10px; } @media (max-width:768px) { .box1_left { width: 100%; float: none; } .focusBox .pic img { height: auto; } .focusBox { height: auto; } .nrtuijian { width: 100%; float: none; height: auto; margin-left: 0; margin-top: 20px; } .user_rz { display: none; } .box1_right { width: 100%; float: none; margin-top: 20px; } .pic6txt li .info { width: auto; float: none; padding-left: 15px; } .mb-cate .item { align-items: flex-start; flex-wrap: wrap; } .mb-cate .item .tit { width: 100%; font-size: 16px; margin-bottom: 6px; } .mb-cate .item .mb-hy .btn { width: 24%; } } /*会员2021-11-29*/ .member-left { background: #fff; padding: 0; } .member-right { background: #fff; padding: 0 20px 10px; } .member-left .list-group { padding: 15px 0; border-bottom: 1px solid #ededed; } .member-left .list-group:last-child { border-bottom: none; } .member-left .list-group-title { display: flex; align-items: center; text-indent: 45px; font-size: 16px; font-weight: 700; color: #333; line-height: 40px; height: 40px; } .member-left .list-group-item { padding: 0; margin-bottom: 0; border: none; text-indent: 45px; line-height: 40px; height: 40px; display: block; font-size: 14px; border-left: #FFF 3px solid; background-color: #FFF; } .member-left .list-group-item.on, .member-left .list-group-item.on:hover { border-left: #1E9FFF 3px solid; background-color: hsl(208 56% 46% / .1); color: #fb0202; } .member-left .list-group-item:hover { background: transparent; color: #fb0202; } .member-left .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .member-right .column-title { display: flex; border-bottom: 1px solid #eaeaea; justify-content: space-between; align-items: center; line-height: 50px; margin-bottom: 20px; } .member-right .column-title .column-name { color: #fb0202; font-size: 16px; } .inp-inline-block { display: inline-block; } .umodify .form-group label { width: 42px; } /*补充修复*/ .widget_info { padding: 0 20px 15px; line-height: 30px; } /*置顶通知*/ /*.top-tips { min-width: 1100px; background-color: #fb0202; line-height: 30px; color: #ededed; font-size: 12px; position: fixed; text-align: center; top: 0; left: 0; width: 100%; display: none; z-index: 9999; background: linear-gradient(to right, #1E9FFF, #f73b3b); height: 30px; } .top-tips .container { position: relative; } .top-tips .closex { color: #ddd; font-size: 16px; cursor: pointer; position: absolute; right: 20px; top: 0; display: none; } .top-tip-open .top-tips { display: block; } .top-tip-open .top-tips a { color: #fff; text-decoration: underline; } .top-tip-open .navbar-fixed-top { top: 30px; } .top-tip-open #PB { margin-top: 114px; }*/ /*头部头像*/ .nav-avatar { position: relative; display: inline-block; width: 32px; white-space: nowrap; vertical-align: bottom; border-radius: 1000px; } .nav-avatar img { width: 32px; height: 32px; border: 0 none; border-radius: 1000px; background-size: cover; border: 1px solid #ededed;} .nav-avatar .u_vip_1 { background: url(../images/u_vip.png) no-repeat; } .nav-avatar .u_vip_2 { background: url(../images/u_svip.png) no-repeat; } .nav-avatar .u_vip_3 { background: url(../images/u_dvip.png) no-repeat; } .nav-avatar i { display: inline-block; width: 20px; height: 23px; background-position: center; vertical-align: text-bottom; border: none; position: absolute; bottom: -10px; right: -6px; } /*文章详情相关*/ .xg-posts-list>li { padding: 15px 20px 15px; text-overflow: unset; white-space: normal; overflow: visible; border-top: 1px solid #ededed;} .xg-posts-list>li p { color: #999; margin-bottom: 0;margin-top: 2px;} .xg-posts-list>li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 70%;font-size: 16px;color: #454545} .xg-posts-list>li a:hover {color: #fb0202;} .login-btn-wrap { position: relative; } .login-btn-wrap .login-subbtn { position: absolute; left: 50%; margin-left: -40px; top: 50px; z-index: 99; width: 80px; background: #fff; text-align: center; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } .login-btn-wrap:hover .login-subbtn { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .login-btn-wrap .login-subbtn a { display: inline-block; width: 100%; } .login-btn-wrap .login-subbtn a ~ a { margin-top: 5px; } .hidden_search .text { width: 100%; height: 40px; padding: 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";} .hidden_search .btn { display: block;cursor: pointer; position: absolute; right: 0; top: 0; height: 40px; width: 40px; border:none;border-radius: 50%;overflow: hidden;font-size: 18px;color:#fb0202;background: transparent;} .hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% } .hidden_search .close_btn { position: absolute; right: 20px; top: 50%; width: 26px; transform: translateY(-50%); -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px;color: #777 } .hidden_search .close_btn:hover{ color: #fb0202; } .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;} .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; } .cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container1 { top: 10%; } .is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;} .sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;} @media screen and (max-width: 600px){ .cd-popup-container{width: 90%} .hidden_search .text{font-size: 14px} .cd-popup-container{padding: 20px 50px 20px 10px} } .mobNav { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .95); z-index: 98; padding-top: 53px; padding: 40px 5% 30px; display: none } .mobNav ul { height: 70vh; overflow: auto } .mobNav ul li { padding: 15px 0; border-bottom: 1px solid #ddd } .mobNav ul li:last-child { border-bottom: 0 } .mobNav ul li .navp a { font-size: 15px; color: #666; font-weight: bold; } .mobNav ul li.cur .navp a { color: #d82128 } .mobNav ul li .navp i { display: block; width: 16px; transition: .3s; transform-origin: center; margin-right: 5px } .mobNav ul li.on .navp i { transform: rotate(-45deg); } .mobNav ul li .subNavm { margin-top: 10px; padding-left: 10px; display: none } .mobNav ul li .subNavm a { display: block; line-height: 30px; font-size: 14px } .searchbtn { width: 40px; line-height: 38px; text-align: center; font-size: 18px; color: #fb0202; display: none; float: right; margin-top: 6px; margin-right: 10px; } @media (max-width: 640px) { .searchbtn {display: block;} } /*VIP补充*/ .vvip0,.vvip10,.vvip30,.vvip302,.vvip70,.vvip702,.vvip75,.vvip752,.vvip80,.vvip802,.vwip0,.vwip10,.vwip30,.vwip302,.vwip70,.vwip702,.vwip75,.vwip752,.vwip80,.vwip802{display:inline-block;background-image:url(../images/tu_vip.png);background-size:auto 40px;vertical-align:middle;height:40px;width:40px} .vvip0,.vvip10,.vvip30,.vvip302,.vvip70,.vvip702,.vvip75,.vvip752,.vvip80,.vvip802{position:absolute;top:0;left:0;z-index:10} .vvip0,.vwip0{background-position:0 0} .vvip70,.vwip70{background-position:-80px 0} .vvip30,.vwip30{background-position:-40px 0} .vvip302,.vvip702,.vvip752,.vvip802{background-position:-200px 0} .vvip75{background-position:-160px 0} .vvip80,.vwip75,.vwip80{background-position:-120px 0} .vwip0,.vwip10,.vwip30,.vwip302,.vwip70,.vwip75,.vwip80{position:absolute;z-index:10;border-radius:5px 0 0 0} .vvip10,.vwip10{background-position:0 0} #right_ad{display:none;width:73px;height:61px;border-radius:0 0 13px 13px;z-index:1002;left:20px;bottom:50px;position:fixed} @keyframes custom-zoom-1{0%{transform:scale(1)} 25%{transform:scale(1.2)} 50%{transform:scale(1)} 75%{transform:scale(1.2)} } #right_ad .close{display:block;position:absolute;width:16px;height:16px;top:8px;right:-6px;line-height:13px;cursor:pointer;font-style:inherit;text-align:center;color:#f67345;z-index:5;border-radius:20px;background-color:rgba(255,255,255,.8);border:1px solid #f42a1c} @media (max-width:767px){#right_ad.right-ad-active{display:none!important} } #right_ad .timer .colon{padding-left:1px;padding-right:1.2px} #right_ad .kubao{display:none;position:absolute;top:0;right:-26px;width:73px;height:61px} @keyframes roat{0%{transform:rotate(10deg);transform-origin:50% 0 0} 100%{transform:rotate(-10deg);transform-origin:50% 0 0} } #right_ad .link{display:none;position:absolute;top:0;right:0;width:100%;height:100%;display:inline;border:none;box-shadow:none;animation:computer_1 3s infinite} @keyframes computer_1{0%{transform:translate(0,0)} 50%{transform:translate(0,-20px)} 100%{transform:translate(0,0)} } #right_ad.right-ad-active{width:165px!important;height:170px!important} #right_ad .time-box{position:absolute;bottom:28px;height:26px;left:18px;width:100%;padding-left:21px} #right_ad .time-box .time-list{display:inline-block} #right_ad .time-box .time-list .time-span{float:left;font-size:12px;color:#04157a;line-height:26px;height:26px;font-weight:700} #right_ad .time-box .time-list .time-span:last-child{margin-right:0} /*2022-04-13*/ .topform {border: 1px solid #fb0202;border-radius: 4px;overflow: hidden;} .topform .input-group {flex-wrap: nowrap;} .topform .input-group select {width: auto;padding: 6px 6px; border: none; outline: none; box-shadow: none; font-size: 12px; } .topform .input-group .inp { width: 120px; border: none; outline: none; box-shadow: none; font-size: 12px; padding: 6px; } .topform .input-group button { background: #fb0202; color: #fff; border-radius: 0; font-size: 16px; padding: 0; width: 36px; height: 100%; } @media (max-width: 1440px) { .navbar-right { margin-left: 5% !important; } .navbar-default .navbar-nav>li>a { padding: 14px 9px; } } /*应用市场*/ /*专题页*/ .list-title { margin-bottom: 20px; margin-top: 10px; align-items: flex-end; } .list-title h3 {color: #333;font-size: 20px;font-weight: bold;} /*模板详情*/ .album-intro { display: flex;justify-content: space-between;flex-wrap: wrap; margin-bottom: 15px; } .album-intro .ico { width: 48% } .album-intro .info { width: 50% } .album-intro img { margin-bottom: 0; height: 100%; object-fit: cover; } .album-intro table { height: 100%; } /*logo效果*/ .navbar-header .logo { position: relative; } .navbar-header .logo .fimg { position: absolute; bottom: -34px; left: -20px; z-index: 4; display: none; width: 249px; height: 100px; } /*.navbar-header .logo:hover .fimg { display: block; } @media (max-width: 1024px) { .navbar-header .logo .fimg { display: none !important; } } */ /*采集文章详情优化*/ .article-content .container { width: auto !important; } .hct-content p>br {display: none;} /* Scroll to top ---------------------------------- */ .scrollToTop { color: #fff!important; position: fixed; bottom: 20px; right: 20px; width: 50px!important; height: 50px!important; border-radius:50px; overflow:hidden; text-align: center; cursor: pointer; background-color: #333; z-index: 1005; display: none; line-height: 50px; font-size: 0; } .scrollToTop i { line-height: 50px; font-size: 28px; } .scrollToTop:hover { opacity: .9; } /* Small devices (tablets, phones less than 767px) */ @media (max-width:767px) { .scrollToTop { width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); } .scrollToTop i { line-height: 40px; font-size: 20px; } } /*广告横幅新0423*/ .ggbar a {display:block;position: relative;} .ggbar a ~ a {margin-top: 5px;} .ggbar a::after { content: "广告"; position: absolute; right: 0; bottom: 0; line-height: 1.28; font-size: 12px; color: rgba(255,255,255,.5); background: rgba(0,0,0,.3); padding: 2px 4px; border-radius: 6px 0 0 0; transform-origin: right bottom; transform: scale(.8); } /*头像优化2022-05-02*/ .avatarText { display: inline-block; vertical-align: middle; width: 54px; height: 54px; line-height: 54px; /*padding: 0 10px;*/ text-align: center; overflow: hidden; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 4px; background-color: var(--mainColor); /*-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.05) inset;*/ /*box-shadow: inset 0 3px 10px rgba(0,0,0,.05);*/ word-wrap: break-word; font-family: microsoft jhenghei; text-shadow: 0 2px 2px rgba(0,0,0,.3); } .userlist a:nth-last-child(1n+1) .avatarText { background-color: var(--red) } .userlist a:nth-last-child(odd) .avatarText { background-color: var(--green) } .userlist a:nth-last-child(3n+1) .avatarText { background-color: var(--blue) } .userlist a:nth-last-child(5n+1) .avatarText { background-color: var(--yellow) } .nd-cert-dialog { z-index: 444; width: 260px; box-shadow: 0 0 20px 0 rgba(129,137,153,.2); border-radius: 8px; position: fixed; left: 20px; bottom: 20px; background-color: #fff; padding: 18px 0 18px; animation:move 3s 0s infinite; -webkit-animation:move 3s 0s infinite; transform-origin:bottom; -webkit-transform-origin:bottom; } .nd-cert-dialog .avater { height: 20px; width: 64px; left: 0; top: 0; line-height: 20px; background: linear-gradient(90deg,#ff715c,#fe2b38); border-radius: 8px 4px 4px 4px; position: absolute; font-style: normal; font-weight: 500; font-size: 12px; text-align: center; color: #fff; } .nd-cert-dialog .nd-close { right: 11px; top: 7px; position: absolute; color: #b3b3b3; font-weight: 500; font-size: 18px; cursor: pointer; } .nd-cert-dialog .nd-content { text-align: center; } .nd-cert-dialog .title { font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0; padding-top: 17px; color: #333; } .nd-cert-dialog .des { font-size: 12px; font-style: normal; font-weight: 400; line-height: 17px; letter-spacing: 0; padding: 6px 0 17px; color: #636d7e; } .nd-cert-dialog .nd-btn { display: inline-block; height: 36px; width: 128px; background: #fb0202; border-radius: 18px; cursor: pointer; font-style: normal; font-weight: 500; font-size: 14px; color: #fff; line-height: 36px; } @keyframes move { 0%, 65%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 70% { -webkit-transform:rotate(4deg); transform:rotate(4deg); } 75% { -webkit-transform:rotate(-4deg); transform:rotate(-4deg); } 80% { -webkit-transform:rotate(4deg); transform:rotate(4deg); } 85% { -webkit-transform:rotate(-4deg); transform:rotate(-4deg); } 90% { -webkit-transform:rotate(4deg); transform:rotate(4deg); } 95% { -webkit-transform:rotate(-4deg); transform:rotate(-4deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } } @-webkit-keyframes move { 0%, 65%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 70% { -webkit-transform:rotate(4deg); transform:rotate(4deg); } 75% { -webkit-transform:rotate(-4deg); transform:rotate(-4deg); } 80% { -webkit-transform:rotate(4deg); transform:rotate(4deg); } 85% { -webkit-transform:rotate(-4deg); transform:rotate(-4deg); } 90% { -webkit-transform:rotate(4deg); transform:rotate(4deg); } 95% { -webkit-transform:rotate(-4deg); transform:rotate(-4deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } } /*分页样式*/ .pglist { padding: 20px 0 30px; width: 100%; text-align: center; clear: both; } .pglist a { color: #666; padding: 0 10px; margin: 0 1px; font-/weight: bold; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; } .pglist * { display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 30px; padding-bottom: 1px; } .pglist a:hover, .pglist .hover { display: inline-block; color: #fff; background: #fb0202; border-color: #fb0202; } .pglist a.page-num-current { color: #fff; background: #dd0000; border: 1px solid #de0101; } @media (max-width:800px) { .album-intro .ico{ width: 100%; } .album-intro .info{ width: 100%; padding: 30px 0 0 0; } } @media only screen and (max-width: 780px) { .pppic-thumb {display: flex;width: 100%;height: 100px;position: relative;overflow: hidden;transition: all .2s;} } @media screen and (min-width:1200px){ .pppic-thumb {display: flex;width: 100%;height: 130px;position: relative;overflow: hidden;transition: all .2s;} }