@charset "UTF-8";

.declare{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index: 99;
  bottom:0;
  background-color:rgba(0,0,0,0.5);
}
.declare .dectips{
  position:fixed;
  left: 50%;
  bottom: 55px;
  transform: translate(-50%, 0px);
  z-index: 10;
  background-color: #fff;
  width: 93%;
  border-radius: 20px;
  color: #38393D;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: 15px 20px;
}
.declare .dectips .tipbtn{
  padding:0 10px;
  background-color:#007CFC;
  border-radius: 20px;
  color: #fff;
  width: 75%;
  height: 32px;
  text-align: center;
  line-height: 32px;
}


/*下拉刷新颜色*/
.scroll-refresher .ionic-refresher-content.ionic-refresher-with-text{
color: #5761bd;
}
/*
.button.button-assertive{
background-color: #5761bd;
}**/
/*ion-infinite-scroll loading color*/
.spinner svg {
    stroke: #5761bd;
    fill: #5761bd;
}
.popup-container .popup{
background-color: rgba(255,255,255,1);
border: 1px solid gray;
}
/*spinner lines*/
.image-loader-container{
position:absolute;
left: 43%;
top: 43%;
}
/*
.articlepage:before {
content: "";
position: fixed;
left: 0;
right: 0;
z-index: -1;

display: block;
background-image: url(https://img.xssdcdn.com/images/article/227/0.jpg);
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;

-webkit-filter: blur(15px);
filter: blur(15px);
}*/
.articlepage .item{
background-color: rgba(0,0,0,0);
}
.articlepage .img_box{
position: relative;
width: 100%;    /* desired width */
overflow:hidden;
max-width: 118mm;
margin: 0 auto;
}
.articlepage .img_box:before{
content: "";
display: block;
padding-top: 58.928571428571%;  /* initial ratio of 1:1*/
}
.articlepage .img_content{
position:  absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center center;
}
.articlepage .txt_content{
position:  absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.3);
color:white;
text-align:center;
font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
}
.articlepage .txt_content>div{
position:absolute; width: 100%;top:50%; height:50px; margin-top:-25px
}
.articlepage .txt_content .title2{
font-size:18px;
height:28px;
line-height:28px;
font-weight:bold;
}
.articlepage .txt_content .title3{
font-size:14px;
height:22px;
line-height:22px;
}

.articledetailpage .item{
background-color:rgba(0,0,0,0);
}
.articledetailpage .sharebtn{
text-align: right;
margin: 0 10px;
color: rgba(0,0,0,0.5);
}
.articledetailpage .articleheader{
background-position:bottom;
background-size:cover;
position: absolute;
top:0;
z-index:10;
height:47px;
/*background-color: rgba(0,0,0,0.5);*/
}

.articledetailpage .articleheader h1.title{
left: 2em !important;
right: 2em !important;
display: block;
position: fixed;
top: 0;
z-index: 0;
overflow: hidden;
margin: 0 10px;
min-width: 30px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 17px;
font-weight: 500;
line-height: 44px;
color:white;
}
.articledetailpage .coverimg{
width:100%;
position:absolute;
filter:brightness(0.7)
}

.articledetailpage h1.title,
.articledetailpage h2.title{
left: 2em !important;
right: 2em !important;
display: block;
position: absolute;
top: 0;
z-index: 0;
overflow: hidden;
margin: 0 10px;
min-width: 30px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 17px;
font-weight: 500;
line-height: 44px;
color:white;
}
.articledetailpage  h1.title{
font-size: 18px;
}
.articledetailpage  h2.title{
font-size: 14px;
}
.articledetailpage .byauthor{
width:100%;
position:absolute;
top:-20px;
text-align: right;
right:5px;
color:white;
font-size:0.8em;
}
.articledetailpage .articleheader button{
position: fixed;
top:0;
}
.articledetailpage .articleheader button:last-child{
position: fixed;
top: 0;
right: 0;
color:white;
}
.articledetailpage .article.container{
background-color:white;
min-height: 1000px;
}

