@charset "utf-8";

/* quickMainEmbed */

.quickMainEmbedControl{
    display: block;
    position: fixed;
    left: 160px;
    bottom: 15px;
    z-index: 1000000;
    animation: balloonAni .5s 1 ease forwards , balloonAni2 1s .5s infinite ease alternate;
}
.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#open{
    display: none;
}
.quickMainEmbedControl img#colose{
    display: block;
}
@-webkit-keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@-webkit-keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}
@keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}

.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 70px; 
    background-color: #5c2d8c;
    z-index: 999999;
    transition: 0.1s;
}
.quickMainEmbed .quickMainEmbedWrapper {width: 1210px;margin: 0 auto; height:inherit;}
.quickMainEmbed .quickMainEmbedDepth1 {height: inherit;display: -webkit-box;display: -ms-flexbox;display: flex}
.quickMainEmbed .quickMainEmbedDepth1 > li {height: inherit;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}

.quickMainEmbed .quickMainEmbedDepth1 > div.title {
    position: relative;
    width:180px;
    margin-right:25px;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title > img {
    position: absolute;
    top: -60px;
    left:0;
    z-index: 9999;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.callInfo {
	position: relative;
    width:230px;
    height: 70px;
    text-align: center;
    line-height: 25px;
    padding-top: 20px;
    background-color: #5c2d8c;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.callInfo > img {
	position: absolute;
	top: -40px;
    left: 50px;
    z-index: 9999;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.callInfo h3 {
    color:#fff255;
    font-weight: 500;
    font-size: 16px;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.callInfo h4 {
    color:#fff255;
    font-weight: 500;
    font-size: 30px;
}
.quickMainEmbed .quickMainEmbedDepth1 > li > a {
    position: relative; 
    height: inherit;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    border-radius: 50px 50px 0 0 / 50px 50px 0 0;
    background-color: #5c2d8c;
    z-index: 9999;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:hover > a {
    top: -40px;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:hover > a > h2 {
    color: white;
}

.quickMainEmbed .quickMainEmbedDepth1 > li > a > h2 {
    width: 65px;
    height: 65px;
    color: rgba(0, 0, 0, 0);
    font-size: 14px;
    line-height: 140px;
    font-weight: 400;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(3) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed01.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(4) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed02.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(5) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed03.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(6) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed04.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(7) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed05.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(8) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed06.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(9) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed07.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(10) > a > h2 {
    background:url('../../img/common/quick/quickMainEmbed08.png') no-repeat center center;
}

/*.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(3):hover > a > h2{
    background:url('../../img/common/quick/quickMainEmbed01On.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(4):hover > a > h2{
    background:url('../../img/common/quick/quickMainEmbed02On.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(5):hover > a > h2{
    background:url('../../img/common/quick/quickMainEmbed03On.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(6):hover > a > h2{
    background:url('../../img/common/quick/quickMainEmbed04On.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(7):hover > a > h2{
    background:url('../../img/common/quick/quickMainEmbed05On.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(8):hover > a > h2{
    background:url('../../img/common/quick/quickMainEmbed06On.png') no-repeat center center;
}
.quickMainEmbed .quickMainEmbedDepth1 > li:nth-child(9):hover > a > h2{
    background:url('../../img/common/quick/quickMainEmbed07On.png') no-repeat center center;
}*/

.quickCloseWrap {margin:-45px 20px 0 -50px}
.quickCloseWrap img {cursor:pointer}

/*.quickControlWrap {position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:1200px;z-index:999999}*/
.quickControlWrap .quickMainEmbedControl {left:15px}