@import url(layout.css);
.mpart { background-size:100% 2.2rem; 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;}

.shengxiao .mpart,.shengxiao .plus_box .plus_mpart { background-image:-webkit-gradient(linear, 72% 100%, 68% 0%, from(#ed3d5a), to(#ff7c7e));}
.shengxiao .plus_box .login p a{}
.shengxiao .viewcont h1{color: #f37274;}

.test .mpart,.test .plus_box .plus_mpart { background-image: -webkit-gradient(linear, 72% 100%, 68% 0%, from(#4eb87d), to(#64cc91)); }
.test .mpart .vision .s_mide{ background-image:url(../bg/bgheart.svg); margin: 0;}
.test .plus_box .login p a{ /*background: #ccd283;*/}
.test .viewcont h1{ color:#60bd8a;}

.tarot .mpart{ background: url(../bg/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(../bg/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);}

.blood .mpart,.blood .plus_box .plus_mpart { background:-webkit-gradient(linear, 72% 100%, 68% 0%, from(#f44e4f), to(#ff7c92)); }
.blood .mpart .vision .s_mide{ background-image:url(../bg/bgheart.svg); margin: 0; }
.blood .viewcont h1{ color:#fa6a77;}

.viewcont { padding:0 0.37rem;}
.viewcont h1{ font-size:0.6rem; color:#e65992; line-height: 1rem; text-align: center; font-weight: 700; }
.viewcont span.annot { color:#999; font-size:0.333rem; text-align: center; display:block;margin-bottom:0.5rem;}
.viewcont .outer { overflow:hidden;}
.viewcont .cont { background:#fff; 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; }
.viewcont .cont a { color: #5a96d2; }
.viewcont .cont a u { text-decoration: none }
.viewcont .cont img { max-width: 100%; display:block; margin:0 auto; }
.viewcont .cont .desc { background:#f6f6f6; border-radius: .2rem; color:#777; text-indent: 2em; padding:0.37rem; margin:0 0 0.5rem; font-size:0.426rem;}
.viewcont .teles { text-align: center; display:block; color:#ff9c00; font-size: 0.38rem; background: linear-gradient(to bottom , rgba(255,255,255,0) , #fff 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: #ffbf5b url(../bg/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(../bg/pulldown_3.png) no-repeat center 1rem; padding: .35rem 0; font-size: 0.42rem; color: #f5f5f5; background-size: .6rem; }
.list .more{ display:block; background:#eee; height:1rem; line-height:1rem; width:6rem; text-align:center; margin:0.2rem auto 0; color:#666; border-radius: 2rem;}
.list1 h2{ color:#f95295;}
.li_txt { margin:0.3rem 0;}
.li_txt li { float: left; min-width: 50% }
.li_txt a{ color:#4878e4;}
.list .ice { height: auto;min-height: auto; padding: 0 }

.as_box { padding: .5rem;margin-bottom: 1rem;background: #f6f6f6 url(../bg/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(../bg/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(../bg/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(../bg/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 { background: #eee; margin-top: .35rem; padding: .3rem; position: relative }
.uqx_24 .icon { background: url(../bg/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 }


.report .inp_form .item{ margin-top: .5rem;}
.report .inp_form label{ display:block; text-align: center; font-size: .38rem; color:#999;}
.report .inpbox input[type=text] ,.report .inpbox span.notempty ,.report .inpbox span{ color:#000;}
.report .inpbox{ background:#f1f1f1; margin-top: .2rem;}
.report .inpbox.name{ width:4rem;}
.report .inpbox.tel ,.report .inpbox.wx{ width:5rem;}
.report .inpbox.typebox{ width:8rem; position:relative;}
.report .inpbox.typebox:after{content:'';position:absolute;background:url(../bg/arrow8.png) no-repeat 0 0;width: .4rem;height: .4rem;background-size: 100%;right: .3rem;top: .32rem;}
.report .file_box{ text-align: center; margin-top: .3rem;}
.report .upload_file{ position:relative; width:2.5rem; height:2.5rem; margin:0 .1rem; display:inline-block;}
.report .upload_file img{ width:2.5rem; height:2.5rem;}
.report .upload_file .file{ position:absolute; width:2.5rem; height:2.5rem; left:0; top:0; opacity: 0}
.report .textarea{ background:#f1f1f1; border-radius: .2rem; padding:.37rem; margin: .2rem auto 0; width:8rem;}
.report .textarea textarea{ width:100%; height:3rem; background:none; font-size: .444rem;}
.report .submitBtn{ width:5rem; display:block; margin: .5rem auto; font-size: .43rem;}