@charset "utf-8";
/* CSS Document */

/*#skylin*/
.clearfix:after
{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix
{
  display:inline-block;
}
.clearfix {display:block;}
/*#skylin*/

body{font-size:12px;line-height:22px;font-family:Arial, Verdana, sans-serif;background:#fff; text-align:center; color:#333;}
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd{margin:0;padding:0;}input,select{font-size:12px;line-height:16px; vertical-align:middle}img{border:0;}ul,li{list-style-type:none;}
.color999{ color:#999}
.color666{ color:#666}
.color369{ color:#369}
.color369line,.color369line:hover{ color:#369; text-decoration:underline}
.clear{clear:both;}
.colorgreen{ color:#008000}
.tc{text-align:center;}.tl{text-align:left;}
.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.fb{font-weight:bold;}.fchot{color:#ff0700}.f11{font-size:12px;font-family:tahoma;}
a{color:#333;text-decoration:none;}
/*a:hover {text-decoration:none;}*/
.a_line a{color:#333; text-decoration:underline} 
/*.a_line a:hover{ color:#666}*/
.red_noline,.red_noline:link,.red_noline:visited{ color:#c00; text-decoration:none;}
.c90_noline,.c90_noline:link,.c90_noline:visited{ color:#108232; text-decoration:none;}
.c90_line,.c90_line:link,.c90_line:visited{ color:#108232; text-decoration:underline}
.b_c90a{ color:#333;}
.b_c90a:hover{ color:#108232;}
.f14{ font-size:14px}
h2{ font-size:16px;}
h3 {font-size:1.15em;}h4 {font-size:14px;font-weight:normal;text-align:center;cursor:pointer;overflow:hidden;}h4 a {width:100%;height:100%;display:block;}
.w960{ width:1025px; text-align:left; margin:0 auto;}
.w1025{ width:1025px; text-align:left; margin:0 auto;}
.w1000{ width:1000px; text-align:left; margin:0 auto;margin-bottom: 50px;}
.w1150{ width:1050px; text-align:center; margin:0 auto;padding-left: 16px;}
.w940_p10{ width:940px; padding:0 10px; margin:0 auto; text-align:left;}
.w100{ min-width: 940px; width:expression(document.body.clientWidth< 940?"940px": "auto" ); text-align:center;}
.lh30{ line-height:30px;}
.lh22{ line-height:22px;}
.b_line940{ height:10px; overflow:hidden; border-bottom:1px solid #e0e0e0; margin:0 10px;}
.cldiv{ line-height:1px; height:0px; overflow:hidden; clear:both; font-size:1px;}
.dis {
  DISPLAY: block
}
.undis {
  DISPLAY: none
}
/* top */
.small_nav{ background:url(../images/top_bj.jpg); height:30px;}
.small_nav span{ float:right;}
.logo_boxframe{ background:url(../images/lo_bj.jpg) repeat-x;}
.logo_box{ background:url(../images/logo_boxbj.jpg) right top no-repeat; height:79px; overflow:hidden; padding-top:9px;}
.main_navframe{ background-color: #e7a300; text-align:center;}
.main_nav{ height:42px;text-align: center;}
.main_nav ul{ padding:0 0 0 0;margin: 0 auto; text-align: center;list-style-type:none;display:inherit;position:relative; left:50%; float:left;}
.main_nav li{ Z-INDEX: 1; float:left; position:relative; display:inherit; height:100%;margin: 0 auto; text-align: center; right:50%;}
#home a{
  border: 0;
  padding-left:0px;    
  display: block;
  height: 30px;
}

.main_nav li a{       
    padding: 0 17px;
    -right: 3px;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    border-left: 1px solid #dbdbdb;
    line-height: 40px;
    font-family: '微软雅黑';
}

.header_middle{
  width: 1025px;margin:0 auto;
}

.header_middle ul{
  float: right;
}

.header_middle ul li{
  float: left;
  line-height: 31px;
  font-family: '微软雅黑';
}

.header_middle ul li img{
  vertical-align: middle;
    margin-right: 5px;
}
.header_middle ul li span{padding:0 13px;color: #dbdbdb;}


.header_middle ul li a{ 
  color: #dbdbdb;
}

.info{
    float: right;
}

.head_title{
    height: 86px;
}

.head_img{
    width: 1025px;margin:0 auto;text-align: left;padding-top: 16px;
}

.coupons_p{
    background-color: #f1ffea; float: right; margin-top: 9px;
}

.coupons_a{
    font-size: 12px; padding: 1px 8px;border: 1px dashed #108232;color: #888;
}

.img_l{
    float: left;
}

.cart{
    float: left;
    margin-right: 30px;
}

.cart_r{
    float: right;
}

.right_b{
    z-index: 9999; position: fixed; top: 33%;cursor: pointer;height: 30%;
}

#cart_items{
    width: 20px;height: 20px;background-color: #c6c800;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left: 10px;
}

#itemcart{
    color: #108232;
}

.info p a{
    color: #888;
    font-size: 14px;
    padding-top: 3px;
    float: left;
}

.info p img{
  float: left;
  margin-right: 3px;
}

.right_nav{
  width: 40px;
    background-color: #333;
    z-index: 999;
    position: fixed;
    right: 0;
    height: 100%;
}

.right_nav p{
  color: #fff;
}

.right_nav span{    
  width: 30px;
    height: 1px;
    display: block;
    background-color: #888;
    margin-left: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.header_top{
  height: 31px;
  border: 1px solid #dbdbdb;
}

#home a:hover{text-decoration:none; color:#fff;font-weight:bold;}

.main_nav a:hover{ text-decoration:none; color:#333;font-weight:bold;}


.main_nav .hover{ color:#333}

LI A.go { DISPLAY: inline-block; Z-INDEX: 300; }

.main_nav LI BLOCKQUOTE {
  DISPLAY: none; 
  Z-INDEX: 201; 
  LEFT: -41px; 
  POSITION: absolute; TOP: 28px;*top:38px; HEIGHT: auto;
  border-bottom: 1px solid #e7a300;border-right: 1px solid #e7a300;border-left: 1px solid #e7a300;
}

.main_nav LI BLOCKQUOTE .ChildNavIn { 
  padding:5px 5px 10px 17px; 
  overflow:hidden;BACKGROUND:  #fff9eb; 
  WIDTH: 189px; COLOR: #dee6e9;  TEXT-ALIGN: left;
}
.main_nav LI BLOCKQUOTE .ChildNavIn A { 
  padding:0px 1px;
  DISPLAY: block;
  WIDTH:175px; 
  COLOR: #333; 
  LINE-HEIGHT: 33px; 
  TEXT-ALIGN: left; 
  background-image:none; 
  border-bottom:#fec202 solid 1px;
  height:33px; 
  overflow:hidden;    
  border-left: 0;
  font-size: 12px;
}

div.header{
  width:100%;
  height:30px;
}
div.header ul.sn_container{
  width:1000px;
  height:30px;
  line-height:30px;
  margin:0 auto;
  background:red;
}
div.header ul.sn_container li{
  float:left;
  margin-right:6px;
}
/*    flash上传组件样式 开始     */
.uploadimg{ display:block;float:left;width:20px;height:20px;background:url(../images/load.gif) no-repeat;}
.uploadswf{ display:block;float:left;width:20px;height:20px;background:url(../images/uploadswf.gif) no-repeat;}
.uploadaccessory{ display:block;float:left;height:17px; background:url(../images/hxz2.png) no-repeat;padding-left:24px;margin-right: 5px;cursor: pointer;position: relative;color:#108232}
.upload{float:left;margin-top:2px;}
.uploadop{float:left;}
.progressbar{padding-left:0px;clear:both;border:1px solid #990000;height:5px;width:100px;font-size: 0px;line-height: 0px;}
.progressbar p{padding-left:0px;background:#FFCC00;height:5px;width:100px;font-size: 0px;line-height: 0px;}
.uploaddown{float:left;font-size:12px;margin:0px;padding:0px;margin-top: 2px;margin-right:10px;position: relative;cursor: pointer;height:22px;text-decoration: underline;}
.uploadpreview{
  position: absolute;
  z-index: 3;
  left: 24px;
  top: 22px;
  border: 1px solid #cccccc;
  background:#ffffff;
  padding: 5px;
  
}
.uploadpreview1{
  position: absolute;
  left: 0px;
  top: 18px;
  border: 1px solid #cccccc;
  background:#ffffff;
  padding: 5px;
  
}
/*#attachment .reupload,#attachment1 .reupload,.attachment .upload{ background:url(../images/hxz.png) no-repeat; padding-left:20px; color:#369;}*/
#attachment .swf,#attachment1 .swf,.attachment .swf{ float:left;overflow:hidden;width:98px; height:27px; line-height:27px; text-align:center; padding-left:0px;}
.attachment {display: inline-block;}
#attachment .uploadswf,#attachment1 .uploadswf,.attachment .uploadswf{ background: url(../images/hxz.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 13px;
    width: 13px;}
#attachment .upload,.attachment .upload{ clear:both;}
#attachment .update_cancel,.attachment .update_cancel{ padding-right:4px}
#attachment .update_addattachment,.attachment .update_addattachment{ padding-left:4px; border-left:1px solid #000;}
#attachment a,#attachment1 a,attachment a,#attachment1 a{ color:#369}
#attachment a.uploadfilename,#attachment1 a.uploadfilename,.attachment1 a.uploadfilename{color:#108232}
/*    flash上传组件样式 结束     */


/* footer */

.footerframe{ background:url(../images/ft_bj.jpg) repeat-x #fff; padding:9px 0 0px; overflow:hidden; text-align:center}
.footer{ text-align:center; background:url(../images/ft_top.jpg) no-repeat; padding:10px;}
.footer a{ color:#108232}


/* cart */
.cart_dw{position:fixed; top:0; left:0;z-index:4000; width:100%;_position: absolute;_top: expression(documentElement.scrollTop+body.scrollTop);background-image:url(about:blank);
background-attachment:fixed; height:0px;}
.w960h{ max-width:960px; width:expression(document.body.clientWidth> 960?"960px": "auto" );text-align:left; margin:0 auto;}
.cart_wrapper{ float:right; line-height:22px;}
.small_cart{width:177px;float:right; padding:5px 5px 4px 60px; overflow:hidden}
.small_cart p { float:right;text-align: right;}
.small_cart .cart_button{ float:right;background:url(../images/cart_subbj.png) no-repeat; width:99px; height:20px; border:none; cursor:pointer;}
.wz_cart{background:url(../images/cart_bot.png) left bottom no-repeat; width:356px; float:right; padding-bottom:10px; overflow:hidden}
.wz_carttop{width:287px;padding:5px 5px 5px 64px; overflow:hidden}
.wz_carttop p span{ float:right}
.wz_carttop .cart_button{ float:right;background:url(../images/cart_subbj.png) no-repeat; width:99px; height:20px; border:none; cursor:pointer;}
.wz_cartmx{background:url(../images/cart_bj2.png); padding:5px 10px 5px 15px;}
.wzgdt{max-height:300px;height:expression(this.offsetHeight> 300?"300px": "auto" ); overflow-y:auto; padding-right:5px;}
.wz_cartmx .wz_mxsingle{background:url(../images/cart_xx.png) left bottom repeat-x; margin-bottom:15px; padding-bottom:5px; line-height:24px; }
.wz_mxsingle .ger_file{background:url(../images/015.gif) left center no-repeat; padding-left:23px;}
.ger_file span{ margin-left:10px; color:#369;}
.wz_mxsingle .op{position: relative;}
.wz_mxsingle .op a{background:url(../images/del.png) no-repeat; width:10px; height:10px; display:block; text-indent:20px; cursor:pointer; position:absolute;right:0px;bottom:8px; overflow:hidden;}
/*-- #wxl --*/
.dclear{ height:0px; clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:0px; line-height:0px; background-color:#FF0000; overflow:hidden; }
.dhidden{ width:1px; height:1px; left:0px; top:0px; overflow:hidden; display:none; position:absolute; visibility:hidden; }
.FRed1{color:#FF0000;}

.alertMessage{ margin:2px 0px 0px 8px; padding:9px 10px 9px 10px; border:1px #DFC590 solid; background-color:#FFFFFF; line-height:32px; }
.alertMessageRed{ color:#FF0000; font-weight:700; }

.TitleA{ font-size:24px; line-height:64px; }
.order_op p{font-family:'微软雅黑';margin: 0px 15px;}
.order_op{ text-align: right;}
.tableA{ font-size:12px;width:100%; background-color:#CCCCCC; }
.tableA_Title{ line-height:36px; }
.tableA_TitleA{ background-color:#E9F1F8; border-top:1px #FFFFFF solid; text-align:center; }
.tableA_TitleB{}
.tableA_TitleC{}
.tableA_TitleA{}
.tableA_Cell{ line-height:36px; }
.tableA_CellA{ background-color:#FFFFFF; text-align:center; }
.tableA_CellB{}
.tableA_CellC{}
.tableA_CellA{}

.panelReply{}
.panelReply_Box{ background-color:#FFFCF5; border:1px #F2E6C6 solid; }
.panelReply_Box0{}
.panelReply_Box1{}
.panelReply_Box2{}
.panelReply_Box1{}
.panelReply_Cell{}
.panelReply_Cell0{}
.panelReply_Cell1{ padding:12px 12px 12px 12px; }
.panelReply_Cell2{}
.panelReply_Cell2 .A{ float:left; font-weight:700; color:#CB9A00; }
.panelReply_Cell2 .B{ float:right; color:#999999; }
.panelReply_Cell3{ clear:both; padding:6px 0px 6px 0px; }
.panelReply_Cell4{}
.panelReply_Cell4 .Image{ margin:12px 0px 0px 12px; padding:3px 3px 3px 3px; background-color:#FFFFFF; border:1px #CCCCCC solid; cursor:pointer; }
.panelReply_Cell1{}
.panelReply_Reply{}
.panelReply_Reply0{}
.panelReply_Reply1{ margin:12px 12px 12px 12px; padding:12px 12px 12px 12px;  }
.panelReply_Reply2{}
.panelReply_Reply2 .A{ float:left; font-weight:700; color:#CB9A00; }
.panelReply_Reply3{ clear:both; }
.panelReply_Reply3 .ATable{}
.panelReply_Reply3 .A{ padding:6px 10px 6px 0px; font-weight:700;font-size: 12px; }
.panelReply_Reply3 .B{ padding:6px 0px 6px 0px; }
.panelReply_Reply3 .C{}
.panelReply_Reply3 .TextboxBox{ border:1px solid #e6e6e6; background-color:#f6f6f6; display:inline-block; zoom:1; overflow:hidden; }
.panelReply_Reply3 .Textbox{ width:420px; height:120px; border:4px solid #f6f6f6;resize: none; }
.panelReply_Reply3 .SubmitButton{ background:url(../user_images/user_button.jpg); width:136px; height:31px; margin-top:10px; border:none; color:#c60; cursor:pointer; font-weight:bold; font-size:14px; text-align:center; }
.panelReply_Reply1{}
.panelReply_0{}
.panelReply_1{}
.panelReply_2{}
.panelReply_1{}

/*-- #wxl --*/

/*#skylin*/
.wzgdt .Part{

}
.wzgdt .Part .Title{
  border-bottom: 1px solid #CCCCCC;
  font-size: 15px;
  line-height: 25px;
  color: #666666;
  font-weight: bold;
}
.wzgdt .Part .Content{
  line-height: 25px;
}
.wzgdt .Part .Content .Item{
  float: left;
}
.wzgdt .Part .Content .Price{
  float: right;
}
/*#skylin*/

.Error{
  color:#F00;
margin-left: 10px;
}

.Success{
  color:#090;
margin-left: 10px;
}

.processinfo{
  border: 1px solid #CCCCCC;
}
.processinfo p{
  height: 35px;
  line-height: 35px;
  margin: 2px 2px;
}
.processinfo p.grey{
  background: #F8F8F8;
}
.processinfo p .text{
  padding-left: 12px;
}
.processinfo p .gou{
  margin-left: 1px;
}
.processinfo p .time{
  color:#999999;
  margin-left: 10px;
}

.verifying_error{
   color:red;
}
.verifying_load{
   color:#108232;
   padding:5px 0px 5px 20px;
   height:25px;
   display:inline;
   background:url("../images/043.gif") no-repeat left center;
}
.verifying_ok{
   color:#108232;
   padding-left:20px;
   background:url("../images/succ.png") no-repeat left center;
}
.box_hid{
   opacity: 0;
   -moz-opacity: 0;
   filter:alpha(opacity=0);

}
.cc_box,.bc_box{
   border:none;
   _border:0px;
   padding:0px;
   margin:0px;
}
/*.label_box{
   border:1px solid red;
   display:inline-block;
   height:11px;
   width:11px;
}*/
.remove_box{
   overflow:hidden;
   text-align:center;
}
.order_remove{
   cursor:pointer;
   display:inline-block;
   width:20px;
   height:20px;
   background:url("../images/remove.png") no-repeat center center;
   vertical-align:middle;
}
.noremove{
   cursor:default;
   opacity: 0;
   -moz-opacity: 0;
   filter:alpha(opacity=0);
}
.newtitle{
   position:absolute;
   top:-10px;
   right:0px;
   height:28px;
   width:28px;
   z-index:10;
   background-color:transparent;
   /*background:url("../images/news.png") center center no-repeat;*/
}

.hottitle{
   position:absolute;
   top:-10px;
   right:0px;
   height:28px;
   width:28px;
   z-index:10;
   background-color:transparent;
   /*background:url("../images/HOT.png") center center no-repeat;*/
}
/*.order_remove:hover{
   opacity: 0.8;
   -moz-opacity: 0.8;
   filter:alpha(opacity=80);
}*/
.SHFeeList{
   display:block;
   overflow:hidden;
}
.PartSHFee {
  overflow:hidden;
  height:30px;
  min-width:120px;
  _width:140px;
  display:inline;
  float:left;
  text-align:left;
  margin-right:10px;
}
.PartSHFeeTitle {
  overflow:hidden;
  display:inline;
  float:left;
  text-align:left;
  width:110px;
  font-weight:bold;
}
.PartSHFeeList {
  overflow:hidden;
  display:inline;
  float:left;
  text-align:left;
  width:450px;
}
.PartSHFee input{
   vertical-align:middle;
   padding:0px;
   margin:0px;
}


.wzgdt .pool-minicart-sec{

}
.wzgdt .pool-minicart-sec .Title{
    border-bottom: 1px solid #CCCCCC;
    font-size: 15px;
    line-height: 25px;
    color: #666666;
    font-weight: bold;
}

.wz_cartmx .wz_pool_minicartitem{
    background:url(../images/cart_xx.png) left bottom repeat-x;
    margin-bottom:15px;
    padding-bottom:5px;
    line-height:24px;
}
.wz_pool_minicartitem .ger_file{
    background:url(../images/015.gif) left center no-repeat;
    padding-left:23px;
}

.wz_pool_minicartitem .op{
    position: relative;
}
.wz_pool_minicartitem .op a{
    background:url(../images/del.png) no-repeat;
    width:10px; height:10px; display:block;
    text-indent:20px; cursor:pointer;
    position:absolute;right:0px;bottom:8px; overflow:hidden;
}


#bimg img{
  width: 100%;
}

.banner_l{
    position: absolute;
    left: 0;
    top: 40px;
    font-family: '微软雅黑';
    cursor: pointer;
}

.banner_m{
    position: absolute;
    top: 15px; 
    left: 565px;
}

.banner_r{
    position: absolute;
    right: 0;
    text-align: left;
    cursor: pointer;
}

.nav_l li{
    width: 178px;
    height: 44px;
    margin-bottom: 5px;
    background-color: #333;
}

.nav_l{
  float: left;
}

.nav_l li span{    
    font-size: 15px;    
    line-height: 44px; 
    display: block;
    float: left;
    color: #fff;
}

.nav_l li img{
    width: 22px;
    height: 22px;
    margin: 11px 10px 11px 15px;
    float: left;
}

#backcolor{
    background-color: #fff;
    margin-right: -1px;
    position: relative;
    border-top: 1px solid #108232;
    border-left: 1px solid #108232;
    border-bottom: 1px solid #108232;
    
}
#backcolor span{
  color: #333;
}

.nav_r{
    width: 345px;
    height: 175px;
    border: 1px solid #108232;
    float: left;
    background-color: #fff;
    text-align: left;
    padding: 16px 0 0 16px;
}

.inch{
    float: left;
    width: 260px;
}

.inch li{
    float: left;
    margin-right: 10px;
    width: 120px;
}

.inch span{
    color: #888;
}

.inch strong{
    color: #ff871f;
    font-size: 16px;
    font-family: Arial;
}

.more{
    color: #ff871f;
    float: right;
    padding-top: 65px;
    padding-right: 15px;
    font-family: '微软雅黑';
}

.more1{
    color: #ff871f;
    float: right;
    padding-top: 33px;
    padding-right: 10px;
    font-family: '微软雅黑';
}

.inch1{
    line-height: 15px;
}

.inch1 span{
    color: #888;
}

.inch1 strong{
    color: #ff871f;
    font-size: 17px;
    font-family: Arial;
}

.b_dr{
    width: 187px;
    height: 121px;
    margin:5px 0; 
    filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    -khtml-opacity: 0.9;  
    opacity: 0.9;  
    background-color:#fff;
    padding-left: 10px;
    padding-top:10px;
}

.b_dr img{padding-left: 40px;}

#ulist {
    width: 1025px;
    margin: 0 auto;
    text-align: left;
    font-family: '微软雅黑';
}

.title_list{
    font-size: 16px;
    color: #f3b526;
    /*font-weight: bold;*/
    margin-top:13px;
}

.border_m{
    border-bottom: 1px solid #e1e1e1;
    height: 131px;
}

#ulist li{    
    float: left;
    width: 246px;
    height: 90px;
    border: 1px solid #f3b526;
    margin: 20px 11px 0 0;
}

#ulist li a span{    
    color: #afafaf;
}

#icon{
    display: inline-block;
    float: left;
    margin: 20px 10px 20px 0px;
}

.wrapper1{
    background: #f1f4f4;
    padding-top: 20px;
    font-family: '微软雅黑';
}

.img_b{
    height: 185px;
    background: #fff;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}

.img_m{
    width: 1025px;
    margin:0 auto;
}

.img_m li{
    float: left;
    width: 225px;
    margin: 30px 0 28px 15px;
    padding-right: 15px;
    border-right: 1px solid #dbdbdb;
}

.box-middle{
    width: 1025px;
    text-align: left;
    margin: 0 auto;
}

.top{
  height: 322px;
  background: #fff;
}

.p_s{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #333;
}

.p_t{
    font-size: 12px;
    color: #afafaf;
    line-height: 16px;
}


.footer_a{
  border-top: 1px solid #e1e1e1;
}

.footer_m{
  width: 1025px;
  margin: 0 auto;
  text-align: left;
}

.ul_l{
  padding-top: 30px;
  padding-bottom:30px;
  height: 207px;
  float: left;
}

.ul_l li{
    float: left;
}

.capa{
  padding-top: 13px;
  padding-bottom:20px;
  height: 110px;
}

.capa a{
    color: #888;
}

.footer_m li{
  width: 200px;
  text-align:left;
}


.footer_m strong{
    line-height: 14px;
    font-size: 14px;
}


.footer_b{
  padding-top: 30px;padding-bottom: 30px;
  width: 1025px;
  margin: 0 auto;
  color: #888;
  border-top: 1px solid #e1e1e1;
}

.ul_lm{
    margin-top: 10px;
    height: 26px;
}

.ul_lm img{
   margin-right: 2px;
}

.infor{
  float: right;
  width: 220px;
  margin-top: 17px;
}



.m_input input{
  width: 204px;
}



#button{
  width: 120px;
  height: 28px;
  border-radius: 3px;
  background-color: #e7a300;
  border:none;
  font-family: '微软雅黑';
  color: #fff;
  margin-top: 10px;
}



/*pcb*/
.header_middle_pcb{
  width: 1025px;margin:0 auto;
}

.header_middle_pcb ul{
  float: right;
}

.header_middle_pcb ul li{
  float: left;
  line-height: 30px;
  font-family: '微软雅黑';
}

.header_middle_pcb ul li img{
  vertical-align: middle;
    margin-right: 5px;
}
.header_middle_pcb ul li span{padding:0 13px;color: #afafaf;}


.header_middle_pcb ul li a{ 
  color: #afafaf;
  font-size:13px;
}

.header_top_pcb{
  height: 30px;
  background-color: #dfdfdf;  
}

#home_pcb{background-color: #38403e;}

.main_navframe_pcb{ background-color: #108232; text-align:center;}
.w1150_pcb{ width:1030px; text-align:center; margin:0 auto;}
.main_nav_pcb li a{       
    padding: 0 17px;
    -right: 3px;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    font-family: '微软雅黑';
}
.main_nav_pcb{ height:40px;text-align: center;}
.main_nav_pcb ul{
    padding:0 0 0 0;
    margin: 0 auto;
    text-align: center;
    list-style-type:none;
    display:inherit;
    /*position:relative;*/
    left:0%;
    float:left;
    width: 100%;
}
.main_nav_pcb li{
    Z-INDEX: 1;
    float:left;
    position:relative;
    display:inline;
    height:100%;
    margin: 0 auto;
    text-align: center;
    /*right:50%;*/
}

.main_nav_pcb li:hover{background-color:#38403e;}

/*.main_nav_pcb .hover{ color:#333}*/

.main_nav_pcb LI BLOCKQUOTE {
    DISPLAY: none; 
    Z-INDEX: 201;
    LEFT: -40px;
    POSITION: absolute;
    TOP: 28px;
    HEIGHT: auto;
    border-bottom: 1px solid #38403e;
    border-right: 1px solid #38403e;
    border-left: 1px solid #38403e;
}

.main_nav_pcb LI BLOCKQUOTE .ChildNavIn { 
  padding:5px 5px 10px 17px; 
  overflow:hidden;
  BACKGROUND: #fff; 
  WIDTH: 189px; 
  COLOR: #dee6e9;  
  TEXT-ALIGN: left;
}
.main_nav_pcb LI BLOCKQUOTE .ChildNavIn A { 
  padding:0px 1px;
  DISPLAY: block;
  WIDTH:175px; 
  COLOR: #38403e; 
  LINE-HEIGHT: 33px; 
  TEXT-ALIGN: left; 
  background-image:none; 
  border-bottom:#dfdfdf solid 1px;
  height:33px; 
  overflow:hidden;    
  border-left: 0;
  font-size: 12px;
}

#ulist_pcb {
    width: 1025px;
    margin: 0 auto;
    text-align: left;
    font-family: '微软雅黑';
}

#ulist_pcb li{    
    float: left;
    width: 246px;
    height: 90px;
    margin: 15px 11px 0 0;
}

#ulist_pcb li a span{    
    color: #afafaf;
}

.title_listpcb{
    font-size: 16px;
    font-weight: bold;
    margin-top:19px;
}
.track_submit_pcb{
  background: url(../images/search-icon.png) no-repeat;
    position: relative;
    left: 5px;
    border: 0;
    width: 16px;
    top: -27px;
}
.track_search_pcb input[type="text"]{ 
  font-size: 13px;
    display: inline;
    width: 120px;
    height: 25px;
    line-height: 25px;
    margin: 5px 0;
    font-family: '微软雅黑';
    color: #333;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding-left: 25px;
}

.c_news .title_pcb{
    font-size: 14px;
    font-weight: bold;
    color: #888;    
    width: 125px;
    float: left;
}

.title_span{
    border-bottom: 2px solid #108232;
    display: inline-block;
    width: 95px;
    padding-top: 4px;
}

.red_nolinepcb{ color:#108232; text-decoration:none;}

.content_boxpcb{
    overflow: hidden; 
    margin-top: 20px;
    height: auto;
    background: #fff;
    border-top: 2px solid #108232;
}

.capa_pcb a{
    color: #afafaf;
}

.capa_pcb{
  padding-top: 13px;
  padding-bottom:20px;
  height: 110px;
}

.footer_mpcb li{
  width: 200px;
  text-align:left;
}


.footer_mpcb strong{
    line-height: 14px;
    font-size: 14px;
    color: #888;
}

.footer_mpcb{
  width: 1025px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

.footer_apcb{
    background-color: #333;
    height: 275px;
}


#button_pcb{
    width: 120px;
    height: 28px;
    border-radius: 3px;
    background-color: #c6c800;
    border: none;
    font-family: '微软雅黑';
    color: #fff;
    font-size: 13px;
    line-height: 2px;
}

.footer_bpcb{
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    color: #afafaf;
    background-color: #fff;
}


.footer_bpcb a{
    color: #afafaf;
}



#lastest_pcb li{
  line-height: 22px;
}

#lastest_pcb span{
    display: inline-block;
    line-height: 22px;
}

.top_pcb{
  height: 335px;
  background: #fff;
}

.news_ul li{
  line-height: 23px;
}

.nav_l_pcb li{
    width: 176px;
    height: 42px;
    margin-bottom: 10px;
    background-color: #108232;
    opacity:0.75;
    margin-right: 10px;
    border: 1px solid #fff;
}

.nav_l_pcb{
  float: left;
}

.nav_l_pcb li span{    
    font-size: 15px;    
    line-height: 42px; 
    display: block;
    float: left;
    color: #fff;
}

.nav_l_pcb li img{
    width: 22px;
    height: 22px;
    margin: 10px 10px 10px 15px;
    float: left;
}

.nav_r_pcb{
    width: 345px;
    height: 191px;
    float: left;
    text-align: left;
    padding: 15px 0 0 20px;
    opacity:0.75;
    background-color: #fff;
}

#backcolor_pcb{
    background-color: #fff;
    margin-right: -1px;
    position: relative;
    
}
#backcolor_pcb span{
  color: #333;
  font-weight: bold;
}


.banner_lpcb{
    position: absolute;
    left: 0;
    top: 80px;
    font-family: '微软雅黑';
    cursor: pointer;
    padding-left: 10px;
}


.b_dr_pcb{
    width: 200px;
    height: 135px;
    margin:20px 0 30px 0; 
    filter:alpha(opacity=85);  
    -moz-opacity:0.85;  
    -khtml-opacity: 0.85;  
    opacity: 0.85;  
    background-color:#fff;
    padding-left: 10px;
    padding-top:10px;
    margin-right: 10px;
}

.b_dr_pcb img{/*padding-left: 40px;*/}

.more_pcb{
    color: #ff871f;
    float: right;
    padding-top: 50px;
    padding-right: 10px;
    font-family: '微软雅黑';
}

.b_dr_back{
    width: 230px;
    height: 165px;
    opacity: 0.2;
    position: absolute;
    top: 10px;
    right: 0;
    background-color: #fff;
}

.b_dr2_back{
    width: 230px;
    height: 165px;
    opacity: 0.2;
    position: absolute;
    top: 185px;
    right: 0;
    background-color: #fff;
}

.inch_pcb{
    float: left;
    width: 250px;
}

.inch_pcb li{
    float: left;
    margin-right: 10px;
    width: 110px;
}

.inch_pcb span{
    color: #000;
}

.inch_pcb strong{
    color: #ff871f;
    font-size: 17px;
    font-family: Arial;
}

.date_pcb{
    font-size: 14px;margin-bottom: 10px;color: #afafaf;    
}

.date_pcb span{
    margin-right: 28px;  
}


.scroll_t{
    padding-top: 15px;
    border-top:1px solid #dbdbdb;
    margin-bottom: 8px;
    height: 25px;
}

.scroll_t span{
    margin-right: 27px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #afafaf;

}

.myscroll {width: 315px; height: 176px; line-height: 22px;overflow: hidden;}

::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #afafaf !important;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #afafaf !important;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #afafaf !important;
} 

:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #afafaf !important;
}

.infor input{
  border-radius: 3px;
  border:1px solid #dbdbdb;
  height: 25px;
  color: #333;
  padding-left: 7px;
  margin-bottom: 7px;

}



.desc{
    height: 40px;
    width: 207px;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    margin-bottom: 7px;
    color: #333;
    font-family: Arial;
    font-size: 12px;
}




/*special css*/
.header_spe{
    width: 1025px;
}

.location{
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #686a6a;
}

.location a{color: #686a6a;}

.location span{color: #686a6a;}

/*.yellow_noline{color: #d19f2a;font-size: 14px;}*/

.quote{    
    border: 1px solid #dfdfdf;
    /*margin-top: 20px;*/
    padding: 20px;
  }

  .tab span{
      color: #c6c800;
      padding-left: 10px;  
  }

.table1 strong{
     color: #686a6a;
}

.table_box{
      background-color: #eff2f1;
    border: 1px solid #dfdfdf;
    width: 1025px;
    font-size: 14px;
}


    .table_box h3{ font-size:18px}
    .table_title{ padding:20px; line-height:30px;}

    .table1{
        background:transparent; 
        line-height:30px; 
        color:#000; 
        font-size:14px;
     
        background-color: #eff2f1;
        /*border-collapse:collapse;//很重要*/
    }

    .img_magin img{ margin-right:20px;}

    .scroll_wrapper{ height:31px; overflow:hidden;}
    .scroll_wrapper .content{ height:50px; text-align:center; line-height:50px; text-align:left; padding:0 5px;}
    .scroll_wrapper .scroll_box{ height:40px; background:#ccc; position:relative}

    .floatdivbox,.floatdivbox2,.floatdivbox3,.floatdivbox4,.floatdivbox5{ overflow:hidden; width:100%;}

    .floatdivbox table,.floatdivbox2 table,.floatdivbox3 table,.floatdivbox4 table,.floatdivbox5 table{ background:#ccc;}
    .floatdivbox table td,.floatdivbox2 table td,.floatdivbox3 table td,.floatdivbox4 table td,.floatdivbox5 table td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:0;}
    .floatdivbox table .no_fborder td,.floatdivbox2 table .no_fborder td,.floatdivbox3 table .no_fborder td,.floatdivbox4 table .no_fborder td,.floatdivbox5 table .no_fborder td{ border-bottom:none;}
    .floatdivbox table .no_fborder,.floatdivbox2 table .no_fborder,.floatdivbox3 table .no_fborder,.floatdivbox4 table .no_fborder,.floatdivbox5 table .no_fborder{ border-bottom:none;}
    .go_quote{ text-align:center; padding:10px;}
    .go_quote a{ width:196px; height:45px; line-height:45px; background:url(../reg_images/user_button.jpg); color:#FFF; text-align:center; display:block; margin:0 auto}

    .floatdivbox
    {
        margin-top:1px;
    }

    #no1,#no2,#no3,#no4,#no5,#no6,#no7{display:none;overflow:hidden; text-align:left;font-size: 13px;}
    #no6{ height:500px; overflow-y:auto;}

    .no1_span{

        display: inline-block;

        padding-right: 28px;
    }
    .hei60 div{ height:60px; overflow:hidden; line-height:60px;}
    .hei90 div{ height:90px; padding:0; overflow:hidden; line-height:90px}
    .fex{ height:32px; position:fixed; top:0; left:0;text-align:center; z-index:2; width:100%;_position: absolute;_top: expression(documentElement.scrollTop+body.scrollTop);background-image:url(about:blank);
        background-attachment:fixed;}
    .floatdivbox3 table td{ line-height:30px; height:30px; border-bottom:none}
    .border_right{ border-right:none;}
    #pdiv{background:url(../reg_images/sroll_bj.jpg) left center repeat-x;}
    #div1{overflow:hidden;width:60px;height:20px; text-indent:60px; line-height:20px;background:url(../reg_images/sroll.jpg) center center no-repeat;cursor:pointer;position:absolute;left:0;top:0;}
    .nav_an{ text-align:left;background:url(../reg_images/dot_ccc.gif) bottom repeat-x ; padding:0 0 0 15px;}
    .nav_an a{ display:inline-block;zoom:1; background:url(../reg_images/nav_hover.gif) left 0px repeat-x; height:24px; line-height:24px; width:268px; margin-right:1px; text-align:center; cursor:pointer; border:0px solid #ccc; color:#000}
    .nav_an .hover{ background:url(../reg_images/nav_link.gif) left 1px repeat-x; border-bottom:1px solid #fff; color:#369; font-weight:bold;width:268px;}
    /*.checktz{ margin-top:9px; }*/
    .boxy img{ margin-left:5px;vertical-align:middle}
    .boxy-content li{ 
      padding-left: 25px;
    text-align: left;
    color: #686a6a;
    font-weight: bold;}

    .table1 td
    {
            /*padding-left: 20px;*/
            
            color: #686a6a;
    }

    .table1 tr
    {
    }

    .table1 td.no-left-border
    {
        border-left:none;
        padding-left:0px;

    }

    .table1 td.no-right-border
    {
        border-right:none;
        padding-right:0px;
            padding-left: 20px;
    }

    table.table1 select
    {
      width: 180px;
      height: 30px;
      float: left;
      /*margin-top: 10px;*/
      margin-right: 80px;
      border: 1px solid #dfdfdf;
      color: #686a6a;
      font-size: 14px;
    }

    table.table1 td.large-category-name-col-span
    {
        colspan:3;
    }

    table.table1 td.small-option-name-col-span
    {
        colspan:1;
    }


    table.table1 td.category-name-col-span
    {
        colspan:2;
    }

    table.table1 td.option-name-col-span
    {
        colspan:2;
    }


    table.table1 td.option-val-col-span
    {
        colspan:6;
    }

    table.table1 td.area-price-col-span1
    {
        colspan:3;
    }

    table.table1 td.area-price-col-span2
    {
        colspan:2;
    }

    .tab{
       
     
    }
    .show {
        color: #FF0000;
        display: block;
        border: 1px solid #FF0000;
    }
    .tab.j_head_tab ul ,.tab.j_main_tab ul{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        height: 25px;
        width: 100%;
        text-align: left;
    }
    .normal {
        color: #0066FF;
    }
    
    .tab.j_main_tab  ul li{
        display: block;
        float: left;
        width: auto;
        text-align: center;
        font-size: 13px;
        padding-left: 10px;
        margin-right: -3px;
    }


    .tab.j_main_tab  ul li:hover {
        cursor: pointer;
        border-bottom: none;
        color: #fff;
        background-color: #c6c800;
    }

    .tab  ul li.left-limit{
        /*padding-left:20px;*/
    }

    .tab.j_main_tab  ul li.sel-li
    {
        color: #fff;
        border-bottom: none;
        background-color: #c6c800;
    }
    #menu1 li{
      float: left;
      width: 170px;
      height: 32px;
      margin: 20px 5px 20px 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background-color: #eff2f1;
    }

     #menu1 li a{
       font-size: 14px;
       font-weight: bold;
       line-height: 32px;
       color: #686a6a;
     }

    #menu1{
       text-align: center;
      height: 54px;
      border-bottom: 2px solid #4f853e;
    }
/*login*/
.login_background{
   width:1024px;
   height:auto;
   border: 1px solid #e1e1e1;
   margin:50px auto;
   background-color: #f1f4f4;
   
}
.login_title{
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding-top:30px;
  margin-left: 40px;
}
.login_box_title{
   width:984px;
   height:auto;
   font-size:14px;
   margin-left:20px;
   background-color: #fff;
   border: 1px solid #e1e1e1;
}
.login_box_title p{
   text-align: left;
   margin-left: 120px;
   padding-top: 15px;
   margin-bottom: 15px;
}
.login_back_box{
   width:984px;
   height:400px; 
   margin-top:20px;
   margin-left: 18px;
   margin-bottom: 20px;
   background-color: #fff;
   border: 1px solid #e1e1e1; 

}
.login_left{
  width:500px;
  height:400px;
  margin-left: 20px;
  
}
.login_form_box{
  text-align: left;
  padding-top: 40px;
 
}
.login_form_box span{
  color:#d81d0e;
}
.login_form_box label{
  font-size:14px;
  padding-left: 30px;
}
.login_form_box input{ 
  height:28px;
  line-height:28px;
  width:300px; 
  vertical-align:middle; 
  margin-left: 10px;
  border:1px solid #e1e1e1;
  
  }
.login_form_img{
 width:433px; 
 height:262px;
 float:right;
 margin-top: -370px;
 
}
.login_form_img img{
  padding-top: 60px;
  padding-right: 90px;
  
}
.login_user_button{
  width:300px;
  height:38px;
  margin-left:110px;
  margin-top: 30px;
  
}
.login_user_button span{
  color:#e1e1e1;
  font-size: 22px;
}
.login_user_button input{
    display: block;
    cursor: pointer;
    width: 300px;
    height: 39px;
    margin: 0 auto;
    line-height: 39px;
    color: #FFF;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    border: 0;
    background: url(../srd_images/bnt_signin.png)
}
.login_user_button a{  
  color:#888;
  font-size: 14px;
}
.login_user_button p{
  margin-top: 15px;
}
.form_box_login{
  text-align: left;
  padding-top: 40px;
}
.form_box_login input{
  width:80px;
  height:28px;
  float: left;
  border:1px solid #e1e1e1;
}
.form_box_login label{ 
  display:block; 
  width:80px;
  height:28px; 
  line-height:28px; 
  float:left; 
  padding-left:10px;}
.login_test_picbox{
  float: left;
  margin-left: 20px;
}
.form_box_login span{
  margin-left: 10px;
}
.area_price{
    line-height: 50px;
    height: 50px;
    background-color: #fff;
    padding-left: 20px;
    width: 1025px;
    font-weight: bold;
    font-size: 14px;
}

.total_price{
    line-height: 50px;
    height: 50px;
    background-color: #fff;
    padding-left: 20px;
    width: 1025px;
    font-weight: bold;
    font-size: 14px;
    color: #686a6a;
}

/*.total_price p {
    float: left;

}*/

.area_price p {
    float: left;

}

.disciprt{
    background-color: #fff;
    padding: 20px;
    color: #282a2a;
    font-size: 13px;
    font-weight: bold;
    font-family: '微软雅黑';
}


.specification_summarize_div{

    border: 1px solid #dfdfdf;
    background-color: #fff;
    height: 118px;
    padding-left: 20px;
    color: #686a6a;
    margin: 20px 20px 20px 0px;
    line-height: 35px;
  }    


  .payment_div img{
    width: 88px;
    height: 56px;
    margin: 10px 20px 10px 0px;
  }

  .options{    
    margin-left: 20px;
    color: #282a2a;
    font-weight: bold;
  }

.description{width: 1025px;background-color: #fff;display: block}

.description td{

    display: block;
    float: left;
    border:none;
}

.table1 div:not(.options):not(.J_TotalPrice) {
  /*color: #686a6a;*/
    color: #000;
}

.J_TotalPrice{ 
    color: #282a2a;
    font-weight: bold;
}   

.totalp{
    background-color: #fff;
    width: 1025px;
    display: block;
}

.totalp td{
    display: block;
    float: left;
    border:none;
}





/***除了footer其他页面的验证码的样式***/
.tncode{
    width: 260px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    color:#E8BB00 ;
    line-height: 26px;
    font-size: 14px;
    text-align:center;

}

.forgotpass-tncode{
    border: 1px solid #E8BB00;
    width: 180px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    color:#E8BB00 ;
    line-height: 26px;
    font-size: 14px;
    text-align:center;
}
/*浮层*/

/*页面大于1200时的样式*/
@media only screen and (min-width: 1200px) {
    .tncode_div{
        display: none;
        background-color: white;
        z-index: 1000000;
        width: 260px;
        height: 260px;
        position: fixed;
        left: 50%;top:50%;
        margin-top: -130px;
        margin-left: -130px;
        border: 1px solid #d1d1d1;
        border-radius: 2px;
        overflow: hidden;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
        /*background-color: #ccc;*/
        -moz-box-shadow:2px 2px 5px #969696;/*firefox*/
        -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
        box-shadow:2px 2px 5px #969696;/*opera或ie9*/
    }

}

/*平板时的样式*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {

    .tncode_div{
        display: none;
        background-color: white;
        z-index: 1000000;
        width: 260px;
        height: 260px;
        position: fixed;
        left: 20%;
        top:20%;
        margin-top: -130px;
        margin-left: -130px;
        border: 1px solid #d1d1d1;
        border-radius: 2px;
        overflow: hidden;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
        /*background-color: #ccc;*/
        -moz-box-shadow:2px 2px 5px #969696;/*firefox*/
        -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
        box-shadow:2px 2px 5px #969696;/*opera或ie9*/
    }
}

/*手机时的样式 和 Mobile Menu*/
@media only screen and (max-width: 767px) {

    .tncode_div{
        display: none;
        background-color: white;
        z-index: 1000000;
        width: 260px;
        height: 260px;
        position: fixed;
        left: 20%;top:20%;
        margin-top: -130px;
        margin-left: -130px;
        border: 1px solid #d1d1d1;
        border-radius: 2px;
        overflow: hidden;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
        /*background-color: #ccc;*/
        -moz-box-shadow:2px 2px 5px #969696;/*firefox*/
        -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
        box-shadow:2px 2px 5px #969696;/*opera或ie9*/
    }
}




.tncode_div .tncode_canvas_bg{
    z-index: 0;
}
.tncode_div .tncode_canvas_mark{
    z-index: 10000;
}
.tncode_div canvas{
    position: absolute;
    left: 10px;
    top: 10px;
}
.tncode_div .code-loading{
    padding-top: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #ccc;
    width: 240px;
    height: 150px;
    text-align: center;
    box-sizing:border-box;
}
.dd{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation: ddf 0.1s ease-in 0s infinite;
    -o-animation: ddf 0.1s ease-in 0s infinite;
    animation: ddf 0.1s ease-in 0s infinite;
}
@-webkit-keyframes ddf {
    0% {-webkit-transform: translate(-8px, 3px);}
    20% {-webkit-transform: translate(-3px, 1.5px);}
    50% {-webkit-transform: translate(0px, 0px) ;}
    70% {-webkit-transform: translate(5px, -1.5px) ;}
    100% {-webkit-transform: translate(0px, 0px);}
}
@-o-keyframes ddf {
    0% {-o-transform: translate(-8px, 3px);}
    20% {-o-transform: translate(-3px, 1.5px);}
    50% {-o-transform: translate(0px, 0px) ;}
    70% {-o-transform: translate(5px, -1.5px) ;}
    100% {-o-transform: translate(0px, 0px);}
}
@-moz-keyframes ddf {
    0% {-moz-transform: translate(-8px, 3px);}
    20% {-moz-transform: translate(-3px, 1.5px);}
    50% {-moz-transform: translate(0px, 0px) ;}
    70% {-moz-transform: translate(5px, -1.5px) ;}
    100% {-moz-transform: translate(0px, 0px);}
}
@keyframes ddf {
    0% {transform: translate(-8px, 3px);}
    20% {transform: translate(-3px, 1.5px);}
    50% {transform: translate(0px, 0px) ;}
    70% {transform: translate(5px, -1.5px) ;}
    100% {transform: translate(0px, 0px);}
}
.hgroup{
    z-index: 20000;
    content: "";
    position: absolute;
    left: -800px;
    top: 70px;
    width: 250px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 3s ease-in 0s infinite;
    -o-animation: searchLights 3s ease-in 0s infinite;
    animation: searchLights 3s ease-in 0s infinite;
}






@-webkit-keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-o-keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-moz-keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@keyframes searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}




/*拉条*/
.slide,.slide_block,.tools .tncode_close,.tools .tncode_refresh{
    background-repeat: no-repeat;
    background-image: url('../images/codeicon.png');
}
.tncode_msg_ok{
    background-color: #24C628;
}
.tncode_msg_error{
    background-color: #DE5145;
}
.tncode_msg_ok,.tncode_msg_error{
    position: absolute;
    top:136px;
    left: 10px;
    width: 220px;
    height: 20px;
    color: #fff;
    margin: 0;
    padding: 2px 10px;
    overflow: visible;
    background-position: 0px 0px;
    font-size: 14px;
    opacity:0;
    filter: alpha(opacity=0);
    z-index: 10000;
}
.slide{
    position: absolute;
    top:160px;
    width: 93.52%;
    height: 0px;
    background-color: white;
    background-size: 100%;
    margin: 5.39% 3.24%;
    padding: 0px 0px 13.67%;
    overflow: visible;
    background-position: 0px 0px;
}

.tools{
    position: absolute;
    top:210px;
    width: 93.52%;
    height: 0px;
    background-color: white;
    background-size: 100%;
    margin: 5.39% 3.24%;
    padding: 5px 0px 13.67%;
    overflow: visible;
    background-position: 0px 0px;
    border-top: 1px solid #EEEEEE;
}

.ve-slide_block{
    background-position: 0px 12.9794%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
}
.ve-slide_block_text{
    background-position: 0px 12.9794%;
    height: 65px;
    position: absolute;
    left: 65px;
    top: 20px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
    font-size: 14px;
    color: rgb(136, 148, 157);
}


.ve-Safari-slide_block{
    background-position: 0px 12.9794%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0px;
    top: -12px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
}
.ve-Safari-slide_block_text{
    background-position: 0px 12.9794%;
    height: 65px;
    position: absolute;
    left: 65px;
    top: 10px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
    font-size: 14px;
    color: rgb(136, 148, 157);
}
/*
.tncode_canvas_bg,.tncode_canvas_mark{
     width: 240px;
}
*/

.tools .tncode_close{
    background-position: 0 50%;
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.tools .tncode_refresh{
    background-position: 0 94%;
    height: 30px;
    width: 30px;
    float: left;
    cursor: pointer;
}
.tools .tncode_tips{
    float: right;
}
.tools .tncode_tips a{
    text-decoration: none;
    font-size: 10px;
    color: rgb(136, 148, 157);
}


.ve-tncode{
    border: 1px solid #78c430;
    color: #78c430;
    width: 260px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
}

.ve-hide{
    display: none;
}

.ve-show{
    display: block;
}

.code-info{
    float: right;
    height: 28px;
    margin-right: 128px;
    margin-top: -4px;
    position: relative;
}



.ve-checkbox{
    display: block;
    float: left;
    margin-left: -28px;
    margin-top: 0px;
}

.ve-checkbox div{

    width: 27px;
    height: 27px;

    /*position: absolute;
    top: -12px;
    right: 65px;*/
}

.ve-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none
}



.ve-checkbox input[type="checkbox"] + div {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 12px;
    background: url("../images/ve_default.png") no-repeat ;
}


.ve-checkbox input[type="checkbox"]:checked + div {
    background: url("../images/ve_select.png") no-repeat ;
}

.tncode-select-texttip{
    clear: both;
    display: inline-block;
    margin-left:-130px;
    color:#333;
    line-height: 28px;
}


.tipinfo-ts {
    border: 4px solid #f6f1ea;
    padding: 10px;
    margin: 5px 0;
    margin-bottom: 10px;
}


/***除了footer其他页面的验证码的样式***/


/***footer验证码的样式***/

.ft-tncode{
    width: 211px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    color:#E8BB00 ;
    line-height: 26px;
    font-size: 12px;
    text-align:center;

}
/*浮层*/

.ft-tncode_div{
    display: none;
    background-color: white;
    z-index: 1000000;
    width: 260px;
    height: 260px;
    position: absolute;
    right: -10%;
    top:0%;
    margin-top: -58px;
    margin-left: -130px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
    /*background-color: #ccc;*/
    -moz-box-shadow:2px 2px 5px #969696;/*firefox*/
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
    box-shadow:2px 2px 5px #969696;/*opera或ie9*/
}
.ft-tncode_div .ft-tncode_canvas_bg{
    z-index: 0;
}
.ft-tncode_div .ft-tncode_canvas_mark{
    z-index: 10000;
}
.ft-tncode_div canvas{
    position: absolute;
    left: 10px;
    top: 10px;
}
.ft-tncode_div .ft-loading{
    padding-top: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #ccc;
    width: 240px;
    height: 150px;
    text-align: center;
    box-sizing:border-box;
}
.ft-dd{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation: ft 0.1s ease-in 0s infinite;
    -o-animation: ft 0.1s ease-in 0s infinite;
    animation: ft 0.1s ease-in 0s infinite;
}
@-webkit-keyframes ft {
    0% {-webkit-transform: translate(-8px, 3px);}
    20% {-webkit-transform: translate(-3px, 1.5px);}
    50% {-webkit-transform: translate(0px, 0px) ;}
    70% {-webkit-transform: translate(5px, -1.5px) ;}
    100% {-webkit-transform: translate(0px, 0px);}
}
@-o-keyframes ft {
    0% {-o-transform: translate(-8px, 3px);}
    20% {-o-transform: translate(-3px, 1.5px);}
    50% {-o-transform: translate(0px, 0px) ;}
    70% {-o-transform: translate(5px, -1.5px) ;}
    100% {-o-transform: translate(0px, 0px);}
}
@-moz-keyframes ft {
    0% {-moz-transform: translate(-8px, 3px);}
    20% {-moz-transform: translate(-3px, 1.5px);}
    50% {-moz-transform: translate(0px, 0px) ;}
    70% {-moz-transform: translate(5px, -1.5px) ;}
    100% {-moz-transform: translate(0px, 0px);}
}
@keyframes ft {
    0% {transform: translate(-8px, 3px);}
    20% {transform: translate(-3px, 1.5px);}
    50% {transform: translate(0px, 0px) ;}
    70% {transform: translate(5px, -1.5px) ;}
    100% {transform: translate(0px, 0px);}
}
.ft-hgroup{
    z-index: 20000;
    content: "";
    position: absolute;
    left: -800px;
    top: 70px;
    width: 250px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: ft-searchLights 3s ease-in 0s infinite;
    -o-animation: ft-searchLights 3s ease-in 0s infinite;
    animation: ft-searchLights 3s ease-in 0s infinite;
}






@-webkit-keyframes ft-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-o-keyframes ft-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-moz-keyframes ft-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@keyframes ft-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}




/*拉条*/
.ft-slide,.ft-slide_block,.ft-tools .ft-tncode_close,.ft-tools .ft-tncode_refresh{
    background-repeat: no-repeat;
    background-image: url('../images/codeicon.png');
}
.ft-tncode_msg_ok{
    background-color: #24C628;
}
.ft-tncode_msg_error{
    background-color: #DE5145;
}
.ft-tncode_msg_ok,.ft-tncode_msg_error{
    position: absolute;
    text-align: center;
    top:136px;
    left: 10px;
    width: 220px;
    height: 20px;
    color: #fff;
    margin: 0;
    padding: 2px 10px;
    overflow: visible;
    background-position: 0px 0px;
    font-size: 14px;
    opacity:0;
    filter: alpha(opacity=0);
    z-index: 10000;
}
.ft-slide{
    position: absolute;
    top:160px;
    width: 93.52%;
    height: 0px;
    background-color: white;
    background-size: 100%;
    margin: 5.39% 3.24%;
    padding: 0px 0px 13.67%;
    overflow: visible;
    background-position: 0px 0px;
}

.ft-tools{
    position: absolute;
    top:210px;
    width: 93.52%;
    height: 0px;
    background-color: white;
    background-size: 100%;
    margin: 5.39% 3.24%;
    padding: 5px 0px 13.67%;
    overflow: visible;
    background-position: 0px 0px;
    border-top: 1px solid #EEEEEE;
}

.ve-ft-slide_block{
    background-position: 0px 12.9794%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
}
.ve-ft-slide_block_text{
    background-position: 0px 12.9794%;
    height: 65px;
    position: absolute;
    left: 65px;
    top: 20px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
    font-size: 14px;
    color: rgb(136, 148, 157);
}



.ve-Safari-ft-slide_block{
    background-position: 0px 12.9794%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0px;
    top: -12px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
}
.ve-Safari-ft-slide_block_text{
    background-position: 0px 12.9794%;
    height: 65px;
    position: absolute;
    left: 65px;
    top: 10px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
    font-size: 14px;
    color: rgb(136, 148, 157);
}


/*.ft-tncode_canvas_bg,.ft-tncode_canvas_mark{
     width: 240px;
}*/

.ft-tools .ft-tncode_close{
    background-position: 0 50%;
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.ft-tools .ft-tncode_refresh{
    background-position: 0 94%;
    height: 30px;
    width: 30px;
    float: left;
    cursor: pointer;
}
.ft-tools .ft-tncode_tips{
    float: right;
}
.ft-tools .ft-tncode_tips a{
    text-decoration: none;
    font-size: 10px;
    color: rgb(136, 148, 157);
}


.ft-ve-tncode{
    border: 1px solid #78c430;
    color: #78c430;
    width: 211px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
}

.ft-ve-hide{
    display: none;
}

.ft-ve-show{
    display: block;
}

.ft-code-info{
    float: left;
    /*margin-right: 128px;*/
    margin-top: -10px;
    position: relative;
}



.ft-ve-checkbox{
    display: inline-block;
    position: relative;
}

.ft-ve-checkbox div{
    display: inline-block;

    width: 27px;
    height: 27px;

    position: absolute;
    top: -18px;
    right: 60px;
}

.ft-ve-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none
}

.ft-ve-checkbox input[type="checkbox"] + div {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 6px;
    background: url("../images/ve_default.png") no-repeat ;
}

.ft-ve-checkbox input[type="checkbox"]:checked + div {
    background: url("../images/ve_select.png") no-repeat ;
}

.ft-tncode-select-texttip{
    margin-left: -55px;
    color:#888;
    line-height: 28px;
}


/***footer验证码的样式***/

/*select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
*/

#partscate{
    height: 42px;
    line-height: 38px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    margin-top: 15px;
    border-right: none;
    padding-left: 13px;
    /*background: url(../images/top-arrow.png) no-repeat scroll left 235px center transparent;*/
    background-color: #fff;
    width: 260px;
    color: #999999;
}

/**alipay **/
.alipaymodal{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
}

.alipay_content{

    width: 600px;
    height: 230px;

    margin: 200px auto;

    border-radius: 2px;
    background-color: #fff;
    text-align: left;
    color: #888;
}

.alipay_top {
    width:100%;
    height: 40px;
    line-height: 35px;
    background: #9bd611;

}

.alipay_top span{
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
}


.alipay_middle{
    width: 100%;
    height: 110px;

}

.alipay_img{
    width: 20%;

    float: left;
}

.alipay_img img{
    margin: 10px 0 10px 20px;
}

.alipay_tipinfo{
    width: 55%;
    float: left;
    margin: 32px 0 0 10px;
    font-size: 12px;
    line-height: 24px;
}

.alipay_bottom{
    clear: both;
    height: 80px;
    width: 100%;
    padding-top: 20px;

}

.alipay_bottom a{
    width: 150px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    border-radius: 5px;
    background-color: #e7a300;
}

.alipay_btn1{
    margin: 0 20px 0 195px;

}


.cart_alipay{
    width: 238px;
    height: 50px;
    background: url(../images/checkout_icon_ali.png) no-repeat;
    border: none;
    cursor: pointer;
    float: left;
    margin-top: 24px;
}

.alipay {
    width: 145px;
    height: 24px;
    background: url(../images/Alipay.png) no-repeat;
    border: none;
    cursor: pointer;
}
.tooltips {
    position: absolute;
    margin-top: 7px;
    opacity: 1;
    margin-left: 2px;
    display: inline;
}
/**alipay **/