.header { background: #f4f4f4; border-bottom: 1px solid #e5e5e5; height: 30px; } .left_menu li{ float: left; line-height: 30px; } .left_menu li:first-child:hover .drop_address{ display: block; } .left_menu .iconfont{ color: #ff4040 } .icon-dizhi { margin-left: 10px; } .left_menu p { font-size: 12px; padding-left: 3px; vertical-align: bottom; color: #666; } .left_menu li:last-child { margin-left: 20px; } .left_menu li:fast-child { position: relative; } .drop_address { position: absolute; border: 1px solid #dbdbdb; background: #fff; top: 30px; padding: 15px 0px 15px 20px; box-sizing: border-box; overflow: hidden; display: none; z-index: 9999; } .search_city input{ width: 135px; height: 26px; padding: 0 8px 0 5px; background: url("../img/address_search.png"); background-repeat: no-repeat; background-position: 4px 5px; box-sizing: border-box; padding-left: 26px; border: 1px solid #dbdbdb; } .search_city { width: 100%; } .search_city span, .hot_city span, .find_city .chart_title { font-size: 12px; font-weight: bold; color: #666; padding-right: 10px; } .find_city span { width: 22px; height: 20px; line-height: 20px; text-align: center; color: gray; font-size: 12px; background: #eee; margin-right: 5px; padding-right: 0; display: inline-block; } .chart span { margin-top: 5px; float: left; } .hot_city ul{ width: 600px; } .hot_city ul li{ padding: 0 21px 5px 0; } .hot_city ul li a{ font-size: 12px; } .hot_city { overflow: hidden; border-bottom: 1px dotted #e0e0e0; } .close { right: 11px; top: -2px; color: #ccc; font-size: 16px; } .right_menu li{ float: left; line-height: 30px; font-size: 12px; color: #666; } .right_menu li a{ font-size: 12px; color: #666; } .right_menu li:first-child { margin: 0 10 } .right_menu li:nth-child(2) { margin-left:8px; } .right_menu li:nth-child(3) { margin:0 15px; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; } .right_menu li:first-child a{ color: #ff4040; } .right_menu li:last-child { padding: 0 7px; } .right_menu .iconfont { vertical-align: top; } .logo{ margin-top: 1px; } .logo_center { overflow: hidden; } .logo_new { width: 140px; height: 140px; } .logo_new_text { width: 160px; height: 90px; right: 0; top: 30px; } .logo_left { position: relative; width: 300px; height: 140px; } .search_right { padding-top: 50px; } .search_right_input input { width: 100%; border-radius: 100px; height: 38px; line-height: 38px; color: #333; background: #fcfcfc; border: 1px solid #e2e2e2; padding-left: 32px; box-sizing: border-box; } .search_right_input { width: 512px; } .cart_shop { width: 120px; height: 20px; padding: 9px 0 9px; border: 1px solid #e2e2e2; border-radius: 100px; background: #fff; text-align: center; line-height: 20px; color: #333; font-size: 16px; margin-left: 17px; } .icon-sousuo { right: 13px; top: 6px; font-size: 20px; } .icon-gouwuche { font-size: 19px; } .search_list { padding-top: 8px; padding-left: 32px; } .search_list a{ color: #aaa; font-size: 14px; margin-right: 10px; line-height: 19px; } .menu { height: 38px; } .menu_center ul li { float: left; margin-left: 30px; line-height: 38px; position: relative; } .menu_center ul li .menu_dropmenu{ position: absolute; width: 1070px; height: 410px; background: #ff0; top: 38px; background-color: #fff; border: 1px solid #ff4040; z-index: 99999; display: none; } .menu_center .active:hover .menu_dropmenu { display: block; } .menu_center ul li a{ font-size: 16px; color: #333; } .menu_center .active { width: 140px; height: 38px; text-align: center; line-height: 38px; font-size: 16px; background-color: #ff4040; box-sizing: border-box; } .menu_center .active a{ color: #fff; } .icon-caidan { padding-right: 13px; font-size: 12px; } .banner { width: 100%; height: 400px; background: url("../img/banner_1.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center;; } .banner ul { left: 50%; bottom: -10px; margin-left: -300px; } .banner ul li { float: left; margin-right: 10px; width: 110px; height: 40px; background: #fff; text-align: center; color: #333; font-size: 14px; line-height: 40px; } .on_active { background-color: #333 !important; color: #fff !important; } .advertisement { height: 110px; margin-top: 20px; margin-bottom: 20px; } .shop_list_center { height: 362px; } .item { width: 530px; height: 362px; margin-right: 10px; background-color: #fff; padding: 22px 20px 18px; box-sizing: border-box; } .list_shop_items .item:last-child{ margin-right: 0px; } .item_title h3 { font-size: 26px; color: #493188; margin-right: 7px; float: left; } .item_title span { font-size: 16px; color: rgba(69,52,127,0.7); display: inline-block; height: 37px; line-height: 37px; } .item_info { width: 490px; height: 130px; margin-top: 21px; background: url("../img/item_info_back.jpg"); background-size: cover; box-sizing: border-box; } .item_info_zhezhao { width: 490px; height: 130px; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 0; opacity: .4; } .shop_titles, .info_title, .img_list { z-index: 3; margin-top: 25px; } .shop_titles { width: 50px; height: 50px; border-radius: 100%; margin-left: 20px; margin-right: 20px; } .img_list li { float: left; width: 80px; height: 80px; background: #fff; margin-right: 10px; } .img_list li img { width: 60px; height: 60px; margin: 10px 10px 10px 10px; transition: all 0.2s ease-in; } .info_title .info_title_sub{ font-size: 18px; color: #fff; height: 18px; font-weight: bold; line-height: 18px; } .info_title_sp { color: #fff; font-size: 16px; margin-top: 8px; height: 16px; line-height: 16px; font-weight: lighter; } .enter { width: 63px; height: 23px; border: 1px solid #fff; border-radius: 100px; margin-left: 20px; font-size: 14px; color: #fff; text-indent: 12px; line-height: 20px; margin-top: 15px; box-sizing: border-box; cursor: pointer; text-align: center; } .icon-jiantou1 { font-size: 14px; } .img_list { margin-left: 15px; } .gold_color{ color: #AC8602 !important; } .img_list li:hover img { margin-left: 4px; } .imported_center { background: #fff; margin-top: 20px; overflow: hidden; } .imported_center_left { width: 899px; height: 421px; padding: 22px 20px 18px; box-sizing: border-box; } .imported_center_right { width: 170px; height: 421px; float: left; border-left: 1px solid #f6f6f6; } .imported_center_left .item_title h3 { color: #B77347; font-weight: initial; } .imported_center_left .item_title span { color: rgba(183,115,71,0.7); } .imported_list { margin-top: 20px; } .list_hot { width: 189px; height: 334px; background: url("../img/item_back.jpg") no-repeat; background-size: cover; } .list_hot ul li { width: 74px; height: 23px; text-align: center; line-height: 23px; color: #fff; margin-right: 9px; margin-bottom: 9px; float: left; background: #ecc5ab; border: 1px solid #f7e8de; font-size: 14px; font-weight: lighter; } .list_hot ul{ padding-left: 14px; padding-top: 20px; } .imported_list_items{ width: 335px; } .imported_list_items_top { width: 100%; height: 167px; background-color: #faf7f6; } .items_top_left { margin-top: 40px; margin-left: 30px; } .items_top_left p { color: #793a11; font-size: 14px; } .items_top_left span { font-size: 14px; color: #b77347; } .items_top_left button { margin-top: 15px; color: #e49337; text-align: center; width: 78px; height: 27px; line-height: 25px; background: #faf7f6; border: 1px solid rgba(228,147,55,0.5) !important; } .items_top_left+img{ margin-top: 40px; width: 110px; height: 110px; float: right; margin-right: 30px; } .items_bottom_left { width: 167px; height: 167px; position: relative; border-right: 1px solid #f6f6f6; } .items_bottom_left img { position: absolute; right: 10px; bottom: 10px; width: 90px; height: 90px; } .s_ti { margin-top: 15px; margin-left: 15px; } .s_ti p { font-size: 14px; color:#666; font-weight: 300; } .s_ti span { font-size: 14px; color:#666; font-weight: bolder; } .clear_border { border: none; } .imported_center_right { background: url("../img/paihangbang.png") no-repeat; background-size: 71px 71px; background-position: right top; } .imported_center_right p { font-size: 16px; margin-top: 20px; margin-left: 20.5px; color: #333; margin-bottom: 7px; } .imported_center_right span { font-size: 14px; margin-left: 20.5px; color: #999; } .imported_center_right ul li { width: 90px; height: 90px; position: relative; background-color: #fff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.07); margin-bottom: 11px; } .imported_center_right ul li img{ margin-top: 15px; margin-left: 15px; width: 60px; height: 60px; } .imported_center_right ul li div { position: absolute; font-size: 12px; color: #fff; width: 40px; height: 16px; text-align: center; font-weight: bold; left: 0; top: 0; } .imported_center_right ul li:first-child div { background: url("../img/top1.png") no-repeat; background-size: cover; } .imported_center_right ul li:nth-child(2) div { background: url("../img/top2.png") no-repeat; background-size: cover; } .imported_center_right ul li:last-child div { background: url("../img/top3.png") no-repeat; background-size: cover; } .imported_center_right ul{ margin: 0 auto; width: 90px; margin-top: 13px; }