@charset "UTF-8";

@import url("resets.css");
@import url("header.css");
@import url("footer.css");

.banner {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
}
.banner-layout{
    position: relative;
    min-width: 1020px;
    height: 520px;      /*500*/
    margin: 0 auto;
    width:100%;
}
.banner ul{
    height: 520px;      /*500*/
    width:100%;
}
.banner li{
    position: absolute;
    width: 100%;
    height: 520px;      /*500*/
    display: none;
    overflow: hidden;
}
.banner li.show{
    display: inline-block;
}
.banner li a{
    width:100%;
    height: 520px;      /*500*/
    display:inline-block;
}
.banner li img{
    height: 500px;
}
.banner p{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    text-align: center;
    width:200px;
    height: 30px;
    margin: 0 auto;
}
.banner p span{
    width:8px;
    height:8px;
    cursor: pointer;
    background-color: #fff;     /*#cdcdcd;*/
    border:2px solid #fff;      /*#cdcdcd;*/
    color: #fff;                /*#cdcdcd;*/
    display: inline-block;
    overflow: hidden;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 100%;
    vertical-align:middle;
    font-size:0;
    opacity:0.6;
}
.banner p span.choice{
    background-color: transparent;
    border:2px solid #ffae02;
    color: #ffae02;
}
.banner .banner-button{
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 460px;
    /* 	background: rgba(0, 0, 0, 0.1); */
    color:rgba(255,255,255,0.5);
    font-size:100px;
    line-height:460px;
    text-align:center;
    cursor:pointer;
    transition:display 5s ease-in;
}
.banner .banner-button span{
    color:rgba(255,255,255,0.5);
    transition:all .2s ease-in;
    /* 	text-shadow:0px 2px 5px rgba(0,0,0,0.1); */
}
.banner .banner-button span:hover{
    color:rgba(255,255,255,0.75);
}


