|
|
@@ -1,3 +1,4 @@
|
|
|
+<!--手机列表页-->
|
|
|
<#if USER??> <#assign userId=USER.id><#else><#assign userId=0></#if>
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
@@ -11,23 +12,25 @@
|
|
|
.main{
|
|
|
width: 100%;
|
|
|
margin: 0 auto;
|
|
|
+ background: #f9f9f9;
|
|
|
}
|
|
|
.main .container{
|
|
|
max-width: 640px;
|
|
|
margin: 0 auto;
|
|
|
text-align: center;
|
|
|
padding: 0 10px;
|
|
|
+ background: #f9f9f9;
|
|
|
}
|
|
|
.main .container .header p{
|
|
|
text-align: left;
|
|
|
- font-size: 18px;
|
|
|
- color: #000;
|
|
|
+ font-size: 36px;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
.main .container .header div{
|
|
|
margin: 5px 0;
|
|
|
text-align: left;
|
|
|
- font-size: 14px;
|
|
|
- color: #8c8c8c;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #999;
|
|
|
}
|
|
|
.main .container .header div span:first-child{
|
|
|
margin-right: 10px;
|
|
|
@@ -45,9 +48,9 @@
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
.main .container .section p{
|
|
|
- font-size: 14px;
|
|
|
- line-height: 20px;
|
|
|
- color: #6c6a6b;
|
|
|
+ font-size: 28px;
|
|
|
+ line-height: 50px;
|
|
|
+ color: #333;
|
|
|
text-indent: 2em;
|
|
|
text-align: left;
|
|
|
}
|
|
|
@@ -60,12 +63,13 @@
|
|
|
float: left;
|
|
|
}
|
|
|
.main .container .section div.readCount div span{
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #999;
|
|
|
margin-right: 10px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.main .container .section div.readCount div span em{
|
|
|
- color: #5f9ac6;
|
|
|
+ color: #2f95dd;
|
|
|
margin-left: 5px;
|
|
|
font-style: normal;
|
|
|
}
|
|
|
@@ -76,15 +80,16 @@
|
|
|
}
|
|
|
.main .container .section div.readCount p{
|
|
|
float: right;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #999;
|
|
|
}
|
|
|
.main .container .section div.readCount img{
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
+ width: 25px;
|
|
|
+ height: 22px;
|
|
|
}
|
|
|
.main .container .footer{
|
|
|
border-top: 1px solid #d7d5d6;
|
|
|
- padding-top: 20px;
|
|
|
+ padding: 20px;
|
|
|
}
|
|
|
.main .container .footer .footer-header{
|
|
|
position: relative;
|
|
|
@@ -106,6 +111,8 @@
|
|
|
}
|
|
|
.main .container .footer .footer-header div span{
|
|
|
margin-right: 5px;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #82a6bf;
|
|
|
}
|
|
|
.main .container .footer .footer-header div img{
|
|
|
width: 15px;
|
|
|
@@ -127,18 +134,15 @@
|
|
|
.main .container .footer .footer-section .img{
|
|
|
border: 1px solid #ddd;
|
|
|
border-radius: 5px;
|
|
|
- width: 70px;
|
|
|
- height: 70px;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 70px;
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 80px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
.main .container .footer .footer-section .img img{
|
|
|
- max-width: 70px;
|
|
|
- max-height: 70px;
|
|
|
- }
|
|
|
- .main .container .footer .footer-section .img img.imgUas{
|
|
|
- max-width: 70px;
|
|
|
- max-height: 70px;
|
|
|
+ max-width: 80px;
|
|
|
+ max-height: 80px;
|
|
|
text-align: center;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
@@ -146,21 +150,21 @@
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail .title{
|
|
|
overflow: hidden;
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-bottom: 22px;
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail .title img{
|
|
|
- width: 17px;
|
|
|
- height: 17px;
|
|
|
+ width: 25px;
|
|
|
+ height: 22px;
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail .title span:first-child{
|
|
|
float: left;
|
|
|
- color: #6c6a6b;
|
|
|
- font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 24px;
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail .title span:first-child em{
|
|
|
margin-left: 10px;
|
|
|
- font-size: 14px;
|
|
|
- color: #8c8c8c;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #999;
|
|
|
font-style: normal;
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail .title span em{
|
|
|
@@ -174,23 +178,24 @@
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail .title span:last-child em{
|
|
|
margin-left: 10px;
|
|
|
- color: #5f9ac6;
|
|
|
- font-size: 14px;
|
|
|
+ color: #2f95dd;
|
|
|
+ font-size: 24px;
|
|
|
padding-right: 5px;
|
|
|
font-style: normal;
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail p{
|
|
|
text-align: left;
|
|
|
- font-size: 14px;
|
|
|
- color: #333;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #666;
|
|
|
+ margin-bottom: 22px;
|
|
|
}
|
|
|
.main .container .footer .footer-section .detail .reply {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
.main .container .footer .pull{
|
|
|
margin: 40px 0;
|
|
|
- font-size: 12px;
|
|
|
- color: #8c8c8c;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #999;
|
|
|
}
|
|
|
.main .container .footer .loading{
|
|
|
text-align: center;
|
|
|
@@ -218,6 +223,7 @@
|
|
|
.main .container .footer .footer-header .writeMessage textarea{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
+ font-size: 24px;
|
|
|
}
|
|
|
.main .container .footer .footer-header .writeMessage div{
|
|
|
text-align: right;
|
hangb