.details-box{width: auto;}
/* 活动详情介绍 */
.details-box .introduce{width: 896px;}
.details-box .introduce .intr-header{position: relative;padding: 20px 30px;background-color: #fff;margin-bottom: 16px;}
.details-box .introduce .intr-header .poster{position: relative; width: 370px;height: 210px;margin-right: 20px;}
.details-box .introduce .intr-header .poster img{width: 100%;height: 100%;}
.details-box .introduce .intr-header dl{width: 446px;}
.details-box .introduce .intr-header dl dt{color: #333;font-size: 24px;line-height: 34px;margin-bottom: 22px;}
.details-box .introduce .intr-header dl dd{width: auto;height: 22px;line-height: 22px;margin-bottom: 10.5px;font-size: 16px;}
.details-box .introduce .intr-header dl dd img{float: left;margin-right: 6px;}

.details-box .introduce .intr-header dl dd.feiyong{display: flex;height: auto;} 
.details-box .introduce .intr-header dl dd.feiyong .fzhrm{flex-shrink:0;}
.details-box .introduce .intr-header dl dd.feiyong .uiomtt{width: 100%;}
.details-box .introduce .intr-header dl dd.feiyong .uiomtt p{padding-bottom: 4px;border-bottom: 1px dotted #b3b3b3;margin-bottom: 4px;}
.details-box .introduce .intr-header dl dd.feiyong .uiomtt p:last-of-type{border: 0 none;}
.details-box .introduce .intr-header .layui-btn{position: absolute;bottom: 20px;right: 30px;height: 40px;line-height: 40px;font-size: 18px;padding: 0 28px;border-radius:4px;}
.details-box .introduce .intr-header .layui-btn.enrollBtn{border-color: #e1251b;color: #e1251b;background-color: #FFF7F6;}
.details-box .introduce .intr-header .layui-btn.enrollBtn:hover{background-color: #e1251b;color: #fff;}
.details-box .introduce .intr-header .layui-btn.completeBtn{background-color: #ccc;color: #fff;cursor: not-allowed;}
.details-box .introduce .intr-header .layui-btn.completeBtn:hover{border-color: #ccc;}

.details-box .introduce .layui-tab{width: auto;height: auto;padding:10px 30px 30px; background-color: #fff;margin-bottom: 16px;}
.details-box .introduce .layui-tab-title {height: 44px;}
.details-box .introduce .layui-tab-title .layui-this:after{height: 45px;border-bottom: 2px solid #e1251b;}
.details-box .introduce .layui-tab-title li{line-height: 44px; color: #333;font-size: 16px;padding: 0;margin-right: 40px;}
.details-box .introduce .layui-tab-brief > .layui-tab-title .layui-this{color: #333;}
.details-box .introduce .layui-tab .layui-tab-content{padding: 26px 0 0;}
.details-box .introduce .layui-tab .layui-tab-content .act-data img{max-width: 836px;}
.details-box .introduce .layui-tab .layui-tab-content .review{width: auto;height: auto;}
.details-box .introduce .layui-tab .layui-tab-content .review .layer-photos{display: flex;flex-flow: wrap;justify-content: space-between;}
.details-box .introduce .layui-tab .layui-tab-content .review .layer-photos:after{width: 266px;}
.details-box .introduce .layui-tab .layui-tab-content .review .layer-photos img{display: block;width: 266px;height: 180px;cursor: pointer;margin-bottom: 20px;}
.details-box .introduce .layui-tab .layui-tab-content .download{display: flex;flex-flow: wrap;justify-content: space-between;}
.details-box .introduce .layui-tab .layui-tab-content .download:after{width: 266px;}
.details-box .introduce .layui-tab .layui-tab-content .download li{width: 266px;height: 205px;cursor: pointer;margin-bottom: 20px;}
.details-box .introduce .layui-tab .layui-tab-content .download li img{display: block;width: 266px;height: 180px;}
.details-box .introduce .layui-tab .layui-tab-content .download li p{line-height: 14px;color: #333;margin-top: 11px;}
.details-box .introduce .layui-tab .layui-tab-content .download li:hover p{color: #e1251b;}

/* 往期活动列表 */
.details-box .past{background-color: #fff;}
.details-box .past .kind-title{padding-top: 20px;margin:0 30px;}
.details-box .past .past-list{height: auto;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.details-box .past .past-list li{width: 448px;}
.details-box .past .past-list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.details-box .past .past-list li .activity-url{position: relative;display: block;width: 388px;height: 130px; padding: 20px 30px;}
.details-box .past .past-list li .activity-url .poster{position: relative; width: 160px;height: 130px;margin-right: 14px;}
.details-box .past .past-list li .activity-url .poster .poster-img{width: 160px;height: 130px;overflow: hidden;}
.details-box .past .past-list li .activity-url .poster .poster-img img{width: 160px;height: 130px;}
.details-box .past .past-list li:hover .activity-url .poster .poster-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.details-box .past .past-list li .activity-url .poster .state{position: absolute;top: -2px;left: -2px;}
.details-box .past .past-list li .activity-url  dl{width: 214px;height: 130px;overflow: hidden;}
.details-box .past .past-list li .activity-url  dl dt{height: 36px; color: #333;font-size: 16px;line-height: 18px;margin-bottom: 14px;}
.details-box .past .past-list li:hover .activity-url  dl dt{color: #e1251b;}
.details-box .past .past-list li .activity-url  dl dd{width: auto;height: 22px;line-height: 22px;margin-bottom: 7px;}
.details-box .past .past-list li .activity-url  dl dd img{float: left;margin-right: 6px;}

/* 右侧同期活动 */
.details-box .alike{width: 256px;background-color: #fff;padding: 20px 16px;}
.details-box .alike .kind-title{margin-bottom: 16px;}
.details-box .alike .alike-list{width: 256px; height: auto;}
.details-box .alike .alike-list li{width: auto;margin-bottom: 16px;}
.details-box .alike .alike-list li .activity-url{display: block;width: auto;height: auto;}
.details-box .alike .alike-list li .activity-url .poster{position: relative; width: 160px;height: 124px;}
.details-box .alike .alike-list li .activity-url .poster .poster-img{width: 256px;height: 124px;overflow: hidden;}
.details-box .alike .alike-list li .activity-url .poster .poster-img img{width: 100%;height: 100%;}
.details-box .alike .alike-list li:hover .activity-url .poster .poster-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.details-box .alike .alike-list li .activity-url  dl{width: auto;height: auto;overflow: hidden;}
.details-box .alike .alike-list li .activity-url  dl dt{height: auto; color: #333;font-size: 16px;line-height: 20px;margin:5px 0 10px 0;}
.details-box .alike .alike-list li:hover .activity-url  dl dt{color: #e1251b;}
.details-box .alike .alike-list li .activity-url  dl dd{width: auto;height: 22px;line-height: 22px;margin-bottom: 4px;}
.details-box .alike .alike-list li .activity-url  dl dd img{float: left;margin-right: 6px;}


/* 报名弹窗 */
.form-enlist{width: 472px;height: auto;margin: 0 auto;padding: 20px 0 50px;}
.form-enlist .form-title{font-size: 16px;color: #333;}
.form-enlist .radio{width: auto;margin-bottom: 30px;}
.form-enlist .radio label{display: block;height: 20px;line-height: 20px;margin-top: 16px;}
.form-enlist .radio label .layui-form-radio{margin: 0;width: auto;line-height: 20px;}
.form-enlist .radio label .layui-form-radio>i{font-size: 16px;}
.form-enlist .radio label .layui-form-radioed>i,.form-enlist .radio label .layui-form-radio>i:hover{color: #e1251b ;}
.form-enlist .layui-collapse {border-width: 0;margin-bottom: 20px;}
.form-enlist .layui-collapse .layui-colla-title{display: flex;justify-content: space-between; padding: 0;background-color: initial;}
.form-enlist .layui-collapse .layui-colla-title .title-name{font-size: 16px;}
.form-enlist .layui-collapse .layui-colla-title a{color: #e1251b;font-size: 12px;}
.form-enlist .layui-collapse .layui-colla-title a.No{color: #999;}
.form-enlist .layui-collapse .layui-colla-title .layui-colla-icon{right: 0;left: initial;color: #C8C8C8;}
.form-enlist .layui-collapse .layui-colla-content{border-top-width: 0px;padding:0;padding-top: 5px;}
.form-enlist .layui-collapse .layui-colla-content .discount-l{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.form-enlist .layui-collapse .layui-colla-content .discount-l:after{width: 150px;content: "";}
.form-enlist .layui-collapse .layui-colla-content .discount-l li{position: relative;width: 148px;height: 48px;line-height: 48px;border: 1px solid #ddd;text-align: center;font-size: 12px;color: #333;cursor: pointer;margin-bottom: 20px;}
.form-enlist .layui-collapse .layui-colla-content .discount-l li.layui-this{border-color: #e1251b;}
.form-enlist .layui-collapse .layui-colla-content .discount-l li b{color: #e1251b;font-size: 16px;}
.form-enlist .layui-collapse .layui-colla-content .discount-l li img{display: none; position: absolute;right: 0;bottom: 0;}
.form-enlist .layui-collapse .layui-colla-content .discount-l li.layui-this img{display: block;}
.form-enlist .layui-form-item .layui-form-label{height: 40px;line-height: 40px;padding: 0;text-align: left;font-size: 16px;color: #333;}
.form-enlist .layui-form-item .layui-input-block{margin-left: 120px;}
.form-enlist .layui-form-item .layui-input-block .layui-input{height: 40px;padding: 0 20px;border-radius: 4px;}
.form-enlist .layui-form-item .layui-input-block .layui-form-radio{margin: 0;line-height: 20px;margin-top: 10px;color: #666;}
.form-enlist .layui-form-item .layui-input-block .layui-form-radio>i{font-size: 16px;}
.form-enlist .layui-form-item .layui-input-block .layui-form-radioed>i,.form-enlist .radio label .layui-form-radio>i:hover{color: #e1251b ;}
.form-enlist .layui-form-item .layui-input-block .layui-form-danger:focus{border-color: #e1251b !important;}
.form-enlist .layui-form-submit{width: auto;height: 40px;text-align: right;padding-left: 82px;}
.form-enlist .layui-form-submit .Total{height: 40px;line-height: 56px; font-size: 16px;color: #333;}
.form-enlist .layui-form-submit .Total span{font-size: 24px;padding-left: 10px;display: inline-block;height: 40px;line-height: 60px;}
.form-enlist .layui-form-submit .Total i{font-size: 12px;color: #999;padding-left: 10px;font-style:normal;text-decoration: line-through;}
.form-enlist .layui-form-submit .layui-btn{width: 140px; height: 40px;line-height: 40px;background-color: #e1251b;font-size: 16px;}


/* 待支付弹出层 */
.payment{position: relative; height: 580px;padding: 0 114px;}
.payment:after{position: absolute;top: 188px; left: 0px; width: 100%;height: 1px;background-color: #EBEBEB;}
.payment h2{line-height: 24px; font-size: 24px;color: #333;margin-bottom: 35px;}
.payment .message{width: auto;}
.payment .message .lee-pull-left{font-size: 16px;color: #333;}
.payment .zhif1 {margin-bottom: 50px;line-height: 16px;}
.payment .zhif1 .lee-pull-right{font-size: 16px;color: #999;}
.payment .zhif2{margin-bottom: 100px;}
.payment .zhif2 .lee-pull-right{line-height: 18px;font-size: 32px;color: #e1251b;}
.payment .zhif2 .lee-pull-right em{font-size: 22px;}
.payment .zhif3 .lee-pull-right{width: 340px; height: 260px;}
.payment .zhif3 .lee-pull-right .wx-payment-img{width: 220px;height: 220px; border: 1px solid #e1251b;margin: 30px 0 20px 10px;}
.payment .zhif3 .lee-pull-right .wx-payment-img img{width: 100%;height: 100%;}

/* 支付完成后弹出 */
.payment-complete{height: 380px;text-align: center;}
.payment-complete .complete-img{text-align: center;padding-top: 30px;margin-bottom: 60px;}
.payment-complete .complete-img p{font-size: 36px;color: #08A800;}
.payment-complete .complete-close{height: 46px;line-height: 46px; font-size: 18px;background-color: #e1251b;border-radius:4px;padding: 0 112px;}
































































.details-box{width: auto;}
/* 活动详情介绍 */
.details-box .introduce{width: 896px;}
.details-box .introduce .intr-header{position: relative;padding: 20px 30px;background-color: #fff;margin-bottom: 16px;}
.details-box .introduce .intr-header .poster{position: relative; width: 370px;height: 210px;margin-right: 20px;}
.details-box .introduce .intr-header .poster img{width: 100%;height: 100%;}
.details-box .introduce .intr-header dl{width: 446px;}
.details-box .introduce .intr-header dl h1{color: #333;font-size: 24px;line-height: 34px;margin-bottom: 22px;}
.details-box .introduce .intr-header dl dd{width: auto;height: 22px;line-height: 22px;margin-bottom: 10.5px;font-size: 16px;}
.details-box .introduce .intr-header dl dd img{float: left;margin-right: 6px;}
.details-box .introduce .intr-header .layui-btn{position: absolute;bottom: 20px;right: 30px;height: 40px;line-height: 40px;font-size: 18px;padding: 0 28px;border-radius:4px;}
.details-box .introduce .intr-header .layui-btn.loginBtn{border-color: #e1251b;color: #e1251b;background-color: #FFF7F6;}
.details-box .introduce .intr-header .layui-btn.loginBtn:hover{background-color: #e1251b;color: #fff;}
.details-box .introduce .intr-header .layui-btn.enrollBtn{border-color: #e1251b;color: #e1251b;background-color: #FFF7F6;}
.details-box .introduce .intr-header .layui-btn.enrollBtn:hover{background-color: #e1251b;color: #fff;}
.details-box .introduce .intr-header .layui-btn.completeBtn{background-color: #ccc;color: #fff;cursor: not-allowed;}
.details-box .introduce .intr-header .layui-btn.completeBtn:hover{border-color: #ccc;}

.details-box .introduce .layui-tab{width: auto;height: auto;padding:10px 30px 30px; background-color: #fff;margin-bottom: 16px;}
.details-box .introduce .layui-tab-title {height: 44px;}
.details-box .introduce .layui-tab-title .layui-this:after{height: 45px;border-bottom: 2px solid #e1251b;}
.details-box .introduce .layui-tab-title li{line-height: 44px; color: #333;font-size: 16px;padding: 0;margin-right: 40px;}
.details-box .introduce .layui-tab-brief > .layui-tab-title .layui-this{color: #333;}
.details-box .introduce .layui-tab .layui-tab-content{padding: 26px 0 0;}
.details-box .introduce .layui-tab .layui-tab-content .act-data img{max-width: 836px;}
.details-box .introduce .layui-tab .layui-tab-content .review{width: auto;height: auto;}
.details-box .introduce .layui-tab .layui-tab-content .review .layer-photos{display: flex;flex-flow: wrap;justify-content: space-between;}
.details-box .introduce .layui-tab .layui-tab-content .review .layer-photos:after{width: 266px;}
.details-box .introduce .layui-tab .layui-tab-content .review .layer-photos img{display: block;width: 266px;height: 180px;cursor: pointer;margin-bottom: 20px;}
.details-box .introduce .layui-tab .layui-tab-content .download{display: flex;flex-flow: wrap;justify-content: space-between;}
.details-box .introduce .layui-tab .layui-tab-content .download:after{width: 266px;}
.details-box .introduce .layui-tab .layui-tab-content .download li{width: 266px;height: 205px;cursor: pointer;margin-bottom: 20px;}
.details-box .introduce .layui-tab .layui-tab-content .download li img{display: block;width: 266px;height: 180px;}
.details-box .introduce .layui-tab .layui-tab-content .download li p{line-height: 14px;color: #333;margin-top: 11px;}
.details-box .introduce .layui-tab .layui-tab-content .download li:hover p{color: #e1251b;}

/* 往期活动列表 */
/* 往期活动列表 */
.details-box .past{background-color: #fff;}
.details-box .past .kind-title{padding-top: 20px;margin:0 30px;}
.details-box .past .past-list{height: auto;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.details-box .past .past-list li{float: left;width: 448px;}
.details-box .past .past-list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.details-box .past .past-list li .activity-url{position: relative;display: block;width: 388px;height: 130px; padding: 20px 30px;}
.details-box .past .past-list li .activity-url .poster{position: relative; width: 160px;height: 130px;margin-right: 14px;}
.details-box .past .past-list li .activity-url .poster .poster-img{width: 160px;height: 130px;overflow: hidden;}
.details-box .past .past-list li .activity-url .poster .poster-img img{width: 160px;height: 130px;}
.details-box .past .past-list li:hover .activity-url .poster .poster-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.details-box .past .past-list li .activity-url .poster .state{position: absolute;top: -2px;left: -2px;}
.details-box .past .past-list li .activity-url  dl{width: 214px;height: 130px;overflow: hidden;}
.details-box .past .past-list li .activity-url  dl dt{height: 36px; color: #333;font-size: 16px;line-height: 18px;margin-bottom: 14px;}
.details-box .past .past-list li:hover .activity-url  dl dt{color: #e1251b;}
.details-box .past .past-list li .activity-url  dl dd{width: auto;height: 22px;line-height: 22px;margin-bottom: 7px;}
.details-box .past .past-list li .activity-url  dl dd img{float: left;margin-right: 6px;}

/* 右侧同期活动 */
.details-box .alike{width: 256px;background-color: #fff;padding: 20px 16px;}
.details-box .alike .kind-title{margin-bottom: 16px;}
.details-box .alike .alike-list{width: 256px; height: auto;}
.details-box .alike .alike-list li{width: auto;margin-bottom: 16px;}
.details-box .alike .alike-list li .activity-url{display: block;width: auto;height: auto;}
.details-box .alike .alike-list li .activity-url .poster{position: relative; width: 160px;height: 124px;}
.details-box .alike .alike-list li .activity-url .poster .poster-img{width: 256px;height: 124px;overflow: hidden;}
.details-box .alike .alike-list li .activity-url .poster .poster-img img{width: 100%;height: 100%;}
.details-box .alike .alike-list li:hover .activity-url .poster .poster-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.details-box .alike .alike-list li .activity-url  dl{width: auto;height: auto;overflow: hidden;}
.details-box .alike .alike-list li .activity-url  dl dt{height: auto; color: #333;font-size: 16px;line-height: 20px;margin:5px 0 10px 0;}
.details-box .alike .alike-list li:hover .activity-url  dl dt{color: #e1251b;}
.details-box .alike .alike-list li .activity-url  dl dd{width: auto;height: 22px;line-height: 22px;margin-bottom: 4px;}
.details-box .alike .alike-list li .activity-url  dl dd img{float: left;margin-right: 6px;}


/* 报名弹窗 */

.form-enlist{width: 472px;max-height: 700px;margin: 0;padding: 20px 114px 50px;overflow:auto;}
.form-enlist::-webkit-scrollbar {width: 4px;height: 9px;}
.form-enlist::-webkit-scrollbar-thumb {border-radius: 5px;background: #cecdcd;}
.form-enlist::-webkit-scrollbar-track {border-radius: 0;background: rgba(234,234,234,1);}
.form-enlist .form-title{font-size: 16px;color: #333;}
.form-enlist .radio{width: auto;margin-bottom: 20px;}
.form-enlist .radio label{display: block;height: auto;line-height: 20px;margin-top: 16px;}
.form-enlist .radio label .layui-form-radio{margin: 0;width: auto;line-height: 20px;}
.form-enlist .radio label .layui-form-radio div{max-width: 364px;}
.form-enlist .radio label .layui-form-radio>i{font-size: 16px;}
.form-enlist .radio label .layui-form-radioed>i,.form-enlist .radio label .layui-form-radio>i:hover{color: #e1251b ;}
.form-enlist .layui-form-item .layui-form-label{height: 40px;line-height: 40px;padding: 0;text-align: left;font-size: 16px;color: #333;}
.form-enlist .layui-form-item .layui-input-block{margin-left: 120px;}
.form-enlist .layui-form-item .layui-input-block .layui-input{height: 40px;padding: 0 20px;border-radius: 4px;}
.form-enlist .layui-form-item .layui-input-block .layui-form-radio{margin: 0;line-height: 20px;margin-top: 10px;color: #666;}
.form-enlist .layui-form-item .layui-input-block .layui-form-radio>i{font-size: 16px;}
.form-enlist .layui-form-item .layui-input-block .layui-form-radioed>i,.form-enlist .radio label .layui-form-radio>i:hover{color: #e1251b ;}
.form-enlist .layui-form-item .layui-input-block .layui-form-danger:focus{border-color: #e1251b !important;}
.form-enlist .layui-form-submit{width: auto;height: 40px;text-align: right;padding-left: 82px;}
.form-enlist .layui-form-submit .Total{height: 40px;line-height: 56px; font-size: 16px;color: #333;}
.form-enlist .layui-form-submit .Total span{font-size: 24px;padding-left: 10px;display: inline-block;height: 40px;line-height: 60px;}
.form-enlist .layui-form-submit .Total i{font-size: 12px;color: #999;padding-left: 10px;font-style:normal;text-decoration: line-through;}
.form-enlist .layui-form-submit .layui-btn{width: 140px; height: 40px;line-height: 40px;background-color: #e1251b;font-size: 16px;}


/* 待支付弹出层 */
.payment{position: relative; height: 580px;padding: 0 114px;}
.payment:after{position: absolute;top: 188px; left: 0px; width: 100%;height: 1px;background-color: #EBEBEB;}
.payment h2{line-height: 24px; font-size: 24px;color: #333;margin-bottom: 35px;}
.payment .message{width: auto;}
.payment .message .lee-pull-left{font-size: 16px;color: #333;}
.payment .zhif1 {margin-bottom: 50px;line-height: 16px;}
.payment .zhif1 .lee-pull-right{font-size: 16px;color: #999;}
.payment .zhif2{margin-bottom: 100px;}
.payment .zhif2 .lee-pull-right{line-height: 18px;font-size: 32px;color: #e1251b;}
.payment .zhif2 .lee-pull-right em{font-size: 22px;}
.payment .zhif3 .lee-pull-right{width: 340px; height: 260px;}
.payment .zhif3 .lee-pull-right .wx-payment-img{width: 220px;height: 220px; border: 1px solid #e1251b;margin: 30px 0 20px 10px;}
.payment .zhif3 .lee-pull-right .wx-payment-img img{width: 100%;height: 100%;}

/* 支付完成后弹出 */
.payment-complete{height: 380px;text-align: center;}
.payment-complete .complete-img{text-align: center;padding-top: 30px;margin-bottom: 60px;}
.payment-complete .complete-img p{font-size: 36px;color: #08A800;}
.payment-complete .complete-close{height: 46px;line-height: 46px; font-size: 18px;background-color: #e1251b;border-radius:4px;padding: 0 112px;}