.top10brands{
}

.item-brand {
  color: #838083;
  display: block;
}
.rating-brand {
   display: flex;
    /*height: 1190px;*/
    /*width:100%;*/
    /*border: black 1px solid;*/
    /*background: #fbcb23;*/
    /*justify-content:center;*/
    /*flex-wrap:wrap;*/
    word-wrap: break-word;
    border-top: solid 1px #f6f6f6;
    /*border-bottom-color: #eeeeee;*/
    padding: 10px;
    color: #838083;
}


.rating-brand:hover{
    /*display: flex;*/
    /*height: 1190px;*/
    /*width:100%;*/
    /*border: black 1px solid;*/
    /*background: #fbcb23;*/
    /*justify-content:center;*/
    /*flex-wrap:wrap;*/
    border-color: #e3b8a7;
    background: url(https://demo5.bcub.ru/images/brands/icon-rating/background-top10.png) top no-repeat #fafafa;
    /*background: url(https://www.cnpp.cn/public/img/top10bg.jpg) top no-repeat #f3efea;*/
    /*background-size: cover;*/
    background-position: 100% 0px;
    word-wrap: break-word;
    color: #f76000;
}


.child-rating-1 {
    /*display: flex;*/
    /*height: auto;*/
    /*width:30%;*/
    /*border: black 1px solid;*/
    /*background: #f30e0e;*/
    /*justify-content:center;*/
    flex-wrap:wrap;
    word-wrap: break-word;
    /*margin: 2px;*/
    /*padding: 2px;*/
}
.child-rating-2 {
     /*height: auto;*/
     /*width:60%;*/
    /*border: black 1px solid;*/
    /*background: #f30e0e;*/
    /*justify-content:center;*/
    flex-wrap:wrap;
    word-wrap: break-word;
    padding: 0 0 0 14px;
}

.parent-rating-number-2 {
    /*height: auto;*/
    /*width: 100%;*/
    /*border: black 1px solid;*/
    /*background: blue;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    /*margin: 2px;*/
    /*padding: 2px;*/
    text-align: center;
}
.parent-rating-number-1 {
    display: flex;
    /*height: auto;*/
    /*width: 100%;*/
    /*border: black 1px solid;*/
    /*background: blue;*/
    /*justify-content: center;*/
    /*flex-wrap: wrap;*/
    word-wrap: break-word;
    margin-top: 10px;
    /*margin: 2px;*/
    /*padding: 2px;*/
}
.number-in-rating {
    height: 50px;
    width: 50px;
    margin-top: 25px;
    margin-right: 10px;
    /*border: black 1px solid;*/
    /*background: red;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    /*margin: 2px;*/
    /*padding: 2px;*/
}

.top10brands a:nth-child(1) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-1-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(2) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-2-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(3) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-3-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(4) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-4-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(5) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-5-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(6) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-6-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(7) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-7-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(8) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-8-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(9) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-9-50x50.png);
    background-size: cover;
}
.top10brands a:nth-child(10) .rating-brand .child-rating-2 .rating-info-1 .child-rating-info-1 .parent-img-and-name .child-img .parent-rating-number-1 .number-in-rating {
    background-image: url(/images/brands/icon-rating/icon-reting-10-50x50.png);
    background-size: cover;
}

/*
.top10brands a:nth-child(1) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-1-50x50.png);
}
.top10brands a:nth-child(2) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-2-50x50.png);
}
.top10brands a:nth-child(3) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-3-50x50.png);
}
.top10brands a:nth-child(4) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-4-50x50.png);
}
.top10brands a:nth-child(5) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-5-50x50.png);
}
.top10brands a:nth-child(6) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-6-50x50.png);
}
.top10brands a:nth-child(7) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-7-50x50.png);
}
.top10brands a:nth-child(8) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-8-50x50.png);
}
.top10brands a:nth-child(9) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-9-50x50.png);
}
.top10brands a:nth-child(10) .rating-brand .child-rating-1 .parent-rating-number-1 .number-in-rating {
    background: url(/images/brands/icon-rating/icon-reting-10-50x50.png);
}
*/

