#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 20;
    font-size: 18px;
    color: #cfd1cc;
    z-index: 101
}

#loading .box {
    width: 100%;
    height: 1px;
    background: #414141;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

#loading .box span {
    height: 1px;
    background: #c4c4c4;
    position: relative;
    top: 0;
    left: 0;
    display: block
}

#loading .box p {
    font-size: 16px;
    line-height: 30px;
    color: silver;
    text-align: center
}

body {
    min-width: 1280px;
    width: 100%;
    background: #fff;
    padding-top: 40px;
}

.bg {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(images/bg.jpg) no-repeat 50% 0;
}

.login-bar {
    width: 200px;
    height: 51px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAzCAMAAADl07d2AAAAOVBMVEUAAAAAAAAAAACDdGmEdWr12saEdWmtBQWvDQyyFBOxERCzGBa1HRq2Ih+4JiO6Kye7MCv12cW9NC9kJkl/AAAAB3RSTlPZAGzs7H/sCrcqrAAAAf9JREFUaN7d2dtygzAMRVGX3twQLun/f2yhB/UwVLExySCBPJP3NRvFpA1ep3opm+B2qrNAQnUWSKjOAgnVWSChOgukQBI+LSZqc/mdr2nq+nZ7HSRuIXE8+NAchIjEISROB4oF41+QP4k/CDUApZ8sSpxBpAccuSCYKyS+IJh7Pe5AJokrCIuoG4JZOkTiCVK2IYBQ4gQSk99ZF21F4KDEBwSUdBE9CCVOIHoRJklAmgYSL5BkEXXVBSISBxB9R9hDhdAhEnuI7AgQ676zGIQSBxApoqxIMkgDiEgcQKJoylYEDkqsIVGabFgRTNtC4qFIVIrkVoQQkdgXgUO52FMQYQyQUfIxSOyLiGJpWfdkUWIDYY7EvZ6DtBOkg8T4Qszd68kVgaMbJG+QmED0IgyCSa4IIJRYQZJF8rsuTxYlDnfkkoVwRWYSjzuyrggclLjdkcyXFiF9D4nVPYKz/RohhJL9IIzxxCKU7AghRQ4+iq4ROAihxPTtN19ED0IIJXY7UnaxN1e9CCU2ReB5rEgvkG9IjlFE3RGBTJIjFGkIUYqIxHWRek0RkXguIhAwIBEIGHPJ8YuMknfX98gCohWhxOg3++PvWh2TQLJvkYiz8V2LEmEAAgkguw0cOEVF9CWZS3KQXf5flf37HItoSSDZqUjk81X4sqX+RGQRSn4AUjcHqihbjQ8AAAAASUVORK5CYII=) no-repeat 0 0;
    padding: 6px 15px 0 0;
    line-height: 45px;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 300px;
    z-index: 999;
    color: #fff;
    font-size: 16px;
}

.login-bar a {
    color: #fff
}

.wrap {
    width: 100%;
    min-width: 1200px;
    position: relative;
    overflow: hidden;
}

.wrap .main {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.wrap .main .header {
    width: 100%;
    height: 300px;
    background: url(images/header.png) no-repeat center top;
}

.wrap .main .header .logo {
    width: 210px;
    height: 90px;
    top: 40px;
    margin-left: -810px;
    left: 50%;
}

.wrap .main .con {
    width: 1040px;
    height: 1140px;
    margin: 0 auto;
    background: url(images/bg-con.jpg) no-repeat center top;
}

.wrap .main .detail {
    float: left;
    padding: 60px 0 0 80px;
    height: 410px;
}

.wrap .main .title {
    line-height: 40px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    width: 315px;
    padding: 20px 0 20px 35px;
}

.wrap .main .intro {
    width: 350px;
}

.wrap .main .intro p {
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    display: flex;
    padding-bottom: 10px;
}

.wrap .main .intro p b {
    width: 24px;
    margin-right: 10px;
    height: 24px;
    background: #000;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 24px;
    flex: 0 0 24px
}

.wrap .main .pic {
    width: 530px;
    height: 300px;
    left: 460px;
    top:90px;
    background: rgb(186 199 197 / 30%);
}
.wrap .main .pic img {width:530px;height:300px;position: absolute;top:-10px;left: -10px;}
.wrap .main .pic .btn-big {width:530px;height:300px;position: absolute;top:-10px;left: -10px;z-index:2;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJFBMVEUAAAAiJCYiJCYiJCYiJCYiJCYiJCYiJCYiJCYiJCYiJCb/9+Bb3nPuAAAACnRSTlMAz8cG9G4b+W9tQwfPigAAAFJJREFUGNNjYDBVWQUGTsEMDGxSq6BgYQKD4So4EGaYheCsZNBCcBYxVCE4yxnA1OpdYIpczm4wQOdQbDSyQ5egeiEKwVmK4m3UAGGwgAVVMwMAfeyzwa0qVhQAAAAASUVORK5CYII=) no-repeat 500px 10px;}

