.jr-ratenode{
	
}

.jr-rating{
	cursor:pointer;
   float:left;
   margin: 6px 0;
   position: relative;
   display: block;
   color: red;
   width: 0px;
   height: 0px;
   border-right:  10px solid transparent;
   border-bottom: 7px  solid #CC6600;
   border-left:   10px solid transparent;
   -moz-transform:    rotate(35deg);
   -webkit-transform: rotate(35deg);
   -ms-transform:     rotate(35deg);
   -o-transform:      rotate(35deg);
}
.jr-rating:before{
   border-bottom: 8px solid #CC6600;
   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   position: absolute;
   height: 0px;
   width: 0px;
   top: -4.5px;
   left: -6.5px;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);
}
.jr-rating:after{
	 position: absolute;
   display: block;
   color: red;
   top: 0.3px;
   left: -10.5px;
   width: 0px;
   height: 0px;
   border-right: 10px solid transparent;
   border-bottom: 7px solid #CC6600;
   border-left: 10px solid transparent;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}

.jr-nomal {
   float:left;
   margin: 6px 0;
   position: relative;
   display: block;
   color: red;
   width: 0px;
   height: 0px;
   border-right:  10px solid transparent;
   border-bottom: 7px  solid #a9a9a9;
   border-left:   10px solid transparent;
   -moz-transform:    rotate(35deg);
   -webkit-transform: rotate(35deg);
   -ms-transform:     rotate(35deg);
   -o-transform:      rotate(35deg);
}
.jr-nomal:before {
   border-bottom: 8px solid #a9a9a9;
   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   position: absolute;
   height: 0px;
   width: 0px;
   top: -4.5px;
   left: -6.5px;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);
    
}
.jr-nomal:after {
   position: absolute;
   display: block;
   color: red;
   top: 0.3px;
   left: -10.5px;
   width: 0px;
   height: 0px;
   border-right: 10px solid transparent;
   border-bottom: 7px solid #a9a9a9;
   border-left: 10px solid transparent;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}
@media screen and (max-width: 1000px) {
	.jr-ratenode{
	
}

.jr-rating{
	cursor:pointer;
   
   float: left;
    margin: 4px;
    position: relative;
    display: block;
    color: red;
    width: 0px;
    height: 0px;
    border-right: 17px solid transparent;
    border-bottom: 11px solid #CC6600;
    border-left: 12px solid transparent;
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}
.jr-rating:before{
   
   
   border-bottom: 16px solid #CC6600;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    height: 0px;
    width: 3px;
    top: -7.5px;
    left: -7.5px;
    display: block;
    content: '';
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
}
.jr-rating:after{

   
   position: absolute;
    display: block;
    color: red;
    top: 0.3px;
    left: -12.5px;
    width: 2px;
    height: 0px;
    border-right: 14px solid transparent;
    border-bottom: 11px solid #CC6600;
    border-left: 14px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    content: '';
}

.jr-nomal {

   
   float: left;
    margin: 4px;
    position: relative;
    display: block;
    color: red;
    width: 0px;
    height: 0px;
    border-right: 17px solid transparent;
    border-bottom: 11px solid #a9a9a9;
    border-left: 12px solid transparent;
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}
.jr-nomal:before {

   
   border-bottom: 16px solid #a9a9a9;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    height: 0px;
    width: 3px;
    top: -7.5px;
    left: -7.5px;
    display: block;
    content: '';
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    
}
.jr-nomal:after {
   position: absolute;
    display: block;
    color: red;
    top: 0.3px;
    left: -12.5px;
    width: 2px;
    height: 0px;
    border-right: 14px solid transparent;
    border-bottom: 11px solid #a9a9a9;
    border-left: 14px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    content: '';
}

}/**/