@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:13px;}
.hidden {display: none!important;}
ul, ol {margin: 0;list-style: none;}
ol, ul, li, fieldset, form, label, legend {vertical-align: baseline;}
ol, ul {padding: 0;border: 0;outline: 0;}
li, fieldset, form, label, legend, table, caption {margin: 0;padding: 0;border: 0;}
figure, img {max-width: 100%;}

.clearfix:before, .dl-horizontal dd:before, .container:before, .container-fluid:before, .row:before, .form-horizontal .form-group:before, .btn-toolbar:before, .btn-group-vertical>.btn-group:before, .nav:before, .menu:before, .menu-header:before, .menu-menubar
:before, .pager:before, .modal-footer:before, .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .menu:after, .menu-header:after, .menu-menubar
:after, .pager:after, .modal-footer:after {content: " ";display: table;}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .menu:after, .menu-header:after, .menu-menubar
:after, .pager:after, .modal-footer:after {clear: both;}

@media (min-width: 750px)body {
min-width: 1200px!important;
}
.dji-en, .dji-zh-CN, .dji-de, .dji-zh-TW, .dji-fr, .dji-es, .dji-ru {word-spacing: -1px;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}


.homepage {min-width: 1230px;background: 0 0;}
.homepage .banner{position: relative;border-bottom: 1px solid transparent;margin-bottom: -2px;height: 673px; width:1200px; margin:14px auto;}
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;z-index: 1;width:100%;}
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.swiper-wrapper {z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}


