* { font-family:"Hiragino Sans GB","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.cl { clear: both; }
.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; }
.animate , .animateall,.lang ,a, button,.animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.defaultstyle,.df { position: relative; margin: 0; padding:0; }
body {margin: 0; padding: 0;color: #666; font-size: 14px;line-height: 20px;border: 0; background: #fff;}

a { text-decoration: none; color: #666; }
ul { list-style: none;margin: 0;padding: 0; }
img { max-width: 100%; height: auto; border: 0; }
table { border-collapse: collapse; border-width: 0 }
input:focus , select:focus , textarea:focus , * { outline: none; }

.wrapbox{ width: 100%; overflow: hidden; }
.wrap{ width:1080px; margin:0 auto; overflow: hidden; line-height:15px;}
.graybg{ background: #f5f5f5; }

/*头部*/
.tophead{ height: 70px; border-bottom:1px solid #f4f4f4; padding:10px 0; background:#fff; margin-bottom:10px;}
.tophead .logo{ float: left; width:250px; height: 50px; background: url(../images/dlogo.png) no-repeat;background-size: 70%}
.tophead .account{ float: right; }
.tophead .account a.myaccount{ float: left; line-height: 50px; font-size:14px; color:#666; text-align: left;}
.tophead .account a.myaccount:hover{ color:#eead49; }
.tophead .account a.myaccount span{ float:left; display: inline-block; width:30px; height: 30px; border-radius: 50%; margin:10px; background: #fac341 url(../images/avata.png) no-repeat center center; }
.tophead .account .lang{ float:left; font-size:14px; color:#666; margin:12px 15px; padding:3px; cursor: pointer; border-radius:3px; }
.tophead .account .lang:hover{ background: #eead49; color:#fff; }
.tophead .account a.enter{ float: right; display: inline-block; line-height: 40px; padding:0 10px; margin:5px 0; color:#fff; background:#fac341; color:#fff; border-radius: 5px; }
.tophead .account a.enter:hover{ background: #eead49; }

.flow{ display: block; width:100%; height: 60px; background: #acafb2; overflow: hidden; margin:0 auto; border-radius: 5px 5px 0 0; }
.flow li{ min-width:120px; text-align: center; position: relative; display: inline-block; float: left; padding:0 35px 0 45px; line-height: 60px; font-size:14px; color:#fff; background:#898c8f url(../images/arrow.png) -30px 0 no-repeat; }
.flow li i{ position:absolute; display: block; width:30px; height: 60px; right:0; top:0; background:url(../images/arrow.png) 0 0 no-repeat; }
.flow li.first{ background:#898c8f; padding:0 40px 0 30px;}
.flow li.active{ background-color: #333333; }
.flowbox p{ background:#ffb612; line-height: 30px; text-align:center; color:#fff; font-size:12px; margin:0; }

.formbox{ margin:0 auto 15px; border-radius:0 0 5px 5px; }
.formbox .joinform{margin:0px 60px; }
.formbox .joinform td{ padding:8px 5px; }
.joinform .item{ width:120px; text-align: right; font-size:12px; color:#666; padding: 10px; }
.joinform .item i{ color:#f00; font-style:normal; padding-left:3px;}
.joinform .itembox{height:30px; padding:0 10px; line-height: 30px; border:1px solid #d9d9d9; border-radius: 3px; }
.joinform .itembox:hover{ border-color:#999; }
.joinform .itembox:focus{ border-color:#f8be33; box-shadow: 0 0 8px rgba(248,190,51,.3) }
.joinform table{table-layout:fixed;}
.joinform table td{vertical-align:middle;}
.w60{ width:60px; margin-right: 5px }
.w80{ width:80px; margin-right: 5px }
.w170{ width:170px; }
.w208{ width:208px; }
.w300{ width:300px; }
.w320{ width:320px; }
.joinform .itembox.w780{ width:780px; }
.joinform .itembox.wh780{ width:780px; height: 100px; }
/*.itemcheck input{ width:16px; height: 16px;border:1px solid #d9d9d9; border-radius: 3px; margin:10px 5px 10px 0; vertical-align: middle;  }*/
.itemcheck label{ line-height: 20px; margin:0 20px 0 0;  vertical-align: middle;}
.selectitem{ float:left; display:inline-block;}
.selectitem input{ vertical-align:middle; margin:0;}
.tiaokun input{ width:16px; height: 16px;border:1px solid #d9d9d9; border-radius: 3px; margin:5px 5px 5px 0; vertical-align: middle;  }
.tiaokun p{ padding-right:50px;}
.unclear{ cursor:pointer;}

.flowstep{ text-align: center; }
.flowstep img{ display: inline-block; width:80px; height: 30px; vertical-align: middle; }
/*.flowstep input{ display: inline-block;vertical-align: middle;  }*/
.flowstep .orbtn, .shenhe .orbtn{ display: inline-block;  width:100px; border-radius: 5px; text-align: center; font-size:14px; color:#fff; background:#ffb612; vertical-align: middle; cursor:pointer; border:1px solid #ffb612; margin-right:10px; }
.flowstep.tp20 a{margin:20px auto 0; }
.flowstep .orbtn:hover, .shenhe .orbtn:hover{ background: #eead49; border-color:#ffb612; }
.flowstep .graybtn{  background: #ebebeb; border:1px solid #bbb; color:#333; margin-right:30px; width:100px; }
.flowstep .graybtn:hover{ background:#d9d9d9; }
.flooter{ border-top:1px solid #f5f5f5; background:#fff; text-align: center; line-height: 30px; font-size:12px; color:#333; }
.prebtn {display: inline-block;  width:100px; border-radius: 5px; text-align: center; font-size:14px; color:#fff; background:#adadad; vertical-align: middle; cursor:pointer; border:1px solid #adadad; margin-right:10px;}

.congrat{ text-align: center; font-size:18px; line-height: 30px; margin-top:40px; }
.congrat b{ color:#333; margin:0 5px; }

.shuoming{ width: 60%; margin:0 auto; border-top:1px solid #e5e5e5; padding:20px 10% 30px; }
.shuoming li{ font-size:14px; color:#333;  line-height: 30px;}
.shuoming li a{ color:#34baff; }
.shuoming li a:hover{ color:#eead49; }

.baoming .formbox{ border-radius:10px;}
.baoming h1{ position:relative; margin:40px auto 0; }
.baoming h1:before,.baoming h1:after{ position:absolute; content:""; width:140px; height:1px; background:#d9d9d9; top:20px;}
.baoming h1:before{ left:320px;}
.baoming h1:after{ right:320px;}
.baoming .flowstep .orbtn{ width:150px;}
.baoming .flowstep .graybtn{ width:150px; margin-right:0; line-height:20px;}
.baoming .codeinput{ width:80px; margin:0;}

.shenhe{ position:relative; margin:100px auto; width:700px; border-radius:10px;}
.shenhe .fileicon{ position:absolute; top:0; left:0; width:150px; height:140px;}
.shenhe .cont{ padding:20px 0 0 180px; line-height:30px; font-size:14px;}
.shenhe .cont span{ font-size:16px;}
.shenhe .cont b{ color:#333;}

/*下拉框组件调整*/
.btn-default{ background:none; border:none}
.bootstrap-select .dropdown-toggle:focus{ outline:0 auto -webkit-focus-ring-color!important;}
.btn-default:focus, .btn-default.focus{ background:none!important; border:none!important}
.btn-default:hover{background:none!important;}
.btn-group.open .dropdown-toggle{box-shadow:none!important}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:none!important}
.city-picker-span{ width:auto; height:30px; padding:0 10px; line-height: 30px; border:1px solid #d9d9d9; border-radius: 3px; }















.control-relative{ position:relative;}