.u-member-input{
    width: 335px;
}
    .u-banner{
    	width: 895px;
        height: 344px;
        display: inline-block;
        vertical-align: top;
    }
    .carousel-control-prev .carousel-control-prev-icon{
        background: url(/styles/images/common/sprite-index.png) no-repeat center;
        width: 36px;
        height: 36px;
        background-position: 0 -57px;
    }
    .carousel-control-next .carousel-control-next-icon{
        background: url(/styles/images/common/sprite-index.png) no-repeat center;
        width: 36px;
        height: 36px;
        background-position: -41px -57px;
    }
    .carousel-indicators{
        margin: 0;
        left: 0;
        right: auto;
        width: 100%;
        height: 34px;
    }
    .carousel{
        width: 895px;
        height: 344px;
    }


    .carousel-indicators li.active{
        background-color: #ec414d;
    }
    	body{
    		background: #fff;
    	}
    	p{
    		margin:0;
    	}
        a{
            transition: 300ms;
        }
    	a:hover{
            color: #ec414d;
    		text-decoration: none;
    	}
    	.g-wrap{
    		width: 1200px;
    		font-size: 0
    	}
    	.f-recommend {
    	    width: 1200px;
    	    height: 90px;
    	    display: block;
    	    margin-top: 40px;
            background: #e7ddc2;
    	}
    	.f-recommend img{
            height: 100%;
            margin: 0 auto;
            display: block;
    	}

        .m-banner{
            margin-bottom: 15px;
        }
    	.m-banner .u-recomm{
        width: 280px;
        height: 354px;
        vertical-align: top;
        padding: 22px 24px;
        background-color: #fff;
        display: inline-block;
        border: 1px solid #e5e5e5;
    	}
    	.index-title{
    		    width: 100%;
        font-size: 16px;
        color: #333;
        line-height: 26px;
        font-weight: bold;
        margin: 0;
        
    	}
    	.index-title a{
    		font-size: 12px;
    		color: #999;
    		float: right;
    	}
    	.m-banner .u-recomm .recomm-r-item{

    	}
    	.m-banner .u-recomm a{
    		color: #666;
    		display: block;
    	    padding: 14px 0;
    	    border-bottom: 1px solid #eee;
    	}
    	.m-banner .u-recomm span{
    		color: #333;
    	    font-size: 14px;
    	    display: block;
    	    width: 100%;
    	}
    	.m-banner .u-recomm p{
    		    font-size: 12px;
        color: #999;
        margin-top: 5px;
        margin-bottom: 0;
        width: 100%;
        display: block;
    	}
    	.m-banner .u-recomm a:last-child{
    		border-bottom: 0;
    	}
    	.m-banner .u-notice{
    width: 280px;
        display: inline-block;
        height: 197px;
        padding: 15px 18px;
        background: #fff;
        border: 1px solid#e5e5e5;
    	}
    	.u-banner-r{
    		width: 280px;
    		display: inline-block;
    		margin-left: 25px;
    	}
    	.u-notice ul{
    		margin-top: 7px;
            margin-bottom: 0;
                height: 135px;
    overflow: hidden;
    	}
    	.u-notice li{
    		border: 0;
    	    padding: 3px 4px;
    	    width: 242px;
    	    font-size: 0;
    	}
        
    	.u-notice li i{
    		width: 6px;
    		height: 6px;
    		background: #000;
    		border-radius: 3px;
    		vertical-align: middle;
    		display: inline-block;

    	}
    .u-notice li.z-first a{
    color: #ff3f56
        }
        .u-notice li.z-first i{
    background: #ff3f56;
        }

    	.u-notice li a{
    	    color: #333;
            font-size: 14px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
    	   width: 222px;
        }
    /*    .u-notice li:nth-child(1) a{
            color: #ec414d;
        }*/
    	.u-author{
    	width: 280px;
        display: inline-block;
        height: 125px;
        padding: 15px 18px;
        background: #fff;
        border: 1px solid#e5e5e5;
            margin-top: 22px;
    	}
    	.u-author .index-title{
    		    margin-bottom: 8px;
    	}
    	.u-author a i{
    		width: 19px;
    		height: 19px;
    		display: block;
    		position: absolute;
    		background: url(/styles/images/common/sprite-index.png) no-repeat center;
    		    right: 0;
        bottom: 0;
    	}
    .u-author-welfare{
        width: 115px;
        height: 56px;
        border-radius: 3px;
        display: inline-block;
        text-align: center;
        line-height: 56px;
        background: #fffaf0;
        color: #f18200;
        font-size: 14px;
        position: relative;
    }
    .u-author-welfare:hover{
    	color: #f18200;
    	text-decoration: none;
    }
    .u-author .u-author-welfare i{
    	background-position: -60px 0;
    }
    .u-author-space{
    	    width: 108px;
        height: 56px;
        border-radius: 3px;
        display: inline-block;
        text-align: center;
        line-height: 56px;
        background: #fff3f3;
        color: #ff3f56;
        font-size: 14px;
            margin-left: 18px;
            position: relative;
    }
    .u-author-space:hover{
    	color: #ff3f56;
    	text-decoration: none;
    }
    .u-author .u-author-space i{
    background-position: -83px 0;
    }
    .f-title{
    	font-size: 22px;
    	font-weight: bold;
    	color: #333;
    	line-height: 44px;
        margin: 15px 0px;
        height: 44px;
    }
    .f-title a{
        font-size: 12px;
        color: #999;
        float: right;
        margin-right: 35px;
        line-height: 60px;
        height: 44px;
    }
    .m-index .u-recomm{	
    	width: 280px;
    	display: inline-block;
    	vertical-align: top;
    }
    .m-index .u-recomm>div{
    	border:1px solid #e5e5e5;
    	padding: 21px 20px;
    }
    .u-recomm .boutique-type{
        color: #999;
        display: inline-block;
        vertical-align: middle;
    }
    .u-recomm  .boutique-title{
        color: #1d1e20;
        width: 154px;
        display: inline-block;
        vertical-align: middle;
    }
    .u-recomm li{
        font-size: 14px;
        padding: 4px 0;
    }
    .u-recomm ul{
    margin-bottom: 0;
    height: 405px;
    }
    .u-boutique-recomm{
    	margin: 0 25px;
    	width: 590px;
    	display: inline-block;
    	vertical-align: top;
    }
    .u-boutique-rota{
    	height: 205px;
    	border-bottom: 1px solid #e5e5e5;
    }
    .u-boutique-book{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: 245px;
    }
    .u-boutique-book div{
    	display: inline-block;
    	width: 170px;
    	    margin-top: 15px;
    }
    .u-boutique-book div>a{
    	font-size: 14px;
    	color: #333;
    	    margin-bottom: 12px;
        display: block;
        width: 170px;
        cursor: pointer;
    }
    .u-boutique-book p{
    	font-size: 14px;
    	color: #999;
    	line-height: 24px;	
        height: 48px;
        overflow: hidden;
    }
    .u-boutique-book span{
        font-size: 14px;
        color: #999;
        line-height: 24px;  
        display: block;
        width: 170px;
        margin-bottom: 3px;
    }
    .u-boutique-book span a{
    	 color: #999;
    }
    .u-hot-rank{
    	width: 280px;
        display: inline-block;
        vertical-align: top;
    }
    .u-hot-rank ul{
        border: 1px solid #e5e5e5;
        padding: 20px 25px;
        height: 446px;
        font-size: 0;
        margin-bottom: 0;
    }
    /*.u-hot-rank{
        width: 292.5px;
        height: 560px;
        vertical-align: top;
        padding: 20px 27px;
        background-color: #fff;
        display: inline-block;
        margin-right: 10px;
    }*/

    .u-hot-rank li{
        padding: 5.5px 0;
    }

    .u-hot-rank li>a{
        font-size: 14px;
        color: #333;
        display: inline-block;
        vertical-align: middle;
        width: 185px;
            margin-left: 14px;
        line-height: 20px;
    }

    /*.u-hot-rank li>a.f-dn{
        display: none;
    }*/
    .u-hot-rank li em{
        width: 20px;
        height: 20px;
        background: #bfbfbf;
        border-radius: 10px;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
    }
    .u-hot-rank li:nth-child(1) em{
        background: #ec414d;
        vertical-align: top;
    }
    .u-hot-rank li:nth-child(2) em,
    .u-hot-rank li:nth-child(3) em{
        background: #999;
    }

    .u-hot-rank li>div>a{
        width: 82px;
        height: 109px;
        font-size: 14px;
        color: #333;
        display: inline-block;
    }
    .u-hot-rank li>div>a img{
        width: 100%;
        height: 100%;
    }

    .u-hot-rank  div>span{
        font-size: 14px;
        color: #666;
        display: block;
    }
    .u-hot-rank div>span a{
    	color: #666;
    }
    .u-hot-rank li>div{
        display: none;
    }

    .u-hot-rank li.active>div{
        display: inline-block;
        margin-left: 10px;
        width: 195px;
    }
    .u-hot-rank li.active>div div{
        width: 102px;
        margin-left: 10px;
        display: inline-block;
        vertical-align: top;

    }
    .u-hot-rank li.active>div div>a{
        width: 102px;
        color: #333;
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
        cursor: pointer;
    }
    .u-hot-rank li.active>a{
        display: none;
    }
    .u-finish-rotate{
    	background: #fff;
        padding: 15px 22px;
        width: 278px;
        height: 446px;
        display: inline-block;
        border: 1px solid #e5e5e5;
    }
    .u-whirligig-img li {
            position: absolute;
            box-shadow: 1px 1px 13px #999;
            /*cursor: pointer;*/
            transition-duration: 500ms;
        }

        .u-whirligig-img li img {
            width: 100%;
            height: 100%;
        }

        .u-whirligig-img li:nth-child(1) {
            width: 80px;
            height: 114px;
            top: 16px;
            left: 0;
        }

        .u-whirligig-img li:nth-child(2) {
            width: 103px;
            height: 138px;
            top: 0;
            left: 50px;
            z-index: 10;
        }

        .u-whirligig-img li:nth-child(3) {
            width: 80px;
            height: 114px;
            top: 16px;
            left: 125px;
        }
         .u-index-freeNew span a{
            color: #999;
        }

        .u-index-freeNew i a{
            color: #999;
        }
     .u-freeNew-tab{
            width: 236px;
            display: block;
            margin: 25px auto 0;
        }
        .u-freeNew-tab>div{
            position: relative;
            width: 236px;
            height: 170px;
        }
        .u-whirligig-item{
            display: none;
        }
        .u-whirligig-item.z-active{
            display: block;
        }
        .u-whirligig-item>span{
            text-align: center;
            display:block;
            font-size: 16px;
            color: #333;
            margin-top: 5px;
        }
        .u-whirligig-item>span a{
            color: #333;
        }
        .u-whirligig-item>i{
            text-align: center;
            display:block;
            font-size: 14px;
            color: #999;
                padding: 10px 0;
        }
        .u-whirligig-item>i a{
            color: #666;
        }
        .u-whirligig-item>p{
            text-align: center;
            display: block;
            font-size: 14px;
            color: #999;
            line-height: 26px;
            height: 52px;
            margin-top: 10px;
            overflow: hidden;
        }
        .u-whirligig-item>div{
                padding: 20px 0;
        text-align: center;
        }
        .u-whirligig-item>div span{
            text-align: center;
            display: inline-block;
            font-size: 14px;
            color: #999;
            border-radius: 4px;
            width: 62px;
            height: 24px;
            line-height: 24px;
            border:1px solid #aaa;
            margin-left: 20px;
        }
        .u-whirligig-item>div span:first-child{
            margin-left: 0;
        }
        .u-whirligig-item>a{
            font-size: 14px;
            color: #fff;
            height: 42px;
            width: 170px;
            line-height: 42px;
            border-radius: 42px;
            display: block;
            margin: 0 auto;
            background: #ec414d;
            text-align: center; 
                margin-top: 25px;
        }
     
        .u-finish-book{
    padding: 0;
        margin-left: 20px;
        width: 590px;
        height: 445px;
        display: inline-block;
        vertical-align: top;
    }
    .newbook-right-line{
        padding: 0 0 0 0;
            display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 0;
    }
    .u-newbook-right>div:last-child{
        border:0;
        overflow: hidden;
        height: 445px;
    }
    .newbook-right-line>div{
        display: inline-block;
        padding:  0;
        vertical-align: top;
        margin-bottom: 57px;
    }
    .newbook-right-line>div:nth-child(5),.newbook-right-line>div:nth-child(6){
        margin-bottom: 0
    }

    .newbook-right-line>div>a{
        width: 81px;
        height: 109px;
        display: inline-block;
        vertical-align: top;
    }
    .newbook-right-line>div a img{
        width: 100%;
        height: 100%;
    }
    .newbook-right-line>div div{
        display: inline-block;
        height: 109px;
        width: 185px;
        margin-left: 10px;
    }
    .newbook-right-line>div div h6{
        font-size: 14px;
        color: #333;
        margin: 0;
    }
    .newbook-right-line>div div h6 a{
        color: #333;
    }
    .newbook-right-line>div div p{
    font-size: 14px;
        color: #999;
        line-height: 28px;
        margin-top: 9px;
        height: 54px;
        overflow: hidden;
        margin-bottom: 0;
    }
    .newbook-right-line>div div span{
        font-size: 14px;
        color: #666;
        margin-top: 5px;
        display: block;
    }
    .newbook-right-line>div div span a{
            color: #666;
    }
    .u-type{

    }
    .u-type-book{
        width: 920px;
        display: inline-block;
        font-size: 0;
        margin-bottom: 0;
    }
    .u-type-book li{
    	width: 270px;
        height: 254px;
    	display: inline-block;
    	margin-right: 33px;
        vertical-align: top;
    }
    .u-type-book li h5{
        font-size: 18px;
        font-weight: bold;
        color: #333;
        line-height: 44px;
        padding: 15px 0px;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
    }
    .u-type-book li>div{

    }

    .u-typebook-book{
        padding: 20px 0 15px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 15px;
    }
    .u-typebook-book div{
    	width: 200px;
    	display: inline-block;
    	margin-right: 15px;
    }
    .u-typebook-book>a{
    	width: 53px;
    	height: 70px;
    	vertical-align: top;
        display: inline-block;
    }
    .u-typebook-book>a img{
        width: 100%;
        height: 100%;
    }
    .u-typebook-text{

    }
    .u-typebook-text h6{
    	    font-size: 16px;
        margin: 0 0 8px;
        color: #333;
    }
    .u-typebook-text h6 a{
        color: #333;
    }
    .u-typebook-text p{
    	height: 38px;
        overflow: hidden;
        line-height: 20px;
        font-size: 14px;
        color: #999;
    }
    .u-typebook-list{
    /*padding: 20px 0 0;*/
    }
    .u-typebook-list p{
    	    font-size: 14px;
        padding: 3px 0;
    }
    .u-typebook-list p .boutique-type{
    	    color: #999;
        display: inline-block;
        vertical-align: middle;
    }
    .u-typebook-list p .boutique-title{
    	    color: #1d1e20;
        display: inline-block;
        vertical-align: middle;
    }

    .u-author-star{
    	    font-size: 0;
        width: 920px;
        display: inline-block;
    }
    .dashen-l-item{
        width: 280px;
        height: 198px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0 23px 25px 0;
        position: relative;
    }
    .dashen-l-item-name{
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        color: #333;
        font-weight: bold;
        background: #fff;
        display: block;
        width: 177px;
        padding-left: 103px;
    }
    .dashen-l-item-name a{
        color: #333;
        display: block;
    }
    .dashen-l-item>i{
    position: absolute;
        right: 29px;
        top: 5px;
        display: inline-block;
        width: 75px;
        height: 21px;
        vertical-align: top;
    }
    .dashen-l-item-title{
        display: block;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        color: #333;
        background: #fcfcfc;
         width: 280px;
        padding-left: 92px;
        border-top:1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5; 
        border-right:1px solid #e5e5e5;  
    }
    .dashen-l-item-title a{
        color: #333;
    }
    .dashen-l-item div{
    	padding: 18px 25px;
    	border:1px solid #e5e5e5; 
    }
    .dashen-l-item div p{
        width: 228px;
        height: 90px;
        overflow: hidden;
        line-height: 29px;
        color: #333;
        font-size: 14px;
    }
    .dashen-l-item img{
        width: 70px;
        height: 70px;
        position: absolute;
        border-radius: 40px;
        top: 0;
        left: 15px;
    }
    .u-god-list{
        border: 1px solid #e5e5e5;
        padding: 20px 25px 15px;
        font-size: 0;
        height: 420px;
    }
    .u-god-list>a{
    	display: block !important;
        padding: 15px 0;
        border-bottom: 1px solid #eee;
        color: #333;
    }
    .u-god-list a:last-child{
    	border-bottom: 0;
    }
    .u-god-list a span {
        color: #333;
        font-size: 14px;
        display: block;
        width: 100%;
    }
    .u-god-list a p {
        font-size: 12px;
        color: #999;
        margin-top: 7px;
        width: 100%;
        display: block;
    }

    .u-hotlist{
    	width: 895px;
    	display: inline-block;
    	vertical-align: top;
    	margin-right: 25px;
    }
    .u-hot-table{
        margin: 0 ;
        height: 590px;
    }
    .u-hot-table thead{
    	background: #fcfcfc;
    	border:1px solid #e5e5e5;
    }
    .u-hot-table thead tr{
        height: 44px;

    }
    .u-hot-table th{
        font-size: 14px;
        color: #999;
        font-weight: bold;
        text-align: left;
    }
    .u-hot-table th td{
        
    }

    .u-hot-table tr:last-child{
    border-bottom:0;
    }
    .u-hot-table thead tr{
        border-bottom: 0;
    }
    .u-hot-table tr td{
        font-size: 14px;
        color: #999;
        line-height: 49px;
    }
    .u-hot-table .hot-style{
    color: #999;
        display: block;
        width: 138px;
        cursor: default;
    }
    .u-hot-table .hot-style:hover{
        text-decoration: none;
    }
    .u-hot-table .hot-bookname{
        display: block;
        width: 220px;
    color: #333;
    }
    .u-hot-table .hot-chapter{
    color: #333;
        display: block;
        width: 200px;
    }
    .u-hot-table .hot-author{
        color: #999;
            display: block;
        width: 90px;
    }
    .u-editor-list{
        border: 1px solid #e5e5e5;
        padding: 20px 21px 15px;
        font-size: 0;
        min-height: 590px;
    }
    .u-editor-list div{
        margin-bottom: 25px;
    }
    .u-editor-list h6{
        font-size: 14px;
        color: #333;
        margin: 0 0 6px 0;
        line-height: 22px;
        display: inline-block;
    }
    .u-editor-list div a{
        font-size: 14px;
        color: #666 !important;
        display: inline-block;
        line-height: 24px;
    }
    .carousel-inner{
        height: 100%;
    }
    .carousel-inner div{
        height: 100%;

    }
    .carousel-inner div a{
        display: block;
        height: 100%;
        background: #e7ddc2;
    }
    .carousel-inner div a img{
        height: 100%;
        margin:0 auto;
    }


    /*书籍旋转*/

        .u-whirligig-b{
            width: 280px;
            height: 200px;
            display: inline-block;
        }
        .f-whirligig,.u-whirligig{
            width: 300px;
            display: inline-block;
            margin-left: -18px;
            margin-top: 25px; 
        }
        .f-whirligig li,.u-whirligig li{
            height: 144px;
            width: 108px;
            position: absolute;

                transition: 400ms;
        }
        .f-whirligig li img,.u-whirligig li img{
            width: 100%;
            transition: 300ms;
        }
        .u-whirligig li:nth-child(1) {
            left: 0;
        }
        .u-whirligig li:nth-child(2) {
            left: 54px;
            z-index: 9;
        }
        .u-whirligig li:nth-child(3) {
            left: 108px;
            z-index: 10;
        }
        .u-whirligig li:nth-child(4) {
            left: 162px;
            z-index: 9;
        }
        .u-whirligig li:nth-child(5) {
            left: 216px;
        }
        .u-whirligig li:nth-child(1) img{
            transform: scale(0.5);
        }
        .u-whirligig li:nth-child(2) img{
            transform: scale(0.75);
        }
        .u-whirligig li:nth-child(3) img{
            transform: scale(1);
        }
        .u-whirligig li:nth-child(4) img{
            transform: scale(0.75);
        }
        .u-whirligig li:nth-child(5) img{
            transform: scale(0.5);
        }
    /*书籍旋转*/
    .u-float-box{
        position: fixed;
        right: -665px;
        margin-right: 50%;
        top: 161px;
        border: 1px solid #e5e5e5;
        transition: 300ms;
    }
 
    .u-float-box div{
        width: 64px;
        height: 75px;
        background: #fff;
        color: #333;
        font-size: 12px;
        text-align: center;
        padding-top: 14px;
        cursor: pointer;
    }
    .u-float-box i{
        width: 24px;
        height: 24px;
        display: block;
        margin: 0 auto 10px;
        background: url(/styles/images/common/sprite-index.png) no-repeat center;
    }
    .u-float-app{
        color: #333;
        font-size: 12px;
    }
    .u-float-top{

        border-top: 1px solid #e5e5e5;
    }

    .u-float-QRcode {
        position: absolute;
        top: 0;
        width: 150px;
        height: 200px;
        padding: 10px;
        background: #fff;
        border:1px solid #e5e5e5;
        opacity: 0;
        left: 50px;
        z-index: -10;
        transition: 300ms;
    }
    .u-float-QRcode em{
        display: block;
        text-align: center;
        font-size: 14px;

    }
    .u-float-QRcode img{
        width: 100%;
        margin-bottom: 5px;
    }
    .u-float-app i{
        background-position: 0 -24px;
    }
    .u-float-top i{
        background-position: -29px -24px;
    }
    .u-whirligig-text{
        height: 200px;
        width: 285px;
        display: inline-block;
        vertical-align: top;
        margin-left: 25px;
    }
    .u-whirligig-text ul{
        position: relative;
    }
    .u-whirligig-text li{
        position: absolute;
        background: #fff;
    }
    .u-whirligig-text li:nth-child(1){
        z-index: 1
    }
    .u-whirligig-text li:nth-child(2){
        z-index: 2
    }
    .u-whirligig-text li:nth-child(3){
        z-index: 3
    }
    .u-whirligig-text li:nth-child(4){
        z-index: 2
    }
    .u-whirligig-text li:nth-child(5){
        z-index: 1
    }
    .u-whirligig-text li h5{
        font-size: 18px;
        color: #333;
        font-weight: bold;
        margin: 28px 0 15px;
        height: 24px;
        width: 285px;
    }
    .u-whirligig-text li p{
        font-size: 14px;
        color: #666;
        height: 44px;
        overflow: hidden;
        line-height: 22px;
        width: 285px;
    }
    .u-whirligig-text li a{
        font-size: 14px;
        color: #fff;
        height: 32px;
        width: 120px;
        line-height: 32px;
        border-radius: 22px;
        display: block;
        background: #ec414d;
        text-align: center;
        margin-top: 18px;
    }
    .u-whirligig-text li a:visited{
        color: #fff;
    }
    .u-author-welfare em{
       font-size: 12px;
    width: 26px;
    padding: 2px 3px;
    background: #ff3536;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 13px;
    display: block;
    border-radius: 2px;
    line-height: 6px;
    }

             .u-boutique-rota-book{
               padding-top: 25px;
                width: 305px;
                height: 200px;
                display: inline-block;
            }
            .f-rota-list{
                position: relative;
            }
            .f-rota-list li{
                height: 144px;
                width: 108px;
                position: absolute;
                transition: 400ms;
            }
            .f-rota-list li:nth-child(1){ 
                    left: 0;
                z-index: 1;
                transform: scale(0.666667);
            }
            .f-rota-list li:nth-child(2){
                left: 45px;
                z-index: 2;
                transform: scale(0.833333);
            }
            .f-rota-list li:nth-child(3){
                left: 99px;
                z-index: 3;
                transform: scale(1);
            }
            .f-rota-list li:nth-child(4){
                left: 153px;
                z-index: 2;
                transform: scale(0.833333);
            }
            .f-rota-list li:nth-child(5){
                   left: 198px;
                z-index: 1;
                transform: scale(0.666667);
            }
            .f-rota-list li a{
                display: block;
            }
             .f-rota-list li a img{
                width: 100%;
                height: 100%;
                transition: 300ms;
            }
            .u-whirligig-text  li{
                z-index: 0;
            }
            .u-whirligig-text  li:nth-child(1){
                z-index: 1;
            }
            .u-whirligig-text{
                margin-left: 0;
            }