@charset "UTF-8";

/** reset **/
body,
div,
h1,
h2,
h3,
h4,
h5,
form,
img,
ul,
ol,
li,
dl,
dd,
p {
    margin: 0;
    padding: 0;
    /* -webkit-tap-highlight-color: transparent; */
    outline: none;
}

body {
    background: #f1e1c0 !important;
}

li {
    list-style-type: none;
}

ul {
    list-style: none;
}

a img {
    border: 0;
}

.c {
    zoom: 1;
}

.c:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.dn {
    display: none !important;
}

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.fwb {
    font-weight: bold;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

.cd {
    cursor: default;
}

.notshow {
    width: 0px;
    height: 0px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.ht {
    overflow: hidden;
    text-indent: -9999px;
}

textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #b1b1b1;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #b1b1b1;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #b1b1b1;
}

textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #b1b1b1;
}

/** comm **/
body {
    color: #fff;
    font: 12px/1.5 tahoma, 'Microsoft YaHei', sans-serif;
    min-width: 1200px !important;
    /* padding-top: 30px; */
    background-color: #fff;
    line-height: 1;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.mid {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.head {
    background: url(../images/kv-bg.png);
    background-size: cover; /* 或者其他适合的值，如contain */
    position: relative;
}

.head .mid {
    /* height: 1089px; */
    height: 616px;
}

.btn-file {
    display: block;
    width: 325px;
    height: 156px;
   background:url(../images/btn-file.png) no-repeat center/cover;
    /* background: url("../images/btn-file.png") no-repeat center/cover; */
    margin: 460px auto 0;
    cursor: pointer;
}

.ani-pulse {
    animation: pulse 1s infinite both;
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.fixTop {
    position: fixed;
    top: 0;
    z-index: 999;
}

.menu-mod {
    width: 1202px;
}

.menu-mod ul {
    width: 1202px;
    margin: 0 auto;
}

.menu-mod li {
    float: left;
    display: block;
    background-image: url(../images/tab-spr.png);
    background-repeat: no-repeat;
    background-size: 1202px 231px;
}

    .menu-mod.finals li {
        float: left;
        display: block;
        background-image: url(../images/tab-spr2.png);
        background-repeat: no-repeat;
        background-size: 1202px 231px;
    }

    .menu-mod li:nth-child(1) {
        width: 354px;
        background-position: 0 0;
    }
    .menu-mod.finals li:nth-child(1) {
        width: 354px;
        background-position: 0 0;
    }
    .menu-mod li:nth-child(1):hover,
    .menu-mod li.active:nth-child(1) {
        background-position: 0 -116px;
    }
    .menu-mod.finals li:nth-child(1):hover,
    .menu-mod.finals li.active:nth-child(1) {
        background-position: 0 -116px;
    }

    .menu-mod li:nth-child(2) {
        width: 250px;
        background-position: -354px 0;
    }
    .menu-mod.finals li:nth-child(2) {
        width: 250px;
        background-position: -354px 0;
    }
    .menu-mod li:nth-child(2):hover,
    .menu-mod li.active:nth-child(2) {
        background-position: -354px -116px;
    }
    .menu-mod.finals li:nth-child(2):hover,
    .menu-mod.finals li.active:nth-child(2) {
        background-position: -354px -116px;
    }

    .menu-mod li:nth-child(3) {
        width: 250px;
        background-position: -604px 0;
    }
    .menu-mod.finals li:nth-child(3) {
        width: 250px;
        background-position: -604px 0;
    }
    .menu-mod li:nth-child(3):hover,
    .menu-mod li.active:nth-child(3) {
        background-position: -604px -116px;
    }
    .menu-mod.finals li:nth-child(3):hover,
    .menu-mod.finals li.active:nth-child(3) {
        background-position: -604px -116px;
    }

    .menu-mod.finals li:nth-child(4) {
        width: 346px;
        background-position: -854px 0;
    }
    .menu-mod.finals li:nth-child(4):hover,
    .menu-mod.finals li.active:nth-child(4) {
        background-position: -854px -116px;
    }


/* .menu-mod .active .bg,
.menu-mod a:hover .bg {
    opacity: 1;
} */

.menu-mod .active .cn,
.menu-mod a:hover .cn {
    color: #fff;
}

.menu-mod .active .en,
.menu-mod a:hover .en {
    color: #a39174;
}

.menu-mod a {
    display: block;
    height: 111px;
    cursor: pointer;
    position: relative;
}


.menu-mod .cn {
    color: #e5d6b8;
    font-weight: bold;
    display: none;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    top: 38px;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.menu-mod .en {
    font-style: normal;
    font-size: 12px;
    color: #494645;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 74px;
    display: none;
    letter-spacing: 3px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.event01 {
    background: url("../images/body-bg.jpg") no-repeat 50% 0;
    position: relative;
}

.event01 .mid {
    /* height: 1594px; */
    min-height: 500px;
    padding-bottom: 100px;
}

.content {
    width: 1200px;
    margin: 0 auto;
}

.side-bar {
    position: fixed;
    bottom: 120px;
    left: 50%;
    width: 107px;
    /* height: 525px; */
    height: 440px;
    z-index: 99;
    text-align: center;
    padding: 30px 0 40px;
    box-sizing: border-box;
   background:url(../images/side-bar-long.png) no-repeat center/100% 100%;
    margin-top: -260px;
    margin-left: 600px;
    display: none;
}

.side-bar .side-nav {
    display: none;
}

.side-bar::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: -16px;
    width: 90px;
    height: 89px;
    /*background:url(../images/side-moon.png) no-repeat;*/
    z-index: 0;
}

.side-bar .back-top {
    display: block;
    width: 57px;
    height: 57px;
    background:url(../images/side-top.png) no-repeat center;
    margin: 0 auto;
    margin-bottom: 16px;
}

.side-bar .btn-contribute {
    display: block;
    width: 51px;
    height: 76px;
    background: url(../images/side-edit.png) no-repeat center/100%;
    margin: 0 auto;
}

.side-bar ul li {
    width: 61px;
    height: 31px;
    /* background: rgba(41, 73, 148, .3); */
    background: #f9e2af;
    border-radius: 30px;
    margin: 0 auto 25px;
}

.side-bar ul li:hover {
    background: #fff2d5;
}

.side-bar ul li a {
    display: block;
    font-size: 16px;
    color: #965129;
    text-align: center;
    line-height: 31px;
}

.side-bar-short {
    position: fixed;
    bottom: 120px;
    left: 50%;
    width: 107px;
    /* height: 247px; */
    height: 180px;
    z-index: 99;
    text-align: center;
    padding: 30px 0 40px;
    box-sizing: border-box;
    background: url(../images/side-bar-short.png) no-repeat center/100% 100%;
    margin-top: -260px;
    margin-left: 600px;
    display: none;
}

.side-bar-short::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: -16px;
    width: 90px;
    height: 89px;
    background: url(../images/side-moon.png) no-repeat;
    z-index: 0;
}

.side-bar-short .back-top {
    display: block;
    width: 57px;
    height: 57px;
    background: url(../images/side-top.png) no-repeat center;
    margin: 0 auto;
    margin-bottom: 16px;
}

.side-bar-short .btn-contribute {
    display: block;
    width: 51px;
    height: 76px;
    background: url(../images/side-edit.png) no-repeat center/100%;
    margin: 0 auto;
}

.no-data {
    /*background: url(../images/bg-data-none.png) no-repeat;*/
    background: url(../images/bg-data-none-2.png) no-repeat;
    width: 599px;
    height: 550px;
    margin: 50px auto 60px;
}

.no-data2 {
    background: url(../images/bg-data-none-2.png) no-repeat;
    width: 599px;
    height: 550px;
    margin: 50px auto 60px;
}

.no-login {
    background: url(../images/vote/no-login.png) no-repeat;
    width: 599px;
    height: 550px;
    margin: 50px auto 60px;
}

#afooter {
    text-align: center;
    line-height: 20px;
    color: #ded5c5;
    background-color: #a99067;
    padding: 20px 0;
}

#afooter a {
    color: #ded5c5;
}

/* diglog css start*/
.dialog-protocol {
    position: relative;
    width: 960px;
    height: 816px;
    outline: none;
    background-color: #f3f3f3;
    border-radius: 15px 15px 5px 5px;
    border-top: #baa06d solid 6px;
}

.dialog-protocol .dia-con {
    padding: 20px 20px 0 60px;
}

.dialog-protocol .dia-close {
    display: block;
    background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAOEaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDk1N2M4YWYtYTIzOS0yZDRmLTg4ODMtZmJmN2RkYzYxOTJiIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ3NDU0NTE5MDhGQjExRUE5QjIxQTI1MUU0QjQ0NzA5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3NDU0NTE4MDhGQjExRUE5QjIxQTI1MUU0QjQ0NzA5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmMyMDVhZDRhLTEwYmUtYWU0ZS1hODgwLTI1OTRlNmEyMzA1NiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVlZDlhOGUwLTEzOGUtNzc0Zi05YjAwLTM4Y2YyODk4ODZhNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsnkrRgAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAHlBMVEVMaXGOjo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo4uU1eEAAAACXRSTlMAluosKhTKZj3uyH4IAAAAxklEQVQoz13RIRLCMBAF0N+hnVpsNArHcAKmJ0D1BhU4LA6LBNHO3pY02SS7P2JF5ond/4HxCPf6JY7X139O6x2jiKP9WRZ8RBydRFZ04miEcgKCoxH+LvBUoacKHa3Q0goNNbBRAys9WFjo1UKlBDMlmKkQTJShUoKZEkw7CrW170gVKGS67xiIpmOoLb3aU73a03K1pTUeS1s8jZocG7U5FuoCL9QHnik1k+lEgSc6U+CRbhge1EyQJzBTM90Wx3CjEt74AxEwgbCWvOqaAAAAAElFTkSuQmCC") no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 16px;
    right: 20px;
}

.dialog-protocol .dia-headline {
    width: 840px;
    height: 84px;
    line-height: 84px;
    color: #baa06d;
    font-size: 40px;
    font-weight: bold;
    border-bottom: #e9e9e9 1px solid;
}

.dialog-protocol .protocol-box {
    margin-top: 36px;
    height: 516px;
    overflow: auto;
}

.dialog-protocol .protocol-box::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

.dialog-protocol .protocol-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #b3b3b3;
}