.child-rating-number-2 {
    /*height: auto;*/
    /*width: 60%;*/
    /*border: black 2px solid;*/
    /*background: red;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    /*margin: 10px;*/
    /*padding: 5px;*/
    width: 217px;
    height: 100px;
    position: relative;
    z-index: 2;
    display: block;
    /*border: 1px solid #e5dcd0;*/
    background: #fff;
}

.child-rating-number-2:after {
    display: block;
    content: "";
    background: #e5dcd0;
    width: 217px;
    height: 100px;
    margin-top: -100px;
    transform: rotate(-3deg);
}


.rating-info-1 {
    display: flex;
    /*height: 600px;*/
    /*width: 96%;*/
    /*border: black 1px solid;*/
    /*background: blue;*/
    /*justify-content: center;*/
    /*flex-wrap: wrap;*/
    word-wrap: break-word;
    /*margin: 2px;*/
    /*padding: 2px;*/
}
.links-store {
    display: flex;
    /*height: 130px;*/
    /*width: 96%;*/
    /*border: black 1px solid;*/
    /*background: blue;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    /*margin: 2px;*/
    /*padding: 2px;*/
}

.links-store .btnstore {
    display: inline-block;
    border: 1px solid #e1dad1;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 5px;
    /*max-width: 170px;*/
    color: #838083;
}

.links-store a.btnstore:hover span {
    background-color: #F60;
}

.links-store .btnstore span{
    display: inline-block;
    vertical-align: middle;
    background-color: #838083;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
    color: rgb(255, 255, 255) !important;
    border-radius: 3px;
    text-decoration: none;
}

.links-store a.btnstore:hover {
    color: #f76000;
    border-color: #f76000;
}


.child-rating-info-1  {
    /*height: 400px;*/
    /*width: 60%;*/
   /*border: black 1px solid;*/
    /*background: green;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    /*margin: 2px;*/
   /*padding: 2px;*/
}

.parent-img-and-name {
    display: flex;
}

.child-rating-info-2 {
    /*height: 400px;*/
    /*width: 30%;*/
   /*border: black 1px solid;*/
    /*background: green;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    margin: 50px 0 0 0;
    /*margin: 2px;*/
    /*padding: 2px;*/
}

.brand-detailed{
    background: rgba(196, 176, 149, 0.3);
    padding: 8px 10px;
    margin-right: 5px;
    border-radius: 4px;
    
}

a:hover .brand-detailed{
    background: #f76000;
    color: #fff;
}

.parent-name-info {
    /*display: flex;*/
    /*width: 96%;*/
    /*height: 160px;*/
    /*border: black 1px solid;*/
    /*background: #fbcb23;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    margin-top: 10px;
    margin-left: 10px;
}
.brand-descript {
    /*width: 96%;*/
    /*height: 160px;*/
    /*border: black 1px solid;*/
    /*background: #fbcb23;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    padding-right: 10px;
    padding-top: 6px;
}
.brand-name {
    /*width: 50%;*/
    /*border: black 1px solid;*/
    /*background: #00ffc4;*/
    /*justify-content: center;*/
    flex-wrap: wrap;
    word-wrap: break-word;
    padding-right: 10px;
}
.brand-name .name-title {
    background: rgba(196, 176, 149, 0.3);
    margin-right: 5px;
    border-radius: 4px;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 1.8em;
    color: #d91e00;
}

a:hover .name-title{
    background: #f76000;
    color: #fff;
    
}

.brand-info {
    /*width: 30%;*/
    /*border: black 1px solid;*/
    /*background: #00ffc4;*/
    /*justify-content: center;*/
    color: #222222;
    flex-wrap: wrap;
    word-wrap: break-word;
    padding-top: 10px;
}

.brand10bangdan {
    width: 217px;
    height: 100px;
    position: relative;
    z-index: 2;
    display: block;
    border: 1px solid #e5dcd0;
    background: #fff;
    padding: 4px;
}
/*.brand10bangdan:after {
    display: block;
    content: "";
    background: #e5dcd0;
    width: 217px;
    height: 100px;
    margin-top: -100px;
    transform: rotate(-3deg);
}*/


@media (max-width: 768px){
     .parent-rating-number-2 {
       display: none;
}
      .child-rating-info-2 {
       display: none;
  }
}