@charset "utf-8";
/*banner*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset!important;}
.mgb25{ margin-bottom:25px;}
.opacity{opacity:0;opacity:1\9;}
.mgb85{ margin-bottom:85px;}
.homemarbot{  margin-bottom:0px;/*在没有开通智慧校园模块的时候，这里的值为0，非否为80*/}
a:hover{ text-decoration:none;}
.width {
    width: 1200px;
    margin: 0 auto;
}
.g_header {
    background: #fff;
    position: relative;
    z-index: 999
}
/*banner star*/
.tools_slide_wpbox{height: 360px;}
.tools_slide_wp{position: relative;width: 100%;height: 100%;}
.tools_slide_itemwp,.tools_slide_item{width: 100%;height: 100%;transform: translate3d(0,0,0);}
.tools_slide_item{position: absolute;}
.tools_slide_wp.yoursclass{height: 360px;min-width: 1200px;overflow: hidden;}
.tools_slide_leftbtn,.tools_slide_rightbtn{position: absolute;height: 48px;top: 50%;margin-top: -24px;width: 48px;z-index: 5;  cursor: pointer;}
.tools_samll .tools_slide_leftbtn{left: 0px;width: 36px;height: 40px;background:  0 0 no-repeat;}
.tools_samll .tools_slide_rightbtn{right: 0px;width: 36px;height: 40px;background:  right 0 no-repeat;}
.tools_slide_pointwp{position: absolute;  bottom:20px;width: 100%;text-align: center;z-index: 5}
.tools_slide_point{display: inline-block;  width: 10px;  height: 10px;border:solid 1px white;border-radius: 50%;  cursor: pointer;margin: 0 8px;}
.tools_slide_on_p{background: white;}
.tools_slide_itemwp{position: relative;border-radius: 4px;overflow: hidden}
.tools_slide_item{transform: translatez(0);z-index: 1;}
.tools_tips{position: absolute;bottom: 0px;width: 100%;height: 40px;background-color: rgba(0, 0, 0, 1);
    opacity: 0.7;z-index: 2;text-align: center;line-height: 40px;}
