@media screen and (max-width:5000px) {
        #pcCalendar{
            display: flex;
        }
        #mobileCalendar{
            display: none;
        }
    }
    @media screen and (max-width:839px) {
        #pcCalendar{
            display: none;
        }
        #mobileCalendar{
            display: block;
        }
    }
    #hl-container{
/*        max-width: 1000px;*/
        margin: 0 auto;
        padding: 8px;
        text-align: center;
        padding-bottom: 30px;
    }
    .calendar *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .calendar{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        overflow: hidden;
        color: #222222;
/*        width: 1000px;*/
        border: 2px solid #F6D07B;
        display: flex;
        flex-direction: row;
    }
    .calendar > div {
        flex: 1;
        overflow: hidden;
    }
    .calendar div.lang{
        position: absolute;
        right: 20px;
        top: 20px;
        border: 1px solid #646cff;
        border-radius: 6px;
    }
    .calendar div.lang a{
        padding: 5px;
        cursor: pointer;
    }
    .calendar div.lang a.active{
        background: #646cff;
          color: #ffffff;
    }
    .calendar .center{
        flex: 2;
    }
    .calendar .border-bottom{
        border-bottom: 1px solid #F4C493;
    }
    .calendar .border-right{
        border-right: 1px solid #F4C493;
    }
    .calendar .bg{
        background-color: #FCF8EF;
    }
    .calendar .lunar{
        height: 60px;
        line-height: 60px;
    }
    .calendar .row{
        height: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .calendar .row > div{
        flex: 1;
    }
    .calendar .col{
        flex-direction: row;
    }
    .calendar div{
        font-size: 1.0em;
    }
    .calendar div.label{
        font-size: 1.2em;
        font-weight: bold;
        color: #BC2F3F;
        width: 60px;
        text-align: left;
        flex: none;
        text-indent: 10px;
    }
    .calendar div.ershibaxiu{
        font-size: 0.9em;
    }
    .calendar div.ershibaxiuval{
        font-size: 0.8em;
    }
    .calendar .grid{
        height: 182px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .calendar .grid .col2{
        flex: 1;
        width: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .calendar .grid .col2 > div{
        flex: auto;
    }
    .calendar .grid .col2 > div.bar{
        flex: none;
        width: 30px;
        margin-left: 20px;
    }
    .calendar .grid .col2 div.label{
        color: #000000;
    }
    .calendar .yj-container{
        min-height: 180px;
        overflow: hidden;
    }
    .calendar .yj-container .yj{
        margin: 10px auto;
        position: relative;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border-radius: 50%;
        color: #FFFFFF;
    }
    .calendar .yj-container .yj::before,.calendar .yj-container .yj::after{
        position: absolute;
        content: '';
        left: -2px;
        top: -2px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        z-index: -1;
    }
    .calendar .yj-container .yj::after{
        width: 44px;
        height: 44px;
        z-index: -2;
    }
    .calendar .yj-container .yi{
        background: #d4473d;
    }
    .calendar .yj-container .ji{
        background: #000;
    }
    .calendar .yj-container .yi::before,.calendar .yj-container .ji::before{
        background: #FFFFFF;
    }
    .calendar .yj-container .yi::after,.calendar .yj-container .ji::after{
        left: -4px;
        top: -4px;
    }
    .calendar .yj-container .yi::after{
        background: #d4473d;
    }
    .calendar .yj-container .ji::after{
        background: #000;
    }
    .calendar .js{
        min-height: 125px;
        overflow: hidden;
    }
    .calendar .js .label{
        margin-top: 10px;
    }
    .calendar .yj-container ul li,.calendar .js ul li{
        list-style: none;
        float: left;
        margin:0 8px;
        height: 24px;
        line-height: 24px;
        white-space: nowrap;
    }
    .calendar .today{
        margin: 0 auto;
        width: 400px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 120px;
        font-weight: bold;
        color: #BC2F3F;
        line-height: 150px;
        align-items: center;
    }
    .calendar .today a{
        width: 40px;
        height: 40px;
        /*border: 30px solid transparent;
        font-size: 0;
        line-height: 0;*/
    }
    .calendar .today a.prev{
/*        border-right-color: #BC2F3F;*/
        background:url(/static/themes/dorawhite/images/index_leftarrow.png) no-repeat;background-size:40px auto;top:50%;left:18%;margin-top:-15px;
        margin-left: 40px;
        margin-top: 40px;
    }
    .calendar .today a.next{
/*        border-left-color: #BC2F3F;*/
        background:url(/static/themes/dorawhite/images/index_rightarrow.png) no-repeat;background-size:40px auto;top:50%;left:18%;margin-top:-15px;
        margin-right: 40px;
        margin-top: 40px;
    }
    .calendar .bar{
        position: relative;
        width: 30px;
        height: 120px;
        color: #FFFFFF;
        text-align: center;
        background: #BC2F3F;
        display: flex;
        align-items: center;
        border-radius: 6px;
    }
    .calendar .bar::before, .calendar .bar::after{
        content: '';
        position: absolute;
        left: 50%;
        top: -6px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #BC2F3F;
        margin-left: -8px;
    }
    .calendar .bar::after{
        top: auto;
        bottom: -6px;
    }
    .calendar .inputs{
        position: relative;
        display: flex;
        padding: 20px;
    }
    .calendar .inputs div{
        position: relative;
        flex: 1;
    }
    .calendar .inputs input,.calendar .inputs select{
        border: 1px solid #D7D9E0;
        box-sizing: border-box;
        padding: 7px;
        border-radius: 6px;
        line-height: 1;
        position: relative;
        background: #FFFFFF;
        width: 80px;
        margin-right: 6px;
        text-align: center;
        font-size: 20px;
        outline: none;
    }
    .calendar .inputs select{
        appearance: none;
    }
    #dayLu{
        font-size: 0.9em;
    }

    .viewbox-mobile {
        margin: 10px 0 2px 0;
        background: #fff;
        border-top: 1px solid #cfc4b6;
        border-bottom: 1px solid #cfc4b6;
        border-radius: 2px;
    }
    .kalendar{overflow:auto}
    .kalendar_left{float:left;margin-left:10px}
    .kalendar_left li{width:20px;margin-top:10px}
    .kalendar_right{float:right;width:40px}
    .kalendar_right li{width:20px;float:left;margin:10px 0 0}
    .kalendar_mid{margin-top:10px;width:100%;text-align:center;position:relative}
    .kalendar_mid em{font-size:18px}
    .hm{font-size:80px;color:#d4473d;font-weight:700}
    .jq{font-size:16px;margin-top:10px;color:green;font-weight:700}
    .index_leftarrow,.index_rightarrow{position:absolute;display:block;width:30px;height:30px}
    .index_leftarrow{background:url(/static/themes/dorawhite/images/index_leftarrow.png) no-repeat;background-size:30px auto;top:50%;left:18%;margin-top:-15px}
    .index_rightarrow{background:url(/static/themes/dorawhite/images/index_rightarrow.png) no-repeat;background-size:30px auto;top:50%;right:18%;margin-top:-15px}
    .index_content{width:98%;margin:20px auto;padding-top:10px;position:relative}
    .huabianfoot,.huabiantop{position:absolute;width:100%;height:50px}
    .huabiantop{background:url(/static/themes/dorawhite/images/huabian_01.png) no-repeat;background-size:100% auto;top:0;left:0}
    .huabianfoot{background:url(/static/themes/dorawhite/images/huabian_02.png) no-repeat;background-size:100% auto;bottom:-40px;left:0}
    .huabianleft,.huabianright{background:url(/static/themes/dorawhite/images/huabian_03.png) repeat-y;position:absolute;width:1px;height:92%}
    .huabianleft{left:0;top:20px}
    .huabianright{right:0;top:20px}
    .index_content_yj{width:95%;margin:0 auto;overflow:auto;margin-top:10px;padding-bottom:10px;}
    .index_content_yjleft{width:13%;float:left}
    .index_content_yjleft span{display:block;width:30px;height:30px;background:#d4473d;text-align:center;border-radius:15px;line-height:30px;color:#fff;font-size:20px}
    .index_content_yjright{float:left;width:87%}
    .index_content_yjright li{float:left;margin-left:5px;color:#797263;line-height:22px}
    .index_jileft span{background:#000}
    .index_content_jx{border-bottom:1px solid #ccc;overflow:auto;margin-top:0px;position:relative}
    .index_content_jx dl{float:left;width:50%}
    .index_content_jx dl:first-child{border-right: 1px solid #ccc;}
    .index_content_jx dl.index_content_jx_border{position:relative}
    .h6,.index_content_jx dl dt{height:40px;background:url(/static/themes/dorawhite/images/bgm_01.png) repeat;line-height:40px;text-align:center}
    .index_content_jx dl dd{line-height:24px;padding-left:8px;float:left;color:#797263;margin-top: 10px;}
    .index_content_jx .index_jx_border{position:absolute;width:1px;height:100%;background:#ddd;top:0;left:50%}
    .index_content_foot{margin:10px 0;text-align:left;}
    .index_content_foot p{margin-left:10px;line-height:26px}
    .index_content_foot p span{margin-left:5px;color:#797263;}