@charset "utf-8";
/* CSS Document */
.clear{
    clear: both;
}



input::-ms-clear{display: none;}

button, input, optgroup, option, select, textarea{
    outline: none;
}

/*#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;overflow-x:hidden;}
html,body {
-ms-overflow-style: scrollbar;
}
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd{margin:0;padding:0;}input,select{ /*background: #fff;*/ 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}
.colorgreen{ color:#008000}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;color: #333;
    font-size: 14px;}.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 {color:#666;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:#e7a200; text-decoration:none;}
.c90_line,.c90_line:link,.c90_line:visited{
    color:#e8bb00;
    word-wrap: break-word;
    text-decoration:underline;
}
.b_c90a{ color:#333;}
.b_c90a:hover{ color:#c90;}
.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{text-align:left; margin:0 auto;}
.w1000{ text-align:left; margin:0 auto;margin-bottom: 50px;}
.w1150{ width:102%;text-align:center; margin:0 auto;}
.w940_p10{ width:100%; padding:0 10px; margin:0 auto; text-align:left;}
.w100{  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;}

LI A.go {
    DISPLAY: inline-block; Z-INDEX: 300;
}
.main_nav LI BLOCKQUOTE {
    DISPLAY: none; Z-INDEX: 201; LEFT: -43px; POSITION: absolute; TOP: 26px;*top:38px; HEIGHT: auto;
}

.main_nav LI BLOCKQUOTE .ChildNavIn { padding:5px 5px 10px; overflow:hidden;BACKGROUND:  #dd9100; WIDTH: 170px; COLOR: #dee6e9;  TEXT-ALIGN: left;
}
.main_nav LI BLOCKQUOTE .ChildNavIn A { padding:0px 10px;DISPLAY: block;WIDTH:150px; COLOR: #fff; LINE-HEIGHT: 22px; TEXT-ALIGN: left; background-image:none; border-bottom:#d58306 solid 1px; height:22px; overflow:hidden
}
.main_nav LI BLOCKQUOTE A:hover {
    BACKGROUND: #fcc000; COLOR: #fff; border-bottom:1px solid #fec202;
}
div.header{
    width:100%;
    height:30px;
    /*background:url(../images/top_bj.jpg);*/
}
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:#c90}
.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:#c90}
/*    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:#c90}


/* 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{background:url(../images/cartbj.png) no-repeat; width:177px; height:46px; float:right; padding:5px 5px 4px 60px; overflow:hidden}
.small_cart p span{ float:right}
.small_cart .cart_button{ float:right;background:url(../images/cart_subbj.png) no-repeat; width:99px; height:20px; border:none; cursor:pointer; margin-top:4px;}
.wz_cart{background:url(../images/cart_bot.png) left bottom no-repeat; width:356px; float:right; padding-bottom:10px; overflow:hidden}
.wz_carttop{background:url(../images/cart_top2.png) no-repeat; width:287px; height:53px; 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; margin-top:4px;}
.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{    
    padding: 2px;
    border: 1px #DFC590 solid;
    background-color: #FFFFFF;
    /*line-height: 22px;*/
    float: right;
    /*margin-top: 10px;*/
}


@media(max-width: 767px) {
    .alertMessage{  
        float: left;
        margin-top: 10px;
    }
}

.alertMessageRed{ color:#FF0000; font-weight:700; }

.TitleA{ font-size:24px; line-height:64px; }

.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;
    float: left;
}

.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:#c90;
    padding:5px 0px 5px 20px;
    height:25px;
    display:inline;
    background:url("../images/043.gif") no-repeat left center;
}
.verifying_ok{
    color:#c90;
    padding-left:20px;
    background:url("../images/succ.png") no-repeat left center;
    float: left;
}
.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:150px;*/
    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: 'Arial, Verdana, sans-serif;';
    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: 210px;
    height: 44px;
    margin-bottom: 5px;
    background-color: #333;
}

.nav_l{
    float: left;
    margin-right: -1px;
}

.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 #e7a200;
    border-left: 1px solid #e7a200;
    border-bottom: 1px solid #e7a200;

}
#backcolor span{
    color: #333;
}

.nav_r{
    width: 360px;
    height: 191px;
    border: 1px solid #e7a200;

    /*border-top: 1px solid #e7a200;*/
    /*border-bottom: 1px solid #e7a200;*/
    /*border-right: 1px solid #e7a200;*/

    float: left;
    background-color: #fff;
    text-align: left;
    padding: 16px 0 0 16px;
}

.inch{
    float: left;
    width: 290px;
}

.inch li{
    float: left;
    margin-right: 10px;
    width: 135px;
}

.inch span{
    color: #888;
}

.inch strong{
    color: #ff871f;
    font-size: 17px;
    font-family: Arial;
}

.more{
    color: #ff871f;
    float: right;
    padding-top: 65px;
    padding-right: 5px;
    font-family: 'Arial, Verdana, sans-serif;';
}

.more1{
    color: #ff871f;
    float: right;
    padding-top: 33px;
    padding-right: 10px;
    font-family: 'Arial, Verdana, sans-serif;';
}

.inch1{
    line-height: 15px;
}

.inch1 span{
    color: #888;
}

.inch1 strong{
    color: #ff871f;
    font-size: 17px;
    font-family: Arial;
}

.b_dr{
    width: 199px;
    /*width: 100%;*/
    /*height: 121px;*/
    height: 100%;
    margin:7px 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;}



/*login*/

.login_title{
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 10px 15px;
}


.login_box_title{
    width:100%;
    font-size:14px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
}



.login_back_box{
    width:100%;
    /*height:400px;*/
    margin-top:20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e1e1e1;

}



