.ui-content {
    bottom: 2.5rem;
}
header{
	position: relative;
	background: #fff;
}
header img{
	width: 100%;
	display: block;
}
.detail-sc{
    width: 13%;
    background: rgba(0,0,0,.5);
    text-align: center;
    position: absolute;
    top: 0;
    right: 5%;
    padding: 0.2rem 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.detail-sc div i{
	color: #fff;
}
.detail-sc div:last-of-type{
	color: #fff;
	font-size: 0.6rem;
}
.detail-title{
	color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.75rem;
    width: 100%;
    padding: 0.5rem;
    background: rgba(0,0,0,.6); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.6),rgba(0,0,0,.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.6),rgba(0,0,0,.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.6),rgba(0,0,0,.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.6),rgba(0,0,0,.8)); /* Standard syntax */
    overflow: hidden;
}
.detail-article{
    padding: 0.5rem 1rem .75rem;
	background: #fff;
}
.detail-article.can_open .article-content{
    max-height: 4rem;
    overflow: hidden;
}
.detail-article.can_open .white_blur{
    display: block;
}
.article-content{
	/* border-bottom: 1px solid #ccc;
    padding-bottom: 0.8rem; */
    overflow-x: hidden;
}
.article-list{
	padding: .5rem 0 0;
    color: #999999;
    font-size: 0.6rem;
    border-top: 1px solid #e6e6e6;
    margin-top: .5rem;
}
/* .detail-article .white_blur{
    width: 100%;
    height: 1.2rem;
    position: absolute;
    bottom: .2rem;
    background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,#fff));
    background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,#fff 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,#fff 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,#fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,.2) 0%,#fff 100%);
    transition: all .4s;
} */
.article-list div i{
	margin-right: 5px;
}
.article-list div:nth-of-type(2){
	text-align: center;
}
.article-list div:last-of-type{
	text-align: right;
}
/*评价列表*/
.comment-box{
    margin-bottom: .4rem;
    padding: 0 .75rem;
    color:#999999;
    background-color: #fff;
}
.comment-box>.ui-cell{
    padding: .5rem 0;
}
.comment-box .tabs{
    margin-top: .2rem;
}
.comment-box .tabs>span{
    padding: 0 .2rem;
    line-height: 1rem;
    border-radius: .2rem;
    margin: .3rem .3rem 0 0;
    border:1px solid #666;
    white-space:nowrap
}
.comment-box .head-pic{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: .3rem;
}
.comment-box .head-pic>img{
    display: block;
    width: 100%;
    height: 100%;
}
.comment-box .title {
    padding: 0;
    border-bottom: none;
}
.comment-box .text{
    margin-top: .2rem;
    color:#3A3A3A;
    word-wrap: break-word;
    word-break: break-word;
}
/*老师回复框*/
.comment-box .replay{
    padding: .5rem;
    margin-top: .6rem;
    background-color: #F1FFFF;
    border:1px solid #9CD1D1;
    position: relative;
    border-radius: 5px;
    color: #666666;
    word-wrap: break-word;
    word-break: break-word;
}
.comment-box .replay:before{
    content: "";
    position: absolute;
    top: -.5rem;
    left: 40px;
    border-width: 0 .5rem .5rem;
    border-style: solid;
    border-color: #9CD1D1 transparent;
    display: block;
    width: 0;
}
.comment-box .replay:after{
    content: "";
    position: absolute;
    top: -.45rem;
    left: 40px;
    border-width: 0 .5rem .5rem;
    border-style: solid;
    border-color: #F1FFFF transparent;
    display: block;
    width: 0;
}
.browse-more{
    width: 100%;
    text-align: center;
    line-height: 2rem;
    color: #e55a75;
    display: block;
    font-size: .7rem;
    border-top: 1px solid #e6e6e6;
}
.content-title{
	margin-top: 1rem;
    background: #fff;
    padding: .5rem .75rem;
    /* border-bottom: 1px solid #ccc; */
    font-size: 0.75rem;
}
/*相关闪测开始*/  
.content-cgsc{
	background: #fff;
}  
.content-cgsc .ui-row{
    width: 90%;
    margin: 0 auto;
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
}
.content-cgsc>a{
	position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.content-list-box{
    /* margin: 0 0.75rem; */
    width: 100%;
    padding: .5rem .75rem !important;
}

.content-cgsc .ui-cell:first-child:before,
.content-cgsc .ui-cell-nopadding:first-child:before {
	display: block;
}
.content-cgsc>a:last-of-type .content-list-box{
	border-bottom: none;
}
.content-cgsc>a:last-of-type{
	margin-bottom: 0.5rem;
}
.comment-box .list_item:not(:last-child){
	/* border-bottom: 1px solid #CCCCCC; */
}
.ui-cell{
	padding: 0.5rem 0;
}
.Quick-img{
	margin-left: 0;
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    border-radius: 4px;
}
.Quick-list{
	width: 75%;
	margin-left: 1rem;
}
.Quick-list div{
	margin-bottom: 0.15rem;
}
.Quick-list div:first-of-type{
	color: #3A3A3A;
	font-size: 0.75rem;
}
.Quick-list div:nth-of-type(2){
	color: #999999;
}
.Quick-list div:last-of-type{
	color: #C7C7C7;
	font-size: 0.6rem;
}
.Quick-list .ui-row{
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.Quick-list .ui-row .ui-col-50:first-of-type{
	margin-left: 0;
}
/*底部按钮*/
.btn-bottom{
    width: 100%;
    height: 3rem;
    position: absolute;
    bottom: 0;
    left:0;
    background-color: #fff;
    z-index: 9999;
    margin: 0;
    padding: 0.5rem 0.75rem;
}
.btn-bottom:before{
	border-top: none;
}
.btn-bottom-prize{
	text-align: center;
}
.btn-bottom-prize div:first-of-type{
	color: #FE7467;
	font-size: 0.9rem;
}
.btn-bottom-prize div:last-of-type i,.btn-bottom-prize div:last-of-type span{
	font-size: 0.65rem;
}
.btn-bottom div:last-of-type a{
    display: block;
    text-align: center;
    width: 95%;
    border: 1px solid #e55a75;
    margin: 0 auto;
    margin-left: 1rem;
    padding: 0.5rem 0;
    border-radius: 4px;
    background: #e55a75;
    color: #fff;
    font-size: 0.8rem;
}
.comment-box>.ui-cell:before,.comment-box>.ui-cell:after{
	border: none;
}
/*闪测说明*/
.service-content{
    background: #fff;
    padding: .5rem .75rem;
    font-size: 0.7rem;
}
.service-box{
	background: #fff;
}
.service-box>a{
	border-top: 1px solid #CCCCCC;
}
/*增加导航栏*/
.nav_header{
	width: 100%;
	height: 2rem;
	background: #2D2F35;
	font-size: 0.7rem;
}
.concern_bbc{
	display: inline-block;
	height: 2rem;
	padding-left: 0.75rem;
}
.concern_bbc span{
	color: #fff;
	display: inline-block;
	position: relative;
	top: -0.45rem;
}
.concern_bbc img{
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	margin-top: 0.25rem;
}
.concern_bbc_model{
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
}
.concern_bbc_close{
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.concern_bbc_close i{
	font-size: 1.8rem;
}
.concern_bbc_box{
	position: relative;
	z-index: 99999;
	width: 85%;
	margin: 0 auto;
	margin-top: 2rem;
}
.concern_bbc_mask{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.go_index{
	height: 2rem;
	float: right;
	padding-top: 0.3rem;
	padding-right: 0.75rem;
	color: #BEBFC0 !important;
}
.go_index i{
	font-size: 1.2rem;
}
.concern_bbc_content{
	background: #F4F4F4;
	border-radius: 5px;
	text-align: center;
	position: absolute;
	font-size: 0.75rem;
	top: 2.5rem;
	right: 0;
}
.concern_img_box{
	width: 6rem;
	height: 6rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
.concern_catp{
	margin-bottom: 1.5rem;
}
.concern_img_box img{
	display: block;
	width: 100%;
	height: 1005;
}
.concern_title{
	padding: 1rem 0;
}
.concern_text{
	text-align: left;
	padding: 0.75rem;
	font-size: 0.7rem;
	color: #666666;
}
label.ui-label-checkbox input[type="checkbox"]:checked + .ui-item-media i.ui-icon-form-checkbox:after, label.ui-label-checkbox input[type="radio"]:checked + .ui-item-media i.ui-icon-form-checkbox:after, .init-checked:after {
    background-size: 0.45rem 0.45rem;
}
label.ui-label-checkbox input[type="checkbox"]:checked + .ui-item-media i.ui-icon-form-checkbox, label.ui-label-checkbox input[type="radio"]:checked + .ui-item-media i.ui-icon-form-checkbox, label.ui-label-checkbox .ui-item-media i.init-checked {
    background-color: #BBBBBB;
}
.ui-modal-button{
	color: #e55a75;
	font-size: 0.7rem;
}

/*新增分类弹窗*/
.menu-popu{
    z-index: 4000;
}
.menu-popu .model{
    bottom: 2.5rem;
    position: absolute;
    width: 100%;
    transition: all .4s;
    height: auto;
    overflow: hidden;
}
.menu-popu .model.hide_bot{
    height: 0;
}
.menu-popu .menu_item{
    padding: .7rem 0;
    color: #666;
    font-size: 15px;
    width: 100%;
    text-align: center;
}
.menu-popu .menu_item.active{
    color: #01b2b6;
}
.menu-popu .menu_item:not(:last-child){
    border-bottom: 1px solid #e6e6e6;
}