.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
/*.slogan{ position:relative;height:1053px; margin-top:-112px; background:url(http://i1.cy.com/tl3d_m/cover/20180115/slogan_1221.jpg) no-repeat;}*/
.slogan{ position:relative;height:1053px; margin-top:-112px; background:url(../img/new_header.jpg) no-repeat;}
/*今日版： http://i0.cy.com/tl3d_m/main/20180321/today_header.jpg*/
.nomargin{ margin-top:0; }
.btn_video{position:absolute; right:30px; top:260px; width:116px; height:116px;}
.btn_video span{ content:' '; width:100%; height:100%; background:url(../img/btn_video.png) no-repeat; position: absolute;top: 0;left: 0;
/*background-image: url(/images/btn_video.png);*/}
.btn_video:after{ content:' '; width:100%; height:100%;background: url(../img/btn.png) no-repeat;position: absolute;top: 0;left: 0;}
.btn_video span{background-position:0px 0px;animation:turn 2s linear 0s infinite both;display: inline-block;}
.btn_video:after{background-position: 27px 27px;z-index:1;}
@keyframes turn{
	to{ transform:rotate(360deg);}
}
.video-box{width: 116px;height: 116px;display: block;}
#vbox{    display: none;position: fixed;z-index: 200;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.9);}
#video-box{    position: absolute;left: 0;right: 0;top: 50%;height: 460px;margin-top: -230px;}

.gift_btn .btn {position: absolute; left: 50%;}
.gift_btn .btn_giftbag {width: 147px; height: 110px; margin-left: -83px; top: 668px; background:url(../img/gift_btn.png) no-repeat top center;}
.gift_btn .btn_01 {width: 376px; height: 90px; margin-left: -188px; top: 806px;}
.gift_btn .btn_02 {width: 272px; height: 74px; margin-left: -136px; top: 930px;}

