.demost1 {
            width: 100px !important;
            height: 100px !important;
        }

        .demost1 .percentage {
            width: 80px !important;
            height: 80px !important;
        }
	
		.leftProgress{
			z-index: 10;
			position: fixed;
			left: 0;
			top: 25%;
			width: 190px;
			height: 372px;
			background: url('../images/leftProgressBack.png') no-repeat;
			background-size: 100%;
		}
		.leftTit{
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 30px 0 55px;
		}
		.leftTit .leftTitImg img{
			width: 30px;
			height: 30px;
		}
		.leftTit .leftTitText{
			color: #fff;
			margin-left: 10px;
			margin-top: -5px;
		}
        .panClip {
            width: 200px;
            height: 200px;
            background-color: #ccc;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
			margin-left: 38px;
        	margin-top: 1px;
        }

        .panClip .percentage {
            font-size: 32px;
            color: #333;
            background-color: #fff;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
			flex-wrap: wrap;
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 5;
        }
		.topNum{
			width: 80px;
            text-align: center;
            font-size: 24px;
            margin: 5px 3px -3px 2px;
            margin-top: 3px;
            height: 28px;
            margin-top: 11px;
            color: #008dce;
            font-weight: 600;
		}
		.bottomText{
			font-size: 12px;
			margin-bottom: auto;
			font-weight: 600;
		}
        .panClip .clipBox {
            width: 100%;
            height: 100%;
            position: absolute;
            border-radius: 50%;
            clip-path: polygon(50% 0%, 50% 100%, 100% 100%, 100% 0%);
        }

        .panClip .clipBox .clipLeft,
        .panClip .clipBox .clipRight {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: #0bd35b;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .panClip .clipBox .clipLeft {
            clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0%);
        }

        .panClip .clipBox .clipRight {
            clip-path: polygon(50% 0%, 50% 100%, 100% 100%, 100% 0%);
        }

        .width-none {
            width: 0 !important;
        }

        .clip_none {
            clip-path: none !important;
        }

        .panClip .circular {
            display: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #0bd35b;
            transform: translateX(-50%);
            position: absolute;
            top: 0px;
            left: 50%;
            z-index: 3;
        }

        .panClip .corest {
            width: 100%;
            height: 100%;
            transition: transform 2s;
            position: absolute;
        }
		.leftBtn{
			width: 120px;
            height: 34px;
            line-height: 33px;
             color: #fff;
            background-color: #028ecf;
            text-align: center;
            border-radius: 10px;
            margin-left: 30px;
            margin-top: 28px;
            font-weight: 600;
		}
		.leftBtn a{
	         color: #fff;
			
		}
		
.studyProgres{
   margin-top: 15px;
     }
	
     .study-info>div {
      float: left;
      height: auto;
     }