/*隐藏文章标题、作者、首图*/
.articledetailpage .article.container .title{
display:none;
}
.articledetailpage .article.container .author{
display:none;
}
.articledetailpage .item.replytitle{/* border-top: 1px solid rgba(127,127,127,0.5); */}
.articledetailpage .item.item-avatar{border-top:none;border-color: #f5f5f5;width: 100%;padding: 13px 24px;overflow: hidden;position: relative;}


center{text-indent:0 !important}
center p{text-indent:0 !important}

/*wechat style*/
.rj-push-right {
position: absolute;
right: 10px;
top: 10px;
color: #8c8c8c;
font-size: 13px; }

.item .rj-list-p {
font-size: 13px;
color: #6a6a6a; }

.item.my-popup {
padding: 15px;
padding-left: 20px; }

.scroll-bar-indicator {
display: none; }

.item > .rj-sm-red-icon {
position: absolute;
display: inline-block;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #FF0000;
line-height: 18px;
text-align: center;
top: 5px;
left: 40px; }

.item > .rj-sm-red-icon > p {
color: #FFF;
font-size: 12px; }

.rj-item-top {
background-color: #F1F1F1 !important; }

.rj-stable-content {
background-color: #EEE; }

.bar-footer-topline {
border-top: 1px solid #ddd !important;
}
.bar-footer {
padding:0
}
.bar-footer-gentie {
padding:5px
}

.bar-footer textarea {
resize: none;
height: 21px;
max-height: 100px;
}

.bar-footer .item-input {
border: none !important;
border-bottom: 1px solid #EEE !important; }

.rj-footer-btn {
position: absolute !important;
bottom: -1px;
right: 5px; }

.rj-footer-input {
width: 101%; }

.rj-footer-btn-wrap {
position: relative;
height: 100%;
width: 50px;
top: 2px; }

.rj-footer-btn-left {
position: absolute !important;
bottom: 0; }

.rj-message-wrap {
padding: 7px;
overflow: auto;
position: relative; }

.rj-message-wrap .rj-head-pic,
.rj-message-wrap .rj-head-pic-right {
height: 40px;
width: 40px;
border-radius: 50%;
}

.rj-message-wrap .rj-head-pic {
float: left; }

.rj-message-wrap .rj-head-pic-right {
float: right; }

.rj-message-wrap .rj-message,
.rj-message-wrap .rj-message-right {
padding: 6px 8px;
line-height: 26px;
max-width: 190px;
border-radius: 5px; }

.rj-message-wrap .rj-message {
float: left;
margin-left: 16px;
background-color: #fff; }

.rj-message-wrap .rj-message-right {
float: right;
margin-right: 16px;
background-color: rgb(242, 211, 245); }

.rj-message-wrap .rj-triangle-left,
.rj-message-wrap .rj-triangle-right {
display: inline-block;
width: 0px;
height: 0px;
position: absolute;
border-width: 8px 10px;
border-style: solid;
top: 17px; }

.rj-message-wrap .rj-triangle-left {
/*left: 47px;20160303 by yy. scrat*/
border-color: transparent #FFF transparent transparent; }

.rj-message-wrap .rj-triangle-right {
right: 47px;
border-color: transparent transparent transparent rgb(242, 211, 245); }

.rj-message-time {
width: 42px;
text-align: center;
margin-bottom: 5px;
color: #FFF;
background-color: rgba(0, 0, 0, 0.2);
font-size: 12px;
margin-left: auto;
margin-right: auto; }

.rj-footer-btn-wrap .rj-send-button {
/*background-color: #1BBB37;
color: #FFF;*/
height: 30px;
line-height: 30px;
text-align: center;
position: absolute;
bottom: 3px;
width: 38px;
left: 4px; }

.rj-list .list {
width: 90%;
margin-left: 10px;
margin-right: auto;
margin-top: -1px; }

.rj-list .list .rj-item {
border-left: none;
border-right: none;
border-bottom: none;
padding-left: 0;
padding-top: 6px;
padding-bottom: 6px; }

.rj-contacts-item {
padding: 0px !important; }

.rj-item .rj-contacts-pic {
color: white;
height: 36px;
width: 36px;
line-height: 36px;
float: left;
font-size: 28px;
text-align: center; }

.rj-orange-bgc {
background-color: orange; }

.rj-green-bgc {
background-color: #63db2a; }

.rj-blue-bgc {
background-color: #2d31ca; }

.rj-item h2 {
padding-left: 10px;
position: absolute;
margin: auto !important;
top: 0;
bottom: 0;
left: 36px;
height: 32px;
line-height: 32px; }

.rj-contacts-pic img {
width: 36px;
height: 36px; }

.rj-contacts-index-bar {
background-color: #E8E8E8;
padding-left: 10px;
height: 20px;
line-height: 20px;
font-size: 80%;
color: #545454; }

.rj-contacts-right-bar {
position: fixed;
right: 0;
width: 20px;
height: 464px;
z-index: 2;
text-align: center;
font-size: 80%;
color: #545454; }

.rj-contacts-right-bar div {
height: 16px; }

.rj-contacts-middle-bar {
position: fixed;
margin: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
color: #FFF;
font-size: 300%;
background-color: rgba(0, 0, 0, 0.5); }
/*wechat style end*/


.discusscontent{
color:#444444 !important;
font-size:0.9em !important;
}

/* Empty. Add your own CSS if you like */
.nav-bar-block, .bar {
background-color: inherit !important;
}
/*search*/
.search-pic img{
width:100%;
border-radius:10%;
}
/*search result*/
.indent{
text-indent: 2em;
}
.line2{
white-space: normal !important;
line-height: 1.5em;
height: 3em;
color: #666;
font-size:0.9em;
}
.line3{
white-space: normal !important;
line-height: 1.5em;
height: 4.5em;
color: #666;
font-size:0.9em;
}
.wikiitemdesc{
white-space: normal !important;
line-height: 1.5em;
height: 4.5em;
overflow:hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-right: 0.5em;
}
.line40::after {
content:"...”";
position:absolute;
bottom:0;
right:0;
padding:0px 10px 14px;
}
.line3plus{
white-space: normal !important;
line-height: 1.5em;
min-height: 4.5em;
color: #666;
font-size:0.9em;
}
.line3plus p{
white-space: normal !important;
line-height: 1.5em;
color: #666;
font-size:1em;
}
.line3plus .singleline{
white-space: nowrap !important;
line-height: 1.5em;
color: #666;
font-size:1em;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.line2plus{
white-space: normal !important;
line-height: 1.5em;
min-height: 3em;
color: #666;
font-size:0.9em;
}
.line2plus p{
white-space: normal !important;
line-height: 1.5em;
color: #666;
font-size:1em;
}
.wrap{
white-space: normal !important;
}
.line0{
white-space: normal !important;
display: inline-block;
}
.article .title{
font-size:1.2em;
line-height:1.5em
}
.article .author{
font-size:0.8em
}
.articlereply{
white-space: normal !important;
}
.articlereply span{
display: inline-block;
}

.up{
float:right;
line-height:1.5em;
}
.tixingicon{
float:right;
margin:0 -16px -16px 0;
}
.item-thumbnail-left > img:first-child{
width: auto;
height:auto;
max-height: 100px;
}

.autoheight{
height: auto;
width:100%
}
.item-thumbnail-left .item-content p {
white-space: normal;
}
.item-thumbnail-left .tag {
float:right;
font-size:.6em;
line-height:.7em;
padding:3px;
border: 1px solid blue;
color:blue;
border-radius: 3px;
}

.itemperfumers > span:after{content:", "}
.itemperfumers > span:last-child:after{content:""}

.fullwidth{
max-width:100%;
max-height:100%
}
/*
.image-modal {
  width: 100% !important;
  height: 100%;
  top: 0 !important;
  left: 0 !important;
}*/
.fullscreen-image {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
}
.slider {
  width: 100%;
  height: 100%;
}
.slider-slides
{
  width: 100%;
  height: 100%;
}
p.info {
  position: absolute;
  bottom: 55px;
  margin: 0 auto;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 28px;
  color: #ffffff;
}

p.cover-label {
text-align: center;
position: absolute;
left: 0;
width: 100%;
bottom: 1em;
text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
}

p.pagenum {
position: absolute;
right: 1em;
bottom: 1em;
text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
}

/*写跟贴*/

.textarea-container {
  position: relative;
  /* you should change this*/
  width: 100%;
  padding:0 0 0 5px;
}

.textarea-container input, .textarea-container textarea, .textarea-size {
  /* need to manually set font and font size */
  font-family: sans-serif;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  width: 100%;
  font-size:0.9em;
  line-height:1.1em;
  min-height:24px;
}

.textarea-container input, .textarea-container textarea {
  height: 100%;
  position: absolute;
  resize:none;

  /*
  "pre" or "preline" or "normal" fixes Chrome issue where
    whitespace at end of lines does not trigger a line break.
  However, it causes the text to exhibit the behavior seen with
    "pre" that is described below.
   */
  white-space: normal;
  line-height: 1.5em;

  display: block;
}

.textarea-container .textarea-size {
  visibility: hidden;

  /*
  Pre-wrap: preserve spacing and newlines, but wrap text.
  Pre: preserve spacing and newlines but don't wrap text.

  "pre" does not wrap well on Firefox, even with word-wrap:break-word.
  "pre" on Chrome works with word-wrap, but exhibits different behavior:
  Instead of entire words being moved to the next line for wrapping,
  the browser will cut words in the middle for wrapping.
  "pre-line" has Firefox issues
  */
  white-space: pre-wrap;
  /* Required for wrapping lines in Webkit,
    but not necessary in Firefox if you have white-space wrapping
    (pre-wrap, normal, pre-line) already set */
  word-wrap: break-word;
  overflow-wrap: break-word;


  line-height: 1.5em;
}
.inputline{height:3px;border:1px solid #D9D9D9;border-top:none;padding:0 0 0 5px;z-index:99}
.inputlineactive{height:3px;border:1px solid #33B5E5;border-top:none;padding:0 0 0 5px;z-index:99}
.sendbtn{font-size:0.9em;color:black;text-align:center}
.col-66px {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66px;
-moz-box-flex: 0;
-moz-flex: 0 0 66px;
-ms-flex: 0 0 66px;
flex: 0 0 66px;
max-width: 66px; }

/*header*/
.header-avatar{
width: 34px;
height: 34px;
border-radius: 34px;
}
.bar-header .button{
padding-right: 8px !important;
padding-left: 8px !important;
}

/*article-detail*/
.bar-header .title{
text-align: center !important;
left:2em !important;
right:2em !important;
/*padding:0 32px*/
}

.cntitle{font-size: 1.4em;line-height: 1.5em;color: #2e2e2e;margin-top: 15px;}
.entitle{font-size: 1.15em;line-height: 1.5em;
margin-bottom:5px}
.content img{
/*max-width: 100%;*/
max-width: 118mm;
display: block;
margin: 0 auto;
}
.content .article_img{max-width: 100% !important;}
.imgbig{
max-width: 100%;
margin: 0 auto;
display: block;
}
.imgsmall{
max-width: 50%;
margin: 0 auto;
display: block;
}
.outbar {
padding: 0px;
margin: 0px;
width: 194px;
height: 14px;
border: 1px solid #CC99CC;
display: inline-flex;
}
.inbar {
height: 12px;
display: block;
background: #DBB7DB;
}
/*******评级星星*******/
.star0{background-image: url(https://img.xssdcdn.com/static/star.png);background-repeat: no-repeat;display:inline-block;width:75px;height:14px;position:relative;top:1px}
.star1{background-image: url(https://img.xssdcdn.com/static/star2.png);background-repeat: no-repeat;display:inline-block;width:75px;height:14px;position:relative;top:1px}
.sa9,.sa10{background-position:0px 0px}
.sa7,.sa8{background-position:-15px 0px}
.sa5,.sa6{background-position:-30px 0px}
.sa3,.sa4{background-position:-45px 0px}
.sa1,.sa2{background-position:-60px 0px}
.sa0{background-position:-75px 0px}

/*social-shequ*/
.smallavatar{
    max-width: 25px;
    max-height: 25px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.bigavatar2{
    max-width: 60px;
    max-height: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.bigavatar img{
    max-width: 60px !important;
    max-height: 60px !important;
}
.bigavatar{
padding-left: 88px;
min-height: 88px;
}
.bigavatar h2{
margin-bottom:10px
}
.bigname{
margin:5px 0 0 10px;
position:absolute;
display: inline-block;
line-height:1.5em;
}
.smalluname{
display: inline-block;
color:#636363 !important;
}
.shequrightbtn{
float:right;
color:#666 !important;
margin-bottom:-22px;
margin-right:-16px
}

.shequrightbtn .icon:before, .shequrightbtn.icon:before {
font-size: 16px;
line-height: 19px;
margin-top: 3px;
}
.wraptitle{
font-size: 1.2em;
line-height: 1.5em;
white-space: normal
}

/*个人主页*/

/***** BOBO-START *****/
.bobo_section {
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.bobo_avatar {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    margin: 10px;
  margin-top:30px;
}

.bobo_avatar > img {
    display: -webkit-box;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.bobo_name {
text-align: center;
}
.userpage .myhistory{
text-align: center;
color:#5761bd;
font-size:18px;
line-height: 40px;
}
.userpage .uname{
margin-top:-15px;
text-align:center
}
.userpage .myphoto{
margin-bottom:10px;
}
.userpage .statistic{
margin-bottom:20px;
}
.center{
text-align: center;
}
.bobo_title {
    display: -webkit-box;
    margin-bottom: 11px;
    color: #333333;
    font-size: 18px;
    line-height: 18px;
}

.bobo_desc {
    display: -webkit-box;
    color: #aaaaaa;
    font-size: 12px;
    line-height: 12px;
}

.bobo_section .module_common_enter {
    height: 85px;
}
.imagehscroll{
margin-top: 10px
}
.imagehscroll div {
margin-right:10px;display:inline-block;}
.imagehscroll div:last-child {
margin-right:0;
display:inline-block;
}
.imagehscroll img {
height: 6em;
}

.noborder{
border-width:0
}
.border{
border-top:1px solid #ddd;
display: block;
}

/*tabs*/
ion-tabs.tabs-color-active-positive .tab-item{
color: #666;
opacity: 1;
}
ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
color: #5761bd;
opacity: 1;
}

.toptabs{
top:0 !important;
height:48px !important;
line-height:48px !important;
border-bottom: 1px solid #B3B3B3 !important;
}

/*有页眉和页脚TAB*/
.has-toptabs-bottomtabs{
top:43px;
/*top:43px; : ios*/
/*top:47px; : android*/
bottom:47px;
}
/*
.searchres-toptabs-bottomtabs{
top:38px;
bottom:38px;
}*/
/*有页眉和页脚发布对话框*/
.has-toptabs-bottompublish{
top:47px;
bottom:44px;
}
/*有页眉无页脚,或者是自动页脚，自动页脚加43px div*/
.has-toptabs, .has-toptabs-only{
top:47px;
bottom: 0;
}

.toptabs .tab-item{
/*color:#212121 !important;*/
}
.toptabsicon .tab-item > i{
font-size:24px;
}
.platform-android .bottomtabs .tab-item{
border-top: 1px solid gray !important;
margin-top:-2px;
}
.bar-header .tab-item.active,
.bar-header .tab-item.activated{
border-width: 0px 0px 2px 0px !important;
border-color:#444;
margin-top:0
}

.bottomtabitem2 i{
margin-top:0px;
}
.bottomtabitem2 i:before{
font-size:30px;
}

.titleinpic{
padding: 0;
border:none
}
.titleinpic h2{
text-align: left;
position: absolute;
display: block;
bottom:0em;
color: white;
height: 2em;
width: 100%;
padding: 5px;
background-color: rgba(0, 0, 0, 0.5);
}
.titleinpic p{
padding: 0 5px;
}
.titleinpic a img{
/*min-height:6em*/
}
.img-center{
display:block;
margin:0 auto
}
/*wiki-detail*/
.wikititle{
font-size:1.2em;
padding:0 10px;
}
/*also searchresult*/
.perfume{
min-height: 130px;
}
.item-thumbnail-left .imgborder{position: absolute;width: 100px;height: 116px;left: 0;top: 0;}
.item-thumbnail-left .imgborder img {
position: absolute;
margin: 0 auto;
top: 10px;
left: 10px;
right:5px;
bottom:0;
width: auto;
height: auto;
max-width: 80px;
max-height: 116px;
}

.item-thumbnail-left-small .imgborder{
position: absolute;
width: 80px;
height: 100px;
left: 0;
top: 0;
}
.item-thumbnail-left-small .imgborder img {
position: absolute;
margin: 0 auto;
top: 10px;
left: 10px;
right:5px;
bottom:0;
width: auto;
height: auto;
max-width: 64px;
max-height: 116px;
}
.item-thumbnail-left-small {
padding-left: 82px;
border-width: 0;
}

.item-thumbnail-left-small2 .imgborder{position: absolute;width: 70px;height: 70px;left: 0;
top:8px;}
.item-thumbnail-left-small2 .imgborder img {
position: absolute;
margin: 0 auto;
top: 10px;
left: 10px;
right:5px;
bottom:0;
width: auto;
height: auto;
max-width: 50px;
max-height: 50px;
}
.item-thumbnail-left-small2 {
padding-left: 70px;
padding-bottom: 0;
padding-top: 16px;
}

/*itemdetail*/
.itemdetail .discuss{
}
.itemdetail .discuss .header{display:flex;padding-left: 15px;padding-top: 10px;}
.itemdetail .discuss .header div{
flex:1;
overflow: hidden;
}
.itemdetail .smell{
  font-weight: bold;
}
.itemdetail .shadow{
  width: 100%;
  height: 3px;
  background-color: #fff;
  margin-top: -2px;
}
.itemdetail .discuss .header img{
width:40px;height:40px;
margin-right:16px;
border-radius: 50%;
}
.itemdetail .discuss .header span{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display:block
}
.itemdetail .img_box{
position: relative;
width: 100%;    /* desired width */
overflow:hidden
}
.itemdetail .img_box:before{
content: "";
display: block;
padding-top: 70%;   /* initial ratio of 1:1*/
}
.itemdetail .img_content{
position:  absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.itemdetail .img_content img{margin: 25px auto 0;max-height: 90%;max-width: 100%;display: block;}
.itemdetail .desc{
padding-top: 10px !important;
white-space: normal !important;
line-height: 1.5em !important;
word-break: break-word;
text-align: justify;padding: 0 16px;
}
.itemdetailpage .right{
  border-bottom: 1px solid #f5f5f5;
  margin-top: -25px;
  padding: 0 16px;
}
.itemdetail .desc span{text-indent:2em;display: inline-block;color:#444;/* padding: 0px 15px; */}
.discussreply .avatar{
width:40px;
height:40px
}
.itemdetail .starcontainer{
height: 14px;
display: inline-block;
}
.itemdetailbtn{
margin:10px;
height:38px;
min-height: 38px;
line-height:38px;

}
.itemdetail .download{
display:block;
width: 97%;
height: 60px;
margin: 6px 1.3%;
overflow: hidden;
line-height: 60px;
}
.itemdetail .download span{color: #98a1df;text-align: center;display: block;font-size: 13px;}
.itemdetail .download img{
  float: left;
  margin: 1.9% 0 0 15%;
}
.itemdetail .download p{
  width: 39.7%;
  line-height: 24px;
  font-size: 13px;
  color: #444;
  float: left;
  margin: 55px 0 0 7.4%;
}
.similar .row{
  margin-left: 0px;
  padding: 0;
  padding:0 11px;
}
.button-dianpin{
margin: 0 !important;
border-radius: 4px;
}
.em09{
font-size:0.85em
}
.gray{
color:gray
}
.odor-pic{
  position: relative;
  width: 100%;    /* desired width */
  overflow:hidden
}
.odor-pic:before{
  content: "";
  display: block;
  padding-top: 100%;  /* initial ratio of 1:1*/
}
.odor-pic img{
width:100%
}
.odor-img{
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.odor-name{
text-align:center;
font-size: 12px;
}
.replytitle{border-top-width: 0;padding-bottom: 18px;color:black;}
.itemzanque{
border-bottom:none;
font-size:1em
}
.phase .row{
  padding: 0;
  padding-left: 11px;
  margin-left: 0;
}
.itemdetailtitle{font-size: 16px;margin-left: 15px;}
.paddingleft10{
padding-left:10px
}
.paddingbottom10{
padding-bottom:8px
}
.itemdetailintro{
color:#555555
}
.itemdetailall{
font-size:0.85em;
color:#555555;
float:right;
line-height:1.5em;
}
.itemdetailpinjia{
color:#555555;
}
.small-avatar{padding: 10px 12px 8px 62px;
min-height:66px
;border-top: 0;border-bottom: 1px solid #f5f5f5;margin: 0;}
.small-avatar img{
width: 34px !important;
height: 34px !important;
top: 12px !important;
left: 12px !important;
}
.item-ifullname{
font-size:0.8em;
line-height:1.5em;
height:1.5em;
overflow:hidden;text-align: center;margin-top: 5px;}
.h1px{height:1px;}
.item-pic{height: 70px;width: 72px;display: table-cell;vertical-align: middle;text-align: center;}
.item-pic img{max-width: 95%;max-height: 95%;}
.leftbar{
float:left;clear:left;
display: list-item;
color: rgba(0,0,0,0);
}
.rightbar{
float:right;clear:right;
display: list-item;
color: rgba(0,0,0,0);
}
.odortable{
text-align: center;
}
.odortable a{
display:inline-block;
}
/*discuss-reply*/
.text-black{
color:black
}
/*user*/
.user-title{
font-size: 16px;
color:black;
}
.up99{
float: right;
color:#636363
}
/*sixin*/
.sixin-time{
float: right;
color:#636363;
font-size:0.7em
}
/*common*/
.header-title{
text-align: center !important;
margin: 0 2em !important;
left: 0px !important;
right: 0px !important;
}
a{
text-decoration: blink;
color:#5761bd;
}
a:hover {
color:#337ab7 !important;
text-decoration: none !important;
}
.ti2{
text-indent: 2em;
}
.ti2p p{
text-indent: 2em;
overflow:hidden;
}
.ti2p p > img{display:block;margin:0 auto;width: 100%;}
.ti2p p a > img{width: 100%;}
/*tagdetail*/
.whiteborder{
border-color:white
}
/*tag odor*/
.tagodorimg{
margin-top:2px;
}
.tagodorimg img{
height:2.5em;
width:2.5em;
/*float:left;
margin-right:2px;*/
}
/*AngularJS-Components/dd-text-collapse/main.css*/
.collapse-text-toggle {
font-size: 0.9em;
color: #666666;
cursor: pointer;
}
.collapse-text-toggle:hover {
color: #222222;
}
/*opacity0*/
.opacity0{
opacity:0
}
/*item-vote*/
.editbox{
display:flex
}
.editbox label{
/*padding: 0 10px;*/
}
.editbox textarea {
resize: none;
min-height:8em;
width:99%
}
/*smart*/

.smart .desc span{
text-indent:2em;
word-break: break-word;
white-space: normal;
display: inline-block;
text-align: justify;
}
.smart .smartmaindesc{
white-space: normal !important;
line-height: 1.5em;
height: 4.5em;
color: #666;
font-size:0.9em;

display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-right: 0.5em;
}
.smarttitle{
font-size: 1.5em;
line-height: 1.9em;
}
.smartfavicon{
font-size: 1em;
position: absolute;
margin-left: -10px;
}

.smart .wikiimg{
height: 150px;
text-align: center;
line-height: 150px;
}
.smart .wikiimg img{
max-width:100%;
max-height:100%;
vertical-align: middle;
}
.smartitem{
border-top:solid 1px #eee
}
.smartuname{
display: inline-block;
color:#636363 !important;
margin-top: 0.3em;
}

.author{
color:#666666;
}
.shequcontent{
color:#555555 !important;
margin-top:6px
}
.bigtime{
color:#999;
font-size: 0.8em;
}
.shequitem{
padding-bottom:2px
}
.lefttime{
display:block;
float:left;
font-size:0.7em;
width:80%;
padding-top:5px;
color:#999;
}
.shequhuifubtn{
color:#666
}
.shequmaincontent{
margin-left:0.5em;
}
.shequmaincontent span{
text-indent:2em;
display: inline-block;
}
.shequitemmain{
padding-top:5px
}
.shequupicon{
font-size:0.85em;
display:inline-block;
}
.shequupcnt{
font-size:0.7em
}
.shequavatar{
width: 22px;
height: 22px;
border-radius: 50%;
}
.shequname{
display: inline-block;
color:#636363 !important;
font-size:0.8em !important;
line-height: 1.3em;
}
.tixingcontent{
margin-right:2em;
margin-top:5px;
}
.searchtab{
background-color:#f0f0f0 !important;
padding: 0 15px;
}
.searchinput input{
font-size:12px
}
.searchinput{
background-color:#fff;
height:28px;
border-radius: 6px;
border: 1px solid #d7d7d7;
}
.searchinput i:before{
font-size:25px !important;
margin-right: -11px;
margin-top: 3px;
color:#d7d7d7
}
.searchrestitle{
padding: 20px 10px 20px 10px;
font-size: 18px;
}
.search .searchtitle{
font-size:1.2em;
color:#666;
padding:10px 10px 0 11px;
line-height: 2em;
text-align:center
}
.search .searchtitle:before,.search .searchtitle:after{
display: inline-block;
position: relative;
top:-4px;
content: "";
width:70px;
height:1px;
background-color:#666;
}
.search .searchtitle:before{
right:10px;
}
.search .searchtitle:after{
left:10px;
}
.search .topbuttonbar{
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
.search .topbutton1{
border-right:1px solid #e6e6e6;
font-size:14px;
line-height: 46px;
}
.search .topbutton2{
font-size:14px;
line-height: 46px;
}
.search .topbutton1:before{
font-size:24px;
color:#8a3aa9;
margin-right: 6px;
    margin-left: -11px;
}
.search .topbutton2:before{
font-size:24px;
color:#f0bb0a;
margin-right: 6px;
margin-left: -11px;
}

.userstar{
display: inline-block;
color: #636363 !important;
margin-top:4px !important;
margin-bottom: -8px !important;
}
.useritem{
padding-bottom:12px;
min-height: 5em;
}
.usershortcontent{
margin-top:6px;
white-space: normal !important;
color: #666;
font-size: 0.9em;
}
.userxpcontent{
margin-top:6px;
white-space: normal !important;
color: #666;
font-size: 0.9em;
}
.search-pic .text{
color:white0;
position: absolute;

left: 0;
right: 0;
margin:0 auto;
top:50%;
transform:translateY(-50%);
}

.search-pic .img{
width:100%
}
.tagdetailtitle{
font-size: 1.5em;
line-height: 1.3em;
margin-top:5px
}
.tagdetailentitle{
font-size: 1.25em;
line-height: 1.25em;
margin-bottom:2px
}
.tagdetaildiscuss{
padding-top:0;
padding-bottom:0
}
.tagdetailborder{
border-bottom:solid 1px #ddd;
min-height:360px;
overflow: hidden;
display: block;
}
.tagdetail .imgborder{
margin: 0 auto;
height: 138px;
display: block;
}
.tagdetail .desc{
white-space: normal !important;
max-height:17.5em;
line-height: 1.5em !important;
overflow:hidden  !important;
text-overflow: ellipsis  !important;
display: -webkit-box;
-webkit-line-clamp: 12;
-webkit-box-orient: vertical;
word-break: break-word;
}
.tagdetail .desc span{
text-indent:2em;
display: inline-block;
text-align: justify;
}
.wikidetailcontent{
color:#555
}


.itemdetaildiscuss{
padding-left: 24px;
padding-bottom:0
}
.itemdetaildiscusstitle{
float:left;
clear:right;
margin-top:-2.5em !important;
margin-left:3.5em !important;
padding-right:3.5em !important;
width: 100%;

}
.itembutton{
color:#555 !important
}
.searchmenu{
position: relative;
background-size: cover;
border-radius: 10%;
}
/*
.searchmenutext{
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 1.3em;
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
font-weight: 600;
}*/
.searchmenutext{
position: absolute;
top: 40%;
color: white;
font-size: 1.3em;
font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
font-weight: 600;
text-align: center;
width: 100%;
padding-right: 10px;
}
.shortreply{
margin-bottom:0
;border-top: 6px solid #f5f5f5;border-bottom: 10px solid #f5f5f5;}
.shortreply div:last-child, .discussreply ion-item:last-child{
border-bottom:none
}

input.timevote::-webkit-slider-thumb:before {
background: #ED7A7A;
}

.score_rating{
height: 4.5em;
}
.score_rating span{
font-size:2.5em !important;
display: inline-block;
padding:0.3em;
}
.score_rating input{
width:18em;
top: -3em;
position: relative;
height:0
}
.score_rating input[type=range]::-webkit-slider-runnable-track {
height: 3.5em;
}
.score_rating input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}

.score_rating_icon_on{
color: rgb(255, 201, 14);
}
.score_rating_icon_off{
color: rgb(166, 166, 166);
}

.usertitle{
border-width:0;
padding-bottom:0;
padding-right:0;
}
.usertime{
float:right;
font-size:0.8em;
display:inline-block;
}
.btndel{
font-size:0.8em;
display:inline-block;
padding:15px 15px 0 0;
margin-top:-15px;
}
.screencenterdiv{
width:100%;
height:2em;
position:absolute;
left:50%;
top:50%;
margin-left:-50%;
margin-top:-1em;
text-align:center;
line-height:1em;
}
.shequfloatbtn{
position:relative;
float:right;
top:40px;
z-index:99;
font-size:24px;
color:#D0D0D0 !important
}
.platform-ios .shequfloatbtn{
top:60px
}
.userbutton{
min-height: 26px;
font-size: 12px;
line-height: 22px;
margin:6px 0;
padding: 0 8px;
}
.userbutton .icon:before, .userbutton.icon:before, .userbutton.icon-left:before, .userbutton.icon-right:before {
font-size: 16px;
line-height: 19px;
margin-top: 3px;
}
.userbuttonredicon .icon:before, .userbuttonredicon.icon:before, .userbuttonredicon.icon-left:before, .userbuttonredicon.icon-right:before {
color:red;
}
.reddot{
color:red;
position:relative;
left:11px;
top:-32px;
font-size:10px !important;
}
.tabs .tab-item .tabreddot{
background-color: #ef473a;
color: #ef473a;
width: 10px;
height: 10px;
border-radius: 5px;
overflow: hidden;
right: calc(50% - 16px);
padding: 0;
}

.hide-top-bottom-line .item:first-child{
border-top:solid 1px white;
}
.hide-top-bottom-line .item:last-child{
border-bottom:solid 1px white;
}
.hide-top-line .item:first-child{
border-top:solid 1px white;
}

.setting-gender{
color: #aaa;
font-size: 1.4em !important;
}

.top200 .topindex{
position: absolute;
left:16px;
margin-top: 4px;
font-size:32px;
color:#fd9811;
}
.top200 .topindexsharp{
font-size:16px;
}
.top200 .topfav{
position: absolute;
right: 6px;
margin-top:-10px;
}
.top200 .topfav:before{
font-size:28px
}
/*userdiscuss*/
.userdiscuss .discuss{
}
.userdiscuss .discuss .header{
display:flex
}
.userdiscuss .discuss .header div{
flex:1;
overflow: hidden;
}
.userdiscuss .discuss .header img{
height:40px;
min-width:25px;
margin-right:16px;
border-radius: 50%;
}
.userdiscuss .discuss .header .itemimg{
border-radius: 0;
}
.userdiscuss .discuss .header span{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display:block
}
.userdiscuss .discuss  .desc{
padding-top: 10px;
white-space: normal !important;
line-height: 1.5em !important;
word-break: break-word;
text-align: justify;
}
.userdiscuss .discuss  .desc span{
text-indent:2em;
display: inline-block;
color:#444;
}

/*reply.html*/
.reply .itembutton{
float: right;
height: 32px;
min-height: 32px;
margin-top: -11px;
}
/* 用户等级 */
.level{background-image: url(https://img.xssdcdn.com/static/m/icon/level.png);width: 20px;min-width: 20px;height: 20px;display: block;margin-left: 8px;background-size: 300%;background-repeat: no-repeat;background-position: 0 0;}
.level.level2{background-position: -20px 0;}
.level.level3{background-position: -40px 0;}
.level.level4{background-position: 0 -20px;}
.level.level5{background-position: -20px -20px;}
.level.level6{background-position: -40px -20px;}
.level.level7{background-position: 0 -40px;}
.level.level8{background-position: -20px -40px;}
.level.level9{background-position: -40px -40px;}
.level.level10{background-position: 0 -60px;}
.level.level11{background-position: -20px -60px;}
.level.level12{background-position: -40px -60px;}
.level.level13{background-position: 0 -80px;}
.level.level14{background-position: -20px -80px;}
.level.level15{background-position: -40px -80px;}


.mark-subject__movie .mark-subject-info,.mark-subject__tv .mark-subject-info,.mark-info>div:first-child,.app .wrapper{text-align:justify;text-justify:distribute;-ms-text-justify:distribute;font-size: 0px;}
.mark-subject__movie .mark-subject-info>*,.mark-subject__tv .mark-subject-info>*,.mark-info>div:first-child>*,.app .wrapper>*{display:inline-block;font-size:12px}
.mark-subject__movie .mark-subject-info:after,.mark-subject__tv .mark-subject-info:after,.mark-info>div:first-child:after,.app .wrapper:after{content:"";width:100%;display:inline-block}
.app-info span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.interest .wrapper{position:relative;z-index:1;padding:20px 15px 15px}
.interest .wrapper>div{margin-left:auto;margin-right:auto}
.interest h1{font-size:16px;text-align:center}
.interest h1 span{display:block;font-size:18px}
.interest .avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-top:35px}
.interest .avatar img{width:100%}
.interest .rating{text-align:center;margin-top:12px}
.interest .rating svg{display:inline-block;vertical-align:middle;margin-top:-2px}
.interest .comment{font-size:15px;line-height:21px;margin-top:12px}
.interest .subject{background:#fff;border:1px solid #d7d7d7;margin-top:15px}
.subject{border-radius:2px;padding:10px}
.subject-wrapper{display:table}
.subject-poster,.subject-info{display:table-cell;vertical-align:middle}
.subject-poster{width:75px}
.subject-poster img{display:block;width:100%}
.subject-info{color:#000;padding-left:15px}
.subject-info>*{display:block}
.subject-info span{color:#999}
.subject-info .subject-title{color:#111;font-size:15px}
#svg-mask{width:0;height:0}
.interest{position:relative}
.interest .poster,.interest .mask{position:absolute;top:0;right:0;bottom:0;left:0}
.interest .poster svg{width:100%;height:100%}
.interest .mask{opacity:0.7}
.timeline{max-width:480px;margin:auto;padding-top:40px;border-top:1px solid #eee}
.timeline h1{font-size:18px;text-align:center;margin-bottom:20px;color:#3f3f3f}
.timeline .wrapper{margin:0 15px}
.mark{border-radius:3px;border:1px solid #ddd;background:#fff;overflow:hidden}
.mark+.mark{margin-top:25px}
.mark a{display:block}
.mark-subject__movie,.mark-subject__tv{position:relative}
.mark-subject__movie:before,.mark-subject__tv:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 70%, rgba(0,0,0,0.5))}
.mark-subject__movie .mark-subject-cover,.mark-subject__tv .mark-subject-cover{background-size:cover;background-position:center;overflow:hidden}
.mark-subject__movie .mark-subject-cover:before,.mark-subject__tv .mark-subject-cover:before{content:"";float:left;margin-top:52%}
.mark-subject__movie .mark-subject-info,.mark-subject__tv .mark-subject-info{position:absolute;bottom:10px;left:0;right:0;color:#fff;padding:0 20px}
.mark-subject__movie .mark-subject-info>*,.mark-subject__tv .mark-subject-info>*{vertical-align:middle}
.mark-subject__movie .mark-subject-info :first-child,.mark-subject__tv .mark-subject-info :first-child{font-size:16px;color:#ececec}
.mark-subject__book .subject,.mark-subject__music .subject,.mark-subject__drama .subject{background:#f4f4f4;margin:5px 5px 0}
.mark-info{padding:10px 15px 15px}
.mark-info>div:first-child>*{vertical-align:middle}
.mark-info>div+*{margin-top:13px}
.mark-rating{color:#fdb12a;height:20px}
.mark-rating svg{display:inline-block;vertical-align:middle}
.mark-time{color:#bbb}
.mark-comment{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#3f3f3f;line-height:16px}
.statistic{margin-bottom:40px}
.statistic .avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;margin:25px auto 20px}
.statistic h1{font-size:18px;color:#5761bd;text-align:center}
.statistic-content{font-size:13px;color:#666;text-align:center}
.statistic-content strong{font-weight:normal;color:#3f3f3f;font-size:16px;padding:0 4px}

.app{display: table;position: fixed;left: 0;bottom: -2px;z-index: 10;text-align: center;width: 100%;height: 67px;height: calc(67px + env(safe-area-inset-bottom)*0.4) !important;}
.app .wrapper{border-top: 1px solid #ededed;height:100%;display:flex;align-items: center;background: linear-gradient(90deg, #81B4EC 0%, #9BA6F5 100%);}
.app .wrapper>*{vertical-align:middle}
.app-info{color:#787878;font-size:12px;margin-right:6px;display: flex !important;align-items: center;margin-left: 12px;padding-bottom: calc(env(safe-area-inset-bottom)*0.4);}
.app-info>*{display:inline-block;vertical-align:middle}
.app-info .avatar{border-radius:50%;overflow:hidden;margin-right: 8px;}
.app-info img{display:block}
.app-info .info_text{display: flex;flex-direction: column;}
.app-info .info_text span{color:#fff;font-family: PingFang-SC;font-size: 12px;}
.app-info .info_text span:first-child{font-size:16px;font-weight: bold;}
.app-download{position: absolute;width: 81px;right: 10px;top: 50%;transform: translateY(-50%);border-radius: 50px;}
.button-download{-webkit-appearance:none;cursor:pointer;display:inline-block;margin:0;position:relative;font:inherit;text-align:center;text-decoration:none;white-space:normal;outline:0;color: #909EF1;border:0;background: #fff;font-size: 14px;line-height: 28px;padding: 0 12px;border-radius: 50px;white-space: nowrap;font-weight: bold;}

/*new item-detail (单品)*/
.padding16{padding:0 16px 16px 16px;}
.text-center2{font-size:17px;color:#2e2e2e;text-align:center;}
.text-center2.comment{margin:18px auto 0;width:92%;background-color:#f6f6f6;border-radius:12px;padding:8.3px 15px;position:relative;overflow:hidden;}
.text-center2 .bgcolor{opacity: 0.4;}
.bgcolormsk{background:rgba(0,0,0,.1);}
.bgcolormsk,.bgcolor{width:100%;height:100%;position:absolute;top:0;left:0;z-index: 0;  background-size:300%;background-position:center 65%;}
.comment-top{display:flex;align-items:center;justify-content:space-between;position:relative;}
.comment-top>span{font-size: 15px;color:#fff;}
.comment-middle{display:flex;justify-content:space-between;margin-bottom:8.3px;border-bottom:1px solid rgba(255,255,255,.5);position:relative;}
.scores {display: flex;flex-direction: column;align-items: center;font-size: 42px;font-weight: 500;margin-left: 6%;}
.scores .itemscore {color: #fff;margin-left: 0;}
.scores .star0 {background-image: url(https://img.xssdcdn.com/static/starcard.png);background-size:cover;}
.scores .star1 {background-image: url(https://img.xssdcdn.com/static/starcard2.png);background-size:cover;}
.score_bar_graph {display: flex;flex-direction: column;align-items: flex-end;flex: .95;margin-bottom: 8px;padding-top: 9px;}
.score_bar_graph>div {width: 100%;}
.score_bar_graph .itemdetailpinjia,.score_bar_graph .itemdetailpinjia2 {font-size: 13.5px;color: #fff;padding-right: 15px;}
.comstar {height: 6px;display: flex;align-items: center;justify-content: flex-end;margin-bottom: 6px;padding-right: 15px;}
.comstar .starnum {background-image: url(https://img.xssdcdn.com/static/starcard.png);background-repeat: no-repeat;width: 56px;height: 10px;background-size: cover;margin-right: 3px;background-position: -55.5px 0;transform: rotateY(180deg);}
.comstar .outbar {width: 60.73%;flex: 1;height: 5px;border-radius: 4px;overflow: hidden;background-color: rgba(255, 255, 255, .8);border: 0;margin: 0;}
.comstar .outbar .inbar {display: block;height: 5px;background-color: #f5b220;border-radius: 4px;}
.comstar:nth-child(2) .starnum {background-position: -66px 0;}
.comstar:nth-child(3) .starnum{background-position: -77px 0;}
.comstar:nth-child(4) .starnum{background-position: -88px 0;}
.comstar:nth-child(5) .starnum{background-position: -99px 0;}
.comment-btm {display: flex;position: relative;}
.comment-btm>span {margin-right: 5%;font-size: 13.5px;color: #fff;}
.nature {width: 100%;display: flex;justify-content: center;overflow: hidden;margin-left: 15px;}
.nature1{margin-bottom: 5px;}
.nature>div {overflow: hidden;white-space: nowrap;display: inline-block;text-overflow: ellipsis;}
.nature .range-label{display: inline-block;color: #2e2e2e;}
.property1,.property{font-size: 14px;color:#666 !important;}
.property {width: 55%;}
.property1 {width: 38%;}
.text-center3 {font-size: 19px;color: #2e2e2e;text-align: center;margin-top: 18px;}
.odortable {text-align: center;font-size: 13px;}
.odortable span {margin-right: 3px;}
.fragrancecon {position: relative;}
.fragrancecon .bgcolor {z-index: 0;transform: skewX(-25deg) translateX(-8px);width: 160%;}
.fragrancecon .bgcolormsk {transform: skewX(-25deg) translateX(-8px);width: 160%;}
.fragrancecon .triangle {float: left;width: 0;height: 0;transform: translateX(-25px);border-left: 70px solid transparent;border-right: 72px solid transparent;border-bottom: 170px solid transparent;position: absolute;z-index: 9;}
.fragrancemsg {transform: translateY(-50%);position: absolute;z-index: 10;left: 1%;top: 50%;font-size: 14px;}
.fragrancemsg span {display: block;color: #fff;}
.fragranceitem {transform: skewX(27deg) translateX(61px);height: 140px;box-shadow: 4px -2px 8px -2px rgb(0 0 0 / 10%) inset;position: relative;}
.fragranceitem>div {transform: skewX(0deg);position: absolute;left: 0%;height: 141px;display: flex;flex-direction: column;align-items: center;width: 100%;}
.fragranceitem .tmblist {border-bottom: 1px solid rgba(255, 255, 255, .5);display: flex;flex: 1;align-items: center;justify-content: center;width: 100%;}
.tmblist:first-child .itemtmb{margin-right: -5%;}
.tmblist:nth-child(2) .itemtmb{margin-right: 15%;}
.fragranceitem .itemtmb {display: flex;flex-wrap: wrap;justify-content: center;width: 80%;margin-right: 28%;transform: skewX(-27deg);}
.fragranceitem .itemtmb .xiangdiao {font-size: 13.5px;color: #fff;}
.fragranceitem .item_text {font-size: 13.5px;color: #fff;}
.odorcon {position: relative;margin-top: 18px;}
.odorcon .triangle {float: left;width: 0px;height: 0px;transform: translateX(-30px);border-left: 72px solid transparent;border-right: 76px solid transparent;border-bottom: 150px solid transparent;}
.odorcon .bgcolor {z-index: 0;transform: skewX(-25deg) translateX(4px);width: 200%;}
.odorcon .bgcolormsk{transform: skewX(-25deg) translateX(4px);width: 200%;}
.odoritem {transform: skewX(25deg) translateX(51px);height: 100px;box-shadow: 4px -2px 8px -2px rgb(0 0 0 / 10%) inset;position: relative;}
.odoritem>div {transform: skewX(-25deg) translateY(-50%);position: absolute;left: 8%;top: 50%;}
.odoritem>div .item_text {font-size: 13px;color: #fff;}
.odoritem .odormsg {left: -51px;font-size: 14px;top: 50%;}
.odoritem .odormsg span {display: block;}
.odoritem .odormsg span {color: #fff;}
.odorlist {width: 60%;}
.liuxiang {width: 100%;margin: 20px auto 0;color: #2e2e2e;font-size: 13px;overflow: hidden;padding-left: 3%;}
.liuxiang .outbar,.liuxiang .inbar{opacity: 0.7;}
.liuxiangtime {float: left;}
.mostobv{margin-top:8px;margin-left: 0;}
.desc_block {margin-top: -10px;border-bottom: 0.5px solid #f5f5f5;}
.phase{margin-top: -10px;}
.phase_item{margin-top: 2%;margin-right: 11px;}
.odor-pic {width: 90%;margin:0 auto;border-radius: 5px;}
.odor-name {margin-top: 5px;display: flex;flex-direction: column;}
.odor-name span {overflow: hidden;display: inline-block;height: 12px;color: #888;line-height: 12px;}
.odor-name span:first-child {color: #2e2e2e;margin-bottom: 2px;}
.padding16a{width: 100%;margin: 0px !important;padding-top: 16px;display: flex;flex-direction: column-reverse;border-top: 6px solid #f5f5f5;}
.introtit{margin-left: 0;}
.itemdetailintro{padding: 0;}
.itemdetailintro img{margin: 15px 10px 0 0;}
.itemdetailintro p{margin-top: 15px;}
.photo{border: none;padding: 16px 0;border-top: 6px solid #f5f5f5;}
.photo .user-title{padding: 0 15px;}
.photo .imagehscroll{height: 138px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;padding: 15px;margin-top: 0;}
.photo .imagehscroll img{height: 100%;}
.similar{border-top: 6px solid #f5f5f5;}
.item_title{border: none;color: #2e2e2e;font-size: 15px;background-color: transparent;}
.retitcon .item_title{padding-bottom: 16px;}
/* item-vote (香评)*/
.disscusslist{margin-top: 15px;padding: 0;padding: 0 16px;border-top: 0;border-bottom: 1px solid #f5f5f5;}
.disscusslist .header{display: flex;margin-bottom: 12px;}
.disscusslist .header img{width: 45px;height: 45px;margin-right: 16px;border-radius: 50%;margin-top: 3px;}
.disscusslist .header .user_info{min-width:0;}
.disscusslist .header .user_info .user_uname{color:#2e2e2e;font-size:15px;}
.disscusslist .header h2{color:#4d4d4d;font-size:13px;margin-top:8px;}
.disscusslist .listcon,.disscusslist .usertime{margin-bottom:10px;}
.shortlist .listcon,.shortlist .usertime{padding-left:63px;}
.disscusslist>.lefttime.time{margin-left: 0;}
.disscusslist .newreply{margin: 0;border: none;}
.disscusslist .newreply .item.item-avatar{border: none;padding: 13px 0;}
.disscusslist .newreply .item.item-avatar img{left:0;}
.vote-content{border-bottom: 6px solid #f5f5f5;}
/* collection (香单)*/
.collectionpage .app{z-index: 31;}
.detail_back {width: 120%;height: 300px;position: absolute;right: -20px;left: -20px;top: -10px;z-index: 1;background-color: #f5f5f5;overflow: hidden;transition: top 250ms ease-in-out, opacity 250ms ease-in-out;}
.detail_back img {top: 0;height: 300px;filter: blur(40px) brightness(85%);width: 100%;left: 0;position: absolute;}
.detail_info {position: absolute;z-index: 2;top: 70px;width: 100%;transition: top 250ms ease-in-out, opacity 250ms ease-in-out;}
.detail_desc {height: 130px;width: 100%;padding: 10px 20px 0 144px;}
.detail_desc h1 {margin: 0;	font-size: 15px;color: #fff;font-weight: normal !important;	line-height: 18px;	height: 36px;overflow: hidden;	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap;font-weight: normal !important;}
.detail_desc p{margin: 8px 16px 0 0;height: 20px;font-size: 11px;width: 100%;color: #fff;text-overflow: ellipsis;overflow: hidden;position: relative;padding-right: 15px;}
.detail_desc p span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;line-height: 20px;}
.detail_desc .edit_icon {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.detail_desc .user_info {margin-top: 8px;font-size: 12px;height: 27px;line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;padding-left: 36px;color: #fff;}
.detail_desc .user_info .user_avatar {width: 24px;height: 24px;border-radius: 50%;position: absolute;left: 0;top: 0;background-origin: center;background-position: center;background-size: cover;background-repeat: no-repeat;}
.detail_info div.back_img {position: absolute;top: 0;left: 0;width: 100px;height: 100px;border-radius: 5px;margin: 10px 10px 20px 30px;background-color: #f5f5f5;background-position: center;background-size: cover;background-repeat: no-repeat;}
.default-mask {background-color: black;opacity: .3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 5px;}
.default-mask div {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
.default-mask p {color: #fff;text-align: center;font-size: 12px;width: 100%;margin: 0;}
.nose-favbox{font-size: 15px;width: 100%;position: absolute;top: 0px;text-align: end;color: white;padding: 5px 10px;box-sizing: border-box;justify-content: flex-end;display: flex;align-items: center;}
.nose-favicon{margin-right: 5px;background-image: url(https://img.xssdcdn.com/static/icon/wishicon.svg);width: 18px;height: 18px;display: inline-block;}
.bg-cover{background-repeat: no-repeat;background-size: cover;background-position: center;}
.nose-favcnt{text-shadow: 0px 0px 2px rgb(0 0 0 / 40%);}
.detail_list {top: 216px;border-top-left-radius: 15px;border-top-right-radius: 15px;transition: top 300ms ease;width: 100%;background: #fff;bottom: 0;z-index: 30;position: absolute;}
.detail_list .no_item_box {height: 300px;position: relative;}
.detail_list .no_item {top: 100px;position: absolute;width: 139px;left: 50%;transform: translateX(-50%);}
.detail_list .no_item .icon-empty-nose {font-size: 35px;color: #8c8c8c;width: 35px;height: 35px;display: block;position: relative;margin: 0 auto 10px;}
.detail_list .no_item .icon-empty-nose::before {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.detail_list .no_item .tip {margin: 0;text-align: center;font-size: 14px;color: #8c8c8c;padding: 0 0 0 5px;}
.detail_list .item_list {width: 100%;position: relative;overflow-y: hidden;background-color: #fff;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.item_list .item_order{width: 33px;float: left;height: 120px;display: flex;color: #8c8c8c;justify-content: center;align-items: center;margin-left: 10px;}
.item_list .collection_item {min-height: 120px;position: relative;border-bottom: 1px solid #f5f5f5;}
.item_list .item_avatar {float: left;width: 60px;height: 60px;margin: 30px 0;background-position: center;background-repeat: no-repeat;background-size: auto 100%;}
.item_list .item_desc {height: 100%;width: 100%;padding: 0 20px 0 98px}
.item_list .item_name {width: 100%;padding: 25px 0 0 10px;height: 75px;}
.item_list .item_name h2 {font-size: 13px;color: #2e2e2e;margin: 0;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item_list .item_name h2:last-child {color: #404040;font-weight: normal !important;}
.item_list .scorecon {display: flex;align-items: center;}
.item_list .scorecon .item_score {text-align: start;font-size: 12px;padding-left: 5px;color: #616161;}
.content-bottom{height: 67px;height: calc(67px + env(safe-area-inset-bottom)*0.4) !important;}
/* media (视频照片)*/
.fontwg5{font-weight: 500;}
.picimg{width: 85%;margin: 0 auto;}
.picimg img{width: 100%;}
.picmsg{width: 100%;background-color: #fff;display: flex;flex-direction: column;padding: 24px 19px;z-index: 1;position: relative;}
.usermsg>div{display: flex;align-items: center;height: 50px;}
.usermsg>div img{width: 50px;height: 50px;border-radius: 50%;margin-right: 20px;object-fit: cover;}
.username{display: flex;flex-direction: column;justify-content: space-around;height: 100%;}
.username span{display: flex;align-items: center;color: #2e2e2e;font-size: 15px;line-height: 15px;}
.username span:last-child{font-size: 12px;line-height: 12px;color: #999;}
.picdesc{color: #616161;font-size: 15px;margin-top: 10px;}
.pictit{display: flex;flex-direction: column;justify-content: flex-start;}
.pictit .mainvname{font-size: 20px;color: #2e2e2e;}
.pictit .subvname{font-size: 14px;color: #4d4d4d;margin-top: 5px;}
.picbtn{display: flex;align-items: center;margin-top: 14px;justify-content: space-between;}
.picbtn>div{display: flex;align-items: center;}
.picbtn>div>span{display: flex;align-items: center;color: #808080;margin-right: 15px;font-size: 13px;line-height: normal !important;}
.picbtn>div>span span{margin-left: 5px;}
.picplay{margin-right: 0 !important;}
.picfav,.picup{margin-right: 22px !important;}
.picfav i::before,.picup i::before{font-size: 17px;}
.favcnt{min-width: 9px;}
.pic_vid{width: 0;background-color: #f5f5f5;}
.pic_vid .poster{width: 100%;height: 100%;position: relative;z-index: 1;}
.pic_vid .poster img{width: 100%;height: 100%;display: block;object-fit: cover;}
.pic_vid .poster .triangle{position: absolute;right: 0;bottom: 0;margin: 0 25px 15px 0;z-index: 1;width: 64px;height: 64px;background: url(https://img.xssdcdn.com/static/m/icon/play.png) no-repeat center/cover;border: 6px solid rgba(255,255,255,.5);border-radius: 50%;animation: shadow 2s ease-in-out infinite;}
@keyframes shadow{
  50% {box-shadow:0 0 0 0 rgba(255,255,255,.6);}
  100% {box-shadow:0 0 0 20px rgba(255,255,255,0);}
}
.dplayer .dplayer-setting-box{border-radius: 10px !important;}
.dplayer .dplayer-full-in-icon{display: none !important;}
.dplayer .dplayer-play-icon {display: inline-block !important;}
.dplayer .dplayer-menu {display: none !important;}
.fragrance{margin-top: 11px;}
.fragrance,.fragrancelist{font-size: 14px;color: #4d4d4d;display: flex;flex-wrap: wrap;}
.fragrance>span,.fragrancelist>span{margin-top: 5px;margin-right: 10px;}
.fragrance a,.fragrancelist a{color: #999 !important;outline: none !important;}
.list_text{margin-right: 8px;}
.perfumecard{width: 100%;height: auto;background-color: #f5f5f5;display: flex;align-items: center;padding: 10px 7px;margin-top: 26px;border-radius: 6.7px;}
.perfumecard .card_img{width: 68px;height: 68px;background-color: #fff;border-radius: 6.7px;margin-right: 12px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.perfumecard .card_con{flex: 1;margin-bottom: 6px;overflow: hidden;}
.perfumecard .card_con>div{display: flex;align-items: center;margin-top: 6px;}
.perfumecard .isscore{margin-left: 8px;color: #feb73d;font-size: 16px;transform: translateY(1px);}
.perfumecard em{font-size: 13.8px;font-style: normal;}
.perfumecard .ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.perfumecard .shopping{margin-right: 3px;color: #999;}
.perfumecard .card_cname{display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #2e2e2e;}
.perfumecard .card_cname>span{width: 88%;}
.perfumecard .card_ename{display: block;font-size: 13px;color: #616161;margin-top: 4px;}
.moremedia {width: 100%;/*height: 200px;*/background-color: #fff;padding: 15px 0 20px 0;border-top: 8px solid #f5f5f5;}
.moremedia .moretit {font-size: 16px;color: #2e2e2e;padding-left: 15px;}
.scrollX {list-style: none;margin: 0;padding: 0 15px 0 0;white-space: nowrap;overflow-x: scroll;margin-top: 10px;}
.scrollX li {width: 155px;display: inline-block;margin-left: 15px;vertical-align: top;}
.scrollX li>span {font-size: 14px;color: #2e2e2e;width: 100%;/*text-align: center;*/z-index: 1;margin-top: 10px;min-height: 20px;max-height: 40px;}
.scrollX li>span:last-child {color: #616161;margin-top: 5px !important;}
.scrollX .smell_img_box {position: relative;width: 100%;height: 97px;background-position: center;background-repeat: no-repeat;background-size: auto 100% !important;background-color: rgba(129, 129, 129, 0.24);border-radius: 6px;overflow: hidden;}
.scrollX .smell_img_box .image{width: 100%;object-fit: cover;object-position: center;}
.scrollX .smell_img_box img {height: 100%;max-width: none;}
.scrollX .smell_img_box .triangle {width: 30px;height: 30px;background-size: cover;margin: 0 10px 10px 0;}
span.triangle {position: absolute;right: 0;bottom: 0;margin: 0 25px 15px 0;z-index: 1;width: 64px;height: 64px;background: url(https://img.xssdcdn.com/static/m/icon/play.png) no-repeat center/cover;}
.scrollX .imgdesc {display: -webkit-box;display: -moz-box;white-space: pre-wrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.scrollX .vodesc {display: block;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;white-space: nowrap;}
/* 文章投票 */
.vote_content{display:block;width:auto;margin: 15px 0;}
.vote_list{padding:24px 14px 18px;background-color:#f5f5f5;border-radius:5px;margin-bottom:19px;}
.vote_list>span{display:block;text-align:center;line-height:normal;}
.vote_tit{color:#4d4d4d;font-size:15px;font-weight:500;}
.vote_desc{margin-top:7px;color:#616161;font-size:12px;}
.vote_item_con>div, .vote_item .vote_item_msg, .name_con {display: flex;}
.vote_item_con {margin-top: 26px;}
.vote_item_con>div {margin-bottom: 8px;}
.vote_item, .name_con {flex: 1;}
.vote_item, .sel_btn {background-color: #fff;border-radius: 5px;}
.vote_item {position: relative;overflow: hidden;}
.vote_item .vote_item_msg {align-items: center;padding: 8px 6px;}
.vote_item .vote_item_msg img {width: 38px;height: 38px;object-fit: contain;background-color: #fff;border-radius: 3px;}
.vote_item .vote_item_msg.textleft{padding: 8px 6px 8px 12px;}
.vote_item_msg {position: relative;z-index: 1;}
.vote_bg {position: absolute;top: 0;bottom: 0;z-index: 0;background-color: #e0e0e0;}
.vote_bg.checkedbg {background-color: #bdc4e6;}
.vote_item_info {flex: 1;font-size: 13px;color: #404040;}
.name_con {flex-direction: column;justify-content: space-around;width: 0;margin-left: 7px;height: 100%;line-height: normal;}
.name_con span {align-self: baseline;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;}
.name_con .item_cname {font-size: 13px;color: #404040;margin-bottom: 1px;}
.name_con .item_ename {font-size: 12px;color: #616161;}
.vote_num_con.ischecked{color: #6979bf;}
.vote_num_con {color: #616161;font-size: 12px;margin-left: 20px;margin-right: 8px;}
.vote_num_con.iconseled {font-size: 12px;margin-right: 3px;}
.sel_btn, .sel_btn>span {display: flex;align-items: center;justify-content: center;}
.sel_btn {width: 56px;margin-left: 6px;}
.sel_btn>span {width: 14px;height: 14px;border: 1px solid #bfbfbf;border-radius: 50%;}
.sel_btn.btn_icon {width: 60%;height: 60%;display: block;border-radius: 50%;background-color: #6979bf;}
.sel_btn.iconseled {color: #6979bf;font-size: 11px;width: 12px;}
.vote_message {margin-top: 12px;font-size: 12px;color: #999;text-align: start;}
.vote_btn {background-image: linear-gradient(90deg, #81B4EC 0%, #9BA6F5 100%);width: 200px;padding: 8px;text-align: center;margin: 13px auto 0;color: #fff;border-radius: 50px;}
.vote_btn.gary {background-image: none;color: #999;background-color: #e0e0e0;}
.tip{position: fixed;top: 50%;left: 50%;background-color: rgba(0,0,0,.5);transform: translate(-50%, -50%);padding: 10px 20px;border-radius: 10px;color: #fff;opacity: 0;z-index: -1;font-size: 15px;transition: all 300ms ease;display: flex;align-items: center;justify-content: center;}
.tip>span{white-space: nowrap;}
.tip.show{opacity: 1;z-index: 10;}
/* 香评，文章回复新样式 */
.flex{display: flex !important;align-items:center;}
.lefttime.time{justify-content:space-between;font-size: 12px;color: #adadad;}
.lefttime.time{margin-left:43px;width: auto;float: none;margin-bottom: 8px;padding-top: 0;}
.lefttime.time .appri_box{justify-content:center;height:18px;line-height:18px;}
.lefttime.time .appri_box .iconfont{margin-left: 20px;}
.lefttime.time .appri_box .iconfont::before{font-size: 18px;}
.lefttime.time .appri_box .iconfont span{font-size: 12px;margin-left:3px;}
.newreply{margin-top:18px;border-bottom: none;}
.newreply .icon-advance{display: inline-block;transform: rotate(90deg);}
.newreply .icon-advance.rotate0{transform: rotate(-90deg);margin-left: 2px;}
.newreply .icon-advance::before{font-size: 12px;}
.newreply .replytitle{width: 100%;padding: 15px 0 10px 24px;font-size: 14px;color: #2e2e2e;border: none;}
.newreply .item.item-avatar img{width:30px;height: 30px;display: block;max-width: 30px;max-height: 30px;top: 13px;left: 24px;}
.newreply .item.item-avatar h2{margin:0;width:100%;padding-left:40px;}
.newreply .item.item-avatar h2 span{float:left;margin-left:2px;font-size:13px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 85%;color: #2e2e2e;font-weight: 500;flex-direction: row;align-items: flex-end;}
.newreply .item.item-avatar .intro_text{margin-left: 41px;font-size: 13px;color: #4d4d4d !important;margin-top: 20px;line-height: 20px;margin-bottom: 13px;}
.newreply .item.item-avatar .intro_text .text{font-size:13px;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;position: relative;white-space: initial;}
.newreply .item.item-avatar .intro_text .text::before{content:"";clear:both;}
.newreply .item.item-avatar .intro_text .text.showalltext{-webkit-line-clamp:initial;}
.newreply .item.item-avatar .intro_text .text .text_con.showbtn::after{content:"";width: 100vw;height: 100vw;position:absolute;box-shadow: inset calc(50px - 100vw) calc(20px - 100vw) 0 0 #fcfcfc;margin-left: -50px;}
.newreply .item.item-avatar .intro_text .btn{float:right;color:#999;padding-left:8px;padding-bottom: 0;padding-right: 0;shape-outside: inset(calc(100% - 15px) 0 0 0);padding-top: calc(100px - 22px);}
.newreply .item.item-avatar .intro_text .btn:focus{outline:none;}
.newreply .item.item-avatar .intro_text .btn:active{box-shadow:none;}
.newreply .item.item-avatar .sub_disc{margin: 0 0 12px 30px;background: #f5f5f5;padding: 8px 10px 0;}
.newreply .item.item-avatar .sub_disc img{width: 22px;height: 22px;position: absolute;top: 9px;left: 0;border-radius: 50%;margin-top: 10px;}
.newreply .item.item-avatar .sub_reply{position: relative;}
.newreply .item.item-avatar .sub_reply:first-child .rep_content{border-top: none !important;padding-top: 0 !important;}
.newreply .item.item-avatar .sub_reply:first-child img{margin-top: 0;}
.newreply .item.item-avatar .sub_disc h3.more_rep {color: #5763bd;margin: 0;margin-left: 32px;font-size: 12px;padding-bottom: 10px;}
.newreply .item.item-avatar .rep_content{margin-left: 30px;padding-top: 10px;padding-bottom: 10px;border-top: 1px solid rgba(224, 224, 224, .8);overflow: hidden;}
.newreply .item.item-avatar .rep_content .appri_box .icon-like-outline span{color: #adadad;}
.newreply .item.item-avatar .rep_content h1{margin: 0;font-size: 14px;color: #2e2e2e;margin-top: 12px;font-weight: normal;display: flex;align-items: center;}
.newreply .item.item-avatar .rep_content p .rep_obj {color: #4d4d4d;font-weight: 550;margin: 0 3px;}
.newreply .item.item-avatar .rep_word {font-size: 13px;margin-top: 10px;margin-left:0;}
.newreply .item.item-avatar .rep_word .text_con::after{box-shadow: inset calc(100px - 100vw) calc(20px - 100vw) 0 0 #f5f5f5;}
.newreply .item.item-avatar .sub_disc .lefttime {margin-left: 0;margin-bottom: 0;}