html{font-size:32px;width:100%;height:100%;}
@media screen and (min-width:321px) and (max-width:375px){html, body{font-size:36px;}}
@media screen and (min-width:376px) and (max-width:414px){html, body{font-size:41.4px;}}
@media screen and (min-width:415px) and (max-width:639px){html, body{font-size:54px;}}
@media screen and (min-width:640px) and (max-width:719px){html, body{font-size:64px;}}
@media screen and (min-width:720px) and (max-width:749px){html, body{font-size:72px;}}
@media screen and (min-width:750px) and (max-width:799px){html, body{font-size:76.8px;}}
@media screen and (min-width:800px){html, body{font-size:80px}}
body{ font-size: 0.5rem; width:100%;height:100%;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body{font-family: "Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';}
a,a:hover{color:inherit;}
body{ font-size: 0.3889rem; }
* {
    box-sizing: border-box;
}
input {
    font-size: .4rem;
}
/* header */
header {
    background: #b62103;
    display: flex;
    height:1.3rem;
    padding:1px 0;
}
header img {
    width:75%
}
header img:first-child {
    width: 10%;
    height:100%;
    transform:scale(.7);
}
header img:last-child {
    height:100%;
    width: 15%;
    transform:scale(.7);
}
/* banner图 */
.banner {
    width:100%;
    height:auto;
}
.banner img {
    width:100%;
}
/* aside */
aside {
    width:100%;
    background: #b62103;
}
aside ul {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding:0.2rem 3.125% 0.2rem
}
aside ul li {
    width:22.3%;
    border: 1px dotted #DA8F80;
    text-align: center;
    margin: 0 3.54% 0.0583rem 0;
}
aside ul li:last-child {
    margin-right:0;
}
aside ul li:nth-child(4) {
    margin-right:0;
}
aside ul li a {
    display: block;
    color: #fff;
    font-size: .42rem;
    line-height: 2;
    font-family: "microsoft yahei";
}
/* center */
.content {
    background: #fffde2;
    padding: 0 .5rem;
}
/* 介绍 */
.introduce {
    display: flex;
}
.introduce .div1 {
    flex:2;
}
.introduce .div2 {
    flex:3;
}
.introduce .text {
    width:100%;
    background: #cc6600;
    text-align: center;
    padding:.1rem;
    padding-top:.16rem;
}
.introduce .div1 {
    width:100%;
}
.introduce .div1 .img1 {
    width:100%;
}
.introduce .text img {
    width:60%;
}
.introduce .div2 {
    display: flex;
    flex-direction: column;
}
.introduce .div2 p {
    padding-left:.5rem;
    font-size: .3rem;
    flex:3
    /* font: 400 0.1736rem/0.282rem "Microsoft YaHei"; */
}
.introduce .div2 .imgs {
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex:2;
}
.introduce .div2 .imgs hr {
    margin:0;
    padding:0;
    font-weight: 600;
    width:70%;
    height:5px;
    background: #000;
    margin:.1rem 0;
}
.introduce .div2 .imgs img {
    width:80%;
    display: block;
}
.introduce .div2 .imgs img:last-child {
    width:60%;
}
.title-title {
    position: relative;
    margin-top:.15rem;
}
.title-title img {
    width:100%;
}
.title-title span {
    display:block;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    text-align: center;
    line-height: 3;
    color:#fff;
}
/* 在线算命 */
.lifeForm img {
    width:100%;
    position: relative;
    z-index: 1;
}
.lifeForm form img {
    width:.6rem;
}
.lifeForm form {
    background: #fff;
    margin-top:-.15rem;
    margin-bottom:-.15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    background: url('../images/form_c.png') center center;
    background-size: contain;
}
.lifeForm form div {
    width:80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom:1px solid #ede6d2;
    padding:.4rem 0;
    color:#cd993b;
}
.lifeForm form div input {
    border:0;
}
.lifeForm form div img {
    margin-right:.2rem;
}
.lifeForm form div label {
    margin-right:.8rem;
    color:#000;
}
.lifeForm form div label input {
    margin-right:.3rem;
}
/* 同意隐私协议 */
.agree {
    display: flex;
    align-items: center;
    justify-content: center;
}
.agree img {
    width:.5rem;
    padding:.2rem 0;
    margin-right:.1rem;
}
.agree a {
    color:#fa8d55;
    text-decoration: underline;
}
.report {
    text-align: center;
    padding:.2rem 0;
}
.report span {
    color:#a61222;
}
.result {
    width:100%;
    padding:0 .4rem;
    padding-bottom:.1rem;
}
.result img {
    width:100%;
}
.help {
    width:100%;
    padding-top:.4rem;
    padding-bottom:.2rem;
}
.help img {
    width:100%;
}
/* 评价 */
.evaluate {
    width:100%;
    margin-bottom:.2rem;
	height:374px;
	overflow:hidden;
}
.evaluate li {
    padding:.3rem .6rem;
    border-bottom:2px solid #efddb1;
}
.evaluate li:first-child {
    padding-top:0;
}
.evaluate li div:first-child {
    color:#ca101b;
}
/* 添加评论 */
.evaluateSubmit li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:.1rem 0;
}
.evaluateSubmit li input {
    width:70%;
}
/* 底部标题 */
.title_title {
    display: flex;
    justify-content: space-between;
    width:100%;
    align-items: center;
    background: #ff5d2c;
}
.title_title span:first-child {
    padding:.2rem;
    padding-right:1.5rem;
    background: #d23037;
    color:#fff;
}
.title_title a {
    border-radius: .07rem;
    padding:.08rem .2rem;;
    background: #ffd74a;
    margin-right:.1rem;
    display: inline-block;
}
.images {
    display: flex;
    width:100%;
    flex-wrap: wrap;
}
.images a {
    width:50%
}
.images a:nth-child(2n) {
    padding-left:.1rem;
}
.images a:nth-child(2n + 1) {
    padding-right:.1rem;
}
.images a img {
    width:100%
}
.weixin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:.2rem .1rem;
    border-bottom:1px solid #d76b4f;
}
.weixin img {
    width:48%;
}
.forecast {
    width:100%;
}
.forecast li {
    width:100%;
    background: #fff;
    border-bottom:2px solid #e7a642;
    display: flex;
    align-items: center;
    padding:.2rem;
}
.forecast li img {
    width:.2rem;
    margin-right:.2rem;
}
.residence {
    padding:.1rem;
    background: #fff;
}
.residence .div1 {
    background: #f9efe3;
    margin-top:.1rem;
}
.residence .div1:first-child {
    margin-top:0;
}
.residence .div1 img {
    width:39%
}
.residence .div1 div {
    width:59%;
    display: inline-block;
    padding-left:.2rem;
}
.residence .div1 p:first-child{
    color:#ff5d3e;
}
.office {
    padding:.2rem;
}
.office img {
    width:47%;
}
.office img:first-child {
    margin-right:.1rem;
}
.office img:last-child {
    margin-left:.1rem;
}
.tel {
    padding:.2rem;
}
.tel p {
    text-align: center;
    color:#999999;
}
footer {
    display: flex;
    background-color: #282828;
}
footer div {
    flex:1;
    text-align: center;
    color:#fff;
    padding:.2rem;
    border-right:1px dashed #7f7f7f;
}
footer div img {
    width:.4rem;
    margin-right:.1rem;
}

.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{background:#282828!important;width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:1;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #303030;}
.nav li a{display:block;width:100%;font:700 16px/50px '微软雅黑';color:#fff;text-align:center;}
.nav li a span{margin-right:3%;font-size:24px}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}

.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;}
.clicked{right:220px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}

.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

.nav li a span{margin-right:3%;font-size:24px}
.nav li a span img   { height: 30px;
    margin-right: 5x;
    padding-top: 5px;
    box-sizing: border-box;
    vertical-align: text-top;
	}.black-fixed{position: fixed;z-index:99;right:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:220px;display:none;}
.black-clicked img{width:30px;padding-top:10px;}