/* Created by kong 20200610 */

/* reset */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,textarea,legend{margin:0; padding:0;}ol,ul{list-style:none;}:focus{outline:0;}a img{border:0;}img{vertical-align:middle;}table{empty-cells:show;}ins{text-decoration:none;}del{text-decoration:line-through;}cite,i,em{font-style:normal;}strong,b{font-weight:normal;}
div,span,i,a,button,input {-webkit-tap-highlight-color: rgba(0,0,0,0);}
input, textarea, button { font: inherit; border: 0; outline: none;}
::-webkit-scrollbar {display: none;}
body { font-size: 0.24rem; line-height: 0.36rem; color:#333; font-family:Helvetica, "microsoft yahei", simsun; background: #f26467 url("../images/bg1.jpg") center top no-repeat; background-size: 100% auto;}
a {text-decoration: none; color:#333;}

/* common */
html, body { width:100%; height:100%;}
body.hidden {overflow: hidden;}
.clear {clear:both; height: 0; line-height: 0; font-size: 0;}

.intro { margin-top: 4.86rem; padding: 1.13rem 0.25rem 0; font-size: 0.3rem; line-height: 0.48rem; background: url("../images/bg2.png") center top no-repeat; background-size: 7rem auto;}
.intro div { padding: 0 0.4rem 0.4rem; background: #fcf8eb; border-radius: 0 0 0.1rem 0.1rem;}
.intro span {display: block; width: 2.6rem; height: 0.75rem; margin: 0.3rem auto 0; background: url("../images/btn1.png") no-repeat; background-size: 100% auto;}

.title { height: 0.95rem; margin: 0.63rem 0 0.26rem; background: url("../images/title1.png") center top no-repeat; background-size: auto 100%;}

.list li { margin-top: 0.17rem;}

.prod {background: white; padding-bottom: 0.33rem;}
.prod video {width: 100%;}
.prod strong {display: block; padding: 0.25rem; font-size: 0.34rem; line-height: 0.48rem;}
.prod p {padding: 0 0.25rem; font-size: 0.24rem; line-height: 0.36rem;}
.prod div {padding: 0 0.25rem; font-size: 0.24rem; line-height: 0.44rem; height: 0.44rem; margin-top: 0.35rem;}
.prod div span {float: right; display: block; height: 100%;}
.prod div .detail {float: left; width: 0.58rem; background: url("../images/icon6.png") center center no-repeat; background-size: 0.38rem auto;}
.prod div .detail a {display: block; height: 100%;}
.prod div .like { padding-right: 0.57rem; background: url("../images/icon2.png") right center no-repeat; background-size: auto 0.39rem;}
.prod div .like.liked {background-image: url("../images/icon3.png");}
.prod div .comment { padding-right: 0.54rem; background: url("../images/icon4.png") right center no-repeat; background-size: auto 0.38rem; margin: 0 0.1rem 0 0.28rem;}
.prod div .share {float: left; width: 0.69rem; background: url("../images/icon1.png") center center no-repeat; background-size: 0.49rem auto;}

.footer { height: 1.42rem; font-size: 0.24rem; line-height: 1.42rem; color: white; text-align: center;}
.footer a {color: white;}
.footer.fixed { color: #666; width: 100%; height: 1.18rem; line-height: 1.18rem; position: absolute; left: 0; bottom: 0;}
.footer.fixed a { color: #666;}

.myvote { display: none; position: fixed; right: 0; bottom: 3.65rem; width: 1.6rem; height: 0.64rem; font-size: 0.2rem; line-height: 0.6rem; text-indent: 0.62rem; color: white; background: url("../images/btn2.png") left center no-repeat; background-size: auto 100%; z-index: 997;}
.myvote b {color: #fff842;}

.cover { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; z-index: 998;}

.cover1 div { position: absolute; left: 50%; top: 50%; width: 6.4rem; height: 9.2rem; margin: -4.6rem 0 0 -3.2rem; box-sizing: border-box; padding: 0.57rem 0.5rem 0; background: url("../images/bg3.png") no-repeat; background-size: 100% auto;}
.cover1 strong {display: block; font-size: 0.36rem; line-height: 0.36rem; text-align: center; margin-bottom: 0.44rem; }
.cover1 span {display: block; font-size: 0.28rem; line-height: 0.4rem; height: 7.2rem; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}

.cover2 { background-image: url("../images/bg4.png"); background-position: right 0.53rem top 0.12rem; background-size: 3.04rem auto;}

.commentbox { height: 6.13rem; position: fixed; left: 0; bottom: -6.13rem; width: 100%; background: white; border-radius: 0.15rem 0.15rem 0 0; transition: all 0.3s; z-index: 999;}
.commentbox.show { bottom: 0;}
.commentbox .close {position: absolute; right: 0.25rem; top: 0.25rem; width: 0.3rem; height: 0.3rem; background: url("../images/icon5.png") no-repeat; background-size: 100%;}
.commentbox em {display: block; font-size: 0.3rem; line-height: 0.3rem; padding: 0.25rem 0.25rem 0.13rem;}
.commentbox dl { padding: 0 0.25rem; height: 4rem; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.commentbox dd { margin-top: 0.3rem;}
.commentbox dd img { width: 0.7rem; height: 0.7rem; float: left; border-radius: 0.1rem;}
.commentbox dd strong {display: block; padding-left: 0.85rem; font-size: 0.24rem ;line-height: 0.24rem; color: #999; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.03rem;}
.commentbox dd p { padding-left: 0.85rem; font-size: 0.26rem; line-height: 0.36rem; margin-top: 0.12rem;}
.commentbox form {height: 1rem; margin-top: 0.45rem; background: #f5f5f5; padding: 0.15rem 0.25rem; display: flex; justify-content: space-between;}
.commentbox input { width: 4.58rem; height: 0.68rem; padding: 0 0.35rem; background: white; border:#e8e8e8 0.01rem solid; border-radius: 0.68rem;}
.commentbox button {width: 1.6rem; height: 0.7rem; background: #cd2d3c; border-radius: 0.7rem; color: white; font-size: 0.3rem; line-height: 0.7rem; text-align: center;}

.sharepage { height: auto; background: #f3f4f5; min-height: 100%; box-sizing: border-box; padding-bottom: 1.18rem; position: relative;}