.desktop-wrapper {
	width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.desktop-wrapper .options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 170px;
    width: 100%;
    height: 100%;
}

.desktop-wrapper .options .option {
    position: relative;
    overflow: hidden;
    min-width: 120px;
    background-size: 70vw auto;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}
.desktop-wrapper .options .option .titletype{
	position: absolute;
	width: 50px;
	height: 120px;
	right: 0;
	top: 50%;
	margin-top: -60px;
	border-radius:15px 0px 0px 15px;
	text-align: center;
	font-size:16px;
	color:rgba(255,255,255,1);
	background-color: #00a9b0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.desktop-wrapper .options .option .titletype span{
	display: inline-block;
	width: 18px;
	word-wrap: break-word;
	line-height: 20px;
}

.desktop-wrapper .options .option.active {
    flex-grow: 10000;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.desktop-wrapper .options .option:not(.active) {
    flex-grow: 1;
    filter: grayscale(50%);
	/* filter: contrast(300%) */
}
.optionsolution{
	filter: grayscale(0%) !important;
	/* filter: contrast(300%) !important; */
}
.desktop-wrapper .options .option:not(.active):hover {
    filter: grayscale(0%);
	/* filter: contrast(100%) */
}
.options> :nth-child(1) {
	
    background-color: #515272;
    background-image: url(../img/reader.png);
    background-position: center center;
    background-size: cover;
}
.infos{
	position: absolute;
}
.options> :nth-child(2) {
    background-color: #6c3f31;
    background-image: url(../img/bookshop.png);
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(3) {
    background-color: #323119;
    background-image: url(../img/lib.png);
    background-position: center center;
    background-size: cover;
}
.solutioninfos{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	background-color: rgba(0,0,0,.3);
}
.solutionFun{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-end;
	padding: 0 80px;
}
.solution_title{
	position: relative;
	height: 45px;
}

.solution_title>h3{
	font-size:30px;
	font-weight:400;
	color:rgba(248,187,98,1);
	text-align: right;
	position: absolute;
	right: 0;
	z-index: 5;
}
.solution_title>p{
	position: absolute;
	width: 300px;
	font-size:35px;
	font-family:Arial;
	font-weight:400;
	color:rgba(16,193,200,1);
	right: 0;
	text-align: right;
	bottom: -5px;
	z-index: 3;
}
.bookFun{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-end;
	padding: 0 80px;
}
.bookshop_title{
	text-align: center;
}
.bookshop_title>img{
	width: .8rem;
	height: .8rem;
	margin-bottom: .15rem;
}
.bookshop_title>p{
	font-size: .3rem;
	color:rgba(255,255,255,1);
}
.bookshop_cont{
	background-color: rgba(0,0,0,.3);
	width: 8rem;
	margin: 0 auto;
	position: relative;
	text-align: center;
	margin-top: .5rem;
}
.bookshop_cont>p:first-child{
	position: absolute;
	top: -.2rem;
	left: 50%;
	margin-left: -1.3rem;
	width: 2.6rem;
	height: .4rem;
	text-align: center;
	line-height: .4rem;
	font-size: .18rem;
	color:rgba(255,255,254,1);
	background-color: rgba(255,255,255,0.2);
	z-index: 333;
}
.bookshop_cont>p:last-child{
	padding: .3rem 0rem;
	font-size: .14rem;
	color:rgba(255,255,255,1);
	line-height: .24rem;
}
.solution_cont{
	padding-top: 25px;
}
.solution_cont>p{
	font-size:14px;
	color:rgba(255,255,255,1);
	line-height:24px;
	text-align: right;
}