@charset 'utf-8';
.btn_video i,.btn_video a,.fixed .small .wx dt,.fixed .small a{background-repeat:no-repeat; background-image:url(../../../i1.cy.com/tl3d/main/20190703/sprite_main.png);}
.fixed .big .big_top,.fixed .big .big_bottom,.fixed .big dl dt span,.public div a ins,.slide ul li a ins,.station a ins,.roles dt span,.button a,.station a{background-repeat:no-repeat; background-image:url(../images/main_icon.png);}
.btn_01,.btn_01:hover,.btn_giftbag,.btn_02,.btn_02:hover,.gift_btn {background:url(../../../i1.cy.com/tl3d/main/20180918/sp.png) no-repeat;}
/*body{ background:#eae9ef url(/home/images/bg_main.jpg) no-repeat center top;}
.bot {background: url(/home/images/bot.jpg) no-repeat center bottom; }
.header { position:relative; height:662px; background:url(/home/images/header_main.jpg) no-repeat;}*/
body{ background: #EDEDED url(../images/bg.png) no-repeat center top;}
.header { position:relative; height:649px;}
/* .header .title{ position: absolute;width: 1005px;height: 85px;background: url(//i0.cy.com/tl3d/pic/2021/1214/slogan.png) no-repeat center;top: 390px;left: 0;z-index: -1;} */
/*今日版：http://i1.cy.com/tl3d/main/20180321/header_today.jpg*/

.btn_video{ width:230px; height:130px;top:487px; right:282px; /*border-radius:50%; */overflow:hidden;}
.btn_video i{width:230px; height:130px;background-position: 0px -649px;}
.btn_video a{width:34px;height:41px;margin: -18px 58px 0px -23px;background-position:-298px -748px;z-index: 10;}

/**fy**/
.btn_video span{overflow: hidden;display:block;position:absolute; left:46px; top:10px; width:112px; height:110px;z-index: 1;text-indent: -9999em;}
.btn_video span:after{background: #e5c8cc;content: "";height: 200px;left: -75px;opacity: .1;position: absolute;top: -50px;width: 50px;z-index: 10;/*opacity: 1;*/
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn_video span:hover:after {left: 120%;
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn_01 {width: 460px; height: 143px; position: absolute; background-position: 0 -831px; top: 660px; left: 50%; margin-left: -310px;}
.btn_01:hover {background-position: 0 -992px;}
.btn_giftbag {width: 150px; height: 110px; position: absolute; background-position: 0 -698px; top: 688px; left: 0; }

/**fy**/


.gift_step {background:url(../../../i1.cy.com/tl3d/main/20180918/gift_step.jpg) no-repeat top center; width: 675px; height: 120px; padding-left: 325px; padding-top:20px; position: relative;}
.gift_step span {position: absolute; left: 0; top: 104px; color: #fff; width: 210px; text-align: center;}
.gift_step span em {color: #fad76c;}
.gift_step ul li {position: relative; width: 102px; height: 102px; float: left; margin-right: 26px; }
.gift_step ul li i {position: absolute; background:url(../../../i1.cy.com/tl3d/main/20180905/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(../../../i1.cy.com/tl3d/main/20180918/arrow.png) no-repeat top center; right:-22px; top: 50%; margin-top: -6px;}
.gift_step ul li b {background:url(../../../i1.cy.com/tl3d/main/20180905/chuo.png) no-repeat top center; width: 60px; height: 31px; position: absolute; left: 50%; margin-left: -30px; bottom: 0px;}

/*邀请好礼*/
.cont_invite {position:relative; width:1000px; height:609px; margin: 0 auto; background:url(../../../i1.cy.com/tl3d/main/20180918/cont_invite.jpg) no-repeat top center; padding-top: 130px;}
.cont_invite p {color: #5c5c5c; line-height: 1.8; font-size: 16px;}
.cont_invite p em {color: #f39570;}
.cont_invite p span {color: #a60c00;}
.btn_02 {width: 331px; height: 168px; position: absolute;background-position: 0 0; bottom: 10px; left: 50%; margin-left: -165px;}
.btn_02:hover {background-position: 0 -168px;}
.gift_btn {width: 147px; height: 43px; position: absolute; top: 43px;}
.gift_btn01 {right:320px; background-position: 0 -391px;}
.gift_btn02 {right:160px; background-position: 0 -479px;}
.gift_btn03 {right:0; background-position: 0 -567px;}
.gift_btn01:hover {right:320px; background-position: 0 -435px;}
.gift_btn02:hover {right:160px; background-position: 0 -523px;}
.gift_btn03:hover {right:0; background-position: 0 -611px;}


.down{ top:454px; left:0; }
.content{height: 1291px; }/*http://i1.cy.com/tl3d/main/20171031
*/
.station{ float:left; width:98px; }
.station a{display:block;height:116px;padding-top:18px;background-position:right top;}
.station a.data{ margin-top:10px; }
.station a ins{ display:block; margin:0 auto; width:42px; height:40px; }
.station a.strategy ins{background-position: 0 -2px;}
.station a.data ins{background-position: 0 -76px;}
.station a strong{ display:block; padding:8px 0px; text-align:center; font-size:16px; color:#7a4f0d; }
.station a span{display:block;margin:0 auto;width:83px;height:22px;text-align:center;font-size:12px;line-height:23px;background: #aa6b09;color: #fff;}
.station a:hover span{background: #e8b462;}

.banner {float:left; position:relative; width:460px; height:278px; margin-left:10px; }
.banner dt { position:absolute; bottom:17px; right:19px; z-index:10;}
.banner dt span {float:left; width:14px; height:14px; text-indent:-9999px; overflow:hidden; margin:0 3px; border-radius:7px; background:#454441; cursor:pointer; }
.banner dt span.current {width:25px;background: #cc2525;}
.banner dd { position:relative; height:100%;  }
.banner dd a { position:absolute;width:100%; height:100%; }
.banner dd a img {width:100%; height:100%; }

.news {float:right; width:420px; height:278px; overflow:hidden; background:#ffffff; }
.news dt {
    height: 48px;
    font: normal 16px/48px "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
    border-bottom: 3px solid #e5e5e5;
}

.news dt span{float:left; width:100px; text-align:center; color:#5c5c5c;cursor:pointer; }
.news dt span.current{position:relative;margin-bottom:-3px;color: #cc2525;border-bottom: 3px solid #cc2525;}
.news dt a{ float:right; margin:16px 16px 0px 0px; color:#f39570; font:normal 12px/18px Arial; text-transform:uppercase; }
.news dt a font{ display:inline-block; vertical-align:middle; margin-right:5px; color:#ad844c; font-size:16px; }
.news dd h3{ padding-top:8px; text-align:center;width:95%; margin:0 auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news dd h3 a{ color:#cc2525; font-size:20px; }
.news dd a:hover{color: #eec58d;}
.news dd ul{ position:relative; height:180px; overflow:hidden;}
.news dd ul li{ position:absolute; width:100%; }
.news dd ul li h4{ height:30px; line-height:30px; padding:0px 12px 0px 8px; overflow:hidden; }
.news dd ul li h4 em{float:left;width:58px; height:18px; text-align:center; color:#f39570; }
.news dd ul li h4 strong{float:left; width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news dd ul li h4 strong a{ color:#8c8c8c; }
.news dd ul li h4 strong a.impnews{ color:#ff0000; font-weight:bold; }
.news dd ul li h4 span{float:right;color:#f39570; }
.line1{ height:30px; overflow:hidden; }
.line2{ height:260px; overflow:hidden; }

.roles { float:left; position:relative; width:1000px; height:463px; padding-top:7px; }
.roles dt { position:absolute; width: 200px; height:300px; top:89px; left:20px; z-index:10; overflow:hidden; }
.roles dt .list_scoll{position: absolute; top: 0; left: 0;}
.roles dt span {display:block;padding-left:32px;height:28px;cursor:pointer;background-position: 0 -308px;color:#676767;}
.roles dt span.current {background-position: 0 -276px;color:#cc2525;}
.roles dd { position:relative; height:100%;  }
.roles dd a { position:absolute; bottom:0; width:100%; height:100%; }
.roles dd a img {width:100%; height:100%; }
.roles dd a span {display: block; width: 34px; height: 34px; background: url(../images/roles_tab.png) no-repeat right 0; color: #89489f; text-align: center; line-height: 34px; position: absolute; left: 320px; bottom:50px;}
.roles dd a span.cur {background-position: 0 0; color: #fff;}
.roles dd a span.mf_f {left: 354px;}
.roles dd a.a_dl span {background-position: right -37px; color: #607d29;}
.roles dd a.a_dl span.cur {background-position: 0 -37px; color: #fff;}
.roles dd.arperv,.roles dd.arnext{position: absolute;z-index:20;width: 20px;height:20px;left: 33px;background: url(../images/main_icon.png) no-repeat;}
.roles dd.arperv{top: 30px;background-position: -69px -127px;}
.roles dd.arnext{bottom: 1px;background-position: -3px -354px;}

.public {float:right;width:240px;height:340px;margin-top:30px;background: #ffd773;}
.public dl{text-align:center;border-bottom: 1px solid #c2907b;}
.public dl dt { padding:20px 0px 7px 0px; line-height:20px; }
.public dl dt span{ display:inline-block; position:relative; padding:0px 15px 0 6px; background:url(../images/wx_bg.png) no-repeat 0 center; height:24px;line-height: 24px; color:#fff; }
.public dl dt span ins{ }
.public dl dt strong{ display:inline-block; margin-left:8px; color: #AA6B09; }
.public dl dd{ padding-bottom:15px; border-bottom:1px solid #944e09; }
.public dl dd img{ width:165px; height:165px; }
.public dl dd p{ padding-top:9px; color: #AA6B09;}
.public div a {float:left;position:relative;width:33%;padding-top:52px;height:25px;border-bottom: 4px solid #dc9d3b;font-size:12px;color:#AA6B09;text-align:center;}
.public div a.qq{width: 34%;;}
.public div a:hover {border-color: #88570b;}
.public div a ins { position:absolute; left:50%; top:11px; margin-left:-20px; width:40px; height:40px; }
.public div a.sina ins { background-position:-64px -170px; }
.public div a.tieba ins { background-position:-64px -210px; }
.public div a.bbs ins { background-position:-64px -250px; }
.public div a.qq ins { background-position:-64px -290px; }
.public div a.qq strong {display:none;position:absolute;top:76px;right:-50px; width: 120px; padding:5px 10px;background: #88570b;color: #fff;}
.public div a.qq:hover strong { display:block; }
.public div a.qq strong font {position:absolute;top:-10px;right:72px;width:0;height:0;border:5px solid;border-color: transparent transparent #bf791e transparent;}

.picture{ margin-top:20px; height:405px; overflow:hidden; background:#2e2b32; }
.picture dt {
    height: 53px;
    font: normal 16px/53px "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
    border-bottom: 1px solid #b1b1b1;
}
.picture dt span{ float:left; width:114px; text-align:center; color:#f5f5f5; cursor:pointer; }
.picture dt span.current{position:relative; color: #FFD773;border-bottom: 3px solid #FFD773;font-weight: bold;}

.tips{position: absolute; bottom: 0; width: 100%; list-style: none; background-color: rgba(0,0,0,0.5); text-align: center; font-size: 14px; color: #fff;}

.box { position:relative; width:100%; margin-top:53px; }
.slide { width:864px; height:254px; overflow:hidden; margin:0 auto; }
.slide ul li { float:left; width:864px;}
.slide ul li a { position:relative; float:left; width:206px; height:122px; margin:0 5px 10px 5px; cursor:pointer;overflow: hidden;}
.slide ul li a.big { width:422px; height:254px;}
.slide ul li a img { width:100%; height:100%; }
.slide ul li a ins {position:absolute;left:50%;top:50%;margin:-22px 0px 0px -17px;width:40px;height:40px;background-position: -370px -718px;}
.slide ul li a:hover span {animation:showUp .5s linear forwards;}

.slide ul li a span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    color: #fff;
    font: normal 14px/24px "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
    text-align: center;
    background: #000;
    filter: Alpha(opacity=65);
    opacity: 0.65;
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
}

.slide ul li a.big span {
    height: 36px;
    font: normal 14px/36px "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
    -webkit-transform: translateY(36px);
    transform: translateY(36px);
}


.slide ul li a.big:hover span {animation:showUp .5s linear forwards;}
.triggers { display:none; }
.button a { position:absolute; width:17px; height:28px; top:50%; margin-top:-14px; cursor:pointer;}
.button a.prev {left:28px;background-position: -1px -212px;}
.button a.next {right:28px;background-position: -1px -241px;}

.fixed { color:#3a3838;}
/*.fixed .show_small{background-color: #ad844c;}
.fixed .big dl dt strong{color: #ad854a;}
.fixed .small .wx dt {background-color: #d62f47;}
.fixed .small .wx.current dt {background-color: #e13b59;}
.fixed .small .wx dd p strong{ color:#aa763f; }
.fixed .small a{ background-color:#e13b59; }
.fixed .small a.sina{background-color: #c02f44;}
.fixed .small a.baidu{background-color: #a3283a;}
.fixed .small a:hover{background-color: #d03b56;}*/

@-webkit-keyframes showUp{
	to{ transform:translateY(0px);}
}
@keyframes showUp{
	to{ transform:translateY(0px);}
}


/*弹窗*/
.cyou_dialog {width:511px; height:600px; z-index:99999; position:relative; font-size:20px; background:url(../../../i0.cy.com/tl3d/main/20180906/pop_bg.png) no-repeat; color: #683e3e; display:none;}
.cyou_dialog .close{display:block; width:29px; height:29px; position:absolute; right:34px; top:30px; cursor:pointer; text-indent:-9999em;}
.dialog_box .box_inn {width: 80%; margin: 0 auto;}
.dialog_box h2 {
    width: 80%;
    height: 82px;
    line-height: 82px;
    color: #442b2b;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
    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; margin: 0 auto; height: 600px; }
.dialog_box .gift_box {text-align: center;}
.dialog_box .gift_box span {display: inline-block; margin-right: 10px; margin-bottom: 20px; width: 120px;}
.dialog_box .gift_box span em {font-size:14px;}
#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;
}
.none{ display: none;}
.down{ left:0; top:454px;width:690px;height:180px; position: relative;}
.down dt{float:left;padding:9px 0 0 15px;width:137px;text-align:center}
.down dt span{display:block;color:black;font-size:15px; color:#373737;}
.down dd{float:left;padding:9px 10px 0 8px;width:140px;}
.down dd a{display:block;margin-bottom:2px;height:51px;background-image: url(../images/down-small.png);background-repeat:no-repeat;}
.down dd a.dangky {
    background: url(../images/dangky.png) no-repeat;
    width: 229px;
    height: 119px;
    position: absolute;
    top: 32px;
    right: 5px;
    display: block; /* nên thêm để thẻ a có kích thước */
}

.down dd a.dangky:hover {
    filter: brightness(1.5);
}
.down dd a.dangnhap{background: url(../images/dangnhap.png) no-repeat; width:214px; height:119px; position: absolute; top: 32px; left:5px; }
.down dd a.dangnhap:hover {
    filter: brightness(1.5);
}
.down dd a.down_trial{background:url(../images/desktop.png) 2px 0 no-repeat;width: 266px; height:51px;}
.down dd a.down_trial:hover{background-position: 2px -55px;}
.down dd a.down_try{background: url(../images/donwload.png) no-repeat; width:382px; height:126px; position: absolute; top: 32px; right:160px; }
.down dd a.down_try:hover{
    filter: brightness(1.5);
}


/* line 1, ../sass/components/_footer.scss */
footer {
  background: url(../images/bg-footer.jpg) center top no-repeat;
}
/* line 3, ../sass/components/_footer.scss */
footer .copyright {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 10px;
  display: block;
  text-align: center;
}
/* line 9, ../sass/components/_footer.scss */
footer .copyright img {
  margin: 0 auto;
}
/* line 12, ../sass/components/_footer.scss */
footer .copyright .text {
  display: block;
  font-size: 18px;
  line-height: 23px;
  color: #b0aab9;
}
.news-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 5px 0;
}

.news-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2px 0;
  font-size: 14px;
}

.news-left {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  overflow: hidden;
  min-width: 0;
}

.news-tag {
  flex-shrink: 0;
  color: #cc2525;
  font-weight: bold;
  font-size: 13px;
  min-width: 90px;
}

.news-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #444;
  font-weight: bold;
  flex: 1;
  min-width: 0;
}

.news-item:hover .news-title {
  color: #cc2525;
}

.news-date {
  color: #e46b5b;
  font-size: 13px;
  white-space: nowrap;
  margin-left: 10px;
  flex-shrink: 0;
}