.p-title-more a:link {
    color: #ff7e00; }

.p-title-more a:visited {
    color: #ff7e00; }

.p-title-more a:hover {
    color: #ff7e00; }

.p-title-more a:active {
    color: #ff7e00; }

.p-old-project .p-title-more a:link {
    color: #75c2e3; }

.p-old-project .p-title-more a:visited {
    color: #75c2e3; }

.p-old-project .p-title-more a:hover {
    color: #75c2e3; }

.p-old-project .p-title-more a:active {
    color: #75c2e3; }

.p-total {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    /*   margin-top: 30px; */
    /*   margin-bottom: 50px;  */
}

.p-left {
    position: relative;
    width: 770px; }

.p-content {
    position: relative;
    margin-bottom: 20px; }

.p-title {
    width: 770px;
    height: 70px;
    margin-bottom: 15px; }

p.line {
    position: absolute;
    left: 0px;
    height: 4px;
    width: 770px;
    background-color: #ff7e00;
    margin-top: 33px; }

.p-old-project p.line {
    background-color: #75c2e3; }

.p-title-desc {
    position: relative;
    width: 200px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    background: url(../images/index/sos.png);
    color: #ff7e00;
    z-index: 999; }

.p-old-project .p-title-desc {
    color: #75c2e3; }

.p-title-desc i {
    font-size: 14px; }

.p-title-desc strong {
    display: block;
    font-size: 28px;
    margin-top: 4px;
    margin-bottom: 8px; }

.p-title-desc span {
    font-size: 16px; }

.p-title-more {
    position: absolute;
    right: 0;
    top: 38px;
    color: #ff7e00; }

.p-old-project .p-title-more {
    color: #75c2e3; }

.p-title-more img {
    position: relative;
    top: 4px; }

.p-list {
    width: 100%;
    /*   border: 1px solid #dedede; */
    /*   background-color: #fff;  */
}
.list-title a{
    color: #666;
}
.list-title a:link{
    color: #666;
}
.list-title a:visited{
    color: #666;
}
.list-title a:hover{
    color: #ff7e00;
}
.list-title a:active{
    color: #666;
}
.list-title{
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    background:transparent;
    /*   border-bottom: 1px solid #dedede; */
}
.list-title .list-title-big{
    font-size:30px;
}
.title-borer-left{
    position: absolute;
    width: 8px;
    height: 50px;
    display: inline-block;
    background-color: #ff7e00;
}
.list-title em{
    padding-left: 20px;
    font-style: normal;
    font-size: 22px;
    color: #ff7e00;
    letter-spacing: 2px;
    font-weight: bold;
}
.list-title span{
    color: #666;
    margin-left: 10px;
}
.list-title .f-right{
    margin-right:10px;
    color: #666;
}
.p-list-content {
    height: 287px;
    background:#fff;
    padding:15px;
    margin-bottom: 20px;
    /*   border-bottom: 1px solid #dedede; */
    overflow: hidden;
}
.p-list .p-list-content:last-child{
    border-bottom: 0px;
}
.p-img {
    position: relative;
    width: 460px;
    height: 287px;
    overflow: hidden; }

.p-img img {
    width: 460px;
    height: 287px; }

.p-img span {
    position: absolute;
    top: 10px;
    left: -40px;
    display: inline-block;
    background-color: #ff7e00;
    color: #fff;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 999; }

.p-desc {
    position: relative;
    width: 680px;
    height:287px;
    overflow:hidden;
    padding-left:30px;
}

.p-desc h3 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #666;
    height: 30px;
    line-height: 30px; }
.p-desc h3 .n-start{
    font-weight: normal;
    font-size: 12px;
    background-color: #ff7e00;
    padding: 2px 8px;
    color: #fff;
    border-radius: 4px;
}
.p-desc h3 .h-start{
    font-weight: normal;
    font-size: 12px;
    background-color: #75c2e3;
    padding: 2px 8px;
    color: #fff;
    border-radius: 4px;
}
.p-desc a:link{
    color: #666;
}
.p-desc a:visited{
    color: #666;
}
.p-desc a:hover{
    color: #333;
}
.p-desc a:active{
    color: #666;
}
.p-desc-content {
    height:63px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    letter-spacing: 0.5px;
    margin: 12px 0; }

.default-pro {
    width: 440px;
    height: 6px;
    background-color: #dadada;
    position: relative;
    margin-top: 26px; }

.current-pro {
    width: 0%;
    height: 6px;
    position: absolute;
    background-color: #75c2e3;
    margin-top: -6px; }

.p-margin {
    margin-top: 15px; }

.p-detail {
    height: 24px; }

.p-detail span {
    width: 24%;
    display: inline-block;
    color: #666;
    font-size: 14px; }

.p-detail strong {
    color: #75c2e3; }

.p-detail em, .p-count em {
    font-style: normal; }
.none-project{
    width:740px;
    height:210px;
    margin:20px auto;
}
.p-count {
    width:500px;
    text-align: right;
    color: #999;
    font-size: 14px;}

.p-list-content-old {
    position: relative;
    margin: 20px 0px 20px 15px;
    overflow: hidden; }

.old-project {
    position: relative;
    overflow: hidden;
    float: left;
    width: 230px;
    height: 230px;
    margin-right: 25px; }
.p-list-content-old div:last-child{
    margin-right: 15px;
}
.exchange-list{
    margin-left: 15px;
    margin-right:15px;
}
.exchange-list a{
    color:#999;
}
.p-list-content-old table{
    position: relative;
    width: 100%;
}
.p-list-content-old th{
    text-align: center;
    color: #666;
    height: 50px;
    line-height: 50px;
}
.p-list-content-old td{
    text-align: center;
    color: #999;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
}
.last-old-project {
    margin-right: 15px; }

.old-project img {
    width: 230px;
    height: 230px; }

.hover-old-project {
    position: absolute;
    top: 230px;
    left: 0px;
    width: 230px;
    height: 230px;
    display: inline-block;
    background-image: url(../images/index/bg-1.png);
}

a.hover-old-project:link {
    color: #fff; }

a.hover-old-project:visited {
    color: #fff; }

a.hover-old-project:hover {
    color: #fff; }

a.hover-old-project:active {
    color: #fff; }

a.hover-old-project {
    color: #fff; }

.hover-old-project span {
    display: block;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 14px; }

.hover-old-project span.old-title {
    margin-top: 100px;
    margin-bottom: 30px;
    font-weight: bold;
    overflow: hidden;
    font-size: 16px; }

.hover-old-project em {
    font-style: normal; }

.no-project{
    text-align:center;
    height:60px;
    line-height:60px;
}
.p-right {
    width: 290px; }

.notice {
    border: 1px solid #dedede;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden; }

.notice h3 {
    margin-top: 10px;
    height: 25px;
    padding-left: 10px;
    border-bottom: 1px solid #dedede;
    color: #ff7e00; }

.notice h3 a:link {
    color: #666; }

.notice h3 a:visited {
    color: #666; }

.notice h3 a:hover {
    color: #666; }

.notice h3 a:active {
    color: #666; }

.notice h3 a {
    color: #666;
    margin-right: 15px;
    font-size: 14px;
    font-weight: normal; }

.notice-list ul{
    position: relative;
    margin-left: 13px;
    margin-right:13px;
    margin-top: 10px;
    margin-bottom:20px;
}
.notice-list li{
    position: relative;
    color: #999;
    list-style: disc;
    height: 25px;
    line-height: 25px;
    margin-left: 20px;
}
.notice-list ul li a{
    position: relative;
    color: #666;
    width: 240px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    top: 7px;
}
.notice-list .f-left{
    height: 25px;
    line-height: 25px;
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
}

.notice p span{
    font-size: 14px;
    color: #666;
    margin-right: 6px;
}
.notice-content {
    margin-left: 13px;
    margin-right: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666; }

.video-content,.lucky-content {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 13px;
    margin-right: 13px; }
.lucky-content a{
    width: 260px;
    height: 260px;
}
.lucky-content img{
    width: 260px;
    height: 260px;
}
.video-content a{
    width: 260px;
    height: 180px;
}
.video-content img{
    width: 260px;
    height: 180px;
}
video {
    width: 260px;
    height: 180px; }

.notice-time {
    margin-left: 13px;
    margin-bottom: 20px;
    display: block;
    font-size:14px;
    color: #999; }

.hot-content-list {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border:1px solid #dedede;
    overflow: hidden; }
.attorn-content-list{
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom:2px solid #dedede;
    overflow: hidden;
}
.hot-content .attorn-content-list:last-child{
}
.attorn-title{
    overflow: hidden;
    height: 30px;
}
.attorn-title a{
    color: #000;
}
.attorn-title a:hover{
    color: #ff7e00;
}
.attorn-common{
    height: 30px;
    color: #999;
}
.attorn-common .orange{
    color: #ff7e00;
}
.attorn-title em{
    font-style: normal;
}
.attorn-title .f-left{
    width: 135px;
    height:20px;
    overflow: hidden;
    white-space: nowrap;
}
.attorn-title .f-right{
    width: 100px;
    height:20px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}
.attorn-info{
    overflow: hidden;
    height: 30px;
    color: #666;
}
.hot-img {
    width: 268px;
    border:0px; }

.hot-desc {
    height: 40px;
    line-height: 40px;
    color: #333;
    width: 268px;
    overflow: hidden; }

.hot-desc h4 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    padding-left: 8px;
    width: 60%;
    font-style: normal;
    overflow: hidden; }

.hot-money {
    font-size: 14px;
    padding-right: 8px;
    letter-spacing: 1px; }
.hot-money em{
    font-style: normal;
}

.hot-unit {
    font-size: 14px;
    color: #666; }
.hover-hot-time{
    position: absolute;
    text-align: center;
    background-color: #75c2e3;
    color: #fff;
    width: 100%;
    height: 42px;
    line-height: 42px;
}
.hot-time {
    margin-top: 0px; }

.hot-time em {
    font-style: normal;
    display: inline-block;
    font-size: 14px; }

.hot-time i {
    font-style: normal; }

.hot-img img {
    width: 268px;
    height: 134px; }

.contact-content {
    color: #666;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px; }

.contact-content p {
    height: 35px;
    color: #666; }
.contact-content .qq{
    margin-top: 20px;
    line-height: 35px;
}
.launchBtn {
    position: relative;
    top: 6px;
    display: inline-block; }

.attend-qr {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    margin-bottom: 20px; }

.attend-qr img {
    width: 140px;
    height: 140px; }

.attend-content h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center; }
.attend-content p{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}
.p-promise {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

.promise-content {
    width: 1080px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden; }

.promise-list {
    float: left;
    width: 269px;
    border-right:1px dotted #ccc;
}
.promise-list .f-left{
    width: 115px;
}
.promise-list .f-right{
    width: 140px;
}
.margin-right {
    border-right: 0px;
}

.promise-img {
    width: 100px;
    height: 100px;
}
.promise-list a{
    color:#666;
}
.promise-list a:link{
    color:#666;
}
.promise-list a:visited{
    color:#666;
}
.promise-list a:hover{
    color:#666;
}
.promise-list a:active{
    color:#666;
}
.promise-img img {
    margin-left: 15px;
    width: 100px;
    height: 100px; }

.promise-list p {
    font-size: 16px;
    width: 140px;
    line-height: 20px;
    color: #999; }
.promise-list p span{
    font-size: 14px;
    display: inline-block;
    clear: both;
}
.promise-list p.promise-su {
    font-size: 24px;
    margin-bottom: 15px;
    color: #666; }

.p-parter {
    position: relative;
    width: 770px;
    border:1px solid #dedede;
    background-color: #fff;
}

.parter-title {
    height: 50px; }

.all-line {
    position: absolute;
    width: 1080px;
    height: 4px;
    background-color: #ababa9;
    top: 35px; }

.p-parter .p-title-desc {
    color: #ababa9; }

.parter-list {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px; }

.parter-list img {
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer; }
.margin-right-5{
    margin-right:0px;
}
.margin-right-10{
    margin-right:10px;
}
.margin-right-30{
    margin-right:50px;
}
.margin-right-50{
    margin-right:50px;
}
.margin-right-58{
    margin-right:58px;
}
.margin-right-20{
    margin-right:14px;
}
.img-vli-center{
    position:relative;
    top:-5px;
}
.border-left {
    width: 8px;
    height: 20px;
    background-color: #ff7e00;
    display: inline-block;
    margin-top: 8px;
    margin-left: -2px;
    box-shadow: 1px 2px 1px #999;
    position: absolute; }
.parter-content .title-borer-left{
    background-color: #75c2e3;
}
.parter-content em{
    color: #75c2e3;
}
.dotted {
    position: relative;
    width: 6px;
    height: 6px;
    border-radius: 4px;
    display: inline-block;
    background-color: #ff7e00;
    top: -2px;
    margin-left: 2px;
    margin-right: 2px; }

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

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

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

.hidden{
    display: none;
}


/*carousel start*/
.custom-container{
    overflow: hidden;
    margin-left: 5px;
}
.parter-list a.prev,.parter-list .carousel,.parter-list a.next{
    float: left;
}
.parter-list a.prev,.parter-list a.next{
    width: 40px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
}
.parter-list i{
    font-size: 36px;
    color: #999;
}
.carousel li{
    width: 150px;
    margin-left: 5px;
    margin-right: 5px;
    height: 80px;
    overflow: hidden;
}
.carousel li img{
    width: 150px;
    height: 60px;
}
/*carousel end*/

.no-attorn{
    text-align:center;
    padding-top:40px;
    padding-bottom:40px;
}

.records{position: relative;width:400px;height:30px;margin:50px auto 20px;color:#666;font-size:18px;line-height:30px;}
.records .record-content{position:relative;}
.records .record-content:before{position:absolute;left:-40px;top:15px;content:'';width:30px;height:1px;background:#ccc;}
.records .record-content:after{position:absolute;right:-40px;top:15px;content:'';width:30px;height:1px;background:#ccc;}
.records .record-content .record-content-box{width:400px;height:30px;overflow:hidden;}
.records .record-content .recordTitle{float:left;display:inline;padding-right:14px;}
.records .record-content .pluginScroll{float:left;height:30px;overflow:hidden;}

/*公告轮播*/
.records .record-content .pluginScroll .scroll-ud{overflow:hidden;height:30px;}
.records .record-content .pluginScroll .scroll-ud dl{height:30px;line-height:30px;diplay:block;overflow:hidden;}
.records .record-content .pluginScroll .scroll-ud dl dt a{display:inline-block;height:30px;color:#666;}
.records .record-content .pluginScroll .scroll-ud dl dt a:hover{color:#ffae02;}

.records .record-content .moreRecords{color:#999;border:1px solid #999;border-radius:10px;font-size:12px;padding:2px 8px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.records .record-content .moreRecords:hover{color:#FFF;background:#ffae02;border:1px solid #ffae02;}

.jumiItem{width: 1200px; margin: 0 auto;/* overflow: hidden; */}
.jumiItem .jumiItemTitle{overflow: hidden;height:20px;line-height: 50px;background: transparent;}
/*margin-bottom:10px;*/
.jumiItem .jumiItemTitle .jumiItemTitleHn{float:left;font-size:26px;color:#333;}
.jumiItem .jumiItemTitle .jumiItemTitleMore{float:right;}
.jumiItem .jumiItemTitle .jumiItemTitleMore a{display:inline-block;color: #666;font-size:18px;}
.jumiItem .jumiItemTitle .jumiItemTitleMore a span{display:inline-block;vertical-align:middle;}
.jumiItem .jumiItemTitle .jumiItemTitleMore a span.more{width:22px;height:22px;border-radius:100%;background:#CCC; margin-left: 6px;text-align:center;line-height:0.75;font-size:24px;color:#FFF;transition:all .2s ease-in;}
.jumiItem .jumiItemTitle .jumiItemTitleMore a:hover{color: #ffae02;}
.jumiItem .jumiItemTitle .jumiItemTitleMore a:hover .more{background:#ffae02;}

.jumiItem .jumiItemContent{position: relative;height: 287px;overflow: hidden;background: #fff;padding: 15px;margin-bottom: 20px;transition:all .2s ease-in;}
.jumiItem .jumiItemContent:hover{box-shadow:0px 3px 15px rgba(0,0,0,0.1);transform:translate(0px,-2px);}
.jumiItem .jumiItemContent .jumiItemContentImg{position: relative;float:left; width: 460px; height: 287px;overflow: hidden;}
.jumiItem .jumiItemContent .jumiItemContentImg img{width:100%;height:100%;transition:all .2s ease-in;}
.jumiItem .jumiItemContent .jumiItemContentImg:hover img{transform:scale(1.1)}
.jumiItem .jumiItemContent .jumiItemContentImg span{position: absolute;top:-17px;left:-52px;z-index: 999;display: inline-block;background-color: #ff7e00;color: #fff;width: 150px;height: 80px;line-height: 110px;text-align: center;letter-spacing:2px; -webkit-transform:rotate(-45deg);transform: rotate(-45deg); transition:all .2s ease-in;}
.jumiItem .jumiItemContent .jumiItemContentImg:hover span{top:-23px;left:-70px;width:200px;height:100px;line-height: 130px;}
.jumiItem .jumiItemContent .jumiItemContentImg span.pre{background:#83C44E}
.jumiItem .jumiItemContent .jumiItemContentImg span.ing{background:#E43A35}
.jumiItem .jumiItemContent .jumiItemContentImg span.end{background:#8D8D8D}
.jumiItem .jumiItemContent .jumiItemContentDesc{position: relative;float:left;width: 680px;height: 287px;overflow: hidden;padding-left: 30px;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescTitle {height:60px;line-height:60px;font-size: 22px;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescMore{height:63px;overflow:hidden;font-family: SimSun!important;font-size: 14px;color: #666;line-height:22px;margin-bottom:18px;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescProgress{ position:relative;float:left;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescData{float:left;width:530px;margin-left:30px;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescData .viewMore{position:absolute;bottom:0px;right:0;width:500px;color:#666;text-align:right;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescData .viewMore .buttonMore{display:inline-block;background:#ffae02;border-radius:3px;color:#fff; font-size: 16px;padding:6px 31px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescData .viewMore .buttonMore.disabled{background:#b0b0b0;color:#fff;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescData .item{width:550px;overflow:hidden;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescData .item li{float:left;width:33%;border-right:1px solid #ddd;text-align:center;color:#666;}
.jumiItem .jumiItemContent .jumiItemContentDesc .jumiItemContentDescData .item li span{display:block;margin-top:20px;font-size:22px;color:#ffae02;}

.transferItem{background:#fff; margin-bottom: 20px;padding:10px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.transferItem:hover{box-shadow:0px 3px 15px rgba(0,0,0,0.1);transform:translate(0px,-2px);}
.transferItem table{width:100%;}
.transferItem table tr{}
.transferItem table tr th{padding:20px;text-align:center;}
.transferItem table tr td{padding:20px;text-align:center;}
.transferItem table thead{border-bottom:1px solid #F5F5F5;color:#666;}
.transferItem table thead tr{}
.transferItem table thead tr th{}
.transferItem table thead tr td{}
.transferItem table tbody{}
.transferItem table tbody tr{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.transferItem table tbody tr:hover{background:#f0f0f0;}
.transferItem table tbody tr th{}
.transferItem table tbody tr td{color:#666;}

.successItem{height:450px;margin-bottom:20px;}
.successItem dl{float:left;width:32%;margin-right:1%;background:#FFF;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.successItem dl:hover{box-shadow:0px 3px 15px rgba(0,0,0,0.1);transform:translate(0px,-2px);}
.successItem dl:first-child{margin-right:2%;}
.successItem dl:last-child{float:right;margin-right:0;}
.successItem dl dt{display:block;width:100%;position:relative;overflow:hidden;}
.successItem dl dt a{display:block;}
.successItem dl dt a img{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.successItem dl:hover dt a img{transform:scale(1.1)}
.successItem dl dt a span.status{position:absolute;top:0;bottom:0;left:0;right:0;width:120px;height:120px;margin:auto;background:rgba(0,0,0,0.5);border:3px solid rgba(255,255,255,0.5);border-radius:100%;text-align:center;line-height:120px;color:rgba(255,255,255,0.5);font-size:24px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.successItem dl:hover dt a span.status{width:115px;height:115px;border:3px solid rgba(255,255,255,1);background:rgba(0,0,0,1);line-height:115px;color:rgba(255,255,255,1);}
.successItem dl dd{padding:20px 10px;text-align:center;}
.successItem dl dd a{line-height:2;}
.successItem dl dd a h3{font-size:20px;}
.successItem dl dd a p{font-size:18px;}





.percentage{position: absolute;top: 38%;left: 0;bottom: 0;right: 0;margin: auto;text-align: center;color:#ffae02;font-size:18px;}
.explain{text-align:center;}
.explain li{font-size:12px;margin-top:5px;}
.explain li span{display:inline-block;width:20px;height:10px;}
.explain li span.explainGreen{background:#83C44E;}
.explain li span.explainOrange{background:#ffae02;}