select.rating-digital,
select.rating-line,
select.rating-smile,
select.rating-square,
select.rating-star{display: none;}
/******* EXAMPLE A square*******/
.br-wrapper .br-widget {height: 30px;}
.br-wrapper .br-widget a {display: block;width: 30px;height: 30px;float: left;background-color: #eee;margin: 0 2px;}
.br-wrapper .br-widget a.br-active,
.br-wrapper .br-widget a.br-selected {background-color: #e22319;}
.br-wrapper .br-widget .br-current-rating {font-size: 20px;line-height: 2;float: left;padding: 0 20px 0 20px;color: #d2dade;font-weight: 600;}
/******* EXAMPLE D line*******/
.br-wrapper-line .br-widget a{display: block;width: 12px;height: 30px;float: left;border-bottom: 2px solid #eee; }
.br-wrapper-line .br-widget a.br-active,
.br-wrapper-line .br-widget a.br-selected {border-bottom: 2px solid #e22319;}
.br-wrapper-line .br-widget a span {color: white;}
.br-wrapper-line .br-widget a.br-current span {color: #e22319;}
.br-wrapper-line .br-widget .br-current-rating{
	clear: both; width: 330px; text-align: center; font-weight: 600; display: block; padding: .5em 0; color: #e22319;}
.br-wrapper-line .br-readonly a.br-active,
.br-wrapper-line .br-readonly a.br-selected {background-color: #fff;}
/******* EXAMPLE C digital*******/
.br-wrapper-digital .br-widget a {
  display: block;width: 30px;height: 30px;float: left;border: 2px solid #ddd;
  background-color: white;margin: 0 2px;text-decoration: none;font-size: 16px;line-height: 1.6;text-align: center;color: #ddd;font-weight: 600;}
.br-wrapper-digital .br-widget a.br-active,
.br-wrapper-digital .br-widget a.br-selected {border: 2px solid #e22319;color: #e22319;}
.center-content .form-group div .br-wrapper-digital .br-widget a span{color: #333;}
.center-content .form-group div .br-wrapper-digital .br-widget a.br-active span,
.center-content .form-group div .br-wrapper-digital .br-widget a.br-selected span{color: #e22319;}
.br-wrapper-digital .br-widget .br-current-rating {
	clear: both;width: 330px;text-align: center;font-weight: 600;display: block;padding: .5em 0;color: #333;}
.br-wrapper-digital .br-readonly a.br-active,
.br-wrapper-digital .br-readonly a.br-selected {background-color: #fff;}
/******* EXAMPLE F star*******/
.br-wrapper-star .br-widget a {background-image: url("../images/star.png");width: 30px;height: 30px;display: block;float: left;margin: 0 2px;}
.br-wrapper-star .br-widget a.br-active,
.br-wrapper-star .br-widget a.br-selected {background-position: 0 30px;}
.br-wrapper-star .br-widget .br-current-rating {clear: both;width: 330px;display: block;padding: .5em 0;color: #666;}
.br-wrapper-star .br-readonly a.br-active,
.br-wrapper-star .br-readonly a.br-selected {background-color: #fff;}
/******* EXAMPLE F smile*******/
.br-wrapper-smile .br-widget a {background: transparent;width: 30px;height: 30px;display: block;float: left;margin: 0 2px;padding: 0;border: 2px solid #d2dade;line-height: 30px;border-radius: 15px;}
.br-wrapper-smile .br-widget a.br-active,
.br-wrapper-smile .br-widget a.br-selected {background:#f5cf38;border: 2px solid #999999;}
.br-wrapper-smile .br-widget .br-current-rating {clear: both;width: 330px;display: block;padding: .5em 0;color: #666;}
.br-wrapper-smile .br-readonly a.br-active,
.br-wrapper-smile .br-readonly a.br-selected {background:#f5cf38;border: 2px solid #999999;}
.br-wrapper-smile .br-widget a span{margin-top: -2px;}
.rating-list .form-group .col-xs-10{padding-left: 15px;}
/*线性打分--滑块*/
.ui-slider{margin: 10px 14px 0 10px;width: 330px;}
.ui-slider.ui-widget-content{border: none;background: #eee;}
.ui-slider.ui-widget-content .ui-state-default{border: 1px solid #e8b45b;background: #e8b45b;}
.ui-slider .ui-widget-header{background: #e8b45b;}
.ui-state-disabled{opacity: 1;}
#custom-handle {width: 2em;height: 1.6em;top: 50%;margin-top: -.8em;text-align: center;line-height: 1.6em;text-indent: 999px;}
/*仅适配大屏终端*/
@media only screen and (min-width: 768px){
	 /*hover变色*/
 .br-wrapper-line .br-widget a:hover span{color: #e8b45b;}
 .br-wrapper-star .br-widget a:hover{background-position: 0 30px;}
 .br-wrapper-smile .br-widget a:hover{background:#f5cf38;border: 2px solid #999999;}
}
/*仅适配小屏终端*/
@media only screen and (max-width: 767px)  {
  /******* EXAMPLE F star*******/
  .br-wrapper-star .br-widget a {background-image: url("../images/star@2x.png");background-size: 30px;}
  .center-content .rating-list .form-group label.w2{padding: 0;}
  .rating-list .form-group .col-xs-10{padding:0px;margin-right: -20px;}
  .ui-slider{width: 94%;}
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
	.form-group.item-des{zoom: 0.76;}
	.br-wrapper .br-widget a,
	.br-wrapper-digital .br-widget a,
	.br-wrapper-smile .br-widget a,
	.br-wrapper-star .br-widget a,
	.br-wrapper-line .br-widget a {zoom: 0.72;margin-top: 9px;}
	.container-preview .form-group span{margin-top: 0;}
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
	.form-group.item-des{zoom: 0.82;}
	.br-wrapper .br-widget a,
	.br-wrapper-digital .br-widget a,
	.br-wrapper-smile .br-widget a,
	.br-wrapper-star .br-widget a,
	.br-wrapper-line .br-widget a {zoom: 0.78;margin-top: 6px;}
}
@media only screen and (min-width: 414px) and (max-width: 640px) {
	.form-group.item-des{zoom: 0.9;}
	.br-wrapper .br-widget a,
	.br-wrapper-digital .br-widget a,
	.br-wrapper-smile .br-widget a,
	.br-wrapper-star .br-widget a,
	.br-wrapper-line .br-widget a {zoom: 0.86;margin-top: 6px;}
}