.wrap .main .comment {
    width: 100%;
    height: 200px;
    float: left;
}

.wrap .main .comment .score {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #f29898;
    font-weight: bold;
    padding-top: 10px;
    width: 1040px;
    padding-left: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wrap .main .comment .score i {
    width: 23px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA9+rb8YRrRSwdEQ2J4cyvqZd7dnVSSzgkIhgExINEmPEAAACZSURBVCjPbdFZDoUgDEDRMiggzvPwuv9tPpEIjXB/SA4hTSiQasi24JLjS6C4Ml4iYpmy5bdzm3iBruLLhj3OTKRKTb3AN9FPqnLvG0xrCjAi48IA7DxhvsOdlh+WGp42hjS2AfgUo6wg1BHvINYSb4lz4jyyRZoNrv3Anx+vg69OhwOOwd2sZCWyPsF11pIsZx6r+Lvj7I4/iKYYpnKiJyYAAAAASUVORK5CYII=) no-repeat center top;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all .3s;
    cursor: pointer;
}

.wrap .main .comment .score i.on,
.wrap .main .comment .score i.hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAAt1BMVEUAAAD/85z/63X/5Vb/85//7Xv/5Vb/9KT/7oL/5FH/8In/6Gf/9a3/8Y7/8pn/8pT/9rX/85//6m3/63T/5Vb/5FH/8pn/9Kn/403/85//403/5FH/9rH/97j/5Vb/85//7oL/8In/5lv/8Y7/5Vb/9a3/9rX/5lv/85//85//97v/7Xv/7Xv/8pf/6GT/8Y7/8In/7oL/5lv/7Xv/63T/6m3/5VX/85//9Kn/9KT/9rH/9a3/97d4ojBRAAAALXRSTlMAHRUO/fn39fXx8Ozp6OHe2dnMr5eJhYR7dnVralJLRTgtKyQiDgTEqaiKRkX1srK3AAAAs0lEQVQoz23Q1RKDQAxA0QB1F9y9Tn3bAv//XUU6Gwqcl+zch81MoGIPrYzUaMvhIl2ELV2P41hv5mCSJMkkaHTpnZPqmel/cn0GE2spu2XnVeost4rFZlWcnZpmIjDzlj7PvvOm57qpBxlndPk3cqBgD65VAxt+jt076h6AWj/QGtDqiVaAxhEaY+aiKo5291bYlMOl3SSE9HgffL6XvUzaNTIU2PKGwpBotKsyh7tkNR9fhd4qg93vbjkAAAAASUVORK5CYII=) no-repeat center top;
}

.wrap .main .comment textarea {
    resize: none;
    width: 760px;
    height: 95px;
    padding: 10px;
    box-sizing: border-box;
    background: #191a1b;
    color: #fff;
    border: 0 none;
    outline: none;
    position: absolute;
    top: 70px;
    left: 60px;
}

.wrap .main .comment .word-limit {
    width: 60px;
    color: #fff;
    font-size: 14px;
    top: 140px;
    left: 750px;
    text-align: right;
}

