|
|
body {/* padding-top: 62px; *//* background-color: #edf0f2; */color: #555;}
|
|
|
|
|
|
a,.btn-link{ color: #00aeef;}
|
|
|
a:hover,.btn-link:hover{ color: #00aeef;}
|
|
|
.input-status{ padding: 5px 0 0 15px;}
|
|
|
|
|
|
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
|
|
|
color: #666 !important;
|
|
|
cursor: not-allowed;
|
|
|
filter: alpha(opacity=65);
|
|
|
box-shadow: none;
|
|
|
opacity: .65;
|
|
|
}
|
|
|
|
|
|
|
|
|
.egretNavService h5 {font-size: 16px;}
|
|
|
.egretNavService ul {clear: both; overflow: hidden; margin-top: 15px;}
|
|
|
.egretNavService ul li {float: left; margin: 0 10px;}
|
|
|
|
|
|
.m-progress li .step i,.m-progress-detail i,.m-progress-detail .detail-list a{ background: url("../../images/icon_main.png?v=1") no-repeat;}
|
|
|
|
|
|
.egretRank caption {text-align: center; border-radius: 5px 5px 0 0; color: white;}
|
|
|
|
|
|
.titleEdit{margin-bottom: 10px;}
|
|
|
|
|
|
.has-feedback .form-control { padding-right: 12px;}
|
|
|
|
|
|
|
|
|
/*全局颜色样式*/
|
|
|
.s-c-blue{ color: #00aeef;}
|
|
|
.s-c-green{ color: #37beba;}
|
|
|
.s-bg-blue{ background-color: #00aeef;}
|
|
|
.s-bg-green{ background-color: #37beba;}
|
|
|
.s-red{ color: #fb5f5f;}
|
|
|
.s-bs{box-shadow: 1px 1px 2px #d9d9d9;}
|
|
|
.color-grey{ color: #bbb;}
|
|
|
|
|
|
/*全局原件样式*/
|
|
|
.u-file { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-radius: 4px; padding: 4px 12px; overflow: hidden; color: #1E88C7; text-decoration: none; text-indent: 0; line-height: 20px;
|
|
|
}
|
|
|
.u-file input { cursor: pointer; position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; }
|
|
|
.u-file:hover { background: #AADFFD; border-color: #78C3F3; color: #004974; text-decoration: none; }
|
|
|
.u-lines-y{ width: 1px; height: 180px; background: url("../../images/lines_y.gif") no-repeat 0 center;}
|
|
|
.u-btn,.u-btn2,.u-btn3{ width: 200px; height: 50px; line-height: 50px; padding: 0; text-align: center; border: none; background-color: #00adf2 !important; font-size: 20px;}
|
|
|
.u-btn:hover,.u-btn:focus,.u-btn2:hover,.u-btn2:focus,.u-btn3:hover,.u-btn3:focus{ background-color: #009ad3 !important; box-shadow: none;}
|
|
|
.u-btn2{ width: 140px; height: 35px; line-height: 35px; font-size: 14px;}
|
|
|
.u-btn3{ width: auto; height: 35px; line-height: 35px; font-size: 14px; padding: 0 15px;}
|
|
|
.u-btn-default,.u-btn-default:focus{ width: auto; height: 35px; line-height: 35px; font-size: 14px; padding: 0 15px; background-color: #f2f2f2; color: #555; border: solid 1px #e6e6e6; box-shadow: none;}
|
|
|
.u-btn4,.u-btn4:focus{ height: auto; line-height: 1.42857143; padding: 6px 12px;}
|
|
|
.u-btn5,.u-btn5:focus{ height: auto; line-height: 1.5; padding: 5px 10px; font-size: 12px; border-radius: 3px;}
|
|
|
|
|
|
|
|
|
/*按钮组*/
|
|
|
.m-btn-group .btn-default,.m-btn-group .btn-default:focus{width: auto; height: 35px; line-height: 35px; font-size: 14px; padding: 0 15px; background-color: #f2f2f2; color: #555; border: solid 1px #e6e6e6; box-shadow: none;}
|
|
|
.m-btn-group .btn-default:hover{ background-color: #e7e7e7;}
|
|
|
.m-btn-group .active,.m-btn-group .active:focus{ background-color: #00adf2; color: #fff; border: solid 1px #00adf2;}
|
|
|
.m-btn-group .active:hover{ background-color: #009ad3; border: solid 1px #00adf2;}
|
|
|
|
|
|
/*表单验证样式*/
|
|
|
.error{ color: #a94442;}
|
|
|
|
|
|
/*文本样式*/
|
|
|
.text-format{ text-align: center; padding: 100px 0; color: gray;}
|
|
|
|
|
|
/*hr线条样色*/
|
|
|
hr{ border-top-color: #dee5ea;}
|
|
|
|
|
|
/*模块公共样式*/
|
|
|
.m-box{ background-color: #fff; border-radius: 4px; margin-bottom: 10px; padding: 25px;}
|
|
|
.m-box2{ padding-top: 0;}
|
|
|
.m-box2 .title{ min-height: 50px; border-bottom: solid 1px #e6e6e6; margin-bottom: 60px;}
|
|
|
.m-box2 .title h3{ font-size: 14px; color: #555; line-height: 50px; font-weight: bold; float: left;}
|
|
|
.m-box2 .title .other{ margin-top: 15px;}
|
|
|
|
|
|
/*自定义图标*/
|
|
|
.icon-custom2{ width: 80px; height: 80px; display: inline-block !important; background: url("../../images/icon_main.png?v=1") no-repeat;}
|
|
|
.icon-cloud2{ background-position: -80px 0;}
|
|
|
.icon-service2{ background-position: -160px 0;}
|
|
|
.icon-channel2{ background-position: -240px -180px;}
|
|
|
|
|
|
/*顶部导航*/
|
|
|
|
|
|
/*面包屑导航*/
|
|
|
.m-breadcrumb > li + li:before {
|
|
|
padding: 0 5px;
|
|
|
color: #00aeef;
|
|
|
content: ">";
|
|
|
}
|
|
|
.m-breadcrumb{ min-height: 50px; line-height: 50px; padding: 0 0 0 20px;}
|
|
|
.m-breadcrumb a,.m-breadcrumb .glyphicon{ color: #00aeef;}
|
|
|
.m-breadcrumb .glyphicon{ margin-right: 8px;}
|
|
|
|
|
|
/*游戏下拉标题*/
|
|
|
.egretGameChanTitle{ position: relative; margin-bottom: -4px; padding: 0; z-index: 99;}
|
|
|
.egretGameChanTitle+.m-subnav .list-group-item:first-child{ padding-top: 16px;}
|
|
|
.egretGameChanTitle h4 { width: 100%; padding: 16px 0; text-align: center; border-radius: 5px 5px 0 0; background-color: #006287; color: #fff; border-bottom: 1px solid white;}
|
|
|
.egretGameChanTitle a.btn {position: absolute; top: 0; right: 0;}
|
|
|
|
|
|
/*侧边子导航*/
|
|
|
.m-subnav .list-group-item{ margin-bottom: 0; padding: 12px 15px; border: none; border-bottom: solid 1px #eaeaea;}
|
|
|
.m-subnav>a.active,.m-subnav>a.active:hover,.m-subnav>a.active:focus{ background-color: #00aeef; border-color: #00aeef;}
|
|
|
.m-subnav>a span:first-child[class*=icon]{ width:23px; text-align:center; margin-right: 10px; font-size: 20px; display:inline-block; vertical-align:middle;}
|
|
|
.m-subnav>a span:last-child[class*=icon]{ border: none; font-size: 20px;}
|
|
|
.m-subnav>a:last-child{ border: none;}
|
|
|
.m-subnav .list-group{ margin: 0; display: none;}
|
|
|
.m-subnav .list-group-item:last-child{ border-radius: 0;}
|
|
|
.m-subnav>.list-group-item:last-child{ border-bottom-right-radius:4px; border-bottom-left-radius:4px; }
|
|
|
.m-subnav .list-group .list-group-item{ padding: 12px 20px 12px 40px; color: #999999;}
|
|
|
.m-subnav .list-group .active{ border-radius: 0; background-color: #fff; color: #00aeef;}
|
|
|
.m-subnav .list-group .active:hover,.m-subnav .list-group .active:focus{ border-color: #eaeaea;}
|
|
|
.m-subnav .list-group .list-group .list-group-item{ padding: 8px 20px 8px 60px;}
|
|
|
.m-subnav .icon-custom{ vertical-align: middle; display: inline-block; width: 23px; height: 20px; background: url("../../images/icon_subnav.png") no-repeat;}
|
|
|
.m-subnav .active .icon-developer{ background-position: -23px 0;}
|
|
|
.m-subnav .icon-game{ background-position: 0 -20px;}
|
|
|
.m-subnav .active .icon-game{ background-position: -23px -20px;}
|
|
|
.m-subnav .icon-service{ background-position: 0 -40px;}
|
|
|
.m-subnav .active .icon-service{ background-position: -23px -40px;}
|
|
|
.m-subnav .list-group-item.active >.badge{ background-color: #00aeef; color: #fff;}
|
|
|
.m-subnav .icon-globe{ font-size: 24px !important;}
|
|
|
|
|
|
/*动态数据*/
|
|
|
/* .m-channel-data{ min-height: 103px; margin-left: 0; margin-right: 0; text-align: center; padding: 20px 0 0;}
|
|
|
.m-channel-data div{ margin-bottom: 20px; border-right: solid 1px #e5e5e5;width: 11%;float: left;}
|
|
|
.m-channel-data div:last-child {border:none;}
|
|
|
.m-channel-data div:nth-child(6n){ border: none;}
|
|
|
.m-channel-data2 div:nth-child(5n){ border: none;}
|
|
|
.m-channel-data2 div{ width: 20%;}
|
|
|
.m-channel-data strong{ font-size: 26px; display: block;}
|
|
|
.m-channel-data strong small{ font-size: 18px;}
|
|
|
|
|
|
.m-channel-data .col-md-2 dl {clear: both; overflow: hidden;}
|
|
|
.m-channel-data .col-md-2 dl dt, .m-channel-data .col-md-2 dl dd {float: left; font-weight: normal; font-size: 12px;}
|
|
|
*/
|
|
|
/*面板模块*/
|
|
|
.m-panel{ margin-right:-10px; margin-left: 0; font-size: 12px;}
|
|
|
.m-panel>div{ padding-left: 0; padding-right: 10px;}
|
|
|
.m-panel strong{ display: block; font-size: 24px;}
|
|
|
.m-panel .m-box{ min-height: 188px; padding: 0;}
|
|
|
.m-panel .m-box .title{ margin: 0 10px 10px; min-height: 35px; border-bottom: solid 1px #eaeaea; position: relative; z-index: 2;}
|
|
|
.m-panel .m-box .title h3{ font-size: 14px; font-weight: bold; float: left; margin: 12px 0 0 5px;}
|
|
|
.m-panel .m-box .title .add{ width: 18px; height: 18px; display: block; position: absolute; top: 11px; right: 5px; text-decoration: none;}
|
|
|
.m-panel .m-box .title .icon-plus-sign{ vertical-align: top; font-size: 18px;}
|
|
|
.m-panel .m-box .title .add:hover{ text-decoration: none;}
|
|
|
.m-panel .m-box .title .add .tips{ color: #fff; text-align: center; display: none; font-size: 14px; line-height: 40px; width: 90px; height: 40px; position: absolute; top: 25px; right: -10px; background-color: #555; border-radius: 6px;}
|
|
|
.m-panel .m-box .title .add .glyphicon-triangle-top{ position: absolute; top: -9px; right: 13px; color: #555;}
|
|
|
.m-panel .m-box .title .add:hover .tips{ display: block;}
|
|
|
.m-panel .icon-custom2{ margin-top: 18px;}
|
|
|
.m-panel .row{ text-align: center; margin-left: 0;}
|
|
|
.m-panel .row .row:first-child{ border-bottom: solid 1px #eaeaea;}
|
|
|
.m-panel .row .row{ padding-bottom: 10px; margin-bottom: 10px; margin-left: -20px; margin-right: 5px;}
|
|
|
.m-panel .row .row div{ border-right: solid 1px #eaeaea;}
|
|
|
.m-panel .row .row div:last-child{ border-right: none;}
|
|
|
.m-panel .carousel-indicators{ left: inherit; right: 0; bottom: -10px; width: 80px;}
|
|
|
.m-panel .carousel-indicators li{ background-color: #ccc;}
|
|
|
.m-panel .carousel-indicators .active{ background-color: #00aeef;}
|
|
|
.m-panel .carousel-inner{ overflow: inherit;}
|
|
|
|
|
|
/*图表*/
|
|
|
.m-chart{ min-height: 467px;}
|
|
|
.m-chart .chart-color{ font-size: 12px; padding-left: 80px; margin-bottom: 10px;}
|
|
|
.m-chart .chart-color span{ margin-right: 30px;}
|
|
|
.m-chart .chart-color i{ width: 16px; height: 4px; margin-right: 6px; display: inline-block; vertical-align: middle;}
|
|
|
.m-chart .chart-body { height:400px;padding-top:10px;float:left; }
|
|
|
.nav-pills{ display: inline-block; margin-bottom: 10px;}
|
|
|
.nav-pills > li + li{ margin-left: 0;}
|
|
|
/* .nav-pills li a{ padding: 8px 10px; margin-right: 8px; color: #555; background-color: #f2f2f2; border: solid 1px #e6e6e6;}
|
|
|
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #00aeef;}
|
|
|
*/
|
|
|
.nav-pills li a{ margin-right: 8px; color: #555; background: #dedede;color: #7c7c7c;background-image: -moz-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%, #CED5D9 100%);
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0D5D8),color-stop(50%,#CFD5D9), color-stop(100%,#CED5D9));
|
|
|
background-image: -webkit-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);
|
|
|
background-image: -o-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);
|
|
|
background-image: -ms-linear-gradient(top, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);
|
|
|
background-image: linear-gradient(to bottom, #D0D5D8 0%,#CFD5D9 50%,#CED5D9 100%);
|
|
|
border:none;border-radius: 4px;width: 68px;text-align:center;
|
|
|
height: 33px;
|
|
|
line-height: 33px;}
|
|
|
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #3E96C9;color: #fff;background-image: -moz-linear-gradient(top, #449ACB 0%,#3C95C8 50%, #3591C6 100%);
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#449ACB),color-stop(50%,#3C95C8), color-stop(100%,#3591C6));
|
|
|
background-image: -webkit-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
|
|
|
background-image: -o-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
|
|
|
background-image: -ms-linear-gradient(top, #449ACB 0%,#3C95C8 50%,#3591C6 100%);
|
|
|
background-image: linear-gradient(to bottom, #449ACB 0%,#3C95C8 50%,#3591C6 100%);}
|
|
|
|
|
|
|
|
|
|
|
|
/*详细数据*/
|
|
|
.m-detail{ min-height: 300px; padding-top: 30px;}
|
|
|
.m-detail .title{ height: 45px; padding-bottom: 10px;}
|
|
|
.m-detail .title h3{ float: left; font-size: 14px; line-height: 32px; font-weight: bold;}
|
|
|
.table-container .table-responsive{ border-radius: 4px;}
|
|
|
.table-container table{ margin-bottom: 0;}
|
|
|
.table-container .table > thead > tr > th{ text-align: center; padding-top: 10px; padding-bottom: 10px; border-bottom: none; background-color: #76c2a3; color: #fff;}
|
|
|
.table-container .table > tbody > tr > td{ text-align: center; padding-top: 7px; padding-bottom: 7px;}
|
|
|
.table-container tbody tr:nth-of-type(odd) {background-color: #f4f4f4;}
|
|
|
.table-container tbody tr:nth-of-type(odd):hover { background-color: #e8e8e8;}
|
|
|
.table-container tbody tr:hover{background-color: #e8e8e8;}
|
|
|
.table-container .table > thead > tr .f-tal,.table-container .table > tbody > tr .f-tal{ text-align: left; padding-left: 25px;}
|
|
|
.table-container .table > thead > tr .f-tar,.table-container .table > tbody > tr .f-tar{ text-align: right; padding-right: 25px;}
|
|
|
|
|
|
th.header {
|
|
|
background-image: url(http://misc.egret.com/jquery/tablesorter/default/default.gif);
|
|
|
cursor: pointer;
|
|
|
font-weight: bold;
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center right;
|
|
|
margin-left: -1px;
|
|
|
}
|
|
|
th.headerSortDown {background-image: url(http://misc.egret.com/jquery/tablesorter/default/desc.gif);}
|
|
|
th.headerSortUp {background-image: url(http://misc.egret.com/jquery/tablesorter/default/asc.gif); }
|
|
|
th a{color: #fff; }
|
|
|
|
|
|
/*游戏进度*/
|
|
|
.m-game-progress{ min-height: 180px; padding: 0 10px;}
|
|
|
.m-game-progress .game{ width: 305px; float: left; margin-right: 15px;}
|
|
|
/*.m-game-progress .game .title{ padding: 0 5px; margin-bottom: 28px; height: 35px; border-bottom: solid 1px #eaeaea;}
|
|
|
.m-game-progress .game .title h3{ font-size: 14px; line-height: 35px; float: left; font-weight: bold;}
|
|
|
.m-game-progress .game .title span{ font-size: 24px; margin: 5px 5px 0 0;}*/
|
|
|
.m-game-progress .game dl{ padding: 35px 5px 0;}
|
|
|
.m-game-progress .game dt{ float: left;}
|
|
|
.m-game-progress .game dd{ float: left; width: 60%; margin-left: 13px;}
|
|
|
.m-game-progress .game dd b{ display: block;}
|
|
|
.m-game-progress .game dd div{ margin-bottom: 10px;}
|
|
|
.m-game-progress .m-progress{ float: left; margin-left: 18px; padding-top: 48px;}
|
|
|
|
|
|
/*进度模块*/
|
|
|
.m-progress .tips{ margin-top: 20px; text-align: right; padding-right: 10px; color: #676767;}
|
|
|
.m-progress li{ float: left; margin-bottom: 10px;}
|
|
|
.m-progress li .step{ width: 50px; text-align: center; font-size: 12px; color: #1a1a1a; font-weight: bold; float: left; margin-left: -4px;white-space:nowrap;}
|
|
|
.m-progress li .step i{ width: 30px; height: 30px; margin: 0 auto 10px; font-size: 16px; font-style: normal; text-align: center; line-height: 30px; display:block; color: #fff; background-position: -300px 0;}
|
|
|
.m-progress li .bar,.m-progress li .bar span{ width: 100px; height: 12px; display: block; background: url("../../images/bar_x.png") no-repeat;}
|
|
|
.m-progress li .bar{ float: left; margin: 9px 0 0 -4px;}
|
|
|
.m-progress li .bar span{ background-position: 0 -12px; width: 0%;}
|
|
|
.m-progress .active .step i{ background-position: -240px 0;}
|
|
|
.m-progress .active .bar span{width: 100%;}
|
|
|
.m-progress .current .step i{ background-position: -270px 0;}
|
|
|
|
|
|
.m-progress2{ width: 900px; margin: 0 auto 35px auto;}
|
|
|
.m-progress2 li .step{ width: 70px; font-size: 18px;}
|
|
|
.m-progress2 li .step i{ width: 44px; height: 44px; font-size: 25px; line-height: 44px; background-position: -418px 0;}
|
|
|
.m-progress2 li .bar,.m-progress2 li .bar span{ width: 144px; height: 17px;}
|
|
|
.m-progress2 li .bar{ margin: 14px 0 0 -4px; background-position: 0 -24px;}
|
|
|
.m-progress2 li .bar span{ background-position: 0 -41px; width: 0%;}
|
|
|
.m-progress2 .active .step i{ background-position: -330px 0;}
|
|
|
.m-progress2 .current .step i{ background-position: -374px 0;}
|
|
|
|
|
|
.m-progress3{ padding-left: 15px;}
|
|
|
.m-progress3 li .step{ width: 75px; margin-left: -15px;}
|
|
|
.m-progress3 li .bar,.m-progress3 li .bar span{ width: 170px;}
|
|
|
.m-progress3 li .bar{ background-position: 0 -58px; margin-left: -15px;}
|
|
|
.m-progress3 li .bar span{ background-position: 0 -70px;width: 0%;}
|
|
|
|
|
|
/*详细进度*/
|
|
|
.m-progress-detail{ min-height: 580px; padding: 0 20px;}
|
|
|
.m-progress-detail>ul{ padding-top: 50px; width: 927px; margin: 0 auto;}
|
|
|
.m-progress-detail>ul>li{ float: left; margin-bottom: 15px;}
|
|
|
.m-progress-detail .step{ width: 60px; text-align: center; font-size: 14px; color: #1a1a1a; font-weight: bold; float: left; margin-left: -5px;}
|
|
|
.m-progress-detail .step i{ width: 50px; height: 50px; margin: 8px auto 0; display: block;}
|
|
|
.m-progress-detail .bar,.m-progress-detail .bar span{ width: 120px; height: 6px; display: block; }
|
|
|
.m-progress-detail .bar{ float: left; margin: 50px 0 0 -5px; background-color: #e6e6e6;}
|
|
|
.m-progress-detail .bar span{ background-color: #51d0ff; width: 0%;}
|
|
|
.m-progress-detail .active .bar span{width: 100%;}
|
|
|
.m-progress-detail .step .i1{ background-position: -164px -80px;}
|
|
|
.m-progress-detail .step .i2{ background-position: -214px -80px;}
|
|
|
.m-progress-detail .step .i3{ background-position: -264px -80px;}
|
|
|
.m-progress-detail .step .i4{ background-position: -314px -80px;}
|
|
|
.m-progress-detail .step .i5{ background-position: -364px -80px;}
|
|
|
.m-progress-detail .step .i6{ background-position: -414px -80px; border: dashed 1px #d9d7d7;}
|
|
|
.m-progress-detail .active .step .i1{ background-position: -164px -130px;}
|
|
|
.m-progress-detail .active .step .i2{ background-position: -214px -130px;}
|
|
|
.m-progress-detail .active .step .i3{ background-position: -264px -130px;}
|
|
|
.m-progress-detail .active .step .i4{ background-position: -314px -130px;}
|
|
|
.m-progress-detail .active .step .i5{ background-position: -364px -130px;}
|
|
|
.m-progress-detail .active .step .i6{ background-position: -414px -130px; border: dashed 1px #51d0ff;}
|
|
|
.m-progress-detail .detail-list .bar-y{ width: 6px; height: 20px; display: block; margin-left: 23px; background-color: #e6e6e6;}
|
|
|
.m-progress-detail .detail-list a{ position: relative; cursor: pointer; width: 150px; height: 46px; display: block; background-position: 0 -130px; text-indent: 55px; font-size: 12px; line-height: 46px; color: #1a1a1a;}
|
|
|
.m-progress-detail .detail-list a:hover{text-decoration: none;}
|
|
|
.m-progress-detail .detail-list .active .bar-y{ background-color: #51d0ff;}
|
|
|
.m-progress-detail .detail-list .active a{ background-position: 0 -80px; color: #fff;}
|
|
|
.m-progress-detail .detail-list .conduct a{ background-position: -342px -226px; color: #fff;}
|
|
|
.m-progress-detail .detail-list .conduct .bar-y{ background-color: #37beba;}
|
|
|
.m-progress-detail .detail-list .wait a{ background-position: -342px -180px; color: #fff;}
|
|
|
.m-progress-detail .detail-list .wait .bar-y{ background-color: #ffbc48;}
|
|
|
.m-progress-detail .detail-list i{ width: 46px; height: 46px; text-align: center; text-indent: 0; position: absolute; font-size: 30px; left: 0; background: none;}
|
|
|
.m-progress-detail .icon-service{ width: 46px; height: 46px; display: block; position: absolute; background-position: -240px -34px;}
|
|
|
|
|
|
/*列表信息样式*/
|
|
|
.m-list-info li{ padding-bottom: 35px; clear: both;}
|
|
|
.m-list-info label{ height: 100%; text-align: right; width: 30%; margin-right: 10px; float: left;}
|
|
|
.m-list-info p{ width: 60%; float: left;}
|
|
|
|
|
|
/*游戏图标*/
|
|
|
.gameIcons .item-icon{ text-align: center; margin-bottom: 10px; display: inline-block; float: none; margin-left: -4px;}
|
|
|
.gameIcons .item-icon span{ display: block; margin-bottom: 15px;}
|
|
|
.gameIcons .item-icon img{ margin: 0 auto;}
|
|
|
|
|
|
/* 表中表查看样式 */
|
|
|
#manageUI {background: #f1f1f1;}
|
|
|
#manageUI .egregManageUIDiv {background: #fff; padding: 10px; border-radius: 5px; border-width: 1px; border-style: solid; border-color: #eee;}
|
|
|
#manageUI .titleEdit {padding: 10px; margin: 0; border-bottom: 1px solid #ccc; background-color: #fbfbfb;}
|
|
|
#manageUI .titleEdit a {text-decoration: none; font-size: 13px;}
|
|
|
#manageUI .dlTable {clear: both; overflow: hidden; padding: 10px 0 15px 0; margin: 5px 0 0 0;}
|
|
|
#manageUI .dlTable dt, #manageUI .dlTable dd {float: left;}
|
|
|
#manageUI .dlTable dt {width: 100px; text-align: right;}
|
|
|
#manageUI .dlTable dd {margin-right: 15px;}
|
|
|
#manageUI .smallTd th {background: white; color: #333;}
|
|
|
#manageUI .smallTd td {padding: 7px 10px;}
|
|
|
#manageUI .smallTd a {font-size: 12px;}
|
|
|
|
|
|
/*游戏截图*/
|
|
|
/* clear fix */
|
|
|
.grid:after {
|
|
|
clear: both;
|
|
|
content: '';
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
/* ---- .grid-item ---- */
|
|
|
|
|
|
.grid-sizer,
|
|
|
.grid-item {
|
|
|
text-align: center;
|
|
|
width: 33.333%;
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
|
|
|
.grid-item {
|
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
.grid-item a{ margin-top: 10px;}
|
|
|
|
|
|
.grid-item img {
|
|
|
display: block;
|
|
|
margin: 0 auto;
|
|
|
max-width: 98%;
|
|
|
}
|
|
|
|
|
|
/* 已上线渠道列表 */
|
|
|
.egretChannelItemsBox {padding: 0 5px;}
|
|
|
.egretChannelItems {border: 1px solid #ddd; border-radius: 5px; margin-top: 10px; background: white; box-shadow: 0 1px 1px #ccc; min-height: 300px;}
|
|
|
.egretChannelItems .row {padding: 10px 10px 0 10px;}
|
|
|
.egretChannelItems .col-sm-4, .egretChannelItems .col-sm-8 {float: left;}
|
|
|
.egretChannelItems .col-sm-4 img {border-radius: 5px; border: 1px solid #f0f0f0;}
|
|
|
.egretChannelItems .col-sm-8 label {padding-bottom: 0; margin-top: 5px;}
|
|
|
.egretChannelItems .col-sm-8 a {color: black; font-size: 13px; margin: 2px 0 3px;}
|
|
|
.egretChannelItems .dataNumber ul {display: block; width: 100%; margin: 0; padding: 0; font-size: 12px; clear: both; overflow: hidden;}
|
|
|
.egretChannelItems .dataNumber ul li {float: left; list-style: none;}
|
|
|
.egretChannelItems .dataNumber ul li.caption {text-align: right; min-width: 86px;}
|
|
|
.egretChannelItems .dataNumber ul li.captionTop {margin-top: 7px;}
|
|
|
.egretChannelItems .dataNumber ul li span {font-weight: bold; font-size: 20px; display: block; width: 100px;}
|
|
|
.egretChannelItems .dataNumber hr {margin: 10px 0 3px 0; border-top-color: #ccc; border-top-style: dashed;}
|
|
|
.egretChannelItems .options {text-align: center; width: 100%; background: #f6f6f6; margin: 17px auto 0 auto; padding: 5px; border-radius: 0 0 3px 3px;}
|
|
|
.egretChannelItems .options a {padding: 5px; font-size: 14px;}
|
|
|
.egretChannelItems .options a:hover {text-decoration: none;}
|
|
|
|
|
|
/*分页样式*/
|
|
|
.paging{ text-align: center; margin-top: 30px; margin-bottom: 30px;}
|
|
|
.paging a,.paging b{ display: inline-block; padding: 0 10px; height: 28px; line-height: 28px; color: #999; border: solid 1px #999; margin: 0 5px;}
|
|
|
.paging b,.pagination .active a{ background-color: #2bb0e9; border-color: #2bb0e9; color: #fff;}
|
|
|
.pagination li a{ color: #2bb0e9;}
|
|
|
.pagination li a:hover{ color: #009ad3;}
|
|
|
.pagination .active a:hover{ background-color: #009ad3; border-color: #009ad3;}
|
|
|
|
|
|
/*测试进度样式*/
|
|
|
.egretStep{ padding-left: 0;}
|
|
|
.egretStep li span {
|
|
|
display: block;
|
|
|
padding: 8px 15px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.egretStep li.first {
|
|
|
border-radius: 5px 0 0 5px;
|
|
|
}
|
|
|
.egretStep li.first {
|
|
|
border-radius: 5px 0 0 5px;
|
|
|
}
|
|
|
.egretStep li.first {
|
|
|
border-radius: 5px 0 0 5px;
|
|
|
}
|
|
|
.egretStep li.currentGreen {
|
|
|
background: #388e03 none repeat scroll 0 0;
|
|
|
}
|
|
|
.egretStep li.current, .egretStep li.currentGreen, .egretStep li.completedGreen {
|
|
|
color: white;
|
|
|
}
|
|
|
.egretStep li.completedGreen{ color: green;}
|
|
|
.egretStep li {
|
|
|
width: 20%;
|
|
|
}
|
|
|
.egretStep li {
|
|
|
width: 20%;
|
|
|
}
|
|
|
.egretStep li {
|
|
|
width: 20%;
|
|
|
}
|
|
|
.egretStep li {
|
|
|
background: #f0f0f0 none repeat scroll 0 0;
|
|
|
float: left;
|
|
|
list-style: outside none none;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
/* 游戏 */
|
|
|
.egretGameBox {padding: 0;}
|
|
|
.egretGameItems {border: 1px solid #f1f1f1; border-radius: 5px; margin: 5px; box-shadow: 0 1px 1px #eee; position: relative; min-height: 143px;}
|
|
|
.egretGameItems .iconName {padding: 8px 8px 0 8px;}
|
|
|
.egretGameItems .col-xs-4, .egretGameItems .col-xs-8 {float: left;}
|
|
|
.egretGameItems .col-xs-4 {padding-right: 5px;}
|
|
|
.egretGameItems .col-xs-4 img {box-shadow: 0 2px 2px #ccc; border-radius: 5px; border: 1px solid #f0f0f0;}
|
|
|
.egretGameItems .col-xs-8 {padding-left: 5px; color: #999; font-size: 14px;}
|
|
|
.egretGameItems .col-xs-8 label, .egretGameItems .col-xs-8 span {display: block; min-height: 20px;}
|
|
|
.egretGameItems .col-xs-8 label {padding-bottom: 0; margin-bottom: 0px; font-size: 16px;}
|
|
|
.egretGameItems .col-xs-8 label a{ color: #000;}
|
|
|
.egretGameItems .col-xs-8 span {margin: 5px 0;}
|
|
|
.egretGameItems .col-xs-8 font a {margin-left: 20px;}
|
|
|
.egretGameItems .options {text-align: center; width: 100%; margin: 15px auto 0 auto; padding: 6px 0; border-radius: 0 0 3px 3px; color: #999;}
|
|
|
.egretGameItems .options a {padding: 2px; color: #00aeef; margin: 0 5px; font-size: 12px;}
|
|
|
.egretGameItems .options a:hover {text-decoration: none;}
|
|
|
.egretGameItems .totalData { width:100%; height: 154px; font-size: 12px;}
|
|
|
.egretGameItems .totalData tr{ border-bottom: solid 1px #eaeaea;}
|
|
|
.egretGameItems .totalData tr:last-child{ border: none;}
|
|
|
.egretGameItems .totalData td{ border-left: solid 1px #eaeaea; padding: 10px 0 10px 10px;}
|
|
|
.egretGameItems .totalData td:first-child{ text-align: center; width: 80px; font-weight: bold; color: #000; padding-left: 0;}
|
|
|
|
|
|
.gameTable {padding: 0 20px; margin-top: 5px; margin-bottom: 20px;}
|
|
|
.gameTable .egretTableBox {border: 1px solid #eaeaea; border-radius: 5px; clear: both; overflow: hidden;}
|
|
|
.gameTable .col-lg-4, .gameTable .col-lg-8, .gameTable .col-lg-6{margin: 0; padding: 0;}
|
|
|
.gameTable .gameTableData tr{ border-bottom: 1px solid #eaeaea;}
|
|
|
.gameTable .gameTableData tr:last-child{ border: none;}
|
|
|
.gameTable .gameTableData tbody tr:nth-of-type(odd) {background-color: #f4f4f4;}
|
|
|
.gameTable .gameTableData tbody tr:hover{background-color: #eaeaea;}
|
|
|
.gameTable .gameTableData { margin: 0; width: 100%; height: 154px;}
|
|
|
.gameTable .gameTableData td, .gameTable .gameTableData th { font-size: 12px; border-left: 1px solid #eaeaea; text-align: center; color: #999;}
|
|
|
.gameTable .gameTableData th{ padding: 10px 0; border-bottom: 1px solid #eaeaea; color: #000; font-weight: bold;}
|
|
|
|
|
|
/* 帐号中心 */
|
|
|
.panel {box-shadow: 0 2px 2px #ddd; background-image: linear-gradient(#f1f1f1, #ffffff);}
|
|
|
.panel hr {border-top: 1px solid #ccc; border-bottom: 1px solid #fff;}
|
|
|
.egret_member_container {border-left: 1px dotted #f1f1f1;}
|
|
|
.egret_member_container img {vertical-align: bottom;}
|
|
|
.egret_member_container .egretTitle {padding: 0; margin: 8px 0; clear: both; overflow: hidden;}
|
|
|
.egret_member_container .egretTitle li {float: left; padding: 0; margin: 0; list-style: none;}
|
|
|
.egret_member_container .egretTitle li div {padding: 5px 0 0 10px; font-size: 18px; font-weight: bold;}
|
|
|
.egret_alert {text-align: center;}
|
|
|
.egret_alert p {font-size: 16px; margin-bottom: 30px; color: gray;}
|
|
|
.egret_alert a {padding: 7px 15px;}
|
|
|
.egretDCData{ }
|
|
|
.egretDCData .panel-heading a {float: right; font-size: 13px; color: #0e70a8;}
|
|
|
.egretDCData .panel-body {background-color: white; min-height: 300px;}
|
|
|
.egretDCData dl {margin: -10px 0; clear: both; overflow: hidden;}
|
|
|
.egretDCData dl dt, .egretDCData dl dd {float: left; margin: 0;}
|
|
|
.egretDCData dl dt {margin: 15px 30px;}
|
|
|
.egretDCData dl dd span {font-weight: bold; font-size: 30px; margin-right: 10px;}
|
|
|
|
|
|
.egretMsgTable {font-size: 13px; margin-top: 10px;}
|
|
|
.egretMsgTable .icon-circle {color: #3a86d5; font-size: 10px;}
|
|
|
|
|
|
.egretCaption {background: #f0f0f0; padding: 8px 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
|
|
|
.egretCaption a {font-size: 12px; display: block; background: #1189ce; color: white; padding: 3px 10px; border-radius: 5px; text-decoration: none;}
|
|
|
|
|
|
.egretMemberMenu a.list-group-item {padding: 15px;}
|
|
|
.egretMemberMenu a.egretLastFMenu {border-radius: 0 0 5px 5px;}
|
|
|
|
|
|
.egretFloatRight {float: right;}
|
|
|
.egretNavPills li {margin-right: 15px;}
|
|
|
.egretNavPills li a {padding: 5px 20px; font-size: 12px; background-color: #f0f0f0;}
|
|
|
|
|
|
.egretCountData {clear: both; overflow: hidden; padding-top: 1px;}
|
|
|
.egretCountData div {float: left; text-align: center; padding: 10px 0;}
|
|
|
.egretCountData div.icon {width: 40%; color: white;}
|
|
|
.egretCountData div.value {width: 60%; background-color: #fff; min-height: 60px;}
|
|
|
.egretCountData div.value span {font-size: 14px;}
|
|
|
.egretCountData div.value .label {color: black; display: block; width: 100%; font-size: 22px;}
|
|
|
.egretTotalIncome .icon {background-color: #ff5500;}
|
|
|
.egretTotalIncome .value span.label {color: #ff5500;}
|
|
|
.egretTotalGameIncome .icon {background-color: #387c0f;}
|
|
|
.egretTotalGameIncome .value span.label {color: #387c0f;}
|
|
|
.egretTotalChannelIncome .icon {background-color: #b68a12;}
|
|
|
.egretTotalChannelIncome .value span.label {color: #b68a12;}
|
|
|
|
|
|
.egretBalanceList tbody tr td {vertical-align: middle; font-size: 13px;}
|
|
|
|
|
|
.auxiliaryGameItem {text-align: center; display: block;}
|
|
|
.auxiliaryGameItem img {width: 80px; margin-bottom: 5px;}
|
|
|
|
|
|
.auxiliaryChanItem {text-align: center; display: block; padding: 8px; border: 1px solid #ccc; border-radius: 5px;}
|
|
|
.auxiliaryChanItem:hover, .auxiliaryGameItem:hover {text-decoration: none;}
|
|
|
|
|
|
/*数据统计面板*/
|
|
|
.count-panel{ padding: 0 10px;}
|
|
|
.count-panel>div{ padding: 0 5px;}
|
|
|
.count-panel .frame{ border-radius: 3px; border: solid 1px #e6e6e6; padding: 14px 0; width: 100%; display: table; clear: both;}
|
|
|
.count-panel small{ color: #3f3f3f; font-size: 14px; font-weight: bold; display: block;}
|
|
|
.count-panel strong{font-size: 30px; font-weight: bold; display: block;}
|
|
|
.count-panel .multi-row{ margin: -10px 0 -15px;}
|
|
|
.count-panel .multi-row strong{font-size: 20px; font-weight: bold; display: block; margin-bottom: 5px; border-bottom: dashed 1px #ccc;}
|
|
|
.count-panel .multi-row strong:last-child{ border: none;}
|
|
|
|
|
|
.icon-user2{ background-position: 0 -180px;}
|
|
|
.icon-user3{ background-position: -80px -180px;}
|
|
|
.icon-money2{ background-position: -160px -180px;}
|
|
|
.icon-clock2{ background: url("../../images/clock.png") no-repeat;}
|
|
|
|
|
|
/*内联表单*/
|
|
|
.input-inline select,.input-inline input{ margin-left: 10px;}
|
|
|
|
|
|
/*账户概况样式*/
|
|
|
.icon-game3{ width: 96px; height: 71px; background-position: 0 -260px;}
|
|
|
.icon-channel{ width: 75px; height: 100px; background-position: -192px -260px;}
|
|
|
.m-account-profile{ text-align: center; min-height: 540px; line-height: 540px; padding: 0; vertical-align: middle;}
|
|
|
.m-account-profile .item-panel{ cursor: pointer; text-decoration: none; width: 220px; height: 330px; line-height: normal; position: relative; color: #b2b2b2; overflow: hidden; border: solid 1px #eaeaea; display: inline-block; border-radius: 5px; margin: 0 25px; vertical-align: middle;}
|
|
|
.m-account-profile .item-panel:hover{ width: 240px; height: 360px; color: #00aeef; border-color: #00aeef;}
|
|
|
.m-account-profile .left-panel:hover{ margin-left: 5px; right: -10px;}
|
|
|
.m-account-profile .right-panel:hover{ margin-right: 5px; left: -10px;}
|
|
|
.m-account-profile .left-panel:hover .icon-game3{ background-position: -96px -260px;}
|
|
|
.m-account-profile .right-panel:hover .icon-channel{ background-position: -267px -260px;}
|
|
|
.m-account-profile .step{ text-align: left; font-size: 16px; position: absolute; top: 20px; left: 20px;}
|
|
|
.m-account-profile .icon-game3{ position: absolute; top: 100px; left: 50%; margin-left: -48px;}
|
|
|
.m-account-profile .icon-channel{ position: absolute; top: 85px; left: 50%; margin-left: -37px;}
|
|
|
.m-account-profile .text{ width: 100%; font-size: 24px; font-weight: bold; position: absolute; top: 270px;}
|
|
|
|
|
|
/*修改日历样式*/
|
|
|
.ui-widget-header{ background: #00adf2; border-color: #ccc;}
|
|
|
.ui-icon,
|
|
|
.ui-widget-header .ui-icon {
|
|
|
background-image: url("../../js/jquery-ui/images/ui-icons_ffffff_256x240.png");
|
|
|
}
|
|
|
|
|
|
.ui-state-hover .ui-icon,
|
|
|
.ui-state-focus .ui-icon {
|
|
|
background-image: url("../../js/jquery-ui/images/ui-icons_228ef1_256x240.png");
|
|
|
}
|
|
|
|
|
|
.ui-state-default a,
|
|
|
.ui-state-default a:link,
|
|
|
.ui-state-default a:visited {
|
|
|
color: #1c94c4;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
.ui-state-hover,
|
|
|
.ui-widget-content .ui-state-hover,
|
|
|
.ui-widget-header .ui-state-hover,
|
|
|
.ui-state-focus,
|
|
|
.ui-widget-content .ui-state-focus,
|
|
|
.ui-widget-header .ui-state-focus {
|
|
|
border: 1px solid #0A9AF2;
|
|
|
background: #fdf5ce url("../../js/jquery-ui/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
|
|
|
font-weight: bold;
|
|
|
color: #0A9AF2;
|
|
|
}
|
|
|
.ui-state-hover a,
|
|
|
.ui-state-hover a:hover,
|
|
|
.ui-state-hover a:link,
|
|
|
.ui-state-hover a:visited,
|
|
|
.ui-state-focus a,
|
|
|
.ui-state-focus a:hover,
|
|
|
.ui-state-focus a:link,
|
|
|
.ui-state-focus a:visited {
|
|
|
color: #1c94c4;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
.ui-state-active,
|
|
|
.ui-widget-content .ui-state-active,
|
|
|
.ui-widget-header .ui-state-active {
|
|
|
border: 1px solid #1c94c4;
|
|
|
background: #00adf2 url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
|
|
|
font-weight: bold;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.ui-state-active a,
|
|
|
.ui-state-active a:link,
|
|
|
.ui-state-active a:visited {
|
|
|
color: #1c94c4;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*全局功能样式*/
|
|
|
.f-pr-0{ padding-right: 0;}
|
|
|
.f-pl-0{ padding-left: 0;}
|
|
|
.f-pl-10{ padding-left: 10px;}
|
|
|
.f-pl-20{ padding-left: 20px;}
|
|
|
.f-pr-25{ padding-right: 25px;}
|
|
|
.f-pt-25{ padding-top: 25px;}
|
|
|
.f-pt-20{ padding-top: 20px;}
|
|
|
.f-pb-40{ padding-bottom: 40px;}
|
|
|
.f-mlr-0{ margin-left: 0; margin-right: 0;}
|
|
|
.f-plr-0{ padding-left: 0; padding-right: 0;}
|
|
|
.f-mt-10{ margin-top: 10px;}
|
|
|
.f-mt-60{ margin-top: 60px;}
|
|
|
.f-mt-40{ margin-top: 40px;}
|
|
|
.f-mb-10{ margin-bottom: 10px;}
|
|
|
.f-mb-20{ margin-bottom: 20px;}
|
|
|
.f-mb-30{ margin-bottom: 30px;}
|
|
|
.f-mb-40{ margin-bottom: 40px;}
|
|
|
.f-mt--30{ margin-top: -30px;}
|
|
|
.f-mt--25{ margin-top: -25px;}
|
|
|
.f-mt--40{ margin-top: -40px;}
|
|
|
.f-mb--15{ margin-bottom: -15px;}
|
|
|
.f-mr-10{ margin-right: 10px;}
|
|
|
.f-mr-15{ margin-right: 15px;}
|
|
|
.f-mr-5{ margin-right: 5px;}
|
|
|
.f-pt-45{ padding-top: 45px;}
|
|
|
.f-plr-50{ padding-left: 50px; padding-right: 50px;}
|
|
|
.f-mlrauto{ margin-left: auto; margin-right: auto;}
|
|
|
.f-w-140{ width: 140px !important;}
|
|
|
.f-ml-10{ margin-left: 10px;}
|
|
|
.f-mh-550{ min-height: 550px;}
|
|
|
.f-pt-7{ padding-top: 7px;}
|
|
|
|
|
|
|
|
|
/*超小屏幕（手机，小于 768px）*/
|
|
|
@media screen and (max-width: 768px)
|
|
|
{
|
|
|
.m-account-profile{ line-height: 400px; min-height: 0;}
|
|
|
|
|
|
.egretGameItems .col-xs-8 {padding-left: 20px;font-size: 12px;}
|
|
|
}
|
|
|
|
|
|
/*小屏幕（平板，大于等于 768px）*/
|
|
|
@media screen and (min-width: 768px)
|
|
|
{
|
|
|
|
|
|
}
|
|
|
|
|
|
/*中等屏幕（桌面显示器，小于等于 992px）*/
|
|
|
@media screen and (max-width: 992px)
|
|
|
{
|
|
|
.f-pr-0{ padding-right: 15px;}
|
|
|
.f-pl-10{ padding-left: 15px;}
|
|
|
.m-channel-data div{ padding-bottom: 20px; border-right: none; border-bottom: solid 1px #e5e5e5;}
|
|
|
.gameIcons .item-icon{ display: block;}
|
|
|
|
|
|
.m-channel-data2 div{ width: 100%;}
|
|
|
}
|
|
|
|
|
|
/*大屏幕（大桌面显示器，小于 1200px）*/
|
|
|
@media screen and (max-width: 1200px)
|
|
|
{
|
|
|
.m-game-progress .game{ width: auto; float: none; margin-right: 0; padding-bottom: 15px; border-bottom: solid 1px #eaeaea;}
|
|
|
.m-game-progress .u-lines-y{ display: none;}
|
|
|
.m-game-progress .m-progress{ float: none; padding-top: 30px; padding-bottom: 10px;}
|
|
|
|
|
|
.m-progress-detail>ul{ width: auto;}
|
|
|
.m-progress-detail>ul>li{ width: 100%;}
|
|
|
.m-progress-detail .bar{ width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:calc(100% - 60px);}
|
|
|
|
|
|
.m-progress2{ width: auto;}
|
|
|
.f-plr-50{ padding-left: 15px; padding-right: 15px;}
|
|
|
|
|
|
.egretGameItems .totalData tr:first-child{ border-top: solid 1px #eaeaea;}
|
|
|
.egretGameItems .totalData tr:last-child{ border-bottom: solid 1px #eaeaea;}
|
|
|
.egretGameItems .totalData td{ border-left: solid 1px #eaeaea; padding: 10px 0 10px 10px;}
|
|
|
.egretGameItems .totalData td:first-child{ border: none; text-align: center; width: 60px; font-weight: bold; color: #000; padding-left: 0;}
|
|
|
|
|
|
.gameTable .gameTableData td:first-child,.gameTable .gameTableData th:first-child{ border: none;}
|
|
|
|
|
|
.input-inline select,.input-inline input{ width: 100% !important; margin-left: 0;}
|
|
|
.input-inline .pull-right,.input-inline .pull-left{ float: none !important;}
|
|
|
.input-inline .form-group,.input-inline .input-group{ width: 100%; }
|
|
|
.input-inline label,.input-inline .btn{ margin-left: 0 !important;}
|
|
|
}
|
|
|
|
|
|
/*大屏幕（大桌面显示器，大于等于 1200px）*/
|
|
|
@media screen and (min-width: 1200px)
|
|
|
{
|
|
|
.container {
|
|
|
width: 1200px;
|
|
|
padding-left: 0;
|
|
|
padding-right: 0;
|
|
|
}
|
|
|
}
|
|
|
.openegretmain {background-color:#fff;}
|
|
|
.main_content {box-sizing:border-box;overflow:hidden;padding:10px 13px 0;background:#fff;}
|
|
|
.main_content_item,.main_content_item2 {background-color: #fff;
|
|
|
border-radius: 4px;border:1px solid #d9d9d9;
|
|
|
margin-bottom: 10px;}
|
|
|
.main_content_title {line-height:34px;height:34px;border-top-left-radius:4px;border-top-right-radius:4px;}
|
|
|
.main_content_title span{padding-left:20px;}
|
|
|
|
|
|
.main_content_main {clear:both;overflow:hidden;}
|
|
|
|
|
|
.m-channel-data{/* min-height: 103px; */ margin-left: 0; margin-right: 0; text-align: center; padding: 30px 0 ;}
|
|
|
.m-channel-data .main_content_main_item{width: 11.11111111%;width:10%;float: left;}
|
|
|
.m-channel-data .main_content_main_item:last-child {border:none;}
|
|
|
.m-channel-data .main_content_main_item:nth-child(6n){ border: none;}
|
|
|
/* .m-channel-data .main_content_main_item>div {margin:5px;border:1px solid #00aeef;border-radius:4px;padding:10px 0;}
|
|
|
*/
|
|
|
.m-channel-data2 div:nth-child(5n){ border: none;}
|
|
|
.m-channel-data2 div{ width: 20%;}
|
|
|
.m-channel-data strong{ font-size: 24px; display: block;}
|
|
|
.m-channel-data strong small{ font-size: 18px;}
|
|
|
|
|
|
.main_content_main_item>div{border-right:1px solid #d9d9d9;}
|
|
|
.main_content_main_item:last-child>div{border:none;}
|
|
|
|
|
|
.main_content_platform strong {color:#0c85ca;color:#00aeef;}
|
|
|
/*
|
|
|
.m-channel-data .col-md-2 dl {clear: both; overflow: hidden;}
|
|
|
.m-channel-data .col-md-2 dl dt, .m-channel-data .col-md-2 dl dd {float: left; font-weight: normal; font-size: 12px;}
|
|
|
*/
|
|
|
|
|
|
/* .main_content_realtime .mcmi1>div,.main_content_realtime .mcmi2>div,.main_content_realtime .mcmi3>div{border-color:#0c85ca;}
|
|
|
.main_content_realtime .mcmi4>div,.main_content_realtime .mcmi5>div,.main_content_realtime .mcmi6>div{border-color:#499c06;}
|
|
|
.main_content_realtime .mcmi7>div,.main_content_realtime .mcmi8>div,.main_content_realtime .mcmi9>div{border-color:#f1b410;}
|
|
|
*/
|
|
|
.main_content_realtime .mcrt1,.main_content_realtime .mcrt2,.main_content_realtime .mcrt3 {color:#0c85ca;}
|
|
|
.main_content_realtime .mcrt4,.main_content_realtime .mcrt5,.main_content_realtime .mcrt6 {color:#499c06;}
|
|
|
.main_content_realtime .mcrt7,.main_content_realtime .mcrt8,.main_content_realtime .mcrt9 {color:#f1b410;}
|
|
|
|
|
|
|
|
|
.main_content_time caption { height: 40px; line-height:40px;}
|
|
|
.main_content_time .mct1 caption {background-color: #0c85ca;}
|
|
|
.main_content_time .mct2 caption {background-color: #499c06;}
|
|
|
.main_content_time .mct3 caption {background-color: #f1b410;}
|
|
|
.main_content_time .table tr{border-bottom:1px solid #DDDDDD;}
|
|
|
.main_content_time .table th,.main_content_time .table td {border-right:1px solid #DDDDDD;text-align:center;line-height:40px;height:40px;}
|
|
|
.main_content_time .table th:first-child,.main_content_time .table td:first-child {border-left:1px solid #DDDDDD;}
|
|
|
|
|
|
.main_content_dataoverview {padding-top:20px;} |