﻿.global{background:url(../images/bgm02.png) repeat;padding:0;margin:0;}

.index_leftarrow,.index_rightarrow{position:absolute;display:block;width:40px;height:40px}
.index_leftarrow{background:url(../images/index_leftarrow.png) no-repeat;background-size:40px auto;top:33%;left:35%;margin-top:-15px}
.index_rightarrow{background:url(../images/index_rightarrow.png) no-repeat;background-size:40px auto;top:33%;right:35%;margin-top:-15px}

.arrow_left,.arrow_right{position:fixed;width:30px;height:50px;background-color:#CC0000;}
.arrow_left{background-image:url(../images/leftarrow1.png);background-repeat:no-repeat;background-size:30px auto;top:50%;left:0;background-position:center}
.arrow_right{background-image:url(../images/rightarrow1.png);background-size:30px auto;top:50%;right:0;background-repeat:no-repeat;background-position:center}

/*日历三部分*/
.calendar{height:432px;position:relative;}
.global_border{position:absolute;}
.border_fl,.border_fr{width:7px;height: 425px;background:url(../images/bg4.gif) repeat-y;top:7px;}
.border_fl{left:0;}
.border_fr{right:-1px;background:url(../images/bg4_2.gif) repeat-y right;}
.border_top{width:982px;height:7px;background:url(../images/2012_bj_1.gif) repeat-x;top:0;left:9px;}
.border_bottom{width:982px;height:7px;background:url(../images/2012_bj_1_2.gif) repeat-x;bottom:0;left:9px;}
.border_fltop{width:9px;height:7px;top:0;left:0;background:url(../images/2012_bj_2.gif);}
.border_frtop{width:9px;height:7px;top:0;right:0;background:url(../images/2012_bj_3.gif);}
.border_flbottom{width:9px;height:7px;bottom:0;left:0;background:url(../images/2012_bj_2_2.gif);}
.border_frbottom{width:9px;height:7px;bottom:0;right:0;background:url(../images/2012_bj_3_2.gif);}
.goodcalendar{width:280px;height:432px;float:left;}
.kalendar{width:390px;height:510px;float:left;border-left:1px solid #956939;border-right:1px solid #956939;background:url(../images/bgm01.jpg) repeat;}

.left_arrow,.right_arrow{width:19px;height:36px;position:absolute;top:50%;}
.left_arrow{background:url(../images/left-arrow.png);left:80px;}
.right_arrow{background:url(../images/right-arrow.png);right:80px;}

.goodcalendar_top{height:268px;flaot:left;}
.suitable{height:104px;width:100%;float:left;overflow:hidden;}
.suitable span{display:block;width:62px;height:60px;background:#D4473D;border-radius:50px;text-align:center;line-height:58px;font-size:40px;color:#FFF;font-family:"SongTi";margin:25px 0 0 107px;}
.suitable .ji{background:#14ab2d;}
.suitable_con{height:136px;width:100%;float:left;overflow:hidden;}
.suitable_con ul{height:136px;background:url(../images/bgm03.jpg) no-repeat;margin:0;padding:0px 0 0 0;}
.suitable_con ul li{float:left;font-size:14px;width:25%;text-align:center;height:22px;overflow:hidden;padding-top:1px;line-height:22px;}
.suitable_con ul:first-child{}
.solar{height:32px;width:100%;background:#b17e46;float:left;text-align:center;color:#FFF;line-height:32px;}
.goodcalendar_foot{height:192px;float:left;}
.suitable_con ul .compatibility{width:100%;text-align:center;font-size:16px;height:30px;line-height:30px;background:url(../images/bgm.jpg) repeat;}
.mammon{width:100%;height:156px;float:left;border-bottom:1px solid #CCC;overflow:hidden;}
.mammon_left{width:139px;height:156px;float:left;border-right:1px solid #CCC;}
.mammon_right{width:140px;height:156px;float:left;}
.mammon_left h4,.mammon_right h4{height:50px;text-align:center;line-height:50px;font-size:18px;}
.jishen{width:100%;}
.jishen ul{margin:0;padding:0;}
.jishen li{width:49.999%;float:left;text-align:center;padding:0px 0;}
.cs{height:156px;width:80%;margin:0 auto;padding:0;}
.cs ul{margin:0;padding:0;}
.cs li{text-align:center;line-height:24px;}
.mammon_foot{width:100%;float:left;margin:0;padding:0;}
.mammon_foot span{display:block;height:48px;text-align:center;line-height:24px;margin-top:15px;}
.mammon_foot p{margin:0;padding:0;}

.kalendar{width:390px;height:432px;float:left;border-left:2px solid #956939;border-right:2px solid #956939;background:url(../images/bgm01.jpg) repeat;}
.kalendar_top{height:300px;}
.kalendar_top h1,.kalendar_top h5{height:50px;text-align:center;font-size:16px;*font-size:16px;*+font-size:16px;line-height:65px;font-weight: bold;}
.kalendar_top h5{margin-top:35px;}
.kalendar_date{height:160px;text-align:center;}
.kalendar_date span{font-size:125px;color:#D3463D;font-weight: bold;}
.kalendar_date p{font-size:25px;color:#D3463D;font-weight: bold;}
.kalendar_foot{width:310px;margin:23px auto;border:1px solid #956939;}
.kalendar_foot_global{width:310px;border-bottom:1px solid #CCC;margin:auto;}
.kalendar_foot_global span{display:block;height:28px;line-height:24px;text-align:center;padding:5px 0;font-size:14px;}
.kalendar_foot_global em,.ecliptic_left_mid ul li em{color:#88631E;font-size:14px;}
.kalendar_foot_global span strong{font-size:14px;}
.kalendar_foot_global span font{font-size:14px;}
.kalendar_foot_last{border-bottom:none;}

/*时辰吉日*/
.time, .time_01 {margin-top: 20px; border: 1px solid #ce893e;border-left: 0; /* 隐藏左边框 */border-right: 1; /* 隐藏右边框 */overflow: hidden;}
.t_11,.t_12,.t_6{border:1px solid #ce893e;border-width:1px 0px 0px 1px;padding:5px 0;margin:0;}
.time h5{height:38px;background:#956939;text-align:center;line-height:38px;color:#FFF;font-size:16px;margin:0;padding:0;font-weight: 500;}

/*日期*/
.yl{margin:20px 0;height:30px;padding:0;}
.yl_left{float:left;width:70px;padding:0;}
.yl_left a:link,.yl_left a:visited{display:block;background:#DDDDDD;line-height:30px;font-size:18px;font-weight:normal;color:#000;}
.yl_left a:hover{text-decoration:underline;color:#D3463D;}
.yl_right{float:right;padding:0;margin:0;}
.yl_mid{float:left;height: 30px;margin-left: 10px;padding:0;margin:0;text-align:center;}
.yl_mid li{float:left;padding:0 11px;text-align:center;}
.yl_mid li a:link,.yl_mid li a:visited{display:block;line-height:30px;font-size:18px;font-weight:normal;color:#000;}
.yl_mid li a:hover{text-decoration:underline;color:#D3463D;}
.yl_mid .today{background:#D4473D;}
.yl_mid .today a:link,.yl_mid .today a:visited{color:#FFF;}
.yl_mid .today a:hover{color:#FFF;}
.yl_mid .gray{background:#DDD;}
.yl_mid .gray a:link,.yl_mid .gray a:visited{color:#000;}
.yl_mid .gray a:hover{color:#D3463D;}

/*术语*/
.listbox-pc {
    margin: 4px auto;
    width: 960px;
    background: #fff;
    border: 1px solid #d4c9bb;
    border-radius: 1px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.01);
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.listbox-pc .title {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e5dcd1;
    background: linear-gradient(to right, #f5eee6, #e8d9c5);
    padding: 0 25px;
    text-align: center;
}

.listbox-pc .title h2 {
    display: inline-block;
    font-size: 22px;
    color: #7a3d11;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
    margin: 0;
    letter-spacing: 2px;
}

.listbox-pc .title h2 span {
    color: #c83c3c;
    font-size: 28px;
    margin-right: 2px;
    vertical-align: middle;
}

.listbox-pc .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.listbox-pc .content-column {
    padding: 0;
}

.listbox-pc .content p {
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #f0eae2;
    border-right: 1px solid #f0eae2;
    color: #555;
    font-size: 16px;
    line-height: 1.6;
    transition: all 0.3s ease;
    position: relative;
}

.listbox-pc .content p:nth-child(4n+1),
.listbox-pc .content p:nth-child(4n+2) {
    background-color: #fbf9f7;
}

.listbox-pc .content p:nth-child(4n+3),
.listbox-pc .content p:nth-child(4n+4) {
    background-color: #f5f1ec;
}

.listbox-pc .content p:hover {
    background-color: #eee2d1;
    color: #7a3d11;
    transform: translateX(3px);
}

.listbox-pc .content p:last-child,
.listbox-pc .content p:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}

.listbox-pc .content p strong {
    color: #a83a3a;
    font-weight: normal;
    display: inline-block;
    min-width: 80px;
}

.listbox-pc .content p::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: #c83c3c;
    transition: all 0.3s ease;
}

.listbox-pc .content p:hover::after {
    height: 60%;
}