@charset "UTF-8";

/*
*   program: 天府银行
*   author: ln
*   date: 2018-08-03
*/

/********************************首页*********************************/

.tf-lb-img {
    width: 100%;
    height: 450px;
}

.tf-lb-img .lbNums {
    left: 0;
    bottom: 28px;
    width: 100%;
    text-align: center;
}

.tf-lb-img .lbNums span {
    width: 14px;
    height: 14px;
    margin-left: 17px;
    background: #fbfbfb;
}

.tf-lb-img .lbNums span:first-child {
    margin-left: 0;
}

.tf-lb-img .lbNums span:hover, .tf-lb-img .lbNums span.cur {
    background: #fede00;
}

.tf-business {
    height: 252px;
    background: #fff;
}

.tf-business-pie {
    padding-top: 35px;
}

.tf-business-pie .a {
    width: 100px;
    margin-left: 53px;
}

.tf-business-pie .a:first-child {
    margin-left: 0;
}

.tf-business-pie .a .img {
    width: 100%;
    height: 100%;
}

.tf-business-pie .a .tt {
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    color: #333;
}

.tf-business-pie .a:hover .img {
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;	/* Firefox */
    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s;	/* Opera */
}

.tf-use {
    padding: 46px 0 54px;
    background: #fbfafb;
}

.tf-use .title {
    text-align: center;
    line-height: 1;
    font-size: 32px;
    color: #333;
}

.tf-tabBtns {
    height: 51px;
    border-bottom: 1px solid #e3e1e3;
} 

.tf-tabBtns .btn {
    height: 50px;
    padding: 0 40px;
    margin-bottom: -1px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 5px 5px 0 0;
}

.tf-tabBtns .btn .tt {
    display: inline-block;
    padding: 15px 26px 10px;
    margin-bottom: -1px;
    line-height: 1;
    font-size: 22px;
    color: #333;
    border-bottom: 5px solid transparent;
}

.tf-tabBtns .btn:hover, .tf-tabBtns .btn.cur {
    border-left-color: #e3e1e3;
    border-right-color: #e3e1e3;
    border-top-color: #e3e1e3;
    border-bottom-color: #fbfafb;
}

.tf-tabBtns .btn:hover .tt, .tf-tabBtns .btn.cur .tt {
    font-weight: bold;
    border-bottom-color: #fcde00;
}

.tf-use-tabItems .tf-use-pie {
    height: 311px;
    overflow: hidden;
}

.tf-use-pie {
    margin-left: -25px;
}

.tf-use-pie .i {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 280px;
    padding-top: 44px;
    margin: 31px 0 0 25px;
    text-align: center;
    background: #fff;
    /* box-shadow: -8px 0 0 10px #f7f7f7, 0 0 , 0 20px 0 #f2f2f2, 8px 0 0 10px #f7f7f7; */
    /* box-shadow: #d4d4d4 0px 0px 5px 10px; */
    /* color: rgba(7, 17, 27, 0.05); */
}

.tf-recom {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 88px;
}

.tf-use-pie .i .title {
    font-size: 24px;
    color: #333;
}

.tf-use-pie .i .tt {
    margin-top: 16px;
    font-size: 16px;
    color: #999;
}

.tf-use-pie .i .rat {
    margin-top: 28px;
    line-height: 48px;
}

.tf-use-pie .i .num {
    font-size: 48px;
    color: #fccd00;
}

.tf-use-pie .i .per {
    margin-left: 13px;
    font-size: 28px;
    color: #fccd00;
}

.tf-use-pie .i .tf-btn {
    margin-top: 26px;
}

.tf-btn {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    line-height: 39px;
    font-size: 18px;
    color: #666;
    border: 1px solid #fab10b;
    border-radius: 6px;
}

.tf-btn.cur, .tf-btn:hover {
    color: #666;
    background: #ffe214;
    border-color: #ffe214;
}

.tf-btn.disabled {
    color: #e5e5e5;
    border-color: #feefce;
}

.tf-btn-more {
    display: block;
    width: 168px;
    line-height: 37px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 16px;
    color: #999;
    border: 1px solid #e3e1e3;
    border-radius: 5px;
}

.tf-btn-more.cur, .tf-btn-more:hover {
    color: #666;
    background: #ebebeb;
}

.tf-btn-more.disabled {
    color: #ebebeb;
    border-color: #f4f3f4;
}

.tf-news {
    padding: 73px 0 80px;
}

.tf-news>.wid {
    width: 558px;
}

.tf-tabBtns-news .btn {
    padding: 0 19px;
}

.tf-tabBtns-news .btn:hover, .tf-tabBtns-news .btn.cur {
    border-bottom-color: #fff;
}

.tf-tabBtns-news .btn .tt {
    padding-left: 0;
    padding-right: 0;
}

.tf-more {
    margin-top: 21px;
    font-size: 16px;
    color: #999;
}

