126 lines
5.7 KiB
CSS
126 lines
5.7 KiB
CSS
/*
|
||
* @Author: 闄堝敮榫<E695AE>
|
||
* @Date: 2017-06-01 11:31:05
|
||
* @Last Modified by: 闄堝敮榫<E695AE>
|
||
* @Last Modified time: 2017-06-09 15:48:29
|
||
*/
|
||
|
||
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 陆谩鹿鹿脭陋脣脴 */
|
||
dl, dt, dd, ul, ol, li, /* list elements 脕脨卤铆脭陋脣脴 */
|
||
pre, /* text formatting elements 脦脛卤戮赂帽脢陆脭陋脣脴 */
|
||
fieldset, lengend, button, input, textarea, /* form elements 卤铆碌楼脭陋脣脴 */
|
||
th, td { /* table elements 卤铆赂帽脭陋脣脴 */
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
body,
|
||
button, input, select, textarea { /* for ie */
|
||
/*font: 12px/1 Tahoma, Helvetica, Arial, "脣脦脤氓", sans-serif;*/
|
||
font: 20px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 脫脙 ascii 脳脰路没卤铆脢戮拢卢脢鹿碌脙脭脷脠脦潞脦卤脿脗毛脧脗露录脦脼脦脢脤芒 */
|
||
}
|
||
|
||
@media screen and (min-width: 640px) {
|
||
html { background: #f5f5f5; width: 640px; margin: 0 auto; }
|
||
body { position: relative; background: #fff; }
|
||
}
|
||
body { font-family: "Microsoft YaHei"; max-width: 10.0rem; min-height: 100%; margin: 0 auto; background: #fff; }
|
||
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
|
||
h2 { font-size: 16px; }
|
||
h3 { font-size: 14px; }
|
||
h4, h5, h6 { font-size: 100%; }
|
||
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
|
||
address, cite, dfn, em, var { font-style: normal; }
|
||
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
|
||
small { font-size: 12px; }
|
||
|
||
|
||
ul, ol { list-style: none; }
|
||
|
||
|
||
a { text-decoration: none; }
|
||
a:hover { text-decoration: none; }
|
||
|
||
abbr[title], acronym[title] {
|
||
border-bottom: 1px dotted;
|
||
cursor: help;
|
||
}
|
||
|
||
q:before, q:after { content: ''; }
|
||
|
||
|
||
legend { color: #000; } /* for ie6 */
|
||
fieldset, img { border: none; }
|
||
|
||
button, input, select, textarea {
|
||
font-size: 100%;
|
||
}
|
||
|
||
|
||
table {
|
||
border-collapse: collapse;
|
||
border-spacing: 0;
|
||
}
|
||
|
||
|
||
hr {
|
||
border: none;
|
||
height: 1px;
|
||
}
|
||
html { overflow-y: scroll; }
|
||
.clearfix:after {
|
||
content: ".";
|
||
display: block;
|
||
clear: both;
|
||
visibility: hidden;
|
||
line-height: 0;
|
||
height: 0;
|
||
font-size:0;
|
||
}
|
||
|
||
.play-area { width: 10.0rem; height: 5.0rem; }
|
||
.video-msg { padding: 0.31rem/*20*/ 0.42rem/*27*/ 0 ; border-bottom: 9px solid #F5F4F3; padding-bottom: 0.59rem; }
|
||
.video-msg h4 { height: 0.47rem;/*30*/ line-height: 0.47rem; padding: 0.31rem/*20*/ 0; }
|
||
.video-msg .title { font-size: 0.42rem;/*27*/ float: left; }
|
||
.video-msg .play-count { font-size: 0.31rem;/*20*/ float: left; margin-left: 0.47rem; color: #a0a0a0; }
|
||
.video-msg .play-count i { display: inline-block; width: 0.47rem; /*30*/ height: 0.47rem; background: url(../image/play-icon.png) center center no-repeat; background-size: 100%; float: left; margin-right: 0.08rem; }
|
||
|
||
.star-bar { height: 0.34rem;/*22*/ line-height: 0.34rem; }
|
||
.star-bar span { float: left; height: 0.34rem; display: block; line-height: 0.33rem; width: 0.78rem; font-size: 0.31rem; }
|
||
.star-bar .star { height: 0.34rem;/*21*/ background: black; background-size: 1.72rem; float: left; width: 1.72rem; background-image: url(../image/star.jpg); background-repeat: no-repeat; }
|
||
.star-bar .star-0 { background-position: 0 0; }
|
||
.star-bar .star-1 { background-position: 0 -0.34rem; }
|
||
.star-bar .star-2 { background-position: 0 -0.68rem; }
|
||
.star-bar .star-3 { background-position: 0 -1.02rem; }
|
||
.star-bar .star-4 { background-position: 0 -1.36rem; }
|
||
.star-bar .star-5 { background-position: 0 -1.70rem; }
|
||
.star-bar .star-6 { background-position: 0 -2.04rem; }
|
||
.star-bar .star-7 { background-position: 0 -2.38rem; }
|
||
.star-bar .star-8 { background-position: 0 -2.72rem; }
|
||
.star-bar .star-9 { background-position: 0 -3.06rem; }
|
||
.star-bar .star-10 { background-position: 0 -3.4rem; }
|
||
.desc { margin-top: 0.25rem;/*50*/ color: #a0a0a0; line-height: 0.47rem; font-size: 0.31rem; }
|
||
|
||
.user-list { padding: 0/*0*/ 0.42rem/*27*/ 0 ; border-bottom: 9px solid #F5F4F3;}
|
||
.user-item { padding-top: 0.5rem;/*32*/ padding-bottom: 0.41rem;/*26*/ }
|
||
.user-pic { width: 1.02rem; height: 1.02rem;/*65*/ float: left;}
|
||
.user-info { width: 6.56rem; /*420*/ padding-left: 0.31rem;/*20*/ float: left; }
|
||
.user-info .user-name { height: 0.55rem;/*35*/ line-height: 0.55rem; display: block; font-size: 0.36rem; }
|
||
.user-info .item-date { font-size: 0.31rem; color: #a0a0a0; height: 0.41rem; display: block; line-height: 0.41rem; }
|
||
.like { float: left; width: 1.17rem; height: 1.02rem; }
|
||
.like .count { line-height: 0.31rem; line-height: 0.31rem; font-style: normal; text-align: center; display: block; }
|
||
.like .like-btn { display: block; height: 0.41rem;/*26*/ margin-top: 0.16rem; background-image: url(../image/like-icon.jpg); background-size: auto 100%; background-repeat: no-repeat; background-position: center; color: #a0a0a0;}
|
||
.download { padding: 0/*0*/ 0.42rem/*27*/ 0; position: relative; }
|
||
.download .logo-bar { padding-top: 0.72rem;/*46*/ }
|
||
.download .logo-bar img { width: 1.17rem; /*75*/ height: 1.17rem; float: left; }
|
||
.download .logo-bar span { float: left; width: 7.5rem;/*480*/ padding-left: 0.31rem; /*20*/ }
|
||
.download .logo-bar span:nth-child(2) { font-size: 0.47rem; height: 0.7rem; line-height: 0.7rem; }
|
||
.download .logo-bar span:nth-child(3) { font-size: 0.31rem; height: 0.47rem; line-height: 0.47rem; }
|
||
.qr-code { padding-top: 1.33rem; }
|
||
.qr-code img { width: 2.41rem; height: 2.41rem; display: block; margin: 0 auto; }
|
||
.qr-code p { color: #a0a0a0; font-size: 0.38rem; height: 0.62rem; line-height: 0.62rem; text-align: center; }
|
||
|
||
.float-download-btn a { display: block; width: 3.05rem; height: 1.28rem; background-size: auto 100%; margin-bottom: 0.31rem; background-repeat: no-repeat; }
|
||
.float-download-btn { width: 3.05rem; position:absolute; right: 0.34rem; top: 0.69rem; }
|
||
.float-download-btn .download-butten{ background-image: url(../image/download.jpg); }
|
||
/* .float-download-btn .ios { background-image: url(../image/ios.jpg); } */ |