/* 
* @Author: 闄堝敮榫�
* @Date:   2017-06-01 11:31:05
* @Last Modified by:   闄堝敮榫�
* @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); } */