@charset "utf-8";
/* CSS Document */

.no-scroll{height:100%;width:100%; overflow:hidden}
.animate-wrap{}
.animate-contain{position:fixed;top:0px;left:0px; width:100%;height:100%;z-index:999}
.an-btn-close{ position:absolute;right:10px;top:10px; width:60px; text-align:center; height:40px; line-height:40px; font-size:14px;color:#fff; background:#5f220a;z-index:99;padding:0 20px;border-radius:5px}

.an-left{float:left;width:50%; text-align:center; background:url("../images/cu-bg.jpg") repeat-x;height:100% ;position:relative; overflow:hidden;}
.an-leftB{ position:absolute;left:0px;width:100%; bottom:6%;height:94%}
.cup{ position:absolute;left:50%;margin-left:-86px;width:207px; text-align:center;transition: bottom 0.5s ease 0s;bottom:100%}
.cup img{}
.c-cup1{bottom:0px;z-index:99px;}
.c-cup1 .name{ position:absolute;left:19%;width:94px; height:33px;top:74px; background:url("../images/c-txt.png") no-repeat;}

.an-right{float:right;width:50%; text-align:center; background:url("../images/pu-bg.jpg") repeat-x;height:100%;position:relative; overflow:hidden;}
.an-rightB{ position:absolute;left:0px; bottom:6%;height:94%;width:100%}
.p-cup1 {bottom:0px;z-index:99px;}
.p-cup1 .name{ position:absolute;left:19%;width:94px; height:33px;top:74px; background:url("../images/p-txt.png") no-repeat}

.win{ position:absolute;left:50%;top:7%;width:280px;height:186px;margin:0px 0 0 -140px; opacity:0;}
.win img{max-width:100%}
.an-Txt{ position:absolute;left:50%;width:376px;top:50%;height:376px;margin:-135px 0 0 -188px}
.first-box{ position:absolute;left:0px;top:0px;width:100%;height:100%}
.secend-box{ position:absolute;left:0px;top:0px;width:100%;height:100%;background:url("../images/ic-dian.png") no-repeat center 60%;opacity:0}
.secend-box dl{width:50%; text-align:center;margin-top:40%}
.secend-box dl.c-num{float:left}
.secend-box dl.p-num{float:right}
.secend-box dl dt{font-size:1.125em;color:#fff;margin-bottom:0px}
.secend-box dl dd{font-size:4.25em;color:#fff;font-weight:700; font-family:Tahoma;height:80px; overflow:hidden}
.secend-box  .num-in{ position:relative}
.secend-box  .num-in p{height:100%}

.an-star .c-cup2{bottom:13px;transition: bottom 0.5s  ease-in-out 0ms; }
.an-star .c-cup3{bottom:26px;transition: bottom 0.5s  ease-in-out 150ms;}
.an-star .c-cup4{bottom:39px;transition: bottom 0.5s  ease-in-out 200ms;}
.an-star .c-cup5{bottom:52px;transition: bottom 0.5s  ease-in-out 250ms;}
.an-star .c-cup6{bottom:65px;transition: bottom 0.5s  ease-in-out  300ms;}
.an-star .c-cup7{bottom:78px;transition: bottom 0.5s  ease-in-out  350ms;}
.an-star .c-cup8{bottom:91px; transition: bottom 0.5s  ease-in-out  400ms;}
.an-star .c-cup9{bottom:104px;transition: bottom 0.5s  ease-in-out 450ms;}
.an-star .c-cup10{bottom:117px;transition: bottom 0.5s  ease-in-out 500ms;}
.an-star .c-cup11{bottom:130px;transition: bottom 0.5s  ease-in-out 550ms;}
.an-star .c-cup12{bottom:143px;transition: bottom 0.5s  ease-in-out 600ms;}
.an-star .c-cup13{bottom:156px;transition: bottom 0.5s  ease-in-out 650ms;}
.an-star .c-cup14{bottom:169px;transition: bottom 0.5s  ease-in-out 700ms;}
.an-star .c-cup15{bottom:182px;transition: bottom 0.5s  ease-in-out 750ms;}
.an-star .c-cup16{bottom:195px;transition: bottom 0.5s  ease-in-out 800ms;}
.an-star .c-cup17{bottom:208px;transition: bottom 0.5s  ease-in-out 850ms;}
.an-star .c-cup18{bottom:221px;transition: bottom 0.5s  ease-in-out 900ms;}
.an-star .c-cup19{bottom:234px;transition: bottom 0.5s  ease-in-out 950ms;}
.an-star .c-cup20{bottom:247px;transition: bottom 0.5s  ease-in-out 1000ms;}
.an-star .c-cup21{bottom:260px;transition: bottom 0.5s  ease-in-out 1050ms;}
.an-star .c-cup22{bottom:273px;transition: bottom 0.5s  ease-in-out 1100ms;}
.an-star .c-cup23{bottom:286px;transition: bottom 0.5s  ease-in-out 1150ms;}
.an-star .c-cup24{bottom:299px;transition: bottom 0.5s  ease-in-out 1200ms;}
.an-star .c-cup25{bottom:312px;transition: bottom 0.5s  ease-in-out 1250ms;}
.an-star .c-cup26{bottom:325px;transition: bottom 0.5s  ease-in-out 1300ms;}

.an-star .p-cup2{bottom:20px;transition: bottom 0.5s ease-in-out 0ms;}
.an-star .p-cup3{bottom:39px;transition: bottom 0.5s  ease-in-out 100ms;}
.an-star .p-cup4{bottom:54px;transition: bottom 0.5s  ease-in-out  150ms;}
.an-star .p-cup5{bottom:69px;transition: bottom 0.5s  ease-in-out  200ms;}
.an-star .p-cup6{bottom:83px;transition: bottom 0.5s  ease-in-out  250ms;}
.an-star .p-cup7{bottom:97px;transition: bottom 0.5s  ease-in-out  300ms;}
.an-star .p-cup8{bottom:114px;transition: bottom 0.5s  ease-in-out 350ms;}
.an-star .p-cup9{bottom:129px;transition: bottom 0.5s  ease-in-out  400ms;}
.an-star .p-cup10{bottom:144px;transition: bottom 0.5s  ease-in-out 450ms;}
.an-star .p-cup11{bottom:159px;transition: bottom 0.5s  ease-in-out  500ms;}
.an-star .p-cup12{bottom:174px;transition: bottom 0.5s  ease-in-out 550ms;}
.an-star .p-cup13{bottom:188px;transition: bottom 0.5s  ease-in-out  600ms;}
.an-star .p-cup14{bottom:204px;transition: bottom 0.5s  ease-in-out  650ms;}
.an-star .p-cup15{bottom:219px;transition: bottom 0.5s  ease-in-out  700ms;}
.an-star .p-cup16{bottom:233px;transition: bottom 0.5s  ease-in-out  750ms;}
.an-star .p-cup17{bottom:248px;transition: bottom 0.5s  ease-in-out  800ms;}
.an-star .p-cup18{bottom:264px;transition: bottom 0.5s  ease-in-out  850ms;}
.an-star .p-cup19{bottom:278px;transition: bottom 0.5s  ease-in-out  900ms;}
.an-star .p-cup20{bottom:294px;transition: bottom 0.5s  ease-in-out  950ms;}
.an-star .p-cup21{bottom:309px;transition: bottom 0.5s  ease-in-out  1000ms;}
.an-star .p-cup22{bottom:324px;transition: bottom 0.5s  ease-in-out  1050ms;}
.an-star .p-cup23{bottom:342px;transition: bottom 0.5s  ease-in-out  1100ms;}
.an-star .p-cup24{bottom:357px; transition: bottom 0.5s  ease-in-out  1150ms;}
.an-star .p-cup25{bottom:364px; transition: bottom 0.5s  ease-in-out  1200ms;}
.an-star .p-cup26{bottom:378px; transition: bottom 0.5s  ease-in-out  1250ms;}

.an-star .first-box{ opacity:0;transition: opacity 0.3s ease-in-out 2.3s;}
/*.an-star .secend-box {animation: 1.5s ease 1.5s normal none 1 running show_box; }

@keyframes show_box {
    0% {
        opacity:1;
    }
    80% {
        opacity:1;
    }
    100% {
       opacity:0;
    }
}*/
.an-star .an-left{width:70%;transition: width 0.3s ease 2.5s;} 
.an-star .an-right{width:30%;transition: width 0.3s ease 2.5s;} 
.an-star .win{opacity:1;transition: opacity 0.3s ease-in-out 2.5s;}

.lastB{background:url("../images/cu-bg.jpg") repeat-x;padding-top:180px}
.d-left{float:left;width:50%}
.d-right{float:left;width:50%;}
.d-right h2{font-size:4.5em;color:#fff;margin-bottom:15px}
.d-right p{font-size:0.875em; line-height:22px; color:#fff}
.d-right .adv{border-top:1px solid #839087;margin-top:20px;padding-top:20px}
.adv dl{color:#fff;margin-bottom:10px}
.adv dl dt{font-size:1.5em; padding-left:50px; margin-bottom:8px;}
.adv dl dd{font-size:.875em; line-height:22px;padding-left:50px}
.adv dl.dl1 dt{background:url("../images/ic-stand.png") no-repeat left center;}
.adv dl.dl2 dt{background:url("../images/ic-user.png") no-repeat left center;}
.btn{margin-top:40px}
.btn a{display:inline-block; background:#3a2f26;border-radius:5px; height:50px; line-height:50px;color:#fff;font-size:1.25em;padding:0 40px;}

@media screen and (max-width:1366px)
{   .win{top:4%;}
    .win img{max-width:85%}
 }
@media screen and (max-width:1280px) 
{
   .an-Txt{width:300px;height:300px;margin:-150px 0 0 -150px}
   .an-Txt img{max-width:100%}
   .win img{max-width:56%}
}

@media screen and (max-width:1024px) 
{
   .an-Txt{width:260px;height:260px;margin:-130px 0 0 -130px}
   .an-Txt img{max-width:100%}
}
@media screen and (max-width:768px) 
{
    .an-Txt{width:200px;height:200px;margin:-100px 0 0 -100px}
 }
 @media screen and (max-width:414px) 
{
    .an-Txt{width:90px;height:90px;margin:-45px 0 0 -45px}
    .cup img{max-width:60%}
    .c-cup1 .name{ position:absolute;left:0%;width:100%; height:33px;top:54px; background:url("../images/c-txt.png") no-repeat center 0;background-size:50px;margin-left:-10px}
    .p-cup1 .name{ position:absolute;left:0%;width:100%; height:33px;top:54px; background:url("../images/p-txt.png") no-repeat center 0;background-size:50px;margin-left:-10px}
    .win{ position:absolute;left:50%;top:20%;width:150px;margin:0px 0 0 -75px; opacity:0;}
   .win img{max-width:100%}
 }