@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-3-9 09:36:24
 * @version $Id$
 * html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
 */

/*---css重置---*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
li{list-style: none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
select {  

  /*将默认的select选择框样式清除*/  
  appearance:none;  
  -moz-appearance:none;  
  -webkit-appearance:none;  
  
  /*在选择框的最右侧中间显示小箭头图片*/  
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;  
  
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/  
  padding-right: 14px;  
}

  
  
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
select::-ms-expand { display: none; }  
/*---/css重置---*/

/*---清除浮动---*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
/*---/清除浮动---*/

/*---基础样式---*/
a:link, a:visited{
  color: #333;
  text-decoration: none;
}
a:hover, a:active{
  color: #f00;
  text-decoration: none;
}
.fl { float: left;box-sizing:border-box; display:inline;}
.fr { float: right; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.mt5 { margin-top: 5px; }
.mtb5 { margin-top: 5px; margin-bottom: 5px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
.mlr10 { margin-left: 10px; margin-right: 20px; }
.mlr20 { margin-left: 20px; margin-right: 20px; }
.mtb {margin: 10px 0 20px 0;}
.p20 { padding: 20px; }
.pt5 { padding-top: 5px; }
.red { color: #FFFF00; }
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.fs14 { font-size: 14px;MARGIN-LEFT:30PX; }
.fs16 { font-size: 16px; }
.gray { color: #ccc; }
/*.hide { display: none; }*/

/*---/基础样式---*/

/*---header---*/
body {
  font: 14px "微软雅黑", Helvetica, Arial, sans-serif; 
  color: #4b4b4b;
}
.hd{ width: 100%;border-top: 4px solid #9b1923;}
.main{ width: 100%;}
 .hd-login{
  width: 88.7%;
  margin: 0 auto;
   margin-left: 95px;
}
.cd_main{width:100%;  background: url(../images/bg1920.jpg) no-repeat 0% 0% ;  padding-top: 20px;min-height:800px;height:800px;}
.hd .logo{
  float: left;
  margin-left: 19%;
  margin-top: 5px;
}
/* .cd_main1{width:100%;background: url(../images/bg1920.jpg) 0% 0% no-repeat;padding-top: 40px;min-height:600px;} */
.hd .nav {
  float: right;
  margin-right: 20%;
  font-size: 18px;
  margin-top:5px;
}

.hd-login .logo{
  float: left;
}
.hd-login .nav {
  float: right;
  margin-right:50px;
  font-size: 18px;
}
.bg-home { 
  background: url(../images/bg1920.jpg) 0% 0% no-repeat; 
  min-height: 500px;
height:820px;
  border-top: 3px solid #9b1923;
  background-size: cover;
  /*使用cover自适应背景图时拖动窗口会造成图片未铺满，需增加width和inline-table*/
  width: 100%;
  display: inline-table;
}

/* /.* no-css3 .bg-home {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../images/bg1920_home.jpg',
    sizingMethod='scale');
  background-image: none;
} */ */

.bg { 
 /* background: url(../images/bg1920.jpg) 0% 0% no-repeat;*/
  min-height: 500px;
 height:820px;
  border-top: 3px solid #9b1923;

  /*使用cover自适应背景图时拖动窗口会造成图片未铺满，需增加width和inline-table*/
  width: 100%;
  display: inline-table;
}
/* ie8背景不能等比例缩放,如果改成绝对路径并且加上background-image: none可以解决*/
/* .no-css3 .bg {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../images/bg1920.jpg',
    sizingMethod='scale');改成绝对路径
  background-image: none;
} */

.nav a:link, .nav a:visited {
  text-decoration: none;
  color: #333;
}
.nav a:hover, .nav a:active {
  text-decoration: none;
  color: #d7d6d5;
}
.nav li {
  float: left;
  margin-left: 25px;
  text-align: center;
  padding: 12px 0 9px 12px;
}
.nav a.cur {
  color: #333;
  border-bottom: 4px solid #9b1923;
  display: inline;
  padding-bottom: 5px;
}
a.gray-btn {
  display: inline-block;
  font-size: 22px;
  width: 200px;
  height: 60px;
  line-height: 60px;
  margin-top: 370px;
background-image: -webkit-linear-gradient(bottom, #d7d7d7, #fff);
  background-image: -moz-linear-gradient(bottom, #d7d7d7, #fff);
  background-image: -o-linear-gradient(bottom, #d7d7d7, #fff);
  background-image: -ms-linear-gradient( bottom,#d7d7d7, #fff);/*ie10+*/
  background-image: linear-gradient(to top, #d7d7d7, #fff);  
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#dddddd',gradientType='1');  /* ie的水平渐变 */
  -webkit-box-shadow: 0 6px 9px rgba(0,0,0,.36);
  -moz-box-shadow: 0 6px 9px rgba(0,0,0,.36);
  box-shadow: 0 6px 9px rgba(0,0,0,.36);
  border-radius:10px;
  
  
  
  text-align: center;
  cursor: pointer;
}
a.login-btn {
 /*  margin-left: 130px; */
  margin-right: 40px;
}
a.download-btn:hover {
  background: rgba(235, 235, 235, 0.9);
}
a.login-btn:hover {
  background: rgba(235, 235, 235, 0.9);
}
.no-css3 .gray-btn{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0 ); IE6-9
}
.no-css3 .gray-btn:hover{
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0 ); IE6-9;
} 
.red-btn {
  background-color: #af474f;
  border-radius: 5px;
  border:none;
  display:inline-block;
  color:#ffffff;
  font-family: "微软雅黑";
  font-size:14px;
  font-weight:normal;
  font-style:normal;
  line-height:30px;
  padding: 2px 20px;
  text-decoration:none;
  text-align:center;
  cursor: pointer;
  margin: 0 5px;
  outline: none;
}
.red-btn1 {
  background-color: #000;
  opacity: 0.5;
 -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  border-radius: 5px;
  border:none;
  display:block;
  color:#ffffff;
  font-family: "微软雅黑";
  font-size:14px;
  font-weight:normal;
  font-style:normal;
  line-height:30px;
  padding: 2px 8px;
  text-decoration:none;
  text-align:center;
  cursor: pointer;
  margin: 0 5px;
  margin-left:120px;
  outline: none;
}

.red-btn2 {
  background-color: gray;
  border-radius: 5px;
  border:none;
  display:inline-block;
  color:#ffffff;
  font-family: "微软雅黑";
  font-size:14px;
  font-weight:normal;
  font-style:normal;
  line-height:30px;
  padding: 2px 20px;
  text-decoration:none;
  text-align:center;
  cursor: pointer;
  margin: 0 5px;
  outline: none;
}

.register .form-text {
  width: 200px;
}
.red-btn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
/*  background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
}
.red-btn:active {
  position:relative;
  top:1px;
  border: none;
  outline: none;
}
a.red-btn {
  background-color: #af474f;
  border-radius: 5px;
  border:none;
  display:inline-block;
  color:#ffffff;
  font-family: "微软雅黑";
  font-size:14px;
  font-weight:normal;
  font-style:normal;
  line-height:30px;
  width:80px;
  padding: 2px;
  text-decoration:none;
  text-align:center;
  cursor: pointer;
  margin-left: 5px;
    /*float: right;
    margin-top: -33px;*/
}
a.red-btn:active {
  position:relative;
  top:0px;
  border: none;
  outline: none;;
}

.app-down {
    height: 306px;
    background: url(../images/bg_app.png) 50% 0% no-repeat;
    margin-top: 0px;
    width: 60%;
    position: absolute;
    top: 230px;
    left:100px;
}
.wrap {
  /*ie下背景平铺，需加inline-talbe和100%*/
  /*display: inline-table;
  width: 100%;
  border-top: 4px solid #9b1923;
  padding-top: 10px;
  padding-bottom: 10px;*/
  display: inline-table;
  width: 100%;
  border-top: 4px solid #9b1923;
}
/* user-group */
.user-group a:link, .user-group a:visited {
  color: #666;
}
.user-group a.cur {
  color: #333;
}
a:focus, a:active {
  outline: none;
}
.f-icon {
  background-image: url(../images/frame-icon.png);
  background-repeat: no-repeat;
}
.has-pulldown {
  cursor: pointer;
  position: relative;
  z-index: 10000;
}
.pulldown {
  position: absolute;
  cursor: default;
  display: none;
}
.pulldown .content {
  background: #9b1923;
  color: #fff;
  text-align: left;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  position: relative;
  z-index: 1;
}
.user-group .has-pulldown {
  padding-right: 28px;
}
.user-group .has-pulldown .pull-arrow {
  position: absolute;
  display: block;
  right: 10px;
  height: 12px;
  width: 12px;
  background-position: 0 -5px;
  margin-top: 8px;
}
.user-group .has-pulldown .up {
  background-position: 0 7px;
  margin-top: 0;
}
.user-group .user-name {
  position: relative;
  background-color: #9b1923;
  color: #fff;
   width: 141px; 
}
.user-group .user-name .name {
  display: inline-block;
  white-space: nowrap;
  max-width: 181px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  background: url(../images/user_16.png) 0 4px no-repeat;
  padding-left: 20px;
}
.user-group .user-info {
  left: 0;
  *top: 35px;
  width: 181px;
  width: 181px\9; /*ie8以下版本*/
}
/*ie9 hack :root \9*/
:root .user-group .user-info {
  width: 181px\9;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .user-group .user-info {
      width: 181px /* Webkit内核 */
    }
}
.user-group .user-info .content {
  padding: 10px 0;
  text-align: center;
}
.user-group .user-info .content a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #888;
}
.user-group .user-info .content a:hover {
  color: #fff;
  text-decoration: none;
  background: #730b10;
}

/*---main---*/
.w100 {
  width: 100%; padding-bottom: 20px; padding-top: 20px;
}
.w100 .form-item input[type="text"],input[type="password"]{padding-left:8px;}
.main {
  clear: both;
}
.login {
  background-color: #fff;
  border-radius: 10px;
  width: 300px;
  padding: 30px 45px;
  margin-top: 60px;
  position: absolute;
    top: 125px;
    left:200px;
  margin-left: 50%;
  border: 1px solid #999;
}
.register  {
  background-color: #fff;
  border-radius: 10px;
  width: 500px;
  position: absolute;
    top: 125px;
  box-sizing:border-box;
  padding: 20px;
  margin-top: 60px;
  margin-left: 50%;
    border: 1px solid #999;
    padding-top: 30px;
    padding-bottom: 30px;
}
.login-title {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 1em;
  text-align: center;
}
.login .t-right {
  text-align: right;
}
/*--sidebar--*/
.sidebar {
  width: 15%;
  float: left;
  margin-left:5%;
}
.userbar {
  font-size: 14px;
  font-family: "微软雅黑";
}
.userbar a.red-btn {
  background-color: #af474f;
  border-radius: 5px;
  display:inline-block;
  padding: 4px 0;
  color:#ffffff;
  font-family: "微软雅黑";
  font-size:18px;
  line-height:40px;
  height: 40px;
  width:100%;
  text-decoration:none;
  text-align:center;
  cursor: pointer;
  margin: 0 auto 5px;
}
.feature li {
  padding: 10px 0 10px 30px;
  font-size: 16px;

  border-bottom: 1px dashed #ccc;
  cursor: pointer;
  letter-spacing: 2px;
  font-family: "微软雅黑";
}
.feature li:first-child{margin-top:-5px;}
.feature li:first-child a{vertical-align: middle;}
.feature ul>li:first-child {
  border-top: 1px dashed #ccc;
}
 .feature li:hover {
  background-color: #efefef;
} 
 .feature li.cur {
  background-color: #e7dfdf;
} 
.new-info {
  background: url(../images/dot.png) 98% center no-repeat ;
}
.cd_new{ margin-top:10px; background: url(../images/dot.png) 98% 35px no-repeat ; }
.text-right, .img-detail {
  float: left;

 
  margin-left: 15px;

  word-break: break-all;
  word-wrap: break-word;
}
.text-right p, .img-detail p {
  margin: 5px 0;
}
.img-detail {
width:62%;
 display:inline;
}

.pinjia-left{width:25%;float:left;border:#dddddd 1px solid;position:absolute;padding-left:10px;margin-top:20px;padding-bottom:10px;}
.cd_pinjia-right{width:60%;}
.cd_pinjia-a{font-size:16px;}
.cd_pinjia-a:hover{color:#666666;}
.cd_pinjia-hr{width:80%;height:1px;border:1px dashed #999;margin-top:20px;}
.cd_pinjia-span{color:#666;font-size:16px;margin-top:-10px;display:block;line-height:30px;margin-bottom:6px;}
#evaluate_score{padding:7px 4px;}
.pinjia-red{background-color:#dddddd;color:#ffffff;}
 .main-content {
  float: right;
  width: 70%;
  min-height: 400px;
  margin-right: 9%;
} 


.crumb {
  margin-bottom: 12px;
}
.tbl {
  border: 1px solid #d2d2d2;
  border-left: 2px solid #9b1923;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
  width:98%;

  overflow:hidden;
}
.cd-hover{height:90px;}
 .cd-hover:hover{background-color:#E7DFDF;cursor:pointer;color:#000;font-weight:800;outline:none;} 
.scroll {
  height: 300px;
  overflow: auto;
}
.img-left {
  float: left;
  margin-right: 0.1em;
  margin-top:20px;margin-left:10px;
}
.avatar {
  max-width: 200px;
  max-height: 200px;
  border-radius: 100px;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
}
a.txt-btn {
  color: #333399;
  margin: 0 5px;
}
a.txt-btn:hover {
  color: #9b1923;
}
.sel {
  border:1px solid #ccc;
  padding:5px 10px;
  position: relative;
  top: -15px;
  left: 5px;
}
.sel .detail {
  float: left;
  color: #999;
  margin-left: 10px;
}
.bdr {
  display: inline-block;
  padding: 4px 20px;
  border: 1px solid #9b1923;
  font-size: 14px;
  font-weight: normal;
  color: #9b1923;
}
.bg-red-large {
  display: inline-block;
  padding: 5px 21px;
  background-color: #9b1923;
  color: #fff;
}
.bg-red {
  display: inline-block;
  padding: 0px 10px;
  background-color: #9b1923;
  color: #fff;
  font-weight: normal;
}
.bg-pink {
  display: inline-block;
  padding: 0px 10px;
  background-color: #b06e74;
  color: #fff;
  font-weight: normal;
}
.bg-gray-large {
  display: inline-block;
  padding: 5px 21px;
  background-color: #a0a0a0;
  color: #fff;
}
.bg-gray {
  display: inline-block;
  padding: 0px 10px;
  background-color: #a0a0a0;
  color: #fff;
  font-weight: normal;
}
.v-line{
  display: inline-block;
  /* background-color: #9b1923;
  height: 47px;
  width: 2px; */
  color:#9b1923;
  font-weight:600;
  margin: 0 5px;
  font-size:20px;
  /* vertical-align: top; */
}
.one {
  display: inline-block;
  padding: 11px 21px;
  border: 2px solid #9b1923;
  font-size: 16px;
  font-weight: normal;
  color: #9b1923;
}
.one-hover:hover{cursor:pointer;color: #FE0E20;/* border-color:#FE0E20; */background-color:#E7DFDF;border:none;}
.two {
  display: inline-block;
  padding: 12px 21px;
  border: 1px solid #9b1923;
  font-size: 16px;
  font-weight: normal;
  color: #9b1923;
}
.evaluate {
  float: right;

}
.evaluate .title{
  font-weight: bolder;
  margin: 10px auto;
}
a.change {
  color: #3333cc;
}
.cb {
  clear: both;
}
.filter, .supplement {
  background: url(../images/frame-icon-black.png) right -15px no-repeat;
  padding-right: 10px;
  width: 12px;
  height: 12px;
}
.arrow-up {
  background-position: right 8px;
}
/*-- porcessor --*/
#processor {
  padding: 15px 30px;
  position: relative;
  margin-bottom: 100px;
}
#step1 {
  display: block;
}
#processor ol {
  list-style: none;
}
.processorBox li {
  float: left;
  width: 33.333%;
}
.step_inner {
  text-align: center;
  width: 100px;
  margin: 0 auto;
}
.step_line {
  width: 1120px;
  background-color: #9E9F9F;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 35%;
  margin: 15px auto auto -360px;
  z-index: 1;
}
.processorBox li .icon_step {
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #A4A4A4;
  position: relative;
  z-index: 2;
}
.processorBox li.current .icon_step {
  background-color: #9b1923;
}
.processorBox h4 {
  margin-top: 5px;
}
.processorBox li.current h4 {
  color: #9b1923;
}
.upcon {
  background-color: #f7f7f7;
  padding: 10px 20px;
}
/*-- /porcessor --*/

/*-- step --*/
.step1, .step2, .step3 {
  
  height: 50px;
  background: url(../images/step.jpg) 0 0 no-repeat;
  margin: 15px 30px 0px;
}
.step2 {
  background-position: 0 -50px;
}
.step3 {
  background-position: 0 -100px;
}
/*-- /step --*/

.operate {
  float: left;
  margin-top: 40px;
  text-align: center;
}
.operate div {
  margin: 2px 20px;
  padding: 4px 10px;
  background: #898989;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.operate-up-down {
  margin: 20px 0 10px 0;
  text-align: center;
}
.operate-up-down span {
  margin: 2px 20px;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 5px;
}
.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.remove_down {
  background: #9b1923 url(../images/remove_down.png) center center no-repeat;
}
.remove_down_all {
  background: #9b1923 url(../images/remove_down_all.png) center center no-repeat;
}
.add_up {
  background: #9b1923 url(../images/add_up.png) center center no-repeat;
}
.add_up_all {
  background: #9b1923 url(../images/add_up_all.png) center center no-repeat;
}
.remove_down, .remove_down_all, .add_up, .add_up_all {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.freq {
  display: inline-block;
  width: 100px;
  margin-top: 5px;
}
.corner {
  border-radius: 3px;
  padding: 4px 6px;
  border: 1px solid #ccc;
}
.banci, .didian {
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
}
.eg-freq, .eg-dian {
  position: absolute;
  left: 100px;
  display:none;
  bottom: 0;
  background-color: #efefef;
  padding: 10px;
  border-radius: 3px;
}
.item {
  width: 600px;
  border: 1px solid #ccc;
/*   padding: 10px; */
  margin: 5px auto;
}
.item-scroll {
  height: 45px;
  overflow: auto;
}

/*--- 表格修饰 ---*/ 
.stripe tr th{ 
  height:28px;
  padding:4px;
  vertical-align: middle;
  border: 1px solid #e6e6e6;
  background-color: #f1f1f1;
}
.stripe tr td{ 
  height:28px; 
  line-height:1.5;
  padding:4px;
  text-align:center;
  vertical-align:middle;
  border: 1px solid #e6e6e6;
  word-wrap: break-word;
  word-break: break-all;
} 
.stripe tr.alt {
  background-color: #ebf5fe;
}
.stripe tr.over {
  background-color: #EEECEB;
}
.stripe td a {
  margin: 0 5px;
  color: #3366cc;
}
/*--- /表格修饰 ---*/

/*--- 翻页样式--- */
div.page {
  text-align: center;
  padding: 3px;
  font-size: 12px;
  font-family: arial;
  margin: 30px 0;
  clear: both;
}
div.page a {
  text-decoration: none;
  border: 1px solid #9b1923;
  padding: 5px 7px;
  margin-right: 3px;
  color: #090;
}
div.page a:hover {
  border: 1px solid #9b1923;
  background-color: #9b1923;
  color: #fff;
}
div.page a:active {
  border: 1px solid #9b1923;
  background-color: #9b1923;
  color: #fff;
}
div.page span.current {
  border: 1px solid #9b1923;
  padding: 5px 7px;
  background-color: #9b1923;
  margin-right: 3px;
  color: #fff;
}
div.page span.disabled {
  border: 1px solid #d9d9d9;
  padding: 5px 7px;
  margin-right: 3px;
}
/*--- /翻页样式--- */

/*-- 图片滚动 --- */
#picScroll {
  width: 756px;
  height: 48px;
}
#list li {
  float: left;
  margin: 0 5px;
  width: 48px;
  height: 48px;
}
#list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
} 
#btnPrev, #btnNext, #listBox {
  float: left;
}
#btnPrev, #btnNext {
  width: 28px;
  height: 18px;
  line-height: 18px;
  padding: 15px 0;
  cursor: pointer;
  text-indent: -9999999px; 
}
#btnPrev {
  background: url(../images/feature_right.png) center top; 
}
#btnNext {
  background: url(../images/feature_left.png) center top; 
}
#btnPrev:hover {
  background-position: center bottom;
}
#btnNext:hover {
  background-position: center bottom;
}
#listBox {
  width: 700px;
  height: 48px;
  overflow: hidden;
}
#list img {
  max-width: 48px;
  max-height: 48px;
}
/*-- /图片滚动 --- */
.help-text {
  margin: 40px auto 0;
  width: 700px;
  height: 365px;
  overflow: auto;
  color: #fff;
  font-size: 16px;
    overflow-x: hidden;
}

