@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family: "微软雅黑", Arial;font-size: 14px; background:#fcf8f5 url(../images/syst/bg.jpg) no-repeat; background-size: 100%; background-attachment: fixed; height: 100vh; padding:0; margin:0; color:#6d5f5f; width:100%; height:100%;}
a{ text-decoration:none; color:#666666; font-size:14px;}
em,i{ font-style:normal;}
.center{  margin: 0 auto; overflow: hidden;}
.right{ float:right;}
.left{ float:left;}
image{ border:0;}
ul:after,.zishu:after , .clear:after{  display:block; content:""; height:0; clear:both;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;}

ul{ padding:0; list-style:none; margin:0;}
ul li{ padding:0; list-style:none; margin:0;}
.mgl10{ margin-left:10px;}
.mgl5{ margin-left:5px; }
.mgb10{ margin-bottom:10px;}
.mgt10{ margin-top:10px;}
.mgt-10{ margin-top:-10px;}
.pdlr00 .mgt0{ margin-top:0;}
.mgt5{ margin-top:5px;}
.pd10{ padding:10px 0;}
.pdt8{ padding:8px 0 3px;}
.mgr5{ margin-right:5px;}
.mgr10{ margin-right:10px;}
.pdlr10{ padding:10px 10px 0 10px; text-align:center; background-color:#fff;}
.pdlr00{ background-color: #fff;border-bottom: #dfdfdf 1px solid;padding:0 10px;}
.pdb10{ padding-bottom:10px;}
.pdt10{ padding-top:10px;}
.line10{ height:10px; width:100%; overflow:hidden;}

.suit{ padding:0 5px; background-color: #f0e0cc; color: #8b6349;height:35px; display: inline-block;line-height: 35px;text-align: center; border-radius: 3px;font-size: 14px; vertical-align:middle;}
b{ font-size:12px; margin-left:5px; color:#f35860;}
.b_value{ display:inline-block; width:31%;}
.content{ overflow:hidden;}
.content .topline_nob{border-top: #dfdfdf 1px solid; margin-bottom:10px;}
.vb{ vertical-align:bottom;}
a.zishu select{ float:left;}
.z{ clear:both;}
.red{ color:#f35860 !important; font-size:16px;}
.font12{ font-size:12px;}
.font_yellow{ color:#ddb77d;}
.ps{ font-size:12px; color:#888; line-height:22px; margin:10px 0 5px; font-weight:normal;}
form {margin: 0px;display: inline;}
input[type="radio"]{ margin:0 3px 0 0;}
.name img{ width:3rem; height:2.256rem;}


.app_icon{ display:inline-block; width:18px; height:22px; margin-right:3px; background:url(../images/app_icon.png) no-repeat center 0px; background-size:18px; vertical-align:middle;}
.nav ul li .nav_app{ color:#feed98;}

.width100{ width:100%;background: #f5e9d4; margin:0 0 5px; padding:5px 0;}
.width100 .index_year{ display:block; float:left; width:36%;}
.width100 .index_mdh{display:block; float:left; width:16%;}
.width100 .index_btn{ display:block; float:left;width:16%;}
.width100 .index_40{display:block; float:left; width:40%;}
.width100 .index_20{display:block; float:left; width:20%;}


.bzml_cs .xmcs_top{ padding: 0px 0 6px;}
.bzml_cs_pdt .xmcs_top{ padding: 8px 0 6px;}

.ymdh_select{ display:block; margin:0 3px;}
.width100 .ymdh_select select{ display:block; width:100%;border: #cdcdcd 1px solid;border-radius: 3px; color: #888;font-family: "微软雅黑"; background: #fff url(../images/tri_down.gif) right center no-repeat; background-size: auto 5px;}
.index_xmcs_btn{ display:block; width:100%;background-color: #f35860;font-family: "微软雅黑";border: 1px solid #f35860;color: #fff;border-radius: 3px;-webkit-appearance: button;font-size: 15px;padding: 0; height:35px; text-align:center;}
.sex_rili{ width:178px;}
.xm1{ width:100%;}
.pd5{ padding:0 5px;}


.dash_b{border-bottom:#ebd1a9 1px dashed; margin:0;}


.xm_cs select,.xm_cs .xmcs_txt,.xm_cs .xmcs_btn,.xmcs label,.sx,.reset{height:35px;font-size:14px;}
.xm_cs .rili{ text-align:center;}
/*.xm_cs .xm1{ margin:0 auto; width:320px;}*/
.xm_cs .gongli_line,.index_gongli_line{width: 315px;margin:0 auto 5px;background: #f5e9d4;padding: 5px 0 5px 5px; border-radius:3px;}
.index_gongli_line select {margin-right: 4px;}
.xm_cs .gongli_line2{border-top:#f5e6cf 1px dashed;border-bottom:#f5e6cf 1px dashed;}
.xm_cs .xmcs_txt{ border:#cdcdcd 1px solid; border-radius:3px;color:#888;padding:0 0 0 5px; height:35px; margin:0 5px 0 0; vertical-align:middle;}


.xm_cs select{ border:#cdcdcd 1px solid; border-radius:3px;color:#888;background-color:#fff; background:#fff url(../images/tri_down.gif) right center no-repeat;background-size: auto 5px; vertical-align:middle; padding-right:15px;}
.bbqm_nopd{border-top: #ebd1a9 1px solid;}
.xm_cs .index_xmcs_txt{ width:100%;  display:block;  border: #cdcdcd 1px solid;border-radius: 3px;color: #888;font-family: "微软雅黑"; height: 24px; background-color: #fff;padding: 0; text-align:center;}
.index_xmtxt{display:block; float:left; width:50%; position:relative;}
.txt100{ width:100%;}



/*.xm_cs .xmcs_txt{ margin-right:5px; vertical-align:middle;}*/
.xmcs_txt{padding:0 0 0 5px;}
.x_m_txt{padding:10px 178px 0 5px;}


.bb_txt{ padding:10px 0 5px 0;  margin-left:5px;}
.xm_cs .sex{padding:10px 0 5px;}
.xm_cs .pd10 .sex,.xm_cs .zishu .sex{padding:0;}
.xm_cs .form-box{ width:26px;height:35px; line-height:35px; text-align:center; color:#fff; border-radius:3px; background-color:#a8a8a8;  display:inline-block; vertical-align:middle; margin-right:5px;}
.xm_cs .rili-box{height:35px; line-height:35px; text-align:center; color:#fff; border-radius:3px; margin-right:5px; background-color:#a8a8a8; padding:0 5px;}
.rili{ background:#f5e9d4; padding:5px 8px; margin:5px 0 0 5px; border-radius:3px;}
.rili div:nth-child(2){margin-right:0;}
.xm_cs .form-box-boygirl{ padding:0 5px;height:35px; line-height:35px; text-align:center; color:#fff; border-radius:3px; margin-right:5px; background-color:#a8a8a8;}
.xm_cs .select-active{ background-color:#ddb77d;}
.xm_cs .form-box_company{height:35px; line-height:35px; padding:0 10px; text-align:center; color:#777; border-radius:3px; margin:2px 5px 3px 0; background-color:#dfdfdf; border:1px solid #dfdfdf;} 
.xm_cs .form-box_class{ height:35px; line-height:35px; padding:0 10px; text-align:center; color:#777; border-radius:3px; margin:2px 5px 3px 0; background-color:#dfdfdf; border:1px solid #dfdfdf;} 
.xm_cs .select-active_company{ border:1px solid #f0e0cc;background-color: #f0e0cc; color: #8b6349;}


.ming_xs1,.ming_xs22{ border-radius: 4px; border: 1px solid #f0e0cc; color:#888; padding:0 0 0 5px; height:35px; vertical-align:middle; box-sizing:border-box;background: #f0e0cc url(../images/tri_down.gif) right center no-repeat;background-size: auto 5px; vertical-align: middle; font-size:16px;}
.ming_xs1{ width:70px;float:left;}
.ming_xs2{ padding-left:180px;}
.ming_xs22{ width:100%;}

.xm_cs .mg0{ margin:0 ;}
.bb_mdxs{float:left; height:35px; line-height:45px; width:100px; text-align:left; font-size:18px; font-weight:bold; color:#8b6349;display:inline-block; vertical-align:middle; }
.bord_b{margin:5px auto 15px;}



.gongli{ height: 35px;line-height: 45px; width: 50px; text-align: left;font-size: 18px; font-weight: bold; color: #8b6349;}
.choose_li{background-color:#dfdfdf; color:#777;height:35px;display:inline-block; line-height:35px; text-align:center;border-radius:3px; padding:0 10px ;font-size:14px; vertical-align:middle; margin-bottom:5px;}
.li_active{background-color:#f0e0cc;color: #8b6349;}


.xm_cs .xmcs_btn{  background-color:#f35860; border:1px solid #f35860; color:#fff;border-radius:3px;-webkit-appearance: button;font-size:15px;width: 63px; padding:0; vertical-align:middle;}
.xm_cs .full_btn{  background-color:#cea373; border:1px solid #cea373; color:#fff;border-radius:3px;-webkit-appearance: button;font-size:15px;width: 100%; margin:10px 0; height:35px;}
.bzcs_btn{background-color:#f35860; border:1px solid #f35860; color:#fff;border-radius:3px;-webkit-appearance: button;font-size:15px; width:100%; margin:10px 0; height:35px;}
.reset{ width:100%; background-color:#cea373; border:0; color:#fff;border-radius:3px;-webkit-appearance: button; margin:10px 0;}


.index_app{ padding:10px; overflow:hidden; background-color:#fff6eb; border-bottom:1px solid #fff;}
.index_app ul{ width:200%;}
.index_app li{ float:left; width:65px; margin-right:5px;}
.index_app a{display:block;text-align:center; font-size:12px;}
.index_app a span{ margin-top:5px; display:inline-block;}
.index_app img{width:100%;}
.index_app_nobor{background:none; border-bottom:none;}


.bb_btn1,.bb_btn2{ width:48%;background: url(../images/bb_btn1.png) center no-repeat; background-size: 100% 100%;  border:0; color:#fff;-webkit-appearance: button;height:35px;font-size: 14px; vertical-align:middle; margin:10px 0; text-align:center;}
.bb_btn1{ margin-right:2%;font-size: 14px;vertical-align:middle;}
.bb_btn3{background-color:#ddb77d; border:0; color:#fff;border-radius:3px;-webkit-appearance: button;height:35px; font-size: 14px;vertical-align:middle; width: 30%;}
.bb_btn4{background-color:#8b6349; border:0; color:#fff;border-radius:3px;-webkit-appearance: button;height:35px; width:30%;font-size: 14px;vertical-align:middle;}
.bb_btn5{background: url(../images/bb_btn1.png) center no-repeat; background-size: 100% 100%; border:0; color:#fff;border-radius:3px;-webkit-appearance: button;height:35px; margin:8px 2% 20px 0;width:32%;font-size: 14px;vertical-align:middle;}
.w320{margin: 0 auto;}
.index_xmcs .w320{margin: 6px auto 0;}
.index_xmcs .bb_btn5{margin: 4px 2% 14px 0;}
.index_xmcs .qc_btn{margin:0 0 10px;}
.qc_btn{ background:url(../images/bb_btn.png) center no-repeat; background-size: 100% 100%; margin:8px 0 20px;vertical-align:middle;}
.bg-green{ background-color:#0aa17c;}


.xx_btn1,.xx_btn2{ width:48%;background-color:#8b6349; border:0; color:#fff; margin:10px 0;border-radius:3px;-webkit-appearance: button;height:35px; line-height:35px; font-size:14px;vertical-align:middle;}
.xx_btn1{a margin-right:2%;}


.sx_app{ padding:10px; background-color:#fff6eb; overflow:hidden; border-radius:4px; border-bottom:1px solid #fff; border-top:1px solid #f6ebde;}
.sx_app .sx_left,.sx_app .sx_mid{ width:38%; float:left;}
.sx_app .sx_right{ width:24%; float:left;}


.sx_app .sx_left .sx{ color:#5a9abb;padding:0 0 0 10px; height:35px; box-sizing:border-box; background-color:#fff; border-radius:4px; border: 1px solid #f0e0cc;}
.sx_app .sx_left .sx_ss{ margin:0 10px 0 50px; }
.sx_app .sx_left .sx_ss .sx{ width:100%;}

.sx_app .sx_mid .sx{ background-color:#fff; border-radius:4px; border: 1px solid #f0e0cc; color:#ea5555;padding:0 0 0 10px; height:35px; box-sizing:border-box;}
.sx_app .sx_mid .sx_ss{ margin:0 10px 0 50px;}
.sx_app .sx_mid .sx_ss .sx{ width:100%;}

.sx_man,.sx_women{ float:left; display:block; width: 40px;height: 35px;line-height: 35px;text-align: center;color: #8b6349;border-radius: 3px; font-size: 14px;}
.sx_man{ background:url(../images/boy.png) no-repeat center; background-size:35px;}
.sx_women{ background:url(../images/boy.png) no-repeat center; background-size:35px;}


.sx_btn{ width:100%; height:35px; background:url(../images/bz_btn.png) center no-repeat; background-size:100% 100%;font-family: "微软雅黑";border: 0;color: #fff;border-radius: 3px;-webkit-appearance: button;font-size: 15px; padding:0; vertical-align:middle;}
.yue,.ri,.hh,.minute{ width:44px;background:url(../images/tri_down.gif) 35px center no-repeat; background-size:auto 5px;}
.xm_cs .nian{ width:99px; background:#fff url(../images/tri_down.gif) 90px center no-repeat; background-size:auto 5px; float:left;}
.bzml_cs .tb_line{ width:284px;}
.tb_line .yue,.tb_line .ri,.tb_line .hh,.tb_line .minute{width:50px;background:#fff url(../images/tri_down.gif) 35px center no-repeat; background-size:auto 5px;}
.sx{ background:#fff url(../images/tri_down.gif) right center no-repeat; background-size:auto 5px;}
.man{ width:2%;}
.no_mgt{ margin:0 0 10px;}


.h_right{ position:absolute; top:0; right:0; text-align: right; width:100px; height:45px; line-height: 45px;}
.back_up a{ background:url(../images/top.gif)no-repeat scroll 0 0; background-size:100%; width:18px; height:19px; position:absolute; top:13px; left:10px;}
.hide_nav{ float:right !important;}
.login a{ color:#fff; display:inline-block; padding:0 10px; margin-right: 5px; font-size: 15px;}


.footer{  padding:10px 0; background-color:#f0f0f0;}
.footer a{ font-size:14px; color:#555;}
.footer strong a{ color:#333; display:inline-block; margin-right:20px;}
.footer p{ text-align:center; font-size:12px; margin:3px 0 5px; color:#999;}
.footer div{text-align:center; }


.here{ height:32px; line-height:32px; padding-left:10px; border-bottom:#eee 1px solid; background-color:#fff;}
.here a{ color:#666;}


.brother_left{ width:100%;}
.brother_right{ width:90px; position:fixed; z-index:999; top:0 ; right:0; background:url(../images/hd_body.jpg); padding:0 15px 15px 15px;box-shadow: 0 0 5px #706f6d; border-left:1px solid #f9f3e7; height:100%; display:none;overflow: hidden;}
.brother_right ul{ background: url(../images/ul_bg.png) center repeat-y;}
.brother_right ul li{ border:2px solid #dec09a; padding:5px; margin-top:10px; background-color:#f1dfc7; padding:1px; position:relative;}
.brother_right ul li a{ display:block; color:#8b6349; font-size:16px;padding:5px; text-align:center; font-family:"楷体";}
.brother_right ul .home a{ padding-left:35px; text-align:left; background:url(../images/home.jpg) no-repeat scroll 15px 6px; background-size:auto 16px;}


.hd_left_top,.hd_right_top,.hd_left_bottom,.hd_right_bottom{ width:10px; height:10px; background-size:100%; position:absolute; z-index:3;}
.hd_left_top{ background:url(../images/hd_left_top.jpg) no-repeat; top:0; left:0;}
.hd_right_top{ background:url(../images/hd_right_top.jpg) no-repeat;top:0; right:0;}
.hd_left_bottom{ background:url(../images/hd_left_bottom.jpg) no-repeat;left:0;bottom:0;}
.hd_right_bottom{ background:url(../images/hd_right_bottom.jpg) no-repeat;right:0;bottom:0;}


.brother_middle{ display:none; background-color:#000;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2; position:fixed;top:0; left:0; z-index:10; width:100%; height:100%;}


.jin,.mu,.shui,.huo,.tu{ display:inline-block; width:15px; height:15px; background-size:100%; margin-right:5px;}
.jin{ background:url(../images/jin.png) no-repeat;}
.mu{background:url(../images/mu.png) no-repeat;}
.shui{background:url(../images/shui.png) no-repeat;}
.huo{background:url(../images/huo.png) no-repeat;}
.tu{background:url(../images/tu.png) no-repeat;}
.jmsht li{ width:20%; margin-bottom:5px; float:left;}
.check a{ display:inline-block; height:35px; line-height:35px; color:#f35860; border:#f35860 1px solid; border-radius:3px; }


.classification{ padding:0 5px; margin-top:10px; }
.class_tri,.class_tri2{ display:inline-block; width:11px; height:8px; background:url(../images/classification_down.gif) no-repeat center; margin:auto 5px;}
.classification_btn .a_btn{ font-size:16px; display:block; height:40px; line-height:40px; text-align:center; width:100%; margin:0 auto; background-color:#fcf8f4; color:#8b6349;}
.class_tri2{ background:url(../images/classification_up.gif) no-repeat center;}
.classification_btn{ position:relative; border:#ab9484 1px solid; border-radius:5px;}
.classification_btn i{ display:block;width:12px; height:12px; }


.classification_btn .all1{ background:url(../images/all1.gif) center no-repeat; background-size:12px; position:absolute; left:2px; top:2px;}
.classification_btn .all2{ background:url(../images/all2.gif) center no-repeat; background-size:12px; position:absolute; right:2px; top:2px;}
.classification_btn .all3{ background:url(../images/all3.gif) center no-repeat; background-size:12px; position:absolute; right:2px; bottom:2px;}
.classification_btn .all4{ background:url(../images/all4.gif) center no-repeat; background-size:12px; position:absolute; left:2px; bottom:2px;}


.classification_cont{ padding:5px 10px 20px; background-color:#fcf8f4;}
.classification_cont li{ float:left; width:33.3333%; padding:3px;box-sizing:border-box;}
.classification_cont li a{width:100%;height:35px; line-height:35px; display:inline-block; overflow:hidden;text-align: center;background-color:#ede7df; border-radius:4px; color:#8b6349; }
.goto_top{ position:fixed; bottom:30px; right:20px;filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; adisplay:none;}
.goto_top a{ width:30px; height:30px; display:block; background:url(../images/top.png); background-size:100%;}


select{ border: #cdcdcd 1px solid;border-radius: 3px;color: #888;font-family: "微软雅黑";height: 35px;}
.app_csbtn{background-color: #f35860;font-family: "微软雅黑";border: 0;color: #fff;border-radius: 3px;-webkit-appearance: button;height: 28px;}
.app_name{border: #cdcdcd 1px solid;border-radius: 3px;color: #888;font-family: "微软雅黑";padding: 0 0 0 5px;height: 35px;}


.bdsharebuttonbox{ padding:5px 0 5px 10px; margin:0; border-top:1px dashed #e1d8c7; }


/*qm*/
.qm_icon1,.qm_icon2{ display:block; float:right; margin:0;}
.qm_icon1{ height:28px; width:92px; background:url(../images/qm_icon1.gif) no-repeat; background-size:auto 26px;}
.qm_icon2{ height:28px; width:92px; background:url(../images/qm_icon2.gif) no-repeat; background-size:auto 26px;}

.index_cont .qm_icon1,.index_cont .qm_icon2{ margin: 9px 10px 0 0;}
.index_cont{ background-color:#f0f0f0;}

.qm_banner{ display:block;width:100%;}
.qm_banner img{ width:100%; height:auto;}
.qm_nav{ background:url(../images/qm_nav.gif) no-repeat; width:90px; height:89px; background-size:90px auto; display:block; margin-top:10px;}

.qm_ad{ position: relative; right:0; display:inline-block; width:42%; box-sizing:border-box; margin:0 0 0 8%;float:left;}
.qm_ad2{ position:relative; left:-25%; display:inline-block; width:48%; box-sizing:border-box; margin:0 1%;float:left;}
.chapter .qm_ad span{ display:block; text-align:center;max-width:452.5px; line-height:14px; color:#000;}
.qm_ad img{ width:100%; height:auto; max-width:452.5px;}


.result_line .qm_icon1,.result_line .qm_icon2{ margin:0;}
.result_line .tj_xing .qm_icon1,.result_line .tj_xing .qm_icon2{ margin: 4px 0 0 0;}


/*new*/
.wrapper{ max-width:640px; margin: 0 auto;}


/*姓名测算app*/
.xmcs{ padding:6px 10px 0;}
.xmcs_top,.xmcs_bom{ padding:8px 0 6px; height:35px; }
.xmcs_top{ border-radius:4px 4px 0 0; border-bottom:none;}
.xmcs_bom{ border-radius: 0 0 4px 4px; padding-bottom:15px; clear: both;  }
.index_xmcs .xmcs_bom{padding-bottom: 10px;}

.xmcs_top .x_left{ float:left; height:35px; line-height:45px; width:50px; text-align:left; font-size:18px; font-weight:bold; color:#8b6349;}
.xmcs_top .x_mid{ margin:0 95px 0 50px; position:relative;}
.xmcs_top .x_mid .xmcs_txt{ width:100%; height:35px; line-height:45px; box-sizing:border-box; border:none; border-bottom:1px solid #8b6349; font-size:17px;border-radius:0;}

.xmcs_top .x_right{ width:95px; float:right;}
.xmcs_top .x_right span{ display:inline-block; margin-left:10px; width:35px; border:none; color:#fff; font-size:14px; box-sizing:border-box; height:35px; background:url(../images/sex_bg2.png) center no-repeat; background-size:35px; text-align:center; line-height:35px;}
.xmcs_top .x_right .on{ background:url(../images/sex_bg.png) center no-repeat; background-size:100% 100%; border:none;}
.index_xmcs .xmcs_top .x_right span{margin: 0 -5px 0 10px;}

.xmcs_bom .x_left{ float:left; height:35px; line-height:45px; width:50px; text-align:left; font-size:18px; font-weight:bold; color:#8b6349;}
.xmcs_bom .x_mid{ margin:0 90px 0 50px; }
.xmcs_rs_bom .x_mid{ margin:0 95px 0 50px; }

.xmcs_bom .x_mid .xmcs_txt{ width:100%; height:35px; line-height:45px; border-radius:0; box-sizing:border-box;  border:none; border-bottom:1px solid #8b6349; font-size:17px;}
.xmcs_bom .x_right{ width:90px; float:right;}
.xmcs_rs_bom .x_right .ming_xs1{width:80px;color:#927968;margin-left: 5px;border-color:#dbcfc1; background-color: #dbcfc1;}
.xmcs_bom .x_right .xmcs_btn{ height:35px; width:80px; margin-left:10px;color:#fff; font-size:16px; -webkit-appearance: button; background:url(../images/cs_btn.png) center no-repeat; background-size:80px auto;box-sizing:border-box; border:none; text-align:right;}

.xmcs_bom .x_right .bazi_btn{ background:url(../images/bz_btn.png) center no-repeat;background-size:80px auto; text-align:center;}


.full_btn{background-color:#f35860; color: #fff;  border-radius: 3px;  -webkit-appearance: button;  font-size: 15px;  width: 100%; margin: 10px 0; height:35px; border:none; border-radius:4px;}
.result_line .long_tit{ color:#8b6349; font-weight:bold; display:block;  text-align:center;  line-height:35px;}


.zishu .x_right{ width:90px; float:left;}
.x_right span{ display:inline-block; margin-left:10px; width:35px; border:none; color:#fff; font-size:14px; box-sizing:border-box; height:35px; background:url(../images/sex_bg2.png) center no-repeat; background-size:35px; text-align:center; line-height:35px;}
.x_right .on{ background:url(../images/sex_bg.png) center no-repeat; background-size:100% 100%; border:none;}



/*弹层*/

.dan_wrapper{ display:none;}
.dan_mask{ background:rgba(0%,0%,0%,0.5); position:fixed; top:0; left:0; height:100%; width:100%; z-index:3;}

.dan{ position:relative; width:88%; box-sizing:border-box; padding:15px; height:auto; background:#fff; border-radius:5px; border-top:5px solid #e5b452; position:absolute; z-index:4;left:50%; margin-left:-44%;}
.dan .left,.dan .right{ width:50%; float:left;}
.dan h4{ height:28px; line-height:28px;background-color:#e5e5e5; padding:0 10px; border-radius:5px; color:#333; font-weight:normal; margin:5px 0;}
.dan ul li{ border-bottom:1px #dfdfdf solid; padding:5px 0;}
.dan ul li .left input[type="text"]{ width:60%;}
.dan strong{ display:inline-block;  padding-right:10px; color:#ea5555; line-height:30px;}
.dan span{display:inline-block; line-height:30px;}
.dan select,.dan input[type="text"],.dan input[type="tel"]{ border:none; line-height:28px; font-size:14px;}
.dan label{ margin-right:5px;}

.dan .taocan strong{ color:#333; padding-right:3px;}
.dan .taocan span{ color:#ea5555; font-size:16px;}
.dan .taocan select,.dan ul li select{ padding-right:15px; background:url(../images/dan_down.png) no-repeat center right; background-size:15px;}
.dan input[type="submit"]{ height:35px; color:#fff; background:#e5b452; border-radius:5px; margin-top:10px; width:100%; border:1px solid #e5b452; font-size:14px; -webkit-appearance: button;}


.dan_close{ display:block; width:30px; height:30px; background:url(../images/dan_close.png) no-repeat center; background-size:100%; position:absolute; right:0; top:-45px; z-index:5;}


/*注册样式*/
.form_box{display: block; width: 100%; height: 100%; background: #fdf6ec url(../images/f_box_bg.jpg) 0 bottom no-repeat; background-size: contain; text-align: center; padding-bottom: 60px; font-size: 17px;}
.form_box h3{  color: #7c5b41; font-size:0.75rem; text-align: center; font-weight: bold; padding: 20px 0 6px; margin: 0;}
.form_box ul{width:98%; padding-right:2%;}
.form_box ul li{width:95%; margin: 0 auto;padding:13px 0;}
.form_box ul li span{display:inline-block; *float: left;width: 24%; text-align: right; color:#7c5b41; padding-right: 2px;}
.form_box ul li input{background:none; border: none;-webkit-appearance: none;padding: 0; }
.form_box ul li input{ height: 44px; line-height: 44px; background: #fff; border: 1px solid #f3eae2; border-radius: 4px; *vertical-align: middle; padding-left: 8px; width: 60%; font-size:17px;}
.form_box ul li .reg_btn{width: 260px; height: 46px; line-height: 46px; padding: 0; color: #886b56; font-weight: bold;border:none; background-image:linear-gradient(to top,#ab8d79,#e0caba); margin-left: 3%; cursor: pointer; font-size:20px;}
.form_box ul li .reg_btn:hover{ackground-image:linear-gradient(to top,#e0caba,#ab8d79); }
.form_box ul li input.inp_sh{ width:30%; border-right: #d3c4b9; border-radius: 4px 0 0 4px;}
.form_box ul li p{ color:#ca4545; font-size: 16px; margin: 4px 0 11px;padding-bottom: 4px; height: 16px;}
.form_box ul li .yzm{ display: inline-block;/* position: absolute;*/ right: 43px; width: 30%; height: 46px; line-height: 46px; font-size: 100%; border-radius: 0 4px 4px 0; background: #d3c4b9; color: #886b56; margin-left: -5px; vertical-align: bottom;}
.form_box p{ color: #a6826b; font-size: 16px; margin-top: 10px;}
.form_box p a{ color: #8f705d; font-weight: bold; font-size: 16px;}

/*登录样式*/
.form_box.login_box{ min-height:480px;}
.form_box.login_box h3{ padding:45px 0 16px;}
/*.form_box.login_box ul{ padding-right: 38px;}*/
.login_box ul li p{margin-left:25px; }
.login_box ul li input[type="button"]{ margin-left:4%;}
.login_box p.log_tip{ height: 14px; width: 356px; margin:6px 0 4px; text-align: right;}
.login_box p.log_tip a{float: right;color: #ab856b; font-weight:normal;}
.login_box a.tip{ display: inline-block;width: 90%;color: #ab856b; text-align: right; margin-top: 4px;-webkit-tap-highlight-color: rgba(0,0,0,0);}

/*找回密码样式*/
.form_box.findpw{ }
.form_box.findpw p{ padding-top:2px;}
.form_box.findpw p a{ padding:0 14px; font-size: 16px;}

.float_box{ z-index: 9999; position: fixed; bottom: 0; width: 100%; max-width: 10rem; height: 100%; background:rgba(0,0,0,0.50); padding:0; box-sizing: border-box;display:none;}
/*加载中*/
.loading{ background:#fffbf0; width:176px; height:48px; text-align: center; position:fixed; left:50%; top:50%; margin:-24px 0 0 -88px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius:5px; line-height: 48px; z-index: 10000;display:none;}
.loading i{ background:url(../images/loading.gif) no-repeat 0 0; width:16px; height:16px; display:inline-block; margin:-4px 8px 0 0; vertical-align: middle; margin-top: -4px;}
.loading span{ font-size:16px; color:#a47949;}

@media screen and (max-width: 430px) { .form_box ul li span{width: 20%; } .login_box a.tip{ width:83%; font-size: 95%;} .login_box ul li span{ width:18%;}}
@media screen and (max-width: 380px) { .form_box ul li span{width: 22%; } .form_box *{ font-size:100%;} .login_box a.tip{ width:82%;}.login_box ul li span{ width:20%;}}
@media screen and (max-width: 360px) {.form_box{padding-bottom: 0px;} .form_box ul li span{width: 24%; } .form_box ul li input{ height: 1.2rem; font-size:95%;} .form_box *{ font-size:95%;} .form_box ul li a.yzm{ font-size:95%; height: 1.2rem; line-height: 1.2rem; border: 1px solid #d3c4b9;} .form_box ul li input[type="button"]{ width: 70%; height: 1.2rem; line-height: 1.2rem; font-size: 105%;} .login_box a.tip{ width:86%;}.login_box ul li span{ width:22%;}}