/*#hd.hd-index {padding: 15px 0 14px;height: 136px;}*/
#hd.hd-index .from {/*margin-top: 36px;height: 56px;line-height: 56px;*/}
#nav.nav-index {/*border-top: 1px solid #dae0e5;border-bottom: none;-webkit-box-shadow: inset 0 1px 2px #dae0e5;
box-shadow: inset 0 1px 2px #dae0e5;*/}
/*#nav.nav-index a:after {top: -2px;}*/
#nav.nav-index .box-search .inp-search {background-color: rgba(255, 255, 255, .6);}

/*******************************
    -------[=报错页面]-------
********************************/
.box-error {padding: 72px 0 66px;text-align: center;}
.box-error img {display: inline-block;}
/*******************************
    -------[=ACAE服务-学生服务]-------
********************************/
/* .g-cont .wp.wp-service {background-image: url(../images/img-service-1.png);} */
.g-cont .wp.wp-service {background-image: url(../images/imgp-bg.png);}
.box-service .row1 .cont {padding: 26px 0 58px;overflow: hidden;}
.box-service .row1 img {float: left;display: block;width: 394px;}
.box-service .row1 .txt {margin-left: 430px;color: #333;font-size: 16px;text-align: justify;}
.box-service .row1 .txt p {padding-bottom: 20px;}
.box-service .row2 img {margin: 34px auto 110px;display: block;}
.box-service .row3 ul {margin: 22px 0 118px -30px;overflow: hidden;}
.box-service .row3 li {padding-left: 30px;float: left;width: 33.333%;}
.box-service .row3 .item {position: relative;margin-bottom: 18px;display: block;}
.box-service .row3 .img {position: relative;padding-top: 81%;height: 0;overflow: hidden;}
.box-service .row3 img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.box-service .row3 .item:hover img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.box-service .row3 .mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: url(../images/bg-service.png);}
.box-service .row3 p {position: absolute;top: 50%;left: 0;width: 100%;text-align: center;color: #fff;font-size: 24px;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-service .row3 .item:hover p {padding-top: 44px;background: url(../images/ico-19.png) center top no-repeat;}
.box-service .row3 .item:before,.box-service .row3 .item:after {position: absolute;bottom: -18px;display: block;height: 18px;content: '';}
.box-service .row3 .item:before {left: 0;width: 26%;background-color: #5cab53;}
.box-service .row3 .item:after {right: 0;width: 74%;background-color: #0066ab;}
.btn-download {margin: 0 auto 20px;display: block;width: 275px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;background-color: #51A445;}
.btn-download:hover {color: #fff;background-color: #0066ab;}
/*******************************
    -------[=博客]-------
********************************/
.bd-inner.bd-blog {padding-bottom: 98px;background-color: #f4f4f4;overflow: hidden;}
.bd-inner.bd-blog .wp {background-image: none;}
.box-blog .col-l {padding: 22px;width: 74%;background-color: #fff;}
.box-blog .col-l ul {margin-left: -19px;overflow: hidden;}
.box-blog .col-l ul li {margin-bottom: 16px;padding-left: 19px;float: left;width: 33.333%;}
.box-blog .col-l .item {display: block;}
.box-blog .col-l .img {position: relative;padding-top: 100%;height: 0;overflow: hidden;}
.box-blog .col-l img {position: absolute;top: 0;left: 0;display: block;width: 100%;max-width: 100%; height: auto !important;}
.box-blog .col-l .item:hover img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.box-blog .col-l .img .tips {position: absolute;top: 12%;left: 0;padding: 0 10px;height: 30px;line-height: 30px;text-align: center;border-left: 30px solid #61ae58;color: #fff;background-color: #006bae;z-index: 2;}
.box-blog .col-l .tit {padding-top: 10px;color: #666;font-size: 18px;}
.box-blog .col-l .info {color: #c1c1c1;font-size: 12px;}
.box-blog .col-l .load-more {padding: 10px 0;display: block;height: 12px;line-height: 1;text-align: center;color: #61ae58;font-size: 12px;}
.box-blog .col-r {padding: 28px 40px 100px;width: 25%;background-color: #fff;}
.box-blog .col-r .avator {display: block;}
.box-blog .col-r .avator img {display: block;width: 100%;}
.box-blog .col-r .tag-list,.box-blog .col-r .date-list {padding-top: 52px;}
.box-blog .col-r .tag-list .tit,.box-blog .col-r .date-list .tit {height: 41px;line-height: 40px;border-bottom: 1px solid #e0e0e0;font-size: 18px;color: #333;}
.box-blog .col-r .tag-list .list a {padding-left: 22px;display: block;height: 60px;line-height: 60px;color: #999;font-size: 16px;background: url(../images/ico-dot-blog-1.png) left center no-repeat;}
.box-blog .col-r .tag-list .list a:hover {color: #006bae;}
.box-blog .col-r .date-list a {padding-left: 18px;display: inline-block;height: 50px;line-height: 50px;color: #999;font-size: 16px;background: url(../images/ico-dot-blog-2.png) left center no-repeat;cursor: pointer;}
.box-blog .col-r .date-list a:hover {color: #006bae;}
.box-blog .col-r .date-list a.year.on {background-image: url(ico-dot-blog-3.png);}
.box-blog .col-r .date-list .month {padding-left: 26px;display: none;}
.box-blog .col-r .date-list .month a {height: 40px;line-height: 40px;}
/*******************************
    -------[=留学澳洲-澳洲教育]-------
********************************/
.box-study .row1 {padding-bottom: 50px;}
.box-study .row1 .tips {padding-top: 10px;padding-right: 280px;}
.box-study .row1 .tips {color: #999;line-height: 1.71;}
.box-study .row1 ul {margin-top: 20px;margin-left: -48px;overflow: hidden;}
.box-study .row1 li {padding-top: 110px;padding-left: 48px; display: inline-block; vertical-align: top; width: 32%;background-position: center top;background-repeat: no-repeat;background-size: auto 100px;}
.box-study .row1 .li1 {background-image: url(../images/img-study-1.png);}
.box-study .row1 .li2 {background-image: url(../images/img-study-2.png);}
.box-study .row1 .li3 {background-image: url(../images/img-study-3.png);}
.box-study .row1 .li4 {background-image: url(../images/img-study-4.png);}
.box-study .row1 .li5 {background-image: url(../images/img-study-5.png);}
.box-study .row1 .li6 {background-image: url(../images/img-study-6.png);}
.box-study .row1 .li7 {background-image: url(../images/img-study-7.png);}
.box-study .row1 .tit {line-height: 24px; padding: 13px 0; color: #005ca5;font-size: 18px;font-weight: bold;}
.box-study .row1 .info {color: #333;line-height: 1.71;text-align: ;}
.box-study .row2 img {margin: 40px auto 50px;display: block;width: 100%;}
/*******************************
    -------[=留学澳洲-热门专业]-------
********************************/
.box-study.box2 .cont {padding-bottom: 58px;padding-left: 62px;overflow: hidden;}
.box-study.box2 .row3 li {margin-top: 26px;padding-left:50px;font-size: 16px;float: left;width: 33.333%; background-size: contain;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:28px;line-height: 28px;background-position: left center;background-repeat: no-repeat;cursor: pointer;color: #333;}
.box-study.box2 .row3 li:hover {color: #5cab53;font-weight: bold;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.box-study.box2 li.li1 {background-image: url(../images/ico-study-1.png);}
.box-study.box2 li.li2 {background-image: url(../images/ico-study-2.png);}
.box-study.box2 li.li3 {background-image: url(../images/ico-study-3.png);}
.box-study.box2 li.li4 {background-image: url(../images/ico-study-4.png);}
.box-study.box2 li.li5 {background-image: url(../images/ico-study-5.png);}
.box-study.box2 li.li6 {background-image: url(../images/ico-study-6.png);}
.box-study.box2 li.li7 {background-image: url(../images/ico-study-7.png);}
.box-study.box2 li.li7 {background-image: url(../images/ico-study-7.png);}
.box-study.box2 li.li8 {background-image: url(../images/ico-study-8.png);}
.box-study.box2 li.li9 {background-image: url(../images/ico-study-9.png);}
.box-study.box2 li.li10 {background-image: url(../images/ico-study-10.png);}
.box-study.box2 li.li11 {background-image: url(../images/ico-study-11.png);}
.box-study.box2 li.li12 {background-image: url(../images/ico-study-12.png);}
.box-study.box2 li.li13 {background-image: url(../images/ico-study-13.png);}
.box-study.box2 li.li14 {background-image: url(../images/ico-study-14.png);}
.box-study.box2 li.li15 {background-image: url(../images/ico-study-15.png);}
.box-study.box2 li.li16 {background-image: url(../images/ico-study-16.png);}
.box-study.box2 li.li17 {background-image: url(../images/ico-study-17.png);}
.box-study.box2 li.li18 {background-image: url(../images/ico-study-18.png);}
.box-study.box2 li.li19 {background-image: url(../images/ico-study-19.png);}
.box-study.box2 li.li20 {background-image: url(../images/ico-study-20.png);}
.box-study.box2 li.li21 {background-image: url(../images/ico-study-21.png);}
.box-study.box2 li.li22 {background-image: url(../images/ico-study-22.png);}
.box-study.box2 li.li1:hover {background-image: url(../images/ico-study-1-on.png);}
.box-study.box2 li.li2:hover {background-image: url(../images/ico-study-2-on.png);}
.box-study.box2 li.li3:hover {background-image: url(../images/ico-study-3-on.png);}
.box-study.box2 li.li4:hover {background-image: url(../images/ico-study-4-on.png);}
.box-study.box2 li.li5:hover {background-image: url(../images/ico-study-5-on.png);}
.box-study.box2 li.li6:hover {background-image: url(../images/ico-study-6-on.png);}
.box-study.box2 li.li7:hover {background-image: url(../images/ico-study-7-on.png);}
.box-study.box2 li.li8:hover {background-image: url(../images/ico-study-8-on.png);}
.box-study.box2 li.li9:hover {background-image: url(../images/ico-study-9-on.png);}
.box-study.box2 li.li10:hover {background-image: url(../images/ico-study-10-on.png);}
.box-study.box2 li.li11:hover {background-image: url(../images/ico-study-11-on.png);}
.box-study.box2 li.li12:hover {background-image: url(../images/ico-study-12-on.png);}
.box-study.box2 li.li13:hover {background-image: url(../images/ico-study-13-on.png);}
.box-study.box2 li.li14:hover {background-image: url(../images/ico-study-14-on.png);}
.box-study.box2 li.li15:hover {background-image: url(../images/ico-study-15-on.png);}
.box-study.box2 li.li16:hover {background-image: url(../images/ico-study-16-on.png);}
.box-study.box2 li.li17:hover {background-image: url(../images/ico-study-17-on.png);}
.box-study.box2 li.li18:hover {background-image: url(../images/ico-study-18-on.png);}
.box-study.box2 li.li19:hover {background-image: url(../images/ico-study-19-on.png);}
.box-study.box2 li.li20:hover {background-image: url(../images/ico-study-20-on.png);}
.box-study.box2 li.li21:hover {background-image: url(../images/ico-study-21-on.png);}
.box-study.box2 li.li22:hover {background-image: url(../images/ico-study-22-on.png);}
/*******************************
    -------[=留学澳洲-院校库]-------
********************************/
.box-study.box3 ul {margin: 42px 0 100px -28px;overflow: hidden;}
.box-study.box3 li {margin-bottom: 20px;padding-left: 28px;float: left;width: 25%;}
.box-study.box3  .item {display: block;}
.box-study.box3 .img {position: relative;padding-top: 81%;height: 0;overflow: hidden;}
.box-study.box3  img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.box-study.box3 .item:hover  img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.box-study.box3 .tit {position: absolute;bottom: 0;left: 0;padding: 0 46px 0 10px;width: 100%;height: 40px;line-height: 40px;overflow: hidden;color: #fff;background-image: url(../images/bg-study-2.png);}
.box-study.box3 .btn-go {position: absolute;top: 11px;right: 16px;display: block;width: 18px;height: 18px;background: url(../images/ico-go.png) center center no-repeat;}
.box-study.box3 .tit2 {margin: 5px 0;color: #666;line-height:1.2em;height:2.4em;font-size: 16px;oveflow:hidden;}
.box-study.box3 .item:hover .tit2 {color: #005ca5;}
.box-study.box3 .info {font-size: 12px;height:3.6em;line-height: 1.2em;color: #999;overflow: hidden;}
/*******************************
    -------[=留学澳洲-热门专业-2]-------
********************************/
.box-study-info {padding: 10px 0 50px ;}
.box-study-info .sitemap {height: 29px;line-height: 28px;border-bottom: 1px solid #efefef;color: #8e8e8e;font-size: 12px;}
.box-study-info .sitemap a {color: #8e8e8e;}
.box-study-info .sitemap a:hover {color: #005ca5;}
.box-study-info .tit {padding-left: 52px;height: 90px;line-height: 90px;color: #57a84f;font-size: 18px;font-weight: bold;background-position: center left;background-repeat: no-repeat;}
.box-study-info .info {padding-right: 32px;padding-bottom: 64px;overflow: hidden;}
.box-study-info .txt {float: left;width: 47%;color: #999;font-size: 18px;line-height: 1.67;text-align: justify;}
.box-study-info .txt p {padding-bottom: 12px;}
.box-study-info .txt img {display: block;width: 100%;}
.box-study-info .box-video {position: relative;float: right;width: 48%;height: 348px;}
.box-study-info .box-video #video {width: 100%;height: 100%;}
.box-study-info .box-video .mask {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: url(../images/img-video.jpg);}
.box-study-info .box-video .cont {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: url(../images/bg-video.png);z-index: 2;}
.box-study-info .box-video .btn-play {position: absolute;top: 50%;left: 50%;margin-top: -45px;margin-left: -45px;display: block;width: 90px;height: 90px;background: url(../images/ico-btn-play.png) center center no-repeat;cursor: pointer;}
.box-study-info .slides-list {padding-right: 32px;}
/*******************************
    -------[=最新资讯]-------
********************************/
.bd-inner.bd-news {background-color: #f4f4f4;}
.bd-inner.bd-news .wp {background-image: none;}
.box-news {margin-left: -24px;margin-bottom: 65px;overflow: hidden;}
.box-news li {padding-left: 24px;float: left;width: 33.333%;}
.box-news .tit {padding-left: 70px;height: 56px;line-height: 56px;color: #fff;font-size: 18px;background-position: 24px center;background-repeat: no-repeat;background-image: url(../images/ico-19.png);font-weight: normal;}
.box-news .li1 .tit {background-color: #61ae58;}
.box-news .li2 .tit {background-color: #006bae;}
.box-news .li3 .tit {background-color: #da6464;}
.box-news .item-pic .img,.box-news .item .cont {position: relative;padding-top: 59%;height: 0;overflow: hidden;}
.box-news img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.box-news a:hover img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.box-news .tit-txt {position: absolute;bottom: 0;left: 0;padding: 0 40px 0 10px;width: 100%;height: 40px;line-height: 40px;overflow: hidden;background-image: url(../images/bg-study-2.png);color: #fff;}
.box-news .tit-txt .btn-go {position: absolute;top: 11px;right: 16px;display: block;width: 18px;height: 18px;background: url(../images/ico-go.png) center center no-repeat;}
.box-news .list {padding: 0 16px;background-color: #fff;}
.box-news .item {padding: 34px 0;display: block;border-bottom: 1px solid #dfdfdf;overflow: hidden;}
.box-news .item .img {float: left;width: 166px;}
.box-news .item .txt {margin-left: 186px;}
.box-news .tit-3 {height: 32px;line-height: 32px;font-size: 18px;font-weight: normal;overflow: hidden;}
.box-news .li1 .tit-3  {color: #61ae58;}
.box-news .li2 .tit-3  {color: #006bae;}
.box-news .li3 .tit-3  {color: #da6464;}
.box-news .info {font-size: 12px;color: #bebebe;line-height: 1.2;}
.box-news .more {padding-top: 70px;display: block;height: 100px;text-align: center;line-height: 1;font-size: 14px;background-position: center 22px;background-repeat: no-repeat;background-color: #fff;}
.box-news .more:hover {color: #999 !important;}
.box-news .li1 .more {color: #61ae58;background-image: url(../images/ico-news-more-1.png);}
.box-news .li2 .more {color: #006bae;background-image: url(../images/ico-news-more-2.png);}
.box-news .li3 .more {color: #da6464;background-image: url(../images/ico-news-more-3.png);}


@media only screen and (max-width: 1199px) {
   .box-service .row1 img {margin-right: 20px;margin-bottom: 20px;}
   .box-service .row1 .txt {margin-left: 0;}
   .box-news .item .img {margin-right: 14px;margin-bottom: 14px;}
   .box-news .item .txt {margin-left: 0;}
}

@media only screen and (max-width: 959px) {
    .box-service .row1 .cont {padding: 20px 0;}
    .box-service .row3 ul {margin: 22px 0 22px -30px;}
    .box-blog .col-r {float: none;width: 100%;}
    .box-blog .col-l {float: none;width: 100%;}
    .box-blog .col-r {padding: 28px 20px 30px;}
    .box-blog .col-r .avator {margin-right: 60%;}
    .bd-inner.bd-blog {padding-bottom: 30px;}
    .box-study .row1 .tips {padding-right: 0;}
    .box-study.box3 ul {margin: 0 0 30px -28px;}
    .box-study-info {padding-bottom: 30px;}
    .box-news .item .img {margin-right: 0;margin-bottom: 14px;float: none;width: 100%;}
    .box-news .item .txt {margin-left: 0;}
}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    .box-service .row1 img {margin-right: 0;margin-bottom: 20px;float: none;width: 100%;}
    .box-service .row3 p {font-size: 18px;}
    .box-blog .col-l ul li {width: 50%;}
    .box-study.box2 .cont {padding-left: 0;padding-bottom: 30px;}
    .box-study.box2 li {padding-left: 50px;font-size: 14px;}
    .box-study.box3 li {width: 33.333%;}
    .box-study-info .info {padding-right: 0;padding-bottom: 30px;}
    .box-study-info .slides-list {padding-right: 0;}
    .box-study-info .txt {float: none;width: 100%;font-size: 16px;}
    .box-study-info .box-video {margin-top: 20px;float: none;width: 100%;}
    .box-news li {margin-bottom: 20px;width: 50%;}
    .box-study-info .box-video {height: 220px;}
}

@media only screen and (max-width: 600px) {
    .box-service .row3 li {margin-bottom: 30px;width: 50%;}
    .box-study .row1 li {width: 49%;}
    .box-study.box2 .row3 li {width: 50%;}
    .box-study.box3 li {width: 50%;}
    .box-news li {width: 100%;}
    .box-blog .col-r{
        display: none;
    }
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .box-blog .col-l ul li {width: 100%;}
    .box-blog .col-r .avator {margin-right: 0;}
    .box-study .row1 li {width: 99%;}
    .box-study.box3 li {width: 100%;}
}

@media only screen and (max-width: 360px) {
    .box-service .row3 li {width: 100%;}
}

/* by merry at 2017-08-10 新增service页面弹框 */
.box-service .row3 li{
    cursor:pointer;
}
.popSerbox{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:112;
    background-color:rgba(0,0,0,0.7);
    display:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
}
.popSerbox.active{
    display:block;
}
.popSerbox .popCententbox{
    width:95%;
    height:90%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    padding:15px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
}

.popSerbox .popCententbox .btnClose{
    width:35px;
    height:35px;
    position:absolute;
    top:50px;
    left:20px;
    background-color:#51A445;
    border-radius:50%;
    cursor:pointer;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
}
.popSerbox .btnClose i{
    display:block;
    width:60%;
    height:2px;
    position:absolute;
    top:17px;
    left:7px;
    background-color:#fff;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
}
.popSerbox .btnClose:hover{
    background-color:#1177b1;
}
.popSerbox .btnClose i:nth-of-type(1){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.popSerbox .btnClose i:nth-of-type(2){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.popSerbox .mainbox{
    border-top: 25px solid #61AE58;
    background-color:#fff;
    width:100%;
    height:100%;
    border-radius:6px;
    oveflow:hidden;
    padding:40px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    overflow-y:scroll;
}
.popSerbox .mainbox p{
    padding:5px 0;
    line-height: 1.6em;
    font-size: 16px;
    color: #666;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    position: static;
    text-align: left;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
}
/* ending */
/* 固定菜单 */
#hd {
    position: fixed;
    background-color: #fff;
    z-index: 5;
    width: 100%;
    top:0;
}
.menuBtn {position: fixed;}

.T-box{
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    z-index: 9999;
    background: rgba(0,0,0,0.5);
}
.T-box .imgbox{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width:80%;
    max-width:300px;
}
.T-box .imgbox .close{
    position: absolute;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    background-color: red;
    top:-12px;
    right:-12px;
}

@media only screen and (max-width: 600px) {
    .popSerbox .mainbox h1{
        font-size: 24px;
    }
}