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.
68 lines
4.5 KiB
CSS
68 lines
4.5 KiB
CSS
5 years ago
|
/**
|
||
|
|
* 管理中心样式
|
||
|
|
* @author 鹿文学
|
||
|
|
*/
|
||
|
|
/* promote index */
|
||
|
|
.promote-index-overview {}
|
||
|
|
.promote-index-overview li {background:#FFF;border-radius:5px;float:left;width:224px;height:119px;}
|
||
|
|
.promote-index-overview li~li{margin-left:20px;}
|
||
|
|
.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:60px;height:60px;border-radius:50%;border:6px solid #F0F1F6;position:relative;float:left;margin-left:20px;margin-top:25px;}
|
||
|
|
.promote-index-overview .icon span {display:block;position:absolute;width:36px;height:72px;overflow:hidden;top:-6px;border:none;}
|
||
|
|
.promote-index-overview .icon .i1 {left:-6px;}
|
||
|
|
.promote-index-overview .icon .i2 {right:-6px;}
|
||
|
|
.promote-index-overview .icon .i1 i,
|
||
|
|
.promote-index-overview .icon .i2 i {display:block;font-style:normal;position:absolute;width:60px;height:60px;border-radius:50%;border:6px solid transparent;top:0px;transform:rotate(45deg);}
|
||
|
|
.promote-index-overview .icon .i1 i {left:0;}
|
||
|
|
.promote-index-overview .icon .i2 i {right:0;}
|
||
|
|
.promote-index-overview .icon1 .i1 i {border-color:#FD784F #FD784F transparent transparent;}
|
||
|
|
.promote-index-overview .icon1 .i2 i {border-color:transparent transparent #FD784F #FD784F ;}
|
||
|
|
.promote-index-overview .icon2 .i1 i {border-color:#C881FF #C881FF transparent transparent;}
|
||
|
|
.promote-index-overview .icon2 .i2 i {border-color:transparent transparent #C881FF #C881FF ;}
|
||
|
|
.promote-index-overview .icon3 .i1 i {border-color:#E5BD2A #E5BD2A transparent transparent;}
|
||
|
|
.promote-index-overview .icon3 .i2 i {border-color:transparent transparent #E5BD2A #E5BD2A ;}
|
||
|
|
.promote-index-overview .icon4 .i1 i {border-color:#54CEDD #54CEDD transparent transparent;}
|
||
|
|
.promote-index-overview .icon4 .i2 i {border-color:transparent transparent #54CEDD #54CEDD ;}
|
||
|
|
|
||
|
|
.promote-index-overview .icon p {font-size:16px;text-align:center;line-height:66px;margin:0;z-index:100;position:relative;}
|
||
|
|
.promote-index-overview .text {font-size:16px;color:#555;text-align:center;padding-top:20px;padding-left:50px;}
|
||
|
|
.promote-index-overview .text p {margin-bottom:6px;}
|
||
|
|
.promote-index-overview .text span {font-size:18px;}
|
||
|
|
.promote-index-overview .text1 span,.promote-index-overview .icon1 p {color:#FD784F;}
|
||
|
|
.promote-index-overview .text2 span,.promote-index-overview .icon2 p {color:#C881FF;}
|
||
|
|
.promote-index-overview .text3 span,.promote-index-overview .icon3 p {color:#E5BD2A;}
|
||
|
|
.promote-index-overview .text4 span,.promote-index-overview .icon4 p {color:#54CEDD;}
|
||
|
|
|
||
|
|
.promote-index-list .article {padding:10px 20px;}
|
||
|
|
.promote-index-list .article li {border-bottom:1px solid #F0F2F4;height:48px;line-height:50px;clear:both;}
|
||
|
|
.promote-index-list .article .article-type {color:#526782;font-size:13px;border:1px solid #526782;border-radius:3px;padding:1px 6px;margin-right:30px;}
|
||
|
|
.promote-index-list .article .article-title {}
|
||
|
|
.promote-index-list .article .article-title:hover {color:#526782;}
|
||
|
|
.promote-index-list .article .article-time {float:right;color:#999;}
|
||
|
|
|
||
|
|
/* apply index */
|
||
|
|
/*.apply-app_apply-explain .article {padding:40px 20px 30px;}*/
|
||
|
|
|
||
|
|
.apply-app_apply-list .article {padding:20px;}
|
||
|
|
.apply-app_apply-list .article .tab a{display:inline-block;margin-right:40px;margin-bottom:40px;background:#E3E5E4;border-radius:5px;width:94px;height:36px;text-align:center;line-height:36px;font-size:16px;}
|
||
|
|
.apply-app_apply-list .article .tab a:after {content:'';display:block;width:0;height:0;border:8px solid transparent;border-top-width:12px;left:0;right:0;margin:0 auto;}
|
||
|
|
.apply-app_apply-list .article .tab a.current {background:#526782;color:#FFF;}
|
||
|
|
.apply-app_apply-list .article .tab a.current:after {border-top-color:#526782;}
|
||
|
|
|
||
|
|
.apply-app_apply-list .article .table {text-align:center;}
|
||
|
|
.apply-app_apply-list .article .table th {font-weight:400;font-size:16px;}
|
||
|
|
.apply-app_apply-list .article .table th.first {width:7%;}
|
||
|
|
.apply-app_apply-list .article .table th.last {width:15%;}
|
||
|
|
.apply-app_apply-list .article .table tr {height:68px;line-height:68px;}
|
||
|
|
.apply-app_apply-list .article .table .odd {background:#F8F9FB;border-bottom:1px solid #DCE0E3;}
|
||
|
|
.apply-app_apply-list .article .table .first span{display:inline-block;width:8px;height:8px;background:green;border-radius:50%;margin-left:30px;}
|
||
|
|
.apply-app_apply-list .article .table .odd .first span {background:red;}
|
||
|
|
.apply-app_apply-list .article .table .last,
|
||
|
|
.apply-app_apply-list .article .table .wxlistbtnwrap {text-align:center;}
|
||
|
|
|
||
|
|
.promote-index-list,
|
||
|
|
.apply-app_apply-list {margin-top:20px;}
|