.main-title {
    background: -moz-linear-gradient(left, rgb(255, 100, 52) 0%, rgb(255, 71, 43) 100%);
    background: -webkit-gradient(linear, left top, left right, color-stop(0, rgb(255, 100, 52)), color-stop(100%, rgb(255, 71, 43)));
    background: -webkit-linear-gradient(left, rgb(255, 100, 52) 0%, rgb(255, 71, 43) 100%);
    background: -o-linear-gradient(left, rgb(255, 100, 52) 0%, rgb(255, 71, 43) 100%);
    background: -ms-linear-gradient(left, rgb(255, 100, 52) 0%, rgb(255, 71, 43) 100%);
    background: linear-gradient(to left, rgb(255, 100, 52) 0%, rgb(255, 71, 43) 100%);


    border-bottom-color: transparent;
    padding: 8px 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 120;
    display: block;
    box-sizing: border-box

}

.goods-list .goods-item a.img img.lazy {
    background: #f5f5f5
}

.main-title .menu-cat, .main-title .menu-detail {
    font-family: Simhei;
    font-size: 17px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center
}

.main-title .menu-cat span {
    position: relative;
    cursor: pointer;
    padding: 6px 22px 6px 15px
}

.main-title .menu-cat span i {
    position: absolute;
    width: 17px;
    height: 17px;
    top: 6px;
    right: 0;
    background: url(../images/rank/cms-img.png?v=2018-09-07) -94px 0 no-repeat;
    background-size: 287px 800px
}

.main-title .menu-cat span i.show, .main-title .menu-cat span.active i {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1)
}

.main-title .main-home, .main-title .main-more {
    position: absolute;
    z-index: 7;
    background: url(../images/rank/cms-img.png?v=2018-09-07) -62px 0 no-repeat;
    background-size: 287px 800px;
    width: 28px;
    height: 28px;
    right: 10px;
    top: 10px
}

.main-title .main-back {
    position: absolute;
    left: 10px;
    height: 28px;
    width: 28px;
    display: block;
    background: url(../images/rank/cms-img.png?v=2018-09-07) -32px 0 no-repeat;
    background-size: 287px 800px;
    float: left
}

.main-title .close-src {
    position: absolute;
    left: 20px;
    height: 28px;
    width: 28px;
    display: block;
    background: url(../images/rank/cms-img.png?v=2018-09-07) -32px 0 no-repeat;
    background-size: 287px 800px;
    float: left
}

.main-title .my-search, .main-title .search {
    margin-left: 8px;
    position: relative;
    padding: 0 9px;
    height: 28px;
    line-height: 28px;
    font-size: 13px
}

.main-title .main-more {
    background: url(../images/rank/cms-img.png?v=2018-09-07) -243px 0 no-repeat;
    background-size: 287px 800px
}

.main-title .search {
    z-index: 5
}

.main-title .search input {
    border: none;
    outline: 0;
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    background: #fff;
    color: #666;
    border-radius: 5px;
    padding: 0 0 0 5px
}

.main-title .search .search_submit {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 2px;
    border: none;
    display: block;
    background: url(../images/rank/cms-img.png?v=2018-09-07) 6px -26px no-repeat;
    background-size: 287px 800px;
    right: 6px
}

.main-title .search .search-in {
    display: none
}

.main-title .search .search-kw {
    max-width: 125px;
    position: absolute;
    right: 10px;
    line-height: 28px;
    color: #666
}

.show-top-menu {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    font-family: MicrosoftYaHei;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    transition: all .6s cubic-bezier(.4, .68, .15, 1) 0s;
    -webkit-transition: all .6s cubic-bezier(.4, .68, .15, 1) 0s;
    opacity: 0
}

.show-top-menu .menu-nav {
    width: 4.8em;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    z-index: 5;
    background: #F4F4F4
}

.show-top-menu .menu-nav a {
    line-height: 45px;
    display: block;
    height: 45px;
    color: #333;
    z-index: 10;
    font-size: 13px;
    text-align: center;
    position: relative;
    transition: all .4s cubic-bezier(.4, .68, .15, 1) 0s;
    -webkit-transition: all .4s cubic-bezier(.4, .68, .15, 1) 0s
}

.show-top-menu .menu-nav a.active {
    color: #FC3F78
}

.show-top-menu .menu-nav .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 45px;
    border-left: solid 2px #FC3F78;
    background: #fff;
    transition: all .4s cubic-bezier(.4, .68, .15, 1) 0s;
    -webkit-transition: all .4s cubic-bezier(.4, .68, .15, 1) 0s
}