/*--- 评分 ---*/
.user_rate, .user_rate2, .user_rate3 {
  font-size: 12px;
  position: relative;
  padding: 10px 0;
}
.user_rate p, .user_rate2 p, .user_rate3 p {
  margin: 0;
  padding: 0;
  display: inline;
  height: 40px;
  width: 50px;
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 210px;
}
.user_rate p span.s {
  font-size: 22px;
  line-height: 22px;
  float: left;
  font-weight: bold;
  color: #DD5400;
}
.user_rate p span.g {
  font-size: 18px;
  display: block;
  float: left;
  color: #DD5400;
}
.big_rate_bak, .big_rate_bak2, .big_rate_bak3 {
  width: 110px;
  height: 28px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  top: 3px;
  left: 65px;
  display: inline-block;
  background: url(../images/b_star.png) left -24px repeat-x;
}
.big_rate_bak b {
  display: inline-block;
  width: 28px;
  float: left;
  height: 28px;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  overflow: hidden;
}
.big_rate_up {
  width: 110px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/b_star.png) left top;
}

.user_rate2 p span.s2 {
  font-size: 22px;
  line-height: 22px;
  float: left;
  font-weight: bold;
  color: #DD5400;
}
.user_rate2 p span.g2 {
  font-size: 22px;
  display: block;
  float: left;
  color: #DD5400;
}

