*{ margin:0; padding:0;outline: 0 none; font-weight: normal;font-style: normal;font-size:12px; font-family: microsoft yahei;}
table {border-collapse:collapse;word-break:break-all}
input{font: 12px/1.5 Arial,Verdana,'SimSun';}
ol, ul ,li{list-style: none;}
img {border: 0 none; font-size:0; vertical-align:top}

.cl {zoom: 1;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow:hidden}
.clr {display: block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.fl{float:left;}
.fr{float:right}

body { color: #666; background: #fff; font: 12px/1.5 'microsoft yahei', Arial, Verdana, 'SimSun'; _background-image: url(about:blank); /* for IE6 */ _background-attachment: fixed; }
a { text-decoration: none; color: #666; }
a:hover { color: #1da6f4; text-decoration: none }
a:link, a:visited { color: #333; text-decoration: none; }

.yahei { font-family: "微软雅黑","黑体","宋体"; }
.green { color: #2d9801; }
.margin_r5 { margin-right: 5px; }
.margin_r20 { margin-right: 20px; }
.margin_t25 { margin-top: 25px; }
.txt_c { text-align: center; }
.hide { display: none; }
.float_l { float: left; }
body, button, input, select, textarea { font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
footer, header{ display: block; margin: 0px; padding: 0px; }
p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
/*input { -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; padding: 1px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; }
input, textarea, keygen, select, button { text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; margin: 0em 0em 0em 0em; font: 13.3333px Arial; }
input, textarea, keygen, select, button, meter, progress { -webkit-writing-mode: horizontal-tb; }*/

/*-------head-------*/
.head{ text-align:center; margin-bottom:10px; }
.foot { text-align: center; }
/*-------foot-------*/
.foot{ font-size:14px; color:#666666; margin-bottom:10px}
/*-------container-------*/
.container{ margin:0px auto; width:1200px}
.clearfix { zoom: 1; }
.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }

/*-------head-------*/
.head{ text-align:center; margin-bottom:15px;} 
.yp-navbar{ height:32px;border-bottom:1px solid #DDDDDD; background:#FAFAFA; color:#676767}
.yp-navbar .fav{ float:left;  padding-top:8px}
* html .yp-navbar .fav{ padding-top:10px}
*+html .yp-navbar .fav{ padding-top:10px}
.yp-navbar .nline{ width:1px; height:12px; background-position:-4px -7px; margin:0px 8px}
.yp-navbar .info{ float:right; padding-top:8px; color:#555}
* html .yp-navbar .info{ padding-top:10px}
*+html .yp-navbar .info{ padding-top:9px}
.yp-navbar .info .ico-shopping{ width:20px; height:16px; background-position:-20px -7px; margin-right:5px}
.yp-navbar a{ color:#555;}
.yp-navbar .green{ color:#2D9801}
.y-head{ margin-top:25px;}
.logo{ float:left; margin-top:5px}
.logo a{ display:inline-block; vertical-align:middle}
.logo-name{ display:inline-block; color:#666; font-size:24px; vertical-align:middle; margin-left:15px}




.contact{ float:right; margin-top:20px}
.contact span{ display:inline-block}
.icon-tel{ width:13px; height:17px; background-position:-68px -7px;}
.contact .tel{ color:#999999}
.contact .tel em{ font-size:20px; vertical-align:middle}
.qq{ padding:3px 7px; }
.qq a{ color:#0498dd; vertical-align:middle}
.icon-qq{ width:21px; height:24px; background-position:-91px -7px; margin-right:4px}

/*-------btn------*/
.btn{ display:inline-block; padding:4px 40px; color:#fff; background:#CCC; vertical-align:middle;border:none; font-family:"微软雅黑"; font-size:18px; cursor:pointer}
.btn:hover{ background:#666; color:#fff}
.btn-blue{ background:#1da6f4;}
.btn-blue:hover{ background:#0f91db;}
.btn-code{ padding:7px 20px; font-size:16px; color:#828282}
.btn-code:hover{background:#c2c2c2;color:#828282}
.btn-green{ background:#03a115; padding:4px 20px;font-size:14px; margin-left:5px}
.btn-green:hover{ background:#0b7c18; padding:4px 20px;}

/*-------input------*/
.form-control{ width:269px;border:1px solid #ddd; background:#fff; padding:8px 5px 7px; color:#444; vertical-align:middle; font-size:15px;line-height: 18px;}
.form-control:focus{border:1px solid #66AFE9}
.aster {color: #F03405;font-family: Tahoma,Geneva,sans-serif;font-size: 14px; display:inline-block; line-height:38px; margin:0px 10px 0px 5px}
.selet{ width:auto; padding:7px 2px 6px; height:auto;font-size:14px}
.w_100{ width:100px}

/*-------lable------*/
.lable{ display:inline-block; padding:4px 15px; color:#fff; background:#CCC; vertical-align:middle; border-radius:3px;}
.lable-blue{ background:#3698d4;}
.lable-green{ background:#00ba2d;}
.lable-yellow{ background:#ff7800;}
.lable-red{ background:#d92121;}

/*------form-------*/
.form-horizontal{}
.form-group{ margin-bottom:20px; overflow:hidden;zoom:1}
.form-group .control-label{ display: block; width:150px; float:left; text-align:right; line-height:38px; font-size:15px}
.form-group .control-cont{ margin-left:160px;}
.tips{ font-family:"宋体"; font-size:13px; display:inline-block}
.tips .Y-icon{ height:16px; width:14px; margin-right:5px;}
.warning{ color:#ef2323;}
.warning .form-control{border:1px solid #ef2323;}
.warning .tips .Y-icon{ background-position:-130px -8px}
.warning .tips{color:#ef2323;}
.warning-1{ color:#f98700;}
.warning-1 .form-control{}
.warning-1 .tips .Y-icon{ background-position:-157px -8px}
.error{ color:#ef1e1e;}
.error .form-control{border:1px solid #ef1e1e;}
.error .tips .Y-icon{ background-position:-180px -8px}
.successful{ color:#07bd02;}
.successful .form-control{}
.successful .tips .Y-icon{ background-position:-201px -8px}
.none-label{ padding-left:160px; font-size:14px; color:#333}
.none-label input{  margin-right:5px}
.none-label a{ color:#1da6f4}


/*-------登录------*/
.login-warp{ border:1px solid #e6e6e6; padding:5px; width:1188px; background:#fff; margin:40px auto 100px}
.login{ position:relative; background:url(../images/login-bg.jpg) no-repeat left top; height:376px;}
.login-form{ position:absolute; right:30px; top:23px; width:375px;}
.login-form .hd{ font-size:24px; font-weight:normal}
.login-form .hd .back{ float:right; font-size:14px; margin-top:13px}
.login-form .bd{ margin-top:50px; font-size:18px;}
.login-form .bd p{ margin-top:30px}
.login-form .bd .submit{ padding-left:72px;}
.login-form .bd .submit .reg{ color:#1da6f4; vertical-align:middle; margin-left:50px}
.login-form .bd .submit .reg:hover{ color:#ff6600}
.login-form .bd .error{padding-left:72px; font-size:14px; margin-top:20px}
.login_link{width:770px; height:376px; position:absolute; left:0px; top:0px; cursor:pointer;}

/*-------内页--------*/
.same-warp{margin:0px auto 20px;}
.module{ position:relative; font-size:16px; margin-top:60px; }
.module .hd{ position:absolute; left:205px; top:-36px; width:951px; height:39px}
.module .quick{ text-align:right; margin-bottom:5px}
.module .quick a{ color:#1da6f4;}
.module .quick a:hover{ color:#ff6600}
.module .hd a{ display:block; float:left; padding:0px 40px;line-height:34px; height:35px; background:#fff; text-align:center; font-size:15px; color:#616161;   border: 1px solid #F5F5F5; border-radius:1px 1px 0px 0px; background:#F7F7F7;border-bottom:1px solid #ddd; margin-right:5px}
.module .hd a:hover{ color:#616161; background:#f1f1f1;border: 1px solid #dedede; }
.module .hd a.on{border:1px solid #ddd;border-bottom:1px solid #fff; color:#1DA6F4; font-weight:bold; background:#fff; line-height:35px;}
.module .bd{ background:#fff;border:1px solid #ddd; min-height:450px; padding-top:30px;border-radius:1px }
*html .module .bd{ padding-top:140px}
*+html .module .bd{ padding-top:140px}
.purchaser-icon{ width:32px; height:24px;background-position:-93px -84px; margin-right:5px; display:none}
.supplier-icon{ width:38px; height:23px; background-position:-154px -84px;margin-right:7px; vertical-align:text-top; display:none}
.module .hd a.on .purchaser-icon{  background-position:-93px -49px}
.module .hd a.on .supplier-icon{background-position:-154px -46px}
.password-icon{width:18px; height:23px;background-position:-219px -84px; margin-right:5px; vertical-align:text-top; display:none}
.name-icon{width:25px; height:23px;background-position:-265px -84px; margin-right:5px; vertical-align:text-top; display:none}
.module .hd a.on .password-icon{background-position:-219px -49px;}
.module .hd a.on .name-icon{background-position:-265px -49px;}

.register{ margin:40px 0px 70px 0px}
.register-1{ margin:0px 0px 20px 300px}
.reg-btn{ margin:30px 0px 30px 160px}
.reg-btn .btn-blue{  padding: 4px 0px; width:279px; font-size:16px;letter-spacing:2px; font-weight:bold;border:1px solid #109cec }
.pass-btn{ margin:30px 0px 30px 220px}
.process{ margin:50px auto 40px; width:951px;}
.step{ height:25px; overflow:hidden; width:951px; background:url(../images/pass/step.gif) no-repeat -0px -0px}
.step li{ width:317px; text-align:center; line-height:25px;  color:#8b8b8b; float:left}
.step li.active{ color:#fff}
.s-1{ background-position:-0px -33px}
.s-2{ background-position:-0px -66px}

.reg-succ{ color:#03a115; font-size:24px; padding-left:170px}
.succ-icon{ width:58px; height:58px; background-position:-4px -46px; margin-right:10px}
.finduser{ margin-top:80px; margin-bottom:20px}
.bind{ background:#f5f5f5; width:460px; margin:0px auto; padding:15px 25px;}
.bind p{ line-height:30px; font-size:14px}
.bind p .green{ display:inline-block; width:100px}
.bind p a{ color:#1da6f4; display:inline-block; width:100px; text-align:right;}
.bind p a:hover{ color:#ff6600}
.bind em{ margin-right:5px;display:inline-block;}

/*-------successful------*/
.successful-1{ margin:130px 0px 0px 450px}
.successful-1 .img{ float:left}
.successful-1 .info{ float:left; color:#666; margin-left:10px}
.successful-1 .info h2{ color:#07BD02; font-size:18px; margin-bottom:10px}

/*-----提醒-----*/
.tip-icon{ display:inline-block; background:url(../images/pass/tip-icon.png) no-repeat; vertical-align:middle; width:25px; height:25px; margin-right:5px}
.tip-box{ position:fixed; left:48%; top:45%;border:1px solid #ababab;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.tip-cont{border:0px solid #f8f4eb; background:#fff; padding:15px 30px 12px; color:#404040; position:relative; font-weight:bold}
.tip-cont p{ margin-bottom:0px}
.tip-cont .close{ width:8px; height:8px; background-position:-87px -6px; position:absolute; right:5px; top:5px; margin-right:0px;opacity: 0.5}
.tip-cont .close:hover{ color:#F00;opacity: 0.9}
.tip-cont .success{color:#67c00f;}
.tip-cont .success .icon{ background-position:-6px -4px}
.tip-cont .error{color:#e22d2d;}
.tip-cont .error .icon{ background-position:-6px -38px}
.tip-cont .warning{color:#ff9902;}
.tip-cont .warning .icon{ background-position:-6px -73px}
.tip-cont .info{color:#3366cc;}
.tip-cont .info .icon{ background-position:-7px -109px}

 .l_mt172{margin-top: 172px;}
 /*#60c37e*/
.l_login{width: 100%;height: 390px;background: #fafafa;font-family: "Microsoft yahei";margin-bottom: 170px;}
.l_login .l_loginbox{width: 1148px;height: 390px;margin: 0px auto;position: relative;}
.l_login .l_loginbox img{display: inline-block;border:0px;}
.l_login .l_menbox{width: 368px;height: auto;padding: 10px;background: #fff;position: absolute;right: 0px;top:33px; box-shadow: 1px 2px 2px #eee;border: 1px solid #eee;}
.l_menbox .l_mbox{background: #f5f5f5;padding: 20px 30px;}
.l_mbox h2{font-size: 24px;color: #949494;font-weight: normal;margin-bottom: 24px;}
.l_mbox .l_line{margin-top: 18px;width: 260px;height: 39px;border:1px solid #d6d6d6;background: #fff;position: relative;padding-left: 40px;*height:40px;}
.l_line .l_user{width: 15px;height: 18px;background: url("../images/pass/l_login.png") -10px -53px no-repeat;display: inline-block;vertical-align: middle;position: absolute;top:10px;left: 14px;}
.l_line .l_password{width: 15px;height: 19px;background: url("../images/pass/l_login.png") -9px -15px no-repeat;display: inline-block;vertical-align: middle;position: absolute;top:10px;left: 12px;}
.l_line .l_user2{background-position: -47px -53px;}
.l_line .l_password2{background-position: -46px -15px;}
.l_line .l_txtbox{  padding: 9px 6px; width: 247px; border: 0px; line-height: 22px;border-left: 1px solid #d6d6d6;outline: none;height: 21px;}
.l_mbox .l_borblue{border:1px solid #3bade0;background: #e9f6fc;}
.l_mbox .l_borblue .l_txtbox{border-left: 1px solid #3bade0;}
.l_wrongp{font-size: 12px;color: #ef0000;margin-top: 5px;}
.l_wrongp i{width: 12px;height: 16px;background: url("../images/pass/l_login.png") -9px -104px no-repeat;display: inline-block;vertical-align: middle;margin-right: 5px;}
.l_submit{height: 46px;display: block;font-size: 20px;color: #fff;line-height: 46px;text-align: center;width: 285px;background: url("../images/pass/l_sb.png") no-repeat;margin-top: 9px;border:0px;outline: none;cursor: pointer;font-family: "Microsoft yahei"}
.l_submit:hover{color: #fff;background: url("../images/pass/l_sbh.png") no-repeat;}
.l_submit2{width: 302px;background: url("../images/pass/l_sb2.png") no-repeat;}
.l_submit2:hover{color: #fff;background: url("../images/pass/l_sbh2.png") no-repeat;}
.l_submit1{height: 46px;display: block;font-size: 20px;color: #fff;line-height: 46px;text-align: center;width: 285px;background: #ccc;margin-top: 9px;border:0px;outline: none;cursor: pointer;font-family: "Microsoft yahei"}
.l_findit{margin-top: 17px;text-align: right;}
.l_findit a{font-size: 12px;color: #757575;font-family: "Microsoft yahei";}
.l_findit a:hover{color: #3c9fd8;}
.l_regist{margin-top: 40px;padding: 10px;border-top:1px solid #dbdbdb;padding-bottom: 0px;}
.c-blue{color: #3c9fd8;}
.l_kf{width: 11px;height: 18px;background: url("../images/pass/l_login.png") -9px -219px no-repeat;display: inline-block;  vertical-align: middle;}

/*客户注册*/
.r_regist{width: 1079px;border:1px solid #ccc;padding: 0px 56px;margin:0px auto;background: #fff;font-family: "Microsoft yahei";}
.r_regist .r_top{height: 67px;line-height: 68px;font-size: 17px;font-weight: bold;color: #8f8f8f;border-bottom: 1px solid #e9e9e9;}
.r_top .r_lbox{width: 258px;text-align: center;float: left;cursor: pointer;}
.r_top .r_cgs{width: 21px;height: 25px;background: url("../images/pass/l_login.png") -82px -15px no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.r_top .r_gys{width: 27px;height: 25px;background: url("../images/pass/l_login.png") -84px -52px no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.r_borderb3{background: url("../images/pass/l_array_bg.png")  0px 60px no-repeat;}
.r_xian{float: left;width: 1px;height: 22px;background: #d1d1d1;  margin-top: 24px;}
.r_bottom{overflow: hidden;zoom:1;min-height: 400px;}
.r_bottom .r_left{float: left;width: 733px;border-right: 1px solid #ddd;padding-top: 40px;padding-bottom: 50px;}
.r_aline{margin-top: 25px;height: 40px;line-height: 40px;}
.r_aline span{display: inline-block;float: left;width: 112px;text-align: right;height: 38px;line-height: 38px;}
.r_tip1{width: 246px;height: 40px;line-height: 40px;background: url("../images/pass/r_box1.png") no-repeat;float: left;padding-left: 20px;}
.r_tip1 i{width: 23px;height: 23px;background: url("../images/pass/l_login.png") -88px -97px no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.r_tip2{width: 301px;height: 42px;line-height: 40px;background: url("../images/pass/r_box2.png") no-repeat;float: left;padding-left: 20px;}
.r_tip2 i{width: 23px;height: 23px;background: url("../images/pass/l_login.png") -9px -141px no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.r_tip3{width: 246px;height: 40px;float: left;padding-left: 20px;line-height: 40px;}
.r_tip3 i{width: 23px;height: 23px;background: url("../images/pass/l_login.png") -47px -141px no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.r_yzm{width: 117px;height: 38px;float: left;display: inline-block;margin-left: 5px;border: 0px;text-align: center;line-height: 38px;color: #4d4d4d;background: #cdcfcd;color: #2c2c2c;border-radius: 4px;font-family: "Microsoft yahei";cursor: pointer;}
.r_yzm:hover{text-decoration: underline;color: #2c2c2c;}
.r_xy input{vertical-align: middle;margin-right: 5px; margin-top: -2px;}
.margin0{margin:0px !important;}

.r_right{float: left;padding: 40px 20px;width: 304px;}
.r_login{width: 90px;height: 34px;line-height: 34px;background: url("../images/pass/r_loginbg.png") repeat-x;display: inline-block;text-align: center;border:1px solid #ddd;font-size: 15px;color: #666;}
.r_login:hover{color: #666;}
.r_h3{height: 42px;background: #dafddc;font-size: 22px;color: #1bc923;line-height: 42px;text-align: center;font-weight: normal;margin: 30px 0;}
.r_p1{color: #999;font-size: 13px;text-indent: 2em;line-height: 20px;font-family: "songti"}
.r_ul{color: #666;line-height: 30px;list-style: disc;  margin-left: 20px;margin-top: 20px;}
.r_aline select{height: 30px; width: 92px; border: 1px solid #ddd; color: #666;}
.r_zmm{width: 20px;height: 26px;background: url("../images/pass/l_login.png") -5px -179px no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.r_zyh{width: 33px;height: 26px;background: url("../images/pass/l_login.png") -43px -179px no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.f_pass{width: 680px; margin: 0px auto;padding-bottom: 40px;}
.f_tip{display: block;margin:50px auto;}
.r_success{width: 640px;font-size: 16px;color: #969696;font-weight: bold;}
.f_bindbox{clear: both;margin-top: 88px;font-size: 14px;color: #666;padding: 0px 110px 110px;}
.f_bindbox p{margin-top: 20px;}
.f_bindbox p a{margin-left: 15px;color: #0498dd;}
.margin_l40{margin-left: 40px;}
.f_tipbox{margin:50px auto;overflow: hidden;zoom:1;width: 1010px;}
.f_tipbox .f_tip1{width: 335px;height: 29px;line-height: 29px;float: left;background: url("../images/pass/tip_bg1.png") no-repeat;text-align: center;font-size: 14px;color: #1bc923;}
.f_tipbox .f_tip4{width: 324px;height: 29px;line-height: 29px;float: left;background: url("../images/pass/tip_bg2.png") no-repeat;text-align: center;font-size: 14px;color: #b5b5b5;}
.f_tipbox .f_tip3{width: 348px;height: 29px;line-height: 29px;float: left;background: url("../images/pass/tip_bg3.png") no-repeat;text-align: center;font-size: 14px;color: #1bc923;}
.f_tipbox .f_tip2{width: 348px;height: 29px;line-height: 29px;float: left;background: url("../images/pass/tip_bg4.png") no-repeat;text-align: center;font-size: 14px;color: #b5b5b5;}
.f_tipbox .f_tip5{width: 324px;height: 29px;line-height: 29px;float: left;background: url("../images/pass/tip_bg5.png") no-repeat;text-align: center;font-size: 14px;color: #1bc923;}
.vishidden{visibility: hidden;}
.l_overlflow{overflow: hidden;zoom:1;}
.l_uspan1{width: 178px;display: inline-block;text-align: left;float: left;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.l_uspan2{display: inline-block;text-align: left;  width: 210px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;float: left;}
.r_xy{width: 284px;float: left;}

.popbox{width: 350px;height: 135px;padding: 15px;background: #fff;border:1px solid #eee;position: fixed;left: 50%;top:50%;margin-left:-175px;margin-top: -70px;z-index: 1001;border-radius: 4px;}
.popbox .pop_close{width: 8px;height: 8px;background: url("../images/pass/l_login.png") -48px -222px no-repeat;display: inline-block;position: absolute;right: 10px;top:10px;}
.popbox .pop_content{margin-top: 20px;}
.popbox .p_text{width: 128px;height: 26px;padding: 5px;line-height: 26px;border:1px solid #ddd;outline: none;font-size: 14px;}
.popbox .pop_content img{display: inline-block;margin-left: 6px;}
.popbox .pop_content a{margin-left: 6px;display: inline-block;}
.popbox .pop_button{width: 142px;height: 45px;line-height: 45px;color: #fff;font-size: 18px;background: #1da6f4;border:0px;outline: none;border-radius: 4px;margin-top: 30px;font-family: "Microsoft yahei";cursor: pointer;}
#mask{width: 100%;height: auto;background: #000;opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5;z-index: 999;position: absolute;top: 0px;left: 0px;} /*弹出层背景样式*/