@charset "utf-8"; /* CSS Document */ body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul,ol, li, form, tr, th, td, input, button, textarea {padding:0; margin:0; border:none;} table {border-collapse: collapse; border-spacing: 0;} fieldset, img {border: 0} p, a, span, div {text-decoration:none; color: #333;} li {list-style:none} h1, h2, h3, h4, h5, h6 { font-size: 100%} input{outline: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } img {border: 0} .clearfix:after { content: '\20'; display: block; clear: both; visibility: hidden; } em{font-style: normal;} input:focus, a:focus{ outline: none;} input{font-family:"微软雅黑", Arial, Helvetica, Verdana;} body { font-family:"微软雅黑", Arial, Helvetica, Verdana; font-size: 14px; background-color:#f5f5f5; -webkit-text-size-adjust: none; padding-top: 58px; } a:hover{ color: #ff6700} /*.nav{position: fixed;top: 0; width: 100%; height: 58px; background: url(../images/nav_bg.png) bottom repeat-x;z-index:89;}*/ .n_left{ float: left; margin-top: 2px;position: relative;} .n_left span{ margin-left: 20px;} .n_left a.logo{ float: left; margin-top: 3px;} .n_right{ float: right; margin-top: 9px;} .not_login a.n_color{color: #fff;margin:0 10px;} .not_login a.n_login{ color: #8c8d8d} .select-item span:hover{ color: #ff8c00} .index_nav_box .nav{background: #000} .index_nav_box .n_left{ margin-top: 9px;} .index_nav_box .n_right{ margin-top: 15px;} .n_left .v_font{/*position: absolute;left: 125px; top: 6px;*/color: #f98e03;width: 40px;font-size:10px; margin-left: 0;} .version_box{position: absolute;left: 125px; top: 8px;width: 50px;} .version_box p{font-size: 12px;line-height: 20px; color: #6d6d6d} .v_border_box{position: relative;padding: 10px;width: 530px;background: #f3fbfe;border: 1px solid #f0efef; margin-top: 14px;display: none;} .v_border_box .v_icon{position: absolute; left: 11px; top: -8px; width:13px; height: 9px; background: url(../images/v_up.png) no-repeat; display: inline-block; } /*.o_version_box{left: 60px;top: 18px;}*/ .server_nav .left em.v_font{margin-left: 0;font-size: 10px;color: #f98e03;} .server_nav .left em.v_icon{margin-left: 0} /*.o_version_box .v_border_box{margin-top: 30px;z-index: 9;}*/ /*.scroll_a a.n_color{ width: 57px; height: 28px;text-align: center; line-height: 28px;margin-right: 5px; display: inline-block; background: #ff8c00; color: #fff; border-radius: 3px;} .scroll_a a.n_login{ background: #90b3cb}*/ /*.scroll_a a.n_color:hover{ background: #ec8201;color: #fff } .scroll_a a.n_login:hover{ background: #81adea}*/ .scroll_a a.n_color{} .not_login span{margin: 0 10px; color: #ccc;} .logged_box ul li{ float: left;} /*.logged_box ul li span{ margin: 0 10px; color: #ccc}*/ .logged_box ul li.user_info{ position: relative; margin-left: 8px;} .logged_box ul li.user_info a.u_name{padding: 0 4px;display: inline-block; text-align: center;margin-right: 15px;border: 1px solid transparent} .logged_box ul li.user_info a.u_name span.icon{width:30px;height:26px; background: url(../images/simple_icon.png) -55px -150px no-repeat; display: inline-block; margin: 0 0 0 10px;vertical-align: -2px} .logged_box ul li.user_info a.u_name span.name{ margin: 0 0;color: #666;display: inline-block; max-width: 140px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .logged_box ul li.user_info a.u_name span.name:hover{color: #fc981f} /*.logged_box ul li.user_info a.f_bg{ background: #fff; border: 1px solid #e0dfdf; border-top: none; border-bottom: none;}*/ .logged_box ul li .user_warp{ position: absolute; top: 49px; left: 0; width: 280px; height: 30px; line-height: 30px; border: 1px solid #e0dfdf; padding: 0 10px; background: #fff;z-index: 9; display:none} .logged_box ul li .user_warp a{ font-size: 12px;} .logged_box ul li .user_warp a:hover{ color: #fc981f} .logged_box ul li a.n_color{ color: #ff0000} .logged_box ul li a.top_messege{display: block; position: relative; width:30px;margin-top: 16px; } .logged_box ul li .top_messege em.icon{ position: absolute;top: -13px; display: block; width: 17px; height: 15px;background: url(../images/top_msg.png) no-repeat;} .logged_box ul li .top_messege em.m_num, .logged_box ul li.inquiry_box a.i_font em{ min-width: 12px; height: 17px; line-height: 17px; position: absolute;right: 0; top: -18px; padding: 0 2px; text-align: center; font-size: 12px; background: #ff9000; color: #fff; border-radius: 2px;} .logged_box ul li.t_messges_box{ position: relative;} .logged_box ul li.t_messges_box .top_m_info{ position: absolute; top: 40px; right: 14px; width: 231px; height: 37px; background: url(../images/t_m2.png) no-repeat; text-align: center; line-height: 39px; color: #fff} .logged_box ul li.t_messges_box .top_m_info a{ color: #ffea00} .logged_box ul li.user_info a.u_name em{ padding: 4px 0 4px 1px; border-radius: 4px;background: none; color: #666} .logged_box ul li.user_info a.f_bg em{ background: none; color: #f29d38} .logged_box ul li.user_info a.f_bg em span.icon{background: url(../images/i_icon.png) no-repeat -264px -224px;} .logged_box ul li.user_info a.f_bg em span.name{ color: #f29d38} .logged_box ul li.inquiry_box{ position: relative; } .logged_box ul li.inquiry_box a.i_font{position: relative;} .logged_box ul li.inquiry_box a.i_font em{top: -13px; right: -3px;font-weight: normal;} .logged_box ul li.inquiry_box a.i_font em.null{background: none; border-left: none;} .logged_box ul li.inquiry_box span{ width: 30px; height: 28px;display: inline-block;background: url(../images/simple_icon.png) -6px -149px no-repeat;vertical-align: -2px;margin-right: 5px;} .logged_box ul li.inquiry_box .msg{position: absolute; top: 45px; left: 0; border: 1px solid #ddd;border-bottom: none;width: 250px;line-height: 30px; background: #fff;font-size: 12px;} .logged_box ul li.inquiry_box .msg p{ height: 30px;border-bottom: 1px solid #ddd; padding-left: 15px;} .logged_box ul li.inquiry_box .msg p a{color: #ff6c00} .logged_box ul li a.logout{width:22px;height:25px; background: url(../images/simple_icon.png) no-repeat -106px -151px ; display: inline-block; } .logged_box{float: left;} .not_login{ margin-top: 5px;} /*.scroll_a{ margin-top: 0;}*/ .top_operation{float: left;} .top_operation a{margin-right: 17px} .top_operation a span{ width: 19px; height: 22px;background: url(../images/answer_icon.png) no-repeat;display: inline-block; vertical-align: -5px;margin-right: 5px;} .top_operation a.cxjq span{ width: 28px; height: 23px; background-position: 0 -41px;} .top_operation a.bom_tool span{ width: 24px; height: 27px; background-position: 0 -83px;} .active_nav .logged_box ul li.inquiry_box .msg{ top: 38px;} .inquiry_box .msg em.loading{ width: 20px; height: 23px;margin-left: -10px; display: inline-block; vertical-align: middle; overflow: hidden;} .inquiry_box .msg em.loading img{ width: 100%;} .top_search{ display: none; position: relative; float: left;margin: 7px 0 0 55px; width: 385px; height: 28px;background: #fafafa; border: 1px solid #ddd;border-radius: 3px; padding:0 40px 0 10px;} .top_search input.top_s_txt{ width: 100%; line-height:28px;height: 28px;background: #fafafa; } .top_search input.top_s_bttn{position: absolute;right: 0; top: 0; width: 37px; height: 30px; background: url(../images/top_search.png) no-repeat; cursor: pointer;} .nav_main{ width: 1050px; margin: 0 auto; height: 58px;} .index_nav_box{ background: #0089e1;position:fixed;top:0;right:0;width:100%;z-index:100;} .index_nav_box .not_login a.n_login{ color: #fff} .index_nav_box .logged_box ul li.user_info a.u_name span.icon{ background: url(../images/new_icon.png) no-repeat; } .index_nav_box .logged_box ul li.inquiry_box span{background: url(../images/t_icon.png)0 -178px no-repeat;} .index_nav_box .logged_box ul li a.logout{background: url(../images/new_icon.png) no-repeat -50px 0 ;} .search_main{position: relative; height: 420px; border-bottom: 2px solid #ff9000} .banner_img{ position: absolute; top: 0;left: 0; height: 470px; width: 100%;} /*.banner_img a{ width: 600px; height: 90px;display: block;margin-left:620px;margin-top:50px; cursor: default;}*/ .search_center{position: relative; width: 1000px; margin: 0 auto;z-index: 9;} .n1_search{position: absolute; top: 170px;} .n2_search{position: absolute; top: 64px;} .n1_search img, .n2_search img{ float: left;} .tool_bar{position: absolute;bottom: 0; left: 0} .tool_bar span{position: relative; min-width: 138px; height: 24px;padding: 0 30px; line-height: 24px; font-size: 16px; margin-right: 20px; text-align: center; background: #ec2955;color: #fff;display: inline-block;} .tool_bar span.company{ min-width: 168px;} .tool_bar span em{ position: absolute;right: 8px; top: 3px; width: 17px; height: 17px; display: block;background: url(../images/cc.png) no-repeat;} .proc_toor{width: 940px; margin: 0 auto;margin-top: 40px;} .left_block{ float: left; width: 145px; height: 141px;} .left_block a{float: left; margin: 0 3px 3px 0; width: 68px; height: 68px; line-height: 68px;font-size: 15px; display: inline-block; text-align: center;color: #fff} .left_block a.b1{background: url(../images/left_bg.png) no-repeat;} .left_block a.b2{background: url(../images/left_bg.png) -72px 0 no-repeat;} .left_block a.b3{background: url(../images/left_bg.png) 0 -71px no-repeat;} .left_block a.b4{background: url(../images/left_bg.png) -72px -71px no-repeat;} .left_block a.b5{background: url(../images/left_bg.png) 0 -143px no-repeat;} .left_block a.b6{background: url(../images/left_bg.png) -72px -143px no-repeat;} .left_block a.b1:hover{background: url(../images/left_hover.png) no-repeat;} .left_block a.b2:hover{background: url(../images/left_hover.png) -72px 0 no-repeat;} .left_block a.b3:hover{background: url(../images/left_hover.png) 0 -71px no-repeat;} .left_block a.b4:hover{background: url(../images/left_hover.png) -72px -71px no-repeat;} .left_block a.b5:hover{background: url(../images/left_hover.png) 0 -143px no-repeat;} .left_block a.b6:hover{background: url(../images/left_hover.png) -72px -143px no-repeat;} .banner_img .swiper-slide{position: relative; height: 420px;} .banner_img .swiper-pagination{position: absolute; width: 100%;bottom: 20px;text-align: center;} .banner_img .swiper-pagination span{ width: 8px; height: 8px; border-radius: 100%;display: inline-block; margin: 0 5px; background: #000;opacity: 0.2;cursor: pointer;} .banner_img .swiper-pagination span.swiper-active-switch{background: #0eac9d;opacity: 0.9;} .banner_img .swiper-pagination-bullet{margin: 0 5px} .banner_img .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none;opacity: 0} .banner_img .swiper-pagination-bullet-active{background: #0eac9d} .banner_img .swiper-button-prev, .banner_img .swiper-button-next{ position: absolute; top: 50%;} .banner_img .swiper-button-prev{ left: 10px; width: 28px; height: 37px; background: url(../images/banner_icon.png) no-repeat;display: none;} .banner_img .swiper-button-next{right:20px; width: 28px; height: 37px; background: url(../images/banner_icon.png) -45px 0 no-repeat;display: none;} .banner_img .swiper-button-prev:hover{ background: url(../images/banner_icon.png) 0 -55px no-repeat;} .banner_img .swiper-button-next:hover{ background: url(../images/banner_icon.png) -45px -55px no-repeat;} .QA_warp{width: 940px; margin: 0 auto;margin-top: 25px;} .qa_title{ position: relative; padding-left: 53px; color: #ff7200;font-size: 18px;min-height: 38px;line-height: 26px;} .qa_title span{ position: absolute;left: 0; top: -5px; width: 50px; height: 38px; display: block;background: url(../images/answer_icon.png) -70px 0 no-repeat;} .day_qa{border-bottom: 1px dashed #ddd;padding-bottom: 25px;} .day_qa ul{ margin-left: 30px; margin-top: 10px;} .day_qa ul li{float: left; width: 430px;height: 50px; margin-left: 25px;} .day_qa ul li a{color: #317ee7;font-size: 16px;} .day_qa ul li a:hover{color: #ff7200} .day_qa p{ margin-left: 50px;font-size: 16px;} .day_qa p span{ width: 21px; height: 16px; display:inline-block;background: url(../images/answer_icon.png) -5px -134px no-repeat; margin-right: 8px;vertical-align: -2px;} .new_question{ margin-top: 22px; height: 126px;} .qa_icon{float: left; margin-top: 20px;cursor: pointer;} .qa_icon span{width: 78px; height: 70px; display:inline-block;background: url(../images/ask.gif) -11px -13px no-repeat; } .new_q_list{ float: left; margin-left: 20px;} .new_q_list p{color: #ff7200;font-size: 16px;} .new_q_list ul li{ margin-top: 12px;width: 841px;} .new_q_list ul li a{float: left; width: 650px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333} .new_q_list ul li span{float: right;} .new_q_list ul li span em{ width: 19px; height: 15px; display:inline-block;background: url(../images/answer_icon.png) no-repeat; margin-left: 18px;} .new_q_list ul li span em.l1{ background-position: -5px -174px} .new_q_list ul li span em.l2{ background-position: -5px -205px} .new_q_list ul li span em.l3{ background-position: -5px -235px} .new_q_list ul li span em.l4{ background-position: -5px -265px} .new_q_list ul li span em.l5{ background-position: -5px -300px} .new_q_list ul li span b{display: inline-block; width: 40px;font-weight: normal; text-align: right;} .put_question{ float: left; margin-left: 10px; width: 851px;height: 126px;background: url(../images/qa_bg.png) no-repeat; background-size: 100%;} .put_question p{margin-top: 10px; margin-left: 30px;} .put_question p span{ width: 82px; height: 30px;background: url(../images/qa_bg.png) -30px -177px no-repeat;display: inline-block;vertical-align: middle;} .put_question p input.q_text{ width: 580px; height: 38px;padding-left: 14px;color: #fff; background: url(../images/qa_bg.png) -120px -177px no-repeat;display: inline-block;} .put_question p input.q_text::-webkit-input-placeholder{ color: #fff} .put_question p input.q_text:-moz-placeholder{ color: #fff} .put_question p input.q_text::-moz-placeholder{ color: #fff} .put_question p input.q_bttn, .put_question p input.q_bttn2{ width: 105px; height: 35px; background: url(../images/qa_bg.png) no-repeat;cursor: pointer; vertical-align: -8px;} .put_question p input.q_bttn{background-position: -119px -224px; margin-left: 80px;} .put_question p input.q_bttn2{background-position: -250px -224px; margin-left: 25px;} .put_question p em{height: 20px;display: inline-block;background: url(../images/qa_bg.png) no-repeat;} .put_question p em.long{ width: 319px; background-position: -443px -232px; margin-left: 35px;} .put_question p em.null{ width: 305px; background-position: -396px -144px; margin-left: 50px; } .index_main{ width: 1050px; margin: 0 auto;} .index_main.brand_main{background-color:#fff;} .index_main.mlcc{background-color:#fff;margin-top:58px;} .s_main .index_main{ width: 100%} .header{ width: 1000px; margin: 0 auto; margin-top: 10px;} .header .h_left{position: relative; float: left;} .header .h_left a.logo{ display: inline-block;} .header .h_left .weixin_box{ position: absolute; right: 47px; top: 10px;} .header .h_left .weixin{ display: inline-block; position: relative;} .header .h_left .weixin span{width:76px;height:28px; background: url(../images/i_icon.png) no-repeat; display: inline-block; cursor: pointer;} .weixin_img{ position: absolute; top: 40px; border: 1px solid #dcdbeb; padding: 0 5px; height: 183px; text-align: center; background: #fff;z-index: 99; display: none; } .weixin_img em{ width: 105px; height: 14px; background: url(../images/wx_bg.png) no-repeat; position: absolute; top: -7px; left: 10px; display: block;} .weixin_img img{ margin-top: 5px;} .weixin_img p{ color: #317ee7; font-size: 11px; white-space: nowrap;} .h_right{ float: right; width: 490px; margin-top: 30px;} .h_right .i_item{ float: left; width: 170px; height: 30px; margin-right: 5px; position: relative;} .h_right .i_item input.i_txt{ width: 150px; padding:5px 0 5px 9px; border: 1px solid #317ee7; color: #999; border-radius: 20px;} .h_right .i_item span{ position: absolute; left: 9px; top: 4px;color: #999; padding: 0 1px; background: #fff; display: block;} .h_right input.i_butt{ float: left; width: 63px; height: 29px; border: 1px solid #317ee7; text-align: center; background: none; border-radius: 20px; cursor: pointer;background: #fff} .h_right input.i_butt:hover{ color: #ff8c00; border: 1px solid #ff8c00} .h_right .error input.i_txt{ border: 1px solid #ff0000} .h_right .error em{ position: absolute; right: 5px; top: 7px; width:19px;height:17px;background: url(../images/i_icon.png) 0 -43px no-repeat; display: block;} .h_right .other_login{ float: right; margin-top: 4px;} .h_right .other_login a{ width: 25px; height: 25px; display: inline-block; background: url(../images/w_login.png) no-repeat; margin-left: 10px;} .h_right .other_login a.weixin{ background-position: -37px 0} .detail_icon{ margin-right: 90px;} .detail_icon li{ float: left; position: relative; margin-left: 10px;} .detail_icon a{ width:26px;height:23px; background: url(../images/i_icon.png) no-repeat; display: inline-block;} .detail_icon a.d1{background-position:-86px -262px;} .detail_icon a.d2{background-position:-117px -262px;} .detail_icon a.d3{background-position:-148px -262px;} .detail_icon a.d4{background-position:-180px -262px;} .detail_icon a.d5{background-position:-212px -262px;} .detail_icon .error_msg{ position: absolute; top: 20px; right: -15px; width: 215px; height: 40px; padding: 13px 5px 0 10px; background: url(../images/error_bg.png) no-repeat; font-size: 12px; color: #317ee7} .search_logo{ text-align: center;} .search_warp{ width: 808px; min-height: 580px;height:auto !important; height:580px; margin: 0 auto; margin-top: 135px;} .s_nav{margin-left: 70px;height:162px;} .s_nav li{ float: left;height:162px; position: relative;} .s_nav li a.n1, .s_nav li a.n2, .s_nav li a.n3, .s_nav li a.n4{width:186px;height:162px;display: block; background: url(../images/tab_bg.jpg) no-repeat;} .s_nav li a.n1{background-position:0 0;} .s_nav li a.n2{background-position:-188px 0 ;} .s_nav li a.n3{background-position:-376px 0 ;} .s_nav li a.n4{background-position:-562px 0;} .s_nav li a.n3 input{width:186px;height:162px; background: none; border: none; z-index: 99} .s_nav li span.bg_opcity{ position: absolute; top: 0; left: 0; width:186px;height:162px;z-index: 100; background: url(../images/tab_opcity.png) repeat; display: none;} .search-item{} .n_right_box{float: left;width: 890px; margin-left: 18px;} .s_form{ position: relative;width:100%; border: 1px solid #525252; background: #F5F5F5} .input_index{float: left; width: 610px; height: 51px; } .s_form input.s_txt{ float: left; width: 670px;padding: 16px 0 16px 5px;z-index: 2; background: none;} .s_form input.s_butt, .par_box input.s_butt{float: right; width: 155px; height: 51px; background: url(../images/serach.png) 28px 16px #0089e1 no-repeat ; cursor: pointer;} .s_form span{ position: absolute; left: 5px; top: 14px; z-index: 1; color: #999;} .s_form input.s_butt:hover, .par_box input.s_butt:hover{ backgroeac9d;backund: url(../images/s_hover.png) 28px 16px #0089e1 no-repeat ; } .simple_item input.s_butt:hover{background: url(../images/i_icon.png) no-repeat -97px -350px; } .search_warp .dz-details, .search_warp .dz-success-mark, .search_warp .dz-error-mark{ display: none;} #dropzone .dz-preview{position: relative; top:20px; left: -4px; margin-right: 400px;} #dropzone .dropzone{min-height: 51px; height:auto !important; height:51px;} #dropzone .dz-default{ display: none;} .dz-fallback{ margin-top: 40px;} .label_box{ position: relative; padding-right: 145px; margin-top: 10px;} .label_box p a{ display: inline-block; min-width: 84px; height: 18px;line-height: 18px;font-size: 13px; padding: 0 15px; border: 1px solid #0eac9d; color: #317ee7; background: #fff; text-align: center; margin-right: 10px;} .label_box span{ display: inline-block;position: absolute;right: 0; top: 0; margin-right: 0;padding: 0 0; cursor: pointer;color: #0eac9d;font-size: 13px;} .label_box span.c_span{ /*right: 124px*/} .label_box span:hover, .label_box span.cur{font-weight: bold;} .label_box p a:hover{color: #ffb400;border: 1px solid #ffb400} .dz-preview{ position: absolute; top: 280px; left: -450px; width: 225px; height: 22px; margin-right: 500px;} /*.dropz .dz-preview{ position: absolute; top: 270px; left: -450px;}*/ .s_nav li a.n3 input.up_submit, .input_index input.up_submit{ float: right; width: 60px; height: 23px; margin-right: -70px; border: 1px solid #3782e8; color: #317ee7; text-align: center; cursor: pointer; background: none} .tongyicss{ margin-top:25px;} .s_up_box{} .s_up_box .upload_left{ position: relative; float: left; width: 600px; margin-top: 5px;} .s_up_box .upload_left li{ float: left; width: 80px;} .s_up_box .upload_left a.quik_a{ position: absolute; left: 85px; top: 5px; color: #FF0000;} .s_up_box .msg_right{ float: right; width: 150px;} .msg_warp{ position: relative; margin-top: 10px; color: #666;} .msg_warp:after{content:"";display:block;clear:both} .msg_warp a{ font-size: 13px;} .msg_warp a.cur{font-weight: bold;} .msg_warp .m_right{ position: absolute;right: 0; top: 0; } .msg_warp .m_right span{color: #3782e8; cursor: pointer;} .msg_warp .m_right span:hover{ color: #ff8c00} .fast_warp .m_right input{ width: 98px; height: 32px; line-height: 32px; background: #317ee7; text-align: center; color: #fff; margin-left: 10px; cursor: pointer;} .fast_warp .m_right input:hover{ background: #2c75d9;} .msg_warp input.format_i{background: none repeat scroll 0 0 #317ee7;color: #fff;cursor: pointer;} .msg_warp span#fast_msg{ font-size: 12px} .bom_info{ margin-top: 36px;display: none; padding-top: 10px; width: 600px;} .bom_info p{ font-size: 12px; line-height: 20px;} .bom_info p a{ color: #134ba0; margin: 0 3px;} .msg_warp ol li{ color: #3782e8; margin-top: 5px;} .par_box{border: 2px solid #0eac9d; background: #fff} .input_list{ float: left; height: 40px;width: 605px; padding-top: 9px;} .input_list input{ float: left; padding: 8px 0 9px 5px; width: 95px; border-right: 1px solid #d5d4d4;} .input_list input.last_i{ border-right: none; width: 80px;} .simple_item input.s_butt{background: url(../images/i_icon.png) no-repeat -97px -350px;width: 40px;height: 40px;} .select_list{ margin-top: 10px; margin-left: -10px;} /*.select-item{ float: left; width: 130px;margin-left: 10px;}*/ .select-item p{ height: 32px; line-height: 32px; background: #a6ccff; color: #134ba0; text-align: center; font-size: 16px;} .select-item .name{ width: 100%; height: 20px; background: #0eac9d;} .select-item .name em{ color: #fff;margin-left: 5px;font-size: 11px;line-height: 20px; width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .select-item select{ width: 130px; height: 175px; margin-bottom: 7px;border: 1px solid #0eac9d;font-size: 11px;} .select-item select:vertical{background: #0eac9d} .select-item span{ color: #0eac9d; cursor: pointer;} .fast_warp{ padding: 0 20px;} .fast_buy{ position: relative; width: 514px; height: 143px; overflow-y: scroll; margin: 15px 0 0 0; border: 2px solid #d1cfcf;background: url('../images/f_bg.jpg') no-repeat;} .fast-left, .fast-right, .fast-center{position: absolute; float: left;min-height: 137px; _height: 137px;padding: 3px; outline: 0; font-size: 12px;word-wrap: break-word;overflow-x: hidden;overflow-y: auto;} .fast_warp .msg_warp{ margin-top: 12px;} .fast-left{ top: 0; left: 0; width: 200px; border-right: 1px solid #d1cfcf;} .fast-center{ top: 0; left: 210px;width: 120px;} .fast-right{ top: 0; right: 0; width: 145px; } .fast_warp p span.need_num1{margin-left:150px;} .fast_warp p span.need_num2{margin-left:48px;} .buy_info{ margin-top: 30px;} .buy_info p{ font-size: 12px; line-height: 22px;} .buy_info p span{color: #ff0000} .red-font{ color: #ff0000} .red-font a{ color: #317ee7; margin:0 2px;} .fast_opre{ margin-top: 30px;} .fast_warp .fast_opre input{ width: 195px; height: 35px; font-size: 16px; margin-left: 23px;} .fast_warp .fast_opre input.clear_bttn{ background: #ff8c00; color: #fff} .fast_warp .fast_opre a{ margin-left: 5px;} .check_due_warp{ height: 290px; overflow-y: auto; margin-top: 20px;padding: 0 10px; } .check_due_warp thead th{ font-size: 18px; font-weight: normal; text-align: left;} .check_due_warp tbody td{ text-align: left; height: 30px;} .check_due_warp th.t1, .check_due_warp td.t1{ width: 280px;} .check_due_warp th.t2, .check_due_warp td.t2{ width: 133px;} .check_due_warp th.t3, .check_due_warp td.t3{ width: 66px;} .check_due_warp td.dd_list{ padding: 15px 0; border-bottom: 1px solid #ddd} .check_due_warp td a.see{ color: #317ee7} .check_due_warp td a.ck{ color: #eb8203} .layer_warp .close_w { margin-top: 40px;text-align: center;} .layer_warp .close_w input{ width: 205px; height: 35px; background: #317ee7; color: #fff; cursor: pointer; font-size: 16px;} .no_dd_warp p{ text-align: center; margin: 60px 0 60px 0} .no_dd_warp div{ text-align: center;} .no_dd_warp input{ width: 75px; height: 30px; background: #317ee7; color: #fff; cursor: pointer;} .footer_warp{ width: 100%; background: #e1e0e0; margin-top: 35px;} .f_main{ width: 1000px; margin: 0 auto; padding: 20px 0;} .f_main a{ margin-left: 10px; display: inline-block; vertical-align: middle;} .f_main a img{ width: 100%; height: 100%} .f_main a.s1{ border-radius: 0;} .f_main a.s2 img{ border-radius: 50%;} .f_main a.s3 img{ border-radius: 20px; } .r_footer{ margin-top:35px; padding-bottom: 10px;} .r_footer p{ text-align: center; color: #8c8b8b; padding-bottom: 10px; margin: 0 auto; line-height: 24px;font-size: 13px;} .r_footer p a{ display: inline-block; margin: 0 5px; color: #666} .r_footer p span{ margin: 0 7px;} .r_footer p em{ margin: 0 10px;} .r_footer p a:hover{color: #f29d38} .focusWarp{ width: 100%; height: 65px;} .focusWarp li{text-align: center; width: 100%} .focusWarp li a{width: 100%; height: 65px;display: block;} #warpper2{width:100%;height:65px;position:relative;} #focus2,{width:100%;height:65px;position:relative;margin:0 auto;overflow:hidden;position:relative; display:none;} #warpper2 .close{position: relative; width: 1000px; margin: -65px auto 0; height: 65px;} #warpper2 .close a{position: absolute; right: 0; top: 5px;width: 17px; height: 17px;z-index: 7;background: url(../images/i_icon.png) -99px 0 no-repeat;display: block;} /* focusWarp */ .focusWarp{width:100%;height:65px;overflow:hidden;position:relative;z-index: 6;} .imgList{position:absolute;} .imgList li{float:left;text-align:center;height:65px;} .imgList_two{position:absolute;z-index:10;top:100px;} .imgList_two li{float:left;text-align:center;} .imgList_two li img{margin-left:-330px;} .imgBtn{display: none;} .btnWarp{overflow:hidden;} .logo_box{ width: 100%; padding: 15px 0; border-bottom: 2px solid #eeecec} .logo_main{width: 1000px; margin: 0 auto; } .logo_main a{ margin-left: -60px;} .register_warp{ position: relative; width: 1000px; height: 518px; margin-top: 70px;} .register_warp .box_bg, .login_warp .box_bg{ position: absolute; bottom: 0; right: 0; height: 508px; width: 993px; background: #a6ccff; z-index: 2} .reg_main, .login_main{ position: absolute; height: 508px; width: 992px; background: #fff; z-index: 3; border: 1px solid #dbdada} .box_title{ height: 47px; padding-top: 38px; font-size: 27px; text-align: center;} .box_title span{font-size: 24px; } .box_title a{ float: right; color: #317ee7; margin-right: 20px;} .reg_main .reg_left{ float: left; width: 498px; height: 375px; border-right: 1px solid #dbdada; margin-top: 35px} .i_layer{ height: 68px;} .i_layer label{ width: 105px; display: inline-block; text-align: right; margin-right: 10px;} .i_layer input.i_txt{ width: 260px; padding:9px 0 9px 5px; border: 1px solid #898787; color: #999 } .i_layer input.i_txt:focus{ border: 1px solid #317ee7;} .i_layer input.i_ymz{ width: 184px; vertical-align: middle; display: inline-block;} .i_layer select{width: 294px; border: 1px solid #dbdada; height: 37px; } /*.i_layer span{ display: inline-block; width: 95px; height: 34px; border: 1px solid #dbdada; text-align: center; margin-left: 10px; cursor: pointer;} .i_layer span img{ vertical-align: middle;} */ .i_layer .Validform_checktip{ display: block; margin-left: 115px;} .i_layer .Validform_wrong{ color: #ff0000;} .i_layer .Validform_right{ color: #71b83d} .i_layer em{ display: inline-block; width: 95px; height: 34px; border: 1px solid #dbdada; text-align: center; margin-left: 10px; cursor: pointer;} .i_layer em img{ vertical-align: middle;} .s_layer{ margin-left: 115px; margin-top: 8px;} .s_layer a{ color: #317ee7} .s_layer a.q_login{ margin-left: 50px;} .s_layer input.reg_butt, .b_layer input{ width: 290px; height: 45px; background: #317ee7; font-size: 18px; text-align: center; color: #fff; text-align: center; margin-top: 20px; cursor: pointer;} .s_layer input.reg_butt:hover, .b_layer input:hover{ background: #2577e7} .reg_right{ float: right;margin-top: 35px; width: 390px; padding: 0 30px;} .reg_right h3{ font-size: 18px; font-weight: bold;} .reg_right p{ margin-top: 33px; line-height: 28px; font-size: 12px;} .befor_reg{ border:none;} .befor_main{ padding: 0 40px;} .befor_main h3{ font-size: 18px; margin-bottom: 30px;} .befor_main p{ line-height: 28px;} .befor_main p span, .befor_main p a{ color: #317ee7} .befor_main h5{ margin-top: 65px;} .befor_main .s_layer{ margin-top: 30px;margin-left:70px;} .befor_main .b_send{ background: none; color: #317ee7; cursor: pointer;} .befor_main .send{ cursor: default; background: none; color: #317ee7;} .login_warp{ position: relative; width: 500px; height: 435px; margin: 0 auto; margin-top: 105px;} .login_warp .box_bg{ width: 494px; height: 424px;} .login_main{width: 490px; height: 424px;} .login_box{ width: 299px; margin: 0 auto; margin-top: 30px;} .lg_layer{ position: relative; height: 65px; width: 295px;} .lg_layer input.i_txt{width: 263px; padding:9px 0 9px 35px; border: 1px solid #dbdada; color: #999} .lg_layer input.i_txt:focus{border: 1px solid #317ee7;} .lg_layer em.icon{ position: absolute; left: 5px; top: 5px; width:26px;height:26px; display: block; background: url(../images/i_icon.png) no-repeat;} .lg_layer em.name{ background-position:-94px -41px;} .lg_layer em.pwd{background-position:-144px -41px;} .ymz_layer{ height: 65px;} .ymz_layer input.i_txt{ width: 185px; vertical-align: middle; display: inline-block;border: 1px solid #dbdada; color: #999;padding:9px 0 9px 5px;} .ymz_layer input.i_txt:focus{border: 1px solid #317ee7;} .ymz_layer span{ display: inline-block; width: 95px; height: 34px; border: 1px solid #dbdada; text-align: center; margin-left: 10px; cursor: pointer;} .ymz_layer span img{ vertical-align: middle;} .l_layer{ margin-left: 0;} .l_layer a{ margin-left: 120px;} .error_msg{ font-size: 12px; color: #ff0000; margin-top: 3px;} .m_left{ margin-left: 120px;} .fixed_box{ position: fixed; top: 0; width: 100%; height: 100%; z-index: 10; display: none;} .User_agreement{ position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -250px; width: 500px; height: 495px; padding: 30px; border: 1px solid #dbdada; border-top: 2px solid #317ee7; background: #fff} .User_agreement h3{ font-size: 18px; color: #317ee7} .User_agreement h3 a{width:22px;height:22px; display: inline-block; background: url(../images/i_icon.png) -50px -40px no-repeat; margin-left: 300px;} .User_agreement p{ text-indent: 2em; margin-top: 20px; font-size: 12px; line-height: 19px;} .User_agreement .p_close a{ width: 150px; height: 30px; line-height: 30px; background: #317ee7; text-align: center; color: #fff; display: block; margin:20px 0 0 180px;} .upload_box .uploadify-progress-bar{display: none;} .right_fixed{ position: fixed; right: 12%; bottom: 30px; width: 55px;z-index: 9; } .customer_s{width: 45px; height: 64px; background: url(../images/right_fixed.png) 0 -256px #fff no-repeat;display: block; border: 1px solid #d6d6d6; border-bottom: none;} .phone_layer{ width: 45px; height: 64px;} .phone_layer a{width: 45px; height: 64px; background: url(../images/right_fixed.png) 0 -320px #fff no-repeat;display: block; border: 1px solid #d6d6d6;} /*.phone_layer a:hover{ background-position: -39px -84px;}*/ .phone_layer .p_num{ position: absolute; right: 58px; bottom: 0px; width: 170px; height: 46px; line-height: 46px; background: url(../images/p_bg.png) no-repeat; background-size: 172px 46px; text-align: center; color: #ff8c00; font-size: 20px; display: none;} .right_fixed a.go_up{width: 45px; height: 64px; background: url(../images/right_fixed.png) #fff no-repeat;display: block; border: 1px solid #d6d6d6; border-bottom: none; display: none;} .right_fixed .find_lh, .right_fixed .find_cs, .right_fixed .find_dls{width: 45px; height: 64px;display: block; border: 1px solid #d6d6d6; border-bottom: none; } .right_fixed .find_lh{background: url(../images/right_fixed.png) 0 -64px #fff no-repeat;} .right_fixed .find_dls{background: url(../images/right_fixed.png) -2px -129px #fff no-repeat;} .right_fixed .find_cs{background: url(../images/right_fixed.png) 0 -192px #fff no-repeat;} .find_pwd{ width: 835px; margin: 0 auto;margin-top: 50px; padding-bottom: 80px;border: 2px solid #e9e9e9; border-top: 5px solid #0eac9d;background: #fff} .step_box{ margin: 40px auto 30px; width: 432px; background: url(../images/find_icon.png) no-repeat;padding-top: 45px; } .step_box li{position: relative; float: left; height: 44px;} .step_box li.s1{ width: 160px;padding-left: 18px;} .step_box li.s2{ width: 152px;padding-left: 8px;} .step_box li.s3{padding-left: 15px;} .step_box li span{position: absolute; top: -36px; width: 24px; height: 22px;font-weight: bold; border-radius: 50%; display: block;color: #fff;text-align: center;font-size: 15px;} .step_box li.cur span{background: #0eac9d;} .step_box li.cur{color: #0eac9d} .step_box li.s1 span{left: 37px;} .step_box li.s2 span{left: 25px;} .step_box li.s3 span{left: 31px;} .find_warp p.succes_msg{ text-align: center; font-size: 20px;} .find_warp p.succes_msg span{width:33px;height:35px;background: url(../images/i_icon.png) -88px -99px no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px;} .f_buttn{ text-align: center; margin-top: 40px;} .f_buttn a{ width: 295px; height: 45px; line-height: 45px; font-size: 18px; background: #317ee7; color: #fff; text-align: center; display: inline-block;} .f_buttn a:hover{ background: #2577e7} .safe_f{ margin-left: 218px; width: 428px;text-align: center;} .safe_f p.e_info{ text-align: center; margin-bottom: 20px;line-height: 26px;} .safe_f p.e_info span{ color: #317ee7} .send_mail, .in_mail{ height: 68px;} .send_mail input{ width: 290px; height: 35px; border:1px solid #317ee7; background: #fff; text-align: center; color: #317ee7;cursor: pointer; margin-right: 10px;} .send_mail input.send{ background: #e0dfdf; color: #6c6e70; border: none; cursor: auto;} .fail input{ background: #e0dedf; border:none; color: #6d6e70} .send_mail a{color: #317ee7} .send_mail a.email{width: 130px; height: 30px;line-height: 30px; background: #0eac9d; color: #fff; text-align: center;cursor: pointer;display: inline-block;} .in_mail input{ width: 183px; height: 35px; padding-left: 8px; border:1px solid #858484; color: #999; text-align: left;} .next_butt input{ width: 130px; height: 30px; background: #0eac9d; color: #fff; text-align: center;cursor: pointer;margin-left: 67px} .next_butt input[disabled="disabled"]{background: #a9a6a6;cursor: default;} .reset_box{ margin-left: 245px;} .reset_box .next_butt{ margin-left: 25px;} .account_box{ margin-left:285px;} .account_box .i_layer input.i_ymz{ width: 122px;} .account_box .i_layer a{color: #317ee7; margin-left: 7px;} .find_nav{font-size: 16px; margin:0 0 20px 44px;} .find_nav i{ margin: 0 20px; font-style: normal;} .find_nav span{cursor: pointer;} .find_nav span.cur{font-weight: bold;} .s_msg_box{ margin-bottom: 40px;} .s_msg_box input{background: none;color: #317ee7;cursor: pointer;} .s_msg_box input[disabled="disabled"]{cursor: default;} .s_msg_box em{margin: 0 10px;} /*搜索结果*/ .sesult_main{ width: 1050px; margin: 26px auto 0;} .search_nav{ width: 832px; height: 45px; margin: 0 auto; margin-top: 60px;} .search_nav li{ float: left; width: 50%; height: 45px; line-height: 45px; background: #d3d0d0; text-align: center; color: #5e5f5f; font-size: 18px; cursor: pointer; } .search_nav li a{ width: 100%; height: 45px; display: block;} .search_nav li.cur{background: #317ee7} .search_nav li.cur a{ color: #fff; } .detail_nav{ width: 100%; height: 33px;padding-top: 20px;} .detail_nav p{font-size: 13px;} .detail_nav p span{margin: 0 2px;} .s_form input.simp_txt{ padding: 14px 0 13px 5px} .sim_msg{ position: relative;} .sim_msg .link_se{ position: absolute; right: 0; top: 2px;} .sim_msg span{ position: absolute; right: 0; top: 0; cursor: pointer; line-height: normal;color: #317ee7} .sim_msg span.cur{font-weight: bold;} .msg_warp .link_se a{ color: #3a3939} .msg_warp .link_se a:hover{ color: #ffb400;} .msg_warp .link_se a.cur{ color: #0eac9d; } .emp_input_list{width: 535px; height: 40px; padding-top: 5px} .emp_input_list input{padding: 11px 0 8px 5px; width: 84px} p.ctrl_m{ margin-top: 25px;} .emp_select_list li{ border-top: 1px solid #0eac9d } .s_left_warp{ float: left; width: 140px;} .left_logo{ margin-left: -10px} .s_main{ width:740px;float:left;} .s_main.searchnull{width:800px;margin:0 auto;float:none;} .wl_list_box{ margin-top: 50px;} .wl_list_box p.all{ font-size: 16px;} .wl_list_box p.all em{width: 5px;height: 11px; background: url('../images/i_icon.png') no-repeat -95px -313px; display: inline-block; margin-left: 10px;} .wl_list_box p.more{ margin-top: 10px;} .wl_list_box p.more a{color: #ff8c00; font-size: 12px; text-decoration: underline; } .wl_list_box ul{ height: 150px; overflow: hidden;} .wl_list_box ul li{ position: relative; padding-right: 7px; margin-top: 10px;} .wl_list_box ul li a{ color: #317ee7; text-decoration: underline; font-size: 12px} .wl_list_box ul li a:hover{ font-weight: bold;} .wl_list_box ul li a.all{ font-size: 16px; text-decoration: none; color: #333} .wl_list_box ul li.cur em{ position: absolute; right: 0; top: 6px; width: 5px;height: 11px; background: url('../images/i_icon.png') no-repeat -95px -313px; display: inline-block; margin-left: 10px;} .wl_list_box ul li.cur a, .wl_list_box ul li.cur a.all{ font-weight: bold;} .simple_item{} .s_form input.simple_btt, .par_box input.simple_btt{background: url(../images/test/search.png);width: 40px;height: 45px;} .simple_item .select-item{ width: 115px;} .simple_item .select-item select{ width: 115px;} .bg_main{padding-bottom: 20px; margin: 20px auto 0} .bg_main2{ width: 1000px;padding-bottom: 20px; margin: 20px auto 0 } .s_result_warp{ margin: 0 auto} /*.detail_warp{ width: 1156px;}*/ .detail_warp p.place{ margin-top: 30px;} .detail_warp p.place b{ font-size: 16px;} .detail_warp p.place span{ margin: 0 10px;} .s_condition_box{ padding: 10px 10px; background: #fff;box-shadow: 3px 3px 3px #ccc;border: 1px solid #ccc;font-size: 13px;} .sea-item{ border-bottom: 1px dashed #ddd;padding-bottom: 9px;} .sea-item span.meet{ float: right;} .result-key{ float: left; font-size: 14px;} .result-key b{font-weight: normal;} .result-key span{ color: #317ee7; cursor: pointer;} .result-key span{ position: relative; height: 22px;line-height: 23px; padding: 0 20px 0 0; margin-right: 5px; display: inline-block;} .result-key span em{ position: absolute; right: 0; top: 4px; width: 13px;height: 13px;background: url(../images/simple_icon.png); display: block;cursor: pointer;} .result-key span em:hover{background-position: 0 -75px;} .result-key a{ color: #317ee7; text-decoration: underline;} .result-key i{ margin: 0 5px} .result-ser li{ margin-top: 6px;word-break:break-all;} .result-ser li a{ margin:0 0 5px 15px;display: inline-block;} .result-ser li a:hover{ color: #ff8c00} .result-ser li.rzh{ position: relative; padding-left: 43px;min-height: 19px; height: 19px; overflow: hidden; padding-right: 20px;} .result-ser li.rzh b{ position: absolute; left: 0; top: 0;font-weight: normal;font-size: 13px;} .result-ser li.rzh .rz_list{word-wrap:break-word; } .result-ser li.rzh .rz_list a{ margin-left: 0; margin-right: 15px;} .result-ser li.rzh em{ position: absolute; right: 0; top: 5px;width: 12px;height: 11px; cursor: pointer; background: url('../images/i_icon.png') no-repeat 0 -276px; display: inline-block;} .result-ser li.rzh em.down{ background: url('../images/i_icon.png') no-repeat -15px -276px;} .share_ad_box{ height: 242px; margin-top: 27px;} .share_ad_box .swiper-slide{ height: 242px; width: 250px; float: left;} .share_ad_box .swiper-button-next{width: 13px; height: 25px; background: url(../images/simple_icon.png) -101px -590px;} .share_ad_box .swiper-button-prev{width: 13px; height: 25px; background: url(../images/simple_icon.png) -75px -590px;} .share_ad_box .swiper-button-next.swiper-button-disabled, .share_ad_box .swiper-button-prev.swiper-button-disabled{display: none;} .share_list_box, .share_end_box{ padding: 20px 35px; height: 202px;} .share_list_box p {text-align: center; margin-bottom: 25px;} .share_list_box p span{ width: 45px; height: 47px; display: inline-block;background: url(../images/ad_icon.png) -4px 0;} .share_list_box p span.phone{background: url(../images/ad_icon.png) -50px 0;} .share_list_box p a.design, .share_end_box p a{width: 163px; height: 23px; color: #fff;border-radius: 15px; border: 1px solid #fff;display: inline-block;text-align: center;} .share_list_box ul{ margin-top: 10px;} .share_list_box ul li {font-size: 13px; margin-top: 5px;} .share_list_box ul li a{ width: 90px;display: inline-block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-decoration: underline;} .share_list_box ul li a:hover, .share_end_box ul li a:hover{color: #333} .share_list_box ul li span{ width: 80px;display: inline-block; text-align: right; margin-left: 10px; } .share_end_box ul{height: 130px; width: 150px; margin: 10px auto 22px;} .share_end_box ul li{ width: 150px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 7px;} .share_end_box ul li a{text-decoration: underline;} .share_end_box p{text-align: center;} .share_end_box p a{ width: 194px;} .opre_nav{ position: relative; margin-top: 15px;} .opre_nav a{ margin:0 15px 0 5px;color: #848282} .opre_nav a.cur{color: #0eac9d} .opre_nav a.db{ color: #ff8c00} .opre_nav span{ position: absolute; right: 0; top: 4px;} .opre_nav .left{ float: left;color: #848282} .opre_nav .left b{ color: #ff8c00} .opre_nav .right{ float: right;} .find_information{position: relative; height: 40px;padding-top: 8px; background: #ffdad9;padding-left: 46px; margin-top: 20px;font-size: 13px;} .find_information span.title{position: absolute;left: 0;top: 0; width: 46px; height: 42px;padding-top: 6px; display: block;background: #f8625e;color: #fff;text-align: center;} .find_information em{ width: 38px; height: 36px; display: inline-block;background: url(../images/simple_icon.png) -88px -541px;vertical-align: middle; margin:0 20px;} .find_information a{margin-left: 30px;color: #317ee7;} .search_list{ margin-bottom: 30px;margin-top: 20px} .search_list>li{ position: relative; padding: 10px 0;border-bottom:1px solid #aaa} .search_list li p{ margin-top: 8px; font-size: 13px;} .search_list li span, .search_list li p b{ margin-right: 15px} .search_list li p b .hot_brand{padding-left:13px;background:url(../images/test/hot_brand.png) no-repeat;color:#eb121c;line-height:12px;height:12px;display:inline-block;font-size:9px;vertical-align:super} .search_list li p b em.icon{ width: 3px; height: 17px;display: inline-block; margin-right: 4px;vertical-align: -4px} #oths_r li{ float:left; cursor:pointer; max-width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 10px; } #oths_r ul{ display:inline-block; width:650px; vertical-align:top; margin-bottom:10px; } #oths_r ul:after{ content:""; display:block; clear:both; } #oths_r>div>span{ display:inline-block; width:120px; text-align:center; } #oths_r div{ display:none; } #oths_r div.cur{ display:block; } #oths_r li.cur{ color:#ff6700; } .search_list #brand_n{ display:inline-block; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:sub; } .search_list li p b em.s1{background: #029213} .search_list li p b em.s2{background: #333} .search_list li p b em.s3{background: #9a9a99} .search_list li p b{position: relative;} .search_list li p b em.label{vertical-align: 7px;} .search_list li p b em.label i{font-size: 10px;font-style: normal;font-weight: normal;margin: 0 3px;} .search_list li p span a.file{ color: #317ee7} .search_list li p span a.file:hover{color: #ff8c00} .search_list li p span a.gg{text-decoration: underline;} .search_list li p span a.gg:hover{ color: #317ee7} .search_list li label{ position: absolute;right: 0; top: 13px; color: #ff0000} /*.search_list li p span.cs a{ text-decoration: underline;}*/ .search_list li p span.ck em{ width: 34px; height: 17px;background: url(../images/result.png) no-repeat;display: inline-block;vertical-align: -4px;} .search_list li p span.ck em.null{background: none;color: #a2a2a2;vertical-align: 0px;} .search_list li p span.ck em.price1{ background-position: -42px 2px } .search_list li p span.ck em.price2{ background-position: -45px -76px } .search_list li p span.ck em.price3{ background-position: -42px -17px } .search_list li p span.ck em.price4{ background-position: -47px -108px } .search_list li p span.ck em.price5{ background-position: -47px -47px } .search_list li .stock{color: #989696;margin-left: 35px;margin-right:35px !important;font-size: 12px;/*width:100px;*/display: inline-block;} .search_list li .stock1{color: #989696;margin-left: 50px;font-size: 12px;width:220px;display: inline-block;} .search_list li .fh{ border: 1px solid #0eac9d;color: #0eac9d;padding: 1px 4px;display: inline-block;font-size: 13px;} .add_xj, .detail_title a.Q-buy-btn{ width: 95px; height: 24px;line-height: 24px; display: inline-block; background: #f8625e; box-shadow: 1px 2px 3px #c5c5c5; color: #fff;text-align: center;} .search_list li label a,.sesult_main .sesult_nav a{ width: 25px; height: 23px;line-height: 22px;font-size: 13px;display:inline-block;} a.push_list,.sesult_main .sesult_nav .push_list{background:url('../images/test/push_list.png') no-repeat;margin-right:7px;cursor:pointer;} a.push_list_gray{background:url('../images/test/push_list_gray.png') no-repeat;cursor:default;margin-right:7px;cursor:pointer;} a.push_list_,.sesult_main .sesult_nav .push_list_{background:url('../images/test/shopping_car.png') no-repeat;} td a.push_list_{background:none;} .sesult_main .sesult_nav .print_list{background:url('../images/test/printer.png') no-repeat;margin-right:9px;position:relative;top:2px;} .add_xj:hover, .detail_title a.Q-buy-btn:hover{ background: #ed3b36} .search_list li label a.see_td{color: #317ee7;background: none;box-shadow: none;} .search_list li label a.see_td:hover{color: #ff8c00;background: none;} .search_list li label input{ margin-left: 10px;} .search_list span.mian{position: absolute; left: -35px; top: -5px; width: 24px; height: 27px; background: url(../images/mian.png) no-repeat; display: block;} .search_list li p span em{margin-right: 5px;} .search_list li p.label{position: relative; padding-right: 20px;} .search_list li p.label span{ color: #fff;margin-right: 13px;display: inline-block; margin-bottom: 3px;} .search_list li p.label span a{} .search_list li .e_commerce_box span{ margin-right: 0;} .e_commerce_box{font-size: 13px; margin-top: 5px;} .e_commerce_box span{ display: inline-block;vertical-align: -2px;} .e_commerce_box span.num{color: #317ee7} .e_commerce_box span.name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:140px;padding-right:30px} .e_commerce_box a.xd{color: #f55858} .e_commerce_box span.num em{width: 12px; height: 16px; display: inline-block;background: url(../images/jiantou1.jpg) no-repeat;vertical-align: middle; cursor: pointer;margin-left:5px;} .e_commerce_box span.num em.down{width: 12px; height: 16px; display: inline-block;background: url(../images/jiantou2.jpg) no-repeat;vertical-align: middle; cursor: pointer;margin-left:5px;} .e_commerce_box .more .lin3{margin-left: 67px;font-size: 13px; margin-top: 2px;} .e_commerce_box span em.new{ width: 27px; height: 8px; display: inline-block;background: url(../images/simple_icon.png) -154px -542px no-repeat;vertical-align: 6px;} .e_commerce_box span em.zhe{ width: 11px; height: 11px; display: inline-block;background: url(../images/simple_icon.png) -141px -541px no-repeat;vertical-align: 6px;} .e_commerce_box .more{display: none;} .xh_view{position: relative; display: inline-block; width: 19px; height: 12px; background: url(../images/contact_icon.png) -4px -166px no-repeat; margin-left: 8px;vertical-align: middle;cursor: pointer;} .xh_view .detail{position: absolute; top: 13px; left: 0;width: 235px; padding: 10px; border: 1px solid #ddd;background: #fff; box-shadow: 2px 2px 2px #ddd;z-index: 1;display: none;} .xh_view .detail table{width: 100%;} .xh_view .detail table th{box-shadow: 1px solid #ddd; height: 35px;text-align: center;} .xh_view .detail table td{height: 25px;text-align: center;} .search_list li p a.file{color: #317ee7} .search_list li p a.file:hover{color: #ff7c34} .add_xj{position: absolute;right: 0;font-size: 14px;top: 17px;} .detail_title a.see_td{color: #317ee7;background: none;box-shadow: none;} .detail_title a.see_td:hover{color: #ff8c00;background: none;} .simp_s_list li{position: relative; padding-left: 140px; min-height: 143px; margin-top: 30px;} .simp_s_list .l_left{position: absolute;left: 0;top: 0; width: 140px; height: 143px; border-right: 1px solid #d2d1d1} .simp_s_list .l_left img{ width: 100px; height: 57px;margin-left: 10px;} .simp_s_list .l_left p.line2{margin: 20px 0 15px} .simp_s_list .l_left p span{ width: 22px; height: 21px; display: inline-block;margin-right: 5px; background: url(../images/kc.png) no-repeat; display: inline-block;vertical-align: middle;} .simp_s_list .l_left p a{ width: 95px; height: 24px;line-height: 24px; display: inline-block; background: #f8625e; box-shadow: 1px 2px 3px #c5c5c5; color: #fff;text-align: center;border-radius: 15px;margin-left: 10px;} .simp_s_list .l_left p a:hover{ background: #ed3b36} .simp_s_list .l_right{ margin-left: 15px;} .simp_s_list .l_right .line1{ padding-bottom: 15px;border-bottom: 2px solid #e4e3e3} .simp_s_list .l_right .line1 a.lh{float: left; font-weight: bold;} .simp_s_list .l_right .line1 span{float: right;} .simp_s_list .l_right .line1 span a{color: #317ee7;text-decoration: underline;} .simp_s_list .l_right .line1 span a:hover{color: #ff8c00} .simp_s_list .l_right p{ margin-top: 8px;} .simp_s_list .l_right p span{margin-right: 20px;} .simp_s_list .l_right p em{margin-right: 15px;color: #317ee7;} .simp_s_list .l_right p a{color: #317ee7;} .simp_s_list .l_right a:hover{color: #ff8c00} .prod_detail{background: #f9f9f9; padding: 50px 25px 30px;} .p_detail_box{ margin-left: 67px;} .detail_list{ margin-top: 40px; width: 550px;} .detail_list h3{color: #317ee7;font-size: 16px; margin-bottom: 16px;} .detail_list p.xl{text-indent: 2em} .detail_list table{width: 100%;} .detail_list table td{padding: 3px 0;text-align: left;vertical-align: top;} .detail_list table td span{color: #317ee7} .detail_list table td p.apply{ width: 465px;} .detail_list table td p.apply em{color: #317ee7;margin-left: 30px;display: inline-block;} .detail_list p.doc a{margin-right: 30px;display: inline-block;margin-bottom: 15px;} .detail_list p.doc span{ width: 39px; height: 41px;background:url(../images/pdf.png) no-repeat;display: inline-block;vertical-align: middle; margin-right: 5px;} .brand_title{ padding-bottom: 8px; border-bottom: 2px solid #cbc8c8;margin-bottom: 17px;} .brand_title span{font-size: 16px;/*border-bottom: 2px solid #f8625e;*/ padding-bottom: 8px;font-weight: bold;} .brand_title em.icon{ width: 21px; height: 22px;background:url(../images/simple_icon.png) 0 -205px no-repeat;display: inline-block;vertical-align: -5px; margin-right: 10px;} .brand_title em.info{background-position: 0 -205px;} .brand_title em.lhao{background-position: 0 -240px;} .brand_title em.read{background-position: -47px -205px;} .detail_lh{ margin-top: 60px;} .d_right_list{margin-bottom: 30px;} .tj_brand li{ margin-top: 20px;} .tj_brand li a{ color: #317ee7} .tj_brand li a:hover{ color: #ff7c34} .tj_brand li img{ width: 103px; height: 57px; vertical-align: middle; margin-right: 10px;background: #fff} .d_right_list .brand_js{ text-indent: 2em;line-height: 22px;} .d_right_list ul li{ margin-bottom: 6px;} .d_right_list ul a{display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .other_series li a{position: relative;color: #317ee7;display: block;/*padding-left: 110px;*/height: 58px;} /*.other_series li img{ position: absolute; left: 0;}*/ .place_box{ text-align: center; margin-top: 50px;} .place_box span{ margin: 0 10px;} .d_right_list ul.same li{position: relative;} .d_right_list ul.same li em{position: absolute; right: 0;top: 0;} .d_right_list ul.same li em{ width: 33px; height: 16px;display: inline-block; background: url(../images/result.png) 0 33px no-repeat;} .d_right_list ul.same li em.price1{ background-position: -42px 2px } .d_right_list ul.same li em.price2{ background-position: -45px -76px } .d_right_list ul.same li em.price3{ background-position: -42px -17px } .d_right_list ul.same li em.price4{ background-position: -47px -108px } .d_right_list ul.same li em.price5{ background-position: -47px -47px } .news_warp{ padding-top: 20px; border-top: 1px solid #b4b4b4;margin-top: 30px;} .sim_title{font-size: 16px; text-decoration: underline;} .big_banner{ width: 1000px; margin: 50px auto 0;} .big_banner img{ width: 1000px; height: 105px;} .marquee{ position: relative;} .marquee em.ggcs{position: absolute; left: 10px;top: 1px; z-index: 22;width: 340px;} .marquee .m_box{position: absolute;left: 0; top: -29px;z-index: 11; } .marquee .m_box .marq{width: 266px; height: 38px; background: url(../images/marquee.gif) no-repeat; background-size:266px 43px; display: block;} .marquee .m_box i{font-style: normal;} .marquee .m_box i.msg{margin-left: 5px;color: #ff0000} .tips_w_box{ float: right; width: 250px;} .tips_warp{width: 151px; position: relative;} .tips_warp .tips_icon, .messege_board .tips_icon{ position: absolute;left: -55px; top: -12px; width: 75px; height: 154px; background: url(../images/tips.png) 0 -215px no-repeat;} .tips_warp .top{ width: 151px; height: 9px; background: url(../images/tips.png) no-repeat; margin-top: 17px;} .tips_warp .tips_main{ background: #fbe7aa; border: 1px solid #fdc576; border-top: none; border-bottom: none; padding: 2px 12px 4px;} .tips_warp .tips_main p{ color: #ff5400; font-size: 12px; line-height:21px } .tips_warp .m_bottom{ width: 151px; height: 32px; background: url(../images/tips.png) 0 -26px no-repeat;} .tips_warp .footer{ width: 151px; height: 9px; background: url(../images/tips.png) 0 -81px no-repeat;} .messege_board{ position: relative; width: 180px; height: 80px; padding: 15px; background: url(../images/tips_bg.png) no-repeat; margin-left: -2px} .messege_board textarea{ width: 180px; height: 83px; color: #999} .messege_board textarea:focus{color: #666} .messege_board .tips_icon{left: -50px; top: -21px; height: 62px; background-position: 0 -150px} .messege_board input{position: absolute;right: 12px; bottom: 9px; width: 68px; height: 69px; background: url(../images/ly.png) no-repeat; cursor: pointer;} .board ul li{ float:left; width:100%; background-color:#F5F5F5 !important; color:#FF6700; background:url('../images/test/compare_list.png') 10px 9px no-repeat; text-align:center; border:1px solid #ff6700; padding:10px 0; position:relative; cursor:pointer; } .board ul li span.compare_count,.board ul li span.goods_count{display:none;color:#fff;background-color:#ff6700;border-radius:50%;position:absolute;top:7px;right:9px;width:25px;line-height:25px;} .border-table{border:1px solid #317ee7; margin-top: 15px;} .para_table{ width: 100%;/* border: 1px solid #4e90ea*/} .para_table td, .para_table th{ text-align: center;/* border: 1px solid #a6a6a5;*/ height: 34px; font-size: 13px;} .para_table th{border-top: 2px solid #0eac9d;font-weight: normal;} .para_table thead{ background: #fff} .para_table td{ color: #666; font-size: 12px;} .para_table td input.num_txt{ width: 98%; border: none; height: 32px; text-align: center; color: #666; border: 1px solid #fff} .para_table td input.num_txt:focus{ border: 1px solid #317ee7} .para_table td a.add{width:20px;height:21px; background: url(../images/i_icon.png) -169px -102px no-repeat; display: inline-block; margin-left: 7px; vertical-align: -5px;} .search_table td a:hover{ color: #317ee7} .para_table tbody tr{ background: #fff} .para_table tbody tr:hover{ background: #f7f7f8} .para_table th span.sort{position: relative; width: 100%; height: 32px; line-height: 32px; display: block; cursor: pointer; color: #285a9e;} .para_table th span.sort em{ position: absolute; right: 24px; top: 12px; width:11px;height:10px;background: url(../images/i_icon.png) -237px -105px no-repeat; display: block;} .table_turn{ margin-top: 30px; height: 34px;} .table_turn label.left{float: left;} .page_turn{ float: right;} .page_turn label select{ width: 48px; height: 24px;} .page_turn a{ width: 60px; height: 28px; line-height: 28px; display: inline-block; text-align: center; margin-left: 7px; } .page_turn a:first-child{margin-left:0;text-align:left;} .page_turn a.cur{ color: #317ee7} .page_turn span{ margin-left: 10px;} .footer_box{ padding: 80px 0 40px; background: #f0eded} .footer_box p{ text-align: center;} /*.J-shoping{position: fixed; right: 20%; bottom: 100px; width:56px;height:73px;} .J-shoping-title{ width:56px;height:73px; background: url(../images/i_icon.png) -102px -159px no-repeat; display: block; } .J-shoping-title span{ position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; border-radius: 50%; font-size: 12px; line-height: 18px; text-align: center; background: #ff0000; color: #fff; display: block;} */ #floatOrder{ width: 25px; height: 22px;display: inline-block;background: url(../images/t_icon.png)0 -38px no-repeat;overflow:hidden;position:absolute;z-index:890;} .fixed_compar{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/li_bg.png) repeat; z-index: 100} .compar_box{ position: absolute; top: 50px; left: 50%; margin-left: -550px; width: 1230px; height: 800px; background: #fff; border-top: 2px solid #317ee7} .c_box_top{ position: relative; padding: 10px} .c_box_top img{vertical-align: -15px;} .c_box_top span{ font-size: 19px; color: #317ee7; margin-left: 10px;} .c_box_top a.close{ position: absolute; right: 30px; top: 30px;width:18px;height:18px;background: url(../images/i_icon.png) -186px -157px no-repeat; display: block;} .compar_main{ padding: 0 30px; height: 700px; overflow-y: scroll;} .compar_table{ width: 100%; border: 1px solid #4e90ea} .compar_table td{ text-align: center; border: 1px solid #a6a6a5; height: 34px;} .compar_table td{ color: #666;} .compar_table td .com_par{ width: 190px; margin: 0 auto} .compar_table td a.add, .compar_table td a.delete{ float: left; width:20px;height:21px; background: url(../images/i_icon.png) no-repeat; display: inline-block; margin:5px 0 0 5px; } .compar_table td a.add{ background-position: -169px -102px } .compar_table td a.delete{ background-position: -200px -102px } .compar_table td a.pdf{ color: #317ee7} .compar_table td input{ float: left; width: 130px; height: 30px; border: 1px solid #a4a4a3; color: #a4a4a3; padding-left: 3px; vertical-align: middle;} .compar_table td b{ color: #285a9e} .compar_table tr:hover{ background: #f7f7f8} .border-table2{ box-shadow: 2px 2px 5px #d6d6d4} .border-table2 .compar_table { border: none;background: #f5f5f5 } .border-table2 .compar_table td{ border: none; border-left: 1px solid #d6d6d4; } .border-table2 .compar_table td:first-child{border-left: none} .border-table2 .compar_table td .com_par a{ color: #ff0000} .compar_table td span.mian{ width: 24px; height: 27px; background: url(../images/mian.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 8px;} .full_main{ margin-top: 15px;} .s_full_head{ height: 35px; background: #cdfaf5} .s_full_head span{float: left; height: 35px;line-height: 35px; display: inline-block; text-align: center;} .l_show_box{ height: 47px;} .l_show_box span{float: left; height: 47px;line-height: 47px; display: inline-block; text-align: center;font-size: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .l_show_box span em{ width: 33px; height: 17px;display: inline-block; background: url(../images/result.png) 0 17px no-repeat;} .l_show_box span em.price1{ background-position: -42px 2px;margin-top: 15px;} .l_show_box span em.price2{ background-position: -45px -76px;margin-top: 15px;} .l_show_box span em.price3{ background-position: -42px -17px;margin-top: 15px;} .l_show_box span em.price4{ background-position: -47px -108px;margin-top: 15px;} .l_show_box span em.price5{ background-position: -47px -47px;margin-top: 15px; } .l_show_box span em.null{background: none; color: #ccc} .l_hide_box{ padding: 15px 0 0; border-top: 1px dashed #ddd;font-size: 13px; width: 982px;margin-left: 9px;display: none;} .left_pdf{float: left; width: 58px;} .left_pdf p.name{color: #26b4a7} .l_hide_box .pdf_img{float: left; width: 460px; height: 100px; margin: 0 15px 0 15px;} .l_hide_box .r_label_box{float: left; width: 335px;} .l_hide_box .r_label_box .apl{margin: 5px 0;} .l_hide_box .r_label_box .apl span{margin-right: 10px;} .l_hide_box .apply a{ margin-right: 10px;} .l_hide_box .label span{ padding: 1px 8px; border-radius: 10px; border:1px solid #0eac9d;color: #0eac9d; display: inline-block; margin: 10px 3px 0 3px} .l_hide_box .xj_contra{float: left;} .l_hide_box .xj_contra a{ width: 90px; height: 25px; background: #f8625e;color: #fff; text-align: center; line-height: 25px;display: inline-block; margin-top: 10px;} .l_hide_box .xj_contra a:hover{background: #f14945} .l_hide_box .xj_contra p{margin-top: 7px;} .l_hide_box .xj_contra p span{font-size: 11px; margin: 0 3px;} .l_hide_box .swiper-button-disabled{display: none;} .m_plan_box{position: relative; padding: 20px 0 20px 90px;border-top: 1px dashed #ddd;min-height: 60px; margin-top: 20px;} .m_plan_box .icon{position: absolute;left: 0; top: 20px; text-align: center; width: 90px;} .m_plan_box .icon span{ width: 32px; height: 32px; background: url(../images/simple_icon.png) -201px -527px no-repeat;display: inline-block;} .m_plan_box .icon p{color: #0eac9d;font-weight: bold;font-size: 12px; margin-top: 10px;} .m_plan_box table{width: 100%;} .m_plan_box table td{ height: 22px;font-size: 12px;} .m_plan_box table td .name{color: #8c8d8d} .m_plan_box table td .bom{color: #317ee7} .m_plan_box table td .wm{color: #ff0000} .m_plan_box table td .yb{color: #8c8d8d} .m_plan_box table td .red{color: #ff0000} .m_plan_box table td .mf{color: #317ee7} .m_plan_box table td .down{color: #8c8d8d} .m_plan_box table td .p_name{width: 135px; display: inline-block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /**/ .contentE{width:460px;} .contentE .left{float: left; width:68px;height:100px;margin-right: 10px} .contentE .left img{width:68px;height:100px} .contentE .btns{position:relative;height:1px;font-size:0} .contentE .btns a{} .contentE .btns a{position:absolute;background:url(../images/simple_icon.png) no-repeat -164px -150px;width:16px;height:28px;top:-67px;left:0} .contentE .btns .down{background-position:-207px -150px;left:auto;right:0} /*#contentE .btns a:hover.up{background-position:0 -110px} #contentE .btns a:hover.down{background-position:-20px -110px}*/ .contentE .btns .uN,#contentE .btns a:hover.uN{cursor:none;display: none;} .contentE .btns .dN,#contentE .btns a:hover.dN{cursor:none;display: none;} .contentE .cons{width:385px;overflow:hidden;position:relative;height:100px;margin-left: 40px;} .contentE .con{float:left;width:9999px;position:absolute;left:0;top:0;} /**/ .full_list{display: inline-block; width: 370px; margin-left: 20px; margin-bottom: 15px; vertical-align: top;} .detail_main_warp{ margin: 35px 0 0;} .detail_box{ float: left; width: 600px;} .detail_box .compar_table a{ color: #ff0000} .detail_box .border-table{ float: left;} .like_product{ float: left; margin: 10px 0 0 60px;} .l_prod_list{ margin-bottom: 20px} .l_prod_list h3{ font-size: 16px; margin-bottom: 10px;} .l_prod_list ul li{ margin-bottom: 10px;} .l_prod_list ul p, .l_prod_list ul h2{ margin-bottom: 4px;} .l_prod_list ul h2 a{ font-size: 14px; color: #317ee7; text-decoration: underline;} .l_prod_list ul h2 a:hover{ color: #ff8c00} .d_wenzhan{} .product_title{ float: left; font-size: 24px; margin: 35px 0 0 35px;} .detail_title{position: relative;width:350px;font-weight: normal; min-height: 66px;margin: 0 0 16px 0; padding-bottom: 20px;} .red_bord li{padding:5px 0;} .detail_title h1{display: inline-block;} .detail_title img{ width: 122px; height: 66px;vertical-align: middle; margin-right: 10px;} .detail_title a.Q-buy-btn{position: absolute;right: 0;bottom: 15px; font-size: 14px;border-radius: 0;width: 120px} .d_t_box{ position: relative; padding-left: 150px;} .d_t_box img{position: absolute;left: 0;} .d_t_box h3{ margin-top: 15px;position: relative;color: #0eac9d;font-weight: normal;} .d_t_box h3 em{position: absolute;top: -5px; margin-left: 7px; width: 10px; height: 12px; display: inline-block;} .d_t_box h3 em.capacitor{ background: url(../images/i_icon.png) -183px -231px no-repeat;} .d_t_box h3 em.resistor{ background: url(../images/i_icon.png) -183px -202px no-repeat;} .d_t_box h3 em.inductor{ background: url(../images/i_icon.png) -216px -229px no-repeat;} .d_t_box h3 em.beador{background: url(../images/i_icon.png) -216px -202px no-repeat;} .d_t_box h3 em.mos{background: url(../images/i_icon.png) -222px -165px no-repeat;} .d_t_box h3 em.diode{background: url(../images/i_icon.png) -221px -134px no-repeat;} .d_t_box h3 em.transistor{background: url(../images/i_icon.png) -255px -134px no-repeat;} .d_t_box p{ margin-top: 5px;} .d_t_box p span{ margin-right: 8px;border-radius: 15px;margin-left: 0;font-size: 13px;} .capacitor, .resistor,.inductor,.beador,.mos,.diode,.transistor{width: 10px; height: 12px; display: inline-block;} .capacitor{ background: url(../images/i_icon.png) -183px -231px no-repeat;} .resistor{ background: url(../images/i_icon.png) -183px -202px no-repeat;} .inductor{ background: url(../images/i_icon.png) -216px -229px no-repeat;} .beador{background: url(../images/i_icon.png) -216px -202px no-repeat;} .mos{background: url(../images/i_icon.png) -222px -165px no-repeat;} .diode{background: url(../images/i_icon.png) -221px -134px no-repeat;} .transistor{background: url(../images/i_icon.png) -255px -134px no-repeat;} .red_bord{ border-bottom:1px solid #333;padding: 15px 0px;} .detail_pdf_box .left_box{float: left; position: relative;padding-left: 100px;width:135px;} .detail_pdf_box .left_box span{position: absolute;left: 0;top: 0;width: 82px; height: 83px; background: url(../images/contact_icon.png) 0 -79px no-repeat;display: inline-block;} .detail_pdf_box .left_box p{color: #0eac9d;font-size: 13px; margin-bottom: 8px;} .detail_pdf_box .left_box p.name{color: #317ee7;text-decoration: underline;} .detail_pdf_box .left_box p a{} .detail_pdf_box .contentE {float: left;} .d_design_center{position: relative;padding-left: 120px;min-height: 60px;} .d_design_center span.img{position: absolute;left: 0;top: 0; width: 97px; height: 60px; background: url(../images/contact_icon.png) -123px -93px no-repeat;display: inline-block;} .d_design_center p{font-size: 11px; margin-bottom: 5px;} .d_design_center p span{display: inline-block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-left: 5px; vertical-align: -3px} .d_design_center p span a{color: #317ee7} .d_design_center p a{display: inline-block;} .d_design_center p a.buy{color: #ff0000;} .blue_bord{ border: 1px solid #0eac9d; margin-top: 30px;display: table;width: 100%} .table_left_box{ padding: 0 20px 30px; width: 245px; border-right: 1px solid #0eac9d;font-size: 12px;display: table-cell;vertical-align: top;} .t_detail_list{ padding-top: 30px;} .t_detail_list h3{color: #0eac9d;margin-bottom: 10px;} .t_detail_list p{ margin-top: 7px;} .table_right_box{ width: 405px; padding: 0 20px 30px;} .t_detail_list table{width: 100%;font-size: 12px;} .t_detail_list table td{padding: 3px 0;} .t_detail_list table td span.name{width: 135px;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .t_detail_list table td span.quik{ border: 1px solid #0eac9d;color: #0eac9d;padding: 0 4px;display: inline-block;} .t_detail_list table td .xj{color: #f68016} .t_detail_list table td .web_xj{color: #f55858} .t_detail_list table .apply em{ margin-right: 5px;} .t_detail_list table td .view{display: inline-block; width: 19px; height: 12px; background: url(../images/contact_icon.png) -4px -166px no-repeat; margin-left: 10px;vertical-align: middle;} .fxs_null{position: relative; width: 255px;padding:6px 0 0 55px;font-size: 12px; margin: 25px 0 0 52px;} .fxs_null span{position: absolute;left: 0; top: 0; width: 41px; height: 41px; background: url(../images/answer_icon.png) -131px -158px no-repeat;display: inline-block;} /*.d_t_box p span a{color: #fff} .d_t_box p span:nth-child(1){background: #faae3a;} .d_t_box p span:nth-child(2){background: #f89e9e;} .d_t_box p span:nth-child(3){background: #a3c0fd;} .d_t_box p span:nth-child(4){background: #7eccef;} .d_t_box p span:nth-child(5){background: #9ccda4;}*/ .price_xs{position: absolute; right: 104px; top: 20px;font-size: 13px;} .price_xs em{ width: 33px; height: 16px;display: inline-block; background: url(../images/result.png) 1px 21px no-repeat; vertical-align: -2px;} .price_xs em.price1{ background-position: -42px 2px } .price_xs em.price2{ background-position: -45px -76px } .price_xs em.price3{ background-position: -42px -17px } .price_xs em.price4{ background-position: -47px -108px } .price_xs em.price5{ background-position: -47px -47px } .add_xj:hover{color: #fff} .d_mlcc{width: 256px;} .d_mlcc p a{font-size: 16px; font-weight: bold;} .d_mlcc ul li{ margin-top: 13px;} .d_mlcc ul li a{ padding: 0 15px;display: inline-block;color: #317ee7; height: 24px; line-height: 24px; box-shadow: 1.5px 1px 1px 1px #c5c5c5;border-radius: 10px;} .d_mlcc ul li a:hover{color: #ff7c34} .d_tjwl{ margin-top: 30px;} .d_tjwl h3{ font-size: 16px;} .d_tjwl li{ margin-top: 10px;} .d_tjwl li h2{font-weight: normal;} .none_search{ margin-top: 30px;} .none_search h3{ font-size: 23px; text-align: center; margin-bottom: 40px;font-weight:normal;} .none_search > span{margin:20px auto;width:76px;height:68px;background: url(../images/i_icon.png) -210px -317px no-repeat; display:block; vertical-align: -10px} .none_search p{margin-bottom: 5px;} .none_search p a{ color: #317ee7} .none_search > p{width:60%;margin:0 auto;position:relative;top:-21px;text-align:center;font-size:21px;background-color:#f5f5f5;} .may_find{ border-top: 1px solid #ddd; padding: 40px 0; margin-top: 100px;} .may_f_left{ margin-left: -60px;} .find_list{ float: left; width: 360px; margin-left: 60px;} .find_list p{ margin-bottom: 27px;} .find_list a{ display: inline-block; margin-right: 20px; margin-bottom: 10px;} .close_page{ margin: 20px 0; text-align: center;} .close_page a{ width: 150px; height: 30px; line-height: 30px; background: #317ee7; color: #fff; text-align: center; display: inline-block;} .more_load{ text-align: center; margin-top: 20px;} .hearder{ width: 1200px; margin: 0 auto; padding-top: 20px;} .hearder a.logo{ float: left;} .nav_warp{ float: left;margin-top: 25px;} .nav_warp li{ position: relative; float: left;} .nav_warp li a{font-size: 18px; display: block; text-align: center; color: #317ee7;margin-right: 50px; border-bottom: 2px solid transparent} .nav_warp li a.cur{ color: #fc981f} .nav_warp li a:hover{ border-bottom: 2px solid #98bef3} .nav_warp li .menu{ position: absolute; top: 35px; left: -1px; width: 100%; display: none; z-index: 99;} .nav_warp li .menu a{ width: 99px; height: 30px; border-left: 1px solid #317ee7; border-top: none; background: #fff} .nav_warp li .menu a:hover{ background: #317ee7; color: #fff} .right_search{ float: right; width: 245px; height: 31px; border:1px solid #317ee7; margin-top: 30px;} .right_search input.text{ float: left; padding: 7px 0 5px 5px; width: 190px; color: #999} .right_search input.butt{ float: right; width: 45px; height: 30px; background: url(../images/m_icon.png) -119px 0 no-repeat; cursor: pointer;} .info_main{ width: 1000px; margin: 0 auto; min-height: 600px;height:auto !important; height:600px; } .input_info_warp{ margin-top: 15px;} .info_title, .info_title1{ width: 100%; height: 36px;background: #f5f5f5} .info_title em, .info_title1 em{ float: left; width:27px;height:27px; background: url(../images/m_icon.png) 0 0 no-repeat; display: inline-block; margin: 5px 15px 0 18px;} .info_title span, .info_title1 span{ float: left; padding: 2px 5px 3px; border: 1px solid #ff0000; color: #ff0000; margin: 5px 15px 0 0;} .info_title b, .info_title1 b{ float: left;margin-top: 7px; font-size: 16px;} .server_nav .server_a a.first{position: relative; width:83px; height: 33px;line-height: 33px;border-radius: 0px; background: url(../images/marquee2.gif) no-repeat;display: inline-block;text-align: center; } .server_nav .server_a a.first em{position: absolute;top: 27px; left: 13px;font-size: 12px; color: #ff0000} .info_title1 em{ display: none;} .info_title1 span{ color: #666; border: 1px solid #bbb;margin-left: 10px;} .user_left{ float: left; width: 90px;/* padding: 15px 0;*/ text-align: center;} .head_img{} .head_img a{ width: 189px; height: 122px;border: 1px solid #d3d1d1; background: #fff; overflow: hidden; display: inline-block;} .head_img a img{ width: 100%; height: 100%;} .star_list{} .star_list span{ width:27px;height:27px; background: url(../images/m_icon.png) -81px 0 no-repeat; display: inline-block; } .star_list span.yellow{ background-position: -42px 0} .head_img p{ margin-bottom: 4px;} .head_img p.mail{ margin-bottom: 18px; margin-top: 10px;} .left_nav li{ height: 30px; line-height: 30px; margin-top: 5px;} .left_nav li.cur a, .left_nav li:hover a{ color: #317ee7} .left_nav li a{display: block;} .l_u_info{position: relative; height: 45px; line-height: 45px; text-align: left; padding: 0 10px} .l_u_info span{position: absolute;right: 10px;} .l_u_info span em{color: #ff0000;} .user_right{float: left; position: relative; padding: 46px 0 36px; width: 1075px;margin-left: 35px;background: #fff; min-height: 600px;height:auto !important; height:600px;} .user_right span.r_msg{ position: absolute; right: 40px; top: 40px; font-weight: bold;} .user_right em{ color: #ff0000; margin-right: 2px;} .user_right h1{ font-size: 18px;} .user_right h1 a{ font-size: 14px; margin-left: 10px; font-weight: normal; color: #317ee7} .u_opre_title{position: absolute; top: 0; left: 0; width: 100%;height: 30px;padding-top: 15px; margin-bottom: 20px; } .u_opre_title span{float:left;font-size: 16px;color: #317ee7;font-weight: bold; margin-left: 20px;padding-left: 15px; border-left: 2px solid #317ee7} .u_opre_title a{float: right; color: #ff0000;margin-right: 20px;} .u_opre_title input{float: right; color: #ff0000;margin-right: 20px;background: none;margin-top: 6px;} .user_right .user_info_box2 span{color: #317ee7;margin-right: 30px} .user_right .user_info_box2 em{color: #908e8e;margin-right: 20px} .user_right .user_info_box2 a{color: #317ee7;} .user_right .user_info_box2 a:hover{color: #faa339} .input_layer{ margin-top: 20px; width: 100%; height: 25px;} .input_layer label{ float: left; width: 130px; text-align: right; height: 25px; display: inline-block; margin-right: 20px;} .input_layer label em{color: #ff0000} .input_layer input.i_txt, .input_layer select{float: left; width: 310px; height: 25px; border: 1px solid #c9c7c7; padding-left: 5px; margin-right: 20px; color: #333} .input_layer span.error{ color: #ff0000} .input_layer input.t_short{ width: 94px; margin-right: 0;} .input_layer input.t_short2{ width: 133px; margin-left: 0;} .input_layer select{ width: 94px;} .input_layer input.i_butt{ padding: 7px 15px; background: #45bff8; color: #fff; margin-left: 20px; cursor: pointer;} .input_layer input.i_butt:hover{ background: #faa339} .input_layer em.slid{ float: left; color: #c1c1c2; margin: 0 10px;} .input_layer .Validform_wrong{float: left; color: #ff0000;} .input_layer .Validform_right{float: left; color: #71b83d} .input_layer div span{ left: 30px;} .input_layer input.i_width{ width: 238px;} .fixed_warp{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .delete_msg{ position: absolute; left: 50%; top: 50%; margin: -130px 0 0 -200px; width: 400px; min-height: 200px; border: 1px solid #dddedf; border-top: 2px solid #0eac9d; background: #fff; box-shadow: 2px 2px 12px #ddd; background: #fff} .msg_info{ position: relative; padding: 20px;} .msg_info a.close, .form_msg a.close, .layer_warp a.close{ position: absolute; right: 10px; top: 10px; width:16px;height:16px;width:23px;height:23px; background: url(../images/i_icon.png) -50px -41px no-repeat; display: block;} .msg_info h3{ font-size: 19px; color: #317ee7} .msg_info p{ text-align: center; margin-top: 25px;} .opre{ margin-top: 30px; text-align: center;} .opre span{ width: 75px; height: 30px; display: inline-block; margin: 0 10px; text-align: center; line-height: 30px; cursor: pointer;} .opre span.confirm{ background: #0eac9d; color: #fff} .opre span.confirm:hover{ background: #2c76da} .opre span.cancel{ background: #b7b6b6} .invo_list{ padding-bottom: 20px; border-bottom: 1px solid #c1c1c2; margin-top: 20px;} .invo_list ul{ float: left; width: 350px} .invo_list ul li{ margin-bottom: 10px;} .invo_list ul.phone_box{ width: 220px;} .invo_list .opre_box b{ margin-right: 10px;} .opre_box a{ color: #317ee7; margin-right: 30px;} .add_info a{ font-weight: bold; color: #317ee7} .edit_in_box{ width: 730px; height: 560px; margin-left:-375px; margin-top: -280px; border-top: none; padding-left: 20px;} .submit_bom{ height: 250px; margin-top: -125px;} .submit_bom p{ text-align: left;} .submit_bom .opre span{ width: 135px;} .edit_in_box .right_opre{ text-align: right; margin-right: 20px; padding-top: 10px;} .edit_in_box .right_opre a{ margin-left: 15px; color: #317ee7} .edit_in_box .right_opre a.cancel{ color: #333} .edit_in_box .right_opre em{ color: #ff0000} .address_list{ position: relative; margin-top: 30px; padding-left: 90px;} .address_list span.d_title{position: absolute; top: 0; left: 0; font-size: 16px; font-weight: bold;} .address_list p{ padding-bottom: 10px;} .address_list p span{ margin-right: 5px;} .address_list p.line2 span{ margin-right: 20px;} .address_list .r_opre{ position: absolute; right: 100px; top: 0;} .address_list .r_opre a{ margin-left: 20px; color: #317ee7} .edit_address_box{ height: 300px; margin-top: -150px;} .user_info_box{ padding-bottom: 30px;} .in_layer{ margin-top: 20px; width: 100%;} .in_layer label{ float: left; width: 115px; height: 25px; display: inline-block; margin-left: 70px;} .in_layer label em{color: #ff0000} .in_layer input.i_txt, .in_layer select{float: left; width: 133px; height: 25px; border: 1px solid #8b8a8a; padding-left: 5px; margin-right: 20px; color: #333} .in_layer input.i_txt{width: 230px; height: 23px;} .user_info_box input.Validform_error{ border: 1px solid #ff0007} .in_layer input.radio_w{ margin-left: 20px; margin-right: 3px;} .in_layer input.radio_m{ margin-right: 3px; } p.p_msg{ padding-left: 145px; margin-top: 5px; color: #999} .email_yz{ float: left; width: 775px;} .in_layer .line1 span{ margin: 0 20px; color: #999} .email_yz span.no_yz{ color: #ff0000; margin: 0 20px;} .sent_email, .agin{ color: #317ee7; background: none; cursor: pointer;} .agin{} .email_yz input:disabled{background: none;} .in_layer .line2{ margin-top: 10px;margin-left: 150px;} p.e_msg{ margin-top: 5px; color: #999; padding-left: 145px;} p.e_msg a, p.e_msg span{ color: #317ee7} .in_layer input.capt_text{ width: 95px;} .in_layer input.capt_bttn{ width: 75px; height: 25px; border: 1px solid #317ee7; text-align: center; color: #317ee7; background: #fff; cursor: pointer;} .addemail{ margin-top: 18px;height: 40px; margin-left: 150px;} .addemail input.add_txt{width: 235px; color: #333} .addemail input.add_sent_email{color: #317ee7; background: none; cursor: pointer; padding-top: 3px;} .input_layer input.lengtn{ width: 90px;} .company_info_box{ margin-top: 30px;} .Validform_wrong{ color: #ff0000; margin-left: 20px;font-size: 12px;} .Validform_right{ color: #71b83d; margin-left: 20px;} .upload_img{ float: left;} .upload_img p{ margin-top: 15px;} .upload_img img{ width: 258px; height: 148px} .upload_img p input.up_butt{ width: 70px} .upload_img p input.up_txt{width: 250px; height: 23px; border: 1px solid #ccc; margin-right: 20px; padding-left: 5px; } .busi_input_warp{ padding-bottom: 30px;} .layer_marin{ margin-top: 3px;} .success_pwd{ margin-top: 200px; margin-bottom: 240px} .reset_box .sure_bttn{ margin-left: 150px;} .reset_box .sure_bttn input{width: 248px; height: 30px; line-height: 30px; font-size: 14px;} .uploadedName2, .uploadedName{ display: none;} .loading_box{ position: absolute; top: 50%; left: 50%; width:75px; height: 75px;} .news_main{ min-height: 600px;height:auto !important; height:600px; padding: 25px 60px;} .new_title{} .new_title .nt_left{ float: left;} .new_title .nt_left span{ font-size: 18px; font-weight: bold;} .new_title .nt_left a{ width: 108px; height: 24px; display: inline-block; text-align: center; line-height: 24px; border: 1px solid #317ee7; color: #317ee7; margin-left: 20px;} .nt_right{ float: right; margin-top: 0; width: 174px; height: 24px; border: 1px solid #c1c1c2} .nt_right input.text{ padding: 3px 0 2px 3px; width: 130px; font-size: 12px;} .nt_right input.butt{ width: 35px; height: 30px; background: url(../images/m_icon.png) -119px -3px no-repeat;} .news_list_warp{ margin-top: 30px;} .new_list{ position: relative; padding-bottom: 30px; padding-left: 30px; border-left: 1px solid #ececeb;} .new_list em.icon{ position: absolute;left: -13px; top: -4px; width:24px; height: 24px; display: block; background: url(../images/h.png) no-repeat; } .new_list a.delete{/* position: absolute; right: 0; top: 0; */color: #ff0000;margin-left: 35px;} .new_list h3{ font-weight: normal; margin-bottom: 15px; padding-left: 25px;} .new_list h3 span{ margin-right: 10px; color: #ff8c00} .new_list h3 span.system{ color: #317ee7} .new_list p a{ color: #317ee7} .new_list p{ padding: 5px 25px; background: #f1f1f1; cursor: pointer;} .unread, .unread h3, .unread h3 a{ font-weight: bold;} .top_page_title{ margin: 42px 0 0 20px;text-align: center;} .top_page_title span{ font-size: 16px; color: #0eac9d} .server_main{ border: 1px solid #cccdcd; margin-top: 30px; min-height: 500px; height: auto !important; height: 500px;} .server_left{display: table-cell; *display:inline-block; width: 235px;padding-bottom: 30px; min-height: 500px;border-right: 1px solid #baeee9;} .server_left p, .mlcc_main .server_left h2{ margin: 20px 0 15px 0;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 205px;padding-left: 35px;} .server_left p a, .mlcc_main .server_left h2 a{ font-size: 16px;} .server_left p a.cur{ color: #317ee7} .server_left ul li{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .server_left ul li h3{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;} .server_left ul li a.cur{border: 1px solid #baeee9;background: #fff;color: #0eac9d; border-top: 2px solid #baeee9; border-bottom: 2px solid #baeee9;border-right: none;} .server_left ul li a:hover{color: #0eac9d} .server_left ul li a{padding-left: 35px;display: block;height: 32px;line-height: 32px; border: 1px solid transparent; border-top: 2px solid transparent; border-bottom: 2px solid transparent} .server_right{ display: table-cell;*display:inline-block; width: 1005px; padding-bottom: 10px; border: 1px solid #baeee9;border-left: none;} .suggestion_warp{ margin-top: 20px; padding-left: 30px;padding-right: 30px;} .suggestion_warp2{ margin-top: 20px; padding-left: 30px;} .suggestion_warp h2{ font-size: 18px;} .suggestion_warp textarea{ width: 534px; height: 174px; border: 2px solid #d4d3d3; margin-top: 30px; padding: 5px;} .suggestion_warp p input{ width: 130px; height: 32px; background: #317ee7; color: #fff; margin-top: 20px; cursor: pointer;} .m_directory h1{ font-size: 16px; border-bottom: 1px solid #ddd;padding-bottom: 10px;} .m_directory h1 span{ font-size: 14px;font-weight: normal;} .m_directory h1 label{font-size: 13px;font-weight: normal;} .s_user_box{ margin-top: 20px;} .s_user_box p{ line-height: 45px; color: #363636} .suggestion_warp2 .s_user_box p{ line-height: 25px;} .s_online_warp{margin-top: 20px; padding-left: 30px;} .s_online_warp h3{ color: #317ee7; font-size: 19px; padding-bottom: 20px; border-bottom: 1px solid #cccdcd} .online_list{ margin-left: -30px;} .online_list li{float: left;height: 100px; margin-left: 40px; margin-top: 40px;} .online_list li dl{ width: 282px;} .online_list li dt{ float: left; width: 82px; position: relative;} .online_list li dt p{ text-align: center; color: #317ee7; margin-top: 5px; font-size: 13px} .online_list li dt p a{ width: 68px; height: 68px; border: 1px solid #cccdcd; border-radius: 50%; display: block; margin: 0 auto} .online_list li dt p a img{ width: 100%; height: 100%; border-radius: 50%;} .online_list li dt em{ position: absolute; right: -4px; top: -7px; width: 27px; height: 26px; display: block; background: url(../images/answer.png) no-repeat;} .online_list li dt em.busy{ background: url(../images/answer.png) -46px 0 no-repeat;} .online_list li dd{ float: left; margin-left: 9px; width: 187px; padding-top: 3px;} .online_list li dd p{ font-size: 13px; margin-bottom: 8px;} .online_list li dd p em{ color: #ff8c00} .title_toggel ul{ display: none; margin-right: -2px;} .mlcc_list a{ float: left; width: 200px; display: inline-block; margin:13px 15px 0 0;} .mlcc_list a:hover{ color: #317ee7} .mlcc_main{ border: 1px solid #b6eae5;} .suggestion_warp span{ margin-left: 20px; font-size: 14px;} .mlcc_main .server_left{ min-height: 600px;height:auto !important; height:600px;} .mlcc_main .mlcc_list{ min-height: 600px;} .mlcc_main .mlcc_list h2{font-weight: normal;font-size: 14px;} .emp_input_list span.placeh{ top: 6px; left: 0;} .input_layer div span.placeh{ left: 0; top: 4px;} .fixed_customer{ position: fixed; width: 100%; height: 100%; background: url(../images/c_bg.png) repeat; top: 0; left: 0; z-index: 210} .customer_box, .register_box{ position: absolute; width: 580px; height: 390px;top: 50%; left: 50%; margin: -200px 0 0 -290px; background: #f5f6f7; border-radius: 10px; padding: 15px 15px 15px 25px;} .customer_box p.title img{ vertical-align: -20px; margin-right: 10px;} .customer_box a.close{ position: absolute;right: 15px; top: 15px; width:22px;height:22px; display: inline-block; background: url(../images/i_icon.png) -186px -157px no-repeat;} .cus_main{} .c_main_left{ float: left; width: 275px; margin-top: 45px; margin-left: 5px;} .c_main_left p{ margin-top: 15px;} .c_main_left p span{ color: #317ee7} .c_main_right{ float: right; width:300px; } .c_main_right .c_main{ width:250px; height: 222px; background: url(../images/d_bg.png) no-repeat; padding: 30px 28px; } .c_main_right .c_main2{ position: relative; background: url(../images/d_bg2.png) no-repeat;} .c_main_right .c_main2 span{ position: absolute; left: 100px; top: 155px; color: #f87501; font-size: 18px;} .c_main_right dl{ width: 252px; height: 120px;} .c_main_right dt{ float: left; width: 72px;} .c_main_right dt p{ text-align: center; color: #317ee7; margin-top: 5px;} .c_main_right dt p a{ width: 68px; height: 68px; border: 1px solid #cccdcd; border-radius: 50%; display: block;} .c_main_right dt p a img{ width: 100%; height: 100%; border-radius: 50%;} .c_main_right dd{ float: left; margin-left: 13px; width: 167px; padding-top: 13px;} .c_main_right dd p{ font-size: 13px; margin-bottom: 8px; color: #4f4f4f} .c_main_right dd p em{ color: #ff8c00} .c_main_right p.cus_opre{ margin-top: 14px;} .c_main_right p.cus_opre a{ width: 189px; height: 33px; display: block; background: #fd9501; color: #fff; text-align: center; line-height: 33px; font-size: 16px; margin: 0 auto} .c_main_right p.c_mail a{ background: #317ee7} .c_main_right p.cus_opre a:hover{ background: #f69101} .c_main_right p.c_mail a:hover{ background: #1972eb} .c_main_right p.select_opre{ margin-top: 25px;} .c_main_right p.select_opre a{ margin-left: 20px;} .c_main_right p.select_opre a.select{ color: #317ee7; margin-left: 50px;} .register_box{ width: 585px; height: 430px; margin: -200px 0 0 -290px; padding: 15px;} .register_b_main{width: 100%} .register_b_main a.close{ background-position: -50px -41px;} .register_b_main p{ text-align: center;} .register_b_main p.l_right{ text-align: right; margin: 0 10px 0 0;} .register_b_main p.l_right a{ color: #317ee7} .register_b_main ul{ margin-top: 30px;} .register_b_main ul li{ float: left; height: 307px;} .register_b_main ul li.r_mail{ width: 256px; margin-left: 15px;} .phone_regist, .email_regist, .phone_login, .email_login{border: 1px solid #ddd;border-top: none;height: 273px; padding-top: 15px; background: #fff} .email_regist{height: 233px; padding-top: 55px;} .phone_login, .email_login{height: 193px; padding-top: 60px} .register_b_main ul li h3{ text-align: center;height: 34px;} .register_b_main ul li.r_mail .inp_layer{ margin-bottom: 15px; margin-left: 15px;} .register_b_main ul li.r_mail input[type="text"], .register_b_main ul li.r_mail input[type="button"]{ border:1px solid #ddd; padding-left: 3px; height: 30px;} .register_b_main ul li.r_mail input:focus{ border:1px solid #317ee7;} .register_b_main ul li.r_mail input.text{ border:1px solid #ddd; padding-left: 3px; height: 30px;} .register_b_main ul li.r_mail input.text{ width: 214px; } .register_b_main ul li.r_mail input.yzm_text{ float: left; width: 129px; margin-right: 10px;} .register_b_main ul li.r_mail input.r_butt{ width: 217px; height: 30px;color: #fff; background: #317ee7; border: none; font-size: 18px; cursor: pointer;} .register_b_main ul li.r_mail input.r_butt:hover{ background: #1f70dd} .register_b_main ul li.r_mail span{ float: left; width: 74px; height: 30px; display: inline-block;} .register_b_main ul li.r_mail span img{ width: 74px; height: 33px;} .register_b_main ul li.r_other{ float: right; width: 255px; border-left: 1px solid #ddd;padding-left: 25px;height: 320px} .register_b_main ul li.r_mail h3 span{width: 127px; height: 34px;line-height: 34px;color: #317ee7;background: #f5f6f7;border-bottom: 1px solid #ddd; font-weight: normal;cursor: pointer; font-size: 18px;} .register_b_main ul li.r_mail h3 span.cur{background: #fff;color: #317ee7;border:1px solid #ddd;border-bottom: none; } .register_b_main ul li.r_mail input.phone_yzm{ width: 75px; height: 34px; background: #c9c7c7;font-size: 13px;} .r_succese{ margin-top: 30px;} .r_succese h3{ text-align: center;} .r_succese p{ margin-top: 40px; line-height: 25px;} .r_succese p a, .r_succese p span, .r_succese p input{color: #317ee7; background: none; margin: 0 3px;} .other_icon { text-align: center; margin-top: 50px;} .other_icon a{ width: 72px; height: 70px; background: url(../images/o_icon.png) no-repeat; display: inline-block; margin: 0 7px} .other_icon a.weixin{ background-position: -88px 0 } .other_icon a.weixin:hover{ background-position: -88px -80px;} .other_icon a:hover{ background-position: -0 -80px; } .form_msg{ width: 340px; height: 180px; margin: -130px 0 0 -200px;} .form_msg p{ text-align: center; font-size: 18px; margin-top: 30px; text-indent: 0} .form_msg p img{ vertical-align: middle; margin-right: 10px;} .form_msg .s_butt{ text-align: center; margin-top: 50px;} .form_msg input{ width: 74px; height: 30px; background: #317ee7; color: #fff; cursor: pointer;} .form_msg input:hover{ background: #2573dd} .login_opre{ margin: 0 0 0 20px;} .login_opre span.left{ float: left;} .login_opre span.left a{ color: #317ee7; margin-left: 60px;} .login_opre span.right{ float: right; margin-right: 10px;} .login_opre span.right a{ color: #317ee7; } .signup_main{ width: 880px; margin: 0 auto; height: 1027px; position: relative; background: url(../images/sign_bg.jpg) no-repeat; padding-top: 30px;} .signup_main a.back_index{ position: absolute; left: 20px; top: 20px;} .signup_main h3{ text-align: center; width: 623px; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px solid #dfcd9b} .signup_main p.wellcome{ text-align: center; margin-top: 30px; font-size: 22px; margin-bottom: 20px;} .sign_box{ width: 405px; margin-left: 285px;} .sign_box h4{ margin-top: 6px; font-size: 22px; font-weight: normal;} .sign_box p{ margin-top: 18px; height: 65px;} .sign_box p input.text{ width: 300px; height: 35px; border: 1px solid #d4d2d2; padding-left: 3px; margin-bottom: 3px; margin-right: 10px;} .sign_box p input.butt{ width: 303px; height: 40px; background: #317ee7; color: #fff; font-size: 18px; cursor: pointer;} .sign_box p input.butt:hover{ background: #1f73e5} .sign_box p .Validform_wrong{ margin-left: 0;} .sign_box p em{ display: block;} .sign_box p em.error, .sign_box p em.send{color: #ff0000} .sign_box p em.send input{ color: #317ee7; margin-left: 15px; background: none; cursor: pointer;} .sign_box p em.send input.d_send{ color: #6c6e70} .sign_box p a{ color: #317ee7} .sign_box p.great{ height: auto;} .send_success{ width: 400px; text-align: center; margin: 100px auto 0;} .send_success p.line1{ font-size: 22px; line-height: 45px;} .send_success p.line1 img{ vertical-align: -10px; margin-right: 10px;} .send_success p.line2{ color: #317ee7; font-size: 16px; margin-top: 110px;} .send_success p.line2 span{ color: #317ee7} /*boom*/ .xubox_shade{ z-index: 100;} .xubox_layer{ border:1px solid #dddedf; border-top: 2px solid #317ee7;} .xubox_border{ display: none;} .xubox_main .xubox_close1{ right: 10px; top: 10px;width:23px;height:23px; display: block; } .xubox_main .xulayer_png32{ background: url(../images/i_icon.png) -50px -41px no-repeat;} .xubox_main .xulayer_png32:hover{ background: url(../images/i_icon.png) -50px -41px no-repeat;} .fixed_compar .layer_warp{width:auto;height:auto;} .layer_warp{ padding: 15px 20px; position: absolute; left: 50%; top: 50%; margin: -160px 0 0 -300px; width: 560px; height: 300px; box-shadow: 2px 2px 12px #ddd; border: 1px solid #dddedf; border-top: 2px solid #3782e8; background: #fff;} .layer_warp h3{ font-size: 19px; color: #317ee7;} .boom_box{ margin-top: 30px;} .boom_box .upload_box{ float: left; width: 250px; height: 173px; border-right: 1px solid #bdbdbc; padding-top: 40px; overflow: hidden; } .boom_box .upload_box .uploadify-button, .upload_box .uploadify-queue .sub_btt{ width: 205px; height: 35px; line-height: 35px; background: #ff8c00; color: #fff; text-align: center; display: block; font-size: 16px; margin: 30px 0 0 20px} .boom_box .upload_box .uploadify-button span{ color: #fff} .boom_box .right_explain{ float: left; width: 285px; padding-top: 20px;} .boom_box .right_explain p{ margin-left: 35px; font-size: 12px; line-height: 22px;} .boom_box .right_explain p b{ font-size: 14px; } .upload_box .bttn_upload{ width: 205px; height: 35px; line-height: 35px; background: #ff8c00; color: #fff; text-align: center; display: block; font-size: 16px; margin: 30px 0 0 20px} .upload_box .uploadify-queue{ margin-top: 0; width: auto;} .upload_box .uploadify-queue-item{position: relative; margin-left: 20px} .upload_box .uploadify-queue-item .cancel a{ right: 0; border: none;} .upload_box .uploadify-queue-item span.fileName{ color: #317ee7; margin-right: 20px; max-width: 100px; height: 18px; display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .upload_box .uploadify-queue-item span.name{ float: left;width: 90px;} .upload_box .uploadify-queue .sub_btt{ top: 40px; right: 25px; background: #317ee7; line-height: 30px;} /*创建询价单*/ .creat_inquiry{ padding: 30px 20px;} .creat_inquiry h3{ text-align: center; font-size: 24px;color: #317ee7; } .c_inquiry_box{ width: 535px; margin: 0 auto; padding: 23px 40px; border-bottom: 1px solid #e4e4e3;} .c_inquiry_box2{ border-bottom: none; padding-bottom: 0;} .c_inquiry_box p.i_msg{ line-height: 22px; font-size: 13px;} .c_inquiry_box ul li{margin-bottom: 17px;} .c_inquiry_box ul li:last-child{ margin-bottom: 0;} .c_inquiry_box ul li em{ width: 130px; display: inline-block; font-size: 16px;} .c_inquiry_box ul li span{ margin-right: 25px;} .c_inquiry_box ul li label{ margin-right: 35px;} .c_inquiry_box ul li a{ color: #317ee7;} .i_user_info h4{ font-size: 16px; font-weight: normal;} .i_user_info p{ margin: 15px 0 20px 0;} .i_user_info p.bottom_none{ margin-bottom: 0;} .i_user_info p.msg{ margin-top: 7px; height: 20px;} .i_user_info p input{ width: 370px; height: 25px; border: 1px solid #cccaca;padding-left: 3px;} .i_user_info p select{ width: 83px; height: 26px; border: 1px solid #cccaca; margin-right: 10px;} .i_user_opre{ margin-top: 20px;} .i_user_opre input{ width: 135px; height: 30px; background: #b7b6b6;cursor: pointer;} .i_user_opre input.confirm{ background: #317ee7; color: #fff; margin: 0 33px 0 118px} .i_user_opre input.confirm:hover{ background: #1d72e7} /* 自定义样式 */ .fl{float:left;} .fr{float:right;} .oh{overflow:hidden;} .tc{text-align:center;} .tr{text-align:right;} .tl{text-align:left;} .dn{display:none;} .dib{display:inline-block;} .cp{cursor:pointer;} .f14{font-size:14px;} .pt15{padding-top: 15px;} /* ----------------------------------------------- */ .mainContents{width:808px;margin:50px auto auto; border: 1px solid #c5c4c3;} .menusWrapper{width:150px;height:240px;position:relative;background:#d9f1fd; text-align: center;} .menusWrapper a{height:60px;line-height:60px;display:block; font-size: 18px; color: #666; padding: 0 5px;} .menusWrapper a.active, .menusWrapper a.active:hover{color: #fff; background: url(../images/cur.jpg) right no-repeat #317ee7;} .menusWrapper a:hover{background:#317ee7; color: #fff} .menusWrapper a span{display: block; border-bottom: 1px solid #c5c4c3;color: #666;} .menusWrapper a.active span, .menusWrapper a:hover span{ border-bottom: none; color: #fff} .menusWrapper a:last-child span{border-bottom: none;} .ctnerWrapper{margin-left:150px;height:240px; background: #fff} .ctnerTab{border-bottom: 1px solid #E8E8E8;height: 44px;line-height:44px;} .ctnerTab a{text-decoration: none;font-size:14px;color:#222;width:86px;height:44px;line-height:44px;display:inline-block;} .ctnerTab a.on{border-bottom:2px solid #42A0FE;font-weight:700;} .cbox{position: relative;top:0;width:655px;} #cbox-2{ overflow: hidden; width: 1965px; height: 238px;} #cbox-1{display:block;} .ctnerBox{ overflow: hidden;} .cbox1_warp{ position: relative;} .cbox1_right{ position: absolute; right: 10px; top: 5px; font-size: 12px;} .cbox1_right p a{ color: #317ee7; font-size: 12px;} .cbox_1_title{ padding: 5px 0 0 15px;color: #317ee7 } .cbox_1_title span img{ vertical-align: middle; margin-right: 10px;} .cbox_1_ul{ margin-top: 15px;} .cbox_1_ul li{ float: left; width: 178px; margin: 0 30px 0 5px; overflow: hidden;} .cbox_1_ul li a{ display: block; color: #317ee7} .cbox_1_ul li p img{ margin-bottom: 20px;} .cbox_1_ul li p{text-align: center; font-size: 12px;} /*.cbox_1_ul li p.line2{ margin-bottom: 5px; }*/ .cbox_1_ul li p.line2 a{width: 100%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .see_page1 {position: relative; padding: 30px 0; float: left;width:655px;} .see_page1 span, .see_page2 span.left, .see_page2 span.right{position:absolute;top:90px; right:17px;width:20px;height:53px;display:block;background:url(../images/prev.png) top right no-repeat; cursor: pointer;} .see_page1 ul{ height: 180px;} .see_page1 ul li{ float: left; position: relative; width: 180px; height: 180px; margin-left: 20px;} .see_page1 ul li .title{ position: absolute; height: 38px; padding: 5px; width: 170px; bottom: 0; background: url(../images/li_bg.png) repeat; color: #fff} .see_page2{position: relative; padding: 12px 0 0; float: left;width:655px;} .see_page2 ul { margin-left: 50px;} .see_page2 ul li{ float: left; margin: 18px 0 0 25px; width: 245px; height: 83px; overflow: hidden;} .see_page2 ul li span{ float: left; width: 83px; height: 83px; display: block;} .see_page2 ul li span img{ width: 100%;} .see_page2 ul li .detail{ float: right; width: 147px;} .see_page2 ul li .detail h3 a{ font-size: 13px;} .see_page2 ul li .detail p{ font-size: 12px; color: #666; margin-top: 10px;} .see_page2 span.left{ background-position: top left; left: 17px;} .see_page3 a.more, .see_page1 a.more, .see_page2 a.more{position:absolute;top: 40px; right: 17px; background: #dcdddd; width: 13px; padding: 65px 9px; color: #317ee7} .see_page3 a.more:hover, .see_page2 a.more:hover, .see_page1 a.more:hover{ background: #c9cfcf} .scrolltab{position:relative;} .scrolltab .ulBigPic{width:545px;height:240px;overflow:hidden;position:relative;margin:0 auto;} .scrolltab .ulBigPic li{width:575px;height:240px;display:none;} .scrolltab .ulBigPic .liSelected{display:block;} .scrolltab .ulBigPic img{border:1px solid #dedede;padding:2px;background-color:#fff;} .scrolltab .ulBigPic li a{ width: 98px;float: left; display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #666; margin:30px 0 0 10px;} .scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{width:20px;height:53px;display:block;position:absolute;top:90px;background:url(../images/prev.png) no-repeat;} .scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel{cursor:pointer;} .scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan{left:20px;} .scrolltab .sLeftBtnA{background-position:left top;} .scrolltab .sLeftBtnA{background-position:left top;} .scrolltab .sLeftBtnABan{background-position:left bottom; display: none;} .scrolltab .sRightBtnA,.scrolltab .sRightBtnABan{right:17px;} .scrolltab .sRightBtnA{background-position:right top;} .scrolltab .sRightBtnA{background-position:right top;} .scrolltab .sRightBtnABan{right:17px;background-position:right bottom; display: none;} .scrolltab .sRightBtnASel{right:17px;background-position:right top;} .scrolltab2 .ulBigPic{width:545px;height:240px;overflow:hidden;position:relative;margin:0 auto;} .scrolltab2 .ulBigPic li{width:575px;height:240px;display:none;} .scrolltab2 .ulBigPic .liSelected{display:block;} .scrolltab2 .ulBigPic li a{display: table-cell; vertical-align: middle; width: 115px; height: 60px; text-align: center;} .scrolltab2 .ulBigPic li a img{ vertical-align: middle;} .scrolltab2 .ulBigPic li .list{ float: left;width: 115px; height: 60px; border: 1px solid #c2c4c4; margin:13px 0 0 15px;} .scrolltab2{position:relative;} .scrolltab2 .sLeftBtnA,.scrolltab2 .sLeftBtnASel,.scrolltab2 .sLeftBtnABan,.scrolltab2 .sRightBtnA,.scrolltab2 .sRightBtnASel,.scrolltab2 .sRightBtnABan{width:20px;height:53px;display:block;position:absolute;top:90px;background:url(../images/prev.png) no-repeat;} .scrolltab2 .sLeftBtnA,.scrolltab2 .sLeftBtnASel,.scrolltab2 .sRightBtnA,.scrolltab2 .sRightBtnASel{cursor:pointer;} .scrolltab2 .sLeftBtnA,.scrolltab2 .sLeftBtnASel,.scrolltab2 .sLeftBtnABan{left:20px;} .scrolltab2 .sLeftBtnA{background-position:left top;} .scrolltab2 .sLeftBtnA{background-position:left top;} .scrolltab2 .sLeftBtnABan{background-position:left bottom; display: none;} .scrolltab2 .sRightBtnA,.scrolltab2 .sRightBtnABan{right:17px;} .scrolltab2 .sRightBtnA{background-position:right top;} .scrolltab2 .sRightBtnA{background-position:right top;} .scrolltab2 .sRightBtnABan{right:17px;background-position:right bottom; display: none;} .scrolltab2 .sRightBtnASel{right:17px;background-position:right top;} /*文章*/ .article_main{ margin-top: 75px; width: 780px;} .a_title h1{ font-size:28px;text-align:center; } .article_left{ float: left; width: 900px; background: #fff} .art_detail_main > p{padding:20px 0;} .art_detail_main .art_kinds{ float:left; } .art_detail_main .art_kinds li{ padding:10px; border-top:1px solid #333; } .art_detail_main p > span{ margin-right:15px; } .art_detail_main .art_detail{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:40px 0; border-top:1px solid #333; } .art_detail p:last-child:after,.relate_read li:after{ content:""; display:block; clear:both; } .relate_link{ width:220px; float:right; } .art_detail p{ background-color:#f5f5f5 !important; } .clear .labels{ float:right; } .art_detail .share{ padding-left:24px; background:url('../images/test/gag.png') -134px -70px no-repeat; } .clear .labels b{ padding:3px 0 0 24px; background:url('../images/simple_icon.png') 0px -394px no-repeat; margin-right:3px; } .clear .labels a{ color:#0eac9d } .clear .labels a:hover{ color:#ff6700 } .relate_read li{ padding:15px 0; border-bottom:1px solid #aaa; } .relate_read li div{ float:left; margin-left:10px; } .relate_read li div h3 a{ font-weight:normal; font-size:20px; } .load_more{ line-height: 40px; border: 1px solid #d5d5d5; border-radius: 3px; font-size: 18px; text-align: center; margin-top: 15px; cursor: pointer; } .load_more:hover{ border: 1px solid #666; } .n_place{ margin-top:20px; border-top:1px solid #333; padding-top:5px; } .a_banner{ margin-bottom: 40px;} /*.art_label{ height: 30px; margin-top: 30px;} .art_label a{float: left; width: 74px; height: 30px; line-height: 37px; display: inline-block; background: url(../images/label.png) no-repeat; text-align: center; color: #fff}*/ .article_warp{ border: 2px solid #edebeb; padding: 0 23px 35px;} .article_warp .right{width: 0;height: 0;position: fixed;right: 50%;top: 100px;} .art_list{ padding: 30px 0; overflow: hidden;} .art_list .title{ position: relative; margin-bottom: 20px;} .art_list .title h1{font-weight: normal; font-size: 20px; padding-right: 90px;font-weight: bold;} .art_list .title p{ margin-top: 10px;font-size: 16px;} .art_list .title span{ position: absolute; right: 0; top: 0; background: #fa6f57; border-radius: 4px; padding: 2px 10px; color: #fff} .art_list .title span em{ width: 24px; height: 14px; background: url(../images/a_icon.png) right top no-repeat; display: inline-block;vertical-align: -2px; margin-right: 8px; } .art_list .art_img{ float: left; width: 180px; } .art_list .art_img p{ margin-bottom: 20px; text-align: center;} .art_list .art_img p span{ border: 1px solid #000; border-radius: 4px; padding: 3px 6px; cursor: pointer; font-size: 16px;} .art_list .art_img p span:hover{ color: #fc981f;border: 1px solid #fc981f;} .art_list .art_img img{ width: 180px; height: 180px;} .art_list .art_detail{ } .art_list .art_detail p{line-height: 22px; font-size: 14px;word-break:break-all;} .art_list .art_detail p img{ margin: 6px 0;} .art_page_turn{ margin-top: 35px;} .art_page_turn a{float: left; display: inline-block; border: 1px solid #d5d5d5; height: 38px;line-height: 38px; padding: 0 10px; margin-right: 10px;} .art_page_turn a.page{ padding: 0; border: none; background:#3D3484; color: #fff; width: 83px; height: 41px; line-height: 41px; text-align: center;} .art_page_turn a.m_sele{ color: #fa6f57} .article_right{ width: 230px; float: right; position: relative;} .article_right span.mf{ position: absolute; right: -35px; top: -36px;} .art_nav{ padding:0 10px; background: #fa6f57; margin-bottom: 20px;} .art_nav li{ border-bottom: 1px solid #f89786; position: relative;} .art_nav li a{ display: block; padding: 10px 0; color: #fff} .art_nav li em, .art_nav li a.cur span{ width: 15px; height:15px; display: inline-block; margin-right: 40px; background: url(../images/a_icon.png) no-repeat;} .art_nav li em.e1{ background-position: -4px -44px;vertical-align: -2px } .art_nav li em.e2{ background-position: -8px -85px;vertical-align: -2px } .art_nav li em.e3{ background-position: -4px -132px;vertical-align: -2px } .art_nav li em.e4{ background-position: -6px -176px;vertical-align: -2px } .art_nav li a.cur span{ position: absolute; left: -20px; top: 9px; width: 20px; height: 19px;} .art_nav li a.cur{ color: #000} .art_nav li a.cur span{ position: absolute;} .art_nav li a.cur em{ margin-left: 20px; margin-right: 20px;} .art_nav li a.cur em.e1, .art_nav li a:hover em.e1{ background-position: -59px -44px;vertical-align: -2px } .art_nav li a.cur em.e2, .art_nav li a:hover em.e2{ background-position: -60px -85px;vertical-align: -2px } .art_nav li a.cur em.e3, .art_nav li a:hover em.e3{ background-position: -59px -132px;vertical-align: -2px } .art_nav li a.cur em.e4, .art_nav li a:hover em.e4{ background-position: -59px -176px;vertical-align: -2px } .art_nav li a:hover{ color: #000} .haokan{ margin-bottom: 25px;} .haokan h3{ color: #fa6f57 ;font-size: 18px; font-weight: normal;} .d_wenzhan h3{color: #333;font-size: 16px; font-weight: bold;} .d_wenzhan h3.icon1{color: #0eac9d} .d_wenzhan h3.icon2{color: #fc4f4f} .d_wenzhan h3.icon3{color: #ff9600} .d_wenzhan h3 em{ width: 22px; height: 20px; display: inline-block; background: url(../images/simple_icon.png) -88px -247px no-repeat;vertical-align: -4px; margin-right: 10px;} .d_wenzhan h3.icon1 em{ background-position:-88px -247px } .d_wenzhan h3.icon2 em{ background-position:0 -241px; height: 22px;} .d_wenzhan h3.icon3 em{ background-position:-47px -206px } .haokan ul li{ margin-top: 10px;} .haokan ul li h2{font-weight: normal; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .haokan ul li a{ display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .d_wenzhan ul{ margin-top: 16px;} .d_wenzhan ul li a{} .s_box_nav{ margin-top: 20px; border-top: 2px solid #ff8c00;} .s_box_nav a{ display: inline-block; margin-right: 20px; width: 98px; height: 32px; line-height: 32px; text-align: center;} .s_box_nav a:hover{ background:#ff8c00; color: #fff } .active_nav{ background: url(../images/a_logo/n_bg.png) repeat-x; box-shadow: none; border-bottom: none;} .i_active_warp{ margin-top: 0;} .i_active_warp .msg_warp .m_right span, .i_active_warp .msg_warp, .i_active_warp .select-item span, .i_active_warp .s_box_nav a{ color: #fff} .active_box{ padding-top: 70px; width: 808px; margin: 0 auto} .act_left_box{ float: left; width: 405px; padding-top: 130px;} .act_left_box p.act_font{ color: #560407; font-size: 17px; line-height: 32px; margin-bottom: 18px; margin-left: 8px;} .act_left_box p.a_font2{ margin:28px 0 0 20px;} .act_left_box p.f_link{ margin: 20px 0 0 85px; font-size: 17px;} .act_left_box p.f_link a{ color: #004dfd; text-decoration: underline;} .act_right_box{ float: right; width: 332px;} .active_logo a{ display: inline-block; margin-bottom: 17px;} .act_right_box p{ text-align: right;} .t_active_link{ width: 908px; height: 185px; margin: 0 auto} .t_active_link a{ width: 100%;height: 185px; display: block;} .replace_box{ height: 360px; width: 450px; margin: -180px 0 0 -225px;} .replace_info{ margin: 20px 0 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd} .replace_info li{ margin-bottom: 8px;} .replace_scroll{ height: 180px; overflow-y: auto;} .replace_box table{width: 100%;} .replace_box table td{ height: 30px;} .replace_box table td a{ color: #317ee7} .article_list{ width: 200px; height: 135px;margin-top: -5px; background: url(../images/simple_icon.png) -57px 0 no-repeat;overflow: hidden; margin-left: 8px;} .article_list li{ margin-top:21px;transform:rotate(1deg);-ms-transform:rotate(1deg); -moz-transform:rotate(1deg);-webkit-transform:rotate(1deg);-o-transform:rotate(1deg); } .article_list li a{ width: 185px; height: 40px;padding:0 15px 0 10px; display: table-cell; vertical-align: middle;color: #fff;font-size: 13px;} .article_list li:first-child{transform:rotate(-1deg);-ms-transform:rotate(-1deg); -moz-transform:rotate(-1deg);-webkit-transform:rotate(-1deg);-o-transform:rotate(-1deg);} .hot_search{ margin-top: 25px; margin-left: -10px; width: 200px;} .hot_search h3{ font-size: 16px; margin-left: 10px; margin-bottom: 5px;} .hot_search a{ display: inline-block; padding: 0 5px; height: 22px;line-height: 22px; border: 1px solid #ddd; margin: 10px 0 0 10px; font-size: 13px;} .hot_search a span{ margin: 0 2px; font-size: 13px;} .hot_search a:hover{ border: 1px solid #ff8c01} .hot_search a:hover span{ color: #ff8c01} .search_read{ margin-top: 60px;} .search_read ul li:last-child{padding-bottom:30px;} .search_read span{border-top:1px solid #333;} .search_read span,.search_read b{display:block;width:100%;line-height:40px;text-align:center;background:url('../images/test/xiexian.png');background-size:100%;border-bottom:1px solid #333;} .search_read .title{ border-bottom: 1px solid #cfcdcd;font-size: 16px;font-weight: bold;} .search_read .title span{ width: 21px; height: 23px; background: url(../images/simple_icon.png) 0 -30px no-repeat;display: inline-block; margin-right: 10px; vertical-align: middle;} .search_read p{text-align:center;background:#0089e1;color:#fff;padding:5px 0;} .search_read ul{background-color:#fff;max-height:310px;overflow-y:auto;} .search_read ul li{ padding:10px 0 10px 10px;} .search_read ul li:last-child{border-bottom: none;} .search_read ul li h3{} .search_read ul li h3 a{width: 200px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;} .search_read ul li p{margin-top: 12px;font-size: 13px;word-break:break-word;} .fixed_kinds{position:fixed;top:83px;left:0;width:250px;background-color:#fff;box-shadow:1px 1px 1px #aaa;padding-bottom:20px;} .fixed_kinds h2{ padding-left:35px;background:url('../images/test/white_square.png') 10px 6px no-repeat;background-color:#0089e1;color:#fff;line-height:30px;} .fixed_kinds p.down{padding:5px 0 5px 35px;background:url('../images/test/icon_down.gif') 10px 7px no-repeat;cursor:pointer;} .fixed_kinds p.up{padding:5px 0 5px 35px;background:url('../images/test/icon_up.png') 10px 7px no-repeat;cursor:pointer;} .fixed_kinds ul{padding-left:42px;} .fixed_kinds li{padding:5px 0;} .fixed_kinds li.active{color:#ff6700;} .banner_right{display: none;} .banner_right p{ margin-top: 30px;} .banner_right p img{ width: 200px; height: 115px; box-shadow: 2px 2px 2px #cecece} .del_msg_box{position: absolute; top: 50%; left: 50%; width: 210px; height: 70px; margin: -65px 0 0 -100px; display: block; line-height: 70px; font-size: 15px; background: url(../images/li_bg.png) repeat; color: #ff8c00;text-align: center;} .bg_grey_warp{ background: #e7e7e6; padding: 30px 0 45px;} .i_art_main{ width: 940px; margin: 56px auto 0} .i_art_title{position: relative;} .i_art_title2{ padding-top: 22px;} .i_art_title .left a{ margin-left: 17px;margin-right: 10px; font-size: 13px; padding-bottom: 3px;} .i_art_title .left a.cur{ border-bottom: 2px solid #333;font-weight: bold;} .i_art_title .left a:hover{font-weight: bold; color: #333} .i_art_title a.more{ position: absolute; right: 13px; top: 25px; line-height: 16px;color: #0eac9d} .i_art_title a.more:hover{ color: #ff8c01;} .big_art_list{ margin-left: -20px; height: 238px;} .big_art_list li{float: left; width: 272px; height: 210px; background: #fff;margin-left: 20px;padding: 14px;} .big_art_list li h2{position: relative; padding-left: 48px; font-size: 16px; margin: 0 0 20px;font-weight: normal; height: 40px;color: #317ee7;padding-bottom: 20px; border-bottom: 1px solid #bbd6fb} .big_art_list li h2 span{ position: absolute;left: 0; top: -5px; width: 50px; height: 38px; display: block;background: url(../images/answer_icon.png) -70px 0 no-repeat;} .big_art_list li h2 a{color: #317ee7;} .big_art_list li h2 a:hover{color: #ff8c01;} .big_art_list li p img{ width: 272px; height: 152px;} .big_art_list li p.detail{position: relative; padding-left: 50px;color: #666; height: 75px;word-wrap: break-word;} .big_art_list li p.detail span{position: absolute;left: 0; top: -5px; width: 50px; height: 38px; display: block;background: url(../images/answer_icon.png) -155px 0 no-repeat;} .big_art_list li p.full{margin-top: 20px;} .big_art_list li p.full a{ height: 27px;line-height: 27px; background: #f46383;color: #fff;width: 223px;margin: 0 auto; display: block; text-align: center;border-radius: 6px;} .big_art_list li p.full a:hover{ background: #f6436a; } .small_art_list{/* margin-top: 30px; border-top: 1px solid #b4b4b4*/} .small_art_list ul{margin-left: -20px;} .small_art_list li{float: left; margin-top: 25px; height: 132px; width: 460px; margin-left: 20px;} .small_art_list li h2{font-weight: normal;} .small_art_list li h2 a{ color: #317ee7; font-size: 16px;} .small_art_list li h2 a:hover{ color: #ff8c01;} .small_art_list li dl{position: relative; padding-left: 160px; margin-top: 15px;} .small_art_list li dt{position: absolute;left: 0; top: 0; width: 130px; height:71px; padding: 7px 7px 18px 7px; background: #fff } .small_art_list li dt img{width: 130px; height:71px;} .small_art_list li dd{word-break:break-word} .index_logo{ width: 940px; margin: 0 auto;padding-top: 20px;} .index_logo a{ float: left; margin-top: 30px; width: 150px; height: 63px; text-align: center;} .index_logo a img{ } .f_warp{ width: 900px; margin: 0 auto;padding: 50px 0 50px 40px;} .f_warp a:hover{color: #ff8c01} .f_warp p{ text-align: center;color: #666;font-size: 12px;} .f_warp p a{color: #666;} .f_warp p em{ margin: 0 10px;} .link_main a{float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #9fa0a0; margin:0px 10px 10px 0; display: inline-block; width: 112px;} .sim_news_box{ border-top: none; margin-top: 0} .sim_news_box li{ margin-left: 0; width: 655px} .sim_news_box li dt{background: #e4e5e5} .sim_news_box li dd p{color: #666;font-size: 13px; line-height: 20px;} .s_other_warp{ margin: 30px 0 50px;} .s_other_warp ul{ width: 555px; margin-top: 10px} .s_other_warp li{float: left; margin-top: 15px; width: 215px; margin-right: 10px;} .s_other_warp li h2{font-weight: normal;} .s_other_warp li a{ color: #317ee7} .s_other_warp li a:hover{color: #ff8c00} .null_opre{ text-align: center;} .null_opre a{color: #317ee7;font-weight: bold; margin-right: 40px;} .null_opre a:hover{color: #ff8c00} .null_opre .customer_s{ border: none;height: 43px; display: inline-block; background: url(../images/QQ.gif) 5px 10px #fff no-repeat;vertical-align: -12px;} .null_opre span em{width: 23px; height: 24px; background: url(../images/ej.png) no-repeat;display: inline-block;vertical-align: -4px; margin-right: 5px;} .null_opre span{color: #317ee7;font-weight: bold; } .demand_prod{ margin-top: 60px;} .prod_box{ background: #eeeded;padding: 19px; margin-top: 30px;} .prod_box p{ margin-bottom: 12px;} .prod_box p input[type="text"]{ width: 121px; height: 21px; border: 1px solid #9e9d9d;padding-left: 3px; margin-left: 20px;} .prod_box p input.length{ width: 272px;} .input_line p{margin-left: -20px} .input_line{ border-bottom: 1px dashed #cfcdcd; padding-bottom: 10px;} .input_line2{ margin-top: 20px;} .input_line2 p{margin-left: -20px} .p_buttn{width: 120px; height: 24px;line-height: 24px; display: inline-block; background: #f8625e; box-shadow: 1px 2px 3px #c5c5c5; color: #fff;text-align: center;border-radius: 15px;cursor: pointer;} .p_buttn:hover{ background: #ed3b36} .jx_content{ display: none;} .block_c{display: block;} .jx_content ul{ margin: 30px 0 0 15px;} .jx_content ul li{ margin-bottom: 8px} .jx_content ul h2{width: 345px; font-size: 13px; font-weight: normal;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .server_nav{ width: 100%; height: 105px; background: url(../images/nav_bg.png) repeat-x;} .s_nav_main{ width: 970px; height: 105px; margin: 0 auto;} .server_nav .left{ float: left;position: relative;} .server_nav .left .logo{ width: 125px; height: 85px; overflow: hidden;display: inline-block; vertical-align: middle;} .server_nav .left img{ margin-top: 20px;} .server_nav .left span{font-size: 24px; width: 140px; height: 96px; line-height: 90px; display: inline-block;background: url(../images/s_nav.png) right no-repeat; vertical-align: middle; } .server_nav .left .font{font-size: 17px; padding: 0 20px 2px;} .server_nav .server_a{ float: left;margin-top: 32px;} .server_nav .server_a a{ display: inline-block; height: 30px;line-height: 30px; padding: 0 15px; border-radius: 10px;font-size: 14px;} .server_nav .server_a a.cur{color: #0eac9d} .server_nav .return_home{float: right; margin-top: 34px;width: 105px; height: 24px;line-height: 24px; border: 1px solid #0eac9d;color: #0eac9d; border-radius: 15px; text-align: center;} .server_nav .return_home:hover{color: #ff8a00} .server_nav .server_a a:hover{color: #0eac9d} .s_main_warp{ margin-top: 35px; width: 1000px;margin: 0 auto; margin-top: 30px; } .left_main{float: left; width: 700px; padding: 20px; border: 2px solid #edebeb;background: #fff;min-height: 600px} .left_main h1{ position: relative; font-size: 17px;} .left_main h1 a{position: absolute;right: 0; top: 5px; font-size: 14px;} .left_main .main{margin-top: 30px;line-height: 22px;word-break:break-all;} .left_main .main p{ color: #666} .left_main .main img{max-width: 560px;} .product_list{ margin-top: 30px;} .product_list h2{font-size: 16px;} .product_list h2 span{ width: 8px; height: 19px;background: url(../images/i_icon.png) -152px -362px no-repeat;display: inline-block;vertical-align: middle; margin-right: 20px;} .product_list p.desc{text-indent: 2em; margin-top: 20px; line-height: 22px;} .product_list ul{margin-left: 30px;margin-top:20px; } .product_list ul li{ margin-top: 12px} .product_list ul li p{color: #1061d1; cursor: pointer;} .product_list ul li .img{display: none; margin-top: 35px;} .product_list ul li .img img{ border-bottom: 1px solid #dad8d8;padding-bottom: 30px; margin-bottom: 30px;} .product_list ul li .img h4{font-weight: normal; margin-bottom: 20px;} .r_product_list{ margin-top: 30px;} .r_product_list h2{font-size: 17px;} .r_product_list p{margin-top: 18px} .r_product_list p a{ color: #0eac9d;word-break:break-all;} .r_product_list p a:hover{ color: #edab08} .certified_box{ margin-top: 40px;} .certified_box a{ width: 150px; height: 25px;line-height: 25px; border: 1px solid #317ee7;color: #317ee7;text-align: center;display: inline-block;border-radius: 15px;} .cgzq_apply{margin-top: 15px;} .cgzq_apply a{color: #666668;border: 1px solid #666668} .distri_form{ text-align: center;width: 568px; margin: 0 auto; border-bottom: 1px solid #c1c2c3;padding-bottom: 40px;} .distri_form p.title{margin-top: 25px; margin-bottom: 10px;font-weight: bold;} .distri_form p input[type="text"]{ width: 211px; height: 25px; border: 1px solid #8b8a8a;padding-left: 3px;} .distri_form p .ident{width: 100px; height: 28px; background: #0eac9d;color: #fff;cursor: pointer;margin-top: 30px;} .distri_form p.see a{width: 160px; height: 28px;line-height: 28px; display: inline-block; border:1px solid #0eac9d;color: #0eac9d;margin-top: 30px;} .distri_form p.msg{color: #0eac9d;font-size: 12px;margin-top: 30px} .distri_msg{} .distri_msg p{text-align: center; line-height: 24px; margin-top: 30px; color: #6b6a6a;font-size: 13px;} .distri_msg p span{ width: 44px; height: 38px;display: inline-block;background: url(../images/i_icon.png) -210px -45px no-repeat;} .workers_info{padding-bottom: 40px;} .workers_info h3{text-align: center; margin-top: 40px;} .w_input_form{ margin-left: 220px;} .w_input_form li{ margin-top: 18px;position: relative; padding-left: 105px;} .w_input_form li label{position: absolute;top: 2px;left: 0; width: 105px;display: inline-block;font-weight: bold;} .w_input_form li input[type="text"]{ height: 23px; border: 1px solid #8b8a8a;padding-left: 3px; margin-right: 10px;vertical-align: middle;} .w_input_form li input.i_text{width: 201px; height: 23px; border: 1px solid #8b8a8a;padding-left: 3px;} .w_input_form li select{width: 230px; height: 25px; border: 1px solid #8b8a8a;vertical-align: middle;margin-right: 10px;} .w_input_form li .view{ width: 73px; height: 25px; border: 1px solid #0eac9d;color: #0eac9d;background: #fff;cursor: pointer;vertical-align: middle;} .w_input_form li p.img {margin: 15px 0} .w_input_form li p.img img{float: left; width: 133px; height: 135px;} .w_input_form li p.img span{float: left; margin-top: 100px;font-size: 12px; margin-left: 10px;} .w_input_form li p a.add_brand{ width: 133px; height: 21px; border: 1px dashed #aaa;display: inline-block; text-align: center;} .w_input_form li em{ margin-left: 5px;} .w_input_form li ol{color: #999} .workers_info p.msg{color: #848383; margin-left: 220px; margin-top: 10px;font-size: 13px;} .workers_info p input.s_bttn{ width: 158px; height: 28px; background: #0eac9d;color: #fff;cursor: pointer; margin: 30px 0 0 70px;} .workers_info p input.s_bttn:hover{background: #edac0a} .distri_border{ border-top: 1px solid #c1c2c3;margin: 70px 0 40px} .use_website { width: 780px; margin: 30px auto 0; } .agent_product:after{ content:""; display:block; clear:both; } .add_company{ margin-top: 30px; margin-left:25px} .add_company a{ width: 133px; height: 21px; border: 1px dashed #aaa;display: inline-block; text-align: center;} .about_us p{ margin-top: 30px;} .about_us p.font{ text-indent: 2em;line-height: 24px;} .service_plan p{text-align: center; margin-top: 20px; margin-bottom: 20px;} .service_plan p.title{ width: 691px; margin: 0 auto; height: 55px; line-height: 55px;text-align: left;color: #fff;font-size: 16px;} .service_plan p.title span{ width: 5px; height: 16px; background: #fff;display: inline-block; margin-left: 15px;vertical-align: middle; margin-right: 10px;} .contact_info{} .contact_info h3{text-align: center;margin-top: 43px;} .contact_info p{text-align: center;margin-top: 5px;} .contact_info p.img{margin-top: 38px;} .contact_info p span{ width: 209px; height: 57px; background: url(../images/contact_icon.png) no-repeat;display: inline-block;} .pay_info_box{margin-top: 30px;} .pay_info_box h2{color: #0eac9d;font-size: 17px;} .pay_info_box h3{ text-align: center; margin-top: 35px;} .pay_info_box p{ text-align: center; margin-top: 8px;} .pay_info_box p a{color: #317ee7} .pay_info_box p span{ width: 82px; height: 83px; background: url(../images/contact_icon.png) 0 -79px no-repeat;display: inline-block;} .account_apply{ padding:10px 30px} .account_apply .img{ margin-top: 40px;} .apply_form p.msg{ text-align: center;color: #999} .apply_form ul{margin-left: 95px;} .apply_form ul li{position: relative;padding-left: 142px;margin-top: 25px;} .apply_form ul li em{position: absolute;top: 0px; left: 0; width: 95px; text-align: right;font-size: 16px;} .apply_form ul li input[type="text"]{ width: 196px; height: 23px; border: 1px solid #8b8a8a;padding-left: 3px; } .apply_form ul li label{ width: 160px; display: inline-block; margin-bottom: 10px;} .apply_form ul li label input{ margin-right: 3px;} .apply_buttn{ width: 130px; height: 30px; background: #0eac9d;color: #fff;margin: 40px 0 0 250px;cursor: pointer;} .show_msg{ width: 200px; height: 40px;padding-top: 25px; position: absolute; left: 40%; top: 45%; background: url(../images/li_bg.png) repeat;color: #fff;text-align: center;} .right_main{float: right; width: 197px;} .right_main .r_list{ margin-top: 30px;} .right_main .r_list h3{font-size: 24px; font-weight: normal;} .right_main .r_list p{ margin-top: 17px;} .right_main .r_list p a{color: #317ee7} .right_main .r_list p a:hover{ color: #f8625e} .ser_opre{ margin-top: 30px;} .ser_opre a{ height: 26px; line-height: 26px; padding: 0 20px; display:inline-block; border-radius: 10px;color: #fff;background: #317ee7;box-shadow: 1px 2px 3px #c5c5c5} .ser_opre a:hover{background: #1565d2} .vip_box{} .vip_box p{ margin-bottom: 10px;} .vip_box p label{ width: 92px;display: inline-block;font-size: 18px;} .vip_box p input[type="text"]{ width: 250px; height: 35px; border: 1px solid #cbc8c8;padding-left: 5px;} .vip_box p input[type="button"]{ background: no-repeat; margin-left: 10px; cursor: pointer;} .d_supplier{ margin-left: -40px;} .d_supplier li{float: left; position: relative;padding-left: 110px; height: 40px; width: 140px; margin:0 0 15px 40px;} .d_supplier li a{ height: 40px; width: 150px;display: table-cell;vertical-align: middle;} .d_supplier li img{ position: absolute; left: 0; top: 5px;} .sup_msg{ color: #898888} .sup_msg a{color: #317ee7; margin: 0 3px;} .supplier_box{ width: 430px; margin: 0 auto;} .supplier_box h3{font-size: 24px;font-weight: normal; text-align: center; margin-bottom: 40px;} .supplier_box table td{padding: 10px 0} .supplier_box table td.right{text-align: right; padding-right: 10px;} .supplier_box table input[type="text"]{ width: 295px; height: 29px; border: 1px solid #b8b5b5;padding-left: 5px;} .supplier_box table em{color: #ff0000} .supplier_box table label{margin-right: 20px;} .supplier_box table .submit_appli{ width: 110px; height: 32px; background: #317ee7;color: #fff;font-size: 16px; border-radius: 3px; margin-left: 20px; cursor: pointer;} .supplier_box table .submit_appli:hover{background: #1a71e9} .supplier_box table .error_msg{margin-left: 0;} .search_list li .supplier_p span{margin-right: 0;vertical-align: middle;font-size: 13px;} .supplier_p {margin-top: 4px;position: relative;} .supplier_p span{ display: inline-block;} .supplier_p .gy_info{display: inline-block; width: 220px;} .supplier_p .gy_info a{color:#0eac9d;width: 220px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;} .supplier_p .gy_info .new{ width: 27px; height: 8px; display: inline-block;background: url(../images/simple_icon.png) -154px -542px no-repeat;vertical-align: 6px;} .supplier_p .gy_info .zhe{ width: 11px; height: 11px; display: inline-block;background: url(../images/simple_icon.png) -141px -541px no-repeat;vertical-align: 9px;} .supplier_p .gy_info1 a{color: #048afb;float:right;cursor:none;} .supplier_p .gy_info1 span{width: 12px; height: 16px; display: inline-block;background: url(../images/jiantou1.jpg) no-repeat;vertical-align: middle; cursor: pointer;margin-left:5px;} .supplier_p .gy_info1 span.down{background: url(../images/jiantou2.jpg) no-repeat;} .supplier_p .yczg{position: relative;display: inline-block; margin-right: 20px;} .supplier_p .yczg em.icon{ width: 11px; height:8px;display:inline-block;background: url(../images/answer_icon.png) -63px -221px no-repeat; margin-left: 10px;cursor: pointer;} .supplier_p .list{position: absolute;top: 25px; left: -68px; width: 290px;z-index: 99;display: none;} .supplier_p .list .top_box{ height:7px; width: 289px;background: url(../images/supp_bg.png) no-repeat; } .supplier_p .list .company_list{ padding: 5px 10px 0; width: 267px;border: 1px solid #c2c1dc;border-top: none;background: #fff;} .supplier_p .list .company_list p{margin-top: 0;margin-bottom: 7px;} .supplier_p .list .company_list p a.name{color: #317ee7; width: 180px;display: inline-block; margin-right: 33px;} .supplier_p .list .company_list p.see{color: #898888} .supplier_p .list .company_list p.see a{color: #317ee7} .supplier_p .list .company_list p a:hover{color: #ff7c34} .supplier_p .opre{ position: absolute;right: 0; top: 2px; margin-top: 0;} .supplier_p .opre a{margin-right: 25px;font-size: 13px;} .supplier_p .opre a.o1, .supplier_p .opre_xt a.o1{color: #f68016} .supplier_p .opre a.o2{color: #f55858} .success_box{text-align: center;} .success_box p{font-size: 16px; margin-bottom: 40px; line-height: 25px} .success_box p a{width: 110px; height: 32px;line-height: 32px; background: #317ee7;color: #fff;font-size: 16px; border-radius: 3px;display: inline-block;} .success_box p a:hover{background: #1a71e9} .white_layer{ width: 100%; background: #fff} .black_layer:after{content:"";display:block;clear:both;} .grey_layer{ width: 100%; background: #f5f5f4} .i_main_box{ width: 1000px;margin: 0 auto;padding: 65px 0;} .i_main_box.index_main_box{ width: 696px; height:281px;margin: 0 auto;padding: 40px 0;float:left;margin:0 50px;background-color:#fff;border:2px solid #ccc;border-radius:4px;} .i_main_box.index_main_box .i_title_box2 span{color:#000;} .i_main_box.index_main_box .bom_info_box{color:#000;} .i_title_box{ width: 213px; height: 50px;border: 2px solid #3e3e3e;margin: 0 auto} .i_title_box span{ line-height: 50px;height: 50px;width: 170px; display: inline-block; border-right: 2px solid #494848;text-align: center;font-size: 20px; font-weight: bold; vertical-align: 5px;} .i_title_box em{ width: 29px; height: 27px; display: inline-block;background: url(../images/new_icon.png) no-repeat; margin: 0 0 0 9px;} .i_title_box em.e1{ background-position: -106px 0; } .i_title_box em.e2{ background-position: -189px 0; } .i_title_box em.e3{ background-position: -274px 0; } .i_title_box em.e4{height: 30px; background-position: -317px 0; } .i_title_box em.e5{ background-position: -210px -57px; } .i_title_box2{border: 2px solid #fff; color: #fff} .i_title_box2 span{color: #fff}*/ .use_website{width: 780px; margin: 30px auto 0;} .use_website li{float: left; width: 390px; margin-left: 30px; font-size: 13px;line-height: 25px;} .share_box{ width: 365px; margin: 70px auto 0; border-top: 2px solid #3e3e3e} .share_box .s_mian{ background: #fff; width: 138px; height: 31px; margin: -17px auto 0; padding-left: 5px} .share_box .s_mian a{display: inline-block; width: 34px; height: 33px;background: url(../images/new_icon.png) no-repeat; margin-left: 7px; cursor: default;opacity: 0.5} .share_box .s_mian a.qq{background-position: 0 -50px;} .share_box .s_mian a.weixin{background-position: -41px -50px;} .share_box .s_mian a.sina{background-position: -81px -50px;} .bom_info_box{ text-align: center; color: #fff; margin-top: 15px; line-height: 26px; font-size: 14px;} .b_show_box{ text-align: center; margin-top: 15px; } .b_show_box a{ width: 160px; height: 42px;background-color:#d3d7d8;display: inline-block; line-height: 42px; color: #0eac9d;font-size: 18px;border:1px solid #000;} .b_show_box a:hover{color: #fff;background-color:#ffb400} .art_left{float: left; width: 456px; height: 280px; border:1px solid #0eac9d; border-left: 20px solid #0eac9d} .art_right{float: left;} .art_right li{float: left; width: 224px;border:1px solid #3e3e3e; margin-left: 29px;} .art_right li img{ width: 224px; height: 165px;} .art_right li h3{ width: 200px; margin: 17px 0 0 14px;color: #3e3e3e; font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .art_right li p.detail{ margin: 15px 0 0 14px;padding-right: 10px; } .company_info{width: 840px; margin: 30px auto 0;} .company_info p.title{font-size: 14px; text-align: center;} .c_key_box{ margin-top: 40px;} .c_key_box dt{float: left;position: relative; width: 152px;padding: 13px 13px; border: 1px solid #3e3e3e} .c_key_box dt h1{text-align: center;font-size: 22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .c_key_box dt p{ margin-top: 10px;font-size: 12px;} .c_key_box dt p.slide{ width: 58px; border-top: 2px solid #b5b4b4;margin: 15px auto} .c_key_box dt ul{} .c_key_box dt ul li{width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #0eac9d} .c_key_box dt ul li a{color: #0eac9d;font-size: 12px} .c_key_box dt ul li a:hover{color: #ffb400} .c_key_box dt a.view{position: absolute; bottom: -16px; left:30px; width: 100px; height: 24px; line-height: 24px; border:1px solid #3e3e3e;background:#fff; display: inline-block; text-align: center;font-size: 10px;} .c_key_box dd{ float: left;margin-left: 40px; width: 585px;} .c_key_box dd li{ margin-bottom: 17px;} .c_key_box dd li h3{ font-size: 13px;width: 485px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 12px;} .c_key_box dd li p{font-size: 12px;} .c_key_box dd .c_tui a{color: #0eac9d; margin:0 5px 0 10px;} .c_key_box dd .c_tui a:hover{color: #ffb400} .web_brand_box { width: 830px; margin: 0 auto} .web_brand_box dt{ margin: 40px 10px 10px;} .logo_box2{width: 900px; margin: 55px auto 0;} .logo_box2 a{ margin: 0 15px;} .c_logo_box p{ margin-top:50px; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #3e3e3e} .c_logo_box p a{color: #666} .c_logo_box p a:hover{color: #ffb400} .i_supplier_box{ margin-top: 56px;} .supplier_main{ margin: 45px auto 0;} .supplier_main p.title{font-size: 14px; text-align: center; line-height: 30px;} .new_footer{ width: 968px; margin: 0 auto;padding: 65px 0; border-top: 1px solid #3e3e3e} .new_footer p{ text-align: center;color: #666;font-size: 12px;} .new_footer p a{color: #666;} .new_footer p em{ margin: 0 10px;} .sup_nav{ text-align: center; margin-top: 45px;} .sup_nav a{display: inline-block; padding: 10px 25px; border: 1px solid #3e3e3e; margin: 0 14px;font-size: 15px;} .sup_nav a:hover, .sup_nav a.cur{background: #0eac9d;color: #fff; border: 1px solid #0eac9d;} .supplier_list2{ margin: 55px auto 0;display: none;} .s_main_list{ width: 840px; margin: 0 auto} .supplier_block{display: block;} .s_map{float: left; width: 455px; height: 335px;} .name_list{float: right; width: 325px; height: 320px;} .name_list h3{font-size: 13px; margin-bottom: 20px;} .name_list ul li{ margin-top: 15px;font-size: 12px;} .name_list ul li .line1{position: relative;} .name_list ul li .line1 a{margin-left: 10px;width: 192px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .name_list ul li .line1 span{position: absolute;right: 0;top: 0} .name_list ul li .line2{margin:7px 0 0 18px;} .name_list ul li .line2 span{color: #0eac9d;margin-left: 10px} .name_list ul li .line2 a{color: #0eac9d;margin-left: 10px;font-size: 12px;} .supplier_more{ width: 968px;} .supplier_more .s_icon{ text-align: right;} .supplier_more .s_icon span{width: 55px; height: 22px; display: inline-block;background: url(../images/jtou.png) 0 -25px no-repeat; margin-right: 185px;cursor: pointer;} .supplier_more .s_icon span.down{background: url(../images/jtou.png) no-repeat;} .supplier_more ul{ width: 100%; padding: 10px 0; box-shadow: 2px 0px 9px #c5c4c4;border: 1px solid #c5c4c4; margin-top: 25px;display: none;} .supplier_more li{float: left;position: relative; margin:4px 0 4px 35px;width: 434px;font-size: 12px;} .supplier_more li a.b_name{color: #0eac9d; display: inline-block; margin-right: 10px; /* width: 39px; overflow: hidden; vertical-align: -5px; white-space: nowrap; text-overflow: ellipsis;*/} .supplier_more li b{display: inline-block; width: 115px;} .supplier_more li em{position: absolute;right: 0; top: 0;} .supplier_more li a.company{width: 180px; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-right: 23px;vertical-align: middle;} .new_layer_box{ position: absolute; left: 50%; top: 50%; margin:-379px 0 0 -280px; width: 550px; height: 758px; background: #fff;border: 1px solid #ddd; z-index: 99;box-shadow: 2px 2px 2px #ddd} .n_login_box{position: relative; padding: 35px 60px;} .n_login_box a.close{ position: absolute;right: 5px; top: 15px; width:22px;height:22px; display: inline-block; background: url(../images/i_icon.png) 0 -72px no-repeat;} .n_login_box p.logo{text-align: center;} .n_login_box p.title{text-align: center;font-size: 22px;} .n_login_form{ margin-top: 30px;} .n_login_form p.l_nav{ text-align: center;font-size: 16px;} .n_login_form p.l_nav span{cursor: pointer;} .n_login_form p.l_nav span.cur{font-weight: bold;} .n_login_form p.l_nav em{ margin: 0 20px;} .n_email_login, .n_phone_login, .n_phone_regist, .n_phone_regist2, .n_email_regist{ margin-left: 70px;} .n_login_form .inp_layer{ margin-top: 20px;} .n_login_form input.text{ width: 255px; line-height: 35px; height:35px;border: 1px solid #858484;padding-left: 5px;} .n_login_form input.r_butt{ width: 130px; height: 30px;background: #0eac9d;color: #fff;cursor: pointer; margin:20px 0 0 65px;} .n_login_form input.r_butt:hover{background: #edac0a} .n_login_form input.r_butt[disabled="disabled"]{background: #bbb;cursor: default;} .n_login_form .inp_layer em{color: #ff0000;margin-left: 8px;} .new_opre_box{ margin: 55px 0 0 70px;} .new_opre_box li{margin-bottom: 20px;} .new_opre_box li span{ width: 66px; display: inline-block;text-align: left;} .new_opre_box li em{margin: 0 15px} .new_opre_box li a.qq, .new_opre_box li a.weixin{width: 25px; height: 25px; display: inline-block;background: url(../images/w_login.png) no-repeat;vertical-align: middle; } .new_opre_box li a.qq{ background: url(../images/w_login.png) no-repeat; } .new_opre_box li a.weixin{ background-position: -37px 0; } .n_msg_box{ border-top: 1px solid #a7a9a9;margin-top: 45px; padding-top: 30px;text-align: center;} .n_msg_box h2{ margin-bottom: 15px;font-size: 16px; font-weight: normal;} .n_msg_box h2 span{ width: 44px; height: 38px;display: inline-block;background: url(../images/i_icon.png) -210px -45px no-repeat; } .n_msg_box p{color: #6b6a6a; line-height: 24px;} .velidate_layer{margin-top: 20px;} .velidate_layer p{margin-left: 115px; margin-bottom: 20px;} .n_login_form .xy{ width: 255px;display: inline-block;text-align: center;} .n_login_form .xy a{ color: #0eac9d} .sent_msg_box{ margin-top: 50px; height: 360px;} .sent_msg_box p{text-align: center;line-height: 35px;} .sent_msg_box p span{color: #0eac9d} .sent_msg_box p.check{ margin: 60px 0;} .sent_msg_box p.check a{ width: 130px; height: 30px;background: #0eac9d;color: #fff;cursor: pointer;display: inline-block;line-height: 30px;} .sent_msg_box p.email_opre a{ margin: 0 9px;} .sent_msg_box p.email_opre input{ margin: 0 9px; color: #317ee7;background: none;cursor: pointer;} .sent_msg_box p input[type="text"]{ width: 182px; height: 35px; border: 1px solid #858484;padding-left: 5px;} .sent_msg_box p em{color: #ff0000;margin-left: 4px;} .sent_msg_box p.line2{margin-top: 30px} .sent_msg_box .n_set_pwd{ margin-top: 10px;} .sent_msg_box ul{ margin-left: 90px; margin-top: 10px;} .sent_msg_box ul li{margin-bottom: 15px;} .sent_msg_box ul li input[type="text"], .sent_msg_box ul li input.i_text{ width: 135px; height: 30px; border: 1px solid #858484;padding-left: 5px; margin-left: 10px;} .sent_msg_box ul li em{color: #ff0000} .perfect_main{ width: 553px;margin-top: 50px;padding: 45px 140px; background: #fff;border: 1px solid #eee; border-top: 3px solid #6ecdc4;box-shadow: 2px 2px 2px #eee} .perfect_main h1{font-size: 24px; text-align: center;font-weight: normal; margin-bottom: 30px;} .perfect_main h2{font-size: 20px; text-align: center;font-weight: normal;} .perfect_main h1 em{ width:32px; height: 32px;background: url(../images/r_success.png) -133px -222px no-repeat;display: inline-block;vertical-align: -5px; margin-right: 10px; } .per_form_box{ border-bottom: 1px solid #a7a9a9;padding-bottom: 30px; margin-top: 40px;} .per_form_box li{ margin-bottom: 20px;} .per_form_box li span{width: 175px; text-align: right; display: inline-block;margin-right:44px;font-size: 16px;vertical-align: top;} .per_form_box li input.p_text{ width: 200px; height: 23px; border: 1px solid #858484;padding-left: 5px;} .per_form_box li em{ margin-left: 5px;font-size: 12px;} .per_form_box li p{text-align: center; margin-bottom: 30px;} .per_form_box li p.msg{color: #0eac9d} .per_form_box li p input{ width: 130px; height: 30px; background: #0eac9d;color: #fff;cursor: pointer;} .per_form_box li p input:hover{background: #edab05} .per_form_box li .sf_radio{display: inline-block; width: 329px;} .per_form_box li .sf_radio input{margin-right: 3px;vertical-align: middle;} .per_form_box li .sf_radio label{width: 162px;display: inline-block; margin-bottom: 10px;} .drop_yzm {position: relative;} .drop_yzm .QapTcha{margin-top: 0;width: 260px;position: relative; } .drop_yzm fieldset{padding: 0} .drop_yzm .QapTcha .bgSlider{width: 258px; border: 1px solid #b0aeae;background: url(../images/drop.png) no-repeat;} .drop_yzm .QapTcha .Slider{width: 39px; background: url(../images/drop.png) -3px -46px no-repeat;cursor: move;} .drop_yzm .QapTcha .TxtStatus{position: absolute;left: 270px; top: 6px;} .drop_yzm .QapTcha .dropError{display: none;} .drop_yzm .QapTcha .dropSuccess{ width: 17px; height: 10px; background: url(../images/drop.png) -55px -55px no-repeat;overflow: hidden;text-indent:99em;} .drag_bg{position: absolute;left: 3px;top: 1px; width: 0; height: 37px; background: #0eac9d} .drag_bg_cur{ text-align: center;line-height: 37px; color: #fff} .r_success_box li{float: left; width: 275px; height: 190px; text-align: center;margin-top: 50px;} .r_success_box li p {line-height: 26px;} .r_success_box li p a{ width: 96px; height: 69px; display: inline-block;background: url(../images/r_success.png) no-repeat;} .r_success_box li p a.s1{ background-position: 8px 0;} .r_success_box li p a.s2{ background-position: -105px 0;} .r_success_box li p a.s3{ background-position: -214px 0;} .r_success_box li p a.s4{ background-position: 8px -112px;} .r_success_box li p a.s5{ background-position: -112px -112px;} .r_success_box li p a.s6{ background-position: 0 -206px;} .r_success_box li h3{font-weight: normal;font-size: 16px; margin: 20px 0} .find_name_warp{ width: 440px; margin: 30px auto 0;text-align: center;} .find_name_warp ul{ margin-top: 35px;} .find_name_warp ul li{ margin-top: 15px;} .find_name_warp ul li input.text{width: 255px; height: 30px; border: 1px solid #858484;padding-left: 5px;} .submit_box{ margin-top: 40px;} .submit_box input{ width: 130px; height: 30px; background: #0eac9d;color: #fff; cursor: pointer;} .submit_box input:hover{background: #edac0a} .submit_box input[disabled="disabled"]{background: #c0c0c0;cursor: default;} .y_back_box{text-align: center; padding-bottom: 100px; margin-top: 100px; border-bottom: 1px solid #a7a9a9} .y_back_box a{width: 130px; height: 30px; background: #0eac9d;color: #fff;display: inline-block; line-height: 30px; text-align: center;} .y_back_box a:hover{background: #edac0a} .f_link_box{ border: 1px solid #b6eae5;padding: 20px; margin-top: 20px;} .f_link_list a{margin-bottom: 6px;display: inline-block;} .f_link_list em{ margin: 0 10px;} .code_box{ border-top: 1px solid #d4d5d5;margin-top: 20px; padding: 20px 0; text-align: center;} .code_box p{ margin-top: 20px;} .code_box .logo1, .code_box .logo2, .code_box .logo3{background: url(../images/link_icon.png) no-repeat;display: inline-block; vertical-align: middle; margin-right: 10px;} .code_box .logo1{ width: 34px; height: 32px;} .code_box .logo2{ width: 34px; height: 48px;background: url(../images/link_icon.png) 0 -45px no-repeat;} .code_box .logo3{ width: 93px; height: 32px;background: url(../images/link_icon.png) 0 -113px no-repeat;} .code_box .text{ width: 210px; height: 26px; padding-left: 3px; border: 2px solid #0eac9d;display: inline-block;vertical-align: middle;} .code_box .bttn{ width: 30px; height: 30px;background: url(../images/link_icon.png) -70px 0 #0eac9d no-repeat;display: inline-block; cursor: pointer; vertical-align: middle;} .code_box textarea{ width: 440px; height: 120px; border: 1px solid #d4d5d5; padding: 3px;} .code_box .hq_code{ border: 1px solid #d4d5d5;font-size: 13px;background: none; cursor: pointer;} .link_footer{ text-align: center;} .link_footer p{ margin-top: 40px;color: #5f5e5e} .link_footer p span{ width: 28px; height: 26px; display: inline-block;background: url(../images/link_icon.png) no-repeat;vertical-align: middle; margin:0 5px 0 20px;} .link_footer p span.phone{ background-position: -45px -47px;} .link_footer p span.email{ background-position: -57px -75px; } .link_footer p span.qq{background-position: -78px -37px;} .trans_box{position: absolute;top: 50%;left: 44%; width: 300px; height: 80px; line-height: 80px; text-align: center; background: url(../images/li_bg.png) repeat;color: #fff} .join_w_box{position: relative; margin-top: 25px; border: 1px solid #ff0000;overflow: hidden; height: 90px;} .join_w_box a.join{ position: absolute;top: 3px; right: 13px; color: #f55858;font-size: 13px; z-index: 2} .join_w_box a.right_icon{ position: absolute;top: 35px; right: 13px;width: 12px; height: 21px; background: url(../images/simple_icon.png) 0 -545px no-repeat;display: block; z-index: 1} .join_warp{} .join_warp li{position: relative; height: 70px;padding: 10px 0 ;float: left;} .join_warp li a.logo{ position: absolute;left: 10px; top: 10px} .join_warp li p{padding-left: 80px;} .join_warp li .line1 a{font-weight: bold; margin-right: 25px; } .join_warp li .line2{font-size: 13px; margin: 7px 0} .join_warp li .line2 a{ margin: 0 5px} .join_warp li p span{ margin-right: 10px;} .new_product_box{position: relative; border: 1px solid #0eac9d;padding: 0 10px 10px 80px; margin-top: 20px;min-height: 120px;} .new_product_box span.icon{position: absolute; left: 28px;top: 0; width: 25px; height: 102px; background: url(../images/simple_icon.png) -33px -539px no-repeat;display: block;} .new_product_box a.close{ position: absolute; right: 10px; top: 5px;color: #8b8d8d;font-size: 13px;} .new_product_box ul li{margin-top: 13px;} .new_product_box ul li p{margin: 7px 0} .new_product_box ul .line1{color: #908e8e} .new_product_box ul .line1 span{color: #f55858;margin-right: 20px;font-weight: bold;} .new_product_box ul .line2{font-weight: bold;font-size: 13px;} .new_product_box ul .line3{font-size: 13px;} .new_product_box ul .line3 a.other{color: #317ee7;margin:0 20px} .new_product_box ul .line3 a.cs{text-decoration: underline;} .s_top_nav{ margin-bottom: 10px;} .s_top_nav a{margin-right: 40px;} .s_top_nav a.cur{color: #f55858;} @media screen and (max-width: 1800px) { .right_fixed{ right: 0;} .compar_box{ height: 700px; } .compar_main{height: 600px;} .J-shoping{ right: 15%;} .search_warp{min-height: 500px; height:500px; margin-top: 35px;} .i_active_warp{ margin-top: 0;min-height: 580px; height:580px; } } @media screen and (max-width: 1400px) { .header{ width: 1000px;} .right_fixed{ right: 0;} .compar_box{ height: 600px; width:1020px } .compar_main{height: 500px;} .search_warp{min-height: 400px; height:400px; margin-top: 35px;} .info_main{min-height: 400px;height:auto !important; height:400px; } .search_warp{ width: 618px; min-height: 580px;height:auto !important; height:580px; margin: 0 auto; margin-top: 85px;} /*.emp_select_list li.select-item, .emp_select_list li.select-item select{width:123px}*/ .fast_warp p span.need_num{margin-left:245px;} .search_logo img{width: 333px;} .J-shoping{ right: 5%;} .mainContents{ margin-left: -75px; width: 758px;} .menusWrapper{ width: 100px} .ctnerWrapper{ margin-left: 100px} .menusWrapper a{ font-size: 16px;} .i_active_warp{ margin-top: 0;min-height: 580px; height:580px; } } /**DATE:2016-07-18 为修复IE8不兼容placeholder新增样式**/ .placeholder{ color:#aaa; } /******************************************************/ .vender_name_link{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; } /**DATE:2016-07-19 5.0新首页样式***********************/ .index_main_content{width:100%;padding:100px 0;background-color:#0f0f16;} .index_main_content:after{content:"";display:block;clear:both;} .index_main_container{width:1600px;margin:0 auto;height:360px;} .index_main_container>ul>li{float:left;width:357px;height:357px;color:#fff;margin-left:50px;} .index_main_container>ul>li:not(:first-child){border:1px solid #fff;border-radius:6px;-webkit-border-radius:6px;position:relative;z-index:10;behavior:url(PIE.htc);} .index_main_container p.welcome{color:#d3d3d3;margin-left:63px;margin-bottom:40px;padding:7px 0;} .index_main_container img{float:left;} .index_main_container li{color:#d3d3d3;} .index_main_container input{color:#fff;width:230px;line-height:50px;height:50px;background:url("../images/test/round_rect.png") no-repeat;background-color:#0f0f16;font-size:12px;padding-left:84px;padding-right:43px;} .index_main_container>ul ul li{text-align:center;width:100px;float:left;margin:60px 0 0 16px;cursor:pointer;font-size:20px;} .index_main_container .ai_list li:hover{color:#0eac9d;} .index_main_container .ai_list{position:relative;top:20px;} .index_main_container .ai_list #ai_component{background:url("../images/test/filter.png") 24px 0 no-repeat;padding-top:70px;} .index_main_container .ai_list #ai_bom{background:url("../images/test/tools.png") 24px 0 no-repeat;padding-top:70px;} .index_main_container .ai_list #ai_service{background:url("../images/test/ai_service.png") 24px 0 no-repeat;padding-top:70px;} .index_main_container .business_list li{width:117px;border:1px solid #fff;line-height:40px;margin:85px 0 0 0;} .index_main_container .business_list li:first-child{border-radius:10px 0 0 10px;border-right:none;} .index_main_container .business_list li:last-child{border-radius:0 10px 10px 0;border-left:none;} .index_main_container .business_list li:hover,.index_main_container .business_list li a:hover{color:#0eac9d;} .index_main_container>ul ul li a{color:#fff;} .index_main_container>ul ul li a:hover{color:#fff;} .index_search::-webkit-input-placeholder{color:#fff;font-size:16px;} .index_search_result{background-color:rgba(0,0,0,1);background:url("../images/23.png") no-repeat;background-size:cover;width:650px !important;overflow:auto;padding-left:20px;padding-right:20px;} .search_result{position:relative;width:100%;/*min-height:357px;*/border-radius:6px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#dd000000,endColorstr=#dd000000);} .read_everyday{text-align:center;position:relative;} .news_content{text-align:center;width:100%;height:337px;padding-top:20px;background-color:#1a1a27 !important;color:#ddd;border-radius:6px;} .title_modal{position:absolute;top:0;left:0;width:100%;height:357px;border-radius:6px;background-color:#0f0f16;} .title_modal:hover{background-color:rgba(0,0,0,0.8);} .title_modal h1{font-size:40px;margin-top:75px;color:#d3d3d3;} .title_modal>p{margin:30px 0;color:#d3d3d3} .title_modal>span{margin-bottom:60px;color:#d3d3d3;} .title_modal h1 span{color:#37b7a6;} .black_layer{width:100%;margin:0 auto;} .black_layer.supplier_logo{width:100%;background-color:#eee;} .new_footer .index_tips{color:#666;display:block;} .new_footer .index_tips a{color:#0eac9d;} .black_layer.supplier_logo .supplier_support a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px;} .black_layer.supplier_logo a{color:#37b7a6;} .black_layer.supplier_logo .supplier_list_box a{display:block;} .black_layer.supplier_logo a:hover{color:#ffb400;} .black_layer.supplier_logo ul{width:1500px;margin:0 auto;} .black_layer.supplier_logo p{font-size:10px;padding-top:20px;margin-bottom:10px;margin:0 auto;width:1500px;} .black_layer.supplier_logo p b{font-size:16px;margin-right:10px;} .index_bom_erp{background-color:#fff;padding:70px 0;} .supplier_list_box li{float:left;width:12%;margin:10px 0;line-height:50px;} .supplier_support{clear:both;margin-top:10px;padding-left:10px;} .supplier_support:after{content:"";display:block;clear:both;} .supplier_list_box:after{content:"";display:block;clear:both;} .supplier_support li{float:left;width:20%;padding:10px 0;} .friendship_link{padding-left:10px;} .friendship_link li{float:left;width:8%;padding:10px 0;} .not_login{color:#fff;} .index_nav_box.only_index{background-color:#0eac9d;} .not_login a:hover{color:#ff6700 !important;font-weight:bold;} .b_show_box a{box-shadow:2px 2px 2px #000;} .new_footer{border:none;margin-top:30px;} .start_easyread{width:128px;height:32px;line-height:32px;display:inline-block;background:url("../images/test/round_rect_sm.png") no-repeat;cursor:pointer;} .start_easyread:hover{color:#0eac9d;} .i_title_box2{height: 50px;width: 217px;} /**.i_title_box{width: 213px;height: 54px;border: 2px solid #3e3e3e;margin: 0 auto;}**/ .i_title_box2 span{font-size:20px;line-height:50px;height:50px;width:160px;border-right:2px solid #fff;} .i_title_box2 em{width:32px;height:34px;display:inline-block;margin:0 0 0 9px;} .i_title_box2 em.e2{background:url("../images/test/green_pen.png") no-repeat;background-position:0 7px;} .i_title_box2 em.e3{background:url("../images/test/green_erp.png") no-repeat;background-position:0 7px;} .search_tool{position:relative;clear:both;top:20px;} .search_btn{width:26px;height:26px;position:absolute;top:11px;right:10px;background:url("../images/test/magnifier.png") no-repeat;background-size:cover;cursor:pointer;} .search_result td span.text-primary{color:#} .news_content div h2 a{color:#0eac9d} .news_content .collect a{color:#ddd;} .news_content .collect{position:absolute;right:10px;bottom:5px;-webkit-bottom:10px;} .news_content .collect .heart{color:#ddd;padding-left:14px;background:url("../images/test/heart.png") 0 4px no-repeat;width:70px;display:inline-block;} span.label.label-danger{position:relative;top:-1px;} span.label.label-warning{cursor:pointer;} input::-webkit-input-placeholder {color: #666 !important;} .supplier_list_box li img{width:130px;height:50px;} .brand_list_box_left a.active{color:#0eac99;font-weight:bold;} .welcome{margin-left:141px;line-height:43px;color:#fff;} .supplies_details span{display:block;float:left;width:25%;margin:0 !important;text-align:left;padding-top:5px;overflow: hidden; white-space: nowrap;box-sizing:border-box;padding-left:10px; text-overflow: ellipsis;} .supplies_details{background:#fff;border-radius:2px;} .supplies_details:after{content:"";display:block;clear:both} .supplies_details span{padding-bottom:5px;} .oth_reports span{color:#0eac9d;cursor:pointer;} .diff_parts{position:fixed;right:0;top:58px;background-color:#fff;display:none;z-index:999;padding-left:30px;padding-bottom:20px;border:1px solid #000;} .diff_parts table{border-bottom:none;} .diff_parts th,.diff_parts td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;display:block;float:left;width:260px;position:relative;padding:5px;line-height:28px;border-width:1px;border-color:#333;border-style:solid;border-collapse: collapse;} .diff_parts th{background-color:#0089E1;color:#fff;} .diff_parts th,.diff_parts td:not(:first-child){width:260px;} .close_diff{float:right;line-height:28px;text-align:center;color:#333;cursor:pointer;margin-right:10px;} .close_diff:hover{color:#aaa;} .diff_parts .container_{overflow-x:scroll;max-width:1140px;overflow-y:hidden;} .diff_parts .container_ .controls span{cursor:pointer;margin-right:10px;display:inline-block;border:1px solid #333;border-radius:3px;padding:0 5px;} .sesult_main .sesult_nav{ padding-bottom:20px; border-bottom:1px dashed #333; } .sesult_main .sesult_nav a{ float:right; } .red_bord div{ float:left; } .red_bord .p_params{width:250px;} .red_bord .company_name{color:#0eac9d;display:inline-block;width:320px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;margin-right:40px} .red_bord:after{ content:""; display:block; clear:both; } .red_bord .pdf{ color:#0eac9d; } .red_bord .pdf:hover,.red_bord .company_name:hover,.supplier_p .gy_info a:hover{ color:#ff6700; } .red_bord table td{ border:1px solid #333; padding:4px 10px; } .red_bord table td:first-child{ width:400px; } .red_bord table td:last-child{ width:650px; } .red_bord .ask_price{ float:right; } .red_bord .supplies_size span{ margin-right:20px; } .links a,.supllier_container .company_name{ color:#0eac9d; } .supllier_container .company_name,.supllier_container .order_goods{ margin-right:40px; } .supllier_container li{ padding-bottom:10px; } .supllier_container img{ position:relative; top:4px; margin-right:40px; } .search_list .supplier_b{ background-color:#fff; border:1px solid #333; padding-bottom:10px; } a.push_list_.gray{ background: url('../images/test/shopping_car_gray.png') no-repeat !important; cursor:default; } td a.push_list_.gray{ background:none !important; color:#aaa; } td a.push_list_.gray:hover{ color:#aaa; } .controls span.remove:hover{ color:#ff6700; } .search_read li label{ cursor:pointer; display: inline-block; max-width: 185px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } .filter_ul input[type='checkbox'],.search_read input[type='checkbox']{ background-color: #fff; appearance: none !important; -webkit-appearance: none; -moz-appearance:none; width: 13px; height: 13px; border: 1px solid #333; margin-right: 4px; position: relative; top: 2px; } .filter_ul input[type='checkbox'].checked,.search_read input[type='checkbox'].checked{ background:url('../images/test/checked.png') no-repeat; border:none; } .filter_ul input[type='checkbox'][checked]{ background:url('../images/test/checked.png') no-repeat; border:none; } .product_need{ position:absolute; top:200px; left:50%; width:1050px; margin-left:-525px; } .product_need p{ width:40%; color:#fff; font-size:26px; margin-bottom:50px; font-weight:bold; letter-spacing:5px; text-align:center; } .product_need ul{ width:420px; } .product_need ul:after{ content:""; display:block; clear:both; } .product_need li{ width:100px; float:left; color:#fff; text-align:center; } .product_need li:not(:last-child){ margin-right:60px; } .product_need li a{ color:#fff; } .product_need li a:hover{ color:#ff6700; } .search_null_box{ position:relative; } .search_null_box .right_input{ width:600px; height:438px; background-color:#fff; border-radius:8px; float:right; position:relative; top:-280px; left:44px; box-shadow:0 0 2px #888; box-sizing:border-box; padding:34px; } .search_null_box .right_input textarea{ width:100%; margin:0 auto; display:block; border:1px solid #333; box-sizing:border-box; padding:5px; margin-bottom:20px; } .search_null_box .right_input input[type='text']{ width:170px; border:1px solid #333; line-height:24px; height:30px; border-radius:4px; box-sizing:border-box; padding-left:5px; } .search_null_box .right_input input[type="submit"]{ width:160px; line-height:26px; height:30px; background-color:#0eac9d; color:#fff; margin-top:20px; cursor:pointer; } .search_list .cs a{ display:inline-block; max-width:300px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:sub; } .relate_read li h3 a,.relate_read li p{ display:block; max-width:450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } div.clear{ padding-top:10px; border-top:1px solid #333; } .clear:after{ content:""; display:block; clear:both; } .removeall{ float:right; margin-right:20px; cursor:pointer; } #toggle_co{ position:absolute; right:-30px; top:0; width:30px; height:30px; line-height:30px; background:#0089E1; text-align:center; color:#fff; border-left:2px solid #fff; display:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /*alertMsg弹窗自定义样式*/ #alertMsg { display: none; width: 400px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 1px 1px 10px black; padding: 10px; position: absolute; text-align: center; background: #fff; z-index: 100000; } #alertMsg_tit{ font-size: 20px; text-align: left; color:#307ee7; font-weight: 800 } #alertMsg_close{ float:right; color:#ddd; cursor:pointer; } #alertMsg_info { font-size: 16px; padding: 15px 0; line-height: 1.6em; text-align: left; } #alertMsg_btn1, #alertMsg_btn2 { display: inline-block; border-radius: 5px; width:100px; background-color: #0eac9d; padding-left: 3px; color: #fff; font-size: 18px; text-decoration: none; margin-right: 10px; cursor: pointer; padding:5px; margin-top: 10px;margin-bottom:10px; } #alertMsg_btn1 cite, #alertMsg_btn2 cite { line-height: 24px; display: inline-block; padding: 0 13px 0 10px; background: url(images/gray_btn.png) no-repeat right top; font-style: normal; }}