/*============= 演示字体会员 start =============*/
*{box-sizing: border-box;}
body{background: #202020;}

.topbar{background: #F6F6F6;}

.orbui{display: none;}
.part{overflow: hidden;color:#d7bb89;}
.part--header{background: url(/images/promo/slidefont/redstyle/header_bg.jpg) no-repeat center top;background-size:cover;}
.part--header .container{min-height: 480px;}
.part--header .logos{position: absolute;top:20px;left:50px;}
.part--header .slide-slogan{position: absolute;top:50%;left:50px;transform: translateY(-50%);}
.part--header .slide-slogan img{height: 300px;}
.part--header .buycode{position: absolute;top:50%;right:150px;transform: translateY(-50%);}
.part--header .buycode img{height: 240px;}

/* 黑色风格
.part--header{background: url(/images/promo/slidefont/light.png) no-repeat center 200px;background-size: 100%;}
.part--header .container{min-height: 550px;}
.part--header .logos{position: absolute;top:20px;left:50px;}
.part--header .headline-top{text-align: center;font-size: 28px;margin-top: 60px;}
.part--header .headline-top .text,
.part--header .headline-top::before,
.part--header .headline-top::after{display: inline-block; height: 42px ;vertical-align: middle;}
.part--header .headline-top::before,
.part--header .headline-top::after{content:'\0020';width: 42px;}
.part--header .headline-top::before{background: url(/images/promo/slidefont/wheat_left.png) no-repeat center center;background-size: 50%;}
.part--header .headline-top::after{background: url(/images/promo/slidefont/wheat_right.png) no-repeat center center;background-size: 50%;}
.part--header .headline-main{text-align: center;margin-top: 25px;}
.part--header .headline-main img{height:65px;}
.part--header .headline-sub{text-align: center;margin-top: 20px;}
.part--header .headline-sub img{height:45px;}
.part--header .headline-promo{text-align: center;margin-top: 15px;}
.part--header .headline-promo img{height:40px;} */
.headline-qrcode{text-align: center;margin-top: 20px;}
.headline-qrcode img{width: 120px;height: 120px;}
.headline-oper{margin-top: 20px;text-align: center;}
.headline-oper .c-button{border-radius: 10px;position: relative;overflow:visible;}
.headline-oper .c-button__txt{font-size: 20px;font-weight: bold;padding:12px 60px;}
.headline-oper .c-button--color{background-color: #cab388;border-color: #cab388;}
.headline-oper .c-button--color:hover{background-color: #E1504C; border-color: #E1504C;}
.headline-oper .c-button--color .c-button__txt{color:#161616;}
.headline-oper .c-button--color:hover .c-button__txt{color:#ffffff;}
.headline-oper .c-button i.flag{position: absolute; top:-30px;right: 0; display: block;width: 50px;height: 35px;background: url(/images/promo/slidefont/flag.png) no-repeat center center;background-size: 100%;}

.big-title {font-size: 40px;color: #dcbc8c;line-height: 1.34;text-align: center;margin-bottom: 10px;font-weight: bold;letter-spacing: 3px;}
.big-subtitle {color: #fff;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;text-transform: capitalize;opacity: .8}
.big-subtitle::before,
.big-subtitle::after {content: '';display: inline-block;vertical-align: middle;width: 60px;height: 2px;margin: 0 10px;}

.big-subtitle::before {background: -webkit-gradient(linear, left top, right top, color-stop(5.47%, rgba(255, 255, 255, 0)), to(#fff));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 5.47%, #fff 100%);background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0) 5.47%, #fff 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 5.47%, #fff 100%);background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5.47%, #fff 100%)
}
.big-subtitle::after {background: -webkit-gradient(linear, right top, left top, color-stop(5.47%, rgba(255, 255, 255, 0)), to(#fff));background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 5.47%, #fff 100%);background: -moz- oldlinear-gradient(right, rgba(255, 255, 255, 0) 5.47%, #fff 100%);background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 5.47%, #fff 100%);background: linear-gradient(270deg, rgba(255, 255, 255, 0) 5.47%, #fff 100%)}

.part-content{padding: 30px 0;margin-bottom: 10px;}

.advantage-title-small{font-size: 24px;}
.advantage-title-big{font-size: 32px;font-weight: bold;margin: 5px 0 10px 0;}
.advantage-readme{color: #646464;font-size: 15px;line-height: 1.8;}
.combox--advantage .advantage-readme{width: 40%;}
.advantage-illustrator{position: absolute;right:80px;top:50%; transform: translateY(-50%);}
.advantage-illustrator--star img{width: 180px;}
.flexarea{display: flex;margin-top: 40px;}
.flexarea-item{flex-grow: 1;}
.flexarea-item:first-child{padding-right:50px;}
.flexarea-item .advantage-readme{width: 60%;}
.flexarea-item .advantage-illustrator{right: 40px;}

.part-box{background:#262626;padding:40px;border-radius: 30px;position: relative;}
.part-box--contrast{padding:0;border-radius: 20px;}
.part-content--contrast table{width: 100%;}
.part-content--contrast table td{border-right:#323232 1px solid;}
.part-content--contrast table tr td:last-child{border-right: none;}
.part-content--contrast table td{border-bottom:#323232 1px solid;padding:15px;text-align: center;}
.part-content--contrast table thead td{font-size: 18px;font-weight: bold;}
.part-content--contrast table tbody tr:last-child td{border-bottom: none;}
.part-content--contrast table tbody td{font-size: 15px;color:#909090;}

.part-content--fontimages{background: url(/images/promo/slidefont/fonts-img-bg.png) no-repeat center top;padding:60px 0 70px 0;}
.part-content--fontimages .headline-qrcode{margin: 30px 0 40px 0;}
.part-content--fontimages .headline-qrcode img{width: 160px;height: 160px;}
.part-content--fontimages .headline-oper .c-button--color .c-button__txt{font-size: 16px;padding:12px 60px;}

.f-goldtxt{color:#D7BB89;font-weight: normal;}

.part-content--promo .combox{background:#262626;padding:40px 60px;border-radius: 30px;position: relative;border:#C7B286 4px solid;}
.part-content--promo .advantage-title{margin-bottom: 20px;}
.part-content--promo .advantage-title img{height: 50px;}
.part-content--promo .advantage-readme{width: 55%;font-size: 17px;color:#fff;}
.part-content--promo .advantage-readme b{font-size: 20px;color:#D7BB89;}
.part-content--promo .advantage-illustrator img{width: 220px;}
.part-content--promo .qrcodebox{position: absolute;right:320px;top:50%;transform: translateY(-50%);}
.part-content--promo .qrcodebox .qrcodebox__code{background: #fff;}
.part-content--promo .qrcodebox .qrcodebox__code img{width: 120px;height: 120px;}
.part-content--promo .qrcodebox .qrcodebox__title{font-size: 15px;color:#fff;text-align: center;margin: 10px 0 0 0;}
.part-content--advantage .combox{background:#262626;padding:60px;border-radius: 30px;position: relative;}


.part-box--certificate{padding-top: 80px;}
.part-box--certificate .certificate-badge{position: absolute;top: 30px;right: 50px;}

.questions-item{margin-top: 30px;}
.questions-item:first-child{margin-top: 0px;}
.questions-item h4{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.questions-item p{color:#646464;line-height: 1.7;}

.part--images img{width: 100%;}
.inside{position: relative;overflow: hidden;max-width: 1280px;margin: 0 auto;}

/* 表头浮动 */
.float-sprite{overflow: hidden;position: fixed; bottom: 0;z-index: 100;width: 1320px;padding:25px 0;background-color:rgba(0,0,0,0.6);text-align:center;font-size: 0;box-sizing: border-box;}
.float-sprite .c-button{background: #cab388;border-color: #cab388;}
.float-sprite .c-button:hover{background: #D44A4A;border-color: #D44A4A;}
.float-sprite .c-button__txt{padding:16px 85px;font-size: 22px;color:#222;}
.float-sprite .c-button:hover:hover .c-button__txt{color:#fff;}


/* 视口宽度小于等于768px - 手机*/
@media (max-width: 768px) {
    .part--header .container{min-height: 300px;margin-bottom: 20px;}
    .part--header .logos{position: absolute; left: 50%; transform: translateX(-50%);}
    .part--header .headline-top{font-size: 14px;margin-top: 60px;}
    .part--header .headline-top .text, .part--header .headline-top::before, .part--header .headline-top::after{height: 24px;}
    .part--header .headline-top::before, .part--header .headline-top::after{width: 30px;background-size: 40%;}
    .part--header .headline-main{margin-top: 15px;}
    

    .part--header .headline-main img{width: 90%;height: auto;}
    .part--header .headline-sub img{width: 60%; height: auto;}
    .part--header .headline-promo{text-align: center;margin-top: 10px;}
    .part--header .headline-promo img{width: 55%; height: auto;}

    .part-content{padding:0;}

    .headline-oper .c-button__txt{font-size: 14px;padding:8px 50px;}

    .big-title-area{margin-bottom: 15px;margin-top: 25px;}
    .big-title{font-size: 18px;}
    .big-subtitle{font-size: 11px;}
    .big-subtitle::before, .big-subtitle::after{width: 40px;height: 1px;}
    .part-content--advantage .combox{padding:15px;}
    .part--advantage .container{margin: 0 5%;}

    .part-content--advantage .combox{border-radius: 10px;}
    .advantage-title-small{font-size: 14px;}
    .advantage-title-big{font-size: 18px;}
    .advantage-readme{font-size: 11px;}
    .area-content--fontlist {margin-bottom: 0;}
    .area-content--fontlist .combox{margin-bottom: 15px;}
    .combox--advantage .advantage-readme{width: 60%;}
    .advantage-illustrator--star img{width: 80px;}
    .advantage-illustrator{right: 20px;transform:translateY(-30%);}
    .flexarea-item .advantage-illustrator{right: 20px;}
    .flexarea{flex-wrap: wrap;margin-top: 0;}
    .flexarea-item{flex-grow: 10;}
    .flexarea-item:first-child{padding: 0;}

    .part-box{padding:15px;border-radius: 10px;}
    .part-content{margin-bottom: 15px;}
    
    .part-content--contrast table td{padding:5px;}
    .part-content--contrast table thead td{font-size: 13px;}
    .part-content--contrast table tbody td{font-size: 11px;}

    .part-content--promo .combox{border-radius: 10px;padding:15px;border-width: 2px;}
    .part-content--promo .advantage-title{text-align: center;}
    .part-content--promo .advantage-title img{width: 80%;height: auto;}
    .part-content--promo .advantage-readme{font-size: 11px;color:#646464;}
    .part-content--promo .advantage-readme b{font-size: 11px;}
    .part-content--promo .qrcodebox{display: none;}
    .part-content--promo .advantage-illustrator img{width: 120px;}

    .part-box--certificate .certificate-badge{width: 80px;top: 0;right: 0;}

    
    .part-box--contrast{padding:5px;}
    .part-box--certificate{padding-top: 50px;}

    .questions-item h4{font-size: 14px;line-height: 1.5;}
    .questions-item p{font-size: 12px;}

    .float-sprite{width: 100%;padding:15px 0;}
    .float-sprite .c-button{display: block;margin: 0 5%;}
    .float-sprite .c-button__txt{font-size: 16px;padding:8px 0;}
}

/*============= 演示字体会员 end =============*/