/* 只兼容CSS3使用本代码块样式 ；box-size属性需注意; 如需结合BS，最好不用此全局样式，注意padding margin 与BS的差异；
 * {
	tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {	display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0
}*/

body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{ margin:0;padding:0;}
body{background:#fff none;color:#111;font-size:14px;font-style:normal;font-family:"Microsoft YaHei","SimSun",sans-serif;}
em, b, i{font-style:normal;}
a{ text-decoration:none; color:#111;}
a:hover{ text-decoration:underline; color:#111;}
img, a img{border:0 none;}
ul, ol{list-style:none}
table{border-spacing:0; border-collapse:collapse;}
input,textarea {outline:0;resize:none;}
.phone {
    float: right;
    margin-top: 19px;
    width: 242px;
    height: 57px;
    text-align: left;
    font-size: 16px;
    padding-left: 40px;
    background: url(../img/dianhua.png) no-repeat;
}
.phone a{
    text-decoration: none;
}
.phone p {
    line-height: 18px;
    color: #fff;
}
.phone h3 {
    font-weight: bold;
    font-size: 26px;
    color: #ff0;
}
.container{clear:both;margin:0 auto;text-align:left;width:1000px;}
.container:after, .clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.pull-left{ float: left;}
.pull-rigth{ float: right;}
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}
.vspace{height:10px;font-size:0px;line-height:0px;width:99%;clear:both;}
.ie-dis{display: inline-block; *zoom: 1; *display: inline;}
.ver-m .vm-cont{display: inline-block; *zoom: 1; *display: inline; vertical-align: middle;}
.ver-m .vm-i{display: inline-block; *zoom: 1; *display: inline; height: 100%; vertical-align: middle;}


.md-170726-cj-mbg-01{min-width: 1000px; height: 1706px; background: url("../img/bg_m_01.jpg")/*tpa=http://www.it61.cn/codemath/src/img/bg_m_01.jpg*/ no-repeat center 0;}
.md-170726-cj-mbg-02{min-width: 1000px; height: 5500px; background: url("../img/bg_m_02.jpg")/*tpa=http://www.it61.cn/codemath/src/img/bg_m_02.jpg*/ no-repeat center 0;}
.md-170726-cj-hbg{position: relative; z-index: 10; height: 90px; background: url("")/*tpa=http://www.it61.cn/codemath/src/img/bg_header.png*/ no-repeat center 0;}
.md-170726-cj-hbg .h-logo{position: absolute; top: 9px; left: 50%; margin-left: -498px; width: 72px; height: 72px;}
.md-170726-cj-hbg .ts-url{color: #fff; line-height: 25px; background-color: #2b9dd1; text-decoration: none; cursor: pointer; border-radius: 3px;;}
.md-170726-cj-hbg .ts-url:hover{background-color: #2b71d1;}
.md-170726-cj-hbg .h-add{position: absolute; top: 32px; left: 50%; margin-left: -158px; width: 92px; height: 25px;}
.md-170726-cj-hbg .h-child{position: absolute; top: 32px; left: 50%; margin-left: -56px; width: 101px; height: 25px;}
.md-170726-cj-hbg .h-robot{position: absolute; top: 32px; left: 50%; margin-left: 55px; width: 132px; height: 25px;}

.md-170726-cj-main{position: relative;}
.md-170726-cj-02{position: absolute; top: 198px; left: 0px; width: 100%;}
.md-170726-cj-02 .btn-box{height: 100px; text-align: center;}
.md-170726-cj-02 .btn-box .btn{margin-top: 22.5px; width: 78px; height: 56px; background: url("../img/icon_btn_mk2.png")/*tpa=http://www.it61.cn/codemath/src/img/icon_btn_mk2.png*/ no-repeat 0 -56px; cursor: pointer;}
.md-170726-cj-02 .btn-box .btn.yes-01.act{background-position-y: 0px;}
.md-170726-cj-02 .btn-box .btn.yes-02{margin-left: 10px; background-position-y: -168px;}
.md-170726-cj-02 .btn-box .btn.yes-02.act{background-position-y: -112px;}
.md-170726-cj-02 .switch-box{position: relative; width: 100%; height: 1379px; background: url("../img/mk_2_bg.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_2_bg.png*/ no-repeat center 630px;}
.md-170726-cj-02 .switch-box .mk-box{position: absolute; text-align: center;}
.md-170726-cj-02 .switch-box .mk-box .title-img{margin-bottom: 8px; height: 31px;}
.md-170726-cj-02 .switch-box .exp-box{position: relative; padding: 1px 1px 0 11px; width: 440px; height: 364px; background: url("../img/mk_2_w_01.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_2_w_01.png*/ no-repeat 0 0;}
.md-170726-cj-02 .switch-box .exp-box.eb01{background-image: url("../img/mk_2_w_02.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_2_w_02.png*/;}
.md-170726-cj-02 .switch-box .exp-box.eb02{padding: 5px 1px 0 11px; height: 360px; background-image: url("../img/mk_2_w_03.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_2_w_03.png*/;}
.md-170726-cj-02 .switch-box .exp-box>img{width: 100%;}
.md-170726-cj-02 .switch-box .exp-box .ts-i{position: absolute; top: 0px; right: 0px; width: 51px; height: 51px; background: url("../img/mk_2_icon.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_2_icon.png*/;}
.md-170726-cj-02 .switch-box .mk-box.exp-00{top: 120px; left: 30px;}
.md-170726-cj-02 .switch-box .mk-box.exp-01{top: 120px; right: 42px;}
.md-170726-cj-02 .switch-box .mk-box.exp-05{top: 810px; left: 30px;}
.md-170726-cj-02 .switch-box .mk-box.exp-02{top: 810px; right: 42px;}
.md-170726-cj-02 .switch-box .mk-box.exp-03{top: 262px; right: 46px;}
.md-170726-cj-02 .switch-box .mk-box.exp-03>img{height: 290px;}
.md-170726-cj-02 .switch-box .mk-box.exp-04{top: 938px; right: 46px;}
.md-170726-cj-02 .switch-box .mk-box.exp-04>img{height: 291px;}
.md-170726-cj-02 .switch-box .st-img{position: absolute; left: 30px;}
.md-170726-cj-02 .switch-box .st-img.s-t-05{top: 130px;}
.md-170726-cj-02 .switch-box .st-img.s-t-06{top: 310px;}
.md-170726-cj-02 .switch-box .st-img.s-t-07{top: 820px;}
.md-170726-cj-02 .switch-box .st-img.s-t-08{top: 1030px;}
.md-170726-cj-02 .btn-url{display: block; margin: 0 auto; width: 361px; height: 69px; background: url("../img/mk_2_url.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_2_url.png*/ no-repeat 0 0; color: #250156; line-height: 69px; font-size: 23px; text-align: center; font-weight: bold;}
.md-170726-cj-02 .btn-url:hover{text-decoration: none;}
.md-170726-cj-03{position: absolute; top: 2110px; left: 0px;}
.md-170726-cj-05{position: absolute; top: 4226px; left: 0px;}
.md-170726-cj-05>img{display:inline-block; *zoom:1; *display:inline;}
.md-170726-cj-05 .class-box{*margin-left: -14px; width: 328px; vertical-align: top;}
.md-170726-cj-05 .class-box>img{margin-bottom: 14px;}
.md-170726-cj-06{float: left; position: absolute; top: 5016px; left: 0px; width: 1000px; overflow: hidden;}
.md-170726-cj-06 .teach-list{margin-right: 9px; position: relative; width: 243px; height: 347px; overflow: hidden;}
.md-170726-cj-06 .pic_info{position: absolute; left: 0px; bottom: -112px; transition: bottom linear 0.5s; -webkit-transition: bottom linear 0.5s;}
.md-170726-cj-06 .ts-teach .pic_info{bottom: -136px;}
.md-170726-cj-06 .teach-list:hover .pic_info{bottom: 0px;}
.md-170726-cj-06 .point-box{margin-top: 26px;}
.md-170726-cj-06 .point-box li{display: inline-block; *zoom: 1; *display: inline; margin: 0 4px; cursor: pointer; width: 12px; height: 12px; border-radius: 6px; background-color: #8571ec; color: #8571ec; overflow: hidden;}
.md-170726-cj-06 .point-box li.on{color: #dbd6f7; background-color: #dbd6f7;}
.md-170726-cj-07{position: absolute; top: 5804px; right: 50px; width: 315px;}
.md-170726-cj-07 .f-inp{margin-bottom: 30px; padding: 13px 20px; width: 275px; height: 24px; font-size: 16px; background: url("../img/mk_7_inp.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_7_inp.png*/ no-repeat 0 center; border: 0px; color: #7568ad;}
.md-170726-cj-07 select{ width: 49%;  outline: 0;  font-size: 16px; padding: 0px 6%; border-radius: 40px; background-image: none; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); color: #7568ad; height: 50px;   margin-bottom: 30px;  resize: none;  background: #372579; border: none; }
.md-170726-cj-07 .btn-sub{width: 315px; height: 50px; border: 0px; background: url("../img/mk_7_url.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_7_url.png*/ no-repeat 0 0; cursor: pointer;}
.md-170726-cj-07 iframe{border: none;}

.md-170726-cj-mbg-01 .bg-icon-01,.md-170726-cj-mbg-02 .bg-icon-02{position: relative;}
.bg-icon{position: absolute; background: url("../img/bg_icon.png")/*tpa=http://www.it61.cn/codemath/src/img/bg_icon.png*/ no-repeat 0 0;}
.bgi-bl{position: absolute; z-index: 10; width: 208px; height: 63px; top: 1300px; right: -40px; background: url("../img/icon_bl.png")/*tpa=http://www.it61.cn/codemath/src/img/icon_bl.png*/ no-repeat 0 0;}
.bgi-01{width: 87px; height: 76px; top: 460px; left: -130px; background-position-y: -137px;}
.bgi-02{width: 62px; height: 78px; top: 530px; right: -130px; background-position-y: -59px;}
.bgi-03{width: 26px; height: 26px; top: 1220px; left: -60px; background-position-y: -213px;}
.bgi-04{width: 37px; height: 37px; top: 1510px; left: -140px; background-position-y: -239px;}
.bgi-05{width: 31px; height: 26px; top: 1450px; right: -100px; background-position-y: -276px;}

.bgi-07{width: 24px; height: 24px; top: 270px; left: -80px;background-position-y: -303px}
.bgi-08{width: 65px; height: 57px; top: 1080px; left: -140px; background-position-y: -368px;}
.bgi-09{width: 40px; height: 41px; top: 430px; right: -140px; background-position-y: -327px;}
.bgi-10{width: 36px; height: 36px; top: 1610px; right: -60px; background-position-y: -500px;}
.bgi-11{width: 61px; height: 61px; top: 1488px; right: -132px; background-position-y: -439px;}
.bgi-12{width: 51px; height: 51px; top: 2450px; left: -150px; background-position-y: -536px;}
.bgi-13{width: 39px; height: 33px; top: 3730px; right: -80px; background-position: -37px -213px;}
.bgi-14{width: 26px; height: 26px; top: 5940px; left: -90px; background-position-y: -213px;}
.bgi-16{width: 14px; height: 14px; top: 1220px; right: -70px; background-position-y: -425px;}
.bgi-17{width: 208px; height: 63px; top: 1580px; left: -180px;}
.bgi-18{width: 208px; height: 63px; top: 3165px; right: -120px; background-position-y: -63px;}
.bgi-19{width: 108px; height: 50px; top: 6090px; right: -150px; background-position-y: -191px;}
.bgi-20{width: 62px; height: 59px; top: 62px; left: 210px;}

@media only screen and (max-width: 1000px){
	.md-170726-cj-mbg-01,
	.md-170726-cj-mbg-02{overflow: hidden;}
}

/*colorbox*/
.md-20170706-cj-01{height: 100%; background-color: #fff; border-radius: 3px;}
.md-20170706-cj-01 .title{padding: 0 15px; height: 40px; line-height: 40px; color: #fff; background-color: #00abe1; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.md-20170706-cj-01 .title .tips-close:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 14px; background: #fff; transform: rotate(270deg);}
.md-20170706-cj-01 .title .tips-close{position:relative; width: 2px; height: 14px; background: #fff; transform: rotate(45deg); display: inline-block;}
.md-20170706-cj-01 .title>span{top: 12px; right: 5px; cursor: pointer;}
.md-20170706-cj-01 .cont{padding: 15px 10px;}
.md-20170706-cj-01 .cont p{line-height: 24px;}
.btn-b{position: absolute; left: 0; right: 0; bottom: 16px;}
.md-20170706-cj-01 .btn{margin-right: 10px; width: 100px; height: 36px; color: #666; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; cursor: pointer;}
.md-20170706-cj-01 .btn:last-child{margin-right: 0;}
.md-20170706-cj-01 .btn-yes{color: #fff; background-color: #00abe1; border: 0;}
.md-20170706-cj-01 .btn-yes:hover{background-color: #10baf0;}
.md-20170706-cj-01 .btn-no:hover{color: #10baf0; border-color: #10baf0;}

#cboxOverlay{position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}
#colorbox{z-index: 100;}

/*动画*/
.moveY{
    animation:2s an-moveY linear infinite;
    -webkit-animation:2s an-moveY linear infinite;
}
.an-delay{animation-delay: 0.5s; -webkit-animation-delay: 0.5s;}
@keyframes an-moveY{
    0%{transform: translateY(0);}
    50%{transform: translateY(30px);}
    100%{transform: translateY(0);}
}


/*xxw add*/
.x-fs25{font-size: 25px; font-weight: normal;}
.x-fs22{font-size: 22px; font-weight: normal;}
.md01-x-cont01{position: relative; top: -90px; height: 100%;}
.md01-x-cont01 .md01-x-cont01-01{position: absolute; bottom: 0px; left: 0; width: 100%; height: 603px; color: #fff; background: #331e7b url("../img/bg_mk_01.png")/*tpa=http://www.it61.cn/codemath/src/img/bg_mk_01.png*/ no-repeat 0px 58px;}
.md01-x-cont01 .md01-x-cont01-01 .title-img{position: absolute; top: -73px; left: 0;}
.md01-x-cont01 .md01-x-cont01-01 .js-img{position: absolute; left: 26px; bottom: 43px;}
.md01-x-cont01 .md01-x-cont01-01 .js-img.ji02{left: 320px;}
.md01-x-cont01 .md01x-cont01{position: absolute; top: 100px; left: 26px; padding-left: 20px; width: 931px; height: 158px; background: url("../img/mk_01_c.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_01_c.png*/ no-repeat 0px 0px;}
.md01-x-cont01 .md01x-cont01 span{color: #f6d503;}
.md01-x-cont01 .md01x-cont02{position: absolute;top: 280px;font-size: 30px;left: 52px;color: #f6d503;}
.md01-x-cont01 .md01x-cont02>span {color: #fff;padding: 0 80px; height: 37px; line-height: 37px; background: url("../img/mk_01_01.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_01_01.png*/ no-repeat center 0px;}
.md01-x-cont01 .md01x-cont03 {position: absolute; right: 17px; bottom: 57px; width: 374px; font-size: 25px; height: 203px;}
.md01x-cont03>p {font-size: 31px;margin-bottom: 25px;color: #f6d503;}
.md01x-cont03>div {font-size: 24px;line-height: 33px;}
.x-s-01-box,.x-s-02-box { color: #ffffff; position: absolute; top:0; left: 0; width:100%;}
.x-s-01-box>div,.x-s-02-box>div { position: absolute;}
.x-s-01-box .x-s-01-text-top,.x-s-02-box .x-s-02-text-top{position: absolute; top: 0; left: 22px;}
.x-s-01-box .x-s-01-text-top>img,.x-s-02-box .x-s-02-text-top>img{vertical-align: top;}
.x-s-01-box .x-s-01-text-top .wz-box,.x-s-02-box .x-s-02-text-top .wz-box{vertical-align: top; margin-left: 10px; padding-left: 10px; width: 798px; height: 83px; background: url("../img/mk_2_h_bg.png")/*tpa=http://www.it61.cn/codemath/src/img/mk_2_h_bg.png*/ no-repeat 0 0;}
.x-s-01-box .x-s-01-text-left{top: 545px; left: 37px; font-size: 19px; width: 437px;}
.x-s-01-box .x-s-01-text-right {top: 546px;right: 37px;font-size: 19px;width: 437px;}
.x-s-01-box.x-s-01-box2 {top: 690px;}
.x-s-02-box .x-s-02-text-left{top: 172px;left: 30px;width: 920px;font-size: 19px;line-height: 26px;padding-top: 3px;}
.x-s-02-box .x-s-02-text-right{top: 358px;left: 30px;width: 440px;font-size: 24px;line-height: 31px;padding-top: 3px;}
.x-s-02-box.x-s-02-box2{top:690px;}
.x-s-02-box.x-s-02-box2 .x-s-02-text-right{ width: 460px; top: 385px;}

/*文字版*/
.md170731-cj-01{position: relative;}
.md170731-cj-01 .ts-h2{position: absolute; top: 0px; font-size: 22px; line-height: 30px;}
.md170731-cj-01 .title-01{right: 36px; text-align: right; color: #7132f5;}
.md170731-cj-01 .title-02{left: 28px; color: #e61f4a;}
.md170731-cj-01 .ts-p{position: absolute; top: 156px; left: 198px; color: #fff; line-height: 22px;}
.md170731-cj-01 .p1{top: 398px;}
.md170731-cj-01 .p2{top: 605px;}
.md170731-cj-01 .p3{top: 838px;}
.md170731-cj-02{position: absolute; left: 0px; top: 3290px; width: 100%; height: 600px; color: #fff;}
.md170731-cj-02 .ts-div{position: absolute; right: 60px; top: 116px; padding: 20px 20px 20px 25px; width: 284px; height: 151px; background: url("../img/bg_mk_08.png")/*tpa=http://www.it61.cn/codemath/src/img/bg_mk_08.png*/ no-repeat 0 0;}
.md170731-cj-02 .ts-div h3{padding-bottom: 10px; font-size: 20px;}
.md170731-cj-02 .ts-div p{font-size: 16px; line-height: 24px;}
.md170731-cj-02 .d2{top: 358px; background-position: 0 -192px;}
.md-170726-cj-05 .ts-d{position: relative;}
.md-170726-cj-05 .d1{margin-left: 10px; margin-right: 16px;}
.md-170726-cj-05 .d2{margin-left: 16px;}
.md-170726-cj-05 .ts-dp1,.md-170726-cj-05 .ts-dp2{position: absolute; top: 28px; font-size: 18px; text-align: center;}
.md-170726-cj-05 .ts-dp1{left: 0px; width: 186px; height: 92px; color: #1be2a9;}
.md-170726-cj-05 .ts-dp2{right: 0px; width: 249px; height: 92px; color: #1bbce2;}
.md-170726-cj-05 .dp2{top: 198px;}
.md-170726-cj-05 .dp3{top: 360px;}
.md-170726-cj-05 .dp4{top: 188px;}
.md-170726-cj-05 .dp5{top: 360px;}
.md-170726-cj-07 .mk07{position: absolute; top: -66px; left: -564px; width: 500px; line-height: 24px; font-size: 18px; color: #fff;}
.md-170726-cj-06 .pic_info .ch{color: #fffd4d;}
.md-170726-cj-06 .pic_info .cl{color: #4dffff;}
.md-170726-cj-06 .pic_info .cont-wz{position: absolute; top: 54px; bottom: 0px; left: 0px; right: 0px; line-height: 20px; background-color: #6443b0; padding: 0px 6px 6px;}
.md-170726-cj-06 .cont-wz.ts-yp{top: 56px; line-height: 19px;}
.md-170726-cj-06 .cont-wz.ts-tyn{top: 56px; line-height: 17px; padding-top: 5px;}