.tf-text-list li {
    float: left;
    width: 100%;
    padding: 0 18px 0 1px;
    box-sizing: border-box;
    line-height: 45px;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-text-list .a {
    float: left;
    max-width: 65%;
    font-size: 16px;
    color: #333;
}

.tf-text-list .a:hover {
    font-weight: bold;
    color: #000;
}

.tf-text-list .d {
    float: right;
    font-size: 16px;
    color: #999;
}

.tf-imgText-pie .a {
    display: block;
    height: 90px;
    margin: 13px 12px 0 0;
    padding-bottom: 13px;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-imgText-pie .imgw {
    width: 140px;
    height: 100%;
}

.tf-imgText-pie .imgw:hover .img {
    transition: 1s;
    -webkit-transition: 1s; /* Safari */
    transform: scale(0.95);
    -ms-transform: scale(0.95); /* IE 9 */
    -webkit-transform: scale(0.95); /* Safari and Chrome */
}

.tf-imgText-pie .wid {
    margin-left: 160px;
}

.tf-imgText-pie .title {
    margin-top: 3px;
    line-height: 1;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.tf-imgText-pie .title:hover {
    color: #ffe000;
}

.tf-imgText-pie .tt {
    margin-top: 11px;
    line-height: 20px;
    font-size: 16px;
    color: #999;
}

/********************************A03*********************************/

.location {
    line-height: 52px;
}

.location .sp, .location .a, .location .arrow {
    font-size: 14px;
    color: #999;
}

.location .arrow {
    margin: 0 6px;
}

.location .now {
    color: #000;
}

.location .a:hover {
    color: #000;
}

.tf-view .lfwid {
    width: 220px;
}

.tf-view .rtwid {
    width: 940px;
}

.tf-view-nav .a {
    display: block;
    line-height: 50px;
    padding-left: 26px;
    font-size: 16px;
    color: #666;
    background: #fafafa;
    border-left: 4px solid #fafafa;
}

.tf-view-nav .a:hover {
    background: #f3f3f3;
    border-color: #f3f3f3;
}

.tf-view-nav .a.cur {
    font-weight: bold;
    color: #333;
    background: #ffe000;
    border-color: #333;
}

.tf-banner-img {
    position: relative;
    width: 100%;
    height: 240px;
}

.tf-banner-infor {
    box-sizing: border-box;
    position: absolute;
    right: 46px;
    top: 36px;
    width: 356px;
    min-height: 170px;
    padding: 34px 18px 40px;
}

.tf-banner-inforCard {
    background: url("../images/tf-banner-inforCardBg_03.png");
}

.tf-banner-infor .title {
    line-height: 1;
    font-size: 36px;
    color: #fff;
}

.tf-banner-infor .tt {
    margin-top: 12px;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
}

.tf-tabBtns-2 {
    display: inline-block;
    border: 1px solid #e4e2e4;
}

.tf-tabBtns-2 .btn {
    box-sizing: border-box;
    position: relative;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #666;
    border-left: 1px solid #e4e2e4;
}

.tf-tabBtns-2 .btn:first-child {
    border-left: none;
}

.tf-tabBtns-arrow .arrow {
    display: none;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fee000;
}

.tf-tabBtns-2 .btn.cur {
    color: #2c2c2c;
    background: #ffe000;
}

.tf-tabBtns-arrow .btn.cur .arrow {
    display: block;
}

.tf-tabBtns-view .btn {
    width: 468px;
}

.tf-tabBtns-3 {
    height: 130px;
    border-bottom: 1px solid #e4e2e4;
}

.tf-tabBtns-3 .btn {
    position: relative;
    width: 91px;
    padding: 0 0 21px;
    margin: 0 0 -1px 26px;
    border-bottom: 4px solid transparent;
}

.tf-tabBtns-3 .btn:first-child {
    margin-left: 0;
}

.tf-tabBtns-3 .btn .cicle {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
    background: url("../images/tf-tabBtns-3-cicleBg_03.png") center no-repeat;
}

.tf-tabBtns-3 .btn .tt {
    margin-top: 19px;
    line-height: 1;
    text-align: center;
    font-size: 16px;
    color: #666;
}

.tf-tabBtns-3 .btn:hover, .tf-tabBtns-3 .btn.cur {
    border-bottom: 4px solid #ffe000;
}

.tf-tabBtns-3 .btn:hover .tt, .tf-tabBtns-3 .btn.cur .tt {
    color: #000;
}

.tf-tabBtns-3 .btn:hover .cicle, .tf-tabBtns-3 .btn.cur .cicle {
    background-image: url("../images/tf-tabBtns-3-cicleCur_03.png");
}

.tf-question {
    padding: 0 11px;
}

.tf-question .bar {
    padding: 9px 0;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-question .bar .a {
    max-width: 80%;
    line-height: 32px;
    font-size: 16px;
    color: #333;
}

.tf-question .bar .d {
    width: 12px;
    height: 12px;
    margin-top: 19px;
    cursor: pointer;
}

.tf-question .bar .d.plus {
    background: url("../images/tf-question-plus_03.png") center no-repeat;
}

.tf-question .bar .d.cut {
    background: url("../images/tf-question-cut_03.png") center no-repeat;
}

.tf-question .answer {
    display: none;
    padding: 23px 18px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    background: #fafafa; 
}

.page {
    padding: 40px 0 0;
    text-align: center;
}

.page .ud {
    width: 54px;
    font-family: "宋体";
    color: #999;
}

.page .ud:first-child {
    margin-left: 0;
}

.page .num {
    width: 32px;
}

.page .ud, .page .num {
    box-sizing: border-box;
    display: inline-block;
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    font-size: 14px;
    color: #4a4c4c;
    border: 1px solid #dcdcdc;
}

.page .ud:hover, .page .num.cur, .page .num:hover {
    color: #333;
    background: #fcde00;
    border-color: #fcde00;
}

.page .more {
    border: none;
}

.tf-card-pie .a {
    width: 243px;
    margin-left: 97px;
}

.tf-card-pie .a .img {
    width: 100%;
    height: 152px;
}

.tf-card-pie .a .tt {
    margin-top: 19px;
    line-height: 1;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.tf-card-pie .a:first-child {
    margin-left: 0;
}

.tf-card-cont {
    padding: 0 11px;
}

.tf-card-cont .tt {
    margin-top: 13px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

.tf-card-cont .title {
    margin-top: 40px;
    line-height: 28px;
    font-size: 28px;
    color: #000;
}

.tf-card-cont .a {
    display: inline-block;
    margin-top: 13px;
    line-height: 28px;
    font-size: 14px;
    color: #0e85ff;
    text-decoration: underline;
}

.tf-card-cont .a:hover {
    font-weight: bold;
}

.tf-mask {
    background: url("../images/tf-mask-bg_03.png");
}

.tf-pop {
    top: 200px;
    bottom: 200px;
    width: 900px;
    margin: 0 auto;
    padding-right: 20px;
    background: #fff;
}

.tf-pop-cont {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 34px 50px 58px;
    overflow-y: auto;
}

.tf-pop-cont::-webkit-scrollbar {
    position: absolute;
    right: 20px;
    background: #fff;
}

.tf-pop-cont::-webkit-scrollbar-thumb {
    width: 8px;
    height: 196px;
    background: #ededed;
    border-radius: 8px;
}

.tf-pop-cont .tt {
    line-height: 28px;
    font-size: 16px;
    color: #666;
}

.tf-pop-cont .title {
    padding: 36px 0 42px;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    color: #000;
}

.tf-pop .cancel {
    right: -43px;
    top: -35px;
    width: 32px;
    height: 32px;
    background: url("../images/tf-pop-cancel_03.png") no-repeat;
}

/********************************A06*********************************/

.tf-list-cont {
    padding: 0 10px;
}

.tf-textIndex-list li {
    box-sizing: border-box;
    float: left;
    width: 100%;
    line-height: 50px;
    padding-left: 15px;
    background: url("../images/tf-text-list-index_03.png") left center no-repeat;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-textIndex-list .a {
    max-width: 65%;
    font-size: 16px;
    color: #333;
}

.tf-textIndex-list .a:hover {
    color: #ff6633;
    text-decoration: underline;
}

.tf-textIndex-list .num {
    font-size: 16px;
    color: #999;
}

/********************************A10*********************************/

.tf-login-wrapper {
    height: 688px;
    background: url("../images/tf-login-bg_02.jpg") center top no-repeat;
}

.tf-login {
    width: 440px;
}

.tf-tabBtns-login {
    display: block;
}

.tf-tabBtns-login .btn {
    width: 50%;
    line-height: 56px;
    color: #333;
    background: #f4f4f4;
    border: none;
}

.tf-tabBtns-login .btn:hover, .tf-tabBtns-login .btn.cur {
    color: #333;
}

.tf-form {
    padding: 6px 30px 30px;
    background: #fff;
}

.tf-form-group {
    border-bottom: 1px solid #e5e5e5;
}

.tf-form-group {
    padding: 32px 1px 8px 2px;
}

.tf-form-group .title {
    display: inline-block;
    min-width: 4em;
    color: #666;
    font-size: 16px;
    height: 20px;
    margin-right: 10px;
    line-height: 20px;
    vertical-align: middle;
}
.tf-form-group .link{
	font-size: 14px;
	float: right;
}

.tf-form-group .icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.tf-form-group .inp {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
}

.tf-form-group .inp-1 {
    
max-width: 155px;
}

.tf-form-group .inp-2 {
    width: 260px;
}

.tf-form-group .inp::placeholder,
.tf-form-group .inp::-moz-placeholder,
.tf-form-group .inp::-webkit-input-placeholder,
.tf-form-group .inp::-ms-input-placeholder {
    font-size: 16px;
    color: #999;
}

.tf-form-group .a {
    font-size: 16px;
    color: #ff6633;
    text-decoration: underline;
}

.tf-form-group .alt {
    margin-right: 10px;
    font-size: 16px;
    color: #ff6633;
}

.err-msg{
    text-align: center;
    margin: 20px 0 0;
    color: #ff6633;
    font-size: 16px;
}

.tf-form-group .icon-rt {
    margin-right: 0;
}

.tf-img-code {
   width: 105px;
   margin-right: 8px;
   margin-top: -5px;
}

.tf-form-group2 {
    width: 100%;
}

.tf-login-top {
    text-align: center;
    line-height: 40px;
    background: url("../images/tf-login-top-bg_03.png");
    width: 100%;
    height: 40px;
    position: relative;
    overflow: hidden;
}
.tf-login-top .scroll-list{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	transition: top 0.8s;
}
.tf-login-top .scroll-list .tt a{
	color: #fff;
}
.tf-login-top .tt {
    font-size: 14px;
    color: #fff;
    width: 100%;
}

.tf-form-msg {
    padding: 12px 17px;
    background: url("../images/tf-login-top-bg_03.png");
}

.tf-form-msg .tt {
    line-height: 18px;
    font-size: 12px;
    color: #fff;
}

.tf-login {
    margin-top: 60px;
}

.tf-login-btn {
    display: inline-block;
    width: 100%;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #000;
    background: #ffe100;
}

.tf-login-btn:hover, .tf-login-btn.cur {
    background-color: #eed313;
}

.tf-login-btn.disabled {
    color: #d6d6d6;
    background: #f7f7f7;
}

.tf-login-msg .a {
    line-height: 1;
    font-size: 16px;
    color: #999;
    cursor: pointer;
}

.tf-login-msg .a:hover {
    color: #eed313;
}

.tf-login-msg .usb {
    text-decoration: underline;
}

/********************************A19*********************************/

.tf-search {
    padding-top: 40px;
}

.tf-search-bar {
    position: relative;
    width: 820px;
    height: 54px;
    line-height: 54px;
    padding: 0 0 0 19px;
    border: 1px solid #e4e2e4;
    border-right: none;
}

.tf-search-drop {
    display: none;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    padding: 20px 0 0 20px;
    border: 1px solid #e4e2e4;
    border-top: none;
    background: #fff;
}

.tf-search-drop .title {
    line-height: 1;
    font-size: 16px;
    color: #999;
}

.tf-search-dropList li {
    line-height: 50px;
    border-top: 1px dashed #a9a9a9;
}

.tf-search-dropList li:first-child {
    border-top: none;
}

.tf-search-dropList .a {
    font-size: 16px;
    color: #333;
}

.tf-search-dropList .a:hover {
    color: #ff6633;
}

.tf-search .img {
    width: 20px;
    height: 20px;
    margin: 0 9px 0 20px;
}

.tf-search .inp {
    box-sizing: border-box;
    width: 770px;
    height: 54px;
    line-height: 54px;
    padding-right: 14px;
    font-size: 20px;
    color: #000;
}

.tf-search .inp::placeholder,
.tf-search .inp::-moz-placeholder,
.tf-search .inp::-webkit-input-placeholder,
.tf-search .inp::-ms-input-placeholder {
    font-size: 20px;
    color: #333;
}

.tf-search .btn {
    width: 160px;
    line-height: 56px;
}

.tf-search-msg {
    margin-top: 20px;
}

.tf-search-msg .tt {
    font-size: 14px;
    color: #666;
}

.tf-search-msg .a {
    margin-right: 15px;
}

.tf-search-msg .a:hover {
    color: #000;
}

.tf-tabBtns-search {
    height: 32px;
    border-bottom: 1px solid #e4e2e4;
}

.tf-tabBtns-search .btn {
    margin: 0 0 -1px 28px;
    padding: 0 4px 12px;
    line-height: 1;
    font-size: 18px;
    color: #666;
    border-bottom: 3px solid transparent;
}

.tf-tabBtns-search .btn:first-child {
    margin-left: 0;
}

.tf-tabBtns-search .btn:hover, .tf-tabBtns-search .btn.cur {
    color: #000;
    border-bottom-color: #fcde00;
}

.tf-result {
    padding: 0 10px;
}

.tf-result .vi {
    font-style: normal;
    color: #ff6633;
}

.tf-result-title {
    padding-top: 30px;
}

.tf-result-title {
    line-height: 1;
    font-size: 14px;
    color: #999;
}

.tf-result-list li {
    padding: 26px 0 13px;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-result-list .title {
    display: block;
    margin-bottom: 9px;
    line-height: 26px;
    font-size: 18px;
    color: #333;
}

.tf-result-list .title:hover {
    color: #000;
}

.tf-result-list .tt {
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

.tf-result-list .tt:hover {
    color: #ff6633;
    text-decoration: underline;
}

/********************************D6*********************************/

.tf-lend {
    padding-bottom: 50px;
}

.tf-banner-infor2 {
    background: url("../images/tf-banner-infor2Bg_03.png");
}

.tf-tabBtns-six .btn {
    width: 156px;
}

.tf-lend-intro .title {
    line-height: 1;
    font-size: 20px;
    color: #000;
}

.tf-lend-intro .tt {
    margin-top: 18px;
    line-height: 22px;
    font-size: 14px;
    color: #666;
}

.tf-cardLend-pie {
    margin-left: -26px;
}

.tf-cardLend-pie .a {
    width: 210px;
    margin: 36px 0 0 26px;
}

.tf-cardLend-pie .imgW  {
    position: relative;
    width: 100%;
    height: 132px;
}

.tf-cardLend-pie .imgW .infor {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 20px;
    padding: 0 13px;
    font-size: 12px;
    color: #e3e3e3;
    background: url("../images/tf-cardLend-pieBg_03.png");
    border-radius: 0 0 5px 5px;
}

.tf-cardLend-pie .title {
    margin-top: 16px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

.tf-cardLend-pie .tt {
    min-height: 48px;
    margin-top: 11px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

.tf-tabBtns-Lend .btn {
    padding: 0 30px 14px;
    font-size: 16px;
}

.tf-tabBtns-Lend .tf-more {
    margin-top: 2px;
}

/********************************D7*********************************/

.tf-back {
    padding: 13px 0;
    border-bottom: 1px solid #e4e2e4;
}

.tf-back .back {
    line-height: 18px;
}

.tf-back .back .img {
    width: 18px;
    height: 100%;
    margin-right: 10px;
}

.tf-back .back .tt {
    font-size: 16px;
    color: #666;
}

.tf-back .back:hover .tt {
    color: #000;
}

.tf-unit-card {
    padding: 39px 0 0 0;
    text-align: center;
}

.tf-unit-card .title {
    margin-bottom: 40px;
    line-height: 1;
    font-weight: bold;
    font-size: 24px;
    color: #000;
}

.tf-unit-card .img {
    width: 250px;
    height: 158px;
}

.tf-unit-intro .title {
    margin-top: 50px;
}

.tf-cost-table {
    width: 100%;
    margin-top: 23px;
    border: 1px solid #e5e5e5;
}

.tf-cost-table td {
    height: 44px;
    padding-left: 20px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    border-top: 1px dashed #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.tf-cost-table .wid1 {
    width: 280px;
}

.tf-cost-table .wid2 {
    width: 597px;
}

.tf-cost-table tr td:first-child {
    border-left: none;
}

.tf-cost-table .bg {
    background: #f4f4f4;
}

.tf-cost-table .title td {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
}

/********************************D9*********************************/

.tf-banner-infor3 {
    background: url("../images/tf-banner-infor3Bg_03.png");
}

.tf-tabBtns-thr .btn {
    width: 312px;
}

.tf-seller-bar {
    padding: 0 10px;
    line-height: 50px;
    background: #f7f7f7;
}

.tf-sort .sort {
    margin-left: 40px;
}

.tf-sort .sort:first-child {
    margin-left: 0;
}

.tf-sort .sort .tt {
    font-size: 14px;
    color: #666;
}

.tf-sort .sort .btns {
    margin-left: 6px;
}

.tf-sort .sort .btn {
    width: 8px;
    height: 4px;
    cursor: pointer;
}

.tf-sort .sort .btn-t {
    margin-bottom: 1px;
    background: url("../images/tf-sort-btn-t.png") no-repeat;
}

.tf-sort .sort .btn-t:hover, .tf-sort .sort .btn-t.cur {
    background-image: url("../images/tf-sort-btn-tCur.png");
}

.tf-sort .sort .btn-b {
    background: url("../images/tf-sort-btn-b.png") no-repeat;
}

.tf-sort .sort .btn-b:hover, .tf-sort .sort .btn-b.cur {
    background-image: url("../images/tf-sort-btn-bCur.png");
}

.tf-seller-search {
    margin-top: 7px;
    line-height: 34px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #e4e2e4;
}

.tf-seller-search .inp {
    width: 186px;
    height: 34px;
    line-height: 34px;
    padding-right: 14px;
    vertical-align: middle;
}

.tf-seller-search .inp::placeholder,
.tf-seller-search .inp::-moz-placeholder,
.tf-seller-search .inp::-webkit-input-placeholder,
.tf-seller-search .inp::-ms-input-placeholder {
    font-size: 14px;
    color: #999;
}

.tf-seller-search .btn {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url("../images/tf-seller-search_03.png") no-repeat;
}

.tf-seller-search .btn:hover {
    opacity: 0.8;
}

.tf-seller-pies {
    padding: 0 10px;
}

.tf-seller-pie {
    padding: 20px 0;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-seller-pie .imgw {
    position: relative;
    width: 210px;
    height: 140px;
}

.tf-seller-pie .imgw .tag {
    position: absolute;
    left: 4px;
    top: 4px;
    line-height: 20px;
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
}

.tf-seller-pie .imgw:hover img {
    transition: 1s;
    -webkit-transition: 1s; /* Safari */
    transform: scale(1.05);
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari and Chrome */
}

.tf-seller-pie .imgw .tag.bg1 {
    background: #33b9ff;
}

.tf-seller-pie .imgw .tag.bg2 {
    background: #ff71cb;
}

.tf-seller-pie .imgw .tag.bg3 {
    background: #ff7471;
}

.tf-seller-pie .text {
    width: 400px;
    margin: 0 45px 0 20px;
}

.tf-seller-pie .text .title {
    display: block;
    line-height: 38px;
    font-size: 18px;
    color: #000;
}

.tf-seller-pie .text .title:hover {
    text-decoration: underline;
}

.tf-seller-pie .text .infor {
    display: inline-block;
    line-height: 16px;
    padding: 0 7px;
    font-size: 12px;
    color: #fff;
    background: #ff6633;
    border-radius: 1px;
}

.tf-seller-pie .text>.tt {
    min-height: 40px;
    margin-top: 8px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
}

.tf-seller-pie .text .site {
    margin-top: 18px;
    line-height: 16px;
}

.tf-seller-pie .text .site .img {
    width: 14px;
    height: 16px;
    margin-right: 10px;
}

.tf-seller-pie .text .site .tt {
    font-size: 14px;
    color: #999;
}

.tf-seller-pie .text .site .tt2 {
    font-size: 14px;
    color: #666;
}

.tf-seller-pie .text .site .tt2:hover {
    text-decoration: underline;
}

.tf-seller-pie .price {
    width: 242px;
    height: 90px;
    margin-top: 25px;
    text-align: center;
    border-left: 1px solid #e4e2e4;
}

.tf-seller-pie .price .money {
    margin-top: 19px;
    line-height: 30px;
} 

.tf-seller-pie .price .money .tt {
    line-height: 1;
    vertical-align: bottom;
    font-size: 16px;
    color: #ff6633;
}

.tf-seller-pie .price .money .num {
    vertical-align: bottom;
    font-size: 30px;
    color: #ff6633;
}

.tf-seller-pie .price .static {
    margin-top: 16px;
    
}

.tf-seller-pie .price .static .tt {
    line-height: 1;
    font-size: 16px;
    color: #666;
}

/********************************D9-2*********************************/

.tf-detail-box {
    padding: 10px 10px 0;
}

.tf-detail-bar {
    border-bottom: 1px dashed #a9a9a9;
}

.tf-detail-bar .lfwid {
    width: 520px;
}

.tf-detail-bar>.img {
    width: 360px;
    height: 270px;
}

.tf-detail-group {
    padding: 12px 0;
    border-top: 1px dashed #a9a9a9;
}

.tf-detail-group:first-child {
    border-top: none;
}

.tf-detail-group>.title {
    padding-top: 8px;
    line-height: 1;
    font-size: 24px;
    color: #000;
}

.tf-detail-icon {
    line-height: 24px;
}

.tf-detail-icon .star {
    width: 18px;
    height: 19px;
    margin-left: 2px;
}

.tf-detail-icon .star:first-child {
    margin-left: 0;
}

.tf-detail-icon .num1 {
    margin-left: 18px;
    line-height: 1;
    font-size: 24px;
    color: #ff6633;
}

.tf-detail-icon .tt {
    vertical-align: bottom;
    line-height: 1;
    font-size: 14px;
    color: #666;
}

.tf-detail-icon .tt1 {
    margin-left: 11px;
}

.tf-share {
    margin-top: 2px;
    padding-left: 24px;
    line-height: 16px;
    font-size: 14px;
    color: #999;
    background: url("../images/tf-share_03.png") no-repeat;
}

.tf-share:hover, .tf-share.cur {
    color: #ff6633;
    background: url("../images/tf-share-cur_03.png") no-repeat;
}

.tf-detail-intro {
    line-height: 28px;
}

.tf-detail-intro .lfwid {
    width: 70px;
}

.tf-detail-intro .rtwid {
    max-width: 430px;
}

.tf-detail-intro .tt {
    font-size: 14px;
    color: #999;
}

.tf-detail-intro .tt.tt2 {
    color: #333;
}

.tf-detail-table {
    margin-top: 32px;
}

.tf-detail-table .wid1 {
    width: 190px;
}

.tf-detail-table .wid2 {
    width: 536px;
}

/********************************E1-2*********************************/

.tf-tabBtns-five .btn {
    width: 187px;
}

.tf-produce-guide {
    padding: 10px 20px;
    background: #fafafa;
}

.tf-produce-guide li {
    line-height: 40px;
    border-top: 1px dashed #a9a9a9;
}

.tf-produce-guide li:first-child {
    border-top: none;
}

.tf-produce-guide .wid1 {
    width: 70px;
}

.tf-produce-guide .wid2 {
    margin-left: 84px;
}

.tf-produce-guide .tt {
    font-size: 14px;
    color: #666;
}

.tf-produce-guide .wid2 .db {
    line-height: 22px;
    padding: 0 6px;
    margin-left: 27px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.tf-produce-guide .wid2 .db:first-child {
    margin-left: 0;
}

.tf-produce-guide .wid2 .db.cur, .tf-produce-guide .wid2 .db:hover {
    color: #333;
    background: #ffe000;
}

.tf-produce-list {
    padding: 0 10px;
}

.tf-produce-list li {
    padding: 30px 0;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-produce-list .title .a {
    font-size: 18px;
    color: #000;
}

.tf-produce-list .title .db {
    margin-left: 10px;
    padding: 0 11px 0 6px;
    font-size: 12px;
    color: #fff;
    background: url("../images/tf-produce-list-titleBg_03.png") no-repeat;
}

.tf-produce-list .bar {
    margin-top: 5px;
}

.tf-produce-list .bar .vi {
    line-height: 35px;
}

.tf-produce-list .bar .note {
    line-height: 1;
    font-size: 14px;
    color: #999;
}

.tf-produce-list .bar .wid1 {
    width: 190px;
}

.tf-produce-list .bar .wid1 .tt {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    line-height: 1;
    font-size: 25px;
    color: #ff6633;
}

.tf-produce-list .bar .wid2 {
    width: 140px;
}

.tf-produce-list .bar .wid2 .tt {
    line-height: 1;
    font-size: 18px;
    color: #333;
}

.tf-produce-list .bar .wid3 {
    width: 320px;
}

.tf-produce-list .bar .wid3 .db {
   vertical-align: top;
   margin: 4px 0 0 10px;
   padding: 0 8px;
   line-height: 20px;
   font-size: 14px;
   color: #333;
   border: 1px solid #e4e2e4; 
}

.tf-produce-list .bar .wid3 .db:first-child {
    margin-left: 0;
}

.tf-see-btn {
    display: inline-block;
    line-height: 40px;
    padding: 0 28px;
    font-size: 16px;
    color: #333;
    background: #f7f7f7;
}

.tf-see-btn:hover, .tf-see-btn.cur {
    background: #ffe000;
}

.tf-see-btn.disabled {
    color: #dadada;
}

/********************************E2*********************************/

.tf-financ-cont {
    padding-bottom: 44px;
}

.tf-financ-title {
    margin-top: 10px;
}

.tf-financ-title .title {
    line-height: 1;
    font-weight: bold;
    font-size: 24px;
    color: #000;
}

.tf-financ-title .tf-share {
    margin-top: 5px;
}

.tf-financ-bar {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #a9a9a9;
}

.tf-financ-bar .bar {
    display: inline-block;
    vertical-align: top;
    height: 80px;
    border-left: 1px solid #e4e2e4;
}

.tf-financ-bar .bar:first-child {
    border-left: none;
}

.tf-financ-rat {
    width: 180px;
}

.tf-financ-rat .note {
    padding-top: 3px;
    line-height: 1;
    font-size: 14px;
    color: #999;
}

.tf-financ-rat .vi {
    margin-top: 17px;
}

.tf-financ-rat .vi .tt {
    line-height: 1;
    font-size: 36px;
    color: #ff6633;
}

.tf-financ-list {
    padding: 0 60px;
}

.tf-financ-list .i {
    margin-top: 18px;
}

.tf-financ-list .i:first-child {
    margin-top: 0;
}

.tf-financ-list .wid1 {
    width: 230px;
}

.tf-financ-list .wid2 {
    width: 132px;
}

.tf-financ-list .s {
    line-height: 1;
    font-size: 14px;
    color: #666;
}

.tf-financ-list .title {
    width: 75px;
}

.tf-financ-list .wid1 .tt {
    max-width: 140px;
    white-space: normal;
}

.tf-financ-list .wid2 .tt {
    max-width: 60px;
    white-space: normal;
}

.tf-financ-list .tt.cur {
    color: #ff6633;
}

.tf-financ-pro {
    padding: 0 52px;
}

.tf-financ-pro .ti {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-size: 14px;
    color: #666;
}

.tf-financ-pro .ti1 {
    width: 160px;
}

.tf-financ-pro .ti2 {
    width: 103px;
    text-align: center;
}

.tf-financ-pro .ti3 {
    width: 160px;
    text-align: right;
}

.tf-financ-pro .title {
    height: 29px;;
    padding: 5px 0 0;
    border-bottom: 2px solid #ffe000;
}

.tf-financ-pro .text {
    margin-top: 19px;
}

.tf-financ-pro .title .ti {
    padding-bottom: 26px;
    margin-bottom: -16px;
    background: url("../images/tf-financ-pro-circle_03.png") left 20px no-repeat;
}

.tf-financ-pro .title .ti2 {
    background-position-x: center;
}

.tf-financ-pro .title .ti3 {
    background-position-x: 146px;
}

.tf-financ-tabBtns .btn {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 20px;
}

.tf-financ-enter {
    display: inline-block;
    margin-left: 12px;
    line-height: 1;
    text-decoration: underline;
    font-size: 14px;
    color: #999;
}

.tf-financ-enter:hover {
    color: #666;
}

.tf-financ-art {
    padding: 0 10px;
}

.tf-financ-art .p {
    margin-top: 34px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

/********************************F1-1*********************************/

.tf-short-intro {
    width: 100%;
    padding: 40px 0 30px;
    overflow-x: auto;
}

.tf-short-intro::-webkit-scrollbar {
    width: 100%;    
    height: 6px;
    background: #f7f7f7;
}

.tf-short-intro::-webkit-scrollbar-thumb {
    width: 60px;
    height: 6px;
    border-radius: 3px;
    background: #e4e2e4;
}

.tf-short-introHis {
    display: inline-block;
}

.tf-short-introHis .line {
    border-top: 1px solid #e4e2e4;
}

.tf-short-introHis .cont {
    display: inline-block;
    white-space: nowrap;
}

.tf-short-introHis .year {
    display: inline-block;
    width: 200px;
    margin-left: 200px;
    text-align: center;
}

.tf-short-introHis .time {
    line-height: 1;
    font-size: 14px;
    color: #000;
}

.tf-short-introHis .cricle {
    display: inline-block;
    width: 24px;
    height: 16px;
    background: url("../images/tf-short-introHis-circle_03.png") no-repeat;
}

.tf-short-introHis .intro {
    position: relative;
    padding: 12px;
    line-height: 20px;
    text-align: justify;
    white-space: normal;
    font-size: 14px;
    color: #666;
    border: 3px solid #e4e2e4;
}

.tf-short-introHis .intro:before {
    content:"";
    position:absolute;
    left: 50%;
    width: 1px;
    height: 25px;
    background: #e4e2e4;
}

.tf-short-introHis .up .year:first-child {
    margin-left: 0;
}

.tf-short-introHis .up .year {
    margin-bottom: -34px;
    vertical-align: bottom;
}

.tf-short-introHis .up .cricle {
    margin-bottom: 14px;
}

.tf-short-introHis .up .intro {
    margin-bottom: 30px;
}

.tf-short-introHis .up .intro:before {
    bottom: -25px;
}

.tf-short-introHis .down .year {
    margin-top: -34px;
    vertical-align: top;
}

.tf-short-introHis .down .cricle {
    margin-top: 14px;
}

.tf-short-introHis .down .intro {
    margin-top: 30px;
}

.tf-short-introHis .down .intro:before {
    top: -25px;
}

.tf-short-enter {
    display: inline-block;
    line-height: 1;
    text-decoration: underline;
    font-size: 16px;
    color: #010101;
}

.tf-short-enter:hover {
    color: #fcde00;
}


/********************************F5-1*********************************/

.tf-kind-pie {
    margin-left: -40px;
    padding-top: 35px;
}

.tf-kind-pie .a {
    width: 440px;
    height: 123px;
    margin-left: 40px;
    margin-right: 0;
}

.tf-kind-pie .imgW {
    width: 180px;
}

.tf-kind-pie .wid {
    margin-left: 200px;
    padding-top: 5px;
}

.tf-kind-pie .title {
    line-height: 20px;
}

.tf-kind-pie .tt {
    min-height: 40px;
}

.tf-kind-pie .time {
    margin-top: 7px;
    text-align: right;
    line-height: 1;
    font-size: 14px;
    color: #999;
}

/********************************F6-1*********************************/

.tf-news-list li {
    padding-top: 20px;
}

.tf-news-list .title {
    line-height: 16px;
}

.tf-news-list .title .a {
    max-width: 65%;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.tf-news-list .title .time {
    font-size: 16px;
    color: #999;
}

/********************************F6-2*********************************/

.tf-news-detail {
    padding: 0 10px;
    text-align: center;
}

.tf-news-detail .title {
    margin-top: 26px;
    line-height: 28px;
    font-size: 24px;
    color: #000;
}

.tf-news-detail .msg {
    margin-top: 16px;
}

.tf-news-detail .msg .tt {
    line-height: 1;
    font-size: 14px;
    color: #999;
}

.tf-news-detail .p {
    margin-top: 35px;
    text-align: justify;
    line-height: 28px;
    font-size: 14px;
    color: #333;
}

.tf-news-detail .img {
    max-width: 100%;
    margin-top: 35px;
}