*{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;margin: 0;padding:0;}
html{font-size: 14px;color: #424242;}
table {border-collapse: collapse;border-spacing: 0;}
ol,ul {list-style: none;}
dl  {-webkit-margin-before:0;-webkit-margin-after:0;}
h1,h2,h3,h4,h5,h6 {font-size: 14px;}
a{text-decoration: none;color:#424242;}
a:hover,.color81 a:hover,.color81 a.cur {color: #000}
.blue {color:#00baf2;}
input,button,input[type="button"] {outline: none;}
button,input[type="button"]  {color:#FFF;background-color: #00baf2;line-height: 30px;border:none;padding:5px;border-radius: 5px;cursor: pointer;}
button:hover,input[type="button"]:hover {opacity: .9;}
img {border:none;}
body  {text-align: left;}
body{color: #424242;font-size:14px;line-height:1.75;background:#FFF;min-width: 1230px;}
.red{color: #c01920;}
.redb {background: #c01920;color: #FFF;}
.disabled {background: #999;}
.del{text-decoration: line-through;}
.clear  {clear: both;width: 0px;height: 0px;overflow: hidden;}
.fl,.Left{float: left;}.fr,.Right{float: right;}.tl{text-align: left;}.tc{text-align: center;}.tr{text-align: right;}
.disp-n {display: none;}
.color81,.color81 a  {color:#818181;}
.fb {font-weight: bold;}
.f14  {font-size: 14px;}.f16  {font-size: 16px;}.f18  {font-size: 18px;}.f20  {font-size: 20px;}.f22  {font-size: 22px;}
input.iw60 {width: 60px;},input.iw80 {width: 80px;}
/*Margin-Arrays*/
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}

.mt30{margin-top: 30px;}.ml30{margin-left: 30px;}.mr30{margin-right: 30px;}.mb30{margin-bottom: 30px;}
.mt20{margin-top: 20px;}.ml20{margin-left: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px;}.ml10{margin-left: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.mt15{margin-top: 15px;}.ml15{margin-left: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.mt5{margin-top: 5px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom: 5px;}
.mt30{margin-top: 30px;}.ml30{margin-left: 30px;}.mr30{margin-right: 30px;}.mb30{margin-bottom: 30px;}
.ml50{margin-left: 50px;}.mt50{margin-top: 50px;}.mr50{margin-right: 50px;}.mb50{margin-bottom: 50px;}
.mr40{margin-right: 40px;}.ml40{margin-left:40px;}
.ml-10{margin-left: -10px;}.mt80{margin-top: 80px;}.mt100{margin-top: 100px;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } 
 .clearfix {display: inline-block;}* html
 .clearfix{height: 1%;} .Clearfix{display: block;} /* for IE/Mac */  
.clearfix {zoom: 1;display: block;}
.img img{width: 100%;height: 100%;overflow: hidden;}
.border-bom1{border-bottom: 1px solid #ddd;}
.con{padding-left: 20px;}
.ml-20{margin-left: -20px;}
.ml5{margin-left: 5px;}

.mask {width:100%;height:100%;position:fixed;background: url(../images/95dc798763e7191d096823b51600438a1218c0.png);top:0px;left:0px;z-index:50000;display: none;}

.Page {width: 1200px;margin:auto;}
.Header {padding:20px 0px 40px 0px;height: 40px;border-bottom: 1px solid #EEE;background: #FFF;position: relative;z-index: 100;}
  .Header .Logo {margin-top: 0;margin-right: 45px;}
    .Header .Logo img.sublogo {margin-left: 15px;margin-top: 5px;}
  .Header .Navigate {margin-left: 0;}
    .Header .Navigate li {float: left;font-size: 16px;line-height: 1;padding-top:24px;padding-right: 30px;*padding-right: 25px;position: relative;padding-bottom: 10px;margin-bottom: -10px;}
      .Header .Navigate li p.min_more    {background: url(../images/tips.png) no-repeat right center;padding-right: 10px;font-size: 16px;cursor: default;}
      .Header .Navigate li:hover p.min_more  {background-image: url(../images/tips2.png)}
      .Header .Navigate li div.min_more   {position: absolute;top:50px;z-index: 101;background: #FFF;left: -20px;right: 10px;display: none;border:1px solid #EEE;border-radius: 3px;line-height: 36px;}
      .Header .Navigate li:hover div.min_more {display: block;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
          .Header .Navigate li div.min_more a {display: block;text-align: center;}
  .Header .Search {height: 22px;border:1px solid #15b1e4;border-radius: 5px;background-color: #15b1e4;margin-top: 20px;width:180px;}
    .Header .Search * {height: 22px;line-height: 22px;}
    .Header .Search button  {background-color: transparent;border:none;color:#FFF;width: 50px;line-height: 1;padding:0;}
    .Header .Search input {border:none;width: 130px;text-indent: 5px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 12px;padding: 0;}

.Content  {padding:20px 0;}
.Footer {background-color: #f5f5f5;padding-bottom: 40px;border-top:1px solid #EEE;}
  .Footer .Links  {overflow: hidden;padding:15px 0px;line-height: 40px;border-bottom: 1px solid #FFF;}
    .Footer .Links dt {float: left;width: 125px;font-size: 16px;}
    .Footer .Links dd {float: left;width: 1075px;}
      .Footer .Links dd a{margin-right: 30px;white-space:nowrap}
  .Footer>.Page  {padding-top: 55px;}
  .Footer .QRcode {margin:0 50px;width: 280px;float: left;}
    .Footer .QRcode caption {padding-bottom: 30px;}
  .Footer .Info  {margin-top: 70px;line-height: 1}
    .Footer .Info .Map  {margin-bottom: 45px;font-size: 14px;}
      .Footer .Info .Map a,.Footer .Info .Map span  {margin-right: 15px;}
      .Footer .Info .Map span {border-left: 1px solid #AAA;}
    .Footer .Info .Call {font-size: 22px;font-weight: bold;padding-left: 30px;background: url(../images/call.png) no-repeat left 1px;margin-right: 30px;}
    .Footer .Info .callTime {margin-top: 6px;}
    .Footer .Info .copy {color: #818181;margin-top: 15px;font-size: 14px;text-align: left;}
      .Footer .Info .copy a {color: #818181;}
      .Footer .Info .copy a:hover {color: #000;}

/*分页*/
.pagination {}
.pagination  {margin: 30px auto;text-align: center;font-size: 18px;}
  .pagination li  {display:inline-block;margin:0px 2px;height: 30px;line-height: 30px;overflow: hidden;background: #FFF;border:1px solid #EEE;}
  .pagination li  {*display:inline;}
  .pagination li.disabled,.pagination li.disabled:hover {border-color:#EEE;padding:0px 10px;cursor: default;}
  .pagination li.active,.pagination li:hover  {border-color: #00baf2;}
  .pagination li:last-child.last.disabled {border-color:#FFF;font-size: 14px;color: #818181}
    .pagination li a{display: block;padding:0px 10px;}
    .pagination li.active a,.pagination li a:hover{background: #00baf2;color:#FFF;}


.Advice {position: fixed;width: 588px;height: 392px;padding:7px 6px;background:#FFF url(../images/zxtzbk.png) no-repeat;top:50%;left: 50%;margin-top: -203px;margin-left: -300px;z-index: 50001;}
  .Advice .Main {font-size: 12px;padding:20px 20px 40px 40px;position: relative;}
    .Advice .Main h3  {font-size: 16px;color: #c01a20;font-weight: bold;margin-top: 10px;}
    .Advice .Main a {font-size: 14px;color: #0c72f0;}
    .Advice .Main .close  {position: absolute;top:0px;right: 2px;width: 40px;height: 40px;border-radius: 0;background: #c01a20 url(../images/close.png) no-repeat center center;font-family: Arial;padding: 0;text-align: center;line-height: 1;}
    .Advice .Main #bizQQ_WPA  {position: absolute;right: 20px;bottom: -20px;width: 152px;height: 49px;background: url(../images/c14bf7e41480992525e379f0ee3f2482adfd03.png) no-repeat; padding:0;border-radius: 0;}
    



.ClassList  {margin-top: 20px;}
.ClassList li {margin-bottom: 35px;overflow: hidden;}
.ClassList li div.delete  {width: 16px;height: 21px;background-image: url(./images/delate.png);display: none;margin-right: 20px;cursor: pointer;margin-top:10px;}
.ClassList li div.delete:hover  {background-image: url(./images/delate2.png);}
.ClassList li:hover div.delete  {display: block;}
.ClassList.hasMore li:hover {margin-bottom:25px;}
.teacherCenter li:hover.Ing {margin-bottom: 10px;}
.ClassList .lessonImg{float: left;width: 40%;overflow: hidden;}
    .ClassList .lessonImg img   {width: 100%;height: 100%}
    .ClassList .lessonImg .watchVideo{width: 500px;height:275px;overflow: hidden; background-image: url(./images/videobutton_v1.png);background-repeat: no-repeat;background-position: center ; position: absolute;left: 0px;top: 0px; z-index: 2; }
        .ClassList .lessonImg .watchVideo:hover{ background-image: url(./images/videobutton2_v1.png); }
.ClassList .lessonIng{margin-top: 0px;float: right;width: 54%;}
.ClassList .lessonIng>div.lessonIngTitle{line-height:20px;height: 37px;font-size: 16px;}
.ClassList .lessonIng a.ag  {padding-left: 20px;background:url(./images/printf.png) no-repeat left center;font-size: 14px;}
.ClassList .lessonIng a:hover.ag  {background-image:url(./images/printf2.png);}
.ClassList .lessonIng>div.lessonIngCon{line-height:30px;}
.ClassList .lessonIng>div.lessonIngCon p   {height:30px;font-size:15px;/*line-height: 1;*/}
.ClassList .lessonIng>div.lessonIngCon p span.other {margin-left: 40px;}
.ClassList .lessonIng>div.lessonIngCon p span.red {margin:0px 40px;}
.lessonIngCon_new {height: 130px;}

.ClassList .lessonIng>div .btn{float:left;font-size: 16px;line-height:40px;height:40px;width: 100px;text-align: center;padding:0px;}
.ClassList .lessonIng>div.bottom{height: 40px;line-height: 40px;}
.ClassList .lessonIng>div.bottom p  {background: url(./images/sure.png) no-repeat left center;float: left;padding-left: 25px;margin-left:10px; }

.TrainDetail .classbg{height: 287px;background-color:#F2FBFE;padding: 30px 0px;}
.TrainDetail  .Ing>div>a>img{height: 277px;width:500px;}
.bgcolor10{background-color: #F2FCFE;}

.hgray{height:20px;overflow: hidden; color:#999;width: 650px;}
.TrainDetail .classbg .ClassList .lessonImg{width: 500px;height: 280px;}
.TrainDetail .classbg .ClassList .lessonImg img{width:100%;height:100%;}
.TrainDetail .ClassList .lessonIng{    margin-top: 0px;float: right;width: 670px;padding-left: 20px;}
 .TrainDetail .fr.agree{margin-top: 10px;margin-left: -50px;}
.Trainspecial{height: 50px;line-height:50px;}
     .TrainDetail .ClassList .lessonIng>div.lessonIngCon p {height: 45px;}

    .lessonIng>div.lessonIngCon p span.f22.red {margin: 0px 0px;max-width: 100px;height: 40px;overflow: hidden;}
        .lessonIng>div.lessonIngCon p span.goodprice {float: left;height: 30px;overflow: hidden; width: 540px;margin-left:10px;display:block;line-height: 30px;padding-top:10px;}
.Trainspecial p.first{padding: 0px;margin-right: 10px;}
.Trainspecial p{float: left;padding-left: 20px;background-repeat: no-repeat;background-position:left center;margin-right: 20px;}
    .TrainDetail .lessonIngCon p{height: 60px;line-height: 40px;}
    p.lineheight50{line-height: 50px;height: 50px;}
    .img1{background-image: url(https://static.edu.51cto.com/pxb/images/voice.png) no-repeat;}
     .img2{background-image: url(https://static.edu.51cto.com/pxb/images/realtest.png)no-repeat;}
     .img3{background-image: url(https://static.edu.51cto.com/pxb/images/drafts.png) no-repeat;}
     .img4{background-image: url(https://static.edu.51cto.com/pxb/images/videoshow.png) no-repeat;}
     .Trainspecial p.img5{background-image: url(https://static.edu.51cto.com/pxb/images/location.png);}
     .Trainspecial p.img6{background-image: url(https://static.edu.51cto.com/pxb/images/friend.png);}
     .Trainspecial p.img7{background-image: url(https://static.edu.51cto.com/pxb/images/upup.png);}
     .Trainspecial p.img8{background-image: url(https://static.edu.51cto.com/pxb/images/exam.png);}
     .Trainspecial p.img9{background-image: url(https://static.edu.51cto.com/pxb/images/loan.png);}
.h45{line-height: 45px;height: 45px;}
.TrainDetail .lessonIng .lessonIngCon .lh29{line-height: 45px;}
    .TrainDetailbom{border-bottom: 1px solid #aaa;background-color: #F5F5F5;line-height: 50px;height: 50px;padding:3px 0px;}
        .TrainDetailbom.fixed  {position: fixed;width: 100%;left: 0px;top: 0px;z-index: 999;display: none;}
            .TrainDetailbom.fixed h4 {cursor: pointer;}
            .TrainDetailbom.fixed h4:hover {color: #00BAF2;}
    .bottom.bom {padding-top:17px;}
    .bottom.bom button{height: 45px;margin-right: 20px;display: block;float: left;}
    .bottom.bom a.btn   {height: 45px;margin-right: 20px;display: block;float: left;}
    .TrainDetail .operate{margin-top: 10px;}
    	.TrainDetail .operate a{display: block;}
.TrainDetail .operate p {cursor: pointer;height: 26px;padding:0px 0px 0px 20px;background-position: left center;color: #999;background-repeat:no-repeat ;}
.operate p:hover{color: #FD971F;}
.operate p.img1{background-image:url(https://static.edu.51cto.com/pxb/images/grayshare.png);}
.operate  p.img1:hover{background-image:url(https://static.edu.51cto.com/pxb/images/goldshare.png);}
.operate p.img2{background-image:url(https://static.edu.51cto.com/pxb/images/graycolect.png);}
.operate p.img2:hover{background-image:url(https://static.edu.51cto.com/pxb/images/goldcolect.png);}
.operate p.img2.faved{background-image:url(https://static.edu.51cto.com/pxb/images/goldcolect.png);}
        .TrainDetail .operate img.img2{margin-top: 0px;margin-left:30px;padding: 11px 0px 13px 0px;}
            .TrainDetail .operate p{display: inline-block; margin:0px 0px 0px 5px;}
            .TrainDetail .Left{width:930px;float: left;}
            .TrainDetail .Right{width:240px;float: right;padding-left: 30px;}
            .TrainDetail .Left>.Trainintro{padding: 20px 0px;}
            .TrainDetail .Right>.Trainintro{padding: 20px 0px;}
            .TrainDetail .Left>.Trainintro>.teachintro {}
            .TrainDetail .Left>.Trainintro>.teachintro p {white-space: normal;}
            .TrainDetail .Left>.Trainintro>.teachintro table,.TrainDetail .Left>.Trainintro>.teachintro img{max-width:930px;}
            .TrainDetail .Left>.Trainintro>.teachplan div.title{
                background-image: url(./images/teachplan.png);
                background-repeat: no-repeat;
                margin: 10px;text-align: center;
                color: #00BBF2;
                width: 30px;
                line-height: 30px;
                float: left;
            }
            .TrainDetail .Left>.Trainintro>.teachplan .PlanName{float: left; font-size: 16px;height: 50px;line-height: 50px;margin-left: 10px;}
            .TrainDetail .Left>.Trainintro>.teachplan .time{float: right;height: 45px;line-height: 45px;color: #A1A1A1;}
            .TrainDetail .Left>.Trainintro>.teachplan .intro{ margin-left: 40px;}
            .TrainDetail .Left>.Trainintro>.teachplan .intro p{height: 27px;line-height: 27px;background-color:#01BAF2;color: #fff;float: left;padding-left: 10px;padding-right: 10px;margin-left: 20px;margin-bottom: 20px;}
         .TrainDetail .Left>.WorkFlow>.Workpic{padding-top: 20px;margin-bottom: 80px;}
         .TrainDetail .Left>.WorkFlow>.Workpic img{width: 930px;}

         .TrainDetail .Right>.teacher{padding: 30px 0px;line-height: 1.7;}
         .TrainDetail .Right>.teacher>.teacherhead{position: relative;text-align: center;margin:0px auto;width: 144px;height: 144px;overflow: hidden;}
         .TrainDetail .Right>.teacher>.teacherhead img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
         .TrainDetail .Right>.teacher h2 {font-size: 22px;text-align: center;}
         .TrainDetail .Right>.teacher p {color:#999;line-height: 1.75;}
         .TrainDetailbom.h4{background-color: #F5F5F5;}

         .TrainDetailbom.h4 h4{width: 100px;overflow: hidden;height:55px;line-height: 55px;font-size: 22px;}
         .TrainDetailbom.h4 button{height:50px;}

         .TrainDetail .classbg .ClassList .lessonImg img.videobutton{position: absolute;top: 33%;left:40%;width: 100px;}

.bottom button{font-size: 16px;height: 38px;line-height: 38px;border-radius: 4px; float: left;margin-left: 0px;margin-right: 20px;}

.centers {display: inline;float: left;margin-bottom: 10px;width: 100%;}
.co-title, .vi-contant, .vi-add {border-bottom: 1px solid #EAEAEA;}


.co-title, .vi-contant, .vi-add {border-bottom: 1px solid #EAEAEA;}
.vi-left {float: left;width: 90%;line-height:30px;font-size:15px;}
.vi-left li {float: left;width: 100%;}
.content font {color: #000000;font-size: 14px;font-weight: bold;}
.lititle {color: #000000;font-size: 14px;font-weight: bold;height: 25px;line-height: 25px;margin-bottom: 10px;}
.contant {background: none repeat scroll 0 0 transparent;border: medium none;top: 0;width: 678px;}
.center p{font-size: 13px;text-indent: 2em;}

/*---online---*/
.onlineform{color: #333333; overflow: hidden; padding: 12px 16px;}
.online {}
.online li{float:left;line-height:50px;width:800px;display: block;}
.online li p{width:318px;text-indent:0;line-height:50px;}
.online li .on1{float:left}
.online li .on2{float:right;}
.online li .np{margin:0 8px;}
.online li em {float: left;font-style: normal;width: 100px;line-height:50px;}
.online .txtr{line-height: 21px;}
.online .intxt {height: 30px;line-height:30px;margin: 5px 0;}
.online .button{padding-top: 12px;margin-left: 250px; width: 300px;_margin-left: 125px;*margin-left: 125px;_width: 500px;*width: 500px}
.online .button .coolbg{background: url("/longreNew/images/index.png") no-repeat scroll 0 0 transparent;border: 0 none;float: left;cursor: pointer;height: 30px;width: 100px;}
.online .button .resetbg{background: url("http://www.njlongre.com/templets/default/images/cz.gif") no-repeat scroll 0 0 transparent;border: 0 none;float: left;cursor: pointer;height: 30px;width: 100px;margin-left:20px;}