.product-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .ad-bottom{ display:block; } @media (max-width: 768px) { .breadcrumb li:last-child { display:none; } .ad-bottom{ display:none; } } @media screen and (max-width: 996px) { .product-img { margin-bottom: 20px; } } .preview-pic { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border: 1px solid #eee; padding: 2px; text-align: center; /*box-shadow: 1px 0px 0px 1px #efefef; box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/ } .preview-thumbnail.nav-tabs { border: none; margin-top: 15px; } .preview-thumbnail.nav-tabs li { width: 18%; margin-right: 2.5%; } .preview-thumbnail.nav-tabs li img { max-width: 100%; display: block; } .preview-thumbnail.nav-tabs li a { padding: 1px; margin: 0; border: 1px solid #F2F2F2; border-radius:0; } .preview-thumbnail.nav-tabs li:last-of-type { margin-right: 0; } .product-img .tab-content { overflow: hidden; } .product-img .tab-content img { /*width: 100%; -webkit-animation-name: opacity; animation-name: opacity; -webkit-animation-duration: .3s; animation-duration: .3s; */ } /* @media screen and (min-width: 997px) { .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } */ /* .details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } */ .product-title { margin-bottom: 20px; font-size: 24px; font-weight: 900; color:#008000; } .rating{ display: block; clear:both; } .product-stars{ color:#ccc; float:left; } .product-stars .checked { color: #ff9f1a; } .product-review{ margin-left:10px; float:left; } .line_dotted { border-bottom: 1px dotted #eee; display: block; clear:both; content: " "; margin: 10px 0 ; } .product-price{ font-size: 26px; font-weight:700; } .product-price span{ font-size: 16px; } .tooltip-inner { padding: 1.3em; } .product-tabs .nav-tabs{ border-bottom: 2px solid #29A; } .product-tabs .nav-tabs li a{ width:135px; display: block; height: 33px; line-height: 14px; font-size: 16px; float: left; margin-top: 5.5px; border: 1px solid #ccc; border-bottom: none; margin-right: -1px; text-align: center; /*background-color: #EEE;*/ background-color: #f1f2F1; font-family: Microsoft YaHei; color: #333; border-radius:0; transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; } .product-tabs .nav-tabs li.active a{ background-color: #29A; color: #FFF; border: 0 none; height: 40px; line-height: 20px; margin-top: 0; font-size: 16px; margin-right: 0; font-weight:700; } /********************************** product-summay /***********************************/ .product-summay ul > li{ line-height: 24px; } /***********************************/ .product-list > .thead{ margin-top: 2px; display: table; background: #eee; padding: 0px; width: 100%; font-weight: 900; } .product-list > .thead .store{ /*padding-left: 22px;*/ } .product-item2 { display: table; border-bottom: 2px solid #F2F2F2; width: 100%; } .product-list > .thead > span, .product-item2 > div{ color: #333; display: table-cell; vertical-align: middle; text-align: center; padding: 10px 4px; width: 10%; /*min-width: 60px;*/ } .product-list > .thead > span.store, .product-item2 .item-store { text-align: left; float:left; font-weight: 900; /*width: 70%; */ /*Standard */ width: calc(100% - 1px) !important; /*Firefox*/ width: -moz-calc(100% - 1px) !important; /*chrome safari*/ width:-webkit-calc(100% - 1px) !important; } .product-item2:hover { /* background-color: #F1F1F1; *background-color:#F1F1F1; */ } .product-item2 .item-store{ color: #005599 ; } .product-item2 .icon{ border:0px; width: 16px; height:16px; vertical-align: top; } .product-item2 .item-discount, .product-item2 .item-price{ font-weight: 900; font-size: 20px; color:#FF0000; padding-top: 5px; font-family: "Century Gothic"; } .product-list .product-item2 .item-price{ color: #BB0000; } .product-list .product-item2 .item-discount span, .product-list .product-item2 .item-price span{ font-size: 14px; padding-right:3px; } @media (min-width: 480px){ .sub-menu .nav-title{ overflow: inherit; } } @media (max-width: 480px) { .product-detail{ margin-top:10px; } .product-list{ padding-top: 0px; } .product-list > .thead{ display: none; } .product-item2 > div{ width: 40px; font-size: 13px; } .product-item2 .item-type{ width: 50px; } .product-item2 div.item-store{ display: inline-block; } .product-item2 .item-discount,.product-item2 .item-price{ font-size: 14px; } } /************************************************************/ .type02_m057 { color: #232323; line-height: 1.8em; } .type02_box h3, .type02_l001 h3, .type02_l001-1 h3, .type02_l001-2 h3, .type02_l002 h3, .type02_l003 h3, .type02_l004 h3, .type02_l005 h3, .type02_l006 h3, .type02_l007 h3, .type02_l008 h3, .type02_l009 h3, .type02_l010 h3, .type02_l012 h3, .type02_m002 h3, .type02_m007 h3, .type02_m008 h3, .type02_m010 h3, .type02_m012 h3, .type02_m014 h3, .type02_m017 h3, .type02_m019 h3, .type02_m033 h3, .type02_m034 h3, .type02_m036 h3, .type02_m037 h3, .type02_m038 h3, .type02_m040 h3, .type02_m044 h3, .type02_m050 h3, .type02_m051 h3, .type02_m052 h3, .type02_m056 h3, .type02_m057 h3, .type02_m058 h3, .type02_m059 h3, .type02_m060 h3, .type02_m061 h3, .type02_m062 h3, .type02_m063 h3, .type02_m064 h3, .type02_m065 h3, .type02_m066 h3, .type02_m071 h3, .type02_m072 h3, .type02_m073 h3, .type02_m074 h3, .type02_m076 h3, .type02_m077 h3, .type02_m078 h3, .type02_m079 h3, .type02_s005 h3, .type02_s008 h3, .type02_s009 h3 { border-bottom: 1px dotted #d8d8d8; color: #f28900; font-size: 116%; font-weight: bold; line-height: 1.5; margin-bottom: 10px; text-align: left; } .type02_m057 .bd { padding-left: 5px; padding-right: 5px; position: relative; } .type02_m057 .ft { margin-top: 15px; padding-left: 5px; padding-right: 5px; } .type02_m057 .more.on { padding-left: 15px; background: url("../images/sp_type02_icon1.gif") no-repeat -688px -147px; } .color_books a { color: #333; } .type02_m057 .content.more_off { height: 300px; max-height: 300px; overflow: hidden; } .type02_m057 .content { min-height: 300px; text-align: justify; } .type02_gradient { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center bottom , rgb(255, 255, 255) 15%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0; display: block; height: 50px; margin-top: -50px; position: relative; z-index: 2; } .type02_l002 .more, .type02_l006 .more, .type02_l007 .more, .type02_m014 .more, .type02_m017 .more, .type02_m036 .more, .type02_m037 .more, .type02_m038 .more, .type02_m040 .more, .type02_m044 .more, .type02_m051 .more, .type02_m059 .more, .type02_m073 .more, .type02_right_more { text-align: right; line-height: 22px; height: 22px; font-size: 93%; } .type02_m057 strong, .type02_m057 p strong { font-weight: bold; } .type02_m059 p { margin-bottom: 15px; } .type02_m059 .content { height: 260px; overflow: hidden; } .type02_l002 .more a, .type02_l006 .more a, .type02_l007 .more a, .type02_m007 .more a, .type02_m014 .more a, .type02_m008 .more a, .type02_m010 .more a, .type02_m012 .more a, .type02_m017 .more a, .type02_m036 .more a, .type02_m037 .more a, .type02_m038 .more a, .type02_m040 .more a, .type02_m051 .more a, .type02_m056 .more a, .type02_m059 .more a, .type02_m071 .more a, .type02_m073 .more a, .type02_p004 .more a, .type02_p005 .more a, .type02_right_more a { padding-left: 10px; background: url("../images/sp_type02_icon1.gif") no-repeat -295px -847px; } .type02_m057 .more.off { padding-left: 15px; background: url("../images/sp_type02_icon1.gif") no-repeat -588px -197px; } .type02_gradient { z-index: 2; position: relative; height: 50px; margin-top: -50px; background: -moz-linear-gradient( bottom,rgb(255,255,255) 15%, rgba(255,255,255,0) 100% ); background: -webkit-gradient( linear,bottom,top,color-stop(15%,rgb(255,255,255)), color-stop(100%,rgba(255,255,255,0)) ); background: -webkit-linear-gradient( bottom,rgb(255,255,255) 15%, rgba(255,255,255,0) 100% ); background: -o-linear-gradient( bottom,rgb(255,255,255) 15%, rgba(255,255,255,0) 100% ); background: -ms-linear-gradient( bottom,rgb(255,255,255) 15%, rgba(255,255,255,0) 100% ); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff',endColorstr='#ffffff',GradientType=0 ); background: linear-gradient( bottom,rgb(255,255,255) 15%, rgba(255,255,255,0) 100% ); display: block; }