.login_form_box{
    text-align: left;
    padding-bottom: 20px;

}
.login_form_box span{
    color:#d81d0e;
}
.login_form_box label{
    font-size:14px;
    /*padding-left: 30px;*/
    font-weight: normal;
}
.login_form_box_xs label{
    padding-left: 0px;
    font-weight: normal;
}



.login_form_box input{
    line-height: 28px;
    height: 28px;
    width: 100%;
    vertical-align: middle;
    /* margin-left: 10px; */
    border: 1px solid #e1e1e1;

}



.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_xs{
    width: 100%;
    margin-left: 0px;
}
.login_user_button span{
    color:#e1e1e1;
    font-size: 22px;
}


.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;
}
/*footer*/
.capa_pcb a{
    color: #888;
}

.capa_pcb{
    padding-top: 13px;
    padding-bottom:20px;
    /*height: 110px;*/
    height: 146px;
}
.footer_mpcb li{
    width: 265px;
    text-align:left;
}

.footer_mpcb .row .col-xs-12:nth-child(-n+3){
    margin-right: 20px;
}

.footer_mpcb strong{
    line-height: 14px;
    font-size: 14px;
    color: #333;
}

.footer_mpcb{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.footer_apcb{
    background-color: #f1f4f4;
    /*height: 275px;*/
    /*border-top: 1px solid #e1e1e1;*/
}


#button_pcb{
    width: 120px;
    height: 28px;
    border-radius: 3px;
    background-color: rgb(136, 136, 136);
    border: none;
    font-family: 'Arial, Verdana, sans-serif;';
    color: #fff;
    font-size: 13px;
    line-height: 2px;
}
.footer_line{
    width:auto;
    background-color: #f1f4f4;
}
.footer_bpcb{
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    color: #888;
    width:100%;
    border-top: 1px solid #e1e1e1;
}


.footer_bpcb a{
    color: #888;
}
.infor input{
    border-radius: 3px;
    border:1px solid #dbdbdb;
    height: 25px;
    color: #333;
    padding-left: 7px;
    margin-bottom: 7px;

}
#description{
    height: 40px;
    width: 226px;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    margin-bottom: 7px;
    color: #333;
    font-family: Arial;
    font-size: 12px;
    padding-left: 7px;
    resize: none;
    line-height: normal;
}
.infor{
    float: right;
    /*width: 220px;*/
    margin-top: -10px;
    margin-left: 13px;
}

.m_input input{
    width: 225px;
}
/*input::placeholder,textarea::placeholder{*/
/*    color: #666 !important;*/
/*}*/

.ul_l{
    padding-top: 30px;
    /*padding-bottom:30px;*/
    /*height: 207px;*/
    float: left;
}

.ul_l li{
    float: left;
}
.ul_lm{
    margin-top: 10px;
    margin-bottom: 50px;
    height: 26px;
}

.ul_lm img{
    margin-right: 2px;
}
/*first page*/
.header_middle_pcb{
    width: 100%;margin:0 auto;
}

.header_middle_pcb ul{
    float: right;
}

.header_middle_pcb ul li{
    float: left;
    line-height: 30px;
    font-family: 'Arial, Verdana, sans-serif;';
}

.header_middle_pcb ul li img{
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
}
.header_middle_pcb ul li span{
    padding:0 13px;/*color: #afafaf;*/
}

.header_middle_pcb ul li span,
.header_middle_pcb ul li a,
.padding_r_xs .news_ul li:first-child .sp,
.padding_r_xs .news_ul li:last-child .sp{
    color: #666;
}

.header_middle_pcb ul li a{
    /*color: #afafaf;*/
    font-size:13px;
}

.header_top_pcb{
    height: 30px;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.info{
    float: right;
}

.head_title{
    padding-bottom: 5px;
    background-color: #fff;
}
.head_title .visible-md-block .info .cart_right{
    margin-top: 7px;
}
.head_title .visible-sm-block{
    padding-top: 5px;
}
.head_title .visible-sm-block .info .cart_right{
    margin-top: 7px;
}
.head_title .visible-sm-block #dropdownMenu1{
    padding: 0px 5px 0px 16px;
}
.head_img{
    width: 100%;margin:0 auto;text-align: left;padding-top: 18px;
}
.head_img .dropdown-menu{
    top: -21px;
}
.coupons_p{
    background-color: #fff9eb; float: right; margin-top: 9px;
}

.coupons_a{
    font-size: 12px; padding: 1px 8px;border: 1px dashed #e7a200;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: #e7a300;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left: 10px;
}

#itemcart{
    color: #e7a200;
}

.info p a{
    color: #888;
    font-size: 12px;
    padding-top: 3px;
    float: left;
}

.info p img{
    float: left;
    margin-right: 3px;

}

.main_navframe{ background-color: #e7a300; text-align:center;}
.main_navframe .row{margin-right: -15px;}

.main_nav{ height:34px;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: 33px;margin: 0 auto; text-align: center; right:60%;}
#home a{
    border: 0;
    padding-left:0px;
    display: block;
    height: 30px;
}

.main_nav li a{
    padding: 0 8px;
    right: 3px;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    line-height: 33px;
    font-family: 'Arial, Verdana, sans-serif;';
}

.main_nav li span{
    float: right;
    margin-right: -2px;
    margin-top: 9px;
    display: block;
    height: 18px;
    width: 2px;
    background: url("../images/nav_border.png");
}




#home a:hover{text-decoration:none; color:#333;font-weight:bold;}