.gift_step {width: 640px; height: 140px; padding-top:20px; position: absolute; bottom:250px; left: 0px;}
.gift_ul1 {padding-left: 370px; margin-bottom: 30px;}
.gift_ul2 {padding-left: 200px;}
.gift_step span {position: absolute; left: 0; top: 95px; color: #333333; width: 252px; text-align: center; font-size:20px;}
.gift_step span em {color: #af690a;}
.gift_step ul li {position: relative; width: 102px; height: 102px; float: left; margin-right: 26px; }
.gift_step ul li i {position: absolute; background:url(../img/num_bg.png) no-repeat top center; width: 30px; height: 30px; right:0; top: 0; font-style: normal; text-align: center; line-height: 30px; font-size:12px; color: #963b00; font-weight: 700;}
.gift_step ul li ins {position: absolute; width: 10px; height: 12px; background:url(../img/arrow1.png) no-repeat top center; right:-20px; top: 50%; margin-top: -6px;}
.gift_step ul li b {background:url(../img/chuo.png) no-repeat top center; width: 60px; height: 31px; position: absolute; left: 50%; margin-left: -30px; bottom: 0px;}
.main_bg{background: url(../img/bg.jpg) no-repeat center 1053px;}

.slide{ position:relative; }
.events{ z-index:1; margin-top:-116px; }
.feature { padding-bottom:30px; /*background: url(http://i0.cy.com/tl3d_m/main/20190704/feature_bg.jpg) #ededed no-repeat;*/}
.slide h3{ height:76px; padding:20px 0; background:url(../img/h3.png) no-repeat center center; color:#CA9E5D; font:bold 45px/76px "Microsoft YaHei","微软雅黑"; text-align:center; }
.slide h4{ height:76px; margin-bottom:20px; background:url(../img/h4.png) no-repeat center top;color:#c0993d; font:bold 45px/76px "Microsoft YaHei","微软雅黑"; text-align:center; }
.slide_img  { position:relative; width:640px; overflow:hidden; }
.events .slide_img  { height:264px; }
.feature .slide_img  { height:530px;  }
.slide_img ul { width:10000%; height:100%; }
.slide_img ul li { float:left; width:640px; height:100%; }
.slide_img ul li img { width:100%; height:100%; }
.events_nav { position:absolute; right:30px; bottom:10px; }
.events_nav span{ float:left; margin-left:12px;width:15px;height:15px; background:#fff; border-radius:50%; }
.events_nav span.in{background:#d87548;}

.btn_next,.btn_prev{ position:absolute; top:50%; width:77px; height:77px; margin-top:-39px; border:1px solid rgba(160,94,61,0.20); }
.btn_next{ right:-3px; }
.btn_prev{ left:-3px; }
.btn_next:after,.btn_prev:after{ display:block; margin:3px; width:71px; height:71px; background-color:#d89d2d; text-align:center; font:normal 36px/71px simsun; content:""; }
.btn_next:after{ background-position:-230px -315px; }
.btn_prev:after{ background-position:-232px -228px; }

.news { padding:12px 20px; background:#ffffff; }
.news dt { height:58px;  border-bottom:2px solid #f2f2f2; font:normal 28px/56px "Microsoft YaHei","微软雅黑"; }
.news dt a{position:relative; display:inline-block; padding:0px 10px; margin-right:22px; margin-bottom:-2px; color:#3a3a3a; border-bottom:4px solid transparent; vertical-align:top; }
.news dt a.current{ font-weight:bold; color:#cc2525; border-color:#cc2525; }
.news dd{ position:relative; height:300px; padding-top:10px; font:normal 22px/50px "Microsoft YaHei","微软雅黑"; }
.news dd ul{ position:absolute; width:100%; }
.news_more{ position:absolute; right:0; top:-54px;color:#b4b4b4;}

.data{ padding:22px 0px 28px 0px; overflow:hidden;/*background-color: #ededed;*/}
.data :nth-child(1){ float:left; }
.data :nth-child(2){ float:right; }
.data img{ width:310px; height:134px; }

/*弹窗*/
.cyou_dialog {width:511px; height:600px; z-index:99999; position:relative; font-size:20px;background:url(../img/pop_bg1.png) no-repeat; color: #683e3e; display:none;}
.cyou_dialog iframe {background: none;}
.cyou_dialog .close{display:block; width:29px; height:29px; position:absolute; right:34px; top:30px; cursor:pointer; text-indent:-9999em;}

.dialog_box .box {width: 80%; margin: 0 auto;}
.dialog_box h2 {width: 80%; height: 82px; line-height: 82px; color: #442b2b; font-family:'楷体'; font-size:26px; padding-top: 30px; text-align: center;display: block;border-bottom: 1px solid #c6b3c2; margin: 0 auto 30px;}
.dialog_box h3 {color: #363636; font-size: 18px; font-weight: 700; margin: 20px 0;}
.dialog_box {width: 520px; height: 600px;}
.dialog_box .gift_box {text-align: center;}
.dialog_box .gift_box span {display: inline-block;  margin-bottom: 20px;}
#pop2 .gift_box span,#pop3 .gift_box span {margin-right: 0px; margin-top: 20px;}
#pop2 .gift_box span em,#pop3 .gift_box span em {font-size: 14px;}
.dialog_box p {font-size: 14px; color: #606060;line-height: 2; }
.dialog_box p.f18 {font-size: 18px;}
.dialog_box p strong {font-weight: bold; color: #363636; font-size:18px;}
.dialog_box p strong em {color: #d44040;font-weight: bold;}
.dialog_box p em {color: #d44040;}
.dialog_box p a {text-decoration: underline;color: #363636;}
.dialog_box table {margin-top: 12px;}
.box_scroll{
    width: 80%;
    height: 350px;
    overflow: auto;
    margin: 5px auto;
    border: none;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
   overflow-y: scroll;
   /*IE↓*/
    /*三角箭头的颜色*/
    scrollbar-arrow-color: #fc683f;
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #fc683f;
    /*滚动条整体颜色*/
    scrollbar-highlight-color: #fdc891;
    /*滚动条阴影*/
    scrollbar-shadow-color: #ccc;
    /*滚动条轨道颜色*/
    scrollbar-track-color: #fdc891;
}
.scrollbar{
    margin: 0 auto;
 
}
.box_scroll::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.box_scroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #e7cdd2;
    }
.box_scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
    
.tabs { table-layout:fixed; border-collapse:collapse; border:none; margin: 0 auto;}
.tabs td { border:none; padding:8px 0;}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }
	75% {
        transform: scaleX(1)
    }
    79% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    83%,91% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    87%,95% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-fill-mode:forwards;
    animation-iteration-count: infinite;
}

