.lv-directory-review-wrap {.amount-votes {display：none;} .review-avg-wrap {background-color：#ffffff;边界：1px实心#DDD;/*填充：29px 29px 16px;*/填充：19px 19px 16px;边界拉迪乌斯：3PX；边界底 - 右 - 拉迪乌斯：0;边界底 - 拉迪乌斯：0;.review-avg-score-wrap {.review-avg-score-box {padding：50px 10px;边界拉迪乌斯：3PX；文本合格：中心； color:#fff !important; background:#999; .review-avg-score { font-size:35px; font-weight: 900; line-height:40px; } } .review-avg-des { padding-left:16px; padding-top: 0px; line-height: 22px; letter-spacing:1px; .review-avg-bar-wrap { .col-md-3 { .progress-title { text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 0 0 0 2px; text-align: right; } } .col-md-9 { .progress { margin-bottom:15px; .progress-bar { line-height: 18px; letter-spacing: 1px; font-weight: 600; background:#999; } } } } } } } .loading-wrap { .btn { font-size:13px; text-transform: uppercase; letter-spacing: 1px; font-weight:600; } } .jv-rating-form-wrap { #javo-review-form-container { background-color:#f4f4f4; padding:20px 30px; border:1px solid #ddd; border-top:0; border-radius: 3px; border-top-right-radius:0; border-top-left-radius:0; .lv-review-submit { background:#aaa; color:#fff; border-radius:5px; padding:20px; cursor:pointer; :after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 0%; border-color: rgba(255,255,255,0.4); background-color: rgba(255,255,255,0.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s ease-out; } :hover { -webkit-transition: all 01.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; :after { border-color: transparent; background-color: transparent; -webkit-transition: all 01.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #fff !important; width: 100%; } } } .jv-rating-top-inner { @media(max-width:990px){ display:inline-block; } .jv-rating-selector { padding:0 0 10px 0; .javo-raintg-form-field-label { font-weight:600; color:#222; text-transform: uppercase; } .jvfrm_spot_rat_star-warp { overflow:hidden; span.jvfrm_spot_rat_star { img{ width:16px; } } } } } .jv-rating-bottom-inner { textarea.form-control { margin-top:15px; border: 1px solid #ddd; background: #f4f4f4; height: 80px; -webkit-box-shadow:none; box-shadow:none; } } .jv_comment_image_preview { padding: 15px 0 0 0; } .jv-rating-submit-wrap { padding: 20px 0 0 0; button { font-size:13px; font-weight: 600; padding:10px 20px; letter-spacing:1px; text-transform:uppercase; i { display:none; } } } } } .lv-review-list-items{ margin:0; .lv-review-item-holder{ .javo-detail-item-review-inner{ margin:0 0 35px 0; .review-left-wrap{ padding-right:0; } .review-right-wrap{ padding-left: 15px; .review-subject{ .review-author, .review-date{ display:inline-block; vertical-align:middle; line-height:1; } .review-author{ font-weight:600; margin-right:10px; font-size:14px; letter-spacing:1px; } .review-date{ font-weight:300; font-size:1em; } } .review-subject{ padding-left:15px; .reviewer-info {margin-top:0px; margin-bottom:0px;} } .review-rating{ line-height:20px; .row{ .col-md-12{ >div{float:right;} .javo-detail-item-edit-comment{ line-height:24px; } } } } .review-content-wrap{ margin-bottom:20px; line-height:1.5; letter-spacing: 1px; } .review-thumbnails-wrap{ .review-thumbnails-inner{ .col-md-4{ margin-bottom:20px; } } } .reply-form{ span.reply-author{ display:inline-block; vertical-align:middle; line-height:1; } .reply-input-box{ border:solid 1px #e4e4e4; color:#cacaca; font-size:12px; padding: 5px 10px; border-radius:5px; &:empty:not(:focus):before{ content:attr(placeholder); } } } } } &:after{ content:''; display:table; clear:both; } } } button.javo-detail-item-edit-comment, button#javo-detail-item-review-loadmore{ background-color:transparent; color: #a5a4a4; border: 1px solid #ece5e5; font-size: 10px; padding: 2px 5px; } } .reply-form { div { margin-bottom : 15px; a {font-size:11px;} } } /*------------------------------------------------------------ Responsive */ @media (max-width:1100px){ .lv-directory-review-wrap{ .lv-review-list-items{ .lv-review-item-holder{ .javo-detail-item-review-inner{ .review-right-wrap{ padding-right:0px; padding-left:15px; }// .review-right-wrap }// .javo-detail-item-review-inner }// .lv-review-item-holder } }// .lv-directory-review-wrap }// max-width 1100px @media (max-width:991px){ .lv-directory-review-wrap{ .review-avg-wrap{ >span{ padding-left:15px; } .review-avg-score-wrap{ margin:0; >.col-md-3{ } .review-avg-des{ padding-left:15px; width:70%; float:left; } } .review-avg-bars{ .review-avg-bar-wrap{ margin:0; } } }// .review-avg-wrap .jv-rating-form-wrap{ #javo-review-form-container{ background:#f4f4f4; .jv-rating-wrap{ .jv-rating-top-inner{ .jv-rating-selector{ width:50%; float:left; } } } } } #javo-detail-item-review-loadmore{ margin-top:15px; } .lv-review-list-items{ .lv-review-item-holder{ .javo-detail-item-review-inner{ .review-right-wrap{ padding-right:15px; .reply-form{ .col-md-3{ width:100%; margin-bottom:10px; } }// .reply-form .review-reply-wrap{ .review-reply-items{ .reply-holder{ .col-md-3{ width:25%; float:left; text-align:right; } .reply-content{ width:70%; float:left; margin-top:0; } }// .reply-holder }// .review-reply-items } }// .review-right-wrap }// .javo-detail-item-review-inner }// .lv-review-item-holder } } } @media (max-width:767px){ .lv-directory-review-wrap{ .lv-review-list-items{ .lv-review-item-holder{ .javo-detail-item-review-inner{ padding:0; .review-left-wrap{ padding-left:0; padding-right:0; } .reply-form{ .col-md-3{display:none;} .col-md-9{width:100%;} } } } }// .lv-review-list-items .review-avg-wrap{ .review-avg-bars{ .review-avg-bar-wrap{ .col-md-3{width:25%;} .col-md-9{width:75%;} } } }// .review-avg-wrap }// .lv-directory-review-wrap }// max-width:767px @media (max-width:600px){ .lv-directory-review-wrap{ .lv-review-list-items{ .lv-review-item-holder{ .javo-detail-item-review-inner{ .review-left-wrap{ display:none !important; } .review-right-wrap{ width:100%; padding-left: 15px; } } } }// .lv-review-list-items .review-avg-wrap{ .review-avg-score-wrap{ .col-md-3{ margin-bottom:15px; } .review-avg-des{ width:100%; } } .review-avg-bars{ .review-avg-bar-wrap{ .col-md-3{ padding-left:0; width:35%; } .col-md-9{ width:65%; } } }// .review-avg-bars }// .review-avg-wrap }// .lv-directory-review-wrap }// max-width:600px @media (max-width:480px){ .lv-directory-review-wrap{ .lv-review-list-items{ .lv-review-item-holder{ .javo-detail-item-review-inner{ .review-right-wrap{ .review-rating{ width:100%; padding:0 15px; }// .review-rating .review-thumbnails-wrap{ .review-thumbnails-inner{ .javo-thb{ height:80px !important; } }// .review-thumbnails-inner } .review-reply-wrap{ .review-reply-items{ padding-left:40px; .reply-holder{ .col-md-3{ width:100%; text-align:left; } .reply-content{ width:100%; } } } }// .review-reply-wrap }// .review-right-wrap } }// .lv-review-item-holder }// .lv-review-list-items .review-avg-wrap{ padding: 15px 0 10px; .review-avg-bars{ .review-avg-bar-wrap{ .col-md-3{ padding-right:0; } } } }// .review-avg-wrap }// .lv-directory-review-wrap .lv-post-review-detail-popover{ background-color:red; } }// max-width:480px @media (max-width:400px){ .lv-directory-review-wrap{ .lv-review-list-items{ .lv-review-item-holder{ .javo-detail-item-review-inner{ .review-right-wrap{ .review-thumbnails-wrap{ .review-thumbnails-inner{ .javo-thb{ height:50px !important; } } } } } } }// .lv-review-list-items }// .lv-directory-review-wrap }// max-width:400px