#pub{width: 940px; margin-left: 30px;}

.morebutton{display: block; width: 100%; background-color: #f2f2f2; color: #333; font-size: 20px; text-align: center; padding: 20px; text-decoration: none; width: 605px; margin-top: 40px;}

.advice{box-shadow: 0 0 20px #ccc; padding: 20px; margin: 30px 0;}
.advice h2{margin: 0!important;}
.advice .adescription{margin: 30px 0 10px 0; font-style: italic; font-weight: bold; color: #000;}
.advice .asection{}
.advice .asection .asobj{width: 200px; margin-right: 20px; float: left;}
.advice .asection .asobj img{width: 100%; border-radius: 5px;}

.path{font-size: 16px; margin: 22px 0;}
.path a{font-size: 16px;}

.htimage{width: 100%; border-radius: 5px;}

#pub .description{font: normal 12px sans-serif;}

#pub .themes{margin: 10px 0;padding: 5px 10px 5px 10px;background:  #f2f2f2;border-radius: 5px;}

#pub .themes a{display: block;float: left;height: 31px;font: 10px Verdana;color: #dab67a;text-decoration: none;margin: 0 5px 0 0;border-radius: 5px;background: url('/images/pub/theme-button-bg.jpg') repeat-x;line-height: 31px;padding: 0 7px;}

#pub .themes a:hover
{
opacity: 0.8;
color: #e6a53a;
}

#pub .themes a.active
{
opacity: 0.8;
color: #e6a53a;
}

#pub .themes .head
{
display: block;
float: left;
font: 12px Verdana;
color: #838383;
line-height: 30px;
height: 30px;
width: 150px;
text-align: center;
}




#pub .links
{
margin: 0;
padding: 0;
list-style: none;
}


#pub .links li
{
margin: 0;
padding: 0 0 0 20px;
background: url('/images/products-links.png') left center no-repeat;
}

#pub .links li a
{
color: #188ac5;
font: 14px Arial;
text-transform: none;
line-height: 20px;
}



#pub .step
{
margin: 10px 0 15px 20px;
padding: 0;
list-style: none;
}


#pub .step li
{
margin: 0;
padding: 0 0 0 28px;
background: url('/images/pub/step-ico.png') left center no-repeat;
min-height: 25px;
}

#pub .hr
{
width: 605px;
margin: 20px 0 20px 0;
height: 22px;
}

#pub .hr img
{
display: block;
border: 0;
box-shadow: none;
width: 100px;
height: 22px;
margin: 0 auto;
}


/*Список статей*/
#pub .publist{width: 850px; min-height: 700px; margin: 30px 0;}
#pub .publist .pubobj{position: relative; width: 840px; margin: 0 10px; margin: 0 0 40px 0; background: #fff; box-shadow: 3px 3px 10px #eee; border: 1px solid #eee; padding-bottom: 40px;}
#pub .publist .pubobj .ephoto{width: 300px; height: 225px; float: left;}
#pub .publist .pubobj .econtent{width: 500px; background: #fff; float: left; margin: 20px 0 0 20px;}
#pub .publist .pubobj .econtent .ename{font: 24px sans-serif; text-decoration: underline; color: #000;}
#pub .publist .pubobj .econtent .ereadtime{ margin: 10px 0; font-size: 16px; color: #333;}
#pub .publist .pubobj .econtent .etext{font: 14px sans-serif; line-height: 18px; text-decoration: none; margin-top: 20px; color: #777;}
#pub .publist .pubobj .econtent .eparams{margin: 0; height: 30px; line-height: 30px;}
#pub .publist .pubobj .econtent .eparams .pbauthor{display: inline-block; color: #333; font-size: 16px; background-color: #f2f2f2; padding: 0 15px 0 45px; height: 30px!important; line-height: 30px!important; background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; border-radius: 5px; float: left;}
#pub .publist .pubobj .econtent .eparams .pblikes{display: inline-block; margin-left: 30px; font-size: 12px; color: #333; text-decoration: none; cursor: pointer; padding: 3px 5px; border-radius: 3px;}
#pub .publist .pubobj .econtent .eparams .pblikes:hover{background-color: #f2f2f2;}
#pub .publist .pubobj .econtent .eparams .pblikes img{width: 16px;}
#pub .publist .pubobj .econtent .eparams .pbcomments{display: inline-block; margin-left: 30px; font-size: 12px; color: #333; text-decoration: none; cursor: pointer; padding: 3px 5px; border-radius: 3px;}
#pub .publist .pubobj .econtent .eparams .pbcomments:hover{background-color: #f2f2f2;}
#pub .publist .pubobj .econtent .eparams .pbcomments img{width: 16px;}

/*Блок ссылка с фото*/
.photolinkblock100{display: block; width: 100%; margin: 20px 0; color: #0672F2;}
.photolinkblock100 .plb100image{width: 100%!important; border-radius: 1rem;}
.photolinkblock100 .plb100description{width: 80%; margin: 15px auto; font-size: 18px; text-align: center;}

.photolinkblock50container{margin: 10px 0; width: 100%;}
.photolinkblock50{float: left; display: block; width: 48%; color: #0672F2; margin: 10px 0;}
.photolinkblock50 .plb50image{width: 100%!important; border-radius: 1rem;}
.photolinkblock50 .plb50description{width: 100%; margin: 15px auto; font-size: 18px; text-align: center;}
.photolinkblock50:nth-child(2n){margin-left: 4%!important;}

/*Видео блок*/ 
.videoyandex{box-shadow: 0 0 15px #ccc;}
.videoyandex iframe{width: 610px; height: 343px;}
.videoyandex .vyinfo{width: 90%; margin: 0 auto; padding: 20px 0;}
.videoyandex .vyurl{display: block; margin: 10px 0 0 0; font-size: 16px; background: #04A2CE url('/images/pub/publinkstyle2.png') 10px center no-repeat; padding: 10px 10px 10px 30px;  background-size: 10px 10px; width: 160px; color: #fff; text-decoration: none;}
.videoyandex .vyenergy{background: url('/images/pub/kkal-icon.png') left center no-repeat; background-size: 20px 20px; padding-left: 30px; margin: 15px 0; color: #000;}
.videoyandex .vytime{background: url('/images/pub/time-icon.png') left center no-repeat; background-size: 20px 20px; padding-left: 30px; margin: 15px 0; color: #000;}
.videoyandex .vyinfo h3{font-size: 20px; margin: 0 0 10px 0!important; font-weight: normal;}

.videocontainer{    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;}
.videocontainer iframe{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

/*Текст статьи*/ 
#pubbody{width: 609px;font-size: 16px;line-height: 20px;float: left; border-right: 1px solid #f2f2f2; padding-right: 10px; margin-top: 19px;}

#pubbody .pbtoppanel{margin: -10px 0 20px 0; border-top: 1px solid #f2f2f2; padding-top: 10px;}
#pubbody .pbtoppanel .pbauthor{float: left; display: inline-block; color: #333; font-size: 16px; background-color: #f2f2f2; padding: 0 15px 0 45px; height: 30px!important; line-height: 30px!important; background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; border-radius: 5px;}
#pubbody .pbtoppanel .pbreadtime{float: left; margin: 5px 0 10px 20px; color: #333;}

#pubbody .pbtoppanel .pbdir{display: inline-block; color: #333; font-size: 16px; padding: 0 15px 0 45px; height: 30px!important; line-height: 30px!important; background: #f2f2f2 url('/images/pub/pub-dirs-icon-64.png') left center no-repeat; background-size: 30px 30px; border-radius: 5px; margin-left: 20px;}
#pubbody h1{font-size: 30px;margin: 0px 0 30px 0; color: #333;}
#pubbody h2{font-size: 28px; margin: 30px 0 10px 0;color: #333; border-bottom: 3px solid #000;}
#pubbody h3{font-size: 24px; font-weight: normal; margin: 30px 0 0 0; color: #333;}
#pubbody .orangeheader{color: #D37200!important; font-size: 32px!important;}
#pubbody img{width: 100%; border-radius: 5px;}
#pubbody .pubimage{display: block; width: 100%!important; border-radius: 5px!important; margin-bottom: 30px;}


/*Блок вопрос-ответ*/
#pubbody .pbquestion{padding: 20px; border-top: 3px dotted #ccc;  border-bottom: 3px dotted #ccc; margin: 20px 0; background-size: 40px 40px; background-color: #F5FFDD;}
#pubbody .pbquestion h2{font-size: 20px; font-weight: bold; margin: 0;}
#pubbody .pbquestion p{margin: 15px 0;}
#pubbody .pbquestion ul li{margin-bottom: 20px;}

/*Блок рецепт*/

#pubbody .pbrecipe{border-bottom: 1px solid #f2f2f2; padding: 40px 0;}
#pubbody .pbrecipe h3{border-bottom: 3px solid #333; padding: 5px 5px 8px 0; margin: 0; font-size: 20px;}
#pubbody .pbrecipe .pbrimage{}
#pubbody .pbringrdients{margin: 20px 0 20px 20px; padding: 0; color: #333;}
#pubbody .pbringrdients .pbriheader{list-style: none; font-size: 20px; margin-bottom: 10px; margin-left: -15px;}
#pubbody .pbrecipe .pbrenergy{background: url('/images/pub/kkal-icon.png') left center no-repeat; background-size: 20px 20px; padding-left: 30px; margin: 10px 0; color: #000;}
#pubbody .pbrecipe .pbrurllemon{margin: 20px 0 0 0; font-size: 18px; background: #FFE474 url('/images/pub/publinkstyle1.png') 10px center no-repeat; padding: 20px 10px 20px 60px;  background-size: 38px 38px; border: 2px dashed #E4AD22;}
#pubbody .pbrecipe .pbrurllemon a{font-size: 18px;}

#pubbody .pbrecipecompact{border-bottom: 1px solid #f2f2f2; box-shadow: 0 0 5px #aaa; margin: 20px 0;}
#pubbody .pbrecipecompact .pbrcimage{width: 200px; float: left;}
#pubbody .pbrecipecompact .pbrcinfo{width: 370px; float: left; margin-left: 20px;}
#pubbody .pbrecipecompact .pbrcinfo h3{padding: 5px 5px 8px 0; margin: 0 0 10px 0; font-size: 20px; font-weight: bold; line-height: 26px;}
#pubbody .pbrecipecompact .pbrcinfo .pbrcenergy{background: url('/images/pub/kkal-icon.png') left center no-repeat; background-size: 20px 20px; padding-left: 30px; margin: 5px 0; color: #000;}
#pubbody .pbrecipecompact .pbrcinfo .pbrctime{background: url('/images/pub/time-icon.png') left center no-repeat; background-size: 20px 20px; padding-left: 30px; margin: 5px 0; color: #000;}
#pubbody .pbrecipecompact .pbrcinfo .pbrcurl{display: block; margin: 10px 0 0 0; font-size: 16px; background: #04A2CE url('/images/pub/publinkstyle2.png') 10px center no-repeat; padding: 10px 10px 10px 30px;  background-size: 10px 10px; width: 160px; color: #fff; text-decoration: none;}

#pub .pubheader{margin-bottom: 30px;}
#pubbody .pubheader .contents{padding: 20px 30px; float: left; width: 540px; border-left: 5px solid #F1A93D;}
#pubbody .pubheader .contents h2{margin: 0 0 20px 0!important; border: 0!important; font-size: 22px!important;}
#pubbody .pubheader .contents ul{margin: 0 0 0 20px; padding: 0;}
#pubbody .pubheader .contents ul li{margin: 10px 0; padding: 0;}
#pubbody .pubheader .contents ul li a{font-size: 16px; color: #0A78E1; text-decoration: none; border-bottom: 1px dotted blue;}
#pubbody .pubheader .contents ul li a:hover{border-bottom: 1px solid blue;}

#pubbody .classic li{background: none; padding: 0;margin: 5px 0 5px 20px;}
#pubbody img.left{float:left;margin:0 5px 0 0;}
#pubbody img.right{float:right;margin:0 0 0 5px;}

#pubbody .digest-top-menu{padding:0px 0; line-height:200%;margin: 30px 0;}
#pubbody .digest-top-menu a{font-size:100%; text-decoration: none; border-bottom: 1px dotted blue;}
#pubbody .digest-top-menu a:hover{border-bottom: 1px solid blue;}
#pubbody .digest-top-menu h2{margin: 0 0 10px 0px!important;}
#pubbody .digest-top-menu ul{margin: 0 0 0 0px!important; padding: 0 0 0 20px;}
#pubbody .digest-top-menu ul li{margin: 0 0 0 0px!important;}

#pubbody .linkblock {margin-top: 20px; padding:5px; border:2px dashed #ccc; height:113px; text-decoration: none; color: #5A5A5A; display: block;cursor: pointer; font-size: 18px;}
#pubbody .linkblock:hover{border:2px dashed #000;}
#pubbody .linkblock img {width:150px; padding-right:20px; float:left;}
#pubbody .linkblock a {font-size:100%;}
#pubbody .linkblock p span{text-decoration: underline; color: #0A78E1;}

/* Стиль для ссылки */
#pubbody .linkstyleshadow{margin: 30px 0; font-size: 18px; background: #fff url('/images/pub/publinkstyle1.png') 10px center no-repeat; padding: 20px 10px 20px 60px; background-size: 38px 38px; box-shadow: 0 0 15px #ccc;}
#pubbody .linkstyleshadow a{font-size: 18px;}
#pubbody .linkstylelemon{margin: 30px 0; font-size: 18px; background: #FFE474 url('/images/pub/publinkstyle1.png') 10px center no-repeat; padding: 20px 10px 20px 60px;  background-size: 38px 38px; border: 2px dashed #E4AD22;}
#pubbody .linkstylelemon a{font-size: 18px;}

#pubbody .digest-ingredients{margin: 20px 0 20px 20px; padding: 0;}
#pubbody .digest-photo{width: 100%;}

/*правая часть*/ 
#pub #side{float: left; width: 310px; margin-left: 10px; margin-top: 15px;}
#pub .clear{clear: both;}
#pub #side .sadv1{margin-top: 10px;}
#pub #side .sadv2{margin-top: 20px;}

/*Таблицы*/
#pub #pubbody table{border-collapse: collapse; border-spacing:0px;width: 100%;}
#pub #pubbody table tr td{border-collapse: collapse;   border: 1px solid #8f7255;padding: 3px;}
#pub #pubbody table tr:first-child{background-color: #ffeec9;}
#pub #pubbody table tr td:first-child{min-width: 150px;}
#pub #pubbody .subheader{border-bottom: 3px solid #000; padding: 5px 5px 8px 0; margin: 40px 0 30px 0;}

#pub #pubbody .recipeobject{list-style: none;}
#pub #pubbody .recipeobject .params{padding: 10px; background-color: #f2f2f2; width: 333px;margin: 5px 0 10px 0;}
#pub #pubbody .recipeobject .params .energy{background: url('/images/recipe/kkal-icon.png') left center no-repeat; padding: 0 20px 0 20px; float: left;}
#pub #pubbody .recipeobject .params .time{background: url('/images/recipe/time-icon.png') left center no-repeat; padding: 0 0 0 20px; float: left;}
#pub #pubbody .recipeobject div a{font-size: 16px;}
#pub #pubbody .recipeobject img{width: 350px; box-shadow: 0 0 15px #ccc; border: 3px solid #f2f2f2; margin: 10px 0;}
#pub #pubbody .recipeobject .rourl{display: block; width: 356px; height: 30px; line-height: 30px; margin: 10px 0; background-color: #223b7e; color: #fff; text-decoration: none; text-align: center; font-size: 18px;}
#pub #pubbody .recipeobject .rolink{display: block; line-height: 30px; margin: 20px 0 20px 0; color: #0A78E1; text-decoration: none; font-size: 24px; text-decoration: underline;}
#pub #pubbody .recipeobject .rolink:hover{color: #1235A7;}
#pub #pubbody .recipeobject h2{font-size: 28px; font-weight: normal;}
#pub #pubbody .recipeobject h3{font-size: 18px; font-weight: normal; margin-top: 20px;}
#pub #pubbody .recipeobject ul{margin: 10px 0 10px 15px;; padding: 0;}
#pub #pubbody .recipeobject ul li{margin: 0; padding: 0; list-style: disc; background-image: none;}

#pub #pubbody .recipeobject iframe{width: 600px; height: 525px;}
#pub #pubbody .linklist{margin: 0 0 0 15px; padding: 0;}
#pub #pubbody .linklist li{margin: 15px 0; padding: 0;}
#pub #pubbody .linklist li a{font-size: 16px; color: #0A78E1;}


.pubbigphoto{width: 100%;}


.htrecipes{}
.htrecipes h2{margin: 50px 0 10px 0;}
.htrec{display: block; margin: 10px 0 0 0; float: left; text-decoration: none; color: #333; width: 49%;}
.htrec:nth-child(2n){margin-right: 2%;}
.htrec .htimage{}
.htrec .htinfo{text-align: center; margin-top: 10px; min-height: 65px;}
.htrecipes .htrname{text-decoration: underline; font-size: 18px; color: #0054E0;}
.htrecipes .htrdescr{color: #555; margin-top: 5px; font-size: 14px;}

.textblock1{padding: 20px; margin: 20px 0; background-size: 40px 40px; background-color: #EEFFE6; border-radius: 5px;}
.textblock1 h2{font-size: 20px; font-weight: bold; margin: 0;}
.textblock1 p{margin: 15px 0;}
.textblock1 ul li{margin-bottom: 20px;}
.textblock2{padding: 20px 5%; border-radius: 3px; box-shadow: 0 0 15px #ccc; width: 90%!important;}
.textblock3{padding: 10px 0 10px 15px; border-left: 5px solid #6CCCFF!important;}
.textblock3 span{font-size: 14px; font-weight: normal;}
.textblock3 a{font-size: 18px;}
 /*красный блок*/
.textblock4{margin: 20px 0; background-color: #FFE8F1; background-size: 32px 32px; padding: 20px; border-radius: 5px;}

blockquote{margin: 0 auto; padding: 20px 5%; width: 90%; text-align: center; font-style: italic; line-height: 20px; color: #888; background-image: url('/images/pub/blockquote-icon-64.png'); background-position: 0 10px; background-size: 20px 20px; background-repeat: no-repeat;}


strong.strongcolorblue{color: #0E3BF9;}

#side .howtolinksright{margin-top: 0!important; padding-bottom: 20px; border: none!important;}
#side .howtolinksright h2{font-size: 20px; width: 95%; margin: 0 auto 10px auto;}
#side .howtolinksright .htlobj{display: block; width: 95%; text-align: left; margin: 0 auto 15px auto; clear: both;}
#side .howtolinksright .htlobj img{border-radius: 3px; width: 50px; margin-right: 3%; display: block; float: left;}

#side .howtolinksbottom{}
#side .howtolinksbottom h2{font-size: 20px; width: 95%; margin: 0 auto 10px auto;}
#side .howtolinksbottom .htlobj{display: block; width: 95%; text-align: left; margin: 0 auto 15px auto; clear: both;}
#side .howtolinksbottom .htlobj img{border-radius: 3px; width: 50px; margin-right: 3%; display: block; float: left;}

#side .htrecipes{}
#side .htrecipes h2{margin: 10px 0 10px 0;}
#side .htrec{display: block; margin: 10px 0 0 0; float: left; text-decoration: none; color: #333; width: 49%;}
#side .htrec:nth-child(2n){margin-right: 2%;}
#side .htrec .htimage{}
#side .htrec .htinfo{text-align: center; margin-top: 10px; min-height: 65px;}
#side .htrecipes .htrname{text-decoration: underline; font-size: 18px; color: #0054E0;}
#side .htrecipes .htrdescr{color: #555; margin-top: 5px; font-size: 14px;}

#side .sectionslinks{}
#side .sectionslinks .sectbutton{display: inline-block; margin: 0 5px 5px 0; padding: 10px; text-decoration: none; background-color: #41C681; color: #fff; border-radius: 5px; font-size: 12px; cursor: pointer;}
#side .sectionslinks .sectbutton:hover{background-color: #006A27;}

.howtolinksright{margin-top: 20px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px;}
.howtolinksright h2{font-size: 20px; width: 95%; margin: 0 auto 10px auto;}
.howtolinksright .htlobj{display: block; width: 95%; text-align: left; margin: 0 auto 15px auto; clear: both;}
.howtolinksright .htlobj img{border-radius: 3px; width: 50px; margin-right: 3%; display: block; float: left;}

#pubbody .howtolinksbottom{}
#pubbody .howtolinksbottom h2{}
#pubbody .howtolinksbottom .htlobj{display: block; width: 100%; margin-right: 2%; text-align: left; margin-bottom: 5px; float: left; border-bottom: 1px solid #f2f2f2; padding: 5px 0 10px 0;}
#pubbody .howtolinksbottom .htlobj img{border-radius: 3px; width: 13%!important; float: left; display: block; margin-right: 2%;}

.sectionslinks{}
.sectionslinks .sectbutton{display: block; float: left; margin: 0 5px 5px 0; padding: 10px; text-decoration: none; background-color: #41C681; color: #fff; border-radius: 5px; font-size: 14px;}

.nav{padding: 20px 0 20px 40px; margin: 20px 0 40px 0; border-radius: 5px; border-left: 5px solid #F1A93E;}
.nav h2{margin: 0 0 20px 0!important; border: 0!important; font-size: 22px!important;}
.nav a{display:list-item; margin: 5px 0 10px 15px; list-style:decimal; font-size: 18px; text-decoration: none; border-bottom: 1px dotted #117CE2;}
.nav a::marker{color: #000;}

/* Пагинация рецептов */
.pagination{padding: 20px 20px 0 0; background: #fff; text-align: left; margin-top: 20px;}
.pagination .pageslist{display: inline-block; margin: 0 auto; height: 30px;}
.pagination a{display: block; float: left; font-size: 16px; padding: 5px; margin: 0 3px; text-decoration: none; border-radius: 0px; cursor: pointer!important;}
.pagination a:hover{background-color: #1c3b83; color: #fff;}
.pagination .currentpage{background-color: #1c3b83; color: #fff;}
.pagination .navpage{height: 22px; width: 90px; opacity: 0.8; background-color: #ccc; color: #333!important;  cursor: pointer!important; height: 20px; border-radius: 5px; text-align: center;}
.pagination .navpage:hover{background-color: #f2f2f2!important; opacity: 1;}

/*Лайки в статье*/

#pubbody .eparams{margin: 20px 0 0 0; height: 30px; line-height: 30px; border-top: 1px solid #f2f2f2; padding-top: 10px;}
#pubbody .eparams .pbauthor{display: inline-block; color: #333; font-size: 16px; background-color: #f2f2f2; padding: 0 15px 0 45px; height: 30px!important; line-height: 30px!important; background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; border-radius: 5px; float: left;}
#pubbody .eparams .pblikes{display: inline-block; margin-left: 0; font-size: 12px; color: #333; text-decoration: none; cursor: pointer; padding: 3px 5px; border-radius: 3px;}
#pubbody .eparams .pblikes:hover{background-color: #f2f2f2;}
#pubbody .eparams .pblikes img{width: 20px;}
#pubbody .eparams .pbcomments{display: inline-block; margin-left: 20px; font-size: 12px; color: #333; text-decoration: none; cursor: pointer; padding: 3px 5px; border-radius: 3px;}
#pubbody .eparams .pbcomments:hover{background-color: #f2f2f2;}
#pubbody .eparams .pbcomments img{width: 20px;}

/*комменты*/
.addcomment{background-color: #1B6DFF; color: #fff; padding: 10px; width: 200px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px;}
.addcomment:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.addcommentwin{position: fixed; top: 50%; margin-top: -200px; width: 500px; left: 50%; margin-left: -250px; height: 400px; background-color: #fff; box-shadow: 0 0 30px #ccc; z-index: 9999999; border-radius: 5px; display: none;}
.addcommentwin .arwheader{min-height: 30px; position: relative; margin: 20px auto 0 auto; width: 90%;}
.addcommentwin .arwheader .arwtitle{font-size: 20px; color: #000;}
.addcommentwin .arwheader img{width: 20px!important; height: 20px!important; position: absolute; right: 0px; top: 0; cursor: pointer; opacity: 0.8}
.addcommentwin .arwheader .arwclose:hover{opacity: 1}
.addcommentwin .arwtext{display: block; width: 86%; height: 200px; margin: 30px auto 0 auto; border-radius: 5px; padding: 10px 2%; font-size: 16px; background-color: #f2f2f2; border: 1px solid #ccc;}

.addcommentwin .arwsubmit{display: inline-block; border-radius: 5px; background-color: #1B6DFF; color: #fff; text-align: center; padding: 10px; margin: 30px 0 0 5%; cursor: pointer;}
.addcommentwin .arwsubmit:hover{background-color: #0945B1;}

.htcommentslist{margin-top: 20px;}
.htcommentslist .rlobj{width: 565px; border-bottom: 1px solid #f2f2f2; padding: 20px 0; border-radius: 3px; margin-bottom: 20px;}
.htcommentslist .rlobj:last-child{border:0!important;}
.htcommentslist .rlobj .rloreaction{margin-top: 10px; width: 20px!important; height: 20px!important;}
.htcommentslist .rlouser{width: 800px; height: 40px;}
.htcommentslist .rlouava{width: 40px!important; height: 40px!important; border-radius: 40px; float: left;}
.htcommentslist .rlouname{display: inline-block; width: 220px; float: left; margin-left: 10px;font-weight: bold; line-height: 40px; color: #000;}
.htcommentslist .rlouname a{font-weight: bold; color: #000; line-height: 40px;}
.htcommentslist .rlotext{margin-top: 10px; color: #000;}
.htcommentslist .rloanswer{width: 95%; margin-left: 5%; color: #333; margin-top: 10px; font-style: italic; padding-top: 20px;}