.wrap .main .comment .btn-submit,.wrap .main .selected .title .btn-more {
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMsaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0OCA3OS4xNjQwMzYsIDIwMTkvMDgvMTMtMDE6MDY6NTcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MzQ3NDgxNkEzOTcxMUVFQTE0Q0NFNTkzMjJGNzJCQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MzQ3NDgxN0EzOTcxMUVFQTE0Q0NFNTkzMjJGNzJCQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzNDc0ODE0QTM5NzExRUVBMTRDQ0U1OTMyMkY3MkJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzNDc0ODE1QTM5NzExRUVBMTRDQ0U1OTMyMkY3MkJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABAMDAwMDBAMDBAYEAwQGBwUEBAUHCAYGBwYGCAoICQkJCQgKCgwMDAwMCgwMDQ0MDBERERERFBQUFBQUFBQUFAEEBQUIBwgPCgoPFA4ODhQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAKACCAwERAAIRAQMRAf/EAIEAAQEBAAMBAAAAAAAAAAAAAAAEBQECAwgBAQACAwEBAAAAAAAAAAAAAAADBQIEBgEIEAABAwEGBQUBAAAAAAAAAAAAAQIDEZGx0VIEFSExcjMFQVFhgSISEQEAAQICCAcBAAAAAAAAAAAAAQIDURMRMXGh0TMEFfAhQYGxwQUi/9oADAMBAAIRAxEAPwD5e1+pfHSFnBXJVXfHKhx1qiJ830l13UVUfxHrDMNpRAAABVHr542Iz8uROSurW8hm1EysLfXXKKdHlO123KfKyxcTzJhn3G5hG/iblPlZYuIyYO43MI38Tcp8rLFxGTB3G5hG/iblPlZYuIyYO43MI38Tcp8rLFxGTB3G5hHj3SOc5zlc5auXiqqTRGhXVVTVOmdbg9YgACrRal8cjYl4xvVEp7KvqQ3KImNKw6PqKqKop9JlrGm6Nl+S77ehL1Nuzqc/+jzI2fcoydWAAAAAAAAAAAAAAAHpp+/F1tvMKtUprHMp2x8tw0HWsvyXfb0Jept2dTn/ANHmRs+5Rk6sAAAAAAAAAAAAAAAPTT9+LrbeYVapTWOZTtj5bhoOtZfku+3oS9Tbs6nP/o8yNn3KMnVgAAAAAAAAAAAAAAB6afvxdbbzCrVKaxzKdsfLcNB1qHX6d8lJmcf5Sit+OdTYtVxHkqeu6eqv+49IZptKIAAAKo9BPIxH/lqLyR1a3EM3YiVhb6G5XTp8o2u22z5mWrgeZ0M+3XMY38DbZ8zLVwGdB265jG/gbbPmZauAzoO3XMY38DbZ8zLVwGdB265jG/gbbPmYv2uAzoO3XMY8eyRzVaqtclHJwVFJonSrqqZpnROtwesQABVotO+SRsvJjFRa+6p6ENyuIjQsOj6equqKvSJaxpujf//Z) no-repeat 0 0;
    text-align: center;
    font-size: 18px;
    left: 835px;
    top: 125px;
    font-weight: normal;
}

.main .comment .btn-submit:hover, .main .selected .title .btn-more:hover {
    filter: brightness(0.8);
}

.wrap .main .selected {
    padding: 0 30px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.wrap .main .selected .title {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width:100%;
    padding:20px 0;
}

.wrap .main .selected .title .btn-more {
    top: 30px;
    left: 805px
}

.comment-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.comment-list li {
    width: 320px;
    height: 234px;
    background: url(images/bg-comment.png) no-repeat 0 0;
    padding: 15px;
    box-sizing: border-box;
    margin-right: 10px;
}
.comment-list li:nth-child(3n){margin-right:0}

.comment-list li p {
    line-height: 22px;
    font-size: 15px;
    color: #fff;
    height: 158px;
    word-wrap: break-word;
}

.comment-list li .btn-like {
    float: left;
    width: 80px;
    height: 20px;
    padding-top: 35px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAMAAACKeiw+AAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMA+Pzx1Gy6nvXs5d5UPjYnHxQHAtrDtZeFgXlnY05JKSQPz8qvpnxwXysWkPZLmgAAAM9JREFUKM990tmuwiAARdENdLC22sl59s5X/v//1LbaIsJ6O9khJATuyvVMimB9plH9zhORLnM6B6Ub4ylAPmuXCGlkUndUDkWiHzYA/yP99FkT9UtOgLkeyCbDFdQYWy9iY2YsjS2VMWMC7RGgfDlBeyF8VZL68pgvX14Q+nJI6blcXCB25xgohPPwCWDlyivuqg/Hi1Y0jupdVUc6B2lXuedpZ+ctPftxfjBspVE3vNiP+ij+sEzTtrX/3Xb+bmtU8t7udoEKa1xOUVQwdAVyFWQWUiPMRQAAAABJRU5ErkJggg==) no-repeat 50% 0;
}

.comment-list li .btn-like.on, .comment-list li .btn-like:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAMAAACKeiw+AAAAgVBMVEUAAACsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBASsBATPSK8UAAAAKnRSTlMA/Pj18dRsup7s5d5UPjYnHxYHAtrDtauXhYF5Z2NOSSkkD8/KfHBfKxSxeykrAAAA0ElEQVQoz33R2bKCMBBF0Z0wCzKq13m6k+b/P1BEBCIk6+3UqaSrunkqtgshve2VRvm3jES8zmidXNWYpdSyxStJn0YiVMvNII/U247azVGdn4qgT2IOLNVAMh8mr0LLahVqMWGtZeFqMcRTFh6urY5QVghbK4ht9YwvW73Ct9U+d2kZXUBorkMgl8bHF2obU73hqfw2bLSkcZ5crHOmdRITg490DuN6T2+8nF80e/3/HR+OTl/Kf0bSuLtTyoRre7ygYNqhHuD4FSaXIMgZegBENmHnAie4+AAAAABJRU5ErkJggg==);
}

