You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
367 lines
14 KiB
CSS
367 lines
14 KiB
CSS
5 years ago
|
/*管理中心页公共样式 begin*/
|
||
|
|
*{
|
||
|
|
padding:0;
|
||
|
|
margin:0;
|
||
|
|
font-family:"微软雅黑";
|
||
|
|
box-sizing:border-box;
|
||
|
|
}
|
||
|
|
.zclearfix:after{
|
||
|
|
content:"";
|
||
|
|
height:0;
|
||
|
|
line-height:0;
|
||
|
|
display:block;
|
||
|
|
visibility:hidden;
|
||
|
|
clear:both;
|
||
|
|
}
|
||
|
|
.zclearfix{
|
||
|
|
zoom:1;
|
||
|
|
}
|
||
|
|
@charset "utf-8";
|
||
|
|
|
||
|
|
/*css reset*/
|
||
|
|
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}
|
||
|
|
fieldset,img{border:none;}
|
||
|
|
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
|
||
|
|
ul,ol{list-style:none;}
|
||
|
|
input{padding-top:0;padding-bottom:0;}
|
||
|
|
input::-moz-focus-inner{border:none;padding:0;}
|
||
|
|
select,input{vertical-align:middle;}
|
||
|
|
select,input,textarea{margin:0;}
|
||
|
|
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
|
||
|
|
textarea{resize:none;}
|
||
|
|
table{border-collapse:collapse;}
|
||
|
|
body{font: 12px/1.42857143 "Arial","Microsoft YaHei","微软雅黑", "宋体"; color:#333;}
|
||
|
|
input, textarea, keygen, select, button {font-family:"Arial","Microsoft YaHei","微软雅黑", "宋体";}
|
||
|
|
h1, h2, h3, h4{font-family:"Microsoft YaHei","微软雅黑", "Arial";}
|
||
|
|
|
||
|
|
a{text-decoration:none;}
|
||
|
|
a:hover{text-decoration:none;}
|
||
|
|
a:focus{outline:none;}
|
||
|
|
.clearfix{zoom:1;}
|
||
|
|
.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden;}
|
||
|
|
.clearfix:after{clear:both;}
|
||
|
|
.fl{float:left;}.fr{float:right;}
|
||
|
|
.break{ word-break:break-all; word-wrap:break-word}
|
||
|
|
.hide{display:none;}
|
||
|
|
.mt15{margin-top:15px;}
|
||
|
|
.mb15{margin-bottom:15px !important;}
|
||
|
|
.red{color:#f00;}
|
||
|
|
a, a:active, a:link, a:visited {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;vertical-align:middle;line-height:1.42857143;}
|
||
|
|
.caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
|
||
|
|
.container {
|
||
|
|
width:100vw;
|
||
|
|
margin:0 auto;
|
||
|
|
}
|
||
|
|
hr{box-sizing:content-box;height:0;border:0;border-top:1px solid #eee;border-top-color:#dee5ea;}
|
||
|
|
.hidden {display:none;}
|
||
|
|
.left {float:left!important;}
|
||
|
|
.right {float:right!important;}
|
||
|
|
|
||
|
|
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
||
|
|
font-family: inherit;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 1.1;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.h4, h4 {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
[role=button] {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.f-toe {
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.pull-left {float: left!important;}
|
||
|
|
.pull-right {float: right!important;}
|
||
|
|
caption {
|
||
|
|
padding-top: 8px;
|
||
|
|
padding-bottom: 8px;
|
||
|
|
color: #777;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.header{
|
||
|
|
width:100vw;
|
||
|
|
background-color: #fff;
|
||
|
|
font-size: 14px;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
z-index: 3;
|
||
|
|
}
|
||
|
|
.head_inner {
|
||
|
|
width: 96vw;
|
||
|
|
margin: 0 auto;
|
||
|
|
height: 68px;
|
||
|
|
line-height: 68px;
|
||
|
|
}
|
||
|
|
.head_inner .logo {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.head_inner .logo img {
|
||
|
|
height: 60px;
|
||
|
|
float: left;
|
||
|
|
padding:8px;
|
||
|
|
}
|
||
|
|
.head_inner .logo i {
|
||
|
|
width: 1px;
|
||
|
|
height: 40px;
|
||
|
|
background-color: #e6e6e6;
|
||
|
|
margin: 0 10px;
|
||
|
|
float: left;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.head_inner .logo span {
|
||
|
|
color: #6c6c6c;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*当前位置 begin*/
|
||
|
|
.zcurt_pstion{
|
||
|
|
height:36px;
|
||
|
|
line-height:36px;
|
||
|
|
width:100vw;
|
||
|
|
background-color:#f1f1f1;
|
||
|
|
position:fixed;
|
||
|
|
top:68px;
|
||
|
|
z-index:3;
|
||
|
|
padding:0 2vw;
|
||
|
|
color:#999999;
|
||
|
|
border-top:1px solid #e1e6e9;
|
||
|
|
}
|
||
|
|
.zcurt_pstion .z_nav{
|
||
|
|
color:#999;
|
||
|
|
}
|
||
|
|
.z_nav~.z_nav:before{
|
||
|
|
content:">";
|
||
|
|
display:inline-block;
|
||
|
|
width:8px;
|
||
|
|
height:8px;
|
||
|
|
margin-right:4px;
|
||
|
|
|
||
|
|
}
|
||
|
|
.zcurt_pstion .curt_nav{
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
/*end 当前位置*/
|
||
|
|
|
||
|
|
.unlr {
|
||
|
|
float: right;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.unlr li {
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.unlr li a {
|
||
|
|
margin:0 10px;
|
||
|
|
}
|
||
|
|
.unlr li .a_icon_tuichu{
|
||
|
|
background:url("../images/zwmimages/overview_nav_btn_cancel.png") no-repeat center center;
|
||
|
|
display:inline-block;
|
||
|
|
width:20px;
|
||
|
|
height:18px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.unlr li a:hover {color:#5A90EE;}
|
||
|
|
.navlist {
|
||
|
|
float: right;
|
||
|
|
margin-right: 40px;
|
||
|
|
padding-left: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.navlist li {
|
||
|
|
float: left;
|
||
|
|
width: 100px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.navlist li a {
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
position: relative;color:#333;
|
||
|
|
}
|
||
|
|
.navlist li a:hover span, .navlist li a.active span {
|
||
|
|
color: #5A90EE;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**/
|
||
|
|
.main {
|
||
|
|
min-height:800px;
|
||
|
|
margin-top:104px;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* pagination */
|
||
|
|
.pagination{
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.pagination .current.prev, .pagination .prev,.pagination .current.next, .pagination .next {border-radius:0;}
|
||
|
|
.pagination_wrap{position:relative;text-align:center;}
|
||
|
|
.pagination{display:inline-block;margin:20px 0;padding-left:0;}
|
||
|
|
.pagination>li{display:inline;}
|
||
|
|
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:6px 9pt;border:1px solid #ddd;background-color:#fff;color:#74A0FF;text-decoration:none;line-height:1.42857143;}
|
||
|
|
.pagination li a{color:#5A8df2;}
|
||
|
|
|
||
|
|
.pagination_wrap{ min-height: 40px; margin-top: 10px;margin-bottom:10px;}
|
||
|
|
.pagination_wrap>div{padding:20px 0;}
|
||
|
|
.pagination_wrap a,.pagination_wrap span{font-size:14px;position:relative;padding:6px 9pt;border:1px solid #ddd;background-color:#fff;color:#74A0FF;color:#999;text-decoration:none;line-height:1.42857143;}
|
||
|
|
.pagination_wrap .current{color:#74A0FF;}
|
||
|
|
.pagination_change>li>a,.pagination_change>li>span{padding:5px 10px;font-size:9pt;line-height:1.5;}
|
||
|
|
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;border-color:#ddd;background-color:#eee;color:#74A0FF;}
|
||
|
|
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#74A0FF;background-color:#74A0FF;color:#fff;cursor:default;}
|
||
|
|
.pagination .active a,.paging b{border-color:#5A8df2;background-color:#5A8df2;color:#fff;}
|
||
|
|
|
||
|
|
.pagination a, .pagination span {
|
||
|
|
color: #999999;
|
||
|
|
background-color: transparent;
|
||
|
|
display: inline-block;
|
||
|
|
min-width: 24px;
|
||
|
|
min-height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
text-align: center;
|
||
|
|
/* border-radius: 100%; */
|
||
|
|
}
|
||
|
|
.pagination .current {
|
||
|
|
background-color: #f6f5f5;
|
||
|
|
/* border: solid 1px #5A8df2; */
|
||
|
|
color: #749fef;color:#74A0FF;
|
||
|
|
display: inline-block;
|
||
|
|
min-width: 24px;
|
||
|
|
min-height: 24px;
|
||
|
|
line-height: 24px;
|
||
|
|
text-align: center;
|
||
|
|
/* border-radius: 100%; */
|
||
|
|
}
|
||
|
|
.prev,.next{
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
.pagination .current.prev, .pagination .current.next {
|
||
|
|
color: #5A8df2;
|
||
|
|
border-color: #ddd;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.pagination .current.prev{
|
||
|
|
color:#ddd;
|
||
|
|
}
|
||
|
|
.pagination .current.next{
|
||
|
|
color:#ddd;
|
||
|
|
}
|
||
|
|
.footer {
|
||
|
|
position:absolute;
|
||
|
|
bottom:0px;
|
||
|
|
width:100%;
|
||
|
|
text-align:center;
|
||
|
|
line-height:40px;
|
||
|
|
height:40px;
|
||
|
|
font-size:13px;
|
||
|
|
background-color:transparent;
|
||
|
|
color:#999;}
|
||
|
|
/* window */
|
||
|
|
.modal{background:rgba(255,255,255,.1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0;font-size:14px;-webkit-overflow-scrolling:touch;}
|
||
|
|
.fade{background:rgba(255,255,255,0);-webkit-transition:background-color .15s linear;transition:background-color .15s linear;}
|
||
|
|
.fade.in{background:rgba(255,255,255,.2);}
|
||
|
|
.modal-open .modal{overflow-x:hidden;overflow-y:auto;}
|
||
|
|
.modal *{box-sizing:border-box;}
|
||
|
|
.modal .hidden{display:none!important;}
|
||
|
|
.modal label{display:inline-block;margin-bottom:5px;max-width:100%;font-weight:700;}
|
||
|
|
.modal input[type=checkbox],input[type=radio]{box-sizing:border-box;margin:-2px 0 0;cursor:pointer;margin-top:1px\9;padding:0;line-height:normal;}
|
||
|
|
.modal a{background-color:transparent;color:#00aeef;}
|
||
|
|
.modal .modal-dialog{margin:30px auto;width:600px;}
|
||
|
|
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%);-ms-transform:translate(0,-25%);}
|
||
|
|
.modal.in .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0);-ms-transform:translate(0,0);}
|
||
|
|
.modal .modal-content{position:relative;outline:0;border:1px solid #999;border:1px solid rgba(0,0,0,.2);/* border-radius:6px; */background-color:#fff;background-clip:padding-box;box-shadow:0 3px 9px rgba(255,255,255,.9);-webkit-background-clip:padding-box;}
|
||
|
|
.modal .modal-header{padding:15px;min-height:16.43px;border-bottom:1px solid #e5e5e5;}
|
||
|
|
.modal .close{float:right;color:#000;text-shadow:0 1px 0 #fff;font-weight:700;font-size:21px;line-height:1;opacity:.2;filter:alpha(opacity=20);}
|
||
|
|
.modal button.close{padding:0;border:0;background:0 0;cursor:pointer;-webkit-appearance:none;}
|
||
|
|
.modal .modal-header .close{margin-top:-2px;}
|
||
|
|
.modal .modal-title{margin:0;color:inherit;font-weight:500;font-size:18px;line-height:1.42857143;}
|
||
|
|
.modal .modal-body{position:relative;padding:15px;}
|
||
|
|
.modal .col-md-offset-2{margin-left:16.66666667%;}
|
||
|
|
.modal .col-md-8{position:relative;float:left;padding-right:15px;padding-left:15px;width:66.66666667%;min-height:1px;}
|
||
|
|
.modal .col-sm-9{float:left;width:75%;min-height:1px;}
|
||
|
|
.modal .col-sm-4{position:relative;float:left;margin-right:-15px;margin-left:-15px;padding-right:15px;padding-left:15px;width:33.33333333%;min-height:1px;}
|
||
|
|
.modal .form-group{margin-bottom:15px;}
|
||
|
|
.modal .form-horizontal .form-group{margin-right:-15px;margin-left:-15px;}
|
||
|
|
.modal .input-group{position:relative;display:table;border-collapse:separate;}
|
||
|
|
.modal .input-group-addon,.modal .input-group-btn{width:1%;vertical-align:middle;white-space:nowrap;}
|
||
|
|
.modal .input-group-addon{padding:6px 9pt;border:1px solid #ccc;border-radius:4px;background-color:#eee;color:#555;text-align:center;font-weight:400;font-size:14px;line-height:1;}
|
||
|
|
.modal .input-group-addon:first-child{border-right:0;}
|
||
|
|
.modal .form-control{display:block;padding:6px 9pt;width:100%;height:34px;border:1px solid #ccc;border-radius:0px;background-color:#fff;background-image:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;font-size:14px;line-height:1.42857143;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
|
||
|
|
.modal .input-group .form-control{position:relative;z-index:2;float:left;margin-bottom:0;width:100%;}
|
||
|
|
.modal .input-group .form-control,.modal .input-group-addon,.modal .input-group-btn{display:table-cell;}
|
||
|
|
.modal .input-group .form-control:last-child,.modal .input-group-addon:last-child,.modal .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.modal .input-group-btn:first-child>.btn:not(:first-child),.modal .input-group-btn:last-child>.btn,.modal .input-group-btn:last-child>.btn-group>.btn,.modal .input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0;}
|
||
|
|
.modal .input-group .form-control:first-child,.modal .input-group-addon:first-child,.modal .input-group-btn:first-child>.btn,.modal .input-group-btn:first-child>.btn-group>.btn,.modal .input-group-btn:first-child>.dropdown-toggle,.modal .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.modal .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0;}
|
||
|
|
.modal .input-group .form-control:not(:first-child):not(:last-child),.modal .input-group-addon:not(:first-child):not(:last-child),.modal .input-group-btn:not(:first-child):not(:last-child){border-radius:0;}
|
||
|
|
.modal .forget_password{float:left;display:table;margin-left:10px;padding:5px;text-decoration:underline;}
|
||
|
|
.modal .f-wsn{white-space:nowrap;word-wrap:normal;}
|
||
|
|
.modal .f-wsn img{vertical-align:middle;}
|
||
|
|
.modal .remember_me_wrap{float:left;margin-right:-15px;margin-left:-15px;}
|
||
|
|
.modal .input-status{padding:5px 0 0 15px;}
|
||
|
|
.modal .error{color:#a94442;}
|
||
|
|
.modal .small,.modal small{font-size:85%;}
|
||
|
|
.modal .has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
|
||
|
|
.modal .has-error .input-group-addon{border-color:#a94442;background-color:#f2dede;color:#a94442;}
|
||
|
|
.modal .modal_footer{padding:15px;border-top:1px solid #e5e5e5;text-align:right;text-align:center;}
|
||
|
|
.modal button,.modal input[type=button],.modal input[type=reset],.modal input[type=submit]{cursor:pointer;-webkit-appearance:button;}
|
||
|
|
.modal .btn{display:inline-block;margin-bottom:0;padding:6px 9pt;border:1px solid transparent;/* border-radius:4px; */background-image:none;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.42857143;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
||
|
|
.modal .btn_primary{padding:0 15px;width:auto;height:35px;border-color:#5A8df2;background-color:#5A8df2;color:#fff;font-size:14px;line-height:35px;}
|
||
|
|
.modal .btn_primary:focus,.modal .btn_primary:hover{background-color:#74A0FF;box-shadow:none;}
|
||
|
|
.modal .btn_default{padding:0 15px;width:auto;height:35px;border:1px solid #e6e6e6;background-color:#f2f2f2;box-shadow:none;color:#555;font-size:14px;line-height:35px;}
|
||
|
|
.modal .btn_default:hover{border-color:#adadad;background-color:#e6e6e6;color:#333;}
|
||
|
|
.modal .modal_footer .btn+.btn{margin-bottom:0;margin-left:5px;}
|
||
|
|
.modal .btn_default,.modal .btn_default:focus{padding:0 15px;width:auto;height:35px;border:1px solid #e6e6e6;background-color:#f2f2f2;box-shadow:none;color:#555;font-size:14px;line-height:35px;}
|
||
|
|
.left_title_img{display: inline-block;margin-right: 10px;width: 20px;vertical-align: middle;text-align: center;font-size: 22px;}
|
||
|
|
.pad_t42{
|
||
|
|
padding-top:42px;
|
||
|
|
}
|
||
|
|
.icon-dataz:before,.icon-gamez:before,.icon-tjiconz:before,.icon-orderz:before,.icon-bellz:before,.icon-userz:before{
|
||
|
|
content:"";
|
||
|
|
display:inline-block;
|
||
|
|
height:20px;
|
||
|
|
width:20px;
|
||
|
|
background-position:center center;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
}
|
||
|
|
.icon-dataz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_develop.png");
|
||
|
|
}
|
||
|
|
.active .icon-dataz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_develop_selected.png");
|
||
|
|
}
|
||
|
|
.icon-gamez:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_game.png");
|
||
|
|
}
|
||
|
|
.active .icon-gamez:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_game_selected.png");
|
||
|
|
}
|
||
|
|
.icon-tjiconz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_data.png");
|
||
|
|
}
|
||
|
|
.active .icon-tjiconz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_data_selected.png");
|
||
|
|
}
|
||
|
|
.icon-orderz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_order.png");
|
||
|
|
}
|
||
|
|
.active .icon-orderz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_leftbar_btn_order_selected.png");
|
||
|
|
}
|
||
|
|
.icon-userz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_icon_zh.png");
|
||
|
|
}
|
||
|
|
.active .icon-userz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_icon_zh_selected.png");
|
||
|
|
}
|
||
|
|
.icon-bellz:before{
|
||
|
|
background-image:url("../images/zwmimages/overview_nav_btn_news.png");
|
||
|
|
vertical-align:middle;
|
||
|
|
height:22px;
|
||
|
|
width:22px;
|
||
|
|
margin-top:3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*end 管理中心页公共样式*/
|