﻿/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;-webkit-text-size-adjust: none;text-size-adjust: none;}
 li{list-style-type:none}
  ul{margin:0px;padding:0px}
 img{border:0px;}
 a{text-decoration:none;}
 a:hover{text-decoration:none}
 html{color:#444;}
body{FONT-FAMILY: Arial;background:url(userbg.png)}
h4{color:#555}
.clear{ clear:both; height:0px; overflow:hidden;}
.user{width:100%;max-width: 1020px;margin:0 auto;background: url(loading.gif) center no-repeat;min-width: 400px;}
.maintit{height: 5rem;text-align:center;/* background: #9E9E9E; *//* color:#ddd; */padding: 0.8rem 0;font-size: 1.5rem;display: flex;align-items: center;/* width: 100%; *//* float: left; */justify-content: center;}
.bodytips{text-align:center;line-height:2rem;color: #1c6a9e;background: #fff;}
.user_main{width: 100%;float:left;min-height: 20rem;background: #fff;}
/**/

.user_top{width:100%;float:left;background: #1e222d;z-index: 999;position: relative;}
.user_top .login{float:right;color:#ddd;height: 2rem;width: 100%;font-size: 0.7rem;}
.user_top .login ul{width:100%;float:left;}
.user_top .login ul li{width:100%;float:left;line-height: 2rem;text-align: center;overflow: hidden;}
.user_top .login ul li a{/* padding: 1px 5px; */color: #FF5722;/* background:#f60; *//* float: right; */margin: 0.5rem;height: 2rem;line-height: 2rem;/* border-radius: 5px; */border-bottom: 1px #f60 solid;font-weight: 900;}
.user_top .login ul li img{width:2rem;margin: 0.5rem;float: left;}
  
.user_top .logo_langue{width:100%;float:left;/* background: #131722; */}
.user_top .logo_langue .logo{/* width: 8rem; *//* height:2.5rem; */float:left;/* margin-top: 0.5rem; */}
.user_top .logo_langue .logo img{width: 1.5rem;margin-left: 2px;}
/*
.user_top .logo_langue .langue{width: 10.5rem;float: right;position: relative;height:2.5rem;background:#1e222d;z-index:999;margin:0.5rem;}
.user_top .logo_langue .langue ul{width: 21rem;float: right;background: url(arrow.png) no-repeat 12.5rem bottom;margin-left: 0rem;}
.user_top .logo_langue .langue ul li{float:right;color: #fff;width: 10rem;height: 2.5rem;text-align: right;line-height: 2.5rem;padding: 0 0.5rem 0 0;overflow:hidden;}
.user_top .logo_langue .langue ul li a{display:block;height: 2.5rem;color: #fff;}
.user_top .logo_langue .langue ul li a:hover{color: #f60;}
.user_top .logo_langue .langue ul.t{height: 2.5rem;}
.user_top .logo_langue .langue ul img{vertical-align: middle;float:left;height: 1.6rem;margin:0.5rem 0.2rem}
.user_top .logo_langue .langue ul.b{display: none;background: #1e222d;border: 1px #fff solid;padding-bottom: 1rem;}
.user_top .logo_langue .langue ul.b li.set{width:21rem;text-align:center;padding:  1.5rem 0 .5rem 0;background:#111 url(arrow1.png) no-repeat 12rem top;cursor:pointer} 
*/


.user_top .logo_langue .langue{/* width: 9rem; */float: right;position: relative;height: 2rem;background:#1e222d;z-index:999;margin: 0rem  0.5rem;}

.user_top .logo_langue .langue ul li{color: #fff;/* text-align: right; *//* line-height: 2.5rem; */font-size: 0.8rem;}
.user_top .logo_langue .langue ul li a{display:block;line-height: 1.5rem;color: #333;}
.user_top .logo_langue .langue ul li a:hover{color: #f60;}

.user_top .logo_langue .langue ul.t{width: 9rem;float: right;background: url(arrow.png) no-repeat right;text-align: left;}
.user_top .logo_langue .langue ul.t li{width: 100%;float: left;}

.user_top .logo_langue .langue ul img{vertical-align: middle;float:left;height: 1rem;margin: 0rem 0.5rem;}
.user_top .logo_langue .langue ul.b{width: 9rem;/* display: none; */background: #fff;/* border:1px #fff solid; */padding: 0.5rem;float: left;margin-right: -9rem;margin-top: 2rem;box-shadow: 0px 0px 8px 2px #607D8B;}
.user_top .logo_langue .langue ul.b li{float:right;width: 100%;border-bottom: 1px #ccc solid;/* padding: 0.2rem 0.5rem 0.2rem 0.2rem; *//* margin: 0.2rem 0.4rem 0 0; */}
.user_top .logo_langue .langue ul.b li.set{width:100%;text-align:center;padding:0.5rem 0;background:#111 url(arrow1.png) no-repeat 12rem top;cursor:pointer;border:none;margin:0 0 0.5rem 0} 





/**/
.user_top .usernav{width:100%;float:left;background: #069;z-index: -1;position:absolute, position:relative;display: flex;display: inline-flex;height: 3.5rem;align-items: center;}
.user_top .usernav ul{width:100%;float:left;padding: 0.25rem;}
.user_top .usernav ul li{width: 16.6%;float: right;text-align:center;flex-wrap:wrap;display: flex;justify-content: center;align-items: center;margin: auto;}
.user_top .usernav ul li a{
                           display:block;
                           color: #fff;
                           margin: 0;
                           height: 3rem;
                           padding: 0 0.2rem;
                           font-size: 0.8rem;
                           align-items: center;
                           flex-wrap:wrap;
                           display: flex;
                           text-align: center;
                           width: 100%;
                           justify-content: center;
                           }
.user_top .usernav ul li:hover a{color:#069;background:#fff;}
.user_top .usernav ul li.curr a:hover{ color:#b7e1f4;}
.user_top .usernav ul li.curr a{background:#0f3a56;}

/****/

.user_main .login{width: 94%;background:#fff;margin-left: 3%;/* margin-top: 1rem; */margin-bottom: 2rem;}
.user_main .login h4{color:#f60;height: 1rem;/* line-height: 1.5rem; */width:100%;float:left;text-align:center;/* background:#fff; */font-weight:normal;font-size: 1.5rem;padding: 3rem 0;font-weight: 900;}
.user_main .login .loginmain{width: 100%;float: left;}
.user_main .login loginmain ul{width: 100%;float: left;border: 1px #ccc solid;padding: 2rem 0;}
.user_main .login .loginmain ul li{width:100%;float:left;/* height: 3rem; */margin: 2rem 0;text-align:center;line-height: 1.5rem;margin-top: 0;}
.user_main .login .loginmain ul li span{width: 100%;float:left;text-align: center;font-size: 1.2rem;word-break: keep-all;}
.user_main .login .loginmain ul li i{font-size: 0.8rem;width: 100%;float: left;line-height: 1rem;margin-top: 0.5rem;text-align: center;}
.user_main .login .loginmain ul li input{height:2rem;/* margin-left: 1%; */text-align:center;width: 100%;/* float: left; */border:1px #ccc solid;font-size: 1.2rem;max-width: 100%;width: 300px;}
.user_main .login .loginmain ul li.bt input{/* width: 90%; */height:3rem;margin-top:0.5rem;/* float: right; */background:#f60;color:#fff;font-size: 1.2rem;/* margin-right: 5%; */border:none;border-radius:5px;box-shadow:1px 1px 2px #333}
.user_main .login .loginmain ul li.bt2 a{margin-left: 10px;background: #666;color: #FAFAFA;padding: 0.3rem 1rem;border-radius: 3px;/* float: right; */}
.user_main .login .loginft{width: 100%;float: left;line-height:1rem;padding-bottom:2rem;color:#999;text-align: center;}
/**/
.user_main .index{width: 100%;float:left;padding-bottom:2rem}
.user_main .index .info{width: 100%;float:left;height:3rem;line-height:3rem;color: #f60;font-size: 1.2rem;text-align:center;}
.user_main .index .tab{width: 47%;float:left;height: 10rem;margin:2% 0 0 2%;background:#fff;text-align:center;box-shadow:0.1rem 0.1rem 0.1rem #ccc;}
.user_main .index .tab h2{height:2rem;line-height:2rem;background: #2299cc;color: #fff;text-align:center;font-size: 1.1rem;}
.user_main .index .tab ul{padding:1rem 0}
.user_main .index .tab ul li{line-height:1.5rem;text-align:center;font-size: 1rem;}
.user_main .index .tab ul li span{color:#f60}
.user_main .index  .tab ul li a{float:right;margin-right:1rem;padding: 0.2rem 1rem;border-radius: 0.5rem;background:#f60;color:#fff;font-size：1.1rem}

.user_main .index .indextab{width:96%;float:left;margin: 1rem 2%;padding-bottom: 1rem;border-bottom: 1px #ccc solid;margin-bottom: 0;}
.user_main .index .indextab p{line-height: 1.2rem;font-size: 1.1rem;}
.user_main .index .indextab p b{padding:1rem 0;color: #1c6a9e;font-size: 1.2rem;font-weight: normal;width: 100%;float: left;padding-top: 0;}
.user_main .index .indextab p span{color:#f60}
.user_main .index .indextab p a{float:right;margin-right:1rem;padding: 0.2rem 1rem;border-radius: 0.5rem;background:#f60;color:#fff;font-size：1.1rem}

/**/
.tab_mo{background:#fff;border-top:none;overflow: overlay;padding-bottom: 1rem;}

.tab_page{background: #e8e8e8;border: 0px solid #900;padding:0px;margin: 0.5%;float: left;height: auto;width: 99%;border-radius: 8px;overflow: hidden;}
.tab_page ul{height: 3rem;/* border-bottom: 1px #ccc solid; */text-align:center;background: #333;overflow: hidden;}
.tab_page ul li{min-width: 6rem;float:left;margin: 0.3rem 0rem  0 1rem;line-height: 2.7rem;}
.tab_page ul li a{display:block;color: #fff;background: #333;padding: 0 0.5rem;}
.tab_page ul span{color: #fff;line-height:3rem;}
.tab_page ul li a:hover{ text-decoration:none;color:#eee;}
.tab_page ul li.menucur a{color: #f8f8f8;background: #555;line-height: 2.8rem;}

.pagestyle{font-size:0.9rem;background:#f8f8f8;}
.pagestyle span,.pagestyle a{display:block;height:1rem;width:3rem;margin:0.5rem;line-height:1rem;/* border:1px #333 solid; */padding:0.5rem;}
.pagestyle span{background: #f60;color:#fff;}
.pagestyle table{border:none;margin-top:1rem}
.pagestyle a{background: #555;color:#fff;}

.NoRecords{height:30px;width:100%;margin:2px;line-height:30px;margin:2px;border:none;background:#fff;color:#333}


/**/
.mainbody{float: left;height: auto;width: 98%;margin: 0.8%;border: 0.1rem #2288cc solid;}
.mainbody ul{height: 3rem;width: 100%;float: left;background: #666;}
.mainbody ul li{width:100px;float:left;margin:0.1rem 0.1rem 0.1rem 0.5rem;height: 2.9rem;line-height: 3rem;font-size: 1.2rem;text-align:center;border-radius: 0.5rem 0.5rem 0px 0px;background: #555;}
.mainbody ul li a{display:block;color:#fff;}
.mainbody ul li a:hover{ text-decoration:none;color:#f00;}
.mainbody ul li.menucur{border-bottom: none;background:#fff;}
.mainbody ul li.menucur a{color: #f00;}

.mainbody .tab_mo{background:#fff;width: 100%;}

/**/
table{border:1px #ddd solid;border-top:none;padding:0px;font-size: 0.6rem;text-align:center;border-collapse: collapse;}
table td{padding:0px;}
table tr.title td,
table tr.title th{border:none;color: #fff;padding:0px;background: #555;height:2.5rem;/* border:1px #eee solid; */font-size: 0.9rem;font-weight:normal;}
table tr.tdbg td{background:#fff;height: 1.5rem;border:1px #ddd solid;font-size: 0.9rem;}
table tr.tdbg:hover td{background:#ECF2F8;}
table tr td a{background:#2288cc;color:#fff;padding:0.1rem 0.3rem}
table tr.NoRecords td {height:6rem;width:90%;margin:5%;line-height: 18rem;border:none;background:#fff;color:#ddd;font-size:3rem;}

/**/
 .mainbottom{width: 94%;float:left;/* margin-bottom:0.5rem; */padding:3%;float:left;background: #eee;}
.mainbottom p {width:100%;color:#666;float:left;line-height:1.5rem;font-size:0.9rem}
.mainbottom p b{color:#f60}
.mainbottom p span{color:#f60}
/**/
.user_main .toptixian{width: 96%;float:left; margin-bottom:0.5rem;padding:2%;float:left;background:#fff;}
.user_main .toptixian input{text-align: center;height:2rem;line-height:2rem;}
.user_main .toptixian input.jiner{    width: 30%;}
.user_main .toptixian input.tijiao{margin-left:1rem;height: 2.5rem;line-height:2rem;background:#f60;color:#fff;padding:0rem 1.5rem;-webkit-appearance: none;border:none;border-radius:0.5rem;cursor:pointer}
.user_main .toptixian a{text-align: center;height:2rem;line-height:2rem;float:right;background:#f60;color:#fff;padding:0.2rem 1rem;border-radius:0.5rem}

/**/

.search{width: 99%;float:left;margin-bottom:0.5rem;padding:1rem 0.5%;background: #eee;}  
.search ul{height:auto;width: 100%;float: left;}
.search ul li{/* line-height:2rem; */float:left;text-align:center;font-size: 0.8rem;}
.search ul li select{width:100%;float:left;height:2rem;border: 1px #ccc solid;font-size: 0.8rem;}
.search ul li span{width:100%;float:left;height:2rem;line-height: 0.8rem;margin-bottom: 0.5rem;}

.search ul li input{width: 95%;float:left;height: 1.7rem;padding: 0;margin: 0;font-size: 0.8rem;padding-right: 5%;}
.search ul li.button{float:right;margin-top:0.8rem;text-align: right;}
.search ul li.button input{cursor:pointer;height:3rem;border:none;box-shadow:1px 1px 3px #333;background:#2288cc url(scbg.png) no-repeat 0.5rem 1rem;color:#fff;text-align: right;}
.search ul li.button a{border:none;padding-right: 5%;box-shadow:1px 1px 3px #333;color:#fff;background:#2288cc url(add.png) no-repeat 0.5rem 1rem;float: right;height: 3rem;width: 80%;display: block;line-height: 3rem;}

/*addnewaccount*/

.addnewac{/* width: 90%; */float:left;/* padding: 5%; */background:#ccc;}  
.addnewac ul{float: left;/* width: 90%; */background: #fff;padding: 0 1%;}
.addnewac ul li{line-height:2rem;float:left;text-align:center;width: 100%;margin: 1rem 0;}
.addnewac ul li span span{color:#f60;font-size:1.2rem;padding:0 0.5rem}
.addnewac ul li.tip{margin-top:0;padding: 0 5%;width: 90%;}
.addnewac ul li.button{float:right;margin-top:0.8rem;}
.addnewac ul li select,.addnewac ul li input{/* width:70%; *//* float:right; */height:2rem;border: 1px #ccc solid;max-width: 100%;width: 20em;}

.addnewac ul li.bt_addnew input{width:100%;float:right;height: 3rem;border:none; cursor:pointer;border-radius:5px;box-shadow:1px 1px 2px #ccc; background:#2288cc;color:#fff}
.addnewac ul p{color:#999;}
.addnewac ul p.t{color:#f60;padding:1rem 0;text-align:center;font-size:1.2rem}
.addnewac ul p.b{color:#f60;padding:1rem 0;text-align:center;}
.addnewac ul  a{float:right;margin-right:1rem;border-radius:5px;box-shadow:1px 1px 1px #ccc;background:#2288cc;color:#fff;padding:0.3rem 1rem}

/*foot*/
.user_foot{background:#0f3a56;width: 100%;float: left;}
.user_foot .brokertit{width: 100%;float: left;border-bottom:1px solid #0c2f46;color:#2288cc;line-height: 2rem;}
.user_foot .brokerlist{width: 100%;float: left;}
.user_foot  ul {width: 100%;text-align:center;}
.user_foot  ul li{float: left;width: 100%;}
.user_foot  ul li a{padding: 0 1rem;margin: 0.2rem ;float:left;line-height: 1.5rem;color: #eee;}
.user_foot .contact{width: 100%;float: left;background:#000;color:#999}
.user_foot ul li span{   margin-left:1rem;line-height: 2.5rem;}

.service{position:fixed;right:30px;bottom:10px;width: 44px;height: 44px;overflow:hidden;border-radius:50px}
.service .t{width:100%;float:left}
.service img{width: 44px;float:left;height:44px;}
.service img:hover{opacity:0.5;}


}
