@charset "gb2312"; body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, fieldset { margin: 0; padding: 0; list-style: none; font-family: "Microsoft YaHei"; border: none; } table{font-family: "Microsoft YaHei" !important;} body, button, input, select, textarea { font-size: 12px; color: #333;font-family: "Microsoft YaHei";} input::-ms-clear { display:none; } input, select, textarea { font-size: 100%; color: #666; } a { text-decoration: none; color: #0066cc; } a, area { bblr:expression(this.onFocus=this.blur()); outline-style: none; } a:hover { text-decoration: underline; color: #f55; } a.blue_link { color: #06c } a.blue_link:hover { color: #f60 } .gray3 { color: #333 !important; } a.gray3:hover { color: #f55; } .gray6 { color: #666 !important; } a.gray6:hover { color: #f55; } .gray9 { color: #999 !important; } a.gray9:hover { color: #f55; } * html .clearfix { zoom: 1 } *+html .clearfix { zoom: 1 } .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both } img { border: 0 none; vertical-align: top } em, i { font-style: normal } button::-moz-focus-inner { padding:0; border:0; } .taCenter { text-align: center !important; } .taRight { text-align: right !important; } .taLeft { text-align: left !important; } .f12 { font-size: 12px !important; } .f14 { font-size: 14px !important; } .f16 { font-size: 16px !important; } .f18 { font-size: 18px !important; } .f20 { font-size: 20px !important; } .f24 { font-size: 24px !important; } .f30 { font-size: 30px !important; } .fl { float: left !important; } .fr { float: right !important; } .clear { clear: both; } .none { display: none; } .block { display: block; } .mt0 { margin-top: 0!important; } .mt5 { margin-top: 5px!important; } .mt10 { margin-top: 10px!important; } .mt20 { margin-top: 20px!important; } .mt25 { margin-top: 25px!important; } .mt45 { margin-top: 45px!important; } .ml0 { margin-left: 0px!important; } .ml5 { margin-left: 5px!important; } .ml10 { margin-left: 10px!important; } .ml13 { margin-left: 13px!important; } .ml20 { margin-left: 20px!important; } .mb0 { margin-bottom: 0px!important; } .mb5 { margin-bottom: 5px!important; } .mb10 { margin-bottom: 10px!important; } .mb20 { margin-bottom: 20px!important; } .mb50 { margin-bottom: 50px!important; } .mr0 { margin-right: 0px!important; } .mr2 { margin-right: 2px; !important; } .mr5 { margin-right: 5px!important; } .mr10 { margin-right: 10px!important; } .mr15 { margin-right: 15px!important; } .wrap { margin: 0 auto; width: 1190px } .red { color: #ff5555!important; } .gray { color: #999!important; } .orange { color: #ff6600 !important; } .blue{ color:#3388bb !important;} .brown {color: #b57c5b !important;} .w90 { width: 90px !important; } .w120 { width: 120px !important; } .widAuto { width: auto !important; } .fwBold { font-weight: bold!important; } .fwNormal{ font-weight: normal;} .w1190 { width: 1190px; margin: 0 auto; } .cont404 { text-align: center; margin: 0 auto; width: 950px; } .fArial { font-family: Arial, Helvetica, sans-serif; } .mb30 { margin-bottom: 30px !important; } .fn { float: none !important; } .txt_indent{ text-indent:27px !important;} body { background: url(../images/body_bg_1.png) repeat fixed 0 0 transparent; } button::-moz-focus-inner { padding:0; border:none; } .tag_select, .tag_select_hover, .tag_select_open, .mod_minicart .cart_icon, .minus, .minusDisable, .plus, .plusDisable, .iAmount .minus, .iAmount .plus, .searchBtn i, .rightSuspension i, .appDownload i, .stitleLink i, .foot_ico01, .foot_ico02, .foot_ico03, .foot_ico04, .logoPrompt i, .allSort .more i,.mode-bd dl dt a i,.ensureBox ul li a i,.object_over .mcAmount a,.i_close,.mcGo i,.mcGraceerror i,.mc_close,.i_cart,.mc_ico01,.mc_ico02,.mc_ico03,.province_box .province_name .ci-right,.sitenav .healthNews i,.my_360jk i,.arrow_top,.search-list li i{ background: url(../images/icon_common_1.png) no-repeat; } .site-nav { width: 100%; background: #f1f1f1; text-align: center; border-bottom: 1px solid #ddd; } .site-nav:after { content: ""; display: table; clear: both } .site-nav .site-nav-bd { margin: 0 auto; width: 1190px; height: 26px; } .site-nav .site-nav-bd .site-nav-bd-l { display: inline; float: left; position: relative; z-index:99995; } .province_box .province_name { display: inline-block; line-height: 26px; padding: 0 26px 0 10px; position: relative; } .province_box .province_name .ci-right { color: #6a6a6a; font: 400 15px/15px consolas; height: 7px; width: 12px; overflow: hidden; right: 4px; top: 11px;/* transition: transform 0.1s ease-in 0s;*/ position: absolute;background-position: -44px -265px; display: inline-block } .province_box .province_name .ci-right s { /*position: relative; text-decoration: none; top: -7px;*/ display: none; } /*.site-nav-bd-l li:hover .ci-right { transform: rotate(180deg); top: 10px; }*/ .site-nav-bd .hd_fold { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 0 24px 0 9px; background-color: #fff; z-index: 999; } .site-nav-bd .hd_fold .ci-right{background-position: -86px -265px; right: 3px;} .hd_provinceList { display: none; position: absolute; top: 25px; left: 0px; width: 240px; border: 1px solid #e5e5e5; background: #fff; color: #333; font-weight: 400; cursor: default; z-index: 33; padding: 10px; } .hd_provinceList li { float: left; padding: 2px 0; width: 60px; text-align: left; } .hd_provinceList li a { color: #666; padding: 0 8px; line-height: 1.6; display: inline-block; } .hd_provinceList li a:hover { background-color: #f4f4f4; color: #ff5555; } .hd_provinceList li a.select { background-color: #ff5555; color: #fff; } .site-nav .site-nav-bd .site-nav-bd-r { display: inline; float: right; padding-top: 6px; margin-right: -10px; } .site-nav .site-nav-bd .site-nav-bd-r li { float: left; line-height: 1.2; border-right: 1px solid #e0e0e0; margin-right: -1px; padding:0 5px 0 6px; } .site-nav .site-nav-bd .site-nav-bd-r .h_service {border-right:0;padding:0 12px; margin-top:-5px;} .site-nav .site-nav-bd .site-nav-bd-r .h_service a{display:block;background:url(../images/official_service_1.png) no-repeat -2px 0;width:77px; height:23px; text-indent:-9999px; padding:0;} .site-nav .site-nav-bd .site-nav-bd-r .h_service a:hover{ background-position: -2px -24px;} .site-nav .site-nav-bd .site-nav-bd-r .h_tel{ padding:0 10px; color:#666;} .site-nav .site-nav-bd .site-nav-bd-r .h_tel span{ color:#f55; font-weight:bold;} .site-nav .site-nav-bd .site-nav-bd-r .h_tel em{ margin-left:4px; font-family:Arial; color:#666;} .site-nav .site-nav-bd .site-nav-bd-r .yaosi_service{margin-top:-5px; border: none;} .site-nav .site-nav-bd .site-nav-bd-r .yaosi_service a{display:block;background:url(../images/yaosi_service_1.png) no-repeat 0px 0;width:75px; height:20px; text-indent:-9999px; padding:0;} .site-nav .site-nav-bd .site-nav-bd-r li a { color: #666; padding: 0 5px; } .site-nav .site-nav-bd .site-nav-bd-r li a:hover { color:#f55; } .site-nav .site-nav-bd .site-nav-bd-r .my_360jk{ position:relative; z-index:9999;} .site-nav .site-nav-bd .site-nav-bd-r .my_360jk:hover{background:#fff;border-left:1px solid #e0e0e0;margin:-6px 0px 0px -1px;height: 20px;padding:6px 4px 0 6px;} .my_360jk i{ display:inline-block; width:9px; height:5px; background-position:-1px -3px; vertical-align:middle; margin:-2px 0 0 5px;} .my_360jk:hover i{background-position:-22px -2px;} .myInr{position:absolute;left:-1px;top:25px;width:100%; background-color:#fff; border:1px solid #e0e0e0; border-top:0; text-align:left; line-height:25px; padding:4px 0 6px; display:none;} .myInr span{ display:block; padding:0 0 0 12px;} .my_360jk:hover .myInr{ display:block;} #logininfo span { padding-right: 6px; color: #666; } .site_head { padding: 20px 0 0; height:100px; } .logo {margin-right:122px; float:left;} .logo p{color:#666;margin-top:-6px;text-align:right;} .logo a,.regHeader01 .reHeaInner01 .rLogo{width:190px; height:44px; display: block; margin-top:17px; } .regHeader01 .reHeaInner01 .rLogo{ margin-top:13px; float: left;} .logo a img,.regHeader01 .reHeaInner01 .rLogo img{ width:100%; height:auto;} .logoPrompt { font-size:14px; color: #666; line-height: 20px; text-align: right;} .logoPrompt i { display: inline-block; width: 15px; height: 15px; background-position: -208px -451px; vertical-align: middle; margin: -3px 3px 0 0; } .head_search { float: left; width: 600px; padding-top: 18px; } .searchForm { background-color: #fff; position: relative; z-index:9995; } .searchForm input { background-color: #fff; border: 2px solid #ff5555; border-right: 0;color: #666; float: left; height: 36px; font-size: 14px; line-height: 38px; outline: 0 none; padding: 0 5px 0 9px; vertical-align: middle; width:450px; } .searchBtn { background-color: #f55; border: 0 none; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: normal; height: 40px; line-height: 38px; text-align: center; vertical-align: middle; width: 97px; } .searchBtn i { display: inline-block; width: 21px; height: 21px; background-position: -267px -263px; vertical-align: middle; margin: -3px 5px 0 0; } .searchForm .combobox-placeholder { color: #ccc; height: 38px; left: -1px; line-height: 38px; font-size: 14px; overflow: hidden; padding-left: 11px; position: absolute; top: 1px; width: 450px;} .hotkeys{ overflow:hidden; zoom:1; clear:both; width:505px; padding-top:10px;} .word_box { margin-left:-10px;overflow:hidden; zoom:1; height:16px;} .word_box a{ float:left; border-left:1px solid #ccc; color:#999; padding:0 10px; line-height:15px;} .header { background-color: #fff; } .head_wrap { border-bottom: 1px solid #e7e7e7; background-color: #fff; position:relative; z-index:800;} .head_wrap .headerNavMain { height: 37px; margin: 0 auto; position: relative; text-align: left; width: 1190px; } .allSort { float: left; height: 36px; width: 190px; position:relative; z-index:1000;} .allSort .more { background-color: #f55; color: #fff; display: block; height: 36px; line-height: 36px; font-size: 16px; padding: 0 0 1px 14px; position: absolute; width: 176px; z-index: 100; margin-bottom: -1px; top: 0; } .allSort .more i { display: block; width: 13px; height: 7px; background-position: -237px -429px; position: absolute; right: 12px; top: 15px; } .allSort .more_on i { background-position: -237px -455px; } .allSort .more:hover { text-decoration: none; } .sitenav {float: left; height: 28px; margin: 0; vertical-align: middle; width: 993px;padding:9px 0 0 7px; } .sitenav a { color: #333; cursor: pointer; display: block; font-size: 16px; letter-spacing: normal; line-height:18px; padding: 0 16px; position: relative; word-spacing: normal; border-left:1px solid #dadada;} .headerNavMain .sitenav .home a{ border-left:0;} .sitenav a:hover { color: #f55; text-decoration: none; } .sitenav a.nav_img{ border: none; margin-top: -6px; padding:0;} .sitenav li { float: left; word-spacing: -1px; } .sitenav .appDownload a { color: #f55; } .sitenav .downloadApp a{ position:relative;} .sitenav .downloadApp a .appSpan{position:absolute;width:158px;left:50%; margin:0 0 0 -80px; height:0; overflow:hidden; zoom:1; top:18px;cursor:default; transition:all 0.25s linear 0s;} .sitenav .downloadApp a .appSpan i{ display:block; width:9px; height:5px; position:absolute; left:50%; top:6px; margin-left:-5px; background:url(../images/ico_app_1.png) no-repeat;} .sitenav .downloadApp a .appSpan span{ display:block; border:1px solid #ebebeb; background-color:#fff; text-align:center; padding:10px; margin-top:10px;} .sitenav .downloadApp a .appSpan img{ margin:0 auto;} .sitenav .downloadApp a .appSpan em{ font-style:normal; color:#999; display:block; font-size:12px; padding-top:6px;} .sitenav .downloadApp a:hover .appSpan{height:176px;} .appDownload i { display: inline-block; width: 20px; height: 20px; background-position: -434px -375px; vertical-align: middle; margin: -3px 3px 0 0; } .sitenav .healthNews{ float:right;} .sitenav .healthNews i{background-position: -4px -747px;display: inline-block;height: 15px;margin: -2px 6px 0 0;vertical-align: middle;width: 13px;} .sitenav .healthNews a{ padding:0; border-left:0;} .sortbox { height: auto;top: 37px; left:0; position: absolute; width: 190px; z-index: 99;} .sortbox ul { width: 190px; height: 450px; overflow: hidden; zoom: 1; } .stitle { transition: all 0.1s ease-out 0s; } .stitle_hover { padding-left: 5px; transition:all 0.2s linear 0s;} .category { background: #fff; border: 1px solid #2b2b2b; border-left:0; clear: both; height: 448px; left: 190px; width:998px; position: absolute; top: 0; z-index: 101; overflow: hidden; zoom: 1; padding-left:1px;-webkit-animation: categoryIn .6s 1;-moz-animation: categoryIn .6s 1;-ms-animation: categoryIn .6s 1;-o-animation: categoryIn .6s 1;animation: categoryIn .6s 1;background:rgba(255,255,255,.98);} @keyframes categoryIn{ from{transform:translateX(-5px);opacity:0.8;filter: alpha(opacity=80);} to{transform:translateX(0);opacity:0.99;filter: alpha(opacity=99);} } @-moz-keyframes categoryIn{ from{-moz-transform:translateX(-5px);opacity:0.8;filter: alpha(opacity=80);} to{-moz-transform:translateX(0);opacity:0.99;filter: alpha(opacity=99);} } @-webkit-keyframes categoryIn{ from{-webkit-transform:translateX(-5px);opacity:0.8;filter: alpha(opacity=80);} to{-webkit-transform:translateX(0);opacity:0.99;filter: alpha(opacity=99);} } @-o-keyframes categoryIn{ from{-o-transform:translateX(-5px);opacity:0.8;filter: alpha(opacity=80);} to{-o-transform:translateX(0);opacity:0.99;filter: alpha(opacity=99);} } @-ms-keyframes categoryIn{ from{-ms-transform:translateX(-5px);opacity:0.8;filter: alpha(opacity=80);} to{-ms-transform:translateX(0);opacity:0.99;filter: alpha(opacity=99);} } .category .mode-bd {float: left; overflow: hidden; zoom:1; width: 216px; padding:10px 17px 0 16px;} .category .mode-bd dl{ overflow:hidden; zoom:1;} .category .mode-bd dl dt { line-height:28px; overflow:hidden; zoom:1; border-bottom:1px solid #2b2b2b; font-size:14px; margin-bottom:6px;} .category .mode-bd dl dt a {color: #333;position:relative; display:block; padding:7px 0 0 42px;-webkit-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s; width:168px;} .category .mode-bd dl dt a:hover{ text-decoration:none; margin-left:5px;} .category .mode-bd dl dt a span{ display:block; position:absolute; left:0; bottom:0;} .category .mode-bd dl dt a i{ display:block; width:7px; height:11px; position:absolute; right:0; bottom:6px; background-position:-440px -504px;} .category .mode-bd dl dd { font-size:12px; line-height:21px; padding:1px 0 18px; margin-left:-7px; width:230px; overflow:hidden; zoom:1;} .category .mode-bd dl .ddHei01{ height:105px;} .category .mode-bd dl dd a{ float:left;display:inline-block;color:#666; background:url(../images/line_navi_1.png) no-repeat 0 center; padding:0 7px 0 8px;} .category .mode-bd dl dd a:hover{ color:#f55;} .category .bnrTop{ background-color:#e9e9e9; padding:0 1px; width:249px; float:left;} .category .bnrTop02,.category .bnrTop03{ float:right; width:249px;background-color:#e9e9e9;} .category .bnrTop03{ padding-left:1px; width:248px;} .category .bnrTop02 a{margin-bottom:1px;} .category .bnrTop a,.category .bnrTop02 a,.category .bnrTop03 a{ display:block; overflow:hidden; zoom:1;width:249px; height:448px;} .category .bnrTop a img{ width:249px; height:448px;} .category .bnrTop02 .brnLk01,.category .bnrTop02 .brnLk01 img{width:249px; height:199px;} .category .bnrTop02 .brnLk02,.category .bnrTop02 .brnLk02 img{width:249px; height:248px;} .category .bnrTop03 a,.category .bnrTop03 a img{ width:248px; height:448px;} .category .bnrTop a img,.category .bnrTop02 a img{-webkit-transition:all 0.5s ease 0s;transition: all 0.5s ease 0s;opacity: 0.9;filter: alpha(opacity=90);} .category .bnrTop a:hover img,.category .bnrTop02 a:hover img{opacity:1;filter: alpha(opacity=100);-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);} .categoryTy1 .mode-bd dl dd{ padding-bottom:9px;} .mode-left{ float:left;} .modeTtl{ color:#333; font-size:16px; padding:12px 17px 12px 16px; float:left; width:216px;} .modeTtl span{ display:inline-block; border-left:3px solid #f55; padding:0 0 0 10px;} .category .mode-left .mode-bd{ padding-top:0;} .category .bor_modeBd{ border-right:1px solid #ececec; width:215px; min-height:402px;} .stitle .stitleLink {display: block; line-height: 1.5; padding: 9px 10px 0 12px; position:relative; z-index:105; height:66px; overflow:hidden; zoom:1; background:url(../images/bg_stitlelink_1.png) repeat;} .stitle01 .stitleLink { border-top: 1px solid #2b2b2b; } .stitle .stitleLink p {padding-left: 22px;} .stitle .stitleLinkHover { background: #fff; border-left: 2px solid #2b2b2b;border-top: 1px solid #2b2b2b; padding-left:10px; padding-top:8px;} .stitle01 .stitleLinkHover { border-top: 1px solid #2b2b2b; } .last .stitleLinkHover{border-bottom: 1px solid #2b2b2b; height:65px;} .stitle .stitleLink a { font-size: 12px; margin-right: 5px; color: #999; } .stitle .stitleLinkHover a { color: #666;} .stitle .stitleLinkHover a:hover{ color:#f55;} .stitle .stitleLink .f14 { font-size: 14px; display: inline-block; color: #fff;} .stitle .stitleLinkHover .f14 { font-size: 14px; display: block; color: #333; } .sortTextarea { display: none; } .mod_minicart { position: relative; float: right; z-index: 999; margin-top: 15px; } .mod_minicart .cart_icon { background-position: -2px -293px; display: block; width: 38px; height: 30px; position: absolute; left: 14px; top: 9px; } .cart_num { background: #ff5555; border-radius: 8px; color: #fff; display: block; font-family: Arial; font-size: 12px; font-style: normal; left: 39px; line-height: 16px; min-width: 12px; padding: 0 2px; position: absolute; text-align: center; top: 3px; } .mini_cart_btn { font-size: 18px; color: #666; display: block; line-height: 42px; height: 44px; width: 143px; border: 1px solid #fff; } .mini_cart_btn:hover, .mod_minicart .on { border: 1px solid #e8e8e8; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .mini_cart_btn span { display: block; position: absolute; left: 64px; top: 0; } .searchForm .associationSearch { background-color: #fff; border: 1px solid #ccc; display: block; left:2px; position: absolute; top: 38px; width:559px; z-index: 999; } .searchForm .associationSearch ul li{word-break:break-all;color: #666666; display: block; line-height: 26px; padding: 0 10px; cursor: pointer; } .searchForm .associationSearch ul li .result_span { float: right;} .searchForm .associationSearch ul.histroyList li .his_span{ float: right; color: #999;} .searchForm .associationSearch ul.histroyList li .his_del{ display:none; float: right; text-decoration: none; color: #ff5555;} .searchForm .associationSearch ul li:hover,.searchForm .associationSearch ul li.on { background-color: #f55; color: #fff; } .searchForm .associationSearch ul.histroyList li:hover { background-color: #f8f8f8; color: #666; } .searchForm .associationSearch ul.histroyList li:hover .his_del{ display:block;} .searchForm .associationSearch ul.histroyList li:hover .his_span{ display: none;} .searchForm .closeText{ background-color: #f2f2f2; border-top: 1px solid #e6e6e6; color: #666; line-height: 26px; text-align: right;text-decoration: none; padding: 0 10px; cursor: pointer;} .searchForm .btn_associationSearch { background-color: #f2f2f2; border-top: 1px solid #e6e6e6; color: #666; line-height: 26px; text-align: center; text-decoration: none; } #allCategoryHeader { display: none; } /*ͷ������icon*/ .stitleLink i { display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin: -3px 4px 0 0; } .stitleLink .ico_01 { background-position: -4px -418px; } .stitleLink .ico_02 { background-position: -30px -418px; } .stitleLink .ico_03 { background-position: -52px -418px; } .stitleLink .ico_04 { background-position: -76px -418px; } .stitleLink .ico_05 { background-position: -101px -418px; } .stitleLink .ico_06 { background-position: -126px -418px; } .stitleLink .ico_07 { background-position: -150px -418px; } .stitleLink .ico_08 { background-position: -175px -418px; } .stitleLinkHover .ico_01 { background-position: -3px -448px; } .stitleLinkHover .ico_02 { background-position: -30px -448px; } .stitleLinkHover .ico_03 { background-position: -52px -448px; } .stitleLinkHover .ico_04 { background-position: -76px -448px; } .stitleLinkHover .ico_05 { background-position: -101px -448px; } .stitleLinkHover .ico_06 { background-position: -126px -448px; } .stitleLinkHover .ico_07 { background-position: -150px -448px; } .stitleLinkHover .ico_08 { background-position: -175px -448px; } /*���ﳵҳ�氡*/ .minicart_list { background: #fff; border: 1px solid #e8e8e8; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-size: 12px; right: 0; position: absolute; width: 350px; z-index: 10000; padding-bottom: 6px; } .minicart_list .minicartBox{max-height: 450px; min-height: 142px; overflow-x: hidden; overflow-y: auto;} .minicart_list .spacer { position: absolute; right: 0; top: -7px; background-color: #fff; width: 143px; height: 12px; } .minicart_list a { color: #666; } .minicart_list a:hover { color: #ff5555; } .minicart_list .list_detail { background: #fff; width: 338px; padding: 0 6px;} .minicart_list .minCtitle{ padding-left: 16px; font-size: 14px; line-height: 40px;} .minicart_list .list_detail .minInnerBox{ border: 1px solid #f1f1f1;} .minicart_list .list_detail ul { margin: 0 1px; width: 324px; overflow:hidden; zoom:1;} .minicart_list .list_detail li {border-bottom:1px dashed #ddd;padding:10px 10px 11px; width:314px;z-index:999;clear: both; overflow: hidden; zoom: 1; margin-bottom:-1px;} .minicart_list .list_detail li.miniSoldout .num_box { margin-top: 10px; } .minicart_list .list_detail li.miniSoldout span { color: #666; float: left; font-weight: 700; line-height: 40px; margin-left: 10px; width: 60px; } .minicart_list .list_detail .pro_img { border: 1px solid #e4e4e4; float: left; height: 50px; margin-right: 8px; width: 50px; } .minicart_list .list_detail .pro_img img { width: 50px; height: 50px; } .minicart_list .list_detail .pro_name { float: left; height: 40px; line-height: 20px; overflow: hidden; width: 170px; } .minicart_list .list_detail span.pro_name { color: #666;} .minicart_list .list_detail .pro_price p.cart_gray { color: #999; font-weight: 400; } .minicart_list .list_detail .num_box { float: left; text-align: center; white-space: normal; width: 65px; } .minicart_list .list_detail .num_box a { line-height: 20px; } .minicart_list .checkout_box { background: #f7f7f7 none repeat scroll 0 0; border-top: 1px solid #d1d1d1; float: left; padding: 10px; text-align: right; line-height: 30px; width: 328px; font-size: 14px; } .minicart_list .none_tips { font-size: 13px; padding: 40px 30px; } .minicart_list .none_tips a { color: #ff5555; } .minicart_list .checkout_box .fstrong { font-weight: bold; color: #ff5555 } .minicart_list .mcartRight { float: right; padding-right: 20px; text-align: right; width: 55px; line-height: 20px; font-size: 12px; } .minicart_list .mcartRight .pro_price { font-family: Arial, Helvetica, sans-serif; display: block; } .minus, .minusDisable, .plus, .plusDisable { border: 0 none; cursor: pointer; display: inline-block; height: 18px; vertical-align: middle; width: 18px; background-position: 0 0; } .minus { background-position: -173px -4px; } .minusDisable { background-position: -219px -4px; } .plus { background-position: -196px -4px; } .plusDisable { background-position: -242px -4px; } .num_box .minicart_num { border: 1px solid #cfcfcf; color: #262626; height: 16px; line-height: 16px; text-align: center; vertical-align: middle; width: 28px; border-left: none; border-right: none; } .minicart_list .checkout_btn { background-color: #ff5555; color: #fff; margin: 10px; padding: 0 10px; display: inline-block; line-height: 22px; font-size: 12px; border-radius: 2px; text-decoration: none; } .minicart_list .checkout_btn:hover { background: #ea4848; color: #fff; } .footer { overflow: hidden; zoom: 1; border-top: 1px solid #eee; background-color: #fff; padding-top: 18px; text-align: center; margin-top: 20px; } .footer .foot_navi { width: 1190px; margin: 0 auto; text-align: left; padding: 15px 0; overflow: hidden; zoom: 1; border-bottom: 1px solid #eee; position: relative; min-height: 134px; } .footer .foot_navi .footLeft { float: left; width: 100px; padding-left: 290px; } .footer .foot_navi .footLeft .erweima { background: #fff url(../images/erweima360_1.png) no-repeat center center; width: 98px; height: 98px; margin: 0 auto; border: 1px solid #ccc; } .footer .foot_navi .footLeft p { font-size: 12px; color: #666; text-align: center; padding-top: 8px; } .footer .foot_navi .footRight { float:left; padding-top: 6px; width:850px; } .footer .foot_navi dl { line-height: 1.5; width: 150px; float: left; font-size: 13px; padding-left: 20px; } .footer .foot_navi .lastdl { width: 100px; } .footer .foot_navi dl dt { font-size: 16px; color: #333; margin-bottom: 10px; font-weight: normal; } .footer .foot_navi dl dd { margin-bottom: 10px; } .footer .foot_navi dl dd a { color: #666; } .footer .foot_navi dl dd a:hover { color: #ff5555; } .footer .gray_box { padding: 10px 0 15px; line-height: 22px; text-align: center; color: #666; } .footer .gray_box p { font-family: "Microsoft YaHei"; } .footer .gray_box a { color: #666; font-family: "Microsoft YaHei"; } .footer .gray_box a:hover { color: #f55; } .footLogo { text-indent: -9999px; position: absolute; left: 10px; bottom: 0; width: 158px; height: 164px; background: url(../images/foot_images_1.png) no-repeat; } .foot_ico01, .foot_ico02, .foot_ico03, .foot_ico04 { float: left; width: 50px; height: 50px; } .foot_ico01 { background-position: -265px -415px; } .foot_ico02 { background-position: -331px -415px; } .foot_ico03 { background-position: -396px -415px; } .foot_ico04 { background-position: -4px -487px; } .logFooter { text-align: center; padding: 20px 0; color: #999999; font-size: 12px; line-height: 22px; } .logFooter p { text-align: center; } .logFooter a { color: #999999; font-size: 12px; line-height: 22px; } .ensureBox{ border-bottom:1px solid #eee; overflow:hidden; zoom:1; width:1190px; margin:0 auto 20px;} .ensureBox ul{ width:1240px; padding:16px 0 50px;} .ensureBox ul li{ float:left; width:290px;font-size:16px; text-align:left; overflow:hidden; zoom:1; padding:10px 0 0 20px;} .ensureBox ul li a{ display:block; position:relative; color:#999;padding:6px 0 6px 70px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;float:left;cursor:default;} .ensureBox ul li a span{ display:block; color:#333; font-weight:bold; margin-bottom:3px;} .ensureBox ul li a:hover{ text-decoration:none; /*margin-top:-4px;*/} .ensureBox ul li a i{ display:block; position:absolute; left:0; top:0; background-position:-71px -478px; width:60px; height:60px;} .ensureBox ul li a .i_ensure02{ background-position:-163px -478px;} .ensureBox ul li a .i_ensure03{ background-position:-254px -478px;} .ensureBox ul li a .i_ensure04{ background-position:-346px -478px;} /***footer��ά��***/ .ft_app,.ft_weixin{ float:left;width:132px;border:1px solid #eee;} .ft_weixin{ margin-right:50px;} .ft_app .erweima,.ft_weixin .erweima{width:110px;height:110px;margin:10px auto;background:url(../images/ft_erweima_1.png) no-repeat; padding:0;} .ft_weixin .erweima{ background-image:url(../images/ft_weixin2_1.png);} .ft_app p,.ft_weixin p{ text-align:center; font-size:12px; color:#666; line-height:25px; border-top:1px solid #eee;} /******������ť*******/ .bBlueS, .bGreenS, .bRedS { font-size: 12px; border: 1px solid #6ec1ff; color: #6ec1ff; border-radius: 2px; line-height: 17px; min-width: 20px; display: inline-block; text-align: center; text-decoration: none; padding: 0 3px; letter-spacing: 1px; font-family: '����'; } .bBlueS:hover { color: #6ec1ff; text-decoration: none; } .bGreenS { color: #7fdb0a; border: 1px solid #7fdb0a; } .bGreenS:hover { color: #7fdb0a; text-decoration: none; } .bRedS { color: #ff9a8e; border: 1px solid #ff9a8e; } .bRedS:hover { color: #ff9a8e; text-decoration: none; } .gray_border_btn { border: 1px solid #e6e6e6; color: #666; background-color: #fff; width: 114px; line-height: 34px; display: block; text-align: center; } .gray_border_btn:hover { color: #fff; background-color: #ea4848; border: 1px solid #ea4848; text-decoration: none; } .grey_border_btn, .red_border_btn { border: 1px solid #f55; width: 114px; display: block; line-height: 34px; color: #f55; text-align: center; font-size: 14px; } .grey_border_btn { border: 1px solid #e6e6e6; color: #666; } .grey_border_btn:hover, .red_border_btn:hover { background-color: #ea4848; border: 1px solid #ea4848; color: #fff !important; text-decoration: none; } .red_border_btn:hover { border: 1px solid #f55; background-color: #f55; } .red_btn, .bule_btn, .yellow_btn, .grey_btn { border: 0; background-color: #ff5555; color: #fff; font-size: 14px; line-height: 36px; width: 116px; text-align: center; display: block; cursor: pointer; } .red_btn:hover, .grey_btn:hover, .yellow_btn:hover, .bule_btn:hover { background-color: #f55; color: #fff; text-decoration: none; } .red_btn:hover { background-color: #ea4848; } .grey_btn { background-color: #f4f4f4; } .grey_btn:hover { background-color: #bbb; } .yellow_btn { background-color: #fe9a00; } .yellow_btn:hover { background-color: #d58001; } .bule_btn { background-color: #0099f1; } .bule_btn:hover { background-color: #ff5555; } .red_btn_w245 { background-color: #f55; border-radius: 2px; color: #fff; display: inline-block; font-size: 16px; line-height: 44px; width: 245px; text-align: center; } .red_btn_w245:hover { background-color: #ea4848; color: #fff; text-decoration: none; } .defaultBtn{ background-color:#f4f4f4;pointer-events:none; cursor:default; color:#bcbcbc;} /*******������ ��Ʒ���빺�ﳵ********/ img { vertical-align: top; } .spop { width: 496px; background-color: #fff; border: 1px solid #ff5555; height: auto; position: absolute; left: 50%; top: 50%; margin-left: -248px; margin-top: -125px; } .spoptop { background-color: #ff5555; color: #fff; font-size: 14px; font-weight: bold; padding: 0 10px 0 15px; line-height: 35px; width: auto; } .spoptop a { float: right; width: 30px; background: url(../images/icon_detail_1.png) no-repeat 5px -383px; text-decoration: none; text-indent: -9999px; } .spoptop a:hover { background-position: -47px -383px; text-decoration: none; } .spopro { padding: 15px 20px; } .spopimg { float: left; } .spopimg div { width: 120px; height: 120px; display: table-cell; vertical-align: middle; text-align: center; } .spopimg img { display: inline-block; vertical-align: middle; } .spopbox { float: right; width: 308px; font-size: 12px; line-height: 1.7; } .spopstitle { font-size: 14px; font-weight: bold; margin-bottom: 5px; display: block; } .spopro span { display: block; color: #666; line-height: 1.7; } .spopro span span { display: inline; color: #ff5555; font-size: 14px; font-weight: bold; } .spopbtn { padding-top: 8px; overflow: hidden; zoom: 1; } .spopbtn a { display: block; float: left; margin-right: 10px; } .spop .bfd_ls_title_dt { margin: 0 auto; float: none; width: 438px; color: #666; font-size: 14px; } .spop .bfd_dts_rst { width: 468px; margin: 0 auto; overflow: hidden; zoom: 1; } .spop .bfd_dts_rst ul { float: none; } .spop .bfd_dt3_li { width: 148px; margin: 10px 4px 0; } .spop .bfd_ls_a_t { margin-top: 3px; } .spop .price { text-align: left; margin: 4px 6px 0 0; } .spop .bfd_ls_price, .spop .bfd_ls_del { display: block; margin: 0; line-height: 1.2; font-family: Arial; } .spop .bfd_ls_price { font-size: 14px; } .spop .price .cart_link { display: block; width: 30px; float: right; position: relative; margin-top: 0; } .spop .price .cart_link img { width: 30px; height: 30px; } /*******������ ��Ʒ���빺�ﳵ********/ .buy_tcdiv .ov { margin: 8px 0 8px 20px; } .buy_tcdiv { position: fixed; _position: absolute; left: 50%; top: 50%; z-index: 10000; width: 448px; overflow: hidden; margin-left: -224px; border: 1px solid #b3b3b3; background: #fff; font-size: 12px; line-height: 18px; } .buy_tcdiv form { padding: 16px 0 32px 64px; } .buy_tcdiv .buy_tctop { background-color: #ff5555; color: #fff; font-size: 14px; font-weight: bold; padding: 0 10px 0 15px; margin-bottom: 20px; line-height: 35px; width: auto; } .buy_tctop h5 { margin: 0; float: left; font-size: 100%; font-style: normal; font-weight: normal; } .buy_tctop span { float: right; width: 30px; background: url(../images/icon_detail_1.png) no-repeat 5px -383px; text-decoration: none; text-indent: -9999px; cursor: pointer; } .buy_tctop span:hover { background-position: -47px -383px; } .buy_color, .buy_size { padding-left: 55px; } .buy_size span, .buy_size a, .buy_color span, .buy_color a { color: #333; cursor: pointer; display: inline; float: left; white-space: pre; } .buy_color span, .buy_size span { float: left; margin-left: -55px; width: 55px; font-size: 14px; font-weight: bold; line-height: 30px; } .buy_size a, .buy_color a { border: 1px solid #CCC; margin: 0 5px 5px 0; position: relative; z-index: 0; display: inline-block; width: 45px; line-height: 28px; text-align: center; color: #5e5e5e; } .buy_size a { font-family: Arial; } .buy_color a:hover, .buy_color a.select, .buy_size a:hover, .buy_size a.select { background: url(../images/pop_ico_1.png) no-repeat right bottom; border-color: #ff5555; color: #e72418; font-weight: bold; text-decoration: none; } .buy_color .disable, .buy_size .disable, .buy_color .disable:hover, .buy_size .disable:hover { filter: alpha(opacity=30); opacity: .3; border-color: #ccc; background: #fff; cursor: not-allowed; } .buy_color .partDisable, .buy_size .partDisable, .buy_color .partDisable, .buy_size .partDisable:hover { filter: alpha(opacity=30); opacity: .3; border-color: #ccc; background: #fff; cursor: not-allowed; } .buy_color .partDisable:hover { filter: alpha(opacity=30); opacity: .3; border-color: #ccc; background: #fff; cursor: not-allowed; } .buy_size a { font-size: 12px; height: 18px; line-height: 16px; margin-bottom: 5px; text-align: center; } .buy_selection { color: #5e5e5e; font-size: 14px; font-weight: bold; padding-top: 10px; } .buy_selection span { color: #ff9900; margin-left: 4px; } .buy_tcdiv p { padding: 20px 0 30px; text-align: center; } .buy_tcdiv button { border: 0; border-bottom: 2px solid #a00; margin: 0 auto; cursor: pointer; } /*******������ btn********/ .pop_div .red_btn, .pop_div .bule_btn, .pop_div .yellow_btn, .pop_div .grey_btn, .pop_div .grey_border_btn, .pop_div .red_border_btn { font-size: 16px; font-weight: normal; } /*******������ common********/ .pop_div { width: 496px; margin: 0 auto; background-color: #fff; border: 1px solid #ff5555; padding-bottom: 20px; line-height: 1.5; color: #666; position: fixed; _position: absolute; left: 50%; top: 50%; margin: -115px 0 0 -249px; z-index: 90000; } .title_div { background-color: #ff5555; color: #fff; font-size: 16px; padding: 0 10px 0 15px; line-height: 45px; } .title_div .closeBtn { float: right; width: 30px; background: url(../images/icon_detail_1.png) no-repeat -45px -378px; text-decoration: none; text-indent: -9999px; cursor: pointer; display: block; } .title_div .closeBtn:hover { background-position: 7px -378px; } .pop_txt01 { text-align: center; line-height: 30px; padding: 37px 0 32px; } .com_btn_list { text-align: center; margin: 0 auto; } .com_btn_list li { display: inline; padding: 0 8px; } .com_btn_list li a { display: inline-block; vertical-align: top; } /*******������ ����ղؼ�********/ .pop_div02 { width: 426px; padding-bottom: 25px; margin: 0 0 0 -213px; top: 20%; } .add_favorites { padding: 25px 20px 70px; font-size: 14px; } .add_favorites dt { float: left; } .add_favorites dd { padding: 0 0 15px 70px; } .add_favorites dd input { width: 250px; height: 33px; margin-top: -6px; outline: none; background: 0; border: 1px solid #ededed; padding: 0 8px; } .add_favorites dd p { color: #b5b5b5; font-size: 12px; margin-top: 8px; } .com_pop { padding-bottom: 35px; } .com_pop p { padding: 30px 20px; text-align: center; } .com_pop p i { display: inline-block; background: url(../images/ico_01_1.png) no-repeat left -44px; width: 17px; height: 17px; vertical-align: middle; margin: -2px 5px 0 0; } .w426 { width: 426px !important; margin-left: -213px !important; } .w167 { width: 167px !important; } .com_pop .com_notes { color: #ff9900; font-size: 14px; font-weight: bold; } .com_pop .com_notes i { background-position: 0 0; width: 30px; height: 30px; } .com_pop_div { display: none; position: relative; z-index: 20000; } .bg_com_pop { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.3; filter: alpha(opacity=30); } .coupons_pop { width: 272px; margin: 0 auto -10px; padding: 30px 0 0; } .coupons_pop p { margin-bottom: 15px; font-size: 14px; } .coupons_pop input, .yanzheng_code span, .yanzheng_code button { outline: medium none; border: 1px solid #ededed; height: 30px; padding: 2px 5px; } .tel_pop input { width: 258px; } .yanzheng_code { padding: 12px 0 20px; } .yanzheng_code input { width: 138px; float: left; } .yanzheng_code button { height: 36px; background-color: #fff; border-left: 0; width: 120px; color: #ff5555; float: left; cursor: pointer; } .yanzheng_code span { display: block; float: left; border-left: 0; background-color: #f6f6f6; line-height: 30px; width: 109px; text-align: center; } .yanzheng_code span i { font-style: normal; font-weight: bold; } .coupon_com { position: fixed; left: 50%; top: 50%; margin: -128px 0 0 -268px; } .com_dialog_pop { position: relative; z-index:100000; } .comPop_div { position: fixed; left: 50%; top: 50%; width: 800px; margin: -194px 0 0 -400px; border: 1px solid #f55; background-color: #fff; } .popDefault p{ padding:50px 0 40px; font-size:16px;} .popDefault .comPop_div{ width:450px;margin:-120px 0 0 -225px;} /**pageNavi**/ .pageNavi { clear: both; text-align: right; overflow: hidden; zoom: 1; } .pageNavi ul.items { float: right; padding-right: 2px; } .pageNavi li { color: #666; display: inline; font-size: 14px; padding: 0; line-height: 33px; vertical-align: top; text-align: center; float: left; margin-right: -1px; } .pageNavi li a { color: #666; background-color: #fff; } .pageNavi li a, .pageNavi li .page-cur { border: 1px solid #ddd; display: inline-block; text-align: center; vertical-align: top; width: 43px; cursor: pointer;} .pageNavi li a:hover, .pageNavi li .page-cur { background-color: #ff5555; border: 1px solid #ff5555; color: #fff; font-weight: bold; text-decoration: none; } .pageNavi li .page-prev, .pageNavi li .page-next { width: 60px;} .pageNavi .page-break { color: #b4b4b4; padding: 0 7px; } .pageNavi li input { border: 1px solid #ddd; height: 33px; line-height: 33px; vertical-align: top; width: 48px; text-align: center;} .pageNavi li .page-submit { background-color: #e8e8e8; margin-left: 6px; width: 60px; } .pageNavi li .page-start, .pageNavi li .page-end { border: 1px solid #ddd; color: #999; cursor: default; display: inline-block; vertical-align: top; width: 60px; } .pageNavi li .page-start,.pageNavi li .page-prev { margin-right: 10px; } .pageNavi li .page-end,.pageNavi li .page-next { margin-left:10px; } .pageNavi .totalText { padding: 0 10px; } .pageNavi .totalIpt { padding: 0 10px 0 0;} .pageNavi li .page-submit { width: 64px; } /*������ʾ*/ .errTip .iErr, .rigTip .iRig, .warnTip .iWarn,.warnTip1 .iWarn1 { background: url(../images/icon_regest_1.png) no-repeat scroll -1px -26px; display: inline-block; height: 17px; margin-right: 3px; vertical-align: middle; width: 17px; text-align: left; } .errTip, .rigTip, .warnTip,.warnTip1 { font-size: 12px; line-height: 16px; padding: 6px 0; text-align: left; } .errTipB, .rigTipB, .warnTipB { font-size: 18px; line-height: 34px; padding: 6px 0; } .errTip { color: #ff5555; } .errTip .iErr { background-position: -1px -26px; } .errTip span, .warnTip span { overflow: hidden; line-height: 17px; } .warnTip1 span { overflow: hidden; line-height: 17px; color: #ffc000; } /*dui*/ .rigTip { color: #ff5555; } .rigTip .iRig { background-position: -1px -1px; } .warnTip { color: #ff6600; } .warnTip .iWarn { background-position: -1px -58px; } .warnTip1 .iWarn1 { background-position: 0px -86px; } /*���ͼ��*/ .errTipB .iErr, .rigTipB .iRig, .warnTipB .iWarn { background: url(../images/icon_regest_1.png) no-repeat scroll -1px -26px; display: inline-block; width: 35px; height: 35px; line-height: 35px; margin-right: 15px; vertical-align: middle; text-align: left; } .rigTipB .iRig { background-position: -45px -1px; } .errTipB .iErr { background-position: -45px -92px; } .warnTipB .iWarn { background-position: -45px -46px; } /*ע��͹��ﳵͷ����css*/ .regHeader01 { background-color: #fff; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #e7e7e7; padding: 20px 0; } .regHeader01 .reHeaInner01 { margin: 0 auto; width: 1150px; padding-right: 40px; } .stepList li, .stepList span { background: url(../images/1step3_1.png) no-repeat left top; } .stepList { width: 460px; height: 50px; float: right; font-size: 14px; color: #999; padding-top: 10px; } .stepList li { float: left; background: url(../images/1step3_1.png) no-repeat 0px 0px; } .stepList span { height: 25px; display: block; background-position: 0px -141px; width: 0; } .stepList li .text { margin-top: 5px; } .stepList .step1 { width: 216px; } .stepList .step1 .text { width: 146px; text-align: center; } .stepList .step2 { width: 188px; background-position: -216px 0px; } .stepList .step2 .text { width: 120px; text-align: center; } .stepList .step3 { width: 56px; background-position: -404px 0px; } .stepList .step3 .text { width: 92px; text-align: center; } .stepList .step2 span { background-position: -216px -141px; } .stepList .step3 span { background-position: -404px -141px; } .stepList4 { width: 580px; } .stepList4 .step1 { width: 195px; } .stepList4 .step2 { width: 163px; } .stepList4 .step3 { width: 163px; } .stepList4 .step4 { width: 56px; background-position: -610px 0; } .stepList4 .step4 span { background-position: -610px -141px; } /*��������Ľ���*/ .sTotalL { color: #666; padding: 15px 0; } .sTotalL a { color: #666; } .sTotal.fixbottom{position: fixed;bottom: 0;z-index: 99999;width: 1173px;} .sTotal { background-color: #e5e5e5; padding: 0 0 0 15px; border: 1px solid #d4d4d4; clear: both; height: 52px; } .sTotalWhite { background-color: #fff; } .sTotal .sTotalL a { color: #666; } .sTotal .sTotalL a:hover { color: #ff5555; } .sTotal .sTotalR { float: right; width: 517px; font-size: 16px; color: #666; } .sTotal .sTotalR .fr { margin-top: 13px; } .sTotal .cartRedBtn { float: right; background-color: #ff5555; color: #fff; text-align: center; width: 185px; height: 54px; font-size: 18px; line-height: 54px; margin: -1px -1px 0 20px; text-decoration: none; } /*�Ӽ�*/ .iAmount .minus, .iAmount .plus { background-position: -255px -33px; width: 26px; height: 27px; display: inline-block; text-indent: -9999px; float: left; } .iAmount { overflow: hidden; zoom: 1; } .iAmount .minus { background-position: -255px -32px; } .iAmount .noMinus { background-position: -174px -32px; } .iAmount .plus { background-position: -293px -32px; } .iAmount .noPlus { background-position: -217px -32px; } .textAmount { width: 42px; border: 1px solid #e6e6e6; border-left: none; border-right: none; height: 25px; line-height: 25px; text-align: center; vertical-align: middle; float: left; } /*****ģ��select*****/ .select_box { position: relative; color: #666; line-height: 30px; } .tag_select, .tag_select_hover { background-position: right -157px; } .tag_select_open { background-position: right -206px; } .tag_select, .tag_select_open, .tag_select_hover { width: 84px; height: 30px; border: 1px solid #e6e6e6; background-color: #fff; padding-left: 16px; } .select_box .tag_options { border: 1px solid #e6e6e6; background-color: #fff; border-top: 0; width: 100px; max-height: 200px; overflow-y: scroll; } .select_box .tag_options li { float: none; line-height: 34px; padding: 0 10px 0 16px; width: auto; } .select_box .tag_options .open_selected { background-color: #fff7f7; } .select_box .tag_options .open_hover { background-color: #f8f8f8; } .input_txt { width: 280px; padding: 5px; line-height: 20px; height: 20px; border: 1px solid #e6e6e6; background-color: #fff; color: #666; } /*****�Ҳ�������*****/ .mui-mbar{ position: fixed; top: 0; bottom: 0; right: 0; z-index: 99999; width: 37px; } .rightFloat{ position:absolute; top:0; bottom:0; width:317px; right:-280px; transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; background-color:#e6e6e6;} .open{ right:0;} .rightSuspension {background-color: #2b2b2b; position:absolute; top:0; bottom:0; left:0; width: 37px; /*min-height: 490px;*/} .barBox { position: absolute; left: 0; bottom:108px; } .barBox .rightBar{ margin-bottom:5px;} .barBox .consultBox{ display:none;} .ico_consult, .ico_feedback, .ico_top, .ico_qrcode,.ico_collection,.ico_browse { display: block; width: 37px; height: 29px; padding-top: 8px; } .ico_consult i,.ico_feedback i,.ico_top i,.ico_qrcode i,.ico_collection i,.ico_browse i { display: block; width: 21px; height: 21px; margin: 0 auto; background-position: -298px -301px; } .ico_feedback i { width: 18px; background-position: -380px -301px; } .ico_qrcode { padding-top: 9px; height: 28px; background-color: #f55;} .ico_qrcode i { background-position: -3px -342px; } .close .ico_qrcode{ background:none;} .close .ico_qrcode i { background-position: -42px -342px; } .ico_collection i{ background-position:-35px -558px;} .ico_browse i{ background-position:-112px -558px;} .rightBar { position: relative; } .suspensionTip { position: absolute; top: 0; right: 37px; font-size: 12px; line-height: 37px; width: 0; overflow: hidden; transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; } .rightBar_hover .suspensionTip { width: 93px; overflow: visible; } .suspensionTip a { display: block; color: #fff; background-color: #37383c; text-align: center; height: 37px; overflow: hidden; zoom: 1; } .suspensionTip a:hover { color: #f55; } .suspensionTip li i { display: inline-block; width: 14px; height: 14px; background-position: -61px -304px; vertical-align: middle; margin: -2px 5px 0 0; } .suspensionTip li a:hover i { background-position: -267px -304px; } .suspensionTip .i_arrow { display: block; width: 5px; height: 10px; background-position: -310px -270px; position: absolute; right: -5px; top: 15px; } .suspensionTip02 .i_arrow { background-position: -90px -348px;top:50%;margin-top:-18px;} .barTop { position: absolute; left: 0; bottom: 0; } /*.userFeedback { position: absolute; left: 0; bottom: 37px; }*/ .rightBar_hover .ico_consult,.rightBar_hover .ico_feedback,.rightBar_hover .ico_top,.rightBar_hover .ico_qrcode,.rightBar_hover .ico_collection,.rightBar_hover .ico_browse,.rightBar .tab_on { background-color: #f55; } .rightBar_hover .ico_consult i{ background-position: -92px -301px; } .rightBar_hover .ico_feedback i,.rightBar .ico_feedback.tab_on i { background-position: -174px -301px; } .rightBar_hover .ico_qrcode i { background-position: -3px -342px; } .rightBar_hover .ico_collection i,.rightBar .ico_collection.tab_on i{ background-position:-2px -558px;} .rightBar_hover .ico_browse i,.rightBar .ico_browse.tab_on i{ background-position:-72px -558px;} .cartFixed { margin-bottom:5px; display: none;} .cartFixed a{display:block; background-color: #37383c; font-size: 14px; padding:20px 0; text-align: center; color: #fff; line-height: 20px; } .cartFixed a i { display: block; width: 23px; height: 18px; background-position: -429px -302px; margin: 0 0 10px 5px; } .cartFixed a em { display: inline-block; font-size: 12px; font-family: Arial; background-color: #f55; line-height: 18px; height: 18px; min-width: 16px; padding: 0 1px; text-align: center; border-radius: 9px; font-style: normal; } .cartFixed a:hover,.cartFixed .tab_on { background-color: #f55; text-decoration:none;} .cartFixed a:hover i,.cartFixed .tab_on i { background-position: -223px -302px; } .cartFixed a:hover em,.cartFixed .tab_on em { background-color: #fff; color: #f55; } .ico_top { padding-top: 13px; height: 24px; } .ico_top i { display: block; width: 19px; height: 11px; background-position: -340px -305px; } .rightBar_hover .ico_top i { background-position: -134px -305px; } .suspensionTip02 { width:161px; top:inherit;bottom:-155px;overflow:visible;} .qrCode { background-color:#fff; border:1px solid #e5e5e5; border-right:0; padding:10px 0 5px; text-align:center; } .close .suspensionTip02{width:0;overflow:hidden;} .rightBar_hover .suspensionTip02 { width: 161px;overflow:visible;} .qrCode p { font-size:12px; color:#666; margin-top:2px; height:25px; line-height:25px; overflow:hidden; zoom: 1; } .qrCode span { display: block; width:120px; height: 120px; background: url(../images/right_erweima_1.png) no-repeat center center; margin: 0 auto; overflow: hidden; zoom: 1; transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; } .qrCode .crmQr{background-image:url(../images/qrcode_crm_1.png);} .close .qrCode span{width:0;} .rightBar_hover .qrCode span { width: 120px; overflow: visible; } .fixedBody{ width:280px; position:absolute; left:37px; top:0; bottom:0; background-color:#e6e6e6; color:#666; font-size:12px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);} .fixedBody.no-animate{-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;} .fixedBody.fadeIn{z-index: 9999; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} .fixedBody.fadeOut{opacity: .5s;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);-o-transform: scale(.8);transform: scale(.8);} .fixedTtl{ line-height:28px; background-color:#f1f1f1; font-size:12px; color:#808080; padding:0 20px; position:relative;} .fixedTtl label{ position:relative; padding-left:10px;} .fixedTtl label input,.cartTop label input{ position:absolute; left:-13px; top:50%; margin-top:-6px;} .fixedTtl a{ color:#808080;} .fixedTtl p{ text-align:center;} .mc_close{ display:block; width:12px; height:10px; background-position:-148px -558px; position:absolute; left:10px; top:50%; margin-top:-4px;} .fixedMid { position:absolute; left:0; top:28px; bottom:63px; right:0; overflow:auto; overflow-x:hidden;} .fixedMid02{ bottom:0;} .fixedMid03{ bottom:10px;} .cartTop { line-height:29px; width:232px; border-bottom:1px solid #e6e6e6; margin-left:30px;} .cartTop label{ float:left; color:#333; position:relative;} .cartTop label input{left:-23px;margin-top:-7px;} .cartTop p{ float:right;} .mcListCart { overflow:hidden; zoom:1;} .mcListCart li{ float:left; width:100%; margin-bottom:15px; background-color:#fff;} .mcAmount{ padding-left:48px; float:left;} .mcAmount a{ display:block; width:16px; height:16px; float:left;} .mcAmount span{ float:left; width:26px; text-align:center;line-height:16px; font-family:Arial;} .object_over .mcAmount span{ border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; background-color:#fff;line-height:14px;} .object_over .mcAmount .mcMinus{ background-position:-232px -558px;} .object_over .mcAmount .mcMinus:hover{background-position:-290px -558px;} .object_over .mcAmount .mcPlus{ background-position:-261px -558px;} .object_over .mcAmount .mcPlus:hover{background-position:-319px -558px;} .object_over .mcAmount .mcMinusOff{ background-position:-175px -558px;pointer-events:none; cursor:default;} .object_over .mcAmount .mcPlusOff{ background-position:-204px -558px;pointer-events:none; cursor:default;} .cartInfo { background-color:#f6f6f6; padding:10px 0 10px 8px; position:relative;} .i_close{ display:block; width:14px; height:14px;background-position:-349px -558px; position:absolute; top:2px; left:249px; display:none;} .i_close:hover{background-position:-377px -558px;} .object_over .i_close{ display: block;} .cartInfo .imgPro{ float:left; padding:0 5px 0 10px;} .cartInfo .imgPro img{ width:50px; height:50px;} .cartInfo input{ float:left; margin-top:20px;} .proInfo{ float:left; width:177px;} .proInfo p{ width:154px; height:30px; line-height:15px; overflow:hidden; zoom:1; margin-bottom:5px;} .proInfo p a{ color:#666;} .mcInner .price_01{ float:right; color:#f55;} .mcHandler{ position:absolute; bottom:0; width:280px;} .mcCashier{background-color:#e6e6e6; padding:2px 16px 5px 11px; position:relative; z-index:3;} .mcCashier p{ color:#333; line-height:30px;} .mcCashier p i{ color:#f55; font-family:Arial;} .mcGo { display:block; background-color:#f55; line-height:40px; text-align:center; font-size:14px; color:#fff; border-radius:3px;} .mcGo:hover{ background-color:#ea4848; color:#fff; text-decoration:none;} .mcGo i{ display:inline-block; width:16px; height:16px; background-position:-405px -558px; vertical-align:middle; margin:-2px 0 0 7px;} .mcGoNot,.mcGoNot:hover{ background-color:#666;cursor:default;} .mcGoNot i{background-position:-434px -558px;} .mcGraceerror{ background-color:#e6e6e6; border-top:1px solid #666; border-bottom:1px solid #fff; line-height:35px; padding:0 8px; position:absolute; left:0; top:0; z-index:2; width:264px;transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s;} .dis_block{ top:-37px;} .mcGraceerror i{ display:inline-block; width:16px; height:16px; background-position:-288px -610px; vertical-align:middle; margin:-1px 5px 0 0;} .mcList{ width:266px; overflow:hidden; zoom:1; margin-right:-10px; padding-left:10px;} .mcList li{ float:left; width:109px; background-color:#fff; padding:5px 7px 12px; line-height:15px; margin:10px 10px 0 0; position:relative;} .mcList li p{ height:30px; overflow:hidden; zoom:1; margin-right:8px;} .mcList li p a{ color:#666;} .mcList li .mcImg{ text-align:center; padding:4px 0;} .mcList li .mcImg img { width:50px; height:50px; display:block; vertical-align:baseline; margin:0 auto;} .mcList li i{ display:block; text-align:center; font-family:Arial; font-size:14px;} .mcList li .i_close { left:104px;} .i_cart{ display:none; width:24px; height:24px; background-position:-9px -606px; right:7px; bottom:12px; position:absolute;} .i_cart:hover{ background-position:-68px -606px;} .object_over .i_cart{ display:block;} .feedbackDl{ line-height:30px; padding:0 0 16px 10px; width:255px;} .feedbackDl dd{ padding-bottom:12px;} #feedbackMessage,.feedbackDl textarea,.feedbackDl input{ width:233px; border:1px solid #dfdfdf; background-color:#fff; font-size:12px; padding:5px 10px;margin:0; vertical-align:top; line-height:1.7;} #feedbackMessage,.feedbackDl textarea{ height:288px;} .failedLoad{ text-align:center; padding:80px 0 0;} .failedLoad p,.noDateBox p{ color:#666; padding:10px 0 15px; font-size:14px;} .failedLoad .red_btn{ display:inline-block; width:119px; line-height:32px; border-radius:3px;} .mc_ico01{ display:block; width:58px; height:58px; background-position:-202px -589px; margin:0 auto;} .mc_ico02{ display:block; width:47px; height:52px; background-position:-125px -592px; margin:0 auto;} .mc_ico03{ display:block; width:54px; height:42px; background-position:-398px -597px; margin:0 auto;} .noDateBox{ text-align:center; padding:58px 0 0;} /**/ .errorSeachBg{ text-align: center; background-color: #eee;} .errorSeach { width: 390px; height: 192px; margin: 20px auto; background: url(../images/error_icon_1.png) no-repeat left top; padding: 50px 0 50px 185px; } .errorSeach .boxr { overflow: hidden; zoom: 1; padding-top: 10px; } /*��ת2*/ .transBox{ position:relative; z-index:99999;} .bgTransBox { background-color:#000;opacity: 0.4;filter: alpha(opacity=40); position:fixed; left:0; top:0; right:0; bottom:0;} .transBox .transw715{ position:fixed; left:50%; top:50%; margin:-210px 0 0 -358px;-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, .13);-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, .13);box-shadow:3px 3px 10px rgba(0, 0, 0, .13);} .transw715 { width: 715px; background-color: #fff; border-radius: 2px; margin: 100px auto 0; text-align: center; padding: 30px 0; } .transw715 .inner { padding: 0 60px; } .lineText { color: #666; text-align: center; margin-bottom: 25px; } .lineText span { border-bottom: 1px solid #f3f3f3; font-size: 12px; line-height: 1.5; display: inline-block; padding-bottom: 5px; } .logoCont { overflow: hidden; zoom: 1; clear: both; border-bottom: 1px dashed #efefef; text-align: center; padding-bottom: 15px; margin-bottom: 10px; } .logoCont img { display: inline-block; vertical-align: middle; } .logoCont img.dao { margin: 0 30px; } .logoCont img.jk_logo{ max-width:190px;} .logoCont img.otherLogo { max-width: 180px;} .transw715 p { line-height: 1.8; } .gRight { background: url(../images/icon_common_1.png) no-repeat -329px -611px; display: inline-block; width: 12px; height: 12px; margin-right: 5px; } .gbtn { border-top: 1px solid #f3f3f3; text-align: center; padding: 10px 60px; margin-top: 10px; } .reBtn { border: 1px solid #e2e2e2; color: #999; margin: 0 10px 0 0; padding: 3px; } .gbtn .OkBtn { width: 120px; line-height: 32px; display: inline-block;font-size: 12px; margin: 0 5px; } .gbtn .NoBtn { width: 120px; line-height: 30px; display: inline-block;font-size: 12px; margin: 0 5px; } .gbtn .OkBtn:hover, .gbtn .NoBtn:hover {text-decoration: none; } .topErweima{display: none;} /**ҳ��ײ��Ӱ�ȫ����logo**/ .bt_securityAlliance{width:938px; margin:0 auto 8px;} .bt_securityAlliance li{ float:left; padding:0 5px; width:124px;} .bt_securityAlliance .li_security a{ display:block; border:1px solid #eee;width:122px; height:45px; text-align:center;} .bt_securityAlliance .li_security a img{ width:85px; height:auto; margin:7px auto 0;} /*regHeader01*/ .regHeader01{ position: relative;} .regHeader01 .reHeaInner01{ text-align: left;} .regHeader01 .rLogo{ margin-right: 10px;} .hedTip{ border: 1px solid #ff5555; position: absolute; top: 50%; margin-top: -11px; font-size: 14px; color: #f55; line-height: 21px; display: inline-block; border-radius: 5px; padding: 0 10px 0 5px;} .hedTip .icon_360{ background: url(../images/icon_common_1.png) no-repeat -207px -450px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: -2px;} /*С��ͼ��*/ .ikefuW77, .ikefuW102, .redIkefuW102{background: url(../images/kf1_1.gif) no-repeat left top; width: 76px; height: 20px; display: inline-block; text-indent:-9999px; vertical-align: middle; border-radius: 0 !important;} /*.ikefuW77:hover{ background-position: -102px -42px;}*/ .ikefuW102{background: url(../images/kf2_1.gif) no-repeat left top; width: 104px; height: 26px; } /*.ikefuW102:hover{ background-position: -128px -70px;}*/ .redIkefuW102{background: url(../images/kf2_1.gif) no-repeat left top; width: 104px; height: 26px;} /*.redIkefuW102:hover{ background-position: -144px -3px;}*/ .ikefuW77{ margin-left:15px;} /*�Ż�ȯ*/ .listCoupon{ width:372px; border:1px solid #ff6464; background-color:#fff; padding:0 10px; overflow:hidden; zoom:1;} .listCoupon li{ float:left; width:372px; border-bottom:1px solid #f3f3f3; padding: 10px 0; margin-bottom:-1px; min-height:35px;} * html .listCoupon li{ zoom: 1 } *+html .listCoupon li{ zoom: 1 } .listCoupon li:after { height: 0; visibility: hidden; content: "."; display: block; clear: both } .spanCoupon{ float:left; background:url(../images/line_coupon2_1.png) repeat-y left top; border-top:1px solid #ff6464;border-bottom:1px solid #ff6464; width:50px; text-align:center; color:#fff; font-family:Arial; font-size:16px; line-height:27px; margin-top:3px;} .spanCoupon i{ margin-left:2px;} .spanCoupon_gray{background-image:url(../images/line_coupon3_1.png); border-color:#e1e1e1;} .listCoupon li .txtCoupon{ float:left; font-size:12px; padding:0 0 0 17px; width:220px;} .listCoupon li .txtCoupon p i{ display:inline-block; min-width:90px; margin-right:5px;} .listCoupon li .txtCoupon p em{ color:#999;} .listCoupon li .txtCoupon .notUse{ color:#999; line-height:33px;} .listCoupon li .txtCoupon span{color:#999; display:block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .btnCoupon,.txt_btnCoupon{ float:right; border:1px solid #dedede; border-radius:3px; font-size:12px; width:57px; line-height:21px; text-align:center; color:#666; margin-top:6px;} .btnCoupon:hover{ text-decoration:none;} .txt_btnCoupon{ border:0; line-height:23px; color:#999;} /*ҩ���*/ .popyao{padding: 20px; overflow-y: auto; height: 260px; margin-top: -20px;} .popyao .tiptit{ font-size: 16px; color: #666; border-bottom: 1px solid #dfdfdf; height: 10px; line-height: 20px; text-align: center; margin: 0 30px 20px;} .popyao .tiptit span{ background-color: #fff; padding: 0 10px; } .popyao .numt{ font-size: 24px; color: #333333; text-align: center;} .popyao .numt span{ margin: 0 5px;} .popyaoHead{ border-bottom: 1px dashed #c8c8c8; padding-bottom: 15px; margin-bottom: 10px;} .yaoBody{ font-size: 14px; line-height: 1.8; color: #666; text-align: left;} .yaoBody p{ margin-bottom: 15px;} .yaoBody .tipt{ font-weight: bold;} .payName{ color: #333;} /***�����۾��������icon***/ .icoMinus,.icoMinus2,.icoMinus3,.icoMinus4,.icoMinus5,.icoMinus6,.icoMinus7{ position:relative;} .icoMinus i,.icoMinus2 i,.icoMinus3 i,.icoMinus4 i,.icoMinus5 i,.icoMinus6 i,.icoMinus7 i{ display:block; width:51px; height:17px; position:absolute;background:url(../images/ico_minus_1.png) no-repeat; right:-15px; top:-18px;} .icoMinus2 i{ background-image:url(../images/ico_minus2_1.png);} .icoMinus3 i{ background-image:url(../images/ico_minus3_1.png);} .icoMinus4 i{background-image:url(../images/ico_minus4_1.png); width:63px;right:inherit; left:50%; margin-left:-31px;} .icoMinus5 i{ background-image:url(../images/ico_minus5_1.png); width:53px;} .icoMinus6 i{background-image:url(../images/ico_minus6_1.png); width:84px; right:-35px;} .icoMinus7 i{background-image:url(../images/ico_minus7_1.png); width:42px;right:3px;} /*����ͼƬ*/ .searchForm .associationSearch li.imgSeach, .searchForm .associationSearch li.imgSeach:hover, .searchForm .associationSearch li.imgSeach a, .searchForm .associationSearch li.imgSeach a:hover{ color: #ff5555; font-size: 14px; line-height: 20px; background: none; background-color: #fff !important; line-height: 20px; overflow: hidden; zoom:1; } .searchForm .associationSearch li.imgSeach{ margin-bottom: 15px;} .searchForm .associationSearch li.imgSeachbor{ border-top: 1px dashed #dedede; padding-top: 15px; margin-top: 10px; } li.imgSeach img{ float: left; max-height: 20px; vertical-align: middle; margin-right: 5px;} li.imgSeach em{ vertical-align: middle; float: left;} li.imgSeach i{ display: inline-block; background: url(../images/icon_common_1.png) no-repeat -282px -785px; width: 7px; height: 14px; vertical-align: middle; margin-left: 10px;} li.imgSeach.on em{ text-decoration: underline;} /*regPop*/ .regPop { width: 800px; height: 450px; position: fixed; background-color: #fff; left: 50%; margin-left: -400px; top: 50%; margin-top: -225px; z-index: 999999; } .regPop .regPopH { font-size: 16px; color: #333; line-height: 45px; padding: 0 30px; background-color: #f3f3f3; text-align: left; position: relative;w } .regClose{ position: absolute; width: 15px; height: 15px; background: url(../images/icon_common_1.png) no-repeat -171px -265px; right: 10px; top:10px;} .regPop .popConts { background-color: #fff; padding: 20px; height: 280px; } .popBtn { text-align: center; } .popBtn .okBtn { font-size: 18px; color: #fff; background-color: #f84e4e; width: 260px; border-radius: 5px; text-align: center; line-height: 40px; margin: 0 auto; display: block; text-decoration: none; } .popBtn .okBtn:hover { background-color: #ea4848; } .mapBg { background-color: #000; opacity: 0.2;filter:Alpha(opacity=20); position: fixed; left: 0; bottom: 0; top: 0; right: 0; z-index: 8888; } .pNote { background-color: #fcfcfc; border: 1px solid #eeeeee; font-size: 12px; line-height: 1.8; padding: 12px; width: 314px; margin: 0 auto;} /*400�绰*/ .tel400 { padding: 0 0 0 17px; margin-bottom: 10px;} .tel400 span { color: #999; display: block;} .tel400 span i { color: #f55; } /****ͷ����ά��****/ .arrow_top{background-position:-33px -816px; width:9px; height:5px; position:absolute; left:50%; top:-5px; margin-left:-4px; display:block;} .mobile_shopping{ position:relative; z-index:9999;} .site-nav .site-nav-bd .site-nav-bd-r .mobile_shopping:hover a{ color:#f55;} .mobile_shopping:hover .hd_qcode{ display:block;} .hd_qcode{position:absolute;left:50%; top:15px; margin-left:-160px; display:none; width:320px; padding-top:5px;} .hd_erweima{background-color:#fff; border:1px solid #ddd; padding:10px 23px 15px; position:relative;} .hd_erweima .ft_app,.hd_erweima .ft_weixin{ border:0;} .hd_erweima .ft_app{ float:right;} .hd_erweima .ft_weixin{ margin-right:0;} .hd_erweima .ft_weixin .erweima{ background-image:url(../images/hd_erweima_1.png);} .hd_erweima .ft_app p,.hd_erweima .ft_weixin p{ border-top:0; line-height:18px;} /****��������****/ .search-category { /*border-top:1px solid #e6e6e6;*/position:relative; } .search-category a {color:#666;} .search-category a:hover{ color:#f55; text-decoration:none;} .searchForm .associationSearch .search-list li{ line-height:32px; cursor:default;} .searchForm .associationSearch .search-list li:hover{ background:none;} .searchForm .associationSearch .search-list li.on { background-color:#f8f8f8;} .searchList-on{ float:left; width:216px;} .search-list li a{ display:block; position:relative;} .search-list li i{ display:inline-block; background-position:-63px -813px; width:7px; height:12px; vertical-align:middle; margin:-2px 0 0 10px;opacity: 0.6;filter: alpha(opacity=60);} .search-list .on i{opacity:1;filter: alpha(opacity=100); position:absolute; right:0; top:50%; margin:-6px 0 0;} .seaech-tab { float: left; width:303px; padding:20px 20px 15px;} .search-bg{ position:absolute; top:0; right:0; bottom:0; left:216px;background-color:#f8f8f8; z-index:1;} .seaech-tab dl{ position:relative; z-index:2;} .seaech-tab dl dt{ font-size:12px; color:#666;line-height:32px; margin-bottom:4px;} .seaech-tab ul li{ float:left;} .seaech-tab ul li a{ display:block; background-color:#fff; border:1px solid #dfdfdf; width:94px; position:relative; margin:-1px 0 0 -1px; text-align:center; z-index:1; padding:0 3px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .searchForm .associationSearch .seaech-tab ul li{ background:none; padding:0; line-height:29px;} .searchForm .associationSearch .seaech-tab ul .on a{ border-color:#f55; z-index:5; color:#f55;} /*���⹺ͼ��*/ .spurpleBtn{ background-color: #9381ff; font-size: 12px; color: #fff !important; display: inline-block; border-radius: 4px; padding: 0 5px; margin-right: 3px;} /*��Ʒ�ʴ�*/ .detail_qa{ padding:0 20px 15px;} .detail_qa .question_text{border:1px solid #e6e6e6; color:#666; height:50px;overflow-y:scroll;padding:10px; margin-bottom:15px;} .qa_list{ overflow:hidden;} .qa_list .ico_q,.qa_list .ico_a{ display:block; width:22px; height:22px; line-height:22px; background-color:#666; color:#fff; text-align:center; font-size:14px; font-family:Arial; position:absolute; left:0; top:0;} .qa_list .ico_a{ background-color:#f55;} .qa_list dt,.qa_list dd{ position:relative; line-height:24px;padding:0 0 8px 30px;} .qa_list dt{ margin-top:30px;} .qa_list dt a{ color:#333;} .qa_list dt a:hover{ color:#f55;} .qa_list dd{ border-bottom:1px solid #e6e6e6; padding-bottom:6px; color:#999; margin-bottom:-1px;} .qa_list .questioner,.qa_list .answer{ display:block; text-align:right; color:#999; padding-top:10px;} /*��Ӫ��ǩ*/ .selfIcn,.selfIcn2,.selfIcn3{display:inline-block;vertical-align:middle;background:#f55;color:#fff;margin-right:5px;font-size:13px;line-height:20px;padding:0 8px;border-radius:10px;font-weight:normal;} .selfIcn2{margin:-4px 0 0 5px;} .selfIcn3{border:1px solid #f55;line-height:18px;background:#fff;color:#f55;margin:-3px 0 0 3px;} @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1467881749'); /* IE9*/ src: url('iconfont.eot?t=1467881749#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff?t=1467881749') format('woff'), /* chrome, firefox */ url('iconfont.ttf?t=1467881749') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1467881749#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .icon-iconstore:before { content: "\e6a7"; } .icon-iconstar:before { content: "\e6a3"; } .icon-iconshoppingcart:before { content: "\e6a2"; } .icon-service06:before { content: "\e6a1"; } .icon-service05:before { content: "\e6a0"; } .icon-service04:before { content: "\e69f"; } .icon-service03:before { content: "\e69e"; } .icon-service02:before { content: "\e69d"; } .icon-service01:before { content: "\e69c"; } .icon-iconyaoping:before { content: "\e69b"; } .icon-iconnaiping:before { content: "\e696"; } .icon-iconyaoxiang:before { content: "\e693"; } .icon-iconwan:before { content: "\e692"; } .icon-iconlunyi:before { content: "\e690"; } .icon-iconnvren:before { content: "\e68f"; } .icon-iconnanren:before { content: "\e68d"; } .icon-iconyinger:before { content: "\e68c"; } .icon-iconanquantao:before { content: "\e686"; } .icon-iconrenqun:before { content: "\e680"; } .icon-iconkeshi:before { content: "\e672"; } .icon-iconjiaonang:before { content: "\e66e"; } @charset "gb2312"; body { background-color: #eee; min-width:1190px;} .headerNavMain .sitenav .home a { color: #f55; } li img, dt img { display: block; vertical-align: baseline; } .head_wrap { border-bottom: 0; } .main_body {transition: background-color 0.4s ease-in 0s; } .main_body .wrap{ position:relative;} .allSort .more { cursor: default; } .allSort .more i { display: none; } .y_slide_next,.y_slide_prev,.y_slide_a,.y_slide_on,.i_time,.tablist a,#playDiv a{ background: url(../images/icon_common_1.png) no-repeat; } .main-l { width:1190px; position: relative; margin:0 auto;} .price_r del, .price_r i { display: inline-block } .tsSlide,.y_slide_img { width:1190px; height: 450px } .tsSlide { position: relative; overflow: hidden; zoom: 1; z-index: 8; } .y_slide_img { position: absolute; } .tsSlideSwitch { position: absolute; bottom: 20px; z-index: 1; width: 100%; text-align: center; } .tsSlideSwitch a:hover { color: #fff; text-decoration: none; } .y_slide_a, .y_slide_on { display: inline-block; width: 20px; height: 20px; margin-left: 10px; cursor: pointer; background-position: -297px -652px; text-indent: -9999px; } .y_slide_on { background-position: -352px -652px; } .y_slide_next, .y_slide_prev { position: absolute; top: 175px; width: 28px; height: 62px; text-indent: -999em; overflow: hidden; zoom: 1; outline: 0; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; visibility: hidden; filter: alpha(opacity=0); opacity: 0; } .y_slide_prev { left: 0; background-position: -3px -35px; } .y_slide_next { right: 0; background-position: -51px -35px } /*.tsSlide:hover .y_slide_next,.tsSlide:hover .y_slide_prev { filter: alpha(opacity=100); opacity: 1; visibility: visible; }*/ .mainImg{ width:100%; overflow:hidden; zoom:1; position:relative;} .slideList{ position:relative; height:450px;} .slideList li{ position:absolute; left:0; top:0; right:0; bottom:0; text-align:center;} .slideList li a{ display:block; width:1190px; margin:0 auto;} .slideList li a img{ width:1190px; height:450px;} .tablist{ position:absolute; width:100%; left:0; bottom:20px; text-align:center;} .tablist a{ display:inline-block; width:20px; height:20px; background-position:-297px -652px; text-indent:-9999px; margin:0 5px;} .tablist .tab_on{background-position: -352px -652px;} #playDiv{ width:770px; } #playDiv a{position: absolute; top:0; width: 28px; height: 62px; text-indent: -9999px; overflow: hidden; zoom: 1; outline: 0; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; filter: alpha(opacity=0); opacity: 0; display:block;} .mainImg:hover #playDiv a{filter: alpha(opacity=100); opacity: 1;} #playDiv .prev{left:50%; top:50%;margin:-31px 0 0 -405px; background-position: -3px -35px;} #playDiv .next{left:50%; top:50%;margin:-31px 0 0 336px; background-position: -51px -35px;} #playDiv .pause{ display: none;} .main_sell{ position:relative;} .main-r {width: 230px; position: absolute; z-index:100; right:0; top:12px;line-height:28px;} .main-r2{ top:-438px;} .main-r .box-inr{height:405px; padding: 10px; background-color:#fff;} /*@media \0screen\,screen\9 {.main-r .mainR_inr{filter:Alpha(opacity=85); background-color:#fff; position:static; zoom:1;}}*/ .main-r a{ color:#333;display:block;} .main-r a:hover{ text-decoration:none; color:#f55;} .main-r .topttl{ font-size: 18px; background-color: #fff; line-height: 22px; height: 22px; font-weight: bold; } .main-r .topttl i{ border-bottom: 1px solid #eeeeee; height: 11px; display: block;} .main-r .topttl span{ background-color: #fff; padding-right: 5px; display: inline-block; } .main-r .topttl a.topttlLink{ font-size: 12px; float: right; font-weight: normal; color: #666666;} .main-r .topttl a.topttlLink em{ font-size: 19px; font-family: arial;} .topTtl{ line-height:36px; background-color:#f3f3f3; font-size:14px; padding:0 17px; position:relative;} .topTtl2 { background: none;height:auto; line-height:0; padding:0;} .topTtl2 span{background-color:#ff0;border-radius:10px; color:#f55; display:inline-block; min-width:57px; padding:0 10px; text-align:center;} .topTtl2 .period{ display:block; float:left; width:100px; height:33px; background:url(../images/img_hometime_1.png) no-repeat; text-indent:-9999px;} .periodDiv{ padding:6px 15px 0;} .topTtl2 .time1{ background-position:0 -1px;} .topTtl2 .time2{ background-position:-100px -36px;} .topTtl2 .time1.on{background-position:0 -36px;} .topTtl2 .time2.on{background-position:-100px -1px;} .topTtl2 .tiTime{ clear:both; display:block;} .topTtl2 .yellow{ color: #ffff00;} .i_time{ display:inline-block; width:15px; height:14px; background-position:-38px -748px; vertical-align:middle; margin:-2px 5px 0 0;} .topTtl a{ color:#999;} .main-r .topTtl ul{ padding:0;} .topTtl ul li{ float:left; line-height:36px; margin-right:15px;} .topTtl ul li a{ color:#333; padding:0 4px 2px; display:block;} .topTtl ul .cur a{ border-bottom:2px solid #f55; padding-bottom:0;} .main-r .noticeList{ padding:6px 0; position:relative; font-size: 14px; color: #333; border-bottom: 1px solid #eeeeee;} .main-r .proList li{ padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; zoom:1;} .main-r .proList img{ width: 60px; height: 60px; float: left; margin-right: 10px;} .main-r .proList span{ font-size: 12px; float:left; width: 140px;} .main-r .proList em{ display: block; font-size: 16px; color: #333;} .main-r .proList i{ display: block;} .main-r .featuresList{ padding:7px 0 0;} .specialSelling{ width:200px; margin:0 auto; position:relative; height:252px;} .icoPriceBox{ position:relative; padding-top:10px;} .icoPrice .newPrice,.icoPrice .newPrice02{ font-size:18px; color:#f55; font-family:Arial; padding:0; float:left;} .icoPrice .newPrice i,.icoPrice .newPrice02 i{ font-size:24px; margin-left:2px;} .icoPrice .newPrice em,.icoPrice .newPrice02 em{ font-size:18px; display:inline-block;} .icoPrice .newPrice span,.icoPrice .newPrice02 span{ font-size:12px; font-weight:bold; margin-left:4px; color:#fff;} .icoPrice .newPrice02{ font-size:14px; padding-top:16px;} .icoPrice .newPrice02 i{ font-size:22px;} .icoPrice .newPrice02 em{ font-size:16px;} .icoPrice .oldPrice { font-size:12px; color:#999; float:left; padding:2px 0 0 6px;} .icoPrice .oldPrice i{ font-family:Arial; text-decoration:line-through; font-size:12px;} .specialSelling a{ display:block;} .specialSelling a img{ display:block; width:130px; height:130px; margin:0 auto;} .specialSelling a span{overflow:hidden;text-overflow:ellipsis;white-space: nowrap; line-height:20px; display:block;} .specialSelling a span .i_free{ display:inline-block; background-color:#f55; color:#fff; border-radius:2px; padding:0 4px; margin-right:5px;} .specialSelling a .imgEm{ padding:15px 0 8px; display:block;} .specialSelling a{ color:#666; font-size:12px;} .btnSpan{ float:right; background-color:#f55; color:#fff; border-radius:2px; line-height:21px; padding:0 5px 1px;} .limitedTxt{ position:absolute; right:0; bottom:75px; width:56px; height:44px; background:url(../images/img_limited_1.png) no-repeat; font-size:16px; color:#fff; text-align:center; font-style:italic; line-height:18px; padding:12px 0 0;} .limitedTxt i{ font-family:Arial; font-size:18px; font-style:italic;} .tiemBox{ font-size:12px; padding-top:7px; text-align:center;} .tiemBox i{ float:left; margin:5px 0 0;} .tiemBox ul{ float:left; width:155px; padding:0; line-height:20px; color:#666; padding-left:4px;} .tiemBox ul li span{ margin-right:10px;} .tiemBox ul .snapUp{ color:#f55;} .topList li{ float:left;width:115px;} .topList li a,.topList li a:hover{ display:block; float: left; width:115px; line-height:36px; color:#fff; background-color:#f55; font-weight:bold; font-size:14px; text-align:center;} .topList .cur a,.topList .cur a:hover{ background-color:#fff;color:#f55;} .tiemBox span{background-color:#373737;color:#fff;margin:0 5px;border-radius:2px;line-height:21px;display:inline-block;width:24px;font-size:12px; text-align:center;} .progressBox{ margin:0 10px; border-top: 1px dashed #e9e9e9; color: #999; font-size: 12px; padding: 8px 0 15px;} .progressBox .progressBar{ border: 1px solid #ff5555; height: 7px; border-radius:4px;} .progressBox .progressBar span{ background-color: #f55; vertical-align: top; height: 7px; display: inline-block;} .proTom {border-top: 1px dashed #e9e9e9; margin: 0 10px; padding:8px 5px 0; line-height: 1.7; font-size: 12px;} .proTom .img { float: right; margin-top:2px;} .proTom .img img{ width: 75px;} .textPro { overflow: hidden;} .textPro .textTip span{font-size:14px; color:#f55; display: block;} .priceBox{ line-height:1.5; padding-top:3px;} .priceBox .price1{color:#f55; font-size:14px;font-family: arial; margin-right: 5px;} .priceBox .price1 i{ font-size:16px; margin-left:2px;} .priceBox .price2{ color:#999; text-decoration:line-through; font-family:arial;} .posDiv{ display:none;width:68px; height:55px; position:absolute; right:-16px; top:105px; background:url(../images/img_soldout2_1.png) no-repeat;} .soldOut .posDiv{ display:block;} .featuresList li{ float:left; width:70px; text-align:center; padding:4px 0 0; line-height:25px;} .featuresList li a{ display:block;} .featuresList li a:hover{ color:#333;} .featuresList li i{ display:block; width:46px; height:41px; margin:0 auto; font-size: 45px; line-height: 45px; color: #f55;} .featuresList li a:hover i{-webkit-animation:toTopFromBottom .5s forwards;-moz-animation:toTopFromBottom .5s forwards;animation:toTopFromBottom .5s forwards;} @-webkit-keyframes toTopFromBottom {49% {-webkit-transform: translateY(-15%)}50% {-webkit-transform: translateY(0%)}51% {opacity: 1}} @-moz-keyframes toTopFromBottom {49% {-moz-transform: translateY(-15%)}50% {-moz-transform: translateY(0%)}51% {opacity: 1}} @keyframes toTopFromBottom {49% {transform: translateY(-15%)}50% {transform: translateY(0%)}51% {opacity: 1;}} .floorTtl p i{ background:url(../images/icon_index_2.png) no-repeat;} .i_bg{ background: url(../images/icon_index_3.png) no-repeat left top;} .saleBox {overflow:hidden; zoom:1;} .saleTab{ background-color:#ddd;} .saleTab li{ float:left; position:relative; width:150px; font-size:16px; text-align:center; padding:0 0 2px;line-height:36px;} .saleTab .li01{ width:370px; border-left:0; text-align:left;} .saleTab li a{ color:#666; display:block; padding:0 24px; border-left:1px solid #ccc; cursor:default;} .saleTab li a:hover{ text-decoration:none; color:#f55;} .saleTab .li01 a,.saleTab .li01.cur a{ border-left:0;padding-left:24px;} .saleTab .cur{ background-color:#fff; margin-right:-1px; position:relative; padding-right:1px; z-index:99;} .saleTab .cur a{color:#f55; border-left:0; padding-left:25px;} .remaining{ line-height:18px; font-size:16px; display: inline-block; color:#666; font-family: arial;} .remaining .num{ display:inline-block; padding: 1px 3px; text-align:center; font-size:16px; font-family:Arial; color:#fff; background-color: #f55; border-radius: 3px;} .remaining em{ font-weight: bold; margin: 0 3px;} .smallBox{ position:absolute; left:140px; top:2px; line-height:20px;} .smallBox .sImg{ float:left; margin-right:5px;} .smallBox .sImg img{ width:50px; height:33px;} .smallBox p{ float:left; font-size:14px; color:#666; width:115px; margin-top:6px;} .smallBox p span{ color:#f55; font-size:24px; font-family:Arial;} .smallBox p span i{ font-size:18px; margin:0 2px 0 4px;} .saleTab .cur .remaining{ display:block;} .saleTab .cur .smallBox{ display:none;} .listColumnBox{background-color: #fff; border: 1px solid #dddddd; border-radius: 5px; margin: 6px 0;} .listColumn{ width:8428px; } .listColumn li{float:left; width:238px; font-size:14px;line-height:24px; height:298px; position: relative; border-radius: 5px;} .listColumn li .innerBox .i_bg{ display:block; position: absolute; left:0; top:0; width:44px; line-height: 1.2; padding: 2px 7px 0 0; height:49px; background-position:-27px -1px; color: #fff; font-size: 16px; text-align: right;} .listColumn li .innerBox .i_bg01{ background-position: -94px -1px;font-size: 16px; line-height: 1.2; padding-top: 10px; width: 60px; height: 60px; text-align: center;} .listColumn li .innerBox .i_bg em{ font-size: 22px; font-family: arial;} .listColumn li .innerBox{padding:30px 0 0; border-radius: 5px;} .listColumn li .proImg img{ width:180px; height:180px; transition: margin 0.5s ease 0s;} .listColumn li .proImgewm{ width: 180px; height: 180px; text-align: center; margin: 0 auto 12px; font-size: 16px; color: #666;} .listColumn li .proImgewm img{ width: 160px; margin: 0 auto;} .listColumn li .innerBoxtwo{ position: absolute; top: 0; left: -234px; background-color: #fff; width: 231px; overflow: hidden;zoom:1; padding:30px 0 0; height: 268px; -webkit-transition: 0.6s ease-out; transition: 0.6s ease-out; border-radius: 5px 0 0 5px;} .listColumn li .innerBoxtwo .innertwoBox{ width: 231px; text-align: center;} .listColumn li:hover .innerBoxtwo{ left: 0; box-shadow: 1px 1px 8px #ccc;} .listColumn li.only{ overflow: hidden; zoom:1;width: 238px;} .listColumn .proImg{ width:180px; margin:0 auto 12px; position: relative;} .listColumn .proName,.inrBox{ width:206px; margin:0 auto;} .listColumn .proName{overflow:hidden;text-overflow:ellipsis;white-space: nowrap; text-align: left; margin-bottom:5px;} .listColumn .proName a{ color:#333;} .listColumn .proName a:hover{ color: #f55; text-decoration: none;} .listColumn .berserkPrice{ color:#666; float:left;} .listColumn .berserkPrice i.newPrice{ font-family:Arial; font-size:22px; color:#f55; margin-right: 10px;} .listColumn .berserkPrice .oldPrice{ font-family:Arial; font-size:16px; color:#999;text-decoration: line-through;} .listColumn .berserkPrice .oldPrice i{text-decoration: line-through;} .listColumn .porTxt{ float: right; width:50px; height:24px; padding-left:10px; text-align:center; line-height:24px; position:relative; color:#fff; margin-top:5px;} .listColumn .porTxt span{ position:relative; z-index:5;} .listColumn .porTxt span i{ font-size:11px; margin-right:2px;} .listColumn .p_price{ float:left; color:#f55; font-size:18px; font-family:Arial;} .listColumn .spanBox{ float:right;} .listColumn .spanBox span{ display:inline-block; border:1px solid #eee; color:#999; line-height:16px; padding:0 4px; font-size:12px; border-radius:3px; vertical-align:middle; margin:-2px 0 0;} .listColumn .spanBox span i{ color:#f55;} .listColumn li{ position:relative;} .listColumn li .li_soldOut{ position:absolute; left:5px; right:5px; top:0; bottom:0; text-align:center; display:none; z-index:80;} .listColumn li .li_soldOut img{ margin:-64px 0 0 -96px; position: absolute; z-index:10; left:50%; top:50%;} .listColumn li .li_soldOut em{ display:block; background-color:#666; z-index:5;opacity: 0.55;filter: alpha(opacity=55); position:absolute; left:0; top:0; width:100%; height:100%;} .listColumn .overdue .li_soldOut{ display:block;} .floorLeft{ float:left; width:230px;} .imgBox01{ border-radius: 5px 0 0 5px;} .imgBox01 img{ width:230px; height:310px; border-radius: 5px 0 0 0;} .logoTxt{ padding:1px 0 0 9px;} .logoTxt li{ float:left; width:105px; text-align:center; font-size:12px; line-height:30px; padding:1px 0 0 1px;} .logoTxt li a{ display:block; background:rgba(0,0,0,.2); color:#fff;} .logoTxt li a:hover{ text-decoration:none; background:rgba(0,0,0,.5);} .logoImg{ overflow:hidden; zoom:1; margin-left:10px; width:211px; height:152px;} .logoImg ul{background-color:#f1f1f1; width:212px;} .logoImg ul li{ float:left; width:105px; margin:0 1px 1px 0; overflow:hidden; zoom:1; background-color:#fff;} .logoImg ul li img { width:105px; height:50px;-webkit-transition: all .3s ease-out; transition: all .3s ease-out;} .logoImg ul li a:hover img{ margin-left:-5px;} .ico_tab{ position:absolute; width:100%; text-align:center; left:0; right:0; bottom:15px; z-index:10;} .ico_tab a{ display:inline-block; width:10px; height:10px; background-color:#ddd; border-radius:5px; margin:0 9px;} .ico_tab .ico_tab_on{ background-color:#ffb2b2;} .floor_tabBox{ width:1400px;} .floorList{ float:left; width:100%; background-color:#fff; } .floorList li{ float:left; width:238px; padding:0 0 1px 1px;} .floorList li a{ display:block; height:270px; background-color:#fff; color:#333;line-height:20px; position: relative;} .floorList li a i{ display:block; margin:8px 15px 0; color:#f55; font-family:Arial; font-size:16px;} .floorList li a img{ width:220px; height:242px;display:inline-block;margin-left: 15px; margin-top: 28px;} .floorList li a .floImg{ display:block; overflow:hidden; zoom:1; text-align:center; position: absolute; left: 0; top: 0;} .floorList li a .floTxt{ position: absolute; z-index: 3; padding: 30px 0 0 25px; line-height: 1.7;} .floorList li .spanName{ font-size:16px; display:block;overflow:hidden;text-overflow:ellipsis;} .floorList li .spanTxt{ font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .floorList li.twoW{ width: 479px;} .floorList li.twoW a img{ width:479px;} .floorList li a:hover {box-shadow: 1px 1px 10px #ccc; text-decoration:none; z-index: 3;} .floorRight{ float:left; width:959px; height:541px; background-color:#fff; overflow:hidden; zoom:1; border-radius: 0 5px 5px 0; border: 1px solid #ddd; border-left: none;} .floor_r{ float:left; position:relative;} .floor_r ul{ position:relative; }/* width:100%; */ .floor_r ul li{ width:238px; height:181px;} .floor_r ul li a{ display:block; height:181px; } .floor_r ul li img{ width:239px; height:181px;} .floorBox{background-color:#f55; margin-bottom: 25px;border-radius: 5px;} .greenfloor .floorBox{background-color:#00cc99; } .greenfloor .floorList li .spanTxt{ color: #ff5555;} .bluefloor .floorBox{background-color:#0099ff;} .bluefloor .floorList li .spanTxt{ color: #ff5555;} .orangefloor .floorBox{background-color:#ffaa00;} .orangefloor .floorList li .spanTxt{ color: #ff5555;} .purplefloor .floorBox{background-color:#9381ff;} .ttlPurple{border-left:4px solid #9381ff;} /*blogroll*/ .blogroll { background-color: #fff; margin-top: 20px; overflow: hidden; zoom: 1; } .blogroll .blogroll_navi { font-size: 14px; border-bottom: 1px solid #eeeeee; padding-left: 25px; line-height: 39px; position: relative; } .blogroll .blogroll_navi a { float: left; margin-right: 40px; width: 80px; text-align: center; color: #666; text-decoration: none; } .blogroll .blogroll_navi a:hover, .blogroll .blogroll_navi a.cur { color: #f55; } .blogroll .blogroll_navi .redLine { border-bottom: 1px solid #f55; position: absolute; bottom: -1px; width: 80px; left: 25px; } .blogroll .blogrollBox { overflow: hidden; zoom: 1; position: relative; min-height: 60px; } .blogroll .blogrollBox ul { position: absolute; left: 0; top: 0; width: 100%; } .blogroll .blogrollBox ul li { float: left; } .blogroll .blogrollBox ul li a { color: #666; display: block; text-decoration: none; } .blogroll .blogrollBox ul li a:hover{ color:#f55;} .blogroll .blogrollBox { margin: 10px 25px; } .blogroll .blogrollBox li { line-height: 26px; margin: 0 35px 0 0; } /*head_search topErweima*/ .topErweima{ float: left; padding-top: 18px; position: relative; margin-bottom: -20px; z-index: 999; display: block;} .topErweima .icoClose{ background: url(../images/icon_clost_1.png) no-repeat 4px -17px; float: left;display: inline-block; width: 10px; height: 10px;border: 1px solid #eeeeee;padding: 4px;} .topErweima .icoClose:hover{ background-position: 4px 4px;} .topErweima .erweimaTop{ border: 1px solid #eeeeee; float: left; margin-left: -1px;} .floor_bnr{height: 120px; position: relative; overflow: hidden; zoom:1; margin-top: 30px;} .floor_bnr img{position: absolute; left: 50%; width: 1630px; margin-left:-815px; height: 120px; display:block; vertical-align:baseline;} /*pharmacistList*/ .ttl{ color:#333; font-size:18px; border-left:4px solid #f55; line-height:18px; padding-left:10px; margin:18px 0;} .ttl a{ float: right; font-size: 14px; color: #666; } .ttl a i{font-size: 16px; font-family:Arial;} .ttl a em{ background: url(../images/icon_index_3.png) no-repeat left top; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-left: 5px;} .ttlGreen{ border-left:4px solid #00cc99;} .ttlBlue{border-left:4px solid #0099ff;} .ttlOrange{border-left:4px solid #ffaa00;} .pharmacist_ranking{ overflow:hidden; zoom:1; position:relative; height:280px;} .pharmacistList { width:5000px; position:absolute;left: 0; position: absolute; top:0;} .pharmacistList li{ float:left;position:relative; color:#666; font-size:14px; margin-right:10px; width:190px; height: 270px; } .pharmacistList .off_line .img_doc img{ opacity:0.35;filter:alpha(opacity=35);} .pharmacistList li .inrBox,.pharmacistList li .inrBoxHover{ text-align:center; padding:12px 0 0; line-height:26px; overflow:hidden; width:190px;height: 258px; display: block;} .pharmacistList li .inrBoxHover{display:block;position:absolute; box-shadow: 1px 1px 10px #ccc; } .pharmacistList li .inrBox .doc_info{display:block;background-color:#f55; color:#fff; text-decoration:none; text-align:left; font-size:12px;} .pharmacistList li .inrBoxHover .doc_info{ color: #333; text-align: left; display: inline-block; text-decoration: none;} .pharmacistList li .inrBox, .pharmacistList li .inrBoxHover {transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0; left: 0;border-radius: 5px; border: 1px solid #dddddd;background-color:#fff; } .pharmacistList li .inrBox { z-index: 2; transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg);} .pharmacistList li .inrBoxHover { z-index: 1; transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); } .pharmacistList li:hover .inrBoxHover { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); z-index: 2;} .pharmacistList li:hover .inrBox { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); z-index: 1;} .pharmacistList li .doc_info .docTtl{ display:block; font-size: 16px; line-height: 30px; font-weight: bold; } .inrBoxHover a p{ font-size: 12px; line-height: 30px;} /*seachDrug*/ .seachDrug{ font-size: 0; margin-right: -2px; font-family: "Microsoft YaHei light"; font-weight: 100;} .seachDrug li{ width: 149px; display: inline-block; vertical-align: top; font-family: "Microsoft YaHei light"; font-weight: 100;} .seachDrug li a{width: 147px; margin: 0 2px 2px 0; display: inline-block; position: relative;} .seachDrug li a span{display: inline-block; width: 145px; border-radius: 5px; background-color: #fff; border: 1px solid #dddddd; text-align: center; text-decoration: none; color: #666;} .seachDrug li a span.back{ border: none;} .seachDrug li a span img{border-radius: 5px; width: 147px;} .bLink{ font-size: 24px; line-height: 98px; height: 100px;} .sLink{ font-size: 20px; line-height: 47px; height: 49px; } .sLink img{width: 147px; height: 47px;} .front, .back { backface-visibility: hidden; transition: 0.6s ease-out; -webkit-transition: .6s ease-out; /*-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;*/ position: absolute; top: 0; left: 0; border-radius: 5px; border: 1px solid #dddddd; background-color:#fff; } .front { z-index: 2; transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg);} .back { z-index: 1; transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); } .seachDrug a:hover .back { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); z-index: 2;} .seachDrug a:hover .front { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); z-index: 1} .seachDrug a:hover .ffont{ background-color: #f55; color: #fff !important; } /*seachDrug end*/ .doc_info .docTtl i{ display:inline-block; background-color:#d93131; padding:0 10px; position:relative; z-index:5;} .doc_info .docTtl em{ display:block; position:absolute; height:1px; background-color:#ff8400; line-height:1px; left:9px; top:50%; right:9px; z-index:1;} .pharmacistList li .img_doc{ width:90px; margin:0 auto; height:102px; position:relative;} .pharmacistList li .img_doc img{ display:block; width:90px; height:90px; border-radius:45px; overflow:hidden;} .pharmacistList li .img_doc span{ background-color:#ffa0a0; width:50px; text-align:center; color:#fff; display:block; position:absolute; left:50%; bottom:1px; margin-left:-25px; border-radius:9px; line-height:18px; font-size:12px; font-family:Arial; padding-top:1px;} .pharmacistList li .doc_name{ color:#333; padding:5px 0 0;} .pharmacistList li .consult_num{ font-size:12px;} .pharmacistList li .consult_num i{ color:#f55;} .stat_box{ font-size:12px; color:#666; } .star_rank{ vertical-align:middle; margin:-3px 8px 0 0;} .star_rank,.star_rank em{ background:url(../images/star_red_img_1.png) no-repeat; display:inline-block; width:69px; height:12px; background-position:0px -27px; position:relative;} .star_rank em{ display:block; position:absolute; left:0; top:0; height:14px; background-position:0px 0px;} .btn_div{ font-size: 0; text-align: center; margin-top: 10px; } .btn_div a{ display: inline-block; margin: 0 4px; line-height:20px; text-align:center; width:68px; font-size:12px; color:#666666; border-radius: 2px;} .btn_div a:hover{ color:#fff; text-decoration:none;} .btn_div .consult_btn{ border-right:1px solid #f1f1f1; width:94px;} .btn_div .borGreenBtn{ border: 1px solid #66cc00;} .btn_div .borRedBtn{ border: 1px solid #ff9999;} .btn_div .borGreenBtn:hover{ background-color:#66cc00; color: #fff;} .btn_div .borRedBtn:hover{ background-color:#ff9999; color: #fff;} .arrowLink{-webkit-transition: all .3s ease;transition: all .3s ease; opacity:0;filter:alpha(opacity=0); } .arrowLink a{ display:block; background:url(../images/icon_common_1.png) no-repeat; width:28px; height:62px; position:absolute; top:50%; margin-top:-40px; z-index: 9;} .pharmacist_ranking:hover .arrowLink{ opacity:1;filter:alpha(opacity=100);} .arrowLink .prev,.arrowLink .prev.last,.arrowLink:hover .prev.last{ background-position:-3px -35px; left:0;} .arrowLink .next,.arrowLink .next.last,.arrowLink:hover .next.last{ background-position:-51px -35px; right:0;} .domainNotice{background:#fdecec; padding:5px 0; text-align:center; display:none;} .domainNotice p{color:#f55; font-size:14px;} .domainNotice p i{ display:inline-block; width:12px; height:13px; margin:-3px 5px 0 0;vertical-align:middle;background:url(../images/ico_horn_1.png) no-repeat;} /**ft_fixed*/ .ft_fixed{ position:fixed; left:0; width:100%; bottom:0; z-index:99999;} .bt_inner{ width:990px; margin:0 auto; position:relative; z-index:5;} .ft_bg{ background-color:#000; opacity:0.8; filter: alpha(opacity=80); position:absolute; left:0; height:118px; bottom:0; right:0; z-index:1;} .ico_close{ display:block; width:45px; height:45px; background:url(../images/ft_close_1.png) no-repeat; position:absolute; bottom:35px; right:12px;} .ico_close:hover{ animation: 2s linear 0s normal none infinite running spin;} @keyframes spin { 0% {transform: rotate(0deg); } 100% { transform: rotate(360deg);} } .suspensionTip02 { width:0;overflow:hidden;} .ico_qrcode{ background:none;} .ico_qrcode i {background-position: -42px -342px;} .qrCode span {width: 0;} /*pingjk*/ .pingjk { overflow: hidden; zoom:1;} .pingjk .pjkBox{margin-right:-20px; clear: both; } .pingjk .pjkBox .pjkInner { border: 1px solid #dddddd; padding: 20px; width: 548px; height: 198px; border-radius: 5px; background-color: #fff; position: relative; float: left; margin: 5px 9px 5px 0;} .pingjk .pjkBox .pjkInner .imgBox { float: left;margin-right: 30px; border-radius: 5px;} .pingjk .pjkBox .rBox { float: left; font-size: 14px; line-height: 1.7; color: #666; width:300px;} .pingjk .pjkBox .rBox p {margin-bottom: 10px;} .pingjk .pjkBox .rBox ul{ margin-bottom: 10px; margin-left: 10px;} .pingjk .pjkBox .rBox ul li{font-size: 14px;line-height: 1.7;color: #666;} .pingjk .pjkBox .rBox ul li i{ background: url("../images/ico_spot_1.png") no-repeat scroll left center; width:3px; height:3px; display:inline-block; margin-right: 3px; vertical-align: middle;} .pingjk .price { color: #333; margin-bottom: 10px; margin-left: 10px;} .pingjk .price .oldPrice { margin-right: 20px;} .pingjk .ttlH3 {font-size: 16px; color: #333; margin-bottom: 10px; height: 27px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .tuanPrice { margin-left: 10px;} .tuanPrice .lBox{ float: left; border: 1px dashed #f55; line-height: 34px; height: 35px; padding: 0 10px; width: 145px;} .tuanPrice .lBox .newPrice{ color: #f55; font-size: 22px; vertical-align: middle; margin-left: 10px;} .tuanPrice .tuanBtn{ background: #ff5555 url(../images/bg_tuan_1.png) repeat-y right top; display: inline-block; width: 74px; color: #fff; line-height: 37px; text-align: center;} .pjkBox .ewm{ width: 0; box-shadow: 1px 2px 10px #ccc; z-index:2;height: 238px; transition: 0.6s ease-out;-webkit-transition: .6s ease-out;position: absolute; background-color: #fff; top: -1px; right: 0px; margin-bottom: -2px; border-radius: 0 5px 5px 0; overflow: hidden; zoom:1;} .pjkBox .ewm .ewmInner{ width: 160px; height: 208px; display: block; border: 1px solid #ddd; text-align: center;padding: 30px 40px 0; font-size: 16px; color: #666; line-height: 1.7;position:relative;} .pingjk .pjkBox .pjkInner:hover .ewm{ width: 237px;} .ewmInner img{width:160px;height:160px;} .ewmInner em{width:100%;text-align:center;position:absolute;bottom:20px;left:0px;} /*starShop */ .starShop {overflow: hidden;zoom: 1;width: 1190px;margin: 0 auto;} .starShop .tabShop { margin-bottom: 5px;} .starShop .tabShop li {display: inline-block; margin-right: 10px;} .starShop .tabShop li i{ font-size: 25px; line-height: 25px; margin-right:2px;} .starShop .tabShop li em{ background:url('../images/icon_index_3.png') no-repeat -175px -1px; display: none; width: 16px; height: 9px; } .starShop .tabShop li a {color: #333333; position:relative;font-size: 18px;padding: 0 10px;text-decoration: none;display: inline-block;line-height: 30px;} .starShop .tabShop li a.cur,.starShop .tabShop li a:hover {color: #fff;background-color: #f55; border-radius: 5px;} .starShop .tabShop li a.cur em{ position: absolute; bottom: -8px; display: block; left: 50%; margin-left: -8px;} .starShop .starShopBox{ margin-right: -10px;} .starShop .starShopIner {border: 1px solid #ddd; border-radius: 5px; width: 588px;padding: 20px 0;background-color: #fff;overflow: hidden;zoom: 1; float: left; margin: 0 10px 10px 0;} .starShop .topLogo{ overflow: hidden; zoom:1; clear: both; padding: 0 20px; margin-bottom: 10px;} .starShop .logo {float: left;height:40px;min-width:40px; margin-right:70px;} .starShop .logo img{width:90px;} .starShop .logoTxt {font-size:12px;color:#999;line-height:1.7;float:left;} .starShop .shopName {font-size:15px;color:#333;display:block;} .starShop .quan{ float:right; line-height:30px; font-size:0; margin-top:10px;} .starShop .quan span{ border:1px dashed #f55; color:#f55; font-size:14px; padding:0 10px; margin-right:-1px; display:inline-block; line-height:30px;} .starShop .quan span em{font-family: arial; font-size: 16px; line-height: 1.2; margin-left: 8px;} .starShop .proInfoBox{ overflow: hidden; zoom:1; clear: both;} .starShop .proInfoBox li {width: 150px;padding: 0 20px; float: left;} .starShop .proInfoBox li .proImg { margin-bottom: 5px; } .starShop .proInfoBox li .proImg img{ width: 140px; height: 140px; margin: 0 auto;} .starShop .proInfoBox li .proName { font-size: 12px; line-height: 1.7; height: 40px; overflow: hidden; zoom:1; margin-bottom: 10px;} .starShop .proInfoBox li .proName a {color: #333;} .starShop .proInfoBox li .proName a:hover{ color: #f55;} .starShop .priceSales .newPrice {color: #f55;font-size: 16px;margin-right: 10px; font-family: arial;} .starShop .newSales {color: #999;font-size: 12px;} .starShop .btnW80red{ color: #fff; background-color: #f55; display: inline-block; line-height: 32px; width: 80px; border-radius: 5px; vertical-align: top; font-size: 12px; text-decoration: none; text-align: center; margin-left: 20px;} /***2017618***/ .special_event{background:url(../images/1708566401237_1.png) no-repeat center top; padding:27px 0 0; height:344px; position:relative; margin-bottom:-10px;} .special_event ul li{float: left; padding:31px 0 0 7px;} .special_event ul .li_one{ padding:0;}