@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;}
.wrapper {width: 10rem;margin: 0 auto;background: #fff9f1;}
.wrapper img {width: 100%;}
.form {padding: 0 0.66666667rem;height: 6rem;background: url("../../images/2024/formbg.jpg") repeat-y;background-size: 100%;}
.form-horizontal {position: relative;z-index: 1;text-align: center;}
.form-btn {margin-top: 0.4rem;margin-bottom: 0.26666667rem;}
.query-btn {margin: 0 auto;width: 7.77333333rem;height: 1.4333333rem;border: 0;font-size: 0.45333333rem;font-weight: 700;line-height: 1.17333333rem;color: #b31a1f;text-indent: -9999em;background: url("../../images/2024/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 {margin-right: 0.26666667rem;width: 0.53333333rem;height: 0.53333333rem;display: inline-block;line-height: 0.53333333rem;text-align: center;border: 1px solid #c8ab8d;background: #fff;border-radius: 50%;}
.sex-checkbox:checked + label {color: #fff;background: #b72c27;border: 1px solid #b72c27;}
.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;}

/*×ªÅÌ*/
.index-banner{position:relative;overflow:hidden;height:13.55rem;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:46%;top:11%;left:30%}
.index-banner-pan1{position:absolute;width:90%;top:18%}
.index-banner-pan2{position:absolute;width:83%;top:20%;-webkit-animation:ClockWise 24s linear infinite;animation:ClockWise 24s linear infinite}
.index-banner-pan3{position:absolute;width:54%;top:30.6%;-webkit-animation:CounterClockWise 8s linear infinite;animation:CounterClockWise 8s linear infinite}
.index-banner-pan4{position:absolute;width:24%;top:41.4%}
.index-banner-tag{position:absolute;width:30% !important;-webkit-animation:ShowTag 5s linear infinite;animation:ShowTag 5s linear infinite}
.index-banner-tag-0{left:66%;bottom:65%}
.index-banner-tag-1{left:70%;bottom:56%}
.index-banner-tag-2{left:70%;bottom:25%}
.index-banner-tag-3{left:0;bottom:20%}
.index-banner-tag-4{left:2%;bottom:42%}
.index-banner-tag-5{left:0;bottom:55%}
@-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}}

/*×ªÅÌ*/


.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;}