.studyProgres ul {
    width: 150px;
    display: flex;
    height: 100%;
    align-items: center;
    margin-left: 13px;
}
.studyProgres ul li {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.studyProgres ul li div {
    color: #949494;
    font-size: 12px;
}
.studyProgres ul li span {
    color: #028ecf;
    font-size: 12px;
    margin-top: 5px;
}

.showselectml {
 display:none;
 position:fixed;
 right:30px;
 bottom:200px;
 z-index:701;
 width:420px;
 height:500px;
 border-radius:8px;
 -webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
 -o-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
 -moz-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
 box-shadow:0 5px 10px 0 rgb(97 97 97 / 30%);
 transform:translateY(0);
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 cursor:pointer;
 -webkit-transition:all 1s cubic-bezier(.86,0,.07,1);
 transition:all 1s cubic-bezier(.86,0,.07,1);
 opacity:1;
background-color: #fff;
}
.showselectml .shclose{
    position: absolute;
    right: 9px;
    top: 9px;
}
.showselectml .shclose img{
   width:30px
}
.showselectt{
    height: 34px;
    border-bottom: solid 2px #006fcb;
    width: 230px;
    margin: 5px auto;
}
.back-topshow span{
    position: fixed;
    right: 27px;
    bottom: 298px;
    z-index: 1000;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    color: #f50;
    text-align: center;
    background: rgb(255 255 255);
    border-radius: 40px;
    font-weight: 600;

}
.back-topshow a {
 position: fixed;
    right: 20px;
    bottom: 233px;
    z-index: 999;
    width: 48px;
    height: 110px;
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    text-align: center;
    background: rgb(0 117 234);
    border-radius: 7px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    cursor: pointer;
}
.back-topshow a:hover {
 background:rgb(24 140 255);
}

.back-topshow a:hover h4{
  font-size: 13px;
  font-weight:600;
}
.back-topshow a h4{
       font-size: 12px;
    width: 34px;
    line-height: 16px;
    padding: 50px 2px 9px 7px;
}

.showselectt h3{
    font-size: 16px;
    text-align: center;
    margin: 19px;
    color: #003887;
}
.mllist{
    width: 420px;
    height: 380px;
    overflow-y: scroll;
    border-bottom: 1px solid #d8d8d8;
}
.mllist ul{
    margin: 25px 20px 20px 33px;
}
.mllist ul li{
    height: 29px;
    border-bottom: 1px solid #eee;
    line-height: 29px;
}
.mllist ul li span{
    float:left;
    display: block; 

}
.mllist ul li .t1{
    width:350px;
    max-width: 24em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.mllist ul li .tbc{
    width: 35px;
    float: right;
}
.mllist ul li span img{
    width: 20px;
    position: relative;
    top: 4px;
}
.sleftBtn{
    width: 90px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background-color: #00a0ea;
    text-align: center;
    border-radius: 10px;
    /* margin-left: 30px; */
    margin-top: 14px;
    /* font-weight: 600; */
    margin: 17px auto;
    font-size: 14px;
}
.sleftBtn a{
    color: #fff;
}

.sleftBtn a:hover{
  font-size: 15px;
  font-weight:600;
}


footer {
 
  min-width: 1180px;
  margin: 0 auto;
  color: rgba(255,255,255,.75);
  background: #242a37;
  overflow: hidden;
}
.footer-nav {
 padding:10px 0;
 overflow:hidden;
 background: #000;
}
.footer-nav-left {
 float:left;
 width:69%;
 padding:10px 0 15px
}
.footer-nav-left:after {
 content:"";
 display:table;
 clear:both
}
.footer-nav-left dl {
 float:left;
 width:20%;
 font-size:14px;
 line-height:30px
}
.footer-nav-left dl dt {
 margin-bottom:20px;
 font-size:18px;
 color:#fff
}
.footer-nav-left dl dd {
 font-size:14px;
 line-height:36px
}
.footer-nav-right {
 float:left;
 width:30%;
 padding:10px 0 15px;
 border-left:1px solid rgba(255,255,255,.1)
}
.footer-contact {
 float:right;
 width:83%
}
.contact-text {
 width:300px;
 height:150px;
 text-align:left
}
.contact-text p {
 font-size:14px;
 line-height:30px;
 color:rgba(255,255,255,.5)
}
.contact-text p span {
 margin:20px 0 10px 0;
 font-family:Impact;
 font-size:24px;
 line-height:36px;
 letter-spacing:2px;
 color:#fff
}
.contact-text dl {
 float:left;
 padding:10px 0 20px
}
.contact-text dl dd {
 font-size:14px;
 line-height:36px
}
.qr-code {
 float:left;
 width:275px;
 height:40px
}
.qr-code ul li {
 float:left;
 width:40px;
 height:40px;
 margin-right:26px;
 text-align:center;
 background:rgba(255,255,255,.1);
 border-radius:20px
}
.qr-code ul li:before {
 content:"";
 position:absolute;
 z-index:0;
 width:40px;
 height:40px;
 border-radius:50%;
 opacity:0;
 -webkit-transition:.3s cubic-bezier(.3,0,0,1.3);
 -moz-transition:.3s cubic-bezier(.3,0,0,1.3);
 -ms-transition:.3s cubic-bezier(.3,0,0,1.3);
 -o-transition:.3s cubic-bezier(.3,0,0,1.3);
 transition:.3s cubic-bezier(.3,0,0,1.3);
 -webkit-transform:scale(0,0);
 -moz-transform:scale(0,0);
 -ms-transform:scale(0,0);
 -o-transform:scale(0,0);
 transform:scale(0,0)
}
.qr-code ul li:hover:before {
 opacity:1;
 -webkit-transform:scale(1,1);
 -moz-transform:scale(1,1);
 -ms-transform:scale(1,1);
 -o-transform:scale(1,1);
 transform:scale(1,1)
}
.qr-code ul a:nth-child(1) li:before {
 background:#d81e06
}
.qr-code ul a:nth-child(2) li:before {
 background:#1ec67a
}
.qr-code ul a:nth-child(3) li:before {
 background:#18acfc
}
.qr-code ul a:nth-child(4) li:before {
 background:#ffc200
}
.qr-code .fa {
 position:relative;
 width:40px;
 height:40px;
 font-size:20px;
 line-height:40px;
 color:#ccc
}
.qr-code a:hover i {
 color:#fff
}
.qr-code .qr-code-img {
 position:absolute;
 display:none;
 width:130px;
 height:130px;
 margin-top:-141px;
 margin-left:-45px;
 -webkit-box-shadow:0 0 6px rgba(14,22,30,.3);
 -moz-box-shadow:0 0 6px rgba(14,22,30,.3);
 -o-box-shadow:0 0 6px rgba(14,22,30,.3);
 box-shadow:0 0 6px rgba(14,22,30,.3)
}
.qr-code .qr-code-img:after {
 content:'';
 position:absolute;
 top:129px;
 left:57px;
 display:block;
 width:0;
 height:0;
 border:8px solid transparent;
 border-top:10px solid #fff
}
.footer-links {
 position:relative;
 padding:10px 0 10px 75px;
 border-top:1px solid rgba(255,255,255,.1);
 border-bottom:1px solid rgba(255,255,255,.1)
}
.footer-links span {
 position:absolute;
 left:0;
 line-height:24px;
 color:#fff
}
.footer-links ul {
 display:inline-block;
 vertical-align:top
}
.footer-links ul li {
 float:left
}
.footer-links ul li a {
 padding:0 5px;
 margin:0 10px;
 line-height:24px
}
.footer-copyright {
 height:20px;
 padding:15px 0
}
.footer-copyright-txt {
 width: 100%;
 line-height: 24px;
 text-align: center;
 line-height:24px
}
.footer-copyright a,
.footer-copyright span {
 display:inline-block;
 margin:0 5px;
 font-size:14px
}
.footer-copyright-links {
 float:right;
 width:30%;
 line-height:24px
}
.footer-copyright-links ul {
 float:right;
 text-align:right
}
.footer-copyright-links ul>li {
 display:inline-block;
 font-size:14px;
 line-height:18px
}
.footer-copyright-links ul>li+li:before {
 content:"|";
 margin-right:5px;
 margin-left:5px
}
.back-top a {
 position:fixed;
 right:40px;
 bottom:50px;
 z-index:999;
 width:60px;
 height:60px;
 font-size:40px;
 line-height:56px;
 color:#fff;
 text-align:center;
 background:rgba(0,160,234,1);
 border-radius:40px;
 -webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);
 -moz-box-shadow:0 2px 10px rgba(0,0,0,.1);
 -o-box-shadow:0 2px 10px rgba(0,0,0,.1);
 box-shadow:0 2px 10px rgba(0,0,0,.1);
 cursor:pointer
}
.back-top a:hover {
 background:rgba(0,160,234,.9)
}

#alertbox {
 position:fixed;
 top:50%;
 left:50%;
 z-index:999;
 display:none;
 width:640px;
 height:360px;
 margin-top:-180px;
 margin-left:-320px;
 background:url(../images/alertbox.png) center center no-repeat;
 line-height:1.35;
 color:#fff;
 text-align:center
}
#alertbox .close {
 position:absolute;
 top:36px;
 right:36px;
 display:block;
 width:20px;
 height:20px;
 cursor:pointer
}
#alertbox .text1 {
 margin-top:50px;
 font-size:24px
}
#alertbox .text2 {
 margin-top:5px;
 font-size:45px;
 letter-spacing:1px
}
#alertbox .text3 {
 font-size:14px;
 opacity:.8
}
#alertbox .tel {
 position:relative;
 display:inline-block;
 padding:0 20px;
 font-size:24px;
 letter-spacing:2px
}
#alertbox .tel:after,
#alertbox .tel:before {
 position:absolute;
 content:'';
 top:50%;
 display:block;
 width:36px;
 height:1px;
 background:#fff;
 opacity:.5
}
#alertbox .tel:before {
 left:-36px
}
#alertbox .tel:after {
 right:-36px
}
#alertbox .qqlink {
 display:block;
 width:200px;
 height:45px;
 margin:30px auto 20px;
 font-size:18px;
 line-height:45px;
 color:#fff;
 text-align:center;
 background:#ff6a00;
 -webkit-box-shadow:0 3px 10px rgba(0,0,0,.15);
 -moz-box-shadow:0 3px 10px rgba(0,0,0,.15);
 -o-box-shadow:0 3px 10px rgba(0,0,0,.15);
 box-shadow:0 3px 10px rgba(0,0,0,.15)
}
@keyframes scaleToggleOne {
 0 {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
 50% {
  transform:scale(2);
  -webkit-transform:scale(2)
 }
 100% {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
}
@keyframes scaleToggleTwo {
 0 {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
 20% {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
 60% {
  transform:scale(2);
  -webkit-transform:scale(2)
 }
 100% {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
}
@keyframes scaleToggleThree {
 0 {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
 33% {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
 66% {
  transform:scale(2);
  -webkit-transform:scale(2)
 }
 100% {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
}
.animated {
 -webkit-animation-duration:.5s;
 animation-duration:.5s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}



.livechat-girl {
 position:fixed;
 right:40px;
 bottom:100px;
 z-index:700;
 width:60px;
 height:60px;
 border-radius:50%;
 -webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
 -o-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
 -moz-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
 box-shadow:0 5px 10px 0 rgba(35,50,56,.3);
 transform:translateY(0);
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 cursor:pointer;
 -webkit-transition:all 1s cubic-bezier(.86,0,.07,1);
 transition:all 1s cubic-bezier(.86,0,.07,1);
 opacity:0
}
.livechat-girl:focus {
 outline:0
}
.livechat-girl.animated {
 opacity:1;
 transform:translateY(-40px);
 -webkit-transform:translateY(-40px);
 -ms-transform:translateY(-40px)
}
.livechat-girl:after {
 position:absolute;
 top:1px;
 right:1px;
 z-index:50;
 content:'';
 width:12px;
 height:12px;
 border-radius:50%;
 background-image:linear-gradient(to bottom,#00a0ea,#00a0ea)
}
.livechat-girl .girl {
 position:absolute;
 top:0;
 left:0;
 z-index:50;
 width:100%;
 height:auto;
 border-radius:50%
}
.livechat-girl .animated-circles .circle {
 position:absolute;
 z-index:49;
 width:60px;
 height:60px;
 background:rgba(0,160,234,.25);
 border-radius:50%;
 transform:scale(1);
 -webkit-transform:scale(1)
}
.livechat-girl .animated-circles.animated .c-1 {
 animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards
}
.livechat-girl .animated-circles.animated .c-2 {
 animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards
}
.livechat-girl .animated-circles.animated .c-3 {
 animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards
}
.livechat-girl.animation-stopped .circle {
 opacity:0!important
}
.livechat-girl.animation-stopped .circle {
 opacity:0!important
}
.livechat-girl .livechat-hint {
 position:absolute;
 top:50%;
 right:40px;
 z-index:0;
 margin-top:-20px;
 opacity:0;
 -webkit-transition:all .3s cubic-bezier(.86,0,.07,1);
 transition:all .3s cubic-bezier(.86,0,.07,1)
}
.livechat-girl .livechat-hint.show_hint {
 -webkit-transform:translateX(-40px);
 transform:translateX(-40px);
 opacity:1
}
.livechat-girl .livechat-hint.hide_hint {
 -webkit-transform:translateX(0);
 transform:translateX(0);
 opacity:0
}
.livechat-girl .livechat-hint.rd-notice-tooltip {
 max-width:1296px!important
}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
 width:auto;
 overflow:hidden;
 text-overflow:ellipsis
}
@media only screen and (max-width:1599px) {
 .livechat-girl .livechat-hint.rd-notice-tooltip {
  max-width:1060px!important
 }
}
@media only screen and (max-width:1309px) {
 .livechat-girl .livechat-hint.rd-notice-tooltip {
  max-width:984px!important
 }
}
@media only screen and (max-width:1124px) {
 .livechat-girl .livechat-hint.rd-notice-tooltip {
  max-width:600px!important
 }
}
.rd-notice-tooltip {
 position:absolute;
 z-index:65;
 max-width:350px;
 font-size:14px;
 line-height:1.25;
 border-radius:3px;
 -webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);
 -o-box-shadow:0 2px 2px rgba(0,0,0,.2);
 -moz-box-shadow:0 2px 2px rgba(0,0,0,.2);
 box-shadow:0 2px 2px rgba(0,0,0,.2);
 opacity:1
}
.rd-notice-tooltip:after {
 position:absolute;
 z-index:50;
 display:block;
 content:'';
 width:20px;
 height:20px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 -webkit-box-shadow:none;
 -o-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.rd-notice-tooltip .rd-notice-content {
 position:relative;
 z-index:60;
 width:100%;
 padding:20px;
 color:#fff;
 font-weight:400;
 line-height:1.45;
 background:0;
 border-radius:3px
}
.rd-notice-type-success {
 background-color:#00a0ea;
 -webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
 -o-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
 -moz-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
 box-shadow:0 5px 10px 0 rgba(38,199,252,.2)
}
.rd-notice-type-success .rd-notice-content {
 background-color:#00a0ea
}
.rd-notice-type-success:after {
 background-color:#00a0ea;
 -webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
 -o-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
 -moz-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);
 box-shadow:0 5px 10px 0 rgba(38,199,252,.2)
}
.rd-notice-position-left {
 margin-left:-20px
}
.rd-notice-position-left:after {
 top:50%;
 right:-6px;
 margin-top:-10px
}
.rd-notice-tooltip.single-line .rd-notice-content {
 height:40px;
 padding:0 20px;
 line-height:40px;
 white-space:nowrap
}