/* div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form {overflow:hidden;} */

/**
 * 主色   #0067B2
 * 辅助色 #43bc9a
 
**/

*{margin:0;padding:0;list-style:none;}
input, select, textarea ,video{outline:none;}
select{outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;}
input,select{color:#999;}
select::-ms-expand {display:none;}
option{color:#000;}
input {border:none;background:none;font-family:'微软雅黑';}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 111111s;
    -webkit-transition: color 11111s ease-out, background-color 111111s ease-out;
}
a{text-decoration:none;cursor:pointer;}
html,body{font-family:"微软雅黑";color:#666666;overflow-x:hidden;}
img{vertical-align:middle;}
button,select{cursor:pointer;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clearfix{display:block;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.w310{width:310px;}
.w820{width:820px;}
.w870{width:870px;}
.w1200{width:1200px;margin:0 auto;}
.w1230{width:1230px;margin:0 auto;}
.w1220{width:1220px;margin:0 auto;background-color: #00695f;}
.m20{margin-bottom:20px;}
.m_t_10{margin-top:10px;}
.m_b_20{margin-bottom:20px;}
.m_r_20{margin-right:20px;}
.copy{moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.fixed{position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;}
.pointer,.form_btn,.btn,.close{cursor:pointer;}
.none{display:none !important;}
.show{display:block !important;}
.center{text-align:center;}
.line-clamp-1{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.line-clamp-2{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.line-clamp-3{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;}
.line-clamp-4{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-all;}
.line-clamp-5{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-all;}
.line-clamp-6{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;word-break:break-all;}
.user-select{moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.border-top-blue{border-top:2px solid #004196;}
.border-top-green{border-top:2px solid #43bc9a;}
.border-top-darkslategray{border-top:2px solid #006960;}
.border-top-dark{border-top:2px solid #294340;}
.border-top-yellow{border-top:2px solid #fdbd0f;}
.ccc{background:#ccc !important;}
.fff{background:#fff !important;}
.swiper-button-next a,
.swiper-button-prev a{display:block;width:100%;height:100%;}


body{background:#f5f5f5;}
.main_top{
    top: 0px;
    width: 100%;
    height: 96px;
    opacity: 1;
}


.menu_nav ul li{line-height:25px;float:left;padding:13px 3.3px;font-size:16px;margin-right:22px;position:relative;}
.menu_nav ul li a{color:#ffffff;font-size:16px;}
.menu_nav ul li a:hover{font-weight:500;}
.menu_nav ul li.nav_look{background:#8ad5c0;border-radius:8px;color:#00695f;padding:2px 8px;margin-top:12px;font-size:14px;font-weight:bold;}
.menu_nav ul li span {border-left:1px solid #6cd8ba;margin:0 0px 0 30px;float:right;height:25px;}
.menu_nav ul li:last-child{margin-right:0;}


#main{
    /* position: relative;
    display: flex;
    max-width:1920px;
    width:1920px;
    min-width: 1920px;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto; */
    transform-origin: left top; 
    transition: all 0.3s ease;  
    /* gap:10px; */
}

.main_menu{
    position: absolute;
    left:0;
    right:0;
    top:-5px;
    margin:auto;
    width: 1230px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    float:left;
    z-index: 100;
}

.main_menu_bg{
    background: #43bc9a;
    width: 100%;
    height: 50px;
    z-index: 1;

}
.main_menu .main_menu_bar{
    /* position: absolute; */
    padding-left:10px;
    left: 311px;
    top: 105px; 
    width: 550px;
    height: 40px;
    opacity: 1;
    z-index: 2;
    /* background: #0067B2; */
}




.main_menu .main_menu_left{
    /* 矩形 7 */
    /* position: absolute; */
    left:150px;
    /* top: -102px; */
    width: 310px;
    /* height: 548px; */
    border-radius: 15px;
    /* background: #82BDBB; */
    background: #fff;

    /* background-image: url(/themes/theme-foo/assets/images/menu_bg.webp); */
    background-repeat: no-repeat;
    background-position: center;
    /* background: #f3f3f3; */

    z-index: 2;
    /* 阴影/弥散阴影 */
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);
}
.main_menu .main_menu_left .logo{
    padding-top:8px;
    height: 96px;
    /* width: 310px;  */
    text-align: center;
    /* background-color: #000; */
}	

.main_menu .main_menu_left .logo img{
    /* height: 102px; */
    width: 200px;
}	

.main_menu .main_menu_left .middle_bar {
    /* 矩形 10 */
    width: 310px;
    height:78px;
    background-image:url(/themes/theme-foo/assets/images/menu_left_bar_middle.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    padding-top: 30px;
    text-align: center;
    color: #fff;
}

.main_menu .main_menu_left .middle_bar_text{
    position: relative;
    left: 25px;
    width: 268px;
    height: 369px;
    opacity: 1;

    text-align: center;
}

.main_menu .main_menu_left .middle_bar_text .item{
    padding: 10px 20px 10px 20px;
    width:100%;
    height: 120px;
    text-align: left;
}

.main_menu .main_menu_left .middle_bar_text .item ul{
    width:200px;
    height:50px;
}

.main_menu .main_menu_left .middle_bar_text .item ul li{
    float: left;
    text-align: left;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:10px;
}

.main_menu .main_menu_left .middle_bar_text .item  ul li a{color:#666;font-size:14px;}
.main_menu .main_menu_left .middle_bar_text .item ul li a:hover{font-weight:bold;}


.main_menu .main_menu_left .middle_bar_text .item ul li:nth-child(odd) {   /*or ul li:nth-child(odd)*/
    clear: left;
}

.w1920_banner{max-width:1920px;width:100%;min-width:1200px;margin:0 auto;background-color: #000;}
.w1920_banner .swiper-container_banner{height:400px;width: 100%;}
.w1920_banner .swiper-container_banner .swiper-slide a{width:100%;height:100%;display:block;}
.w1920_banner .swiper-container_banner .swiper-pagination-bullet{width:30px;height:6px;border-radius:0;background:#ffffff;margin-right:5px;opacity:0.5;}
.w1920_banner .swiper-container_banner .swiper-pagination-bullet:hover{height:12px;}
.w1920_banner .swiper-container_banner .swiper-pagination-bullet-active{background:#3fba98;opacity:1 !important;}
.w1920_banner .swiper-container-horizontal>.swiper-pagination_banner, 
.w1920_banner .swiper-pagination-custom, 
.w1920_banner .swiper-pagination-fraction{width:880px;left:0;right:0;bottom:25px;margin:0 auto;padding:0 0 0 320px;}
.w1920_banner.h400{height:400px;}

.qt_ad_banner .swiper-pagination-bullet{width:30px;height:6px !important;opacity:0.5 !important;}
.qt_ad_banner .swiper-pagination-bullet:hover{height:12px !important;}

.article{
    width: 1230px;
    margin:0 auto;
    margin-top:10px;
    padding:10px;
    
    /* background-color: #fff; */
}
.flex_row{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.article_title{
    background-image:url(/themes/theme-foo/assets/images/fuhao_new.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    /* background-size: 1.5em auto; */
    height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    font-weight: bold;
    /* border: 1px solid #ff0000; */
    padding-top:16px;

}

.article_title_2{
    background-image:url(/themes/theme-foo/assets/images/fuhao_new.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    /* background-size: 1.5em auto; */
    height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: bold;
    /* border: 1px solid #ff0000; */
    padding-top:16px;

}

/**学历提升样式1**/
.article_content{
    padding: 10px;
    min-height: 300px;
    background-color: #fff;
}

/* .article_content ul{
    width:100%;
    background-color: #000;
}*/

.article_content ul li {
    float:left;
    margin: 4px;
    padding: 2px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);
} 

/* .article_content ul li a img{
    width: 210px; 
    height: auto;
    max-height: 280px;
    border-radius: 15px;
    object-fit: contain
} */

/**学历提升样式2**/

.article_2_content{
    padding: 10px;
    min-height: 310px;
    background-color: #fff;
}

.article_2_content ul{
    display: flex;
    flex-wrap:wrap;
    width:100%;
}

.article_2_content ul li {
    /* float:left; */
    margin: 5px;
    padding: 2px;
    height:80px;
    border-radius: 5px;
    /* border:1px solid #ff0000; */
    width:80px;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);

}

.article_2_content ul li a {
    /* height:60px; */
}

.article_2_content ul li a img{
    width: 50px; 
    height: auto;
    border-radius: 0px;
    object-fit: contain;
    max-height: 60px;
}

.article_2_content ul li a{
    color:#666;
    font-size:14px;
    /* float:left; */
    /* padding-top:5px; */
}



/* .article_2_content ul li:nth-child(odd) { 
} */

/**留学文章**/


/* .article_3_content{
    padding: 10px;
    min-height: 400px;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    flex-direction:row;
} */

.tabs{
    width:100%;
    /* border:1px solid #ff0000; */
}

.tabs_links{
    margin:0px;
}

.tabs_links li{
    display: inline-block;
    margin-right: 2px;
    padding: 5px;
    /* padding-left:10px;
    padding-right:10px; */
    width:90px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    text-align: center;
    cursor: pointer;
    border-radius: 10px 10px 0px 0px;

}

.tabs_links li a{
    color:#333333;
    width:100%;
    height:100%;
}

.tab{
    display: none;
    margin-top: 10px;
    padding:10px;
    /* border:1px solid #ff0000; */
}

.tab.active{
    display: block;
}

.tabClickBgblue{
    background: #ddd;color: white;
}

#tab1{
    display: block;
}


.tab_content{
    width:100%;
    height:340px;
}
.article_3_content ul{
    display: flex;
    flex-wrap:wrap;
    width:100%;
}

.article_3_content ul li {
    float:left;
    margin: 0 15px 10px 10px;
    padding: 2px;
    height:150px;
    border-radius: 15px;
    width:200px;
    background-color: #ffffff;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);

}

 .article_3_content ul li div {
    text-align: center;
    width:100%;
}

.article_3_content ul li a {
    height:80px;
}


.article_3_content ul li a img{
    width: 195px; 
    height: auto;
    border-radius: 15px;
}

.article_3_content ul li a{
    color:#333;
    font-size:16px;
    float:left;
    padding-top:5px;
}

/* .article_3_content .left_bar{
    width:460px;
    height:340px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16);
} */

.article_3_content .left_bar img{

    border-radius: 15px;
    width:460px;
    height:340px;
}


.lx_content {
    min-width: 500px;
    min-height: 250px;
    display: flex;
    border:0px solid #ff0000;
}

.lx_content .lx_server_step {
    display: flex;
    flex-direction: row;
    width:100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-shadow: 0px 8px 32px 0px rgba(76, 58, 58, 0.16);

}

.lx_content .lx_server_step .t{
    width:100%;
    height:25px;
    padding-left:10px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.lx_content .lx_server_step .step{
    margin:10px;
    height:250px;
    width:150px;
    background-color: #ffffff;
    display:flex;
    flex-direction: column;
    align-items: center;
    border:1px solid #ddd;
    border-radius: 45px;

}

.lx_content .lx_server_step .step .icon{
    width:100%;
    height:50px;
    padding-top:10px;
    border-radius: 15px 15px 0px 0px;
    color:#333333;
    text-align: center;
    font-weight: bold;
    border-bottom:1px solid #ccc;
}

.lx_content .lx_server_step .step .desc{
    width:100%;
    height:150px;
    line-height: 25px;;
    text-align: center;
    background-image:url(/themes/theme-foo/assets/images/fuIcon_1.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.lx_content .lx_server_step .step .c{
    border-top:1px solid #ccc;
    height:45px;
    width:100%;
    display: flex;
    justify-content: center; /* 在主轴上对齐内容到中心位置 */
    align-items: center; 

}


.lx_content .lx_server_step .step .c a{
    width:100%;
    text-align: center;
}


.lx_content .lx_server_step .step .c .but1{
    width:80%;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    color:#43bc9a;
    /* font-weight: bold; */
    border:1px solid #43bc9a;
    cursor: pointer;
    /* background-color:#43bc9a; */
}


.article_4_content{
    padding: 10px;
    min-height: 300px;
    background-color: #fff;

}

.article_4_content ul{
    width:100%;
    background-color: #000;
}

.article_4_content ul li {
    float:left;
    margin: 10px;
    padding: 2px;
    height:280px;
    background: #fff;
    border-radius: 15px;
}

.article_4_content ul li a{
    float:left;
}

.article_4_content ul li a img{
    width: 210px; 
    height: auto;
    border-radius: 15px;
    object-fit: contain
}


.article_5_content{
    padding: 10px;
    min-height: 300px;
    display: flex;
}

.article_5_content .article_5_content_box{
    margin: 10px 20px;
    flex: 1;
    height: 150px;
    background-color: white;
    color: #000;
    text-align: left;
}

.article_5_content .article_5_content_box .title{
    padding-left:10px;
    padding-bottom: 10px;
    /* font-weight: bold; */
    font-size: 15px;
    border-bottom: 1px solid #dddddd;

}

.article_5_content .article_5_content_box .item{
    padding-left:10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.article_5_content .article_5_content_box .item a{
    /* padding-left:10px;
    padding-top:10px;
    padding-bottom: 10px; */
    font-size: 14px;
    color:#666;

}

.article_5_content .article_5_content_box .item ul li{
    float:left;
    margin-top:10px;
}

.article_6_content{
    padding: 10px;
    min-height: 150px;
    background-color: #fff;
}


.article_6_content ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    color:#666666;
}

.article_6_content ul li{
    width: 180px;
    height: 100%;
    border-radius: 15px 15px;

    border:1px solid #ccc;
    /* border: 1px solid #ccc; */
    /* background-color: #00695f; */
    margin-top: 10px;
    margin-right: 18px;
}


.article_6_content ul li a{
    color:#666;
    font-size:14px;
}



.article_6_content ul li .img_contain{
    background-color: #3fba98;
    width:178px;
    height:100px;
}

.article_6_content ul li .bottom_text{
   line-height: 25px;
   padding:10px;   
}

.article_6_content ul li .bottom_text .t{
    line-height: 25px;
 }

 .article_6_content ul li .bottom_text .but{
    margin-top:5px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    color:#43bc9a;
    border:1px solid #43bc9a;
    /* background-color:#43bc9a; */
 }
 

.article_6_content ul li img{
    width: 179px; 
    height: auto;
    border-radius: 15px 15px 0px 0px;
    object-fit: contain
}



.article_7_content{
    min-height: 300px;
    display: flex;
}


.article_7_content .article_7_content_box{
    /* margin: 10px 20px; */
    flex: 1;
    height: 150px;
    background-color: white;
    text-align: left;
}

.article_7_content .article_7_content_box .title{
    padding-left:10px;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 15px;
    height:40px;
    border-bottom: 1px solid #dddddd;

}

.article_7_content .article_7_content_box .item{
    padding-left:10px;
    padding-bottom: 10px;
    font-size: 15px;
}

.article_7_content .article_7_content_box .item ul li{

    margin-top:5px;
    margin-bottom:5px;

}


.article_7_content .article_7_content_box .item ul li a{

   
    color:#333;

}


.xlts2{
    top: 10px;
    width: 699px;
    height: 493px;
    opacity: 1;
    background: #FFFFFF;
}

	
.footer{
    background-color: #333333;
    /* display: flex;
    flex-direction: row;
    height:350px;
    justify-content: space-between; */
    height:250px;
    margin:0 auto;
}

.footer ul li{line-height:25px;float:left;padding:13px 3.3px;font-size:16px;margin-right:22px;position:relative;}

.footer img{width:77px;margin:6px auto 0;}

.footer .footerTit{width:130px;font-size:16px;color:#ffffff;font-weight:bold;position:relative;line-height:20px;padding-bottom:10px;float:left;margin-top:6px}

.footer .footerList{float:left;width:50%;line-height:30px;font-size:14px;color:#ffffff;}

.page_header{
    width: 310px;
    background: #fff;
    z-index: 2;
    /* 阴影/弥散阴影 */
    /* box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.16); */
}

.page_header .logo{
    padding-top:3px;
    height: 96px;
    /* width: 310px;  */
    text-align: center;
    /* background-color: #000; */
}	

.page_header .logo img{
    /* height: 102px; */
    width: 200px;
}	


.w1230_banner{max-width:1230px;width:100%;min-width:1200px;margin:0 auto;}
.w1230_banner img{
    width:1230px;
}
.w1230_banner .swiper-container_banner{height:400px;}
.w1230_banner .swiper-container_banner .swiper-slide a{width:100%;height:100%;display:block;}
.w1230_banner .swiper-container_banner .swiper-pagination-bullet{width:30px;height:6px;border-radius:0;background:#ffffff;margin-right:5px;opacity:0.5;}
.w1230_banner .swiper-container_banner .swiper-pagination-bullet:hover{height:12px;}
.w1230_banner .swiper-container_banner .swiper-pagination-bullet-active{background:#3fba98;opacity:1 !important;}
.w1230_banner .swiper-container-horizontal>.swiper-pagination_banner, 
.w1230_banner .swiper-pagination-custom, 
.w1230_banner .swiper-pagination-fraction{width:880px;left:0;right:0;bottom:25px;margin:0 auto;padding:0 0 0 320px;}
.w1230_banner.h400{height:400px;}




/* 适配样式 */



@media screen and (max-width: 769px) {

    #main{
        /* max-width: 800px; */
        -webkit-transform: scale(0.4);
        -webkit-backface-visibility: hidden;
        transform: scale(0.4);
        /* scale: 0.32; */
    }

    .main_menu .main_menu_left{
        left:0px;
    }

    .main_menu_bg{
        width:1200px;
    }

    .site-footer{
        width:1200px;

    }
    
    .main_top{
        width: 800px;
    }

    .custom-shape-divider-top-1706892957{
        display: none;
    }

    .el-dialog__wrapper{
        display: none;
    }
}



/* @media screen and (max-width: 561px) {
    #main{
        width: 800px;
    }

    .main_menu .main_menu_left{
        left:0px;
    }
	.backTop { width: 46px; height: 46px; }
	.backTop img { margin-top: 8px; width: 30px; }
} */



.elevator_item .hd-time-limited {
    display: block;
    position: fixed;
    right: 10.6px;
    bottom: 450px;
    width: 40px;
    height: 140px;
    background: url(http://www.dungei.com/wp-content/uploads/2019/07/1564543273-time-limited.png) no-repeat center;
    animation: vip-199-180510 2.4s infinite;
    margin-top: 10px;
}

@keyframes vip-199-180510 {
    0% {
        bottom: 442px;
    }
    50% {
        bottom: 450px;
    }
    100% {
        bottom: 442px;
    }
}

.aj-popbox .hd-time-limited .close-btn {
    width: 38px;
    height: 38px;
    right: 28px;
    top: 30px;
    line-height: 38px;
    text-align: center
}

.aj-popbox .hd-time-limited .close-btn i {
    font-size: 24px;
    color: #fff
}

.aj-popbox .hd-time-limited .timer {
    margin: 296px auto 0;
    width: 234px;
    font-size: 30px;
    color: #000;
    line-height: 48px;
    padding-left: 10px;
    letter-spacing: 13px;
    font-weight: bold
}

.aj-popbox .hd-time-limited .go-hd:hover {
    transform: scale(.95) translateY(2px)
}

.elevator_item {
    position: fixed;
    right: 12px;
    bottom: 195px;
    z-index: 11;
    width:80px;
    height:150px;
    background-color: #fff;
    border:1px solid #dddddd;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.elevator_item .feedback {
    width: 100%;
    height: 60px;
    background-color: #fff;
    color: #fa3c64;
    font-size: 12px;
    padding: 5px 6px;
    display: block;
    border-radius: 0px;
    border-bottom:1px solid #dddddd;
    text-align: center;
    margin-top: 10px;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, .35); */
    cursor: pointer
}

.elevator_item .advice,
.elevator_item .add,
.elevator_item .return {
    color: #383838;
    line-height: 30px
}

.elevator_item .advice i {
    font-size: 28px
}

.elevator_item .add i,
.elevator_item .return i {
    font-size: 20px
}

.elevator_item .medium {
    position: relative;
    /* background-color: #fa3c64; */
    font-size: 14px;
    color: #333
}

.elevator_item .medium .lf-box {
    display: none;
    position: absolute;
    right: 102px;
    top: -90px;
    width: 100px;
    height: 100px;
    padding-right: 40px
}

.elevator_item .medium .sp-list {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35)
}

.elevator_item .medium .sp-list li:first-child {
    height: 70px;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 50px
}

.elevator_item .medium li:first-child span {
    font-size: 14px;
    color: #383838;float: left;
    line-height: 30px
}

.elevator_item .medium .btn-addGroup {
    width: 90px;
    height: 30px;
    border-radius: 5px;
    background: #fa3c64;
    color: #fff;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-left: 14px
}

.elevator_item .medium .spl-li {
    padding: 22px 34px 0
}

.elevator_item .medium .spl-li span {
    display: block;
    font-size: 14px;
    color: #383838;
    margin-bottom: 8px
}

.elevator_item .medium .spl-li img {
    width: 130px
}

.elevator_item .add {
    position: relative
}

.elevator_item .add .lf-box {
    display: none;
    position: absolute;
    right: 31px;
    top: -32px;
    width: 178px;
    height: 104px;
    padding-right: 10px
}

.elevator_item .add .sp-list {
    width: 168px;
    height: 104px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(100, 25, 25, 0.35)
}

.elevator_item .add .sp-list li {
    line-height: 52px;
    font-size: 14px;
    color: #383838;
    text-align: left
}

.elevator_item .add .sp-list li a {
    display: block;
    height: 52px;
    width: 100%
}

.elevator_item .add .sp-list li:hover a {
    color: #fa3c64
}

.elevator_item .add .sp-list li:hover i {
    color: #fa3c64
}

.elevator_item .add .sp-list li:first-child {
    border-bottom: 1px solid #e5e5e5
}

.elevator_item .add .sp-list i {
    color: #d8d8d8;
    font-size: 28px;
    margin-left: 16px;
    margin-right: 14px;
    vertical-align: middle
}

.elevator_item .add:hover>i,
.elevator_item .return:hover>i {
    color: #fa3c64
}

.elevator_item .feedback:hover .lf-box {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.graHover {
    position: relative;
    overflow: hidden
}

.graHover:before {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .2)
}

.graHover:hover:before {
    display: block
}

/* .clearfix {
    *zoom:1;
} */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}