.main_nav li a:hover{ text-decoration:none; color:#333;font-weight:bold;}

.main_nav li:hover{
    background-color:#fff9eb;
    height: 32px;
    margin-top: 1px;
}

.main_nav li:hover a{
    background-color:#fff9eb;
    color: #333;
}

.main_nav .hover{ color:#333}

LI A.go { DISPLAY: inline-block; Z-INDEX: 300; }

.main_nav LI BLOCKQUOTE {
    DISPLAY: none;
    Z-INDEX: 201;
    LEFT: -1px;
    POSITION: absolute;
    TOP: 29px;
    HEIGHT: auto;
    padding: 0px 0px;
    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: 208px; 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;
}

#bimg img{
    width: 100%;
    margin-top: -2px;
}

.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: 'Arial, Verdana, sans-serif;';
}

.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;
}
#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: 'Arial, Verdana, sans-serif;';
    cursor: pointer;
    padding-left: 10px;
}

.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;
}
.inch_pcb{
    float: left;
    width: 290px;
}

.inch_pcb li{
    float: left;
    margin-right: 10px;
    width: 135px;
}

.inch_pcb span{
    color: #000;
}

.inch_pcb strong{
    color: #ff871f;
    font-size: 17px;
    font-family: Arial;
}
.inch1{
    line-height: 15px;
}

.inch1 span{
    color: #888;
}

.inch1 strong{
    color: #ff871f;
    font-size: 17px;
    font-family: Arial;
}
.border_m{
    border-bottom: 1px solid #e1e1e1;
    /*height: 100%;*/
    /*margin-top: -66px;*/
    background: #fff;
}
#ulist_pcb {
    /*width: 1025px;*/
    margin: 0 auto;
    text-align: left;
    font-family: 'Arial, Verdana, sans-serif;';
}

#ulist_pcb li{
    float: left;
    /*width: 246px;*/
    width: 100%;
    height: 90px;
    border: 1px solid #f3b526;
    margin: 20px 11px 0 0;

}

#ulist_pcb li a span{
    color: #323335;
}

#ulist_pcb .visible-lg-block{
    padding-right: 0px;
    padding-left: 10px;
}
.title_listpcb{
    font-size: 15px;
    font-weight: bold;
    margin-top:19px;
    color: #f3b526;
}
#icon{
    display: inline-block;
    float: left;
    margin: 20px 10px 20px 15px;
}
#ulist_pcb .visible-xs-block .track_submit_pcb{
    background: url(../images/icon_search.png) no-repeat  left 3% top 50%;
    height: 18px;
    width: 18px;
}
.track_submit_pcb{
    background: url(../images/search-icon.png) no-repeat;
    position: relative;
    border: 0;
    left: -117px;
    width: 16px;

}
.track_search_pcb input[type="text"]{
    /*background: url(../images/search-icon.png) no-repeat  left 3% top 50%;*/
    font-size: 13px;
    display: inline;
    width: 120px;
    height: 25px;
    line-height: 25px;
    margin: 5px 0;
    font-family: 'Arial, Verdana, sans-serif;';
    color: #323335;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding-left: 25px;
}
.right_nav{
    width: 40px;
    background-color: #333;
    z-index: 999;
    position: fixed;
    right: 0;
    height: 100%;
    top: 0;
}

.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;
}
.c_news .title_pcb{
    font-size: 14px;
    font-weight: bold;
    color: #e8ba00;
    width: 125px;
    float: left;
}


.myscroll {width: 100%; height: 176px; line-height: 22px;overflow: hidden;}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #bdbdbd !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #bdbdbd !important;
}
#lastest_pcb li{
    line-height: 22px;
}

#lastest_pcb span{
    display: inline-block;
    line-height: 22px;
}
.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;

}
.top_pcb{

    background: #fff;
}
.title_span{
    border-bottom: 2px solid #e7a300;
    display: inline-block;
    width: 95px;
    padding-top: 4px;
}

