/* Theme Name: Begin Theme URI: http://zmingcx.com/begin.html Author: 知更é¸? Author URI: http://zmingcx.com/ Description: HTML5+CSS3 å“应å¼è®¾è®¡ï¼Œåšå®¢ã€æ‚å¿—ã€å›¾ç‰‡ã€å…¬å怼业多¿U布局å¯é€‰ï¼Œé›†æˆSEO自定义功能,丰富的主题选项åQŒä¼—多实用å°å·¥å…·ã€? Version: 5.2 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body, button, input, select, textarea { font: 14px "Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif; color: #444; line-height: 180%; background: #f1f1f1; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } pre { border: 1px solid #d1d1d1; line-height: 190%; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 15px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } ol,ul { list-style: none; } dl { margin-bottom: 1.6em; } dt { font-weight: bold; } dd { margin-bottom: 1.6em; } table, th, td { border: 1px solid #ddd; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 10px; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 5px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } a:hover, a:active { outline: 0; } a img { border: 0; } a { color: #444; text-decoration: none; } a:visited { color: #555; } a:hover { color: #3690cf; } .clear { clear: both; display: block; } :focus { outline: 0 } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: none; } a, button, input { -webkit-tap-highlight-color: rgba(255,0,0,0); } @keyframes fade-in { 0% { opacity: 0; } 40% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 40% { opacity: 0; } 100% { opacity: 1; } } /** ä¸ÖM½“ **/ #content { width: 1120px; margin: 0 auto 10px; } .header-sub { width: 1120px; margin: 0 auto; } /** 头部 **/ #masthead { height: 120px; } .logo-site, .logo-sites { position: relative; float: left; margin: 18px 0 0 10px; width: 220px; max-height: 50px; overflow: hidden; transition-duration: .5s; } .logo-site img, .logo-sites img { width: 220px; max-height: 50px; } @media screen and (max-width: 480px) { .logo-site, .logo-sites { width: 140px; } } @media screen and (min-width: 900px) { .logo-site:before { content: ""; position: absolute; left: -665px; top: -460px; width: 220px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; -o-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite; } } @-webkit-keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @-o-keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @-moz-keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } @keyframes searchLights { 0% { left: -100px; top: 0; } to { left: 120px; top: 100px; } } .site-title { font-size: 24px; font-size: 2.4rem; font-weight: 700; padding: 0 0 2px 0; } .site-name { display: none; } @media screen and (min-width: 900px) { .logo-site img, .logo-sites img { transition-duration: .5s; } #menu-box.shadow img { width: 90%; height: auto; transition-duration: .5s; } .shadow #site-nav .down-menu a { padding: 0 10px; transition-duration: .5s; } .shadow #site-nav .down-menu ul a { line-height: 42px; padding: 0 0 0 20px !important; } } /** weibo **/ .weibo { position: absolute; top: 47px; left: 220px; } .weibo span { display: none; } .weibo .WB_icon_text { display: none; } .follow_text { padding: 3px 0 0 1px !important; } .follow_btn_inner { width: 30px !important; background: transparent !important; padding: 2px 0px; } /** ™å‰™ƒ¨å¯ÆDˆª **/ #top-header { background: #e7e7e7; border-bottom: 1px solid #dedede; } .top-nav { height: 30px; width: 1120px; line-height: 30px; margin: 0 auto 0; } .top-menu { float: right; margin: 0 8px 0 0; } .top-menu li { float: left; padding: 0 5px; } .top-menu a { color: #444; } .top-menu a:hover { color: #3690cf; } .default-menu li a { float: right; color: #3690cf; margin: 0 10px 0 0; } #site-nav .default-menu li a { height: 88px; line-height: 88px; } /** ½Ž¡ç† **/ #user-profile { position: relative; margin: 0 0 0 10px; width: 35%; } #user-profile, #user-profile a { float: left; color: #444; } #user-profile i { margin: 0 5px 0 0; } .user-login, .nav-login { float: left; margin-left: 5px; } #user-profile a:hover { color: #3690cf; } .nav-login a { color: #999; height: 25px; cursor: pointer; padding: 0 10px; } .nav-search { font-size: 16px; font-size: 1.6rem; float: right; color: #777; line-height: 26px; margin: 30px 5px 0 5px; padding: 0 8px 3px; cursor: pointer; } .nav-search:hover { color: #3690cf; } .nav-search:after { content: "\e614"; } .off-search:after { content: "\e6f5"; } .nav-search:after, .off-search:after { font-family: be; font-size: 15px !important; color: #999; } .nav-search:hover:after { color: #3690cf; } .mobile-login a { float: right; color: #fff; line-height: 25px; margin: 24px 10px 0 10px; padding: 0 8px; cursor: pointer; } .mobile-login a:hover { color: #3690cf; } .login-form { text-align: center; } /** 公告 **/ .bull { float: left; font-size: 14px; color: #666; margin-right: 8px; } .scrolltext { width: 70%; height: 25px; line-height: 25px; overflow: hidden; } .scrolltext ul li { height: 30px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } /** ä¸Õd¯¼èˆ?**/ #menu-box { background: #fff; width: 100%; z-index: 999; *+right: 0; border-bottom: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .headroom--not-top #menu-box { background: rgba(255, 255, 255, 0.9); } .header-main { position: fixed; position: inherit\9; top: 0; width: 100%; z-index: 999; } #header-main.slideDown { top: 0; width: 100%; z-index: 999; position: fixed; } /** èœå• **/ #top-menu { width: 1120px; margin: 0 auto; display: table; transition-duration: .5s; } @media screen and (max-width: 900px) { #top-menu { height: 40px; } } .main-nav { float: right; margin: 0; } .nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; _float: left; } .nav-menu li { position: relative; } .nav-menu ul { position: absolute; display: none; top: 100%; left: 0; min-width: 160px; *width: 160px; z-index: 10001; border-bottom: 1px solid #ddd; } .nav-menu > li { float: left; } .nav-menu li:hover > ul, .nav-menu li.sfHover > ul { display: block; } .nav-menu a { display: block; position: relative; zoom: 1; } .nav-menu ul ul { top: 0; left: 100%; } .nav-menu { float: left; } .nav-menu li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; } .nav-menu li:hover, .nav-menu li.sfHover { -webkit-transition: none; transition: none; } .nav-menu .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .nav-menu li:hover > .sf-mega, .nav-menu li.sfHover > .sf-mega { display: block; } /*一¾U§æ ·å¼?/ #site-nav-wrap { float: right; max-width: 70%; } #site-nav {} #site-nav .down-menu li { display: block; float: left; height: 88px; line-height: 88px; } #site-nav .down-menu a { padding: 0 10px; color: #444; text-align: left; transition-duration: .2s; } #site-nav .sub-menu {} #site-nav .down-menu > li > a:hover, #site-nav .down-menu > li.sfHover > a { color: #fff !important; background: #3690cf; } #site-nav .down-menu > .current-menu-item > a{ color: #444; height: 89px; line-height: 89px; border-bottom: 2px solid #3690cf; } #site-nav .down-menu > .current-menu-item > a:hover { color: #fff; } /*下拉样å¼*/ #site-nav .down-menu ul { padding-top: 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03); } #site-nav .down-menu ul ul { padding-top: 0; } #site-nav .down-menu ul li { background: #fff; line-height: 1.4em; height: auto; float: none; display: block; background: rgba(255, 255, 255, 0.9); border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } #site-nav .down-menu ul a { display: block; height: auto; line-height: 1.7em; padding: 10px 20px; margin: 0; border: 0; text-transform: none; font-size: 0.9em; } #site-nav .down-menu ul li > a:hover { color: #000; background: #ddd; } #site-nav .down-menu ul li:last-child { } #navigation-toggle, .sidr, #sidr-close, #mobile-search, #sidr-menu { display: none; } /*½Ž­å¤´*/ .sf-arrows .sf-with-ul:after { content: "\e76f"; font-family: be; font-size: 16px; color: #999; position: absolute; top: 2px; right: -5px; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { display: none; } /* å‘å³½Ž­å¤´ */ .sf-arrows ul .sf-with-ul:after { content: "\e77a"; font-family: be; font-size: 16px; position: inherit; position: absolute; top: 10px; right: 5px; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {} /** ¿UÕdŠ¨èœå• **/ #navigation-toggle { color: #999; line-height: 25px; padding: 0 8px; } #navigation-toggle:hover { color: #3690cf; } #sidr-main { position: absolute; position: fixed; top: 0; height: 100%; z-index: 9; width: 60%; overflow-x: none; overflow-y: auto; font-size: 14px; background: #333; background: none repeat scroll 0 0 rgba(51, 51, 51, 0.8); } #sidr-main { padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .sidr-inner { } .sidr-inner .sidr-class-nav-menu { margin-bottom: 70px; } .sidr.right { left: auto; right: -320px; } .sidr.left { left: -320px; right: auto; } #sidr-main a { color: #f8f8f8; } #sidr-main a:hover { color: #fff; box-shadow: inset 0 0 10px 3px #222; } #sidr-main ul a { display: block; padding: 10px 20px; border-bottom: 1px solid #777; } #sidr-main ul li ul { } #sidr-main ul li a { font-weight: bold; } #sidr-main ul li ul li a { color: #efefef; font-weight: normal; padding: 10px 0 10px 40px; } #sidr-main ul li ul li li a { } #sidr-main ul li ul li li li a { } #sidr-main ul li ul li a:before { display: inline-block; -webkit-font-smoothing: antialiased; color: #444; margin-right: 10px; } .sidr-class-toggle-sidr-close:before { position: absolute; top: 50px; left: 30px; margin: 0; } .sidr-class-toggle-sidr-close { padding: 10px; font-size: 24px; text-align: center; display: block; border-bottom: 1px solid #777; } .sidr-class-toggle-sidr-menu { background: #444; padding: 7px; color: #fff; text-align: center; border-bottom: 1px solid #777; } #sidr-id-navigation-toggle { display: none; } @media screen and (min-width: 900px) { #sidr-main { display: none !important; } .mobile-login a { display: none; } } @media screen and (max-width: 1120px) { #top-menu { width: 98%; } .top-nav { width: 98%; } } @media only screen and (max-width: 900px) { #menu-box { transition: all 0s ease 0s; } #navigation-toggle { display: block; float: none; padding: 0 8px; vertical-align: top; } #site-nav .nav-menu { display: none; } #top-menu { width: 95%; } .nav-search { font-size: 14px; font-size: 1.4rem; color: #999; line-height: 29px; margin: 5px 10px 0 0; padding: 0 8px; vertical-align: top; } .nav-search:hover { background: transparent; color: #3690cf; border: none; } .mobile-login a { color: #999; margin: 7px 10px 0 0; padding: 0 8px; } .mobile-login a:hover { color: #3690cf; } /** 头部 **/ #masthead { height: 40px; } /** ä¸Õd¯¼èˆ?**/ #menu-box { height: 40px; } #menu-box.shadow { height: 40px; } /** èœå•æŒ‰é’® **/ .main-nav { margin: 7px 0 0 0; } #site-nav-wrap { min-height: 30px; margin: 0 10px 0 0; } /** logo **/ .logo-site, .logo-sites { margin: 2px 0 0 10px; } .logo-site, .logo-sites { height: 30px; } .logo-site img, .logo-sites img { width: 132px; max-height: 30px; } .logo-site a, .logo-sites a { font-size: 0.7em; } .site-description { display: none; } /** ½Ž¡ç† **/ .nav-set { margin: 0 15px 0 0; } .mobile-search { background: #fff; font-size: 13px; height: 25px; margin: 0 0 5px 20px; padding: 0 8px 2px; border: 1px solid #ddd; } #top-header { display: none; } } /** ¿UÕdŠ¨ç«?**/ .nav-mobile { color: #999; line-height: 25px; padding: 0 8px; vertical-align: top; display: block; cursor: pointer; } .nav-mobile a { color: #999; } .nav-mobile:hover, .nav-mobile a:hover { color: #3690cf; } #mobile-nav { background: #333; width: 1120px; margin: 10px auto 5px; padding: 10px 20px 20px 20px; display: none; border: 1px solid #ddd; border-radius: 2px; background: rgba(51, 51, 51, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .mobile-menu li { float: left; width: 24.999999%; line-height: 35px; margin: 8px -3px 0 2px; } .mobile-menu a { color: #ddd; text-align: center; display: block; border: 1px solid #777; } .mobile-menu a:hover { background: #3690cf; color: #fff; border: 1px solid #3690cf; transition: all 0.1s ease-in 0s; } @media screen and (min-width: 900px) { .nav-mobile { display: none; } } @media only screen and (max-width: 480px) { .mobile-menu li { width: 49.5%; } } /** èœå•¾l“æŸ **/ /** æœçƒ¦ **/ #search-main { position: fixed; left: 0; right: 0; background: #fff; width: 1120px; text-align: center; margin: 5px auto; padding: 10px 20px 20px 20px; display: none; z-index: 999; border: 1px solid #ddd; border-radius: 2px; } .searchbar { width: 90%; margin: 10px auto 0; } .single-content .searchbar { position: relative; } .single-content .search-cat { position: absolute; top: 0; right: 128px; border-left: 1px solid #ddd; } .search-page .searchbar { position: relative; } .search-page .search-cat { position: absolute; top: 0; right: 148px; border-left: 1px solid #ddd; } .widget_search .searchbar { position: relative; padding: 0 0 8px; } .widget_search .search-cat { position: absolute; top: 15px; right: 65px; border-left: 1px solid #ddd; } .search-input { position: relative; } .search-input input { float: left; width: 80%; height: 37px; line-height: 37px; font: 14px "Microsoft YaHei", Helvetica; padding: 2px 10px; background: #ebebeb; border: 1px solid #ebebeb; border-radius: 2px 0 0 2px; -webkit-appearance: none; } .search-input input:focus { outline: 0; background: #fff; } .searchbar button { overflow: visible; position: relative; border: 0; cursor: pointer; height: 37px; width: 20%; color: #fff; background: #3690cf; border-radius: 0 2px 2px 0; } .searchbar button:hover { background: #595959; } #search-main .search-cat { margin: 0; position: absolute; top: 20px; right: 24%; border-left: 1px solid #ddd; } @media screen and (max-width: 600px) { #search-main .search-cat { position: inherit; width: 100%; text-align: center; margin: 10px 0 0 0; display: block; border: none; } } /** æœçƒ¦select **/ .sod_select,.sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .sod_select { background: #ebebeb; position: relative; display: inline-block; padding: 11px; color: #444; font-size: 13px; text-align: left; line-height: 1; outline: 0; outline-offset: -2px; cursor: pointer; } .sod_select:before,.sod_select:after { position: absolute; font-family: be; right: 10px; font-size: 13px; } .sod_select:after { content: "\e76f"; font-family: be; top: auto; bottom: 12px; } .sod_select .sod_label { padding-right: 15px; line-height: 15px; } .sod_select .sod_label:hover { color: #999; } .sod_select .sod_list { position: absolute; top: 100%; left: 0; display: none; height: 219px; width: 150px; margin: 0 0 0 -1px; background: #fff; border-top: none; z-index: 1; } .post .sod_select .sod_list { margin: 0; } .sod_select.open .sod_list { display: block; border: 1px solid #ddd; } .sod_select .sod_list ul { overflow-y: auto; padding: 0; margin: 0; } .sod_select .sod_list li { height: 43px; line-height: 43px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 0 10px !important; margin: 0 !important; border-bottom: none !important; } .sod_select .sod_list .active { background: #ebebeb; } .sod_select .sod_list .selected { font-weight: 700; padding-right: 25px; } .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block!important; height: 100%; width: 100%; opacity: 0; z-index: 1 } .sod_select select { display: none !important; } /** ç™Õd½• **/ #overlay { position: fixed; z-index: 10004; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } #login { width: 300px; display: none; } #login form, .login-user { padding: 10px; } #login input[type="text"], #login input[type="password"] { width: 100%; background: #fff; padding: 4%; margin-bottom: 4%; border: 1px solid #ddd; -webkit-appearance: none; } #login input[type="submit"] { width: 100%; background: #3690cf; border: 0; margin: 4% 0; padding: 4%; color: #fff; cursor: pointer; border-radius: 2px; -webkit-appearance: none; transition: background .3s; -webkit-transition: background .3s; } #login input[type="submit"]:hover { background: #595959; } #login .usericon img { float: left; width: 96px; height: 96px; margin: 5px 40px 0 0; padding: 2px; } .sidebox { background: #fff; line-height: 30px; padding: 20px 20px 20px 30px; border: 1px solid #ddd; border-radius: 5px; } .sidebox h3 { text-align: center; } .sidebox .userinfo a { background: #fff; float: left; width: 90px; display: block; text-align: center; margin: 0 0 15px; padding: 2px 0; border: 1px solid #ddd; border-radius: 2px; } .sidebox .userinfo a:hover { background: #666; color: #fff !important; border: 1px solid #666; } .reg-url a { width: 100px; display: block; text-align: center; margin: 20px auto; padding: 5px; border: 1px solid #ddd; border-radius: 2px; } #user-profile .userinfo a { background: #fff; float: left; width: 100%; display: block; text-align: center; margin: 5px 0; padding: 2px 0; border: 1px solid #444; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06); } #user-profile .userinfo a:hover { background: #444; color: #fff !important; border: 1px solid #444; } .user-my a { margin-left: 20px; } .user-my a:hover { color: #444 !important; } .user-my img { position: absolute; top: 8px; left: 0; width: 16px; height: auto; overflow: hidden; } .user-info { position: absolute; top: 20px; left: -10px; padding-top: 10px; display: none; z-index: 10; } .user-info-min { background: #7f7f7f; padding: 10px 20px 20px 20px; display: block; border-radius: 5px; background: rgba(0, 0, 0, 0.5); } .user-info-min h3 { color: #fff; text-align: center; } .usericon { margin: 0 auto 10px; display: block; } #user-profile .usericon img { width: 96px; height: auto; display: block; margin: 0 auto; border-radius: 96px; } .user-info .arrow-up { width: 0; height: 0; display: block; margin-left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #7f7f7f; } /** login tab **/ #login-tab { background: #f1f1f1; border-radius: 2px; } .login-dom-display .login-current { display: block; } .login-tab-hd { overflow: hidden; height: 40px; line-height: 40px; } .login-tab-hd-con { padding: 0 20px; background: #f1f1f1; } .login-tab-hd .login-current { padding: 0 20px; } .login-tab-product .login-tab-hd .login-current, .tab-area .login-current { position: relative; z-index: 1; height: 40px; background: #fff; } .login-tab-hd-con { float: left; text-align: center; cursor: pointer; height: 39px; margin-right: -1px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; } .login-tab-hd-con a { display: inline-block; } .login-tab-bd-con { display: none; overflow: hidden; } .login-tab-bd { background: #fff; padding: 20px; margin-top: -1px; border-radius: 0 0 2px 2px; border: 1px solid #ddd; } /** ä½ç½® **/ .breadcrumb { width: 1120px; height: 25px; line-height: 25px; margin: 0 auto; padding-left: 10px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .breadcrumb .be-keyboardarrowright { } .breadcrumb .be-home { font-size: 13px !important; color: #777; margin: 0 4px 0 0; } /** 布局 **/ #primary { float: left; width: 70.4%; transition-duration: .5s; } #primary.primary { width: 100%; } .sidebar { width: 0; display: none; } .post, #page .page, .bulletin, .single-picture .picture, .type-attachment, .single-tao .tao, .single-video .video { position: relative; background: #fff; margin: 0 0 10px 0; padding: 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } .entry-header h2 { margin: 0 0 5px 0; } .entry-header h2 a { font-size: 16px; font-size: 1.6rem; line-height: 20px; } .archive-content { color: #777; } .title-l { position: absolute; background: #c40000; top: 20px; left: -1px; width: 5px; height: 25px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .entry-more a { position: absolute; bottom: 18px; right: -1px; background: #3690cf; color: #fff; line-height: 30px; padding: 0 12px; display: block; border-radius: 2px 0 0 2px; } .entry-more a:hover { background: #2f7fb7; } .content-more a { background: #f40; width: 100px; line-height: 35px; color: #fff; text-align: center; display: block; margin: 0 auto 60px; border-radius: 2px; } .content-more a:hover { color: #fff; background: #fc5a20; } /** æ–‡ç« ä¿¡æ¯ **/ .entry-meta { position: absolute; bottom: 14px; color: #999; left: 240px; } .format-aside .entry-meta, .type-bulletin .entry-meta { position: inherit; display: block; margin: 20px 0 0 0; } .entry-meta .link-price { background: #ff4400; font-size: 15px; font-size: 1.5rem; color: #fff; font-weight: bold; margin: 0 5px 0 0; padding: 2px 5px; border-radius: 2px; } .entry-meta-no { position: inherit; display: block; padding: 20px 0 0 0; } .entry-meta a, .entry-meta-no a { color: #3690cf; } .entry-meta .date, .entry-meta .views, .entry-meta .comment, .entry-meta-no .date, .entry-meta-no .views, .entry-meta-no .comment { margin: 0 5px 0 0; } .new-icon { position: absolute; top: 4px; right: -2px; animation: fade-in; animation-duration: 1.2s; -webkit-animation: fade-in 1.2s; } .new-icon .be { font-size: 40px !important; color: #c40000; } .top-icon { position: absolute; top: 4px; right: 0px; animation: fade-in; animation-duration: 1.2s; -webkit-animation: fade-in 1.2s; } .top-icon .be { font-size: 30px !important; color: #3690cf; } .post-format { position: absolute; bottom: 25px; left: 30px; color: #fff; animation: fade-in; animation-duration: 1.2s; -webkit-animation: fade-in 1.2s; } .format-image .post-format { bottom: 40px; } .post-format .be { font-size: 20px !important; } .post-format a { color: #fff; } .format-cat, .format-cat a, .entry-meta-no { bottom: 14px; color: #999 !important; margin: 0 5px 0 0; } @media screen and (max-width: 420px) { .format-cat { display: none; } } /** ¾~©ç•¥å›?**/ .thumbnail { position: relative; float: left; max-width: 200px; height: auto; clear: both; margin: 1px 20px 0 0; overflow: hidden; transition-duration: .5s; } .thumbnail a img { float: left; width: auto; height: auto; max-width: 100%; } .thumbnail .cat { position: absolute; top: 0; left: 0; background: #c40000; } .thumbnail .cat a { color: #fff; line-height: 28px; padding: 0 10px; } .type-bulletin .thumbnail { display: none; } .load { overflow: hidden; display: block; zoom: 1; } /** 囑փ日志 **/ .format-img { max-width: 100%; width: auto; height: auto; overflow: hidden; } .format-img img { float: left; max-width: 100%; width: 100%; height: auto; } .content-image { margin: 0 -10px; } .format-image { padding: 20px 20px 35px 20px; } .format-img-cat { position: absolute; background: #c40000; top: 20px; left: 20px; z-index: 1; } .format-img-cat a, .format-img-cat a:hover { color: #fff; line-height: 28px; padding: 0 10px; } .post-format-title { position: absolute; bottom: 5px; left: 20px; width:58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .post-format-title a { color: #666; line-height: 0px; font-weight: normal; } .img-number { position: absolute; bottom: 5px; right: 20px; color: #666; } .post-format { z-index: 1; } .f4 { position: relative; float: left; width: 33.333333333333333333%; padding: 0 10px; transition-duration: .5s; } @media screen and (max-width: 550px) { .f4 { padding: 0 5px; } } /** 分类æè¿° **/ .cat-des { position: relative; font-size: 16px; font-size: 1.6rem; color: #444; font-weight: bold; letter-spacing: 2px; margin: 0 0 10px 0; overflow: hidden; border-radius: 2px; border: 1px solid #ddd; } .cat-des .des-title {} .cat-des img { float: left; width: auto; height: auto; max-width: 100%; } .des-t { position: absolute; top: 0; right: 0; color: #fff; font-size: 18px; padding: 6px 15px; background: #3690cf; } .des-p { position: absolute; bottom: 0; left: 0; font-size: 14px; color: #fff; max-width: 80%; padding: 5px 10px; background: #3690cf; } .des-p a { color: #fff !important; font-size: 14px; } @media screen and (max-width: 640px) { .cat-des img { max-width: 125%; } .des-t { font-size: 15px; padding: 2px 10px; } .des-p { font-size: 13px; } } .no-results .post { box-shadow: none; } .no-results p { text-align: center; } /** 正文 **/ .entry-header h1 { position: relative; font-size: 16px; font-size: 1.8rem; line-height: 30px; text-align: center; margin: 35px -20px 0 -20px; padding: 5px 20px; border-left: 5px solid #3690cf; border-right: 5px solid #3690cf; } .header-sub h1 { position: absolute; display: block; left: 0; top: 0; color: #fff; font-size: 18px; font-size: 1.8rem; padding: 10px 15px; max-width: none; border-radius: 3px 0 0 0; z-index: 2; transition-duration: .5s; background: #3690cf; } #header-img { border-radius: 3px; transition-duration: .5s; } @media screen and (max-width: 600px) { #header-img img { width: 180%; margin: 0 0 0 -50%; } .header-sub h1 { font-size: 16px; font-size: 1.6rem; padding: 5px 10px; } } .entry-title-clear { margin-bottom: 40px; } .single-content { font-size: 16px; font-size: 1.6rem; line-height: 1.9; margin-top: 20px; } .single-content p a, .single-content p a:visited { color: #444; } .single-content p a:hover { color: #888; } .single-content p a .be-anchor { font-size: 10px !important; margin: 0 2px; } .single-content p a:hover .be-anchor { color: #3690cf !important; animation: blink 0.5s linear infinite; } /** æŽ’ç‰ˆæ ·å¼ **/ .single-content p, .single-content ul, .single-content ol, .single-content dd, .single-content pre, .single-content hr { margin: 0 0 5px 0; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; } .single-content em { font-style: italic; } .single-content code { background: #f1f1f1; color: #555; margin: 0 2px; padding: 2px 4px; border-radius: 2px; } .single-content h2 { font-size: 17px; font-size: 1.7rem; line-height: 190%; margin: 10px -21px; padding: 0 44px; border-left: 5px solid #e40000; } .single-content h3 { font-size: 16px; font-size: 1.6rem; line-height: 190%; margin: 2px -21px 10px -21px; padding: 0 44px; border-left: 5px solid #3690cf; } .single-content h4 { font-size: 16px; font-size: 1.6rem; line-height: 260%; text-indent: 2em; } .single-content .directory { float: left; height: 30px; margin: 8px -21px; border-left: 5px solid #3690cf; } .single-content fieldset { padding: 5px 15px; margin: 0 0 10px 0; border: 1px solid #ddd; } .single-content legend { font-weight: bold; padding: 5px; } .show-more span { color: #3690cf; font-weight: normal; padding: 0 10px; cursor: pointer; text-indent: 0; } .show-more span i { font-size: 16px; padding: 0 5px 0 0; } .section-content { padding-top: 1px; display: none; } .single-content p { text-indent: 2em; margin: 0 0 12px 0; } .single-content ul li, .single-content ol li { margin: 0 35px 0 50px; line-height: 190%; } .single-content ul li { list-style: square; } .single-content ol li { list-style: decimal; } .single-content sup { bottom: 1ex; } .single-content table { min-width: 100%; word-break: break-all; word-wrap: break-all; } .single-content td { text-align: center; } .single-content sup, .single-content sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } blockquote { width: 100%; color: #8b8b8b; margin: 0 auto; padding: 10px; clear: both; border: 1px dashed #ddd; } .single-content img, .comment-list p img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; display: block; } .wp-caption { background: #f3f3f3; max-width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 3px; } .wp-caption-text { text-align: center !important; } .gallery .gallery-item { box-sizing: border-box; float: left; margin: 0 !important; padding: 6px; text-align: center; } .gallery .gallery-item img { vertical-align: middle; border: none !important; } .single-content embed { float: left; width: 100%; height: 500px; margin-bottom: 30px; } blockquote.wp-embedded-content {} .wp-embedded-content { width: 100%; } iframe.wp-embedded-content { margin: 0 0 0 -2em; } /** 图文æ·ähŽ’ **/ img.centered { display: block; margin: 0 auto 10px; } img.alignnone { margin: 0 0 10px 0; display: block; } img.alignright { margin: 0 0 10px 10px; display: inline; } img.alignleft { margin: 0 10px 10px 0; display: inline; } .aligncenter { display: block; margin: 0 auto 10px; } .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } /** 日志分页 **/ .page-links { text-align: center; margin: 10px auto 5px; } .page-links span { background: #3690cf; color: #fff; margin: 2px; line-height: 30px; cursor: pointer; padding: 0 12px; display: inline-block; border: 1px solid #3690cf; border-radius: 2px; } .page-links a span { background: #fff; color: #000; text-decoration: none; border: 1px solid #ddd; } .page-links a:hover span { background: #3690cf; color: #fff; border: 1px solid #3690cf; transition: all 0.2s ease-in 0s; } /** å¯†ç  **/ .post-password-form { margin: 15px 0; padding: 15px 5px; border-radius: 2px; border: 1px solid #ddd; } .post-password-form input[type="password"] { width: 40%; height: 38px; line-height: 30px; background: #fff; padding: 5px; border-radius: 2px; border: 1px solid #ddd; -webkit-appearance: none; } .post-password-form input[type="submit"] { width: 80px; line-height: 25px; background: #fff; padding: 5px; cursor: pointer; border-radius: 2px; border: 1px solid #ddd; -webkit-appearance: none; } .post-password-form input[type="submit"]:hover { background: #3690cf; color: #fff !important; border: 1px solid #3690cf; } .post-secret .be-info { font-size: 18px !important; color: #f85d00 !important; margin: 0 10px 10px 30px; } /** 回å¤å¯è§ **/ .reply-read { margin: 15px 0; border-radius: 2px; border: 1px solid #ddd; } .reply-ts { float: left; width: 75%; } .read-sm { padding: 5px 15px; border-bottom: 1px solid #ddd; margin-bottom: -1px; } .read-pl { float: right; width: 25%; height: 74px; line-height: 74px; text-align: center; border-left: 1px solid #ddd; } .read-pl a { display: block; color: #555 !important; } .read-pl a:hover { background: #3690cf; color: #fff !important; } .reply-read .be { font-size: 18px !important; margin: 0 10px 0 0; } .read-sm .be { color: #c40000; } .secret-password .be { font-size: 16px !important; color: #c40000; margin: 0 5px 0 0; } /** æ”¶è— **/ .favorite-box { text-align: center; margin: 35px 0; } .favorite-e a { background: #fff; font-size: 14px !important; font-size: 1.4rem !important; color: #444 !important; padding: 10px 20px; border-radius: 5px; border: 1px solid #ddd; } .favorite-e a:hover { background: #e39735; color: #fff !important; transition-duration: .2s; border: 1px solid #c1802d; } .favorite-e a i { color: #c40000 !important; font-size: 16px !important; font-size: 1.6rem !important; } .favorite-e a:hover i { color: #fff !important; } .favorite-o { animation: fade-in; animation-duration: 1s; -webkit-animation: fade-in 1s; } .single-content .favorite-o { background: #fff; color: #444 !important; padding: 10px 20px; border-radius: 5px; border: 1px solid #ddd; } .favorite-o i { margin: 0 5px 0 0; color: #c40000; } .entry-meta .favorite-o { margin: 0 0 0 5px; } #wpzm-users_favorites li i, #wpzm-most_favorited_posts li i { color: #999; margin: 0 5px 0 0; } .cms-news-grid .favorite-s span { display: none; } /** æ–‡ç« ä¿¡æ¯ **/ .single-footer { } .single-meta a { color: #999; } .single-meta a:hover { color: #3690cf; } .single-meta { position: absolute; top: 15px; right: 15px; } .single-meta li { float: left; } .single-meta .views, .single-meta li a { color: #999; line-height: 26px; margin: 0 5px 0 0; padding: 0 8px; display: block; border: 1px solid #ddd; border-radius: 2px; } .single-meta li a:hover { background: #3690cf; color: #fff; border: 1px solid #3690cf; } .single-meta a:hover { color: #fff; } .s-hide a { position: absolute; top: 15px; right: 15px; width: 30px; border: 1px solid #ddd; border-radius: 2px; } .begin-single-meta span { margin: 0 5px; } .begin-single-meta, .begin-single-meta a { color: #999; } .begin-single-meta { text-align: center; margin: 0 0 20px; } .r-hide a { width: 30px; } .r-hide .off-side { margin: 0 0 0 -8px; padding: 2px 6px; } .s-hide .off-side { margin: 0; padding: 2px 6px; } .off-side:after { content: "\e7e7"; } .on-side:after { content: "\e9e9"; } .off-side:after, .on-side:after { font-family: be; font-size: 15px !important; color: #999; } .r-hide a:hover .off-side:after, .r-hide a:hover .on-side:after { color: #fff; } .s-hide a:hover .off-side:after, .s-hide a:hover .on-side:after { color: #444; } @media screen and (max-width:640px) { .begin-single-meta { text-align: left; } .begin-single-meta .i-time { display: none; } } .single-cat-tag { position: absolute; background: #f8f8f8; bottom: -1px; left: 0; width: 100%; line-height: 28px; height: 45px; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #ddd; border-radius: 0 0 2px 2px; } .single-cat { padding: 0 20px; } .single-cat a { padding: 0 5px; } .single-meta .comment span, .full-entry-meta .comment span, .entry-content .comment span { display: none; } .single-tag ul { overflow: hidden; margin: 0 -2px 10px -2px; } .single-tag li { width: 20%; float: left; padding: 2px; } .single-tag li a { background: #fff; color: #fff; text-align: center; padding: 4px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; border-radius: 2px; } .single-tag li a:hover { background: #666; color: #fff; transition: all 0.1s ease-in 0s; } @media screen and (max-width: 900px) { .single-tag li { width: 25%; } } @media screen and (max-width: 640px) { .single-tag li { width: 33.33333333333%; } } @media screen and (max-width: 400px) { .single-tag li { width: 50%; } } /** æ‘˜è¦ **/ .abstract { background: #fff; font-size: 14px; color: #999; display: block; } .abstract fieldset { padding: 5px 15px; margin: 0 0 10px 0; border: 1px dashed #ddd; } .abstract legend { font-weight: 600; color: #999; padding: 0 5px; } .abstract p { text-indent: 0; } /** 目录 **/ .log-close a { color: #555; display: block; cursor: pointer; line-height: 18px; padding: 4px 0 0 4px; } .log-close i { color: #fff; } #log-box strong { font-size: 12px; color: #fff; } .log-zd { position: absolute; background: #3690cf; top: -1px; right: -1px; width: 22px; height: 217px; border-radius: 0 5px 5px 0; } #log-box { position: fixed; background: #fff; bottom: 10px; left: -1px; max-width: 260px; padding: 5px 0 0 10px; border: 1px solid #ddd; border-radius: 0 5px 5px 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.95); z-index: 9999; display: none; animation: fade-in; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } #catalog { height: 210px; overflow: scroll; overflow-x: hidden; } #catalog ul { margin: 5px 10px 0 0; } #catalog, #catalog a { font-size: 14px; color: #666; } #catalog-ul li { list-style: none; margin: 0; width: 99%; min-width: 150px; line-height: 240%; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } #catalog-ul li:hover { background: #f1f1f1; } .log-no { display: none; } .log { position: relative; } .log-prompt { position: absolute; bottom: 2px; right: 43px; color: #fff; line-height: 27px; animation: blink 1.5s linear infinite; } .log-arrow { position: relative; width: 80px; padding: 0 10px; background: #f40; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .log-arrow:after { content: ''; position: absolute; width: 0; height: 0; top: 50%; left: 100%; margin-top: -5px; border: 5px solid; border-left-color: #f40; border-right-color: #f1f1f1; border-top-color: #f1f1f1; border-bottom-color: #f1f1f1; } /** å­—å· **/ #fontsize { position: absolute; top: 15px; left: 20px; line-height: 24px; width: 40px; text-align: center; padding: 0 0 1px 0; cursor: pointer; border: 1px solid #ddd; border-radius: 2px; } #fontsize:hover { color: #fff; background: #3690cf; border: 1px solid #3690cf; } .fontsmall { font-size: 18px; font-size: 1.8rem; } .fontlarge { } /** 微信 **/ .s-weixin { width: 80%; margin: 10px auto 20px; } .s-weixin ul { float: left; width: 48%; text-align: center; padding: 10px 0 0 0; border: 1px dashed #ccc; } .s-weixin img { height: auto; width: auto; max-width: 70%; padding: 10px 0; } .weimg1 { margin: 0 2% 0 0; } .weimg2 { margin: 0 0 0 2%; } .s-weixin-one { width: 400px; margin: 10px auto 20px; } @media screen and (max-width: 480px) { .s-weixin-one { width: 100%; } } .weimg-one { padding: 5px; border: 1px dashed #ccc; } .weimg-one img { float: left; width: 30%; height: auto; margin: 0 10px 0 0; } .weimg-one .weixin-h, .weimg-one .weixin-h-w { float: left; width: 65%; } .weimg-one .weixin-h-w { color: #999; } /** 视频播放 **/ .video-content { position: relative; width: 90%; margin: 15px auto; } .video-content img { border: 1px solid #ddd; border-radius: 5px; } .video-content i { position: absolute; bottom: 45%; left: 47%; font-size: 40px !important; color: #fff; text-shadow: 0px 1px 0px #000; } /** è§†é¢‘æ¨¡æ¿ **/ .videos-content { width: 100%; margin: 0 0 10px 0; } .video-img { position: relative; float: left; width: 280px; height: 210px; overflow: hidden; border: 1px solid #ddd; border-radius: 2px; } .video-img img { width: 280px; height: 210px; } .video-inf { float: left; width: 54%; margin: 2px 0 0 15px; } .video-inf span { line-height: 40px; display: block; margin: 0 0 13px 0; padding: 0 0 0 15px; border: 1px solid #ddd; } .video-img .be-play, .picture-img .be-play, #related-img .be-play, .img-x2 .be-play, .archive .format-video .be-play { position: absolute; bottom: 40%; left: 44%; font-size: 30px !important; color: #fff; text-shadow: 0px 1px 1px #000; } .picture-h-img .be-play { position: absolute; bottom: 40%; left: 44%; font-size: 30px !important; color: #fff; text-shadow: 0px 1px 1px #444; } @media screen and (max-width: 720px) { .video-inf { max-width: 260px; } } @media screen and (max-width: 640px) { .video-img { float: inherit; margin: 0 auto 13px; } .video-inf { float: inherit; width: 100%; max-width: 300px; margin: 0 auto 13px; } } /** 视频日志 **/ .format-videos { width: 100%; margin: 0 0 20px 0; } .format-videos-img { position: relative; float: left; max-width: 280px; overflow: hidden; padding: 5px; border-radius: 2px; border: 1px solid #ddd; } .format-videos-img img { float: left; width: auto; height: auto; max-width: 100%; } .format-videos-inf { float: left; width: 54%; padding: 0 35px; } .format-videos-inf span { line-height: 50px; display: block; border-bottom: 1px dashed #ddd; } @media screen and (max-width: 720px) { .format-videos-inf { max-width: 260px; } .format-videos-inf span { line-height: 40px; } } @media screen and (max-width: 640px) { .format-videos-img { float: inherit; margin: 0 auto 13px; } .format-videos-inf { float: inherit; width: 100%; max-width: 100%; margin: 0 auto 13px; } } /** 作者信æ?**/ .authorbio { background: #fff; margin: 0 0 10px 0; padding: 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } .authorbio .avatar { float: left; width: 40px; height: 40px; margin: 5px 10px 0 0; padding: 0; } .i-time { margin: 0 0 0 5px; } /** 上下½‹?**/ .nav-single { margin-bottom: 10px; } .meta-nav { background: #fff; float: left; width: 50%; text-align: center; margin-right: -1px; padding: 10px 20px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } .nav-single a { display: block; } .meta-nav:hover { color: #fff; background: #3690cf; border: 1px solid #3690cf; } .post-nav { } .post-navigation a { font-size: 50px; color: #b6b6b6; text-align: center; } .post-navigation a:hover { color: #555; } .meta-nav-l { position: fixed; right: 0; top: 45%; width: 50px; z-index: 1; } .meta-nav-r { position: fixed; left: 0; top: 45%; font-size: 50px !important; width: 50px; z-index: 1; } .meta-nav-r .be, .meta-nav-l .be { font-size: 66px !important; } @media screen and (max-width:1300px) { .post-navigation a { display: none; } } /** 相关囄¡‰‡ **/ #related-img { background: #fff; margin-bottom: 10px; padding: 10px 10px 5px 10px; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .related-title { background: #fff; height: 52px; overflow: hidden; } .related-site { max-width: 100%; width: auto; height: auto; padding: 5px; } .related-site-img { position: relative; max-width: 100%; width: auto; height: auto; overflow: hidden; } .related-site-img a img { max-width: 100%; width: auto; height: auto; } @media screen and (min-width: 901px) { .related-title { margin: 3px 0 0 0; } } @media screen and (min-width:480px) { .r4 { float: left; width: 25%; } } @media screen and (max-width: 480px) { .r4 { float: left; width: 50%; } } /** å•†å“ **/ .single-goods-main { margin: 0 0 10px 0; padding: 0; } .single-goods-img { max-width: 100%; width: auto; height: auto; overflow: hidden; } .single-goods-img a img { float: left; background: #fff; max-width: 100%; width: auto; height: auto; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .single-goods { margin: 0 -5px; } .single-goods .tl4 { position: relative; min-height: 1px; padding: 0 5px; } @media screen and (min-width:320px) { .tl4 { float: left; width: 50%; transition-duration: .5s; } } @media screen and (min-width:1120px) { .tm4 { float: left; width: 25%; transition-duration: .5s; } } @media screen and (max-width:1120px) { .tm4 { width: 25%; transition-duration: .5s; } } @media screen and (max-width: 480px) { .tm4 { width: 50%; transition-duration: .5s; } .single-goods { margin: 0 -4px; } } /** 正文ž®å·¥å…?**/ #single-widget h3 { margin: 15px 0 0 20px; } #single-widget .widget { float: left; width: 50%; margin-right: -1px; } #single-widget .widget ul { margin: 0 5px 5px 5px; } #single-widget .add-widgets { background: #fff; text-align: center; margin: 0 0 10px; padding: 30px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } /** 侧边 **/ #sidebar { float: right; width: 28.6%; } #sidebar h3 { background: #f8f8f8; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; } .widget { background: #fff; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .widget ul li { width: 99%; line-height: 28px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .widget ul, #sidebar #searchform, #calendar_wrap, .tagcloud { padding: 15px; } .widget ul li ul { padding: 5px 20px; } .widget .picture { margin: 0 -5px } .widget-title .be-warning { font-size: 16px !important; color: #777; font-weight: normal; margin: 0 15px } .widget .picture { padding: 10px 15px; } .widget .textwidget { padding: 18px; } #advert_widget, .php_text .widget-text { padding: 3px; } .widget_media_video, .widget_media_audio { padding: 3px; } .widget_media_image img { float: left; width: auto; height: auto; max-width: 100%; padding: 3px; } .widget .textwidget img, #advert_widget img { max-width: 100%; width: auto; height: auto; display: block; } .widget_categories, .widget_links, #sidebar .widget_nav_menu { padding: 0 0 15px 0; } .widget_categories li, .widget_links li, #sidebar .widget_nav_menu li { float: left; width: 49.5% !important; margin: 0 -3px -1px 2px; } .widget_categories a, .widget_links a, #sidebar .widget_nav_menu a { text-align: center; padding: 5px 0; display: block; border: 1px solid #ddd; } .widget_categories a:hover, .widget_links a:hover, .tagcloud a:hover, #sidebar .widget_nav_menu a:hover { background: #3690cf; color: #fff !important; border: 1px solid #3690cf; transition: all 0.1s ease-in 0s; } .tagcloud { padding: 5px 0 5px 2px; } .tagcloud a { float: left; margin: 4px; padding: 0 7px; line-height: 26px; text-align: center; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .widget_archive select, .widget_categories select { width: 140px; margin: 10px 20px; border: 1px solid #ddd; } /** 3D标签 **/ #tag_cloud_widget { position: relative; width: 100%; height: 240px; overflow: hidden; margin: 10px auto 10px; } #tag_cloud_widget a { position: absolute; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; top: 0px; left: 0px; padding: 3px 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } #tag_cloud_widget a:hover { background: #d02f53; display: block; } #tag_cloud_widget a:nth-child(n) { background: #666; border-radius: 3px; display: inline-block; line-height: 18px; margin: 0 10px 15px 0; } #tag_cloud_widget a:nth-child(n) { white-space: nowrap; _white-space: normal; *white-space: normal; overflow: hidden; text-overflow: ellipsis; } #tag_cloud_widget a:nth-child(2n) { background: #d1a601; } #tag_cloud_widget a:nth-child(3n) { background: #286c4a; } #tag_cloud_widget a:nth-child(5n) { background: #518ab2; } #tag_cloud_widget a:nth-child(4n) { background: #c91d13; } #tag_cloud_widget a { line-height: 15px; background: #999; } /** 侧边¾~©ç•¥å›?**/ .hot_commend ul li { white-space: normal; border-bottom: 1px dashed #dadada; } .new_cat ul li { white-space: normal; } .hot_commend .thumbnail, .new_cat .thumbnail { position: relative; float: left; width: 100px; height: 75px; margin: 8px 8px 8px 0; overflow: hidden; } .hot_commend a img, .new_cat a img { float: left; width: 100px; height: auto; } .hot_commend .hot-title, .new_cat .new-title { height: 55px; padding-top: 5px; line-height: 25px; overflow: hidden; display: block; } .hot_commend .views, .new_cat .date { float: right; color: #999; } .new_cat .s-cat a { float: left; color: #999; } .hot_commend ul .be { color: #999; } /** åºå· **/ .li-icon { background: #ccc; font-size: 12px; color: #fff; line-height: 180%; margin: 0 5px 0 0; padding: 0 5px; border-radius: 2px; } .li-icon-1, .li-icon-2, .li-icon-3 { background: #c40000; } .li-number { float: left; background: #c40000; font-size: 12px; color: #fff; line-height: 150%; margin: 4px 5px 0 0; padding: 0 5px; border-radius: 2px; } .li-numbers { float: left; background: #ccc; font-size: 12px; color: #fff; line-height: 150%; margin: 4px 5px 0 0; padding: 0 5px; border-radius: 2px; } .timing_post i { color: #999; padding: 0 5px 0 0; } /** 日历 **/ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: center; font-weight: bold; } #wp-calendar tbody td ,#wp-calendar tfoot td { text-align: center; padding: 5px; } #wp-calendar a { color: #3690cf; } /** 读者墙 **/ #readers_widget { padding: 15px 5px 10px 10px; } #readers_widget span { padding: 0 3px 6px 3px; overflow: hidden; display: block; zoom: 1; } .readers img { float: left; max-width: 100%; width: auto; height: auto; margin: 0 -3px; } .readers-avatar { float: left; width: 16.66666%; } /** 头åƒç•™è¨€ **/ #message .avatar { float: left; width: 24px; height: 24px; margin: 6px 8px 0 0; } .wp-smiley { height: 24px !important; max-height: 24px !important; display: inline !important; } #message .wp-smiley { height: 15px !important; } .message-widget ul li { width: 99%; height: 37px; padding-bottom: 8px; line-height: 37px; _white-space: normal; *white-space: normal; border-bottom: 1px dashed #dadada; } .message-page ul li { width: 99%; height: 37px; padding-bottom: 8px; line-height: 37px; white-space: nowrap; _white-space: normal; *white-space: normal; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px dashed #dadada; } .new_cat .views, .new_cat .discuss { color: #999; } /** 作者墙 **/ .author_widget_box { float: left; width: 100%; padding: 20px 10px 10px 10px; } .author_box { max-width: 100%; width: auto; height: auto; margin: 0 0 10px; overflow: hidden; transition-duration: .5s; text-align: center; } .author_box img { max-width: 100%; width: auto; height: auto; } .author_widget_box .xl9 { position: relative; min-height: 1px; padding: 0 5px; } #sidebar .xl9 { float: left; width: 25%; transition-duration: .5s; } @media screen and (min-width:700px) { #cms-widget-one .xl9 { width: 12.5%; transition-duration: .5s; } } @media screen and (max-width:480px) { #cms-widget-one .xl9 { width: 25%; transition-duration: .5s; } } @media screen and (max-width:320px) { #cms-widget-one .xl9 { width: 50%; transition-duration: .5s; } } .rss-widget-icon { display: none; } /** 囄¡‰‡ž®å·¥å…?**/ .img-x2 { position: relative; float: left; width: 50%; padding: 5px; } .img-box { margin: 0 -5px; } .insets { overflow: hidden; } .insets a img { float: left; max-width: 100%; width: auto; height: auto; } /** 订阅 **/ #feed_widget { } .feed-rss, .feed-about { position: relative; font-size: 18px; display: block; } #feed_widget ul { margin: 0 10px; overflow: hidden; } #feed_widget li { float: left; width: 25%; height: 40px; line-height: 38px; } #feed_widget span { display: block; } #feed_widget a { color: #999; width: 40px; display: block; text-align: center; height: 40px; line-height: 34px; margin: 0 auto; border-radius: 4px; border: 1px solid #ddd; } #feed_widget a:hover { color: #fff; border: 1px solid #fff } #feed_widget .be { font-size: 18px !important; font-size: 1.8rem !important; } #feed_widget .feed a:hover { background: #d28300; border: 1px solid #d28300 } #feed_widget .weixin a:hover { background: #248a34; border: 1px solid #248a34 } #feed_widget .tsina a:hover { background: #c40000; border: 1px solid #c40000 } #feed_widget .tqq a:hover { background: #4e91d1; border: 1px solid #4e91d1 } .weixin-qr img { float: left; width: 180px; height: auto; } .sidebar-hide { animation: fade-in; animation-duration: 1.0s; -webkit-animation: fade-in 1.0s; } /** 关于 **/ .about-main { font-size: 14px; padding: 10px 15px 0 15px; } .about-img img { float: left; width: 120px; height: auto; margin: 5px 10px 0 0; padding: 2px; border-radius: 2px; border: 1px solid #ddd; } .about-name { font-size: 15px; font-weight: 700; } .about-inf { text-align: center; background: #f8f8f8; float: left; font-size: 14px; width: 100%; padding: 0 10px; border-top: 1px solid #ddd; } .about-inf span { float: left; width: 50%; padding: 5px 0 10px 0; } .about-pn { border-right: 1px solid #ddd; } /** 关于作è€?**/ #about_author_widget { padding: 25px 2px 20px 2px; } .author-avatar { width: 100px; margin: 0 auto 10px; } .author-avatar img { float: left; width: 100px; height: 100px; padding: 4px; border-radius: 100px; border: 1px solid #ddd; } .author-the { font-size: 15px; font-weight: bold; text-align: center; margin: 0 0 5px 0; } .author-description { color: #999; text-align: center; padding: 5px 15px; } .author-th { margin: 0 auto; } .author-n { width: 50%; float: left; color: #999; text-align: left; padding: 0 0 0 15px; } .author-nickname { text-align: right; padding: 0 15px 0 0; border-right: 1px dashed #ddd; } .author-m { text-align: center; padding: 15px 0; } .author-m a { color: #fff; padding: 8px 15px; background: #3690cf; border-radius: 2px; } .author-m a:hover { color: #fff; background: #666; } .author-n span { color: #666; } /** 用户ç™Õd½• **/ #login_widget { padding: 15px; } #login_widget input[type="text"], #login_widget input[type="password"] { width: 100%; background: #fff; padding: 3%; margin-bottom: 4%; border: 1px solid #ddd; -webkit-appearance: none; } #login_widget input[type="submit"] { width: 100%; background: #fff; border: 1px solid #ddd; margin-bottom: 15px; padding: 8px; cursor: pointer; border-radius: 2px; -webkit-appearance: none; transition: background .1s; -webkit-transition: background .1s; } #login_widget input[type="submit"]:hover { background: #666; color: #fff; border: 1px solid #666; } .login-widget-avata { text-align: center; margin-bottom: 34px; } .login-user-widget img { height: 100px; width: 100px; border-radius: 100px; } .login-widget-link, .login-widget-reg { text-align: center; line-height: 35px; margin-bottom: 10px; } .login-widget-link a, .login-widget-reg a, .login-widget-reg label { padding: 8px; border: 1px solid #ddd; } /** TAB¾l„åˆ **/ .widget_zm_tabs { background: transparent; border: none; box-shadow: none; overflow: hidden; } .widget_zm_tabs h3 { margin: 0 0 -1px 0; border: 1px solid #ddd; } .widget_zm_tabs h3 i { float: inherit; height: 39px; } .zm-tabs-container { background: #fff; padding: 15px 0 0 0; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .zm-tabs-nav { height: 40px; line-height: 40px; margin: 0 -3px 0 0; zoom: 1; } .zm-tabs-container h4 { float: left; color: #999; } .zm-tabs-container ul { padding: 0 15px 10px 15px; display: none; } .zm-tabs-nav a span { display: none; } .zm-tabs-nav a { background: #f8f8f8; float: left; color: #999; text-align: center; width: 25%; height: 41px; line-height: 40px; display: block; margin: 0 -1px 0 0; border: 1px solid #ddd; } .zm-tabs-nav .be { color: #999; } .zm-tabs-nav .current .be, .tab-recent .be { color: #444; } .zm-tabs-nav .current a, .tab-recent a { background: #fff; height: 41px; border-bottom: none; } .message-tab .avatar { float: left; width: 24px; height: 24px; margin: 6px 8px 0 0; } .message-tab ul li { width: 99%; height: 37px; padding-bottom: 8px; line-height: 37px; white-space: nowrap; _white-space: normal; *white-space: normal; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px dashed #dadada; } /** Ajax tab **/ .widget_wpz { background: #f8f8f8; } .wpz-tabs { } .widget_wpz .new_cat { background: #fff; margin: -1px 0 0 0; border-top: 1px solid #ddd; } .wpz_widget_content { position: relative; } .wpz_widget_content .wpz-tabs span { float: left; width: 25%; text-align: center; } .wpz_widget_content h4 { float: left; color: #999; } .wpz_widget_content .tab_title a { background: #f8f8f8; height: 41px; line-height: 40px; display: block; margin: -1px -2px 0 0; border: 1px solid #ddd; } .wpz_widget_content .tab_title:first-child a { border-left: 0; } .wpz_widget_content .tab_title.selected a { background: #fff; border-bottom: 1px solid #fff; } #recent-tab:after { content: "\e73b"; } #popular-tab:after { content: "\e630"; } #hot-tab:after { content: "\e73a"; } #comments-tab:after { content: "\e8b8"; } #recent-tab:after, #comments-tab:after, #hot-tab:after, #popular-tab:after { font-family: be; font-size: 15px !important; color: #999; } .tab_title.selected #recent-tab:after, .tab_title.selected #comments-tab:after, .tab_title.selected #hot-tab:after, .tab_title.selected #popular-tab:after { color: #555; } /* Pagination */ .turn-clear { padding: 13px 0 12px 0; } .wpz_widget_content .wpz-pagination { margin: 0; width: 100%; float: left; position: absolute; bottom: 12px; left: 0; } .wpz_widget_content .wpz-pagination a { color: #999; margin: 0 15px; } .wpz-pagination a.next { float: right; } .wpz-pagination .next i { margin: 0 0 0 5px; } .wpz-pagination .previous i { margin: 0 5px 0 0; } /* Loading... */ .wpz-loading { min-height: 550px; } .wpz-loading:before { content: ""; display: block; position: absolute; top: 40px; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.8); z-index: 11; } .wpz-loading:after { content: ""; margin: 0 auto 3em auto; font-size: 10px; position: absolute; top: 45%; left: 45%; z-index: 12; text-indent: -9999em; border-top: 0.4em solid rgba(0, 0, 0, 0.2); border-right: 0.4em solid rgba(0, 0, 0, 0.2); border-bottom: 0.4em solid rgba(0, 0, 0, 0.2); border-left: 0.4em solid #c40000; -webkit-animation: load8 0.5s infinite linear; animation: load8 0.5s infinite linear; border-radius: 50%; width: 2em; height: 2em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** 概况 **/ .site-profile i { color: #666; margin-right: 5px; } .site-profile span { margin-left: 15px; } /** 评论 **/ .comments-title { background: #fff; margin-bottom: 10px; padding: 15px 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } .comment-list,.comment-list ol { list-style: none; } .comment-list li { position: relative; background: #fff; margin: 0 0 10px 0; padding: 15px 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; word-wrap: break-word; word-break: break-all; } .comment-list ul li { box-shadow: none; } .comment-list .children li { list-style: none; } .comment-list .children { list-style: none; margin: 8px 0 0 0; } .vcard .avatar { float: left; width: 64px; height: 64px; margin: 7px 10px 0 0; padding: 3px; border-radius: 5px; border: 1px solid #ddd; transition: all 0.8s ease 0s; } @-webkit-keyframes avatar { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes avatar { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .comment-body:hover .avatar { -webkit-animation-name: avatar; animation-name: avatar; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .comment-author { color: #999; } .fn { font-style: normal; font-weight: bold; } .floor { color: #999; } .comment-author .author-admin { font-size: 9px; color: #fff; padding: 0 4px; background: #c40000; border-radius: 2px; vertical-align: super; } .comment-meta, .comment-meta a { color: #999; } .reply { position: absolute; top: 15px; right: 20px; } @media screen and (min-width: 900px) { .reply { display: none; } .comment-body:hover .reply { display: inline; animation: fade-in; animation-duration: 0.2s; -webkit-animation: fade-in 0.2s; } } .reply a { background: #fff; line-height: 25px; display: block; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; } .reply a:hover { background: #3690cf; color: #fff; border: 1px solid #3690cf; transition: all 0.2s ease-in 0s; } .at, .at a { color: #3690cf; } .no-comments { background: #fff; text-align: center; margin: 0 0 10px 0; padding: 10px; border: 1px solid #ddd; } #edita { color: #8b8b8b; } #edita .be { color: #c40000; margin: 0 10px 0 0; } .comment-author .be-favoriteoutline { color: #d03333; padding-left: 5px; } .comment-form-comment .be-info, .comment-form-comment .be-loader { color: #c40000; margin: 0 10px 0 0; } .vip { position: relative; } .vip i { font-size: 13px; padding-left: 3px; } .lv { position: absolute; width: 30px; font-size: 9px; top: -6px; left: 20px; } .vip0 .be, .vip0 .lv { color: #bbb; } .vip1 .be, .vip1 .lv { color: #46c0e6; } .vip2 .be, .vip2 .lv { color: #f49800; } .vip3 .be, .vip3 .lv { color: #7ab951; } .vip4 .be, .vip4 .lv { color: #f566f5; } .vip5 .be, .vip5 .lv { color: #d03333; } .vip6 .be, .vip6 .lv, .vip7 .be, .vip7 .lv, .vip8 .be, .vip8 .lv, .vip9 .be, .vip9 .lv { color: #ff4400; } /** è¯„è®ºè¡¨å• **/ #respond { background: #fff; margin: 0 0 10px 0; padding: 10px 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } #respond h3 { font-size: 15px; font-size: 1.5rem; margin: 5px 0 15px 0; } #respond h3 a { float: right; font-size: 14px; font-size: 1.4rem; font-weight: normal; padding: 2px 10px; border: 1px solid #ddd; border-radius: 2px; } #comment-author-info { width: 50%; } @media screen and (max-width: 640px) { #comment-author-info { width: 100%; } } #comment-author-info input { background: #fff; position: relative; width: 100%; height: 38px; line-height: 38px; margin: 0 10px 10px 0; padding: 0 10px; border: 1px solid #ddd; display: block; text-indent: 75px; border-radius: 2px; -webkit-appearance: none; _vertical-align: middle; *vertical-align: middle; } #comment { background: #fff; width: 100%; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #ddd; border-radius: 2px; -webkit-appearance: none; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-qq, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-qq label, #respond .comment-form-comment label { background: #f1f1f1; position: absolute; color: #555; display: inline-block; top: 0; left: 0; width: 75px; height: 38px; line-height: 37px; padding: 0 10px; border-radius: 2px 0 0 2px; border: 1px solid #ddd; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; border: 1px solid #3690cf; } #respond .comment-form-author .required, #respond .comment-form-email .required { position: absolute; color: #bd3500; font-size: 20px; font-weight: bold; right: 5px; z-index: 1; } #respond #submit { background: #fff; width: 50%; margin: 5px 0 15px 0; padding: 8px; cursor: pointer; border: 1px solid #ddd; border-radius: 2px; -webkit-appearance: none; } #respond #submit:hover { background: #3690cf; color: #fff; border: 1px solid #3690cf; transition: all 0.2s ease-in 0s; } .comment-nologin { font-size: 14px; color: #999; font-weight: bold; text-align: center; margin: 20px 0; } .comment-nologin a { padding: 0 8px; } /** 表å•å¤´åƒ **/ .user_avatar, .author_avatar { height: 50px; line-height: 25px; margin: 0 0 15px 0; } .user_avatar img, .author_avatar img { float: left; width: 48px; height: auto; margin: 0 10px 0 0; } /** 表情 **/ .comment-tool { float: right; width: 90px; margin: 0; } .comment-tool a { background: #3690cf; float: right; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 26px; margin: 0 0 0 10px; border: 1px solid #3690cf; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .comment-tool a:hover { background: #fff; color: #555; border: 1px solid #ddd; } @media screen and (max-width: 640px) { .comment-tool { display: none; } #respond #submit { width: 100%; } } .emoji-box { display: none; position: relative; margin: 0 0 5px 0; } .emoji-box img { float: left; width: 24px; height: 24px; } /** 引用 **/ #trackbacks { margin: 0 0 10px 0; } .backs { background: #fff; padding: 10px 15px; border: 1px solid #ddd; cursor: pointer; border-radius: 2px; } .track { background: #fff; padding: 10px 15px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 2px 2px; display: none; } .track { background: #fff; padding: 10px 15px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 2px 2px; display: none; } .track li { margin: 0; padding: 0; border: none; border-radius: 0; } /** å®šä½ **/ .comments-anchor, .scroll-comments { position: relative; top: -10px; } li.comments-anchor { background: transparent; border: none; box-shadow: none; margin: 0; padding: 0; } /** 回å¤é€šçŸ¥ **/ .mail-notify { padding-left: 10px; } .mail-notify span { position: absolute; top: -6px; left: 0; width: 230px; color: #999; padding-left: 38px; padding-left: 5px\9; } .notify { display: none; display: inline\9; } .notify + label { position: relative; background: #a5a5a5; width: 30px; width: 0\9; height: 15px; cursor: pointer; display: inline-block; border-radius: 15px; } .notify + label:before { content: ''; position: absolute; background: #fff; top: 0; left: -1px; width: 15px; width: 0\9; height: 15px; z-index: 99999; border: 1px solid #ddd; border-radius: 15px; border: none\9; } .notify + label:after { content: ''; position: absolute; top: 0; left: 0; color: #fff; font-size: 9px; font-size: 0.9rem; } .notify:checked + label { background: #67a5df; border-radius: 15px; } .notify:checked + label:after { content: ''; left: 6px; } .notify:checked + label:before { content: ''; position: absolute; z-index: 99999; left: 15px; border-radius: 15px; } .notify + label:after { left: 15px; line-height: 21px; } .notify + label:after, .notify + label:before { -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /** è§£é” **/ .qaptcha { float: left; width: 190px; padding: 0 10px 10px 10px; margin-top: 10px; } .qaptcha .clr { clear: both } .qaptcha .bgslider { width: 40px; height: 10px; background: #efefef; float: left; border-radius: 30px; box-shadow: 1px 1px 1px #ddd inset; border: 1px solid #d4d4d4; } .qaptcha .slider { width: 21px; height: 21px; background: #fff; margin: -7px 0 0 1px; cursor: e-resize; border-radius: 22px; border: 1px solid #d4d4d4; } .qaptcha .icons { display: none; } .qaptcha .txtstatus { float: left; margin: -8px 0 0 8px; } .txtstatus { animation: fade-in; animation-duration: 1.0s; -webkit-animation: fade-in 1.0s; } /** 链接 **/ .links-box { width: 1120px; margin: 0 auto; padding: 0 0 10px; } #links { margin: 0 -2px; } #links h2 { font-size: 18px; margin: 10px 0; border: none; } .link-f { max-width: 100%; width: auto; height: auto; overflow: hidden; } .link-f a img { max-width: 100%; width: 100%; height: auto; margin: 0 auto; vertical-align: middle; } .link-f a { background: #fff; text-align: center; padding: 5px; display: block; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; border: 1px solid #ddd; border-radius: 2px; transition-duration: .5s; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .link-img a { padding: 0; border: none !important; background: transparent !important; } .link-f a:hover { background: #3690cf; color: #fff !important; border: 1px solid #3690cf; transition: all 0.1s ease-in 0s; } .lx7, .child-cat li { float: left; min-height: 1px; padding: 2px; } @media screen and (min-width:280px) { .lx7, .child-cat li { width: 50%; transition-duration: .5s; } } @media screen and (min-width:550px) { .lx7, .child-cat li { width: 33.33333333%; } } @media screen and (min-width:700px) { .lx7, .child-cat li { width: 25%; transition-duration: .5s; } } @media screen and (min-width:900px) { .lx7, .child-cat li { width: 20%; transition-duration: .5s; } } @media screen and (min-width:1024px) { .lx7, .child-cat li { width: 14.2857%; transition-duration: .5s; } } @media screen and (max-width: 550px) { #links { margin: 6px 0 0 0; } } .linkcat h2 { clear: both; padding: 0 0 0 10px; } .link-all a:hover { background: #3690cf; color: #fff !important; border: 1px solid #3690cf; transition: all 0.1s ease-in 0s; } .link-all a, #links a { -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .link-all a:hover, .link-all a:focus, #links a:hover, #links a:focus { -webkit-transform: scale(0.9); transform: scale(0.9); } /** ™åµè„š **/ #colophon { background: #fff; position: relative; width: auto; border-top: 1px solid #ddd; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.03); } .site-info { text-align: center; margin: 0 5%; padding: 15px 0; } .add-info { padding: 5px 0; display: block; } /** ™åµè„šž®å·¥å…?**/ #footer-widget-box { background: #555; position: relative; padding: 10px 0; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); } .footer-widget { width: 1120px; margin: 0 auto; } .footer-widget h3 { font-size: 15px; color: #ccc; margin: 15px 0 0 0; } .footer-widget .widget { background: #555; float: left; width: 33.33333333333%; padding: 0 20px; border: none; box-shadow: none; } .footer-widget, .footer-widget a { color: #ccc; } .footer-widget a:hover { color: #fff; } .footer-widget .widget ul { padding: 8px 0 15px; } .footer-widget .menu li { float: left; width: 50%; } #footer-widget-box .add-widgets, #footer-widget-box .add-widgets a { color: #fff; text-align: center; } /** 分页 **/ /** ½{‰äºŽæˆ–大äº?50px **/ @media screen and (min-width: 550px) { .pagination { float: right; } .pagination a, .pagination a:visited { float: left; background: #fff; margin: 0 0 10px 5px; padding: 8px 11px; line-height: 100%; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .pagination .current, .pagination .dots { background: #fff; float: left; margin: 0 0 0 5px; padding: 8px 11px; line-height: 100%; border: 1px solid #ddd; border-radius: 2px; } .pagination span.pages { } .pagination span.current, .pagination a:hover { background: #3690cf; color: #fff; border: 1px solid #3690cf; } .screen-reader-text, .pages { display: none; } .nav-links .prev i, .nav-links .next i { line-height: 12px; } #picture .navigation, #tao .navigation { margin: 0 5px 0 0; } .comment-navigation i { padding: 0; } } /** ½{‰äºŽæˆ–å°äº?50px **/ @media screen and (max-width: 550px) { .pagination {} #picture .navigation, #tao .navigation { width: 97%; display: inline-block; margin: 0 4px; } .pagination .nav-links { min-height: 30px; position: relative; text-align: center; } .pagination .current .screen-reader-text { position: static !important; } .screen-reader-text { height: 1px; overflow: hidden; position: absolute !important; } .page-numbers { display: none; line-height: 25px; padding: 5px 10px; } .pagination .page-numbers.current { text-transform: uppercase; } .pagination .current { display: inline-block; } .pagination .prev, .pagination .next { background: #3690cf; color: #fff; display: inline-block; height: 35px; overflow: hidden; position: absolute; border: 1px solid #3690cf; } .pagination .prev i, .pagination .next i { padding: 5px 15px; } .pagination .next, .pagination .prev { border-radius: 2px; } .pagination .prev a, .pagination .next a { color: #fff; line-height: 20px; padding: 0; display: inline-block; } .pagination .prev { left: 0; } .pagination .prev:before { left: -1px; } .pagination .next { right: 0; } .pagination .next:before { right: -1px; } /** 评论分页 **/ .comment-navigation { margin: 0 0 10px; } .comment-navigation .current { line-height: 32px; padding: 0 10px; } .comment-navigation .next { right: 4px; } .comment-navigation .prev { left: 4px; } .comment-navigation .prev, .comment-navigation .next { background: #3690cf; color: #fff; display: inline-block; overflow: hidden; position: absolute; } } /** æ— é™åŠ è² **/ .ias-spinner { float: left; width: 100px; height: 9px } .ias-trigger-next { float: left; cursor: pointer; margin: 4px 0 0 0; } #picture .ias-spinner, #tao .ias-spinner, #picture .ias-trigger-next, #tao .ias-trigger-next { margin: 3px 0 0 5px; } .ias-trigger-next a { background: #fff; color: #999; padding: 6px 11px; line-height: 100%; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .ias-trigger-next a:hover { background: #3690cf; color: #fff; border: 1px solid #3690cf; } .ias-trigger-next .be { font-size: 16px !important; margin-right: 5px; } #comments .nav-previous, #comments .nav-next { display: none; } /** 加è²åŠ¨ç”» **/ @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-pulse > div:nth-child(1) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(2) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(3) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div { width: 10px; height: 10px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; border: 1px solid #3690cf; } @media screen and (min-width: 550px) { #picture .pagination, #tao .pagination { width: 75%; } #picture .nav-links, #tao .nav-links { float: right; } } @media screen and (max-width: 550px) { .ias-trigger-next { float: inherit; text-align: center; margin: 10px auto; padding: 10px 11px; } .ias-spinner { float: inherit; width: 98%; margin: 0 auto; height: 35px; } #picture .ias-spinner, #tao .ias-spinner { height: 45px; } } /** 分类å¯ÆDˆª **/ .type-cat { margin: 0 4px 8px 4px; } .child-cat { margin: 0 0 5px 0; overflow: hidden; zoom: 1; } .type-cat a, .child-cat a { background: #fff; text-align: center; line-height: 30px; padding: 0 5px; display: block; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; border: 1px solid #ddd; border-radius: 2px; transition-duration: .5s; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .type-cat a:hover, .child-cat a:hover { background: #3690cf; color: #fff !important; border: 1px solid #3690cf; transition: all 0.1s ease-in 0s; } /** 相册 **/ .picture-box { background: #fff; margin: 0 0 10px 0; padding: 0; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .picture-img { max-width: 100%; width: auto; height: auto; overflow: hidden; transition-duration: .5s; } .picture-img a img { float: left; max-width: 100%; width: auto; height: auto; } .picture-title { text-align: center; line-height: 30px; margin: 10px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .picture-title a { display: block; } #picture { margin: 0 -5px; } #picture .video, #picture .picture, #picture .post, #picture .show { position: relative; float: left; width: 25%; min-height: 1px; margin: 0; padding: 0 5px; transition-duration: .5s; } @media screen and (max-width:800px) { #picture .video, #picture .picture, #picture .post, #picture .show { width: 33.3333333333333333%; } } @media screen and (max-width:600px) { #picture .video, #picture .picture, #picture .post, #picture .show { width: 50%; } } @media screen and (min-width:999px) { .picture-img { overflow: hidden; } } @media screen and (max-width: 480px) { .archive #video, .archive #picture, .home #picture, .page #picture { margin: 0 -3px; } } /** 囄¡‰‡å¸ƒå±€ **/ #picture .post { background: transparent; border: none; box-shadow: none; border-radius: none; } .grid-title { line-height: 25px; height: 50px; margin: 5px 15px; overflow: hidden; } .grid-inf { float: left; width: 100%; color: #999; margin: 0 !important; padding: 5px 15px 10px 15px; } .g-cat a { color: #999; } .grid-inf-l { float: right; } .grid-inf-l .views { position: absolute; top: 15px; left: 15px; color: #ddd; z-index: 1; } .grid-like { position: absolute; top: 15px; right: 15px; color: #ddd; z-index: 3; } /** 囄¡‰‡æ–‡å­— **/ .picture-img { position: relative; } .hide-box, .hide-excerpt { display: none; cursor: pointer; } .picture-img:hover .hide-box { display: block; } .picture-img:hover .hide-excerpt { display: block; } .hide-box { position: absolute; width: 100%; height: 100%; z-index: 2; background: #000; background: rgba(0, 0, 0, 0.5); filter: alpha(opacity=50); transition: all 0.2s ease-in 0s } .hide-excerpt { position: absolute; color: #fff; padding: 5%; z-index: 2; } /** å•†å“ **/ .product-box { padding: 10px; } .product-box h2 { font-size: 15px; font-size: 1.5rem; margin-bottom: 10px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .product-i { height: 52px; margin-bottom: 5px; overflow: hidden; } .taourl a { float: right; background: #ff4400; color: #fff; line-height: 30px; margin: 0 5px 5px 0; padding: 0 10px; border: 1px solid #ff4400; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .taourl a:hover { background: #ff662f; color: #fff; } .detail a { float: right; background: #fff; line-height: 30px; margin: 0 5px 0 0; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; } .price { float: left; width: 50%; height: 50px; } .go-url { float: left; width: 50%; } .pricex { color: #ff4400; } .pricey { font-size: 12px; color: #999; display: block; } .tao-img { max-width: 100%; width: auto; height: auto; overflow: hidden; transition-duration: .3s; } .tao-img a img { float: left; max-width: 100%; width: auto; height: auto; } .tao-title { text-align: center; line-height: 30px; margin: 0 10px 5px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #tao { margin: 0 -5px; } .archive .tao, .taocat .tao { position: relative; float: left; min-height: 1px; padding: 0 5px; transition-duration: .5s; } .tao-box { background: #fff; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); } @media screen and (min-width:900px) { .archive .tao, .taocat .tao { width: 25%; } } @media screen and (max-width: 1120px) { } @media screen and (max-width:900px) { .archive .tao, .taocat .tao { width: 33.33333333333333333%; } } @media screen and (max-width:690px) { .archive .tao, .taocat .tao { width: 50%; } } @media screen and (max-width: 420px) { .archive .tao, .taocat .tao { float: left; width: 50%; } #tao { margin: 0 -3px; } } @media screen and (max-width: 480px) { .price { width: 100%; margin: 0 0 5px 0; } .go-url { width: 100%; margin: 0 0 5px 0; } .product-i { display: none; } .grid-inf-l .date { display: none; } } /** 其它™åµé¢ **/ .grid-cat { position: absolute; background: #3690cf; margin: 1px 6px; padding: 5px 15px; z-index: 2; filter: alpha(opacity=80); background: rgba(47, 136, 154, 0.8); border-radius: 2px 0 0 0; } .grid-cat a { font-size: 16px; font-size: 1.6rem; color: #fff; } .grid-cat a:hover { color: #fff; } .grid-cat .be-video, .grid-cat .be-picture { font-size: 18px; font-size: 1.8rem; margin: 0 5px 0 0; } /** ž®å·¥å…·å›¾ç‰‡æ–‡å­?**/ .insets { position: relative; display: block; } .img-title { position: absolute; width: 100%; height: 100%; line-height: 20px; padding: 10px; z-index: 2; display: none; background: #000; background: rgba(0, 0, 0, 0.5); filter: alpha(opacity=50); } .insets:hover .img-title { display: block; } .img-title a, .img-title a:hover { width: 100%; height: 100%; color: #fff; display: block; padding: 10px; border-radius: 2px; border: 1px solid #ddd; } /** æ»šå± **/ #scroll { width: 32px; float: right; position: fixed; right: 10px; bottom: 50px; z-index: 9999; } #scroll li a { background: #fff; font-size: 16px; color: #999; width: 32px; height: 32px; line-height: 28px; text-align: center; vertical-align: middle; margin-top: 4px; display: block; cursor: pointer; background: rgba(255, 255, 255, 0.6); border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @media screen and (min-width: 900px) { #scroll li a:hover { background: #3690cf; color: #fff; border: 1px solid #3690cf; transition: all 0.2s ease-in 0s; } .scroll-home { display: none !important; } } .qr-img { position: fixed; background: #fff; bottom: 50px; right: 50px; max-width: 300px; z-index: 9999; display: none; border-radius: 4px; padding: 10px 10px 2px 10px; animation: fade-in; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #output img { position: absolute; top: 72px; right: 72px; width: 25px; height: 25px; } .qr-img .arrow { position: absolute; font-size: 26px !important; bottom: 2px; } .qr-img .arrow .be { font-size: 16px !important; } .arrow-y { color: #fff; right: -10px; } .arrow-z { color: #c6c6c6; right: -11px; } #output td { border: none; } #output td { padding: 0; } .page-template-template-blog #scroll li a.scroll-c, .page-template-template-code #scroll li a.scroll-c, .page-template-template-links #scroll li a.scroll-c, .page-template-template-archives #scroll li a.scroll-c, .page-template-template-cms #scroll li a.scroll-c, .page-template-template-hot #scroll li a.scroll-c, .page-template-template-tag #scroll li a.scroll-c, .page-template-template-tougao #scroll li a.scroll-c, .page-template-template-contact #scroll li a.scroll-c, .page-template-template-message #scroll li a.scroll-c, .page-template-template-baidu #scroll li a.scroll-c { display: none; } /** òqȯ **/ #slideshow { position: relative; margin: 0 0 10px 0; } .rslides { position: relative; overflow: hidden; width: 100%; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; width: 100%; } #slider img { border-radius: 2px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .row .rslides img, .g-row .rslides img { width: 220%; margin: 0 0 0 -50%; } } .rslides_tabs { position: absolute; bottom: 0; margin: 0 auto; max-width: 100%; padding: 10px 0; text-align: center; width: 100%; z-index: 2; _display: none; } .rslides_tabs li { display: inline; float: none; margin-right: 5px; } .rslides_tabs a { background: #fff; width: auto; height: auto; color: #555; line-height: 15px; padding: 2px 8px; display: inline; border: 1px solid #fff; border-radius: 2px; } .rslides_tabs li:first-child { margin-left: 0; } .slider-caption { position: absolute; background: #c40000; display: block; left: 1px; top: 1px; color: #fff; line-height: 28px; padding: 0 15px; max-width: none; border-radius: 2px 0 0 0; z-index: 2; } #slideshow .callbacks_tabs { position: absolute; bottom: 0; margin: 0 auto; max-width: 100%; padding: 10px 0; text-align: center; width: 100%; z-index: 2; _display: none; } .rslides_tabs a, #slideshow .callbacks_tabs { font-size: 0; } .callbacks_tabs li { display: inline; float: none; margin-right: 5px; } .callbacks_tabs a { width: auto; height: auto; line-height: 15px; padding: 5px; display: inline; background: #fff; border: 1px solid #fff; border-radius: 10px; } .callbacks_tabs .callbacks_here a { background: #3690cf; border: 1px solid #3690cf; } .callbacks_tabs li:first-child { margin-left: 0; } .callbacks_nav { position: absolute; top: 56%; left: 0; opacity: 0.5; z-index: 3; color: #fff !important; text-align: center; overflow: hidden; text-decoration: none; background: #000; height: 50px; width: 50px; margin-top: -45px; border-radius: 2px; display: none; } .callbacks_nav .be { font-size: 50px !important; line-height: 55px; } #slideshow:hover .callbacks_nav, #gallery:hover .callbacks_nav { display: block; } .callbacks_nav .prev { z-index: 9999; } .callbacks_nav.next { left: auto; right: 0; } @media screen and (max-width: 600px) { .callbacks_nav { top: 62%; } } /** 囄¡‰‡òqȯ **/ #gallery { position: relative; width: 100%; padding: 8px; border-radius: 2px; border: 1px solid #ddd; } @media screen and (min-width: 900px) { .slides-h { border-bottom: 9px solid #ddd; } } @media screen and (max-width: 900px) { .slides-h { height: auto !important; } } #gallery .rslides img { width: auto; } #gallery a { float: none !important; } #gallery .callbacks_tabs { margin: 15px 0 0 0; text-align: center; } #gallery .callbacks_tabs a { background: #fff; color: #666; padding: 2px 8px; border-radius: 2px; border: 1px solid #ddd; } #gallery .callbacks_here a { background: #3690cf; color: #fff; border: 1px solid #3690cf; } .single-content .callbacks3_tabs, .single-content .callbacks2_tabs { display: none; } #gallery .callbacks_nav { top: 50%; } #gallery ul li { margin: 5px; } .img-n { color: #999; text-align: center; margin: 0 0 10px 0; } @media screen and (max-width: 620px) { #gallery .rslides_tabs a { font-size: 14px; } #gallery .callbacks_tabs { display: none; } } /** æ–‡ç« å•†å“ **/ .wplist-item { margin: 0 0 -1px 0; padding: 10px 10px 15px 10px; transition-duration: .5s; border: 1px dashed #ddd; } .wplist-item a { color: #999 !important; } .wplist-item a:hover, .wplist-item a:visited { color: #999; } .wplist-title { font-size: 16px; font-size: 1.6rem; color: #666; font-weight: bold; line-height: 190%; } .wplist-item-img { position: relative; float: left; max-width: 200px; height: auto; clear: both; margin: 8px 20px 0 0; overflow: hidden; transition-duration: .5s; } @media screen and (max-width: 480px) { .wplist-item-img { max-width: 100%; margin: 0 auto 10px; } } .wplist-item img { float: left; width: auto; height: auto; max-width: 100%; } .wplist-res { padding: 2px 10px; border: 1px solid #ddd; } .wplist-price { float: left; font-size: 15px; font-size: 1.5rem; color: #ff4400; font-weight: bold; margin: 0 10px 0 0; } .wplist-old-price { float: left; font-size: 15px; font-size: 1.5rem; color: #999; } .wplist-btn { background: #ff4400; float: right; color: #fff; line-height: 30px; margin: 0 5px 5px 0; padding: 0 10px; border-radius: 2px; border: 1px solid #ff4400; } .wplist-btn:hover { background: #ff662f; color: #fff; } /** ä¸‹è² **/ .down a { float: left; background: #3690cf; height: 35px; font-size: 15px; font-size: 1.5rem; color: #fff !important; line-height: 34px; text-align: center; margin: 8px 0 15px 25px; padding: 0 15px; border: 1px solid #3690cf; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .down a:hover { background: #595959; border: 1px solid #595959; transition: all 0.3s ease-in 0s; } .down .be-download { font-size: 14px !important; color: #fff; margin: 0 8px 0 0; } #button_box { display: none; } #button_file h3 { text-align: center; padding: 0 0 5px 0; } .file_ad { float: left; width: 100%; height: auto; } #button_file img { min-width: 290px; ; } .buttons a { float: left; background: #3690cf; color: #fff !important; margin: 10px 10px 10px 0; padding: 2px 15px; border-radius: 3px; display: block; } .buttons a:hover { background: #595959; transition: all 0.3s ease-in 0s; } .down-link { float: left; } /** 喜欢分äín **/ #social { position: relative; margin: 50px auto; } .social-main { position: relative; margin: 0 auto; width: 243px; } .social-main span { float: left; } .social-main a { color: #999; line-height: 36px; border-radius: 2px; } .share-s a, .shang-s a { text-align: center; } .like a { float: left; padding-left: 15px; } .social-main a:hover { background: #f1f1f1; color: #444; transition: all 0.2s ease-in 0s; } .like a { background: #fff; width: 120px; display: block; border: 1px solid #ddd; } .share-s a { background: #fff; width: 120px; display: block; padding-left: 15px; border: 1px solid #ddd; } .social-main i { color: #999; margin: 0 5px 0 0; } /** èµ?**/ .shang-empty { position: absolute; left: 90px; top: 0px; width: 62px; height: 38px; overflow: hidden; } .shang-empty span { background: #fff; width: 60px; height: 60px; display: block; margin: -10px 0 0 0; border-radius: 60px; border: 1px solid #ddd; } .shang-p a { position: absolute; background: #fff; left: 96px; top: -5px; width: 48px; height: 48px; font-size: 16px; line-height: 45px; display: block; border: 1px solid #ddd; border-radius: 40px; left: 101px\9; top: 0\9; width: 38px\9; height: 38px\9; line-height: 35px\9; } .shang-s { height: 37px; } #shang { width: 280px; display: block; } .shang-img { float: left; } .shang-img img { width: 140px; height: auto; } .shang-main h4 { font-size: 15px; font-size: 1.5rem; text-align: center; margin-bottom: 10px; } .shang-main i { color: #ff0000; } /** 分äín **/ #share { position: absolute; top: -60px; right: -29px; width: 302px; height: 68px; display: none; z-index: 999; } #share a { float: left; background: #999; font-size: 20px !important; color: #fff; width: 40px; height: 40px; line-height: 40px; margin-left: 4px; padding-left: 0; text-align: center; border-radius: 3px; background: rgba(128, 128, 128, 0.9); } #share .be-addbox:hover { background: #7ab951 !important; } #share .be-qzone:hover { background: #ff7400 !important; } #share .be-stsina:hover { background: #ff0000 !important; } #share .be-tqq:hover { background: #46c0e6 !important; } #share .be-renren:hover { background: #3b68ac !important; } #share .be-weixin:hover { background: #006f1d !important; } .bd_weixin_popup { height: 250px !important; } .bd_weixin_popup_foot { display: none; } /** 弹窗 **/ .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-error { padding: 30px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin: -22px 0 0 -22px; z-index: 8060; } #fancybox-loading div { width: 79px; height: 10px; background: url(img/infinite.gif) center center no-repeat; } .fancybox-nav { position: absolute; top: 0; width: 45%; height: 100%; cursor: pointer; background: transparent url(img/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-nav .be { font-size: 30px !important; } .fancybox-prev span { left: 10px; } .fancybox-next span { right: 10px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(img/fancy.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-overlay { overflow: auto; overflow-y: scroll; } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { background: #000; background: rgba(0, 0, 0, 0.1); display: block; width: 177px; height: 31px; margin: 0 auto; border: 1px solid #999; border-radius: 2px; } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; color: #fff; width: 35px; height: 30px; line-height: 30px; text-align: center; outline: none; } #fancybox-buttons a:hover { color: #04a4cc; } #fancybox-buttons .be { font-size: 15px !important; } #fancybox-buttons .be-arrowright { border-right: 1px solid #999; } #fancybox-buttons .be-cross { border-left: 1px solid #999; } .btnDisabled { cursor: default; opacity: 0.4; filter: alpha(opacity=40); } .icon-fancy-close { position: absolute; top: -20px; right: -20px; width: 24px; height: 24px; color: #e50000; font-size: 18px; line-height: 24px; cursor: pointer; } .fancybox-close { position: absolute; background: #cf0000; top: -25px; right: 0; color: #fff; padding: 0 8px; border-radius: 5px 5px 0 0; } .fancybox-close:hover { color: #ccc; } /** æœçƒ¦¾l“æžœ **/ .search-results #primary, .search-no-results #primary { width: 100%; } .search-page { background: #fff; margin: 0 0 10px 0; padding: 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } .search-no-results .post { position: relative; background: #fff; margin: 0; padding: 0; border: none; box-shadow: 0; border-radius: 0; } .search-page li { line-height: 280%; margin: 0 -20px; padding: 0 20px; border-bottom: 1px solid #dadada; } .search-inf { float: right; color: #999; } li.search-inf { border: none; } /** QQ **/ @keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0.4; } 100% { opacity: 0.4; } } .online .be-qq { font-size: 15px !important; color: #c40000; animation: blink 1.5s linear infinite; } .online a:hover .be-qq { color: #fff; animation: 0; } .qqonline {} .online a { width: 30px; color: #fff; text-align: center; line-height: 31px; display: block; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .qqonline a:hover { background: #666; color: #fff; } .qqonline-box { position: absolute; bottom: 25px; right: 30px; display: none; padding: 10px; z-index: 5; } .qqonline .qq-b { bottom: -10px; } .qqonline-main { background: #999; padding: 10px; border-radius: 4px; } .qq-arrow { position: absolute; right: 2px; bottom: 17px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #999; } .nline-wiexin h4 { color: #fff; text-align: center; } .nline-wiexin img { width: 100px; height: auto; } .nline-qq a { width: 100px; background: #fff !important; font-size: 14px !important; color: #444 !important; width: 100px !important; margin: 0 0 5px; display: block; border-radius: 3px !important; border: 1px solid #888 !important; } .nline-qq a:hover { opacity: 0.9; } .nline-qq i { color: #c40000; margin: 0 5px 0 0; } /** æŽ’åº **/ .orderby { top: 125px; float: right; position: fixed; right: 10px; width: 32px; z-index: 9999; } @media screen and (max-width: 600px) { .orderby { display: none; } } .orderby li a { background: #fff; font-size: 16px; color: #999; width: 32px; height: 32px; line-height: 28px; text-align: center; vertical-align: middle; margin-top: 4px; display: block; cursor: pointer; background: rgba(255, 255, 255, 0.6); border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .orderby li a:hover { background: #cc0000; color: #fff; border: 1px solid #cc0000; transition: all 0.2s ease-in 0s; } .order-box { display: none; } /** ads **/ .ad-site { background: #fff; margin: 0 0 10px 0; padding-top: 6px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; overflow: hidden; } .entry-content .ad-site { background: transparent; border: none; box-shadow: none; border-radius: 0; } .ad-site img { max-width: 100%; width: auto; height: auto; } .ad-pc, .ad-l, .ad-r { text-align: center; } .entry-content .ad-pc { margin: 0 -11px 25px -11px; text-align: center; } .entry-content .ad-m { margin: 0 -11px 25px -11px; text-align: center; } .post-ad .ad-pc, .post-ad .ad-m { margin: 0; } .ad-l { float: left; width: 70.4%; } .ad-r { float: right; width: 28.6%; } @media screen and (max-width: 900px) { .ad-r { display: none; } .ad-l { width: 99.9%; } } /** ½{‰äºŽæˆ–å°äº?120px **/ @media screen and (max-width: 1120px) { #content, #colophon, .breadcrumb, .footer-widget, .links-box, .header-sub { width: 98%; } .follow { width: 28%; transition-duration: .5s; } #site-nav .down-menu a { padding: 0 13px; } #colophon { width: auto; } #search-main, #mobile-nav { width: 98%; } .breadcrumb { width: 98%; } } /** ½{‰äºŽæˆ–å°äº?00px **/ @media screen and (max-width: 900px) { #primary, #sidebar { width: 99.9%; } #sidebar { display: none; } .logo-site, .logo-sites { margin: 5px 0 0 10px; } .qqonline-box { bottom: -10px; } #anchor, .scroll-comments { top: -43px; } .r-hide, .s-hide, .print { display: none; } } /** ½{‰äºŽæˆ–å°äº?20px **/ @media screen and (max-width: 720px) { #inf-d { width: 70%; transition-duration: .5s; } .search-inf { display: none; } .entry-meta { display: none; } } /** ½{‰äºŽæˆ–å°äº?40px **/ @media screen and (max-width: 640px) { .entry-header h1 { text-align: left; } #single-widget .widget { width: 99.6%; } .footer-widget .widget { float: inherit; margin: 0; } .footer-widget .widget { width: 99.6%; } .footer-widget .menu li { float: left; width: 33.3333333333%; } } /** ½{‰äºŽæˆ–å°äº?20px **/ @media screen and (max-width: 620px) { .entry-header h2 { height: 52px; text-align: justify; word-break: break-all; overflow: hidden; } .format-image .entry-header h2, .type-bulletin .entry-header h2 { height: auto; width: 70%; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; transition-duration: .5s; } .cms-news-grid .format-image .entry-header h2, .cms-news-grid .format-aside .entry-header h2 { width: auto; } .archive-content { display: none; } .type-bulletin .archive-content { display: block; } .entry-more, .entry-direct { display: none; } .thumbnail { max-width: 100px; height: auto; margin: 0 10px 0 0; transition-duration: .5s; } .thumbnail a img { width: auto; height: auto; max-width: 100%; transition-duration: .5s; } .thumbnail .cat, .format-img-cat { display: none; } .entry-meta { display: inline; left: 130px; } .weibo { display: none; } .single-content embed { height: 250px; } #links { display: none; } .reprinted { display: none; } .qr-site, .gb2-site, #scroll .scroll-b { display: none; } .format-aside .entry-meta, .type-bulletin .entry-meta, .entry-meta-no { margin: -30px 0 0 0; } } /** ½{‰äºŽæˆ–å°äº?80px **/ @media screen and (max-width: 480px) { .slider-caption { display: none; } .single-content { font-size: 16px; font-size: 1.6rem; } .fontsmall { font-size: 18px; font-size: 1.8rem; } } /** ½{‰äºŽæˆ–å°äº?40px **/ @media screen and (max-width: 440px) { .entry-meta .views, .entry-meta .favorite-s, .entry-meta .edit-link { display: none; } .post { padding: 15px; } .format-image { padding: 20px 20px 30px 20px; } .post-format-title, .img-number { bottom: 2px; } .entry-header h1 { margin: 40px -20px 10px -20px; } .single-content h2 { margin: 10px -15px; } .video-img { width: 270px; height: 203px; } .title-l { top: 15px; } .single-content h3 { margin: 0 -15px 5px -15px; } .entry-meta { bottom: 10px; } } /** 分类¾|®é¡¶ **/ #cat-top .picture-img { position: relative; } #cat-top .at-top-ico { position: absolute; top: 0; right: 0; } #cat-top { position: relative; overflow: hidden; margin: 0 -5px; } .cat-top-title { position: absolute; bottom: 0px; background: #666; font-weight: normal; text-align: center; line-height: 30px; width: 100%; padding: 0 5px; color: #fff; display: none; background: rgba(0, 0, 0, 0.5); white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .cat-top-box:hover .cat-top-title { display: block; } .cat-top-title a, .cat-top-title a:hover { color: #fff; padding: 0 8px; } #cat-top .cat-top-box { float: left; width: 25%; padding: 0 5px; } @media screen and (max-width: 480px) { #cat-top { margin: 0 -3px; } #cat-top .cat-top-box { width: 25%; } } /** CMS **/ /** 最新网æ ?**/ .cms-news-grid .new-icon { line-height: 18px; } .cms-news-grid .marked-ico { background: #c40000; color: #fff; line-height: 28px; padding: 0 10px; z-index: 1; position: absolute; top: 17px; left: 15px; } .cms-news-grid .thumbnail { margin: 1px 15px 0 0; max-width: 120px; } .cms-news-grid .entry-meta { left: 150px; } .cms-news-grid .entry-header h2 { margin: 0 0 5px; height: 50px; overflow: hidden; } .cms-news-grid .entry-header h2 a { font-size: 15px; font-size: 1.5rem; } .cms-news-grid .post { float: left; width: 50%; margin: 0 0 -1px -1px; padding: 15px; border: 1px solid #ddd; box-shadow: none; } .cms-news-grid { position: relative; margin: 0 0 10px 0; } .cms-news-grid .favorite-s { display: none; } .cms-news-grid .format-aside .entry-meta { left: 150px; position: absolute; } @media screen and (min-width: 901px) { .cms-news-grid .archive-content { display: none; } } @media screen and (max-width: 900px) { .cms-news-grid .entry-header h2 { height: 20px; } .cms-news-grid .post { width: 100%; } .cms-news-grid .post { margin: 0 0 -1px 0; } } @media screen and (max-width: 720px) { .cms-news-grid .archive-content { display: none; } .entry-meta { display: inline; } .cms-news-grid .entry-header h2 { height: 50px; overflow: hidden; } } /** æ·˜å®¢æ¨¡å— **/ .tao-h { background: #fff; margin: 0 0 10px 0; padding: 0; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .tao-h-img { max-width: 100%; width: auto; height: auto; overflow: hidden; transition-duration: .5s; } /** 囄¡‰‡æ¨¡å— **/ .picture-h { background: #fff; margin: 0 0 10px 0; padding: 0px; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .picture-h-img { position: relative; max-width: 100%; width: auto; height: auto; overflow: hidden; transition-duration: .5s; } .picture-h-img a img, .tao-h-img a img { float: left; max-width: 100%; width: auto; height: auto; } .picture-h-title { text-align: center; line-height: 30px; margin: 0 10px 5px 10px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .line-four, .line-tao { margin: 0 -5px; } .line-four .xl4, .line-tao .xl4 { position: relative; min-height: 1px; padding: 0 5px; } .xm4 { position: relative; min-height: 1px; } .posting-title { position: absolute; top: 0; color: #fff; width: 100%; height: 100%; padding: 10px; display: none; background: #000; filter: alpha(opacity=50); background: rgba(0, 0, 0, 0.5); } .posting-title a, .posting-title a:hover { color: #fff; line-height: 20px; height: 100%; width: 100%; display: block; padding: 10px; border-radius: 2px; border: 1px solid #ccc; } .picture-inf { position: absolute; top: 5px; left: 10px; color: #fff; padding: 0 5px; display: none; line-height: 25px; } .picture-h:hover .picture-inf, .picture-h:hover .posting-title { display: block; } /** äº§å“ **/ .picture-s-title { text-align: center; line-height: 30px; margin: 10px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .show-t { position: absolute; top: 10px; left: -30px; color: #fff; width: 80px; height: 10px; background: rgba(216, 0, 0, 0.7); transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); } .section-box .picture-h-img { border-radius: 5px; } .woo-t { background: rgba(216, 0, 0, 0.7); position: absolute; top: 15px; right: 15px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; line-height: 30px; width: 30px; height: 30px; border-radius: 100%; } /** å•æ åˆ†ç±»åˆ—表 **/ .line-one .cat-site { margin: 10px 0 0 0; } .line-one-img { float: left; width: 200px; margin: 0 25px 0 0; } .one-img-5 { height: 150px; overflow: hidden; } .cat-one-list li { line-height: 220%; margin: 0 50px 0 0; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .cat-one-list .list-date { margin: 0; } .line-one-thumbnail { float: left; width: 200px; height: auto; margin: 0 0 10px; overflow: hidden; transition-duration: .5s; } .line-one-thumbnail img { float: left; max-width: 100%; width: 100%; height: auto; } @media screen and (max-width: 580px) { .line-one-img { float: none; width: 100%; margin: 0 0 0 1%; } .cat-one-list li { margin: 0; } .one-img-5 { height: auto; } .line-one-thumbnail { float: left; width: 48%; margin: 0 2% 0 0; overflow: hidden; transition-duration: .5s; } } /** 两æ åˆ†ç±»åˆ—表 **/ .cat-box { position: relative; background: #fff; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .cat-box .cat-title { float: left; background: #f8f8f8; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; } .cat-box .cat-title a { float: left; width: 100%; } .cat-box .cat-title .be-more { float: right; font-size: 24px !important; color: #888; font-weight: normal; line-height: 44px; margin-right: 15px; } .cat-site { padding: 10px 20px 15px 20px; } .cat-site h2 { font-size: 16px; line-height: 30px; margin: 0 0 5px 0; width: 90%; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .entry-small-title { padding: 5px 5px 0 5px; } .line-small .thumbnail { width: 133px; height: 100px; } .line-small .thumbnail a img { width: 133px; height: 100px; } .line-small .small-thumbnail { max-width: 100%; width: auto; height: auto; overflow: hidden; } .line-small .small-thumbnail a img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; } .cat-main { color: #777; margin: 0 0 5px 0; } .line-small .cat-main { height: 100px; overflow: hidden; } .list-title { width: 80%; line-height: 210%; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .list-date { float: right; color: #999; } .line-small { margin: 0 -5px; } .line-small .xl2 { position: relative; min-height: 1px; padding: 0 5px; } .xm2 { position: relative; min-height: 1px; } /** 列表å¤?**/ .line-big .thumbnail { width: 180px; height: 130px; } .line-big .thumbnail a img { width: 180px; height: 130px; } .line-big .small-thumbnail { max-width: 100%; width: auto; height: auto; overflow: hidden; } .line-big .small-thumbnail a img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; } .line-big .cat-main { height: 130px; overflow: hidden; } .line-big { margin: 0 -5px; } .line-big .xl3 { position: relative; min-height: 1px; padding: 0 5px; } @media screen and (min-width:300px) { .xl2 { float: left; width: 50%; transition-duration: .5s; } .xl3 { float: left; width: 50%; transition-duration: .5s; } } @media screen and (min-width:320px) { .xl4 { float: left; width: 50%; transition-duration: .5s; } } @media screen and (min-width:1120px) { .xm4 { float: left; width: 25%; transition-duration: .5s; } .xm2 { float: left; width: 50%; transition-duration: .5s; } .xm3 { float: left; width: 50%; transition-duration: .5s; } } @media screen and (max-width:1120px) { .xm4 { width: 25%; transition-duration: .5s; } } @media screen and (max-width: 480px) { .line-four { margin: 0 -4px; } .line-tao { margin: 0 -3px; } .xl2 { width: 100%; transition-duration: .5s; } .line-small { margin: 0 -4px; } .xl3 { width: 100%; transition-duration: .5s; } .line-big { margin: 0 -3px; } .xm4 { width: 50%; transition-duration: .5s; } .cat-list li { width: 100%; } .list-date { display: none; } } @media screen and (max-width: 420px) { .line-tao .xm4 { width: 100%; transition-duration: .5s; } } @media screen and (max-width: 700px) { .xl2 { width: 100%; transition-duration: .5s; } .xl3 { width: 100%; transition-duration: .5s; } } @media screen and (max-width: 620px) { .cat-box .thumbnail { width: 100px; height: 75px; } .cat-box .thumbnail a img { width: 100px; height: 75px; transition-duration: .5s; } .cat-box .cat-main { height: 75px; overflow: hidden; } .xm4 { width: 50%; transition-duration: .5s; } } /** 横å‘滚动 **/ .nbs-flexisel-container { position: relative; background: #fff; max-width: 100%; margin: 0 0 10px 0; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } #flexisel { float: left; overflow: hidden; } #flexisel li { float: left; width: 25%; } .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0; padding: 0; text-align: center; } .nbs-flexisel-inner { overflow: hidden; float: left; width: 100%; } .nbs-flexisel-item { float: left; margin: 0; padding: 0; cursor: pointer; position: relative; line-height: 0; } .flexisel-h-title { text-align: left; height: 42px; line-height: 20px; margin: 10px 0 15px; padding: 0 15px; overflow: hidden; } .nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin-top: 20px; padding: 0 10px; height: auto; max-width: 200px\0; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear } .nbs-flexisel-item:hover img { transition: All 0.7s ease; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 30px; height: 30px; font-size: 20px; color: #777; text-align: center; position: absolute; top: 30px !important; background: #fff; background: rgba(255, 255, 255, 0.8); filter: alpha(opacity=80); cursor: pointer; z-index: 100; border: 1px solid #ddd; border-radius: 2px; } .nbs-flexisel-container .be { font-size: 20px !important; } .nbs-flexisel-nav-left { right: 66px; } .nbs-flexisel-nav-right { right: 30px; } @media screen and (max-width: 1024px) { .nbs-flexisel-item img { width: 230px\0; transition-duration: .5s; } } /** ¾|‘格分类 **/ .cat-grid-title, .cat-square-title { float: left; background: #f8f8f8; width: 100%; height: 40px; line-height: 40px; border-radius: 2px 2px 0 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .cat-grid-title a, .cat-square-title a { float: left; width: 100%; } .cat-square-title .grid-cat-i, .cat-grid-title .grid-cat-i { margin: 12px 10px 0 15px; } .gr-cat-wd .grid-cat-i { float: left; } .cat-square-title .be-more, .cat-grid-title .be-more { float: right; font-size: 24px !important; color: #888; font-weight: normal; line-height: 44px; margin-right: 15px; } /** 分类¾|‘æ ¼ **/ .cms-cat-grid { margin: 0 0 10px 0; } .cat-g3 { margin: 0 0 10px 0; border-right: 1px solid #ddd; } .cms-cat-grid .post { float: left; width: 33.3333333333333%; margin: 0 0 -1px 0; padding: 15px; box-shadow: none; border-right: none; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .cms-cat-grid .thumbnail { margin: 1px 15px 0 0; max-width: 120px; } .cms-cat-grid .entry-meta { left: 150px; } .cms-cat-grid .entry-header h2 { margin: 0 0 5px; height: 50px; overflow: hidden; } .cms-cat-grid .entry-header h2 a { font-size: 15px; font-size: 1.5rem; } .cms-cat-grid .favorite-s { display: none; } .cms-cat-grid .date { margin: 0 10px 0 0; } .cms-cat-grid .format-aside .entry-meta { left: 150px; position: absolute; } @media screen and (max-width: 900px) { .cms-cat-grid .post { width: 50%; } } @media screen and (max-width: 720px) { .entry-meta { display: inline; } .cms-cat-grid .entry-header h2 { height: 50px; overflow: hidden; } } @media screen and (max-width: 640px) { .cms-cat-grid .post { width: 100%; } } /** 分类方åÅž **/ .cms-cat-square { margin: 0 0 10px 0; } .cat-g5 { border-radius: 2px; margin: 0 0 10px 0; border-right: 1px solid #ddd; } .cms-cat-square .post { float: left; width: 16.66666666666666%; margin: 0 0 -1px 0; padding: 15px; box-shadow: none; border-right: none; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .cms-cat-square .thumbnail { float: none; max-width: 240px; margin: 0; } .cms-cat-square .entry-header h2 { height: auto; text-align: center; margin: 5px 0 -4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cms-cat-square .entry-header h2 a { font-size: 15px; font-size: 1.5rem; } @media screen and (max-width: 900px) { .cms-cat-square .post { width: 25%; } } @media screen and (max-width: 720px) { .cms-cat-square .post { width: 25%; } } @media screen and (max-width: 620px) { .cms-cat-square .post { width: 33.3333333333333333333%; } .cms-cat-square .entry-header h2 a { font-size: 13px; font-size: 1.3rem; } } /** TAB **/ .tab-site { overflow: hidden; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .dom-display .current { display: block; } .tab-hd { background: #f8f8f8; } .tab-hd-con { width: 100px; } .tab-hd .current { width: 100px; } .tab-hd { overflow: hidden; height: 40px; line-height: 40px; } .tab-product .tab-hd .current, .tab-area .current { position: relative; z-index: 1; height: 40px; background: #fff; } .tab-hd-con { float: left; text-align: center; cursor: pointer; height: 39px; border-right: 1px solid #ddd; } .tab-hd-con a { display: inline-block; } .tab-bd-con { display: none; overflow: hidden; } .tab-bd { background: #fff; padding: 20px; margin-top: -1px; border-top: 1px solid #ddd; } .tab-bd li { float: left; width: 45%; line-height: 210%; margin: 0 20px 0 0; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } @media screen and (max-width: 480px) { .tab-bd li { width: 95%; margin: 0 0 0 0; } } /** 两栞®å·¥å…?**/ #cms-widget-two h3 { float: left; background: #f8f8f8; width: 100%; height: 40px; line-height: 40px; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; } #cms-widget-two { margin: 0 -5px; } #cms-widget-two .xl2 { position: relative; min-height: 1px; padding: 0 5px; } #cms-widget-two .add-widgets { background: #fff; text-align: center; margin: 0 5px 10px 5px; padding: 30px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @media screen and (max-width: 480px) { #cms-widget-two { margin: 0 -4px; } } /** å•æ ž®å·¥å…?**/ #cms-widget-one ul { float: left; } #cms-widget-one h3 { float: left; background: #f8f8f8; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; } #cms-widget-one .widget ul { width: 99%; overflow: hidden; } #cms-widget-one .menu-item { width: 20%; float: left; min-height: 1px; padding: 2px; transition-duration: .5s; } #cms-widget-one .menu-item a { width: 99%; display: block; text-align: center; line-height: 230%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sites-widget ul { float: left; } #cms-widget-one .add-widgets { background: #fff; text-align: center; margin: 0 0 10px; padding: 30px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } @media screen and (max-width: 1120px) { #cms-widget-one .menu-item { width: 25%; } } @media screen and (max-width: 900px) { #cms-widget-one .menu-item { width: 20%; } } @media screen and (max-width: 700px) { #cms-widget-one .menu-item { width: 25%; } } @media screen and (max-width: 600px) { #cms-widget-one .menu-item { width: 33.333333333333%; } } @media screen and (max-width: 480px) { #cms-widget-one .menu-item { width: 50%; } } /** 囄¡‰‡TAB **/ .img-tab-site { overflow: hidden; } .img-dom-display .img-current { display: block; } .img-tab-hd-con { padding: 0 15px; } .img-tab-hd .img-current { padding: 0 15px; background: #3690cf; border: 1px solid #3690cf; } .img-tab-hd { height: 40px; line-height: 40px; } .img-tab-hd .img-current a { color: #fff; } .img-tab-product .img-tab-hd .img-current, .tab-area .img-current { position: relative; z-index: 1; } .img-tab-hd-con { background: #ddd; float: left; text-align: center; cursor: pointer; border: 1px solid #d4d4d4; } .img-tab-hd-con a { display: inline-block; } .img-tab-bd-con { display: none; overflow: hidden; } .img-tab-bd { padding: 10px 0; } #img-tab .picture { background: #fff; margin: 0 0 10px; border-radius: 2px; border: 1px solid #ddd; } #img-tab .picture h2 { font-size: 15px; padding: 15px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .img-tab-meta { margin: 0 0 10px; padding: 0 15px; } .img-date { float: left; } .img-views { float: right; } .img-tab-bd { margin: 0 -5px; } .img-tab-site .xl4 { position: relative; min-height: 1px; padding: 0 5px; } .img-more { float: right; padding: 0 20px; } .edd-inf { margin: 0 0 5px; padding: 0 15px; } .line-tab .w4 { position: relative; float: left; width: 25%; min-height: 1px; padding: 0 5px; transition-duration: .5s; } @media screen and (max-width:720px) { .line-tab .w4 { width: 50%; } } @media screen and (max-width:340px) { .line-tab .w4 { width: 100%; } } @media screen and (max-width: 480px) { .img-tab-bd li { width: 95%; } } /** ä¼ä¸šä¸»é¡µ **/ .row { width: 100%; } .home-slider { width: auto; margin: 0 auto; } .group-slider-main { position: absolute; top: 15%; left: 50%; color: #fff; line-height: 200%; max-width: 50%; max-height: 80%; padding: 20px; overflow: hidden; letter-spacing: 1px; z-index: 2; border-radius: 5px; /** background: rgba(0, 0, 0, 0.4); **/ } .group-slider-content p { line-height: 230%; text-shadow: 1px 1px 0px #000; } .s-t-a { font-size: 16px; font-size: 1.6rem; color: #efefef; font-weight: bold; } .s-t-b { font-size: 30px; font-size: 3.0rem; color: #fff; font-weight: bold; } .s-t-c { font-size: 16px; font-size: 1.6rem; color: #efefef; font-weight: bold; } .group-img-more { float: left; margin: 5% 0 0 0; } .group-img-more a { font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: bold; text-align: center; height: 40px; line-height: 40px; padding: 8px 15px; border-radius: 2px; border: 1px solid #fff; } .group-img-more a:hover { background: #fff; color: #444; transition: all 0.2s ease-in 0s; } @media screen and (max-width: 900px) { .group-slider-main { background: rgba(0, 0, 0, 0.6); top: 15%; right: 10%; max-width: 80%; padding: 20px; overflow: hidden; border-radius: 2px; border: 1px solid #000; } .s-t-b { font-size: 16px; font-size: 1.6rem; } .s-t-a, .s-t-c { font-size: 14px; font-size: 1.4rem; font-weight: normal; } } @media screen and (max-width: 640px) { .group-slider-main { background: rgba(0, 0, 0, 0.6); top: 20px; left: 40px; max-width: 100%; padding: 10px; overflow: hidden; border-radius: 2px; border: 1px solid #000; } .s-t-a, .s-t-c, .group-img-more { display: none; } .s-t-b { font-size: 14px; font-size: 1.4rem; } } .contact .line { background: #555; color: #fff; border: none; } #section { background: #fff; } .line { background: #e1e1e1; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } .contact .line li { padding: 0; border: none; } /** 分类/™åµé¢ **/ .box-4 { margin: 0 0 10px 0; padding: 10px 10px 5px 10px; } .section-thumbnail { max-width: 100%; width: auto; height: auto; overflow: hidden; transition-duration: .5s; } .section-thumbnail a img { float: left; max-width: 100%; width: auto; height: auto; } .g4-title { text-align: center; line-height: 35px; margin: 0 10px 5px 10px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .g4 { position: relative; float: left; min-height: 1px; padding: 0 5px; transition-duration: .5s; } @media screen and (min-width:320px) { .g4 { width: 50%; } } @media screen and (min-width:1120px) { .g4 { width: 25%; } } @media screen and (max-width:1120px) { .g4 { width: 25%; } } @media screen and (max-width: 480px) { .g4 { width: 50%; } } /** ž®å·¥å…?**/ #section .widget-title { font-size: 20px; padding: 0 0 0 15px; } #section .widget-title i { display: none; } #section .widget { background: transparent; border: none; box-shadow: none; } #section .xl2 { min-height: 1px; padding: 0 5px; position: relative; } /** 打å°æ ·å¼ **/ @media print { #primary { width: 98% !important; } .post { background: #fff !important; padding: 0px !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; } .entry-header h1 { margin: 0 0 15px 0 !important; border: none !important; border: none !important; border-bottom: 1px solid #444 !important; } #masthead, .breadcrumb, #sidebar, #socia, .single-cat-tag, .nav-single, .post-navigation, #comments, #scroll, #footer-widget-box, #colophon, .ad-pc, #social, .single-footer, .authorbio, #related-img, #single-widget, .single-meta, #fontsize, .s-hide, .favorite-box, .single-tag { display: none } } /** tipso **/ .tipso_bubble { position: absolute; text-align: center; border-radius: 6px; z-index: 9999; padding: 10px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); } .tipso_style { cursor: pointer; } .tipso_bubble,.tipso_bubble>.tipso_arrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tipso_bubble>.tipso_arrow { position: absolute; width: 0; height: 0; border: 8px solid; pointer-events: none; } .tipso_bubble.top>.tipso_arrow { border-color: #000 transparent transparent; top: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.bottom>.tipso_arrow { border-color: transparent transparent #000; bottom: 100%; left: 50%; margin-left: -8px; } /** 囄¡‰‡åˆ†ç±»å¸ƒå±€ **/ .grid-cat-site .post { background: transparent; position: relative; float: left; margin: 0; padding: 0 5px; border: none; box-shadow: none; } .grid-cat-4 .post { width: 25%; } .grid-cat-5 .post { width: 20%; } .grid-cat-site { margin: 0 -5px; } .grid-cat-bx4 { background: #fff; margin: 0 0 10px 0; border-radius: 2px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .grid-cat-box { position: relative; } .grid-cat-new-box { position: relative; } .grid-cat-title-new { position: absolute; top: 1px; left: 1px; z-index: 2; font-size: 16px; font-size: 1.6rem; color: #fff; padding: 5px 15px; background: #c40000; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .grid-cat-title { font-size: 16px; font-size: 1.6rem; margin: 0 0 10px 0; } .grid-cat-title a { display: block; } .grid-cat-title .be-more { float: right; font-size: 30px !important; font-weight: normal; line-height: 40px; margin-right: 15px; } @media screen and (max-width: 700px) { .grid-cat-4 .post, .grid-cat-5 .post { width: 33.333333333333333333%; } } @media screen and (max-width: 640px) { .grid-cat-4 .post, .grid-cat-5 .post { width: 50%; } .grid-cat-box { margin: 0 1px; } } /** ä¼ä¸š **/ .g-row { width: 100%; } .g-col { width: 1120px; margin: 0 auto; padding: 20px 0; overflow: hidden; } @media screen and (max-width: 1120px) { .g-col { width: 98%; padding: 20px 10px; } } #group-section { background: #f1f1f1; } .g-line { background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } .group-title { margin: 10px 0 10px 0; } .group-title h3 { font-size: 18px; font-size: 1.8rem; line-height: 30px; text-align: center; margin: 10px 0; } .group-des { text-align: center; } /** å…³äºŽæ¨¡å— **/ .group-contact-main { line-height: 190%; margin: 15px 0 0 0; padding: 0 15px; } .group-contact-more { width: 260px; margin: 30px auto; } .group-contact-more i { margin-right: 5px; } .group-contact-more a { float: left; width: 120px; text-align: center; line-height: 40px; margin-right: 10px; border-radius: 2px; } .group-more a { background: #999; } .group-phone a { background: #c40000; } .group-contact-more a, .group-contact-more a:hover { color: #fff; } .group-more a:hover, .group-phone a:hover { background: #444; } .g-col .favorite-box { display: none; } /** è¯´æ˜Žæ¨¡å— **/ .explain h3 { margin: 0 0 20px 0 !important; } .explain h3 a { display: block; } .group-explain-main { margin: 0 0 30px 0; } @media screen and (max-width: 900px) { .group-explain-main { padding: 10px; } } /** æœåŠ¡æ¨¡å— **/ .deanm .deanm-main { margin: 0 0 20px 0; } .deanm .deanmove { float: left; width: 25%; color: #444; text-align: center; margin: 0 -1px -1px 0; background: #fff; border-radius: 2px; border: 1px solid #ddd; } @media screen and (max-width: 900px) { .deanm .deanmove { width: 50%; } } @media screen and (max-width: 480px) { .deanm .deanmove { width: 100%; } } .deanquan { width: 170px; height: 170px; display: block; overflow: hidden; border-radius: 170px; margin: 10px auto; background: #999; } .de-t { font-size: 16px; font-weight: bold; padding: 20px 15px 10px 15px; width: 99%; line-height: 28px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .de-back { position: relative; width: 170px; height: 170px; background: #000; border-radius: 170px; } .deanm .de-b { position: absolute; top: 0px; left: 0px; color: #fff; font-size: 24px; font-weight: bold; text-align: center; width: 100%; padding-top: 70px; text-shadow: 0px 1px 0px #000; } .de-back img { position: absolute; top: 0; left: 0; max-width: 100%; width: 100%; height: auto; opacity: 0.6; border-radius: 170px; } .deanm-main .de-button a { display: block; width: 80%; border-radius: 1px; height: 40px; color: #fff; line-height: 40px; text-align: center; font-size: 16px; background: #c40000; margin: 15px auto 25px; border-radius: 2px; } .deanm-main i { margin: 0 10px 0 0; } .deanmove:hover .de-button a { color: #fff; background: #666 !important; } .deanm .deanmove:hover { box-shadow: 0 0 8px rgba(0,0,0,0.1); } .deanmove:hover { transform: translate(0,-8px); -webkit-transform: translate(0,-8px); -moz-transform: translate(0,-8px); -o-transform: translate(0,-8px); -ms-transform: translate(0,-8px); } .deanmove { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } /** group news **/ .group-news .post { float: left; width: 50%; background: transparent; margin: 0 0 15px 0; padding: 15px 10px; border: none; box-shadow: none; } .group-news { margin: 0 0 25px 0; } .group-news-content { margin: 0 -10px; } .group-news .entry-header h2 { } .group-news .format-aside .entry-meta { position: absolute; } @media screen and (min-width: 901px) { .group-news .format-aside .archive-content { height: auto; overflow: hidden; } .m-button { display: none; } } @media screen and (max-width: 900px) { .group-news .post { width: 100%; } .group-news-content { margin: 0 -5px; } .p-button { display: none; } } @media screen and (max-width: 620px) { .group-news .format-image .entry-header h2, .group-news .format-aside .entry-header h2 { height: auto; width: auto; text-align: justify; word-break: break-all; overflow: hidden; } .group-news .archive-content { display: none; } } /** group tab **/ .group-tab-site { } .group-dom-display .group-current { display: block; } .group-tab-hd-con { padding: 0 20px; } .group-tab-hd .group-current { padding: 0 20px; background: #3690cf; border: 1px solid #3690cf; } .group-tab-hd { height: 40px; line-height: 40px; } .group-tab-hd .group-current a { color: #fff; } .group-tab-product .group-tab-hd .group-current, .tab-area .group-current { position: relative; z-index: 1; } .group-tab-hd-con { background: #ddd; float: left; text-align: center; cursor: pointer; border: 1px solid #d4d4d4; } .group-tab-hd-con a { display: inline-block; } .group-tab-bd-con { display: none; overflow: hidden; } .group-tab-bd { padding: 10px 0; } #group-tab .picture { background: #fff; margin: 0 0 10px; border-radius: 2px; border: 1px solid #ddd; } #group-tab .picture h2 { font-size: 15px; padding: 15px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .group-tab-meta { margin: 0 0 10px; padding: 0 15px; } .group-date { float: left; } .group-views { float: right; } .group-tab-bd { margin: 0 -5px; } .group-tab-site .xl4 { position: relative; min-height: 1px; padding: 0 5px; } @media screen and (max-width: 480px) { .group-tab-bd li { width: 95%; } } @media screen and (max-width:550px) { #group-tab .xm4 { width: 50%; } } /** group cat **/ .gr-img { background: #fff; margin: 0 0 10px; border-radius: 2px; border: 1px solid #ddd; } .gr-img-title { font-size: 15px; padding: 15px; text-align: center; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .gr-cat-img { position: relative; width: auto; height: auto; overflow: hidden; margin: 10px -5px 0 -5px; } .gr-cat-img a img { max-width: 100%; width: auto; height: auto; float: left; } .cat-gr2 { position: relative; float: left; width: 50%; padding: 0 5px; transition-duration: .5s; } .gr-cat-box { margin: 0 0 15px 0; } .group-cat { margin: 0 -20px; } .gr2 { float: left; min-height: 1px; padding: 0 20px; transition-duration: .5s; } @media screen and (max-width:1120px) { } @media screen and (min-width:480px) { .gr2 { width: 50%; } } @media screen and (max-width: 700px) { .gr2 { width: 100%; } } @media screen and (max-width:330px) { .cat-gr2 { width: 100%; } } .group-cat .gr-thumbnail { max-width: 100%; width: auto; height: auto; overflow: hidden; } .group-cat .gr-thumbnail a img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; } .gr-cat-title a { float: left; font-size: 15px; color: #fff; font-weight: normal; display: block; line-height: 30px; background: #3690cf; margin: 10px 0; padding: 0 10px; border-radius: 2px; border: 1px solid #3690cf; } .gr-cat-title a:hover { color: #fff; background: #666; border: 1px solid #666; } .gr-cat-more { float: right; font-size: 14px; margin: 10px 0; } .gr-img-t { position: relative; } .gr-title-img { position: absolute; left: 0; bottom: 0px; width: 100%; font-size: 15px; color: #444; line-height: 210%; padding: 0 15px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; background: #fff; filter: alpha(opacity=70); background: 0 0 rgba(255, 255, 255, 0.7); } .gr-title-img:hover { filter: alpha(opacity=100); background: 0 0 rgba(255, 255, 255, 1); } .gr-title-img a, .gr-title-img a:hover { color: #444; } .gr-title { font-size: 16px; width: 80%; line-height: 210%; margin: 10px 0 0 0; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .gr-cat-list { margin: 0 0 10px 0; } .gr-cat-site .cat-main { color: #999; } /** å…¬å¸å·¦å³å›¾æ¨¡å?**/ .gr-wd-box { margin: 0 -10px; } .gr-wd-b { margin: 17px 0; } .gr-wd { width: 50%; padding: 0 10px; } .gr-wd-r, .gr-wd-img-r { float: right; } .gr-wd-l, .gr-wd-img-l { float: left; } .gr-wd-img { position: relative; } .gr-cat-wd-more { float: right; font-size: 14px; } .gr-cat-wd { font-size: 18px; font-size: 1.8rem; line-height: 28px; padding: 5px 10px; } .gr-cat-wd-title { float: left; ; } .gr-cat-wd .grid-cat-i { margin: 7px 10px 0 5px; } .gr-wd-img img { height: auto; max-width: 100%; width: auto; } .gr-wd-img img:hover { opacity: 0.7; transition: opacity .5s ease; } .gr-wd-w p { color: #888; text-indent: 2em; padding: 10px 0; } .gr-wd-w ul i { margin: 0 10px 0 0; } @media screen and (min-width: 900px) { .gr-wd-title { margin: 0; } } @media screen and (max-width: 900px) { .gr-wd-img, .gr-wd-w { padding: 0 15px; } .gr-cat-wd { left: 15px; } .gr-wd-img { width: 100%; text-align: center; } .gr-wd { width: 100%; } .gr-cat-wd { left: 15px; } } /** æ‚å¿—å·¦å³æŽ?**/ .group-service-box { position: relative; margin: 0 10px; } .group-service-title { margin: 20px 0; } .group-service { width: 33.3333%; } .group-service-c { position: absolute; left: 33.3333%; } .group-service-l { float: left; padding: 10px 20px; } .group-service-r { float: right; padding: 10px 20px; } .group-service-l .service-thumbnail { float: right; margin: 0 0 0 15px; width: 60px; border-radius: 2px; border: 1px solid #ddd; } .group-service-r .service-thumbnail { float: left; margin: 0 15px 0 0; width: 60px; border-radius: 2px; border: 1px solid #ddd; } .service-thumbnail a img { float: left; height: auto; max-width: 100%; width: auto; } .group-service .load { border-radius: 2px; } .group-service-l .p4 { float: right; text-align: right; width: 100%; margin: 10px 15px; } .group-service-r .p4 { float: left; text-align: left; width: 100%; margin: 10px 15px; } .p4-title { font-size: 16px; font-size: 1.6rem; line-height: 35px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .p4-content { white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .group-service-c img { float: left; max-width: 100%; width: auto; height: auto; margin: 25px 0 0 0; border-radius: 2px; } .group-service-des {} .group-service-content { font-size: 15px; line-height: 180%; margin: 10px 0; padding: 10px; } @media screen and (max-width:900px) { .group-service { width: 100%; } .group-service-l .p4 { float: left; text-align: left; margin: 0 0 30px; } .group-service-l .service-thumbnail { float: left; margin: 0 15px 0; width: 60px; border-radius: 2px; border: 1px solid #ddd; } .group-service-c { position: inherit; left: 0; } .group-service-l, .group-service-r { padding: 0; } } /** group wol **/ .owl-box h3, .owl-box h3 .be, .owl-box .group-des { color: #fff !important; } .itemd { background: #fff; background: rgba(255, 255, 255, 0.4); border: 1px solid #f1f1f1; margin: 0 6px; border-radius: 2px; filter: alpha(opacity=80); } .itemd:hover { background: rgba(255, 255, 255, 0.8); } .itemd img { display: block; height: auto; width: 100%; padding: 10px; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear } .itemd:hover img { transition: All 0.7s ease; -webkit-transform: scale(.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); } .carousel-title { font-size: 15px; padding: 10px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-theme .owl-controls { margin-top: 5px; text-align: center; } .owl-theme .owl-controls .owl-buttons div { color: #000; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 20px; padding: 3px 7px; font-size: 14px; border-radius: 30px; background: #f1f1f1; border: 1px solid #fff; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } .owl-buttons .be { font-size: 18px !important; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 20px; border: 1px solid #fff; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #f1f1f1; filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /** 固定背景 **/ .owl-box { position: relative; } .gtg { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; overflow: hidden; } .gtg img { position: fixed; height: auto; left: 50%; left: 0\9; max-width: 1000%; min-height: 100%; min-width: 100%; min-width: 100vw; width: auto; top: 50%; top: 0\9; z-index: -1; padding-bottom: 1px; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /** ä¼ä¸š½Ž€ä»?**/ .group-features .section-box { margin: 0 -15px; } @media screen and (max-width:900px) { .group-features .section-box { margin: 0 -5px; } } .group-features .section-thumbnail { border-radius: 5px; position: relative; border: 1px solid #ddd; } .group-img-b { position: absolute; width: 100%; height: 100%; padding: 15px; display: none; border-radius: 10px; } .group-features .section-thumbnail:hover .group-img-b { height: 100%; width: 100%; display: block; } .group-img-m { height: 100%; width: 100%; border-radius: 5px; border: 1px solid #fff; animation: fade-in; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } @media screen and (max-width:600px) { .group-features .g4 { width: 50%; } } #group-section .img-tab-site { overflow: inherit; } /** ä¼ä¸šž®å·¥å…?**/ .group-widget h3 { font-size: 18px; margin: 10px 0; } .group-widget .widget { background: transparent; border: none; box-shadow: none; } .group-widget .widget ul { margin: 0 0 0 -10px; } .group-widget .add-widgets { background: #fff; text-align: center; margin: 0 0 10px; padding: 30px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .group-widget .xl3 { float: left; width: 33.3333333333333333%; } @media screen and (max-width: 640px) { .group-widget .xl3 { width: 100%; } } .g-col .group-title .be { font-size: 16px !important; color: #777; } .g-col .be-more { font-size: 30px !important; color: #777; } /** 通长¾~©ç•¥å›‘Öˆ†¾c?**/ .full-text { overflow: hidden; } .full-header { margin: -21px -21px 15px -21px; } .entry-title-img { margin: 10px 0; padding: 0 20px; } .entry-title-img a { font-size: 16px; font-size: 1.6rem; line-height: 190%; } .entry-title-full { margin: 0 0 10px; } .entry-title-full a { font-size: 16px; font-size: 1.6rem; line-height: 190%; } .full-thumbnail img { float: left; height: auto; max-width: 100%; border-radius: 2px 2px 0 0; } .full-meta { float: right; position: absolute; background: #f8f8f8; bottom: -1px; left: 0; line-height: 40px; width: 100%; padding: 0 10px 0 20px; border-bottom: 1px solid #ddd; border-radius: 0 0 2px 2px; } .full-cat { position: absolute; top: 0; right: 0; background: #3690cf; } .full-cat a { color: #fff; line-height: 28px; padding: 0 10px; } .full-entry-more a { float: right; padding: 0 10px; display: block; } .full-entry-more .be { font-size: 20px !important; } .full-entry-meta span { margin: 0 0 0 5px; } .full-archive-content p { text-indent: 2em; } .full-archive-content { font-size: 15px; font-size: 1.5rem; line-height: 190%; margin: 0 0 40px 0; } .full-archive-content img { display: block; height: auto; max-width: 100%; vertical-align: middle; display: none; } /** 滚动 **/ .row .nbs-flexisel-container, .row #flexisel li { background: transparent; padding: 0; border: none; border-radius: 0; box-shadow: none; } /** 滚动动画 **/ .animated { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** fadeInRight **/ @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } /** fadeInLeft **/ @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } /** fadeInDown **/ @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } /** fadeIn **/ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } /** flash **/ @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /** fade-in **/ .slider-caption, .cms-top-title a, .cat-top-title, .hide-box, .hide-excerpt, .img-title, .posting-title, .picture-inf { animation: fade-in; animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; } /** 囄¡‰‡åŠ¨ç”» **/ .picture-h-img a img, .tao-h-img a img, .line-one-thumbnail a img, .line-small .small-thumbnail a img, .line-big .small-thumbnail a img, .section-thumbnail a img, .custom-thumbnail a img { text-align: center; max-width: 100%; width: auto; height: auto; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear } .thumbnail a img, .related-site-img a img, .single-goods-img a img, .insets a img, .picture-img a img, .tao-img a img, .format-img a img, .gr-thumbnail a img { -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform .3s linear } .picture-h-img:hover a img, .tao-h-img:hover a img, .line-one-thumbnail:hover a img, .line-small .small-thumbnail:hover a img, .line-big .small-thumbnail:hover a img, .section-thumbnail:hover a img, .custom-thumbnail:hover a img, .thumbnail:hover a img, .related-site-img:hover a img, .single-goods-img:hover a img, .insets:hover img, .picture-img:hover a img, .tao-img:hover a img, #at-top .small-thumbnail:hover a img, .format-img:hover a img, .gr-thumbnail:hover a img { transition: All 0.7s ease; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } /** å¯ÆDˆª **/ .sliding { -webkit-animation-duration: .8s; -moz-animation-duration: .8s; -o-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-9em) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-9em) } 100% { -moz-transform: translateY(0) } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-9em) } 100% { -o-transform: translateY(0) } } @keyframes slideDown { 0% { transform: translateY(-9em) } 100% { transform: translateY(0) } } .sliding.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0) } 100% { -webkit-transform: translateY(-9em) } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0) } 100% { -moz-transform: translateY(-9em) } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0) } 100% { -o-transform: translateY(-9em) } } @keyframes slideUp { 0% { transform: translateY(0) } 100% { transform: translateY(-9em) } } .sliding.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp } /** è§†é¢‘æ”¯æŒ **/ #smartideo { z-index: 0; text-align: center; background: #fff; line-height: 0; text-indent: 0; margin: 20px 0; padding: 5px 5px 0 5px; border: 1px solid #ddd; } #smartideo embed, #smartideo iframe { padding: 0; margin: 0; } #smartideo .player { width: 100%; height: 500px; } @media screen and (max-width:959px) { #smartideo .player { height: 450px; } } @media screen and (max-width:767px) { #smartideo .player { height: 400px; } } @media screen and (max-width:639px) { #smartideo .player { height: 350px; } } @media screen and (max-width:479px) { #smartideo .player { height: 250px; } } .wp-embed { background: #555 !important; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); color: #ff0000 !important; overflow: auto; padding: 25px; } /** 读è€?**/ .lx8 { float: left; min-height: 1px; width: 12.5%; padding: 2px; } @media screen and (max-width:900px) { .lx8 { width: 16%; transition-duration: .5s; } } @media screen and (max-width:700px) { .lx8 { width: 20%; transition-duration: .5s; } } @media screen and (max-width:540px) { .lx8 { width: 33.333333333333%; transition-duration: .5s; } } /** 站内ä¿?**/ #fep-notification-bar { display: none !important; } /** 验è¯ç ?**/ .si_captcha_code { text-align: left; margin: 10px 0 0 0; } #captchaImgDiv label { background: #fff !important; position: inherit !important; border: none !important; padding: 0 5px !important; width: auto !important; } #captchaImgDiv input { background: #fff; margin: 0 0 10px 0; padding: 2px 5px; width: 132px; border: 1px solid #ddd; } /** 下貙åµé¢ **/ .down-form fieldset { background: #fff; font-size: 15px; font-size: 1.5rem; margin: 20px 0; padding: 10px 15px; width: 100%; border-radius: 2px; border: 1px solid #ddd; } .down-form fieldset a { font-size: 15px; font-size: 1.5rem; } .down-form legend { font-weight: normal; margin: 0 0 0 25px; padding: 1px 15px; border-radius: 2px; border: 1px solid #ddd; } .down-form span { display: block; } .down-form-inf { margin: 10px 0 0 0; line-height: 210%; } .down-form .down a { margin: 20px 20px 20px 0; } .down-form .down .be-eye { margin: 0 8px 0 0; } /** 标题ICO **/ .title-i { float: left; width: 18px; height: 18px; display: block; } .title-i span { float: left; width: 7px; height: 7px; margin: 0 2px 2px 0; padding: 0; border: 1px solid #888; } .title-i-b { background: #fff; } .title-i-t { background: #fff; } .grid-cat-title:hover .title-i-t, .cat-title:hover .title-i-t, .cat-square-title:hover .title-i-t, .widget-title:hover .title-i-t, .cat-grid-title:hover .title-i-t, .child-title:hover .title-i-t { background: #888; transition: background .3s ease; } .grid-cat-title:hover .title-i-b, .cat-square-title:hover .title-i-b, .child-title:hover .title-i-b, .widget-title:hover .title-i-b, .cat-grid-title:hover .title-i-b, .cat-title:hover .title-i-b { background: #fff; transition: background .3s ease; } .grid-cat-title .title-i { margin: 5px 10px 0 5px; } .cat-title .title-i, .cat-square-title .title-i, .widget-title .title-i, .cat-square-title .title-i, .cat-grid-title .title-i, .child-title .title-i { margin: 12px 10px 0 15px; } /** iconfont **/ .down-menu .be { font-size: 16px !important; font-weight: normal !important; } .be { font-size: 14px !important; line-height: .75em; vertical-align: -5% } .font-text { margin: 0 0 0 5px; } 成年男女免费视频网址,亚洲精品1卡2卡3卡,18亚洲AV无码成人国产,久久久久综合日本精品,99久久久无码精品亚洲日韩