/* * Powered by ueeshop.com http://www.ueeshop.com * 广州联雅网络科技有限公司 020-83226791 */ /* 写评论页 */ #write_review{background-color: #f5f5f5;} #pro_review{display: flex;align-items: stretch;padding-bottom: 30px;} #pro_review .title{line-height: 18px;padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #e3e3e3;font-size: 18px;font-weight: bold;text-transform: capitalize;} #pro_review .pro_msg{width: 294px;order: 1;padding: 30px;background-color: #fff;border-radius: 5px;} #pro_review .pro_msg .photo{width: 90px;height: 90px;overflow: hidden;font-size: 0;display: flex;justify-content: center;align-items: center;} #pro_review .pro_msg .name{line-height: 28px;text-decoration:underline;margin-top: 10px;} #pro_review .pro_msg .pro_star{line-height: 28px;} #pro_review .success_box{ padding: 37px 30px; text-align: center; } #pro_review .success_box .success_title{ font-size: 30px; } #pro_review .success_box .success_content{ margin-top: 25px; font-size: 18px; } #pro_review .success_box .button_box{ margin-top: 30px; } #pro_review .success_box .button_box a{ margin: 0 15px; padding: 10px 25px; display: inline-block; font-size: 16px; color: #333; border: 1px solid #333; border-radius: 25px; text-decoration: none; } #pro_review .success_box .button_box a.go_account{ background-color: #000000; color: #fff; border-color: #000000; } #pro_review .review_content_box .coupon_box {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 30px 0 0;} #pro_review .review_content_box .coupon_box .item {position: relative; width: calc((100% / 3) - (44px / 3)); margin-top: 3px; margin-right: 22px; margin-bottom: 24px; padding: 15px 23px 17px; background-color: #fff6f3; border: 1px solid #ffe9da; box-sizing: border-box; -webkit-box-sizing: border-box;text-align: left;} #pro_review .review_content_box .coupon_box .item:nth-child(3n) {margin-right: 0;} #pro_review .review_content_box .coupon_box .item .coupon_price {line-height: 29px; font-size: 24px; color: #f6490d; font-weight: 600;} #pro_review .review_content_box .coupon_box .item .code, #pro_review .review_content_box .coupon_box .item .max{line-height: 20px; margin: 2px 0; font-family: "Opensans-Regular"; font-size: 12px; color: #f6490d;} #pro_review .review_content_box .coupon_box .item .coupon_discount {line-height: 20px; font-family: "Opensans-Regular"; font-size: 12px; color: #666;} #pro_review .review_content_box .coupon_box .item .coupon_date {line-height: 20px; font-family: "Opensans-Regular"; font-size: 12px; color: #666;} #pro_review .review_content_box .coupon_box .item::before {content: ""; position: absolute; top: 0; left: -1px; width: calc(100% + 2px); height: 3px; background-color: #f6490d;} #pro_review .review_content_box .coupon_box .item.old {background-color: #f5f5f5; border-color: #f5f5f5;} #pro_review .review_content_box .coupon_box .item.old::before {background-color: #bbb;} #pro_review .review_content_box .coupon_box .item.old .coupon_price, #pro_review .review_content_box .coupon_box .item.old .code, #pro_review .review_content_box .coupon_box .item.old .coupon_discount, #pro_review .review_content_box .coupon_box .item.old .coupon_date {color: #bbb;} @media screen and (max-width: 1120px) { #pro_review .review_content_box .coupon_box .item {width: calc((100% / 2) - 11px);} #pro_review .review_content_box .coupon_box .item:nth-child(2n) {margin-right: 0;} #pro_review .review_content_box .coupon_box .item:nth-child(3n) {margin-right: 22px;} } @media screen and (max-width: 1000px) { .user_coupons .menu_title {margin-top: 20px; text-align: center;} .user_coupons .menu_title a {padding: 0 20px; font-size: 16px;} .user_coupons .menu_title li {float: none; display: inline-block;} #pro_review .success_box{ padding: 0 20px; } #pro_review .success_box .success_title{ font-size: 24px; } #pro_review .success_box .success_content{ margin-top: 15px; font-size: 16px; } #pro_review .success_box .button_box{ margin-top: 20px; } #pro_review .success_box .button_box a{ margin: 0; padding: 8px 16px; font-size: 14px; width: 100%; box-sizing: border-box; } #pro_review .success_box .button_box a.go_account{ margin-bottom: 15px; } } @media screen and (max-width: 540px) { #pro_review .review_content_box .coupon_box {margin: 25px 25px 0;} #pro_review .review_content_box .coupon_box .item {width: 100%; margin-right: 0; margin-bottom: 20px;} #pro_review .review_content_box .coupon_box .item .code, #pro_review .review_content_box .coupon_box .item .coupon_discount, #pro_review .review_content_box .coupon_box .item .coupon_date {font-size: 14px;} #pro_review .review_content_box .coupon_box .item:nth-child(3n) {margin-right: 0;} } #pro_review .review_content_box{flex: 1;padding: 30px;background-color: #fff;margin-right: 20px;border-radius: 5px;} #review_form label{display: block;line-height: 30px;padding-top: 29px;font-size: 16px;} #review_form label:first-child{padding-top: 0;} #review_form .rows{display: flex;flex-wrap: wrap;} #review_form .error_info{width: 100%;line-height: 26px;} #review_form input[name="Name"]{flex:1;height: 46px;line-height: 46px;padding: 0 10px;border-radius: 5px;border-color: #d9d9d9;border-style: solid;border-width: 1px;} #review_form .ranting_chose{margin-top: 5px;line-height: 34px;} #review_form .ranting_chose .review_star{vertical-align: middle; cursor: pointer;} #review_form .ranting_chose .review_star .icon-star1{margin-right: 0;padding-right: 5px;} #review_form .ranting_chose .error_info{font-weight:normal;} #review_form .ranting_chose .star_0{display: inline-block; color:#ddd;} #review_form .review_content{flex: 1; height:129px;padding: 10px;border-radius: 5px;border-color: #d9d9d9;border-width: 1px;border-style: solid;width: 100%;box-sizing: border-box;} #review_form .upfile_condition{margin:0 0 10px 0;} #review_form .button{height:46px; line-height:46px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#f16056; border:0; font-size:16px; cursor:pointer;margin-top: 30px;padding: 0 40px;} #review_form .upload_box{display:none;float:left;width:86px;height:86px;position:relative;box-sizing:border-box;border:2px dashed #d9d9d9;border-radius:5px;margin:18px 20px 0 0;border:solid 1px #f2f2f2;background:#fafafa;} #review_form .upload_box .iconfont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#757575;font-size:30px;} #review_form .upload_box label{margin: 0;padding-top: 0;} #review_form .upload_box:first-child{display: block;} #review_form .upload_box.on:after,#review_form .upload_box.on:before{background: none;} #review_form .upload_box.on .num_tips{font-size: 0;} #review_form .upload_box .num_tips{position: absolute;left: 0;top: 65%;width: 100%;text-align: center;color: #dddddd;display: none;} #review_form .upload_box{width: 120px;height: 120px;} #review_form .upload_box .pic_box{position:relative;width:120px;height:120px;vertical-align:middle;font-size:0;text-align:center;cursor:pointer;box-sizing:border-box;z-index:1;} #review_form .upload_box .pic_box img{opacity: 1;} #review_form .upload_box .close{position: absolute;top: -7px;right: -7px;display: none;width: 24px;height: 24px;line-height: 24px;text-align: center;color: white;background: rgba(0,0,0,0.5);border-radius: 50%;cursor: pointer;z-index: 2;} #review_form .upload_file{width: 120px;height: 120px; position:absolute; left:0px; top:0px; bottom: 0;right: 0; padding: 0; filter:alpha(opacity=0); -moz-opacity:0; -webkit-opacity:0; opacity:0; cursor:pointer;font-size: 70px;z-index: 1;} #review_form .upload_tips{color: #999;font-size: 14px;} #review_form .upload_video_box{display:none;float:left;width:86px;height:86px;position:relative;box-sizing:border-box;border:2px dashed #d9d9d9;border-radius:5px;margin:18px 20px 0 0;border:solid 1px #f2f2f2;background:#fafafa;} #review_form .upload_video_box .iconfont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#757575;font-size: 27px;} #review_form .upload_video_box .iconfont.icon-video2{color: #fff; font-size: 32px;} #review_form .upload_video_box label{margin: 0;padding-top: 0;} #review_form .upload_video_box:first-child{display: block;} #review_form .upload_video_box.on:after,#review_form .upload_video_box.on:before{background: none;} #review_form .upload_video_box.on .num_tips{font-size: 0;} #review_form .upload_video_box .num_tips{position: absolute;left: 0;top: 65%;width: 100%;text-align: center;color: #dddddd;display: none;} #review_form .upload_video_box{width: 120px;height: 120px;} #review_form .upload_video_box .video_box{position:relative;width:120px;height:120px;vertical-align:middle;font-size:0;text-align:center;cursor:pointer;box-sizing:border-box;z-index:1;} #review_form .upload_video_box .video_box img{opacity: 1;} #review_form .upload_video_box .close{position: absolute;top: -7px;right: -7px;display: none;width: 24px;height: 24px;line-height: 24px;text-align: center;color: white;background: rgba(0,0,0,0.5);border-radius: 50%;cursor: pointer;z-index: 2;} #review_form .video_file{width: 120px;height: 120px; position:absolute; left:0px; top:0px; bottom: 0;right: 0; padding: 0; filter:alpha(opacity=0); -moz-opacity:0; -webkit-opacity:0; opacity:0; cursor:pointer;font-size: 70px;z-index: 1;} #review_form ::-webkit-input-placeholder{color: #999999;} #review_form ::-moz-placeholder{color: #999999;} #review_form :-ms-input-placeholder{color: #999999;} #review_form .textarea{position: relative;} #review_form .textarea_box{position: relative;width: 100%;} #review_form .textarea .font_tips{position: absolute;right: 0.4375rem;bottom: 0.4375rem;color: #999999;} #review_form .textarea .font_tips_text{color: #999999;font-size: 14px;line-height: 20px;margin-top: 8px;padding-left: 24px;box-sizing: border-box;position: relative;} #review_form .textarea .font_tips_text .iconfont{position: absolute;left: 2px ; top: 2px ; color: #f3971b;} #review_form .ver_code{border-color: #d9d9d9;border-radius: 5px;} @media screen and (max-width:999px) { #write_review #location{display: none;} #pro_review {flex-wrap: wrap;margin-left: 10px;margin-right: 10px;padding-bottom: 10px ; } #pro_review .pro_msg{ display: flex ; flex-wrap: wrap ; order: 0;width: 100%;margin-top: 10px;padding: 25px 15px ;} #pro_review .review_content_box{order: 1;width: 100%;margin-right: 0;margin-top: 10px;padding: 25px 10px;} #pro_review .title{font-size: 16px;line-height: 1;padding-bottom: 20px;width: 100%;margin-bottom: 26px ;} #pro_review .pro_msg .photo{width: 70px;height: 70px;margin-left: 4px;margin-right: 4px;} #pro_review .pro_msg .detail{flex: 1;} #pro_review .pro_msg .name{font-size: 14px;line-height: 1;} #pro_review .pro_msg .pro_star{line-height: 20px;margin: 4px 0;} #pro_review .review_content_box .title{margin-bottom: 22px;} #review_form label{font-size: 14px;line-height: 18px;padding-top: 22px;width: 100%;height: 100%;} #review_form input[name="Name"]{height: 44px;line-height: 44px;margin-top: 6px;} #review_form .upload_file{width: 100px;height: 100px;} #review_form .textarea{margin-top: 6px;} #review_form .textarea .font_tips_text{font-size: 12px;line-height: 19px ;margin-top: 10px ;} #review_form .upload_box{width: 100px;height: 100px;margin-right: 17px;} #review_form .upload_box:last-child{margin-right: 0;} #review_form .upload_box .pic_box{width: 100px ; height:100px;} #review_form .upload_video_box{width: 100px;height: 100px;margin-right: 17px;} #review_form .upload_video_box:last-child{margin-right: 0;} #review_form .upload_video_box .video_box{width: 100px ; height:100px;} #review_form .ver_code{margin-top: 6px;} #review_form .button{font-size: 16px;line-height: 50px;height: 50px;width: calc(100% - 10px);margin-left: 5px; margin-top: 25px;} }