a:hover{text-decoration: none;}
ul,li{padding: 0;margin: 0;list-style: none;}
.width1000{max-width: 1000px;margin: auto;}
.width1200{max-width: 1200px;margin: auto;}
.bgcol333{background: #333;}
.vhove{transition: width 1s,padding 1s,opacity 1s,box-shadow .5s,background .5s,color .5s,all 0.5s,bottom 0.5s;
-moz-transition: width 1s,padding 1s,opacity 1s,box-shadow .5s,background .5s,color .5s,all 0.5s,bottom 0.5s;	/* Firefox 4 */
-webkit-transition: width 1s,padding 1s,opacity 1s,box-shadow .5s,background .5s,color .5s,all 0.5s,bottom 0.5s;	/* Safari 和 Chrome */
-o-transition: width 1s,padding 1s,opacity 1s,box-shadow .5s,background .5s,color .5s,all 0.5s,bottom 0.5s;	/* Opera */}
@font-face {font-family: "baidufont";
  src: url('AdobeHeitiStd-Regular.otf'); 
}
.bgcolfff{background: #fff;}
.bgcolf5f5f5{background: #f5f5f5;}
.baidufont{font-family: "baidufont";}
a:hover{color: #4699cb}

.f-thide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*价格*/
.pricefont{color: #f75c5c!important;font-size: 14px!important;display: inline-block!important;font-weight: 500!important;}
.pricefont .fonts{display: inline-block!important;font-size: 16px!important;font-weight: 500!important;}
.pricefontline{text-decoration: line-through;color: #999}

.hometit{text-align: center;position: relative;}
.hometit h2{font-size: 36px;color: #333;font-family: "baidufont";}
.hometit p{font-size: 16px;color: #333;}
.hometit p b{font-size: 30px;margin: 0 10px;}
.hometit a{font-size: 14px;display: inline-block;line-height: 30px;position: absolute;right: 0;color: #333;bottom: 0;}
.hometit .upspan{display: inline-block;height: 15px;border-top: solid 2px #333;margin-right: 100px;width: 300px;}
.hometit .dwspan{display: inline-block;height: 15px;border-bottom: solid 2px #333;margin-left: 100px;width: 300px;margin-bottom: 30px;}
.hometit2{text-align: center;}
.hometit2 h2{font-size: 36px;color: #fff;font-family: "baidufont";text-align: center;}
.hometit2 .upspan{display: inline-block;height: 15px;border-top: solid 2px #fff;margin-right: 100px;width: 300px;}
.hometit2 .dwspan{display: inline-block;height: 15px;border-bottom: solid 2px #fff;margin-bottom: 30px;margin-left: 100px;width: 300px;margin-bottom: 30px;}


.purchasetit{padding: 20px 0; color: #666;font-size: 18px;}
.purchasetit a{color: #333;}
.purchasetit a:hover{color: #4699cb;}

.hometop {padding: 20px 0px;overflow: hidden;}
.hometop ul.center-block li .icon-box i {display: inline-block;font-style: normal;font-size: 14px;line-height: 22px;color: #373d41;padding-right: 35px;padding-left: 20px;}
.hometop ul.center-block li .icon-box span {display: inline-block;width: 44px;height: 51px;background: url(../images/lightspot_icon.png) no-repeat;-webkit-transition: background-position 300ms;-moz-transition: background-position 300ms;-o-transition: background-position 300ms;transition: background-position 300ms;}
.hometop ul.center-block li .icon-box {border-right: solid 1px #ddd;padding-left: 40px;display: inline-block}
.hometop ul.center-block li .icon-box2 {border-right: 0!important}
.hometop ul.center-block  li .icon-box .span1 {background-position: 0 -52px!important;}
.hometop ul.center-block  li .icon-box .span2 {background-position: -44px -52px!important;}
.hometop ul.center-block  li .icon-box .span3 {background-position: -88px -52px!important;}
.hometop ul.center-block  li .icon-box .span4 {background-position: -132px -52px!important;}
.hometop ul.center-block li .icon-box .span5 {background-position: -176px -52px!important;}
.hometop ul.center-block li .icon-box .span6 {background-position: -220px -52px!important;}
.hometop ul.center-block li:hover i {color: #00aeff!important;}
.hometop ul.center-block li:hover .span1 {background-position: 0 -1px!important;}
.hometop ul.center-block li:hover .span2 {background-position: -44px 0px!important;}
.hometop ul.center-block li:hover .span3 {background-position: -88px -1px!important;}
.hometop ul.center-block li:hover .span4 {background-position: -132px -1px!important;}
.hometop ul.center-block li:hover .span5 {background-position: -176px -1px!important;}
.hometop ul.center-block li:hover .span6 {background-position: -220px -1px!important;}

.homeSecKilllist{margin-top: 40px;}
.homeSecKill{padding: 100px 0 50px;}
.pythonlist{overflow: hidden;padding: 20px 15px;background: #fff;}
.pythonlist p{margin-bottom: 0;}
.pythonlist ul li{padding:10px 15px;box-sizing: border-box;}
.pythonlist ul li .info_tag{position: absolute;top: 0;left: -3px;}
.pythonlist ul li .info_tag span{position: absolute;display: block;bottom: 0px;padding-left:5px;color: #e7ff18;width:100%;font-size: 18px;line-height: 46px;font-weight: bold;}
.pythonlist .info_img{display: inline-block;position: relative;}
.pythonlist .info_img img{max-width: 100%;} 
.pythonlist .info_img{box-shadow: 0 0 10px #888;display: inline-block;
    /*x,y值，*/
    transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    /*对前效果的过度*/
    opacity:1;z-index:1
}
.pythonlist .info_img:hover{
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
}
.pythonlist .info_a{display: inline-block;margin: 10px 0; line-height: 22px; height: 44px; display: -webkit-box;color: #333;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.pythonlist .info_a:hover{color: #337ab7}
.pythonlist .info_icon{width: 90px;height: 90px; opacity: 0; position: absolute;top: 50%;left: 50%;margin-left: -45px;margin-top: -45px;}
.pythonlist .info_box{line-height: 25px;height: 115px;}
.pythonlist .fontcol{color: #e60000;font-size: 14px;}
.pythonlist .fontcol .fonts{font-size: 24px}
.pythonlist .fontli{color: #888;text-decoration: line-through;}
.pythonlist .info_box p img{margin-top: 5px;margin-right: 5px;}
.pythonlist .fontcol2{color: #ff5312;}
.pythonlist ul li:hover .info_icon{opacity: 1;}
.pythonlist .TranslucentText{width: 100%; bottom: 0; height: 30px;line-height: 30px;font-size: 12px;color: #e6e6e5;position: absolute;left: 0;padding: 0 10px;overflow: hidden;background: rgba(0,0,0,.61);}
.pythonlist .discount{background: #f00;color: #fff;padding: 1px 5px;margin-right: 6px;border-radius: 3px;line-height: 18px;text-decoration: none;margin-left: 5px;}
.pythonlist .into{background: #000;color: #fff;padding:0 5px;border-radius: 3px;line-height: 20px;margin-top: 5px;}
.pythonlist .into.on{background: #f00;}
.pythonlist .info-tags{width: 120px;float: right;text-align: right;}
.pythonlist .info-tags span{border: 1px solid #ddd;padding: 1px 3px;font-size: 12px;line-height: 20px; color: #a9a9a9;margin-left: 5px;display: inline-block;margin-bottom: 5px;}
.advertising a{ display: block; text-align: center;background-position: center;height: 140px;background-repeat:no-repeat;}
.pythonlist .info_a .cc-type {
    background: #BE1A21;
    color: #fff;
    padding: 2px 5px;
    margin-right: 5px;
    border-radius: 5px;
}


.interestcen{overflow-x: hidden;}
.homeinterest{padding:60px 0;}
.interestClick{height: 54px;border-bottom: 1px solid #ececec;margin-bottom: 20px;}
.interestClick li{float: left;line-height: 50px;padding: 0 20px;font-size: 20px;cursor: pointer;}
.interestClick li:hover{
  color:#00aeff;
}
.myClass-box .hd li.on{
  border-bottom:4px solid #333;  }
.myClass-box .hd li:hover{
  color:#333;
}
.interestClick .modifyMyClass_btn{border:1px solid #ddd;padding: 5px 10px;border-radius: 3px;margin-top: 11px;display: inline-block;float: right;color: #dd4603;}

.interestleft{width: 960px;overflow: hidden;}
.interestleft ul{margin: 0 -10px;}
.interestleft ul li{float: left;padding: 10px 10px 0;width: 25%;}
.interestleft ul li.zoomImg{width: 50%;}
.interestleft ul li .pre,.interestleft ul li .x-zoomImg{display: block; overflow: hidden;}
.interestleft ul li img{width: 100%;}
.interestleft ul li h3{font-size: 14px;display: -webkit-box; height: 38px; color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 0;margin: 6px 0;line-height: 20px;}
.interestleft ul li:hover .x-zoomImg img,.interestleft ul li:hover .pre img{
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
}

.interestright{position: relative;float: right;width: 225px;padding-top: 10px;}
.interestright .listrec{padding: 20px;background: #4bbc93}
.interestright .listlink{color: #fff;line-height: 28px;padding: 5px 10px;display: inline-block;font-size: 14px;}
.interestright a.moreClassCourse{-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;font-size: 16px;display: block;text-align: center;padding: 25px 10px;background: #efefef;color: #616161;}
.interestright a.moreClassCourse:hover{background:#00aeff;color:#fff;}

.LoginWrap{z-index:1000;background-color:#3b3b3b;opacity:.75;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display: none;}
.main-category-content {width: 1200px;height: 600px;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;padding: 0 36px;box-sizing: border-box;background-color: #fff;z-index: 99999999999999;border-radius: 3px;}
.main-category-tt {font-size: 24px;height: 32px;line-height: 32px;color: #188eee;margin-top: 30px;text-align: left;}
.main-category-subtitle {display: inline-block;vertical-align: middle;font-size: 16px;color: #999;}
.main-category-list {margin-left: -15px;}
.main-category-item {width: 268px;height: 150px;float: left;text-align: left;margin-top: 10px;margin-left: 15px;color: #75aaef;}
.main-category-item--2 {color: #f35b19;}
.main-category-item--3 {color: #257dc5;}
.main-category-item--4 {color: #6fd4be;}
.main-category-item--5 {color: #69115c;}
.main-category-item--6 {color: #9a7518;}
.main-category-item--7 {color: #666;}
.main-category-item--8 {color: #8748ab;}
.main-category-item--9 {color: #00aeff;}
.main-category-item--10 {color: #166352;}
.main-category-item--11 {color: #77908a;}
.main-category-item--12 {color: #6d2369;}
.main-category-item--1 .small-category-item.active {background: #2884fd;color:#fff;}
.main-category-item--2 .small-category-item.active {background: #f35b19;color:#fff;}
.main-category-item--3 .small-category-item.active {background: #1888e6;color:#fff;}
.main-category-item--4 .small-category-item.active {background: #2cad91;color:#fff;}
.main-category-item--5 .small-category-item.active {background: #6b135e;color:#fff;}
.main-category-item--6 .small-category-item.active {background: #9a7518;color:#fff;}
.main-category-item--7 .small-category-item.active {background: #696868;color:#fff;}
.main-category-item--8 .small-category-item.active {background: #8441ab;color:#fff;}
.main-category-item--9 .small-category-item.active {background: #00aeff;color:#fff;}
.main-category-item--10 .small-category-item.active {background: #186554;color:#fff;}
.main-category-item--11 .small-category-item.active {background: #58736d;color:#fff;}
.main-category-item--12 .small-category-item.active {background: #6d2369;color:#fff;}
.main-category-item h3 {font-size: 22px;line-height: 1;}
.small-category {margin-top: 2px;}
.small-category-item {float: left;font-size: 12px;padding: 5px 6px;border: 1px solid;border-radius: 80px;cursor: pointer;margin: 5px 5px 0 0;line-height: 14px;}
.main-category-save {margin-left: 400px;background: #00aeff;color: #fff!important;border: 1px solid #00aeff;}
.main-category-save, .main-category-cancel {margin-top: -10px;width: 120px;font-size: 18px;padding: 10px;border: 1px solid #00aeff;margin-right: 40px;display: inline-block;text-align: center;border-radius: 3px;color: #00aeff;}
.main-category-save:hover{color:#fff;}


.homeSelected{padding: 80px 0 30px;}
.Selectednav{text-align: center;}
.Selectednav a{display: inline-block;line-height: 40px;width: 200px;border:solid 2px #fff;color: #fff;font-size: 16px;}
.Selectednav a.active{background: #fff; color: #d9464c;}
.Selectedlist{overflow: hidden;background: none;padding-top: 40px;}
.Selectedlist ul li{padding: 10px;width: 25%;float: left;}
.Selectedlist ul li .bgcolfff{padding: 15px;}
.Selectedlist.pythonlist .info_a{overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;height: initial;}
.Selectedlist.pythonlist .info_box{height: initial;}
.Selectedlist.pythonlist .info_img{overflow: hidden;}
.Selectedlist.pythonlist .info_box p .u-rating img{margin: 0;}

.product{margin-top: 40px;}
.producttit{border-bottom: solid #ddd 1px;height: 100px;padding: 20px;}
.producttit h3{margin-top: 10px;}
.producttit i{width: 50px;height: 50px;vertical-align: middle;font-size: 30px; background: #333;color: #fff;text-align: center;line-height: 50px;border-radius: 50px;display: inline-block;margin-right: 10px;}
.producttit a{color: #333;}
.producttit .class-tags{height: initial;}
.producttit .class-tags a{display: inline-block;margin:10px 5px;height: 30px;line-height: 30px;padding: 0 10px;border:solid 1px #ddd;}
.producttit .class-tags a:hover{color: #0099CC!important;}

.producttop{padding:30px 20px;height: 256px;z-index: 11;position: relative;top:0;background: #fff;}
.producttop:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);top:-5px;}
.producttopl{width: 980px;}
.producttop .img{width: 260px;position: relative;}
.producttop .img img{width: 100%;}
.producttop .img .class_text {position: absolute;top: -1px;left: 0px;background: rgba(0, 0, 0, 0.3);color: #fff;padding: 3px 10px;}
.producttopl .content_info{margin-left: 280px;}
.producttop .content_info h3{font-weight: bold;font-size: 18px;margin-bottom: 10px;margin-top: 0;}
.producttop .content_info h3 a{color: #333;}
.producttop .content_info h3 a:hover{color: #337ab7}
.producttop .content_ico{font-size: 12px;background: #FF5722;color: #fff;padding: 4px 5px;margin-left: 15px;position: relative;padding-right: 7px;cursor: default;}
.producttop .content_ico:before{content: "";position: absolute;top: 0;border: 0 solid #ffffff;border-width: 11px 7px;width: 0;height: 0;border-right-color: #ff5722;left: -14px;}
.producttop dl{overflow: hidden;margin: 10px; }
.producttop dd {float: left;}
.producttop dd{color: #797979;display: block;background: #ececec;text-decoration: none;position: relative;height: 32px;line-height: 32px;padding: 0 5px 0 0px;text-align: center;margin-right: 23px;left: 20px;cursor:inherit;margin-bottom: 5px;}

.producttop dd:first-child{border: none;}

.producttop dd:last-child{border: none;}
.producttop dd:before, .producttop dd:after {content: "";position: absolute;top: 0;border: 0 solid #ececec;border-width: 16px 10px;width: 0;height: 0;}
.producttop dd:before {left: -20px;border-left-color: transparent;}
.producttop dd:after {left: 100%;border-color: transparent;border-left-color: #ececec;}
.producttop dd:hover {background-color: #1abc9c;color:#fff;}
.producttop dd:hover:before {border-color: #1abc9c;border-left-color: transparent;}
.producttop dd:hover:after {border-left-color: #1abc9c;}
.producttop dd:active {background-color: #16a085;}
.producttop dd:active:before {border-color: #16a085;border-left-color: transparent;}
.producttop dd:active:after {border-left-color: #16a085;}

.producttop p{margin-bottom: 0;}
.producttop .content_text{text-indent: 2em;margin-bottom: 10px;height: 36px;overflow: hidden;}
.producttop .content_a {float: right;background: #00aeff;padding: 5px 20px;color: #fff;border-radius: 2px;font-size: 14px;}
.producttop .gray {color: #9a9a9a;height: 20px;line-height: 20px;margin-right: 5px;}
.producttop .discount {background: #f00;color: #fff;padding: 1px 5px;margin-right: 6px;border-radius: 3px;line-height: 18px;text-decoration: none;}
.producttop .gray {color: #9a9a9a;height: 20px;line-height: 20px;margin-right: 5px;}

.roadmapMore{width: 155px;float: right;padding-top: 16px;margin-top: 0;height: initial; font-size: 16px;background: #ececec;text-align: center;color: #888;}
.roadmapMore .more_btn{display: inline-block;height: 50px;width: 130px;font-size: 12px;line-height: 50px;background: #fff;margin-bottom: 10px;border-radius: 3px;color: #666;border: 1px solid #fff;}
.roadmapMore .more_btn:hover{border: 1px solid #00eaff;}

.productlist ul li{width: 25%;float: left;}

.lecturerbg{background: url(../images/lecturerbg.jpg) no-repeat center #333c41;padding: 100px 0 60px;margin-top: 60px;}
.homelecturer{overflow: hidden;padding-top: 40px;max-width: 1210px;}
.homelecturer img{width: 120px;border-radius: 150px;}
.homelecturer ul li{text-align: center;}
.homelecturer .bgcolfff{padding:40px 20px 20px;height: 360px;position: relative;}
.homelecturer ul li:hover img{transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);}
.homelecturer .htb-tags-box span{display: inline-block;padding: 2px 8px;margin: 0 5px 5px 0;background: #41c300; color: #fff;font-size: 12px;border-radius: 10px;}
.homelecturer h4{margin-top: 20px;font-size: 20px;margin-bottom: 10px;}
.homelecturer p{text-align: left;margin-top: 10px;color: #888;}
.homelecturer .into-link{border-radius: 20px;padding: 5px 20px;background: #4c9be5;color: #fff;opacity: 0;bottom: 30px;position: absolute;left: 50%;margin-left: -64px;}
.homelecturer ul li{float: left;width: 25%;padding: 10px;}
.homelecturer ul li:hover .into-link{opacity: 1;bottom: 20px;}
.homecooperative{overflow: hidden;padding-top:40px;}
.homecooperative .tit{color: #fff;padding: 10px;line-height: 58px;font-size: 26px;text-align: center;}
.homecooperative .text{padding: 0;}
.homecooperative ul li{padding: 10px;}
.homecooperative ul li a{background: #fff;text-align: center;display: block;height: 58px;}
.homecooperative ul li img{max-height: 58px;max-width: 100%;}
.homecooperative ul li:hover{transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);}

.homenews{padding: 100px 0 60px;}
.homenewstit{font-size: 36px;padding-bottom: 20px;color: #333;width: 300px;font-family: "baidufont";text-align: center;margin: 0 auto;}
.homenewstit .upspan{display: inline-block;height: 10px;border-top: solid 2px #333;margin-right: 60px;width: 240px;}
.homenewstit .dwspan{display: inline-block;height: 10px;border-bottom: solid 2px #333;margin-left: 60px;width: 240px;}
.homenewslist ul{background: #fff;padding: 20px;line-height: 32px;}
.homenewslist ul a{display: block;color: #333;font-size: 15px;}
.homenewslist ul li a:hover{text-indent: 10px;}
.homenewslist ul li:hover{background: #f5f5f5;}
.homenewslist ul span{padding-left: 20px;color: #888;}
.homenewslist .More{display: block;padding: 10px 10px 0px;font-size: 18px;color: #888;text-align: center;}
.m-slide .lbevel, .m-slide .rbevel,.m-slide{height: 440px;}
.i-focus .focus-smallPic{height: initial;}
.i-focus .focus-smallPic .on{margin: 0 3px 0 3px;}
.u-indexnavcatedialog .cateleft,.u-indexnavcatedialog .cateright{height: 440px;}
.myClass-box .bd .u-cover .price{color: #f75c5c;font-size: 16px;}
.myClass-box a.moreClassCourse{display: block;width: initial;}
.courseList_Item{border:none;height: 300px;width: 25%;}
.courseList_Item .info-price .b-red{color: #f75c5c!important;font-size: 18px;}
.courseList_Item .info-price .del{text-decoration: line-through;color: #999;}
.courseList_Item p.TranslucentText{width: 100%;}
.courseList_Item:nth-last-child(1), .courseList_Item:nth-last-child(2), .courseList_Item:nth-last-child(3), .courseList_Item:nth-last-child(4),.ms_courseList_Item:nth-last-child(1), .courseList_Item:nth-last-child(2), .courseList_Item:nth-last-child(3), .courseList_Item:nth-last-child(4),.courseList_Item:nth-last-child(1),.courseList_Item:nth-child(4n){border-bottom: none;}
@media (max-width: 750px) {
	.row{margin: 0}
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding: 0}
}