/* Customize container */ @media only screen and (min-width: 320px) { html{ font-size: 100% !important; } .container, .navContainer { max-width: 640px; } .navbar .nav > li { float:left; } /* .glyphicon {line-height:1rem; } for align other text height?, if use will effect [input-group > .form-control ] of height */ } @media only screen and (min-width: 480px) { html { font-size: 118% !important; } } @media only screen and (min-width: 560px) { html { font-size: 124% !important; } } @media only screen and (min-width: 640px) { html { font-size: 128% !important; } body { max-width: 640px; } } html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin:0; padding:0;} body { background-color: #eee; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; margin: 0 auto; padding-bottom:42px; min-width: 320px; font-size:1em; position: relative; word-wrap:break-word; /* word-break:break-all; (cannel,if is_word keep word)*/ } h1{font-size:1.3em;} h2{font-size:1.2em;} h3{font-size:1em;} h4{font-size:0.9em;} a{color:#333; font-size:0.9em;} img,table,video{max-width:100%;height:auto;} .gray{color:#666; } /*text-muted*/ .fs075{font-size:0.75rem; } .fs08{font-size:0.8rem; } .fs085{font-size:0.85rem; } .fs09{font-size:0.9rem; } .fs11{font-size:1rem; } .no-border-lr{ border-radius:0; border-left:0; border-right:0; } .hasErr{ /*for input: error message*/ border:2px solid #f00; padding:5px; } .errMsg, .noteMsg {color:#f00; } .glyphicon-star{ color:#aaa; } .glyphicon-star.cur{ color:#f60; } .required > label:before{ content:"* "; color:#c00; } .offPer{ display:inline-block; padding-left:8px; font-size:0.85rem; color:#f00; font-family:Georgia; } .panel{ margin-bottom:5px; } /* Navbar gradient bg, eg: */ .theme-blue .header .navbar { background: #0080c0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0080c0), color-stop(1, #004080)); background: -ms-linear-gradient(bottom, #0080c0, #004080); background: -moz-linear-gradient(center bottom, #0080c0 0%, #004080 100%); background: -o-linear-gradient(bottom, #0080c0, #004080); filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#004080',EndColorStr='#0080c0')"; } /*no radius*/ .navbar { -webkit-box-shadow: 0px 0px 3px #cccccc; -moz-box-shadow: 0px 0px 3px #cccccc; box-shadow: 0px 0px 3px #cccccc; padding: 0em; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px; border-bottom: none; } .navbar-default .navbar-nav{ margin:0 5px; } .navbar-default .navbar-brand{ color: #fff; padding:5px 5px 5px 10px; } .navbar-default .navbar-brand:hover{ color: #eee; } .navbar-default .navbar-nav > li > a:focus { color: #fff; } .navbar-default .navbar-toggle .icon-bar { color: #fff; background-color: #444; } .navbar-nav .open .dropdown-menu { position:absolute; background:#fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius:0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .navbar .nav > li > a { padding-top: 15px; padding-bottom: 15px; color: #fff; text-shadow: none; } .navbar .nav > li:hover { background-color: #444; } .navbar .nav > li > a:hover { color: #fff; } .navbar .dropdown-menu a:hover { background: none; color: #000; } .navbar .nav li.dropdown.open > .dropdown-toggle { background-color: #444; color: #fff; } .infoNav .nav > li:hover{ background-color:#fff; } .infoNav .nav > li > a { padding-top: 5px; padding-bottom: 5px; color: #333; } .infoNav .nav > li{ width:25%; pading:0px;margin:0px; } .navContainer{ margin-left:auto; margin-right:auto; padding-top:2px; } .navContainer .nav li{ width:20%;padding:0px;margin:0px;} .navContainer .nav li:hover{ background-color:#fff; } .navContainer .nav li > a{ min-height:30px; padding-top: 8px; padding-bottom: 8px; color:#333; font-size:1rem; } .navContainer .nav li > a:hover{ color:#111; } .dirListGroup dd a span.caret, .dropdown-menu li a > span.caret{ transform:rotate(270deg); -ms-transform:rotate(270deg); /* IE 9 */ -moz-transform:rotate(270deg); /* Firefox */ -webkit-transform:rotate(270deg); /* Safari and Chrome */ -o-transform:rotate(270deg); /* Opera */ } .navbar-logo { display:block; width:120px; height:40px; background:url(../images/logo-xs.png) no-repeat; } .logo{color:#FFF;display:block;padding:15px 2px 0px 15px; float:left;line-height:24px; font-weight:bold; text-indent:12px;} .disabled, .btn.disabled, .btn.btn-default.disabled { cursor:not-allowed; } .alert .glyphicon-warning-sign{ font-size:2rem;} #searchModal { max-width:640px; margin:51px auto; } #headerSearch .form-control, #headerSearch .input-group-btn > .btn { height:40px; border-radius:0px; } #headerSearch .input-group-btn > .btn { font-size:1.1rem; } /* home pro link */ #pro-link {margin:0 15px; } #pro-link a {text-decoration:none; } #pro-link .pro-link-box {margin:2px -13px; } /* minus col-xs-6 */ #pro-link .is-new .img-rounded {background-color:#78bc1d; } #pro-link .is-hot .img-rounded {background-color:#f86b2f; } #pro-link .is-special .img-rounded {background-color:#3366cc; } #pro-link .is-featured .img-rounded {background-color:#9933cc; } .pro-link-group{background:#f7f7f7; border-top:1px solid #ddd; } .pro-link-group .col-xs-3{text-align:center; padding:0; } .pro-link-group .col-xs-3:hover{background:#eee; } .pro-link-group a{display:block; min-height:3.5rem; padding:20px 0; border:1px solid #fff; color:#666; text-decoration:none; } .pro-link-group a:hover{color:#111; } .pro-link-group a span{font-size:1.75rem; } .pro-link-group a p {font-size:1.15rem;} /* home pro-dir-ads */ #pro-dir-ads {padding:0 15px 0px; background:#fff; clear:both;} #pro-dir-ads .row .col-xs-6 {margin:0; padding:2px;} .carousel-caption { height:100%; top:0; margin:auto -15px; /* let text full width */ padding:21% 0px 5% 0px !important; font-size:1.25rem; } /*for fr*/ .carousel-caption { height:100%; top:0; margin:auto -20px; /* let text full width */ padding:21% 0px 5% 0px !important; font-size:1.2rem; } .sysMsgDescription{ font-size:0.9rem; } .remMsg { font-size:0.85rem; color:#444; } .elementTitle { font-size:0.85rem;} .loading { width:40px; /* if has text, set margin-top: -20px; margin-top: width X 0.5 */ height:40px; /* margin-left: -0px; margin-left: height X 0.5 */ margin:auto; background:url(../images/ico/loading.gif) no-repeat center center; position: fixed; z-index: 1041; top: 50%; left: 50%; filter: alpha(opacity=75); opacity: .75; font-size:0.75rem; display:none; } .imgExpressCheckout{ display:inline-block; width:145px; height:42px; border:0px; background:url(../images/button/btn-express-checkout.gif) no-repeat; } .price{ color:#090; font-size:1rem; } .price-b{ font-weight:bold; font-size:1.2rem; min-width:76px; } .freeShipping{ padding-top:6px; } .sys_item_mktprice {font-size:0.9em;text-decoration: line-through;} .RangePriceList{border:1px dashed #3c763d;padding:10px;} .RangePriceList .title{ font-weight:bold;} .RangePriceList ul{padding:0;width:100%;list-style:none;clear:both;} .RangePriceList ul li{margin:0;text-align:left;float:left;} .RangePriceList ul li.rp_col1{width:49%;} .RangePriceList ul li.rp_col2{width:49%} .p-discount-rate {margin: 5px 0 0 15px; background-color: #e62e04;color: #fff;padding: .1em .5em .1em} .p_bo_instock{color:#3c763d; font-weight:bold;} .p_bo_outofstock{color:#F00; font-weight:bold;} .list-inline .list-item-title{ color:#777; min-width:88px; } .list-inline .fl50{padding:0 10px 0 0;} .pro .caption>p{ height:7.5em; overflow:hidden; } .pro .thumbnail>a>img{ min-height:155px; } /* home pro new */ #pro-new .panel { /* margin:0px -15px; */ } .panel-heading{ font-size:1.1rem; } #pro-new .panel-heading{ font-size:1rem; } #pro-new .panel-body{ padding-top:0px; padding-bottom:0px; font-size:0.85rem; } .proList .thumbnail, #pro-new .thumbnail { border-radius:0; margin:0px -15px; /*full width*/ padding:6px; } .proList .caption, #pro-new .caption{ margin:0px; padding:3px; font-size:0.8rem; } #pro-new .caption > p{ font-size:0.85rem; margin:0px auto; } #pro-new a.homeMorePro, .moreProReview { color:#555; margin-top:15px; text-decoration:none; font-size:1.5rem; } .proDetail{font-size:1rem;} .proDetail h1{ font-size:1rem; font-weight:bold; } .proDetail .carousel-indicators li { border: 0; background-color: #ddd; } .proDetail .carousel-indicators .active { background-color: #faed7a; } .proDetail .img-thumbnail{ border:0; } .alert-btn-group{ border-radius:0; border-left:0; border-right:0; margin-bottom:0; } .proOptions .btn-group > label.btn{ /* border-radius:0; */ color:#fff; background-color: #5bc0de; border-color: #29aacf; } .proOptions .btn-group > label.btn:hover{ background-color: #31b0d5; border-color: #269abc; } .proOptions .btn-group > label.btn.active { background-color: #fbb015; border-color: #d58c06; } .reviews, .description{ margin-bottom:5px; } .reviews{width:100%; overflow:hidden;} .reviews a.list-group-item, .description a.list-group-item{ background-color:#f5f5f5; border-radius:0; border-left:0; border-right:0; } .reviews a.list-group-item:hover, .description a.list-group-item:hover{ background-color:#f1f1f1; } .reviews .collapseBody, .description .collapseBody{ padding:15px; } .description .thumbnail{ border:0; } .reviewsCount.badge{ background-color:#c00; vertical-align:middle; } dl.revRow{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; } .reviewsReplyRow{ margin-left:20px; } .dirListGroup dt > a{ color:#333; }.dirListGroup dt > a:hover{ color:#337ab7; } .dirListGroup dd > a{ padding-left:30px; } .dirListGroup dd .typeDir > a.no-radius, .dirListGroup dd > a.no-radius{ border-radius:0; border-bottom:0; } .dirListGroup dd .typeDir > a.bottom-no-radius, .dirListGroup dd > a.bottom-no-radius{ border-top-left-radius: 0; border-top-right-radius: 0; } .dirListGroup .glyphicon-edit{ font-size:0.9rem; } .dirListGroup dd .typeDir > a{ padding-left:50px; } .infoList ul>li, .support ul>li, dl.feedbackRow, .serviceRow{ margin-bottom:0.4rem; padding-bottom:0.4rem; border-bottom:1px dashed #ccc; } #navMyCart .badge{ padding: 3px 4px; font-size: 10px; vertical-align: top; background-color: #c00; } .carProRow .row>div{ padding:8px; font-size:0.8rem; } .carProRow .row>div p{ margin:0; } .carProRow .proOptions{ color:#666; } .carProRow .proPrice{ color:#c00; font-size:1rem; line-height:1.8em; } .inputGroupProQty{ width:124px; } .inputGroupProQty-b{ width:155px; } .inputGroupProQty .form-control{ padding-left:10px; padding-right:10px; } .currentCurrency .row>div, .applyCouponCode .row>div, .shipToCountry .row>div, .shipMethod .row>div, .totalAmount .row>div{ padding-left:8px; padding-right:8px; font-size:0.85rem; text-align:right; } .currentCurrency .row>div.col-xs-8{ text-align:left; } input.text-danger{ color:#c00; } .checkout .imgExpressCheckout{ margin-bottom:10px; } .checkout .glyphicon{ vertical-align:middle; } .checkout button{ margin:15px auto; } #orderAddress form{ margin:20px 15px 10px 15px; } form .row { margin-bottom:10px; } .checkoutPaymentDetails, .choosePaymentMethod, .chooseShippingAddress{ padding:15px 15px; } .shippingAddressItem .row{ margin-bottom:0px; } li.shippingAddressItem:hover{ background:#fefce7; border:1px solid #f8ea87; } .usersAddressOper{ margin-bottom:20px; } .usersAddressOper > a{ margin-left:10px; color:#222; font-size:1rem; } .usersAddressOper > a:hover{ color:#ea0; } label.checkoutPaymentItem, label.paymentMethodItem{padding-left:0px;} .paymentOverview{ margin-top:5px; border-top:1px dashed #ccc; } .pannel-friend{ border-radius:0; } .header{ background:#ddd; margin-right: -15px; margin-left: -15px; } .main { background:#ddd; height: auto; margin: 0px -15px 0px; /*let bg-color full width*/ } .footer { background-color: #fff; margin: 0px -15px; padding: 2px 0 3px; text-align:center; font-size:0.9rem; color:#777; } .footer p{ padding:5px; } .footer .nav-divider{margin-top:2px; } .footer .nav-pills { margin:0 4px; } .footer .nav-pills li a{ padding-left:8px; padding-right:8px; } .footer nav.navbar{ min-height:30px; } /* modal vertical middle */ .vertical-alignment-helper { display:table; height: 100%; width: 100%; padding-left:15px; padding-right:15px; pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */ } .vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; pointer-events:none; } .modal-content { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */ width:inherit; height:inherit; /* To center horizontally */ margin: 0 auto; pointer-events: all; } /**********************member begin*****************/ .blank10px{ clear: both; font-size: 0; height: 10px; margin: 0; overflow: hidden; padding: 0; } .padding0px{ padding:0px; } .red { color: #f00; } .red-dark{ color: #c00; } .red-star{ color:#f00; /*color:#dd1e31;*/ } .gray { color: #666; } .green-light{ color: #69aa46; } .green { color: #090; } .green-dark{ color: #050; } .blue{ color: #03f; } .blue-dark{ color: #036; } .dashed5px{ border-bottom: 1px dashed #ccc; clear: both; font-size: 0; height: 0; margin: 5px auto; overflow: hidden; } .tab-comm{ border-color: #b5d1df; border-image: none; border-style: solid; border-width: 2px 1px 1px; } .tr_header{ background-color: #eff7fb; font-weight: bold; text-align: center; } .tr-info{ background-color: #ffffff; font-size: 9pt; text-align: center; } .tb-noborder th{ vertical-align:top; text-align:right; } .tb-noborder td{ text-align:left; } #member-contain{ background:#FFF; font-size:0.8rem; margin:0; padding:5px 0; } #member-contain h1{ font-size:18px; margin: 0; padding: 6px 0 8px; color: #036; } #member-contain .help-block-error{ margin-top:0px; } #member-contain .form-group{ margin:0 0 0 4px; } #member-contain .form-group label{ font-weight:600; } #member-contain .checkbox label, .radio label { font-weight: 400; } #member-contain .has-success label, #member-contain .has-error label{ color:#333; } /* #member-contain .has-error .form-control-feedback */ #member-contain .has-error .form-control{ border-color:#f00; } #member-contain .has-success .form-control{ border-color:#ccc; } #member-contain .has-error .help-block-error{ color:#f00; } #member-contain .help-block-hint{ margin-top:-10px; color:#737373; } #member-contain .m-marked{ color:#666; } #member-contain div.required label:after { content: " *"; color:#f00; } #member-contain div.checkbox label:after { content:""; } #member-contain fieldset{ margin:0 15px 15px; padding:5px 15px 7px; border:1px solid #036; } #member-contain fieldset.sec{ border: 1px solid #9cf; } #member-contain legend{ border:none; width:auto; font: bold 12px Verdana; margin: 0; padding: 0 5px 7px; color: #036; } #member-contain fieldset.sec legend{ color: #06c; } #member-contain .alert{ padding: 5px 10px; margin-bottom:13px; } #member-contain .alert-dismissible .close{ right:-6px; top:1px; } .mem-hd{ margin: 0; padding: 0; border-bottom: 1px dashed #ccc; } .mem-hd a.btn-sm{ padding: 5px 6px; } .mem-hd-gobk{ text-align:right; } .mem-box{ border-bottom: 1px solid #ccc; box-shadow: none; margin: 3px 0 10px; padding: 0; } .mem-box-header{ background: #f5f5f5 none repeat 0 0; color: #666; cursor: pointer; min-height: 30px; line-height:30px; border-color: #ccc #ccc #ddd; border-style: solid; border-width: 1px; padding-left: 12px; } .mem-box-body { background-color: #fff; border-color: #ccc; border-style: none solid solid; border-width: 0 1px 1px; padding:10px 0 0; } .mem-updown-icon{ color:#AAA; top:3px; } .ticket-hd{ background-color:#eff7fb; border-color: #c9e4f1 #c9e4f1 #55b9da; color:#036; cursor: auto; } .ticket-bd{ padding:10px 5px; border-color:#c9e4f1; } #member-contain .pagination{ font-size: 12px; margin:0px; border-radius:0; } .mem-point{ background: #fff url("../images/star_s_g.gif") repeat-x left 3px; float: left; height: 18px; margin: 0 auto; width: 65px; } .mem-point span { background: #fff url("../images/star_s_r.gif") repeat-x left 3px; display: block; height: 18px; margin: 0; text-indent: -9999px; } .mem-point span.star1 { width: 13px; } .mem-point span.star2 { width: 26px; } .mem-point span.star3 { width: 39px; } .mem-point span.star4 { width: 52px; } .mem-point span.star5 { width: 65px; } .mem-p-com{ clear: both; margin: 0; padding: 7px 15px; } .rate-star{ background: #FFF url("../images/star_m.gif") no-repeat left -20px; cursor: pointer; height: 20px; margin:0; width: 100px; } .rate-star span.star-casing-on{ background: #FFF url("../images/star_m.gif") no-repeat left 0; cursor: pointer; float: left; height: 20px; width: 20px; } .rate-star span.star-casing{ cursor: pointer; float: left; height: 20px; width: 20px; } .span-num-verify{ background-color: #990000; color: #ffffff; font: bold 14px Georgia; letter-spacing: 5px; margin: 0; padding: 5px; } .img60px{ height: 59px; overflow: hidden; padding: 0; text-align: center; } .userFavPro .row > div{ padding:7px; } /**********************member end*****************/ .service-dir { margin:0px auto 15px auto; } .clear{clear:both;} .space20{clear:both;height:20px;} .tag{clear:both;padding:20px 0;} .itempictures{display:block;width:100%;height:auto;margin:0;padding:0;position:relative;overflow:hidden} .itempictures .hd{width:100%;height:11px;position:absolute;z-index:1;bottom:5px;text-align:center} .itempictures .hd ul{display:inline-block;height:8px;padding:3px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top; width:100%; overflow:hidden;} .itempictures .hd ul li{display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#8C8C8C;margin:0 2px;vertical-align:top;overflow:hidden;list-style:none} .itempictures .hd ul .on{background:#FE6C9C} .itempictures .bd ul{padding:0px;margin:0px;} .itempictures .bd{position:relative;z-index:0} .itempictures .bd li img{width:100%;height:auto;background:url(/images/ico/loader.gif) center center no-repeat} .itempictures .bd li a{-webkit-tap-highlight-color:transparent;padding:0px;margin:0px; border:none; text-decoration:none;} .itempictures .bd li{list-style:none} .itempictures .prev, .itempictures .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:32px; height:40px; filter:alpha(opacity=50);opacity:0.5;text-align:center } .itempictures .prev{ left:1%; } .itempictures .next{ left:auto; right:1%;} .itempictures .prev:hover, .itempictures .next:hover{ filter:alpha(opacity=100);opacity:1; } .itempictures .prevStop{ display:none; } .itempictures .nextStop{ display:none; } .recommendpro{width:100%;position:relative;padding:10px 0 10px 0;background:#fff;margin-bottom:10px;overflow:hidden;} .recommendpro ul{overflow:hidden;zoom:1;width:100%;margin:0;padding:0} .recommendpro ul li{float:left;margin:0 10px;width:180px;overflow:hidden;list-style:none;min-height:300px;height:auto;word-wrap:break-word;} .recommendpro ul li img{width:180px;height:180px} .recommendpro ul li .price{color:#666;line-height:24px} .recommendpro ul li b{font-weight:700;color:#f60} .recommendpro ul li a{color:#333;word-wrap: break-word;word-break: normal;} .recommendpro ul li .name{ line-height:20px;height:65px; overflow:hidden;} #descriptionOne{width:100%; overflow:hidden;} .responsive .product-inner{width:33.333333%; float:left;} .responsive{border-top:1px solid #e9e9e9;} .similar-items{margin:10px 0 0 0;overflow:hidden;position:relative;border:1px solid #e9e9e9;height:260px;overflow:hidden} .similarpro{margin:10px 0 0 0;overflow:hidden;position:relative;border-top:1px solid #e9e9e9;overflow:hidden} .similar-items .hd,.similarpro hd{height:40px;line-height:40px;background:#f7f7f7;border-bottom:1px solid #e9e9e9;} .similar-items span,.similarpro span{font:700 14px Arial,Helvetica,sans-serif;line-height:40px;margin:0 12px;} .similar-items .hd .next,.similar-items .hd .prev{display:block;float:right;width:18px;height:18px;background:url(/images/pisScrollIcons.gif) -6px -7px no-repeat;overflow:hidden;margin:11px 5px 0 5px;padding:0px;} .similar-items .hd .next{background-position:-34px -7px} .similar-items .hd .prevStop{background-position:-6px -40px} .similar-items .hd .nextStop{background-position:-34px -40px} .similar-items .hd ul{float:right;padding:16px 0 0 0;list-style:none} .similar-items .hd li{float:left;width:8px;height:8px;background:#D0D0D0;margin:0 5px;padding:0px;overflow:hidden;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px} .similar-items .hd .on{background:#80BD6D} .similar-items .bd{padding:0px;margin:0px;} .similar-items .bd ul{overflow:hidden;zoom:1;margin:0px;padding:10px 0 0 0;} .similar-items .bd ul li{float:left;width:33%;overflow:hidden;text-align:center;list-style:none} .similar-items .bd ul li img{width:120px;height:120px} .similar-items .bd li .name{line-height:20px;height:42px;overflow:hidden} .similar-items .bd li .price{color:#666;line-height:24px} .similar-items .bd ul li b{font-weight:700;color:#f60} .similar-items .bd ul li a{color:#333} .similar-items .bd ul li .pic a:hover img{border-color:#999} .similar-items .bd ul li .title{line-height:24px} .slick-dots ul {text-align: center;} .single-item,.focuspro{ line-height:100%;margin:0;padding:0;} .single-item img,.focuspro img { width:100%; height:auto; } .single-item .slick-dots{width:96%;margin:0 auto; overflow:hidden;} .single-item .slick-dots li button:before,.focuspro .slick-dots li button:before { color:#F60; } .slick-dotted.slick-slider { margin-bottom: 0px;padding:0;} .product-inner { padding: 20px 10px 10px 10px; position: relative; display: block; border-left: 1px solid #dfdfdf; margin-left:-1px; vertical-align: top; max-width: 100%; background-color: #fff; overflow:hidden; } .product-inner .pic{max-width:98%;margin:0 auto;} .product-inner .pic img { max-width:100%; height:auto; padding:0px; } .product-info { margin-top: 5px; padding: 0 10px; } .product-info .name { padding-top:20px; margin-right:10px; line-height:20px; } .product-info .proname { padding-top:20px; margin-right:10px; } .product-info .price { padding-top:10px;font-size:16px;color: #666; } .product-info .price b { color:#F60; } .similarpro .slick-prev:before,.similarpro .slick-next:before { color:#333; } .similarpro .slick-prev:hover, .similarpro .slick-next:hover { background: #F90; } .similarpro .slick-arrow { width: 30px; height: 26px; line-height: 26px; text-align: center; top: -27px; right: 0; padding-top:4px; } .similarpro .slick-slider .slick-arrow.slick-prev { right: 36px; left: auto; } .single-item,.focuspro{ line-height:100%;margin:0;padding:0;} .single-item img,.focuspro img { width:100%; height:auto; } .single-item .slick-dots,.focuspro .slick-dots { bottom:10px; } .single-item .slick-dots li button:before,.focuspro .slick-dots li button:before { color:#F60; } .slick-dotted.slick-slider { margin-bottom: 0px;padding:0;} .similarpro{max-height:450px; overflow:hidden;} .slidertitle {width:100%;margin:0 auto;height:40px; line-height:40px;} .slidertitle h2{line-height:30px; margin-left:12px; font-size:0.9em; color:#555; font-weight:normal;} @media screen and (max-width: 640px) { elementTitle{ text-align:left;} .recommendpro ul li{min-height:270px;height:auto;} .recommendpro ul li .name{width:96%;height:60px; overflow:hidden; } .responsive .product-inner{width:50%; float:left;} } @media screen and (max-width: 768px) { body {line-height: 1.8;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word;} elementTitle{ text-align:right;}.navContainer{ width:100%;margin:0px;padding:0px; } .recommendpro{width:100%;margin:0} .recommendpro ul li{float:left;margin:0;width:50%;overflow:hidden;list-style:none;min-height:270px;height:auto;} .recommendpro ul li img{width:96%;height:auto} .recommendpro ul li .name{width:96%;height:60px; overflow:hidden; } img{height:auto;} .responsive .product-inner{width:50%; float:left;} }