.dashivod {    width: 100%;    margin-bottom: 30px;    margin-top: 30px;}
.dashivod video {    width: 90%;    margin-left: 5%;}
.wineicon {    margin-right: 10px;}
.wineicon img {    width: 22px;    height: 22px;    margin-top: -8px;}
.table-content li {    text-align: left;}
.wineryjianjie {    margin-top: 20px;    color: #ffddae;    background: rgba(255, 255, 255, 0.2);    padding: 20px;    border-radius: 10px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);}
.wineryjianjie p{    color: #ffddae;    font-size: 14px;    padding-bottom: 15px; text-indent: 2em;}



.zhijin {    width: 100%;   height: 100%;  left: -100%; top: 0; position: fixed; z-index: 9999; background: rgba(0, 0, 0, 0.7);}
.zhijin div{width: 90%; margin-left: 5%;}
.zhijin div input {    width: 100%;    margin: 0 auto;    margin-bottom: 10px;    border-radius: 10px;    border: 1px solid #e2333a;
    background: #fff;    height: 36px;    line-height: 36px;    padding-left: 15px;    color: #000;}
.zhijin div input:focus {    outline: none;    border: 2px solid #e2333a;}
.zhijin div textarea {    width: 100%;    margin: 0 auto;    margin-bottom: 10px;    border-radius: 10px;    border: 1px solid #e2333a;
    background: #fff;    height: 158px;    line-height: 36px;    padding-left: 15px;    color: #000;}
.zhijin div textarea:focus {    outline: none;    border: 2px solid #e2333a;}
.zhijin button {    width: 90%;  margin-left: 5%;  height: 40px;    line-height: 40px;    border: 0px solid #b1111d;    font-size: 1.2em;    letter-spacing: 30px;
    padding-left: 30px;    background: -webkit-linear-gradient(left, #78020e 0%, #b1111d 80%, #b1111d 100%);    background: linear-gradient(to right, #78020e 0%, #b1111d 80%, #b1111d 100%);    border-radius: 10px;    color: #ffddae;}
.zhijin button:focus {    outline: none;    background: -webkit-linear-gradient(left, #b1111d 0%, #78020e 80%, #78020e 100%);    background: linear-gradient(to right, #b1111d 0%, #78020e 80%, #78020e 100%);
}

::-webkit-input-placeholder {    color: #999;    font-size: 16px;}
::-moz-placeholder {    color: #999;    font-size: 16px;}
:-ms-input-placeholder {    color: #999;    font-size: 16px;}

/* 致敬 */
.zanzan{ width: 42%; margin-left: 5%; height: 36px;  border-radius: 10px; margin-bottom: 20px; border: 0px solid #ffddae;float: left;}
.heart {background: url('img/web_heart_animation.png');  background-repeat: no-repeat; height: 80px;    width: 80px;    cursor: pointer;     background-size: 2900%; margin-left: -10px; margin-top: -22px;}
.zan1 { width: 30%; float: left; height: 36px; line-height: 36px;}
.likeCount{width: 100px; text-align: left; font-size: 20px; color: #ffddae; float: left;height: 36px; line-height: 36px;  padding-left: 10px;}

.zan3 {width: auto; float: left;height: 100px; line-height: 100px; font-size: 20px; color: #ffddae; letter-spacing: 5px;}

.zanzan2{ width: 42%; margin-left: 6%; height: 36px;  border-radius: 10px; margin-bottom: 20px; border: 0px solid #ffddae; float: left; font-size: 20px; color: #ffddae; text-align: right; padding-right: 20px;}

.heart:hover,.heart:focus {    background-position: right;}

@-webkit-keyframes heartBlast {    0% {        background-position: left;    }    100% {        background-position: right;    }}
@keyframes heartBlast {    0% {        background-position: left;    }    100% {        background-position: right;    }}

.heartAnimation {    display: inline-block;    -webkit-animation-name: heartBlast;    animation-name: heartBlast;    -webkit-animation-duration: .8s;
    animation-duration: .8s;    -webkit-animation-iteration-count: 1;    animation-iteration-count: 1;    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);    background-position: right;}


.likeCount1{width: 50%; text-align: right; font-size: 18px;color: #ffddae;  float: left; line-height: 25px; height: 25px;}
/* 评论 */
.pinglun{ width: 90%;  margin-left: 5%;  }
.clearfix:before,.clearfix:after{content: " ";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}

.plBtn{width: 75px;height: 36px;line-height: 36px;background-color: #ffddae;text-align: center;display: block;float: right;color: #FFFFFF;font-size: 12px;border-radius: 6px;margin-right: 2px;margin-top: 20px;}
.plBtn:hover{background-color: #ffddae;}

.comment-show{margin-top: 20px; border-radius: 10px; background:linear-gradient(to right, #b1111d 0%, #78020e 80%, #78020e 100%); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);}
.comment-show-con {width: 100%; padding:10px;}
.comment-show-con-img {width: 15%;overflow: hidden;margin-top: 5px;}
.comment-show-con-img img{width: 100%;}
.comment-show-con-list {width: 95%; margin-left: 2%;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.pl-text {width: 100%;margin-top: 7px;word-wrap: break-word;overflow: hidden;}
.comment-size-name {font-size: 14px;color: #ffddae;font-weight: bold;}
.my-pl-con {font-size: 12px;color: #ffffff;width: 100%;}
.date-dz {width: 100%;float: left;}
.date-dz-left {font-size: 12px;color: #ffffff;display: block;padding-top: 18px;}
.comment-time, .comment-pl-block {padding-top: 7px;}
.comment-pl-block {margin-top: 0;}
.date-dz-right {display: block;padding-top: 6px;padding-right: 18px;position: relative;overflow: hidden;}
.removeBlock {float: left;font-size: 12px;color: #ffffff;margin-right: 24px;display: block;opacity: 0;}
.hf-con-block {display: block;}
.date-dz-pl, .date-dz-line, .date-dz-z {font-size: 12px;color: #ffffff;}
.date-dz-z:hover{color: #ffddae;}
.date-dz-line {display: block;padding: 0 20px;}
.date-dz-z-click-red {width: 17px;height: 17px;display: block;float: left;background-image: url(img/icon-all_01.png); background-repeat: no-repeat;
background-position: -6px -198px;margin-right: 5px;}
.z-num {font-style: normal;}
.date-dz-z-click {color: #b83b44;}
.hf-list-con {float: left;width: 100%;background-color: #eaeaec;margin-top: 7px;}
.hf-list-con .all-pl-con {border-top: 1px solid #d9d9d9;padding-bottom: 12px;}
.hf-list-con .all-pl-con:first-child {border-top: 0;}


/* 按钮 */

.wrapper{    display: inline-flex;   height: 36px; align-items: center; justify-content: space-evenly;
    border-radius: 5px;   margin-bottom: 10px; width: 60%; float: left;}
.wrapper .option{
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
  }
  .wrapper .option .dot{
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
  }
  .wrapper .option .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #b1111d;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }
  input[type="radio"]{
    display: none;
  }
  #option-1:checked:checked ~ .option-1,
  #option-2:checked:checked ~ .option-2{
    border-color: #78020e;
    background: #78020e;
  }
  #option-1:checked:checked ~ .option-1 .dot,
  #option-2:checked:checked ~ .option-2 .dot{
    background: #fff;
  }
  #option-1:checked:checked ~ .option-1 .dot::before,
  #option-2:checked:checked ~ .option-2 .dot::before{
    opacity: 1;
    transform: scale(1);
  }
  .wrapper .option span{ font-size: 12px; color: #808080; padding-left: 5px;}
  #option-1:checked:checked ~ .option-1 span,
  #option-2:checked:checked ~ .option-2 span{    color: #fff;  }


  .showMsg{ min-width: 160px;width:fit-content;
    width:-webkit-fit-content;
    width:-moz-fit-content; height: 52px; padding:0 15px; margin:auto; line-height:52px; border-radius: 20px; text-align: center; position: fixed; top: 35%; left:0; right: 0; margin-top: -36px; overflow: hidden; background: rgba(0,0,0,.8); z-index: 99999; opacity: 0; font-size: 18px; color: #fff;}