/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;}
.wrap{width:6.8rem;margin: 0 auto; position: relative;}
.wrap1{width:6.96rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.wrap2{width:7.07rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}


.page-index{width: 100%; height: 100%; float: left;}
/* .page-paper{width: 100%; height: 100%; background: url(../images/page-paper.jpg) no-repeat center top; background-size: 7.5rem; float: left;} */

/*banner*/
.banner-box{height:3.9rem;width: 100%; float: left;}
.page-index .banner-box{height: 5.07rem; background: url(../images/ban01.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-yijian .banner-box{background: url(../images/ban-zd01.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-erjian .banner-box{background: url(../images/ban-zd02.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-zaojia .banner-box{background: url(../images/ban-zd03.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-bim .banner-box{background: url(../images/ban-zd04.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-jianli .banner-box{background: url(../images/ban-zd05.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-yixiao .banner-box{background: url(../images/ban-zd06.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-erxiao .banner-box{background: url(../images/ban-zd07.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-angong .banner-box{background: url(../images/ban-zd08.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-xiaoshe .banner-box{background: url(../images/ban-zd09.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-zhixiao .banner-box{background: url(../images/ban-zd10.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-xinli .banner-box{background: url(../images/ban-zd11.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-jiankang .banner-box{background: url(../images/ban-zd12.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-yingyang .banner-box{background: url(../images/ban-zd13.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-zhongjing .banner-box{background: url(../images/ban-zd14.png) no-repeat center top; background-size: 7.5rem;}
.page-zd.zd-zhuanli .banner-box{background: url(../images/ban-zd15.png) no-repeat center top; background-size: 7.5rem;}


.banner-box .wrap{text-align: center;}
.banner-box .logo{width:1.65rem; height:.68rem; top: .25rem; position: absolute; left: 0;}
.banner-box .logo img{width: 100%; display: block; margin: auto;}

.loginbox{position: absolute; top: .15rem; right: 0; text-align: center;height: .42rem; display: block;  font: .26rem/.42rem "microsoft yahei";color: #ba3126;
	
}
#divLogin,#ExitCookies {background: #fff;
	-webkit-border-radius: .26rem;
	-moz-border-radius:.26rem;
	border-radius: .26rem;
}

.loginbox #divLogin a{color: #cc1522;padding-left: .3rem; padding-right: .3rem; font-weight: bold;}
#divLoginSuccess{float: left;color: #fff;}
#divLoginSuccess a{color: #fff;padding-left: .15rem; padding-right: .15rem;}
#ExitCookies{float: left; padding-left: .15rem; padding-right: .15rem; margin-left: .2rem;}
#ExitCookies a{color: #cc1522; }

.type01 .loginbox #divLogin a,.type01 #ExitCookies a{color: #173ec9;}
.type03 .loginbox #divLogin a,.type03 #ExitCookies a{color: #19a68a;}
.type04 .loginbox #divLogin a,.type04 #ExitCookies a{color: #f36e14;}


.fixBtn{position: fixed; right: 0; top: .85rem; display: block;z-index: 2;}
.fixBtn a{font: .26rem/.51rem "microsoft yahei";width: auto; height: .51rem; display: block; text-align: center;  float: left; margin-bottom: .2rem; clear: both;}
.fixBtn a.btn{ color: #fff; padding-left: .24rem; padding-right: .15rem;
	background: rgba(135,10,0,.68);
	border-radius: .5rem 0 0 .5rem;
}
.fixBtn.fixType01 a.btn{background: rgba(17,53,188,.68);}
.fixBtn.fixType02 a.btn{background: rgba(172,0,2,.68);}
.fixBtn.fixType03 a.btn{background: rgba(0,112,99,.68);}
.fixBtn.fixType04 a.btn{background: rgba(226,60,16,.68);}

/* 首页 */
h2.xmYx{float: left; height: .58rem; font: bold .34rem/.58rem "microsoft yahei"; color: #fff; width: 3.17rem; text-align: left; margin-bottom: .46rem;
	background: url(../images/index-img01.png) no-repeat center; background-size: 100%;
}
h2.xmYx::before{content: '';width: .39rem; height: .58rem; display: inline-block; float: left; margin-left: .22rem; margin-right: .5rem;
	background: url(../images/icon01.png) no-repeat center;  background-size: 100%;
}
.xyAll{width: 100%; clear: both; float: left;}
.xyAll .item{width: 100%; height: auto; float: left; margin-bottom: .63rem;
	background: url(../images/item-icon01.png) repeat;
	-webkit-border-radius: .08rem;
	-moz-border-radius: .08rem;
	border-radius: .08rem;
}
.xyAll .item01{
	-webkit-box-shadow: 0 .01rem .1rem rgba(53,92,231,.3);
	box-shadow: 0 .01rem .1rem rgba(53,92,231,.3);
}
.xyAll .item02{
	-webkit-box-shadow: 0 .01rem .1rem rgba(255,163,160,.3);
	box-shadow: 0 .01rem .1rem rgba(255,163,160,.3);
}
.xyAll .item03{
	-webkit-box-shadow: 0 .01rem .1rem rgba(22,202,175,.3);
	box-shadow: 0 .01rem .1rem rgba(22,202,175,.3);
}
.xyAll .item04{
	-webkit-box-shadow: 0 .01rem .1rem rgba(240,123,46,.3);
	box-shadow: 0 .01rem .1rem rgba(240,123,46,.3);
}
.xyAll .item .box{width: 6.68rem; margin: .2rem .13rem;border-radius: .08rem; float: left;}
.xyAll .item01 .box{border: solid 1px #355ce7; box-shadow: 0 2px 4px rgba(0,37,162,.7);
	background: url(../images/index-img06.png) no-repeat right bottom; background-size: 2.4rem;
}
.xyAll .item02 .box{border: solid 1px #f88462; box-shadow: 0 2px 4px rgba(216,27,31,.7);
	background: url(../images/index-img07.png) no-repeat right bottom; background-size: 2.51rem;
}
.xyAll .item03 .box{border: solid 1px #05a28b; box-shadow: 0 2px 4px rgba(9,170,146,.7);
	background: url(../images/index-img08.png) no-repeat right bottom; background-size: 2.35rem;
}
.xyAll .item04 .box{border: solid 1px #ff7428; box-shadow: 0 2px 4px rgba(246,90,9,.7);
	background: url(../images/index-img09.png) no-repeat right bottom; background-size: 1.9rem;
}
.xyAll .item h3{width: 100%; height: 1.08rem; float: left; clear: both; margin-top: -.45rem; font: bold .41rem/.78rem "microsoft yahei"; color: #fff;}
.xyAll .item01 h3{background: url(../images/index-img02.png) no-repeat center; background-size:  auto 100%;}
.xyAll .item02 h3{background: url(../images/index-img03.png) no-repeat center; background-size:  auto 100%;}
.xyAll .item03 h3{background: url(../images/index-img04.png) no-repeat center; background-size:  auto 100%;}
.xyAll .item04 h3{background: url(../images/index-img05.png) no-repeat center; background-size:  auto 100%;}
.xyAll .item .box ul{width: 6.18rem; float: left; margin: .1rem .25rem .08rem;}
.xyAll .item .box ul li{width: 2.76rem; height: .67rem;display: inline-block; float: left; margin: 0 .15rem .32rem; box-sizing: border-box;
	border-radius: .35rem; background: #fff;
}
.xyAll .item01 .box ul li{border: solid 1px #355ce7;}
.xyAll .item02 .box ul li{border: solid 1px #f88462;}
.xyAll .item03 .box ul li{border: solid 1px #05a28b;}
.xyAll .item04 .box ul li{border: solid 1px #ff7428;}
.xyAll .item .box ul li.active{border: none; position: relative;}
.xyAll .item .box ul li a{font: .3rem/.67rem "microsoft yahei"; width: 100%; display: block;}
.xyAll .item01 .box ul li a{color: #355ce7;}
.xyAll .item02 .box ul li a{color: #f88462;}
.xyAll .item03 .box ul li a{color: #05a28b;}
.xyAll .item04 .box ul li a{color: #ff7428;}
.xyAll .item .box ul li.active a{color: #fff;}
.xyAll .item01 .box ul li.active a{background: url(../images/index-img10.png) no-repeat center; background-size: 100%;}
.xyAll .item02 .box ul li.active a{background: url(../images/index-img11.png) no-repeat center; background-size: 100%;}
.xyAll .item03 .box ul li.active a{background: url(../images/index-img12.png) no-repeat center; background-size: 100%;}
.xyAll .item04 .box ul li.active a{background: url(../images/index-img13.png) no-repeat center; background-size: 100%;}
.xyAll .item .box ul li.active::after,.xyAll .item .box ul li:hover::after{content: '';width: .89rem; height: .75rem; display: block;
	position: absolute; bottom: -.35rem; right: -.35rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}
.xyAll .item01 .box ul li.active::after{background: url(../images/course01.png) no-repeat center; background-size: 100%;}
.xyAll .item02 .box ul li.active::after{background: url(../images/course02.png) no-repeat center; background-size: 100%;}
.xyAll .item03 .box ul li.active::after{background: url(../images/course03.png) no-repeat center; background-size: 100%;}
.xyAll .item04 .box ul li.active::after{background: url(../images/course04.png) no-repeat center; background-size: 100%;}
.indexTxt{width: 100%; float: left; clear: both; margin: -.2rem 0 .4rem;}
.indexTxt p{font: bold .34rem/.7rem "microsoft yahei"; color: #d5161c;}

/* 组队页-团长 */
.userbox{width: 100%; height: .94rem; float: left; margin-top: .2rem;
	background: url(../images/item-icon01.png) repeat;
	border-radius: .5rem;
}
.userbox.type01{box-shadow: 0 .01rem .1rem rgba(53,92,231,.3);}
.userbox.type02{box-shadow: 0 .01rem .1rem rgba(240,68,61,.3);}
.userbox.type03{box-shadow: 0 .01rem .1rem rgba(18,150,129,.3);}
.userbox.type04{box-shadow: 0 .01rem .1rem rgba(248,84,2,.3);}


.userbox img{float: left; width: .76rem; display: block; margin-left: .4rem; margin-top: .1rem;}
.userbox span{font: .3rem/.94rem "microsoft yahei"; color: #333; float: left; margin-left: .35rem;
	/* text-transform: uppercase; */
}
.userbox a{width: 2.48rem; height: .56rem; display: inline-block; float: right; margin-right: .17rem; margin-top: .19rem;
	border-radius: .3rem; font: .26rem/.56rem "microsoft yahei"; color: #fff;
}
.userbox.type01 a{
	background: #4a82f4;
	background: -webkit-linear-gradient(left, #345be7 , #5ea6ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #345be7, #5ea6ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #345be7, #5ea6ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #345be7 , #5ea6ff); /* 标准的语法 */
}
.userbox.type02 a{
	background: #e5332f;
	background: -webkit-linear-gradient(left, #f85545 , #d31219); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f85545, #d31219); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f85545, #d31219); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f85545 , #d31219); /* 标准的语法 */
}
.userbox.type03 a{
	background: #22b097;
	background: -webkit-linear-gradient(left, #29cd9e , #1d9c92); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #29cd9e, #1d9c92); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #29cd9e, #1d9c92); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #29cd9e , #1d9c92); /* 标准的语法 */
}
.userbox.type04 a{
	background: #f46718;
	background: -webkit-linear-gradient(left, #f07d31 , #f07d31); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f07d31, #f07d31); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f07d31, #f07d31); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f07d31 , #f07d31); /* 标准的语法 */
}

.kecheng{width: 100%; clear: both; float: left; margin-top: .35rem;}
.kecheng h3{width: 5.4rem; height: .76rem; display: block; margin: auto; clear: both; font: .26rem/.76rem "microsoft yahei"; color: #fff;
	border-radius: .08rem .08rem 0 0;
}
.kecheng.type01 h3{
	background: #ff441f;
	background: -webkit-linear-gradient(left, #ff421d , #fe8b6c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff421d, #fe8b6c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff421d, #fe8b6c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff421d , #fe8b6c); /* 标准的语法 */
}
.kecheng.type02 h3,.kecheng.type03 h3{
	background: #ffb04f;
	background: -webkit-linear-gradient( #ffce6e , #ff8e29); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffce6e , #ff8e29); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffce6e , #ff8e29); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ffce6e , #ff8e29); /* 标准的语法 */
}
.kecheng.type04 h3{
	background: #4f8af6;
	background: -webkit-linear-gradient(#5ea6ff , #345be7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#5ea6ff , #345be7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#5ea6ff , #345be7); /* Firefox 3.6 - 15 */
	background: linear-gradient(#5ea6ff , #345be7); /* 标准的语法 */
}



.kecheng .kuang{width: 100%; height: auto; float: left;
	background: url(../images/item-icon01.png) repeat;
	border-radius: .1rem;
}
.kecheng.type01 .kuang{box-shadow: 0 .01rem .1rem rgba(53,92,231,.3);}
.kecheng.type02 .kuang{box-shadow: 0 .01rem .1rem rgba(246,82,67,.3);}
.kecheng.type03 .kuang{box-shadow: 0 .01rem .1rem rgba(16,159,135,.3);}
.kecheng.type04 .kuang{box-shadow: 0 .01rem .1rem rgba(246,82,67,.3);;}


.kecheng .kuang .box{width: 6.8rem; height: auto; float: left; margin: .2rem .14rem; background: #fff; border-radius: .08rem; box-sizing: border-box;}
.border01{border: solid 1px #355ce7; box-shadow: 0 2px 4px rgba(0,37,162,.7);}
.border02{border: solid 1px #f88462; box-shadow: 0 2px 4px rgba(216,27,31,.7);}
.border03{border: solid 1px #0e8b7c; box-shadow: 0 2px 4px rgba(157,183,174,.7);}
.border04{border: solid 1px #f24a01; box-shadow: 0 2px 4px rgba(246,82,67,.7);}

.kecheng .kuang .box .itembox{width: 100%; clear: both; float: left; margin-bottom: .2rem;}
.kecheng .kuang .box .item{width: 6.47rem; height: 1.33rem; display: block; float: left; margin: 0 .16rem .22rem; position: relative;}
.kecheng .kuang .box .item01{margin-top: .26rem;}
.kecheng.type01 .kuang .box .item{background: url(../images/zd-img01.png) no-repeat left center; background-size: auto 100%;}
.kecheng.type02 .kuang .box .item{background: url(../images/zd-img02.png) no-repeat left center; background-size: auto 100%;}
.kecheng.type04 .kuang .box .item{background: url(../images/zd-img04.png) no-repeat left center; background-size: auto 100%;}


.kecheng .kuang .box .item .left{float: left; width: 1.92rem; font: .26rem/.35rem "microsoft yahei"; margin-left: .11rem; margin-top: .3rem;}
.kecheng .kuang .box .item .left span{font-weight: bold; display: block;}
.kecheng .kuang .box .item  font{font-size: .24rem; line-height: 1.33rem; color: #333; float: left; margin-left: .18rem;}
.kecheng .kuang .box .item  font span{font-size: .28rem; font-weight: bold; color: #ff421d;}
.kecheng.type04 .kuang .box .item font span{color: #fe4300;}

.kecheng .kuang .box .item .type{float: right; width: 1.93rem; height: 1.33rem; display: block; color: #fff; position: relative;}
.kecheng .kuang .box .item .type p{float: left; margin-top: .12rem; width: 100%; margin-bottom: .1rem;}
.kecheng .kuang .box .item .type img{width: .22rem; display: block; margin: auto;}
.type.blue{background: url(../images/zd-img-blue.png) no-repeat center; background-size: 100%;}
.type.gray{background: url(../images/zd-img-gray.png) no-repeat center; background-size: 100%;}
.type.red{background: url(../images/zd-img-red.png) no-repeat center; background-size: 100%;}
.type.org{background: url(../images/zd-img-org.png) no-repeat center; background-size: 100%;}
.type01 .itembox .type.suc{background: url(../images/zd-img-blue.png) no-repeat center; background-size: 100%;}
.kecheng .itembox .type.gray{background: url(../images/zd-img-gray.png) no-repeat center; background-size: 100%;}
.type02 .itembox .type.suc{background: url(../images/zd-img-red.png) no-repeat center; background-size: 100%;}
.type04 .itembox .type.suc{background: url(../images/zd-img-org.png) no-repeat center; background-size: 100%;}



.kecheng .kuang .type.suc::after{content: '';width: .74rem; height: .64rem; display: block;
	position: absolute; bottom: -.2rem; right: -.1rem;
}
.kecheng.type01 .kuang .type.suc::after{background: url(../images/course01.png) no-repeat center; background-size: 100%;}
.kecheng.type02 .kuang .type.suc::after{background: url(../images/course02.png) no-repeat center; background-size: 100%;}
.kecheng.type04 .kuang .type.suc::after{background: url(../images/course04.png) no-repeat center; background-size: 100%;}

.kecheng .kuang .box .item .tip{position: absolute; width: 100%; height: .52rem; display: block; left: 0; top: -.1rem;
	font-size: .24rem; line-height: .46rem; color: #fff;
}
.kecheng.type01 .kuang .box .item .tip{background: url(../images/tip01.png) no-repeat center; background-size: auto 100%;}
.kecheng.type02 .kuang .box .item .tip{background: url(../images/tip02.png) no-repeat center; background-size: auto 100%;}
.kecheng.type04 .kuang .box .item .tip{background: url(../images/tip04.png) no-repeat center; background-size: auto 100%;}



.kecheng .kuang .box h3{width: 5.4rem; height: .76rem; display: block; clear: both; margin: 0 auto .3rem; font: .26rem/.76rem "microsoft yahei"; color: #fff;
	border-radius: .08rem .08rem 0 0;
}
.threePart{width: 6.47rem; height: 2.95rem; display: block; margin: auto; margin-bottom: .3rem;}
.threePart.type01{background: url(../images/zd-img01-blue.png) no-repeat center; background-size: 100% 100%;}
.threePart.type02{background: url(../images/zd-img02-red.png) no-repeat center; background-size: 100% 100%;}
.threePart.type03{margin-top: .3rem;background: url(../images/zd-img03-green.png) no-repeat center; background-size: 100% 100%;}
.threePart.type04{background: url(../images/zd-img04-org.png) no-repeat center; background-size: 100% 100%;}


.threePart .left{width: 1.85rem; float: left; margin-left: .07rem; margin-top: .95rem; font: .27rem/.34rem "microsoft yahei"; color: #fff;}
.threePart .left span{font-weight: bold; display: block;}
.threePart font{font: .27rem/.34rem "microsoft yahei"; color: #fff; float: left; width: 1.65rem; margin-top: 1.1rem;}
.threePart font span{display: block; color: #ffdc9f; font-weight: bold;}
.threePart .joiner{width: 2.7rem; height: 2.76rem; float: right; margin-top: .1rem; margin-right: .14rem;}
.threePart .joiner.gray{background:#cccccc;}
.threePart .joiner.type01{background: #ff4a25;}
.threePart .joiner.type02{background: #ff8f00;}
.threePart .joiner.type03{background: #ff8f00;}
.threePart .joiner.type04{background: #2663ff;}


.threePart .joiner ul{float: left; width: 2rem;}
.threePart .joiner ul li{font-size: .24rem; line-height: .92rem; color: #333; text-align: center; height: .92rem; background: #fff;
	box-shadow: 0 .02rem .16rem rgba(74,131,244,.2);
}
.threePart .joiner ul li span{line-height: .29rem; display: block; width: 100%; clear: both; float: left; margin-top: .15rem;}
.threePart .joiner ul li.u01.type01{color: #ff4a25;}
.threePart .joiner ul li.u02.type01{color: #fff; background-color: #feaa92;}
.threePart .joiner ul li.u03.type01{color: #fff; background-color: #fe8a6a;}

.threePart .joiner ul li.u01.type02{color: #ff8f00;}
.threePart .joiner ul li.u02.type02{color: #fff; background-color: #ffb250;}
.threePart .joiner ul li.u03.type02{color: #fff; background-color: #ffc171;}

.threePart .joiner ul li.u01.type03{color: #ff8f00;}
.threePart .joiner ul li.u02.type03{color: #fff; background-color: #ffb250;}
.threePart .joiner ul li.u03.type03{color: #fff; background-color: #ffc171;}

.threePart .joiner ul li.u01.type04{color: #2663ff;}
.threePart .joiner ul li.u02.type04{color: #fff; background-color: #5081ff;}
.threePart .joiner ul li.u03.type04{color: #fff; background-color: #729ffd;}

.threePart .joiner img{float: right; width: .7rem; display: block;}



/* 视频列表 */
.tabbox{width: 100%; clear: both; float: left; padding-top: .2rem;}
.tabbox table{width: 6.34rem;border: solid 1px #355de7; margin: auto; margin-bottom: .3rem;}
.tabbox table th{border-right: solid 1px #355de7; background: #d7e6f8; color: #355de8;font-size: .24rem; line-height: .28rem;}
.tabbox table td{border-bottom: solid 1px #dedede; text-align: left; font-size: .24rem; line-height: .46rem;}
.tabbox table td.let01{letter-spacing: -1px; font-size: .22rem;}
.tabbox table td:last-child{border-left: solid 1px #dedede;}
.tabbox table td a{width: 100%; text-align: center; color:#ff441f; float: left; }
.tabbox table td i{width: .22rem; height: .46rem; display: inline-block; float: left; margin:0 .1rem;
	background: url(../images/icon03.png) no-repeat center; background-size: 100%;
}
.type02 .tabbox table{border: solid 1px #f75344;}
.type02 .tabbox table th{border-right: solid 1px #f75344;background: #ffe7e4; color: #f75344;}
.type02 .tabbox table td i{background: url(../images/icon03-red.png) no-repeat center; background-size: 100%;}

.type03 .tabbox table{border: solid 1px #1ea393;}
.type03 .tabbox table th{border-right: solid 1px #1ea393;background: #e8fffb; color: #1ea393;}
.type03 .tabbox table td i{background: url(../images/icon03-green.png) no-repeat center; background-size: 100%;}

.type04 .tabbox table{border: solid 1px #e74213;}
.type04 .tabbox table th{border-right: solid 1px #e74213;background: #fad9d0; color: #e74213;}
.type04 .tabbox table td i{background: url(../images/icon03-org.png) no-repeat center; background-size: 100%;}

/* slide切换 */
.slideBox{width: 6.71rem; display: block; clear: both; float: left; margin: .3rem .2rem .96rem; position: relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:6.71rem; height:2.64rem; display:block; }

.slideBox .hd{ height:.12rem; position:absolute; left:45%; bottom:-.35rem; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; width: 100%; text-align: center;}
.slideBox .hd ul li{ width:.12rem; height:.12rem; background:#8f9cff; margin: 0 3px; cursor:pointer; display: inline-block; border-radius: 50%;}
.slideBox .hd ul li.on{ background:#1f39ff; }
.slideBox.red .hd ul li{background: #f49d9a;}
.slideBox.red .hd ul li.on{ background:#d7191e; }
.slideBox.green .hd ul li{background: #90d7cb;}
.slideBox.green .hd ul li.on{ background:#21ab95; }
.slideBox.org .hd ul li{background: #faaf86;}
.slideBox.org .hd ul li.on{ background:#f75909; }

/* 助力页面 */
.usePart{width: 100%; height: 1.62rem; float: left; margin-top: .2rem;
	background: url(../images/item-icon01.png) repeat;
	border-radius: .8rem;
	box-shadow: 0 0.01rem 0.1rem rgba(240,68,61,.3);
}
.usePart img{float: left; width: 1.28rem; display: block; margin-left: .25rem; margin-top: .16rem;margin-right: .18rem;}
.usePart table{width: 4.8rem; border-left: solid 1px #979797; border-top: solid 1px #979797; margin-top: .27rem; }
.usePart table td{border-right: solid 1px #979797; border-bottom: solid 1px #979797;
	font-size: .24rem; line-height: .54rem;
	text-transform:uppercase
}
.usePart table td span{color: #d91f21; font-weight: bold;}
H2#zlKM{width: 100%; height: .68rem; display: block; float: left; margin: .25rem 0; clear: both;background: rgba(219,33,35,.2);
	font-size: .34rem; line-height: .68rem; font-weight: bold; text-align: center; color: #d91e20;
}
.kmPart{width: 100%; clear: both; float: left; margin-bottom: .35rem; position: relative;}
.kmPart.kmBoxTwo{margin-bottom: 1.4rem;}
.kmPart font{width: 5.4rem; height: .76rem; display: block; margin: auto; clear: both; font: .26rem/.76rem "microsoft yahei"; color: #fff;
	background: #ffb04f;
	background: -webkit-linear-gradient( #ffce6e , #ff8e29); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffce6e , #ff8e29); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffce6e , #ff8e29); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ffce6e , #ff8e29); /* 标准的语法 */
	border-radius: .08rem .08rem 0 0;
}
.kmPart .kuang{width: 100%; height: auto; float: left;	
	background: url(../images/item-icon01.png) repeat;
	border-radius: .1rem;
	box-shadow: 0 0.01rem 0.1rem rgba(246,82,67,.3);
}
.kmPart .kuang .box{width: 6.8rem; height: auto; float: left; margin: .2rem .14rem; border-radius: .08rem; box-sizing: border-box;
	border: solid 1px #f88462; box-shadow: 0 2px 4px rgba(216,27,31,.7);
}
.kmPart .kuang .box.tab{padding: .18rem 0 0;}
.kmPart .kuang .box ul{width: 100%; float: left; clear: both; margin: .3rem auto;}
.kmPart .kuang .box ul li{width: 1.61rem; height: .4rem; display: inline-block; background-color: #fff;
	font: .24rem/.4rem "microsoft yahei"; color: #333;
	box-shadow: 0 2px 7px rgba(233,57,51,.15);
}
.kmPart .kuang .box ul li::before{content: '';width: .22rem; height: .4rem; display: inline-block;
	background: url(../images/icon03-red.png) no-repeat center; background-size: 100%; float: left;
}
.kmPart .kuang .box table{width: 6.6rem;border: solid 1px #df3638; margin: auto; margin-bottom: .2rem;}
.kmPart .kuang .box table th{font-size: .24rem; line-height: .28rem;border-right: solid 1px #f75344; border-bottom: solid 1px #f75344; background: #ffe7e4; color: #f75344;
	width: 1.81rem;
	padding: .14rem 0
}
.kmPart .kuang .box table td{padding: .14rem .08rem; text-align: left; border-bottom: solid 1px #e1e1e1; background: #fff;}
.kmPart .tag{width: 2.49rem; height: 2.17rem; display: block; position: absolute; }
.kmPart .tag01{top: -1rem; left: -.1rem;}
.kmPart .tag02{top: -.4rem; left: -.1rem;}
.kmPart .tag img{width: 100%; display: block;}


.listBtn{width: 100%; clear: both; float: left; position: fixed; left: 0; bottom: .3rem;}
.listBtn a{width: 5.23rem; height: 1.01rem; display: none; margin: auto; font-size: .34rem; line-height: .94rem; color: #fff; position: relative;}
.listBtn a::after{content: '';width: .94rem; height: .8rem; display: block;
	background: url(../images/course02.png) no-repeat center; background-size: 100%;
	position: absolute; right: -.3rem; bottom: -.3rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
	
}
.listBtn a.btn01{ background: url(../images/btn01.png) no-repeat center; background-size: 100%;}
.listBtn a.btn02{ background: url(../images/btn02.png) no-repeat center; background-size: 100%;}
.listBtn a span{ width: 3.22rem; height: .83rem; display: block;  font-size: .24rem; line-height: .75rem;
	background: url(../images/btn-tip01.png) no-repeat center; background-size: 100%;
	position: absolute; top: -.63rem; right: -.55rem;
}


/* 课程介绍 */
.indroTop{width: 100%; height: 1.6rem; display: block; float: left; margin-bottom: .25rem;
	background: url(../images/indroTit.png) no-repeat center; background-size: auto 100%;
}
.indroTop h2{font: bold .6rem/1.6rem "microsoft yahei"; color: #fff; text-align: center;}
.indPart{width: 100%; clear: both; float: left; margin-bottom: .35rem; position: relative;}
.indPart font{width: 5.4rem; height: .76rem; display: block; margin: auto; clear: both; text-align: center; font: .26rem/.76rem "microsoft yahei"; color: #fff;
	background: #4f8af6;
	background: -webkit-linear-gradient(#5ea6ff , #345be7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#5ea6ff , #345be7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#5ea6ff , #345be7); /* Firefox 3.6 - 15 */
	background: linear-gradient(#5ea6ff , #345be7); /* 标准的语法 */
	border-radius: .08rem .08rem 0 0;
}
.indPart .kuang{width: 100%; height: auto; float: left;	
	background: url(../images/item-icon01.png) repeat;
	border-radius: .1rem;
	box-shadow: 0 0.01rem 0.1rem rgba(53,92,231,.3);
}
.indPart .kuang .box{width: 6.8rem; height: auto; float: left; margin: .2rem .14rem; border-radius: .08rem; box-sizing: border-box;
	border: solid 1px #355ce7; box-shadow: 0 2px 4px rgba(0,37,162,.7);
}
.indPart .kuang .box ul{width: 90%; float: left; margin: .25rem 5%;}
.indPart .kuang .box ul li{font: .24rem/.38rem "microsoft yahei"; color: #333; text-align: left;}
.indroBtn{width: 100%; clear: both; float: left; margin: 0 auto .5rem;}
.indroBtn a{width: 4.16rem; height: .88rem; display: block; margin: auto; font: bold .32rem/.8rem "microsoft yahei"; color: #fff;
	background: url(../images/btn-indro.png) no-repeat center; background-size: 100%;
}


@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.9); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.9);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.9);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.9); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.9);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.9);}
}