@charset "gb2312";
* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { background: #14192d; height: 100%; }
body { font-family: "Microsoft Yahei",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; background: #1f2938 !important; overflow-x: hidden; max-width: 750px; margin: 0 auto; }
body p { margin: 0; }
ul li { list-style: none; }
img { border: none; }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }
a:active { -webkit-tap-highlight-color: transparent; }
em, i { font-style: normal; }
.clearfix { zoom: 1; }
.clearfix:after { clear: both; height: 0px; font-size: 0px; visibility: hidden; display: block; content: " "; }
input, textarea, button { resize: none; outline: none; border: 0 none; font-family: "Microsoft Yahei"; margin: 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a7afc1; }



@-webkit-keyframes rotate { 0% { -moz-transform: translate(0, 0) rotateZ(0deg); -ms-transform: translate(0, 0) rotateZ(0deg); -webkit-transform: translate(0, 0) rotateZ(0deg); transform: translate(0, 0) rotateZ(0deg); }
  33% { -moz-transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); -ms-transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); -webkit-transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); }
  66% { -moz-transform: translate(0.7rem, 0.7rem) rotateZ(240deg); -ms-transform: translate(0.7rem, 0.7rem) rotateZ(240deg); -webkit-transform: translate(0.7rem, 0.7rem) rotateZ(240deg); transform: translate(0.7rem, 0.7rem) rotateZ(240deg); }
  100% { -moz-transform: translate(0px, 0px) rotateZ(360deg); -ms-transform: translate(0px, 0px) rotateZ(360deg); -webkit-transform: translate(0px, 0px) rotateZ(360deg); transform: translate(0px, 0px) rotateZ(360deg); } }
@keyframes rotate { 0% { -moz-transform: translate(0, 0) rotateZ(0deg); -ms-transform: translate(0, 0) rotateZ(0deg); -webkit-transform: translate(0, 0) rotateZ(0deg); transform: translate(0, 0) rotateZ(0deg); }
  33% { -moz-transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); -ms-transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); -webkit-transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); transform: translate(-0.7rem, -0.7rem) rotateZ(120deg); }
  66% { -moz-transform: translate(0.7rem, 0.7rem) rotateZ(240deg); -ms-transform: translate(0.7rem, 0.7rem) rotateZ(240deg); -webkit-transform: translate(0.7rem, 0.7rem) rotateZ(240deg); transform: translate(0.7rem, 0.7rem) rotateZ(240deg); }
  100% { -moz-transform: translate(0px, 0px) rotateZ(360deg); -ms-transform: translate(0px, 0px) rotateZ(360deg); -webkit-transform: translate(0px, 0px) rotateZ(360deg); transform: translate(0px, 0px) rotateZ(360deg); } }
@-webkit-keyframes rotate2 { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }
@keyframes rotate2 { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } }

/*上部分内容 */

.contents {background: url(bg.jpg) 0 2.92rem;background-size: auto;background-size: 100% auto;}
.mainlr { padding-top: 3.4rem; background: url(tllr_banner.jpg) no-repeat top; background-size: 100% auto;position: relative; }
.mainln { padding-top: 3.4rem; background: url(tlln_banner.jpg) no-repeat top; background-size: 100% auto;position: relative; }
.mainqr { padding-top: 3.4rem; background: url(tlqr_banner.jpg) no-repeat top; background-size: 100% auto;position: relative; }
.mainzx { padding-top: 3.4rem; background: url(tlzx_banner.jpg) no-repeat top; background-size: 100% auto;position: relative; }
.mainyy { padding-top: 3.4rem; background: url(tlyy_banner.jpg) no-repeat top; background-size: 100% auto;position: relative; }

