@charset "utf-8";
 .bar.bar-black {
    border-color: #1e1e1e;
    background-color: #1e1e1e;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #fff; }
    .bar.bar-black .title {
      	color: #fff; 
        font-weight: normal;
	    flex-shrink: 0;
	    text-align: center;
	    font-size: 1.1em;
	    color: #FFFFFF;
	    font-family: "Helvetica Neue", Helvetica ,Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif;
  	}
    .bar.bar-black.bar-footer {
      background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); }
.slider-pager {bottom: 5px;}
.slider-pager .slider-pager-page {font-size: 6px; color: #CCCCCC}
 .ion-record:before {
     font-size: 4px;
     width: 6px;
     height: 6px;
 }
.item-input-wrapper {background-color: #3a3a3a;}
input, button, select, textarea {
  font-family: "Helvetica Neue", Helvetica ,Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif
}
 .slider {
     border-bottom: 1px solid #CCCCCC;
 }

 .pane, .view {
     background-color: #FFF;
 }
 .button-icon i {
     line-height: 1em;
 }
* { -webkit-text-size-adjust:none; }
/*html4 reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
}
ion-nav-view {
	background-color: #FFFFFF;
}
fieldset, img {
	border:0 none;
}
address, caption, cite, code, dfn, em, th, var, b,h1,h2,h3 {
	font-style:normal;
	font-weight:normal;
}
ol, ul, li {
	list-style-type:none
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/*html5 reset*/
header, footer, section, nav, menu, details, hgroup, figure, figcaption, article, aside {
	margin:0;
	padding:0;
	display:block;
}
::-moz-placeholder {
    color:#546374;
	font-size:14px;
}
::-webkit-input-placeholder {
    color:#546374;
	font-size:14px;
}

.clear {clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.clearfix:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.clearfix{zoom:1;}


/* Body, links, basics */
html, body {
	width:100%;
	height:100%;
}	 
/*
 *  rem尺寸适配，基准16px
 */
html {
  font-size: 16px; }

@media only screen and (min-max: 319px) {
  :root {
    font-size: 12px !important; } }

@media only screen and (min-width: 320px) and (max-width: 369px) {
  :root {
    font-size: 14px !important; } }

@media only screen and (min-width: 370px) and (max-width: 409px) {
  :root {
    font-size: 16px !important; } }

@media only screen and (min-width: 410px) {
  :root {
    font-size: 18px !important; } }
    
body {
	font-size: 14px;
	line-height:28px;
	font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
	text-rendering: optimizeLegibility;
	color: #666666;
	background:#e1e0de;
}

.header {
	position:fixed;
	z-index:800;
	top:0;
	left:0;
	height:44px;
	width:100%;
	line-height:44px;
	background:#FFFFFF;
	border-bottom: 1px solid #E9E9E9;
	text-align:center;

}
.header a {
	font-family: Microsoft YaHei,sans-serif,Arial;
	font-size:large;
	text-decoration:none;
	color:#fff;
}
.header div {
	display:inline;
	letter-spacing:5px;
}
.header h2 {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	color:#313131;
	line-height: 50px;
}
.header h3 {
	text-align:center;
	font-size:16px;
	font-weight:normal;
	color:#313131;
}
.header_down_arrow {
	margin-left:5px;
	width:15px;
	height:9px;
}
.header .icon_option {
	position: absolute;
    display: block;
    right: 0;
    top: 0;
    height: 44px;
    width: 44px;
    background: no-repeat center;background-position: -182px -519px;
    background-size: 40%;
}

/* laoding 图标样式 及 动画 */
.loading {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 10000;
  background: none;
  text-align: center; }
  .loading .loading-content {
    position: absolute;
    top: 42%;
    left: 50%;
    width: 6.25rem;
    height: 6.25rem;
    margin: -3.125rem;
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.4); }
    .loading .loading-content span {
      color: #fff;
      font-size: 13px; }
      [data-dpr="2"] .loading .loading-content span {
        font-size: 26px; }
      [data-dpr="3"] .loading .loading-content span {
        font-size: 39px; }
  .loading .loading-icon-fill {
    display: block;
    margin: 1rem auto 0.25rem;
    width: 2.375rem;
    height: 2.375rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNDQgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjEgKDQ0NDYzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pdmF0YXJnby1sb2FkaW5nLWZpcnN0PC90aXRsZT4KCiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgICAgIHBhdGggewogICAgICAgICAgICBzdHJva2Utd2lkdGg6IDA7CiAgICAgICAgfQogICAgICAgLnN0MCB7CiAgICAgICAgICAgIGZpbGw6ICNiZGJkYmQ7CiAgICAgICAgICAgIHN0cm9rZTogI2JkYmRiZDsKICAgICAgICB9CiAgICAgICAgLnN0MSB7CiAgICAgICAgICAgIGZpbGw6ICNiZGJkYmQ7CiAgICAgICAgICAgIHN0cm9rZTogI2JkYmRiZDsKICAgICAgICB9CiAgICAgICAgLnN0bzAgewogICAgICAgICAgICBzdHJva2U6IHdoaXRlOwogICAgICAgICAgICBmaWxsOiB3aGl0ZTsKICAgICAgICB9CiAgICAgICAgLnN0bzEgewogICAgICAgICAgICBzdHJva2U6IHdoaXRlOwogICAgICAgICAgICBmaWxsOiB3aGl0ZTsKICAgICAgICB9CiAgICA8L3N0eWxlPgoKICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBmaWx0ZXI9InVybCgjR2F1c3NpYW5fQmx1cikiIGlkPSJpdmF0YXJnby1jb3B5IiBmaWxsPSIjMTk3NkQyIj4KICAgICAgICAgICAgPHBhdGggY2xhc3M9InN0MCIKICAgICAgICAgICAgICAgICAgZD0iTTQzLjk0NjkxNjgsMjAuNDU5Njk1OSBDNDMuOTgyMTEwOCwyMC45Njg1NjI4IDQ0LDIxLjQ4MjE5MjMgNDQsMjIgQzQ0LDM0LjE1MDI2NDUgMzQuMTUwMjY0NSw0NCAyMiw0NCBDOS44NDk3MzU1LDQ0IDAsMzQuMTUwMjY0NSAwLDIyIEMwLDIxLjQ4MjE5MjMgMC4wMTc4ODkxNjY2LDIwLjk2ODU2MjggMC4wNTMwODMxODEzLDIwLjQ1OTY5NTkgQzAuMDE4MzY2NDAzNywyMC4zMTIwOTc3IDEuOTM3MzE0MDJlLTE3LDIwLjE1ODE5MzcgMCwyMCBMMCwyIEwwLDIgQy0xLjM1MjcwNzVlLTE2LDAuODk1NDMwNSAwLjg5NTQzMDUsMi4wMjkwNjEyNWUtMTYgMiwwIEwyLDAgTDIsMCBDMy4xMDQ1Njk1LC0yLjAyOTA2MTI1ZS0xNiA0LDAuODk1NDMwNSA0LDIgTDQsOS4zNDc2ODM0NiBDNy45ODE0Njk2NCwzLjY5Mzc5Mzc5IDE0LjU1OTM2ODksMCAyMiwwIEMyOS40NDA2MzExLDAgMzYuMDE4NTMwNCwzLjY5Mzc5Mzc5IDQwLDkuMzQ3NjgzNDYgTDQwLDIgTDQwLDIgQzQwLDAuODk1NDMwNSA0MC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDQyLDAgQzQzLjEwNDU2OTUsLTIuMDI5MDYxMjVlLTE2IDQ0LDAuODk1NDMwNSA0NCwyIEw0NCwyMCBDNDQsMjAuMTU4MTkzNyA0My45ODE2MzM2LDIwLjMxMjA5NzcgNDMuOTQ2OTE2OCwyMC40NTk2OTU5IFogTTEzLDE0IEM5LjY4NjI5MTUsMTQgNywxNi42ODYyOTE1IDcsMjAgQzcsMjMuMzEzNzA4NSA5LjY4NjI5MTUsMjYgMTMsMjYgTDMxLDI2IEMzNC4zMTM3MDg1LDI2IDM3LDIzLjMxMzcwODUgMzcsMjAgTDM3LDIwIEMzNywxNi42ODYyOTE1IDM0LjMxMzcwODUsMTQgMzEsMTQgTDMxLDE0IEwxMywxNCBaIgogICAgICAgICAgICAgICAgICBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9InN0MCIKICAgICAgICAgICAgICAgICAgaWQ9IlJlY3RhbmdsZS05IiB4PSIxMSIgeT0iMTgiIHdpZHRoPSIyMiIgaGVpZ2h0PSI0IiByeD0iMiI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgICAgICA8ZyAgbWFzaz0idXJsKCNtYXNrKSIgaWQ9Iml2YXRhcmdvLWNvcHkiIGZpbGw9IiMxOTc2RDIiPgogICAgICAgICAgICA8cGF0aCBjbGFzcz0ic3RvMCIKICAgICAgICAgICAgICAgICAgZD0iTTQzLjk0NjkxNjgsMjAuNDU5Njk1OSBDNDMuOTgyMTEwOCwyMC45Njg1NjI4IDQ0LDIxLjQ4MjE5MjMgNDQsMjIgQzQ0LDM0LjE1MDI2NDUgMzQuMTUwMjY0NSw0NCAyMiw0NCBDOS44NDk3MzU1LDQ0IDAsMzQuMTUwMjY0NSAwLDIyIEMwLDIxLjQ4MjE5MjMgMC4wMTc4ODkxNjY2LDIwLjk2ODU2MjggMC4wNTMwODMxODEzLDIwLjQ1OTY5NTkgQzAuMDE4MzY2NDAzNywyMC4zMTIwOTc3IDEuOTM3MzE0MDJlLTE3LDIwLjE1ODE5MzcgMCwyMCBMMCwyIEwwLDIgQy0xLjM1MjcwNzVlLTE2LDAuODk1NDMwNSAwLjg5NTQzMDUsMi4wMjkwNjEyNWUtMTYgMiwwIEwyLDAgTDIsMCBDMy4xMDQ1Njk1LC0yLjAyOTA2MTI1ZS0xNiA0LDAuODk1NDMwNSA0LDIgTDQsOS4zNDc2ODM0NiBDNy45ODE0Njk2NCwzLjY5Mzc5Mzc5IDE0LjU1OTM2ODksMCAyMiwwIEMyOS40NDA2MzExLDAgMzYuMDE4NTMwNCwzLjY5Mzc5Mzc5IDQwLDkuMzQ3NjgzNDYgTDQwLDIgTDQwLDIgQzQwLDAuODk1NDMwNSA0MC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDQyLDAgQzQzLjEwNDU2OTUsLTIuMDI5MDYxMjVlLTE2IDQ0LDAuODk1NDMwNSA0NCwyIEw0NCwyMCBDNDQsMjAuMTU4MTkzNyA0My45ODE2MzM2LDIwLjMxMjA5NzcgNDMuOTQ2OTE2OCwyMC40NTk2OTU5IFogTTEzLDE0IEM5LjY4NjI5MTUsMTQgNywxNi42ODYyOTE1IDcsMjAgQzcsMjMuMzEzNzA4NSA5LjY4NjI5MTUsMjYgMTMsMjYgTDMxLDI2IEMzNC4zMTM3MDg1LDI2IDM3LDIzLjMxMzcwODUgMzcsMjAgTDM3LDIwIEMzNywxNi42ODYyOTE1IDM0LjMxMzcwODUsMTQgMzEsMTQgTDMxLDE0IEwxMywxNCBaIgogICAgICAgICAgICAgICAgICBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9InN0bzAiCiAgICAgICAgICAgICAgICAgIGlkPSJSZWN0YW5nbGUtOSIgeD0iMTEiIHk9IjE4IiB3aWR0aD0iMjIiIGhlaWdodD0iNCIgcng9IjIiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8bWFzayBpZD0ibWFzayI+CiAgICAgICAgICAgIDxzdmcgaWQ9ImJsIiB2aWV3Qm94PSIwIDAgMjU1IDUxMCIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNjEuNWM0LjYtOS4zLDEyLjgtMjIuMywyNS0yNGMxNi42LTIuMywyNC4xLDE4LjcsNDIsMTljMjQuMiwwLjMsMzEuMS0zOC4yLDUzLTM4IGMyMi43LDAuMiwyOS43LDQxLjksNTQsNDJjMTcuOCwwLjEsMjMuNy0yMi4zLDQ0LTIzYzE4LTAuNywyMi41LDIzLjMsMzcsMjJjMTYuMS0xLjUsMTguNC0yOS41LDM0LTMxYzE1LjktMS41LDIxLjUsMjYuOCw0MCwyOCBjMjIuMSwxLjQsMzAuNy0zOC4yLDUzLTM4YzIyLjcsMC4yLDI5LjcsNDEuOSw1NCw0MmMxOC4yLDAuMSwyNS0yNCw0NC0yM2MxMi41LDAuNywyMi4zLDExLjcsMjksMjIgbDAsNTEwIGwtNTEwLDAiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0idmlld0JveCIgYXR0cmlidXRlVHlwZT0iWE1MIiBmcm9tPSIwIC0yMDAgMjU1IDUxMCIgdG89IjI1NSA0MCAyNTUgNTEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvc3ZnPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZmlsdGVyIGlkPSJHYXVzc2lhbl9CbHVyIj4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjAiIC8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+Cjwvc3ZnPgoK) no-repeat center;
    background-size: 100% 100%; }

@keyframes bganim {
from { transform:rotate(0deg); } to { transform:rotate(360deg); }
}
@-moz-keyframes bganim {
from { -moz-transform:rotate(0deg); } to { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes bganim {
from { -webkit-transform:rotate(0deg); } to { -webkit-transform:rotate(360deg); }
}
.icon_back {
    height: 44px;
    width: 40px;
    margin-left: 2%;
    background: center center no-repeat;
    background-position: -177px -153px;
    background-size: 375px auto;
}
.header .icon_back {
	position:absolute;
	left:0;
	top:0;
}
.account {
	position: relative;
    margin-left: 16px;
    height: 40px;
    line-height: 40px;
}
.account span {
    display: block;
    font-size: 14px;
    color: #000;
}
.account_type {
    position: absolute;
    top: 46px;
    left: 30%;
    width: 45%;
    z-index: 999;
    border: 1px solid #A0A0A0;
    border-radius: 8px;
    background: #414141;
    overflow: hidden;
}
.account_type .list {
	margin: 0;
    text-align: center;
    line-height: 45px;
    color: #fcfcfc;
    font-size: 16px;
    border-bottom: 1px solid #525252;
    display: block;
}
.account_type .list p{
	color:#E9E9E9
}
.divhide {
	display: none;
}

/**================body content===================**/
.body_container {
	position:absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
	z-index:0;
	width:100%;
    overflow-x: hidden;
}
#index-body {
	top: 44px;
    left: 0;
	z-index:0;
	width:100%;
    overflow: auto;
}
.i_person_box,
.i_item_box {
	margin:10px 0 20px;
	padding-left:5%;
	/*width:95%;*/
	background:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.i_item_box {
	margin:20px 0;
}
.item_container {
	position:relative;
	display:table;
	width:100%;
	border-bottom:1px solid #ebebed;
}
.i_item_box .item_container:last-child {
	border-bottom: none;
}
.item_arrow {
	position:absolute;
	top:50%;
	right:3%;
	margin-top:-7px;
	height:13px;
	width:13px;
	background: no-repeat center;background-position: -104px -519px;
	background-size:100%;
}
.item_container span {
	display:inline-table;
	float:left;
}
.item_icon {
	margin:10px 0;
	height:40px;
	width:40px;
}
.item_icon img {
	width:100%;
	height:100%;
}
.item_name {
	margin:0px;
	font-size:16px;
	line-height:48px;
	color:#000000;
}
.i_touxiang {
	float:left;
	display:block;
	margin:20px 0;
	width:90px;
	height:90px;
	border-radius:8px;
	overflow:hidden;
}
.i_touxiang img {
	width:100%;
	height:100%;
}
.i_person_account {
	float:left;
	display:block;
	height:100px;
	margin:20px 5%;
}
.i_person_account h3 {
	font-size:24px;
	line-height:40px;
	color:#000000;
}
.i_person_account p {
	margin-top:15px;
	font-size:16px;
}

/*========================账户分析详情页面==================================*/
.zhfx_container {
	margin-top:10px;
	background:#FFFFFF;
	padding:0px 16px 15px;
}

	/*资产数值box*/
.assets-num {
	padding: 16px 12px 0;
	background-color: #FFFFFF;
}
.assets-num p {
	text-align: center;
	font-size: 15px;
}
.assets-num-sup {
	border-bottom: 1px dotted #C0C0C0;
}
.assets-num-sup h1 {
	margin-bottom: 16px;
	text-align: center;
	color: #CA2829;
	font-weight: bold;
	letter-spacing: 1px;
}
.assets-num-sub {
	padding: 12px;
	font-size: 0;
}
.assets-num-sub .cell {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	font-size: 14px;
}
.assets-num-sub .cell:first-child {
	border-right: 1px dotted #C0C0C0;
}
.assets-num-sub .cell h3 {
	font-size: 18px;
	color: #CA2829;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
}

.zhfx_box {
	position: relative;
	/*width:100%;*/
	padding:10px 0;
	border-bottom:1px dotted #CCCCCC;
}
.zhfx_box h3 {
	color:#121212;
	font-size: 16px;
}
.zhfx_box h2 {
	color:#cd3004;
	font-size:24px;
}
.zhfx_box h1 {
	color:#121212;
	text-align:center;
	font-size:16px;
	line-height:40px;
}

.switch-y-m {
	position: absolute;
	top: 14px;
	right: 6px;
	width: auto;
	height: 24px;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid #00a0e9;
	font-size: 0;
}
.switch-y-m input {
	display: none;
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
}
.switch-y-m label {
	display: inline-block;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0 6px;
	color: #00a0e9;
	font-size: 12px;
}
.switch-y-m input:checked + label {
	background-color: #00a0e9;
	color: #FFFFFF;
}


.curve_list {
	margin:2px 5px;
	display:inline-block;
	border-radius:2px;
	width:16px;
	height:4px;
}
.quxian_container {
	width:100%;
}
.duibi_container {
	position:relative;
	bottom: 4px;
	height:70px;
	width:100%;
}
.duibi_circle {
	position:absolute;
	overflow:hidden;
	top:5px;
	left:0;
	width:40%;
	height:60px;
}
#i_circle {
	position:absolute;
	left:50%;
	top:7px;
	margin-left:-53px;
	height:106px;
	width:106px;
	border-radius:50%;
	background: no-repeat center;background-position: 0 -152px;
	background-size:375px auto !important;
}
#dapan_circle {
	position:absolute;
	left:50%;
	top:25px;
	margin-left:-35px;
	height:70px;
	width:70px;
	border-radius:50%;
	background: no-repeat center;background-position: -106px -152px;
	background-size: 375px auto;
}
.duibi_detial {
	position:absolute;
	float:left;
	display:block;
	left:40%;
	width:65%;
	padding-top:14px;
}
.duibi_detial p {
	font-size:14px;
}

.user-callback {
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.user-callback a {
	color: #00a0e9;
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 2px;
}
.zh-info {
	padding: 12px 0;
	border-top: 1px dotted #CCCCCC;
	line-height: 20px;
	color: #808080;
	font-size: 12px;
}
.zh-info a {
	display: inline-block;
	color: #00A0E9;
}



.i_li {
	display:inline-block;
	margin:0 5px;
	height:12px;
	width:12px;
	border-radius:50%;
	background:#dc330c;
}
.dapan_li {
	display:inline-block;
	margin:0 5px;
	height:12px;
	width:12px;
	border-radius:50%;
	background:#00a0e9;
}
.biandong_container {
	width:100%;
	height:330px;
}
.biandong_left {
	float:left;
	width:8%;
	height:100%;
}
.biandong_left_t {
	margin:-1px 0;
	width:15px;
	height:15px;
}
.biandong_left_mid {
	margin:-8px 5px;
	height:290px;
	width:5px;
	background:#dfdfdf;
}
.biandong_right {
	float:left;
	width:92%;
	height:100%;
}
.biandong_title {
	margin:15px 0;
	background:#f4f2f2;
	padding:0 5% 0 10% ;
	height:50px;
	line-height:50px;
}
.biandong_item {
	display:block;
	margin:8px 0;
	border-radius:6px;
	border:1px dashed #e3e3e3;
	padding:0 5% 0 10% ;
	height:50px;
	line-height:50px;
}
.biandong_item_left {
	float:left;
	font-size:15px;
}
.biandong_item_right {
	float:right;
	font-size:16px;
}
.h3_e {
	position:relative;
	float:right;
	margin-top:-25px;
}
.yinggui_table {
	display:table;
	width:100%;
}
.yinggui_table_cell {
	display:inline-table;
	width:50%;
}
.yinggui_item {
	font-size:13px;
}
.yinggui_item_a {
	margin-left:5%;
}
.yinggui_item_b {
	float:right;
	color:#d03e15;
	margin-right:8%;
}

/*========================持仓分析==================================*/
.chicang {
	position:relative;
	width:100%;
}
.chicang ul {
	width:100%;
	height:36px;
}
.chicang li {
	float:left;
	display:block;
	padding:0 0.2em;
	height:36px;
	line-height:36px;
	font-size:13px;
	
}
.chicang li div {
	display:inline-block;
	height:10px;
	width:10px;
	margin:0 5px;
	border-radius:50%;
}
.chicang table {
	width:100%;
	height:32px;
}
.chicang td {
	float:left;
	margin:0;
	border:none;
	height:32px;
	width:0%;
}
#gupiao { width:60%; background:#1162ad;}
#jijin { width:20%; background:#448aca;}
#licai { width:10%; background:#54a6ef;}
#zhaiquan { width:5%; background:#7dc1ff;}
#xianjin { width:5%; background:#cde7ff;}

.chicang_value {
	margin-left:-5%;
	width:110%;
	display:table;
}
.chicang_value_cell {
	position:relative;
	padding:14px 0;
	width:20%;
	display:inline-table;
	color:#6e6e6e;
}
.chicang_value_cell h1 {
	color:#6e6e6e;
	font-size:24px;
	line-height:36px;
}
.chicang_value_cell h3 {
	text-align:center;
	color:#6e6e6e;
	font-size:14px;
	line-height:20px;
}
.chicang_value_cell img {
	width:1px;
	height:70px;
	position:absolute;
	right:0;
	top:12px;
}


.fenbu {
	position:relative;
	width:100%;
}
.fenbu_value {
	margin-left:-5%;
	width:110%;
	display:table;
}
.fenbu_value_cell {
	position:relative;
	padding:14px 0;
	width:20%;
	display:inline-table;
	color:#6e6e6e;
}
.fenbu_value_cell h1 {
	color:#6e6e6e;
	font-size:26px;
	line-height:36px;
}
@media screen and (max-width:320px) {
	.fenbu_value_cell h1 {
		font-size: 18px;
	}
}
@media screen and (min-width:330px) {
	.fenbu_value_cell h1 {
		font-size: 22px;
	}
}
@media screen and (min-width:380px) {
	.fenbu_value_cell h1 {
		font-size: 24px;
	}
}
.fenbu_value_cell h3 {
	text-align:center;
	color:#6e6e6e;
	font-size:12px;
	line-height:20px;
}
.fenbu_value_cell img {
	width:1px;
	height:70px;
	position:absolute;
	right:0;
	top:12px;
}

.area3 .tips {
	height:50%;
}
.area3 .tips li {
	height:20px;
	line-height:20px;
}
.area3 .tips li div {
	display:inline-block;
	margin-right:5px;
	height:6px;
	width:6px;
	border-radius:50%;
}
#tips_1 { background:#CD3004; }
#tips_2 { background:#931704; }
#tips_3 { background:#F6B37F; }
#tips_4 { background:#FBC79F; }
#tips_5 { background:#ffddc3; }

@keyframes myfirst
{
0% {width: 0%;}
60% {width: 100%;}
70% {width: 90%;}
100% {width: 100%;}
}

@-moz-keyframes myfirst
{
0% {width: 0%;}
60% {width: 100%;}
70% {width: 90%;}
100% {width: 100%;}
}

@-webkit-keyframes myfirst
{
0% {width: 0%;}
60% {width: 100%;}
70% {width: 90%;}
100% {width: 100%;}
}

@-o-keyframes myfirst
{
0% {width: 0%;}
60% {width: 100%;}
70% {width: 90%;}
100% {width: 100%;}
}



/*========================时光机==================================*/
.timemachine {
	position:relative;
	z-index: 1;
	top:0;
	margin:0 20px;
	padding-left:20px;
	border-left:2px solid #dfdfdf;
	
}
.timemachine:before {
	position: absolute;
	top: 0;
	left: -2px;
	display: block;
	width: 2px;
	height: 32px;
	background-color: #FFFFFF;
	content: '';
}
.timemachine-folder {
	position: relative;
}
.timemachine-folder .tip-sub {
	position: relative;
	margin-top: 40px;
	z-index: 1;
	display: block;
	opacity: 0;
	line-height: 0px;
	color: #808080;
	font-size: 14px;
	overflow: hidden;
	transition: all 0.2s;
}
.tip_circle {
	position:absolute;
	z-index:10;
	top:24px;
	left:-29px;
	width:16px;
	height:16px;
	border-radius:50%;
	border:3px solid #dfdfdf;
	background:#FFFFFF;
}
.timemachine_title {
	position:relative;
	top:16px;
	height:30px;
	line-height:30px;
	color:#121212;
	font-size: 18px;
}
.tip {
	position:relative;
	top:30px;
	padding:15px 25px;
	background:#FFFFFF;
	border-radius:6px;
	border: 1px dashed #CCCCCC;
}
.tip_item {
	height:40px;
	line-height:40px;
}
.tip_item p {
	display:inline-block;
	float:left;
	color: #c13c00;
	font-size:16px;
	line-height: 40px;
}
.tip_item h3 {
	display:inline-block;
	float:right;
	font-size:20px;
	line-height: 40px;
	color: #c13c00;
}
.timemachine-green {}
.timemachine-green .tip p,
.timemachine-green .tip h3 {
	color: #129618;
}
.folder-open {}
.folder-open .tip_circle {
	border-color: #c13c00;
}
.folder-open .tip-sub {
	opacity: 1;
	line-height: 22px;
}
.folder-open .tip {
	border: none;
	background-color: #F5F5F5;
}


/*
 *  时光机老样式
 */

.sgj {
	position:relative;
	top:0;
	margin:0 20px;
	padding-left:20px;
	padding-bottom:50px;
	border-left:2px solid #dfdfdf;
	
}
.tag_circle {
	position:absolute;
	z-index:10;
	top:24px;
	left:-7px;
	width:12px;
	height:12px;
	border-radius:50%;
	border:3px solid #dfdfdf;
	background:#FFFFFF;
}
.sgj_title {
	position:relative;
	top:16px;
	height:30px;
	line-height:30px;
	color:#121212;
}
.tag {
	position:relative;
	top:30px;
	padding:15px 25px;
	background:#c13c00;
	border-radius:6px;
}
.tag_item {
	height:40px;
	line-height:40px;
}
.tag_item p {
	display:inline-block;
	float:left;
	color:#FFFFFF;
	font-size:16px;
	line-height: 40px;
}
.tag_item h3 {
	display:inline-block;
	float:right;
	font-size:20px;
	color:#FFFFFF;
	line-height: 40px;
}



.now_detial {
	position:relative;
	top:50px;
	padding:0 10px;
}
.share_box {
	position:relative;
}
.share_box h2 {
	text-align:center;
	width:100%;
	font-size:17px;
	color:#121212;
	font-weight: bold;
}
.share {
	position:relative;
	display:table;
	margin:10px auto;
	width:90%;
	text-align: center;
}
.share a {
	display:inline-table;
	width:25%;
	text-align:center;
}
.share a img {
	margin-top:10px;
	height:60px;
	width:60px;
}
.share-img{background:url(../images/share.png)  no-repeat;background-size:40px 120px}
.share-wechat{height:40px;width:40px;background-position:center 0;}
.share-qq{height:40px;width:40px;background-position:center -40px;}
.share-moments{height:40px;width:40px;background-position:center -80px;}

	
/* 弹框 */
.popup {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:999;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.30) ;	
}
.popup_content {
	overflow:hidden;
	margin:50% auto;
	padding:16px;
	width:82%;
	height:auto;
	color:#4d4d4d;
	background:rgba(255,255,255,0.98);
	border-radius:10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.30); 
}
.popup_content h3 {
	text-align: center;
	font-size: 16px;
	color: #000;
	margin-bottom: 12px;
}
.popup_content p {
	color:#000000;
}
.popup_content p a {
	color: #1d93d3;
	text-decoration: none;
}
.popup_btn,
.popup_btn_left ,
.popup_btn_right {
	display: block;
	margin:16px auto 0;
	height:32px;
	line-height: 32px;
	width: 96%;
	border:none;
	background:#cf3419;
	letter-spacing:2px;
	color: #FFFFFF;
	border-radius: 4px;
}
.popup_btn_left ,
.popup_btn_right {
	display: inline-block;
	width: 30%;
	margin: 16px 12px;
}
.popup-full-content {
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	bottom: 16px;
	box-sizing: border-box;
	padding: 72px 16px 88px;
	background-color: #FFFFFF;
	border-radius: 16px;
}
.popup-scroll {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.popup-full-content h1 {
	position: absolute;
	top: 12px;
	left: 16px;
	right: 16px;
	display: block;
	color: #00A0E9;
	font-size: 16px;
	line-height: 48px;
	border-bottom: 1px dashed #CCCCCC;
}
.popup-full-content h3 {
	color: #313131;
	font-size: 16px;
}
.popup-full-content p {
	color: #A0A0A0;
}
.popup-full-btn {
	position: absolute;
	bottom: 24px;
	left: 6%;
	display: block;
	width: 88%;
	height: 38px;
	color: #FFFFFF;
	font-size: 16px;
	border: none;
	border-radius: 4px;
	background-color: #cd3004;
}


/*************/

/*
 * 账单详情
 */

.report-head {
	padding: 35px 16px;
	text-align: center;
	background: no-repeat center;
	background-position: 0 0;
	background-size: auto 194% !important; 
}
.report-head h1 {
	font-size: 24px;
	color: #4c4c4c;
	letter-spacing: 2px;
}
.report-head h1 i.icon-edit {
	margin: 0 4px;
	display: inline-block;
	width: 15px;
	height: 16px;
	background: no-repeat center;background-position: -316px -449px;
	background-size: 100% 100%;
}
.report-head h3 {
	position: relative;
	margin: 12px auto; 
	color: #4c4c4c;
	font-size: 15px;
	width: 200px;
	height: 20px;
	letter-spacing: 1px;
}
.report-head h3:before,
.report-head h3:after {
	position: absolute;
	left: -50px;
	top: 8px;
	display: block;
	content: '';
	width: 50px;
	height: 1px;
	background-color: rgba(0,0,0,0.5);
}
.report-head h3:after {
	left: auto;
	right: -50px;
}
.report-head .head-img {
	position: relative;
	padding-left: 48px;
	margin: 0 auto;
	width: 140px;
	height: 32px;
	line-height: 32px;
	text-align: left;
}
.report-head .head-img img {
	position: absolute;
	left: 10px;
	top: 0;
	display: block;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	overflow: hidden;
}
.report-head .head-img p {
	display: inline-block;
	padding: 0 8px;
	color: #4C4C4C;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.3);
	letter-spacing: 1px;
	white-space: nowrap;
}
.profits-box {
	padding: 16px 0;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
.profits-box h1 {
	margin: 0 16px;
	font-size: 24px;
	line-height: 32px;
	border-bottom: 1px dashed #CCCCCC;
}
.profits-box h1 span {
	font-size: 16px;
	font-weight: bold;
}
.profits-box h3 {
	padding: 0 16px;
	font-size: 16px;
	line-height: 32px;
}
.profits-box h3 a {
	display: inline-block;
	float: right;
	color: #666666;
	text-decoration: none;
	font-size: 14px;
}
.profits-box h6 {
	padding: 0 16px;
	line-height: 24px;
	margin: 0;
	font-size:14px;
	font-weight: normal;
}
.profits-box h6 span {
	display: inlien-block;
	
}
.profits-box h6 span:last-child {
	float: right;
}
.profits-box .dotted-line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #CCCCCC;
}
.profits {
	padding: 16px;
	text-align: center;
}
.profits .up {
	color: #129618;
}
.profits .down {
	color: #cd3004;
}
.profits h1 {
	font-size: 30px;
}
.profits p {
	color: #333333;
}

.cube-rank {
	padding-bottom: 20px;
    text-align: center;
    line-height: 33px;
    padding-top: 10px;
}
.cube-rank b {
	display: inline-block;
	margin: -10px 3px ;
	width: 38px;
	height: 38px;
	background: center no-repeat;background-position: -436px -307px;
}
.cube-rank b.cube-red {
	background: center no-repeat;background-position: -146px -519px;
}
.cube-rank b.cube-yellow {
	background: center no-repeat;background-position: -354px -409px;
}
.cube-rank-info {
	padding-top: 12px;
}
.cube-rank-info p {
	padding-left: 16px;
	line-height: 22px;
}
.cube-rank-info p:before {
	display: inline-block;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #2b8fff;
	margin-right: 10px;
	
}

.profits-radius-charts {
	padding: 16px;
	font-size: 0;
}
.profits-radius-charts .cell {
	display: inline-block;
	width: 48%;
	text-align: center;
	font-size: 14px;
}
.profits-radius-charts .cell p {
	color: #333;
}
/******************投资形象start**************/
.people-img {
	position: relative;
	margin: 2px -16px;
    display: block;
    /*width: 100%;*/
    text-align: center;
}
.people-img img {
	width: 100%;
}
a.people-btn {
	margin: 0 auto;
	display: block;
	padding: 0 16px;
	height: 36px;
	line-height: 36px;
	width: 160px;
	border: 1px solid #00a0e9;
	border-radius: 4px;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
}

.exp{
	position: absolute;
    bottom: 17%;
    right: 20%;
    font-size: 28px;
    color: yellow;
    font-family: arial;
    font-style: italic;
}
/******************投资形象end**************/
.rank-bar-box {
	position: relative;
	z-index: 1;
	padding: 4px 16px;
}
.rank-bar-box:after {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 68px;
	bottom: 0;
	display: block;
	content: '';
	background: linear-gradient( rgba(255,255,255,0.0) , rgba(255,255,255,0.3));
}
.rank-bar-box p {
	position: relative;
	margin: 12px 0;
	padding-right: 68px;
	line-height: 22px;
	font-size: 12px;
	white-space: nowrap;
}
.rank-bar-box p b {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 12px;
	color: #FFFFFF;
	background-color: #cf3419;
	min-width: 110px;
}
.rank-bar-box p i {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	color: #333333;
}
.rank-bar-green p b {
	background-color: #129618;
}


/********协议**********/
.xieyi_box {
	position:fixed;
	bottom:7%;
	margin-bottom: 20px;
	padding:10px 5%;
	/*width:90%;*/
	height:60%;
	overflow-x:hidden;
	overflow-y:auto;
	background:#FFffff;
	color:#000000;
	border-top:1px solid #c8c7cc;
	border-bottom:1px solid #c8c7cc;
}
@media screen and (max-height:480px) {
	.xieyi_box {
		height:70%;
	}
}
@media screen and (min-height:481px) and (max-height:600px) {
	.xieyi_box {
		height:80%;
	}
}
@media screen and (min-height:600px) {
	.xieyi_box {
		height:82%;
	}
}
@media screen and (min-height:700px) {
	.xieyi_box {
		height:78%;
	}
}
/*@media screen and (min-height:481px) {
	.xieyi_box {
		height:78%;
	}
}*/

.xieyi_content {
	text-indent:2em;
	padding:10px 0;
	width:100%;
}
.xieyi_content h3 {
	text-align:center;
}
.btn_gd {
	margin: auto;  
	position: absolute;  
	top: 0; left: 0; bottom: 0; right: 0;   
	width:60%;
	height:38px;
	line-height:38px;
	color:#FFFFFF;
	font-size:16px;
	background:#ca2829;
	border:none;
	border-radius:5px;
}
.fixed_bot {
	position:fixed;
	clear:both;
	left:0;
	bottom:0;
	width:100%;
	height:10%;
		
}

.year-list {
	position: absolute;
    width: 40%;
	left:6%;
    top: 40px;
    text-align: center;
	padding:8px 0;
    background-color: #fff;
    height: 140px;
    overflow-y: scroll;
	border:rgba(0,0,0,0.10) 1px solid;
	border-radius:8px;
}

.year-list p {
	width:70%;
	margin:0 auto;
	height: 35px;
	line-height: 35px;
	border-bottom:dashed 1px rgba(0,0,0,0.10);
}

.month-list {
	position: absolute;
    width: 40%;
    top: 40px;
	right:6%;
    /*right: 0px;*/
    padding:8px 0;
    text-align: center;
    background-color: #fff;
    height: 140px;
    overflow-y: scroll;
	border:rgba(0,0,0,0.10) 1px solid;
	border-radius:8px;
}
.month-list p {
	width:70%;
	margin:0 auto;
	height: 35px;
	line-height: 35px;
	border-bottom:dashed 1px rgba(0,0,0,0.10);
}


/*
 * switch-box
 */
.switch-box {
	display: block;
	float: right;
	width: 54px;
	height: 31px;
}
.switch-box input {
	width: 1px;
	height: 0;
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
}
.switch-box label {
	display: block;
	width: 54px !important;
	height: 31px !important;	
	background: no-repeat center;background-position: 0 -519px;
	background-size: 100% 100%;
}
.switch-box input:checked + label {
	background: no-repeat center;background-position: -212px -449px;
	background-size: 100% 100%;
}


/*=======================附加样式，用于微调，保持最底部=============================*/
.mt0 { margin-top:0px; }
.mr0 { margin-right:0; }

.green { color:#357a24; }

.no_bot { border-bottom:none; }


.ion-item input, .ion-item label{
	position: absolute;
	top: 50%;
	right: 4%;
	height: 30px;
	width: 30px;
	margin-top: -15px;
}
.t-align-c {
	text-align: center;
}

.clo-red {
	color: #cf3419;
}
.clo-blue {
	color: #1d93d3;
}
.clo-green {
	color: #129618;
}

/*
 *  主题色
 */

.theme-red {}
/*.theme-red .header {
	background-color: #d63e3e;
}
.theme-red .footer {
	background-color: #f2f2f2;
	border-top: 1px solid #cacaca;
}*/
.theme-red .ui-btn,
.theme-red .popup_btn,
.theme-red .popup_btn_left, 
.theme-red .popup_btn_right,
.theme-red .popup-full-btn {
	background-color: #d63e3e;
}
.theme-red .ui-btn:active  {
	background-color: #B72C2C;
}


.theme-blue {}
/*.theme-blue .header {
	background-color: #0c62cc;
}
.theme-blue .footer {
	background-color: #f2f2f2;
	border-top: 1px solid #cacaca;
}*/
.theme-blue .ui-btn,
.theme-blue .popup_btn,
.theme-blue .popup_btn_left, 
.theme-blue .popup_btn_right,
.theme-blue .popup-full-btn  {
	background-color: #0c62cc;
}
.theme-blue .ui-btn:active {
	background-color: #095CC1;
}
.profits-span{
	padding: 0 16px;
    line-height: 32px;
    color: #666666;
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    vertical-align: top;
    font-weight: normal !important;
}


/* ../images/style.png?20160921145759 */
.header .icon_option,
.icon_back,
.item_arrow,
#i_circle,
#dapan_circle,
.report-head,
.report-head h1 i.icon-edit,
.cube-rank b,
.cube-rank b.cube-red,
.cube-rank b.cube-yellow,
.switch-box label{
background-image: url(../images/style.png?20160921145759);
/*background-size: 375px auto;*/
}


/* ../images/style.png?20160921145759 */
.switch-box input:checked + label{
background-image: url(../images/style.png?20160921145759);
}

.css_stamp{ content:"20160921145759";}

.loading-first-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 10000;
  opacity: 1;
  background-color: #F2F2F2;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .loading-first-screen .loading-icon-first {
    position: absolute;
    top: 43%;
    left: 50%;
    display: block;
    margin: -2.5rem;
    width: 5rem;
    height: 5rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNDQgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjEgKDQ0NDYzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pdmF0YXJnby1sb2FkaW5nLWZpcnN0PC90aXRsZT4KCiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgICAgIHBhdGggewogICAgICAgICAgICBzdHJva2Utd2lkdGg6IDA7CiAgICAgICAgfQogICAgICAgLnN0MCB7CiAgICAgICAgICAgIGZpbGw6ICNiZGJkYmQ7CiAgICAgICAgICAgIHN0cm9rZTogI2JkYmRiZDsKICAgICAgICB9CiAgICAgICAgLnN0MSB7CiAgICAgICAgICAgIGZpbGw6ICNiZGJkYmQ7CiAgICAgICAgICAgIHN0cm9rZTogI2JkYmRiZDsKICAgICAgICB9CiAgICAgICAgLnN0bzAgewogICAgICAgICAgICBzdHJva2U6IHdoaXRlOwogICAgICAgICAgICBmaWxsOiB3aGl0ZTsKICAgICAgICB9CiAgICAgICAgLnN0bzEgewogICAgICAgICAgICBzdHJva2U6IHdoaXRlOwogICAgICAgICAgICBmaWxsOiB3aGl0ZTsKICAgICAgICB9CiAgICA8L3N0eWxlPgoKICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBmaWx0ZXI9InVybCgjR2F1c3NpYW5fQmx1cikiIGlkPSJpdmF0YXJnby1jb3B5IiBmaWxsPSIjMTk3NkQyIj4KICAgICAgICAgICAgPHBhdGggY2xhc3M9InN0MCIKICAgICAgICAgICAgICAgICAgZD0iTTQzLjk0NjkxNjgsMjAuNDU5Njk1OSBDNDMuOTgyMTEwOCwyMC45Njg1NjI4IDQ0LDIxLjQ4MjE5MjMgNDQsMjIgQzQ0LDM0LjE1MDI2NDUgMzQuMTUwMjY0NSw0NCAyMiw0NCBDOS44NDk3MzU1LDQ0IDAsMzQuMTUwMjY0NSAwLDIyIEMwLDIxLjQ4MjE5MjMgMC4wMTc4ODkxNjY2LDIwLjk2ODU2MjggMC4wNTMwODMxODEzLDIwLjQ1OTY5NTkgQzAuMDE4MzY2NDAzNywyMC4zMTIwOTc3IDEuOTM3MzE0MDJlLTE3LDIwLjE1ODE5MzcgMCwyMCBMMCwyIEwwLDIgQy0xLjM1MjcwNzVlLTE2LDAuODk1NDMwNSAwLjg5NTQzMDUsMi4wMjkwNjEyNWUtMTYgMiwwIEwyLDAgTDIsMCBDMy4xMDQ1Njk1LC0yLjAyOTA2MTI1ZS0xNiA0LDAuODk1NDMwNSA0LDIgTDQsOS4zNDc2ODM0NiBDNy45ODE0Njk2NCwzLjY5Mzc5Mzc5IDE0LjU1OTM2ODksMCAyMiwwIEMyOS40NDA2MzExLDAgMzYuMDE4NTMwNCwzLjY5Mzc5Mzc5IDQwLDkuMzQ3NjgzNDYgTDQwLDIgTDQwLDIgQzQwLDAuODk1NDMwNSA0MC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDQyLDAgQzQzLjEwNDU2OTUsLTIuMDI5MDYxMjVlLTE2IDQ0LDAuODk1NDMwNSA0NCwyIEw0NCwyMCBDNDQsMjAuMTU4MTkzNyA0My45ODE2MzM2LDIwLjMxMjA5NzcgNDMuOTQ2OTE2OCwyMC40NTk2OTU5IFogTTEzLDE0IEM5LjY4NjI5MTUsMTQgNywxNi42ODYyOTE1IDcsMjAgQzcsMjMuMzEzNzA4NSA5LjY4NjI5MTUsMjYgMTMsMjYgTDMxLDI2IEMzNC4zMTM3MDg1LDI2IDM3LDIzLjMxMzcwODUgMzcsMjAgTDM3LDIwIEMzNywxNi42ODYyOTE1IDM0LjMxMzcwODUsMTQgMzEsMTQgTDMxLDE0IEwxMywxNCBaIgogICAgICAgICAgICAgICAgICBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9InN0MCIKICAgICAgICAgICAgICAgICAgaWQ9IlJlY3RhbmdsZS05IiB4PSIxMSIgeT0iMTgiIHdpZHRoPSIyMiIgaGVpZ2h0PSI0IiByeD0iMiI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgICAgICA8ZyAgbWFzaz0idXJsKCNtYXNrKSIgaWQ9Iml2YXRhcmdvLWNvcHkiIGZpbGw9IiMxOTc2RDIiPgogICAgICAgICAgICA8cGF0aCBjbGFzcz0ic3RvMCIKICAgICAgICAgICAgICAgICAgZD0iTTQzLjk0NjkxNjgsMjAuNDU5Njk1OSBDNDMuOTgyMTEwOCwyMC45Njg1NjI4IDQ0LDIxLjQ4MjE5MjMgNDQsMjIgQzQ0LDM0LjE1MDI2NDUgMzQuMTUwMjY0NSw0NCAyMiw0NCBDOS44NDk3MzU1LDQ0IDAsMzQuMTUwMjY0NSAwLDIyIEMwLDIxLjQ4MjE5MjMgMC4wMTc4ODkxNjY2LDIwLjk2ODU2MjggMC4wNTMwODMxODEzLDIwLjQ1OTY5NTkgQzAuMDE4MzY2NDAzNywyMC4zMTIwOTc3IDEuOTM3MzE0MDJlLTE3LDIwLjE1ODE5MzcgMCwyMCBMMCwyIEwwLDIgQy0xLjM1MjcwNzVlLTE2LDAuODk1NDMwNSAwLjg5NTQzMDUsMi4wMjkwNjEyNWUtMTYgMiwwIEwyLDAgTDIsMCBDMy4xMDQ1Njk1LC0yLjAyOTA2MTI1ZS0xNiA0LDAuODk1NDMwNSA0LDIgTDQsOS4zNDc2ODM0NiBDNy45ODE0Njk2NCwzLjY5Mzc5Mzc5IDE0LjU1OTM2ODksMCAyMiwwIEMyOS40NDA2MzExLDAgMzYuMDE4NTMwNCwzLjY5Mzc5Mzc5IDQwLDkuMzQ3NjgzNDYgTDQwLDIgTDQwLDIgQzQwLDAuODk1NDMwNSA0MC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDQyLDAgQzQzLjEwNDU2OTUsLTIuMDI5MDYxMjVlLTE2IDQ0LDAuODk1NDMwNSA0NCwyIEw0NCwyMCBDNDQsMjAuMTU4MTkzNyA0My45ODE2MzM2LDIwLjMxMjA5NzcgNDMuOTQ2OTE2OCwyMC40NTk2OTU5IFogTTEzLDE0IEM5LjY4NjI5MTUsMTQgNywxNi42ODYyOTE1IDcsMjAgQzcsMjMuMzEzNzA4NSA5LjY4NjI5MTUsMjYgMTMsMjYgTDMxLDI2IEMzNC4zMTM3MDg1LDI2IDM3LDIzLjMxMzcwODUgMzcsMjAgTDM3LDIwIEMzNywxNi42ODYyOTE1IDM0LjMxMzcwODUsMTQgMzEsMTQgTDMxLDE0IEwxMywxNCBaIgogICAgICAgICAgICAgICAgICBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9InN0bzAiCiAgICAgICAgICAgICAgICAgIGlkPSJSZWN0YW5nbGUtOSIgeD0iMTEiIHk9IjE4IiB3aWR0aD0iMjIiIGhlaWdodD0iNCIgcng9IjIiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8bWFzayBpZD0ibWFzayI+CiAgICAgICAgICAgIDxzdmcgaWQ9ImJsIiB2aWV3Qm94PSIwIDAgMjU1IDUxMCIgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNjEuNWM0LjYtOS4zLDEyLjgtMjIuMywyNS0yNGMxNi42LTIuMywyNC4xLDE4LjcsNDIsMTljMjQuMiwwLjMsMzEuMS0zOC4yLDUzLTM4IGMyMi43LDAuMiwyOS43LDQxLjksNTQsNDJjMTcuOCwwLjEsMjMuNy0yMi4zLDQ0LTIzYzE4LTAuNywyMi41LDIzLjMsMzcsMjJjMTYuMS0xLjUsMTguNC0yOS41LDM0LTMxYzE1LjktMS41LDIxLjUsMjYuOCw0MCwyOCBjMjIuMSwxLjQsMzAuNy0zOC4yLDUzLTM4YzIyLjcsMC4yLDI5LjcsNDEuOSw1NCw0MmMxOC4yLDAuMSwyNS0yNCw0NC0yM2MxMi41LDAuNywyMi4zLDExLjcsMjksMjIgbDAsNTEwIGwtNTEwLDAiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0idmlld0JveCIgYXR0cmlidXRlVHlwZT0iWE1MIiBmcm9tPSIwIC0yMDAgMjU1IDUxMCIgdG89IjI1NSA0MCAyNTUgNTEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvc3ZnPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZmlsdGVyIGlkPSJHYXVzc2lhbl9CbHVyIj4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjAiIC8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+Cjwvc3ZnPgoK) no-repeat center;
    background-size: 100% 100%; }
  .loading-first-screen.ease-hide {
    opacity: 0; }
    
