body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin: 0;padding: 0;}
a{text-decoration: none;color: rgb(26, 26, 26);}
body{background-color:rgb(245, 245, 245);}
html.ios body {overflow:hidden!important}
.WrapperFooter {padding-bottom:50px}
html.ios .Wrapper{-webkit-overflow-scrolling: touch;overflow-y: scroll;height:100%}
.Wrapper .WrapBox{background-color:#fff;margin-bottom:5px}
/* 标题  html.android*/
.Wrapper .Headline{padding:0 16px;}
.Wrapper .Headline .Title{font-size: 20px;color: rgb(51, 51, 51);font-weight: bold;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;padding-top: 32px;}
.Wrapper .Headline .SubTitle{font-size: 12px;margin:12px auto 24px;}
.Wrapper .Headline .SubTitle p{display:inline-block}
.Wrapper .Headline .SubTitle .Gray{color: rgb(136, 136, 136)}
/* 正文 */
.Wrapper .WrapContent{padding:0 8px;overflow: hidden;text-align: center;font-size: 16px}
.Wrapper .WrapContent img{display:block;max-width:100%;height:auto;margin:0 auto}
.Wrapper .WrapContent video{max-width:100%;height:auto}
/* 标签 */
.Wrapper .Label{margin-top:20px;padding:0 16px;}
.Wrapper .Label .Tag{display: inline-block;border: 1px solid rgb(204, 204, 204);border-radius:4px;margin-right:10px;padding:0 6px;margin-bottom:16px;font-size: 13px;color:rgb(51, 51, 51);line-height: 24px;}
/* 评论 */
.Wrapper .Comment{background:rgb(255, 255, 255);margin-bottom:5px}
.Wrapper .Comment .CommentList li {position: relative;display: block;margin:0 8px 16px;}
.Wrapper .Comment .CommentList li .Pic {position: absolute;left: 0;top: 0;width: 28px;height: 28px;background-size:100% 100% !important;}
.Wrapper .Comment .CommentList li .Pic img {width: 28px;height: 28px;border-radius:28px}
.Wrapper .Comment .CommentList li .Some {padding-left:40px;border-bottom: 1px solid #ddd;box-sizing: border-box;width: 100%;}
.Wrapper .Comment .CommentList li .Some span.Name {font-size: 15px;color: #333;font-weight: bold;margin-top: 4px;}
.Wrapper .Comment .CommentList li .Some .Top{width: 100%;}
.Wrapper .Comment .CommentList li .Some span.Time {float: right;margin-top: 4px;font-size: 13px;color: #999;}
.Wrapper .Comment .CommentList .Content {position: relative;line-height:24px;color: #333;font-size: 16px;margin-top: 10px;margin-bottom: 10px;}
.Wrapper .Comment .CommentList .OverHidden{overflow: hidden;}
.Wrapper .Comment .CommentList li .Some .Content .Detail{font-size: 12px;color: rgb(1, 176, 241);}
.Wrapper .Comment .CommentList li .LevelName {
font-size: 6px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 46px;
height: 16px;
background-size: 100% 100% !important;
text-indent: 23px;
line-height: 22px;
margin-left: 5px;
padding-right: 2px;
}
.Wrapper .Comment .ReadMore{font-size:13px;padding:2px 0 20px;}
.Wrapper .Comment .ReadMore a{color: rgb(153, 153, 153);}
/* 盒子 */
.Wrapper .Box{background: rgb(255, 255, 255);margin-bottom: 5px;}
.Wrapper .Box .Title{font-size: 16px;font-weight: bold;color: rgb(51, 51, 51);line-height: 20px;padding-top: 12px;margin-bottom: 16px;}
.Wrapper .Box .Title span{padding-left:12px;border-left:4px solid rgb(34, 131, 226);}
.Wrapper .Box .Content{padding:0 12px;}
.Wrapper .Box .Reward{padding-bottom:24px;font-size:15px}

/* 商品 */
.GoodsList{overflow: hidden}
.GoodsList a{display: block}
.GoodsList li {position: relative;display: block;width: 100%;height: 90px;margin-bottom: 16px;}
.GoodsList li div {display: inline-block;}
.GoodsList li .Img {margin-right: 12px;}
.GoodsList li .Img img {width: 90px;height: 90px;}
.GoodsList li .Some {right: 0;top: 0;bottom: 18px;left:100px;position: absolute;}
.GoodsList li .Some span.Name {font-size: 15px;color: #333;font-weight: bold;margin-top: 4px;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.GoodsList li .Some span.Con {-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;color: #999;font-size: 14px;}
.GoodsList li .Some span.Price {font-weight: bold;color: #f54d40;font-size: 14px;}
.Blur {-webkit-filter: blur(124px);filter: blur(124px);}
/**/
.OpenApp{position:fixed;left: 0;right: 0;bottom: 0;padding: 8px 12px;background: rgb(248, 248, 248);z-index: 99;}
	
/* 首选按钮 */
.BtnPrimary{color:#FFF;border-color:rgb(34, 131, 226);background-color:rgb(34, 131, 226)}
.BtnPrimary:hover,
.BtnPrimary:focus{color:#fff}
.BtnPrimary.active,
.BtnPrimary:focus,
.BtnPrimary:active{border-color:rgb(11, 89, 167);background-color:rgb(11, 89, 167)}	
	
/* Footer */	
.Footer {position: fixed;z-index:100;bottom: 0;left: 0;right: 0;padding: 10px 12px;background: rgb(248, 248, 248);border-top: 1px solid rgb(221, 221, 221);}	
.Footer .Textarea{font-size: 16px;line-height: 30px;background: rgb(233, 233, 233);color: rgb(51, 51, 51);overflow-y: visible;border: none;width: 80%;height: 34px;float: left;margin-top: 2px 0;border-radius: 16px;padding: 2px 10px;box-sizing: border-box;max-height: 83px;}	
.Footer .Btn {position:absolute;right:12px;top:10px;height:34px;border-radius: 60px;width: 15%;padding: 0;}

/*iPhone*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
html.WithStatusbarOverlay body .Wrapper .Headline .Title{padding-top:56px;}
html.WithStatusbarOverlay body .WrapperFooter{padding-bottom:54px;}
}
/*iPhone plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
html.WithStatusbarOverlay body .Wrapper .Headline .Title{padding-top:56px;}
html.WithStatusbarOverlay body .WrapperFooter{padding-bottom:54px;}
}
/*iPhone 7 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 2) {
html.WithStatusbarOverlay body .Wrapper .Headline .Title{padding-top:56px;}
html.WithStatusbarOverlay body .WrapperFooter{padding-bottom:54px;}
}
/*iPhoneX*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
html.WithStatusbarOverlay body .Footer,
html.WithStatusbarOverlay body .OpenApp{padding-bottom:24px;}
html.WithStatusbarOverlay body .Wrapper .Headline .Title{padding-top:64px;}
html.WithStatusbarOverlay body .WrapperFooter{padding-bottom:60px;}
}
/*iPhoneXS*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
html.WithStatusbarOverlay body .Footer,
html.WithStatusbarOverlay body .OpenApp{padding-bottom:32px;}
html.WithStatusbarOverlay body .Wrapper .Headline .Title{padding-top:72px;}
html.WithStatusbarOverlay body .WrapperFooter{padding-bottom:70px;}
}
/*iPhoneXR*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { 
html.WithStatusbarOverlay body .Footer,
html.WithStatusbarOverlay body .OpenApp{padding-bottom:20px;}
html.WithStatusbarOverlay body .Wrapper .Headline .Title{padding-top:60px;}
html.WithStatusbarOverlay body .WrapperFooter{padding-bottom:60px;}
}
/*iPhoneXR*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 2) { 
html.WithStatusbarOverlay body .Footer,
html.WithStatusbarOverlay body .OpenApp{padding-bottom:24px;}
html.WithStatusbarOverlay body .Wrapper .Headline .Title{padding-top:64px;}
html.WithStatusbarOverlay body .WrapperFooter{padding-bottom:60px;}
}