/* Website Url:https://themes.muziang.com/index.php */ *{-webkit-tap-highlight-color:transparent;} article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;} div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;} body{background-color:#fff;color:#333;font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";overflow-x:hidden;width:100%;/*设置宽度*/} table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;box-sizing:border-box;} table th{background-color:#f8f8f8;text-align:center;box-sizing:border-box;} table td,table th{padding:10px;border:1px solid #ddd;box-sizing:border-box;} button,select,input,textarea{background:none;border:none;border-radius:0;-webkit-border-radius:0;color:#333;outline:none;-webkit-appearance:none; font-family: inherit; font-size:1em;} input:focus{outline:none;} textarea{resize:none;} a{text-decoration:none;outline:none;color:#333;} a:focus{outline:none;-moz-outline:none;} a:hover{color:#202340;} a img{border:none;} img{vertical-align:middle;} li{list-style:none;} /*rows*/ [class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} .rows_1{line-clamp:1;-webkit-line-clamp:1;} .rows_2{line-clamp:2;-webkit-line-clamp:2;} .rows_3{line-clamp:3;-webkit-line-clamp:3;} .rows_4{line-clamp:4;-webkit-line-clamp:4;} .rows_5{line-clamp:5;-webkit-line-clamp:5;} /*-mCustomScrollbar-*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;} .mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;} .mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;} .mCSB_container{overflow:hidden;width:auto;height:auto;} .mCSB_inside > .mCSB_container{margin-right:30px;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;} /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;} .mCSB_outside + .mCSB_scrollTools{right:-26px;} /* scrollbar position:outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0;} .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;} .mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;} .mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;} .mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;} .mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;} .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools .mCSB_buttonDown{bottom:0;} .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px;} .mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;} .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0;} .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;} /* scrollbar position:outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;\margin:4px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;} .mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;} .mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;} /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;} /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;} /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;} /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0;margin-left:30px;} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0;} /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} /* TRANSITIONS ---*/ .mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;} .mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";} .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";} .mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)";} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png);/* css sprites */background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;} .mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;} .mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;} .mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;} .mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} /* ---------------------------------------- */ /*全局样式*/ .clear{clear:both;height:0px;overflow:hidden;} .thumbnail{position:relative;overflow:hidden;} .thumbnail a{display:block;position:relative;overflow:hidden;padding-bottom:100%;} .thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s;} .postbottom{margin-bottom:15px;margin-left:80px;font-size:14px;} /*404页面*/ .error{margin-top:15%;} .error .title{font-size:36px;font-weight:normal;text-align:center;line-height:1.35em;margin-bottom:3.5%;} .error .warning{text-align:center;font-size:28px;line-height:1.75em;} /**/ .gg{overflow:hidden;margin-bottom:3%;} .gg a{display:block;} .gg img{display:block;width:100%;height:auto;} /*全站头部*/ .header{background-color:#202340;position:fixed;left:0;top:0;height:100%;width:220px;z-index:8;} /*logo*/ .logo{padding:10px 20px;border-bottom:1px solid #393d5d;} .logo a{display:block;overflow:hidden;background:no-repeat center center;background-size:contain;position: relative; padding-bottom: 27.778%;} .logo i {display: block; overflow: hidden; text-indent: -99999em;position: absolute;left:0; top:0; width: 100%; height: 100%;} /*nav*/ .nav{padding:20px 0;} .nav li{color:#fff;font-size:16px;position:relative;} .nav li a{display:block;line-height:50px;color:#fff;position:relative;padding:0 20px;} .nav li a:hover{background-color:#393d5d;} .nav li li a{text-indent:1.5em;} .nav li ul{display:none;} .nav li em{display:block;position:absolute;top:0;right:0;height:50px;width:50px;} .nav li em:after{content:'';display:block;width:5px;height:5px;border-right:1px solid #fff;border-bottom:1px solid #fff;position:absolute;left:50%;top:50%;transform:rotate(-45deg);margin:-3.5px 0 0 -4px;transition:all .3s;} .nav li.on em:after{transform:rotate(45deg);} .nav .mCSB_scrollTools{width:4px;} .nav .mCSB_inside > .mCSB_container{margin-right:2px;} /*顶部搜索*/ .searchForm{position:relative;background-color:#f8f8f8;margin-bottom:2%;padding-right:50px;border-radius:5px;overflow:hidden;} .searchForm .text{color:#333;height:24px;line-height:24px;width:96%;padding:10px 2%;-webkit-appearance:none;font-size:14px;} .searchForm .submit{display:block;position:absolute;top:0;right:0;background:#202340 url(images/icon_search.png) no-repeat center center;background-size:50%;width:50px;height:100%;cursor:pointer;font-size:18px;color:#999;text-align:center;-webkit-appearance:none;appearance:none;} /*wrapper*/ .wrapper{margin-left:220px;padding:20px 30px;overflow:hidden; background: no-repeat center top; background-size: cover;} /*轮播图*/ .slides{border-radius:5px;overflow:hidden;margin-bottom:3%;} .slides .item{background:no-repeat center center;background-size:cover;padding-bottom:34.375%;position:relative;} .slides .item a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999em;} .slides .owl-dots{position:absolute;left:50%;bottom:5%;font-size:0;line-height:normal;transform:translateX(-50%);} .slides .owl-dots button{display:inline-block;margin:0 5px;} .slides .owl-dots span{display:block;width:20px;height:4px;background-color:#fff;} .slides .owl-dots .active span{background-color:#202340;} .slides .load{padding-bottom:34.375%;background-color:#f9f9f9;position:relative;} .slides .load span{display:block;position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);font-size:36px;line-height:1.125em;color:#999;text-align:center;} /*热门标签*/ .topTags{margin-bottom:3%;} .topTags h3{font-size:14px;line-height:1.75em;margin-bottom:10px;} .topTags ul{overflow:hidden;} .topTags li{float:left;font-size:12px;line-height:24px;padding:0 5px 5px 0;} .topTags li a{color:#202340;border:1px solid #e4e4e4;display:block;border-radius:12px;padding:0 10px;} .topTags li a:hover{color:#fff;background-color:#202340;border-color:#202340;} /*全站底部*/ .footer{clear:both;text-transform:uppercase;font-size:14px;line-height:1.75em;} .footer a{color:#333;display:inline-block;} .footer a:hover{opacity:.85;} .copyright,.copyright a{color:#555;} .copyright img{display:inline-block;width:auto;height:20px;vertical-align:middle;margin-top:-3px;} /*links*/ .links ul{overflow:hidden;} .links li{float:left;padding-right:31px;line-height:30px;position:relative;} .links li:first-child{padding-right:0;} .links li:after{content:'';display:block;width:1px;height:14px;background-color:#ccc;position:absolute;right:15px;top:50%;margin-top:-7px;} .links li:first-child:after,.links li:last-child:after{display:none;} /*首页*/ .hmTitle{overflow:hidden;margin-bottom:1.3%;position:relative;} .hmTitle h2{font-size:16px;color:#333;position:relative;padding-left:15px;} .hmTitle h2:before{display:block;content:'';position:absolute;left:0;width:5px;height:14px;border-radius:2.5px;background-color:#202340;top:50%;margin-top:-7px;} .hmTitle span{position:absolute;right:0;top:50%;transform:translateY(-50%);text-transform:uppercase;color:#999;font-size:14px;} .hmTitle span a{display:block;background-color:#202340;color:#fff;padding:0 10px;border-radius:3px;line-height:1.75em;font-size:13px;} .hmTitle span a:after{display:inline-block;content:'>';margin-left:3px;} .hmTitle span a:hover{opacity:.75;} .appBox{margin-bottom:1.5%;} .appBox .inner{overflow:hidden;} .appBox ul{overflow:hidden;width:102%;} .appBox li{float:left;width:10.5%;padding-right:2%;padding-bottom:1%;} .appBox li a{display:block;overflow:hidden;} .appBox li .top{display:block;overflow:hidden;padding:8%;border:1px solid #e5e5e5;border-radius:10px;position:relative;margin-bottom:5px;} .appBox li .icon{padding-bottom:100%;position:relative;overflow:hidden;border-radius:10px;} .appBox li .icon img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;} .appBox li span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(83,191,29,.15);opacity:0;transition:opacity .2s;} .appBox li i{display:block;position:absolute;left:50%;top:50%;margin:-12px 0 0 -2.5em;font-size:12px;width:5em;line-height:24px;background-color:rgba(83,191,29,.85);z-index:2;color:#fff;border-radius:4px;font-style:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .appBox li h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.875em;font-weight:normal;padding:0 5px;} .appBox li a:hover span{opacity:1;} .appBox li h2 strong {color:#f00;} /*appList*/ .appList{margin-bottom:5%;overflow:hidden;} .appList ul{margin-bottom:5%;} /*hmnews*/ .hmnews{overflow:hidden;margin-bottom:3%;} .hmnews .thumbnail{margin-bottom:5px;} .hmnews .thumbnail a{padding-bottom:75%;} .hmnews h3{font-size:14px;font-weight:normal;line-height:1.75em;height:3.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .hmnews .owl-nav button{display:block;position:absolute;top:50%;z-index:2;transform:translateY(-50%);margin-top:-30px;} .hmnews .owl-nav span{display:block;width:25px;height:30px;background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.6);font-size:22px;text-align:center;line-height:28px;} .hmnews .owl-nav span:hover{color:#fff;background-color:#000;} .hmnews .owl-prev{left:0;} .hmnews .owl-next{right:0;} .hmnews .owl-dots{font-size:0;line-height:normal;text-align:center;margin-top:3.5%;} .hmnews .owl-dot{display:inline-block;margin:0 5px;} .hmnews .owl-dot span{display:block;width:8px;height:8px;border-radius:50%;background-color:#eee;} .hmnews .active span{background-color:#202340;} .hmnews .load{padding-bottom:18.238%;clear:both;overflow:hidden;} .hmnews .item:hover img{transform:scale(1.1);} /*breadcrumb*/ .breadcrumb{font-size:14px;color:#555;background:url(images/icon_home.png) no-repeat left 6.5px;background-size:auto 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px;padding-left:22px;} .breadcrumb a{color:#555;} .breadcrumb em{font-style:normal;font-family:'Simsun';margin:0 3px;} /*post*/ .post{overflow:hidden;} .post .title{font-size:20px;color:#333;line-height:1.5em;font-weight:normal;margin-bottom:25px;text-align:center;} .post .meta{overflow:hidden;font-size:0;line-height:normal;text-align:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:30px;} .post .meta a{color:#888;} .post .meta span{display:inline-block;font-size:12px;line-height:1.75em;color:#888;padding:0 8px;} /*appItem*/ .appItem{overflow:hidden;} .appItem .top{margin-bottom:2.5%;position:relative;} .appItem .left{float:left;width:100px;padding:8px;border:1px solid #e4e4e4;border-radius:5px;background-color:#fff;} .appItem .icon{padding-bottom:100%;position:relative;overflow:hidden;border-radius:5px;} .appItem .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;} .appItem .right{margin-left:140px;margin-right:150px;overflow:hidden;} .appItem .title{font-size:20px;color:#333;line-height:1.5em;font-weight:normal;margin-bottom:10px;} .appItem .meta{overflow:hidden;} .appItem .meta a{color:#666;margin-right:5px;} .appItem .meta span{display:block;font-size:14px;line-height:2em;color:#666;padding:2px 5% 2px 0;float:left;min-width:15%;} .appItem .meta .tag{clear:both;max-width:none;min-width:0;} .appItem .meta .tag a{margin-right:15px;} .appItem .download{width:130px;position:absolute;top:0;right:0;} .appItem .download a{display:block;font-size:14px;color:#fff;border-radius:3px;height:37px;background-color:#59c55b;text-align:center;line-height:37px;} .appItem .download a:hover{opacity:.85;} .appItem .android{position:relative;} .appItem .iphone{margin-top:10px;position:relative;} .appItem .iphone a{background-color:#237ded;} .appItem .download .qr{position:absolute;left:50%;top:130%;background-color:#fff;border-radius:5px;border:1px solid #e5e5e5;padding:5px;width:110px;margin-left:-61px;z-index:3;display:none;} .appItem .download .qr:after{content:'';display:block;background-color:#fff;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;transform:rotate(-45deg);position:absolute;left:50%;top:-7px;margin-left:-3.5px;width:10px;height:10px;} .appItem .download .qr img{display:block;width:100%;height:auto;position:relative;z-index:2;} /*bloglist*/ .bloglist{overflow:hidden;margin-bottom:3.5%;} .blogitem{overflow:hidden;margin-bottom:30px;} .blogitem .thumbnail{float:left;width:280px;} .blogitem .thumbnail img{transition:all .3s;height:auto;min-height:100%;} .blogitem .thumbnail a{padding-bottom:75%;} .blogitem .thumbnail a:hover img{transform:scale(1.1);} .blogitem .thumbnail span{display:block;width:1em;line-height:1.25em;background-color:#f60;color:#fff;position:absolute;left:10px;top:0;border-radius:0 0 3px 3px;font-size:12px;padding:5px;} .blogitem .info{margin-left:300px;overflow:hidden;padding:4px 0;} .blogitem h2{font-weight:normal;font-size:22px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;} .blogitem h2 a{color:#333;} .blogitem h2 a:hover,.blogitem .meta a:hover{color:#202340;} .blogitem .excerpt{font-size:16px;line-height:1.875em;height:7.5em;color:#666;margin-bottom:10px;} .blogitem .meta{color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;} .blogitem .meta a{color:#888;} .blogitem .meta span{position:relative;padding-right:15px;padding-left:12px;} .blogitem .meta span:before{width:6px;height:6px;border-radius:50%;background-color:#ddd;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-3px;} .blogitem .meta span:last-child{padding-right:0;} /*内页分页*/ .pagenavi{font-size:14px;text-align:center;} .pagenavi a,.pagenavi span.now-page{display:inline-block;color:#999;background-color:#fff;margin:0.14em;height:2em;line-height:2em;padding:0 0.2em;border-radius:0.2em;box-sizing: border-box; min-width: 2em;vertical-align: middle;} .pagenavi a:hover,.pagenavi span.now-page{background-color:#999;color:#fff;} /*详情页*/ .details .title{font-size:32px;text-align:center;line-height:1.35em;margin-bottom:2.43%;font-weight:normal;} .details .meta{text-align:center;font-size:0;line-height:normal;border-bottom:1px solid #eee;padding-bottom:1.5%;margin-bottom:2.43%;} .details .meta span{font-size:14px;color:#888;padding:0 15px;} .details .meta a{color:#888;} /*详情内容*/ .entry{color:#333;margin-bottom:2.5%;word-break:break-all;} .entry * {line-height:1.75em;} .entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:1.5%;} .entry ul,.entry ol{margin-bottom:1.5%;padding-left:1em;margin-left:2em;} .entry img,.entry video{max-width:100%;height:auto!important;} .entry ul li{list-style:outside disc none;} .entry ol li{list-style:outside decimal none;} .entry blockquote{margin:0 2em 1.5%;padding:1.5% 1.5% 0;font-style:italic;overflow:hidden;color:#555;border:1px dashed #eee;background-color:#f9f9f9;border-radius:3px;} .entry hr{border:none;border-bottom:1px solid #999;margin-bottom:1.5%;} .entry li p{margin-bottom:0;} /*postnavi*/ #postnavi{font-weight:bold;font-size:14px;line-height:1.75em;overflow:hidden;margin-bottom:2.5%;} #postnavi .prev,#postnavi .next{width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #postnavi .prev{float:left;} #postnavi .next{float:right;text-align:right;} /*详情模块标题*/ .boxtitle{font-size:18px;margin-bottom:15px;line-height:1.35em;position:relative;padding-left:15px;} .boxtitle:before{width:5px;height:14px;border-radius:2.5px;background-color:#202340;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;} /*相关推荐*/ .related{margin-bottom:2.43%;} .related ul{width:102%;overflow:hidden;} .related li{width:10.5%;float:left;padding-right:2%;padding-bottom:1%;} .related li .icon{padding:8%;border:1px solid #e4e4e4;border-radius:5px;margin-bottom:5px;} .related li .icon a{display:block;padding-bottom:100%;position:relative;border-radius:5px;overflow:hidden;} .related li .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5px;} .related li h3{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;text-align:center;} /*评论留言*/ .commentlist{overflow:hidden;margin-bottom:2.43%;} .commentlist li{overflow:hidden;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;} .commentlist .avatar{float:left;width:60px;height:60px;border-radius:5px;overflow:hidden;} .commentlist .avatar img{display:block;width:100%;height:100%;} .commentlist .info{margin-left:80px;overflow:hidden;} .commentlist .name{font-size:16px;font-weight:bold;line-height:1.35em;color:#333;} .commentlist time{display:block;color:#999;font-size:12px;line-height:1.5em;} .commentlist .replay{font-size:12px;font-weight:bold;color:#000;} .commentlist .text{padding:5px 0;font-size:16px;color:#555;} .commentlist li li{margin:2.43% 0 0 2%;padding-bottom:0;border-bottom:none;} /*评论框*/ #comment .item{overflow:hidden;margin-bottom:15px;position:relative;} #comment label{display:block;float:left;height:40px;line-height:40px;font-size:16px;} #comment label i{font-style:normal;color:#f00;} #comment .input{margin-left:80px;overflow:hidden;border:1px solid #e4e4e4;border-radius:5px;} #comment .text,#comment textarea{width:98%;height:20px;line-height:normal;padding:10px 1%;font-size:16px;font-family:'Microsoft Yahei';-webkit-appearance:none;} #comment textarea{height:150px;resize:none;} #comment .submit{float:right;color:#fff;background-color:#555;border-radius:5px;height:45px;width:150px;font-size:16px;cursor:pointer;} #comment .submit:hover{opacity:.9;} #comment .verify{position:relative;} #comment .verify .input{margin-right:126px;} #comment .verify img{display:block;position:absolute;right:0;top:0;height:100%;width:auto;cursor:pointer;border-radius:2px;} /*两栏*/ .main{margin-right:250px;overflow:hidden;margin-bottom:3.5%;} .sidebar{width:220px;float:right;} .widget{margin-bottom:10%;overflow:hidden;} .widget h3{font-weight:normal;font-size:18px;line-height:1.125em;margin-bottom:6%;position:relative;padding-left:15px;} .widget h3:before{width:5px;height:14px;border-radius:2.5px;background-color:#202340;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;} .widget li{overflow:hidden;} .widget li{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;padding-left:15px;line-height:30px;} .widget li:before{content:'';display:block;width:6px;height:6px;background-color:#aaa;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-3px;} .divSearchPanel input[type='text']{height:24px;line-height:24px;padding:5px 3%;border:1px solid #e4e4e4;width:94%;} .divSearchPanel input[type='submit']{color:#fff;position:absolute;right:0;top:0;height:100%;width:40px;background-color:#202340;cursor:pointer;} .divSearchPanel form{position:relative;padding-right:40px;overflow:hidden;} .divApps li{padding:8px 0;} .divApps li:before{display:none;} .divApps .icon{float:left;width:55px;} .divApps .icon a{display:block;padding-bottom:100%;position:relative;border-radius:10px;overflow:hidden;} .divApps .icon img{display:block;position:absolute;right:0;top:0;height:100%;width:100%;} .divApps .info{overflow:hidden;margin-left:65px;} .divApps h4{font-size:16px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;} .divApps p{font-size:12px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:hidden;color:#999;} /*divTags*/ .divTags li{float:left;padding:1% 2% 1% 0;} .divTags li:before{background-color:#fff;z-index:2;} .divTags li a{display:block;background-color:#f9f9f9;border-radius:0px;padding:0 10px;color:#fff;font-size:12px;border-radius:3px;} .divTags li a:hover{opacity:.8;} .divTags li:nth-child(8n-7) a{background-color:#8A9B0F;} .divTags li:nth-child(8n-6) a{background-color:#EB6841;} .divTags li:nth-child(8n-5) a{background-color:#3FB8AF;} .divTags li:nth-child(8n-4) a{background-color:#FE4365;} .divTags li:nth-child(8n-3) a{background-color:#FC9D9A;} .divTags li:nth-child(8n-2) a{background-color:#EDC951;} .divTags li:nth-child(8n-1) a{background-color:#C8C8A9;} .divTags li:nth-child(8n) a{background-color:#83AF9B;} .divTags li:first-child a{background-color:#E1474D;} .divTags li:last-child a{background-color:#3299BB;} .tags{font-size:16px;line-height:1.75em;color:#000;margin-bottom:2.43%;} .tags span{font-weight:bold;} .tags a{color:#f00;margin-right:10px;} .tags a:hover{text-decoration:underline;} /*相关推荐*/ .relatedpost{margin-bottom:2.43%;} .relatedpost ul{width:102%;overflow:hidden;} .relatedpost li{width:14.66%;float:left;padding-right:2%;padding-bottom:1%;} .relatedpost li .thumbnail{margin-bottom:5px;} .relatedpost li .thumbnail a{padding-bottom:75%;} .relatedpost li h3{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;text-align:center;} @media only screen and (max-width:1280px){ .header{width:200px;} .wrapper{margin-left:200px;} .sidebar{width:190px;} .main{margin-right:220px;} .post .title{font-size:18px;margin-bottom:3.247%;} .post .meta{margin-bottom:3.897%;} .appBox li{width:14.66%;} .appItem .download{width:100px;} .appItem .download a{font-size:12px;height:30px;line-height:30px;} .appItem .right{margin-right:120px;} .appItem .title{font-size:18px;} .breadcrumb{margin-bottom:10px;} .blogitem{margin-bottom:20px;} .blogitem .thumbnail{width:200px;} .blogitem .info{margin-left:220px;} .blogitem h2{font-size:18px;line-height:1.125em;} .blogitem .excerpt{line-height:1.75em;height:5.25em;margin-bottom:5px;-webkit-line-clamp: 3;} } @media only screen and (max-width:1024px){ .nav{position:fixed;right:-210px;top:60px;height:100%;width:210px;background-color:#202340;overflow-y:auto;transition:right .3s;-webkit-overflow-scrolling:touch;border-top:1px solid #393d5d;} .nav.open{right:0;} .nav ul{padding-bottom:80px;} .nav li a{line-height:24px;padding:10px 1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .nav li a:hover{background-color:transparent;} .nav li ul{padding-bottom:0;} .wrapper{margin-left:0;width:93.75%;padding:2.5% 3.125% 1%;} .hmnews .load{padding-bottom:36.216%;} .appItem .left{width:85px;padding:5px;} .appItem .right{margin-left:110px;} .appItem .title{margin-bottom:5px;} .appItem .meta span{font-size:12px;} /*1024px*/ .header{width:93.75%;padding:0 3.125%; position: sticky; top:0; display: flex; align-items: center; justify-content: space-between;} /*1024px*/ .logo{padding:10px 0;border-bottom:none;width:144px;} /*1024px*/ .navBtn{width:25px;position:relative;height:30px;padding:16px 0 14px;cursor:pointer;} .navBtn span{display:block;width:100%;height:2px;background-color:#fff;position:absolute;top:50%;left:0;margin-top:-1px;} .navBtn span:before,.navBtn span:after{content:'';display:block;width:100%;height:2px;background-color:#fff;position:absolute;left:0;top:-9px;transition:transform .3s;transition:transform .3s;} .navBtn span:after{top:auto;bottom:-8px;} .navBtn.open span{height:0;} .navBtn.open span:before{transform:rotate(45deg);top:0;} .navBtn.open span:after{transform:rotate(-45deg);bottom:auto;top:0;} } @media only screen and (max-width:960px){ .sidebar{width:180px;} .main{margin-right:200px;} .blogitem .thumbnail{width:180px;} .blogitem .info{margin-left:200px;padding:0;} .blogitem h2{margin-bottom:8px;} .blogitem .excerpt{font-size:14px;} /*960px首页*/ .hmtitle .title{font-size:22px;} /*960px详情页*/ .details .title{font-size:24px;} } @media only screen and (max-width:768px){ .navBtn{padding:11px 0 9px;} .nav{top:50px;width:200px;right:-200px;} .sidebar{display:none;} .main{margin-right:0;margin-bottom:2%;} .blogitem .thumbnail{width:110px;} .blogitem .info{margin-left:120px;} .blogitem h2{font-size:16px;white-space:normal;line-height:1.75em;max-height:3.5em;margin-bottom:0;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;} .blogitem .excerpt{height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0; display: block;} .blogitem .meta{display:none;} .footer{font-size:12px;line-height:1.5em;text-align:center;} .links{margin-bottom:5px;} .links ul{font-size:0;line-height:normal;text-align:center;} .links li{display:inline-block;float:none;font-size:12px;line-height:1.5em;padding:0 5px;} .links li:after{display:none;} .slides .owl-dots{bottom:15px;} .searchForm{margin-bottom:3%;} .searchForm .text{padding:7px 0;text-indent:1em;width:100%;} .searchForm .submit{background-size:35%;width:45px;} .topTags h3{margin-bottom:5px;} .hmTitle h2{font-size:14px;} .hmTitle span{font-size:12px;} .appBox li{width:23%;} .appBox li .top{border-radius:5px;margin-bottom:2px;} .appBox li .icon{border-radius:5px;} .related li{width:23%;} /*768px*/ .logo{padding:5px 0;} /*768px详情页*/ .post .title{margin-bottom:2.5%;} .post .meta{padding-bottom:5px;} .tags{font-size:14px;} .relatedpost ul{width:103%;} .relatedpost li{width:31%;} /*768px详情页*/ .details .title{font-size:20px;margin-bottom:15px;} .details .meta{padding-bottom:10px;margin-bottom:20px;} /*768px详情内容*/ .entry{font-size:14px;} .entry blockquote{margin-bottom:2.43%;padding:10px 10px 0 15px;} .breadcrumb{margin-bottom:5px;} /*768px评论留言*/ .commentlist{margin-bottom:20px;} .commentlist li{margin-bottom:15px;padding-bottom:10px;} .commentlist .avatar{width:30px;height:30px;} .commentlist .info{margin-left:40px;} .commentlist .name{font-size:14px;margin-bottom:5px;} .commentlist .replay a{color:#999;} .commentlist .text{font-size:14px;line-height:1.75em;padding:0;} .commentlist li li{margin-top:15px;} /*768px评论框*/ #comment .item{margin-bottom:10px;} #comment label{font-size:14px;height:auto;line-height:1.5em;float:none;margin-bottom:3px;} #comment .input{margin-left:0;} #comment .text,#comment textarea{padding:7.5px 2%;width:96%;font-size:14px;} #comment textarea{height:90px;} #comment .submit{font-size:14px;height:37px;width:100px;} #comment .verify .input{margin-right:111px;} #comment .verify img{height:36px;width:auto;top:auto;bottom:0;} /*768px404页面*/ .error .title{font-size:24px;margin-bottom:15px;} .error .warning{font-size:20px;margin-bottom:25px;padding-bottom:25px;} /*768px两栏*/ .widget{margin-bottom:15px;} .widget h3{font-size:16px;padding-left:10px;font-weight:bold;margin-bottom:10px;} .widget li{font-size:14px;} .divApps li{padding:5px 0;} .appItem .top{margin-bottom:15px;} .appItem .left{width:50px;padding:5px;} .appItem .right{margin-left:70px;margin-right:0;} .appItem .title{font-size:16px;} .appItem .meta{margin-bottom:5px;} .appItem .meta span{padding-top:0;padding-bottom:0;line-height:1.875em;} .appItem .download{position:static;right:auto;top:auto;margin-left:70px;width:auto;} .appItem .download .android{float:left;} .appItem .iphone{margin-top:0;padding-left:10px;float:left;} .appItem .download a{font-size:12px;height:26px;line-height:26px;padding:0 10px;} .boxtitle{font-size:16px;margin-bottom:10px;} .postbottom{margin-left:0;margin-bottom:5px;} .hmnews h3{font-size:12px;line-height:1.5em;height:3em;} /*768px*/ #postnavi{font-weight:normal;line-height:2em;} #postnavi .prev,#postnavi .next{float:none;width:auto;text-align:left;} }