/******************************* this template common css ************************ * * 这里放置商城前台页面可以重复使用的代码 * */ .input{padding:3px 6px;font-size: 12px;color: #555555;background-color: #ffffff;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);} .twofloat em{float:left;} .twofloat span{float:right} /* location */ .location{text-align:left;padding-left:6px;color:#999} .location a{ display:inline-block;} .location a:hover{color:#e4393c; text-decoration:underline;} .location span{float:left;display:block;width:10px; height:13px;margin:0;background:url(../images/T1_w.iXaXcXXbHEyTv-150-650.png) no-repeat -16px -82px;margin-left:5px;margin-right:5px;} /* btns of order */ .btn-order{ height:24px; background:#fff; line-height:22px;} .btn-order a{color:#666;} .btn-order-click{border:#ccc 1px solid;background:url(../images/gray_line.jpg) left top repeat-x;padding-left:5px;padding-right:15px;height:22px;display:inline-block; position:relative;float:left;border-left:0;} .default-sort{padding-right:5px;border-left:1px #ccc solid;margin-left:5px;} .btn-order-click i{background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) no-repeat -22px -23px;width:7px; height:10px; display:inline-block; overflow:hidden; position:absolute;top:6px; right:3px;} .btn-order-click:hover,.btn-order-cur{color:#e4393c; text-decoration:none; background:#ffffff} .btn-order-click:hover i{ background-position:-30px -23px;} .order-down i, .order-down-gray:hover i{background-position:-30px -23px;} .order-down-gray i{ background-position:-22px -23px;} .order-up-gray i{background-position:-38px -23px} .order-up i, .order-up-gray:hover i{background-position:-46px -23px} /******************************* this template common css --------- end ************************/ /********************************* widgets fields ***************************************************************** * * 这里是放置挂件样式的区域 * */ /* page-home */ #page-home .col-1 .left{width:200px;float:left;margin-right:10px;} #page-home .col-1 .middle{width:760px;float:left;} #page-home .col-1 .right{width:215px;float:right;} #page-home .col-3 .left{width:595px;float:left;} #page-home .col-3 .right{width:595px;float:right;} /*jd2014_slides*/ .jd2014_slides{width:760px;position:relative;z-index:1;} .jd2014_slides .title ul{position:absolute;right:5px;bottom:5px; z-index:99} .jd2014_slides .title li{float:left;width:22px;height:22px;line-height:22px;margin-left:10px;color:#aeaeae;font-size:12px; cursor:pointer; border-radius:10px; background:#999;color:#fff; text-align:center;} .jd2014_slides .title li.ks-active{background-color:#e4393c;} .jd2014_slides .scroller{width:760px;height:210px; overflow:hidden;} .jd2014_slides .scroller .ks-content{left:0;top:0;} .jd2014_slides .scroller .ks-content li{display:block;left:0;top:0;} /*jd2014_circle*/ .circle{ width: 668px;border: 1px solid #D8D8D8;display:block;height:159px;overflow: hidden;position: relative;} .circle .ctrl {position: absolute;z-index: 1;cursor: pointer;transition: all .2s ease-in 0s;top: 0;width: 30px;height: 159px;} .circle .ctrl b {display: block;margin: 66px auto 0;width: 25px;height: 33px;background-image: url(../images/jd_20130330B_1.png);background-repeat: no-repeat;} .circle .prev{left:0} .circle .prev b {background-position: -85px -45px;} .circle .next{right:0} .circle .next b {background-position: -55px -45px;} .circle .ctrl:hover {background-color: #F5F5F5;} .circle .next:hover b {background: url(../images/jd_15.png) no-repeat 0 -37px;} .circle .prev:hover b {background: url(../images/jd_15.png) no-repeat 0 0;} .circle .scroller{width:606px; height:159px; position:relative;overflow:hidden;margin-left:20px;} .circle .scroller .ks-switchable-content{width:5000px !important;} .circle .scroller .ks-switchable-content img{ display:block;float:left;} .circle .scroller .ks-switchable-content li{ width:202px; height:159px; display:block;overflow:hidden;} .circle .ks-switchable-nav{ display:none} /* jd2014_article */ .jd2014_article{border:1px #E5E5E5 solid;color:#666;width:308px; overflow:hidden} .jd2014_article .title {height:26px; background:#EEEEEE; overflow:hidden} .jd2014_article .title li{float:left;width:60px; height:25px; line-height:25px;text-align:center; cursor:pointer;border:1px #ddd solid;border-top:0;border-right:0;} .jd2014_article .title li.ks-active{ background:#ffffff;border-bottom:1px #fff solid;font-weight:bold;} .jd2014_article .title li.first{border-left:0;} .jd2014_article .content{padding:5px 5px 5px 8px; line-height:22px;} .jd2014_article .content ul{} .jd2014_article .content li{float:left;width:130px; height:22px;background:url(../images/dian.gif) no-repeat left 10px;padding-left:10px;overflow:hidden;overflow:hidden;} .jd2014_article .content li a:hover{color:#EE3000;} /*jd2014_pic_show*/ .jd2014_pic_show{border: 1px #d5d5d5 solid;background: #EEEEEE;} .jd2014_pic_show .title{width:310px;height:30px;line-height:30px;font-weight:600;font-size:14px;text-indent:10px;} .jd2014_pic_show .content{width:310px;height:245px;overflow: hidden} .jd2014_pic_show .content li{width:56px;height:68px;float:left;overflow: hidden;margin:5px 9px;border: 1px solid #d5d5d5;background-color: #fff;border-radius:5px;} .jd2014_pic_show .content li a {position: relative;float: left;display: inline;width: 42px;height: 68px;padding: 0 7px;text-align: center;} .jd2014_pic_show .content li a img{display: block;width: 42px;height: 34px;margin-top:8px;margin-bottom: 5px;} .jd2014_pic_show .content li a span{width:41px;overflow: hidden;height: 16px;display: block;} /*floor-widget*/ .jdfloor{} .jdfloor .left_style1{width:210px;float: left;} .jdfloor .left_style1 .mt{width:210px;height:33px;text-align:center;line-height:33px;font-size: 15px;background-color:#e4393c;color:#fff} .jdfloor .left_style1 .mc{height:351px;border: 1px #E5E5E5 solid;border-top: 0;position: relative;} .jdfloor .left_style1 .mc ul{margin:10px;} .jdfloor .left_style1 .mc ul li{width: 93px;float: left;height: 25px;line-height: 25px;font-size: 13px;} .jdfloor .left_style1 .mc .ad{position:absolute;bottom:1px;left: 0px;width:208px;overflow: hidden;} .jdfloor .middle_style1{width:790px;overflow: hidden;float:left} .jdfloor .middle_style1 .ks-switchable-nav{height: 33px;overflow: hidden;} .jdfloor .middle_style1 .ks-switchable-nav li{float: left;width:158px;height:31px;line-height: 25px;text-align: center;cursor: pointer;position: relative;border-bottom:2px solid #AAA;} .jdfloor .middle_style1 .ks-switchable-nav .ks-active{border-bottom:2px solid #e4393c;} .jdfloor .middle_style1 .ks-switchable-nav .ks-active b{display: inline-block;position:absolute;bottom: 0px;left:73px;width: 0;height: 0;border-style: dashed dashed solid;border-width:5px;border-color: transparent transparent #e4393c;overflow: hidden;zoom: 1;font-size: 0;} .jdfloor .middle_style1 .ks-switchable-content ul{} .jdfloor .middle_style1 .ks-switchable-content li{width: 137px;height: 175px;padding: 5px 10px 0;border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;overflow: hidden;float:left} .jdfloor .middle_style1 .ks-switchable-content li .p-img{text-align: center;padding: 5px 0;} .jdfloor .middle_style1 .ks-switchable-content li .p-name{height:32px;line-height:16px;overflow: hidden} .jdfloor .middle_style1 .ks-switchable-content li .p-price{font-size: 15px;font-family: Verdana;color: #e4393c;margin-top: 5px;} .jdfloor .right_style1{width:200px;float:left;} .jdfloor .right_style1 .mt{height:31px;border-bottom:2px solid #AAA;text-align:right;line-height: 31px;} .jdfloor .right_style1 .mc{} .jdfloor .right_style1 .mc .ad1{position:relative;width:200px;height: 181px;overflow: hidden;} .jdfloor .right_style1 .mc .ad1 .ks-switchable-nav{position:absolute;bottom:20px;left:50px;width:120px;height:5px;} .jdfloor .right_style1 .mc .ad1 .ks-switchable-nav li{display: block;height: 5px;width:50px;margin:0 2px;background:#999;float:left;} .jdfloor .right_style1 .mc .ad1 .ks-switchable-nav li.ks-active{background: #7ABD54;} .jdfloor .right_style1 .mc .ad1 .ks-switchable-content{} .jdfloor .right_style1 .mc .ad1 .ks-switchable-content ul{width: 200;height: 181px;} .jdfloor .right_style1 .mc .ad1 .ks-switchable-content li{width:99px;height:35px;float:left;border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;overflow: hidden;} .jdfloor .right_style1 .mc .ad{position:relative;width:200px;height: 181px;overflow: hidden;} .jdfloor .right_style1 .mc .ad .ks-switchable-nav{position:absolute;bottom: 10px;left:50px;width:120px;height:5px;} .jdfloor .right_style1 .mc .ad .ks-switchable-nav li{display: block;height: 5px;width:50px;margin:0 2px;background:#999;float:left;} .jdfloor .right_style1 .mc .ad .ks-switchable-nav li.ks-active{background: #7ABD54;} .jdfloor .right_style1 .mc .ad .ks-switchable-content{} .jdfloor .right_style2{width:200px;float:left;} .jdfloor .right_style2 .mt{height:31px;border-bottom:2px solid #AAA;text-align:right;line-height: 31px;} .jdfloor .right_style2 .mc{} .jdfloor .right_style2 .mc ul li{width:199px;float:left;border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;overflow: hidden} .jdfloor .right_style3{width:200px;float:left;} .jdfloor .right_style3 .mt{height:31px;border-bottom:2px solid #AAA;text-align:right;line-height: 31px;} .jdfloor .right_style3 .mc{} .jdfloor .right_style3 .mc .ad1{position:relative;width:199px;height: 181px;overflow: hidden;border-right: 1px solid #E5E5E5;} .jdfloor .right_style3 .mc .ad1 .ks-switchable-nav{display: none} .jdfloor .right_style3 .mc .ad1 .ks-switchable-content{} .jdfloor .right_style3 .mc .ad1 .ks-switchable-content dl{width:199px;height: 181px;overflow: hidden;} .jdfloor .right_style3 .mc .ad1 .ks-switchable-content dd{margin-left:30px;margin-top:8px;} .jdfloor .right_style3 .mc .ad1 .ks-switchable-content dt{text-align: center;height:26px;line-height:26px;} .jdfloor .right_style3 .mc .ad1 .ctrl{position: absolute;z-index: 1;cursor: pointer;transition: all .2s ease-in 0s;top: 0;width: 30px;height: 159px;} .jdfloor .right_style3 .mc .ad1 .ctrl b {display: block;margin: 60px auto 0;width: 25px;height: 33px;background-image: url(../images/jd_20130330B_1.png);background-repeat: no-repeat;} .jdfloor .right_style3 .mc .ad1 .prev{left:0} .jdfloor .right_style3 .mc .ad1 .prev b {background-position: -85px -45px;} .jdfloor .right_style3 .mc .ad1 .next{right:0} .jdfloor .right_style3 .mc .ad1 .next b {background-position: -55px -45px;} .jdfloor .right_style3 .mc .ad1 .ctrl:hover {background-color:#fff;} .jdfloor .right_style3 .mc .ad1 .next:hover b {background: url(../images/jd_15.png) no-repeat 0 -37px;} .jdfloor .right_style3 .mc .ad1 .prev:hover b {background: url(../images/jd_15.png) no-repeat 0 0;} .jdfloor .right_style3 .mc .ad{position:relative;width:200px;height: 181px;overflow: hidden;} .jdfloor .right_style3 .mc .ad .ks-switchable-nav{position:absolute;bottom: 10px;left:50px;width:120px;height:5px;} .jdfloor .right_style3 .mc .ad .ks-switchable-nav li{display: block;height: 5px;width:50px;margin:0 2px;background:#999;float: left;} .jdfloor .right_style3 .mc .ad .ks-switchable-nav li.ks-active{background: #7ABD54;} .jdfloor .right_style3 .mc .ad .ks-switchable-content{} .jdfloor .right_style4{width:200px;float:left;} .jdfloor .right_style4 .mt{height:31px;border-bottom:2px solid #AAA;text-align:right;line-height: 31px;} .jdfloor .right_style4 .mc{width: 200px;height: 362px;overflow: hidden;} .jdfloor .right_style4 .mc .title{position: relative;height: 40px;} .jdfloor .right_style4 .mc .title li{width: 40px;text-align: center;float: left;height: 16px;line-height: 16px;padding: 7px 0;border-bottom: 2px solid #AAA;overflow: hidden;cursor:pointer;position: relative} .jdfloor .right_style4 .mc .title b{display: none;position: absolute;bottom: 0px;left: 16px;width: 0;height: 0;border-style: dashed dashed solid;border-width: 5px;border-color: transparent transparent #e4393c;overflow: hidden;zoom: 1;font-size: 0;} .jdfloor .right_style4 .mc .title li.ks-active{border-bottom: 2px solid #e4393c;color:#e4393c} .jdfloor .right_style4 .mc .title li.ks-active b{display: inline-block;} .jdfloor .right_style4 .mc .content li{float: left;width: 200px;padding: 4px 0 4px 5px;overflow: hidden;} .jdfloor .right_style4 .mc .content li span{background-image: url(../images/jd_20130330B_1.png);float: left;width: 18px;height: 18px;margin: 2px 5px 0 0;background-position: -25px -50px;text-align: center;line-height: 19px;color: #CCC;overflow: hidden;} .jdfloor .right_style4 .mc .content li span.red{background-repeat: no-repeat;background-position: 0 -50px;color: #e4393c;} .jdfloor .right_style4 .mc .content li a{float: left;height: 22px;line-height: 22px;overflow: hidden;width: 170px;word-break: break-all;word-wrap: break-word;} .jd2014-channel .channel-item{border: 1px solid #e8e8e8;padding: 14px;height: 335px;width: 171px;color: #3c3c3c;float: left;position: relative;z-index: 1;margin-left: -1px;} .jd2014-channel .channel-item .channel-header{font-size: 16px;font-weight: bold;margin-bottom: 7px;overflow: hidden;height: 20px;color: #6c6c6c;} .jd2014-channel .channel-item .channel-main .pic-box img {width: 169px;height: 100px;} .jd2014-channel .channel-item .channel-main .pic-desc {height: 32px;padding: 7px 10px 9px;background: #f5f5f5;display: block;text-align: center;} .jd2014-channel .channel-item .channel-main .pic-desc em {display: block;font-size: 12px;height: 15px;color: #3c3c3c;font-weight: bolder;line-height: 15px;margin-bottom: 5px;overflow: hidden;} .jd2014-channel .channel-item .channel-main .pic-desc span {color: #9c9c9c;line-height: 13px;display: block;height: 14px;overflow: hidden;} .jd2014-channel .channel-item .channel-extra {margin-top: 13px;} .jd2014-channel .channel-item .pics {width: 169px;overflow: hidden;} .jd2014-channel .channel-item .pics .g-u {margin: 0 5px 0 6px;display: block;float: left;width: 70px;vertical-align: middle;zoom: 1;} .jd2014-channel .channel-item .pics .pic-desc {text-align: center;margin-top: 5px;line-height: 16px;height: 16px;} .jd2014-channel .channel-item .channel-tag {margin-top: 8px;width: 169px;overflow: hidden;white-space: nowrap;height: 18px;line-height: 18px;} .jd2014-channel .channel-item .channel-tag a {margin-right: 2px;padding-right: 5px;border-right: 1px solid #e1e1e1;} .jd2014-channel .channel-item .article-title {margin-top: 8px;height: 18px;line-height: 18px;overflow: hidden;white-space: nowrap;width: 169px;} .jd2014-channel .channel-item .article-title .tag {color: #e1e1e1;margin-right: 3px;} .jd2014-channel .channel-item .article-title .tag em {color: #f40;} .jd2014-channel .channel-item:hover {border: 1px solid #f40;z-index: 10;} /********************************* 挂件样式代码结束 widgets fields end *****************************************************************/ /* search.goods.html */ #page-search-goods {} /* 搜索页面的品牌旗舰店 */ .ultimate-store .item{border:4px solid #E4E4E4; height:70px;} .ultimate-store .item:hover,.ultimate-store .hover{border:4px solid #999;} .ultimate-store .store-logo{padding:10px;} .ultimate-store .content .middleside{width:500px;padding:10px; overflow:hidden} .ultimate-store .content .middleside a{font-size:16px;color:#595959;font-weight:bold;} .ultimate-store .content .middleside span{overflow:hidden;color:#999;margin-top:5px;} .ultimate-store .content .rightside{width:260px;padding:20px 10px; text-align:right; overflow:hidden} .ultimate-store .content .rightside a{font-size:14px;display:inline-block;margin-left:10px;color:#595959;font-weight:bold;vertical-align:middle;} .ultimate-store .content .rightside b{display:inline-block;vertical-align:middle;width:62px;height:18px;background: url(../images/ultimate.gif) no-repeat;cursor:pointer;} /* 搜索商品和搜索店铺页面，搜索团购，全部商品分类，全部店铺分类公用 */ .search-type{border-bottom: 2px solid #e4393c;;width:100%;height:28px;} .search-type .btn-type a{display:block;float:left;height: 27px;line-height: 27px;font-size: 14px;padding:0px 20px;background: url(../images/T1sHDgXkpeXXb0v4jv-150-450.png) 0px -30px;background-repeat: no-repeat;border:1px solid #CCC;border-bottom:0;} .search-type .btn-type a.current{background:#e4393c;;border:1px solid #e4393c;;color: white;font-weight: bold;border-bottom:0;} /* filter-price */ .filter-price{margin-left:5px; position:relative} .filter-price .fp-input{ display:block; float:left;font-weight:normal; position:relative;border:#ccc 1px solid;padding-left:9px; } .filter-price .fp-split{ display:block; float:left;width:8px; height:24px; background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -78px -106px;} .filter-price input{border:0;line-height:20px;width:48px; height:20px; display:block; float:left;color:#666;} .filter-price .fp-input i{ position:absolute; line-height:20px;width:12px; display:block; height:20px;top:2px;left:2px; font-style:normal} .filter-price .ui-price-plain{ font-family:microsoft yahei !important;color:#666; font-size:12px; text-indent:0;} .filter-price .filter-price-expand{ position:absolute; z-index:2; text-align:center;padding:5px; height:24px;left:0;top:29px; background-color:#efeceb;width:107px; display:none} .filter-price .ui-btn-s{ height:20px; line-height:20px; display:inline-block;padding-left:10px;padding-right:10px; background:url(../images/btn.png) repeat-x 0 -300px;border-left:#ccc 1px solid;border-right:#ccc 1px solid;color:#333; cursor:pointer} .filter-price .ui-btn-s-primary{background:url(../images/btn.png) repeat-x 0 -157px; display:inline-block; line-height:24px; height:24px;color:#fff;border-left:#950b00 1px solid;border-right:#950b00 1px solid; cursor:pointer;width:40px; text-align:center;margin-left:1px;} .filter-price .ui-btn-s-primary:hover{background-position:0 -211px;border-left:#E40002 1px solid;border-right:#E40002 1px solid;} /* 搜索商品和搜索店铺公用 --- 结束 */ #page-search-goods .col-main{float:left;width:1190px;} #page-search-goods .attribute .title{border:1px #E6E2E1 solid;border-top: 2px solid #999999;padding:8px 0 8px 10px;color:#3e3e3e; background:#F2F2F2;} #page-search-goods .selected-attr strong{color:#666} #page-search-goods .selected-attr a{padding:0 20px 0 3px;display:inline-block;border:#e1e7f5 1px solid; background:#fff; position:relative; cursor:pointer; margin-top:2px;color:#806f66; line-height:16px;} #page-search-goods .selected-attr a:hover{border:1px #A50000 solid;color:#e4393c; text-decoration:none} #page-search-goods .selected-attr a span{position:absolute;top:1px;right:3px; overflow:hidden;width:13px;height:13px; background:url(../images/btn_bj.png) no-repeat 0 -34px;} #page-search-goods .attribute .content{border:1px #E6E2E1 solid;border-top:0;border-bottom:1px #D1CCC7 solid} #page-search-goods .attribute .attr-cate{border-top:1px #E6E2E1 solid;} #page-search-goods .attribute .attr-list{border-top:1px dashed #e1e1e1; height:22px;padding:5px 0 5px 0;} #page-search-goods .attribute .attr-list li{float:left;margin:0px 5px 0 10px;width:172px; height:22px; display:block; line-height:22px; background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) no-repeat -124px -40px;padding-left:10px;} #page-search-goods .attribute .attr-list li a{color:#806f66} #page-search-goods .attribute .attr-list li span{margin-left:2px;color:#BFBFBF} #page-search-goods .attribute .each{border-bottom:1px dashed #e1e1e1;line-height:22px;padding:5px 0 5px 0;width:100%} #page-search-goods .attribute .each h4{float:left;width:100px; font-weight:400;color:#666;font-size:100%;margin-left:10px;} #page-search-goods .attribute .each .pv{float:left;width:860px;} #page-search-goods .attribute .each .pv a{ margin:0 10px 0 0;color:#806f66; display:inline-block;} #page-search-goods .attribute .each .pv a:hover{color:#e4393c; text-decoration:none} #page-search-goods .attribute .each .pv a .count{color:#ccc} #page-search-goods .attribute .attr-bottom{ height:35px; position:relative;} #page-search-goods .attribute .attr-bottom ins{border:#ebe4de 1px solid;height:3px;font-size:0; display:block;background:#efebea} #page-search-goods .attribute .attr-bottom b{cursor:pointer; z-index:99; position:absolute; display:block; width:70px; height:18px;border:#e6e2e1 1px solid; background:#efeceb;border-top:0;top:3px; right:0;font-size:15;font-weight:normal;color:#806F66; padding-left:15px;*padding-top:2px;} #page-search-goods .attribute .attr-bottom b i{width:10px; height:15px; display:block; background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -82px -5px; position:absolute;top:2px;right:8px;} #page-search-goods .attribute .attr-bottom b.hide-more i{ background-position:-105px -5px;} #page-search-goods .glist{ background:#fff;} #page-search-goods .glist .goods-has{margin-bottom:20px;} #page-search-goods .list-sort{margin-bottom:10px; line-height:22px;color:#666; background:#fff;} #page-search-goods .list-sort form{border:1px #ddd solid;padding:6px; height:25px} #page-search-goods .list-sort-fixed{position:fixed;top:0;} #page-search-goods .goods-empty{border:1px solid #f7eae7;font-weight:700;font-size:14px; background: #fff8f6 url(../images/goods-empty.jpg) no-repeat 35px center;color:#333;padding: 60px 0px 60px 115px;} #page-search-goods .display_mod a{border:#ccc 1px solid;padding-left:15px;width:30px;height:22px; display:inline-block; position:relative;float:left; background:#fff;} #page-search-goods .display_mod a.qh-squares{border-left:0;} #page-search-goods .display_mod a i{background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) no-repeat 9999px 9999px;width:9px; height:9px; display:inline-block; overflow:hidden; position:absolute;top:7px; left:3px;} #page-search-goods .display_mod a.qh-list i{background-position:-11px -34px;} #page-search-goods .display_mod a.qh-list:hover i{background-position:0 -34px} #page-search-goods .display_mod a.qh-squares i{background-position:-39px 0} #page-search-goods .display_mod a.qh-squares:hover i{background-position:-28px 0} #page-search-goods .display_mod a.filter-list-cur, #page-search-goods .display_mod a.filter-squares-cur{ background:#F1EDEC;color:#B10000;} #page-search-goods .display_mod a.filter-list-cur i{background-position:0 -34px} #page-search-goods .display_mod a.filter-squares-cur i{background-position:-28px 0} #page-search-goods .glist .price em, #page-search-goods .recommend .price em{ color:#C00; line-height: 30px;font-family: arial;font-weight: 400;font-size: 20px;} #page-search-goods .recommend .price span, #page-search-goods .glist .price span{color:#666666;line-height: 30px;} #page-search-goods .recommend .price span b, #page-search-goods .glist .price span b{font-weight:normal} #page-search-goods .glist dl .storeinfo h3, #page-search-goods .recommend storeinfo h3{float:left;color:#666;font-weight:normal;} #page-search-goods .glist dl .storeinfo h3 a, #page-search-goods .recommend storeinfo h3 a{} #page-search-goods .glist dl .storeinfo span, #page-search-goods .recommend storeinfo span{float:right;color:#666;font-weight:normal} #page-search-goods .recommend .desc a, #page-search-goods .glist .desc a{line-height:18px; display:block;height:18px;color:#2A2A2A;overflow: hidden} #page-search-goods .recommend .desc a:hover,#page-search-goods .glist .desc a:hover{color:#e4393c;} #page-search-goods .glist dl{margin-bottom:10px;padding-bottom:17px;} #page-search-goods .glist dt a,#page-search-goods .recommend dt a{display:block;padding:4px;border:1px #fff solid;margin-bottom:5px;} #page-search-goods .glist dt a:hover,#page-search-goods .recommend dt a:hover{border:1px #fff solid;} #page-search-goods .glist .squares dl{float:left;width:220px;border:1px solid #f5f5f5;margin:0 19px 19px 0;padding-bottom: 0px;} .squares.goods-has{ width:1210px;} #page-search-goods .glist .squares dl dd{width:210px;margin:3px 5px 5px 5px;color:#666;} #page-search-goods .glist .squares dl dd a:hover{text-decoration:underline;color:#BB000D;} #page-search-goods .glist .squares dl .storeinfo a{text-decoration:underline;color:#999;} #page-search-goods .glist .squares dl .sub-images{ height:36px;} #page-search-goods .glist .squares dl .status{position: relative;height: 32px;border: 0;border-top: 1px solid #eee;margin-bottom: 0;color: #999;} #page-search-goods .glist .squares dl .status span {float: left;display: inline-block;border-right: 1px solid #eee;width:35%;padding: 10px 1px;margin-right: 6px;line-height: 12px;text-align: left;} #page-search-goods .glist .squares dl .status span em{color: #b57c5b;font-weight: 700} #page-search-goods .glist .squares dl .status span a{color: #38b;font-weight:700} #page-search-goods .glist .squares dl:hover,#page-search-goods .glist .squares .hover{border:4px #bc0000 solid; position:relative; z-index:999;margin:-3px 16px 16px -3px;} #page-search-goods .glist .squares dl:hover .sub-images,#page-search-goods .glist .squares .hover .sub-images{ display:block;} #page-search-goods .glist .squares dl:hover .storeinfo span,#page-search-goods .glist .squares .hover .storeinfo span{ display:block} #page-search-goods .glist .squares dt img{width:210px; height:210px;} #page-search-goods .glist .list .sub-images{ display:none} #page-search-goods .glist .list dl{background:#fff;padding-right:0;border-bottom:1px #e5e5e5 solid;width:100%;padding-bottom:10px;} #page-search-goods .glist .list dt, #page-search-goods .glist .list dd{float:left;} #page-search-goods .glist .list dt{ display:block; height:90px;} #page-search-goods .glist .list dt img{width:80px; height:80px;} #page-search-goods .glist .list .desc{margin-left:10px;width:300px; line-height:20px;} #page-search-goods .glist .list .price{float:right;width:180px;padding-top:30px;padding-right:10px;} #page-search-goods .glist .list .storeinfo{float:left;width:150px;padding-top:30px;} #page-search-goods .glist .list .service{float:right;padding-top:30px;padding-right:10px;} #page-search-goods .recommend{ clear:both;margin-top:20px;border:1px #ddd solid} #page-search-goods .recommend .title{height:30px; line-height:30px;padding-left:40px;font-weight:bold;font-size:15px;color:#3e3e3e; position:relative;background:#F2F2F2} #page-search-goods .recommend .title span{ display:inline-block; background:url(../images/T1xRWjXitCXXXXXXXX-260-720.png) -105px -248px;width:40px; height:40px; position:absolute;left:-1px;top:-2px;} #page-search-goods .recommend .content{padding:11px;width:1176px;} #page-search-goods .recommend dl{float:left;width:186px;padding-left:5px; padding-right:5px;} #page-search-goods .recommend dt img{width:170px; height:170px;} #page-search-goods .recommend .price span{ line-height:20px;} /*促销页面*/ #page-search-promotion .group-list ul{width:100%;padding-top:10px;padding-bottom:10px;} #page-search-promotion .group-list li{float:left;width:280px;position:relative;border:2px #efefef solid;margin-right:16px;_margin-right:13px;_margin-bottom:20px;} #page-search-promotion .group-list li img{width:280px;height:280px;} #page-search-promotion .group-list li h3{font-size:14px;line-height: 20px;height: 40px;margin: 0 5px;padding-top:10px;} #page-search-promotion .group-list li .item-prices{height: 45px;margin:0 5px;} #page-search-promotion .group-list li .item-prices .price{font-size:28px;height: 40px;font-family: Tahoma;float: left;line-height: 40px;color:#f72862} #page-search-promotion .group-list li .item-prices em{display: block;text-decoration: line-through;color: #9B9B9B;font-size: 12px;float:left;margin:20px 0 0 5px;} #page-search-promotion .group-list li .item-prices .action{display:none;color: #AB2B2D;background-image: -o-linear-gradient(-89deg,#fce991 0,#ffc524 100%);background-image: -moz-linear-gradient(-89deg,#fce991 0,#ffc524 100%);background-image: -ms-linear-gradient(-89deg,#fce991 0,#ffc524 100%);background-image: linear-gradient(-179deg,#fce991 0,#ffc524 100%);background-color: #FED75B;-webkit-border-radius: 3px;-webkit-background-clip: padding-box;-moz-border-radius: 3px;-moz-background-clip: padding;border-radius: 3px;background-clip: padding-box;width: 100px;height: 32px;line-height: 32px;font-size: 16px;text-align: center;position: absolute;right: 5px;bottom: 5px;} #page-search-promotion .group-list li:hover{background-color: #f72862;outline: #f72862 solid 2px;border: #f72862 solid 2px;color:#fff} #page-search-promotion .group-list li:hover a{color:#fff} #page-search-promotion .group-list li:hover .item-prices .price{color:#fff} #page-search-promotion .group-list li:hover .item-prices em{color:#fff} #page-search-promotion .group-list li:hover .item-prices .action{display:block} /********************************* 以下为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/ /* search.store.html */ #page-search-store .search-by dl{width:1158px;padding:5px 20px;border-bottom:1px dotted #CCC;overflow:hidden;} #page-search-store .search-by dl a{line-height:25px;} #page-search-store .search-by dl dt{width:10%;margin-right:10px;} #page-search-store .search-by dl dt a{font-weight:bold;color:#333;} #page-search-store .search-by dl dd{width:84%;} #page-search-store .search-by dl dd.show-more{width:5%;padding-top:5px;} #page-search-store .search-by dl dd a{color:#666;margin-right:10px;white-space:nowrap;} #page-search-store .search-by dl dd a:hover{color:#e4393c;} #page-search-store .search-by dd.show-more h3{height:16px;line-height:16px;padding:0px 5px;width:60px;border: 1px solid #CCC;color: #666;background-position: 0 -1152px;background-image: url(../images/T1MBVHXjdeXXXXXXXX.png); background-repeat: repeat-x;_padding:0 2px;font-weight:normal} #page-search-store .search-by dd.show-more h3 i{display:block;float:left;margin-top:4px;_margin-top:2px;width: 8px;height: 8px;background: url(../images/T1ebamXel5XXXXXXXX-20-2400.png) no-repeat scroll 0 -1497px transparent; _background-position:2px -1497px;} #page-search-store .sort-type{ position:relative; z-index:90; height:25px;} #page-search-store .sort-type .select-param{float:left;margin-right:10px;display:block;padding:0px 32px 0px 15px;height:22px;line-height:22px;position:relative;background: -moz-linear-gradient(50% 0,white,#F1F1F1);border:1px solid #CCC;background: -webkit-gradient(linear,0 0,0 100%,from(white),to(#F1F1F1));background: -moz-linear-gradient(50% 0,white,#F1F1F1);} #page-search-store .sort-type .select-param span{position:absolute;display:block;right: 0;top: 0px;height:22px;width: 15px;border-left: 1px solid #ddd;} #page-search-store .sort-type .select-param span i{width: 0;height: 0;line-height: 0;position: absolute;left: 49%;margin-left: -4px;top: 50%;margin-top: -1px;border-color: #A6A6A6 #F3F3F3 white #F3F3F3;border-width: 4px 4px 0 4px;border-style: solid;} #page-search-store .sort-type .select-param .tan{border: 1px solid #CCC;border-top:0px;position:absolute;top:23px;left:-1px;width:100%;background: #F8F8F8;display:none;} #page-search-store .sort-type .select-param:hover .tan{display:block;} #page-search-store .sort-type .select-param .tan li {width:100%;line-height:23px;text-indent:15px; cursor:pointer} #page-search-store .sort-type .select-param:hover .tan li{color:#333;} #page-search-store .sort-type .select-param .tan li:hover{background:#E4E4E4;} #page-search-store .list-fields li .store-info{ line-height:20px;width:100%;} #page-search-store .list-fields li span{line-height:26px;font-size:12px;} #page-search-store .list-fields li{border-bottom: 1px solid #E4E4E4;} #page-search-store .list-fields li .row_1{margin-right:20px;} #page-search-store .list-fields li .row_2{width:500px;margin-right:20px;} #page-search-store .list-fields li .row_3{width:200px;margin-right:20px; line-height:25px;} #page-search-store .list-fields li .row_4{width:200px;margin-right:20px;line-height:80px;} #page-search-store .list-fields li .row_5{width:120px;line-height:25px;} #page-search-store .list-fields li .row_2 h2 a{font-weight:bold;font-size:14px;} #page-search-store .list-fields li .row_2 .mainbussiness{width:100%; height:40px;overflow:hidden; line-height:20px;} #page-search-store .list-fields li .row_2 .mainbussiness a{color:#808080;} #page-search-store .list-fields li .row_2 .mainbussiness a:hover{color:#e4393c; text-decoration:underline} #page-search-store .list-fields li .row_3 b{font-weight:bold;color:#e4393c;padding:0px 3px;} #page-search-store .list-fields li .row_3 a{display:block;height:18px; line-height:18px;width:90px;background-image:url(../images/T1jq6YXalbXXX0gjHb-99-1013.png);background-repeat: no-repeat;cursor:pointer;} #page-search-store .list-fields li .row_3 .expand{background-position: 75px -557px; *background-position:75px -559px;} #page-search-store .list-fields li .row_3 .fold{background-position: 75px -539px;*background-position:75px -541px;} #page-search-store .list-fields li .store-goods{width:1078px;border:1px solid #E4E4E4; position:relative;background: #F8F8F8; margin-left:100px;} #page-search-store .list-fields li .store-goods b{display:block;position:absolute;top:-10px;left:541px;width:18px;height:10px;background:url(../images/arrow.gif) no-repeat;} #page-search-store .list-fields li .store-goods .prev{display:block;height:60px;width: 20px;background: url(../images/T1jq6YXalbXXX0gjHb-99-1013.png) no-repeat 5px -285px;position:absolute;left:10px;top:80px;} #page-search-store .list-fields li .store-goods .prev:hover{background-position:5px -385px;} #page-search-store .list-fields li .store-goods .next{display:block;height:60px;width: 20px;background: url(../images/T1jq6YXalbXXX0gjHb-99-1013.png) no-repeat 5px -335px;position:absolute;right:10px;top:80px;} #page-search-store .list-fields li .store-goods .next:hover{background-position:5px -435px;} #page-search-store .list-fields li .store-goods .scroller{margin:10px 40px 10px 40px;width:1000px;height:225px; text-align:center; overflow:hidden} #page-search-store .list-fields li .store-goods .ks-switchable-content{left:0;top:0;} #page-search-store .list-fields li .store-goods .each{width:1000px; height:225px;} #page-search-store .list-fields li .store-goods dl{float:left;width:160px;padding:0px 20px 0 20px;} #page-search-store .list-fields li .store-goods .ks-switchable-nav{display:none;} #page-search-store .list-fields li .store-goods dl dd .desc{height:40px;overflow:hidden;} #page-search-store .list-fields li .store-goods dl dd .desc a{line-height:20px;color:#808080;} #page-search-store .list-fields li .store-goods dl dd .desc a:hover{text-decoration:underline;color:#e4393c;} #page-search-store .list-fields li .store-goods dl dd .price span{font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#e4393c;} #page-search-groupbuy .search-by{border:1px solid #D7D7D7;} #page-search-groupbuy .search-by ul li{padding:5px 0px;border-bottom:1px dashed #D7D7D7;width:1198px;} #page-search-groupbuy .search-by ul li h3{float:left;white-space: nowrap;font-size:12px;color: #333;margin-right:20px;font-weight:bold;background: url(../images/index_sprites.gif) -246px -9px no-repeat;padding:3px 10px 3px 0px;margin-left:20px;} #page-search-groupbuy .search-by ul li a{float:left;display:block;font-size: 12px;margin-right:10px;color:#333;padding:3px 5px;} #page-search-groupbuy .search-by ul li a:hover{background:#FEDED8;color:#780C00;} #page-search-groupbuy .search-by ul li a.act{background:#C00;color:#FFF;} #page-search-groupbuy .search-by ul li input{height:21px;width:150px;border:1px solid #D7D7D7;} #page-search-groupbuy .search-by ul li button{height:23px;width:50px;margin-left:5px;} #page-search-groupbuy .group-list ul{width:100%;padding-top:10px;padding-bottom:10px;} #page-search-groupbuy .group-list li{float:left;width:286px;position:relative;border:1px #ccc solid;margin-right:16px;_margin-right:13px;_margin-bottom:20px;} #page-search-groupbuy .group-list li:hover,#page-search-groupbuy .group-list .hover{border:1px #e4393c solid} #page-search-groupbuy .group-list .rec_ico{background:url(../images/group_rec.gif) no-repeat;width:40px; height:40px; position:absolute;right:-1px;top:-1px;} #page-search-groupbuy .group-list .desc{padding:8px; height:40px; line-height:20px; overflow:hidden} #page-search-groupbuy .group-list .desc a{font-size:14px;font-weight:bold;color:#333} #page-search-groupbuy .group-list .desc a:hover{color:#e4393c; text-decoration:underline} #page-search-groupbuy .group-list .pic{padding:9px;padding-top:0;} #page-search-groupbuy .group-list .pic img{width:270px;height:200px;} #page-search-groupbuy .group-list .buy{ background:#e4393c; height:35px; font-weight:bold;line-height:35px;text-align:left;padding-left:10px; position:relative;color:#fff;font-size:16px} #page-search-groupbuy .group-list .buy .price{ font-family:Arial; font-weight:bold;font-size:26px;color:#fff;margin-right:20px;} #page-search-groupbuy .group-list .buy a{ display:inline-block; position:absolute;right:10px;top:2px; background:url(../images/index_sprite.gif) no-repeat;width:75px; height:30px; overflow:hidden} #page-search-groupbuy .group-list .extra{ height:40px; line-height:40px; position:relative; overflow:hidden} #page-search-groupbuy .group-list .extra .gray-bg{ position:absolute;right:0;bottom:-13px;width:125px; height:12px; background:url(../images/index_sprites.gif) no-repeat right bottom; overflow:hidden;} #page-search-groupbuy .group-list .extra span{margin-left:8px;} #page-search-groupbuy .group-list .extra strong{color:#527A18;font-size:16px;margin-right:2px;} #page-search-groupbuy .group-list .extra b{font-size:16px;color:#e4393c;margin-right:2px;} /* login .html, member.register.html common css */ #page-login, #page-register, #page-find-password{} .login-register .logo{text-align:left;} .login-register .col-main{width:58%;overflow:hidden; } .login-register .col-sub{float:right;width:400px;color:#666;} .login-register .col-sub .form{border:1px #ccc solid;padding-bottom:20px;padding-top:10px;} .login-register .col-sub .form .title{text-align:left;padding:5px;font-size:16px;font-weight:bold;padding-left:40px;margin:0 0 15px 0;} .login-register .col-sub .form .content{width:400px} .login-register .col-sub .form dl{width:350px; height:55px;} .login-register .col-sub .form dt, .login-register .col-sub .form dd{float:left; line-height:22px;} .login-register .col-sub .form dt{width:80px; text-align:right;font-size:12px;padding-right:10px; line-height:26px;} .login-register .col-sub .form dd .input{border:1px #ccc solid;height:22px; line-height:22px;width:245px;} .login-register .col-sub .form dd .input.focus{border:1px #efa100 solid;} .login-register .col-sub .form dd .input.hover{border:1px #78B9D9 solid;} .login-register .col-sub .form .captcha input{width:65px;margin-right:4px;} .login-register .col-sub .form .captcha a{display:inline-block; line-height:26px; height:26px;margin-left:5px; color:#666;width:85px;} .login-register .col-sub .form .validate_right{color:#099;margin-left:3px;} .login-register .col-sub .form label{font-size:12px;margin-left:2px;color:red;height:18px; display:inline-block} .login-register .login-submit, .login-register .register-submit, .login-register .fp-submit{font-weight:bold;font-size:14px;color:#fff;background:url(../images/R1CCRNXmRFXXXXXXXX.png) no-repeat scroll 0px -56px;width: 98px;height: 34px;cursor: pointer;margin-right:10px;border:0 !important;} .login-register .login-submit:hover, .login-register .register-submit:hover, .login-register .fp-submit:hover{ background-position:0 -90px;} /* login */ #page-login{} #page-login .find-password{height:30px; line-height:30px;color:#0081EF} #page-login .register-now a{color:#3566CF;font-weight:600;line-height:26px;color: #555;background: #fff url(../images/R1CCRNXmRFXXXXXXXX.png) no-repeat scroll -98px -56px;text-align: center;display:inline-block;width: 50px;height: 26px;margin: 0 6px;} #page-login .partner-login{padding:12px 0px;border-top:1px dashed #ddd;} #page-login .partner-login h3{font-weight:normal;font-size:12px;padding-bottom:12px;margin-left:90px;color:#999;} #page-login .partner-login p{margin-left:90px;} #page-login .partner-login a{height:28px;padding:0 10px;margin-right:10px;display: block;line-height:28px;text-align: center;float: left;background:#e4393c;color:#fff;} #page-login .partner-login a:hover{background:#A40000;} /* find_password.html */ #page-find-password{} #page-find-password .form dl{margin-left:20px;} /* register */ #page-register{} #page-register form .agree-checkbox{border:0;width:15px;height:15px;} #page-register form .mall-eula a, #page-register .col-main .find-password{color:#0081EF} #page-register .col-main .login-field-btn{font-weight:600;line-height:26px;color: #555;background: white url(../images/R1CCRNXmRFXXXXXXXX.png) no-repeat scroll -98px -56px;text-align: center;display:inline-block;width:50px;height: 26px;margin: 0 6px;} #page-register .col-main ul{width:760px;border-bottom:dashed 1px #E7E7E7;} #page-register .col-main ul li{font-size:14px;line-height:48px;display: block;width:40%;height:48px;float:left;padding: 0 0 12px 0;margin:30px 0 20px 0;} #page-register .col-main ul li i{display: inline-block;background: url(../images/R1CCRNXmRFXXXXXXXX.png) no-repeat scroll;vertical-align: middle;width: 48px;height: 48px;margin-right: 10px;} #page-register .col-main ul .icon_1 i{background-position: -304px -48px;} #page-register .col-main ul .icon_2 i{background-position: -256px -48px;} #page-register .col-main ul .icon_3 i{background-position: -352px -0px;} #page-register .col-main ul .icon_4 i{background-position: -304px -0px;} #page-register .col-main ul .icon_5 i{background-position: -352px -48px;} #page-register .col-main ul .icon_6 i{background-position: -256px -48px;} #page-register .col-main h4{font-size: 14px;font-weight: 700;color: #555;line-height: 30px;margin-top:20px;margin-bottom: 20px;} /* article */ #page-article .location{border:1px #ddd solid;padding:8px;} #page-article .title{font-weight:bold;font-size:14px;color:#3e3e3e;} #page-article .content{padding:10px; line-height:25px;} #page-article a{font-size:14px} #page-article .col-sub{float:left;width:200px;} #page-article .col-sub .title{padding-left:10px;border:1px #EFD5BA solid;border-bottom:0; background:url(../images/title_bg_help.png) repeat-x; height:31px; line-height:30px;} #page-article .col-sub .content{border:1px #EFD5BA solid;border-top:0;} #page-article .col-main{float:right;width:990px;} #page-article .col-main .title{font-weight:normal;font-size:12px; height:33px; overflow:hidden} #page-article .col-main .title a{font-size:12px;} #page-article .col-main .content{border:1px #ddd solid;border-top:0;margin-bottom:20px;} #page-article .col-main .content li b{display:inline-block;background:url(../images/point_list.png) no-repeat;width:3px; height:3px;margin:5px; overflow:hidden;} #page-article .col-main .content li a:hover{ text-decoration:underline} #page-article .col-main .content span{color:#999;margin-left:10px;} #page-article .article-info{ text-align:center} #page-article .article-info h1{font-size:16px;color:#666;} #page-article .article-info h2{color:#999;font-weight:normal;} #page-article .more-article h3{font-weight:normal;} #page-article .more-article a{font-size:12px} #page-category .title{border-bottom:2px #e4393c solid;padding-left:10px;} #page-category .title a{display:inline-block;background:url(../images/shop_nav.gif) right -25px; height:25px; line-height:25px; cursor:pointer} #page-category .title a:hover{color:#e4393c; text-decoration:none} #page-category .title a span{display:inline-block;background:url(../images/shop_nav.gif) 0 0; height:25px;padding-left:15px;padding-right:15px;} #page-category .title a.active { background-position: right -75px;color:#fff;font-weight:bold} #page-category .title a.active:hover{color:#fff;} #page-category .title a.active span{ background-position:0 -50px;} #page-category dl{ line-height:25px;} #page-category dl dt{ background:#F7F9FC;padding-left:10px;} #page-category dl dt, #page-category dl dd{border:1px #E1E7F5 solid;} #page-category dl dd{border-top:0;padding:10px;} #page-category dl dd a{ margin-right:10px; display:inline-block} /* brand.index.html */ #page-brand .content{width:1180px;padding:9px;text-align:left;} #page-brand .content dl{margin:8px; text-align:center; _display:inline; height:75px; overflow:hidden} #page-brand .content dl .pic{width:100px; height:50px; border:1px #ddd solid;} #page-brand .content dl .desc{margin-top:5px;} #page-brand .content dl img{ display:block} /* apply.step.html */ #page-apply .title{border:1px #ddd solid} #page-apply .content dl{width:99%;border-bottom:1px #ddd solid;padding-bottom:10px;} #page-apply .content dt{margin-top:30px;width:9%;} #page-apply .content dd{padding-left:25px;width:20%} #page-apply .content dd span{color:#f60} #page-apply .content .btn-apply{margin-top:30px;margin-left:30px; display:inline-block;background:url(../images/03.png) 100% 0%; width:128px; height:37px; line-height:37px; border:0;} #page-apply .content .btn-apply:hover{color:#fff;} #page-apply .apply2 form{padding-left:30px;} #page-apply .apply2 .field_notice{color:#999} #page-apply .apply2 .fontColor3, #page-apply .padding3{color:red;} #page-apply .apply2 .validate_right{color:#099} #page-apply .apply2 form th{font-weight:normal;} #page-apply .apply2 form .warning a{color:#0092D2; display:inline-block;padding-left:2px;paddding-right:2px;} /********************************* 以上为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 *******************/ /********************************* 以下为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/ /* cart.empty */ #page-cart{} .empty-notice{margin-top:80px;margin-bottom:80px;} .empty-notice .empty-ico,.empty-notice .empty-text{float:left;} .empty-notice .empty-ico{ background:url(../images/cart_empty.png) no-repeat; width:83px; height:93px; margin-right:50px;margin-left:50px;} .empty-notice .empty-text{ line-height:25px;margin-top:20px;} .empty-notice .empty-text a{color:#0033CC; text-decoration:none} .cartbox .title{ background:url(../images/03.png) 0 -203px; height:37px; overflow:hidden} .cartbox .title span{float:left;width:195px; text-align:center; display:inline-block; line-height:35px;} .cartbox .title span.sellect-all{text-align:left;padding-left:11px;} .cartbox .title span.col-desc{width:200px; text-align:left} #page-order .cartbox .title span.col-desc{width:380px; text-align:center} .cartbox .store-each .store-name{border-bottom:1px #BAD8FA solid} .cartbox .goods-each{border:1px #BAD8FA solid;border-top:0;padding:5px;width:99%;} .cartbox .goods-each .select{line-height:48px;_padding-top:10px; _display:inline} .cartbox .goods-each dd{float:left;margin:5px;} .cartbox .goods-each dd.desc p{width:300px; line-height:16px; height:32px;} .cartbox .goods-each dd.desc a, .cartbox .goods-each dd.handle a, .cartbox .store-each .store-name a{color:#0033CC; text-decoration:none} .cartbox .goods-each dd.price, .cartbox .goods-each dd.quantity, .cartbox .goods-each dd.subtotal, .cartbox .goods-each dd.handle{line-height:48px;width:185px;color:#3e3e3e; text-align:center} .cartbox .goods-each dd.pic{border:1px #ddd solid} .cartbox .goods-each dd.price{} .cartbox .goods-each dd.quantity{} .cartbox .goods-each dd.subtotal{color:#BD0000;} .cartbox .goods-each dd.handle{line-height:24px;} .cartbox .goods-each dd.quantity input{border:1px #ddd solid;width:50px; text-align:center} .cartbox .goods-each dd.quantity img{ cursor:pointer} .cartbox .store-each .cart-amount{border-top:1px #ddd solid;border-bottom:1px #ddd solid} .cartbox .store-each .cart-amount .price{color:#BD0000;font-size:20px;} .cartbox .store-each .cart-amount .btn{ background:url(../images/T1JXrIXoXkXXa.AtHl-250-270.png) no-repeat;width:125px; height:35px; line-height:35px; display:inline-block; text-decoration:none; text-align:center;} .cartbox .store-each .cart-amount .btn:hover{color:#fff;} .cartbox .store-each .cart-amount .back{color:#0033CC; text-decoration:none} .cartbox .store-each .btn-batch{float:left;} .cartbox .store-each .btn-amount{float:right; text-align:right} .cartbox .store-each .btn-amount strong{ vertical-align:middle} .cartbox .store-each .btn-batch a{margin-right:10px;display:inline-block;width:71px; height:26px; background:url(../images/03.png) -154px -41px; line-height:26px;padding-left:0; text-decoration:none;color:#666; text-align:center} .interest{ position:relative} .interest .title{border:1px #ddd solid;padding:5px;color:#666;} .interest .arr{width:8px; height:8px;position:absolute;left:0;_left:-5px;top:0;background:url(../images/02.png) 0 -275px;} .interest .content{width:1168px;padding:15px;border:1px #ddd solid;border-top:0;} .interest .content dl{width:170px;padding-left:12px;padding-right:12px;} .interest .content dt a{ display:block;border:1px #EAEAEA solid;padding:4px} .interest .content dt a:hover{border:1px #ccc solid} .interest .content .price em{ background:url(../images/T1ebamXel5XXXXXXXX-20-2400.png) -5px -81px no-repeat;padding-left:16px;color:#e4393c; font:bold 16px Arial;float:left;} .interest .content .price span{float:right; line-height:20px;color:#404040;} .interest .content .desc{ height:40px; overflow:hidden;margin-bottom:5px;} .interest .content .desc a{color:#3366CC; line-height:18px; display:block; height:40px;margin-top:5px;} .interest .content .desc a:hover{color:#e4393c} /* order.shipping.html*/ .add_title{width:1200px;height:30px;line-height:30px;} .add_title b{display: block;float: left;padding-left: 15px;} .add_title p{font-weight: normal;font-size: 12px;float: left;position: relative;margin-left:30px;} .receive_add {padding: 5px 0; overflow: hidden; border-bottom: 1px solid #e4e4e4; } .receive_add li { float: left; color: #797979; } .receive_add .radio { width: 54px; text-align: center; } .new_receive_add { width: 735px; padding: 5px 0; overflow: hidden; } .new_receive_add li { float: left; color: #797979; } .new_receive_add .radio { width: 54px; text-align: center; } .new_receive_add .particular { width: 360px; word-spacing: 5px; } .selected_address { background: #f5f5f5; } .fill_in_content { width: 680px; padding: 20px 0 20px 55px; } .fill_in_content li { width: 680px; overflow: hidden; padding-bottom: 10px; } .fill_in_content li p { float: left; } .fill_in_content .title { width: 100px; font-weight: bold; color: #333; } .fill_in_content .fill_in { padding-right: 10px; } .fill_in_content .explain { color: #b5b5b5; } .fill_in_content .prefix { float: left; padding: 2px 5px 0; } .fill_in_content .choice { float: left; height: 20px; } /* order.postscript.html */ #postscript .title{padding-top:5px;} #postscript textarea{border:1px #7F9DB9 solid;width:400px; height:18px; line-height:18px;font-size:12px} .price-notice{border-top:1px #ddd solid; text-align:right;border-bottom:1px #ddd solid} /* order.amount.html */ .price-promotion{ text-align:right; background:#F2F7FF;border-top:1px #80B2FF dashed; border-bottom:1px #80B2FF dashed} .price-promotion p .btn-allow-coupon{ width:92px; height:20px; line-height:20px; background:url(../images/03.png) -128px -178px;border:0; cursor:pointer} .price-promotion .allow-coupon{text-align:left;width:98%; text-align:right;} .price-promotion .allow-coupon .note{float:right; display:inline-block;color:#0033CC; line-height:20px;} .price-promotion .allow-coupon .note a{color:#e4393c; text-decoration:none} .price-promotion .allow-coupon .note a:hover{} .price-promotion .allow-coupon select{float:right;} .make_sure{text-align:right;border:1px #cccccc solid; background:#f3f3f3;} .make_sure strong{ font-weight:bold; font-size:20px; color:#BD0000;} .make_sure .back{ display:inline-block;color:#0033CC; text-decoration:none} .make_sure .btn-step{background:url(../images/T1JXrIXoXkXXa.AtHl-250-270.png) no-repeat;width:125px; height:35px; line-height:35px; display:inline-block; text-decoration:none; text-align:center;} .make_sure .btn-step:hover{color:#fff;} .cashier .order_info{border:1px #BBDDAA solid;padding:30px 0 20px 50px;height:91px;} .cashier .order_info .ico{float:left; background:url(../images/05.png); width:54px; height:91px;} .cashier .order_info .text{float:left;margin-left:30px; line-height:25px;} .cashier .order_info .text span{font-size:20px} .cashier .order_info .text a{color:#0033CC; text-decoration:none} .cashier .buy .defray{width:968px; line-height:47px;} .cashier .buy .defray .radio{margin-top:15px;} .cashier .buy .defray dd{width:968px;} .cashier .buy .defray dd p{margin-left:20px;} .cashier .buy .defray .logo{ display:inline-block; border:1px #ddd solid;width:125px; height:47px; text-align:center} .payform{border:1px #ddd solid} .payform .title{border-bottom:1px #ddd solid} .payform .btn-step{background:url(../images/T1JXrIXoXkXXa.AtHl-250-270.png) no-repeat;width:125px; height:35px; line-height:35px; display:inline-block; text-decoration:none; text-align:center;border:0; cursor:pointer} /* * ------------------------------------------------------- * ******************** newAdd.css *********************** * ------------------------------------------------------- */ /* form avalidate */ form .field_notice { color:#9C9C9C; margin-left:5px; } form .red { color:red; border:0px; background-color:#FFFFFF; } form label.error { color:red; margin-left:5px; } form input.error { border:red 1px dotted; } form label.checking { padding-left:18px; background:transparent url(../images/checking.gif) no-repeat; margin-left:5px; font-style:italic; color:#9C9C9C; display:none; } form label.validate_right { padding-left:12px; background:transparent url(../images/right.gif) no-repeat; margin-left:5px; font-style:italic; color:green; float:none; } .choice { float:left; width: 8%;} .btn { width: 80px; height: 28px; border: 0; background: url(../images/btn.gif) no-repeat 0 -63px; } /* * ------------------------------------------------------- * ******************** end newAdd.css ******************* * ------------------------------------------------------- */ /* 供求插件相关样式 */ #page-sdemand .location{border:1px #ddd solid;padding:8px;} #page-sdemand .title{font-weight:bold;font-size:14px;color:#3e3e3e;} #page-sdemand .col-sub{float:left;width:200px;} #page-sdemand .col-sub .title{padding-left:10px;border:1px #EFD5BA solid;border-bottom:0; background:url(../images/title_bg_help.png) repeat-x; height:31px; line-height:30px;} #page-sdemand .col-sub .content{border:1px #EFD5BA solid;border-top:0;padding:10px; line-height:18px;} #page-sdemand .col-sub .content li{margin-bottom:10px;} #page-sdemand .col-sub .content a{font-size:12px} #page-sdemand .col-main{float:right;width:990px;} #page-sdemand .sdemand-list {margin-bottom:20px;} #page-sdemand .sdemand-list li{float:left;width:150px; text-align:left;padding:10px 0 10px 0;font-size:14px} #page-sdemand .sdemand-list .title{color:#ccc;font-weight:normal} #page-sdemand .sdemand-list .content ul{border-bottom:1px #ddd dotted;} #page-sdemand .sdemand-list li.desc{width:220px;padding-right:5px;} #page-sdemand .sdemand-form{padding:10px 0 20px 0;} #page-sdemand .sdemand-form .btn-fabu,#page-sdemand .sdemand-form .btn-fabu i{background: url(../images/indexbg.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);} #page-sdemand .sdemand-form .btn-fabu{ margin-left:20px;background-position: 0 -373px;border: 1px solid #FFB38C;color: #EE5500;cursor: pointer;font-size: 14px;font-weight: bold;height: 28px;line-height: 28px;text-align:left;padding-left:30px;width:100px;text-decoration:none;display:inline-block;position:relative} #page-sdemand .sdemand-form .btn-fabu:hover {background-position:0 -406px;text-decoration: none;} #page-sdemand .sdemand-form .btn-fabu i{position:absolute;left:10px;top:7px;background-position: 0 -34px;display: inline-block;height: 15px;overflow: hidden;width:15px;} #page-sdemand .sdemand-detail {padding:0 10px 0 10px;} #page-sdemand .sdemand-detail .title{border-bottom: 1px dotted #CCCCCC; height: 28px; padding: 10px 0 15px; position:relative} #page-sdemand .sdemand-detail .article_con h1{ text-align:left;display: inline; font-size:25px; font-family:'yahei'} #page-sdemand .sdemand-detail .title .time{ color: #585858; font-size: 12px; position:absolute; right:0; bottom:8px;} #page-sdemand .sdemand-detail .other p{ margin:10px 0 5px 0; color:#585858; font-size:14px;} #page-sdemand .sdemand-detail .other p em{ font-style:normal; font-weight:700; color:#000;} #page-sdemand .sdemand-detail .other p i{color: #FF0508;font: 18px arial;} #page-sdemand .sdemand-detail .default{ color:#000; padding:20px 0 20px 0;} #page-sdemand .sdemand-detail .more h3{ font-weight:normal;font-size:14px; line-height:20px;} #page-sdemand .sdemand-detail .more h3 span{color:#999;} /*友情链接样式 BEGIN*/ #partner{} .partner_content{border: 1px solid #ddd;overflow: hidden;zoom: 1;} .partner_content .mt{height: 30px;line-height: 30px;background: #f7f7f7;padding-left: 10px;font-weight: normal;} .partner_content .mc{padding: 10px 30px;} .partner_content .mc li{padding-left: 28px;float: left;width: 201px;height: 32px;line-height: 32px;background: url(../images/partner_li.png) no-repeat 8px 50%;border-bottom: 1px dotted #ccc;white-space: nowrap;overflow: hidden;} .partner_content .mc li a {color: #005ea7;} /*友情链接样式 END*/ /*招贤纳士*/ #page-job{} #page-job .col-sub{width: 210px;float:left;} #page-job .col-sub .mt{border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: left;padding: 0px 15px;height: 33px;line-height: 33px;border-bottom: 1px solid #cecece;font-size: 14px;color: #fff;background: url(../images/page-job-sub.gif) repeat-x;font-weight: bold;} #page-job .col-sub .mc{padding: 10px 15px;background: #fff;border: 1px solid #ddd;} #page-job .col-sub .mc dl{margin-left: 5px;} #page-job .col-sub .mc dl dt {padding: 4px 0px 5px 15px;margin-top: 5px;background: url(../images/page-job-sub1.gif) no-repeat 2px 11px;} #page-job .col-sub .mc dl dt.on a{font-weight: bold;color: #1C57C4;} #page-job .col-main{float: right;width:960px;background: #fff;overflow: hidden;border: 1px solid #ddd;} #page-job .col-main .mt{border-bottom: 1px solid #ddd;background: #f8f8f8;height: 35px;line-height: 35px;position: relative;} #page-job .col-main .mt span{position: absolute;left: 0px;top: -1px;font-size: 14px;border-bottom: 2px solid #ff6633;padding: 0px 15px;} #page-job .col-main .mc{padding:30px 15px;} #page-job .col-main .mc dl{padding: 0px 5px 15px;margin-bottom: 15px;} #page-job .col-main .mc dl dt{padding: 5px 10px;font-size: 16px;font-weight: bold;border-bottom: 1px dotted #ccc;} #page-job .col-main .mc dl dd{padding: 0px 0px 5px;} #page-job .col-main .mc dl dd .detail{padding: 5px 10px;} #page-job .col-main .mc dl dd .detail span {margin-right: 15px;color: #999;} #page-job .col-main .mc dl dd .dtail{padding: 5px 10px;border-top: 1px dotted #ccc;} #page-job .col-main .mc dl dd .dtail span {margin-right: 20px;} #page-job .col-main .mc dl dd .dtail a{color: #1C57C4;} /*详细页*/ #page-job .col-main .mc .title{font-size: 18px;padding: 5px 0px;margin-bottom: 5px;} #page-job .col-main .mc .paralist li{float: left;width: 45%;padding: 3px 15px 3px;background: url(../images/page-job-sub2.gif) no-repeat 5px center;} #page-job .col-main .mc .paralist li span {float: left;margin-right: 10px;color: #999;} #page-job .col-main .mc .ctitle{margin: 10px 0px 10px;padding: 5px 20px;background: url(../images/page-job-sub3.gif) no-repeat left center;font-size: 14px;border-bottom: 1px dotted #ccc;} #page-job .col-main .mc .editor{line-height: 2;padding: 0px 10px;font-size: 14px;} #page-job .col-main .mc .met_hits {padding: 0px 5px;height: 35px;line-height: 35px;margin-top: 10px;border-top: 1px dotted #ccc;text-align: right;position: relative;color: #666;} #page-job .col-main .mc .met_hits .metjiathis {position: absolute;left: 5px;top: 8px;} /*在线申请*/ #page-job-apply{} #page-job-apply .col-sub{width: 210px;float:left;} #page-job-apply .col-sub .mt{border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: left;padding: 0px 15px;height: 33px;line-height: 33px;border-bottom: 1px solid #cecece;font-size: 14px;color: #fff;background: url(../images/page-job-sub.gif) repeat-x;font-weight: bold;} #page-job-apply .col-sub .mc{padding: 10px 15px;background: #fff;border: 1px solid #ddd;} #page-job-apply .col-sub .mc dl{margin-left: 5px;} #page-job-apply .col-sub .mc dl dt {padding: 4px 0px 5px 15px;margin-top: 5px;background: url(../images/page-job-sub1.gif) no-repeat 2px 11px;} #page-job-apply .col-sub .mc dl dt.on a{font-weight: bold;color: #1C57C4;} #page-job-apply .col-main{float: right;width:960px;background: #fff;overflow: hidden;border: 1px solid #ddd;} #page-job-apply .col-main .mt{border-bottom: 1px solid #ddd;background: #f8f8f8;height: 35px;line-height: 35px;position: relative;} #page-job-apply .col-main .mt span{position: absolute;left: 0px;top: -1px;font-size: 14px;border-bottom: 2px solid #ff6633;padding: 0px 15px;} #page-job-apply .col-main .mc{padding:10px 80px;} #page-job-apply .col-main .mc th{width: 20%;padding: 6px 5px 6px 0px;text-align: right;font-size: 14px;font-weight: bold;} #page-job-apply .col-main .mc td{padding: 6px 8px;} #page-job-apply .col-main .mc input[type="text"] ,#page-job-apply .col-main .mc textarea {padding: 4px;font-size: 15px;outline: none;text-shadow: 0px 1px 0px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #ccc;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;background: #fff url(../images/page-job-sub4.gif) repeat-x left top;} #page-job-apply .col-main .mc input[type="text"]{width:280px;} #page-job-apply .col-main .mc input[type="submit"]{ border: 1px solid #323537; color: #fff; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); background: #4b4f51; background: -moz-linear-gradient(top, #4b4f51 0%, #414547 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4f51), color-stop(100%,#414547)); background: -webkit-linear-gradient(top, #4b4f51 0%,#414547 100%); background: -o-linear-gradient(top, #4b4f51 0%,#414547 100%); background: -ms-linear-gradient(top, #4b4f51 0%,#414547 100%); background: linear-gradient(to bottom, #4b4f51 0%,#414547 100%); cursor: pointer; font-family: "microsoft yahei"; width: 80px; height: 30px; } /********************************* 以上为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 ---- 结束 *******************/