html,
		body {
		    /*background-color: #f0f2fa;*/
		    font-family: "PT Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
		    color: #555f77;
		    -webkit-font-smoothing: antialiased;
		}
		
		input,
		textarea {
		    outline: none;
		    border: none;
		    display: block;
		    margin: 0;
		    padding: 0;
		    -webkit-font-smoothing: antialiased;
		    font-family: "PT Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
		    font-size: 1rem;
		    color: #555f77;
		}
		
		input::-webkit-input-placeholder,
		textarea::-webkit-input-placeholder {
		    color: #ced2db;
		}
		
		input::-moz-placeholder,
		textarea::-moz-placeholder {
		    color: #ced2db;
		}
		
		input:-moz-placeholder,
		textarea:-moz-placeholder {
		    color: #ced2db;
		}
		
		input:-ms-input-placeholder,
		textarea:-ms-input-placeholder {
		    color: #ced2db;
		}
		
		p {
		    line-height: 1.3125rem;
		}
		
		ul,
		li {
		    padding: 0;
		    margin: 0;
		    list-style: none
		}
		
		.comments {
		    margin: 2.5rem auto 0;
		    max-width: 60.75rem;
		    padding: 0 1.25rem;
		}
		
		.comment-wrap {
		    margin-bottom: 1.25rem;
		    display: table;
		    width: 100%;
		    min-height: 80px;
		}
		
		.photo {
		    padding-top: 0.625rem;
		    display: table-cell;
		    width: 3.5rem;
		}
		
		.photo .avatar {
		    height: 2.25rem;
		    width: 2.25rem;
		    border-radius: 50%;
		    background-size: contain;
		}
		
		.comment-block {
		    padding: 1rem;
		    background-color: #fff;
		    display: table-cell;
		    vertical-align: top;
		    border-radius: 0.1875rem;
		    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
		}
		
		.comment-block textarea {
		    width: 100%;
		    max-width: 100%;
		}
		
		.comment-text {
		    margin-bottom: 1.25rem;
		}
		
		.bottom-comment {
		    color: #acb4c2;
		    font-size: 0.875rem;
		}
		
		.comment-date {
		    float: left;
		}
		
		.comment-actions {
		    margin: 0;
		    /* width: 200px; */
		    height: 30px;
		    display: flex;
		    flex-direction: row;
		}
		
		.comment-actions li {
		    display: inline;
		    margin-left: 10px;
		    font-size: 14px;
		    color: #818181;
		}
		
		.comment-top {
		    width: 100%;
		    display: flex;
		    height: 50px;
		    flex-direction: row;
		    align-items: center;
		    justify-content: space-between;
		    box-sizing: border-box;
		    padding: 0 20px;
		}
		
		.comment-top span {
		    color: #bcbcbc;
		}
		
		.comment-actions i {
		    margin-right: 5px;
		}
		
		.comment-name {
		    display: flex;
		    flex-direction: row;
		    align-items: center;
		    height: 20px;
		    justify-content: space-between;
		}
		
		.comment-name span {
		    color: #ff3152;
		    font-size: 15px;
		    margin-right: 10px;
		}
		
		.comment-name p {
		    font-size: 14px;
		    margin: 0;
		    color: #dae1e5;
		}
		
		.comment-type {
		    font-size: 12px;
		    color: #808080;
		}
		
		.bottom-comment span {
		    color: #5bd1d7;
		    font-weight: 600;
		}
		
		.comment-info {
		    width: 100%;
		    /* height: 60px; */
		    margin-top: 10px;
		    line-height: 30px;
		}
		
		.comment-list {
		    width: 100%;
		    display: flex;
		    flex-direction: column;
		    background-color: #FFFFFF;
		}
		
		.b2-radius {
		    border-radius: 0;
		}
		
		.comments-area {
		    margin: 0 auto;
		    max-width: 100%;
		    position: relative;
		}
		
		.conmont-top-left ul {
		    display: flex;
		    flex-direction: row;
		    margin: 0;
		    padding: 0;
		}
		
		.conmont-top-left li {
		    list-style-type: none;
		    color: #bcbcbc;
		    margin-right: 10px;
		}
		
		.comment-all {
		    width: 100%;
		}
		
		.comment-all {
		    width: 100%;
		    display: flex;
		    flex-direction: column;
		    margin: 0;
		    padding: 0;
		}
		
		.comment-all .comments-item {
		    width: 100%;
		    /* height: 160px; */
		    border-top: 1px solid #ebeef5;
		    display: flex;
		    flex-direction: row;
		    box-sizing: border-box;
		    padding: 20px;
		}
		
		.comment-all-top {
		    width: 100%;
		    height: 40px;
		    display: flex;
		    flex-direction: row;
		}
		
		.comment-all-content {
		    width: 100%;
		    height: 30px;
		}
		
		.comment-touxiang {
		    width: 40px;
		    height: 40px;
		    margin-right: 10px;
		}
		
		.comment-touxiang img {
		    width: 40px;
		    height: 40px;
		    border-radius: 5px;
		}
		
		.comment-main {
		    flex: 1;
		    display: flex;
		    flex-direction: column;
		    justify-content: space-around;
		}
		
		.comment-set {
		    width: 100%;
		    height: 20px;
		    display: flex;
		    flex-direction: row;
		    justify-content: space-between;
		    font-size: 14px;
		    align-items: center;
		    position: relative;
		}
		
		.comment-like {
		    display: flex;
		    flex-direction: row;
		    color: #d0d0d0;
		}
		
		.comment-item {
		    height: 20px;
		    /* width: 0px; */
		    padding: 0px 10px;
		    border-radius: 5px;
		    line-height: 20px;
		    margin-right: 10px;
		    background-color: #f9f9f9;
		}
		
		.comment-huifu {
		    width: 100%;
		    margin-top: 20px;
		    padding: 10px;
		    box-sizing: border-box;
		    border: 1px dashed #e2e2e2;
		    /* display: none; */
		}
		
		.comment-huifuitem {
		    /* height: 30px; */
		    /* display: flex; */
		    flex-direction: row;
		    line-height: 30px;
		}
		
		.comment-huifuitem span {
		    color: #C20315;
		    line-height: 30px;
		    margin: 0 5px;
		}
		
		.comment-huifuitem p {
		    line-height: 30px;
		    margin: 0;
		    color: #515151;
		}
		
		.comment-showmore {
		    width: 100%;
		    /* text-align: right; */
		    font-size: 15px;
		}
		
		.comment-showmore span {
		    margin-left: 5px;
		}
		
		.comment-sent {
		    width: 60px;
		    height: 20px;
		    background-color: #C20315;
		    text-align: center;
		    color: #FFFFFF;
		    line-height: 20px;
		    font-size: 15px;
		    float: right;
		}
		
		.comment-jxtw {
		    width: 60px;
		    height: 20px;
		    background-color: #C20315;
		    text-align: center;
		    color: #FFFFFF;
		    line-height: 20px;
		    font-size: 15px;
		    float: right;
		}
		
		.comment-input {
		    width: 200px;
		    height: 30px;
		    border: 1px solid #C20315;
		    background-color: #d6cfcf;
		    border-radius: 8px;
		    display: flex;
		    flex-direction: row;
		    overflow: hidden;
		    position: absolute;
		    top: -5px;
		    right: 50px;
		}
		
		.comment-input1 {
		    width: 200px;
		    height: 30px;
		    border: 1px solid #C20315;
		    background-color: #d6cfcf;
		    border-radius: 8px;
		    display: flex;
		    flex-direction: row;
		    overflow: hidden;
		    /* position: absolute; */
		    top: -5px;
		    right: 50px;
		}
		
		.comment-input input {
		    height: 30px;
		    width: 70%;
		    /* margin-left: 10px; */
		    padding-left: 10px;
		    box-sizing: border-box;
		}
		
		#replybtn {
		    width: 30%;
		    height: 30px;
		    background-color: #C20315;
		    color: #FFFFFF;
		    line-height: 30px;
		    text-align: center;
		}
		
		.comment-Reply {
		    display: flex;
		    flex-direction: row;
		    position: relative;
		}

		.plq{
			width: 832px;
			margin-top: 30px;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		#get{
			width: 150px;
			height: 50px;
		}

		#del{
			width: 150px;
			height: 50px;
		}
		
		.sc{		
			width: 150px;
		    height: 50px;
		    line-height: 53px;
		    text-align: center;
			display: flex;
			flex-direction: row;
			align-items: center;
			cursor: pointer;
		}