@charset "utf-8";
*{ padding:0; margin:0;}
*{ -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0}
img{ width:100%;}
.clearfix:after { content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.clearfix{ display:inline-block;}

body{ background: #f5f5f5;  min-width:320px; -webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-user-select:none;}
/*登录准备*/
/*.container_zb{ min-width:320px;}*/
.container_zb .header{ width:71%; margin:0 auto 40px auto; text-align:center;}
.container_zb .header img{ display:block; margin:15px auto 0 auto; padding-bottom:3%;}
.container_zb .header span{ font-size:15px; color:#4691ee;margin-left: 10%;}
.container_zb .list{ padding:0 3%; width:94%;}
.container_zb .list .img{ float:left; width:20%;}
.container_zb .list .img i{display: inline-block; width: 55px; height: 50px; margin-right: 13px; background: url(../images/kh.png) no-repeat; background-size: 55px; vertical-align: middle;}
.container_zb .list .img .zb1 {}
.container_zb .list .img .zb2 { background-position: 0 -50px;}
.container_zb .list .img .zb3 { background-position: 0 -100px;}
.container_zb .list .img img{ display:block; max-width:55px; width:100%; margin:0 auto;}
.container_zb .list .text{ float:left; position:relative;top:6px;left:0; width:77%;padding-left:3%; font-size:16px;color:#474747;}
.nextStep{ width:90%; line-height:45px; border-radius: 7px; background:#4691ee; text-align:center; font-size:16px; color:#fff; margin:33px auto;}
#nextStep1{ width:90%; line-height:45px; border-radius: 7px; background:#4691ee; text-align:center; font-size:16px; color:#fff; margin:33px auto;}

/*登录信息*/
.container_login{ padding-top: 20px;}
.container_login .input{ width:100%; line-height:45px; background:#fff; border-bottom:1px solid #c8c8c8; }
.container_login .input2{ width:100%; line-height:45px; }
.container_login .ptb{ border-top:1px solid #c8c8c8;}
.container_login .input span{ display:inline-block; width:30%; color:#5c5c5c; font-size:14px; margin-left:10px;}
.container_login .input input{background: #ffffff; display:inline-block; width:60%; /*line-height:25px;*/color:#323232; font-size:12px; outline:none; border:none;}
.container_login .inputImg{ position:relative;}
.container_login .inputImg .icon{ position:absolute; width: 15px; left: 0; top: 0; display: none;}
.container_login .inputImg input{ width:60%;}
.container_login .input .eye,.container_login .input .gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}
.container_login .input .pin_eye,.container_login .input .gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}
.container_login .input .gou{display:none;}
.container_login .input .pin_gou{display:none;}
.container_login .input .eye,.container_login .input .pin_gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}
.container_login .input .pin_eye,.container_login .input .pin_gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}

.container_login .sure {height: 20px; width: 100%;}
.container_login .sure p {padding-left: 14px; text-align: left; color: #0979f7;font-size: 12px; line-height: 20px;}
.saveAndNext {border: none; width:90%; line-height:45px; border-radius: 7px; background:#4691ee; text-align:center; font-size:16px; color:#fff; margin-left: 5%; margin-top: 33px;}
.btn {background: #aaaaaa;}

.icon{ position:absolute; width: 15px; left: 0; top: 0; display: none;}
/*基本资料*/
.container_infomation{ padding-top:20px;}

.container_infomation .input{position: relative;  width:100%; line-height:45px; background:#fff; border-bottom:1px solid #c8c8c8;}
.container_infomation .input .icon{ position:absolute; width: 15px; left: 0; top: 0; display: none;}
.container_infomation .input2{ width:100%; line-height:45px; margin:10px 0; }
.container_infomation .ptb{ border-top:1px solid #c8c8c8;}
.container_infomation .input span{ display:inline-block; width:27%; color:#5c5c5c; font-size:15px; text-align:center;}
.container_infomation .input input{ display:inline-block; width:70%;/* line-height:25px;*/color:#323232; font-size:15px; outline:none; border:none;}
.container_infomation .inputImg{ position:relative;}
.container_infomation .inputImg input{ width:65%;}
.container_infomation .input .eye,.container_infomation .input .gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}
.container_infomation .input .pin_eye,.container_infomation .input .gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}
.container_infomation .input .gou{display:none;}
.container_infomation .input .eye,.container_infomation .input .pin_gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}
.container_infomation .input .pin_eye,.container_infomation .input .pin_gou{ position:absolute; top:7px; right:12px; z-index:2; width:18px;}
.container_infomation .input .pin_gou{display:none;}

.container_infomation .uploadImg{overflow:hidden; background: #ffffff; margin-top:0px; padding:15px 0; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
.container_infomation .uploadImg .card{ float:left; width:49%; position: relative;}
.container_infomation .uploadImg .card #file { opacity: 0; position: absolute;top: 0; width:100%; height: 100%; background: red; z-index: 9999;}
.container_infomation .uploadImg .card #file2 { opacity: 0; position: absolute;top: 0; width:100%; height: 100%; background: red; z-index: 9999;}
.container_infomation .uploadImg .card .text{ width:100%; text-align:center; font-size:14px; color: #323232;}
.container_infomation .uploadImg .card input[type="file"]{ width:0; height:0; opacity:0;}
.container_infomation .uploadImg .card .imgPre {display: block; width: 90px; margin: 0 auto; margin-top: 10px; height: 66px;}
.container_infomation .uploadImg .card .icon{ position:absolute; width: 15px; left: 0; top: -15px; display: none;}
.container_infomation .uploadImg .card2 {border-left: 1px solid #c8c8c8;}
.container_infomation .sure{height: 35px;width: 100%;}
.container_infomation .sure p {padding-left: 14px; text-align: left; color: #0979f7;font-size: 13px; line-height: 30px;}
/*投资评估*/
.container_assess {padding-top: 20px;}
.container_assess .p1{ font-size: 13px; padding: 8px 0 8px 15px; color: #5c5c5c; border-bottom: 1px solid #C8C8C8;}
.container_assess .input {position: relative;padding-left: 112px;  height: 44px; line-height: 44px; background: #ffffff;border-bottom: 1px solid #c8c8c8; padding-right: 11px;}
.container_assess .stock {border-top: 1px solid #c8c8c8; border-bottom: none; padding-left: 130px; display: none;}
.container_assess .name {display: none;}
.container_assess .guanxi {display: none;}
.container_assess .first {padding-left: 180px; border-top: 1px solid #c8c8c8;}
.container_assess .input .text{ color: #5c5c5c; position: absolute; top:0; left:15px; font-size: 15px;}
.container_assess .input select {color: #323232; cursor: pointer; -webkit-appearance: none; width: 100%; border:0px; padding:0px;margin:0px; height:100%; min-height:44px; position:relative; vertical-align:top; background-color:transparent; z-index:3; font-size:15px;}
.container_assess .input input{ display:inline-block; width:100%;/* line-height:25px;*/color:#323232; font-size:15px; outline:none; border:none;}
.container_assess .KhAssessBtn { font-size:16px; border-radius:7px;  text-align:center; line-height: 44px; background:#4691ee; color:#fff; width:90%; margin:33px auto;}
.container_assess .jiange {margin-top: 20px; border-top: 1px solid #c8c8c8;}
.container_assess .job { background: #ffffff; font-size: 15px; position: relative; padding: 10px 0; border-bottom: 1px solid #c8c8c8;  border-top: 1px solid #c8c8c8; }
.container_assess .second {border-bottom: none;}
.container_assess .sure {height: 20px; width: 100%; line-height: 20px;}
.container_assess .sure p {padding-left: 15px; text-align: left; color: #0979f7;font-size: 12px;}

.idCardsure {height: 20px; width: 100%; line-height: 20px;text-align: center;}
.idCardsure p {padding-left: 15px; text-align: left; color: #0979f7;font-size: 13px;}

.container_assess .job span {display: inline-block;padding-left: 15px; color: #5c5c5c;}
.container_assess .job img {width: 60px; position: absolute; right: 13px; top:6px;}
.container_assess .jiange img {width: 60px; position: absolute; right: 13px; top: 15px;}

/**婚姻状况*/
.maritalStatus{
    padding-left: 180px;
    border-top: 1px solid #c8c8c8;
    margin-top: 5%;
    margin-bottom: 20%;
}

/*投资习惯*/
.container_habit {padding-top: 20px;}
.container_habit .input {position: relative;padding-left: 150px;  height: 44px; background: #ffffff;border-bottom: 1px solid #c8c8c8; padding-right: 11px;}
.container_habit .first {border-top: 1px solid #c8c8c8; }
.container_habit .input .text{ color: #5c5c5c; position: absolute; top:0; left:15px; font-size: 15px; line-height: 44px;}
.container_habit .input .imgIcon{width: 16px; position: absolute; left: 93px; top: 14px;}
.container_habit .input p {display: none; position: absolute; font-size: 12px; background: #F2F2F2;left:20%;top:36px; width: 60%;z-index: 10;border: 1px solid #5c5c5c; border-radius: 5px; padding: 5px 5px; }
.container_habit .input select {color: #323232; cursor: pointer; -webkit-appearance: none; width: 100%; border:0px; padding:0px;margin:0px; height:100%; min-height:44px; position:relative; vertical-align:top; background-color:transparent; z-index:3; font-size:15px;}
.container_habit .KhHabitBtn { font-size:16px; border-radius:7px;  text-align:center; line-height: 44px; background:#4691ee; color:#fff; width:90%; margin:33px auto;}


/*账户签名*/
.container_signature {}
.container_signature .neirong {padding-top: 20px; border-bottom: 1px solid #c8c8c8; padding-bottom: 10px;}
.container_signature .neirong .message{ font-size: 13px; padding-bottom: 10px; position: relative;} 
.container_signature .neirong .message img {width: 18px; position: absolute; left: 13px; top:3px;}
.container_signature .neirong .message span {display: inline-block; padding-left: 45px;padding-right: 5px; color: #5c5c5c;}
.container_signature .neirong .message .relevant_agreement {color:#007aff;}

.container_signature .agreement {padding-top: 10px; padding-bottom: 10px; }
.container_signature .agreement .message{ font-size: 12px; padding-bottom: 10px; position: relative;} 
.container_signature .agreement .message img {
    width: 18px;
    position: relative;
    line-height: 20px;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
.container_signature .agreement .message span {   
    padding-right: 5px;
    color: #5c5c5c;
    padding-left: 0px;
    margin-left: 5px;
    width: 85%;
    display: inline-block;
}
.container_signature .agreement .message .relevant_agreement {color:#007aff;width: 52px;font-style: normal;}

.container_signature .content {padding: 15px 14px; border-bottom: 1px solid #c8c8c8; font-size: 13px; color: #5c5c5c; height: 215px; overflow:auto; -webkit-overflow-scrolling:touch; background: #ffffff; margin-bottom: 20px;}
.container_signature .input {position: relative;padding-left: 112px;  height: 90px; line-height: 90px; background: #ffffff;border-bottom: 1px solid #c8c8c8; padding-right: 11px; border-top: 1px solid #c8c8c8;}
.container_signature .input .text{ color: #5c5c5c; position: absolute; top:0; left:15px; font-size: 16px;}
.container_signature .input .text_write_btn{color:#d7d7d7;position: absolute; top:0;left:90px;font-size:16px;}
.container_signature .input input{ display:inline-block; width:70%;/* line-height:25px;*/color:#323232; font-size:15px; outline:none; border:none;}
.container_signature .KhSignatureBtn { font-size:16px; border-radius:7px;  text-align:center; line-height: 44px; background:#4691ee; color:#fff; width:90%; margin: 5%;}
.khready1 .kefu { width: 100%; font-size: 13px; text-align: center; margin-top: 20px; margin-bottom: 30px;}
.khready1 .kefu a { text-decoration: none; color:#4691ee;}

.mustknow{font-weight: bold;}
.wait {z-index: 9999; border-radius: 10px; text-align: center; color: #333333; background: #fff; position:fixed;top:50%;width:66%; display: none; margin-left: 17%; margin-top:-60px;}
.wait p {padding: 20px 0; }

#imgRes{
    height: 200px;
    width: 74px;
    margin-top: -56px;
    margin-left: 20%;
    transform:rotate(270deg);
    -ms-transform:rotate(270deg);     /* IE 9 */
    -moz-transform:rotate(270deg);    /* Firefox */
    -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
    -o-transform:rotate(270deg);
}

/*开户成功页面1*/
.khready1{ color: #323232;}
.khready1 h2 { font-size: 16px; text-align: center; padding: 35px 0 25px; color: #323232;}
.khready1  .step{width: 95%; overflow: hidden; margin:0 auto;}
.khready1  .step ul li{ padding-left: 1px; float: left; width: 33%; ;list-style: none; text-align: center; font-size: 13px;}
.khready1  .step1 {color: #4691ee;}
.khready1  .step2 {color: #4691ee;}
.khready1 p {text-align: center; font-size: 16px;}
.khready1 .normal {margin-top: 25px;}
.khready1 .KhSignatureBtn { font-size:16px; border-radius:7px;  text-align:center; line-height: 44px; background:#4691ee; color:#fff; width:90%; margin:20px auto;}
.khready1 .remind{ text-align: left; color: #898989; font-size: 13px; padding:0 5%;display: none;}
.khready1 .errmsg{ display: none; padding: 0 7%; font-size: 12px; color: #e93030; text-align: left; margin-top: 15px;}
.khready1 .errmsg p {font-size: 12px; color: #e93030; text-align: left;  padding: 0 7%;}

.khready1 .eightNum{
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.khready1 .accountNum_tip{
    font-size: 16px;
    font-weight: normal;
    margin-top: 5%;
}

.khready1Img{
    width:95%;
    margin-left: 5%;
}


/*箭头样式*/
.point_bottom{position: absolute; width: 0; height: 0; right:25px; top:16px; }
.point_bottom:after, .point_bottom:before {
    border-color: #fff transparent transparent transparent; border-style: solid; border-width:7px 7px 0 7px;
    position: absolute; content: ''
}
.point_bottom:before { border-color: #b9b9b9 transparent transparent transparent;top:2px;}
.point_right{position: absolute;width: 0; height: 0; right:30px; top:18px; }
.point_right:after, .point_right:before {
    border: 8px solid transparent;
    border-left: 8px solid #fff;
    position: absolute;
    top: 0;
    content: '';
}
.point_right:before { border-left-color: #b9b9b9; right: -18px;}

.point_right_night{position: absolute;width: 0; height: 0; right:30px; top:18px; }
.point_right_night:after, .point_right_night:before {
    border:8px solid transparent; border-left:8px solid #252528; position: absolute; top: 0; content: ''
}
.point_right_night:before { border-left-color: #8e8e8e; right: -18px;}

.point_top{position: absolute; width: 0; height: 0; right:25px; top:16px; }
.point_top:after, .point_top:before {
    border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 7px 7px 7px;
    position: absolute; content: ''
}
.point_top:before { border-color: transparent transparent #b9b9b9 transparent; top: -2px;}

/**财务投资信息*/
.account_choose_content ul li img{
    width:20px;
    height:20px;
}

.agree_msg ul li img{
    width:20px;
    height: 20px;
}

.account_choose_tip{
    margin-top: 5%;
    margin-left: 5%;
    font-size: 12px;
    color: #222;
}
.invest_obj{

}

.invest_obj ul{
    display: -webkit-box;
    /*margin-left: -35%;*/
    padding-top: 2%;
}
.invest_obj ul li{
    width: 16%;
}

.invest_obj ul li img{
    width:20px;
    height:20px;
}

ul li{
    list-style-type:none;
}

.account_choose_content{
    background-color: #fff;
    border: 1px solid #d7d7d7;
    margin-top: 2%;
    height:90px;
}

.account_choose_content ul{
    display: -webkit-box;
}

.account_choose_content ul li{
    height:65px;
}

.account_choose_content .first_ul_li{
    width: 43%;
    height: 65px;
    margin-left: 5%;
    margin-top: 5%;   
}

.account_choose_content .first_ul_li ul li:first-child{ 
    line-height: 65px;
}
.account_choose_content .first_ul_li ul li:nth-child(2){
    margin-left:5px;
}

.account_choose_content .first_ul_li ul li .title{
    /*margin-top: 10%;*/
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}

.account_choose_content .first_ul_li ul li .title_zj{
    /*margin-top:13%;*/
}


.account_choose_content .first_ul_li ul li .remarks{
    font-size: 12px;
    color: gray;
    line-height: 15px; 
    width: 100%;   
}

.agree_msg{
    margin-left: 5%;
    width: 90%;
    margin-top: 5%;
}

.agree_msg ul{
    height:20px;
}

.agree_msg ul li:first-child{
    width: 10%;
    float: left;
    line-height: 20px;   
}

.agree_msg ul li:nth-child(2){
    width: 100%;
    font-size: 12px;
    color: gray;   
}

/*开户步骤状态*/
.stepStatus {width: 100%;}
.stepStatus ul li {width: 20%; float: left; list-style: none; height: 4px;}
.stepStatus ul .stepStatus1{ background: #4691ee;}

/**相关协议*/

.about_agreement{
    margin-top: 10%;
    background-color: #fff;
    border-top: 1px solid #d7d7d7;
}

.agreement{
    height: 20px;
    line-height: 20px;
    padding-left: 5%;
    font-size: 14px;
    position: relative;
}

.about_agreement .agreement{
    height: 50px;
    line-height: 50px;
    border-bottom:1px solid #d7d7d7; 
}

/*加载动画*/


.loading{
    width:20px;
    -webkit-animation: loading infinite linear .5s;
    -webkit-transition: all .5s;
}

@-webkit-keyframes loading {
    0% {-webkit-transform:
        rotate(0);
    }
    100% {-webkit-transform:
        rotate(360deg);
    }
}