SourceCode/jiouosdp/Content/purse/css/style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/* 
* @Author: anchen
* @Date:   2016-04-11 09:42:44
* @Last Modified by:   anchen
* @Last Modified time: 2016-04-12 15:34:44
*/


.content{width: 100%; background: #fff;}

.contentBottom{ background: #fff;}
.contentBottom ul{overflow: hidden; width: 100%; border-top: 1px solid #e0e0e0; color: #616161;}
.contentBottom ul li{width: 50%; float: left; text-align: center; border-right: 1px solid #e0e0e0; box-sizing: border-box; color:#616161; font-size: 15px; line-height: 24px; padding:10px 0;} 
.contentBottom ul li span{width: 10px; height: 10px; margin-right: 5px; border-radius: 50%; display:inline-block;} 


.btn{width: 100%; padding:50px 10px; box-sizing: border-box;}
.btn button{width: 100%; height: 38px; line-height: 38px; margin-top: 20px; font-size: 16px; color:#fff; border-radius: 5px;}


.header{width: 100%; color:#313131; text-align: center; border-bottom: 1px solid #e0e0e0; height: 35px; line-height: 35px; background: #fff; font-size: 15px;}
.header span{
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #fe5600;
    border-right: 1.5px solid #fe5600;
    margin-left: 8px ;
    -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); display:inline-block;}

.tab{background: #fff; width: 100%; display:block;}
.tab ul{width: 100%; overflow:hidden;}
.tab ul li{width: 25%; float:left; text-align: center; color:#313131; margin:7px 0; box-sizing: border-box; border-right: 1px solid #e0e0e0; font-size: 15px;}

.section .show{display:block;}

.main{background: #fff; width: 100%; margin-top:10px; display:none;}
.mainOne{border-bottom: 1px solid #dadada; font-size: 15px; padding:10px 0;}
.mainOne ul{overflow:hidden; position: relative; height: 40px;}
.mainOne ul li{float:left;}
.liOne{padding:0 12px; color:#acacac; text-align: center; position:absolute; left:0; top:0;}
.liTwo{width: 40px; padding-right: 12px; position:absolute; left:64px; top:0;}
.liThree{width: 100%; padding-left: 116px; box-sizing: border-box;}
.liThree p{text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.mainOne ul li img{display:inline-block;}
.tab ul li.current{color:#fe5600;}



.contentTop{height: 200px; margin: auto; padding:30px 0; width: 200px;}

.circle {
    width: 200px;
    height: 200px;  
    position: absolute;
    border-radius: 50%;