You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
3.8 KiB
CSS
64 lines
3.8 KiB
CSS
h2{font-size: 26px;font-weight: 300;margin: 20px 0}
|
|
p{line-height: 28px}
|
|
.reviewDetail { display: block; margin: 25px 0 35px; font-size: 20px; font-weight: 400; background: #f1f1f1; padding: 20px 30px 40px; position: relative; border-radius: 4px; }
|
|
.reviewDetail .quoteLeft { display: block; width: 35px; height: 35px; position: absolute; top: -17px; left: calc(50% - 17px); border: 1px solid #a31022; border-radius: 50%; text-align: center; color: #a31022; padding-top: 2px; }
|
|
.reviewDetail p { font-size: 20px; font-weight: 300; font-style: italic; line-height: 40px; }
|
|
.reviewTitle { font-size: 22px; display: block; margin-bottom: 10px;font-weight: 300 }
|
|
.whoRating { display: block; font-size: 16px; text-align: center; font-style: italic; }
|
|
.quoteEnd { display: inline-block; margin-left: 15px; color: #999; }
|
|
.tailorLast { display: block; margin: 25px 0 -25px; font-size: 25px; line-height: 40px; text-align: center; color: #333; font-weight: 300; background: url(/pic/white-arrow-gray-bg.png) no-repeat center -15px #d9d9d9; padding:40px 0 40px; }
|
|
.tailorLast span { text-align: center; font-size: 20px; width: 250px; margin: 30px auto 10px; display: block; border-radius: 6px; border: 2px solid #a31022; font-weight: 400; }
|
|
.tailorLast span a { color:#a31022; text-decoration: none;}
|
|
.taInfo{border-radius: 4px;overflow: hidden; text-align: center;}
|
|
.taAchievenment{color: #000;font-size: 18px;text-align: center;}
|
|
.beijingReview{color: #545454;font-size: 12px;margin-top: 5px}
|
|
.ratingTA img{width: 30%;margin-top: 5px}
|
|
.listTitle{margin-bottom: 20px}
|
|
.taLogo img{width: 50%}
|
|
.userInfo img{border-radius: ;width: 50%}
|
|
.customerName{color: #000;margin-top: 10px;font-size:16px;word-wrap: break-word;line-height: 1.2em;}
|
|
.userInfo{text-align: center;overflow: hidden;}
|
|
.countryDate{font-size: 14px;color: #999}
|
|
.reviewContent {width:100%;
|
|
min-height: 170px;
|
|
}
|
|
.firstGuestMore{float: right}
|
|
.reviewTitle a {text-decoration: none}
|
|
.reviewText {font-style: italic;font-size: 14px;color: #000;background: url(https://www.asiahighlights.com/pic/quote-left-s.png) no-repeat left top;display: inline-block}
|
|
.reviewEnd {background: url(https://www.asiahighlights.com//pic/quote-right-s.png) no-repeat right bottom;padding-left:30px;padding-right:20px;line-height:1.7em}
|
|
.reviewColumn{margin-top: 20px}
|
|
.clear{clear: both}
|
|
.reviewGap{margin-top: 25px}
|
|
.pageNumber{text-align:center;margin-top:80px;margin-bottom: 60px;}
|
|
.pageNumbernone{text-align:center;margin-top:80px;margin-bottom: 60px;display: none}
|
|
.pageNumber a{text-decoration: none;border-radius: 4px;font-size:18px;cursor: pointer;border: 1px solid #d9d9d9;margin-left:10px; padding: 8px 15px 8px 15px;}
|
|
.pageNumberItem{padding:8px 15px 8px 15px;color: black;}
|
|
.pageUpDown{color: #a31022;padding: 8px 30px 8px 30px}
|
|
.pageNumber a:hover{color: #FFF;background-color: #a31022}
|
|
.pageNumber a:active{color: #FFF;background-color: #a31022}
|
|
.currentPageNumber{
|
|
background-color: #a31022 ;
|
|
color: #fff;
|
|
}
|
|
a .disabled{
|
|
cursor: not-allowed;
|
|
}
|
|
.guestTitle{font-weight: 300;font-size:20px;margin-bottom: 25px;padding-left: 15px;}
|
|
.specialGuest p{padding-left: 15px;margin-bottom: 10px}
|
|
.triangle{width: 40px;height: 40px;border-width: 25px;border-style: solid;border-color: transparent #f1f1f1 transparent transparent ;
|
|
position:absolute;top:calc(50% - 40px);left:-35px}
|
|
.dialogue{position: relative}
|
|
@media (max-width:980px){
|
|
.customerName{text-align: left;margin-top: 20px}
|
|
.reviewContent{background-color: white;padding: 10px 0 20px 0;border-bottom: 1px solid #d9d9d9;}
|
|
.reviewGap{margin-top: 0}
|
|
}
|
|
.listTitle{margin-top: 20px}
|
|
.guestTitle{margin-top: 20px}
|
|
@media(min-width: 992px) {
|
|
.customerName{text-align: center}
|
|
.reviewContent{background-color:#f1f1f1;
|
|
border-radius:10px;padding:20px;margin-bottom: 30px
|
|
}
|
|
.listTitle{margin-top: 50px}
|
|
.guestTitle{margin-top: 0} |