@charset "utf-8";

/* clearfix */
.clearfix{ *zoom:1;}
.clearfix:after{display:table; line-height:0; content:""; clear:both;}

/* public.omission */
.fl{ float:left;}            .fr{ float:right;}            .tc{ text-align:center;}      .tr{ text-align:right;} 
.fb{ font-weight:bold;}      .f12{ font-size:12px;}        h3{ font-weight:normal;}      .listop{ padding-top:15px;}
.mr10{ margin-right:10px;}   .mr15{ margin-right:15px;}    .mL10{ margin-left:10px;}     .mL15{ margin-left:15px;}
.mt10{ margin-top:10px;}     .mt15{ margin-top:15px;}      .mb10{ margin-bottom:10px;}   .mb15{ margin-bottom:15px;}


.weiduduan{width:100%;overflow:hidden;height:216px;margin: 0.5rem auto 0 auto;}
#phoneCarousel{height: 200px;margin:0 auto;position:relative;width: 100%;}
#phoneCarousel .arrow{width: 44px;height: 44px;background:url(../images/arrows.png) no-repeat;position:absolute;top: 48%;margin-top:-22px;left:0;cursor:pointer;z-index: 99999;}

#phoneCarousel .next{background-position:right top;left:auto;right:0;}
#phoneCarousel .arrow:hover{background-position:left bottom;}
#phoneCarousel .next:hover{background-position:right bottom;}
#stage{left: 0%;position:absolute;width: 100%;height:200px;top:50%;}
#stage img{display:none;}
#stage .default{display:block;left:50%;margin-left:-135px;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}

@media screen and (max-width:414px){
    #stage{
        top:20%;
    }
    #phoneCarousel .arrow{
        top:40%;
    }
    .weiduduan{
        height:150px;
    }
}