/*############################ 新添加样式 ###############################*/ /*消息提示*/ .xx-note{width:0px; position:absolute;height:0px;left:0;top:0px;z-index:1;overflow:hidden;display:none} /*.xx-Box .xhead{ height:29px; background:url(../images/xBg.jpg) repeat-x; line-height:29px; padding:0 10px;}*/ .xx-Box .xhead .xtitle{ float:left; width:120px; color:#fff; font-weight:bold;} .xx-Box .xhead .xclose{ width:14px; height:14px; float:right; margin-top:9px;} .xx-Box .xhead .xclose a{ display:block; width:14px; height:14px;} .xx-Box .xhead .xclose a:hover{ width:12px; height:12px; border:1px solid #000; background:#f00;} .xx-Box .xbody{ padding:10px; background:#fff;} .xx-Box .xbody .xcont{ height:47px; line-height:47px; color:#000;} .xx-Box .xbody .xcont i{ padding:0 10px;} .xx-Box .xbody .xcont img{ vertical-align:middle;} .xx-Box .xfoot{ height:25px; background:#f6f6f6; border-top:1px solid #ebebeb; padding:6px 10px;} /*.xbtn{ margin-left:5px; width:48px; height:25px; background:url(../images/xbtnBg.gif) repeat-x; border:1px solid #b4b4b4; cursor:pointer;}*/ /*-------------------------------------- 通用区域 -------------------------------------*/ .w60{width:60px;} .bodyer{width:1280px; margin:0 auto; overflow:hidden;} .product_content{width: 1280px;margin:50px auto 0;} .right{float:right;} .orange{color:#FB6C11} .bg_1F{background: url("../img/1F.png") no-repeat #7EBAFF 2% ;background-size: 20%;behavior: url(../css/backgroundsize.min.htc);-ms-behavior: url(../css/backgroundsize.min.htc);} .bg_2F{background: url("../img/2F.png") no-repeat #FF6B6B 2% ;background-size:20%;behavior: url(../css/backgroundsize.min.htc);-ms-behavior: url(../css/backgroundsize.min.htc);} .bg_3F{background: url("../img/3F.png") no-repeat #FFA279 2% ;background-size: 20%;behavior: url(../css/backgroundsize.min.htc);-ms-behavior: url(../css/backgroundsize.min.htc);} .bg_4F{background: url("../img/4F.png") no-repeat #AEE077 2% ;background-size:20%;behavior: url(../css/backgroundsize.min.htc);-ms-behavior: url(../css/backgroundsize.min.htc);} .bg_5F{background: url("../img/5F.png") no-repeat #CAC2F2 2% ;background-size:20%;behavior: url(../css/backgroundsize.min.htc);-ms-behavior: url(../css/backgroundsize.min.htc);} .index-bg{width:100%;height:655px;background:#fff none repeat scroll 0% 0%;} .index-bg-xk{width:100%;height:452px;background:#fff none repeat scroll 0% 0%;} .index{ width:1280px; margin-top: 10px; margin-left: auto; margin-right: auto; overflow:hidden;} #WebPayBgDiv{background-color:#FB6C11; position:absolute; z-index:9998; left:0; top:0; display:block; width:100%; height:30px;} img { border:0;} ol, ul { list-style:none;} a { color:#333; cursor:pointer;outline: 0 none;} a:link, a:visited, a:hover { text-decoration:none;} a:hover{color:#fb6c11;} body, div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6 { font-family:Microsoft Yahei; color:#333; line-height:20px; font-size:12px; font-weight:normal; padding:0; margin:0;} /*-------------------------------------- 首页头部 -------------------------------------*/ #site-nav {width:1280px; margin:0 auto;position:relative; height:28px; z-index:9999;} /* #site-nav .scsy{color:#fff;font-weight: bold;line-height: 30px;float:left;} */ /* #site-nav ul{float: right;} */ #site-nav ul li{line-height: 30px;color:#ffffff;font-weight: bold;} #site-nav ul li.zhxm{cursor: pointer;float: left;} #site-nav ul li.header-bar{float:right;} #site-nav ul li.header-bar ul li{float: left;cursor: pointer;margin-left: 10px;} .nav-img{ position:absolute; margin-top:13px; margin-left:2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fff; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #site-nav ul li.user-center:hover .nav-img{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } #site-nav ul li.user-center .center-menu{position: absolute;z-index:10000;border:1px solid #ccc;display: none;margin-left: -12px;} #site-nav ul li.user-center .center-menu p{text-align: right;} #site-nav ul li.user-center:hover .center-menu{display: block;} #site-nav ul li.zhxm .user-info{width:60px;background-color: #fff;position: absolute;z-index:10000;border: 1px solid #ccc;display: none;} #site-nav ul li.zhxm .user-info p{line-height: 20px;text-align: center;} #site-nav ul li.zhxm .user-info p a{color: #fb6c10;font-weight: bold;line-height: 20px;} #site-nav ul li.zhxm .user-info p:hover{background: #e1ddde;} #site-nav ul li.zhxm .user-info p a:hover{color: #333;} #site-nav ul li.zhxm:hover .user-info{display: block;} #site-nav-bd {color:#000;height: 21px;line-height: 22px;margin: 0 auto;padding: 3px 0;position: relative;width: 950px;z-index: 10000;} #site-nav a {color:#666;} #site-nav a:hover {color:#f60;} #site-nav .login-info{ float:left;width:380px; height:28px; line-height:26px; font-weight: bold;color: white;} #site-nav .login-info a{margin-right:8px;} #site-nav .login-info a.user-nick {color:#0B72A4;margin-right:0;} #site-nav .quick-menu {position:absolute;right:0;top:1px;height:28px;} #site-nav .quick-menu li {background-position: right 6px;float: left;margin-left: -1px;padding:1px 10px 0;color:white;font-weight: bold;line-height:26px;} #site-nav .quick-menu li a{color:white;} #site-nav .quick-menu li.last {background: none repeat scroll 0 0 transparent;} #site-nav .quick-menu li.menu-item {padding:2px 0 0;position:relative;} #site-nav .quick-menu .cart {padding:0;position:relative;} #site-nav .quick-menu .cart a {border:1px solid #BFBFBF;background:#fff;color:#f50;display:block;height:17px;line-height:17px;margin-top:2px;padding-left:25px;padding-right:6px;width:74px;} #site-nav .quick-menu .cart s {height:20px;left:0;position:absolute;top: 1px;width:20px;} #site-nav .quick-menu .cart {margin-left: -1px;padding-right: 0;} #site-nav .menu {position:relative;color: white;font-weight: bold; float: right;} #site-nav .menu:hover .menu-hd {border:#bfbfbf 1px solid;background:#fff;color:#FB6C11; margin:0px; border-bottom:0 none;display:block;line-height: 26px;} #site-nav .menu:hover .menu-bd { display:block;} #site-nav .menu-hd {cursor:pointer;display:block;height:20px;line-height:17px;text-align:center; margin:0 auto ;padding-bottom: 0;position:relative;z-index:10002;line-height: 26px; } #site-nav .menu-bd {background:#fff;border:1px solid #BFBFBF;display:none;position:absolute;right:0;top:21px;z-index:10001;} #site-nav .menu-bd-panel {padding:10px 10px 6px;} #site-nav .myorders .menu-hd {width:100px;_padding-top:1px;color:white;line-height:25px; } #site-nav .myorders .menu-bd, #site-nav .favorite .menu-bd {height:77px;line-height:1.7;} #site-nav .myorders .menu-bd {width:94px;} #site-nav .myorders .menu-bd-panel, #site-nav .favorite .menu-bd-panel {padding:8px 10px;} #site-nav .myorders .menu-bd-panel a{ display:block; line-height:22px; text-align:right;color:#FB6C11} #site-nav .searchs .menu-hd { width:24px; padding-top:1px; _padding-top:1px;color: #666;padding-left: 25px;} #site-nav .searchs .menu-hd s {background-position: -67px -20px;height: 13px;left: 9px;position: absolute;top: 3px;width: 14px;} #site-nav .searchs .menu-bd input {border-color: #878787 #B7B7B7 #B7B7B7 #878787;border-image: none;border-style: solid;border-width: 1px;float: left;line-height: 13px;margin-bottom: 5px;padding: 3px 1px 2px;width: 180px;} #site-nav .searchs .menu-bd button {background-position: 0 -20px;border: 0 none;color: #fff;cursor: pointer;float: left;height: 24px;width: 66px;} #site-nav .login-info .vip-areas {position:relative; margin-left:30px;} #site-nav .login-info .vip-areas:hover .vip-content, #site-nav .login-info .vip-areas-hover .vip-content {display:block;} #site-nav .login-info .user {float:left;} #site-nav .login-info .user .vip-head .user-nick {margin-right:7px;} #site-nav .login-info .user .vip-head {float:left;line-height:30px;margin-left:-10px;overflow:hidden;padding:0 16px 0 8px;position:relative;top:0px;z-index:1999;color:#FFFFFF;} #site-nav .login-info .user:hover .vip-head,#site-nav .login-info .user .vip-head:hover {background:#fff;border-color:#BFBFBF;border-style:solid solid none;border-width:1px 1px 0;margin-left:-11px;padding-left:9px;} #site-nav .login-info .user .vip-content {background:#fff;border:1px solid #BFBFBF;display:none;height:100px;left:-11px;overflow:hidden;position:absolute;top:18px;width:260px; z-index:22;} #site-nav .login-info .user .vip-content .avatar {border:1px solid #eee;float:left;height:80px;margin:10px;padding:0;width:80px;} #site-nav .login-info .user .vip-content .vip-operate {float:left;margin-left:64px;margin-top:5px;overflow:hidden;white-space:nowrap;width:90px;} #site-nav .login-info .user .vip-content .vip-operate a {color:#0B72A4;margin-right:7px;padding-right:9px;} #site-nav .login-info .user .vip-head b{margin-top:-2px;border-color:#666 #EEEEEE #EEEEEE;border-style:solid;border-width:4px;font-size:0;height:0;line-height:0;position:absolute;right:10px;top:12px;transition:transform 0.2s ease-in 0s;width:0;} /*-------------------------------------- 搜索栏 -------------------------------------*/ .header{ width:1280px; margin:0 auto; height:90px; position:relative;border-bottom: 2px #FB6C11 solid;} .hyzx{ height:76px; } .search{ width:700px; height:36px; position:absolute;right:0; top:30px; padding:1px;} .search .contxt{ float:left; width:330px; height:35px; padding:0 5px; border:1px solid #ccc; line-height:25px; color:#bbb;} .search .conbtn{ float:left; width:75px; height:35px; background-color:#FB6C11; border:0; font-weight:bold; color:#fff; font-size:14px; margin-left:5px; cursor:pointer;} .search .headBtn{width: 140px; height: 35px; padding-left: 10px;float: right} .search .headBtn img{height:24px;margin-top:-2px;} .search p{ float:right; width:93px; height:27px; line-height:27px;} .search p a{ display:block; line-height:15px; font-weight:bold; color:#fff;} .search .allSize{width: 100%; height: 100%;} .nav{ height:30px; position:absolute;top:93px;} .nav li{ height:30px; float:left;padding-left: 3px;padding-right:3px;} /*.nav li.first a{ width:81px; background:url(../images/nav_one.jpg) no-repeat;}*/ .nav li .a{ display:block; width:106px; height:30px; line-height:30px;text-align:center; font-size:14px; font-weight:bold;} .nav li a:hover{ background-color: #FB6C11;color:white} .nav li .a.selected{ background-color: #FB6C11;color:white} .topimage{ margin: 35px 0 auto;width: 100%;height: 114px;min-width:1080px;} /*login*/ .login-head{ height:102px; border-bottom:3px solid #83D326; overflow:hidden;} /*-------------------------------------- 轮播广告 -------------------------------------*/ .rollad{width: 885px; height:455px; margin-left: 4px;float:left} /*.rollad div{width: 100%; margin: 0 auto; }*/ .rollad .online_num{border: 1px #B7B7B7 solid;height:40px;overflow:hidden;background-color:#fff;} .rollad .online_num a{display:inline-block;line-height:40px;font-weight:bold;font-size:14px} .rollad .online_num a:hover{color:#FB6C11} /*.rollad img{width:686px;height:396px;}*/ .rollad .curnum{margin-left: 20px; line-height: 40px; font-size: 16px;color:#FB6C11;padding-right: 10px;} .slideBox{ width:890px; height:412px; overflow:hidden; position:relative; border:0px solid #ddd; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:40%; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:30px; height:4px; line-height:14px; text-align:center; background:#fff; cursor:pointer;color:white; } .slideBox .hd ul li.on{ background:#fb6c11; color:#fb6c11; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:885px; height:410px; display:block; padding:0 } /* 下面是前/后按钮代码*/ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /*-------------------------------------- 右侧公告 -------------------------------------*/ .announce{float:right;width:200px;height: 448px;padding:0;} .announce div i{color:#FB6C11;padding: 0 10px;} .announce .ann_title{height: 24px;border-left: 1px #B7B7B7 solid;border-top: 1px #B7B7B7 solid;border-right: 1px #B7B7B7 solid;display:table;vertical-align: middle;width:200px;background-color: #efeeea;} .announce .ann_title div{display: table-cell;vertical-align: middle;} .announce .ann_title span{display:inline-block;width:90px;font-size:15px;font-weight:bold;} .announce .ann_title img{width:16px;margin:0 7px;} .announce .ann_content{height:auto;border: 1px #B7B7B7 solid;overflow:hidden;background-color:#fff;} .announce .ann_content li{line-height: 22px;font-size:13px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width:190px;} .announce .ann_content li span{padding-left: 8px} /*.announce .ann_content li span a{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;width:170px;display: inline-block; }*/ .announce .ann_content span a:hover{color:#fb6c11} .announce .xywy{float:left;width:95px;border:2px solid #fb6c11;margin:2px;background-color:#ffeddf} .announce .xywy:hover{float:left;width:95px;border:2px solid #fb6c11;margin:2px;background-color:white} .announce .xywy div{display:table-cell;vertical-align: middle} .announce .xywy div img{width:15px;vertical-align: middle;margin:auto 4px;} .announce .xywy div a{color:#fb6c11} /*-------------------------------------- 热门品牌 -------------------------------------*/ .hot_brand{width: auto;margin-top: 475px} .brand_index {float:left;} .brands{height:180px;float:right;overflow:hidden;} .brands_left{width: 20px; height: 180px;line-height: 180px;float: left; background-color: #EEEEEE; border: 2px #D4D4D4 solid; text-align: center; color: #D4D4D4;margin-left:8px;} .brands_right{width: 20px; height: 180px; line-height: 180px;float: left; background-color: #EEEEEE; border: 2px #D4D4D4 solid; text-align: center; color: #D4D4D4} .hot_logo{height: 90px;padding-top: 1px;padding-left: 1px;float: left;width:1050px} .hot_logo img{width: 206px;height: 88px;border: 1px #D4D4D4 solid;} .hot_logo a{width:165px;height:88px;} /*-------------------------------------- 热销产品 -------------------------------------*/ .hot_sale{margin-top:20px;width:100%;height:500px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fff.png',sizingMethod=scale); background-size:100% 100%;background-image:url(../img/fff.png);background-repeat:no-repeat; } .hot_sale .t{height:80px;border-bottom:1px solid #ddd;} .hot_sale ul{margin:0 auto;width:1080px} .hot_sale .t li{float:left;width:270px;text-align:center;line-height:80px;height:80px;font-size:28px;} .hot_sale .t li a{position:relative;margin:0 auto;display:block;width:150px;height:80px;line-height:80px;color:white;font-weight: bold} .hot_sale .t li a.focus{border-bottom: 5px solid #ddd;} .hot_sale .c{height:35px;} .hot_sale .c li{float:left;width:270px;text-align: center;color:white;height: 30px;line-height: 30px;font-size:16px;font-weight: bold} .hot_sale .b{width:1080px;margin:0 auto;height:384px} .hot_sale .b li{float:left;width:270px;text-align: center} .hot_sale .b li a{position: relative} .hot_sale .b p{text-align: center;white-space:nowrap;overflow:hidden;font-size:14px} .hot_sale .b li img{width:215px;height:220px;} .hot_sale .b li .img{width:215px;height:350px;background-color: #fb6c11;margin:0 auto} /*-------------------------------------- 限时抢购 -------------------------------------*/ .limit_title{width: 100%;border-bottom: 4px solid #FB6C11;font-size: 24px;font-weight:bold;height:40px;color:gray;font-family:"Microsoft Yahei";} .limit_content{overflow: hidden;height:318px;} .limit_content li{float:left;width:255px;} .limit_content .content{border:1px solid #D4D4D4; width:250px;margin:5px auto 0;} .limit_content .content img{height:245px;width:245px;} .limit_content .content .name{height:30px;border-bottom:1px dashed #D4D4D4;border-top:1px solid #D4D4D4} .limit_content .content .left{padding-left: 10px;line-height: 30px} .limit_content .content .right{float:right;line-height:28px;padding-right:10px;font-size:12px;} .limit_content .content .price{height:30px} .limit_content .content .price a{background-color:#E95609;color:white;width:60px;height:20px;margin-right: 8px;line-height:20px;margin-top:5px;padding-left:10px;clear:both} .limit_content .content:hover{border:2px solid #fb6c11} /*-------------------------------------- 优惠券 -------------------------------------*/ .yhq_title{width: 100%;border-bottom: 4px solid #FB6C11;font-size: 24px;font-weight:bold;height:40px;color:gray;font-family:"Microsoft Yahei";} .yhq_content{overflow: hidden;} .yhq_content li{float:left;width:354px;} .yhq_content .content{border:1px solid #D4D4D4; width:336px;margin:5px auto 0;} .yhq_content .content img{height:140px;width:332px;cursor:pointer;} .yhq_content .content .name{height:30px;border-bottom:1px dashed #D4D4D4;border-top:1px solid #D4D4D4;padding-left:10px;} .yhq_content .content .left{padding-left: 10px;line-height: 30px} .yhq_content .content .right{float:right;line-height:28px;padding-right:10px;font-size:12px;} .yhq_content .content .price{height:30px} .yhq_content .content .price a{background-color:#E95609;color:white;width:60px;height:20px;margin-right: 8px;line-height:20px;margin-top:5px;padding-left:10px;clear:both} .yhq_content .content:hover{border:1px solid #fb6c11} /*-------------------------------------- 药品展示 -------------------------------------*/ .product_title{height: 40px;margin:30px auto 0; /*line-height: 40px;padding-left:30px;font-size:24px;color:white;*/ } .products_display{height:520px} .products_display li{float:left} .products_display li.product{width:180px;height:262px;border:1px solid #D4D4D4} .products_display .product p{text-align:center;font-size:14px;white-space: nowrap;overflow: hidden;width: 160px;font-weight:bold;} .products_display li img{border:0;width:180px;height:170px;padding:10px 10px 10px} .products_display .display_title{width:216px;height:107px;background-color:#7EBAFF;text-align: center;line-height: 80px;color:white;font-size:24px;font-weight: bold} .products_display table td{width:108px;border:1px solid #D4D4D4;height:52px;text-align: center;font-size:16px;} /*-------------------------------------- 公司简介 -------------------------------------*/ .co_info{border:1px solid #D4D4D4;margin-top:20px;height:520px;} /*.co_info .res_download{float:left;width:270px;height:520px;border:0px solid black;text-align: center;padding-top:50px}*/ .co_info .res_download{float:left;width:270px;height:520px;border:0px solid black;padding-top:50px;background-color:#FF6600} .co_info .res_download .tra{width:0px;height:0px;border-top:110px solid #FF6600;border-right:110px solid #FF6600;border-left:110px solid #3C3C3C;border-bottom:110px solid #3C3C3C;margin-top:38px;} .co_info .res_download .trb{width: 0px;height: 0px;border-top:15px solid #7B7B7B;border-right:10px solid #3C3C3C;border-left:10px solid #3C3C3C;margin-top: -40px;margin-left: 70px;} .co_info .summary{float:left;width:720px;height:520px;border-left:1px solid #D4D4D4;border-right:1px solid #D4D4D4} /*.co_info .summary p{width:520px;color:#3D3D3D;font-size:15px;margin:5px;}*/ .co_info .summary p{width:700px;border-top:1px solid #D4D4D4;color:#3D3D3D;font-size:15px;margin:10px} .co_info .summary .com-pic{width:720px;height: 305px} .co_info .dynamic_order{float:left;width:285px} .co_info .dynamic_order h3{padding-left:15px;height:50px;line-height: 50px;border-bottom: 1px solid #D4D4D4;color:#8B8B8B;font-size:20px} .co_info .dynamic_order ul{padding-left:15px;} .co_info .dynamic_order li{height:32px;width:238px;line-height: 32px;font-size:10px;border-bottom: 1px dashed #D4D4D4;font-weight: bold;color:#A4A4A4} .co_info .dynamic_order span{color:#FB6C11;} /*-------------------------------------- 主页底部 -------------------------------------*/ .footer{width:100%;height:200px;margin-top:20px;background-color:#372F2D;min-width: 1080px} .footer .about{width:1000px;margin:0 auto} .footer .about{} .footer a{color:white;font-size:14px;height:25px;line-height: 25px} .footer h3{color:white;font-size:20px;height:30px;line-height: 30px} .footer .qrcode{float:right;padding:6px;background-color:white;} .footer .qrcode>div{border:1px solid #d9d9d9;height:104px;} .footer .qrcode div{font-size:14px;padding-right:8px;padding-left:8px;} .footer .qrcode img{width:100px;float:left;} .bottom_info{background-color:#372F2D;margin-top:4px;color:white;text-align:center;font-size:16px;height:30px;line-height: 30px;min-width:1080px;} .license{text-align: center;margin-top:25px;font-size:14px;min-width:1080px;} .license span{color:#FB6C11;font-size:14px} .copyright{text-align: center;margin-top:14px;margin-bottom:80px;font-size:15px;min-width:1080px;} .copyright span{font-weight: bold} /*-----------------------------------------------------------------------------------*/ /*---------------------------------------可供列表------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /*-------------------------------------- 商品分类 -------------------------------------*/ .cate_list_1 {width: 1084px;float: left} .cate_list{ border:1px solid #E5E5E5; border-width:0 1px; margin:0 auto;} .cate_list li{ border-bottom:1px solid #eee; line-height:24px; overflow:hidden; padding:5px 0; position:relative;} .cate_list .hide{display: none;} .cate_list a.cate_more:hover, .cate_list a.cate_packup:hover {color:#f60;} .cate_list dl {padding-left:98px;} .cate_list dt {color: #666;display: inline;float: left;margin-left: -98px;text-align: right;width: 80px;height:30px;} .cate_list dd {display: inline;float: left;height: 24px;line-height: 24px;overflow: hidden;width: 117px;} .cate_list dd a{ color:#3c3c3c} .cate_list dd a:hover {color: #f40;} .cate_list dd a.checked{ color:#fd6700;} .cate_list dd.w_95 {line-height: 12px;margin: 0 65px 0 -65px;padding: 9px 0;width: 95px;} .cate_list dd span {color: #999;margin-left: 5px;} .cate_list .first_li { padding:0; border-bottom:0;background-color:#e5e5e5;height:40px;} .cate_list .first_li a { background:#fff;border:1px solid #D7D7D7;color:#666;float: left; height: 18px;line-height: 15px;padding:0 4px;} .cate_list .first_li a:hover {background-color:#FFECDF;border-color: #FF6701;color: #FF6600;text-decoration: none;} .cate_list .first_li strong {background: url(../img/x.png) no-repeat right center;background-size:12px;font-weight: bold;padding-right: 14px;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css/backgroundsize.min.htc);} .cate_list .first_li a:hover strong {background: url(../img/x.png) no-repeat right center; -webkit-background-size: 12px; background-size: 12px;color: #FF6600;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css/backgroundsize.min.htc);} .cate_list .first_li dl{background:#F7F7F7; border:1px solid #E5E5E5;border-width:1px 0;padding:0px 20px 0px 98px;} .cate_list .first_li dt {font-weight: bold;line-height: 40px;} .cate_list .first_li dd {display: block;float: left;height: auto;line-height: normal;margin: 10px 5px;overflow: visible;white-space: nowrap;width: auto !important;} .more_lines a{ color:#333;display: block;height: 19px;line-height: 19px;margin: 0 auto;outline: medium none;text-align: center;text-indent: 10px;width: 90px;} .cate_list dl span{padding-left: 98px;} .cate_list .left{ line-height:40px;} /*-------------------------------------- 商品列表 -------------------------------------*/ .order_selected{color:white;background-color:#fb6c11 !important} .product_lists_head{border-top:2px solid #fb6c11;font-size:15px;background-color: white} .product_lists_head a{float:right;width:60px;border:1px solid #D4D4D4;margin-right:5px;line-height: 24px;} .product_lists_head a.order_selected:hover{color:white} .product_lists_head .up-arrow{padding-left:7px;background: url("../img/up-arrow.png") no-repeat 92%;background-size:28%;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css/backgroundsize.min.htc);} .product_lists_head .down-arrow{padding-left:7px;background: url("../img/down-arrow.png") no-repeat 92%;background-size:28%;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} .product_lists a,.product_lists p{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;} .product_lists li{height:95px;border-bottom:1px solid #D4D4D4} .product_lists li .pro_img{height:65px;width:65px;margin:10px;padding:5px;float:left;border:1px solid #D4D4D4} .product_lists li div{margin:10px 0px 10px 10px;float:left;text-align:center} .product_lists .add_shopping_cart{background-color:#fb6c11;padding:0 10px;margin-bottom:10px;} .product_lists .compare{border:1px solid #D4D4D4;height:20px;width:60px;color:#7B7B7B; -moz-box-shadow:1px 1px 5px #8F8F8F; -webkit-box-shadow:1px 1px 5px #8F8F8F; box-shadow:1px 1px 5px #8F8F8F;} .product_lists .compare input[type=checkbox]{margin-left:5px;display: inline-block;vertical-align: middle;margin-bottom: 6px;} .qd{border:1px solid #DEDEDE;color:#000;padding:2px 7px; margin-left:10px;cursor:pointer} /*-------------------------------------- 购买记录 -------------------------------------*/ .gmjl li{border-bottom: 1px dashed #D4D4D4;height:20px;clear:both} .gmjl li .name{float:left;margin-left:10px;width:130px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis} .gmjl li .addnum{float:left;} /*-------------------------------------- 商品详情 -------------------------------------*/ .ui-font{color:#999999;} .ui-font-size{font-size: 16px;} .ui-left{width:850px;float:left;margin-top: 20px;} .ui-right{width:220px;float:right;margin-top: 20px;} .prod-img{width:308px;float:left;overflow:hidden;} .prod-img .imgs{margin-left:1px; margin-right:1px;width:306px; height:306px; overflow:hidden;} .prod-small{float:left; overflow:hidden;} .prod-small ul li{width:80px;height:80px;float:left;margin-right: 10px;} .prod-txt{ width:450px;float:left;overflow:hidden;margin-left: 10px;} .prod-txt h1{line-height:20px; padding:8px 0; overflow:hidden; border-bottom:1px dashed #ccc; font-size:16px; font-weight:bold; margin-left:12px;} .prod-txt .t1{padding:8px 0; margin-left:12px; border-bottom:1px dashed #ccc; float:left;} .prod-txt .t1 li { width:214px; float:left; overflow:hidden; height:28px; line-height:28px; color:#666;} .prod-txt .t1 li span{ color:#aaa;} .prod-txt .price{margin-left:12px;float:left;} .prod-txt .price p{ line-height:30px; height:30px; color:#666;} .prod-txt .price p span{ color:#aaa;} .prod-txt .price p b{ color:#fe5614; font-size:27px; font-weight:bold;} .prod-txt .prod-buy{float:left; margin-left:12px;} .prod-txt .prod-buy .contxt{ width:42px; height:20px; border:1px solid #ccc; background:#fff; line-height:20px; padding:0 5px;} .prod-txt .prod-buy .conbtn{background-color:#f60; width:120px; height:31px;cursor:pointer;border:0;color:white;font-size: 14px;} .prod-txt .prod-buy em{color:#888;} .prod-txt .prod-buy p{ padding:8px 0; color:#aaa;} .guess-you-like{margin-top: 20px; width:850px;float: left;} .guess-you-like .t1{height: 30px;border-bottom: 2px solid #fe5614;} .guess-you-like p.title{height: 30px;line-height: 30px; width: 80px;background:#fe5614;text-align: center; color: white; font-size: 14px;float: left;} .guess-you-like p.en-title{height: 30px;line-height: 30px;text-align: center; color: #aaa; font-size: 14px;float: right;} .guess-you-like ul{float: left; margin-top: 10px; border-top:2px solid #ccc;padding-top: 20px; width:850px; border-bottom: 1px solid #ccc;} .guess-you-like li {float: left;width:150px;margin-left: 15px;} .guess-you-like li p{text-align: center;} .guess-you-like li p.yp-name{margin-top: 10px;color: #aaa;} .guess-you-like li p.yp-price{color: #fe5614;} .prod-detail{float: left;width: 850px;} .prod-detail .tabs .t{ height:60px; line-height:60px; overflow:hidden; border-bottom:2px solid #fe5614; position:relative;padding-top: 20px;background: white;z-index:999999;} .prod-detail .tabs .t li{ width:86px; float:left; height:40px; line-height:40px; text-align:center; overflow:hidden; margin-right:2px;font-size: 14px;font-weight: bold;} .prod-detail .tabs .t li.focus{background-color:#fe5614; color:white; font-weight:bold;font-size:14px;} .prod-detail .tabs .t li.focus a{ color:#fff;} .attributes-list{background:#F6F6F6;border:1px solid #E6E6E6;margin:10px 0;} .attributes-list h1{ font-weight:bold; color:#666; padding:10px 20px 5px;} .attributes-list li{ height:14px; line-height:14px; width:220px; float:left; overflow:hidden;color:#666;display: inline;margin:10px 15px 0 0;text-overflow: ellipsis;vertical-align: top;white-space: nowrap;} .attributes-list ul{padding: 0 20px 18px;} .prod-detail .prod-packing{float: left;margin-top: 20px;margin-bottom: 20px;} .prod-detail .prod-packing li{width: 50%;height:40px;line-height: 40px;float:left;border:0.5px solid #ccc;} .prod-detail .prod-packing li span{background-color: #F3F3F5;height:40px;line-height: 40px; text-align: center;display: block;width: 120px;float: left;border-right: 1px solid #ccc;margin-right: 20px;} .prod-detail .prod-report {float: left;margin-bottom: 20px;} .prod-detail .prod-report li{width: 50%;height:40px;line-height: 40px;float:left;border:0.5px solid #ccc;} .prod-detail .prod-report li span{background-color: #F3F3F5;height:40px;line-height: 40px; text-align: center;display: block;width: 120px;float: left;border-right: 1px solid #ccc;margin-right: 20px;} .spxxxx-title{float: left;border-bottom: 3px dashed #ccc;margin-bottom: 20px;} .spxxxx-title{width: 850px;} .spxxxx-title span{height: 30px;display: block;float: left;line-height: 30px;font-size: 16px;font-weight:bold;margin-left: 10px;} .spxxxx-icon{width: 16px;height: 16px; border:3px solid #fe5614; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 4px; float: left; margin-top: 5px; } .prod-detail .prod-instruction {float: left;} .prod-detail .prod-information {float: left;} .prod-detail .prod-hotsell {float: left;margin-top: 20px;} .prod-this-cj{width:220px;border: 1px solid #ccc;} .prod-this-cj li{padding: 5px 0 5px 10px;} .prod-same-name{width:220px;border: 1px solid #ccc;margin-top: 5px;} .prod-same-name li{padding: 5px 0 5px 10px;} .prod-recommend{width:220px;border: 1px solid #ccc;margin-top: 5px;} .prod-zjll{width:220px;border: 1px solid #ccc;margin-top: 5px; float: left;} .head{height: 30px;line-height: 30px;background-color: #f3f3f5;text-align: center;} .xjabq{height:35px;overflow:hidden;} .xjabq a { color:#333; cursor:pointer;} .xjabq a:link,.xjabq a:visited { text-decoration:none;} .xjabq a:hover { text-decoration:none; color:#fd6700;} .prod-zjll ul {padding: 10px;} .prod-zjll ul li {border-bottom: 1px dashed #ccc;float: left;margin-bottom: 10px;padding-bottom: 10px;} .prod-zjll ul li .img{height: 85px;width: 85px;float: left;} .prod-zjll ul li .txt{height: 80px;width: 100px;float: left;margin-left: 10px;margin-top: 10px;} .prod-zjll ul li .txt p {height: 50%;overflow: hidden;} .organe{ color:#fd6700;} .xjabq a { color:#333; cursor:pointer;} .xjabq a:link,.xjabq a:visited { text-decoration:none;} .xjabq a:hover { text-decoration:none; color:#fd6700;} .prod-hotsell ul{float: left; margin-top: 10px; width:850px;} .prod-hotsell li {float: left;margin-left: 20px;} .prod-hotsell li .img{border:1px solid #ccc;width:160px;height:160px;padding-left: 4px;padding-top: 4px;} .prod-hotsell li p {text-align: center;margin-top: 10px;} .prod-hotsell li .name a{color: black;font-weight: bold;} /************************************ 购物车样式 ************************************/ .cart-cont{ width:1080px; margin:0 auto; overflow:hidden;} .cart-top{ float:right;height:27px; overflow:hidden; border:1px solid #dbdbdb; background:#dbdbdb;} .cart-top li{ width:150px; height:27px; line-height:27px; text-align:center; color:#666; font-size:14px; float:left;} .cart-top li.focus{ font-weight:bold; color:#fff;background:#fd6700; } .choose{ width:300px;} .choose .box{ height:20px; margin-bottom:10px; position:relative; width:300px;} .choose .box-status{ color:#404040; z-index:300; height:25px; line-height:30px; color:#666;} .total-fee{ text-align:right; height:30px; line-height:25px; vertical-align:middle; color:#404040; width:400px; text-align:right;} .total2{color: #FF6600;font: bold 15px tahoma;margin-right: 3px;} .total-fee-info{ margin-right:10px;} .item-label{ background: #dadada; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #5f5f5f; text-align: center; width: 33px; height: 17px; line-height: 16px; display: inline-block; margin-right: 10px; } .gwc-opra ul{ float:left; } .gwc-opra ul li{ float: left; } /*购物车状态*/ .choose .box-status{float: left;z-index: 300;width:300px;margin-top:5px;} .choose .bar { border: 1px solid rgb(208, 208, 208); width: 100px; height: 16px; margin-top:2.5px; overflow: hidden; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 1px; display: inline-block; vertical-align: middle; } .js-btn{width:80px;height: 40px;background-color: #fd6700;border: none;color:#f0f0f0;margin: 15px 0 0 10px;} /************************************ 生成订单 *************************************/ .ensure-info{float: left;height: 27px;width:100%;} .ensure-info span{line-height: 27px;} .ensure-info .span1{font-size: 16px;} .ensure-info .span2{font-size: 8px;} .sxsj{font-size: 8px; color:#fd6700 } .order-title { width:100%; float:left; height:27px; margin-top:20px; border-top:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-left:3px solid #fd6700; } .order-title span{ line-height: 27px; font-weight: bold; margin-left: 10px; font-size: 14px; } .order-select-kp{ margin-top:10px; height:30px; float: left; } .order-select-kp li{ float: left; line-height: 30px; margin-left: 10px; } .order-select-fk{ margin-top:10px; float: left; padding-left: 10px; } .order-select-fk li.pay-type{ cursor:pointer; margin-left:10px; width:240px; padding:20px 10px 20px 10px; float:left; border: 1px solid #ccc; } .order-select-fk li.pay-type.selected{background:url(../img/yellow-arr.gif) no-repeat right bottom ;border:1px solid #FC6D11;cursor:default;background-size:10%;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} .pay-icon-alipay{ float:left; width:60px; height:60px; background-image: url("../img/zfb.png"); background-repeat: no-repeat; background-size: 100% 100%; -ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc); } .pay-icon-wxpay{ float:left; width:60px; height:60px; background-image: url("../img/wx.png"); background-repeat: no-repeat; background-size: 100% 100%; -ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc); } .pay-icon-gz{ float:left; width:60px; height:60px; background-image: url("../img/gz.png"); background-repeat: no-repeat; background-size: 100% 100%; -ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc); } .pay-icon-xyk{ float:left; width:60px; height:60px; background-image: url("../img/xyk.png"); background-repeat: no-repeat; background-size: 100% 100%; -ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc); } .order-select-fk .zkbl { float:right; font-weight: bolder; color:#f00; font-size:14px; } .pay-text{ margin-left:10px; margin-top:10px; float: left; } /*送货方式*/ .shfs-list{float:left;padding:10px 10px 10px 0;} .shfs-list li.shfsLi{background:#FFF;border:1px solid #FC8A43;color:#666;cursor:pointer;display:inline;float:left;height:80px;overflow:hidden;position:relative;width:150px;margin-left: 20px;margin-bottom: 15px;margin-top:15px;} .shfs-list li.shfsLi.selected{background:url(../img/yellow-arr.gif) no-repeat right bottom ;border:2px solid #FC6D11;cursor:default;background-size:15%;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} .shfs-list .addrinfo-province{font-size:14px;} .shfs-list .addr_bd {line-height:16px;margin-top: 6px;word-break: break-all; color:#666;} /*收货地址*/ .shdz-list{float:left;padding:10px 10px 10px 0;} .shdz-list li.shdz{width:250px;height: 140px;overflow:hidden;position:relative;float:left;margin-left: 17px;cursor:pointer;border:1px solid #999999;padding:0 3px;} .shdz-list li.shdz.selected{background:url(../img/yellow-arr.gif) no-repeat right bottom ;cursor:default;background-size:10%;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} .shdz-list li .mrdz{background: url('../img/mrdz.png') no-repeat;position:absolute;right:10px;height:30px;width:80px;background-size:100%;color:white;text-align: center;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);z-index: 99} .shdz-list li .topline{background:url('../img/colorflag.png') no-repeat top;background-size:100% 30%;height:20px;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} .shdz-list li .bottomline{background:url('../img/colorflag.png') no-repeat bottom;background-size:100% 30%;height:20px;position:absolute;bottom:0;width:100%;z-index: -999;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} .shdz-list li.shdz p{margin-bottom: 10px;padding-left:20px;} .shdz-list li.shdz p i {color: #FF9A9B;} .shdz-list li.add-dz{width:250px;height: 150px;border:1px solid #DEDEDE;float: left;margin-left: 20px;text-align: center;cursor:pointer;} .shdz-list li.add-dz{padding-top: 50px;} .shdz-list li.add-dz p i {font-size: 18px;} /*物流公司 */ .wlgs-list li.wlgsLi{background:#FFF;border:1px solid #FC8A43;color:#666;cursor:pointer;display:inline;float:left;height:80px;overflow:hidden;position:relative;width:150px;margin-left: 20px;margin-bottom: 15px;margin-top:15px;} .wlgs-list li.wlgsLi.selected{background:url(../img/yellow-arr.gif) no-repeat right bottom ;border:2px solid #FC6D11;cursor:default;background-size:15%;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} /*-------------------------------------- 商品对比 -------------------------------------*/ .compare_bj{display: block;margin: 10px auto;width: 100px;text-align: center;background-color: #fb6c11;height:30px;line-height:30px;color:white} .compare_bj:hover{color:white} .compare table{border-bottom:1px solid #D7D7D7;text-align: center;} .spuCompareTable thead th{ height:38px; background:#FB6C10; line-height:38px; padding:0 10px;} .spuCompareTable thead th a{ color:white;} .spuCompareTable thead th .close2 {background:url(../img/delete.png) no-repeat right; cursor:pointer; display:inline-block; height:16px; line-height:16px; margin-left:5px; width:16px;background-size:100%;-ms-behavior: url(../../css/backgroundsize.min.htc);behavior:url(../../css//backgroundsize.min.htc);} .spuCompareTable .pic-box {border:1px solid #ededed; height:140px; margin:10px auto; width:140px; background:url(../img/simgBg.jpg) no-repeat center center;} .spuCompareTable .pic {display: table-cell;height: 140px;overflow: hidden;position:relative;text-align:center;vertical-align: middle;width: 140px;} .spuCompareTable tbody td {border-right:1px solid #D7D7D7;padding:10px 0;text-align: center;} .spuCompareTable tr.img th,.spuCompareTable tr.img td {border-bottom:1px solid #EFEFEF;} .spuCompareTable tbody th {border-left:1px solid #D7D7D7;border-right:1px solid #D7D7D7;padding:10px; font-weight:normal;text-align: center;} .spuCompareTable tbody th.nbsp { border-right:1px solid #D7D7D7;} /*.spuCompareTable tbody tr td a { color:#fb6c11;}*/ .spuCompareTable tbody tr td a:link, a:visited { text-decoration:none;} .spuCompareTable tbody tr td a:hover { text-decoration:none; color:#fd6700;} .spuCompareTable tbody tr td a.buy {padding-right:15px;} .spuCompareTable p{margin:10px auto; text-align:center; width:140px;} .spuCompareTable p select{ width:140px;} .spuCompareTable tr.odd{ background:#FBAD5A;} .sideProd .head a { color:#3c3c3c; cursor:pointer;} .sideProd .head a:link,.sideProd .head a:visited { text-decoration:none;} .sideProd .head a:hover { text-decoration:none; color:#fd6700;} .compare table thead tr th{text-align: center;} .spuCompareTable tbody .cz{height:40px;line-height:40px;display:table-cell;vertical-align: middle;margin:0 auto;width:240px;} .spuCompareTable tbody .cz .price{margin-left:30px;} .spuCompareTable tbody .cz .collect{padding-left:30px;padding-right:10px;} .spuCompareTable tbody .cz .collect img{vertical-align: middle} .spuCompareTable tbody .cz .collect span{padding-left:2px;} /*-------------------------------------- 生成订单 -------------------------------------*/ .border_bottom_dashed{border-bottom: 1px darkgray dashed;} .clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;} .i5{ display:block; clear:both; height:5px; line-height:5px; font-size:5px; overflow:hidden;} .i8{ display:block; clear:both; height:8px; line-height:8px; font-size:8px; overflow:hidden;} .i10{ display:block; clear:both; height:10px; line-height:10px; font-size:10px; overflow:hidden;} .i15{ display:block; clear:both; height:15px; line-height:15px; font-size:15px; overflow:hidden;} .i20{ display:block; clear:both; height:20px; line-height:20px; font-size:20px; overflow:hidden;} .i25{ display:block; clear:both; height:25px; line-height:25px; font-size:25px; overflow:hidden;} .i30{ display:block; clear:both; height:30px; line-height:30px; font-size:30px; overflow:hidden;} .i60{ display:block; clear:both; height:60px; line-height:60px; font-size:60px; overflow:hidden;} /*-------------------------------------- 登录 -----------------------------------------*/ .login1 {width:1080px; margin:0 auto;position:relative;height:80px;z-index:9999;} .login1 .first {width:218px;height:80px; margin-left: 120px;float:left;} .login1 .first .a {width:218px; height:60px;} .login1 .first1 {float:left;border:1px solid #000;margin-left:10px;margin-top:23px;} .login2 {width:100%;margin:0 auto;position:relative;height:600px;z-index:9999;background-color:#FF6600} .login2 .second {float:left;width:290px;height:270px;background-color:#FF9900;margin-left:150px;margin-top:70px;} .login2 .second .b {width:290px;height:40px;margin-top:25px;} .login2 .second .c {width:290px;height:40px;margin-top:15px;} .login2 .second .d {height:30px;} .login3 {width:100%;margin:0 auto;position:relative;height:40px;z-index:9999;} .login4 {width:100%;margin:0 auto;position:relative;height:60px;z-index:9999;} /*-------------------------------------- 采购流程 -----------------------------------------*/ .purchasing_process{margin-top: 20px;} .purchasing_process legend{margin:0 auto;padding:10px;} .purchasing_process .box { width: 10px;height:10px; line-height: 10px; position: relative; overflow:hidden;float:left;text-align:left;margin:14px 10px auto 10px;} .purchasing_process .radius { position: absolute;width:100%;height:100%;border-radius: 50%;border: 8px dotted;margin: 0 0 1px 1px;border-width: 0vw;margin: 0vw;/*color: #cd0000;background-color: currentColor;*/} .purchasing_process .purdiv{width:120px;text-align:center;list-style-type:none;float:left;margin:10px;} .purchasing_process .purdiv img{height:50px;border:0} .purchasing_process .purdiv .img,.purchasing_process .purdiv .img2{-ms-behavior: url(../css/backgroundsize.min.htc);behavior:url(../css/backgroundsize.min.htc)} .purchasing_process .arrow{float:left;margin:10px;margin-top:30px;} .purchasing_process .arrow img{ width: 20px;} /************************************** 预登记样式 *********************************/ .register-header{ width:100%; padding-top: 40px; float:left; margin: 0 auto; } .register-body{ width: 100%; background-color: #F55E0C; height:660px; float:left; padding: 40px 0 20px 0; } .register-logo{ width:300px; height:60px; border-right: 1px solid #ccc; } .register-nav{ width: 1080px; margin: 0 auto; height: 40px; } .register-nav span:first-child{ width:540px; float: left; font-size:large; font-weight:bold; text-align: center; line-height: 40px; color: #F55E0C; background-color: white; } .register-nav span:last-child{ width:540px; float: left; font-size:large; font-weight:bold; text-align: center; line-height: 40px; color: #666; background-color: #ccc; } .register-content{ width: 1080px; margin: 20px auto; height:460px; } .register-form{ margin-top:15px; padding:20px 20px 0 20px; width: 540px; float:left; border-right: 2px solid white; } .register-form form{ background-color:#f98b14; padding: 20px 0 20px 0; } .register-input{ padding-left: 80px; margin-bottom:10px; } .register-input label { width:100px; text-align:right; color:white; } .register-input input{ width:200px; height:30px; border:1px solid #ccc; } .register-input input[type="button"]{ width:200px; height:30px; margin-left:102px; border:none; background-color: #F55E0C; color:white; } .register-input textarea{ width: 200px; border:1px solid #ccc; } .register-footer{ width: 100%; float: left; padding-top:20px; text-align: center; } .register-success{ display:none; width: 100%; background-color: #F55E0C; height:650px; float:left; padding: 40px 0 20px 0; } .register-success .register-nav span:last-child{ width:540px; float: left; font-size:large; font-weight:bold; text-align: center; line-height: 40px; color: #F55E0C; background-color: white; } .register-success .register-nav span:first-child{ width:540px; float: left; font-size:large; font-weight:bold; text-align: center; line-height: 40px; color: #666; background-color: #ccc; } .success-flag{ width:1080px; height:300px; margin:30px auto; background:white; } .success-tips{ width:1080px; height:80px; margin:30px auto; padding:20px; background: #f98b14; color: white; } .success-icon{ margin-top:100px; float:left; width:120px; height:100px; background-image: url("../img/success.png"); background-size: 100% 100%; margin-left: 300px; } /*-------------------------------------- 登录 -------------------------------------*/ .login-body{ width: 100%; background-color: #F55E0C; height:660px; float:left; } .login-content{ width: 1080px; margin:0 auto; } .login-img{ margin-top:20px; width: 540px; float:left; background:url("../img/logo1.png") no-repeat; height:600px; background-size: 100% 100%; } .login-form{ float: left; width: 540px; height: 660px; padding: 150px 30px 0 30px; } .login-form form{ float:left; background-color: #f98b14; height: 400px; } .login-form .login-input{ float: left; margin:20px 0 0 0; padding-left:95px; width: 500px; } .login-form .login-input .account-icon { width:50px; height:50px; float: left; background-image: url("../img/id.png"); background-size: 100% 100%; border-top: 1px solid #616161; border-left: 1px solid #616161; border-bottom: 1px solid #616161; border-bottom-left-radius: 3px; border-top-left-radius: 3px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/id.png',sizingMethod='scale'); } .login-form .login-input .pwd-icon{ width:50px; height:50px; float: left; background-image: url("../img/pass.png"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pass.png',sizingMethod='scale'); background-size: 100% 100%; border-top: 1px solid #616161; border-left: 1px solid #616161; border-bottom: 1px solid #616161; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .login-form .login-input input { padding-left:10px; width:260px; height: 50px; } .login-form .login-input-yzm{ float: left; margin:20px 0 0 0; padding-left:95px; width: 500px; display: none; } .login-form .login-input-yzm input{ padding-left:10px; width:150px; height:50px; float: left; } .login-form .login-input input[type="button"]{ height: 50px; width: 310px; border:1px solid #F55E0C; background: #F55E0C; border-radius: 3px; color:white; font-size: 18px; } .login-opra{ margin-left:95px; width:310px; float: left; padding: 5px 10px 0 10px; } .login-opra .remeber-pwd{ float: left; color: white; } .login-opra .forgot-pwd{ float:right; color: white; } /*---------------------------------购物车效果---------------------------------*/ .y-process{height:26px} .y-process .y-unit{float:left;display:inline;height:26px;background:#ccc;overflow:hidden;text-align:center;color:#fff;font-size:14px;line-height:1.85} .y-process .y-current{background:#fd6700} .y-process .y-complete{background:#DBDBDB} .y-process .y-arrow{position:relative;float:left;display:inline;width:2%;height:26px;overflow:hidden;background:#ccc} .y-process .y-complete-current{background:#fd6700} .y-process .y-complete-complete{background:#DBDBDB} .y-process .y-arrow .y-next{position:absolute;display:block;left:0;top:-3px;height:0;width:0;overflow:hidden;border:solid 10px transparent;border-width:16px 10px;border-left-color:#fff;_border-color:#000;_filter:chroma(color=#000);_border-left-color:#fff} .y-process .y-arrow .y-prev{position:absolute;display:block;left:0;top:0;height:0;width:0;overflow:hidden;border:solid 10px transparent;border-width:13px 8px;border-left-color:#ccc;_border-color:#000;_filter:chroma(color=#000);_border-left-color:#ccc} .y-process .y-complete-current .y-prev{border-left-color:#DBDBDB} .y-process .y-current-unit .y-prev{border-left-color:#fd6700} .y-process .y-complete-complete .y-prev{border-left-color:#DBDBDB} .y-process.y-process-3 .y-unit{width:150px;*width:31.9%} .y-process.y-process-4 .y-unit{width:150px;*width:23.4%} .y-process.y-process-5 .y-unit{width:150px;*width:18.3%} #gwcright{float:right} /************************帮助中心******************************/ .side-Bar{ width:204px; float:left; overflow:hidden; border:1px solid #fb6c11;} .frame-cont{ width:782px; float:right; overflow:hidden;} .side-Bar .current h4 {border-bottom: 0 none;} .side-Bar h4 { position:relative; border-bottom: 1px solid #e0c4b4;background:#ffe1cf; color: #4A4A4A;font-family: "microsoft yahei";font-size: 14px;height: 32px;line-height: 32px;padding-left: 25px; cursor:pointer;} .side-Bar b {background:url(../img/help_leftsz.gif) no-repeat right -14px;cursor: pointer; position:absolute; right:0; top:0;height: 14px;margin:7px 10px 0 0;overflow: hidden;width:14px;} .side-Bar ul { display: none;} .side-Bar .current b {background: url(../img/help_leftsz.gif) repeat scroll right 0 transparent;} .side-Bar .current ul {display: block;} .side-Bar ul li {background: url(../img/helpcenter_icon1.gif) no-repeat 20px 10px; border-top: 1px dotted #ffe1cf; height: 32px;line-height: 32px;overflow: hidden;padding-left: 32px;} .side-Bar ul li a:hover, .side-Bar ul li a:active {color: #fd6700;text-decoration: underline;} .side-Bar ul li a.focus {color:#fd6700;} /*内页样式*/ /*新闻页面*/ .newsList{} .newsList ul{ padding:15px 0; border-bottom:1px solid #ededed;} .newsList ul.odd{ background:#f7f7f7;} .newsList li{ width:700px; margin:0 auto; height:29px; line-height:29px; overflow:hidden; vertical-align:middle; font-size:14px;} .newsList li span{ float:left;} .newsList li i{ float:right; color:#999;} .news{ width:680px; margin:0 auto; overflow:hidden;} .newsColum{ border:1px solid #ddd; border-top:3px solid #fb6c11;} .news-title h1{ line-height:30px; font-size:24px; font-family:"Microsoft Yahei","黑体"; text-align:center; padding:32px 0 5px;} .news-title h2{ text-align:center; font-size:14px; border-bottom:1px solid #e2e2e2; padding:8px 0 10px;} .news-title h3{ line-height:26px; text-align:center; border-top:3px solid #f4f4f4; color:#666; margin-bottom:9px;} .news-title h3 span{ padding:0 5px;} .news-title h3 span a{ color:#6bb20b} .news-title .sumy{ background:#e3f4dd; padding:15px;} .news-title .sumy .ltt{ float:left; width:62px; text-align:center; font-size:20px; color:#f18400; font-family:"Microsoft Yahei";} .news-title .sumy .rtxt{ float:right; border-left:1px solid #ccdbc6; width:540px; padding:0 12px; overflow:hidden;} .news-cont{ padding:18px 0 20px;} .news-cont p{ line-height:22px; font-size:14px; color:#555;} .news-copy{ border:1px solid #ddd; padding:5px 25px;} .news-copy p{ line-height:24px;} .news-copy p b{ color:#6bb20b;} .news-links{ width:322px; overflow:hidden;} .news-links .head{ height:34px; line-height:34px; border-bottom:2px solid #e2e2e2; font-weight:bold; color:#6bb20b; margin:0 0 5px;} .news-links .list li{ height:24px; line-height:24px; overflow:hidden; padding:0 0 0 13px; background:url(../images/dot.jpg) no-repeat 5px center;} .news-links .list li a{ color:#444;} .news-page{ border-top:1px solid #e2e2e2; padding:20px 0;} .news-page p{ line-height:25px; color:#5c5c5c;} .news-page p a{ color:#fd6700;} .search-fix { position: fixed; z-index: 999999999999; left: 0; top: 0; width: 100%; border-bottom: 2px solid #FB6C11; background-color: #fff; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2); box-shadow: 2px 2px 2px rgba(0,0,0,.2); display:none; } .search-fix .search-m { margin: auto; width: 1080px; height: 50px; } .search-fix .search-m .search_logo { display: block; left: 0; top: 4px; width: 125px; height: 40px; } .search-m { position: relative; z-index: 1; height: 60px; } .search-fix .search-m .search_logo_lk { background-image: url(../img/sprite.png); background-repeat: no-repeat; overflow: hidden; display: block; width: 125px; height: 40px; text-indent: -999px; } .search-fix .search-m .form { top: 8px; } .search-m .form { position: absolute; left: 180px; top: 25px; width: 546px; height: 32px; border: 2px solid #FB6C11; background: #fff; } .photo-search-btn { position: absolute; right: 75px; top: 10px; width: 19px; height: 15px; overflow: hidden; } .search-fix #settleup { top: 8px; } #settleup { position: absolute; right: 230px; top: 25px; z-index: 21; } #settleup .cw-icon { width: 130px; height: 34px; background-color: #fff; text-align: center; line-height: 34px; border-color: #bbb; } .cw-icon { overflow: hidden; position: relative; z-index: 1; float: left; border: 1px solid #e3e4e5; border-top-color: rgb(227, 228, 229); border-right-color: rgb(227, 228, 229); border-bottom-color: rgb(227, 228, 229); border-left-color: rgb(227, 228, 229); } #settleup .cw-icon .iconfont, #settleup .cw-icon a { color: #FB6C11; -webkit-transition: color .2s ease; transition: color .2s ease; } #settleup .cw-icon .iconfont { margin-right: 0px; font-size: 16px; } .iconfont { font-family: iconfont,sans-serif; font-style: normal; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; } #settleup .cw-icon .iconfont, #settleup .cw-icon a { color: #000; font-size:14px; -webkit-transition: color .2s ease; transition: color .2s ease; } #settleup .ci-count { position: absolute; top: 1px; left: 29px; right: auto; display: inline-block; padding: 1px 3px; font-size: 12px; line-height: 12px; color: #fff; background-color: #FB6C11; border-radius: 7px; min-width: 12px; text-align: center; } .search-fix #settleup { top: 8px; } .search-m .button { border-radius: 0; right: 0; width: 58px; height: 32px; line-height: 32px; border: none; background-color: #FB6C11; font-size: 20px; font-weight: 700; color: #fff; -webkit-transition: background .2s ease; transition: background .2s ease; } .search-m .button, .search-m .search_bg, .search-m .text { position: absolute; top: 0; outline: none; } .iconfont { font-family: iconfont,sans-serif; font-style: normal; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; } .search-m .button { line-height: 32px; font-size: 14px; font-weight: 700; color: #fff; } .search-m .button, .search-m .search_bg, .search-m .text { position: absolute; top: -2px; outline: none; } .search-m .text { color: #333; background-color: #f4f4f4; } .search-m .search_bg, .search-m .text { left: 0; padding: 2px 44px 2px 17px; width: 425px; height: 26px; border: 1px solid transparent; line-height: 26px; font-size: 12px; margin-top: 3px; } #settleup { position: absolute; right: 200px; top: 25px; z-index: 21; } #hotwords { overflow: hidden; position: absolute; left: 260px; top: 65px; width: 550px; height: 20px; line-height: 20px; } #navitems { overflow: hidden; position: absolute; left: 203px; bottom: 0; height: 40px; padding-top: 20px; } #treasure { position: absolute; right: 0; bottom: 10px; width: 190px; height: 120px; }