@import url(layout.css); 
.wrapper ,header.header{background: #100527 url(../images/bg4.jpg) no-repeat 0 -2.5rem;background-size: 100%;}
.plus_box em{background-color: rgba(78, 40, 24, 0.68);}
.plus_box .login .loign_sel a{background-color: rgba(113, 74, 57, 0.57);}
.plus_box .login p a{background: rgba(113, 74, 57, 0.57);}
.hkl{ background:none;}

h2.h3 strong {color: #f4a970;}
h2.h3 small {color: #f4a970;}
h2.h3 i{background-color: rgb(239 151 84 / 79%);}

.divien_box { margin: 0 0.37rem .5rem; font-size: 0.42rem; clear: both;}
.divien_box p { padding: .2rem 0;}
.divien_box h4 {text-align: center;font-size: 0.6rem;color: #ffffff;margin:0.5rem auto .3rem;}
.tip_box{ background: #fff;z-index: 99; position: absolute;width: 71%;border-radius: 15px;box-shadow: 1px 1px 6px rgba(0,0,0,0.2);top: 0;bottom: 0;left: 0;right: 0; margin: auto;height: 7rem;}
.t-text{line-height: 180%;padding: .2rem .5rem;font-size: .38rem;background: rgb(255 255 255 / 10%);border-radius: 15px;text-align: justify;}
.t-text p.text_col{ color:#333; padding: 0;}
.t-text strong{}

.divien_box .b-text{width: 80%;text-align: center;margin: 0 auto;margin-top: 0.5rem;opacity: .8;}
.divien_box .b-text p { line-height: 200%; margin: .5rem 0; /*text-indent: 1rem*/ }
.divien_box .tr_tip{display: block;text-align: center;color: rgb(255 255 255 / 60%);font-size: 0.38rem;padding-left: .5rem;}
.divien_box .b-text p.desc_text{ text-indent:0; color: #8e6553; font-size: .44rem; margin-top: -.5rem; font-weight: 500;}
.divien_box .tr_tip img{ width: 4.5%; padding-left: .1rem; vertical-align: sub; padding-bottom: 2px;}
.divien_box .result_str{width:98%;}
.divien_box .result_str p {line-height: 200%;margin: .5rem 0;text-indent: 1rem;text-align: justify;}
.divien_list {margin: 0 .32rem;padding-bottom: .3rem;background: rgb(255 255 255 / 8%);border-radius: .4rem;}
.divien_list ul{padding-top:0.3rem;margin-top:0.3rem;width:100%;border-top: 1px solid rgb(255 255 255 / 10%);}
.divien_list ul.ul1{ border:none; margin-top: 0;}
.divien_list ul li{ float:left; width:33.33%; text-align: center; font-size: 0.38rem;}
.divien_list ul li a{display:inline-block;width:2.5rem;border-radius: 5px;margin:0.2rem 0;line-height: 0.9rem;background: rgb(255 255 255 / 10%);}
.divien_list ul.ul1 li a{background: rgb(88 42 42 / 82%);color: #c78484;}
.divien_list ul.ul2 li a{background: rgb(45 54 86 / 92%);color: #8a8db7;}
.divien_list ul.ul3 li a{background: rgb(45 69 70 / 88%);color: #719ca2;}

.pre_img {overflow: hidden;}
.pre_selbox em i.pre_img{ box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.2); }
.divien_box .c_img{ margin:1rem 0 1.5rem;}
.pre_info img{ margin:0.5rem 0;}
.divien_box .c_img img , .pre_info img{max-width: 100%;display:block;margin: .3rem auto;border-radius: .4rem;overflow: hidden;}
.pre_info img{ /*box-shadow:2px 3px 18px rgba(66, 36, 22, 0.4);*/ border-radius: 19px; overflow: hidden; margin-top: .8rem; }

.pre_box em i {display: block;width: 1.5rem;height: 2.28rem;background: url(../images/tarot/divine/pre_img.png);background-size: 1.5rem auto;border-radius: .1rem;box-shadow: 0 0 .2rem rgba(0,0,0,.2);}

.pre_select { padding: 1rem 0 0 3.8rem; height: 5rem; overflow: hidden }
.pre_select em { display: inline-block; width: 1.5rem; height: 9.5rem; margin-right: -1.5rem; }
.pre_select em.over i { background: #ca8058; }
.pre_select em i {}
.pre_selbox { text-align: center; display: -webkit-box; width: 100%; margin:.7rem auto 1.2rem;}
.pre_selbox em { display: block; -webkit-box-flex: 1; height: 2.28rem; background: url(../images/tarot/divine/card_sel_bg.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;font-size: .44rem;font-weight: 500;}
.pre_select_num strong {font-size: .65rem;color: #ab6f48;}
.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:linear-gradient(0deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 19%));color: rgb(255 255 255 / 60%);margin:0 0.3rem;}
.btn_div a.die ,.btn_div a.n {background:linear-gradient(0deg, #652e16, #774024);color: #fff;}

.period { padding: 2rem 0 .4rem }
.period label {
	float: left; height: 32px;
}
.period label span {
	 text-align: center; font-weight: 700; background-position: -370px 0; width: 62px; height: 32px; display: block; color: #553f2a; line-height: 27px; margin: 0 auto; color: #f0e4d5;
}
.period ul {
	width: 100%;display: -webkit-box;
}
.period li {
	text-align: center; margin: 5px 0; font-size: 12px; overflow: visible;-webkit-box-flex: 1;
}
.period li span {
	height: 3.03rem; position: relative; overflow: hidden; background: url(../images/tarot/divine/pre_img.png); background-size: 100% 3.03rem; overflow: hidden;
}
.period li.pre span {
	display: block; width: 2rem; height: 3.03rem; font-size: 40px; color: #f6bf9a; margin: 0 auto .25rem;
}
.period li.pre em {line-height: .6rem;display: inline-block;font-size: .32rem;background: rgb(76 47 26 / 72%);border-radius: .1rem;margin-top: .1rem;padding: 0 .1rem;color: #b87f59;}
.period li.pre em.tip {color: #e29092;background: rgb(111 0 0 / 58%);}
.period li.pre em.on {color: #75af7b;background: rgb(5 76 12 / 68%);}


.period li.pre span.rotate_1 {
	-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg); filter : progid:DXImageTransform.Microsoft.Matrix(M11=0.8660253882408142, M12=-0.5, M21=0.5, M22=0.8660253882408142, sizingMethod='auto expand');
}
.period li.pre span.rotate_2 {
	-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg); filter : progid:DXImageTransform.Microsoft.Matrix(m11=0.8660253882408142,m12=0.5,m21=-0.5,m22=0.8660253882408142, sizingMethod='auto expand');
}
.period li.pre span.rotate {
	 margin-top: -20px; height: 167px; position: relative;
}
.period li.pre span strong { display: block;line-height: 3.03rem;}
.period li.pre a {display: block;}
.period li.pre img {	width: 100%; height: 3.03rem;  }
.period li.pre p {margin:8px 13px 0;font-size: 0.32rem;line-height: 0.5rem;}
.pre_info strong{ display:block; text-align: center;}

.view .t-text {min-height: 6.5rem;width: 9.2rem;box-sizing: border-box;padding: .3rem .2rem;background: rgb(255 255 255 / 20%);opacity: .8;}
.view .t-text p{padding: .2rem .5rem;}