/* 基本样式*/
*{ margin: 0; padding: 0 ; font-family: "microsoft yahei","宋体",serif;}
html,body{  font-size: 12px;}
body{ min-width: 1100px;}
button,input,textarea{outline: none;}
button:hover{ opacity: .8;filter:alpha(opacity = 80); cursor: pointer;}
ul,ol{ list-style: none;}

button{ border: 0; height: 30px; padding:0 15px; line-height: 30px; }
.clear{ height: 0; visibility:hidden; clear: both;}

input:focus,input:visited{ background: transparent;}
.fg-red{ color: #E91010;}

.loading-more{ text-align: left; margin-top: 20px;height: 40px;}
.loading-more button{ background:#D0D0D0; color: #fff; padding: 0 60px;}
.loading-more.ld { background: url("../images/m-loading.gif") no-repeat center ;}
.loading-more.ld button{ display: none;}
.ad-doc-forms { margin-top: 20px;}

.ad-doc-input{ height: 50px; line-height: 50px;}
.ad-doc-input span.disabled:hover,
.ad-doc-input span.disabled{ background: #fcfcfc; border: 1px solid #ddd;}

.ad-doc-input strong i{ margin-right: 8px; height: 24px; line-height: 24px;}
.ad-doc-input strong {padding-right:10px; width: 88px;display: inline-block;font-weight:normal;color: #555;font-size: 14px;text-align: right;}

.ad-doc-input label{padding-right: 20px;font-size: 14px; color: #999;cursor: pointer;}
.ad-doc-input label input{ position: relative; top: 2px; margin-right: 2px; }
.ad-doc-input b,.ad-doc-input em{ margin-left: 5px;display: none;}
.ad-doc-input b i  { font-size: 14px; color: #3E9369;}
.ad-doc-input em i{ font-size: 14px; color: #FF5F5F; }
.ad-doc-input em {font-size: 14px; font-style: normal;color: #FF5F5F}
.ad-doc-input.right b {display: inline-block;}
.ad-doc-input.right span {background:#EEFFF7;border-color: #E0F3E0;}
.ad-doc-input.error em {display: inline-block; height:32px; line-height: 22px; }
.ad-doc-input.error em i { position: relative; top: 0; }

.ad-doc-input.error span{ background:#FFEFEF;border-color: #F8E4E3; }

/* 图片处理 */
.state{ width: 40px; height: 40px;display: inline-block;  }
.state-hot{ background:url("/Application/Home/View/Public/images/hot.gif") no-repeat; }
.state-new{ background:url("/Application/Home/View/Public/images/new.gif") no-repeat; }
.logo{ width: 265px ; height: 100px; display: inline-block; background : url("../images/logo.png") no-repeat ; }
.logo-bdata{ background-position:  0 0; }
.logo-eland{ background-position:  0 -108px; }
.logo-xcase{ background-position:  0 -216px; }

.icon-back{cursor: pointer;width: 45px; height: 45px;float: left; display: inline-block; background:url("../images/back2.png") no-repeat 0 -1px;}
.icon1{ width: 28px; height: 28px; display: inline-block; background:url("../images/normal-icon.png") no-repeat ;  }
.icon2{ width: 20px; height: 20px; display: inline-block; background:url("../images/normal-icon.png") no-repeat ; }

.icon1-notice1{ background-position: 0 -54px; }
.icon1-notice2{ background-position: -30px -54px; }
.icon1-right{ background-position: -67px -54px; }
.icon1-wrong{ background-position: -100px -54px; }

.icon2-message{  background-position: 0 -82px; }
.icon2-message-open{  background-position: -23px -82px; }
.icon2-dustbin{  background-position: -43px -82px; }
.icon2-lock{  background-position: -62px -82px; }
.icon2-upload{  background-position: -81px -82px; }
.icon2-warming{  background-position: -102px -82px; }
.icon2-right{  background-position: -120px -82px; }


.step1{ display: inline-block; width: 60px; height: 220px; background:url("../images/step.png") no-repeat #eee 0 -1px;}
.step2{ margin-top: 0; display: inline-block; width: 60px; height: 270px; background:url("../images/step.png") no-repeat #eee 0 -240px;}
.step3{ margin-top: 0; display: inline-block; width: 60px; height: 240px; background:url("../images/step.png") no-repeat #eee 0 -510px;}
.step{ position: relative;}

.ad-doc-right{ margin-left: 400px;}
/* left */

.ad-doc-left{ width: 400px; background:#0086BB;position: fixed; top: 0; bottom: 0; z-index: 10; }
.ad-doc-left1{width: 400px; position: fixed; top: 0; bottom: 0; z-index: 10; background: #0086BB; }

.ad-doc-tl{ margin-top: 50px; margin-left:15px; height: 50px; line-height: 44px; }
.ad-doc-tl a:hover{ opacity: .8; filter : alpha(opacity = 80 );}
.ad-doc-tl h1{ display:inline-block; color: #fff; font-weight: normal; margin-left: 15px; font-size: 30px;}
.ad-doc-nav1{  padding-top: 56px;}
.ad-doc-nav1 a{ display: block; font-size: 19px;  padding-left: 77px; height: 45px; line-height: 45px; color: #fff; text-decoration: none; }

.ad-doc-nav1 a.active:hover,
.ad-doc-nav1 a.active{ background: #46A3FF ;}
.ad-doc-nav1 a:hover{  background: rgba(70, 163, 255, 0.39); }

.ad-doc-nav{  padding-top: 56px;}
.ad-doc-nav dl{  }
.ad-doc-nav dl a{ display: block; cursor: pointer;color: #fff; }
.ad-doc-nav dl dt a{ font-size: 19px; padding-left: 77px; height: 40px; line-height: 40px; color: #fff; text-decoration: none;}
.ad-doc-nav dl dt a>span{ position: relative; left: -5px; top: -10px; font-size: 12px; padding: 1px 5px; color: #fff; line-height: normal; border-radius: 10px; background: #FF5B42; font-style: normal; }

.ad-doc-nav dl dd a{ padding-left:107px; font-size: 16px; height: 40px; line-height: 40px; color: #fff; text-decoration: none;}
.ad-doc-nav dl dd a.active,.ad-doc-nav dl dt a.active{ background: #46A3FF; }
.ad-doc-nav dl dd:hover,.ad-doc-nav dl dt:hover{ background: rgba(70, 163, 255, 0.39); }

.ad-doc-product{ padding-left:77px; padding-top:60px; }
.ad-doc-product a{ margin-bottom: 12px;display: inline-block;}

/** right **/

.ad-doc-content{ padding: 45px 0 45px 45px ; color: #555; }

.ad-doc-title{font-weight: normal;margin-bottom: 20px; }
.ad-doc-title span{ font-size: 14px; color: #777; padding-left:8px; letter-spacing: 1px;}
.ad-doc-title span em{ font-weight: normal; font-style:normal;}
.ad-doc-title span a{padding:0 5px; color: #f2b526;}
.ad-doc-input span{display: inline-block; border: 1px solid #efefef; line-height: 30px; height: 30px;}
.ad-doc-input span input{border: 0; height: 30px; padding:0 10px; background: transparent;color: #555;}
.ad-doc-input span:hover{ border-color:rgb(191, 216, 255); }

.step .step1,.step .step2,.step .step3{ float: left;width: 60px;}

.step{ margin-top: 0; overflow: hidden;}
.step-1{ height: 220px}
.step-2{ height: 270px}
.step-3{ height: 240px}


.step-3 i{ position:relative; top: 8px;}
.step-3 b{ font-size: 26px; font-weight: normal; color: #FEA100; margin-left: 20px; letter-spacing: 2px; }

.margin { position: relative; }
.step-1 .margin{padding-top: 70px; margin-left: 80px; }
.step-2 .margin{ padding-top: 70px; margin-left: 80px;}
.step-3 .margin{ padding-top: 118px; margin-left: 80px; }
.step .ad-doc-step{ float: left; }
.ad-doc-next{ margin-top: 20px; }
.ad-doc-next button{ margin-left: 104px; background:#4FBD04 ; color: #fff; padding: 0 50px; }

 .ad-doc-forms {}
 .ad-doc-forms .ad-doc-input input{ width: 280px;}
 .ad-doc-checkMessage input{ width: 138px!important;}
 .ad-doc-checkMessage button{ width: 130px; background: #FFB73E; color: #fff; margin-left: 10px;}
/* .step { position: relative;margin-left: 75px;}*/
 .step.finish{opacity: .4; filter:alpha( opacity = 40) ;}
 .step.finish .ad-doc-next{ visibility: hidden;opacity:0; filter:alpha( opacity = 0) ;}
 .step.finish em{ position: absolute; top:0;bottom: 0; left:0 ;right: 0;}
 .step.finish{}
 .step.finish .ad-doc-step{ background-color: #AAD749; }

 .step.active .margin>em{ display: none;  position: absolute; top:0;bottom: 0; left:0 ;right: 0;}
 .step.active .ad-doc-step { background-color:#AAD749 }

 .step.hidden .margin>em{ background: #fff;  position: absolute; top:0;bottom: 0; left:0 ;right: 0;}
 .step.hidden .ad-doc-step { background-color:#eee }

.st1 .ad-doc-next button,
.st2 .ad-doc-next button,
.st3 .ad-doc-next button,
.st1 .ad-doc-checkMessage button:hover,
.st1 .ad-doc-checkMessage button,
.st4 .ad-doc-checkMessage button { background : #999; opacity: 1; filter:alpha( opacity = 100 )}

.st4 .ad-doc-checkMessage span:hover { border-color: #eee }
.st1 .ad-doc-checkMessage span:hover{ border-color:#efefef;}
.st2 .ad-doc-checkMessage button{ background: #FFB73E;}
.st3 .ad-doc-checkMessage button { background : #999;}
.st4 .ad-doc-next button{ background: #4FBD04;}



.ad-doc-back a{ color: #fff; background: #2C8FEC; display: inline-block; text-decoration: none; border: 0; height: 30px; padding:0 15px; line-height: 30px;}

/**提示**/
.ad-doc-tips2{ margin-bottom: 20px; position: relative; color: #46A4FE; padding: 14px 45px; font-size: 15px; border: 1px dashed #ddd; line-height: 26px; width: 370px;}
.ad-doc-tips2>i{ color: #DAEDFE; font-size: 22px; position: absolute; }

.ad-doc-tips2>i.fa-quote-left{ top: 14px; left: 12px }
.ad-doc-tips2>i.fa-quote-right{ bottom: 10px; right: 12px; }

.ad-doc-tips2 a>em{ font-style: normal; }


.bg-orange{ background: #FF6600; }
.bg-red{ background:#F13600; }
.bg-green{ background:#5EAF08; }
.bg-blue{ background: #3CAADD; }
.bg-white{ background: #fff; }
.bg-purple{ background: #FE669A;}
.bg-pink{background: #B309DE}
.bg-yellow{background: #FFA200}

.fg-orange{ color: #FF6600!important; }
.fg-red{ color:#F13600!important; }
.fg-green{ color:#5EAF08!important; }
.fg-blue{ color: #3CAADD!important; }
.fg-white{ color: #fff!important; }
.fg-purple{ color: #FE669A!important;}
.fg-pink{color: #B309DE!important;}
.fg-yellow{color: #FFA200!important;}

