.header_menu { background: #333; height: 36px; line-height: 36px; } .menu_center{ } .menu_r { } .menu_r li{ float: left; margin-right: 10px; position: relative; } .menu_r li:hover .drop_menu{ display: block; } .menu_r li:last-child { margin-right: 0; } .menu_r li a{ color: #ccc; padding-right: 10px; font-size: 12px; border-right: 1px solid #5c5c5c; } .menu_r li:last-child a{ border-right: none; } .icon-shouji { vertical-align: bottom; } .icon-down{ vertical-align: bottom; } .drop_menu { position: absolute; left: -9px; display: none; } .drop_menu a { border-right: none !important; } .drop_menu ul{ padding-top: 10px; width: 76px; overflow: hidden; box-shadow: 1px 1px 3px #a7a3a3; padding: 0 10px; box-sizing: border-box; position: absolute; top: -2px; } .drop_menu ul li{ clear: both; margin-right: 0; line-height: 19px !important; border-bottom: 1px solid #e4e0e0; width: 100%; text-align: center; margin-bottom: 10px; padding-bottom: 5px; } .drop_menu ul li:last-child { border-bottom: none; } .drop_menu .sanjx { width: 0px; height: 0px; border-top: 5px solid #ffff0000; border-bottom: 5px solid white; border-left: 5px solid #0000ff00; border-right: 5px solid #ff000000; position: absolute; top: -12.5px; left: 33px; } .drop_menu ul li a{ padding-right: 0; } .header_nav { margin-top: 20px; } .nav_top_l { height: 60px; width: 212px; background: url("https://yanxuan-static.nosdn.127.net/hxm/yanxuan-component/p/20170601/style/img/x1/icon-yxtop-s24d0453a5f-dba1cb6952.png?imageView&type=webp"); background-position: 0 -298px; } .nav_bottom { } .nav_bottom ul {} .nav_bottom ul li { float: left; padding: 0 26px; position: relative; line-height: 35px; } .nav_bottom ul li:first-child { padding-left: 0; } .nav_bottom ul li:last-child { padding-right: 0; } .nav_bottom ul li a{} .nav_bottom ul li:hover .dropdown_menu{ display: block; } .dropdown_menu { width: 1100px; position: absolute; left: -100px; top: 36px; padding: 10px; border: 1px solid #8d8d8d; box-sizing: border-box; overflow: hidden; display: none; background: #fff; } .item { width: 128px; margin-right: 23px; } .item h2 { font-size: 16px; border-bottom: 1px solid #a29f9f; padding-bottom: 10px; margin-bottom: 12px; } .item_list { margin-bottom: 11px; } .item_list img { width: 46px; vertical-align: middle; } .item_list span { color: #908c8c; } .banner { height: 420px; background: url("https://yanxuan.nosdn.127.net/c9a9289286628f83d8a6795a2a5593ab.jpg?type=webp&imageView&quality=95&thumbnail=1920x420"); background-position: center; margin-top: 43px; } .limited_time { margin: 20px 0; padding: 20px 0; } .time_title { margin-bottom: 20px; } .time_title h2 { } .time_title p { } .time_content { width: 100%; height: 429px; } .content_l { width: 224px; height: 100%; text-align: center; box-sizing: border-box; padding-top: 60px; background: url("https://yanxuan.nosdn.127.net/a0d0bd891ebb55308dbddda736ed53cc.png?imageView&type=webp"); } .content_l h2{ color: #615548; font-size: 28px; margin-bottom: 11px; } .line { width: 20px; height: 2px; margin: 0 auto 18px; background: #61594b; } .block { width: 40px; height: 40px; color: #fff; font-size: 18px; line-height: 40px; text-align: center; background-color: #615548; } .time_block { width: 130px; margin: 0 auto; } .time_block span{ line-height: 40px; } .view_all { width: 110px; height: 30px; font-size: 14px; text-align: center; line-height: 30px; background: #a7936e; border-radius: 15px; color: #fff; margin: 0 auto; margin-top: 20px; } .content_r { width: 866px; } .content_r li { float: left; width: 433px; height: 214px; border: 1px solid #f0ece4; border-left: none; box-sizing: border-box; } .content_r li img{ width: 180px; height: 180px; float: left; } .content_r li .r_info{ width: 252px; padding-top: 14px; } .r_info h2 { font-size: 16px; color: #666; margin-bottom: 5px; } .r_info p { font-size: 14px; color: #999; } .r_info .progress { margin: 6px 0 8px; } .r_info .progress span{ font-size: 14px; color: #999; margin-left: 15px; } .r_info .progress .progress_left{ width: 152px; height: 10px; border: 1px solid #f2cecd; border-radius: 5px; margin-top: 7px; } .progress_left .progress_back { width: 125.25px; background-color: #ffe5e5; height: 10px; } .price {} .price span:nth-child(1){ font-size: 14px; color: #be4141; } .price span:nth-child(2){ font-size: 24px; color: #be4141; font-weight: bolder; } .price span:nth-child(3){ margin-left: 3px; color: #999; font-size: 14px; text-decoration: line-through; } .submitQ { width: 118px; height: 31px; line-height: 31px; text-align: center; background-color: #be4141; color: #fff; font-size: 16px; border-radius: 2px; margin-top: 18px; }