@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;box-sizing: border-box;background-repeat: no-repeat;background-position: center center;font-weight: lighter;}
body{background: #FFF;}
ul,li{list-style: none;}
a{text-decoration: none;color: #333333;}
img{width: 100%;border:none;display: block;}
em{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.head{height: 1.375rem;background:url(../../images/ecschool/logo.png) center center no-repeat #0f5ec5;background-size:2.078rem;position: fixed;top: 0;width: 100%;z-index: 99;}
.head .fl{display: block;line-height: 1.375rem;color: #FFF;font-size: .46875rem;background: url(../../images/ecschool/icons_1.png) .3125rem center no-repeat;padding-left: .78125rem;background-size: .25rem;}
.head a.fr{display:block;height: 1.375rem;width: .9375rem;}
/*百度搜索*/
.head .fr .bdcs-search-icon{background: url(../../images/ecschool/icons_2.png) no-repeat;width: .625rem;height: .625rem;background-size: .625rem;margin-top: .375rem;}
.head .fr .bdcs-search-form img{display: inline-block;width: auto!important;}
.head .fr .bdcs-search-focus-inner{height: 1.1rem!important;}
.head .fr .s_back_wr{width: 14%!important;height: 1.1rem!important;}
.head .fr .s_back_wr img{width: .46875rem;height: .625rem;margin-top: .2375rem!important;}
.head .fr .s_ipt_wr{width: 70%!important;height: 1rem!important;}
.head .fr .s_btn_wr{width: 16%!important;height: 1.1rem!important;}
.head .fr .s_btn_wr img{width: .546875rem;height: .546875rem;margin: .2765625rem auto 0!important;display: block;}
.head .fr .bdcs-search-form-input-focus{font-size: .375rem!important;line-height: .96875rem!important;}

.mbx{line-height: 1.09375rem;padding-left: .3125rem;font-size: .40625rem;margin-top: 1.375rem;}
.mbx a{display: inline-block;font-size: .40625rem;}
.banner{width: 100%;top: 1.29rem;height: 7.066666rem;background-image: url(/templets/default/images/xiaocx/banner.jpg);
    background-size: 100%;position: relative;margin-bottom: 1.8rem;}
.banner p{position: absolute;bottom: 0;width: 100%;height: 0.8125rem;background: rgba(0,0,0,0.7);padding-left: 0.3125rem;}
.banner p span{position: relative;color: #FFF;font-size: 0.4375rem;line-height: 0.8125rem;display: block;}

.content .floor_1{padding: .3125rem;border-bottom: .3125rem solid #f2f2f2;}
.content .floor_1 img{width: 9.375rem;height: 3.125rem;}
.content .floor_1 .img{width: 9.375rem;height: 3.125rem;overflow: hidden;}
.content .title{font-size: .4375rem;color: #0f5ec5;line-height: 1.09375rem;font-weight: bold;border-bottom: 1px solid #CCC;position: relative;}
.content .title em{display: block;width: 1.6875rem;height: 3px;position: absolute;left: 0;bottom: -2px;background: #0a6dee;}
.content .more{font-size: .40625rem;text-align: center;line-height: 1rem;text-align: center;display: block;}
.content .list {
    height: 2.0408rem;
    border-bottom: 1px solid #CCC;
    padding-bottom: .3125rem;
    margin-bottom: .3125rem;
}
.content .list .ar_t{font-size: .4375rem;color: #000000;font-weight: bold;line-height: .9375rem;margin-top: .0625rem;display: block;}
.content .list .info{margin-bottom: .25rem;}
.content .list .info em{color: #8D8D8D;font-size: .3125rem;display: block;line-height: .5625rem;}
.content .list span{display: block;font-size: .3125rem;color: #585858;line-height: .53125rem;padding-top: .21875rem;}
.content .list:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: .3125rem;}
.content .floor_2{padding: .3125rem;border-bottom: .3125rem solid #f2f2f2;}
.content .floor_2 .img {
    width: 3.323rem;
    height: 2.0408rem;
    overflow: hidden;
    margin-right: .15625rem;
}
.content .floor_2 b{font-weight: normal;}
.content .floor_2 img{height: 1.71875rem;}
.content .floor_2 .ar_t {
    font-family: "Microsoft YaHei";
    color: #4e4e4e;
    font-weight: bold;
    font-weight: bolder;
    height: 1.2222rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: 0.6111rem;
    font-weight: 600;
    display: block;
}
.content .floor_2 span{padding-top: .0625rem;color: #8D8D8D;position: relative;}
.content .floor_2 span em{display: block;position: absolute;background: url(../../images/ecschool/icons_4.png) left center no-repeat;padding-left: .75rem;background-size: .625rem;right: 0;bottom: 0;}
.content .floor_3{padding: .3125rem;height: auto;overflow: hidden;}
.content .floor_3 input{border: 1px solid #CCC;}
.content .floor_3 b.list_t{display: block;font-size: .4375rem;margin: .3125rem 0;}

.content .floor_3 .search{height: 1.09375rem;position: relative;}
.content .floor_3 a.btn{display: block;float: left;font-size: .34375rem;color: #000;background: #F6F6F6;border: 1px solid #dcdcdc;padding: 0 .40625rem;line-height: .65625rem;border-radius: .328125rem;margin: 0 .25rem .3125rem 0;}
.content .floor_3 .share{clear: both;height: auto;overflow: hidden;padding: .125rem 0;}
.content .floor_3 .share p{font-size: .4375rem;float: left;line-height: .625rem;}
.content .floor_3 .share a{display: block;width: .65625rem;height: .625rem;background-size: .65625rem!important;float: left;margin-right: .3125rem;}
.content .floor_3 .share a:nth-child(2){background: url(../../images/ecschool/share_wx.png);}
.content .floor_3 .share a:nth-child(3){background: url(../../images/ecschool/share_kj.png);}
.content .floor_3 .share a:nth-child(4){background: url(../../images/ecschool/share_qq.png);}
.content .floor_3 .share a:nth-child(5){background: url(../../images/ecschool/share_wb.png);}
span.pageinfo {font-size: 0.3125rem;}
.content .page{height: auto;overflow: hidden;text-align: center;}
.content .page ul li{font-size: .34375rem;text-align: center;display: inline-block;line-height: .5625rem;}
.content .page ul li a{font-size: .34375rem;display: block;width: .5625rem;height: .5625rem;line-height: .5625rem;}
.content .page ul li:first-child a,.content .page ul li:last-child a{color: #0A6DEE;width: auto;}
.content .page .thisclass{width: .5625rem;height: .5625rem;background: #0A6DEE;border-radius: .0625rem;color: #FFF;}

/*.footer{background: #333333;height: auto;padding-bottom: .625rem;}
.footer .link{text-align: center;font-size: .40625rem;color: #5c5c5c;padding-top: .8125rem;}
.footer .link a{display: inline-block;font-size: .40625rem;color: #FFF;margin: 0 .3125rem;}
.footer .btn{text-align: center;padding-top: .78125rem;}
.footer .btn a{display: inline-block;width: 3.09375rem;height: .90625rem;line-height: .90625rem;border: 1px solid #858585;border-radius: .453125rem;text-align: center;font-size: .5rem;color: #FFF;}

.footer .cp{font-size: .3125rem;color: #8E8E8E;line-height: .5625rem;text-align: center;margin-top: .625rem;}*/
/*大列表*/
.nav {
    top: 1.25rem;
    background-color: #0f5ec5;
    padding-left: .3125rem;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.nav a {
    font-family: "Microsoft YaHei";
    font-weight: 500;
    display: block;
    float: left;
    font-size: 16PX;
    color: #fff;
    line-height: 1.125rem;
    margin-right: .625rem;
}
.nav em{display: block;background-image: url(../../images/index/icons_01.png);background-size: .453125rem;right: 0;top:0;position: absolute;height: 1.125rem;width: .9375rem;}
.nav em.on{background-image: url(../../images/index/icons_01_1.png);}
.content .title.no2{color: #000000;margin-bottom: .3125rem;}
.content .floor_4{padding: .3125rem;border-bottom: .3125rem solid #f2f2f2;}
.content .floor_4 a.img{display: block;position: relative;padding-bottom: .375rem;border-bottom: 1px solid #E5E5E5;margin-top: .375rem;}
.content .floor_4 a.img p{width: 100%;background: #000000;background:rgba(0, 0, 0, 0.6)!important;filter:Alpha(opacity=60);line-height: .78125rem;font-size: .4375rem;text-align: center;color: #FFF;position: absolute;bottom: .375rem;left: 0;}
.content .floor_4 .other_list li{line-height: .9375rem;height: .9375rem;border-bottom: 1px solid #E5E5E5;}
.content .floor_4 .other_list li a{font-size: .375rem;display: inline-block;vertical-align: middle;color: #2c2c2c;}
.content .floor_4 .other_list li em{display: inline-block;vertical-align: middle;font-size: .28125rem;color: #959595;width: .3125rem;}
.all_r{width: 1.25rem;height: 1.25rem;background-image: url(../../images/ecschool/icons_3.png);background-size: 1.25rem;position: fixed;right: 2%;bottom: 15%;}


.footer .cp{color: #9a9a9a;font-size: .3125rem;text-align: center;line-height: .5625rem;}
.tabjz {
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.tabjz a {
    padding: 6px 20px;
    border-radius: 6px;
    border: solid 1px #169def;
}
a.current {
    text-decoration: none;
    font-weight: bold;
    color: rgb(22, 157, 239);
}
.content .floor_2 .tabzt img {
    height: 100%;
}
.tabzt {
     font-family: "Microsoft YaHei";
    margin-bottom: 0.4444rem;
    position: relative;
}
.content .floor_2 .tabzt span {
    z-index: 9;
    background-color: rgba(0,0,0,0.5);
    padding: 2px 16px;
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 14px;
    color: white;
    border-radius: 4px;
}
.tabztnr {
    z-index: 9;
    padding: 0 10px;
    font-size: 12px;
    position: absolute;
    bottom: 0.4722rem;
    color: white;
}
.tabztnr .tabzttt {

    margin-bottom: 0.2777rem;
    font-size: 0.666rem;
    font-weight: bold;
}
.tabzt .tabztbj{
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 8;
}
.art_list{padding: 0 .3125rem .46875rem;}
.art_list .img{position: relative;}
 .art_list .img a{display:block;position: absolute;width: 100%;background: #000000;background:rgba(0, 0, 0, 0.6)!important;filter:Alpha(opacity=60);height: 1.0625rem;text-align: center;bottom: 0;line-height: 1.0625rem;color: #FFF;font-size: .5rem;}
 .art_list .nav a{display: block;width: 2.1093rem;line-height: .75rem;border-radius: .375rem;background: #0F5EC5;text-align: center;font-size: .375rem;color: #FFF;float: left;margin-right: .3125rem;}
 .art_list .nav a:last-child{margin-right: 0;}
 .art_list .nav{height: auto;overflow: hidden;padding: .46875rem 0;}
 .art_list .list li{border-top: 1px solid #E5E5E5;clear: both;height: auto;overflow: hidden;padding: .46875rem 0;}
 .art_list .list li a{display: block;}
 .art_list .list li a img{width: 2.53125rem;height: 1.756rem;}
 .art_list .list li .fl{width: 2.53125rem;margin-right: .3125rem;}
 .art_list .list li .ar_t{font-size: .4375rem;font-weight: 400;line-height: .5625rem;padding-bottom: .125rem;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
 .art_list .list li p{color: #8D8D8D;font-size: .3125rem;line-height: .53125rem;position: relative;}
 .art_list .list li p em{display: block;position: absolute;right: 0;bottom: .125rem;height: .375rem;background-image: url(/templets/default/images/index/icons_11.png);padding-left: .625rem;background-position: left center;line-height: .375rem;font-size: .3125rem;background-size: .46875rem;}
 .art_list .list .cl{display:block;clear: both;margin: 0 auto 0;float: none;color: #0F5EC5;font-size: .375rem;line-height: .75rem;background-image: url(/templets/default/images/index/jia.jpg);background-size: .46875rem;background-position: right center;width: 2.8125rem;text-align: left;}
 .art_list .gj01{text-align: center;}
 .art_list .list .cl u{font-weight: 400;}
.floor_01{overflow: hidden;}
.floor_01 .title{margin-top: 1rem;}
.floor_01 .text{font-size: 0.4rem;color:#464646;text-align: center;background: url(/products/vfx/xcx/images/01_title.png) center no-repeat;background-size:9.506666rem;margin-top:0.666666rem;}
.floor_01 ul{overflow: hidden;padding: 0 0.266666rem;margin-top: 0.773333rem;margin-bottom: 1.333333rem;}
.floor_01 ul li{width: 1.533333rem;float:left;text-align: center;margin-right: 0.449333rem;}
.floor_01 ul li:last-child{margin-right: 0;}
.floor_01 ul li p{font-size: 0.373333rem;color:#202020;margin-bottom: 0.373333rem;}
.floor_01 .title p {
    text-align: center;
    font-size: 0.533333rem;
    color: #202020;
}
.floor_01 .title span {
    display: block;
    font-size: 0.32rem;
    color: #5a5a5a;
    text-align: left;
    line-height: 0.533333rem;
    padding: 0 0.266666rem;
    margin-top: 0.48rem;
}
.text_1{height: auto;overflow: hidden;margin-top: 1.026666rem;}
.text_1 .title_1{font-size:0.533333rem;text-align: center;color:#202020;}
.text_1 .title_1 span{display: block;font-size:0.32rem;margin-top: 0.373333rem;color:#5a5a5a;line-height: 0.49rem;margin-bottom: 0.533333rem;}
.text_1 .p_1 img{height: 0.653333rem;width:3.24rem;float:left;margin-left: 2.386666rem;}
.text_1 .p_1 p{font-size:0.4rem;margin-left: 0.186666rem;float:left;height: 0.653333rem;line-height: 0.653333rem;margin-bottom: 0.533333rem;}
.text_1 ul{clear: both;margin-left: 0.906666rem;}
.text_1 ul li{width: 8.293333rem;height: 2.64rem;background: #00d2c8;border-radius: 0.133333rem;margin-bottom: 0.24rem;padding-top: 0.26rem;color:#fff;position: relative;}
.text_1 ul li:last-child{background: #40525e;}
.text_1 ul li em{display: block;font-size:0.4rem;margin-left: 0.706666rem;margin-bottom: 0.15rem}
.text_1 ul li p{font-size:0.293333rem;margin-left: 0.68rem;margin-bottom: 0.1rem;float: left;}
.text_1 ul li a{display: block;position: absolute;bottom:0.4rem;right:0.333333rem;border-radius: 0.093333rem;font-size:0.32rem;width: 2.053333rem;height: 0.666666rem;background: #fff;color:#40525e;text-align: center;line-height: 0.666666rem;}
.text_1 ul li:last-child a{color:#01b9b0;}
.head{height: 1.375rem;background:url(/templets/default/images/ecschool/logo.png) center center no-repeat #0f5ec5;background-size:2.078rem;position: fixed;top: 0;width: 100%;z-index: 99;}
.head .fl{display: block;line-height: 1.375rem;color: #FFF;font-size: .46875rem;background: url(../../images/ecschool/icons_1.png) .3125rem center no-repeat;padding-left: .78125rem;background-size: .25rem;}
.head a.fr{display:block;height: 1.375rem;width: .9375rem;}
.head .nav {
    height: 2.2222rem;
    top: 1.25rem;
    background-color: #0f5ec5;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
        border-top: 0 solid #CCCCCC;
        padding: 0px;
}
.head .nav a {
text-align: center;
    width: 33.33%;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    display: block;
    float: left;
    font-size: 16PX;
    color: #fff;
    line-height: 1.125rem;
        margin-right:0;
}
.nav em{display: block;background-image: url(../../images/index/icons_01.png);background-size: .453125rem;right: 0;top:0;position: absolute;height: 1.125rem;width: .9375rem;}
.nav em.on{background-image: url(../../images/index/icons_01_1.png);}
.banner1 {
    width: 100%;
    text-align: center;
    font-size: 0.5555rem;
    position: absolute;
    top: 4.88rem;
}
.banner1 a.btn {
    border-radius: 2.7777rem;
    padding: 0.1111rem;
    border: solid 1px #ffa800;
    background-color: #ffa800;
    color: white;
}
  .menu {
    height: auto;
    overflow: hidden;
}
.menu a:nth-child(1) {
    background-image: url(/templets/default/images/index/icons_02.png);
}
.menu a:nth-child(2) {
    background-image: url(/templets/default/images/index/icons_03.png);
}
.menu a:nth-child(3) {
    background-image: url(/templets/default/images/index/icons_04.png);
}
.menu a:nth-child(4) {
    background-image: url(/templets/default/images/index/icons_05.png);
    border-right: 0;
}
.menu a {
    display: block;
    width: 25%;
    border-right: 1px solid #E5E5E5;
    height: 2.78125rem;
    border-bottom: .3125rem solid #ebebeb;
    float: left;
    font-size: .34375rem;
    text-align: center;
    padding-top: 1.84375rem;
    background-position: center .71875rem;
    background-size: .78125rem;
}
.tag-title-open {
    font-family: "Microsoft YaHei";
    font-size: 0;
    height: .9rem;
    line-height: .9rem;
    padding: 0 .3rem;
    position: relative;
}
.tag-title-open span {
    font-size: 16px;
    color: #000;
    display: inline-block;
}
.tag-title-open .all {
    font-size: 12px;
    color: #808080;
    float: right;
    -o-background-size: .1rem .2rem;
    background-size: .1rem .2rem;
    padding-right: 10px;
}
.fresh-comment {
    font-family: "Microsoft YaHei";
    padding: .3rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.fresh-comment .item-list {
    -webkit-box-shadow: 0 0 0.05rem 0 rgba(0,0,0,.16);
    box-shadow: 0 0 0.05rem 0 rgba(0,0,0,.16);
    padding: .2rem;
    margin-bottom: .3rem;
    border-radius: .08rem;
    display: block;
    position: relative;
}
a {
    outline: 0;
    color: inherit;
    text-decoration: none;
}
a, button {
    cursor: pointer;
}
.fresh-comment .user {
    width: 1.4665rem;
    height: 1.4665rem;
    border-radius: .08rem;
    display: block;
    overflow: hidden;
}
.fresh-comment .user img {
    width: 100%;
    height: 100%;
}
.fresh-comment .score {
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: .5rem;
    color: #ffa200;
    position: absolute;
    right: .2rem;
    top: .3rem;
}
.fresh-comment .right {
    position: absolute;
    left: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.4rem;
    font-size: 0;
}
.fresh-comment .right .title {
  font-weight: normal;
  line-height: 0.6rem;
  border-bottom: 0px;
    font-size: 0.4444rem;
    color: #000;
}
.fresh-comment .right .text {
line-height: 0.5rem;
    font-size: 0.3888rem;
    color: #909090;
    margin-top: .12rem;
}
.elps-line2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fresh-comment .score small {
    font-size: .14rem;
    margin-left: .04rem;
}
.ymf {
  margin:0 auto;
    width: 9.6875rem;
    height: auto;
    overflow: hidden;
}
 .ymf a {
  width:25%;
    display: block;
    float: left;
    font-size: .34375rem;
    text-align: center;
    margin-bottom: .5625rem;
}
 .ymf img {
  margin: 0.1111rem auto;
    width: 1.6875rem;
}
.ymf a.cl {
    clear: both;
    margin: 0 auto 0;
    float: none;
    color: #0F5EC5;
    font-size: .375rem;
    line-height: .46875rem;
    background-image: url(../images/index/jia.jpg);
    background-size: .46875rem;
    background-position: right center;
    width: 3.53125rem;
    text-align: left;
}
.ymf a {
    display: block;
}
  .ymf .cl u {
    font-weight: 400;
}
#zt {
    white-space: nowrap;
    overflow-x: scroll;
}
#zt a {
    display: inline-block;
    float: none;
    width: 250px;
    height: 90px;
}
#zt a img {
    width: 250px;
    height: 90px;
}
#zt::-webkit-scrollbar {display:none}
#tab2,#tab3,#tab4,#tab5,#tab6,#tab7{display: none;}
.content .floor_2{padding: .3125rem;border-bottom: .3125rem solid #f2f2f2;}
.content .floor_2 .img {
    width: 3.323rem;
    height: 2.0408rem;
    overflow: hidden;
    margin-right: .15625rem;
}
.content .floor_2 b{font-weight: normal;}
.content .floor_2 img{height: 1.71875rem;}
.content .floor_2 .ar_t {
    font-family: "Microsoft YaHei";
    color: #4e4e4e;
    font-weight: bold;
    font-weight: bolder;
    height: 1.2222rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: 0.6111rem;
    font-weight: 600;
    display: block;
}
.tabjz {
    margin-bottom: 8px;
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.tabjz a {
    padding: 6px 20px;
    border-radius: 6px;
    border: solid 1px #169def;
}
.content .floor_2 span{padding-top: .0625rem;color: #8D8D8D;position: relative;}
.head .head1 .clearfix a.current {
    text-decoration: none;
    font-weight: bold;
    color: rgb(22, 157, 239);
}
.tab2{display: none;}