﻿.one_comment{border-bottom:1px solid #444;padding:15px 0 0 0}
.one_comment .head{display:inline-block;vertical-align:top;padding:0 20px}
.one_comment .head img{width:55px;height:55px}
.one_comment .detail{display:inline-block;width:83%}
.one_comment .detail .ops span{margin-left:10px;cursor:pointer;border-radius:3px;padding:0px 0px;font-size:12px}
.one_comment .detail .ops span:hover{color:#b4b4b4}
.one_comment .detail .article{color:#c1c1c1;font-size:14px}
.one_comment .detail .article .title{color:#ff5f20}
.one_comment .more{display:none}
.one_comment .show_more span{margin-left:10px;color:#daca56;cursor:pointer}
.one_comment .detail .ops{color:#777;margin-top:10px}
.one_comment .detail .recomm{}
.one_comment .detail .recomm .textarea,.one_comment .detail .recomm textarea{width:98%;border:none;background-color:#c1c1c1;box-shadow:inset 1px 1px 3px 0px black;padding:1%;font-size:14px;overflow:auto;height:80px}
.emoji_face_grid{position:absolute;width:350px;font-size:25px;background-color:#222;border:1px solid #444;padding:5px;border-radius:10px;box-shadow:0 0 5px 2px black;word-break:break-all;z-index:999;}
.emoji_face_grid span{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.one_comment .detail .recomm_ops{color:#777;font-size:14px;}
.one_comment .detail .recomm_ops .btn{padding:3px 15px;background-color:#505050;border:1px solid #7d7d7d;color:#fff;cursor:pointer;margin-left:5px}
.one_comment .detail .recomm_ops .btn.red{padding:3px 15px;background-color:#a20b0b;border:1px solid #ef2b13}
.one_comment .detail .recomm_list{border-top:1px dashed #404040}
.one_recomm{border-bottom:1px dashed #404040;padding:10px 0}
.one_recomm .head{display:inline-block;vertical-align:top;padding:0 20px 0 0}
.one_recomm .detail{display:inline-block;width:83%}
.one_recomm .article{color:#CCC}
.one_recomm .article .ops{color:#777;padding-top:15px}
.one_recomm .detail .ops span{margin-left:0;margin-right:15px;cursor:pointer;border-radius:3px}
.one_recomm .name_link{font-weight:normal;font-size:12px;color:#d95}
.one_comment .recomm_list ul{font-size:14px;color:#CCC}
.one_comment .recomm_list ul li{float:left;min-width:30px;text-align:center;cursor:pointer}
.one_comment .recomm_list ul li.active{color:#F65}
.one_comment .recomm_list ul li:hover{background-color:#222}
div.one_comment div.detail div.user span.right{font-weight:normal;color:#777;font-size:12px}
.one_comment .user{color:#bec369;font-size:14px;font-weight:bold;padding-bottom:5px;vertical-align:top}
.one_comment .user .starmark{transform:scale(0.75,0.75);-ms-transform:scale(0.75,0.75);-moz-transform:scale(0.75,0.75);-webkit-transform:scale(0.75,0.75);-o-transform:scale(0.75,0.75);vertical-align:top}
.one_comment .icon_recomm:before{content:url('../img/recomm.png');vertical-align:middle;margin-right:5px;padding-top:2px}
.one_comment .icon_zan_gray:before{content:url('../img/zan_light.png');vertical-align:middle;margin-right:5px}
.one_comment .icon_zan_light:before{content:url('../img/zan_gray.png');vertical-align:middle;margin-right:5px}
.one_comment .icon_recomm_face:before{content:url('../img/recomm_face.png');vertical-align:top;margin-right:5px; vertical-align:-5px}
#game_comment{background-color:#222;border:none}
#comment_login_request{text-align:center;padding:50px;font-size:16px;background-color:#222}
#comment_login_request span{color:#F65;cursor:pointer}
.comment_nav{width:99%;font-size:16px;border-bottom:1px solid #454545;height:40px}
.comment_nav li{line-height:40px;display:inline-block;float:left;text-align:center;color:#fff;border-bottom:1px solid #454545;cursor:pointer}
.comment_nav li a{font-size:16px;color:#fff;padding:0 18px;height:40px;display:inline-block;float:left}
.comment_nav li.active{border-bottom:1px solid #FF9B00}
.comment_nav li.active a{color:#FF9B00}
pre{white-space:pre-wrap;word-break:break-all}

.reply {}

.cm_cmts{font-size:14px}
.cm_cmts .time_dis:after{content:"前"}
.cm_cmts .vote{cursor:pointer}
.cm_cmts .vote:before{content:url("../img/zan_light.png");margin-right:5px}
.cm_cmts .vote.active:before{content:url("../img/zan_gray.png")}
.cm_cmts .turn_input:before{content:url('../img/recomm.png');margin-right:5px}
.cm_cmts .report{cursor:pointer}
.cm_cmts .turn_input{cursor:pointer}
.cm_cmts .send_but{cursor:pointer}
.cm_cmts .cancel_but{cursor:pointer}
.cm_cmts .face_but{cursor:pointer}
.cm_cmts .user_cmt .state_logout p{text-align:center;font-size:16px;margin:30px 0}
.cm_cmts .user_cmt .state_logout p a{color:#ccc}
#load_next{text-align:center;margin:15px 0;padding:10px 0;background:#3e3e3e;color:#909090}
#load_next.state_but:before{content:"显示更多";}
#load_next.state_loading:before{content:"加载中..";}
#load_next.state_over:before{content:"已经没有更多货了！";}
.cm_cmts p{margin:0}
.cm_cmts .emoji_face_cell_20{width:20px;height:20px; display:inline-block}
.cm_cmts .emoji_faces .emoji_face_cell_20{cursor:pointer;padding:0}
.cm_cmts .panel_r span,.cm_cmts .panel_l span{padding:0 10px}
.cm_cmts .panel_r{float:right;text-align:right;line-height:30px;color:#767676;font-size:12px}
.cm_cmts .panel_l{line-height:30px;font-size:12px;color:#767676;margin-left:-10px;}
.cm_cmts .title{font-size:16px}
.cm_cmts .title .name{padding:0 15px}
.cm_cmts .detail{margin:10px 0}
.cm_cmts .cmt_input_area textarea{width:calc(100% - 10px);height:100px;border:medium none;background-color:#c1c1c1;box-shadow:black 1px 1px 3px 0px inset;padding:5px;font-size:14px;overflow:auto;height:110px}
.cm_cmts .cmt_input_area .panel_l{position:relative;display:inline-block; z-index:2}
.cm_cmts .cmt_input_area .panel_l span.face_but:before{content:" ";background-image:url("../img/sheet_emojione_20_indexed_128.png");background-position:-440px -660px;width:20px;height:20px;display:inline-block;vertical-align:text-top; margin-right:5px; vertical-align:-4px}
.cm_cmts .cmt_input_area .panel_l .emoji_faces{position:absolute;border:1px solid;width:360px; z-index:3}
.cm_cmts .user_cmt img{width:55px;padding:0 15px;vertical-align:top}
.cm_cmts .user_cmt .user_cmt_r{width:calc(100% - 105px);display:inline-block}
.cm_cmts .list_cmt_area{}
.cm_cmts .list_cmt_area .nav{font-size:16px;border-bottom:1px solid}
.cm_cmts .list_cmt_area .nav a{padding:10px 15px;display:inline-block;cursor:pointer;border-bottom:1px solid;margin-bottom:-1px; color:#ccc}
.cm_cmts .list_cmt_area .content{}
.cm_cmts .list_cmt_area .content .cmt{padding:10px 0;border-bottom:1px solid}
.cm_cmts .list_cmt_area .content .cmt .main_cont{}
.cm_cmts .list_cmt_area .content .cmt .main_cont img{width:55px;vertical-align:top;padding:0 15px}
.cm_cmts .list_cmt_area .content .cmt .main_cont .cont_r{display:inline-block;width:calc(100% - 105px)}
.cm_cmts .list_cmt_area .content .cmt .recmt_con{margin-left:85px;margin-right:20px}
.cm_cmts .user_cmt{padding:15px 0}
.cm_cmts .recmt_con .cmt_input_area{padding:15px 0}
.cm_cmts .list_cmt_area .content .cmt .recmt_con .re_comment{border-top:1px dashed #464646;padding:10px 0; position:relative; z-index:1}
.cm_cmts .list_cmt_area .content .cmt .recmt_con .re_comment .rep:before{content:"回复了";padding:0 10px}
.cm_cmts .list_cmt_area .content .cmt .recmt_con .pager{border-top:1px dashed;padding:10px 0;overflow:hidden}
.cm_cmts .list_cmt_area .content .cmt .recmt_con .pager a{padding:0 5px;margin:0 5px;background:#ccc;cursor:pointer}
.cm_cmts .list_cmt_area .content .cmt .recmt_con .pager a.active{background:#d52}
.cm_cmts .list_cmt_area .content .cmt .recmt_con img{width:55px;vertical-align:top;padding:0 15px; float:left}
.cm_cmts .list_cmt_area .content .cmt .recmt_con .cont_r{  margin-left:85px}

.cm_cmts{color:#ccc}
.cm_cmts .title{padding:10px 0;border-bottom:1px solid #464646;margin-bottom:15px;color:#fff}
.cm_cmts .cmt .title{padding:0;border:none;margin-bottom:0;font-weight:bold;font-size:14px;color:#bec369}
.cm_cmts .user_cmt{background:#222}
.cm_cmts .list_cmt_area .nav{border-color:#464646}
.cm_cmts .list_cmt_area .nav  a{border-color:#555}
.cm_cmts .list_cmt_area .nav a.active{border-color:#fb0;color:#fb0}
.cm_cmts .cmt_input_area .panel_l .emoji_faces{padding:5px 5px;background-color:#222;border-color:#000;border-radius:5px}
.cm_cmts .list_cmt_area .content .cmt{border-color:#464646}

.panel_l01 { position:absolute; right:0px; top:8px; z-index:1}
.panel_l02 { position:absolute; right:0px; top:48px; z-index:1}

.noavarimg { width:50px; height:50px; border:2px solid #fff; border-radius:50%; box-shadow:0 2px 2px 0 rgba(0,0,0,.12); box-sizing:border-box}
.review-labels{position:relative;margin:20px 0 6px;padding:12px 5px 5px 15px;background:#222;border-radius:3px}
.btn-review-tag-more{font-size:12px;color:#aaa;display:block;margin:0 auto}
.btn-review-tag-more:hover,.btn-review-tag-more:active,.btn-review-tag-more:focus{text-decoration:none;color:#aaa}
.btn-review-tag-more .button-collapse,.btn-review-tag-more .glyphicon-menu-up{display:none}
.btn-review-tag-more.expand .button-collapse,.btn-review-tag-more.expand .glyphicon-menu-up{display:inline-block}
.btn-review-tag-more.expand .button-expand,.btn-review-tag-more.expand .glyphicon-menu-down{display:none}
.label-title-row{display:flex;align-items:center;margin-bottom:12px}
.label-title{margin:0 15px 0 2px;line-height:20px;font-family:PingFangSC-Medium;font-size:14px;color:#666;letter-spacing:0}
.percentage{font-family:MicrosoftYaHei;font-size:12px;letter-spacing:0}
.positive-percentage{color:#fc0}
.negative-percentage{color:#aaaaaa}
.emotional-attitude{display:flex;align-items:center}
.emotional-bars{position:relative;margin:0 11px 0 10px;width:100px;height:3px}
.emotional-bar{position:absolute;height:100%}
.positive-bar{z-index:1;left:0;width:66.53%;background:#fc0;border-radius:2px 0 0 2px}
.negative-bar{z-index:1;right:0;width:23.30%;background:#aaaaaa;border-radius:0 2px 2px 0}
.neutral-bar{width:100%;background:#14b9c8;border-radius:2px}
.label-list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style-type:none}
.label-list.collapse{height:76px;overflow:hidden}
.mobile .label-list.collapse{height:114px}
.label-list li{flex:0 0 auto}
.label-list li:last-child{margin-right:65px}
.review-label{margin:0 10px 10px 0;padding:0 10px;height:28px;line-height:26px;font-family:MicrosoftYaHei;font-size:13px;letter-spacing:0;box-sizing:border-box;border-radius:5px;cursor:pointer}
.review-label a{text-decoration:none;color:inherit}
.positive-label{color:#FC0;background:rgba(237,127,44,0.07);border:1px solid rgba(237,127,44,0.12)}
.positive-label.active{border:1px solid rgba(237,127,44,0.94)}
.neutral-label{color:#14b9c8;background:rgba(20,185,200,0.07);border:1px solid rgba(20,185,200,0.1)}
.neutral-label.active{border:1px solid rgba(20,185,200,0.94)}
.negative-label{color:#aaaaaa;border:1px solid rgba(170,170,170,0.12);background:rgba(170,170,170,0.07)}
.negative-label.active{border:1px solid rgba(170,170,170,0.94)}
.label-count{margin-left:4px;opacity:0.6;font-family:MicrosoftYaHei;font-size:12px}
.taptap-review-title > ul{margin-left:5px}

.clearfix {clear:both;}
.charts img { width:100%}
.taptap-review-charts{padding:15px; position:relative; overflow:hidden}
.taptap-review-ratings .review-ratings-container .review-ratings-total { width:50%; float:left; overflow:hidden}
.taptap-review-charts.show-charts{background:#333}
.taptap-review-charts .accident-btn{font-size:12px;margin:4px 0 -12px}
.taptap-review-charts .chart-btn{position:absolute;bottom:15px;right:15px;color:#00b9c8;font-size:12px;text-decoration:none;margin-bottom:-10px}
.taptap-review-charts .chart-btn span{content:"";display:inline-block;width:6px;height:6px;border-top:2px solid #00b9c8;border-right:2px solid #00b9c8;transform:rotate(135deg);vertical-align:3px;margin-left:5px;margin-right:5px;}
.taptap-review-charts .btn-hidden{}
.taptap-review-charts .btn-hidden span{content:"";display:inline-block;width:6px;height:6px;border-top:2px solid #00b9c8;border-right:2px solid #00b9c8;transform:rotate(-45deg);vertical-align:-1px;margin-left:5px;margin-right:5px;}
.taptap-review-ratings .review-ratings-container .review-ratings-total .total-rating span {float:left; font-size:16px;}
.text-download-rating{float:left;position:relative;margin:0;height:14px;line-height:14px}
.taptap-review-ratings .review-ratings-container .review-ratings-total .total-rating .text-download-rating { width:auto; float:left; margin-top:4px; margin-left:5px;}
.taptap-review-ratings .review-ratings-container .review-ratings-total .total-rating .text-download-rating span { font-size:16px; margin-left:5px;}
.text-download-rating>i{display:block}
.text-download-rating>i.background{float:left;margin-top:-1px;opacity:.32;display:block;width:70px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAA90lEQVQ4y93UPQrCMBTA8eAFdCooghZXwV0PoPfQvUdwEbroVCn8Bydv0MVB7yAuCqIgiFcQQepzET/ThLpp3vbID17eS6LUPyzqNL6DEdE3rMqFC9X0cIwgjNOyMmcE4Uw5HRwitximYQ7HOzzi2LZncGniETK/M0GYE+LRxCXzibosOL1s18WJBd334lZWJgjLj8IpsLayNQXdGYtsjWxDMak9JXaJbEfJ1NkKey3bU7ENJdDCwD78mRZO7fCghQcbyyU2J2t79Y872qP3dGfrZthBEGJG5JVSijwjYgShbYYDhAm1l1yNCULfDH1a2nwL/2d/3SuVL2Mp5zjvIgAAAABJRU5ErkJggg==) repeat-x;background-size:14px}
.text-download-rating>i.score{position:absolute;top:-1px;left:0;display:block;width:70px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABD0lEQVR4Ae3TMWoCURCA4YcXSIrwQBFUbAX7zQH0HknvEWwCNkml2Fl5gzQSkgOkE5sEJAFBvMIiiJn8xVQLG3YyrATiwAev+4t5E/7EnOfq6TXBNYKVPswe1UmCHXypzimCc4ialx1s4gBRBzTLDE4gGZOyghEpJCNF9AYraKGHAaZYQnIsMcUAPbRQKRIcYoU9xGmPFYY/BSPeIV7qDTE3qGpYQ5zWqBXdYR2fjtgH6tZf2sAGYrRB47dn0cbWENui7b3DsSE4RvAGXwzBZ3cQO0Nw5w1eQowuPMEEkpHiTqWQjMQTvIWoI2aoIqgqZjhC1I0n+ADBAl2EHF0sILj3BEfoIxTUx8gRdPi3wW/dLgzWif1T1AAAAABJRU5ErkJggg==) repeat-x;background-size:14px}
.text-download-rating>i.score+span{margin-left:72px}
.text-download-rating>span{display:block;vertical-align:middle;line-height:14px}
.taptap-review-ratings .review-ratings-container .review-ratings-total .recent-7-days span { font-size:12px; color:#999; line-height:20px; display:inline-block; margin-right:12px; position:relative;}

.review-ratings-container { padding:2px 0 10px 2px; display:-webkit-box; display:flex; flex-wrap:wrap; position:relative; -webkit-box-align:center; align-items:center;}
.review-ratings-detail { padding-left:20px; border-left:1px solid #666; float:right; width:50%; box-sizing:border-box}
.list-unstyled li { margin:0 0 5px; height:14px; line-height:14px; font-size:12px; color:#999;}
.list-unstyled li span { float:left;color:#999;}
.list-unstyled li i { float:left; margin:1px 0 0; display:block; width:12px; height:12px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAA90lEQVQ4y93UPQrCMBTA8eAFdCooghZXwV0PoPfQvUdwEbroVCn8Bydv0MVB7yAuCqIgiFcQQepzET/ThLpp3vbID17eS6LUPyzqNL6DEdE3rMqFC9X0cIwgjNOyMmcE4Uw5HRwitximYQ7HOzzi2LZncGniETK/M0GYE+LRxCXzibosOL1s18WJBd334lZWJgjLj8IpsLayNQXdGYtsjWxDMak9JXaJbEfJ1NkKey3bU7ENJdDCwD78mRZO7fCghQcbyyU2J2t79Y872qP3dGfrZthBEGJG5JVSijwjYgShbYYDhAm1l1yNCULfDH1a2nwL/2d/3SuVL2Mp5zjvIgAAAABJRU5ErkJggg==) repeat-x; background-size:12px;}
.list-unstyled li .rating-item { margin-top:4px; float:left; margin-left:5px; width:66.6666666667%;}
.list-unstyled li .rating-item div { height:6px;}
.list-unstyled li:nth-child(1) .rating-item div {background:#14b9c8;}
.list-unstyled li:nth-child(2) .rating-item div {background:#26d9e9;}
.list-unstyled li:nth-child(3) .rating-item div {background:#54e1ee;}
.list-unstyled li:nth-child(4) .rating-item div {background:#82e9f3;}
.list-unstyled li:nth-child(5) .rating-item div {background:#ddd;}

.review-charts .legend{list-style:none;overflow:hidden;margin:0;padding-left:15px}
.review-charts .legend.legend-mobile-top{padding:0;display:-webkit-box;display:flex}
.review-charts .legend.legend-mobile-top li:not(.note){-webkit-box-flex:1;flex:1;text-align:left}
.review-charts .legend.legend-mobile-bottom li.note{float:left;padding-left:10px}
.review-charts .legend li{float:left;line-height:24px;font-size:12px; color:#fff}
.review-charts .legend li:not(.note){height:24px;text-align:center;color:#fff;margin-right:10px}
.review-charts .legend li.note{color:#fff;float:right}
.review-charts .legend li .legend-color{width:10px;height:10px;border-radius:10px;margin-right:6px;vertical-align:-1px;display:inline-block}
.review-charts .legend li .legend-color.positive{background:#00b9c8}
.review-charts .legend li .legend-color.negative{background:#b4ebfa}
.review-charts .legend li .legend-color.deleted{background:#f06292}
.review-charts .legend li .legend-color.invalid{background:#9B9B9B}
.review-charts .legend li .icon-tip{color:#fff;font-size:14px;width:14px;height:14px;margin-left:2px;padding-top:4px;vertical-align:-1px}

.taptap-icon {width:14px; height:14px; display:inline-block; vertical-align:middle; vertical-align:-2px; margin-right:2px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD8UlEQVRoQ82Yf4gUZRjHv8+kJ0J4dTubIJUgCFEEQXAze0UgdDtzYZBEo0VSFFkkRb9/UKRG0Q+KxLBSKRJDcd0jCERnvbIwvPfwMBAMAiEIgriZkaPguK7b94m5vMvzdm/mnXn33Pl3n/fz/X5mdt6dWUIbHl0D4kaq0x6CXA3Q3tCxX2xWk9qtf1zeqFMF4Jsu6nYodGyvUde2EmhSfrp3Q4m2EUgo31SiLQRSlm8ocdkFFMvPkbjsAnEj88jgVhi0RXFDmbon2kIgqwQRLbxAwR++geQ/G8K+0tZLz3iGK3FoQa9AsSZWS6CfGDdD8rbcEsybFkxg+cCpVfW67Af4lpkzn0/iXEfHotKCCFz17emViyYn+gHcOudGzSrB9bWhe9vhlgt0+T9cZ2BJFUB3011GWYKeCx3ro5jXUgGz9uMK4sVVBpcSt8jUEvRp6FhPTvNaJnDNgFguJapg3J5YfnogQYKAY4Fjly/mtURgxfFhc2JiMv7O35G6fAqJyfHx7aPr1oy2VKDzxJmrF4+NxeXXKJdPkGj543SXEMuMUe4H0Z2ZyytKaPsKFSvHr5TLllaJ4OQu/9/28rOUhnfe7T47H0+LwLWVk0vHO414q7xLS3nQL4Zkb6TPPpPEyy9QOdthdv5ZBejupLCUn58jQ3pBb89PaebzCVQqV5id18dn/p40YSlmfgWRF5at4RSzUyO5BAq+qBJwb9qw+ef4Nwa8yCkNqfAyC5i1wYNgavhPgUqBC7O/G5DeiNNzUnVtJgHzqNgPwv2qYQ3nGX8QyAtc60QWnrKA6Yt9AB7MEjZnDXMAhhf2lb7PylMSKPpDXzL4oaxhsx4BCJFk8iLH+i4PL7VAwRefE/BInrCZtUSjktk779jH8vJSCZi+2A3gsbxhF9b/RWx4gdt9VAcvUcD0xWcAHtcRBmAs3rlC1zqsiTf/70DRFzsZmHl5yBdKf0PK+Ib9Jh9n9uqmV6DgD+4g0FOawiZZSi/q6/laE+//26kR0PRF/L75jKYwNgzcN9Jrx+8I2o85V8CsiQ/AeF5XEhnG+qC3u6KLdylnloBZG3oPzC9pCyN6ICxbB7TxGoBmBIq+eIeBV3SFMWFjVLa/0sVrxpkSKPiDbxHoNV1hDH44ckp7dfHm45BZE9vAeENXGAGPBo79hS5eEodMX3DSUOrPmTeFbmlP6nkNg/oEiJ4Iy9YuDZ2UEFoEGNgcOfYnSsmahnMLEOjpwLE+1tRHGZNPgPFs6NrblVM1LsguwHghdO0PNXbJhMokwMwvR27p/UyJmhcpCzDwauTY72rukRmnJECg1wPHejtzWgsWphdgbAld+80WdMiF/BfdZIwdSDUvdAAAAABJRU5ErkJggg==) no-repeat; background-size:14px 14px;}
.taptapreviewadd{position:relative;padding:25px;background:#222; overflow:hidden; margin-top:15px}
.taptapreviewadd .review-add-login,.taptapreviewadd .review-add-user{text-align:center}
.taptapreviewadd .review-add-login .img-circle,.taptapreviewadd .review-add-user .img-circle{display:inline-block;width:50px;height:50px;vertical-align:middle;border:2px solid #fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.12); border-radius:50%; box-sizing:border-box}
.taptapreviewadd .review-add-login>p,.taptapreviewadd .review-add-user>p{margin:0}
.taptapreviewadd .review-add-login .img-circle,.taptapreviewadd .review-add-user{margin-bottom:10px}
.taptapreviewadd .review-add-login>p>a,.taptapreviewadd .review-add-user>p>a{color:#14B9C8}
.taptapreviewadd .review-add-login>p{font-size:18px}
.taptapreviewadd .review-add-user>p{display:inline-block;margin-left:5px;vertical-align:middle}
.taptapreviewadd .review-add-user>span{display:inline-block;vertical-align:middle;font-size:12px;color:#14B9C8}
.taptapreviewadd .review-add-stars{position:relative;margin:0 auto;width:190px}
.taptapreviewadd .review-add-stars>p{margin:0}
.taptapreviewadd .review-add-stars>p>i{ cursor:pointer; width:40px;height:30px;background:url(../img/bg.png) 0 -484px no-repeat;background-size:68px;display:inline-block!important; float:left}
.taptapreviewadd .review-add-stars>p>i:nth-child(5){padding:0;width:30px}
.taptapreviewadd .review-add-stars>p>i.hit{display:block;padding:0 10px 0 0;width:40px;height:30px;background:url(../img/bg.png) 0 -452px no-repeat;background-size:68px}
.taptapreviewadd .review-add-stars>p>i.hit:nth-child(5){padding:0;width:30px}
.taptapreviewadd .review-add-stars>span{display:block;position:absolute;left:0;right:0;bottom:-15px;text-align:center}
.taptapreviewadd .review-add-text{margin:5px 0 0;text-align:center;font-size:12px;color:#999}
.taptapreviewadd .btn {position:absolute;top:10px;right:15px;padding:2px 14px;line-height:20px;color:#14B9C8; background:none; border:none; cursor:pointer}

.taptap-review-title { margin-bottom:15px; padding:20px 0px 12px;}
.taptap-review-title h3{ padding:0 0 0 8px; line-height:20px; font-size:18px; border-left:4px solid #14B9C8;}

.listunstyled {float: left; margin: 4px 5px 0 15px;}
.listunstyled li { float:left; line-height:16px; font-size:12px;}
.listunstyled li a {color:#14B9C8; pointer-events:none; cursor:default;}
.listunstyled li.active a {color:#fff;}
.listunstyled li span {display:block; padding:0 3px;}
.filterreview { float:right; margin-top:4px; position:relative; z-index:1}
.filterreview .btn{display:inline-block;padding:0px 7px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;border:none;border-radius:4px; color:#999}
.filterreview .btn::after {content:"";width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #999; vertical-align:-11px; margin-left:2px; border-radius:2px}
.dropdownmenu{position:absolute;top:20px;left:0;z-index:7; padding:10px 0; float:left; margin:2px 0 0;font-size:14px;text-align:left; background:#fff; border:1px solid rgba(0,0,0,.15); border-radius:4px; box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdownmenu li {padding:4px 0;line-height:20px;font-size:14px;}
.dropdownmenu li a {display:block;padding:5px 15px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;}
.dropdownmenu li:hover { background:#eee}
.dropdownmenu li.divider {padding:0;margin:4px 0;background-color:#eee;}

.hcommentlist {  width:100%; overflow:hidden}
.taptapreviewitem { padding:15px 20px; border-bottom:1px solid #444; overflow:hidden}
.reviewitemavatar img { float:left; display:block; width:50px; height:50px; overflow:hidden; border-radius:50%; object-fit:cover; box-sizing:border-box}
.review-item-text,.comment-item-text {margin-left:65px; padding-top:5px;}
.item-text-header{margin-bottom:3px;height:20px;line-height:20px; overflow: hidden}
.taptap-user{float:left;display:block; overflow: hidden}
.taptap-user .taptap-user-name{font-weight:700; color:#bec369; float: left}
.taptap-user .mflagimg {width:14px; height:14px; margin-left:3px; float:left; position:relative; z-index:1; top:3px}
.text-header-time{float:right;line-height:20px;font-size:12px;color:#777}
.text-header-time .tooltip.fade.in{width:176px}
.item-text-header .btn {display:inline-block;padding:0px;margin:3px 15px 0 0; float:right; font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;border:none;border-radius:4px; color:#777}
.item-text-score {position: relative; z-index:1; margin-bottom: 10px; height: 14px; line-height: 14px;}
.item-text-score .colored {position:absolute;top:0;left:-2px;display:block;width:70px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABD0lEQVR4Ae3TMWoCURCA4YcXSIrwQBFUbAX7zQH0HknvEWwCNkml2Fl5gzQSkgOkE5sEJAFBvMIiiJn8xVQLG3YyrATiwAev+4t5E/7EnOfq6TXBNYKVPswe1UmCHXypzimCc4ialx1s4gBRBzTLDE4gGZOyghEpJCNF9AYraKGHAaZYQnIsMcUAPbRQKRIcYoU9xGmPFYY/BSPeIV7qDTE3qGpYQ5zWqBXdYR2fjtgH6tZf2sAGYrRB47dn0cbWENui7b3DsSE4RvAGXwzBZ3cQO0Nw5w1eQowuPMEEkpHiTqWQjMQTvIWoI2aoIqgqZjhC1I0n+ADBAl2EHF0sILj3BEfoIxTUx8gRdPi3wW/dLgzWif1T1AAAAABJRU5ErkJggg==) repeat-x;background-size:14px}
.item-text-score .background {float:left;margin-left:-2px;opacity:.32;display:block;width:70px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAA90lEQVQ4y93UPQrCMBTA8eAFdCooghZXwV0PoPfQvUdwEbroVCn8Bydv0MVB7yAuCqIgiFcQQepzET/ThLpp3vbID17eS6LUPyzqNL6DEdE3rMqFC9X0cIwgjNOyMmcE4Uw5HRwitximYQ7HOzzi2LZncGniETK/M0GYE+LRxCXzibosOL1s18WJBd334lZWJgjLj8IpsLayNQXdGYtsjWxDMak9JXaJbEfJ1NkKey3bU7ENJdDCwD78mRZO7fCghQcbyyU2J2t79Y872qP3dGfrZthBEGJG5JVSijwjYgShbYYDhAm1l1yNCULfDH1a2nwL/2d/3SuVL2Mp5zjvIgAAAABJRU5ErkJggg==) repeat-x;background-size:14px}
.text-score-time{float:left;display:block;margin-left:5px;padding:0 5px 0 0;line-height:14px;font-size:12px;color:#999}
.item-text-body p{margin-bottom:15px;line-height:24px;min-height:14px;}
.item-text-body {color:#c1c1c1}
.item-text-body .showmorecomment { color:#daca56; display:none}
.lookmorediv {color:#daca56}
.item-text-footer { margin-top:20px}
.item-text-footer::after{content:"";display:table;clear:both}
.item-text-footer>i{float:left;display:block;margin-top:5px}
.item-text-footer .text-footer-device{float:left;margin-top:5px;line-height:14px;font-size:12px;color:#999}
.taptapicon { vertical-align:middle;background:url(../img/icos.png) no-repeat;background-size:52px;width:14px;height:14px;background-position:-16px 0;float:left;display:block;margin-top:5px;}
.text-footer-btns{float:right;margin:0 -10px 0 0}
.text-footer-btns::after{content:"";display:table;clear:both}
.text-footer-btns li{float:left;margin-right:5px}
.text-footer-btns li:last-child{margin-right:0}
.text-footer-btns li.dropdown.admin{float:left}
.text-footer-btns li .btn {text-align:center;white-space:nowrap;vertical-align:middle;font-weight:400;margin-bottom:0;display:inline-block;border-radius:3px;font-size:12px;padding:0 7.5px;line-height:24px;color:#777;border:none;background:0 0;box-shadow:none; cursor:pointer}
.text-footer-btns li .btn .icon-font { font-size:14px; width:15px; height:15px; margin:0;}
.text-footer-btns li .btn .icon-font span {float:left; display:block; text-indent:5px}
.icon-funny { background:url('../img/face.png') no-repeat; background-size:15px 15px; display:inline-block; vertical-align:-2px; margin-right:4px}
.icon-up { background:url('../img/zan_gray.png') no-repeat; background-size:15px 15px; display:inline-block; vertical-align:-2px; margin-right:4px}
.icon-down {background:url('../img/zan_light.png') no-repeat; background-size:15px 15px; display:inline-block; vertical-align:-2px; margin-right:4px }
.icon-comment { background:url('../img/recomm.png') no-repeat; background-size:15px 15px; display:inline-block; vertical-align:-3px; margin-right:4px}

.taptap-comment-item {padding-top:15px; margin-top:15px; border-top:1px solid #444;}
.taptap-comment-item .text-footer-btns { float:left}
.text-footer-time { font-size:12px; color:#777}
.paginator { margin-left:55px}
.pagination {display:inline-block; padding-left:0; margin:20px 0 0;}
.pagination li {font-size:12px; float:left; margin-right:5px}
.pagination li a { color:#ababab;padding:3px 8px; line-height:16px; display:inline-block; background:#292929; border:1px solid #575757; border-radius:2px }
.pagination li span { color:#fff;padding:3px 8px; line-height:16px; display:inline-block; background:#c05627; border:1px solid #9b3e19; border-radius:2px}
.pagination li.active span { color:#fff}

.mdialogshadow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:rgba(0,0,0,.5)}
.modal{position:fixed;top:10%; left:50%; margin-left:-250px; transition:all .3s ease-out;transform: translate(0); width:500px; z-index:10;-webkit-overflow-scrolling:touch;outline:0}
.modal-content {background:#fff; position:relative; z-index:1; border-radius:5px;}
.modal-header {color:#fff;background:#222;padding: 15px; border-bottom: 1px solid #e5e5e5;}
.modal-header-user { overflow:hidden}
.modal-header .modal-header-user .img-circle{display:inline-block;padding:2px;width:50px;height:50px;background:#fff;vertical-align:middle; border-radius:50%; box-sizing:border-box}
.modal-header .modal-header-user p{line-height:normal;margin:0;font-size:16px;display: inline-block; vertical-align: middle;}
.modal-header .modal-header-text { margin-top:10px}
.modal-header .modal-header-text::after{content:"";display:table;clear:both}
.modal-header .modal-header-text>span{float:left;display:block}
.modal-header .modal-header-text>p{display:block; margin:0 0 0 36px;max-height:60px;font-size:14px;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.modal-header>button{color:#fff;opacity:1}
.modal-header.js-drag-header{cursor:pointer}
.modal-body{padding:20px}
.modal-body .modal-body-warning{display:none;margin:0 0 15px;padding:8px 10px;border:1px solid #DB4437}
.modal-body .modal-body-warning::after{content:"";display:table;clear:both}
.modal-body .modal-body-warning span{float:left;display:block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;border-radius:50%;background:#DB4437}
.modal-body .modal-body-warning p{margin:0 0 0 32px;line-height:22px;color:#DB4437}
.modal-body .modal-body-rate{margin:0 0 15px}
.modal-body .modal-body-rate>span>i.hit:first-child,.modal-body .modal-body-rate>span>i:first-child{margin-left:0}
.modal-body .modal-body-rate>span{display:inline-block;vertical-align:middle}
.modal-body .modal-body-rate>span::after{content:"";display:table;clear:both}
.modal-body .modal-body-rate>span.body-rate-star{margin-right:12px}
.modal-body .modal-body-rate>span.body-rate-text.warning{color:#DB4437}
.modal-body .modal-body-rate>span>i{cursor:pointer;float:left;display:block;padding:0 14px 0 0;width:44px;height:30px;background:url(../img/bg.png) 0 -484px no-repeat;background-size:68px; box-sizing:border-box}
.modal-body .modal-body-rate>span>i.hit{display:block;padding:0 14px 0 0; width:44px;height:30px;background:url(../img/bg.png) 0 -452px no-repeat;background-size:68px}
.modal-body .accident-tips{font-size:12px;margin-bottom:15px;color:#666;margin-right:10px;display:inline-block}
.modal-body .draft-remind{font-size:12px;margin-bottom:15px;color:#ccc;display:inline-block}
.modal-body-app{float:left;max-width:90px}
.modal-body-app img { width:90px}
.modal-body-app p {margin:10px 0 0; line-height:16px; font-size:12px;}
.review-modal-right { margin-left:105px}
.form-control { padding:10px;border:1px solid #ddd;background:#fafafa; line-height:22px; width:96%; height:128px}
.hnoborder { border:none; padding:0; background:#fff; height:148px}
.modal-footer { padding:10px 20px; border-top:1px solid #e5e5e5; position:relative; z-index:1}
.countnumber { position: absolute;right:215px; bottom:9px; line-height:32px; color:#505050}
.review-modals-footer {text-align:right;}
.review-modals-footer .btn {display:inline-block;padding:5px 20px;margin-bottom:0;font-size:14px;font-weight:400;line-height:20px;text-align:center; vertical-align:middle;cursor:pointer; border:1px solid #aaa; color:#505050; border-radius:3px;}
.review-modals-footer .btn.btn-primary { background:#FF9B00;padding:5px 30px; color:#fff; margin-left:15px; border:1px solid #FF9B00;}

.pull-left { float:left; text-align:left}
.pull-right { float:right; text-align:right}
.modal-header-user .pull-left p,.modal-header-user .pull-right p {display:block; margin-top:5px}

/*.modal-header .icon-reply-left { width:24px; height:20px; display:block; background:url(../img/icos.png) no-repeat 0 -324px;background-size: 52px; position:absolute; top:30px; left:50%; margin:0 0 0 -12px;}*/
.iconreplyright { width:20px; height:20px;  background:url(../img/icos.png) no-repeat -26px -324px;background-size: 52px; float:left; margin:0 10px; }
.modal-header .icon-reply-left { width:32px; height:32px; display:block; background:url(../img/reply.png) no-repeat;background-size:32px; position:absolute; top:30px; left:50%; margin:0 0 0 -12px;}

.official { background:#222; margin:8px -10px; padding:8px 10px; }
.taptap-comments { margin-top:10px}
.official .comment-item-title { padding:3px 0 10px; margin: 0; color: #999;font-size: 14px;}

.modal-footer .icon_recomm_face:before{content:url('../img/recomm_face.png');vertical-align:top;margin-right:5px; vertical-align:-5px}
.modal-footer .recomm_ops { position:absolute; left:15px; top:15px; z-index: 1;}

.pbcomment { background:#2d2d2d; width:300px; height:28px; border:1px solid #3f3f3f; margin:5px 0; text-align:center; line-height:28px; color:#8e8e8e; display: inline-block}