@charset "utf-8";
/* CSS Document */
html{background:#f5f5f5;}
body{  font-family:Arial, Helvetica, sans-serif; position:relative;}
::-webkit-input-placeholder { /* WebKit browsers */
color: #bbb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #bbb;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #bbb;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #bbb;
}
.slide-menu .title span,.success p.p1 i,.main-form ul li .company dt span.delete{ background:url('form-bg.png') 0 0 no-repeat;}
.header{ width:980px; margin:0 auto; padding-top:34px; height:44px;}
.header .left-logo{ float:left;}
.header .left-logo a.logo{ float:left;margin:0 20px 0 2px;}
.header .left-logo i{width:1px; height:28px; background:#ddd; float:left; margin:16px 20px 0 0;}
.header .left-logo span{ font-size:20px; height:28px; display:block; float:left; line-height:28px; color:#666; margin-top:16px;}
.header ul{ float:right; margin-top:30px;}
.header ul li{ float:left; font-size:12px; margin:0 6px 0 15px;}
.header ul li a{ color:#333; width:45px; display:block; height:16px; line-height:16px;}
.header ul li.li2 a{ color:#666; font-family:Arial, Helvetica, sans-serif; width:70px; text-align:right;}
.header ul li a:hover{ text-decoration:underline; font-weight:bold;}

.content{ width:100%; margin-top:16px;}
.main-form{ width:978px; background:#fff; border:solid 1px #ddd; border-radius:3px; margin:0 auto;}
.main-form ul.form-main{ width:660px; margin:0 auto; padding-top:50px;}
.main-form ul li{ margin-bottom:18px; display:block; width:660px;position:relative;}
.main-form ul li label{ width:119px; height:40px; display:block; float:left; font-size:14px; color:#333; line-height:40px;}
.main-form ul li label i{ width:12px; height:40px; color:#d41313; display:block; float:left;}
.main-form ul li .txt{ width:526px; height:38px; border:solid 1px #ddd; border-radius:3px; line-height:38px; padding-left:12px;}
.main-form ul li .txt.current{border-color:#d41313;}
.main-form ul li .company{ border:solid 1px #ddd; border-radius:3px; float:left; width:537px;}
.main-form ul li .company dl{padding:11px 10px; width:517px; display:none}
.main-form ul li .company dl.edit{ display:block;}
.main-form ul li .company dl:hover{ background:#f9f9f9;}
.main-form ul li .company dt{ color:#333; font-size:14px;}
.main-form ul li .company dt i{ width:400px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;display:inline-block; font-style:normal;}
.main-form ul li .company dt a{ color:#333;width:400px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;display:inline-block; font-style:normal;}
.main-form ul li .company dt span.delete{ width:10px; height:10px; display:inline-block; background-position:0 -273px; margin-left:10px; cursor:pointer; vertical-align:3px;}
.main-form ul li .company dd{ margin-top:12px;}
.main-form ul li .company dd img{ border:solid 1px #ddd; border-radius:3px; width:62px; height:62px;}
.main-form ul li .select{ float:left; width:540px;}
.main-form ul li .select li{ float:left;margin:0;}
.main-form ul li ul{ width:540px; padding-top:0;}
.main-form ul li .select{ position:relative;}
.main-form .select-box{ width:498px; height:38px; display:block; background:#fff; border:solid 1px #ddd; text-align:left; line-height:38px; padding-left:12px; border-radius:3px 0 0 3px;cursor:pointer; float:left; overflow:hidden; }
.main-form .select-box span{ color:#333; font-size:14px; float:left;}
.main-form .select-box i{width:30px; height:40px; background-color:#dddddd; display:block; float:left; line-height:40px; text-align:center; border-radius:0 3px 3px 0; margin-left:-1px;  position:absolute; left:510px; top:0;}
.main-form .select-box i em{position: absolute;top: 18px;left: 30%;content: '';width: 0;height: 0;border-top: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;}
.main-form .selectMenu{ position:absolute; top:39px; left:0; width:508px; border:solid 1px #ddd; background:#fff; border-radius:0 0 3px 3px; z-index:99;}
.main-form .selectMenu a{ display:block; padding:0 10px 0 12px; height:30px; line-height:30px; color:#747474; font-size:14px; width:488px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;display:block;}
.main-form .selectMenu a:hover{ color:#333; background:#f5f5f5;}
.main-form ul li ul li.select-btn{ position:inherit;}
.main-form ul li span.tips{ font-size:12px; color:#333; position:absolute; left:119px; top:45px;display:block; }
.main-form ul li .area{ width:518px; height:182px;max-width:518px; max-height:182px; overflow-x:hidden;overflow-y:scroll; border:solid 1px #ddd; border-radius:3px; padding:8px 10px; line-height:26px; font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.main-form ul li .area.current{border-color:#d41313;}
.main-form ul li.area{ margin:35px 0 10px 0;}

.slide-menu{ padding-left:119px; width:540px; margin:0 auto;}
.slide-menu .title{ margin-bottom:10px; height:18px;}
.slide-menu .title span{ width:18px; height:18px; display:inline-block; background-position:0 -186px; vertical-align:-4px; margin-right:8px;cursor:pointer;}
.slide-menu .title span.current{ background-position:0 -228px;}
.slide-menu .title i{color:#333; font-size:12px; line-height:18px; cursor:pointer; font-style:normal; }
.slide-menu .slide-form{ width:510px;background:#f9f9f9; border-radius:3px; padding:18px 15px 6px 15px; display:none;}
.slide-menu .slide-form ul li{ height:24px;line-height:24px; margin-bottom:12px; display:block;}
.slide-menu .slide-form ul li label{ width:62px; height:24px; display:block; float:left; margin-right:10px; font-size:12px; line-height:24px; color:#333;}
.slide-menu .slide-form ul li label.label2{ width:45px; text-align:right;}
.slide-menu .slide-form ul li .txt1{ width:213px; height:22px; border:solid 1px #ddd; border-radius:3px; float:left; padding-left:7px;}

.slide-menu .slide-form ul li .txt2{ width:183px;}
.slide-menu .slide-form ul li .txt3{ width:287px;}
.slide-menu .slide-form ul li .select{ width:66px; float:left; margin-right:9px;}
.slide-menu .slide-form ul li ul{ width:66px; padding-top:0;}
.main-form .slide-menu{ margin-bottom:10px;}
.main-form .slide-menu .slide-form .select-box{ width:40px; color:#333; font-size:12px; line-height:22px; height:22px; padding-left:7px;}
.main-form .slide-menu .slide-form i.select-btn{ width:19px; height:24px; line-height:24px; left:46px; background-image:none; }
.main-form .slide-menu .slide-form i.select-btn em{position: absolute;top: 11px;left: 30%;content: '';width: 0;height: 0;border-top: 4px solid #fff;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid transparent;}
.main-form .slide-menu .slide-form  li .file-btn{ width:100px; height:22px; border:solid 1px #ddd; text-align:center; line-height:22px; border-radius:3px; font-size:12px; color:#333; display:inline-block; background:#fff; float:left;}
.main-form .slide-menu .slide-form  li .file-btn:hover{}
.main-form .slide-menu .slide-form  li span.error{ color:#d41313; font-size:14px; float:left; margin-left:12px; display:none;}
#selectMenu2{ width:49px; top:23px;}
#selectMenu2 a{ width:42px; height:24px; line-height:24px;padding:0 0 0 7px;}

.main-form ul.check-list{padding-left:119px; width:540px; margin:0 auto;}
.main-form ul.check-list li{ height:24px; line-height:26px; font-size:12px; color:#333; min-height:26px; margin:0;}
.main-form ul.check-list li span.check{ width:14px; height:14px; display:inline-block; background:url('classify.png') 0 -26px no-repeat; vertical-align:-2px; margin-right:10px; cursor:pointer;}
.main-form ul.check-list li span.check.current{ background-position:-16px -26px;}

.submit{ }
.submit a{width:320px; height:40px; display:block; margin:44px auto 50px auto; background:#d41313; text-align:center; line-height:40px; font-size:16px; border-radius:3px; color:#fff;}
.submit a:hover{ background:#c60000;}

.select-suppliers{ width:948px; height:289px; border-bottom:solid 1px #ddd; padding-left:30px; background:#f9f9f9;}
.select-suppliers .title{ height:65px; line-height:65px; font-size:20px; color:#333;}
.select-suppliers ul{ padding-top:0; width:auto;}
.select-suppliers ul li{ width:160px; float:left; margin-right:29px;}
.select-suppliers ul li img{border-radius:3px; display:block; margin-bottom:7px; width:160px; height:160px;}
.select-suppliers ul li i{ width:160px; font-size:12px; font-style:normal;}
/*.select-suppliers ul li i span.check{ width:14px; height:14px; display:block; background:url('classify.png') 0 -26px no-repeat; vertical-align:-2px; margin-right:7px; float:left; cursor:pointer;}
.select-suppliers ul li i span.check.current{ background-position:-16px -26px;}*/
.main-form ul li .check { float:left; vertical-align: -2px; margin-right: 7px; width: 14px; height: 14px; display: block; background: url('classify.png') 0 -26px no-repeat; vertical-align: -2px; margin-right: 7px; float: left; cursor: pointer; }
.main-form ul li input[type=checkbox] { display:none; }
.main-form ul li input[type=checkbox]:checked + label { background-position: -16px -26px; }
.select-suppliers ul li i a{ float:left; width:139px; display:block; max-height:36px; line-height:18px;word-wrap:break-word;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color:#333;}
.select-suppliers ul li i a:hover{ text-decoration:underline;}

.select-suppliers ul li a.product-name{ font-size:12px; color:#333;width:160px; display:block; max-height:36px; line-height:18px;word-wrap:break-word;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.select-suppliers ul li a:hover{ text-decoration:underline;}
.last-supply{ border-bottom:none;}

.success{ height:141px; background:#fff; border-bottom:solid 1px #ddd; padding-top:81px;}
.success p{ text-align:center; font-size:14px; color:#666; margin-bottom:16px;}
.success p.p1{ font-weight:bold; line-height:24px; color:#3c9f00; font-size:20px; height:24px; }
.success p.p1 i{background-position:-176px -298px; width:24px; height:24px; display:inline-block; vertical-align:-5px; margin-right:15px;}
.success p span{ color:#3c9f00; margin-left:4px;}

.main-form ul li .erro_alert{ position:absolute; right:2px; top:12px; font-size:14px; color:#d41313;padding: 0 6px;cursor: text; background: #fff;background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 8px); background: linear-gradient(to right,rgba(255,255,255,0),#fff 8px);opacity: 0;-ms-filter: "alpha(Opacity=0)";-webkit-transform: translate(20px,0);-ms-transform: translate(20px,0);transform: translate(20px,0); -webkit-transition: .25s ease-out;transition: .25s ease-out;}
#area_error{ right:19px;}
.main-form ul li .erro_alert1{ top:174px;}
.main-form ul li .erro_alert.is-visible{opacity: 1;-ms-filter: "alpha(Opacity=100)";-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}

.footer2{ background:none; margin-top:22px; padding-bottom:22px; font-size:14px;}
.footer2 .link{ border:none;}
.footer2 .link p{ text-align:center; color:#999; font-family:"Microsoft YaHei"; line-height:26px;}
.footer2 .link p.p1{}
.footer2 .link p a{ margin:0 7px;color:#999; font-family:Arial, Helvetica, sans-serif;}
.footer2 .link p a:hover{ color:#333;}

.notfind{ width:700px; margin:-30px auto 0 auto;}
.notfind img.notfind-img{ width:120px; height:120px; float:left; margin-bottom:7px;}
.notfind span.notfind-word{ float:left; width:500px; display:block; margin:32px 0 0 30px; line-height:30px; font-size:20px; color:#333;}
.notfind span.notfind-word a{ color:#d41313;}
.notfind span.notfind-word a:hover{ text-decoration:underline;}

.main-form ul.check-list li .check{ display:block; margin-top:6px;}
html:lang(ar) .main-form ul li label{ float: right;}
html:lang(ar) .main-form ul li label i{ float: right;}
html:lang(ar) .main-form .select-box span{ float: right;text-indent:10px;}
html:lang(ar) .main-form ul li span.tips{ right: 125px;}
html:lang(ar) .slide-menu{ padding-left: 0; padding-right: 120px;}
html:lang(ar) .slide-menu .title span{ margin-right: 0; margin-left: 8px;}
html:lang(ar) .main-form ul.check-list li{ padding-right: 120px; text-indent: 10px;}
html:lang(ar) .main-form ul.check-list li .check{ float: right;}
html:lang(ar) .main-form ul li .check{ margin-right: 0;}
html:lang(ar) #area_error{ right: 143px;}
html:lang(ar) .slide-menu .slide-form ul li .select{ float: right;margin-right:0;margin-left:9px;}
html:lang(ar) .slide-menu .slide-form ul li .txt1{float: right;margin-right:0;margin-left:7px;padding-left:0;padding-right:7px;}
html:lang(ar) .main-form ul li .erro_alert{ right:400px;}