.big_rate_bak2 b {
  display: inline-block;
  width: 28px;
  float: left;
  height: 28px;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  overflow: hidden;
}
.big_rate_up2 {
  width: 140px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/b_star.png) left top;
}
.user_rate3 p span.s3 {
  font-size: 22px;
  line-height: 22px;
  float: left;
  font-weight: bold;
  color: #DD5400;
}
.user_rate3 p span.g3 {
  font-size: 22px;
  display: block;
  float: left;
  color: #DD5400;
}
.big_rate_bak3 b {
  display: inline-block;
  width: 28px;
  float: left;
  height: 28px;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  overflow: hidden;
}
.big_rate_up3 {
  width: 140px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/b_star.png) left top;
}
/*--- /评分 ---*/

/* 表单公用样式 */
button,input,select,textarea{
  vertical-align:middle;
}
textarea{
  resize:none;
  vertical-align:top;
  overflow:auto;
  font:12px/1.5 "微软雅黑", Helvetica,Arial;
  width:500px;
  height:80px;
}
.form-text{
  margin:0;
  font:14px/1.5 "微软雅黑", Helvetica,Arial;
  height:24px;
  width:100%;
}
.form-text, textarea, select{
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  padding:4px;
}
.form-text, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.form-text:focus, textarea:focus,select{
  outline: 0 none;
}
.form-text:focus, textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.form-radio,.form-checkbox{
  margin:0;
  padding:0;
  width:13px;
  height:13px;
  font-size:13px;
}
.inline-ele{
  margin-right:5px;
}
/* form-item */
.form-item{
  margin-bottom:9px;
}
.form-item label{
  font-size:14px;
  line-height:28px;
}
/* horizontal form label */
.form-horizontal label{
  float: left;
  text-align: right;
  width:120px;
  margin-right: 5px;
}
.form-text{padding-left:8px;}


