/**file:mobile2.0/m_style.css**/ @charset "gb2312"; html { margin: 0; padding: 0; border: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; } body { width: 100%; color: #4C4C4C; background: #efefef; font-family: "Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif; } body, em, b, ul, li, ol, a, i, span, header, nav, h1, h2, h4, hr, strong { margin: 0; padding: 0px; display: inline-block; } dl, dt, dd, p, h3 { margin: 0; padding: 0; } img { border: 0; vertical-align: bottom; width: 100%; } ::-webkit-input-placeholder { color: #ccc; } :-moz-placeholder { color: #ccc; } ::-moz-placeholder { color: #ccc; } :-ms-input-placeholder { color: #333; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m { width: 100%; margin: 0 auto; } .w { width: 100%; } ul { list-style: none; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } a { text-decoration: none; color: #333; } a:active { color: #fc8f18; } .Wp67 { width: 67%; } .Wp96 { width: 96%; } .MT3 { margin-top: 3%; } .MT6 { margin-top: 6%; } .MT2 { margin-top: 2%; } .PT3 { padding-top: 3%; } .PT6 { padding-top: 6%; } .PT2 { padding-top: 2%; } .PD3 { padding-bottom: 3%; } .PD6 { padding-bottom: 6%; } .PD2 { padding-bottom: 2%; } .PL3 { padding-left: 3%; } .PL6 { padding-left: 6%; } .PL2 { padding-left: 2%; } .PR3 { padding-right: 3%; } .PR6 { padding-right: 6%; } .PR2 { padding-right: 2%; } .MR3 { margin-right: 3%; } .MR6 { margin-right: 6%; } .MR2 { margin-right: 2%; } .MD3 { margin-bottom: 3%; } .MD6 { margin-bottom: 6%; } .MD2 { margin-bottom: 2%; } .ML3 { margin-left: 3%; } .ML6 { margin-left: 6%; } .ML2 { margin-left: 2%; } .BORD { border: 0.1rem solid #e1e1e1; } .BORD_t { border-top: 0.1rem solid #e1e1e1; } .BORD_r { border-right: 0.1rem solid #e1e1e1; } .BORD_d { border-bottom: 0.1rem solid #e1e1e1; } .BORD_l { border-left: 0.1rem solid #e1e1e1; } .BG_gray { background: #efefef; } .BG_w { background: #fff; } .BG_o { background: #DE4700; } textarea { resize: none; } .center { text-align: center; } .pr { position: relative; } .pa { position: absolute; } .L40 { left: 38%; } .L45 { left: 45%; } .TEXTL { text-align: left; } .TEXTR { text-align: right; } select { background: #fff; } @media screen and (max-width:320px) { header i, .hot_brand .brand_list li i { font: normal normal normal 2.2rem FontAwesome; } .picture_d .picture_s .picture_img i { font: normal normal normal 4.2rem FontAwesome; } .title i, .title2 i { font: normal normal normal 2.2rem FontAwesome; } .title h2, .title2 h2, .botton_b dl dd b, .slider_b .slider_p ul li p, .day_news_c dl dd h3, nav a, .agent_nav ul li a, .search_news ul li, .search_brand dl dd, .brand_search_l ul li b, .zt_news li a, .zt_recommend ul li b, .picture_d_t b, .news_d_content b, .picture_d_t b, .gz_b dl dd b, .gz_b .gz_botton a, .company_name p, .agent_tel p, .bottom_agent a, .agent_nav .message { font-size: 1.6rem; } .search_b i, i.fa-pulse { font: normal normal normal 1.6rem FontAwesome; } .day_news_c dl dd p, .day_news dl dd h3 em, .continue, .photo_b_t p, .photo_b_s ul li p, .search_condition li input, .search_condition li em, .search_condition li select, .search_b input, .hot_brand .brand_list li p, .botton_b dl dd p, .footer ul li a, .head_botton span, .hot_brand .brand_list li strong, .photo_b_t b, header em, hot_news .hot_news_c ul li a, .title_c strong, .hot_news .hot_news_c ul.hot_news_t li p, .more, .agent_nav ul li a, .agent_brand_list li dl dd strong, .agent_brand_list li div i, .agent_brand_list li div a, .agent_brand_list li div p, .publish_dl ul li, .publish_dl ul li input[type=text], .publish_dl ul li select, .publish_dl ul li textarea, .publish_dl ul li .put_b, .brand_nav .brand_l ul li, .brand_nav ul li, .brand_praise ul li b, .picture_cl select, .search em, .search_con ul li p, .hot_news .hot_news_c ul li a, .brand_search_l ul li p, .zt_top p, .zt_pic li dd, .zt_recommend ul li p, .picture_d .picture_s i a, .picture_d .picture_tt p, .cue i, .wx_b p, .share_b em, .read_b ul li a, .pages a, .keys, .gz_b dl dd p, .info_b li em, .info_b li i, .agent_tel dl dd span, .agent_qq em, .company_tt, .company_adva b, .top10_text .date span, .brand_praise ul li a, .search_brand dl dd p span, .float_a p, .top10_logo ul li p { font-size: 1.4rem; } .brand_nav .brand_l ul li span, .brand_praise ul li p, .brand_search_b p, nav .group_b ul li.title, header .search_c .search_b input, .brand_search_l span, .top10_logo em { font-size: 1.2rem; } .news_d_content p { font-size: 1.5rem; } .MRT_neg1 { top: -7%; } .hot_news .hot_news_c ul.hot_news_t li h1 a, .zt_top strong, .news_d_title h1, .company_name strong, .top10_text p { font-size: 1.8rem; } .float_a i { font: normal normal normal 1.8rem FontAwesome; } .picture_d .picture_tt .num i, .agent_tel dl dd b, .agent_tel dl dd b { font-size: 2.8rem; } .top10_text .date div strong { font-size: 4rem; } .picture_d .picture_s { height: 82.5%; } em.yc_icon, .footer { font-size: 1rem; } #top { width: 0px; height: 0px; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #fc8f18; border-left: 0.5rem solid transparent; margin-top: 2%; } #top:before { border-bottom: 0.5rem solid #fc8f18; border-left: 0.5rem solid #fc8f18; border-right: 0.5rem solid #fc8f18; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -0.5rem; margin-top: 0.5rem; } #down { width: 0px; height: 0px; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #69d02e; border-left: 0.5rem solid transparent; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); margin-top: 6%; margin-right: 2%; } #down:before { border-bottom: 0.5rem solid #69d02e; border-left: 0.5rem solid #69d02e; border-right: 0.5rem solid #69d02e; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -0.5rem; margin-top: 0.5rem; } #no { width: 0px; height: 0px; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #a1a1a1; border-left: 0.5rem solid transparent; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); margin-top: 4%; } #no:before { border-bottom: 0.5rem solid #a1a1a1; border-left: 0.5rem solid #a1a1a1; border-right: 0.5rem solid #a1a1a1; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -0.5rem; margin-top: 0.5rem; } } @media screen and (min-width:321px) and (max-width:390px) { header i, .hot_brand .brand_list li i { font: normal normal normal 2.2rem FontAwesome; } .picture_d .picture_s .picture_img i { font: normal normal normal 5.2rem FontAwesome; } .title i, .float_hover ul li.ON, .title2 i { font: normal normal normal 2.5rem FontAwesome; } .title h2, .title2 h2 .botton_b dl dd b, .slider_b .slider_p ul li p, .day_news_c dl dd h3, nav a, .agent_nav ul li a, .search_news ul li, .search_brand dl dd, .brand_search_l ul li b, .zt_news li a, .zt_recommend ul li b, .picture_d_t b, .news_d_content b, .picture_d_t b, .gz_b dl dd b, .gz_b .gz_botton a, .company_name p, .agent_tel p, .bottom_agent a, .agent_nav .message { font-size: 1.8rem; } .search_b i, i.fa-pulse { font: normal normal normal 1.8rem FontAwesome; } .day_news dl dd h3 p, .day_news dl dd h3 em, .continue, .photo_b_t p, .photo_b_s ul li p, .search_condition li input, .search_condition li em, .search_condition li select, .search_b input, .hot_brand .brand_list li p, .botton_b dl dd p, .footer ul li a, .head_botton span, .hot_brand .brand_list li strong, .photo_b_t b, header em, hot_news .hot_news_c ul li a, .title_c strong, .hot_news .hot_news_c ul.hot_news_t li p, .more, .agent_nav ul li a, .agent_brand_list li dl dd strong, .agent_brand_list li div i, .agent_brand_list li div a, .agent_brand_list li div p, .publish_dl ul li, .publish_dl ul li input[type=text], .publish_dl ul li select, .publish_dl ul li textarea, .publish_dl ul li .put_b, .brand_nav .brand_l ul li, .brand_nav ul li, .brand_praise ul li b, .picture_cl select, .search em, .search_con ul li p, .hot_news .hot_news_c ul li a, .brand_search_l ul li p, .zt_top p, .zt_pic li dd, .zt_recommend ul li p, .picture_d .picture_s i a, .picture_d .picture_tt p, .cue i, .wx_b p, .share_b em, .read_b ul li a, .pages a, .keys, .gz_b dl dd p, .info_b li em, .info_b li i, .agent_tel dl dd span, .agent_qq em, .company_tt, .company_adva b, .top10_text .date span, .search_brand dl dd p span, .top10_logo ul li p { font-size: 1.7rem; } .brand_nav .brand_l ul li span, .brand_praise ul li p, .brand_search_b p, nav .group_b ul li.title, header .search_c .search_b input, .brand_praise ul li a, .day_news_c dl dd p, .float_a p, .brand_search_l span, .top10_logo em, .footer { font-size: 1.4rem; } .MRT_neg1 { top: -7%; } .hot_news .hot_news_c ul.hot_news_t li h1 a, .zt_top strong, .news_d_title h1, .company_name strong, .top10_text p { font-size: 2.2rem; } .float_a i { font: normal normal normal 2rem FontAwesome; } .picture_d .picture_tt .num i, .agent_tel dl dd b, .agent_tel dl dd b { font-size: 2.8rem; } .top10_text .date div strong { font-size: 4rem; } .picture_d .picture_s { height: 75.3%; } em.yc_icon { font-size: 1.2rem; } .news_d_content p { font-size: 1.6rem; } #top { width: 0px; height: 0px; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #fc8f18; border-left: 0.5rem solid transparent; margin-top: 2%; } #top:before { border-bottom: 0.5rem solid #fc8f18; border-left: 0.5rem solid #fc8f18; border-right: 0.5rem solid #fc8f18; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -0.5rem; margin-top: 0.5rem; } #down { width: 0px; height: 0px; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #69d02e; border-left: 0.5rem solid transparent; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); margin-top: 6%; margin-right: 2%; } #down:before { border-bottom: 0.5rem solid #69d02e; border-left: 0.5rem solid #69d02e; border-right: 0.5rem solid #69d02e; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -0.5rem; margin-top: 0.5rem; } #no { width: 0px; height: 0px; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #a1a1a1; border-left: 0.5rem solid transparent; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); margin-top: 4%; } #no:before { border-bottom: 0.5rem solid #a1a1a1; border-left: 0.5rem solid #a1a1a1; border-right: 0.5rem solid #a1a1a1; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -0.5rem; margin-top: 0.5rem; } } @media screen and (min-width:391px) and (max-width:640px) { header i, .hot_brand .brand_list li i { font: normal normal normal 2.4rem FontAwesome; } .picture_d .picture_s .picture_img i { font: normal normal normal 6.2rem FontAwesome; } .title i, .float_hover ul li.ON i, .title2 i { font: normal normal normal 2.8rem FontAwesome; } .title h2, .title2 h2, .botton_b dl dd b, .slider_b .slider_p ul li p, .day_news_c dl dd h3, nav a, .agent_nav ul li a, .search_news ul li, .search_brand dl dd, .brand_search_l ul li b, .zt_news li a, .zt_recommend ul li b, .picture_d_t b, .news_d_content b, .picture_d_t b, .gz_b dl dd b, .gz_b .gz_botton a, .company_name p, .agent_tel p, .bottom_agent a, .agent_nav .message, nav .group_b ul li.title { font-size: 2rem; } .search_b i, i.fa-pulse { font: normal normal normal 2rem FontAwesome; } .day_news_c dl dd p, .day_news dl dd h3 em, .continue, .photo_b_t p, .photo_b_s ul li p, .search_condition li input, .search_condition li em, .search_condition li select, .search_b input, .hot_brand .brand_list li p, .botton_b dl dd p, .footer ul li a, .footer, .head_botton span, .hot_brand .brand_list li strong, .photo_b_t b, header em, hot_news .hot_news_c ul li a, .title_c strong, .hot_news .hot_news_c ul.hot_news_t li p, .more, .agent_nav ul li a, .agent_brand_list li dl dd strong, .agent_brand_list li div i, .agent_brand_list li div a, .agent_brand_list li div p, .publish_dl ul li, .publish_dl ul li input[type=text], .publish_dl ul li select, .publish_dl ul li textarea, .publish_dl ul li .put_b, .brand_nav .brand_l ul li, .brand_nav ul li, .brand_praise ul li b, .picture_cl select, .search em, .search_con ul li p, .hot_news .hot_news_c ul li a, .brand_search_l ul li p, .zt_top p, .zt_pic li dd, .zt_recommend ul li p, .picture_d .picture_s i a, .picture_d .picture_tt p, .cue i, .wx_b p, .share_b em, .read_b ul li a, .pages a, .keys, .gz_b dl dd p, .info_b li em, .info_b li i, .agent_tel dl dd span, .agent_qq em, .company_tt, .company_adva b, .mz strong, .top10_text .date span, .brand_praise ul li a, .search_brand dl dd p span, .float_a p, .top10_logo ul li p { font-size: 1.6rem; } .brand_nav .brand_l ul li span, .brand_praise ul li p, header .search_c .search_b input, .brand_search_l span, .top10_logo em { font-size: 1.6rem; } .MRT_neg2 { top: -6%; } .news_d_content p { font-size: 1.8rem; } .hot_news .hot_news_c ul.hot_news_t li h1 a, .zt_top strong, .news_d_title h1, .company_name strong, .top10_text p, .brand_search_b p { font-size: 2.2rem; } .picture_d .picture_tt .num i, .agent_tel dl dd b, .agent_tel dl dd b { font-size: 3rem; } .top10_text .date div strong { font-size: 4rem; } .float_a i { font: normal normal normal 2.6rem FontAwesome; } .picture_d .picture_s { height: 69%; } em.yc_icon { font-size: 1.4rem; } #top { width: 0px; height: 0px; border-right: 1rem solid transparent; border-bottom: 1rem solid #fc8f18; border-left: 1rem solid transparent; margin-top: 2%; } #top:before { border-bottom: 1rem solid #fc8f18; border-left: 1rem solid #fc8f18; border-right: 1rem solid #fc8f18; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -1rem; margin-top: 1rem; } #down { width: 0px; height: 0px; border-right: 1rem solid transparent; border-bottom: 1rem solid #69d02e; border-left: 1rem solid transparent; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); margin-top: 6%; margin-right: 2%; } #down:before { border-bottom: 1rem solid #69d02e; border-left: 1rem solid #69d02e; border-right: 1rem solid #69d02e; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -1rem; margin-top: 1rem; } #no { width: 0px; height: 0px; border-right: 1rem solid transparent; border-bottom: 1rem solid #a1a1a1; border-left: 1rem solid transparent; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); margin-top: 4%; } #no:before { border-bottom: 1rem solid #a1a1a1; border-left: 1rem solid #a1a1a1; border-right: 1rem solid #a1a1a1; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -1rem; margin-top: 1rem; } } @media screen and (min-width:641px) { .wap { width: 640px; margin: 0 auto; } header i, .hot_brand .brand_list li i { font: normal normal normal 3.2rem FontAwesome; } .picture_d .picture_s .picture_img i { font: normal normal normal 7.2rem FontAwesome; } .title i, .title2 i { font: normal normal normal 4rem FontAwesome; } .title h2, .title2 h2, .botton_b dl dd b, .slider_b .slider_p ul li p, .day_news_c dl dd h3, nav a, .agent_nav ul li a, .search_news ul li, .search_brand dl dd, .brand_search_l ul li b, .zt_news li a, .zt_recommend ul li b, .picture_d_t b, .news_d_content b, .picture_d_t b, .gz_b dl dd b, .gz_b .gz_botton a, .company_name p, .agent_tel p, .bottom_agent a, .agent_nav .message, nav .group_b ul li.title { font-size: 2.6rem; } .search_b i, i.fa-pulse { font: normal normal normal 2.4rem FontAwesome; } .day_news_c dl dd p, .day_news dl dd h3 em, .continue, .photo_b_t p, .photo_b_s ul li p, .search_condition li input, .search_condition li em, .search_condition li select, .search_b input, .hot_brand .brand_list li p, .botton_b dl dd p, .footer ul li a, .footer, .hot_brand .brand_list li strong, .photo_b_t b, header em, hot_news .hot_news_c ul li a, .title_c strong, .hot_news .hot_news_c ul.hot_news_t li p, .more, .agent_nav ul li a, .agent_brand_list li dl dd strong, .agent_brand_list li div i, .agent_brand_list li div a, .agent_brand_list li div p, .publish_dl ul li, .publish_dl ul li input[type=text], .publish_dl ul li select, .publish_dl ul li textarea, .publish_dl ul li .put_b, .brand_nav .brand_l ul li, .brand_nav ul li, .brand_praise ul li b, .picture_cl select, .search em, .search_con ul li p, .hot_news .hot_news_c ul li a, .brand_search_l ul li p, .zt_top p, .zt_pic li dd, .zt_recommend ul li p, .picture_d .picture_s i a, .picture_d .picture_tt p, .cue i, .wx_b p, .share_b em, .read_b ul li a, .pages a, .keys, .gz_b dl dd p, .info_b li em, .info_b li i, .agent_tel dl dd span, .agent_qq em, .company_tt, .company_adva b, .mz strong, .top10_text .date span, .brand_praise ul li a, .head_botton span, .search_brand dl dd p span, .top10_logo ul li p { font-size: 2.4rem; } .brand_nav .brand_l ul li span, .brand_praise ul li p, .brand_search_b p, header .search_c .search_b input, .brand_search_l span, .top10_logo em { font-size: 2rem; } .MRT_neg5 { top: -6%; } .hot_news .hot_news_c ul.hot_news_t li h1 a, .zt_top strong, .news_d_title span, .news_d_title a, .top10_text p { font-size: 2.4rem; } .picture_d .picture_tt .num i, .news_d_title h1, .company_name strong { font-size: 3.4rem; } .top10_text .date div strong, .agent_tel dl dd b { font-size: 6rem; } .float_a i { font: normal normal normal 9rem FontAwesome; } .picture_d .picture_s { height: 74%; } em.yc_icon { font-size: 1.6rem; } .news_d_content p { font-size: 2rem; } #top { width: 0px; height: 0px; border-right: 1rem solid transparent; border-bottom: 1rem solid #fc8f18; border-left: 1rem solid transparent; margin-top: 6%; } #top:before { border-bottom: 1rem solid #fc8f18; border-left: 1rem solid #fc8f18; border-right: 1rem solid #fc8f18; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -1rem; margin-top: 1rem; } #down { width: 0px; height: 0px; border-right: 1rem solid transparent; border-bottom: 1rem solid #69d02e; border-left: 1rem solid transparent; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); margin-top: 10%; margin-right: 2%; } #down:before { border-bottom: 1rem solid #69d02e; border-left: 1rem solid #69d02e; border-right: 1rem solid #69d02e; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -1rem; margin-top: 1rem; } #no { width: 0px; height: 0px; border-right: 1rem solid transparent; border-bottom: 1rem solid #a1a1a1; border-left: 1rem solid transparent; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); margin-top: 6%; } #no:before { border-bottom: 1rem solid #a1a1a1; border-left: 1rem solid #a1a1a1; border-right: 1rem solid #a1a1a1; height: 0; width: 0; display: block; content: ''; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-left: -1rem; margin-top: 1rem; } } /*index*/ .ad_b_d { position: fixed; bottom: 0; left: 0; opacity: 0.9; } .close { width: 8%; display: inline-block; position: absolute; padding-top: 8%; z-index: 2; right: 0; top: 0; background: url("http://img2.chinayigui.com/res/mobile2.0/images/close.png") no-repeat; background-size: 100%; } .content { overflow: hidden; } .header { width: 100%; float: left; background: #0287e4; } .header .wdevice { width:100%; text-align: center; margin: 0 auto; max-width: 960px; padding:1% 2%; display: inline-block; } .header .wdevice .home2 { width: 8%; float: left; margin:3% 0% } .header .wdevice .home2 img { width: 100%; } header i { width: 6%; margin: 5% 1% 3% 1%; color: #999; } header .logo_b { width: 89%; margin: 1.5% 2% 1.5% 1%; } header .logo_b img { width: 95%; } .menu { width: 100%; position: absolute; z-index: 9999; top: inherit; right: 0; } .menu ul { background: #fff; border: 1px solid #e0e0e0; border-bottom: none; display: none; width: 100%; } .menu ul li { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #e0e0e0; padding: 0 10px; font-size: 1.5rem; text-align: left; } .menu ul li a { color: #333; display: block; } .menu ul li a i { float: right; display: inline-block; margin: 0; } .menu ul li i img { width: 14px; vertical-align: middle; } .menuicon { position: absolute; top: 0%; right: 2%; width:7%; margin: 4% 0%; } .menuicon img { width:100%} .menuicon a { display: block; float: left; } .bottom_b { width: 25%; position: relative; display: inline-block; margin: 0; } .head_botton { width: 80%; border: 0.1rem solid #e1e1e1; background: #fff; color: #333333; border-radius: 10rem; padding: 0% 0.5%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(37.5%); -moz-transform: translateX(-50%) translateY(37.5%); } .head_botton a { width: 25%; padding-top: 23%; border: 1px solid #e1e1e1; border-radius: 6rem; background: -webkit-linear-gradient(top,#f5f5f5 0%,#d2d2d2 100%); background: -moz-linear-gradient(top,#f5f5f5 0%,#d2d2d2 100%); margin: 3%; display: table; } .head_botton span.yu { display: none; } .head_botton.on { border: 1px solid #ccc; border-radius: 3rem; background: #de4700; } .head_botton.on a { background: -webkit-linear-gradient(top,#e1e1e1 0%,#a2a2a2 100%); background: -moz-linear-gradient(top,#e1e1e1 0%,#a2a2a2 100%); border: 1px solid #ccc; } .head_botton.on span.yu { display: block; color: #fff; } .head_botton.on span.wu { display: none; } .head_botton span { color: #333; display: table-cell; vertical-align: middle; line-height: 130%; margin: 1%; text-align: center; width: 60%; } nav { float: left; } nav a { width: 16.666%; text-align: center; padding: 3% 0; background: #333333; color: #fff; display: inline-block; } nav a.on { background: #de4700; color: #fff; } .search_all { float: left; } .search_b { padding: 1% 2%; width: 96%; border: 1px solid #ccc; border-radius: 8rem; z-index: 2; bottom: 20%; background: #fff; clear: both; margin: 2% auto; } .search_con { z-index: 1; width: 86%; margin: 0% 7%; top: 83%; background: #fff; border: 1px solid #e1e1e1; border-top: none; } .search_con ul { border-left: 0.1rem solid #e1e1e1; border-right: 0.1rem solid #e1e1e1; } .search_con ul li { width: 100%; padding: 2% 2% 2% 8%; border-bottom: 0.1rem solid #e1e1e1; color: #ccc; } .search_b input { border: none; width: 90%; padding: 0% 1.4%; line-height: normal; margin-left: 1%; display: inline; } .search_b i { width: 5%; margin: 0% 1% 0% 2%; color: #E2E1E1; font-weight: normal; } .slider_b { width: 100%; position: relative; } .slider_b .slider_p { width: 100%; } .slider_b .slider_p ul { width: 100%; } .slider_b .slider_p ul li { width: 100%; padding: 0; } .slider_b .slider_p ul li p { width: 100%; background: #fff; color: #333; padding: 2% 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .slider_n, .agent_nav ul.slider_n { position: absolute; bottom: 20%; right: 2%; width: 20%; background: none; } .slider_n a, .agent_slider_b .agent_slider_n a, .agent_nav ul.slider_n a { width: 10%; border: 0.25rem solid #fff; background: #fff; border-radius: 1rem; margin-right: 7%; display: inline-block; float: left; } .slider_n a.on, .agent_slider_b .agent_slider_n a.on, .agent_nav ul.slider_n a.on { background: #de4700; border: 0.25rem solid #de4700; } .day_news, .hot_brand { width: 100%; background: #efefef; padding-top: 3%; overflow: hidden; float: left; } .day_news_c, .hot_brand_c { float: left; width: 100%; display: inline-block; } .title, .title2 { width: 100%; padding: 0%; border-bottom: 0.1rem solid #e1e1e1; border-top: 0.1rem solid #e1e1e1; overflow: hidden; float: left; } .title h2 { color: #999; font-weight: normal; padding: 0 2%; line-height: 220%; } .title2 h2 { color: #fff; font-weight: normal; padding: 0 2%; line-height: 220%; } .title i, .title2 i { color: #999; border-left: 0.1rem solid #e1e1e1; padding: 0rem 1rem; line-height: 160%; } .title_c_b { display: block; } .day_news_c dl { width: 100%; padding: 3% 2%; overflow: hidden; border-bottom: 0.1rem solid #e1e1e1; float: left; } dl:hover, li:hover, .photo_b_s ul li:hover { background: #FFF9E2; } .day_news_c dl dt { width: 27%; margin-right: 3%; display: table; float: left; } .day_news_c dl dt img { vertical-align: top; } .day_news_c dd h3 { width: auto; font-weight: normal; color: #4c4c4c; line-height: 160%; } .day_news_c dd h3 b { font-weight: normal; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } em.yc_icon { color: #CC3300; border: 1px solid #CC3300; border-radius: 0.3rem; font-style: normal; padding: 0% 2%; margin: 1% 0.2%; display: inline; white-space: nowrap; font-weight: normal; float: left; line-height: 160%; } .day_news_c dl dd p { line-height: 140%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .day_news_c dl dd p a { color: #999; } .continue, .more { text-align: center; padding: 2%; background: #fff; color: #333; float: left; } .more { width: 96%; margin: 2%; } .search_condition { width: 100%; padding: 0% 2%; } .search_condition li { width: 100%; margin: 0.5% 0; display: inline-block; } .search_condition li em { width: 15%; background: #ff9900; border: 0.1rem solid #ff9900; border-radius: 0.3rem; font-style: normal; color: #fff; padding: 1.2%; margin-right: 1%; float: left; } .search_condition li select { width: 42%; float: left; color: #333; border: 0.1rem solid #e1e1e1; padding: 1.2% 1%; } .search_condition li input { width: 100%; text-align: center; background: url("http://img2.chinayigui.com/res/mobile2.0/images/bottom.gif") no-repeat top; color: #fff; border: none; padding: 2% 1%; margin: 1% 0%; } .hot_brand .brand_list { width: 102%; } .hot_brand .brand_list li { width: 32.71%; float: left; padding: 1%; border-right: 0.1rem solid #e1e1e1; border-bottom: 0.1rem solid #e1e1e1; text-align: center; overflow: hidden; } .hot_brand .brand_list li a { display: inline; } .hot_brand .brand_list li .dots { width: 100%; padding-top: 106%; position: relative; } .hot_brand .brand_list li strong { font-weight: normal; color: #333; line-height: 160%; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .hot_brand .brand_list li p { color: #999; white-space: nowrap; } .hot_brand .brand_list li i { color: #999; position: absolute; left: 44%; top: 49%; } .botton_b { width: 100%; background: #efefef; float: left; } .botton_b dl { width: 46.4%; background: #fff; float: left; padding: 2%; border: 0.1rem solid #e1e1e1; } .botton_b dl dt { width: 30%; float: right; padding-top: 30%; } .botton_b dl dd p { color: #999; } .botton_b dl.rankings { margin: 2.5% 1.1% 0% 2.5%; } .botton_b dl.Concern_list { margin: 2.5% 2.5% 0% 1.1%; } .botton_b dl.top10_1 { margin: 2.5% 1.1% 0% 2.5%; } .botton_b dl.top10_2 { margin: 2.5% 2.5% 0% 1.1%; } .botton_b dl.rankings dt { background: url("http://img1.chinayigui.com/res/mobile2.0/images/botton_01.gif") no-repeat left 0.5rem; background-size: 100%; } .botton_b dl.rankings dd b { color: #718cc7; } .botton_b dl.Concern_list dt { background: url("http://img2.chinayigui.com/res/mobile2.0/images/botton_02.gif") no-repeat right 0.5rem; background-size: 100%; } .botton_b dl.Concern_list dd b { color: #64c0ab; } .botton_b dl.top10_1 dt { background: url("http://img1.chinayigui.com/res/mobile2.0/images/botton_03.gif") no-repeat left 0.2rem; background-size: 100%; } .botton_b dl.top10_1 dd b { color: #e60012; } .botton_b dl.top10_2 dt { background: url("http://img2.chinayigui.com/res/mobile2.0/images/botton_04.gif") no-repeat right 0.2rem; background-size: 100%; } .botton_b dl.top10_2 dd b { color: #f08300; } .photo_b { padding: 2% 0%; background: #efefef; display: inline-block; } .photo_b_t { width: 96%; padding: 2%; background: #fff; border: 0.1rem solid #e1e1e1; margin: 2% 2% 0% 2%; display: inline-block; } .photo_b_t b { width: 100%; margin-top: 1%; color: #333; line-height: 200%; font-weight: normal; } .photo_b_t b .zj { border: 0.1rem solid #99CC00; color: #99CC00; padding: 0% 1.5%; border-radius: 0.5rem; font-style: normal; display: inline; margin-left: 2%; } .photo_b_t p { color: #999; line-height: 180%; } .photo_b_s { width: 96%; overflow: hidden; margin: 0% 2%; } .photo_b_s ul { width: 102%; float: left; } .photo_b_s ul li { width: 48%; margin: 2% 2% 0% 0%; border: 0.1rem solid #e1e1e1; background: #fff; padding: 1.5%; float: left; } .photo_b_s ul li p { line-height: 150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .photo_b .photo_b_s ul li p { color: #333; line-height: 160%; } .footer { width:100%; background: #fff; text-align: center; padding: 2%; float: left; } .footer .wdevice { width: 100%; border-right: none; margin-bottom: 2%; display:inline-block } .footer .wdevice a { width:50%; padding: 2% 0rem; margin:2%; line-height:180% } .footer ul li a { color: #333; } .footer p { width: 100%; clear: both; line-height: 180%; } .footer p .qq { width: 18%; display: inline-block; } .footer p .qq img { display: table-cell; vertical-align: bottom; } /*��Ѷ*/ .hot_news, .news_l { width: 100%; padding-top: 3%; float: left; } .hot_news .hot_news_c { width: 100%; background: #fff; } .title_c { text-align: center; /*line-height: 0; display: inline-block;*/ left: 0; } .hot_news .hot_news_c ul { width: 100%; float: left; } .hot_news .hot_news_c ul li { width: 33.3%; float: left; text-align: center; border-right: 0.1rem solid #e1e1e1; padding: 2.9% 0rem; border-bottom: 1px solid #e1e1e1; } .hot_news .hot_news_c ul li.no_p { padding: 0rem; position: relative; } .hot_news .hot_news_c ul li.on { border-bottom: none; font-weight: bold; } .header .logo { width: 50%; margin: 0% auto; padding: 1%; display:block } .header .logo img { width: 97%; } header em { font-style: normal; float: left; line-height: 200%; border-left: 0.1rem solid #e1e1e1; padding: 2% 2% 0% 2%; } header .search_c { width: 25%; float: right; position: relative; padding-top: 11.5%; } header .search_c .search_b { width: 75%; right: 0rem; transition-property: width; transition-duration: 0.3s; -moz-transition-property: width; /* Firefox 4 */ -moz-transition-duration: 0.3s; /* Firefox 4 */ -webkit-transition-property: width; /* Safari and Chrome */ -webkit-transition-duration: 0.3s; /* Safari and Chrome */ -o-transition-property: width; /* Opera */ -o-transition-duration: 0.3s; /* Opera */ position: absolute; z-index: 1; margin: 9% 3.5%; bottom: 0%; padding: 3% 1%; } header .search_c .search_b i { width: 25%; -webkit-transform: translateX(-0%) translateY(10%); -moz-transform: translateX(-0%) translateY(10%); } header .search_c .search_b input { width: 50%; border: none; line-height: normal; } header .search_c .search_b input:focus { outline: none; } header .search_c .search_b:hover { width: 100%; } header .search_c .search_b:hover i { width: 12%; } header .search_c .search_b:hover input { width: 80%; } nav .group_b { left: 0; top: 8%; z-index: 3; background: #fff; } nav .group_b ul { float: left; } nav .group_b ul li { width: 100%; background: #efefef; float: left; } nav .group_b ul li.title { padding: 2% 0; padding-left: 3%; color: #999; } nav .group_b ul li a { width: 100%; background: #fff; border-bottom: 0.1rem solid #e1e1e1; color: #333; text-align: left; padding: 2% 1% 2% 3%; float: left; } .hot_news .hot_news_c ul.hot_news_t { width: 100%; text-align: center; position: relative; float: left; padding-bottom: 2%; } .hot_news .hot_news_c ul.hot_news_t li { width: 100%; padding: 3% 4%; text-align: left; } .title_c strong { color: #333; background: #fff; font-weight: bold; z-index: 2; line-height: 120%; margin-top: -2%; padding: 0rem 2%; } .hot_news .hot_news_c ul.hot_news_t li h1 { font-weight: 700; } .hot_news .hot_news_c ul.hot_news_t li h1 a { line-height: 150%; } .hot_news .hot_news_c ul.hot_news_t li p { color: #999; line-height: 150%; } /*����*/ .agent_nav, .brand_nav { width: 100%; background: #efefef; float: left; } .agent_nav ul, .brand_nav ul { width: 100%; background: #fff; float: left; } .agent_nav ul li { float: left; width: 33.333%; text-align: center; padding: 3% 0rem; border-right: 0.1rem solid #e1e1e1; border-bottom: 0.1rem solid #e1e1e1; } .agent_nav ul li.on, .brand_nav ul li { border-bottom: none; font-weight: bold; } .agent_nav .message { text-align: center; font-style: normal; padding-top: 2%; } .agent_slider_b { width: 100%; background: #fff; text-align: center; position: relative; display: inline-block; } .agent_slider_b .agent_slider_p { width: 95%; display: inline-block; } .agent_slider_b .agent_slider_p ul li { width: 100%; border: none; } .agent_slider_b .agent_slider_n { width: 20%; position: absolute; bottom: 10%; left: 40%; display: inline-block; } .agent_brand { padding: 2% 2% 0% 2%; background: #efefef; overflow: hidden; float: left; } .agent_brand_list { width: 102%; } .agent_brand_list li { width: 48%; float: left; margin-right: 2%; margin-bottom: 2%; background: #f5f5f5; border: 0.1rem solid #e1e1e1; } .agent_brand_list li dl { width: 100%; padding: 3%; background: #fff; } .agent_brand_list li dl dd { width: 100%; overflow: hidden; } .agent_brand_list li dl dt { width: 100%; } .agent_brand_list li dl dd strong { width: 100%; display: inline-block; line-height: 150%; text-align: center; white-space: nowrap; } .agent_brand_list li div i { width: 39%; float: left; border: 0.1rem solid #FF9900; color: #C47500; text-align: center; font-style: normal; margin: 4% 3% 4% 0rem; } .agent_brand_list li div { text-align: center; } .agent_brand_list li div a { width: 48%; border: 0.1rem solid #CCCC00; color: #939300; text-align: center; font-style: normal; margin: 4% 1%; display: inline-block; } .agent_brand_list li div a.myagent { border: 0.1rem solid #FF9900; color: #C47500; } .agent_brand_list li div p { width: 50%; float: left; text-align: center; padding: 1% 0; } .agent_brand_list li div p span { font-weight: bold; display: inline-block; width: 100%; clear: both; } .publish_dl ul { padding: 4% 3% 0% 3%; display: inline-block; float: left; } .publish_dl ul li { width: 100%; color: #999; margin-bottom: 1%; float: left; } .publish_dl ul li label img { width: 5%; margin-right: 1%; } .publish_dl ul li img#img1 { width: 25%; vertical-align: top; } .publish_dl ul li em { width: 26%; margin-right: 1%; float: left; font-style: normal; color: #999; line-height: 180%; } .publish_dl ul li input[type=text], .publish_dl ul li select, .publish_dl ul li textarea { width: 73%; padding: 1.5%; border-radius: 0.1rem; } .publish_dl ul li input.area { width: 47%; margin-right: 1%; } .publish_dl ul li select { margin-bottom: 1%; color: #666; } .publish_dl ul li select.select_d { margin-bottom: 0; } .publish_dl ul li .put_b { width: 100%; padding: 1.6% 2%; background: #DE4700 url("http://img2.qa.chinachugui.com/res/mobile2.0/images/bottom.gif") no-repeat top; color: #fff; border: 0.1rem solid #DE4700; border-radius: 0.1rem; font-weight: bold; } .publish_dl ul li .put_pn { width: 49%; margin-right: 2%; padding: 1.6% 2%; background: #DE4700 url("http://img2.qa.chinachugui.com/res/mobile2.0/images/bottom.gif") no-repeat top; color: #fff; border: 0.1rem solid #DE4700; border-radius: 0.1rem; font-weight: bold; } .publish_dl ul li .put_re { width: 49%; padding: 1.6% 2%; background: #999; color: #fff; border: 0.1rem solid #999; border-radius: 0.1rem; font-weight: bold; } /*Ʒ��*/ .brand_nav ul li { width: 50%; float: left; padding: 3%; text-align: center; border-right: 0.1rem solid #e1e1e1; border-bottom: 0.1rem solid #e1e1e1; } .brand_nav ul li.on { border-bottom: 2px solid #de4700; background: #fff; } .barnd_nav ul li.on a { color: #DE4700; } .brand_nav .brand_l { width: 100%; padding: 2% 0% 0% 0%; background: #fff; float: left; } .brand_nav .brand_l ul li { width: 50%; text-align: left; padding: 2% 3%; border-right: none; line-height: 150%; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 0.1rem solid #e1e1e1; background: #fff; } .brand_nav .brand_l ul li span { width: 14%; padding: 0% 1%; background: #999; color: #fff; text-align: center; margin-right: 5%; float: left; } .brand_nav .brand_l ul li span.BG_o { background: #DE4700; } .brand_search, .brand_praise { display: inline-block; } .brand_praise ul li { width: 100%; padding: 2%; border-bottom: 0.1rem solid #e1e1e1; } .brand_praise ul li.brand_p_no { padding: 0; } .brand_praise ul li a { width: 49%; text-align: center; padding: 2%; } .brand_praise ul li a.more_pl { border-right: 0.1rem solid #e1e1e1; color: #333; display: inline-block; } .brand_praise ul li a.comment { color: #CC3300; font-weight: bold; display: inline-block; } .brand_praise ul li b { width: 100%; line-height: 150%; color: #333; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .brand_praise ul li p { width: 100%; line-height: 120%; } .brand_praise ul li p em, .brand_praise ul li p time { font-style: normal; color: #999; margin-right: 2%; } .brand_praise ul li p a { color: #4391EA; text-decoration: underline; } /*ͼƬ*/ .picture_cl { margin: 0% 3%; } .picture_cl select { width: 47%; border: 0.1rem solid #E1E1E1; border-left: none; padding: 2%; } /*����*/ .search { display: inline-block; } .search em { width: 100%; padding: 0% 2% 2% 2%; font-style: normal; color: #999; } .search_news ul li { width: 100%; padding: 1% 2%; line-height: 220%; border-bottom: 0.1rem solid #e1e1e1; } .search_news ul li p strong, .search_brand dl dd b strong, .photo_b_s ul li p strong, .brand_search_l ul li b strong { color: #FF3300; font-weight: normal; } .search em b, .agent_nav .message strong { color: #FF3300; } .search_brand dl { width: 100%; padding: 2%; border-bottom: 0.1rem solid #e1e1e1; float: left; } .search_brand dl dt { width: 30%; margin-right: 2%; float: left; } .search_brand dl dd { width: 100%; } .search_brand dl dd b { font-weight: normal; line-height: 200%; } .search_brand dl dd p { width: 100%; line-height: 220%; } .search_brand dl dd p span { width: 35%; margin-right: 3%; padding: 1% 2%; text-align: center; display: inline; } .search_brand dl dd p span.money { border: 0.1rem solid #ff9900; } .search_brand dl dd p span.red { border: 0.1rem solid #c7c700; } .brand_pic { display: inline-block; } /*Ʒ�������б�ҳ*/ .brand_search_l ul li { width: 100%; padding: 1% 2%; border-bottom: 0.1rem solid #e1e1e1; float: left; position: relative; } .brand_search_l ul li b { float: left; font-weight: normal; line-height: 200%; } .brand_search_l ul li p { float: right; color: #999; line-height: 200%; } /*ר��*/ .zt_top p { color: #999; } .zt_news { float: left; margin-bottom: -0.1rem; } .zt_news li { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 0.1rem solid #e1e1e1; padding: 2%; float: left; } .zt_pic { padding: 2.2% 0% 1% 1%; } .zt_pic li { width: 32%; padding: 0.5%; border: 0.1rem solid #e1e1e1; float: left; margin-right: 1.2%; margin-bottom: 1.2%; } .zt_recommend ul li { width: 100%; border: 0.1rem solid #e1e1e1; margin-bottom: 3%; } .zt_recommend ul li b, .zt_recommend ul li p { line-height: 160%; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .zt_recommend ul li p { color: #999; } /*ͼƬ��ϸҳ*/ .picture_d_t { width: 100%; display: table; padding: 2% 0; } .picture_d_t i { width: 100%; line-height: 160%; text-align: center; margin: 0; color: #fff; float: left; } .picture_d_t b { width: 85%; color: #fff; line-height: 160%; text-align: center; display: table-cell; vertical-align: middle; } .picture_d { background: #333; overflow: hidden; } .picture_d .picture_s, .picture_d .picture_tt { width: 100%; } .picture_d .picture_s { width: 100%; display: table; background: #333; } .picture_d .picture_s i { width: 98%; z-index: 1; bottom: 4%; left: 2%; font-style: normal; } .picture_d .picture_s i a { border: 1px solid #ccc; border-radius: 0.5rem; z-index: 1; padding: 1% 2%; margin-right: 2%; color: #ccc; } .picture_d .picture_s .picture_img { width: 100%; display: table-cell; vertical-align: middle; position: relative; } .picture_d .picture_s .picture_img i { width: 10%; padding: 1%; background: rgba(00,00,00,0.6); height: 18%; color: #f2f2f2; text-align: center; line-height: 100%; position: absolute; top: 42%; z-index: 1; } .picture_d .picture_s .picture_img i.fl { left: 1%; } .picture_d .picture_s .picture_img i.fr { left: 89%; } .picture_d .picture_tt { background: #333; padding: 3%; color: #fff; line-height: 160%; display: inline-block; bottom: 0px; left: 0; height: auto; border-top: 0.1rem solid #666; } .picture_d .picture_tt p { width: 100%; margin-right: 1%; float: left; line-height: 160%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #999; } .picture_d .picture_tt .num { width: 17%; float: right; position: relative; padding-top: 17%; } .picture_d .picture_tt .num i { width: 100%; color: #CCCCCC; position: absolute; padding: 10%; top: 0; font-style: normal; } .picture_d .picture_tt .num i.TEXTR { top: 50%; } .picture_d .picture_tt .num span { width: 100%; font-size: 0; line-height: 0; border-top: 0.2rem solid #CCCCCC; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: absolute; top: 50%; } .news_d_title h1 { width: 100%; line-height: 160%; margin-bottom: 3%; } .news_d_title span { color: #999; margin-right: 2%; } .news_d_title a { color: #4391EA; } .news_d_title i { color: #999; border: 1px solid #e1e1e1; text-align: center; padding: 0.5% 2%; font-style: normal; border-radius: 0.2rem; margin-left: 1%; } .cue i { width: 100%; text-align: center; color: #fff; background: #4391EA; border: 0.1rem solid #4391EA; border-top: none; border-radius: 0.2rem; box-shadow: 0.3rem 0.3rem 0.2rem #ccc; font-style: normal; padding: 2% 1%; border: 0.1rem solid #f5f5f5; position: relative; } .cue i span { width: 0; height: 0; border: 0.5rem solid #4391EA; border-color: transparent transparent #4391EA transparent; top: -1rem; z-index: 1; left: 25%; position: absolute; } .news_d_content { padding: 3% 0%; float: left; } .news_d_content p { line-height: 160%; margin: 0 3%; color: #4c4c4c; text-indent: 2.5rem; } .news_d_content p strong { display: inline; } .news_d_content img { margin: 2% 2% 2% -2.5rem; } .news_d_content b { width: 95%; box-shadow: 0rem 0rem 0.5rem #ccc; padding: 2%; border-radius: 0.2rem; border-left: 1rem solid #4391EA; margin: 2% 0%; color: #4c4c4c; } .wx_b { border: 0.1rem solid #e1e1e1; padding: 3%; margin: 3% 3% 0% 3%; box-shadow: 0.2rem 0.2rem 0.1rem #e1e1e1; } .wx_b p i { font-style: normal; color: #4391EA; } .pages { width: 100%; text-align: center; } .pages a { margin: 3% 1%; border: 0.1rem solid #e1e1e1; text-align: center; padding: 1% 2%; color: #4391EA; font-weight: normal; } .pages a.on { color: #999; } .keys { padding: 2%; color: #999; } .keys a { color: #000; font-weight: bold; margin-right: 2%; } .gz_b { display: table; } .gz_b dl { float: left; width: 100%; } .gz_b dl dt { width: 22%; float: left; margin-right: 2%; padding-top: 21%; border: 0.2rem solid #797979; border-radius: 10rem; position: relative; box-shadow: 0.3rem 0.3rem 0.2rem #ccc; } .gz_b dl dd { width: 55%; padding: 3% 0% 3% 1%; float: left; line-height: 200%; } .gz_b dl dd b { width: 100%; line-height: 200%; } .gz_b .gz_botton { width: 20%; display: table-cell; vertical-align: middle; margin-top: 2%; } .gz_b .gz_botton a { width: 100%; color: #D2411D; border: 0.1rem solid #D2411D; border-radius: 0.5rem; padding: 5% 10%; line-height: 160%; } .gz_b_t span { position: absolute; top: 35%; left: 2%; } .gz_b_t img { width: 95%; } .share_b em { float: left; font-style: normal; line-height: 220%; } .read_b ul { width: 100%; } .read_b ul li { width: 100%; border-bottom: 0.1rem solid #e1e1e1; padding: 2%; display: inline-block; } .read_b ul li a { width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*����Ʒ����ϸҳ*/ .company_name strong { color: #333; width: 100%; line-height: 180%; } .company_name p { color: #999; line-height: 160%; } .bottom_agent a { border: 0.2rem solid #FF3300; font-weight: bold; border-radius: 0.4rem; width: 46%; margin-right: 4%; text-align: center; padding: 2%; } .bottom_agent a.link_reg { color: #fff; background: -webkit-linear-gradient(top,#ff6800 0%, #cd5400 100%); background: -moz-linear-gradient(top,#ff6800 0%, #cd5400 100%); background: -moz-linear-gradient(top,#ff6800 0%, #cd5400 100%); } .bottom_agent a.link_web { color: #FF3300; } .info_b li { width: 100%; display: inline-block; padding: 1% 0; } .info_b li em { width: 21%; margin-right: 3%; text-align: right; color: #999; font-style: normal; float: left; } .info_b li i { float: left; width: 76%; font-style: normal; } .agent_tel { background: #fffdec; } .agent_tel p { line-height: 220%; background: #cc3300; width: 100%; text-align: center; color: #fff; } .agent_tel dl { margin: 2% 3% 0% 3%; width: 94%; } .agent_tel dl dt { width: 15%; background: url("http://img1.chinayigui.com/res/mobile2.0/images/tel.png") no-repeat center top; background-size: 100%; padding-top: 17%; float: left; margin-right: 4%; } .agent_tel dl dd { width: 75%; float: left; } .agent_tel dl dd b { width: 100%; color: #588B28; } .agent_tel dl dd span { color: #999; } .agent_qq { width: 92%; margin: 0% 4% 0% 4%; } .agent_qq em { color: #999; font-style: normal; margin-right: 2%; } .agent_qq img { width: 20%; margin-right: 2%; } .company_adva b { margin: 0 2%; width: 96%; line-height: 260%; } .company_tt p { width: 96%; margin: 2%; line-height: 160%; clear: both; display: inline-block; } .mz { background: #fffdec; box-shadow: 0.1rem 0.1rem 0.2rem #ddd; -webkit-box-shadow: 0.1rem 0.1rem 0.2rem #ddd; -moz-box-box-shadow: 0.1rem 0.1rem 0.2rem #ddd; } .mz strong { color: #CC3300; padding: 0% 2%; line-height: 200%; } /*ʮ��*/ .top10_title { width: 100%; } .top10_title img { width: 100%; } .top10_text { width: 100%; text-align: center; top: 40%; left: 0; } .top10_text p { width: 98%; color: #cbafd2; font-family: "simsun"; margin: 0% 1% 2% 1%; line-height: 160%; } .top10_text time { color: #fff; } .top10_text .date ul li { width: 22%; margin: 0 2%; } .top10_text .date span { width: 92%; clear: both; color: #ffffff; margin: 4%; } .top10_text .date div { width: 100%; } .top10_text .date div strong { width: 48%; background: -webkit-linear-gradient(top,#dad5e2 0%,#dad5e2 49%,#5e29bc 50%,#5e29bc 100%); background: -moz-linear-gradient(top,#dad5e2 0%,#dad5e2 49%,#5e29bc 50%,#5e29bc 100%); margin-right: 2%; font-family: "\65B9\6B63\7C97\9ED1\7E41\4F53"; color: #300274; text-shadow: 0.1rem 0.1rem 0.1rem #1d0148; padding: 20% 10%; } .top10_logo ul { margin: 2%; width: 98%; } .top10_logo ul li { width: 48%; float: left; border: 0.1rem solid #e1e1e1; border-bottom: 0.1rem solid #e1e1e1; text-align: center; background: #fff; margin-right: 2%; margin-bottom: 2%; box-shadow: 0.1rem 0.1rem 0.2rem #ddd; -webkit-box-shadow: 0.1rem 0.1rem 0.2rem #ddd; -moz-box-box-shadow: 0.1rem 0.1rem 0.2rem #ddd; } .top10_logo ul li a { width: 100%; display: block; } .top10_logo ul li img { width: 70%; margin: 3% 0; } .top10_logo ul li p { padding: 3% 0; color: #666; background: #f3f3f3; border-top: 0.1rem solid #e1e1e1; } .top10_logo em { text-align: center; margin: 0% 3% 3% 3%; font-style: normal; width: 94%; color: #999; } /*�����˵�*/ .float_nav { width: 40%; position: fixed; bottom: 10%; z-index: 50; } .float_nav .float_bg { width: 50%; margin: 0; } .float_r { width: 100%; padding-top: 100%; position: relative; } .float_a { width: 100%; color: #fff; text-align: center; position: absolute; top: 20%; left: 20%; height: 100%; border-radius: 20rem; background: #de4700; } .float_a i { line-height: 100%; margin: 4%; width: 90%; height: 55%; } .float_hover ul li { position: relative; } .float_a .float_tt { width: 100%; padding: 13% 5%; } .float_a .float_tt a i, .float_a .float_tt a p { color: #fff; } .float_hover { display: none; line-height: 100%; height: 100%; width: 100%; } .float_hover ul { width: 85%; display: inline-block; overflow: hidden; line-height: 100%; height: 100%; } .float_hover ul li { width: 33.33%; float: left; text-align: center; margin: 0; background: none; overflow: hidden; height: 100%; } .float_hover ul li a { color: #fff; width: 100%; padding: 0% 2%; display: inline-block; white-space: nowrap; height: 100%; } .float_hover ul li.ON { width: 12%; padding: 3% 0; } .float_hover ul li.ON1 { width: 26%; margin-right: 3%; } .float_hover ul li.ON2 { width: 29%; } .float_hover ul li.ON3 { width: 20%; } .float_hover ul li.ON3 p { left: 20%; } /*Elysian*/ .slider_n li, .agent_slider_b .agent_slider_n li, .agent_nav ul.slider_n li { width: 10%; border: 0.25rem solid #fff; background: #fff; border-radius: 1rem; margin-right: 7%; display: inline-block; float: left; padding: 0; } .slider_n li.on, .agent_slider_b.agent_slider_n li, .agent_nav ul.slider_n li.on { background: #de4700; border: 0.25rem solid #de4700; } .hide { display: none; } .brand_list li a, .brand_list li p, .search_condition li span, #agentform span, a { display: inline; } #moreloading { display: none; } .bottom_agent a { display: inline-block; } .ad_b_t { position: relative; } .ad_b_d { left: auto; z-index: 10000; display: none; } #brandul li a { display: inline-block; width: 100%; } .news_d_content img { margin: 2% 0; width: auto; } .news_d_content { overflow: hidden; } .news_d_content p span, .news_d_content p a, .news_d_content p i, .news_d_content p ol, .news_d_content p li, .news_d_content p ul, .news_d_content p b, .news_d_content p em, .news_d_content p hr { display: inline; } .brand_search_l span { width: 16%; border-radius: 0.2rem; padding: 0.5% 2%; float: left; text-align: center; position: absolute; z-index: 1; } .brand_search_l span.rz { border: 0.1rem solid #0000CC; color: #0000CC; top: 22%; right: 22%; } .brand_search_l span.vip { border: 0.1rem solid #FF6600; color: #FF6600; top: 22%; right: 2%; } .want a{ display:block; width:70px; height:70px; border-radius:60px; border:3px solid #fff; background:#0287e4; text-align:center; line-height:130%; padding-top:13px; color:#fff; position:fixed; bottom:10px; left:3%;box-shadow:1px 1px 5px #999; font-size:1.6rem; }