.dialog-protocol .protocol-box::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #e6e6e6;
}

.dialog-protocol .protocol-list li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    width: 846px;
}

.dialog-protocol .protocol-list li:last-child {
    border-bottom: none;
}

.dialog-protocol .dia-time {
    color: #575757;
    font-size: 18px;
    font-weight: bold;
}

.dialog-protocol .greetings {
    color: #838383;
    font-size: 16px;
    padding-top: 32px;
    line-height: 24px;
}

.dialog-protocol .question {
    color: #575757;
    font-size: 22px;
    font-weight: bold;
    padding-top: 26px;
}

.dialog-protocol .answer {
    font-size: 16px;
    color: #838383;
    line-height: 26px;
    padding-top: 26px;
}

.dialog-protocol .answer em {
    font-style: normal;
    color: #575757;
    font-size: 18px;
    font-weight: bold;
}

.dialog-protocol .btn-confirm {
    display: block;
    border-radius: 40px;
    border: 2px solid #baa06d;
    width: 236px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    font-size: 18px;
    color: #baa06d;
    cursor: pointer;
    margin: 36px auto 0;
    letter-spacing: 4px;
}

.dialog-vote-explain {
    background: url(../images/dialog-max.png) no-repeat;
    background-size: 100%;
    width: 1041px;
    height: 527px;
    outline: none;
}

