@charset "utf-8";
/*
 * @description: 微股东平台基础样式
 * @author: enjing and seven
 * @update: 2015-7
 */

/*基础样式*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    	box-sizing: border-box;
}

/**去除带头像列表ui自带的头像背景图**/
.ui-avatar,
.ui-avatar-s {background-image: none;}

.img-circle {border-radius: 50%;}

small,
.small {font-size: 85%;}
mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.font10px {font-size: 10px;}
.font12px {font-size: 12px;}
.font14px {font-size: 14px;}
.font16px {font-size: 16px;}
.font18px {font-size: 18px;}
.font20px {font-size: 20px;}
.font22px {font-size: 22px;}
.font30px {font-size: 30px;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.text-balck {color: #333;}
.text-red-1 {color: #FF4C4C;}
.text-red-2 {color: #BE1D1D;}

.lineheight-1{line-height: 1;}

.bg-red-1 {background-color: #DF2321;}
.bg-red-2 {background-color: #BE1D1D;}
.bg-red-3 {background-color: #FC4B4E;}
.bg-red-4 {background-color: #F44336;}
.bg-yellow-1 {background-color: #F39C12;}
/*.bg-yellow-2 {background-color: #F1C40F;}*/
.bg-yellow-2 {background-color: #FFC000;}
.bg-white {background-color: #fff;}

.clearfix:before,
.clearfix:after{
    display: table;
    content: " ";
}
.clearfix:after {clear: both;}

.center-block {
    display:block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {float: right !important;}
.pull-left {float: left !important;}

.hide {display: none;}
.show {display: block;}
.invisible {visibility: hidden;}

.wgd-wrap{padding-bottom: 56px;}

/* 外边距 */
.no-margin-l {margin-left: 0;}

.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-t-40 {margin-top: 40px;}
.margin-b-10 {margin-bottom: 10px;}
.margin-r-5 {margin-right: 5px;}
.margin-r-15 {margin-right: 15px;}

/* 内边距 */
.padding-r-5 {padding-right: 5px;}
.padding-l-10 {padding-left:10px;}
.padding-t-5 {padding-top: 5px;}
.padding-t-15 {padding-top: 15px;}
.padding-b-5 {padding-bottom: 5px;}
.padding-b-15 {padding-bottom: 15px;}
.no-padding-l {padding-left: 0;}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.fixed {position: fixed;}

.current{color: #DF2321;}

div[data-href],li[data-href]{cursor: pointer;}

/*微股东UI*/
@font-face {font-family: "wgd-iconfont";/*7月28日修改*/
    src: url(../font/wgd-iconfont.eot); /* IE9*/
    src: url(../font/wgd-iconfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(../font/wgd-iconfont.woff) format('woff'), /* chrome、firefox */
    url(../font/wgd-iconfont.ttf) format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url(../font/wgd-iconfont.svg#iconfont) format('svg'); /* iOS 4.1- */
}

.wgd-iconfont {
    font-family:"wgd-iconfont" !important;/*7月28日修改*/
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.wgd-icon-chongzhi:before { content: "\e600"; }
.wgd-icon-jiaofei:before { content: "\e601"; }
.wgd-icon-shouji:before { content: "\e602"; }
.wgd-icon-dianpu:before { content: "\e603"; }
.wgd-icon-hongbao:before { content: "\e604"; }
.wgd-icon-phone:before { content: "\e605"; }
.wgd-icon-discover:before { content: "\e606"; }
.wgd-icon-my:before { content: "\e607"; }
.wgd-icon-refund:before { content: "\e608"; }
.wgd-icon-home:before { content: "\e609"; }
.wgd-icon-addressbook:before { content: "\e60a"; }
.wgd-icon-add:before { content: "\e60b"; }
.wgd-icon-forward:before { content: "\e60c"; }
.wgd-icon-pengyouquan:before { content: "\e60d"; }
.wgd-icon-erweima:before { content: "\e60e"; }
.wgd-icon-31fenxiang:before { content: "\e60f"; }
.wgd-icon-service:before { content: "\e610"; }
.wgd-icon-shequ:before { content: "\e611"; }
.wgd-icon-xiangyou:before { content: "\e612";}
.wgd-icon-more:before { content: "\e613"; }
.wgd-icon-sousuo:before { content: "\e614"; }
.wgd-icon-close:before { content: "\e615"; }
.wgd-icon-toys:before { content: "\e61b"; }
.wgd-icon-cry:before { content: "\e61a"; }
.wgd-icon-check:before { content: "\e616"; }
.wgd-icon-warn:before { content: "\e617"; }
.wgd-icon-question:before { content: "\e618"; }
.wgd-icon-info:before { content: "\e619"; }
.wgd-icon-unfold:before { content: "\e61c"; }
.wgd-icon-fold:before { content: "\e630"; }
/*7月14日新加如的css*/
.wgd-icon-tel:before { content: "\e61d"; }
.wgd-icon-love:before { content: "\e61e"; }
.wgd-icon-user:before { content: "\e61f"; }
/*7月14日新加如的css*/
/*2015-9-17增加*/
.wgd-icon-locationfill:before { content: "\e629"; }
.wgd-icon-messagefill:before { content: "\e62b"; }
.wgd-icon-zhuanfa:before { content: "\e623"; }
.wgd-icon-infofill:before { content: "\e619"; }
.wgd-icon-zhuangxiu:before { content: "\e62c"; }
.wgd-icon-group:before { content: "\e62e"; }
/*2015-9-17增加*/
.wgd-icon-jianhao:before { content: "\e62f"; }/*2015-9-29增加*/
/*2015-10-13增加*/
.wgd-icon-jiaguanzhu:before { content: "\e627"; }
.wgd-icon-quxiao:before { content: "\e628"; }
/*2015-10-13增加*/
.wgd-icon-roundclosefill:before { content: "\e631"; }
.wgd-icon-roundcheckfill:before { content: "\e616"; }

.wgd-footer-nav{
    color: #787979;
    font-size: 10px;
    background-color: #F7F7F7;
}
.wgd-footer-nav span{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: normal;
}

.wgd-reddot{
    position: absolute;
    right: -5px;
    top: 5px;
    display: block;
    width: 8px;
    height:8px;
    background-color: #f00;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.wgd-badge{
    position: absolute;
    right: -5px;
    top: 0;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #f00;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #fff;
    font-size: 8px;
    text-align: center;
}

.wgd-form-group{
    padding-top: 7px;
    padding-bottom: 7px;
}

.wgd-form-control{
	display: block;
	margin: auto;
	padding: 12px 12px;/*7月14日新加入的css*/
    width: 70%;
	height:44px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    background-color: #fff;
    background-image: none;      
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;   
}

.wgd-text-note{font-size: 12px;}
.wgd-text-normal{font-size: 12px;}
.wgd-penale{position: relative;}

.wgd-penale-lg{
    padding-top: 30px;
    height: 140px;
    color: #fff;
    font-size: 42px;
    text-align: center;
}
.wgd-penale-sm{
    padding-top: 10px;
    height: 90px;
    color: #fff;
    font-size: 36px;
    text-align: center;
}
.wgd-penale-xs{
    padding-top: 10px;
    height: 70px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.wgd-penale-nav{
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.text-balck {color: #333;}
.wgd-penale-nav li{
    display: inline-block;
    height: 58px;
}

.wgd-penale-arrow:after{
    font-family:"wgd-iconfont" !important;/*7月28日修改*/
    font-size: 28px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0,0,0,.5);
    color: #fff;
    content: "\e612";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px;
}

/*微股东列表*/
.wgd-list-link>li[data-href]:after {
    font-family:"wgd-iconfont" !important;/*7月28日修改*/
    font-size: 20px;
    line-height: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0,0,0,.5);
    color: #c7c7c7;
    content: "\e612";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    margin-right: -10px;
}
.wgd-list-link>li{
    padding-right: 30px;
    -webkit-box-align: center;/*2015年8月12号增加*/
}

.wgd-list-group{
    margin-top: 15px;
    margin-bottom: 15px;
}
.wgd-list-group li h4{font-size: 14px;}

.wgd-contact-avatar img{
    width: 50px;
    height: 50px;
}

.wgd-my-avatar{
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.wgd-my-avatar img{
    width: 60px;
    height: 60px;
    border-radius: 60px;
}

.wgd-input-clear {
    position: absolute;
    top: 0;
    right: 6px;
    color: #333;
}

.wgd-tips {
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.wgd-tips i {
    display: inline-block;
    width: 32px;
    height: 1px;
    vertical-align: top;
}

.wgd-tips i:before {
    font-family: wgd-iconfont!important;/*7月28日修改*/
    font-size: 22px;
    line-height: 26px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    display: block;
    color: rgba(0,0,0,.5);
    content: "\e616";
    color: #0090ff;
}

.wgd-tips-success i:before {
    content: "\e616";
    color: #65d521;
}

.wgd-tips-warn i:before {
    content: "\e617";
    color: #f76249;
}

.wgd-tips-info i:before {
    content: "\e619";
    color: #0090ff;
}
.wgd-form-tips{
	padding-top: 5px;
	padding-bottom: 5px;
    text-align: center;
    background-color: #F0EFF5;
}
.wgd-list-icon {
    position: absolute;
    top: 22px;
    right: 15px;
    display: block;
    color: #DF2321;
    font-size: 28px;
    cursor: pointer;
}
.wgd-text-info{
	/*position: absolute;
    top: 15px;
    right: 20px; */
    text-align: right;
    padding-top: 15px;
    padding-right: 25px;
    line-height: 20px;
}
.wgd-text-info .green {
	color: #11CD6E;
}

/*信息资产排行角标背景*/
.wgd-rank {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 30px solid;
    border-right: 30px solid;
    border-top-color: #C7D2D2;
    border-right-color:rgba(0,0,0,0)
}

.wgd-rank-1 {
    border-top-color: #EE625D;
    border-right-color:rgba(0,0,0,0)
}
.wgd-rank-2 {
    border-top-color: #FFA844;
    border-right-color:rgba(0,0,0,0)
}
.wgd-rank-3 {
    border-top-color: #FBDA45;
    border-right-color:rgba(0,0,0,0)
}

/*信息资产排行角标*/
.wgd-ranking-num {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    font-style: oblique;
    font-weight: 700;
    text-indent: 2px;
    color: #fff;
}

/**搜索背景框**/
.wgd-serch-area {
    padding: 10px 20px;
    background-color: #D9D9DB;
}

.wgd-serch-box {
	position: relative;
    width: 100%;
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
}
.wgd-serch-box input {
    display: block;
    padding-left: 25px;
    width: 95%;
    height: 30px;
    margin: 0 auto;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
}

.wgd-bill-tab li {
    float: left;
    width: 50%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    color: #aaa;
}

/*7月17日新增样式*/
.wgd-list-btn li{
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    color: #fff;
    cursor: pointer;
}