/* huangli_main */
th{text-align: left;}
html{--gener:3.414px;font-size: 14px;}
body{font-size: 14px;}
.huangli_main{float: left;width: 100%;padding: 40px 0;}

.huangli_main .box{width: 100%;display: flex;flex-direction: row;}

.hl_bar{float: left;width: 100%;background: #fff;flex: 1;padding:30px;margin-right: 30px;border-radius: 10px;}
.hl_bar .con{float: left;width: 100%;}
.hl_bar .con.zeri{float: left;width: 100%;padding: 20px 20px;display: flex;flex-direction: row;}
.hl_bar .con .tab{width: 100%;margin-bottom: 20px;text-align: center;}
.hl_bar .con .tab a{display: inline-block;margin:0 10px;background: #eee;padding: 0 40px;line-height: 40px;border-radius: 4px;position: relative;font-size: 16px;}
.hl_bar .con .tab a i{position: absolute;width: 12px;height: 12px;background: var(--colorone);transform: rotate(45deg);bottom: -5px;left: 45%;display: none;}
.hl_bar .con .tab a.cur{background: var(--colorone);color: #fff;}
.hl_bar .con .tab a.cur i{display: block;}
.hl_bar .con .day_list{width: 320px;float: left;padding-right: 20px;}
.hl_bar .con .day_list .tt{float: left;width: 100%;text-align: center;font-size: 24px;line-height: 60px;margin-bottom: 10px;}
.hl_bar .con .day_list .tt strong{color: var(--colorone);margin:0 5px;}
.hl_bar .con .day_list .tt b{color: var(--colorone);margin:0 5px;}
.hl_bar .con .day_list .shanbox{float: left;width: 100%;border: 1px solid var(--colorone);background:var(--colorborder);border-radius: 6px;padding: 10px;text-align: center;margin-bottom: 20px;}
.hl_bar .con .day_list .shanbox b{float: left;width: 100%;}
.hl_bar .con .day_list .shanbox span{float: left;width: 100%;}
.hl_bar .con .day_list ul{float: left;width: 100%;}
.hl_bar .con .day_list ul li{float: left;width: 100%;border: 1px solid #eee;padding: 20px 12px;display: flex;margin-bottom: 15px;cursor: pointer;transition: 0.5s;}
.hl_bar .con .day_list ul li:hover{border-right: 1px solid var(--colorone)}
.hl_bar .con .day_list ul li.cur{border-right: 3px solid var(--colorone);background: var(--colorone_bg);}
.hl_bar .con .day_list ul li p{flex: 1;display: flex;}
.hl_bar .con .day_list ul li span{width: 72px;}
.hl_bar .con .day_list ul li span i{display: inline-block;line-height: 24px;padding: 0 8px;font-style: normal;border-radius: 4px;border: 1px solid green;color: green;font-size: 13px;margin-top: 6px;}

.hl_bar .con .day_list_index{width: 600px;float: none;padding-right: 20px;margin: 0 auto;}
.hl_bar .con .day_list_index .tt{float: left;width: 100%;text-align: center;font-size: 24px;line-height: 60px;margin-bottom: 10px;}
.hl_bar .con .day_list_index .tt strong{color: var(--colorone);margin:0 5px;}
.hl_bar .con .day_list_index .tt b{color: var(--colorone);margin:0 5px;}
.hl_bar .con .day_list_index .shanbox{float: left;width: 100%;border: 1px solid var(--colorone);background:var(--colorborder);border-radius: 6px;padding: 10px;text-align: center;margin-bottom: 20px;}
.hl_bar .con .day_list_index .shanbox b{float: left;width: 100%;}
.hl_bar .con .day_list_index .shanbox span{float: left;width: 100%;}
.hl_bar .con .day_list_index ul{float: left;width: 100%;}
.hl_bar .con .day_list_index ul li{float: left;width: 100%;border: 1px solid #eee;display: flex;margin-bottom: 15px;cursor: pointer;transition: 0.5s; align-items: stretch;}
.hl_bar .con .day_list_index ul li:hover{border-right: 1px solid var(--colorone)}
.hl_bar .con .day_list_index ul li p{flex: 1;padding: 20px 00;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.hl_bar .con .day_list_index ul li span{width: 120px;background: var(--colorone_bg);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.hl_bar .con .day_list_index ul li span i{display: inline-block;line-height: 24px;padding: 0 8px;font-style: normal;border-radius: 4px;border: 1px solid green;color: green;font-size: 13px;margin-top: 6px;}
.hl_bar .con .day_list_index ul li strong{width: 160px;padding: 20px;}
.hl_bar .con .day_list_index ul li strong a{width: 100%;background: #fff;border-radius: 6px;color: #fff;color: #333;display: inline-block;line-height:40px;text-align: center;border:1px solid #333;margin: 5px 0;}
.hl_bar .con .day_list_index ul li strong a:last-child{color: var(--colorone);border:1px solid var(--colorone);}

.hl_bar .con .con_right{width: 100%;float: left;}
.hl_bar .con .con_right.zeri_bmain{flex: 1}
.hl_bar .con .con_right .bmain{width: 100%;float: left;border:1px solid var(--colorborder);border-radius: 10px;overflow: hidden;}
.hl_bar .con .con_right .bmain .big_day{width: 100%;margin-bottom: 10px;text-align: center;display: flex;justify-content: center;align-items: center;padding:20px 0;}
.hl_bar .con .con_right .bmain .big_day .select{width: 80px;margin: 0 3px;border:1px solid var(--colorborder);border-radius: 3px;background: var(--colorone_bg);color: var(--colorone);font-weight: bold;font-size: 16px;}
.hl_bar .con .con_right .bmain .big_day button{width: 80px;background: var(--colorone);color: #fff;line-height: 36px;border: none;border-radius: 4px;margin: 0 3px;}
.hl_bar .con .con_right .bmain .day_info{width: 100%;margin-bottom: 20px;text-align: center;display: flex;justify-content: center;align-items: center;}
.hl_bar .con .con_right .bmain .day_info a:first-child{line-height: 24px;border-radius: 3px;border: 1px solid #36a26a;padding: 0 6px;color: #36a26a;}
.hl_bar .con .con_right .bmain .day_info a:first-child i{font-style: normal;}
.hl_bar .con .con_right .bmain .day_info b{line-height: 30px;color:var(--colorone);font-size: 38px;margin: 0 20px;}
.hl_bar .con .con_right .bmain .day_info a:last-child{line-height: 24px;color: var(--colorone);border: 1px solid var(--colorone);padding: 0 6px;border-radius: 3px;margin-right: 110px;}
.hl_bar .con .con_right .bmain .week_day{width: 100%;margin-bottom: 10px;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 18px;color: var(--colorone);}
.hl_bar .con .con_right .bmain .nongli{width: 100%;margin-bottom: 20px;text-align: center;display: flex;justify-content: center;align-items: center;}
.hl_bar .con .con_right .bmain .nongli p{width: 80px;display: flex;flex-direction: column;}
.hl_bar .con .con_right .bmain .nongli p b{font-weight: normal;}
.hl_bar .con .con_right .bmain .nongli p span i{border: 1px solid #bc9c71;line-height: 15px;color: #bc9c71;display: inline-block;width: auto;font-style: normal;padding: 0 5px;border-radius: 15px;font-size: 12px;}
.hl_bar .con .con_right .bmain .jieqi{width: 100%;margin-bottom: 20px;text-align: center;color: var(--colorone);}
.hl_bar .con .con_right .bmain .shiernaying{width: 100%;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 18px;}
.hl_bar .con .con_right .bmain .shiernaying .l{width: 80px;background: #fff;color: var(--colorone);padding: 10px 0;}
.hl_bar .con .con_right .bmain .shiernaying .r{width: 80px;background: #fff;color: var(--colorone);padding: 10px 0;}
.hl_bar .con .con_right .bmain .shiernaying ul{flex: 1;display: flex;flex-direction: row;justify-content: space-around;background: var(--colorone_bg);border-right: 1px solid var(--colorborder);border-left: 1px solid var(--colorborder);}
.hl_bar .con .con_right .bmain .shiernaying ul li{writing-mode: vertical-rl;}
.hl_bar .con .con_right .bmain .jishen{width: 100%;text-align: center;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 24px;}
.hl_bar .con .con_right .bmain .jishen .l{width: 80px;background: #fff;font-weight: bold;color: var(--colorone);padding: 10px 0;}
.hl_bar .con .con_right .bmain .jishen .r{width: 80px;background: #fff;font-weight: bold;color: var(--colorone);padding: 10px 0;}
.hl_bar .con .con_right .bmain .jishen p{flex: 1;display: flex;flex-direction: row;border-right: 1px solid var(--colorborder);border-left: 1px solid var(--colorborder);padding: 10px 20px;text-align: left;}
.hl_bar .con .con_right .bmain .yi{width: 100%;text-align: center;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 24px;}
.hl_bar .con .con_right .bmain .yi .l{width: 80px;background: var(--colorone_bg);color: var(--colorone);padding: 10px 0;display: flex;align-items: center;justify-content: center;}
.hl_bar .con .con_right .bmain .yi .l span{width: 26px;height: 26px;border: 1px solid #36a26a;background: #fff;border-radius: 100%;padding: 1px;}
.hl_bar .con .con_right .bmain .yi .l span i{float:left;width: 22px;height: 22px;background: #36a26a;border-radius: 100%;color: #fff;font-style:normal;line-height: 22px;text-align: center;}
.hl_bar .con .con_right .bmain .yi p{flex: 1;display: flex;flex-direction: row;background: var(--colorone_bg);border-left: 1px solid var(--colorborder);padding: 10px 20px;   text-align: left;}
.hl_bar .con .con_right .bmain .xiongshen{width: 100%;text-align: center;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 24px;}
.hl_bar .con .con_right .bmain .xiongshen .l{width: 80px;background: #fff;font-weight: bold;color: var(--colorone);padding: 10px 0;}
.hl_bar .con .con_right .bmain .xiongshen p{flex: 1;display: flex;flex-direction: row;border-left: 1px solid var(--colorborder);padding: 10px 20px;text-align: left;}
.hl_bar .con .con_right .bmain .ji{width: 100%;text-align: center;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 24px;}
.hl_bar .con .con_right .bmain .ji .l{width: 80px;background: var(--colorone_bg);color: var(--colorone);padding: 10px 0;display: flex;align-items: center;justify-content: center;}
.hl_bar .con .con_right .bmain .ji .l span{width: 26px;height: 26px;border: 1px solid var(--colorone);background: #fff;border-radius: 100%;padding: 1px;}
.hl_bar .con .con_right .bmain .ji .l span i{float:left;width: 22px;height: 22px;background: var(--colorone);border-radius: 100%;color: #fff;font-style:normal;line-height: 22px;text-align: center;}
.hl_bar .con .con_right .bmain .ji p{flex: 1;display: flex;flex-direction: row;background: var(--colorone_bg);border-left: 1px solid var(--colorborder);padding: 10px 20px;text-align: left;}
.hl_bar .con .con_right .bmain .three{width: 100%;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 24px;}
.hl_bar .con .con_right .bmain .three .l{width: 80px;background: #fff;color: var(--colorone);display: flex;flex-direction: column;}
.hl_bar .con .con_right .bmain .three .l.month{width: 350px;}
.hl_bar .con .con_right .bmain .three .l .month_tt{width: 100%;float: left;line-height: 50px;color: var(--colorone);border-bottom: 1px solid var(--colorborder);font-weight: bold;font-size: 16px;}
.hl_bar .con .con_right .bmain .three .l .month_con{float: left;width: 100%;}
.hl_bar .con .con_right .bmain .three .l .month_con li{float: left;width: 100%;display: flex;flex-direction: row;justify-content: space-evenly;border-bottom: 1px solid var(--colorborder);}
.hl_bar .con .con_right .bmain .three .l .month_con li span{float: left;width: 20%;display: flex;flex-direction: column;font-size: 13px;border-right: 1px solid var(--colorborder);padding: 10px 0;line-height: 20px;}
.hl_bar .con .con_right .bmain .three .l .month_con li span:last-child{border: none;}
.hl_bar .con .con_right .bmain .three .l .month_con li span strong{font-weight: normal;color: #333;}
.hl_bar .con .con_right .bmain .three .l .month_con li span i{font-style: normal;}
.hl_bar .con .con_right .bmain .three .l .month_con li b{width: 20%;border-right: 1px solid var(--colorborder);line-height: 40px;font-size: 13px;color: #333;}
.hl_bar .con .con_right .bmain .three .l .month_con li em{width: 80%;line-height: 20px;font-size: 13px;text-align: left;padding-left: 20px;color: var(--colorone);display: flex;align-items: center;}
.hl_bar .con .con_right .bmain .three .l p{width: 100%;display: flex;align-items: center;text-align: center;justify-content: center;padding: 20px 0;height: 50%;}
.hl_bar .con .con_right .bmain .three .l p:last-child{border-top: 1px solid var(--colorborder);background: var(--colorone_bg);}
.hl_bar .con .con_right .bmain .three .r{width: 80px;background: #fff;color: var(--colorone);display: flex;flex-direction: column;}
.hl_bar .con .con_right .bmain .three .r.month{width: 260px;}
.hl_bar .con .con_right .bmain .three .r p{width: 100%;display: flex;align-items: center;text-align: center;justify-content: center;padding: 20px 0;height: 50%;}
.hl_bar .con .con_right .bmain .three .r p:last-child{border-top: 1px solid var(--colorborder);background: var(--colorone_bg);}
.hl_bar .con .con_right .bmain .three .m{flex: 1;display: flex;flex-direction: column;background: var(--colorone_bg);border-right: 1px solid var(--colorborder);border-left: 1px solid var(--colorborder);}
.hl_bar .con .con_right .bmain .three .m .m_t{padding: 20px 0 0;font-size: 16px;font-weight: bold;color: var(--colorone);display: flex;flex-direction: row;justify-content: center;}
.hl_bar .con .con_right .bmain .three .m .m_t p{}
.hl_bar .con .con_right .bmain .three .m .m_box{display: flex;justify-content: center;align-items: center;padding: 20px 0;font-size: 14px;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan{width: 200px;height: 200px;border: 1px solid var(--colorone);display: inline-block;border-radius: 100%;position: relative;text-align:left;transform: scale(1.1);background: var(--colorone_bg2);}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li{height: 100px;width: 60px;border-left:1px solid  var(--colorone);position: absolute;left: 79px;top: -8px;z-index: 100;transform: rotate(-22.5deg);line-height: 26px;padding-top: 7px;font-size: 12px;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(2){left: 36px;top: 3px;z-index: 100;transform: rotate(calc(-45*1deg - 22.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(3){left: 13px;top: 41px;z-index: 100;transform: rotate(calc(-45*2deg - 22.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(4){left: 24px;top: 84px;z-index: 100;transform: rotate(calc(-45*3deg - 22.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(5){left: 62px;top: 106px;z-index: 100;transform: rotate(calc(-45*4deg - 22.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(6){left: 104px;top: 95px;z-index: 100;transform: rotate(calc(-45*5deg - 22.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(7){left: 126px;top: 58px;z-index: 100;transform: rotate(calc(-45*6deg - 22.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(8){left: 117px;top: 15px;z-index: 100;transform: rotate(calc(-45*7deg - 22.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li p{width: 69px;float: left;transform: rotate(22.5deg);text-indent: 17px;color: var(--colorone);}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li span{width: 45px;float: left;transform: rotate(22.5deg);text-align: center;line-height: 20px;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li i{width:29px;float: left;font-style: normal;transform: rotate(22.5deg);text-align: center;line-height: 26px;color: var(--colorone);}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(3) p{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(3) span{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(3) i{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(4) p{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(4) span{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(4) i{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(5) p{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(5) span{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(5) i{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(6) p{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(6) span{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(6) i{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(7) p{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(7) span{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .li:nth-child(7) i{transform: rotate(calc(202.5deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .c3{width: 150px;height: 150px;border: 1px solid var(--colorone);border-radius: 100%;position: absolute;top: 25px;left: 25px;z-index: 3;background:#fff;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .c2{width: 100px;height: 100px;border: 1px solid var(--colorone);border-radius: 100%;position: absolute;top: 25px;left: 25px;z-index: 5;background: var(--colorone_bg2);}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan .c1{width: 50px;height: 50px;border: 1px solid var(--colorone);border-radius: 100%;position: absolute;top: 75px;left: 75px;z-index: 117;background: #fff;text-align: center;display: flex;align-items: center;justify-content: center;color: var(--colorone);}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two{width: 200px;height: 200px;border: 1px solid var(--colorone);display: inline-block;border-radius: 100%;position: relative;text-align:left;background: var(--colorone_bg2);transform: scale(1.1);font-size: 12px;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li{height: 100px;width: 60px;border-left:1px solid  var(--colorone);position: absolute;left: 85px;top: -6px;z-index: 100;transform: rotate(-15deg);line-height: 26px;padding-top: 7px;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(2){left: 55px;top: -6px;z-index: 100;transform: rotate(calc(-30*1deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(3){left: 29px;top: 9px;z-index: 100;transform: rotate(calc(-30*2deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(4){left: 14px;top: 35px;z-index: 100;transform: rotate(calc(-30*3deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(5){left: 14px;top: 65px;z-index: 100;transform: rotate(calc(-30*4deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(6){left: 29px;top: 90px;z-index: 100;transform: rotate(calc(-30*5deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(7){left: 54px;top: 105px;z-index: 100;transform: rotate(calc(-30*6deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(8){left: 83px;top: 105px;z-index: 100;transform: rotate(calc(-30*7deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(9){left: 109px;top: 91px;z-index: 100;transform: rotate(calc(-30*8deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(10){left: 125px;top: 66px;z-index: 100;transform: rotate(calc(-30*9deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(11){left: 126px;top: 36px;z-index: 100;transform: rotate(calc(-30*10deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(12){left: 112px;top: 9px;z-index: 100;transform: rotate(calc(-30*11deg - 15deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li p{width: 55px;float: left;transform: rotate(15deg);text-align: center;position: absolute;top: 8px;left: -6px;color: var(--colorone);}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li i{width:27px;float: left;font-style: normal;transform: rotate(15deg);text-align: center;text-align: center;position: absolute;top: 45px;left: -2px;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(5) p,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(5) i,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(6) p,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(6) i,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(7) p,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(7) i,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(8) p,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(8) i,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(9) p,
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .li:nth-child(9) i{transform: rotate(calc(195deg));}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .c2{width: 120px;height: 120px;border: 1px solid var(--colorone);border-radius: 100%;position: absolute;top: 40px;left: 40px;z-index: 5;background: #fff;}
.hl_bar .con .con_right .bmain .three .m .m_box .yuan_two .c1{width: 10px;height: 10px;border-radius: 100%;position: absolute;top:95px;left:95px;z-index: 117;background: var(--colorone);text-align: center;display: flex;align-items: center;justify-content: center;}
.hl_bar .con .con_right .bmain .three_b{width: 100%;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 18px;}
.hl_bar .con .con_right .bmain .three_b .l{width: 80px;background: #fff;color: var(--colorone);display: flex;flex-direction: column;justify-content: center;}
.hl_bar .con .con_right .bmain .three_b .r{width: 80px;background: #fff;color: var(--colorone);display: flex;flex-direction: column;justify-content: center;}
.hl_bar .con .con_right .bmain .three_b .m{flex: 1;display: flex;flex-direction: column;justify-content: space-around;background: var(--colorone_bg);border-right: 1px solid var(--colorborder);border-left: 1px solid var(--colorborder);}
.hl_bar .con .con_right .bmain .three_b .m .m_t{flex: 1;display: flex;flex-direction: row;background: var(--colorone_bg);border-bottom: 1px solid var(--colorborder);padding: 0 5px;}
.hl_bar .con .con_right .bmain .three_b .m .m_t b{width: 30px;border-right: 1px solid var(--colorborder);    writing-mode: vertical-rl;color: var(--colorone);display: flex;align-items: center;justify-content: center;margin-right: 5px;}
.hl_bar .con .con_right .bmain .three_b .m .m_t p{display: flex;padding: 10px 0px;writing-mode: vertical-rl;font-size: 12px;flex-direction: column;}
.hl_bar .con .con_right .bmain .three_b .m .m_t p i{display: flex;padding: 10px 0px;writing-mode: vertical-rl;font-size: 12px;font-style: normal;}
.hl_bar .con .con_right .bmain .three_b .m .m_t span{display: flex;padding: 10px 0;line-height: 24px;font-size: 12px;}
.hl_bar .con .con_right .bmain .three_b .m .m_b{flex: 1;display: flex;flex-direction: row;background: var(--colorone_bg);padding: 0 5px;overflow-x: scroll;}
.hl_bar .con .con_right .bmain .three_b .m .m_b b{width: 30px;border-right: 1px solid var(--colorborder);    writing-mode: vertical-rl;color: var(--colorone);display: flex;align-items: center;justify-content: center;margin-right: 5px;}
.hl_bar .con .con_right .bmain .three_b .m .m_b p{display: flex;font-size: 12px;flex: 1;flex-direction: row;}
.hl_bar .con .con_right .bmain .three_b .m .m_b p i{font-size: 12px;display: inline-block;writing-mode: vertical-rl;padding: 10px 0px;font-style: normal;}
.hl_bar .con .con_right .bmain .three_b .m .m_b span{display: flex;padding: 10px 0;line-height: 24px;font-size: 12px;}
.hl_bar .con .con_right .bmain .month_box{width: 100%;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 18px;}
.hl_bar .con .con_right .bmain .month_box .l{width: 260px;background: #fff;padding: 10px 0;}
.hl_bar .con .con_right .bmain .month_box .m{flex: 1;background: #fff;color: var(--colorone);border-right: 1px solid var(--colorborder);border-left: 1px solid var(--colorborder);display: flex;flex-direction: row;align-items: center;justify-content: center}
.hl_bar .con .con_right .bmain .month_box .m span{width: 50%;background: #fff;color: #000;padding: 10px 0;}
.hl_bar .con .con_right .bmain .month_box .m span:first-child{border-right: 1px solid var(--colorborder)}
.hl_bar .con .con_right .bmain .month_box .r{width: 260px;background: #fff;color: #000;padding: 10px 0;}
.hl_bar .con .con_right .bmain .year_one{width: 100%;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 28px;padding: 10px 0;font-size: 18px;}
.hl_bar .con .con_right .bmain .year_four{width: 100%;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 18px;}
.hl_bar .con .con_right .bmain .year_four span{width: 25%;background: #fff;padding: 10px 0;float: left;border-right:1px solid var(--colorborder);}
.hl_bar .con .con_right .bmain .year_four span:last-child{border-right:none;}
.hl_bar .con .con_right .bmain .year_four span:nth-child(odd){color: var(--colorone);}
.hl_bar .con .con_right .bmain .year_three{width: 100%;display: flex;justify-content: center;border-top:1px solid var(--colorborder);text-align: center;line-height: 24px;}
.hl_bar .con .con_right .bmain .year_three .l{width: 360px;background: #fff;color: var(--colorone);display: flex;flex-direction: column;}
.hl_bar .con .con_right .bmain .year_three .l .tt{width: 100%;float: left;line-height: 60px;color: var(--colorone);border-bottom: 1px solid var(--colorborder);font-weight: bold;font-size: 16px;}
.hl_bar .con .con_right .bmain .year_three .l .con{float: left;width: 100%;font-size: 13px;}
.hl_bar .con .con_right .bmain .year_three .l .con li{float: left;width: 100%;display: flex;flex-direction: row;justify-content: space-evenly;border-bottom: 1px solid var(--colorborder);}
.hl_bar .con .con_right .bmain .year_three .l .con li span{float: left;width: 20%;display: flex;flex-direction: column;font-size: 13px;border-right: 1px solid var(--colorborder);padding: 10px 0;line-height: 20px;    justify-content: center;}
.hl_bar .con .con_right .bmain .year_three .l .con li span:last-child{border: none;}
.hl_bar .con .con_right .bmain .year_three .l .con li span strong{font-weight: normal;color: #333;}
.hl_bar .con .con_right .bmain .year_three .l .con li span i{font-style: normal;}
.hl_bar .con .con_right .bmain .year_three .l .con li b{width: 20%;border-right: 1px solid var(--colorborder);line-height: 40px;font-size: 13px;color: #333;}
.hl_bar .con .con_right .bmain .year_three .l .con li em{width: 80%;line-height: 40px;font-size: 13px;text-align: left;padding-left: 20px;color: var(--colorone);}
.hl_bar .con .con_right .bmain .year_three .l p{width: 100%;display: flex;align-items: center;text-align: center;justify-content: center;padding: 20px 0;height: 50%;}
.hl_bar .con .con_right .bmain .year_three .l p:last-child{border-top: 1px solid var(--colorborder);background: var(--colorone_bg);}
.hl_bar .con .con_right .bmain .year_three .m{flex: 1;display: flex;flex-direction: column;justify-content:flex-start;background: #fff;border-right: 1px solid var(--colorborder);border-left: 1px solid var(--colorborder);align-items: center;}
.hl_bar .con .con_right .bmain .year_three .m .m_t{padding:  0;font-size: 16px;font-weight: bold;color: var(--colorone);display: flex;flex-direction: row;justify-content: center;line-height: 60px;margin-bottom: 50px;}
.hl_bar .con .con_right .bmain .year_three .m .m_box{display: flex;justify-content: center;align-items: center;padding: 20px 0;width: 300px;height: 300px;background: #eee;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan{width: 320px;height: 320px;display: inline-block;border-radius: 100%;position: absolute;text-align:left;z-index: 10;left: 0;top: 0;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li{height: 160px;width: 80px;border-left:1px solid  var(--colorone);position: absolute;left: 125px;top: -11px;z-index: 100;transform: rotate(-22.5deg);line-height: 26px;padding-top: 7px;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(2){left: 59px;top: 12px;z-index: 100;transform: rotate(calc(-45*1deg - 22.5deg));}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3){left: 29px;top: 75px;z-index: 100;transform: rotate(calc(-45*2deg - 22.5deg));}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4){left: 52px;top: 141px;z-index: 100;transform: rotate(calc(-45*3deg - 22.5deg));}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5){left: 115px;top: 171px;z-index: 100;transform: rotate(calc(-45*4deg - 22.5deg));}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6){left: 181px;top: 148px;z-index: 100;transform: rotate(calc(-45*5deg - 22.5deg));}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7){left: 211px;top: 85px;z-index: 100;transform: rotate(calc(-45*6deg - 22.5deg));}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(8){left: 188px;top: 19px;z-index: 100;transform: rotate(calc(-45*7deg - 22.5deg));}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li .ttt{width: 123px;float: left;transform: rotate(22.5deg);color: var(--colorone);left: 2px;position: absolute;top: -5px;text-align: center;line-height: 16px;font-size: 18px;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4) .ttt{transform: rotate(202.5deg);}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6) .ttt{transform: rotate(202.5deg);}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li p{width: 124px;float: left;transform: rotate(22.5deg);border-top: 1px solid #dd463d;left: -12px;position: absolute;top: 22px;text-align: center;line-height: 14px;height: 35px;padding: 1px 16px;font-size: 0.9em;display: flex;text-align: center;justify-content: space-evenly;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li p strong{width: 15px;display: inline-block;float: left;font-weight: normal;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li span{width: 96px;transform: rotate(22.5deg);text-align: center;left: -9px;position: absolute;top: 55px;text-align: center;line-height: 24px;height: 25px;font-size: 0.9em;border-top: 1px solid #dd463d;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li span .zi{display: inline-block;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li i{width: 75px;font-style: normal;transform: rotate(22.5deg);text-align: center;left: -8px;position: absolute;top: 77px;text-align: center;line-height: 24px;height: 26px;font-size: 0.8em;border-top: 1px solid #dd463d;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li b{width: 54px;font-style: normal;transform: rotate(22.5deg);text-align: center;left: -6px;position: absolute;top: 101px;text-align: center;line-height: 19px;height: 20px;font-size: 0.8em;border-top: 1px solid #dd463d;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li em{width: 38px;font-style: normal;transform: rotate(22.5deg);text-align: center;left: -6px;position: absolute;top: 120px;color: #333;text-align: center;line-height: 20px;height: 20px;font-size: 0.7em;border-top: 1px solid #dd463d;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li .line{width: 22px;transform: rotate(22.5deg);left: -2px;position: absolute;top: 138px;height: 1px;z-index: 900;background:#dd463d;}    
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) span{top: 54px}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) p,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) i,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) em,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) b,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4) p,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4) i,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4) em,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(4) b,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) p,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) i,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) em,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) b,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6) p,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6) i,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6) em,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(6) b,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) p,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) i,  
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) em,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) b{transform: rotate(calc(202.5deg));border: none;border-bottom: 1px solid #dd463d;}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(1) span{color: var(--colorone);font-weight: bold;background:var(--colorone);color: #fff;clip-path: polygon(0px 0px,96px 0,85px 25px,10px 25px);}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) span,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) span{color: var(--colorone);font-weight: bold;background:var(--colorone);color: #fff;clip-path: polygon(10px 0,85px 0,95px 24px,0px 24px);}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(1) em{color: var(--colorone);font-weight: bold;background:var(--colorone);color: #fff;clip-path: polygon(0px 0px,37px 0,29px 22px,9px 23px);}
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(3) em,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(5) em,
.hl_bar .con .con_right .bmain .year_three .m .bagua .yuan .li:nth-child(7) em{color: var(--colorone);font-weight: bold;background:var(--colorone);color: #fff;clip-path: polygon(8px 0,30px 0,41px 27px,0px 21px);}
.hl_bar .con .con_right .bigt{float: left;width: 100%;border: 1px solid var(--colorborder);line-height: 32px;background: var(--colorone_bg);padding:12px 20px;display: flex;font-size: 18px;margin-top: 20px;flex-direction: column;}
.hl_bar .con .con_right .bigt p{float: left;width: 100%;}
.hl_bar .con .con_right .save_case{float: left;width: 100%;line-height: 36px;display: flex;}
.hl_bar .con .con_right .save_case .tab{width: 240px;margin-bottom: 0;}
.hl_bar .con .con_right .save_case .tab a{padding: 0;text-align: center;float: left;margin: 0;border-radius: 0;background: none;color: #fff;line-height: 48px;font-size: 24px}
.hl_bar .con .con_right .save_case strong{width: 100px;background: #fff;color: #d00;text-align: center;border-radius: 36px;margin-bottom: 10px;line-height: 46px;cursor: pointer;}
.hl_bar .con .con_right .save_case p{flex: 1;text-align: center;font-size: 20px;color: #fff;font-weight: normal;line-height: 48px;}
.hl_bar .con .con_right .libox{width:100%;vertical-align:middle;color:#000;margin-top: 20px;float: left;list-style-type: none;border: 1px solid var(--colorborder);}
.hl_bar .con .con_right .libox li{width:100%;vertical-align:middle;color:#000;float: left;list-style-type: none;border-bottom: 1px solid var(--colorborder);line-height: 24px;padding: 10px 20px;background: #FFF8F3;}
.hl_bar .con .con_right .libox li strong{color: var(--colorone);}
.hl_bar .con .con_right .libox li.h{background: #fff;}
.hl_bar .con .con_right .libox li strong{color: var(--colorone);}
.hl_bar .con .con_right .libox li span{color: var(--colorone);width: 100%;float: left;}
.hl_bar .con .con_right .libox li:first-child{background: #fff;}
.hl_bar .con .con_right .libox li:last-child{border: none;}
.hl_bar .con .con_right .libox li:nth-child(2n){background: var(--colorone_bg);}
.hl_bar .con .con_right .ymdh{width:100%;vertical-align:middle;color:#000;margin-top: 20px;float: left;list-style-type: none;border: 1px solid var(--colorborder);}
.hl_bar .con .con_right .ymdh li{width:100%;vertical-align:middle;color:#000;float: left;list-style-type: none;border-bottom: 1px solid var(--colorborder);display: flex;flex-direction: row;align-items: center;line-height: 24px;}
.hl_bar .con .con_right .ymdh li:last-child{border: none;}
.hl_bar .con .con_right .ymdh li .lil{width: 50px;padding: 10px;color: var(--colorone);text-align: center;}
.hl_bar .con .con_right .ymdh li .lim{flex: 1;border-right: 1px solid var(--colorborder);border-left: 1px solid var(--colorborder);}
.hl_bar .con .con_right .ymdh li .lim p{width: 100%;display: flex;}
.hl_bar .con .con_right .ymdh li .lim p:first-child{border-bottom: 1px solid var(--colorborder);}
.hl_bar .con .con_right .ymdh li .lim p b{width: 70px;border-right: 1px solid var(--colorborder);padding:10px 20px;}
.hl_bar .con .con_right .ymdh li .lim p span{flex: 1;padding:10px 20px;}
.hl_bar .con .con_right .ymdh li .lir{width: 60px;padding: 0 0 0 20px;}
.hl_bar .con .con_right .famujiama{width:100%;vertical-align:middle;color:#000;margin-top: 20px;float: left;}
.hl_bar .con .con_right .jx{width:100%;vertical-align:middle;color:#000;margin-top: 20px;float: left;list-style-type: none;border: 1px solid var(--colorborder);}
.hl_bar .con .con_right .jx li{width:100%;float: left;background:var(--colorone_bg);padding:10px 20px;line-height: 24px;border-bottom: 1px solid var(--colorborder);}
.hl_bar .con .con_right .jx li span{color: var(--colorone);width: 100%;float: left;}
.hl_bar .con .con_right .jx li:last-child{border: none;}
.hl_bar .con .con_right .jx li.li_h{background: #fff;color: var(--colorone);font-weight: bold;}
.hl_bar .con .con_right table{width:100%;vertical-align:middle;color:#000;margin-top: 20px;float: left;}
.hl_bar .con .con_right table tr{background:#fff;}
.hl_bar .con .con_right table tr.bg{background:var(--colorone_bg)}
.hl_bar .con .con_right table tr th{padding:10px 20px;border: 1px solid var(--colorborder);line-height: 24px;background:var(--colorone_bg);color: var(--colorone);}
.hl_bar .con .con_right table tr td{padding:10px 20px;border: 1px solid var(--colorborder);line-height: 24px;}
.hl_bar .con .con_right table tr .td{background:var(--colorone_bg);color: var(--colorone);}
.hl_bar .con .con_right table tr .td_bg{background:var(--colorone_bg);}
.hl_bar .con .con_right table tr .td2{background:#f8ece9;color: var(--colorone);}
.hl_bar .con .con_right table tr .th{background:var(--colorone_bg);color: var(--colorone);}
.hl_bar .con .con_right table tr .th_bg_white{background:#fff;color: var(--colorone);}
.hl_bar .con .con_right .shiershichen tr:first-child td:first-child{background:var(--colorone_bg);}
.hl_bar .con .con_right .shiershichen td{cursor: pointer;}
.rike_bar{width: 480px;margin:0;flex: none;}


.bagua{width: 320px;height: 320px;position: relative;display: inline-block;display: flex;align-items: center;justify-content: center;transform: scale(1.1);font-size: 14px;}
.ba_0{width: 2px;height: 2px;background: rgba(0, 0, 0, 0);position: absolute;z-index: 70;left: 159px;top: 159px;border-radius: 100%;}
.ba_1{width: 50px;height: 50px;background: var(--colorone_bg);;position: absolute;z-index: 600;left: 135px;top: 135px;text-align: center;line-height: 50px;	clip-path: polygon(calc(50px/3.414) 0px,calc(50px - 50px/3.414) 0px,50px calc(50px/3.414),50px calc(50px - 50px/3.414),calc(50px - 50px/3.414) 50px,calc(50px/3.414) 50px,0 calc(50px - 50px/3.414),0 calc(50px/3.414))}
.ba_2{width: 90px;height: 90px;background: #fff9f7;position: absolute;z-index: 5;left: 115px;top: 115px;	clip-path: polygon(calc(90px/3.414) 0px,calc(90px - 90px/3.414) 0px,90px calc(90px/3.414),90px calc(90px - 90px/3.414),calc(90px - 90px/3.414) 90px,calc(90px/3.414) 90px,0 calc(90px - 90px/3.414),0 calc(90px/3.414))}
.ba_3{width: 130px;height: 130px;background:#ffe5dc;position: absolute;z-index: 4;left: 95px;top: 95px;	clip-path: polygon(calc(130px/3.414) 0px,calc(130px - 130px/3.414) 0px,130px calc(130px/3.414),130px calc(130px - 130px/3.414),calc(130px - 130px/3.414) 130px,calc(130px/3.414) 130px,0 calc(130px - 130px/3.414),0 calc(130px/3.414))}
.ba_4{width: 180px;height: 180px;background: #fff;position: absolute;z-index: 3;left: 70px;top: 70px;	clip-path: polygon(calc(180px/3.414) 0px,calc(180px - 180px/3.414) 0px,180px calc(180px/3.414),180px calc(180px - 180px/3.414),calc(180px - 180px/3.414) 180px,calc(180px/3.414) 180px,0 calc(180px - 180px/3.414),0 calc(180px/3.414))}
.ba_5{width: 230px;height: 230px;background: #ffe5dc;position: absolute;z-index: 2;left: 45px;top: 45px;	clip-path: polygon(calc(230px/3.414) 0px,calc(230px - 230px/3.414) 0px,230px calc(230px/3.414),230px calc(230px - 230px/3.414),calc(230px - 230px/3.414) 230px,calc(230px/3.414) 230px,0 calc(230px - 230px/3.414),0 calc(230px/3.414))}
.ba_6{width: 320px;height: 320px;background: #fff9f7;position: absolute;z-index: 1;transform: scale(0.93);clip-path: polygon(calc(320px/3.414) 0px,calc(320px - 320px/3.414) 0px,320px calc(320px/3.414),320px calc(320px - 320px/3.414),calc(320px - 320px/3.414) 320px,calc(320px/3.414) 320px,0 calc(320px - 320px/3.414),0 calc(320px/3.414))}



.zeri_search{float: left;width: 100%;padding:60px 20px;display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;}
.zeri_search .yuan{width: 500px;height: 500px;background: rgba(255, 255, 255, .1);border-radius: 100%;position: absolute;top: -460px;left: 140px;}
.zeri_search .zyxy{width:100%;line-height: 40px;font-size: 24px;color: #fff;font-weight: bold;text-align: center;float: left;margin: 10px 0;}
.zeri_search form{width: 500px;}
.zeri_search form .li{width: 100%;float: left;margin-bottom: 20px;display: flex;}
.zeri_search form .lihr{width: 100%;float: left;margin-bottom: 10px;height: 1px;border-bottom: 1px dashed #eee;}
.zeri_search form .li.half{width: 47%;}
.zeri_search form .li.twothird{width: 65%;margin-right: 5%;}
.zeri_search form .li.onethird{width: 30%;margin-right: 5%;}
.zeri_search form .li.onequarter{width: 21.25%;margin-right: 5%;}
.zeri_search form .li.fr{float: right;}
.zeri_search form .li.mr0{margin-right: 0;}
.zeri_search form .li .info{width:130px;float: left;line-height: 36px;text-align: right;padding-right: 20px;}
.zeri_search form .li .mb5{margin-bottom: 5px;}
.zeri_search form .li .info b{float: left;font-size: 15px;color: #000;font-weight: bold;}
.zeri_search form .li .info span{float: right;font-size: 16px;color: #ddd;}
.zeri_search form .li .info span i{color: red;font-style: normal;}
.zeri_search form .li .lir{float: left;width: 100%;}
.zeri_search form .li .lir .tt{float: left;line-height: 20px;font-weight: bold;margin-right: 20px;}
.zeri_search form .li .lir label{font-size: 15px;}
.zeri_search form .li .lir .textarea{width: 100%;height:128px;background: none; line-height:32px;padding:6px;outline: none;color: #444;float: left;border: 1px solid #eee;border-radius: 6px;}
.zeri_search form .li .lir .checkbox{float: left;width: 16px;height: 16px;margin: 10px 10px 10px 0;}
.zeri_search form .li .lir .input{width: 100%;line-height: 34px;height: 36px;outline: none;color: #444;float: left;border: 1px solid #eee;border-radius: 6px;background: #fff;padding: 0 10px;outline: none;}
.zeri_search form .li .lir .tips{line-height: 36px;color: #aaa;margin-right: 10px;float: left;}
.zeri_search form .li .lir .zodiac{line-height: 36px;color: #000;margin-right: 10px;float: left;}
.zeri_search form .li .lir .input.len_20{width: 20%;}
.zeri_search form .li .lir .input:focus{border-color:--cgreen;outline: none;}
.zeri_search form .li .lir .select{width: 48%;line-height: 34px;height: 36px;outline: none;color: #444;float: left;border: 1px solid #eee;border-radius: 6px;padding: 0 10px;margin: 0;}
.zeri_search form .li .lir .select:focus{box-shadow: 0 0 4px red;}
.zeri_search form .li .lir .select optgroup{color: #888;font-weight: normal;}
.zeri_search form .li .lir .select option{color: #000;font-style: normal;}
.zeri_search form .li .lir .select option[disabled]{color: #eee;;font-style: normal;}
.zeri_search form .li .lir .select.fr{float: right;}
.zeri_search form .li .lir .verify{width: 45%;border-right: none;margin-right: 0;}
.zeri_search form .li .lir .code{float: left;margin: 0px  0 0 8px;cursor: pointer;height:36px;border: 1px solid #eee;padding: 2px;max-width: 45%;border-radius: 5px;overflow: hidden;}
.zeri_search form .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}
.zeri_search form .li .lir label{float: left;height: 36px;margin: 0 10px 10px 0;background: #eee;padding: 0 10px;border-radius: 5px;}
.zeri_search form .li .lir label span{float: left;line-height: 36px;color: #333;}
.zeri_search form .li .lir label .checkbox{float: left;margin-right: 5px;}
.zeri_search form .li .lir label .radio{float: left;margin-right: 5px;}
.zeri_search form .li .lir label i{float: left;font-style: normal;}
.zeri_search form .li .lir .year_num{float: left;width: 24px;height: 24px;border-radius: 24px;background: var(--colorone_bg);color: var(--colorone);text-align: center;vertical-align: center;margin: 6px 0 0 10px;border:1px solid var(--colorone);line-height: 22px;cursor: pointer;}
.zeri_search form .li .lir .year_num_no{opacity: 0.3;}
.zeri_search form .li .lir .Wdate{background: #fff url(/static/common/My97DatePicker/skin/datePicker.gif) no-repeat 100%;background-size: 20px;}
.zeri_search form .li .lir .inputnew{line-height: 34px;height: 36px;outline: none;color: #444;border: 1px solid #eee;border-radius: 6px;background: #fff;padding: 0 10px;outline: none;}
.zeri_search form .li .lir .inputnew:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}
.zeri_search form .li .lir .submit{float: left;line-height: 48px;border: 1px solid var(--colorone);background: var(--colorone);color: #fff;border-radius: 5px;height: 50px;font-size: 17px;box-shadow:0 6px 6px rgba(220,53,69,0.1);padding: 0 30px;margin:10px 0 0;font-weight: bold;width: 100%;}
.zeri_search form .li .lir .no_ming_box{display: none;}






.day_list{float: left;width: 350px;}




/*popubajax_year pc*/
.popubajax_year{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;left: 0;top: 0;}
.popubajax_year .popubajax{position: fixed;padding:0;z-index: 9998;left: 0;width: 100%;display:flex;justify-content:center;height: 100%;align-items:center;}
.popubajax_year .popubajax .box{float: left;width: 600px;background: #fff;position: relative;border-radius: 10px;}
.popubajax_year .popubajax .box .closes{height: 56px;width: 56px;right: 0px;top: -10px;position: absolute;text-align: center;font-size:20px;}
.popubajax_year .popubajax .box .closes span{line-height: 56px;color: #fff;float: left;height: 56px;width: 56px;text-align: center;}
.popubajax_year .popubajax .box .closes:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.popubajax_year .popubajax .box .title{float: left;width: 100%;line-height: 56px;color: #fff;font-size: 18px;background: var(--colorone);height: 56px;text-indent: 30px;border-radius: 10px 10px 0 0;margin-top: -10px;}
.popubajax_year .popubajax .box .c{float: left;width: 100%;padding:30px;}

/*popubajax_bagua pc*/
.popubajax_bagua{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;left: 0;top: 0;}
.popubajax_bagua .popubajax{position: fixed;padding:0;z-index: 9998;left: 0;width: 100%;display:flex;justify-content:center;height: 100%;align-items:center;}
.popubajax_bagua .popubajax .box{float: left;width: 600px;background: #fff;position: relative;border-radius: 10px;}
.popubajax_bagua .popubajax .box .closes{height: 56px;width: 56px;right: 0px;top: -10px;position: absolute;text-align: center;font-size:20px;}
.popubajax_bagua .popubajax .box .closes span{line-height: 56px;color: #fff;float: left;height: 56px;width: 56px;text-align: center;}
.popubajax_bagua .popubajax .box .closes:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.popubajax_bagua .popubajax .box .title{float: left;width: 100%;line-height: 56px;color: #fff;font-size: 18px;background: var(--colorone);height: 56px;text-indent: 30px;border-radius: 10px 10px 0 0;margin-top: -10px;}
.popubajax_bagua .popubajax .box .c{float: left;width: 100%;padding:0 30px 30px;}
.popubajax_bagua .popubajax .box .c table{width:100%;vertical-align:middle;color:#000;margin-top: 20px;float: left;}
.popubajax_bagua .popubajax .box .c table tr{background:#fff;}
.popubajax_bagua .popubajax .box .c table tr.bg{background:var(--colorone_bg)}
.popubajax_bagua .popubajax .box .c table tr th{text-align:left;padding:10px 20px;border: 1px solid var(--colorborder);line-height: 24px;background:var(--colorone_bg);color: var(--colorone);}
.popubajax_bagua .popubajax .box .c table tr td{text-align:left;padding:10px 20px;border: 1px solid var(--colorborder);line-height: 24px;}
.popubajax_bagua .popubajax .box .c table tr .td{background:var(--colorone_bg);color: var(--colorone);}
.popubajax_bagua .popubajax .box .c table tr .th{background:var(--colorone_bg);color: var(--colorone);}


/*popubajax_date_tran pc*/
.date_tran{position: fixed;right: 0;top: 30%;width: 60px;border-radius: 10px 0 0 10px;background: var(--colorone);color: #fff;padding: 20px 10px;text-align: center;}
.popubajax_date_tran{width:400px;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;right: -400px;top: 0;transition: 0.5s;}
.popubajax_date_tran .popubajax{padding:0;z-index: 9998;left: 0;width: 100%;display:flex;justify-content:center;height: 100%;align-items:center;}
.popubajax_date_tran .popubajax .box{float: left;width: 300px;background: #fff;position: relative;border-radius: 10px;}
.popubajax_date_tran .popubajax .box .closes{height: 56px;width: 56px;right: 0px;top: 0px;position: absolute;text-align: center;font-size:20px;}
.popubajax_date_tran .popubajax .box .closes span{line-height: 56px;color: var(--colorone);float: left;height: 56px;width: 56px;text-align: center;}
.popubajax_date_tran .popubajax .box .closes:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.popubajax_date_tran .popubajax .box .title{float: left;width: 100%;line-height: 56px;color: #444;font-size: 18px;height: 56px;text-indent: 30px;border-radius: 10px 10px 0 0;margin-top: 0px;border-bottom: 1px solid #eee;}
.popubajax_date_tran .popubajax .box .c{float: left;width: 100%;padding:30px 30px;}
.popubajax_date_tran .popubajax .box .c select{width:100%;vertical-align:middle;color:#000;margin-bottom: 20px;float: left;}
.popubajax_date_tran .popubajax .box .c input{width:100%;vertical-align:middle;color:#000;margin-bottom: 20px;float: left;}
.popubajax_date_tran .popubajax .box .c span{width:100%;color:#fff;margin-bottom: 10px;float: left;background: var(--colorone);border-radius: 6px;line-height: 40px;text-indent: 20px;}


/*popubajax_save pc*/
.popubajax_save{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;left: 0;top: 0;}
.popubajax_save .popubajax{position: fixed;padding:0;z-index: 9998;left: 0;width: 100%;display:flex;justify-content:center;height: 100%;align-items:center;}
.popubajax_save .popubajax .box{float: left;width: 600px;background: #fff;position: relative;border-radius: 10px;}
.popubajax_save .popubajax .box .closes{height: 56px;width: 56px;right: 0px;top: -10px;position: absolute;text-align: center;font-size:20px;}
.popubajax_save .popubajax .box .closes span{line-height: 56px;color: #fff;float: left;height: 56px;width: 56px;text-align: center;}
.popubajax_save .popubajax .box .closes:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.popubajax_save .popubajax .box .title{float: left;width: 100%;line-height: 56px;color: #fff;font-size: 18px;background: var(--colorone);height: 56px;text-indent: 30px;border-radius: 10px 10px 0 0;margin-top: -10px;}
.popubajax_save .popubajax .box .c{float: left;width: 100%;padding:30px 30px;}
.popubajax_save .popubajax .box .c textarea{width:100%;vertical-align:middle;color:#000;float: left;margin-bottom: 20px;border: 1px solid #eee;border-radius: 4px;padding: 12px;line-height: 24px;min-height: 70px;}
.popubajax_save .popubajax .box .c input{width:100%;vertical-align:middle;color:#000;float: left;margin-bottom: 20px;border: 1px solid #eee;border-radius: 4px;padding: 12px;line-height: 24px;}
.popubajax_save .popubajax .box .c p{width:100%;color:#333;margin-bottom: 10px;float: left;}
.popubajax_save .popubajax .box .c button{color:#000;float: left;margin-bottom: 20px;border: none;border-radius: 4px;padding: 12px 40px;line-height: 24px;color:#fff;background: var(--colorone);}