.homepage .banner .swiper-slide {height: 673px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.swiper-container-fade .swiper-slide, .swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;}
.swiper-slide, .swiper-wrapper {width: 100%;/* height: 100%; */position: relative;}
.homepage .banner .slide-mavic {/*background-image:url(../images/banner.png);background-size:cover;background-color:#000*/}
.homepage .banner .slide_img {position:absolute; left:0; top:0;}
.homepage .banner .slide_cont {position: absolute;top: 0;left: 0;width: 100%;}
.homepage .banner .slide-mavic .mavic-live {margin-top:10px}
.homepage .banner .slide-mavic .container {position:relative}
.homepage .banner .slide-mavic .caption {position:absolute;padding-top:180px;padding-left:5px;left: 100px; top:70%;}
.homepage .banner .slide-mavic .caption .product-name .logo-name {color:#fff;font-size:30px;font-weight:300}

.homepage .banner .slide-2col .container {height: 100%;position: relative;background-repeat: no-repeat;}
.homepage .banner .swiper-slide .container {width: 100%;max-width: 1170px;z-index: 9999;}
.homepage .banner .slide-osmo-mobile .caption {padding-top: 172px;padding-left: 5px;}
.homepage .banner .slide-osmo-mobile .product-name {position: relative;text-align: left;margin-bottom: 50px;font-size: 30px;font-weight: 400;}
.homepage .banner .slide-osmo-mobile .assist, .homepage .banner .slide-osmo-mobile .link-more, .homepage .banner .slide-osmo-mobile .product-name, .homepage .banner .slide-osmo-mobile .title {color: #707473;}
.homepage .banner .slide-2col .product-name {position: absolute;text-align: center;}
.homepage .banner .slide-2col .title {margin-top: 0;}
.homepage .banner .swiper-slide .title {font-weight: 300;font-size: 24px;color: #fff;line-height: 40px;margin-top: 18px;}

.homepage .banner .swiper-slide .assist {font-size: 14px;color: #8a8a8a;line-height: 30px;position: relative;}
.homepage .banner .slide-mg-1s .assist, .homepage .banner .slide-mg-1s .link-more, .homepage .banner .slide-mg-1s .product-name, .homepage .banner .slide-mg-1s .title {
color: #707473;
}

.homepage .banner .swiper-slide .footer {margin-top: 66px;}
.homepage .banner .swiper-slide .footer a {display: inline-block;margin-bottom: 20px;}
.homepage .banner .slide-osmo-mobile .assist, .homepage .banner .slide-osmo-mobile .link-more, .homepage .banner .slide-osmo-mobile .product-name, .homepage .banner .slide-osmo-mobile .title {color: #707473;}
.homepage .banner .swiper-slide-active {
    z-index: 100;
}


.homepage .banner .swiper-slide-active .assist, .homepage .banner .swiper-slide-active .footer, .homepage .banner .swiper-slide-active .title {-webkit-animation: down-in 500ms;-moz-animation: down-in 500ms;-ms-animation: down-in 500ms;-o-animation: down-in 500ms;animation: down-in 500ms;animation-fill-mode: both;}
.homepage .banner .swiper-slide-active .title {animation-delay: 500ms;}
.homepage .banner .swiper-slide-active .footer {animation-delay: 800ms;}

.homepage .banner .swiper-slide .btn-video {margin-left: 26px;}
.homepage .banner .swiper-slide .link-more {font-size: 13px;line-height: 41px; color:#fefefe; width:109px; text-align:center;/* border-bottom:1px solid #008CD6;*/display: inline-block;}


/*首页了产品*/
.indexpro{ width:1200px; display:block; margin:0 auto ;}
.index_list{float: left; width:399px; height:270px;}
.index_list a{text-align: center;text-decoration: none;color: #333;}
.index_list div{width: 399px;height: 80px;padding: 30px 0px 380px;line-height: 40px;}

@-moz-keyframes down-in {
0% {
-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0);
opacity:0
}
to {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@-webkit-keyframes down-in {
0% {
-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0);
opacity:0
}
to {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@-o-keyframes down-in {
0% {
-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0);
opacity:0
}
to {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}
@keyframes down-in {
0% {
-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0);
opacity:0
}
to {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
}


.homepage .banner .swiper-container-banner.white-nav .left-btn-white, .homepage .banner .swiper-container-banner.white-nav .right-btn-white {
    display: block;
}
.homepage .banner .swiper-button-next .left-btn-white, .homepage .banner .swiper-button-next .right-btn-white, .homepage .banner .swiper-button-prev .left-btn-white, .homepage .banner .swiper-button-prev .right-btn-white {
    background-image: url(//www-optimized.djicdn.com/assets/images/homepage/right-icon-b2768089339e6f64c9870900d569f633.svg);
    display: none;
}
.homepage .banner .swiper-button-next .left-btn, .homepage .banner .swiper-button-next .left-btn-white, .homepage .banner .swiper-button-next .right-btn, .homepage .banner .swiper-button-next .right-btn-white, .homepage .banner .swiper-button-prev .left-btn, .homepage .banner .swiper-button-prev .left-btn-white, .homepage .banner .swiper-button-prev .right-btn, .homepage .banner .swiper-button-prev .right-btn-white {
    background-size: cover;
    top: 50%;
    position: absolute;
    margin-top: -17px;
    width: 25px;
    height: 60px;
}


/*
.homepage .link-more.link-more-grey:before {background: #44a8f2;}
.homepage .link-more:before {left: 0;right: 0;}
.homepage .link-more:after, .homepage .link-more:before {content: " ";position: absolute;bottom: 0;height: 2px;background: #44a8f2;}
.homepage .link-more:after {left: 51%;right: 51%;background: #fff;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;}
.homepage .link-more.link-more-grey:after {background: #707473;}

.homepage .link-more.link-more-grey {color: #707473;}
.homepage .link-more {position: relative;font-weight: 400;font-size: 13px;line-height: 15px;color: #fff;cursor: pointer;}
*/
.homepage .link-more {position:relative;font-weight:400;font-size:12px;line-height:15px;color:#fff;cursor:pointer}
.homepage .link-more:after,.homepage .link-more:before {content:" ";position:absolute;bottom:0;height:2px;background:#008CD6}
.homepage .link-more:before {left:0;right:0}
.homepage .link-more:after {left:51%;right:51%;background:#fff;-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
.homepage .link-more:hover:after {left:0;right:0}
.homepage .link-more.link-more-grey {color:#707473}
.homepage .link-more.link-more-grey:before {background:#008CD6}
.homepage .link-more.link-more-grey:after {background:#fff}

.homepage .banner .swiper-slide .btn-buy-primary {display: inline-block;background: #008CD6;font-weight: 400;font-size: 13px;color: #fefefe;height: 43px;line-height: 43px;width:107px; text-align:center;margin-left: 30px;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;cursor: pointer;border: 1px solid #008CD6;}
.homepage .banner .swiper-slide .btn-buy-primary:hover {border: 1px solid #008CD6;background-color: transparent;color: #008CD6;}

.swiper-container-horizontal>.swiper-pagination {bottom: 37px;left: 0;width: 100%;}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 9px;}
.homepage .banner .swiper-pagination-bullet {padding: 10px 0;width: 16px; height:16px; background:url(../images/no.png) no-repeat;}

.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet {width: 16px;height: 16px;display: inline-block;}

.swiper-pagination-bullet-active{ background: url(../images/on.png) no-repeat !important; width:16px; height:16px;}
.homepage .banner .swiper-button-next, .homepage .banner .swiper-button-prev {background: 0 0;padding: 5px;-webkit-transition: all 200ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;opacity: .6;top: 0;height: 100%;margin-top: 0;}
/* .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2…%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%20fill%3D%23007aff%2F%3E%3C%2Fsvg%3E);left: 10px;right: auto;} */
.swiper-button-prev{position: absolute;top: 50%;width: 70px !important;height: 70px !important;margin-top: -22px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat; /* background-color: #4c4d4f; */
background: url(../newIndex/images/b-left.png) #4c4d4f center no-repeat; /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23828284'%2F%3E%3C%2Fsvg%3E"); background-size: 25%; */}
.swiper-button-prev:hover{background: url(../newIndex/images/b-left2.png) #00a0ea center no-repeat;}
.swiper-button-next:hover{background: url(../newIndex/images/b-right2.png) #00a0ea center no-repeat;}
.swiper-button-next{position: absolute;top: 50%;width: 70px !important;height: 70px !important;margin-top: -22px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat; /* background-color: #4c4d4f; */
background: url(../newIndex/images/b-right.png) #4c4d4f center no-repeat;}
/* .swiper-button-next, .swiper-button-next{} */

.homepage .banner .swiper-button-next .icon-swiper-arrow-left, .homepage .banner .swiper-button-next .icon-swiper-arrow-left-white, .homepage .banner .swiper-button-next .icon-swiper-arrow-right, .homepage .banner .swiper-button-next .icon-swiper-arrow-right-white, .homepage .banner .swiper-button-prev .icon-swiper-arrow-left, .homepage .banner .swiper-button-prev .icon-swiper-arrow-left-white, .homepage .banner .swiper-button-prev .icon-swiper-arrow-right, .homepage .banner .swiper-button-prev .icon-swiper-arrow-right-white {top: 50%;position: absolute;margin-top: -17px;}
.icon-swiper-arrow-left {background-position: -292px -86px;}
.icon-swiper-arrow-left-white, .icon-swiper-arrow-left {background-image: url(../images/sprite-icon.png);width: 19px;height: 35px;}

.homepage .banner .swiper-container-banner .swiper-button-next, .homepage .banner .swiper-container-banner .swiper-button-prev, .homepage .banner .swiper-container-banner .swiper-pagination {-webkit-transition: opacity 100ms;-moz-transition: opacity 100ms;-ms-transition: opacity 100ms;-o-transition: opacity 100ms;transition: opacity 100ms;}
.homepage .banner .swiper-button-next, .homepage .banner .swiper-button-prev {background: 0 0;padding: 5px;-webkit-transition: all 200ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;opacity: .6;top: 0;height: 100%;margin-top: 0;}
/* .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2…2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%20fill%3D%23007aff%2F%3E%3C%2Fsvg%3E);right: 10px;left: auto;} */

.icon-swiper-arrow-right {background-position: 0 -307px;}


/*4张图片链接*/
.container-fluid{ padding-left:0; padding-right:0;}
.homepage .grids-section {background:#fff; width:1200px; margin:0 auto;}
.homepage .grids-section .row div {margin:0 2px 0 0;overflow:hidden;padding:0}
.homepage .grids-section .col-sm-3 {width: 398px;}
.homepage .grids-section .grid-item img {width:100%; height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;transition:transform 1s}
/*
.homepage .grids-section {margin:0;background:#fff;padding:2.5px 2.5px 0}
.homepage .grids-section div {margin:0;overflow:hidden;padding:0}
.homepage .grids-section .row>div {padding:2px 2px 0}*/
.homepage .grids-section .grid-item {overflow:hidden;line-height:0;display:block;position:relative;color:#fff}
.homepage .grids-section .grid-item:hover img {-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}/*
.homepage .grids-section .grid-item img {width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;transition:transform 1s}*/
.homepage .grids-section .grid-item .text-wrap {position: absolute;height: 100%;width: 100%;left: 0;top: 0;
/*background: -webkit-linear-gradient(-90deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
background: -moz-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
background: -ms-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
background: -o-linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);
background: linear-gradient(-180deg,rgba(237,237,237,0) 0%,rgba(0,0,0,.54) 100%);*/}

.homepage .grids-section .grid-item .text {position: absolute;text-align: center; width:100%;top: 210px; text-shadow:0px 1px 7px #000;}

@media (max-width: 1440px)
.homepage .grids-section .grid-item .text .title {
font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;
}
.homepage .grids-section .grid-item .text .title {position: relative;display: inline-block;text-transform: uppercase;font-weight: 400;padding-bottom: 10px;line-height: 24px;font-size: 24px; color:#fff;}
@media (max-width: 1440px)
.homepage .grids-section .grid-item .text .main {
font-size: 13px;
}
.homepage .grids-section .grid-item .text .main {font-weight: 300;line-height: 1.3;text-transform: uppercase;font-size: 15px;}


.ficon {margin-top: 50px;padding: 0 34%;position: relative;text-align: center;}
.ficon:before, .ficon:after {content:"";width:28%;height:1px;background-color:#999;top:15px;position:absolute}
.ficon:before {left:0}
.ficon:after {right:0}
.ficon a{ padding:0 15px;position: relative;}
.ficon .fa-facebook1 {background:url(../images/weixin.png);position:relative;top:3px;width:24px;height:19px;-webkit-background-size:24px 19px;-moz-background-size:24px 19px;-ms-background-size:24px 19px;-o-background-size:24px 19px;background-size:24px 19px}
.ficon .fa-facebook1:hover{ background:url(../images/weixin1.png);}

.ficon .fa-twitter1 {background:url(../images/youku.png);position:relative;top:3px;width:22px;height:22px;-webkit-background-size:22px 22px;-moz-background-size:22px 22px;-ms-background-size:22px 22px;-o-background-size:22px 22px;background-size:22px 22px}
.ficon .fa-twitter1:hover{ background:url(../images/youku-2.png);}

.ficon .fa-bili {background:url(../images/bili.png);position:relative;top:3px;width:22px;height:22px;-webkit-background-size:22px 22px;-moz-background-size:22px 22px;-ms-background-size:22px 22px;-o-background-size:22px 22px;background-size:22px 22px}
.ficon .fa-bili:hover{ background:url(../images/bili-2.png);}

.ficon .fa-youtube1 {background:url(../images/sina1.png);position:relative;top:3px;width:24px;height:20px;-webkit-background-size:24px 20px;-moz-background-size:24px 20px;-ms-background-size:24px 20px;-o-background-size:24px 20px;background-size:24px 20px}
.ficon .fa-youtube1:hover{ background:url(../images/sina1-2.png);}

.ficon .fa-wechat12 {background:url(../images/feiyu.png);position:relative;top:3px;width:14px;height:24px;-webkit-background-size:14px 24px;-moz-background-size:14px 24px;-ms-background-size:14px 24px;-o-background-size:14px 24px;background-size:14px 24px}
.ficon .fa-wechat12:hover{ background:url(../images/feiyu-2.png);}

.ficon .fa-instagram2 {background:url(../images/icon121.png);position:relative;top:2px;width:24px;height:20px;-webkit-background-size:24px 20px;-moz-background-size:24px 20px;-ms-background-size:24px 20px;-o-background-size:24px 20px;background-size:24px 20px}
.ficon .fa-instagram2:hover{ background:url(../images/icon121-2.png);}

.ficon .fa-instagram3 {background:url(../images/icon111.png);position:relative;top:2px;width:24px;height:20px;-webkit-background-size:24px 20px;-moz-background-size:24px 20px;-ms-background-size:24px 20px;-o-background-size:24px 20px;background-size:24px 20px}
.ficon .fa-instagram3:hover{ background:url(../images/icon111-2.png);}

.ficon .fa-instagram4 {background:url(../images/youtube.png);position:relative;top:2px;width:20px;height:24px;-webkit-background-size:20px 24px;-moz-background-size:20px 24px;-ms-background-size:20px 24px;-o-background-size:20px 24px;background-size:20px 24px}
.ficon .fa-instagram4:hover{ background:url(../images/youtube-2.png);}

.ficon .fa-weixin1 {background:url(../images/weixin.png);position:relative;top:2px;width:24px;height:20px;-webkit-background-size:24px 20px;-moz-background-size:24px 20px;-ms-background-size:24px 20px;-o-background-size:24px 20px;background-size:24px 20px}
.ficon .fa-weixin1:hover{ background:url(../images/weixin-2.png);}
.ficon .ewm{position: absolute; top: -150px; left: 56%; width: 133px !important; height: 133px; display: none;}



.ficon  a .qrcode {display: none;position: absolute;width: 232px;height: 284px;background-image: url(../images/wechat.png)background-size: 100%;top: -270px;left: -170px;}
.ficon a:hover .qrcode {display: block;}

.erweima{ float:right; margin-right:10px;}
.erweima span{ border:1px solid #d1d1d1; padding:10px;display:inline-block;}
.erweima p{ color:#000; font-size:12px; padding:10px 0px; line-height:17px; text-align:center; letter-spacing:1px;}