.dialog-vote-explain .content {
    width: 820px;
    height: 484px;
    margin: 20px 0 20px 126px;
    color: #c7ab74;
}

.dialog-vote-explain strong {
    margin-top: 40px;
    font-size: 30px;
    color: #c7ab74;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.dialog-vote-explain .text {
    margin: 20px auto;
    width: 90%;
    font-size: 18px;
    line-height: 35px;
}

.dialog-vote-explain .text::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

.dialog-vote-explain .text::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999999;
}

.dialog-vote-explain .text::-webkit-scrollbar-track {
    background: #cccccc;
}

#dialogVoteExplain2 {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

#dialogVoteExplain2 .dialog-vote-explain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#dialogVoteExplain2 .text {
    height: 366px;
    overflow-y: auto;
    padding-right: 40px;
}

#dialogVoteExplain2 .text::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

#dialogVoteExplain2 .text::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #dc6230;;
}

#dialogVoteExplain2 .text::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #d7b882;
}

#dialogVoteExplain2 .text p {
    text-indent: 2em;
    text-align: justify;
}

.dialog-vote-explain .ft-active {
    color: #f14915;
}

.dialog-vote-explain .ico-close {
    position: absolute;
    top: -52px;
    right: 60px;
    width: 40px;
    height: 40px;
    background: url(../images/btn-dialog-close.png) no-repeat;
}


