/*pad版本宽度设置*/
 @media (min-width: 768px) {
     .container {
         width: 750px;
     }

     .rel_nav li a {
         font-size: 10px;
     }

     .rel_nav li:not(:first-child) {
         margin-left: 14px;
     }

     .fixed_nav .navbar-nav {}
 }

 @media (min-width: 992px) {
     .container {
         width: 970px;
     }

     .rel_nav li a {
         font-size: 10px;
     }

     .rel_nav li:not(:first-child) {
         margin-left: 26px;
     }
 }

 @media (min-width: 1200px) {
     .container {
         width: 1170px;
     }

     .rel_nav li a {
         font-size: 15px;
     }

     .rel_nav li:not(:first-child) {
         margin-left: 28px;
     }
 }

 .timeline_top {
     margin-bottom: 30px;
 }

 .timeline_topic {
     font-family: ScalaOT Bold;
     font-size: 40px;
     line-height: 48px;
     margin-top: 30px;
     margin-bottom: 32px;
     color: #121212;
 }

 .timeline_top .data_share {
     display: inline-flex;
     width: 100%;
     flex-wrap: nowrap;
 }

 .timeline_top .lastest_date {
     font-family: ScalaOT Regular;
     font-size: 15px;
     line-height: 20px;
     color: #666666;
     margin-right: 20px;
     //min-width: 220px;
     //width: 220px;

 }

 .timeline_top .share_plat .icon {
     cursor: pointer;
 }

 .timeline_top .share_plat .icon:not(:last-child) {
     margin-right: 16px;
 }

 .timeline_section {
     margin-bottom: 100px;
 }

 .timeline_content:after {
     content: "";
     display: block;
     clear: both;
 }

 .timeline_content .timeline_content_left {
     width: 364px;
     float: left;
 }

 .timeline_content .timeline_content_right {
     width: calc(100% - 364px);
     float: left;
     padding-left: 70px;
 }

 .timeline_content .timeline_content_left .left_topic {
     font-family: Merriweather;
     font-size: 19px;
     line-height: 26px;
     color: #121212;
     font-weight: bold;
     margin-bottom: 22px;
 }

 .timeline_content .timeline_content_left .left_desc {
     font-family: Merriweather;
     font-size: 15px;
     line-height: 26px;
     font-weight: lighter;
     color: #121212;
     padding: 24px 24px 20px 20px;
     border-left: 4px solid #dededf;
     border-bottom: 4px solid #dededf;
     background-color: #f6f6f6;
 }

 .timeline_content .in_divider {
     margin-top: 45px;
     margin-bottom: 42px;
 }

 .timeline_content .left_timeline {
     margin-left: 8px;
     margin-right: 20px;
 }

 .timeline_content .left_t_item {
     position: relative;
     padding-bottom: 32px;
     padding-left: 24px;
     margin-right: 20px;
     //border-left: 1px solid #E0DEDE;
 }

 .timeline_content .left_t_item .time_gap {
     font-family: HelveticaNeue-Bold;
     font-size: 16px;
     line-height: 16px;
     color: #121212;
     margin-bottom: 10px;
 }

 .timeline_content .left_t_item .left_item_title {
     font-family: ScalaOT Regular;
     font-size: 16px;
     line-height: 22px;
 }

 .timeline_content .left_t_item .timeline_dot {
     position: absolute;
     width: 12px;
     height: 100%;
     //border-radius: 50%;
     //background-color: #ED1B23;
     margin-top: 2px;
     top: 0;
     left: 0;
 }

 .timeline_content .left_t_item .timeline_dot .dot {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: #ED1B23;
 }

 .timeline_content .left_t_item .timeline_dot .dot_line {
     width: 1px;
     height: 100%;
     background-color: #E0DEDE;
     margin-left: 5px;
 }

 .timeline_content .left_t_item:last-child .timeline_dot .dot_line {
     display: none;
 }

 .timeline_content .timeline_content_right img {
     width: 100%;
 }

 .timeline_content .timeline_content_right video {
     width: 100%;
     margin-bottom: 24px;
 }

 .timeline_content .timeline_content_right .right_t_item {
     display: none;
 }

 .timeline_content .timeline_content_right .show_list {
     display: block;
 }

 .timeline_content .timeline_content_right .page_total {
     font-family: ScalaOT Bold;
     font-size: 16px;
     line-height: 36px;
     width: 100%;
     text-align: right;
     border-bottom: 2px solid #ED1B23;
 }

 .right_item_time {
     font-family: Helvetica Neue;
     font-size: 16px;
     line-height: 20px;
     margin-top: 24px;
     margin-bottom: 26px;
 }

 .right_item_time .right_time_gap {
     //font-size: 17px;
     font-weight: bold;
     //line-height: 20px;
     padding-right: 8px;
     border-right: 1px solid #898989;
 }

 .right_item_time .right_pub_time {
     //font-size: 17px;
     font-weight: normal;
     color: #898989;
 }

 .timeline_content .timeline_content_right .right_t_item {
     padding-bottom: 46px;
     border-bottom: 1px solid #E0DEDE;
 }

 .timeline_content .timeline_content_right .right_t_item:last-child {
     border-bottom: none;
 }

 .timeline_content .timeline_content_right .right_t_item .right_art_title {
     font-family: ScalaOT Bold;
     font-size: 24px;
     line-height: 32px;
     font-weight: bold;
     color: #121212;
     margin-bottom: 18px;
 }

 .timeline_content .timeline_content_right .right_t_item .right_item_byline {
     font-family: ScalaOT Bold;
     font-size: 15px;
     font-weight: normal;
     line-height: 15px;
     color: #898989;
     margin-bottom: 16px;
 }

 .timeline_content .timeline_content_right .right_t_item .right_item_desc {
     font-family: Merriweather;
     font-size: 16px;
     font-weight: normal;
     color: #121212;
     line-height: 28px;
     margin-bottom: 20px;
 }

 .timeline_content .timeline_content_right .right_t_item .right_item_share {
     text-align: right;
 }

 .timeline_content .timeline_content_right .right_t_item .right_item_share .icon {
     //color: #898989;
     cursor: pointer;
 }

 .timeline_content .timeline_content_right .right_t_item .right_item_share .icon:not(:last-child) {
     margin-right: 20px;
 }

 .timeline_content .timeline_content_right .right_t_item .read_whole a {
     color: #ED1B23;
     font-family: Merriweather;
     font-size: 16px;
     line-height: 20px;
 }

 .timeline_content .timeline_content_right .right_t_item .right_img {
     margin-bottom: 24px;
 }

 .timeline_content .timeline_content_right .right_t_item .right_img p {
     font-family: Times New Roman;
     font-size: 14px;
     line-height: 20px;
     color: #666666;
     margin-top: 10px;
     margin-bottom: 0;
 }

 .timeline_content .timeline_content_right .right_page_nav {
     font-family: Helvetica Neue;
     font-size: 14px;
     font-weight: normal;
     line-height: 14px;
 }

 .timeline_content .timeline_content_right .right_page_nav .pre_page,
 .timeline_content .timeline_content_right .right_page_nav .next_page,
 .timeline_content .timeline_content_right .right_page_nav .mid_page_num {
     display: inline-block;
     width: 32%;
     //display: inline-block;
 }

 .timeline_content .timeline_content_right .right_page_nav .next span,
 .timeline_content .timeline_content_right .right_page_nav .pre span {
     font-size: 15px;
     padding: 6px 12px;
     background-color: #f6f6f6;
 }

 .timeline_content .timeline_content_right .right_page_nav .pre_page {
     text-align: right;
 }

 .timeline_content .timeline_content_right .right_page_nav .next_page {
     text-align: left;
 }

 .timeline_content .timeline_content_right .right_page_nav .mid_page_num {
     text-align: center;
 }

 .timeline_content .timeline_content_right .right_page_nav .mid_page_num .cur_num,
 .timeline_content .timeline_content_right .right_page_nav .mid_page_num .all_num {
     font-weight: bold;
 }

 /* 
 @media screen and (max-width: 768px) {
     .p_header {
         display: block;
         //height: 49px;
         //display: inline-flex;
         //line-height: 46px;
         padding-top: 9px;
         padding-left: 22px;
         padding-right: 22px;
         padding-bottom: 9px;
         border-bottom: 1px solid #E6E6E6;
     }
 } */
 @media screen and (max-width: 1024px) {
     .timeline_content .timeline_content_left {
         width: 240px;
     }

     .timeline_content .timeline_content_right {
         width: calc(100% - 240px);
     }
 }

 @media screen and (max-width: 768px) {
     .p_header {
         display: block;
         //height: 49px;
         //display: inline-flex;
         //line-height: 46px;
         padding-top: 9px;
         padding-left: 22px;
         padding-right: 22px;
         padding-bottom: 9px;
         border-bottom: 1px solid #E6E6E6;
     }

     .timeline_topic {
         margin-top: 20px;
         margin-bottom: 20px;
         font-size: 32px;
     }

     .timeline_top .share_plat .icon:not(:last-child) {
         margin-right: 6px;
     }

     .timeline_top {
         margin-bottom: 20px;
     }

     .timeline_content .timeline_content_left {
         width: 100%;
         float: none;
     }

     .timeline_content .in_divider {
         margin-top: 20px;
         margin-bottom: 20px;
     }

     .timeline_content .timeline_content_right {
         width: 100%;
         float: none;
         padding-left: 0;
     }

     .timeline_content .timeline_content_right .page_total {
         text-align: left;
     }

     .timeline_content .timeline_content_right .right_t_item .right_art_title {
         font-size: 20px;
     }

     .timeline_content .timeline_content_right .right_t_item {
         padding-bottom: 20px;
     }

     .right_item_time {
         margin-top: 20px;
     }

     #footer .footer_info {
         text-align: left;
     }
 }