.ng-scopeb{
	margin-bottom:0!important;
}

.banner{
    width: 100%;
}
.banner img{
    width: 100%;
    height: 100%;
}
.banner .swiper-container .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 20px;
    height: 10px;
    border-radius: 5px;
    background: #fff;
}
.wrapper{
    width: 1200px;
    margin: 0 auto;
}
.intd{
    width: 100%;
}
.intd .wrapper .top{
    width: 1200px;
	height: 640px;
	background-color: #ffffff;
	box-shadow: 0px 4px 16px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 30px;
    margin-top: 80px;
}
.intd .top{
    display: flex;
    justify-content: space-between;
}
.intd .top .left{
    margin-left: 23px;
}
.intd .top .left .swiper-container .swiper-wrapper .swiper-slide a{
	padding:5px 0;
}
.intd .top .left .checked{
	border:1px solid #ccc;
  border-radius:5px;
  background-color:#ccc;
}
.intd .top .left .video_box{
    width: 568px;
    height: 327px;
    background: url(../img/computer.png) no-repeat center center;
    background-size: cover;
    margin: 72px 0 66px;
    position: relative;
}
.intd .top .left .video_box #video{
    width: 427px;
    height: 266px;
    position: absolute;
    top: 20px;
    left: 71px;
    outline: none;
}
.intd .top .left .video_box img{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.intd .top .left .swiper{
    width: 544px;
    height: 90px;
    position: relative;
}
.intd .top .left .swiper-container{
    width: 468px;
    margin: 0 auto;
    position: static;
}

.intd .top .left .swiper-container img{
    width: 140px;
	height: 90px;
	background-color: #020202;
}
.intd .top .left .swiper-container .swiper-button-next{
    right: 20px;
    background-image: url(../img/20ryicon60.png);
}
.intd .top .left .swiper-container .swiper-button-prev{
    left: 7px;
    background-image: url(../img/20ryicon59.png);
}
.intd .top .left .swiper-container .swiper-button-next,
.intd .top .left .swiper-container .swiper-button-prev
{
    width: 20px;
    height: 30px;
    background-size: cover;
    /* right: 20px; */
}

.intd .top .right{
    width: 570px;
    margin-top: 46px;
    margin-right: 23px;
}
.intd .top .right .text h1{
    font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
}
.intd .top .right .text p{
    width: 550px;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    text-indent: 10px;
    line-height: 20px;
    margin: 30px 0 26px;
}
.intd .top .right .tips{
    width: 490px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.intd .top .right .tips .item{
    width: 112px;
    height: 167px;
    text-align: center;
    margin:0 77px 27px 0;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.intd .top .right .tips .item:nth-child(3n+3){
    margin-right: 0;
}
.intd .top .right .tips .item img{
    width: 83px;
	height: 93px;
}
.intd .top .right .tips .item p{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
    color: #666666;
    margin-top: 13px;
}
.intd .top .right .tips .item .out{
    width: 190px;
	height: 188px;
	background-image: linear-gradient(
		#ffffff, 
		#ffffff), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0px 3px 10px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: -40px;
    display:none;
}
.intd .top .right .item .out img{
    width: 42px;
    height: 36px;
    margin-top: 12px;
}
.intd .top .right .item .out p{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #666666;
    margin: 0;
    text-align: left;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    padding: 5px 15px 0;
    margin-left: 10px;
    cursor: pointer;
}
.intd .btm{
    margin-top: 47px;
    display: flex;
    justify-content: space-between;
}
.intd .btm .item{
    width: 360px;
	height: 400px;
	background-image: linear-gradient(
		#ffffff, 
		#ffffff), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0px 3px 16px 0px 
		rgba(231, 231, 231, 0.7);
	border-radius: 10px;
}
.intd .btm .item .inner{
    width: 261px;
    margin: 0 auto;
    text-align: center;
}
.intd .btm .item .inner img{
    width: 124px;
    height: 124px;
    margin: 29px 0 24px;
}
.intd .btm .item .inner h5{
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #02040c;
}
.intd .btm .item .inner h3{
    font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 3px;
    color: #e14946;
    margin: 17px 0;
}
.intd .btm .item .inner .title{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
}
.intd .btm .item .inner .info{
    font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #666666;
    text-align: left;
    margin-top: 10px;
}
/* å€’è®¡æ—¶ */
.free_get{
    width: 100%;
    height: 554px;
    background: url(../img/getbg.png) no-repeat center center;
    background-size: cover;
    margin-top: 57px;
    overflow: hidden;
}
.free_get .inner_box{
    width: 1200px;
    height: 400px;
    margin: 78px auto 0;
    display: flex;
    justify-content: space-between;
}
.free_get .inner_box .item{
    width: 240px;
    height: 400px;
    background-color: #A23947;
    text-align: center;
}
.free_get .inner_box .item:nth-child(2n+2){
    background: #BA403F;
}
.free_get .inner_box .item h5{
    font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 1px;
    color: #ffffff;
    margin-top: 35px;
}
.free_get .inner_box .item .ditance{
    width: 205px;
	height: 110px;
	background-color: #ffffff;
	box-shadow: 0px 2px 5px 0px 
		rgba(21, 35, 56, 0.2);
    border-radius: 5px;
    margin: 31px auto;
    overflow: hidden;
}
.free_get .inner_box .item .ditance p{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #000000;
    margin-top: 10px;
}
.free_get .inner_box .item .ditance .reciprocal{
    width: 113px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px auto 0;
}
.free_get .inner_box .item .ditance .reciprocal .day{
    width: 34px;
    height: 44px;
    background: url(../img/ctbg.png) no-repeat center center;
    background-size: cover;
    font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #ffffff;
    line-height: 44px;
}
.free_get .inner_box .item .ditance .reciprocal span{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #333333;
}
.item.free img{
    width: 104px;
    height: 104px;
    margin-top: 38px;
}
.item.free .free_box{
    width: 205px;
	height: 90px;
	background-color: #ffffff;
	box-shadow: 0px 2px 5px 0px 
		rgba(21, 35, 56, 0.2);
    border-radius: 5px;
    margin: 34px auto 40px;
    overflow: hidden;
}
.item.free .free_box h5{
    font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #000000;
    margin: 13px 0;
}
.item.free .free_box p{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
}
.item.free a{
    display: block;
    width: 186px;
	height: 42px;
    border: solid 1px #ffffff;
    margin: 0 auto;
}
.item.free a p{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
}
/* å¿«é€Ÿæ–©èŽ· */
.course_box .title_box{
    text-align: center;
    padding-top: 50px;
}
.course_box .title_box h5{
    font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
.course_box .title_box .line{
    position: relative;
    width: 125px;
    height: 1px;
    background: #ccc;
    margin: 23px auto 18px;
}
.course_box .title_box .line::after{
    content: "";
    width: 65px;
	height: 3px;
    background-color: #cd1f20;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.course_box .title_box .text{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
}
.course_box .courses{
    width: 1200px;
	height: 868px;
	background-color: #ffffff;
	box-shadow: 0px 4px 16px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 30px;
    margin-top: 50px;
    overflow: hidden;
}
.course_box .courses h5{
    font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 0px;
    color: #02040c;
    text-align: center;
    margin: 33px 0 37px;
}
.course_box .courses .main{
    width: 1160px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.course_box .courses .main .item{
    display: block;
    width: 276px;
	height: 310px;
	background-color: #ffffff;
	border-radius: 5px;
    border: solid 1px rgba(229, 229, 229, 0.49);
    margin-bottom: 22px;
}
.course_box .courses .main .item .img{
    width: 276px;
    height: 180px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}
.course_box .courses .main .item img{
    width: 276px;
	height: 180px;;
    border-radius: 5px 5px 0px 0px;
    transition: all ease .3s;
}
.course_box .courses .main .item img:hover{
    transform: scale(1.2);
    transition: all ease .3s;
}

.course_box .courses .main .item h6{
    width: 230px;
	font-size: 16px;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px auto;
}
.course_box .courses .main .item .course_adt{
    width: 237px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
    color: #999999;
    margin: 0 auto;
  	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
}
.course_box .courses .main .item .study_count{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
  	margin-top:10px;
}
.course_box .courses .main .item .study_count img{
    width: 20px;
	height: 17px;
}
.course_box .courses .main .item .study_count span{
    font-size: 14px;
	line-height: 28px;
	letter-spacing: 0px;
    color: #999999;
    margin-left: 10px;
}
.course_box .courses .main .more{
    display: block;
    width: 166px;
	height: 42px;
	background-color: #e04946;
    border-radius: 5px;
    margin: 15px auto 0;
    font-size: 16px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
}
/* ä¸­éƒ¨è¯•å­¦ */
.try_study{
    width: 100%;
    height: 160px;
    background: url(../img/sxbg.png) no-repeat center center;
    background-size: cover;
    margin-top: 60px;
}

.try_study .wrapper h5{
    font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #00e6da;
    text-align: center;
    padding:20px 0;
}
.try_study .wrapper .ipts{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.try_study .wrapper .ipts input{
    width: 260px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    text-indent: 10px;
    border: solid 1px #ffffff;
    outline: none;
    background: transparent;
}
.try_study .wrapper .ipts button{
    width: 120px;
	height: 42px;
	background-color: #ffffff;
    border-radius: 5px;
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 9px;
	letter-spacing: 0px;
    color: #e04946;
    text-align: center;
    line-height: 42px;
    border: 0;
    outline: none;
    cursor: pointer;
}
/* ç›´æ’­ */
.live_box .wrapper h1{
    font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
    padding-top: 45px;
}
.live_box .not_swiper{
    width: 1200px;
    display: flex;
}

.live_box .swiper-container{
    width: 100%;
    padding: 0 50px;
    margin: 0 auto;
}
.live_box .swiper-slide{
    width: 301px !important;
    height: 460px;
    margin-right: 0 !important;
}

.live_box .swiper-slide .time{
    width: 100%;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    position: relative;
    text-align: center;
}
.live_box .swiper-slide .time::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #999999;
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 2;
}
.live_box .swiper-slide .time h5{
    position: absolute;
    width: 120px;
    top: 40px;
    left: 85px;
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #333333;
    padding-bottom: 12px;
    background: #ffffff;
    z-index: 3;
}
.live_box .swiper-slide.swiper-slide-active .time h5{
    color: red;
}
.live_box .swiper-slide .time p{
    position: absolute;
    width: 120px;
    top: 70px;
    left: 85px;
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #666666;
    background: #ffffff;
    z-index: 3;
}
.live_box .swiper-slide.swiper-slide-active .time p{
    color: red;
}
.live_box .swiper-slide .live_info{
    width: 276px;
	height: 326px;
	background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 5px;
    margin-right: 30px;
}
.live_box .swiper-slide img{
    width: 276px;
    height: 180px;
    border-radius: 5px 5px 0px 0px;
}
.live_box .swiper-slide .live_name{
    padding: 15px 15px 0;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 0px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.live_box .swiper-slide .yy_num{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-top: 10px;
}
.live_box .swiper-slide .yy_num .isopen i{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 27px;
    background: url(../img/tip.png) no-repeat center center;
    background-size: contain;
}
.live_box .swiper-slide .yy_num .isopen span{
    vertical-align: middle;
    font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
    color: #57a75a;
    margin-left: 5px;
}
.live_box .swiper-slide .yy_num .num{
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}
.live_box .swiper-slide .yy_now{
    display: block;
    margin: 8px auto 0;
    width: 96px;
	height: 34px;
	border-radius: 5px;
    border: solid 1px #e04946;
    font-size: 14px;
	letter-spacing: 0px;
    color: #e04946;
    text-align: center;
    line-height: 34px;
}
.live_box .swiper-button-prev{
    left: 0;
    right: auto;
    background: url(../img/20ryicon59.png);
}
.live_box .swiper-button-next{
    right: 0;
    left: auto;
    background: url(../img/20ryicon60.png);
}
.live_box .swiper-button-next, 
.live_box .swiper-button-prev{
    position: absolute;
    top: 0;
    width: 50px;
    height: 460px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    right: 0;
    margin-top: 0;
    opacity: 1;
}

.live_box .wrapper .all_live{
    display: block;
    width: 166px;
	height: 42px;
	background-color: #e04946;
    border-radius: 5px;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    margin: 50px auto;
}
/* å¤§å’–è®²å¸ˆ */
.lecturer{
    width: 100%;
    height: 724px;
    background: url(../img/teabg.png) no-repeat center center;
    background-size: cover;
}
.lecturer .wrapper h1{
    font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    padding: 40px 0;
}
.lecturer .wrapper .teachers{
    position: relative;
}
.lecturer .swiper-container{
    height: 530px;
}
.lecturer .swiper-container .swiper-pagination{
    width: auto;
}
.lecturer .swiper-container .swiper-pagination .swiper-pagination-bullet{
    background: #e04946;
    opacity: 1;
}
.lecturer .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 22px;
    border-radius: 4px;
}
.lecturer .swiper-container .swiper-slide .tea_img{
    width: 158px;
	height: 158px;
	background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 7, 145, 0.1);
    border-radius: 50%;
    transform: translateX(64px);
    overflow: hidden;
}
.lecturer .swiper-container .swiper-slide .tea_img .inner{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 4px;
    background: #616686;
}
.lecturer .swiper-container .swiper-slide .tea_img img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.lecturer .swiper-container .swiper-slide .tea_info{
    width: 286px!important;
	height: 410px;
	background-color: #ffffff;
	box-shadow: 0px 2px 4px 0px 
		rgba(0, 7, 145, 0.1);
    border-radius: 10px;
    margin-right: 15px;
    margin-top: -79px;
    text-align: center;
    overflow: hidden;
}
.lecturer .swiper-slide .tea_info h5{
    font-size: 20px;
	font-weight: bold;
	line-height: 34px;
	letter-spacing: 0px;
    color: #000000;
    margin-top: 90px;
}
.lecturer .swiper-slide .tea_info p{
    font-size: 16px;
	line-height: 34px;
	letter-spacing: 0px;
	color: #333333;
}
.lecturer .swiper-slide .tea_info p.info{
    height: 167px;
    padding: 0 25px;
    font-size: 14px;
	text-align: left;
	line-height: 28px;
	letter-spacing: 0px;
    color: #7b838a;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    position: relative;
}
.lecturer .swiper-slide .tea_info p.info span{
    color: #e04946;
}
.lecturer .swiper-slide .tea_info .info .detail{
    color: #e04946;
    position: absolute;
    bottom: 0;
    right: -8px;
}
.lecturer .swiper-slide .tea_info .btns{
    width: 242px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.lecturer .swiper-slide .tea_info a{
    width: 98px;
	height: 34px;
	border-radius: 5px;
    border: solid 1px #e04946;
    font-size: 14px;
	line-height: 34px;
	letter-spacing: 0px;
    color: #e04946;
    text-align: center;
    margin: 25px auto 0;
    display: block;
}
.lecturer .teachers .more{
    width: 166px;
	height: 42px;
	background-color: #e04946;
    border-radius: 5px;
    font-size: 16px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    position: absolute;
    bottom: -30px;
    right: 20px;
}
/* ä¿éšœæœåŠ¡ */
.service .wrapper h1{
    font-size: 32px;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin: 50px 0 73px;
}
.service .service_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service .service_box .item{
    width: 320px;
    height: 244px;
    text-align: center;
    margin-bottom: 85px;
}
.service .service_box .item.border{
    width: 443px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
.service .service_box .item img{
    width: 100px;
	height: 100px;
}
.service .service_box .item h5{
    font-size: 20px;
	font-weight: bold;
	letter-spacing: 0px;
    color: #2b333b;
    margin: 34px 0 19px;
}
.service .service_box .item p{
    width: 228px;
    margin: 0 auto;
  	line-height:25px;
    font-size: 16px;
	letter-spacing: 2px;
	color: #7b838a;
}
/* é‡‘èžèµ„è®¯ */
.finance_msg .wrapper h5.tit{
    font-size: 32px;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
}
.finance_msg .msg_box{
    margin-top: 50px;
}
.finance_msg .msg_box .msg_nav{
    width: 700px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.finance_msg .msg_box .msg_nav p{
    width: 125px;
    height: 38px;
    font-size: 18px;
    border-radius: 5px;
    line-height: 38px;
    text-align: center;
    color: #333333;
    cursor: pointer;
}
.finance_msg .msg_box .msg_nav p.active{
    background-color: #e04946;
    color: #ffffff;
}
.finance_msg .msg_box .main{
    display: flex;
    justify-content: space-between;
    margin-top: 38px;
}
.finance_msg .msg_box .main .msg_main{
    width: 857px;
	height: 523px;
	background-color: #ffffff;
	box-shadow: 0px 3px 16px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 5px;
    display: flex;
}
.finance_msg .main .msg_main .left{
    width: 320px;
    height: 468px;
    margin: 27px 27px 0 20px;
    box-shadow: #ccc 0 0 10px;
    overflow: hidden;
}
.finance_msg .main .msg_main .left img{
    width: 100%;
    height: 100%;
    transition: all ease .5s;
}
.finance_msg .main .msg_main .left img:hover{
    transform: scale(1.1);
    transition: all ease .5s;
}
.finance_msg .main .msg_main .right{
    width: 456px;
    margin-top: 27px;
}
.finance_msg .main .msg_main .right h5{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
  	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}   
.finance_msg .msg_box .main .msg_main .right p.wow {
    height: 40px;
    margin-bottom: 15px;
  	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.finance_msg .main .msg_main .right>p {
    height: 90px;
    margin-top: 10px;
}
.finance_msg .main .msg_main .right>p{
    /* margin-top: 5px; */
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #666666;
    text-indent: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    position: relative;
}
.finance_msg .main .msg_main .right p .titbox {
    width: 85%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.finance_msg .main .msg_main .right p span:nth-child(2) {
    float: right;
}

.finance_msg .main .msg_main .right .list a:before {content: '';position: relative;float: left;padding: 5px;top: 14px;left: 5px;background: #eee;transform: translateY(-50%) rotateZ(45deg);}

.finance_msg .main .msg_main .right .list a:hover:before {
    background: #e04946;
}
.finance_msg .main .msg_main .right .list{
    padding-top: 5px;
    margin-top: 10px;
    border-top: 1px dashed #cccccc;
    height: 310px;
    height: 360px;
    overflow: hidden;
}
.finance_msg .main .msg_main .right .list>a{
    text-align: left;
    width: 456px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    border-bottom: 1px dashed #ccc;
    /* margin-bottom: 5px; */
    padding: 5px 0;
}
.finance_msg .main .msg_main .right .list>a>p{
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #666666;
    text-indent: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-flex; 
    display: flex; 
    flex-direction:row;
    justify-content:space-between;
}
.finance_msg .main .msg_main .right .list a:hover .titbox {
    color: #e04946;
}
.finance_msg .main .msg_main .right .list a:hover{
    color: red;
}
.finance_msg .main .getdata{
    width: 320px;
	height: 523px;
	background-color: #ffffff;
	box-shadow: 0px 3px 16px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 5px;
    text-align: center;
}
.finance_msg .main .getdata h5{
    font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0px;
    color: #333333;
    margin: 25px 0;
}
.finance_msg .main .getdata img{
    width: 254px;
    height: 160px;
    display: inline-block;
    margin: 0 auto;
}
.finance_msg .main .getdata input{
    width: 254px;
	height: 42px;
    border: solid 1px #e7e7e7;
    font-size: 17px;
    outline: none;
    background: transparent;
    margin-top: 25px;
    text-indent: 10px;
}
.finance_msg .main .getdata .btns{
    width: 254px;
    margin: 25px auto;
    display: flex;
    justify-content: space-between;
}
.finance_msg .main .getdata .btns button{
    width: 100%;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 5px;
    border: 0;
    outline: none;
    cursor: pointer;
    /* margin: 0 auto; */
}
.finance_msg .main .getdata .btns button:last-child{
    background:  #e04946;
    color: #ffffff;
}
.finance_msg .main .getdata .btns button:first-child{
    border: solid 1px #e04946;
    color: #e04946;
    background: #ffffff;
}
.test_date .wrapper{
    height: 284px;
	background-color: #ffffff;
	box-shadow: 0px 3px 16px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 5px;
    margin: 40px auto;
    overflow: hidden;
}
.test_date .wrapper h3{
    font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0px;
    color: #333333;
    text-align: center;
    margin: 30px 0;
}
.test_date .swiper-container{
    padding: 0 50px;
}
.test_date .swiper-container .swiper-slide{
    /* width: 166px!important; */
    height: 170px;
    position: relative;
}
.test_date .swiper-container .swiper-slide .line{
    width: 100%;
    height: 1px;
    background: #e04946;
    position: absolute;
    top: 50%;
    left: 0;
}
.test_date .swiper-slide .line span{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #e04946;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.test_date .swiper-slide .time{
    padding: 7px;
    border: 1px solid #e8e8e8;
    position: absolute;
    left: 10px;
    bottom: 0;
}
.test_date .swiper-slide .time p{
    font-size: 13px;
	line-height: 20px;
	letter-spacing: 0px;
    color: #666666;
    text-align: center;
}
.test_date .swiper-slide:nth-child(2n+2) .time{
    top: 0;
    bottom: auto;
}
.test_date .swiper-container .swiper-button-next{
    right: 0;
    left: auto;
    background: url(../img/20ryicon60.png);
}
.test_date .swiper-container .swiper-button-prev{
    left: 0;
    right: auto;
    background: url(../img/20ryicon59.png);
}
.test_date .swiper-container .swiper-button-next,
.test_date .swiper-container .swiper-button-prev{
    width: 50px;
    height: 170px;
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    right: 0;
    margin-top: 0;
    opacity: 1;
}

.correlation .card_box{
    box-shadow: 0px 3px 16px 0px rgba(231, 231, 231, 0.7);
    display: flex;
}
.correlation .card_box .card_item{
    width: 240px;
	height: 464px;
	background-color: #ffffff;
	box-shadow: 0px 3px 16px 0px 
		rgba(231, 231, 231, 0.7);
    border-radius: 5px;
    position: relative;
    transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
}
.correlation .card_box .card_item.active{
    width: 480px;
    height: 464px;
}
.correlation .card_box .card_item .card{
    width: 100%;
    height: 100%;
    /* text-align: center; */
    transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
}
.correlation .card_box .card_item.active .titles{
    width: 100%;
    height: 100px;
    background-color: #e04946;
}
.correlation .card_box .card_item.active .titles h3,
.correlation .card_box .card_item.active .titles p
{
    color: #fff;
}
.correlation .card_box .card_item .titles{
    width: 240px;
	height: 100px;
	background-color: #ffeee4;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    overflow: hidden;
    transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
}

.correlation .card_box .card_item .titles h3{
    text-align: center;
    font-size: 24px;
    color: #333333;
    margin: 15px 0;
}
.correlation .card_box .card_item .titles p{
    font-size: 16px;
    text-align: center;
	color: #666666;
}

.correlation .card_box .card_item.active .first_content{
    z-index: -1;
}

.correlation .card_box .first_content{
    z-index: 3;
    opacity: 1;
    position: absolute;
    top: 100px;
    width: 100%;
    transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
}
.correlation .card_box .first_content ul{
    margin-top: 20px;
    width: 100%;
    max-width: 240px;
    padding: 20px;
}
.correlation .card_box .first_content ul li{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.correlation .card_box .first_content ul li img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.correlation .card_box .card_item.active .second_content{
    z-index: 2;
}

.correlation .card_box .second_content{
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: -1;
    transition: all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
}
.correlation .card_box .second_content .center{
    display: flex;
    margin-top: 20px;
}
.correlation .card_box .second_content .center .item{
    width: 200px;
    padding: 0 20px;
    border-right: 1px solid #eaeaea;
}
.correlation .card_box .second_content .center .item:last-child{
    border: 0;
}

.correlation .second_content .center .item .title{
    display: flex;
    align-items: center;
}
.correlation .second_content .center .item .title img{
    width: 40px;
    height: 40px;
    margin-right: 15px;
}
.correlation .second_content .center .item .title p{
    font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
}
.correlation .second_content .center .item .text{
    height: 60px;
    font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 18px;
}
.correlation .second_content .center .item a{
    display: block;
    width: 116px;
	height: 36px;
	background-color: #e04946;
    border-radius: 5px;
    font-size: 16px;
	line-height: 36px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin: 22px auto 0;
}
.correlation .second_content .btm{
    width: 438px;
    margin: 25px auto 0;
    display: flex;
}
.correlation .second_content .btm .item{
    width: 100px;
    padding: 15px;
	height: 86px;
    border: solid 1px #eaeaea;
    display: block;
    margin-right: 20px;
}
.correlation .second_content .btm .item h5{
    font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
}
.correlation .second_content .btm .item p{
    font-size: 14px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #666666;
}





/* åº•éƒ¨ */
.get_free{
    width: 100%;
    height: 680px;
    background: url(../img/btmbg.png) no-repeat center center;
    background-size: cover;
    margin-top: 60px;
    overflow: hidden;
}
.get_free .tit_box{
    text-align: center;
    margin-top: 70px;
    
}
.get_free .tit_box h1{
    font-size: 42px;
	/* font-weight: bold; */
	line-height: 52px;
	letter-spacing: 0px;
	color: #ffffff;
}

.get_free .tit_box .line{
    width: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 20px auto;
}
.get_free .tit_box .line::after{
    content: "";
    width: 62px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50px;
}
.get_free .tit_box .line::before{
    content: "";
    width: 62px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    right: 50px;
}
.get_free .tit_box .line span{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    display: block;
}
.get_free .tit_box .line span:nth-child(2){
    width: 8px;
    height: 8px;
}
.get_free .tit_box .text{
    font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
}
.get_free .main_box{
    width: 800px;
	height: 385px;
	background-color: #ffffff;
    border-radius: 10px;
    margin: 52px auto 0;
    overflow: hidden;
}
.get_free .main_box .ipts{
    width: 707px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 82px auto 0;
}
.get_free .main_box .ipts .common{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 333px;
    margin-bottom: 40px;
}
.get_free .main_box .ipts .common img{
    width: 26px;
    height: 26px;
    margin-right: 15px;
}
.get_free .main_box .ipts .phone img{
    width: 18px;
    height: 29px;
}
.get_free .main_box .ipts .code img{
    width: 22px;
    height: 26px;
}
.get_free .main_box .ipts .common .iptbox{
    width: 292px;
	height: 56px;
    background-color: #f5f5f6;
    position: relative;
}
.get_free .main_box .ipts .common .iptbox input{
    width: 260px;
    height: 46px;
    margin: 5px 10px;
    border: 0;
    outline: none;
    background: #f5f5f6;
    font-size: 16px;
}
.get_free .main_box .ipts .common.phone .iptbox input{
    width: 170px;
}
.get_free .main_box .ipts .common.phone .iptbox button{
    width: 86px;
	height: 34px;
	background-color: #e04946;
    border-radius: 5px;
    font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
    color: #ffff;
    text-align: center;
    line-height: 34px;
    border: 0;
    outline: none;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}
.get_free .main_box .subget{
    width: 408px;
	height: 60px;
    background-color: #e04946;
    font-size: 20px;
	line-height: 30px;
	letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    border: 0;
    outline: none;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}