.red_nolinepcb{ color:#d81d01; text-decoration:none;}

.content_boxpcb{
    overflow: hidden;
    height: auto;
    background: #fff;
}
.box-middle{
    width: 100%;
    text-align: left;
    margin: 0 auto;
    /*background-color: #fff;*/
}
.main_back{
    /*height:600px;*/
    background-color: #f1f4f4;
    padding-top: 20px;
    padding-bottom: 20px;

}
.move{
    width: 100%;
    height:20px;
    background-color: #f1f4f4;
    /*border-bottom: 2px solid #f3b526;*/
}
.img_b{
    /*height: 185px;*/
    background: #fff;
    margin-top: 10px;
    /*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;
}
.img_m_phone{
    /*width: 1025px;*/
    margin:0 auto;
}
.img_m_phone li{
    float: left;
    margin: 18px 0 12px 0px;
    width: 100%;
}
.img_m_ipad li{
    float: left;
    margin: 18px 0 12px 25%;
}
.p_s{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #333;
}

.p_t{
    font-size: 12px;
    color: #afafaf;
    line-height: 16px;
}


/***除了footer其他页面的验证码的样式***/
.tncode{
    width: 100%;
    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: 10%;
        top:30%;
        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: 10%;top:30%;
        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: 240px;
    height: 25px;
    color: #fff;
    margin: 0;
    padding: 0px 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: 0 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: 0 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{

/*    height: 28px;
    margin-left: 115px;
    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"]:checked + div {
    background: url("../images/ve_select.png") no-repeat ;
}

.ve-checkbox input[type="checkbox"] + div {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 12px;
    background: url("../images/ve_default.png") no-repeat ;
}




.tncode-select-texttip{
    clear: both;
    display: inline-block;
    color:#333;
    line-height: 28px;
}


.tipinfo-ts {
    border: 4px solid #f6f1ea;
    padding: 10px;
    margin: 5px 0;
    margin-bottom: 10px;
}

/***除了footer其他页面的验证码的样式***/


.xs-tncode{
    width: 220px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    color:#888 ;
    line-height: 26px;
    font-size: 12px;
    text-align:center;

}
/*浮层*/

.xs-tncode_div{
    display: none;
    background-color: white;
    z-index: 1000000;
    width: 260px;
    height: 260px;
    position: fixed;
    right: 16%;
    top:30%;
    /*margin-top: -90px;*/
    /*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*/
}
.xs-tncode_div .xs-tncode_canvas_bg{
    z-index: 0;
}
.xs-tncode_div .xs-tncode_canvas_mark{
    z-index: 10000;
}
.xs-tncode_div canvas{
    position: absolute;
    left: 10px;
    top: 10px;
}
.xs-tncode_div .xs-loading{
    padding-top: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #ccc;
    width: 240px;
    height: 150px;
    text-align: center;
    box-sizing:border-box;
}
.xs-dd{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation: xs 0.1s ease-in 0s infinite;
    -o-animation: xs 0.1s ease-in 0s infinite;
    animation: xs 0.1s ease-in 0s infinite;
}
@-webkit-keyframes xs {
    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 xs {
    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 xs {
    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 xs {
    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);}
}
.xs-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: xs-searchLights 3s ease-in 0s infinite;
    -o-animation: xs-searchLights 3s ease-in 0s infinite;
    animation: xs-searchLights 3s ease-in 0s infinite;
}






@-webkit-keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-o-keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-moz-keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}




/*拉条*/
.xs-slide,.xs-slide_block,.xs-tools .xs-tncode_close,.xs-tools .xs-tncode_refresh{
    background-repeat: no-repeat;
    background-image: url('../images/codeicon.png');
}
.xs-tncode_msg_ok{
    background-color: #24C628;
}
.xs-tncode_msg_error{
    background-color: #DE5145;
}
.xs-tncode_msg_ok,.xs-tncode_msg_error{
    position: absolute;
    top:140px;
    left: 10px;
    width: 240px;
    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;
}
.xs-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;
}

.xs-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-xs-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-xs-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-xs-slide_block{
    background-position: 0px 12.9794%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0px;
    top: -4px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
}
.ve-Safari-xs-slide_block_text{
    background-position: 0px 12.9794%;
    height: 65px;
    position: absolute;
    left: 65px;
    top: 17px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
    font-size: 14px;
    color: rgb(136, 148, 157);
}

.xs-tncode_canvas_bg,.xs-tncode_canvas_mark{
    /* width: 240px;*/
}

.xs-tools .xs-tncode_close{
    background-position: 0 50%;
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.xs-tools .xs-tncode_refresh{
    background-position: 0 94%;
    height: 30px;
    width: 30px;
    float: left;
    cursor: pointer;
}
.xs-tools .xs-tncode_tips{
    float: right;
}
.xs-tools .xs-tncode_tips a{
    text-decoration: none;
    font-size: 10px;
    color: rgb(136, 148, 157);
}


.xs-ve-tncode{
    border: 1px solid #78c430;
    color: #78c430;
    width: 211px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
}

.xs-ve-hide{
    display: none;
}

.xs-ve-show{
    display: block;
}

.xs-code-info{
    float: left;
    /*margin-right: 128px;*/
    margin-top: -10px;
    /*position: relative;*/
}



.xs-ve-checkbox{
    display: inline-block;
    position: relative;
}

.xs-ve-checkbox div{
    display: inline-block;

    width: 27px;
    height: 27px;

    position: absolute;
    top: -18px;
    right: 60px;
}

.xs-ve-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none
}

.xs-ve-checkbox input[type="checkbox"] + div {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 6px;
    background: url("../images/ve_default18.png") no-repeat ;
}

.xs-ve-checkbox input[type="checkbox"]:checked + div {
    background: url("../images/ve_select18.png") no-repeat ;
}

.xs-tncode-select-texttip{
    margin-left: -55px;
    color:#333;
    line-height: 28px;
}

/***footer验证码的样式***/

.ft-tncode{
    width: 215px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    color:#888 ;
    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: fixed;
    right: 16%;
    top:50%;
    /*margin-top: -90px;*/
    /*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;
    top:140px;
    left: 10px;
    width: 240px;
    text-align: center;
    height: 20px;
    color: #fff;
    margin: 0;
    padding: 0px 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: -4px;
    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: 17px;
    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: -4px;
    /*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: 15px;
    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: -69px;
    color:#333;
    line-height: 28px;
}

/*xs*/

.xs-tncode{
    width: 220px;
    height: 26px;
    cursor: pointer;
    opacity: 1;
    color:#888 ;
    line-height: 26px;
    font-size: 12px;
    text-align:center;

}
/*浮层*/

.xs-tncode_div{
    display: none;
    background-color: white;
    z-index: 1000000;
    width: 260px;
    height: 260px;
    position: fixed;
    right: 16%;
    top:30%;
    /*margin-top: -90px;*/
    /*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*/
}
.xs-tncode_div .xs-tncode_canvas_bg{
    z-index: 0;
}
.xs-tncode_div .xs-tncode_canvas_mark{
    z-index: 10000;
}
.xs-tncode_div canvas{
    position: absolute;
    left: 10px;
    top: 10px;
}
.xs-tncode_div .xs-loading{
    padding-top: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #ccc;
    width: 240px;
    height: 150px;
    text-align: center;
    box-sizing:border-box;
}
.xs-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);}
}
.xs-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: xs-searchLights 3s ease-in 0s infinite;
    -o-animation: xs-searchLights 3s ease-in 0s infinite;
    animation: xs-searchLights 3s ease-in 0s infinite;
}






@-webkit-keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-o-keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@-moz-keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}

@keyframes xs-searchLights {
    0% {
        left: -800px;
        top: 70px;
    }

    to {
        left: 350px;
        top: 70px
    }
}




