@charset "utf-8";
* {margin:0; padding:0;}
html{overflow:auto; overflow-x:hidden;}
body{background:#fff; color:#000; font-family:Arial,"微软雅黑","宋体","lucida Grande",Helvetica,sans-serif; font-size:12px; text-align:center;}
ul{list-style:none;}
dl,ul{overflow:hidden; zoom:1;}
img{border:0;}
a{text-decoration:none; color:#000;}
em{font-style:normal;}
table{border-collapse:collapse; border-spacing:0;}
form{margin:0; padding:0;}
th,tr,td{font-size:12px;}
select,textarea {background:#fff; font-size:12px;}
select{font:normal 12px/20px Arial,sans-serif;}

#outer{width:950px; margin:0 auto; overflow:hidden; position:relative;}

/*codes*/
.code{margin-bottom:-5px; margin-left:7px; padding:0;}

/*====radius======*/
.r1,.r2,.r3{clear:both; font-size:0; height:1px; line-height:0; margin:0 1px; border-style:solid; border-width:0; overflow:hidden;}
.r1{margin:0 3px; border:none;}
.r2{border-left-width:2px; border-right-width:2px;}
.r3{border-left-width:1px; border-right-width:1px;}

/* bottons [[[ */
.btn1,.btn_loged{width:90px; height:24px; line-height:24px; border:none; background:url(../images/btn_orange.gif) no-repeat; color:#fff; font-weight:bold; text-align:center;}
/* bottons ]]] */

/*head*/
#logo{position:absolute; top:0; left:0; font:bold 24px/88px "微软雅黑","黑体",Arial; color:#000;}
.logoImg{azimuth:expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}
#head{width:100%; /*background:url(/App_Themes/images/logo_1.png) no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo_1.png", sizingMethod="crop");*/}
#head .head_nav_box{float:right; width:240px;}
#head .head_nav_box .head_nav{width:238px; height:20px; background:#FFF5EE; padding-top:7px; clear:both; border-left:1px #FFE8C1 solid; border-right:1px #FFE8C1 solid;}
#head .head_nav_box .head_nav span{display:block; float:left; _display:inline; padding:0; margin:0;}
#head .head_nav_box .head_nav a{float:left; padding:0 15px!important; padding:0 14px; color:#000;}
#head .head_nav_box .head_nav a:hover{text-decoration:underline;}
#head .head_nav_box .leftBorder{border-left:1px #b8d1ea solid;}
#head .head_nav_box .r1{width:234px; background:#FFE8C1;}
#head .head_nav_box .r2,.r3{border-color:#FFE8C1; background:#FFF3EA;}
#head .head_nav_box .r2{width:234px;}
#head .head_nav_box .r3{width:236px;}

#head .states{clear:both; margin:5px auto; padding-left:44px;}
#head .states b{color:#f60;}
#head .states a{color:#000; text-decoration:underline;}
#head .states a:hover{color:#f00;}

#head .nav{clear:both; float:left; margin-top:16px; margin-left:244px!important; margin-left:122px;}
#head .nav li{float:left;}
#head .nav li a{display:block; font:bold 14px/25px Arial; padding:3px 16px;}
#head .nav .selected a{border-left:1px #FFA10B solid; border-right:1px #FFA10B solid; background:#FFBC54; color:#fff;}
#head .nav .r1,.r2{width:90px;}
#head .nav .r3{width:92px;}
#head .nav .selected .r1{background:#FFA10B}
#head .nav .selected .r2{border-color:#FFA10B; background:#FFE1BA;}
#head .nav .selected .r3{border-color:#FFA10B; background:#FFD08C;}
#head .nav .unselect a{border-left:1px #D1D1D1 solid; border-right:1px #D1D1D1 solid; color:#444;}
#head .nav .unselect .r1{background:#D1D1D1;}
#head .nav .unselect .r2,.r3{border-color:#D1D1D1;}
#head .nav .tel{position:relative; width:auto; height:25px; margin-left:22px; padding:3px 3px 0 27px; color:#f60; font:italic bold 22px/22px "黑体","宋体",Arial; background:url(../images/microphone.gif) no-repeat left bottom;}
#head .nav .tel b{display:block; width:100%; height:28px; position:absolute; background:url(../images/png_white.png) repeat-x; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../App_Themes/images/png_white.png", sizingMethod="scale");}
#head .nav strong{display:none; *display:block; position:absolute; top:20px; left:28px;}
#head .nav strong.tel_ver{z-index:0; line-height:16px; filter:FlipV; _width:100%;}
#head .nav strong.tel_ver_bg{width:100%; height:28px; z-index:1; background:url(../images/png_white1.png) repeat-x; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../App_Themes/images/png_white1.png", sizingMethod="scale");}

#head .so{clear:both; width:100%;}
#head .so .r1{width:944px; background:#FF8F04; display:none;}
#head .so .r2{width:944px; border-color:#FF8F04; background:#FFCE80; display:none;}
#head .so .r3{width:946px; border-color:#FF8F04; background:#FFC26E; display:none;}
#head .so .content{width:950px; height:68px; background:url(/App_Themes/images/member_head_bg.jpg) no-repeat; position:relative; z-index:2;}
#head .so .content li{float:left; margin:5px;}
#head .so .content .hot{clear:both; height:25px; margin:5px 15px;}
#head .so .content .title{color:#fff; font-weight:bold;}
#head .so .content .hot a{color:#fff;}
#head .so .content .hot a:hover{color:#ff0; text-decoration:underline;}
#head .so .content .soso{clear:both; color:#fff; height:29px; margin:5px 15px;}
#head .so .content .soso li{height:22px; line-height:22px;}
#head .so .content .soso a{display:block;}
#head .so .content .soso .soinput{width:377px; height:13px; padding:3px; border:0;}
#head .so .content .soso .soBtn{width:44px; height:22px; background:url(/App_Themes/images/index01_soBtn.png) no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../App_Themes/images/index01_soBtn.png", sizingMethod="crop");}
#head .so .content .soso .soAdv{color:#fff; font-weight:bold;}
#head .so .content .soso .soAdv:hover{color:#ff0; text-decoration:underline;}
#head .so .content .soso .so1{width:179px; height:23px; background:url(/App_Themes/images/index01_soBtn2.png) no-repeat;  _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../App_Themes/images/index01_soBtn2.png", sizingMethod="crop");}
#head .so .content .soso .topay,.myForm{color:#000; text-indent:22px; line-height:14px; margin-top:5px;}
#head .so .content .soso .topay{background:url(/App_Themes/images/money.gif) no-repeat #fff;}
#head .so .content .soso .myForm{background:url(/App_Themes/images/write.gif) no-repeat #fff;}
#head .so .content .soso .aSet{background:#fff; padding:2px 5px 0;}

/*位置栏*/
.location{clear:both; width:100%; height:14px; line-height:14px; margin:12px 1px; padding-left:18px; background:url(../images/arrow.gif) no-repeat; text-align:left;}
.location a{color:#0070B7;}
.location a:hover{color:#f00; text-decoration:underline;}

/*中间部分*/
#main{clear:both; width:100%; margin:10px 0; overflow:hidden;}
/*==窄的部分==*/
#narrow{float:left; width:211px; text-align:left;}
#narrow .r1{width:205px; background:#FF9607; display:none;}
#narrow .r2{width:205px; border-color:#FF9607; background:#FFC873; display:none;}
#narrow .r3{width:207px; border-color:#FF9607; background:#FFC873; display:none;}
#narrow .title{width:211px; height:20px; background:url(../images/member_menu_bg2.jpg) no-repeat; font:bold 14px/22px Arial!important; font:700 14px/20px Arial; color:#fff; text-align:center; padding:3px 0;}
#narrow .logForm{border:1px #CDCDCD solid; padding:11px 22px; margin-bottom:7px;}
#narrow .logForm li{margin:3px 0; height:auto; line-height:27px;}
#narrow .logForm .logInput{width:103px;}
#narrow .logForm .btn_login{width:66px; height:22px; border:1px #FF710A solid; background:url(../images/index01_bg1_2.gif) repeat-x; color:#fff; margin-left:17px; font-weight:bold;}
#narrow .logForm .reg{color:#999; font-weight:bold;}
#narrow .logForm .reg:hover{color:#f00; text-decoration:underline;}

#narrow .sortList{border:1px #CDCDCD solid; padding:6px 14px;}
#narrow .sortList dt{clear:both; margin:5px 0; font:bold 14px/22px Arial; color:#005BA1;}
#narrow .sortList dd{height:17px; line-height:17px;}
#narrow .sortList dd a{margin:3px 4px;}

#narrow .ad_1{display:block; width:211px; height:64px; margin:8px 0;}

#narrow .conte{border:1px #CDCDCD solid; padding:6px 2px;}
#narrow .conte .items{height:19px; border-bottom:1px #FF9204 solid; margin:5px 0; overflow:hidden;}
#narrow .conte .items li{float:left; margin-left:5px; width:62px; height:19px; line-height:21px; text-align:center; position:relative; *display:inline;}
#narrow .conte .items .selected{padding-bottom:6px; background:url(../images/index01_tab_orange.gif) no-repeat 0 -22px; color:#fff; font-weight:bold;}
#narrow .conte .items .unselect{background:url(../images/index01_tab_orange.gif) no-repeat;}
#narrow .conte .rankList{padding:6px 4px; overflow:hidden;}
#narrow .conte .rankList li{width:197px; height:33px; text-align:left; overflow:hidden; border-top:1px solid #efefef;}
#narrow .conte .rankList li span{display:block; height:33px; line-height:36px; overflow:hidden; word-wrap:break-word; word-break:break-all;}
#narrow .conte .rankList b{display:block; width:14px; height:33px; line-height:33px; text-align:center; color:#5CAADB; float:left; margin-right:5px;}
#narrow .conte .rankList .first{height:46px; padding:8px 0 7px; border-top:1px solid #fff; background:#fff;}
#narrow .conte .rankList .first b{height:46px; line-height:46px;}
#narrow .conte .rankList .first span{height:28px; line-height:14px;}
#narrow .conte .rankList .first em{color:#E42E2F; line-height:18px; font-weight:bold;}
#narrow .conte .rankList .first img{display:block; padding:4px 4px 4px 0; width:50px; height:38px; float:left;}
#narrow .conte .rankList a{color:#000;}
#narrow .conte .rankList a:hover{color:#f00; text-decoration:underline;}

/*==宽的主要部分==*/
.broad{float:right;}
.broad .switch{float:left; width:531px; height:167px; margin-bottom:8px;}
.broad .annoucement{float:left; width:197px; height:164px; margin-left:5px;}
.broad .annoucement .r1{display:block; width:191px; background:#B5CFDC;}
.broad .annoucement .r2{display:block; width:191px; border-color:#B5CFDC; background:#E5F6FF;}
.broad .annoucement .r3{display:block; width:193px; border-color:#B5CFDC; background:#E8F5FE;}
.broad .annoucement dl{height:164px; border:1px #B2D2DD solid; border-width:0 1px 1px; background:url(../images/index01_bg2.gif) repeat-x top; text-align:left;}
.broad .annoucement dt{font:bold 14px/22px Arial,sans-serif; color:#337BAB; margin:0 7px;}
.broad .annoucement dd{margin:9px 15px; text-indent:12px; background:url(../images/arrow_right.gif) no-repeat left center;}
.broad .annoucement dd a{color:#666;}
.broad .annoucement dd a:hover{color:#f00; text-decoration:underline;}

.Product_List_S3{width:100%; overflow:hidden; margin-bottom:-1px;}
.Product_List_S3 li{width:24%; float:left; border-bottom:1px solid #DBDBDB;}
.Product_List_S3 li dl{padding:13px 0 10px; overflow:hidden; background:url(http://www.360buy.com/images/jo_line1.gif) no-repeat right 20px;}
.Product_List_S3 li dt{height:75px; margin-bottom:10px; text-align:center;}
.Product_List_S3 li dt img{width:100px; height:75px; display:inline;}
.Product_List_S3 li dd{padding:0 8px; line-height:18px; text-align:center;}
.Product_List_S3 li .p_Name{height:54px; overflow:hidden; word-wrap:break-word; word-break:break-all;}
.Product_List_S3 li .p_Price{height:18px; overflow:hidden; color:#333;}
.Product_List_S3 li .p_Price em{color:#E42E2F; font-weight:bold;}
.Product_List_S3 li .p_Price img{display:inline; vertical-align:middle;}

.broad .recent{clear:both; margin-top:8px; margin-bottom:6px; width:733px;}
.broad .title{text-align:right; background:url(../images/index01_title_bg2_2.gif) no-repeat right center; line-height:26px;}
.broad .title a{color:#666;}
.broad .title a:hover{color:#f00; text-decoration:underline;}
.broad .title b{display:block; float:left; width:138px; height:26px; color:#fff; text-align:left; text-indent:27px; background:url(../images/index01_title_bg1_2.gif) no-repeat; font-size:14px;}
.broad .recent .conte{border:1px #CDCDCD solid; border-top:none; overflow:hidden;}
.broad .recent .conte .Product_List_S3 dt{position:relative;}
.broad .recent .conte .Product_List_S3 li{border-bottom:0;}
.broad .recent .conte .Product_List_S3 dt div{position:absolute; right:20px; bottom:0px; width:58px; height:16px; border:1px solid #DCDCDB; background:#FC3232; filter:alpha(opacity=80); opacity:0.8; color:#fff; font-weight:bold;}

.broad .recent .conte .Product_List_S2{clear:both; padding:4px 0 0; overflow:hidden; width:100%; border-top:1px solid #E2EBF3; text-align:left;}
.broad .recent .conte .Product_List_S2 li{width:24%; float:left; background:url(http://www.360buy.com/images/jo_line_bg.jpg) repeat-x 0 -338px;}
.broad .recent .conte .Product_List_S2 li dl{padding:14px 5px 0;background:url(http://www.360buy.com/images/jo_line1.gif) no-repeat right -276px;}
.broad .recent .conte .Product_List_S2 li dt{float:left; width:50px; height:40px; padding-right:5px;}
.broad .recent .conte .Product_List_S2 li dt img{width:50px; height:38px;}
.broad .recent .conte .Product_List_S2 li dd{height:20px; line-height:20px; overflow:hidden; word-wrap:break-word; word-break:break-all;}
.broad .recent .conte .Product_List_S2 li dd.p_Name{height:30px; line-height:15px; margin:5px 0 23px;}
.broad .recent .conte .Product_List_S2 em{color:#ff0000;}
.broad .recent .conte .Product_List_S2 li dl.dls{padding-top:0; background:none;}

.broad .col2{clear:both; width:733px; margin-top:8px;}
.broad .col2 .hot{width:362px; float:left;}
.broad .col2 .cuxiao{width:362px; float:left; *float:right; margin-left:9px; *margin-left:auto;}
.broad .col2 .conte{width:360px; border:1px #B4D0DE solid; border-top:none;}
.broad .col2 .conte .Product_List_S3{overflow:hidden;}
.broad .col2 .conte .Product_List_S3 ul{margin-bottom:0;}
.broad .col2 .conte .Product_List_S3 li{width:50%; border:0; background:url(http://www.360buy.com/images/jo_line_bg.jpg) repeat-x 0 -130px;}
.broad .col2 .conte .Product_List_S3 dl{background:none; padding-bottom:5px;}
.broad .col2 .conte .Product_List_S3 dl dt{margin-bottom:15px;}
.broad .col2 .conte .Product_List_S3 dd.p_Price{color:#E42E2F;}

/*下方菜单*/
#tail{clear:both; width:948px!important; width:938px; height:138px; margin-top:7px; border:1px #cdebaf solid;}
#tail .title{clear:both; width:100%; height:5px; font-size:0; background:#f4fdeb;}
#tail .conte{width:100%; padding:5px;}
#tail .conte .menu{float:left; width:auto!important; width:82px; padding:10px 31px!important; padding:10px 27px; margin:11px auto; text-align:left; border-right:1px #e5e5e5 solid; list-style:disc;}
#tail .conte .menu .myAccount,.howtopay,.send,.services,.help{font-weight:bold; padding-left:20px; height:15px; line-height:15px;}
#tail .conte .menu .myAccount{background:url(../images/index_myAccount.gif) no-repeat left;}
#tail .conte .menu .howtopay{background:url(../images/index_howtopay.gif) no-repeat;}
#tail .conte .menu .send{background:url(../images/index_send.gif) no-repeat;}
#tail .conte .menu .services{background:url(../images/index_services.gif) no-repeat;}
#tail .conte .menu .help{background:url(../images/index_help.gif) no-repeat;}
#tail .conte .menu .listline{list-style-type:disc; width:auto!important; width:60px; margin:6px; margin-left:22px;}
#tail .conte .menu a{color:#444;}
#tail .conte .menu a:hover{color:#f00; text-decoration:underline;}
#tail .conte .pic{float:left; width:200px; height:120px; margin-left:16px; overflow:hidden; background:url(../images/index01_tail.gif) no-repeat center center;}

/*脚*/
.nav_bottom{clear:both; width:100%; height:35px; line-height:35px; background:url(../images/nav_bg4_2.gif) repeat-x; margin-top:10px; color:white;}
.nav_bottom a{margin:22px; color:#fff;}

.footer{text-align:center;}
.footer table{margin:10px auto;}
.footer .police1,.police2{width:58px; min-height:58px;}
.footer .police1{padding-right:5px; background:url(../images/police1.gif) no-repeat right center;}
.footer .police2{padding-left:5px; background:url(../images/police2.gif) no-repeat left center;}
.footer td{color:#444; line-height:22px; border:none;}

/*热销排行*/
.right3{clear:both; width:211px; margin-top:8px;}
.right3 .title{width:189px; height:25px; line-height:25px; color:#3787c4; font-size:14px; font-weight:bold; padding-left:22px; background:url(../images/index_bg5.gif) no-repeat; text-align:left;}
.right3 .conte{width:205px; border:1px #FF9607 solid; border-top:none; padding-top:0px; padding-bottom:5px!important; padding-bottom:10px;}
.right3 .conte .no{float:left; width:195px!important; width:165px; border-bottom:1px #b1b1b1 dashed; line-height:20px; padding:2px 0; margin-left:6px;}
.right3 .conte .no .first,.second,.third,.th{float:left; width:20px; height:20px;}
.right3 .conte .no .first{background:url(../images/index_hot1.gif) no-repeat left center;}
.right3 .conte .no .second{background:url(../images/index_hot2.gif) no-repeat left center;}
.right3 .conte .no .third{background:url(../images/index_hot3.gif) no-repeat left center;}
.right3 .conte .no .th{background:url(../images/index_hots.gif) no-repeat left center; color:white; font-weight:bold; text-align:center;}
.right3 .conte .no .top10{float:left; padding-left:6px;}
.right3 .conte .no .up,.down{float:right; width:10px; height:20px;}
.right3 .conte .no .up{background:url(../images/index_up.gif) no-repeat right center;}
.right3 .conte .no .down{background:url(../images/index_down.gif) no-repeat right center;}

/*＝＝＝＝＝2008-12-08 PM Morris第一次完成＝＝＝＝＝＝*/
.btn_orange{width:90px; height:24px; line-height:24px; background:url(../images/btn_orange.gif) no-repeat; color:white; border:none; text-align:center; font-weight:bold;}