*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select{ outline: none !important; /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #dedede; background: url("/Public/Home/images/arrow.png") no-repeat scroll 98% center transparent; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; } html,body{ } .w100{ width: 100%; } .ma{ margin: 0 auto; } .hao{ height:auto; overflow: hidden; } .w1000{ width:1000px; margin: 0 auto; } .w1200{ width:1200px; margin: 0 auto; } .wbg{ background: #fff; } .clearfix{ clear: both; } .fl{ float: left; } .fr{ float: right; } .hidden{ display: none !important; } .bg-black{ background:#000; } img{ border: 0; } ul{ margin-bottom: 0; } li{ list-style: none; } a{ text-decoration: none; } a:hover{ color: #b60d24 !important; } .login-body .input-group{ width: 100%; } /*注册 找回密码*/ .modal-dialog { height: 400px; perspective: 2000px; z-index: 2; } .modal-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; max-height: 480px; position: absolute; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform:rotateY(-180deg) ; transition: all 1s ease 0s; width: 100%; } .modal-content.active{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform:rotateY(0deg) ; } .modal-body { height: 330px; margin: 0 auto; overflow: hidden; padding-left: 0; padding-right: 0; position: relative; width: 292px; } .modal-header { border-bottom: 0 none; } .close { color: #000; font-size: 24px; font-weight: 100; } .close span { color: #000; font-size: 5.4rem; } #login-modal .login-text { height: 15px; margin: 14px auto 0; width: 292px; } #login-modal .login-logo { background: rgba(0, 0, 0, 0) url("/Public/Home/images/modal_logo.png") no-repeat scroll 0 0 / contain ; height: 45px; margin: 30px auto 0; width: 77px; } #login-modal .repwd { background: rgba(0, 0, 0, 0) url("/Public/Home/images/register-title.png") no-repeat scroll center center; } .modal-content.register-btn2 { -webkit-transform:rotateY(0deg) ; -moz-transform:rotateY(0deg) ; -ms-transform:rotateY(0deg) ; -o-transform:rotateY(0deg) ; transform:rotateY(0deg) ; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition:all 1s ease 0s; } #login-modal .login-select { height: auto; overflow: hidden; padding-bottom: 12px; text-align: center; } .login-select-a { height: 29px; margin: 0 auto; position: relative; width: 186px; } #login-modal .login-select a { color: #000; display: block; float: left; font-size: 1.6rem; height: 28px; line-height: 28px; margin-right: 20px; outline: medium none; width: 73px; } .login-select-a span { background: #bc273e none repeat scroll 0 0; bottom: -13px; display: block; height: 2px; left: 0; position: absolute; width: 73px; } .lines-bottom { border-bottom: 1px solid #e6e6e6; height: 1px; margin-top: 11px; } .form-login-group { left: 0; position: absolute; top: 80px; width: 200%; } .form-login-group form { float: left; width: 50%; } #mobile-login .dropdown-toggle, #mobile-register .dropdown-toggle, #mobile-find-login .dropdown-toggle { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #dedede; float: left; height: 38px; width: 80px; } a:active, a:focus, a:link { border: medium none !important; outline: medium none !important; } .input-group .glyphicon-ok, .input-group .glyphicon-remove { background: #2ebb5a none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-size: 1.4rem; height: 20px; line-height: 20px; right: 5px; text-align: center; top: 7px; width: 20px; z-index: 3; } #login-users, #register-users, #login-find-users { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #dedede; float: left; height: 38px; /*margin-left: 10px;*/ width: 287px; } .psd .input-group { width: 100%; } #register-password, #reister-email-password { float: left; width: 150px; } .verify-img { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #dedede; display: block; float: left; height: 38px; margin-left: 10px; text-align: center; width: 100px; } .verify-img img { display: inline-block; line-height: 38px; margin-top: 7px; } .glyphicon-refresh { cursor: pointer; float: left; height: 20px; margin-left: 10px; margin-top: 10px; width: 20px; } .know-password{ color: #bc273e; } .submit-btn .btn { background: #bc273e none repeat scroll 0 0; color: #fff; font-size: 1.8rem; outline: medium none; text-align: center; width: 100%; } #email-login, #register-login, #email-register-login { left: 100%; } #email-login input, #register-login input, #email-register-login input { background: #f7f7f7; } #login-password, #register-password { background: #f7f7f7; } .modal-content .input-group input { height: 38px; } #email-login .input-group, #email-register-login .input-group, #email-find-login .input-group { width: 100%; } #login-modal .fpwd { background: rgba(0, 0, 0, 0) url("/Public/Home/images/findpassword.png") no-repeat scroll center center; } .login-bottom-info { bottom: 20px; position: absolute; width: 100%; } /*注册找回密码结束*/ .header{ padding-top: 15px; padding-bottom: 15px; } .header-logo{ width:91px; height:87px; background: url("/Public/Home/images/logo.png") no-repeat; margin-top: 21px; } .header-info{ width: 260px; margin-left:70px; color: #808080; font-size: 14px; line-height: 21px; } .header-info i{ display: inline-block; width:26px; height:27px; background: url("/Public/Home/images/telphone.png") no-repeat; } .header-info p{ margin-bottom: 0; font-size: 12px; } .header .zmpp{ float: left; font-size:16px; color: #fff; font-weight: bolder; margin-top: 100px; margin-left: 100px; } .banner-texts .big-text{ font-size: 60px; letter-spacing:8px; font-family:"YouYuan"; } .banner-texts .small-text{ font-size: 16px; color: #fcffff; letter-spacing: 3px; } .nav-left a.active { background: #87091a; color: #fff !important; } .gsjj-box { background: #737373 none repeat scroll 0 0; } .header-search{ margin-top: 50px; } .search-group{ position: relative; } .header-search input{ width: 248px; height: 36px; background: #333333; color: #999; padding-left: 30px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:0; font-size: 13px; } .header-search input:focus{ -webkit-box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.6); box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.6); } .header-search input.submit-btn{ cursor: pointer; position: absolute; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; right: 10px; border: 0 !important; top: 10px; width:16px; height: 16px; background: url("/Public/Home/images/fdj.png") no-repeat; } .nav{ background: #b60d24; height: 50px; clear: both; } .nav-left{ width:730px; } .nav-left a{ display: inline-block; line-height: 50px; text-align: center; float: left; color: #fff; padding-left: 68px; padding-right: 60px; font-size: 16px; } .nav-left a:hover{ background: #87091a; color: #fff !important; } .nav-right .cart-box,.nav-right .person-box{ width:94px; height:50px; line-height: 50px; padding-left: 30px; background: url("/Public/Home/images/gwc.png") no-repeat left center; position: relative; } .nav-right .cart-box,.nav-right .person-box1{ width:94px; height:50px; line-height: 50px; padding-left: 30px; background: url("/Public/Home/images/gwc.png") no-repeat left center; position: relative; } .login-box{ width:190px; height:210px; margin: 0 auto; padding-top: 50px; } .login-box .login-header{ color: #fff; font-size: 14px; margin-bottom:27px; text-align: center; } .input-group input[name=rempwd]{ padding-left: 0; } .input-group input{ height: 30px; line-height:15px; width: 100%; font-size: 14px; border: 1px solid #dedede; margin-bottom: 10px; background: #fff; padding-left: 39px; position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .input-group input:focus{ -webkit-box-shadow: 0 0 5px 5px rgba(255,255,255,.3); -moz-box-shadow: 0 0 5px 5px rgba(255,255,255,.3); box-shadow: 0 0 5px 5px rgba(255,255,255,.3); } .login-user,.login-password{ position: relative; } .login-user:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width:30px; height:30px; background: url("/Public/Home/images/message.png") no-repeat center center #000; z-index: 2; } .login-password:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width:30px; height:30px; background: url("/Public/Home/images/key.png") no-repeat center center #000; z-index: 2; } .rempwd{ font-size:14px; color: #b2b2b2; } .forgetpwd{ color: #b2b2b2; font-size: 14px; text-decoration: underline; } .rempwd{ margin-top: 16px; } .rempwd input{ width:18px; height: 18px; background: #fff; float: left; } .sub{ width: 100%; margin-top: 24px; } .sub input{ width: 85px; height: 30px; text-align: center; background: #b60d24; font-size: 14px; line-height: 30px; float: left; border: none; padding-left: 0; cursor: pointer; color: #fff !important; margin-right: 10px; border: none !important; } .sub a{ display: inline-block; float: right; width: 85px; height: 30px; text-align: center; font-size: 14px; line-height: 30px; background: #ffffff; color: #000; } /*nav-login*/ .newgsjj{ width: 230px !important; height:256px !important; position: absolute; left: -136%; top: 50px; z-index: -1; opacity: 0; background: rgba(255,255,255,.9) !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,.3); box-shadow: 0 0 5px 5px rgba(0,0,0,.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .newgsjj .input-group input:focus{ -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3); } .newgsjj:before{ content: ''; background: url("/Public/Home/images/loginbg_03.jpg"); width:15px; height: 7px; position: absolute; left: 177px; top: -7px; } .newgsjj.active{ z-index: 2; opacity: 1; } .newgsjj .login-header{ color: #000 !important; margin-bottom: 0 !important; font-weight: bold; } .newgsjj .rempwd{ margin-top: 0 !important; } .newgsjj .submit-btn:first-child{ color: #fff !important; } .newgsjj .login-user::before { top: 10px; } .newgsjj .rempwd{ line-height: 20px; } .newgsjj .sub{ margin-top: 0 !important; } .newgsjj .login-password::before { top: 10px; } .submit-btn{ color: #000 !important; border:1px solid #dedede !important } .newgsjj a.forgetpwd { font-size: 14px !important; color: #b2b2b2 !important; } .newgsjj .rempwd a.forgetpwd:hover{ color: #b60d24 !important; } .person-box .newgsjj a.submit-btn{ font-size: 14px; } .person-box .newgsjj a.submit-btn:hover{ color: #b60d24 !important; } .person-box1 .newgsjj a.submit-btn{ font-size: 14px; } .person-box1 .newgsjj a.submit-btn:hover{ color: #b60d24 !important; } .newgsjj .login-box { padding-top: 25px !important } .nav-right{ position: relative; } .nav-right span.mycart{ position: absolute; left: 9px; top: 8px; display: block; width:18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ffa012; text-align: center; line-height: 18px; color: #fff; font-size:14px; } .nav-right .person-box{ background:url("/Public/Home/images/grzx.png") no-repeat left center; margin-left: 40px; } .nav-right .cart-box a,.nav-right .person-box a{ color: #fff; font-size: 16px; } .nav-right .cart-box a:hover,.nav-right .person-box a:hover{ color: #fff !important; } .nav-right .person-box1{ background:url("/Public/Home/images/grzx.png") no-repeat left center; margin-left: 40px; } .nav-right .cart-box a,.nav-right .person-box1 a{ color: #fff; font-size: 16px; } .nav-right .cart-box a:hover,.nav-right .person-box1 a:hover{ color: #fff !important; } .nav-twobar{ margin-top: 50px; } .nav-twobar a{ float: left; margin-right: 73px; color: #fff; font-size: 16px; } .nav-twobar a:last-child{ margin-right: 0; } .header-search form { float: right; } .flexslider{ margin: 0 !important; border: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .banner{ position: relative; } .banner-thumbers-box{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;;; z-index: 2; background: rgba(88,88,88,.8); } .bannner-thumb{ position: absolute; left: 50%; top: 80px; margin-left: -550px; width:1100px; height: 455px; } .left-btn-thumb,.right-btn-thumb{ position: absolute; width:44px; height: 44px; line-height: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000; color: #fff; text-align: center; cursor: pointer; font-size: 30px; top: 50%; margin-top: -22px; } .left-btn-thumb{ left: -92px; } .right-btn-thumb{ right: -92px; } .banner ul li{ height: auto; overflow: hidden; float: left; } .banner ul li a { display: block; height: auto; overflow: hidden; } .small-img-box .left-btn,.small-img-box .right-btn{ width:50px; height:86px; float: left; cursor: pointer; } .small-img-box .left-btn{ background: url("/Public/Home/images/zjt.png") no-repeat center center #333; } .small-img-box .right-btn{ background: url("/Public/Home/images/yjt.png") no-repeat center center #333; } .small-img-box ul{ height: auto; overflow: hidden; float: left; } .small-img-box ul li{ float: left; position: relative; width:220px; height: 86px; overflow: hidden; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } /* .small-img-box ul li.active:after{ content:""; width: 0; height: 0; } */ /* .small-img-box ul li:after{ content:""; position: absolute; left: 0; top: 0; width:220px; height: 86px; background: rgba(255,255,255,.8); z-index: 2; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .small-img-box ul li:hover:after{ border-bottom: 3px solid #b60d24 } */ .small-img-box ul li.active{ -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .small-img-box ul li.active:after{ content:""; position: absolute; left: 0; top: 0; width:220px; height: 86px; background: rgba(39,39,39,.6); z-index: 2; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-bottom: 3px solid #b60d24 } .commend-img:hover img{ -webkit-transform: scale(1.2) rotate(-15deg); -moz-transform:scale(1.2) rotate(-15deg); -ms-transform: scale(1.2) rotate(-15deg); -o-transform:scale(1.2) rotate(-15deg); transform: scale(1.2) rotate(-15deg); } .commend-content{ margin-top: 65px; margin-bottom: 65px; } .commend-content-item{ float: left; border-right:1px solid #dedede; margin-right: 17px; padding-right: 17px; width: 287px; } .commend-content-item:last-child{ margin-right: 0; border-right:none; } .commend-content-item a{ color: #4c4c4c; font-size: 14px; margin-top: 17px; margin-bottom: 20px; float: left; } .commend-img{ width:270px; height: 270px; overflow: hidden; } .commend-img a{ margin-top: 0; } .commend-img img{ -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .commend-content-item p{ color: #b60d24; font-size: 20px; } .commend-content-item p span{ font-size: 12px;; } .company-body{ padding-top: 62px; padding-bottom: 75px; background: #d0d0d0; } .company-center{ margin-top: 93px; height: auto; overflow: hidden; } .company-header h4,.company-header p{ font-size: 18px; color: #000000; text-align: center; } .company-center ul{ width: 842px; margin: 0 auto; height: auto; overflow: hidden; } .company-center ul li{ float: left; margin-right: 156px; } .company-center ul li:last-child{ margin-right: 0; } .company-center ul li img{ display: block; margin: 0 auto; margin-bottom: 27px; } .company-center ul li a:hover{ color: transparent !important; } .company-center .list-ainfo p{ font-size: 16px; color: #000; margin-bottom: 10px; text-align: center; } /*分页效果*/ .pagelist{ text-align: center; margin-top: 100px; margin-bottom: 100px; } .pagelist-info{ display: inline-block; } .pagelist ul{ float: left; } .pagelist ul li{ float: left; margin-right: 10px; width: 30px; height:30px; line-height: 30px; } .pagelist ul li:first-child{ margin-left:25px } .pagelist ul li a{ font-size: 14px; color: #000; display: inline-block; width:100%; height:100%; } .pagelist ul li a:hover{ color: #fff !important; } .pagelist ul li.active a{ color: #fff; background: #b60d24; } .pagelist ul li:hover a{ color: #fff; background: #b60d24; } .pagechange{ float: left; margin-top: 9px; } .pagechange a{ display: block; width: 14px; height:10px; } .prevpage{ background: url("/Public/Home/images/leftjt.png") no-repeat center center; } .nextpage{ background: url("/Public/Home/images/rightjt.png") no-repeat center center; } .totalpage{ float: left; margin-left: 18px; border-left:1px solid #dedede; padding-left: 10px; font-size: 14px; color: #808080; } .totalpage span{ float: left; line-height: 28px; } .inputpage { float: left; height: auto; overflow: hidden; margin-left: 20px; } .inputpage input{ width:48px; height:24px; border: 1px solid #000; background: #fff; text-align: center; } input{ outline: none; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .totalpage a{ float: left; width: 50px; height: 26px; background: #000; color: #fff; font-size: 14px; line-height:13px; display: block; margin-left:12px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .totalpage a:hover{ background: #000; color: #fff; } .goods-commend{ height: auto; overflow: hidden; padding-top: 67px; } .goods-commend-header { width: 300px; height: auto; margin: 0 auto; overflow: hidden; } .goods-commend-header h1{ text-align: center; font-size: 28px; color: #1a1a1a; margin-bottom: 15px; } .goods-commend-header p{ color: #808080; font-size: 14px; text-align: center; } .footer{ background: #1c1c1c; padding-top: 90px; padding-bottom: 95px; } .footimg{ text-align: center; } .footimg img{ display: inline-block; } .addcart-success{ display: none; position: fixed; width:476px; height: 260px; left: 50%; top: 50%; margin-left:-238px; margin-top:-130px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } .addcart-success-header{ height:auto; overflow: hidden; padding: 10px 26px; background: #000000; color: #fff; font-size:18px; } .addcart-success-header h5{ font-size: 18px; float: left; } .addcart-success-header button.close { background: transparent none repeat scroll 0 0; border: 0 none; color: #d4d4d4 !important; cursor: pointer; float: right; font-size: 38px; height: 30px; line-height: 0; opacity: 1; width: 30px; } .addcart-success-body{ text-align: center; font-size: 1.8rem; color: #000000; font-weight: bolder; margin-top: 50px; } .addcart-success-footer{ margin-top: 50px; text-align: center; } .buy-box{ display: inline-block; height: auto; overflow: hidden; } .addcart-success-footer a { background: #b60d24 none repeat scroll 0 0; border-radius: 4px; color: #fff; font-size: 14px; height: 34px; line-height: 34px; margin-right: 10px; padding: 10px; text-align: center; width: 120px; } .addcart-success-footer a:hover{ color: #fff !important; background: #b60d24 !important; } .addcart-success-footer a.active{ background: #e6e6e6; color: #000; } /* FILE ARCHIVED ON 21:37:59 Oct 25, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 00:10:38 Apr 09, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.936 exclusion.robots: 0.056 exclusion.robots.policy: 0.04 esindex: 0.015 cdx.remote: 9.28 LoadShardBlock: 5274.244 (3) PetaboxLoader3.datanode: 5338.301 (5) load_resource: 419.103 (2) PetaboxLoader3.resolve: 262.984 (2) */