.dialog-vote-tips {
    /* position: relative; */
    background: url(../images/dialog-min.png) no-repeat;
    width: 893px;
    height: 407px;
    display: block;
    visibility: visible;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin-top: -203.5px;
    margin-left: -446.5px;
}

.dialog-vote-tips .dia-con {
    width: 600px;
    margin: 0 auto;
}

.dia-close-new {
    position: absolute;
    top: -52px;
    right: 60px;
    width: 40px;
    height: 40px;
    background: url(../images/btn-dialog-close.png) no-repeat;
}

.dialog-vote-tips .icon-vote {
    display: block;
    background: url(../images/icon-dialog-001.png) no-repeat;
    width: 80px;
    height: 81px;
    margin: 50px auto 20px auto;
}

.dialog-vote-tips .p1 {
    font-size: 30px;
    font-weight: bold;
    color: #baa06d;
    text-align: center;
    padding-bottom:20px;
}

.dialog-vote-tips .p2 {
    font-size: 20px;
    color: #baa06d;
    text-align: center;
    line-height: 30px;
}

.dialog-vote-tips .p2 span {
    color: #fa7964;
    font-weight: bold;
}

.dialog-vote-tips .p2 i {
    font-style: normal;
    color: #baa06d;
}

.dialog-vote-tips .btn-confirm {
    width: 276px;
    height: 61px;
    background: url(../images/btn-ok.png) no-repeat;
    margin: 30px auto;
    display: block;
    text-indent: -50px;
    overflow: hidden;
}

.dialog-vote {
    background: url(../images/dialog-max-2.png) no-repeat;
    width: 1200px;
    height: 676px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin-top: -338px;
    margin-left: -600px;
}

.dialog-vote .dia-close-new {
    right: 0;
}

.dialog-vote .dia-con {
    width: 1200px;
}

.dialog-vote .dia-rank-num {
    width: 67px;
    height: 87px;
    background: url(../images/dia-icon-rank-bg.png) no-repeat center/100%;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 45px;
    z-index: 2;
    font-size: 15px;
    color: #fff;
    box-sizing: border-box;
    padding-top: 5px;
}

.dialog-vote .rank-tag {
    width: 50px;
    height: 147px;
    position: absolute;
    top: 5px;
    left: 45px;
    z-index: 2;
}

.dialog-vote .rank-tag.tag-1 {
    background: url("../images/tag-1.png") no-repeat center/100%;
}

.dialog-vote .rank-tag.tag-2 {
    background: url("../images/tag-2.png") no-repeat center/100%;
}

.dialog-vote .rank-tag.tag-3 {
    background: url("../images/tag-3.png") no-repeat center/100%;
}

.dialog-vote .rank-tag.tag-4 {
    background: url("../images/tag-4.png") no-repeat center/100%;
}

.dialog-vote .dia-rank-num.flexCenter {
    padding-top: 15px;
}

