.content{width: 1200px;margin: 0 auto}
.content_detail{margin: 0 auto 30px} 
.content_detail img{width: 100%;margin: 20px 0}
.content_p{line-height: 30px;font-size: 18px;color: #4d4d4d}
.title{position: relative;margin-bottom: 40px}
.title_calendar{width: 100px;height: 100px;position: absolute;top: 0;left: 0;border:1px solid #f5f5f5;}
.title_day{font-size: 30px;color: #ef7800;text-align: center;font-weight: bold;padding: 14px 0 6px 0}
.title_month{font-size: 18px;color: #ef7800;text-align: center;font-weight: 500;}
.title_title{text-align: center;font-size: 30px;color: #000;font-weight: bold;padding:10px 110px 20px 110px}
.title_browse{text-align: center;display: flex;justify-content: center;align-items: center;color: #666}
.title_browse img{width: 20px;height: 20px;margin-right: 6px}
.bread{display: flex;align-items: center;height: 100px}
.bread img{width: 18px;height: 18px;margin: 0 6px}
.page_footer{display: flex;justify-content: space-between;margin-bottom: 140px}
.page_footer_pre{background: #f3f3f3;width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;color: #666}
.page_footer_pre img{width: 35px;height: 13px;margin-right: 10px}
.page_footer_next{background: #f3f3f3;width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;color: #ef7800}
.page_footer_next img{width: 35px;height: 13px;margin-left: 10px}

       @media screen and (max-width: 1200px) {
          .content{
            width: 94%;
            margin: 0 auto
          }  
       }

       @media screen and (max-width: 768px) {
          .title_calendar{
            display: none
          }  
          .title_title{
            padding: 10px 0
          }
       }