﻿*{margin:0;padding:0;font-family: "微软雅黑";}
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input,button { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:1; width:100%;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { outline: 0; resize: none; }
a{text-decoration:none; }
a:hover { text-decoration:none; }
abbr[title] { border-bottom:1px dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
a img { border: none; }
img,input,select,label{vertical-align: middle;}
input, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }
input[type="number"]{-moz-appearance:textfield;}
input,textarea{ outline:0; resize:none;}
input,select,textarea{border:none;border-radius: 0px; outline: none;-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;  }
.left { float:left; } 
.right{ float:right; }
.border-radius { border-radius:3px; }
.clear{ clear:both; }
.cen{margin:0 auto;text-align: center;}
.text_c{text-align: center;}
.ib{display: inline-block;}
.db{display: block;}
.pRe{position: relative;}
.pAb{position: absolute;}
.hide{display: none;}
.text_l{text-align: left;}
.text_r{text-align: right;}
.font_w{font-weight: bold;}
.pointer{cursor: pointer;}
.box_s{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
/*背景*/
.bg1{background:url(../images/bg1.png) top center no-repeat;width:100%;overflow:hidden;}
.bg2{background:url(../images/bg2.png) center 3920px  no-repeat;position: relative;}
.contain{width: 1200px;margin:0 auto;position: relative;}

.bg_top{width:100%;position: absolute;top:66px;left:0;width:100%;height:468px;background: url(../images/bg-top.png) no-repeat 148px top;opacity: 0}
.bg_fade{animation: fadeIn 1s linear 0.5s both;-webkit-animation: fadeIn 1s linear 0.5s both;}
@keyframes fadeIn{
   from{opacity: 0}
   to{opacity: 1}
}
@-webkit-keyframes fadeIn{
   from{-webkit-opacity: 0}
   to{-webkit-opacity: 1}
}
/*距离*/
.mgt1{margin-top:10px;}
b{color:#b90522;}



@font-face { 
  font-family: lan; 
  src: url("../font/lan.TTF");  
} 
/*背景*/
.bj1{width: 100%;height: 568px;background:url(../images/pic_01.png) no-repeat center center;}
/*.bj2{width: 100%;height: 216px;background:url(../images/pic_02.png) no-repeat center center;}
.bj3{width: 100%;height: 196px;background:url(../images/pic_03.png) no-repeat center center;}*/
.bj4{width: 100%;height: 292px;background:url(../images/pic_04.png) no-repeat center center;}
.bj5{width: 100%;height: 240px;background:url(../images/pic_05.png) no-repeat center center;}
.bj6{width: 100%;height: 268px;background:url(../images/pic_06.png) no-repeat center center;}
.bj7{width: 100%;height: 294px;background:url(../images/pic_07.png) no-repeat center center;}
.bj8{width: 100%;height: 236px;background:url(../images/pic_08.png) no-repeat center center;}
.bj9{width: 100%;height: 290px;background:url(../images/pic_09.png) no-repeat center center;}
.bj10{width: 100%;height: 278px;background:url(../images/pic_10.png) no-repeat center center;}
.bj11{width: 100%;height: 188px;background:url(../images/pic_11.png) no-repeat center center;}
.bj12{width: 100%;height: 290px;background:url(../images/pic_12.png) no-repeat center center;}
.bj13{width: 100%;height: 316px;background:url(../images/pic_13.png) no-repeat center center;}
.bj14{width: 100%;height: 664px;background:url(../images/pic_14.png) no-repeat center center;}
.bj15{width: 100%;height: 222px;background:url(../images/pic_15.png) no-repeat center center;}
.bj16{width: 100%;height: 304px;background:url(../images/pic_16.png) no-repeat center center;}
.bj17{width: 100%;height: 433px;background:url(../images/pic_17.png) no-repeat center center;}
.bj18{width: 100%;height: 398px;background:url(../images/pic_18.png) no-repeat center center;}
.bj19{width: 100%;height: 408px;background:url(../images/pic_19.png) no-repeat center center;}
.bj20{width: 100%;height: 296px;background:url(../images/pic_20.png) no-repeat center center;}
.bj21{width: 100%;height: 300px;background:url(../images/pic_21.png) no-repeat center center;}
.bj22{width: 100%;height: 286px;background:url(../images/pic_22.png) no-repeat center center;}
.bj23{width: 100%;height: 360px;background:url(../images/pic_23.png) no-repeat center center;}
.bj24{width: 100%;height: 294px;background:url(../images/pic_24.png) no-repeat center center;}
.bj25{width: 100%;height: 290px;background:url(../images/pic_25.png) no-repeat center center;}
.bj26{width: 100%;height: 282px;background:url(../images/pic_26.png) no-repeat center center;}
.bj27{width: 100%;height: 236px;background:url(../images/pic_27.png) no-repeat center center;}
.bj28{width: 100%;height: 260px;background:url(../images/pic_28.png) no-repeat center center;}
.bj29{width: 100%;height: 220px;background:url(../images/pic_29.png) no-repeat center center;}
.bj30{width: 100%;height: 290px;background:url(../images/pic_30.png) no-repeat center center;}
.bj31{width: 100%;height: 272px;background:url(../images/pic_31.png) no-repeat center center;}


/*新增样式*/
.theme{width: 1120px; margin:40px auto 0px auto;}
.theme_t h3{text-align: center;font-size: 42px;color: #000;font-weight:normal;}
.theme_t p{text-align: center;font-size: 16px;margin-top:10px;}

.left{float: left;}
.right{float: right;}
.theme_c{overflow: hidden;margin-top:30px;}
.theme_c1{width: 552px;margin-bottom:16px;}
.theme_c1 .theme_c1_tu{width: 340px;height: 238px;display: block;text-align: center;}
.theme_c1 .theme_c1_tu11{background: url(../images/theme_c1_1.jpg) no-repeat;}
.theme_c1 .theme_c1_tu22{background: url(../images/theme_c1_3.jpg) no-repeat;}
.theme_c1 .theme_c1_tu33{background: url(../images/theme_c1_5.jpg) no-repeat;}
.theme_c1 .theme_c1_tu44{background: url(../images/theme_c1_7.jpg) no-repeat;}
.theme_c1 .theme_c1_tu h4{font-size: 26px;color: #fff;font-weight: normal;margin-top:80px;}
.theme_c1 .theme_c1_tu a{display: block;width: 103px;height: 32px;line-height: 32px;text-align: center;background: #c60029;color: #fff;margin:25px auto 0px auto;border-radius: 32px;font-size: 15px;}
.theme_c1_tu1{width: 208px;height: 238px;}


/*报名*/
.input{width:403px;background:#fff;color:#a4a4a4;font-size: 20px;height:60px;padding-left: 22px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #c6c9cc; 
} 
.input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #c6c9cc; 
} 
.input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #c6c9cc; 
} 
.input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #b30101; 
} 
.form1s{width:586px;top:1492px;right:88px;}
.form1_left{width:425px;}
.form1_right{width:148px;}
.form1_right a{display: block;}


/*爱她他*/
.love1{top:876px;left:0;padding-left: 76px;padding-right:87px;width:1037px;color:#fff;}
.love1 h3{font-size: 25px;margin-bottom: 5px;font-weight: 500}
.love1 p{font-size: 16px;line-height: 30px;}

/*没那么简单*/
.noeasy{width:100%;left:0;top:1145px;}
.noeasy h2{font-size: 40px;color: #2c2b31;font-weight: 500;text-align: center;font-family: "lan"}
.noeasy h2 span{color:#c60a35;font-weight:600;font-family: "lan";vertical-align: baseline;}
.noeasy p{color:rgba(1,1,1,.5);font-size: 12px;text-align: center;margin-top: 14px;margin-bottom: 55px;}
.noeasy .noeasy_ul li{float: left;text-align: center;font-family: "lan";width:25%;}
.noeasy .noeasy_ul li div:nth-child(1){margin:0 auto;padding:56px 0 14px;width:125px;background:url(../images/icon.png) no-repeat;font-size: 24px;color: #2c2b31;font-weight: 600}
.noeasy .noeasy_ul li div:nth-child(1) span{color: #b90522;vertical-align: baseline;}
.noeasy .noeasy_ul li:nth-child(2) div:nth-child(1){background-position: -120px 0;}
.noeasy .noeasy_ul li:nth-child(3) div:nth-child(1){background-position: -240px 0;}
.noeasy .noeasy_ul li:nth-child(4) div:nth-child(1){background-position: -360px 0;}
.noeasy .noeasy_ul li div:nth-child(2){color:#14100d;font-size: 16px;line-height: 24px;margin-top: 15px;}

/*女人&男人 独立私密空间不可或缺*/
.love_title{top:1722px;width:100%;left:0;font-family: "lan";}
.love_title div:nth-child(1){width:682px;height:95px;border:1px solid #b90114;margin:0 auto;font-size: 38px;color:#2c2b31;text-align: center;line-height:120px;}
.love_title div:nth-child(2){width:534px;background: #fff;color: #b90114;text-align: center;position: absolute;top:-32px;left:50%;margin-left: -267px;font-size:60px;}
.love_title div:nth-child(3){font-size:12px;color:rgba(0,0,0,0.5);text-align: center;margin-top: 10px;text-transform: uppercase;}
.love_title_con{top:2030px;width:400px;right:86px;}
.love_title_con1 a{color:#fff;}
.love_title_con a{color:#fff;}
.love_title_con p,.love_title_con1 p{color:#191919;font-size: 16px;line-height: 30px;}
.love_title_con div,.love_title_con1 div{cursor:pointer;width:189px;height:45px;background:url(../images/icon.png) no-repeat 0 -97px;text-align: center;font-size: 16px;color: #fefeff;line-height: 38px;margin:16px auto 0;}
.love_title_con1{top:2657px;left:87px;width:400px;}


.love_title1{top:3281px;width:100%;left:0;font-family: "lan";}
.love_title1 .love_title1_tip{width:598px;height:87px;border:1px solid #000;margin:0 auto;font-size: 38px;color:#050303;text-align: center;line-height:112px;}
.love_title1 .love_title1_top{width:320px;background: #f6cbcc;color: #000;text-align: center;position: absolute;top:-32px;left:50%;margin-left: -160px;font-size:60px;}
.love_title1 .love_title1_lit{font-size:12px;color:rgba(0,0,0,0.5);text-align: center;margin: 10px 0;text-transform: uppercase;}
.love_title1_1{width:1120px;height:430px;background:#fff;margin: 0 auto 20px;}
.love_title1_1 div.left{width:348px;height:395px;border-top:1px solid #d0d0d0;margin-top:19px;margin-left: 32px;}
.hr{height: 8px;width:100%;background:#d0d0d0;margin-top: 3px;}
.love_title1_1 div.left h2,.love_title1_2 div.right h2{color:#c30028;font-size: 38px;margin: 25px 0 14px;font-weight: 500}
.love_title1_1 div.left i,.love_title1_2 div.right i{color:rgba(25,25,25,0.7);font-size: 20px;}
.love_title1_p{padding-top: 32px;margin-top: 25px;color:#191919;font-size: 16px;line-height: 30px;border-top: 1px dashed #dedede}
.love_title_btn{width:189px;height:45px;background:url(../images/icon.png) no-repeat 0 -97px;text-align: center;font-size: 16px;color: #fefeff;line-height: 38px;margin:53px auto 24px;cursor:pointer;}
.love_title_btn1 a{color:#fff;}
.love_title_btn a{color:#fff;}
.love_title_btn1{width:189px;height:45px;background:url(../images/icon.png) no-repeat 0 -97px;text-align: center;font-size: 16px;color: #fefeff;line-height: 38px;margin:30px auto 20px;cursor:pointer;}
.love_title1_1 div.right{width:669px;margin-top:19px;margin-right: 36px;}
.love_title1_2{width:1120px;height:430px;background:#fff;margin: 0 auto 20px;}
.love_title1_2 div.left{width:669px;margin-top:19px;margin-left: 35px;}
.love_title1_2 div.right{width:348px;height:395px;border-top:1px solid #d0d0d0;margin-top:19px;margin-right:40px;}
.order a{color:#fff;}



.love_title2{top:6050px;width:100%;left:0;font-family: "lan";}
.love_title2 div.love_title2_tip{width:598px;height:87px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;margin:0 auto;font-size: 38px;color:#fff;text-align: center;line-height:112px;}
.love_title2 div.love_title2_tip i{display: block;width:116px;border-top:1px solid #fff;}
.love_title2 div.love_title2_top{width:360px;/*background: url(../images/icon.png) no-repeat 0 -97px;*/color: #fff;text-align: center;position: absolute;top:-32px;left:50%;margin-left: -180px;font-size:60px;}
.love_title2 div.love_title2_lip{font-size:12px;color:rgba(255,255,255,0.5);text-align: center;margin: 10px 0;}
.img_title{width:100%;height:56px;background:rgba(0,0,0,0.5);font-size: 14px;color:#fffefe;text-align: center;line-height: 56px;position: absolute;bottom:0;left:0;}
.pro-switch {
    height: 554px;
    width:1068px;
    padding:12px;
    background:#fff;
    /*box-shadow: 0px 0px 30px 2px rgba(204,204,204,1);*/
    margin:0 auto;
    box-shadow: 1px 2px 10px 2px rgba(0,0,0,0.5)
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 554px;
}
.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    margin: 0 auto;
    position: relative;
    width:100%;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.flexslider .slides {
    zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
    width:61px;
    height:63px;
    margin: -30px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
}
.flex-direction-nav .flex-next {
     
    background:url(../images/r.png) no-repeat;
    right: 20px;
}
.flex-direction-nav .flex-prev {
    background:url(../images/l.png) no-repeat;
    left: 20px;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
   *display: inline;
}
.flex-control-paging li a {
    background: none;
    display:block;
    height: 0px;
    overflow: hidden;
    text-indent:-99em;
    width: 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.flex-control-paging li a.flex-active {
    background: none;
}
.order{cursor:pointer;width:317px;height:45px;background: #da0032;border-bottom: 3px solid #9d0a2c;border-radius: 5px;font-size:22px;color:#fff;line-height: 45px;text-align: center;margin:30px auto 0;box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.5)}

.love_title3{top:6987px;width:100%;left:0;font-family: "lan";}
.love_title3 div:nth-child(1){width:598px;height:87px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;margin:0 auto;font-size: 38px;color:#fff;text-align: center;line-height:112px;}
.love_title3 div:nth-child(1) i{display: block;width:116px;border-top:1px solid #fff;}
.love_title3 div:nth-child(2){width:360px;color: #fff;text-align: center;position: absolute;top:-32px;left:50%;margin-left: -180px;font-size:60px;}
.love_title3 div:nth-child(3){font-size:12px;color:rgba(255,255,255,0.5);text-align: center;margin: 10px 0;letter-spacing: 4px;}

.small-ball{top:6445px;left:125px;}
.small-ball1{top:6100px;left:467px;}
.small-ball2{top:6192px;left:898px;}
.small{width:63px;height:63px;background:url(../images/small_ball.png) no-repeat;animation: scale 1s linear infinite;-webkit-animation: scale 1s linear infinite;}       
@keyframes scale{
   0%{transform: scale(0.5);}
   100%{transform: scale(1);}
}
@-webkit-keyframes scale{
   0%{-webkit-transform: scale(0.5);}
   100%{-webkit-transform: scale(1);}
}
.small_tip{width:245px;height:44px;background:url(../images/icon.png) no-repeat -251px -97px;position: absolute;top:-62px;left:-93px;font-size:18px;color: #fefefe;padding-left: 50px;line-height:34px;}
.small_tip1{width:329px;height:44px;background:url(../images/icon.png) no-repeat 0px -169px;position: absolute;top:-62px;left:-93px;font-size:18px;color: #fefefe;padding-left: 52px;line-height:34px;}
.small_tip2{width:225px;height:44px;background:url(../images/icon.png) no-repeat 0px -253px;position: absolute;top:-62px;left:-93px;font-size:18px;color: #fefefe;padding-left: 70px;line-height:34px;}
.small_tip span,.small_tip1 span,.small_tip2 span{font-weight: 600;vertical-align: baseline;}

.love_title4{top:7875px;width:100%;left:0;font-family: "lan";}
.love_title4 div.love_title4_top{width:682px;height:95px;border:1px solid #000;margin:0 auto;font-size: 38px;color:#2c2b31;text-align: center;line-height:120px;}
.love_title4 div.love_title4_tip{width:286px;background: #eae9e9;color: #b90114;text-align: center;position: absolute;top:-32px;left:50%;margin-left: -143px;font-size:60px;}
.love_title4 div.love_title4_p{font-size:12px;color:rgba(0,0,0,0.5);text-align: center;margin-top: 10px;text-transform: uppercase;}
.compare{width:1194px;height:500px;background:url(../images/compare.png) no-repeat;margin:22px auto 0;position: relative;}
.compare .left{width:603px;}
.compare_h2{font-size:35px;color:#fff;text-align: center;margin-top: 40px;font-weight: 500;}
.compare_p1{font-size: 15px;color:rgba(255,255,255,0.4);line-height: 27px;margin:66px 0 0 246px;}
.compare_p2{font-size: 15px;color:rgba(255,255,255,0.4);line-height: 27px;margin:65px 0 0 143px;}
.compare_p3{font-size: 15px;color:rgba(255,255,255,0.4);line-height: 27px;margin:64px 0 0 237px;}
.compare_p4{font-size: 15px;color:#fff;line-height: 27px;margin:54px 0 0 224px;}
.compare_p5{font-size: 15px;color:#fff;line-height: 27px;margin:62px 0 0 186px;}
.compare_p6{font-size: 15px;color:#fff;line-height: 27px;margin:64px 0 0 259px;}
.ball{position: absolute;top:7px;left:590px;width:26px;height:464px;background:url(../images/ball.png) no-repeat;}
.vs{width:149px;height:149px;background: url(../images/vs.png) no-repeat;position: absolute;top:169px;left:527px;animation: rotate 1s linear infinite;-webkit-animation: rotate 1s linear infinite;}
@keyframes rotate{
   0%{transform: rotate(0deg);}
   25%{transform: rotate(-45deg);}
   50%{transform: rotate(0deg);}
   75%{transform: rotate(45deg);}
}
@-webkit-keyframes rotate{
   0%{-webkit-transform: rotate(0deg);}
   25%{-webkit-transform: rotate(-45deg);}
   50%{-webkit-transform: rotate(0deg);}
   75%{-webkit-transform: rotate(45deg);}
}

.compare .right{width:591px;}

.love_title5{top:8541px;width:100%;left:0;font-family: "lan";}
.love_title5 div.love_title5_tip{width:565px;height:87px;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;margin:0 auto;font-size: 38px;color:#000;text-align: center;line-height:112px;}
.love_title5 div.love_title5_tip i{display: block;width:134px;border-top:1px solid #000;}
.love_title5 div.love_title5_top{width:360px;color: #000;text-align: center;position: absolute;top:-32px;left:50%;margin-left: -180px;font-size:60px;}
.love_title5 div.love_title5_p{font-size:12px;color:rgba(0,0,0,0.5);text-align: center;margin: 10px 0;letter-spacing: 1px;text-transform: uppercase;}

.love_title5_nav{width:1068px;margin:30px auto 0;}
.love_title5_nav li{float: left;position: relative;}
.title5_circle{text-align:center;font-size:20px;color:#fff;font-family: "lan";  width:195px;height:195px;border:3px solid #fff;background:#0c2142 url(../images/bit.png);border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.5)}
.title5_circle p{line-height: 24px;font-size: 18px;}
.title5_con{width:88px;height:195px;line-height: 195px;text-align: center;font-size:40px;color:#656666;}
.title5_circle div:nth-child(1){width:63px;height:63px;background:url(../images/icon.png) no-repeat -292px -321px;margin:18px auto 5px;}
.love_title5_nav li:hover .title5_circle{background:#cc0021 url(../images/bit.png);}
.love_title5_nav li:hover .title5_flower{width:137px;height:95px;background:url(../images/icon.png) no-repeat -430px -317px;position:absolute;left:50%;margin-left: -68.5px;bottom:-35px;}
.love_title5_nav li:nth-of-type(2) .title5_circle div:nth-child(1){background-position: -99px -321px;}
.love_title5_nav li:nth-of-type(3) .title5_circle div:nth-child(1){background-position: -190px -321px;}
.love_title5_nav li:nth-of-type(4) .title5_circle div:nth-child(1){background-position: 7px -321px;}
.love_title5_nav li .title5_flower{width:137px;height:95px;background:url(../images/icon.png) no-repeat -336px -236px;position:absolute;left:50%;margin-left: -68.5px;bottom:-35px;}
.title5_post{width:586px;margin:60px auto 0;}
.tels{color:#000;font-size:30px;width: 100%;text-align: center;margin-top: 30px;font-weight: 600;}
.tels a,.tels a:hover{color:#000;font-weight: 600;}

.marry{top:8185px;left:37px;font-family: "lan"}
.marry h1{color:#cc0021;font-size: 42px;}
.marry h2{color:#cc0021;font-size: 29px;font-weight: 500;margin:9px 0 16px;}
.marry pre{font-size: 14px;color: #2c2c2c;line-height: 24px;letter-spacing: 3px;}

/*美洽*/
#meiqias_home{    
	position: fixed;
    bottom: 0;
    right: 60px;
    z-index: -1;
    width: 560px;
    height: 480px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: transparent;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border: 1px solid #eee\0;}
#meiqias_home span{
	position: absolute;
	top: 0;
    right: 53px;
    color: #99caff;
    font-size: 50px;
    cursor: pointer;
    vertical-align: baseline;
}
#meiqias_home span:hover{
	color:#cce4ff;
}
#meiqias{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    padding: 0;
    margin: 0;
    float: none;
    background: none;
}


#con{
    max-width: 1920px;
    position: absolute;
    top:0;
    width:100%;
    left:0;
    overflow: hidden;
}
#leafContainer 
{
    position: absolute;
    width:100%;
    height:780px;
    top:0;
    left:0;
    z-index:2;
}
#leafContainer > div 
{
    position: absolute;

    
    /* We use the following properties to apply the fade and drop animations to each leaf.
       Each of these properties takes two values. These values respectively match a setting
       for fade and drop.
    */
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}

/* This CSS rule is applied to all img elements directly inside div elements which are
   directly inside the leafContainer div. In other words, it matches the 'img' elements
   inside the leafDivs which are created in the createALeaf() function.
*/
#leafContainer > div > img {
     position: absolute;

    /* We use the following properties to adjust the clockwiseSpin or counterclockwiseSpinAndFlip
       animations on each leaf.
       The createALeaf function in the Leaves.js file determines whether a leaf has the 
       clockwiseSpin or counterclockwiseSpinAndFlip animation.
    */
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}


/* Hides a leaf towards the very end of the animation */
@-webkit-keyframes fade
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}


/* Makes a leaf fall from -300 to 600 pixels in the y-axis */
@-webkit-keyframes drop
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
    0%   { -webkit-transform: translate(0px, -50px); }
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
    100% { -webkit-transform: translate(0px, 1000px); }
}

/* Rotates a leaf from -50 to 50 degrees in 2D space */
@-webkit-keyframes clockwiseSpin
{
    /* Rotate a leaf by -50 degrees in 2D space at the start of the animation */
    0%   { -webkit-transform: rotate(-50deg); }
    /*  Rotate a leaf by 50 degrees in 2D space at the end of the animation */
    100% { -webkit-transform: rotate(50deg); }
}


/* Flips a leaf and rotates it from 50 to -50 degrees in 2D space */
@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    /* Flip a leaf and rotate it by 50 degrees in 2D space at the start of the animation */
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
    /* Flip a leaf and rotate it by -50 degrees in 2D space at the end of the animation */
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}




