.btn_video i,.btn_video a,.fixed .small .wx dt,.fixed .small a{background-repeat:no-repeat; background-image:url(../images/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_icon1.png);}

.btn_01,.btn_01:hover,.btn_giftbag,.btn_02,.btn_02:hover,.gift_btn {background:url(../images/sp.png) no-repeat;}

/*body{ background:#eae9ef url(http://i0.cy.com/tl3d/main/20190517/bg_main.jpg) no-repeat center top;}

.bot {background: url(http://i0.cy.com/tl3d/main/20190517/bot.jpg) no-repeat center bottom; }

.header { position:relative; height:662px; background:url(http://i1.cy.com/tl3d/cover/20180115/header_main.jpg) no-repeat;}*/

body{ background:url(../images/bg_main.jpg) no-repeat center top;}
.news_body { background:url(../images/bg_main11.jpg) no-repeat center top; }

.header { position:relative; height:640px;}

/*今日版：http://i1.cy.com/tl3d/main/20180321/header_today.jpg*/



.btn_video{ width:230px; height:130px;top:418px; right:298px; /*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(../images/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(../images/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(../images/arrow1.png) no-repeat top center; right:-22px; top: 50%; margin-top: -6px;}

.gift_step ul li b {background:url(../images/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(../images/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:462px; left:0; }

.content{height: 1500px; }/*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 19px/48px "Microsoft YaHei","微软雅黑"; border-bottom:3px solid #e5e5e5; }

.news dt span{float:left; width:102px; 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:60px; overflow:hidden; }*/



/*新增加*/



.ziliao {float:left; width:360px; height:340px; overflow:hidden; background:#ffffff; margin-top:30px;}

.ziliao dt{height:48px; font:normal 16px/48px "Microsoft YaHei","微软雅黑"; border-bottom:3px solid #e5e5e5; }

.ziliao dt span{float:left;  text-align:center; color:#5c5c5c;font-size:18px; padding-left:8px;border-left:8px solid #ffd773   }



.ziliao dt a{ float:right; margin:16px 16px 0px 0px; color:#f39570; font:normal 12px/18px Arial; text-transform:uppercase; }

.ziliao dt a font{ display:inline-block; vertical-align:middle; margin-right:5px; color:#ad844c; font-size:16px; }
.ziliao dd{ padding-top:5px;}
.ziliao dd h3{ padding-top:8px; text-align:center;width:95%; margin:0 auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.ziliao dd h3 a{ color:#cc2525; font-size:20px; }

.ziliao dd a:hover{color: #eec58d;}



.ziliao dd  li{  line-height:30px; padding:0px 12px 0px 17px; list-style:none;clear: both; }

.ziliao dd  li a{ display:block;color:#8c8c8c; float:left; margin-right:20px} 
.ziliao dd li:not(:first-of-type) a:nth-of-type(5),.ziliao dd li:not(:first-of-type) a:nth-of-type(8),.ziliao dd li:not(:first-of-type) a:nth-of-type(11) {
    margin-left: 80px;
    clear: both;
}
.ziliao dd  li .one{ font-size:15px; color:#f39570;  margin-right:20px;} 

.ziliao dd li:first-of-type a:nth-of-type(7),.ziliao dd li:first-of-type a:nth-of-type(12),.ziliao dd li:first-of-type a:nth-of-type(17){ margin-left: 80px;
    clear: both;}

 















.gonglue {float:left; width:360px; height:340px; overflow:hidden; background:#ffffff; margin-left:20px; margin-top:30px; }

.gonglue dt{height:48px; font:normal 16px/48px "Microsoft YaHei","微软雅黑"; border-bottom:3px solid #e5e5e5; }

.gonglue dt span{float:left;  text-align:center; color:#5c5c5c; font-size:18px; padding-left:8px;border-left:8px solid #ffd773  }



.gonglue dt a{ float:right; margin:16px 16px 0px 0px; color:#f39570; font:normal 12px/18px Arial; text-transform:uppercase; }

.gonglue dt a font{ display:inline-block; vertical-align:middle; margin-right:5px; color:#ad844c; font-size:16px; }



.gonglue dd a:hover{color: #eec58d;}



.gonglue dd ul li{  height:40px; line-height:40px; padding:0 5px 0 17px; }



.gonglue dd ul li   a{ color:#8c8c8c; }



.gonglue dd ul li  span{float:right;color:#f39570; }



/*新增加*/





/* 隐藏了

.roles { float:left; position:relative; width:750px; height:363px; padding-top:7px; }

.roles dt { position:absolute; width: 70px; height:300px; top:49px; left:30px; 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 "Microsoft YaHei","微软雅黑"; 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;}



.box { position:relative; width:100%; }

.slide { width:864px; height:284px; overflow:hidden; margin:0 auto; }

.slide ul li { float:left; width:864px;}

.slide ul li a { position:relative; float:left; width:275px; height:132px; 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 span {position:absolute;left:5px;bottom:0;width:100%;height:24px;color: #fff;font:normal 14px/24px "Microsoft YaHei","微软雅黑";text-align: center;background: #000;filter:Alpha(opacity=65);opacity: .65;}

.slide ul li a:hover span {animation:showUp .5s linear forwards;}

.slide ul li a.big span {height:36px;font:normal 14px/36px "Microsoft YaHei","微软雅黑";-webkit-transform: translateY(36px);transform: translateY(36px);}

.slide ul li a.big:hover span {animation:showUp .5s linear forwards;}





.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(../images/pop_bg1.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:'楷体'; 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:445px;width:474px;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:14px; color:#000;}

.down dd{float:left;padding:9px 10px 0 8px;width:179px;}

.down dd a{display:block;margin-bottom:2px;height:51px;background-image: url(../images/down-small.png);background-repeat:no-repeat;}

.down dd a.down_ios {background-position: 0 0;}

.down dd a.down_ios:hover{background-position:0 -114px}

.down dd a.down_android{background-position:0 -55px}

.down dd a.down_android:hover{background-position:0 -169px}

.down dd a.down_trial{background:url(../images/desktop.png) no-repeat;width: 354px; height:51px;}

.down dd a.down_trial:hover{background-position: 0 -56px;}

.down dd a.down_try{background: url(../images/experience.png) no-repeat; width:175px; height:150px; position: absolute; top: 9px; }

.down dd a.down_try:hover{ background-position: 0 -161px;}


.down dd a.down_trial01{background:url(../images/down-01.png) no-repeat;width: 150px; height:70px;}

.down dd a.down_trial01:hover{background-position: 0 -70px;}