@charset "utf-8";
/* CSS Document */

/*CSS重置*/
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{
    margin: 0;
    padding: 0;
}
ol,ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none
}
input,button,textarea{
    padding: 0;
}
/*另外：button和input本身有2px的边框，textarea和select本身有1px的边框，根据实际情况调整，或是去掉边框*/
table{
    /*为表格设置合并边框模型*/
    border-collapse: collapse;
    /*设置表格边框之间的空白*/
    border-spacing: 0px;
}
/*去掉a链接的下划线*/
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
/*个别浏览器对语义化标签的兼容*/
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
h1,h2,h3,h4,h5,h6,em,i,b,cite {
    /*字体样式不加粗*/
    font-weight: normal;
    font-style: normal;
}
a,input,button {
      /* 清除点击阴影 */
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
body * {
    /* 选中文字设置 */
    -weibkit-user-select: none;
     /* 禁止文字缩放 */
    -webkit-text-size-adjust: 100%;
}
html, body{ font-size: 62.5%; background: url(../images/bg.jpg) no-repeat top center #f1c596; background-size: 100% auto;}

/*缺省结束*/
input::-webkit-input-placeholder{
	color:#7c5425;
	font-size: 0.6rem;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#ffebd6;
	font-size: 0.6rem;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#ffebd6;
	font-size: 0.6rem;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
	color:#ffebd6;
	font-size: 0.6rem;
}

.watermark{background-image: url(../images/watermark.png); background-size: cover;}

header{position: relative;}
.menu{position: absolute; left: 0.4rem; top: 0.4rem;}
.menu.right{right: 0.4rem; left: auto;}
.menu a{display: block; background-color: #d7b574; padding: 0.4rem;}
.menu a img{width: 0.56rem;}
.logo{text-align: center; padding: 2.9rem 0 0;}
.logo img{width: 4.88rem; height: 4.16rem;}
.homeTxt{text-align: center; padding: 2rem 0 2rem;}
.homeTxt img{width: 11.6rem; height: 2.5rem;}
.pageTit{text-align: center; padding: 1.2rem 0 2rem; font-size: 0.8rem; color: #f1c596;}
.container{background-color: #f1c596; padding: 1.6rem 0; overflow: hidden; min-height: 10rem;}
nav{display: flex; flex-wrap: nowrap; justify-content: space-around;}
nav a{text-align: center;}
nav a img{width: 1.84rem;}
footer{background-color: #f1c596; padding: 0.6rem; text-align: center;}
footer a{font-size: 0.44rem; color: #8e6c48;}
footer span{padding: 0 0.6rem; color: #8e6c48;}

.inputCon{padding: 0 1.6rem;}
.inputCon .inputItem{border-bottom: 1px dashed #8c5f2b; padding: 0.8rem 0; display: block; overflow: hidden;}
.inputCon .inputItem i{font-size: 0.64rem; color: #8c5f2b; display: inline-block; width: 30%;}
.inputCon .inputItem .input{border: none; background: none; font-size: 0.8rem; color: #330000; outline: none; width: 65%; float: right; text-align: right;}
.selectDiv{width: 70%; text-align: right; float: right;}

.radioTbody{display: flex; justify-content: space-between; overflow: hidden; padding: 0.8rem 0;}
.radio{
    display: inline-block;
    position: relative;
    cursor: pointer;
	overflow: hidden;
	padding-top: 0.4rem;
}
.radio input{
    display: none;
}
.radio b{display: inline-block; margin-top: -0.4rem;}
.radio .radio-bg{
	display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    padding: 0;
    background-color: #8c5f2b;
    border-radius: 100%;
    vertical-align: top;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
}
.radio .radio-on{
    display: none;
}
.radio input:checked + span.radio-on{
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    background: #f1c596;
    top: 14px;
    left: 4px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset;
    background-image: linear-gradient(#f1c596 0, #dfb07f 100%);
    transform: scale(0, 0);
    transition: all 0.2s ease;
    transform: scale(1, 1);
    display: inline-block;
}

.explain{padding: 0.6rem 0;}
.explain img{ width: 0.6rem; height: 0.6rem; vertical-align:middle;}
.explain a {font-size: 0.6rem; color: #bf8644; cursor: pointer;}

.explain_sign{padding: 0.6rem 0;}
.explain_sign img{ width: 0.6rem; height: 0.6rem; vertical-align:middle;}
.explain_sign span{ font-size: 0.6rem; color: #bf8644;}
.explain_sign a {font-size: 0.6rem; color: #522425; cursor: pointer;}


.submit{padding: 0.8rem 0; outline: none;}
.submit button{display: block; width: 7.48rem; height: 1.36rem; margin: 0 auto; background: url(../images/bg_btn.png) no-repeat center; background-size: cover; border: none; font-size: 0.8rem; color: #f1c596;}

.shuoming{padding: 0.6rem; background-color: #f1c596; color: #330000; display: none;}
.shuoming h3{font-size: 0.52rem; line-height: 200%;}
.shuoming p{font-size: 0.44rem; line-height: 150%;}

.result{padding-top: 2.2rem;}
.result a{color: #fff5e0;}
.name{position: relative;}
.name p{width: 1rem; line-height: 200%; margin: 0 auto; text-align: center; font-size: 1rem; color: #f1c596;}
.zongge{font-size: 0.6rem; color: #fff5e0; text-align: center; padding: 0.8rem 0 1.2rem;}
.zongge a{display: inline-block; padding: 0.2rem 0.3rem; border-radius: 0.1rem;}

.explain_btn{position: absolute; padding: 0.2rem; border-radius: 0.12rem; text-align: center;}
.explain_btn a{font-size: 0.44rem; color: #fff5e0; display: inline-block; font-weight:700;  padding: 0.1rem 0.2rem;}
.explain_btn span{color: #fff5e0; font-size: 0.48rem; padding-left: 0.2rem; display: block;}
.tiange{top: 0rem; left: 9.5rem;}
.renge{top: 50%; transform: translateY(-50%); left: 9.5rem;}
.dige{bottom: 0rem; left: 9.5rem;}
.houge{top: 50%; transform: translateY(-50%); left: 3.6rem;}
.waige{top: 50%; transform: translateY(-50%); left: 0.6rem;}
.jin{background-color: #b7711a;}
.mu{background-color: #4c7d52;}
.shui{background-color: #496d94;}
.huo{background-color: #a03830;}
.tu{background-color: #947745;}

.liuge{background-color: #f1c596; color: #330000; padding: 0.6rem; width: 80vw; max-height: 90vh; display: none;}
.liuge h3{font-size: 0.8rem; padding-bottom: 0.4rem;}
.layui-layer{background-color: #f1c596; }

.resultCon{padding: 0 0.4rem;}
.resultCon li{padding: 1.2rem 0; border-bottom: 1px dashed #8c5f2b; overflow: hidden;}
.resultCon li .title{width: 20%; float: left;}
.resultCon li .title .text{width: 0.8rem; float: left; font-size: 0.72rem; color: #330000; line-height: 110%; padding-right: 0.2rem;}
.resultCon li .title img{display: block; float: left; width: 0.5rem;}
.resultCon li .content{width: 80%; float: right; font-size: 0.5rem; line-height: 150%;}
.resultCon li .content .btn{display: block; width: 4.6rem; margin-top: 1rem; float: left;}
.resultCon li .content .btn img{width: 100%;}
.resultCon li .content .btn.jifen{padding-left: 1rem;}

.moreBtn{padding: 1rem 0;}
.moreBtn a{display: block; width: 11.8rem; height: 1.2rem; background: url(../images/more_btn.png) no-repeat; background-size: cover; font-size: 0.6rem; color: #f1c596; text-align: center; margin: 0.4rem auto; line-height: 1.2rem;}

.phone_num{padding: 0.6rem 0; text-align: center;}
.phone_num i{display: block; font-size: 0.6rem; color: #6a2c2c; font-weight: bold; padding-bottom: 0.8rem;}
.phone_num input{display: inline-block; background-color: #a37747; border: none; padding: 0.4rem; color: #ffca4a; font-size: 0.8rem; outline: none; text-align: center;}

.phone_result{padding: 0 0.4rem; font-size: 0.6rem; line-height: 200%; color: #6a2c2c;}
.phone_result h2{font-size: 0.8rem; border-bottom: 1px dashed #d9ac7b; padding-bottom: 0.4rem; margin-bottom: 0.4rem;}
.phone_result .desc{display: block; font-size: 0.5rem; color: #bf8644; clear: both;}
.phone_result .desc img{width:0.5rem; height: 0.5rem; vertical-align: middle;}

.explain2{padding: 0.6rem 0.6rem;}
.explain2 img{ width: 0.6rem; height: 0.6rem; vertical-align:middle;}
.explain2 a {font-size: 0.5rem; color: #bf8644; cursor: pointer;}

.member{text-align: center; padding: 3rem 0;}
.member .name{font-size: 1rem; color: #f1c596; font-weight: bold;}
.member .level{font-size: 0.5rem; color: #bc874d; padding-top: 0.6rem;}
.member .level span{color: #ffc066; padding-left: 0.4rem;}
.member .level span a{color: #ffc066;}
.member .score{position: absolute; left: 0.6rem; bottom: 0.6rem; font-size: 0.44rem; color: #bc874d;}
.member .time{position: absolute; right: 0.6rem; bottom: 0.6rem; font-size: 0.44rem; color: #bc874d;}

.memberBtn1{overflow: hidden; background-color: #e3af77;}
.memberBtn1 .btn{width: 33.3%; float: left; box-sizing: border-box; border-right: 1px solid #f1c596;}
.memberBtn1 .btn:last-child{border: none;}
.memberBtn1 .btn a{display: block; text-align: center; padding: 1.2rem 0;}
.memberBtn1 .btn a img{width: 1.6rem; height: 1.6rem;}
.memberBtn1 .btn a p{font-size: 0.52rem; color: #522425;}

.memberBtn2{}
.memberBtn2 .btn{border-bottom: 1px solid #e3af77;}
.memberBtn2 .btn a{display: block; overflow: hidden; padding: 0.6rem 0.4rem;}
.memberBtn2 .btn a span{font-size: 0.6rem; color: #522425;}
.memberBtn2 .btn a img{display: inline-block; float: right; width: 0.4rem;}

.favlist{}
.favlist .item{border-bottom: 1px solid #e3af77;}
.favlist .item a{display: block; overflow: hidden; padding: 0.6rem 0.4rem;}
.favlist .item a .tit{font-size: 0.6rem; color: #522425;}
.favlist .item a .more{display: inline-block; float: right; font-size: 0.44rem; color: #522425; line-height: 200%;}
.favlist .item a .more img{width: 0.4rem; vertical-align: middle;}

.order{}
.order li{padding: 0 0.4rem; border-bottom: 4px solid #e3af77;}
.order li .item{padding: 0.4rem 0; border-bottom: 1px solid #e3af77; font-size: 0.44rem; overflow: hidden;}
.order li .item .orderid{color: #522425; float: left;}
.order li .item .orderpay{color: #941114; float: right;}
.order li .detail{padding: 0.4rem 0; font-size: 0.56rem; color: #522425;}

.userinfo{}
.userinfo .item{padding: 0.5rem 0.4rem; border-bottom: 2px solid #e3af77; overflow: hidden;}
.userinfo .item .title{float: left; font-size: 0.6rem; color: #522425;}
.userinfo .item .title span{font-size: 0.56rem; color: #522425;}
.userinfo .item .btn{font-size: 0.48rem; float: right;}
.userinfo .item .btn a{display: block; width: 1.4rem; height: 0.8rem; line-height: 0.8rem; background: #bf8644; color: #522425; text-align: center;}

.updatename{width: 80vw; padding: 0.8rem; box-sizing: border-box; display: none;}
.updatename p{font-size: 0.6rem;}
.updatename input{font-size: 0.6rem; display: block; padding: 0.4rem; margin: 0.4rem 0; box-sizing: border-box; width: 100%;}
.updatename button{display: block; margin: 0 auto; font-size: 0.6rem; padding: 0.3rem; border: none; box-sizing: border-box; width: 100%; background-color: #f1c596;}

.updatepwd{width: 80vw; padding: 0.8rem; box-sizing: border-box; display: none;}
.updatepwd p{font-size: 0.6rem;}
.updatepwd input{font-size: 0.6rem; display: block; padding: 0.4rem; margin: 0.4rem 0; box-sizing: border-box; width: 100%;}
.updatepwd button{display: block; margin: 0 auto; font-size: 0.6rem; padding: 0.3rem; border: none; box-sizing: border-box; width: 100%; background-color: #f1c596;}

.feedback{padding: 0.6rem;}
.feedback textarea{box-sizing: border-box; padding: 0.4rem; border: none; background-color: #bf8644; color: #F7F0E3; width: 100%; outline: none; font-size: 0.6rem;}
.feedback textarea::placeholder{color: #F7F0E3;}

.unlock{padding: 0 0.4rem; overflow: hidden;}
.unlock .title{text-align: center;}
.unlock .title img{width: 1.46rem;}
.unlock .title p{font-size: 0.64rem; color: #8c5f2b; padding: 0.4rem 0 0.8rem;}
.unlock .item{background-color: #e4a868; padding: 1.2rem; border-top: 1px solid #ffd3a3; border-bottom: 1px solid #ffd3a3; text-align: center; font-size: 0.8rem; color: #522425;}
.unlock .price{text-align: center; font-size: 0.52rem; color: #8c5f2b; padding: 0.8rem 0 1.2rem;}
.pay_btn a{display: block; overflow: hidden; background-color: #fff6ed; border-radius: 0.2rem; height: 1.8rem; line-height: 1.8rem; box-sizing: border-box; margin-bottom: 0.6rem;}
.pay_btn a img{margin: 0 0 0 0.6rem; width: 1rem; vertical-align: middle;}
.pay_btn a span{display: inline-block; float: right; font-size: 0.52rem; color: #8c5f2b; padding-right: 0.6rem;}

.oneforone{text-align: center; padding-top: 1.8rem;}
.oneforone img{display: inline-block; width: 4.88rem;}
.oneforone .title p{font-size: 1rem; color: #522425; font-weight: bold; padding: 1.6rem 0 0.2rem;}
.oneforone .title span{display: inline-block; width: 0.8rem; height: 0.16rem; background-color: #522425;}
.oneforone .desc{padding-bottom: 1.2rem;}
.oneforone .desc h3{font-size: 1.4rem; color: #8c5f2b; padding: 1.2rem 0 0.6rem;}
.oneforone .desc p{font-size: 0.6rem; color: #8c5f2b;}
.ewmbox{background-color: #e4a868; padding: 1rem; border-top: 1px solid #ffd3a3; border-bottom: 1px solid #ffd3a3; text-align: center;}
.ewmbox img{display: inline-block; width: 3.2rem;}
.ewmbox p{font-size: 0.44rem; color: #522425; padding-top: 0.2rem;}
.oneprice{font-size: 0.52rem; color: #8c5f2b; padding: 0.6rem 0; text-align: center;}