.ui-dialog-content::-webkit-scrollbar{
    width: 10px;
    height: 16px;
}
.ui-dialog-content::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
}
.ui-dialog-content::-webkit-scrollbar-thumb{
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #bbb0a4;
}
.leftimg{padding: 0px;width: 28vw;left: 0;position: relative;top: 19.5vw;height: 20vw;}
.centerimg{background-repeat: no-repeat;background-size: 100% 100%;background-image:url('$!{ctx}/uploads/collectioninfo/coverurl/$!{collectionInfo.coverUrl}');padding: 0px;width: 28vw;left: 28vw;position: relative;top: 150px;z-index: 2;height: 38vw;}
.rightimg{position: absolute;right:0px;height:20vw;width:65%;bottom: 15vw;}
.bqzjbtn{margin:30px 0px 50px 0px;border:solid 1px #95b7ae;color:#fff;text-align:center;width:80px;border-radius:5.5px;line-height:30px;}
.bqzjbtn:hover{background:#78624b;color:#fff !important;border-color:#78624b}
.ywzj{padding:45px 15px;font-size:24px}
.bqzjjainjie{height:80px;color:#fff;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

@media (max-width: 768px) {
	.ic2 {height: 450px;}
	.ywzj{padding:70px 15px;font-size:28px;}
	.leftimg{width: 50%;}
	.centerimg{width:50%;left:50%}
	.sec-title{padding-left:15px !important}
}

@media (min-width: 900px) {
	.ic2 {height: 685px;} 
	.leftimg{height:15vw}
	.rightimg{height:18vw;bottom:10vw}
}

@media (min-width: 1200px) and (max-width: 1439px){
 	.ic2 {height: 700px; } 
 	.leftimg{height:20vw;top:15vw}  
 	.rightimg{height:18vw;bottom:10vw}
}

@media (min-width: 1400px) {.ic2 {height: 850px;} .leftimg{height:20vw;top:19.5vw}   .rightimg{height:20vw;bottom:15vw}}

@media(min-width: 1500px) and (max-width: 1920px) {.ic2{height: 933.33px} .leftimg{height:19vw} .rightimg{height:20vw;bottom:8vw}}

.carousel-indicators1 {position: absolute;bottom: 10px;left: 50%;z-index: 15;width: 60%;margin-left: -30%;padding-left: 0; list-style: none;text-align:center;}
.carousel-indicators1 li {margin-left: 4px;margin-right: 4px;border-color: #fff;}
.carousel-indicators1 .active {background-color: #fff;}  
.carousel2, .slider-rel { height: initial;}
@media (max-width: 768px){
    .previousph{display:block !important}
    .previous{display:none !important}
    .nextph{display:block !important}
    .next{display:none !important}
	.sec-title {display: block !important; margin-top: 70px !important; margin-bottom: 40px !important;}
	.topictitle{margin-top:20px;font-size:20px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
	.topicsummary{color:#fff;margin-top:30px;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
	.photodiv{padding:0px 30px;}
	#page_123456789{margin-left:15px !important;}
	.ads{display:none !important}
	.phone{display:block !important}
}
.cate:hover{color: #fff !important;border:solid 1px #78624b !important;background:#78624b; }
	
.sec-title span{border:none}

.content-main p{text-align: justify;}
.index_picture-text{border:solid 1px #e1e1e1;border-radius: 0px 0px 5.5px 5.5px;}
.pic-container .macau-img-fill-abs{border-radius: 5.5px 5.5px 0px 0px ;}
.pic-container .img-fill-abs{border-radius: 5.5px 5.5px 0px 0px ;}
.pic-container{border-radius: 5.5px 5.5px 0px 0px ;}
.picture-bg{border-radius: 5.5px 5.5px 0px 0px ;}

.hv .ico-vote,.hv .temp-voting-box {display: none;}
.phide>p {display: none;}
.dfmsg {padding: 0 20px;}
.dfmsg p {font-size: 16px;color: #999;}
.voteintro {font-size: 16px;color: #999;line-height: 1.5;margin-bottom: 10px;padding: 0 20px;}
.voteintro:hover {opacity: 0.8;cursor: pointer;}
.ico-more {
    background: url('../images/ico-more.png');
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: text-bottom;
    transform: rotate(180deg);
}
.voteintro.off .ico-more {
    transform: rotate(0deg);
}
.layui-layer-hui .layui-layer-content {text-align: left;}
.temp-voting-box {overflow: initial;margin-top: 40px}
.temp-voting-title {
    position: absolute;
    display: inline-block;
    padding: 5px 25px;
    border: 1px solid #505c66;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #1e695a;
    border-color: #1e695a;
    color: #fff;
    top: -33px;
    right: 0;
    font-size: 16px;
}
.voteintro.off+.dfmsg {
    display: none;
}
#votenote {float: left;line-height: 32px;}
.disab{color: #9A211F;}
.custom-link a {
    color: #1e695a;
    display: block;
    font-size: 18px;
    margin: 15px 0 0;
    text-decoration: underline;
    cursor: pointer;
}
.category-tabs {
    margin-top: 30px;
    margin-bottom: 40px;
}
.category-tabs span {
    font-size: 16px;
    border: 1px solid #505c66;
    border-radius: 3px;
    padding: 0 20px;
    margin-right: 20px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    margin-bottom: 10px;
    cursor: pointer;
}
.category-tabs span.cur {
   background-color: #1e695a;
   color:#fff;
}
.category-tabs span.cur::after {
    content: '×';
    margin-left: 7px;
    font-size: 20px;
}
.category-tabs span:hover {
   background-color: #1e695a;
   color:#fff;
   opacity: .7;
}
.phone-banner {margin-top: 0; margin-bottom: 40px;} 
@media (max-width: 425px) {
    #votenote {display: block; position: initial; margin: 30px 0 10px;}
    .temp-voting-cont {padding-bottom: 60px;}
    #votenote,.votediv {
        float: none;
        text-align: left;
    }
    .doVote{text-align: left;}
}
.navbar-fixed-bottom {
    z-index: 10;
}
.back-to-vote span{
    cursor: pointer;
    border-radius: 5.5px;
    width: 48px;
    height: 48px;
    background-color: #9A211F;
    text-align: center;
    vertical-align: top;
    padding: 8px;
    opacity: .8;
    margin-top: 1px;
    display: block;
    line-height: 16px;
}