.ds-head{height: 88px; background-color: #fff; line-height: 88px;}
.headBox{ width: 100%; height: 550px; background: url("../images/banner.jpg") no-repeat top center;}
.topBox{ width: 100%; height: 70px;}
.logoBox{ width: 140px; height: 47px; float: left; font-size: 30px; }
.navBox{ float: right;}
.navBox li{ float: left; color: #9592ee; margin: 0 10px; font-size: 16px;}
.navBox li em{ color: #c7c7c8;}
.navBox li a{color: #222;  text-decoration: none;}
.navBox li a:hover{color: #cc0000;}

.loginBox{ width: 280px; overflow: hidden; float: right; margin-right: 70px; margin-top: 60px; background: rgba(00,00,00,0.5); border-radius: 5px; padding: 30px 30px; position: relative;}
.loginTitle{ height: 40px; line-height: 40px; text-align: center; color: #fff; margin-bottom: 10px;}
.loginTitle h1{ font-weight: normal; font-size: 18px;}
.lnBox{ width: 100%; min-height: 40px; margin: 10px 0;}
.lnBox .lnInput{ height: 40px; border-radius: 5px; overflow: hidden; background-color: #fff;}
.lnBox .lnIco{ width: 40px; height: 40px; background-color: #bdbdbd; float: left;}
.lnBox .lnIco i{ display: block; margin: auto;}
.lnBox .lnIco .ico_user{ width: 19px; height: 20px; background: url("../images/ico.png") no-repeat 0 -20px; margin-top: 10px;}
.lnBox .lnIco .ico_password{width: 19px; height: 21px; background: url("../images/ico.png") no-repeat 0 -50px; margin-top: 9px;}
.lnBox .lnInput .form{ width: 220px; border: none; padding: 10px;}
.lnTips{ color: #ffe400;}
.loginBox .lnTab{ position: absolute; right:30px; top: 15px; color: #3287ff; cursor: pointer;}
.yzBox .btn{ width: 90px; height: 40px; line-height: 40px; text-align: center; float: right; padding:0px; border-radius: 0px; background-color: #cc0000;}
.lnBox .lnInput.yzBox .form{ width: 170px;}
.lnBox .lnInput.lnPhone .form{ width: 260px;}

.loginBox p a{ color: #fff;}
.logonBtn{ width: 100%; height: 40px; margin-top: 30px; }
.logonBtn .btn{padding: 11px 126px;}
.lnBottom{padding: 15px 50px;}
.lnBottom a{ color: #fff;}

.validate{ width: 100%; height: 40px; overflow: hidden; background-color: #fafafa; border-radius: 3px; position: relative; text-align: center; line-height: 40px; margin: 10px 0;}
.dragBox{ width: 40px; height: 40px; background-color: #fff; border-radius: 3px; position: absolute; top: 0; left: 0; cursor:move; box-shadow: 2px 0 6px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 3;}
.dragBox .ico_jt{ width: 10px; height:10px; display: block; background: url("../images/ico.png") no-repeat -20px 0; margin: 15px; }
.dragBox .ico_success{width: 15px; height:15px; display: block; background: url("../images/ico.png") no-repeat 0 -81px; margin: 13px;}
.validate p{ width: 100%;   position: absolute; z-index: 2; font-size: 13px;}
.lnBtn{ overflow: hidden; text-align: center; padding: 0 30px;}
.lnBtn .btn{ width: 100%; height: 40px;}
.logonBottom{ padding: 20px 80px; overflow: hidden;}
.logonBottom a{ color: #959596;}
.logonBottom a:hover{ color: #222; text-decoration: none;}
.logonBottom a.lan{ color: #3388ff;}
.logonBottom a.lan:hover{color: #2677e9;}
.layerLv{ width: 0px; height: 40px; background-color: #7ac23c; position: absolute; z-index: 1;}

.boxTitle{ padding: 30px 0;}
.boxTitle h2{ font-size: 30px; font-weight: normal; padding-top: 10px;}
.toolBox .lnTool{ width:220px; height: 264px; float: left; background-color: #fff; border-radius: 5px; box-shadow: 0 2px 8px 0 rgba(97,131,155,.2); box-sizing: border-box; margin: 0 9px; border: 2px solid #fff; padding-top: 50px; text-align: center; cursor: pointer;}
.toolBox{ min-height: 264px; margin-bottom: 20px;}
.toolBox .lnTool p{ font-size:18px; padding: 20px 0;}
.toolBox .lnTool em{ color: #888; padding-top: 20px; display: block;}
.toolBox .lnTool:hover{border: 2px solid #108ee9;}
.toolBox .lnTool i{ display: block; margin: auto;}
.ico_hg{ width: 43px; height: 49px; background: url("../images/login-ico.png") no-repeat; }
.ico_gk{ width: 50px; height: 49px; background: url("../images/login-ico.png") no-repeat -51px 0; }
.ico_hb{ width: 45px; height: 49px; background: url("../images/login-ico.png") no-repeat 0 -59px; }
.ico_bz{ width: 49px; height: 49px; background: url("../images/login-ico.png") no-repeat -53px -59px; }
.ico_sp{ width: 50px; height: 49px; background: url("../images/login-ico.png") no-repeat 0 -118px; }

.query{ overflow: hidden;}
.query a{color: #222;}
.query ul{ overflow: hidden; padding: 0 0 30px 0;}
.query ul li{ width: 279px; height: 58px; float: left; border: 1px solid #dfdfdf; margin: 10px 8px; line-height: 58px; font-size: 16px; cursor: pointer;}
.query ul li:hover{border:1px solid #108ee9; box-shadow: 0 5px 10px 0 rgba(126,166,194,0.30);}
.query ul li i{ width: 34px; height: 36px; display: block; float: left; margin-left: 20px; margin-right: 20px; margin-top: 10px;}
.query ul li i.ico_A{background: url("../images/login-ico.png") no-repeat -122px 0;}
.query ul li:hover i.ico_A{background: url("../images/login-ico.png") no-repeat -228px 0;}
.query ul li i.ico_B{width: 35px; height: 33px; background: url("../images/login-ico.png") no-repeat -122px -293px; margin-top: 12px;}
.query ul li:hover i.ico_B{background: url("../images/login-ico.png") no-repeat -228px -293px;}
.query ul li i.ico_C{width: 33px; height: 33px; background: url("../images/login-ico.png") no-repeat -176px 0; margin-top: 12px;}
.query ul li:hover i.ico_C{background: url("../images/login-ico.png") no-repeat -282px 0;}
.query ul li i.ico_D{width: 33px; height: 33px; background: url("../images/login-ico.png") no-repeat -176px -395px; margin-top: 13px;}
.query ul li:hover i.ico_D{background: url("../images/login-ico.png") no-repeat -282px -395px;}
.query ul li i.ico_E{width: 33px; height: 33px; background: url("../images/login-ico.png") no-repeat -122px -83px; margin-top: 13px;}
.query ul li:hover i.ico_E{background: url("../images/login-ico.png") no-repeat -228px -83px;}
.query ul li i.ico_F{width: 35px; height: 30px; background: url("../images/login-ico.png") no-repeat -122px -346px; margin-top: 13px;}
.query ul li:hover i.ico_F{background: url("../images/login-ico.png") no-repeat -228px -346px;}
.query ul li i.ico_G{width: 35px; height: 30px; background: url("../images/login-ico.png") no-repeat -176px -83px; margin-top: 13px;}
.query ul li:hover i.ico_G{background: url("../images/login-ico.png") no-repeat -282px -83px;}
.query ul li i.ico_H{width: 35px; height: 30px; background: url("../images/login-ico.png") no-repeat -176px -163px; margin-top: 13px;}
.query ul li:hover i.ico_H{background: url("../images/login-ico.png") no-repeat -282px -163px;}
.query ul li i.ico_I{width: 31px; height: 31px; background: url("../images/login-ico.png") no-repeat -122px -163px; margin-top: 13px;}
.query ul li:hover i.ico_I{background: url("../images/login-ico.png") no-repeat -228px -163px;}
.query ul li i.ico_J{width: 31px; height: 31px; background: url("../images/login-ico.png") no-repeat -122px -395px; margin-top: 13px;}
.query ul li:hover i.ico_J{background: url("../images/login-ico.png") no-repeat -228px -395px;}
.query ul li i.ico_K{width: 32px; height: 32px; background: url("../images/login-ico.png") no-repeat -176px -241px; margin-top: 13px;}
.query ul li:hover i.ico_K{background: url("../images/login-ico.png") no-repeat -282px -241px;}
.query ul li i.ico_L{width: 32px; height: 32px; background: url("../images/login-ico.png") no-repeat -176px -293px; margin-top: 13px;}
.query ul li:hover i.ico_L{background: url("../images/login-ico.png") no-repeat -282px -293px;}
.query ul li i.ico_M{width: 32px; height: 32px; background: url("../images/login-ico.png") no-repeat -122px -241px; margin-top: 13px;}
.query ul li:hover i.ico_M{background: url("../images/login-ico.png") no-repeat -228px -241px;}
.query ul li i.ico_N{width: 32px; height: 32px; background: url("../images/login-ico.png") no-repeat -122px -447px; margin-top: 13px;}
.query ul li:hover i.ico_N{background: url("../images/login-ico.png") no-repeat -228px -447px;}
.query ul li i.ico_O{width: 32px; height: 32px; background: url("../images/login-ico.png") no-repeat -176px -346px; margin-top: 13px;}
.query ul li:hover i.ico_O{background: url("../images/login-ico.png") no-repeat -282px -346px;}
.query ul li i.ico_P{width: 34px; height: 34px; background: url("../images/login-ico.png") no-repeat -176px -447px; margin-top: 11px;}
.query ul li:hover i.ico_P{background: url("../images/login-ico.png") no-repeat -282px -447px;}
.query ul a:hover li{ color: #108ee9;}

.copyright{ height: 60px; text-align: center; padding-top: 20px; line-height: 30px;}
.copyright a{color: #222; text-decoration: none;}
.copyright a:hover{ color: #cc0000;}
.copyright em{ margin: 0 10px; color: #c7c7c8;}

/***注册**/
.registerBox{ width: 100%; height:837px; background: url("../images/regBj.jpg") no-repeat; padding-top: 100px;}
.regBox{ width: 417px; margin: auto;}
.logo_bai{ width: 178px; height: 58px; margin: auto;}
.regIt{background-color: rgba(255,255,255,1); border-radius: 5px; padding: 30px 50px; margin-top: 30px; float: left;}
.regIt h1{ font-size: 24px; color: #3388ff; text-align: center; margin-bottom: 30px; line-height: 24px;}
.regInput{ width: 100%; margin-top:10px; position: relative; float: left;}
.regInput .form{ width: 296px; float: left; border: 1px solid #cecece; padding: 10px 10px; border-radius: 3px;}
.regIt .validate{width: 316px; border: 1px solid #cecece;}
.regInput .check{ margin-top: -1px; margin-right: 3px;}
.regInput .xie{ cursor: pointer; color: #006cff;}
.regInput .btn{ display: block; text-align: center; padding: 3px 0; font-size: 16px;}
.login_a{width: 100%; float: left; text-align: center; padding-top: 5px; display: block;}
.login_a a{ color: #006cff; text-decoration: underline;}
.regCopy{ width: 100%; float: left; padding:17px 0; text-align: center; color: #bfbfbf; line-height: 28px;}
.regCopy a{ color: #bfbfbf;}
.regCopy a:hover{ color: #fff; text-decoration: none;}
.regCopy em{ padding: 0 10px; color: #5f6164;}
.regInput .phone{ height: 42px; border: 1px solid #cecece; border-radius: 3px;}
.regInput .phone .yzm{ line-height: 42px; border-left: 1px solid #cecece; width: 97px; height: 42px; display: block; float: right; text-align: center; cursor: pointer;}
.regInput .phone .form{width: 197px; border: none;}
.userGt{width: 100%; height: 100%; background: rgba(00,00,00,0.3); position: fixed; top: 0; left: 0; z-index: 999;}
.userGtBox{ width: 500px; height: 400px; background: rgba(00,00,00,0.5); padding: 6px; margin:10% auto;}
.userGtBox .utMain{ width: 500px; height: 400px; background-color: #fff;}
.userGtBox .utMain .utTitle{height: 45px; line-height: 45px; padding: 0 20px; font-size: 18px; background-color: #f9f9f9; border-bottom: 1px solid #d9d9d9;}
.userGtBox .utMain .utBox{ padding: 20px;}
.userGtBox .utMain .utBox .utText{ width: 400px; height: 200px; overflow-y: auto; border:1px solid #B2B2B2; padding: 20px 25px;}
.userGtBox .utMain .utBox .utText p{ line-height: 24px; text-indent: 2em; margin-bottom: 10px; color: #555;}
.userGtBox .utMain .utBox .utText a{ color: #0A5AA1;}

.userGtBox .utMain .utButton{ text-align: center; padding:30px 0;}
.userGtBox .utMain .utButton span{ padding: 8px 40px; background-color: #3388ff; color: #fff; border-radius: 3px; margin-right: 15px;}
.userGtBox .utMain .utButton span:hover{background-color: #2b7beb; cursor: pointer;}
.userGtBox .utMain .utButton a{ text-decoration: none;}

.mainBox{ margin-bottom: 50px;}
.box{ width: 100%; overflow: hidden; background-color: #fff; border: 1px solid #e1e2e2;}

.ixCopy{ width: 100%; height: 40px; color: #888; padding-top: 20px;}
.ixCopy p{ text-align: center;}
.regProcess{width: 100%; height: 50px; margin-bottom: 20px; position: relative;}
.regProcess .regLine{ width: 278px; height: 2px; background-color: #cae0ff; margin-top: 15px; float: left; margin-left: 20px;}
.regProcess .psBox{ width: 317px; height: 50px; position: absolute; left: 0; top: 0px;}
.regProcess .psBox div{ float: left; width: 60px; height: 50px; text-align: center; color: #888;}
.regProcess .psBox div i{ width: 31px; height: 31px; display: block; margin: auto; background: url("../images/indexIco.png") no-repeat -110px -39px; line-height: 31px; text-align: center; color: #cae0ff;}
.regProcess .psBox div.psMiddle{ margin-left: 75px;}
.regProcess .psBox div.psRight{width: 30px; float: right;}
.regProcess .psBox div.active{ color: #3388ff;}
.regProcess .psBox div.active i{background: url("../images/indexIco.png") no-repeat -112px 0; color: #fff;}
.regType{ width:296px; border: 1px solid #ddd; background-color: #f8f8f8; height: auto; padding: 10px; font-size: 12px; float: left;}
.teBox{ padding-bottom: 10px; overflow: hidden;}
.teBox .teText{ width: 50px; float: left;  color: #888;}
.teBox .teInput{ width: 100%; float: left;}
.teBox .teInput label{ padding-right:30px; padding-bottom: 10px;}
.regSuccess{ height:250px; padding-top: 10px;}
.regSuccess .icoSuccess{ width: 65px; height: 65px; background: url("../images/indexIco.png") no-repeat 0 -487px; margin:auto; }
.regSuccess p{ text-align: center; font-size: 24px; padding: 20px 0; margin-bottom: 60px;}
.regSuccess .btn{ padding: 15px 130px; }
.regTips{ width: 100%; color: #cc0000;}
.regHide{ float: left; width: 100%; padding-top: 5px; line-height: 40px;}

.popQuery{ height: 40px; text-align: center;}
.popQuery input{ padding: 10px 10px;}
.popQuery .btn{ border-radius: 0px;  padding: 11px 30px;}
.popPresent{ height: 300px; margin: 30px 0; border: 1px solid #ddd; }
.presentTitle{ height: 40px; background-color:#4f69b0; color: #fff; line-height: 40px;}
.presentTitle div{ float: left; text-align: center;}
.w20{ width: 20%;}
.w30{ width: 30%;}
.w50{ width: 50%;}
.popPresent table td{ border-bottom: 1px solid #ddd; padding: 5px; text-align: center;}
.minBox{height: 260px; overflow-x: auto;}