/***蓝色**/


/***红色**/
/* :root {
  --main: #800202;
  --nav:#fb9503;
  --ligh:#dd9797;
  --lower:#fee4e4;
  --banner:#c11e2f;
} */
/***绿色**/
/* :root {
  --main: #04674d;
  --nav:#048261;
  --ligh:#7cc2bb;
  --lower:#dcfbf3;
  --banner:#198781;
} */
/***黄色**/
/* :root {
  --main: #8c3f06;
  --nav:#bb4f20;
  --ligh:#dfbeab;
  --lower:#f8e2ce;
  --banner:#ffcc57;
} */
::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
  
}
::-webkit-scrollbar {
  width: 5px;
  height: 0.5vw;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(191,191,191,1);;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
html,body{font-size:14px;font-family: Arial, Helvetica, sans-serif;}
body{width:1200px;margin:0 auto;background:#f4f4f4;}
.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;}
.map-box{height: 60px;display:flex;align-items: center;font-size:14px;color:var(--lower);;position: relative;}
.map-box a{color:var(--lower);}
.map-box a:hover{color:#fff;}
.map-box span{display:inline-block;background:var(--lower);;color:var(--textMain);width:20px;height:20px;border-radius:2px;font-size:16px;text-align: center;line-height:20px;margin-right:10px;}
.nav-box{position: relative;z-index:2;height:60px;background-image:var(--main);color:var(--lower);;}

.nav-box .container{position: relative;z-index:1;display:flex;align-items: center;justify-content: space-between;padding:0 30px;}
.nav-btn{display:flex;}
.nav-btn>a{color:var(--lower);;margin-left:20px;font-size:15px;
}

.nav-btn>a i{font-size:18px;margin-right:6px;}
.nav-btn>a:hover{color:#fff;}
.container{max-width:1200px!important;margin:0 auto;width:1200px;}
.search-area{
  background-image: linear-gradient( 180deg, rgb(234,234,234) 0%, rgb(255,255,255) 100%);
  height:70px;display:flex;align-items: center;justify-content: center;
  border-bottom-left-radius:20px ;border-bottom-right-radius:20px ;

}
.search-div{display:flex;align-items: center;justify-content: center;}
.search-box{display:flex;align-items: center;justify-content: center;padding:15px 0}
.btn-view{position: absolute;right:1rem;bottom:0;}
.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}

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:1em;min-width:80%}
.check-li>li{display:flex;padding:15px 0 5px;}
.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:.5rem 0;font-size:26px;color:var(--nav);}
.date-table p{text-align: center;color:#555;}
        a:link,a:visited{text-decoration: none;}
        .rctablew {
            font-size: 12px;
            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 {
            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: 2.5rem;
            padding: 10px;
            background:#fff;
        border-radius: 8px;
        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;
        }
        .scrollBtn{position:absolute;top:50%;z-index:999;width:20px;background:rgba(0,0,0,0.35);height:40px;cursor: pointer;line-height: 40px;text-align: center;color:#fff;}
        .scrollBtn:hover{background:rgba(0,0,0,0.5)}
        .scrollBtn.left{left:0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
        .scrollBtn.left::after{content:'';display:block;width:0;border:6px solid;border-color:transparent #fff transparent transparent;position: absolute;left:0;top:35%;}
        .scrollBtn.right{right:0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
        .scrollBtn.right::after{content:'';display:block;width:0;border:6px solid;border-color:transparent transparent transparent #fff;position: absolute;left:40%;top:35%;}
        .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:#3a3a3e;color:#aaa;font-size:12px;border-radius: 4px;position: relative;overflow:hidden;z-index:0;}
      
        .footer .container{padding:1.5rem 0;text-align: center;z-index:1;position: relative;}
        .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(--nav);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;
          color:#333;
          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-radius:3px;
          padding:5px 10px;
          min-height: 40px; cursor: pointer;    display:flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;}
          .radio-box .form-check:hover label{color:var(--textMain)}
          .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 span{line-height:1.6;font-family: Arial, Helvetica, sans-serif,'微软雅黑';font-weight: bold;}
        .radio-box .form-check .form-check-input:checked + label{background:var(--nav);color:#fff;}
        .radio-box .form-check .form-check-input:checked + label span.label-top{color:#fff}
        .radio-box .form-check .form-check-input:checked + label span.label-bottom{color:#fff}


        /***选择姓氏***/
        .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{position: relative;margin-top:30px;padding-bottom:20px;}
        .main-box .container{padding:0;}
        .items-title{width:100%;display: flex;align-items: center;justify-content: space-between;}
        .items-title>span{flex:1;display:block;height:3px;
  
            background-image: var(--left);
            
        }
        .items-title>span:last-child{background-image:var(--line);}
        .items-title h1{font-size:26px;color:#444;margin:0;text-align: center;padding-top:18px;font-family: Arial, Helvetica, sans-serif;padding:0 30px;position: relative;}
        .items-title h1::after, .items-title h1::before{content:'';display:block;width:10px;height:10px;border-radius: 50%;background:var(--main);position: absolute;top:50%;margin-top:-5px;}
        .items-title h1::after{right:-5px;}
        .items-title h1::before{left:-5px;}
        .hc-list{margin-bottom:2em;}
        .hc-list>dt{position: relative;width: 100%;display: flex;margin-top:15px;height:55px;overflow: hidden;}
        .hc-list>dt>span{display:block;position:relative;z-index:0;overflow:hidden;height:55px;line-height:55px;padding:0 30px 0 40px;font-size:22px;background:var(--main);color:#fff;border-top-left-radius: 20px;font-weight:normal;position: relative;}
        .hc-list>dt>span i{position: relative;z-index:1;font-style:normal;}
        .hc-list>dt em{display:block;width:55px;height:55px;background:var(--main);transform: skewX(45deg);margin-left:-28px;position:relative;z-index:0;overflow:hidden;}
        
        .hc-list>dt>div{flex:1;border-bottom:3px solid var(--nav);line-height: 60px;color:#666;font-weight:normal;text-align: right;font-size:14px;height:55px;}
        .hc-list>dd{position: relative;}
        .hc-list>dd ul>li .bt-area{display:flex;padding:10px 0 0;}
        .hc-list>dd ul>li .bt-area i.iconfont{position: relative;z-index:99;font-size:26px;color:var(--clock);margin:5px 20px 0 0;}
        .hc-list>dd ul>li .bt-area .bt-box{display:inline-block;padding:10px 0;border-radius:10px;}
        .hc-list>dd ul>li .bt-area .bt-box h1{font-size:24px;color:var(--nav);font-family: Arial, Helvetica, sans-serif,'微软雅黑';margin-bottom:0;}
        .hc-list>dd ul>li .bt-area .bt-box h2{font-size:15px;color:var(--nav);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:var(--nav);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:var(--textMain);text-decoration: underline;}
        .table-box{}
        .table-box .table-responsive{padding:10px;border-radius: 4px;background:#f2f2f2;
          /* box-shadow: 0px 0px 21px 0px rgba(39, 75, 162, 0.21); */
          }
        .table-box .table-responsive .table{margin:0;color:#444;}
        .table-box .table-responsive .table thead tr{background:var(--ligh);font-weight:bold;position: relative;}
        
        .table-box .table-responsive .table thead tr td{color:var(--nav)}
        .table-box .table-responsive .table td{color:#444;vertical-align: middle;}
        .table-box .table-responsive .table tr td:first-child{text-align: center;}
        .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;}
.copy-right a{color:#ddd;} 
.copy-right a:hover{color:#fff;text-decoration: underline;}