/*拉条*/
.xs-slide,.xs-slide_block,.xs-tools .xs-tncode_close,.xs-tools .xs-tncode_refresh{
    background-repeat: no-repeat;
    background-image: url('../images/codeicon.png');
}
.xs-tncode_msg_ok{
    background-color: #24C628;
}
.xs-tncode_msg_error{
    background-color: #DE5145;
}
.xs-tncode_msg_ok,.xs-tncode_msg_error{
    position: absolute;
    top:140px;
    left: 10px;
    width: 240px;
    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;
}
.xs-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;
}

.xs-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-xs-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-xs-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-xs-slide_block{
    background-position: 0px 12.9794%;
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0px;
    top: -4px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
}
.ve-Safari-xs-slide_block_text{
    background-position: 0px 12.9794%;
    height: 65px;
    position: absolute;
    left: 65px;
    top: 17px;
    margin: -4.62% 0 0 -2.31%;
    cursor: pointer;
    font-size: 14px;
    color: rgb(136, 148, 157);
}

.xs-tncode_canvas_bg,.xs-tncode_canvas_mark{
    /* width: 240px;*/
}

.xs-tools .xs-tncode_close{
    background-position: 0 50%;
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.xs-tools .xs-tncode_refresh{
    background-position: 0 94%;
    height: 30px;
    width: 30px;
    float: left;
    cursor: pointer;
}
.xs-tools .xs-tncode_tips{
    float: right;
}
.xs-tools .xs-tncode_tips a{
    text-decoration: none;
    font-size: 10px;
    color: rgb(136, 148, 157);
}


.xs-ve-tncode{
    border: 1px solid #78c430;
    color: #78c430;
    width: 211px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
}

.xs-ve-hide{
    display: none;
}

.xs-ve-show{
    display: block;
}

.xs-code-info{
    float: left;
    /*margin-right: 128px;*/
    margin-top: -10px;
    /*position: relative;*/
}



.xs-ve-checkbox{
    display: inline-block;
    position: relative;
}

.xs-ve-checkbox div{
    display: inline-block;

    width: 27px;
    height: 27px;

    position: absolute;
    top: -18px;
    right: 60px;
}

.xs-ve-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none
}

.xs-ve-checkbox input[type="checkbox"] + div {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 6px;
    background: url("../images/ve_default18.png") no-repeat ;
}

.xs-ve-checkbox input[type="checkbox"]:checked + div {
    background: url("../images/ve_select18.png") no-repeat ;
}

.xs-tncode-select-texttip{
    margin-left: -55px;
    color:#333;
    line-height: 28px;
}



#Currency{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 50px;
    text-align: center;
    padding: 2px 20px 2px 5px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    color: #e7a200;
    font-weight: bold;
    font-size: 10px;
    z-index: 9998;
    background: url(../images/top-arrow.png) no-repeat scroll right 4px center transparent;
}





/***货币下拉框样式***/

/**头部货币样式**/

.cy-hide { display: none; }
.cy-select {
    position: relative;
    float: right;
    margin-top: 4px;
}


.cy-select #Currencytext {
    width: 50px;
    height: 8px;
    line-height: 7px;
    text-align: left;
    padding: 6px 0 6px 10px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    color: #e7a200;
    font-weight: bold;
    font-size: 10px;
    z-index: 9998;
    background: url(../images/top-arrow.png) no-repeat scroll right 4px center transparent;

}

#CurrencySelect{
    position: absolute;
    top: 22px; right: 0;
    width: 188px;
    background: #fff;
    z-index: 9999;
    border: 2px solid #e1e1e1;
}

.cy-select #CurrencySelect ul {
    /*
    width: 60px; border: 1px solid #d6d6d6;
    */
    border-top: none;
}

.cy-select  #CurrencySelect ul li {
    width: 40px;
    height: 20px; line-height: 20px;
    color: #888;
    margin: 5px 10px;
    cursor: pointer;
    text-align: center;
}

/**头部货币样式**/

/**询价货币样式**/

.quote-cy-hide { display: none; }

#quote-current-Currencytext{
    float: right;
    margin-top: 4px;
    margin-left: 2px;
    width: 40px;
    height: 8px;
    line-height: 7px;
    text-align: left;
    padding: 6px 0 6px 10px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    color: #e7a200;
    font-weight: bold;
    font-size: 10px;
    /*background: url(../images/top-arrow.png) no-repeat scroll right 4px center transparent;*/
}


.quote-cy-select #quote-CurrencySelect ul {
    /*
    width: 60px; border: 1px solid #d6d6d6;
    */
    border-top: none;
}

.quote-cy-select  #quote-CurrencySelect ul li {
    width: 40px;
    height: 20px; line-height: 20px;
    display: inline-block;
    color: #888;
    margin: 5px 10px;
    cursor: pointer;
    text-align: center;
}

/**询价货币样式**/


/*select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}*/


/*.pager li{
    float: left;
    padding: 0px 4px;
    border: 1px solid #e1e1e1;
    margin-left: 4px;
    cursor: pointer;
}*/
table{
    border-collapse: inherit;
}
.coupons_phone{
    float: left;
}
.coupons_p_phone {
    background-color: #fff9eb;
    float: right;
    margin-top: 4px;
}
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.div-inline{ display:inline}

.right_sidebar_mobile{
    width: 100%;padding: 0px 5px 0px 5px;
}
.fr_content_mobile{
    width: 100%;padding: 0px 0px 0px 0px;
}


/*label{
    line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-right:15px;
    color: #777;
}*/
.radio_type{
    width: 10px;
    height:20px;
    appearance: none;
    position: relative;
}
.radio_type:before{
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/icon_radio_default1.png) no-repeat;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    top: 2px;
    position: absolute;
    left: 0px;
}
.radio_type:checked:before{
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/icon_radio_default1.png) no-repeat;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio_type:checked:after{
    content: '';
    width: 20px;
    height: 20px;
    text-align: center;
    background: url(../images/icon_radio_select1.png) no-repeat;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
}
.radio_type:checked+label{
    color: #EDD19D;
}
.footer_phone li{
    float: left;
}
.nav_r_phone{
    opacity:0.8;
    /*width: 350px;*/
    width: 96%;

    height: 225px;
    border-radius: 10px;
    float: left;
    margin: 13px 14px 14px 2%;
    background-color: #fff;
    text-align: left;
    padding: 16px 0 0 16px;
}