.dialog-vote .image-box {
    position: absolute;
    left: 34px;
    top: 60px;
    height: 416px;
    width: 705px;
    overflow: hidden;
}
.dialog-vote.noComment .image-box {
    position: absolute;
    left: 34px;
    top: 60px;
    height: 540px;
    width: 705px;
    overflow: hidden;
}
.dialog-vote .image-box::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

.dialog-vote .image-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #c7ab74;
}

.dialog-vote .image-box::-webkit-scrollbar-track {
    background: #c7ab74;
}

.dialog-vote .image-list li {
    width: 100%;
    height: 100%;
    position: absolute;
    /*margin-bottom: 20px;*/
}

.dialog-vote .image-list img {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
}

.dialog-vote .dia-info {
    /* position: absolute;
    right: 0;
    width: 400px;
    padding: 40px 30px;
    top: 50%;
    transform: translateY(-50%); */

    position: absolute;
    right: 0;
    width: 400px;
    padding: 34px 30px 20px;
}
.dialog-vote.noComment .dia-info{
    position: absolute;
    right: 0;
    width: 400px;
    padding: 50px 30px;
}
.dialog-vote .dia-info .wt {
    margin: 10px 0;
}

.dialog-vote .dia-info .wt span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid #c7ab74;
    color: #c7ab74;
}

.dialog-vote .dia-info .wt span.works-id {
    background: #dcc9a4;
    color: #fff;
}

.dialog-vote .dia-headline {
    color: #c7ab74;
    font-size: 24px;
    line-height: 32px;
    zoom: 1;
    height: 66px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}

/*.dialog-vote .dia-headline:after {*/
/*    content: ".";*/
/*    display: block;*/
/*    height: 0;*/
/*    clear: both;*/
/*    visibility: hidden;*/
/*}*/

.dialog-vote .dia-count {
    width: 390px;
    margin: 0 auto 0 auto;
}

.dialog-vote .dia-count .watch {
    background: url(../images/icon-eye.png) no-repeat center left;
    /* width: 16px; */
    line-height: 30px;
    color: #c7ab74;
    margin-right: 15px;
    display: block;
    float: left;
    font-size: 16px;
    padding-left: 20px;
}

.dialog-vote .btn-collect-s {
    float: left;
    background: url(../images/icon-star.png) no-repeat;
    height: 16px;
    color: #c7ab74;
    font-size: 16px;
    margin-top: 7px;
    padding-left: 20px;
    cursor: pointer;
    line-height: 1;
}

.dialog-vote .btn-collect-s.off {
    background: url(../images/icon-star-full.png) no-repeat;
}

.dialog-vote .dia-count .btn-report {
    float: right;
    background: url(../images/icon-w.png) no-repeat;
    height: 16px;
    color: #c7ab74;
    font-size: 16px;
    margin-top: 7px;
    padding-left: 20px;
    cursor: pointer;
    line-height: 1;
}

.dialog-vote .author {
    margin-top: 14px;
    height: 44px;
    line-height: 44px;
    color: #c7ab74;
    font-size: 16px;
    border-top: 1px solid #e6d7ba;
    border-bottom: 1px solid #e6d7ba;
}

.dialog-vote .author .name {
    margin-right: 20px;
}

.dialog-vote .comment-mod {
    padding-top: 0px;
}

.dialog-vote .comment-mod strong {
    height: 48px;
    line-height: 48px;
    color: #e6d7ba;
    font-size: 20px;
    padding-left: 8px;
    font-weight: normal;
    border-bottom: 1px solid #e6d7ba;
    display: block;
}

.dialog-vote .comment-mod .text {
    font-size: 16px;
    line-height: 30px;
    color: #e6d7ba;
    padding: 17px 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 120px;
}

.dialog-vote .dia-detail {
    height: 120px;
    color: #c7ab74;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /*border-bottom: 1px solid #e6d7ba;*/
}
.dialog-vote.noComment .dia-detail {
    height: 155px;
    color: #c7ab74;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /* border-bottom: 1px solid #e6d7ba; */
}

