@charset "utf-8";
legend,.blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.ir{text-indent:-9999px;overflow:hidden}
button{border:0;cursor:pointer}
.topM {z-index:9999!important;}
/* layout */
html, body {margin:0;padding:0;background-color: #9849c8;}
body{padding-top: 43px!important}
#wrap{position:relative;width:100%;overflow:hidden;min-width:1200px;max-width:2560px;margin:0 auto;opacity: 0;}
#wrap .container{position:relative;width:100%;z-index: 8;margin:0 auto;}
.screen {display: none; position:fixed;left:0;top:0;width:100%;height:100%;z-index:390;}
.btn, .icon,.modal_pop .btn {display:block;background: url("img/btn-confirm.png") no-repeat;text-indent:-9999px;overflow:hidden}
.icon,.modal_pop .btn:hover {filter: brightness(1.1) drop-shadow(0 0 10px #fff)}
#TcLogin_Layer .btn {text-indent: 0}
.container .section {position: relative;width: 100%;text-align: center;z-index: 9;}

.btn_top {display: none;position: fixed;right:20px;bottom:20px; width: 70px;height: 86px;z-index: 102;background-position: 0 -128px}
.btn_top:hover {background-position: -93px -128px}

/* .lnb, .header .util {opacity: 0;} */
.bg0 {position: absolute;left:0;top:0;width: 100%;height: 100%;background:url("img/bg.jpg?v=33") no-repeat center top;}

#section1 {height: 1360px;padding-top: 1450px;}

.table {top:853px;margin-left:-1280px;width: 2560px;height: 990px;background: url('img/bg_table.png?v=2') no-repeat;}
.curtain_l {top:0;margin-left:-1280px;width: 1140px;height: 1840px;background: url('img/curtain_l.png') no-repeat;}
.curtain_r {top:0;margin-left:144px;width: 1121px;height: 1840px;background: url('img/curtain_r.png') no-repeat;}
.kedult1 {top:668px;margin-left:-480px;width: 318px;height: 306px;background-position: 0 -280px;}
.kedult2 {top:795px;margin-left:-615px;width: 282px;height: 340px;background-position: -391px -280px;}
.bg_l1 {top:169px;margin-left:-664px;width: 1674px;height: 977px;background: url('img/bz_light1.png') no-repeat;}
.bg_l2 {top:0;margin-left:-879px;width: 1890px;height: 1048px;background: url('img/bz_light2.png') no-repeat;}
.cushion {top:716px;margin-left:-319px;width: 656px;height: 335px;background-position: 0 -765px;}
.ball {position: absolute;left:50%;top:608px;margin-left:-174px;width: 350px;height: 350px;border-radius: 50%;overflow: hidden;z-index: 3;background:url("img/ball0.png") no-repeat;}
.ball span {display: block;position: absolute;}
.ball .b1 {left:-248px;top:-130px;width: 650px;height: 552px;background:url("img/ball1.png") no-repeat;}
.ball .b2 {left:-130px;top:-130px;width: 580px;height: 550px;background:url("img/ball2.png") no-repeat;}
.ball .b3 {left:0;top:0;width: 350px;height: 350px;background:url("img/ball3.png") no-repeat;}
.ball .b4 {left:0;top:0;width: 350px;height: 350px;background:url("img/ball4.png") no-repeat;}
.ball .b5 {left:-16px;top:97px;width: 650px;height: 552px;background:url("img/ball5.png") no-repeat;}
.ball .b6 {left:-2px;top:30px;width: 134px;height: 226px;background:url("img/ball6.png") no-repeat;}

.candle .c1_blur {top:-116px;left:80px;width: 201px;height: 200px;background-position: -261px 0;}
.candle .c1_wick {top:-4px;left:66px;width: 220px;height: 69px;background-position: -489px 0;}
.candle .c1_flame1 {top:-85px;left:144px;width: 66px;height: 108px;background-position: -489px -113px;}
.candle .c1_flame2 {top:-51px;left:153px;width: 42px;height: 68px;background-position: -582px -113px;}

.candle .c2_blur {top:108px;left:269px;width: 144px;height: 147px;background-position: -769px -100px;}
.candle .c2_wick {top:178px;left:285px;width: 107px;height: 39px;background-position: -769px 0;}
.candle .c2_flame1 {top:108px;left:315px;width: 50px;height: 90px;background-position: -123px -121px;}
.candle .c2_flame2 {top:135px;left:319px;width: 37px;height: 60px;background-position: -190px -121px;}

.candle .c3_blur {top:148px;left:-8px;width: 105px;height: 113px;background-position: 0 0;}
.candle .c3_flame1 {top:154px;left:28px;width: 40px;height: 71px;background-position: -123px 0;}
.candle .c3_flame2 {top:174px;left:30px;width: 32px;height: 51px;background-position: -190px 0;}

.tt {position: absolute;left:50%;display: block;background:url("img/title.png") no-repeat;z-index: 10;}
.t_l1 {left:auto;right:50%;top:79px;margin-right:-8px;width: 206px;height: 28px;background-position: right -9px;}
.t_l2 {top:79px;margin-left:-8px;width: 207px;height: 28px;background-position: 0 -9px;}
.t_l3 {left:auto;right:50%;top:165px;margin-right:-8px;width: 206px;height: 28px;background-position: right -59px;}
.t_l4 {top:165px;margin-left:-8px;width: 207px;height: 28px;background-position: 0 -59px;}
.st1 {top:115px;margin-left:-182px;width: 364px;height: 50px;background-position: -243px 0;}
.t1 {top:196px;margin-left:-231px;width: 450px;height: 185px;background-position: 0 -109px;}

.t_flip {position: absolute;left:50%;top: 355px;margin-left: -435px;width: 460px;height: 140px;z-index: 10;}

.t4 {top:0;left:0;width:480px;height:140px;background-position: -525px -109px;}
.t7 {top: 370px;margin-left: 35px;width: 340px;height: 121px;background-position: 0 -335px;}

.txt1 {top:585px;margin-left:-745px;width: 408px;height: 217px;background: url('img/txt1.png') no-repeat 0 0;}
.txt2 {top: 580px;margin-left: 240px;width: 354px;height: 88px;background: url('img/txt2.png') no-repeat 0 0;}
.slogan {top:10px;margin-left:-465px;width: 930px;height: 446px;background: url('img/slogan.png') no-repeat 0 0;}


.btn_login {width: 118px;height:44px;background: url(img/btn-login.png) no-repeat center top;top: 785px;left: 50%;margin-left: -59px;text-indent: -999em;}
.btn_login:hover {filter: drop-shadow(0 0 5px #ffe1d0) brightness(1.2) ;}
.user-bar {top:790px;left:0;z-index:9;width:100%;text-align: center;font-size:20px;font-weight: bold;color:#492370;}
.user-bar a {color:#492370;}


.card_wrap {position: relative;width: 1110px;height: 686px;margin:0 auto;z-index: 30;}
.card_wrap .card_list {perspective: 660px;perspective-origin: center;}
.card_wrap .card {position: absolute;top:0;display: block;background: url('img/card/card.png') no-repeat;  background-size: 100% 100%;width:248px;height:427px;transition: transform 0.23s ease-out;    filter: drop-shadow(2px 4px 6px black);}
.card_wrap .card button {position: absolute;left:0;top:0;display: block;width: 100%;height: 100%;text-indent: -9999px;overflow: hidden;background: none;}
.card_wrap .card.back {background: url('img/card_back.png') no-repeat;background-size: 100% 100%;}

.card_wrap .off .card::after {content: '';display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;}
.card_wrap .c1 {left:0px;}
.card_wrap .c2 {left:280px;}
.card_wrap .c3 {left:570px;}
.card_wrap .c4 {left:860px;}

.card_wrap .c5, .card_wrap .c6, .card_wrap .c7, .card_wrap .c8 {top: 445px;}
.card_wrap .c5 {left:0px;}
.card_wrap .c6 {left:280px;}
.card_wrap .c7 {left:570px;}
.card_wrap .c8 {left:860px;}

.card_wrap .btn_shuffle {position: absolute;left:40%;top:-130px;width: 100px;height: 100px;}
.card_wrap .btn_reset {position: absolute;left:56%;top:-130px;width: 100px;height: 100px;}
.card_wrap .card.hover {z-index: 40;transform: scale(1.1);}


.card_wrap .card.flip {transition:all 0.22s ease-in-out}
.card_wrap .c1.flip {transform:rotateX(-180deg) !important;}
.card_wrap .c2.flip {transform:rotateX(-180deg) !important;}
.card_wrap .c3.flip {transform:rotateX(-180deg) !important;}
.card_wrap .c4.flip {transform:rotateX(-180deg) !important;}

.card_wrap .c5.flip {transform:rotateX(39deg) translateX(45px) translateY(-10px) translateZ(-690px) rotateX(-180deg) !important;}
.card_wrap .c6.flip {transform:rotateX(39deg) translateX(12px) translateY(-10px) translateZ(-690px) rotateX(-180deg) !important;}
.card_wrap .c7.flip {transform:rotateX(39deg) translateX(-20px) translateY(-10px) translateZ(-690px) rotateX(-180deg) !important;}
.card_wrap .c8.flip {transform:rotateX(39deg) translateX(-50px) translateY(-10px) translateZ(-690px) rotateX(-180deg) !important;}

.card_wrap .hand {position: absolute;left:930px;top:570px;width: 232px;height: 193px;background: url('img/hand.png') no-repeat;z-index: 70;pointer-events:none;filter: drop-shadow(2px 2px 10px #3b297b) drop-shadow(2px 2px 10px #3b297b);}
.card_wrap .card.front {z-index: 100;}

.card_wrap .card.item {transform:rotateX(0deg)!important;}

.card_wrap .card.item1 {background: url('img/card/item1.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item1 {background: url('img/card/item1.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item2 {background: url('img/card/item2.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item3 {background: url('img/card/item3.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item4 {background: url('img/card/item4.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item5 {background: url('img/card/item5.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item6 {background: url('img/card/item6.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item7 {background: url('img/card/item7.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item8 {background: url('img/card/item8.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item9 {background: url('img/card/item9.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item10 {background: url('img/card/item10.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item11 {background: url('img/card/item11.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item12 {background: url('img/card/item12.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item13 {background: url('img/card/item13.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item14 {background: url('img/card/item14.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item15 {background: url('img/card/item15.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item16 {background: url('img/card/item16.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item17 {background: url('img/card/item17.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item18 {background: url('img/card/item18.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item19 {background: url('img/card/item19.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item20 {background: url('img/card/item20.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item21 {background: url('img/card/item21.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item22 {background: url('img/card/item22.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item23 {background: url('img/card/item23.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item24 {background: url('img/card/item24.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item25 {background: url('img/card/item25.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item26 {background: url('img/card/item26.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item27 {background: url('img/card/item27.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item28 {background: url('img/card/item28.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item29 {background: url('img/card/item29.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item30 {background: url('img/card/item30.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item31 {background: url('img/card/item31.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item32 {background: url('img/card/item32.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item33 {background: url('img/card/item33.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item34 {background: url('img/card/item34.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item35 {background: url('img/card/item35.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item36 {background: url('img/card/item36.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item37 {background: url('img/card/item37.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item38 {background: url('img/card/item38.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item39 {background: url('img/card/item39.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item40 {background: url('img/card/item40.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item41 {background: url('img/card/item41.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item42 {background: url('img/card/item42.png') no-repeat;background-size: 100% 100%;}
.card_wrap .card.item43 {background: url('img/card/item43.png') no-repeat;background-size: 100% 100%;}

.card_wrap .card.result {width: 248px;height: 427px;top: 85px  !important;left:420px !important; z-index: 1000 !important;transform:rotateX(0deg) translateZ(-0px) !important;transition:transform 0.4s cubic-bezier(0.5, 0, 0, 1), left 0.4s cubic-bezier(0.5, 0, 0, 1), top 0.3s cubic-bezier(0.5, 0, 0, 1), width 0.3s cubic-bezier(0.5, 0, 0, 1), height 0.3s cubic-bezier(0.5, 0, 0, 1);}

.card_wrap .status {position: absolute;left:737px;top: -720px;width: 410px;height: 344px;}
.card_wrap .status dd {position: absolute;left: 217px;width: 68px;font-size: 22px;overflow:hidden;color: #da0d1e;text-align: right;font-weight:bold}
.card_wrap .status .num1 {top:142px;}
.card_wrap .status .num2 {top: 174px;}
.card_wrap .status .num3 {top: 210px;}
.card_wrap .btn_record {position: absolute;left: 105px;top: 280px;width: 116px;height: 119px;background:url(img/btn-record.png) no-repeat 0 0;}
.card_wrap .btn_record:hover {filter: drop-shadow(0 0 5px #ffe1d0) drop-shadow(0 0 15px #ffe1d0) brightness(1.2) ;}
.card_wrap .btn_itemlist {position: absolute;left: 240px;top: 280px;width: 116px;height: 119px;background:url(img/btn-list.png) no-repeat 0 0;}
.card_wrap .btn_itemlist:hover {filter: drop-shadow(0 0 5px #ffe1d0) drop-shadow(0 0 15px #ffe1d0) brightness(1.2);}


.ie9 .card_wrap .card_list {perspective: none;}
.ie9 .card_wrap .card {width: 176px;height: 240px;}
.ie9 .card_wrap .c1, .ie9 .card_wrap .c2, .ie9 .card_wrap .c3, .ie9 .card_wrap .c4 {top:-40px !important;transform:rotateX(0) translateX(0px) translateY(0px) translateZ(00px);}
.ie9 .card_wrap .c1, .ie9 .card_wrap .c5 {left:210px !important;}
.ie9 .card_wrap .c2, .ie9 .card_wrap .c6 {left:400px !important;}
.ie9 .card_wrap .c3, .ie9 .card_wrap .c7 {left:590px !important;}
.ie9 .card_wrap .c4, .ie9 .card_wrap .c8 {left:780px !important;}

.ie9 .card_wrap .c5, .ie9 .card_wrap .c6, .ie9 .card_wrap .c7, .ie9 .card_wrap .c8 {top:210px !important;transform:rotateX(0) translateX(0px) translateY(0px) translateZ(00px);}

#section1 .rules {width: 1190px;height:316px;padding-top:75px;background: url(img/bg-rules.png) no-repeat center top;box-sizing: border-box;counter-reset: rule-counter;margin: 275px auto 0;}
#section1 .rules ul {width: 1010px;margin-left:40px;}
#section1 .rules li {counter-increment: rule-counter;text-align: left;font-size: 18px;line-height: 26px;color:#fff;}
#section1 .rules li::before {content: counter(rule-counter) "";display: inline-block;width: 26px;height: 26px;background: url('img/list-bg.png') no-repeat center center;margin-right: 8px;vertical-align: middle;text-align: center;line-height: 26px;color:#fff;}

#section2 {height: 1010px;background: url('img/con-2.png?v=2') no-repeat center top;}
#section3 {height: 1220px;background: url('img/con-3.png') no-repeat center top;padding-top:150px;box-sizing: border-box;}

#section3 .feature {
    width: 1160px;
    height: 907px;
    left: 50%;
    margin-left: -580px;
    z-index: 3;
}

#section3 .feature .adPic {
    width: 1160px;
    height: 907px;
    position: relative;
    z-index: 1
}

#section3 .feature .adPic li {
    width:100%;height:100%;
}


dl.coupon {position: relative;}
dl.coupon dd {line-height: 30px;margin-bottom:9px;color:#666666;font-size: 16px;}
dl.coupon dd.key {color:#ab2e02;font-size: 18px;}
dl.coupon dd.name {font-size: 18px;}
dl.coupon dd .btn_copy {display: block;width: 106px;height: 32px;margin-top:5px;background-position: -536px -128px;}
dl.coupon dd .btn_copy:hover {background-position: -536px -173px;}
dl.coupon .tmb {position: absolute;left:70px;top:0;display: block;width: 130px;height: 130px;text-indent: -9999px;overflow: hidden;}
dl.coupon .tmb span {display: block;width: 100%;height: 100%;background-position: 0 0;background-size: contain;background-repeat: no-repeat;}
dl.coupon .tmb .item1 {background-image: url('img/card/item1.png')}
dl.coupon .tmb .item2 {background-image: url('img/card/item2.png')}
dl.coupon .tmb .item3 {background-image: url('img/card/item3.png')}
dl.coupon .tmb .item4 {background-image: url('img/card/item4.png')}
dl.coupon .tmb .item5 {background-image: url('img/card/item5.png')}
dl.coupon .tmb .item6 {background-image: url('img/card/item6.png')}
dl.coupon .tmb .item7 {background-image: url('img/card/item7.png')}
dl.coupon .tmb .item8 {background-image: url('img/card/item8.png')}
dl.coupon .tmb .item9 {background-image: url('img/card/item9.png')}
dl.coupon .tmb .item10 {background-image: url('img/card/item10.png')}
dl.coupon .tmb .item11 {background-image: url('img/card/item11.png')}
dl.coupon .tmb .item12 {background-image: url('img/card/item12.png')}
dl.coupon .tmb .item13 {background-image: url('img/card/item13.png')}
dl.coupon .tmb .item14 {background-image: url('img/card/item14.png')}
dl.coupon .tmb .item15 {background-image: url('img/card/item15.png')}
dl.coupon .tmb .item16 {background-image: url('img/card/item16.png')}
dl.coupon .tmb .item17 {background-image: url('img/card/item17.png')}
dl.coupon .tmb .item18 {background-image: url('img/card/item18.png')}
dl.coupon .tmb .item19 {background-image: url('img/card/item19.png')}
dl.coupon .tmb .item20 {background-image: url('img/card/item20.png')}
dl.coupon .tmb .item21 {background-image: url('img/card/item21.png')}
dl.coupon .tmb .item22 {background-image: url('img/card/item22.png')}
dl.coupon .tmb .item23 {background-image: url('img/card/item23.png')}
dl.coupon .tmb .item24 {background-image: url('img/card/item24.png')}
dl.coupon .tmb .item25 {background-image: url('img/card/item25.png')}
dl.coupon .tmb .item26 {background-image: url('img/card/item26.png')}
dl.coupon .tmb .item27 {background-image: url('img/card/item27.png')}
dl.coupon .tmb .item28 {background-image: url('img/card/item28.png')}
dl.coupon .tmb .item29 {background-image: url('img/card/item29.png')}
dl.coupon .tmb .item30 {background-image: url('img/card/item30.png')}
dl.coupon .tmb .item31 {background-image: url('img/card/item31.png')}
dl.coupon .tmb .item32 {background-image: url('img/card/item32.png')}
dl.coupon .tmb .item33 {background-image: url('img/card/item33.png')}
dl.coupon .tmb .item34 {background-image: url('img/card/item34.png')}
dl.coupon .tmb .item35 {background-image: url('img/card/item35.png')}
dl.coupon .tmb .item36 {background-image: url('img/card/item36.png')}
dl.coupon .tmb .item37 {background-image: url('img/card/item37.png')}
dl.coupon .tmb .item38 {background-image: url('img/card/item38.png')}
dl.coupon .tmb .item39 {background-image: url('img/card/item39.png')}
dl.coupon .tmb .item40 {background-image: url('img/card/item40.png')}
dl.coupon .tmb .item41 {background-image: url('img/card/item41.png')}
dl.coupon .tmb .item42 {background-image: url('img/card/item42.png')}
dl.coupon .tmb .item43 {background-image: url('img/card/item43.png')}

/* common */
.modal_pop{display:none;position:fixed;top:0;left:0;top:0;right:0;bottom:0;width:100%;height:100%;min-width:1280px;z-index:9999999}
.modal_pop .dim{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;filter:alpha(opacity=82);opacity:0.82}
.modal_pop .modal_wrap{position:absolute;top:50%;left:50%;}
.modal_pop .modal_btn {width: 100%;text-align: center;}
.modal_pop .btn_close{position:absolute;right:8px;top:-92px;width: 68px;height: 68px;background:url("img/spr_common.png") no-repeat -454px -249px}
.modal_pop .btn_close:hover {background-position: -548px -249px;}

.layer_result .modal_wrap{width:858px;height:434px;top:50%;margin:-217px 0 0 -340px;background:url("img/pop_result.png") no-repeat;}
/* .h_s .layer_result .modal_wrap {top:120px;margin-top:0} */
.layer_result .btn_confirm {position: absolute;left: 400px;bottom: 40px;width: 209px;height: 61px;}
.layer_result .disabled {display: none;position: absolute;left:374px;bottom:77px;width: 209px;height: 61px;}
.layer_result dl.coupon {width: 100%;height: 100%;padding: 155px 0 0 400px;box-sizing: border-box;}
.layer_result dl.coupon .tmb {position: absolute;left: -80px;top: 4px;display: block;width: 248px;height: 427px;text-indent: -9999px;overflow: visible;z-index: 100;filter: drop-shadow(2px 2px 10px #3b297b) drop-shadow(2px 2px 10px #3b297b);}
.layer_result dl.coupon dd {height: 36px;color:#fff;font-size: 24px;}


.layer_list .modal_wrap{width:1154px;height: 659px;top:50%;margin:-330px 0 0 -577px;background: url("img/pop_list.png") no-repeat center 0;}
.layer_list .modal_btn {position: relative; box-sizing: border-box;z-index: 40;}
.layer_list.none .modal_btn {text-align: center;margin-top:250px;padding-right:0;}
.layer_list .btn_confirm {position: absolute;left:auto;right:55px;bottom:55px;display: inline-block;  width: 140px;height: 42px;background-position: 0 -344px;}
.layer_list .btn_confirm:hover {background-position: -151px -344px;}
.layer_list .item_list{position: relative;height: 100%;z-index: 2;width:1080px;height:495px;margin:120px auto 0;}
.layer_list .item_list ul{width:100%;overflow:hidden;}
.layer_list .item_list li{float:left;width:524px;height:159px;margin:5px 0 0 5px;padding-top: 23px;background:url("img/bg_itemlist.png") no-repeat;box-sizing: border-box;}
.layer_list .item_list .no_item{text-align: center;padding-top: 114px}
.layer_list dl.coupon {position: relative;width: 524px;padding-left: 275px;box-sizing: border-box;}
.layer_list dl.coupon dd {height:28px;line-height:28px;margin:0;color:#fff;font-size: 15px;}
.layer_list dl.coupon .tmb {left:20px;top:-3px;width: 120px;height: 120px;}
.layer_list dl.coupon .tmb span {background:url("img/card/item_list.png") no-repeat;}

.layer_list.none .modal_wrap{width:1154px;height: 359px;top:780px;margin:0 0 0 -577px;}
.layer_list.none .btn_confirm {position: static;left:auto;right:auto;bottom:auto;}
.layer_list.none .item_list {height: auto;}

.layer_list dl.coupon .tmb .item1 {background-position: 0 0;}
.layer_list dl.coupon .tmb .item2 {background-position: -120px 0;}
.layer_list dl.coupon .tmb .item3 {background-position: -240px 0;}
.layer_list dl.coupon .tmb .item4 {background-position: -360px 0;}
.layer_list dl.coupon .tmb .item5 {background-position: -480px 0;}
.layer_list dl.coupon .tmb .item6 {background-position: -600px 0;}
.layer_list dl.coupon .tmb .item7 {background-position: -720px 0;}
.layer_list dl.coupon .tmb .item8 {background-position: -840px 0;}
.layer_list dl.coupon .tmb .item9 {background-position: 0 -120px;}
.layer_list dl.coupon .tmb .item10 {background-position: -120px -120px;}
.layer_list dl.coupon .tmb .item11 {background-position: -240px -120px;}
.layer_list dl.coupon .tmb .item12 {background-position: -360px -120px;}
.layer_list dl.coupon .tmb .item13 {background-position: -480px -120px;}
.layer_list dl.coupon .tmb .item14 {background-position: -600px -120px;}
.layer_list dl.coupon .tmb .item15 {background-position: -720px -120px;}
.layer_list dl.coupon .tmb .item16 {background-position: -840px -120px;}
.layer_list dl.coupon .tmb .item17 {background-position: 0 -240px;}
.layer_list dl.coupon .tmb .item18 {background-position: -120px -240px;}
.layer_list dl.coupon .tmb .item19 {background-position: -240px -240px;}
.layer_list dl.coupon .tmb .item20 {background-position: -360px -240px;}
.layer_list dl.coupon .tmb .item21 {background-position: -480px -240px;}
.layer_list dl.coupon .tmb .item22 {background-position: -600px -240px;}
.layer_list dl.coupon .tmb .item23 {background-position: -720px -240px;}
.layer_list dl.coupon .tmb .item24 {background-position: -840px -240px;}
.layer_list dl.coupon .tmb .item25 {background-position: 0 -360px;}
.layer_list dl.coupon .tmb .item26 {background-position: -120px -360px;}
.layer_list dl.coupon .tmb .item27 {background-position: -240px -360px;}
.layer_list dl.coupon .tmb .item28 {background-position: -360px -360px;}
.layer_list dl.coupon .tmb .item29 {background-position: -480px -360px;}
.layer_list dl.coupon .tmb .item30 {background-position: -600px -360px;}
.layer_list dl.coupon .tmb .item31 {background-position: -720px -360px;}
.layer_list dl.coupon .tmb .item32 {background-position: -840px -360px;}
.layer_list dl.coupon .tmb .item33 {background-position: 0 -480px;}
.layer_list dl.coupon .tmb .item34 {background-position: -120px -480px;}
.layer_list dl.coupon .tmb .item35 {background-position: -240px -480px;}
.layer_list dl.coupon .tmb .item36 {background-position: -360px -480px;}
.layer_list dl.coupon .tmb .item37 {background-position: -480px -480px;}
.layer_list dl.coupon .tmb .item38 {background-position: -600px -480px;}
.layer_list dl.coupon .tmb .item39 {background-position: -720px -480px;}
.layer_list dl.coupon .tmb .item40 {background-position: -840px -480px;}
.layer_list dl.coupon .tmb .item41 {background-position: 0 -600px;}
.layer_list dl.coupon .tmb .item42 {background-position: -120px -600px;}
.layer_list dl.coupon .tmb .item43 {background-position: -240px -600px;}


.layer_list .pager{position: absolute;left:50px;bottom:55px; font-size:0;width: 900px;z-index: 50;}
.layer_list .pager button, .layer_list .pager span{display:inline-block;zoom:1;vertical-align:top;height:26px}
.layer_list .pager button{width:37px;height: 37px;}
.layer_list .pager .btn_first{background-position:-308px -344px;margin-right:4px}
.layer_list .pager .btn_first:hover {background-position: -479px -344px}
.layer_list .pager .btn_prev{background-position:-349px -344px;}
.layer_list .pager .btn_prev:hover {background-position:-520px -344px}
.layer_list .pager .btn_next{background-position:-390px -344px;margin:0 4px 0 0}
.layer_list .pager .btn_next:hover {background-position:-561px -344px}
.layer_list .pager .btn_last{background-position:-431px -344px}
.layer_list .pager .btn_last:hover {background-position:-602px -344px}
.layer_list .pager span{padding:5px 7px}
.layer_list .pager span a, .layer_list .pager span strong{font-size:18px;color:#fff;line-height:26px;margin:0 8px;}
.layer_list .pager span strong {color:#ffc600;border-bottom: 1px solid #ffc600;font-weight: normal}

.layer_list2 .modal_wrap{width:1154px;height: 576px;top:50%;margin:-288px 0 0 -577px;background: url("img/pop_list2.png") no-repeat center 0;}
.layer_list2 .item_list{position: relative;height: 100%;z-index: 2;width:980px;height:320px;margin:205px auto 0;}
.layer_list2 .item_list ul{width:100%;overflow:hidden;}
.layer_list2 .item_list li{width:100%;height:40px;line-height:40px;box-sizing: border-box;font-size:22px;}
.layer_list2 .item_list li dd {width:30%;float:left;box-sizing: border-box;color:#fff;}
.layer_list2 .item_list li .date {color:#f0ff00;padding-left: 130px;width: 30%;}
.layer_list2 .item_list li .name {width: 30%;text-align: center;}
.layer_list2 .item_list li .num {width: 40%;padding-left: 120px;}

/* alert */
.layer_alert .modal_wrap{width:529px;height:359px;background:url("img/pop_alert.png") no-repeat;text-align:center;margin:-200px 0 0 -265px}
.layer_alert .txt_msg{height:220px;padding-top:30px;font-size:25px;font-weight:normal;line-height:31px;color:#fff;}
.layer_alert .txt_msg .align{display: inline-block;width: 1px;height:100%;vertical-align: middle}
.layer_alert .txt_msg .msg {display: inline-block;width: 460px;padding-right: 8px;vertical-align: middle;}
.layer_alert .txt_msg .msg em {color:#ffc600}
.layer_alert .btn_confirm {display: inline-block;  width:118px;height:44px;}