.comment-list li .btn-unlike {
    float: right;
    width: 80px;
    height: 20px;
    padding-top: 35px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA5Da07dDmvU486tLDuK2jmlUpJNnPqIZ+eHFqWvLLm5RTSEI4MB4SBBluLMEAAAC8SURBVCjPfdHnDoMgFIbhz71nHdXaPbn/GyyIJEYPvL9OeAIJADzK4gSRXbaWb4l8P3YTuRgyXiGUbXoKTubxAORbTgW78xgBKdv25ezPkw0EOx45W4qzHQdmdtfssF21mSczd2aOzcw+Zg7NfDRzrt6c5gaN+rGAYBeVPITefQNCJxvAi9a7PF6S9lhVrS+kIn0C1aC4B9ll4ZLm98IF6FrJVw2P6q3p7pIjDb9m9aDpF8sf0FUH564GVH+9QlDBwWEAvQAAAABJRU5ErkJggg==) no-repeat 50% 0;
}

.comment-list li .btn-unlike.on, .comment-list li .btn-unlike:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAeFBMVEUAAAD/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8In/8Im/01REAAAAJ3RSTlMA5Da07dDmvVVOPCjq0sO4raOaItnPqIZ+eHFqWvLLm5RIQjgwEgQSNCIAAAAAvElEQVQoz33S1w6EIBCF4ePae9fVdXvh/d9wQSQhOvBfTfyCCROAZ1NfIDo1vRM4oiDIvFx+jBmvFsp2vQTn69gC1Z4Lwd46JkDB9n05B+t0AsIDz5wdxeWBQzt7OrvsUGrnxc6DnTM7s9bOsZ3Pdq7Uzmnu0KkFhAR7iORP6NMPIHbLCbxEP+Xz8mKEVqRfSEX6AqpJ8Qiy28YNzZ+Na9D1ku8GntWu6SLJiYHfq/ow9MvkKzCVhtchBVR/sDJM4Y1lDCkAAAAASUVORK5CYII=);
}