.dialog-vote .work-comment {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 500px;
    width: 1130px;
}

.dialog-vote .work-comment .comment-icon {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid #c7ab74;
    color: #fff;
    background: #dcc9a4;
    margin-bottom:8px;
    width:55px;
    position: relative;
    text-align: center;
}
.dialog-vote .work-comment .comment-icon::after{
    content: '';
    height: 1px;
    width: 1025px;
    position: absolute;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    background: #c7ab74;
}
.dialog-vote .work-comment .comment-info {
    height: auto;
    color: #c7ab74;
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
}

.dialog-vote .dia-dp {
    color: #c7ab74;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    /* border-top: 1px solid #e6d7ba; */
}

.dialog-vote .dia-dp b {
    font-size: 12px;
    background: #dcc9a4;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid #c7ab74;
}


.dialog-vote .vote-num {
    width: 100%;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    color: #c7ab74;
}

.dialog-vote .vote-num span {
    font-size: 30px;
    margin: 0 5px;
}

.dialog-vote .btn-like {
    margin: 10px auto 5px auto;
    display: block;
    width: 336px;
    height: 61px;
    background: url(../images/btn-vote-max.png) no-repeat;
    text-indent: -100px;
    overflow: hidden;
}

.btn-like.disabled {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.dialog-vote.dialog-vote-finals .btn-like {
    pointer-events: auto;
    -webkit-filter: none; /* Chrome, Safari, Opera */
    filter: none;
}

.dialog-vote .btn-like.off {
    background: url(../images/btn-voted-max.png) no-repeat;
}

.dialog-vote .btn-collect {
    margin: 20px auto 5px auto;
    display: block;
    width: 336px;
    height: 61px;
    background: url(../images/btn-collect.png) no-repeat;
    text-indent: -100px;
    overflow: hidden;
}

.dialog-vote .btn-collect.off {
    background: url(../images/btn-has-collect.png) no-repeat;
}

.dialog-vote .dia-tips {
    color: #c7ab74;
    font-size: 13px;
    text-align: center;
    padding-top: 8px;
}

.dialog-vote .liked {
    border: 1px solid #baa06d;
}

.dialog-vote .liked span {
    background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAANuaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZWNiYzZkODMtNjU1Yy03YjRlLTk4ZmUtZjdiZDY0MmYzYTcwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2N0NDQTVBMTZCNDExRUE5OTQwQkRCRTZEMzQ2QjRFIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2N0NDQTU5MTZCNDExRUE5OTQwQkRCRTZEMzQ2QjRFIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNERkZERDAzMEEzNzExRUE4RkE0REJEMzZGRERFRTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNERkZERDA0MEEzNzExRUE4RkE0REJEMzZGRERFRTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nj4J7QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAqUExURbqgbUxpcbqgbbqgbbqgbbqgbbqgbbqgbbqgbbqgbbqgbbqgbbqgbbqgbXXJAFsAAAAOdFJOU/8AT1/hstIOHZIx9HOElndP/AAAAGxJREFUCNdjEBQUbPFsFBRkADJC1SaCGUI7qg3BjJKDUwTBjCuCO5WUNBgqujYJTnFxcWHYwBAIlBC0ZmBqMwQxQhm4xEAMcWYoQ3g7lCEaCGVUG0IZ1oVQRqggA4/KJCUlpc2CDAkMIJAuCABwDRfknhfC+gAAAABJRU5ErkJggg==") no-repeat;
    color: #baa06d;
}

#DialogPreview .dia-info {
    top: 70px;
    padding: 0 30px;
}

.dialog-preview {
    background: url(../images/dialog-max-2.png) no-repeat;
    background-size: 100% 100%;
    height: 542px;
}

.dialog-preview .image-box {
    height: 410px;
}

.dialog-vote-tips-other .dia-con {
    padding-top: 120px;
}

#dialog-getVote strong {
    margin-top: 40px;
    font-size: 30px;
    color: #c7ab74;
    font-weight: bold;
    display: block;
    text-align: center;
    position: relative;
}

