/***蓝色**/
/* :root {
  --main: #274ba2;
  --nav:#2352c4;
  --ligh:#c0cbef;
  --lower:#e5ebff;
  --banner:#274ba2;
} */
/***红色**/
:root {
  --main: #de2431;
  --nav:#fb9503;
  --ligh:#dd9797;
  --lower:#fee4e4;
  --banner:#de2431;
}
/***绿色**/
/* :root {
  --main: #04674d;
  --nav:#048261;
  --ligh:#7cc2bb;
  --lower:#dcfbf3;
  --banner:#198781;
} */
/***黄色**/
/* :root {
  --main: #8c3f06;
  --nav:#bb4f20;
  --ligh:#dfbeab;
  --lower:#f8e2ce;
  --banner:#ffcc57;
} */
html,body{font-size:14px;background:#f3f5f9;}
.banner-box{width:100%;background:var(--banner);text-align: center;position: relative;z-index:1;}
.banner-box img{width: 100%;}
.banner-box .p-banner{display:block;}
.banner-box .m-banner{display:none;}
.nav-box{position: relative;z-index:2;height:10px;background:var(--main);color:#fff;}
.nav-box .container{position: relative;}
.nav-btn{position: absolute;right:0;top:50%;transform: translateY(-50%);display: flex;align-items: center;transform-origin: center right;}
.nav-btn>a{display:block;width:70px;height:70px;border-radius: 50%;overflow:hidden;background:var(--nav);color:#fff;margin-left:15px;
  box-shadow: 0px 12px 18px 0px rgba(122, 122, 122, 0.54); transition: all 0.2s;
}
.nav-btn>a .icon{width:100%;height:100%;display: flex;justify-content: center;align-items: center;color:#fff;font-size:30px;transition: all 0.2s;}
.nav-btn>a .font{width:100%;height:100%;display: flex;justify-content: center;align-items: center;color:#fff;font-size:14px;padding:0 15px;transition: all 0.2s;text-align: center;line-height: 1.3;}
.nav-btn>a:hover{background:var(--main)}
.nav-btn>a:hover .icon,.nav-btn>a:hover .font{transform: translateY(-100%);}

.search-box{background:#fff;}
.map-box{width:100%;height: 80px;display:flex;align-items: center;font-size:14px;color:#666;position: relative;justify-content: space-between;}
.btn-view>a{margin:3px 5px;}
.btn-view>a i{margin-right:4px;font-size:1.2rem;}
.btn-outline-primary{border-color:var(--main);color:var(--main)}
.btn-outline-primary:hover{background:var(--nav);border-color:var(--nav)}
.btn-view .btn-outline-primary{padding:0.3rem 1rem}
.map-box a{color:#666;}
.map-box span{display:inline-block;background:var(--main);color:#fff;width:20px;height:20px;border-radius:2px;font-size:16px;text-align: center;line-height:20px;margin-right:10px;}
ul,li{list-style: none;padding:0;margin:0;}
.right-box .row{padding:0 10px;}
.right-box .row>div{padding:0 5px;}
.check-li{padding-bottom:1rem;}
.check-li>li{display:flex;padding:15px 0;border-bottom:1px solid #f6f8fd}
.check-li>li:last-child{border:none;}
.check-li>li .font{line-height: 34px;font-weight:bold;width:100px;text-align: right;padding-right:5px;}
.right-box{flex:1;}
.btn-primary{background:var(--main);border-color:var(--main)}
.btn-primary:hover{background:var(--nav);border-color:var(--nav)}

.mr3{margin-right:3px;}
.check-box{display:flex;align-items: center;flex-wrap: wrap;}
.check-box .form-check{margin-right:20px;padding:5px;}
.check-box .form-check .form-check-label {
   cursor: pointer;
}
h1.title{color:var(--main);text-align: center;padding-top:1.5rem;}
        a:link,a:visited{text-decoration: none;}
        .date-table{background:#fff;margin-top:1.5rem;}
        .rctablew {
            padding: 20px;
            font-size: 12px;
            /* max-width: 1600px; */
            margin:0 auto;
        }
        .rctablew table{border-collapse: inherit;}

        .rctable {
            word-break: break-all;
            word-wrap: break-word;
            white-space: normal;
            margin: 0px auto;
            min-width: 100%;
        }

        .rctable td {
            position: relative;
            background: #f1f5f9;
            border-radius: 5px;
            padding: 0px 0px;
            vertical-align: middle;
            min-width: 5px;
        }

        .rctable td a {
            height: 74px;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            word-break: break-all;
            word-break: break-word;
            width: 100%;
            min-height: 100%;
            box-sizing: border-box;
            line-height: 1.4;
            color: #000;
            padding: 5px;
            overflow: hidden;
        }

        .rctable td a:hover {
            height: auto;
            position: relative;
            z-index: 99;
            left: 0;
            top: 0;
            background: #f66;
            border-radius: 5px;
            -webkit-line-clamp: inherit;
        }

        .rctable td .stime {
            white-space: nowrap;
            color: #000;
            font-family: arial;
        }

        .rctable td.tit1 {
            background: #2980b9;
            color: #fff;
            font-size: 1rem;
        }

        .rctable td.tit1 b {
            font-weight: normal;
        }

        .rctable td.tit1 span {
            padding-left: 10px;
            padding-right: 10px;
            display: block;
            min-width: 100px;
        }

        .rctablew .timetit {
            font-size: 20px;
            padding: 15px 15px;
            text-align: left;
            color: #FFFFFF;
            border-radius: 8px 8px 0px 0px;
        }
        .rctablew .timetit>span{
            font-family:Arial;
        }
        .datetit{font-size:16px; font-weight:bold;}
        .rctablew .table-item {
            margin-bottom: 1.5rem;
            padding: 5px;
            background:#fff;
        border: 1px solid rgb(213, 225, 253);
        border-radius: 4px;
        box-shadow: 0px 12px 21px 0px rgba(186, 188, 192, 0.6);
        }

        .rctable {
            margin-top: -52px;
        }

        .rctable .timeline td {
            background: none;
            color: #fff !important;
            padding-bottom: 20px;
        }

        .rctable .timeline td div {
            color: #fff !important;
        }
        .time-font{background: none; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); color: #337FE5; font-family: Arial;position:absolute;top: 10px;width:36px;}
        .footer{background:#27282d;color:#aaa;font-size:12px;}
        .footer .container{padding:1.5rem 0;text-align: center;}
        .footer .container p{padding:0.5rem 1rem;margin:0;}
        p.red-font{color:#ff3904;font-size:12px;}
        p.copy-right{font-size:13px;}
        p.copy-right a{color:#eee;display:inline-block;margin:0 2rem;}
        .backtop{position: fixed;display:none;cursor:pointer;width:50px;height:50px;background:var(--main);color:#fff;border-radius: 50%;right:5vw;bottom:150px;z-index:999;font-size: 30px;line-height:50px;text-align: center;}
        /**日程详情***/
        .radio-box{display:flex;align-items: center;flex-wrap: wrap;}
        .radio-box .form-check{
          position: relative;
      
          font-size:13px;
        }
        .radio-box .form-check span{display:block;text-align: center;}
        .radio-box .form-check .form-check-input{position: absolute;left:0;top:0;opacity: 0;}
        .radio-box .form-check label{ border:1px solid #eaeaea;background:#f4f4f4;
          border-radius:3px;
          padding:5px 10px;
          cursor: pointer;    display:flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;margin:4px 0;}
          .radio-box .form-check:hover label{background:var(--lower);border-color:var(--ligh);color:var(--main)}
          .radio-box .form-check:hover label span.label-top{color:var(--main)}
          .radio-box .form-check:hover label span.label-bottom{color:var(--main)}
          .radio-box .form-check label a:hover span{color:#333;}
          .radio-box .form-check label a span{line-height:1.6;font-family: Arial, Helvetica, sans-serif,'微软雅黑';color:#333;}
          
          .label-bottom{color:#777}
        .radio-box .form-check .form-check-input:checked + label{background:var(--main);color:#fff;}
        .radio-box .form-check .form-check-input:checked + label a span.label-top,.radio-box .form-check .form-check-input:checked + label a:hover span.label-top{color:#fff}
        .radio-box .form-check .form-check-input:checked + label span.label-bottom{color:#fff}
        .sp-em{display: inline-flex;width:16px;height:16px;border-radius: 50%;font-style:normal;color:#fff;justify-content: center;align-items: center;background:#f66;}
        .sp-em i{transform: scale(0.9);}

        /***选择姓氏***/
        .user-check .form-check label{border:0;padding:5px 15px;background:none;min-height: auto;font-weight:bold;font-family: Arial, Helvetica, sans-serif;}




        /****日程详情的列表****/
        .items{background:#fff;position: relative;margin-top:30px;padding-bottom:20px;}
        .main-box .container .items:last-child{margin-bottom:30px;}
        .items-title{width:100%;background:url(../images/title-bg.png) no-repeat top center;margin-bottom:-50px;}
        .items-title h1{font-size:26px;color:#444;text-align: center;padding-top:18px;font-family: Arial, Helvetica, sans-serif;}
        .items-title h2{text-align: center;color:#585959;font-size:30px;padding:0.5rem 0;}
        .hc-list>dt{position: relative;width: 100%;}
        .hc-list>dt>span{display:inline-block;padding:1rem 20px;font-size:22px;color:var(--main);background:#fff;border:1px solid var(--ligh);border-top-right-radius: 30px;border-bottom-right-radius: 30px;margin-left:-10px;font-weight:normal;position: relative;}
        .hc-list>dt>span::before{content:'';display:block;width:0px;height:0px;border:7px solid var(--ligh);border-color:var(--ligh) transparent transparent transparent;position:absolute;    left: 2px;
          top: -8px;transform: rotate(-45deg);}
          .hc-list>dt>span::after{content:'';display:block;width:0px;height:0px;border:7px solid var(--ligh);border-color:transparent transparent var(--ligh) transparent;position:absolute;    left: 2px;
            bottom: -8px;transform: rotate(45deg);}

        .hc-list>dd{padding:0 30px;position: relative;}
        .hc-list>dd::after{content:'';display:block;width:0;border-left:1px dotted #999;position: absolute;left:40px;top:0;bottom:0;z-index:10;}
        .hc-list>dd ul{padding-left:30px;}
        .hc-list>dd ul>li .bt-area{margin-left:-32px;display:flex;align-items: center;padding:10px 0 0;}
        .hc-list>dd ul>li .bt-area i.iconfont{position: relative;z-index:99;font-size:26px;color:var(--nav);margin-right:25px;}
        .hc-list>dd ul>li .bt-area .bt-box{background:var(--main);display:block;padding:10px 20px;border-radius:10px;width: 100%;}
        .hc-list>dd ul>li .bt-area .bt-box h1{font-size:18px;color:#fff;font-family: Arial, Helvetica, sans-serif,'微软雅黑';}
        .hc-list>dd ul>li .bt-area .bt-box h2{font-size:12px;color:#fff;border-top:1px dotted rgba(255,255,255,0.1);margin-bottom:0;padding:5px 0 ;line-height: 1.5;}
        .hc-list>dd ul>li .bt-area .bt-box h2 a{color:#fff;display:inline-block}
        .hc-list>dd ul>li .bt-area .bt-box h2 a span{padding:0 1rem;}
        .hc-list>dd ul>li .bt-area .bt-box h2 em{font-style:normal}
        .hc-list>dd ul>li .bt-area .bt-box h2 a:hover{color:#fff;}
        .table-box{padding:10px 0 10px 45px;}
        .table-box .table-responsive{border:1px solid var(--lower);padding:5px;border-radius: 4px;}
        .table-box .table-responsive .table{margin:0;color:#444;}
        .table-box .table-responsive .table thead tr{background:#e1e2e3;font-weight:bold}
        .table-box .table-responsive .table td{color:#555;vertical-align: middle;}
        .table-box .table-responsive .table td a{color:#222;}
        .table-box .table-responsive .table td a:hover{color:var(--main);text-decoration: underline;}
        .table-box .table-responsive .table td,.table-box .table-responsive .table th{border-top:0;}

        .table-box .table-responsive .table td a.video-link{display:block;color:var(--main);}
        .table-box .table-responsive .table td a.video-link .iconfont{margin-right:3px;font-size:1.1em;}

        /***讲者主持画面***/
        .user-list{display:flex;justify-content:space-around ;align-items: center;flex-wrap: wrap;padding:50px 30px 10px;}
        .user-list>li{width:42%;padding:15px 0;border-bottom:1px solid #ecf0fa;display: flex;align-items: center;align-items: center;}
        .user-list>li>a{display:flex;align-items: center;}
        .user-list>li .img-box{width:80px;height:80px;margin-right:22px;border-radius:50%;border:1px solid #f6f8fd}
        .user-list>li .img-right{flex:1;overflow:hidden;}
        .user-list>li .img-right h1{font-size:20px;font-weight:bold;color:#333;margin:0.5rem 0}
        .user-list>li .img-right h1>a{color:#333;}
        .user-list>li .img-right h2{font-size:15px;margin:0.5rem 0;color:#555}
        .user-list::after{content: '';display:block;width:42%;height:0;}
        .page-box{display: flex;justify-content: center;padding:2rem;}
        .page-box .page-link{color:var(--main)}
        .page-box .page-item.active .page-link{background:var(--main);border-color:var(--main)}
        /***讲者主持详情頁****/
        .speaker-share{
          width:50%;
          font-size:14px;
          text-align: right;
          display: inline-block;
          color:rgba(0,0,0,0.5);
          position: relative;
          top:-5px;
          z-index:2;
          
      }
      .speaker-share .speaker-share-content{
        display: inline-block;
      }
      .speaker-share a:hover{
          opacity: 1;
      }
      .detail{background:#fff;padding:30px 40px;margin:30px auto;min-height:70vh;}
      .user-info{display:flex;padding:30px 0;border-bottom:1px solid #e1e2e3;position: relative;height:315px;}
      .user-info img{width:180px;height:250px;margin-right:45px;}
      .user-info .img-right{flex:1;overflow: hidden;}
      .user-info .img-right h1{display:flex;justify-content: space-between;align-items: center;padding:5px 0 15px;}
      .user-info .img-right h1 .name{font-size:26px;font-weight:bolder}
      .user-info .img-right ul>li{position: relative;padding-left:60px;line-height: 2;margin-bottom:15px;}
      .user-info .img-right ul>li.jl>span{display:block;}
      .user-info .img-right ul>li>em.tit{position: absolute;left:0;top:0;font-style:normal}
      .openCloseIcon{position: absolute;right:10px;bottom:30px;color:var(--main);cursor: pointer;}
      .openCloseIcon i{display: inline-block;margin-left:5px;transition: all 0.2s;}
      .openCloseIcon i.rotate_up{transform: rotate(-180deg);}
      .title-h2{font-size:20px;padding:20px 0 5px;}
      .pc-btn{position:absolute;right:0;bottom:30px;width:80px;}
        @media (min-width: 2000px){
          .container, .container-lg, .container-md, .container-sm, .container-xl {
              max-width: 1360px;
            }
          }     

          @media (max-width: 768px){
            html{font-size:13px;}
            .rctablew {
              padding: 0;}
            /**移动端***/
            .banner-box .p-banner{display:none;}
            .banner-box .m-banner{display:block;}
            .rcxq-box{padding-top:15px;font-size: 12px;flex-direction: column-reverse;height: auto !important;}
            .rcxq-box .btn-view{margin-bottom:10px;}
            .rcxq-box .btn-view>a{margin:6px 3px;}
            .pc-btn{position: relative;left:auto;bottom:auto;margin:0 auto 10px;width: 90%;padding:8px 0;}
            .check-li>li{flex-direction: column;padding:0;}
            .right-box .row{padding:0 10px;}
            .right-box .row>div{padding:5px;}
            .check-li>li .font{line-height: 24px;font-weight:bold;width:100px;text-align: left;font-size:12px;}
            .nav-btn{transform: scale(0.7) translateY(-60%);right:20px;}
            .nav-btn>a{padding:15px 0 5px;box-sizing: border-box;border-radius: 6px;width:100px;}
            .nav-btn>a .icon,.nav-btn>a .font{height:50%;}
            .nav-btn>a:hover .icon,.nav-btn>a:hover .font{transform: translateY(0);}
           .search-btn .btn-primary span{display:none}
           .check-box{font-size:1rem;}
           .rctablew .timetit{font-size:16px;}
           .datetit{font-size:14px;}
           p.copy-right{display: flex;flex-direction: column;align-items: center;justify-content: center;padding:0 0 1rem;}
           h1.title{font-size:20px;}
           .radio-box .form-check label{margin:5px 0;display:inline-block;min-height: auto;}
           .radio-box .form-check label span{display:inline-block}
           .radio-box .form-check label span.label-top{border:none}
           .items-title{background:none;margin-bottom:5px;}
          .items-title h1{font-size:18px;margin-bottom:0;}
          .items-title h2{font-size:14px;padding:0;margin:0;font-weight:bold}
           .main-box .container{padding:0;}
           .hc-list>dd{padding:0 10px;}
           .hc-list>dd::after{display:none;}
           .hc-list>dd ul>li .bt-area i.iconfont{display:none;}
           .items{margin-top:20px;}
           .main-box .container .items:last-child{margin-bottom:20px;}
           .hc-list>dt>span{font-size:14px;padding:0.5rem 1.2rem;font-weight:bold}
           .hc-list>dd ul>li .bt-area{margin-left:0;}
           .hc-list>dd ul{padding:0;}
           .table-box{padding:5px 0;}
           .table-box .table{min-width:800px;}
           .hc-list>dd ul>li .bt-area .bt-box h2 em{display:none}
           .hc-list>dd ul>li .bt-area .bt-box h1{font-size:16px;font-weight:bold}

           .user-list{padding:0 20px 10px;}
           .user-list>li{width:100%;}
           .user-list>li .img-box{width:60px;height:60px;}
           .user-list>li .img-right h1{font-size:15px;}
           .user-list>li .img-right h1>a{color:#333;}
           .user-list>li .img-right h2{font-size:13px;color:#555}
           .user-list::after{display:none;}
           .page-box{display: flex;justify-content: center;padding:2rem;}
           .user-check .form-check label{margin:0;}
           .backtop{bottom:130px;}

           .detail{padding:15px 20px 2rem;margin:10px auto;}
           .user-info{display:flex;flex-direction:column;padding:0;height:auto;justify-content: center;align-items: center;}
           .user-info img{width:180px;height:250px;margin-right:0;transform: scale(0.9);}
           .user-info .img-right{flex:1;overflow: hidden;}
           .user-info .img-right h1{justify-content: center;align-items: center;padding:5px 0 15px;}
           .user-info .img-right h1 .speaker-share{display:none;}
           .user-info .img-right h1 .name{font-size:22px;}
           .user-info .img-right ul>li{padding-left:45px;font-size:13px;color:#555;}
           .user-info .img-right ul>li>em{font-weight:bold;color:#444;}
           .user-info .img-right ul>li.dw i{display:none;}
           .user-info .img-right ul>li.dw span{display:block;}
           .openCloseIcon{display:none;}
          
           .title-h2{font-size:1rem;font-weight:bold;padding:1rem 0 0.5rem;}



            }