.page-programme{padding-top:100px}.page-programme .programme-left{float:left;width:760px}.page-programme .programme-left .tabs{height:50px}.page-programme .programme-left .tabs .tab-item{float:left;width:200px;height:50px;background:#f8f8f8;color:#a8abb4;border-radius:6px;margin-right:20px;text-align:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-programme .programme-left .tabs .tab-item .img{display:inline-block;width:30px;height:30px;text-align:center;border-radius:50%;margin-right:6px;vertical-align:middle;padding-top:5px;background:#d9f7e6}.page-programme .programme-left .tabs .tab-item .img .icon{display:inline-block;width:20px;height:20px}.page-programme .programme-left .tabs .tab-item .svg-icon{color:#00c657}.page-programme .programme-left .tabs .tab-item span{vertical-align:middle;color:#a8abb4}.page-programme .programme-left .tabs .tab-item.active{background:#e5f9ee;color:#00c657!important}.page-programme .programme-left .tabs .tab-item.active .img{background:#00c657}.page-programme .programme-left .tabs .tab-item.active .svg-icon{color:#fff}.page-programme .programme-left .tabs .tab-item.active span{color:#00c657!important}.page-programme .programme-right{float:right;width:350px;margin-left:90px}.page-programme .programme-right .recommend{width:100%;height:640px;-webkit-box-shadow:0 2px 15px 0 rgba(67,67,67,.1);box-shadow:0 2px 15px 0 rgba(67,67,67,.1);border-radius:10px;padding:28px 20px}.page-programme .programme-right .recommend ::v-deep.el-carousel__indicators--horizontal{bottom:56px}.page-programme .programme-right .recommend .title{height:20px;line-height:20px;font-size:20px;font-family:PingFang SC;font-weight:700;color:#3b4664;position:relative;cursor:pointer}.page-programme .programme-right .recommend .title::after{width:4px;height:20px;background:#00c657;border-radius:2px;position:absolute;top:0;left:-19px;content:""}.page-programme .programme-right .recommend .img{width:310px;height:510px;margin:20px 0;overflow:hidden}.page-programme .programme-right .recommend .img img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;cursor:pointer;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.page-programme .programme-right .recommend .img img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.page-programme .programme-right .recommend .img .page-template-item-transparent{text-align:center;width:310px;height:510px;margin-top:-433px;position:absolute;background:rgba(0,0,0,.5);opacity:0;transition:opacity 1.2s;-moz-transition:opacity 1.2s;-webkit-transition:opacity 1.2s;-o-transition:opacity 1.2s}.page-programme .programme-right .recommend .img .page-template-item-transparent .item-transparent-image{width:160px;height:160px;margin-top:100px;border-radius:10px;padding:5px}.page-programme .programme-right .recommend .img .page-template-item-transparent .item-transparent-btn{margin-top:30px}.page-programme .programme-right .recommend .img .page-template-item-transparent .item-transparent-btn .btn-right{width:160px;font-size:14px;background-color:#00c657;border-color:#00c657}.page-programme .programme-right .recommend .name{font-size:16px;font-family:PingFang SC;font-weight:500;color:#3b4664;width:310px;overflow:hidden;cursor:pointer;height:16px;line-height:16px}.page-programme .programme-right .recommend .name:hover{color:#00c657}.page-programme .programme-right .elaborate{width:350px;height:570px;-webkit-box-shadow:0 2px 15px 0 rgba(67,67,67,.1);box-shadow:0 2px 15px 0 rgba(67,67,67,.1);border-radius:10px;margin:30px 0 20px;padding:28px 20px;background:#fff}.page-programme .programme-right .elaborate .title{height:20px;line-height:20px;font-size:20px;font-family:PingFang SC;font-weight:700;color:#3b4664;position:relative;cursor:pointer}.page-programme .programme-right .elaborate .title::after{width:4px;height:20px;background:#00c657;border-radius:2px;position:absolute;top:0;left:-19px;content:""}.page-programme .programme-right .elaborate .elaborate-lists .list{clear:both;padding:17px 0 13px;height:100px;border-bottom:1px solid #ebebeb}.page-programme .programme-right .elaborate .elaborate-lists .list .img-box{width:100px;height:74px;overflow:hidden;float:left;border-radius:4px}.page-programme .programme-right .elaborate .elaborate-lists .list .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.page-programme .programme-right .elaborate .elaborate-lists .list .img-box img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.page-programme .programme-right .elaborate .elaborate-lists .list .name{float:left;width:192px;font-size:16px;font-family:PingFang SC;font-weight:500;margin-left:13px;margin-top:10px;color:#3b4664;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}.page-programme .programme-right .elaborate .elaborate-lists .list .name:hover{color:#00c657}.page-programme .programme-right .elaborate .elaborate-lists>:nth-child(5){border-bottom:0}.page-programme .programme-right .elaborate.is_fixed{position:fixed;top:65px;z-index:999}.programme-lists .programme-list{padding:50px 0;height:240px;border-bottom:1px solid #ebebeb}.programme-lists .programme-list .list-left{float:left;width:190px;height:140px;margin-right:18px;border-radius:4px;overflow:hidden;cursor:pointer}.programme-lists .programme-list .list-left img{width:100%;height:100%;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.programme-lists .programme-list .list-left img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.programme-lists .programme-list .list-right{float:left;width:550px}.programme-lists .programme-list .list-right .title{font-size:18px;font-family:PingFang SC;font-weight:700;color:#3b4664;margin-bottom:23px;height:20px;line-height:20px;cursor:pointer}.programme-lists .programme-list .list-right .title:hover{color:#00c657}.programme-lists .programme-list .list-right .desc{height:45px;font-size:16px;font-family:PingFang SC;font-weight:500;color:#3b4664;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}.programme-lists .programme-list .list-right .options{margin-top:31px}.programme-lists .programme-list .list-right .options .option{float:left;font-size:14px;font-family:PingFang SC;font-weight:500;color:#a8abb4;margin-right:40px}.programme-lists .programme-list .list-right .options .option img{vertical-align:middle;margin-right:4px;width:15px;height:15px}.programme-lists .programme-list .list-right .options .option span{vertical-align:middle}.programme-lists .loading{padding:30px 0;text-align:center;cursor:pointer}.programme-lists .el-pagination{padding:25px 0;text-align:center}.programme-detail{padding-top:50px}.programme-detail .detail-header{padding-bottom:36px;border-bottom:1px solid #ebebeb;height:100px}.programme-detail .detail-header .title{font-size:18px;font-family:PingFang SC;font-weight:700;color:#3b4664;line-height:18px}.programme-detail .detail-header .options{margin-top:22px;line-height:14px}.programme-detail .detail-header .options .option{float:left;font-size:14px;font-family:PingFang SC;font-weight:500;color:#a8abb4;margin-right:40px}.programme-detail .detail-header .options .option img{vertical-align:middle;margin-right:4px;width:15px;height:15px}.programme-detail .detail-header .options .option span{vertical-align:middle}.programme-detail .content{padding:20px 0}.programme-detail .content ::v-deep img{max-width:760px!important}.programme-detail .ishelp{width:600px;height:250px;background:#fff;border:1px solid #ebebeb;border-radius:10px;padding:20px 30px;position:relative;margin-top:40px;margin-bottom:40px}.programme-detail .ishelp .title{font-size:18px;font-family:PingFang SC;font-weight:700;color:#3b4664;padding-top:10px}.programme-detail .ishelp .code-wrapper{width:540px;height:150px;background:#f8f8f8;border-radius:10px;padding:16px 20px;margin-top:30px}.programme-detail .ishelp .code-wrapper .code{float:left;margin-right:13px}.programme-detail .ishelp .code-wrapper .code img{width:119px;height:119px}.programme-detail .ishelp .code-wrapper .tip1{padding-top:38px;font-size:16px;font-family:PingFang SC;font-weight:500;line-height:16px;color:#3b4664}.programme-detail .ishelp .code-wrapper .tip2{height:16px;font-size:16px;font-family:PingFang SC;font-weight:500;color:#a8abb4;padding-top:11px;line-height:16px}.programme-detail .ishelp .action .helpful,.programme-detail .ishelp .action .nohelp{width:120px;height:40px;float:left;font-size:16px;font-family:PingFang SC;font-weight:500}.programme-detail .ishelp .action{position:absolute;top:20px;right:30px;cursor:pointer}.programme-detail .ishelp .action .helpful{background:#e5f9ee;border-radius:4px;color:#00c657;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.programme-detail .ishelp .action .helpful .svg-icon{margin-right:5px}.programme-detail .ishelp .action .nohelp{background:#fff;border:1px solid #ebebeb;border-radius:4px;color:#3b4664;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:14px}.programme-detail .ishelp .action .nohelp .svg-icon{margin-right:5px}