@charset "utf-8"; /* CSS Document */ /*来源:LeafCMS*/ /*全局*/ html{overflow-x:auto;overflow-y:auto;} * {padding:0;margin:0;outline:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} ul,ol,li {list-style-type:none;} body{background:#eef0f4;} body,button,input,select,textarea {font-family:'NotoSansHans',Arial;font-size:12px;color:#666;} code,kbd,pre,samp {font-family:'NotoSansHans',Arial;} a{text-decoration:none;color:#666;cursor:pointer;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} a:hover{color:#18bc9c;} img {border:0;} li {line-height:normal;} table {border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6 {margin:0;font-weight:normal;font-family:'NotoSansHans',Arial;} input,table,tr,td {margin:0;padding:0;border:none;} button,table {border:none;background:none;margin:0;padding:0;} body {position:relative;float:left;width:100%;overflow:hidden;} select {margin:0;padding:0;font-family:'NotoSansHans',Arial;border:none;} textarea {resize:none;outline:none;} label {margin-bottom:0;font-weight:normal;} input,select,textarea {margin:0;padding:0;border:0;outline:none;-moz-border-radius:0px;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;} .fl{float:left;} .fr{float:right;} .elli{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mr15{margin-right:15px;} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .mb10{margin-bottom:10px;} .pl10{padding-left:10px;} .pr5{padding-right:5px;} .leafcms_fixed{position:fixed;z-index:99999;width:100%;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);box-shadow: 0 3px 16px 0 rgba(0,0,0,.08);} .leafcms_header{display:block;height:120px;position:relative;left:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:99999} .leafcms_banner{float:left;width:100%;position:relative;} .leafcms_main{float:left;width:100%;height:auto;} .leafcms_footer{float:left;width:100%;border-top:solid 1px #ececec;background: rgba(255,255,255,.8);} .bg_7color{width:100%; height:7px; background:url(../images/footer_bg1.jpg) top center no-repeat; overflow:hidden;} /*.bg_copyright{border-top:solid 1px #ececec;}*/ .bg_topbar{border-bottom:1px solid #eee;} .bg_menu{background:#18bc9c;box-shadow:2px 2px 4px #ccc;} .bg_gray{background:#f5f5f5;} .flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} #mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:899;display:none;} @media screen and (max-width:767px){ .leafcms_header{height:60px;} } /*Bootstrap3.4.1重置*/ a:hover,a:focus{color:#18bc9c;text-decoration:none;} ul, ol {margin-bottom:0; } .container { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width:768px){ .container{width:768px;} } @media (min-width:992px){ .container{width:992px;} } @media (min-width:1200px){ .container{width:1200px;} } @media (min-width:1920px){ .container{width:1400px;} } .container-fluid{padding-right:0;padding-left:0;} /*Bootstrap3.4.1重置*/ /*头部*/ .topbar{width:100%;height:38px;line-height:38px;font-size:13px;} .welcome{float:left;} .topnav{float:right;} .topnav ul li{float:left;line-height:38px;padding:0px 10px;background:url(../images/line-y.png) no-repeat right center;} .topnav ul li:last-child{background:none;padding-right:0;} .logo {float:left;height:50px;text-align:left;margin:15px 0;} .logo img{width:auto;height:50px;} .menu{float:left;margin-left:30px;} .menu li{margin-left:6px;float:left;} .menu li>a{display:block;font-size:15px;line-height:80px;padding:0 10px;position:relative;} .menu li .arr{float:right;height:40px;width:40px;position:relative;display:none;} .menu li .arr:after{content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(225deg);transform:rotate(225deg);right:10px;} .menu li.dropdown{position:relative;} .menu .dropdown-box{position:absolute;left:0;min-width:100%;top:100%;display:none;z-index:10;text-align:center;background: rgba(255,255,255,.8);box-shadow:0px 8px 20px 0px rgba(0,0,0,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1);} .menu .dropdown-box p{margin:0;} .menu .dropdown-box a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;display:block;line-height:35px;} .menu li.active>a, .menu li.open>a, .menu li>a:hover{color:#18bc9c;} .menu li.open>a:after, .menu li>a:hover:after{width:100%;left:0;} .menu li.open .dropdown-box{display:block;} .menu li.open .dropdown-box a:hover{color:#18bc9c;} .menu-btn{display:none;padding:18px 0;} .menu-btn:before, .menu-btn:after, .menu-btn span{display:block;height:2px;background-color:#18bc9c;content:'';} .menu-btn:before{width:24px;} .menu-btn:after{width:18px;margin-left:6px;} .menu-btn span{width:12px;margin:8px 0 8px 12px;} .search {margin:24px 0;position: relative;} .search .seachtext {border: none;width: 185px;height: 32px;line-height: 32px;background: #f4f4f4;border-radius:3px;color: #a8a8a8;text-indent:8px;} .search .SearchBtn{display: block;position: absolute;z-index: 10;width: 16px;height: 16px;cursor: pointer;right: 12px;top: 8px;color: #6b6b6b;} .search .SearchBtn svg{width:16px;height:16px} .login-user{margin:24px 10px;} .login-user .login-ico{background:#9ae4d2;border-radius:50%;padding:4px;width:32px;height:32px;cursor:pointer;display:inline-block} .login-user .login-ico .icon{width:24px;height:24px;color:#fff;} .login-user .login-ico:hover{background:#18bc9c;} .login-user .user-ico{display:inline-block;border-radius:50%;position:relative;} .login-user .user-ico img{width:32px;height:32px;border-radius:50%;} .login-user .user-ico:hover .pop-up{display:block} .pop-up{width:284px;height:auto;right:-10px;position:absolute;top:32px;display:none;z-index:9999;} /*.pop-up a{font-size:14px;font-weight:500}*/ .pop-up .box{float:left;width:100%;height:auto;padding:15px;right:0;background:#fff;border:1px solid #eee;border-radius:6px;position:relative;top:10px;overflow: hidden;} .pop-up:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #eee;position:absolute;top:-5px;right:22px;transform: rotate(90deg);z-index:9999;} .pop-up:after{content: ''; display: inline-block; border-top:11px solid transparent; border-bottom:11px solid transparent; border-right:11px solid #fbfdfb; position: absolute;top:-3px;right:21px;transform: rotate(90deg);z-index:9999;} .pop-up .box .pop-user-info{float:left;width:100%;height:auto;overflow: hidden;} .pop-up .box .pop-user-info .face{float:left;width:68px;} .pop-up .box .pop-user-info .face img{border-radius:50%;width:58px;height:58px} .pop-up .box .pop-user-info .intro{float:left;width:calc(100% - 88px);} .pop-up .box .pop-user-info .intro p{font-size:13px;color:#666;line-height:20px;} .pop-up .box .pop-user-info .intro p a{display:inline-block;color:#08121c;line-height:35px;max-width:100px;font-size:16px;font-weight:500;} .pop-up .box .pop-user-info .intro p span{color:#f60;} .pop-up .box .pop-user-navlist{float:left;width:100%;height:auto;margin-top:10px;overflow: hidden;} .pop-up .box .pop-user-navlist ul{margin:0 -5px;} .pop-up .box .pop-user-navlist ul li{float:left;width:50%;padding:5px;} .pop-up .box .pop-user-navlist ul li .items{float:left;width:100%;background:#f4f4f4;} .pop-up .box .pop-user-navlist ul li .items a{border-radius:3px;color:#333;font-size:13px;font-weight:500;display:block;padding:8px 10px;} .pop-up .box .pop-user-navlist ul li .items a:hover{background:#18bc9c;color:#fff;} .label img{display:inline;margin-top:-8px} @media screen and (max-width:767px) { .menu-btn{display:block;} .logo{float:none;margin:5px -5px;} .menu{display:none;float:none;margin-left:0;width:100%;z-index:9999; } .menu li{display:block;margin:0;border-top:1px solid #eee;float:none;} .menu li>a{line-height:40px;padding:0 15px;} .menu li .arr{display:block;position:relative;z-index:1;} .menu li a:hover{color:#18bc9c} .menu li.open .arr:after{border-color:#18bc9c;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .menu .dropdown-box{position:static;min-width:auto;text-align:left;border:none;background:none;} .menu .dropdown-box a{border-top:1px dotted #e6e6e6;padding:0 20px;background: rgba(255,255,255,.1);line-height:30px;} .search{margin:13px 0;} .search .seachtext {width: 120px;} .login-user{margin:13px 10px;} } /*首页幻灯 开始*/ .main{width:calc(75% - 5px);height:auto;overflow:hidden;} .box-025{width:calc(25% - 12.5px);} .box-050{width:calc(50% - 7.5px);height:auto;margin-left:16px;overflow:hidden;} @media screen and (max-width:767px) { .box-main{width:100%;} .box-025{width:100%;} .box-050{width:100%;margin-left:0;} } .sidebar {width:calc(25% - 12.5px);} .sideleft{width:200px;} .main-0100 {width:100%;} .sidebars {width:150px;z-index:989} .sidelefts{width:150px;} @media screen and (max-width:991px) { .content-wrap {padding-right:0px;} .main {width:100%;} .sidebar {width:100%;right:auto;top:auto;position:relative;} .sideleft{width:100%;} .content-wraps{float:left;} } /* 首页 标题 */ .in-tit{float:left;width:100%;margin:15px 0 0;/*padding:0 8px;*/position:relative;overflow:hidden;} .in-tit .name{padding:10px 0;letter-spacing:1px;color:#555;/*font-weight:200;*/position:relative} .in-tit .name i{font-size:20px;color:#18bc9c} .in-tit .name a{position:absolute;left:28px;top:10px;font-size:16px;} .in-tit .childname{position:absolute;top:11px;right:68px;} .in-tit .childname ul li{display:inline-block;line-height:20px;color:#999;} .in-tit .childname ul li + li::before{content:"/\00a0";padding:0 8px;} .in-tit .more{display:block;position:absolute;right:3px;top:13px;padding:0 5px;font-size:10px; transform: scale(0.83333); transform-origin: 0 0;text-transform:uppercase;border-radius:3px;border:1px solid #18bc9c;background:#18bc9c;color:#fff;} .in-tit .more:hover{color:#fff;background:#333;border-color:#333;} /* 首页 标题2 */ .in-tits{float:left;width:100%;margin:15px 0 0;padding:0 8px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:5px 5px 0 0;border-bottom:1px solid #f2f2f2;position:relative;} .in-tits .name{padding:10px 0;letter-spacing:1px;color:#555;/*font-weight:400;*/position:relative} .in-tits .name i{font-size:20px;color:#18bc9c} .in-tits .name a{position:absolute;left:28px;top:10px;font-size:16px;} .in-tits .more{display:block;position:absolute;right:3px;top:13px;padding:0 5px;font-size:10px; transform: scale(0.83333); transform-origin: 0 0;text-transform:uppercase;border-radius:3px;border:1px solid #18bc9c;background:#18bc9c;color:#fff;} .in-tits .more:hover{color:#fff;background:#333;border-color:#333;} /* 内页 标题 */ .sub-tit{float:left;width:100%;padding:0 8px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);border-radius:5px 5px 0 0;border-bottom:1px solid #f2f2f2;position:relative;} .sub-tit .name{padding:10px 0;letter-spacing:1px;color:#555;/*font-weight:400;*/position:relative} .sub-tit .name i{font-size:20px;color:#18bc9c} .sub-tit .name a{position:absolute;left:28px;top:10px;font-size:16px;} .sub-tit .more{display:block;position:absolute;right:3px;top:13px;padding:0 5px;font-size:10px; transform: scale(0.83333); transform-origin: 0 0;text-transform:uppercase;border-radius:3px;border:1px solid #18bc9c;background:#18bc9c;color:#fff;} .sub-tit .more:hover{color:#fff;background:#333;border-color:#333;} .side-list-notice {float:left; width:100%;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;overflow:hidden;} .side-list-notice ul{padding:8px 0;} .side-list-notice ul li{height:35px;padding:0 10px 0 35px;line-height:35px;overflow:hidden;white-space:nowrap;position:relative;text-overflow:ellipsis;} .side-list-notice ul li i{font-size:12px;} .side-list-notice ul li:hover{background:#fdfdfd;} .side-list-notice ul li:nth-child(even){background:#fbfbfb;} .side-list-notice ul li:nth-child(odd){} .side-list-notice ul li span{position:absolute;left:10px;top:10px;width:15px; height:15px; line-height:15px; display:inline-block; margin-right:8px; border-radius:3px; background:#a7a7a8; text-align:center; color:#fff; transition: all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;} .side-list-notice ul li:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);} .in-tool{float:left; width:100%;height:296px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;overflow:hidden;} .in-tool ul{padding:3px 10px;} .in-tool ul li{float:left;width:25%;height:95px;text-align:center;} .in-tool ul li a{font-size:13px;color:#666;} .in-tool ul li a img{width:50px;height:50px;margin-top:10px;transition: all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;} .in-tool ul li a:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);box-shadow: 0px 0px 3px #ccc;} .in-tool ul li p{float:left;width:100%;height:20px;margin-top:10px;line-height:20px;} /*首页焦点图*/ .in-focus{float:left; width:100%;height:339px;margin:15px 0 0;padding:10px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;overflow:hidden;} .in-focus .topOne{float:left;width:100%;height:auto;padding:10px 0 10px;overflow:hidden;} .in-focus .topOne .bigtit{float:left;width:100%;height:40px;text-align:center;font-size:30px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .in-focus .topOne .smalldes{float:left;width:100%;height:50px;margin-top:6px;color:#999;line-height:23px;text-indent:2em;border-bottom:1px dashed #f2f2f2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .in-focus .topOther{float:left;width:100%;height:auto;position:relative;} .in-focus .topOther .other-pic{float:left;width:300px;height:200px;position:relative;overflow:hidden;} .in-focus .topOther .other-pic .slick-slide{float:left;width:100%;padding:0;} .in-focus .topOther .other-pic .slick-slide img{width:100%; height:200px;} .in-focus .topOther .other-pic .slick-prev{left:5px;width:30px;height:30px;z-index:1000;} .in-focus .topOther .other-pic .slick-next{right:5px;width:30px;height:30px;z-index:1000;} .in-focus .topOther .other-pic .slick-prev:before, .in-focus .topOther .other-pic .slick-next:before{font-size:30px;color:#ddd;} .in-focus .topOther .other-pic .slick-dots{bottom:5px;} .in-focus .topOther .other-pic .slick-dots li{margin:0;} .in-focus .topOther .other-pic .slick-dots li.slick-active button:before{color:#18bc9c;} .in-focus .topOther .other-list{width:100%;padding:0 0 0 315px;} .in-focus .topOther .other-list ul{float:left;width:100%;height:auto;overflow:hidden;} .in-focus .topOther .other-list ul li{float:left;width:100%;height:33px;line-height:33px;} .in-focus .topOther .other-list ul li a{float:left;width:100%;padding-left:5px;/*font-size:13px;*/} .in-focus .topOther .other-list ul li a .text{float:left;width:100%;position:relative;} .in-focus .topOther .other-list ul li a .text .tit{float:left;width:100%;} .in-focus .topOther .other-list ul li a .text .tit i{font-size:12px;} .in-focus .topOther .other-list ul li a .text .time{position:absolute;top:0;right:5px;width:50px;text-align:right;font-family:"Georgia"} .in-focus .topOther .other-list ul li a:hover{background:#f8f8f8;} .in-focus .topOther .other-list ul li:nth-child(even){} .in-focus .topOther .other-list ul li:nth-child(odd){background:#fbfbfb;} @media screen and (max-width:767px){ .in-focus{height:auto;margin:10px 0 0;} .in-focus .topOne{padding:5px 0 5px;overflow:hidden;} .in-focus .topOne .bigtit{height:28px;font-size:22px;} .in-focus .topOther .other-pic{width:100%;height:auto;} .in-focus .topOther .other-list{float:left;padding:10px 0 0 0;} } /*首页焦点图*/ .slide {float:left; width:300px; height:200px; position:relative; overflow:hidden;} .slide ._btn{overflow:hidden; position:absolute; right:5px; bottom:8px; z-index:999; } .slide ._btn ul{ overflow:hidden; zoom:1; float:left; } .slide ._btn ul li{float:left; width:13px; height:13px; margin-left:4px; cursor:pointer; background: url(../images/an2.png) no-repeat ;} .slide ._btn ul li.on{ background: url(../images/an1.png) no-repeat ;} .slide ._pic{float:left; width:100%; height:auto; position:relative; z-index:0;} .slide ._pic li{ zoom:1; vertical-align:middle; position:relative;} .slide ._pic li img{float:left; width:100%; height:auto; display:block;} .slide ._pic li .tit{float:left; width:100%; background:url(../images/slide_tit.png) repeat-x; line-height:30px; color:#eee; position:absolute; left:0px; bottom:0;overflow:hidden; text-overflow:ellipsis;} .slide ._pic li .tit span{float:left; width:80%; line-height:30px; padding-left:12px; overflow:hidden; text-overflow:ellipsis;} .slide .prev,.slide .next{position:absolute; left:10px; top:50%; margin-top:-25px; display:block; width:30px; height:50px; background:url(../images/btn.png) 0px 0px no-repeat; cursor:pointer; filter:alpha(opacity=10); /*IE滤镜，透明度50%*/-moz-opacity:0.1; /*Firefox私有，透明度50%*/opacity:0.1;/*其他，透明度50%*/} .slide .next{left:auto; right:10px; background-position:-30px 0px; } .slide .prev:hover,.slide .next:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/-moz-opacity:0.9; /*Firefox私有，透明度50%*/opacity:0.9;/*其他，透明度50%*/} @media screen and (max-width:767px){ .slide {width:100%; height:200px;} } /*首页-模板推荐 开始*/ .in-moban{float:left;width:100%;height:auto;/*margin:60px 0 0;*/} .in-moban ul{margin:0 -7.5px;} .in-moban ul li{float:left;width:25%;padding:7.5px;} .in-moban ul li .items{float:left;width:100%;padding:10px;border:1px solid #ececec;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:5px;} .in-moban ul li .items .img{height:220px;} .in-moban ul li .items .scroll_img{overflow:hidden} .in-moban ul li .items .scroll_img img{width:100%;position:relative} .in-moban ul li .items .tit{float:left;width:100%;padding:10px 0;border-bottom:1px solid #f2f2f2;color:#555;font-size:13px;overflow:hidden;} .in-moban ul li .items .tit nobr{display:inline-block;padding:1px 3px;color:#fff;border:1px solid #18bc9c;border-radius:3px;line-height:1;font-size:10px;background:#18bc9c;} .in-moban ul li .items .meta{float:left;width:100%;padding:8px 0 0;overflow:hidden;position:relative;} .in-moban ul li .items .meta span{font-size:12px} .in-moban ul li .items .meta .money{font-size:22px} .in-moban ul li .items .meta .c_9{color:#999} .in-moban ul li .items .meta .c_f60{color:#f60} .in-moban ul li .items .meta .c_c{color:#ccc} .in-moban ul li .items .meta .online{position:absolute;right:0;bottom:2px;display:block;padding:3px 10px;border:1px solid #f2f2f2;border-radius:5px;background-color:#fbfbfb;font-size:13px;text-align:center;} .in-moban ul li .items .meta .online:hover{background-color:#f4543c;border-color:#f4543c;color:#fff;} .in-moban ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);} @media screen and (max-width:767px){ .in-moban ul{margin:0 -5px;} .in-moban ul li{width:50%;padding:5px;} .in-moban ul li .items .img{height:150px;} .in-moban ul li .items .tit{font-size:13px;} .in-moban ul li .items .meta .online{padding:3px 6px;font-size:13px;} } /*首页-模板推荐 结束*/ /*首页-特效推荐 开始*/ .in-js{float:left;width:100%;height:auto;} .in-js ul{margin:0 -7.5px;} .in-js ul li{float:left;width:25%;padding:7.5px;} .in-js ul li .items{float:left;width:100%;padding:10px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .in-js ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .in-js ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .in-js ul li .items:hover{box-shadow: 0px 2px 15px rgba(150, 150, 150, 0.2);} .in-js ul li .items .text{float:left;width:100%;} .in-js ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:767px){ .in-js ul li{width:50%;} } /*首页-文章推荐 开始*/ .in-article{float:left;width:100%;margin:50px 0 0;} .in-article ul{margin:0 -7.5px;} .in-article ul li{float:left;width:33.33%;padding:7.5px;} .in-article .items{float:left;width:100%;height:auto;padding:5px 15px;border:1px solid #ececec;border-radius:5px;background:#fff;overflow:hidden;} .in-article .items .catname{float:left;width:100%;height:38px;border-bottom:1px solid #ececec;line-height:38px;} .in-article .items .catname ._tit{float:left;width:100%;height:38px;font:normal 15px/38px "NotoSansHans";color:#666;} .in-article .items .catname ._tit span{color:#ddd;font-size:12px;text-transform:uppercase;} .in-article .items .catname ._tit a{float:right;width:36px;height:13px;display:block;margin-top:12px;background:url(../images/more.png) center center no-repeat;display:block;} .in-article .items .catlist{float:left;width:100%;height:auto;margin-top:10px;overflow:hidden;} .in-article .items .catlist ._img{float:left;width:100%;height:105px;margin-bottom:5px;position:relative;z-index:11;overflow:hidden;} .in-article .items .catlist ._img img{width:100%;height:105px;position:absolute;z-index:2;left:0;top:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;} .in-article .items .catlist ._img:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)} .in-article .items .catlist ._list{float:left;width:100%;height:35px;border-bottom:1px dashed #ececec;line-height:35px;overflow:hidden;} .in-article .items .catlist ._list a{float:left;height:35px;overflow:hidden;} .in-article .items .catlist ._list a i{font-size:12px;} .in-article .items .catlist ._list:last-child{border-bottom:none;} .in-article .items .catlist ._list span{float:right;color:#999;} .in-article .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);} .in-article .slick-dots{position:static;bottom:auto;margin:0 auto;padding-top:4%;text-align:center;line-height:0;} .in-article .slick-dots li{float:none;display:inline-block;vertical-align:top;padding:0;width:11px;height:11px;background-color:#eee;margin:0 5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;} .in-article .slick-dots li.slick-active{background-color:#18bc9c;} .in-article .slick-dots li button{display:none;} @media screen and (max-width:767px){ .in-article{margin:20px 0 0;} .in-article ul{margin:0 -5px;} .in-article ul li{padding:5px;} } /*首页-文章推荐 结束*/ /*内页当前位置 开始*/ .position{float:left;width:100%;margin:15px 0;font-size:13px;} @media screen and (max-width:767px) { .position{margin:12px 0;font-size:12px;} } /*内页当前位置 结束*/ /*单页侧边 侧栏分类*/ .sideleft .side_nav{width:100%;float:left;background:white;padding:10px 0;border-radius:5px;} .sideleft .side_nav .title{width:100%;padding:0 15px 10px;border-bottom:solid 1px #f5f5f5;font-size:16px;color:#666;vertical-align:middle;} .sideleft .side_nav .title i{float:left;font-size:20px;margin-right:5px;} /*侧边搜索*/ .side-search {float:left;width:100%;margin-bottom:15px;padding-right:54px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;position:relative;} .side-search .search-key {display:block;width:100%;height:46px;line-height:46px;padding-left:15px;font-size:14px;color:#888;background:white;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:6px 0 0 6px;-khtml-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;} .side-search .search-btn {width:54px;height:46px;display:block;position:absolute;right:0;top:0;background:#18bc9c;cursor:pointer;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-khtml-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;} .side-search .search-btn i {color:#fff;font-size:22px;} /* 内页 标题 */ .sub-category-name{float:left;width:100%;padding:0;vertical-align:middle;overflow:hidden;} .sub-category-name h1{float:left;position:relative;line-height:35px;} .sub-category-name h1 i{float:left;font-size:20px;position:absolute;left:0px;top:0;} .sub-category-name h1 a{float:left;margin-left:25px;font-size:16px;} .sub-category-name span{float:right;line-height:35px;} .sub-category-name span a{margin-left:5px;padding:8px 10px;font-size:13px;transition:color 0.3s ease-out;} @media screen and (max-width:767px){ .sub-category-name{padding:5px 0;} .sub-category-name h1 i{float:left;color:#18bc9c;font-size:18px;position:absolute;left:0px;top:0;} .sub-category-name h1 a{float:left;margin-left:23px;font-size:15px;} } .side-category{float:left; width:100%; height:auto; border-top:none;border-radius:0 0 5px 5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .side-category ul{float:left;width:100%;margin:5px;} .side-category ul li{float:left;width:calc(50% - 15px);height:35px;margin:5px;position:relative;} .side-category ul li a{float:left;width:100%;height:35px;display:block;padding:0 40px;font:normal 14px/33px "NotoSansHans";border-radius:2px;background-color:#f5f5f5;overflow:hidden;} .side-category ul li a i{font-size:18px;position:absolute; top:1px; left:15px;} .side-category ul li a:hover{color:#fff;background:#18bc9c;background-image:linear-gradient(135deg,#25e2bc 5%,#18bc9c 100%)} .side-category ul li a.active{color:#fff;background:#18bc9c;background-image:linear-gradient(135deg,#25e2bc 5%,#18bc9c 100%)} .widget .content-list a{display:block;width:100%} .widget .content-list li a{display:block;background-color:#f5f5f5;text-align:center;line-height:38px;border-radius:2px} .widget .content-list li a.on,.widget .content-list li a:hover{border-radius:2px;color:#fff;background:#29ae5f;background-image:linear-gradient(135deg,#3ada7d 10%,#29ae5f 100%)} .widget .content-list li{display:inline-block;overflow:hidden;padding:5px;width:49%} /*模板-筛选项开始*/ .screen{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;border:1px solid #ececec;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .screen ul{} .screen li{float:left; width:100%;} .screen li .d1{float:left; width:108px; height:50px; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; text-align:center; line-height:50px; font-size:16px;} .screen li:first-child .d1{width:108px; height:155px; line-height:155px;} .screen i{margin-right:8px;} .screen li .d2{padding:7px 12px; line-height:25px; border-bottom:1px solid #f2f2f2; overflow:hidden;} .screen li .d2 a{display:inline-block; margin:5px 0 5px 1%; padding:0 8px; height:25px; text-align:center; line-height:25px;} .screen li .d2 .on{border-radius:3px;background:#18bc9c; color:#fff;} .screen li:last-child .d1, .screen li:last-child .d2{border-bottom:none;} @media screen and (max-width:767px){ .screen li .d2{padding:7px 5px;} .screen li .d2 a{margin:5px 0 5px 1%; padding:0 6px;} .screen li .d2 a:first-child{display:none;} } /*模板-筛选项结束*/ /*内页二级导航开始*/ .sub-menu{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;border:1px solid #ececec;text-align:center;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .sub-menu ul{} .sub-menu ul li{display:inline-block; margin:5px 0.5% 5px 0.5%; padding:4px 7px; text-align:center; line-height:25px; font-size:14px;border-radius:5px;} .sub-menu ul li.on{background:#f2f2f2;} .sub-menu ul li.on a{color:#18bc9c;} @media screen and (max-width:767px){ .sub-menu ul li {margin:3px 2% 3px 2%;padding:3px 10px;font-size:13px;} } /*内页二级导航结束*/ /*模板-筛选项开始*/ .retrieve{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;border:1px solid #ececec;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .retrieve ul{} .retrieve li{float:left; width:100%;} .retrieve li .d1{float:left; width:108px; height:50px; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; text-align:center; line-height:50px; font-size:16px;} .retrieve li:first-child .d1{width:108px; height:190px; line-height:190px;} .retrieve i{margin-right:8px;} .retrieve li .d2{padding:7px 12px; line-height:25px; border-bottom:1px solid #f2f2f2; overflow:hidden;} .retrieve li .d2 a{display:inline-block; margin:5px 0 5px 1%; padding:0 8px; height:25px; text-align:center; line-height:25px;} .retrieve li .d2 .on{border-radius:3px;background:#18bc9c; color:#fff;} .retrieve li:last-child .d1, .retrieve li:last-child .d2{border-bottom:none;} @media screen and (max-width:767px){ .retrieve li .d2{padding:7px 5px;} .retrieve li .d2 a{margin:5px 0 5px 1%; padding:0 6px;} .retrieve li .d2 a:first-child{display:none;} } /*模板-筛选项结束*/ /*模块-列表样式1 开始*/ .list-moban-001{float:left;width:100%;height:auto;} .list-moban-001 ul{margin:-7.5px;} .list-moban-001 ul li{float:left;width:25%;padding:7.5px;} .list-moban-001 ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;border:1px solid #ececec;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);transition: all .4s ease;border-radius:5px;} .list-moban-001 ul li .items .img{height:220px;} .list-moban-001 ul li .items .scroll_img{overflow:hidden} .list-moban-001 ul li .items .scroll_img img{width:100%;position:relative} .list-moban-001 ul li .items .tit{float:left;width:100%;padding:10px 0;border-bottom:1px solid #f2f2f2;color:#555;font-size:15px;overflow:hidden;} .list-moban-001 ul li .items .tit nobr{display:inline-block;padding:1px 3px;color:#fff;border:1px solid #46cead;border-radius:3px;line-height:1;font-size:10px;background:#46cead;} .list-moban-001 ul li .items .meta{float:left;width:100%;padding:8px 0 0;overflow:hidden;position:relative;} .list-moban-001 ul li .items .meta span{font-size:12px} .list-moban-001 ul li .items .meta .money{font-size:22px} .list-moban-001 ul li .items .meta .c_9{color:#999} .list-moban-001 ul li .items .meta .c_f60{color:#f60} .list-moban-001 ul li .items .meta .c_c{color:#ccc} .list-moban-001 ul li .items .meta .online{right:0;bottom:0;display:block;padding:3px 10px;border:1px solid #f2f2f2;border-radius:5px;background-color:#fbfbfb;font-size:15px;text-align:center;position:absolute;} .list-moban-001 ul li .items .meta .online:hover{background-color:#f4543c;border-color:#f4543c;color:#fff;} .list-moban-001 ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);} @media screen and (max-width:1199px){ .list-moban-001 ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-moban-001 ul li{width:50%;} } @media screen and (max-width:767px){ .list-moban-001 ul li{width:100%;} } /*模块-列表样式1 结束*/ /*模块-列表样式2 开始*/ .list-moban-002{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-moban-002 ul{float:left;width:100%;padding:7.5px;overflow:hidden;} .list-moban-002 ul li{float:left;width:25%;padding:7.5px;} .list-moban-002 ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f5f5f5;transition: all .4s ease;border-radius:5px;} .list-moban-002 ul li .items .img{height:220px;} .list-moban-002 ul li .items .scroll_img{overflow:hidden} .list-moban-002 ul li .items .scroll_img img{width:100%;position:relative} .list-moban-002 ul li .items .tit{float:left;width:100%;padding:10px 0;border-bottom:1px solid #f2f2f2;color:#555;font-size:15px;overflow:hidden;} .list-moban-002 ul li .items .tit nobr{display:inline-block;padding:1px 3px;color:#fff;border:1px solid #46cead;border-radius:3px;line-height:1;font-size:10px;background:#46cead;} .list-moban-002 ul li .items .meta{float:left;width:100%;padding:8px 0 0;overflow:hidden;position:relative;} .list-moban-002 ul li .items .meta span{font-size:12px} .list-moban-002 ul li .items .meta .money{font-size:22px} .list-moban-002 ul li .items .meta .c_9{color:#999} .list-moban-002 ul li .items .meta .c_f60{color:#f60} .list-moban-002 ul li .items .meta .c_c{color:#ccc} .list-moban-002 ul li .items .meta .online{right:0;bottom:0;display:block;padding:3px 10px;border:1px solid #f2f2f2;border-radius:5px;background-color:#fbfbfb;font-size:15px;text-align:center;position:absolute;} .list-moban-002 ul li .items .meta .online:hover{background-color:#f4543c;border-color:#f4543c;color:#fff;} .list-moban-002 ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);} @media screen and (max-width:1199px){ .list-moban-002 ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-moban-002 ul li{width:50%;} } @media screen and (max-width:767px){ .list-moban-002 ul li{width:100%;} } /*模块-列表样式2 结束*/ /*模板-详情 开始*/ .show-moban{float:left;width:100%;height:auto;margin-bottom:15px;padding:15px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;} .show-moban .moban-header{float:left;width:100%;background:#fff;} .show-moban .moban-header .moban-header-left{float:left;width:40%;padding:15px;border:#f5f5f5 solid 1px;border-radius:5px;background:#fff;} .show-moban .moban-header .moban-header-left .img{height:408px;} .show-moban .moban-header .moban-header-left .scroll_img{overflow:hidden} .show-moban .moban-header .moban-header-left .scroll_img img{width:100%;position:relative} .show-moban .moban-header .moban-header-right{float:right;width:58.5%;padding:5px 0;border:#f5f5f5 solid 1px;border-radius:5px;background:#fafafa;} .show-moban .moban-header .moban-header-right .tit{float:left;width:100%;margin:10px 0 16px;padding:6px 10px;font-size:30px;color:#333;border-left:5px solid #18bc9c;letter-spacing:1px;} .show-moban .moban-header .moban-header-right .panel-a{float:left;width:100%;padding:10px 15px;color:#fff;background:#18bc9c;letter-spacing:1px;} .show-moban .moban-header .moban-header-right .panel-a i{font-size:40px;} .show-moban .moban-header .moban-header-right .panel-a .items-a{font-size:30px;} .show-moban .moban-header .moban-header-right .panel-a .items-b{font-size:12px;} .show-moban .moban-header .moban-header-right .panel-a .items-b s{text-decoration:line-through;} .show-moban .moban-header .moban-header-right .panel-b{float:left;width:100%;padding:10px 15px;font-size:14px;color:#555;background:#f2f2f2;} .show-moban .moban-header .moban-header-right .panel-b i{font-size:14px;font-weight:bold;color:#18bc9c;} .show-moban .moban-header .moban-header-right .panel-c{float:left;width:100%;font-size:13px;color:#666;} .show-moban .moban-header .moban-header-right .panel-c ul{} .show-moban .moban-header .moban-header-right .panel-c ul li{float:left;padding:10px 15px;border-bottom:dashed 1px #eee;} .show-moban .moban-header .moban-header-right .panel-c ul li:nth-child(odd){width:45%;} .show-moban .moban-header .moban-header-right .panel-c ul li:nth-child(even){width:55%;} .show-moban .moban-header .moban-header-right .panel-c ul li:last-child{width:100%;line-height:23px;} .show-moban .moban-header .moban-header-right .panel-d{float:left;width:100%;font-size:15px;} .show-moban .moban-header .moban-header-right .panel-d ul{padding:0 7.5px;} .show-moban .moban-header .moban-header-right .panel-d ul li{float:left;width:calc(33.333% - 15px);margin:12.5px 7.5px 10px;text-align:center;} .show-moban .moban-header .moban-header-right .panel-d ul li a{float:left;width:100%;height:40px;line-height:40px;background:#18bc9c;color:#fff;border-radius:5px;} .show-moban .moban-header .moban-header-right .panel-d ul li:nth-child(9n+2) a{background:#f56c6c;} .show-moban .moban-body{float:left;width:100%;margin-top:15px;background:#fff;} .show-moban .moban-body .hd{float:left;width:100%;height:42px;border:solid 1px #f5f5f5;border-radius:5px 5px 0 0;background:#fafafa;} .show-moban .moban-body .hd ul{width:100%;display:inline-block;} .show-moban .moban-body .hd ul li{float:left;width:16%;height:42px;line-height:36px;border-top:2px solid #f9f9f9;border-right:1px solid #f2f2f2;font-size:16px;font-weight:bold;color:#555;text-align:center;cursor:pointer;position:relative;} .show-moban .moban-body .hd ul li.on{background:#fff;color:#18bc9c;border-top:2px solid #18bc9c;border-right:1px solid #f5f5f5;} .show-moban .moban-body .bd{float:left;width:100%;padding:15px;border:solid 1px #f5f5f5;border-top:none;border-radius:0 0 5px 5px;} .show-moban .moban-body .bd .con{float:left;width:100%;height:auto;} .show-moban .moban-body .bd .con img{max-width:100%;} .show-moban .moban-body .bd .faq{float:left;width:100%;height:auto;} .show-moban .moban-body .bd .faq ul{margin:0 -10px;} .show-moban .moban-body .bd .faq ul li{float:left;width:100%;height:auto;padding:0 10px;overflow:hidden;} .show-moban .moban-body .bd .faq ul li .items{float:left;width:100%;height:auto;padding:5px 15px;border-bottom:1px dashed #f5f5f5;overflow:hidden;} .show-moban .moban-body .bd .faq ul li .items .text{width:100%;overflow:hidden;} .show-moban .moban-body .bd .faq ul li .items .text .question{float:left;width:100%;height:30px;line-height:30px;font-size:15px;color:#333;font-weight:bold;} .show-moban .moban-body .bd .faq ul li .items .text .question i{font-size:16px;color:#f60;} .show-moban .moban-body .bd .faq ul li .items .text .answer{float:left;width:100%;height:auto;padding-bottom:5px;line-height:25px;font-size:13px;color:#666;} .show-moban .moban-body .bd .faq ul li .items .text .answer i{font-size:16px;color:#18bc9c;} .show-moban .moban-body .bd .faq ul li:last-child .items{border-bottom:none;} .show-moban .moban-body .bd .after-sale{float:left;width:100%;border-top:solid 1px #f5f5f5;border-left:solid 1px #f5f5f5;height:auto;font-size:14px;border-collapse:collapse;border-spacing:0;overflow:hidden;} .show-moban .moban-body .bd .after-sale th, .show-moban .moban-body .bd .after-sale td{padding:10px 10px;border-bottom:solid 1px #f5f5f5;border-right:solid 1px #f5f5f5;} .show-moban .moban-body .bd .after-sale .td{width:120px;} .show-moban .moban-body .bd .after-sale tr:nth-child(even){background:#fafafa;} .show-moban .moban-body .bd .after-sale th{padding:0} @media screen and (max-width:767px){ .show-moban{padding:10px;} .show-moban .moban-header .moban-header-left{width:100%;padding:10px;} .show-moban .moban-header .moban-header-left .img{height:300px;} .show-moban .moban-header .moban-header-right{float:left;width:100%;margin-top:10px;} .show-moban .moban-header .moban-header-right .tit{margin:10px 0;font-size:15px;} .show-moban .moban-header .moban-header-right .panel-a{padding:10px;} .show-moban .moban-header .moban-header-right .panel-a i{font-size:32px;} .show-moban .moban-header .moban-header-right .panel-a .items-a{font-size:20px;} .show-moban .moban-header .moban-header-right .panel-b{padding:5px 10px;font-size:12px;} .show-moban .moban-header .moban-header-right .panel-c{font-size:12px;} .show-moban .moban-header .moban-header-right .panel-c ul li{padding:8px 10px;} .show-moban .moban-header .moban-header-right .panel-d ul{padding:0 5px;} .show-moban .moban-header .moban-header-right .panel-d ul li{width:calc(33.333% - 10px);margin:10px 5px 5px;text-align:center;} .show-moban .moban-header .moban-header-right .panel-d ul li a{height:30px;line-height:30px;} .show-moban .moban-body{margin-top:10px;} .show-moban .moban-body .hd{height:36px;} .show-moban .moban-body .hd ul li{height:36px;width:33.333%;line-height:34px;font-size:13px;} .show-moban .moban-body .hd ul li:last-child{border-right:none;} .show-moban .moban-body .bd{padding:10px;} .show-moban .moban-body .bd .faq ul li .items{padding:10px;} .show-moban .moban-body .bd .faq ul li .items .text .question{height:26px;line-height:26px;font-size:13px;} .show-moban .moban-body .bd .faq ul li .items .text .answer{font-size:12px;} .show-moban .moban-body .bd .after-sale{font-size:12px;} .show-moban .moban-body .bd .after-sale .td{width:105px;} } /*模块列表 开始*/ .list-module{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-module ul{float:left;width:100%;padding:7.5px;} .list-module ul li{float:left;width:33.333%;padding:7.5px;} .list-module ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;border:1px solid #f5f5f5;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .list-module ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .list-module ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .list-module ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);} .list-module ul li .items .text{float:left;width:100%;} .list-module ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:1199px){ .list-module ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-module ul li{width:50%;} } @media screen and (max-width:767px){ .list-module ul li{width:50%;} } /*模块列表 结束*/ /*图片列表 开始*/ .list-modules{float:left;width:100%;height:auto;} .list-modules ul{margin:-7.5px;} .list-modules ul li{float:left;width:33.333%;padding:7.5px;} .list-modules ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .list-modules ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .list-modules ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .list-modules ul li .items:hover{box-shadow: 0px 2px 15px rgba(150, 150, 150, 0.2);} .list-modules ul li .items .text{float:left;width:100%;} .list-modules ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:1199px){ .list-modules ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-modules ul li{width:50%;} } @media screen and (max-width:767px){ .list-modules ul li{width:50%;} } /*图片列表 结束*/ /*模块详情 开始*/ /*图片详情 开始*/ .show-module{float:left;width:100%;height:auto;margin-bottom:15px;padding:20px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;} .show-module .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;} .show-module .meta{float:left;width:100%;height:auto;padding:8px 0;text-align:center;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;} .show-module .meta i{font-size:12px;} .show-module .meta span,.show-module .meta time{padding-right:12px;} .show-module .meta .from a{color:#999;} .show-module .meta .from a:hover{color:#fd5f56;} .show-module .meta .editor a{color:#999;} .show-module .meta .editor a:hover{color:#4e9e00;} .show-module .content{float:left;width:100%;padding:15px 10px;} .show-module .content img{max-width:100%;} .show-module .link{float:left;width:100%;padding:15px 0;font-size:12px;text-align:center;} .show-module .link ul{float:left;width:100%;padding:0 8px;} .show-module .link ul li{display:inline-block;width:120px;height:40px;margin:0 8px;border-radius:5px;line-height:40px;text-align:center;background:#18bc9c;letter-spacing:1px;} .show-module .link ul li a{color:#fff;} .show-module .link ul li:nth-child(9n+2){background:#f56c6c;} /*.show-module .content{float:left;width:100%;padding:15px 10px;font-size:13px;} .show-module .content img{max-width:100%;}*/ .show-module .tags{float:left;width:100%;font-size:12px;color:#999;padding:5px 10px;} .show-module .tags a{padding-right:8px;} .show-module .tags a:nth-child(9n){color: #4A4A4A;} .show-module .tags a:nth-child(9n+1){color: #428BCA;} .show-module .tags a:nth-child(9n+2){color: #5CB85C;} .show-module .tags a:nth-child(9n+3){color: #D9534F;} .show-module .tags a:nth-child(9n+4){color: #567E95;} .show-module .tags a:nth-child(9n+5){color: #B433FF;} .show-module .tags a:nth-child(9n+6){color: #00ABA9;} .show-module .tags a:nth-child(9n+7){color: #B37333;} .show-module .tags a:nth-child(9n+8){color: #FF6600;} .show-module .pager{float:left;width:100%;padding:5px 10px;border-top:1px solid #f2f2f2;font-size:13px;border-bottom:1px solid #f2f2f2;position:relative;} .show-module .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-module .pager a{float:left;width:40%;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-module .pager a.l_pager{padding-right:12px;text-align:left;} .show-module .pager a.r_pager{float:right;padding-left:12px;text-align:right;} .show-module .tip{padding:15px 10px;color:#aaa;font-size:12px;} .show-module .tip i{font-size:13px;} .show-module .tip a{color:#1279ee;} @media screen and (max-width:767px){ .show-module{padding:10px;} .show-module .title{margin:10px 0;padding:10px 0;font-size:18px;} .show-module .meta{padding:5px 0;font-size:12px;} } /*模块详情 结束*/ /* 猜你喜欢 */ .relatives{float:left;width:100%;height:auto;} .relatives .tit{float:left;width:100%;border-bottom:1px solid #f2f2f2;position:relative;} .relatives .tit .name{padding:10px 0;letter-spacing:1px;color:#555;/*font-weight:400;*/position:relative} .relatives .tit .name i{font-size:20px;color:#18bc9c} .relatives .tit .name a{position:absolute;left:28px;top:10px;font-size:16px;} .relatives .tit .more{display:block;position:absolute;right:0;top:13px;padding:0 5px;font-size:10px; transform: scale(0.83333); transform-origin: 0 0;text-transform:uppercase;border-radius:3px;border:1px solid #18bc9c;background:#18bc9c;color:#fff;} .relatives .tit .more:hover{color:#fff;background:#333;border-color:#333;} .relatives .con{float:left;width:100%;height:auto;} .relatives .con ul{margin:0 -5px;padding-top:5px;} .relatives .con ul li{float:left;width:25%;padding:5px;} .relatives .con ul li .items{float:left;width:100%;height:auto;padding:10px;background: rgba(255,255,255,.8);border:1px solid #f5f5f5;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:5px;} .relatives .con ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .relatives .con ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .relatives .con ul li .items:hover{box-shadow:0px 2px 15px rgba(150,150,150,0.1);} .relatives .con ul li .items .text{float:left;width:100%;} .relatives .con ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:767px){ .relatives .con ul li{width:50%;} } /*WEB列表 开始*/ .list-web-recommend{float:left;width:100%;height:auto;margin-bottom:15px;padding:5px;background:rgba(255, 255, 255, .6);border-radius:0 0 5px 5px;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-web-recommend ul{} .list-web-recommend ul li{float:left;width:16.666%;padding:5px;} .list-web-recommend ul li .items{float:left;width:100%;height:auto;padding:10px;background:#eef0f4;border-radius:5px;} .list-web-recommend ul li .items .img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:35px;height:35px;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%} .list-web-recommend ul li .items .img img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:35px;height:35px;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%} .list-web-recommend ul li .items:hover{} .list-web-recommend ul li .items .text{width:170px;margin-left:5px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;} .list-web-recommend ul li .items .text .tit{font-size:14px;line-height:28px;color:#444;} .list-web-recommend ul li .items .text .des{font-size:12px;line-height:28px;} @media screen and (max-width:991px){ .list-web-recommend ul li{width:50%;} } @media screen and (max-width:767px){ .list-web-recommend ul li{width:50%;} } .list-web{float:left;width:100%;height:auto;margin-bottom:15px;padding:5px;background-image:linear-gradient(to bottom, #f6f6f6 , #fff);border-radius:5px;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-web ul{} .list-web ul li{float:left;width:16.666%;padding:5px;} .list-web ul li .items{float:left;width:100%;height:auto;padding:10px;background:#eef0f4;border-radius:5px;} .list-web ul li .items .img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:35px;height:35px;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%} .list-web ul li .items .img img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:35px;height:35px;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border-radius:100%} .list-web ul li .items:hover{} .list-web ul li .items .text{width:170px;margin-left:5px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;} .list-web ul li .items .text .tit{font-size:14px;line-height:28px;color:#444;} .list-web ul li .items .text .des{font-size:12px;line-height:28px;} @media screen and (max-width:991px){ .list-web ul li{width:50%;} } @media screen and (max-width:767px){ .list-web ul li{width:50%;} } /*WEB列表 结束*/ /*图片列表 开始*/ .list-picture{float:left;width:100%;height:auto;} .list-picture ul{margin:-7.5px;} .list-picture ul li{float:left;width:33.333%;padding:7.5px;} .list-picture ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .list-picture ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .list-picture ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .list-picture ul li .items:hover{box-shadow: 0px 2px 15px rgba(150, 150, 150, 0.2);} .list-picture ul li .items .text{float:left;width:100%;} .list-picture ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:1199px){ .list-picture ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-picture ul li{width:50%;} } @media screen and (max-width:767px){ .list-picture ul li{width:50%;} } /*图片列表 结束*/ /*图片详情 开始*/ .show-picture{float:left;width:100%;height:auto;margin-bottom:15px;padding:20px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;} .show-picture .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;} .show-picture .meta{float:left;width:100%;height:auto;padding:8px 0;text-align:center;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;} .show-picture .meta i{font-size:12px;} .show-picture .meta span,.show-picture .meta time{padding-right:12px;} .show-picture .meta .from a{color:#999;} .show-picture .meta .from a:hover{color:#fd5f56;} .show-picture .meta .editor a{color:#999;} .show-picture .meta .editor a:hover{color:#4e9e00;} .show-picture .content{float:left;width:100%;height:auto;margin:15px 0;overflow: hidden;} .show-picture .content p{width:100%;display:inline-block;*display:inline;*zoom:1;text-align:center;} .show-picture .content p img{margin:15px;box-shadow:none; border-radius:0;} .show-picture .columnnum-1 p{width:100%;} .show-picture .columnnum-2 p{width:50%;} .show-picture .columnnum-3 p{width:33.333%;} .show-picture .columnnum-4 p{width:25%;} .show-picture .columnnum-5 p{width:20%;} .show-picture .columnnum-10 p{width:10%;} .show-picture .columnnum-10 p img{max-width:128px; max-height:128px;} .show-picture .columnnum-20 p{width:5%;} .show-picture .columnnum-20 p img{max-width:38px; max-height:38px;} .show-picture .link{float:left;width:100%;padding:15px 0;font-size:12px;text-align:center;} .show-picture .link ul{float:left;width:100%;padding:0 8px;} .show-picture .link ul li{display:inline-block;width:120px;height:40px;margin:0 8px;border-radius:5px;line-height:40px;text-align:center;background:#18bc9c;letter-spacing:1px;} .show-picture .link ul li a{color:#fff;} .show-picture .link ul li:nth-child(9n+2){background:#f56c6c;} /*.show-picture .content{float:left;width:100%;padding:15px 10px;font-size:13px;} .show-picture .content img{max-width:100%;}*/ .show-picture .tags{float:left;width:100%;font-size:12px;color:#999;padding:5px 10px;} .show-picture .tags a{padding-right:8px;} .show-picture .tags a:nth-child(9n){color: #4A4A4A;} .show-picture .tags a:nth-child(9n+1){color: #428BCA;} .show-picture .tags a:nth-child(9n+2){color: #5CB85C;} .show-picture .tags a:nth-child(9n+3){color: #D9534F;} .show-picture .tags a:nth-child(9n+4){color: #567E95;} .show-picture .tags a:nth-child(9n+5){color: #B433FF;} .show-picture .tags a:nth-child(9n+6){color: #00ABA9;} .show-picture .tags a:nth-child(9n+7){color: #B37333;} .show-picture .tags a:nth-child(9n+8){color: #FF6600;} .show-picture .pager{float:left;width:100%;padding:5px 10px;border-top:1px solid #f2f2f2;font-size:13px;border-bottom:1px solid #f2f2f2;position:relative;} .show-picture .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-picture .pager a{float:left;width:40%;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-picture .pager a.l_pager{padding-right:12px;text-align:left;} .show-picture .pager a.r_pager{float:right;padding-left:12px;text-align:right;} .show-picture .tip{padding:15px 10px;color:#aaa;font-size:12px;} .show-picture .tip i{font-size:13px;} .show-picture .tip a{color:#1279ee;} @media screen and (max-width:767px){ .show-picture{padding:10px;} .show-picture .title{margin:10px 0;padding:10px 0;font-size:18px;} .show-picture .meta{padding:5px 0;font-size:12px;} .show-picture .columnnum-1 p{width:100%;} .show-picture .columnnum-2 p{width:50%;} .show-picture .columnnum-3 p{width:33.333%;} .show-picture .columnnum-4 p{width:25%;} .show-picture .columnnum-5 p{width:20%;} .show-picture .columnnum-10 p{width:10%;} .show-picture .columnnum-10 p img{max-width:38px; max-height:38px;} .show-picture .columnnum-20 p{width:10%;} .show-picture .columnnum-20 p img{max-width:38px; max-height:38px;} } /*图片详情 结束*/ /* */ #preview{height:100%;display:none;z-index:9999} #preview{position: relative} #preview .download_link{position: absolute;bottom:0;left:0;background-color: #fff;text-align:center;width:100%;height:40px;line-height:40px;font-size:16px;text-align:center} #preview .download_link a{color:#333; text-decoration: none;font-weight:bold; display: block; background-color: #FFF; width:30%; margin:0 auto} #preview .prevButton{background: url('/static/images/prevlabel.gif') no-repeat;width:63px;height:32px;position: absolute;top:45%;left:0} #preview .nextButton{background: url('/static/images/nextlabel.gif') no-repeat;width:63px;height:32px;position: absolute;top:45%;right:0} #preview .closeButton{background: url('/static/images/closelabel.gif') no-repeat;width:66px;height:22px;position: absolute;bottom:8px;right:8px} #preview .blockDescription{position: absolute;bottom:0;left:0;color:#333;padding-left:10px;height:40px;line-height:40px;font-size:14px} .content-bg{float:left;width:100%;height:auto;overflow: hidden;} .content-bg li{width:calc(25% - 30px);height:192px;border:1px solid #EEE;float:left;margin:15px;position:relative;overflow:hidden;cursor:pointer} .save{width:100%;height:30px;line-height:30px;top:192px;left:0;position:absolute;color:#fff;background:#000;font-size:12px;text-align:center;opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} .save a{color:#fff;display:block;cursor:pointer} @media screen and (max-width:767px){ #preview .download_link{font-size:13px;} #preview .blockDescription{display:none;} .content-bg li{width:calc(50% - 15px);margin:7.5px;} } /*JS列表 开始*/ .list-js-001{float:left;width:100%;height:auto;} .list-js-001 ul{margin:-7.5px;} .list-js-001 ul li{float:left;width:33.333%;padding:7.5px;} .list-js-001 ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .list-js-001 ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .list-js-001 ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .list-js-001 ul li .items:hover{box-shadow: 0px 2px 15px rgba(150, 150, 150, 0.2);} .list-js-001 ul li .items .text{float:left;width:100%;} .list-js-001 ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:1199px){ .list-js-001 ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-js-001 ul li{width:50%;} } @media screen and (max-width:767px){ .list-js-001 ul li{width:50%;} } /*JS列表 结束*/ /*JS详情 开始*/ .show-js{float:left;width:100%;height:auto;margin-bottom:15px;padding:20px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;} .show-js .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;} .show-js .meta{float:left;width:100%;height:auto;padding:8px 0;text-align:center;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;} .show-js .meta i{font-size:12px;} .show-js .meta span,.show-module .meta time{padding-right:12px;} .show-js .meta .from a{color:#999;} .show-js .meta .from a:hover{color:#fd5f56;} .show-js.meta .editor a{color:#999;} .show-js .meta .editor a:hover{color:#4e9e00;} .show-js .pic{float:left;width:100%;padding:15px 10px;text-align:center;} .show-js .pic img{max-width:100%;} .show-js .link{float:left;width:100%;padding:15px 0;font-size:12px;text-align:center;} .show-js .link ul{float:left;width:100%;padding:0 8px;} .show-js .link ul li{display:inline-block;width:120px;height:40px;margin:0 8px;border-radius:5px;line-height:40px;text-align:center;background:#18bc9c;letter-spacing:1px;} .show-js .link ul li a{color:#fff;} .show-js .link ul li:nth-child(9n+2){background:#f56c6c;} .show-js .content{float:left;width:100%;padding:15px 10px;font-size:13px;} .show-js .content img{max-width:100%;} .show-js .tags{font-size:13px;color:#999;padding:5px 10px;} .show-js .tags a{padding-right:8px;} .show-js .tags a:nth-child(9n){color: #4A4A4A;} .show-js .tags a:nth-child(9n+1){color: #428BCA;} .show-js .tags a:nth-child(9n+2){color: #5CB85C;} .show-js .tags a:nth-child(9n+3){color: #D9534F;} .show-js .tags a:nth-child(9n+4){color: #567E95;} .show-js .tags a:nth-child(9n+5){color: #B433FF;} .show-js .tags a:nth-child(9n+6){color: #00ABA9;} .show-js .tags a:nth-child(9n+7){color: #B37333;} .show-js .tags a:nth-child(9n+8){color: #FF6600;} .show-js .pager{float:left;width:100%;padding:5px 10px;border-top:1px solid #f2f2f2;font-size:13px;border-bottom:1px solid #f2f2f2;position:relative;} .show-js .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-js .pager a{float:left;width:40%;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-js .pager a.l_pager{padding-right:12px;text-align:left;} .show-js .pager a.r_pager{float:right;padding-left:12px;text-align:right;} .show-js .tip{padding:15px 10px;color:#aaa;font-size:12px;} .show-js .tip i{font-size:13px;} .show-js .tip a{color:#1279ee;} @media screen and (max-width:767px){ .show-js{padding:10px;} .show-js .title{margin:10px 0;padding:10px 0;font-size:18px;} .show-js .meta{padding:5px 0;font-size:12px;} } /*JS详情 结束*/ .mod{padding: 46px 0;} .mod-gray{background: #f0f0f0;} .mod-bg{background-repeat: no-repeat;background-position: center top;} .mod-ad{background-image: url(../images/bg-ad.jpg);} .mod-ad .name{font-size: 20px;color: #fff;text-align: center;} /*新闻列表 开始*/ .list-news{float:left;width:100%;} .list-news ul{margin:0 -10px;} .list-news ul li{float:left;width:100%;padding:0 10px;} .list-news ul li .items{float:left;width:100%;margin-bottom:15px;padding:15px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-news ul li .items .img{float:left;width:210px;line-height:0;} .list-news ul li .items .img img{width:100%;} .list-news ul li .items .haveImg{margin-left:225px;} .list-news ul li .items .text{padding-top:5px;overflow:hidden;} .list-news ul li .items .text .cat{color:#fff;background-color:#18bc9c;padding:3px 6px;font-size:12px;display:inline-block;position:relative;top:-1px;margin-right:6px;} .list-news ul li .items .text .cat a{color:#fff;} .list-news ul li .items .text .cat:hover{opacity:0.85;filter:alpha(opacity=85);} .list-news ul li .items .text .cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #18bc9c;border-top:4px solid transparent;border-bottom:4px solid transparent;} .list-news ul li .items .text .tit{margin-top:0;display:inline;font-size:15px;line-height:1.4;overflow:hidden;} .list-news ul li .items .text .tit a{color:#555;} .list-news ul li .items .text .tit a:hover{color:#18bc9c;} .list-news ul li .items .text .tit a span{color:#FF5E52;} .list-news ul li .items .text .tit a:hover span{color:#18bc9c;} .list-news ul li .items .text .desc{float:left;width:100%;margin-top:10px;font-size:12px;color:#aaa;line-height:20px;letter-spacing:1px;height:60px;overflow:hidden;} .list-news ul li .items .text .meta{float:left;width:100%;margin-top:8px;padding-top:8px;border-top:solid 1px #f1f3f4;font-size:12px;word-wrap:break-word;color:#999;} .list-news ul li .items .text .meta span{float:left;margin-right:20px;font-size:12px;color:#98a6ad;line-height:20px;vertical-align:top;display:block;} .list-news ul li .items .text .meta a{float:right;height:20px;margin-left:10px;padding:0 14px;line-height:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;display:block;line-height:20px;font-size:12px;background:#f2f2f2;} .list-news ul li .items .text .meta i{margin-right:4px;font-size:12px;} .list-news ul li .items .text .meta a:hover{background:#18bc9c;color:#fff;} .list-news ul li .items:hover{box-shadow: 0px 2px 4px rgba(24, 188, 156, 0.1);} .list-news ul li:last-child .items{margin-bottom:0;} @media screen and (max-width:767px){ .list-news ul li .items{padding:10px;} .list-news ul li .items .img{width:120px;height:80px;} .list-news ul li .items .haveImg{margin-left:130px;} .list-news ul li .items .text .tit{width:100%;font-size:13px;} .list-news ul li .items .text .desc{margin-top:5px;height:40px;overflow:hidden;} .list-news ul li .items .text .meta{margin-top:6px;padding-top:5px;display:none;} } /*新闻列表 结束*/ /*新闻详情 开始*/ .show-news{float:left; width:100%; height:auto;margin-bottom:15px;padding:20px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .show-news .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:38px;color:#333;font-weight:bold;} .show-news .meta{float:left;width:100%;height:35px;text-align:center;font-size:13px;line-height:35px;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;} .show-news .description{float:left;width:100%;margin:15px 0;padding:20px;border:dashed 1px #ddd;background:#fbfbfb;border-radius:5px;} .show-news .description .big{float:left;width:45px;height:60px;font-size:24px;line-height:30px;border-right:1px solid #ddd;color:#666;} .show-news .description .small{height:60px;padding-left:20px;line-height:20px;color:#999;overflow:hidden;} .show-news .content{float:left;width:100%;padding:15px 10px;font-size:14px;line-height:168%;} .show-news .content img{max-width:100%;} .show-news .pager{float:left;width:100%;margin:28px 0 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;position:relative;} .show-news .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-news .pager a{float:left;width:50%;font-size:14px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-news .pager a.l_pager{padding-right:12px;text-align:left;} .show-news .pager a.r_pager{float:right;padding-left:12px;text-align:right;} .show-news .bdshare_det{float:left;width:100%;height:36px;text-align:center;} .show-news .bdshare_det .bdshare2{display:inline-block;*display:inline;*zoom:1;vertical-align:top;} .show-news .bdshare_det .bdshare2 a,.show-news .bdshare_det .bdshare2 .bds_more{width:36px!important;height:36px!important;margin:0 8px!important;padding:0!important;} .show-news .bdshare_det .bdshare2 .bds_weixin{background:url(../images/icon-weixin.png) 0 0 no-repeat!important;} .show-news .bdshare_det .bdshare2 .bds_tsina{background:url(../images/icon-weibo.png) 0 0 no-repeat!important;} .show-news .bdshare_det .bdshare2 .bds_qzone{background:url(../images/icon-qzone.png) 0 0 no-repeat!important;} @media screen and (max-width:767px){ .show-news{margin-bottom:15px; padding:10px;} .show-news .title{padding:15px 0;font-size:20px;line-height:30px;} .show-news .meta{height:28px;font-size:12px;line-height:28px;} .show-news .description{margin:10px 0;padding:10px;} .show-news .description .big{width:30px;float:left;font-size:20px;line-height:30px;} .show-news .description .small{padding-left:12px;} .show-news .content{padding:10px 0;font-size:12px;} .show-news .pager{width:100%;margin:20px 0;} .show-news .pager a{font-size:13px;line-height:38px;} } /*新闻详情 结束*/ /*文章列表 开始*/ .list-article{float:left;width:100%;} .list-article ul{margin:0 -10px;} .list-article ul li{float:left;width:100%;padding:0 10px;} .list-article ul li .items{float:left;width:100%;margin-bottom:15px;padding:15px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-article ul li .items .img{float:left;width:210px;line-height:0;} .list-article ul li .items .img img{width:100%;} .list-article ul li .items .haveImg{margin-left:225px;} .list-article ul li .items .text{padding-top:5px;overflow:hidden;} .list-article ul li .items .text .cat{color:#fff;background-color:#18bc9c;padding:3px 6px;font-size:12px;display:inline-block;position:relative;top:-1px;margin-right:6px;} .list-article ul li .items .text .cat a{color:#fff;} .list-article ul li .items .text .cat:hover{opacity:0.85;filter:alpha(opacity=85);} .list-article ul li .items .text .cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #18bc9c;border-top:4px solid transparent;border-bottom:4px solid transparent;} .list-article ul li .items .text .tit{margin-top:0;display:inline;font-size:15px;line-height:1.4;overflow:hidden;} .list-article ul li .items .text .tit a{color:#555;} .list-article ul li .items .text .tit a:hover{color:#18bc9c;} .list-article ul li .items .text .tit a span{color:#FF5E52;} .list-article ul li .items .text .tit a:hover span{color:#18bc9c;} .list-article ul li .items .text .desc{float:left;width:100%;margin-top:10px;font-size:12px;color:#aaa;line-height:20px;letter-spacing:1px;height:60px;overflow:hidden;} .list-article ul li .items .text .meta{float:left;width:100%;margin-top:8px;padding-top:8px;border-top:solid 1px #f1f3f4;font-size:12px;word-wrap:break-word;color:#999;} .list-article ul li .items .text .meta span{float:left;margin-right:20px;font-size:12px;color:#98a6ad;line-height:20px;vertical-align:top;display:block;} .list-article ul li .items .text .meta a{float:right;height:20px;margin-left:10px;padding:0 14px;line-height:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;display:block;line-height:20px;font-size:12px;background:#f2f2f2;} .list-article ul li .items .text .meta i{margin-right:4px;font-size:12px;} .list-article ul li .items .text .meta a:hover{background:#18bc9c;color:#fff;} .list-article ul li .items:hover{box-shadow: 0px 2px 4px rgba(24, 188, 156, 0.1);} .list-article ul li:last-child .items{margin-bottom:0;} @media screen and (max-width:767px){ .list-article ul li .items{padding:10px;} .list-article ul li .items .img{width:120px;height:80px;} .list-article ul li .items .haveImg{margin-left:130px;} .list-article ul li .items .text .tit{width:100%;font-size:13px;} .list-article ul li .items .text .desc{margin-top:5px;height:40px;overflow:hidden;} .list-article ul li .items .text .meta{margin-top:6px;padding-top:5px;display:none;} } /*文章列表 结束*/ /*文章详情 开始*/ .show-article{float:left; width:100%; height:auto;margin-bottom:15px;padding:20px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .show-article .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;} .show-article .meta{float:left;width:100%;height:auto;padding:8px 0;text-align:center;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;} .show-article .meta i{font-size:12px;} .show-article .meta span{padding-right:10px;} .show-article .meta .from a{color:#999;} .show-article .meta .from a:hover{color:#fd5f56;} .show-article .meta .editor a{color:#999;} .show-article .meta .editor a:hover{color:#4e9e00;} .show-article .description{float:left;width:100%;margin:15px 0;padding:20px;border:dashed 1px #ddd;background:#fbfbfb;border-radius:5px;} .show-article .description .big{float:left;width:45px;height:60px;font-size:24px;line-height:30px;border-right:1px solid #ddd;color:#666;} .show-article .description .small{height:60px;padding-left:20px;line-height:20px;color:#999;overflow:hidden;} .show-article .content{float:left;width:100%;padding:15px 10px;font-size:14px;line-height:168%;} .show-article .content img{max-width:100%;} .show-article .pager{float:left;width:100%;margin:28px 0 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;position:relative;} .show-article .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-article .pager a{float:left;width:50%;font-size:14px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-article .pager a.l_pager{padding-right:12px;text-align:left;} .show-article .pager a.r_pager{float:right;padding-left:12px;text-align:right;} @media screen and (max-width:767px){ .show-article{padding:10px;} .show-article .title{margin:10px 0;padding:10px 0;font-size:18px;} .show-article .meta{padding:5px 0;font-size:12px;} .show-article .description{margin:10px 0;padding:10px;} .show-article .description .big{width:30px;float:left;font-size:20px;line-height:30px;} .show-article .description .small{padding-left:12px;} .show-article .content{padding:10px 0;font-size:12px;} .show-article .pager{width:100%;margin:20px 0;} .show-article .pager a{font-size:13px;line-height:38px;} } /*文章详情 结束*/ /*帮助列表 开始*/ .list-help{float:left;width:100%;height:auto;border-radius:5px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);overflow:hidden;} .list-help h2{height:50px;padding-left:20px;font:normal 15px/50px "NotoSansHans";} .list-help ul{margin:0 -10px;} .list-help ul li{float:left;width:100%;height:auto;border-bottom:1px solid #f5f5f5;} .list-help ul li .items{float:left;width:100%;height:auto;margin:5px 0;padding:10px 25px;} .list-help ul li .items .date{float:left;width:70px;height:66px;margin-right:20px;border-radius:5px;text-align:center;overflow:hidden;} .list-help ul li .items .date span{display:block;height:46px;padding-top:5px;background:#eeeeee;color:#999;font-size:15px;line-height:40px;} .list-help ul li .items .date p{display:block;height:20px;background:#bbb;color:#fff;line-height:20px;font-size:12px;} .list-help ul li .items:hover .date span{background:#1bcfab;color:#fff;} .list-help ul li .items:hover .date p{background:#18bc9c;color:#fff;} .list-help ul li .items .tit{display:block;height:25px;margin-bottom:3px;padding-top:2px;font-size:15px;overflow:hidden;} .list-help ul li .items .desc{display:block;height:36px;margin:0 0 5px;line-height:18px;color:#999;overflow:hidden;} .list-help ul li:last-child .items{border-bottom:none;} @media screen and (max-width:767px){ .list-help ul{margin:0 -5px;} .list-help ul li .items{padding:5px 15px;} .list-help ul li .items .date{margin-right:10px;} } /*帮助列表 结束*/ /*文章-详情 开始*/ .show-help{float:left; width:100%; height:auto; padding:20px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .show-help .title{float:left;width:100%;padding:30px 0;text-align:center;font-size:38px;color:#333;font-weight:bold;} .show-help .meta{float:left;width:100%;height:35px;text-align:center;line-height:35px;color:#999;background:#fbfbfb;border-radius:5px;overflow:hidden;} .show-help .meta a{color:#999;cursor:pointer;font-weight:bold;} .show-help .description{float:left;width:100%;margin:15px 0;padding:20px;border:dashed 1px #ddd;background:#fbfbfb;border-radius:5px;} .show-help .description .big{float:left;width:45px;height:60px;font-size:24px;line-height:30px;border-right:1px solid #ddd;color:#666;} .show-help .description .small{height:60px;padding-left:20px;line-height:20px;color:#999;overflow:hidden;} .show-help .content{float:left;width:100%;padding:15px 10px;font-size:13px;line-height:2;} .show-help .content img{max-width:100%;} .show-help .pager{float:left;width:100%;margin:28px 0 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;position:relative;} .show-help .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-help .pager a{float:left;width:50%;font-size:14px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-help .pager a.l_pager{padding-right:12px;text-align:left;} .show-help .pager a.r_pager{float:right;padding-left:12px;text-align:right;} .show-help .bdshare_det{float:left;width:100%;height:36px;text-align:center;} .show-help .bdshare_det .bdshare2{display:inline-block;*display:inline;*zoom:1;vertical-align:top;} .show-help .bdshare_det .bdshare2 a,.show-help .bdshare_det .bdshare2 .bds_more{width:36px!important;height:36px!important;margin:0 8px!important;padding:0!important;} .show-help .bdshare_det .bdshare2 .bds_weixin{background:url(../images/icon-weixin.png) 0 0 no-repeat!important;} .show-help .bdshare_det .bdshare2 .bds_tsina{background:url(../images/icon-weibo.png) 0 0 no-repeat!important;} .show-help .bdshare_det .bdshare2 .bds_qzone{background:url(../images/icon-qzone.png) 0 0 no-repeat!important;} @media screen and (max-width:767px){ .show-help{margin-bottom:15px; padding:10px;} .show-help .title{padding:15px 0;font-size:20px;line-height:30px;} .show-help .meta{height:28px;font-size:12px;line-height:28px;} .show-help .description{margin:10px 0;padding:10px;} .show-help .description .big{width:30px;float:left;font-size:20px;line-height:30px;} .show-help .description .small{padding-left:12px;} .show-help .content{padding:10px 0;font-size:12px;} .show-help .pager{width:100%;margin:20px 0;} .show-help .pager a{font-size:13px;line-height:38px;} } /*文章-详情 结束*/ /*案例-列表 开始*/ .list-case{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-case ul{float:left;width:100%;padding:7.5px;} .list-case ul li{float:left;width:33.333%;padding:7.5px;} .list-case ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;border:1px solid #f5f5f5;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .list-case ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .list-case ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .list-case ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);} .list-case ul li .items .text{float:left;width:100%;} .list-case ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:1199px){ .list-case ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-case ul li{width:50%;} } @media screen and (max-width:767px){ .list-case ul li{width:50%;} } /*案例-列表 结束*/ /*案例-详情 开始*/ .show-case{float:left;width:100%;height:auto;padding:20px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;} .show-case h2{float:left;width:100%;margin:15px 0;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;letter-spacing:1px;} .show-case .category{padding:6px 0;} .show-case .category a{color:#18bc9c;} .show-case .category a:hover{text-decoration:underline} .show-case .meta{color:#999;text-align:center;font-size:12px;} .show-case .meta i{font-size:12px;} .show-case .meta span,.show-case .meta time{padding-right:12px;} .show-case .from a{color:#999;} .show-case .from a:hover{color:#fd5f56;} .show-case .editor a{color:#999;} .show-case .editor a:hover{color:#4e9e00;} .show-case .pic{float:left;width:100%;padding:15px 10px;text-align:center;} .show-case .pic img{max-width:100%;} .show-case .link{float:left;width:100%;padding:15px 0;font-size:12px;text-align:center;} .show-case .link ul{float:left;width:100%;padding:0 8px;} .show-case .link ul li{display:inline-block;width:120px;height:40px;margin:0 8px;border-radius:5px;line-height:40px;text-align:center;background:#18bc9c;letter-spacing:1px;} .show-case .link ul li a{color:#fff;} .show-case .link ul li:nth-child(9n+2){background:#f56c6c;} .show-case .content{float:left;width:100%;padding:15px 10px;font-size:13px;} .show-case .content img{max-width:100%;} .show-case .tags{font-size:13px;color:#999;padding:5px 10px;} .show-case .tags a{padding-right:8px;} .show-case .tags a:nth-child(9n){color: #4A4A4A;} .show-case .tags a:nth-child(9n+1){color: #428BCA;} .show-case .tags a:nth-child(9n+2){color: #5CB85C;} .show-case .tags a:nth-child(9n+3){color: #D9534F;} .show-case .tags a:nth-child(9n+4){color: #567E95;} .show-case .tags a:nth-child(9n+5){color: #B433FF;} .show-case .tags a:nth-child(9n+6){color: #00ABA9;} .show-case .tags a:nth-child(9n+7){color: #B37333;} .show-case .tags a:nth-child(9n+8){color: #FF6600;} .show-case .pager{float:left;width:100%;padding:5px 10px;border-top:1px solid #f2f2f2;font-size:13px;border-bottom:1px solid #f2f2f2;position:relative;} .show-case .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-case .pager a{float:left;width:40%;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-case .pager a.l_pager{padding-right:12px;text-align:left;} .show-case .pager a.r_pager{float:right;padding-left:12px;text-align:right;} .show-case .tip{padding:15px 10px;color:#aaa;font-size:12px;} .show-case .tip i{font-size:13px;} .show-case .tip a{color:#1279ee;} @media screen and (max-width:767px){ .show-case{padding:10px;} .show-case h2{margin:0 0 10px;padding:6px 10px;font-size:16px;color:#333;} .show-case .moban-header-left .img{height:300px;} .show-case .moban-header-right{float:left;width:100%;margin-top:10px;} .show-case .moban-header-right .tit{margin:10px 0;font-size:15px;} .show-case .moban-header-right .panel-a{padding:10px;} .show-case .moban-header-right .panel-a i{font-size:32px;} .show-case .moban-header-right .panel-a .items-a{font-size:20px;} .show-case .moban-header-right .panel-b{padding:5px 10px;font-size:12px;} .show-case .moban-header-right .panel-c{font-size:12px;} .show-case .moban-header-right .panel-c ul li{padding:8px 10px;} .show-case .moban-header-right .panel-d ul{padding:0 5px;} .show-case .moban-header-right .panel-d ul li{width:calc(33.333% - 10px);margin:10px 5px 5px;text-align:center;} .show-case .moban-header-right .panel-d ul li a{height:30px;line-height:30px;} .show-case .moban-body{margin-top:10px;} .show-case .moban-body .hd{height:36px;} .show-case .moban-body .hd ul li{height:36px;width:33.333%;line-height:34px;font-size:13px;} .show-case .moban-body .hd ul li:last-child{border-right:none;} .show-case .moban-body .bd{padding:10px;} .show-case .moban-body .bd .faq ul li .items{padding:10px;} .show-case .moban-body .bd .faq ul li .items .text .question{height:26px;line-height:26px;font-size:13px;} .show-case .moban-body .bd .faq ul li .items .text .answer{font-size:12px;} .show-case .moban-body .bd .after-sale{font-size:12px;} .show-case .moban-body .bd .after-sale .td{width:105px;} } /*案例-详情 结束*/ /*侧边大家都在看 开始*/ .side-list-hot {float:left; width:100%; height:auto;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;} .side-list-hot ul{float:left; width:100%; height:auto; padding:5px 10px; overflow:hidden;} .side-list-hot ul li{float:left; width:100%; height:35px;border-bottom:1px dashed #f5f5f5; line-height:35px; font-size:14px; overflow:hidden;} .side-list-hot ul li span{float:left; width:19px; height:19px; margin:8px 8px 8px 0; line-height:19px; display:inline-block; border-radius:5px; background:#999;font-size:12px; text-align:center; color:#fff; transition: all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;} .side-list-hot ul li:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);} .side-list-hot ul li:last-child{border-bottom:none;} /*侧边大家都在看 结束*/ .side-list-new {float:left; width:100%; height:auto;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;} .side-list-new ul{float:left; width:100%; height:auto; padding:5px 10px; overflow:hidden;} .side-list-new ul li{float:left; width:100%; height:35px;border-bottom:1px dashed #f5f5f5; line-height:35px; font-size:14px; overflow:hidden;} .side-list-new ul li span{float:left; width:19px; height:19px; margin:8px 8px 8px 0; line-height:19px; display:inline-block; border-radius:5px; background:#999;font-size:12px; text-align:center; color:#fff; transition: all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;} .side-list-new ul li:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);} .side-list-new ul li:last-child{border-bottom:none;} .side-list-img-001{float:left; width:100%; height:auto;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;} .side-list-img-001 ul{float:left; width:100%; height:auto; padding:5px; overflow:hidden;} .side-list-img-001 ul li{float:left;width:100%;height:auto;padding:7.5px 5px;border-bottom:1px dashed #f5f5f5;} .side-list-img-001 ul li .items{float:left;width:100%;height:auto;padding:5px;position:relative;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .side-list-img-001 ul li .items .img{width:100px;border:1px solid #f5f5f5;position:absolute;left:0;top:0;overflow:hidden;} .side-list-img-001 ul li .items .img img{width:100px;} .side-list-img-001 ul li .items .text{width:100%;padding:0 0 0 105px;overflow:hidden;} .side-list-img-001 ul li .items .text .title{width:100%;height:20px;font:normal 14px/20px "NotoSansHans";overflow:hidden;} .side-list-img-001 ul li .items .text .catname{width:100%;height:20px;color:#888;font:normal 12px/20px "NotoSansHans";color:#aaa;} .side-list-img-001 ul li .items .text .meta{float:left;width:100%;height:18px;font:normal 12px/18px "Georgia";color:#999;} .side-list-img-001 ul li .items .text .meta span{float:left;margin-right:10px;display:block;} .side-list-img-001 ul li .items .text .meta span i{font-size:10px;} .side-list-img-001 ul li:last-child{border-bottom:none;} @media screen and (max-width:767px){ } .side-list-img-002 {float:left; width:100%; height:auto;margin-bottom:15px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:0 0 5px 5px;} .side-list-img-002 ul{float:left;width:100%;padding:5px;overflow:hidden;} .side-list-img-002 ul li{float:left;width:50%;padding:5px;} .side-list-img-002 ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;border:1px solid #f5f5f5;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .side-list-img-002 ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .side-list-img-002 ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .side-list-img-002 ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);} .side-list-img-002 ul li .items .text{float:left;width:100%;} .side-list-img-002 ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} /*单页详情 开始*/ .page-content{float:left; width:100%; height:auto; min-height:350px; padding:20px;border-radius:5px;background:#fff;overflow:hidden;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .page-content img{max-width:100%;} .page-content .catname{float:left;width:100%;padding:15px 0;text-align:center;font-size:30px;border-bottom:1px solid #f5f5f5;color:#555;} .page-content .content{float:left;width:100%;padding:15px 0 0;line-height:180%;font-size:14px;color:#666;} @media screen and (max-width:991px){ .page-content{padding:15px;} .page-content .catname{padding:10px 0;font-size:26px;} .page-content .content{padding:10px 0 0;font-size:13px;} } /*单页详情 结束*/ /*案例列表 开始*/ .list-case{float:left;width:100%;height:auto;margin-bottom:15px;border-radius:5px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);} .list-case ul{float:left;width:100%;padding:7.5px;} .list-case ul li{float:left;width:33.333%;padding:7.5px;} .list-case ul li .items{float:left;width:100%;height:auto;padding:10px;background:#fff;border:1px solid #f5f5f5;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border-radius:5px;} .list-case ul li .items .img{float:left;width:100%;padding-bottom:66.666%;position:relative;overflow:hidden;} .list-case ul li .items .img img{width:100%;position:absolute;left:0;top:0;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;} .list-case ul li .items:hover{box-shadow: 0px 5px 28px 0px rgba(65, 106, 123, 0.2);} .list-case ul li .items .text{float:left;width:100%;} .list-case ul li .items .text .name{float:left;width:100%;height:28px;margin-top:5px;text-align:center;font-size:13px;line-height:28px;} @media screen and (max-width:1199px){ .list-case ul li{width:33.333%;} } @media screen and (max-width:991px){ .list-case ul li{width:50%;} } @media screen and (max-width:767px){ .list-case ul li{width:50%;} } /*案例列表 结束*/ /*案例详情 开始*/ .show-case{float:left;width:100%;height:auto;padding:20px;border-radius:5px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);overflow:hidden;} .show-case h2{float:left;width:100%;margin:15px 0;padding:30px 0;text-align:center;font-size:30px;color:#333;font-weight:bold;letter-spacing:1px;} .show-case .category{padding:6px 0;} .show-case .category a{color:#18bc9c;} .show-case .category a:hover{text-decoration:underline} .show-case .meta{color:#999;text-align:center;font-size:12px;} .show-case .meta i{font-size:12px;} .show-case .meta span,.show-case .meta time{padding-right:12px;} .show-case .from a{color:#999;} .show-case .from a:hover{color:#fd5f56;} .show-case .editor a{color:#999;} .show-case .editor a:hover{color:#4e9e00;} .show-case .pic{float:left;width:100%;padding:15px 10px;text-align:center;} .show-case .pic img{max-width:100%;} .show-case .link{float:left;width:100%;padding:15px 0;font-size:12px;text-align:center;} .show-case .link ul{float:left;width:100%;padding:0 8px;} .show-case .link ul li{display:inline-block;width:120px;height:40px;margin:0 8px;border-radius:5px;line-height:40px;text-align:center;background:#18bc9c;letter-spacing:1px;} .show-case .link ul li a{color:#fff;} .show-case .link ul li:nth-child(9n+2){background:#f56c6c;} .show-case .content{float:left;width:100%;padding:15px 10px;font-size:13px;} .show-case .content img{max-width:100%;} .show-case .tags{font-size:13px;color:#999;padding:5px 10px;} .show-case .tags a{padding-right:8px;} .show-case .tags a:nth-child(9n){color: #4A4A4A;} .show-case .tags a:nth-child(9n+1){color: #428BCA;} .show-case .tags a:nth-child(9n+2){color: #5CB85C;} .show-case .tags a:nth-child(9n+3){color: #D9534F;} .show-case .tags a:nth-child(9n+4){color: #567E95;} .show-case .tags a:nth-child(9n+5){color: #B433FF;} .show-case .tags a:nth-child(9n+6){color: #00ABA9;} .show-case .tags a:nth-child(9n+7){color: #B37333;} .show-case .tags a:nth-child(9n+8){color: #FF6600;} .show-case .pager{float:left;width:100%;padding:5px 10px;border-top:1px solid #f2f2f2;font-size:13px;border-bottom:1px solid #f2f2f2;position:relative;} .show-case .pager::after{float:left;width:1px;height:100%;background:#f2f2f2;content:'';position:absolute;left:50%;top:0;} .show-case .pager a{float:left;width:40%;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .show-case .pager a.l_pager{padding-right:12px;text-align:left;} .show-case .pager a.r_pager{float:right;padding-left:12px;text-align:right;} .show-case .tip{padding:15px 10px;color:#aaa;font-size:12px;} .show-case .tip i{font-size:13px;} .show-case .tip a{color:#1279ee;} @media screen and (max-width:767px){ .show-case{padding:10px;} .show-case h2{margin:0 0 10px;padding:6px 10px;font-size:16px;color:#333;} .show-case .moban-header-left .img{height:300px;} .show-case .moban-header-right{float:left;width:100%;margin-top:10px;} .show-case .moban-header-right .tit{margin:10px 0;font-size:15px;} .show-case .moban-header-right .panel-a{padding:10px;} .show-case .moban-header-right .panel-a i{font-size:32px;} .show-case .moban-header-right .panel-a .items-a{font-size:20px;} .show-case .moban-header-right .panel-b{padding:5px 10px;font-size:12px;} .show-case .moban-header-right .panel-c{font-size:12px;} .show-case .moban-header-right .panel-c ul li{padding:8px 10px;} .show-case .moban-header-right .panel-d ul{padding:0 5px;} .show-case .moban-header-right .panel-d ul li{width:calc(33.333% - 10px);margin:10px 5px 5px;text-align:center;} .show-case .moban-header-right .panel-d ul li a{height:30px;line-height:30px;} .show-case .moban-body{margin-top:10px;} .show-case .moban-body .hd{height:36px;} .show-case .moban-body .hd ul li{height:36px;width:33.333%;line-height:34px;font-size:13px;} .show-case .moban-body .hd ul li:last-child{border-right:none;} .show-case .moban-body .bd{padding:10px;} .show-case .moban-body .bd .faq ul li .items{padding:10px;} .show-case .moban-body .bd .faq ul li .items .text .question{height:26px;line-height:26px;font-size:13px;} .show-case .moban-body .bd .faq ul li .items .text .answer{font-size:12px;} .show-case .moban-body .bd .after-sale{font-size:12px;} .show-case .moban-body .bd .after-sale .td{width:105px;} } /*案例详情 结束*/ /*在线留言 开始*/ .guestbook{float:left;width:100%;padding:40px;border-radius:5px;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);background:#fff;overflow:hidden;} .guestbook .lab{float:left;width:100%;} .guestbook .lab .fm_0050{float:left;width:50%;padding:0 10px;} .guestbook .lab .fm_0100{float:left;width:100%;padding:0 10px;} .guestbook .lab .fm_280{width:280px;margin:0 auto;display:block;} .fm_txt{float:left;width:100%;margin-top:10px;line-height:25px;color:#444;font-size:14px;text-transform:uppercase;} .fm_txt em{font-size:12px;font-style:normal;line-height:32px;} .fm_txt span{color:#f60;line-height:32px;} .fm_input{float:left;width:100%;height:40px;padding:0 18px;border:1px solid #f5f5f5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#333;font-size:14px;line-height:48px;-webkit-appearance:none;outline:0;} .fm_textarea{float:left;width:100%;height:100px;padding:12px 18px;border:1px solid #f5f5f5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#333;font-size:14px;line-height:24px;-webkit-appearance:none;outline:0;} .fm_btn{float:left;width:100%;height:46px;margin-top:20px;line-height:46px;text-align:center;font-size:16px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-appearance:none;outline:0;border:none;background:#18bc9c;color:#fff;letter-spacing:1px;} .fm_btn:hover,.fm_btn:focus{opacity:.8;filter:alpha(opacity=80);} .messageIn::-webkit-input-placeholder{color:#999!important;} .messageIn:-moz-placeholder{color:#999!important;} .messageIn::-moz-placeholder{color:#999!important;} .messageIn:-ms-input-placeholder{color:#999!important;} .help-block{float:left;width:100%;padding-top:8px;color:#999;font-size:12px;line-height:15px;text-align:center;} .help-block span{color:#f60;font-size:13px;} @media screen and (max-width:767px){ .guestbook{padding:15px;} .guestbook .lab .fm_0050{width:100%;padding:0;} .guestbook .lab .fm_0100{padding:0;} .guestbook .lab .fm_280{width:100%;} .fm_input{padding:0 10px;} .fm_textarea{height:100px;padding:10px 10px;line-height:20px;} .fm_btn{height:42px;line-height:42px;} } /*在线留言 结束*/ /*联系我们 开始*/ .contact{float:left;width:100%;padding:40px;border-radius:5px;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);background:#fff;overflow:hidden;} .contact .contactDiv{float:left;width:48%;} .contact .contactDiv .cnName{float:left;width:100%;color:#333;font-size:28px;line-height:40px;} .contact .contactDiv .enName{float:left;width:100%;margin-top:6px;color:#333;font-size:15px;font-family:Arial;text-transform:uppercase;line-height:20px;} .contact .contactDiv .textC{float:left;width:100%;margin-top:30px;padding:18px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;} .contact .contactDiv .textC .p1{float:left;width:100%;margin:14px 0;padding-left:20px;color:#333;font-size:16px;line-height:26px;} .contact .contactDiv .textC .p1 a{color:#333} .contact .contactDiv .textB{float:left;width:100%;margin-top:30px;position:relative;} .contact .contactDiv .textB .erQrcode{float:left;width:140px;height:140px;padding:9px;background:#fff;line-height:0;border:1px solid #eee;} .contact .contactDiv .textB .erQrcode img{width:120px;height:120px;} .contact .contactDiv .textB .erTxt{position:absolute;left:163px;bottom:0;} .contact .contactDiv .textB .erTxt .sp1{display:block;color:#3a3a3a;font-size:16px;line-height:30px;} .contact .contactDiv .textB .erTxt .sp2{display:block;color:#464646;font-size:12px;line-height:26px;} .contact .contactDiv .textB .erTxt .sp3{display:block;color:#999;font-size:12px;line-height:26px;} .contact .bdmap{float:right;width:50%;height:520px;padding:2px;border:1px solid #eee;} .contact .bdmap img{max-width:inherit!important;} .contact .bdmap .iw_poi_title{color:#18bc9c;font-size:16px;} .contact .bdmap .iw_poi_content{color:#333;font-size:12px;line-height:18px;margin-top:7px;} @media screen and (max-width:992px){ .contact{float:right;width:100%;padding:15px;} .contact .contactDiv{width:100%;} .contact .contactDiv .cnName{font-size:18px;line-height:28px;} .contact .contactDiv .enName{margin:5px 0;line-height:20px;} .contact .contactDiv .textC{margin-top:10px;padding:10px 0;} .contact .contactDiv .textC .p1{margin:5px 0;padding-left:15px;font-size:15px;line-height:22px;} .contact .contactDiv .textB{display:none;} .contact .bdmap{width:100%;height:360px;margin-top:20px;} } /*联系我们 结束*/ /*通用-列表翻页*/ .pagination-wrapper{float:left;width:100%;text-align:center;} .pagination{float:left;width:100%;text-align:center;font-size:14px;overflow:hidden;} .pagination span{display:inline-block;height:30px;margin-left:5px;padding:0px 11px;border:1px solid #ececec;line-height:28px;background:#fff;border-radius:3px;} .pagination a{display:inline-block;height:30px;margin-left:5px;padding:0px 11px;border:1px solid #ececec;line-height:28px;background:#fff;border-radius:3px;} .pagination a:hover{height:30px;background:#18bc9c;color:#fff;box-shadow:0px 2px 15px rgba(150,150,150,0.1);} .pagination .current-page{height:30px;background:#1ac8a5;color:#fff;box-shadow:0px 2px 15px rgba(150,150,150,0.1);} @media screen and (max-width:767px){ .pagination-wrapper{margin:10px 0;} } /*友情链接*/ .in-flink {float:left;width:100%;height:auto;overflow:hidden;} .in-flink ul{margin:0 -7.5px;} .in-flink ul li{float:left;padding:7.5px;} /* 页脚 */ .x-line{float:left;width:100%;height:10px;background:#18bc9c;box-shadow:2px 2px 4px #ddd;} .footer-copyright{width:100%;margin:0 auto;padding:20px 10px;font-size:13px;color:#666;text-align:center;} .footer-copyright p{line-height:30px;} .footer-copyright p span{padding:0 5px;display:inline-block;} @media (max-width:767px){ .footer-copyright p{line-height:24px;font-size:12px;} } /*全站底部波浪*/ .waveHorizontals{width:100%;height:20px;position:relative;overflow:hidden;z-index:1;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(255,255,255,.8);} #waveHorizontal1{-webkit-mask:url(../images/zhankr_001.svg);mask:url(../images/zhankr_001.svg);animation-delay:-2s;animation-duration:12s;} #waveHorizontal1, #waveHorizontal2, #waveHorizontal3{background-image:linear-gradient(20deg,#18bc9c 0,#55eacc 100%)!important;} .waveHorizontal{width:200%;height:100%;display:block;position:absolute;left:0;bottom:0;background-repeat:repeat-x;background-position:left bottom;background-size:350px 100%;transform-origin:0 100% 0;animation-name:move;animation-timing-function:linear;animation-iteration-count:infinite;} @keyframes move{ 0%{transform:translate(-175px,0px) scale(1,1)} 50%{transform:translate(-87px,0px) scale(1,0.5)} 100%{transform:translate(0px,0px) scale(1,1)} } #waveHorizontal2{-webkit-mask:url(../images/zhankr_002.svg);mask:url(../images/zhankr_002.svg);animation-delay:-2s;animation-duration:5s;} #waveHorizontal3{-webkit-mask:url(../images/zhankr_003.svg);mask:url(../images/zhankr_003.svg);animation-delay:-1s;animation-duration:3s;} /*全站底部波浪*/ .AD-A{float:left;width:100%;height:auto;margin:15px 0 0;text-align:center;background:#fff;padding:10px;box-shadow:0 2px 8px 0 rgba(155,155,155,0.06);border-radius:5px;overflow:hidden;position:relative;} .AD-A img{width:100%;height:80px;} .AD-S{float:left;width:278px;height:88px;margin:15px 0 0;text-align:center;overflow:hidden;position:relative;} .AD-333{float:left;width:100%;height:auto;margin:15px 0 0;text-align:center;background:#fff;box-shadow:0 2px 8px 0 rgba(155,155,155,0.06);border-radius:5px;overflow:hidden;position:relative;} .AD-333 img{width:100%;height:68px;} @media (max-width:767px){ .AD-A{margin:10px 0 0;padding:5px;} .AD-S{margin:5px 0 0;padding:5px;} .AD-333{padding:5px;} } .moban-comment{float:left;width:100%;padding:10px;border:solid 1px #f2f2f2;border-radius:5px;background:#fff;} .comment-post .tit{float:left;width:100%;margin:10px 0;padding:0 8px 8px;border-radius:5px 5px 0 0;border-bottom:1px solid #f2f2f2;color:#555;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);vertical-align:middle;overflow:hidden;} .comment-post .tit i{margin-right:8px;font-size:18px;vertical-align:middle;} .comment-post .tit strong{font-size:15px;color:#555;vertical-align:middle;} .comment-post .tit em{float:right;display:block;vertical-align:middle;color:#888;font-size:13px;} .comment-post .tit a{float:right;font-size:18px;} .comment-post .con{float:left;width:100%;} .comment-post .con ul{float:left;width:100%;overflow:hidden;} .comment-post .con ul li{display:inline-block;} .comment-post .con ul li:nth-child(9n){display:inline-block;} .comment-post .con ul li:nth-child(9n+1){width:calc(25% - 10px);padding-right:10px;} .comment-post .con ul li:nth-child(9n+2){width:calc(25% - 10px);padding-right:10px;} .comment-post .con ul li:nth-child(9n+3){width:calc(25% - 10px);padding-right:10px;} .comment-post .con ul li:nth-child(9n+4){width:25%;padding-right:0;} .comment-post .con ul li:nth-child(9n+5){width:100%;} .comment-post .con ul li:nth-child(9n+6){width:100%;} .comment-post .con ul li input.text{border:1px solid #f2f2f2;line-height:38px;height:38px;margin:0;padding:10px;width:100%;border-radius:3px;font-size:12px;} .textarea{margin-top:10px;color:#2f3033;padding:10px;width:100%;height:120px;border:1px solid #f2f2f2;border-radius:5px;font-size:12px;} .verify-wrap{position:relative;} .verify-wrap img{border-radius:3px;position:absolute;right:0;top:0;height:38px!important;width:100px!important;border:1px solid #f2f2f2} .comment-post input.button{border:none;cursor:pointer;color:#d3faf2;text-align:center;height:36px;line-height:36px;border-radius:3px;width:130px;display:block;margin-top:5px;margin-bottom:15px;background:#18bc9c;transition:0.8s cubic-bezier(0.2,0.8,0.2,1.0);box-shadow:0 5px 15px rgba(24,188,156,0.5);font-size:14px;} .comment-post input.button:hover{opacity:.8;filter:alpha(opacity=80);} @media screen and (max-width:767px){ .comment-post .con ul li:nth-child(9n+1){width:100%;margin-bottom:10px;padding-right:0;} .comment-post .con ul li:nth-child(9n+2){width:100%;margin-bottom:10px;padding-right:0;} .comment-post .con ul li:nth-child(9n+3){width:100%;margin-bottom:10px;padding-right:0;} .comment-post .con ul li:nth-child(9n+4){width:100%;} } .comment-list .tit{float:left;width:100%;margin:10px 0;padding:0 8px 8px;border-radius:5px 5px 0 0;border-bottom:1px solid #f2f2f2;color:#555;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);vertical-align:middle;overflow:hidden;} .comment-list .tit i{margin-right:8px;font-size:18px;vertical-align:middle;} .comment-list .tit strong{font-size:15px;color:#555;vertical-align:middle;} .comment-list .tit em{float:right;display:block;vertical-align:middle;color:#888;font-size:13px;} .comment-list .tit a{float:right;font-size:18px;} .comment-list .con{float:left;width:100%;height:auto;margin-bottom:15px;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:0 0 5px 5px;} .comment-list .con ul{float:left;width:100%;height:auto;padding:0;overflow:hidden;} .comment-list .con ul li{float:left;width:100%;height:auto;padding:5px 0;} .comment-list .con ul li .items{float:left;width:100%;height:auto;padding:0;position:relative;overflow:hidden;} .comment-list .con ul li .items .avatar{position:absolute;left:0;top:0;border-radius:50%;} .comment-list .con ul li .items .avatar img{width:64px;height:64px;border-radius:50%;border:3px solid #eee;transition: all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;} .comment-list .con ul li .items .avatar:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);box-shadow: 0px 0px 3px #ccc;} .comment-list .con ul li .items .comment{width:100%;padding:0 0 0 80px;line-height:25px;overflow:hidden;} .comment-list .con ul li .items .comment .msg{position:relative;width:100%;font:normal 12px/20px "NotoSansHans";} .comment-list .con ul li .items .comment .msg:before{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #f3f3f3;position:absolute;top:15px;left:-8px;} .comment-list .con ul li .items .comment .msg:after{content: ''; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #fbfdfb; position: absolute; top: 17px; left: -6px;} .comment-list .con ul li .items .comment .msg .text{float:left;width:100%;padding:8px 10px;font:normal 13px/22px "NotoSansHans";border:1px #f2f2f2 solid;border-radius:5px;background:#fbfbfb; word-wrap: break-word;display:block;} .comment-list .con ul li .items .comment .msg .text .other{float:left;width:100%;height:auto;margin-top:5px;padding-top:5px;border-top:1px solid #eee;font:normal 12px/18px "NotoSansHans";color:#a09792;overflow:hidden;} .comment-list .con ul li .items .comment .msg .text .other span{float:left;margin-right:10px;display:block;} .comment-list .con ul li .items .comment .msg .text .other span i{font-size:10px;} .comment-list .con ul li .items .comment .msg .text .other span a{color:#a09792;} .comment-list .con ul li .items .comment .msg .text .reply{float:right;margin-top:5px;position:relative;} .comment-list .con ul li .items .comment .msg .text .reply .re-avatar{position:absolute;right:0;bottom:0;border-radius:50%;} .comment-list .con ul li .items .comment .msg .text .reply .re-avatar img{width:42px;border:3px solid #f4f2ef;border-radius:50%;transition: all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;} .comment-list .con ul li .items .comment .msg .text .reply .re-avatar:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);box-shadow: 0px 0px 3px #ccc;} .comment-list .con ul li .items .comment .msg .text .reply .re-comment{width:100%;padding:0 58px 0 0;line-height:25px;overflow:hidden;} .comment-list .con ul li .items .comment .msg .text .reply .re-comment .re-msg{position:relative;width:100%;} .comment-list .con ul li .items .comment .msg .text .reply .re-comment .re-msg:before{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid #eeeeee;position:absolute;bottom:9px;right:-8px;} .comment-list .con ul li .items .comment .msg .text .reply .re-comment .re-msg:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fff;position:absolute;bottom:11px;right:-6px;} .comment-list .con ul li .items .comment .msg .text .reply .re-comment .re-msg .re-text{padding:5px 10px;border:1px #eeeeee dashed;border-radius:5px;color:#999;background:#fff;} .comment-list .con ul li .items .comment .msg .text .reply .re-comment .re-msg .re-text span{margin-right:3px;color:#ff944c;} @media screen and (max-width:767px){ .comment-list .con ul li .items .avatar img{width:32px;height:32px;border:2px solid #eee;} .comment-list .con ul li .items .comment{padding:0 0 0 42px;} .comment-list .con ul li .items .comment .msg:before{top:8px;left:-8px;} .comment-list .con ul li .items .comment .msg:after{top:10px; left: -6px;} .comment-list .con ul li .items .comment .msg .text .reply .re-avatar img{width:32px;border:2px solid #f4f2ef;} .comment-list .con ul li .items .comment .msg .text .reply .re-comment{padding:0 42px 0 0;} } ul.msg{list-style: none;margin: 10px 0;position:relative;text-align:left;list-style-position:outside;table-layout:fixed;word-wrap:break-word} li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em} li.msggravatar{display:block;float:left;margin-right:5px} li.msgarticle{list-style-position:outside;padding:10px;padding-right:0;margin:0;/*border-bottom:1px solid #eaeaea*/} ul.msg li.msgarticle{margin-left:60px;} li.msgtime{padding:5px 0 0 0;font-weight:400;font-size:.8em} .msg img.avatar{width:60px;height:60px;float:left;padding:4px;border-radius: 50%;} ul.msg ul.msg{padding:10px 0 0 0;margin:20px 0 0 0;/*border-top:1px solid #eaeaea;*/border-bottom:none} ul.msg ul.msg li.msgarticle{padding-bottom:0;border-bottom:0 solid #eaeaea;} li.msgname .commentname{padding-left:1.5%;padding-top: 1%;display: inline-block;} .comment-main{display:inline-block;padding: 10px 15px;background: #fefefe;border-radius: 10px;padding:15px 20px;margin-left:1.5%;box-shadow: 0px 2px 18px 0px rgba(65, 106, 123, 0.1);border-radius: 5px;} .comment-main small{color:#2f3033;opacity:.5;} .comment-main .content{font-size: 14px;line-height: 1.6;word-break: break-all;opacity:.7;} .revertcomment {font-size: 14px;float:right;padding-top:1%;white-space: nowrap;} /*.comment .post-single .list .btn,.post-btn,#divCommentPost input.button{border:none;cursor:pointer;color:#d3faf2;text-align:center;height:36px;line-height:36px;border-radius:3px;width:130px;display:block;margin-top: 5px;margin-bottom: 15px;background:#18bc9c;transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.0);box-shadow: 0 5px 15px rgba(24, 188, 156, 0.5);font-size:14px;} .comment .post-single .list .btn:hover,.post-btn:hover,#divCommentPost input.button:hover{background:#ff8f00;color:#fff;}*/ .background-fx{position:absolute;left:60px;right:0;height:100vh;top:0;overflow:hidden;opacity:1;z-index:-1;} .shape-01{position:absolute;top:11%;right:42%;-webkit-animation:animationFramesTwo 13s linear infinite;animation:animationFramesTwo 13s linear infinite} .shape-02{position:absolute;top:27%;left:17%;-webkit-animation:animationFramesFour 25s linear infinite alternate;animation:animationFramesFour 25s linear infinite alternate} .shape-03{position:absolute;top:30%;left:50%;-webkit-animation:animationFramesThree 35s linear infinite alternate;animation:animationFramesThree 35s linear infinite alternate} .shape-04{position:absolute;top:40%;right:23%;-webkit-animation:animationFramesFour 20s linear infinite alternate;animation:animationFramesFour 20s linear infinite alternate} .shape-05{position:absolute;bottom:62%;right:28%;-webkit-animation:animationFramesOne 15s linear infinite;animation:animationFramesOne 15s linear infinite} .shape-06{position:absolute;bottom:73%;left:38%;-webkit-animation:animationFramesFour 20s linear infinite alternate;animation:animationFramesFour 20s linear infinite alternate} .shape-07{position:absolute;left:14%;bottom:54%;-webkit-animation:animationFramesOne 17s linear infinite;animation:animationFramesOne 17s linear infinite} .shape-08{position:absolute;left:14%;top:60%;-webkit-animation:animationFramesOne 20s linear infinite alternate;animation:animationFramesOne 20s linear infinite alternate} .shape-09{position:absolute;top:22%;left:41%;-webkit-animation:animationFramesOne 15s linear infinite;animation:animationFramesOne 15s linear infinite} .shape-10{position:absolute;top:8%;right:6%;-webkit-animation:animationFramesOne 15s linear infinite;animation:animationFramesOne 15s linear infinite} .shape-11{position:absolute;top:10%;right:8%;-webkit-animation:animationFramesOne 12s linear infinite;animation:animationFramesOne 12s linear infinite} @keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)} 20%{transform:translate(73px,-1px) rotate(36deg)} 40%{transform:translate(141px,72px) rotate(72deg)} 60%{transform:translate(83px,122px) rotate(108deg)} 80%{transform:translate(-40px,72px) rotate(144deg)} to{transform:translate(0) rotate(0deg)} }@-webkit-keyframes animationFramesOne{0%{-webkit-transform:translate(0) rotate(0deg)} 20%{-webkit-transform:translate(73px,-1px) rotate(36deg)} 40%{-webkit-transform:translate(141px,72px) rotate(72deg)} 60%{-webkit-transform:translate(83px,122px) rotate(108deg)} 80%{-webkit-transform:translate(-40px,72px) rotate(144deg)} to{-webkit-transform:translate(0) rotate(0deg)} }@keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg) scale(1)} 20%{transform:translate(73px,-1px) rotate(36deg) scale(.9)} 40%{transform:translate(141px,72px) rotate(72deg) scale(1)} 60%{transform:translate(83px,122px) rotate(108deg) scale(1.2)} 80%{transform:translate(-40px,72px) rotate(144deg) scale(1.1)} to{transform:translate(0) rotate(0deg) scale(1)} }@-webkit-keyframes animationFramesTwo{0%{-webkit-transform:translate(0) rotate(0deg) scale(1)} 20%{-webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9)} 40%{-webkit-transform:translate(141px,72px) rotate(72deg) scale(1)} 60%{-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2)} 80%{-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1)} to{-webkit-transform:translate(0) rotate(0deg) scale(1)} }@keyframes animationFramesThree{0%{transform:translate(165px,-179px)} to{transform:translate(-346px,617px)} }@-webkit-keyframes animationFramesThree{0%{-webkit-transform:translate(165px,-179px)} to{-webkit-transform:translate(-346px,617px)} }@keyframes animationFramesFour{0%{transform:translate(-300px,151px) rotate(0deg)} to{transform:translate(251px,-200px) rotate(180deg)} }@-webkit-keyframes animationFramesFour{0%{-webkit-transform:translate(-300px,151px) rotate(0deg)} to{-webkit-transform:translate(251px,-200px) rotate(180deg)} } [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:.35em .75em .625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{display:inline-block;vertical-align:baseline} textarea{overflow:auto} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details,menu{display:block} summary{display:list-item} canvas{display:inline-block} template{display:none} [hidden]{display:none}