www.gusucode.com > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端) > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端)/m/style/css/wap.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; .tc { text-align: center; width: 100%; border-bottom: 1px solid #e4e4e4; } .cp_jg { border-bottom: 1px solid #e4e4e4; overflow: hidden; padding: 10px 8px; } .cp_jg_list { width: 100%; } .jg_list { text-decoration: line-through; color: #ccc; line-height: 37px; } .f_16 { font-size: 16px; } .f_11 { font-size: 11px; } .f_12 { font-size: 12px; } .f_14 { font-size: 14px; } .f_l8 { padding-left: 8px; } .f_26 { font-size: 20px; } .p_8 { padding: 0 8px; } .h_18 { line-height: 18px; } .c_666 { color: #666; } .c_929292 { color: #929292; } .h_16 { line-height: 16px; } .c_ad { color: #AD923B; } .name { color: #999; } .w_130 { width: 90px; } .w_90 { width: 90px; } .jg_btn { line-height: 30px; color: #666; font-size: 14px; text-align: center; padding: 0 10px; } .jg_btn1 { background: #dadada; line-height: 37px; color: #fff; font-size: 17px; border-radius: 5px; text-align: center; padding: 0 20px; } .spxq { padding: 8px 18px 8px 18px; color: #666; } .spxq h3 { color: #666; font-size: 16px; line-height: 30px; position: relative; } .spxq li { line-height: 26px; font-size: 13px; } .spxq .moer_1 { width: 100%; border: 1px solid #e5e5e5; line-height: 28px; text-align: center; margin: 7px 0 10px; font-size: 13px; } .spx { padding: 0 0 8px 10px; } .spx_320 { width: 320px; margin: 0 auto; } .spx ul { float: left; padding-bottom: 10px; padding-right: 8px; width: 90px; margin-top: 10px; } .spx ul li { font-size: 0.75em; text-align: left; width: 90px; } .spx h3 { line-height: 44px; border-bottom: 1px solid #e4e4e4; } .spx_xt { height: 5px; border-bottom: 1px solid #e4e4e4; } .sppj { padding: 0 0 8px 10px; } .sppj_hy { padding: 0 8px 8px 10px; } .sppj_hy p { font-size: 14px; line-height: 20px; } .sppj h3 { line-height: 44px; border-bottom: 1px solid #e4e4e4; } .sppj .time { float: right; line-height: 24px; color: #ccc; } .sppj p { font-size: 12px; line-height: 20px; } .detail { border-bottom: 1px solid #e4e4e4; padding: 5px 8px 8px 0; color: #666; } .detail2 { border-bottom: 1px solid #e4e4e4; color: #666; padding: 14px 0; } .detail_1 { padding: 5px 8px 8px 0; } .Story { padding: 0 0 0 10px; } .Story_list { border-bottom: 1px solid #e4e4e4; line-height: 44px; } .Story ul { float: left; border-bottom: 1px solid #e4e4e4; width: 100%; padding: 8px 0; } .Story ul li { line-height: 18px; padding-top: 5px; font-size: 12px; } .or_z { color: #5A5A5A; font-size: 0.75em; } .Story img { float: left; margin-right: 5px; padding-top: 3px; } .l_20 { line-height: 20px; } .gwc_btn { background: #f60; line-height: 42px; color: #fff; font-size: 17px; border-radius: 5px; text-align: center; padding: 0 20px; } .gwc_btn_1 { background: #f60; line-height: 38px; color: #fff; font-size: 17px; border-radius: 5px; text-align: center; padding: 0 20px; } .cnxh { padding: 0 8px; color: #f60; width: 320px; margin: 0 auto; } .cnxh ul { } .cnxh ul li { width: 90px; float: left; margin-right: 11px; text-align: center; margin-bottom: 10px; } .cnxh a { font-size: 13px; line-height: 18px; color: #f60; } .cnxh span { line-height: 50px; color: #666666; } .refill_1 { clear: both; padding-top: 15px; text-align: center; width: 100%; margin-bottom: 20px; } .City { float: left; color: #fff; font-size: 12px; text-align: left; margin-top: 16px; position: absolute; margin-left: 30px; } .City_xl { border: 1px solid #fff; border-radius: 2px; color: #FFFFFF; display: block; font-size: 12px; line-height: 15px; padding: 0 2px; float: left; } .sz { float: left; color: #FFF; padding-right: 3px; } .xl_list { display: inline-block; width: 15px; height: 10px; background: url("../images/icon2b.png") -95px -10px no-repeat; background-size: 198px 200px; vertical-align: top; margin-top: 5px; } .cake_lb { background-color: #f4f4f4; border-bottom: 1px solid #e4e4e4; clear: both; color: #666666; height: 38px; line-height: 38px; padding: 0 10px; } .cake_lb span { color: #6D6D6D; float: right; font-size: 0.85em; } .lb_list { width: 304px; float: left; } .black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 2000px; background-color: black; z-index: 1001; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70); } .white_content { display: none; position: absolute; top: 8%; left: 5%; width: 90%; z-index: 1002; overflow: auto; background-color: rgba(255,255,255,0.95); } .white_content h3 { text-align: center; line-height: 42px; color: #E42B2B; font-size: 14px; font-weight: 400; } .closeBtn { color: #000000; font-size: 24px; font-weight: 700; line-height: 20px; opacity: 0.4; position: absolute; right: 4px; text-shadow: 0 1px 0 #FFFFFF; top: 4px; } .modal-message { font-size: 16px; line-height: 20px; text-align: left; } .clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .clearfix { clear: both; } .modal-message h4 { background-color: #dddddd; box-shadow: 0 1px 0 #EEEEEE; color: #7C7C7C; display: block; font-size: 14px; font-weight: 400; line-height: 24px; padding: 0 8px; position: relative; text-align: left; text-indent: 12px; } .ui-list-li li { border-bottom: 1px solid #BDBDBD; border-top: 1px solid #ccc; color: #313131; text-align: left; } .ui-list-li li a { color: #666; display: block; font-size: 14px; font-style: normal; margin: 5px 8px; padding: 8px 0; text-indent: 12px; } .ui-list1-li li { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #F0F0F0; color: #313131; text-align: left; width: 100%; display: table; } .ui-list1-li li a { color: #666; display: table-cell; font-size: 14px; font-style: normal; margin: 5px 8px; padding: 12px 0; text-align: center; width: 25%; } .search { padding: 12px; } .search .input-box { border: 1px solid #CCCCCC; border-radius: 0.3em; display: block; padding: 0 3em 1px 0.2em; position: relative; background: #FFF; } .new-input { background: none repeat scroll 0 0 #FFFFFF; border: 0 none; border-radius: 0; color: #c7c6c6; font-size: 0.85em; font-weight: normal; height: 2.8em; line-height: 2.2em; text-indent: 5px; vertical-align: top; width: 100%; border: 0; } .btn-search { border-left: 1px solid #e2e2e2; height: 2em; line-height: 2.28em; margin-top: 1.02em; position: absolute; right: 0; text-align: center; top: 0; width: 2.2em; margin-right: 20px; } .option-section:after { clear: both; content: ""; display: block; height: 1px; margin-top: -1px; } .new-mg-t10 { margin-top: 10px; } .text-fl { color: #666; float: left; font-size: 14px; height: 34px; line-height: 34px; } .secton10 .info a { padding-left: 0; } .btn-color-op.on { background: none repeat scroll 0 0 #f60; border: 1px solid #f60; color: #FFFFFF; } .detail-option a { display: inline-block; padding: 0; } .btn-color-op { background-color: #F6F6F6; border: 1px solid #e4e4e4; border-radius: 3px; color: #333333; display: inline-block; font-size: 14px; height: 30px; line-height: 29px; min-width: 100px; text-align: center; } .option { overflow: hidden; } .new-mg-b10 { margin-bottom: 10px; } .cake_jx { color: #666; border-bottom: 1px solid #e4e4e4; padding: 10px; } .cake_pp { width: 100%; } .cake_pp li { width: 49.5%; float: left; height: 95px; text-align: center; border-bottom: 1px solid #e4e4e4; } .cake_pp p { line-height: 22px; font-size: 11px; } .cake_pp img { width: 140px; } .cake_pp .xt { border-right: 1px solid #e4e4e4; } .dg_dh { height: 40px; padding: 0 10px; line-height: 40px; text-align: left; background: #FFF; color: #666; border-bottom: 1px solid #E4E4E4; } .dh_bt { background: #E42B2B; border-radius: 5px; padding: 3px 7px; color: #fff; float: left; font-size: 14px; line-height: 18px; margin: 7px 7px 7px 0; } #gg { position: fixed; bottom: 0; background: none repeat scroll 0 0 #F1F1F5; width: 100%; height: 43px; z-index: 9999; padding: 8px 10px; opacity: .95; filter: alpha(opacity=95); _bottom: auto; _width: 100%; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight- (parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); position: fixed; } .tbl-cell { display: table-cell; } .tbl-type { width: 100%; display: table; } .db_gwc { width: 100%; } .db_gwc img { margin-right: 4px; float: left; border: 1px solid #e2e2e2; } .db_gwc_list { margin: -18px 22px 0 0; width: 40%; } #gg2 { width: 100%; position: fixed; height: 56px; z-index: 9999; bottom: 0; left: 0; opacity: 0.95; filter: alpha(opacity=95); } #gg2 .db_gwc { background: #f1f1f1; overflow-x: hidden; height: 42px; width: 96%; padding: 7px 2%; } #gg2 .db_gwc_left { width: 50%; } #gg2 .db_gwc_list { width: 35%; margin: 0; } .pr_pl { width: 100%; } .pr_pl_list { float: left; width: 100%; border-bottom: 1px solid #E4E4E4; color: #666; line-height: 18px; padding: 10px 0 12px 0; } .pr_pl_lb { display: table; width: 100%; position: relative; } .pr_pl_lb_fl { margin-right: 5px; display: table-cell; width: 50px; padding-right: 5px; } .pr_pl_lb_fl img { border: 1px solid #e3e3e3; } .pr_pl_lb_fr { display: table-cell; float: left; width: 100%; } .pr_pl_lb_fr span { font-size: 12px; } .user_id { color: #B8B4B2; } .pj_nr { line-height: 20px; color: #666; font-size: 12px; margin-top: 5px; } .intopdqwz_box { height: 42px; line-height: 42px; padding: 0 7px; font-size: 14px; color: #666; } .tcfy { text-align: center; } .dis-buttom { display: inline-block; width: 30%; height: 30px; cursor: pointer; line-height: 30px; margin: 10px 5px 20px 0; text-align: center; color: #3c3c3c; font-size: 1em; background-color: #f3f3f3; border: 1px solid #e4e4e4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .sxju1 { background: #F1F1F5; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; width: 100%; margin: 0 auto; } .hyfl { font-size: 14px; color: #666666; line-height: 42px; height: 42px; float: right; } .hyfl span { display: inline-block; width: 10px; height: 42px; background: url("../images/tb.png") -173px -11px no-repeat; vertical-align: top; margin-left: 3px; } /*===FlexSlider幻灯片 开始===*/ #banner { margin-top: 15px; } .new-p-re { position: relative; } .detail-img { overflow: hidden; margin-left: auto; margin-right: auto; width: 400px; } .flexslider { position: relative; clear: both; } /*幻灯片标题*/ .flex-caption { width: 100%; padding: 3px 0px; position: absolute; bottom: 3px; color: #fff; text-align: right; font-size: 14px; line-height: 22px; height: 22px; max-width: 640px } /* FlexSlider Necessary Styles*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 8px; background: #fff; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 500px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ /*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/ .flex-control-nav { width: 80%; position: absolute; bottom: 10px; margin: 0px auto; text-align: center; border: 0px dashed red } .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 30px; height: 8px; display: block; background: #666; background: rgba(229,62,64,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px rgba(229,62,64,0.3); -moz-box-shadow: inset 0 0 3px rgba(229,62,64,0.3); -o-box-shadow: inset 0 0 3px rgba(229,62,64,0.3); box-shadow: inset 0 0 3px rgba(229,62,64,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(255,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(255,0,0,0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /*===FlexSlider幻灯片 结束===*/