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.
136 lines
8.7 KiB
CSS
136 lines
8.7 KiB
CSS
/* index */
|
|
.promote-index-overview ul{width: 100%;float:left;}
|
|
.promote-index-overview li {background:#FFF;border-radius:3px;float:left;width:23.33%;height:120px;position: relative;border: 1px solid #E3E8EC;}
|
|
.promote-index-overview li~li{margin-left:2%;}
|
|
.promote-index-overview .index-user {text-align:center;}
|
|
.promote-index-overview .index-user img {border-radius:100%;width:66px;height:66px;padding-top:12px;}
|
|
.promote-index-overview .index-user p {margin:8px 0 0;}
|
|
|
|
.promote-index-overview .icon {width:40px;height:40px;position:absolute;top:50%;margin-top:-34px;left: 22%;}
|
|
.promote-index-overview .icon img{width: 100%;height: 100%;}
|
|
.promote-index-overview .text {font-size:16px;color:#555;/* text-align:center; */padding-top:33px;padding-left: 140px;}
|
|
.promote-index-overview .text p {margin-bottom:6px;color: #6A7082;}
|
|
.promote-index-overview .text span {font-size:18px;color: #99B1CB;}
|
|
|
|
.promote-index-list{background: #fff;margin-top: 2.4vh;border-radius: 3px;padding: 10px;height: auto;position: relative;border: 1px solid #E3E8EC;}
|
|
.promote-index-list .trunk-title-main{font-size: 16px;color: #6A7082;font-weight: 600;height: 40px;border-bottom: 1px solid #ddd;}
|
|
.promote-index-list .trunk-title-main span{vertical-align: middle;}
|
|
.promote-index-list .trunk-content{padding-top: 1%;}
|
|
.promote-index-list .trunk-content ul{min-height: 44vh;}
|
|
.promote-index-list .trunk-content ul li{border-top: 1px solid #F3F5F9;padding: 1vh;}
|
|
.promote-index-list .trunk-content ul li:nth-child(2n-1){background: #FAFAFC;}
|
|
|
|
.index-tab-list ul{width: 100%;position: relative;column-count:1;margin-top: 20px;}
|
|
.index-tab-list li {background:#FFF;border-radius:3px;width:48.8%;height:350px;position: relative;border: 1px solid #E3E8EC;display: inline-block;vertical-align: middle}
|
|
.index-tab-list li:last-child{margin-left:1.7%;}
|
|
|
|
.trunk-content article {margin-top:0!important;}
|
|
.trunk-content{margin-top: 0!important;}
|
|
.qcl-box{font-size: 14px;}
|
|
.qcl-box-hand{height: 45px;line-height: 35px;margin: 10px;border-bottom: 1px solid #ddd}
|
|
.qcl-tit{font-size: 16px;color: #6A7082;font-weight: 600}
|
|
.qcl-bnt{text-align: center;margin-top: -10px}
|
|
.qcl-bnt ul{width: 100%;float:left;}
|
|
.qcl-bnt li {background:#FFF;border-radius:3px;float:left;width:17%;height:115px;position: relative;border: 0;margin-bottom: 20px}
|
|
.qcl-bnt li{margin-left:2%;}
|
|
.qcl-bnt li span{display: block;}
|
|
.qcl-bnt li span:first-child{height: 80px;width: 80px;margin: auto}
|
|
.qcl-bnt li span:first-child img{height: 80px;width: 80px}
|
|
.qcl-bnt li span:last-child{height: 30px;line-height: 30px}
|
|
|
|
.more{display: block;float: right;padding-top: 10px;font-size: 14px;color: #4A90F0}
|
|
.more:hover{color:#26C7DB}
|
|
.fxui-tab {font-size: 14px;}
|
|
.fxui-tab-hand{height: 45px;line-height: 35px;margin: 10px;border-bottom: 1px solid #ddd}
|
|
.fxui-tab-tit{display: block;float: left;font-size: 14px;height: 35px;line-height: 35px;cursor: pointer;border: 1px solid #ddd;}
|
|
.fxui-tab-tit a{display: block;height: 35px;line-height: 35px;padding: 0 20px ;}
|
|
.fxui-tab-tit:first-child{border-bottom-left-radius:3px;border-top-left-radius: 3px}
|
|
.fxui-tab-tit:last-child{border-bottom-right-radius:3px;border-top-right-radius: 3px}
|
|
.fxui-tab-hand .curr {background: #26C7DB;color: #fff;border: 1px solid #26C7DB}
|
|
.fxui-tab-nav {padding: 15px;height: 280px;margin-top: -10px}
|
|
.fxui-tab-nav p{height: 50px;line-height: 50px;border-bottom: 1px solid #ddd}
|
|
.fxui-tab-nav p span:first-child{width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block}
|
|
.fxui-tab-nav p span:last-child{float: right;width: 15%;display: inline-block;text-align: right}
|
|
|
|
#pagechange{
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/*.article-type{vertical-align: middle;padding-right: 10px;}
|
|
.article-title{width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;color: #515974;font-size: 13px;}
|
|
.article-title:hover{color: #26c7db;}
|
|
.article-time{vertical-align: middle;font-size: 13px;color: #a5a6bb;}*/
|
|
.page-overview{width: 100%;}
|
|
|
|
@media screen and (max-width: 1440px) {
|
|
.promote-index-overview .icon {left: 12%;}
|
|
.promote-index-overview li{width:23.33%;}
|
|
}
|
|
|
|
@media screen and (max-width: 1430px) {
|
|
.promote-index-overview .icon {left: 12%;}
|
|
.promote-index-overview li{width:48.7%;;margin-bottom: 20px}
|
|
.promote-index-overview li:nth-of-type(odd){ margin-left: 0;margin-right: 2%}
|
|
.promote-index-overview li:nth-of-type(even){margin-left: 0;margin-right: 0}
|
|
.promote-index-overview li:nth-child(3){margin-bottom: 0}
|
|
.promote-index-overview li:nth-child(4){margin-bottom: 0}
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.promote-index-overview .icon {left: 12%;}
|
|
.promote-index-overview li{width:48.7%;margin-bottom: 20px}
|
|
.promote-index-overview li:nth-of-type(odd){ margin-left: 0;margin-right: 2%}
|
|
.promote-index-overview li:nth-of-type(even){margin-left: 0;margin-right: 0}
|
|
.promote-index-overview li:nth-child(3){margin-bottom: 20px!important;}
|
|
.promote-index-overview li:nth-child(4){margin-bottom: 0}
|
|
}
|
|
|
|
.promote-index-overview ul{width: 100%;float:left;}
|
|
.promote-index-overview li {background:#FFF;border-radius:3px;float:left;width:23.33%;height:120px;position: relative;border: 1px solid #E3E8EC;}
|
|
.promote-index-overview li~li{margin-left:2%;}
|
|
|
|
.page-list .trunk-search .tab a{display: inline-block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;background:#F6F7F9;color: #535875;}
|
|
.tab-bnt{clear:both;display: flex;}
|
|
.tab-bnt div{width: 100px;height: 35px;line-height: 35px;display: inline-block;border: 1px solid #ddd;text-align: center;cursor:pointer}
|
|
.tab-bnt div:first-child{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
|
|
.tab-bnt div:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
|
|
.tab-bnt .curr{background: #26C7DB;color: #fff;border: 1px solid #26C7DB;}
|
|
|
|
|
|
.page-list .trunk-search .tab td {border:1px solid #ddd;display: inline-block;margin-right: -5px;}
|
|
.page-list .trunk-search .tab td.first_border{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
|
|
.page-list .trunk-search .tab td.last_border{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
|
|
.page-list .trunk-search .tab td.current {border-color:#26C7DB;}
|
|
.page-list .trunk-search .tab td.current a{background: #26C7DB;color:#FFF;}
|
|
.page-list .tabpan {display:none;}
|
|
.page-list .tabpan.current {display:block;}
|
|
.baseInfo{margin-top: 1%;}
|
|
.trunk-list .table2 tr{height: 54px;}
|
|
.trunk-list .table2 .l {text-align:right;color: #8B8CA0;width: 95px;}
|
|
.trunk-list .table2 .l .req {color:red;display:inline-block;width:10px;text-align:center;}
|
|
.trunk-list .table2 .r {padding-left:15px;color: #535875;}
|
|
.trunk-list .table2 .r .formtxt {padding:0 10px;}
|
|
.trunk-list .table2 .r input[type=text] {width: 230px;height: 32px;padding-left: 10px; border: 1px solid #E5E5E5;border-radius: 4px;line-height: 32px;color: #535875;}
|
|
.trunk-list .table2 .r input[type=password] {width: 230px;height: 32px;padding-left: 10px; border: 1px solid #E5E5E5;border-radius: 4px;line-height: 32px;color: #535875;}
|
|
.trunk-list .table2 .r .radio-item {margin-right: 10px;}
|
|
.trunk-list .table2 .r .tj{width: 118px;height: 36px;line-height:36px;background: #26C7DB;color: #fff;border-radius: 4px;border: none;padding: 0;}
|
|
.trunk-list .table2 .r .tj:hover{background: #2bd8ed;}
|
|
.trunk-list .table2 .r .tj.disabled {background:#CCC;}
|
|
.trunk-list .table2 .r .back_btn{width: 118px;height: 36px;line-height:36px;background: #E5E5E5;color: #8B8CA0;border-radius: 4px;display: inline-block;text-align: center;margin-left: 20px;}
|
|
.table2 .form-radio label {position:relative;margin-right:20px;cursor:pointer;}
|
|
.table2 .form-radio input {cursor:pointer;width:14px;height:14px;display:inline-block;position:absolute;top:0;left:0;margin:0;margin-top:2px;opacity:0;}
|
|
.table2 .form-radio i {width:14px;height:14px;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:5px;background:url(../../images/20180207/icon_normal_weixuanze.png) ;}
|
|
.table2 .form-radio i.current {background-image:url(../../images/20180207/icon_xuanze.png);}
|
|
|
|
|
|
|
|
.page-list .trunk-search {padding-bottom: 20px;}
|
|
.promote-mychlid-list form a.btn {display:inline-block;width:135px;height:36px;line-height: 36px; text-align:center;background: #3A97FF;color: #fff;border-radius: 4px;}
|
|
.promote-mychlid-list form a.btn:hover{background: #449DFF;}
|
|
.promote-mychlid-list form a .add_qudao{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;background: url(../../images/20180207/icon_normal_tianjia.png) no-repeat;}
|
|
.promote-mychlid-list .form-group .txt{width: 180px;height: 34px;}
|
|
.border_normal{border-top: 1px dashed #E3E3E3;}
|
|
.border_normal .desccontent span{color: #6a7082;}
|
|
.border_normal .desccontent p{color: #ADAEC2;padding-top: 1.5%;}
|
|
.promote-mychlid-list .table .editbtn {color:#4A90F0;}
|
|
.promote-mychlid-list .table .editbtn:hover {color:#4ACDDF;} |