/*自适应样式新增开始*/
.head_img_phone{
    width:100%;padding-top: 10px;padding-bottom: 5px;background-color:#ffff;
}
.head_img_phone .dropdown-menu {
    top:-25px;left:-1px;
}
#dropdownMenu1{
    border: 0px solid transparent;padding: 0px 15px 0px 16px;

}
#cart_wap{
    background: url(../images/icon_cart.png) no-repeat;
    width:38px;height:28px;margin-right:24px;line-height: 12px;color: white;text-align: center;
}
.cart_right{
    margin-right:0px;
}
#login_wap img{
    width:21px;height:25px;margin-right:25px;
}
#register_wap img{
    width:21px;height:25px;margin-right:15px;
}
.head_img_phone .logofont{
    font-size: 18px;
    font-family: -webkit-pictograph;
}
.ulist_pcb_class{
    background-color: #ffff;
    margin-top:12px;
}
.ulist_pcb_class .row{
    margin-bottom: 18px;
}
.ulist_pcb_class .row .col-xs-4 {
    padding: 0px;

}
.ulist_pcb_class .row .col-xs-4:nth-child(2) {
    padding: 0px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}
.ulist_pcb_class .row .col-xs-4 .title_listpcb {
    text-align: center;
    font-size: 14px;
    color:black;
    padding-top: 0px;
    margin-top: 7px;
}
.ulist_pcb_class .row .col-xs-4 .title_listpcb_img {
    text-align: center;font-size: 13px;color:black;    padding-top: 5px;
}
.ulist_pcb_class .row .col-xs-4 .title_listpcb_desc {
    margin-top: -1px;
    margin-bottom: 15px;
}
.ulist_pcb_class .row .col-xs-12 .title_listpcb {
    text-align: center;margin-bottom:6px;color:black;margin-top:10px;
}
.ulist_pcb_class .row .col-xs-12 .track_submit_pcb {
    left:40px;top:-32px;
}
#ulist_pcb_id li{
    border: 0px solid #f3b526;height: 100%;margin-top:0px;
}
#ulist_li_brnone li{
    border: 0px solid #f3b526;
}
.spac_with{
    height:15px;background-color : #f1f2f3;
    width: 100%;
}
.title_listpcb_desc{
    text-align: center;color: #afafaf;line-height: 14px;margin-top: 5px;
}
.track_search_pcb_xs input[type="text"]{
    font-size: 13px;
    display: inline;
    width: 120px;
    height: 25px;
    line-height: 25px;
    margin: 5px 0;
    font-family: 'Arial, Verdana, sans-serif;';
    /*color: #afafaf;*/
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding-left: 25px;
    width:100%;height:36px;padding-left:0px;text-align:center;border:1px solid #eab800;
}
.top_pcb_row{
    background: #fff;
}
.top_pcb_row .scroll_t{
    padding-top: 5px;
}
.top_pcb_row .scroll_t .span1-1{
    width: 19%;margin-right: 0px;
}
.top_pcb_row .scroll_t .span2-2{
    width: 26%;margin-right:0px;
}
.top_pcb_row .scroll_t .span3-3{
    width: 18%;margin-right: 0px;
}
.top_pcb_row .scroll_t .span4-4{
    width: 36%;margin-right: 0px;
}
.padding_xs{
    padding-left: 10px;padding-right: 10px;
}
.padding_xs h3{
    width: 97%;
    margin-block-start: 18px;
}
.padding_xs .news_ul{
    padding-top: 0px;
}
.padding_xs .news_ul li:not(:first-child) h3 a{
    font-size: 14px;
    font-weight: normal;
}
.padding_xs .news_ul li .color999{
    float:right;
    font-size: 10px;
    font-weight: normal;
}
.padding_xs .news_ul li:first-child h3{
    margin-bottom: 8px;
    margin-top: 17px;
}

.padding_xs .news_ul li:first-child p{
    margin-bottom: 15px;
    margin-top: -2px;
}
.padding_xs .news_ul li:not(:first-child){
    height:50px;border-top:1px solid #e1e1e1;
}
.padding_xs .news_ul li:last-child{
    border-bottom:1px solid #e1e1e1;
}
.padding_xs .news_ul li:last-child a{
    color: #fff;
}
.padding_xs .title_pcb{
    color:#eba800
}
#padding_xs {
    padding: 20px 0px 20px 10px;
}
#c_new_padding{
    padding: 20px 0px 20px 10px;;
}
#padding_r_xs {
    padding: 20px 0px 20px 10px;
}
.padding_r_xs .title_pcb{
    color:#e8ba00;font-size:15px;
}
.padding_r_xs .news_ul li:first-child{
    margin-bottom: 10px;height: 100px;
    border-bottom: 1px solid #e1e1e1;
}
.padding_r_xs .news_ul li:first-child img{
    float: left;height:80px;padding: 6px 8px 0px 0px;
}
.padding_r_xs .news_ul li:first-child .fp{
    font-family: Arial;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    padding-top: 4px;
}
.padding_r_xs .news_ul li:first-child .sp{
    /*color: #afafaf;*/line-height: 18px;float: left;width: 59%;
    margin-top: -4px;
}
.padding_r_xs .news_ul li:last-child {
    line-height:30px;height: 100px;
}
.padding_r_xs .news_ul li:last-child img{
    float: left;height:80px;padding: 6px 8px 0px 0px;
}
.padding_r_xs .news_ul li:last-child .fp{
    font-family: Arial;font-size: 14px;font-weight: bold;color: #666;
    padding-top: 4px;
}
.padding_r_xs .news_ul li:last-child .sp{
    /*color: #afafaf;*/line-height: 18px;float: left;width: 59%;
    margin-top: -4px;
}


