@charset "UTF-8";
body { font-family: "Microsoft Yahei",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 0.32rem; background: #374273 !important; overflow-x: hidden; max-width: 750px; margin: 0 auto; color: #fff; position: relative;}

.header{width: 100%; height: 0.9rem; background:#374273; position: relative;}

.banner{width: 100%; overflow: hidden;}
.banner img{width: 100%; height: 2.42rem; overflow: hidden; float: left;}

.index-description{width: 7.2rem; overflow: hidden; margin: 0.2rem auto; background: #1c213a; background-size: 7.2rem 2.54rem; box-sizing: border-box; padding: 0.2rem 0.3rem; line-height: 1.6em; border-radius: 0.2rem;}

.send-form{width: 100%; padding: 0 0.15rem; overflow: hidden;}
.send-form .title{width: 100%; text-align: center; color: #323136; padding: 0.2rem 0; font-size: 0.38rem;}
.send-form .form{width:100%; overflow: hidden; box-sizing: border-box; padding: 0.02rem;}
.send-form .form-box{width: 100%; overflow: hidden; background: #fff; border-radius: 0.06rem;}
.send-form .form-box .row{width: 100%; height: 0.9rem; float: left;  border-bottom: 0.01rem solid #ccc;}
.send-form .form-box .row:last-child{border-bottom:none;}
.send-form .form-box .row .label{width: 20%; text-align: right; font-size: 0.38rem; float: left; height: 0.9rem; line-height: 0.9rem; color: #333;}
.send-form .form-box .row .input{width: 80%; box-sizing: border-box; padding-left: 0.1rem; float: left;}
.send-form .form-box .row .input input{width: 100%; overflow: hidden; height: 0.9rem; line-height: 0.9rem; font-size: 0.38rem; background: none;}
.send-form .form-box .row .input-date{width: 80%; box-sizing: border-box; padding-left: 0.1rem; float: left; position: relative;}
.send-form .form-box .row .input-date input[type=text]{width: 100%; overflow: hidden; height: 0.9rem; line-height: 0.9rem; font-size: 0.38rem; background: none; text-indent: 0.1rem; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2;}
.send-form .form-box .row .input-date .text{width: 100%; color: #666; text-indent: 0.05rem; overflow: hidden; height: 0.9rem; line-height: 0.9rem; font-size: 0.38rem; background: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1;}
.send-form .submit{width: 100%; box-sizing: border-box;}
.send-form .submit button{ display: block; margin:0 auto; width: 6.9rem; height:0.9rem; line-height: 0.9rem; border: none; background:#f4c520; border-radius: 0.1rem; color: #24140E; font-size: 0.38rem; background-size:6.9rem 0.9rem;}
.post-form .history{width: 100%; padding: 0.3rem 0; overflow: hidden; text-align: center;}
.post-form .history div{display: inline; font-size: 0.38rem; color: #fff;}
.post-form .history div span{color: #f4c520;}
.post-form .history a{display: inline-block; line-height: 0.38rem; overflow: hidden; padding: 0.04rem 0.16rem; border: 0.01rem solid #f4c520; text-align: center; font-size: 0.26rem; border-radius: 0.06rem; color: #f4c520; margin:0 0 -0.08rem 0.12rem;}

.introduce-sub{width: 6.73rem; overflow: hidden; margin: 0 auto;}
.introduce-sub li{width: 100%; padding:0.2rem 0; float: left;}

.footer-fixed-clear{width: 100%; height: 1.05rem; clear: bottom;}
.footer-fixed{width: 100%; box-sizing: border-box; padding:0.1rem 0.15rem; height: 1.05rem; background: #f4c520; max-width: 750px; position: fixed; bottom: -1.07rem; z-index: 2;}
.footer-fixed-show{bottom:0; transition:all .3s; -webkit-transition:all .3s; }
.footer-fixed img{width: 100%; height: 0.85rem; border-radius: 0.06rem;}
.footer-fixed .button{ display: block; border-radius: 0.06rem; width: 100%; height:0.85rem; line-height: 0.85rem; border: none; background: #f4c520; color: #24140E; text-align: center; font-size: 0.38rem; background-size: 100% 100%; cursor: pointer;}

.title01{width: 100%; padding: 0.3rem 0; overflow: hidden; box-sizing: content-box; height:0.6rem;  text-align: center; font-size: 0.38rem;}
.title02{width: 6.5rem; height: 1rem; margin: 0 auto; position: relative;}
.title02:after{display: block; content: ''; width: 6.3rem; height: 0.8rem; border: 0.01rem solid #556198; border-radius: 0.1rem; position: absolute; right: 0; bottom: 0;}
.title02 div{width: 6.3rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.38rem; background:#556198; border-radius: 0.1rem; position: absolute; left: 0; top: 0; text-align: center; color: #fff;}
.title03{ text-align: center; padding: 0.2rem 0; overflow: hidden; width: 100%;}
.title03 div{display: inline-block; border:0.01rem solid #556198; color: #556198; padding: 0.1rem 0.4rem; font-size: 0.38rem; border-radius: 0.2rem; font-weight: bold;}

.container{width: 100%; box-sizing: border-box; background: url("../images/container-bg.png") repeat-y center; background-size: 100%; overflow: hidden;}
.container-bottom{width: 100%; overflow: hidden; background: url("../images/container-bottom.png") no-repeat bottom center; background-size: 7.5rem 0.35rem; padding-bottom: 0.5rem;}
.container-top{width: 100%; overflow: hidden; background: url("../images/container-top.png") no-repeat top center; background-size: 7.5rem 2.2rem; padding-top: 0.35rem;}
.container .content{ padding:0 0.6rem 0 0.4rem; overflow: hidden;}
.container .content p{line-height: 0.45rem; padding: 0.1rem 0.2rem; overflow: hidden;}
.container-lock .content{position: relative;}
.container-lock .content p,
.container-lock .ming-pan-table .td{filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */-webkit-filter: blur(5px); /* Chrome, Opera */-moz-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */}

.result-base{ width:6.6rem; overflow: hidden; margin: 0 auto;}
.result-base div{width: 100%; height: 0.6rem; line-height: 0.6rem;}
.result-base strong{display: block; width: 20%; float: left; text-align: right; color: #323136;}
.result-base span{ display: block; width: 80%; float: left; box-sizing: border-box; padding-left: 0.1rem; color: #797979;}

.option-box{width: 7.1rem; margin: 0 auto; overflow: hidden; text-align: center;}
.option-box dt{width: 100%; padding: 0.2rem 0; min-height: 1.4rem; text-align: left; font-size: 0.38rem; overflow: hidden; display: none;}
.option-box dd{width: 100%; border-radius: 0.2rem; overflow: hidden; background: #1c213a; display: none; position: relative;}
.option-box dd:after{display: block; content: ''; width: 100%; height: 0.01rem; background: #333; position: absolute; top: 0.88rem; left: 0;}
.option-box dd div{width: 20%; text-align: center; float: left; box-sizing: border-box; padding: 0 0.3rem; height: 0.88rem; line-height: 0.88rem; border-right: 0.01rem solid #333;}
.option-box dd div:nth-child(5){border-right: none;}
.option-box dd div:last-child{border-right: none;}
.option-box dd div.active{background: #f4c520;}
.option-box dd input{width: 0.88rem; height: 0.88rem; opacity: 0;}
.option-box a{display: none; width: 42%; height: 0.68rem; line-height: 0.68rem; text-align: center; color: #24140E; background:#f4c520 ; border-radius: 1rem; margin: 0 0.08rem; }

.marquee-comment-box{width:100%; box-sizing: border-box; overflow: hidden; margin: 0 auto; height: 6rem;}
.marquee-comment-box .comment-list{box-sizing: border-box; padding: 0.2rem;}
.marquee-comment-box .comment-list li{width: 100%; padding: 0.2rem 0; border-bottom: 0.01rem solid #666;}
.marquee-comment-box .comment-list div{ color: #f4c520; padding-bottom: 0.06rem;}
.marquee-comment-box .comment-list p{color: #fff; padding: 0;}

.result-price{width: 100%; overflow: hidden; padding: 0.3rem; background:none; text-align: center;}
.result-price .big{ font-size: 0.48rem; color: #f4c520;}
.result-price .small{text-decoration: line-through; color: #666;}
.result-pay-question{color: #f4c520;}

.hot-cesuan li .name{color: #fff;}

.layui-layer{background-color: #333!important;}
.layui-layer-title{display: none;}