.clears::after{
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.clears{
    zoom: 1;
}
.gf1{margin-top:8px; line-height: 22px;}
.box_In,.inner{position: relative;width: 1200px;margin: 0 auto;overflow: visible !important;}
.roadmap{background: #fff;}
.roadmap .banner{height: 299px;}
.roadmap .banner .mapban{height: 299px;}
.roadmap .banner .bd ul li{height: 280px;}
.roadmap .banner .bd ul li a{display: block;width: 100%;height: 280px;}
.roadmap .modular{margin-top: 7px;}
.roadmap .slideBox .hd{bottom: 0;height: 7px;display:none}
.roadmap .slideBox .hd ul{height: 7px;}
.roadmap .slideBox .hd ul li{width: 7px;height: 7px;background: #c9c9c9;border-radius: 7px;margin-top: 0;opacity: .4;}
.roadmap .slideBox .hd ul li.on{width: 16px;}

.roadmap .rigbtn{
    position: absolute;
    right: 34px;
    bottom: 25px;
    width: 140px;
	height: 50px;
    background: #ff7a29;
    border: 1px #ff7a29 solid;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 14px;
    color: #f8ffa4;
    padding: 0 0 0 55px;
    cursor: pointer;
	z-index: 3;
}
.roadmap .rigbtn em{
    position: absolute;
    left: 20px;
    top: 11px;
    width: 26px;
    height: 26px;
    background: url("../images/pic.png") no-repeat 0 -320px;
}
.roadmap .rigbtn>span{display: block;line-height: 17px;padding-top: 8px;}
.roadmap .rigbtn .btnewmbg{
    position: absolute;
    display: none;
    right: -34px;
    top: 0px;
    padding-top: 60px;
    z-index: 10;
}
.roadmap .rigbtn:hover .btnewmbg{display: block;}
.roadmap .rigbtn .btnewm{
    position: relative;
    width: 258px;
    text-align: center;
    border: 2px #ddebff solid;
    border-radius: 10px;
    padding: 25px 0 80px;
    background: #fff;
    box-shadow: 0 2px 20px rgba(101,134,209,.26);
}
.roadmap .rigbtn .btnewm:before{
    content: "";
    position: absolute;
    right: 59px;
    top: -10px;
    width: 15px;
    height: 15px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
    border-left: 2px #ddebff solid;
    border-top: 2px #ddebff solid;
}
.con2 .rigbtn .btnewmbg .btnewm{
    position: relative;
    width: 258px;
    text-align: center;
    border: 2px #ddebff solid;
    border-radius: 10px;
    padding: 25px 0 80px;
    background: #fff;
    box-shadow: 0 2px 20px rgba(101,134,209,.26);

}
.roadmap .rigbtn .btnewm p{
    font-size: 18px;
    color: #404656;
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}
.roadmap .rigbtn .btnewm ul li{
    float: left;
    width: 230px;
    height: 122px;
}
.roadmap .rigbtn .btnewm ul li:first-child{border-right: 1px #e9f0fd solid;}
.roadmap .rigbtn .btnewm ul li img{
    border-radius: 8px;
    border: 2px #f5f9ff solid;
    margin: -6px 0 8px;
}
.roadmap .rigbtn .btnewm ul li span{
    display: block;
    font-size: 13px;
    color: #999;
    letter-spacing: 0;
}

.roadmap .modular .modular_left{float: left;width: 200px;margin-top: 15px;}
.roadmap .modular_left .con1{width: 200px;background: #fff;box-shadow: 0 5px 15px rgba(224,224,224,.4);border-radius: 8px;overflow: hidden;}
.roadmap .modular_left .con1.cur{position: fixed;left: 50%;top: 23px;margin-left: -600px;z-index: 30;}
.roadmap .modular_left .con1 .fl{width: 100%;height: 45px;font-size: 16px;color: #fff;font-weight: bold;text-align: center;line-height: 45px;background: #2a71ff;}
.roadmap .modular_left .con1 .fr{width: 100%;margin-top: 6px;padding-bottom: 15px;}
.roadmap .modular_left .con1 .fr a{display: block;width: 200px;height: 31px;font-size: 14px;color: #777;line-height: 31px;box-sizing: border-box;padding-left: 24px;}
.roadmap .modular_left .con1 .fr a:hover{color: #595959;}
.roadmap .modular_left .con1 .fr a.a_on{position: relative;background: #ebf2ff;color: #2e58cb;}
.roadmap .modular_left .con1 .fr a.a_on:before{position: absolute;right: 7px;top: 10px;width: 7px;height: 11px;background: url("../images/pic.png") no-repeat -36px -215px;content: "";}
.roadmap .modular_left .con2{
    position: fixed;
    left: 50%;
    top: 23px;
    display: none;
    width: 180px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(224,224,224,.4);
    margin-left: -600px;
    z-index: 10;
}
.roadmap .modular_left .con2 .con2p1{
    font-size: 15px;
    color: #fff;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #2a71ff;
    border-radius: 8px 8px 0 0;
}
.roadmap .modular_left .con2 .con2p2{
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 12px 0 8px;
}
.roadmap .modular_left .con2 .con2p3{
    width: 129px;
    font-size: 12px;
    color: #93aac7;
    text-align: center;
    border-top: 1px #eaf3ff solid;
    margin: 60px auto 0;
    padding-bottom: 8px;
    cursor: pointer;
}
.roadmap .modular_left .con2 .con2p3 i{
    display: block;
    width: 19px;
    height: 8px;
    margin: 10px auto 4px;
    background: url("../images/pic.png") no-repeat 0 -310px;
}
.roadmap .modular_left .con2 .con2ul{margin-left: 26px;}
.roadmap .modular_left .con2 .con2ul li{
    float: left;
    font-size: 14px;
    color: #999;
    margin: 0 12px 12px 0;
}
.roadmap .modular_left .con2 .rigbtn{
    right: 27px;
    top: auto;
    bottom: 65px;
    width: 126px;
	height: 36px;
	padding-left: 46px;
	background: #2a71ff;
	border-color: #2a71ff;
}
.roadmap .modular_left .con2 .rigbtn em{top: 9px;width: 15px;height: 14px;background-position: 0 -292px;}
.roadmap .modular_left .con2 .rigbtn .btnewmbg{
    left: 88px;
    top: -30px;
    padding: 0 0 0 62px;
}
.roadmap .modular_left .con2 .rigbtn .btnewmbg .btnewm:before{
    left: -10px;
    top: 35px;
    border: none;
    border-left: 2px #ddebff solid;
    border-bottom: 2px #ddebff solid;
}
.roadmap .modular .modular_right{
    float: right;
    width: 980px;
}
.roadmap .modular_right .box_img1{
    position: relative;
    height: 126px;
    background: url("../images/boximg1.jpg") no-repeat center bottom;
    margin-bottom: 21px;
}
.roadmap .modular_right .box_img1:before{
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 0;
	border-style: solid;
    border-width: 15px 27px 0 27px;
    border-color: #f2f2f2 transparent transparent transparent;
	margin-left: -27px;
	content: "";
}
.roadmap .modular_right .box_img2{
    position: relative;
    height: 97px;
    background: url("http://yun.itheima.com/Root/map2021/images/boximg2.png") no-repeat center top;
    margin-bottom: 21px;
    position: relative;
}
.roadmap .modular_right .box_img2 a{
    position: absolute;
    right: 34px;
    top: 43px;
    width: 114px;
    height: 28px;
    font-size: 14px;
    color: #f8ffa4;
    text-align: center;
    line-height: 26px;
    background: #3e7eff;
    border: 1px #82acff solid;
    box-sizing: border-box;
    border-radius: 15px;
    cursor: pointer;
}
.roadmap .modular_right .modular_main{
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 23px 34px 4px 31px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(224,224,224,.5);
    overflow: hidden;
}
.roadmap .modular_right .modular_hd{
    min-height: 38px;
    padding-top: 3px;
}
.roadmap .modular_right .modular_hd .hd_p1{
    position: relative;
    float: left;
    font-size: 18px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    background: #418dff;
    border-radius: 5px;
    padding: 0 18px 0 50px;
}
.roadmap .modular_right .modular_hd .hd_p1 span{
    position: absolute;
    left: 0;
    top: -3px;
    width: 35px;
    height: 41px;
    font-size: 16px;
    color: #b5f0ff;
    text-align: center;
    line-height: 41px;
    font-weight: bold;
    padding-right: 4px;
    background: url("../images/pic.png") no-repeat -42px -228px;
}
.roadmap .modular_right .modular_hd .hd_p2{
    float: left;
	max-width: 100%;
    font-size: 12px;
    color: #b7b7b7;
    height: 16px;
    margin: 20px 0 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.roadmap .modular_right .modular_hd .hd_p2 span{font-weight: bold;}

.roadmap .modular_right .modular_list ul{position: relative;width: 918px;border-bottom: 1px #eaf0fa solid;padding-bottom: 20px;}
.roadmap .modular_right .modular_list ul.cur{border-bottom: 2px #eaf3ff solid;}
.roadmap .modular_right .modular_list ul:last-child{border: none;}
.roadmap .modular_right .modular_list ul li{
    width: 135px;
    margin: 20px 18px 0 0;
    display: inline-block;
}
.roadmap .modular_right .modular_list ul li .lititle{
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #111;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: #f2f2f2;
    cursor: pointer;
}
.roadmap .modular_right .modular_list ul li.litwo{width: 288px;}
.roadmap .modular_right .modular_list ul li.lithree{width: 441px;}
.roadmap .modular_right .modular_list ul li.cur .lititle:before{
    position: absolute;
    left: 50%;
    top: 50px;
    width: 13px;
    height: 10px;
    margin-left: -6px;
    background: url("../images/pic.png") no-repeat -51px -271px;
    content: '';
}
.roadmap .modular_right .modular_list ul li .lititle:after{
    position: absolute;
    right: -13px;
    top: 16px;
    width: 7px;
    height: 9px;
    background: url("../images/pic.png") no-repeat -42px -271px;
    content: '';
}
.roadmap .modular_right .modular_list ul li:last-child .lititle:after{display: none;}
.roadmap .modular_right .modular_list ul li .lititle span{display: inline-block;font-style: inherit;}
.roadmap .modular_right .modular_list ul li .lititle i{
    display: inline-block;
    width: 10px;
    height: 12px;
    margin: 14px 0 0 5px;
    background: url("../images/icon.png") no-repeat 0 0;
    background-size: 20px;
}
.roadmap .modular_right .modular_list ul li .lititle i.hot{background-position: 0 0;}
.roadmap .modular_right .modular_list ul li .lititle i.download{background-position: 0 -12px;}
.roadmap .modular_right .modular_list ul li .lititle i.project{background-position: 0 -24px;}
.roadmap .modular_right .modular_list ul li .lititle i.new{background-position: 0 -36px;}
.roadmap .modular_right .modular_list ul.olbot li .lititle{background: #eaf3ff;}
.roadmap .modular_right .modular_list ul.olbot li .lititle:after{background-position: -42px -282px;}
.roadmap .modular_right .modular_list ul li.cur .lititle{color: #fff;background: #ff7f40;}
.roadmap .modular_right .modular_list ul li.cur .lititle:after{border-left-color: #3679ff;}
.roadmap .modular_right .modular_list ul li.cur .lititle i.hot{background-position: -10px 0;}
.roadmap .modular_right .modular_list ul li.cur .lititle i.download{background-position: -10px -12px;}
.roadmap .modular_right .modular_list ul li.cur .lititle i.project{background-position: -10px -24px;}
.roadmap .modular_right .modular_list ul li.cur .lititle i.new{background-position: -10px -36px;}

.roadmap .modular_right .modular_list ul li .lititle.active{color: #fff;background: #ff7f40;}
.roadmap .modular_right .modular_list ul li .lititle.active i{
    width: 11px;
    height: 6px;
    background: url("../images/pic.png") no-repeat -34px -310px !important;
    margin-top: 17px;
}

.roadmap .modular_right .modular_list ul li .libotmain{
    position: absolute;
    left: 0;
    top: 80px;
    width: 915px;
}
.roadmap .modular_right .modular_list ul li .libot{display: none;}
.roadmap .modular_right .modular_list ul li.cur .libot{display: block;}
.roadmap .modular_right .modular_list .mainlist{
    width: 900px;
    height: 120px;
    padding: 20px 0;
    border-bottom: 1px #f2f2f2 solid;
}
.roadmap .modular_right .modular_list .mainlist:last-child{border: none;}
.roadmap .modular_right .modular_list .mainlist .mainlist_pic{
    float: left;
    width: 200px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_pic img{display: block;width: 100%;}
.roadmap .modular_right .modular_list .mainlist .mainlist_words{
    position: relative;
    float: right;
    width: 680px;
    height: 120px;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1{
    position: relative;
    line-height: 36px;
    overflow: hidden;
	margin-bottom: 5px;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1 a{
    float: left;
    font-size: 18px;
    color: #414656;
    font-weight: bold;
    max-width: 535px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1 a:hover{
	color: #175199;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1 i{
    float: left;
    height: 18px;
    margin: 7px 4px 0 5px;
    background: url("../images/pic.png") no-repeat 0 0;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1 i.new{width: 48px;background-position: -33px 0;}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1 i.hot{width: 48px;background-position: -33px -20px;}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1 i.project{width: 70px;height: 19px;background-position: -11px -40px;}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp1 em{
    font-size: 12px;
    color: #b8bbc3;
    font-style: inherit;
    font-weight: normal;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp2{
    font-size: 14px;
    color: #606679;
    font-weight: bold;
    padding: 9px 0;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp3{
    width: 495px;
    height: 40px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp4{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 126px;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp4 span{
    display: block;
    font-size: 12px;
    color: #b8bbc3;
    text-align: center;
    line-height: 27px;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp4 a{
    display: block;
    width: 126px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 16px;
    background: #418dff;
}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp4 a:hover{background: #3879da;}
.roadmap .modular_right .modular_list .putItAway{
    position: relative;
    display: block;
    width: 67px;
    height: 27px;
    font-size: 12px;
    color: #93aac7;
    line-height: 25px;
    border: 1px #eaf3ff solid;
    border-radius: 14px;
    box-sizing: border-box;
    margin: 14px auto 0;
    padding-left: 27px;
}
.roadmap .modular_right .modular_list .putItAway i{
    position: absolute;
    width: 11px;
    height: 7px;
    left: 11px;
    top: 8px;
    background: url("../images/pic.png") no-repeat -21px -310px;
}
.roadmap .modular_right .modular_list .putItAway:hover{color: #fff;background: #ff7f40;border-color: #ff7f40;}
.roadmap .modular_right .modular_list .putItAway:hover i{background-position: -46px -310px;}

.roadmap .modular_right .conright{width: 100%;height: 68px;margin-bottom: 20px;}
.roadmap .modular_right .conright .conrightlist{width: 948px;height: 68px;background: #fff;}
.roadmap .modular_right .conright.cur .conrightlist{position: fixed;left: 50%;top: 0;margin-left: -381px;padding: 23px 0 0 32px;z-index: 30;}
.roadmap .modular_right .conright .conrightlist li{position: relative;float: left;width: 270px;height: 100%;margin: 0 27px 0 18px;border-radius: 10px;cursor: pointer;}
.roadmap .modular_right .conright .conrightlist li p{width: 265px;padding-left: 16px;font-size: 14px;color: #808080;text-align: center;line-height: 68px;}
.roadmap .modular_right .conright .conrightlist li p span{font-size: 18px;color: #404040;padding-right: 8px;}
.roadmap .modular_right .conright .conrightlist li i{position: absolute;left: -18px;top: 10px;width: 50px;height: 47px;background: url(http://yun.itheima.com/Root/images/boxspjc.png) no-repeat 0 0;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.roadmap .modular_right .conright .conrightlist .conrightlist2 i{background-position: -51px 0;}
.roadmap .modular_right .conright .conrightlist .conrightlist3 i{background-position: -102px 0;}
.roadmap .modular_right .conright .conrightlist li:hover i{top: 7px;}
.roadmap .modular_right .conright .conrightlist .conrightlist1{background: #f8f8f8;}
.roadmap .modular_right .conright .conrightlist .conrightlist2{background: #f2f9ff;}
.roadmap .modular_right .conright .conrightlist .conrightlist3{background: #e8f7f6;}

.roadmap .modular_right .box_con3{padding: 14px 0 24px;}
.roadmap .modular_right .box_con3 p{float: left;font-size: 18px;color: #373737;line-height: 22px;margin-right: 25px;}
.roadmap .modular_right .box_con3 p span{position: relative;font-weight: bold;font-size: 20px;}
.roadmap .modular_right .box_con3 p em{position: relative;font-style: inherit;z-index:2;}
.roadmap .modular_right .box_con3 p i{position: absolute;left: 2px;bottom: -2px;width: 70%;height: 10px;z-index:1;background: -moz-linear-gradient(to right , #ffddde, #fff2f3);background: linear-gradient(to right, #ffddde,#fff2f3);border-radius: 10px;}
.roadmap .modular_right .box_con3 a{float: left;font-size: 14px;color: #808080;line-height: 22px;margin-right: 15px;}
.roadmap .modular_right .box_con3 a.a_on{color: #e74646;border-bottom: 3px #e74748 solid;}

.roadmap .modular_right .modular_listmain ul{width: 976px;display: none;}
.roadmap .modular_right .modular_listmain ul.cur{display: block;}
.roadmap .modular_right .modular_listmain ul li{float: left;width: 445px;height: 116px;margin: 0 25px 34px 0;}
.roadmap .modular_right .modular_listmain ul li .img_box{position: relative;float: left;width: 180px;height: 116px;border-radius: 12px;overflow: hidden;margin-right: 22px;}
.roadmap .modular_right .modular_listmain ul li .img_box img{width: 100%;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.roadmap .modular_right .modular_listmain ul li .img_box i{display: block;width: 100%;height: 100%;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.roadmap .modular_right .modular_listmain ul li:hover .img_box i{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.roadmap .modular_right .modular_listmain ul li .span1{position: absolute;left: 8px;bottom: 4px;width: 46px;height: 21px;font-size: 12px;color: #fff;text-align: center;line-height: 21px;border-radius: 20px;background: rgba(0,0,0,.4);}
.roadmap .modular_right .modular_listmain ul li .maintop{height: 96px;}
.roadmap .modular_right .modular_listmain ul li h2{float: left;width: 242px;font-size: 15px;color: #333;line-height: 22px;margin-top: 2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 44px;}
.roadmap .modular_right .modular_listmain ul li .details{float: left;width: 242px;font-size: 13px;color: #a4a4a4;line-height: 20px;margin: 4px 0 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px;}
.roadmap .modular_right .modular_listmain ul li .btm{float: left;width: 242px;font-size: 13px;color: #727272;}
.roadmap .modular_right .modular_listmain ul li .btm p{position: relative;padding-left: 20px;line-height: 16px;}
.roadmap .modular_right .modular_listmain ul li .btm p:before{position: absolute;left: 0;top: 0;width: 16px;height: 13px;background: url(http://yun.itheima.com/Root/images/sy_box2icon1.jpg) no-repeat;content: "";}
.roadmap .modular_right .modular_listmain ul li .btm p span{color: #ee0038;}

.roadmap .modular_right .hotCourses{width: 980px;background: #fff;border-radius: 10px;box-sizing: border-box;padding: 40px 34px 20px 0;box-shadow:0 5px 15px rgba(224,224,224,.5)}
.roadmap .modular_right .kecheng ul{width: 100%;margin-left: 0;}
.roadmap .modular_right .kecheng ul li{width: 200px;margin: 0 0 20px 36px;padding-top: 0;}
.roadmap .modular_right .kecheng ul li .img_box{width: 200px;height: 120px;}
.roadmap .modular_right .kecheng ul li .img_box>img{width: 100%;height: auto;}
.roadmap .modular_right .kecheng ul li .img_box .sy_mask{width: 100%;}
.roadmap .modular_right .kecheng ul li .img_box .imgguankan{margin: 45px auto 0;}
.roadmap .modular_right .kecheng ul h2{position: relative;font-size: 14px;color: #666;padding-right: 32px;}
.roadmap .modular_right .kecheng ul h2 i{position: absolute;right: 1px;top: 5px;width: 29px;height: 12px;background: url("../images/pic.png") no-repeat 0 -215px;}
.roadmap .modular_right .kecheng ul h2 i.new{background-position: 0 -229px;}
.roadmap .modular_right .kecheng ul .btm .span1{width: auto;height: 20px;font-size: 12px;color: #b8bbc3;line-height: 20px;background: #f6f6f6;padding: 0 10px;border-radius: 20px;margin-right: 10px;}
.roadmap .modular_right .kecheng ul .btm p{width: auto;height: 20px;font-size: 12px;color: #b8bbc3;line-height: 20px;background: #f6f6f6;padding: 0 10px;border-radius: 20px;}
.roadmap .modular_right .kecheng ul .btm .span2{float: right;width:auto}



.roadmap .other_btm{background: #fff;padding: 46px 0 50px;margin-top: 60px;}
.roadmap .other_btm .top h2{background: none;padding: 0;font-size: 22px;color: #444;}
.roadmap .other_btm ul .fl{width: 78px;}
.roadmap .other_btm ul .fl img{width: 100%;}
.roadmap .other_btm .fr{width: 630px;}
.roadmap .other_btm .fr h3{color: #666;}
.roadmap .other_btm .fr p{color: #b8bbc3;margin-bottom: 11px;}
.roadmap .other_btm .span_box span{width: auto;height: 23px;background: #f6f6f6;color: #b8bbc3;border-radius: 20px;padding: 0 10px;line-height: 23px;}
.roadmap .other_btm .span_box .span1{border: none;margin-right: 8px;}
.roadmap .other_btm .span_box .span2{margin-right: 14px;}
.roadmap .other_btm .span_box .span3{background: #f1da60;color: #5e5a4e;margin-right: 8px;}
.roadmap .other_btm .jishu .fr{width: 308px;}
.roadmap .other_btm .jishu .fl_day{font-size: 20px;color: #e3efff;font-weight: bold;background: #4187e9;border-radius: 5px 5px 0 0;height: 33px;line-height: 33px;}
.roadmap .other_btm .jishu .fl_year{font-size: 12px;color: #a8ccff;background: #e3efff;border-color: #e3efff;border-radius: 0 0 5px 5px;letter-spacing: 3px;font-weight: bold;line-height: 22px;height: 20px;}
.roadmap .other_btm .jishu .span_box .span2{float: right;background-image: none;line-height: 23px;background: none;padding-left: 15px;}
.roadmap .other_btm ul li{border: none;}
.roadmap .other_btm ul li a{padding: 19px 0 0;}
.roadmap .other_btm .jishu ul li a{padding: 25px 0 0;}
.roadmap .other_btm .top a{border: none;color: #b8bbc3;}
.roadmap .other_btm .top a:hover{color: #4187e9;}
.roadmap .other_btm ul li:hover .fr h3{color: #3679ff;}

/*订阅页面*/
.dy_mask{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.7);width: 100%;height: 100%;display: none;}         
.dingyuebox{width: 390px;padding:0 0 20px;box-sizing: border-box;position: fixed;top: 26%;left: 50%;margin-left: -195px;z-index: 9999;}
.dingyuebox .top{padding:0 0 10px;border-radius: 8px;background: #fff;box-shadow: 0px 0px 15px 3px rgba(54,141,245,.3) inset;overflow: hidden;margin-top: 27px;}
.dingyuebox h3{font-size: 16px;color: #fffeb1;text-align: center;background:url("../images/dy_h3bg.png") no-repeat top center;padding:18px 0 12px ;}
.dingyuebox h3 b{font-size: 24px;color: #fff;display: block;padding-top: 2px;}
.dingyuebox .box3con_inp{width: 310px;margin: 20px auto 0;}
.dingyuebox .box3con_inp p{position: relative;}
.dingyuebox .box3con_inp p input{width:100%;height: 40px;background: #f4f4f4;border:none;border-radius: 5px;margin-bottom: 10px;padding: 0 10px;box-sizing: border-box;font-size: 16px;}
.dingyuebox .box3con_inp p .codeverify{width: 192px;}
.dingyuebox .box3con_inp p button{position: absolute;right: 0;top: 0;font-size: 16px;width: 107px;height: 40px;line-height: 40px;text-align: center;background: #fff;color: #0084ea;border-radius: 5px;cursor: pointer;border:1px solid #0084ea;}
.dingyuebox .btn1,.dingyuebox .btn2{width: 310px;height: 40px;margin: 0 auto;font-size: 14px;color: #fff;text-align: center;line-height: 40px;cursor: pointer;background: #0084ea;border-radius: 6px;}
.dingyuebox .btn2{color: #999999;background: none;}
.dingyuebox .dybox img{display: block;margin: 0 auto 20px;}
.dingyuebox .dybox {background: #ffffff;width:390px;padding:30px 10px;box-shadow: 0px 0px 15px 3px rgba(54,141,245,.3) inset;border-radius: 8px;box-sizing: border-box;margin-top: 27px;display: none;}
.dingyuebox .dybox p{font-size: 18px;line-height: 24px;text-align: center;}
.dingyuebox .dybox p span{font-size: 22px;font-weight: bold;color: #191919;display: block;margin: 10px 0 15px;}
.dingyuebox .dy_close{float: right;padding-right: 15px;cursor: pointer;}
.mack_error{z-index: 50;display: none;}
.mack_error .errorcon{position: fixed;width: 250px;background: rgba(0,0,0,.6);left: 50%;top: 50%;transform: translate(-50%, -50%);margin: auto;border-radius: 10px;z-index: 50;padding: 20px 0;}
.mack_error .errorcon img{display: block;width: 30px;height: 30px;margin: 0 auto 10px;}
.mack_error .errorcon p{font-size: 20px;;color: #fff;text-align: center;}
.roadmap .modular .modular_cen ul li .yjdy_p{cursor: pointer;}



@-webkit-keyframes circle {from {-webkit-transform: rotate(360deg);}to{-webkit-transform: rotate(0deg);}}
@-moz-keyframes circle {from {-moz-transform: rotate(360deg);}to{-moz-transform: rotate(0deg);}}
@-o-keyframes circle {from {-o-transform: rotate(360deg);}to{-o-transform: rotate(0deg);}}
@keyframes circle {from {transform: rotate(360deg);}to{transform: rotate(0deg);}}



.roadmap .modular_right .modular_list ul li .title_two {
    position: relative;
    font-size: 14px;
    color: #717485;
    text-align: center;
    line-height: 28px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    padding: 0 10px;
    margin: 0 10px;
}

.roadmap .modular_right .modular_list ul li .lititle span.event_title {
    width: 100%;
}

.roadmap .modular_right .modular_list ul li .lititle span.title_two.active {
    color: #fff;
    background: #ff7f40;
}

.roadmap .modular_right .modular_list ul li.cur .lititle span.title_two.cur {
    color: #fff;
    background: #ff7f40;
}

.roadmap .modular_right .modular_list ul li.cur .lititle .title_two.cur:before {
    position: absolute;
    left: 50%;
    top: 44px;
    width: 13px;
    height: 10px;
    margin-left: -6px;
    background: url(/Root/map2021/images/pic.png) no-repeat -51px -271px;
    content: '';
}

.roadmap .modular_right .modular_list ul li.cur .lititletwo:before {
    display: none;
}

.roadmap .modular_right .modular_list ul li.cur .libot.erjis {
    display: none;
}

.roadmap .modular_right .modular_list ul li.cur .libot.erjis.objcur {
    display: block;
}

.roadmap .modular_right .modular_list ul li {
    width: auto;
    margin-right: 54px;
}

.roadmap .modular_right .modular_list ul li .lititle {
    padding: 0 18px;
}

.roadmap .modular_right .modular_list ul li.cur .lititletwo {
    background: #f2f2f2;
    color: #111;
}

.roadmap .modular_right .modular_list .putItAway {
    background: #fff;
}

.roadmap .modular_right .modular_list .putItAway:hover {
    background: #ff7f40;
}

.roadmap .modular_right .modular_hd .hd_p2 {
    float: left;
    max-width: 100%;
    font-size: 13px;
    color: #666;
    height: 16px;
    margin: 20px 0 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp3 {
    height: 80px;
    -webkit-line-clamp: 4;
}
.other_btm .jishu {
    width: 100%;
}

.other_btm ul {
    width: 48%;
}

.other_btm ul.f_fl {
    float: left;
}

.other_btm ul.f_fr {
    float: right;
}

.roadmap .other_btm .jishu .fr {
    width: 478px;
}

.footer .fl {
    float: none;
}

.roadmap .rigbtn .btnewm {
    width: 252px;
}

.roadmap .rigbtn .btnewm ul li {
    width: 252px;
}

.roadmap .rigbtn .btnewm ul li:first-child {
    border: none;
}

.topbar{
	width: 100%;
	height: 30px;
	background: #f8fafd;
}
.topbar p{
	font-size: 12px;
	color: #ababab;
	line-height: 30px;
}
.topbar p a{
	color: #ababab;
	margin: 0 5px;
}
.topbar p a:hover{
	color: #919191;
}
.topbar p img{
	float: left;
	margin-top: 8px;
	margin-right: 4px;
}
.innl{
	float: left;
}
.innr{
	float: right;
}

/* ----------header---------- */
.header{position: relative; background: #fff;}
.header_con{width:100%; background:#fff;position: relative;z-index: 100;}
.header_con .head_up{height: 89px;}
.header_con .inner{width:1200px; margin: 0 auto; position: relative; height:auto; overflow:inherit;}
.head_up .hp{float:left; padding:16px 0; margin-left: 14px;}
.head_up .hp img{display: block;} 
.head_up .slogan{float: left; margin: 20px 0 0 15px;border-left: 1px #dedede solid;padding-left: 17px;} 
.head_up .city{float: left; margin-top: 30px; z-index:999999; margin-left: 60px; cursor:pointer;}
.head_up .city{float: right;margin-top: 30px;line-height: 30px;z-index: 999999;padding-left: 35px;cursor: pointer;background: url("/2020gw/images/city_m.jpg") no-repeat left center;}
.head_up .city h3{float: left; font-size: 18px;}
.head_up .city .city_in{float: left; position: relative; margin-top: 3px; z-index: 99; margin-left:10px;}
.head_up .city .city_in .city_nav{line-height: 26px;background: url(http://www.itheima.com/images/city/city_x.jpg) no-repeat left center;font-size: 12px;font-family: "宋体";padding-left: 24px;display: block;}
.head_up .city .city_con{float: left;position: absolute;right: 0;left: auto;top: 23px;padding-top: 15px;z-index: 999999;}
.head_up .city .city_con strong{display: block; width: 10px; height: 17px; background: url(../images/city/arrow.jpg) no-repeat; position: absolute; left:-9px; top:26px; z-index: 2;}
.head_up .city .city_con ul{padding:20px 0 20px 20px; width:520px; overflow: hidden;border-radius: 10px; background: #fff; border: 1px solid #deeafb; }
.head_up .city .city_con ul li{width: 80px;height: 65px;margin-bottom: 10px;float: left; margin-right: 20px; position: relative;}
.head_up .city .city_con ul li .imgbox{top: 0;display:block; text-align: center; width:100px; position: absolute;}
.head_up .city .city_con ul li .imgbox img{display: inline-block;opacity: .3;}
.head_up .city .city_con ul li a:hover .s_name{color: #000;}
.head_up .city .city_con ul li a:hover img{opacity: 1;}
.head_up .city .city_con ul li .s_name{display:block; width:100px; line-height: 23px; color: #818181; font-size: 16px; text-align: center; position: absolute; bottom:0; left:0;}
.head_up .slo{float:right; margin-top:10px;}
.head_up .city .city_con ul li strong{display:block; background: url(../images/city/new.png); width:23px; height:23px; position: absolute; left:77px; top:15px;}
.head_up .slo{float:right; margin-top:10px;}
.head_up .city .city_con ul li .red{background: #d72502; color: #fff;}
/* ----------导航---------- */
.head_nav{background: #2A2A36;}
.head_index{background: #fff;}
.head_nav ul{height: 40px;width:1200px; margin: 0 auto;overflow: hidden;}
.head_nav ul li{float:left; font-size: 16px; line-height:40px;}
.head_nav ul li .all{width:232px; background: #D72502; color: #fff; text-align: center; margin-right:10px;border-top-right-radius: 7px;border-top-left-radius: 7px;}
.head_nav ul li .all:hover{color: #fff;}
.head_nav ul li a{display:block; color: #fff;}
.head_nav ul li a:hover{color: #ccc;}
.head_nav ul li a.cur{color:#D72502;}
.head_index ul li {margin-left:52px;}
.head_nav ul li.lione{float: left;margin-left: 0;}
.head_index ul li a{color: #090723;}
.head_index ul li a:hover{color: #D72502;}
.head_index ul li .all:hover{color: #fff;}

.index_h ul li.lione{background: #D72502;border-radius: 7px;}
.index_h ul li .all{width:116px; float: left;margin-right: 0;}
.index_h ul li .all:hover{background: #e82c07;}
.index_h ul li .all.on{background: #a40000;position: relative;}
.index_h ul li .all.on:before{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: -4px;
	width: 0;
	height: 0;
	border-top: 4px solid #a40000;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	z-index: 99;
}

/* 头部导航下拉样式 */
.fdnav{position:absolute; top:127px; width:100%;  background: #fff; z-index: 100;height: 0;overflow: hidden; display:block;box-shadow: 0 3px 16px rgba(158,158,158,.22);}
.fdnav ul{width:1200px; margin:0 auto; padding:26px 0 16px; overflow: hidden;}
.fdnav ul li{float:left; width: 200px;height: 40px;margin-bottom: 12px;}
.fdnav ul li.w108{width: 108px;}
.fdnav ul li.w127{width: 127px;}
.fdnav ul li.w180{width: 180px;}
.fdnav ul li a{display: block; width:auto;}
.fdnav ul li img{display: block; margin:0 auto;float: left;margin-right: 8px;width: 22px;}
.fdnav ul li span{float: left; margin-right: 0;font-size:14px;line-height: 40px;color: #7b7b7b;}
.fdnav ul li.twolin span{line-height: 20px;}
.fdnav ul li.li_last{border-right:0;}
.fdnav ul li:hover span{color: #d50212;}
.fdnav ul li em{float: left;width: 28px;margin: 6px 10px 0 40px;height: 28px;border-radius: 50%;background: -moz-linear-gradient(to bottom , #015eea, #00c0fa);background: linear-gradient(to bottom, #015eea,#00c0fa);}
.fdnav ul li em img{width: 18px;margin: 4px 0 0 5px;}
.fdnav ul li.java_icon{width: 180px !important;}
.fdnav ul li.java_icon em img{margin-top: 3px;}
.fdnav ul li.web_icon{width: 180px !important;}
.fdnav ul li.web_icon em{background: -moz-linear-gradient(to bottom , #209cff, #5fd8e6);background: linear-gradient(to bottom, #209cff,#5fd8e6);}
.fdnav ul li.cloud_icon{width: 160px !important;}
.fdnav ul li.cloud_icon em{background: -moz-linear-gradient(to bottom , #2172a0, #22c7cb);background: linear-gradient(to bottom, #2172a0,#22c7cb);}
.fdnav ul li.python_icon{width: 220px !important;}
.fdnav ul li.python_icon em{background: -moz-linear-gradient(to bottom , #764ea9, #677de7);background: linear-gradient(to bottom, #764ea9,#677de7 );}
.fdnav ul li.ai_icon em{background: -moz-linear-gradient(to bottom , #091c92, #2354e8);background: linear-gradient(to bottom, #091c92,#2354e8 );}
.fdnav ul li.ui_icon em{background: -moz-linear-gradient(to bottom , #f85a52, #e23f7d);background: linear-gradient(to bottom, #f85a52,#e23f7d);}
.fdnav ul li.test_icon{width: 160px !important;}
.fdnav ul li.test_icon em{background: -moz-linear-gradient(to bottom , #00a0d3, #00dbbe);background: linear-gradient(to bottom, #00a0d3,#00dbbe);}
.fdnav ul li.xmt_icon{width: 180px !important;}
.fdnav ul li.xmt_icon em{background: -moz-linear-gradient(to bottom , #a73eca, #f371b8);background: linear-gradient(to bottom, #a73eca,#f371b8);}
.fdnav ul li.pm_icon{width: 180px !important;}
.fdnav ul li.pm_icon em{background: -moz-linear-gradient(to bottom , #f9692e, #fabe41);background: linear-gradient(to bottom, #f9692e,#fabe41);}
.fdnav ul li.linux_icon{width: 220px !important;}
.fdnav ul li.linux_icon em{background: -moz-linear-gradient(to bottom , #3361a8, #8ba2c7);background: linear-gradient(to bottom, #3361a8,#8ba2c7);}
.fdnav ul li.robot_icon em{background: -moz-linear-gradient(to bottom , #0a4ec0, #5197ff);background: linear-gradient(to bottom, #0a4ec0,#5197ff);}
.fdnav ul li.uids_icon em{background: -moz-linear-gradient(to bottom , #f69537, #ef7f1c);background: linear-gradient(to bottom, #f69537,#ef7f1c);}



/* ----------2020底部---------- */
.footer2{background: #ebebeb;}
.footer2 .footer_top .footer_logo{height: 32px;padding: 30px 0 36px;}
.footer2 .footer_top .footer_logo h2{float: left;position: relative;width: auto;height: 30px;line-height: 30px;text-align: center;font-size: 15px;color: #343434;border-bottom: 1px #fff solid;margin: 0 0 0 311px;padding-bottom: 32px;}
.footer2 .footer_top .footer_logo ul{float: left;border-bottom: 1px #fff solid;padding-bottom: 32px;}
.footer2 .footer_top .footer_logo ul li{float: left;height: 30px;overflow: hidden;margin-left: 36px;}
.footer2 .footer_top .footer_logo ul li img{display: block;}
.footer2 .footer_top .footer_logo ul li img:hover{margin-top: -30px;}
.footer2 .footer_top .footer_yqlj{padding: 12px 0 8px;margin-bottom: 5px;}
.footer2 .footer_top .footer_yqlj .inner{overflow: visible;}
.footer2 .footer_top .footer_yqlj ol{display: none;height: 42px;border-bottom: 1px #dcdcdc solid;}
.footer2 .footer_top .footer_yqlj ol li{float: left;height: 40px;line-height: 40px;font-size: 14px;color: #9c9c9c;margin-right: 42px;cursor: pointer;}
.footer2 .footer_top .footer_yqlj ol li.cur{border-bottom: 3px #0168e1 solid;color: #0168e1;}
.footer2 .footer_top .footer_yqlj ul{position: relative;margin: 18px 0 9px;}
/* .footer2 .footer_top .footer_yqlj .footbotdown{position: absolute;right: -5px;bottom: 5px;width: 10px;height: 15px;background: url("/2020gw/images/indeximg/footbotdown.jpg") no-repeat 0 0;cursor: pointer;z-index: 10;} */
/* .footer2 .footer_top .footer_yqlj .footbotdown.footbotup{background-image: url("/2020gw/images/indeximg/footbotup.jpg");} */
.footer2 .footer_top .footer_yqlj ul li{overflow: hidden;margin-bottom: 5px;}
.footer2 .footer_top .footer_yqlj ul li.cur{display: block;}
.footer2 .footer_top .footer_yqlj a{font-size: 12px;color: #c8c8c8;margin-right: 8px;line-height: 26px;float: left;}
.footer2 .footer_top .footer_yqlj a:hover{color: #0067e1;}
.footer2 .footer_top .footer_yqlj ul li span{font-size: 12px;color: #c8c8c8;line-height: 26px;}
.footer2 .footer_top .footer_ch{position: relative;padding: 25px 0 25px;}
.footer2 .footer_top .footer_ch .wzdtsqlj{position: absolute;right: 446px;top: 110px;}
.footer2 .footer_top .footer_ch .wzdtsqlj a{display: block;line-height: 24px;font-size: 13px;color: #afafaf;}
.footer2 .footer_top .footer_ch .wzdtsqlj a:hover{color: #0067e1;}
.footer2 .footer_top .footer_ch ol{float: left;padding-top: 10px;}
.footer2 .footer_top .footer_ch ol li{width: 132px;float: left;}
.footer2 .footer_top .footer_ch ol h2{font-size: 15px;color: #343434;padding-bottom: 6px;}
.footer2 .footer_top .footer_ch ol p a{font-size: 13px;color: #afafaf;float: left;width: 100%;line-height: 24px;}
.footer2 .footer_top .footer_ch ol p a:hover{color: #0067e1;}
.footer2 .footer_top .footer_ch ul{float: right;width: 315px;margin-top: 18px;}
.footer2 .footer_top .footer_ch ul li{float: left;width: 113px;margin-right: 44px;}
.footer2 .footer_top .footer_ch ul li img{display: block;margin: 0 auto 8px;}
.footer2 .footer_top .footer_ch ul li p{font-size: 14px;color: #55575d;text-align: center;}
.footer2 .footer_bot{background: #ebebeb;padding: 0 0 32px;}
.footer2 .footer_bot .footer-bot{display: inline-block;}
.footer2 .footer_bot img{display: none;}
.footer2 .footer_bot p{display: inline-block;font-size: 12px;text-align: center;color: #a2a2a2;margin-bottom: 5px;}
.footer2 .footer_bot p span{display: none;}
.footer2 .footer_bot p a{color: #656464;margin: 0 8px}
.footer2 .footer_bot .footbq{color: #656464;}
.footer2 .footer_bot .foot_ch p{color: #656464;}

.footer2 .foot_ch h3{padding-bottom: 15px; font-size: 16px; color: #e7e7e7; }

.footer2 .footer_top .footer_ewm{background: #f5f5f5;}
.footer2 .footer_top .footer_ch ol li.logobot{width: 96px;margin: 0 120px 0 90px;}

.roadmap .btnlxt{
	position: absolute;
	right: 190px;
	bottom: 25px;
	width: 130px;
	height: 50px;
	font-size: 14px;
	color: #f8ffa4;
	text-align: center;
	line-height: 16px;
	border-radius: 30px;
	z-index: 11;
	background: #ff7a29;
	font-weight: bold;
	box-sizing: border-box;
	padding: 10px 0 0;
}
.roadmap .btnlxt span{
	font-size: 12px;
	color: #f3f6c9;
}
.roadmap .btnlxt:hover{bottom: 27px;font-weight: bold;}
.roadmap .btnright{
	position: fixed;
	right: 50%;
	top: 50%;
	width: 75px;
	height: 67px;
	font-size: 15px;
	color: #fff;
	z-index: 100;
	background: url("http://yun.itheima.com/Root/map2021/images/btnright2.png") no-repeat;
	margin-right: -699px;
	padding: 71px 11px 0 10px;
}
.roadmap .btnright.cur{
	right: 7px;
	top: 14%;
	margin-right: 0;
}

.roadmap .modular_right .modular_list ul li .title_two{
	position: relative;
    font-size: 14px;
    color: #717485;
    text-align: center;
    line-height: 28px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    padding: 0 10px;
    margin: 0 10px;
}
.roadmap .modular_right .modular_list ul li .lititle span.event_title{width: 100%;}
.roadmap .modular_right .modular_list ul li .lititle span.title_two.active{color: #fff !important;background: #ff7f40 !important;}
.roadmap .modular_right .modular_list ul li.cur .lititle span.title_two.cur{color: #fff !important;background: #ff7f40 !important;}
.roadmap .modular_right .modular_list ul li.cur .lititle .title_two.cur:before {
    position: absolute;
    left: 50%;
    top: 44px;
    width: 13px;
    height: 10px;
    margin-left: -6px;
    background: url(/Root/map2021/images/pic.png) no-repeat -51px -271px;
    content: '';
}
.roadmap .modular_right .modular_list ul li.cur .lititletwo:before{display: none;}
.roadmap .modular_right .modular_list ul li.cur .libot.erjis{display: none;}
.roadmap .modular_right .modular_list ul li.cur .libot.erjis.objcur{display: block;}
.roadmap .modular_right .modular_list ul li {width: auto;margin-right: 54px;}
.roadmap .modular_right .modular_list ul li .lititle{background: #eef3fb;padding: 0 18px;}
.roadmap .modular_right .modular_list ul li.cur .lititletwo{background: #f2f2f2;color: #111;}
.roadmap .modular_right .modular_list .putItAway{background: #fff;}
.roadmap .modular_right .modular_list .putItAway:hover{background: #ff7f40;}
.roadmap .modular_right .modular_list .mainlist .mainlist_words .conp3{height: 80px;-webkit-line-clamp: 4;}

/* Java鐭ヨ瘑鐐� */
.roadmap .modular_right .modular_main.java6{background: none;box-shadow: none;overflow: visible;padding: 23px 0 4px 0;}
.roadmap .modular_right .modular_main.java6 .modular_list ul{width: 100%;}
.roadmap .modular_right .modular_main.java6 .modular_list ul li{background: #fff !important;box-shadow: 0 0 15px rgb(224,224,224,.6);box-sizing: border-box;margin-right: 0;padding: 0 15px;}
.roadmap .modular_right .modular_main.java6 .modular_list ul li p.lititletwo{width: 914px !important;}
.roadmap .modular_right .modular_main.java6 .modular_list ul li .lititle span{height: 40px;color: #4c5160;line-height: 40px;background: #f3f3f3;}
.roadmap .modular_right .modular_main.java6 .modular_list ul li .lititle span.spantwo{background: #fff;padding-top: 1px;}
.roadmap .modular_right .modular_main .huizong{font-size:26px;color:#f8fdab; position: absolute;margin: -61px 0 0 159px;}
.roadmap .modular_right .modular_main .huizong span{font-weight:bold;padding-right: 10px;}