/** * Responsive Stylesheet of Tinection WordPress Theme * * @package Tinection * @version 1.1.8 * @date 2015.6.6 * @author Zhiyan * @site Zhiyanblog * @copyright Copyright (c) 2014-2015, Zhiyan * @license http://opensource.org/licenses/gpl-2.0.php GPL v2 or later * @link http://www.zhiyanblog.com/tinection.html **/ @media screen and (min-width:1500px){ .container,.container-row ,.nav-wrap,.layout-wrap,.container-radio,#sitenews-wrap .bg-sitenews,body.page-template-page-articles-php #main-wrap{max-width:1392px;} .shop .product-content{max-width:1300px;} #main-wrap-left,#loopad.container{max-width:1022px;} #blocks-bar #main-wrap-left{max-width: 1072px;} .slider-text{max-width:755px;} #main-wrap-left a.fancyimg{max-height: 285px;} .span_1_of_3 a.fancyimg, .span_1_of_4 a.fancyimg{max-height:225px;} } @media screen and (max-width: 1499px){ .flex-direction-nav .flex-prev{left: -50px} .flex-direction-nav .flex-next{right: -50px} } @media screen and (max-width: 1499px) and (min-width:1360px){ .container,.container-row ,.nav-wrap,.layout-wrap,.container-radio,#sitenews-wrap .bg-sitenews,body.page-template-page-articles-php #main-wrap{max-width:1250px;} .container.blocks{max-width: 1248px;} .shop .product-content{max-width:1120px;} #main-wrap-left,#loopad.container{max-width:880px;} #blocks-bar #main-wrap-left{max-width: 930px;} #blocks-bar #main-wrap-left a.fancyimg{max-height: 200px;} .slider-text{max-width:620px;} .flexslider .slides li{height: 336px;} #main-wrap-left a.fancyimg{max-height: 260px;} } @media screen and (max-width: 1299px){ .flex-direction-nav .flex-prev,.flex-direction-nav .flex-next{display: none} } @media screen and (max-width: 1240px) and (min-width:641px){ .span_1 .home-blog-entry-text{max-width:100%;} #main-wrap-left .span_1 a.fancyimg{position:relative;} #main-wrap-left .stickys-container.stickys-one-col a.fancyimg{position:relative;} .cms-bar #main-wrap-left a.fancyimg{position:relative;} .span_1_of_4.col-1{} .span_1_of_4.col-2,.span_1_of_4.col-3{} .span_1_of_4.col-4{} .home-blog-entry-rand .postlist-meta-views{display:none;} .container,.nav-wrap{width:98%;} } @media screen and (max-width: 1150px){ #main-wrap-left .span_1 a.fancyimg{width:250px;} .span_1 .home-blog-entry-text h3{max-height: 30px;} } @media screen and (max-width: 1240px){ .flexslider .slides li{width: 100%} .slider-img,.slider-text{width: 50%;margin:0;} .slider-img{padding-left: 5px;} .slider-text{padding-right: 5px} .slider-text h2{max-height: 64px;overflow: hidden;max-width: 510px;padding-left: 120px} .slider-text .slider-excerpt{max-height: 90px} #sidebar{width:320px;margin-right:-330px;} #main-wrap-left{max-width:870px} .two-col-container{padding-right: 330px !important;} input#subscribe{width:240px} } @media screen and (min-width: 1050px){ .elan_menu li {line-height:60px;} .elan_menu ul ul li{height:auto;} .elan_menu ul ul li a{height: auto;line-height: 30px;} .elan_menu li a{line-height:60px;height:80px;padding-left:30px;margin-top:0px;min-width: 95px;text-align: center;} .elan_menu li a:after{line-height:60px !important;} .elan_menu li a i{position:absolute;left:12px;top:50%;margin-top:-8px;} .elan_menu li a span{display:inline-block;position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:12px;padding-left:16px;line-height: 50px;} #nav-scroll.tofix .elan_menu li {line-height:60px;} #nav-scroll.tofix .elan_menu li a{line-height:52px;height:60px;min-width: 60px;padding-left: 12px;} #nav-scroll.tofix .elan_menu li a:after{line-height: 52px !important;right: 12px;} #nav-scroll.tofix .elan_menu li a span{display: none;} #nav-scroll.tofix .elan_menu li a i{position: relative;top:0;left: 0;margin-top: auto;} #nav-scroll.tofix .elan_menu li li,#nav-scroll.tofix .elan_menu li li a{line-height:20px;height:auto;} } @media screen and (max-width: 1050px){ .sg-act .baidu-share a,.sg-act .mark-like-btn a{margin:0 10px;} .sg-act .get-codes-bdshare{clear:both;margin-bottom:10px;float:none !important;display: inline-block;} .content .sg-act{padding-top: 10px;height: auto;text-align: center;} .content .mark-like-btn{float: none;display: inline-block;} .fancyimg{border-radius:0} .span_1 .home-blog-entry-text p{max-height: 60px;margin-top: 5px;} .shop .product .preview{width:300px !important;height:auto !important;} .shop .product .property{margin-left:320px !important;margin-bottom:20px !important;min-height:300px !important;} #home-slider{padding-right:360px;} .flexslider-nar{width:100%;} #flexslider-right{float:right;margin-right:-360px;width:360px;} } @media screen and (max-width: 1050px) and (min-width: 641px){ #main-wrap-left a.fancyimg{width:200px;} #blocks-bar #main-wrap-left a.fancyimg{width:100%;} #main-wrap-left .col-small .fancyimg span i{width: 30px;height: 30px;margin: -15px 0 0 -15px;padding: 0;} #main-wrap-left .col-small .fancyimg span i:before{font-size: 30px;height: 30px;width: 30px;} #main-wrap-left .span_1 a.fancyimg{width:200px;} .catlist-container-rand .span_1_of_4{width:33.33%;} .pri-nav{margin:0; clear: left;} #pri-nav ul{position:relative;display:none;box-shadow: 2px 2px 6px rgba(0,0,0,.2);} #pri-nav ul ul,#pri-nav ul ul ul{position:absolute;left: 201px;top:0;width:200px !important;border-bottom: 0;} #pri-nav ul li,#pri-nav ul ul li{display:block;line-height: 50px !important;height: 50px !important;text-align: center;width:200px !important;border-bottom: 1px solid #eee;} #pri-nav ul li a{display:block;padding:0 !important;border-bottom: 0;} #pri-nav ul li a:after{line-height:50px !important;} .toggle-menu{display:inline-block;float: left;text-align: center;margin-left: -10px;line-height:80px;} .header-wrap.tofix .toggle-menu{line-height: 60px;} .pri-nav ul li.current-menu-item:after, .pri-nav ul li.current_page_item:after, .pri-nav ul li.current-post-parent:after{border:0;} .flexslider-nar .slides li .slider-img img{height:336px;} } @media screen and (max-width: 960px) and (min-width: 861px){ #blocks-bar .span_1_of_3{width:50%;} } @media screen and (min-width: 861px){ .slider-newest-articles a.fancyimg img{height:72px;} .slider-img{height:336px;} } @media screen and (max-width: 960px){ .flex-direction-nav a{height:40px;width: 25px;font-size: 0;background-image: url(../../images/slider/nav.png) !important;} .flex-direction-nav a.flex-next{background-position: -25px 0;} .slider-text h2 a{font-size: 16px} .slider-text h2{line-height: 25px;max-height: 50px} .slider-text .slider-excerpt{margin-top: 20px} .flexslider .slides li{overflow: hidden;} .live-online ul li{width:33.3%;} #home-slider{padding-right:300px;} #flexslider-right{margin-right:-300px;width:300px;} } @media screen and (max-width: 1050px) and (min-width: 861px){ .cms-bar .col-left.s2{padding-right:10px} .cms-bar #main-wrap-left .col-up.s6 a.fancyimg,#main-wrap-left .stickys-container.stickys-one-col a.fancyimg{width:200px;} .s2 .postlist-meta-like,.s2 .postlist-meta-collect,.s3 .postlist-meta-like,.s3 .postlist-meta-collect,.s4 .postlist-meta-like,.s4 .postlist-meta-collect,.s5 .postlist-meta-like,.s5 .postlist-meta-collect{display:none} .col-up.s0 a.fancyimg{float:none !important;width:100% !important;border:0} .col-up.s0 p{height:60px} .sg-author{padding: 5px 0;} .sg-author-pic{width: 100%; padding: 0 5px;min-height:0;border-right:0;} .sg-author-pic .img{margin-left: 0;margin-top:10px;} .sg-author-pic .word{width: auto;} .sg-author-pic .word .wordname{margin-bottom:0;height:auto;float:left;margin-right:10px;} .sg-author-pic .word .wordname a{line-height:24px;} .sg-author-pic .word .wordjob{background:#909090;} .sg-author-info{height:auto;min-height:0;width:100%;padding: 0 5px;margin-top:10px;} .sg-author-info .authorsocial .social-icon-wrap{margin-right: 0;} .sg-author-info .authorsocial .social-icon-wrap{margin-bottom: 3px;} .sg-author-info .authordes{padding: 5px;font-size: 14px;padding-left:65px;margin-top:-35px;} .sg-author-info .authorsocial{position: relative;margin-top:5px;} .page-links li{width: 33.33%;} } @media screen and (max-width: 860px){ #home-slider.container{width: 100%;} .flexslider{padding: 0} .slider-meta,.slider-text .slider-readmore{display: none} .slider-img,.slider-img img{width: 100%;padding: 0} .flexslider .slides li{position: relative;} .slider-text{width: 100%;position: absolute;max-width: 100%;padding: 0 60px;bottom: 50px} .flex-direction-nav .flex-prev,.flex-direction-nav .flex-next{display: block;color: #fff;background: rgba(0,0,0,0.3)} .flex-direction-nav .flex-prev{left: 0} .flex-direction-nav .flex-next{right: 0} .flex-direction-nav a{width: 25px;text-align: center;} .slider-text h2{max-width: 740px;padding: 0;text-align: left;line-height: 32px;max-height: 64px;display: inline-block;} .slider-text h2 a{font-size: 20px;display: inline;color: #fff !important;background: rgba(87,186,232,.5);padding: 2px 5px;font-weight: normal;} .slider-text h2 a:hover{color: #fff;} .slider-text .slider-excerpt{color: #fff;background: rgba(87,186,232,.5);padding: 0 5px} .two-col-container,#blocks-bar.two-col-container{padding-right:0 !important;} #main-wrap-left,#blocks-bar.two-col-container{float: none;border-right: 0;width: 100%;padding-right:0;max-width:860px;} #sidebar{width: 100%;float: none;margin-left: auto;margin-right:auto;margin-top: 20px;} #footer-nav-left{width: 100%;float: none;height: auto;text-align: center;font-size: 15px;} #footer-nav-right{width: 100%;float: none;text-align: center;display: inline-block;margin-top: 20px;} #footermenu{display: inline-block;text-align: center;} #footer-links-icons{float: none;height: auto;} .page-links li{width: 50%;} .span_1 .home-blog-entry-text p{max-height: 100px;} .shop .product .preview{width:200px !important;height:auto !important;margin-bottom: 10px;} .shop .product .property{margin-left:220px !important;margin-bottom:10px !important;min-height:200px !important;} .shop .product .preview .view,.shop .product .preview .share{float:none !important;overflow: hidden;text-align: center;display: inline-block;} .shop .product .preview .view,.shop .product .preview .share #bdshare{float:none !important;} .shop .product .main-content .shop-sidebar{display:none !important;} .shop .product .mainwrap{margin-left:0 !important;} #order{width:100%;left:0;margin-left:0;} #order #pay ul label{text-align:left;} #order #pay .checkout{text-align:center;} #order #pay .checkout #pay-submit,#order #pay .checkout #total-price{float:none;} #home-featured{border-bottom:0;} #home-slider{padding-right:0;} .flexslider-nar,#flexslider-right{float:none;width:100%;} #flexslider-right{height:auto;padding:0;margin:0;} .flexslider-nar .flex-control-nav{bottom:12px;} .slider-newest{margin:auto;border:1px solid #eaeaea;padding-bottom:0;padding-top:20px;} .slider-newest-articles article:nth-child(4){display:block;border-top:1px solid #f5f5f5;} #author-page .archive.thumb a.fancyimg{display:none;} #author-page .archive.thumb{padding-right:0;} .header-search-slide form{padding:20px 10%;} } @media screen and (max-width: 860px) and (min-width:641px){ #main-wrap-left .span_1 a.fancyimg{width:240px;} .container{width:98%;} #flexslider-right{padding-top: 10px;} .slider-newest{width:98%;} .slider-newest-articles article{width:50%;float:left;} .nav-wrap{width:98%;} #sidebar .widget{width:48%;float:left;margin-left:3px;margin-right:3px;} #sidebar{max-width: 800px;margin-left:auto;margin-right:auto;} } @media screen and (max-width: 800px) and (min-width:641px){ .s5 .postlist-meta-like,.s5 .postlist-meta-collect{display:none} } @media screen and (max-width: 640px) { html{font-size: 62.5%;} body,p,body a{font-size: 12px;font-family: "Microsoft YaHei","微软雅黑",arial,consolas,"sans-serif" !important;} .postlist-meta,.stickys-container .meta,span,a,div,button,input, select, option, textarea,h1, h2, h3, h4, h5, h6, p, blockquote, pre,code,form,legend,label,table,li,li a{font-family: "Microsoft YaHei","微软雅黑",arial,consolas,"sans-serif" !important;} .site_loading{height:2px;} .catlist-container:hover, #main-wrap-left .bloglist-container:hover, .stickys:hover,#blocks-bar .col.span_1_of_3 article:hover,.blocks .col.span_1_of_4 article:hover{border-color: transparent;box-shadow: none;} #content-container,#navmenu-mobile-wraper{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;backface-visibility: hidden;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;background-image:none !important} #content-container.push{left: 249px;-webkit-transform: translate3d(1px,0,0);transform: translate3d(1px,0,0);} #navmenu-mobile{position: fixed !important;} #navmenu-mobile.push{display: block;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;} #navmenu-mobile-wraper.push{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;} #header-banner,#singletop-banner,#singlethumb-banner,#singlebottom-banner,#bottom-banner,#ft-wg-sr,#cmnt-banner1,#cmnt-banner2{display: none;} .container{width: 100%;word-break: break-all;} .header-wrap{height: 50px;text-align: center;} .nav-wrap{text-align: center;} #nav-scroll,#nav-scroll.tofix{height:50px;position:absolute;} .hidefixnav{height: 50px;} .logo-title{float: none; padding: 0 50px; width: 100%;} .logo-title a{font-size: 25px !important;line-height: 50px;} .logo{margin-left:5px;margin-right: 5px;float: none;} .logo a img,#nav-scroll.tofix .logo a img{height: 50px;width: auto;border-style: none;vertical-align:bottom;} .login-yet-click,.nav-wrap #login-reg{display:none;} .login-yet-click img.avatar{width: 25px;height: 25px;margin-top:8px;} .toggle-menu{position:absolute;line-height:50px;} .toggle-menu,.search-btn-click{display: inline-block;} .search-btn-click,#nav-scroll.tofix .search-btn-click{line-height: 50px;width: 50px;position: absolute;right: 0;top: 0;} .header-search-slide{top:50px;} .login-yet-click img{margin-top: 2.5px;} .user-tabs{font-size:15px;width: 100px;} .user-tabs span{padding:8px 5px;} #pri-nav{display: none; position: absolute; top: 40px; left: 0; width: 100%;} .pri-nav{display: none;margin: 0;} #focus-us{display:none;} #menu-mobile{display:block;} ul.sub-menu{display:none;width:100%;} ul.sub-menu li a:before{content:"";font: normal 8px/1 FontAwesome;position: absolute;left: 12px;top: 0;height:25px;line-height:25px;} .header-search{position: static;width: 100%;display:none;} #searchform{height: 25px;} .header-search input{height: 25px;} input[type="search"]{padding: 5px 10px;} #searchsubmit{height: 25px;line-height: 25px;width: 25px;} .breadcrumbs{padding: 10px !important;background: #fff;} #breadcrumbs{padding-right: 0;} #breadcrumbs h1{display: none;} .breadcrumbs-text{margin: 5px 0;font-size:12px !important;} .breadcrumbs-text a{font-size:12px !important;} #home-featured{padding: 0;margin:0 0 10px;background:transparent;} .slider-text h2{max-width: 520px;max-height: 64px;} .slider-text h2 a{font-size: 20px;line-height:20px;} .slider-text .slider-excerpt{line-height: 25px;font-size: 13px;max-height: 75px} #sitenews-wrap{border: 1px solid #f5f5f5;margin-bottom: 10px;display: none !important;border-width:1px 0 1px 0;} .bg-sitenews{padding:10px 8px 10px !important;display:none;} .bg-sitenews .news-scroll-list, .bg-sitenews .news-scroll-list a {font-size: 12px !important;} .bg-sitenews i.fa-volume-up{margin-right: 5px;} #main-wrap{padding:0;} #home-blog-wrap, #single-blog-wrap{padding: 0} #sidebar{max-width: 100%;margin-left:auto !important;margin-right:auto;} #main-wrap-left a.fancyimg{width: 150px;position: absolute;padding:0;margin-bottom: 0;} #blocks-bar a.fancyimg{width:100%;float:none;position:relative;} #main-wrap-left .span_1 a.fancyimg{position:relative;width:200px;} .cms-bar #main-wrap-left .col-up.s0 a.fancyimg{width: 100px;} .col-up.s0 h3{max-height: 20px;} .cms-bar #main-wrap-left a.fancyimg{position:relative} #main-wrap-left .stickys-container.stickys-two-col a.fancyimg{width:100%;margin:0;float:none;position: relative;} #main-wrap-left .stickys-container.stickys-two-col .inner{padding:0 5px;} #main-wrap-left .postlist-meta-cat{display:none;} #main-wrap-left .fancyimg span i{width: 30px;height: 30px;margin: -15px 0 0 -15px} #main-wrap-left .fancyimg span i:before{font-size: 30px;height: 30px;width: 30px;} #main-wrap-left .col{position: relative;padding: 5px;margin-bottom:10px;} #main-wrap-left .col.span_1{padding:0} .catlist-container{border:0;margin: 0 0px 10px;} .cms-bar #main-wrap-left .col.s5{width:50%;float: left;clear: none;margin-bottom: 0;} .span_1,.span_1:hover{} .span_1 .meta span,.span_1 .meta span a{font-size:13px;} .span_1 .home-blog-entry-text h3{max-height:50px;} .span_1 .home-blog-entry-text h3 a{font-size:15px;line-height:25px;} .span_1 .home-blog-entry-text p{min-height: 45px;max-height: 80px;overflow: hidden;margin-bottom: 0;font-size: 13px;line-height: 20px} .span_1 .home-blog-entry-meta{padding: 8px;} .span_1_of_3.col,.span_1_of_4.col{padding: 0;} .span_1_of_3 .postlist-meta-comments,.span_1_of_4 .postlist-meta-comments,.span_1 .postlist-meta-tags{display: none;} .span_1_of_3 .postlist-meta-time,.span_1_of_4 .postlist-meta-time{width:auto;display:inline-block;float:left;} .span_1_of_3 .postlist-meta-views,.span_1_of_4 .postlist-meta-views{width:auto;float:right !important;} .span_1_of_3 .postlist-meta-like,.span_1_of_4 .postlist-meta-like{width:auto;float:right !important;} .span_1_of_3 .postlist-meta-collect,.span_1_of_4 .postlist-meta-collect{width:auto;float:right !important;} .span_1_of_3 .home-small-entry .postlist-meta-like,.span_1_of_3 .home-small-entry .postlist-meta-collect{display:none} .home-small-entry-wrap{margin-bottom: 0} .home-small-entry .postlist-meta-views{display:block;} .span_1_of_3 .home-small-entry .home-small-entry-text, .span_1_of_4 .home-small-entry .home-small-entry-text{padding-left: 0;} .col{padding: 5px;margin: 0 0 10px 0;} .span_1_of_3,.span_1_of_4{width: 50%;} .span_1_of_3.col-1,.span_1_of_4.col-1,.span_1_of_3.col-3.span_1_of_4.col-3{clear: left;float:left;} .span_1_of_3.col-2,.span_1_of_4.col-2,.span_1_of_4.col-4{clear: right;float: right;} .span_1_of_3.col-3{clear: both;} .home-heading a{right: 5px;} .ribbon{height: 30px;width: 80px;padding-right:10px;overflow:hidden;z-index: 999;position: absolute;color: #FFF;font-family: "Microsoft Yahei","微软雅黑",helvetica,Arial;font-weight: 500;font-size: 11px;line-height: 12px;margin-top: -27px;padding: 5px;margin-left: -18px;text-align: center;} .ribbon-purple{background-size: 100% 30px;} .ribbon-red{background-size: 100% 30px;} .ribbon-green{background-size: 100% 30px;} .ribbon-blue{background-size: 100% 30px;} .content{padding: 5px;font-size: 14px;} .content a{font-size: inherit;} #single-meta{padding:0 0 5px;margin-bottom: 5px;} #single-blog-wrap.container{padding-top: 0;margin-top: 0} .sg-tag{margin-bottom: 10px;} .sg-tag a{display: inline-block;margin-bottom: 5px;} #content-index{max-width: 150px;min-width: 120px;} .content .rates,.stars{font-size:12px;margin: 10px 0 10px;} .content h2{margin: 10px -5px; border:none;} .sg-cp{padding:5px 5px 5px 40px;font-size:12px;} .sg-cp p{line-height: 130%;padding-top:5px; padding-bottom:5px; } .sg-author .img{margin-left:5px;} .sg-author-info{position:static;min-height:130px;margin-left:120px} .sg-author-info .authorsocial{position:absolute;left:5px;bottom:0 } .sg-author-info .authordes{min-height:90px} .relpost ul li{width:50%;} .navigation{padding:10px 0;margin:0;} .navigation .navigation-left{padding-left:5px;width:100%;float:none;} .navigation .navigation-right{padding-right:5px;width:100%;float:none;text-align:left;} .navigation .navigation-left a:after,.navigation .navigation-right a:after{content:"";} .navigation span{padding-left:5px;margin-top:5px;margin-bottom:5px;display:inline-block} .navigation-left span{padding-left:0} .comment-notify-login .comment-login-pop-click{font-size: 14px;} .comments-main{padding: 5px;} .commentlist .floor{display:inline-block} #commentform input#submit, #commentform input#reset{height: 25px;} .mail-notify-check{float:none;position:relative;} .mail-notify-check label{font-size:14px;} #commentform #comment_mail_notify{width: 10px;height: 10px;} #mailmessage-form{font-size: 15px;} .mailmessage-box label{top:5px;} .floatwidget-container,.bds_weixin{display:none;} .widget{text-align: left;} #footer-nav-wrap{padding: 20px 0 10px;} .footer-widgets-one-full,.footer-widgets-one-half,.footer-widgets-one-third,.footer-widgets-one-fourth{width: 100%;float: none;text-align: center;} #footer-nav{text-align: center;} #footer-nav-links li{padding-bottom:5px;} #footer-copyright,#footer-nav-left a{font-size: 13px;} #footer-links-icons span{margin-left: 10px;} .footer-qiniu-link{display:none;} .floatbtn{right: 10px;bottom: 50px;width:45px;} .floatbtn .bds_more i{margin-left: -10px !important;} .mobile-hide{display:none !important;} .floatbtn span {border-radius: 3px;width:45px;height:45px;} .floatbtn span i {width: 45px;height: 45px;line-height: 45px;margin-top: -22.5px;margin-left: -22.5px;} .downld,.downmid-ad,.downbtm-ad-left,.downbtm-ad-right{float: none;width: 100%;} .downmid-ad-btm{padding: 5px 0;} .dl-article-title a,.downld-meta,.downldlinks p,.declaration, .use-des,.downldlinks .dl-terms,.downldlinks .dl-terms p,.downmid-ad-top{font-size: 14px;} .downldlinks .dl-mail input[type=text],.downldlinks .dl-mail button[type=button],.downldlinks p.mail-dl-success{font-size: 14px;} div.pagination{font-size:15px;} .pagination .pg-prev{left:0;} .pagination .pg-next{right:0;} .pagination .pg-item a, .pagination .pg-item .current, .pagination .pg-dots, .pagination .pg-item .disabled{padding: 5px 8px;font-size: 12px;line-height:12px;border-radius:2px;} .page-links li{width: 100%;} .separator{display:none;} .cms-bar #main-wrap-left .col-up.s6 a.fancyimg,#main-wrap-left .stickys-container.stickys-one-col a.fancyimg{width:200px;margin-right:10px;position:relative;} .catlist .catlist_1_of_2:nth-child(2n+1) .catlist-container {margin-right: 2px;} .catlist .catlist_1_of_2:nth-child(2n+2) .catlist-container {margin-left: 2px;} #page-sort-menu-btn{display:block;background-color: #61b3e6;} #page-sort-menu-btn a{color:#fff} .pagesidebar ul{display:none} .pagesidebar li a{font-size:14px ;padding: 12px 20px;line-height:100%;text-align:center;width:100%;display: inline-block;} .pagesidebar{position:relative;width:100%;} .pagecontent{margin-left:0;padding:5px;border:0;min-height:0} #author-page .archive .postlist-meta .postlist-meta-like,#author-page .archive .postlist-meta .postlist-meta-collect{display:none} .shop .product .preview{position:relative !important;width:100% !important;} .shop .product .preview img{width:100%;} .shop .product-content{padding:10px 5px !important;} .shop .product .property{margin-left:0 !important;} #sidebar .widget > h3, #sidebar .floatwidget h3, .multi-border-hl, #ft-wg-sr .widget > h3,.tin-tabs-nav li a{font-size:14px;} body.page #guide .group ul li{width:25%;margin-right:0;} body.page #guide .group ul li a.current,#guide .group ul.sub li,#guide .group ul li .sub{width:100%;} .live-online ul li{width:50%;} .flexslider .slides{max-height:336px;} .slider-video span{display: none;} .slider-newest{margin-top:10px;} .flexslider-nar .slides li h2 a{text-align:center;padding:0;display: block;} .flexslider-nar .flex-control-nav{display:none;} .flexslider-nar .flex-direction-nav{display:block;} #single-blog-wrap.container.shop,body.home .two-col-container,#blocks-bar.two-col-container,#home-blog-wrap,#single-blog-wrap{margin-top:0;} .catlist-container, .bloglist-container{border:0;} .header-search-slide form{padding:0;} .header-search-slide input[type="search"]{width:100%;border:1px solid #eaeaea;border-radius:0;outline:0;margin:0;} .search-btn{display:none;} } @media screen and (min-width: 480px) and (max-width:640px){ .s2 .postlist-meta-like,.s2 .postlist-meta-collect,.s3 .postlist-meta-like,.s3 .postlist-meta-collect,.s4 .postlist-meta-like,.s4 .postlist-meta-collect{display:none;} } @media screen and (max-width: 480px){ h2,h2 a{font-size:14px !important;} h3,h3 a{font-size:13px !important;} article p,.content,.content a,single-content,single-text,single-content a,single-text a,.sg-cp p{font-size:11px !important;} .content h2{padding-left:5px;} #content-index-wrap {display : none;} .postlist-meta-comments a span{display:none} .span_1 .postlist-meta-comments a span{display:inline-block;} .btn-lg{padding:5px 8px;font-size:12px;} .sg-act .share-btn,.sg-act .baidu-share .more-btn{font-size:12px;height:25px;line-height:25px;} .sg-act .share-btn i{font-size:12px;line-height:25px;top:0} #main-wrap{padding:0} .home-heading{margin-bottom:10px} .flexslider .slides,.slider-img{max-height:270px;} .flexslider-nar .slider-img img{min-height:180px;} .flexslider-nar,.slider-newest{margin:0;} .flexslider-nar .slides li h2{height:32px;line-height:32px;} .breadcrumbs{margin: 0;padding:8px 5px !important;} .slider-text .slider-excerpt{display: none} .flex-control-nav{display: none;} .slider-text{padding:0;bottom: 0;} .slider-text h2{position: absolute;bottom: 0;margin:0;max-height: 36px;} .slider-text h2 a{display: block;text-align: center;line-height: 36px;background: rgba(0,0,0,0.6)} .bg-sitenews{padding:5px !important;margin:0} .btn{font-size:12px !important;} .postlist-meta-views{margin-left:10px;} #main-wrap-left .col{padding:0;} #main-wrap-left .span_1.col{} #main-wrap-left .span_1 a.fancyimg{width:120px;margin-right:10px;} .span_1_of_3, .span_1_of_4{width:100%;} #blocks-bar #main-wrap-left{padding: 0;} .span_1 .meta span,.span_1 .meta span a{margin-bottom:0 !important;font-size:11px !important;} .span_1 .home-blog-entry-text h3{height: 20px;margin-bottom: 5px;} .span_1 .home-blog-entry-text h3 a{font-size: 13px;line-height: 20px;font-weight: normal;} .span_1 .home-blog-entry-text{} .span_1 .home-blog-entry-text p{min-height:20px;max-height:40px;margin-top:5px;font-size:11px;} .span_1 .home-blog-entry-meta{padding: 8px 5px} .span_1 .home-blog-entry-meta .postlist-meta .postlist-meta-time{margin-left: -5px} #main-wrap-left .fancyimg span i{width: 50px;height: 50px;margin: -25px 0 0 -25px;padding: 9px;} #main-wrap-left .fancyimg span i:before{font-size: 32px;height: 32px;width: 32px;} #footer-nav-right{display:none;} #footer-copyright, #footer-nav-left a{font-size:10px !important;} #single-meta span, #single-meta span a{font-size:10px;float:none !important} .single-meta-comments{display:none} .sg-act .mark-like-btn{float:left} .sg-act .baidu-share a, .sg-act .mark-like-btn a{margin:5px 5px 0;} #bdshare .weixin-btn,#bdshare .weibo-btn,.more-btn .pc-text{display: none;} .more-btn .mobile-text{display:inline-block;} a.more-btn{margin-left: 0;} .sg-author-info .authordes{font-size: 10px;} .cms-bar .col-left.s4,.cms-bar .col-right.s4,.cms-bar .col-left.s3,.cms-bar .col-right.s3,.cms-bar .s1.left,.cms-bar .s1.right,.cms-bar .col-left.s2,.cms-bar .col-right.s2,.cms-bar .col-up.s6,.cms-bar #main-wrap-left .col.s5,.cms-bar .col-up.s0,.cms-bar .col-down.s0{padding-left:0;padding-right:0;width:100%;clear:both} .cms-bar #main-wrap-left .col-right.s2 .col-small a.fancyimg, .cms-bar #main-wrap-left .col-left.s3 .col-small a.fancyimg, .cms-bar #main-wrap-left .s1 .col-small a.fancyimg{margin-right:8px;} .cms-bar #main-wrap-left .col-right.s2 .col-small a.fancyimg img{height:auto;} .catlist_1_of_2{width:100%;clear:both} .catlist_1_of_2 .catlist-container{margin-left:0;margin-right:0} .cms-bar .col-up.s0,.cms-bar .col-down.s0{float:left} .cms-bar .col-left.s2 p{margin-bottom:10px;} .cms-bar .s5 .home-blog-entry p{height:auto;min-height:40px;max-height:80px;} p.comment-form-input-info{width: 100% !important;padding-right: 0;} #comt-smilie, #comt-format{margin-top:0} .commentlist li.comment ul.children,.commentlist .depth-3,.commentlist .depth-4,.commentlist .depth-5,.commentlist .depth-6{margin-left:0} .comments-main{font-size:11px;} .commentlist li .comment-body img.avatar{width:40px;height:40px;} .comment-main{margin-left:50px;padding:5px 25px 5px 5px;} .commentlist .comment-body p{margin-left:0;} .smiles{width:230px;} .sg-author-info{min-height:160px;} span#comments, span#comments_quote,.cms-bar .col-small h3 a{font-size: 13px;line-height: 20px} .contentcms-entry-text h3{font-size: 13px;line-height: 20px} .cms-bar .col-small h3,.contentcms-entry-text h3,.cms-bar .s5 .col-small h3{height: auto !important;max-height: 20px;line-height: 20px;margin-top:10px;margin-bottom: 10px;} .cms-bar .s5 .col-small h3{max-height:40px;} .cms-bar .home-small-entry-wrap .col-small{margin-bottom:10px} .cms-bar .col-small p{line-height: 20px;height: 40px;} .col-left.s4 .home-blog-entry p{margin-bottom:10px} .col-down.s6 .col-small,.cms-bar #main-wrap-left .col.s5{width:100%} .cms-bar #main-wrap-left .col-up.s6 a.fancyimg,#main-wrap-left .stickys-container.stickys-one-col a.fancyimg{width:100%;margin-right:0;float:none} .col-down.s6 .col-small{padding:0;float:none} .col-up.s0 a.fancyimg{border:0;padding:0} #author-page .archive .postlist-meta .postlist-meta-category{display:none} .cms-bar .home-blog-entry .thumb-img,.catlist-container-rand .thumb-img{max-height: 240px;} .cms-bar .home-blog-entry .thumb-img img,.catlist-container-rand .thumb-img img{margin-top:-30px} #footer-copyright,#footer-copyright a{font-size: 10px !important;letter-spacing: 0;} .catlist-container .home-blog-entry h3{margin-top:10px;} .latest-container article h3 .date,.latest-container article h3 .views,.latest-container article h3 .comments,#footer-wrap{display:none;} .latest-container article h3{padding-right:0;max-height:40px !important;} .shop .product .preview .view, .shop .product .preview .share{overflow: visible;} .shop .product .property .buygroup{text-align: center;} .sub-billboard{height: 200px;} .billboard .wrapper{height:150px;} .shop-item{border-width:5px;} #sidebar .widget > h3, #sidebar .floatwidget h3, .multi-border-hl, #ft-wg-sr .widget > h3,.tin-tabs-nav li a{font-size:13px;} .widget,.widget a,.tin-tab .tab-item-comment a,.tin-tab .tab-item-date, .tin-tab .tab-item-name, .tin-posts .post-item-date,.tin-tab .tab-item-category, .tin-tab .tab-item-category a, .tin-posts .post-item-category, .tin-posts .post-item-category a{font-size:11px;} input{color:#000;} body.page #guide .group ul li{width:50%;} .home .stickys .col-small p{line-height: 20px;height: 60px;} #main-wrap-left .stickys-container a.fancyimg{margin-bottom: 10px !important;} .fancyimg span,.fancyimg:hover span{transform:none !important;display:none !important;} #focus-slide,#nav-scroll.tofix,.header-wrap,.prettyprint.linenums,.live-online img,.live-online img:hover,#order #pay ul input,.shop .area,.shop-item,.tinalert,.btn{box-shadow:none !important;} #order{position:absolute;top:0;} #captcha_inline input.submit{width:75px;} #blocks-bar .span_1_of_3 article{border:0;margin-left:0;margin-right:0;} } @media screen and (max-width: 480px) and (min-width:321px){ .cms-bar .s0 .thumb-img{height:auto} .cms-bar .s0 .thumb-img img{margin-top:0} } @media screen and (max-width: 320px){ .flexslider .slides{max-height:180px;} .flex-control-nav li{margin:0} .flex-control-paging li a{-webkit-transform: scale(0.5);transform: scale(0.5);} .span_1 .thumb-img{height: 150px;} .span_1 .thumb-img img{margin-top:-28px} #main-wrap-left .span_1 a.fancyimg{width: 100%;position: relative;margin:0 0 10px 0;float:none;} .span_1 .home-blog-entry-text h3{height:auto;max-height: none;margin-bottom: 5px} .span_1 .home-blog-entry-text h3 a{font-size: 13px;line-height: 25px} .span_1 .home-blog-entry-text p{min-height: 0;max-height: none;font-size:14px;margin-top: 10px;} .span_1 .home-blog-entry-text{padding: 0;} .span_1_of_4 .postlist-meta-time i{display:none;} .home-small-entry .postlist-meta{padding-left:5px;padding-right:10px;} .thumb-top-img,.single-meta-edit{display:none !important;} .cms-bar .col-small{margin:0 0 10px} .col-up.s0 a.fancyimg{width:100% !important;float:none !important} #footer-links-icons{display:none;} .col-up.s0 h3,.col-right.s3 h3,.col-left.s2 h3{max-height: 40px;margin-top: 5px;line-height: 20px;overflow: hidden;} .cms-bar .home-blog-entry .thumb-img,.catlist-container-rand .thumb-img{height: 150px;} .cms-bar.home-blog-entry .thumb-img img,.catlist-container-rand .thumb-img img{margin-top:-25px} .stickys-container.stickys-two-col article{width:100%;padding:0 !important} #main-wrap-left .stickys-container.stickys-two-col .inner{padding:0;} #main-wrap-left .stickys-container.stickys-two-col a.fancyimg .thumb-img{height:150px;} #main-wrap-left .stickys-container.stickys-two-col a.fancyimg .thumb-img img{margin-top:-20px;} .home .stickys .col-small p{height:auto;} .shop .product .nav li a{padding: 0 12px;} #sign{width:300px;margin-left:-150px;} #sign .part{min-height:250px;height:auto;padding:12px;} #sign form h3{font-size:14px;} #sign form .close{width:36px;height:36px;line-height:36px;right:16px;} .other-sign .3-col a{padding:6px;} .live-online ul li{width:100%;} }