body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
img{border:0}
a{color:#444}
li{list-style:none}
body{overflow-x:hidden;background:#e6e6e6;color:#444;font:.875rem/1.5 Helvetica,Tahoma,Arial,'Hiragino Sans GB','Microsoft YaHei','\5FAE\8F6F\96C5\9ED1',SimSun,'\5B8B\4F53',Heiti,'\9ED1\4F53',sans-serif;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
textarea{outline:0;vertical-align:middle;line-height:normal;resize:none;-webkit-appearance:none}
::-webkit-input-placeholder,input:-moz-placeholder{font-size:.875rem}
.box,.cont,.footer,.gclear,.header,.pages,ul.applist,ul.piclist,ul.pics,ul.txt,ul.txt2,ul.txt3,ul.txt4,ul.txt5,ul.txt6,ul.txtlist{zoom:1}
#top{background:url(../pic/index-bj.jpg)}
.fleft{float:left}
.pb,.pbl,.pbr,.pbt,.plb,.pp,.prb,.ptb{padding-bottom:.9rem!important}
.pbt,.plt,.pp,.prt,.pt,.ptb,.ptl,.ptr{padding-top:.9rem!important}
.pbl,.pl,.plb,.plr,.plt,.pp,.prl,.ptl{padding-left:.9rem!important}
.pbr,.plr,.pp,.pr,.prb,.prl,.prt,.ptr{padding-right:.9rem!important}
.mbl,.ml,.mlb,.mlr,.mlt,.mm,.mrl,.mtl{margin-left:.9rem!important}
html{overflow-x:hidden}
.mbr,.mlr,.mm,.mr,.mrb,.mrl,.mrt,.mtr{margin-right:.9rem!important}
.mbt,.mlt,.mm,.mrt,.mt,.mtb,.mtl,.mtr{margin-top:.5rem}
.mbb{margin-bottom:1rem!important}
.cofont_9{color:grey;font-size:.9rem}
.pab{padding-top:.1rem;padding-bottom:.05rem}
.m-t{margin-top:-1.5rem}
.c{text-align:center}
.prls{padding-right:.5rem}
ul.txt li,ul.txt li a,ul.txt2 li,ul.txt2 li a,ul.txt3 li,ul.txt3 li a,ul.txt4 li,ul.txt4 li a,ul.txt5 li,ul.txt5 li a,ul.txt6 li,ul.txt6 li a,ul.txtlist li,ul.txtlist li a,ul.txtlist li span.apptitle{font-size:.875rem;line-height:2.6rem!important}
.mu{line-height:1.4rem}
.white,.white a,a.white{color:#fff}
.green,.green a,a.green{color:green}
.red,.red a,a.red{color:#cd5248!important}
.blue,.blue a,a.blue{color:#00f}
.pink,.pink a,a.pink{color:#c00}
.gray,.gray a,a.gray{color:#aaa}
.orange,.orange a,a.orange{color:orange}
.yellow,.yellow a,a.yellow{color:#ff0}
.black,.black a,a.black{color:#333}
.brown,.brown a,a.brown{color:#622}
.noline a,a.noline{text-decoration:none}
.f8,.f8 a{font-size:.66667rem}
.f9,.f9 a{font-size:.75rem}
.f10,.f10 a{font-size:.83333rem}
.f11,.f11 a{font-size:.91667rem}
.f12,.f12 a{font-size:1rem}
.f13,.f13 a{font-size:1.08333rem}
.f14,.f14 a{font-size:1.16667rem}
.f16,.f16 a{font-size:1.33333rem}
.f18,.f18 a{font-size:1.5rem}
.f24,.f24 a{font-size:2rem}
.f36,.f36 a{font-size:3rem}
.l200{line-height:200%}
.mlrs,.mrs{margin-right:.575rem!important}
.mrrt{margin-right:.5rem}
.f_s0{ font-size: 0;}
.f_s10{ font-size: 10px;}
.f_s12{ font-size: 12px;}
.f_s14{ font-size: 14px;}
.f_s15{ font-size: 15px;}
.f_s16{ font-size: 16px;}
.f_s17{ font-size: 17px;}
.f_s18{ font-size: 18px;}
.f_s20{ font-size: 20px;}
.f_s22{ font-size: 22px;}
.f_s24{ font-size: 24px;}
.f_s26{ font-size: 26px;}
.f_s28{ font-size: 28px;}
.f_s30{ font-size: 30px;}
.co_j{ color:#ffd200;}
.co_m{ color:#bae4a3;}
.co_s{ color:#93b7ff;}
.co_h{ color:#ffa200;}
.co_t{ color:#af8673;}
.co_1{ color:#ffd200;}
.co_2{ color:#bae4a3;}
.co_3{ color:#93b7ff;}
.co_4{ color:#ffa200;}
.co_5{ color:#af8673;}
.co_fff{ color:#fff;}
.co_000{ color:#000;}
.co_333{ color:#333;}
.co_444{ color:#444;}
.co_666{ color:#666;}
.co_777{ color:#777;}
.co_999{ color:#999;}
.co_ccc{ color:#ccc;}
.co_caa{ color:#caa456;}
.co_003{ color:#000033;}
.co_red{ color:#e8524c;}
.co_blue{ color:#000040;}
.co_dark{ color:#5c6577;}
.a16blue{ color: #2196F3; text-decoration: underline;}
.back_fff{ background:#fff;}
.back_fcfcfc{ background: #fcfcfc; }
.back_fbfbfb{ background: #fbfbfb; }
.back_b6cee9{ background: #b6cee9; }
.back_b6dace{ background: #b6dace; }
.back_b6b7da{ background: #b6b7da; }
.back_ffc5c5{ background: #ffc5c5; }
.back_cbc29a{ background: #cbc29a; }
.back_abdcee{ background: #abdcee; }
.back_dab6d2{ background: #dab6d2; }
.back_9ee9ff{ background: #9ee9ff; }
.back_e1edff{ background: #e1edff; }
.back_000040{ background: #000040; }
.back_e55352{ background: #e55352; }
.back_j{ background:#b8860b;}
.back_m{ background:#008000;}
.back_s{ background:#0073cf;}
.back_h{ background:#e25822;}
.back_t{ background:#a67b5b;}
.conts{display:flex;margin-top:.5rem;justify-content:center}
.conts .pinyin{padding-bottom:.2rem;width:3.3rem;color:#333;font-size:14px;text-align:center;overflow: hidden;white-space: nowrap;}
div.zi,span.zi{display:block;width:50px;height:50px;border:1px solid #d8caca;text-align:center;font-size:32px;line-height:50px}
div.zi a,span.zi a{display:inline-block;width:50px;height:50px;text-decoration:none;font-size:32px}
i,em{color:#f85;font-style:normal}
.zibg{background:#fff url(../pic/zibg.gif) no-repeat center center}
.green,.green a,a.green{color:#c7af87!important}
div.cont{padding:0 .5rem .5rem;font-size:.9rem!important}
header{position:relative;display:flex;box-sizing:border-box;padding:0 .625rem;width:100%;height:3.125rem;border-bottom:1px solid #dad4cb;background-color:#fdf8ef;color:#000;font-size:.875rem;justify-content:space-between;align-items:center}
.goback{width:.65625rem;height:1.15625rem;background:url(../pic/left.png) 100%/100% no-repeat}
.header-title{position:absolute;top:50%;left:50%;font-weight:500;font-size:1.0625rem;transform:translateX(-50%) translateY(-50%)}
div.box img{vertical-align:middle}
div.box div.foot,div.box div.otitle,div.box div.title{padding:0 .5rem;height:2rem;border-top:.0625rem solid #eee;border-bottom:.0625rem solid #eee;background-color:#fbfbfb;color:#666;font-size:.875rem;line-height:2rem}
div.box div.title{border-top:0}
.box{margin:.5rem auto .5rem!important;width:96%;max-width:36rem!important;border-radius:.25rem;background-color:#fff}
.box .title{display:flex;height:2.6rem!important;background:0 0!important;color:#666;font-weight:700;font-size:1rem!important;font-family:PingFang-SC-Bold;justify-content:center;align-items:center}
.boxmt{margin: -3.5rem auto 0.5rem!important; padding: 1rem 0;}
div #a1{margin-top:-.5rem!important}
.d_score{display:flex;align-items:center;justify-content:center}
.d_sco{display:flex;width:100%;height:8rem;justify-content:center;align-items:center}
.d_sco .d_score{display:flex;width:11.6rem;height:7.25rem;background-size:11.6rem 7.25rem;color:#cd5248;text-align:center;font-weight:900;font-size:2.68rem;align-items:center;justify-content:center}
.d_score_5{background:url(../pic/score_5.png) no-repeat}
.d_score_4{background:url(../pic/score_4.png) no-repeat}
.d_score_3{background:url(../pic/score_3.png) no-repeat}
.d_score_2{background:url(../pic/score_2.png) no-repeat}
.d_score_1{background:url(../pic/score_1.png) no-repeat}
.pinyin,.hanzi{color:#622;font-family:tahoma,arial,georgia,verdana,helvetica,sans-serif;}
.center{color:#807767;text-align:center}
.center tbody th{background:0 0!important}
.center tbody tr:nth-child(2n){background-color:#f6f3f0}
table tbody th,table thead th{padding:.1875rem .0625rem;border:.0625rem solid #e5e5e5;background-color:#f8f8f8;font-weight:400}
table td{padding:.1875rem .125rem;border:.0625rem solid #e5e5e5;word-break:break-all}
.x_score{margin-top:1.3rem;width:6rem;height:3.9rem;background:url(../pic/mz_fenshu.png) no-repeat;background-size:6rem 2.76rem;color:#cd5248;text-align:center;font-size:2.1rem;line-height:2.76rem}
.ziqu{margin-left:-.5rem;color:grey;text-align:center}
.pinyins{color:#c1a678!important;font-size:1rem}
.xm_title{display:flex;width:100%;border:none!important;background:url(../pic/x_tit_bot.png) bottom no-repeat;background-size:2.5rem .2rem;color:#333!important;font-size:1rem;justify-content:center}
.cm_link,.cm_word,a.cm_link,a.cm_word{display:inline-block;padding:3px 6px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#dfad68;color:#fff;line-height:120%}
.bord{border:.0625rem solid #e5e5e5;margin:.5rem;}
.tab{display:flex;height:1.5rem;border-bottom:.0625rem solid #e5e5e5;color:#807767;font-size:.75rem;line-height:1.5rem}
.tab:nth-child(2n){background-color:#f6f3f0}
.tab span{border-right:.0625rem solid #e5e5e5;text-align:center;white-space:nowrap;flex:1}
.tab span:nth-child(-n+3){width:11%;flex:.7}
.wuge{margin: 0 auto;padding:.5rem 0 1rem!important;width:250px;text-align:center}
.wg_score,.xm_score{float:right;margin:30px 60px 0 0;width:80px;height:80px;border:1px solid red;-webkit-border-radius:80px;-moz-border-radius:80px;border-radius:80px;color:red;text-align:center;font-size:32px}
.wg_score div,.xm_score div{margin:8px 0 0;height:16px;font-size:14px}
.wg_cont{padding:0 20px 10px;font-size:14px}
.wg_cont .noi{text-indent:0}
.wg_bihua,.wg_left,.wg_right,.wg_san,.wg_wai,.wg_xing{float:left}
.wg_shang{padding:0 10px 5px;height:170px}
.wg_wai{padding-top:62px;width:50px;height:108px;text-align:right}
.wg_left{margin:0 5px 0 10px;width:16px}
.wg_left div{margin-top:20px;width:15px;height:128px;border:1px solid #999;border-right:0}
.wg_right{margin:12px 10px 0 5px;width:16px}
.wg_right div{margin-top:8px;height:36px;border:1px solid #999;border-left:0}
.wg_bihua,.wg_xing{width:30px;height:170px;font-size:18px}
.wg_bihua div,.wg_xing div{margin:0 0 8px;height:36px;line-height:36px}
.wg_bihua{color:#666;font-size:16px}
.wg_san{margin:12px 0 0;width:50px}
.wg_san div{margin-top:8px;height:38px;border-left:0;text-align:left;line-height:19px}
.wg_zong{padding:10px 0 0;width:250px;border-top:1px solid #999}
.wg_intro{margin:10px 0 0 20px;line-height:240%}
.wg_jx,.wg_tip,.wg_tipwg{padding:4px 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.wg_tipwg{-webkit-border-top-right-radius:0;-moz-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-bottom-right-radius:0;border-bottom-right-radius:0}
.wg_jx{-webkit-border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-top-left-radius:0;border-top-left-radius:0}
.wg_tip{display:inline-block;width:40px;height:20px;border:1px solid #ccc;color:#666;text-align:center;line-height:20px}
.jx0 .wg_jx,.jx0 .wg_tipwg{border:1px solid #aaa;color:#aaa}
.jx1 .wg_jx,.jx1 .wg_tipwg,.jx2 .wg_jx,.jx2 .wg_tipwg,.jx3 .wg_jx,.jx3 .wg_tipwg,.jx4 .wg_jx,.jx4 .wg_tipwg{border:1px solid #d84e43;color:#d84e43}
.jx5 .wg_jx,.jx5 .wg_tipwg{border:1px solid #e68f00;color:#e68f00}
.jx6 .wg_jx,.jx6 .wg_tipwg,.jx7 .wg_jx,.jx7 .wg_tipwg,.jx8 .wg_jx,.jx8 .wg_tipwg,.jx9 .wg_jx,.jx9 .wg_tipwg{border:1px solid #09c009;color:#09c009}
.jx0 .wg_jx{background-color:#aaa}
.jx1 .wg_jx,.jx2 .wg_jx,.jx3 .wg_jx,.jx4 .wg_jx{background-color:#d84e43}
.jx5 .wg_jx{background-color:#e68f00}
.jx6 .wg_jx,.jx7 .wg_jx,.jx8 .wg_jx,.jx9 .wg_jx{background-color:#09c009}
.wg_jx{width:45px;color:#fff!important}
.ullist li{margin-top:.5rem}
.ulia li a{margin-right:.5rem;border-bottom:none!important}
.d_tit{overflow:hidden;width:100%;height:7.96rem;background:url(../pic/bg_tit.jpg);background-size:23.45rem 7.96rem}
.title{display:flex;margin-top:1rem;justify-content:center;align-items:center}
.t_h1{margin-left:-.5rem;width:2.5rem;height:2.3rem;background:url(../pic/bg_htit.png);background-size:100%!important;background-repeat:no-repeat!important;color:#fff;text-align:center;font-size:1.1rem;line-height:2.3rem}
.t_solid{overflow:hidden;width:3.75rem;height:.18rem;background-size:3.75rem .18rem;background:url(../pic/bt_solid.png) no-repeat}
.fz{transform:rotateY(180deg)}
.cx_card{border-bottom:.0625rem solid #e5e5e5}
.c_h2 {font-size: 1rem;color: #333;line-height: 2rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-top: 1rem;}
.c_h2 .bg_h2t{margin:.2rem 0;width:100%;text-align:center;font-weight:900}
.bg_h2{width:4.5rem;height:.25rem;background:url(../pic/x_tit_bot.png) no-repeat;background-size:4.5rem .25rem}
.bg_h2b{width:100%;color:#8f8f8f;text-align:center;font-size:.8rem}
.c_p{display:flex;margin:.5rem .4rem;font-size:.9rem;line-height:1.4rem}
.c_p .cp_l{width:3rem;color:#a0804d;text-align:center}
.c_p .cp_r{padding:0 .5rem;flex:1;color:#333}
.dc_notes{margin:0 .5rem 1rem .9rem;color:grey;font-size:.75rem}
.linh{line-height:1.25rem}
.linh a{color:#cd5248}
.bg_h3{display:flex;padding:0 .32rem;height:2rem;background-size:100% 100%!important;color:#fff;align-items:center;justify-content:center;margin-top:.5rem;}
/* 凶 */
.bg_h3_5,.bg_h3_6 {background: url(../pic/bg_xiong.png);}
/* 大凶 */
.bg_h3_4 {background: url('../pic/bg_xiongD.png');}
/* 平 */
.bg_h3_7 {background: url('../pic/bg_ping.png');}
/* 吉 */
.bg_h3_2,.bg_h3_3{background: url('../pic/bg_ji.png');}
/* 大吉 */
.bg_h3_1{background: url('../pic/bg_jiD.png');}
.clearfix:after {clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.zygx{ color: #999; text-align: center; height:180px;padding-left:10px}
.zygx li{ float: left;}
.text_box{ padding: 19px 0 38px;}
.text_box span{ height: 31px; line-height: 31px; padding: 0 4px; margin-top: 8px; display: block;}
.kuang{ width: 10px; padding: 19px 5px 0;}
.kuang span{ height: 29px; width: 5px; border: 1px solid #e1e1e1; display: block; margin-top: 13px;}
.kuang_l span{ border-right:0;}
.kuang_r span{ border-left:0;}
.gx_box{ padding: 0 1px;}
.gx_tit{ margin-bottom: 5px;}
.gx_block{ width: 90px; overflow: hidden;}
.gx_block .gx_0,.gx_block .gx_1{ overflow: hidden; margin:0 -2px 4px;}
.gx_block span{ width: 43px; height: 10px; float: left; background: #666; margin: 0 2px;}
.gx_block .gx_1 span{ margin:0; width: 46px;}
.gx_block .gx_on span{ background: #f00;}
.navmain{position:fixed;right:1rem;bottom:9rem;z-index:11111}
#navtop{position:absolute;top:0;right:0}
#nav{margin-top:3.5rem}
#nav a,#navtop a{display:flex;margin-top:.5rem;width:2.43rem;height:2.43rem;border-radius:50%;background-color:#c7af87;color:#fff;text-decoration:none;font-size:.8rem;opacity:.8;justify-content:center;align-items:center}
.pofred{background-color:#cd5248!important}
.wuxing{}
.wuxing .tu{}
.wuxing .tu li{ font-size: 15px; font-weight: 700; overflow: hidden; line-height: 20px; float: left; padding: 0 50px 15px 0; color:#5c6575;border:0}
.wuxing .tu span{ float: left;padding-right: 5px;}
.wuxing .tu .back,.wuxing .tu .back i{ height: 14px; border-radius: 5px; }
.wuxing .tu .back{ height: 14px; width: 100px; background: #e4e4e4; margin-top:3px;}
.wuxing .tu .back i{ height: 14px; display: block; }
.wuxing .tu .wx_j .back i{ background: #ecd69f; }
.wuxing .tu .wx_m .back i{ background: #bbd4c5; }
.wuxing .tu .wx_s .back i{ background: #bdd5dd; }
.wuxing .tu .wx_h .back i{ background: #e9c8c0; }
.wuxing .tu .wx_t .back i{ background: #d1cbc7; }
.bzxys ul{display:inline-block;}
.bzxys li{padding-bottom:8px;display:inline-block;border:0;width:100%}
.co_1{ color:#ffd200;}
.co_2{ color:#bae4a3;}
.co_3{ color:#93b7ff;}
.co_4{ color:#ffa200;}
.co_5{ color:#af8673;}
.co_444{ color:#444;}
.jbxx_tit span{background: #e3434f;line-height: 2rem;border: 1px solid #000;border-top: 0;color: #fff;border-bottom-left-radius: .3rem;border-bottom-right-radius: .3rem;display: inline-block;vertical-align: top;padding: 0 .75rem;font-weight:600}
.jbxx_info{line-height: 2rem;}
.name_content{position: relative;}
.name_content .fraction{ width: 55px; height: 60px; background: #e55352; color:#fff; text-align: center; font-size: 12px; position: absolute; top: 25px; right: -9px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.name_content .fraction span{ font-size: 36px; display: inline-block; _display: inline; *zoom:1; line-height: 40px;}
.name_content  .fraction strong{ color:#fff; font-size: 18px; line-height: 60px; display: block;}
.name_content .zi-info{ padding:12px 0;height: 155px;}
.name_content .zi-info li{ font-size: 14px; white-space: nowrap; padding-right: 10px;position:relative}
.name_content .zi-info .ziinfo{position: absolute;top:72px}
.name_content .zi-info .pull-left p{line-height:20px;}
.name_content .zi-info .zi{ width: 65px; height: 65px; text-align: center; line-height: 65px; font-size: 40px; font-weight: 700; background:url(../images/tian.png) no-repeat; border:1px solid #cacaca; margin-right: 10px; color:#333;}
.name_content .zi-info .f_s12{ color:#999;}
.name_content .df-info{ font-size: 0;padding:6px 0;}
.name_content .df-info li{ line-height: 18px; vertical-align: top; display: inline-block;}
.name_content .df-info li:first-child{padding-left: 0px;}
.name_content .df-info li span{padding-right: 10px;}
.name_content .df-info .fs em,.name_content .df-info .fs i{ height: 14px; border-radius: 14px;}
.name_content .df-info .fs em{ background:#e4e4e4; width: 155px; margin:2px 8px 0 0;}
.name_content .df-info .fs b{ width: 46px; }
.name_content .df-info .fs i{ display: block; width: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.name_title{padding:20px 0;}
.name_list_c{padding: 5px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.name_list_c li{border-top:1px solid #d8e4e0;padding: 17px 0;line-height: 1.7;}
.name_list_c li:first-child{border-top:0;padding-top:0;}
.name_list_c li:last-child{ padding-bottom: 0; }
.name_list_c li a{padding-right:3px;display:inline-block;color:#0073cf;}
.name_list_c li .poem_title{font-weight:600;padding-top:12px}
.name_list_c li .poem_title i,.name_list_c li .idiom i{font-size:12px;color:#999}
.name_list_c li .poem_text em,.name_list_c li .idiom em{font-size:18px;color:#e55352}
.name_list_c .modal-body{padding:0 5px 5px;}
.name_list_c p{padding: 4px 0;margin: 0;clear: both;line-height:28px;}
.name_list_c h3{font-size:20px;padding: 4px;font-weight:600}
.name_list_c strong{font-size:18px;padding: 6px 0;display:inline-block;}
.clearfix:before{display: table;content: " ";}
.pull-left {float: left!important;}
.over_hidden{overflow:hidden;}
.page{text-align: center; -webkit-display: flex; -moz-display: flex; display: flex;}
.page a,.page span{ height: 1.5rem; line-height: 1.5rem; width: 5rem; color: #333;}
.page span{ color: #ccc; }
.page>div{ line-height: 1.5rem; color: #8a8a8a; }
.page select{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.flex {-webkit-flex: 1;-moz-flex: 1;flex: 1;}
.po_rel {position: relative;}
.zf_con li{ float: left; position: relative;padding: 5px 14px 5px 0;}
.zf_con li label{ border: 1px solid #e6e6e6; padding: 1px; display: block; position: relative; cursor: pointer;width: 8rem;}
.zf_con li input{ display: none; }
.zf_con li label:hover{ border-color: #ccc; }
.zf_con li label.on{ border: 1px solid #f00; padding: 0; }
.zf_con li label.on i{ display: block; }
.zf_con li label i{ line-height: 2.4rem; display: block;  border: .16rem solid #000; padding: .16rem; position: relative;}
.zf_con li label i:before{ content: ''; width: 3px; height: 3px; border: 1px solid #e8e8e8; position: absolute; top: 2px; left: 2px; }
.zf_con li label i:after{ content: ''; border: 1px solid #e8e8e8; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; }
.zf_con li label span{ display: block; line-height: 1; padding: 0 .8rem; }
.zf_con li label .p1{ color: #333; font-weight: 700; font-size: 14px; padding: .6rem ;text-align:center}
.zf_con li label input:checked~i{ border-color: #e3434f; color:#e3434f; }
.zf_con li label input:checked~i:before,.zf_con li label input:checked~i:after{ border-color: #e3434f; }
.zf_con li label input:checked~i .p1{ color: #e3434f;}
.originalprice{font-weight: 400;text-decoration:line-through }
.btn{ font-weight: 700; font-size: 20px; color:#fff; background:#e55352; text-align: center; line-height: 44px; padding:0 45px; display: inline-block; _display: inline; *zoom:1; border-radius: 5px;width: 100%;}
.btn-block{ display: block; _display: block;}
.btn:hover{ opacity: .9; }
.sub-box{display:flex;padding:20px 10px}
.sub-btn{flex:1;height:3rem;line-height:3rem;text-align:center;background:#f50;border-radius:0.5rem}
.sub-btn:first-child{margin-right:1.25rem;background:#2a6077}
.bb_btn{color:#ffffff;font-size:1rem}
.dis_flex{ -webkit-display: flex; -moz-display: flex; display: flex; }

.dis_center{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.pay_con {    margin: 20px 0 30px;}
.pay_con .f_s18{font-weight:700;font-size:16px;margin-bottom:15px}
.pay_sub{margin: 0 5px; position: relative;}
.pay_sub span{ position: relative; text-align: center; border-radius: 3px; color: #fff; font-size: 16px; height:50px; }
.pay_sub i{ width: 25px; height: 25px; display: inline-block; vertical-align: top; background: url(../images/pay_icon.png) no-repeat; background-size: 100%; margin-right:8px;}
.pay_sub em{ font-size: 18px; color: #fff; }
.pay_sub input{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; overflow: hidden; text-indent: -200%; }
.pay_sub input[type="radio"] {  height: 0;padding: 0;margin: 0;border: none; }
.pay_sub.wechat span{ background: #00b700; }
.pay_sub.wechat i{ background-position: 0 bottom; }
.pay_sub.alipay span{ background: #00aaee; }
.pay_con .check{border: 3px solid #333;border-radius: 5px;}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}.progress-container{display:flex;align-items:center;gap:1rem}
.progress-bar{background-color:#e2e8f0;height:1.5rem;border-radius:0.5rem;width:100%;position:relative;margin-top:20px}
.progress-fill{background:linear-gradient(to right,#f6ad55,#ed8936);height:100%;border-radius:0.5rem;}
.progress-label{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);font-size:0.8rem;font-weight:bold;color:white}
.chart-container{width:100%;height:400px;margin:30px 0}
#loadmore,#redu{width: 100%;background: #eee;height: 45px;border-radius: 100px; margin:20px auto;line-height: 45px;text-align: center;cursor: pointer;padding:0 10px;font-weight:600}
#tongyin a{display:inline-block;width:30%}
@media screen and (max-width:550px){
.zygx .gua1,.zygx .gua2,.zygx .gua3{width: 200px;clear: both;margin: 0 auto;height: 180px;}


}