File "global.css"
Full Path: /www/wwwroot/shphe-en.com/wp-admin/pdf-demo/css/global.css
File size: 41.64 KB
MIME-type: --
Charset: utf-8
@charset "utf-8";
/*!
* 外贸全球搜
*
* 应用于：iframe内部页面
*
* 包括：询盘信息、流量报表、报表汇总、访问明细
*
* TIME:2017-01-05
*/
/* 清除浮动 */
.clearfix:after,.gd-floor:after,.gd-panel:after,.counter-list dl:after,.gd-pager:after,.gd-pager ul:after,.view-report-item:after,.view-report-item .state-count-txt ul:after,.view-count-info li:after,.yhjc-head .steps-panel:after,.yhjc-list .list-item dl:after,.steps-list:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.gd-floor,.gd-panel,.counter-list dl,.gd-pager,.gd-pager ul,.view-report-item,.view-report-item .state-count-txt ul,.view-count-info li,.yhjc-head .steps-panel,.yhjc-list .list-item dl,.steps-list{*zoom:1;}
body{min-width: inherit!important;}
/* 字体
@font-face {font-family:'AvantGardeITCbyBT-Book';src:url('https://www.goodao.cn/admin30/fonts/AvantGardeITCbyBT-Book.eot');src:url('https://www.goodao.cn/admin30/fonts/AvantGardeITCbyBT-Book.woff2') format('woff2'), url('https://www.goodao.cn/admin30/fonts/AvantGardeITCbyBT-Book.woff') format('woff'), url('https://www.goodao.cn/admin30/fonts/AvantGardeITCbyBT-Book.ttf') format('truetype'), url('https://www.goodao.cn/admin30/fonts/AvantGardeITCbyBT-Book.svg#fonts/AvantGardeITCbyBT-Book') format('svg'), url('fonts/AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype');font-weight:normal;}*/
/* 图标 */
.info-item-ico,.gd-contact-info li i,.gd-col-app .sm-ico-qrcode,.gd-table .sm-ico-tick-grey{background-image:url(img/page_icons.png);background-repeat:no-repeat;}
.view-report-item .view-count-inquiry:before{background-image:url(img/page_icons.png);background-repeat:no-repeat;}
/* 颜色 */
a:hover,.gd-table table td a:hover,.gd-pop .pop-pv-cont dl a:hover{color:#188ae2;}
.gd-table table td .btn-view-detail,.pages li a{color:#188ae2;}
.gd-table table th,.gd-pop .pop-pv-cont dl.pop-pv-hd,.gd-table table th{color:#06c;}
.panel-hd-more{background-color:#188ae2;}
.panel-hd-more:hover{opacity:.85;}
/* reset */
/*#wpbody{padding-left: 0!important;}*/
/* ======================================================
通用模块
------------------------------------------------------ */
.gd-wrap{padding:16px;}
/* 滚动条 */
.pop-pv-list::-webkit-scrollbar{width:5px;}
.pop-pv-list::-webkit-scrollbar-thumb{background-color:#188ae2; }
/* panel */
.gd-panel{ background-color:#fff;margin:0 8px 20px;}
.gd-panel .gd-panel-hd{padding:20px 20px 10px;line-height:20px;}
.gd-panel .gd-panel-hd,.gd-panel .gd-panel-hd a{color:#666;}
.gd-panel .gd-panel-hd .panel-hd-tit{display:inline;float:left;font-size:14px;font-weight:normal;padding-right:15px;}
.gd-panel .gd-panel-hd .panel-hd-more{display:inline-block;height:20px;line-height:20px;padding:0 12px;border-radius:10px;color:#fff;float:right;font-size:11px;}
.gd-panel .gd-panel-hd .badge-txt{display:inline-block;padding:0 12px;height:20px;line-height:20px;background-color:#01c0c8;color:#fff;border-radius:12px;font-weight:normal;}
.gd-panel .gd-panel-hd .badge-txt{*display:inline;}
.gd-panel .gd-panel-bd{padding:10px 20px 15px;}
/* 分页 */
.gd-pager{padding:20px;border-top:1px solid #e1e1e1;position:relative;}
.gd-pager .pages{display:inline;float:right;}
.gd-pager .pages li{float:left;font-size:14px;font-family:Arial;}
.gd-pager .pages li a{display:inline-block;height:28px;line-height:28px;padding:0 12px;border:1px solid #ddd;margin-right:-1px;position:relative;}
.gd-pager .pages li a{*display:inline;}
.gd-pager .pages li a:hover,.gd-pager .pages li .page-cur{background-color:#f1f1f1;}
.gd-pager .pages li .page-cur{color:#999;}
.gd-pager .pages li:first-child a{border-radius:5px 0 0 5px;}
.gd-pager .pages li:last-child a{border-radius:0 5px 5px 0;}
/* morris */
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}
.graph{height:280px;}
/* 加载中 */
.body-loading:before{content:'';display:block;width:100%;height:100%;position:absolute;position:fixed;left:0;top:0;background-color:#eee;background-image:url(img/loading.gif);background-size: 50px auto;background-repeat:no-repeat;background-position:center;z-index:10002;}
/* ======================================================
询盘主页
------------------------------------------------------ */
/* 信息统计 */
.gd-info-panel {background-color:#fff;padding:20px 0;margin-bottom:16px;}
.gd-info-panel .gd-info-item{width:16%;padding:20px 2%;float:left;*margin-right: -1px;}
.gd-info-panel .gd-info-item dl{border-bottom:3px solid #edeff0;width:100%;position:relative;}
.gd-info-panel .gd-info-item dt{display:inline-block;min-width:8em;margin-bottom:-3px;border-bottom:3px solid #ab8ce4;padding-bottom:4px;}
.gd-info-panel .gd-info-item dt .info-item-ico{display:block;width:30px;height:30px;}
.gd-info-panel .gd-info-item dd{position:absolute;right:0;top:0;text-align:right;font-size:42px;color:#ab8ce4;line-height:55px;font-family:'AvantGardeITCbyBT-Book',Arial;letter-spacing:-2px;}
.gd-info-panel .gd-info-item .ico-count-pv{background-position:0 0;}
.gd-info-panel .gd-info-item .ico-count-uv{background-position:0 -30px;}
.gd-info-panel .gd-info-item .ico-count-inquiry{background-position:0 -60px;}
.gd-info-panel .gd-info-item .ico-count-num{background-position:0 -90px;}
.gd-info-panel .gd-info-item .ico-count-other{background-position:0 -120px;}
.gd-info-panel .gd-info-item-2 dt{border-bottom-color:#00c29f;}
.gd-info-panel .gd-info-item-2 dd{color:#00c29f;}
.gd-info-panel .gd-info-item-3 dt{border-bottom-color:#013ec8;}
.gd-info-panel .gd-info-item-3 dd{color:#013ec8;}
.gd-info-panel .gd-info-item-4 dt{border-bottom-color:#fb9678;}
.gd-info-panel .gd-info-item-4 dd{color:#fb9678;}
.gd-info-panel .gd-info-item-5 dt{border-bottom-color:#00bcd4;}
.gd-info-panel .gd-info-item-5 dd{color:#00bcd4;}
.gd-info-panel .gd-info-item .info-item-txt{display:block;padding:12px 0 0;line-height:1.5em;color:#37474f;letter-spacing:2px;}
/* 网站访问量 */
.gd-floor-2 .gd-col-3{ }
.gd-floor-2 .gd-col-banner{width:31%;_margin-left:-1px;}
.gd-col-page-view .gd-panel,.gd-col-app .gd-panel,.gd-col-contact .gd-panel{height:242px;}
.gd-col-page-view .gd-panel-bd,.gd-col-app .gd-panel-bd,.gd-col-contact .gd-panel-bd{padding-top:20px;}
.gd-floor-2 .floor-main{width:100%;float:left;margin-right:-616px;}
.gd-floor-2 .floor-main-in{padding-right:616px;}
.gd-col-page-view .gd-panel{position:relative;}
.gd-col-page-view .gd-panel:before{content:'';display:block;width:15%;height:70%;position:absolute;right:20px;bottom:20px;background-repeat:no-repeat;background-position:right bottom;background-image:url(img/ico_stats.png);background-size:100% auto;}
.gd-col-page-view .counter-list {width:65%;min-width:195px;}
.gd-col-page-view .counter-list .counter-item{display:table;width:100%;height:35px;line-height:35px;overflow:hidden;padding:0 0 10px;}
.gd-col-page-view .counter-list .counter-label,.gd-col-page-view .counter-list .counter-num{display:table-cell;vertical-align:middle;}
.gd-col-page-view .counter-list .counter-label{*float:left;}
.gd-col-page-view .counter-list .counter-num{*float:right;font-size:14px;text-align:right;font-family:'AvantGardeITCbyBT-Book',Arial;letter-spacing:1px;}
.gd-col-page-view .counter-list .counter-num .num-value{font-size:24px;color:#188ae2;padding-right:3px;}
/* APP下载 */
.gd-col-app .gd-panel{position:relative;z-index:1;}
.gd-col-app .app-qrcode-item,.gd-col-app .ios-app-tips p{color:#999;}
.gd-col-app .app-qrcode-item{padding:0 0 15px;}
.gd-col-app .app-qrcode-item .item-label{display:inline-block;padding-right:8px;vertical-align:middle;}
.gd-col-app .app-qrcode-item .item-label{*display: inline;}
.gd-col-app .app-qrcode-item .item-qrcode,.gd-col-app .app-qrcode-item .item-qrcode .sm-ico-qrcode{display:inline-block;width:22px;height:22px;}
.gd-col-app .app-qrcode-item .item-qrcode{position:relative;vertical-align:middle;*display: inline;}
.gd-col-app .app-qrcode-item .item-qrcode .sm-ico-qrcode{background-position:-77px 2px;}
.gd-col-app .ios-app-tips{padding:20px 0 0;border-top:1px solid #f1f1f1;margin-top:5px;}
.gd-col-app .ios-app-tips h4{font-size:12px;font-weight:normal;}
.gd-col-app .app-qrcode-item .qrcode-item-pop{display:block;width:160px;padding:16px;background-color:#fff;border:1px solid #ddd;text-align:center;position:absolute;left:35px;top:-20px;box-shadow:1px 1px 0 rgba(0,0,0,.5);visibility:hidden;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:all .2s ease;transition:all .2s ease;}
.gd-col-app .app-qrcode-item .qrcode-item-pop .pop-qrcode-txt{display:block;color:#4a4a4a;padding:.5em 0 0;}
.gd-col-app .app-qrcode-item .qrcode-item-pop:before,.gd-col-app .app-qrcode-item .qrcode-item-pop:after{content:'';display:block;width:0;height:0;border-width:10px 10px 10px 0;border-style:solid solid solid dashed;position:absolute;top:20px;}
.gd-col-app .app-qrcode-item .qrcode-item-pop:before{border-color:transparent #ddd transparent transparent;left:-10px;}
.gd-col-app .app-qrcode-item .qrcode-item-pop:after{border-color:transparent #fff transparent transparent;left:-8px;}
.gd-col-app .app-qrcode-show{position:relative;z-index:999;}
.gd-col-app .app-qrcode-show .qrcode-item-pop{visibility:visible;opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0);}
.gd-col-app .app-qrcode-show .qrcode-item-pop img{width:160px;height:160px;}
/* 运营中心 */
.gd-col-contact .gd-panel{position:relative;background-image:url(img/ct_bg_map.png);background-position:right bottom;background-repeat:no-repeat;}
.gd-col-contact .gd-contact-info li{line-height:27px;padding-left:25px;position:relative;margin-right:-10px;}
.gd-col-contact .gd-contact-info li i{display:inline-block;width:13px;height:13px;position:absolute;left:0;top:7px;_left:-25px;_top:3px;overflow:hidden;}
.gd-col-contact .gd-contact-info li i{*display:inline;}
.gd-col-contact .gd-contact-info li i.ct-ico-company{background-position:-50px 0;}
.gd-col-contact .gd-contact-info li i.ct-ico-address{background-position:-50px -27px;}
.gd-col-contact .gd-contact-info li i.ct-ico-manager{background-position:-50px -54px;}
.gd-col-contact .gd-contact-info li i.ct-ico-tel{background-position:-50px -83px;}
.gd-col-contact .gd-contact-info li i.ct-ico-qq{background-position:-50px -110px;}
/* 轮播 */
.owl-carousel{position:relative;width:100%;height:242px;}
.owl-carousel .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;}
.owl-carousel .owl-stage-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-stage{position:relative;}
.owl-carousel .owl-controls{overflow:visible;}
.owl-carousel .owl-dots{display:block;width:100%;text-align:center;}
.owl-loaded .slide-item{display:block;}
.gd-slide-banner{width:100%;height:242px;float:right;position:relative;overflow:hidden;}
.gd-slide-banner .slide-banner-item {position: relative;width: 300%;left: 50%;margin-left: -150%;text-align: center;}
.gd-slide-banner .slide-banner-item img{width:auto;height:242px;}
.gd-slide-banner .owl-dots{width:100%;position:absolute;left:0;bottom:15px;z-index:99;text-align:center;line-height:12px;}
.gd-slide-banner .owl-dots .owl-dot {display:inline;padding:0 5px;}
.gd-slide-banner .owl-dots .owl-dot span{display:inline-block;width:10px;height:10px;background-color:#fff;border-radius:50%;cursor:pointer;}
.gd-slide-banner .owl-dots .active span{background-color:#008ecc;}
/* 访问统计 */
.chart-box{width: 95%;margin: 0 auto;position: relative;padding:10px 0 0;}
.chart-foot{text-align:center;padding:5px 0 0;color:#999;}
.chart-foot li{display:inline-block;margin:0 15px;}
.chart-foot li b{font-weight:normal;vertical-align:middle;}
.chart-foot li:before{display:inline-block;content:'';width:5px;height:5px;border-radius:50%;background-color:#3292e0;margin-right:7px;vertical-align:middle;}
.chart-foot li.desc-pv:before{background-color:#aaa;}
/* 表格 */
.gd-table{padding:10px 10px 20px 0;}
.gd-table table{width:100%;border-collapse:collapse;border-spacing:0;line-height:1.4;}
.gd-table table th,.gd-table table td{border:0;padding:9px 0 9px 20px;text-align:left;}
.gd-table table th{font-weight:normal;}
.gd-table table td{border-bottom:1px solid transparent;vertical-align:top;}
.gd-table table tr:last-child td{border-bottom-color:transparent;}
.gd-table table tr:hover td{border-color:#e4eaec;background-color:#f3f7f9;}
.gd-table table td .small-progress-bar{vertical-align:middle;}
.gd-table table td .link-learn-more{display:inline;vertical-align:middle;padding-left:8px;}
.gd-table table td,.gd-table table td a{color:#7a7a7a;}
.gd-table table .tb-txt{max-width: 300px;line-height: 1.4em;max-height: 1.4em;overflow: hidden;text-overflow: ellipsis;}
.gd-table table tr td:nth-child(2),.gd-table table tr td:nth-child(3){white-space: nowrap;}
.gd-col-new-promote .gd-panel{margin-bottom:0;}
.gd-table .sm-ico-tick-grey{display:inline-block;width:18px;height:18px;background-position:-78px -28px;}
.gd-col-new-promote table .site-url{-ms-word-break: break-all;word-break: break-all;max-width:320px;}
.gd-col-new-promote table .site-url a{display: block;max-height: 2.8em;overflow: hidden;text-overflow:ellipsis;-ms-word-break: break-all;word-break: break-all;}
/* ======================================================
流量统计
------------------------------------------------------ */
.pv-count-panel .gd-info-item{width:21%;padding:20px 2%;}
/* ======================================================
报表汇总
------------------------------------------------------ */
.view-report-item{padding:0 0 16px;}
.view-report-item .report-item-side{width:320px;float:left;position:relative;z-index:1;}
.view-report-item .report-item-main{margin-left:-336px;float:right;width:100%;}
.view-report-item .report-item-main .item-main-in{padding-left:336px;}
.view-report-item .gd-panel{height:400px;margin:0;}
.view-report-item .gd-panel-hd{color:#333;}
.view-report-item .gd-panel-bd{color:#959595;padding-bottom:0;}
.view-report-item .gd-panel-bd .graph{height:330px;}
.view-report-item .view-count-info{padding:15px 0 10px;position:relative;}
.view-report-item .view-count-info li{line-height:30px;padding-top:10px;display:table;width:100%;}
.view-report-item .view-count-info li .count-num,.view-report-item .view-count-info li .count-label{display:table-cell;}
.view-report-item .view-count-info li .count-label{*float:left;}
.view-report-item .view-count-info li .count-num{*float:right;text-align:right;}
.view-report-item .view-count-info li .count-num .num-value{font-size:22px;color:#188ae2;padding-right:5px;font-family:'AvantGardeITCbyBT-Book',Arial;}
.view-report-item .view-count-page{padding-right:80px;*padding:0;}
.view-report-item .view-count-page:before{content:'';display:block;width:48px;height:140px;position:absolute;right:0;bottom:18px;background-repeat:no-repeat;background-position:right bottom;background-image:url(img/ico_stats.png);}
.view-report-item .view-count-inquiry{padding-left:80px;*padding:0;}
.view-report-item .view-count-inquiry:before{content:'';display:block;width:70px;height:70px;background-position:0 0;position:absolute;left:-6px;bottom:10px;background-position:-50px -135px;}
.view-report-item .state-count-txt{margin-right:-15px;padding:8px 0 0;}
.view-report-item .state-count-txt h4{font-size:12px;font-weight:normal;padding-bottom:6px;}
.view-report-item .state-count-txt li{float:left;white-space:nowrap;padding-right:1em;line-height:1.5;}
/* 访问来源(time:2018-04-08) */
.referrals-report-item {overflow: hidden;padding-bottom: 0;margin-bottom: 16px;}
.referrals-report-item .state-count-txt .referrals-list li {display: block;float: none;}
.referrals-report-item .state-count-txt .referrals-list li a{display: block;color: #999;width:95%;height: 1.7em;line-height: 1.7em;padding: 0;overflow: hidden;white-space: pre;text-overflow: ellipsis;}
.referrals-report-item .state-count-txt .referrals-list li a:hover{color: #666;}
.referrals-report-item .report-item-side .gd-panel{padding-bottom: 20000px;margin-bottom: -20000px;}
.referrals-report-item .report-item-main .gd-panel{padding-bottom: 20000px;margin-bottom: -20000px;}
/*.referrals-report-chart{height: 430px;}*/
.referrals-report-item .gd-panel{height: auto;}
.referrals-report-item .gd-panel-bd{padding-bottom: 10px;}
@media screen and (max-width: 768px){
.referrals-report-item .report-item-side .gd-panel{padding-bottom: 0;margin-bottom: 0;}
.referrals-report-item .report-item-main .gd-panel{padding-bottom: 0;margin-bottom: 0;}
.referrals-report-chart{height: 200px;}
.referrals-report-item .report-item-main .gd-panel .gd-panel-bd{padding-left: 0;padding-right: 0;}
.referrals-report-chart text{font-size: 10px!important;}
}
/* ======================================================
优化检测 (time:2018-04-10)
------------------------------------------------------ */
.page-yhjc .yhjc-top{font-size: 14px;padding-bottom: 20px;}
.page-yhjc .yhjc-top ul{display: inline;vertical-align: middle;}
.page-yhjc .yhjc-top li{display: inline;}
.page-yhjc .yhjc-top ul+.gd-btn{margin-left: 15px;}
.page-yhjc .yhjc-top .gd-btn{padding-left: 20px;padding-right: 20px;line-height: 1.2;margin-bottom: 5px;}
.yhjc-head{background-color: #fff;padding: 20px 20px 10px;margin-bottom: 0;}
.yhjc-head .steps-panel{}
.yhjc-head .status-box{width: 110px;float: left;}
.yhjc-head .status-box + .status-box {margin-left: 10px;}
.yhjc-head .total-score{width: 90px;height: 90px;padding: 8px;border: 2px solid #ddd;background-color: #fff;border-radius: 0%;text-align: center;color: #999;}
.yhjc-head .total-score .status-txt{display: block;font-size: 24px;line-height:30px;padding-top: 12px;font-weight: bold;}
.yhjc-head .total-score .score-txt{padding-top: 5px;font-size: 16px;line-height: 28px;}
.yhjc-head .total-score .score-txt i{padding: 0 3px;}
.yhjc-head .total-score .score-num{font-weight: bold;font-size: 20px;}
.yhjc-head .score-good{/*border-color: #ccc;*/}
.yhjc-head .score-good .score-num,.yhjc-head .score-good .status-txt{color: #5cb85c;}
.yhjc-head .score-warn .score-num,.yhjc-head .score-warn .status-txt{color: #f90;}
.yhjc-head .score-danger .score-num,.yhjc-head .score-danger .status-txt{color: #d43f3a;}
.gd-btn-radius{border-radius: 100px;}
/* 检测结果 */
.yhjc-results {display: block;padding: 12px 0 0;margin: 15px 5px 0;background-color: #fff;border-top: 0px solid #eee;color:#666;border-radius: 3px;font-size: 16px;line-height: 1.5;line-height: 25px;}
.yhjc-results .score-num{font-size: 28px;padding: 0 5px;}
/* 进度条 */
.yhjc-steps{margin-left: 160px;padding-top: 50px;padding-right: 50px;}
.yhjc-steps .steps-bar {width: 100%;height: 10px;border-radius: 10px;position: relative;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
background-color: #ddd;
}
.yhjc-steps .steps-bar-active {
display: block;width: 0;height: 10px;position: absolute;left: 0;top: 0;border-radius: 10px;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
background-color: #00b8f5;
overflow: visible!important;
}
.yhjc-steps.active .steps-bar,.yhjc-steps.active .steps-bar-active{
-webkit-animation: progress-bar-stripes 1s linear infinite;
-o-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.yhjc-steps .steps-list li{width: 20%;height: 10px;overflow: visible;float: left;position: relative;font-size: 14px;}
.yhjc-steps .steps-list li .step-icon{display: inline-block;width: 28px;height: 28px;line-height: 28px;font-size: 14px;text-align: center;background-color: #fff;border: 4px solid #ddd;border-radius: 50%;position: absolute;right: 0;top: -13px;margin-right: -15px;margin-top: 0;z-index: 2;font-family: Arial;color: #aaa;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.yhjc-steps .steps-list li .step-icon:before{content: '';display: block;width: 0;height: 0;overflow: hidden;border-width: 9px 8px 0;border-style:solid dashed dashed;border-color:#ddd transparent transparent;position: absolute;left: 50%;margin-left: -8px;bottom: -9px;display: none;}
.yhjc-steps .steps-list li .step-name{display: block;width: 100px;position: absolute;right: -50px;top: 28px;text-align: center;color: #aaa;}
.yhjc-steps .steps-list li.step-active .step-icon{background-color: #00b8f5;color: #fff;}
.yhjc-steps .steps-list li.step-active .step-icon:before{border-bottom-color: #00b8f5;}
.yhjc-steps .steps-list li.step-active .step-name{color: #00b8f5;}
/* 检测项目 */
.yhjc-panel{padding:15px 10px;background-color: #fff;}
.yhjc-panel .panel-hd{padding: 5px 15px;margin: 0;font-weight: bold;border-bottom: 0px dashed #ddd;background-color: #eee;}
.yhjc-panel .panel-tit{display: inline;font-size: 16px;padding-right: 10px;color: #333;}
.yhjc-panel .panel-score{display: inline;color: #f60;font-size: 16px;padding-right: 10px;font-weight: bold;}
.yhjc-panel .ico-loading{display: inline-block;width: 20px;height: 20px;background: url(img/yhjc-load-small.gif) center no-repeat;vertical-align: middle;margin-top: -3px;}
.yhjc-panel .yhjc-list {padding: 5px 15px 0;}
.yhjc-panel .yhjc-list .list-item{padding: 11px 0;border-bottom: 1px solid #f8f8f8;font-size: 14px;line-height: 18px;}
.yhjc-panel .yhjc-list .list-item dt{width: 33.3333%;float: left;}
.yhjc-panel .yhjc-list .list-item dd{width: 65.6666%;float: left;padding-left: 1%;}
.yhjc-panel .yhjc-list .txt-tips{margin-left: 30px;color: #f60;}
.yhjc-panel .ico-success,.yhjc-panel .ico-fail{float: left;}
.yhjc-panel .ico-success,.yhjc-panel .ico-fail{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;vertical-align: middle;}
.yhjc-panel .ico-success,.yhjc-panel .ico-fail{*display: inline;}
.yhjc-panel .ico-success{background-image: url(img/yhjc-ico-success.png);}
.yhjc-panel .ico-fail{background-image: url(img/yhjc-ico-fail.png);}
.yhjc-panel .show-img-more{font-size: 14px;font-weight: normal;padding-top: 8px;}
.yhjc-panel .show-img-more a{color: #188ae2;}
.yhjc-panel .sug-tips-list {border: 2px solid #eee;background-color: #fff;padding: 10px 15px;max-width: 1400px;margin: 10px 0 0;display: none;}
.yhjc-panel .sug-tips-list li{border-bottom: 1px dotted #eee;padding: 8px 0;word-break: break-all;word-wrap:break-word;font-size: 14px;}
.yhjc-panel .sug-tips-list li:last-child{border-bottom: 0;}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
.k-letter-holder {width: 82px;white-space: nowrap;position: absolute;right: -41px;top: -45px;display: none;}
.k-letter {float:left;font-size:14px;color:#00b8f5}
.k-letter {animation-name:k-loadingF;animation-duration:1.6s;animation-iteration-count:infinite;animation-direction:linear}
.k-letter-1 {animation-delay:.48s}
.k-letter-2 {animation-delay:.6s}
.k-letter-3 {animation-delay:.72s}
.k-letter-4 {animation-delay:.84s}
.k-letter-5 {animation-delay:.96s}
.k-letter-6 {animation-delay:1.08s}
.k-letter-7 {animation-delay:1.2s}
.k-letter-8 {animation-delay:1.32s}
.k-letter-9 {animation-delay:1.44s}
.k-letter-10 {animation-delay:1.56s}
.active .k-letter-holder{display: block;}
@keyframes k-loadingF {0% {opacity:0}100% {opacity:1}}
@media screen and (max-width: 768px){
/*顶部*/
.yhjc-head{padding-left: 10px;padding-right: 10px;}
.yhjc-head .status-box {width: 70px;padding-top: 5px;}
.yhjc-head .status-box img{width: 70px;height: auto;}
.page-yhjc .yhjc-top li{display: block;}
.page-yhjc .yhjc-top ul + .gd-btn{margin-top: 6px;margin-left: 0;}
.yhjc-head .total-score{padding: 0;width: 66px;height: 66px;border-radius: 50%;}
.yhjc-head .total-score .status-txt{font-size: 14px;padding-top: 15px;line-height: 1.2;}
.yhjc-head .total-score .score-txt{line-height: 1.2;font-size: 12px;padding-top: 0;}
.yhjc-head .total-score .score-txt i{padding: 0;}
.yhjc-head .total-score .score-num{font-size: 16px;}
.yhjc-results{font-size: 14px;}
.yhjc-results .score-num{font-size: 20px;}
/*进度*/
.yhjc-steps{margin-left: 0;padding: 0 0 0 80px;}
.yhjc-steps .steps-list li{width: 33.3333%;height: auto;padding-top: 3px;padding-bottom: 3px;text-align: center;font-size: 12px;position: relative;}
.yhjc-steps .steps-list li:before{content: '';display: block;width: 100%;height: 3px;background-color: #ddd;position: absolute;left: 0;top: 17px;}
.yhjc-steps .steps-list li .step-icon{width: 22px;height: 22px;line-height: 22px;border-width: 2px;position: relative;left: auto;top: auto;right: auto;bottom: auto;z-index: 1;margin: 0;}
.yhjc-steps .steps-list li .step-name{position: relative;left: auto;top: auto;right: auto;bottom: auto;z-index: 1;width: 100%;line-height: 1.2;padding-top: 5px;font-size: 10px;}
.yhjc-steps .steps-bar{height: auto;background: none;}
.yhjc-steps .steps-bar-active{display: none;}
.yhjc-steps .steps-list li.step-active:before{background-color: #00b8f5;}
/*检测项目*/
.yhjc-panel{padding-left: 5px;padding-right: 5px;}
.yhjc-panel .yhjc-list .list-item {font-size: 12px;}
.yhjc-panel .yhjc-list .list-item dt{width: 100%;float: none;}
.yhjc-panel .yhjc-list .list-item dd{width: 100%;float: none;padding-top: 8px;}
.yhjc-panel .panel-hd{margin-left: 5px;margin-right: 5px;}
.yhjc-panel .sug-tips-list li{font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}
/* ======================================================
账户报表 (time:2018-05-02)
------------------------------------------------------ */
body.body-report,body.index-report-php{background-color: #fff;height: auto;min-height: 100%;}
.index-report-demo-php #wpbody,.index-report #wpbody{padding: 0!important;}
.report-layer{min-height: 800px;position: relative;line-height: 800px;margin: 0 auto;max-width: 100%;}
.body-report .gd-wrap{padding: 0;}
.report-layer .report-layer-in{padding: 0 25px 40px;}
.report-layer .layer-hd{border-bottom: 3px solid #188ae2;font-size: 18px;padding-bottom: 5px;line-height: 30px;position: absolute;left: 25px;right: 25px;bottom: 1%;}
.report-layer .layer-hd:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
.report-layer .layer-hd{*zoom:1;}
.report-layer .layer-hd .hd-tit{display: inline;float: left;font-weight: normal;font-size: 18px;}
.report-layer .layer-hd .hd-r{float: right;font-size: 17px;}
.report-layer .layer-hd .txt-1{color: #ffc000;}
.report-layer .layer-hd .txt-2{color: #f93757;}
.report-layer .layer-hd .txt-3{color: #188ae2;}
.report-layer .layer-bd-tit {display: inline-block;min-width: 5.5em;border-bottom: 2px solid #188ae2;z-index: 25;font-weight: normal;padding-bottom: 10px;margin-bottom: 35px;margin-left: 16px;font-size: 25px;}
.report-layer .layer-bd-tit{*display: inline;}
.report-layer .layer-bd-tit,.report-layer .layer-bd-tit a{color: #188ae2;}
.report-layer .layer-bd{width: 100%;padding-top: 40px;padding-bottom: 40px;display: inline-block;vertical-align: middle;line-height: 1.5;}
.report-layer .layer-title{font-size: 50px;font-weight: normal;line-height: 1.2;letter-spacing: .45em;text-indent: .45em;text-align: center;}
.report-layer .layer-title,.report-layer .layer-title a{color: #188ae2;}
.report-layer .layer-desc{display: block;font-size: 20px;padding-top: 50px;}
.report-layer .report-cont{padding: 0 3.5%;font-size: 17px;line-height: 2.2;}
.report-layer .report-cont dt,.report-layer .report-cont dd{display: block;}
.report-layer .report-cont dd{text-indent: 2em;}
.report-layer .report-cont dd.align-r{text-align: right;}
.report-layer .report-cont .txt-impt{color: #188ae2;}
.report-layer-1 {position: relative;}
.report-layer-1 .layer-bd{/*padding-top: 250px;*/text-align: center;}
.report-layer-2 .layer-bd{/*padding-top: 150px;*/}
.report-yhjc .yhjc-list {padding: 5px 15px 0;}
.report-yhjc .yhjc-list .list-item{padding: 11px 0;border-bottom: 1px solid #f8f8f8;font-size: 14px;line-height: 18px;}
.report-yhjc .yhjc-list .list-item dt{width: 33.3333%;float: left;}
.report-yhjc .yhjc-list .list-item dd{width: 65.6666%;float: left;padding-left: 1%;}
.report-yhjc .yhjc-list .txt-tips{margin-left: 30px;color: #f60;}
.report-yhjc .ico-success,.report-yhjc .ico-fail{float: left;}
.report-yhjc .ico-success,.report-yhjc .ico-fail{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;vertical-align: middle;}
.report-yhjc .ico-success,.report-yhjc .ico-fail{*display: inline;}
.report-yhjc .ico-success{background-image: url(img/yhjc-ico-success.png);}
.report-yhjc .ico-fail{background-image: url(img/yhjc-ico-fail.png);}
.report-layer .view-report-item{width: 100%;}
.report-layer .view-report-item .report-item-side{border: 1px solid #eee;overflow: hidden;}
.report-layer .view-report-item .report-item-side .gd-panel{width: 320px;}
.report-layer .view-report-item .report-item-main{width: auto;}
.report-layer .view-report-item .report-item-main .item-main-in{}
.report-layer .referrals-report-item .report-item-side .gd-panel{padding-bottom: 0;margin-bottom: 0;}
.report-layer .referrals-report-item .report-item-main .gd-panel{padding: 0;margin: 0;border: 1px solid #eee;}
.pdf-pages .chart-box .label-item{white-space:pre;line-height: 15px;}
.pdf-pages .chart-box .point-label{display: inline-block;max-height:30px;max-width: 180px;word-wrap: break-word;word-wrap: break-word;white-space:pre-wrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;font-family: Arial;}
.report-layer .btn-download-report{display: block;display: none;width: 72px;height: 40px;line-height: 18px;padding: 18px 0;border-radius: 50%;background-color: #5db75d;position: absolute;position: fixed;z-index: 9;right: 30px;top: 50px;color: #fff;-webkit-transition: all .3s ease;transition: all .3s ease;}
.report-layer .btn-download-report em{display: block;}
.report-layer .btn-download-report:hover{opacity: 1;background-color: #2eb12e;-webkit-animation: swing .4s ease;animation: swing .4s ease;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
.report-layer-set .layer-bd{padding: 250px 0;}
.report-set{padding-top: 80px;text-align: center;}
.report-set .report-set-select select{border: 1px solid #ddd;height: 27px;line-height: 27px;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;min-width: 60px;padding-left: 5px;vertical-align: middle;-webkit-box-sizing: content-box;box-sizing: content-box;margin: 0 1px;}
.report-set .report-set-btn{height: 31px;left: 31px;text-align: center;border: 0;cursor: pointer;background-color: #5db75d;color: #fff;padding: 0 25px;margin-left: 15px;font-size: 14px;font-family: simsun;}
.report-set .report-set-btn:hover{background-color: #2eb12e;}
.report-layer .view-report-item{display: table;border-spacing:16px 0;}
.report-layer .view-report-item .report-item-side,.report-layer .view-report-item .report-item-main{display: table-cell;margin: 0;padding: 0;float: none;vertical-align: top;}
.report-layer .view-report-item .report-item-main {border: 1px solid #eee;}
.report-layer .view-report-item .report-item-main .item-main-in{padding: 0;}
.report-layer .referrals-report-item .report-item-main .gd-panel{border: 0;}
.pdf-pages {position: relative;max-width: 1600px;margin: 0 auto;min-height: 100%;padding-bottom: 1px;}
.pdf-create .pdf-pages .report-layer{width: 100%;position: absolute;top: 0;}
.pdf-create .pdf-pages .report-layer{z-index: 2;}
.pdf-create .report-layer {width: 100%;position: absolute;left: 0;top: 0;}
.pdf-create .report-layer-1 {position: relative;z-index: 100!important;background-color: #fff;}
.pdf-create-pop{width: 100%;position: absolute;position: fixed;left: 0;top: 0;z-index: 101;box-shadow: 0 1px 25px rgba(0,0,0,.12);border-bottom: 1px solid #eee;background-color: #fff;background-color:rgba(255,255,255,.9);padding: 10px 0;font-size: 14px;display: none;}
.pdf-create-pop .pdf-pop-msg{display: block;text-align: center;letter-spacing: 1px;}
.pdf-create-pop .pdf-pop-msg b{font-size: 14px;padding: 0 3px;color: #f60;}
.pdf-canvas{position: relative;z-index: 3;width: 100%;display: none;}
@media screen and (max-width: 768px){
.report-layer{padding: 0;min-height: 600px;line-height: 600px;}
.report-layer .report-layer-in{padding-bottom: 70px;}
.report-layer .layer-hd {line-height: 22px;}
.report-layer .layer-hd .hd-tit{display: block;float: none;font-size: 14px;}
.report-layer .layer-hd .hd-r{float: none;text-align: left;font-size: 14px;}
.report-layer .layer-title{font-size: 32px;letter-spacing: .3em;}
.report-layer .layer-desc{font-size: 16px;padding-top: 30px;}
.report-layer .report-cont{width: auto;padding-left: 20px;padding-right: 20px;font-size: 14px;}
.report-layer .layer-bd{padding-top: 50px;padding-bottom: 50px;}
.report-layer .layer-bd-tit{font-size: 20px;line-height: 1.2;margin-bottom: 20px;}
.report-layer .view-report-item{display: block;margin: 0;}
.report-layer .view-report-item .report-item-side,.report-layer .view-report-item .report-item-main{display: block;}
.report-layer .referrals-report-item .report-item-side {width: auto;height: auto!important;margin-bottom: 10px;}
.report-layer .referrals-report-item .report-item-side .gd-panel{padding-bottom: 0;margin-bottom: 0;}
.report-layer .referrals-report-item .report-item-main {width: auto;}
.report-layer .referrals-report-item .report-item-main .gd-panel{padding-bottom: 0;margin-bottom: 0;height: auto!important;}
.report-layer .referrals-report-chart{height: 200px;}
.report-layer .referrals-report-item .report-item-main .gd-panel .gd-panel-bd{padding-left: 0;padding-right: 0;}
.report-layer .referrals-report-chart text{font-size: 10px!important;}
.report-layer .yhjc-list .list-item {font-size: 12px;position: relative;}
.report-layer .yhjc-list .list-item dt{width: 100%;float: none;padding-left: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.report-layer .yhjc-list .list-item dd{width: 100%;float: none;padding-top: 8px;padding-left: 0;}
.report-yhjc .ico-success,.report-yhjc .ico-fail{position: absolute;left: 0;top: 11px;}
.report-layer .btn-download-report{width: 62px;padding: 13px 0;font-size: 11px;right: 15px;top: 15px;}
.pdf-create .pdf-pages{height: 100%;left: 0;}
.pdf-create .pdf-pages:before{content: '';display: block;width: 100%;height: 100%;background-color: #fff;position: fixed;left: 0;right: 0;top: 0;z-index: 99;}
}
/* ======================================
窄屏
-------------------------------------- */
@media screen and (max-width:1379px) and (min-width:1061px){
.gd-col-page-view .gd-panel:before{display:none;}
}
/* 小于等于1440 */
@media screen and (max-width:1220px){
.gd-floor-2 .gd-col-page-view,.gd-floor-2 .gd-col-app,.gd-floor-2 .gd-col-contact,.gd-floor-2 .gd-col-banner{width:50%;}
}
/* 小于等于1360 */
@media screen and (max-width:1140px){
.gd-info-panel .gd-info-item{width:29.3333%;}
/* 流量报表 */
.pv-count-panel .gd-info-item{width:46%;}
}
/* ======================================
手机适配
-------------------------------------- */
@media screen and (max-width:768px){
body{max-width: 768px;}
.gd-wrap{padding:10px;}
.gd-panel{margin-bottom:10px;}
.gd-panel .gd-panel-hd{padding-left: 15px;padding-right: 15px;}
.gd-info-panel .gd-info-item{width:96%;}
/* 图表 */
.graph{max-height:200px;}
.chart-box .graph{width:110%;margin:0 -5%;}
/* 信息统计 */
.gd-info-panel{padding:10px 5px;margin-bottom: 10px;}
.gd-info-panel .gd-info-item{padding-top:0;padding-bottom:0;}
.gd-info-panel .gd-info-item dl{display:table;padding:.8em 0;border-bottom:1px dashed #eee;}
.gd-info-panel .gd-info-item dt,.gd-info-panel .gd-info-item dd{display:table-cell;vertical-align:middle;position:static;}
.gd-info-panel .gd-info-item dt{border-bottom:0;padding-bottom:0;}
.gd-info-panel .gd-info-item .info-item-txt{display:inline-block;padding:0;}
.gd-info-panel .gd-info-item dt .info-item-ico{display:inline-block;width:30px;height:30px;border-radius:50%;background-image:url(img/m_info_icos.png);background-size:150px 30px;background-repeat:no-repeat;vertical-align:middle;margin-right:1em;}
.gd-info-panel .gd-info-item dd{font-size:24px;line-height:1.2;}
.gd-info-panel .gd-info-item .ico-count-pv{background-position:0 0;background-color:#fb9678;}
.gd-info-panel .gd-info-item .ico-count-uv{background-position:-30px 0;background-color:#01c0c8;}
.gd-info-panel .gd-info-item .ico-count-inquiry{background-position:-60px 0;background-color:#ab8ce4;}
.gd-info-panel .gd-info-item .ico-count-num{background-position:-90px 0;background-color:#00c292;}
.gd-info-panel .gd-info-item .ico-count-other{background-position:-120px 0;background-color:#00c292;}
.gd-info-panel .gd-info-item:last-child dl{border-bottom:0;}
/* 网站访问量统计 */
.gd-col-page-view .gd-panel, .gd-col-app .gd-panel, .gd-col-contact .gd-panel{height:auto;}
.gd-col-page-view .counter-list{width:100%;}
.gd-col-page-view .gd-panel:before{display:none;}
.gd-col-page-view .counter-list .counter-num .num-value{font-size:20px;}
.gd-col-page-view .counter-list .counter-item{height:auto;line-height:25px;}
/* APP下载 */
.gd-floor-2 .gd-col-page-view,.gd-floor-2 .gd-col-app,.gd-floor-2 .gd-col-contact,.gd-floor-2 .gd-col-banner{width:100%;}
.app-qrcode-show .gd-panel:before{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.6);position:fixed;left:0;top:0;z-index:10000;}
.gd-col-app .app-qrcode-item .qrcode-item-pop{position:fixed;left:50%;top:50%;margin-left:-97px;margin-top:-111px;z-index:10001;}
.gd-col-app .app-qrcode-item .qrcode-item-pop:before, .gd-col-app .app-qrcode-item .qrcode-item-pop:after{display:none;}
.app-qrcode-show .qrcode-item-pop{-webkit-animation-name:popZoomIn;-webkit-animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-name:popZoomIn;animation-duration:.4s;animation-fill-mode:forwards;}
/* 表格 */
.gd-table{padding-right: 0;}
.gd-table table thead{display:none;}
.gd-table table tr{display:block;border-bottom:1px solid #eee;padding:15px 0;margin:0 15px;position: relative;}
.gd-table table tr:first-child{padding-top:0;}
.gd-table table tr:last-child{border-bottom:0;}
.gd-table table td{display:block;padding:4px 0;border:0;display: -moz-box;display: -webkit-box;display: box;white-space: normal;}
.gd-table table td:before{display: block;content:attr(data-label);width:8em;}
.gd-col-new-promote table .tb-txt{max-width: inherit;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.gd-table table td p{margin-left:8em;}
.gd-table table td .link-learn-more a{}
.gd-table table tr:hover td{background:none;}
.gd-table table td .btn-view-detail:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.gd-table table tr td:nth-child(2),.gd-table table tr td:nth-child(3){white-space: normal;}
/* 轮播 */
.gd-slide-banner,.gd-slide-banner .slide-banner-item img{width:100%;height:auto;}
.gd-slide-banner .slide-banner-item {width: 100%;position: static;margin-left: 0;}
.gd-slide-banner .owl-dots{bottom: 10px;}
.gd-slide-banner .owl-dots .owl-dot span{width: 5px;height: 5px;}
/* 图表 */
.week-count,.state-count{width:100%;float:none;}
.gd-table table td{text-align:left!important;}
/* -------------------------------
报表汇总
------------------------------- */
.view-report-item .report-item-main{margin:0;float:none;overflow:hidden;}
.view-report-item .report-item-main .item-main-in{padding:0;}
.view-report-item .report-item-side{width:100%;float:none;}
.view-report-item .gd-panel{height:auto;border:0;box-shadow:0;}
.view-report-item .view-count-page,.view-report-item .view-count-inquiry{padding:10px 0;}
.view-report-item .view-count-page:before,.view-report-item .view-count-inquiry:before{display:none;}
.view-report-item .view-count-info {border-bottom:1px solid #eee;}
.view-report-item .view-count-info li{line-height:25px;padding:0;}
.view-report-item .view-count-info li .count-num .num-value{font-size:18px;}
.view-report-item .state-count-txt{padding-top:10px;}
}