header{ width:100%;position:relative; z-index:1000; }
header .logo{ margin-top:24px; width:30%}

img.header{width:100%;margin:0px;}
img#header_v3{padding:15px 0 0;background: #b43674;}
.mainWidth{ width:100%; border:0px red solid; margin:0 auto; /*min-width:1024px*/ position:relative; left:0; top:0;}
.mainWidth.guest-photo { /* margin-top:-65px; */margin-top:10px; }
.mainWidth.index, .mainWidth.list{ width:100%}
.mainWidth.act{ margin-top:4%}
.mainWidth.list-page{ /* margin-top: -141px; */}
.mainWidth.page{ margin-top:55px}
.fix-left, .fix-right, .fix-left-bg, .fix-right-bg{ position:fixed; top:0; height:100%; width:27px; z-index:20 }
.fix-left{background:url(/mobile/resources/graph/images/bg/fix_left.png) repeat-y;left:0; }
.fix-right{background:url(/mobile/resources/graph/images/bg/fix_right.png); right:0; }
.fix-left-bg{ left:0; width:5%}
.fix-right-bg{ right:0; width:5%; }
.banner{ width:100%}
.six-style-wrap{width:660px;margin:0 auto;/*margin-top:10%*/ overflow:hidden}
.six-style-wrap-inner, .guest-photo-inner, .activity-wrap-inner{margin:0 auto;width:670px;}
.six-style-wrap-inner .img{ float:left;width:328.5px;margin-top:2%;margin:0 3px 0 0;position:relative;}
.six-style-wrap-inner .img img{ width:328.5px;display:block; }
.six-style-wrap-inner .img .shadow{opacity:.7;height:40px;}
.six-style-wrap-inner .img .show-img { width:328px; height:397px; background-size:cover; background-position:center}
.six-style-wrap-inner .photo_travel,.six-style-wrap-inner .img img{width:100%;}
.go-pc { margin-top:10px}

