@charset "utf-8";
* {word-wrap: break-word;}
table {empty-cells: show; border-collapse: collapse;}
ul li {list-style: none;}
img {border: none;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {margin: 0; padding: 0; border:0;}
.none{ display:none;}
.table_both,.both{clear:both; font-size:0; overflow:hidden;}
.main{margin: 0 auto;}
.table{ float:left;}
.table_zhan{height:100px;}
#diy_sidebar .table{ float:none;}
.box .line{ border-bottom:1px dotted #CCCCCC;}
.other_sidebar{float:left;width:180px; margin-right:10px;}
#diy_head,#diy_sidebar{margin: 0 auto;}
.btnmini{padding:0 10px; line-height:17px;height:24px;}
.btnbig{padding:5px 10px;font-size:14px; height:30px;margin-top:5px; border:0px; width:100px;}
.searchsubmit{ border:0; text-align:center;}
.placeholder{ height:1px; overflow:hidden; font-size:1px;}

/*all*/
body {font-size:12px;font-family:微软雅黑,宋体,Arial;color:#989898;background:url(../images/body_bimg.jpg) 0 0 repeat-x;background-color:#22272A;}
a {color:#989898; text-decoration: none;}
a:hover {text-decoration: none; color:#FDFEFE;}
.mwidth{margin: 0 auto;width:980px;}
#diy_sidebar{float:left;width:200px;}
.other_main{width:790px;float:right;}
.list_main{width:780px;float:left;}

.btnmini,.btnbig{ border:0;overflow:hidden;font-weight:bold;color:#fefefc; background:url(../images/btn_bimg.gif); cursor:pointer}

.bodyinside {background-color:;}
.frame_main{margin: 10px auto;width:980px;padding-top:35px;padding-bottom:20px;}

.pages{ margin-top:10px; padding-top:50px;}
.pages li{ float:left; line-height:20px;border:1px solid #CCC; margin-right:10px; background-color:#FFF;}
.pages li.act{background-color:#000; color:#FFF;padding:0 8px; }
.pages li.act a{ color:#FFF;background-color:#000;padding:0 8px;}
.pages li.act a:hover{background-color:#000;padding:0 8px; }
.pages li a{float:left;padding:0 8px;height:20px;color:#666;}
.pages li a:hover{background-color:#FDFEFE; font-weight:bold; text-decoration:underline;}

#winbox .g a{ padding:8px 20px; line-height:30px;background:url(../images/btn_bimg.gif); color:#FFF; margin-right:20px;}
.content .listimg li strong,.content .listimg li strong a{color:#FDFEFE}

.url_set_value a{color:#FFF;float:right; padding:5px; margin-left:5px;background:url(../images/btn_bimg.gif);color:#FFF;}

.content .prev a{margin-right:20px;color:#FDFEFE;}
.content .labels .current{background:url(../images/btn_bimg.gif);color:#FFF;}
.receiving{font-weight:bold; line-height:26px; background-color:#F6F6F6;color:#FDFEFE;}

.ordertab .trbg td{padding:0; line-height:28px; background-color:#FDFEFE;}
.ordertab tr{ background-color: #FFF;color:#FDFEFE;}
#member_login .cartdb dl a.tc{color:#FDFEFE;}
.content .listtype .typet{background-color:#FDFEFE;}
.showImgad1 .showImg_num li.on{background-color:#FDFEFE;}

.content .listimg li span{color:#989898;}
.content .list li{border-bottom:1px solid #CCC;}
.content .list li em{color:#989898;}
.content .list li span{color:#989898;}
.content .listimg li{border-bottom:1px dotted #CCC;}
.content .list dl dt img{border:1px solid #CCC}
.content .list dl {width:162px; height:152px}
.content .list dl img{width:162px; height:120px}
.member_f dl{border-bottom:1px solid #CCC;}
.content .t,.comment .t{border:1px solid #CCC; background-color: #F7F7F7}
.content .listtype{border:1px solid #CCC;}
.content .listtype .typet{border-bottom:1px solid #CCC;}
/*end all*/

.box .list1{ overflow:hidden;}
.box .list1 li{ background:url(../images/li.png)  no-repeat left center; padding-left:10px;float:left;width:340px; line-height:25px;}
.box .list1 li em{ float:right; font-style: normal; font-size:11px; width:80px;}
.box .list1 li a{ float:left; font-style: normal; font-size:11px;width:240px; overflow:hidden; display:inline-block; height:25px;line-height:25px;}
.box .list2 li{float:left;line-height:1.8em; padding-bottom:3px; margin-bottom:3px; padding-right:5px; text-align:left; overflow:hidden;}
.box .list2 li strong{line-height:2em;}

.box .list3{width:100%;padding:15px 0px 25px;}
.box .list3 li{float:left; padding:0 5px;width:200px;}
.box .list3 li p{width:200px;line-height:25px; text-align:center; overflow:hidden; font-size:12px;}
.box .list3 li img{width:200px; height:145px;}


.box .list4{width:100%;}
.box .list4 li{float:left; padding:5px;}

h1,.f1,h2{font-family:"微软雅黑","宋体",Arial; font-weight:bold;}
h1{font-size:18px;text-align:center}
.f1,h2{font-size:14px;}
h1{font-size:20px; padding:5px 0;}
.f2{font-size:14px; line-height:1.8em;}

.inp{border:1px solid #CCC; padding:3px; border-top-color:#666;border-left-color:#666;background-color:#F6F6F6; line-height:14px;}
.inp:hover{border:1px solid #C00;}

/*menu*/
.menu{ width:670px; height:46px; margin-top:12px;  float:left; }
.menu .menul{}
.menu .menur{}
.menu em{float:left; overflow:hidden; background:url(../images/up/13723189992.gif); width:2px;height:46px;line-height:46px;}
.menu li{float:left; position:relative;}
.menu li a{ float:left; text-align:center; width:82px;height:46px;line-height:46px;color:#FBF7F8;font-weight:bold;}
.menu li a.ac{background:url(../images/up/13723188108.gif);color:#FEFFFF;}
.menu li a:hover{background:url(../images/up/13723188108.gif);color:#FEFFFF;}
.menu li p{ position:absolute;width:130px; left:0; top:46px; background-color:#737b7e; z-index:999; border:1px solid #737b7e; border-left:0;border-top:0;}
.menu li p a{width:129px; font-weight:normal; background-image:none;font-size:12px; height:18px; line-height:1.6em; padding:3px 0;background-color:#737b7e; border:1px solid #737b7e; border-bottom:0; border-right:0;color:#feffff;margin:0;}
.menu li p a:hover{background-image:none;font-weight:bold;color:#feffff;}
/*end menu*/

/*menu_type*/
.menu_type em{float:left;width:164px;overflow:hidden; }
.menu_type li{float:left;width:164px;position:relative;}
.menu_type li a{float:left;text-align:center;width:164px;height:28px;line-height:28px;background:url(../images/up/13723214835.gif);color:#989898;}
.menu_type li a.ac{background:url(../images/up/13723214869.gif);color:#ddd;}
.menu_type li a:hover{background:url(../images/up/13723214869.gif);color:#ddd;}
.menu_type li p{ position:absolute;width:130px;right:-130px;top:0px;background-color:#1d2225; z-index:999; border:1px solid #1d2225; border-left:0;border-top:0;}
.menu_type li p a{width:129px; text-align:center; font-weight:normal; font-size:12px; height:22px; line-height:1.6em; padding:3px 0;background-image:none;background-color:#1d2225; border:1px solid #1d2225;  border-bottom:0; border-right:0;color:#ddd;margin:0;}
.menu_type li p a:hover{background-image:none;font-weight:bold;color:#ddd;}
/*end menu_type*/

#winbox{position: absolute;padding:8px;line-height:180%; overflow:hidden;z-index:999;}
#winbox .bodys{background-color:#FFF;border:1px solid #666;}
#winbox .alpha{position: absolute; width:30000px; height:30000px; top:0; left:0;background-color: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index:-1}
#winbox .t{font-weight:bold; padding:5px; border-bottom:1px solid #CCC; background-color: #F0F0F0}
#winbox .t span{ float:right; padding:0 5px; cursor:pointer; font-weight:normal}
#winbox .c{padding:5px 15px; }
#winbox .g{ margin:15px;text-align:center;}
#winbox .g a:hover{text-decoration:none;}
#winbox .z{padding-bottom:15px; font-family:Verdana, Geneva, sans-serif;}
#winbox .z a{text-decoration: underline; }

.content div.c,.comment div.c,.content ul.c,.comment ul.c{clear:both; margin-bottom:10px;}
.content .t,.comment .t{line-height:30px;font-family:Verdana, Geneva, sans-serif; border-left:0;border-right:0;}
.content .t{text-align:center;}
.content .list li{ line-height:1.6em;padding:5px 0; padding-left:18px;background: url(../images/ico/dot3.gif) no-repeat 0 12px; font-size:14px;}
.content .list li em{padding-left:10px; font-size:12px; font-style: normal;}
.content .list li span{ float:right; font-size:10px; font-family:Verdana, Geneva, sans-serif}
.content .list dl{ float:left;padding:5px; text-align:center; overflow:hidden; margin-left:5px; margin-bottom:5px;}
.content .list dl dd{height:30px; overflow:hidden; line-height:30px;}

.content .listtype{ float:left;margin-left:10px; line-height:30px; margin-bottom:10px;}
.content .listtype .typet{color:#FFF;}
.content .listtype .typet strong{margin-left:10px;}
.content .listtype .typet span{ float:right; margin-right:10px;}
.content .listtype .typet a,.content .listtype .typet a:hover{color:#FFF;}
.content .listtype .typec{ padding:5px 10px;}
.content .listtype .typec .list li{ font-size:12px;}

.content .listimg li{line-height:1.8em; padding-bottom:10px; margin-bottom:10px; }
.content .listimg li strong{padding-left:18px;background: url(../images/ico/dot3.gif) no-repeat 0 3px;font-size:14px; line-height:2em;}

.content .listimg img{border:1px solid #CCC;width:100px;height:80px;}

.content .prev{ padding-top:20px;}

.content .labels{background-color:#F3F3F3; height:35px;}
.content .labels span{ float:left; padding:0 15px; margin:9px 0 0 10px; height:25px; line-height:25px; border:1px solid #CCC; border-bottom:0; background-color:#FFF;overflow:hidden; font-weight:bold; cursor:pointer;}

.content .record{}
.content .record li{height:20px; line-height:20px; padding:5px 0; border-bottom:1px dashed #CCCCCC}
.content .record li span{ float:right;text-align:right;}
.content .record li.m{ border-bottom:1px solid #CCC; font-weight:bold}
.content .record li span.time{ width:300px;}

.down li{ padding-left:20px;background: url(../images/ico/down.gif) no-repeat; line-height:16px; margin-bottom:8px; margin-left:8px;}

.comment{margin-top:10px;}
.comment .t{ padding-left:10px; font-weight:bold;}
.comment .i dl{ margin-bottom:10px; width:100%;float:left;}
.comment .i dl dt{float:left; width:80px; font-weight:bold; text-align:right; padding-right:10px; line-height:25px;}
.comment .i dl dd{float:left; padding-right:10px;}
.comment .list{clear:both}
.comment .list dl{ margin-bottom:10px; line-height:22px;border-top:1px solid #E7E7E7;}
.comment .list dl dt{background-color:#F3F3F3; padding:3px 10px;}
.comment .list dl dd{padding:3px 10px;}

.attribute strong{ font-size:14px;}
.attribute p{padding:13px 0; border-bottom:1px dashed #CCCCCC;}
.attribute .price{ font-size:20px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#C00;}
.attribute .aprice span{ padding:5px 8px; margin:0 5px 0 0; border:1px solid #CCC; cursor:pointer;}
.attribute .aprice span.c{border:1px solid #900; background-color:#C00; color:#FFF;}
.attribute .aprice span:hover{border-color:#900}
.ins{ height:22px; line-height:20px; text-align:center; border:1px solid #E3E3E3; background-color: #F5F5F5; border-top-color: #999; border-left-color:#999;}

.ordertab{ width:100%; padding:0; margin:0;border-bottom:0; border-right:0;}
.ordertab,.ordertab td{ border:1px solid #CCC; line-height:180%}
.ordertab td{ border-top:0; border-left:0; padding:8px; text-align:center;}
.ordertab .trbg{font-weight:bold; color:#FFF;background-color: #F5F5F5;}
.ordertab .left{ text-align:left;}
.ordertab span{ color:#666}

.total{font-size:14px; color:#C00; font-family:Verdana, Geneva, sans-serif}
#aggregate,.aggregate{font-size:16px; font-weight:bold; color:#C00; font-family:Verdana, Geneva, sans-serif}

.buy{ margin:12px 0;}
.inbuy,.incart{margin:0; padding:0; border:0; cursor:pointer; height:37px;line-height:90px;overflow:hidden;}
.inbuy{width:127px; background-image:url(../images/buy.gif); margin-right:5px;}
.incart{width:132px; background-image:url(../images/cart.gif);}

.pinfo{ padding-bottom:10px; line-height:180%}
.pinfo span{ padding-right:20px;}

.url_set_value{clear:both;}
.url_set_value a:hover{color:#FFF}

#imgto{ width:300; height:310px; }
#imgto .big{height:260px;}
#imgto .big img{width:300px; height:250px;}
#imgto .small{height:55px;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;;height:53px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:53px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:270px; position:relative;;height:55px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:55px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:55px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:53px; height:53px;border:1px solid #FFF}
#imgto .small div.imgc ul li.the img {border:1px solid #C00}

.member_f{margin-top:5px;}
.member_f dl{padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}

.release,.release a,.release a:hover{ color:#C00}

.language span{ padding-left:22px;margin-left:12px; background-position:0 0.15em; background-repeat:no-repeat;}

.alls_menu li{background:none;line-height:20px; padding:5px 0; font-size:14px;padding-left:28px; font-weight:bold;background: url(../images/ico/dot3.gif) no-repeat 10px 12px;}
.alls_menu li a{ float:none; background:none;border:0; padding:0; margin:0;}
.alls_menu li a:hover{background:none}

#member_login span{float: left;line-height:1.2em; background:url(../images/dot.gif) no-repeat 0 0.5em; padding:5px 0 5px 15px; margin-left:8px; text-align:left;}
#member_login span.cart{ position:relative;z-index:9999;}
#member_login span.cart_c{background-color:#CCC;}
#member_login span.cart_c a{color: #333;}
#member_login .cartdb{ position:absolute;top:1.5em;border:3px solid #CCC; width:335px; background-color:#FFF; text-align:left; padding:5px; z-index:9999;}
#member_login .cartdb dl{width:325px; line-height:18px; color:#666; height:35px; padding:5px; overflow:hidden;}
#member_login .cartdb dl:hover{ background-color:#F7F7F7}
#member_login .cartdb dl dt{ float:left; width:45px;}.cartdb dl dt img{width:35px; height:35px;}
#member_login .cartdb dl dd{ float:left; width:200px;}
#member_login .cartdb dl dd.p{width:80px; text-align:right;}
#member_login .cartdb dl dd.p strong{font-size:13px; font-family:Verdana, Geneva, sans-serif;color:#C00;}
#member_login .cartdb dl.j{height:14px; line-height:14px; padding:5px; text-align:center; background-color: #F7F7F7}

.globaljs{ width:1px; height:1px; overflow:hidden;}

.service_kefu{ width:120px;position: absolute; z-index:99;}
.service_kefu ul{border:1px solid #CCC; border-bottom:0; border-top:0; padding:5px 0;background:url(../images/ico/kefu_2.gif) repeat-x; background-color:#FFF;}
.service_kefu li{padding-top:8px; text-align:center;font-weight:bold; line-height:14px;}
.service_kefu .tel{background:url(../images/ico/telephone.gif) no-repeat; padding-left:15px; padding-top:2px;}
.service_kefu .kefuh{height:40px;overflow:hidden; text-align:center; line-height:40px; font-size:14px; font-weight:bold; color:#FFF}
.service_kefu .kefub{height:6px; overflow: hidden;background:url(../images/ico/kefu_3.gif) no-repeat; _background-position:2px 0;}

.showImgad1 {overflow:hidden; position:relative;margin:0 auto; }
.showImgad1 .showImg_slider{width:30000px; margin:0; padding:0;}
.showImgad1 .showImg_slider,.showImg_num{position:absolute;}
.showImgad1 .showImg_slider li p{ line-height:25px; text-align:center; float:none}
.showImgad1 .showImg_slider img{display:block;}
.showImgad1 .showImg_num{ right:5px;}
.showImgad1 .showImg_num li{float: left;color: #fff;text-align: center; font-size:11px;line-height: 12px;width: 10px;height: 12px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;background-color: #999; overflow:hidden;margin:3px; padding:2px;font-weight: bold;}
.showImgad1 .showImg_num li.on{color: #fff;}


.small_nav{ width:300px; float:right; text-align:right}
.small_nav a{ padding:10px 20px; line-height:30px;}
#logo{ width:295px;height:128px; float:left;}
#logo{width:295px;height:128px;}
#banner{border:5px solid #898584;width:970px; height:395px; margin:0px auto;}
#diy_bottom{background:#000;margin:0px auto; padding:20px 0px;}
.foot_bottom{  width:984px; margin:10px auto; line-height:25px; }
.foot_bottom span{ padding:0px 15px 0px 0px;}
.bd{margin-top:30px;padding-top:15px;padding-bottom:20px;background:url(images/up/13723232186.jpg) 0 0 repeat-x;background-color:#23282B;}

.content p{ text-indent:2em; line-height:30px; font-size:14px; margin:10px auto;}
.clear{ clear:both;}
.li_fl img{  width:100px; height:80px; float:left; }
.li_fr{ display:inline-block;width:640px; height:100px; overflow:hidden; float:right;}

.form_ask { padding:20px; width:80%; margin:20px 60px;}
.form_ask p{  margin:20px 40px ;}
.form_ask tr{  padding:10px 0px }
.form_ask td{font-weight: bold; padding:5px 10px 5px 0px;}
.form_ask input[type=text], .form_ask select{ border:1px solid #dadada; height:25px; width:180px;line-height:35px;}
.form_ask input.input1{width:100px; }
.form_ask select option{ height:25px;line-height:25px; }
.form_ask  input[type=submit]{ text-align:center;  margin-left:150px; padding:0px 15px;margin-top:15px; border:1px solid #dadada;/*border:1px solid #15517F;*/line-height:30px;}
.form_ask  input:hover,.form_ask select:hover,.form_ask textarea:hover{ border:1px solid #E35D04;resize:none;}

.cpic{float:right;}
.cpic img{ width:400px; }
.list dl span.ly{ padding-right:15px;}
.bp_a a{padding-left:15px;}