/*============= 龙珠体 start =============*/
*{box-sizing: border-box;}
body{background: #fdc005;}

.container{width: 100%;max-width: 100% !important;}
.topbar{background: #F6F6F6;}
.orbui{display: none;}

.part{}
.inside{position: relative;max-width: 1280px;margin: 0 auto;}
.part-title{margin:50px auto;text-align: center;}
.part-title img{width: 65%;}


.part--header{background: url(/images/promo/dragonball/header_bg2.jpg) no-repeat center top;background-size: 100%;font-size: 0;}
.part--header .inner{position: relative;overflow: hidden;max-width: 1280px;margin: 0 auto;padding-bottom:33.59%;font-size: 14px;transform: scale(1);}
.logos{position: absolute;top:0;right: 15%;background: #fff;display: inline-block;padding:10px 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;width:15.62%;}
.logos img{width: 100%;}
.slogan img{position: absolute;width: 73%;left: 50%;transform: translateX(-50%);margin-top: 30px;cursor: pointer;}
.downfont{text-align: center;margin-top: 60px;}
.downfont .c-button{border-radius: 10px;}
.downfont .c-button__txt{padding:16px 100px;font-size: 36px;color: #162a84;}
.downfont .c-button--color{background: #fffe9d;}
.downfont .c-button--color:hover{background: #F05D55;}
.downfont .c-button--color:hover .c-button__txt{color: #fff;}
.downfont__txt{margin-top:10px;font-size: 18px;color:#fff;}

.mknav{background: #653700;width: 100%;}
.mknav ul{max-width: 1280px;margin: 0 auto;}
.mknav ul::after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.mknav ul li{float: left;}
.mknav ul li a,
.mknav ul li a:visited{font-size: 16px;color:#fff;display: block;padding:15px 50px;}
.mknav ul li a:hover{background: #dc403d;}
.mknav ul li a.active{background: #F0CE00;color:#653700;font-weight: bold;}
.mknav--float{z-index: 9999;position: fixed;top:71px;}

.part--logosc{}
/* .thank-logosc-head{text-align: center;margin-top: 40px;} */
/* .thank-logosc-head img{width: 65%;} */
.part--logosc .part-title{margin-bottom: 20px;}
.thank-logosc-text{text-align: center;color: #602e00;font-size: 26px;}
.thank-logosc{margin-top: 20px;border:#602e00 7px solid;border-radius: 20px;background: #fff3c3;box-shadow: 0 10px 0 #fbe445,0 20px 0 rgba(96, 46, 0, 0.20);}
.thank-logosc__inner{position: relative;padding:30px 60px;padding-right: 400px;}
.line--title{font-size: 26px;font-weight: bold;margin-top: 15px;margin-bottom: 15px;}
.line--readme{font-size: 18px;line-height: 1.8;}
.line--btn{margin-top: 15px;}
.line--btn .c-button{border-radius: 5px;}
.line--btn .c-button .fa{margin-left: 5px;}
.line--btn .c-button .c-button__txt{font-weight: bold;}
.line--btn .c-button--color{background: #fbe445;border-color: #fbe445;}
.line--btn .c-button--color .c-button__txt{color: black;}
.line--btn .c-button--color:hover{background: #EF574F;border-color: #EF574F;}
.line--btn .c-button--color:hover .c-button__txt{color: #fff;}
.line--qrcode{position: absolute;top:15%;right: 60px;display: inline-block;}
.line--qrcode img{width: 200px;}
.qrcode-txt{text-align: center;margin-top: 15px;font-size: 18px;}

.partbox{margin-top: 20px;border:#602e00 7px solid;border-radius: 20px;background: #fff3c3;box-shadow: 0 10px 0 #fbe445,0 20px 0 rgba(96, 46, 0, 0.20);}
.partbox__inner{padding:30px 50px;color:#602e00;}
.partbox__inner p{margin-bottom: 20px;}

.fontprew-box{margin-bottom: 0;}
.fontprew__result img{width: 100%;}

.readme{border:#602e00 2px solid;color:#602e00;font-size: 18px;padding:10px 0;text-align: center;margin-top: -15px;border-radius: 20px;}



.preview{margin-bottom: 30px;}

.part--message{padding-bottom: 100px;}

.message-preview{margin-top: 30px;padding:30px 30px 0 30px;border:#602e00 7px solid;border-radius: 20px;background: #fff3c3;box-shadow: 0 10px 0 #fbe445,0 20px 0 rgba(96, 46, 0, 0.20);}
.message-preview .comt-meta,
.message-preview .comt-main p{color:#602e00;}
.comt-avatar{background: none;}
.depth-1,
.comment .children .comment{border-color:rgba(96, 46, 0, 0.20);}
a.cld-like-dislike-trigger,
span.cld-count-wrap{color:rgba(96, 46, 0, 0.40);}


.mkhistory{color:#602e00;}
.otherread--history{border:#602e00 7px solid;border-radius: 20px;background: #fff3c3;box-shadow: 0 10px 0 #fbe445,0 20px 0 rgba(96, 46, 0, 0.20);}

.downloadfont{overflow: hidden;}
.downloadfont img{width: 50%;}
.downloadfont-txt{margin:5px 0;padding:0 20px;}
.downloadfont-txt b{color:#EF574F;}
.downloadfont-sub{font-size: 12px;color:#c6c6c6}

@media(max-width:768px){
    .part{padding:0 5%;}
    .part-title{margin: 25px auto 20px auto;}
    .part-title img{width: 100%;}
    .part--header{min-width: auto;width: 100%;}
    .partbox__inner{padding:10px;}
    .logos{display: none;}
    .slogan img{width: 70%;margin-top:5px;}
    .part--header .inner{width: 100%;}
    .mknav-area{display: none;}

    .thank-logosc{margin-top: 10px;text-align: center;border-width: 3px;box-shadow: 0 5px 0 #fbe445,0 10px 0 rgba(96, 46, 0, 0.20);}
    .thank-logosc__inner{padding:10px;}
    .thank-logosc-text{font-size: 12px;}
    .sc-logo{width: 50%;display: block;margin: 10px auto;}
    .line--title{font-size: 18px;}
    .line--readme{font-size: 12px;}
    .line--qrcode{position: relative;top:auto;right: auto;text-align: center;margin:15px auto;}
    .line--qrcode img{width: 100px;}
    .qrcode-txt{font-size: 12px;}

    .partbox,
    .message-preview,
    .otherread--history{border-width: 3px;box-shadow: 0 5px 0 #fbe445,0 10px 0 rgba(96, 46, 0, 0.20);}
    .mkhistory li{font-size: 12px;}

    .readme{font-size: 12px;margin-top:0;display: none;}
    .message-preview{margin-top: 0;}
    .part--message{padding-bottom: 20px;}
}

@media(min-width:1600px){
    .slogan img{width: 90%;margin-top: 40px;}
}
/*============= 龙珠体 end =============*/