/* 游客服务系列页面样式（合并自 contact / notice / complaint / evaluate / forms / alert） */
#contact .box{padding:50px 0;display:flex}
#contact .content{background:#fcfcfc;padding:30px;box-shadow:0 0 10px 2px rgba(0,0,0,.1)}
#contact .content .title{text-align:center;font-size:20px;color:#303133}
#contact .content .info{font-size:14px;line-height:25px;color:#606266;margin:20px 0}
#contact .content .info i{padding-right:28px}
#contact .content .desc{font-size:14px;margin:0 0 10px;display:flex;align-items:center}
#contact .content .desc i{font-size:25px;margin-right:10px;color:#05a045}
#notice .box{padding:50px 0;display:flex}
#notice .content{background:#ffffff;padding:30px 20px;box-shadow:0 0 10px 2px rgba(0,0,0,.1)}
#notice .content .title{text-align:center;font-size:18px;color:#b93437;letter-spacing:2px}
#notice .content .list{font-size:15px;padding:50px 0}
.content .list p{display:flex;align-items:flex-start;margin-bottom:30px}
.content .list p img{margin-right:5px}
.content .list p:last-child{margin-bottom:0}
.list p i{margin-right:5px;color:#b93437;font-size:20px}
#notice .content .mobile{font-size:16px;text-align:center;color:#b93437}
#complaint .box{padding:50px 0;display:flex}
#complaint .content{background:#ffffff;padding:30px 20px 30px 10px;box-shadow:0 0 10px 2px rgba(0,0,0,.1)}
#complaint .content .careful{color:#b93437;margin-top:50px}
#complaint .content .careful .name{font-size:16px;margin-bottom:10px}
#complaint .content .careful p{margin-bottom:10px;font-size:14px}
#complaint .content .careful p i{padding-right:28px}
@media screen and (max-width:768px){#complaint .django-form input{width:70%!important}#complaint .django-form select{width:70%!important}#complaint .django-form .form-captcha{width:44%!important}#complaint .django-form textarea{width:70%!important}}
#evaluate .box{padding:50px 0;display:flex}
#evaluate .content-top{background:#ffffff;padding:40px 30px;box-shadow:0 0 10px 2px rgba(0,0,0,.1);margin-bottom:20px}
#evaluate .content-top .item{display:flex;padding-top:20px;flex-wrap:wrap}
#evaluate .content-top .item:first-child{padding-top:0}
#evaluate .content-top .item:last-child .border{border-bottom:none}
#evaluate .content-top .item .border{border-bottom:1px solid #eef1f6}
#evaluate .content-top .item .avatar{border:1px solid #e2e2e2;border-radius:50%;height:48px;width:48px}
#evaluate .content-top .item .comment{margin:16px 0;font-size:14px;color:#303133;line-height:22px}
#evaluate .content-top .item .time{font-size:14px;color:#606266;margin:0}
#evaluate .content-top .item .name{text-align:center;font-size:14px;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#evaluate .content-top .item .number{font-size:14px;color:#606266;margin-right:5px}
#evaluate .content-bottom{display:flex;flex-wrap:wrap;border-radius:4px;padding:30px 20px 30px 10px;background:#ffffff;box-shadow:0 0 10px 2px rgba(0,0,0,.1)}
#evaluate .content-bottom .write{text-align:center;font-size:18px;color:#b93437;margin-bottom:30px;letter-spacing:2px}
#evaluate .content-bottom .star{display:block;position:relative;padding:0;width:140px;height:14px;cursor:pointer}
#evaluate .content-bottom .title{font-size:14px;padding-right:12px;color:#606266;line-height:14px}
#evaluate .star label{width:18px;margin:0;padding:0 5px}
#evaluate .star input{width:0;display:none}
.star > input{position:absolute;margin-right:-100%;opacity:0}
.star > label{cursor:pointer;position:relative;display:inline-block;float:right;width:18px;height:18px;margin-right:6px;color:transparent;background-image:url("../../front/img/service/star.png");background-repeat:no-repeat}
.star > input:focus + label{outline:none}
.star > input:checked ~ label,.star > input:focus ~ label,.star > input:hover ~ label{background-image:url("../../front/img/service/star_on.png")!important}
.star > label:before{display:none;position:absolute;content:" ";width:18px;height:18px;background-image:url("../../front/img/service/star_on.png");background-repeat:no-repeat;bottom:0}
.star > input:checked + label:before{display:block;animation-name:rotateStar;animation-duration:1s;animation-fill-mode:forwards}
@keyframes rotateStar{0%{transform:scale(1) rotate(0)}95%{transform:scale(4) rotate(90deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:0}}
#evaluate .content-bottom .careful{color:#b93437;margin-top:77px}
#evaluate .content-bottom .careful .name{font-size:16px;margin-bottom:10px}
#evaluate .content-bottom .careful p{margin-bottom:10px;font-size:14px}
#evaluate .content-bottom .careful p i{padding-right:28px}
#evaluate .error{line-height:14px;color:#b93437;font-size:14px;margin-top:10px}
#evaluate .django-form #id_captcha::placeholder{font-size:14px;color:#c0c4cc}
@media screen and (max-width:768px){#evaluate .django-form input{width:70%!important}#evaluate .django-form .form-captcha{width:44%!important}#evaluate .django-form textarea{width:70%!important}}
.django-form{line-height:60px}
.django-form label{font-size:14px;text-align:right;width:20%;padding-right:12px;color:#606266;display:inline-block}
.django-form input,.django-form select{border-radius:4px;border:1px solid #dedfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;width:76%;overflow:visible}
.django-form textarea{margin-top:10px;vertical-align:top;resize:none;display:block;padding:5px 15px;box-sizing:border-box;width:76%;font-size:inherit;color:#606266;background-color:#ffffff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;overflow:auto;outline:none}
.django-form .form-captcha{width:50%;border-top-right-radius:0;border-bottom-right-radius:0}
.django-form .captcha-get{background-color:#f5f7fa;color:#909399;border:1px solid #dcdfe6;border-left:0;border-radius:0 4px 4px 0;width:26%;cursor:pointer;text-align:center;margin-left:-5px;padding-top:1px;word-wrap:break-word;white-space:normal;display:inline-block;height:37px;line-height:38px!important;font-size:12px}
.django-form .helptext{display:none}
.django-form textarea{display:inline}
.django-form .errorlist{font-size:12px;color:#f56c6c;line-height:20px!important;margin-left:22%;margin-top:0;margin-bottom:0}
.django-form .errorlist li{list-style-type:none}
.django-form br{display:none;height:0!important}
.django-form .btn{color:#ffffff;background-color:#409eff;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #409eff;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}
#pop{display:none;position:absolute;z-index:1000;width:300px;background:white;border-radius:4px;border:1px solid #ebeef5;padding-bottom:10px}
#pop .header{padding:15px 15px 10px;display:flex;justify-content:space-between;align-items:center}
#pop .header .tip{font-size:18px;line-height:1;color:#303133}
#pop .header .close{color:#b1b3b7;font-size:23px;cursor:pointer}
#pop .content{font-size:14px;color:#606266;padding:10px 30px}
#pop .footer{padding:5px 15px 0;text-align:right}
#pop .btn{padding:9px 15px;font-size:12px;border-radius:3px;display:inline-block;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:all .1s;font-weight:500;cursor:pointer;line-height:1}
#pop .cancel{white-space:nowrap;background:#ffffff;border:1px solid #dcdfe6;margin:0}
#pop .confirm{margin-left:10px;color:#ffffff;background-color:#409eff;border:1px solid #409eff}
#pop .cancel:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}
#pop .confirm:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}