.form-horizontal .form-field{
  float:left;

}
.form-field input[type="password"]{padding-left:8px;height:30px;}
.form-horizontal .form-action,
.form-horizontal .item-no-label{
  padding-left:120px;/*label width*/
}
.form-field select{width:108px;padding-left:8px;}
/* vertical form label */
.form-vertical label{
  display:block;
  float:none;
  width:auto;
  text-align:left;
}
.form-vertical .form-field{
  float:none;
}
.form-vertical .form-action,
.form-vertical .item-no-label{
  padding-left:0;
}
/* field-list */
.form-radio-checkbox-wrap .form-field{
  margin-top:5px;
}
.form-radio-checkbox-wrap .form-field label{
  text-align: left;
  width: auto;
  font-weight:normal;
  margin:0 10px 0 0px;
  float:left;
  display:inline;
  line-height:18px;
  font-size:14px;
}
.form-radio-checkbox-wrap .form-field .field-list-block{
  display:block;
  float: none;
  margin-right:0;
  overflow:auto;*zoom:1;
}
.form-radio-checkbox-wrap .form-radio,
.form-radio-checkbox-wrap .form-checkbox,
.form-radio-checkbox-wrap span{
  float:left;
  display:inline;
}
.form-radio-checkbox-wrap .form-radio,
.form-radio-checkbox-wrap .form-checkbox{
  margin-right:5px;
  margin-top:2px;
}
/* select */
.form-item select{
  *margin-top:5px;
  *vertical-align:top;
  height: 34px;
    color: #666;
}
/* form-action */
.form-action{
  clear:both;
  margin-top: 20px;
}
.lightgreybtn{
  border:1px solid #ccc;
  color:#666;
  box-shadow:inset 0 1px 1px #fff,0 0 1px #fff inset;
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
}
.lightgreybtn:hover{
  background:#e6e6e6;
  color:#666;
}
.no-css3 .lightgreybtn{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}
.no-css3 .lightgreybtn:hover{
  filter:none;
}
.inputbtn{
  display:inline-block;*display:inline;*zoom:1;
  cursor: pointer;
  text-align:center;
  overflow:visible;
    /* size */
  padding:0 16px;
  height:28px;
  font-size:14px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
:root .inputbtn{
  padding-top:3px\9;
}
@-moz-document url-prefix(){
  .inputbtn{
    padding-bottom:3px;
  }
}
/* description */
.form-des{
  color: #999;
  font-size:14px;
  margin-left:5px;
}
p.form-des{
  margin:0;
}
/* codePic */
.code-pic{
  display:inline-block;*display:inline;*zoom:1;
}
.code-pic img{
  height:28px;
  vertical-align:middle;
  margin:0 5px;
}
/* tips messages */
.form-error, .form-alert, .form-notice, .form-success, .form-info {
  border: 2px solid #DDDDDD;
  margin-bottom: 9px;
  padding:8px;
  font-size:14px;
  border-radius:3px;
}
/* span inline tips */
span.form-error, span.form-alert, span.form-notice, span.form-success, span.form-info {
  border-width:1px;
  display:inline-block;*display:inline;*zoom:1;
  line-height:26px;
  vertical-align:middle;
  padding:0 5px;
  font-size:14px;
  margin:0 0 0 5px;
}
.form-error, .form-alert {
  background: none repeat scroll 0 0 #FBE3E4;
  border-color: #FBC2C4;
  color: #8A1F11;
}
.form-notice {
  background: none repeat scroll 0 0 #FFF6BF;
  border-color: #FFD324;
  color: #514721;
}
.form-info {
  background: none repeat scroll 0 0 #D5EDF8;
  border-color: #92CAE4;
  color: #205791;
}
.form-success {
  background: none repeat scroll 0 0 #E6EFC2;
  border-color: #C6D880;
  color: #264409;
}
.form-error a, .form-alert a,.form-notice a,.form-info a,.form-success a{
  text-decoration:underline;
}
.form-error a, .form-alert a {
  color: #8A1F11; 
}
.form-notice a {
  color: #514721;
}
.form-info a {
  color: #205791;
}
.form-success a {
  color: #264409;
}
/* clear form-item float */
.form-item:before, .form-item:after {
  content:"";
  display:table;
}
.form-item:after{
  clear:both;
  overflow:hidden;
}
.form-item{
  zoom:1;
}
/*自定义*/
.lab label {
  width: auto;
  margin-top: 5px;
}
/* /表单公用样式 */

/*footer*/
.ft{
  clear: both;
  margin:  auto 0px;
  /* padding-top:20px;
  padding-bottom:45px; */
  text-align: center;
  color: #999;

  bottom:40px;
  left:35%;
  line-height: 20px;


}
.ft .ft-logo {
  vertical-align: top;
}

@media screen and (min-width: 320px) and (max-width: 800px) {
  /*.bg {
    background: url(../images/bg1024.jpg) 0% 0% no-repeat;
    height: 435px;
  }
  .nav li {
    margin: 0px;
    font-size: 16px;
  }*/
  /*.slogan {
    background: url(../images/slogan240.png) 0% 0% no-repeat;
    width: 240px;
    height: 240px;
    float: right;
    margin-top: 8%;
    margin-right: 8%;
  }
  
  a.gray-btn {
    position: absolute;
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
  }
  a.login-btn {
    position: absolute;
    top: 60%;
    left: 12%;
  }
  a.download-btn {
    position: absolute;
    top: 60%;
    left: 30%;
  }*/
}

@media screen and (min-width: 801px) and (max-width:1024px) {
  /*.bg {
    background: url(../images/bg1024.jpg) 0% 0% no-repeat;
    height: 435px;
  }
  .nav li {
    margin: 0 10px;
  }*/
  /*.slogan {
    background: url(../images/slogan320.png) 0% 0% no-repeat;
    width: 320px;
    height: 320px;
    float: right;
    margin-top: 8%;
    margin-right: 8%;
  }
  
  a.gray-btn {
    position: absolute;
    width: 120px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
  a.login-btn {
    position: absolute;
    top: 60%;
    left: 12%;
  }
  a.download-btn {
    position: absolute;
    top: 60%;
    left: 30%;
  }*/
}

@media screen and (min-width:1025px) and (max-width:1280px) {
  /*.bg {
    background: url(../images/bg1280.jpg) 0% 0% no-repeat;
    height: 544px;
  }*/
}

@media screen and (min-width:1281px) and (max-width:1440px) {
  /*.bg {
    background: url(../images/bg1440.jpg) 0% 0% no-repeat;
    height: 612px;
  }*/
}

@media screen and (min-width:1441px) and (max-width:1600px) {
  /*.bg {
    background: url(../images/bg1600.jpg) 0% 0% no-repeat;
    height: 679px;
  }*/
}

@media screen and (min-width:1601px) and (max-width:1920px) {
  /*.bg {
    background: url(../images/bg1920.jpg) 0% 0% no-repeat;
    height: 815px;
  }*/
}

@media screen and (min-width:1921px) {
  /*.bg {
    background: url(../images/bg2560.jpg) 0% 0% repeat-x;
    height: 1088px;
  }*/
  /*a.gray-btn {
    position: absolute;
    top: 40%;
    width: 280px;
    height: 100px;
    line-height: 100px;
  }
  .slogan {
    background: url(../images/slogan410.png) 0% 0% no-repeat;
    width: 410px;
    height: 410px;
    float: right;
    margin-top: 8%;
    margin-right: 8%;
  }*/
}



/*主页的修改*/
.cd_logo {
  position: absolute;
  left: 65%;
  top: 160px;
  width: 430px;
  height: 430px;
}

/*注册页面的修改*/
.register input[type="text"],input[type="password"],select{padding-left:8px;height:30px;}

/*服务协议*/
/*修改帮助页面的样式*/
.cd_help-div1{width:400px;font-size:14px;margin-bottom:15px;}
.help-text p{font-size:14px;line-height:23px;}
.cd_help-main{padding-bottom: 20px;height: 650px;}
.cd_quanping-bg{height:815px;}
.cd_gudong-div{height:600px;scrollbar-arrow-color: #9B1923; /*三角箭头的颜色*/scrollbar-face-color: #999;
  /*立体滚动条的颜色*/scrollbar-3dlight-color: #666; /*立体滚动条亮边的颜色*/scrollbar-highlight-color: #666;
  /*滚动条空白部分的颜色*/scrollbar-shadow-color: #999; /*立体滚动条阴影的颜色*/scrollbar-darkshadow-color: #666;
  /*立体滚动条强阴影的颜色*/scrollbar-track-color: #666;
  /*立体滚动条背景颜色*/scrollbar-base-color:#f8f8f8;
  /*滚动条的基本颜色*/
  width:418px;}
.cd_gudong-div h3{font-size:16px;margin-top:25px;margin-bottom:10px;text-align: center;}
.cd_gudong-div h2{font-size:16px;margin-top:25px;margin-bottom:10px;}
.help-h2{color:#FE7016;}

.cd_qujianzhi{color:#FE7016;}
.cd_service-main{width:800px;margin:0px auto;
  background: url(../images/12.png)no-repeat;}
.cd_service{ width:700px;margin:0 auto;font-size:13px;padding-right:40px;}
.red{color: #FE7016;}
.help-1 {
  width: 700px;
  text-indent: 0.8cm;
  font-size: 13px;
  line-height: 20px;
}
.help-span2{
  font-weight: 600;
  font-size: 14px;
}
.help-2 {
  width: 700px;
  text-indent: 1cm;
  font-size: 12px;
  line-height: 20px;
}
.help-ul1 li {
  list-style-type: disc;
  border-radius: 2px;;
  text-indent: 0px;
  margin-left: 60px;
}
.cd_qujianzhi1{color: #FF0;}

.f11{width:165px;}

/*学生详情页面的图片放大效果*/

#featured-wrap {
  position: relative;
  width: 690px;
  height: 48px;
  margin-top:10px;

}

#featured-content {
  overflow: hidden;
}

#featured-content a {
  float: left;
  margin: 0 3px;
}

#featured-content a img {
  border: 1px solid #999;
  padding: 3px;
  vertical-align: top;
}

#featured-preview {
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 90;
  display: none;
  overflow: hidden;
  width: 200px;
  height: 220px;
}

#featured-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width:690px;
}
#featured-overlay div {
  float: left;
  cursor: e-resize;
  background: red;
  display: none;
  width: 55px;
  height: 48px;
}

/*进度条的代码*/
.sp{color: #9B1923;}
.sp-h{font-size:14px;line-height:30px;}
.sp-word{font-size:14px;margin-bottom:30px;margin-left:30px;width:1120px;color:#444;font-weight:600;}
.sp-h1{line-height:30px; margin-left: 30%;;}


.feature {
    margin-top: 20px;}
    
    .cd_main-body{width:50%;margin:0 auto;position:absolute;top:80px;left:230px;}