/*登录 */
.login_f{margin-top: 10px}
.login_f li{text-align:left;background-color: #F3F3F3;margin-bottom:15px;padding:10px 5px;border-top: solid 1px #D9D9D9;border-bottom: #D9D9D9 solid 1px ;padding-left: 110px;position: relative;}
.login_f li span{position: absolute;left: 0;top:10px;border-right: #d9d9d9 1px solid ;display:block;text-align: right;width: 100px;padding-right: 10px;line-height:30px }
.login_f li input,.login_f li select,li .select{width: 100%;border: none;height: 35px;line-height: 35px;background: none;font-size: 14px;}
.login_f li select.select{}
li .select{background: url(/mobjsp/img/selectbg.png) no-repeat 95% center;background-size: 16px auto;position: absolute;right: 0;z-index: 11}
.btnbox{text-align:center;margin-top:30px;}
.btnbox button,.btnbox input,.btnbox a{width: 60%;text-align: center;color: #fff;background-color: #00B4FF;height: 40px;line-height: 40px;border:none;font-size: 14px;display: inline-block;}

.blink{margin-top: 30px;text-align: center;color: #00B2FF;font-size: 14px}
.blink a{color: #00B2FF}

.reg{margin-top: 10px;}
.reg li {border-top: solid 1px #C5C5C5;border-bottom: solid 1px #c5c5c5;position: relative;padding-left: 125px;height: 40px;line-height: 40px;margin-bottom: 10px;}
.reg ul li span{color: #00B3FF;position: absolute;left: 0;top: 0;display: block;;width: 120px;height: 40px;line-height: 40px;padding-left: 15px;}
.reg ul li input{text-align: right;width: 100%;border:none;padding-right: 10px;}
.reg ul li input#verifyCode{width: 50%}
.reg ul li input#verifybtn{width: 40%;background-color: #00B4FF;height: 30px;line-height: 30px;padding: 0 15px;color:#fff;text-align: center;}
.Protocols{text-align: left;font-size: 12px;padding: 0 15px}
.Protocols a{color: #00B2FF}

.tip{padding: 20px;margin-top: 20px;}
.tip h3{color: #FF0000;margin-bottom: 15px;}
.tip li{margin-bottom: 10px;}

/*留言*/

.tabs{display:-webkit-box}
.tabs li{-webkit-box-flex:1;text-align: center;height: 40px;line-height: 40px;position: relative;background-color: #E8E8E8;}
.tabs li i{position: absolute;left:50%;bottom: -22px;color: #00B4FF;display: none;font-size: 36px;margin-left: -11px;}
.tabs li.active{background-color:#00B4FF;}
.tabs li.active a{color: #fff}
.tabs li.active i{display: block;}
.tab_content{margin-top: 20px}
.in_tab{overflow: hidden;border:solid 1px #ddd;}
.in_tab li{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:10px 4px 10px 42px;text-align: left;position: relative;float: left;width: 33.3% ;font-weight: bold;}
.in_tab li:before{content:"";display:block;background: url(/mobjsp/img/liucicon.png) 0 0 no-repeat;background-size: 30px auto;width: 33px;height: 33px;position: absolute;left: 7px;top:8px;}
.cont_tab1 li:nth-child(4),.cont_tab2 li:nth-child(9){border: none}
.cont_tab2 li:nth-child(7),.cont_tab2 li:nth-child(8){border-bottom: none;}

.cont_tab1 li:nth-child(1):before{background-position: 0 -267px;}
.cont_tab1 li:nth-child(2):before{background-position: 0 -302px;}
.cont_tab1 li:nth-child(3):before{background-position: 0 -338px;}
.cont_tab1 li:nth-child(4):before{background-position: 0 -373px;}

.cont_tab2 li:nth-child(1):before{background-position: 0 -40px;}
.cont_tab2 li:nth-child(2):before{background-position: 0 -82px;}
.cont_tab2 li:nth-child(3):before{background-position: 0 -120px;}
.cont_tab2 li:nth-child(4):before{background-position: 0 -157px;}
.cont_tab2 li:nth-child(5):before{background-position: 0 -195px;}
.cont_tab2 li:nth-child(6):before{background-position: 0 -231px;}
.cont_tab2 li:nth-child(7):before{background-position: 0 -410px;}
.cont_tab2 li:nth-child(8):before{background-position: 0 -735px;}


.form_ms li{position: relative;margin-bottom:10px ;padding-left: 80px;}
.form_ms li span{position: absolute;left: 0;width: 80px;text-align: right;height: 35px;line-height: 35px}
.form_ms li input{width: 100%;height: 33px;line-height: 33px;border-style: solid;border-width: 1px;border-color: #B3B3B3 #E5E5E5 #E5E5E5 #B3B3B3;padding: 0 5px}
.form_ms li textarea{width: 100%;line-height: 33px;border-style: solid;border-width: 1px;border-color: #B3B3B3 #E5E5E5 #E5E5E5 #B3B3B3;padding: 0 5px;min-height: 80px;}

.write_ms{text-align: right;border-bottom: 1px solid #00B4FF}
.write_ms a{display: inline-block;background: url(/mobjsp/img/ms.png) no-repeat left center;background-size:auto 20px;padding-left: 30px;color: #00B3FF}

.grebtn {margin-top: 15px;text-align: center;}
.grebtn a{display:inline-block;width: 75%;border-radius: 4px;background-color: #EAEAEA;height: 35px;line-height: 35px;text-align: center;color: #8A8A8A}
.grebtn .enable{background-color: rgb(0, 180, 255);color: #fff}

.out_rlist li{padding-bottom: 15px;border-bottom: solid 1px #ddd;margin-top: 15px;}
.out_rlist section{display: -webkit-box;margin-bottom: 10px;}
.out_rlist section div{-webkit-box-flex:1;} 
.out_rlist section div span{color: #00B4FF}
.out_rlist section div:nth-child(2){text-align: right}
.ms_cont{line-height: 160%;}
.ms_tip{padding:6px 15px;background-color: #F6F6F6;border:solid #E6E6E6 1px;position: relative;margin-top: 15px;}
.ms_tip i{position: absolute;left: 30px;top:-8px;background:url(/mobjsp/img/tipup.png) 0 0 no-repeat;
background-size:15px auto;width: 15px;height: 30px;display: inline-block;}
/*index*/

.user_top {
background: #00b4ff;
background: -moz-linear-gradient(left,  #00b4ff 0%, #008dca 100%);
background: -webkit-linear-gradient(left,  #00b4ff 0%,#008dca 100%);
background: linear-gradient(to right,  #00b4ff 0%,#008dca 100%);
padding: 20px 15px;color: #fff;

}
.redcolor{color: #FF3200;}
.bgeee{background: #eee;padding: 15px 15px 5px}
.mid {border-bottom: solid 1px #D8D8D8;padding-bottom: 10px;margin-bottom: 10px;}
.mid dfn a{color: #00A5EB}

.my_fund_list li{/*display: -webkit-box;*/margin-bottom: 10px;}
.my_fund_list li div{display: inline-block;}
.my_fund_list li div:nth-child(1){width: 70%}
.my_fund_list li div:nth-child(2){width: 30%}


.slul .off dl{
           display:none;
         }
         .slul .off .fa-sort-desc{
               transform:rotate(-90deg);
               transition: transform .5s;
            -webkit-transform:rotate(-90deg);
               -webkit-transition: transform .5s
         }

                  .slul .on .fa-sort-desc{
         		-webkit-transform:rotate(0deg);
               -webkit-transition: transform .5s;
               transform:rotate(0deg);
               transition: transform .5s
         }
         .slul .off on{
           display:""
         }

         .slul{background-color: #E4E4E4;}
         .slul li{padding: 15px;margin-bottom: 5px;background-color: #fff;}
         .sl a{display: block;font-weight:bold}
         .sl i{font-size: 20px;color: #00ADF5;margin-right: 10px;}
         .slul dl{padding-left: 20px;}
         .slul dl dd {position: relative;padding-left:30px;}
         .slul dl dd a{padding: 10px 10px 10px 0;display: block; border-bottom: solid #E4E4E4 1px;}
         .slul dl dd:before{content: "";display: block;width:30px;height:30px;background: url(/mobjsp/img/usericom.png) 0 0 no-repeat;background-size: 25px auto;position: absolute;left:0;top:6px;}
         .slul dl.sl_1 dd:nth-child(1):before{background-position: 0 0;}
         .slul dl.sl_1 dd:nth-child(2):before{background-position: 0 -45px;}
         .slul dl.sl_1 dd:nth-child(3):before{background-position: 0 -91px;}
         .slul dl.sl_1 dd:nth-child(4):before{background-position: 0 -133px;}
         .slul dl.sl_1 dd:nth-child(5):before{background-position: 0 -177px;}
         .slul dl.sl_2 dd:nth-child(1):before{background-position: 0 -936px;}
         .slul dl.sl_2 dd:nth-child(2):before{background-position: 0 -245px;}
         .slul dl.sl_2 dd:nth-child(3):before{background-position: 0 -290px;}
         .slul dl.sl_2 dd:nth-child(4):before{background-position: 0 -334px;}
         .slul dl.sl_2 dd:nth-child(5):before{background-position: 0 -380px;}
         .slul dl.sl_3 dd:nth-child(1):before{background-position: 0 -484px;}
         .slul dl.sl_3 dd:nth-child(2):before{background-position: 0 -528px;}
         .slul dl.sl_3 dd:nth-child(3):before{background-position: 0 -574px;}
         .slul dl.sl_3 dd:nth-child(4):before{background-position: 0 -618px;}
         .slul dl.sl_3 dd:nth-child(5):before{background-position: 0 -663px;}
         .slul dl.sl_3 dd:nth-child(6):before{background-position: 0 -856px;}
         .slul dl.sl_3 dd:nth-child(7):before{background-position: 0 -896px;}
         .slul dl.sl_4 dd:nth-child(1):before{background-position: 0 -771px;}
         .slul dl.sl_4 dd:nth-child(2):before{background-position: 0 -816px;}



/*基金买入*/

.ftab{}
.ftab table{width: 100%;border: solid 1px #E6E6E6;}
.ftab table th{/*font-weight: normal;*/background-color: #E6E6E6;padding:6px}
.ftab table td{border: solid 1px #E6E6E6;padding:6px}
.ftab table th:nth-child(3){text-align: right}
.tdinbtn a{color: #fff;display: inline-block;padding:0 10px;background-color: #00B4FF;}
.f_tip{padding: 15px;background-color: #F6F6F6;margin-top:15px;}
.f_tip dt{color: #FF0000;font-size: 14px;margin-bottom: 5px;}


/*交易查询*/
.timeform {background-color: #F6F6F6;padding: 15px;margin-bottom: 15px 10px;}
.timeform li{margin-bottom: 10px;overflow: hidden;clear: both;position: relative;padding-left: 90px;}
.timeform li span{width: 80px;position:absolute;left:0;top:0;height:30px;line-height:30px;text-align: right;}
.timeform li input,.timeform li select{width: 100%;height: 30px;line-height: 30px;border: #E5E5E5 solid 1px;-webkit-appearance: none;padding: 2px 3px}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}

.table-responsive td,.table-responsive th{font-size: 12px;padding:8px 5px ;border:#D8D8D8 solid 1px ;    white-space: nowrap;
word-break: ;}
.table-responsive th{background-color: #EBEBEB;}
.table-responsive td a{color: #00B4FF}
.table-responsive {min-height: .01%; overflow-x: auto;width:100%;margin-bottom: 15px;overflow-y: hidden;}
.table-responsive table{width: 100%;max-width: 100%;}


.detalitab{padding: 10px}
.detalitab table{border:solid 1px #E6E6E6;width: 100%}
.detalitab td,.detalitab th{border:solid 1px #E6E6E6;padding: 8px 5px;text-align: left;}
.detalitab th{background-color: #E6E6E6;}

.lab{display: -webkit-box;}
.lab label{-webkit-box-flex:1;display: block;text-align: center;}


/*基金买入、赎回*/
.fbuy_list li{position:relative;border-bottom: solid 1px #ddd;padding:5px 0 5px 100px;height: 40px;line-height: 40px}
.fbuy_list li input,.fbuy_list li select,.fbuy_list li dfn{width: 100%;border:none;padding: 2px 5px 2px 3px;display: block;height: 33px}
.fbuy_list li input[type="radio"]{width: auto;display: inline;height: auto; -webkit-appearance: none;}


.fbuy_list li dfn label{/*display: block;*/margin-bottom: 10px;}
.fbuy_list li span{position: absolute;left:0;top:0;height: 40px;line-height:40px;display: block;;text-align: right;width:95px}
.mt0{margin-top: 0;}

.fund_redeem li:nth-child(4) dfn{height:auto !important;min-height:33px;/*white-space:nowrap;text-overflow: ellipsis;overflow: hidden;*/}


@media screen and (max-width: 350px) { 
   .fund_redeem li:nth-child(9) label{display: block;}
}

.fund_category{width: 100%;overflow-x:auto;height: 60px;padding:10px}
   .fund_category section{display: block;white-space: nowrap;}
   .fund_category a{padding: 5px 10px;border:solid 1px #ddd;font-weight: bold; display: inline-block;}
   .fund_category section a.cur{background: #00B4FF;color: #fff }


.fund_t{width: 100%;overflow-x:auto;}
.fund_t th{background-color: #F2F2F2;}
.fund_t td a{color: #00B4FF;font-weight: bold;}
.fund_t td,.fund_t th{padding: 5px 8px;border:solid 1px #ddd;white-space: nowrap;}


.ques h4{font-size: 13px;font-weight: 600;line-height: 160%;padding-top: 12px;border-top: 1px solid #ddd;margin-bottom: 10px;}
.ques label{display:block;margin-bottom: 8px;line-height: 160%;padding-left: 15px;}
.ques label input[type='radio']{margin-right: 5px;}


/*账户信息*/
.user_list h4{color: #00B3FF;/*font-weight: normal;*/border-bottom:  solid 1px #c5c5c5;margin-top: 15px;padding:0 10px 5px; font-size:15px;;}
.user_list li {border-bottom: solid 1px #c5c5c5;position: relative;padding:0 0 0 100px;height: 45px;display: block;}
.user_list li span{position: absolute;left: 10px;top: 0;display: block;;width: 100px;line-height: 44px}
.user_list li dfn{text-align: right;width: 100%;border:none;padding: 0 25px 0 0;display: block;color: #878787;position: relative;line-height: 45px;min-height:40px}
.user_list li:before{position: absolute;right:8px;top:50%;margin-top: -8px;font-size: 16px;color: #888888}

.userlist table tr th{text-align: left;}
.userlist table tr td:nth-child(1){text-align: right;}

.dfnright dfn{display: block;text-align: right;color: #868686}

.bluecolor {color: #00B4FF}

.seldown .fa-caret-down{position: absolute;right: 15px;top: 15px}

/*银行卡*/
.h_bank{padding: 15px 20px;background-color: #00B4FF;border-radius: 8px 8px 0 0;margin-bottom: 15px;}
.h_bank p{margin-bottom: 8px;color: #fff}
.add_bank{display: block;padding: 20px ;background-color: #eee;border-radius: 8px 8px 0 0;margin-top: 10px;text-align: center;}
.add_bank i{display: block;font-size:22px;color: #C0C0C0;text-align:center;margin-bottom: 5px;}

/**/
.lab{display: -webkit-box}
.lab label{-webkit-box-flex:1;}
      .grbg ul{background-color: #F3F3F3;margin-bottom: 15px;border-top: solid 1px #D9D9D9;border-bottom: #D9D9D9 solid 1px;padding: 0 10px }
            .grbg ul li{margin-bottom: 10px;position: relative;padding-top: 5px;padding-bottom: 5px;overflow: hidden;}
            .grbg li.pl{padding-left: 65px;}
            .grbg ul li.bgw{background-color: #fff;}
            .grbg ul li.bgw input{background-color: #fff;border:none;padding: 3px 5px; width: 100%}
            .grbg ul li em{font-style: normal;color: red}
            .grbg ul li span{position: absolute;display: block;width: 65px;padding-right: 5px;text-align: right;border-right: 1px #d9d9d9 solid ;left: 0}
            .d_box{display: -webkit-box;}
            .pl15{padding: 0 0 0 15px}
            .pb15{padding-bottom: 15px}
            .d_box label{-webkit-box-flex:1;display: block;margin-top: 5px;}
            .d_box.mt0 label{margin-top: 0;}
            .grbg li cite{font-style: normal;color: #00B3FF}
            .label50 label{float: left; width: 50%;padding-left: 5px;margin-top: 5px;}
            .label_b label{display: block;margin-top: 5px;}
            .textarea_l{display: block;width: 100%;height: 50px;border: solid 1px #ddd;padding:3px;}
            .grbg ul.lib li{border-bottom: #D9D9D9 solid 1px;padding-bottom: 10px}

          .contexts {
            padding: 10px
        }
        
        .contexts p {
            margin: 0 0 10px 10px;
            font-size: 14px;
            line-height: 160%
        }
        .contexts h2{font-size: 18px;margin-bottom: 15px;}
.contexts h4{font-size: 15px;margin-bottom: 5px;}

        .contexts h3 {
            font-size: 16px;
            line-height: 160%;
            margin: 15px 0 8px
        }
        .tbs td,.tbs th{ border:1px solid #333; padding: 5px 10px;font-size: 14px;white-space: nowrap;}
        .ox{width: 100%;overflow-x: auto;}