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.
368 lines
13 KiB
CSS
368 lines
13 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: #26C7DB;color: #fff;border: none;border-radius: 4px;}
|
||
|
|
.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;
|
||
|
|
|
||
|
|
}
|
||
|
|
.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: 15px;
|
||
|
|
}
|
||
|
|
.layui-layer-content .layer-box .form-group .static-input {
|
||
|
|
color: #515974;
|
||
|
|
display: inline-block;
|
||
|
|
line-height: 34px;
|
||
|
|
height: 34px;
|
||
|
|
width: 380px;
|
||
|
|
}
|
||
|
|
.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 .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
|
||
|
|
}
|