www.gusucode.com > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端) > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端)/m/style/css/common.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; body { -webkit-text-size-adjust: none; background: #F0EFED; min-width: 320px; margin: 0; padding: 0; font-size: 14px; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, dd, dt, dl, input, textarea { padding: 0; margin: 0; border: none; } img { padding: 0; margin: 0; } ul, li, i { list-style: none outside none; padding: 0; margin: 0; font-style: normal; } a { text-decoration: none; color: #666; } .fl { float: left; } .fr { float: right; } .h_10 { height: 10px; } .h_30 { height: 30px; } .c666 { color: #666666; display: block; font-size: 12px; height: 30px; line-height: 16px; margin: 7px 0 3px; overflow: hidden; } .rmxh, .xpth { width: 100%; background: #FFF; } .red { color: #F60; } .huayu_logo { margin: 5px 0px 0px 10px; } .huayu_1 { display: inline-block; width: 80px; height: 38px; background: url("../images/icon2b.png") -38px -52px no-repeat; background-size: 175px 175px; vertical-align: top } .huayu_fot { min-width: 300px; max-width: 640px; margin: 0px auto; } .huayu_return span { display: inline-block; width: 30px; height: 36px; background: url("../images/tb.png") 1px -60px no-repeat; background-size: 100px 100px; vertical-align: top; } .huayu_return a { display: block; padding: 7px 0 0 0; height: 34px; } .header { display: block; position: relative; height: 46px; color: #fff; background: #ed2d38; text-align: right; overflow: hidden; cursor: pointer } .header-btn { position: relative; } .header-btn a { display: block; padding: 7px 0 0 0; height: 34px; } .header-btn span { display: inline-block; width: 28px; height: 34px; background: url("../images/tb.png") -33px -2px no-repeat; background-size: 120px 120px; vertical-align: top; } .head_logo { margin: 5px 0 0 10px; } .head_left a, .head_right a { display: block; padding: 11px; position: relative; } .header .logo { margin: 0 auto; text-align: center; width: 50%; height: 46px; line-height: 46px; cursor: pointer; font-size: 17px; } .wd { width: 10%; position: absolute; right: 0; top: 0; cursor: pointer } .wd a { height: 34px; } .wd span { display: inline-block; width: 28px; height: 34px; background: url("../images/tb.png") -2px -2px no-repeat; background-size: 120px 120px; vertical-align: top; } .my-account { position: absolute; right: 10px; top: 7px; display: block; } .changchangimg { height: 120px; width: 320px; } .header-btn_fh span { display: inline-block; width: 40px; height: 36px; background: url("../images/tb.png") 1px -60px no-repeat; background-size: 100px 100px; vertical-align: top; } .header-btn_fh a { display: block; padding: 7px 0 0 0; height: 34px; } .Category { width: 10%; position: absolute; right: 0; top: 0; cursor: pointer } .Category a { height: 34px; } .Category span { display: inline-block; width: 28px; height: 34px; background: url("../images/tb.png") -60px -1px no-repeat; background-size: 110px 110px; vertical-align: top; } .index_cat { padding: 8px 0; clear: both; height: 85px; background: #FFF; width: 100%; margin: 0 auto; } .index_cat ul { margin: 0 auto; width: 100%; } .index_cat ul li { float: left; margin: 10px 0 0 0; width: 20%; } .index_cat ul li dl { font-size: 0.75em; text-align: center; } .index_cat span { font-size: 12px; } .icon_1 { background: #fb8585; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_2 { background: #bda9c3; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_4 { background: #cebfa6; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_3 { background: #d68ece; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_5 { background: #a5cfd1; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_6 { background: #979cac; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_7 { background: #74cbf8; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_8 { background: #ed2d38; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_back { background: #88d4c0; border-radius: 10rem; display: block; height: 46px; line-height: 46px; margin: auto auto 0.1rem; text-align: center; width: 46px; } .icon_list { color: #666; text-align: center; line-height: 26px; } .index_cat img { margin: 10px; } .sxju { height: 13px; background: #F1F1F5; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; width: 100%; margin: 0 auto; } .sxju_bt { height: 13px; background: #F1F1F5; border-bottom: 1px solid #E5E5E5; width: 100%; margin: 0 auto; } .banner { width: 100%; position: relative; font-size: 12px; z-index: 999; max-width: 640px; margin: 0 auto; line-height: 0; } .banner span { position: absolute; width: 33.4%; text-indent: 0.5em; font-size: 14px; display: block; line-height: 30px; color: #fff; background: url("../images/b_span_bg.png"); } .banner img { display: block; padding: 0; margin: 0; display: inline; } .swipe { width: 100%; overflow: hidden; position: relative; } .swipe #pagenavi { position: absolute; bottom: 3px; text-align: center; width: 100%; height: 12px; padding-top: 8px; } .swipe #pagenavi a { width: 7px; height: 7px; border-radius: 5px; line-height: 99em; background: #fff; overflow: hidden; display: inline-block; *display:inline; *zoom:1; margin: 0 3px; } .swipe #pagenavi a.active { background: #E42B2B; } .swipe img { max-height: 240px; max-width: 640px; min-height: 132px; min-width: 320px; width: 100%; } .hot_hua ul.cpk { background-color: #ffffff; width: 145px; margin: 10px 0 0 0; border: 1px solid #e5e5e5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; padding-top: 3px; float: left; } .hot_hua { background: #FFF; width: 304px; margin: 0 auto; padding: 0 8px; height: 935px; } .hot_hua ul { background-color: #ffffff; width: 145px; margin: 10px 10px 0 0; border: 1px solid #e5e5e5; padding-bottom: 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; padding-top: 3px; float: left; } .hot_hua ul li { font-size: 14px; text-align: center; width: 144px; color: #666; line-height: 18px; } .hot_hua h3 { line-height: 20px; color: #666666; } .rmxh { width: 100%; padding-top: 8px; } .f_999 { line-height: 20px; color: #999999; } .f_ccc { line-height: 20px; color: #ccc; } .price { font-size: 14px; color: #ff0000; line-height: 24px; } .ck_more { width: 100%; float: left; border: 1px solid #e5e5e5; color: #999; line-height: 28px; height: 28px; text-align: center; margin-top: 10px; font-size: 13px; } .ck_more a { line-height: 28px; } .ck_more_1 { width: 100%; float: left; border: 1px solid #e5e5e5; color: #999; line-height: 28px; height: 28px; text-align: center; font-size: 13px; margin-bottom: 14px; margin-top: 3px; } .ck_more_1 a { line-height: 28px; } .ck_more_2 { width: 100%; float: left; border: 1px solid #e5e5e5; color: #999; line-height: 28px; height: 28px; text-align: center; margin: 0 0 15px 0; font-size: 13px; } .ck_more_2 a { line-height: 28px; } .xp_main { width: 320px; margin: 0 auto; height: 161px; } .xp_left { width: 158px; border-right: 1px solid #e5e5e5; float: left; } .xp_right { width: 161px; float: left; line-height: 0; } .sr_main { width: 304px; margin: 0 auto; height: 184px; padding: 0 8px; } .sr_h3 { line-height: 20px; border-bottom: 1px solid #e5e5e5; padding: 8px 0; color: #666666; } .sr_content { width: 100%; margin-top: 10px; float: left; height: 140px; } .sr_left { width: 142px; float: left; } .sr_right { float: right; margin-top: 30px; } .sr_right ul { width: 154px; height: 76px; } .sr_right ul li { width: 73px; height: 30px; background: #ff96b0; line-height: 30px; color: #fff; font-size: 12px; font-family: "����"; border-radius: 5px; text-align: center; margin-bottom: 8px; float: left; margin-right: 7px; } .sr_right a { color: #fff; text-decoration: none; } .sr_right .dg_an { width: 73px; height: 30px; background: #ff96b0; line-height: 30px; color: #fff; font-size: 12px; font-family: "����"; border-radius: 5px; text-align: center; margin-bottom: 8px; float: left; margin-right: 0; } .ts_main { width: 320px; margin: 0 auto; height: 184px; } .ts_h3 { line-height: 20px; border-bottom: 1px solid #e5e5e5; padding: 8px 8px; color: #666666; } .ts_main { width: 320px; margin: 0 auto; height: 200px; } .ts_right { width: 159px; border-left: 1px solid #e5e5e5; float: left; } .ts_left { width: 160px; float: left; line-height: 0; } .Appraisal { width: 304px; margin-right: auto; margin-left: auto; padding: 0 8px; } .Appraisal dl { border-top-width: 1px; border-top-style: solid; border-top-color: #e5e5e5; padding-top: 8px; clear: both; } .Appraisal dt { float: left; height: 51px; width: 48px; margin-top: 3px; } .Appraisal dd { float: right; width: 246px; } .aTitle { font-size: 14px; font-weight: bold; color: #666666; } .Contents { font-size: 12px; color: #999; margin-bottom: 5px; } .Score { font-size: 12px; color: #666666; } .sr_h4 { line-height: 20px; width: 312px; margin: 0 auto; margin-top: 8px; margin-bottom: 8px; padding-left: 8px; color: #666666; } .pp_main { width: 100%; margin: 0 auto; height: 85px; } .pp_main ul { margin: 0 auto; width: 100%; } .pp_main ul li { float: left; margin: 10px 0 0 0; width: 25%; } .pp_main ul li dl { font-size: 0.75em; text-align: center; } .pp_main span { font-size: 12px; } .pp_main_list { color: #666; text-align: center; line-height: 22px; } .phone { width: 100%; height: 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .phone_main { width: 320px; margin: 0 auto; text-align: center; line-height: 40px; color: #666; } .phone_main a { color: #666; } .phone_main a span { background: url("../images/phone.png") no-repeat scroll 0 0 rgba(0,0,0,0); display: inline-block; height: 20px; vertical-align: middle; width: 20px; } .pull-right { float: right!important; } .btn-weak { color: #f60; padding: 5px 15px; border: 1px solid #f60; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; } .btn-weak_1 { color: #f60; padding: 5px 15px; border: 1px solid #f60; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: -14px; } .footer-citybtn { width: 1.8rem; } .foot { padding-bottom: 10px; line-height: 24px; text-align: center; font-size: 0.75em; padding-top: 20px } .foot a { padding: 0.3em 0.8em; color: #666; } .foot span { font-size: 10px; } .foot_1 { margin-bottom: 5px; line-height: 24px; text-align: center; color: #a3a3a3; font-size: 0.75em; } .content { background: #fff; overflow: hidden; border-bottom: 1px solid #e4e4e4; } .content .body { padding: 5% 2%; line-height: 25px; } .content .body p { padding-top: 10px; } .content .body img { display: block; margin: 0 auto; max-width:100% } .content h1 { font-size: 1.4em; text-align: center; padding: 1.2em 0 } .content .info { border-bottom: 1px dotted #cccccc; color: #666666; background: #f6f6f6; font-size: 0.8em; text-align: center; padding: 0.8em 0.2em; width: 98%; margin: 0 auto } .lb_nav { display: table; width: 100%; text-align: center; } .lb_nav_tbl { font-size: 14px; color: #666666; width: 24.5%; line-height: 43px; height: 43px; float: left; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 } .lb_nav_tbl_1 { font-size: 14px; color: #666666; width: 25.2%; line-height: 43px; height: 43px; float: left; border-bottom: 1px solid #e4e4e4 } .lb_nav_tbl_1 span { display: inline-block; width: 10px; height: 40px; background: url("../images/tb.png") -173px -10px no-repeat; background-size: 200px 200px; vertical-align: top; } .hot_hua_1 ul.cpk { background-color: #ffffff; width: 145px; margin: 0 0 13px 0; border: 1px solid #e5e5e5; padding-top: 3px; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; } .hot_hua_1 { background: #FFF; width: 304px; margin: 0 auto; padding: 0 8px; margin-top: 13px; } .hot_hua_1 ul { background-color: #ffffff; width: 145px; margin: 0 10px 13px 0; border: 1px solid #e5e5e5; padding-bottom: 3px; padding-top: 3px; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; } .hot_hua_1 ul li { font-size: 14px; text-align: center; width: 144px; color: #666; line-height: 18px; } .text { padding: 0 8px; line-height: 18px; font-size: 13px; text-align: center; } .on { color: #f60; border-bottom: 1px solid #f60; } .new-tbl-type { display: table; width: 100%; background-color: #fff; border-bottom: 1px solid #e4e4e4; padding: 10px 0 } a.new-tbl-cell { padding: 2px 0; text-align: center; width: 25%; font-size: 14px } .new-tbl-cell { display: table-cell; float: left } .new-tbl-cell span { vertical-align: text-top; } .logo_1 { display: inline-block; width: 123px; height: 38px; background: url("../images/icon2b.png") 0 -59px no-repeat; background-size: 190px 190px; vertical-align: top; } .head_right a { display: block; padding: 11px 6px; position: relative; } .h_logn { display: inline-block; width: 23px; height: 24px; background: url("../images/icon2b.png") -3px -100px no-repeat; background-size: 190px 190px; vertical-align: top; } .h_cart { display: inline-block; width: 26px; height: 23px; background: url("../images/icon2b.png") -105px -100px no-repeat; background-size: 190px 190px; vertical-align: top; } .h_search { display: inline-block; width: 27px; height: 24px; background: url("../images/icon2b.png") -27px -100px no-repeat; background-size: 190px 190px; vertical-align: top; } .icon { display: inline-block; width: 22px; height: 22px; background: url("../images/icon2b.png") -60px -25px no-repeat; background-size: 180px 180px; vertical-align: top; } .icon2 { display: inline-block; width: 26px; height: 22px; background: url("../images/icon2b.png") 0 -25px no-repeat; background-size: 180px 180px; vertical-align: top; } .icon3 { display: inline-block; width: 25px; height: 22px; background: url("../images/icon2b.png") -29px -25px no-repeat; background-size: 180px 180px; vertical-align: top; } .icon3_1 { display: inline-block; width: 27px; height: 22px; background: url("../images/icon2b.png") -98px -119px no-repeat; background-size: 180px 180px; vertical-align: top; } .icon4 { display: inline-block; width: 22px; height: 22px; background: url("../images/icon2b.png") -85px -25px no-repeat; background-size: 180px 180px; vertical-align: top; } .good-lnk { display: inline-block; width: 16px; height: 16px; background: url("../images/icon2b.png") -160px -10px no-repeat; background-size: 360px 360px; vertical-align: top; margin-top: 15px; } .good-lnk_1 { display: inline-block; width: 16px; height: 16px; background: url("../images/icon2b.png") -160px -10px no-repeat; background-size: 360px 360px; vertical-align: top; margin-top: 5px; } .good-lnk_2 { display: inline-block; width: 16px; height: 16px; background: url("../images/icon2b.png") -158px -10px no-repeat; background-size: 355px 355px; vertical-align: top; margin-top: 5px; } .good-lnk_3 { display: inline-block; width: 16px; height: 14px; background: url("../images/icon2b.png") -158px -26px no-repeat; background-size: 355px 355px; vertical-align: top; margin-top: 8px; } .pj_tb5 { display: inline-block; width: 78px; height: 26px; background: url("../images/icon2b.png") -1px 3px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tb1 { display: inline-block; width: 20px; height: 26px; background: url("../images/icon2b.png") -62px 3px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tb2 { display: inline-block; width: 30px; height: 26px; background: url("../images/icon2b.png") -48px 3px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tb3 { display: inline-block; width: 50px; height: 26px; background: url("../images/icon2b.png") -32px 3px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tb4 { display: inline-block; width: 68px; height: 26px; background: url("../images/icon2b.png") -15px 3px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tbe5 { display: inline-block; width: 78px; height: 22px; background: url("../images/icon2b.png") -1px 0px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tbe1 { display: inline-block; width: 20px; height: 22px; background: url("../images/icon2b.png") -62px 0px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tbe2 { display: inline-block; width: 30px; height: 22px; background: url("../images/icon2b.png") -48px 0px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tbe3 { display: inline-block; width: 50px; height: 22px; background: url("../images/icon2b.png") -32px 0px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_tbe4 { display: inline-block; width: 68px; height: 22px; background: url("../images/icon2b.png") -15px 0px no-repeat; background-size: 190px 190px; vertical-align: top; } .QQ { display: inline-block; width: 44px; height: 44px; background: url("../images/icon2b.png") -51px -224px no-repeat; background-size: 330px 330px; vertical-align: top; } .zfb { display: inline-block; width: 44px; height: 44px; background: url("../images/icon2b.png") -99px -224px no-repeat; background-size: 330px 330px; vertical-align: top; } .lpdg_bt { display: inline-block; width: 14px; height: 14px; background: url("../images/icon2b.png") -33px -148px no-repeat; background-size: 180px 180px; vertical-align: top; margin: 2px 2px 0 0; } .appzx { display: inline-block; width: 82px; height: 24px; background: url("../images/icon2b.png") -34px -143px no-repeat; background-size: 165px 165px; vertical-align: top; margin-top: 12px; margin-right: 6px; } .pj_t5 { display: inline-block; width: 78px; height: 18px; background: url("../images/icon2b.png") -1px -1px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_t1 { display: inline-block; width: 20px; height: 18px; background: url("../images/icon2b.png") -62px -1px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_t2 { display: inline-block; width: 30px; height: 18px; background: url("../images/icon2b.png") -48px -1px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_t3 { display: inline-block; width: 50px; height: 28px; background: url("../images/icon2b.png") -32px -1px no-repeat; background-size: 190px 190px; vertical-align: top; } .pj_t4 { display: inline-block; width: 68px; height: 18px; background: url("../images/icon2b.png") -15px -1px no-repeat; background-size: 190px 190px; vertical-align: top; } .icon_addr { display: inline-block; width: 20px; height: 26px; background: url("../images/icon2b.png") -105px 0px no-repeat; background-size: 190px 190px; vertical-align: top; float: right; } .search_fdj { display: inline-block; width: 30px; height: 30px; background: url("../images/icon2b.png") -185px 0px no-repeat; background-size: 280px 280px; vertical-align: top; float: right; } .weixin { display: inline-block; width: 44px; height: 45px; background: transparent url("../images/icon2b.png") no-repeat scroll -135px -134px/ 180px 180px; vertical-align: top; } #Img_Deail img { width: 100%; margin: 0 auto; display: block } #Img_Deail { margin: 0 auto; padding: 2% 0 } .btn-type { background: #F60; padding: 6px 10px; font-size: 1em; color: #fff; margin-left: 3px; cursor: pointer; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .w_h36 { height: 36px; overflow: hidden; } .xl_dh { width: 26%; position: absolute; right: 0; top: 89px; } .xl_dh li { padding: 16px 0px; text-align: center; border-bottom: 1px solid #e9e9e9; background-color: rgba(246,246,246,0.98); } .xl_dh li:hover { padding: 16px 0px; border-bottom: 1px solid #e9e9e9; text-align: center; color: #ff0000; background-color: rgba(230,230,230,0.98); } .pj_xx { display: inline-block; width: 30px; height: 21px; background: url("../images/icon2b.png") -242px -46px no-repeat; background-size: 280px 280px; vertical-align: top; } .pj_xx_1 { display: inline-block; width: 30px; height: 21px; background: url("../images/icon2b.png") -242px -76px no-repeat; background-size: 280px 280px; vertical-align: top; } .navbanner { min-width: 300px; max-width: 640px; margin: 0px auto; } .florr { background: #FFF none repeat scroll 0% 0%; } .seckill-list { overflow: hidden; content: " "; display: block; clear: both; background: #fff; } .seckill-item { width: 33.3%; float: left; border-left: 1px solid #E5E5E5; margin-left: -1px; } .main { width: 100%; margin: 0 auto; max-width: 640px; font-size: 14px } .new-ct { min-height: 300px; background-color: #fff } .theme-pavilion { padding: 10px; } .tbl-type { display: table; width: 100%; } .theme-pavilion a { display: block; border: 1px solid #e5e5e5 } .theme-pavilion .tbl-cell:first-child a { margin: 4px 5px 5px 0; padding-top: 5px; } .theme-pavilion .tbl-cell:last-child a { margin: 4px 0 0 5px; padding-top: 5px; } .theme-pavilion .tbl-cell { width: 50%; overflow: hidden } .ad2-v2 .ad2-big-img { border-bottom: 0; text-align: center } .tbl-cell { display: table-cell; text-align: center; } .h5 { height: 5px; } .banner { position: relative; width: 100%; overflow: hidden } .scroll-wrapper { width: 100%; margin: 0 auto; max-width: 640px; overflow: hidden } .scroller { list-style: none } .scroll-wrapper .scroller li { float: left; text-align: center } .scroll-wrapper { width: 100%; margin: 0 auto; max-width: 640px; overflow: hidden } .scroll-wrapper .scroller { list-style: none } .scroll-wrapper .scroller li { float: left; text-align: center } .scroll-wrapper .scroller li img { width: 100%; min-width: 320px; max-width: 640px; height: auto!important; max-height: 240px } .new-banner-num { position: absolute; left: 0; bottom: 3px; width: 100%; height: 10px; text-align: center } .new-banner-num .new-tbl-cell { display: inline-block; width: 7px; height: 7px; margin-left: 7px; border-radius: 6px; background-color: #fff; text-indent: -9999px } .new-banner-num .new-tbl-cell a { display: block } .new-banner-num .new-tbl-cell.on { background-color: #e4393c } .w_h37 { overflow: hidden; height: 38px; padding: 0 5px; line-height: 19px; } .w_h25 { overflow: hidden; height: 25px; padding: 0 5px; line-height: 19px; } .activity-list { padding: 0px 0px 0px 10px; } .activity-item { width: 50%; float: left; margin-top: 10px; text-align: center; } .activity-list li a { display: block; width: auto; padding: 0px; margin: 0px 10px 0px 0px; border: 1px solid #e2e2e2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .activity-img { width: 95%; height: auto; margin-top: 3px; } .sppj_hy { padding: 0px 8px 8px 10px; background: #fff; } .detail2 { border-bottom: 1px solid #E4E4E4; color: #666; padding: 14px 0px; } .sppj_hy p { font-size: 14px; line-height: 20px; } .sxju1 { background: #F1F1F5; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; width: 100%; margin: 0 auto; } .activity-list .img-box { overflow: hidden; width: 100%; margin: 0 auto 15px; background-color: #fff; } .activity-list .img-box { display: block; float: left; width: 100%; max-height: 280px; } .activity-img { max-width: 100%; width: auto } .pageListNav { width: 80%; text-align: center; padding: 3% 0; height: 30px; line-height: 30px; margin-bottom: 2%; } .pageListNav ul { float: right; } .pageListNav .firstPage { width: 30px; } .pageListNav ul li { float: left; line-height: 25px; height: 25px; margin-left: 5px; font-size: 12px; border: 1px solid #E9E9E9; padding: 0px 10px; width: auto; } .pageListNav ul li a:hover { color: #ff0000; text-decoration: none; } .pageListNav ul li.thisclass, .pageListNav ul li.thisclass a, .pageListNav ul li.thisclass a:hover { background-color: #333; color: #FFF } .pageListNav .pageinfo { line-height: 25px; padding: 12px 5px 10px 5px; color: #999; } .pageListNav select { line-height: 25px; margin-top: 4px } .pageListNav .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; }