/*
 * Name: common.css
 * Version: V1.0.0
 * Author: xuenshu
 * Date: 2014-9-4 
 */

.headerCon-phone,.mainmenu-nav li.service a,.notice,.leftmenu .base li a,.leftmenu .base li a:hover,.leftmenu .base li.current a,.leftmenu .service ul li a,.form-picnmbg .del,.btnsm.wico i,.btnsm-blue.wico i,.operation .oper-down,.servicechg-con .tit,.servicechg-con .serconli i,.prostate,.typeico,.schmore,.deltatop,.btndel,.btnup,.btnadd,.leftmenu .service .add,.ordershow .tylist li a,.tittext-hover i,.ejectbox-tit .del,.tittext-alert .del,.mail{background-image: url(../images/icolist.png); background-repeat:no-repeat; }

.headerCon-menu li.current a,.ind-servicecon .arrow,.ind-servicehead .servicelink,.indnews-list li,.ind-login .login-h,.qrcode-tit,.sidebar li.tit a,.loginhotline,.infotext li i,.inptextbra{background-image: url(../images/indicolist.png); background-repeat:no-repeat;}

table{ width:100%;}
th{ padding:8px; text-align:center;  border-bottom:1px solid #e0e0e0; font-weight:bold;}
td{ padding:3px 8px; }
.text-cen td,.text-cen th{ padding:10px 8px; text-align:center; border-bottom:1px solid #e0e0e0; }
.text-cen.nobord td{border:solid #e0e0e0; border-width:1px;}
.text-cen td.textle{ text-align:left;}
.text-cen td.textri{ text-align:right;}
.trcolor{ background-color:#fbfbfb;}
.trcolor-org{ background-color:#fffceb;}
tr.thtextle th{ text-align:left; padding:8px 0;} 
.bordertb th{ border:solid #e0e0e0; border-width:1px 0 1px 0; background-color:#fbfbfb;}
.table-base th,.table-base td{ padding:5px 2px; border:solid #e0e0e0; border-width:0 0 1px 0;}
.table-base-border{ margin-top:5px; border:solid #e0e0e0; border-width:1px 0 0 1px;}
.table-base-border td,.table-base-border th{ padding:2px; border:solid #e0e0e0; border-width:0 1px 1px 0;}

.table-base th,.form-con .table-base th{  border:solid #e0e0e0; border-width:0 0 1px 0;}

.fonth3{ font-size:24px;} 
.titlefont{ width:100%; padding-bottom:15px;  color:#000; overflow:hidden;}
.titlefont h3{ float:left; font-size:18px;}
.titlefont h3.serice{ padding-top:2px; font-weight:bold; font-size:20px;}
.f14p10 td{font-size:14px; padding:5px 10px;}
.span{ padding-left:20px;}
.link-absolute,.link-absolute11{ position:absolute; top:5px; right:10px;}
.link-absolute11{top:11px;}
.link-span{ padding-left:15px;}

.colgrey{ color:#9a9a9a;}
.colbase{ color:#404040;}
.colgreen{ color:#42be0a;}
.colblue{ color:#117ed2;}
.colorange{ color:#ff8a00;}
.colred{ color:#ef0a0a;}
.tith3red{color:#ef0a0a; font-size:14px; padding:0 5px;}
#noborderw{ border-width:0px;}
.sline{ padding:0 10px; color:#d8d8d8;}
.remark{ color:#9c9c9c; padding-left:10px;}
.font-bold,.font-bold .colbase{ font-weight:bold; color:#000;}
.deepred,.deepred .colbase{color:#e8103f;}

.tstit{ padding:10px 0 50px; border-top:1px dashed #e0e0e0; font-size:14px; color:#8c8c8c;}
.mail{ padding-left:25px; background-position:0 -1264px; font-style:normal;}
.mail.haveread{ background-image:none;} 

.header{ position:relative; z-index:1000;}
	.header-winfo{ width:980px; margin:0 auto; position:relative;}
	.topnav{ height:30px; background-color:#f6f6f6; border-bottom:1px solid #e7e6e6;}
	.topnav-info{ float:left; line-height:30px;}
	.topnav-menu{ float:right; line-height:30px; }
	.topnav-menu li{ float:left; padding-left:10px; position:relative;}
	.topnav .separator{
		display:inline-block;
		*display:inline;
		*zoom:1;
		width:0;
		height:15px;
		line-height:15px;	
		position:relative;
		top:8px;
		left:0;
		font-size:0;
		border-left:1px solid #ccc;
		margin:0 0 0 10px;
		padding:0;
	}
	.select-blue{margin-top:-2px;  display:inline-block;color:#707070;text-decoration:none;cursor:pointer; padding:3px 5px 1px 5px;}
	.select-blue.current,.select-blue:hover{ position:relative;  font-weight:bold;  background-color:#2E89EF; color:#fff;}
	.select-blue-info{ position: absolute;top:31px; right:0px; min-width:70px;  text-align:left;  border:1px solid #bbb; border-top:3px solid #2E89EF; background-color:#fff;  z-index: 1000; display:block;}
	.select-blue-info li{ padding:0; width:100%; white-space:nowrap; border-bottom:1px dashed #E0E0E0;}
	.select-blue-info.current a,.select-blue-info li.current a:hover{ background-color:#2E89EF; color:#fff}
	.select-blue-info .link{ display:block; padding:0 7px ; line-height:25px;  color:#555; }
	.select-blue-info .link:hover{color:#2E89EF; }
	.select-blue-info .link.esc{ color:#2E89EF;}
	
	.rednum { margin-left:5px; padding:0 4px; background-color:#2E89EF; border-radius:2px; color:#fff; font-weight: 100;}
	.headerCon{height:90px;}
	.headerCon-logo{ float:left; padding-top: 20px;}	
	.headerCon-logo a{display: block; width: 175px; height: 55px; overflow:hidden; background:url(../images/logo.png); text-indent:-9999px;  cursor:pointer;}
	.headerCon-menu{ float:right; margin-top:35px; }
	.headerCon-menu li{ float:left; margin-left:30px; }
	.headerCon-menu li a{padding-left:18px; font-size:16px; color:#222;}
	.headerCon-menu li a:hover{ color:#1280e2;}
	.headerCon-menu li.current a{ background-position:0 -3px; color:#1280e2;}
	.headerCon-phone{ float:right; width:249px; height:20px; margin-top:35px; background-position:0 0; position: absolute; right: 0;}
	.mainmenu{ background-color:#0581ce;}
	.mainmenu-nav{height:36px;}
	.mainmenu-nav li{ float:left; line-height:36px; font-size:14px; color:#fff;}
	.mainmenu-nav li a{ display:block; padding:0 20px;   color:#fff; text-decoration:none;}
	.mainmenu-nav li a:hover,.mainmenu-nav li.current a{ background-color:#2494da;}
	.mainmenu-nav li.service{ float:right; font-size:12px; }
	.mainmenu-nav li.service span{ display:inline-block; }
	.mainmenu-nav li.service a{display: inline-block;  padding:0 0 0 25px; width:57px; height:24px; line-height:24px;  background-position:0 -21px;}
	
.bannerbase{ width:100%; height:350px; position:relative;}	
#slider{list-style:none; width:100%; height:100%; margin:0; padding:0;}
#slider li{width:100%; height:350px; display:none; position:absolute; text-align:center;}
.naviSlider{position:absolute; bottom:10px; width:100%; }
.naviSlider ul{ list-style:none;  margin:0 auto; width:auto; text-align:center; margin-top:3px; *margin-top:5px;}
.naviSlider ul li{display:inline-block; *display:inline; *margin-left:2px; height:6px; width:30px; background-color:#fff; cursor:pointer;  *zoom:1;  }
.naviSlider ul li.on{background-color:#ff9c00;}
.bannerother{width:100%; height:140px; text-align:center;margin-bottom: 20px;}
.bannerother.news{ background:url(../images/banner_news.jpg) center center;}
.bannerother.financing{ background:url(../images/banner_rz.jpg) center center;}
.bannerother.case{ background:url(../images/banner_case.jpg) center center;}
.bannerother.about{ background:url(../images/banner_about.jpg) center center;}
.bannerother.service{ background:url(../images/banner_service.jpg) center center;}

.logintop{width:100%; height:90px; background-color:#0581ce;}
	.logintop .loginnav{ width:980px; margin:0 auto;}
	.loginlogo{ float:left; padding-top:23px;}	
	.loginlogo a{display: block; width:160px; height:50px; overflow:hidden; background:url(../images/loginlogo.png); text-indent:-9999px;  cursor:pointer;}
    .loginhotline{ float:right; margin-top:32px; width:245px; height:25px;   background-position:0 -713px;}

.login-left{ padding:50px 0;}
.login-left h3{ padding-top:15px; font-size:16px; color:#151515; margin-bottom:20px;}
.login-left td{ padding:0 0 15px 0;}

.login-right{ margin:50px 0; padding:50px 0 0 30px; height:335px; border-left:1px solid #e0e0e0;}
.login-right h3{ padding-bottom:40px;  color:#b2b2b2; font-size:14px;}
.login-right .infotext{ width:250px;}
.login-right .infotext li{ padding-bottom:15px; overflow:hidden;}
.infotext li i{ float:left; margin:3px 12px 0 0; width:16px; height:16px; }
.infotext li i.ico1{ background-position:0 -755px;}
.infotext li i.ico2{ background-position:0 -783px;}
.infotext li span{  float:left; width:210px; }
.infotext li span p{ color:#a2a1a1;}

.ind-service{ margin:20px 0; border:1px solid #e0e0e0; overflow:hidden;}
	.ind-service .ind-servicehead{ height:34px; border-bottom:1px solid #e0e0e0;}
	.ind-servicehead .type{ float:left;}
	.ind-servicehead .type li{ float:left; }
    .ind-servicehead .type li a{ display:inline-block; padding:0 40px; height:34px; line-height:36px; background-color:#fff; border-right:1px solid #e0e0e0; color:#404040; font-size:16px; text-align:center;}
	.ind-servicehead .type li a:hover{ background-color:#f7f7f7;}
	.ind-servicehead .type li.current a{ color:#1280e2; height:35px;}
	.ind-servicehead .type li.current a:hover{ background-color:#fff;}
	.ind-servicehead .servicelink{float:right; width:75px; height:32px; margin:1px 1px 1px 0; text-indent:-99999px;}
	.ind-servicehead .servicelink.sy{background-position:0 -428px; }
	.ind-servicehead .servicelink.zx{background-position:0 -462px; }
	.ind-servicehead .servicelink.sy:hover{background-position:-77px -428px; }
	.ind-servicehead .servicelink.zx:hover{background-position:-77px -462px; }
	
	.ind-service .ind-servicecon{ position:relative; padding:45px 45px 0 45px; overflow:hidden;}
	.ind-servicecon .arrow{ display:block; position:absolute; width:20px; height:138px;  }
	.ind-servicecon .arrow.left{ left:0; top:55px; background-color:#fbfbfb; background-position:-25px -278px; border-radius: 0 3px 3px 0;  }
	.ind-servicecon .arrow.left:hover{background-color:#f7f7f7; background-position:-3px -278px;}
	.ind-servicecon .arrow.right{ right:0; top:55px; background-color:#fbfbfb; background-position:-81px -278px;  border-radius: 0 3px 3px 0;}
	.ind-servicecon .arrow.right:hover{background-color:#f7f7f7; background-position:-57px  -278px;}
	.ind-servicecon .servicecon-first{ position:relative;}
		.servicecon-first li{ float:left; width:100%;}
		.servicecon-first li .servicebox{ float:left; padding-left:20px; margin-right:25px; width:255px; height:100px;}
.servicebox .jrbg{ float:left; width:64px; padding-right:20px;}
/*.servicebox .jrbg.ico1{ height:48px; background-position:0 -35px;}
.servicebox .jrbg.ico2{ height:60px; background-position:0 -84px;}
.servicebox .jrbg.ico3{ height:45px; background-position:0 -154px;}
.servicebox .jrbg.ico4{ height:51px; background-position:0 -208px;}*/
.servicebox .serfont{ float:left;}
.servicebox .serfont h3{   font-size:15px; }
.servicebox .serfont p{ width:165px; font-size:14px; color:#939292}

.ind-case{ float:left; width:335px;}
.ind-headtext{ padding-bottom:15px; overflow:hidden;}
	.ind-headtext h3{ float:left; font-size:16px; color:#222; }
	.ind-headtext .more{ float:right; margin-top:5px; color:#afafaf;}
	.ind-headtext .more:hover{color:#117ed2;}
.ind-casecon{ width:100%; overflow:hidden;}
.ind-casecon li{position:relative; float:left; padding-bottom:9px; width:33%; text-align:center;}
.ind-casecon-font{ padding:26px 15px; border:1px solid #e0e0e0; position:relative; }
	.ind-casecon-font.current i{ position:absolute; display:block; left:50px; top:-9px; width:16px; height:9px; background:url(../images/caseico.jpg); z-index:2;}
	.ind-casecon-font.current i.ico2{left:160px;}
	.ind-casecon-font.current i.ico3{left:270px;}
	.ind-casecon-font h3{ color:#1280e2; padding-bottom:5px; font-weight:bold;}
	.ind-casecon-font p{ height:35px; overflow:hidden;}

.ind-news{float:right; width:335px;}
.indnews-hot{ padding-bottom:12px; border-bottom:1px dashed #e0e0e0; overflow:hidden;}
.indnews-hot .hotp{ float:left; padding:2px; width:75px; height:45px; border:1px solid #e0e0e0; overflow:hidden; }
.indnews-hot .hotfont{ float:right; width:235px;}
.hotfont span{ color:#c0c0c0;}
.indnews-list{ margin-top:10px; width:100%;}
	.indnews-list li {padding-left:15px;  background-position:0 -506px; line-height:22px;}
	.indnews-list li a{ display:block; width:320px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#404040;}
	.indnews-list li a:hover{ color:#117ed2;}

.ind-login{ margin:20px 0; height:280px; border:1px solid #e0e0e0;}
.ind-login .login-h{ height:35px; background-position:0 -532px; border-bottom:1px solid #e0e0e0;}
.ind-login .login-h.user{background-position:0 -656px;}
.loginuser{ padding:30px 20px 0; height:170px; *height:175px;}
.loginuser-text{ padding-bottom:25px; font-size:14px; line-height:24px;}
.loginuser-link{ padding-top:15px;}
.ind-login .logincon{ padding:19px 0; height:162px; *height:167px;}
.ind-login table td{ padding:6px 8px;}
.login-b{  height:43px; *height:37px;  background-color:#fdfdfd; border-top:1px dashed #e0e0e0; line-height:43px; *line-height:37px; text-align:center;} 
.ind-video{ margin:20px 0 10px;}
.ind-qrcode{ border:1px solid #e0e0e0; overflow: hidden;}
.qrcode-tit{ float:left; padding: 2px 0 0 40px; margin: 17px 0 17px 15px;  background-position:0 -572px; font-size:14px; line-height:1.5;}
.qrcode-pic{ float:right; border-left:1px solid #e0e0e0; padding:12px 10px 8px 10px;}

.breadcrumb{ padding:15px 0;}
.sidebar{ border:solid #e0e0e0; border-width:1px 1px 0 1px; overflow:hidden;}
.sidebar li a{ display:block; padding-left:35px;  border-bottom:1px solid #e0e0e0; color:#4f4f4f; font-size:15px; line-height:40px; }
.sidebar li.tit a{ background-color:#9d9d9d; color:#fff; background-position:0 -621px;}
.sidebar li a:hover{ background-color:#f9f9f9; color:#117ed2;}
.sidebar li.tit a:hover{  background-color:#9d9d9d; color:#fff;}

.content{ width:1000px; margin:0 auto; clear:both; }
	
.notice{ float:left; margin-top:25px; padding-left:22px; width:360px; height:20px; background-position:0 -56px; background-repeat:no-repeat;}
.bread{float:left; margin-top:25px; font-size:14px; font-weight:bold;}
.remain{ float:right; margin-top:15px; font-size:14px;}
.remain b{ color:#42be0a; font-size:20px; font-weight:400;}
.fundtxt{ float:left;/* width:718px;*/ width: 758px;  padding:20px 30px; margin-bottom:30px; border: solid #e0e0e0; border-width:0 1px; border-bottom:1px dashed #e0e0e0; }
.fundtxt li{ position:relative;} 
.fundtxt ul{ float:left; width:80%; }
.fundtxt ul .tit{display:inline-block; width: 120px;font-size: 14px;}
.fundtxt .btnli{ float:right; width:112px; text-align:center;}

.fundtxt b{ display:inline-block;  width: 160px; padding-right:10px;  font-size: 16px; font-weight:400; text-align:right;}
.reqd{ padding:0 5px; color:#fc0303; font-size:14px;}
.ricon{ padding-left:7px; min-height:400px;}
.balance{ padding:3px 0 3px 0; font-size:14px;}
.balance .tit{ display:inline-block; padding-right:15px; width:200px; text-align:right;}
.balance span{padding:0 15px;}
.balance b{padding:0 5px;}
.balance li{ padding-bottom:10px;}

.serviceli{ width:80%; padding-bottom:10px;}
.serviceli li{ float:left; position:relative;  margin:0 15px 15px 0;}
.serviceli li a{ display:block; width:130px; height:43px; background-color:#f2f2f2; border:1px solid #e7e7e7; border-radius:3px; font-size:16px; text-align:center; line-height:43px; color:#606161;}
.serviceli li a:hover,.serviceli li.current a{ background-color:#e8f4fc; border:1px solid #82c2ea; color:#0581ce;}
.serviceli li.current i{ position:absolute; display:block; right:0; bottom:0; width:17px; height:16px; background-image: url(../images/rz.png); background-position:0 -123px;}

.textli{ padding-bottom:10px;}
.textli li{ padding:0 0 10px 0; margin-bottom:25px; border-bottom:1px dashed #e0e0e0; overflow:hidden; }
.textli-tit{ color:#1280e2; font-size:14px;}
.textli .textlipic{ float:left; width:140px; height:74px; overflow:hidden;}
.textli .textliinfo{ float:left; width:600px; margin-left:15px;}
.textli-depict{ margin:5px 0 10px 0;}
.textli-b,.textli-b a{ color:#939292;}
.textli-b a:hover{ color:#117ed2;}
.textli-b span{ float:left; margin-right:15px;}
.more{ color:#939292; float:right;}
.more:hover{ color:#1280e2;}
.morebg{ color:#3385ff; float:right;}


.detailcon{ padding-top:30px; min-height:400px; border-top:1px solid #e0e0e0;}
.detailcon h3{ font-size:16px; color:#2d2d2d; text-align:center;}
.detailcon .time{ padding:15px 0 20px; color:#adadad; text-align:center; }
.detailcon .time span{ padding-right:30px;}
.detailcon .con{ padding-bottom:30px; font-size:14px; overflow:hidden;}
.detailcon-bottom{ border:#e0e0e0 dashed; border-width:1px 0 0 0; }
	.detailcon-bottom .text{ float:left;  padding-top:20px;}
	.detailcon-bottom .text a{ color:#404040;}
	.detailcon-bottom .text a:hover{ color:#117ed2;}
	.detailcon-bottom .back{ float:right; margin-top:20px; padding:3px 10px;  border:1px #e0e0e0 solid; }

.service-top{ padding-bottom:20px;}
.service-top .applybtn{ float:right; width:110px; height:33px; background: url(../images/servicefont.jpg);}
.service-top p{ width:100%; font-size:14px;}
.service1bg{ position:relative; margin:0 auto; width:780px; height:1060px; background: url(../images/service1.jpg);}
.shover{ position:absolute; top: 673px; left:30px;}
.shover li{ width: 408px; height: 20px; cursor:pointer;}
/*.shover .bga{top: 673px; left:30px; }
.shover .bgb{top: 693px; left:30px; background-color:#ccc;}
.shover .bgc{top: 713px; left:30px; }
.shover .bgd{top: 734px; left:30px; background-color:#ccc;}*/
.servicetb{ position:absolute; top: -140px; left: 406px; width:350px; border: solid 3px #4fb0e3; background-color:#fff; display:none;}
.servicetb td{ border: solid #e0e0e0; border-width:0 1px 1px 0; padding:8px;}
.shovertba{ }

/*--- left ---*/
.leftmenu{ margin-top:10px; min-height:592px; background-color:#fbfbfb; border:1px solid #e0e0e0;}
.leftmenu .base{ padding-bottom:10px;}
	.leftmenu .base li{ margin-bottom:5px;}
	.leftmenu .base li a{ display:block; padding-left:40px; height:34px; line-height:34px; font-size:14px; color:#282828;}
	.leftmenu .base li.numb1 a{background-position:-8px -228px;}
	.leftmenu .base li.numb2 a{background-position:-8px -1010px;}
	.leftmenu .base li.numb3 a{background-position:-8px -262px;}
	.leftmenu .base li.numb4 a{background-position:-8px -296px;}
	.leftmenu .base li.numb5 a{background-position:-8px -1081px;}
	.leftmenu .base li.numb6 a{background-position:-8px -330px;}
	.leftmenu .base li.numb7 a{background-position:-8px -1151px;}
	.leftmenu .base li.numb8 a{background-position:-8px -1222px;}
	.leftmenu .base li.numb9 a{background-position:-8px -1331px;}
	.leftmenu .base li a:hover,.leftmenu .base li.current a{ color:#fff; }
	.leftmenu .base li.numb1 a:hover,.leftmenu .base li.numb1.current a{ background-position:-8px -92px; }


	.leftmenu .base li.numb2 a:hover,.leftmenu .base li.numb2.current a{ background-position:-8px -975px;}
	.leftmenu .base li.numb3 a:hover,.leftmenu .base li.numb3.current a{ background-position:-8px -126px;}
	.leftmenu .base li.numb4 a:hover,.leftmenu .base li.numb4.current a{ background-position:-8px -160px;}
	.leftmenu .base li.numb5 a:hover,.leftmenu .base li.numb5.current a{ background-position:-8px -1046px;}
	.leftmenu .base li.numb6 a:hover,.leftmenu .base li.numb6.current a{ background-position:-8px -194px;}
	.leftmenu .base li.numb7 a:hover,.leftmenu .base li.numb7.current a{ background-position:-8px -1117px;}
	.leftmenu .base li.numb8 a:hover,.leftmenu .base li.numb8.current a{ background-position:-8px -1188px;}
	.leftmenu .base li.numb9 a:hover,.leftmenu .base li.numb9.current a{ background-position:-8px -1296px;}
.leftmenu .service{padding-bottom:10px;}
	.leftmenu .service h1{ position:relative;  padding:10px 8px 0; margin:0 5px; border-top:1px solid #e0e0e0; font-size:14px; color:#000; font-weight:700;}
	.leftmenu .service .add{ position:absolute; top:23px; right:0; width:13px; height:16px; background-position:-2px -931px;}
	.leftmenu .service .add:hover{background-position:-18px -931px;}
	.leftmenu .service ul{ margin-top:10px;}
	.leftmenu .service ul li{ line-height:25px;  font-size:14px; margin-bottom:3px;}
	.leftmenu .service ul li a{ display:block; height:25px;  padding-left:40px; background-position:-5px -366px; color:#282828;}
	.leftmenu .service ul li a:hover,.leftmenu .service ul li.current a{background-position:-5px -438px; color:#fff}
	
	.leftmenu-link{ margin-top:10px; background-color:#fbfbfb; border:1px solid #e0e0e0;}
	.leftmenu-link .title{ padding:12px 12px 5px; margin:0 9px;  border-bottom:1px solid #e0e0e0;  font-size:14px; color:#000; font-weight:700;}
	.leftmenu-link-list{ margin:15px 9px 10px;}
	.leftmenu-link-list a{ display:inline-block; padding:0 5px; margin:0 5px 5px 0;  color:#282828;}
	.leftmenu-link-list a:hover{ background-color:#2ecc71; color:#fff;}
	
/*--- right ---*/
.rightcon{ margin-top:10px;}
.box-base{ margin-top:15px; border:1px solid #e0e0e0;}
.userbase{border:1px solid #e0e0e0; }
	.userbase .u-numb{ padding:20px 0; height:100%;  border-bottom:1px dashed #e0e0e0; overflow:hidden;}
		.u-numb .numb-portrait{ float:left; margin:5px 20px 0; width:52px; height:52px;  overflow:hidden;}
		.u-numb .numb-info{ float:left; width:418px; _width:355px;  line-height:1.5; margin-top: 5px;}
		.u-numb .numb-info .nm{ font-size: 20px; color:#282828; padding-right:10px;}
		.u-numb .numb-info .tit{display:inline-block; width: 120px;font-size: 14px;}
		.u-numb .numb-info .con{ display:inline-block;  width:139px; padding-left:10px; /* color:#9a9a9a; */ font-size: 16px; text-align:right;}
		.u-numb .numb-info .con b{ font-size:20px; color:#42be0a; font-weight:400; }	
		.userbase a{ font-size:12px;} 
		.u-numb .numb-order{ float:right; margin-right:-2px; width:310px; margin-top:10px;}
		.u-numb .numb-order li{ float:left; width:76px; text-align:center;  border-right:1px solid #e0e0e0; overflow:hidden; }
		.u-numb .numb-order li.noborder{ border-right-width:0;}
		.u-numb .numb-order li b{font-size:25px; color:#ff8a00; font-weight:400;}
		.u-numb .numb-order li b.ing{ color:#b8b8b8;}
		.u-numb .numb-order li b.success{ color:#42be0a;}
		.u-numb .numb-order li p{ color:#404040;}
	.userbase .u-con{ padding:15px 8px 10px 0;}	
.orderbase{position: relative; display: inline-block; float: left;  margin-top:20px; width:100%; }
.order-tab{ position:absolute; top:0; left:0;  width:828px; height:35px; z-index:1;}
.order-tab li{ float:left;  margin-right:2px;}
.order-tab li a{ display:block; padding:0 5px; min-width:90px; height:35px; line-height:35px; background-color:#eee; font-size:16px; text-align:center; color:#282828;}
.order-tab li.current a{   height:42px; background: url(../images/tabbg.png) center top; color:#fff; }
.servicechg{ padding:10px 0 10px 45px; overflow: hidden;}
.servicechg-con{ padding-top:20px;}
	.servicechg-con .tit{ padding-left:24px; height:16px; line-height:16px; font-size:16px; background-position:0 -620px; color:#282828; }
	.servicechg-con .serconli{ float:left; position:relative; padding:20px; margin:20px 40px 0 0; width:280px; height:80px; border:2px solid #cacaca; cursor:pointer;}
	.servicechg-con .serconli:hover{ background-color:#fbfbfb;}
	.servicechg-con .serconli .nm{ font-size:16px; color:#087cc5;}
	.servicechg-con .serconli .info{ display:block; padding-top:10px;}
	.servicechg-con .serconli i{ position:absolute; display:block; bottom:0; right:0; width:32px; height:32px;  background-position:0 -640px;}
.servicechg .serconli.current{ border:2px solid #fe8d1f; }
.servicechg .serconli.current:hover{ background-color:#fff;}
.servicechg .serconli.current .nm{ color:#ff6600;}
.servicechg .serconli.current i{background-position:0 -679px;}

.uitabbg{ padding:10px 20px 0; height:35px; border-bottom:1px solid #e0e0e0;}
.ui-tab-disline{ float:right; margin-top:10px;}
	.ui-tab-disline li { float:left; }
	.ui-tab-disline li a {
		display:block; 
		padding:0 18px;
		line-height:35px; 
		color: #282828; 
		text-align:center; 
		font-size:14px;
	}
	.ui-tab-disline li.current a {background-color:#fff; border: solid #e0e0e0; border-width:1px 1px 0 1px; }
    .ui-tab-disline li a:hover{background-color:#e9e9e9;}
	.ui-tab-disline li.current a:hover{background-color:#fff;}
.ui-tab-disline.fr{ float:left; margin-top:5px;}
.ui-tab-disline.fr li a{ padding:0 15px;  line-height:30px; }
.ui-tab-gray{ float:left; position:absolute; top:0; }
.ui-tab-gray li { float:left; margin-right:3px; }	
.ui-tab-gray a { display:block; padding:0 5px; min-width:90px; height:35px; line-height:35px; background-color:#eee; font-size:16px; text-align:center; color:#282828;}
.ui-tab-gray li.current a{ border:solid #e0e0e0; border-width:1px 1px 0 1px; background-color:#fff;}
	
.type-search{  padding:12px 0; _height:25px; overflow:hidden; border-bottom:1px solid #e0e0e0;}	
.type-order{ float:left; width:718px; padding-bottom:10px; margin:0 30px; }
	.type-order li{ float:left; margin-right:15px; }
	.type-order li a{ display:block; padding:0 10px; _width:60px; _text-align:center; height:24px; line-height:24px;}
	.type-order li.current a{ background-color:#efefef; border-radius:3px; }
.searchnav{ float:left;   width:800px; margin:0 10px;  }	
.searchnavli{ width:100%; margin-top:5px; overflow:hidden;}
.searchnavli.smt{ padding-left:91px;}
.type-order.sm{ width:80%; margin:0 5px;}
.searchnav span,.searchnavli span{ float:left; width:80px;  margin-right:5px; line-height:25px; text-align:right;}
	.searchnav input,.searchnav select,.searchinpt{ padding:0 5px; margin:0 5px; height:24px; line-height:24px;  border: 1px solid #CA9741; background-color: #FFFEE5;  }
	.searchnav select{ background-image:none;}
	.searchnav input::-webkit-input-placeholder { color:#999; }
	.searchnav input::-moz-placeholder { color:#999; }
	.serbtn,.searchnav .serbtn{ display:inline-block; width:50px; margin:10px 20px 0 0; padding:0 15px; width:auto; height:27px; line-height:27px; background-color:#eee; color:#282828; border-width:0; cursor:pointer; font-size:12px; background-image:none;}
	.serbtn.blue{ background-color:#0581ce; color:#fff;}
	.serbtn.blue:hover{background-color:#1190de; color:#fff;}
	.serbtn:hover{ color:#117ed2; background-color:#e5e5e5;}
.searchnav p{ float:left; margin:0 15px 5px 0;}	

.ordershow{ position:relative; margin-top:15px; background-color:#fffceb; border:1px solid #fddabe; padding:15px 20px 5px;}
.ordershow .orshow-head{ padding-bottom:5px; height:25px; /*border-bottom: 1px solid #fddabe;*/}
.orshow-head .ornmb,.ornmb-titile{ float:left; font-size:14px; padding-top:3px; font-weight:bold; color:#000;}
.orshow-head .ornmb b,.ornmb-titile b{ color:#4dca14; }
.orshow-head .ornmb .tyfont,.ornmb-titile .tyfont{ padding-left:30px;}
.orshow-con{ padding:15px 0;}
.orshow-conp30{ padding:30px 0;}
.orshow-form{ padding-top:10px; background-color:#fff;}
.orshow-conbot{ padding-bottom:20x;}
.ordershow .tylist{ padding:20px 0 0; overflow:hidden;}
.ordershow .tylist li{ float:left; margin:0 30px 15px 0;}
.ordershow .tylist li a{ padding-left:20px; background-position:-42px -930px; color:#f97f3d;}
.ordershow .tylist li a:hover{color:#f76c20;} 

.prostate{ display:inline-block; padding-left:21px; margin-left:10px; width:28px; height:18px; color:#fff; background-position:0 -727px; }
.prostate:hover{ color:#fff; background-position:-59px -727px; }
.order-sertype{ margin-top:20px;}
.order-sertypet10{ margin-top:10px;}
.order-sertype-head{background-color:#fbfbfb; border:1px solid #e0e0e0; height:36px; position:relative;}
.order-sertype-headnobord{ padding-left:22px; background-color:#fbfbfb; border:solid #e0e0e0; border-width:1px 0; height:35px; line-height:35px;}
.order-sertype-headnobord h1{ float:left; font-weight:bold; color:#000; font-size:14px;}
.order-sertype-con{ padding:15px 0; background-color:#fff; border:solid #e0e0e0; border-width:0 1px 1px 1px;}
.order-sertype-con .base{ padding:0 20px;}
.order-sertype-con .schedule{ margin-top:15px; padding:15px 20px 0 20px; border-top:1px dashed #e0e0e0;}
.head-more{ float:right; margin:10px 20px 0 0;}
.serhead-type{ float:left; padding:7px 0 5px 22px; font-size:14px; font-weight:bold; }
.typeico{ display:inline-block; padding-left:25px; margin:3px 0 0 25px; height:16px; line-height:16px;}
.typeico.finish{background-position:0 -752px; color:#00b800;}
.typenm{float:left;}
.typeico.ing{float:left; background-position:0 -774px; color:#00a5e4;}
.typets{ position:relative; float:left;padding-left:50px; margin-top:3px; }
.typets font{ display:block; width:550px;  font-weight:400; font-size:12px; color:#9a9a9a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.typeico.notstart{background-position:0 -797px; color:#838383; }
.overico{display:inline-block;  margin:3px 0 0 5px; width:14px; height:14px; line-height:14px; text-align:center; background-color:#11d448; border-radius:3px; color:#fff; font-style:normal;}
.bztxt{position:relative; }
.bztxt .text{ display:block; width:140px;  font-weight:400; font-size:12px; color:#9a9a9a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.schmore{ float:right; margin:5px 20px 5px 0; padding:4px 0 0 10px; width:75px; height:20px; background-position:0 -819px; color:#838383;}
.schmore:hover{background-position:0 -845px; color:#838383;}
.schmore.up{ background-position:-87px -819px;}
.schmore.up:hover{background-position:-87px -845px; color:#838383;}
.zl-base{ padding:0 22px; overflow:hidden;}
.zl-base td{ padding:5px 0;}
.zl-baselr{ padding:0 22px 5px;}
.zl-baselr td{padding:7px;}
.zl-basebor{ border-top:1px dashed #e0e0e0; padding:22px; min-height:400px;}

.zl-con{ position:relative; width:580px; padding:15px; background-color:#fffceb; border:1px solid #fddabe;}
.zl-con-chose{ display:inline-block; width:405px;}

.deltatop{ position:absolute; left:20px; top:-8px; width:14px; height:8px; background-position:0 -880px;}
.cost{ padding-top:30px; text-align:right; font-size:14px;}
.cost .more{ font-size:12px; padding-right:20px;}
.h3red{ color:#f61212; font-size:24px;}

/*--- pulic ---*/
.uibox{ float:left; border:1px solid #e0e0e0; width:100%; }
.uibox-head{ background-color:#fbfbfb; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.uibox-headbtn{ float:right; margin:10px 10px 0 0;}
.uibox-headright{float:right; margin-right:10px;}
.uibox-head.sm{ height:35px;}
.uibox-headnobg{ height:45px; background-color:#fff; border-bottom:0;}
.uibox-righttxt{ float:right; padding-right:20px; line-height:45px;}
.uibox-head-order{ height:45px; background-color:#fbfbfb; border:1px solid #e0e0e0;}
.uibox-head-span{ padding:10px 0 10px 15px; background-color:#fbfbfb; border-bottom:1px solid #e0e0e0; overflow:hidden;}

.uibox-order{float:left; position:relative; width:100%; margin-top:20px;}
.uibox-order.follow{margin-top:0;}
.uiboxbor0{ border-width:0;}
.ui-tab { position:relative; height:35px; margin-left:-1px;}
	.ui-tab li { float:left; }
	.ui-tab li.tabtext a {
		display:block; 
		width:100px; 
		line-height:35px;  
		border: solid #fbfbfb; 
		border-width:0 1px; 
		color: #282828; 
		text-align:center; 
		font-size:14px; 
	}
	.ui-tab li.current a,.ui-tab li.tabtext.current a:hover {
		height:36px; 
		background-color:#fff; 
		border: solid #e0e0e0;  
		border-width:0 1px; 
		font-weight: bold; 
		color:#117ed2; 
	}
	.ui-tab li.tabtext a:hover{ background-color:#e9e9e9;  border: solid #e0e0e0; border-width:0 1px;}
	.ui-tab .tab-more a{ position:absolute; right:15px; line-height:36px; /* color: #282828;*/}
.inptext,.inptext-ws26,.inptext-ws12,.inptext-ws22,.inptext-ws9,.inptext-ws7,.inptext-ws14,.inptext-ws16,.inptext-ws9double,.inptext-ws9five,.inptext-ws9all,.ui-input,.ui-input2,.ui-input3,.ui-input4,.ui-textarea,.ui-textarea2,.ui-textarea3{ width:220px; padding:0 5px; height:24px; /*line-height:30px;*/color:#404040; padding:0 5px;height:24px; line-height:24px;  border: 1px solid #CA9741; background-color: #FFFEE5; }

.inptextshort{width:150px; padding:0 5px; height:24px;  border:1px solid #d7d7d7; color:#404040;}
.inptext-ws26{ width:260px;}
.inptext-ws12{ width:120px;}
.inptext-ws22{ width:220px;}
.inptext-ws9{ width:90px;}
.inptext-ws14{ width:140px;}
.inptext-ws7{ width:70px;}
.inptext-ws16{ width:160px;}
.select-base{ width:102px;}
.inptext-ws9double{ width:295px;}
.inptext-ws9all{ width:704px;}
.inptext-ws9five{ width:500px;}
.ui-textarea,.ui-textarea2,.ui-textarea3{ height:50px; width:90px;}
.ui-input{width:90px;}
.ui-input2,.ui-textarea2{width:295px;}
.ui-input3,.ui-textarea3{width:498px;}
.ui-input4{width:90px;}

.textshort,.textarea5{width:95%; height:50px; padding:0 5px;   color:#404040; border: 1px solid #CA9741; background-color: #FFFEE5; }
.read{ background-color:#efefef;}
.inptext-ws12sh{height:25px; width:120px;}
.inptextbra{ position:relative; padding-left:30px; width:220px; height:35px; line-height:35px; background-position:0 -827px; border-radius:3px; border:1px solid #d7d7d7;}
.inptextbra.pw{background-position:0 -864px;}
.inptextsm{ width:180px; padding:0 5px; height:25px; /*line-height:30px;*/ border:1px solid #d7d7d7; color:#404040;}
.inptextsm.w80{ width:80px;}
.rzstate{ width:630px; margin:0 auto;  padding:50px 0; text-align:center; overflow:hidden;}
.rzstate-p{ float:left; padding-top:75px; width:66px; height:20px; background-image: url(../images/rz.png); color:#b4b4b4;}
.rzstate-p.p1ing{background-position:0 0; color:#ff9a41;}
.rzstate-p.p2{background-position:-305px 0;}
.rzstate-p.p2ing{background-position:-77px 0; color:#ff9a41;}
.rzstate-p.p3{background-position:-380px 0;}
.rzstate-p.p3ing{background-position:-152px 0; color:#ff9a41;}
.rzstate .line{ float:left; margin-top:31px; width:215px; height:5px; background-image: url(../images/rz.png); background-position:0 -104px;}
.rzstate .line.base{ background-position:-215px -104px;}
.successbox{ padding:0 0 120px 130px; overflow:hidden;}
	.successbox .success-p{ float:left; width:36px; height:35px; background-image: url(../images/rz.png); background-position:-465px -75px;}
	.successbox .success-f{ float:left; margin-left:30px; font-size:14px; }
	.successbox .success-f h3{ padding-bottom:20px; font-size:30px; color:#13ce51; }
	.successbox .success-f .ma{ display:block; padding-top:20px;}

.formwfull{ margin:0 40px;  }
.formwfull.bgcol{padding:40px 0; background-color:#fbfbfb;}


.inputselect{ position:relative; display: inline-block; }
.inputselect .inp{ position:relative; z-index:0;}
.inputselect .inpdown{ position:absolute; top:30px; left:0; width:99.8%; border:1px solid #d7d7d7; background-color:#fdfdfd;}
.inputselect .inpdown li{ height:26px;}
.inputselect .inpdown li a{ display:block; padding:3px; height:20px; line-height:23px; }
.inputselect .inpdown li a:hover{ background-color:#fff9cd; color:#ea6503; }
.inpdowntype{position:absolute;  top:30px; left:0; border:1px solid #d7d7d7;  background-color:#fdfdfd; font-size:12px;}
/*.inputselect .tytit{ position:absolute; top:31px; left:1px; width:262px; height:27px; background-color:#fdfdfd;  border-bottom:1px solid #d7d7d7; z-index:2; }
.inputselect .tytit span{ float:left; width:130px;  padding:3px 0; text-align:center;}
.inputselect .tytit span.line{border-right:1px solid #d7d7d7; }*/

.tylistli{ float:left; background-color:#fff; }
.tylistli li a{ display:block; width:96%; height:24px; padding:3px 2%; height:20px; line-height:23px; color:#404040; cursor:pointer; }
.tylistli li a:hover{ background-color:#effbff; color:#117ed2; }
.tylistli li .nm{  display:inline-block; padding-right:20px; width:110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tylistli li .numb{display:inline-block; padding-right:5px; width:85px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tylistli li .ico{display:inline-block; float:right; margin:3px 4px 0 0; width:14px; height:14px; line-height:14px; text-align:center; background-color:#0581ce; border-radius:3px; color:#fff; font-style:normal; }

.sp-label{ margin:0 30px 0 5px;}
.taw90{ padding:5px; width:90%; height:50px; border:1px solid #d7d7d7;}
.taw80{ padding:5px; width:80%; height:30px; border:1px solid #d7d7d7;}
.btnsm,.btnsm-grey,.btnsm-blue,.btnsmbig,.btnsmnomg,.btnsm-add{ display:inline-block; padding:0 28px; margin-right:15px; height:35px; line-height:35px; background-color:#2ecc71; color:#fff; font-size:14px;}
.btnsmnomg{margin-right:0px; }
.btnsmbig{ padding:0 35px;  height:40px; line-height:40px; font-size:16px; border-radius:3px;}
.btnsm-blue{position:relative; padding: 0 40px 0 20px; background-color:#0581ce;}
.btnsm-blue:hover{background-color:#1190de; color:#fff;}
.btnsm-grey{ background-color:#c5c5c5;}
.btnsm:hover,.btnsmbig:hover,.btnsmnomg:hover,.btnsm-add:hover{ color:#fff; background-color: #58d68d; border-color: #58d68d; }
.btnsm-grey:hover{ color:#fff; background-color: #ccc; }
.btnsm.wico{ position:relative; padding: 0 40px 0 21px;}
.btnsm-add{ padding:0 13px 0 32px; height:30px; line-height:30px;  background:#2ecc71 url(../images/indicolist.png) 5px -904px;}
.btnsm.wico i,.btnsm-blue.wico i{ position:absolute; top: 9px; right: 19px; display:inline-block; width:10px; height:19px; background-position:0 -476px;}
.btnblue{ float:left; padding:0 10px; height:24px; line-height:24px; background-color:#3a9ad5; border-radius:3px; color:#fff;}
.btnblue:hover{ color:#fff; background-color:#2d9de3;}
.btnblue-b{ display:inline-block; padding:0 25px; margin-right:5px; height:30px; line-height:30px; background-color:#0581ce;  border-radius:3px; font-size:14px; color:#fff;}
.btnblue-b:hover{ background-color:#0e8ddc; color:#fff;}
.btnblue-b.padrb{ padding:0 50px;}
.btny,.btnyfl,.btnysm{ display:inline-block; height:23px;  padding:0 10px; margin-right:5px; background-color:#b9b9b9;  border:1px solid #9f9f9f; color:#fff; border-radius:3px; font-size:12px; line-height:23px; text-align:center; }
.btnyfl{ float:right; margin-left:10px;}
.btnyfl:hover{ color:#fff; background-color:#c9c9c9;}
.btnysm{ display: inline-block; height:20px; line-height:20px;}
.btnorg,.btnorgstrog{display:inline-block; margin-left:8px;  height:23px;  padding:0 10px; background-color:#fc8322; border:1px solid #da752b; color:#fff; border-radius:3px; font-size:12px; line-height:23px; text-align:center; }
.btnorgstrog{ height:30px; line-height:30px; padding:0 25px;}
.btnorg:hover,.btnorgstrog:hover{ background-color:#fe911d; color:#fff;}
.btngreen{ background-color:#2ecc71; border:1px solid #24b762;}
.btngreen:hover{background-color:#58d68d; color:#fff;}
.btndel{ padding-left:22px; width:14px; height:14px; background-position:0 -894px; }
.btnup{margin-left:20px; padding-left:22px; width:14px; height:14px; background-position:-60px -894px; }
.btnadd{ margin-left:20px; padding-left:22px; width:14px; height:14px; background-position:0 -911px; }
.btnlink{ display:block; padding-top:10px;}
.progressBar{ width:200px; height:10px; background-color:#DFDFDF; border-radius:3px;}
.progressBar .statebg{ width:100%; height:10px;  background-color:#f0ad4e; border-radius:3px;}
.marginspan-top{ margin-top:20px;}

.ui-step-green,.ui-step-green.box3{ width:375px; padding:10px 0; margin:0 auto; overflow:hidden;}
.ui-step-green .item,.ui-step-green .itemfirst,.ui-step-green .itemend{ float:left; width:125px; text-align:center; background:url(../images/step.jpg) -250px 0 no-repeat; padding-top:22px;}
.ui-step-green .itemfirst{ background-position:0 0; }
.ui-step-green .item.color{ background-position:-125px 0; }
.ui-step-green .itemfirst h3,.ui-step-green .item.color h3{ color:#00cc00;}
.ui-step-green .itemend{background-position:-374px 0;}
.ui-step-green .itemend.color{background-position:-543px 0;}
.ui-step-green.box4{width:500px;}
.ui-step-green.box5{width:625px;}
.ui-step-green.box6{width:750px;}
.ui-step-green.box7{width:875px;}

.ui-step-small{float:left; padding:15px 0;}
.ui-step-small .item,.ui-step-small .itemfirst,.ui-step-small .itemend{ float:left; width:74px; text-align:center; background:url(../images/step2.jpg) -149px 0 no-repeat; padding-top:22px;}
.ui-step-small .itemfirst h3,.ui-step-small .item.color h3{ padding:0 5px; color:#feb924;}
.ui-step-small .itemfirst{ background-position:0 0; }
.ui-step-small .item.color{ background-position:-74px 0; }
.ui-step-small .itemend{background-position:-223px 0;}
.ui-step-small .itemend.color{background-position:-352px 0;}

.operation { position:relative; margin:0 auto; width:70px; cursor:pointer; }
.operation .oper-itme{ z-index:0; }
.operation .oper-text{ color:#117ed2; }
.operation .oper-down{ display:inline-block; width:12px; height:12px; background-position:0 -507px;}
.operation .oper-down.none{ background-image:none;}
.operation-menu{ position:absolute; top:0; left:-5px; width:70px; border:1px solid #c4c4c4;  border-radius:2px; z-index:2; background-color:#fff;}
.operation-menu li{border-bottom:1px solid #e0e0e0;}
.operation-menu li a{ display:block; cursor:pointer; line-height:21px;height:21px;padding:0 10px; text-align: center; }
.operation-menu li a:hover{background:#ff8a00; color:#fff;}
.titbase,.titbase-fontsm{ float:left; padding:6px 0 6px 22px; font-size:18px; color:#000; }
.titbase.fontsm,.titbase-fontsm{ font-size:16px;  padding:5px 0 5px 20px;}
.titbase.displine{ float:left;}
.titbase .fb{ font-size:12px; color:#939292; padding-left:20px;} 

.alert-box{ width:616px; }
.alert-box h3{ display:inline-block; font-size:14px; color:#000; font-weight:bolder;   }
.alert-box-span{  padding:20px 20px 0;}
.alert-box-line{  padding:20px 20px 0; border-top:1px dashed  #ccc; overflow:hidden; }
.alert-box-smt{  padding:15px 0; border-top:1px dashed #ccc; background-color:#FAFAFA; text-align:center;}
.appmanager-ico {top:-9px; right:-9px;  display:block;position: absolute; height: 20px; width: 20px; z-index: 2; background: url(../images/appmanager.png);}
.appmanager-ico.add{background-position:right 0  ; }
.alert-box-base{ padding:20px 0; min-height:100px;}
.gray { -webkit-filter: grayscale(100%);     -moz-filter: grayscale(100%);     -ms-filter: grayscale(100%);     -o-filter: grayscale(100%);          filter: grayscale(100%); 	     filter: gray; }

/*--- form ---*/
.overflow-box{overflow-x: auto;overflow-y:hidden; }
.form-con{ padding-top:20px;}
.form-con.follow{ padding:0;}
.form-con.span{ padding: 0 20px; overflow:hidden;}
	.form-con .tit{ 
		margin-bottom:10px; 
		padding-right:10px; 
		width:150px; 
		height:25px; 
		border-radius:0 3px 3px 0; 
		background-color:#0581ce;  
		line-height:25px;  
		font-size:16px; 
		color:#fff; 
		text-align:right; 
	}
	.form-con-tit{ padding-left:20px; width:795px; height: 30px;  line-height: 30px; font-size: 15px; color: #2A6FD5;  background-color: #D3E4FF; border-left: 3px solid #3385ff; font-weight: bold;}			
	.form-con-titleline{ border-bottom: 2px solid #DEDEDE; }
	.form-con-titleline h3{ display:inline-block; padding:3px 25px 0; border-radius:3px 3px 0 0; background-color:#596D98; color:#fff;}
	<!--.form-con-titleline h3{ display:inline-block; padding:3px 25px 0; border-radius:3px 3px 0 0; background-color:#596D98; color:#fff;}-->
	.form-con .tbbgnull,.form-con-tbbgcol,.form-con-dashed{ margin:30px 0 10px 30px; padding:10px; width:900px; }
	.form-con .tbbgnull{margin:20px 0 0 30px;  padding:0 10px;}
	.form-con-tbbgcol{ background-color:#fbfbfb;}
	.form-con-dashed{border:1px dashed #e2e2e2;}
	.form-con-tbborder{margin:40px 0 10px 30px; padding:25px; width:670px;  background-color:#fbfbfb;}
	.form-con-tbborder-full{margin: 20px 0 10px 30px; padding: 10px;}
    .form-con-tbborder-full .title{background-color: #f7f7f7;}
	.form-con-tbborder td{ background-color:#fff;  border: solid #e2e2e2; border-width:0 1px 1px 0;}
	.form-con-tbborder .form-con-tb{border: solid #e2e2e2; border-width:1px 0 0 1px ;}
	.form-con-tb{ width:100%;}
	.form-con-tb td{ padding:5px 3px; /*font-size:14px;*/}
	.form-con-sm td{padding:3px; font-size:14px;}
	.form-con th{ text-align:left;  background-color:#fff;  border: solid #e2e2e2; background-color: #FFF5D4; border-width:0 1px 1px 0;}	
	.form-con-nobord{ background-color:#fff; border: solid #e2e2e2; border-width:1px 1px 0 1px ;}
	.form-con-nobord td{ border-bottom:1px solid #e2e2e2; padding:10px 12px;}
	.form-con-nobord th{ text-align:left; padding:5px 12px;}
	/*.form-con-nobord tr{ position:relative; z-index:1;}*/
	.tittext{ position:relative;}
	.tittext-hover{  position:absolute; left:10px; top:35px; padding:3px 10px; max-width:400px;  border:1px solid #e0e0e0; background-color:#fff; line-height:20px; color:#404040; z-index:2; font-weight:400; font-size:12px;}
	.tittext-hover i{position:absolute; top:-8px; left:10px; width:16px; height:8px; background-position:-18px -879px; }
	.tittext-hover.l50{ left:50px;}
	.tittext-alert{ position:absolute; left:107px; top:23px; padding:8px 25px 8px 10px; max-width:375px; border:1px solid #fddabe; background-color:#fffceb; z-index:2; color:#404040;}
	.tittext-alert b{color:#404040; font-size:12px;}
	.tittext-alert .del{ position:absolute; top:6px; right:5px; display: inline-block; width:10px; height:10px; background-position:0 -417px; cursor:pointer;}
	.tittext-alert .del:hover{ background-position:0 -405px;}
	
	.order-service{ float:left; position:relative; padding:5px; margin:0 22px 20px 0;  width: 27px; height: 27px; line-height:27px; display:inline-block;    /* width: 40px; height: 40px; border: 1px solid #C8E9FE; */ background-color: #BFBFBF; border-radius:5px; text-align: center;}
	.order-service.current{ background-color:#3385ff;}
	.order-service .text{ display:inline-block; padding-top:4px;  line-height: 16px;  font-size: 12px; color: #FFFFFF; }	
	.order-service.add {  border:1px dashed #90CBFC; background-color:#fff; font-size:25px; text-align:center; color:#3385ff;}
	.order-service.add .text{font-size:22px; color:#1F71EB; }
	.order-service.add:hover{ background-color:#E6F3FB; cursor:pointer;}
	.ui-tiptext-error{ position:relative; float:left; padding:5px 60px 5px 37px; margin:10px 20px 0; background:#FFE9E9;  border: 1px dashed  #FFB49E;}
	.ui-tiptext-error.follow{ margin:10px 0 0 0;}
	.ui-tiptext-error i{ position:absolute; top:6px; left:12px; display:block; width:16px; height:16px;  background-image: url(../images/warning.png); }
	.order-service-ico { float:left; margin-bottom:10px;}
	.order-service-ico li{ float:left; margin-right:20px; text-align:center;}
	.order-service-ico li .service1,.order-service-ico li .service2,.order-service-ico li .service3,.order-service-ico li .service4,.order-service-ico li .service5{ position:relative; display:inline-block; width:36px; height:36px; background: url(../images/serviceico.png) 0 -3px; cursor:pointer;}	
	.order-service-ico li .service2{ background-position:-40px -3px;}
	.order-service-ico li .service3{ background-position:-80px -3px;}
	.order-service-ico li .service4{ background-position:-120px -3px;}
	.order-service-ico li .service5{ background-position:-160px -3px;}
	.order-service-ico.min li{ text-align:left; margin-right:25px;}
	.order-service-ico.min .service1,.order-service-ico.min .service2,.order-service-ico.min .service3,.order-service-ico.min .service4,.order-service-ico.min .service5{ float:left; margin-right:5px; width:20px; height:20px; background: url(../images/serviceico.png) 0 -44px; cursor:pointer;}
	.order-service-ico.min .service2{ background-position:-22px -44px;}
	.order-service-ico.min .service3{ background-position:-43px -44px;}
	.order-service-ico.min .service4{ background-position:-66px -44px;}
	.order-service-ico.min .service5{ background-position:-87px -44px;}
	.order-service-ico.min p{ float:left;}
	.ui-tab-ico{ float: left; width:100%; height:32px;   border-bottom:1px solid #e0e0e0;}
	.ui-tab-ico li { position:relative; float:left; margin-right:5px;}	
	.ui-tab-ico a { display:block; padding:0 20px 0 45px;  height:32px; line-height:32px; font-size:14px;  border:solid #e0e0e0; border-width:1px 1px 0 1px; text-align:center; color:#282828;}
	.ui-tab-ico li.current a{ height:31px; line-height:31px; color:#0581ce; border:solid #e0e0e0; border-width:2px 1px 0 1px; border-top-color:#0581ce; background-color:#fff;}	
	.ico-service{ position:absolute; top:7px; left:20px; width:20px; height:20px; background: url(../images/serviceico.png); cursor:pointer;}
	.ico-service.bg1{ background-position: 0 -44px;}
	.ico-service.bg2{ background-position:-22px -44px;}
	.ico-service.bg3{ background-position:-43px -44px;}
	.ico-service.bg4{ background-position:-66px -44px;}
	.ico-service.bg5{ background-position:-87px -44px;}
	.ui-tab-sm{ float:left; width:100%; margin-bottom:10px; }
	.ui-tab-sm li { position:relative; float:left; margin-right:2px;}	
	.ui-tab-sm a { display:block; padding:5px 20px; border-right:1px solid #fff;  color:#282828;background-color:#eee;}
    .ui-tab-sm li.current a{ color:#0581ce; background-color:#E9F3FF;}
	 		
		
	.form-con-show{ width:100%; padding:15px 0; overflow:hidden;}
	.form-con-show.line{ border-bottom:1px dashed #e0e0e0;}
	.form-con-show.scroll { margin-bottom:20px; overflow-x: scroll; overflow-y: hidden;}
	.form-con-follow{ width:100%; padding:20px 0 0 0; overflow:hidden;}
	.formlist{ padding:0 20px;}
	.formlist-span{ padding:0 20px 20px;}
	.formlist-title{ padding:0 0 5px 0; border-bottom:1px solid #e0e0e0; overflow:hidden; }
	.formlist-title h3{ float:left; width:50%; font-size: 14px; color: #000; font-weight: 700;}	
	.form-smtbtn{ padding:30px 0; overflow:hidden;}
.form-cue{ padding:55px 30px 0; overflow:hidden;}
	.form-cue-tit{ padding-bottom:20px; font-size:18px;}
	.form-cue-titpl{ padding:0 0 20px 30px; overflow:hidden;}
	.form-cue-titplsm{ padding:0 0 10px 30px; overflow:hidden;}
	.form-cue-titpl .nm{ float:left; font-size:18px;}
	.form-find{ padding:5px 0 15px 20px; overflow:hidden;}
	.form-find .leinpu{ float:left; }
	.form-cue-titbase{ font-size:18px;}
    .form-cue-info{ padding-bottom:20px; line-height:1.5; font-size:14px;}
	.form-edit,.form-editpadt{ float:right; font-size:12px; padding:7px 20px 0 0;}
	.form-findsm{ float:left; margin-right:20px;}
	.form-editpadt{padding:15px 20px 0 0;}
.form-infolist{ padding-bottom:10px; overflow:hidden;}	
	.form-infolist-li{ float:left; padding:15px 0; width:100%; border-top:1px dashed #e0e0e0;  }
	.form-infolist-li .nm{ float:left; width:120px;font-size:14px; margin-right:20px;}
	.form-infolist-li .li{ float:left; width:150px;margin-right:20px;}
	.form-picnmbg{ 
		position:relative; float:left;
		margin-left:40px;
		padding:0 30px 0 10px; 
		height:22px; 
		line-height:23px; 
		background-color:#ececec; 
		border:1px solid #e2e2e2;
		max-width:400px;
		_width:400px; 
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
	}
	.form-picnmbg.sm{ max-width:300px; _width:300px;}
	.form-picnmbg .del{ position:absolute; top:6px; right:5px; display: inline-block; width:10px; height:10px; background-position:0 -417px;  cursor:pointer;}
	.form-picnmbg .del:hover{ background-position:0 -405px;}
	
.form-smtcon{ padding:15px 0 25px 0; text-align:center;}
.formsendcon-f{ position: relative; width:820px; overflow:hidden; }
.formsendcon-f.full{width:980px; }
.rollarea{ float:left; width:3150px; position:relative; margin-top:35px; }
.rollarea-show{ float:left; width:818px; /*min-height:513px;*/ border:1px solid #e0e0e0;}
.rollarea-show.order{ padding-top:20px; overflow:hidden;}
.uibox-con,.uibox-con-w100{float:left;  margin-top:35px; padding:20px 0 0px 0; /*width:778px;*/ width: 818px; min-height:398px; border:1px solid #e0e0e0; }
.uibox-con-w100{ width:99.8%}
.uibox-conb3{border: solid #e0e0e0; border-width:0 1px 1px 1px; overflow:hidden;}
.conmb{float:left; width:100%; margin-bottom:20px;}
.conmb .tit{ padding:10px 0 10px 25px; font-size:14px; font-weight:bold; color:#117ed2; }
.uibox-loading{  min-height:350px; border:1px solid #e0e0e0; background-color:#000;  filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.uibox-loading .ico{ width:200px; margin:150px auto; color:#fff; font-size:14px; text-align:center; line-height:2;}
.uibox-loading .ico-img{ width:400px; height:400px; background:url("../images/loading.gif");}

.rollfullbox{position:relative; width:980px; overflow:hidden;}
.rollareaw3full,.rollareaw4full{ float:left; width:2940px; position:relative; }
.rollareaw4full{width:3920px; margin-top:35px;}
.rollarea-showfull,.rollarea-showfullb{ float:left; width:978px; /*min-height:513px;*/ border: solid #e0e0e0; border-width:0 1px 1px 1px;}
.rollarea-showfullb{border:1px solid #e0e0e0;}

.uploadify .uploadify-button-qs{border-radius:0 0 0 0;border:none;background-color:#FFF;}
.uploadify-queue-hide .uploadify-queue{display:none}

.ejectbox{ position:absolute; top:5px; left:2%; width:96%; background-color:#fff; border:1px solid #e0e0e0; z-index:999; }
.ejectbox-tit{ height:30px; line-height:30px; padding:0 20px; background-color:#fbfbfb; font-size:16px; /*border-bottom:1px solid #e0e0e0;*/}
.ejectbox-tit .del{ position:absolute; top:6px; right:5px; display: inline-block; width:10px; height:10px; background-position:0 -417px; }
.ejectbox-con{ padding:10px 0; border-top:1px dashed #e0e0e0;}
.listover{ position:relative;  width:100%; overflow-x:auto;overflow-y:hidden;}
.listover .head{position:absolute; padding-right:15px; width:1500px; top:0px;}
.listover .con{height:200px; width:1500px; overflow-y:scroll; overflow-x:hidden}

.progressbar{ float:left; margin:0 auto; width:100%;}
.progressbar-list{ float:left; width:204px; text-align:center;}
.progressbar-list .state,.progressbar-list.first .state{width:204px; height:28px; padding-top:7px; background:url("../images/step.png") -204px 0; color:#B8B8B8; font-size:14px; margin-bottom:5px;}
.progressbar-list.first .state{ background-position:0 0; color:#fff;}
.progressbar-list.ing .state{ background-position:-204px -40px; color:#fff;}
.progressbar-list.end .state{ background-position:-408px 0; }
.progressbar-list.ending .state{ background-position:-408px -81px; color:#fff;}
.progressbar-list span{ margin-top:10px; font-size:14px;}
.progressbar-list.first span,.progressbar-list.ing  span{ color:#3385ff;}

.progressbar-info{padding-left:25px; margin-left:15px; border-left:1px solid #cecece;}
.progressbar-info-list{  position:relative; margin-bottom:15px; }
.progressbar-info-list .ico-base{position:absolute; top: 7px; left: -31px; width:11px; height:11px;  background:url("../images/step.png") -74px -136px;}
.progressbar-info-list .con{ border:1px solid #e9e9e9;}
.progressbar-info-list .con-title{ padding:3px 10px; background-color:#e9e9e9;}
.progressbar-info-list .con-title h3{ float:left; color:#000; padding-right:5px;}
.progressbar-info-list .con-title span{ color:#858585;}
.progressbar-info-list.ing .ico-base{ width:21px; height:21px; top: -2px; left: -35px; background-position:-3px -132px;}
.progressbar-info-list.ing .con-title{background-color:#2ecc71;}
.progressbar-info-list.ing .con-title h3{color:#fff;}
.progressbar-info-list.ing .con-title span{ color:#aeffd0;}
.progressbar-info-list.ing .morebg{ color:#fff;}
.progressbar-details{ padding:10px; overflow:hidden;}
.progressbar-details ul{ margin-bottom:5px; overflow:hidden;}
.progressbar-details li{ float:left; margin-right:20px;}

/*--- footer ---*/
.footer{ display:inline-block;  margin-top:30px; width:100%; height:115px;  background-color:#f2f2f2; border-top:1px solid #d6d6d6; clear:both;}
	.footer a{ color:#4d4d4d}	
	.footer .footer-con{ width:980px; margin:0 auto; overflow: hidden; padding-top: 20px;}
	.footer .footer-font{ float:left; line-height:2;}
	.footer .footer-font-right{ float:right;}
.form-con-tb .Wdate{ border: 1px solid #CA9741; background-color: #FFFEE5; 
    color: #404040;
    height: 24px;
    padding: 0 5px;}
.ui-autocomplete-loading{background:url("../images/loading-sm.gif") no-repeat right center;}
.uploadify-queue-item .cancel{display: none;}
.costModule {font-size: 12px;}
.costModule table td{padding: 2px;}
.form-con-tb fieldset{border: 1px solid #d8d8d8; padding: 5px;}
.form-con-tb fieldset legend{padding: 5px;}

.table-yellow{border: solid #fddabe;border-width: 1px 0 0 1px;background-color: #FFFFE8;}
.table-yellow.follow{ border-top:0px;}
.table-yellow td{border: solid #fddabe;border-width:0 1px 1px 0;}


.ui-button-sblue {
    border:none;
     border:1px solid #0079C3;
	 color:#fff;
	 background:#2e89ef;
    box-shadow: 0 -2px 2px rgba(255, 255, 255, 0.25) inset;
	height: 20px; 
	padding: 0 3px; 
	font-size:12px; 
	font-weight:normal;
}
.ui-button-sblue:hover {
    background-color:#0e7af3;
    background: linear-gradient(top, #3295E5, #0C689B);
}

.ui-button-swhite {
    border:1px solid #B3B3B3;
    color:#595959;
    background-color: #F2F2F2; 
    box-shadow: 0 -2px 2px rgba(255, 255, 255, 0.33) inset; 
	height: 20px; 
	padding: 0 2px; 
	font-size:12px; 
	margin-top:-3px; 
	font-weight:normal;
}
.ui-button-swhite:hover { border:1px solid #0079C3;color:#fff;background:#2e89ef;}


.ico-font,.ico-font-shallow{display:inline-block; margin:0 3px 0 0; width:14px; height:14px; line-height:1.5; text-align:center; background-color:#0581ce; border-radius:2px; color:#fff; font-style:normal; }
.ico-font-shallow{ margin:0 0 0 5px ;background-color:#d7effd; color:#0581ce; line-height:1;}
.pagination {
  float:right;
  height: 36px;
  text-align:right;
  padding:20px 0;
  /*margin-right:20px;*/
}
.pagination.mr{margin-right:20px;}
.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  margin-left:5px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
}
.pagination a:hover,.pagination a.current,
.pagination .active a {
  background-color: #f5f5f5;
  color:#ff8a00;
}
.pagination .current.prev, .pagination .current.next {
	color: #999;
	background: #fff;
}
.form-con .customSelect,.form-con .selectbase,.selectbase2,.selectbase3{border: 1px solid #CA9741; background-color: #FFFEE5;  height: 26px;}
.selectbase{ width:102px;}
.selectbase2{ width:306px;}
.selectbase3{ width:510px;}
.hidden{display: none;}
.export-add-product td{padding: 8px 2px;}
.textarea2 {width: 295px;}
.textarea4{width: 704px;}
.textarea5{width: 500px;}
.select2 {width: 102px;}
.error,.form-con-tb .error{ border: 1px solid #F00; background-color:#fff1f1; }
.operate{ position:relative; width:120px; }
.operate-list{ position:absolute; top:-20px; left:0;  padding:10px 7px 0;  height:28px;  text-align:left; color:#117ed2;  white-space: nowrap; max-width:110px; overflow:hidden; cursor:pointer;}
.operate-list.more,.operate-list:hover{ max-width:none; overflow:inherit; border: 1px solid #8dd1f9; background-color:#def2ff;}

.container_25 .grid_5 {width: 140px;}
.container_25 .grid_20 {width: 820px;}

.grid_5base,.grid_20base{display: inline;float: left;margin-left: 10px; margin-right: 10px;}
.container_25 .grid_5base {width: 180px;}
.container_25 .grid_20base {width: 780px;}

.ui-item-gray,.readonly,input:read-only,input:disabled,.ui-textarea:read-only,.ui-textarea-widthdouble:read-only,.ui-textarea-heidhtdouble:read-only,.ui-textarea-double:read-only{ border: 1px solid #ccc; background: #f2f2f2;}

.jiesuandan{background:#ffffff;width: 930px; margin:0px auto;border:1px solid #9e9e9e;}
.jiesuandan th,.jiesuandan td{border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e; padding: 2px 5px 2px 0px;text-align: center; }
.jiesuandan th{background:#f7f7f7; }
.jiesuandan .border2 th{background:#f7f7f7;border-left:1px solid #9e9e9e;border-top:1px solid #9e9e9e;}

.jsd{background:#ffffff;width: 465px;float:left; margin:0px auto;border-left:1px solid #9e9e9e;border-right:1px solid #9e9e9e;}
.jsd th,.jsd td{border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e; padding: 2px 5px 2px 0px;text-align: center; }
.jsd th{background:#f7f7f7; }
.jsd .border2 th{background:#f7f7f7;border-left:1px solid #9e9e9e;border-top:1px solid #9e9e9e;}

.orderAttachment th{text-align: left;}


.red{color: red}
.ui-file-box{ position:relative; display:inline-block; margin-right:10px;}
.ui-file-box .item{ position:absolute; top: -2px; left: -10px;}
.ui-file{ position:relative; margin-left:-10px; opacity: 0;}
.ui-icon{ display: inline-block; width:16px; height:16px; background-image: url(../images/ui-icons.png);}
.ui-icon-plus{ background-position:-16px -16px; }
.ui-icon-trash{ background-position:0 -16px; }