.common-box {
    margin-bottom: 10px;
    background-color: #fff;
}

.theme-black .common-box {
    background-color: #FAFAFA;
}

.border-1px-b {
    border-bottom: 1px solid #eee;
}

.font-titlt-color {
	color: #424242 !important;
}

.font-bold {
    font-weight: 600 !important;
}

.font-col-up {
    color: #F6443E !important;
}

.font-col-down {
    color: #4CAF50 !important;
}

.font-col-orange {
    color: #ff9800 ;
}

.padding-1rem {
    padding: 16px;
}

.padding-both-1rem {
    padding: 0 16px;
}

.padding-bottom-1rem {
    padding-bottom: 16px;
}

.common-box-title {
    margin: 0;
    padding: 16px 0;
    position: relative;
    line-height: 18px;
    color: #424242;
    font-size: 16px;
}

.common-box-title .more-link{
    float: right;
    font-size: 0.85rem;
}

.common-box-title.padding-both-1rem {
    padding-left: 16px;
    padding-right: 16px;
}

.common-block-btn {
    display: block;
    padding: 16px;
}

.common-block-btn a {
    display: block;
    padding: 0 12px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background-color: #0c62cc;
    font-size: 14px;
}

.competition-box {
    text-align: center;
    height: 170px;
    display: flex;
    width: 100%;
    background-color: #f85118;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/portfolioBanner.png);
}

