@charset "utf-8";
html,
body {height: 100%;font-size: 0.34666667rem; margin:0; padding:0}
li{ list-style:none}
img{ display:block}
.red {color: #ff0e0d!important;}
.blue{color: #1a71d3;}
.wrapper {width: 10rem;margin: 0 auto;background: url("../../images/2026/inder_bg.jpg") repeat-y;background-size: 100%;}
.wrapper img {width: 100%;}

.formbox{background: #fef7ed;padding: 5px;border-radius: 10px;width:90%;margin: 0 auto;}
.form{background:#fef5e7;border-radius: 10px;padding:12% 2% 2% 2%;border: 1px solid #e9d5b9;}
.form-title{font-size: 20px;color: #ad3108;font-weight: 700;text-align:center;margin-bottom: 15px;}
.form-horizontal {position: relative;z-index: 1;text-align: center;}
.form-btn {margin-top:10px;margin-bottom:10px;}
.query-btn {margin: 0 auto;width: 100%;border: 0;font-size: 0.45333333rem;font-weight: 700;line-height: 1.17333333rem;color: #b31a1f;text-indent: -9999em;background: url("../../images/2025/formbtn.png") no-repeat;background-size: 100%;outline: none;}
.query-btn-animation {animation: btnAnimaition 1.3s infinite linear;}
.form-group {padding-left: 2.13333333rem;height: 1.06666667rem;line-height: 1.06666667rem;font-size: 0.37333333rem;border-bottom: 1px solid #c8ab8b;}
.form-group .control-label {float: left;color: #f91718;margin-left: -2.13333333rem;}
.form-group .form-right {text-align: left;width: 100%;font-size: 0.32rem;}
.form-group .form-control {width: 100%;font-size: 0.37333333rem;border: 0;background: transparent;border: none;outline: none;}
.sex-checkbox {display: none;}
.sex-checkbox + label {width:37px;height:25px;display: inline-block;line-height:25px;text-align: center;border-radius:5px;color: #a48962;font-size: 16px;cursor: pointer;}
.sex-checkbox:checked + label.boy {color: #fff;background: #7997fc;cursor: pointer;}
.sex-checkbox:checked + label.girl {color: #fff;background: #de7594;cursor: pointer;}
.clause-checkbox {display: none;}
.clause-checkbox + label {display: inline-block;width: 0.38666667rem;height: 0.34666667rem;background: url("../../images/2024/clause-check.png") no-repeat;background-size: 0.86666667rem 0.34666667rem;}
.clause-checkbox:checked + label {background-position: -0.38666667rem 0;}
.form-flex {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;line-height: 0.72rem;font-size: 0.34666667rem;}
#comment-list {margin-bottom: 0.26666667rem;height: 5.49333333rem;overflow: hidden;}

.form-combination{border: 2px solid #e9d5b9;border-radius: 10px;margin-top: 10px;padding: 5px;height:33px;background:#ffffff;display: flex;justify-content: space-between;align-items: center;}
.form-combination .form-control{float: left;border: none;outline: none;background:transparent;font-size: 16px;padding-left:5px;margin-top: 2px;height: 33px;width: 100%;cursor: pointer;}
.form-combination .form-sex{border: 2px solid #e9d5b9;padding: 2px;float: left;border-radius: 5px;width: 120px;}
.form-combination .control-label{font-size: 16px;color: #000000;font-weight: 700;padding-left: 5px;width: 50px;}
.form-combination .form-rili{width:28px;margin-right: 5px;position: absolute;right: 0;top:-2px;}
.form-combination .form-date{width: 100%;position: relative;background: url("../../images/2025/rili.png") no-repeat right center;background-size:25px 25px;cursor: pointer;}


.index-banner{position:relative;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.index-banner img{pointer-events:none}
.index-banner-title{position:absolute;width:76%;top:3%;left:12%}
.index-banner-pan1{position:absolute;width:91%;top:9%}
.index-banner-pan2{position:absolute;width:91%;top:9%;-webkit-animation:ClockWise 24s linear infinite;animation:ClockWise 24s linear infinite}
.index-banner-pan3{position:absolute;width:58%;top:23.6%;-webkit-animation:CounterClockWise 8s linear infinite;animation:CounterClockWise 8s linear infinite}
.index-banner-pan4{position:absolute;width:90%;top:12%;left: 4%;z-index: 1;}
.index-banner-tb{position:absolute;width:30%;bottom:15%;left:1%;}
.index-banner-tag{position:absolute;width:15% !important;-webkit-animation:ShowTag 5s linear infinite;animation:ShowTag 5s linear infinite;z-index: 2;}
.index-banner-tag-1{left:83%;bottom:40%}
.index-banner-tag-2{left:75%;bottom:11%}
.index-banner-tag-3{left:3.5%;bottom:40%}
.index-banner-tag-4{left:10%;bottom:11%}
@-webkit-keyframes CounterClockWise{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}75%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}
@keyframes CounterClockWise{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}75%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}
@-webkit-keyframes ClockWise{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes ClockWise{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-webkit-keyframes ShowTag{0%{opacity:0}30%{opacity:1}80%{opacity:1}90%{opacity:.5}to{opacity:0}}
@keyframes ShowTag{0%{opacity:0}30%{opacity:1}80%{opacity:1}90%{opacity:.5}to{opacity:0}}


.form-box{position: relative;margin-bottom: 15px;}
.form-yuce{width:84%;position: absolute;left:8%;top: -23%;z-index: 2;}

.index-txt{width: 90%;margin:10px auto;font-size: 16px;line-height: 2;}
.index-txt span{text-indent: 2em;display: block;}

.bqdj{font-size: 13px;color: #000000;text-align: center;margin-top: 15px;}

.user-panel {padding: 0 0.61333333rem;height: 5.49333333rem;background: url("../../images/2024/formbg01.jpg")repeat-y;background-size: 100%;}
.user-evaluate {position: relative;margin: 0 0.16666667rem 0rem; padding:0}
.user-evaluate li {padding: 0.16666667rem 0.13333333rem;border-bottom: 1px solid #ebd9c5;}
.user-evaluate li .user {margin-bottom: 0.2rem;font-size: 0.37333333rem;color: #8b4e22;}
.user-evaluate li .evaluate {font-size: 0.34666667rem;}
.fix-btn {position: fixed;bottom: 0;padding: 10px 0;width: 10rem;text-align: center;background: #fffaf6;z-index: 10;}

.yctitle{border: 1px solid #e4b176;border-radius: 10px;width:85%;margin:15px auto;padding: 0 3% 10px 3%;background: #fff9ef;}
.yctitle img{width: 83%;margin:0 auto 10px auto;}
.yctitle span{display: block;text-indent: 2em;font-size: 16px;line-height: 2;}