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

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

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

.index-description{width: 7.2rem; overflow: hidden; margin: 0.2rem auto; background: #0d1726; 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.icon-date{background:url("../images/icon-date.jpg") no-repeat 95% center; background-size: 0.34rem 0.34rem;}
.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: url("../images/button.jpg") no-repeat; border-radius: 0.06rem; color: #fff; 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: #deffff;}
.post-form .history div span{color: #86bb46;}
.post-form .history a{display: inline-block; line-height: 0.38rem; overflow: hidden; padding: 0.04rem 0.16rem; border: 0.01rem solid #86bb46; text-align: center; font-size: 0.26rem; border-radius: 0.06rem; color: #86bb46; 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: #86bb46; 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: #86bb46; color: #deffff; 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;}
.title01 div{display: inline-block; height: 0.6rem; line-height: 0.6rem; font-weight: bold; color: #deffff;}
.title01 .l{padding-left: 0.86rem; background: url("../images/title-bg.gif") no-repeat left center; background-size: 0.66rem 0.37rem; margin: 0 auto;}
.title01 .r{padding-right: 0.86rem; background: url("../images/title-bg.gif") no-repeat right center; background-size: 0.66rem 0.37rem;}
.title02{width: 7.2rem; height: 1rem; margin: 0 auto; position: relative;}
.title02:after{display: block; content: ''; width: 7rem; height: 0.8rem; border: 0.01rem solid #86bb46; border-radius: 0.1rem; position: absolute; right: 0; bottom: 0;}
.title02 div{width: 7rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.38rem; background:#86bb46; border-radius: 0.1rem; position: absolute; left: 0; top: 0; text-align: center; color: #deffff;}

.container{width: 100%; box-sizing: border-box; padding: 0.15rem; overflow: hidden;}
.container .content{ padding:0; background: #0d1726; overflow: hidden; border-radius: 0.2rem; color: #deffff;}
.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 */}
.container-lock .click-a{display: inline-block; position: absolute; background: url("../images/container-lock.png") no-repeat; background-size: 2.89rem 0.82rem; width: 2.89rem; height: 0.82rem; top:0.8rem; left: 2.4rem; z-index: 1;}

.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; background: #0d1726; display: none;}
.option-box dd div{width: 100%; box-sizing: border-box; text-align: left; padding: 0 0.3rem; height: 0.88rem; line-height: 0.88rem; border-bottom: 0.01rem solid #333;}
.option-box dd div:last-child{border-bottom:none;}
.option-box dd span{display: inline-block; width: 0.88rem; height: 0.88rem; float: left; background: url("../images/icon-radio.png") no-repeat center; background-size: 0.48rem 0.48rem;}
.option-box dd span.active{background: url("../images/icon-radio-active.png") no-repeat center; background-size: 0.48rem 0.48rem;}
.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: #deffff; background:#86bb46 ; border-radius: 1rem; margin: 0 0.08rem; }

.marquee-comment-box{width: 7.2rem; box-sizing: border-box;  background: #0d1726; border-radius: 0.2rem; overflow: hidden; margin: 0 auto; height: 8rem;}
.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: #859999; padding-bottom: 0.06rem;}
.marquee-comment-box .comment-list p{color: #deffff;}

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

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

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