.yinzi { text-align: center; position: relative; }
.yinzi p { color: #fff; }
.yinzi .ptit { font-size: 0.52rem; font-weight: bold; padding-bottom: 0.35rem; margin-bottom: 0.17rem; position: relative; }
.yinzi .ptit span { display: inline-block; width: 3.6rem; height: 1px; position: absolute; left: 50%; bottom: 0.1rem; margin-left: -1.8rem; background: #797eff; }
.yinzi .ptit span:before, .yinzi .ptit span:after { display: block; content: ''; width: 0.33rem; height: 0.23rem; background: url(title-bg.png?v=1) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -0.115rem; }
.yinzi .ptit span:before { left: -0.33rem; }
.yinzi .ptit span:after { right: -0.33rem; transform: rotateY(180deg); }
.yinzi .ptxt { font-size: 0.36rem; line-height: 0.72rem; }
.yinzi .ptxt em { font-size: 0.65rem; color: #ffd564; font-weight: bold; }
.yinzi .pbg { position: absolute; left: 0; right: 0; top: 0.7rem; height: 6.57rem; background: url(jieguo-bg.png) no-repeat top; background-size: 100% auto; }


.tarot-img { margin: 0.3rem 0.3rem 0 0.3rem; position: relative; }
.tarot-img .pimg img { width: 100%; }
.tarot-img .ptxt { font-size: 0.28rem; color: #fff; line-height:1rem; text-align: center; }
.tarot-img .pbtn { text-align: center; margin: 0.55rem 0 0.2rem 0; }
.tarot-img .pbtn a { display: inline-block; width: 3rem; line-height: 0.9rem; text-align: center; font-size: 0.34rem; color: #dbf1ff; text-shadow: 0 3px 6px rgba(60, 33, 203, 0.82); background: url(btn-start.png) no-repeat; background-size: 100% 100%; }
.tarot-img .pbtn a.none { background-image: url(btn-none.png); text-shadow: 0 3px 6px rgba(27, 42, 66, 0.59); }
.tarot-img .pbtn a + a { margin-left: 0.2rem; }

.tarot-list { width: 1.34rem; margin: 0 auto; }
.tarot-list ul { height: 3.25rem; position: relative; z-index: 1; }
.tarot-list ul li { width: 1.34rem; height: 2.04rem; position: absolute; left: 0; top: 0; -moz-transition: -moz-transform 600ms ease-out 0ms; -o-transition: -o-transform 600ms ease-out 0ms; -webkit-transition: -webkit-transform 600ms ease-out; -webkit-transition-delay: 0ms; transition: transform 600ms ease-out 0ms; }

.tarot-list ul li.on { position: relative; float: left; margin-top: -0.3rem; -moz-transition: all 100ms ease-out 0ms; -o-transition: all 100ms ease-out 0ms; -webkit-transition: all 100ms ease-out; -webkit-transition-delay: 0ms; transition: all 100ms ease-out 0ms; transition-delay: 0s !important; }
.tarot-list ul li.on:before { display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #ffe400; border-radius: 0.21rem; box-shadow: 0 0 0.18rem 0 rgba(255, 237, 82, 0.5); }
.tarot-list.on ul { height: 4.5rem; }
.tarot-list.on ul li { -moz-transition: -moz-transform 4s ease-out 0ms; -o-transition: -o-transform 4s ease-out 0ms; -webkit-transition: -webkit-transform 4s ease-out; -webkit-transition-delay: 0ms; transition: transform 4s ease-out 0ms; }
.tarot-list.on ul li img { animation: rotate 4s linear infinite; transform-origin: 50% 90% 0px; }
.tarot-list.none ul li { -moz-transition: -moz-transform 0ms ease-out 0ms; -o-transition: -o-transform 0ms ease-out 0ms; -webkit-transition: -webkit-transform 0ms ease-out; -webkit-transition-delay: 0ms; transition: transform 0ms ease-out 0ms; }
.tarot-list.qiep { width: 1.9rem; }
.tarot-list.qiep ul { width: 1.9rem; }
.tarot-list.qiep ul li { width: 1.9rem; height: 2.88rem; -moz-transition: -moz-transform 0.5s ease-out 0ms; -o-transition: -o-transform 0.5s ease-out 0ms; -webkit-transition: -webkit-transform 0.5s ease-out; -webkit-transition-delay: 0ms; transition: transform 0.5s ease-out 0ms; }

/*上部分内容 end */

/*信息部份*/
.main-box { padding: 0 0.3rem; margin-top: 0.7rem; }
.main-box .pyins { position: relative; font-size: 0.24rem; color: #b4cfcf; margin: 0.2rem 0; }
.main-box .pyins input { position: absolute; left: 0; height: 100%; width: 0.78rem; opacity: 0; }
.main-box .pyins input:checked + span { background: #334053 url(gou.png) no-repeat center; background-size: 0.12rem 0.09rem; }
.main-box .pyins span { float: left; width: 0.24rem; height: 0.24rem; border: 1px solid #badae1; border-radius: 0.05rem; margin: 0.04rem 0.1rem 0 0; }
.main-box .pyins a { color: #b4cfcf; text-decoration: underline; }
.main-box .pyins .awdcs { color: #ffa13c !important; text-decoration: none !important; }

.main-box .pbtn a { background-image: url(abtn-bgs.png); }

.input-box {border:1px solid #686fdb;border-top:none;position:relative;padding: 0.32rem 0.3rem;border-radius:0.1rem;background:rgba(39, 71, 99, 0.8) url(srzlbg.png) no-repeat right center; background-size: auto 2.43rem; }
.input-box:before, .input-box:after { display: block; content: ''; position: absolute; left: -1px; top: -1px; width: 1.36rem; border-radius: 0.1rem 0 0 0; border: 1px solid #686fdb; border-bottom: none; height: 50%; }
.input-box:before { border-right: none; }
.input-box:after { left: auto; right: -1px; border-left: none; border-radius: 0 0.1rem 0 0; }
.input-box .input-tips { position: absolute; left: 0; top: 0; width: 100%; margin-top: -0.22rem; text-align: center; }
.input-box .input-tips span { display: inline-block; font-size: 0.34rem; color: #fff; font-weight: bold; padding: 0 0.55rem; position: relative; }
.input-box .input-tips span:before, .input-box .input-tips span:after { display: block; content: ''; width: 0.33rem; height: 0.23rem; background: url(title-bg.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -0.13rem; }
.input-box .input-tips span:before { left: -1px; }
.input-box .input-tips span:after { right: -1px; transform: rotateY(180deg); }
.input-box dl { overflow: hidden; padding-left: 1.38rem; position: relative; height: 1.05rem; }
.input-box dl dt { position: absolute; left: 0; top: 0; font-size: 0.28rem; color: #fff; line-height: 1.05rem; }
.input-box dl dd .text { width: 100%; background: none; font-size: 0.28rem; color: #fff; line-height: 0.36rem; margin-top: 0.36rem; }

.radiobox { overflow: hidden; border-radius: 100px; border: 1px solid #fff; float: left; margin-top: 0.33rem; }
.radiobox .pradio { float: left; position: relative; }
.radiobox .pradio span { float: left; line-height: 0.38rem; width: 0.98rem; text-align: center; font-size: 0.24rem; color: #fff; }
.radiobox .pradio input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.radiobox .pradio input:checked + span { background: #fff; color: #1f2938; }

.pjiexi { position: absolute; left: 0.3rem; right: 0.3rem; bottom: 0; visibility: hidden; transition: all 0.4s; }

/*信息部份 end*/


/*页面头部*/
.public_header {height: 44px;line-height: 44px;background: #fff;border-bottom: 1px solid #e4e4e4;width: 100%;position: relative;}
.public_h_con {color: #333;}
.public_h_con {text-align: center;font-size: 20px;color: #a83b00;margin: 0 44px;font-weight: 300;}
.public_ff_title, .public_h_con {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.public_h_home {position: absolute;width: 44px;height: 44px;top: 0;left: 0;}
.public_h_home:after {background-image: url(icon_home.png);}
.public_h_home:after {content: '';display: block;width: 24px;height: 24px;background-size: 100% 100%;background-repeat: no-repeat;position: absolute;top: 10px;left: 10px;background-image: url(icon_home.png);}
.public_h_menu {color: #d34d20;border-color: #fde2e5;}
.public_h_menu {position: absolute;height: 25px;line-height: 25px;border: 1px solid #db8732;border-radius: 5px;padding: 0 5px;display: block;color: #db8732;right: 10px;top: 9px;background-color: #fff;}
/*页面头部 end*/

/*占卜按钮*/
.abtn{ display: block; width: 100%; }
.abtn, .a-btn { display: block; line-height: 0.96rem; text-align: center; font-size: 0.34rem; color: #fff; background: url(abtn-bg.png) no-repeat; background-size: 100% 100%; text-shadow: 0 3px 6px rgba(60, 33, 203, 0.82); max-width: 710px; margin: 0 auto; }
.abtn.lishi, .a-btn.lishi { background-image: url(abtn-lishi.png); }
/*占卜按钮 end*/

/*测算记录*/
.img-list {position:relative;height:.38rem;margin:5% 1%;text-align:left;font-size:.28rem;}
.img-list .img-item {line-height:.38rem;vertical-align:top;color:#dbf1ff;display:inline-block;position:absolute;top:0;left:.22rem;z-index:1;}
.img-list .img-item-txt {width:auto;height:.38rem;}
.img-list .orders {position:absolute;top:0;right:.22rem;z-index:1;height:.38rem;}
.img-list a {display:block;color:#dbf1ff;line-height:.38rem;}
/*测算记录 end*/

.fcysw {font-size: 0;}

.pop-loading{ width: 4.4rem; height: 2.4rem; position: fixed; left: 50%; top: 50%; margin: -1.2rem 0 0 -2.2rem; background-color: #fff; border-radius: 0.1rem; z-index: 99; display: none; }
.pop-loading .picon{ padding-top: 0.35rem; }
.pop-loading .picon span{ display: block; margin: 0 auto; width: 0.88rem; height: 0.84rem; background: url(taiji.gif) no-repeat; background-size: 100% 100%; }
.pop-loading .ptxt{ font-size: 0.32rem; color: #2c2c2c; text-align: center; margin-top: 0.3rem; }

.fade,.fades{ position: fixed; left: 0; right: 0; width: 100%; height: 100%; top: 0; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); display: none; background: #000; cursor: pointer; }




/*联系我们*/
.Contact_box {width:94%;text-align:center;overflow:hidden;padding:2% 3%;background:#191e2e;}
.Contact_top {width:80px;margin:0 auto;}
.Contact_top img {width:100%;}
.Contact_bottom p{line-height:14px;color: #fff;}
.biaozhu {color:#fff558;font-weight: bold;}

/*联系我们 end*/


/*抽纸牌部份*/
.divien_box .b-text{ width: 80%; text-align: center; margin: 0 auto;margin-top: 0.5rem; font-size: .38rem; color: #999;}

.pre_img { border-radius: .15rem; overflow: hidden;  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.4); }
.divien_box .c_img img , .pre_info img{max-width: 100%;display:block;margin: .3rem auto;border-radius: .4rem;overflow: hidden;}
.pre_box em i { display: block; width: 1.5rem; height: 2.28rem; background: url(tarotcard.png); background-size: 1.5rem auto;  }

.pre_select {height:4rem;overflow: hidden;width: 100%;padding-top: 1rem;padding-right:1.5rem;text-align:center;display:block;}
.pre_select em { display: inline-block; width: 1.5rem; height:3.6rem; margin-right: -1.5rem; }
.pre_select em.over i { background: #ca8058; }
.pre_select em i { border:#93F solid 1px; }
.pre_selbox { text-align: center; display: -webkit-box; width: 100%;margin: .7rem auto 0.1rem;padding-bottom: 1.5rem;}
.pre_selbox em { display: block; -webkit-box-flex: 1; height: 2.28rem; background: url(tarotcardqa.png) no-repeat center center; background-size: 1.5rem auto;}
.pre_selbox em i { display: none; margin: 0 auto }
.pre_select_num { text-align: center; margin: -.4rem 0 .5rem 0; color: #fff; font-size: .44rem; font-weight: 500; }
.pre_select_num strong { font-size: .65rem; color:#ffd564 }

.btn_div {margin-top:20px; text-align: center; font-size: 0.4rem;}
.btn_div a { padding:0 0.7rem; height:1rem; line-height:1rem; border-radius:1rem; display:inline-block; background:#a0735f; color:#fff; margin:0 0.3rem;}
.btn_div a.die { background: #ddd }

/*抽纸牌部份 end*/


.tarot-select.tarot-ab-select { height: 15.7rem;}
.tarot-select-ready .select-box, .tarot-select-ready .pjiexi {visibility: visible;}
.select-box {position: absolute;left: 0;right: 0;visibility: hidden; margin-top: -0.1rem;}

.tarot-ab-select .select-box li:nth-child(1) {margin-top:0.5rem;}

.tarot-ab-select .select-box li {width:3rem;height:4.5rem;}


.select-box li:nth-child(1) {transition-delay: 0s;}


.tarot-select-ready .select-box li {opacity: 1;transform: translateX(-50%) perspective(400px) rotateY(0deg);}
.select-box li {position: absolute;left: 50%;right: 0;transition-property: all;transition-duration: 0.4s;}
.tarot-ab-select .select-box .pimg {width: 100%; height: 100%;background: url(tarotcardqa.png);background-size: auto;background-size: 100% 100%;}
.select-box .pimg {width: 1.92rem;height: 2.92rem;background: rgba(18, 28, 43, 0.7); background-size: 100% 100%;box-shadow: 0 0 0.08rem rgba(16, 18, 22, 0.5) inset;border-radius: 0.2rem;position: relative;}
.tarot-ab-select .select-box .pimg::after {background: #ff4889;}
.select-box .pimg::after {content: attr(data-num);position: absolute;top: 0.25rem;left: 0;width: 0.64rem;height: 0.64rem;line-height: 0.64rem;padding-right: 0.05rem;font-size: 0.36rem;text-align: center; background: rgba(255, 255, 255, 0.2);color: #deffff;box-shadow: 0 0 0.09rem rgba(39, 6, 6, 0.5);border-radius: 0 0.34rem 0.34rem 0;}
.tarot-ab-select .select-box .ptit {padding: 0;font-size: 0.28rem;color: #FFF;top: auto;bottom: 0.2rem;}
.select-box .ptit {position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-size: 0.5rem;color: #686f7e;font-weight: bold;padding: 0.75rem 0.6rem 0;text-align: center;}
.tarot-list.xuanp {width: 2.18rem;transition: all 0.3s;}


.tarot-select .tarot-list ul {height:5.5rem;}
.tarot-list.xuanp ul {width: 100%;}
.tarot-list.xuanp ul li { width: 2.18rem;height:2rem;transition: all 0.3s;transition-delay: 0s;}
.tarot-list ul li img {width: 100%;-moz-transition: -moz-transform 600ms ease-out 0ms;-o-transition: -o-transform 600ms ease-out 0ms;-webkit-transition: -webkit-transform 600ms ease-out;-webkit-transition-delay: 0ms;transition: transform 600ms ease-out 0ms;}
.hide {display: none !important;}


/*底部测算按钮浮动*/
.zt_bottom{ position:absolute; bottom:0;width:100%;}
.zt_bottom_r{ float:left;overflow:hidden;}
/*底部测算按钮浮动 end*/

/*导航*/
.jmlist{ width:100%; float:left; line-height:35px; border-bottom:2px solid #a42af9;background:#efefef; padding:5px 0px 0px 0px;overflow:hidden; zoom:1; font-size:16px;}
.jmlist a{font-size:16px;}


/*底部*/
.footer {background: #f5f6f8 none repeat scroll 0 0;border-bottom: 1px solid #d8d9de;border-top: 1px solid #d8d9de;box-shadow: 0 1px 0 #fff inset;font-size: 16px;overflow: hidden;text-align: center;}
.footer .linkico {display: inline-block;font-size: 16px;margin: 0 8px;}
.footer A:hover {text-decoration: underline;}


.arthead {width: 100%; box-shadow:0px 0px 2px #a633f7;  overflow:hidden; zoom:1;background:url(topbg.gif) repeat-x;height:67px; }/*顶部*/
.lonav{  float:left; width:96%; height:46px;  padding:15px 2% 5px 2%; }
.logowz{ width:50%; float:left; height:40px;}
.loo{float:right;margin-top:7px;}
.lef{float:left}
.leimu{margin-left:5px; line-height: 50px;font-size:18px; color:rgba(10, 10, 10, 0.56); font-weight:bold; margin-top:2px;  float:left}

/*隐私协议*/
.common-privacy {margin: 5% 1%;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;align-items: center;}

    [class*="icheck-"] > input:first-child + label::before,
    [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width:20px;
        height:20px;
        border: 1px solid #fa3560;
        border-radius:50%;
        margin-left: -29px;
    }
	[class*="icheck-"] > input:first-child:checked + label::after, [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1px;
    width: 4px;
    height: 10px;
    border: solid 2px #fa3560;
    border-left: none;
    border-top: none;
    transform: translate(7.75px, 4.5px) rotate(45deg);
    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
}
[class*="icheck-"] > label {
    padding-left: 29px !important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
[class*="icheck-"] > input:first-child {position: absolute !important;opacity: 0;margin: 0;}
	
.common-privacy-text {font-size: 0.26rem;color:#dbf1ff;}
.common-privacy-text a{font-size: 0.26rem;color:#fa3560;}
/*隐私协议 end*/