@charset "utf-8"; * { padding: 0; margin: 0; } body { font-family: 'hiragino sans gb', 'microsoft yahei', 'simsun'; } li { list-style-type: none; } img { margin: 0; padding: 0; border: none; } a { transition: color 0.3s ease; } .clear { clear: both; } .cl { zoom: 1; } .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } a { text-decoration: none; cursor: pointer; transition: all 0.3s ease-out 0s; } /*top*/ .top { } .top_k { width: 900px; margin: 20px auto; padding-bottom:8px; } .top_logo { width: 270px; float: left; margin-left: 50px; padding-top: 8px; } .top_logo a { } .top_logo a img { height:45px; width:auto; } .top_form { margin-top: 9px; width: 350px; height: 45px; float: right; /* border: 1px solid #ccc; */ box-shadow: #d0d0d0 0px 0px 5px; } .top_form_text { width: 270px !important; border: none; height: 42px; line-height: 32; padding-left: 16px; color: #a6a6a6; outline: none; font-size: 13px; margin: 3px 0 0 10px; } .top_form_btn { width: 20px; height: 20px; float: right; margin: 15px 16px 0 0; border: none; background: ; background-size: 100%; } /*top-end*/ /*nav*/ .nav { background: #3f3a39; } .nav_k { width: 100%; position: relative; } .nav_k ul { width: 1200px; margin: 0 auto; } .nav_k ul::after { content: ""; display: block; clear: both; } .nav_k ul li { float: left; position: relative; transition: all 0.3s ease-out 0s; } /*.nav_k ul li:after { display: block; content: ""; width: 1px; height: 15px; position: absolute; right: 0; top: 18px; background: #777; }*/ .nav_k ul li a { color: #e6e6e6; height: 40px; display: block; line-height: 40px; padding: 5px 32px; font-weight: 700; font-size: 16px; } .nav_k ul li a.cur, .nav_k ul li a:hover { background: #e60012; } .nav_k ul li.nav_item_right { float: right; } .nav_k ul li.nav_item_right a img { width: 16px; height: 16px; border: 2px solid white; border-radius: 50%; padding: 3px; margin-top: 7px; } .submenu, .submenu ul { display: none; } .submenu { width: 100%; position: absolute; top: 100%; left: 0; background: #fff; z-index: 200 } .submenu ul { width: 1200px; margin: 0 auto; padding: 10px 0; } .submenu ul li { display: inline-block; padding: 0 34px; } .submenu ul li a { color: #000; background: transparent; font-weight: 400; font-size: 14px; padding: 0; } .submenu ul li a:hover { background: transparent; color: #e60012; } .xial{width:1160px;margin:0 auto;height: 0;overflow: hidden;} .ycnr{height: 35px;line-height: 45px;} .ycnt a{color:black;padding: 0 45px;} .ycnt{/* display:none; */} .ycnt a:hover{color:#ff0000;} /*nav-end*/ /*slide*/ .slide { } .slide_k { width: 1200px; margin: 20px auto 0; } .slide_l { width: 780px; height: 510px; float: left; } .example { width: 100%; height: 100%; font-size: 40px; text-align: center; margin: 0 auto; background-color: #464576; } .carousel-item { line-height: 336px; color: #fff; font-family: arial black; overflow: hidden; position: relative; } .example_title { font: 14px helvetica neue, helvetica, pingfang sc, \5fae\8f6f\96c5\9ed1, tahoma, arial, sans-serif; width: 90%; padding: 0 5%; height: 70px; position: absolute; left: 0; right: 0; bottom: 30px; background: no-repeat 0 0; background-size: 780px 70px; z-index: 1062; line-height: 70px; color: #fff; text-align: center; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 30px; text-shadow: 0 1px 3px black; } .slide_r { float: right; width: 370px; height: 478px; border: 1px solid #ccc; padding: 15px; background: #fff; } .slide_rt { border-bottom: 1px solid #ccc; padding-bottom: 10px; display:none; } .slide_rt ul { } .slide_rt ul li { display: block; width: 33.333%; float: left; text-align: center; } .slide_rt_img { width: 90px; height: 90px; margin: 0 auto 8px; border: 1px solid #ccc; display: block; } .slide_rt_img img { width: 50%; padding-top: 20px; height: auto; overflow: hidden; } .slide_rt_title { color: #7d7d7d; } .slide_rb { /* padding-top: 21px; */ } .slide_rb_t { margin-bottom: 15px; } .slide_rb_t:after{ display:block; content:''; clear:both; } .slide_rb_t li { border-bottom: 2px solid #fff; float: left; width: 16%; font-weight: bold; font-size: 15px; text-align: center; margin: 0; padding:2px 2% 6px; float:left; color: #3f3a39; } .slide_rb_t li.active { color: #ff2828; border-bottom: 2px solid #808080; } .slide_rb_b { } .slide_rb_b > li { display: none; } .slide_rb_b > li.active { display: block; } .slide_rb_b > li ul { } .slide_rb_b > li ul li { margin-bottom: 20px; } .slide_rb_b_title { color: #4c4c4c; display: inline-block; width: 100%; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; } .slide_rb_b_time { color: #afafaf; font-size: 10px; } .slide_rb_b_time i { margin-right: 10px; font-size: 10px; } /*slide-end*/ /*beauty*/ .beauty { } .beauty_k { width: 1200px; margin: 0 auto; } .beauty_art_box{width:100%;margin:0;padding:0;} .beauty_art_box_top{width:100%;margin:0;padding:0;} .beauty_art_box_top:after{content:"";clear:both;display:block;} .beauty_art_box_top_item{width:48%;display:inline-block;float:left;} .beauty_art_box_top_item:nth-child(2){float:right;} .beauty_art_box_top_item a{} .beauty_art_box_top_item a img{width:100%;height:300px;object-fit:cover;} .beauty_art_box_top_item a h3{font-size:25px;font-weight:bold;height:35px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:15px 0;} .beauty_art_box_top_item a p{font-size:14px;line-height:25px;height:75px;margin-bottom:25px;} .beauty_art_box_bottom{width:102%;margin:20px -1% 0;padding:0;} .beauty_art_box_bottom_item{width:23%;display:inline-block;margin:1%;float:left;} .beauty_art_box_bottom:after{content:"";display:block;clear:both;} .beauty_art_box_bottom_item a{} .beauty_art_box_bottom_item a img{width:100%;height:150px;object-fit:cover;} .beauty_art_box_bottom_item a h3{font-size:20px;font-weight:bold;height:70px;line-height:35px;overflow:hidden;margin:15px 0;} .beauty_art_box_bottom_item a p{font-size:13px;line-height:25px;overflow:hidden;height:90px;} .beauty_top { display:none; } .beauty_bot{display:none;} .beauty_bot_try { float: right; width: 100%; } .beauty_bot_try ul { } .beauty_bot_try ul li { float: left; width: 280px; margin: 0 26px 0 0; } .beauty_bot_try ul li:nth-child(4) { margin: 0; } .beauty_top_img { display: block; width: 280px; height: 180px; overflow: hidden; position: relative; } .beauty_top_img img { width: 100%; min-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .beauty_top_c { padding-top: 20px; } .beauty_top_c h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; float: left; text-indent: 16px; font-family: inherit; font-weight: 500; color: #484646; } .beauty_num { color: #ff0000; float: right; min-width: 40px; width: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .beauty_num2 { color: #6c757d !important; float: right; } .beauty_top_time { padding-top: 20px; margin-top: 20px; } .beauty_top_time span { float: left; width: 180px; background: #cccccc80; height: 44px; line-height: 44px; text-indent: 16px; color: #6c757d; } .beauty_top_time a { width: 80px; height: 44px; float: right; background: ; line-height: 44px; text-align: right; padding-right: 20px; color: #fff; } .beauty_top_l { width: 690px; float: left; } .beauty_top_l div { margin: 12px 0 0 0; position: relative; width: 330px; display: inline-block; height: 280px; margin-right: 10px; overflow: hidden; background: black; } .beauty_top_l span:hover .luxury_d_s { color: #ff0000; } .beauty_top_l span { position: absolute; bottom: 16px; background: rgba(0, 0, 0, 0.7); color: white; height: 46px; width: 80%; left: 0; text-align: center; line-height: 46px; margin: auto; right: 0; font-size: 16px; } .beauty_top_r { float: right; width: 510px; } .beauty_top_form_k { } .beauty_top_opt { border-bottom: 1px solid #cecece; } .beauty_top_opt ul { } .beauty_top_opt ul li { float: left; width: 50%; text-align: center; } .beauty_top_opt ul li span { padding: 16px 20px; display: block; font-size: 15px; width: 60px; margin: 0 auto 2px; } .beauty_top_opt ul li span.active { border-bottom: 2px solid #ff0000; margin-bottom: 0; } .beauty_top_form { padding-top: 30px; text-align: center; } .beauty_top_form form { display: inline-block; margin: 0 auto; } .beauty_top_form_text { height: 38px; width: 318px; border: 1px solid #3f3a39; float: left; border-radius: 10px 0 0 10px; padding-left: 10px } .beauty_top_form_btn { background: #3f3a39; border: 1px solid #3f3a39; height: 40px; width: 60px; color: #fff; border-radius: 0px 10px 10px 0px; margin-left: -10px; font-size: 18px; float: left; } .beauty_top_form p { padding: 5px 55px; color: gray; text-align: left; } .beauty_top_form p a { color: gray; margin-right: 7px; } .beauty_top_form ul { margin-top: 10px; } .beauty_top_form ul li { display: inline-block; width: 30%; padding: 5px 1%; margin-bottom: 20px; } .beauty_top_form ul li a { border: 1px solid #d0d0d030; padding: 7px 20px; border-radius: 20px; color: #545454; } .beauty_bot { padding-top: 40px; } .beauty_step { float: left; width: 50%; } .beauty_step img { width: 100%; } .beauty_step ul { padding: 6px; /* margin-top: 36px; */ } .beauty_step ul li { float: left; width: 25%; } .beauty_step_t { text-indent: 12px; } .beauty_step_t span { margin-left: 8px; } .beauty_step_j { width: 100%; height: 20px; background: #e26b0a; margin: 10px 0; } .beauty_step_i { margin-bottom: 10px; /* text-align: center; */ color: #e26b0a; } .beauty_step_i i { margin: 0 6px; } .beauty_step_c { font-size: 14px; color: #575556; padding: 0 6px; font-style: italic; } .beauty_bot_brand { float: right; width: 45%; } .beauty_step ul li:nth-child(1) .beauty_step_t { color: #e26b0a87; } .beauty_step ul li:nth-child(1) .beauty_step_j { background: #e26b0a87; } .beauty_step ul li:nth-child(1) .beauty_step_i { } .beauty_step ul li:nth-child(2) .beauty_step_t { color: #ec9f60; } .beauty_step ul li:nth-child(2) .beauty_step_j { background: #ec9f60; } .beauty_step ul li:nth-child(2) .beauty_step_i { } .beauty_step ul li:nth-child(3) .beauty_step_t { color: #e78636; } .beauty_step ul li:nth-child(3) .beauty_step_j { background: #e78636; } .beauty_step ul li:nth-child(3) .beauty_step_i { } .beauty_step ul li:nth-child(4) .beauty_step_t { color: #e26b0a; } .beauty_step ul li:nth-child(4) .beauty_step_j { } .beauty_step ul li:nth-child(4) .beauty_step_i { } .beauty_bot_brand ul { } .beauty_bot_brand ul li { float: left; width: 25%; /* height: 0; */ /* padding-bottom: 25%; */ margin-bottom: 10px; } .beauty_brand_img { display: block; width: 130px; height: 80px; position: relative; overflow: hidden; border: 1px solid #ccc; margin: 0 auto; } .beauty_brand_img img { position: absolute; width: 100%; min-height: 100%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .beauty_brand_name { display: block; width: 130px; height: 20px; border: 1px solid #ccc; margin: -1px auto 0; text-align: center; color: #5a5a5a; padding: 5px 0; } /*beauty-end*/ /*digi*/ .digi { margin-top: 20px; } .digi_k { width: 1200px; margin: 0 auto; } .digi_l { float: left; width: 1200px; } .digi_l_2 { margin-top: 1px; } .digi_l_max { width: 360px; height: 430px; position: relative; float: left; } .digi_l_img { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .digi_l_img img { position: absolute; width: 100%; object-fit: cover; height: auto; min-height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .digi_l_title { position: absolute; bottom: 20px; background: #000000a1; color: #fff; font-size: 17px; width: 80%; left: 0; right: 0; margin: auto; padding: 4px 20px; text-align: center; } .digi_l_small { float: left; width: 840px; } .digi_l_small ul { } .digi_l_small ul li { width: 420px; height: 215px; display: inline-block; float: left; border: 0px solid #ccc; overflow: hidden; margin-right: 0; } .digi_l_small ul li a:hover .digi_l_s_title p { color: #e60012; } .digi_l_s_img { display: inline-block; width: 210px; height: 100%; overflow: hidden; float: left; background: #000; } .digi_l_s_img img { object-fit:cover; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; min-height: 100%; } .digi_l_s_title { /* padding-top:30px; */ padding: 30px 10px 10px 10px; display: inline-block; width: 190px; height: 175px; overflow: hidden; background-color: #676665; color: white; float: left; } .digi_l_s_title p { font-size: 18px; max-height: 72px; overflow: hidden; } .digi_l_s_title span { font-size: 10px; margin-top: 10px; display: block; color: #cccccc; max-height: 80px; overflow: hidden; } .digi_r { background: whitesmoke; float: right; width: 300px; padding-right: 10px; } .digi_r h3 { /* margin-bottom: 20px; */ display: inline-block; padding: 8px 20px 8px 15px; background: #3f3a39; color: #fff; border-bottom-right-radius: 24px; border-top-right-radius: 24px; } .digi_r ul { /* margin-top: 20px; */ padding-bottom: 3px; } .digi_r ul li { height: 83px; } .digi_r_line { float: left; margin: 5px 10px -5px; } .digi_r_line span { float: left; width: 7px; height: 7px; border-radius: 4px; background: #3f3a39; } .digi_r_line p { width: 1px; height: 82px; background: #3f3a39; margin-left: 3px; } .digi_r_title { } .digi_r_title span { display: block; color: #afafaf; font-size: 14px; margin-bottom: 6px; } .digi_r_title a { color: #000000bd; font-weight: 600; width: 88%; display: block; height: 42px; overflow: hidden; } .digi_r ul li:last-child .digi_r_line p { background: #f5f5f5; } /*digi-end*/ /*dress*/ .dress { margin-top: 20px; } .dress_k { width: 1200px; margin: auto; } .dress_l { float: left; width: 390px; } .dress_l_news { /* background: #fafafa; */ padding: 10px 20px 10px 0; } .dress_l_news ul { } .dress_l_news ul li { height: 160px; border-bottom: 1px solid #ccc; padding-top: 20px; } .dress_l_news ul li:last-child { border-bottom: none; } .dress_l_tit { color: #354759; font-size: 18px; font-weight: 600; max-height: 48px; overflow: hidden; margin-bottom: 14px; display: inherit; } .dress_l_con { height: 40px; overflow: hidden; font-size: 15px; margin-bottom: 10px; color: #646f78; } .dress_l_b { color: #a2b0bb; font-size: 14px; } .dress_l_time { } .cress_l_keyword { float: right; margin: 0 6px; } .dress_l_b i { float: right; line-height: 24px; } .dress_r { float: right; width: 790px; } /*dress-end*/ /*品牌库*/ .brand { width: 100%; display: none; } .brand .hd { width: 100%; position: relative; margin: 25px 0 15px 0; } .brand .hd .line { width: 100%; height: 1px; background: #aaa; position: absolute; top: 50%; left: 0; z-index: -1; } .brand .hd .star-lg { width: 382px; height: 50px; background: no-repeat 47px; margin: 25px auto; padding: 0 20px; } .tone_all { width: 1200px; height: 357px; margin: 10px auto; text-align: center; /* border: 1px solid #ececec; */ border-radius: 8px; } .tone_all_l { float: left; width: 47.3%; } .tone_all_r { float: right; width: 47.3%; } .tone_top { height: 42px; padding: 0; } .tone_top a { text-decoration: none; } .tone_name { border-left: 8px solid #ff0000; margin: 6px -1px; padding: 0 0 0 20px; font-size: 24px; float: left; color: #000; font-family: 黑体; } .tone_more { text-decoration: none; color: grey; margin: 10px; float: right; } .tone_more2 { padding: 8px 22px; margin: 0; border-radius: 4px; color: #fff; font-size: 16px; background: rgba(255, 0, 0, 0.54); } .tone_more2:hover { background: #ff0000; color: #fff; } .tone { width: 100%; margin: 0 auto 10px; border-top: 1px solid #ececec; border: 1px solid #eee; } .tone ul { -webkit-padding-start: 28px; } .tone_li { width: 80px; height: 90px; margin: 10px; float: left; text-align: center; padding: 20px 0; } .tone_li:hover { border-color: #f1462a; } .tone img { display: block; width: 75px; height: 75px; margin: 2px; position: relative; overflow: hidden; border: 1px solid #ececec; } .tone li a { text-decoration: none; cursor: pointer; color: black; } .tone li a:hover { font-weight: bold; color: #f1462a; } .tone_title { font-size: 14px; display: block; height: 21px; overflow: hidden; padding: 0 0px; text-align: center; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; } .tone_title2 { padding-top: 3px; } .tone_bt { float: left; width: 171px; height: 21px; font-size: 14px; margin: 10px 0 0 20px; overflow: hidden; } .tone_bt a { font-family: verdana, arial, sans-serif; color: #333 } /*brand-end*/ /*bk*/ .contents-checked { width: 1200px; z-index: 1; opacity: 1; visibility: visible; } .bike_bdbox { width: 550px; float: left; margin: 10px 60px 40px 0; padding: 0; display: block; } .bike_bdbox:nth-child(2), .bike_bdbox:nth-child(4) { margin-right: 0; } .bike_boxtitle { line-height: 20px; font-size: 16px; /* color: #ff0000; */ margin-bottom: 10px; margin-left: 0; text-align: left; padding: 0; display: block; font-family: 'hiragino sans gb', 'microsoft yahei', 'simsun'; border-left: 5px solid #f00; text-indent: 14px; } .bike_txtbox { width: 590px; height: 205px; padding-left: 0; padding-top: 15px; border: 1px solid #ececec; } .bike_roll { border: 1px solid #d0d0d030; border-radius: 36px; } .bikele { width: 1200px; margin: 0 auto; text-align: center; } .bikele a { width: 115px; height: 28px; margin: 4px 15px; line-height: 28px; float: left; display: inline; font-size: 13px; overflow: hidden; color: #545454; outline: none; text-decoration: none; font-family: 'hiragino sans gb', 'microsoft yahei', 'simsun'; } .bikele a:hover { color: #f1462a; } /*bk-end*/ /*link*/ .link { } .link_k { width: 1200px; margin: 0 auto; } .link_k h4 { background: #f5f5f5; text-align:center; } .link_k h4 span { background: #676767; color: #fff; display: inline-block; height: 50px; line-height: 50px; width: 160px; text-align: center; font-size: 18px; } .link_k ul { margin: 20px 0; text-align:center; } .link_k ul li { display:inline-block; line-height: 32px; } .link_k ul li a { font-size: 16px; margin: 0 10px; padding: 10px 0; color: #000; } /*link-end*/ /*foot*/ .foot { background: #404040; } .foot_k { width: 1200px; margin: 0 auto; padding: 34px 0; } .foot_logo { float: right; text-align: center; } .foot_logo img { width: 180px !important; } .foot_logo p { color: white; text-align: center; margin-top: 10px; } .foot_logo p a { color: white; padding: 5px 10px; } .foot_qrcode { display: inline-block; float: right; padding-right: 200px } .foot_qrcode img { width: 80px; display:block; } .foot_qrcode span{ display:block; color:white; padding-top:5px; text-align:center; } .foot_txt { float: left; } .foot_txt p { color: #fff; font-size: 14px; margin-bottom: 10px; } .foot_txt p a { color: #fff; } /*foot-end*/ /*go-top*/ .go-top { position: fixed; left: 58%; margin-left: 600px; bottom: 20px; background-color: #7f7f7f; height: 50px; width: 50px; transition: all .3s ease 0s; } .go-top:hover { background-color: #e60012; color: #fff; } .go-top i { font-size: 50px; color: #fff; } @media screen and (max-width: 1310px) { .go-top { left: auto; right: 5px; margin-left: auto; } } /*go-top-end*/ /*public_tit*/ .public_tit { margin-top: 80px; margin-bottom: 50px; text-align: center; } .public_tit h2 { font-size: 36px; display: initial; color: #3f3a39; background: #fff; padding: 0 20px; } .public_tit_l { } .public_tit_l span{font-weight:500;} .public_tit_r { color: #e60012; } .public_tit .line { border-bottom: 1px solid #949494; margin-top: -20px; } /*public_tit-end*/ /*public*/ .public_h3 { border-left: 10px solid #e60012; text-indent: 16px; padding: 2px 0; font-weight: 600; font-size: 20px; margin-bottom: 20px; text-align } .float_center { text-align: center; border-left: 0; text-indent: 0; } /*public-end*/ .try-progress { width: 1130px; background: lightgray; color: gray; padding: 0px 10px; margin: 15px 0px; font-size: 16px; height: 60px; line-height: 60px; padding-left: 60px; } .try-progress .step { display: inline-block; height: 60px; line-height: 60px; float: left; } .try-progress .step-go { background: ; height: 60px; width: 40px; display: inline-block; line-height: 60px; float: left; } .try-progress span { font-size: 23px; font-weight: bold; margin-left: 40px; margin-right: 5px; } .try-progress span.go-right { font-weight: 100; } /* question */ .question{width:1200px;margin:40px auto;} .question ul.question-box{width:102%;margin:0 -1%;display:none;} .question_wiki_list .active{display:block!important;} .question ul.question-box:after{content:"";display:block;clear:both;} li.question-item{width:23%;margin:15px 1%;display:inline-block;float:left;position:relative;} li.question-item a{} li.question-item a img{width:100%;height:150px;object-fit:cover;border-radius:10px;} li.question-item a h3{position:absolute;width:276px;text-align:center;background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8));bottom:0;color:white;font-size:14px;height:25px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:0 0 10px 10px;} .question_cates{margin-bottom:20px;} .question_cates ul{ text-align:center; } .question_cates ul li{ display:inline-block; cursor:pointer; font-size:16px; margin:0 20px; padding:5px 25px; } .question_cates ul li.active{ background:#404040!important; color:white!important; } /* question end */