/* CSS Document */ /* 背景色:#FBFBFB 颜色编号: 黑色 :#333333 用途:主体字体 浅灰色:#cccccc 用途:背景 线 边框 深灰色:#666666 用途:内容备注 淡红色:#e81a62 用途:价格 星 活跃度 按钮背景 经过边框、链接 标题 黄色:#FF8653 用途:栏目 标题 按钮背景色 纯白色:主体按钮 */ /*----head部分start----*/ /* slide */ .slide-main{height:354px;position:relative;overflow: hidden; margin: 0 auto; min-width:1200px;} .prev,.next{display:block;width:70px;height:70px;position:absolute;z-index:13;top:105px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;} .prev{left:15%;} .next{right:15%;} .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} .item{display:block;width:100%;height:5px;position:absolute;z-index:12;bottom:50px;left:0;text-align:center;} .item a{display:inline-block;width:60px;height:10px;margin-right:11px;border-radius: 5px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;} .item a.cur{background:#fff;} .slide-box,.slide{display:block;width:100%;height:354px;overflow:hidden;} .slide-box{position:relative;} .slide{display:none;height:354px;background:#ffffff;position:absolute;z-index:8;} .slide a{display:block;width:100%;cursor:pointer;} .obj-a{position:absolute;z-index:9;width:100%; height:354px;text-align:center; display:block;background-color: transparent;background-repeat: no-repeat;background-attachment: scroll;background-position: center bottom;background-clip: border-box;background-origin: padding-box;background-size: auto auto;} .DotSee{display:block;width:320px;height:70px;position:absolute;z-index:18;top:120px;left:38%;text-align:center; font-size:15px; color:#FFFFFF;} /*--vip产品-*/ /*--经过父级自己改变-*/ .actcheck_title { background: url("/shopzryiynet/icon/img_title.png") left no-repeat; border-bottom: 2px solid #07a3ea; line-height: 40px; height: 40px; font-weight: normal; font-size: 18px; color: #07a3ea; margin-top: 25px; margin-bottom:10px;} .actcheck_title span { float: left; text-indent: 1.8em; } /*--体检卡-*/ .Exam_list .Exam_Name{ height:30px;line-height:30px;font-weight:bold; text-align:center; background-color:#F3F3F3;font-size:14px;} .Exam_list .Exam_Item {float:left;width: 224px; height: 270px; position: relative; overflow: hidden; margin-bottom: 20px; padding-right:9px; padding-left:9px; border-right: 1px solid #eee; } .Exam_list .Exam_Item .Exam_img{width: 100%; height: 160px; overflow:hidden;} .Exam_list .Exam_Item .Exam_img img{width: 100%;} .Exam_list .Exam_Item .Exam_introduce p{height: 26px; line-height:26px;} .Exam_list .Exam_Item .Exam_introduce p:first-child { height: 55px !important;} .Exam_list .Exam_Item:nth-child(1) { margin-left:0 !important; padding-left:0 !important; float: left; } .Exam_list .Exam_Item:nth-child(5n) { margin-right: 0; padding-right:0 !important;float: right; border-right: 0px solid #fff !important;} /*--产品-*/ .Product_Goodlist .Product_Vip:nth-child(5n) { margin-right: 0; float: right; } .Product_Vip {float:left;width: 232px; height: 316px; position: relative; overflow: hidden; box-sizing: border-box; margin-bottom: 20px; margin-right:10px; border: 1px solid #eee; } .Product_Vip_img { display: block; width: 232px; height: 232px; overflow: hidden; background: #eee; border-bottom: 1px solid #eee; } .Product_Vip_img img { width: 232px; display: block; margin: 0 auto; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .Product_Vip_img img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .equipment_introduce {line-height: 20px; position: absolute; left: 50%; transition: .6s; font-weight:400; } .equipment_introduce p:nth-child(1){ font-size: 14px; } .introduce_top { margin-top: 0px; border-bottom: 1px solid #fff; overflow:hidden;} .introduce_top p:first-child { height: 44px; overflow:hidden;} .introduce_top p:nth-child(2){color: #ff5370;} .discount { font-size: 18px; color: #ff5370; } .introduce_bottom { line-height: 24px;} .introduce_bottom p:nth-child(3){margin-top:12px;} .attentionOne { font-size: 12px; } .introduce_bottom p:nth-child(1) { font-size: 14px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 210px; } .introduce_bottom a { display: block; line-height: 28px; padding: 0 8px; background: #07a3ea; color: #fff; margin-bottom: 4px; border-radius: 3px; } .introduce_bottom a:hover { background: #ff5370; } .productTwo { width: 220px; height: 296px; margin-right: 17px; position: relative; overflow: hidden; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #eee; } .product_left .productTwo:nth-child(4n+0) { margin-right: 0%; float: right; } .productTwo_img { display: block; width: 220px; height: 220px; overflow: hidden; background: #eee; border-bottom: 1px solid #eee; } .productTwo_img img { width: 220px; display: block; margin: 0 auto; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .productTwo_img img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .label { width: 47px; height: 42px; position: absolute; z-index: 99; left: 0; top: 0; } .introduceTwo { width: 214px; padding: 0 10px; margin-left: -117px; bottom: -70px; } .Product_Vip:hover { border: 1px solid #07a3ea; } /*--经过父级孩子改变颜色-*/ .Product_Vip:hover .introduceTwo { background: rgba(7,163,234,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19333333, endColorstr=#19333333); color: #fff; } .introduceTwo a { margin-top: 10px; } .Product_Vip:hover .equipment_introduce { bottom: 0; } .attentionTwo { font-size: 12px; margin-top: 12px; } /*--vip产品结束-*/ /*1F*/ .index_list_buy h5 { font-size: 20px; width: 220px; height: 44px; line-height: 44px; font-weight: normal; color: #333; } .index_list_buy h5 .navDesc a { color: #07a3ea; } .index_list_buy h5 span { vertical-align: middle; color: #07a3ea; } .index_list_buy h5 a { color: #333; } .index_list_buy .column { border-bottom: 2px solid #07a3ea; } .index_list_buy .content .sec1 { float: left; border-left: 1px solid #eee; width: 244px; } .index_list_buy .sec1_div2 { background-color: #fff5f1; } .index_list_buy .sec1_div3 { background-color: #fcede1; } .index_list_buy .sec1_div2_t_sub { background-color: #FF8653; } .index_list_buy .sec1_div3 p { color: #FF8653; } .index_list_buy .sec4 ul li img { width: 213px; clear: both; display: block; margin: 0 auto; } .index_list_buy .fr { width: 960px; text-align: right; line-height: 44px; font-size: 14px; } .index_list_buy .fr a { margin-left: 15px; } .index_list_buy .content .sec2 { float: left; width: 466px; border-right: 1px solid #eee; } .index_list_buy .content .sec2 .index_banner { width: 100%; height: 278px; } .index_banner .banner_slider li { width: 100%; height: 278px;border-bottom: 1px solid #eee; box-sizing: border-box;} .index_list_buy .content .sec3 { float: left; width: 100%; } .index_list_buy .content .sec5 { float: left; width: 99.9%; border: 1px solid #eee; border-top: 0; } .index_list_buy .content .sec3 li { position: relative; border: 1px solid #eee; border-left: 0; border-top: 0; float: left; width: 223px; padding: 5px 10px 0px; } .index_list_buy .content .sec3 img { width: 213px; clear: both; display: block; margin: 0 auto; } .index_list_buy .content .sec3 p { line-height: 14px; font-size: 14px; margin-bottom: 10px; } .index_list_buy .content .sec3 .tit { color: #666; } .index_list_buy .content .sec3 .first { width: 202px !important; } .index_list_buy .content .sec3 li p:nth-child(1){width: 223px;height: 213px;} .index_list_buy .content .sec3 .first p:nth-child(1){ margin-bottom: 0px !important;width: 202px !important;height: 223px !important; position:relative;} .index_list_buy .content .sec3 .first img { position:absolute; display:block;width:212px; height:212px;margin-left:-6px;} .index_list_buy .content .sec3 .Money_sub { color: #e81a62;font-size: 20px; } .index_list_buy .content .sec5 li { position: relative; margin: 15px 0; float: left; width: 147px; } .index_list_buy .content .sec5 li a { border-left: 1px solid #eee; height: 48px; display: block; } .index_list_buy .content .sec5 li.first a { border-left: 0; } .index_list_buy .content .sec5 img { display: block !important; padding: 0 3px; } .sec3 ul { border-left: 1px solid #eee; } .discount_c { position: absolute; top: 10px; left: 0; display: block; float: left; height: 17px; line-height: 17px; color: #fff; overflow: hidden; } .discount_c em { float: left; padding-left: 5px; background-color: #e81a62; } .discount_ico { float: left; width: 10px; height: 17px; background: url("/shopzryiynet/img.to8to.com/to8to_img/mall/icon/discount_ico.png") no-repeat right 0; } .sec4 ul { border-top: 1px solid #eee; } .sec4 ul li { float: left; width: 223px; padding: 5px 10px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; } .sec4 ul li .sec1_div2_t .sec1_div2_t_sub { color: #e81a62; padding: 0; background-color: transparent; } .sec4 ul li h3 { float: left; margin-left: 6px; padding-bottom:0px !important; width: 213px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19333333, endColorstr=#19333333);} .index_list_buy .title_nav a:hover { color: #333; text-decoration: underline; } .index_list_buy .sec1_div2 { width: 244px; padding: 20px; } .sec1_div2_t { font-size: 14px; font-weight: normal; padding-bottom: 13px; overflow: hidden; } .sec1_div2_t span { display: block; height: 27px; line-height: 27px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .sec1_div2_t .sec1_div2_t_sub { float: left; color: #fff; display: block; height: 20px; line-height: 20px; font-size: 20px; padding: 0 5px; margin-top: 2px; overflow: hidden; } .index_list_buy .content .sec3 p, .sec1_div3 a { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .index_list_buy .sec1_div2 img { width: 180px; height: 180px; } .index_list_buy .sec1_div3 { height: 142px; padding: 10px 15px 3px 15px; color: #666; font-size: 14px; } .index_list_buy .sec1_div3 p { font-size: 16px; font-weight: bold; border-bottom: 1px solid #FF8653; } .sec1_div3 ul { padding: 7px 0 3px 3px; } .sec1_div3 ul li { margin-bottom: 5px; } .sec1_div3 a { color: #666; display: inline-block; vertical-align: middle; line-height: 20px; } .sec1_div3 a i { padding-right: 5px; } .sec1_div3 a:hover { color: #e81a62; } .banner_indexing { position: relative; bottom: 10px; height: 10px; margin-top: -26px; } /*F楼层结束*/ .Flink { min-height: 120px; margin-top: 15px; } .Flink_head { height: 30px; border-bottom: 1px solid #07a3ea; } .Flink_head>div { width: 90px; height: 30px; text-align: center; font-weight: bold; font-size: 16px; line-height: 20px; border-bottom: 1px solid #07a3ea; box-sizing: border-box; position: relative; } .Flink_head>div i { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #07a3ea; position: absolute; left: 50%; margin-left: -3px; bottom: 0; } .Flink_head>a { font-size: 14px; line-height: 30px; padding-right: 10px; } .Flink_main { padding: 30px 20px; } .Flink_main a { font-size: 14px; display: block; float: left; width: 85px; text-align: center; height: 28px; overflow: hidden; line-height: 28px; padding: 0 10px; } /*------------------------treat部分end---------------------*/ .Combination_b_priceinfo_a{height: 30px;width: 70px;line-height: 30px;background: #07a3ea;text-align: center;float: right;color: #fff;} .Combination_b_priceinfo{line-height:28px;color:#999;font-size:14px} .Combination_b_priceinfo b{color:#eb6100;font-size:20px;float:left;margin-right:10px} .Combination_b_priceinfo .current_price{font-size:20px} .Combination_b_priceinfo s{font-size:12px;color:#999;width:auto;padding-top:4px;height:18px;line-height:25px;text-align:left;float:left} .Combination_b_priceinfo span{font-size:12px;color:#eb6100} .Combination_b_priceinfo s span{color: #999;} .Combination_b_priceinfo p:first-child:hover{color: #333;background: rgba(0,0,0,0.4);} .clickstream_tag img{} .content .sec1 p,.content .sec4 p{display: block;width: 213px;height: 213px;overflow: hidden;} .content .sec1 img,.content .sec4 img,.content .sec3 img{ cursor: pointer; transition: all 0.6s; } .content .sec1 img:hover{ transform: scale(1.4); } .content .sec4 img:hover{ transform: scale(1.4); } .content .sec3 img:hover{ transform: scale(1.4); } /*轮播*/ #wrapper{color:#fff;text-shadow:rgba(0,0,0,.1) 2px 2px 0} #slider-wrap,#wrapper{position:relative;width:100%;height:340px} #slider-wrap{overflow:hidden} #slider-wrap ul#slider{position:absolute;top:0;left:0;width:440px;height:100%} #slider-wrap ul#slider li{position:relative;float:left;width:466px;height: 278px;background: #fff;overflow: hidden;} #slider-wrap ul#slider li>div{position:absolute;top:20px;left:35px} #slider-wrap ul#slider li i{display:block;width:100%;text-align:center;font-size:90px;line-height:25pc} .btns{position:absolute;top:40%;z-index:100;margin-top:-25px;width:50px;height:60px;background:rgba(0,0,0,.1);text-align:center;font-size:30px;line-height:57px;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-ms-transition:all .1s ease} .btns:hover{background:rgba(0,0,0,.3)} #next{right:-50px;border-radius:7px 0 0 7px} #previous{left:-50px;border-radius:0 7px 7px 7px} #counter{position:absolute} #slider-wrap.active #next{right:0} #slider-wrap.active #previous{left:0} #pagination-wrap{position:relative;margin-top:240px;margin-right:auto;margin-left:auto;height:15px;min-width:20px;text-align:center} #pagination-wrap ul{width:100%} #pagination-wrap ul li{position:relative;top:0;display:inline-block;margin:0 4px;width:5px;height:5px;border-radius:50%;background:#fff;opacity:.5} #pagination-wrap ul li.active{top:3px;width:9pt;height:9pt;box-shadow:rgba(0,0,0,.1) 1px 1px 0;opacity:1} .productTwo{border: none!important;} .Combination_b .productTwo{padding: 0!important;width: 100%!important;}