.main-promo { position: relative; padding: 20px; width: 1200px; margin: 0 auto; }
.main-promo td, .main-promo th { border-style: solid; }
.main-promo .switch_promo { position: absolute; width: 60px; height: 186px; background: #0bc494; border-radius: 30px; right: -80px; top: 20px; padding: 3px; }
.main-promo .switch_promo .promo_link { display: block; height: 90px; border-radius: 27px; text-align: center; color: #fff; padding: 8px 10px; line-height: 20px; }
.main-promo .switch_promo .promo_link i { display: block; margin: 0 auto; }
.main-promo .switch_promo .promo_link i.icon_lis { width: 28px; height: 19px; background-repeat: no-repeat; margin: 5px auto 7px; }
.main-promo .switch_promo .promo_link i.icon_net { width: 26px; height: 26px; background-repeat: no-repeat; margin: 3px auto 4px; }
.main-promo .switch_promo .promo_link.cur { background: #fff; color: #0bc494; }
.main-promo a { text-decoration: none; }
.main-promo.theme-black { background: #111; }
.main-promo.theme-black .promo-top-bar { background: #2e2e2e; }
.main-promo.theme-black .promo-top-bar > ul li a { color: #a1a1a1; }
.main-promo.theme-black .promo-top-bar > ul li:hover { background: #373737; }
.main-promo.theme-black .promo-top-bar > ul li.active { background: #1e9fff; }
.main-promo.theme-black .promo-top-bar > ul li.active a { color: #fff; }
.main-promo.theme-black .promo-top-bar > ul li.active:after { border-top: 5px solid #1e9fff; }
.main-promo.theme-black .promo-top-bar .search-bar .input-wrap { background: #252525; border: 1px solid #5c5c5c; }
.main-promo.theme-black .promo-top-bar .search-bar .input-wrap input { color: #fff; }
.main-promo.theme-black .promo-top-bar .search-bar .input-wrap .icon-search { background: no-repeat; }
.main-promo.theme-black .promo-top-bar .search-bar .btn-search { background: #1ac07e; border: 1px solid #12ad63; }
.main-promo.theme-black .list-type1 .promo-item { background: #1f1f1f; border: 1px solid #313131; }
.main-promo.theme-black .list-type1 .promo-item .shadow { background: rgba(255, 255, 255, 0.8); }
.main-promo.theme-black .list-type1 .promo-item .shadow .btn-txt { color: #333; }
.main-promo.theme-black .list-type1 .promo-item .btn-detail { color: #333; border-color: #8d8c8d; }
.main-promo.theme-black .list-type2 .list_type2_item_tit { color: #fff; }
.main-promo.theme-black .list-type2 .promo-item { background: #1f1f1f; border: 1px solid #313131; }
.main-promo.theme-black .list-type2 .promo-item .shadow .btn-detail { color: #fff; }
.main-promo.theme-black .list-type2 .promo-item .shadow .btn-txt { color: #fff;display: none; }/* 暂时隐藏活动无需申请*/
.main-promo.theme-black .list-type2 .promo-item .promo-detail { background: #313131; }
.main-promo.theme-black .list-type2 .promo-item .promo-detail .tit { color: #d6d6d6; border-bottom: 1px solid #404040; }
.main-promo.theme-black .list-type2 .promo-item .promo-detail .content { color: #a1a1a1; }
.main-promo.theme-black .list-type2 .promo-item .promo-detail .content img{max-width: 100%;}
.main-promo.theme-white { background: #fff; }
.main-promo.theme-white .promo-top-bar { background: #f2f2f2; border: 1px solid #ddd; }
.main-promo.theme-white .promo-top-bar > ul li a { color: #a1a1a1; }
.main-promo.theme-white .promo-top-bar > ul li:hover { background: #e3e3e3; }
.main-promo.theme-white .promo-top-bar > ul li.active { background: #1e9fff; }
.main-promo.theme-white .promo-top-bar > ul li.active a { color: #fff; }
.main-promo.theme-white .promo-top-bar > ul li.active:after { border-top: 5px solid #1e9fff; }
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap { background: #fff; border: 1px solid #c7c7c7; }
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap input { color: #333; }
.main-promo.theme-white .promo-top-bar .search-bar .input-wrap .icon-search { background: no-repeat; }
.main-promo.theme-white .promo-top-bar .search-bar .btn-search { background: #1ac07e; border: 1px solid #12ad63; }
.main-promo.theme-white .list-type1 .promo-item { background: #fff; border: 1px solid #ddd; }
.main-promo.theme-white .list-type1 .promo-item .shadow { background: rgba(0, 0, 0, 0.85); }
.main-promo.theme-white .list-type1 .promo-item .shadow .btn-txt { color: #1e9fff; }
.main-promo.theme-white .list-type1 .promo-item .btn-detail { color: #fff; }
.main-promo.theme-white .list-type2 .list_type2_item_tit { color: #333; }
.main-promo.theme-white .list-type2 .promo-item { background: #fff; border: 1px solid #ddd; }
.main-promo.theme-white .list-type2 .promo-item .shadow .btn-detail { color: #666; }
.main-promo.theme-white .list-type2 .promo-item .shadow .btn-txt { color: #fff; display: none}/* 暂时隐藏活动无需申请*/
.main-promo.theme-white .list-type2 .promo-item .promo-detail { background: #fff; }
.main-promo.theme-white .list-type2 .promo-item .promo-detail .tit { color: #333; border-bottom: 1px solid #ebebeb; }
.main-promo.theme-white .list-type2 .promo-item .promo-detail .content { color: #666; }
.main-promo.theme-white .list-type2 .promo-item .promo-detail .content img{max-width: 100%;}
.main-promo .promo-top-bar { position: relative; padding-right: 250px; font-size: 14px; margin-bottom: 18px; }
.main-promo .promo-top-bar > ul { margin: 0; padding: 4px; height: 100%; }
.main-promo .promo-top-bar > ul li { display: inline-block; height: 100%; line-height: 42px; border-radius: 2px; padding: 0 10px; position: relative; margin-bottom: 4px; }
.main-promo .promo-top-bar > ul li a { text-decoration: none; }
.main-promo .promo-top-bar > ul li.active:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; }
.main-promo .promo-top-bar .search-bar { position: absolute; top: 9px; left: auto; right: 10px; }
.main-promo .promo-top-bar .search-bar .input-wrap { display: inline-block; width: 150px; height: 30px; border-radius: 4px; padding-right: 24px; position: relative; }
.main-promo .promo-top-bar .search-bar .input-wrap input { -webkit-appearance: none; outline: 0; width: 100%; height: 100%; background: transparent; padding: 0 10px; border: 0; }
.main-promo .promo-top-bar .search-bar .input-wrap .icon-search { width: 18px; height: 18px; position: absolute; right: 4px; top: 50%; margin-top: -9px; }
.main-promo .promo-top-bar .search-bar .btn-search { display: inline-block; width: 80px; height: 32px; text-align: center; line-height: 30px; border-radius: 4px; font-size: 14px; color: #fff; text-decoration: none; }
.main-promo .list-type1 .row { margin: 0 -8px; }
.main-promo .list-type1 .row .col-3-1 { padding: 0 8px; }
.main-promo .list-type1 .promo-item { padding: 3px; position: relative; margin-bottom: 22px; }
.main-promo .list-type1 .promo-item img { width: 100%; height: 262px; }
.main-promo .list-type1 .promo-item .promo-status { width: auto; height: 26px; font-size: 14px; color: #fff; border-top-left-radius: 13px; border-bottom-left-radius: 13px; padding:0 5px 0 31px; position: absolute; top: 14px; right: 0; line-height: 26px; text-align: center;min-width: 92px; }
.main-promo .list-type1 .promo-item .promo-status .icon-clock { display: inline-block; width: 22px; height: 22px; position: absolute; left: 2px; top: 2px; }
.main-promo .list-type1 .promo-item .promo-status.processing { background: #1ac07e; }
.main-promo .list-type1 .promo-item .promo-status.over { background: #b2b2b2; }
.main-promo .list-type1 .promo-item .promo-status.noyet { background: #f4c22b; }
.main-promo .list-type1 .promo-item .shadow { height: 262px; position: absolute; bottom: 3px; left: 3px; right: 3px; transition: all 0.3s; cursor: pointer; opacity: 0; }
.main-promo .list-type1 .promo-item .shadow .btn-apply { min-width: 100px; height: 34px; padding: 0 5px; text-align: center; line-height: 34px; background: #1e9fff; color: #fff; font-size: 14px; position: absolute; bottom: 15px; left: 50%; margin-left: -50px; border-radius: 6px; cursor: pointer; }
.main-promo .list-type1 .promo-item .shadow .btn-txt { position: absolute; left: 0; right: 0; text-align: center; bottom: 22px; }
.main-promo .list-type1 .promo-item .btn-detail { display: none; height: 38px; position: absolute; top: 50%; margin-top: -18px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; line-height: 36px; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; left: 30px; right: 30px; }
.main-promo .list-type1 .promo-item .promo-detail { display: none; }
.main-promo .list-type1 .promo-item:hover .btn-detail { display: block; }
.main-promo .list-type1 .promo-item:hover .shadow { opacity: 1; }
.main-promo .list-type2 .row { margin: 0 -8px; }
.main-promo .list-type2 .row .col-3-1 { width: 100%; }
.main-promo .list-type2 .list_type2_item_tit { margin-bottom: 6px; min-height: 28px; line-height: 28px; font-size: 20px; border-left: 4px solid #1e9fff; padding-left: 12px; }
.main-promo .list-type2 .promo-item { padding: 3px; position: relative; margin-bottom: 22px; }
.main-promo .list-type2 .promo-item .home_pic{overflow: hidden;position: relative}
.main-promo .list-type2 .promo-item .home_pic img {width: 100%; min-height: 130px; max-height: 400px; cursor: pointer;}
.main-promo .list-type2 .promo-item .home_pic .shadow{ width: 226px; height: 100%;position: absolute;right: 0;top: 0;opacity: 0;transition: opacity 1s ease;}
.main-promo .list-type2 .promo-item:hover .home_pic .shadow {opacity: 1;transition: opacity 1s ease;}
.main-promo .list-type2 .promo-item .promo-status { min-width: 92px; height: 26px; font-size: 14px; color: #fff; border-top-left-radius: 13px; border-bottom-left-radius: 13px; padding: 0 5px 0 31px; position: absolute; z-index: 2; top: 14px; right: 0; line-height: 26px; text-align: center; }
.main-promo .list-type2 .promo-item .promo-status .icon-clock { display: inline-block; width: 22px; height: 22px; position: absolute; left: 2px; top: 2px; }
.main-promo .list-type2 .promo-item .promo-status .icon-clock { display: inline-block; width: 22px; height: 22px; position: absolute; left: 2px; top: 2px; }
.main-promo .list-type2 .promo-item .promo-status .icon-clock { display: inline-block; width: 22px; height: 22px; position: absolute; left: 2px; top: 2px; }
.main-promo .list-type2 .promo-item .promo-status.processing { background: #1ac07e; }
.main-promo .list-type2 .promo-item .promo-status.over { background: #b2b2b2; }
.main-promo .list-type2 .promo-item .promo-status.noyet { background: #f4c22b; }
.main-promo .list-type2 .promo-item .shadow .btn-apply { min-width: 100px; height: 34px; padding: 0 5px; text-align: center; line-height: 34px; background: #1e9fff; color: #fff; font-size: 14px; position: absolute; right: 22px; top: 50%; margin-top: -17px; border-radius: 6px; cursor: pointer; }
.main-promo .list-type2 .promo-item .shadow .btn-detail { display: block; width: 86px; height: 22px; position: absolute; right: 30px; bottom: 36px; padding-left: 30px; }
.main-promo .list-type2 .promo-item .shadow .btn-detail .icon-detail { width: 19px; height: 14px; display: inline-block; position: absolute; left: 6px; top: 4px; }
.main-promo .list-type2 .promo-item .shadow .btn-detail.open .icon-detail { width: 12px; height: 14px; }
.main-promo .list-type2 .promo-item .shadow .btn-txt { position: absolute; right: 20px; text-align: center; z-index: 2; top: 50%; margin-top: -10px; }
.main-promo .list-type2 .promo-item .promo-detail { margin: 3px -3px -3px; padding: 30px 26px; display: none; }
.main-promo .list-type2 .promo-item .promo-detail .tit { font-size: 22px; padding-bottom: 30px; margin-bottom: 26px; }
.main-promo .list-type2 .promo-item .promo-detail .advertisingImg {max-width: 100%;margin-bottom: 20px;}
.main-promo .list-type2 .promo-item .promo-detail .content { font-size: 14px; }
.main-promo .list-type2 .promo-item .promo-detail .content p { margin-bottom: 22px;}
.main-promo .list-type2 .promo-item .promo-detail .content p:last-child { margin-bottom: 0; }
.main-promo .no-result { font-size: 24px; text-align: center; color: #666; padding: 50px 10px; }
.layui-layer.promo_detail .layui-layer-content .promo-content .advertisingImg {max-width: 100%;margin-bottom: 20px;}

/*区分列表和网格的一些元素显示*/
.main-promo .list-type1 .display_type1 { display: block; }
.main-promo .list-type1 .display_type2 { display: none; }
.main-promo .list-type2 .display_type1 { display: none; }
.main-promo .list-type2 .display_type2 { display: block; }