* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;} body {margin:0;font-size:12px;color:#333333;background:#f2f2f2;} form,input,select,textarea,td,th {font-size:12px;} input,textarea,select {padding:6px;} input:focus{ outline:none;box-shadow: none;} img { border:none; max-width:100%; max-height:100%; font-size: 12px; line-height: 1.2; font-weight:normal; vertical-align: middle;} em,i{ font-style:normal;} ul li {list-style-type:none;} ol li {list-style-type:decimal;} ul,form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;} a:link,a:visited,a:active {color:#333333;text-decoration:none;} a:hover {color:#FF3300;} pre{ display: inline; white-space: inherit;} /* links */ a.w:link,a.w:visited,a.w:active {color:#FFFFFF;text-decoration:none;} a.w:hover {color:#F4F3F2;} a.b:link,a.b:visited,a.b:active {color:#007AFF;text-decoration:none;} a.b:hover {color:#FF3300;} a.g:link,a.g:visited,a.g:active {color:#666666;text-decoration:none;} a.g:hover {color:#FF6600;} /* clearfix */ .clearfix:after,.clearfix:before{content: "";display: table;} .clearfix:after{clear: both;} .clearfix{*zoom: 1;} /* basic */ .f_l {float:left;} .f_r {float:right;} .t_l {text-align:left;} .t_r {text-align:right;} .t_c {text-align:center;} .f_b {font-weight:bold;} .f_n {font-weight:normal;} .f_white {color:white;} .f_gray {color:#666666;} .f_orange {color:#FF6600;} .f_red {color:red;} .f_green {color:green;} .f_blue {color:blue;} .f_dblue {color:#007AFF;} .f_price {font-weight:bold;font-family:Arial;color:#FF0000;} .px12 {font-size:12px;} .px14 {font-size:14px;} .px16 {font-size:16px;} .px18 {font-size:18px;} .bd-t {border-top:#DDDDDD 1px solid;} .bd-b {border-bottom:#DDDDDD 1px solid;} .b10 {height:10px;} .b16 {height:16px;} .b20 {height:20px;} .b24 {height:24px;} .b32 {height:32px;} .pd3 {padding:3px;} .pd5 {padding:5px;} .pd10 {padding:10px;} .pd15 {padding:15px;} .pd20 {padding:20px;} .lh18 {line-height:180%;} .ls1 {letter-spacing:1px;} .c_p {cursor:pointer;} .c_b {clear:both;} .o_h {overflow:hidden;} .dsn {display:none;} .absm {vertical-align:middle;} /* common */ .m {margin:0 auto;width:1200px;clear:both;} .m0 {width:100%;background:#F2F2F2;} .m0 .m {background:#F2F2F2;} .m1 {background:url('../images/bg-line.png') repeat-y 960px 0;} .m1l {width:940px;float:left;} .m1r {width:239px;float:right;} .m2 {background:url('../images/bg-line.png') repeat-y 960px 0;} .m2l {width:940px;float:left;} .m2r {width:219px;float:right;} .m3 {background:url('../images/bg-line.png') repeat-y 880px 0;} .m3l {width:860px;float:left;} .m3r {width:299px;float:right;} .head {background:#f2f2f2;width:100%;height:32px;border-bottom:#E5E5E5 1px solid;z-index:9;} .head_m {margin:auto;width:1200px;color:#666666;} .head_s {height:31px;} .head_t strong{color:#FF0000;font-weight:normal;} .head_l li.head_account {float:left;margin:0 10px 0 0;} .head_r {float:right;} .head_r img {position:relative;margin:-2px 6px 0 0;} .head_l .head_account{ padding-top:8px;} .head_account{ float:left; margin-right:20px;} .head_login{ float:left; position:relative;} .h_welcome span{ color:#888;} .member-nLogin{ padding-top:8px;} .member-nLogin a{ padding:0 20px; } .member-nLogin a.m-reg{ color:#FF3300;} .head_lgHover .member-title{ border-left:1px solid #ddd; border-right:1px solid #ddd;background-color:#FFF;} .head_lgHover .member-title a{ background-position:right -32px;} .member-title{ display:inline-block; padding:0 15px; border-left:1px solid #ddd; height:20px; padding-top:7px; padding-bottom:6px; position:relative; z-index:3;} .member-title .f_b{ display:inline-block;background:url(../images/user-arrow.png) no-repeat right 7px scroll; padding-right:15px;} .head_lgHover .member-content{ display:block;} .member-content{ display:none; position:absolute; padding:9px; border:1px solid #E5E5E5; background-color:#fff; margin-top:-1px; z-index:2;} .member-Cuser{ width:180px; position:relative; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ececec;} .member-CuserImg{ width:40px; height:40px; line-height:40px; float:left;} .member-CuserImg img.CuserImg-pic{ border-radius:50%; border:1px solid #ddd;} .member-CuserInfo{ float:left;} .member-CuserInfo ul{ padding:2px 8px 0 8px;} .member-CuserInfo li{ line-height:20px;} .member-Cuser .CuserLogout{ position:absolute; right:0; top:0; color:#888;} .member-Qlink{} .member-Qlink p{ text-align:center;} .member-Qlink a.Qlink-myUp{ display:inline-block; padding:4px 15px; border:1px solid #CCC; border-radius:5px;} .member-Qlink a.Qlink-myUp:hover{ background-color:#F93; border:1px solid #F93; color:#FFF;} .head-qlink{ height:32px;} .head-qlink ul{ overflow:hidden; padding-top:7px;} .head-qlink li{ float:left; padding:0 15px; border-right:1px solid #ddd;} .head-qlink li:last-child{border-right: none;} .head-qlink li.h_mobile{ border:none;} .head-qlink li.h_mobile a {background:url('../images/ico-mobile.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_location {background:url('../images/ico-location.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_fav {background:url('../images/ico-fav.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_cart {background:url('../images/ico-cart.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_qrcode {background:url('../images/ico-qrcode.png') no-repeat 0 center;padding:0 6px 0 20px;} .header_cont{ width:100%; background-color:#F6F6F6; padding:10px 0; } .hd_bt{border-bottom: 1px solid #e5e5e5;} .logo {width:300px;overflow: hidden;} .logo h1{font-weight:normal;margin-top: 23px;} .logo h1 img{ vertical-align:middle;} .logo h1 .head-lg-name{ margin-left:20px;} /*.logo h1 p {font-size: 14px; color: #333;}*/ .head-lgr{ font-size:14px;} .head-lgr a{color: #ff820d; margin-left: 5px;} .head-lgr .head-lgr-m{ padding-top:32px;} .head_search_int{ position: relative; border:2px solid #ff820d;top: 30px;} .head_search_kw {width:610px;margin:35px 5px 0 5px;height:20px;line-height:20px;overflow:hidden;} .head_search {float:left;width:665px;height:95px; padding-top:8px;margin-left: 20px;} .head_search:hover {} .head_search .search_int_select{ display:inline-block; float:left; padding-right:10px; border-right:1px solid #ccc;} .head_search .search_int_kw{ display:inline-block; float:left; padding:0 10px;} .head_search .search_int_btn{ position: absolute; right: 0; top: 0; display:inline-block;} .search_i {width:370px;font-size:14px;height:30px;line-height:30px;padding:3px 0 0 0;color:#666666;background:url('../images/spacer.gif');border:none;} .search_m { display:inline-block; width:66px; cursor:default;padding:5px 16px 5px 15px;font-size:14px;height:26px;line-height:26px;color:#666666;background:url(../images/search-arrow-down.png) no-repeat right center scroll;border:none; cursor:pointer;} .search_s {width:120px;height:35px; line-height: 35px; border:none;padding:0;margin:0;cursor:pointer; background-color:#ff820d; color:#FFF; font-size:16px;} .search_i:focus,.search_s:focus{outline:none;} #search_module {z-index:1000;position:absolute;font-size:14px;line-height:30px;color:#666666;cursor:pointer;top: -35px;left: -2px;} #search_module ul{ padding:5px 0;} #search_module li {padding:0 15px;color:#666666;float: left;} #search_module .Current { color: #fff;background: #ff820d } #search_tips {position:absolute;width:540px;overflow:hidden;cursor:pointer; margin-top:3px; margin-left:-12px;font-size:14px;color:#666666;background:#FFFFFF;border:#ff820d 2px solid;z-index:1000;} #search_tips div { position:relative; height:22px;line-height:22px;padding:2px 8px;clear:both;overflow:hidden;} #search_tips div span {position:absolute; right: 8px; top:0;font-size:12px;} #search_tips label {display:block;width:100%; padding: 5px 0; background:#FAFAFA;font-size:12px;color:#0000CC;text-align:right;} .search_t_div_1 {color:#333333;} .search_t_div_1 span {color:#008000;} .search_t_div_2 {background:#3366CC;color:#FFFFFF;} .search_t_div_2 span {color:#FFFFFF;} .head_qrcode{ width:140px;} .qrcode_cont { text-align:center;} .qrcode_cont span{ display:block; text-align:center;} .qrcode_cont .qrcodeImg{ position: relative; display: inline-block; width: 68px; height:68px;} .qrcode_cont .qrcodeImg img{ position: absolute; top: 0; left: 0; right: 0; width:68px; height:68px; -moz-box-shadow:0px 3px 5px #e0e0e0; -webkit-box-shadow:0px 3px 5px #e0e0e0; box-shadow:0px 3px 5px #e0e0e0; } .qrcode_cont .qrcodeImgHover img{top: -10px; left: -20px; right: -20px; width: 100px; height: 100px; max-width: none; max-height: none;} .pb-carouselWarp { position: relative; overflow:hidden; margin:0 auto;} .pb-carouselWarp .pb-carousel {position: relative; height: 100%;} .pb-carouselWarp .pb-carousel li { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index:11} .pb-carouselWarp .pb-carousel .pb-this {display: block;} .pb-carouselWarp .pb-carousel li img {width: 100%;height: 100%;vertical-align: middle;} .pb-carouselWarp .pb-carousel-ind {position: absolute; bottom:10px; left: 50%;transform: translateX(-50%); z-index:22;} .pb-carouselWarp .pb-carousel-ind li {float: left; width: 35px; height: 4px; border-radius: 2px; -moz-border-radius: 7px; -ms-border-radius: 7px;overflow: hidden; margin: 0 5px; cursor: pointer; display: inline-block; background-color:#ff820d;_display: inline; border:1px solid #ddd;} .pb-carouselWarp .pb-carousel-ind .pb-this {background-color: #fff;} .pb-carouselWarp .pb-arrow { position: absolute; top: 50%; margin-top: -25px; width: 30px; height:50px; border-radius: 7px; background: #000; cursor: pointer; border: none; display:block; opacity:0.3; filter: Alpha(opacity=30); z-index:22} .pb-carouselWarp .pb-arrow-next { right:1%; background: #000 url(../images/right.png) no-repeat center;} .pb-carouselWarp .pb-arrow-prev { left:1%; background: #000 url(../images/left.png) no-repeat center;} /* menu */ .nav-box{ width:100%; background-color:#f6f6f6;} .nav-b{-moz-box-shadow:0px 5px 5px #efefef; -webkit-box-shadow:0px 5px 5px #efefef; box-shadow:0px 5px 5px #efefef; margin-bottom:5px} .nav-m{ position:relative;} .nav-catid{ position:absolute; left:0; top:0;} .catid-tle{ width:200px; height:40px; line-height:40px; background-color:#ff820d;} .catid-tle em.c-icon{display: inline-block; width:20px; height:15px; margin:0 10px 0 15px; background:url(../images/menu.png)no-repeat center 0;vertical-align: middle;} .catid-tle span{ font-size:16px; color:#FFF;} .catid-tle a{ display:block;} .menu { margin-left:216px; height:40px;line-height:40px;font-size:16px;overflow:hidden;} .menu li {float:left;} .menu .menuon a{color:#ff820d; font-weight:bold;} .menu a:link,.menu a:visited,.menu a:active {display:block;height:40px;padding:0 15px; font-weight:bold;} .menu a:hover {color:#ff820d; font-weight:bold;} .menu .menuHighlight a{ color:#F00;} .footer{ background-color:#CCC; padding:20px 0;} .friends-link{ margin-top:20px;} .friends-link .m{ background-color:#FFF;} .footerLink{ width:880px;} .linkTleTop{ position:relative;} .linkTleName{ font-size:14px; height:30px; line-height:30px; padding:0 10px;} .linkTleTop .linkMore{ position:absolute; right:10px; top:12px;} .linkMain ul{ overflow:hidden; padding:5px 10px 10px;} .linkMain li{ float:left; margin-right:20px; margin-bottom:10px;} .linkMain li a{ color:#666;} .linkMain li a:hover{ color:#ff820d;} .footerWechat{ text-align: center;} .footerWechat span{ display: inline-block; width: 100px; text-align: center; margin: 5px 30px;} .footerWechat img{ margin-bottom: 5px;} .footerQR{ width: 300px;} .footerQR li{ float: left; width: 100px;} .footerQR li span{ display: block; text-align:center; padding: 0 5px;} .foot {color:#666666;text-align:center;line-height:32px;padding:10px 0 10px 0;} .footer_page{padding:10px 0;text-align:center;overflow:hidden;} .footer_page a{color:#666666;} .footer_bottom{ text-align:center;color:#666666;} /* layout */ .m_l {width:880px;} .m_r {width:300px;} .m_n {width:20px;} .m_l_1 {width:1000px;} .m_r_1 {width:180px;} /* left */ .left_box {border:#DDDDDD 1px solid;} .left_head {border-bottom:#DDDDDD 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;} .left_head strong {font-size:16px;} .left_head em {font-style:normal;color:#666666;} /* box */ .box_head {border-bottom:#DDDDDD 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;} .box_head strong {font-size:14px;display:block;} .box_head em {font-style:normal;color:#666666;} .box_body {padding:10px;} .box_body li {height:32px;line-height:32px;overflow:hidden;} .tab_head {border:#DDDDDD 1px solid;border-bottom:none;height:31px;line-height:31px;font-size:14px;overflow:hidden;background:#EEEEEE;font-weight:bold;} .tab_1 {float:left;padding:0 15px 0 15px;border-right:#DDDDDD 1px solid;cursor:pointer;font-weight:normal;} .tab_2 {float:left;padding:0 15px 0 15px;border-right:#DDDDDD 1px solid;cursor:pointer;background:#FFFFFF;} .tab_1_1 {border-bottom:#DDDDDD 1px solid;cursor:pointer;} .tab_1_2 {border:#DDDDDD 1px solid;border-bottom:none;cursor:pointer;font-weight:bold;} .tab_head_2 {height:27px;background:#EEEEEE;border-left:#DDDDDD 1px solid;border-right:#DDDDDD 1px solid;text-align:center;padding-left:12px;} .tab_2_1 {float:left;width:80px;height:27px;line-height:31px;overflow:hidden;background:url('../images/tab_2_1.gif') no-repeat 6px right;cursor:pointer;} .tab_2_1 span {color:#333333;} .tab_body_2 {border:#DDDDDD 1px solid;border-top:none;} .li_dot li {background:url('../images/li_dot.gif') no-repeat 5px 10px;padding:0 10px 0 12px;} /* pages */ .pages {padding:24px 0;text-align:center;font-size:12px;color:#666666;clear:both;} .pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:6px;text-decoration:none;} .pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:6px;text-decoration:none;} .pages strong {background:#258CFF;padding:6px;border:#258CFF 1px solid;color:#FFFFFF;} .pages_inp {width:32px;border:#DDDDDD 1px solid;color:#666666;padding:4px;text-align:center;} .pages_btn {width:32px;border:#FF6600 1px solid;color:#FFFFFF;padding:4px 6px;background:#FF6600;font-weight:bold;font-size:11px;} .pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:6px 6px;} .pages label em {color:red;font-weight:bold;font-style:normal;} .pages label span {font-weight:bold;} .pages cite {font-style:normal;} /* table */ .tb {width:100%;} .tb th {background:#EEEEEE;} .tb td {border-bottom:#DDDDDD 1px solid;} .tb tr:hover {background:#F3F3F3;} .tf {width:100%;} .tf td {border-top:#F0F0F0 1px solid;} .tf tr:hover {background:#F4F4F4;} .tf .tl {width:100px;text-align:right;} .btns {padding:20px 20px 20px 150px;} .thumb {padding:6px 0;} .thumb img {border:#DDDDDD 1px solid;padding:2px;} .thumb li {height:22px;line-height:22px;overflow:hidden;} .thumbml ul {margin:10px 0 15px 0;} .imb img {border:#DDDDDD 1px solid;padding:3px;} /* album */ #mid_pos {position:absolute;} #mid_div {width:320px;height:240px;cursor:crosshair;padding:6px;border:#CCCCCC 1px solid;background:#F3F3F3;} #zoomer {border:#333333 1px solid;width:120px;height:90px;background:#FFFFFF url('../images/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);} #big_div {width:400px;height:300px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;} #big_pic {position:absolute;} .ab_im {padding:2px;margin:10px 0 10px 32px;border:#C0C0C0 1px solid;} .ab_on {padding:2px;margin:10px 0 10px 32px;border:#FF6600 1px solid;background:#FF6600;} /* ads */ .adword table {background:url('../images/adword_bg.gif') repeat-x 0 bottom;} .adword_tip {color:#FF1100;border-bottom:#DDDDDD 1px solid;padding:8px 10px 8px 28px;background:url('../images/arrow_up.gif') no-repeat 10px 8px;} .sponsor {margin-bottom:10px;} .btn_s {background:#2388FA;color:#FFFFFF;border:none;padding:2px;letter-spacing:1px;} .btn_r {background:#D7D7D7;color:#666666;border:none;padding:2px;letter-spacing:1px;} .bd {border:#CAD9EA 1px solid;} .highlight {color:red;} .jt {color:#003278;cursor:pointer;} .np {padding:20px 30px 20px 50px;line-height:25px;} .lazy {background:#FAFAFA url('../images/loading.gif') no-repeat center center;} .slide {background:#FAFAFA;overflow:hidden;} .btn,.btn-green,.btn-blue,.btn-red {color:#FFFFFF;font-size:14px;width:100px;line-height:32px;border:none;border-radius:4px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;} .btn{background:#FFFFFF;border:#DDDDDD 1px solid;color:#333333;} .btn:hover{background:#D9D9D9;border:#CDCDCD 1px solid;} .btn-green{background:#1AAD19;border:#18A117 1px solid;color:#FFFFFF;} .btn-green:hover{background:#179B16;border:#159014 1px solid;} .btn-blue{background:#007AFF;border:#1E74D0 1px solid;color:#FFFFFF;} .btn-blue:hover{background:#0569D5;} .btn-red{background:#F8F8F8;border:#C6C6C6 1px solid;} .btn-red:hover{background:#CE3C39;border:#BF3835 1px solid;color:#FFFFFF;} /* position */ .nav {padding:10px 10px 10px 25px;height:24px;line-height:24px;background:url('../images/ico-nav.png') no-repeat left center; font-size:14px;} .nav a{color:#888888;} .nav a:hover{color:#F00;} .nav div {float:right;} .nav i {font-style:normal;font-weight:bold;color:#888888;padding:0 6px;font-family:simsun;} .nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;} .nav .nav-reset{display:inline-block;margin-left:20px;padding:0 10px;background:#ff820d;color:#fff;border-radius:5px;cursor:pointer;} /* crumbs new */ .pos { position: relative; padding:10px 10px 10px 25px;height:20px;line-height:20px;background:url('../images/ico-nav.png') no-repeat left center;} .posL a{ font-size:12px; color:#888888;} .posL a:hover{color:#F00;} .posL i {font-style:normal;font-weight:bold;color:#888888;padding:0 3px;font-family:simsun; font-size:12px;} .pos .posR{ position: absolute; top: 10px; right: 10px;} .pos .posR b{ font-size: 14px; color: #f00; padding: 0 5px;} /* show */ .title {line-height:30px;text-align:center;font-weight:bold;font-size:22px;padding:20px 10px;margin:0;} .title_trade {font-weight:bold;font-size:22px;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:#DDDDDD 1px solid;} .info {padding:16px;background:#ececec;} .introduce {margin:20px 0;padding:20px;line-height:180%;font-size:14px;background:#ececec;border-left:#DDDDDD 2px solid;} .content,.articleContentShow{font-size:16px;line-height:200%;padding:16px;} .content p {text-indent:2em;} .news-show .articleContentShow p {text-indent: 0;} .content a:link,.content a:visited,.content a:active {color:#225588;text-decoration:underline;} .content a:hover {color:#FF6600;text-decoration:none;} .property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:10px;margin:0 10px 0 10px;} .property li {float:left;width:30%;height:22px;line-height:22px;overflow:hidden;} .detail {background:url('../images/arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;} .related {padding:10px 16px;line-height:32px;} .related a {font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .keylink {font-weight:normal;padding:0 3px 0 3px;} .share {width:20px;height:20px;cursor:pointer;margin-left:10px;} .share:hover {width:24px;height:24px;} .award {padding:32px;text-align:center;} .award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;cursor:pointer;} .award div:hover {background:#E94657;color:#FFFFFF;} #comment_main div {height:100px;background:url('../images/loading.gif') no-repeat center center;} /* new 2021-10-11 */ /* search&sell filter */ .filterBox{ border-top: 2px solid #e25d00;background-color: #FFF; box-shadow: 0px 2px 6px 0px rgba(200,200,200,0.8); -webkit-box-shadow: 0px 2px 6px 0px rgba(200,200,200,0.8); -moz-box-shadow: 0px 2px 6px 0px rgba(200,200,200,0.8); } .filterCate{ background-color: #FFF; margin-bottom: 20px;} .cateColumn{ position: relative; background-color: #f2f2f2;} .cateColumn li{ float: left; border-right: 1px solid #e2e2e2;} .cateColumn li a{ display: inline-block; font-size: 16px; font-weight: 500; height: 20px; line-height: 20px; padding: 12px 30px;} .cateColumn li.colActive{ border-right: 0;} .cateColumn li.colActive a{ background-color: #FFF; color: #e55f00; font-weight: bold;} .cateColumn li span{ font-size: 12px; color: #f00;} .cateColumn .foldBtn{ position:absolute; right: 10px; top: 14px; display: inline-block; height: 16px; line-height: 16px; padding-right: 15px; color: #888; cursor: pointer; background: url(../images/layoutIconBg.png) no-repeat scroll;} .cateColumn .fold{ background-position: 27px -21px; } .cateColumn .unfold{ background-position: 27px -37px; } .cateColumn .foldBtn:hover{color: #f00;} .filterCont{ margin:20px 15px 0 15px;box-shadow: 0px 0px 5px 0px rgba(200,200,200,0.8); -webkit-box-shadow: 0px 0px 5px 0px rgba(200,200,200,0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(200,200,200,0.8);} .filterCont .filItem{ position: relative; border-bottom: 1px solid #e5e5e5;} .filterCont .filName{float: left; width: 136px; line-height: 50px; text-align: right; padding-right: 10px;color: #999;} .filterCont .filList{ float: left; width:1024px;} .filterCont .filCatid .filList,.filterCont .filBrand .filList{ overflow: hidden;} .filterCont .filList ul{ margin:5px 0 0 30px;} .filterCont .filList li{ float: left; display: inline-block; height: 30px; margin-right:26px; margin-bottom: 10px; overflow: hidden;} .filterCont .filList li a{ display: inline-block; width: 100px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .filterCont .filList .filMore{ position: absolute; right: 10px; top: 13px; display: inline-block; height: 16px; line-height: 16px; padding: 2px 15px 2px 6px; border: 1px solid #eaeaea; color: #888; background: url(../images/layoutIconBg.png) no-repeat scroll; cursor: pointer;} .filterCont .filList .filMorehover{ border: 1px solid #f00; color: #f00; } .filterCont .filCatid .filList li a{ width: 160px;} .filterCont .filList li.filActive a{color:#FF6600;} .filterCont .brandList li a {height: 40px;} .filterCont .brandList li a span {display: inline-block;position: relative;height: 40px;width: 100px;} .filterCont .brandList li a span img {position: absolute;top: 0;left: 0;right: 0;bottom:0;margin: auto;} .filterCont .filList .filMoreHide{background-position: 31px -75px;} .filterCont .filList .filMoreHide.filMorehover{ background-position: 31px -119px;} .filterCont .filList .filMoreShow{background-position: 31px -53px;} .filterCont .filList .filMoreShow.filMorehover{ background-position: 31px -97px;} .filterCont .filList .paraItem{ position: relative; float: left;margin: 0 15px;} .filterCont .proType .filList a {height: 30px;line-height: 30px;} .filList .paraItem .paraName{ height: 50px; line-height: 50px; width: 60px; padding: 0 15px; text-align: center; cursor: pointer;} .filList .paraItem .paraName span{ display: inline-block; height: 16px; line-height: 16px; padding-right: 20px; background: url(../images/layoutIconBg.png) no-repeat scroll;background-position: 31px -77px;} .filList .paraHover .paraName span{ color: #f00; background-position: 31px -55px;} .filList .paraItem .paraList{ display: none; position: absolute; left: 0; top: 50px; width: 500px; background-color: #FFF; border: 1px solid #eaeaea; padding: 8px 8px 3px 8px; z-index: 9;} .filList .paraItem .paraList a{ display: inline-block; padding: 5px 10px; margin-bottom: 10px;} .filList .paraHover .paraName{border: 1px solid #eaeaea; margin: -1px;} .filList .paraHover .paraList{ display: block; margin-left: -1px; } .filList .paraActive .paraName span{ color: #f00;} .filSelected ul{ padding: 10px 0 0 10px;} .filSelected li{ float: left; margin: 0 15px 10px 0;} .filSelected li.filSelectedName{ height: 28px; line-height: 28px;} .filSelected li a{ position: relative; display: inline-block; height: 16px; line-height: 16px; padding: 5px 15px 5px 10px; border: 1px solid #eaeaea; color: #f00; height: 16px; line-height: 16px;} .filSelected li .sTitle{ color: #888;} .filSelected li .sClose{ position: absolute; right: -8px; top: -8px; font-size: 16px; display: inline-block; width: 16px; height: 16px; line-height: 16px; border: 1px solid #F00; border-radius: 50%; text-align: center;} .filSelected .selectedReset{ position: absolute; right:10px; top: 16px; color: #666; cursor: pointer;} .filSelected .selectedReset:hover{ color: #f00;} .contListRank{ position: relative; background-color: #f2f2f2; height: 50px;} .contListRank .rItem{ float: left; height: 50px;} .contListRank .rItemDrop{position: relative; width: 100px; z-index: 2;} .contListRank .rItemDrop .dropName{ height: 50px;} .contListRank .rItemDrop .dropName span{display: block; line-height: 50px; text-align: center; cursor: pointer;} .contListRank .rItemDrop .dropItem{ display: none; position: absolute; background-color: #FFF; border: 1px solid #eaeaea; border-top: 0; padding: 10px 10px 5px 10px; z-index: 9;} .contListRank .defaultRort{ width: 60px;} .contListRank .defaultRort span{ display: block; line-height: 50px; text-align: center; color: #FFF; background-color: #ff7e00; cursor: pointer;} .contListRank .priceRort{ width: 70px;} .contListRank .priceRort span{ display: block; line-height: 50px; text-align: center; cursor: pointer;} .contListRank .rPrice{ width: 200px; padding: 0 10px;} .contListRank .rPrice input{ width: 60px; height: 18px; line-height: 18px; padding:2px 5px; font-size: 12px; color: #999; border: medium none;} .contListRank .rPriceBox{ margin-top: 14px;} .contListRank .rPrice .rpBtn{ display: inline-block; padding:2px 6px; border: 1px solid #ddd; color: #888; margin-left: 5px;} .contListRank .rPrice .rpBtn:hover{ border: 1px solid #f00; color: #f00; cursor: pointer;} .contListRank .rAddress .addItem{ width: 400px;} .contListRank .rAddress .addItem a{ display:inline-block; padding: 5px 10px;} .contListRank .rAddress .areaname .rIconClose{ font-size: 14px; color: #f00; cursor: pointer; padding-left: 5px;} .contListRank .Bmode .modeItem{ width: 200px; padding: 10px;} .contListRank .Bmode .modeItem a{ display:inline-block; padding: 5px 15px;} .contListRank .rItemDrop.rankHover .dropItem{ display: block;} .contListRank .rItemDrop.rankHover .dropName span{ background-color: #fff; color: #f00;} .contListRank .rItemCbox{ line-height: 50px; margin: 0 15px;} .contListRank .rItemCbox label{ cursor: pointer;} .contListRank input.rankckb{ padding: 0; margin: 0; vertical-align: middle; margin-right: 5px;} .contListRank .rIcon{ display: inline-block; width:10px; height: 10px; margin-left: 6px; background: url(../images/layoutIconBg.png) no-repeat scroll;background-position: -1px -79px;} .contListRank .rankHover .rIcon{background-position: -1px -59px;} .ListRankFixed{ position: fixed; top: 0; width: 1390px; z-index: 999; box-shadow: 0px 2px 6px 0px rgba(200,200,200,0.8); -webkit-box-shadow: 0px 2px 6px 0px rgba(200,200,200,0.8); -moz-box-shadow: 0px 2px 6px 0px rgba(200,200,200,0.8); } .rankRpos{ position: absolute; right: 0; top: 0;} .rankRpos .rkTr{ height: 50px; line-height: 50px;} .rankRpos .rkTr span{ padding: 0 10px; color: #888;} .rankRpos .rkTr span.rM{ cursor: pointer;color: #666;} .rankRpos .rkSh{ display: none; font-size: 0; margin-top: 9px; margin-right: 9px;} .ListRankFixed .rankRpos .rkSh{ display: block;} .ListRankFixed .rankRpos .rkTr{ display: none;} .rankRpos .rSh{ display: inline-block;} .rankRpos .rShInt{ width: 440px; height: 28px; line-height: 28px; padding: 0 5px; border: 2px solid #e55f00;} .rankRpos .rShBtn{ display: inline-block; width:70px; height: 32px; line-height: 32px;} .rankRpos .rShBtn input{ border: medium none; display: inline-block; width:70px; height: 32px; font-size: 12px; text-align: center; color: #FFF; background-color: #e55f00; cursor: pointer;} /* search list & sell list */ .list_sellCont{} .list_sellCont .listItems{float:left; display:inline-block; width:228px; height:381px; margin-right:15px; margin-bottom:10px; background-color:#FFF;} .list_sellCont .listItems:nth-child(5n){margin-right: 0;} .list-products-box{border: #eaeaea 1px solid;height:380px; background-color:#FFF;} .listItemsHover .list-products-box{border: #e55f00 1px solid; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .list-products-item li{ padding:0 8px;} .list-products-img{ position:relative;width: 226px; height:226px;border-bottom: #eaeaea 1px solid; overflow:hidden;} .list-products-img a{position: relative;display: table-cell;width: 226px; height:226px;text-align: center;vertical-align: middle;} .list-products-img a em.recomm-ad {position: absolute;z-index:9;left:0;top:0;width:50px;height:20px;background:url(../images/prorecomicon.png) no-repeat left center;} .list-products-img a i.grey-ad {position: absolute;right: 5px;bottom: 5px;background: #d1d1d1;color:#fff;font-size: 12px;padding: 3px 10px;border-radius: 15px;} .list-products-img a:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .list-products-img .proVideoIcon{ position:absolute; left:50%; top:50%; display:block; width:60px; height:60px; margin-left:-30px; margin-top:-30px;} /*.listItemsHover .list-products-item li.list-products-nameH,*/ .list-products-item li.list-products-name{line-height: 23px;height: 46px;padding: 10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .list-products-item li.list-products-nameH{line-height:18px;height:18px; margin-bottom: 0px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} /*.listItemsHover .list-products-item li.list-products-nameH{ margin-bottom: 5px;} .listItemsHover .list-products-model{ display: none;}*/ .list-products-name a{ display: block; font-size: 14px;} .list-products-item li.list-products-price{ position: relative; height: 26px;} .list-products-price .proPriceNum{ font-size: 14px; color: #f00;} .list-products-price .priceNum{ font-size: 20px; font-weight: 500; color: #f00;} .list-products-price .priceDis{ position: absolute; right: 8px; top: 5px; font-size: 12px; color: #0095ff;} .list-products-price .priceDis:hover{color: #ff7e00;} .list-products-model .list-proModel{ line-height: 18px; height: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .list-products-model .list-proModel span{ color: #888;} .list-products-price .list-proPrice{position: absolute; right: 8px; top: 0;} .list-products-price .list-proPrice .priceDis{position: relative; right: 0; top: 0;} .list-products-item li.list-products-company{ position: relative; border-top: 1px solid #eaeaea; padding: 10px;} .list-products-company a{ display: block;line-height:20px;height:20px; margin-right: 22px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; color:#666;} .list-products-company a:hover{color: #ff7e00;} .list-products-company .comVip{ display: inline-block; width: 16px; height: 16px; vertical-align: middle; padding-top: 4px; margin-right: 5px; background: url(../images/layoutIconBg.png) no-repeat scroll; font-size: 0; background-position: 0 0;} .list-products-company .comVal{ position: absolute; right: 8px; top: 8px; display: inline-block; width: 18px; height: 16px; background: url(../images/layoutIconBg.png) no-repeat scroll; background-position: -21px 0;} .list-products-item li.list-products-btns{} .list-products-btns .proBtnBox{ position: relative; padding-top: 5px; border-top:1px solid #f2f2f2; line-height: 28px;} .list-products-btns .proArea{ color: #888;} .list-products-btns .proBtn{ position:absolute; right: 0; top: 7px; height: 22px; line-height: 22px;} .list-products-btns .proBtn span{ display: inline-block; vertical-align: middle;} .reverseProduct {margin-top: 30px;background: #fff;border-top: 1px solid #000;box-sizing: border-box;padding: 10px;} .reverseTitle {font-size: 18px;font-weight: normal;position: relative;} .reverseTitle a {position: absolute;right: 0; top: 3px;font-size: 12px;color: #999;} .reverseTitle i {color: #f00;} .reverseCompanys .companyBox {float:left;width: 49.5%;margin-top: 10px;box-sizing: border-box;padding: 10px;border: 1px solid #d1d1d1;} .reverseCompanys .companyBox:nth-child(odd) {margin-right: 1%;} .reverseCompanys .companyBox dd {float: left;width: 30%;height: 156px;position: relative; background-color: rgba(0, 0, 0, 0.03);} .reverseCompanys .companyBox dd img {position: absolute;left: 0;top:0;right: 0;bottom:0;margin: auto;} .reverseCompanys .companyBox dt {float: left;width: 70%;box-sizing: border-box;padding:0 10px 10px;} .reverseCompanys .companyBox dt h2 {position: relative;width: 88%;} .reverseCompanys .companyBox dt h2 p {font-size: 20px;font-weight: 600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .reverseCompanys .companyBox dt h2 i {position: absolute;padding-left: 20px;background: url('../images/addicon.png') no-repeat left center;background-size: 30%; right: -55px; top: 5px; font-size: 12px; color: #999; font-weight: normal;} .reverseIcon .reverseVip {display: inline-block;width: 16px; height: 16px; vertical-align: middle; padding-top: 4px; margin-right: 5px; background: url(../images/layoutIconBg.png) no-repeat scroll; font-size: 0; background-position: 0 0;} .reverseIcon .reverseInfo {display: inline-block; margin-left: 5px;vertical-align: middle;width: 18px; height: 16px;line-height: 16px; margin-right: 5px; background: url(../images/layoutIconBg.png) no-repeat scroll; background-position: -21px 0; } .halfReverse, .reverseInfos {color: #333;font-size: 14px;line-height: 25px;} .halfReverse label, .reverseInfos label {color: #888;} .halfReverse li {width: 50%;float: left;} /* rightReg */ .rgtRegisterBox{ padding: 20px; background-color: #fff; color: #333; box-shadow: rgb(27 43 111 / 6%) 0px 0px 12px 0px;} .rgtRegisterBox li{ font-size: 14px; margin-bottom: 10px; color: #666;} .rgtRegisterBox li.regNm{ border-bottom: 1px solid #eaeaea; padding-bottom: 10px; color: #333; font-weight: 600;} .rgtRegisterBox .regBt{ text-align: center; margin-bottom: 10px;} .rgtRegisterBox .regBt a{ display: inline-block; padding: 8px 25px; font-size: 14px; background-color: #f84242; color: #fff;} .rgtRegisterBox .regBt a:hover{ background-color: #c42222;} .rgtRegisterBox .regTps a{ color: #1f89ff;} .rgtRegisterFixed{ position: fixed; top: 55px; z-index: 999;} /* 广告推荐 */ .rightRecom { width: 236px; background: #f4f4f4; border: 3px solid #af0001; box-sizing: border-box; margin-top: 10px; } .rightRecom .itemBox { background: #fff; margin-bottom: 5px; padding: 10px; } .rightRecom .itemBox dd { width: 90px; height: 60px; float: left; position: relative; box-shadow: 0 0 3px rgba(0,0,0,0.3) } .rightRecom .itemBox dd img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .rightRecom .itemBox dt { float: left; box-sizing: border-box; padding: 5px 10px; width: 120px; height: 60px; position: relative; } .rightRecom .itemBox dt p { font-size: 14px; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .rightRecom .itemBox dt i { position: absolute; right: 5px; bottom: 5px; color: #f00; font-size: 14px; } .rightRecom .goldAd { color: #eaff00; position: relative; padding: 10px 10px 10px 25px; background: url('../images/hoticon.png') no-repeat left center #af0001; } .rightRecom .goldAd i { position: absolute; right: 5px; background: #f4f4f4; color: #666; width: 50px; height: 20px; font-size: 12px; text-align: center; line-height: 20px; border-radius: 13px; } .rightRecomFixed { position: fixed; top: 310px; z-index: 999; } /* search */ .fsearch {padding:5px 0 10px 15px;margin:1px 1px 0 1px;background:#F5FAFE url('../images/fsearch_bg.gif') repeat-x;} .sch {padding:15px 20px 5px 20px;margin-bottom:10px;} .sch p {padding:10px 10px 10px 10px;font-size:13px;margin:0;} .sch_find {border-top:#DDDDDD 1px solid;border-bottom:#EEEEEE 1px solid;margin:5px 0 5px 0;padding:5px 0 5px 5px;font-weight:bold;} .sch_site li {background:url('../images/ico_search.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;} .sch_relate li {background:url('../images/arrow_up.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;} .rank_list {background:url('../images/rank_list.gif') no-repeat;} .rank_list li {height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 35px;} .ppt {padding:1px 15px 1px 35px;line-height:25px;} .ppt_l {width:60px;font-weight:bold;} .ppt_r {color:#DFDFDF;} .ppt span {padding:1px;background:#2E6AB1;border:#1D589E 1px solid;color:#FFFFFF;} /* sell && buy && company */ .category {padding:10px 20px 5px 15px;} .category p {padding:5px 0 5px 0;margin:0;} .category div {padding:0 20px 0 20px;} .about {border:#2786C6 1px solid;background:#F2F2F2;padding:8px;margin:15px 15px 0 15px;} .about li {padding:5px 0 5px 5px;} .about li span {display:block;width:100px;float:left;color:#1B4C7A;} .contact_head {height:44px;line-height:44px;border:#DDDDDD 1px solid;border-bottom:none;border-top:#007AFF 2px solid;background:#EEEEEE;padding:0 16px;font-weight:bold;font-size:16px;} .contact_body {padding:10px;border:#DDDDDD 1px solid;border-top:none;margin-bottom:16px;} .contact_body li {line-height:24px;border-bottom:#E2E2E2 1px solid;padding:6px 10px;} .contact_body li span {color:#1B4C7A;padding:0 8px 0 0;} .type {height:31px;line-height:31px;overflow:hidden;border-top:#DDDDDD 1px solid;background:#EEEEEE;padding-left:35px;} a.type_1:link,a.type_1:visited,a.type_1:active,a.type_1:hover {float:left;display:block;padding:0 15px 0 15px;background:#FFFFFF;color:#000000;font-weight:bold;} a.type_2:link,a.type_2:visited,a.type_2:active {float:left;display:block;padding:0 15px 0 15px;border-right:#E2F0FB 1px solid;} a.type_2:hover {background:#258CFF;color:#FFFFFF;} .img_tip {width:200px;z-index:1000;position:absolute;padding:5px;border:#DDDDDD 1px solid;background:#FFFFFF;} .vote {padding:10px;} .vote div {font-weight:bold;} .vote li {padding:3px 0 3px 0;} .vote p {margin:5px 0 5px 0;} .sort {line-height:48px;border-bottom:#DDDDDD 1px solid;font-size:14px;} .sort-k {width:80px;padding-left:10px;font-weight:bold;float:left;overflow:hidden;} .sort-v {width:850px;float:left;} .sort-v li {float:left;padding:0 10px;} .sort-v .on {background:#EEEEEE;} .sort-v i {font-style:normal;padding-left:2px;color:#999999;font-size:12px;} .sort-v b {padding:0 20px;} .sort-v input, .sort-v select {padding:4px;} .sort-v .btn-blue, .sort-v .btn {padding:0;line-height:28px;width:80px;margin-right:20px;} .list {line-height:180%;} .list:hover {background:#F2F2F2;} .list div img {border:#DDDDDD 1px solid;} .list table {width:100%;border-bottom:#DDDDDD 1px solid;} .list td {padding:10px 0 10px 0;} .list h3 {font-size:14px;margin:0px;height:22px;overflow:hidden;} .user-info { height:150px; padding:15px;background:#EEEEEE; } .info_top{ position:relative; height:60px;} .info_top p{font-size: 15px;} .user-info img {width:50px;height:50px;border-radius:50%;float:left;margin-right:10px;} .info_top .info_name{ font-size:15px; color:#666; line-height:1.6em;} .info_top .info_name strong { color:#ff820d;} .info_top .info_btn{ position:absolute; right:0; bottom:0; font-size:12px;} .info_top .info_btn a{ color:#999;} .info_top .info_btn a:hover{ color:#f00;} .info_center ul { margin-top:10px;} .info_center li {overflow:hidden; text-align:center;} .info_center li.center-im{ margin-bottom:10px;} .info_center li a{ display:inline-block; width:130px; height:26px; line-height:26px; font-size:14px; font-weight:bold; border:2px solid #ffe6ce; color:#ff820d; text-align:center;} .info_center li.center-im a{ background-color:#ffe6ce;color:#ff820d; border:none; height:30px; line-height:30px;} .user-info em {font-size:14px;font-style:normal;float:right;} .user-info .welcome-time{ display:inline-block; margin-bottom:5px;} .head-txt {padding:0 6px 10px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:20px;clear:both;} .head-txt strong {font-size:18px;} .head-txt span {float:right;font-size:14px;color:#999999;} .head-txt i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;} .head-sub {padding:0 6px 10px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:10px;clear:both;} .head-sub strong {font-size:16px;} .head-sub span {float:right;font-size:14px;color:#999999;} .head-sub i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;} .list-thumb {text-align:center;} .list-thumb img {border:#DDDDDD 1px solid;padding:2px;} .list-thumb li {height:32px;line-height:32px;overflow:hidden;} .list-img ul {margin:6px 24px 24px 0;} .list-img li {height:24px;line-height:24px;overflow:hidden;font-size:14px;} .list-img em {font-size:12px;font-style:normal;color:#999999;} .list-img i {font-size:12px;font-style:normal;color:#999999;float:right;padding-right:6px;} .list0 {width:1224px;} .list0:after {content:"";display:block;clear:both;} .list0 div {width:204px;float:left;} .list0 img:hover {border-left:#FFFFFF 1px solid;} .list1 {width:960px;} .list1:after {content:"";display:block;clear:both;} .list1 div {width:192px;float:left;} .list1 img:hover {border-left:#FFFFFF 1px solid;} .list-txt {padding:0 0 20px 0;} .list-txt li {height:32px;line-height:32px;overflow:hidden;font-size:14px;background:url('../images/li_dot.gif') no-repeat 6px center;padding:0 16px 0 16px;} .list-txt .f_r {font-size:12px;color:#666666;} .list-rank {padding:0 0 24px 0;} .list-rank li {height:32px;line-height:32px;font-size:14px;padding:0 6px;overflow:hidden;} .list-rank .f_r {float:right;font-size:12px;color:#666666;padding-left:10px;} .list-rank em {font-size: 26px; font-style: normal; color: #fff;width: 17px; height: 17px; font-size: 14px; background: #f4756d; display: inline-block;text-align: center; line-height: 20px; margin-right: 10px;} .list-rank i { font-size: 26px; font-style: normal; color: #fff; width: 17px; height: 17px; font-size: 14px; background: #c9c9c9; display: inline-block;text-align: center; line-height: 20px; margin-right: 10px;} .list-cate {} .list-cate:after {content:"";display:block;clear:both;} .list-cate td {width:410px;font-size:14px;padding:10px 10px 20px 10px;} .list-cate td:hover {background:#EEEEEE;} .list-cate p {margin:0 0 10px 0;} .list-cate li {float:left;line-height:32px;} .list-cate em {font-style:normal;color:#DDDDDD;padding:0 10px;} .list-cate i {font-style:normal;color:#DDDDDD;padding:0 10px;} .list-cate2 {padding:0 0 20px 0;} .list-cate2:after {content:"";display:block;clear:both;} .list-cate2 li {width:116px;padding:0 16px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;} .list-cate2 li:hover {background:#EEEEEE;} .list-cate2 i {font-size:12px;font-style:normal;color:#666666;padding-left:6px;} .list-area {width:880px;} .list-area:after {content:"";display:block;clear:both;} .list-area li {width:103px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;border:#DDDDDD 1px solid;margin:0 20px 20px 0;} .list-area li:hover {border:#FF6600 1px solid;} .list-area4 {padding:0 0 20px 0;} .list-area4:after {content:"";display:block;clear:both;} .list-area4 li {width:25%;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;} .list-area4 li:hover {background:#EEEEEE;} .tab-head { position: relative;} .tab-head ul {border-bottom:#ececec 1px solid;height:28px;padding-left:10px;} .tab-head li {border-bottom:#ececec 1px solid;display:inline-block;height:28px;line-height:28px;margin-right:16px;float:left;font-size:12px;} .tab-head .on {border-bottom:#007AFF 3px solid;height:26px;line-height:28px;} .tab-head .on span {color:#007AFF; font-weight: bold;} /* side */ .side em {font-size:12px;font-style:normal;color:#999999;} .side a {width:90%;display:block;font-size:16px;} .side input {width:140px;border:#DDDDDD 1px solid;border-radius:8px;padding:8px 8px 8px 26px;font-size:14px;background:#FFFFFF url('../images/icon-search16.png') no-repeat 6px center;outline:none;margin:16px 16px 16px 32px;} .side input:hover {width:180px;} .side_li {line-height:48px;height:48px;padding-left:32px;overflow:hidden;} .side_li:hover {background:#F3F3F3;} .side_on {line-height:48px;height:48px;background:#EEEEEE;padding-left:32px;overflow:hidden;} .warn {padding:30px 100px 30px 200px;} .warn div {padding:5px 0 0 60px;background:url('../images/warn.gif') no-repeat;font-size:14px;line-height:200%;} .warn h1 {font-size:16px;margin:0;} .guest_warn {padding:2px 0 2px 0;text-align:center;margin:0 130px 15px 130px;background:#FFF5D8;border:#FF7300 1px solid;} .back2top {width:58px;height:58px;position:fixed;_position:absolute;left:50%;margin-left:620px;bottom:195px;_bottom:auto;cursor:pointer;display:none; z-index:9999;} .back2top a {display:block;width:100%;height:100%;background:url('../images/back2top.png') no-repeat;} .back2top a:hover {background:url('../images/back2top.png') no-repeat -58px 0;} #powered {padding:6px 0 20px 0;} /* title */ .public_title{ position:relative; font-size:20px; font-weight:500; border-left:4px solid #ff820d; padding-left:15px; margin-bottom:15px;} .public_title a.public_more{ position:absolute; right:5px; top:4px; font-size:12px; color:#666;} .public_title a.public_more:hover{ color:#f00;} .public_title .subTitle{ font-size: 14px; color: #666; margin-left: 20px;} /*fixed left*/ .sideLeft{position:fixed;top:40%;right:0;z-index:1000} .sideTxt{margin:0 auto 30px;border-bottom:0} .sideLeft .sideTxt dl{height:auto;padding:5px;} .sideCollect dd{background:url(../images/sidecollect.png) no-repeat center;} .sideCollect{color:#f66166;} .sideOrder dd{background:url(../images/sideorder.png) no-repeat center;} .sideOrder{color:#35b6ec;} .sideCollect:hover dd{background:url(../images/sidecollect1.png) no-repeat center;} .sideLeft dl.sideCollect:hover{color:#fff;background:#f66166;} .sideOrder:hover dd{background:url(../images/sideorder1.png) no-repeat center;} .sideLeft dl.sideOrder:hover{color:#fff;background:#35b6ec;} .sideLeft dl{margin:0;box-sizing:border-box;padding:10px 0;width:40px;height:50px;border:1px solid #fff;background:#e0e0e0;text-align:center;cursor:pointer} .sideLeft dl.word{display:none;border-bottom:0} .sideLeft dl.sideItemer{position:relative} .sideLeft dl.sideItemer .sideItemerImg{display:none;position:absolute;top:0;left:-151px; width:150px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)} .sideLeft dl.sideItemer .sideItemerImg span{display:block;height:30px;text-align:center;line-height:30px} .sideLeft dl.sideItemer .sideItemerImg i{display:block;width:130px; margin:0 10px 10px;text-align:center;} .sideLeft dl.sideItemer .wechat-code{height:140px;} .sideLeft dl.sideItemer .app-code{height:170px;} .sideLeft dl.sideItemer .service-num{height:110px;} .sideLeft dl.sideItemer .service-num span{height:36px;color:#0088e8;font-weight:bolder;font-size:14px; line-height:18px; padding: 0 10px;} .sideLeft dl.sideItemer .service-num i{margin:7px 10px !important;height:50px;line-height:50px;} .sideLeft dl.wechat:hover .wechat-code,.sideLeft dl.app:hover .app-code,.sideLeft dl.service:hover .service-num{display:block;} .sideLeft dl:last-child{border-top:none} .sideLeft dl dd{height:30px;line-height:25px;margin: 0 auto;} .sideLeft dl dd img{max-width:100%;max-height:100%;} .sideLeft dl dd.iconChart{background:url(../images/wechat.png) no-repeat center;} .sideLeft dl dd.iconApp{background:url(../images/side-phone.png) no-repeat center;} .sideLeft dl dd.iconPhone{background:url(../images/service-phone.png) no-repeat center;} .sideLeft dl dd.iconTop{background:url(../images/top.png) no-repeat center;} .sideLeft .CNums{ position:absolute; left:-10px; top:0; display:inline-block; padding:2px 5px; background-color:#F00; color:#FFF; font-size:12px; border-radius:50%;} .sideLeft dl:hover{background:#ff820d;} .sideLeft dl:hover dd.iconChart{background:url(../images/wechat1.png) no-repeat center;} .sideLeft dl:hover dd.iconApp{background:url(../images/side-phone1.png) no-repeat center;} .sideLeft dl:hover dd.iconPhone{background:url(../images/service-phone1.png) no-repeat center;} .sideLeft dl:hover dd.iconTop{background:url(../images/top1.png) no-repeat center;} .sellSearchBox{ margin-top:10px;} .sellSearchLeft{ float:left; width:995px;} .sellSearchright{ float:right; width:191px;} .sellSearchBox .list_sellCont{ width:1005px;} .searchBoxM{ } .searchForm{ background-color:#FFF;-moz-box-shadow:0px 0px 5px #d4d4d4; -webkit-box-shadow:0px 0px 5px #d4d4d4; box-shadow:0px 0px 5px #d4d4d4;} .sortItemer{ height:40px; line-height:40px; padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:5px; } .sortKeys{ padding:10px 0;} .sortKeys .sortList input{ font-size:14px;} .sortItemer .sortTle{ float:left; width:72px;font-size:12px; font-weight:bold; padding-left:10px;} .sortRow li{ float:left;} .sortRow .sortRowUser{ width:59%;} .sortRow .sortRowAppli{ width:40%; border-left:1px solid #eee} .sortFilter{ height:40px; line-height:40px; background-color:#eee;} .sortFilter span,.sortFilter label{ padding:0 5px;} .sortFilter select{ padding:3px;} .sortBtnItem{ text-align:center; padding:20px 10px;} .sortBtnItem input{ margin:0 10px;} .SearchList{ padding-bottom:4px; border-bottom:1px solid #ddd; margin-bottom:10px;} .ListBox li{ line-height:20px; margin-bottom:5px;} .ListBox li.lst-t span{ color:#888;} .searchAllBox{ margin-top: 10px;} .searchAllIntBox{ margin-bottom: 20px;} .searchAllInt{ text-align: center; padding: 20px 20px 10px;} .searchInt{ border: 1px solid #ccc; line-height: 22px;} .searchAllBtn{ text-align: center; padding: 10px 20px 20px;} .list-types-box{border-top:1px solid #e7e7e7;margin:10px auto;} .list-types-cont{border-bottom:1px solid #e7e7e7;display:table;} .list-types-title{width:90px;padding:15px 0 15px 15px;box-sizing:border-box;display:table-cell;vertical-align: top;background:#efefef;color:#888; font-size:14px; text-align:right;} .list-types-main{width:1089px;padding:10px;border-left:1px solid #e7e7e7;display:table-cell;background:#fff;} .list-types-logos{width:1099px; padding-right:0;} .list-types-logos li{ float:left;width:100px;height:50px; line-height:50px;border:1px solid #e7e7e7; text-align:center; margin-right:10px;} .list-types-logos img{max-width:90%;max-height:90%;} .list-types-items{position:relative;display: inline-block;margin:0 5px;} .list-types-items em{font-size:14px;cursor:pointer;display:inline-block;padding:5px 20px;position:relative;} .list-types-items b,.list-condition-area b{display:none;position:absolute;height:5px;background:#fff;bottom:0;left:0;z-index:2;} .list-types-items:hover b,.list-condition-area:hover b{display:block;} .list-types-items em i,.list-condition-area em i{display:inline-block;width:12px;height:10px;background:url(../images/down-icon1.png) no-repeat center;margin-left:10px;transition: all .3s ease;} .list-types-items:hover em,.list-condition-area:hover em,.list-types-items.itemsHover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background:#fff;} .list-types-items.itemsHover a{ color:#F00;} .list-types-items:hover em i,.list-condition-area:hover em i {transform: rotateZ(-180deg);} .list-types-item{position:absolute;width:400px;display:none;} .list-types-items:hover .list-types-item,.list-condition-area:hover .list-condition-place{box-sizing:border-box;padding:10px;display:block;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background:#fff;z-index:1;} .list-types-item span{display:inline-block;padding:5px 10px;cursor:pointer; font-size:14px;} .list-condition{ position:relative;height:40px;padding:5px 0;background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .list-condition-area{float:left;position:relative; margin-left:10px} .list-condition-place{position:absolute;width:400px;} .list-condition-check label{margin-right:15px; font-size:14px;} .list-condition-check input{vertical-align: middle; margin:0 5px 0 0;} .list-condition-place{display:none;box-sizing:border-box;padding:10px;background:#fff; z-index:99;} .list-condition-place .list-condition-allPlace{font-size:14px;margin-bottom:5px;} .list-condition-distribute a{ display:inline-block; font-size:14px; padding:5px 10px;} .list-condition-area em{font-size:14px;cursor:pointer;display:inline-block;padding:5px 20px; height:30px; line-height:30px;position:relative;} .list-condition-check{float:left;margin-left:20px;height:40px;line-height:40px;} .list-condition-search{ position:absolute; right:10px; top:10px;} .list-condition-search input{border:none;border-radius:15px;background:#e5e5e5;box-sizing:border-box;padding: 6px 32px 6px 10px;outline:none;width:200px;} .list-condition-search i{position:absolute;width:32px;height:28px;background:url(../images/icon-search16.png) no-repeat center;right:0px;top:0px;cursor:pointer;} /*collect/order*/ .proBtn{display:inline-block;} .statusCollect{ width:25px;height:20px;vertical-align: top;background:url(../images/collect-icon.png) no-repeat center;cursor:pointer;} .proBtn-collected,.statusCollect:hover{background:url(../images/collected-icon.png) no-repeat center;} .statusOrder{width:80px;height:22px;vertical-align: bottom;line-height:20px;border-radius:10px;text-align:center;color:#ff820d;border:1px solid #ff820d;box-sizing:border-box;cursor:pointer;} .statusOrder:hover{color:#fff; background-color:#ff820d;} .proBtn-ordered,.proBtn-ordered:hover{background:#ababab;color:#fff; border:none; cursor:text;} #lgPopup{ display: none;} .popupBox{ position: relative; width:390px; padding: 10px 30px;} .popupClose{ position: absolute; display: inline-block; width: 20px; height: 20px; right: -10px; top: -22px; cursor: pointer;} .popupHead{ margin-bottom:10px;} .popupHead li{ float: left;} .popupHead li span{display: inline-block; padding: 8px 25px; font-size: 16px; line-height: 30px; color: #999; cursor: pointer;} .popupHead li.on span{ color: #ff820d; border-bottom: 2px solid #ff820d;} .popupCont{ width:390px;} .popupItemer .login-item{ height:57px;} .popupItemer .input-style,.popupItemer .input-captcha{height: 30px; line-height: 30px; padding: 5px 10px; border:1px solid #ddd; border-radius: 5px; font-size: 14px;} .popupItemer .input-Wh{ width:368px;} .popupItemer .input-captcha,.popupItemer .input-code{ width: 120px;} .popupItemer .codeBtn{ display: inline-block; height: 42px; line-height: 42px; padding: 0 15px; background-color: #0569D5; color: #FFF;border-radius:5px; margin-left: 5px;} .popupItemer .login-btn{text-align: center;} .popupItemer .login-btn .btn-blue{ width: 160px; background: #ff820d; border: #ff820d 1px solid; font-size: 14px; line-height:36px;} .popupCont{ position: relative; padding-top: 30px;} .popupCont .lgBomt{ margin-top:10px;} .popupCont .lgBomt .login-link{ text-align: right; font-size: 14px;} .popupCont .login-oauth{ margin-top: 8px; border-top: 1px solid #eee; padding-top: 6px;} .popupCont .login-oauth .oauthTle{ text-align: center; font-size: 14px; margin-bottom: 10px;} .oauthItem{ text-align: center;} .oauthItem a{ display: inline-block; width: 80px; margin: 0 20px;} .oauthItem span{ display: block; text-align: center; margin-bottom: 5px;} .oauthItem .oauth-pic img{ width: 60px; height: 60px;} .login-link .lg-reg{ color: #0569D5; padding: 0 5px;} .login-link .lg-fog{ color: #666;} .popupMsgs{ display: none; position: absolute; left: 0; right: 0; top: 0; width: 100%; text-align: center;} .popupMsgs span{ background-color: #f00; color: #fff; display: inline-block; padding: 5px 30px;} .articleContentShow{ position: relative; z-index: 1;} .contentLoginBox{ overflow: hidden;} .popupLoginBox{ position: absolute; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(to bottom,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1)); background: -o-linear-gradient(to bottom,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1)); background: -moz-linear-gradient(to bottom,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1)); background: linear-gradient(to bottom,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1)); } .popupLogin{ width: 50%; margin: 150px auto 50px;} .loginTips{padding:10px 15px;border:#FFC600 1px solid;background:#FFFEBF; text-align: center;} .loginTips p{ font-size: 16px; color:#FF7300; margin-bottom: 0 !important;} .loginBtn{ margin-top: 40px; text-align: center;} .loginBtn .lBtn{ display: inline-block; padding: 8px 35px; font-size: 16px; line-height: 1.6em; margin: 0 20px; border-radius: 5px;} .loginBtn a.lBtn:hover{ color:#fff; background-color:#c25700;transition:background-color 0.5s linear} .loginBtn .regBtn{ border: 1px solid#FF7300; color:#FF7300; background-color:#fff;} .loginBtn .lgBtn{ color:#fff; background-color:#FF7300;} .regAD{ position:fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 999999;} .regADMain{ position: relative; text-align: center;} .adClose{ position:absolute; right: 5px; top: -20px; display: inline-block; width: 18px; height: 18px; line-height: 14px; text-align: center; background-color: #CCC; border-radius: 50%; cursor: pointer;} .proAds .adImg{ margin-bottom: 20px;} /* screen>=1440 */ .layout-1390 .m {margin:0 auto;width:1390px;clear:both;} .layout-1390 .logo{ width: 400px;} .layout-1390 .head_search_kw {width: 720px;} .layout-1390 .head_search {width: 720px;} .layout-1390 #search_tips{ width: 505px;} .layout-1390 .search_i{ width: 486px;} .layout-1390 .filterCont .filList{width: 1154px;} .layout-1390 .ListRankFixed{ width: 1390px;} .layout-1390 .rankRpos .rShInt{width: 440px;} .layout-1390 .list_sellCont{ width: 1400px;} /* screen>=1200 && isWidescreen<1440 */ .layout-1160 .m {margin:0 auto;width:1158px;clear:both;} .layout-1160 .filterCont .filList{width: 982px;} .layout-1160 .ListRankFixed{ width:1158px;} .layout-1160 .rankRpos .rShInt{width: 240px;} .layout-1160 .list_sellCont{ width: 1165px;} .layout-1160 .mComLeft{ width: 898px;} .layout-1160 .comImgBox{ width: 120px; height: 120px;} .layout-1160 .comImgBox .comPic{width: 110px; height: 110px; line-height: 110px;} .layout-1160 .comListItemer{ width: 718px;} .layout-1160 .comProList{ display: none;} /* screen<1200 */ .layout-980 .m {margin:0 auto;width:924px;clear:both;} .layout-980 .logo{ width: 200px;} .layout-980 .head_search_kw {width: 580px;} .layout-980 .head_search {width: 580px;} .layout-980 #search_tips{ width: 365px;} .layout-980 .search_i{ width: 340px;} .layout-980 .filterCont .filName{ width: 110px;} .layout-980 .filterCont .filList{width: 774px;} .layout-980 .ListRankFixed{ width: 924px;} .layout-980 .ListRankFixed .rPrice{ display: none;} .layout-980 .rankRpos .rShInt{width: 240px;} .layout-980 .list_sellCont{ width: 932px;} .layout-980 .mComLeft{ float: none; width: 100%;} .layout-980 .mComRight{ display: none;} .layout-980 .comListItemer{ width: 694px;} .layout-980 .comProList{ display: none;} /*星级评价官*/ .recruit_star { position: fixed; left: 10px; bottom: 25px; z-index: 1000000; } .recruit_star p { width: 200px; position: relative; } .recruit_star i { display: inline-block; position:absolute; top: 10px; right: 10px; font-size: 18px; color: #fff; border: 1px solid; height: 20px; line-height: 17px; width: 20px; text-align: center; border-radius: 50%; cursor: pointer; } #page {margin: 20px auto;color: #666;display: block;text-align: center;} #page li {display: inline-block;min-width: 30px;height: 28px;cursor: pointer;color: #666;font-size: 13px;line-height: 28px;background-color: #f9f9f9;border: 1px solid #dce0e0;text-align: center;margin: 0 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;} #page li a{display:block;} #page li.disabled {opacity: .5;cursor: no-drop;} #page li.disabled:hover{background-color: #f9f9f9 !important;border: 1px solid #dce0e0 !important;color: #666 !important;} #page li.active {background-color: #0073A9;border-color: #0073A9;color: #FFF} #page li:hover{background-color: #0073A9 !important;border-color: #0073A9;color: #FFF} #page li a:hover{color:#fff;} .pagination{padding-bottom: 30px;} .toolbar {position: fixed;z-index: 5;right: 0;bottom: 106px;} .toolbar a {position: relative;display: block;width: 50px;height: 40px;line-height: 40px;margin-top: 1px;text-align: center;color: #fff;-webkit-box-shadow: 0 0 1px rgb(255 255 255 / 40%);box-shadow: 0 0 1px rgb(255 255 255 / 40%);} .toolbar i {position: absolute;z-index: 55;left: 0;width: 100%;height: 100%;background: #555151 url(../images/icon-toolbar.png) no-repeat;overflow: hidden;-webkit-transition: all .1s linear;transition: all .1s linear;} .toolbar span {position: absolute;z-index: 54;left: 40px;bottom: 0;width: 70px;background-color: #555151;opacity: 0;filter: alpha(opacity=0);-webkit-box-shadow: 0 0 1px rgb(255 255 255 / 40%);box-shadow: 0 0 1px rgb(255 255 255 / 40%);-webkit-transition: all .3s linear;transition: all .3s linear;} .toolbar .returntop i {background-position: center 0;} .toolbar .qq i {background-position: center -160px;} .toolbar .phone i {background-position: center -200px;} .toolbar .app i {background-position: center -120px;} .toolbar .hover i{background-color: #555151} .toolbar .phone span {width: 170px;} .toolbar .hover span{left: -70px;opacity: 1;} .toolbar .phone.hover span {left: -170px;} .toolbar .app span {width: 130px;height: 140px;padding: 5px;line-height: 20px;border: 1px solid #ddd;background-color: #fff;font-weight: 700;color: #e60000;} .toolbar .app.hover span {left: -142px;} .toolbar .app span img {width: 120px;height: 120px;}