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

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

.footer{width: 100%; padding: 0.5rem 0; font-size: 0.28rem; color: #fff; text-align: center;}

.footer-fixed .button{ display: block; width: 6.9rem; color: #deffff; font-size: 0.38rem; height:0.9rem; line-height: 0.9rem; border: none; background: url("../images/button-test.png") no-repeat; background-size: 6.9rem 0.9rem; cursor: pointer; text-align: center; margin: 0 auto;}

.send-form{width: 100%; padding: 0 0.15rem; background: #000; overflow: hidden;}
.send-form .title{width: 100%; text-align: center; color: #ecc820; padding: 0.2rem 0; font-size: 0.38rem;}
.send-form .form{width:100%; overflow: hidden; background: #19212d; border-radius: 0.06rem; box-sizing: border-box; padding: 0.02rem;}
.send-form .form-box{width: 100%; overflow: hidden; border-radius: 0.06rem;}
.send-form .form-box .row{width: 100%; height: 0.9rem; float: left;  border-bottom: 0.01rem solid #000;}
.send-form .form-box .row:last-child{border-bottom:none;}
.send-form .form-box .row .label{width: 25%; text-align: center; font-size: 0.38rem; float: left; height: 0.9rem; line-height: 0.9rem; color: #deffff;}
.send-form .form-box .row .input{width: 75%; 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; color: #859999;}
.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-date{width: 75%; 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%;}
.container .button,
.send-form .submit button{ display: block; width: 6.9rem; color: #deffff; font-size: 0.38rem; height:0.9rem; line-height: 0.9rem; border: none; background: url("../images/button-test.png") no-repeat; background-size: 6.9rem 0.9rem; cursor: pointer; text-align: center; margin: 0 auto;}

.post-form .form{cursor: pointer;}
.post-form .form .row label{ display: block; position: relative; width: 1.56rem; height: 0.56rem; line-height: 0.5rem; border-radius: 100rem; border: 0.01rem solid #deffff; color: #deffff; text-align: center; float: left; margin:0.2rem 0.04rem 0 0.1rem; cursor: pointer;}
.post-form .form .row label.active{ background: #deffff url("../images/icon-check.png") no-repeat 0.25rem center; background-size: 0.27rem 0.19rem; color: #19212d;}
.post-form .form .row .radio input{opacity: 0; width: 1.56rem; height: 0.56rem; position: absolute; left: 0; top: 0;}
.post-form .agree{width: 100%; padding: 0.3rem 0; overflow: hidden; text-align: center;}
.post-form .agree span{ display: inline-block; width: 0.38rem; height: 0.38rem; background: #fff; border: 0.01rem solid #5054d2; margin: 0 0.1rem -0.05rem 0;}
.post-form .agree span.active{background:#fff url("../images/icon-check.png") no-repeat center; background-size: 0.27rem 0.19rem;}
.post-form .agree div{display: inline; font-size: 0.38rem; color: #deffff;}
.post-form .agree div a{font-size: 0.38rem; color: #5054d2; text-decoration: underline;}
.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: #5054d2;}
.post-form .history a{display: inline-block; line-height: 0.38rem; overflow: hidden; padding: 0.04rem 0.16rem; border: 0.01rem solid #5054d2; text-align: center; font-size: 0.26rem; border-radius: 0.06rem; color: #5054d2; margin:0 0 -0.08rem 0.12rem;}

.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.58rem; background: url("../images/title-bg.gif") no-repeat left center; background-size: 0.43rem 0.60rem; margin: 0 auto;}
.title01 .r{padding-right: 0.58rem; background: url("../images/title-bg.gif") no-repeat right center; background-size: 0.43rem 0.60rem;}

.container{padding: 0 0.15rem; overflow: hidden; background: #000;}
.container-dark{background: #19212d;}
.container-content{width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 0.1rem; padding: 0.2rem;}
.result-base{}
.result-base div{width: 100%; height: 0.6rem; line-height: 0.6rem;}
.result-base strong{display: block; width: 25%; float: left; text-align: right; color: #deffff;}
.result-base span{ display: block; width: 75%; float: left; box-sizing: border-box; padding-left: 0.1rem; color: #859999;}
.container-content .content{}
.container-content .content p{line-height: 0.45rem; padding: 0.1rem 0; text-indent: 0.64rem;}

.container-description{padding: 0.2rem; background: #161d27; color: #deffff; font-size: 0.30rem; line-height: 1.6em; border-radius: 100rem; text-align: center;}

.show-select-title{text-align: center; color: #deffff; padding-bottom: 0.15rem; line-height: 1.6em;}
.show-select-title strong{color: #ffd564; font-size: 0.38rem;}
.show-select-title span{color: #5054d2;}

.tarot-box .tarot-list{width: 7.2rem; height: 3.5rem;}
.tarot-box .tarot-list ul{width: 100%; position: relative;}
.tarot-box .tarot-list li{width: 2rem; float: left; position: absolute; left: 0; top: 0;}
.tarot-box .tarot-list img{width: 2rem;}
.tarot-box .tarot-list li:active img{box-shadow:0rem 0rem 0.18rem #FFE400; border-radius: 0.2rem;}

.tarot-result-list{width: 7.2rem; height: 3.5rem; overflow: hidden;}
.tarot-result-list li{width: 2rem; height: 3.5rem; margin: 0 0.2rem; background: url("../images/tarotcard-bg.png") no-repeat top center; background-size: 2rem 3.04rem; float: left; border-radius: 0.2rem; position: relative;}
.tarot-result-list span{display: block; width: 2rem; height: 3rem; text-align: center; line-height: 3rem; color: #deffff; font-size: 0.38rem; position: absolute; top: 0; left: 0; z-index: 3;}
.tarot-result-list span.b{height:0.3rem; line-height: 0.3rem; top: 3.1rem; z-index: 3; font-size: 0.32rem;}
.tarot-result-list img{display: block; width: 2rem; height: 3rem; text-align: center; line-height: 3rem; color: #deffff; font-size: 0.38rem; position: absolute; top: 0; left: 0; z-index: 1;}
.tarot-result-list div{width: 2rem; height: 3rem; background: #000 url("../images/lock.png") no-repeat center 1.9rem; opacity: 0.5; background-size: 0.5rem 0.59rem; position: absolute; top: 0; left: 0; z-index: 2;}

.tarot-result-box{width: 7.2rem; overflow: hidden; background: #161d27; margin:  0 auto; border-radius: 0.1rem;}
.tarot-result-box dt{ text-align: center; padding: 0.5rem 0 0.3rem 0; color: #deffff; position: relative;}
.tarot-result-box dt .label{background: #FF4889; width: 1rem; height: 0.5rem; line-height: 0.48rem; text-align: center; white-space: nowrap; border-bottom-right-radius: 0.8rem; border-top-right-radius: 0.8rem; position: absolute; left: 0; top: 0.42rem;}
.tarot-result-box dt .image{width: 2rem; height: 3rem; margin: 0 auto; background: url("../images/tarotcard-bg.png") no-repeat center; background-size: 2rem 3.04rem; border-radius: 0.2rem; position: relative;}
.tarot-result-box dt .image span{display: block; width: 2rem; height: 3rem; text-align: center; line-height: 3rem; color: #deffff; font-size: 0.38rem; position: absolute; top: 0; left: 0; z-index: 3;}
.tarot-result-box dt .image img{display: block; width: 2rem; height: 3rem; text-align: center; line-height: 3rem; color: #deffff; font-size: 0.38rem; position: absolute; top: 0; left: 0; z-index: 1;}
.tarot-result-box dt .image div{width: 2rem; height: 3rem; background: #000 url("../images/lock.png") no-repeat center 1.9rem; opacity: 0.5; background-size: 0.5rem 0.59rem; position: absolute; top: 0; left: 0; z-index: 2;}
.tarot-result-box dt .text{ height: 0.8rem; line-height: 0.8rem;}
.tarot-result-box dd{ width: 100%; box-sizing: border-box; padding: 0.2rem; line-height: 1.8em; overflow: hidden; background: #151826; position: relative;}
.tarot-result-box dd .title{ text-align: center;}
.tarot-result-box dd .title div{color: #deffff; line-height: 1.4em; padding-bottom: 0.15rem;}
.tarot-result-box dd .title span{display: inline-block; width: 4rem; height: 0.8rem; text-align: center; line-height: 0.8rem; border-radius: 0.1rem; background: #5c61ed; font-size: 0.3rem; color: #e8ffff; text-shadow: 0 3px 6px rgba(64, 21, 130, 0.7);}
.tarot-result-box dd p{color: #859999; padding: 0.1rem 0; line-height: 1.8em;}
.tarot-result-box dd p strong{color: #deffff;}
.tarot-result-box dd p strong.big{font-size: 0.38rem;}
.container-lock .tarot-result-box dd p{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 */ position: relative;}
.container-lock .tarot-result-box dd .title{position: absolute; top: 1.3rem; left:1.72rem; z-index: 5;}

.introduce{width: 6.4rem; margin: 0 auto; overflow: hidden;}
.introduce li{width: 2.62rem; height: 5.2rem; overflow: hidden; float: left; text-align: center; margin: 0 0.29rem;}
.introduce .image{width: 100%; height: 2.6rem;}
.introduce .image img{width: 100%; height: 2.6rem; float: left;}
.introduce .desc{padding-top: 0.2rem; overflow: hidden; color: #deffff;}
.introduce .desc span{ display: block; padding: 0.05rem 0; overflow: hidden;}

.introduce-sub{width: 6.9rem; margin: 0 auto; padding: 0.2rem 0; overflow: hidden;}
.introduce-sub li{width:100%; height:1.7rem; float: left; margin-bottom: 0.1rem;}
.introduce-sub li:last-child{margin-bottom: 0rem;}
.introduce-sub li img{width:100%; height:1.7rem; float: left;}

.introduce-detail{width: 100%; overflow: hidden;}
.introduce-detail li{width: 6.9rem; box-sizing: border-box; padding: 0.35rem 0 0.35rem 1.7rem; height: 2.13rem; overflow: hidden; float: left; background: url("../images/detail-bg.jpg") no-repeat; background-size: 6.9rem 2.14rem;}
.introduce-detail li:last-child{height: 2.14rem;}
.introduce-detail h3{color: #ecc820; font-weight: normal; padding-bottom: 0.1rem;}
.introduce-detail p{}

.result-price{width: 100%; overflow: hidden; padding: 0.3rem; border-top: 0.01rem solid #000; text-align: center;}
.result-price .big{ font-size: 0.48rem;}
.result-price .small{text-decoration: line-through; color: #859999;}

.select-box .title{width: 6.2rem; height: 1.03rem; line-height: 1.06rem; font-size: 0.38rem; margin: 0 auto; background: url("../images/set-title.jpg") no-repeat; background-size: 100% 100%;}
.select-box .title .l{width: 2.4rem; float: left; color: #d67b0e; text-align: center;}
.select-box .title .r{width: 2.4rem; float: right; color: #a31f2a; text-align: center;}
.select-box ul{ width: 6.2rem; overflow: hidden; margin: 0 auto;}
.select-box li{width: 100%; height: 1rem; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center; background: url("../images/set-item.jpg") no-repeat; background-size: 100% 100%;}
.select-box li .l{width: 50%; float: left; color: #d67b0e; padding-top: 0.1rem;}
.select-box li .r{width: 50%; float: left; color: #fff; padding-top: 0.1rem;}

.marquee-comment-box .comment-list li{width: 100%; padding: 0.2rem 0; border-bottom: 0.01rem solid #000;}
.marquee-comment-box .comment-list div{ color: #859999; padding-bottom: 0.1rem;}
.marquee-comment-box .comment-list p{color: #deffff;}