.btn_close {
    top: 40px;
    right: 40px;
    width:56px;
    height:56px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAFVBMVEUAAAD/9+D/9+D/9+D/9+D/9+D/9+A18lGgAAAABnRSTlMA1BWYFgp6WcwkAAAAc0lEQVQY02WRwQmAMAwAg7iAffhWd6h/Z3ACKbj/CMIFuUcCbdPe0aYk7i2MqcfZwthH7M8mXhvjD5gCiFmcizhXsQnHCmJScQqJFQ6wwgJWeMXuq1/vq+9ZT623/sfk4lhxXptYAawAVkisQL8UBv1U6B+vbxeDueFbygAAAABJRU5ErkJggg==) no-repeat 50% 50%;
}
.pop-list {width:1140px;height:850px;background: url(images/pop-list.png) no-repeat 0 0;padding: 60px 60px 60px 80px;box-sizing: border-box;margin: 0 auto;}
.pop-list .title {font-size: 24px;color: #fff;line-height:75px;text-align: center;font-weight: bold;padding-bottom: 10px;}
.pop-list select {height: 30px;background: #a7a7a7;border:0 none;position: absolute;top: 80px;left: 80px;width: 200px;}
.pop-list .page{height: 32px;display: flex;justify-content: center;}
.pop-list .page a {display: block;padding:0 5px;color:#fff;line-height: 32px;min-width: 30px;box-sizing: border-box;text-align: center;margin: 0 5px;}
.pop-list .page a:hover {text-decoration: underline;}
.pop-list .page .top,
.pop-list .page .prev,
.pop-list .page .next,
.pop-list .page .last,
.pop-list .page a.on {cursor: pointer;}
.pop-list .comment-list {height:560px;}
.pop-list .page a.on {background: #000;cursor: default;text-decoration: none;}

.pop-text,
.pop-confirm {width: 514px;height:318px;background: url(images/pop-bg.png) no-repeat 0 0;padding:90px 60px 0;box-sizing: border-box;}
.pop-text p,
.pop-confirm p{font-size: 26px;height:15px;font-weight: bold;color:#fff;line-height: 70px;text-align: center;display: flex;justify-content: center;align-items: center;height:150px}

.pop-confirm {padding-top:80px}
.pop-confirm p {height:120px;line-height: 50px;}
.pop-confirm .btns {height:40px;width:100%;display: flex;justify-content: center;}
.pop-confirm .btns a {margin:0 10px;display:block;width:130px;height:40px;color: #fff;font-size: 18px;text-align: center;line-height: 40px;background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMsaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0OCA3OS4xNjQwMzYsIDIwMTkvMDgvMTMtMDE6MDY6NTcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NkU1QTYxQ0EzQjUxMUVFOEMzNENDMTM1NkIyNTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NkU1QTYxREEzQjUxMUVFOEMzNENDMTM1NkIyNTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg2RTVBNjFBQTNCNTExRUU4QzM0Q0MxMzU2QjI1MjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg2RTVBNjFCQTNCNTExRUU4QzM0Q0MxMzU2QjI1MjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAKACCAwERAAIRAQMRAf/EAHgAAQACAwEAAAAAAAAAAAAAAAADBAECBQcBAQADAQEBAAAAAAAAAAAAAAACAwQFAQcQAAIBAQcDBQEAAAAAAAAAAAABAgMRMVGh0QQUIXIzQWGRscEjEQEAAgAFBAMBAAAAAAAAAAAAAQIRAxMEFDFRcTJBYSIh/9oADAMBAAIRAxEAPwDxPd1pR/nHparW/Y4dK/L6nus6Y/MKZa54AAATw3dWMVHo7PV3kJpEtNN1eIwZ51XCOeo04S5l+0HOq4Rz1GnBzL9oOdVwjnqNODmX7Qc6rhHPUacHMv2g5tXCPw9Rpwcy/wBIG2223a3eybLMzM4ywHgAAn2taUJqF8ZOyzBsheuLTts6azh8SvlLqKO+8q7f1l2X0c3ee8eFcmyAAAAAAAAAAAAAAAG9Hyw7l9nluizK948umZ3ZUd95V2/rLsvo5u8948K5NkAAAAAAAAAAAAAAAN6Plh3L7PLdFmV7x5dMzuyo77yrt/WXZfRzd57x4VybIAAAAAAAAAAAAAAAb0fLDuX2eW6LMr3jy6ZndlV3lGUv6R62Kxr2LKWw/jHusmZ/UKZa5wAAATw2lWUVLorfR3kJvDTTa3mMWeDVxjnoNSEuHfvBwauMc9BqQcO/eDg1cY56DUg4d+8HBq4xz0GpBw794OFVxj8vQakHDv8ASBpptNWNXomyzExOEsB4AAJ9rRlOandGLttxaIXtg07bJm04/EL5S6j/2Q==) no-repeat 0 0;
}

.pop-img {width:1140px;height:694px;background: url(images/pop-img.png) no-repeat 0 0;box-sizing: border-box;}
.pop-img .btn_close {top:30px;right:30px;}
.pop-img img {width: 950px;height:530px;margin:80px 80px 0 105px}