/* serverBar */ .serverBar { position: fixed; right: 0; top: 35%; z-index:999; background: url(../images/serverbar-bg.png) no-repeat center; width: 160px; height: 448px; display: none;} .serverBar .close{position:absolute;right:0;top:-15px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;cursor:pointer;background:rgba(0,0,0,0.5);border-radius:50%;} .serverBar .close:hover{background:#000;} .serverBar .serverBar-list { margin-top: 155px; overflow: hidden; width: 100%;} .serverBar .serverBar-list a { margin: 5px auto; display: block; width: 130px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #212121; border-radius: 10px; border:1px solid rgba(33,33,33,.3);} .serverBar .serverBar-list a:hover { background: linear-gradient(to bottom right,#fff,#4e4b45); border:1px solid transparent;} .serverBar .serverBar-num { text-align: center; margin-top: 15px;} .serverBar .serverBar-num p { font-size: 16px; color: #212121;} .serverBar .serverBar-num em { font-size: 18px; color: #212121; font-family: "DIN Medium";} .serverBar-min{display:none;position:fixed;z-index:999;top:35%;right:20px;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;background:rgba(0,0,0,0.5);cursor:pointer;border-radius:50%;} .serverBar-min i{font-size:24px;} .serverBar-min:hover{background:#000;} @media(max-width:1024px) { .serverBar { display:none!important;} } /* serverBar end */ /* serverBar02 */ .serverBar02 { display: none; position: fixed; top: 50%; left: 50%; z-index: 999; background: url(../images/serverbar-bg02.png) no-repeat center; width: 625px; height: 300px; transform: translate(-50%,-50%);} .serverBar02 .serverBar02-close { cursor: pointer; transition: all 1s; position: absolute;right: 71px;top: 10px;width: 40px;height: 40px;line-height: 40px;text-align: center;} .serverBar02 .serverBar02-close i {font-size: 24px;color: #212121;} .serverBar02 .server-logo { text-align: center; display: block; margin: 80px auto 0; width: 425px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.2);} .serverBar02 .server-logo img { display: block; margin: 0 auto; width: 295px;} .serverBar02 .server-logo p { margin-top: 5px; font-size: 18px; color: #212121;} .serverBar02 ul { display: block; margin: 20px auto; width: 488px; overflow: hidden;} .serverBar02 li { float: left; width: 33.333%; text-align: center;} .serverBar02 li em { display: block; font-size: 20px; color:#212121; font-family: "DIN Medium";} .serverBar02 li p { font-size: 15px; color: #212121;} .serverBar02 .inner > a { display: block; margin: 0 auto; text-align: center; font-size: 18px; color: #212121; width: 130px; height: 45px; line-height: 45px; border-radius: 10px; border: 1px solid rgba(33,33,33,.2);} .serverBar02 .inner > a:hover {background: linear-gradient(to bottom right,#fff,#4e4b45); border:1px solid transparent;} .serverBar02 .serverBar02-close:hover { transform: rotate(180deg);} @media(max-width:1024px) { .serverBar02 { display:none!important;} } /* serverBar02 end */ /*--cx-menu-01--*/ .cx-menu-01{position:relative;z-index:9;margin:-5px auto 0;width:1440px;height:85px;line-height:75px;overflow:hidden;border-top:#c5bdae solid 5px;} .cx-menu-01 .list{margin:0 75px;overflow:hidden;} .cx-menu-01 .list li{position:relative;height:80px;font-size:16px;text-align:center;} .cx-menu-01 .list li:after{display:none;position:absolute;left:50%;bottom:2px;margin-left:-5px;width:10px;height:10px;font-size:16px;content:"";background:#c5bdae;transform:rotate(-45deg);} .cx-menu-01 .list li a{display:block;height:75px;color:#333;border-right:#e5e5e5 solid 1px;background:#fff;} .cx-menu-01 .list li:last-child a{border-right:none;} .cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#fff;background:#c5bdae;} .cx-menu-01 .list li.cur:after,.cx-menu-01 .list li:hover:after{display:block;} .cx-menu-01 .prev,.cx-menu-01 .next{display:none;position:absolute;top:0;width:75px;height:75px;line-height:70px;text-align:center;color:#999;font-size:24px;cursor:pointer;outline:none;background:#fff;} .cx-menu-01 .prev{left:0;} .cx-menu-01 .next{right:0;} .cx-menu-01 .prev:hover,.cx-menu-01 .next:hover{color:#fff;background-color:#c5bdae;} .cx-menu-01 .drop-toggle{display:none;position:absolute;z-index:9;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer;border-left:#f0f0f0 solid 1px;background:#fff;} .cx-menu-01 .drop-toggle i{display:block;font-size:18px;} @media(max-width:1440px){ .cx-menu-01{width:1200px;} } @media(max-width:1024px){ .cx-menu-01{margin:0;width:100%;height:50px;line-height:50px;text-align:center;border-top:none;background:#fff;} .cx-menu-01:after{display:block;position:absolute;z-index:2;left:0;bottom:0;width:100%;height:1px;content:"";background:#f0f0f0;} .cx-menu-01 .list{margin:0;} .cx-menu-01[data-drop="true"] .list{margin-right:50px;} .cx-menu-01 .list li{width:auto;height:50px;font-size:14px;} .cx-menu-01 .list li:after{display:none;bottom:0;margin:0;width:30px;height:3px;transform:translateX(-50%);} .cx-menu-01 .list li a{padding:0 15px;height:50px;border:none;} .cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#c5bdae;background:none;} .cx-menu-01 .drop-toggle{display:block;} } /*--end cx-menu-01--*/ /*--about-banner--*/ .about-banner{ position:relative; height:755px;overflow:hidden;background-repeat:no-repeat;background-position:center;} .about-banner .container{position:relative;padding-top:230px;overflow:hidden;} .about-banner .text{color:#000;overflow:hidden;} .about-banner .text em{display:block;font-size:16px;font-weight:bold;text-transform:uppercase;} .about-banner .text h2{margin-top:20px;font-size:58px;line-height:70px;font-weight:bold;} .about-banner .crumbs{margin-top:85px;height:30px;line-height:30px;font-size:14px;overflow:hidden; opacity: 0;} .about-banner .crumbs a{display:inline-block;position:relative;padding-right:20px;margin-right:10px;color:#000;} .about-banner .crumbs a:after{display:block;position:absolute;right:0;top:0;font-family:"iconfont";font-size:14px;content:"\e699";color:#000;} .about-banner .crumbs a:last-child:after{display:none;} .about-banner .crumbs a:hover{color:#c5bdae;} .about-banner .arrow{display:none;position:absolute;left:50%;bottom:86px;transform:translateX(-50%);} .about-banner .arrow i{display:block;width:48px;height:48px;line-height:48px;color:#000;text-align:center;overflow:hidden;border:#000 solid 1px;border-radius:50%;} .about-banner .arrow i:before{display:block;font-family:"iconfont";content:"\e66d";transform:rotate(180deg);animation:arrow 2s linear infinite;} .about-banner .arrow span{display:block;margin-top:5px;font-size:14px;color:#000;} .about-banner[data-color="white"] .text{color:#fff;} .about-banner[data-color="white"] .crumbs{color:#fff;} .about-banner[data-color="white"] .crumbs a{color:#fff;} .about-banner[data-color="white"] .crumbs a:after{color:#fff;} .about-banner[data-color="white"] .arrow i{border-color:#fff;} .about-banner[data-color="white"] .arrow i:before{color:#fff;} .about-banner[data-color="white"] .arrow span{color:#fff;} .about-banner[data-color="black"] .text{color:#000;} .about-banner[data-color="black"] .crumbs{color:#000;} .about-banner[data-color="black"] .crumbs a{color:#000;} .about-banner[data-color="black"] .crumbs a:after{color:#000;} .about-banner[data-color="black"] .arrow i{border-color:#000;} .about-banner[data-color="black"] .arrow i:before{color:#000;} .about-banner[data-color="black"] .arrow span{color:#000;} @media(max-width:1024px){ /*.about-banner{height:55vw;background-size:cover;}*/ .about-banner{height:39vw;background-size:100% auto;} .about-banner .container{padding:0;height:100%;} .about-banner .text{position: absolute;left: 0;top: 50%;padding:20px;width: 100%;transform: translateY(-50%);} .about-banner .text em{font-size:14px;} .about-banner .text h2{margin-top:5px;font-size:24px;line-height:1.5;} .about-banner .crumbs{display:none;} .about-banner .arrow{display:none;} } @keyframes arrow{ 0%{opacity:0;transform:rotate(180deg) translateY(50%);} 50%{opacity:1;transform:rotate(180deg) translateY(0);} 100%{opacity:0;transform:rotate(180deg) translateY(-50%);} } /*--end about-banner--*/ /*--inpage-banner--*/ .inpage-banner{height:530px;overflow:hidden;background-repeat:no-repeat;background-position:center;} .inpage-banner .container{position:relative;padding-top:150px;overflow:hidden;} .inpage-banner .text{color:#000;overflow:hidden;} .inpage-banner .text em{display:block;font-size:16px;font-weight:bold;text-transform:uppercase;} .inpage-banner .text h2{margin-top:20px;font-size:58px;line-height:70px;font-weight:bold;} .inpage-banner .crumbs{margin-top:85px;height:30px;line-height:30px;font-size:14px;color:#000;overflow:hidden;} .inpage-banner .crumbs a{display:inline-block;position:relative;padding-right:20px;margin-right:10px;color:#000;} .inpage-banner .crumbs a:after{display:block;position:absolute;right:0;top:0;font-family:"iconfont";font-size:14px;content:"\e699";color:#000;} .inpage-banner .crumbs a:last-child:after{display:none;} .inpage-banner .crumbs a:hover{color:#c5bdae;} .inpage-banner[data-color="white"] .text{color:#fff;} .inpage-banner[data-color="white"] .crumbs{color:#fff;} .inpage-banner[data-color="white"] .crumbs a{color:#fff;} .inpage-banner[data-color="white"] .crumbs a:after{color:#fff;} .inpage-banner[data-color="black"] .text{color:#000;} .inpage-banner[data-color="black"] .crumbs{color:#000;} .inpage-banner[data-color="black"] .crumbs a{color:#000;} .inpage-banner[data-color="black"] .crumbs a:after{color:#000;} @media(max-width:1024px){ .inpage-banner{height:55vw;background-size:cover;} .inpage-banner .container{padding:0;height:100%;} .inpage-banner .text{position: absolute;left: 0;top: 50%;padding:20px;width: 100%;transform: translateY(-50%);} .inpage-banner .text em{font-size:14px;} .inpage-banner .text h2{margin-top:5px;font-size:24px;line-height:1.5;} .inpage-banner .crumbs{display:none;} } /*--end inpage-banner--*/ /*--cx-pager-01--*/ .cx-pager-01{clear:both;padding:40px 0;width:100%;line-height:38px;text-align:center;} .cx-pager-01 .pager-prev,.cx-pager-01 .pager-next{display:inline-block;vertical-align:middle;} .cx-pager-01 .pager-prev a,.cx-pager-01 .pager-next a{display:block;width:40px;height:40px;color:#9a9a9a;border:#e5e5e5 solid 1px;background-color:#fff;background-position:center;background-repeat:no-repeat;border-radius:50%;} .cx-pager-01 .pager-prev a:hover,.cx-pager-01 .pager-next a:hover{color:#fff;background-color:#c5bdae;border-color:#c5bdae;} .cx-pager-01 .pager-num{display:inline-block;padding:0 20px;vertical-align:middle;} .cx-pager-01 .pager-num a{display:inline-block;margin: 0 3px;width:40px;height:40px;font-size:16px;color:#9a9a9a;border:#e5e5e5 solid 1px;background:#fff;border-radius:50%;} .cx-pager-01 .pager-num a:hover,.cx-pager-01 .pager-num a.cur{color:#fff;background:#c5bdae;border-color:#c5bdae;} @media(max-width:1024px){ .cx-pager-01{padding:20px 0;line-height:30px;} .cx-pager-01 .pager-prev a,.cx-pager-01 .pager-next a{width:32px;height:32px;} .cx-pager-01 .pager-num{padding:0 10px;} .cx-pager-01 .pager-num a{margin:0 2px;width:32px;height:32px;font-size:14px;} } /*--end cx-pager-01--*/ /*--header--*/ .header{padding:40px 0;height:110px;background:#105F3E;} .header .inner{position:relative;height:30px;} .header .logo{float:left;width:295px;margin-top: -12px;} .header .logo img{display:block;width:100%;} .header .infos{float:right;line-height:30px;overflow:hidden;} .header .infos span{display:block;position:relative;float:left;font-size:18px;color:#fff;} .header .infos span a{color:#fff;} .header .infos span em{font-family:"DIN Medium";font-size:24px;color:#c5bdae;} .header .infos span.tmall{padding-left:40px;padding-right:25px;background:url(../images/tamll.png) no-repeat 0 center;} .header .infos span.tmall:after{display:block;position:absolute;top:50%;right:0;width:1px;height:22px;content:"";background:#4d4d4d;transform:translateY(-50%);} .header .infos span.tel{padding-left:22px;} .header .search-btn{position:absolute;z-index:33;right:0;top:80px;width:45px;height:45px;line-height:45px;cursor:pointer;text-align:center;} .header .search-btn:hover{color:#fff;background:#000;} .header .nav-btn{display:none;position:absolute;right:0;top:0;width:60px;height:60px;line-height:60px;color:#fff;text-align:center;} .header .nav-btn i{font-size:20px;color:#fff;} @media(max-width:1024px){ .header{padding:0 10px;height:60px;} .header .inner{height:60px;} .header .logo{position:relative;top:70%;width:200px;transform:translateY(-50%);} .header .infos,.header .search-btn{display:none;} .header .nav-btn{display:block;} } /*--end header--*/ /*--nav--*/ .navBar{position:relative;height:65px;line-height:65px;background:#fff;} .navBar .inner{position:relative;display:flex;justify-content:space-between;align-items:center;height:65px;} .navBar .navBox{width:calc(100% - 260px);} .navBar .searchBar{position:relative;padding-right:40px;width:260px;height:40px;} .navBar .searchBar input{display:block;padding:10px 20px;width:100%;height:40px;border:#e0e0e0 solid 1px;background:#f0f0f0;} .navBar .searchBar button{display:block;position:absolute;right:0;top:0;width:40px;height:40px;color:#fff;cursor:pointer;border:none;background:#105F3E;} .nav-list{display:flex;justify-content:center;} .nav-list>li{padding:0 30px;width:auto;font-size:18px;} .nav-list>li>a{display:block;position:relative;color:#666;} .nav-list>li>a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-17px;width:34px;height:3px;content:"";background:#105F3E;transform:scale(0,1);transition:all .5s;} .nav-list>li.cur>a,.nav-list>li:hover>a{color:#000;} .nav-list>li.cur>a:after,.nav-list>li:hover>a:after{transform:scale(1);} .dropDown{display:none;position:absolute;z-index:999;top:100%;left:50%;padding:50px 0;width:1920px;background:#f8f8f8;transform:translateX(-50%);} .dropDown .item{display:flex;align-items:center;overflow:hidden;} .dropDown .item .hd{width:368px;text-align:center;} .dropDown .item .hd h3{height:45px;line-height:45px;font-size:32px;color:#000;} .dropDown .item .hd h3 a{color:#000;} .dropDown .item .hd h3 a:hover{font-weight:bold;} .dropDown .item .hd em{display:block;margin-top:5px;font-family:"DIN Medium";font-size:16px;line-height:1.25;color:#999;text-transform:uppercase;} .dropDown .item .bd{padding-left:120px;width:1048px;height:185px;overflow:hidden;border-left:#dfdfdf solid 1px;} .dropDown .item .bd ul{display:flex;flex-wrap:wrap;height:185px;align-items:center;} .dropDown .item .bd li{position:relative;margin-right:135px;margin-bottom:24px;width:188px;height:60px;line-height:60px;font-size:18px;} .dropDown .item .bd li:nth-child(3n){margin-right:0;} .dropDown .item .bd li:after{display:block;position:absolute;right:0;top:0;font-family:"iconfont";content:"\e699";} .dropDown .item .bd li a{display:block;color:#666;border-bottom:#dbdbdb solid 1px;} .dropDown .item .bd li:hover,.dropDown .item .bd li:hover a{color:#000;} @media(max-width:1440px){ .dropDown{padding:40px 0;} .dropDown .item .hd{width:310px;} .dropDown .item .bd{padding-left:100px;width:880px;} .dropDown .item .bd li{margin-right:100px;width:168px;} } @media(max-width:1200px){ .nav-list>li{padding:0 20px;} .dropDown{width:100%;} .dropDown .item .bd li{margin-right:80px;width:148px;} } @media(max-width:1024px){ .navBar{display:none;} } /*--end nav--*/ /*--footer--*/ .footer{clear:both;overflow:hidden;background:#fff;} .ft-inner{padding:80px 0;overflow:hidden;border-top:#e5e5e5 solid 1px;} .ft-menu{float:left;width:1140px;overflow:hidden;} .ft-menu dl{float:left;width:16.6666%;} .ft-menu dt{height:30px;line-height:30px;font-size:20px;color:#000;font-weight:bold;} .ft-menu dt a{color:#000;} .ft-menu dt a:hover{font-weight:bold;} .ft-menu dd{padding-top:18px;overflow:hidden;} .ft-menu dd a{display:block;position:relative;height:36px;line-height:36px;font-size:16px;color:#666;transition:all .5s;} .ft-menu dd a:before{display:block;position:absolute;left:0;top:50%;width:0;height:1px;content:"";background:#000;transition:all .5s;} .ft-menu dd a:hover{padding-left:15px;color:#000;} .ft-menu dd a:hover:before{width:10px;} .ft-info{float:right;width:272px;text-align:center;overflow:hidden;} .ft-info .logo{padding-bottom:14px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;} .ft-info .logo img{display:inline-block;width:auto;max-width:216px;} .ft-info .tel{padding-top:16px;overflow:hidden;} .ft-info .tel span{display:block;font-size:16px;color:#999;} .ft-info .tel em{display:block;margin-top:4px;height:25px;line-height:25px;font-family:"DIN Medium";font-size:26px;color:#105F3E;;} .ft-info .share{margin-top:10px;text-align:center;} .ft-info .share li{position:relative;display:inline-block;margin:0 5px;width:40px;} .ft-info .share li a{display:block;width:40px;height:40px;border:#114538 solid 1px;border-radius:50%;background:#114538 url(../images/icon_share_cur.png) no-repeat;} .ft-info .share li a.icon-weibo{background-position:0 -80px;} .ft-info .share li a.icon-weixin{background-position:0 -40px;} .ft-info .share li a.icon-app{background-position:0 0;} .ft-info .share li .pop{display:none;position:absolute;bottom:50px;left:50%;padding:10px;width:154px;transform:translateX(-50%);box-shadow:0 0 20px rgba(0,0,0,0.1);background:#fff;} .ft-info .share li .pop:after{display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:#fff;transform:rotate(-45deg);} .ft-info .share li .pop img{display:block;width:100%;} .ft-info .share li .pop p{line-height:30px;font-size:16px;color:#666;} .ft-info .share li:hover a{background-color:#000;border-color:#000;background-image:url(../images/icon_share_cur.png);} .ft-info .share li:hover .pop{display:block;} .ft-copyright{height:80px;line-height:80px;font-size:14px;color:#999;border-top:#e5e5e5 solid 1px;} .ft-copyright span{display:inline-block;margin-right:20px;} .ft-copyright span a{color:#999;} .ft-copyright .fr li{display:inline-block;position:relative;padding:0 15px;font-size:14px;color:#999;} .ft-copyright .fr li a{color:#999;} .ft-copyright .fr li a:hover{color:#000;} .ft-copyright .fr li:after{display:block;position:absolute;right:0;top:50%;width:1px;height:15px;content:"";background:#e5e5e5;transform:translateY(-50%);} .ft-copyright .fr li:last-child{padding-right:0;} .ft-copyright .fr li:last-child:after{display:none;} .ft-copyright .fr li .pop{display:none;position:absolute;right:0;bottom:90%;padding:30px;width:260px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);} .ft-copyright .fr li .pop:after{display:block;position:absolute;right:20px;bottom:-4px;width:8px;height:8px;content:"";background:#fff;transform:rotate(-45deg);} .ft-copyright .fr li .pop .list{height:220px;overflow:auto;} .ft-copyright .fr li .pop .list::-webkit-scrollbar{width:5px;background:#eaeaea;} .ft-copyright .fr li .pop .list::-webkit-scrollbar-track{background:#eaeaea;} .ft-copyright .fr li .pop .list::-webkit-scrollbar-thumb{background:#000;} .ft-copyright .fr li .pop a{display:block;height:38px;line-height:38px;font-size:16px;color:#999;} .ft-copyright .fr li .pop a:hover{color:#000;} .ft-copyright .fr li:hover .pop{display:block;} @media(max-width:1440px){ .ft-menu{width:950px;} .ft-info{width:220px;} } @media(max-width:1200px){ .ft-menu{width:860px;} } @media(max-width:1024px){ .ft-copyright span { margin-right:0;} .ft-info .logo { float:left;border:none;} .ft-inner{padding:40px 10px 10px;} .ft-menu{display:none;} .ft-info{float:none;width:100%;} .ft-info .share{display:none;} .ft-copyright{padding:20px 10px;height:auto;line-height:25px;text-align:center;overflow:hidden;} .ft-copyright .fl{float:none;width:100%;} .ft-copyright .fl span:last-child{display:none;} .ft-copyright .fl span em{display:block;} .ft-copyright .fr{display:none;float: none;} .ft-info .logo img{ width: 155px; } } /*--end footer--*/ .content{ width:100%; overflow:hidden; position:relative; z-index:5;} @media screen and (max-width:990px){ .cappu{width:98%;margin:0 auto;height: auto;overflow: hidden;min-height:400px;margin-top: 50px;} .upwq{width:94%;height:auto;overflow: hidden;padding:10px;margin:0 auto;} .upwq li{height: 40px;line-height: 40px;width:98%;border-bottom:1px solid #ededed;margin:0 auto;} .upwq li a{font-size: 14px;color: #333;width:100%;display: block;height: 100%;overflow: hidden;} .wcpu{width:100%;height:90px;line-height:90px;color: #999;text-align:center;font-size:16px;overflow: hidden;} .rows{display: none;} .pageshow .btn-danger, .pageshow .num, .pageshow .prev { height: 40px; width: 50px; background: #fff; color: #4E4E4E; padding: 5px 12px; margin-left: 5px; border: 1px solid #E6E6E6; } } @media screen and (min-width:1001px){ .cappu{width: 1200px;margin:0 auto;height: auto;overflow: hidden;min-height:600px;margin-top: 50px;} .upwq{width: 100%;height:auto;overflow: hidden;margin:0 auto;} .upwq li{height:50px;line-height:50px;width: 98%;border-bottom:1px solid #ededed;padding:0 15px;margin:0 auto;} .upwq li a{font-size:18px;color: #333;width: 100%;height: 100%;display: block;overflow: hidden;} .wcpu{width:100%;height:40px;line-height:40px;color: #999;margin:0 auto;font-size:22px;text-align: center;overflow: hidden;} .pageshow{margin: 0 auto; height:auto; clear: both; margin-top: 20px; margin-bottom: 50px; } .pageshow .current{ background:#00611E;color:#FFFFFF;height:40px; width: 50px; padding:10px 18px; margin-left: 5px;border:1px solid #00611E;} .pageshow .btn-danger,.pageshow .num,.pageshow .prev{height:40px; width: 50px;background:#fff;color: #4E4E4E; padding: 10px 18px; margin-left: 5px;border:1px solid #E6E6E6;} .pageshow .first{height:40px; width: 50px; background: #898989; color:#999999; padding:10px 18px; margin-left: 5px; } .pageshow .end,.pageshow .next{height:40px; width: 50px; background:#00611E; color:#fff; padding:10px 18px; margin-left: 5px;border:1px solid #00611E } .rows{border:1px solid #DADADA; color: #4D4D4D;font-size: 14px;padding:10px 18px; margin-left: 5px;} }