.show-top-menu .img {
    margin: 0 10px;
    overflow: hidden;
    padding-top: 10px
}

.show-top-menu .img img {
    display: block;
    width: 100%;
    border-radius: 5px;
    min-height: 60px;
    background: #f5f5f5
}

.show-top-menu .img.hide {
    display: none
}

.show-top-menu .menu-content .tab {
    font-weight: 400;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    margin: 0 0 44px;
    position: relative;
    top: 44px
}

.show-top-menu .menu-mask {
    background: rgba(0, 0, 0, .65);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: all .7s cubic-bezier(.4, .68, .15, 1) .2s;
    -webkit-transition: all .7s cubic-bezier(.4, .68, .15, 1) .2s
}

.ranking_ullit li .text h3, .ranking_ullit2 .tablist .zk, .ranking_ullit2 .tablist p.money b, .ranking_ullit3 li .nrtab {
    text-overflow: ellipsis;
    white-space: nowrap
}

.ranking_time b, .ranking_ullit li .text h3, .ranking_ullit3 li .tablist .money b {
    font-weight: 400
}

@font-face {
    font-family: iconfont2;
    src: url(//at.alicdn.com/t/font_440669_o8211wks536gk3xr.eot?v=2018873358559);
    src: url(//at.alicdn.com/t/font_440669_o8211wks536gk3xr.eot?#iefix?v=2018873358559) format('embedded-opentype'), url(//at.alicdn.com/t/font_440669_o8211wks536gk3xr.woff?v=2018873358559) format('woff'), url(//at.alicdn.com/t/font_440669_o8211wks536gk3xr.ttf?v=2018873358559) format('truetype'), url(//at.alicdn.com/t/font_440669_o8211wks536gk3xr.svg#iconfont?v=2018873358559) format('svg')
}

body, html {
    overflow: hidden;
    overflow-y: auto;
    background: #f5f5f5;
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.ov_h {
    overflow: hidden;
    height: 1px;
    clear: both
}

.ranking_layout {
    margin: auto;
    max-width: 750px;
    position: relative;
    z-index: 5;
    padding-bottom: 122px;
}

.ranking_load, .ranking_nav_tab {
    position: fixed;
    width: 100%;
    text-align: center
}

.ranking_load {
    background: url(../images/rank/load.gif) center center no-repeat;
    background-size: 50px 50px;
    z-index: 0;
    height: 100%;
    line-height: 100%;
    top: 0;
    left: 0;
    display: none
}

.ranking_load.active {
    z-index: 9000;
    background-color: rgba(245, 245, 245, .05);
    display: block
}

.ranking_nav_tab {
    height: 44px;
    z-index: 80;
    zoom: 1;
    top: 44px;
    background: rgba(252, 77, 81, 1);
    background: linear-gradient(-90deg, rgba(255, 71, 43, 1), rgba(252, 77, 81, 1));

    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transform-origin: center;
    padding-right: 0;
    overflow: hidden
}

.ranking_nav_tab.opacity1 {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ranking_nav_tab .swiper-container {
    position: relative;
    z-index: 1
}

.ranking_nav_tab.ranking_nav_tab_whole {
    padding-right: 0
}

.ranking_nav_tab .swiper-wrapper {
    height: 44px;
    text-align: center;
    position: relative;
    z-index: 50;
    zoom: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.ranking_nav_tab .swiper-slide {
    display: block;
    width: auto;
    line-height: 44px;
    margin: auto;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.ranking_nav_tab .swiper-slide.active a {
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 0
}

.ranking_nav_tab .swiper-slide.active a:before {
    content: "";
    border-radius: 2px;
    height: 2px;
    overflow: hidden;
    width: 100%;
    left: 0;
    bottom: 0;
    display: block;
    position: absolute;
    background: #fff
}

.ranking_nav_tab .swiper-slide a {
    display: block;
    position: relative;
    z-index: 1;
    zoom: 1;
    padding: 0 2px;
    margin: 0 8px;
    font-size: 16px;
    text-align: center;
    height: 33px;
    line-height: 33px;
    color: rgba(255, 255, 255, .6)
}

.ranking_nav_tab .tab_def_list {
    height: 26px;
    width: 44px;
    position: absolute;
    right: -45px;
    top: 10px;
    z-index: 55;
    display: block;
    background: #FC4C54;
    border-left: solid 1px rgba(255, 255, 255, .6);
    line-height: 26px;
    color: #fff;
    font-family: iconfont2 !important;
    font-size: 28px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center
}

.ranking_nav_tab .tab_def_list:before {
    content: "\e628"
}

.ranking_time {
    background: #FFEBE1;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.ranking_banner, .ranking_ullit {
    padding-top: 10px;
    background: #f5f5f5
}

.ranking_time span {
    color: #FC4D51
}

.ranking_banner {
    border-radius: 5px;
    overflow: hidden
}

.ranking_banner a {
    display: block;
    margin: 0 10px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 6px 6px 0 rgba(204, 204, 204, .3)
}

.ranking_banner img {
    width: 100%;
    display: block
}

.ranking_ullit li {
    padding: 10px;
    position: relative;
    z-index: 1;
    margin: 0 10px 10px;
    background: #fff;
    border-radius: 5px
}

.ranking_ullit li a.img {
    float: left;
    width: 100px;
    height: 100px;
    background: #f5f5f5;
    overflow: hidden
}

.ranking_ullit li a.img img {
    width: 100%;
    display: block
}

.ranking_ullit li .text {
    padding: 0 0 0 110px;
    height: 100px
}

.ranking_ullit li .text h3 {
    font-size: 16px;
    height: 30px;
    color: #333;
    line-height: 30px;
    margin: 0;
    overflow: hidden
}

.ranking_ullit li .text .nr {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px
}

.ranking_ullit li .text .nr span {
    color: #FF7800;
    padding: 0 3px
}

.ranking_ullit li .text .button {
    padding-top: 5px;
    height: 25px;
    line-height: 25px
}

.ranking_ullit li .text .button i {
    font-style: normal;
    font-size: 12px
}

.ranking_ullit li .text .button .money {
    color: #FF2B22;
    font-size: 20px;
    margin-right: 10px
}

.ranking_ullit li .text .button .name {
    font-size: 12px;
    color: #888
}

.ranking_ullit li .text .button a {
    background: rgba(255, 71, 43, 1);
    background: linear-gradient(-90deg, rgba(252, 77, 81, 1), rgba(255, 71, 43, 1));
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
    padding: 3px 15px;
    float: right;
    line-height: 23px
}

.ranking_ullit li .lv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 39px;
    padding-right: 11px;
    height: 20px;
    text-align: right;
    line-height: 20px;
    font-family: Arial;
    display: block;
    background: url(../images/rank/fourth.png?v=2018873358559);
    color: #fff;
    font-size: 11px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1)
}

.ranking_ullit2 .tablist p.money span, .ranking_ullit3 li h3 i {
    font-family: iconfont2 !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ranking_ullit li .lv.lv1 {
    overflow: hidden;
    padding-right: 8px;
    width: 42px;
    background: url(../images/rank/no1.png?v=2018873358559)
}

.pullup-goods {
    height: 110px
}

.ranking_ullit li .lv.lv2 {
    background: url(../images/rank/no2.png?v=2018873358559)
}

.ranking_ullit li .lv.lv3 {
    background: url(../images/rank/no3.png?v=2018873358559)
}

.ranking_ullit2 .tablist .col-6 {
    float: left;
    width: 50%
}

.ranking_ullit2 .tablist p.money {
    text-align: center;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    margin: 0 0 5px;
    width: 100px
}

.ranking_ullit2 .tablist p.money span {
    float: left;
    width: 50%;
    color: #fff;
    background: #E63140;
    font-size: 13px
}

.ranking_ullit2 .tablist p.money b {
    float: left;
    width: auto;
    color: #E63140;
    font-weight: 400;
    border: 1px solid #E63140;
    height: 12px;
    line-height: 12px;
    min-width: 38px;
    padding: 0 3px;
    border-left: 0
}

.ranking_ullit2 .tablist p.money.taoqianggou span {
    background: -webkit-linear-gradient(left, #FF008C, #FF6A00);
    background: -o-linear-gradient(left, #FF008C, #FF6A00);
    background: linear-gradient(to right, #FF008C, #FF6A00)
}

.ranking_ullit2 .tablist p.money.taoqianggou b {
    color: #E63140;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #E63140
}

.ranking_ullit2 .tablist .zk {
    font-size: 11px;
    color: #888
}

.ranking_ullit2 .tablist .zk .money {
    color: #FF2B22;
    font-size: 20px;
    margin-right: 5px;
    font-style: normal
}

.ranking_ullit2 .tablist .zk .name {
    font-size: 12px;
    color: #aaa;
    font-style: normal
}

.ranking_ullit2 .tablist .zk i {
    font-style: normal;
    font-size: 12px
}

.text-right {
    text-align: right
}

.ranking_ullit2 .tablist .text-right span {
    font-size: 12px;
    color: #888;
    height: 18px;
    position: relative;
    top: -1px;
    display: block;
    margin-bottom: 5px
}

.ranking_ullit2 .tablist .text-right p.quan {
    background: rgba(255, 111, 0, 1);
    background: linear-gradient(90deg, rgba(253, 152, 33, 1), rgba(255, 111, 0, 1));
    display: block;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    position: relative;
    z-index: 1;
    width: 60px;
    text-align: center;
    padding: 2px 0;
    float: right
}

.ranking_ullit2 .tablist .text-right p.quan:after, .ranking_ullit2 .tablist .text-right p.quan:before {
    position: absolute;
    left: -3px;
    top: 50%;
    margin-top: -3px;
    background: #fff;
    display: block;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 10px
}

.ranking_ullit2 .tablist .text-right p.quan:before {
    left: auto;
    right: -3px
}

.ranking_ullit2 .tablist .time {
    font-size: 12px;
    color: #aaa;
    height: 30px
}

.ranking_ullit2 li .text h3 {
    height: 23px;
    line-height: initial
}

.ranking_nav_tab3 {
    height: 50px
}

.ranking_nav_tab3 .swiper-container {
    top: 2px
}

.ranking_nav_tab3 .halfday-slide a {
    line-height: normal;
    height: inherit
}

.ranking_nav_tab3 .halfday-slide a span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    transition-duration: .4s;
    -webkit-transition-duration: .4s
}

.ranking_nav_tab3 .halfday-slide a p {
    font-size: 11px;
    transition-duration: .4s;
    -webkit-transition-duration: .4s
}

.ranking_nav_tab3 .halfday-slide.active a:before {
    display: none
}

.ranking_nav_tab3 .halfday-slide.active a span {
    font-size: 20px
}

.ranking_nav_tab3 .halfday-slide .swiper-slide {
    width: 72px
}

.ranking_nav_tab3 .swiper-slide a {
    padding: 0 10px
}

.ranking_ullit3 li {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    box-shadow: 1px 1px 1px #eee;
    padding-left: 0;
    margin-bottom: 5px
}

.ranking_ullit3 li a.img {
    width: 120px;
    height: 120px
}

.ranking_ullit3 li .text {
    padding-left: 130px;
    height: 120px
}

.ranking_ullit3 li .nrtab {
    height: 42px;
    color: #FF2B22;
    font-size: 13px;
    padding-top: 5px
}

.ranking_ullit3 li .text h3 {
    font-size: 14px;
    height: 25px;
    position: relative;
    z-index: 1;
    top: -3px
}

.ranking_ullit3 li .nrtab > span {
    background: #FFECEB;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #ffa5a1;
    color: #FF2B22;
    padding: 0 5px;
    font-size: 12px;
    margin-right: 10px;
    float: left
}

.ranking_ullit3 li .tablist .col-6 {
    float: left;
    width: 50%
}

.ranking_ullit3 li .tablist p.quan {
    overflow: hidden;
    width: 62px;
    display: inline-block
}

.ranking_ullit3 li .tablist p.quan span {
    background: #fff;
    border: 1px solid #ffa5a1;
    display: block;
    border-radius: 2px;
    color: #FF2B22;
    font-size: 12px;
    position: relative;
    z-index: 1;
    width: 60px;
    text-align: center;
    padding: 0
}

.ranking_ullit3 li .tablist p.quan span:after, .ranking_ullit3 li .tablist p.quan span:before {
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -3px;
    background: #fff;
    display: block;
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 10px;
    border: 1px solid #ffa5a1
}

.ranking_ullit3 li .tablist p.quan span:before {
    left: auto;
    right: -4px
}

.ranking_ullit3 li .tablist .nrtab .txt {
    padding-top: 3px;
    font-size: 13px
}

.ranking_ullit3 li .tablist .money {
    color: #FF2B22;
    font-size: 20px;
    margin-right: 5px
}

.ranking_ullit3 li .tablist .money i {
    font-style: normal;
    font-size: 12px
}

.ranking_ullit3 li .tablist .text-right span {
    font-size: 12px;
    color: #888;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    position: relative;
    top: 0;
    display: block
}

.ranking_ullit3 li .tablist .text-right span i {
    font-style: normal;
    color: #ff7800
}

.ranking_ullit3 li .tablist .button {
    padding-top: 0;
    position: relative;
    z-index: 0
}

.ranking_ullit3 li .tablist .button a {
    padding: 0 10px;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    background: #2AC064;
    color: #fff;
    border: 1px solid #2AC064
}

.ranking_ullit3 li .tablist .button a.out {
    padding: 0 0 1px;
    font-style: normal;
    background: 0 0;
    border: 0
}

.ranking_ullit3 li .tablist .button a img {
    height: 24px
}

.ranking_ullit3 li .tablist .button a b {
    font-weight: 300 !important
}

.ranking_ullit3 li.load {
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
    box-shadow: none;
    margin: 0;
    background: 0 0;
    color: #aaa
}

.ranking_ullit3 li.odd .nrtab {
    color: #2AC064
}

.ranking_ullit3 li.odd .nrtab > span {
    color: #2AC064;
    border-color: #2AC064;
    background: #EFFFF5
}

.ranking_ullit3 li.odd .tablist .money {
    color: #2AC064
}

.ranking_ullit3 li.odd .tablist p.quan span {
    color: #2AC064;
    border-color: #2AC064
}

.ranking_ullit3 li.odd .tablist p.quan span:after, .ranking_ullit3 li.odd .tablist p.quan span:before {
    border-color: #2AC064
}

.ranking_ullit3 li h3 i {
    margin-right: 5px
}

.tkl-layer .mid-txt, .tkl-layer .tkl-code, .tkl-layer .tkl-code textarea {
    font-family: "Microsoft Yahei"
}

.ranking_ullit3 li h3 i.icon-taoqianggou:before {
    content: "\e629";
    color: #ff6408
}

.ranking_ullit3 li h3 i.icon-juhuashuan:before {
    content: "\e609";
    color: #d81e06
}

.ranking_ullit3 li:hover {
    background: #fafafa
}

.ranking_ullit_default {
    background: 0 0;
    width: 100%;
    display: block;
    padding: 2% 0 5%;
    margin-top: 60px
}

.ranking_ullit_default .ranking_ullit_default_icon {
    width: 150px;
    height: 150px;
    background: url(../images/search-none2s.png?v=2018873358559) center no-repeat;
    background-size: 100%;
    margin: auto
}

.weixin-cover, .weixin-tip {
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0
}

.tkl-layer, .wechat-brow {
    margin: 0 auto;
    position: relative
}

.ranking_ullit_default p {
    text-align: center;
    font-size: .8em;
    color: #aaa;
    line-height: 20px
}

.weixin-tip {
    display: none;
    z-index: 2147483648;
    background: rgba(0, 0, 0, .8)
}

.weixin-cover {
    z-index: 0
}

.wechat-line {
    position: absolute;
    top: 0;
    right: 22px;
    z-index: 1000003;
    width: 68px;
    height: 68px;
    background: url(../images/rank/cms-img.png?v=2018873358559) -131px -149px no-repeat;
    background-size: 287px 800px
}

.wechat-brow {
    z-index: 1000002;
    top: 70px;
    width: 215px;
    background: url(../images/rank/cms-img.png?v=2018873358559) 0 -544px no-repeat #ff7200;
    background-size: 287px 800px;
    height: 100px;
    border-radius: 2px
}

.wechat-brow.androidChat {
    background-position: 0 -647px
}

.tkl-layer {
    width: 250px;
    height: 210px;
    z-index: 1;
    background: url(../images/rank/cms-img.png?v=2018873358559) 0 -234px no-repeat;
    background-size: 287px 800px;
    text-align: center;
    padding-top: 90px;
    color: #5e4102
}

.tkl-layer .mid-txt {
    font-size: 15px;
    font-weight: 700;
    width: 65px;
    height: 2px;
    border-top: #5e4102 2px solid;
    margin: 13px auto 23px
}

.tkl-layer .mid-txt span {
    display: block;
    background: #f9fcff;
    margin: -13px auto 0;
    line-height: 20px;
    width: 30px;
    height: 20px
}

.tkl-layer .tkl-code {
    width: 190px;
    margin: 0 auto;
    line-height: 40px;
    overflow: hidden;
    font-size: 18px
}

.code {
    background: #f1f1f1
}

.tkl-layer .tkl-code.yjfz_copy .keycope {
    display: block;
    width: 120px;
    margin: 10px auto 0;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    background: #f40;
    color: #fff;
    border-radius: 50px
}

.tkl-layer .tkl-code textarea {
    width: 100%;
    background: 0 0;
    color: #5e4102;
    border: none;
    text-align: center;
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin: 0;
    position: relative;
    top: 5px;
    font-size: 20px
}

.tkl-layer p {
    color: #666;
    text-align: center;
    font-size: 12px;
    width: 190px;
    line-height: 18px;
    margin: 20px auto 0
}