.competition-box .flex-vertical-middle {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.common-yield-list .flex-vertical-middle {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.competition-text p {
    margin-bottom: 0;
    font-size: 0.85rem;
    line-height: 1.4rem;
}

.competition-box h2 {
    color: #fff;
    font-size: 1.8rem;
}

.competition-box h3 {
    color: #fff;
    margin-top: 15px;
    font-size: 1.3rem;
}

.common-yield-list {
   padding: 24px 0;
}

.common-yield-list > .item {
    border: none;
    padding: 0;
    display: flex;
    width: 100%;
}

.common-yield-list > .item:before {
    border: none;
}

.common-yield-list > .item > .left {
    text-align: center;
    width: 50%;
}

.common-yield-list > .item > .left p {
    font-size: 0.9rem;
}

.common-yield-list > .item > .left h1 {
    font-size: 1.85rem;
    margin: 14px 0;
    color: #F6443E;
}

.common-yield-list > .item > .right {
    flex: 1;
    padding-right: 12px;
}

.common-yield-list > .item > .right p {
    padding-top: 0;
}

.common-yield-list > .item > .right h2 {
    font-size: 1rem;
    line-height: 1rem;
    white-space: normal;
}

.common-yield-list > .item > .right .common-tag {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 0.85rem;
    line-height: 0.85rem;
    background-color: #09a3f8;
    padding: 6px 0.75rem;
    border-radius: 5%;
    margin: 0 5px 0 0;
}

.common-yield-list > .item > .right p {
    white-space: normal;
    margin: 0 0;
}

.common-yield-list > .item > .right h3 {
    font-size: 0.85rem;
    line-height: 1rem;
    white-space: normal;
    margin-top: 10px;
}

.common-yield-list > .item > .left > .portfolio-name{
    font-size: 1rem;
}