@charset "utf-8";
body { background: url(/img/manger/topBg.png) repeat-x 0 0px; min-height: 810px; height: 100%; overflow:hidden; }
html { height: 100%; }
.wrapper { margin: 200px auto 0 auto; width: 100%; background: url(img/cloder.gif) no-repeat bottom right #00a0e9; height: 345px; }
.red, .font-red { color: #e00; }
.center { position: relative; width: 980px; margin: 0 auto; }
.main-bg { float: left; display: inline; }
.mainBg img { margin-top: 50px; }
.h1-title { font-size: 24pt; color: #fff; padding-top: 30px; }
.mainBottom { }
.contentinfo{text-align:center;padding:5px 0;}
.contentinfo a{  color:#848484; text-decoration:none; }
.block-p { display: block; height: 45px; }
.login-panel { float: left; margin-top: 50px; margin-left: 150px; display: inline; height: 150px; width: 375px; }
.lable { font-size: 16px; height: 30px; line-height: 30px; width: 60px; float: left; color: #fff; display: block; font-family: "微软雅黑"; }
.text-input { float: left; height: 30px; line-height: 30px; margin-left: 3px; width: 175px; padding-left: 22px; border: 1px solid #09f; margin-bottom: 10px; background: url(img/user.gif) no-repeat 5px center #fff; }
.pass-input { float: left; height: 30px; line-height: 30px; margin-left: 3px; width: 175px; border: 1px solid #09f; padding-left: 22px; margin-bottom: 10px; background: url(img/pass.gif) no-repeat 5px center #fff; }
.code-input { float: left; height: 30px; line-height: 30px; margin-left: 3px; margin-bottom: 10px; width: 75px; border: 1px solid #09f; margin-bottom: 10px; background: #fff; }
.text-input:focus, .pass-input:focus { border: 1px solid #0ef; box-shadow: 0px 0px 5px #0ef; }
.vimg { float: left; height: 30px; display: block; width: 75px; overflow: hidden; }
.button, .login-button { background: #E88700; font-family: "微软雅黑", ' Tahoma'; width: 155px; height: 50px; overflow: hidden; border: none; outline: none; font-size: 18px; color: #fff; text-align: center; }
.login-button:hover, .button:hover { background: #0f4f4c; background: #66B238; cursor: pointer; transform: translateZ(40px); transform-style: preserve-3d; }
.refresh-img { display: block; float: left; margin-left: 3px; width: 80px; height:30px; }
    .cash-input{ padding:10px 0;}
@media screen and (max-width:800px) { 
    body{ background:#09f;}
    .main-bg{ display:block; float:none;}
    .center{ width:100%;}
 .wrapper{ margin-top:60px;}
 .tool-icon{ position:absolute;right:0;}
 .main-bg img{ display:none;}
 .h1-title{ text-align:center;}
 .login-panel{ margin:10px auto; float:none; display:block; width:285px;}
 
}
.mask-panel { width: 100%; position: absolute; height: 100%; z-index: 8888; opacity:0.65;filter:alpha(opacity=65); background:#000;   top: 0; left: 0; }
.dialog-box { position:relative; width: 470px; margin:150px auto;  z-index:9999;box-shadow:1px 2px 20px rgba(0,0,0,0.5); }
.dialog-panel{position: absolute; width: 100%; top: 0px; height: 100%; display:none; left:0px; }
.dialog-panelshow{position: absolute; width: 100%; top: 0px; height: 100%; left:0px; }
.dialog-title-panel { background-color: #EBF2FA; border-bottom: 1px solid #B6C5D6; font-size: 14px; font-weight: 700; height: 40px; line-height: 40px; z-index:9999 }
.dialog-title { float: left; font-size: 16px; padding-left: 10px; color: #333; }
.dialog-close-button { font-weight: bold; font-family: Arial; float: right; padding-left: 10px; padding-right: 10px; cursor: pointer; }
.dialog-close-button:hover { background: #F23E49; color: #fff; }
.person-info { background: #fff; width: auto; padding: 10px 40px; }
.person-info p { margin: 5px 0; padding: 5px 0; border-bottom: 1px dashed #d5d5d5; }
.person-info p b { color: #252525; font-weight: normal; font-size: 18px; }
.span-block { display: inline-block; width: 90px; text-align: right; font-size: 16px; color: #555 }
.password-info { background: #fff; width: auto; padding: 10px 40px; }
.password-info p { margin: 10px 0; }
.p-block-center { text-align: center; }
.system-tip-info{ padding:50px 0;background: #fff; text-align:center; color:#fa5645; }
.password-info-input { background: url("img/pass.gif") no-repeat scroll 5px center #fff; border: 1px solid #d2d2d2; height: 40px; line-height: 40px; margin-left: 3px; padding-left: 22px; width: 185px; }
.password-info-input:focus { border-color: #08e; transition: all 0.3s ease-in 0s; width: 190px; border-radius: 2px; }
.phonenum-info { background: #fff; width: auto; padding: 10px 40px; }
.phonenum-info p { margin: 10px 0; }
.phonenum-info-input { background: url("img/phone.gif") no-repeat scroll 5px center #fff; border: 1px solid #d2d2d2; height: 40px; line-height: 40px; margin-left: 3px; padding-left: 22px; font-size: 18px; width: 185px; }
.phonenum-info-input:focus { border-color: #08e; transition: all 0.3s ease-in 0s; width: 190px; border-radius: 2px; }
.coach-rate-info{background: #fff; width: auto; padding: 10px 40px;}
.stu-info-panel{ float:right;width:24%;}
.order-modle-panel{ float:left; width:74%;}
.illegal-rule-panel{ clear:both;}
.stu-info-panel p:nth-child(odd){background:#fff;padding:4px 6px;}
.stu-info-panel p:nth-child(even){background:#f1f1f1;padding:4px 6px;} 
.myorder-table ,.train-rcd-table,.pay-table,.person-table,.order-modle-table,.order-inner-table,.illegal-rule-table{  border:1px solid #d8d8d8; width:100%;border-collapse: collapse;   }
.myorder-table tr th,.train-rcd-table tr th,.pay-table tr th,.person-table tr th,.order-modle-table tr th,.order-inner-table tr th,.illegal-rule-table tr th{border:1px solid #d8d8d8;padding:8px;background: #fafafa; background: -moz-linear-gradient(center top, #f8f8f8, #eee) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eee));} 
.myorder-table tr td,.pay-table tr td,.train-rcd-table tr td,.person-table tr td,.order-modle-table tr td,.order-inner-table tr td,.illegal-rule-table tr td{border:1px solid #d8d8d8; padding:6px;}
.myorder-table tr:hover,.pay-table tr:hover,.train-rcd-table tr:hover,.person-table tr:hover,.order-modle-table tr:hover,.order-inner-table tr:hover,.illegal-rule-table tr:hover{background: #F8EFA2;}
.rcd-file-table{ width:100%;border-collapse: collapse;}
.rcd-file-table tr th{border:none;padding:8px;background: #fafafa; background: -moz-linear-gradient(center top, #f8f8f8, #eee) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eee));}
.rcd-file-table tr td{border:none; padding:6px;}
.rcd-file-table tr:hover{}
.his-line{background:#d8d8d8;  }
.ok-line{ background:#009b4c;  }
.now-line{background:#390;}
.cancel-list-btn,.recorder-list-btn{display:inline-block; margin:10px 0;font-size: 16px; padding: 4px 10px; background:#e2e3f5; cursor:default;_display:inline; }
.list-btn-active{font-size: 16px; padding: 4px 10px;  color:#fff; background:#44b549;display:inline-block; margin:10px 0;_display:inline;}
.count { font-size: 9px; display: block; width: 100%; text-align: center; }
.noborder tr td:hover { cursor: pointer; }
.noborder tr td:hover .mask { display: block; transition: all 0.2s ease-in 0s; bottom: 0; }
.coachName { display: block; text-align: center; color: #020202; padding: 5px 0; white-space: normal;word-wrap: break-word;word-break: break-all; }
.coachStar { display: inline-block; text-align: left; padding-left: 4px; font-size: 13px; }
.panel { width: 1024px; margin: 0 auto; padding: 10px 0; min-height:500px;}
.main { width: 1024px; margin: 10px auto; border: 1px solid #ededef; background: #fff; position: relative; }
.main:hover { border: 1px solid #d8d8d8; transition: all 0.2s ease-in-out 0s; box-shadow:0 0 10px #c7c7c7;}
.coach-img-panel{ float:left;width: 150px;}
.return-panel{ text-align:right; padding:10px 10px 10px 0; background:#f5f5f5; margin-left:8px;}
.return-panel a{ color:#259;}
.return-panel a:hover{color:#f60; cursor:pointer;}
.coach-panel { float: left; width: 12%; margin: 10px 5px 0 8px; width: 118px; height: 200px; background: #f5f5f5;  overflow:hidden;}
.coach-intros{ position:absolute;display:none;width:0;}
.coach-panel:hover .coach-intros{ display:block;left:130px;padding:10px;top:10px;  width:350px; z-index:250; color:#222; background:#fff; height:inherit; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 transition: all 0.2s ease 0s;}
 .coach-intro-title{ border-bottom:1px solid #d5d5d5; font-weight:bold; padding:5px 0;margin-bottom:10px; color:#1b1b1b1; }
.coach-img {min-height:150px; min-width:118px; width: 118px; height: 150px; overflow: hidden; }
.coach-imgnew {min-height:150px; min-width:150px; width: 150px; height: 150px; overflow: hidden; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }
.clearfix { *display: inline-block; _height: 1%; }
.coach-tool { position: relative; background: #fefefe; color: #444; margin: 5px; padding: 10px; }
.coach-order-discount, .coach-assess { color: #121212; margin-right: 10px; }
.remain-discount { color: #fa5744; font-weight: 500; font-size: 20px; border-bottom: 1px solid #d5d5d5; padding: 0 5px }
.block { margin-top: 15px; float: left; width: 86%; }
.active { display: block; bottom: 0; line-height: 16px; text-align: center; }
.rebate { float: left; display: none; font-size: 10px; padding: 0 2px; line-height: 34px; height: 100%; background: #f1f1f1; border-right: 1px solid #d8d8d8; color: #222; }
.mytime { display: none; color: #fff; font-size: 12px; display: block; }
.coach-info { border-left: 1px dashed #bacdef; float: left; height: 55px; margin: 10px 0px 0 0px; color: #555; margin-left: -1px; }
.type-title { margin: 0; padding: 2px 0 0 0; font-weight: normal; text-align: center; }
.subject-type { width: 85px; text-align: center; }
.car-type { width: 80px; }
.class-type { width: 110px; }
.price-type { width: 120px; }
.phonenum-type { width: 160px; }
.carnum-type { width: 125px; }
.stars-type { width: 155px; }
.special { margin-left: 4px; }
.car-value, .class-value, .subject-value, .price-value, .carnum-value, .phonenum-value{ font-size: 16px; text-align: center; margin: 0; font-weight: normal; padding: 6px 0; color:#212121; }
.pjView-value{ font-size: 16px; text-align: center; margin: 0; font-weight: normal; padding: 6px 0; color: #0066FF ; }
.stars-value {  background:url(../Styles/img/stars.png) no-repeat;width:140px; height:20px; margin-top:6px;}
.stars-0 { background-position: 20px 0px;  }
.stars-1 { background-position: 20px -20px;  }
.stars-2 {  background-position: 20px  -40px; }
.stars-3 { background-position: 20px -60px; }
.stars-4 { background-position: 20px  -80px;  }
.stars-5 {background-position: 20px  -100px;  }
.week { font-weight: normal; height: 14px; }
.time-div {  float: left; padding:0px 0; line-height:28px;  width: 15%;   background:#f9f9f9;background:#0977dd; margin: 4px 4px 8px 8px; position: relative;text-align: center;    position: relative;  border-radius:2px;   }
.time { font-size: 15px;  font-family:Sans-Serif; font-weight:bold;    color:#eeff00; background: rgba(6,6,6,0.3); width:inherit;  border-radius:4px;  padding:2px 10px;   }
.time-select{color:#0076dd; font-size: 15px;  font-family:Sans-Serif; font-weight:bold;   width:inherit;  border-radius:4px;  padding:2px 10px;  }
.time-div-select{ background:url(img/selectTip.png) no-repeat right bottom; float: left; padding:0px 0; line-height:28px;  width: 15%;border:1px solid #0076dd;    margin: 4px 4px 8px 8px; position: relative;text-align: center;    position: relative;  border-radius:2px; }
.inf{ display:inline-block; font-size:11px; padding-left:5px;color: #f9f9f9;}
.inf-select{ display:inline-block; font-size:11px; padding-left:5px;}
.total-num-select{display: inline-block; line-height: 22px; height: 22px;}
.inf-layout{ }
.time-no { color: #aeaeae;   background: #dbdbdb; }
.time-yes {   color: #454545; }
.time-full { background: #fa5a42;  color: #fff; } 
.time-full .time{ color:#fff;}
.time-no .time{color:#5e5e5e;}
.time-no .inf{color:#5e5e5e;}
.time-div:hover { cursor: pointer;  transition:all 0.1s ease-in 0s; background:#f49537;    }
.time-div:hover .time { cursor: pointer; color:#fff;  }
.passable-num, .total-num { display: inline-block; line-height: 22px; height: 22px;   color:#fff; }
.total-num-none{display:none }
.passable-num b {   padding: 0 5px; }
.mask-tip {  visibility: hidden; background: #fff; left: -20px; position: absolute; box-shadow: 1px 2px 5px #d8d8d8; top: -40px; width: 100%; border-radius: 5px; padding: 0px 10px; border: 1px solid #d8d8d8; opacity: 0%; }
.delta-icon { background: url(img/delta.gif) no-repeat center 0; position: absolute; left: 60px; width: 18px; height: 10px; overflow: hidden; bottom: -10px; }
 .system-infos{font-size:16px;}
.time-div:hover .mask-tip { width: 130%; top: -100px; opacity: 100%; transition: all 0.15s ease-in 0s; -webkit-transition: all 0.15s ease 0; visibility: visible; }
.timeSelect { border: 1px solid #f94; background: url(img/slectTip.gif) no-repeat right bottom #fff; }
.subject { color: #fff; font-weight: bold; font-size: 14px; }
.subject-one,.subject-two,.subject-three,.subject-four{ cursor:pointer;  padding:5px 18px; color:#232323; border-radius:2px; border:1px solid #333; display:inline-block; float:left;margin:10px 20px 10px 0; font-size:16px;}
.subject-one:hover,.subject-two:hover,.subject-three:hover,.subject-four:hover{background:#009b4c;color:#fff;transition: all 0.15s ease-in 0s; -webkit-transition: all 0.15s ease 0;border-color:#0C7E46;}
.subject-active{ background:#009b4c;color:#fff;transition: all 0.15s ease-in 0s; -webkit-transition: all 0.15s ease 0;}
.order-nav{margin: 0 auto; width: 1024px; padding: 10px 0;}
.state-nav { margin: 0 auto; width:1024px;  padding: 10px 0; }
.state-yes { float: right; width: 80px; display: inline-block; text-align: center; height: 25px;   line-height: 25px; margin-right: 5px;  background:#0977dd;   
  color: #fff;  }
.state-no { float: right; width: 80px; display: inline-block; text-align: center;   margin-right: 5px; height: 25px;    color: #aeaeae;   background: #dbdbdb; line-height: 25px; }
.state-full { margin-right: 5px; float: right; width: 80px; text-align: center; height: 25px; display: inline-block; line-height: 25px; background: #fa5a42;   color: #fff; }
.state-already { margin-right: 5px; float: right; width: 80px; text-align: center; height: 25px; display: none; line-height: 25px; color: #f60; border: 1px solid #f94; background: url(img/slectTip.gif) no-repeat right bottom #fff; }
.order-coach { background-image: url("img/coachlist.png"); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; border-radius: 3px; color: #0260c1; cursor: pointer; display: inline-block; zoom: 1;_display:inline; height: 40px; line-height: 40px; margin-left: 15px; padding-left: 15px; text-align: center; width: 96px; }
.order-time { background-image: url("img/daylist.png"); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; border-radius: 3px; color: #0260c1; cursor: pointer; display: inline-block;_display:inline; zoom: 1; height: 40px; line-height: 40px; padding-left: 15px; text-align: center; width: 96px; }
.order-time-on { background-image: url("img/daylist.png"); background-position: 0 0; background-repeat: no-repeat; background-color: #cfe3fc; border: 1px solid #95a7bf; }
.order-coach-on { background-image: url("img/coachlist.png"); background-position: 0 0; background-repeat: no-repeat; background-color: #cfe3fc; border: 1px solid #95a7bf; }
.coach-dlg { display: none; position: absolute; top: 50%; left: 50%; margin-left: -350px; width: 700px; border: 1px solid #d8d8d8; padding: 0px; text-align: justify; z-index: 9999; background: #fff; }
.dlg-bar { background: #f5f5f5; padding: 10px 0 10px  12px; color: #08e; font-size: 16px }
.coach-data { padding: 10px; text-indent: 2em; line-height: 30px; }
.close-btn { float: right; margin-right: 10px; background: url(img/jive.png) no-repeat -526px -465px; height: 18px; width: 18px; display: inline-block; cursor: pointer; margin-top: 2px; }
.close-btn:hover { background-position: -590px -465px; }
.calendars { width:1024px; margin: 10px auto; overflow: hidden; background: #f3f4fa; }
.date { display: block; width: 140px; float: left; margin-right: 1px; height: 50px; font-family: "微软雅黑"; line-height: 50px; background: #f3f4fa; text-align: center; cursor: pointer; }
.calendars a:Hover { background:#377bee;background: #fa5744;  color: #fff; }
.day { font-size: 20pt; margin: 0 5px; }
.day-active { background: none repeat scroll 0 0 #fff;  border-top:3px solid #377bee;border-top: 3px solid #fa5744;color: #222; }
.notice-panel { background:#fff; border: 1px solid #d3d4d5;  }
.notice-title {  padding:10px 15px;   font-size: 22px; color: #DC3030; }
.halt { position: absolute; right: 10px; background: url(img/arrer.png) no-repeat 1px 0px; top: 0; cursor: pointer; width: 20px; height: 16px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.act { background: url(img/arrer.png) no-repeat -15px 0px; }
.notice-info { background: #fff; padding:0 15px;font-family: "微软雅黑"; }
.notice-info p{padding:10px 0;}
.notice-date{ font-family: "微软雅黑"; border-top: 1px dotted #c2c3c4; background: #f4f5f6; text-align: right; padding: 10px 6px;}
.notice-list-li{ padding:5px 0; border-bottom:1px dotted #d8d8d8;}
.notice-list-a{  color:#333;  }
.notice-list-span{  display: block;margin-top: 15px;text-align: right;}
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }
.clearfix { clear: both; *display: inline-block; _height: 1%; }
.top-bar { height: 55px; background: url(/img/manger/topBg.png) repeat-x 0 -7px;     margin: 0 auto; width: 100%;   }
.logo { display: inline-block; float: left; }
.tool-icon { float: right; margin-right: 15px; font-size: 14px; font-family: "微软雅黑"; margin-top: 30px; }
.tool-icon a { color: #424242; cursor: pointer; margin-left: 15px; text-decoration: none; }
.tool-icon a:Hover { color: #08e }
.search { background: url(/img/manger/search.png) no-repeat 0 2px; padding-left: 18px; }
.draft { background: url(/img/manger/draft.png) no-repeat 0 2px; padding-left: 18px; }
.refresh { background: url(/img/manger/refresh.png) no-repeat 0 2px; padding-left: 18px; }
.approve { background: url(/img/manger/approve.png) no-repeat 0 2px; padding-left: 18px; }
.drive { background: url(/img/manger/driver.png) no-repeat 0 2px; padding-left: 18px; }
.exit { background: url(/img/manger/exit.png) no-repeat 0 2px; padding-left: 18px; }
/*.left { background: #03528f; height: 100%; position: relative; display: inline-block; width: 90px; float: left; clear: right; margin-right: -90px;  position: relative; }*/
.left{ min-height: 590px;  left: 0; bottom: 0; height: auto; top: 60px; background: #03528F;  width: 90px;}
.left-menu li:hover { background: url(/img/manger/arros.gif) no-repeat right center #0262a3; cursor: default; }
.acticon { background: url(/img/manger/arros.gif) no-repeat right center #0262a3; }
 
.b { display: block; text-align: center; color: #fff; font-size: 14px; padding: 0 0 5px 0;_padding:0;_height:18px; }
/*.right { width: 100%; background: #fff; float: right; height: 100%; }*/
.right{position: absolute; top: 55px; bottom: 0;  background: #fff; z-index: 0; left: 91px; overflow-y:scroll;   }
.out-main {   height: 100%; }
.icon-student { background: url(/img/manger/stu.png) no-repeat center center; height: 50px; width: 90px; display: block; _background: url(/img/ie6/stu.gif) no-repeat center center; }
.icon-signin { background: url(/img/manger/signin.png) no-repeat center center; height: 50px; width: 90px; display: block; _background: url(/img/ie6/signin.gif) no-repeat center center; }
.icon-archives { background: url(/img/manger/coach.png) no-repeat center center; height: 50px; width: 90px; display: block; margin-top: 5px;_background: url(/img/ie6/coach.gif) no-repeat center center; }
.icon-recorders { background: url(/img/manger/carm.png) no-repeat center center; height: 50px; width: 90px; display: block; margin-top:5px; _background: url(/img/ie6/carm.gif) no-repeat center center;}
.icon-announcement { background: url(/img/manger/annce.png) no-repeat center center; height: 50px; width: 90px; display: block; margin-top: 5px;_background: url(/img/ie6/annce.gif) no-repeat center center; }
.icon-set { background: url(/img/manger/set.png) no-repeat center center; height: 50px; width: 90px; display: block; margin-top: 5px;_background: url(/img/ie6/set.gif) no-repeat center center; }
.icon-money { background: url(/img/manger/mony.png) no-repeat center center; height: 50px; width: 90px; display: block; margin-top: 5px;  _background: url(/img/ie6/mony.gif) no-repeat center center;}
.icon-exam { background: url(/img/manger/exam.png) no-repeat center center; height: 50px; width: 90px; display: block; margin-top: 5px;_background: url(/img/ie6/exam.gif) no-repeat center center; }
.icon-study { background: url(/img/manger/study.png) no-repeat center center; height: 50px; width: 90px; display: block;_background: url(/img/ie6/study.gif) no-repeat center center;  }
.icon-file { background: url(/img/manger/file.png) no-repeat center center; height: 50px; width: 90px; display: block; margin-top: 5px; _background: url(/img/ie6/file.gif) no-repeat center center;}
#floatBtn { background-color: white; background:rgba(255,255,255,0.5); border: 1px solid   #08e; padding:20px; position: absolute; bottom: 10px; right: 0px; width: 176px; height: 158px; filter: alpha(opacity=30); }
#floatBtn:hover{opacity:1;}
.panel-h2 { font-size: 18px; padding: 10px 0; }
.panel-h3{ font-size: 16px; padding: 4px 10px;line-height:25px;  color:#fff; background:#44b549;display:inline-block; margin:10px 0; }
.panel-h3 img{ vertical-align:middle;}
.inner-table-panel {     }
.inner-table { border: none; }
.inner-table tr td { border: 1px solid #d8d8d8; background:#fff;text-align:center;  }
.inner-table tr th { border:  1px solid #d8d8d8; background:#f4f5f8; text-align:center; padding:2px; }
.detail-span{background: #d8d8d8;background: -moz-linear-gradient(center top, #f8f8f8, #eee) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eee)); 
              color: #111; padding: 1px 1px 1px 10px; margin-right:10px; border-radius:15px; border:1px solid #08e;}
.detail-em{background: #fff; border-left:1px solid #08e;  margin-left:5px;border-radius:0 15px 15px 0;padding: 0 8px; color: #333;  text-align:center}
.status-a, .cancel-a { color: #222; padding: 0px 6px; display: inline-block; text-decoration: none }
.status-a { background: #2EC66D; color: #fff; border-radius: 2px; }
.cancel-a:hover { background: #F24545; color: #fff; }
.rcd-train-listnum, .rcd-train-subject { text-align: center; }
.rcd-begin-time, .rcd-end-time, .rcd-coach-phone, .rcd-coach-name,.rcd-cancel-time,.rcd-ord-status { text-align: center; padding: 4px 0; }
.rcd-train-modle, .rcd-train-date, .rcd-ord-opt, .rcd-ord-time { text-align: left; padding-left: 15px; }
.coach-list-panel { } 
.coach-list { border: 1px solid #dadada; float: left; margin: 10px 8px; list-style: None outside none; position: relative; padding: 10px; }
.coach-list:hover { transition: all 0.2s ease-in 0s; background: #f8f8f8; }
.coach-list-name { text-align: center; }
.coach-list-name a { color: #333; text-decoration: none; }
.coach-title-name { display: block; font-size: 16px; font-weight: bold; height: 18px; margin-bottom: 6px; width: 100%; color: #333; }
.coach-list-tip { visibility: hidden; z-index: 1; position: absolute; top: -1px; left: 0px; width: 220px; opacity: 0; background: #fff; border: 1px solid #bbb; }
.right-arrow-icon { background: url(../Styles/img/arrow_right.png) no-repeat; width: 7px; height: 12px; display: block; position: absolute; top: 50px; left: -7px; }
.coach-list:hover .coach-list-tip { opacity: 1; transition: opacity 0.1s ease-out 0s; left: 138px; visibility: visible; }
.coach-list-detail { overflow: hidden; }
.card-panel { padding: 17px 25px; }
.stars-panel {   border-top: 1px dotted #ccc; padding: 8px 20px 13px 25px;  text-align:center;}
.list-detail-span { display: block; color: #333; padding: 2px 0; }
.see-more { background: #1faf72; color: #fff; padding: 8px 10px; height: 38px; line-height: 32px; text-decoration: none; }
.see-more:hover { background: #199362; }
.coach-detail-panel{  }
.coach-info-panel{  float:left; }
.coach-name-h1{ padding:15px; font-size:24pt;}
.coach-time-panel{    padding:5px; margin-left:126px; }
.week-panel{ float: left; text-align:center; margin: 10px 5px 0 8px; width: 118px;  border-left:4px solid #fa5744;  background: #f5f8fa; }
.week-panel h3{font-size:16px; color:#333;padding: 5px}
.week-panel h4{ font-size:18pt; color:#333; padding:2px 15px}
.allPager{ margin-top:5px;}
.allPager a{ display:inline-block; padding:4px 10px; border:1px solid #d8d8d8; float:left; margin-right:6px;border-radius:2px;}
.allPager a:hover{ background:#08e; color:#fff; border:1px solid #08e; transition: all 0.2s ease-out 0s; border-radius:30px; cursor:pointer; }
.allPager a.Current{ background:#08e; color:#fff; border:1px solid #08e;   display:inline-block;border-radius:30px; }
@media screen and (max-width:1024px) {
  .out-main {   width: 100%; }
  .panel, .notice-panel { width: 90%; }
 .tool-icon{ position:absolute;right:0;}
  .class-type { width:100px;}
  .car-type{ width:80px;}
  .subject-type,.price-type{ width:100px;}
  .phonenum-type{ width:120px;}
  .carnum-type{width:95px;}
  .stars-type{ width:120px;}  
}
@media screen and (max-width:800px) { 
    .group-info{widith:100%}   
   .top-bar{ width:100%;min-width:960px;}
  .out-main { margin-left: 90px; width: 100%; }
  .panel, .notice-panel { width: 90%; } .tool-icon{ position:absolute;right:0;}
  .block, .main { width: 100%; }
  .state-nav,.calendars{ width:100%;}
  .date{ width:19%;}
}
.logbut { background: #E88700; font-family: "微软雅黑" , ' Tahoma'; width: 155px; height: 50px; overflow: hidden; border: none; outline: none; font-size: 18px; color: #fff; }
.logbut:hover { background: #0f4f4c; cursor: pointer; transform: translateZ(40px); transform-style: preserve-3d; }
.dataitem{        display:none;    }
.loading{ text-align:center; background:url(../Styles/img/loading.gif) no-repeat center 90px; padding:120px 0;  }
 /*--选择分组--*/
 .group-panel{ width:inherit;position:relative;}
 .group-info{width:1000px;font-family: "微软雅黑"; background:#fff;  position:relative; overflow-x:hidden;    }
 .group-title{ position:relative; padding:10px 0; border-top:1px solid #d5d5d5;}
 .group-block{ background:#f2f2f2; position:relative;zoom:1; display:none}
 .group-h1{ font-size:16pt; padding-left:12px;}
 .opt-button{ background:url(../Styles/img/uad.png) 0 0;   cursor: pointer;    height: 17px;    position: absolute;    right: 25px;    top: 15px;    width: 17px;}
 .opt-up{ background:url(../Styles/img/uad.png) 0 -17px;  cursor: pointer; }
 .coach-head{ float:left; width:130px; position:relative;height:230px; background:#fff scroll; margin:10px 20px 10px 10px;  }
 .coach-head-new{ float:left;   position:relative;height:230px; background:#fff scroll; margin:10px 20px 10px 10px;  }
 .coach-names{  position:absolute;bottom:5px; left:0; width:100%; text-align:center; font-size:16px;}
  .coach-nbs{ background:#abc; position:absolute;bottom:30px; left:0; width:100%; text-align:center;font-size:16px;color:#04e;  }
 .order-group-btn{background:#13AB59; color:#fff; text-align:center; padding:8px 0;border-radius:50px; width:130px; display:block; margin:0 auto; line-height:1.5; vertical-align:middle;font-size:14pt; font-family:"微软雅黑","Microsoft YaHei";}
 .order-group-btn:hover{ background:#eb6100; cursor:pointer;}
 .order-panel{ text-align:center; padding:10px 0;}
 .arr-s{ width:18px; height:18px; background:url(../img/arrer.png) no-repeat -18px 5px; display:inline-block;}
 .currentTr{background: #F8EFA2;}
.people-num{  padding:0 5px;border-bottom:1px solid #999;}
.people-num-red{color:#f53e0d;font-size:18px;padding:0 5px;border-bottom:1px solid #999;}
.apl-text{width:95%; min-height:100px; margin:5px auto;}
.rate-rank{ width:80px; background:url(../img/rate-rank.png) no-repeat left 0;height:16px; position:relative; margin:0 auto;}
.rate-star{ background:url(../img/rate-star.png) no-repeat left 0;height:16px; position:absolute;left:0;top:0; overflow:hidden;}
/* 评价样式*/
.cmtlabel{ padding:10px 0; color:#5a5a5a;}
.vote5 { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -8px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.vote4 { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -61px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.vote3 { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -114px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.vote2 { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -165px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.vote1 { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -220px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
        
.vote5L { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -8px 0px; height: 48px; width: 48px; display: block; cursor: pointer;  transition: all 0.2s ease-in 0s;}
.vote4L { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -61px 0px; height: 48px; width: 48px; display: block; cursor: pointer;  transition: all 0.2s ease-in 0s;}
.vote3L { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -114px 0px; height: 48px; width: 48px; display: block; cursor: pointer;  transition: all 0.2s ease-in 0s;}
.vote2L { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -165px 0px; height: 48px; width: 48px; display: block; cursor: pointer;  transition: all 0.2s ease-in 0s;}
.vote1L { float: left; margin-right: 15px; background: url(../img/mvote2.png) no-repeat -220px 0px; height: 48px; width: 48px; display: block; cursor: pointer; transition: all 0.2s ease-in 0s; }
        
.lbpingfen { padding: 0 10px; font-size: 16pt; color: #f00;display:none }
.pfxm { font-size: 18px; color: #717171; }
.noce { border-radius: 3px; background: #E1F0F7; border: 1px solid #D1E6ED; padding: 5px; color: #2c2c2c; width: 1000px; margin: 0 auto;  margin-top:5px}
.noce h5 { width:auto;background: url(../img/speakk.png) no-repeat left center; zoom: 1; margin: 0; padding: 0 0 0 30px;  font-size: 16px; color: #0088CC; position: relative; overflow: hidden; }
.halt { position: absolute; right: 10px; background:url(../img/arrer.png) no-repeat 1px 0px ;  top: 0; cursor: pointer; width: 20px; height: 16px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.act{background:url(../img/arrer.png) no-repeat -15px 0px;} 
.noce p { font-size: 14px; line-height: 150%; text-indent:2em; }
.cmor{ text-align:center;}
.sub-menu{ border:1px solid #d8d8d8; background:#fff; display:none;position:absolute;z-index:5555;top: 55px; width: 150px; text-align:center;line-height:4px; }
.sub-menu span{ display:block; padding:15px 0; font-size:12px; margin:2px 0; cursor:pointer;}
.sub-menu span:nth-child(even){ }      
.sub-menu span:hover {  color:#08e; }
 
       
.face5 { float: left; margin-right: 15px;  background: url(../img/mvotes.png) no-repeat -8px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.face4{ float: left; margin-right: 15px; background: url(../img/mvotes.png) no-repeat -61px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.face3 { float: left; margin-right: 15px; background:  url(../img/mvotes.png) no-repeat -114px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.face2{ float: left; margin-right: 15px; background:url(../img/mvotes.png) no-repeat -165px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
.face1 { float: left; margin-right: 15px; background:url(../img/mvotes.png) no-repeat -220px -48px; height: 48px; width: 48px; display: block; cursor: pointer; }
        
.face5L { float: left; margin-right: 15px; background:url(../img/mvotes.png) no-repeat -8px 0px; height: 48px; width: 48px; display: block; cursor: pointer; transition: all 0.2s ease-in 0s;}
.face4L { float: left; margin-right: 15px; background: url(../img/mvotes.png) no-repeat -61px 0px; height: 48px; width: 48px; display: block; cursor: pointer; transition: all 0.2s ease-in 0s;}
.face3L { float: left; margin-right: 15px; background: url(../img/mvotes.png) no-repeat -114px 0px; height: 48px; width: 48px; display: block; cursor: pointer;transition: all 0.2s ease-in 0s; }
.face2L { float: left; margin-right: 15px; background:url(../img/mvotes.png) no-repeat -165px 0px; height: 48px; width: 48px; display: block; cursor: pointer;transition: all 0.2s ease-in 0s; }
.face1L { float: left; margin-right: 15px; background:url(../img/mvotes.png) no-repeat -220px 0px; height: 48px; width: 48px; display: block; cursor: pointer; transition: all 0.2s ease-in 0s;}