#dialog-getVote .btn-mask-s {
    display: inline-block;
    width: 37px;
    height: 37px;
    background: url(../images/btn-mark-s.png) no-repeat center/100%;
    position: absolute;
    top: 5px;
    right: 135px;

}

.task-list {
    width: 520px;
    margin: 0 auto;
    font-size: 18px;
    color: #c7ab74;
}

.task-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
    border-bottom: 1px solid #efdfc6;
}

.task-list li a {
    width: 144px;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: default;
}

.btn-no-get {
    color: #de6c3d;
}

.task-list li a.btn-no-get:hover {
    color: #de6c3d;
}

.btn-has-get {
    color: #b5a380;
}

.task-list li a.btn-has-get:hover {
    color: #b5a380;
}

.dialog-min-2 {
    background: url(../images/dialog-min-2.png) no-repeat;
    width: 893px;
    height: 265px;
    padding: 70px 100px 0;
    box-sizing: border-box;
}

#dialog-mark {
    font-size: 18px;
    color: #c7ab74;
}

#dialogAdvanceNotice .text {
    height: 366px;
    overflow-y: auto;
    padding-right: 40px;
}

#dialogAdvanceNotice .text::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

#dialogAdvanceNotice .text::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #dc6230;;
}

#dialogAdvanceNotice .text::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #d7b882;
}

#dialogAdvanceNotice .text p {
    text-indent: 2em;
    text-align: justify;
}

#dialog-code strong {
    margin-top: 40px;
    font-size: 24px;
    color: #c7ab74;
    display: block;
    text-align: center;
    position: relative;
}

#dialog-code .code0225 {
    margin: 25px auto 0;
    display: block;
    width:200px;
}

#diaAddReward .dia-con {
    width: 695px;
    color: #c7ab74;
}

#diaAddReward .dia-con strong {
    margin-top: 40px;
    font-size: 30px;
    font-weight: bold;
    display: block;
    text-align: center;
}

#diaAddReward .outside-box {
    height: 253px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

#diaAddReward .img-box {
    width: 230px;
    height: 253px;
    position: relative;
}

#diaAddReward .icon-1 {
    width: 179px;
    height: 253px;
    position: absolute;
    right: 0;
}

#diaAddReward .icon-2 {
    width: 90px;
    height: 91px;
    position: absolute;
    bottom: 0;
}

#diaAddReward .word-box {
    width: 400px;
    height: 253px;
    font-size: 18px;
    padding-right: 35px;
    overflow: auto;
}

#diaAddReward .word-box p {
    text-align: justify;
    text-indent: 2em;
}

#diaAddReward .word-box p span {
    color: #ff8073;
}

#diaAddReward .word-box::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}

#diaAddReward .word-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #dc6230;;
}

#diaAddReward .word-box::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #d7b882;
}

#_overlay_ {
    position: fixed !important;
    height: 100% !important;
}
#dialog-comment .dia-con{
    padding-top:30px;
    margin-bottom:20px;
    width:694px;
}
#dialog-comment .dia-con .p2{
    line-height: 30px;
    font-size: 20px;
    text-align: left;
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 12; */
    overflow: hidden;
    height: 290px;
    overflow-y: auto;
    text-indent: 2em;
}


.loginWrapper{
    background-color: #262224;
  }
  .loginBtn{
    /* right: 10px;
    top: 10px; */
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    
  }
  .loginBtn img:hover{
    cursor: pointer;
  }
  .loginBtn h1:hover{
    cursor: pointer;
  }
  .loginBtn h1{
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
  }
  .loginBtn p{
    color:#858792;
    font-size: 12px;
    line-height: 16px;
  }

  .loginText{
    margin-left: 5px;
  }
  
  .loginIcon {
    
    border-radius: 50%; /* 使图片变成圆形 */
    border: 2px solid #e7b955; /* 设置2px的黑色边框 */
    display: block; /* 避免图片下方出现空隙 */
  }

/* diglog css end*//* #t6Hl8#7248D8D20F44C193BC401E9682D93AA0 */