/*/css/product_review/comment_share.css*/
.inner {width: 1036px;margin: 0 auto;position: relative;}.main_content {height: 505px;}.comment_people_area {width: 905px;height: 420px;background: #1a4e92;position: absolute;top: 60px;left: -95px;-webkit-transform: skew(-15deg);transform: skew(-15deg);}.comment_people_info {width: 255px;float: left;margin-left: 95px;text-align: center;-webkit-transform: skew(15deg);transform: skew(15deg);}.comment_info_title {width: 237px;background: #fff;line-height: 60px;margin-top: -15px;}.comment_info_title:before {width: 0;height: 0;content:'';display: block;border: 10px solid #888888;border-top: 15px solid #efefef;border-left: 10px solid #efefef;border-right: 10px solid #888888;border-bottom: 0;z-index: -5;position: absolute;left: -20px;}.comment_info_title:after {width: 0;height: 0;content:'';display: block;border: 10px solid #888888;border-top: 15px solid #efefef;border-left: 10px solid #888888;border-right: 10px solid #efefef;border-bottom: 0;z-index: -5;position: absolute;right: -2px;top: -15px;}.comment_info_title span {font-size: 30px;color: #1a4e92;}.user_bg {width: 110px;height: 110px;border-radius: 999px;margin: 0 auto;overflow: hidden;border: 2px solid #fff;margin-top: 40px;}.user_bg img {width: 100%;}.user_name {font-size: 18px;color: #fff;line-height: 2.5;}.user_comment_time {font-size: 14px;color: #fff;line-height: 2;}.user_hero_card {width: 168px;font-size: 16px;color: #1a4e92;line-height: 38px;border-radius: 5px;background: #fff;margin: 32px auto 0;display: block;}.voiture_info {width: 775px;height: 418px;background: #fff;border: 2px solid #1a4e92;position: absolute;top: 30px;right: -95px;-webkit-transform: skew(-15deg);transform: skew(-15deg);}.voiture_info_deg {-webkit-transform: skew(15deg);transform: skew(15deg);}.voiture_info_text {float: left;}.voiture_info_pic {float: right;}.hero_page_info {width: 315px;margin: 0 auto;overflow: hidden;margin-left: 68px;margin-top: 50px;}.hero_page_info_title {font-size: 24px;margin-bottom: 30px;}.hero_page_info_left {float: left;width: 105px;}.hero_page_info_right {float: right;width: 210px;}.hero_page_info_left_title, .hero_page_info_right_value {font-size: 14px;height: 30px;line-height: 30px;text-align: right;padding-right: 5px;border-right: 1px solid #bababa;}.hero_page_info_right_value {text-align: left;border-right: 0;padding-left: 10px;padding-right: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}.voiture_info_pic {width: 280px;height: 280px;margin-right: 100px;margin-top: 40px;}.voiture_info_pic img {width: 100%;}.star_item_img {margin-top: 5px;padding-left: 10px;}body .main_bg {background: url("//p.yunshuren.com/topic/315special20180315/images/bg4.png") no-repeat left 200px, url("//p.yunshuren.com/topic/315special20180315/images/bg3.png") no-repeat bottom center, url("//p.yunshuren.com/topic/315special20180315/images/bg2.png") no-repeat right center;}body.up .main_bg {background: url("//p.yunshuren.com/topic/315special20180315/images/bg4.png") no-repeat left 200px, url("//p.yunshuren.com/topic/315special20180315/images/bg3.png") no-repeat bottom center, url("//p.yunshuren.com/topic/315special20180315/images/bg2.png") no-repeat right center;}body.ali .main_bg {background: url("//papu.yunshuren.com/topic/315special20180315/images/bg4.png") no-repeat left 200px, url("//papu.yunshuren.com/topic/315special20180315/images/bg3.png") no-repeat bottom center, url("//papu.yunshuren.com/topic/315special20180315/images/bg2.png") no-repeat right center;}.main_bg {padding-top: 7px;padding-bottom: 30px;}.remark_item_content {padding: 0;}.remark_item_content_padding {padding: 0 15px 15px;}.comment_box, .comment_about {width: 100%;}.share_btn {width: 68px;height: 68px;position: fixed;top: 55%;right: 100px;background: #1a4e92;text-align: center;color: #fff;z-index: 100;border-radius: 3px;}.share_btn img {display: block;height: 30px;margin: 8px auto 3px;}.review_title {width: 100%;text-align: center;font-size: 26px;color: #1a4e92;margin-top: 26px;}.review_btn {width: 168px;font-size: 16px;color: #fff;line-height: 38px;border-radius: 5px;background: #1a4e92;margin: 32px auto 0;display: block;position: absolute;text-align: center;bottom: 42px;left: 163px;}.color_org {color: #ff8400;}.remark_research {font-size: 14px;position: absolute;left: 80px;bottom: 44px;}.comment_info_num {float: left;}.remark_research>span, .remark_research div span {line-height: 30px;float: left;}.useful_btn {float: left;width: 60px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #1a4e92;border-radius: 3px;margin-left: 10px;}.user_comment {float: left;width: auto;text-align: center;line-height: 30px;padding: 0 10px;;background: #ff7800;color: #fff;border-radius: 3px;margin-left: 10px;}.comment_info_num .color_org {margin: 0 10px;}@media all and (max-width: 768px) {.main_content {width: 100%;height: auto;background: none}.inner {width: 100%;}.main_bg {width: 100%;padding: 0;background: none;}.comment_people_area {width: 100%;height: auto;position: static;top: 0.4rem;left: 0;-webkit-transform: skew(0deg);transform: skew(0deg);}.comment_people_info {width: 100%;float: none;margin-left: 0.2rem;text-align: center;-webkit-transform: skew(0deg);transform: skew(0deg);padding: 0 0.15rem 0.5rem;box-sizing: border-box;}.comment_info_title {width: 2.3rem;background: #fff;line-height: 0.6rem;margin-top: 0.4rem;position: relative;top: -0.15rem;}.comment_info_title:before {width: 0;height: 0;content:'';display: block;border: 10px solid #888888;border-top: 15px solid #efefef;border-left: 10px solid #efefef;border-right: 10px solid #888888;border-bottom: 0;background: none;z-index: -5;position: absolute;left: -0.19rem;top: 0;}.comment_info_title:after {width: 0;height: 0;content:'';display: block;border: 10px solid #888888;border-top: 15px solid #efefef;border-left: 10px solid #888888;border-right: 10px solid #efefef;border-bottom: 0;background: none;z-index: -5;position: absolute;right: -0.19rem;top: 0;}.comment_info_title span {font-size: 0.3rem;color: #1a4e92;}.user_bg {width: 1rem;height: 1rem;margin: 0.2rem 0.15rem 0 0;float: left;}.user_info {width: 4.5rem;line-height: 1;text-align: left;}.user_name {font-size: 0.28rem;margin-top: 0.42rem;line-height: 1;}.user_comment_time {font-size: 0.2rem;margin-top: 0.2rem;line-height: 1;}.user_hero_card {width: 1.86rem;font-size: 0.24rem;line-height: 2.5;margin-top: -0.7rem;margin-right: 0.25rem;float: right;}.voiture_info {width: 95%;height: auto;overflow: hidden;border: 0;position: static;top: 0;right: 0;margin:0 auto;-webkit-transform: skew(0deg);transform: skew(0deg);padding: 0 0.15rem;box-sizing: border-box;}.voiture_info_deg {-webkit-transform: skew(0deg);transform: skew(0deg);}.voiture_info_text, .voiture_info_pic {float: none;}.hero_page_info {width: 100%;overflow: hidden;margin: 0;padding-bottom: 0.3rem;}.hero_page_info_title {font-size: 0.28rem;margin-bottom: 0.2rem;text-align: center;color: #1a4e92;}.hero_page_info_left {float: left;width: 35%;padding-left: 5%;box-sizing: border-box;}.hero_page_info_right {float: left;width: 65%;padding-right: 5%;box-sizing: border-box;}.hero_page_info_left_title, .hero_page_info_right_value {font-size: 0.24rem;height: 0.56rem;line-height: 0.56rem;text-align: left;padding-right: 0.1rem;border-right: 0;border-top: 1px solid #fff;box-sizing:border-box;}.hero_page_info_left_title {background: #1a4e92;color: #fff;text-indent: 0.1rem;}.hero_page_info_right_value {background: #3179d8;color: #fff;text-indent: 0.1rem;text-align: left;border-right: 0;box-sizing: border-box;}.voiture_info_pic {width: 100%;height: 4.5rem;margin: 0;padding-top: 1.6rem;background: #fff;text-align: center;}.big_pic {transform: scale(1.5);-webkit-transform: scale(1.5);-moz-transform: scale(1.5);}.voiture_info_text {background: #fff;margin-top: -1px;}.voiture_info_pic img {width: 100%;}.star_item_img {width: 100%;margin-top: 0;padding-left: 0.1rem;padding-top: 0.09rem;box-sizing: border-box;}.remark_item_title {margin-top: 0;}.send_on_the_way {display: none;}.tab_link_other {width: 1.1rem;}.remark_item_content_padding {padding: 0 0.15rem;}.share_btn {display: none;}.review_title {font-size: 0.35rem;margin-top: 0.2rem;}.review_btn {width: 1.86rem;font-size: 0.24rem;line-height: 2.5;margin: 0 auto;float: none;position: static;margin-bottom: 0.3rem}.remark_research {position: static;width: 100%;margin: 0 auto;font-size: 0.22rem;height: auto;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 0.2rem 0.3rem;}.remark_research>span, .remark_research div span {line-height: 0.44rem;}.comment_info_num .color_org {margin: 0 0.1rem;}.useful_btn {width: 1.1rem;height: 0.44rem;line-height: 0.44rem;margin: 0;}.user_comment {width: auto;padding: 0 0.1rem;height: 0.44rem;line-height: 0.44rem;margin-top: 0;float: right;}}@media all and (max-width: 720px) {.tab_link_other {width: 1.32rem;}.voiture_info_pic {padding-top: 0;height: 5.2rem;position: relative;}.big_pic {position: absolute;transform: scale(1.6);-webkit-transform: scale(1.6);-moz-transform: scale(1.6);transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;left: 17%;top: 6%}.comment_about {margin-top: 0.2rem;}.remark_item {margin-bottom: 0.2rem;}}@media all and (max-width: 432px) {.comment_info_title:before {left: -0.29rem;border-top: 9px solid #efefef;border-right: 7px solid #888888;}.comment_info_title:after {right: -0.29rem;border-top: 9px solid #efefef;border-right: 9px solid #efefef;border-left: 8px solid #888888;}.big_pic {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);left: 14%}.drive_feel_content_title .star_item_img {margin-top: -0.1rem;}}@media all and (max-width: 360px) {.comment_info_title {top: -0.18rem;}.comment_info_title:before {left: -0.29rem;border-right: 5px solid #888888;}.comment_info_title:after {right: -0.29rem;border-left: 5px solid #888888;}.big_pic {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);left: 15%}.comment_people_info {padding-bottom: 0.53rem;}}@media all and (max-width: 320px) {.comment_info_title {top: -0.2rem;}.comment_info_title:before {left: -0.33rem;}.comment_info_title:after {right: -0.32rem;}.big_pic {transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);left: 15.5%}.user_bg {margin-top: 0.15rem;}.user_name {margin-top: 0.35rem;}.user_info {width: 5rem;}.user_hero_card {margin-top: -0.8rem;}.comment_people_info {padding-bottom: 0.55rem;}}