@import url(layout.css?v=6); 

header.header {
    background: none;
}

.plus_box .plus_mpart {
    background: #a72525 url(../images/fts/tbox_bg.jpg) no-repeat 0 bottom;
    background-size: 100%;
    padding-bottom: .7rem;
    position: relative;
    z-index: -1;
}

.mpart {
    height: 9.2rem;
    background: #7c1716 url(../images/fts/tbox_bg.jpg) no-repeat center bottom;
    background-size: 100%;
    position: relative;
    z-index: 0;
}

header.header .mpart {
    background-position: 0 -160px;
}

.vision,
.hkl {
    display: none;
}

.t_box {
    color: #fff;
    padding: 1.4rem .3rem 0;
    position: relative;
}

.t_box small {
    display: flex;
    text-align: center;
    font-size: .52rem;
    /* opacity: .7; */
    font-weight: bold;
    justify-content: center;
    align-items: center;
}

.t_box small .btn {
    width: .75rem;
    height: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 .15rem;
}

.t_box small .btn img {
    width: .25rem;
    height: auto;
    opacity: .8;
}

.t_box small .btn.r_arrow {
    transform: rotate(180deg);
}

.t_box small .btn.unclick {
    opacity: .2;
}

.t_box small .btn.unclick img {}

.t_box em {
    display: block;
    text-align: center;
    font-size: .4rem;
    font-weight: normal;
    line-height: .75rem;
    color: #ffffffd3;
}

.t_box strong img {
    width: 5rem;
    display: block;
    margin: .26rem auto 0;
}

.t_box ul {
    display: flex;
    width: 100%;
    margin-top: .6rem;
}

.t_box ul li {
    flex: 1;
    text-align: center;
}
/* 
.t_box ul li:nth-of-type(3) {
    transform: scale(1.3);
    margin: 0 .2rem
} */

.t_box ul li em {
    display: block;
    width: 80%;
    background: linear-gradient(rgb(168 92 69 / 50%), rgb(179 108 80 / 65%));
    border-radius: 100%;
    box-sizing: border-box;
    padding: .05rem;
    height: auto;
    margin: 0 auto;
    position: relative;
    box-shadow:.03rem .03rem .3rem rgb(0 0 0 / 10%);
}

.t_box ul li em img {
    width: 100%;
    display: block;
}

.t_box ul li span {
    display: inline-block;
    background: rgba(232, 171, 94, 0.4);
    height: .46rem;
    margin-top: .1rem;
    border-radius: .5rem;
    font-size: .3rem;
    line-height: .46rem;
    position: relative;
    padding: 0 .15rem;
    box-shadow:.03rem .03rem .3rem rgb(0 0 0 / 10%);
}