.tools_tips span{color: #fff;font-size: 14px;}
/*banner end*/
.tools_tips{position: absolute;bottom: 0px;width: 100%;height: 40px;background-color: rgba(0, 0, 0, 1);opacity: 0.7;z-index: 2;text-align: center;line-height: 40px;}
.tools_slide_item{position: absolute;}
.tools_tips span{color: #fff;font-size: 14px;}
.m_header {
    height: 100px;
    background: #fff;
    position: relative
}

.m_header a:hover {
    text-decoration: none
}

.m_header .logo a {
    overflow: hidden;
    display: inline-block;
    height: 100%
}

.m_header .logo a em {
    display: inline-block;
    vertical-align: middle;
    height: 100px
}

.m_header .menu {
    margin-left: 30px
}

.m_header .menu li {
    float: left;
    margin: 30px 18px 0 0
}

.m_header .menu .menua {
    padding: 0 3px;
    line-height: 30px;
    font-size: 18px;
    color: #222;
    display: block
}

.m_header .menu .menua:hover,.m_header .menu .menua.on {
    color: #00a0e9;
    border-bottom: #0e9cf6 solid 3px
}

.m_header .pilot {
    position: relative
}

.m_header .menu .pilot .menua:hover {
    border: #e1e1e1 solid 1px;
    color: #222;
    margin: -6px 0 0 -8px;
    padding: 5px 10px;
    border-bottom: 0;
    position: relative;
    background: #fff;
    z-index: 20
}

.m_header .menu .pilot:hover .menua {
    border: #e1e1e1 solid 1px;
    color: #222;
    margin: -6px 0 0 -8px;
    padding: 5px 10px;
    border-bottom: 0;
    position: relative;
    background: #fff;
    z-index: 20
}

.m_header .menu .pilot:hover .pilot_list {
    display: block
}

.m_header .pilot .menua i {
    background: url(/uploads/image/bcta1iiico/more_dir.gif) no-repeat left top;
    width: 12px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px
}

.m_header .pilot .pilot_list {
    position: absolute;
    top: 34px;
    right: 0;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: ;
    height: auto;
    zoom:1;z-index: 2
}

.m_header .pilot .pilot_list dl {
    padding: 17px 20px 14px 20px;
    font-size: 16px
}

.m_header .pilot .pilot_list dl dt {
    height: 32px;
    padding-left: 30px;
    line-height: 32px;
    color: #888;
    background: url(/uploads/image/bcta1iindex_zb/area.png) 0 0 no-repeat;
    float: left;
    margin-right: -95px
}

.m_header .pilot .pilot_list dl.city,.m_header .pilot .pilot_list dl.country,.m_header .pilot .pilot_list dl.area {
    border-bottom: 1px solid #e0e0e0
}

.m_header .pilot .pilot_list dl.country dt {
    background-position: 0 -80px
}

.m_header .pilot .pilot_list dl.city dt {
    background-position: 0 0
}

.m_header .pilot .pilot_list dl.area dt {
    background-position: 0 -40px
}

.m_header .pilot .pilot_list dl dd {
    width: 380px;
    padding-left: 95px;
    *margin-top: -32px
}

.m_header .pilot .pilot_list dl dd a {
    display: inline-block;
    padding: 0 10px;
    margin: 0 3px;
    border-bottom: 2px solid transparent;
    line-height: 32px;
    color: #6b6b6b
}

.m_header .pilot .pilot_list dl dd a:hover,.m_header .pilot .pilot_list dl dd a.on {
    color: #5b8ed1;
    border-bottom-color: #5b8ed1;
    text-decoration: none
}

.m_header .pilot .pilot_list dl dd a.active {
    color: #f96;
    text-decoration: none
}

.m_header .head_nav {
    position: absolute;
    right: 0;
    top: 23px;
    height: 35px
}

.m_header .morerect {
    position: absolute;
    top: 35px;
    left: -20px;
    width: 100px;
    background: #f5f5f5;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: none;
    border: #eee solid 1px
}

.m_header .morerect i {
    display: block;
    background:  no-repeat left top;
    width: 10px;
    height: 6px;
    top: -5px;
    position: absolute;
    left: 30px
}

.m_header .morerect a {
    display: block;
    line-height: 45px;
    text-align: center;
    color: #222;
    font-size: 16px;
    text-align: center;
    background: #fff;
    width: 100%
}

.m_header .morerect a:hover {
    color: #85c7f9;
    background: #eefaff
}

.m_header .search {
    width: 772px;
    height: 48px;
    border: #2196f3 solid 1px;
    border-radius: 5px;
    box-shadow: -1px -1px 15px rgba(0,0,0,0.2) inset;
    margin-top: 0
}

.m_header .search dl {
    float: left;
    position: relative;
    width: 65px
}

.m_header .search dt {
    width: 65px;
    height: 48px;
    background:  no-repeat 54px center;
    text-indent: 18px;
    font-size: 14px;
    line-height: 48px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    color: #4381b5
}

.m_header .search dd {
    border: #ddd solid 1px;
    position: absolute;
    width: 65px;
    top: 60px;
    left: 0;
    display: none
}

.m_header .search dd a {
    display: block;
    line-height: 30px;
    text-align: center;
    background: #fff;
    color: #555
}

.m_header .search dd a:hover {
    background: #efefef
}

.m_header .search dd i {
    position: absolute;
    left: 24px;
    top: -7px;
    background: url(/uploads/image/bcta1ihead/search_dd_ico.png) no-repeat;
    width: 12px;
    height: 7px
}

.m_header .search .inp_txt {
    width: 590px;
    height: 18px;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 13px 0 0 27px;
    border: 0;
    padding: 0;
    box-shadow: 0
}

.m_header .search .inp_btn {
    float: right;
    width: 73px;
    height: 48px;
    border-radius: 0 5px 5px 0;
    background: url(/uploads/image/bcta1ihead/search2_ico1.gif) no-repeat left top;
    border: 0;
    cursor: pointer
}

.m_header .search .inp_btn:hover {
    background-position: 0 -48px
}

.m_header .user_face {
    margin-top: -3px;
    height: 44px;
    float: left;
    font-size: 14px
}

.m_header .user_face a {
    color: #555
}

.m_header .user_face img {
    vertical-align: middle;
    margin-right: 5px;
    width: 44px;
    height: 44px;
    border-radius: 22px
}

.m_header .login_before {
    height: 32px;
    margin-top: 30px
}

.m_header .login_before a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    font-size: 16px;
    margin: 0 5px;
    height: 30px;
    line-height: 30px;
    border: #45a2ec solid 1px;
    border-radius: 5px
}

.m_header .login_before a i {
    margin-right: 7px
}

.m_header .login_before .wx {
    border-color: #00d259;
    color: #00d259
}

.m_header .login_before .wx i {
    background: url(/uploads/image/bcta1iiico/wx_ico.gif) no-repeat left top;
    display: inline-block;
    width: 25px;
    height: 20px;
    vertical-align: middle
}

.m_header .login_before .download {
    border-color: #45a2ec;
    color: #45a2ec
}

.m_header .login_before .download i {
    background: url(/uploads/image/bcta1iiico/app_ico.gif) no-repeat left top;
    display: inline-block;
    width: 23px;
    height: 20px;
    vertical-align: middle
}

.m_header .loginbtn {
    display: block;
    width: 65px;
    height: 32px;
    border: #2487d5 solid 1px;
    background: #2196f3;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 3px
}

.m_header .loginbtn:hover {
    background: #188ce9
}

.m_header .login_before a.wx {
    position: relative
}

.m_header .login_before .ewm_tianyu2 {
    text-align: center;
    position: absolute;
    width: 282px;
    padding-top: 30px;
    top: 42px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(0,0,0,0.2);
    height: 290px;
    display: none;
    left: 50%;
    margin-left: -141px;
    margin-bottom: 14px;
    color: #222;
    z-index: 999
}

.m_header .login_before .ewm_tianyu2 .ewm_tri2 {
    display: block;
    position: absolute;
    width: 24px;
    height: 14px;
    background:  no-repeat;
    left: 50%;
    top: -14px;
    margin-left: -12px
}

.m_header .login_before a.wx:hover .ewm_tianyu2 {
    display: block
}

.login_before .user_face a {
    padding: 0;
    border: 0
}

.m_header .login_after {
    margin-top: 35px;
    line-height: 30px
}

.m_header .userface {
    font-size: 16px;
    color: #5ba9ee
}

.m_header .userface img {
    width: 44px;
    height: 44px;
    float: left;
    margin: -6px 9px 0 0
}

.m_header .classroom {
    margin-left: 15px;
    cursor: pointer;
    position: relative
}

.m_header .classroom dt {
    padding: 0 15px;
    font-size: 16px;
    color: #309aeb;
    background: #fff
}

.m_header .classroom i {
    background:  no-repeat left top;
    width: 6px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 7px
}

.m_header .classroom dd {
    position: absolute;
    top: 29px;
    right: -1px;
    width: 88px;
    border: #d7d7d7 solid 1px;
    background: #fff;
    display: none
}

.m_header .classroom dd.scroll {
    height: 320px;
    overflow-y: auto
}

.m_header .classroom dd a {
    line-height: 32px;
    font-size: 12px;
    color: #555;
    display: block;
    text-align: center
}

.m_header .classroom dd a:hover {
    background: #e1e1e1
}

.m_header .classroom:hover dt {
    border: #d7d7d7 solid 1px;
    border-bottom: 0;
    position: relative;
    margin: -1px -1px 0 -1px;
    z-index: 21
}

.m_header .classroom:hover dd {
    display: block
}

.m_header .scholl {
    font-size: 16px;
    line-height: 30px;
    color: #5ba9ee;
    margin-left: 18px
}

.m_header .otherinfo {
    position: relative;
    z-index: 20;
    margin-left: 23px
}

.m_header .otherinfo dt {
    background: #fff  no-repeat center center;
    width: 21px;
    height: 30px;
    padding: 0 10px
}

.m_header .otherinfo dd {
    position: absolute;
    top: 29px;
    right: -1px;
    width: 68px;
    border: #d7d7d7 solid 1px;
    background: #fff;
    display: none
}

.m_header .otherinfo dd a {
    line-height: 32px;
    font-size: 12px;
    color: #555;
    display: block;
    text-align: center
}

.m_header .otherinfo dd a:hover {
    background: #e1e1e1
}

.m_header .otherinfo:hover dt {
    border: #d7d7d7 solid 1px;
    border-bottom: 0;
    position: relative;
    margin: -1px -1px 0 -1px;
    z-index: 21
}

.m_header .otherinfo:hover dd {
    display: block
}

.m_header .mail {
    position: relative;
    margin-left: 31px;
    z-index: 21
}

.m_header .mail a {
    background: #fff  no-repeat center center;
    width: 20px;
    height: 30px;
    padding: 0 10px
}

.m_header .mail em {
    font-size: 12px;
    color: #fff;
    background: #ff6c72;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 9px 9px 9px 0;
    position: absolute;
    top: -8px;
    left: 15px
}

.m_header .mailinfo {
    position: relative;
    z-index: 20;
    margin-left: 23px
}

.m_header .mailinfo dt {
    background: #fff  no-repeat center center;
    position: relative;
    width: 20px;
    height: 30px;
    padding: 0 10px
}

.m_header .mailinfo dt i {
    font-size: 12px;
    color: #fff;
    background: #ff6c72;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 9px 9px 9px 0;
    position: absolute;
    top: -8px;
    left: 25px
}

.m_header .mailinfo dd {
    position: absolute;
    top: 29px;
    right: -1px;
    width: 103px;
    border: #d7d7d7 solid 1px;
    background: #fff;
    display: none
}

.m_header .mailinfo dd a {
    line-height: 32px;
    font-size: 12px;
    color: #555;
    display: block;
    padding: 0 10px;
    overflow: hidden;
    zoom:1}

.m_header .mailinfo dd a:hover {
    background: #e1e1e1
}

.m_header .mailinfo:hover dt {
    border: #d7d7d7 solid 1px;
    border-bottom: 0;
    position: relative;
    margin: -1px -1px 0 -1px;
    z-index: 21
}

.m_header .mailinfo:hover dd {
    display: block
}

.g_header.fixed {
    box-shadow: -1px 0 10px rgba(0,0,0,0.3);
    height: 100px;
    top: 0;
    position: fixed;
    z-index: 999;
    left: 0;
    width: 100%;
    min-width: 1200px;
    z-index: 200;
    background: #fff
}

.footer_screen {
    position: relative;
    z-index: 22
}

.g_footer {
    padding-top: 20px
}

.g_footer a:hover {
    text-decoration: none
}

.m_footer .l_rect a.linkc {
    color: #555
}

.m_footer .l_rect {
    font-size: 14px;
    line-height: 26px
}

.m_footer .l_rect span {
    margin-right: 20px
}

.m_footer .l_rect a.linkc {
    color: #555
}

.m_footer .r_rect {
    font-size: 14px;
    line-height: 26px;
    color: #d8d8d8;
    margin-right: -10px
}

.m_footer .r_rect a {
    margin: 0 10px;
    color: #888
}

.m_footer .hotline {
    padding-top: 28px;
    font-size: 16px
}

.m_footer .hotline span {
    float: left;
    line-height: 42px
}

.m_footer .hotline a {
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 43px;
    background: url(/uploads/image/bcta1iindex_zb/icon_share.png) no-repeat;
    position: relative
}

.m_footer .hotline a.icon01 {
    background-position: -1px 0
}

.m_footer .hotline a.icon02 {
    background-position: -75px 0
}

.m_footer .hotline a.icon03 {
    background-position: -145px 0
}

.m_footer .hotline a.icon01:hover {
    background-position: -1px -44px
}

.m_footer .hotline a.icon02:hover {
    background-position: -74px -43px
}

.m_footer .hotline a.icon03:hover {
    background-position: -145px -44px
}

.m_footer .hotline span {
    color: #888
}

.m_footer .hotline em.tel {
    font-family: constantia;
    font-size: 24px;
    color: #afafaf
}

.m_footer .botinfo {
    font-size: 14px;
    padding-top: 26px;
    line-height: 42px;
    color: #888
}

.m_footer .botinfo a {
    margin: 0 15px;
    color: #888
}

.m_footer .hotline .ewm_tianyu {
    text-align: center;
    position: absolute;
    width: 282px;
    padding-top: 30px;
    bottom: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(0,0,0,0.2);
    height: 308px;
    display: none;
    left: 50%;
    margin-left: -141px;
    margin-bottom: 14px;
    color: #222;
    z-index: 999
}

.m_footer .hotline .ewm_tianyu .ewm_tri {
    display: block;
    position: absolute;
    width: 24px;
    height: 14px;
    background: url(/uploads/image/bcta1iindex_zb/ewm_tri_down.png) no-repeat;
    left: 50%;
    bottom: -14px;
    margin-left: -12px
}

.m_footer .hotline a.icon02:hover .ewm_tianyu {
    display: block
}

/*新增下拉 star*/
.downshow{height: 48px;background-color: rgba(58, 192, 255, 1);position: relative}
.downshow .downshow_click{display: block;width:150px;height: 100%;line-height: 48px;}
.downshow li:hover .downshow_click{background-color: rgba(26, 161, 238, 1);}
.downshow li:hover dl{display: block}
.downshow .downshow_click span{display: inline-block;vertical-align: middle;font-size: 18px;  font-weight: normal;  letter-spacing: 0px;  color: #ffffff;}
.downshow .icon_down{margin-left: 10px;display:inline-block;vertical-align: middle;width: 10px;height: 7px;
    background:url(/uploads/image/bcta1iiico/icon_down.png) 0 0 no-repeat;}
.downshow ul li{float: left;width: 12.5%;text-align: center}

.downshow dl{width: 148px;background: #fff;position: absolute;z-index: 100;border-left: 1px solid #3ac0ff;border-right: 1px solid #3ac0ff;border-bottom: 1px solid #3ac0ff;box-shadow:  2.8px 2.8px 0px 0px
rgba(0, 0, 0, 0.1);display: none}

.downshow dl a{display: block;font-size: 16px;color: #4a4a4a;height: 48px;line-height: 48px;}
.downshow dl dd:hover a{color: #3ac0ff;}
/*新增下拉 end*/

.m_wrap{ width:1200px; margin:0 auto;}


/*首页第四屏 begin*/
.m_resultshow{ margin-top:40px; width:590px; float:left;}
.m_resultshow .mantle .tools_slide_itemwp .tools_slide_item img{width: 100%;height: 100%;}
.m_resultshow .mantle{ float:left; width:100%; height:340px; position:relative; overflow:hidden;}
.m_resultshow .mantle .pig_img{ position:absolute; top:0px; left:0px;}
.m_resultshow .mantle .pig_img li{ width:263px; height:340px; float:left; position:relative;}
.m_resultshow .mantle .pig_img li img{ height:340px;}
.m_resultshow .mantle .pig_img li p{ display:block; position:absolute; bottom:0px; height:35px; text-align:center; line-height:35px; background:url(/uploads/image/bcta1iindex5/bg.png); width:100%; font-size:16px; color:#fff;}
.m_resultshow .mantle .png_bg{ position:absolute; background: no-repeat left top; width:36px; height:40px; top:141px;}
.m_resultshow .mantle .pagelist{ width:12px; position:absolute; bottom:11px; left:0px; width:100%; text-align:center; display:none;}
.m_resultshow .mantle .pagelist li{ display:inline-block; width:10px; height:10px; border:#fff solid 1px; border-radius:6px; margin:0 3px; cursor:pointer;}
.m_resultshow .mantle .pagelist li.cur{ background:#fff; }
.m_resultshow .mantle .prev{ background-position: 0px -43px; display:none;}
.m_resultshow .mantle:hover .prev{ display:block;}
.m_resultshow .mantle .prev:hover{ background-position:0px 0px; left:0px;}
.m_resultshow .mantle .next{ background-position:-227px -43px;right:0px; display:none;}
.m_resultshow .mantle:hover .next{ display:block;}
.m_resultshow .mantle .next:hover{ background-position:-227px 0px;right:0px;}
.m_resultshow .text_news{ float:right; width:500px; height:340px; overflow:hidden;}
.m_resultshow .text_news h4{font-size:24px; line-height:26px; height:26px; overflow:hidden;margin-top: 10px;}
.m_resultshow .text_news h4 a{text-decoration:none;color: #3ac0ff;font-size: 24px;font-weight: normal}
.m_resultshow .text_news .tips{ color:#a5a5a5; line-height:18px; margin-top:20px;}
.m_resultshow .text_news .tips .a_more{color:#3ac0ff;}
.m_resultshow .text_news  ul { overflow:hidden; zoom:1; margin-top:10px;}
.m_resultshow .text_news  li{ line-height:34px; font-size:15px;}
.m_resultshow .text_news  li a{ color:#4e4e4e;}
.m_resultshow .text_news  li .time{ float:right; font-size:12px; color:#959595;}
.m_resultshow .text_news a:hover{ color:#1b8fd7;}


html .m_appjk{ margin-top:40px;/*在原基础上减了20px*/ width:590px;  overflow:hidden; height:340px;}
html .m_appjk .tablist_tit{ margin-right:20px;}
html .m_appjk .tablist_tit li{ float:left; color:#d2d2d2; font-size:14px;}
html .m_appjk .tablist_tit li a{ display:inline-block; font-size:14px; line-height:30px; padding:0px 10px; margin:10px 3px 0px 3px; height:30px; border-radius:13px; color:#333;}
html .m_appjk .tablist_tit li a:hover{ background:#bdeaff; text-decoration:none;}
html .m_appjk .tablist_tit li.on a{ color:#fff; background:#57bbee;}

html .m_appjk .appcont{ }
html .m_appjk .appcont ul{}
html .m_appjk .appcont li a{line-height: 34px;font-size: 15px;color: #4e4e4e;display: inline-block;vertical-align: middle;}
html .m_appjk .appcont li a em{margin-right: 10px;color: #888888;}
html .m_appjk .appcont li a strong{display: inline-block;width: 440px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal}
html .m_appjk .appcont li span{line-height: 34px;font-size: 12px;color: #888;float: right}
html .m_appjk .appcont li a:hover{color: #1b8fd7;}

html .m_appjk .insiderect{ width:368px; margin:0 auto;}
html .m_appjk .appcont .periodical{margin-top: 20px;height: 137px;background: #f5f5f5;}
html .m_appjk .appcont .periodical div.fl{height: 94px;border-right: 1px solid #e3e3e3;color: #3ac0ff;font-size: 26px;margin-top: 21px;line-height: 94px;padding: 0 15px 0 20px;}
html .m_appjk .appcont .periodical div.fr{padding-right: 20px;margin-top: 17px;}
html .m_appjk .appcont .periodical div.fr img{width: 204px;height: 103px;}
html .m_appjk .appcont .periodical img{width: 380px;height: 138px;}

.zh_title{float: left;height: 45px;line-height: 45px;}
.zh_title .small_ico{display: inline-block;vertical-align: middle;width: 33px;height: 45px;
    background:url(/uploads/image/bcta1iiico/small_ico.png)  no-repeat;}
.zh_title .small_ico1{background-position:-174px 15px; }
.zh_title .small_ico2{background-position:-96px -481px;}
.zh_title .small_ico3{background-position:0px -138px; }
.zh_title .small_ico4{background-position:0px -483px; }
.zh_title .small_ico5{background-position:-86px 9px }
.zh_title .small_ico6{background-position:-86px -354px; }
.zh_title .small_ico7{background-position:-86px -138px; }
.zh_title .small_ico8{background-position:1px 10px; }
.zh_title .small_ico9{background-position:1px -358px; }

.zh_title span{display: inline-block;vertical-align: middle;color: #222;font-size: 26px;font-weight: normal;margin-left: 5px;}

.zh_title2{height: 45px;line-height: 45px;font-size: 26px;color: #3ac0ff;font-weight: normal;padding-left: 23px;}
/*首页第四屏 end*/


/* 特色空间 */
.goodspacebox,.goodspacebox2,.newsbox,.appbox2,.diybox2 .diylistwrap,.diybox3 .diylistwrap,.recombox,.personspacebox,.userresubox{ width:780px;}
.spacebox,.schshowbox,.edunewsbox,.diylistbox3,.noticebox,.sheqbox,.spacebox2{ width:398px;}
.xy_louy {
    border: 1px solid #d8d8d8;
    background: #fff;
    margin-bottom: 20px
}
.xy_louy h3 {
    padding: 0 10px 0 15px;
    color: #333;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    background: #f7f9fa;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-weight: normal
}

.xy_louy h3 .titname {
    height: 38px;
    line-height: 38px;
    display: inline-block;
    float: left
}

.xy_louy h3 a.more {
    color: #999;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    font-weight: normal
}

.xy_applist {
    height: 280px;
    padding: 20px 0 0 0;
    zoom:1;
    overflow: hidden;
}

.xy_applist li {
    float: left;
    width: 12.5%;
    text-align: center;
}
.xy_applist li > a{
    display: block;
    color: #888;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}
.xy_applist li:hover a{color: #3d95d5} 

.xy_applist li img,.xy_spacelist li img {
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto 5px
}

.xy_applist li img,.xy_spacelist li a img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.xy_spacelist li {
    float: left;
    width: 12.5%;
    border-top: 1px solid rgba(238, 238, 238, 1);
}

.xy_spacelist li img {
    width: 48px;
    height: 48px
}

.xy_spacelist {
    padding: 20px 0
}
.hotreswrap {
    padding: 30px 19px
}

.hotresbox {
    float: left;
    padding: 0 10px;
    width: 212px
}
/* yl20190604 begin*/
.hotresbox.yl_hotresbox {
    width: 365px;
}
.hotreslist li .fl{
    width: 240px;
}
.hotreslist li .fr{
    width: 100px;
    text-align: right;
    color: #ccc;
}
/*yl20190604 end */
.hotresbox .img {
    position: relative
}
.hotresbox .img img {
    display: block;
    width: 100%;
    vertical-align: middle
}

.hotresbox .img i.icon {
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    width: 110px;
    height: 32px;
    background-image: url(/uploads/image/bcta1iindex_zb/res_ico2.png);
    background-repeat: no-repeat
}

.hotresbox .img i.icon.art_icon {
    display: block;
    position: absolute;
    top: 0;
    left: -5px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    padding-right: 12px;
    width: 68px;
    height: 32px;
    background-image: url(/uploads/image/bcta1iindex_zb/res_ico2.png);
    background-repeat: no-repeat
}

.hotresbox .img i.icon1 {
    background-position: 0 0
}

.hotresbox .img i.icon2 {
    background-position: 0 -60px
}

.hotresbox .img i.icon3 {
    background-position: 0 -420px
}

.hotresbox .img i.icon4 {
    background-position: 0 -180px
}

.hotresbox .img i.icon5 {
    background-position: 0 -240px
}

.hotresbox .img i.icon6 {
    background-position: 0 -300px
}
.hotresbox .img i.icon7 {
    background-position: 0 -360px
}

.hotreslist {
    padding-top: 10px;
    width: 100%;
    height: 180px;
    overflow: hidden
}

.hotreslist li {
    width: 100%;
    padding: 4px 0;
    height: 22px
}

.hotreslist li a {
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 149px;
    display: inline-block;
    line-height: 16px
}
.hotreslist li a:hover{color: #3d95d5}

.hotresbox .more {
    display: block;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    text-decoration: none;
    margin-top: 5px;
    background: #e8e8e8;
    box-shadow: 0 2px 0 #d8d8d8;
    border-radius: 6px
}

.hotresbox .more:hover {
    background: #8ccfff;
    box-shadow: 0 2px 0 #3d95d5
}

.hotreswrap.s02 .hotresbox {
    width: 215px;
    padding: 0 12px
}
.space_tit{height:30px; font:normal 20px/30px "microsoft yahei"; display:block; color:#222; padding:5px 3px; border-bottom:2px solid #e0e0e0}
.space_tit{ font:normal 16px/30px "microsoft yahei";}
.space_tit a.more{ font-size:14px;}
.space_tit .tab_tit{ font:14px/2em "microsoft yahei"; margin-left:8px; color:#e2e2e2; display:inline-block; vertical-align:top; padding: 5px 0;}
.space_tit .tab_tit a{ font:14px/2em "microsoft yahei"; height:28px; font-size:14px; display:inline-block; padding:0px 9px; margin:0px 8px; color:#888;}
.space_tit .tab_tit a:hover,.space_tit .tab_tit a.on{ background:#3d95d5; color:#fff; text-decoration:none;}

.xy_ullist{ height:300px; overflow:hidden; padding-left:15px;}
.xy_ullist li{ float:left; width:33.3%;line-height:200%;margin:14px 0;}
.xy_ullist li>a{ position:relative; float:left;}
.xy_ullist li img{ width:72px; height:72px;}
.xy_ullist li div{float:left;width:120px;margin-left:10px;}
.xy_ullist li strong,.xy_ullist li strong a{font-size:14px;color:#555;}
.xy_ullist li em,.xy_ullist li i{color:#888;}

.xy_roll_wrap {/* width:250px;*/ height:289px; position:relative; overflow:hidden; margin: 11px 10px 0 10px;}
.xy_roll {/* width:250px;*/ position:absolute; left:0; top:0; }
.xy_spacedt li{border-bottom:1px solid #e4e4e4;padding-bottom:7px;margin-bottom:10px;}
.kq_top{ position:relative;}
.kq_top a.img{ position:absolute; top:0; left:0;}
.kq_top a.img,.kq_top a.img img{ width:34px; height:34px;}
.kq_top dl{ padding-left:44px;}
.kq_top dl dt,.kq_top dl dd{ float:none; line-height:17px;}
.kq_top dl dt span{ float:right; color:#888;}
.kq_top dl dd{padding:0;}
/*社区空间 end*/
/*学校空间 begin*/
.kq_schlist{ height:300px; overflow:hidden;}
.kq_schlist li{ float:left; width:25%; height:150px; text-align:center;}
.kq_schlist li a img{ height:74px; width:74px;padding-top:20px;}
.kq_schlist li a p{ font-size:14px; line-height:24px; color: #555;}
/*学校空间 end*/
/*排名 begin*/
.sortcontainer{ width:100%; margin-bottom:20px;}
.sortwrap{ margin-left:-10px;}
.sortwrap .sortbox{ width:292px; float:left; margin-left:10px;}
.sortwrap .sortbox h4.sorttit{ font-size:16px; font-weight:normal; color:#fff; background:url(/uploads/image/bcta1iindex_zb/tit_ico.png) no-repeat; line-height:24px; padding:8px 0 8px 45px;}
.sortwrap .sortbox.schsortcon h4.sorttit{ background-position: 15px 10px; background-color:#8ed2db;}
.sortwrap .sortbox h4.sorttit a{ font-size: 12px; color: #fff; margin-right: 10px; }
.sortwrap .sortbox.teasortcon h4.sorttit{ background-position: 15px -35px; background-color:#fdc593;}
.sortwrap .sortbox .sortlist{border:1px solid #d8d8d8; border-top:0; background:#fff; }
.sortwrap .sortbox .sortlist li{ height:50px; line-height:50px; overflow: hidden;}
.sortwrap .sortbox .sortlist li em,.sortwrap .sortbox .sortlist li a,.sortwrap .sortbox .sortlist li span,.sortwrap .sortbox .sortlist li i{ float: left;}
.sortwrap .sortbox .sortlist li em{ width:40px; overflow:hidden; height: 50px; text-overflow:ellipsis;white-space: nowrap; text-align: center; background: url(/uploads/image/bcta1iindex_zb/sort_num.png) no-repeat; color: #fff;}
.sortwrap .sortbox .sortlist li em.num1{ background-position: center 15px;}
.sortwrap .sortbox .sortlist li em.num2{ background-position: center -30px;}
.sortwrap .sortbox .sortlist li em.num3{ background-position: center -75px;}
.sortwrap .sortbox .sortlist li em.num4{ background-position: center -165px;}
.sortwrap .sortbox .sortlist li em.num{ background-position: center -120px;}

.sortwrap .sortbox .sortlist li>a{ width:60px; overflow:hidden; height: 50px; text-overflow:ellipsis;white-space: nowrap; color: #222;}
.sortwrap .sortbox .sortlist li span{ width:125px; overflow:hidden; height: 50px; text-overflow:ellipsis;white-space: nowrap;}
.sortwrap .sortbox .sortlist li span a{ color: #888; width: 100%; overflow:hidden; height:100%; text-overflow:ellipsis;white-space: nowrap;}
.sortwrap .sortbox .sortlist li span a:hover{color: #3d95d5}
.sortwrap .sortbox .sortlist li i{ width:50px; overflow:hidden; height: 50px; text-overflow:ellipsis;white-space: nowrap; color: #888;text-align: right; }
.sortwrap .sortbox .sortlist.schlist span{ width:190px;}
.kq_footerwrap{ background-color: #ececec;}
.kq_footercon{width: 1200px;margin:0 auto; padding:16px 0;}
.kq_footercon p{ line-height: 24px;}
.kq_footercon p a.red{ color: #ff0000; font-weight: bold;}
/*排名 end*/

/*活跃度排行 star*/
.nb_echart{margin-bottom: 20px;}
.nb_echart .rankcont .zhxlgc_ds_tipswp{position: relative;}
.nb_echart .rankcont .zhxlgc_ds_tipswp .linkmore{position: absolute;right: 0px;}
.nb_echart .site_tabtit li {float: left;height: 36px;line-height: 36px;border-bottom: 6px solid transparent;margin-top: 3px;padding: 0px 15px;margin-left: 20px;}
.nb_echart .site_tabtit li.on{border-bottom: 6px solid #3d95d5;}
.nb_echart .site_tabtit li a{font-size: 12px;color: #222;}
.nb_echart .site_tabtit{height: 44px;border-bottom: 2px solid #ccc;}
.nb_echart .site_tabtit p{font-size: 18px;color: #222;line-height: 44px;}
.nb_echart .zhxlgc_ds_tipswarp{overflow: hidden;margin-top: 27px;margin-left: -7px;margin-bottom: 20px;}
.nb_echart .zhxlgc_ds_tips{margin-left: 27px;}
.nb_echart .zhxlgc_ds_tips i{margin-right: 6px;width: 14px;display: inline-block;vertical-align: middle;  height: 8px;background-color: rgba(136, 136, 136, 1);  border-radius: 2px 2px 2px 2px;}
.nb_echart .zhxlgc_ds_tips.on i{background-color: rgba(102, 203, 255, 1);}
.nb_echart .zhxlgc_ds_tips span{display: inline-block;vertical-align: middle;font-size: 12px;color: #888888}
.nb_echart .zhxlgc_ds_tips.on span{display: inline-block;vertical-align: middle;font-size: 12px;color: #66cbff}
/*活跃度排行 end*/

/* 友情链接 */
.yx_schshow3{ margin:22px 0px 12px ;}
.yx_schshow3 li{float:left;width:180px;margin-left:17px; margin-bottom: 10px;}
.yx_schshow3 li a{ display:block; color: #222;}
.yx_schshow3 li:hover a{color: #3d95d5}
.yx_schshow3 li img{width: 178px;height: 78px;display:block;margin:0 auto; border: 1px solid #ccc;}
.yx_schshow3 li p{ text-align:center;  margin-top: 4px;}

.u_mtit2 a.u_more_link {background: url(/uploads/image/bcta1iindex_zb/more.png) no-repeat right center;}
.u_mtit2 a.u_more_link:hover{background: url(/uploads/image/bcta1iindex_zb/more.png) no-repeat right center;}


/*区域排行和活跃度 s*/
/*排行榜 begin*/
.ni_g_m_rank.m_rank{ padding: 28px 0px 28px 0px; position: relative; z-index: 0;}
.ni_g_m_rank.m_rank .site_tabtit li i{ background:  no-repeat left top;}
.ni_g_m_rank.m_rank .site_tabtit li.on i{ display: block;}
.ni_g_m_rank.m_rank .site_tabtit li.on a{ color: #0882e3;}
.ni_g_m_rank.m_rank .rankcont{ position: relative; }
/* .ni_g_m_rank.m_rank .more{ position: absolute; z-index: 20; right: 0px; top: 30px; font-size: 14px; color: #606060; text-decoration: none; background:  no-repeat 80% center;padding-right: 20px;color: #309aeb;} */
/* .ni_g_m_rank.m_rank .more:hover{ color:#309aeb; } */
.ni_g_m_rank.m_rank .hotschool_rank{ height: 100%; overflow: hidden; zoom:1; }
/* .ni_g_m_rank.m_rank .hotschool_rank ul{ margin-top: -42px;} */
.ni_g_m_rank.m_rank .hotschool_rank li{ float: left; width: 213px; height: 72px; position: relative; padding-left: 87px; margin-top: 42px; overflow: hidden; zoom:1;}
.ni_g_m_rank.m_rank .hotschool_rank .photo{ width: 72px; height: 72px; /* border-radius: 36px; */ overflow: hidden; zoom:1; position: absolute; top: 0px; left: 0px;border-radius: 50%;overflow: hidden;}
.ni_g_m_rank.m_rank .hotschool_rank .name{ font-size: 20px; font-weight: normal; line-height: 28px;}
.ni_g_m_rank.m_rank .hotschool_rank .name a{ color: #555;}
.ni_g_m_rank.m_rank .hotschool_rank .name a:hover{ text-decoration: none; color: #309aeb;}
.ni_g_m_rank.m_rank .hotschool_rank .room{ font-size: 16px; color: #9b9b9b; line-height: 100%; margin-top: 10px;}
.ni_g_m_rank.m_rank .hotschool_rank .form{ font-size: 14px; color: #9b9b9b; line-height: 100%; margin-top: 8px;}
.ni_g_m_rank.m_rank .hotschool_rank li.site_more{ padding-left: 0px;width: 300px; line-height: 72px;}

.ni_g_m_rank .site_tabtit{ width: 298px; margin-top: 20px;}
.ni_g_m_rank .site_tabtit li{ height: 45px; padding-left: 88px; font-size: 24px; line-height: 100%; position: relative;}
.ni_g_m_rank .site_tabtit li a{ color: #8cacc5; text-decoration: none;}
.ni_g_m_rank .site_tabtit li i{ position: absolute; display: none; top: -23px; left: 0px; width: 72px; height: 72px; border-radius: 36px; overflow: hidden; zoom:1;}
.ni_g_m_rank .site_tabtit li.on{ font-size: 30px; margin-top: -6px;}
.ni_g_m_rank .site_tabtit li.on i{ display: block;}

.ni_g_m_rank .site_more{ font-size: 20px; opacity: 1; filter:alpha(opacity=0); transition: all 0.3s; -webkit-transition: all 0.3s; }
.ni_g_m_rank .site_more a{ color: #309aeb; background:  no-repeat right center; padding-right: 26px; text-decoration: none;}
.ni_g_m_rank .g_homerig{
  padding: 30px 0;
  height: 368px;
}
/* .ni_g_m_rank .g_homerig{ width: 900px;} */

.ni_g_m_rank.m_rank .hotschool_rank .name a{color: #476260;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.ni_g_m_rank.m_rank .hotschool_rank .name .b_txt{color: #999;font-size: 16px;}
.ni_g_m_rank.m_rank .hotschool_rank .ni_dq{font-size: 18px;color: #7d8f8e;}
/* .ni_g_m_rank .more{padding: 0 10px;border-radius: 30px;height: 30px;line-height: 30px;}
.ni_g_m_rank .more:hover{background-color: #c1f2ee;}
.ni_g_m_rank .site_more .more{padding: 0 20px 0 10;;right: auto;left: 0;} */


.ni_g_m_rank.m_rank .hotschool_rank li{padding-right: 30px;width: 260px;}
.ni_g_m_rank.m_rank .hotschool_rank li.site_more{width: 270px;float: left;}

.ni_g_m_rank.m_rank .hotschool_rank li.site_more .more{margin-top: 21px;background:  no-repeat right center;    padding-right: 26px;color: #309aeb;font-size: 20px;}


/*区域排行和活跃度 e*/
/* 2019-01-02  新增样式 */

.zhxlgc_ds_tips20190102 .zhxlgc_ds_tips{font-size: 14px;margin-right: 40px;color:#878988 }
.zhxlgc_ds_tips20190102 .zhxlgc_ds_tips:hover,.zhxlgc_ds_tips20190102 .zhxlgc_ds_tips.on{color: #43acff;}
.zhxlgc_ds_tips20190102 .zhxlgc_ds_tips:hover i,.zhxlgc_ds_tips20190102 .zhxlgc_ds_tips.on i{background-color: #43acff;}
.zhxlgc_ds_tips20190102 .zhxlgc_ds_tips i{width: 14px;height: 8px;vertical-align: middle;background-color: #b4d3d1;display: inline-block;border-radius: 2px;margin-right: 6px;}
.zhxlgc_ds_tips20190102 .zhxlgc_ds_tips span{vertical-align: middle;}