@charset "utf-8";
/* CSS Document */
html{background:#fff;position: relative;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}

body{font-family:"Microsoft YaHei";font-size:12px;position: relative; font-weight:lighter; overflow-x:hidden;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul{list-style:none;}
img{border:none;}
li{list-style:none;}
i,em,b{font-style:normal }
::selection
{ background:#9e83c1;color:#fff}
::-moz-selection
{ background:#9e83c1;color:#fff}

.clear{clear:both;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden }

/* */
.top-nav{ width:100%; height:33px; background:#1d0c4c;}
.top-nav .top-nmid{ width:1200px; margin:0 auto; height:33px; overflow:hidden;}
.top-nav .top-nmid ul{ float:right;}
.top-nav .top-nmid ul li{ float:left; display:block; line-height:32px; border-right:1px solid #3f3067; width:105px; text-align:center}
.top-nav .top-nmid ul li a{ color:#fff; transition:all .25s ease-in-out;}
.top-nav .top-nmid ul li a:hover{ color:#fff;}
.top-nav .top-nmid ul li a span{ padding-left:7px;}
.top-nav .top-nmid ul li img{ vertical-align:middle; }
.top-nav .top-nmid ul a:hover img{-webkit-animation: change 1.5s linear infinite;}

.top-nav2018{ width:100%; height:33px; background:url('//file.ynmylike.com/pc/newyear/top_2018bg.jpg');}
.top-nav2018 .top-nmid{ width:1200px; margin:0 auto; height:33px; overflow:hidden;}
.top-nav2018 .top-nmid ul{ float:right;}
.top-nav2018 .top-nmid ul li{ float:left; display:block; line-height:32px; width:105px; text-align:center}
.top-nav2018 .top-nmid ul li a{ color:#fff; transition:all .25s ease-in-out;}
.top-nav2018 .top-nmid ul li a:hover{ color:#fff;}
.top-nav2018 .top-nmid ul li a span{ padding-left:7px;}
.top-nav2018 .top-nmid ul li img{ vertical-align:middle; }
.top-nav2018 .top-nmid ul a:hover img{-webkit-animation: change 1.5s linear infinite;}

@-webkit-keyframes change

{

　0% {
    -webkit-transform: rotateZ(0deg);
    }
100% {
    -webkit-transform: rotateZ(360deg);
    }

}
@-moz-keyframes change{
	　0% {
    -webkit-transform: rotateZ(0deg);
    }
100% {
    -webkit-transform: rotateZ(360deg);
    }
	
} 

@-ms-keyframes change{　0% {
    -webkit-transform: rotateZ(0deg);
    }
100% {
    -webkit-transform: rotateZ(360deg);
    }
	}

@keyframes change{　0% {
    -webkit-transform: rotateZ(0deg);
    }
100% {
    -webkit-transform: rotateZ(360deg);
    }
	}  

	/* top2*/
.header{ width:100%; height:114px; background:rgba(29,12,76,0.35); z-index:100; position:relative}
.header .headmid{ width:1200px; margin:0 auto; height:114px; overflow:hidden;}
.header .headmid a{ display:inline-block;transition:all .25s ease-in-out;}
.header .headmid .msa{ padding-left:115px;}
.header .headmid .tela{ padding-left:162px;}
.header .headmid .tela:hover,.header .headmid .msa:hover{ opacity:.85}


	/* top2-2018*/
.header2018{ width:100%; height:114px; background:url('//file.ynmylike.com/pc/newyear/bgbg2.png');z-index:100; position:relative}
.header2018 .headmid{ width:1200px; margin:0 auto; height:114px; overflow:hidden;}
.header2018 .headmid a{ display:inline-block;transition:all .25s ease-in-out;}
.header2018 .headmid .msa{ padding-left:55px;}
.header2018 .headmid .tela{ padding-left:62px;}
.header2018 .headmid .tela:hover,.header .headmid .msa:hover{ opacity:.85}



/* banner*/
.banner{ width:100%; height:100%; z-index:10; margin-top:-114px;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:2147483847;margin-bottom:20px;display:none;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

 .callbacks_container{margin-bottom:0px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;
right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:45%;
	left:10%;
	opacity:0.5;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:77px;
	width:77px;
	margin-top:0px;
	display:none;
}
.prev{ background:url(../images/prev1.png) no-repeat; height:77px; width:77px;}
.next{ background:url(../images/next1.png) no-repeat; height:77px; width:77px;}

.callbacks_container:hover .callbacks_nav{display:block; position:1}
.callbacks_nav:hover{opacity:0.8;}
.callbacks_nav.next{left:auto;background-position:right top;right:10%;}
/* nav*/
.nav{ background: rgba(0, 0, 0, 0.3);
    height: 75px;
    left: 0;
    margin-top: -75px;
    position: absolute;
    width: 100%;
    z-index: 100;}
.navmid{ width:1200px; margin:0 auto; position:relative; height:75px;}
.navmid li{ width:171px; float:left; display:block; height:75px;}
.navmid li a {
    color: #fff;
    display: block;
    font-size: 16px;
    height: 75px;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
.navmid li a:hover{ background:#1d0c4c;}
.navmid li a p {
    font-size: 18px;
    padding: 18px 0 0px;
}
.navmid li a span{ font-size:12px;}
/* footer*/
.footer{ background: #1d0c4c;color: #ccc;font-size: 12px;height:67px;line-height: 67px;   position: relative;    text-align: center;	z-index:101}
.footer .fwd{ height:67px; width:1200px; margin:0 auto;}
.footer .fwd p{ float:left; display:block;}
.footer .fwd #code a{ float:left; display:block;  line-height: 67px; color:#9c8ebf; margin-left:70px; position:relative;  text-align:left; height:67px; background:url(../images/sjicon.png) no-repeat 0px 20px ; padding-left:35px; }
.footer .fwd #code a:hover{background:url(../images/sjiconhover.png) no-repeat 0px 20px ; color:#dcd3ed;}
#ynmylike_icp{margin:0 10px;}
#ynmylike_icp a{color:#ccc;}
#ynmylike_waba{margin:0 10px;}
#ynmylike_waba a{display:inline-block;height:20px;line-height:20px;color:#ccc;}
#ynmylike_waba img{vertical-align: middle;}

.footer .fwd .caption{ opacity:0;}
.footer .fwd a:hover .caption img{ opacity:1; position:absolute; bottom:0px;}

#code_img{width:259px;height:244px;background: url(../images/dls.png) no-repeat;position:fixed;right:50%; margin-right:-210px;bottom:50px;cursor:pointer;display:none;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:60px;}

.footer .fwd .dizhi{width:380px;float:left;}


/* footer*/
.footer2018{background:url('//file.ynmylike.com/pc/newyear/top_2018bg2.jpg');color: #fff;font-size: 14px;height:67px;line-height: 67px;   position: relative;    text-align: center;	z-index:101}
.footer2018 .fwd{ height:67px; width:1200px; margin:0 auto;}
.footer2018 .fwd p{ float:left; display:block; padding-left:290px;}
.footer2018 .fwd a{ float:left; display:block;  line-height: 67px; color:#fff; margin-left:40px; position:relative;  text-align:left; height:67px; background:url(../images/sjicon.png) no-repeat 0px 20px ; padding-left:35px; }
.footer2018 .fwd a:hover{background:url(../images/sjiconhover.png) no-repeat 0px 20px ; color:#fff;}


.footer2018 .fwd .caption{ opacity:0;}
.footer2018 .fwd a:hover .caption img{ opacity:1; position:absolute; bottom:0px;}















/*导航弹出*/
.xmzs0{width:850px;height:382px;background:url(../images/xmbg.png) repeat;
/*filter:alpha(opacity=55); -moz-opacity:0.55;opacity: 0.55;  */
display:block;position:absolute;bottom:75px;padding:0px; left:170px; zoom:1;}
.xm1{float:left;display:inline; height:70px; padding-left:21px; width:800px; text-align:left; position:relative;}
.xmzs0 .xm1 .zxicon{ position:absolute; width:143px; height:49px;padding-top:20px;}
.xmzs0 .xm1 .zxicon a{ padding-top:20px; display:block; width:157px; height:56px;}
.xmzs0 .xm1 .zxxmlist{ width:607px; margin-left:10px; height:25px; position:absolute; right:0px; top:0px; padding-top:22px; padding-bottom:25px; overflow:hidden;}
.xmzs0 .xm1 .zxxmlist a.a_xmfl{ background:#a09bce; color:#fff; padding:0px 4px 0px 4px; font-size:14px; height:22px; line-height:21px; margin-top:2px;}
.xmzs0 .xm1 .zxxmlist a{ display:block; float:left; margin-right:12px; margin-left:3px; color:#fff; font-size:14px;height:24px; line-height:24px; margin-bottom:4px;}
.xmzs0 .xm1:last-child{border-bottom:none;}

.navmid li .xmzs0 a:hover{ background:none; color:#d7a126}
.zxxmlist a span{ padding-right:4px; font-size:12px;}
/*二维码弹出*/
.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bounceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-bounceinT{-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT;}
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:1;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:1;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:1;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:1;transform:translateY(30px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}


.firework-grp {display:block;width:200px;height:100px;position: absolute;top:140px;left:170px;color:white;color: #ffe63e;z-index:99999999;}
.firework-grp2 {display:block;width:200px;height:100px;position: absolute;top:680px;right:200px;color:white;color: #ff68a4;z-index:99999999999;}
.firework-grp3 {display:block;width:200px;height:100px;position: absolute;top:480px;left:460px;color:white;color: #689dff;z-index:99999999999;}
.firework-grp4 {display:block;width:200px;height:100px;position: absolute;top:100px;left:800px;color:white;color: #ff68a4;z-index:99999999999;}
.firework-grp5 {display:block;width:200px;height:100px;position: absolute;top:420px;left:1200px;color:white;color: #689dff;z-index:99999999999;}

/* SIZES
------------------------------------*/
.size05 {transform: scale(0.5);}
.size08 {transform: scale(0.8);}
.size13 {transform: scale(1.3);}
.size15 {transform: scale(1.5);}
.size18 {transform: scale(1.8);}
.size20 {transform: scale(2);}


/* FIREWORK
------------------------------------*/
.drops-grp {display: block;width: 8.5em;height: 8.5em;position: absolute;}
.drops-grp2 {display: block;width: 8.5em;height: 8.5em;position: absolute;transform: rotate(45deg);}
.drop {display: block;width: 1em;height: 2em;overflow: hidden;position: absolute;   opacity: 0;}
.drop:before {content: "";display: block;width: 1em;height: 1em;background: currentColor;border-radius: 50%;}
.drop:after {content: "";display: block;position: relative;top: -0.4em;width: 0;height: 0;border-top: 1.4em solid currentColor;border-left: 0.5em solid transparent;border-right: 0.5em solid transparent;}
.drop-1 {left:3.75em;top: 0;animation: drop1anim 2s ease-in-out infinite;}
.drop-2 {top: 3.25em;right: 0;animation: drop2anim 2s ease-in-out infinite;}
.drop-3 {left:3.75em;bottom: 0;animation: drop3anim 2s ease-in-out infinite;}
.drop-4 {top: 3.25em;left: 0;animation: drop4anim 2s ease-in-out infinite;}


/* FIREWORK DELAY
------------------------------------*/
.delay1 .drop-1 {
    animation-delay: 0.75s
}
.delay1 .drop-2 {
    animation-delay: 0.75s
}
.delay1 .drop-3 {
    animation-delay: 0.75s
}
.delay1 .drop-4 {
    animation-delay: 0.75s
}

.delay2 .drop-1 {
    animation-delay: 1.25s
}
.delay2 .drop-2 {
    animation-delay: 1.25s
}
.delay2 .drop-3 {
    animation-delay: 1.25s
}
.delay2 .drop-4 {
    animation-delay: 1.25s
}



/* keyframes
------------------------------------*/
@keyframes drop1anim {
    0% {
        top:3.25em;
        opacity: 0;
        transform: scale(0.3);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        top: -0.75em;
        opacity: 0;
        transform: scale(0.3);
    }
}
@keyframes drop2anim {
    0% {
        right:3.75em;
        opacity: 0;
        transform: scale(0.3) rotate(90deg);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(90deg);
    }
    100% {
        right: -0.25em;
        opacity: 0;
        transform: scale(0.3) rotate(90deg);
    }
}
@keyframes drop3anim {
    0% {
        bottom:3.25em;
        opacity: 0;
        transform: scale(0.3) rotate(180deg);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(180deg);
    }
    100% {
        bottom: -0.75em;
        opacity: 0;
        transform: scale(0.3) rotate(180deg);
    }
}
@keyframes drop4anim {
    0% {
        left:3.75em;
        opacity: 0;
        transform: scale(0.3) rotate(-90deg);
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(-90deg);
    }
    100% {
        left: -0.25em;
        opacity: 0;
        transform: scale(0.3) rotate(-90deg);
    }
}