.t_box ul li i {
    width: .5rem;
    height: .5rem;
    background: linear-gradient(#e47c59, #c86644);
    border-radius: 100%;
    display: block;
    position: absolute;
    right: -.1rem;
    top: -.1rem;
    font-size: .3rem;
    line-height: .5rem;
}

/* .t_box ul li i.keyname {
    transform: scale(.8);
    left: 0;
    right: auto;
}

.t_box ul li:nth-child(2n) i {
    background: linear-gradient(#fabb44, #da981a);
} */


.box {
    margin: 0 .35rem .5rem;
}

.box_fts .fts_item {
    margin-top: .7rem;
}

.box_fts .fts_item:first-child {
    margin-top: .5rem;
}

.box_fts .fts_item dt {
    height: 1.5rem;
}

.box_fts .fts_item dt em {
    width: 1.2rem;
    background: linear-gradient(rgba(255, 206, 144, .9), rgba(255, 255, 255, .15));
    border-radius: 100%;
    box-sizing: border-box;
    padding: .1rem;
    float: left;
    margin-right: .2rem;
}

.box_fts .fts_item dt em img {
    width: 100%;
    display: block;
}

.box_fts .fts_item dt .dt_txt {}

.box_fts .fts_item dt .dt_txt strong {
    color: #cb3f2d;
    font-size: .45rem;
}

.box_fts .fts_item dt .dt_txt small,.box_fts .fts_item dt .dt_txt span {
    font-size: .325rem;
    margin-left: .1rem;
    color: #fff;
    background: #d89d55;
    padding: 0 .16rem;
    border-radius: .4rem;
}

.box_fts .fts_item dt .dt_txt span {
    background: #ffeae7;
    color: #cb3f2d;
}

.box_fts .fts_item dt .dt_txt .dt_min {
    color: #bbb;
    font-size: .28rem;
    margin-top: .15rem;
}

.box_fts .fts_item dd {
    background: #f8f8f8;
    border-radius: .3rem;
    padding: .3rem .2rem;
}

.box_fts h2,
.ftsinfo_t h2 {
    font-size: .42rem;
    padding: 0 .6rem 0 .5rem;
    position: relative;
    display: inline-block;
    margin-left: .2rem;
}

.box_fts h2:before,
.ftsinfo_t h2:before,
.box_fts h2:after,
.ftsinfo_t h2:after {
    content: '';
    left: 0;
    position: absolute;
    background: url(../images/icon_quotes.png) no-repeat 0 -2.2rem;
    background-size: .35rem;
    width: .5rem;
    height: .5rem;
}

.box_fts h2:after,
.ftsinfo_t h2:after {
    left: auto;
    right: 0;
    background-position: 0 -3.3rem;
}

.box_fts .fts_item dd .con {
    margin-top: .3rem;
    background: #fff;
    padding: .3rem .4rem;
    border-radius: .2rem;
}

.box_fts h3,
.ftsinfo_main h3 {
    font-size: .38rem;
    color: #cb3f2d;
}

.con1 h3 {
    color: #f09319;
}

.box_fts h3 span,
.ftsinfo_main h3 span {
    float: right;
    font-weight: normal;
    font-size: .32rem;
}

.con1 h3 span {
    color: #333;
}

.con2 h3 a {
    color: #cb3f2d;
}

.con2 h3 span {
    background: #ffeae7;
    line-height: .6rem;
    margin-right: -.4rem;
    padding: 0 .1rem 0 .3rem;
    border-radius: .3rem 0 0 .3rem;
    display: inline-block;
}

.con2 h3 span i {
    background: url(../images/fts/arrow2.png) no-repeat 0 0;
    width: .36rem;
    height: .36rem;
    display: inline-block;
    background-size: 100%;
    vertical-align: sub;
}
.con a.buy,.other_cont a.buy {
    color: #5a96d2;
}

.con a.buy i,.other_cont a.buy i {
    display: inline-block;
    background: url(../images/ico_buy.png);
    width: .3rem;
    height: .3rem;
    background-size: cover;
    margin: 0 0 .1rem
}
.box_fts .fts_item dd .con p {
    margin-top: .2rem;
    line-height: .6rem;
    font-size: .36rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
}

.box_fts .fts_item dd .con a {
    display: block;
}

.m_star,
.m_star em {
    height: .25rem;
    width: 1.25rem;
    background: #f1f1f1;
    border-radius: .3rem;
    vertical-align: bottom;
}

.m_star {
    margin: -.05rem 0 0 .1rem;
    vertical-align: middle;
}

.m_star em {
    background: linear-gradient(to right,#f6bf2c, #f5d06c);
}

.m_star em.level1 {
    background: linear-gradient(to right,#f6bf2c, #f5d06c);
}

.m_star em.level2 {
    background: linear-gradient(to right,#fcb06e, #ffcc9f);
}

.m_star em.level3 {
    background: linear-gradient(to right,#ff821f, #ffb579);
}

.m_star em.level4 {
    background: linear-gradient(to right,#ff4a24, #fa8169);
}

.m_star em.level5 {
    background: linear-gradient(to right,#f03836, #f18f8d);
}

.con1 h3 span i {
    font-weight: bold;
    margin-left: .1rem;
}

.flevel1 {
    color: #f6bf2c
}

.flevel2 {
    color: #fcb06e
}

.flevel3 {
    color: #ff821f
}

.flevel4 {
    color: #ff4a24;
}

.flevel5 {
    color: #f03836;
}

.fts_img img {
    width: 100%;
    display: block;
    border-radius: .2rem;
    box-shadow: .02rem .05rem .1rem rgba(0, 0, 0, .1)
}


/*犯太岁详情*/
.fts_info {
    height: 6.8rem;
    margin-bottom: 0;
}

.ftsinfo_t {
    text-align: center;
    margin: -2.4rem auto 0;
}

.ftsinfo_t .ftsinfo_th {
    display: inline-block;
}

.ftsinfo_t em {
    display: block;
    width: 3.2rem;
    background: linear-gradient(rgb(255 206 144), rgb(255 255 255));
    border-radius: 100%;
    box-sizing: border-box;
    padding: .2rem;
    height: auto;
    position: relative;
}

.ftsinfo_t em img {
    width: 100%;
    display: block;
}

.ftsinfo_t strong {
    text-align: center;
    display: inline-block;
    color: #cb3f2d;
    font-size: .54rem;
    /* padding-left: 1.4rem; */
    position: relative;
}

.ftsinfo_t strong::after {
    content: ' ';
    position: absolute;
    right: -.65rem;
    top: 50%;
    margin-top: .05rem;
    transform: translateY(-50%);
    background: url(../images/fts/arrow_dw.png) no-repeat center;
    background-size: .325rem auto;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

.ftsinfo_t span {
    color: #fff;
    background: #e3a14d;
    font-size: .32rem;
    padding: 0 .25rem;
    border-radius: .5rem;
    font-weight: normal;
    line-height: .5rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 .06rem;
}

.ftsinfo_t .year {
    color: #a0a0a1;
    text-align: center;
    margin-top: .15rem;
}

.ftsinfo_t .year small {
    display: block;
    font-size: .325rem;
}

.ftsinfo_t h2 {
    font-size: .48rem;
    color: #333;
    margin-top: .3rem;
}

.ftsinfo_main {
    margin: 0 .2rem;
}

.ftsinfo_main .con {
    margin-top: .6rem;
}

.ftsinfo_main .con h3 {
    font-size: .44rem;
}

.ftsinfo_main .con h3 span {
    font-size: .34rem; margin-top: .07rem;
}

.ftsinfo_main .con h3 span .m_star,
.ftsinfo_main .con h3 span .m_star em {
    height: .3rem;
    width: 1.5rem;
    vertical-align: middle;
}

.ftsinfo_main .con h3 span .m_star {}

.ftsinfo_main .con h3 span .m_star em {
    background-position: 0 -0.5rem
}

.ftsinfo_main .con2 h3 span {
    margin: 0;
    line-height: .7rem;
    border-radius: .1rem;
}

.ftsinfo_main .con2 h3 span i {
    width: .4rem;
    height: .4rem;
    vertical-align: text-bottom;
    margin-bottom: .06rem;
}

.ftsinfo_main .con .txt {
    background: #f8f8f8;
    padding: .3rem .5rem;
    border-radius: .3rem;
    margin-top: .25rem;
    text-align: justify;
    line-height: .8rem;
    font-size: .4rem;
}

.link_more {
    display: flex;
    margin: .4rem 0 0;
}

.link_more a {
    flex: auto;
    background: #ffe4d4;
    background: linear-gradient(157deg,#f7d6b0,#eeb289);
    color: #b94d05;
    height: 1rem;
    line-height: 1rem;
    border-radius: .2rem;
    text-align: center;
    margin-right: .2rem;
    font-size: .35rem;
    font-weight: bold;
}

.link_more a:last-child {
    margin-right: 0;
    background: linear-gradient(157deg,#f7bbb0,#ee9589);
    color: #a72525;
}

.link_box {
    display: flex;
    margin: .4rem .2rem 0;
    font-size: .35rem;
}

.link_box a {
    flex: auto;
    background: #ffe4d4;
    background: linear-gradient(157deg,#f7d6b0,#eeb289);
    color: #b94d05;
    height: 1rem;
    line-height: 1rem;
    border-radius: .2rem;
    text-align: center;
}

.link_box a:nth-child(2) {
    background: #ffe9e9;
    background: linear-gradient(157deg,#f7bbb0,#ee9589);
    color: #a72525;
    margin: 0 .2rem;
}

.link_box a:last-child {
    background: #faf1d4;
    background: linear-gradient(157deg,#f5e6b3,#ebd384);
    color: #8d6000;
}

.fts_others {
    background: #fff7f0;
    padding: .4rem;
    border-radius: .2rem;
    margin: .4rem .2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.fts_others .ftsothers_tit {
    float: left;
    width: 2rem;
    height: auto;
    flex: 1;
}

.fts_others ul {
    float: left; display: flex;
    width: 8rem;
    /* margin-left: .35rem;
    margin-right: -.2rem; */
    flex: auto;
    justify-content: space-between;
}

.fts_others ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fts_others ul li em {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    background: linear-gradient(rgba(255, 206, 144, .9), rgba(255, 183, 179, .15));
    border-radius: 100%;
    box-sizing: border-box;
    padding: .05rem;
    margin: 0 auto;
    position: relative;
}
.fts_others ul li em img {
    width: 100%;
    display: block;
}

.fts_others ul li em i {
    width: .4rem;
    height: .4rem;
    background: linear-gradient(#e47c59, #c86644);
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: .26rem;
    line-height: .4rem;
    color: #fff;
    text-align: center;
}
.fts_others ul li span {
    text-align: center;
    font-size: .3rem;
    margin-top: .1rem;
    display: inline-block;
    background: #da981a;
    border-radius: .2rem;
    line-height: .45rem;
    padding: 0 .125rem;
    color: #fff;
}



.fts_others ul li:nth-child(2n) em i {
    background: linear-gradient(#fabb44, #da981a);
}


/*犯太岁原理*/
.fts_article {
    height: 5rem;
    margin-bottom: 0;
}

.box_ftsarticle {
    margin: 0 .7rem;
}

.box_ftsarticle h1 {
    text-align: center;
    font-size: .55rem;
    color: #333;
    margin-top: .5rem;
    position: relative;
}

.box_ftsarticle h1 strong {
    position: relative;
    line-height: 1rem;
}

.box_ftsarticle h1 strong:after {
    content: "";
    background: #ffcf4c;
    height: .2rem;
    width: 180%;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 10%) skewX(-20deg);
}

.box_ftsarticle h1 small {
    margin-right: .1rem;
}

.box_ftsarticle h1 b {
    color: #c61816;
}

.box_ftsarticle .con {
    margin-top: .4rem;
}

.box_ftsarticle p {
    text-align: justify;
    text-indent: 2em;
    line-height: .8rem;
    font-size: .4rem;
}

.box_ftsarticle .more_cont ul {
    display: flex;
    margin: .4rem -.2rem 0;
    font-size: .36rem;
}

.box_ftsarticle .more_cont ul li {
    flex: 1;
    text-align: center;
}

.box_ftsarticle .more_cont ul li a {
    display: block;
    margin: 0 .1rem;
    background: #fdf2dd;
    padding: .2rem 0;
    border-radius: .2rem;
}

.box_ftsarticle .more_cont ul li a strong {
    display: block;
    font-size: .46rem;
    color: #c3981d;
}

.box_ftsarticle .more_cont ul li:nth-child(2n+1) a {
    background: #ffeee9;
}

.box_ftsarticle .more_cont ul li:nth-child(2n+1) a strong {
    color: #c54725;
}

.scroll_r .ic_home {
    background-color: #98604896
}

.scroll_r .ic_plus {
    background-color: #c3971d96
}

.scroll_r .ic_top {
    background-color: #c5482596;
}

/**/

.float_sbox {
    display: block;
}

.float_sbox .selbox_icon {
    padding: .75rem .25rem;
}

.float_sbox .selbox_icon h4 {
    margin-bottom: .95rem;
    margin-top: -.35rem;
    text-align: center;
    font-size: .45rem;
}

.float_sbox .selbox_icon h4 strong {
    display: inline-block;
    position: relative;
}

.float_sbox .selbox_icon h4 strong:after {
    content: "";
    background: #ffcf4c;
    height: .2rem;
    width: 120%;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 10%) skewX(-20deg);
}

.float_sbox .selbox_icon ul li {
    width: 25%;
}

.float_sbox .selbox_icon ul li em {
    width: 1.6rem;
    height: 1.6rem;
    background: linear-gradient(rgb(255 206 144), rgb(255 255 255));
    position: relative;
}

.float_sbox .selbox_icon ul li strong {
    color: #c54725;
    font-size: .3rem;
    display: block;
}

.selbox_icon ul {

    display: flex;
    justify-content: space-around;
}

.selbox_icon ul li em {
    position: relative;
}

.selbox_icon ul li em i {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(10%, -10%);
    border-radius: 10rem;
    font-size: .275rem;
    width: .4rem;
    height: .4rem;
    background-color: #e2846a;
    background: linear-gradient(#e47c59, #c86644);
    color: #fff;
    overflow: hidden;
}
.selbox_icon ul li .keysname {
    display: flex;
    justify-content: center;
    align-items: center;

}
.selbox_icon ul li .keysname span {
    align-items: center;
    color: #fff;
    border-radius: 1rem;
    background: linear-gradient(#fabb44, #da981a);
    height: .45rem;
    font-size: .288rem;
    text-align: center;
    line-height: .45rem;
    margin:  .12rem .02rem 0;
    padding: 0 .125rem;
}

.fankeys.key1 {
    background: linear-gradient(127deg,#f0a085, #cf7151) !important;
}
.fankeys.key2 {
    background: linear-gradient(127deg,#f0be61, #dd8237) !important;
}
.fankeys.key3 {
    background: linear-gradient(127deg,#94cadf, #729aaa) !important;
}
.fankeys.key4 {
    background: linear-gradient(127deg,#d49abb, #b67a9c) !important;
}
.fankeys.key5 {
    background: linear-gradient(127deg,#a8acd4, #8285aa) !important;
}