/*----------------mui样式修改-begin-----------------------*/
/*背景色*/
html,
body {
	background-color: white;
}
/*顶部标题栏和底部选项卡*/
.mui-bar-nav {
    background-color: #fdfcfc;
    color: #ffffff;
    -webkit-box-shadow: 0 1px 0px #e6e6e6;  
    box-shadow: 0 1px 0px #e6e6e6;
}
.mui-title {
    color: #242424;
    /* font-weight: bold; */
    font-size: 15px;
}
.mui-bar .mui-btn-link {
    color: #242424;
    font-size: 14px;
}
.mui-bar-tab .mui-tab-item {
    color: #999999;
}
/*标题返回按钮*/
a.mui-action-back {
    color: #646464;
    opacity: 1 !important;
    font-weight: 100 !important;
}
/*大按钮容器*/
.mui-button-row.pd{
	padding: 5px 10px;
}
/*表单*/
.mui-input-group.pd{
	padding: 0 10px;
}
.mui-input-group .mui-input-row:after{
	left: 0;
	background-color: #dbdbdb;
}
.mui-input-group::before,.mui-input-group:after {
    background-color: #dbdbdb;
}
/*图标*/

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont_wenhao.ttf') format('truetype');/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-date:before { content: "\e62d"; }
.icon-wenhao:before { content: "\e636"; }
.mui-input-row label.icon {
    width: 50px;
    height: 40px;
    position: relative;
    /* padding: 0; */
}
.mui-input-row label.icon~input {
    width: -webkit-calc(100% - 50px);
    padding-left: 10px;
    font-size: 13px;
}
.mui-input-row label.icon:after {
    content: '';
    display: block;
    background-color: #dbdbdb;
    height: 20px;
    width: 1px;
    position: absolute;
    right: 0px;
    top: 10px;
    transform: scaleX(.5);
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
}
/*文字*/
.mui-input-row label.text {
    position: relative;
    font-size: 12px;
    width: auto;
    padding: 10px 10px 10px 0;
    line-height: 20px;
}
.mui-input-row label.text~input {
    font-size: 14px;
}
.mui-input-row label.text~span {
    float: right;  width: 65%;  margin-bottom: 0;  padding-left: 0;  border: 0;
    display: inline-block;
    line-height: 21px;
    height: 40px;
    padding: 10px 15px;
    padding-left: 0;
}
/*图片轮播*/
.mui-slider-indicator .mui-indicator {
    background: rgba(255,255,255,0.8);
    box-shadow: none;
    margin: 0px 2px;
}
.mui-slider-indicator .mui-active.mui-indicator {
    background: #f60;
}
.mui-slider-indicator {
    bottom: 0px;
}
.mui-slider .mui-slider-group .mui-slider-item img {
    width: 100%;
    height: 120px;
}
/*表格*/
.mui-table-view {
    background: none;
}
/*列表-追加小图标*/
.mui-table-view-cell:after {
    left: 0;
}
li.mui-table-view-cell>a {
    line-height: 20px;
    font-size: 12px;
    margin-right: -127px !important;
}
li.mui-table-view-cell .mui-navigate-right:after, li.mui-table-view-cell .mui-push-right:after{
	right: 73px !important;
}
li.mui-table-view-cell {
    padding: 10px 10px;
    color: #323232;
    background: #ffffff;
}
.list-icon {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 2px 10px;
}
.list-icon>img,
.icon>img {
    width: auto;
    height: 100%;
}
/*列表-右侧文字*/
li>.text.right {
    top: 0;
    /* float: right; */
    padding: 9px 36px 10px 0px;
    color: #323232;
    font-size: 12px;
    display: block;
}
/*底部导航图标*/
/*默认状态*/
.mui-icon>img{
	height: 100%;
	margin-left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.mui-icon>img:last-child{
	display: none;
}
/*选中状态*/
.mui-active .mui-icon>img:first-child{
	display: none;
}
.mui-active .mui-icon>img:last-child{
	display: block;
}
/*底部导航图标-end*/
/*----------------mui样式修改-end-----------------------*/
/*----------------自定义ui类-begin----------------------*/
.qui{
	margin: 0;
	padding: 0;
}
/*自定义布局辅助类*/
.ab {
	position: absolute;
}
.re {
	position: relative;
}
.fi{
	position: fixed;
}
.width{
	width: 100%;
}
.width0{
	width: 0;
}
.height{
	height: 100%;
}
.height0{
	height: 0;
}
.bg {
	position: absolute;
	width: 100%;
	height: 100%;
}
.full{
	width: 100%;
	height: 100%;
}
.left{
	left: 0;
}
.right{
	right: 0;
}
#wodeyouhuijuan-dhk .right,#wodeyouhuijuan-yhk .right{right: 94px; top: 11px;}
.top{
	top: 0;
}
.bottom{
	bottom: 0;
}
.t-c{
	text-align: center;
}
.x-c,.w-c{
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.y-c,.h-c{
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.c-c{
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.c-orange {
	color: #f60!important
}
.hide{
	display: none;
}
.hidden{
	visibility:hidden;
}
.yin{
	opacity: 0;
}
/*----------------自定义ui类-end----------------------*/
/*---------------------新ui组件-begin-----------------------*/
/*左右切换开关*/
.bu-lr {
    margin-top: 44px;
    height: 40px;
    padding: 0px 0;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
}
.bu-lr>div {
    float: left;
    width: -webkit-calc(50% - 0.5px);
    text-align: center;
    line-height: 40px;
    height: 100%;
    font-size: 15px;
    color: #323232;
    position: relative;
}
.bu-lr>div:first-child {
    border-right: 1px solid rgba(0,0,0,0);
}
.bu-lr>div:first-child:after {
    content: '';
    display: block;
    background-color: #dbdbdb;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: -1px;
}
.bu-lr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.bu-lr:before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 2px;
    left: 0;
    bottom: -1px;
    background-color: #d84c3f;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}
.bu-lr.r:before{
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
}
.bu-lr.l:before{
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
}
/*收益标题部分*/
.header-profit{
	width: 100%;
	background-color: #d84c3f;
	color: #FFFFFF;
}
.header-profit .tt {
    font-size: 15px;
    line-height: 15px;
}
.header-profit .dd {
    font-size: 11px;
    line-height: 22px;
}
.header-profit .today-money {
    line-height: 98px;
    font-size: 60px;
}
.header-profit .today {
    padding-left: 16px;
    padding-top: 10px;
}
.header-profit .all {
    width: 100%;
    background-color: #cc4134;
}
.header-profit .all>div {
    width: 50%;
    float: left;
    padding: 11px 0px 11px 16px;
    font-size: 20px;
}
.header-profit .all>div>div.text {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
}
.header-profit .all:after {
    content: '';
    display: block;
    clear: both;
}
/*微小按钮，超小按钮*/
.button.micro{
	font-size: 12px;
	color: #f60;
	border-radius: 12px;
    text-align: center;
	border: 1px solid #f60;
	padding: 3px 8px;
	display: inline-block;
}
/*灰色按钮*/
.button.micro.gray,
.button.gray{
	border: none;
	background-color: #cccccc;
	color: #FFFFFF;
}
.profit .line1 .button {
    float: right;   
}
/*普通大按钮*/
.button.width {
    background-color: #53c4e8;
    color: #ffffff;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    display: block;
}
/*亮色大按钮*/
.button.width.bright{
	background: none;
	border: 1px solid;
	color: #d84c3f;
}
/*红色大按钮*/
.button.width.bg-red{
	background-color: #d84c3f;
}
.yq-ts {
    font-size: 12px;
    text-align: center;
    color: #646464;
    margin-bottom: 16px;
}
/*标红文字*/
.red {
    color: #d84c3f;
}
/*白色文字*/
.white{
	color: #FFFFFF;
}
/*标蓝文字*/
.blue,
li>div.text.right.blue{
	color:#f60;
}
.green{
	color: #48e0c9;
}
/*黄色文字*/
.yellow{
	color: #f5b551;
}
/*红色背景*/
.bg-red{
	background: #d84c3f !important;
}
/*蓝色背景*/
.bg-blue{
	background-color: #f60 !important;
}
.padding-left-10{
	padding-left: 10px !important;
}
.padding-left-16{
	padding-left: 16px !important;
}
/*字号增大*/
.font-big{
	display: inline-block;
	font-size: 1.5em;
	transform: translateY(1px);
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
}
/*字号缩小*/
.font-small{
	font-size: 0.7em;
}
/*清除浮动*/
.clear-both:after {
    content: '';
    display: block;
    clear: both;
}
/*小按钮*/
.button.small {
    width: 6em;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    padding: 2px;
    border-radius: 14px;
    color: #d84c3f;
    border: 1px solid;
}
/*登录页面*/
div#wjmm {
    text-align: right;
    color: #f60;
    font-size: 12px;
    padding: 10px;
}
/*登录-短信验证按钮*/
.mui-input-row .button.micro{
	float: right;
	margin: 6px 0;
}
.mui-input-row label~input.yz{
	float: left;
	width: -webkit-calc(100% - 168px);
}
/*注册页面*/
/*隐私策略提示*/
.yscl-ts {
    font-size: 13px;
    /* text-align: center; */
    color: #999999;
    margin: 16px 0 10px 0;
    padding-left: 20px;
}
/*普通标题*/
.c-title {
    color: #323232;
    font-size: 14px;
    line-height: 50px;
}
/*复选框*/
input[type="checkbox"].wdb{
	position: relative;
	width: 16px;
	height: 16px; 
	margin-right: 8px;
	-webkit-appearance:none;
	overflow: hidden;
	background-color: #f60;
	vertical-align: text-bottom;
	border: 1px solid #f60;	
	border-radius: 3px;
	margin-left: 7px;
}
input[type="checkbox"].wdb:before {
    display: block;
    position: absolute;
    z-index: 10;
    top: -8px;
    left: -7px;
    font-family: Muiicons;
    color: #ffffff;
    font-size: 28px;
}
input[type="checkbox"].wdb:checked:before {
    content: '\e472';    
}

/*主页-投资页面*/
/*投资列表-标题*/
header>a {
    color: #474747;
}
/*右上角弹出菜单*/
/*重置mui*/
.mui-popover .mui-popover-arrow:after {
    border-radius: 0;
    background-color: #fff;
}
.mui-popover {
    background-color: #fff;
}
.mui-popover li{
color: #646464;
text-align: center;	
border-radius: 0;
}
/*id定制*/
#topPopover {
	position: absolute;
	top: 57px;
	right: 6px;
	height: 120px;
	width: 110px;
	margin-top: -17px;
}
#topPopover .mui-popover-arrow {
	top: -20px;
	height: 20px;
}
#touzi .touzi-title{height: 41px;line-height: 40px;}
.touzi-list .touzi-title:after{content: '';}
.touzi-title {
    margin-top: 10px;
    background-color: #fff;
    color: #646464;
    line-height: 26px;
    /* height: 26px; */
    font-size: 14px;
    border-left: 4px solid;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 6px;
}
.touzi-title:after {
    right: 15px;
    content: '\e583';
    font-family: Muiicons;
    display: inline-block;
    float: right;
    margin-right: 5px;
    font-size: 24px;
}
.touzi-title.blue {
    border-left: 4px solid #f60;
}
.touzi-title.yellow {
    border-left: 4px solid #f5b551;
}
/*投资列表-条目*/
.touzi-li {
    height: 80px;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    display: block;
}
/*投资列表-条目-角标*/
.touzi-jiaobiao {
    position: absolute;
    top: 5px;
    right: -13px;
    background-color: #cccccc;
    color: #fff;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    width: 50px;
    text-align: center;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.touzi-jiaobiao.blue{
	background-color: #f60;
}
/*投资列表-条目-第一部分*/
.touzi-li>div:first-child{
	height: 100%;
	width: 90px;
	position: relative;
	float: left;
}
.touzi-li>div:first-child:after{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	right: 0px;
	/*-webkit-transform: scaleX(0.5);*/
	background-color: #e6e6e6;
}
.touzi-li>div:first-child>div:first-child{
	color: #d84c3f;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	padding-top: 21px;
}
.touzi-li>div:first-child>div:nth-child(2){
	color: #646464;
	font-size: 12px;
	line-height: 12px;      text-align: center;      
	margin-top: 9px;
}
/*投资列表-条目-第二部分*/
.touzi-li>div:nth-child(2){
	float: left;
	padding: 10px;
	max-width: 170px;
}
.touzi-li>div:nth-child(2)>div{
	float: left;
	color: #646464;
	font-size: 11px;
	line-height: 20px;
	/*width: 64px;*/
	margin-top: 8px;
}
.touzi-li>div:nth-child(2)>div:nth-child(2){margin-right: 10px;}
.touzi-li>div:nth-child(2)>div:first-child{
	width: 100%;
	color: #323232;
	font-size: 14px;
	line-height: 14px;
	margin-top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.touzi-li>div:nth-child(2)>div:first-child:after {
    content: '保';
    display: inline-block;
    background-color: #41c9b5;
    border-radius: 2px;
    color: #fff;
    font-size: 0.8em;
    line-height: 14px;
    width: 14px;
    text-align: center;
    height: 14px;
    margin-left: 5px;
    position: absolute;
}
/*投资列表-第三部分-进度环*/
.touzi-li>div:nth-child(3){
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 19px;
	color: #d84c3f;
	border-radius: 50%;
	overflow: hidden;
}
/*进度圆环*/
.touzi-li>div:nth-child(3) .pie {
	width: 40px;
	height: 40px;
	background-color: #CCCCCC;
	border-radius: 20px;
	position: absolute;
}
.touzi-li>div:nth-child(3) .pie1 {
	clip: rect(0px, 40px, 40px, 20px);
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.touzi-li>div:nth-child(3) .pie2 {
	clip: rect(0px, 20px, 40px, 0px);
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.touzi-li>div:nth-child(3) .hold {
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 1;
}
.touzi-li>div:nth-child(3) .hold1 {
	clip: rect(0px, 40px, 40px, 20px);
}
.touzi-li>div:nth-child(3) .hold2 {
	clip: rect(0px, 20px, 40px, 0px);
}
.touzi-li>div:nth-child(3) .round-bg {
	width: 40px;
	height: 40px;
	background-color: #d84c3f;
	border-radius: 20px;
	position: absolute;
}
.touzi-li>div:nth-child(3)>div:last-child{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 2px;
	left: 2px;
	line-height: 36px;
	font-size: 11px;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}

/*主页-我的积分*/
/*标题logo*/
header img.logo {
    height: 35px;
    position: relative;
    margin-top: 5px;
}
/*投资推荐位*/
.tuijian{
	padding: 10px;
}
.tuijian>div:first-child{
	
}
.tuijian .title{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #323232;
}
.tuijian .title2{
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	color: #646464;
	
}
.tuijian .title2:before{
	content: '保';
	display: inline-block;
    background-color: #41c9b5;
    border-radius: 2px;
    color: #fff;
    
	font-size: 12px;
    line-height: 14px;
    width: 14px;
    text-align: center;
    height: 14px;
    
	margin-right: 5px;
    
}
.tuijian .title2>span:first-child{
	
    padding-right: 5px;
    
    margin-right: 5px;
    border-right: 1px solid #ccc;
}
.tuijian .jptj {
    color: #fff;
    background-color: #f5b551;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    padding: 0 3px;
    border-radius: 2px;
}

.tuijian .round {
    width: 150px;
    height: 150px;
    position: relative;
    left: 50%;
    margin-left: -75px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    /* margin-bottom: 10px; */
}
/*主页圆环*/
.tuijian .pie {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	position: absolute;
	border: 3px solid #99FFFF;
	background-color: #99FFFF;
}
.tuijian .pie1 {
	clip: rect(0px, 150px, 150px, 75px);
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.tuijian .pie2 {
	clip: rect(0px, 75px, 150px, 0px);
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.tuijian .hold {
	width: 150px;
	height: 150px;
	position: absolute;
	z-index: 1;
}
.tuijian .hold1 {
	clip: rect(0px, 150px, 150px, 75px);
}
.tuijian .hold2 {
	clip: rect(0px, 75px, 150px, 0px);
}
.tuijian .huoqi-round .pie{border-color: #ffbdad;background-color: #ffbdad;}
.tuijian .huoqi-round .round-bg{background-color: #ffbdad;border-color: #ff7652;}
.huoqi-round .tuijian-content{background-color: #ff582e;border-color: #e23912;}
.huoqi-round .tuijian-content>div:nth-child(4):before{background-color: #f2532b;}
.huoqi-round .round-small {background-color: #ff7655;}
.tuijian .round-bg {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	background-color: #99FFFF;
	position: absolute;
	border: 3px solid #48e0c9;
}
/*圆环内-推荐内容*/
.tuijian-content {
    width: 132px;
    height: 132px;
    background-color: #f60;
    border-radius: 50%;
    border: 1px solid #009ace;
    z-index: 1;
}
.tuijian-content>div:first-child{
	line-height: 12px;
	height: 12px;
	font-size: 11px;
	margin-top: 16px;
	
}
.tuijian-content>div:nth-child(2){
	height: 25px;
	font-size: 25px;
	line-height: 25px;
	margin: 7px 0 6px 0;
}
.tuijian-content>div:nth-child(3){
	line-height: 14px;
	/* height: 14px; */
	font-size: 10px;
	padding: 0 2px;
	border: 1px solid #FFFFFF;
	display: inline-block;
	border-radius: 2px;
}
.tuijian-content>div:nth-child(4){
	line-height: 13px;
	margin-top: 15px;
	position: relative;
	font-size: 12px;
}
.tuijian-content>div:nth-child(4):before{
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	left: 50%;
	width: 74px;
	height: 1px;
	margin-left: -37px;
	background-color: #24c4f9;
}
/*小原点*/
.round-small {
    width: 7px;
    height: 7px;
    background-color: #48e0c9;
    border-radius: 50%;
    z-index: 1;
    position: absolute;
    left:71px;
    -webkit-calc(50% - 3px);
    top: -2px;
    transform-origin-y: 77px;
    -webkit-transform-origin-y: 77px;
    -moz-transform-origin-y: 77px;
    -ms-transform-origin-y: 77px;
    -o-transform-origin-y: 77px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*实时监督*/
.ssjd{
	line-height: 14px;
	font-size: 11px;
	color: #646464;
	
	margin-bottom: 8px;
}
.ssjd:before{
	content: url(../img/anquan.png);
	display: inline-block;
	transform-origin-y: 100%;
	-webkit-transform-origin-y: 100%;
	-moz-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
	-o-transform-origin-y: 100%;
	transform: scale(0.55);
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	-o-transform: scale(0.55);
	-ms-transform: scale(0.55);
}

/*浮动按钮*/
.button-help {
    left: 15px;
    bottom: 64px;
    width: 40px;
    height: 40px;
    background-color: rgba(0,177,236,0.6);
    border-radius: 50%;
}
.button-help a {
    width: 32px;
    height: 32px;
    background-color: rgba(0,177,236,0.6);
    display: block;
    border-radius: 50%;
    color: #fff;
    transform:rotate(135deg) ;
	-webkit-transform:rotate(135deg) ;
	-moz-transform:rotate(135deg) ;
	-ms-transform:rotate(135deg) ;
	-o-transform:rotate(135deg) ;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all 1.5s;
	line-height: 30px;
	font-size: 34px;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
	top: 4px;
	left: 4px;
}
.button-help a.mui-icon-closeempty:before {
    left: -1px;
    position: absolute;
}
.button-help-active a {
	transform:rotate(0deg) ;
	-webkit-transform:rotate(0deg) ;
	-moz-transform:rotate(0deg) ;
	-ms-transform:rotate(0deg) ;
	-o-transform:rotate(0deg) ;
}
.button-help div{
	width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #cccccc;
    position: absolute;
    transform: translate(0px,5px) scale(0);
	-webkit-transform: translate(0px,5px) scale(0);
	-moz-transform: translate(0px,5px) scale(0);
	-ms-transform: translate(0px,5px) scale(0);
	-o-transform: translate(0px,5px) scale(0);
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	left: 0;
	bottom: 0;
}
.button-help-active div.dianhua {
	transform: translate(0px,-105px) scale(1);
    -webkit-transform: translate(0px,-105px) scale(1);
    -moz-transform: translate(0px,-105px) scale(1);
    -ms-transform: translate(0px,-105px) scale(1);
    -o-transform: translate(0px,-105px) scale(1);
}
.button-help-active div.hongbao {
	transform: translate(0px,-52px) scale(1);
   -webkit-transform: translate(0px,-52px) scale(1);
   -moz-transform: translate(0px,-52px) scale(1);
   -o-transform: translate(0px,-52px) scale(1);
   -ms-transform: translate(0px,-52px) scale(1);
}
.button-help div.dianhua img {
    width: 27px;
    margin-top: 2px;
}
.button-help div.hongbao img {
    width: 25px;
    margin-top: 2px;
}

/*主页-资产*/
.zichan-tiele {
    line-height: 60px;
    padding: 0 10px;
}
/*资产-蓝色列表*/
.theme-blue>li.mui-table-view-cell,
.theme-blue>li.mui-table-view-cell>a.mui-active{
	background-color: #00a4db;
}
.theme-blue>li.mui-table-view-cell,
.theme-blue>li.mui-table-view-cell>div,
.theme-blue>li.mui-table-view-cell>a.mui-active{
    color: #fff;
}
.theme-blue>li .mui-navigate-right:after{
	color: #fff;
}
/*资产-资产概况*/
.zichan-zichan{
	margin-top: 10px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	background-color: #FFFFFF;
	padding: 8px 0 7px 0;
	overflow: hidden;
}
.zichan-zichan>div {
    width: 33.33333%;
    float: left;
    color: #323232;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    position: relative;
}
.zichan-zichan:after {
    content: '';
    display: block;
    clear: both;
}
.zichan-zichan>div>div:first-child{
	color: #646464;
	line-height: 14px;
	font-size: 11px;
	margin-bottom: 13px;
	margin-top: 2px;
}
.zichan-zichan>div:after{
	content: '';
	display: block;
	position: absolute;
	right: -1px;
	width: 1px;
	height: 32px;
	top: 50%;
	margin-top: -16px;
	background-color: #dbdbdb;
}
/*资产-按钮组*/
.zichan-btn2{
	margin: 20px 0;
}
.zichan-btn2>div{
	width: 50%;
	float: left;
	padding: 0 10px;
}
/*loading*/
.loading{
	z-index: 9;
}
.loading-logo{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #00a4db;
	background-color: #f0f3f5;
}
.loading-logo>img{
	width: 80px;
}
.loading-logo>img:last-child{
	-webkit-animation:loading 4s linear infinite;
}
@-webkit-keyframes loading{
0%{
	clip: rect(0px, 0px, 42px, 0px);
}
50%{
	clip: rect(0px, 80px, 42px, 0px);
}
100%{
	clip: rect(0px, 80px, 42px, 80px);
}
}
/*loading-end*/
/*项目*/
/*项目-标题*/
.xianmu-title {
    padding: 16px;
    font-size: 15px;
    line-height: 15px;
}
.xianmu-title>div.date {
    font-size: 12px;
    line-height: 16px;
}
.xianmu-title>div.money {
    font-size: 34px;
    line-height: 34px;
    margin-top: 17px;
}
/*项目-进度条*/
.jindu{
	height: 65px;
	position: relative;
	color: #646464;
	font-size: 12px;
	line-height: 12px;
}
.jindu>div{
	width: calc(100% - 38px);
	width: -webkit-calc(100% - 38px);
	left: 16px;
	top: 27px;
	height: 10px;
	background-color: #CCCCCC;
	border-radius: 5px;
}
.jindu-line{
	width: 0%;
	height: 100%;
	border-radius: 5px;
}
.ab.jindu-yishou {
    left: 0;
    bottom: -16px;
}
.ab.jindu-zonge {
    right: 0;
    bottom: -16px;
}
/*项目-主要内容*/

.xiangmu-content{
	background-color: #FFFFFF;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	
}
.xiangmu-content>div.content{
	border-bottom: 1px solid #dbdbdb;
	overflow: hidden;
	height: 70px;
	padding: 15px 0;
}
.xiangmu-content>div.content>div{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	padding: 0 16px;
	font-size: 14px;
	color: #646464;
	line-height: 14px;
}
.xiangmu-content>div.content>div:first-child:after{
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #dbdbdb;
}
.xiangmu-content>div.content>div>div:last-child{
	line-height: 20px;
	font-size: 18px;
	color: #323232;
	margin-top: 6px;
}
/*标签*/
.biaoqians{
	padding: 0 10px;
}
.biaoqians:after{
	content: '';
	display: block;
	clear: both;
}
.biaoqian{
	font-size: 11px;
	line-height: 15px;
	border-radius: 3px;
	border: 1px solid;
	padding: 0 3px;
	float: left;
	margin:12px 5px;
}
/*起购金额*/
.qigou{
	padding: 13px 16px;
	color: #646464;
	font-size: 13px;
	line-height: 13px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
}
.qigou>.money{
	color: #323232;
	padding-left: 10px;
}
/*大间距*/
.mui-content-padded.big{
	height: 50px;
}
/*主页-更多*/
/*二维码*/
.qrcode {
    /*width: 200px;*/
    text-align: center;
    color: #646464;
    font-size: 12px;
    margin: 11px auto 10px auto;
}
.qrcode>img {
    width: 100%;
    /*width: 200px;
    height: 200px;*/
}

/*投资用户列表*/
.toyhlist .table-box{display: table; width: 100%; margin-bottom: 5px;}
.toyhlist .table-box .tl{display: table-cell; text-align: left; width: 50%;}
.toyhlist .table-box .tl time{color: #a7a7a7; font-size: 14px;}
.toyhlist .table-box .tr{display: table-cell; text-align: right; width: 50%; color: #646464; font-size: 14px;}

.jieshao{margin-bottom: 10px;}
.jieshao .fonttitle{font-size: 16px !important; color: #999999 !important;}
.jieshao .mui-table-view-cell{font-size: 14px; color: #646464; }
.jieshao .mui-table-view-cell span.mui-badge{background-color: inherit; font-size: inherit;}
.xm2 .mui-table-view-cell:after{width: 94%; left: 3% !important; height: 1px;}
 
 
 .gz li{display: table; width: 100%;}
 .gz li span{display: table-cell; vertical-align: middle;}
 .gz li span:nth-child(1){width: 25%;}
 .gz li span:nth-child(2){width: 75%;}
 
 .recommendlist li{display: table;width: 100%;}
 .recommendlist li span{display: table-cell;vertical-align: top; text-align: center; width: 25%;}
 .recommendlist .mui-icon{line-height: inherit;}
 .recommendlist .mui-icon-checkmarkempty:before{font-size: 40px; color: #f60;}
 .recommendlist .mui-icon-closeempty:before{font-size: 30px; color: #d84c3f; font-weight: bold;}

 .pointList li{display: table;width: 100%;}
 .pointList li span{display: table-cell;vertical-align: top; text-align: center; width: 25%;}
 .pointList .mui-icon{line-height: inherit;}
 .pointList .mui-icon-checkmarkempty:before{font-size: 40px; color: #f60;}
 .pointList .mui-icon-closeempty:before{font-size: 30px; color: #d84c3f; font-weight: bold;}

.yjhk{margin-bottom: 10px;}
.yjhk .fonttitle{font-size: 16px !important; color: #999999 !important;}
.yjhk .mui-table-view-cell{font-size: 14px; color: #646464; }
.yjhk .mui-table-view-cell span.mui-badge{background-color: inherit; font-size: inherit;}
#ktje .fonttitle{font-size: 16px !important; color: #999999 !important;}
#zhye .fonttitle{font-size: 16px !important; color: #999999 !important;}

#ktje .kt-je,#zhye .kt-je{font-size: 16px !important;color: #666666 !important;}
#zhye .zh-ye{font-size: 16px !important;color: #77DDFF !important;}
#tz-label{font-size: 16px !important; color: #888888 !important;}
#chongzhi{border-radius: 20px;padding: 3px 15px; font-size: 16px;}
#zhye .wodezijin-ye{font-size: 20px !important;color: #77DDFF !important;}
#shouyijisuan{padding: 3px 15px; font-size: 16px;}

/*我的资金*/
.wodezijin-je1{font-size: 16px !important; color: #77DDFF !important;}
.wodezijin-je2{font-size: 16px !important; color: red !important;}
.wodezijin-zichan{
	margin-top: 10px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	background-color: #FFFFFF;
	padding: 8px 0 7px 0;
	overflow: hidden;
}
.wodezijin-zichan>div {
    width: 50%;
    float: left;
    color: #323232;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    margin-bottom: 13px;
}
.wodezijin-zichan:after {
    content: '';
    display: block;
    clear: both;
}
.wodezijin-zichan>div>div:first-child{
	color: #f60;
	line-height: 30px;
	font-size: 30px;
	margin-bottom: 13px;
	margin-top: 2px;
}
.wodezijin-zichan>div:after{
	content: '';
	display: block;
	position: absolute;
	right: -1px;
	width: 1px;
	height: 32px;
	top: 50%;
	margin-top: -16px;
	background-color: #dbdbdb;
}

.wodetouzi-li {
    height: 90px;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    display: block;
    color: #999999;
}

.wodetouzi-li:hover{color: #999999;}

.mywallet_but_div{
	margin-top: 10px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	background-color: #FFFFFF;
	padding: 8px 0 7px 0;
	overflow: hidden;
}
.mywallet_but_div>div {
    width: 50%;
    float: left;
    color: #323232;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    position: relative;
}
.mywallet_but_div:after {
    content: '';
    display: block;
    clear: both;
}
.mywallet_but_div>div>div:first-child{
	color: #f60;
	line-height: 30px;
	font-size: 30px;
	margin-bottom: 0px;
	margin-top: 8px;
}
.mywallet_but_div>div:after{
	content: '';
	display: block;
	position: absolute;
	right: -1px;
	width: 1px;
	height: 32px;
	top: 50%;
	margin-top: -16px;
	background-color: #dbdbdb;
}


.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding:1px;
	line-height: 1.42857143;
}
.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
	border-top: 0
}

/*转让项目*/
.zhuanrang {
    padding: 0 16px;
    height: 85px;
    line-height: 85px;
}
.zhuanrang>div.title {
	display: inline-block;
	vertical-align: middle;
}
.zhuanrang>div.money {
	display: inline-block;
	vertical-align: middle;
    font-size: 34px;
}


.zrfy{
	line-height: 14px;
	font-size: 11px;
	color: #646464;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: left;
	padding-left: 10px;
}

.zhongzhi-btn{
	background: #00CCFF;
	color: #F5F5F5;
	width: 100%;
}

.xiangmu-btn-title{padding: 3px 8px; font-size: 8px; float: right; margin-top: 8px;margin-right: 10px;}
.xiangmu-btn-title{transform:translateY(0) !important;-webkit-transform:translateY(0) !important;
-moz-transform:translateY(0) !important;-ms-transform:translateY(0) !important;-o-transform:translateY(0) !important;
top: 12% !important; right: 0px !important; font-weight: bold;border: 0;}

 .daihuikuanlist li{display: table;width: 100%;}
 .daihuikuanlist li span{display: table-cell;vertical-align: top; text-align: center; width: 33%;}
 .daihuikuanlist .mui-icon{line-height: inherit;}
 .daihuikuanlist .mui-icon-checkmarkempty:before{font-size: 40px; color: #f60;}
 .daihuikuanlist .mui-icon-closeempty:before{font-size: 30px; color: #d84c3f; font-weight: bold;}

.bfh{position: absolute; background-color: transparent; top: 25%; right: -2px; font-weight: bold; font-size: 18px;}



.youhuijuan-li {
    height: 100px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    display: block;
}

/*  ￥ */
.youhuijuan-li>div:first-child>div:first-child{
	color: #33CCFF;
	font-size: 30px;
	line-height: 15px;
	text-align: center;
	padding-top: 31px;
}
/*  左边的字*/
.youhuijuan-li>div:first-child{
	height: 100%;
	position: relative;
	float: left;
	padding-left: 30px;
}
#jetubiao{
	line-height: 50px;
}
/*  右边的字*/
.youhuijuan-li>div:nth-child(2){
	float: left;
	padding: 20px;
	padding-left: 30px;
	max-width: 250px;
}
/**  有效期  **/
.youhuijuan-li>div:nth-child(2)>div{
	float: left;
	color: #33CCFF;
	font-size: 11px;
	line-height: 20px;
	width: 64px;
	margin-top: 8px;
}
/* 优惠券名称*/
.youhuijuan-li>div:nth-child(2)>div:first-child{
	width: 100%;
	color: #323232;
	font-size: 14px;
	line-height: 14px;
	margin-top: 0;
}
/*使用规则*/
div#sygz {
    text-align: right;
    color: #f60;
    font-size: 12px;
    padding: 10px;
    padding-right: 20px;
}

/*充值*/
.hui{color: #646464;}
.cz-box .mui-input-row label{width: auto;color: #323232;}
.cz-box .ky{float: right; padding: 10px 15px 10px 0;}
.cz-box .txt{text-align: right;width: 50%;}
.cz-info{color: #646464; text-indent: 2em; line-height: 24px; padding: 18px 15px; text-align: justify;}
.zytitle:before{position: absolute; width: 94%; border-bottom: 1px solid #d6d6d7; top: 45%; left: 3%; content: "";}
.zytitle{position: relative; text-align: center; width: 100%; margin: 15px 0 0 0;}
.zytitle span{padding: 0 20px; background-color: #f0f3f5; position: relative;}
.shixiang{color: #646464; font-size: 14px; margin-top: 0px; list-style: decimal; padding: 0 20px; margin-left:20px; line-height: 24px;}

/*推荐*/
.tixian-box,.tixian-box input{font-size: 14px;}
.tixian-box .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after{font-size: 22px; right: 8px;}
.tixian-box li.mui-table-view-cell>a{font-size: 14px;}
.headtop{background: url(../img/tuijiantop.jpg) no-repeat 50% 0; width: 100%; height: 100px; background-size: 100% 100%;}
.headtop .topinfo{color:#FFF; font-size: 20px; margin-left: 27%; padding: 16px 0 0 0;}
.headtop .yellow{font-size: 24px; font-weight: 100;}
.tjbutthem{width: 94%; margin: 10px auto;}
.tjbut{background: #FFF;}
.ti2{padding-left: 4px;}
.selyh .mui-table-view-cell{ text-indent: 7px;}
.selyh .mui-table-view-cell .mui-badge{background-color: inherit;font-size: 14px;}

/*银行列表选择框*/
.mui-bottom-box{width: 100%; position: fixed; z-index: 999; bottom: -312px; background-color: #FFF;
transition:all .5s ease;-webkit-transition:all .5s ease; -moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
.mui-bottom-box_active{bottom: 0;}
.mui-bottom-box .yhancel{text-align: right; padding: 0px 10px 0 0; }
.mui-bottom-box .mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after{font-size: 42px; font-weight: 100; color: #f60;;}
.mui-bottom-box .mui-table-view-radio{max-height: 186px;overflow-y: scroll;}
.mui-bottom-box .mui-table-view-radio .mui-table-view-cell a span{font-size: 16px;line-height: 38px;vertical-align: top; display: inline-block; margin-left: 8px;}
.mui-bottom-box .mui-table-view-radio .mui-table-view-cell a img{margin-left: 10px;}


.mui-scroll-wrapper{bottom: 83px;}
/*#wodezijinContainer{height: 265px; top: inherit;}*/

/*弹窗*/
.dialog-layer{position: fixed;top: 0;left: 0;width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 10000;}
.dialog-alert,.dialog-confirm{background-color: #FFF; border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.5); text-align: center;position: fixed; top: 30%; left: 50%; margin-left: -130px;
    width: 260px; z-index: 10000;padding: 15px; transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);
    transition: all .5s ease; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.dialog-alert-show,.dialog-confirm-show{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.dialog-alert-show p{font-size: 14px; color: #666666; line-height: 22px; margin-bottom: 30px;}
.dialog-alert button{border: 0;width: 100px; height: 35px;}
.dialog-confirm button{margin: 0 15px;}

/*转让合同*/
.no-border-bottom ul:after{background-color: inherit;}
.no-border-bottom ul li:after{background-color: inherit;}
.no-border-bottom ul li label,.no-border-bottom ul li p{color: #323232; line-height: 22px;}
.no-border-bottom ul li.min-height-200{min-height: 200px;}

#pointDetailList_ul .mui-table-view-cell,
#transferList_ul .mui-table-view-cell,
#recommendUserList_ul .mui-table-view-cell,
#zjtitle .mui-table-view-cell
{padding-right: 0;}

#hetong{position: absolute; top: 5px; left: 10px;}
#hetong #zrbtn{width: 50px; height: 30px; line-height: 30px; }


.mui-control-item{
	background-color: #FFFFFF !important;
}

#register_a{background: url(../img/reg_icon.png) no-repeat left 2px; padding-left: 22px; display: none; background-size: 18px; font-size: 12px; line-height: 25px; position: absolute;; right: 20px; top: 12px;}




/********************转账********************/
.user-name {background-color: #EFEFF4 color: #FFF; padding: 30px 0 25px 0;}
.user-name .photo{width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 0 auto; border:2px solid #FFF;}
.user-name .photo img{width: 100%;}
.user-name span{display: block; text-align: center; margin-top: 5px;}


.mui-bar-tab .mui-tab-item{color:#4d4d4d;}

/*资料提交中提示动画start*/
.layerBackground{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    z-index: 9999;
}
.submitIngBar{
    height: 30px;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -15px;
    z-index: 99999;
    color: #fff;
}
.submitIngBar .progressBar{
    height: 6px;
    width: 80%;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #B6B6B6;
    overflow: hidden;
}
.submitIngBar .progressBar .progressIng{
    height: 6px;
    background: #27BE20;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    width: 50px;
}
.progressIngAnimate{
    -webkit-animation: progressBarIng 2s ease-in 0s  infinite normal;
    -o-animation: progressBarIng 2s ease-in 0s  infinite normal;
    animation: progressBarIng 2s ease-in 0s  infinite normal;
}
@-webkit-keyframes progressBarIng {
    0%{
        margin-left: 0;
    }
    100%{
        margin-left: 100%;
    }
}
@-moz-keyframes progressBarIng {
    0%{
        margin-left: 0;
    }
    100%{
        margin-left: 100%;
    }
}
@keyframes progressBarIng {
    0%{
        margin-left: 0;
    }
    100%{
        margin-left: 100%;
    }
}
/*资料提交中提示动画end*/
/*正在加载页面效果start*/
.progressLoading{
	width:180px;
	height:129px;
	position: absolute;
	left:50%;
	margin-left:-90px;
	top:50%;
	margin-top:-65px;
	z-index: 99999;
}
/*正在加载页面效果end*/