.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .h-mark { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; position: relative; display: block; overflow: hidden } .h-mark:after { content: ""; display: block; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.01)), to(#000)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.01), #000); background-image: -o-linear-gradient(top, rgba(0,0,0,.01) 0, #000 100%); background-image: linear-gradient(180deg, rgba(0,0,0,.01), #000); position: absolute; left: 0; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .h-mark:hover:after { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: .3 } .h-scale { position: relative; display: block; overflow: hidden } .h-scale, .h-scale .thumb, .h-scale img { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .h-scale:hover .thumb, .h-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animate-spin { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; display: inline-block } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @-webkit-keyframes flash { 0%, to { opacity:1 } 50% { opacity:0 } } @keyframes flash { 0%, to { opacity:1 } 50% { opacity:0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes fadeIn { 0% { opacity:0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity:0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } body, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, ul { margin: 0; padding: 0 } li, ol, ul { list-style: none } /*img { max-width: 100%; height: auto } */ a { color: #262626 } a:hover { color: #009a3a } button, input, textarea { font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif; letter-spacing: .5px; outline: none } body, html { background: #fff } body { font-size: 14px; line-height: 1.5; font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif; letter-spacing: .1px; width: 100%; overflow-x: hidden; } @media (min-width:1024px) { body { padding-top: 0 } } body.hideScroll { height: 100%; overflow: hidden } @media (max-width:767px) { body.home { padding-top: 24px } } [class*=" icon-"]:before, [class^=icon-]:before { margin: 0 } .clearfix { *zoom:1 } .clearfix:after, .clearfix:before { content: ""; height: 0; line-height: 0; display: block; visibility: none; clear: both } .fl { float: left } .fr { float: right } img, input { margin: 0; padding: 0; border: 0; outline-style: none; vertical-align: middle } a, a:active, a:visited { text-decoration: none } .thumb, a, a:active, a:visited { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .thumb { display: block; width: 100%; height: 0; padding-top: 66.7%; background-position: 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-color: rgba(0,0,0,0); position: relative; overflow: hidden } .bl { border-bottom: 1px solid #f3f3f3 } .show { visibility: visible; opacity: 1 } .hide, .show { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .hide { visibility: hidden; opacity: 0 } .hidden { display: none!important } .nav-inline li { display: inline } .content-loading { text-align: center; padding: 60px 0 80px; color: #ccc; font-size: 13px } .content-loading .loading-icon { display: inline-block; vertical-align: middle; margin-right: 1em } .clr_orange { color: #ff7300; font-style: normal } .img-zoom { display: block; width: 100%; /* cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; */ overflow: hidden; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .img-zoom img { display: block; margin: 0 auto } .img-zoom .thumb { display: none } @media (min-width:1024px) { .img-zoom .thumb { display: block } .img-zoom img { visibility: hidden; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; width: 0; height: 0; transition: none } .img-zoom.zoom_in, .img-zoom img { -webkit-transition: none; -o-transition: none } .img-zoom.zoom_in { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; overflow: visible; z-index: 25; text-align: center; transition: none } .img-zoom.zoom_in .thumb { background-position: top; -webkit-background-size: auto auto; background-size: auto; display: none } .img-zoom.zoom_in img { width: auto; height: auto; max-width: 100%; visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); -webkit-transition: none; -o-transition: none; transition: none } } .copy-link .copy-content { width: 1px; opacity: 0 } .icon-medal-1 { background: #ff7300; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; height: 20px; width: 18px; text-align: center; line-height: 20px; display: inline-block; vertical-align: text-bottom; padding-right: 2px } .icon-medal-1:before { margin: 0 } @media (max-width:1023px) { .hide_sm { display: none!important } } @media (min-width:1024px) { .show_sm { display: none!important } } @media (max-width:1329px) { .hide_md { display: none!important } } .edit_btn { display: inline-block; margin-left: 1em; vertical-align: middle } .edit_btn a.btn { font-size: 12px; padding: 0 1em; line-height: 2 } .addMobLine:after { content: ""; display: block; margin: 0 -15px; height: 0; border-bottom: 15px solid #f2f2f2 } @media (min-width:768px) { .addMobLine:after { display: none } } .box-warning { line-height: 1.5; font-size: 12px; color: #ff7300; background: #fffaf2; padding: 10px; margin-bottom: 15px; text-align: left } @media (min-width:768px) { .box-warning { text-align: center; padding: 10px 0; font-size: 14px; margin-bottom: 30px } } .box-warning a { color: #fb5008; text-decoration: none; border-bottom: none!important } .copyTip { position: absolute; opacity: 0; visibility: hidden; background: rgba(0,0,0,.5); padding: 0 15px; line-height: 30px; color: #fff; -webkit-border-radius: 15px; border-radius: 15px; font-size: 13px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .copyTip.show { opacity: 1; visibility: visible; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .copyTip:after { content: ""; display: block; width: 0; height: 0; border-color: rgba(0,0,0,.5) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.5); border-style: solid; border-width: 5px; position: absolute; left: 20px; top: 100% } .show_only_ie_old { display: none } @media (min-width:768px) { .show-mobile { display: none } } .gray { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .font-h, .hot-icon { display: inline-block; width: 14px; height: 16px; background: url(../images/uiii-hot.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain } .ico-navi { display: inline-block; width: 18px; height: 2px; position: relative; margin: -3px 0 0; vertical-align: middle; background: #fff; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .ico-navi:after, .ico-navi:before { content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .ico-navi:before { top: -7px } .ico-navi:after { top: 7px } .ico-navi-open { background: rgba(0,0,0,0) } .ico-navi-open:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0 } .ico-navi-open:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0 } .loading-icon { width: 24px; height: 24px; overflow: hidden; border: 1px solid rgba(0,0,0,0); border-top-color: #009a3a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: circle 1s linear 0s infinite; animation: circle 1s linear 0s infinite; display: block; position: relative; margin: 0 auto } .loading-icon:after, .loading-icon:before { content: ""; display: block; position: absolute; width: 80%; height: 80%; left: 50%; top: 50%; margin: -40% 0 0 -40%; border: 1px solid rgba(0,0,0,0); border-top-color: #009a3a; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: circle 1s linear 0s infinite; animation: circle 1s linear 0s infinite } .loading-icon:after { width: 40%; height: 40%; margin: -20% 0 0 -20%; border-width: 1px; border-top-color: #009a3a; -webkit-animation: circle 1.2s linear 0s infinite; animation: circle 1.2s linear 0s infinite } @-webkit-keyframes circle { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 50% { -webkit-transform:rotate(180deg); transform:rotate(180deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes circle { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 50% { -webkit-transform:rotate(180deg); transform:rotate(180deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .ico-go { width: 4px; height: 6px; background-image: url(../images/uiii-go-1.png); background-position: 50% } .ico-go, .ico-ji { display: inline-block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain } .ico-ji { background-image: url(../images/uiii-chicken-search.gif); width: 32px; height: 41px; background-position: bottom } .container { width: 100%; margin: 0 auto; padding: 0 15px; position: relative; overflow: hidden; *zoom:1 } @media (min-width:768px) { .container { overflow: visible; max-width: 1537px } } .container:after, .container:before { content: ""; height: 0; line-height: 0; display: block; visibility: none; clear: both } .container .row { margin: 0 -7.3333px } .container .col-1-4, .container .col-2-4, .container .col-3-4 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 7.3333px; width: 100% } @media (min-width:768px) { .container .col-1-4 { width: 50% } } @media (min-width:1024px) { .container .col-1-4 { width: 25% } } @media (min-width:768px) { .container .col-2-4 { width: 100% } } @media (min-width:1024px) { .container .col-2-4 { width: 50%; padding-right: 8px } } @media (min-width:768px) { .container .col-3-4 { width: 100% } } @media (min-width:1024px) { .container .col-3-4 { width: 75%; padding-right: 8.6666px } } .content { position: relative } @media (min-width:1024px) { .content { overflow: hidden } } @media (min-width:1024px) { .content .main { float: left; width: 1330px } } .content .sidebar { margin: 0 -15px } .content .sidebar:before { content: ""; display: block; width: 100%; height: 40px; background: #f5f9fc } @media (min-width:1024px) { .content .sidebar { margin: 0; float: right; width: 314px } .content .sidebar:before { display: none } } .btn { display: block; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; line-height: 2.4; outline: none; border: none } .btn-default { background: #fafafa; color: #888 } .btn-default-border { border: 1px solid #b4b4b4; color: #888 } .btn-orange { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #ff7300, #ff9601); background-image: -o-linear-gradient(top, #ff7300 0, #ff9601 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7300), to(#ff9601)); background-image: linear-gradient(180deg, #ff7300 0, #ff9601); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff7300", endColorstr="#ffff9601", GradientType=0); background-color: #ff7300; -webkit-border-radius: 4px; border-radius: 4px; color: #fff } .btn-orange:hover { color: #fff; background: #ff811a } .btn-orange-light { background: #ff8f33 } .btn-orange-border { background: #fff5ef; border: 1px solid #ff7300; color: #ff7300 } .btn-orange-txt { border: 1px solid #fff5ef; background: #fff5ef; color: #ff7300 } .btn-orange-txt:hover { color: #fff; background: #ff7300; border-color: #ff7300 } .btn-blue { text-align: center; background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; color: #9e9e9e } @media (min-width:768px) { .btn-blue { background: #009a3a; -webkit-border-radius: 4px; border-radius: 4px; color: #fff } .btn-blue:hover { background: #1976ff } } .btn-blue.btn-save, .btn-blue.btn-submit { background: #009a3a; -webkit-border-radius: 4px; border-radius: 4px; color: #fff } .btn-blue.btn-save:hover, .btn-blue.btn-submit:hover { background: #1976ff } .btn-blue-border { background: #fff; border: 1px solid #009a3a; color: #009a3a } .btn-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .btn-group>.btn { -webkit-border-radius: 0; border-radius: 0 } .btn-group>.btn:first-child { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .btn-group>.btn:last-child { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .kind img { -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .kind:hover img { opacity: .8 } .kind .bdEvent { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; position: relative; display: block; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px } .kind .bdEvent:hover img { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .section-more { text-align: center; margin-bottom: 30px } @media (min-width:768px) { .section-more { margin-bottom: 0 } } .section-more .btn { display: block; text-align: center; background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; color: #9e9e9e; height: 50px; line-height: 50px; padding: 0 50px; white-space: nowrap } @media (min-width:768px) { .section-more .btn { background-color: #009a3a; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); -webkit-border-radius: 4px; border-radius: 4px; color: #fff; display: inline-block; font-size: 16px } .section-more .btn i { font-size: 12px; vertical-align: top; line-height: 50px; display: inline-block } .section-more .btn:hover { background-image: -webkit-gradient(linear, right top, left top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(right, #006eff, #13adff); background-image: -o-linear-gradient(right, #006eff 0, #13adff 100%); background-image: linear-gradient(270deg, #006eff, #13adff) } } .section-title { margin-bottom: 15px; position: relative } @media (min-width:768px) { .section-title { margin-bottom: 36px } } .section-title strong { display: block; font-size: 20px; overflow: hidden; background: #f5f9fc; margin: 0 -15px; padding: 15px; color: #3c3c3c; font-weight: 400 } @media (min-width:768px) { .section-title strong { font-size: 32px; margin: 0 30px 0 0; padding: 0; background: rgba(0,0,0,0); font-weight: 500 } } .section-title .sub { display: inline-block; font-size: 13px; font-weight: 400; vertical-align: text-bottom } @media (min-width:768px) { .section-title .sub { font-size: 14px } } .section-title .sub a { display: inline-block; height: 28px; line-height: 28px; padding: 0 9px; margin: 0 8px; -webkit-border-radius: 15px; border-radius: 15px; color: #8f8f8f; -webkit-transition: none; -o-transition: none; transition: none } @media (min-width:1024px) { .section-title .sub a { margin: 0 10px; -webkit-border-radius: 3px; border-radius: 3px } } .section-title .sub a:hover { color: #009a3a } .section-title .sub a.current { color: #fff; background: #009a3a; border-color: #009a3a } .section-title .more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; font-weight: 400; color: #adafb8 } .section-title .more em { font-style: normal; color: #009a3a } .section-title .more:hover { color: #009a3a } .sidebar-fixed { visibility: hidden; opacity: 0; height: 1px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; width: 100%; display: none } @media (min-width:768px) { .sidebar-fixed { width: 314px } } .sidebar-fixed.show { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: auto } @media (min-width:1024px) { .sidebar-fixed { display: block } .sidebar-fixed.autofixed-fixed { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: auto; position: fixed; -webkit-transition: none; -o-transition: none; transition: none } .sidebar-fixed.autofixed-absolute { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: auto; position: absolute; right: 0; bottom: 0 } } @media (max-width:1023px) { .sidebar-fixed .widget-article-menu { display: none } } .sidebar-fixed-2 { visibility: hidden; opacity: 0; height: 1px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; width: 100%; display: none } @media (min-width:768px) { .sidebar-fixed-2 { width: 314px } } .sidebar-fixed-2.show { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: auto } @media (min-width:1024px) { .sidebar-fixed-2 { display: block } .sidebar-fixed-2.autofixed-fixed { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: auto; position: fixed; -webkit-transition: none; -o-transition: none; transition: none } } @media (min-width:768px) { .divNeedScroll { overflow: hidden!important; position: relative } .divNeedScroll .scroll-div { position: absolute; right: 3px; top: 0; bottom: 0; width: 1px; height: 100%; background: #f2f2f2; -webkit-border-radius: 2px; border-radius: 2px } .divNeedScroll .scroll-div .block { display: block; position: absolute; left: -3px; top: 0; width: 7px; height: 20px; background: #eee; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer } .divNeedScroll .scroll-div .block:hover { background: #d8d8d8 } } .show-login-tip { display: none; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; white-space: nowrap; opacity: 0; visibility: hidden } @media (min-width:1024px) { .show-login-tip { display: block; position: fixed; right: 15px; top: -100%; z-index: 98; background: rgba(50,50,50,.8); -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 1em; color: #fff; letter-spacing: 1px } @supports (((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) or (-webkit-backdrop-filter:blur(10px))) { .show-login-tip { -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) } } .show-login-tip a { color: #009a3a } .show-login-tip:before { content: ""; display: block; position: absolute; right: 15px; bottom: 100%; width: 0; height: 0; border: 3px solid rgba(0,0,0,0); border-bottom-color: rgba(50,50,50,.8) } } @media (min-width:1330px) { .show-login-tip { right: 50%; margin-right: -650px; text-align: right } } .show-login-tip.show { opacity: 1; visibility: visible; top: 73px } .no-js .slide_loading { width: 100%; height: 300px } .vitara_slide_in { width: 100%; position: relative; letter-spacing: 1.2px } .vitara_slide_in .slide_loading { background-position: 50%; background-repeat: no-repeat } .vitara_slide_in .vitara_slide { width: 100%; position: relative; overflow: hidden } .vitara_slide_in .vitara_slide ul { margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .vitara_slide_in .vitara_slide ul li { display: block; margin: 0; padding: 0; text-align: center; position: absolute; overflow: hidden } .vitara_slide_in .vitara_slide ul li.current { z-index: 2 } .vitara_slide_in .vitara_slide ul li.finish, .vitara_slide_in .vitara_slide ul li.ready { z-index: 1 } .vitara_slide_in .vitara_slide ul li a { display: block; text-align: center } .vitara_slide_in .vitara_slide ul li img { display: block; margin: 0 auto; position: absolute; left: 50%; max-width: none; top: 0 } .vitara_slide_in .vitara_slide ul li h3 { display: none; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; margin: 0; font-size: 16px; color: #fff; text-align: left; text-shadow: 0 1px 3px #525252; background: -webkit-linear-gradient(top, hsla(0,0%,100%,0), rgba(0,0,0,.3)); background: -o-linear-gradient(top, hsla(0,0%,100%,0), rgba(0,0,0,.3)); background: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), to(rgba(0,0,0,.3))); background: linear-gradient(top, hsla(0,0%,100%,0), rgba(0,0,0,.3)) } .vitara_slide_in .vitara_slide ul li h3 .label { background: #fff; color: #525252; margin-right: 10px; text-shadow: 0 1px 1px #eee; box-shadow: 0 1px 1px #666; -moz-box-shadow: 0 1px 1px #666; -webkit-box-shadow: 0 1px 1px #666 } .vitara_slide_in .slide_btn { display: none; text-align: center; font-size: 16px; color: #fff; cursor: pointer; position: absolute; top: 0 } .vitara_slide_in .slide_btn i { padding: 20px 5px; background: #999; background: rgba(0,0,0,.1) } .vitara_slide_in .slide_btn i:before { content: "\e815" } .vitara_slide_in .slide_btn i.icon-left:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .vitara_slide_in .slide_btn:hover i { background: #333; background: rgba(0,0,0,.3) } .vitara_slide_in .slide_prev { left: 0 } .vitara_slide_in .slide_next { right: -.5px } .vitara_slide_in .extra { position: absolute; bottom: 0; z-index: 2; right: auto; left: 50%; } @media (min-width:1330px) { .vitara_slide_in .extra { right: auto; left: 50%; } } .vitara_slide_in .extra ul { padding: 0; margin: 0; text-align: right; overflow: hidden } .vitara_slide_in .extra li { display: inline-block; overflow: hidden; cursor: pointer; height: 8px; width: 8px; background: hsla(0,0%,100%,.5); margin: 0 0 5px 5px; -webkit-border-radius: 10px; border-radius: 10px } .vitara_slide_in .extra li .num, .vitara_slide_in .extra li .sign, .vitara_slide_in .extra li img, .vitara_slide_in .extra li span { display: none } .vitara_slide_in .extra li.current, .vitara_slide_in .extra li:hover { background: #fff } .vitara_slide_in .extra li.current { height: 8px; width: 18px } .articles_default { overflow: hidden; margin: 0 -8px; padding: 5px 0 } @media (min-width:768px) { .articles_default { margin: 0 -14px } } .articles_default .item_wrap { width: 50%; padding: 0 8px; margin-bottom: 20px; float: left } @media (min-width:768px) { .articles_default .item_wrap { width: 33.3333%; padding: 0 14px; margin-bottom: 40px } } @media (min-width:1024px) { .articles_default .item_wrap { width: 25% } } .articles_default .item { background: #fff; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } @media (min-width:768px) { .articles_default .item { -webkit-border-radius: 6px; border-radius: 6px } } .articles_default .item:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .articles_default .item .item-thumb .thumb { -webkit-border-radius: 4px; border-radius: 4px } @media (min-width:768px) { .articles_default .item .item-thumb .thumb { -webkit-border-radius: 0; border-radius: 0 } } .articles_default .item .item-thumb .thumb:hover { opacity: .8 } .articles_default .item .item-main { padding: 10px 0 } @media (min-width:768px) { .articles_default .item .item-main { padding: 15px 20px } } .articles_default .item .item-main h2 { font-size: 14px; font-weight: 400; margin-bottom: 10px; line-height: 1.6; height: 3.2em; overflow: hidden } @media (min-width:768px) { .articles_default .item .item-main h2 { font-size: 16px; /*margin-bottom: 20px*/ } } .articles_default .item .item-main h2 a { color: #3c3c3c } .articles_default .item .item-main h2 a:hover { color: #009a3a } .articles_default .item .item-main .title-tag { font-style: normal; font-size: 12px; display: inline-block; border: 1px solid #009a3a; -webkit-border-radius: 3px; border-radius: 3px; color: #009a3a; padding: 0 3px; line-height: 1.4; vertical-align: middle; margin-top: -2px; margin-right: 2px } .articles_default .item .item-main .title-tag.tag-hot { color: #ff7300; border-color: #ff7300 } .articles_default .item .item-main h4 { font-size: 12px; line-height: 1.1; height: 1.1em; font-weight: 400; color: #bdbdbd; overflow: hidden; height:30px; } @media (min-width:768px) { .articles_default .item .item-main h4 { font-size: 12px; line-height: 2; height: 26px } } .articles_default .item .item-main h4 a { color: #bdbdbd } .articles_default .item .item-main h4 a:hover { color: #009a3a } .articles_default .item .item-main h4 span { float: left } @media (min-width:1024px) { .articles_default .item .item-main h4 span { width: 50% } } .articles_default .item .item-main h4 .author { display: block } @media (min-width:1024px) { .articles_default .item .item-main h4 .author { display: block } } @media (min-width:1024px) { .articles_default .item .item-main h4 .term { text-align: right } } .articles_default .item .item-main h4 .term .views { font-style: normal; display: none } .articles_default .item .item-main .avatar { width: 24px; height: 24px; -webkit-border-radius: 100%; border-radius: 100%; padding: 0; display: inline-block; vertical-align: middle } .articles_default .item-hot .item-main h4 .term a { display: none } .articles_default .item-hot .item-main h4 .term .views { display: inline } .articles_default .item-hot .item-main h4 .term .views i { margin-right: 5px } .articles_knowledge { margin: 0 -14px; overflow: hidden } .articles_knowledge .item_wrap { float: left; width: 100%; padding: 25px 14px 15px } @media (min-width:1024px) { .articles_knowledge .item_wrap { width: 50%; margin-bottom: 30px } } .articles_knowledge .item { background: #fff; padding: 0; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; min-height: 145px } @media (min-width:768px) { .articles_knowledge .item { padding: 30px 40px } } .articles_knowledge .item:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .articles_knowledge .item-main { position: relative; padding-right: 126px } @media (min-width:768px) { .articles_knowledge .item-main { height: 210px; padding-right: 246px; margin-bottom: 30px } } .articles_knowledge .item-main .item-thumb { position: absolute; right: 0; top: 0; width: 110px } @media (min-width:768px) { .articles_knowledge .item-main .item-thumb { top: -50px; width: 200px } } .articles_knowledge .item-main .item-thumb .item-href { display: block; -webkit-border-radius: 6px; border-radius: 6px } .articles_knowledge .item-main .item-thumb .thumb { padding-top: 130%; -webkit-border-radius: 6px; border-radius: 6px; -webkit-background-size: contain; background-size: contain } .articles_knowledge .item-main h2 { font-size: 14px; line-height: 1.5; height: 3em; overflow: hidden; margin-bottom: 5px; font-weight: 400; color: #2c3e50; height:100%; max-height:80px; } @media (min-width:768px) { .articles_knowledge .item-main h2 { font-size: 18px; margin-bottom: 20px } } .articles_knowledge .item-main h2 a { color: #2c3e50 } .articles_knowledge .item-main h2 a:hover { color: #009a3a } .articles_knowledge .item-main ul li { display: block; padding: 5px; overflow: hidden; font-size: 12px } @media (min-width:768px) { .articles_knowledge .item-main ul li { padding: 10px; font-size: 14px } } .articles_knowledge .item-main ul li:nth-child(odd) { background: hsla(0,0%,84.7%,.16) } .articles_knowledge .item-main ul li a { position: relative; display: block; height: 22px; line-height: 22px; overflow: hidden; color: #7c808a } .articles_knowledge .item-main ul li a:hover { color: #009a3a } .articles_knowledge h4 { font-size: 12px; line-height: 24px; font-weight: 400; color: #bdbdbd; overflow: hidden; height: 24px; display: none } @media (min-width:768px) { .articles_knowledge h4 { display: block } } .articles_knowledge h4 a { color: #bdbdbd } .articles_knowledge h4 a:hover { color: #009a3a } .articles_knowledge h4 span { float: left; margin-right: 40px } .articles_knowledge .avatar { width: 24px; height: 24px; -webkit-border-radius: 100%; border-radius: 100%; padding: 0; display: inline-block; vertical-align: top } .component-copy .txt { font-style: normal; cursor: pointer; color: #ff7300 } .component-copy .txt:hover { color: #009a3a } .component-copy .copy-content { width: 1px; opacity: 0 } .has_fav .icon-collect-1:before { content: "\e80c" } .widget { background: #fff; margin-bottom: 30px; -webkit-border-radius: 6px; border-radius: 6px; padding: 30px 20px } .widget .section-title { font-size: 20px; font-weight: 400; color: #333; letter-spacing: 0; padding-bottom: 16px; margin-bottom: 30px; border-bottom: 1px solid #f2f2f2 } .widget .widget-more .btn { line-height: 40px; height: 40px; text-align: center; background: #eff1f4; color: #8f8f8f } .widget .widget-more .btn:hover { background: #009a3a; color: #fff } @media (min-width:1024px) { .widget-sifangke { border: 1px solid #f2f2f2; padding: 16px } } .widget-sifangke a { display: block; position: relative } .widget-sifangke a:hover .item-thumb:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 1 } .widget-sifangke a:hover .item-thumb:after { content: "\e81c"; font-family: fontello; font-style: normal; font-weight: 400; speak: none; font-size: 24px; display: inline-block; text-decoration: inherit; width: 1em; height: 1em; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; margin: -.75em 0 0 -.5em; z-index: 2 } .widget-sifangke .item-count { position: absolute; left: 0; top: 0; background: #009a3a; color: #fff; font-size: 11px; line-height: 1.5; padding: 0 6px; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; z-index: 3 } .widget-sifangke .item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #eaeaea } .widget-sifangke .item:last-child { padding-bottom: 0; border-bottom: none } .widget-sifangke .item .item-thumb { overflow: hidden; position: relative } .widget-sifangke .item .item-thumb, .widget-sifangke .item .item-thumb .thumb { -webkit-border-radius: 3px; border-radius: 3px } .widget-sifangke .item .item-title { font-size: 16px; font-weight: 400; margin-bottom: 15px } .widget-sifangke .item .item-meta { font-size: 13px; color: #888; overflow: hidden } .widget-sifangke .item .item-meta .meta-i { float: left } .widget-sifangke .item .stars { font-size: 11px } .widget-sifangke .item .stars .star { color: #dedede } .widget-sifangke .item .stars .star:before { margin: 0 2px } .widget-sifangke .item .stars .active { color: #ffb200 } .widget-sifangke .item .item-tags { margin: 0 -5px; font-size: 12px; font-weight: 400; line-height: 2; height: 2em; overflow: hidden } .widget-sifangke .item .item-tags .tag { display: inline-block; background: #f7f7f7; padding: 0 5px; margin: 0 5px; -webkit-border-radius: 3px; border-radius: 3px; color: #a7a7a7; white-space: nowrap } .widget-sifangke .item .item-tags .tag:hover { background: #009a3a; color: #fff } .widget-sifangke .item-first .item-thumb { margin-bottom: 15px; -webkit-border-radius: 3px; border-radius: 3px } .widget-sifangke .item-first .item-thumb .thumb { -webkit-border-radius: 3px; border-radius: 3px; padding-top: 66.8% } .widget-sifangke .item-first .item-meta { margin-bottom: 10px } .widget-sifangke .item-first .item-meta .meta-xin { float: right } .widget-sifangke .item-first .item-meta .meta-jineng { color: #009a3a; border: 1px solid #009a3a; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 5px 0 25px; position: relative } .widget-sifangke .item-first .item-meta .meta-jineng span { background: #009a3a; color: #fff; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 5px; font-size: 14px; display: block; position: absolute; left: -.5px; top: -.5px; line-height: 20px; padding: 0 3px } .widget-sifangke .item-first a:hover .item-thumb:after { font-size: 42px } .widget-sifangke .item-other .item-count { top: 5px } .widget-sifangke .item-other a { position: relative; padding: 0 0 0 130px } .widget-sifangke .item-other .item-thumb { position: absolute; left: 0; top: 5px; width: 110px } .widget-sifangke .item-other .item-thumb .thumb { padding-top: 75% } .widget-sifangke .item-other .item-title { height: 3em; overflow: hidden } .widget-sifangke .item-other .item-tags { margin-bottom: 15px } .widget-sifangke .item-other .jineng { position: absolute; left: 0; top: 102px; color: #009a3a; font-size: 13px; width: 120px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis } .widget-sifangke .item-other .jineng i { font-size: 13px } .widget-sifangke .item-other .jineng i:before { margin: 0 0 0 2px } .widget-author .author-main { min-height: 80px; padding: 0 0 0 100px; position: relative; margin-bottom: 20px } .widget-author .author-main .author-avatar { position: absolute; left: 0; top: 0; width: 80px } .widget-author .author-main .author-avatar .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden } .widget-author .author-main .author-title { font-size: 20px; color: #000; letter-spacing: 0; margin-bottom: 10px } .widget-author .author-main .author-icon { font-size: 15px; color: #9ba5af; margin: 0 -3px } .widget-author .author-main .author-icon a { color: #9ba5af } .widget-author .author-main .author-icon a:hover { color: #009a3a } .widget-author .author-main .author-icon .ai { display: inline-block; width: 34px; line-height: 32px; border: 2px solid #9ba5af; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; margin: 0 4px } .widget-author .author-main .author-icon .ai i:before { margin-left: -2px } .widget-author .author-main .author-icon .ai:hover { color: #009a3a; border-color: #009a3a } .widget-author .author-main .author-icon .hover-show { position: relative } .widget-author .author-main .author-icon .hover-show:hover .hover-show-content { display: block!important; position: absolute; right: 108%; bottom: -20px; width: 100px } .widget-author .desc { margin-bottom: 10px } .widget-author .desc, .widget-author .published { font-size: 14px; color: #8f8f8f; font-weight: 400; line-height: 1.6428 } .widget-author .published { margin-bottom: 20px } .widget-author .published em { font-family: ArialMT; font-size: 20px; color: #3c3c3c; letter-spacing: 0; text-align: center; font-style: normal } .widget-author .author-posts { border-top: 1px dashed #eaeaea; padding-top: 20px } .widget-author .author-posts li { display: block; font-size: 14px; letter-spacing: 0; color: #3c3c3c; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 16px } .widget-author .author-posts li:last-child { margin-bottom: 0 } .widget-author .author-posts li a { color: #3c3c3c } .widget-author .author-posts li a:hover { color: #009a3a } .widget-author .author-posts li .num { display: inline-block; vertical-align: top; height: 20px; width: 20px; -webkit-border-radius: 3px; border-radius: 3px; background: #ff7300; color: #fff; text-align: center; line-height: 20px; margin-right: 10px; font-style: normal; font-family: Microsoft Yahei } .widget-show { padding: 0; display: none } @media (min-width:1024px) { .widget-show { display: block } } .widget-show .kind img { width: 100%; height: auto } .widget-hot-inspirations .section-title { border-bottom: none; margin-bottom: 2px } .widget-hot-inspirations .items { overflow: hidden } .widget-hot-inspirations .item { margin-bottom: 30px; position: relative; padding-left: 120px } .widget-hot-inspirations .item .item-thumb { position: absolute; left: 0; top: 4px; width: 100px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden } .widget-hot-inspirations .item .item-thumb .thumb { padding-top: 66.67%; -webkit-border-radius: 4px; border-radius: 4px } .widget-hot-inspirations .item .item-thumb .num { width: 19px; height: 26px; line-height: 20px; text-align: center; color: #fff; font-size: 12px; font-family: ArialMT, Arial; background: url(../images/uiii-03.png) no-repeat 0 0; position: absolute; left: 0; top: 0 } .widget-hot-inspirations .item h2 { font-size: 14px; font-weight: 400; color: #3c3e43; margin-bottom: 10px } .widget-hot-inspirations .item h4 { font-size: 14px; font-weight: 400; color: #a5a8b1 } .widget-hot-inspirations .item a { display: block } .widget-hot-inspirations .item a:hover .thumb { opacity: .8 } .widget-hot-inspirations .item a:hover h2 { color: #009a3a } .widget-hot-search .section-title { border-bottom: none; margin-bottom: 0 } .widget-hot-search .item { position: relative; min-height: 68px; padding: 0 0 0 120px; margin-bottom: 28px } .widget-hot-search .item:last-child { margin-bottom: 0 } .widget-hot-search .item .item-thumb { position: absolute; left: 0; top: 0; width: 100px } .widget-hot-search .item .item-thumb .thumb { padding-top: 68%; -webkit-border-radius: 4px; border-radius: 4px } .widget-hot-search .item .item-thumb .num { display: none } .widget-hot-search .item h2 { font-size: 14px; font-weight: 400; color: #3c3c3c; margin-bottom: 10px; line-height: 1.5; height: 3em; overflow: hidden } .widget-hot-search .item h4 { font-size: 12px; font-weight: 400; color: #bdbdbd } .widget-hot-search .item a:hover .thumb { opacity: .8 } .widget-hot-search .item a:hover h2 { color: #009a3a } .widget-hot-search-tag .section-title { border-bottom: none; margin-bottom: 0 } .widget-hot-search-tag .items { margin: 0 -8px } .widget-hot-search-tag .items a { display: inline-block; line-height: 34px; margin: 0 8px 16px; background: #f7f8f9; color: 14px; color: #8f8f8f; height: 34px; white-space: nowrap; padding: 0 10px; -webkit-border-radius: 4px; border-radius: 4px } .widget-hot-search-tag .items a:hover { background: #009a3a; color: #fff } .widget-search-history .section-title { position: relative } .widget-search-history .section-title .clear-all-history { position: absolute; right: 15px; bottom: 16px; color: #bdbdbd; font-size: 12px; cursor: pointer } .widget-search-history .section-title .clear-all-history:hover { color: #009a3a } @media (min-width:768px) { .widget-search-history .section-title .clear-all-history { right: 0 } } .widget-search-history .list-article { font-size: 14px; line-height: 1.5; color: #8f8f8f } .widget-search-history .list-article li { display: block; margin-bottom: 10px; position: relative } .widget-search-history .list-article li:hover .search-tag-close { display: inline-block } .widget-search-history .list-article li span { position: absolute; right: 0; top: 0; font-size: 12px; color: #bdbdbd } .widget-search-history .list-article li a { color: #8f8f8f; display: inline-block; height: 1.5em; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100px; vertical-align: middle } .widget-search-history .list-article li a:hover { color: #009a3a } .widget-search-history .list-article li .search-tag-close { cursor: pointer; margin-left: 10px; font-size: 11px; display: none; vertical-align: middle } .widget-search-history .list-article li .search-tag-close:hover { color: #009a3a } .widget-article-menu { display: none } @media (min-width:1024px) { .widget-article-menu { display: block } } .widget-article-menu .section-title { border-bottom: none; margin-bottom: 0 } .widget-article-menu .widget-content { font-size: 14px; line-height: 1.5em; max-height: 17.5em; overflow-y: auto } .widget-article-menu .widget-content li { display: block; height: 1.5em; overflow: hidden; margin-bottom: 1em; position: relative; padding-left: 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis } .widget-article-menu .widget-content li:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; -webkit-border-radius: 100%; border-radius: 100%; background: #dadada; margin-top: -2px } .widget-article-menu .widget-content li.current:before, .widget-article-menu .widget-content li:hover:before { width: 6px; height: 6px; background: #009a3a; margin-top: -3px } .widget-article-menu .widget-content li.current a, .widget-article-menu .widget-content li:hover a { color: #009a3a } .widget-article-menu.show_fixed { display: block!important; position: fixed; left: auto; right: 15px; bottom: 15px; margin-bottom: 0!important; max-width: 100%; margin: 0 64px 0 15px; z-index: 30 } .breadcrumb { line-height: 32px } .breadcrumb, .breadcrumb a { color: #8f8f8f; margin:20px auto; } .breadcrumb a:hover { color: #009a3a } .breadcrumb li { display: inline } .breadcrumb li:after { content: " >" } .breadcrumb li:first-child:after, .breadcrumb li:last-child:after { content: ""; display: none } .breadcrumb .txt { display: none } @media (min-width:768px) { .breadcrumb .txt { display: inline } } .share-div { display: none; color: #bbb } @media (min-width:768px) { .share-div { display: block } } .share-div .share_ul { margin: 0 -4px } .share-div .share_ul>li { display: inline } .share-div .share_ul a { display: inline-block; font-size: 16px; width: 34px; height: 34px; line-height: 34px; text-align: center; margin: 0 4px; border: 1px solid #9ba5af; background: #9ba5af; color: #fff; -webkit-border-radius: 100%; border-radius: 100% } .share-div .share_ul a i:before { margin: 0 0 0 -2px } .share-div .share_ul a i.icon-share-QQ:before { margin: 0 } .share-div .share_ul a:hover { background: #ff9300; border-color: #ff9300 } .share-div .share_ul .close-li { display: none } .crumbs-hot-tags { margin-right: -7px; line-height: 32px; color: #8f8f8f } .crumbs-hot-tags a { display: inline-block; margin: 10px; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 7px; color: #8f8f8f } .crumbs-hot-tags a:hover { color: #fff; background: #009a3a } .nav-pages .nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -5px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width:768px) { .nav-pages .nav { display: inline-block; vertical-align: top } } .nav-pages .nav li { display: none; padding: 0 5px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px } .nav-pages .nav li.active, .nav-pages .nav li.fy { display: block; } @media (min-width:768px) { .nav-pages .nav li { display: inline; margin: 0; width: auto } .nav-pages .nav li.active, .nav-pages .nav li.fy { display: inline } } .nav-pages .nav a { display: block; text-align: center; background: #f0f0f0; font-size: 14px; color: #333; line-height: 38px; height: 38px; overflow: hidden; padding: 0 15px; border: 1px solid #f3f3f3; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media (min-width:768px) { .nav-pages .nav a { display: inline-block; background: #fff } } .nav-pages .nav a:hover { color: #009a3a; background: #fff; border-color: #009a3a } .nav-pages .nav .disabled a { cursor: default; color: #333; border: none; background: rgba(0,0,0,0); padding: 0 } .nav-pages .nav .active a { background: #009a3a; border-color: #009a3a; color: #fff; padding: 0 15px } .nav-pages.no-pages { color: #bfbfbf } .go-page { display: none; font-size: 14px; color: #333; vertical-align: top; margin-left: 5px } @media (min-width:1024px) { .go-page { display: inline-block } } .go-page .go_em { position: relative; display: inline-block } .go-page .go_em:hover button { display: block } .go-page .txt { height: 20px; padding: 9px; background: #fff; line-height: 20px; font-family: Microsoft Yahei; width: 40px; height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .go-page .txt, .go-page button { border: none; font-size: 14px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center } .go-page button { position: absolute; top: 100%; left: 0; right: 0; display: none; width: 100%; background: #009a3a; color: #fff; text-transform: uppercase; height: 26px; line-height: 26px; font-family: ArialMT, Arial; cursor: pointer } .part-hot-knowledge .part-title { font-size: 20px; color: #3c3c3c; margin: 0 -15px; font-weight: 400; background: #f5f9fc; padding: 15px } @media (min-width:768px) { .part-hot-knowledge .part-title { font-size: 30px; background: rgba(0,0,0,0); margin: 0 0 30px; padding: 0 } } .part-hot-knowledge .part-content { margin: 0 0 30px } @media (min-width:768px) { .part-hot-knowledge .part-content { margin: 0 } } .part-hot-knowledge .part-more { text-align: center; margin-bottom: 20px } .part-hot-knowledge .part-more .btn { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(left, #00c4ff, #1f85fc); background-image: -o-linear-gradient(left, #00c4ff, #1f85fc); background-image: -webkit-gradient(linear, left top, right top, from(#00c4ff), to(#1f85fc)); background-image: linear-gradient(left, #00c4ff, #1f85fc); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00c4ff", endColorstr="#ff1f85fc", GradientType=1); -webkit-box-shadow: 0 5px 10px 0 rgba(16,162,253,.3); box-shadow: 0 5px 10px 0 rgba(16,162,253,.3); -webkit-border-radius: 6px; border-radius: 6px; color: #fff; height: 50px; line-height: 50px; width: 200px; display: inline-block } .part-hot-knowledge .part-more .btn:hover { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(left, #1f85fc, #00c4ff); background-image: -o-linear-gradient(left, #1f85fc, #00c4ff); background-image: -webkit-gradient(linear, left top, right top, from(#1f85fc), to(#00c4ff)); background-image: linear-gradient(left, #1f85fc, #00c4ff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1f85fc", endColorstr="#ff00c4ff", GradientType=1) } .inspiration-recommend-bottom .menu { overflow: hidden; margin: 0 -14px } .inspiration-recommend-bottom .menu>li { float: left; width: 25%; padding: 0 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .inspiration-recommend-bottom .link-0 { display: block; font-size: 20px; font-weight: 400; margin-bottom: 20px; height: 1.2em; line-height: 1.2; overflow: hidden; white-space: nowrap; color: #6a6a6a } .inspiration-recommend-bottom .link-0 i { margin-right: 10px } .inspiration-recommend-bottom .link-0:hover { color: #009a3a } .inspiration-recommend-bottom .link-1 { color: #8f8f8f; padding-right: 7px } .inspiration-recommend-bottom .link-1:hover { color: #009a3a } .inspiration-recommend-bottom .nav-1 { margin-bottom: 30px; height: 60px; overflow: hidden } .inspiration-recommend-bottom .nav-1 li { display: inline-block; white-space: nowrap; margin-right: 3px; font-size: 14px; line-height: 30px } .inspiration-recommend-bottom .nav-1 li:last-child a { border-right: none } .inspiration-recommend-bottom h3 { font-size: 14px; margin-top: 10px; height: 18px; overflow: hidden; display: none } .inspiration-recommend-bottom .thumb { -webkit-border-radius: 4px; border-radius: 4px } .inspiration-recommend-bottom a:hover .thumb { opacity: .8 } .part-main-365 { display: none } @media (min-width:768px) { .part-main-365 { margin-bottom: 30px; display: block } } .part-main-365 .daka-content { -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; padding: 36px 220px 36px 300px; position: relative; background: #ecf7ff url(../images/uiii-04.png) no-repeat 0 100% } .part-main-365 .daka-content h2 { font-size: 20px; color: #009a3a; letter-spacing: 0; font-weight: 400; margin-bottom: 10px } .part-main-365 .daka-content p { font-size: 14px; color: #656565; letter-spacing: 0; text-align: justify; line-height: 27px } .part-main-365 .daka-content a { color: #009a3a } .part-main-365 .daka-content a:hover { color: #ff7300 } .part-main-365 .daka-content .btns { position: absolute; right: 40px; top: 50%; margin-top: -25px } .part-main-365 .daka-content .btns .btn { display: inline-block; width: 140px; line-height: 50px; height: 50px; color: #fff } .part-404 { background: #eff1f4 } .part-404 .container { background-image: url(../images/uiii-404-new.jpg); -webkit-background-size: 70% 70%; background-size: 70%; background-position: 100% 0; background-repeat: no-repeat } @media (min-width:768px) { .part-404 .container { -webkit-background-size: auto auto; background-size: auto; background-position: 100% 100% } } .part-404 .main { padding: 60px 0 80px; color: #888; font-size: 16px; line-height: 1.875; max-width: 600px } @media (min-width:768px) { .part-404 .main { padding: 80px 0 180px } } .part-404 .main h2 { font-size: 32px; margin-bottom: 20px; color: #333; width: 60% } @media (min-width:768px) { .part-404 .main h2 { width: auto; font-size: 40px } } .part-404 .main p { margin-bottom: 20px } .part-404 .main h3 { font-size: 20px; color: #ff7300; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px } @media (min-width:768px) { .part-404 .main h3 { max-width: 300px } } @media (min-width:1024px) { .part-404 .main h3 { max-width: none } } .part-404 .main h3 a { color: #ff7300 } .part-404 .main h4 { font-size: 20px; color: #333; margin-bottom: 20px } .part-404 .main ol { margin: 0 17px; font-size: 13px } @media (min-width:768px) { .part-404 .main ol { font-size: 16px } } .part-404 .main ol li { list-style: decimal outside; margin-bottom: 5px; padding-left: 10px } .part-404 .main ol li a { color: #ff7300; text-decoration: underline } .modal-mark { background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; visibility: hidden; opacity: 0 } .modal-mark, .modal-mark.modal-show { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transition: none; -o-transition: none; transition: none } .modal-mark.modal-show { visibility: visible; opacity: 0 } @supports (((-webkit-backdrop-filter:saturate(150%) blur(50px)) or (backdrop-filter:saturate(150%) blur(50px))) or (-webkit-backdrop-filter:saturate(150%) blur(50px))) { .modal-mark.modal-show { background:rgba(0,0,0,.5); -webkit-backdrop-filter:saturate(150%) blur(50px); backdrop-filter:saturate(150%) blur(50px) } } @supports (((-webkit-backdrop-filter:saturate(150%) blur(50px)) or (backdrop-filter:saturate(150%) blur(50px))) or (-webkit-backdrop-filter:saturate(150%) blur(50px))) { .modal-mark.modal-show.modal-show-images { background:rgba(0,0,0,.8); -webkit-backdrop-filter:none; backdrop-filter:none } } .modal-mark.modal-mark-for-selects { z-index: 40 } @supports (((-webkit-backdrop-filter:saturate(150%) blur(50px)) or (backdrop-filter:saturate(150%) blur(50px))) or (-webkit-backdrop-filter:saturate(150%) blur(50px))) { .notLoginUserLoginEvent .modal-mark.modal-show { -webkit-backdrop-filter:none; backdrop-filter:none } } .modal-part { position: fixed; left: 0; right: 0; top: -150%; z-index: 100; visibility: hidden; opacity: 0 } .modal-part, .modal-part.modal-show { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .modal-part.modal-show { top: 0; visibility: visible; opacity: 1 } .modal-part.modal-part-middle.modal-show { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .modal-login-panel { padding: 0 15px } @media (min-width:1024px) { .modal-login-panel { padding: 0 } } .modal-login-panel .modal-close { display: block; padding: 10px; position: absolute; right: 5px; top: 5px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; cursor: pointer; color: #8f8f8f } @media (min-width:768px) { .modal-login-panel .modal-close { right: -10px; top: -40px; color: #fff; font-size: 18px } } .modal-login-panel .modal-close:hover { color: #009a3a; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .modal-login-panel .login_wrap { background: #009a3a; -webkit-border-radius: 4px; border-radius: 4px; overflow: visible; position: relative; margin: 0 auto; width: 100%; background-image: url(../images/uiii-001.png); background-position: 146px bottom; background-repeat: no-repeat } @media (min-width:1024px) { .modal-login-panel .login_wrap { width: 940px } } .modal-login-panel .wxlogin-sidebar { width: 400px; padding: 50px 50px 0; color: #fff; display: none } @media (min-width:1024px) { .modal-login-panel .wxlogin-sidebar { float: left; display: block } } .modal-login-panel .wxlogin-sidebar h2 { font-size: 22px; margin-bottom: 30px } .modal-login-panel .wxlogin-sidebar li { display: block; margin-bottom: 25px; font-size: 15px } .modal-login-panel .wxlogin-sidebar li i { margin-right: 10px; opacity: .52 } .modal-login-panel .wxlogin-main { background: #fff; -webkit-border-radius: 4px; border-radius: 4px } @media (min-width:1024px) { .modal-login-panel .wxlogin-main { margin-left: 400px; width: 540px; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } } .modal-login-panel .wxlogin-main h2 { font-size: 20px; line-height: 1; margin-bottom: 40px; padding: 30px 0 20px; font-weight: 400; border-bottom: 1px solid #f2f2f2; text-align: center } .modal-login-panel .wxlogin-main h2 span { display: none; width: 48%; text-align: center } .modal-login-panel .wxlogin-main h2 span.current { display: inline-block; color: #009a3a } .modal-login-panel .wxlogin-main .wxlogin-main-content { text-align: center; padding: 0 0 30px } @media (min-width:768px) { .modal-login-panel .wxlogin-main .wxlogin-main-content { padding: 0 110px 50px } } .modal-login-panel .wxlogin-main .wxlogin-main-content iframe { width: 250px; height: 250px } @media (min-width:375px) { .modal-login-panel .wxlogin-main .wxlogin-main-content iframe { width: 320px; height: 320px } } .modal-login-panel .wxlogin-main h4 { font-size: 14px; padding: 10px 8px 8px; background: #f6f6f6; color: #777; margin: 0 20px; -webkit-border-radius: 30px; border-radius: 30px; text-align: center } .modal-login-panel .wxlogin-main h4 em { font-style: normal; color: #47c333 } .modal-login-panel .wxlogin-main h4.wechatoffiH4 em { color: #0670f8 } .modal-login-panel .wxlogin-main h4.wechatoffiH4 em img { width: 14px; margin: -2px 2px 0 } .modal-login-panel .wxlogin-main h3 { font-size: 15px; color: #777; margin-bottom: 10px } .modal-login-panel .wxlogin-main .ewm { margin: 0 -10px } .modal-login-panel .wxlogin-main .wx { display: none; text-align: center; font-size: 14px; margin: 5px 0 8px; letter-spacing: 1px } .modal-login-panel .wxlogin-main .wx i { color: #47c333; margin-right: 5px } .modal-login-panel .wxlogin-protocol { margin-bottom: 0 } .modal-login-panel .wxlogin-protocol a { color: #009a3a } .modal-login-panel .wxlogin-protocol .ico { display: inline-block; width: 18px; height: 18px; -webkit-border-radius: 18px; border-radius: 18px; background: #fff; vertical-align: top; margin-right: 2px; text-align: center } .modal-login-panel .wxlogin-protocol .ico:before { content: ""; display: inline-block; border: 1px solid #ccc; width: 14px; height: 14px; -webkit-border-radius: 14px; border-radius: 14px; vertical-align: text-top; margin-top: 2px } .modal-login-panel .wxlogin-protocol .checked .ico:before { content: "\e864"; font-family: fontello; border: none; color: #009a3a; font-style: normal; font-weight: 400; font-size: 16px; text-align: center; margin: -1px 0 0 } .modal-login-panel .wxlogin-protocol input { display: none } .modal-login-panel .avatar { display: inline-block; width: 40px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; background-image: url(../images/avatar-uisdc-chat.png); background-position: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; vertical-align: top } .modal-login-panel .btn { display: block; color: #fff; background: #009a3a; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; font-size: 18px; line-height: 40px; height: 40px; text-align: center; margin-bottom: 10px } .modal-login-panel .btn i { margin-right: 10px; vertical-align: middle } .modal-login-panel .btn:hover { background: #06f } .modal-qr { width: 316px; position: fixed; left: 50%; top: 50%; margin: -200px 0 0 -150px; background: #fff; padding: 30px; text-align: center; display: none; z-index: 199999 } .modal-qr.modal-show { display: block } .modal-qr h2 { font-size: 24px; margin: 0 0 30px } .modal-qr p { margin-top: 10px; font-size: 14px; line-height: 2 } .modal-qr p span { background: #61c408; color: #fff; padding: 3px 5px } .modal-qr .close { position: absolute; display: block; right: 10px; top: 10px; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .modal-qr .close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: #ff7300 } .modal-menu { height: 100%; position: fixed; left: -100%; top: 44px; right: 100% } @media (min-width:1024px) { .modal-menu { display: none } } .modal-menu.modal-show { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; left: 0; right: 80px; z-index: 100 } .modal-menu .modal-content { background: #fff; width: 100%; height: 100%; overflow-y: auto } .modal-menu .form { padding: 15px 25px; position: relative } .modal-menu .form form { position: relative } .modal-menu .form .txt { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f7f7f7; padding: 10px 60px 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; width: 100%; height: 40px; line-height: 20px; color: #888; font-size: 14px } .modal-menu .form .btn { display: block; position: absolute; right: 6px; top: 4px; border: none; background: rgba(0,0,0,0); width: 30px; height: 32px; overflow: hidden; text-align: center; outline: none; color: #888 } .modal-menu .form .btn i { display: block } .modal-menu .form .ji-icon { display: none } .modal-menu .menu { padding-left: 25px } .modal-menu .menu .link-0 { display: block; font-size: 15px; color: #262626; padding: 15px 0; border-bottom: 1px solid #f7f7f7 } .modal-menu .menu .link-0:hover { color: #009a3a } .modal-menu .menu .has-children .link-0 { position: relative } .modal-menu .menu .has-children .link-0:after { content: "\e815"; font-family: fontello; font-style: normal; font-weight: 400; speak: none; font-size: 10px; display: block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; position: absolute; right: 25px; top: 50%; margin-top: -.5em; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #888; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .modal-menu .menu .has-children.show .link-0:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .modal-menu .menu .has-children.show .sub-nav { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: auto; padding-top: 25px } .modal-menu .menu .sub-nav { background: #fafafa; padding: 0 25px; margin-left: -25px; visibility: hidden; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; height: 0; overflow: hidden } .modal-menu .menu .sub-nav.section-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .modal-menu .menu .sub-nav.section-content .item { width: 50%; text-align: center; margin-bottom: 20px } .modal-menu .menu .sub-nav.section-content .item i { font-size: 22px; color: #009a3a } .modal-menu .menu .sub-nav.section-content .item h3 { font-size: 14px; font-weight: 400; color: #666 } .modal-menu .menu .sub-nav.section-content .coming, .modal-menu .menu .sub-nav.section-content .item h4, .modal-menu .menu .sub-nav.section-content .item h5 { display: none } .modal-menu .menu .sub-nav.nav-1 { padding-bottom: 5px } .modal-menu .menu .sub-nav.nav-1 li { margin-bottom: 20px } .modal-menu .menu .nav-1 { display: none } .modal-menu .site-info { padding: 20px 5px 40px; font-size: 10px; color: #999; text-align: center; line-height: 1.85 } @media (max-width:767px) { .home .11-fav { display: none } } .11-menus { background: #2f3234; padding: 60px 0 50px; color: #676b6f; display: none } @media (min-width:1024px) { .11-menus { display: block } } .11-menus a { color: #676b6f } .11-menus a:hover { color: #fff } .11-menus .site { padding-right: 80px; width: 265px; min-height: 220px; position: relative } .11-menus .site:after { content: ""; display: block; width: 0; height: 10px; position: absolute; top: 50%; right: 0; height: 100%; top: 0; margin-top: 0; border-right: 1px solid; border-color: #25282a; -webkit-box-shadow: 1px 0 1px #393c40; box-shadow: 1px 0 1px #393c40 } .11-menus .site .logo { font-size: 56px; color: #c6c7c9; margin-bottom: 35px; line-height: 1 } .11-menus .site .logo img { width: 150px; height: auto; margin-left: -12px } .11-menus .site p { line-height: 30px } .11-menus .menus { margin-left: 265px; margin-right: 278px } .11-menus .menus .menu-div { float: left; width: 50%; padding-left: 50px; font-size: 14px; display: none } .11-menus .menus .menu-div.menu-1, .11-menus .menus .menu-div.menu-2 { display: block } @media (min-width:1240px) { .11-menus .menus .menu-div { width: 33.3333% } .11-menus .menus .menu-div.menu-3 { display: block } } @media (min-width:1330px) { .11-menus .menus .menu-div { width: 25%; display: block } } .11-menus .menus .menu-div h2 { font-size: 18px; color: #c6c7c9; margin-bottom: 20px; font-weight: 400 } .11-menus .menus .menu-div li { line-height: 1.5; margin-bottom: 10px } .11-menus .ewms { width: 278px; padding-left: 60px; min-height: 220px; position: relative; color: #949498 } .11-menus .ewms:before { content: ""; display: block; width: 0; height: 10px; position: absolute; top: 50%; left: 0; height: 100%; top: 0; margin-top: 0; border-right: 1px solid; border-color: #25282a; -webkit-box-shadow: 1px 0 1px #393c40; box-shadow: 1px 0 1px #393c40 } .11-menus .ewms .like { text-align: center } .11-menus .ewms .like strong { color: #ff7300; font-size: 54px; line-height: 1.24; font-family: Impact; font-weight: 400 } .11-menus .ewms .like h3 { font-size: 14px; font-weight: 400; line-height: 1.1 } .11-menus .ewms ul { text-align: center; margin-bottom: 35px } .11-menus .ewms li { float: left; width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; position: relative; line-height: 1.3 } .11-menus .ewms li:hover .ewm-content { visibility: visible; bottom: 100%; opacity: 1 } .11-menus .ewms .ico { font-size: 46px; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .11-menus .ewms .ico:hover { color: #fff } .11-menus .ewms .ico i { display: block } .11-menus .ewms h4 { font-size: 12px; font-weight: 400; margin: 0 } .11-menus .ewms .ewm-content { position: absolute; left: 50%; bottom: 200%; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,.1); box-shadow: 0 16px 32px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 330px; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%) } .11-menus .ewms .ewm-content:before { content: ""; display: block; position: absolute; margin-left: -6px; left: 50%; top: 100%; width: 0; height: 0; border-left: 6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-top: 6px solid #fff } @media (min-width:1024px) { .11-menus .ewms .ewm-content.ewm-douyin, .11-menus .ewms .ewm-content.ewm-wechat { left: auto; right: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) } .11-menus .ewms .ewm-content.ewm-douyin:before, .11-menus .ewms .ewm-content.ewm-wechat:before { left: auto; right: 30px } .11-menus .ewms .ewm-content.ewm-douyin { -webkit-transform: translate(70px); -ms-transform: translate(70px); transform: translate(70px) } .11-menus .ewms .ewm-content.ewm-douyin:before { right: 100px } } .11-menus .ewms .ewm-content.ewm-douyin { width: 400px } .11-menus .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div { width: 160px } .11-menus .ewms .ewm-main { padding: 40px 25px 40px 30px; text-align: left } .11-menus .ewms .ewm-main .fl { float: left } .11-menus .ewms .ewm-main .fr { float: right } .11-menus .ewms .ewm-main .thumb-div { width: 120px; margin-right: 30px } .11-menus .ewms .ewm-main .thumb { padding-top: 100% } .11-menus .ewms .ewm-main h4 { font-size: 14px; font-weight: 400; color: #333; line-height: 1.714; margin-top: 4px } .11-menus .ewms .ewm-main h4 span { color: #47c333 } .11-menus .ewms .ewm-main a { color: #ff3401 } .11-menus .ewms .ewm-main a:hover { color: #ff7300 } .11-menus .ewms .ewm-main h5 { font-weight: 400; font-size: 12px; color: #888 } .11-menus .ewms .ewm-douyin .ewm-main { padding-left: 0; padding-right: 0; text-align: center } .11-menus .ewms .ewm-douyin .ewm-main .thumb-div { margin: 0 auto } .11-menus .ewms .ewm-douyin .ewm-douyin-1, .11-menus .ewms .ewm-douyin .ewm-douyin-2 { width: 50% } .11-menus .ewms .ewm-douyin .ewm-douyin-1 { position: relative } .11-menus .ewms .ewm-douyin .ewm-douyin-1:after { content: ""; display: block; position: absolute; right: 0; top: 10%; width: 1px; height: 80%; background: #f3f3f3 } .11-menus .ewms .ewm-weibo { width: 520px; -webkit-transform: translate(-340px); -ms-transform: translate(-340px); transform: translate(-340px) } .11-menus .ewms .ewm-weibo:before { left: 340px } .11-menus .ewms .ewm-weibo .ewm-main { padding: 20px 20px 0 } .11-menus .ewms .ewm-weibo .ewm-main .items { overflow: hidden; margin: 0 -10px } .11-menus .ewms .ewm-weibo .ewm-main .items .item { float: left; width: 50%; padding: 0 10px 20px } .11-menus .ewms .ewm-weibo .ewm-main .items .item a { display: block; background: #f7f7f7; -webkit-border-radius: 4px; border-radius: 4px; position: relative; padding: 18px 16px 18px 44px; letter-spacing: 0; color: #333 } .11-menus .ewms .ewm-weibo .ewm-main .items .item a .item-ico { display: block; position: absolute; left: 20px; top: 18px; background: #9199a1; color: #fff; font-size: 12px; font-family: ArialMT, Arial; width: 18px; height: 18px; text-align: center; line-height: 18px; -webkit-border-radius: 100%; border-radius: 100% } .11-menus .ewms .ewm-weibo .ewm-main .items .item a h2 { font-size: 14px; font-weight: 400; margin-bottom: 6px; height: 1.5em; overflow: hidden } .11-menus .ewms .ewm-weibo .ewm-main .items .item a h4 { font-size: 12px; font-weight: 400; color: #b2b2b2; height: 1.5em; overflow: hidden } .11-menus .ewms .ewm-weibo .ewm-main .items .item a:hover { background: #009a3a; color: #fff } .11-menus .ewms .ewm-weibo .ewm-main .items .item a:hover h4 { color: #fff } .11-menus .ewms .ewm-weibo .ewm-main .items .item a:hover .item-ico { background: #fff; color: #009a3a } .11-menus .status { text-align: center; color: #949498 } .11-menus .status h2 { font-family: Impact; font-weight: 400; font-size: 54px; color: #ff7300; letter-spacing: 0 } .11-menus .status h3 { font-weight: 400; font-size: 14px } .fixed-right { position: fixed; right: 15px; bottom: 15px; z-index: 20; visibility: hidden; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: none } @media (min-width:1330px) { .fixed-right { display: block } } @media (min-width:1440px) { .fixed-right { left: 50%; right: auto; bottom: 50px; margin-left: 665px } } @media (min-width:768px) { .fixed-right .menus { margin-bottom: 10px } } .fixed-right .menus .item { border-bottom: 1px solid #f2f2f2 } .fixed-right .menus .item:first-child { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } .fixed-right .menus .item:last-child { border-bottom: none; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px } .fixed-right .item { position: relative; display: block; width: 58px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 58px; line-height: 58px; text-align: center; font-size: 26px; color: #999; cursor: pointer; background: #fff } .fixed-right .item:hover { color: #fff; background: #009a3a } .fixed-right .item:hover a { color: #fff } .fixed-right .item:hover .ewm-item, .fixed-right .item:hover .ewm-item a { color: #8f8f8f } .fixed-right .item a { color: #999 } .fixed-right .item a:hover { color: #fff } .fixed-right .ewm .icon-QR-code { font-size: 18px } .fixed-right .ewm:hover .code-div { display: block } .fixed-right .code-div { position: absolute; right: 100%; bottom: -50px; display: none; margin-right: -20px; padding-right: 30px } .fixed-right .code-div .ewmDiv { background: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1); box-shadow: 0 0 8px rgba(0,0,0,.1); -webkit-border-radius: 5px; border-radius: 5px; padding: 15px; border: 1px solid #e8e8e8 } .fixed-right .code-div .ewm-item { width: 200px; overflow: hidden } .fixed-right .code-div .ewm-item .code-wrap { width: 40%; float: left } .fixed-right .code-div .ewm-item .ewm-main { margin-left: 45%; text-align: center } .fixed-right .code-div .ewm-wechat { border-bottom: 1px dashed #eaeaea; margin-bottom: 10px } .fixed-right .code-div .ewm-wechat h5 { color: #47c333 } .fixed-right .code-div .ewm-weibo a h5 { color: #f30 } .fixed-right .code-div .ewm-weibo a:hover h5 { text-decoration: underline } .fixed-right .code-div .code { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: contain; background-size: contain; margin-bottom: 10px } .fixed-right .code-div h5 { font-size: 12px; color: #f30 } .fixed-right .code-div p { font-size: 12px; line-height: 1.3; margin: 5px 0 8px } .fixed-right .code-div a { color: #525252 } .fixed-right .code-div .item { float: left; width: 202px; height: 250px; background-repeat: no-repeat; background-position: top; -webkit-background-size: contain; background-size: contain; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 80px 40px 15px; font-size: 12px; text-align: center } .fixed-right .code-div .wechat { background-image: url(../images/wechat2x.png) } .fixed-right .code-div .weibo { background-image: url(../images/weibo2x.png) } .fixed-right .item:hover .icon-comme:before { content: "\e845" } .fixed-right .item .icon-comme { font-size: 22px } .fixed-right .item:hover .icon-comme { font-size: 26px } .fixed-right .go_top { -webkit-border-radius: 4px; border-radius: 4px } .fixed-right .home-item { overflow: hidden } .fixed-right .home-item a { display: block; width: 100%; height: 100%; color: #b8b8b8; font-size: 12px; white-space: nowrap } .fixed-right .home-item a:hover { color: #fff } .fixed-right .home-item a.current { color: #fff; background: #009a3a } .fixed-right .single-item { line-height: 1 } .fixed-right .single-item a { color: #999 } .fixed-right .single-item a:hover { color: #fff } .fixed-right .single-item i { font-size: 18px; display: block; line-height: 1; padding: 10px 0 8px } .fixed-right .single-item .txt { display: block; font-style: normal; font-size: 12px; line-height: 1 } .fixed-right .single-item .fav em { display: none } .fixed-right .single-share { position: relative } .fixed-right .single-share:hover .share-div { right: 100%; opacity: 1; visibility: visible; width: auto } .fixed-right .single-share .share-div { position: absolute; right: 100%; top: 0; background: #009a3a; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; line-height: 57px; opacity: 0; visibility: hidden; width: 1px; height: 57px; overflow: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .fixed-right .single-share .share-div .share_ul { width: 280px; line-height: 54px } .fixed-right .single-share .share-div a { background: #6da8ff; border-color: #6da8ff; color: #fff } .fixed-right .single-share .share-div a:hover { background: #fff; color: #009a3a } @media (min-width:1440px) { .usercenter-body .fixed-right { left: auto; right: 15px; bottom: 15px; margin-left: 0 } } .do_11_fixed .fixed-right { opacity: 1; visibility: visible } .page-template-custom-page-designer .fixed-right { left: auto; margin-left: 0; right: 15px; bottom: 15px } .fixed-left-home { margin-left: -725px; right: auto; left: 50%; display: none } @media (min-width:1440px) { .fixed-left-home { display: none } } .11-links { background: #2c2f31; color: #424649; font-size: 12px; padding: 13px 0 16px } .11-links .container { padding: 0 7px; line-height: 2; height: 4em; overflow: hidden } .11-links a { color: #666 } .11-links a:hover { color: #676b6f } .11-links ul { display: inline } .11-links h6, .11-links li { font-size: 12px; font-weight: 400; display: inline; white-space: nowrap; margin: 0 8px } .part-dropdown { position: fixed; left: 0; right: 0; z-index: -1; visibility: hidden; opacity: 0; transition: all .2s; display: none } .part-dropdown, .part-dropdown.show { top: 70px; -webkit-transition: all .2s; -o-transition: all .2s } .part-dropdown.show { visibility: visible; opacity: 1; transition: all .2s; z-index: 26; overflow: visible; -webkit-transition: none; -o-transition: none; transition: none } @media (min-width:1024px) { .part-dropdown.show { top: 44px } } @media (min-width:1330px) { .part-dropdown.show { top: 70px } } @media (min-width:768px) { .part-dropdown { display: block } } .part-dropdown .container { padding: 0 15px!important } @media (min-width:768px) { .part-dropdown .container { max-width: 768px!important } } @media (min-width:1024px) { .part-dropdown .container { max-width: 1024px!important } } @media (min-width:1330px) { .part-dropdown .container { max-width: 1330px!important } } .part-dropdown .dropdown-content { background: #fff; padding: 50px 50px 0; -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,.08); box-shadow: 0 16px 32px 0 rgba(0,0,0,.08); border-bottom: 6px solid #fcfcfc; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .part-dropdown .main { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .part-dropdown .main .dropdown-section { margin-bottom: 20px } .part-dropdown .main .section-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 -10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .part-dropdown .main .section-content .item { padding: 0 10px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 20px } .part-dropdown .main .section-content .item a { display: block; background: #f7fafc; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 } .part-dropdown .main .section-content .item a i { color: #009a3a; font-size: 28px; margin-bottom: 15px } .part-dropdown .main .section-content .item a h3 { font-size: 16px; color: #666; margin-bottom: 10px; line-height: 1.5; height: 1.5em; overflow: hidden } .part-dropdown .main .section-content .item a h4 { font-size: 14px; color: #a5a8b1; font-weight: 400; line-height: 1.5; height: 1.5em; overflow: hidden } .part-dropdown .main .section-content .item a h5 { color: #888; font-size: 12px; font-weight: 400 } .part-dropdown .main .section-content .item a:hover { background: #009a3a; color: #fff; -webkit-box-shadow: 0 8px 12px 0 rgba(51,133,255,.2); box-shadow: 0 8px 12px 0 rgba(51,133,255,.2) } .part-dropdown .main .section-content .item a:hover h3, .part-dropdown .main .section-content .item a:hover h4, .part-dropdown .main .section-content .item a:hover h5, .part-dropdown .main .section-content .item a:hover i { color: #fff } .part-dropdown .main .section-content .item a.disabled { border-color: #f3f3f3; position: relative; cursor: default } .part-dropdown .main .section-content .item a.disabled p { opacity: .3; font-size: 16px; text-align: center; color: #333; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .part-dropdown .main .section-content .item a.disabled:hover { background: rgba(0,0,0,0); -webkit-box-shadow: none; box-shadow: none; color: #333 } .part-dropdown .main .section-content .item.coming a { position: relative; padding: 30px 0 0; text-align: center } .part-dropdown .main .section-content .item.coming a .coming-ico { position: relative; left: auto; top: auto; font-size: 40px; color: #333; opacity: .3 } .part-dropdown .main .section-content .item.coming a .coming-ico:before { width: auto; margin: 0 } .part-dropdown .section-title { border-bottom: none } .part-dropdown .dropdown-close { display: block; position: absolute; right: 95px; top: 50px; font-size: 20px; color: #c6c6c6; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .part-dropdown .dropdown-close:hover { color: #009a3a; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .part-dropdown .mark { cursor: pointer } .part-dropdown .dropdown-section-1 .section-content .item { width: 16.66667% } .part-dropdown .dropdown-section-1 .section-content .item.coming a { padding-top: 50px } .part-dropdown .dropdown-section-1 .section-content .item-1 a { text-align: center; padding: 30px 0 } .part-dropdown .dropdown-section-1 .section-content .item-1 a i { font-size: 16px; color: #fff; width: 36px; height: 36px; line-height: 36px; display: block; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; margin: 0 auto 16px; background: #009a3a } .part-dropdown .dropdown-section-1 .section-content .item-1 a:hover i { background: #fff!important; color: #009a3a } .part-dropdown .dropdown-section-1 .section-content .item-1:first-child a i { background: #ff2265 } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(3) a i { background: #ff954b } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(4) a i { background: #b057ff } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(5) a i { background: #6971b8 } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(6) a i { background: #ff7300 } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(7) a i { background: #86b7d0 } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(8) a i { background: #dd50f7 } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(9) a i { background: #00d1d0 } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(10) a i { background: #f90cf1 } .part-dropdown .dropdown-section-1 .section-content .item-1:nth-child(11) a i { background: #0091e6 } .part-dropdown .dropdown-section-2 .section-content .item { width: 20% } .part-dropdown .dropdown-section-3 .section-content .item { width: 25% } .part-dropdown .dropdown-section-3 .section-content .item a { text-align: left; padding-left: 80px; position: relative } .part-dropdown .dropdown-section-3 .section-content .item a i { position: absolute; left: 30px; top: 20px } .dropdown-search, .dropdown-search .mark { width: 100%; height: 100%; top: 0 } .dropdown-search .mark { position: fixed; left: 0; right: 0; background: rgba(0,0,0,.8) } .dropdown-search .search-content { width: 100%; overflow-y: auto; padding: 0 100px; background: rgba(0,0,0,0) } .dropdown-search .search-content h2 { font-size: 32px; color: #333; margin-bottom: 20px } .dropdown-search .search-content h3 { font-size: 20px; color: #333; margin-bottom: 20px; line-height: 28px } .dropdown-search .search-content h3 .sub { font-size: 12px; font-weight: 400; color: #888 } .dropdown-search .search-content h3 .btn-remove-history { cursor: pointer } .dropdown-search .search-content h3 .btn-remove-history:hover { color: #009a3a } .dropdown-search .search-keywords { font-size: 14px; margin: 0 -10px 40px } .dropdown-search .search-keywords a { display: inline-block; white-space: nowrap; margin: 0 10px; color: #888 } .dropdown-search .search-keywords a:hover { color: #009a3a } .dropdown-search .history, .dropdown-search .no-history { display: none } .dropdown-search .history-content { margin-bottom: 40px } .dropdown-search .history-content ul { margin: 0 -10px } .dropdown-search .history-content li { display: inline-block; margin: 0 10px 20px; background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; color: #888; font-size: 14px; line-height: 2.57; padding: 0 10px } .dropdown-search .history-content li:hover { background: #009a3a; color: #fff } .dropdown-search .history-content li:hover a { color: #fff } .dropdown-search .history-content li a { color: #888 } .dropdown-search .history-content li a:hover { color: #fff } .dropdown-search .history-content li i, .dropdown-search .history-content li span { display: none } .dropdown-search .recent-content { margin-bottom: 50px } .dropdown-search .recent-content .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 -20px } .dropdown-search .recent-content .item { width: 25%; padding: 0 20px; margin-bottom: 20px } .dropdown-search .recent-content .post-item .item-thumb { -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; position: relative; display: block; overflow: hidden } .dropdown-search .recent-content .post-item .item-thumb:after { content: ""; display: block; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.01)), to(#000)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.01), #000); background-image: -o-linear-gradient(top, rgba(0,0,0,.01) 0, #000 100%); background-image: linear-gradient(180deg, rgba(0,0,0,.01), #000); position: absolute; left: 0; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .dropdown-search .recent-content .post-item .item-thumb:hover:after { visibility: visible; opacity: 1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: .3 } .dropdown-search .recent-content .post-item .item-main { border: 1px solid #f3f3f3; padding: 15px } .dropdown-search .recent-content .post-item .item-main h4 { font-size: 14px; font-weight: 400; color: #666; line-height: 1.5; height: 3em; overflow: hidden; margin-bottom: 10px } .dropdown-search .recent-content .post-item .item-main h5 { font-size: 12px; font-weight: 400; color: #a7a7a7; line-height: 1.5; height: 1.5em; overflow: hidden } .dropdown-search .recent-content .post-item a:hover .item-main h4 { color: #009a3a } .dropdown-search .search-form-div { margin-bottom: 60px } .dropdown-search .search-form-div .search-form-wrap, .dropdown-search .search-form-div .search-form-wrap .s, .dropdown-search .search-form-div .search-form-wrap .selects .selects-ul { background: #f8f8f8 } .dropdown-search .search-form-div .search-form-wrap .s:focus+.ico-ji { bottom: 100%; opacity: 1; visibility: visible } .dropdown-search .search-form-div .search-form-wrap .btns .search-btn { background: #009a3a; color: #fff; padding: 0 30px } .dropdown-search .search-form-div .search-form-wrap .btns .search-btn span { display: inline } .dropdown-search .search-form-div .search-form-wrap .btns .search-btn:hover { background: #06f; color: #fff } .dropdown-search { -webkit-transition: none; -o-transition: none; transition: none } .do_11_fixed .part-dropdown.show { top: 60px } .archive-top { position: relative; background: #666; overflow: hidden; z-index: 50 } @media (min-width:768px) { .archive-top { z-index: 0 } } .archive-top .bg { height: 100%; position: absolute; left: 0; top: 0; right: 0 } .archive-top .bg .bg-img { position: absolute; left: -10%; top: -10%; right: -10%; height: 120%; width: 120%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: 150% 150%; background-size: 150%; overflow: hidden; -webkit-filter: blur(10px); filter: blur(10px) } .archive-top .bg .bg-img:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3) } .archive-top .container { text-align: center; min-height: 140px; margin-top:20px; } @media (min-width:768px) { .archive-top .container { min-height: 200px } } .archive-top h2 { padding-top: 40px; font-size: 30px; font-weight: 400; color: #fff } @media (min-width:768px) { .archive-top h2 { padding-top: 80px } } .archive-top .btns { margin-top: 10px } .archive-top .btns .btn { border: 1px solid #fff; color: #fff; font-weight: 400; font-size: 14px; display: inline-block; padding: 0 1.5em 0 1em; line-height: 2; height: 2em; position: relative } .archive-top .btns .btn:hover { background: hsla(0,0%,100%,.2); border-color: hsla(0,0%,100%,.2) } .archive-top .btns .btn em { display: block; position: absolute; right: .75em; top: 0; font-size: 10px; -webkit-animation: bread_title_em 1s infinite; animation: bread_title_em 1s infinite; line-height: 30px } .archive-top.has_btn h2 { padding-top: 65px } @media (min-width:768px) { .archive-top.has_btn h2 { padding-top: 60px } } @-webkit-keyframes bread_title_em { 0% { right:.75em } to { right: .5em } } @keyframes bread_title_em { 0% { right:.75em } to { right: .5em } } .archive-selects { font-size: 14px; color: #8f8f8f; line-height: 26px; position: relative; background: #fff } @media (min-width:768px) { .archive-selects { background: rgba(0,0,0,0); z-index: 0 } } .archive-selects .container { overflow: visible } .archive-selects .selects { display: none } @media (min-width:768px) { .archive-selects .selects { display: block } } .archive-selects a { color: #8f8f8f; display: inline-block; padding: 0 6px; -webkit-border-radius: 4px; border-radius: 4px } .archive-selects a:hover { color: #009a3a } .archive-selects .current a { background: #009a3a; color: #fff } .archive-selects .select { overflow: hidden; border-bottom: 1px dashed #e2e2e2; position: relative; height: auto; line-height: 49px; } .archive-selects .select:last-child { border-bottom: none } .archive-selects .select dt { display: block; height: 49px; line-height: 49px; float: left; } .archive-selects .select dt:after { content: " " } .archive-selects .select dd { display: inline-block; margin: 0 20px 0px } .archive-selects .recent { position: absolute; right: 15px; bottom: -42px } @media (min-width:768px) { .archive-selects .recent { right: 0; bottom: 20px } } .archive-selects .recent a { margin: 0; color: #6a6a6a } @media (min-width:768px) { .archive-selects .recent a { margin: 0 15px 0 0 } } .archive-selects .recent a:hover { color: #009a3a } @media (max-width:767px) { .archive-selects .recent a:nth-child(2) { display: none } } .archive-selects .recent .current { color: #009a3a } .archive-selects .recent .hot.current { color: #ff0500 } .archive-main { background: #fff } @media (min-width:768px) { .archive-main { background: #eff1f4; padding: 40px 0 } } .archive-main .archive-main-top { margin: 0 -15px 40px; padding: 15px; background: #f5f9fc; overflow: hidden } @media (min-width:768px) { .archive-main .archive-main-top { margin: 0 0 40px; padding: 0; background: rgba(0,0,0,0) } } @media (min-width:1024px) { .archive-main .archive-main-top .breadcrumb { float: left } } .archive-main .archive-main-top .crumbs-hot-tags { display: none } @media (min-width:1024px) { .archive-main .archive-main-top .crumbs-hot-tags { display: block; float: right } } .archive-main .archive-pages { text-align: center; margin-bottom: 30px } @media (min-width:768px) { .archive-main .archive-pages { margin-bottom: 55px } } .archive-main .archive-main-show { display: none } @media (min-width:768px) { .archive-main .archive-main-show { display: block; margin-bottom: 20px } } .archive-sub { background: #fff } @media (min-width:768px) { .archive-sub { background: #e6eaed; padding: 40px 0 } } .selects-mobi { display: block; position: relative; z-index: 60 } @media (min-width:768px) { .selects-mobi { display: none } } .selects-mobi .selects-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .selects-mobi .selects-title span { display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; line-height: 50px; height: 50px; white-space: nowrap; font-size: 13px; color: #8f8f8f; cursor: pointer } .selects-mobi .selects-title span:after { content: ""; display: inline-block; border: 4px solid rgba(0,0,0,0); border-top-color: #8f8f8f; vertical-align: middle; margin: 0 0 0 4px } .selects-mobi .selects-title span.current { color: #009a3a } .selects-mobi .selects-title span.current:after { margin-top: -4px; border-top-color: rgba(0,0,0,0); border-bottom-color: #009a3a } .selects-mobi .selects-content { padding: 20px; display: none; margin: 0 -15px } .selects-mobi .selects-content.show { display: block; position: absolute; left: 0; right: 0; top: 100%; background: #fff } .selects-mobi .selects-content .items { overflow: hidden; margin: 0 -6px; display: none } .selects-mobi .selects-content .items.current { display: block } .selects-mobi .selects-content .items span { float: left; width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 6px; margin-bottom: 12px } .selects-mobi .selects-content .items span a { display: block; line-height: 38px; height: 38px; white-space: nowrap; overflow: hidden; text-align: center; background: #f6f6f6; color: #8f8f8f; -webkit-border-radius: 3px; border-radius: 3px } .selects-mobi .selects-content .items span.current a { background: #009a3a; color: #fff } .archive-lists { margin: 0 -15px; padding: 0 15px } @media (min-width:768px) { .archive-lists { margin: 0; padding: 0 } } .singular-title { font-size: 23px; font-weight: 400; color: #3c3c3c; margin: 20px 0 10px } @media (min-width:768px) { .singular-title { font-size: 30px; margin: 30px 0 10px } } .singular-title .sub-title { font-size: 14px; color: #8f8f8f; font-weight: 400; display: none; vertical-align: middle; margin-left: 15px } @media (min-width:768px) { .singular-title .sub-title { display: inline-block } } .singular-title-meta { font-size: 12px; color: #8f8f8f; margin-bottom: 15px; position: relative } @media (min-width:768px) { .singular-title-meta { font-size: 14px } } .singular-title-meta a { color: #8f8f8f } .singular-title-meta a:hover { color: #009a3a } .singular-title-meta li, .singular-title-meta ol { display: inline } .singular-title-meta .meta-item { display: inline-block; padding-right: 0; margin-right: 15px; position: relative; white-space: nowrap } @media (min-width:768px) { .singular-title-meta .meta-item { padding-right: 15px; margin-right: 15px } .singular-title-meta .meta-item:after { content: ""; display: block; width: 0; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 0; border-right: 1px solid #d6d7d8 } .singular-title-meta .meta-item:last-child:after { display: none } } @media (max-width:767px) { .singular-title-meta .crumbs { display: none } } .singular-title-meta .meta-tougao { position: absolute; right: 0; top: 0; line-height: 32px; display: none } @media (min-width:1024px) { .singular-title-meta .meta-tougao { display: block } } .singular-txt-show { margin-bottom: 0 } .singular-txt-show a { color: #ff7300; text-decoration: underline } .singular-txt-show a:hover { color: #009a3a } .singular-txt-show .box { margin-bottom: 0 } .singular-tuwen { padding: 15px 0; background: #eff1f4 } .singular-video { padding: 30px 0; background: #25282b } .singular-video .singular-title { color: #fff } .singular-video .video_info { text-align: center; color: #8f8f8f; font-size: 12px } .singular-video .box-warning { background: #2c2f32; color: #8f8f8f; margin-bottom: 20px } .singular-video .box-warning a { color: #8f8f8f } .singular-video .box-warning a:hover { color: #009a3a } .singular-video .singular-title-meta .meta-item:after { border-right-color: #454545 } .singular-extra { padding: 60px 0; background: #fff; display: none } @media (min-width:768px) { .singular-extra { display: block } } .singular-content { background: #fff } @media (min-width:1024px) { .singular-content { background: #eff1f4 } } @media (min-width:1024px) { .singular-video-content { padding-top: 40px } } .article { font-size: 14px; line-height: 1.85; color: #525252; margin-bottom: 60px; word-break: break-all } @media (min-width:768px) { .article { font-size: 16px; line-height: 2 } } @media (min-width:1024px) { .article [data-component=images-show] { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } } .article blockquote { padding: 28px 40px; margin: 0 0 1em; border: 1px dashed #eaeaea; font-size: 16px; color: #8f8f8f } .article blockquote a.tag_a, .article blockquote a.tag_a:hover { color: #8f8f8f } .article blockquote p { margin-bottom: 0 } .article blockquote a { color: #009a3a } .article blockquote a:hover { border-bottom: 1px solid #009a3a } .article hr { border: none; border-bottom: 1px solid #eaeaea } .article h3, .article h4 { font-size: 1.17em } .article h3, .article h4, .article ol, .article p, .article ul { margin-bottom: 25px } .article .aligncenter { display: block; margin: 0 auto; text-align: center } .article ul { margin-left: 2.8em } .article ul li { list-style: circle; margin-bottom: .5em } .article ol { margin-left: 2.8em; padding: 0 } .article ol, .article ol li { list-style-type: decimal } .single .article a { color: #009a3a } .single .article a:hover { border-bottom: 1px solid #009a3a } .single .article .tag_a { cursor: text; color: #525252 } .single .article .tag_a:hover { color: #525252; text-decoration: none; border: none } .single .article .tuwen_link a:hover { border-bottom: none } .single .article blockquote a.tag_a, .single .article blockquote a.tag_a:hover { color: #8f8f8f } .main-post { background: #fff; padding: 27px 5px 0 } @media (min-width:1024px) { .main-post { -webkit-border-radius: 6px; border-radius: 6px; padding: 27px 43px; margin-bottom: 30px } } .main-post .post-top { border-bottom: 1px solid #f5f5f5; margin: 0 -20px 40px; font-size: 18px; color: #3c3c3c } @media (min-width:768px) { .main-post .post-top { margin: 0 -43px } } .main-post .post-top a { color: #3c3c3c; display: inline-block; margin: 0 20px; padding-bottom: 24px; border-bottom: 4px solid rgba(0,0,0,0) } @media (min-width:768px) { .main-post .post-top a { margin: 0 43px } } .main-post .post-top a:hover { color: #009a3a } .main-post .post-top a.current { color: #009a3a; border-bottom-color: #009a3a } .main-post .feature-bar { margin-top: 15px; background: #fbfbfb; border-left: 5px solid #f6f6f6; padding: 10px 5px 5px; margin-bottom: 40px } .main-post .feature-bar a { display: block; line-height: 38px; overflow: hidden; position: relative; color: #515151 } @media (min-width:768px) { .main-post .feature-bar a { height: 40px } } .main-post .feature-bar a:hover { color: #000 } .main-post .feature-bar a:hover .ico { margin-top: 3px; margin-left: 4px } .main-post .feature-bar a:hover p { padding-top: 1px } .main-post .feature-bar p { margin: 0 } .main-post .feature-bar:after { content: ""; clear: both; display: block } .main-post .feature-bar .ico { width: 30px; float: left; margin: 2px 8px 2px 6px; line-height: 30px } .main-post .post-info { margin-bottom: 40px; border: 1px dashed #eaeaea; padding: 28px 40px } .main-post .post-info em { font-style: normal; display: inline-block; width: 8em } .main-post .post-info ul { font-size: 16px; color: #8f8f8f } .main-post .post-info ul a { color: #009a3a } .main-post .post-info ul a:hover { color: #333 } .main-post .post-info ul li { display: block; margin-bottom: 10px } .main-post .post-info ul li:last-child { margin-bottom: 0 } .main-post .post-info ul li .ext { font-style: normal; margin-left: 1em } .main-post .post-download { margin-bottom: 40px } .main-post .post-download .section-title { font-size: 20px; font-weight: 400; color: #3c3c3c; margin-bottom: 18px } .main-post .post-download table { width: 100%; text-align: left; table-layout: fixed; font-size: 12px } @media (min-width:768px) { .main-post .post-download table { font-size: 14px } } .main-post .post-download table th { background: #f6f6f6; padding: 5px } @media (min-width:768px) { .main-post .post-download table th { padding: 16px 40px } } .main-post .post-download table td { background: #fafbfb; color: #525252; padding: 5px } @media (min-width:768px) { .main-post .post-download table td { padding: 16px 40px } } .main-post .post-download table td .component-copy { display: block } @media (min-width:768px) { .main-post .post-download table td .component-copy { display: inline } } .main-post .post-download table td .btn { line-height: 3 } .main-post .post-fav { text-align: center; margin-bottom: 40px } .main-post .post-fav .btn { display: inline-block; width: 130px; -webkit-border-radius: 43.5px; border-radius: 43.5px; color: #fff; padding: 10px 0; line-height: 1.1; border: none; margin: 0 5px } @media (min-width:768px) { .main-post .post-fav .btn { margin: 0 30px } } .main-post .post-fav .btn i { font-size: 24px; display: block; margin-bottom: 8px } .main-post .post-fav .btn em { font-style: normal } .main-post .post-fav .fav { background-color: #009a3a; background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(left, #006eff, #13adff); background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%); background-image: linear-gradient(90deg, #006eff, #13adff); -webkit-box-shadow: 0 5px 10px 0 rgba(16,110,253,.3); box-shadow: 0 5px 10px 0 rgba(16,110,253,.3) } .main-post .post-fav .fav:hover { background-color: #009a3a; background-image: -webkit-gradient(linear, right top, left top, from(#006eff), to(#13adff)); background-image: -webkit-linear-gradient(right, #006eff, #13adff); background-image: -o-linear-gradient(right, #006eff 0, #13adff 100%); background-image: linear-gradient(270deg, #006eff, #13adff) } .main-post .post-fav .fav.has_fav { color: #fff; background: #9ba5af; -webkit-box-shadow: 0 10px 20px 0 rgba(234,235,235,.5); box-shadow: 0 10px 20px 0 rgba(234,235,235,.5) } .main-post .post-fav .zan { background-color: #ff5000; background-image: -webkit-gradient(linear, left top, right top, from(#ff5000), to(#ff9300)); background-image: -webkit-linear-gradient(left, #ff5000, #ff9300); background-image: -o-linear-gradient(left, #ff5000 0, #ff9300 100%); background-image: linear-gradient(90deg, #ff5000, #ff9300); -webkit-box-shadow: 0 5px 10px 0 rgba(255,221,174,.3); box-shadow: 0 5px 10px 0 rgba(255,221,174,.3) } .main-post .post-fav .zan:hover { background-image: -webkit-gradient(linear, right top, left top, from(#ff5000), to(#ff9300)); background-image: -webkit-linear-gradient(right, #ff5000, #ff9300); background-image: -o-linear-gradient(right, #ff5000 0, #ff9300 100%); background-image: linear-gradient(270deg, #ff5000, #ff9300) } .main-post .post-fav .zan.has_zan { color: #fff; background: #9ba5af; -webkit-box-shadow: 0 10px 20px 0 rgba(234,235,235,.5); box-shadow: 0 10px 20px 0 rgba(234,235,235,.5) } .main-post .post-fav .zan.has_zan .ico:before { content: "\e863" } .main-post .post-extra-info { border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; padding: 15px 43px; margin: 0 -43px 15px; color: #8f8f8f; font-size: 12px } @media (min-width:768px) { .main-post .post-extra-info { font-size: 14px; padding: 35px 43px; margin: 0 -43px 43px } } .main-post .post-extra-info p { margin-bottom: 10px } @media (min-width:768px) { .main-post .post-extra-info p { margin-bottom: 20px } } .main-post .post-extra-info p a { color: #8f8f8f; border-bottom: 1px solid #8f8f8f } .main-post .post-extra-info p a:hover { color: #009a3a; border-bottom-color: #009a3a } .main-post .post-extra-info .extra { overflow: hidden } .main-post .post-extra-info .extra-copy { float: left } .main-post .post-extra-info .extra-copy .component-copy { display: inline-block; cursor: pointer; border: 1px solid #009a3a; color: #009a3a; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 5px; margin-top: 5px } .main-post .post-extra-info .extra-copy .component-copy .txt { color: #009a3a } .main-post .post-extra-info .extra-copy .component-copy .txt:hover { color: #fff } .main-post .post-extra-info .extra-copy .component-copy:hover { color: #fff; border-color: #009a3a; background: #009a3a } .main-post .post-extra-info .extra-copy .component-copy:hover .txt { color: #fff } .main-post .post-extra-info .extra-share { float: right } .main-post .post-tag { margin-bottom: 10px } @media (min-width:768px) { .main-post .post-tag { margin-bottom: 20px } } .main-post .post-tag h2 { color: #3c3c3c; font-size: 14px; font-weight: 400; margin-bottom: 20px } @media (min-width:768px) { .main-post .post-tag h2 { font-size: 16px } } .main-post .post-tag .tags { margin: 0 -5px } .main-post .post-tag .tags a { display: inline-block; white-space: nowrap; margin: 0 5px 10px; background: #f7f8f9; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 10px; line-height: 24px; height: 24px; font-size: 13px } @media (min-width:768px) { .main-post .post-tag .tags a { font-size: 14px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 44px; height: 44px; padding: 0 20px; margin: 0 10px 20px } } .main-post .post-tag .tags a:hover { color: #fff; background: #009a3a } .main-post .post-bottom { margin-bottom: 20px } .main-post .serialize-menus { margin-bottom: 50px } .main-post .serialize-menus .section-title { font-size: 18px; color: #3c3c3c; margin-bottom: 20px } .main-post .serialize-menus .menus { border: 1px solid #f2f2f2 } .main-post .serialize-menus .menus li { display: block } .main-post .serialize-menus .menus li a { display: block; padding: 15px; line-height: 20px; font-size: 14px; color: #8f8f8f; position: relative } @media (min-width:768px) { .main-post .serialize-menus .menus li a { padding: 30px } } .main-post .serialize-menus .menus li a:hover { color: #009a3a } .main-post .serialize-menus .menus li a:hover .btn { display: block } .main-post .serialize-menus .menus li a .ico { font-size: 18px; display: inline-block; vertical-align: top } @media (min-width:768px) { .main-post .serialize-menus .menus li a .ico { margin-right: 40px } } .main-post .serialize-menus .menus li a .label { margin-right: 40px; display: none } @media (min-width:768px) { .main-post .serialize-menus .menus li a .label { display: inline } } .main-post .serialize-menus .menus li a .btn { position: absolute; width: 120px; height: 42px; line-height: 42px; right: 30px; top: 50%; margin-top: -21px; display: none } .main-post .serialize-menus .menus li:nth-child(2n) a { background: #fbfbfb } .main-post .serialize-menus .menus li.current a { color: #ff7300 } .main-post .serialize-menus .menus li.current a:hover .btn { display: none } .part-prev-next { background: #fff; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; margin: 0 -15px } .part-prev-next:before { content: ""; display: block; width: 100%; height: 40px; background: #f5f9fc } @media (min-width:768px) { .part-prev-next { margin: 0 0 30px } .part-prev-next:before { display: none } } .part-prev-next .prev-next { overflow: hidden } .part-prev-next .prev-next .item { float: left; width: 50%; padding: 20px 28px 20px 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(left, #fff, #fbfbfb); background-image: -o-linear-gradient(left, #fff, #fbfbfb); background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fbfbfb)); background-image: linear-gradient(left, #fff, #fbfbfb); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#fffbfbfb", GradientType=1) } @media (min-width:768px) { .part-prev-next .prev-next .item { padding: 35px 30px 32px 200px; height: 160px } } .part-prev-next .prev-next .item:hover .item-thumb { opacity: .8 } .part-prev-next .prev-next .item:hover h2, .part-prev-next .prev-next .item:hover p { color: #009a3a } .part-prev-next .prev-next .item .item-thumb { background: #f6f6f6; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; display: block } @media (min-width:768px) { .part-prev-next .prev-next .item .item-thumb { position: absolute; left: 30px; top: 35px; width: 140px; -webkit-border-radius: 5px; border-radius: 5px } } .part-prev-next .prev-next .item .item-thumb .thumb { padding-top: 66.4286% } .part-prev-next .prev-next .item h2 { font-size: 12px; font-weight: 400; color: #3c3c3c; margin-top: 10px; margin-bottom: 10px; line-height: 1.5; height: 1.5em; overflow: hidden } @media (min-width:768px) { .part-prev-next .prev-next .item h2 { margin-top: 0; font-size: 16px } } .part-prev-next .prev-next .item p { font-size: 12px; line-height: 20px; height: 40px; color: #8f8f8f; overflow: hidden } @media (min-width:768px) { .part-prev-next .prev-next .item p { font-size: 14px; line-height: 24px; height: 48px } } .part-prev-next .prev-next .turn-left:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .singular-under-serialize { position: relative } .singular-under-serialize .fixed-menus { position: absolute; right: 0; top: 0; height: 100%; background: #2d3033; width: 280px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .singular-under-serialize .fixed-menus.hide-menus { width: 0; right: 0 } .singular-under-serialize .fixed-menus.hide-menus .menus-title .open { display: block } .singular-under-serialize .fixed-menus.hide-menus .menus-title .close { display: none } .singular-under-serialize .fixed-menus .menus-title { position: absolute; right: 100%; top: 50%; margin-top: -40px } .singular-under-serialize .fixed-menus .menus-title span { display: block; width: 40px; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; color: #fff; background: #009a3a; font-size: 14px; line-height: 1.1; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px } .singular-under-serialize .fixed-menus .menus-title span:hover { background: #1976ff } .singular-under-serialize .fixed-menus .menus-title .open { display: none } .singular-under-serialize .fixed-menus .menus-main { max-height: 100%; overflow: auto } .singular-under-serialize .fixed-menus .menus-main .btn, .singular-under-serialize .fixed-menus .menus-main .label { display: none } .singular-under-serialize .fixed-menus .menus-main .section-title { padding: 57px 40px 18px; font-size: 16px; color: #fff; font-weight: 400; margin-bottom: 0 } .singular-under-serialize .fixed-menus .menus-main .section-title span a { font-size: 12px; color: #8f8f8f } .singular-under-serialize .fixed-menus .menus-main .section-title span a:hover { color: #009a3a } .singular-under-serialize .fixed-menus .menus-main .section-title span a:before { content: " - " } .singular-under-serialize .fixed-menus .menus-main li { display: block; padding: 14px 0; border-bottom: 1px solid #353739 } .singular-under-serialize .fixed-menus .menus-main li:hover { background: #323538 } .singular-under-serialize .fixed-menus .menus-main li:hover a { color: #009a3a } .singular-under-serialize .fixed-menus .menus-main li a { display: block; font-size: 12px; color: #8f8f8f; padding: 0 20px; line-height: 20px; height: 20px; overflow: hidden } .singular-under-serialize .fixed-menus .menus-main li a:hover { color: #009a3a } .singular-under-serialize .fixed-menus .menus-main li a .ico { margin-right: 14px; opacity: 0 } .singular-under-serialize .fixed-menus .menus-main li.current { background: #323538 } .singular-under-serialize .fixed-menus .menus-main li.current a { color: #fff } .singular-under-serialize .fixed-menus .menus-main li.current a .ico { opacity: 1; color: #ff7300 } .section-comments { background: #fff; -webkit-border-radius: 6px; border-radius: 6px; padding: 0; margin-bottom: 30px } @media (min-width:768px) { .section-comments { padding: 27px 30px } } .tuwen_link a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-border-radius: 4px; border-radius: 4px; background: #fbfbfb } @media (min-width:768px) { .tuwen_link a { padding: 20px } } .tuwen_link a .item_thumb { width: 60px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px } @media (min-width:768px) { .tuwen_link a .item_thumb { width: 120px; margin-right: 20px } } .tuwen_link a .item_thumb .thumb { padding-top: 63.6363%; -webkit-border-radius: 3px; border-radius: 3px; background-position: 0 } .tuwen_link a .item_main { position: relative; padding-right: 70px; font-size: 13px; color: #888; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width:768px) { .tuwen_link a .item_main { padding-top: 5px; padding-right: 120px } } @media (min-width:1024px) { .tuwen_link a .item_main { padding-right: 0 } } @media (min-width:1330px) { .tuwen_link a .item_main { padding-right: 150px } } .tuwen_link a .item_main .btn { position: absolute; right: 0; top: 5px; font-size: 12px; padding: 0 .5em; background: #edf5fe; color: #009a3a; border: none } .tuwen_link a .item_main .btn i { font-style: normal; display: none } @media (min-width:768px) { .tuwen_link a .item_main .btn { font-size: 13px; padding: 0 1em } .tuwen_link a .item_main .btn i { display: inline } } @media (min-width:1024px) { .tuwen_link a .item_main .btn { display: none } } @media (min-width:1330px) { .tuwen_link a .item_main .btn { display: block; top: 18px } } .tuwen_link a .item_main .btn:hover { background: #009a3a; color: #fff } .tuwen_link a .item_main h2 { font-size: 14px; color: #333; line-height: 1.4; max-height: 2.8em; overflow: hidden; font-weight: 400 } @media (min-width:768px) { .tuwen_link a .item_main h2 { font-weight: 700; font-size: 16px; line-height: 1.1; margin-bottom: 10px; max-height: 2.2em } } .tuwen_link a .item_main h2:hover { color: #009a3a } .tuwen_link a .item_main p { display: none } @media (min-width:768px) { .tuwen_link a .item_main p { display: block; line-height: 1.7; height: 3.4em; overflow: hidden; margin-bottom: 0 } } .singular-page { background: #fff; padding: 30px 0 } @media (min-width:768px) { .singular-page { background: #eff1f4; padding: 30px 0 60px } } .singular-page .page-main { padding: 0; background: #fff; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 30px } @media (min-width:768px) { .singular-page .page-main { padding: 30px 60px } } @media (min-width:1024px) { .singular-page .page-main { padding: 60px 170px } } .singular-page .page-main .title { font-size: 30px; color: #3c3c3c; margin-bottom: 30px } .singular-page .page-comment { padding: 0; background: #fff; -webkit-border-radius: 6px; border-radius: 6px } @media (min-width:768px) { .singular-page .page-comment { padding: 30px 60px } } @media (min-width:1024px) { .singular-page .page-comment { padding: 60px 170px } } .single .show-full { display: none } @media (min-width:768px) { .single .show-full { display: block } } .rank-11 { background: #ffbd13; z-index: 50; position: relative } @media (min-width:768px) { .rank-11 { z-index: 0 } } .rank-11 .container { height: 200px; background: url(../images/uiii-06.png) no-repeat top } @media (min-width:1024px) { .rank-11 .container { height: 260px } } .rank-11 ul { position: absolute; bottom: 0; left: 15px; right: 15px; display: none } @media (min-width:768px) { .rank-11 ul { display: block } } .rank-11 ul li { float: left; width: 25%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 70px } .rank-11 ul li a { display: block; width: 100%; color: #6a6a6a; font-size: 16px; line-height: 70px; height: 70px; overflow: hidden; text-align: center; background: #f8f8f8; position: absolute; left: 0; bottom: 0 } .rank-11 ul li a i { margin-right: 10px } .rank-11 ul li a:after { content: ""; display: block; width: 0; height: 10px; position: absolute; top: 50%; border-right: 1px solid #e8e8e8; height: 20px; margin-top: -10px; right: 0 } .rank-11 ul li a:hover { color: #009a3a } .rank-11 ul li:first-child a { -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0 } .rank-11 ul li:last-child a { -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0 } .rank-11 ul li:last-child a:after { display: none } .rank-11 ul li.current a { background: #fff; height: 80px; line-height: 80px; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; color: #009a3a } .rank-11 ul li.current a:after { display: none } .rank-content { background: #fff; padding-bottom: 30px } @media (min-width:768px) { .rank-content { background: #eff1f4; padding-bottom: 60px } } .rank-content .nav-pages { text-align: center } @media (min-width:768px) { .rank-content .nav-pages { margin-bottom: 40px } } .rank-content .show-full { display: none } @media (min-width:768px) { .rank-content .show-full { display: block } } .rank-selects { font-size: 14px; color: #8f8f8f; line-height: 26px; background: #fff; position: relative; z-index: 50; margin: 0 -15px } @media (min-width:768px) { .rank-selects { padding: 10px 50px 0; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; margin: 0 0 30px; z-index: 0 } } .rank-selects .selects { display: none } @media (min-width:768px) { .rank-selects .selects { display: block } } .rank-selects a { color: #8f8f8f; display: inline-block; padding: 0 6px; -webkit-border-radius: 4px; border-radius: 4px } .rank-selects a:hover { color: #009a3a } .rank-selects .current a { background: #009a3a; color: #fff } .rank-selects .select { overflow: hidden; border-bottom: 1px dashed #e2e2e2; position: relative; padding: 20px 0 0 50px } .rank-selects .select:last-child { border-bottom: none } .rank-selects .select dt { display: block; position: absolute; left: 0; top: 20px } .rank-selects .select dt:after { content: "：" } .rank-selects .select dd { display: inline-block; margin: 0 20px 20px } .rank-selects .select dd.month { margin-right: 0 } .rank-selects .recent { position: absolute; right: 15px; bottom: -42px } @media (min-width:768px) { .rank-selects .recent { right: 50px; bottom: 20px } } .rank-selects .recent a { margin: 0; color: #6a6a6a } @media (min-width:768px) { .rank-selects .recent a { margin: 0 0 0 15px } } .rank-selects .recent .current, .rank-selects .recent a:hover { color: #009a3a } .rank-selects .recent .hot.current { color: #ff0500 } .rank-results { background: #fff; padding: 15px; margin: 0 -15px 30px } @media (min-width:768px) { .rank-results { -webkit-border-radius: 6px; border-radius: 6px; padding: 20px 50px 10px; margin: 0 0 30px } } .rank-results .rank-total { font-size: 14px; color: #adafb8; margin-bottom: 10px } @media (min-width:768px) { .rank-results .rank-total { font-size: 16px; color: #3c3c3c } } .rank-results .rank-total em { font-style: normal; font-weight: 400; color: #009a3a } .rank-results .items { margin: 0 -50px } .rank-results .items .item { padding: 15px 50px 0; overflow: hidden; position: relative; font-size: 14px } @media (min-width:768px) { .rank-results .items .item { padding-top: 40px } } .rank-results .items .item:hover { background: #f8fbff } .rank-results .items .item:hover .item-views .un-hover { display: none } .rank-results .items .item:hover .item-views .hover { display: block } .rank-results .items .item:after { content: ""; clear: both; display: block; width: 100%; height: 15px; border-bottom: 1px dashed #f6f6f6 } @media (min-width:1024px) { .rank-results .items .item:after { height: 40px } } .rank-results .items .item:last-child:after { border-bottom: none } .rank-results .items .item.author-item .item-num { line-height: 90px } .rank-results .items .item .item-num { float: left; width: 45px; line-height: 80px } @media (min-width:768px) { .rank-results .items .item .item-num { width: 70px; line-height: 106px } } .rank-results .items .item .item-num .num { display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 100%; border-radius: 100%; background: #ededed; color: #b3b3b3; font-size: 14px; font-family: ArialMT, Arial; text-align: center } .rank-results .items .item .item-num.num-1 .num, .rank-results .items .item .item-num.num-2 .num, .rank-results .items .item .item-num.num-3 .num { height: 28px; line-height: 28px; padding-top: 8px; color: #fff; background-repeat: no-repeat; background-position: bottom; background-color: rgba(0,0,0,0); -webkit-border-radius: 0; border-radius: 0 } .rank-results .items .item .item-num.num-1 .num { background-image: url(../images/uiii-10.png) } .rank-results .items .item .item-num.num-2 .num { background-image: url(../images/uiii-11.png) } .rank-results .items .item .item-num.num-3 .num { background-image: url(../images/uiii-12.png) } .rank-results .items .item .item-thumb { float: left; width: 120px; margin-right: 15px } @media (min-width:768px) { .rank-results .items .item .item-thumb { width: 160px; margin-right: 30px } } .rank-results .items .item .item-thumb .thumb { padding-top: 66.6875%; -webkit-border-radius: 4px; border-radius: 4px } .rank-results .items .item .item-thumb .thumb:hover { opacity: .8 } .rank-results .items .item .item-title { overflow: hidden; float: none; margin-left: 180px; max-height: 3em } @media (min-width:768px) { .rank-results .items .item .item-title { width: auto; margin-top: 15px; margin-right: 60px; float: none } } @media (min-width:1330px) { .rank-results .items .item .item-title { margin-left: 0; margin-right: 100px; margin-top: 30px; width: 290px; float: left } } .rank-results .items .item .item-author, .rank-results .items .item .item-cat { float: left; overflow: hidden; margin-top: 15px; white-space: nowrap } @media (min-width:768px) { .rank-results .items .item .item-author, .rank-results .items .item .item-cat { height: 3em; margin-right: 50px; margin-top: 30px } } @media (min-width:1024px) { .rank-results .items .item .item-author, .rank-results .items .item .item-cat { width: 150px; margin-right: 50px } } .rank-results .items .item .item-author a, .rank-results .items .item .item-cat a { color: #a5a8b1 } .rank-results .items .item .item-author a:hover, .rank-results .items .item .item-cat a:hover { color: #009a3a } .rank-results .items .item .item-author { margin-right: 0 } .rank-results .items .item .item-views { float: right; width: 120px; color: #a5a8b1 } .rank-results .items .item .item-views .un-hover { margin-top: 30px } .rank-results .items .item .item-views .un-hover em { font-style: normal; color: #ff7300 } .rank-results .items .item .item-views .hover { display: none } .rank-results .items .item .item-views .hover .btn { height: 42px; line-height: 42px } .rank-results .items .item .item-views .hover .btn-blue { margin-bottom: 15px } .rank-results .items .item .item-views .hover .btn-blue:hover { color: #fff } .rank-results .items .item .item-views .hover .fav { border: 1px solid #009a3a; color: #009a3a } .rank-results .items .item .item-views .hover .fav:hover { background: #009a3a; color: #fff } .rank-results .items .item .item-views .hover .fav em { font-style: normal } .rank-results .items .item .item-avatar { float: left; width: 90px; margin-right: 10px } @media (min-width:768px) { .rank-results .items .item .item-avatar { margin-right: 30px } } .rank-results .items .item .item-avatar .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100% } .rank-results .items .item .item-user { margin-left: 150px } @media (min-width:768px) { .rank-results .items .item .item-user { margin-left: 190px } } @media (min-width:1330px) { .rank-results .items .item .item-user { float: left; width: 500px; margin-left: 0; margin-right: 150px } } .rank-results .items .item .item-user .user-name { font-size: 18px; font-weight: 400; margin-bottom: 15px } .rank-results .items .item .item-user h3 { font-weight: 400; color: #8f8f8f; font-size: 14px; margin-bottom: 5px } .rank-results .items .item .item-user h3 a { color: #8f8f8f } .rank-results .items .item .item-user h3 a:hover { color: #009a3a } .rank-results .items .item .item-user-count { text-align: right; width: 100px; margin-top: 15px; display: none } @media (min-width:1330px) { .rank-results .items .item .item-user-count { float: left; display: block } } .rank-results .items .item .item-user-count span { display: block; font-size: 14px; color: #a5a8b1 } .rank-results .items .item .item-user-count strong { font-size: 24px; color: #a5a8b1 } .rank-results .items .item .item-user-views { text-align: right; width: 190px; margin-top: 15px; display: none } @media (min-width:1330px) { .rank-results .items .item .item-user-views { float: right; display: block } } .rank-results .items .item .item-user-views span { display: block; font-size: 14px; color: #a5a8b1 } .rank-results .items .item .item-user-views strong { font-size: 24px; color: #ff7300 } .rank-results .items .item .item-author, .rank-results .items .item .item-views { display: none } @media (min-width:768px) { .rank-results .items .item .item-author, .rank-results .items .item .item-views { display: block } } .rank-crumbs { display: block; margin: 0 -15px; padding: 15px; font-size: 20px; color: #3c3c3c; background: #f5f9fc } @media (min-width:768px) { .rank-crumbs { display: none } } .comment-div .section-title { font-weight: 400; font-size: 20px; color: #3c3c3c; margin: 0 -30px 20px; padding: 0 30px 10px } @media (min-width:768px) { .comment-div .section-title { margin: 0 -30px 50px; padding: 0 30px 30px; border-bottom: 1px solid #eff3f5 } } @media (max-width:767px) { .comment-div .section-title .txt { display: block; margin: 0 -15px; padding: 15px; background: #f5f9fc } } .comment-div .section-title .clr_orange { cursor: pointer } .comment-div .section-title .sub { white-space: nowrap; margin-left: 0; font-size: 14px; color: #8f8f8f; margin-top: 15px } @media (min-width:768px) { .comment-div .section-title .sub { margin-top: 0; margin-left: 30px } } .comment-11 { border-top: 1px solid #f3f3f3; padding-top: 15px; font-size: 13px; color: #888; position: relative; margin-top: 15px } @media (min-width:1024px) { .comment-11 { margin-top: 60px } } .comment-11 .ji2-icon { position: absolute; left: 50%; top: 0; margin: -24px 0 0 -12px } .comment-11 .comment-11-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width:768px) { .comment-11 .comment-11-main { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .comment-11 .comment-11-main .item { width: 100%; text-align: center; line-height: 28px } @media (min-width:768px) { .comment-11 .comment-11-main .item { width: auto; text-align: left } } .comment-11 .comment-11-main .btn { display: inline-block; line-height: 26px; background: #fff; padding: 0 10px; margin-left: 10px; margin-top: 10px; font-size: 12px; vertical-align: middle } @media (min-width:768px) { .comment-11 .comment-11-main .btn { margin-top: 0 } } .comment-11 .comment-11-main .btn:hover { background: #009a3a; color: #fff } .comment-write { margin-bottom: 40px; position: relative } .comment-write .form-item { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .comment-write .form-item .item-title { width: 3em; margin-right: 20px; text-align: center; font-size: 14px; color: #3f3f3f; letter-spacing: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .comment-write .form-item .user-name { font-weight: 700 } .comment-write .form-item .user-avatar .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100% } .comment-write .form-item .item-content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative } .comment-write .form-item .txt { background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; border: none; outline: none; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1em 1.5em; line-height: 1.5; font-size: 14px; color: #555 } .comment-write .form-item .txt:focus { -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,.1); box-shadow: inset 0 0 20px rgba(0,0,0,.1) } .comment-write .form-item .txt.placeholder { color: #c8c8c8 } .comment-write .form-item .txt_user_name { max-width: 400px } .comment-write .form-item .btn-submit { border: none; outline: none; font-size: 14px; padding: 6px 40px } .comment-write .form-item .rest { font-size: 11px; position: absolute; right: 5px; bottom: 2px; color: #888; display: none } .comment-write .form-item .rest em { font-weight: 700; font-style: normal } .comment-write .form-yzm .item-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .comment-write .form-yzm .txt { width: 104px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; max-width: 200px } .comment-write .form-yzm img { width: 120px; max-height: 48px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; cursor: pointer } .comment-write .error-box { position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .comment-write .error-box.hide { height: 1px; margin-bottom: 0 } .comment-write .error-box .item-content { padding: 10px 0; -webkit-border-radius: 3px; border-radius: 3px; color: #009a3a } .comment-write .error-box .item-content:before { content: "\e858"; font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; margin-right: 10px } .comment-write .error-box .close { position: absolute; right: 5px; top: 5px; cursor: pointer; color: #888; font-size: 9px } .comment-write .error-box .close:hover { color: #009a3a } .comment-write .btn-reply-close { position: absolute; right: 0; top: 0; font-size: 13px; color: #bbb; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; cursor: pointer; display: none } .comment-write .btn-reply-close:hover { color: #009a3a; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .comment-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 35px; width: 100% } @media (min-width:768px) { .comment-item.level_1 { padding-left: 60px } } .comment-item .comment-item.level_0, .comment-item .comment-item.level_1 { padding-left: 0 } .comment-item .item-avatar { width: 40px; margin-right: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .comment-item .item-avatar .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100% } @media (max-width:767px) { .comment-item.level_1 .item-avatar .thumb { display: none } } .comment-item .item-content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .comment-item .item-content .item-main { display: inline-block; padding: 15px; background: #f7f7f7; -webkit-border-radius: 12px; border-radius: 12px; margin-bottom: 6px } .comment-item .item-content .item-main h3 { font-size: 14px; color: #393939; margin-bottom: 6px } .comment-item .item-content .item-main h3 small { font-size: 13px; font-weight: 400; color: #888 } .comment-item .item-content .item-main h3 .pending { font-weight: 400; font-size: 13px; color: #009a3a; margin-left: 20px } .comment-item .item-content .item-main h3 .sticky { color: #009a3a; margin-left: 20px; font-weight: 400; font-size: 11px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #009a3a; padding: 2px 3px; line-height: 12px; display: inline-block; vertical-align: text-bottom } .comment-item .item-content .item-main .item-entry { line-height: 1.78; color: #666; word-break: break-all } @media (min-width:768px) { .comment-item .item-content .item-main .item-entry { color: #393939 } } .comment-item .item-content .item-main .item-entry a { border-bottom: 1px solid #393939 } .comment-item .item-content .item-main .item-entry a:hover { border-bottom-color: #009a3a } .comment-item .item-content .meta { font-size: 12px; color: #bbb; font-weight: 400; margin: 0 -10px } .comment-item .item-content .meta span { margin: 0 10px; display: inline-block; white-space: nowrap } .comment-item .item-content .meta em { font-style: normal; cursor: pointer } .comment-item .item-content .meta em.has_zan, .comment-item .item-content .meta em:hover { color: #009a3a } .comment-item .item-content .meta i { font-style: normal } .comment-item .item-content .meta .comment_to_btn, .comment-item .item-content .meta .sticky_btn { cursor: pointer } .comment-item .item-content .meta .comment_to_btn:hover, .comment-item .item-content .meta .sticky_btn:hover { color: #009a3a } .comment-item .item-content .meta .btn-zan { display: inline-block; padding: 3px 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s } .comment-item .item-content .meta .btn-zan:hover { background: #fff } @media (min-width:768px) { .comment-item .item-content .meta .btn-zan:hover { background: #009a3a; color: #fff } } .comment-item .item-content .meta .btn-zan.zans { color: #009a3a; background: #f4f6f7 } @media (min-width:768px) { .comment-item .item-content .meta .btn-zan.zans:hover { background: #009a3a; color: #fff } } .comment-item .item-content .meta .btn-zan.has_zan { cursor: default; color: #bbb; background: #f7f7f7 } .comment-item .item-content .meta .btn-zan.has_zan:hover { color: #bbb; background: #f7f7f7 } .comment-item .item-content .comment-write { margin-top: 30px; margin-left: -60px } .comment-item .item-content .comment-write .btn-reply-close { display: block } .comment-nomore { text-align: center; font-size: 12px; color: #bbb; padding: 20px 0 } .comment-nomore:after, .comment-nomore:before { content: ""; display: inline-block; width: 50px; height: 0; border-bottom: 1px solid #f2f2f2; vertical-align: middle } .comment-more .btn { line-height: 45px } body.do_11_fixed { padding-top: 44px } @media (min-width:1024px) { body.do_11_fixed { padding-top: 70px } } @media (min-width:1024px) { body.do_11_fixed .11 { position: fixed; left: 0; right: 0; top: -70px; z-index: 99; opacity: .3; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } } body.do_11_fixed .11 .wrap { height: 44px } @media (min-width:1330px) { body.do_11_fixed .11 .wrap { height: 70px } } body.do_11_fixed .11 .logo { font-size: 30px } @media (min-width:1330px) { body.do_11_fixed .11 .logo { font-size: 50px } } body.do_11_fixed .11 .site-menu { padding-top: 5px } @media (min-width:1330px) { body.do_11_fixed .11 .site-menu { padding-top: 18px } } body.do_11_fixed .11 .11-login-search { top: 3px } @media (min-width:1330px) { body.do_11_fixed .11 .11-login-search { top: 22px } } body.do_11_fixed_show .11 { top: 0; opacity: 1; -webkit-transition: none; -o-transition: none; transition: none } @supports ((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px))) { body.do_11_fixed_show .11 { background:rgba(51,133,255,.9); -webkit-backdrop-filter:saturate(180%) blur(6px); backdrop-filter:saturate(180%) blur(6px) } } @media (min-width:768px) { body.do_11_fixed_show.inspiration-body .11, body.do_11_fixed_show.inspiration-single-body .11 { display: none } } @media (min-width:768px) { body.inspiration-fixed .inspiration-main-menus { position: fixed; left: 0; right: 0; top: -100%; z-index: 99; background: hsla(0,0%,100%,.95); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.1); box-shadow: 0 0 25px rgba(0,0,0,.1) } @supports ((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px))) { body.inspiration-fixed .inspiration-main-menus { -webkit-backdrop-filter:saturate(180%) blur(6px); backdrop-filter:saturate(180%) blur(6px) } } body.inspiration-fixed .inspiration-sub-menus { padding-top: 70px } body.inspiration-fixed.inspiration-fixed-show .inspiration-main-menus { top: 0 } body.inspiration-fixed.tax-itag .inspiration-content { padding-top: 106px } } .inspiration-cover { width: 100%; background-color: #fbc127; text-align: center; position: relative; z-index: 50 } @media (min-width:768px) { .inspiration-cover { z-index: 0 } } .inspiration-main-menus { background: hsla(0,0%,100%,.95); position: relative; z-index: 50; border-bottom: 1px solid #f2f2f2 } @media (min-width:768px) { .inspiration-main-menus { background: #fff; border-bottom: none; z-index: 0 } } .inspiration-main-menus .menu { overflow: hidden; margin: 0 -10px; text-align: center } @media (min-width:1024px) { .inspiration-main-menus .menu { margin: 0 -15px } } @media (min-width:1330px) { .inspiration-main-menus .menu { margin: 0 -36px } } .inspiration-main-menus .menu li ul { display: none } .inspiration-main-menus .item-0 { display: inline-block; padding: 0 10px; font-size: 16px } @media (min-width:1024px) { .inspiration-main-menus .item-0 { padding: 0 15px } } @media (min-width:1330px) { .inspiration-main-menus .item-0 { padding: 0 36px } } .inspiration-main-menus .item-0 a { display: inline-block; line-height: 66px; height: 66px; border-bottom: 4px solid rgba(0,0,0,0); color: #6a6a6a } .inspiration-main-menus .item-0 a:hover { color: #009a3a } .inspiration-main-menus .item-0 a i { margin-right: 6px; display: none } @media (min-width:1024px) { .inspiration-main-menus .item-0 a i { display: inline } } .inspiration-main-menus .item-0.current-menu-item a { color: #009a3a; border-bottom-color: #009a3a } .inspiration-main-menus .icon-home:before { content: "\e83f" } .inspiration-main-menus .icon-recommend:before { content: "\e807" } .inspiration-main-menus .icon-banner:before { content: "\e806" } .inspiration-main-menus .icon-poster:before { content: "\e804" } .inspiration-main-menus .icon-logo:before { content: "\e805" } .inspiration-main-menus .icon-image:before { content: "\e80b" } .inspiration-main-menus .icon-font:before { content: "\e80a" } .inspiration-main-menus .icon-ui:before { content: "\e809" } @media (max-width:767px) { .inspiration-main-menus { padding: 0 15px } .inspiration-main-menus .container { overflow: hidden; height: 44px; padding: 0 } .inspiration-main-menus .menu { margin: 0 -10px; white-space: nowrap; overflow-x: auto; text-align: left } .inspiration-main-menus .item-0 { padding: 0 10px; font-size: 13px } .inspiration-main-menus .item-0 a { line-height: 40px; height: 40px } .inspiration-main-menus .item-0 a i { display: none } .single .inspiration-main-menus { border-bottom: none } } .inspiration-sub-menus { display: none } @media (min-width:768px) { .inspiration-sub-menus { display: block; background: #eff1f4; border-bottom: 1px solid #e8e8e8 } } .inspiration-sub-menus .container { position: relative } .inspiration-sub-menus .container .menus { padding: 20px 200px 20px 0; overflow: hidden; margin: 0 -5px } .inspiration-sub-menus .container .menus a { float: left; height: 30px; line-height: 30px; white-space: nowrap; padding: 0 9px; margin: 0 5px; -webkit-border-radius: 3px; border-radius: 3px; color: #9a9a9a } .inspiration-sub-menus .container .menus a:hover { color: #009a3a } .inspiration-sub-menus .container .menus a.current { background: #009a3a; color: #fff } .inspiration-sub-menus .container .recent { position: absolute; right: 15px; top: 25px } .inspiration-sub-menus .container .recent a { margin: 0 15px 0 0; color: #6a6a6a } .inspiration-sub-menus .container .recent a:hover { color: #009a3a } @media (max-width:767px) { .inspiration-sub-menus .container .recent a:nth-child(2) { display: none } } .inspiration-sub-menus .container .recent .current { color: #009a3a } .inspiration-sub-menus .container .recent .hot.current { color: #ff0500 } .inspiration-content { background: #fff; padding: 0 0 10px } @media (min-width:768px) { .inspiration-content { background: #eff1f4; padding: 36px 0 60px } } .inspiration-content .archive-main-top { overflow: hidden; background: #f5f9fc; margin: 0 -15px 15px; padding: 15px } @media (min-width:768px) { .inspiration-content .archive-main-top { margin: 0 0 40px; padding: 0; background: rgba(0,0,0,0) } } .inspiration-content .archive-main-top .breadcrumb { float: left } .inspiration-content .archive-main-top .crumbs-hot-tags { display: none } @media (min-width:1024px) { .inspiration-content .archive-main-top .crumbs-hot-tags { display: block; float: right } } .inspiration-content .archive-pages { text-align: center } @media (min-width:768px) { .inspiration-content .archive-pages { margin-bottom: 55px } } .inspiration-content .archive-main-show { display: none } @media (min-width:768px) { .inspiration-content .archive-main-show { display: block } } .inspiration-sections { background: #fff } @media (min-width:768px) { .inspiration-sections { background: #eff1f4 } } @media (min-width:768px) { .inspiration-sections .inspiration-home-section { padding: 60px 0 } .inspiration-sections .inspiration-home-section:nth-child(2n) { background: #e6eaed } } @media (min-width:768px) { .inspiration-sections .inspiration-home-section .section-title { height: 45px; padding-left: 180px; overflow: hidden } } .inspiration-sections .inspiration-home-section .section-title strong { display: block; font-size: 20px; overflow: hidden; background: #f5f9fc; margin: 0 -15px; padding: 15px } @media (min-width:768px) { .inspiration-sections .inspiration-home-section .section-title strong { font-size: 32px; position: absolute; left: 0; top: 0; line-height: 45px; background: rgba(0,0,0,0); padding: 0; margin: 0 30px 0 0 } } .inspiration-sections .inspiration-home-section .section-title .sub { padding-top: 15px; display: block; height: 45px; overflow: hidden } @media (min-width:768px) { .inspiration-sections .inspiration-home-section .section-title .sub { padding-top: 9px; height: 39px } } .inspiration-sections .inspiration-home-section .section-title .sub .subs { white-space: nowrap; overflow-x: auto; margin: 0 -5px } .singular-inspiration-top { display: none } @media (min-width:768px) { .singular-inspiration-top { display: block; padding: 30px 0 10px } } .singular-inspiration-title { background-color: rgba(0,0,0,0); padding: 24px 0 0; position: relative } @media (min-width:768px) { .singular-inspiration-title { background: #eff1f4; padding: 24px 0 50px } } .singular-inspiration-title .singular-title { margin-top: 0; font-weight: 500 } @media (max-width:767px) { .singular-inspiration-title .singular-title, .singular-inspiration-title .singular-title-meta, .singular-inspiration-title .singular-title-meta a { color: #fff } .singular-inspiration-title .singular-title-meta .meta-item:after { border-right-color: #fff } .singular-inspiration-title .singular-title-meta { margin-bottom: 30px } } .singular-inspiration-title .mobi-images { display: block } @media (min-width:768px) { .singular-inspiration-title .mobi-images { display: none } } .singular-inspiration-title .mobi-images .item { margin-bottom: 15px } .inspiration-know { background: #fff; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; padding: 15px 0 } @media (min-width:768px) { .inspiration-know { padding: 28px 40px; margin-bottom: 30px } } .inspiration-know .section-title { margin: 0 -40px; padding: 0 40px 20px; border-bottom: 1px solid #eff3f5; font-size: 16px; color: #3a3a3f; font-weight: 400 } .inspiration-know .section-title em { font-style: normal; color: #ff7300 } .inspiration-know .section-content { padding-top: 20px } .inspiration-know .section-content .item { padding: 20px 0 10px 24px } .inspiration-know .section-content .item h3 { margin-left: -24px; font-size: 16px; color: #3a3a3f; font-weight: 400; margin-bottom: 10px } .inspiration-know .section-content .item h3 i { margin-right: 4px } .inspiration-know .section-content .item p { font-size: 14px; color: #9f9f9f; line-height: 27px } .inspiration-know .section-content .item a:hover h3 { color: #009a3a } .inspiration-post-info { border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; margin: 0 -43px 30px; padding: 30px 43px; display: none } @media (min-width:768px) { .inspiration-post-info { display: block } } .inspiration-post-info .wrap { overflow: hidden } .inspiration-post-info .wrap .author { float: left; color: #969696; font-size: 14px; line-height: 40px } .inspiration-post-info .wrap .author .author-avatar { display: inline-block; width: 40px; margin-right: 10px; vertical-align: top } .inspiration-post-info .wrap .author .author-avatar .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100% } .inspiration-post-info .wrap .author em { font-style: normal } .inspiration-post-info .wrap .author a { color: #969696 } .inspiration-post-info .wrap .author a:hover { color: #009a3a } .inspiration-post-info .wrap .inspiration-share { float: right } .inspiration-images { margin: 0 -10px; overflow: hidden; display: none } @media (min-width:768px) { .inspiration-images { display: block } } .inspiration-images ul { float: left; width: 33.3333%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .inspiration-images li { display: block; margin-bottom: 20px; background: #fff; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px } .inspiration-images li .item { /* cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in */ } .inspiration-images li h3, .inspiration-images li span { display: block; line-height: 1; text-align: center; font-weight: 400; font-size: 12px; color: #bfbfbf; margin-top: 10px } .singular-sections { background: #fff } .singular-sections .inspiration-home-section { padding-bottom: 0 } .singular-sections .inspiration-home-section .section-title .sub a { margin: 0 9px } .images-show { position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; z-index: 100; overflow-y: auto; display: none; padding: 20px 0 } .images-show.modal-show { display: block } .images-show .images-show-wrap { background: #fff; padding: 30px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto; position: relative; display: inline-block } .images-show .images-show-wrap .count-title { position: absolute; left: 0; right: 0; top: 0; text-align: center; line-height: 30px; color: #8f8f8f; font-weight: 400 } .images-show .images-show-wrap .count-title i { font-style: normal } .images-show .images-show-wrap .title { margin: 15px 0 0; font-size: 16px; color: #8f8f8f; font-weight: 400 } .images-show .images-show-wrap .title i { font-style: normal } .images-show .images-show-wrap .close { position: absolute; right: -30px; top: 0; font-size: 20px; color: #fff; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .images-show .images-show-wrap .close:hover { color: #009a3a; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } /*.images-show .images-show-wrap .rn { cursor: url(https://uiiiuiii.com/wp-content/themes/Ui/static/img/rn.cur), auto } .images-show .images-show-wrap .rp { cursor: url(https://uiiiuiii.com/wp-content/themes/Ui/static/img/rp.cur), auto } */ .images-show .images-show-wrap img { -webkit-animation: show .5s linear 1; animation: show .5s linear 1 } .images-show-last .images-show-content-last { max-width: 1000px; background: #1f1f1f; color: #6a6a6a; padding: 30px 50px 20px } .images-show-last .images-show-content-last a { color: #6a6a6a } .images-show-last .images-show-content-last a:hover { color: #009a3a } .images-show-last .images-show-content-last .menus { padding: 28px; border-bottom: 1px solid #2f2f2f; font-size: 14px; margin-bottom: 50px } .images-show-last .images-show-content-last .menus a { display: inline-block; margin: 0 15px } .images-show-last .images-show-content-last .items { overflow: hidden; margin: 0 -12px } .images-show-last .images-show-content-last .items .item { float: left; width: 33.3333%; padding: 0 12px } .images-show-last .images-show-content-last .items .item-thumb:hover { opacity: .8 } .images-show-last .images-show-content-last .items .cont { background: #272727; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden } .images-show-last .images-show-content-last .items .item-main { padding: 15px 15px 30px } .images-show-last .images-show-content-last .items .item-main h3 { font-size: 14px; color: #656565; font-weight: 400; height: 1.5em; line-height: 1.5; overflow: hidden; text-align: left; margin-bottom: 20px } .images-show-last .images-show-content-last .items .item-main h3 a { color: #656565 } .images-show-last .images-show-content-last .items .item-main h3 a:hover { color: #009a3a } .images-show-last .images-show-content-last .items .item-main .btn { display: inline-block; height: 40px; line-height: 40px; padding: 0 2em; color: #fff } .images-show-last .images-show-content-last .show { margin-top: 25px; border-top: 1px solid #2f2f2f; padding-top: 17px } .images-show-last .images-show-content-last .show h3 { margin-bottom: 18px; font-size: 14px; font-weight: 400; color: #6a6a6a } .images-show-last .images-show-content-last .item2 .thing { padding: 90px 15px 0 } .images-show-last .images-show-content-last .item2 .thing h3 { font-size: 12px; font-weight: 400; color: #656565; line-height: 1.5; height: 1.5em; overflow: hidden; margin-bottom: 10px } .images-show-last .images-show-content-last .item2 .thing h4 { color: #fff; font-size: 20px; line-height: 1.5; height: 1.5em; overflow: hidden; margin-bottom: 40px } .images-show-last .images-show-content-last .item2 .thing .btn { line-height: 40px; padding: 0 30px; background: #edf5fe; font-size: 14px; color: #009a3a; display: inline-block } .images-show-last .images-show-content-last .item2 .thing .btn:hover { background: #009a3a; color: #fff } .images-show-last .nothing { padding: 100px 15px 0 } @-webkit-keyframes show { 0% { opacity:.5 } to { opacity: 1 } } @keyframes show { 0% { opacity:.5 } to { opacity: 1 } } .insp-bg { display: block; height: 500px; left: 0; top: 0; right: 0 } .insp-bg, .insp-bg .bg-img { position: absolute; overflow: hidden } .insp-bg .bg-img { left: -10px; top: -10px; right: -10px; height: 120%; width: 120%; background-repeat: repeat; background-position: 50%; -webkit-background-size: 150% 150%; background-size: 150%; -webkit-filter: blur(20px); filter: blur(20px) } .insp-bg .bg-img:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: hsla(0,0%,100%,.3) } .insp-bg:after { content: ""; display: block; width: 120%; height: 100%; background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, hsla(0,0%,39.2%,0), #fff); background-image: -o-linear-gradient(top, hsla(0,0%,39.2%,0) 0, #fff 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,39.2%,0)), to(#fff)); background-image: linear-gradient(180deg, hsla(0,0%,39.2%,0) 0, #fff); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00646464", endColorstr="#ffffffff", GradientType=0); position: absolute; left: -10px; right: -10px; top: 0; bottom: 0 } @media (min-width:768px) { .insp-bg { display: none } } .single-inspiration .singular-extra { background: #eff1f4 } @media (max-width:767px) { .single-inspiration .main-post .post-tag { padding: 30px 15px; border-top: 1px solid #f6f6f6; margin: 0 -15px } } @media (min-width:1024px) { .single-inspiration .article { margin-top: 10px } } .inspiration-selects-mobi { padding: 0 15px; z-index: 50; position: relative; background: #fff } @media (min-width:768px) { .inspiration-selects-mobi { display: none } } body.do_11_fixed.home { padding-top: 0 } body.do_11_fixed_show.home .11 { background: rgba(51,133,255,.9) } } .home-slide li a { display: block; width: 100%; height: 100%; } .home-slide li .thumb { height: 100%; padding: 0; -webkit-background-size: contain; background-size: contain; background-position: 50%; max-width: 1920px; margin: 0 auto } @media (min-width:1330px) { .home-slide li .thumb { background-position: 0 } } .home-section-division { background: #fff } @media (max-width:767px) { .home-section-division .container { padding: 0 } } .home-section-division .home-division { overflow: hidden } .home-section-division .home-division a { color: #525252; display: block; padding: 20px 0 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center } @media (min-width:768px) { .home-section-division .home-division a { text-align: left; padding: 22px 10px 30px 50px } } @media (min-width:1330px) { .home-section-division .home-division a { padding-right: 60px; padding-left: 106px } } .home-section-division .home-division a:hover .item-thumb, .home-section-division .home-division a:hover h3 { color: #009a3a } .home-section-division .home-division a:hover .icon-inspiration-nav-1:before { content: "\e82c" } .home-section-division .home-division a:hover .icon-tool-nav-1:before { content: "\e82a" } .home-section-division .home-division a:hover .icon-course-nav-1:before { content: "\e82e" } .home-section-division .home-division ul { margin: 0 -14px; overflow: hidden } .home-section-division .home-division li { float: left; line-height: 1; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 14px } .home-section-division .home-division li h3 { font-size: 13px; line-height: 1; margin: 10px 0; color: #43484d; font-weight: 400 } @media (min-width:768px) { .home-section-division .home-division li h3 { font-size: 18px; font-weight: 700 } } .home-section-division .home-division li h3 .go { background: #009a3a; display: none; height: 14px; line-height: 14px; padding: 2px 2px 2px 5px; -webkit-border-radius: 14px; border-radius: 14px; color: #fff; font-weight: 400; font-size: 12px; text-transform: uppercase; vertical-align: top } @media (min-width:1024px) { .home-section-division .home-division li h3 .go { display: inline-block } } .home-section-division .home-division li h3 .go i { vertical-align: middle; margin: -2px 3px 0 } .home-section-division .home-division li p { font-size: 13px; color: #9a9a9a; display: none } @media (min-width:1024px) { .home-section-division .home-division li p { display: block } } .home-section-division .home-division li .item-thumb { font-size: 28px } @media (max-width:1023px) { .home-section-division .home-division li .item-thumb { color: #009a3a } } @media (min-width:768px) { .home-section-division .home-division li .item-thumb { position: absolute; left: 5px; top: 20px; font-size: 40px } } @media (min-width:1330px) { .home-section-division .home-division li .item-thumb { top: 30px; left: 50px } } @media (min-width:1024px) { .home-section-division .home-division li.li_4 .item { background: #f3f8ff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #009a3a } .home-section-division .home-division li.li_4 .item .item-thumb, .home-section-division .home-division li.li_4 .item h3 { color: #009a3a } .home-section-division .home-division li.li_4 .item:hover { background: #009a3a; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #fff } .home-section-division .home-division li.li_4 .item:hover h3, .home-section-division .home-division li.li_4 .item:hover i, .home-section-division .home-division li.li_4 .item:hover p { color: #fff } } .home-section-bottom { background: #fff } .home-section-bottom .container { padding-top: 10px; padding-bottom: 20px } @media (min-width:768px) { .home-section-bottom .container { padding-top: 80px; padding-bottom: 0 } } .home-section-bottom .container .items { overflow: hidden } .home-section-bottom .container .item { float: left; width: 50%; position: relative; margin-bottom: 25px; padding: 0 5px 0 60px } @media (min-width:768px) { .home-section-bottom .container .item { margin-bottom: 70px; padding: 0 35px 0 80px } } @media (min-width:1024px) { .home-section-bottom .container .item { width: 20% } } .home-section-bottom .container .item h2 { font-size: 14px; color: #0c253d; margin-bottom: 10px; line-height: 1.2; height: 1.2em; overflow: hidden } @media (min-width:768px) { .home-section-bottom .container .item h2 { font-size: 20px; margin-bottom: 15px } } .home-section-bottom .container .item h4 { font-size: 12px; font-weight: 400; color: #8f8f8f; line-height: 1.1; height: 1.1em; overflow: hidden } @media (min-width:768px) { .home-section-bottom .container .item h4 { font-size: 14px } } .home-section-bottom .container .item .item-thumb { display: block; position: absolute; left: 0; top: 0; width: 45px; height: 45px; line-height: 45px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; text-align: center; font-size: 22px } @media (min-width:768px) { .home-section-bottom .container .item .item-thumb { line-height: 60px; width: 60px; height: 60px; -webkit-border-radius: 6px; border-radius: 6px } } .home-section-bottom .container .item:first-child .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#0075ce), to(#46bbfe)); background-image: -webkit-linear-gradient(top, #0075ce, #46bbfe); background-image: -o-linear-gradient(top, #0075ce 0, #46bbfe 100%); background-image: linear-gradient(180deg, #0075ce, #46bbfe); background-color: #46bbfe } .home-section-bottom .container .item:nth-child(2) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6b01), to(#ffa15f)); background-image: -webkit-linear-gradient(top, #ff6b01, #ffa15f); background-image: -o-linear-gradient(top, #ff6b01 0, #ffa15f 100%); background-image: linear-gradient(180deg, #ff6b01, #ffa15f); background-color: #ffa15f } .home-section-bottom .container .item:nth-child(3) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#8803ff), to(#c17bff)); background-image: -webkit-linear-gradient(top, #8803ff, #c17bff); background-image: -o-linear-gradient(top, #8803ff 0, #c17bff 100%); background-image: linear-gradient(180deg, #8803ff, #c17bff); background-color: #8803ff } .home-section-bottom .container .item:nth-child(4) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#676fb6), to(#8d99fd)); background-image: -webkit-linear-gradient(top, #676fb6, #8d99fd); background-image: -o-linear-gradient(top, #676fb6 0, #8d99fd 100%); background-image: linear-gradient(180deg, #676fb6, #8d99fd); background-color: #676fb6 } .home-section-bottom .container .item:nth-child(5) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3600), to(#ff7800)); background-image: -webkit-linear-gradient(top, #ff3600, #ff7800); background-image: -o-linear-gradient(top, #ff3600 0, #ff7800 100%); background-image: linear-gradient(180deg, #ff3600, #ff7800); background-color: #ff3600 } .home-section-bottom .container .item:nth-child(6) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#5e99b7), to(#aed6ea)); background-image: -webkit-linear-gradient(top, #5e99b7, #aed6ea); background-image: -o-linear-gradient(top, #5e99b7 0, #aed6ea 100%); background-image: linear-gradient(180deg, #5e99b7, #aed6ea); background-color: #5e99b7 } .home-section-bottom .container .item:nth-child(7) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#c300e6), to(#ea77ff)); background-image: -webkit-linear-gradient(top, #c300e6, #ea77ff); background-image: -o-linear-gradient(top, #c300e6 0, #ea77ff 100%); background-image: linear-gradient(180deg, #c300e6, #ea77ff); background-color: #c300e6 } .home-section-bottom .container .item:nth-child(8) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #00cfd3), to(#00e4bb)); background-image: -webkit-linear-gradient(top, #00cfd3 1%, #00e4bb); background-image: -o-linear-gradient(top, #00cfd3 1%, #00e4bb 100%); background-image: linear-gradient(180deg, #00cfd3 1%, #00e4bb); background-color: #00cfd3 } .home-section-bottom .container .item:nth-child(9) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#f708f9), to(#ff26be)); background-image: -webkit-linear-gradient(top, #f708f9, #ff26be); background-image: -o-linear-gradient(top, #f708f9 0, #ff26be 100%); background-image: linear-gradient(180deg, #f708f9, #ff26be); background-color: #ff26be } .home-section-bottom .container .item:nth-child(10) .item-thumb { background-image: -webkit-gradient(linear, left top, left bottom, from(#008be5), to(#00dbff)); background-image: -webkit-linear-gradient(top, #008be5, #00dbff); background-image: -o-linear-gradient(top, #008be5 0, #00dbff 100%); background-image: linear-gradient(180deg, #008be5, #00dbff); background-color: #008be5 } .home-section-bottom .container .item a:hover h2 { color: #009a3a } .home-section-posts { background: #fff } @media (min-width:768px) { .home-section-posts { padding: 60px 0; background: #eff1f4 } .home-section-posts.posts-inspiration { background: #eaeef1 } } @media (min-width:768px) { .home-section-posts .section-title { height: 45px; padding-left: 150px; overflow: hidden; margin-bottom: 25px } } .home-section-posts .section-title strong { display: block; font-size: 20px; overflow: hidden; background: #f5f9fc; margin: 0 -15px; padding: 15px; font-weight: 500 } @media (min-width:768px) { .home-section-posts .section-title strong { font-size: 32px; position: absolute; left: 0; top: 0; line-height: 45px; background: rgba(0,0,0,0); padding: 0; margin: 0 30px 0 0 } } .home-section-posts .section-title .sub { padding-top: 15px; display: block; height: 45px; overflow: hidden } @media (min-width:768px) { .home-section-posts .section-title .sub { padding-top: 9px; height: 39px } } .home-section-posts .section-title .sub .subs { white-space: nowrap; overflow-x: auto; margin: 0 -5px } .home-section-posts .section-title .sub a { border: 1px solid #dbdee0; margin: 0 8px } @media (min-width:768px) { .home-section-posts .section-title .sub a { margin: 0 12px } } .home-section-posts .section-title .sub a:hover { background: #e3efff; border-color: #dbe8fa } .home-section-posts .section-title .sub a.current { border-color: #009a3a } .home-section-posts .section-title .sub a.current:hover { background: #009a3a; border-color: #009a3a } @media (min-width:1330px) { .home-section-posts .title_software { padding-left: 0; height: auto } .home-section-posts .title_software strong { position: relative; left: auto; top: auto } .home-section-posts .title_software .sub { height: 65px; padding-top: 22px; margin-bottom: 15px } .home-section-posts .title_software .sub .subs { margin: 0 -14px; padding-top: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .home-section-posts .title_software .sub .subs a { background: #fff; color: #a5a8b1; height: 38px; line-height: 38px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 16px 0 62px; position: relative; overflow: hidden; white-space: nowrap; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border: none } .home-section-posts .title_software .sub .subs a:hover { color: #009a3a; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .home-section-posts .title_software .sub .subs a .ico { display: block; position: absolute; left: 0; top: 0; width: 46px; height: 38px; line-height: 38px; text-align: center; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #0075ce, #46bbfe); background-image: -o-linear-gradient(top, #0075ce 0, #46bbfe 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#0075ce), to(#46bbfe)); background-image: linear-gradient(180deg, #0075ce 0, #46bbfe); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0075ce", endColorstr="#ff46bbfe", GradientType=0); color: #fff } .home-section-posts .title_software .sub .subs a .ico:before { content: "\e862"; font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; height: 1em; text-align: center; font-variant: normal; text-transform: none } .home-section-posts .title_software .sub .subs a:nth-child(2) .ico { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #ff6b01, #ffa15f); background-image: -o-linear-gradient(top, #ff6b01 0, #ffa15f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6b01), to(#ffa15f)); background-image: linear-gradient(180deg, #ff6b01 0, #ffa15f); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff6b01", endColorstr="#ffffa15f", GradientType=0) } .home-section-posts .title_software .sub .subs a:nth-child(2) .ico:before { content: "\e832" } .home-section-posts .title_software .sub .subs a:nth-child(3) .ico { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #8803ff, #c17bff); background-image: -o-linear-gradient(top, #8803ff 0, #c17bff 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#8803ff), to(#c17bff)); background-image: linear-gradient(180deg, #8803ff 0, #c17bff); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8803ff", endColorstr="#ffc17bff", GradientType=0) } .home-section-posts .title_software .sub .subs a:nth-child(3) .ico:before { content: "\e833" } .home-section-posts .title_software .sub .subs a:nth-child(4) .ico { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #676fb6, #8d99fd); background-image: -o-linear-gradient(top, #676fb6 0, #8d99fd 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#676fb6), to(#8d99fd)); background-image: linear-gradient(180deg, #676fb6 0, #8d99fd); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff676fb6", endColorstr="#ff8d99fd", GradientType=0) } .home-section-posts .title_software .sub .subs a:nth-child(4) .ico:before { content: "\e834" } .home-section-posts .title_software .sub .subs a:nth-child(5) .ico { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #c300e6, #ea77ff); background-image: -o-linear-gradient(top, #c300e6 0, #ea77ff 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#c300e6), to(#ea77ff)); background-image: linear-gradient(180deg, #c300e6 0, #ea77ff); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc300e6", endColorstr="#ffea77ff", GradientType=0) } .home-section-posts .title_software .sub .subs a:nth-child(5) .ico:before { content: "\e835" } .home-section-posts .title_software .sub .subs a:nth-child(6) .ico { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #ff8f00, #ffca77); background-image: -o-linear-gradient(top, #ff8f00 0, #ffca77 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8f00), to(#ffca77)); background-image: linear-gradient(180deg, #ff8f00 0, #ffca77); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff8f00", endColorstr="#ffffca77", GradientType=0) } .home-section-posts .title_software .sub .subs a:nth-child(6) .ico:before { content: "\e836" } .home-section-posts .title_software .sub .subs a:nth-child(7) .ico { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #ff26be, #ff26be); background-image: -o-linear-gradient(top, #ff26be 0, #ff26be 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff26be), to(#ff26be)); background-image: linear-gradient(180deg, #ff26be 0, #ff26be); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff26be", endColorstr="#ffff26be", GradientType=0) } .home-section-posts .title_software .sub .subs a:nth-child(7) .ico:before { content: "\e837" } .home-section-posts .title_software .sub .subs a:nth-child(8) .ico { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(top, #8803ff, #c17bff); background-image: -o-linear-gradient(top, #8803ff 0, #c17bff 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#8803ff), to(#c17bff)); background-image: linear-gradient(180deg, #8803ff 0, #c17bff); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8803ff", endColorstr="#ffc17bff", GradientType=0) } .home-section-posts .title_software .sub .subs a:nth-child(8) .ico:before { content: "\e838" } } .home-section-posts .items-hot .articles_default .item .item-main h4 .term a { display: none } .home-section-posts .items-hot .articles_default .item .item-main h4 .term .views { display: inline } .home-section-posts .items-hot .articles_default .item .item-main h4 .term .views i { margin-right: 5px } .home-section-designs { background: #fff; display: none } @media (min-width:768px) { .home-section-designs { background: #eaeef1; padding: 60px 0; display: block } } .home-section-designs .items { overflow: hidden; margin: 0 -14px 30px } .home-section-designs .items .item-wrap { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 14px } @media (min-width:1024px) { .home-section-designs .items .item-wrap { width: 25% } } .home-section-designs .items .item { background: #fff; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .home-section-designs .items .item:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } .home-section-designs .items .item-thumb .thumb { padding-top: 100% } .home-section-designs .items .item-thumb .thumb:hover { opacity: .8 } .home-section-designs .items .item-main { padding: 15px 0 0 } @media (min-width:768px) { .home-section-designs .items .item-main { padding: 16px 25px } } .home-section-designs .items .item-main h2 { font-size: 18px; color: #3c3c3c; font-weight: 400; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 15px } .home-section-designs .items .item-main h2 span { margin-left: 15px; font-size: 14px; color: #b2b2b2 } .home-section-designs .items .item-main h2:hover { color: #009a3a } .home-section-designs .items .item-main h4 { margin: 0 -5px; font-weight: 400; line-height: 22px; height: 22px; overflow: hidden } .home-section-designs .items .item-main h4 span { display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; background: #e5f0ff; font-size: 12px; color: #009a3a; padding: 0 5px; margin: 0 5px; white-space: nowrap } .home-section-designs .items .item-main h4 span:hover { background: #009a3a; color: #fff } .home-section-jichu { display: none; background: #eff3f5; padding: 0 0 60px } @media (min-width:768px) { .home-section-jichu { display: block } } .home-section-jichu .section-title { margin-bottom: 20px } .home-section-jichu .items { overflow: hidden; margin: 0 -16px 30px } .home-section-jichu .items .item-wrap { float: left; width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 16px } .home-section-jichu .items .item { background: #fff; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .home-section-jichu .items .item:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } .home-section-jichu .items a { display: block } .home-section-jichu .items .item-thumb .thumb { padding-top: 58.25% } .home-section-jichu .items .item-thumb .thumb:hover { opacity: .8 } .home-section-jichu .items .item-main { padding: 26px 20px } .home-section-jichu .items .item-main h2 { font-size: 20px; color: #3c3c3c; margin-bottom: 10px; line-height: 1.5; height: 1.5em; overflow: hidden } .home-section-jichu .items .item-main h4 { font-size: 14px; color: #a5a8b1; font-weight: 400; line-height: 1.5; height: 3em; overflow: hidden; margin-bottom: 20px } .home-section-jichu .items .item-main h5 { position: relative } .home-section-jichu .items .item-main h5 .avatars { display: none } @media (min-width:1024px) { .home-section-jichu .items .item-main h5 .avatars { display: inline } } .home-section-jichu .items .item-main h5 .avatars em { display: none; width: 30px; margin: 0 5px } .home-section-jichu .items .item-main h5 .avatars em:first-child, .home-section-jichu .items .item-main h5 .avatars em:nth-child(2) { display: inline-block } @media (min-width:1330px) { .home-section-jichu .items .item-main h5 .avatars em { display: inline-block } } .home-section-jichu .items .item-main h5 .avatars em .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100% } .home-section-jichu .items .item-main h5 .btn { display: inline-block; background: #e5f0ff; color: #009a3a; font-size: 14px; font-weight: 400; line-height: 40px; height: 40px; padding: 0 2em } @media (min-width:1024px) { .home-section-jichu .items .item-main h5 .btn { display: block; position: absolute; right: 0; top: 0 } } .home-section-jichu .items .item-main h5 .btn:hover { background: #009a3a; color: #fff } .home-section-ranks { background: #fff } @media (min-width:768px) { .home-section-ranks { background: #eaeef1; padding: 60px 0 0 } } .home-section-ranks .section-title { margin-bottom: 0 } @media (min-width:768px) { .home-section-ranks .section-title { margin-bottom: 36px } } .home-section-ranks .section-content { margin: 0 -15px } @media (min-width:768px) { .home-section-ranks .section-content { margin: 0 } } .home-section-ranks .ranks-content { background: #fff; position: relative; overflow: hidden } @media (min-width:768px) { .home-section-ranks .ranks-content { margin-bottom: 30px } } @media (min-width:1024px) { .home-section-ranks .ranks-content { -webkit-border-radius: 4px; border-radius: 4px; padding-left: 304px; margin-bottom: 60px } } .home-section-ranks .ranks-content .rank-results { margin: 0; padding: 30px 50px } @media (max-width:767px) { .home-section-ranks .ranks-content .rank-results { margin: 0; padding: 15px } } @media (max-width:767px) { .home-section-ranks .ranks-content .rank-results .items { margin: 0 } } .home-section-ranks .ranks-content .rank-results .items .item { padding: 20px 0 0 } @media (min-width:768px) { .home-section-ranks .ranks-content .rank-results .items .item { padding: 20px 30px 0 } } .home-section-ranks .ranks-content .rank-results .items .item:after { height: 20px } .home-section-ranks .ranks-content .rank-results .items .item .item-num { width: 45px; line-height: 80px } @media (min-width:768px) { .home-section-ranks .ranks-content .rank-results .items .item .item-num { width: 60px } } .home-section-ranks .ranks-content .rank-results .items .item .item-thumb { width: 120px } .home-section-ranks .ranks-content .rank-results .items .item .item-title { margin: 0; float: none } @media (min-width:768px) { .home-section-ranks .ranks-content .rank-results .items .item .item-title { width: auto; margin-top: 0; margin-right: 60px } } @media (min-width:1330px) { .home-section-ranks .ranks-content .rank-results .items .item .item-title { width: 260px; float: left; margin-top: 15px } } .home-section-ranks .ranks-content .rank-results .items .item .item-author, .home-section-ranks .ranks-content .rank-results .items .item .item-cat { margin-top: 15px } @media (min-width:768px) { .home-section-ranks .ranks-content .rank-results .items .item .item-author, .home-section-ranks .ranks-content .rank-results .items .item .item-cat { width: 100px; margin-right: 40px } } .home-section-ranks .ranks-content .rank-results .items .item .item-views .un-hover { margin-top: 15px; display: block } .home-section-ranks .ranks-content .rank-results .items .item .item-views .hover { display: none } .home-section-ranks .ranks-content .rank-results .items .item .item-author, .home-section-ranks .ranks-content .rank-results .items .item .item-cat, .home-section-ranks .ranks-content .rank-results .items .item .item-views { height: 1.5em } .home-section-ranks .ranks-content .rank-results .items .item .item-author, .home-section-ranks .ranks-content .rank-results .items .item .item-views { display: none } @media (min-width:768px) { .home-section-ranks .ranks-content .rank-results .items .item .item-author, .home-section-ranks .ranks-content .rank-results .items .item .item-views { display: block } } .home-section-ranks .ranks-bar { background-color: #feae18; background-image: url(../images/uiii-01.png); background-repeat: no-repeat; background-position: 100% 100%; -webkit-background-size: 20% 20%; background-size: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px 0; color: #fff } @media (min-width:768px) { .home-section-ranks .ranks-bar { padding: 40px 20px 0 } } @media (min-width:1024px) { .home-section-ranks .ranks-bar { padding: 40px 0 0 44px; position: absolute; left: 0; top: 0; width: 304px; height: 100%; -webkit-background-size: 100% 100%; background-size: 100%; background-position: bottom } } .home-section-ranks .ranks-bar .total { font-size: 14px; font-weight: 400; margin-bottom: 15px } @media (min-width:768px) { .home-section-ranks .ranks-bar .total { margin-bottom: 28px } } .home-section-ranks .ranks-bar .total .total_num { font-size: 20px; font-style: normal } .home-section-ranks .ranks-bar ul li { display: inline-block } @media (min-width:1024px) { .home-section-ranks .ranks-bar ul li { display: block; margin-bottom: 10px } } .home-section-ranks .ranks-bar ul a { display: block; color: #fff; font-size: 14px; padding: 10px 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } @media (min-width:768px) { .home-section-ranks .ranks-bar ul a { font-size: 16px; padding: 20px 24px } } @media (min-width:1024px) { .home-section-ranks .ranks-bar ul a { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } } @media (min-width:1024px) { .home-section-ranks .ranks-bar ul a i { margin-right: 20px } } .home-section-ranks .ranks-bar ul a i, .home-section-ranks .ranks-bar ul a span { display: none } @media (min-width:768px) { .home-section-ranks .ranks-bar ul a i, .home-section-ranks .ranks-bar ul a span { display: inline } } .home-section-ranks .ranks-bar ul .current a { background: #fff; color: #feae18 } .home-section-first-menus { position: absolute; z-index: 10; left: 50%; top: 110px; width: 260px; padding: 20px 40px 20px 0; -webkit-border-radius: 6px; border-radius: 6px; background: rgba(55,55,55,.5); margin-left: 390px; display: none } @media (min-width:1330px) { .home-section-first-menus { display: block } } .home-section-first-menus .main-menus .li { display: block; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; margin-bottom: 8px } .home-section-first-menus .main-menus .li.show { background: hsla(0,0%,100%,.1) } .home-section-first-menus .main-menus .li.show .menu { color: #fff } .home-section-first-menus .main-menus .li.show .sub { visibility: visible; opacity: 1; right: 96% } .home-section-first-menus .main-menus .li:first-child .menu i { background-image: -webkit-gradient(linear, left top, left bottom, from(#0075ce), to(#46bbfe)); background-image: -webkit-linear-gradient(top, #0075ce, #46bbfe); background-image: -o-linear-gradient(top, #0075ce 0, #46bbfe 100%); background-image: linear-gradient(180deg, #0075ce, #46bbfe) } .home-section-first-menus .main-menus .li:nth-child(2) .menu i { background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6b01), to(#ffa15f)); background-image: -webkit-linear-gradient(top, #ff6b01, #ffa15f); background-image: -o-linear-gradient(top, #ff6b01 0, #ffa15f 100%); background-image: linear-gradient(180deg, #ff6b01, #ffa15f) } .home-section-first-menus .main-menus .li:nth-child(3) .menu i { background-image: -webkit-gradient(linear, left top, left bottom, from(#8803ff), to(#c17bff)); background-image: -webkit-linear-gradient(top, #8803ff, #c17bff); background-image: -o-linear-gradient(top, #8803ff 0, #c17bff 100%); background-image: linear-gradient(180deg, #8803ff, #c17bff) } .home-section-first-menus .main-menus .li:nth-child(4) .menu i { background-image: -webkit-gradient(linear, left top, left bottom, from(#676fb6), to(#8d99fd)); background-image: -webkit-linear-gradient(top, #676fb6, #8d99fd); background-image: -o-linear-gradient(top, #676fb6 0, #8d99fd 100%); background-image: linear-gradient(180deg, #676fb6, #8d99fd) } .home-section-first-menus .main-menus .menu { display: block; padding: 10px 10px 10px 40px; color: hsla(0,0%,100%,.8); line-height: 32px; font-size: 14px } .home-section-first-menus .main-menus .menu i { font-size: 12px; width: 32px; height: 32px; display: inline-block; vertical-align: top; line-height: 32px; text-align: center; margin-right: 15px; background: rgba(0,0,0,.08); -webkit-border-radius: 32px; border-radius: 32px } .home-section-first-menus .main-menus .sub { position: absolute; right: 110%; top: 0; bottom: 0; background: #fff; padding: 35px 30px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; visibility: hidden; width: 430px; overflow-y: auto } .home-section-first-menus .main-menus .sub h2 { color: #000; font-size: 16px; margin-bottom: 18px } .home-section-first-menus .main-menus .sub .sub-menus-1 { margin: 0 -12px 18px; overflow: hidden } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item { float: left; width: 50%; padding: 0 12px; margin-bottom: 24px } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a { display: block; background: rgba(245,245,248,.97); -webkit-border-radius: 4px; border-radius: 4px; padding: 15px 20px 12px 50px; position: relative } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover { background: #009a3a; color: #fff } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .desc, .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-023, .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-024, .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .ithumb, .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .tit { color: #fff } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .ithumb { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #009a3a; position: absolute; left: 20px; top: 20px; font-size: 18px } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit { font-size: 16px; color: #3c3c3c; display: block; font-weight: 400; height: 1.5em; overflow: hidden } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-023, .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 { font-size: 12px; color: #ffa300; vertical-align: bottom; margin-bottom: 3px; display: inline-block } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 { color: #ff2c58 } .home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .desc { font-size: 12px; color: #bdbdbd; height: 1.5em; display: block; overflow: hidden } .home-section-first-menus .main-menus .sub .sub-menus-2 { margin: 0 -10px } .home-section-first-menus .main-menus .sub .sub-menus-2 .item { float: left; width: 33.3333%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px } .home-section-first-menus .main-menus .sub .sub-menus-2 .item a { display: block; background: #f7fafa; -webkit-border-radius: 4px; border-radius: 4px; line-height: 36px; padding: 0 10px; font-size: 14px; color: #878990; white-space: nowrap; height: 36px; overflow: hidden } .home-section-first-menus .main-menus .sub .sub-menus-2 .item a em { display: inline-block; width: 18px; height: 18px; line-height: 18px; background: #9199a1; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; color: #fff; margin-right: 5px; font-size: 12px; font-style: normal } .home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover { background: #009a3a; color: #fff } .home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover em { background: #fff; color: #009a3a } .home-section-knowledge { background: #fff } @media (min-width:768px) { .home-section-knowledge { background: #eaeef1; padding: 60px 0 } } .home-section-show { background: #fff; display: none } @media (min-width:768px) { .home-section-show { display: block; background: #eff3f5; padding: 60px 0 } } .designer-archive { background: #eff3f5; padding: 0 } @media (min-width:1024px) { .designer-archive { padding: 0 0 60px } } .designer-archive .designer-show { display: none } @media (min-width:768px) { .designer-archive .designer-show { display: block; padding: 30px 0 0 } } .designer-archive .designer-crumb { padding: 20px 20px 0; position: relative } @media (min-width:1024px) { .designer-archive .designer-crumb { padding: 30px 70px 0 } } .designer-archive .designer-crumb .rank { position: absolute; right: 20px; top: 25px } @media (min-width:1024px) { .designer-archive .designer-crumb .rank { right: 70px; top: 30px } } .designer-archive .designer-crumb .rank a { color: #adafb8 } .designer-archive .designer-crumb .rank a:hover { color: #009a3a } .designer-archive .designer-pages { padding: 20px 20px 10px; text-align: center; background: #fff } @media (min-width:1024px) { .designer-archive .designer-pages { padding: 60px 15px 0; background: rgba(0,0,0,0) } } .designer-archive .designer-list { background: #fff; padding: 0 20px; margin-top: 20px } @media (min-width:1024px) { .designer-archive .designer-list { padding: 0 70px; margin-top: 30px } } .designer-archive .designer-list .item { margin: 0 -20px; padding: 20px; border-bottom: 15px solid #f5f9fc; overflow: hidden } @media (min-width:1024px) { .designer-archive .designer-list .item { margin: 0 -70px; padding: 60px 70px; border-bottom: 1px solid #f8f8f8 } } .designer-archive .designer-list .item:hover { background: #f8fbff } .designer-archive .designer-list .item .item-avatar { float: left; width: 80px; margin-right: 10px } @media (min-width:1024px) { .designer-archive .designer-list .item .item-avatar { width: 11.46%; margin-right: 2.25% } } .designer-archive .designer-list .item .item-avatar .thumb { padding-top: 100%; -webkit-border-radius: 6px; border-radius: 6px } .designer-archive .designer-list .item .item-user { margin: 0 0 20px 100px } @media (min-width:1024px) { .designer-archive .designer-list .item .item-user { float: left; width: 25.84%; margin: 0 } } .designer-archive .designer-list .item .item-user .user-name { font-size: 18px; color: #3c3c3c; margin-bottom: 4px } @media (min-width:1024px) { .designer-archive .designer-list .item .item-user .user-name { font-size: 22px; margin-bottom: 10px } } .designer-archive .designer-list .item .item-user .user-meta { font-weight: 400; font-size: 12px; color: #b2b2b2; margin: 0 0 5px } @media (min-width:1024px) { .designer-archive .designer-list .item .item-user .user-meta { font-size: 14px; margin-bottom: 20px } } .designer-archive .designer-list .item .item-user .user-meta span { display: inline-block; padding: 0 } .designer-archive .designer-list .item .item-user .user-meta .user-job { position: relative } .designer-archive .designer-list .item .item-user .user-meta .user-job:after { content: ""; display: block; width: 0; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 0; border-right: 1px solid #d8d8d8; opacity: .3 } .designer-archive .designer-list .item .item-user .user-desc { font-weight: 400; font-size: 14px; color: #9a9a9a; line-height: 1.5; height: 3em; overflow: hidden; margin-bottom: 8px; display: none } @media (min-width:1330px) { .designer-archive .designer-list .item .item-user .user-desc { display: block } } .designer-archive .designer-list .item .item-user .user-counts { font-size: 14px; color: #b2b2b2; font-weight: 400; margin: 0 -10px 10px } .designer-archive .designer-list .item .item-user .user-counts span { display: inline-block; padding: 0 10px; position: relative } .designer-archive .designer-list .item .item-user .user-counts span:after { content: ""; display: block; width: 0; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 0; border-right: 1px solid #bfbfbf } .designer-archive .designer-list .item .item-user .user-counts span:last-child:after { display: none } .designer-archive .designer-list .item .item-user .user-counts i { color: #ff7300; font-style: normal } .designer-archive .designer-list .item .item-user .btns { display: none } @media (min-width:1024px) { .designer-archive .designer-list .item .item-user .btns { display: block } } .designer-archive .designer-list .item .item-user .btns .btn { display: inline-block; line-height: 42px; padding: 0 2em; color: #fff } .designer-archive .designer-list .item .item-posts { margin: 0 -5px; overflow: hidden } @media (min-width:1024px) { .designer-archive .designer-list .item .item-posts { float: right; margin: 0 -15px 0 0; width: 56.29% } } .designer-archive .designer-list .item .item-posts .item-post { float: left; width: 33.3333%; padding: 0 5px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media (min-width:1024px) { .designer-archive .designer-list .item .item-posts .item-post { padding: 0 15px } } .designer-archive .designer-list .item .item-posts .item-post .thumb { -webkit-border-radius: 3px; border-radius: 3px } @media (min-width:768px) { .designer-archive .designer-list .item .item-posts .item-post .thumb { -webkit-border-radius: 6px; border-radius: 6px } } .designer-archive .designer-list .item .item-posts .item-post .thumb:hover { opacity: .8 } .designer-archive .designer-list .item .item-posts .item-post a { display: block; position: relative } .designer-archive .designer-list .item .item-posts .item-post .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); -webkit-border-radius: 6px; border-radius: 6px } .designer-archive .designer-list .item .item-posts .item-post .count { position: absolute; left: 0; right: 0; top: 50%; display: block; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; text-align: center } .designer-archive .designer-list .item .item-posts .item-post .count strong { font-family: ArialMT, Arial; font-size: 40px; display: block; font-weight: 400 } .designer-archive .designer-list .item .user-tags { margin: 0 -5px; font-weight: 400; line-height: 22px; height: 22px; overflow: hidden } .designer-archive .designer-list .item .user-tags span { display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; background: #e5f0ff; font-size: 12px; color: #009a3a; padding: 0 5px; margin: 0 5px; white-space: nowrap } .designer-archive .designer-list .item .user-tags span:hover { background: #009a3a; color: #fff } .search-11 { background: #3b82ff url(../images/uiii-07.png) no-repeat 100% 100% } .search-11 .container { padding-top: 30px; padding-bottom: 50px } @media (min-width:768px) { .search-11 .container { padding-top: 60px; padding-bottom: 80px } } .search-11 .search-form-div { padding: 0 } @media (min-width:768px) { .search-11 .search-form-div { padding: 0 150px } } .search-11 .hot-search { padding-top: 27px; font-size: 12px; color: #fff; line-height: 2.5; overflow: hidden; width: 100% } .search-11 .hot-search span { margin: 0 0 0 8px; float: left } @media (min-width:768px) { .search-11 .hot-search span { float: none; margin: 0 } } @media (min-width:768px) { .search-11 .hot-search { font-size: 14px; line-height: 1.5; text-align: center } } .search-11 .hot-search a { color: #fff; margin: 0 8px; white-space: nowrap; float: left } @media (min-width:768px) { .search-11 .hot-search a { float: none; margin: 0 15px } } .search-11 .hot-search a:hover { color: #ff7300 } .search-form-div .search-form-wrap { height: 54px; background: #fff; -webkit-border-radius: 6px; border-radius: 6px; overflow: visible; position: relative; padding: 0 100px 0 120px } .search-form-div .search-form-wrap .selects { position: absolute; left: 22px; top: 18px; padding-right: 20px } .search-form-div .search-form-wrap .selects:after { content: ""; display: block; width: 0; height: 10px; border-right: 1px solid #dedede; position: absolute; top: 50%; margin-top: -5px; right: 0 } .search-form-div .search-form-wrap .selects.show .selects-ul { height: auto; visibility: visible; opacity: 1; top: 100% } .search-form-div .search-form-wrap .selects .select-title { font-size: 14px; color: #8f8f8f; font-weight: 400; line-height: 1.5; margin: 0; cursor: pointer } .search-form-div .search-form-wrap .selects .select-title strong { font-weight: 400 } .search-form-div .search-form-wrap .selects .select-title i { font-size: 9px; margin-left: 5px; display: inline-block; line-height: 20px; vertical-align: bottom } .search-form-div .search-form-wrap .selects .select-title i:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .search-form-div .search-form-wrap .selects .select-title:hover { color: #009a3a } .search-form-div .search-form-wrap .selects .selects-ul { position: absolute; left: -22px; top: 90%; background: #fff; padding: 10px 30px; text-align: center; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; color: #8f8f8f; height: 1px; visibility: hidden; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .search-form-div .search-form-wrap .selects .selects-ul li { display: block; white-space: nowrap; line-height: 35px; cursor: pointer } .search-form-div .search-form-wrap .selects .selects-ul li.current, .search-form-div .search-form-wrap .selects .selects-ul li:hover { color: #009a3a } .search-form-div .search-form-wrap .txt { position: relative } .search-form-div .search-form-wrap .txt .s { display: block; width: 100%; height: 54px; padding: 17px 0; line-height: 20px; font-size: 14px; color: #8f8f8f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,0); position: relative; z-index: 2 } .search-form-div .search-form-wrap .txt .s:focus { color: #3c3c3c } .search-form-div .search-form-wrap .txt .ico-ji { position: absolute; left: 50%; bottom: 0; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .search-form-div .search-form-wrap .btns { position: absolute; right: 0; top: 0; z-index: 3 } .search-form-div .search-form-wrap .btns .search-btn { height: 54px; padding: 0 20px; display: block; border: none; background: rgba(0,0,0,0); cursor: pointer; font-size: 18px; color: #6d6e73; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0 } .search-form-div .search-form-wrap .btns .search-btn span { display: none } .search-form-div .search-form-wrap .btns .search-btn:hover { color: #009a3a } .search-content { background: #fff } @media (min-width:768px) { .search-content { background: #eff3f5; padding: 30px 0 0 } } .search-content .content { padding: 0 } @media (min-width:768px) { .search-content .content { padding: 0 0 60px } } .search-content .nav-pages { padding-top: 40px; text-align: center; margin-bottom: 30px } @media (min-width:1024px) { .search-content .nav-pages { margin-bottom: 0 } } .search-content .search-title { margin-bottom: 30px } .search-content .search-title strong { font-size: 20px; color: #3c3c3c; margin: 0 -15px 15px; padding: 15px; display: block; background: #f5f9fc } @media (min-width:768px) { .search-content .search-title strong { padding: 0; margin: 0; display: inline; background: rgba(0,0,0,0) } } .search-content .search-title span { color: #8f8f8f; font-size: 14px; font-weight: 400; display: block } @media (min-width:768px) { .search-content .search-title span { display: inline; margin-left: 20px } } .search-content .search-title span em { font-style: normal; color: #ff7300 } .search-content .sidebar:before { display: none } @media (min-width:768px) { .search-content .sidebar { padding: 0 15px } .search-content .sidebar:before { display: none } } @media (min-width:1024px) { .search-content .sidebar { padding: 0 } } @media (max-width:767px) { .search-content .sidebar .widget { margin-bottom: 0; padding: 0 15px 15px } .search-content .sidebar .widget.widget-hot-search-tag { border-bottom: none } .search-content .sidebar .widget .section-title { margin: 0 -15px 15px; background: #f5f9fc; padding: 15px } } .search-content .show-full { margin-top: 40px } .search-main-content { background: #fff; padding: 0; -webkit-border-radius: 6px; border-radius: 6px } @media (min-width:768px) { .search-main-content { padding: 25px 40px } } .search-main-content .sub-menus { margin: 20px 0 0 } @media (min-width:768px) { .search-main-content .sub-menus { margin: 20px 20px 0 } } .search-main-content .sub-menus a { display: inline-block; margin: 0 8px 8px; font-size: 13px; color: #8f8f8f; padding: 0 6px; -webkit-border-radius: 4px; border-radius: 4px; height: 26px; line-height: 26px; white-space: nowrap } @media (min-width:768px) { .search-main-content .sub-menus a { font-size: 14px; margin: 0 10px 20px } } .search-main-content .sub-menus a:hover { color: #009a3a } .search-main-content .sub-menus a.current { background: #009a3a; color: #fff } .search-content-top { margin: 0 -40px; padding: 0; border-bottom: 1px solid #f6f6f6 } .search-content-top a { display: inline-block; margin: 0 40px; font-size: 16px; color: #6a6a6a; padding-bottom: 25px; border-bottom: 4px solid #fff } .search-content-top a:hover { color: #009a3a } .search-content-top a.current { color: #009a3a; border-bottom-color: #009a3a } @media (max-width:767px) { .search-content-top { margin: 0; overflow: hidden } .search-content-top a { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; margin: 0 } } .results-post .item { padding: 20px 0 20px 130px; border-bottom: 1px solid #f6f6f6; position: relative; line-height: 1.5; min-height: 110px } @media (min-width:768px) { .results-post .item { padding: 40px 0 40px 276px; min-height: 238px } } .results-post .item:last-child { border-bottom: none } .results-post .item .item-thumb { width: 120px; position: absolute; left: 0; top: 20px } @media (min-width:768px) { .results-post .item .item-thumb { width: 240px; top: 40px } } .results-post .item .item-thumb .thumb { padding-top: 65.83333%; -webkit-border-radius: 3px; border-radius: 3px } @media (min-width:768px) { .results-post .item .item-thumb .thumb { -webkit-border-radius: 6px; border-radius: 6px } } .results-post .item .item-thumb .thumb:hover { opacity: .8 } .results-post .item .item-title { font-size: 14px; line-height: 1.5; max-height: 3em; margin-bottom: 10px; color: #000 } @media (min-width:768px) { .results-post .item .item-title { margin-bottom: 20px; font-size: 18px } } .results-post .item .item-title a { color: #000 } .results-post .item .item-title a:hover { color: #009a3a } .results-post .item .item-entry { font-size: 12px; color: #8f8f8f; overflow: hidden; line-height: 1.5; height: 3em } @media (min-width:768px) { .results-post .item .item-entry { font-size: 14px; line-height: 2; height: 4em; margin-bottom: 20px } } .results-post .item .item-meta { position: relative; font-size: 12px; line-height: 24px; height: 24px; overflow: hidden; color: #bdbdbd } .results-post .item .item-meta a { color: #bdbdbd } .results-post .item .item-meta a:hover { color: #009a3a } .results-post .item .item-meta .author { margin-right: 40px; display: none } @media (min-width:768px) { .results-post .item .item-meta .author { display: inline } } .results-post .item .item-meta .author .thumb { width: 24px; padding-top: 24px; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 14px; display: inline-block; vertical-align: top } .results-post .item .item-meta .clevel, .results-post .item .item-meta .term { display: none } @media (min-width:768px) { .results-post .item .item-meta .clevel, .results-post .item .item-meta .term { display: inline } } .results-post .item .item-meta .term, .results-post .item .item-meta .time { margin-right: 40px } .results-post .item .high-light { color: #ff7300 } .search-content-empty { text-align: center; padding: 100px 0 60px } .search-content-empty .empty-thumb { width: 263px; margin: 0 auto } .search-content-empty .empty-thumb .thumb { padding-top: 69.962%; -webkit-background-size: contain; background-size: contain; background-position: top } .search-content-empty .txt { font-size: 14px; color: #8f8f8f } .results-inspiration { margin-top: 30px; padding: 0 } @media (min-width:768px) { .results-inspiration { padding: 0 30px } } .results-inspiration .items { overflow: hidden; margin: 0 -4px } @media (min-width:768px) { .results-inspiration .items { margin: 0 -38px } } .results-inspiration .items .item { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 4px; margin-bottom: 30px } @media (min-width:768px) { .results-inspiration .items .item { padding: 0 38px } } .results-inspiration .items .item .item-thumb { margin-bottom: 15px } .results-inspiration .items .item .item-thumb .thumb { padding-top: 67.567567%; -webkit-border-radius: 6px; border-radius: 6px } .results-inspiration .items .item .item-thumb .thumb:hover { opacity: .8 } .results-inspiration .items .item .item-title { font-size: 13px; color: #8f8f8f; line-height: 1.5; height: 3em; font-weight: 400; overflow: hidden } @media (min-width:768px) { .results-inspiration .items .item .item-title { font-size: 15px; height: 1.5em } } .results-inspiration .items .item .item-title a { color: #8f8f8f } .results-inspiration .items .item .item-title a:hover { color: #009a3a } .results-inspiration .items .item .time { font-size: 12px; font-weight: 400; color: #8f8f8f; margin-top: 10px } .uc-11 { background-color: rgba(0,0,0,0); background-image: -webkit-linear-gradient(left, #009a3a, #44b2ff); background-image: -o-linear-gradient(left, #009a3a, #44b2ff); background-image: -webkit-gradient(linear, left top, right top, from(#009a3a), to(#44b2ff)); background-image: linear-gradient(left, #009a3a, #44b2ff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff009a3a", endColorstr="#ff44b2ff", GradientType=1); overflow: hidden; position: relative; padding: 30px 0; color: #fff } @media (min-width:768px) { .uc-11 { padding: 90px 0 80px } } .uc-11:after, .uc-11:before { content: ""; display: block; position: absolute; -webkit-border-radius: 73px; border-radius: 73px } .uc-11:before { left: -190px; bottom: -110px; opacity: .3; -webkit-transform: rotate(-38deg); -ms-transform: rotate(-38deg); transform: rotate(-38deg); background-image: -webkit-linear-gradient(219deg, #358aff, #3e73e7 28%); background-image: -o-linear-gradient(219deg, #358aff 0, #3e73e7 28%); background-image: linear-gradient(231deg, #358aff, #3e73e7 28%); width: 245px; height: 284px } .uc-11:after { right: -250px; top: -70px; opacity: .27; -webkit-transform: rotate(-312deg); -ms-transform: rotate(-312deg); transform: rotate(-312deg); background-image: -webkit-linear-gradient(240deg, #44b1ff 73%, #008cf8); background-image: -o-linear-gradient(240deg, #44b1ff 73%, #008cf8 100%); background-image: linear-gradient(210deg, #44b1ff 73%, #008cf8); width: 300px; height: 380px } .uc-11 .container { position: relative } .uc-11 .container:before { opacity: .4; -webkit-transform: rotate(-19deg); -ms-transform: rotate(-19deg); transform: rotate(-19deg); background-image: -webkit-linear-gradient(219deg, #70b8f8, #3a95ff 28%); background-image: -o-linear-gradient(219deg, #70b8f8 0, #3a95ff 28%); background-image: linear-gradient(231deg, #70b8f8, #3a95ff 28%); -webkit-border-radius: 73px; border-radius: 73px; height: 228px; width: 570px; position: absolute; left: 40%; bottom: -280px; margin-left: -285px } .uc-11 .avatar { width: 140px; margin: 0 auto } @media (min-width:768px) { .uc-11 .avatar { position: absolute; left: 0; top: 0 } } .uc-11 .avatar .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100% } .uc-11 .info { position: relative; padding: 0 } @media (min-width:768px) { .uc-11 .info { padding: 0 0 0 170px } } .uc-11 .info .info-main { text-align: center; margin-top: 20px } @media (min-width:768px) { .uc-11 .info .info-main { text-align: left; padding-right: 400px; margin-top: 0 } } .uc-11 .info .user-name-title { font-size: 32px; margin-bottom: 10px; font-weight: 400 } .uc-11 .info .user-name-title span { display: none } @media (min-width:768px) { .uc-11 .info .user-name-title span { display: inline-block } } .uc-11 .info .user-job { font-size: 13px; font-weight: 400; margin-bottom: 15px } .uc-11 .info .user-info { font-size: 14px } .uc-11 .info .social { display: inline-block; vertical-align: middle; cursor: pointer; width: 34px; margin: 0 0 0 6px; line-height: 34px; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; background: #ff9300; color: #fff; font-size: 15px } .uc-11 .info .social a { color: #fff } .uc-11 .info .social:hover { background: #ff3401 } .uc-11 .info .social .icon-share-sina:before, .uc-11 .info .social .icon-share-wechat:before { margin-left: -2px } .uc-11 .info .user-wechat { position: relative } .uc-11 .info .user-wechat em { position: absolute; left: 0; width: 120px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; top: 80%; opacity: 0; visibility: hidden } .uc-11 .info .user-wechat:hover em { visibility: visible; opacity: 1; top: 100%; padding-top: 10px } .uc-11 .counts { margin-top: 20px; text-align: center; opacity: .9 } @media (min-width:768px) { .uc-11 .counts { margin-top: 0; position: absolute; right: -20px; top: 0; text-align: left; opacity: 1 } } .uc-11 .counts .count { display: inline-block; font-size: 12px; padding: 0 15px; position: relative } .uc-11 .counts .count:after { content: ""; display: block; width: 0; height: 10px; border-right: 1px solid #dedede; position: absolute; top: 50%; margin-top: -5px; right: 0 } .uc-11 .counts .count:last-child:after { display: none } @media (min-width:768px) { .uc-11 .counts .count { font-size: 14px; float: left; padding: 0 20px; text-align: center } } .uc-11 .counts .count strong { font-weight: 400 } @media (min-width:768px) { .uc-11 .counts .count strong { display: block; font-size: 40px; margin-bottom: 10px } } .uc-menus:after { content: ""; display: block; width: 100%; height: 40px; background: #f5f9fc } @media (min-width:768px) { .uc-menus:after { display: none } } .uc-menus .user-menu { text-align: center } .uc-menus .user-menu a { display: inline-block; font-size: 16px; padding: 25px 0; color: #6a6a6a; border-bottom: 3px solid #fff } .uc-menus .user-menu a:hover { color: #009a3a } .uc-menus .user-menu a.current { color: #009a3a; border-bottom-color: #009a3a } .uc-menus .user-menu span { display: inline-block; padding: 0 30px; position: relative } @media (min-width:768px) { .uc-menus .user-menu span { padding: 0 40px } } .uc-menus .user-menu span:after { content: ""; display: block; width: 0; height: 10px; border-right: 1px solid #dedede; position: absolute; top: 50%; margin-top: -5px; right: 0 } .uc-menus .user-menu span:last-child:after { display: none } .uc-submenu .sub-title { display: none } .uc-submenu .user-submenu { margin: 0 -20px 30px } .uc-submenu .user-submenu a { display: inline-block; margin: 0 15px; line-height: 26px; height: 26px; white-space: nowrap; padding: 0 10px; color: #8f8f8f; font-size: 14px; -webkit-border-radius: 4px; border-radius: 4px } @media (min-width:768px) { .uc-submenu .user-submenu a { margin: 0 20px } } .uc-submenu .user-submenu a:hover { color: #009a3a } .uc-submenu .user-submenu a.current { color: #fff; background: #009a3a } .uc-submenu .user-submenu span { display: inline-block; margin: 0 20px } .uc-content { background: #fff; padding: 15px 0 } @media (min-width:768px) { .uc-content { background: #eff1f4; padding: 30px 0 40px } } .uc-content .fav-edit { position: absolute; right: 14px; top: 100%; display: none; color: #8f8f8f; font-size: 12px } .uc-content .fav-edit .btn { display: inline-block; line-height: 1.4; padding: 0 5px } .uc-content .fav-edit .btn:hover { background: #ff7300; color: #fff } .uc-content .item_wrap { position: relative } .uc-content .item_wrap:hover .fav-edit { display: block } .uc-content .pageds { text-align: center } .setting-center { background: #fafbfb; color: #333; font-size: 14px; -webkit-border-radius: 6px; border-radius: 6px; position: relative } .setting-center .jibenziliao { background: #fff; position: absolute; left: 0; top: 0; width: 160px; text-align: center; padding: 36px 0 23px; color: #009a3a; font-size: 14px; display: none } @media (min-width:768px) { .setting-center .jibenziliao { display: block } } .setting-center .jibenziliao i { font-size: 30px; display: block } .setting-center .setting-form { display: block; background: #fff; padding: 0 } @media (min-width:768px) { .setting-center .setting-form { margin-left: 160px; padding: 70px 80px } } .setting-center .setting-form .avatar { width: 120px; position: absolute; right: 80px; top: 70px; display: none } @media (min-width:768px) { .setting-center .setting-form .avatar { display: block } } .setting-center .setting-form .avatar .thumb { padding-top: 100%; -webkit-border-radius: 100%; border-radius: 100% } .setting-center .setting-item { margin-bottom: 30px } .setting-center .setting-item label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .setting-center .setting-item .item-label { width: 7em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .setting-center .setting-item .item-label span { display: block } .setting-center .setting-item .item-input { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .setting-center .setting-item .item-input .input-item { padding: 14px 24px; background: #fafbfb; border: 6px; color: #8f8f8f } @media (min-width:768px) { .setting-center .setting-item .item-input .input-item.input-short { width: 50% } } .setting-center .setting-item .item-input input { display: block; width: 100%; height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; background: rgba(0,0,0,0); color: #009a3a } .setting-center .holdTxt { cursor: pointer; display: block; min-height: 20px } .setting-center .holdTxt em { font-style: normal } .setting-center .form-item-title { padding: 40px 0 30px; border-top: 1px solid #f2f2f2; font-size: 18px; color: #3c3c3c } .setting-center .setting-save { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .setting-center .setting-save .item-input { border-bottom: none } .setting-center .setting-save .item-input .btn { outline: none; padding: 5px 18px; font-size: 14px } .setting-center .error { color: #009a3a; visibility: hidden; opacity: 0; height: 0 } .setting-center .error, .setting-center .error.show { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .setting-center .error.show { visibility: visible; opacity: 1; height: auto; margin-bottom: 15px } .user-404 { text-align: center; padding: 50px 0 } .user-404 .thumb-404 { max-width: 263px; margin: 0 auto 30px } .user-404 .thumb-404 .thumb { padding-top: 55.133%; background-image: url(../images/uiii-08.png); -webkit-background-size: contain; background-size: contain } .user-404 h3 { font-size: 14px; color: #8f8f8f; font-weight: 400; margin-bottom: 30px } .user-404 .btn { display: inline-block; padding: 0 3em; line-height: 50px } .user-404 .btn:hover { color: #fff } .fav-warning { text-align: center; margin-bottom: 20px } .fav-warning .warning { display: inline-block; background: #fffaf2; color: #ff7300; padding: 8px 15px; -webkit-border-radius: 3px; border-radius: 3px } .user-center .fav-warning { display: none } .user-center-fav .fav-warning { display: block } .page-id-1310 .article p { overflow: hidden } .page-id-1310 .article p br { display: none } .page-id-1310 .article p a { float: left; width: 30%; text-align: center; line-height: 40px; height: 40px; background: #f2f2f2; color: #8f8f8f; margin: 0 5px 15px; white-space: nowrap; overflow: hidden; font-size: 12px } @media (min-width:1024px) { .page-id-1310 .article p a { width: 17.5%; font-size: 14px } } @media (min-width:1330px) { .page-id-1310 .article p a { margin: 0 10px 15px } } .page-id-1310 .article p a:hover { background: #009a3a; color: #fff } @media (max-width:767px) { .11-login-search, .post-fav { display: block } .body-wechat .11-login-search, .body-wechat .post-fav { display: block } } .category-container, .series-container { margin-bottom: 30px; } .tag { display: inline-block; padding: 8px 15px; margin: 0 8px 8px 0; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333; transition: all 0.3s; } .tag:hover { background-color: #f0f0f0; } .tag.all { background-color: #009966; color: white; border-color: #009966; } .tag.all:hover { background-color: #007a52; } /* 垂直悬浮面包屑导航样式 */ .floating-breadcrumb { position: fixed; top: 50%; left: 20px; transform: translateY(-50%); z-index: 1000; background-color: white; border-radius: 8px; padding: 15px 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; border: 1px solid #e0e0e0; max-height: 80vh; overflow-y: auto; } /* 垂直排列的列表样式 */ .floating-breadcrumb ol { list-style: none; display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 0; gap: 10px; } .floating-breadcrumb li { display: flex; align-items: center; white-space: nowrap; position: relative; width: 100%; } /* 垂直分隔线 */ .floating-breadcrumb li:not(:last-child)::after { content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 1px; height: 10px; background-color: #e0e0e0; } /* 链接样式 */ .floating-breadcrumb a { color: #009966; text-decoration: none; transition: color 0.2s; font-size: 14px; padding: 5px 10px; border-radius: 4px; width: 100%; display: flex; align-items: center; } .floating-breadcrumb a:hover { background-color: rgba(0, 153, 102, 0.1); } /* 当前页面样式 */ .floating-breadcrumb .active { color: #555; font-weight: 500; font-size: 14px; padding: 5px 10px; width: 100%; } /* 图标样式 */ .floating-breadcrumb i { margin-right: 8px; width: 16px; text-align: center; color: #009966; } /* 隐藏状态 */ .floating-breadcrumb.hidden { transform: translate(-100%, -50%); } /* 箭头按钮样式 */ .breadcrumb-toggle { position: fixed; top: 50%; left: 0; transform: translateY(-50%); z-index: 1001; background-color: #009966; width: 20px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 0 4px 4px 0; transition: left 0.3s ease; }