.footer_apcb_xs .visible-xs-block .form_box_footer label:first-child{
    margin-right:21px;
    margin-bottom: 0px;
    font-weight: unset;
}
.footer_apcb_xs .visible-xs-block .form_box_footer input{
    vertical-align:middle;border:0;
    margin-right: 15px;
}
.footer_apcb_xs .visible-xs-block .m_input{
    margin-left: 10px;
}
.footer_apcb_xs .row .col-md-3 .form_box_footer label{
    margin-left: 0px;
    /*margin-bottom: 5px;*/
}

.footer_apcb_xs .xs_verification{
    height: 28px;margin-top: 12px;margin-left: 10px;
}
.footer_apcb_xs .visible-xs-block .xsm-code-info{
    margin-top: -6px;
}
.footer_apcb_xs .visible-xs-block .xs_verification .xs-tncode-select-btn{
    margin-left: 27px;
    margin-right:-8px;
    margin-top: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 11px;
    /*background: url("../images/ve_default18.png") no-repeat ;*/
}
.footer_apcb_xs .visible-xs-block .xs_verification .xs-tncode-select-texttip{
    color:#888;
    font-size: 15px;
    margin-left: -70px;
    font-family: 'Arial, Verdana, sans-serif;';
}

.footer_apcb_xs .visible-xs-block #xs_button_pcb{
    width: 95%;margin-left:10px;
    margin-right:10px;border-radius: 20px;
    border-radius: 20px;background-color:rgb(136, 136, 136);
    height: 45px;color:#fff;font-size: 18px;margin-top: 2px;
    margin-bottom: 18px;
}


.footer_apcb_xs .visible-xs-block {
    text-align: left;background-color: #fff;margin-left:0px;
    margin-top: 0px;
    width:100%;
}
.footer_apcb_xs .visible-xs-block .form_box_footer{
    color: #333;margin-top:13px;margin-left: 5px;
}
.footer_apcb_xs .visible-xs-block .form_box_footer label{
    font-size: 15px;
    font-weight: unset;
}
.footer_apcb_xs .visible-xs-block .m_input input{
    width: 98%;
    height:40px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.footer_apcb_xs .m_input textarea{
    width: 98%;
    height: 60px;
    border-radius: 10px;
    border-color: #dbdbdb;
    resize: none;
}

.pclient{
    padding-bottom: 3px;
}
.footer_top{
    background-color:#FFF;
}
.footer_top .footer_phone{
    width:100%;
    height:40px;color:#808080;
    font-size: 14px;
}
.footer_top .footer_phone li{
    float:left;
}

.footer_top .footer_phone .s_in{
     width:38%;text-align: right;
    height: 40px;
    line-height: 40px;
}
.footer_top .footer_phone .s_in span{
    color:#808080;
}
.footer_top .footer_phone .s_rg{
    width:21%;
    line-height: 40px;
}
.footer_top .footer_phone .s_rg span{
    color:#808080;border-left: 1px solid #e1e1e1;padding-left: 13px;
}
.footer_top .footer_phone .s_top{
    width:33%;text-align: left;
    line-height: 40px;
}
.footer_top .footer_phone .s_top span{
    border-left: 1px solid #e1e1e1;padding-left: 10px;color:#808080;
}


.cart_right #cart_wap .session_value{
    padding-left: 14px;color:#ffffff;
}
#ulist_pcb_id #icon{
    margin: 15px 10px 0px 15px;
    float: none;
}
#ulist_pcb_id .col-xs-4 div{
    height:35%;width:100%;text-align: center;
}
#ulist_pcb_id .col-xs-4 .title_listpcb img{
    width:100px;margin-top: 7px;
}

#ulist_pcb_id .col-xs-12 li{
    height:86px;margin:10px 11px 0 0;
}

.content_boxpcb_xs .row{
    background: #fff;border-top: 2px solid #f3b526;
}
.content_boxpcb_xs .row .title{
    margin: 20px 0 0 10px;
    padding-bottom: 7px;
}
.content_boxpcb_xs .support_box{
    padding-left:0px;
}
.content_boxpcb_xs .support_box:last-child{
    margin-bottom: 15px;
}
.content_boxpcb_xs .support_box img{
    padding-right: 10px;
}
.content_boxpcb_xs .support_box ul{
    padding: 14px 10px 0px 10px
}
.content_boxpcb_xs .support_box ul li{
    height: 24px;
}

.img_b_xs{
    margin-top:0px;
}
.img_b_xs .row div{
    padding-right:0px;padding-left:0px;
}
.img_b_xs .row{
    margin-bottom: 20px;
}
.img_b_xs .img_m_phone .row .col-xs-6 li{
    margin: 25px 0px 0px 0px;
}
.img_b_xs .img_m_phone .row .col-xs-6 li img{
    width: 93%;
}
.img_b_xs .img_m_phone .row .col-xs-6 li .p_s{
    margin-top: 6px;
}
.img_b_xs .img_m_phone .row .col-xs-6 li .p_t{
    margin-top: -6px;
    margin-bottom: -2px;
}

.border_m .visible-xs-block #ulist_li_brnone div:last-child{
    background:url(../images/tuc3.png)
}

.border_m_lg{
    background:#fff;
}
.border_m_lg .col-md-3 .title_listpcb{
    font-size: 14px;
}


