﻿@charset "utf-8";
/* CSS Document */
/*topbar*/
#screenScroll .pos_rel{ position:inherit;}
body{ background:#fff; min-width:1200px;}
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}

/*banner*/
.m-banner{ height:499px; width:100%; min-width:1200px; position:relative; overflow:hidden; zoom:1;}
.m-banner .w1200{ height:499px; position:relative;}
.m-banner ul{ width:100%; height:499px; background:url(../images/w_hjy/loading.gif) no-repeat center center;}
.m-banner li{ position:absolute; top:0px; left:0px; width:100%; height:499px; display:none;}
.m-banner .banner-li1{ background:url(../images/w_hjy/banner/banner1.jpg) no-repeat center center;}
.m-banner .banner-li2{ background:url(../images/w_hjy/banner/banner2.jpg) no-repeat center center;}
.m-banner .banner-li3{ background:url(../images/w_hjy/banner/banner3.jpg) no-repeat center center;}
.m-banner .banner-li4{ background:url(../images/w_hjy/banner/banner4.jpg) no-repeat center center;}
.m-banner .banner-li5{ background:#e9f8ff;}

.m-banner li p{ opacity:0;opacity:1\9;}
.m-banner .li1-1{ top:83px; left:-100px; position:absolute; background:url(../images/w_hjy/banner/banner1_1.png) no-repeat left top; width:413px; height:416px;}
.m-banner .li1-2{ top:0; left:200px; position:absolute; background:url(../images/w_hjy/banner/banner1_2.png) no-repeat left top; width:535px; height:377px;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s;}
.m-banner .li1-3{ top:83px; left:720px; position:absolute; background:url(../images/w_hjy/banner/banner1_3.png) no-repeat left top; width:456px; height:315px;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;animation-delay:1.5s;}
.m-banner .li1-4{ top:56px; left:880px; position:absolute; background:url(../images/w_hjy/banner/banner1_4.png) no-repeat left top; width:456px; height:315px;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;animation-delay:1.5s;}
.m-banner .li1-5{ top:107px; left:1035px; position:absolute; background:url(../images/w_hjy/banner/banner1_5.png) no-repeat left top; width:456px; height:315px;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;animation-delay:1.5s;}
.m-banner .li1-6{ top:160px; left:753px; position:absolute; background:url(../images/w_hjy/banner/banner1_6.png) no-repeat left top; width:509px; height:298px;}

.m-banner .li2-1{ top:64px; left:83px; position:absolute; background:url(../images/w_hjy/banner/banner2_1.png) no-repeat left top; width:467px; height:449px;}
.m-banner .li2-2{ top:32px; left:657px; position:absolute; background:url(../images/w_hjy/banner/banner2_3.png) no-repeat left top; width:642px; height:365px;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s;}

.m-banner .li3-1{ top:55px; left:150px; position:absolute; background:url(../images/w_hjy/banner/banner3_1.png) no-repeat left top; width:440px; height:249px;}
.m-banner .li3-2{ top:56px; left:672px; position:absolute; background:url(../images/w_hjy/banner/banner3_2.png) no-repeat left top; width:422px; height:342px;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s;}

.m-banner .li4-1{ top:48px; left:41px; position:absolute; background:url(../images/w_hjy/banner/banner4_1.png) no-repeat left top; width:494px; height:152px; z-index:1;}
.m-banner .li4-2{ top:208px; left:54px; position:absolute; background:url(../images/w_hjy/banner/banner4_2.png) no-repeat left top; width:359px; height:212px; z-index:2;}
.m-banner .li4-3{ top:9px; left:544px; position:absolute; background:url(../images/w_hjy/banner/banner4_3.png) no-repeat left top; width:710px; height:400px; z-index:2;}

.m-banner .li5-1{ top:31px; left:309px; position:absolute; background:url(../images/w_hjy/banner/banner5_1.png) no-repeat left top; width:545px; height:101px; z-index:2;}
.m-banner .li5-2{ top:0; left:0px; position:absolute; background:url(../images/w_hjy/banner/banner5_2.png) no-repeat left top; width:1200px; height:499px; z-index:1;}

.m-banner .page{ position:absolute; bottom:13px; left:0px; text-align:center; height:25px; width:100%; z-index:20; background:none;}
.m-banner .page li{ display:inline-block; width:12px; height:12px; background:#fff; border-radius:6px; position:static; margin:0 4px; cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease; opacity:0.5;}
.m-banner .page li.active{ opacity:1;}
.m-banner .banner_btn{ display:none;}
.m-banner .pre-btn{  position:absolute; top:209px; left:30px; width:48px; height:48px; z-index:21; }
.m-banner .pre-btn i{background:url(../images/w_hjy/banner/banner_btnl.png) no-repeat center center; display:block; width:100%; height:100%;}
.m-banner .pre-btn:hover i{background:url(../images/w_hjy/banner/banner_btnl1.png) no-repeat center center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.m-banner .next-btn{ position:absolute; top:209px; right:30px; width:48px; height:48px; z-index:21;}
.m-banner .next-btn i{background:url(../images/w_hjy/banner/banner_btnr.png) no-repeat center center; display:block; width:100%; height:100%;}
.m-banner .next-btn:hover i{background:url(../images/w_hjy/banner/banner_btnr1.png) no-repeat center center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}

.m-banner .py_banner3{ width:1223px; height:100%; background:url(../images/w_hjy/banner/banner3.png) no-repeat center center; position:absolute; left:50%; margin-left:-611px; top:0;}
.m-banner .py_banner4{ width:100%; height:100%; background:url(../images/w_hjy/banner/banner4.png) no-repeat center center;}

/*首页第一屏*/
.who_am_i{ background: url(../images/w_hjy/amibg.png) repeat-x; height:264px; margin-top:-114px; position:relative; z-index:21;overflow:hidden;}
.who_am_i ul li{ float:left; width:300px; height:264px; text-align:center; position:relative; opacity:0;opacity:1\9;}
.who_am_i ul li.li2{animation-delay:0.8s;}
.who_am_i ul li.li3{animation-delay:0.8s;}
.who_am_i ul li a{ display:block; width:100%; height:264px;}
.who_am_i ul li a:hover{ background:#289efb;  position:absolute; bottom:0; left:0;box-shadow:0 0 14px #1c7dcb;}
.who_am_i ul li em,.who_am_i ul li span{ display:block;}
.who_am_i ul li em{ padding-top:62px;}
.who_am_i ul li span{ padding-top:20px; font-size:24px;}
.who_am_i ul li p{ padding-top:20px; color:#c3e4ff; font-size:14px;}
.who_am_i ul li a{ color:#fff;}
.who_am_i ul li a:hover{ text-decoration:none;}

/*首页第二屏*/
.w_service{height:710px; position:relative;}
.w_service .w_tit{padding-top:55px; overflow:hidden; zoom:1;}
.w_service .w_tit h2{ color:#222; font-size:40px; text-align:center;  height:60px; font-weight:normal;  opacity:0;opacity:1\9;*padding-left:240px;}
.w_service .w_tit h2 span{ display:inline-block; line-height:50px; height:50px; vertical-align:bottom; padding-bottom:5px; *float:left; *padding:5px 5px 0 5px;}
.w_service .w_tit .u_h3title .nummber{display:inline-block;opacity:0;*opacity:1\9; vertical-align:bottom;font-size:60px;font-size:60px; line-height:60px; font-family:Arial; color:#29a0ff;*float:left;}
.w_service .w_tit .u_h3title p{ display:inline-block;*float:left;}
.w_service .w_tit .u_h3title ul{ overflow:hidden; height:60px; display:inline-block;vertical-align: bottom; *float:left;}
.w_service .w_tit .u_h3title ul li{ float:left; width:34px; height:60px; position:relative; overflow:hidden; font-size:60px; line-height:60px; font-family:Arial;color:#29a0ff;}
.w_service .w_tit .u_h3title ul li .numbox{ position:absolute; top:0px; left:0px;}
.w_service .w_tit .u_h3title ul li .numbox p{ width:34px; height:60px; display:block; float:left;}

.w_service .w_tit .other_p{ color:#666; font-size:22px; line-height:22px; text-align:center; padding-top:15px;animation-delay:1s;opacity:0; opacity:1\9;}
.w_service .w_cont{ position: absolute; top:0; left:0px; z-index:2;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s;}
.w_service .w_cont ul li{ width:140px; text-align:center; color:#555555;opacity:0;opacity:1\9;}
.w_service .w_cont ul li:hover i{animation:y-ain 1s 0s linear;-webkit-animation:y-ain 1s 0s linear;}
@keyframes y-ain{
0%{transform: perspective(800px) rotateY(0deg);}
25%{transform: perspective(800px) rotateY(40deg);}
50%{transform: perspective(800px) rotateY(0deg);}
75%{transform: perspective(800px) rotateY(-40deg);}
100%{transform: perspective(800px) rotateY(0deg);}
}
@-webkit-keyframes y-ain{
0%{-webkit-transform: perspective(800px) rotateY(0deg);}
25%{-webkit-transform: perspective(800px) rotateY(40deg);}
50%{-webkit-transform: perspective(800px) rotateY(0deg);}
75%{-webkit-transform: perspective(800px) rotateY(-40deg);}
100%{-webkit-transform: perspective(800px) rotateY(0deg);}
}
.w_service .w_cont ul li.li1{ position:absolute; top:348px; left:60px;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;}
.w_service .w_cont ul li.li2{ position:absolute; top:221px; left:260px;animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;}
.w_service .w_cont ul li.li3{ position:absolute; top:180px; left:523px; animation-delay:2s;-webkit-animation-delay:2s;-moz-animation-delay:2s;-ms-animation-delay:2s;}
.w_service .w_cont ul li.li4{ position:absolute; top:221px; left:818px;animation-delay:2.5s;-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-ms-animation-delay:2.5s;}
.w_service .w_cont ul li.li5{ position:absolute; top:348px; left:1005px; animation-delay:3s;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;}
.w_service .w_cont ul li span{display:block; font-size:18px; color:#555555; padding-bottom:15px;}
.w_service .bot_img{width:100%; height:288px; background:url(../images/w_hjy/serviceimg1.jpg) no-repeat center 110px; position:relative;  z-index:1;opacity:0; opacity:1\9; padding-top:110px;}

.w_service .w_btn{ text-align:center; padding-top:20px;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s; opacity:0;opacity:1\9;}
.w_service .w_btn a{ display:inline-block; color:#fff; background:#0882e3; height:66px; line-height:66px; padding:0 68px; font-size:27px; border-radius:10px;}
.w_service .w_btn a:hover{ text-decoration:none; background:#0877d1;}

/*首页第三屏*/
.row3-rect{ width:100%; background: url(../images/w_hjy/ecology.jpg) no-repeat top center; height:630px;}
.w_ecology{height:630px; position:relative; overflow:hidden;}
.w_ecology .w_tit{padding-top:48px;}
.w_ecology .w_tit h2{ color:#222; font-size:42px; line-height:42px; font-weight:normal; text-align:center; opacity:0;opacity:1\9;}
.w_ecology .w_tit p{ color:#454545; font-size:18px; line-height:30px; text-align:center; padding-top:12px;animation-delay:1s;opacity:0;opacity:1\9;}
.w_ecology .w_cont{ position: absolute; top:48px; left:0px; z-index:2;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;animation-delay:.5s;}
.w_ecology ul li{  text-align:center; color:#555555;}
.w_ecology ul li.li1{ position:absolute; top:207px; left:89px;-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;}
.w_ecology ul li.li2{ position:absolute; top:164px; left:367px;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-ms-animation-delay:1.6s;}
.w_ecology ul li.li3{ position:absolute; top:214px; left:645px;-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-ms-animation-delay:2.2s;}
.w_ecology ul li.li4{ position:absolute; top:156px; left:915px;-webkit-animation-delay:2.8s;-moz-animation-delay:2.8s;-ms-animation-delay:2.8s;}
.w_ecology ul li span{display:block; font-size:18px; color:#555555; padding-bottom:15px;}

.w_ecology .w_btn{ text-align:center; padding-top:300px;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s;opacity:0;opacity:1\9;}
.w_ecology .w_btn a{ display:inline-block; color:#fff; background:#2dd2c1; height:66px; line-height:66px; padding:0 68px; font-size:27px; border-radius:10px;}
.w_ecology .w_btn a:hover{ text-decoration:none; background:#00b890;}


/*****************************/
/*申请开通_智慧校园0602*/
.w_apply_open{ background:url(../images/w_hjy/apply_img1_1.jpg) no-repeat top center; height:615px; }
.w_apply_open .w1200{ position:relative; background:url(../images/w_hjy/apply_img1_1.jpg) no-repeat top center; height:615px; }
.w_apply_open1{ background:url(../images/w_hjy/apply_img1.jpg) no-repeat top center; height:615px; }
.w_apply_open1 .w1200{ position:relative; background:url(../images/w_hjy/apply_img1.jpg) no-repeat top center; height:615px; }
.w_l_apply{ float:left; width:614px; padding-top:54px;}
.w_l_apply h2{ color:#939191; font-size:26px; font-weight:normal; padding-left:10px;}
.w_l_apply h2 span{ color:#309aeb; padding-left:10px;}
.w_l_apply .write_cont{ background: url(../images/w_hjy/apply_contbg.png) repeat; margin-top:20px; padding:30px 48px; box-shadow: 0 0 15px #e1e1e1; height:407px; }
.w_l_apply .write_cont ul li{ float:left; width:100%; padding-bottom:18px;}
.w_l_apply .write_cont ul li.w_first{ padding:0;}
.w_l_apply .write_cont ul li label.name{float: left;width:100px;line-height: 30px;font-size:14px;}
.w_l_apply .write_cont ul li .li-r{ float:left; width:400px;}
.w_l_apply .write_cont ul li .li-r .qjf_seleautodiv{ float:left; margin:0 12px 18px 0; }
.w_l_apply .write_cont ul li .def_inp{ float:left;}
.w_l_apply .write_cont ul li .w_code{ float:left; width:132px; text-align:center; border:1px solid #309aeb; color:#288add; line-height:28px; border-radius:3px; margin-left:18px; cursor:pointer; font-size:14px;}
.w_l_apply .write_cont ul li .re_send{ float:left; display:none; width:132px; text-align:center; line-height:30px; border-radius:3px; margin-left:18px; font-size:14px; background:#ececec;}
.w_l_apply .write_cont .w_btn{  padding:15px 0 0 95px;}
.w_l_apply .write_cont .w_btn a{ display:inline-block;text-align:center; width:110px; height:30px; line-height:30px; color:#222; font-size:16px; background:#fff; border:1px solid #d7d7d7; margin:0 5px; border-radius:3px;}
.w_l_apply .write_cont .w_btn a.w_submit{ background:#309aeb; border:1px solid #3078ed; color:#fff;}
.w_l_apply .write_cont .w_btn a:hover{ text-decoration:none; background:#ececec; border:1px solid #d7d7d7;}
.w_l_apply .write_cont .w_btn a.w_submit:hover{ background:#238fe2; border:1px solid #3079ed;}

.w_r_apply{  top:98px; right:0; position: absolute; width:601px; height:497px; }
.w_r_apply ul li{ width:150px; position:absolute; text-align:center; font-size:17px;}
.w_r_apply ul li.li1{top:32px; left:152px;color:#18c27c;}
.w_r_apply ul li.li2{top:207px; left:130px; color:#ff54cb;}
.w_r_apply ul li.li3{top:160px; left:310px; color:#ff621d;}
.w_r_apply ul li.li4{top:32px; left:445px; color:#3c85f0;}
.w_r_apply ul li.li5{top:322px; left:342px; color:#03cedc;}
.w_r_apply ul li span{ display:block;  padding-top:10px;} 

/*gs banner新增一个标签项 S*/
.gs_bannerTag{position:absolute;width:186px;height:164px;background:rgba(255,255,255,0.9);bottom:0;right:15px;z-index:100;padding:31px 10px 0px 14px;}
.gs_bannerTag ul li{margin-bottom:32px;}
.gs_bannerTag ul li img{height:50px;width:50px;border-radius:50%;float:left;}
.gs_bannerTag ul li .text{float:left;margin-left:10px;font-size:14px;color:#555;}
.gs_bannerTag ul li .text p{height:23px;line-height:23px;}
.gs_bannerTag ul li .text p span{margin:0 5px;font-size:24px;}
.c_81d2ff{color:#81d2ff;}
.c_6ee7c6{color:#6ee7c6;}
/*gs banner新增一个标签项 E*/


/*申请开通_智慧校园_核实0602*/
.w_verify{ width:830px; margin:0 auto; text-align:center; }
.w_verify h3{ display:inline-block; color:#222; font-size:40px; line-height:40px; text-align:center; font-weight:normal; padding:0 26px; margin-top:140px; background: url(../images/w_hjy/apply_hbg.gif) repeat-x; position:relative;}
.w_verify  .cont{ text-align:center; padding:60px 30px 50px 30px; border:3px solid #55c4ff; border-radius:10px; margin-top:-22px; background:#ebf9ff;}
.w_verify  .cont p{ color:#52b600; font-size:20px;}
.w_verify  .cont span{ display:block; color:#888888; padding-top:18px; font-size:14px;}

/*申请开通_智慧校园_完成0602*/
.w_l_apply .info_cont{ background: url(../images/w_hjy/apply_contbg.png) repeat; margin-top:20px; padding:30px 48px; box-shadow: 0 0 10px #dce0e3; height:407px;}
.w_l_apply .info_cont h3{ font-size:26px; line-height:26px; border-bottom:1px solid #c0c0c0; text-align:center; padding:15px 0 25px 0; color:#222; font-weight:normal;}
.w_l_apply .info_cont ul{ margin-top:35px; padding:0 30px;}
.w_l_apply .info_cont ul li{ float:left; width:100%; padding-bottom:20px;}
.w_l_apply .info_cont ul li label.name{float: left;width:100px;line-height:30px;font-size:14px;}
.w_l_apply .info_cont ul li .li-r{ float:left; width:340px; line-height:30px; font-size:16px; color:#222;}
.w_l_apply .info_cont .w_btn{ text-align:center; padding:15px 0;}
.w_l_apply .info_cont .w_btn a{ display:inline-block; width:110px; height:30px; line-height:30px; color:#222; font-size:16px; background:#fff; border:1px solid #d7d7d7; margin:0 5px; border-radius:3px;}
.w_l_apply .info_cont .w_btn a.w_submit{ background:#309aeb; border:1px solid #3078ed; color:#fff;}
.w_l_apply .info_cont .w_btn a:hover{ text-decoration:none; background:#ececec; border:1px solid #d7d7d7;}
.w_l_apply .info_cont .w_btn a.w_submit:hover{ background:#238fe2; border:1px solid #3079ed;}


/*申请开通_区域&#51;&#54;&#53;&#32;&#77;&#101;&#116;&#101;&#110;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#23448;&#26041;&#20307;&#32946;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#97;&#115;&#105;&#97;云0602*/
.w_apply_area{background:url(../images/w_hjy/apply_img2.jpg) no-repeat top center;}
.w_apply_area .w1200{ position:relative; background:url(../images/w_hjy/apply_img2.jpg) no-repeat top center; height:615px;}
.w_apply_area .w_l_apply .write_cont{ height:317px; padding:50px 48px;}

.w_apply_area .w_r_apply{ top:80px; right:0; position: absolute; width:462px; height:422px; background:none;}
.w_apply_area .w_r_apply ul li{ width:auto;}
.w_apply_area .w_r_apply ul li.li1{top:0; left:30px;}
.w_apply_area .w_r_apply ul li.li2{top:177px; left:0px;}
.w_apply_area .w_r_apply ul li.li3{top:22px; left:278px; }
.w_apply_area .w_r_apply ul li.li4{top:288px; left:218px;}

.w_apply_area .w_l_apply .info_cont{ height:375px;}


/*****************************/
/*慧教云门户应用*/
.second_body{background:#f9f9f9;}
/*应用列表顶部*/
.second-nav-wrap{ background:#309aeb; height: 56px; line-height: 56px; box-shadow: 0 2px 0 0 #f2f2f2; font-size: 16px; clear:both;}
.second-nav-wrap .l_nav .i-ico{margin-right: 10px; position: relative; top: -2px;}
.second-nav-wrap .l_nav a{ float:left; padding: 0 28px; height: 56px; color: #fff;}
.second-nav-wrap .l_nav a:hover, .second-nav-wrap .l_nav a.active{text-decoration: none; background:#248dde;}
.second-nav-wrap .r_search{height: 26px; width: 174px; background: #fff; float: left; margin: 15px 3px 0px 0; overflow: hidden; border-radius: 13px; overflow: hidden; }
.second-nav-wrap .r_search .topSch-inp{border: 0; height: 24px; line-height: 24px; background: none; float: left; padding-left:10px; width: 130px; color: #555;}
.second-nav-wrap .r_search .topSch-btn{border: 0; float: right; width: 26px; height: 26px; background: url(../images/w_hjy/search_btn.png) no-repeat center center; cursor: pointer; margin-right:5px;}

/*应用列表*/
.app-content{ background:#fff; padding:5px 0 20px 0;}
.bg-white{background-color: #fff; padding: 15px;}
.bg-white.pd0{ padding:0;}

.order-nav{border-bottom: 1px solid #d0d0d0; line-height: 42px; font-size: 14px;}
.order-nav a{display: inline-block; padding: 0 25px; margin:0 10px; border-bottom: 1px solid transparent; color: #555;}
.order-nav a.active, .order-nav a:hover{text-decoration: none; border-color: #288add; color: #288add;}
.order-nav a.active i.icon-1, .order-nav a:hover i.icon-1{background-position: -50px 0px;}
.order-nav a.active i.icon-2, .order-nav a:hover i.icon-2{background-position: -50px -50px;}
.order-nav a.active i.icon-3, .order-nav a:hover i.icon-3{background-position: -50px -100px;}
.order-nav a.active i.icon-4, .order-nav a:hover i.icon-4{background-position: -50px -150px;}
.order-nav a.active i.icon-5, .order-nav a:hover i.icon-5{background-position: -50px -200px;}
.order-nav i{display: inline-block; width: 19px; height: 19px; margin-right: 5px; background: url("../images/w_hjy/icon/icon-2.png") no-repeat; vertical-align: middle;}
.order-nav i.icon-1{background-position: 0 0px;}
.order-nav i.icon-2{background-position: 0 -50px;}
.order-nav i.icon-3{background-position: 0 -100px;}
.order-nav i.icon-4{background-position: 0 -150px;}
.order-nav i.icon-5{background-position: 0 -200px;}
.order-nav span em{ color:#309aeb; padding:0 5px;}

/*国、省、校颜色*/
.area-icon, .app-list .app-info h3 i{display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; line-height: 20px; padding: 0 6px; border-radius: 0 5px 5px 0; background-color: #ffd257; margin-left: 5px; position: relative; top: -2px;}
.area-icon.a-red, .app-list .app-info h3 i.a-red{background-color: #f89592;}
.area-icon.a-orange, .app-list .app-info h3 i.a-orange{background-color: #ffb794;}
.area-icon.a-green, .app-list .app-info h3 i.a-green{background-color: #93dba8;}
.area-icon.a-blue, .app-list .app-info h3 i.a-blue{background-color: #8fe8ff;}
.app-listing h3 .area-icon, .app-listing .app-list .app-info h3 i, .app-list .app-info .app-listing h3 i{margin-left: 10px;}

.app-listing{width:1200px;overflow:hidden; color:#888; }
.app-listing li{float: left; width:340px;/*height:124px;去掉简介*/height:80px;padding:30px; border: 1px solid #eeeeee; border-right:0; margin:-1px 0 0 -1px; background:#fff; overflow: hidden;}
.app-listing .top{position: relative;}
.app-listing .top h3{font-weight: normal; font-size: 18px; line-height: 26px; margin-bottom: 5px;}
.app-listing .top h3 a{color: #222;}
.app-listing .top img{float: left; margin-right: 12px; width:72px; height:72px;}
.app-listing .top .time{margin-right: 20px;}
.app-listing .top .collect-btn{position: absolute; right: 0; top: 0px; color:#888888; background:url(../images/w_hjy/icon/add_icon.png) no-repeat left center; padding-left:15px; line-height:24px; font-size:14px;}
.app-listing .top .open-btn{position: absolute; right: 0; top: 0px; color:#309aeb;  padding-left:15px; line-height:24px; font-size:14px;}
.app-listing .brief{margin-top: 10px; display:none;}
.app-listing .grade_outer2{display: inline-block; margin-right: 17px;}


/*应用详情*/
/*左侧*/
.l-sidebar{width: 225px; float: left; padding:0px 10px 0px 15px;}
.title-2{border-bottom: 1px solid #ececec; color: #222; font-size: 20px; font-weight: normal; padding: 10px 0 0 10px; line-height: 35px;}
.btn-blue, .btn-gray{display: inline-block; padding: 0 10px; border: 1px solid #309aeb; background-color: #d8edff; color: #288add; font-size: 14px; line-height: 26px; height: 26px; cursor: pointer; border-radius: 5px; margin-right:10px;}
.btn-blue:hover, .btn-gray:hover{text-decoration: none; background-color: #b8d9f5;}
.btn-gray{border-color: #f2f2f2; background-color: #fff; color: #888;}
.btn-gray:hover{background-color: #f2f2f2;}
.app-details-info{color: #555; padding-left:10px;}
.app-details-info li{line-height: 30px; font-size: 14px;}
.app-details-info .app-info-t{color: #222;}
.app-details-info .grade_wrap{display: inline-block;}

/*右侧*/
.l-content{width: 880px; float: right; padding-right:10px;}
/*应用介绍*/
.app-title{padding-top: 10px; line-height: 30px;}
.app-title-line{border-bottom: 1px solid #ececec;}
.app-title .title-text{display: inline-block; font-size: 24px; color: #288add; border-bottom: 1px solid #288add; margin-left: 20px; padding: 0 2px 4px;}
.app-introduce{font-size: 14px; margin: 20px 0;}
.app-introduce p{word-break: break-all;}

/*相册切换*/
.pic-wrap{width: 720px; margin: 0 auto;}
.fy_popPic{width: 910px; background: black; position: absolute; top: 0; left: 200px; z-index: 1910; border-radius: 3px; overflow: hidden;}
.fy_popPic .pop_close{width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; background: url(../images/stu_space/fy_pop_close.png); cursor: pointer; z-index: 99999999;}
.fy_popPic .pop_close:hover{background-position: left -30px;}

.fy_pic2{position: relative; left: 0; top: 0; width: 100%; background: #fff; z-index: 2; }
.fy_popPic .bigPic{width: 100%; height: 500px; position: relative; text-align: center; background: url(../../../common/images/loading.gif) no-repeat center center;}
.fy_popPic .bigPic .bigLeft,.fy_popPic .bigPic .bigRight{ position:absolute; top:229px; cursor:pointer;width:19px; height:38px;}
.fy_popPic .bigPic .bigLeft{ left:0px; background:url(../images/w_hjy/icon/bigLeft.png) no-repeat; }
.fy_popPic .bigPic .bigRight{right:0px; background:url(../images/w_hjy/icon/bigRight.png) no-repeat; }
.fy_popPic .thumbPic{width: 100%; height: 70px; overflow: hidden; position: relative;}
.fy_popPic .thumbPic ul{position: absolute; top: 0; left: 770px;}
.fy_popPic .thumbPic li{float: left; margin:0 3px; display: inline-block; width: 114px; height: 70px; position:relative;}
.fy_popPic .thumbPic li a{ display:block;}
.fy_popPic .thumbPic li a span{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.5;filter: alpha(opacity=50);}
.fy_popPic .thumbPic li img{width: 114px; height: 70px; cursor: pointer;}
.fy_popPic .thumbPic li.on a span{ opacity:0;filter: alpha(opacity=0);}

.fy_popPic .thumbWrap{width: 720px; height: 70px; position: relative; margin-top:15px;}
.fy_popPic .thumbWrap i{position: absolute; top: 0; width: 20px;height: 70px;line-height: 70px;color: #222; font-family: "SimSun";text-align: center; font-weight: bolder; cursor: pointer;font-size: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.fy_popPic .thumbWrap i.thumbLeft{left: 0; }
.fy_popPic .thumbWrap i.thumbRight{ right:0;}

.pic-explain li{display: none;}
.pic-explain li.dis-show{display: block;}
.pic-explain{margin: 20px 0;}
.pic-explain h3{color: #222; font-size: 16px; font-weight: normal; word-break: break-all; padding-bottom:5px;}

/*相关推荐*/
.app-details-list{margin: 20px 0;}
.app-details-list li{float: left; width: 70px; text-align: center; margin: 0 20px;}
.app-details-list a{color: #222; font-size: 14px; line-height: 50px;}
.app-details-list img{width: 70px; height: 70px;}


/*评论*/
.z_tit1{font-size: 22px; color: #222; font-family: "Microsoft YaHei"; padding-bottom: 10px;}
.z_textarea{width: 728px; height: 100px;}
.z_textarea:hover{border: 1px solid #3d95d5;}
.z_word_right{text-align: right; color: #888;}
.z_word_right em{color: #888; position: static; font-size: 24px; padding-bottom: 10px; font-family: Tahoma; vertical-align: middle; margin: 0px 7px; font-family: Constantia; font-style: italic; font-weight: bold;}
.z_word_right .xybluebtn, .word_right .xybluebtn{font-size: 12px; font-weight: normal;}
.stu_textarea{width: 728px; height: 100px;}
.word_right{text-align: right; color: #888;}
.word_right span{font-size: 24px; padding-bottom: 10px; font-family: Tahoma; vertical-align: middle; margin: 0px 7px; font-family: Constantia; font-style: italic; font-weight: bold;}
.yx_word_right{text-align: right; color: #888; height: 30px;}
.yx_word_right em{color: #888; position: static; font-size: 24px; font-family: "Microsoft YaHei"; margin: 0px 7px; font-style: italic;}
.yx_word_right .blue_btn{font-size: 12px; font-weight: normal; width: 88px; height: 30px;}

/*评论列表*/
.title-3{padding-left: 20px; font-size: 16px; color: #222; padding-top: 10px; line-height: 35px; font-weight: normal; border-bottom: 1px solid #ececec;}
.title-3 i{font-size: 12px; color: #888;}
.f_commentList li{padding: 15px 0; border-bottom: 1px solid #eee;}
.f_commentList img{width: 48px; height: 48px; border-radius: 2px; float: left; border-radius: 24px;}
.f_commentList .editDiv{margin-left: 60px;}
.f_commentList .editDiv div{height: 20px; line-height: 20px; margin-bottom: 5px;}
.f_commentList .editDiv div .grade_outer2{display: inline-block; vertical-align: inherit; margin-right:10px;}
.f_commentList p{word-break: break-all;}


/*应用首页*/
.bn-wrap{height: 280px; margin: 20px 0 0 0;}
.app-module{background-color: #fff; margin: 20px 0;}
.app-module .app-title{ padding-top:12px;}
.app-title .title-num{color: #fff; background: #c5c5c5; display: inline-block; line-height:18px; vertical-align: middle; padding: 0 10px; border-radius:9px; margin-left: 10px; position: relative; top: -4px; font-size: 14px; font-family:Arial;}
.app-title .title-more{float: right; width: 21px; height: 21px; overflow: hidden; text-indent: 1000px; margin-top: 5px; margin-right: 20px; background: url("../images/w_hjy/icon/title-more.png") no-repeat 0 8px;}

.app-list{border-top: 1px solid #eee; overflow:hidden;}
.app-list li{float: left; padding:40px 50px; width:300px; border:1px solid #eee; border-right:0; margin:-1px 0 0 -1px;}
.app-list li .appStaice{ margin-top:3px;}
.app-list li .priceCase{ display:inline-block; padding:0px 10px; line-height:18px; font-size:14px; vertical-align:middle; margin-right:5px; color:#fff; border-radius:3px; margin-top:-3px; text-decoration:none;}
.app-list li .free{ background:#11c080;}
.app-list li .noFree{ background:#e1540e;}
.app-list img{float: left; width: 72px; height: 72px;}
.app-list .app-info{margin-left:96px; height:72px;}
.app-list .app-info h3{font-size: 22px; color: #222; font-weight: normal; padding:1px 0 5px 0;}
.app-list .app-info h3 a{color: #222;}
.app-list .app-info h3 a:hover{ text-decoration: none; }
.app-list .app-info p{color: #888888; font-size: 12px; white-space: nowrap;}
.app-list  .grade_outer2{display: inline-block; margin-right: 17px;}

/*贡献列表**/
.m-rank{overflow: hidden; zoom: 1;}
.m-rank .rank-rect{margin-right: -61px;}
.m-rank .rank-list{float: left; width: 333px; margin: 8px 61px 0px 13px;}
.m-rank .rank-list dt{font-size: 28px;line-height:28px; color: #5f5f5f; margin: 20px 0; background:url(../images/w_hjy/icon/rank-list1.png) no-repeat left 3px; padding-left:36px; }
.m-rank .rank-dl1 dt{background:url(../images/w_hjy/icon/rank-list1.png) no-repeat left 3px;}
.m-rank .rank-dl2 dt{background:url(../images/w_hjy/icon/rank-list2.png) no-repeat left 3px;}
.m-rank .rank-dl3 dt{background:url(../images/w_hjy/icon/rank-list3.png) no-repeat left 3px;}
.m-rank dd{width: 333px; height: 40px; line-height: 40px; overflow: hidden; zoom: 1; background: #fff; margin-bottom: 10px; border-radius: 5px; overflow: hidden; zoom: 1; cursor: pointer; box-shadow:0 0 5px #ececec}
.m-rank dd:hover{box-shadow:0 0 5px #59b1fc;}
.m-rank dd .num{width: 27px; height: 22px; line-height: 22px; padding: 0 9px; margin-top: 9px; text-align: center; border-radius: 11px; font-size: 14px; color: #fff; background: #c5efff; margin-left: -9px; float: left;}
.m-rank dd .name{float: left; margin-left: 26px; font-size: 16px; color: #555;}
.m-rank dd .score{float: right; font-size: 14px; margin-right: 26px; color:#a6a6a6;}
.m-rank dd .score em{color: #288add;font-family:Arial; font-size: 16px; }
.m-rank dd.num1 .num{background: #ef9296;}
.m-rank dd.num1 .name{color: #ec6c72;}
.m-rank dd.num2 .num{background: #fbc248;}
.m-rank dd.num3 .num{background: #59b1fc;}


/* banner */
.xy_banner{max-width:1920px;min-width:1200;height:280px;margin:0 auto;position:relative;}
.xy_banner .sideShow{width:100%; height:280px; background:#fff; z-index:1; position:relative; margin:0 auto;background:transparent url(../images/w_hjy/loading.gif) no-repeat center center;}
.xy_banner .sideShow li{position:absolute; max-height:280px; width:100%; display:none;}
.xy_banner .circle{width:100%;position:absolute;bottom:13px; clear:both;z-index:10;}
.xy_banner .circle ul{width:70px;margin:0 auto;height:14px;overflow:hidden;background:rgba(195, 195, 193, 0.8);text-align:center;border-radius:10px;padding-top:1px;}
.xy_banner .circle li{display:inline-block;margin:3px;width:10px; height:10px;background:transparent url(../images/w_hjy/bcircle.png) no-repeat center 0; cursor:pointer;}
.xy_banner .circle li.on{background:transparent url(../images/w_hjy/bcircle.png) no-repeat center -15px;}
.xy_banner a{display:block;height:280px;}
.app-listing li.right_border{border-right:1px solid #eeeeee; }

/*py css begin*/
.py_banner{width: 100%;}
.py_banner .bannerlist{position: relative;width: 100%;height: 320px;}
.py_banner .bannerlist li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.py_banner .bannerlist li .bg{width: 100%;height: 100%;position: relative;overflow: hidden;}
.py_banner .bannerlist li .bg.bg01{background: #2fd193;}
.py_banner .bannerlist li .topic{width: 300px;height: 74px;background: url(../images/w_hjy/banner/py_banner1_01.png) no-repeat;position: absolute;left: 104px;top: 58px;}
.py_banner .bannerlist li .bgLight{width: 660px;height: 320px;background: url(../images/w_hjy/banner/py_banner1_03.png) no-repeat;position: absolute;right: 58px;top: 0;z-index: 0}
.py_banner .bannerlist li .productShow{width: 444px;height: 245px;background: url(../images/w_hjy/banner/py_banner1_02.png) no-repeat;position: absolute;right: 130px;top: 40px;z-index: 5;}
.py_banner .bannerlist li .btnWrap{position: absolute;left: 104px;top: 172px;font-size: 0;}
.py_banner .bannerlist li .btnWrap a{display: inline-block;width: 126px;height: 38px;border: 1px solid #fff;font-size: 16px;color: #fff;text-decoration: none;text-align: center;line-height: 38px;border-radius: 20px;}
.py_banner .bannerlist li .btnWrap a:hover{background: #48dfa5;}
.py_banner .bannerlist li .btnWrap a em{display: inline-block;width: 20px;height: 20px;background: url(../images/w_hjy/py_apply_icon.png) no-repeat;vertical-align: middle;margin-right: 6px;}
.py_banner .bannerlist li .btnWrap a i{vertical-align: middle;}
.py_banner .bannerlist li .btnWrap a.btn01{margin-right: 15px;}
.py_banner .bannerlist li .btnWrap a.btn01 em{background-position: 0 0;}
.py_banner .bannerlist li .btnWrap a.btn02 em{background-position: 0 -20px;}
.py_usersInfo{height: 35px;line-height: 35px;background: #f4fdfd;font-size: 14px;color: #a3a3a3;}
.py_usersInfo span{margin: 0 24px;}

.py_banner .bannerlist li .topic.animate{
	-webkit-animation: fadeIn .6s ease;
	-moz-animation: fadeIn .6s ease;
	-ms-animation: fadeIn .6s ease;
	-o-animation: fadeIn .6s ease;
	animation: fadeIn .6s ease;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
@-webkit-keyframes fadeIn{
	0%{-webkit-transform: scale(0);}
	80%{-webkit-transform: scale(1.1);}
	100%{-webkit-transform: scale(1);}
}
@-moz-keyframes fadeIn{
	0%{-webkit-transform: scale(0);}
	80%{-webkit-transform: scale(1.1);}
	100%{-webkit-transform: scale(1);}
}
@-ms-keyframes fadeIn{
	0%{-webkit-transform: scale(0);}
	80%{-webkit-transform: scale(1.1);}
	100%{-webkit-transform: scale(1);}
}
@-o-keyframes fadeIn{
	0%{-webkit-transform: scale(0);}
	80%{-webkit-transform: scale(1.1);}
	100%{-webkit-transform: scale(1);}
}
@keyframes fadeIn{
	0%{transform: scale(0);}
	80%{transform: scale(1.1);}
	100%{transform: scale(1);}
}

.py_banner .bannerlist li .bgLight.animate{
	-webkit-animation: light 2.5s ease infinite;
	-moz-animation: light 2.5s ease infinite;
	-ms-animation: light 2.5s ease infinite;
	-o-animation: light 2.5s ease infinite;
	animation: light 2.5s ease infinite;
}

@-webkit-keyframes light{
	0%{opacity: 1;-webkit-transform: scale(1);}
	70%{opacity: 0;-webkit-transform:scale(1.5);}
	100%{opacity: 0;-webkit-transform: scale(1);}
}
@-moz-keyframes light{
	0%{opacity: 1;-moz-transform: scale(1);}
	70%{opacity: 0;-moz-transform:scale(1.5);}
	100%{opacity: 0;-moz-transform: scale(1);}
}
@-ms-keyframes light{
	0%{opacity: 1;-ms-transform: scale(1);}
	70%{opacity: 0;-ms-transform:scale(1.5);}
	100%{opacity: 0;-ms-transform: scale(1);}
}
@-o-keyframes light{
	0%{opacity: 1;-o-transform: scale(1);}
	70%{opacity: 0;-o-transform:scale(1.5);}
	100%{opacity: 0;-o-transform: scale(1);}
}
@keyframes light{
	0%{opacity: 1;transform: scale(1);}
	70%{opacity: 0;transform:scale(1.5);}
	100%{opacity: 0;transform: scale(1);}
}

.py_banner .bannerlist li .productShow.animate{
	-webkit-animation: moveFromTop 1s ease;
	-moz-animation: moveFromTop 1s ease;
	-ms-animation: moveFromTop 1s ease;
	-o-animation: moveFromTop 1s ease;
	animation: moveFromTop 1s ease;
}
@-webkit-keyframes moveFromTop{
	0%{-webkit-transform: translateY(-286px) scale(1.1);}
	70%{-webkit-transform: translateY(0) scale(1.1);}
	100%{-webkit-transform: scale(0);}
}
@-moz-keyframes moveFromTop{
	0%{-moz-transform: translateY(-286px) scale(1.1);}
	70%{-moz-transform: translateY(0) scale(1.1);}
	100%{-moz-transform: scale(0);}
}
@-ms-keyframes moveFromTop{
	0%{-ms-transform: translateY(-286px) scale(1.1);}
	70%{-ms-transform: translateY(0) scale(1.1);}
	100%{-ms-transform: scale(0);}
}
@-o-keyframes moveFromTop{
	0%{-o-transform: translateY(-286px) scale(1.1);}
	70%{-o-transform: translateY(0) scale(1.1);}
	100%{-o-transform: scale(0);}
}
@keyframes moveFromTop{
	0%{transform: translateY(-286px) scale(1.1);}
	70%{transform: translateY(0) scale(1.1);}
	100%{transform: scale(0);}
}

.py_banner .bannerlist li .btnWrap.animate{
	-webkit-animation: moveFromBottom 1s ease;
	-moz-animation: moveFromBottom 1s ease;
	-ms-animation: moveFromBottom 1s ease;
	-o-animation: moveFromBottom 1s ease;
	animation: moveFromBottom 1s ease;
}
@-webkit-keyframes moveFromBottom{
	0%{-webkit-transform: translateY(150px);opacity: 0;}
	100%{-webkit-transform: scale(0);opacity: 1;}
}
@-moz-keyframes moveFromBottom{
	0%{-moz-transform: translateY(150px);opacity: 0;}
	100%{-moz-transform: scale(0);opacity: 1;}
}
@-ms-keyframes moveFromBottom{
	0%{-ms-transform: translateY(150px);opacity: 0;}
	100%{-ms-transform: scale(0);opacity: 1;}
}
@-o-keyframes moveFromBottom{
	0%{-o-transform: translateY(150px);opacity: 0;}
	100%{-o-transform: scale(0);opacity: 1;}
}
@keyframes moveFromBottom{
	0%{transform: translateY(150px);opacity: 0;}
	100%{transform: scale(0);opacity: 1;}
}

.toKnowMore{border-bottom: 1px solid #ececec;position: relative;margin-bottom: 40px;}
.toKnowMore .topic{width: 224px;position: relative;margin: 20px auto;padding: 25px 0;}
.toKnowMore .topic p{font-size: 18px;color: #bebaba;text-align: center;line-height: 24px;}
.toKnowMore .topic .quotes{position: absolute;display: inline-block;width: 55px;height: 46px;background: url(../images/w_hjy/py_apply_icon.png) no-repeat 0 -47px;}
.toKnowMore .topic .quotes.left{background-position: 0 -47px;left: -55px;}
.toKnowMore .topic .quotes.right{background-position: 0 -94px;right: -55px;}
.toKnowMore .btnWrap{display: inline-block;position: absolute;left: 50%;margin-left: -85px;bottom: -20px;border: 20px solid #fff;border-top: 0;border-bottom: 0;}
.toKnowMore .btnWrap .botton{display: inline-block;width: 130px;line-height: 40px;height: 40px;background: #26b5ff;color: #fff; font-size: 20px;border-radius: 5px;text-align: center; text-decoration: none;;}

.py_app_introduce{margin-bottom: 40px;}
/*py css end*/

/*名师 start*/
body.tea_bg{background-color: #f3f3f3;}

.tea-title{padding-top: 10px; line-height: 30px; height: 34px; border-bottom: 1px solid #ececec;}
.tea-title .title-more{float: right; width: 21px; height: 21px; overflow: hidden; text-indent: 1000px; margin-top: 5px; margin-right: 20px; background: url("../images/w_hjy/icon/title-more.png") no-repeat 0 8px;}
.tea-title .title-text{display: inline-block; font-size: 24px; color: #288add; border-bottom: 1px solid #288add; margin-left: 20px; padding: 0 2px 4px;}
.tea-title.t-red{}
.tea-title.t-red .title-text{color:#ef9296; border-bottom-color:#ef9296;}
.tea-title.t-orange{}
.tea-title.t-orange .title-text{color:#fbc248; border-bottom-color:#fbc248;}
.tea-title.t-green{}
.tea-title.t-green .title-text{color:#2fd88c; border-bottom-color:#2fd88c;}


.tea_banner{width:100%; min-width:1200px; height:330px;}
.tea_banner .tea_banner_list{}
.tea_banner .tea_banner_list li{width:100%; min-width:1200px; height:330px; background-position: center center; background-repeat: no-repeat;}

.tea_main{margin-top: -40px; margin-bottom: 30px;}
.tea_nav{height:80px;}
.tea_nav_list{line-height: 80px; text-align: center; background-color: #2196f3;}
.tea_nav_list > li{float: left; width:171px;}
.tea_nav_list > li:first-child{width:173px;}
.tea_nav_list > li > a{font-size: 18px; color: #fff; display: block;}
.tea_nav_list > li > a:hover,.tea_nav_list > li.active > a{text-decoration: none; background-color: #289efb; box-shadow:0px 0px 19px rgba(0,0,0,0.35); }

.tea_left{width:870px; background-color: #fff;}
.tea_right{width:300px;}

.teacher_list{margin-left: 20px;}
.teacher_list > li{float: left; width:283px; height: 100px; margin-top: 25px;}
.teacher_list .pic{float: left; width: 100px; position: relative;}
.teacher_list .pic > a{}
.teacher_list .pic > a > img{width:100px; height: 100px; border-radius: 4px;}
.teacher_list .pic .area{position: absolute; left:0px; top:0px; height:24px; line-height: 24px; text-align: center; padding:0px 8px; color: #fff; font-size: 14px; border-radius: 4px 12px 12px 0px;}
.teacher_list .pic .area.bg1{background-color: rgba(89,177,252,0.8);background-color: #59b1fc\9;}
.teacher_list .pic .area.bg2{background-color:rgba(147,219,168,0.8);background-color: #93dba8\9;}
.teacher_list .pic .area.bg3{background-color:rgba(255,183,148,0.8);background-color: #ffb794\9;}
.teacher_list .cont{margin-left: 110px; height:100%; padding-right: 10px;}
.teacher_list .cont .name{font-weight: normal; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.teacher_list .cont .name a{color: #333;}
.teacher_list .cont .detail{margin-top: 10px;}
.teacher_list .cont .msg{font-size: 14px; color: #777;}
.teacher_list .cont .msg > dfn{font-style:normal; float:left;}
.teacher_list .cont .msg > dfn > em{display:inline-block; width:43px; text-align: justify; vertical-align: top;}
.teacher_list .cont .msg > dfn > em:after{content:"";display: inline-block; width:100%; height:0px;}
.teacher_list .cont .msg > dfn > .blue{color: #288add;}
.teacher_list .cont .msg > span{display:block; margin-left: 50px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.tea_rBox{background-color: #fff;}
.tea_right .tea_rBox{margin-top: 30px;}
.tea_right .tea_rBox:first-child{margin-top: 0px;}
.tea_recommand{padding:15px 10px 0px 20px;}
.tea_recommand > li{line-height: 31px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.tea_recommand > li > var{display: inline-block; width: 20px; height:26px; margin-right: 10px; line-height: 26px; padding-bottom: 5px; font-size: 18px; color: #a8a8a8; text-align: center; vertical-align: middle;}
.tea_recommand > li:first-child > var{color: #fff; background:url(../images/w_hjy/flag.png) center center no-repeat;}
.tea_recommand > li > a{font-size: 16px; color: #777;}

.tea_moreBox{ height:350px; overflow:hidden;}
.h_atuo{ height:auto;}

.tea_rMore{display: block; height:40px; line-height: 40px; margin:10px 10px 10px; border-top: 1px solid #ececec; text-align: center; color: #59b1fc; font-size: 16px;}

.tea_count{padding: 10px 10px 30px 20px; font-size: 16px;}
.tea_count > li{height: 30px; line-height: 30px; padding-top: 15px;}
.tea_count > li > i{display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; background:url(../images/w_hjy/countIco.png) no-repeat;}
.tea_count > li > i.i1{background-position: 0px 0px;}
.tea_count > li > i.i2{background-position: 0px -30px;}
.tea_count > li > i.i3{background-position: 0px -60px;}
.tea_count > li > i.i4{background-position: 0px -90px;}
.tea_count > li > i.i5{background-position: 0px -120px;}
.tea_count > li > i.i6{background-position: 0px -150px;}
.tea_count > li > i.i7{background-position: 0px -180px;}
.tea_count > li > i.i8{background-position: 0px -210px;}
.tea_count > li > span{color: #777;}
.tea_count > li > em{color: #288add;}
/*名师 end*/

/*名师首页 common begin*/
.f_tea_bg{ background-color:#f3f3f3;padding-bottom: 30px;}
/*导航 begin*/
.f_teaMain{margin-top: -40px; padding-bottom: 30px;}
.f_teaNav{height:40px;}
.f_teaNav_list{line-height: 40px; text-align: center; background-color: #278ee4;}
.f_teaNav_list > li{float: left; width:240px;}
.f_teaNav_list > li > a{font-size: 18px; color: #fff; display: block;}
.f_teaNav_list > li > a:hover,.f_teaNav_list > li.active > a{text-decoration: none; background-color: #289efb;/* box-shadow:0px 0px 19px rgba(0,0,0,0.35); */}
/*导航 end*/
/*排名 begin*/
.f_teaRankBox{ width:300px; float:left; margin-right: 20px;}
.f_teaTit{ line-height: 50px;}
.f_teaTit em{ color:#222; font-size:24px;}
.f_teaTit span{padding-top: 13px;}
.f_teaTit span a{ font-size: 14px; color: #555; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; margin: 0 2px;}
.f_teaTit span a:hover,.f_teaTit span a.on{ background-color: #278ee4; color: #fff; border-radius: 12px; text-decoration: none;}

.rankList dl .col1{ float:left; width:40px; text-align:center;}
.rankList dl .col2{ float:left; width:190px;}
.rankList dl .col3{ float:left; width:70px;}
.rankList dl dt{ font-size:14px; line-height:40px; color:#acacac; background-color: #fbfbfb;}
.rankList dl dt .col2{text-indent: 54px;}
.rankList dl dd{ background-color: #fff;}
.rankList dl dd ul li{width:100%; line-height:48px;*line-height:44px; font-size:14px;}
.rankList dl dd ul li.Nom1,
.rankList dl dd ul li.Nom2,
.rankList dl dd ul li.Nom3{ line-height: 56px;*line-height: 52px;}
.rankList dl dd ul li .num em{color:#7ac0fa; font-size: 18px; font-style: italic;}
.rankList dl dd ul li.Nom1 .num em{ color: #f37171;}
.rankList dl dd ul li.Nom2 .num em{ color: #f49d20;}
.rankList dl dd ul li.Nom3 .num em{ color: #4591d0;}

.rankList dl dd ul li .name img{ width: 44px; height: 44px; border-radius: 22px;margin-right: 10px;}
.rankList dl dd ul li .name a{ color: #555;}
.rankList dl dd ul li .countNum{color: #888;}
.rankList dl dd ul li .countNum i.up{ display:inline-block; *vertical-align: middle; margin-left: 2px;width: 7px; height: 12px; background: url(../images/w_hjy/r_up.png) center center no-repeat;}

.f_teaCountBox{float: left; width: 240px;}
.countList{padding: 3px 20px; background-color: #fff;}
.countList li{ background: url(../images/w_hjy/r_ico.png) no-repeat;  line-height: 40px; height: 40px; border-bottom: 1px dashed #e2e2e2; font-size: 16px; padding:18px 0 18px 40px; position: relative;}
.countList li a{ position: absolute; right: 0; top:18px;color: #278ee4; }
.countList li.count1{ background-position: 0 22px;}
.countList li.count2{ background-position: 0 -58px;}
.countList li.count3{ background-position: 0 -138px;}
.countList li.count4{ background-position: 0 -218px;}
.countList li.count5{ background-position: 0 -298px;}
.countList li.count6{ background-position: 0 -378px;}
.countList li.count7{ background-position: 0 -458px;}
.countList li.last{ border-bottom: 0;}
/*排名 end*/
/*名师首页 common end*/

/*名师首页1 begin*/
.f_teaCardCon{padding:10px 0 28px;}
.f_teaCardBox{padding-top: 10px;*padding-bottom:20px;}

.f_teaCard_left{float: left; width: 232px; height: 396px; overflow: hidden;}
.f_teaCard_left h4{ text-align: center; color: #fff; font-weight: normal; font-size: 30px; line-height: 48px;padding-top: 7px; overflow: hidden;}
.f_teaCard_left .subjectList{ font-size:0; padding:0 50px;}
.f_teaCard_left .subjectList a{ color: #fff; font-size: 18px; line-height: 48px; display:inline-block; width:50%; white-space:nowrap;}
.f_teaCard_left .subjectList a.width{ width:100%;}
.f_teaCard_left .subjectList a.on{ text-decoration:underline;}
.f_teaCardBox1 .f_teaCard_left{ background-color: #10ae58;}
.f_teaCardBox2 .f_teaCard_left{ background-color: #01a5ad;}
.f_teaCardBox3 .f_teaCard_left{ background-color: #239ce8;}
.f_teaCardBox4 .f_teaCard_left{ background-color: #ff933b;}

 /**/

.f_teaCard_right{ float: right;}
.f_teaCard_right ul{ width:966px; margin-right: -20px; }
.f_teaCard_right ul li{ float: left; position: relative; margin:0 20px 20px 0; width:302px; height:188px; overflow:hidden;}
.f_teaCard_right ul li:hover a.card_mask{ top:0; }

.f_teaCard_right ul li a.card_mask{ display:block; position:absolute; top:-188px; left:0; width:100%;height:100%; background-color:rgba(0, 0, 0, 0.6); background-color:#888\9; z-index:9; text-align:center;transition: top .3s linear;}
.f_teaCard_right ul li a.card_mask span{ font-size:18px; color:#fff; display:inline-block; line-height:38px; height:38px; padding:0 25px; background-color:#278ee4; margin-top:75px; border-radius:2px;}
.f_teaCard_right ul li a.card_mask span:hover{ background-color:#289efb;}

.card_box{ background-color: #fff; border:1px solid #e7e7e7; padding: 20px 20px 0; width: 260px;  overflow: hidden;}
.cardTop{padding-bottom: 15px;}
.cardTop .pic{ position: relative; float: left; width: 110px;}
.cardTop .pic img{ width: 110px; height: 110px;}
.cardTop .pic p{position: absolute; bottom:0; left:0; width: 100%; text-align: center; display:none;}
.cardTop .detail{ margin-left: 125px; height: 110px;}
.cardTop .detail p{font-size: 14px; color: #555; line-height: 36px;}
.cardTop .detail p > dfn{font-style:normal; float:left;}
.cardTop .detail p > dfn > em{display:inline-block; width:43px; text-align: justify; vertical-align: top; color: #888888;}
.cardTop .detail p > dfn > em:after{content:"";display: inline-block; width:100%; height:0px;}
.cardTop .detail p > span{display:block; margin-left: 50px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-size: 16px;}
.cardBottom{ text-align: center;line-height: 40px; height:40px; overflow:hidden; border-top: 1px solid #dfdfdf; font-size: 18px; color:#555;}
.cardBottom a{ color:#555;}
.cardBottom i{ display:inline-block; width:47px; height:30px; vertical-align:middle; background:url(../images/w_hjy/area_ico.png) no-repeat; margin-right:2px;}
/*浙江*/
.cardBottom i.area_ico330000{ background-position:0 3px;}
/*湖北*/
.cardBottom i.area_ico420000{ background-position:0 -37px;}
/*北京*/
.cardBottom i.area_ico110000{ background-position:0 -77px;}
/*天津*/
.cardBottom i.area_ico120000{ background-position:0 -117px;}
/*上海*/
.cardBottom i.area_ico310000{ background-position:0 -158px;}
/*重庆*/
.cardBottom i.area_ico500000{ background-position:0 -198px;}
/*内蒙古*/
.cardBottom i.area_ico150000{ background-position:0 -240px;width: 72px;}
/*西藏*/
.cardBottom i.area_ico540000{ background-position:0 -282px;}
/*新疆*/
.cardBottom i.area_ico650000{ background-position:0 -321px;}
/*宁夏*/
.cardBottom i.area_ico640000{ background-position:0 -361px;}
/*广西*/
.cardBottom i.area_ico450000{ background-position:0 -401px;}
/*黑龙江*/
.cardBottom i.area_ico230000{ background-position:0 -442px;width: 72px;}
/*吉林*/
.cardBottom i.area_ico220000{ background-position:0 -482px;}
/*辽宁*/
.cardBottom i.area_ico210000{ background-position:0 -522px;}
/*河北*/
.cardBottom i.area_ico130000{ background-position:0 -560px;}
/*河南*/
.cardBottom i.area_ico410000{ background-position:0 -599px;}
/*山东*/
.cardBottom i.area_ico370000{ background-position:0 -640px;}
/*山西*/
.cardBottom i.area_ico140000{ background-position:0 -680px;}
/*陕西*/
.cardBottom i.area_ico610000{ background-position:0 -715px;}
/*甘肃*/
.cardBottom i.area_ico620000{ background-position:0 -753px;}
/*青海*/
.cardBottom i.area_ico630000{ background-position:0 -796px;}
/*四川*/
.cardBottom i.area_ico510000{ background-position:0 -836px;}
/*云南*/
.cardBottom i.area_ico530000{ background-position:0 -877px;}
/*贵州*/
.cardBottom i.area_ico520000{ background-position:0 -918px;}
/*湖南*/
.cardBottom i.area_ico430000{ background-position:0 -960px;}
/*广东*/
.cardBottom i.area_ico440000{ background-position:0 -1000px;}
/*海南*/
.cardBottom i.area_ico460000{ background-position:0 -1040px;}
/*江西*/
.cardBottom i.area_ico360000{ background-position:0 -1080px;}
/*福建*/
.cardBottom i.area_ico350000{ background-position:0 -1120px;}
/*安徽*/
.cardBottom i.area_ico340000{ background-position:0 -1160px;}
/*江苏*/
.cardBottom i.area_ico320000{ background-position:0 -1197px;}
/*名师首页1 end*/

/*名师首页2 begin*/
.f_teaArea{ padding-bottom:25px;}
.f_teaArea_con{ background-color: #fff; margin-top: 20px;padding-bottom: 30px;}
.f_teaArea_con h3{ font-weight: normal; font-size:14px; color: #278ee4; padding: 20px 20px 20px 0;}
.f_teaArea_con h3 span{ font-size: 24px; border-left:4px solid #278ee4; line-height:30px; padding-left: 16px;}
.f_teaArea_con dl dt,.f_teaArea_con dl dd{ float: left;}
.f_teaArea_con dl dt{width: 242px; margin:0 20px;padding:15px 20px 0 20px ; height: 215px; overflow: hidden; }
.f_teaArea_con dl dt a{ margin:0 20px; font-size: 18px; color: #fff;line-height: 40px;}
.f_teaArea_con dl dt.bg1{background-color: #10ae58;}
.f_teaArea_con dl dt.bg2{background-color: #01a5ad;}
.f_teaArea_con dl dt.bg3{background-color: #239ce8;}
.f_teaArea_con dl dt.bg4{background-color: #ff933b;}

.f_teaArea_list li,
.f_teaArea_list li .top,
.f_teaArea_list li .bottom{width: 207px; height: 230px; overflow: hidden; }
.f_teaArea_list li .top,
.f_teaArea_list li .bottom{ display: block;}
.f_teaArea_list li{float: left; margin-right: 10px; position: relative;}
.f_teaArea_list li .top{ position: relative;}
.f_teaArea_list li .top img{ width: 207px; height: 230px;}
.f_teaArea_list li .top p{position: absolute;bottom:0; left:0; width:197px; font-size: 18px; padding-left: 10px; }
p.shadow1,p.shadow2,p.shadow3,p.shadow4{ background: url(../images/w_hjy/gradient_tit.png) repeat-x;line-height: 38px; height: 38px; overflow: hidden; padding-top:52px;color: #fff; }
p.shadow1{ background-position:0 0px;}
p.shadow2{ background-position:0 -90px;}
p.shadow3{ background-position:0 -180px;}
p.shadow4{ background-position:0 -270px;}

.f_teaArea_list li .top p span{ font-size: 14px; position: absolute; right: 8px; bottom: 0;}

.f_teaArea_list li .bottom{ color: #fff; text-decoration: none; position: absolute; top:0; ;left: 0;}
.f_teaArea_list1 li .bottom{background-color: rgba(3,140,66,0.9); background-color: #038c42\9;}
.f_teaArea_list2 li .bottom{background-color: rgba(0,127,127,0.9); background-color: #00797f\9;}
.f_teaArea_list3 li .bottom{background-color: rgba(4,122,196,0.9); background-color: #047ac4\9;}
.f_teaArea_list4 li .bottom{background-color: rgba(240,129,39,0.9); background-color: #f08127\9;}
.f_teaArea_list li .bottom p{ padding:0 10px; line-height: 24px;}
.f_teaArea_list li .bottom .name,.f_teaArea_list li .bottom .area{ height: 24px; overflow:hidden; text-align: center;}
.f_teaArea_list li .bottom .name{ font-size: 18px; padding: 15px 10px 6px 10px;}
.f_teaArea_list li .bottom .area{ font-size: 16px; padding-bottom:10px;}
.f_teaArea_list li .bottom .detail{ font-size: 14px; line-height: 24px;}

.f_teaArea_list li .top{ 
	-webkit-transition: -webkit-transform .2s ease-in-out;
	-moz-transition: -moz-transform .2s ease-in-out;
	-o-transition: -o-transform .2s ease-in-out;
	-ms-transition: -ms-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0);
}
.f_teaArea_list li .bottom { display:none\9;
	-webkit-transition: -webkit-transform .1s ease-in;
	-moz-transition: -moz-transform .1s ease-in;
	-o-transition: -o-transform .1s ease-in;
	transition: transform .1s ease-in;
	-ms-transition: transform .1s ease-in;
	-webkit-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
}
.f_teaArea_list li:hover .top {
	-webkit-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform .1s ease-in;
	-moz-transition: -moz-transform .1s ease-in;
	-o-transition: -o-transform .1s ease-in;
	-ms-transition: -ms-transform .1s ease-in;
	transition: transform .1s ease-in;
}
.f_teaArea_list li:hover .bottom {display:block\9;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-moz-transform: rotateY(0);
	transform: rotateY(0);
	-o-transform: rotateY(0);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out;
}

/*名师首页2 end*/



/* 开通流程代码V2移植 */
/*main*/
.c_main_wrap{padding-bottom: 60px; width:100%; min-width: 1200px; background:#eff4f7 url(../images/w_hjy_v2/mainBg.jpg) center bottom no-repeat; }
.c_main_wrap .c_main{width: 1200px; margin:0 auto; padding-top: 50px;}
.c_main .c_main_tit{font-size: 26px; line-height: 1; color: #939191; font-weight: normal;}
.c_main .c_main_tit > strong{color: #02b854; margin-left: 10px;}
.c_main .c_main_box{margin-top: 15px;}
.c_main .c_main_h{height: 86px; line-height: 86px; background:#fff url(../images/w_hjy_v2/mainHBg.png) right center no-repeat;}
.c_main .c_main_h > h1{font-weight: normal; font-size: 32px; margin-left: 40px;}
.c_main .c_main_h > h1 .pace{color: #9a9a9a;}
.c_main .c_main_h > h1 .pace > var{display:inline-block; font-family: Arial; font-size: 42px; text-align: center; width: 42px; height: 42px; line-height: 42px; color: #fff; font-style:normal; background-color: #5fcc85; border-radius: 50%; margin: 0px 8px;}
.c_main .c_main_h > h1 > em{color: #555; margin-left: 20px;}
.c_main .c_main_con{background-color: #F7FAFB;background-color:rgba(255,255,255,0.5); padding-bottom: 60px;}
.c_main .c_main_con .c_table_form{margin-left: 178px;}

.c_table_form1{padding-top: 10px; margin-left: 178px;}
.c_table_form1 th{font-size: 20px; color: #555; font-weight: normal; text-align: left;vertical-align: top;line-height: 56px; padding-top: 35px;}
.c_table_form1 td{ font-size: 18px; padding-top: 35px;}
.c_table_form1 .qjf_seleautodiv{float:left; margin-right: 25px;}
.c_table_form1 .def_inp{font-size: 16px; height: 18px; line-height: 18px; padding:17px 16px; border:2px solid #dcdcdc; box-shadow:none;}
.c_table_form1 .w_code, .c_table_form1 .re_send{float:left; font-size: 22px; width: 205px; margin-left: 20px; height: 52px; line-height: 52px; border-radius: 3px; text-align: center;}
.c_table_form1 .w_code{color: #02b854; border:2px solid #02b854; cursor: pointer; background-color: #fff;}
.c_table_form1 .re_send{color: #888; border:2px solid #dcdcdc; display:none; cursor: default; background-color: #ececec;}
.c_table_form1 .mainDomain{font-size: 14px; color: #c5c4c4; display: inline-block; vertical-align: middle; margin-left: 10px;}
.c_table_form1 .mainDomain > big{font-size: 26px; color: #555;display: inline-block; padding-bottom: 10px;}

.c_table_form2{margin-left: 178px; font-size: 20px; color: #555;}
.c_table_form2 th{font-weight: normal; text-align: left; padding-top: 43px;}
.c_table_form2 td{padding-top: 43px;}
.c_table_form2 .schName{font-size: 32px; color: #02b854;}


.c_switch{display:inline-block; width:40px; height:24px; border-radius:12px;  margin-right:20px; cursor:pointer; background:#bcbcbc; vertical-align: middle;}
.c_switch.on{background:#15ae4d;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease; transition:all .5s ease;}
.c_switch > i{float:right; width:20px; height:20px; border-radius:11px; background:#fff; margin:2px 17px 0px 0px;}


.c_greenBtn,.c_whiteBtn{width:174px; height: 48px; font-size: 20px; border-radius: 4px; cursor:pointer; vertical-align: middle;}
a.c_greenBtn,a.c_whiteBtn{display:inline-block; line-height: 48px; text-align: center; text-decoration: none;}
.c_greenBtn{background: #02b854; border:1px solid #3078ed; color: #fff;}
.c_whiteBtn{background: #fff; border:1px solid #d7d7d7; color:#222;}
.c_grayBtn{background: #f1f1f1; border:1px solid #dfdfdf; color:#cbcaca; cursor: default;}

/*public reset start*/
.c_main .qjf_selecur,.c_main .qjf_seleautocur{ background:#fff; color:#555;display:inline-block; height:52px; line-height:52px; overflow:hidden; vertical-align:middle; word-break:break-all; border:2px solid #dcdcdc; width:100%; border-radius:3px;box-shadow:none;}
.c_main .qjf_selecur.bluebor,.c_main .qjf_seleautocur.bluebor{ border:2px solid #02b854;}
.c_main .qjf_selecur p,.c_main .qjf_seleautocur p{ margin:0 10px 0px 16px; line-height:52px; height:52px; display:block; overflow:hidden; background:url(../images/w_hjy_v2/sele_down.png) no-repeat right center;}
.c_main .qjf_selecur.bluebor p,.c_main .qjf_seleautocur.bluebor p{background-image: url(../images/w_hjy_v2/sele_down_hover.png);}
.c_main .qjf_seledrop,.c_main .qjf_seleautodrop{ border:2px solid #dcdcdc; position:absolute; left:0px; height:auto; max-height:196px; overflow-x:hidden; overflow-y:auto; top:54px; white-space:nowrap; display:none; background:#fff;}
.c_main .qjf_seledrop a,.c_main .qjf_seleautodrop a{height:52px; line-height: 52px; color:#555; display:block; padding:0px 5px 0px 16px;}
.c_main .qjf_seledrop a:hover,.c_main .qjf_seleautodrop a:hover{ background:#e3e3e3;  text-decoration:none;}
.c_main input[type="text"].def_inp:focus, .c_main input[type="password"].def_inp:focus, .c_main textarea:focus{ border: 2px solid #02b854;}
/*public reset start*/
.photoAlbum{padding:0px 30px; position: relative; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.photoAlbum .album_show{height:540px; text-align: center; position: relative; background: url(../images/w_hjy_v2/load.gif) center center no-repeat; min-width: 32px; min-height: 32px;}
.photoAlbum .album_vAlign{display:inline-block; width: 0px; height:100%; vertical-align:middle;}
.photoAlbum .album_show .album_bigImg{vertical-align: middle; max-height:540px; max-width: 100%; background-color: #fff;}
.photoAlbum .album_show_prev,.photoAlbum .album_show_next{position: absolute; top:0px; bottom:0px; margin:auto 0; *top:230px; width:50px; height:80px; line-height: 80px; background-color:#999; background-color: rgba(0,0,0,0.5); font-family: '宋体'; font-size: 40px; cursor:pointer; font-weight: bold; color: #fff; text-align: center; display: none;}
.photoAlbum .album_fullscreenBtn,.photoAlbum .album_fullscreen_exit{position: absolute; width:40px; height: 40px; background: center center no-repeat; border-radius: 50%; cursor: pointer; z-index: 2;}
.photoAlbum .album_fullscreenBtn{background-image: url(../images/w_hjy_v2/fullscreen.png); top:20px; right:20px;}
.photoAlbum .album_fullscreen_exit{background-image: url(../images/w_hjy_v2/fullscreen_exit.png); top:30px; right:30px;}
.photoAlbum .album_fullscreenBtn:hover,.photoAlbum .album_fullscreen_exit:hover{background-color:#000; background-color: rgba(0,0,0,0.7);}
.photoAlbum .album_fullscreen{position: fixed; width: 100%; height: 100%; left:0; right:0; top:0; bottom:0; z-index: 9999; background:url(../images/w_hjy_v2/maskBg.png) repeat; background: rgba(0,0,0,0.7);  text-align: center; display: none; white-space: nowrap;}
.photoAlbum .fullscreen_prev,.photoAlbum .fullscreen_next{display:inline-block; width:40px; height: 40px; background-position: center center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; vertical-align: middle;}
.photoAlbum .fullscreen_prev{background-image: url(../images/w_hjy_v2/prevBtn.png); margin-right: 25px;}
.photoAlbum .fullscreen_next{background-image: url(../images/w_hjy_v2/nextBtn.png); margin-left: 25px;}
.photoAlbum .fullscreen_prev:hover,.photoAlbum .fullscreen_next:hover{background-color:#000; background-color: rgba(0,0,0,0.7);}
.photoAlbum .fullscreen_imgBox{min-width:1000px; min-height: 124px; max-height:100%; display: inline-block; vertical-align: middle; background: url(../images/w_hjy_v2/loading_1.gif) center center no-repeat;}
.photoAlbum .fullscreen_img{max-width:1000px;}
.photoAlbum .album_show_prev{left:0px;}
.photoAlbum .album_show_next{right:0px;}
.photoAlbum .album_show:hover .album_show_prev,.photoAlbum .album_show:hover .album_show_next{display: block;}
.photoAlbum .album_list{border-top:1px solid #d7d7d7; padding:25px 50px; position: relative;}
.photoAlbum .album_list_prev,.photoAlbum .album_list_next{position: absolute; top:75px; width:40px; height: 40px; background-position: center center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; z-index: 2;}
.photoAlbum .album_list_prev:hover,.photoAlbum .album_list_next:hover{background-color:#000; background-color: rgba(0,0,0,0.7);}
.photoAlbum .album_list_prev{background-image: url(../images/w_hjy_v2/prevBtn.png); left:0px;}
.photoAlbum .album_list_next{background-image: url(../images/w_hjy_v2/nextBtn.png); right:0px;}
.photoAlbum .album_list_view{width:100%; position: relative; overflow: hidden;}
.photoAlbum .album_list_area{position: relative; margin-left: -24px;}
.photoAlbum .album_list_area.notover{margin:0 auto; left:-12px;}
.photoAlbum .album_list_item{float:left; margin-left: 24px; text-align: center;}
.photoAlbum .album_list_img{display:block; width: 120px; height:141px; padding:3px; background-color: #fff; border:1px solid transparent; border-radius: 4px; position: relative;}
.photoAlbum .album_list_item.active .album_list_img{border-color: #02b854;}
.photoAlbum .album_list_img .album_smallImg{width: 120px; height:141px; vertical-align: top;}
.photoAlbum .album_list_img .album_current{position: absolute; bottom:15px; left:0px; right:0px; margin:0px auto; *left: 34px; width: 64px; height: 20px; line-height: 20px; text-align: center; background-color: #000; background-color: rgba(0,0,0,0.7); border-radius: 10px; color: #fff; display: none;}
.photoAlbum .album_list_item.active .album_current{display: block;}
.photoAlbum .album_list_word{display:inline-block; width: 114px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #555; background-color: #e0eef3; border-radius: 12px; margin-top: 10px;}



.c_app{padding:0px 41px;}
.c_app .category{padding-top: 40px;}
.c_app .category .category_t{font-weight: normal; font-size: 22px; color: #555;}
.c_app .category .category_box{margin-top: 10px; border:1px solid #eee; background-color: #fdfdfd; height:177px; overflow: hidden; position: relative;}
.c_app .category .category_list{}
.c_app .category .category_list .appItem{float:left; width: 108px; height: 142px; margin:20px 0px 15px 68px; position: relative; border-radius: 7px; text-align: center;}
.c_app .category .category_list.selectable .appItem{cursor:pointer;}
.c_app .category .category_list.selectable .appItem:hover{background-color: #000; background-color: rgba(0,0,0,0.7);}
.c_app .category .category_list.selectable .appItem:hover .appName{color:#fff;}
.c_app .category .category_list .appImg{width: 72px; height: 72px; vertical-align: top; margin-top: 18px;}
.c_app .category .category_list .appName{display: block; margin-top: 10px; font-size: 18px; color: #222; line-height: 1;}
.c_app .category .category_list .appChk{position: absolute; width:20px; height:20px; top:10px; right:10px; background: url(../images/w_hjy_v2/appChk.png) center 0px no-repeat;}
.c_app .category .category_list .appItem.active .appChk{background-position: center -20px;}
.c_app .category.active .category_box{height:auto;}
.c_app .category .app_fold{text-align: center; height:19px;}
.c_app .category .app_fold > a{display:none; width:95px; height: 19px; line-height: 19px; font-size: 14px; color: #fff; text-align: center; background-color: #02b854; border-radius: 0px 0px 4px 4px; box-shadow: 0px 2px 2px #aaa; overflow: hidden;}
.c_app .category .app_fold > a:hover{text-decoration: none;}
.c_app .category.active .app_fold > a{background:#02b854 url(../images/w_hjy_v2/fold.png) center center no-repeat; font-size: 0px;}
.c_app .category_sub{position: absolute; left: 0; top:0;}
.c_app .category_sub .subItem{width:14px; padding:16px 18px; font-size: 14px; color: #888; line-height: 14px; background-color: #ededed; position: relative; cursor:pointer;}
.c_app .category_sub .subItem.active{background-color: #26b4ff; color: #fff;}
.c_app .category_sub .subItem > i{position: absolute; width:4px; height: 7px; background:url(../images/w_hjy_v2/triangle.png) center center no-repeat; right:-4px; top:0; *top:38px; bottom:0; margin:auto 0; display: none; }
.c_app .category_sub .subItem.active > i{display: block;}
.c_app .app_count{border:1px solid #eee; margin-top: 80px; background-color: #fff;}
.c_app .app_count .count_t{font-size: 18px; color: #555; font-weight: normal; text-align: center; margin-top: 20px;}
.c_app .app_count .count_t .appAmount{display: inline-block; border:1px solid #0d9ae5; height: 25px; line-height: 25px; background-color: #26b4ff; border-radius: 12px; padding:0px 14px; text-align: center; color: #fff; font-style: normal;}
.c_app .app_count .count_list{margin-top: 30px; padding-bottom: 30px;}
.c_app .app_count .count_list .countItem{float:left; width:20%; text-align: center;}
.c_app .app_count .count_list .countItem > h4{font-size: 14px; color: #222; font-weight: normal;}
.c_app .app_count .count_list .countItem > p{margin-top: 15px; font-size: 14px; color: #888;}
.c_app .app_count .count_list .countItem > p > big{font-size: 22px;}
.c_app .app_count .count_list .countItem > p > big.selected{color: #26b4ff; margin: 0px 12px 0px 5px;}
.c_app .app_count .count_list .countItem > p > big.defaulted{color: #ffc734; margin-left: 5px;}

.c_main.c_openSuccess{background: url(../images/w_hjy_v2/success.png) center -87px no-repeat; padding-top: 100px;}
.c_openSuccess fieldset{border:2px solid #02b854; background:url(../images/w_hjy_v2/fieldset_bg.gif) repeat-x left bottom; border-radius: 10px; width: 888px; margin: 0px auto; padding-bottom:30px; height:288px; }
.c_openSuccess fieldset legend{font-size: 40px; padding:0px 35px; color:#02b854; line-height: 40px; margin-left:30px;}
.c_openSuccess .warn{font-size: 16px; color: #02b854; text-align: center;}
.c_table_form3{font-size: 20px; color:#555; text-align: left; margin:40px 0px 0px 164px;}
.c_table_form3 th{font-weight: normal; padding: 15px 0px;}
.c_table_form3 td{padding: 15px 0px;}
.c_table_form3 .domain{font-size: 30px; color:#02b854;}
.getAccount{background-color: #fdf7ef; margin:15px 18px 0px; border:1px dashed #ffd59d; border-radius: 8px; text-align: center; font-size: 16px; color: #ff9600; padding:15px;}



/*教学助手侧边栏 S*/
.ni_w125{width: 125px;}
.ni_block{display: block;}
.ni_pfen{font-size: 12px;}
.ni_pfen big{font-size: 20px;color: #febb1c;}
.ni_moth_money{min-width: 63px;height: 18px;border: 2px;background: #e1540e;font-size: 14px;color: #fff;line-height: 18px;text-align: center; border-radius:3px; cursor:pointer; display:inline-block;}
.ni_free{display: inline-block;padding: 0px 10px;line-height:18px;font-size: 14px;vertical-align: middle;margin-right: 5px;color: #fff;border-radius: 3px;text-decoration: none; background:#11c080; cursor:pointer;}
.ni_buy_now{width: 90%;margin-left: auto;margin-right: auto;background: #fff0e3;border: 1px solid #ff790d;border-radius: 4px;display: block;height: 26px;font-size: 14px;text-align: center;color: #ff790d;line-height: 26px;}
.ni_buy_now:hover{ background:#ffe2c9; text-decoration:none;}
.ni_del_msg{font-size: 14px;line-height: 14px;width: 90%;margin-left: auto;margin-right: auto;}
.ni_del_msg li{position: relative;}
.ni_del_msg .ni_span01{float: left;width: 72px;color: #888888;}
.ni_del_msg .ni_span02{display:block; color: #555555; margin-left: 72px;}
.ni_del_msg .ni_span02.hasTag{position:relative; top:-4px;}
.ni_del_msg .ni_span02.hasTag em{display:inline-block; padding:5px 3px; margin-bottom: 3px; background-color: #ddd; border-radius: 4px; margin-left: 2px;}


.ni_del_msg .ni_pa{position: absolute;right: 0px;top: 0px;height: 14px;color: #888888;cursor: pointer;z-index: 1;padding-left: 15px;}
.ni_del_msg .ni_pa a{ text-decoration:none;}
.ni_del_msg .ni_pa .ni_a01{display: none;position: absolute;right: 0px;top: 100%;}
.ni_del_msg .ni_pa .ni_i01,.ni_del_msg .ni_pa .ni_i01 .ni_em01{border: 6px solid transparent;position: absolute;}
.ni_del_msg .ni_pa .ni_i01{border-top: 6px solid #888888;left: 0px;top: 50%;margin-top: -3px;}
.ni_del_msg .ni_pa .ni_i01 .ni_em01{border-top: 6px solid #fff;left: -6px;top: -8px;}
.ni_del_msg .ni_pa:hover .ni_a01{display: block;width: 73px;height: 26px;line-height: 26px;color: #309aeb;text-align: center;background: #f6f6f6;border: 1px solid #dedede;}
.ni_del_msg .ni_i02 em{ background:url(../images/w_hjy/icon/sc_ico.png) no-repeat left top; display:inline-block; width:10px; height:10px; vertical-align:middle;}

.ni_try_or_buy{width: 90%;margin-left: auto;margin-right: auto;position: relative;}
.ni_try_or_buy a{width: 45%;height: 26px;line-height: 26px;font-size: 14px;text-align: center;border: 1px solid transparent;border-radius: 4px;}
.ni_try_or_buy a.ni_a01{color: #11c080;border: 1px solid #11c080;background: #f1fffa;}
.ni_try_or_buy a.ni_a01:hover{ text-decoration:none; background:#d9fff2;}
.ni_try_or_buy a.ni_a02{color: #ff790d;border: 1px solid #ff790d;background: #fff0e3;}
.ni_try_or_buy a.ni_a02:hover{ text-decoration:none; background:#ffe2c9;}
.ni_try_or_buy a.ni_a03{color: #c3c3c3;border: 1px solid #e2e2e2;background: #ededed;}
.ni_try_or_buy a.ni_a03:hover{ cursor:default;}
.ni_only_f_day{position: relative;width: 250px;height: 31px;background: #fff9db;left: 50%;margin-left: -125px;font-size: 14px;color: #888888;text-align: center;line-height: 31px;border-top: 1px solid #ffe043;}
.ni_only_f_day .ni_span01{color: #e1540e;}
.ni_only_f_day .ni_i01,.ni_only_f_day .ni_i01 em{position: absolute;border: 8px solid transparent;}
.ni_only_f_day .ni_i01{border-bottom: 8px solid #ffe043;left: 62px;top: -16px;}
.ni_only_f_day .ni_i01 em{border-bottom: 8px solid #fff9db;left: -8px;top: -7px;}
.ni_goin{color: #288add;background: #d8edff;border-color: #309aeb;}
.ni_goin:hover{ text-decoration:none; background:#b8d9f5;}
/*教学助手侧边栏 E*/



/*门户应用详细页弹出框 begin*/
.m-appMoney-pop{ width:340px;}
.m-appMoney-pop li{ padding-top:20px; *zoom:1;}
.m-appMoney-pop li:after{content: '';display: block;width: 0;height: 0;overflow: hidden;clear: both;}
.m-appMoney-pop li .name{ float:left; font-size:14px; width:85px;}
.m-appMoney-pop li .li-r{ float:left; width:255px;}
.m-appMoney-pop .chooseRect span,.m-appMoney-pop .chooseRect input,.m-appMoney-pop .chooseRect em{ float:left;}
.m-appMoney-pop .chooseRect span{ width:23px; height:23px; background:url(../images/w_hjy/icon/appMoney_ico.png) no-repeat; cursor:pointer;}
.m-appMoney-pop .chooseRect span.minus{ background-position:0px 0px; margin-right:5px;}
.m-appMoney-pop .chooseRect span.minus:hover{ background-position:0px -27px;}
.m-appMoney-pop .chooseRect span.add{ background-position:-100px 0px; margin-left:5px;}
.m-appMoney-pop .chooseRect span.add:hover{ background-position:-100px -27px;}
.m-appMoney-pop .chooseRect em{ margin-left:5px;}
.m-appMoney-pop .chooseRect input{ width:58px; height:23px; border:#d7d7d7 solid 1px; border-radius:5px; padding:0 5px; font-size:12px; line-height:23px; text-align:center;}
.m-appMoney-pop .chooseRect input:hover{ border-color:#a1d1f6; background:#f3f8fb;}
.m-appMoney-pop .u_whitebgBluebot,.m-appMoney-pop .u_whitebgGraybot{ font-size:14px; line-height:30px; padding:0px 20px; border-radius:5px; height:30px;}
.m-appMoney-pop .tips{ border-top:#dedede solid 1px;}
/*门户应用详细页弹出框 end*/

/*名师改版 start*/
.tea_banner1{height:350px; overflow: hidden;}
.tea_banner1 .tea_banner_list{height:350px; min-width: 1200px;}
.tea_banner1 .tea_banner_list li{height:350px;}
.tea_banner1 .banner-inner{width:1200px; height:100%; margin: 0 auto; position: relative;}
.tea_banner1 .banner-1{background:url(../images/w_hjy/banner/banner-t.png) center center no-repeat;}


.u-HomeTit1{ height:51px; padding:0px 20px; border-bottom:#ececec solid 1px;}
.u-HomeTit1 h3{ float:left; font-weight:normal;}
.u-HomeTit1 h3 strong{ float:left; line-height:43px; border-bottom:#288add solid 1px; padding:8px 3px 0px 3px; font-size:24px; font-weight:normal;}
.u-HomeTit1 h3 i{ float:left; margin:22px 0px 0px 8px; height:20px; line-height:20px; border-radius:10px; background:#8ea9b9; font-size:14px; padding:0px 10px; color:#fff;}
.u-HomeTit1 p.fr{}
.u-HomeTit1 .more{ background:url(../images/index0331/zy_home/more.gif) no-repeat; width:30px; height:14px; float:right; margin:23px 0px 0px 6px;}
.u-HomeTit1 .link{ float:right; background:url(../images/index0331/zy_home/classRoom_link.gif) no-repeat; width:79px; height:28px; margin-top:15px; text-align:center; line-height:28px; font-size:14px; color:#fff;}
.u-HomeTit1 .case{ float:right; height:30px; margin-top:14px;}
.u-HomeTit1 .case a{ display:inline-block; padding:0 13px; line-height:30px; margin:0 1px; font-size:14px; color:#6f8abb;}
.u-HomeTit1 .case a:hover,.u-HomeTit1 .case a.on{ background:#5ab3ff; color:#fff; text-decoration:none; border-radius:5px;}

.m-Wroom {background-color: #fff;}
.m-Wroom .videoList{ position:relative; background:#000;}
.m-Wroom .videoList .playbtn1{ position:absolute; top:50%; left:50%; background:url(../images/index0331/zy_home/play_btn1.png) no-repeat; width:64px; height:64px; margin-top:-32px; margin-left:-32px; display:none;}
.m-Wroom .videoList:hover .photo{ opacity:0.85;}
.m-Wroom .videoList:hover .playbtn1{ display:block;}
.m-Wroom .videoList .name{ background:url(../images/index0331/bg2.png); position:absolute; bottom:0px; left:0px; width:100%; font-weight:normal;}
.m-Wroom .videoList .name a{ color:#fff; margin:0 10px; display:block;}
.m-Wroom .big{ width:600px; height:363px;}
.m-Wroom .big .name{ line-height:45px; font-size:18px;}
.m-Wroom .small{ width:560px; margin:-13px 0px 0px 0px;}
.m-Wroom .small li{ float:left; width:265px; height:175px; margin:13px 0px 0px 15px;}
.m-Wroom .small .name{ font-size:14px; line-height:30px;}

.t-sideL {width:880px;}
.t-sideR {width:300px;}

.sousuo { height: 40px; background-color: #fff;}
.sousuo .left {height:36px; border: 2px solid #26b5ff; }
.sousuo .left .qjf_seleautodiv{width:110px; float: left;}
.sousuo .left .qjf_seleautocur { float: left; height: 36px; border: 0;background:#f6f6f6 url(../images/w_hjy/icon/jts.png) no-repeat right center;}
.sousuo .left .qjf_seleautocur p { height: 36px; line-height: 36px; background-image:none;}
.sousuo .left .qjf_seleautodrop {top: 36px; left: -2px; border-width:1px;}
.sousuo .left .qjf_seleautodrop a{height:30px; line-height: 30px;}
.sousuo .left .text { display: block; width: 650px; color: #555; padding: 8px 5px; height:20px; line-height: 20px; float: left; border: 0; background:none; outline: none;}
.sousuo .left .submit { display: block; float:right; width: 101px; background-color: #26b5ff; height: 36px;  line-height: 36px; border: 0; font-size: 16px;color: #fff; cursor: pointer; font-family: "microsoft yahei"; outline: none;}
.sousuo .left .submit:hover{background-color: #07a7f7;}
.sousuo .right { width:433px; height:40px; float: right; padding-left: 25px; background: url(../images/msgzs/laba.png) no-repeat left center; }

.regions{background-color: #fff; margin-top: 20px;}

.ms_notice{background-color: #fff;}
.notice_con {padding: 0px 20px;}
.notice_con .notice_list{height: 276px; padding:8px 0px;}
.notice_con .notice_list li{ line-height:38px;}
.notice_con .notice_list li a{ font-size:14px; color:#555;}
.notice_con .notice_list li a:hover{color:#2196f3; text-decoration: underline;}

.t-sort{margin:0px 20px; margin-top: 10px;}
.t-sort a{display:inline-block; line-height: 30px; padding:0px 10px 0px 22px; margin-right: 10px; color: #555; background: url(../images/w_hjy/icon/sort.png) no-repeat;}
.t-sort a.active,.t-sort a:hover{color: #3d95d5;}
.t-sort .sort1{background-position: 0px 1px;}
.t-sort .sort1:hover, .t-sort .sort1.active{background-position: 4px -29px;}
.t-sort .sort2{background-position: 0px -60px;}
.t-sort .sort2:hover, .t-sort .sort2.active{background-position: 0px -90px;}
.t-sort .sort3{background-position: 0px -120px;}
.t-sort .sort3:hover, .t-sort .sort3.active{background-position: 0px -150px;}

.workrooms{margin-left: -20px; height:182px; padding:10px 20px 0px;}
.workrooms li{float:left; width:226px; padding:15px 20px; margin-left: 20px; background-color: #f6f6f6; position: relative;}
.workrooms li > h4{font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.workrooms li > h4 a{ color: #333;}
.workrooms li > h4 a:hover{}
.workrooms li .con{overflow: hidden; margin-top: 10px;}
.workrooms li .con .pic{float:left; width:100px; height:100px;}
.workrooms li .con .pic img{display: block; width: 100px; height: 100px;}
.workrooms li .con .msg{margin-left: 110px;}
.workrooms li .con .msg p{margin-top: 3px; font-size: 14px;}
.workrooms li:hover .cover{opacity: 1; display: block\9;}
.workrooms li .cover{position: absolute; left:0; right:0; top:0; bottom:0; background:url(../images/w_hjy/icon/opacity-50.png) repeat; opacity:0; display: none\9;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}
.workrooms li .cover > a{width:100px; height: 30px; line-height: 30px; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #5ab3ff; color: #fff; text-align: center; border-radius: 4px; font-size: 14px;}
.workrooms li .cover > a:hover{background-color: #07a7f7;}

.t-trends{margin-top: 20px; background-color: #fff;}
.t-trends-wrap{height:531px; margin-top: 5px; overflow: hidden;position: relative;}/*jira21275*/
.t-trends-wrap.n_h_d69{height: 710px;}
.t-trends-wrap.n_h_d69 .t-trends-l li{padding-top:20px;padding-bottom: 22px; }
.t-trends-l{margin: 0px 20px;}
.t-trends-l li{padding-top: 15px; padding-bottom: 20px; font-size: 14px; border-top: 1px solid #eee;}
.t-trends-l li:first-child{border-top-color: transparent;}
.t-trends-l .user{}
.t-trends-l .user:hover{text-decoration: underline;}
.t-trends-l .user img{float: left; width: 50px; height: 50px; margin-right: 10px;}
.t-trends-l .time{float: right; font-size: 12px; color: #888;}
.t-trends-l .roomin{margin-top: 5px;}
.t-trends-l .action{clear:both; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.t-trends-l .action a{}
.t-trends-l .action a:hover{text-decoration: underline;}
.t-newest{margin-top: 20px; background-color: #fff;}
.t-newest .t-newest-l{width:560px; padding:15px 0px;}
.t-newest-l{}
.t-newest-l li{line-height: 28px; padding: 4px 0; font-size: 14px; overflow:hidden;}
.t-newest-l li > *{float:left;}
.t-newest-l li .col1{width:410px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.t-newest-l li .col1:hover{color:#2196f3; text-decoration: underline;}
.t-newest-l li .col2{width:80px; color: #888;}
.t-newest-l li .col3{width:70px; font-size: 12px; text-align: right; color: #888;}

/*浮动的工具栏*/
.tool{position:fixed; left:50%; top:200px; margin-left:610px;}
.tool .btn{ width:40px; height:40px; display:block; color:transparent; font-size:14px; text-align:center;text-indent: -999px;overflow: hidden;}
.tool .item{position:relative;height:40px;}
/*.tool .item:hover .pop{display:block;}*/
.tool .pop{position:absolute; right:100%; top:0px; display:none; border:1px solid #e0e0e0; background:#f2f2f2;}
.tool .code .btn{ background:url(../images/w_hjy/icon/tool_btn.png) 3px 3px no-repeat;background-color:#fff;}
.tool .publish .btn{ background:url(../images/w_hjy/icon/tool_btn.png) 7px -51px no-repeat; line-height:40px;background-color:#fff;}
.tool .publish .btn em{font-size: 13px; line-height: 1.2; position: relative; top: 4px;display:inline-block;}
.tool .share .btn{ background:url(../images/w_hjy/icon/tool_btn.png) 6px -105px no-repeat; line-height:40px;background-color:#fff;}
.tool .back .btn{ background:url(../images/w_hjy/icon/tool_btn.png) 6px -168px no-repeat;background-color:#fff;}
.tool .btn:hover{ background:#3bb7ff; color:#fff; text-decoration: none;text-indent: 0;} 
.tool .code .btn em,.tool .back .btn em{ line-height: 15px; display: block; padding-top: 5px;}
.code_box{ background:#fff; padding:8px 12px; width:270px; border-radius:5px;}
.code_box img{ float:left;}
.code_box .det{ padding-left:92px; line-height: 1.8;}
.code_box .det h3{ font-size:16px; color:#222; font-weight:normal;padding-left:10px;}
.code_box .det ul li{ background:url(../images/w_hjy/icon/dian.png) left center no-repeat; padding-left:10px; color:#555; font-size: 14px;}
.publish_box{white-space:nowrap; background:#fff; padding: 7px; border-radius:5px;}
.publish_box .mine{}
.publish_box .mine li{}
.publish_box .mine li a{display: block; padding:6px;}
.publish_box .mine li a:hover{background-color: #ddd;}
.publish_box .mine li img{display: inline-block; width:46px; height: 46px; vertical-align: top; border-radius: 50%;}
.publish_box .mine li span{display: inline-block; margin-left: 5px; font-size: 14px;line-height: 46px;}
.publish_box .mine li span em{color: #888;}
.share_box{white-space:nowrap; padding:20px 8px 16px 8px; background:#fff; border-radius:5px;}
.share_box a{ display:inline-block; color:#555;text-align:center; margin-right:7px;}
.share_box.bdshare-button-style1-32{ width:300px; }
.share_box.bdshare-button-style1-32 a {display:inline-block; color:#555;text-align:center; margin-right:7px;width:50px; height:34px; display:block; background:url(../images/w_hjy/icon/share.png) 0px 0px no-repeat ;}
.share_box.bdshare-button-style1-32 a.icon_1{ background-position:8px 0px;}
.share_box.bdshare-button-style1-32 a.icon_2{ background-position:8px -54px;}
.share_box.bdshare-button-style1-32 a.icon_3{ background-position:8px -114px;}
.share_box.bdshare-button-style1-32 a.icon_4{ background-position:8px -179px;}
.share_box.bdshare-button-style1-32 a.icon_5{ background-position:8px -245px;}
.share_box a i{ width:50px; height:34px; display:block; background:url(../images/w_hjy/icon/share.png) 0px 0px no-repeat ;}
.share_box a.icon_1 i{ background-position:8px 0px;}
.share_box a.icon_2 i{ background-position:8px -54px;}
.share_box a.icon_3 i{ background-position:8px -114px;}
.share_box a.icon_4 i{ background-position:8px -179px;}
.share_box a.icon_5 i{ background-position:8px -245px;}
.share_box a.icon_5{ margin-right:0}
.share_box a em{ display:block;margin-top:8px;}
.share_box a.icon_3 em{ letter-spacing: 1em; margin-right: -1em;}

/*名师改版 end*/

/*新增修改 S*/
.publish_box .mine li span em{display: inline-block;width: 152px;}
.publish_box{/*height: 290px;*/overflow: hidden;padding: 5px;padding-right: 30px;}
.publish_box .ni_t_b{position: absolute;right: 30px;top: 0px;height: 100%;}
.publish_box .ni_t_b .ni_t,.publish_box .ni_t_b .ni_b{cursor: pointer;background: url(../images/w_hjy/ni_rt_tb_ico.png) no-repeat;width:30px;height:30px;position: absolute;left: 0px;}
.publish_box .ni_t_b .ni_t{left: 0px;background-position: 0px 7px;display: none;}
.publish_box .ni_t_b .ni_b{bottom: 0px;background-position: 0px -36px;}
.publish_box .ni_t_b .ni_t:hover{background-position: -32px 7px;}
.publish_box .ni_t_b .ni_b:hover{background-position: -32px -36px;}
.t-sideL.w1200 .w880{width: 880px;}
.t-sideL.w1200{width: 1200px;}
.t-sideL.w1200 .sousuo{background: none;}
.t-sideL.w1200 .sousuo .left{background: #fff;} 
.t-sideL.w1200 .sousuo .ni_a{width: 300px;height: 40px;line-height: 40px;color: #3d95d5;font-size: 18px;text-align: center;background: #fff;}
.t-sideL.w1200 .workrooms{height: auto;}
.t-sideL.w1200 .workrooms li{margin-bottom: 20px;/*margin-right: 9px;*/}
.workrooms.for4 li{margin-right: 9px;}

.t-newest-l.ni_lit_ico .col1 {line-height: 16px;width: 380px;}
.t-newest-l.ni_lit_ico .col2,.t-newest-l.ni_lit_ico .col3{padding: 3px 0;}
.t-newest-l.ni_lit_ico li{line-height: 16px;margin-bottom: 5px;}

.ni_g_home_tl{font-size: 14px;color: #acacac;background: url(../images/w_hjy/ni_g_home_ico.png) no-repeat left center;line-height: 35px;height: 35px;font-family: "宋体";padding: 10px 0 10px 25px;}
.ni_g_home_tl a,.ni_g_home_tl span{font-family: "微软雅黑";}
.ni_g_home_tl a{color: #0da4ea;}
.ni_g_home_tl span{color: #555555;}
.ni_g_home_tl.py_crumb{padding: 10px 0;background: none;}
.ni_g_home_tl.py_crumb a{color: #555;}
.ni_g_home_tl.py_crumb a:hover{color: #0da4ea;}
.ni_g_home_tl.py_crumb .homePage{background: url(../images/w_hjy/ni_g_home_ico.png) no-repeat left 8px;padding-left: 25px;display: inline-block;}
.ni_g_mbx{/* border: 2px solid #dbd8d8; */background: #fff;}
.ni_g_mbx .sousuo{padding: 18px 0 0 18px;}
.ni_g_mbx .ni_num_of_s{margin:10px 0 0 18px}
.w880{width: 880px;}
.ni_g_search_end .zl_choose_list li{position: relative;padding:20px 150px 30px 125px;color: #888;border-bottom: 1px solid #e7e7e7;zoom:1;*margin-top: -2px;}
/* .ni_g_search_end .zl_choose_list li:hover,.zl_choose_list li.hover{background: #f3f3f3} */
.ni_g_search_end .zl_choose_list .img{position: absolute;left:18px;top:20px;}
.ni_g_search_end .zl_choose_list .img,.zl_choose_list .img img{width:88px;height:88px;overflow: hidden;}
.ni_g_search_end .zl_choose_list .name {font-size: 18px;font-weight: bold;color:#555;line-height: 40px;}
.ni_g_search_end .zl_choose_list .name:hover{text-decoration: underline;}
.ni_g_search_end .zl_choose_list .xygraybtn,.zl_choose_list .xybluebtn{position: absolute;right:15px;top:22px;width: 60px;text-align: center;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico{background: url(../images/w_hjy/ni_search_end_ico.png) no-repeat;line-height: 16px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico01,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico01{background-position:  0 -1px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico02,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico02{background-position:  0 -22px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico03,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico03{background-position:  0 -42px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico04,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico04{background-position:  0 -60px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico05,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico05{background-position:  0 -85px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico06,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico06{background-position:  0 -110px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico07,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico07{background-position:  0 -138px;}
.ni_g_search_end .zl_choose_list .zl_fluid .ni_ico08,.ni_g_search_end .act_choose_list .zl_fluid .ni_ico08{background-position:  0 -165px;}

.ni_g_search_end .zl_choose_list .zl_fluid span em{color: #5b8ed1;}
.ni_g_search_end .zl_choose_list.zl_choose_list_wz li{padding-left: 18px;}

.ni_g_search_end .act_choose_list li {position: relative;padding: 20px 140px 52px 166px;color: #dbd8d8; border-bottom: 1px solid #e7e7e7;zoom: 1;}
.ni_g_search_end .act_choose_list .img, .act_choose_list .img img {width: 150px;height: 106px;overflow: hidden;}
.ni_g_search_end .act_choose_list .img {position: absolute;left: 18px;top: 20px;}
.ni_g_search_end .act_choose_list .li_name a{ font-size:18px; color:#555;}
.ni_g_search_end .act_choose_list li .zl_fluid p{ color:#555;}
.ni_g_search_end .act_choose_list em.orbtn.icon1{position:absolute; top:30px; right:18px; background:url(../images/w_hjy/zt1.png) 0 0 no-repeat;width:80px; height:25px; display:block;}
.ni_g_search_end .act_choose_list em.orbtn.icon2{position:absolute; top:30px; right:18px; background:url(../images/w_hjy/zt2.png) 0 0 no-repeat;width:80px; height:25px; display:block;}
.ni_g_search_end .act_choose_list em.orbtn.icon3{position:absolute; top:30px; right:18px; background:url(../images/w_hjy/zt3.png) 0 0 no-repeat;width:80px; height:25px; display:block;}
.ni_g_search_end .act_choose_list em.orbtn.icon4{position:absolute; top:30px; right:18px; background:url(../images/w_hjy/zt4.png) 0 0 no-repeat;width:80px; height:25px; display:block;}
.ni_g_search_end .act_choose_list em.orbtn{ position:absolute; top:30px; right:18px;width:80px; height:25px; display:block;}
.ni_g_search_end .act_choose_list span.peo_num{ position:absolute; top:83px; right:18px; color:#555; display:block;}
.ni_g_search_end act_choose_list span.peo_num em{ color:#5b8ed1;}
.ni_g_search_end .act_choose_list li{padding-right: 18px;}

.ni_g_upload_list .w312{width: 312px;}

.ni_g_upload_list .sideNav{background: #fff;border:1px solid #e0e0e0;min-height: 500px;}
.ni_g_upload_list .sideNav .navList{}
.ni_g_upload_list .sideNav .navList li{}
.ni_g_upload_list .sideNav .navList li a{color: #888;display: block;height: 50px;line-height: 50px;font-size: 18px;border-left: 6px solid #fff;}
.ni_g_upload_list .sideNav .navList li a:hover, .sideNav .navList li a.on{background-color: #f9f9f9;color: #0099ff;text-decoration: none;border-left-color: #0099ff;}
.ni_g_upload_list .sideNav .navList .icon{display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 10px;margin-left: 38px;background: url(../images/w_hjy/ni_g_l_nav_ico.png) no-repeat;}
.ni_g_upload_list .sideNav .navList .icon.i01{background-position: -9px -3px;}
.ni_g_upload_list .sideNav .navList li a:hover .icon.i01, .sideNav .navList li a.on .icon.i01{background-position: -60px -3px;}
.ni_g_upload_list .sideNav .navList .icon.i02{background-position: -9px -58px;}
.ni_g_upload_list .sideNav .navList li a:hover .icon.i02, .sideNav .navList li a.on .icon.i02{background-position: -60px -58px;}
.ni_g_upload_list .sideNav .navList .icon.i03{background-position: -9px -107px;}
.ni_g_upload_list .sideNav .navList li a:hover .icon.i03, .sideNav .navList li a.on .icon.i03{background-position: -60px -107px;}
.ni_g_upload_list .sideNav .navList .icon.i04{background-position: -9px -155px;}
.ni_g_upload_list .sideNav .navList li a:hover .icon.i04, .sideNav .navList li a.on .icon.i04{background-position: -60px -155px;}
.ni_g_upload_list .sideNav .navList .icon.i05{background-position: -9px -207px;}
.ni_g_upload_list .sideNav .navList li a:hover .icon.i05, .sideNav .navList li a.on .icon.i05{background-position: -60px -207px;}
.ni_g_upload_list .sideNav .navList .icon.i06{background-position: -9px -260px;}
.ni_g_upload_list .sideNav .navList li a:hover .icon.i06, .sideNav .navList li a.on .icon.i06{background-position: -60px -260px;}

.ni_g_upload_list .zj_noticeList li{border-bottom: 1px dashed #ededed;}
.ni_g_upload_list .zj_noticeList li a{font-size: 0;height: 60px;line-height: 60px;display: block;padding: 0 10px;}
.ni_g_upload_list .zj_noticeList li a:hover{background: #f9f9f9;text-decoration: none;}
.ni_g_upload_list .zj_noticeList li a:hover span{color: #0b4352;}
.ni_g_upload_list .zj_noticeList li a span{vertical-align: top;}
.ni_g_upload_list .zj_noticeList .topic{font-size: 16px;color: #555;display: inline-block;width: 620px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ni_g_upload_list .zj_noticeList .author{font-size: 14px;color: #888;display: inline-block;width: 90px;}
.ni_g_upload_list .zj_noticeList .time{font-size: 14px;color: #888;display: inline-block;width: 90px;text-align: right;}

.ni_g_upload_list .ni_b2{border: 1px solid #e0e0e0;background: #fff;}
.ni_g_upload_list .w862{width: 862px;}
.ni_g_upload_list .zj_mainWrap .ni_g_tit01{border-bottom: 1px solid #e0e0e0;line-height: 40px;border-left: 8px solid #0099ff;padding-left: 18px;position: relative;}
.ni_g_upload_list .zj_mainWrap .ni_tit_name{font-size: 20px;color: #0099ff;}
.ni_g_upload_list .zj_mainWrap .ni_g_tit01 i{position: absolute;border: 5px solid transparent;border-left-color: #0099ff;left: 0px;top: 50%;margin-top: -5px;}
.ni_g_upload_list .zj_mainWrap .ni_g_tit01 .ni_tit_num{background: #5ab3ff;font-size: 14px;color: #fff;height: 20px;line-height: 20px;margin-top: 11px;padding: 0px 12px;border-radius: 10px;margin-left:12px;}

.ni_g_jtl_01{width: 100%;}
.ni_g_jtl_01 .ni_img{position: relative;}
.ni_g_jtl_01 .ni_img img{width: 100%;height: 100%;}
.ni_g_jtl_01 .ni_pa{position: absolute;width: 100%;height: 30px;line-height: 30px;left: 0px;bottom: 0px;background: url(../images/zj_ms/ni_bg_color01.png);color: #fff;font-size: 16px;}
.ni_g_jtl_01 .ni_txt .ni_tit{font-size: 16px;line-height: 36px;height: 36px;overflow: hidden;}
.ni_g_jtl_01 .ni_txt .ni_tit a{color: #888888;}
.ni_g_jtl_01 .ni_img:hover{border-color: #afafaf;box-shadow: 0 0 2px 2px #26b5ff;}
.ni_g_jtl_01 .ni_txt .ni_tit a:hover{color: #0b4352;}

.ni_g_jtl_01 .ni_img .ni_pa_play{width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;display: none;}
.ni_g_jtl_01 .ni_img a:hover .ni_pa_play{display: block;}

.ni_g_msjt_list{border: 1px solid #eeeeee;background: #fff;}
.ni_g_msjt_list .ni_li{width: 200px;float: left;margin: 0 18px 30px 19px;}
.ni_g_msjt_list .ni_li .ni_g_jtl_01 .ni_img{border: 1px solid #eeeeee;height: 138px;}
.ni_g_msjt_list .ni_li .ni_g_jtl_01 .ni_txt .ni_tit a{color: #222;}
.ni_g_msjt_list .ni_li .ni_g_jtl_01 .ni_txt .ni_ded{font-size: 14px;line-height: 16px;height: 16px;}
.ni_g_msjt_list .ni_li .ni_g_jtl_01 .ni_txt .ni_ded .ni_span01{color: #0b4352;}
.ni_g_msjt_list .ni_li .ni_g_jtl_01 .ni_txt .ni_ded .ni_span02{color: #888;width: 130px;overflow: hidden;height: 100%;text-align: right;}

.ni_g_t1_9add .workrooms {height: auto;}
.ni_g_t1_9add .t-sideL.w1200 .workrooms li{margin-bottom: 7px;}
.ni_g_t1_9add .t-trends-wrap{height: 549px;}
/*新增修改 E*/

/*区域&#51;&#54;&#53;&#32;&#77;&#101;&#116;&#101;&#110;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#23448;&#26041;&#20307;&#32946;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#97;&#115;&#105;&#97;云*/
.c_main_wrap.area{ background: #e0f0fd url(../images/w_hjy_v2/area-bg.jpg) center bottom no-repeat; height: 600px;}
.c_main.c_openSuccess.area_con { background: none; padding-top:150px; }
.c_openSuccess.area_con fieldset legend{ color: #288add; font-size: 32px; font-weight: bold; padding:0 15px; }
.c_openSuccess.area_con fieldset{ border: 2px solid #288add; background: #fff; width: 560px; height: 167px; padding: 25px 18px; }
.k_cli .workrooms li{margin-bottom: 20px;}
.c_openSuccess.area_con p{ color: #555; font-size: 20px; height: 40px; line-height: 40px; }
.c_openSuccess.area_con p em{ color:#288add; font-size: 24px; vertical-align: top; }

/*&#51;&#54;&#53;&#32;&#77;&#101;&#116;&#101;&#110;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#23448;&#26041;&#20307;&#32946;&#25237;&#27880;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#97;&#115;&#105;&#97;平台使用完毕*/
html,body{ height: 100%; }
.c_main_wrap.used{ background: #f9f9f9 url(../images/w_hjy_v2/used-bg.jpg) center center no-repeat; height: 100%; padding-bottom: 0; }
.c_main_wrap.used h3{ line-height: 30px; font-size: 30px; color: #72625d; }
.c_main_wrap.used .atten_rect{ width:424px; padding:78px 66px 21px 66px; position: relative; float: right; box-shadow: 1px 1px 10px #ecf1f8; background: #fff; border-radius: 16px;}
.c_main_wrap.used .atten_rect p{ line-height: 40px; font-size: 18px; color: #69717c; margin-top:28px; text-align: justify;}
.c_main_wrap.used .atten_rect i{ position: absolute; top:-48px;left: 50%;margin-left: -48px; width: 95px; height: 95px; display: block; background: url(../images/w_hjy_v2/atten_icon.png) center center no-repeat; }
.c_main_wrap.used .c_main.c_openSuccess{ background: none; padding-top: 185px; }
.phone-num2{ color: #72625d; }

/*开通不成功 服务结束*/
.service-fail{ line-height: 40px; margin-top:66px; padding: 0 120px; }
.phone-num{ font-size: 24px; color: #02b854; }

/*武汉慧教云 标题头改*/
.wh_hjy_tit1{background-color: white;margin-top: 20px;}
.wh_hjy_tit1.u-HomeTit1 .case{float: left;margin-left: 30px;}
.wh_hjy_tit1more{ background:url(../images/index0331/zy_home/more.gif) no-repeat; width:30px; height:14px; float:right; margin: 7px 10px 0px 0px;}
