.community-fashion a { text-decoration: none; } .community-fashion { background-color: #fefefe; } .community-fashion .border{ border:1px solid #ddd; margin-bottom: 15px; } .community-fashion .border .padd{ padding:10px 20px; } .fashion-middle-title{ padding-bottom: 10px; margin:30px 0 20px; } .fashion-middle{ padding:0 5%; } .border-bottom{ border-bottom: 1px solid #ddd; } .community-fashion-top { background-color: #f3f3f3; padding: 12px 0; font-size: 15px; margin-bottom: 20px; } .community-fashion .row, .community-fashion .row{ padding-left: 0; padding-right: 0; } .mall-row{ margin-bottom: 10px; } /* .btn-div{ text-align: center; background-color: #FEFEFE; } .btn-div:hover{ text-align: center; background-color: #ff751a; } .btn-div .btn{ width: 100%; background-color: #FEFEFE; color: #333; } .btn-div .btn:hover{ background-color: #ff751a; color: #fff; } .btn-div .btn-detail{ padding: 13px 0 15px; background-color: #FEFEFE; color: #333; } */ .btn-test{ width:100%; height: 45px; border-radius: 0; padding: 14px 0; background-color: #fefefe; } .btn-test:hover{ background-color: #ff751a; color: #fff; } .btn-detail{ width:100%; height: 50px; border-radius: 0; padding: 14px 0; background-color: #fefefe; } .btn-detail:hover{ background-color: #ff751a; color: #fff; } .exp-table{ margin-bottom: 5px; } .exp-table td{ padding: 0 !important; border:none !important; border-right: 1px solid #ddd !important; } .exp-table td:last-child{ padding: 0 !important; border:none !important; } .fashion-middle-img{ width: 60px; height: 60px; border-radius: 50%; vertical-align: middle; } .test .text-muted{ font-size: 12px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } .test h5{ margin:0; font-size: 16px; color: #FC9548; } .test p{ margin-bottom: 0 !important ; } .test .col-xs-2, .test .col-xs-10{ margin-bottom: 10px; } .test .col-xs-2{ padding:0; } /*查看测评*/ .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-fltop{ border: 1px solid #E6E6E6; padding: 40px; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-fltop .fashion-detail-header{ position: relative; border-bottom: 1px solid #E6E6E6; padding-bottom: 5px; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-fltop .fashion-detail-header .fashion-hot{ position: absolute; width: 64px; height: 62px; background: url('../images/community/fashion_hot.png') no-repeat; background-size: 100%; margin: -50px -40px; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-fltop .fashion-detail-header h4{ color: #CF9975; margin-left: -9px; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-fltop .fashion-detail-header small{ color: #929292; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-fltop .fashion-detail-middle h3{ color: #E4185D; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-fltop .fashion-detail-middle p{ color: #444; text-indent: 2em; justify-content: auto; text-align: justify; letter-spacing: 2px; line-height: 2em; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont, .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flbtom{ border: 1px solid #E6E6E6; padding: 15px; margin:2% 0; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li{ margin-top: 4%; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont h4 span, .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li span a{ color: #E3B665; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li span img{ margin-bottom: 3px; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li .col-xs-1{ padding:0; text-align: center; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li .col-xs-1 a img{ width: 45px; height: 45px; border-radius: 50%; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li{ border-bottom: 1px solid #E6E6E6; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li small, .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flcont ul li p small a{ color: #979797; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flbtom .col-xs-1{ padding:0; text-align: center; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flbtom .col-xs-1 a img{ width: 45px; height: 45px; border-radius: 50%; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flbtom textarea{ border:1px solid #E5E5E5; } .community-fashion .fashion-detail .fashion-detail-fl .fashion-detail-flbtom button{ border:none; background-color: #FF8B3E; color: #fff; padding: 8px 50px; margin: 10px 0; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop{ text-align:center; padding: 20px; border:1px solid #E6E6E6; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop .img-div img{ width: 70px; height: 70px; border-radius: 50%; border:1px solid #E6E6E6; padding: 4px } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop h5 span{ color: #E3B665; font-size: 16px; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop h5 img{ margin-top: -4px; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop table{ margin: 20px 0; font-size: 12px; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop table tr td{ float: left; padding:0 10px; color: #B2B2B2; border-top:0; border-right: 1px solid #c1c1c1; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop table tr td:last-child{ border:none; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop .btn-div button{ border:none; color: #fff; padding: 4px 15px; margin: 0 5px; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop .btn-div button:first-child{ background-color: #FF8B3E; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop .btn-div button:last-child{ background-color: #6999EE; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frcont{ margin: 20px 0; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frcont ul{ border: 1px solid #e6e6e6; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frcont ul li{ line-height: 45px; border-bottom: 1px solid #e6e6e6; font-weight: bold; font-size: 15px; font-family: '宋体'; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frcont ul li:last-child{ border-bottom: none; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frcont ul li a{ color: #333; display: block; font-weight: normal; font-size: 12px; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frcont ul li a:hover{ color: #E3B665; font-size: 14px; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frbtom{ border:1px solid #E6E6E6; padding: 20px 0 } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frbtom .employ a{ color: #333; font-family: '宋体'; font-size: 12px; } .community-fashion .fashion-middle .fashion-more-fl{ border:1px solid #E6E6E6; padding: 10px 15px; } .community-fashion .fashion-middle .fashion-more-fl a{ color: #333; } .community-fashion .fashion-middle .fashion-more-fl .ul-one li, .community-fashion .fashion-middle .fashion-more-fl h5{ border-bottom: 1px solid #E6E6E6; padding: 10px 0; font-size: 16px; } .community-fashion .fashion-middle .fashion-more-fl h5 span{ font-size: 14px; } .community-fashion .fashion-middle .fashion-more-fl .ul-one li:last-child{ border:none; } .community-fashion .fashion-middle .fashion-more-fl ul li a div .user-img{ width: 50px; height: 50px; border-radius: 50%; border:1px solid #E6E6E6; padding: 4px } .community-fashion .fashion-middle .fashion-more-fl ul li .user-news{ margin-left: 60px; } .community-fashion .fashion-middle .fashion-more-fl ul li .user-news .user-name{ color: #E3B665; } .community-fashion .fashion-middle .fashion-more-fl ul li .user-news .user-name img{ margin: 0 0 3px 3px; } .community-fashion .fashion-middle .fashion-more-fl .ul-three p{ width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .community-fashion .fashion-middle .fashion-more-fl .new-test, .community-fashion .fashion-middle .fashion-more-fl .new-ask, .community-fashion .fashion-middle .fashion-more-fl .new-experience{ margin-top: 20px; } .community-fashion .fashion-middle .fashion-more-fl .new-experience .ul-four li{ padding:10px 0; } .community-fashion .fashion-middle .fashion-more-fr{ padding-left: 30px; } .community-fashion .fashion-middle .fashion-more-fr h5{ font-size: 16px; color: #333; padding-top: 2%; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frtop{ padding: 20px 0 10px; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont{ border-top: 1px solid #E6E6E6; padding-bottom: 25px; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont p{ height: 44px; text-overflow: ellipsis; overflow: hidden; color: #929292; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont h5 button{ background-color: #679BF1; border:none; margin-left: 5px; padding: 0px 6px 3px; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont h5 button small{ color: #fff; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont table tr td{ border:none; padding:0 8px; border-right: 1px solid #E6E6E6; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont table tr td:last-child{ border:none; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont table tr td span{ color: #E3B665; font-weight: bold; font-size: 16px; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont .pad0{ padding:0; } .community-fashion .fashion-middle .fashion-more-fr .fashion-more-frcont:last-child{ border:none; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > a{ width:30px; height: 30px; padding: 4px 0; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > a, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span { margin: 0 6px; font-family: '宋体'; color: #000; text-decoration: none; background-color: #fff; border: 1px solid #DFDFDF; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span{ padding: 4px 0; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span a{ height: 30px; padding: 4px 14px; color: #000; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > a:hover, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span:hover, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > a:focus, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span:focus{ border-color: #CA9D7C; background-color: #fff; color: #CA9D7C; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span a:hover, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span a:focus{ color: #CA9D7C; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > .active > a, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > .active > span, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > .active > a:hover, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > .active > span:hover, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > .active > a:focus, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > .active > span:focus{ border-color: #CA9D7C; background-color: #fff; color: #CA9D7C; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li:first-child > a, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li:first-child > span, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li:last-child > a, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li:last-child > span{ border-radius: 0; } @media (max-width:1199px) { .fashion-middle-img-div{ padding:0; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop table tr td{ padding: 0 2px; } .community-fashion .fashion-detail .fashion-detail-fr .fashion-detail-frtop .btn-div button{ border:none; color: #fff; padding: 4px 10px; margin: 0 5px; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > a, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span{ margin: 0 2px; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span a{ padding: 4px 10px; } } @media (max-width: 991px) { .btn-test{ margin-top:20px; } .btn-test:hover{ margin-top:20px; } .btn-detail{ margin-top:20px; } .btn-detail:hover{ margin-top:20px; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span a{ padding: 4px 2px; } } @media (max-width:766px) { .fashion-middle-img-div{ padding:0 15px; } } @media(max-width:743px){ .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > a, .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span{ margin: 0 0; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > span a{ padding: 4px 2px; } .community-fashion .fashion-middle .fashion-more-fr .pagination-div .pagination > li > a{ width: 24px; } } @media (max-width:580px) { .fashion-middle-img-div{ padding:0; } }