.column2-mode{ border:0px red solid; width:90%; margin:0 auto; /*margin-top:7%; */margin-bottom:2%; overflow:hidden}
.column2-mode figure{ float:left; width:50%; border:0px red solid; overflow:hidden; text-align:center}
.column2-mode figure img{ width:99%}
.img3.six-style-wrap .img{ width:33.2%}
.anna.six-style-wrap { background:#D40069;margin-top: 10%;}
.style6.six-style-wrap{margin-top:10%}
.photo-show .style6.six-style-wrap{ margin-top:10%}
.footer-shadow{ width:90%; height:14px}
.footer-shadow-100p{ width:100%}

/*首页大图片广告*/
.img-style-wrap{ width:90%;margin:0 auto; border:0px red solid;}
.img-style-wrap img { width:100%}
.img-style-wrap dt{ background:#41ABC0; color:white; text-align:left; overflow:hidden}
.img-style-wrap dt h1{ font-size: x-large}
.img-style-wrap dt p{ color:#CEF3F4; font-size: large}
.img-style-wrap dt .title{ margin:2% 4%;line-height: 300%;}

.sub-wrap dt{color:white;}
.sub-wrap .title{ font-size:30px;font-weight:bold;margin-bottom:10px;}
.sub-wrap .time-wrap{font-family:Arial, Helvetica, sans-serif; padding-bottom:20px;font-size: 20px;}
.sub-wrap .time-wrap .time{ margin-right:3%}
.sub-wrap .time-wrap span { display:inline-block}
.sub-wrap .photo-show{width:660px;display:block;margin-bottom:5px;}
.sub-wrap .photo-wrap{width:660px; margin:20px auto 10px;/* margin-bottom:3%; */position: relative;left:0;}
.sub-wrap .photo-wrap:first-child{margin-top: 0;}
.sub-wrap  .margin-6-spl{margin:0 auto 30px;}
.page-style-2 .sub-wrap .photo-wrap{position: relative;}

.page-style-2 .slogan{ /*padding:21px 0 */ }
.page-style-2 .sub-wrap .photo-show {width:660px;}

.sub-wrap .photo-wrap.month-photo { padding-bottom: 2px;}
.sub-wrap .style6 .photo-wrap { background:#F1F1F1}
.sub-wrap .style6 .photo-wrap .slogan {overflow:hidden; width:95%; margin-left:auto; margin-right:auto}
.sub-wrap .style6 .slogan img {/*position:relative; left:-25%; width:150%*/ width:95%}

/*.photo-wrap-kp-btn{width:320px;height:100px;background:url(../graph/v3/bg_3.gif) no-repeat 0 0;margin:0 auto;display:block;}*/
/*客服按钮*/
.photo-wrap-kp-btn{width:320px;height:110px;background-image:url("http://chengdu.gulove.com/mobile/resources/graph/v3/liaojbj.gif");margin:0 auto;display:block;background-clip: border-box;background-origin: padding-box;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.page-style-2 .photo-wrap-kp-btn{margin:30px auto 0;}
.Insert_video{overflow: hidden;position: relative;display: block;width: 660px;}
.Insert_video .pic{width: 100%;}
.Insert_video .bnt{position: absolute;width: 89px;left: 295px;top: 180px;cursor: pointer;}
.Insert_video .bnt img{width: 100%;}
.Insert_video .video_v {position: absolute;left: 0;top: 0;display: none;width: 660px;height: 495px;}
.Obtain{display: block;width: 660px;background: url("http://chengdu.gulove.com/mobile/resources/graph/images/bmkbg.jpg") no-repeat;background-size: 100%;margin: 10px 0 -45px 0;height: 600px;}
.Obtain input{width:590px;height:23px;font-size:30px;padding:21px 0 17px 17px;margin:0 0 38px;line-height:34px;color:#8897a5;border:2px solid #57748e;background-color:#3a5974;}
.Obtain .sub{height:75px;display:block;line-height:75px;font-size:36px;color:#594e3d;background-color:#c1a984;padding:0;width:614px;border:2px solid #c1a984;margin-left:24px;}
.Obtain .show{background:url(http://chengdu.gulove.com/mobile/resources/graph/icon/Success.png) no-repeat 6px 0 / 92% auto;}
.Obtain .shows{animation:show-fl 1000ms ease;}
.Obtain .show.shows{width:660px;height:520px;}
.Obtain .Load{position: absolute;margin: -325px 0 0 261px;display: none;width: 120px;height: 120px;}
.Obtain .Success{position: absolute;margin: -502px 0 0 0;display: none;}
.Obtain .Success img{width: 660px;}
.Obtain .mme{font-size: 32px;color: #7b94aa;line-height: 84px;}


.list-page .title{ margin-top:5%}
.list-page .title img { width:100%}

footer { overflow:hidden; margin-top:3%;}

footer .icons{ margin-top:20px; margin-bottom:70px}
footer .tel, footer .tel a{ font-family:"微软雅黑"; font-size:large; color:#90DBDD; font-size:24px}
.tel-area { width:50%; margin:0 auto; border:1px red solid; padding:40px }

footer .tel-wrap {}
.footer-nav{  position:relative;margin-top:5.1% }
.footer-bg{ width:100%;position:fixed; left:0;  bottom:0; z-index:1000}
.footer-back{ width:17%;position:fixed; left:2%; bottom:0;z-index:1001 }
.footer-qq{ width:26%;position:fixed; right:4%; bottom:0;z-index:1001 }
.footer-tel{width:21%;position:fixed; left:50%; margin-left:-10%; bottom:0;z-index:1001 }
.footer-tel:active,.footer-tel:hover{ opacity:0.8}

.title-banner{ }
.top-banner img, .title-banner img { width:100%}
img.icon-top-call { position: fixed; top:0; left:0; width:20%}
.citys-wrap, .types-wrap { position:relative}
.city-nav-wrap, .types-nav-wrap { width:100%; position:absolute; left:0; top:0}
.city-nav-wrap .nav { width:13%}
.types-nav-wrap .nav { width:11%; margin-right:3%}
/*footer2017*/
.footer2017{}
.footer2017-logo{margin:30px auto 10px;}
.footer2017 h2{font-size:22px;line-height:36px;width:590px;margin:0 auto 55px;color:#7b94aa;font-weight:normal;}
.footer2017 h2 span{font-style:underline;}
.footer2017 input{width:590px;height:34px;font-size:30px;padding:24px 0 24px 24px;margin:0 0 42px;line-height:34px;color:#8897a5;border:2px solid #57748e;background-color:#3a5974;}
.footer2017 .sub{width:620px;height:80px;display:block;line-height:80px;font-size:36px;color:#594e3d;background-color:#c1a984;padding:0;width:614px;border:2px solid #c1a984;margin-left:24px;}
.footer2017 .show{background:url(http://chengdu.gulove.com/mobile/resources/graph/icon/Success.png) no-repeat 6px 0 / 92% auto;}
.footer2017 .shows{animation:show-fl 1000ms ease;}
.footer2017 .show.shows{width:660px;height:520px;}
.footer2017 .Load{position: absolute;margin: -325px 0 0 261px;display: none;width: 120px;height: 120px;}
.footer2017 .Success{position: absolute;margin: -530px 0 0 -2px;display: none;}


@keyframes show-fl{
    0%{opacity:0;}
    100%{opacity:1;}
};
.footer2017 .ewm{margin:105px auto 40px;display:block;}
.footer2017 .copy{font-size:16px;line-height:26px;color:#ac9a7f;text-align:center;margin:0 0 88px;}
.footer2017 .copy .tel{font-size:22px;line-height:46px;color:#ac9a7f;}
/*活动页面*/
.header-act{width:100%;}
.mainWidth-act{ border:0px red solid}
.activity .sub-wrap .photo-show{width:100%; min-width:420px;}
.activity .sub-wrap .photo-wrap{ margin-bottom:0}

.guest-photo-wrap{width:670px;margin-top:30px;}
.guest-photo-wrap.six-style-wrap-inner{margin-top:0;}
.imgs-wrap { margin-top:0}
.imgs-wrap img { min-width:320px}
.imgs-wrap p { position:relative;margin-top: -1px;}
.activity-wrap { /*margin-top:14%*/}
.activity-wrap img{display:block;}
.activity-wrap.tourist  { margin-top:0; }
.activity-wrap.tourist dl { /* margin-bottom:-11px */}
.activity-wrap.tourist .shadow{height:40px;}
.guest-photo-wrap img.lazy { width: 328.5px;height:392px;background:black;display:block; }
.guest-photo-wrap img.shadow {width:100%;opacity:.8; height:25px }
.guest-photo-wrap dt img{width:100%;}
.guest-photo-wrap dd {position:relative}
.guest-photo-wrap dl {float:left;width:328.5px;margin:0 3px 3px 0;}
.guest-photo-wrap.spot-wrap-inner dl {width:660px;margin:0 0 10px;}
.spot-wrap-inner img.lazy{width:100%;height:auto;}
.spot-wrap-inner .spot-wrap-inner{width:100%;}
.guest-photo-wrap .show-title,.six-style-wrap-inner .show-title { width:328.5px; background:rgba(50,50,50,.7); height:40px; line-height:40px; position:absolute; bottom:40px; left:0; color:white; font-size:20px;}
.guest-photo-wrap .show-title{bottom:0px;}
.six-style-wrap-inner .show-title .l{font-size:24px;}
.six-style-wrap-inner .photo_travel .show-title{width:660px;}
.six-style-wrap-inner .photo_travel .show-title .l{width:365px;}
.spot-wrap-inner .show-title{width:100%;}
.activity-wrap dd { position:relative}
.activity-wrap .show-title{ width:660px;background:rgba(92,83,78,.7); height:60px; line-height:60px; position:absolute; bottom:0; left:0; color:white; font-size:20px}
.tourist .show-title .l{font-size:28px;}
.show-title .l{float:left;text-align:right;width:60%;height:100%;overflow:hidden;margin:0 0 0 15px;font-size:18px;}
.show-title .num{float:right;margin:0 15px 0 0;font-size:20px;}
.show-title .num b{display:inline-block;width:30px;height:30px;background:url(../graph/icon/show-title-icon.png) no-repeat 2px 4px;margin:0 2px 0 0;vertical-align:-8px;}
/* .activity-wrap-inner dl {float:left; width:48%;margin-right:2% }*/
.activity-wrap img { width:100%; }
.tourist img{width:120%;margin-left:-10%;}
.footer-nav { position:fixed; bottom:0;width: 660px;opacity: .9;z-index: 12;}
.footer-nav img { float:left; width:50%;opacity: .6;}
.footer-blank { margin-bottom:15%}

#cboxOverlay{background:url(http://chengdu.gulove.com/resources/images/colorBox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(http://chengdu.gulove.com/resources/images/colorBox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(http://chengdu.gulove.com/resources/images/colorBox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://chengdu.gulove.com/resources/images/colorBox/loading.gif) no-repeat center center;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; background:red;top:0; left:0}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(http://chengdu.gulove.com/resources/images/colorBox/overlay.png) repeat 0 0;z-index: 10000;}
#colorbox{outline:0;z-index: 10000;}
#cboxContent{overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(http://chengdu.gulove.com/resources/images/colorBox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://chengdu.gulove.com/resources/images/colorBox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(http://chengdu.gulove.com/resources/images/colorBox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.tipsInner.hidden{ height:0}
.tipsInner { background:white; height:8%; position:fixed; top:0; left:0; width:100%; z-index:100000;border-radius:5px;transition: 0.5s;
    -webkit-transition: 0.5s; }
.tipsInner .qq-wrap { width:10%; float:left;height:100%; 	display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-box-align:center;
    -moz-box-align:center;  }
.tipsInner .qq-wrap img { height:90%}
.tipsInner dt { font-weight:bold}
.tipsInner dl{ width:90%; float:right;height:100%; 	display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-box-align:center;
    -moz-box-align:center;  -webkit-box-orient: vertical; color:black;line-height:150%}
.page-class-wrap { position:relative;height: 6px; background: #b43674;}
.page-class-nav-wrap { position:absolute;  top: 0; left: 0;width: 100%;}
.page-class-nav-wrap  img { }
.page-class-wrap img { /*float:left*/}
.footer-wx-wrap { position:relative}
.footer-wx-nav { position:absolute; top:0; left:0; width:100%; }
/*.slogan img { width:100%; left:0}*/
.loading { color:white; font-weight:bold; font-size:24px}
.previous-page {position:fixed; left:0; top:30%; z-index:1000; opacity:.3; width:10%}
.next-page {position:fixed; right:0; top:30%; z-index:1000; opacity:.3;width:10%}

.show-city { position:relative}
.show-city img {}
.this-city { position: absolute; width:100%;  }
.this-city img { width:100%; height:100%}
.show-city-menu { display:none; background:#CD0065; position:absolute; font-weight:normal;  width:98px; right:2%; font-size:28px; font-family:"Microsoft YaHei"; }

.show-city-menu li { line-height:45px}
.show-city-menu li a {color:white}

@-webkit-keyframes advice_window {
    0%{
        -webkit-transform: scale(0.8);
    }
    50%{
        -webkit-transform: scale(0.9);
    }
    100%{
        -webkit-transform: scale(0.8);
    }
}

.zx-poup {
    -webkit-animation:advice_window 2s infinite linear ;
}

body.page-style-2 .slogan-6-style {margin:20px 0; margin-bottom:30px}
body.page-style-2 .sub-wrap .title{color: #828E9A;position: relative; z-index: 11;background:url(../graph/v3/title_word.png) no-repeat center 0;height:55px;line-height:55px;/* margin:12px 0 0; */}
body.page-style-2 .sub-wrap .title-gt{background-position:center 0;}
body.page-style-2 .sub-wrap .title-fg{background-position:center -80px;}
body.page-style-2 .sub-wrap .title-hs{background-position:center -161px;}
body.page-style-2 .sub-wrap .title-zs{background-position:center -243px;}
body.page-style-2 .sub-wrap .title-dy{background-position:center -335px;}

body.page-style-2 .mainWidth{ margin-top:-74px; }
body.page-style-2.six-style .mainWidth{ margin-top:0; }
body.page-style-2 header { z-index:12}
body.page-style-2 .style6.six-style-wrap{ margin-top: 175px;}
.style6 .slogan { padding:60px 0 13px 0;background: #b43674;}
.header-6-style { /* padding-top:100px; */padding-bottom:0;}
body.six-style header { background:none}
.page-wrap ul{}
/*.index .page-wrap li {
	color:white; opacity:.7; margin-right:5px; margin-bottom:5px;
	font-size:18px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;  display:inline-block;  width:34px; height:34px; line-height:34px; border:0px blue solid;*	display:inline;*zoom:1;
	}*/

.page-wrap li { display:inline-block; opacity:.7; margin-right:1px; margin-bottom:10px; background:white; color:black;font-size:19px; font-family:Georgia, "Times New Roman", Times, serif;  display:inline-block;  width:54px; height:42px; line-height:42px; border:0px blue solid;*	display:inline;*zoom:1;   }
.page-wrap li.hand:after { content:"页"; }
.page-wrap li:last-Child:after, .page-wrap li:first-Child:after  { content:""; }
.page-wrap li.on, .page-wrap li:hover{ opacity:1.0; }
.dali-ad  img{ width:600px; margin:0 auto; text-align:center}
/*首页活动下拉css*/
.slide-down{width:660px;float:left;position:relative;min-height:100px;background-color:#b13673;}
.slide-down div{opacity:0;}
.slide-down .title{width:660px;height:100px;position:absolute;left:0;top:0;font-size:36px;font-weight:bolder;line-height:100px;color:#fff;text-align:center;transition:all 300ms linear 100ms;}
.slide-down .title-active{top:-100px;transition:all 100ms linear 0ms;}
.slide-down .m-img{width:100%;height:0;animation:the-height 300ms ease-in-out;}
@keyframes the-height{
    0%{height:420px;}
    100%{height:0px;}
}
.m-img img{height:100%;width:100%;}
.slide-btn{width:133px;height:300px;position:absolute;right:0;bottom:-300px;z-index:1;overflow:hidden;}
.btn-slider{width:10px;height:155px;position:relative;margin:-20px 0 0 55px;box-shadow:2px 0 3px #666;}
.btn-slider img{width:100%;height:100%;}
.btn-img{}
.btn-shadow{position:absolute;width:85px;height:85px;border-radius:50%;left:20px;top:21px;z-index:2;}
.btn-shadow p{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;background-color:#fff;opacity:0.3;opacity:1;transform:scale(0);}
.btn-shadow .to-show{opacity:0;transform:scale(1);transition:all 400ms linear;}
.slide-shadow{width:660px;height:30px;overflow:hidden;position:absolute;bottom:-30px;left:0;background-color:#b13673;overflow:hidden;transition:height 200ms linear 150ms;}
.slide-shadow p{width:900px;height:100px;border-radius:50%;margin:-63px 0 0 -100px;background:radial-gradient(#010c23,#b13673,#b13673);animation:slide-shadow-action 6000ms ease 0ms infinite;}
.slide-shadow-active{height:0;transition:height 0ms linear;}
.btn-img{width:130px;margin-top:-100px;z-index:1;position:relative;}
.btn-img img{width:100%;}
.btn-slider-action{animation:btn-slider-action 400ms ease-in-out 0ms;margin-top:0;}
.slide-down .m-img-action{height:420px;animation:m-img-action 300ms ease-in-out 0ms;}
@keyframes btn-slider-action{
    0%{height:155px;}
    60%{height:180px;}
    75%{height:148px;}
    85%{height:165px;}
    93%{height:150px;}
    100%{height:155px;}
}
@keyframes m-img-action{
    0%{height:0px;}
    40%{height:500px;}
    58%{height:400px;}
    65%{height:420px;}
    100%{height:420px;}
}
@keyframes slide-shadow-action{
    0%{transform:scale(1);opacity:0.8;margin:-63px auto 0 -100px;}
    50%{transform:scale(0.8);opacity:0.6;margin:-70px auto 0 -100px;}
    100%{transform:scale(1);opacity:0.8;margin:-63px auto 0 -100px;}
}
@keyframes btn-shadow-p{
    0%{transform:scale(0);background-color:#fff;opacity:0.7;}
    30%{transform:scale(1);background-color:#fff;opacity:0;}
    100%{transform:scale(1);background-color:#fff;opacity:0;}
}
/*首页顶部swiper*/
.index-top-swiper{width:660px;height:660px;overflow:hidden;}
.index-top-swiper .swiper-container{width:660px;height:660px;}
.index-top-swiper .swiper-slide img{width:100%;}
.index-top-swiper .pagination{position:absolute;z-index:3;top:665px;width:100%;text-align:center;display: none;}
.index-top{width:660px;height:0;overflow:hidden; transition: height 1s linear 2s;}

.index-top img{width:660px;height:660px;}
.c{
    height: 660px;
    /*background: green;*/
    -webkit-animation: loading 1s alternate linear 7s forwards;
    animation-timing-function: ease;
}
@-webkit-keyframes loading{0%{height:660px;}100%{height: 0;}}