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

.loading{
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 200%;
    display: none;
    background-color: rgba(0,0,0,.3);
}
/*首页头部*/
.homeLogo{  position: absolute;width: 100%;height: 70px; top: 0px; z-index: 10;}
.homeLogo a{ position:relative;}
.homeShadow{ position: absolute;width: 100%;height: 70px; top: 0px; background:#000; opacity: 0.3; filter:alpha(opacity=0.3);}
.homeLogo .logo,.personLogo .logo{ float: left;  position: relative;z-index: 10; width:196px; height:43px;margin:13px  30px  0 0  }
.homeLogo .logo img{}
.personLogo .logo img{}
.navlist{
    float: left;
}
.navlist  ul,.nalistR ul {
    height: 70px;
}
.navlist  ul li,.nalistR ul li {
    float: left;   
    height: 70px;
    line-height: 70px;

}
.navlist  ul li{padding: 0 30px;line-height: 70px;}
.navlist li a {
    display: block;
    vertical-align: middle;
    display: inline-block;font-size:16px;
}

.homeLogo  li a{color: #fff;}
.homeLogo  li a:hover,.homeLogo .nalistR a:hover{color:#ccc}
.personLogo li a{color:#333}
.personLogo  li a:hover,.personLogo .nalistR a:hover{color:#ff9500}
.navlist li.active a{ color:#ff9500}
.workNavList{ width:630px;}
.workNavList ul{text-align:center;}
.workNavList ul li{float:none;display:inline-block; padding:0 14px;}



.commonLine { color: #38ea20; height: 70px; line-height: 70px;}
.showdownShown ,.new_login { display:inline-block;padding:0 10px;cursor:pointer;}
.commonLine  a{ display:inline-block; color: #38ea20; padding: 0 5px;}
.nalistR{float:right;margin-left:15px;}
.nalistR ul li {padding:0 10px;}

.downRegist{ position:absolute; width: 85px; top: 70px;right: 0px; padding: 0 0 15px 0; display: none;z-index: 11;}
.downshadow{ position:absolute; top:70px;right: 0px;width: 85px;height:80px; background: #000;opacity: 0.3; filter:alpha(opacity=30); 
display: none; z-index: 10;}
.downRegistbg{ background: #fff;box-shadow: 0px 4px 6px #dadada;-wekit-box-shadow: 0px 2px 6px #f1e3e3;
-moz-box-shadow: 0px 2px 6px #f1e3e3; -o-box-shadow: 0px 2px 6px #f1e3e3;box-shadow: 0px 2px 6px #f1e3e3;}
.downRegist a{ font-size: 14px; text-align: center; color: #e0e0e0; padding: 0; display:block;width: 85px;
height:30px;line-height:30px;}
.downRegist a:hover{ color:#fff;}

.faseWork{ height: 70px;margin-left:30px;}
.faseWork span{display: block;width:100px; height:70px;}
.faseWork span a{ width:100px;display: block; margin:20px 0;height:28px; line-height: 27px; border:1px solid #ff9500; font-size: 14px; text-align: center; 
 border-radius:4px;color: #ff9500;
webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
 }
.faseWork span a:hover,.faseWork.active span a{ background:#ff9500; color:#fff;}

a.a_hover:hover{ text-decoration: underline;}

/*业务二级业务*/
.homeDown,.personDown,.workThreeDown{overflow: hidden;width: 100%; z-index: 9987;position: absolute;top: 70px;left: 0;
display: none;}
.homeDown{
border-top:1px solid rgba(255,255,255,0.1);
background: rgba(0,0,0,0.4);
height: 49px;
}

.homeDown ol,.personDown ul{     text-align: center;}
.homeDown ol li,.personDown ul li,.workThreeDown ul li{float:none; 
display:inline-block; padding: 0 30px;height:49px;-webkit-animation-name: fb-slidein-animation;
animation-name: fb-slidein-animation;
-webkit-animation-duration: 350ms;
animation-duration: 350ms;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;}




.homeDown ol li a,.personDown ul li a,.workThreeDown ul li a{ display: block; float: left; font-size:16px; }
.homeDown ol li a{color: #fff;height: 49px; line-height: 49px;}
.homeDown ol li a:hover{color: #ff9500;}


.personDown{ height: 53px; background: url(../Images/personworkline.png)  left top ;}
.personDown ul li a,.workThreeDown ul li a{color: #333;height: 49px; line-height: 49px;}
.personDown ul li a:hover,.workThreeDown ul li a:hover{color: #ff9500;}

.workpersonDown ul{float:right;}
.workpersonDown ul li{ float:left;}


/*业务三级下拉*/
.workThreeDown{ height: 53px; background: url(../Images/personworkline.png)  left top ;}
.workThreeDown ul { text-align:center;}
.workThreeDown ul li{display: inline-block; float: none; font-size:16px;padding: 0 30px;}
.workThreeDown ul li.active a{ color:#ff9500}
@-webkit-keyframes fb-slidein-animation {
0% {
opacity:0;filter:alpha(opacity=0);
}
1% {
-webkit-transform:translateX(160px);
transform:translateX(160px)
}
100% {
opacity:1;filter:alpha(opacity=100);
-webkit-transform:translateX(0);	
transform:translateX(0);
}
}



/*下单界面左侧公用*/


/*个人中心公用*/
.personLogo{ height: 80px; background: url(../Images/navshadow.png)  left bottom;}
.personLogo .commonLine,.personLogo .commonLine  a{ color: #666;}
.personLogo .commonLine  a:hover{ color: #ff9500;}



.am-part-black{ position: relative;}
.footer-nav-list { text-align: center;}
.footnavbg{ background:#e6e6e6; padding:22px 0;}
.footer-nav-list a{ display: inline-block; vertical-align: top; font-size: 16px; color: #444344;
padding: 0 25px;}
.footerbottom{ padding: 50px 0;
background:#12202c

}

.footerbottom p{ color: #fff; text-align: center; font-size: 16px; line-height: 1.8;margin-bottom: 40px;}
.footerbottom p span{
	display:block;
}
#ServerNum, #ServerNum p {
line-height: 1;
text-align: center;
color: #1e1b29;
}

.footerbottom .certs {
margin-top: 5px; padding-bottom:10px;
text-align: center;
} 

.footerbottom .certs a{
	display:inline-block;
	margin-right: 15px;
}

.wrap{ overflow:hidden;}
.zhegai{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30%);
 z-index:999; display:none;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
.loginBox{ position:absolute; z-index:10001; left:20px; top:20px; background:#fff; width:465px; 
height:360px; }
.home-t1{ width:600px; margin:300px auto 0 auto; display:block;}
.home-t2{}


.t3{ height:72px; position:relative; background:#1e1a2b;}
.t3 h2{ width:345px; margin:0 auto; height:72px; }
.t3 h2 a{ color:#fff; font-size:20px; float:left; display:block; width:125px; text-align:center; border-bottom:2px solid #1e1a2b; height:70px; line-height:70px; margin:0 23px;}
.t3 h2 a.active{ color:#f59701;border-bottom:2px solid #f59701;}
.t3 a.close{ position:absolute; right:15px; top:15px; width:13px; height:13px; background:url(../Images/close.png)}
.loginContent{ width:345px; margin:18px auto; position:relative;}
.loginContent .yz{ position:absolute; left:0px; top:0px; color:#fe0100; background:url(../Images/wrap.png) no-repeat left center; padding-left:12px; font-size:12px;}


.clickBox{ padding-top:20px;}
.clickBox .clickCT{ display:none;}
.loginContent .inputInfo{ margin:8px 0;}
.loginContent .inputInfo input{ border:1px solid #e5e3da; padding:8px 0; outline:none; display:block;
width:345px; text-indent:12px; color:#000; font-size:20px;}
.loginContent .login { margin:20px 0 15px 0;}
.loginContent .login input{ height:42px; line-height:42px; display:block; background:#f59701; color:#fff; font-size:20px; width:345px; outline:none; border:none;
cursor: pointer;}
.forgetpass{ overflow:hidden;}


.forgetpass a{ display:block; float:right; color:#8d8c8a; font-size:14px; margin-left:10px;}



/*下单模板公用*/
.workOrder_url_div{}
.basicRadio.workOrder_url_div em{ float:none;}
.basicRadio.workOrder_url_div{ height:auto;}
.myCompanyModel{ margin:10px 0 10px 0;}
.upload_workorder{position:absolute;top:40px; left:326px; display:none;}

.upload_workorder div,.detailload div{ width:86px; height:30px; float:left; line-height:30px;margin-right:15px;
text-indent: 21px; font-size:12px; position:relative;}
.upload_workorder   span,.detailload  span{color:#666;display: block; height:30px; line-height:30px;}



.excelicon{background:#f2f2f2 url(../Images/excelicon.png) no-repeat 4px center;
background-size:auto;}
.pdficon{background:#f2f2f2 url(../Images/pdficon.png) no-repeat 4px center;
background-size:auto;}
.wordicon{background:#f2f2f2 url(../Images/wordicon.png) no-repeat 4px center;
background-size:auto;}
.ZIPicon{background:#f2f2f2 url(../Images/zipicon.png) no-repeat 4px center;
background-size:auto;}



.upload_workorder  .upload_workorderBtn{  font-size:14px;
background:#3dbb2b url(../Images/addicon.png) no-repeat 4px center;
color:#fff;text-align: center;cursor: pointer;
position: relative;
text-indent:14px;
width:90px;
margin-right:0;}
.upload_workorder  .upload_workorderBtn input{
	width:100%;height:100%;position:absolute;left:0;top:0;filter:alpha(opacity=0);opacity:0;
}
.upload_workorder   em{width:16px; height:16px;position:absolute;right:-8px;top:-8px;
background:url(../Images/removeicon.png) no-repeat  center;
background-size:auto;text-indent: -9999em;cursor: pointer;}
.detailload i{
	width:16px; height:16px;position:absolute;right:-8px;top:-8px;
background:url(../Images/donwnload_worker_file.png) no-repeat  center;
background-size:auto;cursor: pointer;
}


.detailload{padding-left:90px;}
.detailload div{margin-bottom:10px;}
.orderTrailList  .detailload  span{ padding-left:0;cursor: pointer;}

.attach_area {
  	font-size: 12px;
    height: 30px;
    float: left;
    line-height: 30px;
}

.attach_area a{color: #1490f0; display:block;float:left;color:#ff9500; }

.attach_area .workTips{ top:0;}

/*公共弹出框*/

.pay_alter{ width:420px; height:200px; position:fixed; background:#fff; top:50%; left:50%; margin:-100px 0 0 -210px; z-index:100001; display:none;
}
.pay_alter p{color:#333; font-size:18px; line-height:1.8; padding:20px 40px  0 40px;}
.pay_alter  a{ display:block; height:48px; line-height:48px; padding:0 12px; text-align:center; float:left; margin-top:40px;}
.pay_alter .payfail{ background:#dfdfdf;margin-right:40px; width:150px;}
.pay_alter .paysucc{ background:#ff9500; color:#fff; padding:0 20px;}


/*月底结算*/
.month_pay {
    position: fixed;
    z-index: 10008;
    background-color: #fff;
    width: 400px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin:-150px 0 0 -200px; display:none;
}
.month_pay_content{ margin:20px 10px;}
.month_pay_content h2{ text-align:center; font-size:20px; color:#333;position:relative;}
a.month_close{position: absolute;
    right: 15px;
    top: 7px;
    width: 13px;
    height: 13px; background:url(../Images/month_close.png) no-repeat center;}
.month_pay_content p{ margin:40px auto 30px auto; width:260px;}
.month_pay_content p a{ display:block; border:1px solid #ccc;
height:35px; line-height:35px; text-align:center;margin-bottom:20px;}
.month_pay_content p a.active,.month_pay_content p a:hover{color:#e99314; border:1px solid #e99314;}
.month_pay_content span{ width:260px; margin:0 auto; display:block;}
.month_pay_content span input{ display:block; height:35px; line-height:35px; background:#e99314; font-size:15px;
text-align:center; color:#fff;width:100%; border:none;}

/*业务标题*/
.work_title{ background:url(../Images/work_security_nav_bg.png) no-repeat left top; height: 84px;
position: relative;z-index: 1; padding: 0 30px;margin-top:30px;}
.work_title_span{  color: #4c4c4c; font-size: 18px;line-height: 65px;text-align:center;}
.work_title_span a{ padding:0 20px; }
.work_title_span a.active{ color:#ff9500;font-weight: bold; }





/*代下单区域通用样式*/
.generationOrder>div
{
    float: left;
    width: 600px;
    margin-top: 2px;
}
.generationOrder p span{
    display: inline-block;
    padding: 6px 0px;
    border: 1px solid #CCCCCC;
    margin-right: 15px;
    cursor: pointer;
    text-align: center;
    width: 85px;
}
.generationOrder p span.active{
    border:1px solid #ff9500;
    background:url("../Images/marked.jpg") no-repeat right bottom;
}
.generationInput{
    margin-top: 10px;
}
.generationInput input{
    margin-right: 5px;
}

/*鼠标移动上去显示的效果*/
.indusrtyInputDiv{ position: absolute;  color: #111; font-size: 12px; line-height: 1.7; padding: 2px 5px; background: #fff;
 border: 1px solid #ccc; left: 20px;top:30px; color:#f00}


/*翻页*/
.page{ height:40px; line-height:40px; overflow:hidden; float:right;margin-bottom: 10px;
margin-right:20px;}
.pageL{ float:left;}
.pageL a{ display:block; width:88px; height:38px; line-height:38px; color:#555; font-size:14px; text-align:center; float:left; border:1px solid #d5d5d5; margin-right:10px;}

.pageR{ float:right; margin-left:22px;}
.pageR input{ outline:none;}
.pageR input.txt1{ height:35px; line-height:35px; width:60px; border:1px solid #d5d5d5; text-align:center; margin:0 18px;}
.pageR input.btn1{ line-height: 40px;height:40px; width:92px; background:#ff9500; color:#fff; font-size:14px; border:none; margin-left:24px; cursor:pointer;}

.cover{
    position:fixed; left:0px; top:0px;
    z-index: 1500;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    display: none;
}
/* 下单底部联系人等公共样式 */
.basicInfo {
    border: 1px solid #e6e6e6;
    padding-bottom: 30px
}

.basicBox {
    height: 78px;
    line-height: 80px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    position: relative;
    background: url(../Images/snake_bg.gif) repeat-x;
}

.basicBox input, .basicBox label {
    display: block;
    float: left;
}

.basicBox input {
    width: 148px;
    height: 20px;
    line-height: 20px;
    padding: 4px 0;
    border: 1px solid #d9d9d9;
    text-indent: 5px;
    margin: 25px 0 0 10px;
    border-radius: 20px;
}
.basicBox input:focus {
    border: 1px solid #ff9500;
    transition: 0.5s
}

.basicBox i {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 30px 10px 0 0;
}

.basicName {
    margin: 0 125px 0 60px;
}

.basicName i {
    background-position: -77px -127px
}

.basicTel i {
    background-position: -122px -131px
}

.basicInput {
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

.basicInput label, .basicInput input {
    display: block;
    float: left;
}

.basicInput label {
    width: 144px;
    text-align: right;
    margin-right: 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
}

.basicInput label strong {
    color: #f00;
    font-weight: bold;
    position: relative;
    top: 2px
}

.basicInput input {
    height: 20px;
    line-height: 20px;
    padding: 4px 0;
    border: 1px solid #ccc;
    text-indent: 12px;
}

.basicInput input.stageInput {
    width: 218px;
}

.basicRadio {
    float: left;
    height: 30px;
    line-height: 30px;
}

.basicRadio em {
    display: block;
    float: left;
    margin-right: 30px;
    cursor: pointer;
}

.basicRadio em i {
    display: block;
    float: left;
    width: 17px;
    height: 16px;
    background: url(../Images/img.png) no-repeat -41px -131px;
    margin: 7px 5px 0 0;
}

.basicRadio em.active i {
    background-position: -7px -131px
}



.loadedFileName {
    float: left;
    top: 0;
    height: 30px;
    line-height: 30px;
    text-decoration: underline;
    font-size: 12px;
    color: #1490f0;
    cursor: pointer;
    display: none;
}
/* 下单底部联系人等公共样式以上 */

/* 小问号的样式 */
.workAvDere {
    font-size: 12px;
    line-height: 1.2;
    color: #666;
    cursor: pointer;
    position: relative;
}
.workAvDere i {
    background: url(../Images/img.png) no-repeat -7px -80px;
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}
.workIcon {
    background-image: url(../Images/img.png);
}
/* 小问号的样式以上 */

/* 省市区通用选择样式 */
.workSelectAddress {
    position: relative;
    overflow: hidden;
}

.workSelectAddress .workAddressText {
    display: block;
    float: left;
    width: 115px;
    background: #ff9500;
    height: 32px;
    line-height: 32px;
    color: #fff;
    border-radius: 5px 0 0 5px;
    text-indent: 15px;
}

.workAddressBox {
    position: relative;
}

.workAddressBox select {
    width: 113px;
    height: 32px;
    line-height: 32px;
    outline: none;
    border: 1px solid #d5d5d5;
    text-indent: 8px;
    display: block;
    float: left;
    margin-right: 5px;
}

.workAddressBox input {
    text-indent: 12px;
    height: 20px;
    line-height: 20px;
    width: 302px;
    vertical-align: middle;
    border: 1px solid #d5d5d5;
    padding: 5px 0;
    display: block;
    float: left;
}

.work_error {
    font-size: 14px;
    margin-left: 8px;
    color: #f00;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    display: none;
}
/* 省市区通用选择样式以上 */

/* 下单右侧清单温馨提示框 */
.sysTip{
	padding-left:30px;
	padding-right:10px; 
	color:#f00;
	margin-top:20px;
}
.sysTip div{
	margin-bottom:10px;
}
.sysTip strong{
	line-height: 1.2;
}
.sysTip p{
	padding-left:20px;
	line-height: 1.2;
}


/**
 * 韦尔中电弹出框共用css
 * 2017/2/28 by 武东
 */
 .yfPromptMask,.yfTipMask{
            position: fixed;
            background: rgba(0,0,0,.2);
            z-index: 200;
            width:100%;
            height:100%;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);    /*兼容ie8以下半透明*/
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
            display: none;
            left:0;
            top:0;
        }
        .yfPromptContent,.yfTipContent{
            position: fixed;
            background: #fff;
            display: none;
            border-radius: 5px;
            padding-bottom: 20px;
        }
        .yfPromptContent{
            z-index: 1500;
            width:380px;
        }
        .yfTipContent{
            z-index: 2000;
            width:280px;
        }
        .yfTitle{
            height:40px;
            line-height:40px;
            padding:0 20px;
            background: #ff9500;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            border-radius: 5px 5px 0 0 ;
            position: relative;
            letter-spacing: 2px;
        }
        .yfClose{
            color: #fff;
            font-size: 21px;
            position: absolute;
            right:20px;
            cursor: pointer;
            font-style: normal;
            font-weight: bold;
            -webkit-transition: .3s;
            -moz-transition: .3s ;
            -ms-transition: .3s ;
            -o-transition: .3s ;
            transition: .3s ;
        }
        .yfClose:hover{
            color: #eee;
        }
        .yfTxt{
            text-align: center;
            padding:40px 15px;
            color: #333333;
        }
        .yfTxt p{
            font-size: 18px;
            color: #333;
            line-height: 26px;
        }
        .yfTxt span{
            font-size: 12px;
            color: #4c4c4c;
            display: inline-block;
            margin-top: 20px;
        }
        .yfTxt .yfTipTypeContent{
            text-align: center;
        }
        .yfTxt .yfTipTypeContent i{
            display: inline-block;
            margin-right: 20px;
            height:50px;
            width: 50px;
            vertical-align: middle;
        }
        .yfTxt .yfTipTypeContent i.success{
            background: url("../Images/yf_tip_success.png") no-repeat left top;
        }
        .yfTxt .yfTipTypeContent i.warning{
            background: url("../Images/yf_tip_warning.png") no-repeat left top;
        }
        .yfTxt .yfTipTypeContent i.error{
            background: url("../Images/yf_tip_error.png") no-repeat left top;
        }
        .yfTxt .yfTipTypeContent .tipTypeText{
            display: inline-block;
            margin-top:0;
            font-size: 16px;
            max-width: 130px;
            text-align: left;
            vertical-align: middle;
        }
        .yfFoot{
            text-align: center;
        }
        .yfFoot a{
            height:30px;
            line-height:30px;
            width:100px;
            margin:0 15px;
            display: inline-block;
            border-radius: 5px;
            color: #333;
            border:1px solid #ccc;
            cursor: pointer;
            -webkit-transition: .5s;
            -moz-transition: .5s ;
            -ms-transition: .5s ;
            -o-transition: .5s ;
            transition: .5s ;
        }
        .yfFoot a.yfConfirm{
            background: #ff9500;
            color: #fff;
            border-color: #ff9500;
        }
        .yfFoot a.yfConfirm:hover{
            background: #fba220;
            border-color:#fba220;
        }
        .yfFoot a.yfCancel:hover{
            background: #f2f2f2;
        }

        /*加载框样式*/
        .yfLoadMask{
            position: fixed;
            top: 0;
            left:0;
            right:0;
            bottom:0;
            background: rgba(0,0,0,0.2);
            z-index: 2000;
        }
        .yfLoadBox{
            position: absolute;
            top:30%;
            left:50%;
            margin-left: -160px;
            width:320px;
            height:180px;
            background: #fff;
            box-shadow: 0 0 0px #fff;
            -webkit-box-shadow: inset hoff voff blur color;
            -moz-box-shadow: inset hoff voff blur color;
            box-shadow: inset hoff voff blur color;
            border-radius: 3px;
            -webkit-animation:yfLoadingShadow 1s infinite alternate linear;
            -o-animation:yfLoadingShadow 1s infinite alternate linear;
            animation:yfLoadingShadow 1s infinite alternate linear;
        }
        .yfLoadBox p{
            margin-top: 20px;
            text-align: center;
            font-size: 14px;
            color: #333;
        }
        .yfLoadingContainer {
            width: 90px;
            height: 90px;
            margin:20px auto 0;
        }
        .yfLoadingContainer>div{
            width: 33%;
            height: 33%;
            background-color: #ff9500;
            float: left;
            -webkit-animation: yfLoadingBlock 1.3s infinite ease-in-out;
            animation: yfLoadingBlock 1.3s infinite ease-in-out;
        }
        .yfLoadingContainer .block1{
            border-top-left-radius: 7px;
        }
        .yfLoadingContainer .block3{
            border-top-right-radius: 7px;
        }
        .yfLoadingContainer .block7{
            border-bottom-left-radius: 7px;
        }
        .yfLoadingContainer .block9{
            border-bottom-right-radius: 7px;
        }
        .yfLoadingContainer .block4,
        .yfLoadingContainer .block8{
            -webkit-animation-delay: 0.1s;
            -moz-animation-delay: 0.1s;
            -o-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }
        .yfLoadingContainer .block1,
        .yfLoadingContainer .block5,
        .yfLoadingContainer .block9{
            -webkit-animation-delay: 0.2s;
            -moz-animation-delay: 0.2s;
            -o-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }
        .yfLoadingContainer .block2,
        .yfLoadingContainer .block6{
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            -o-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }
        .yfLoadingContainer .block3{
            -webkit-animation-delay: 0.4s;
            -moz-animation-delay: 0.4s;
            -o-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }
        @-webkit-keyframes yfLoadingBlock {
            0%{
                -webkit-transform: scale3D(1,1,1);
                -moz-transform: scale3D(1,1,1);
                -ms-transform: scale3D(1,1,1);
                -o-transform: scale3D(1,1,1);
                transform: scale3D(1,1,1);
            }
            35% {
                -webkit-transform: scale3D(0,0,1);
                -moz-transform: scale3D(0,0,1);
                -ms-transform: scale3D(0,0,1);
                -o-transform:scale3D(0,0,1) ;
                transform:scale3D(0,0,1);
            }
            70%{
                -webkit-transform: scale3D(1,1,1);
                -moz-transform: scale3D(1,1,1);
                -ms-transform: scale3D(1,1,1);
                -o-transform: scale3D(1,1,1);
                transform: scale3D(1,1,1);
            }
        }
        @keyframes yfLoadingBlock {
            0%, 70%, 100% {
                -webkit-transform: scale3D(1,1,1);
                -moz-transform: scale3D(1,1,1);
                -ms-transform: scale3D(1,1,1);
                -o-transform: scale3D(1,1,1);
                transform: scale3D(1,1,1);
            }
            35% {
                -webkit-transform: scale3D(0,0,1);
                -moz-transform: scale3D(0,0,1);
                -ms-transform: scale3D(0,0,1);
                -o-transform:scale3D(0,0,1) ;
                transform:scale3D(0,0,1);
            }
        }
        @keyframes yfLoadingShadow {
            0%{
                -webkit-box-shadow:0 0 5px #fff;
                -moz-box-shadow:0 0 5px #fff;
                box-shadow:0 0 5px #fff;
            }
            100%{
                -webkit-box-shadow:0 0 30px #fff;
                -moz-box-shadow:0 0 30px #fff;
                box-shadow:0 0 30px #fff;
            }
        }
/*优服共用弹出框样式以上*/




/* 清单列表右侧提交按钮 */
.orderSubmit {
    text-align: center;
    margin-top: 20px;
}
.orderSubmit input {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    transition:.3s;
    margin: 0;
}
/* 确定提交按钮 */
.orderSubmit .orderSubBtn{
	background: url("../Images/order_submit_btn.png") no-repeat left top;
}
.orderSubmit .orderSubBtn:hover {
    background: url("../Images/hover_order_submit_btn.png") no-repeat left top;
}
/* 正在计算中灰色按钮 */
.orderSubmit .orderCal{
	display:none;
	background: url("../Images/order_cal_ing.png") no-repeat left top;
}
.priceCaculing{
	font-size: 18px;
    color: #3dbb2b;
    display:none;
}
.sys_count{
	z-index:100;
	border-radius:0 0 4px 4px;
}
.workAvDeret{
	z-index:200;
}


/* from old business */
.regist{position: relative;top: -22px;}
.registConn{min-height: 465px; background:#fff; padding:35px 50px 100px 50px;}
.userInfo_ware{ padding-left:50px;}

.userInfo_ware .userInfo_success{ background:url(../Images/gg.jpg) no-repeat left center;}
.userInfo_enginer{ padding-left:50px;}
.registInfo{ color:#292929; font-size:14px; margin-top:10px; line-height:32px; overflow:hidden;}


.ups_right{float:left; overflow:hidden; width:945px;}
.registInfo .common_label{ width:121px; height:36px; line-height:36px; float:left; text-align:right}
.registInfo .radio{ height:36px; line-height:36px; display:block; float:left; margin-right:15px;
cursor:pointer;}
.registInfo .radio input{outline:none;}

.registInfo b{ margin-left:20px}

.registInfo input{text-indent:12px; margin-left:4px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  height:20px;  line-height: 20px;vertical-align:middle;}
    
.registInfo .txt2{ width:308px;border:1px solid #d5d5d5;
 -moz-border-radius:5px;-webkit-border-radius:5px; -ms-border-radius:5px;border-radius:5px;    }
 
.registInfo .txt3{ width:308px;border:1px solid #d5d5d5;padding:7px 0;   }

.registInfo label strong{ color:#f00;font-weight: bold;
    vertical-align: middle;
    height: 30px;
    line-height: 32px;
    display: inline-block;
    margin-left: 2px;}
    
.registInfo .ware{ display:inline-block; margin-left:8px; color:#f00; background:url(../Images/gg.jpg) no-repeat center; text-indent:-999em; width:26px; }
.registInfo .error{ display:none; margin-left:8px; color:#f00;}
.registInfo .tips{ display:inline-block; margin-left:8px; color:#f00;}
.registInfo .tips a{ color:#ff9500}
.registBtn{ margin:50px 0 0 60px;}
.btn2 input{ display:inline-block; width:260px; height:50px; line-height:50px; color:#fff; text-align:center;
background: url(../Images/new_btn_bg.gif) no-repeat left; font-size:18px; cursor:pointer; border:none; outline:none;}
.btn2 input.btnsure {
    margin-left: 30px;
    display: none;
}
.paysure{clear:both;}
#paySure{ width:177px; height:48px; background:url(../Images/paysurebtn.jpg) no-repeat center;margin:20px auto 0 auto; text-indent:-999em; border:none;border:none;display:block;
cursor: pointer;}
.pay_sure{ margin-right:30px;}
.registInfo textarea{ width:730px; height:130px; border:1px solid #ccc; resize:none; -border-radius:5px;
-ms-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
 color:#666; padding:10px; outline:none;}

.refer_info{ overflow:hidden; border:1px solid #ccc; height:130px; margin:15px 0;}
.refer_infoL{ float:left;}
.refer_info label{ width:102px; background:#efefef; font-size:14px; line-height:130px; text-align:center; color:#292929; display:block;border-right:1px solid #ccc;
float:left;}
.refer_infoL textarea{ display:block; width:350px; padding:10px 10px; float:left; border:none;border-right:1px solid #ccc;outline:none; height:110px; color:#333; font-size:14px; resize:none;}
.refer_infoR{ float:left; width:620px; overflow:hidden;height:130px;}
.add_img{ float:left; margin:22px 0px 0 10px; }
.add_img label {
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative;
    background: url(../Images/add_img.jpg);
    background-position:center;
}
.add_img_list {height:150px;}
.add_img  span{ margin-left:5px;}
.add_img label input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
}




.refer_infoR a{ display:block;height:88px; line-height:88px;}
.refer_infoR a img{ display:block; float:left}
.refer_infoR a span{ display:block; float:left}
.add_img_list{ float:left;margin:22px 0 0 0;}
.add_img_list img{ margin-left:10px;}
.add_img_mar { margin-left:10px;}
.add_img_mar img{ margin-right:0px; cursor:pointer}
.add_question{ overflow:hidden; text-align:right; }
.add_question a{ text-decoration:underline;color:#ff9500; font-size:14px}




.selectbg{ display:inline-block; width:144px; background:url(../Images/regist7.png) no-repeat 120px center; 
margin-left:4px;}
.selectbg select{width: 140px;height:34px; line-height:34px;outline:none;border:1px solid #d5d5d5;text-indent:8px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}

.multSelected{ width:455px; background:none;}

/*改变多选框的颜色*/

.registSecondBtn{ margin:42px 0 0 120px;}


.zhSelect .selectbg{ width:290px;
margin-right:0}
.zhSelect .selectbg  select{ width:290px;}

*html .zhSelect .selectbg select{ background:none; appearance:normal;}

.registEnginer{ padding-bottom:80px;}
.registInfoImg{ color:#292929; font-size:14px; margin-top:10px; overflow:hidden;}
.registInfoImg label{height:32px; line-height:32px; float:left;}

.registInfoImgL{ border:1px solid #d5d5d5; float:left; margin-left:5px; width:342px; height:216px;}
.registInfoImgL img{ width:340px; height:214px; vertical-align:top; display:block; margin:0 auto;}
.registInfoImgM { float:left; margin-left:20px; width:90px;}
.registInfoImgM label,.registInfoImgM .del{ width:90px; height:45px; line-height:45px; font-size:16px; text-align:center; color:#fff; display:none; margin-bottom:10px; }
.registInfoImgM .del{ background:#ff9500; border:none; outline:none;}
.registInfoImgM label{background:#ff9500;position:relative;}
.registInfoImgM label input{ 
	 -webkit-opacity: 0;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0;
    /* IE9 + etc...modern browsers */
    opacity: 0;
    /* IE 4-9 */
    filter:alpha(opacity=0);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

position:absolute; left:0px; top:0px; width:100%; height:45px;}
.registInfoImgR{ float:left; width:307px; margin-left:72px; font-size:14px; color:#b2b2b2;}
.registInfoImgR span{ margin-bottom:12px;}
.registSucc{ text-align:center; margin-top:60px;}
.registSucc p{ color:#6ac58a; font-size:30px; margin:40px 0;}
.registSucc a{width:260px; height:50px; line-height:50px; color:#fff; text-align:center;
background:#ff9500; font-size:18px; display:inline-block;}



.payNum{ height:40px; line-height:40px; background:#f1f6f3;  font-size:14px; padding:0 30px;}
.payNum span{color:#333;}
.payNum span em{ color:#333; font-style:normal;}
.payNum span em.red{ color:#ff9500; font-size:18px;}
/*全掉用户管理里面的边框*/




.paytips{margin:30px 0; padding-top:30px; border-top:1px dashed #ccc; font-size:14px; overflow:hidden;}
.paytips em{ display:block; float:left; font-size:14px;line-height:1.7;    font-style: normal;}
.paytips span{color:#ff9500; display:block; float:left;margin-right:5px;}


.pad_top{ padding-top:30px;}

.count{ overflow:hidden;}
.count span,.count b{ font-size:16px; display:inline-block; margin-right:20px;}
.count span em{ color:#ff9500; font-style:normal;}
.count b{ color:#f00; font-weight:normal;}
.count b small{ font-size:20px; font-weight:bold;}
.red{ color:#f00; font-style:normal;}





/*弹窗*/
.question_alert{ width:320px; height:500px;position:absolute; top:50%; left:50%;background:#fff; z-index:10000; display:none;}
.question_alert h2{ position:absolute; right:-10px; top:-10px; width:30px; height:30px; background:url(../Images/question_close.png); text-indent:-999em;}
.question_alert h2 a{ display:block;width:30px; height:30px;}
.question_margin img{display:block;overflow:hidden; vertical-align:top}
.question_btn{ overflow:hidden; text-align:center; margin-top:10px}
.question_btn a{ display:inline-block; height:50px ; margin-top:20px; line-height:50px; width:260px; font-size:18px; text-align:center; color:#fff; background:#f39801; margin:0 auto}

/*提交弹窗*/
.pc_loading{width:360px;height:150px;background:#fff; position:fixed;top:50%;left:50%;margin:-75px 0 0 -180px;
z-index:1000}
.pc_loading h2{font-size:20px;color:#1a1a1a; height:26px;position:relative;margin:45px auto 0 auto;}
.pc_loading h2 em{ position:absolute;display:block;left:160px;width:60px;top:10px;
-webkit-animation:loading-em 2s ease-in 0s infinite;
}
.pc_loading h2 span{width:10px;height:10px;display:block;margin-right:10px;-webkit-border-radius:50%;
-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;float:left;
}
.pc_loading_sp1{background:#d8d608;}
.pc_loading_sp2{background:#19b4fc;}
.pc_loading_sp3{background:#08c122;}
.pc_loading p{font-size:14px;color:#4c4c4c;margin:15px 0 0 70px;}

@-webkit-keyframes loading-em{
		0%{transform: translate(0px,0);}
		20%{transform: translate(-50px,0);}
		50%{transform: translate(0px,0);}
		70%{transform: translate(50px,0);}
		100%{transform: translate(0px,0);}
}
.cover{
    position:fixed; left:0px; top:0px;
    z-index: 1500;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    display: none;
     -webkit-opacity: 0.92;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.92;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.92;
    /* IE9 + etc...modern browsers */
    opacity: 0.92;
    /* IE 4-9 */
    filter:alpha(opacity=92);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
}
/* from old business 以上*/

/* from old 客服*/
.qqkefu{
    position: fixed;
    bottom:10%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    right:0;
    width:45px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    line-height:45px;
    font-size:14px;
    cursor:pointer;
    position:relative;

}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px; text-align:center;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background:#ff9600;
}
.qqkefu ul li.backup{
    background:url(../Images/back.png) no-repeat center #ff9600;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;

}
.qqkefu ul li.backup:hover{
    background:url(../Images/back.png) no-repeat center #ff9600;
}
.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:right;
}

.qqkefu ul li span{
    font-size: 10px;
    font-weight: normal;
    color: #FFF;
	display:block;
	height:45px;
	text-align:left; text-align:center;
}
.qqkefu ul li b.a{
    background:url(../Images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../Images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../Images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e{
    background:url(../Images/tel.png) no-repeat center center;
}




.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{
    height: 150px;
    position: absolute;
    top: -97px;
    left:-131px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background:url(../Images/czx6.png) no-repeat;
    position: absolute;
    left: 130px;
    top: 122px;
}
/* from old 客服以上*/

/* from old login_input*/
/*登录界面*/
.login_top{ height: 90px; padding-bottom: 10px; background:#fff url(../Images/navshadow.jpg)  repeat-x left bottom; }
.login_top .logo{ float: left; margin:18px 80px 0 0;}
.login_top .logo img {
    width: 219px;
    height: 50px;
}
.login_top .logo a{ display: block; }
.login_top .logo span{ font-size: 26px; color: #4d4d4d; position: relative; top: 12px; margin-left: 20px; display: block;}
.login_bg{ background:url(../Images/loginbg.jpg) no-repeat center; height: 500px;}

.loginbox{ background: #fff; height: 380px; width: 360px; margin:50px 0; padding: 10px 20px;}
.loginbox h2 { height: 35px; line-height: 35px;color: #262626;
    font-weight: bold;}
.loginbox h2 span{ cursor: pointer;font-weight: normal;}
.logindown{ position: absolute; right: 0px; top: 35px; background: #fff; border: 1px solid #d4d4d4;
display: none; z-index: 15;}
.logindown a{ display:block; padding:0px 4px; text-align: center; font-size: 12px; height: 25px; line-height: 25px;}
.logindown a:hover{ background:#ccc}



.login_input{width: 260px; margin:50px  auto 0 auto; height:290px;}

.login_input .login_one{ display: none; height:70px;}

.login_input .login_div{ height: 40px; line-height: 40px; border-radius: 5px; margin-bottom: 20px;}
.login_input .login_div i{ width: 45px; height: 40px; display: block; float:left;border-radius: 5px 0 0 5px;}
.login_input .tel i{background:#ff9500 url(../Images/login_tel.png) no-repeat center; }
.login_input .pass{ margin-bottom: 10px;}
.login_input .pass i{background:#ff9500 url(../Images/login_pass.png) no-repeat center;}
.login_input .login_yzm i{background:#ff9500 url(../Images/login_yzm.png) no-repeat center;}

.login_input .txt,.login_input .txt2{height: 20px; line-height: 20px; padding: 9px 0; border: none;display: block;  
text-indent: 12px; border-radius: 0 5px 5px 0;border: 1px solid #e0e0e0;
box-shadow: 0px 0px 1px #e0e0e0; }

.login_input .txt3{height: 38px; line-height: 38px;border: none;display: block; 
	color:#fff;border: 1px solid #e0e0e0;
box-shadow: 0px 0px 1px #e0e0e0; 
}
.login_input .txt{width: 212px;}
.login_input .txt2{width: 105px;}
.login_input .txt3{width: 100px; cursor: pointer;}
.login_input .login_yzm{ }
.login_input .login_yzm a{ display: block; float: right; width: 100px; border:1px solid #e0e0e0;box-shadow: 0px 0px 1px #e0e0e0;}

.login_input h3{ font-size: 14px; height:20px; line-height:20px; overflow:hidden;position:relative;}
.login_input h3 input{ position: relative; vertical-align: middle;}
.login_input h3 a:hover{ color: #ffa000}
.login_btn{ width: 260px; height: 40px; line-height: 35px; color: #fff; 	
font-size: 20px; text-align: center; border: none; margin-top: 20px; cursor: pointer;
background:#FDC46F;
background: -moz-linear-gradient(top,#fcb95b,#ff9500);/*ff Flock*/
background: -webkit-gradient(linear,left top,left bottom,from(#fcb95b),to(#ff9500));/*Safari Chrome*/
background: -o-linear-gradient(top,#fcb95b, #ff9500);/*Opera */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc46d,endColorstr=#FDC46F,grandientType=0);/*ie*/

}

.login_btn:hover{ background:#ff9500}


.icon{ background:url(../Images/small_img.png) no-repeat; }
.login_method{ width: 100%; bottom: 0px;left:0;}
.login_method b{ height: 1px; width: 100%; display: block; position: absolute; left: 0px; top: 17px;}
.login_method span{ font-size: 14px; background: #fff; width: 100px; display: block;text-align: center;
margin:0 auto; position: relative;z-index: 10; height: 35px; line-height: 35px; color:#333}
.login_method h4{background:url(../Images/login_line.png) no-repeat center;font-size: 14px;
height:30px;}
.login_method a,.login_method a i{  display: inline-block;height:30px; line-height: 30px; }
.login_method a i{ padding-left: 35px; }

.login_method .icon1{ background-position: -10px -7px;}
.login_method .icon2{ background-position: -50px -7px;}
.login_method a:hover{ color: #ffa000}

.login_input .tips,.login_alert .tips{ width: 212px; height: 28px; line-height: 28px; margin-left: 45px; position: absolute; top: -35px; display: none;
border-radius: 3px;}
.login_input .tips i,.login_alert .tips i{ height: 18px; width: 18px; display: block; margin: 5px 5px 5px 10px; background-position:-100px -13px;}
.login_input .error,.login_alert .error{border: 1px solid #ff9500; background:#fbebd2;}



/*下单登录界面*/
.login_alert{ width: 500px; height: 400px; background: #fff; position: fixed; top: 50%; left: 50%; margin:-200px 0 0 -250px;
z-index: 1000; display:none;}
.login_alert .login_alert_input{ width: 300px; margin:20px auto 0 auto; position: relative;}
.login_alert h2{ font-size: 24px; text-align: center; padding:25px 0;}
.login_alert .login_close{position: absolute;
    right: 15px;
    top: 10px;
    width: 30px;
    height: 30px;
    background: url(../Images/login_close.png) center no-repeat;}
.login_alert .login_alert_input{ height: 290px;}
.login_alert_input .login_one{ display: none; height: 50px; margin-top: 20px;}

.login_alert_input .login_div{ height: 44px; line-height: 44px;margin-bottom: 20px;
}
.login_alert_input .login_div i{ width: 44px; height: 44px; display: block; float:left;}

.login_input_border{border: 1px solid #e0e0e0;
box-shadow: 0px 0px 1px #e0e0e0; border-radius: 5px; }
.login_alert_input .tel i{background:url(../Images/alert_login_tel.png) no-repeat center; }
.login_alert_input .pass i{background:url(../Images/alert_login_pass.png) no-repeat center;}
.login_alert_input .login_yzm i{background:url(../Images/alert_login_yzm.png) no-repeat center;}

.login_alert_input .txt,.login_alert_input .txt2{height: 20px; line-height: 20px; padding: 12px 0; border: none;display: block;  
text-indent: 12px; border-radius: 0 5px 5px 0;}

.login_alert_input .txt3{height: 46px; line-height: 46px;border: none;display: block; 
	color:#fff; width: 110px; text-align: center; cursor: pointer;
}
.login_alert_input .txt{ width: 253px;}
.login_alert_input .txt2{width: 135px;}

.login_alert_input .login_yzm{ }
.login_alert_input .login_yzm a{ display: block; float: right; width: 100px; border:1px solid #e0e0e0;box-shadow: 0px 0px 1px #e0e0e0;}
.login_yzm_group{ width: 180px;}


.login_alert_input .login_btn{ width: 300px; height: 45px; line-height: 45px; color: #fff; 	
font-size: 20px; text-align: center; border: none; margin-top: 30px;

background: -moz-linear-gradient(top,#ffc46d,#ff9500);/*ff Flock*/
background: -webkit-gradient(linear,left top,left bottom,from(#ffc46d),to(#ff9500));/*Safari Chrome*/
background: -o-linear-gradient(top,#ffc46d, #ff9500);/*Opera */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc46d,endColorstr=#ff9500,grandientType=0);/*ie*/

}

.login_alert_input .tips{ width:253px;}

/*底部*/
.login_footer-nav-list { text-align: center; padding-top:50px;}
.login_footnavbg{ padding:22px 0;}
.login_footer-nav-list a{ display: inline-block; vertical-align: top; font-size: 16px; color: #444344;
padding: 0 25px;}
.login_footerbottom{ padding-bottom:50px;

}

.login_footerbottom p{ color: #333; text-align: center; font-size: 16px; line-height: 1.8}
#ServerNum, #ServerNum p {
line-height: 1;
text-align: center;
color: #333;
}

.footerbottom .certs {
padding-bottom:10px;
text-align: center;
}
/* from old login_input以上 */


.hoverAlert{
	position:absolute;
	padding:20px;
	max-width:240px;
	background:#fff;
	border:1px solid #ccc;
	word-wrap:break-word ;
	z-index:200;
}