@import url(layout.css);
.mpart { height:2.3rem;}
.vision {height: 2.2rem;}
.vision .s_botm:nth-child(1n) ,.vision .s_botm:nth-child(2n) {margin-top: 1rem;}
.line , .list { margin:0.37rem 0 0 0;}
.none{display: none;}
.viewcont .shortxt_tool{ margin:0;}
.viewcont .shortxt_tool a:first-child{ margin-left: 0;}
.viewcont .shortxt_tool a:last-child{ margin-right: 0;}

.tarot .mpart{ background: url(../images/tarot/bg.jpg) no-repeat center 0; background-size: 100%; }
.tarot .mpart .vision .s_mide ,.tarot .plus_box .plus_mpart .vision .s_mide{ background: none;}
.tarot .hkl{ background:none;}
.tarot .viewcont h1{ color:#a0735f;}
.tarot .plus_box .plus_mpart{background:url(../images/tarot/bg.jpg) no-repeat center 0; background-size: 100%;}
.tarot .plus_box em{background-color: rgba(78, 40, 24, 0.68);}
.tarot .plus_box .login .loign_sel a{background-color: rgba(113, 74, 57, 0.57);}
.tarot .plus_box .login p a{background: rgba(113, 74, 57, 0.57);}

.viewcont { padding:0 0.37rem;}
.viewcont h1{ font-size:0.56rem; line-height: 1rem; font-weight: normal; margin-top: .3rem; }
.viewcont span.annot { opacity:.6; font-size:0.33rem; display:block;margin-bottom:0.5rem;}
.viewcont span.annot a{ color:#a4a7ff; margin-right: 0.19rem;}
.viewcont .outer { overflow:hidden;}
.viewcont .cont { line-height:1rem; font-size: 0.463rem;}
.viewcont .cont h2 {font-size:0.53rem; color:#e65992; line-height: 1rem; font-weight: 700;}
.viewcont .cont p { text-indent: .926rem; opacity:.8; text-align: justify;}
.viewcont .cont a { color: #a4a7ff; }
.viewcont .cont a u { text-decoration: none }
.viewcont .cont img { max-width: 100%; display:block; margin:0 auto; border-radius: .3rem; }
.viewcont .cont .desc { background:rgba(255,255,255,.1); border-radius: .3rem; color:rgba(255,255,255,.6); text-indent: 2em; padding:.25rem .5rem; margin:0 0 0.5rem; font-size:0.426rem;text-align: justify; line-height: .9rem}
.viewcont .teles {text-align: center;display:block;color: #d8880a;font-size: 0.38rem;background: linear-gradient(to bottom , rgba(255,255,255,0) , #000 45%);height: 1.5rem;position: relative;margin-top: -2rem;padding-top: 2.5rem;}
.viewcont .teles i { display: inline-block; padding-bottom:0.3rem; }
.viewcont .teles i small {display: block;width: .5rem;height: .5rem;border-radius: 1rem;margin: .1rem auto;background: #bf7603 url(../images/arrow_down.png) no-repeat center 50%;background-size:0.3rem auto;}
.viewcont .relat { margin-top: .5rem }
.pulldown { height: 1.42rem; margin: .8rem 0; text-align: center; font-weight: bold; background: #a9a9a9 url(../images/pulldown_3.png) no-repeat center 1rem; padding: .35rem 0; font-size: 0.42rem; color: #f5f5f5; background-size: .6rem; }
.list .more{ display:block; background:rgb(255 255 255 / 20%); height:1rem; line-height:1rem; width:6rem; text-align:center; margin:0.2rem auto 0; border-radius: 2rem;}
.list1 h2{color:#fff;margin-bottom: .3rem;}
.li_txt { margin:0.3rem 0;}
.li_txt li { opacity:.8; padding: 0 0.28rem; background:rgba(120,124,255,.15); border-radius: .2rem; }
.li_txt li:nth-child(2n+1){ background:none;}
.li_txt a{ color:#8b8fff;}
.list .ice { height: auto;min-height: auto; padding: 0 }

.as_box { padding: .5rem;margin-bottom: 1rem;background: #f6f6f6 url(../images/test_adbg.png) no-repeat 0 0; background-size: .9rem auto; border-radius: .2rem; overflow: hidden;}
.as_box h3.test_tit{ font-size: .54rem; line-height: .8rem; position: relative; color: #60bd8a; text-align: left; margin-bottom: .25rem}
.as_box .r_box .answer_result {padding-top:.35rem; line-height: 200%; color: #888}
.as_box .r_box .rs { margin: 0; text-indent: 0 }
.as_box .q_box dl{ }
.as_box .q_box dl dt{ font-weight: bold; line-height: .8rem; padding-bottom: .2rem;}
.as_box .q_box dl dd{ height:1rem; line-height: 1rem; padding:0 0.3rem 0 .25rem;}
.as_box .q_box dl dd input{ margin-right:0.3rem; -webkit-appearance:radio;}
.as_box .q_box dl dd.on { color: #ff6c00 }
.as_box .q_box dl dd i { background: url(../images/test/icon_select.png); background-size: cover; display: inline-block; width: .5rem; height: .5rem; margin-right: .2rem; vertical-align: middle }
.as_box .q_box dl dd.on i { background-position: 0 -.5rem; } 

.as_box  a { display:inline-block; width:40%; line-height: 1rem; position: static; margin-top: 0; text-align: center; color: #fff; border-radius: 1rem;}
.as_box .btns{ /*padding-top: 1rem;*/}
.as_box .tips,.as_box .alarm{ font-size: .36rem; color: #999; text-align: center; height: 1rem; line-height: .7rem; overflow: hidden;}
.as_box .alarm{ color:#E41D21; display: none;}
.as_box .btn_box { margin-top: .35rem; text-align: center }
.as_box .btn_box a { color: #fff; margin: 0 .35rem; }
.as_box a.btn_back{ border:.02rem solid #ccc; background: #fff; color: #888; margin-right: 5%;}
.as_box a.btn_next { background: #60bd8a;}
.as_box a.l_btn{ width:100%;}
.testinfo .answer_box p.rs{ font-size: .52rem;font-weight: bold; line-height: 1rem; padding-top: .2rem; text-indent: 0; margin: 0;}
.as_box a.btn_reset { margin: .5rem auto 0; display: block; background: -webkit-gradient(linear, 69% 100%, 69% 0%, from(#0089ff), to(#22edff)); }

.dyblock { padding: .35rem; height: 1.5rem; border-top: solid 1px #eee; doverflow: hidden }
.dyblock i { background: url(https://p3.pstatp.com/aweme/100x100/910f0018c3ffbac74631.jpeg); background-size: cover; border-radius: 100%; width: 1.5rem; height: 1.5rem; display: block; float: left }
.dyblock .dyinfo { float: left; margin-left: .2rem; margin-right: .3rem; max-width: 5.32rem; font-size: .38rem }
.dyblock .dyinfo strong { display: block; }
.dyblock .dyinfo span { font-size: .3rem; display: block; color: #888 }
.dyblock .dybtn { float: right; border-radius: .1rem; height: .7rem; margin-top: .2rem; padding: .2rem 0; overflow: hidden; background: -webkit-linear-gradient(top,#fe2e57,#f41d6a); }
.dyblock .dybtn em { width: 1.9rem; height: .7rem; display: block; overflow: hidden; }
.dyblock .dybtn iframe { margin: -92.3rem 0 0 -7.8rem; height: 15rem; width: 10rem; overflow: hidden }


.fortune{ border-top: solid .2rem #f5f5f5; padding: .37rem 0.37rem; border-bottom: 1px solid #eee; padding-bottom: 0.37rem;}
.fortune h4 { color:#ef8418; font-size: 0.48rem; margin-bottom: 0.2rem;}
.fortune h4 .m_star { float: right }
.fortune strong { font-size: 0.52rem; text-align: center; display: block; padding-top: .25rem}
.fortune strong em { background: url(../images/icon_quotes.png) no-repeat 0 -2rem; background-size: .32rem auto; margin: 0 .2rem; display: inline-block; width: .31rem; height: .6rem; vertical-align: middle; }
.fortune strong em:nth-child(2) { background-position: 0 -3rem; }
.fortune a { line-height: 0.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; margin-top: 0.3rem;}
.fortune a i { margin-top: .25rem; width: 2rem; display: block;}


/*����ؼ�����ɫ*/
.cs_key{ border-top:1px solid #f1f1f1; padding:.3rem 0;}
.cs_key a{display:inline-block;width:33.33%; text-align: center;line-height: 190%;font-size: .4rem;}
.cs_key a.color_1{color:#56BF84;}
.cs_key a.color_2{color:#5885ff;}
.cs_key a.color_3{color:#E85761;}
.cs_key a.color_4{color:#F95295;}
.cs_key a.color_5{color:#A39281}
.cs_key a.color_6{color:#48cabd;}
.cs_key a.color_7{color:#7c6dff;}
.cs_key a.color_8{color:#fca722;}
.cs_key a.color_9{color:#42b7f5;}
.cs_key a.blod {font-weight: bold;}

footer { margin-top: 0 }
.uqx_8 .list_best { margin: 0 0.37rem; overflow: hidden }
.pro_sw { margin: 0 }
.uqx_24 { margin-top: .35rem; padding: .3rem; position: relative }
.uqx_24 .icon { background: url(../images/icon_bd_gary.gif) no-repeat; background-size: auto .6rem; width: .75rem; height: .75rem; display: block; position: absolute; top: .52rem; left: 3rem; z-index: 8 }
.uqx_24 iframe { background: #fff }