#sw-login-popup{margin: 160px auto 100%!important;}
/*service*/
.service_logo {
	width: 8%;
    position: fixed;
    right: 1%;
    bottom: 70px;
}
.service_logo span {
    /* position: fixed;
    right: 0px;
    bottom: 76px; */
}
.serviceBanner{
    background: url(../../ccx_images/banner_2019.08.01.png) no-repeat !important;
    height: 500px !important;
}
.serviceBanner-images{
    width: 900px !important;
}
.serviceBanner span{
    font-size: 22px;
    display: block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 10%;
    position: absolute;
    top: 27.5%;
    left: 22.9%;
    font-family: KaiTi;
}
.login_service-images{
    background: #ddd url(../../ccx_images/login_service.png) no-repeat !important;
}

/*popularize*/
.popularize {
    background: #ddd url(../../ccx_images/popularize.png) no-repeat !important;
}
.popularize-content{
    font-size: 16px;
    padding: 0 0 10px;
}

.popularize p{
    margin-bottom: 30px;
}

/*.popularize_url{}*/

.popularize_button{
    padding: 2% 0 0 38%;
}

/*studyGroup*/
.studyGroupBanner{
    background: url(../../ccx_images/weChat_xm.png) no-repeat !important;
    height: 500px !important;
}
.studyGroup-images{
    width: 900px !important;
}
.login_studyGroup-images{
    background: #ddd url(../../ccx_images/login_studyGroup.png) no-repeat !important;
}


/*account/setting/vip*/
.drawing-backdrop{
    background: url(../../ccx_images/setting-vip.png) no-repeat;
    background-size: 100%;
    height: 2366px;
}
.privilege_vip0{
    text-align: center;
    position: relative;
    /*top: 90%;*/top: 90.6%;
}
.privilege_vip0 a{
    padding: 2% 16%;
    color: #fff;
    line-height: 1;
    font-size: 26px;
}
.privilege_vip0 a:hover{
    color: #333;
}
.privilege_vip_text {
    margin: 3% auto;
    color: #fff;
    letter-spacing: 1px;
}

.privilege_vip1 {
    text-align: center;
    position: relative;
    /*top: 89.6%;*/top: 90.1%;
}
.privilege_vip1 p {
    color: #fff;
    font-size: 19px;
    line-height: 1.5;
    margin: auto;
}
.privilege_vip1 span{
    color: #fff;
}
#vip_form{display: none}
.po-r{
    position: relative;display: block;
}
.bannerclass {
    position: absolute;
    top: 39.8%;
    left: 8.3%;
    color: #ffffff;
    font-size: 45px;
    font-weight: 600;
    text-shadow: 5px 8px 11px #0000006e;
}
.classtime {
    position: absolute;
    top: 64%;
    left: 24%;
    font-size: 21px;
    color: #ffffff;
}
/* CCX新增导航样式 */
i.glyphicon.glyphicon-chevron-down:before {
    font-size: 12px;
    margin-left: 3px;
    color: rgba(255, 255, 255, 0.6);
}

li.sw-product {
    position: relative;
}

li.sw-product ul {
    position: absolute;
    background-color: #000;
    z-index: 99;
}

li.sw-product ol {
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    z-index: 10;
    margin: 0 auto;
    padding: 10px 18px;
    width: 600px;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    border-radius: 5px;
    display: none;
}

li.sw-product ol li {float: left;margin-right: 1em;}

#navbar li.sw-product ol li a {
    background-color: #f8f8f8;
    display: inline-block;
    width: 146px;
    text-align: center;
    padding: 8px 15px;
    line-height: 1;
    border-radius: 15px;
    margin-bottom: 15px;
    box-sizing: content-box;
    color: #000;
}

li.sw-product ol li:nth-child(2n) {
   /* margin: 0;*/
}

#navbar li.sw-product ol li a:hover {
    color: #fff;
    background-color: #ff8c2f;
}

#navbar ul.navbar1 li.sw-product a:hover + ol.sw-product-info, li.sw-product ol.sw-product-info:hover {
    display: block;
}
/*.sw-product-info:after {
    display: block;
    content: '';
    clear: both;
}*/