.box-middle_lg{
    width:1025px;background-color: #fff;
}
.box-middle_lg .top_pcb .c_news{
    width:335px;
}
.box-middle_lg .top_pcb div:last-child .news_ul li:not(:first-child) h3{
    margin-block-start: 0em;
    margin-block-end: 9px;
}
.box-middle_lg .top_pcb div:last-child .news_ul li:first-child h3{
    margin-bottom: 15px;margin-block-start: 3px;
}
.box-middle_lg .top_pcb div:last-child .news_ul li:first-child p{
    margin-bottom: 15px;
}
.box-middle_lg .c_news_other {
    width:335px;
}
.box-middle_lg .c_news_other .news_ul li{
    margin-bottom: 10px;height: 100px;
}
.box-middle_lg .c_news_other .news_ul .n_rpc{
    font-family: Arial;margin-bottom: 10px;font-size: 14px;font-weight: bold;color: #afafaf;
}
.box-middle_lg .c_news_other .news_ul .n_fpc{
    font-family: Arial;margin-bottom: 10px;font-size: 14px;font-weight: bold;color: #afafaf;
}
.box-middle_lg .c_news_other .news_ul li a  img{
    float: left;
}
.box-middle_lg .c_news_other .news_ul li a  p{
    color: #afafaf;line-height: 21px;padding-left: 4px;float: left;width: 215px;
}
.footer_bpcb_xs{
    padding-top: 6px;
    padding-bottom: 15px;
    background: #fff;
}
.content_boxpcb_lg .support_box{
    width: 251px;
}
.img_b_lg{
    height: 185px;
}
.img_b_lg .img_m{
    width: 1025px;
}
.img_b_lg .img_m ul li{
    width:241px
}
.footer_line .visible-sm-block{
    background-color: #fff;
}
.swiper-container{
    width:100%;
}
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 14px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.div-inline{ display:inline}

.quote-cy-select {
    float: left;
    margin-left: 10px;
}


.quote-cy-select #quote-Currencytext {
    width: 80px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding-left: 10px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    color: #e7a200;
    font-weight: bold;
    font-size: 10px;
    z-index: 9998;
    background: url(../images/top-arrow.png) no-repeat scroll right 4px center transparent;

}

#quote-CurrencySelect{
    /*position: absolute;*/
    /*top: 22px; left: 0;*/
    width: 218px;
    margin-top: -1px;
    background: #fff;
    z-index: 9999;
    border: 1px solid #e1e1e1;

}

@media(max-width:767px){
    .Error{
        margin-left: 0px;
    }

    .PartSHFee {
        width:48%;
        margin-right:6px;
    }

    .remove_box{        
        float: right;
        margin-top: 60px;
        width: 5%;
    }

    #quote-CurrencySelect{
        width: 100%;

    }


    .quote-label{
        width: 20%;
    }

    .quote-cy-select {
        margin-left: 0px;
        width: 80%;
    }

    .quote-cy-select #quote-Currencytext {
        width: 100%;
    }

    .hidetop{
        display: none;
    }
    
    .c90_line,.c90_line:link,.c90_line:visited{
        display: inline-block;
        word-break: break-all;
    }

}
@media(max-width:991px){
    .heightTitle{
        font-size: 16px;
        height: 21px;
        width: 201px;
        font-weight: bold;
        color: #eac020;
        z-index: 2;
        border-bottom: 2px solid #e8bb04;
        background-color: #fff;
        text-align: left;
        position: relative;
    }
    .heightTitle2{
        font-size: 16px;
        height: 21px;
        width: 144px;
        font-weight: bold;
        color: #eac020;
        z-index: 2;
        border-bottom: 2px solid #e8bb04;
        background-color: #fff;
        text-align: left;
        position: relative;
    }
    .hrtitle{
        border: 1px solid #e1e1e1;
        position: relative;
        top: -2px;
        z-index: 0;
    }
    .table2 .bt td{
        background: #f5eec4;
    }
}

    .b_self_img{
        width: 100%;
    }

@media(min-width:992px){

    .bannerframe .banner_m img{
        width: 80%;
    }
    .bannerframe .banner_m{
        left: 530px;
        top: 37px;
    }
    .main_nav ul{
        left: 59%;
    }
}
@media(min-width:1200px){
    .main_nav ul{
        left: 50%;
    }
/*    .col-lg-3{
        width: 24%;
    }
    .col-lg-4{
        width: 32.133333%;
    }
    .col-lg-12{
        width: 97.5%;
    }*/

    .bannerframe .banner_m img{
        width: 100%;
    }
    .bannerframe .banner_m{
        left: 630px;
        top: 15px;
    }
    .head_title .container .row{
        margin-right: 15px;
    }
    .head_title{
        margin-left: -26px;
    }

}
@media(min-width:1255px){
    .head_title .container .row{
        margin-right: -15px;
    }
}
/*@media(min-width:1260px){
    .col-lg-3{
        width: 25%;
    }
    .col-lg-4{
        width: 33.333333%;
    }
    .col-lg-12{
        width: 100%;
    }
}*/
@media(min-width:1300px){
    .head_title{
        margin-left: -26px;
    }
}
.clearBoth{
    clear: both;
    width: 100%;
    height: 10px;
    background: #f1f2f3;
}
 .dropdown-menu > li > a{height:45px;padding:3px 20px 3px 15px;line-height:35px;}
.dropdown-submenu>a:after{margin-top:-10;}
.tooltip2{
    position: relative; opacity: 1;display: inline; z-index:1;
}
.tooltip3{
    opacity: 1;display: inline; z-index:1;
}
#tooltip{position:absolute;border:1px solid #767676;background:#fafafa;padding:5px;color:#333;display:none; z-index:9999;
    text-align:left}

.self_table_wordbreak td{
    word-break: break-all;
}