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.

639 lines
18 KiB
CSS

5 years ago
/* common */
html{font:400 14px/1.5 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;color:#333;}
img {border:none;vertical-align:middle;}
ol,ul{list-style:none;}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,select,input,textarea,th,td {margin: 0;padding: 0;}
a{text-decoration:none;color:inherit;}
body {background:#F5F6FA;margin:0;font:inherit;position: relative;height: 100vh;}
.fl{float: left;}
.fr{float: right;}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden}
.inner {width:1370px;margin:0 auto;position:relative;}
@media screen and (max-width: 1440px) {
.inner{width: 1200px;}
}
table{border-collapse: collapse;}
td,th{padding:0;}
input,select,button{outline:none;font-size:14px;font-family:inherit;}
/* head */
.header {background:#FFF;width:100%;color:#666;height:54px;line-height:54px;text-align:right;border-bottom: 1px solid #E3E8EC;}
.header .pinfo {padding:0 5px;}
.header .pinfo img {margin-top:-4px;margin-right:5px;}
.header .logo {float:left;height:65px;}
.header .headerLogo{float: left;height: 60px;}
.header .headerLogo img{height: 100%}
.header .header-right {float: right;margin-right: 20px;}
/* foot */
.footer {height:10vh;text-align:center;position: absolute;width: 100%;font-size: 12px;color: #8E8FA8;}
.footer .inner {padding-top:13px;}
.footer p{line-height: 30px;}
.footer .customerService span,.footer .copyright span {padding:0 7px;}
@media screen and (max-height: 900px) {
.footer {height:13vh;}
}
/*左侧导航栏*/
.nav_new{width: 195px;height: 100%;background: #374760;position: fixed;z-index: 9;}
.nav_new .logo_picture{padding: 20px; text-align: center;}
.subNavBox{width: 100%;text-align: center;}
.subNavBox .subNav{
cursor: pointer;
font-size: 14px;
color: rgba(255,255,255,.6);
line-height: 50px;
position: relative;
}
.subNavBox .subNav:hover{background: #25354E;color: #fff;}
.subNavBox .subNav:hover:not(.currentDd) .arrow_icon{background: url(../../images/20180207/icon_selected_xiala.png) center;}
.subNavBox .subNav:hover .icon_guanli{background: url(../../images/20180207/icon_selected_guanli.png) center;}
.subNavBox .subNav:hover .icon_shujvi{background: url(../../images/20180207/icon_selected_shujv.png) center;}
.subNavBox .subNav:hover .icon_caiwu{background: url(../../images/20180207/icon_selected_caiwu.png) center;}
.subNavBox .subNav:hover .icon_fenbao{background: url(../../images/20180207/icon_selected_fenbao.png) center;}
.subNavBox .subNav:hover .icon_fuli{background: url(../../images/20180207/icon_selected_fuli.png) center;}
.subNavBox .subNav:hover .icon_zhandian{background: url(../../images/20180207/icon_selected_zhandian.png) center;}
.subNavBox .navContent{background: #25354E;text-align: center;display: none;}
.subNavBox .navContent a{display: block;color: rgba(231,234,255,.7);padding-bottom: 15px;text-align: left;padding-left: 49px;}
.subNavBox .navContent a:hover{color: #26c7db;}
.subNavBox .navContent .active{color: #26c7db;}
.subNavBox .subNav span{vertical-align: middle;margin-left: -40px;}
.subNavBox .subNav .prev_icon{
position: absolute;
width: 20px;
height: 20px;
left: 9%;
top: 50%;
margin-top: -10px;
}
.subNavBox .subNav .arrow_icon{
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
right: 8%;
background: url(../../images/20180207/icon_normal_xiala.png) center no-repeat;
}
.subNavBox .subNav .icon_guanli{background: url(../../images/20180207/icon_normal_guanli.png) center;}
.subNavBox .subNav .icon_shujvi{background: url(../../images/20180207/icon_normal_shujv.png) center;}
.subNavBox .subNav .icon_caiwu{background: url(../../images/20180207/icon_normal_caiwu.png) center;}
.subNavBox .subNav .icon_fenbao{background: url(../../images/20180207/icon_normal_fenbao.png) center;}
.subNavBox .subNav .icon_fuli{background: url(../../images/20180207/icon_normal_fuli.png) center;}
.subNavBox .subNav .icon_zhandian{background: url(../../images/20180207/icon_normal_lianmeng.png) center;}
.subNavBox .currentDd{
color: #fff;
background: #25354E;
cursor: pointer;
font-size: 14px;
line-height: 50px;
position: relative;
}
.subNavBox .currentDd .icon_guanli{background: url(../../images/20180207/icon_selected_guanli.png) center;}
.subNavBox .currentDd .icon_shujvi{background: url(../../images/20180207/icon_selected_shujv.png) center;}
.subNavBox .currentDd .icon_caiwu{background: url(../../images/20180207/icon_selected_caiwu.png) center;}
.subNavBox .currentDd .icon_fenbao{background: url(../../images/20180207/icon_selected_fenbao.png) center;}
.subNavBox .currentDd .icon_fuli{background: url(../../images/20180207/icon_selected_fuli.png) center;}
.subNavBox .currentDd .icon_zhandian{background: url(../../images/20180207/icon_selected_zhandian.png) center;}
.subNavBox .currentDd .arrow_icon{background: url(../../images/20180207/icon_pressed_xiala.png) center no-repeat;}
/* trunk */
::-webkit-input-placeholder {
/* WebKit browsers */
color: #a5a6bb;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #a5a6bb;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #a5a6bb;
}
.trunk {position:relative;height: 100%;width: 100%;}
.trunk_con{margin-left: 195px;position: relative;}
.trunk-title{
font-size: 16px;
font-weight: 600;
color: #6a7082;
border-bottom: 1px solid #E0E7F1;
height: 40px;
line-height: 40px;
margin: .6% 2% 0 2%;
}
.trunk-title span.title_main{padding-left: 2px;vertical-align: middle;}
.trunk-title span.details{margin-left: 10px; font-size: 12px;font-weight: normal;color: #A5A6BB;}
.location{position: absolute;right: 2%;top: 1%;font-size: 13px;color: #A5A6BB;z-index: 9;font-weight: normal;}
.location .current{color: #666;}
.location-container span:last-child{color: #535875;}
.right_container {margin: 1.5% 1.8% 0;position: relative;}
.normal_list{min-height: 80vh;background: #fff;position: relative;border: 1px solid #E3E8EC;}
.normal_space{margin-left: 10px;}
.normal_space .select_gallery{height: 32px;padding-left: 10px;border: 1px solid #E5E5E5;border-radius: 4px;line-height: 32px;}
.form-group .submit{width: 95px;height: 36px;display: block;background: #409eff;color: #fff;border: none;border-radius: 4px;}
5 years ago
.form-group .submit:hover{background: #2bd8ed;}
.normal_table{width: 100%;text-align: center;}
.normal_table tr{height: 40px;}
.normal_table tr:nth-child(2n-1){background: #FAFAFC;border-top: 1px solid #f3f5f9;border-bottom: 1px solid #f3f5f9;}
.normal_table tr td{color: #515974;}
.normal_table tr th{background: #F0EFF5;border-top: 1px solid #f3f5f9;color: #6a7082;}
.status_close{color: #F8AC59;}
.trunk-search .txt, .trunk-search .select-c-input, .trunk-list .table2 .txt{
position: relative;
padding: 0 10px;
border: 1px solid #E5E5E5;
border-radius: 4px;
}
.form-title{color: #535875;}
.form-group .zhi_color{color: #a5a6bb;}
.trunk-search .normal_tab{position: absolute;}
.trunk-search .normal_tab .normal_change {
display: inline-block;
border-radius: 4px;
width: 86px;
height: 34px;
text-align: center;
line-height: 34px;
font-size: 14px;
border: 1px solid #E5E5E5;
color: #a5a6bb;
}
.trunk-search .normal_tab .normal_change:first-child{margin-right: 10px;}
.trunk-search .normal_tab .normal_change.current{border: 1px solid #26C7DB;color: #26C7DB;}
.trunk-search .normal_txt{width: 120px;height: 34px;}
.list_normal{position: relative;/*min-height: 49vh;*/}
.import{font-size: 13px;margin-top: 15px;}
.import span{color: #515974;padding-left: 5px;}
.import span.normal_tot{color: #A5A5A5;}
.import span.btn{color: #4A90F0;}
.pagenation {bottom: 4%;}
.page-explain{position: relative;width: 100%;padding-bottom: 10px;}
.select2-container--default .select2-selection--single {height:36px;border:1px solid #E5E5E5;border-radius:4px;box-shadow:none;-webkit-box-shadow:none;outline:none;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:34px;color: #535875;}
.select2-container--default .select2-results__option[aria-selected=true] {background:#fff;color:#2bd8ed;}
.select2-container--default .select2-results__option--highlighted[aria-selected=false] {background:#FFF;color:#2bd8ed;}
.select2-container--default .select2-results__option:hover {background:#FFF;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 32px;}
.border_normal{border-top: 1px dashed #E3E3E3;}
.desccontent{margin-top: 10px;}
.desccontent .title{color: #6a7082;text-align: right;}
.desccontent tr{color: #ADAEC2;line-height: 30px;}
/* pagenation */
.pagenation {position: relative; display:table;width: 100%;line-height: 10.5vh;}
.pagenation>div {display:table-cell;text-align:center;}
.pagenation span,.pagenation a {display:inline-block;padding:0px 15px;color:#A5A6BB;}
.pagenation span.current,.pagenation a:hover {color:#00DFD0;}
.pagenation .prev,.pagenation .next {padding: 0;width: 28px;height: 28px; border: 1px solid #ccc;line-height: 28px;color: #A5A5A5;color:#404040;text-align: center;}
.pagenation .prev:hover{border: 1px solid #00DFD0;}
.pagenation .next:hover{border: 1px solid #00DFD0;}
.pagenation span.rows{color: #515974;}
/*@media screen and (max-height: 900px) {
.pagenation {bottom: 6%;}
}
@media screen and (max-height: 800px) {
.pagenation {bottom: 3%;}
}
@media screen and (max-height: 770px) {
.pagenation {bottom: 2%;}
}*/
.checkitem {width:18px;height:18px;vertical-align:middle;cursor:pointer;}
.checkitem:disabled {cursor:default;}
.tab{
float:left;
}
.appy_earn{
background-color: #46A3FF;
margin-left: 12px;
padding: 8px 14px;
color: #fff;
border-radius: 4px;
}
.placeholder-graphic{background:#e2e2e2;display:inline-block;}
.promote-index-overview .icon .placeholder-graphic {border-radius:50%;}
.zwm_tab tbody tr td .placeholder-graphic_icon{width:34px;height:34px;border-radius:6px;position:absolute;left:0;overflow:hidden;}
.upload-pre-item .placeholder-graphic img {width:100%;height:100%;}
.upload-pre-item .placeholder-graphic_icon {width:60px;height:60px;border-radius:15px;}
.upload-pre-item .placeholder-graphic_ad {width:238px;height:127.5px;}
.upload-pre-item .placeholder-graphic_screenshot {width:251px;height:64px;}
.upload-pre-item .placeholder-graphic_bg {width:307.2px;height:64px;}
.upload-pre-item .placeholder-graphic_adv {min-height:100px;}
.pagenation {position:relative;font-size:11px;padding:30px 0;}
.pagenation div {float:right;border-radius:5px;line-height:1.444444;}
.pagenation .rows {position:absolute;left:0;top:30px;border:none;}
.pagenation .rows i {color:#056dae;font-style:normal;}
.pagenation a, .pagenation span {
float: left;
/* margin-left: -1px; */
padding: 0 14px;
height: 30px;
line-height: 30px;
color: #000;
}
.pagenation a { float: left;
width: 31px;
height: 28px;
text-align: center;
line-height: 30px;
padding:0;
color: #3399d5;color:#404040;}
.pagenation a.current { background: #f5f5f5;
cursor: default; border-top-color:#ddd;cursor:not-allowed;
color: #737373;}
.pagenation a:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.pagenation select {height:30px;float:left;color:#404040;border:1px solid #ccc;padding:2px;border-radius:3px;}
.pagenation select+a,.pagenation select+.current {margin-left:15px;}
.pagenation .sch-btn,.pagenation .sch-btn:hover{background: #3C95C8;
font-size: 14px;
font-weight: normal;cursor:pointer;
color: #fff;
cursor: pointer;
border-radius: 3px;
text-align: center;
border-bottom: none;
width: 55px;
height: 30px;float:right;margin-left:15px;
line-height: 30px;border:none;
width:70px;
background:transparent;color:#404040;border:1px solid #ccc;margin-left:8px;height:28px;line-height:28px;
}
.pagenation .sch-btn:before{
content:url(../../images/20180207/icon_daochu1.png);
position:relative;padding:0 5px 0 0;
}
5 years ago
.pagenation #sch-btn:before{
content:url(../../images/20180207/icon_daochu1.png);
position:relative;padding:0 5px 0 0;
}
#sch-btn {
font-size: 14px;
font-weight: normal;
cursor: pointer;
border-radius: 3px;
text-align: center;
border-bottom: none;
float: right;
width: 70px;
background: transparent;
color: #404040;
border: 1px solid #ccc;
margin-left: 8px;
height: 28px;
line-height: 28px;
}
5 years ago
.pagenation .totalvalue {float:right;border:none;}
.launch_count {color:#3A97FF;}
.summary td {background: #F0EFF5;}
.summary td:last-child {text-align:right;padding-right:20px;}
.chakan{
font-size: 14px;
font-weight: normal;
color: #26C7DB;
cursor: pointer;
display: inline-block;
text-align: center;
}
.chakan:hover{color: #2bd8ed;}
.summary td:last-child {text-align:right;padding-right:20px;}
.summary td:last-child {text-align:right;padding-right:20px;}
.layui-layer-content .layer-box {
padding: 20px 30px;
}
.layui-layer-content .layer-box .form-group {
margin-bottom: 10px;
display: inline-flex;
5 years ago
}
.layui-layer-content .layer-box .form-group .static-input {
color: #515974;
display: inline-block;
line-height: 34px;
height: 34px;
width: 380px;
margin-bottom: 0px;
5 years ago
}
.layui-layer-content .layer-box .form-group > label {
color: #8B8CA0;
text-align: right;
line-height: 34px;
height: 34px;
display: inline-block;
width: 120px;
margin-right: 10px;
}
.layui-layer-content .layer-box .form-group .form-input {
height: 34px;
position: relative;
padding: 0 10px;
border: 1px solid #E5E5E5;
border-radius: 4px;
width: 380px;
}
.layui-layer-content .layer-box .form-group textarea.form-input {
height: auto;
padding: 10px 15px;
width: auto;
}
5 years ago
.layui-layer-content .layer-box .form-group .radio-item {
margin-right: 5px;
line-height: 34px;
height: 34px;
color: #515974;
}
.layui-layer-content .layer-box .form-item {
width: 380px;
display: inline-block;
}
.layui-layer-content .layer-box .form-group .btn {
text-align: center;
line-height: 34px;
display: inline-block;
height: 34px;
display: inline-block;
text-align: center;
background: #3A97FF;
color: #fff;
border-radius: 4px;
padding: 0 15px;
}
.normal_table tr td a {
color: #06C
}
.el-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
border: 1px solid #dcdfe6;
color: #606266;
-webkit-appearance: none;
text-align: center;
box-sizing: border-box;
outline: none;
margin: 0;
transition: .1s;
font-weight: 500;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 12px 20px;
font-size: 14px;
border-radius: 4px;
}
/* .el-button+.el-button {
margin-left: 10px;
} */
.el-button-primary {
color: #fff;
background-color: #409eff;
border-color: #409eff;
}
.el-button-success {
color: #fff;
background-color: #67c23a;
border-color: #67c23a;
}
.el-button-info {
color: #fff;
background-color: #909399;
border-color: #909399;
}
.el-button-warning {
color: #fff;
background-color: #e6a23c;
border-color: #e6a23c;
}
.el-button-danger {
color: #fff;
background-color: #f56c6c;
border-color: #f56c6c;
}
.el-button-primary.is-plain {
color: #409eff;
background: #ecf5ff;
border-color: #b3d8ff;
}
.el-button-success.is-plain {
color: #67c23a;
background: #f0f9eb;
border-color: #c2e7b0;
}
.el-button-info.is-plain {
color: #909399;
background: #f4f4f5;
border-color: #d3d4d6;
}
.el-button-warning.is-plain {
color: #e6a23c;
background: #fdf6ec;
border-color: #f5dab1;
}
.el-button-danger.is-plain {
color: #f56c6c;
background: #fef0f0;
border-color: #fbc4c4;
}
.el-button-medium {
padding: 10px 20px;
font-size: 14px;
border-radius: 4px;
}
.el-button-small {
padding: 9px 15px;
font-size: 12px;
border-radius: 3px;
}
.el-button-mini {
padding: 7px 15px;
font-size: 12px;
border-radius: 3px;
}
.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
color: #c0c4cc;
cursor: not-allowed;
background-image: none;
background-color: #fff;
border-color: #ebeef5;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
background-color: #fff;
border-color: #ebeef5;
color: #c0c4cc;
}
.el-tag {
background-color: #ecf5ff;
display: inline-block;
height: 32px;
padding: 0 10px;
line-height: 30px;
font-size: 12px;
color: #409eff;
border: 1px solid #d9ecff;
border-radius: 4px;
box-sizing: border-box;
white-space: nowrap;
}
.el-tag.el-tag-success {
background-color: #f0f9eb;
border-color: #e1f3d8;
color: #67c23a;
}
.el-tag.el-tag-info {
background-color: #f4f4f5;
border-color: #e9e9eb;
color: #909399;
}
.el-tag.el-tag-warning {
background-color: #fdf6ec;
border-color: #faecd8;
color: #e6a23c;
}
.el-tag.el-tag-danger {
background-color: #fef0f0;
border-color: #fde2e2;
color: #f56c6c;
}
.el-tag-dark {
background-color: #409eff;
color: #fff;
}
.el-tag-dark, .el-tag-dark.is-hit {
border-color: #409eff;
}
.el-tag-dark.el-tag-success {
background-color: #67c23a;
border-color: #67c23a;
color: #fff;
}
.el-tag-dark.el-tag-info {
background-color: #909399;
border-color: #909399;
color: #fff;
}
.el-tag-dark.el-tag-danger {
background-color: #f56c6c;
border-color: #f56c6c;
color: #fff;
}
.el-tag-dark.el-tag-warning {
background-color: #e6a23c;
border-color: #e6a23c;
color: #fff;
}
.el-tag-plain {
background-color: #fff;
border-color: #b3d8ff;
color: #409eff;
}
.el-tag-plain.el-tag-success {
background-color: #fff;
border-color: #c2e7b0;
color: #67c23a;
}
.el-tag-plain.el-tag-info {
background-color: #fff;
border-color: #d3d4d6;
color: #909399;
}
.el-tag--plain.el-tag-danger {
background-color: #fff;
border-color: #fbc4c4;
color: #f56c6c;
}
.el-tag-plain.el-tag-warning {
background-color: #fff;
border-color: #f5dab1;
color: #e6a23c;
}
.el-tag-medium {
height: 28px;
line-height: 26px;
}
.el-tag-small {
height: 24px;
padding: 0 8px;
line-height: 22px;
}
.el-tag-mini {
height: 20px;
padding: 0 5px;
line-height: 19px;
}
.layui-layer-btn .layui-layer-btn0 {
color: #fff!important;
5 years ago
}