*{margin:0;padding:0;}
body{font-family:'Microsoft YaHei';}
img{display: inline-block;}
.fl{float:left;}
.fr{float:right;}
input,select,textarea,button{border:0;font-family:'Microsoft YaHei';}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
li{list-style: none;}
/*評論*/
.comment-box{margin:18px 0;font-size:12px;}
.comment-box a{text-decoration: none;}
.comment-box .title{line-height:18px;height:18px;margin-bottom:26px;}
.comment-box .title .h3{font-size:16px;}
.comment-box .title .left-border{width:6px;height:18px;border-radius:5px;margin-right:11px;}
.comment-box .title .num{color:#8b8b8b;font-size:14px;margin-left:10px;}
.comment-box .con-box{margin-bottom:15px;position:relative;padding-left:52px;}
.comment-box .user-head{height:50px;width:50px;border-width:1px;border-style: solid;position:absolute;top:24px;left:0;border-radius:50%;;overflow: hidden;z-index:8;text-align: center;line-height: 50px;font-size:14px;}
.comment-box .user-head img{display: block;width:100%;height:inherit;vertical-align: middle;overflow: hidden;}
.comment-box .con-box .input-box{height:108px;border-style: solid;border-width:1px;border-radius:15px;padding:15px 25px;position: relative;margin-bottom:12px;}
.comment-box .con-box .arcs{position:absolute;top:23px;left:-1px;height:45px;width:9px;overflow: hidden;z-index:2;}
.comment-box .con-box .arcs i{border-radius:100%;height:50px;width:50px;border-style: solid;border-width:1px;float:right;background-color:#f5f5f5fa;}
.comment-box .con-box .textarea{width:100%;height:108px;resize: none;border:0;font-size:14px;}
.comment-box .con-box .loginSuccess{background-color:#f5f5f5fa;}
.comment-box .con-box .user-name{position:absolute;height:20px;line-height: 20px;left:25px;top:-10px;padding:0 3px;z-index:2;font-size:14px;}
.comment-box .comment-submit,.comment-box .reply-submit{height:32px;width:104px;text-align: center;font-size:14px;color:#000;border-radius:25px;cursor: pointer;line-height: 32px;float:right;}
.comment-box .no-login{cursor:pointer;}

.comment-list .title{margin-bottom:0;}
.comment-list li{border-bottom:1px solid #dcdcdc;padding:20px 0 0 60px;position: relative;line-height: 20px;}
.comment-list li .user-head{width:38px;height:38px;position:absolute;top:20px;right:0;}
.comment-list li dl{position: relative;}
.comment-list li dt{margin-bottom:16px;}
.comment-list li dd{font-size:14px;margin-bottom:16px;}
.comment-list li .update{color:#8b8b8b;font-size:12px;}
.comment-list li .cri-btn{position:absolute;bottom:0;right:0;}
.comment-list .reply-btn,.comment-list .del-btn, .comment-list ._reply-btn{background:none;color:#8b8b8b;margin-left:20px;cursor: pointer;height:20px;line-height: 20px;}
.comment-list .reply-box{margin-bottom:20px;}
.comment-list .reply-box input[type='text']{width:100%;height:38px;height:38px;border-style: solid;border-width:1px;line-height: 38px;font-size:14px;border-radius:8px;text-indent:10px;margin-bottom: 12px;display: block;}
.comment-list .replied-box{background-color:#e6e6e6;padding:0 14px;border-radius:6px;margin-bottom:20px;}
.comment-list .show-all{line-height: 42px;cursor: pointer;}
.comment-list .get-message{color:#8b8b8b;font-size:14px;line-height: 42px;text-align: center;cursor: pointer;}
.comment-list .no-comment{color:#8b8b8b;line-height:23px;text-align: center;background-color:#dfdfdf;margin-bottom:20px;}
.comment-list .get-message img{display: inline-block;text-align: center; padding-top:20px;}
.comments-haixia .bind-phone{display: none;}
.comments-haixia .submit-btn{cursor: pointer;}

/*移動端*/
@media (max-width:450px){
    .comment-box .con-box{padding-left:36px;}
    .comment-box .user-head{width:35px;height:35px;top:20px;line-height: 35px;font-size:12px;}
    .comment-box .con-box .input-box{height:70px;padding:10px 15px;}
    .comment-box .con-box .arcs{height:35px;top:19px;width:6px;}
    .comment-box .con-box .arcs i{height:35px;width:35px;}
    .comment-box .con-box .textarea{height:70px;}
    .comment-box{padding:0 12px;}
    .comment-box .comment-submit,.comment-box .reply-submit{width:80px;font-weight:700;}
    .comment-list li{padding:12px 0 0 40px;}
    .comment-list li .user-head{width:30px;height:30px;}
    .comment-list li dt,.comment-list li dd{margin-bottom:10px;}
    .comment-list .reply-box{margin-bottom:12px;}
    .comment-list .reply-btn,.comment-list .del-btn{margin-left:8px;}
    .comment-list .replied-box{padding:0 10px;}
}

/*評論風格*/
.skin-1 .title .h3,.comment-box .no-login,.skin-1 .con-box .user-name,.skin-1 li dt,.skin-1 .on,.skin-1 .reply-btn:hover,.skin-1 .del-btn:hover,.skin-1 .show-all{color:#f28f2c!important;}
.skin-1 .title .left-border,.skin-1 .comment-submit,.skin-1 .reply-submit{background-color:#f28f2c;}
.skin-1 .user-head,.skin-1 .con-box .input-box,.skin-1 .con-box .arcs i,.skin-1 .comment-list .reply-box input[type='text']{border-color:#f28f2c;}

.skin-2 .title .h3,.comment-box .no-login,.skin-2 .con-box .user-name,.skin-2 li dt,.skin-2 .on,.skin-2 .reply-btn:hover,.skin-2 .del-btn:hover,.skin-2 .show-all{color:#4f5496!important;}
.skin-2 .title .left-border,.skin-2 .comment-submit,.skin-2 .reply-submit{background-color:#4f5496;}
.skin-2 .user-head,.skin-2 .con-box .input-box,.skin-2 .con-box .arcs i,.skin-2 .comment-list .reply-box input[type='text']{border-color:#4f5496;}

.dialogue-wrap {
    position: fixed;
    top: 0;
    left: 0;
    height: 100px;
    width: 380px;
    z-index: 88;
    background-color: #fff;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    margin: -237px 0 0 -190px;
    box-sizing: content-box;
    text-align: center;
    line-height: 5;
    font-size: 20px;
    display:none;
}

.pop-win .quick-menu .menu {
    text-align: center;
    display:block;
    height: auto!important;
    width: auto!important;
    background: none!important;
}
.no-login i{display: block;width:100%;height:100%;}
.textarea {overflow: auto;}