.global-header-fixed { width: 100%; height: 60px; position: fixed; z-index: 1; top: 0; background-color: #f6aebf; }
.global-footer { margin: 0; }
.gototop { display: none !important; }

.btn-pink, .btn-pink:link, .btn-pink:visited { border: none; font-size: 14px; }
#loading { width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 999999; top:0; filter:alpha(opacity=50); }

.skin-testing * { -webkit-transition: all .45s; transition: all .45s; }
.skin-testing .container { max-width:100%; }
.fullpage .fp-tableCell { height:auto !important; }

/* 起始页样式 */
.skin-testing .index{ padding-top: 60px !important;}
/*.skin-testing .index .fp-tableCell { background:#fdeef2 url(/static/img/skintesting/index-bg.jpg) no-repeat center center; background-size:cover; }*/
.skin-testing .index .fp-tableCell { background:rgba(178, 144, 112, .7) url(/static/img/skintesting/index-bg-2020.jpg) no-repeat center center; background-size:cover; }  /*202006官网改版 */
.skin-testing .index h2,.skin-testing .index p{ font-size:24px; font-weight:normal; margin:0}
.skin-testing .index i.dio-icon{ font-size:30px; margin-top:-10px}
.skin-testing .index .logo{ padding:54px 0}
.skin-testing .index .logo img{ width:190px}

/* 问题页面样式 */
.fullpage > .section{ background-color:#fff; position:relative}
.fullpage > .section .content-wrap{ max-width:800px; margin:0 auto; padding:0}
.fullpage > .section .option-list{ display:table; width:100%}
.fullpage > .section .option-item{ width:32.9%; display:inline-block; vertical-align:top; margin:15px auto}
.fullpage > .section.confirm-info .option-item label{ cursor:default; }
.fullpage > .section h3.question-text{ margin-top:0; margin-bottom:15px; line-height:24px; padding:0 20px}
.fullpage > .section label input{ /*display:none*/ position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: pointer; }
.fullpage > .section label{ margin:0; display:block; position: relative;}
.fullpage > .section label > img{ width:120px; max-width:80%; padding:0 10px}
.fullpage > .section label > p,.fullpage > .section label > span.display-block{ margin:8px 0 0 0; padding:0 5px; white-space:pre-line; font-size:12px}
.fullpage > .section label > p:before{ content:''; width:14px; height:14px; border:1px solid #f6afc0; border-radius:50%; display:inline-block; vertical-align:text-bottom; margin-right:7px}
/*.fullpage > .section label.checked > p:before{ content:'\e613';*//*\e613*//*\e90b*/ /*font-family:'icon'; font-size:12px; background-color:#f6aebf; border-color:#f6aebf; line-height:13px}*/
.fullpage > .section label.checked > p:before{ content:'\e613';/*\e613*//*\e90b*/ font-family:'icon'; font-size:12px; color: #fff;background-color:#b29070; border-color:#b29070; line-height:13px}
.fullpage > .section p.prev-btn-wrap{ width:100%; position:absolute; bottom:20px}
.fullpage > .section p.prev-btn-wrap a > i.dio-icon{ font-size:30px; margin-bottom:-5px}
.fullpage .question p.description{ font-size:12px; margin-top:10px}
.fullpage > .section .page-back-btn { position: absolute; top:0; left: 0; padding: 15px; font-size: 38px; }
.fullpage > .section .question-progress-bar { width: 100%; position: absolute; bottom: 30px; color: #ccc; }
.fullpage > .section .question-progress-bar .icon-circle { width: 20px; font-size: 30px !important; }


/* 确认提交信息页面样式 */
/*.fullpage > .section.confirm-info { background: url('../img/skintesting/confirm-section-bg.jpg') no-repeat center center; background-size: cover; }*/
.fullpage > .section.confirm-info { background: url('../img/skintesting/confirm-section-bg-2020.jpg') no-repeat center center; background-size: cover; }   /*202006官网改版 */


/* 推荐产品tab选项样式 */
.tab-menu .tab-parents { height:41px; line-height:41px }
.tab-menu .tab-parents li { padding:0 }
.tab-menu .tab-parents li.active { position:relative }
.tab-menu .tab-parents li.active:before { content:''; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #f6aebf; position:absolute; bottom:-6px; left:50%; margin-left:-6px }
.tab-menu .tab-parents li.active.first-child{ margin-left:0 }
.tab-menu .tab-parents li.active > a{ background-color:#f6aebf; border:none; border-color: transparent; margin-left:-1px }
.tab-menu .tab-parents li > a{ display:block; border-right:1px solid #f3f3f3; color:#333; background-color:#fff }
.tab-menu .tab-parents li.first-child > a{ border-top-left-radius:4px; border-bottom-left-radius:4px}
.tab-menu .tab-parents li.last-child > a{ border-top-right-radius:4px; border-bottom-right-radius:4px; border-right:none }

.tab-menu .tab-childs {  }
.tab-menu .tab-childs li { height: 37px; display: inline-block; line-height: 37px; border-bottom: 2px solid transparent; }
.tab-menu .tab-childs li.active { border-bottom-color: #f6aebf; }
.tab-menu .tab-childs li > a { padding: 0 10px; }


/* 结束页样式 */
.fullpage > .section.end-page { background-size: 100% auto !important; background-position: center center !important; }
.fullpage > .section.end-page .content-wrap { padding-bottom: 30%; }


/* media-xs */
@media (max-width: 320px)
{

}



/* media-sm */
@media (min-width: 480px)
{

}


/* media-md */
@media (min-width: 720px)
{
    .btn.btn-pink,.btn.btn-pink:link,.btn.btn-pink:visited{ min-width:169px; height:51px; font-size:20px; max-width:169px; line-height: 39px; }

    /* 起始页样式 */
    .skin-testing .index h2,.skin-testing .index p { font-size:24px }
    .skin-testing .index .logo{ padding:108px 0 }
    .skin-testing .index .logo img{ width:auto }

    /* 问题页面样式 */
    .fullpage > .section h3.question-text{ font-size:32px; line-height:48px; font-weight:normal; margin-bottom:30px; margin-top:0 }
    .fullpage > .section .option-item{ margin:30px auto }
    .fullpage > .section label > p:before{ margin-right:14px; width:20px; height:20px; vertical-align:inherit; border-color:#595959 }
    .fullpage > .section label.checked > p:before{ font-size:17px; line-height:19px; font-weight:bold }
    .fullpage > .section label > p,.fullpage > .section label > span.display-block{ font-size:24px; margin-top:16px }
    .fullpage .question p.description{ font-size:24px; margin-top:20px}
    .fullpage > .section.confirm-info .option-item{ width:24.6%}

    /* 推荐产品tab选项样式 */
    .tab-menu .tab-parents { max-width:370px; margin: 0 auto; }

    /* 推荐产品样式 */
    .section.recommend .owl-carousel.rp-slide .owl-item.active .info { display: block; }

    /* 结束页样式 */
    .fullpage > .section.end-page .content-wrap { max-width: 100%; padding-left: 20%; padding-bottom: 0; }
}


/* media-lg */
@media (min-width: 992px)
{
    .fullpage > .section.end-page { background-size: auto !important; }
}


/* 轮播图样式 */
.owl-carousel.rp-slide { background: none; padding: 0 60px; min-height: 100px; }
.section.recommend .slide-wrap { position: relative; padding: 30px 0; }
.section.recommend .slide-wrap .dio-icon { font-size: 60px; }
.section.recommend .slide-wrap > .prev-btn-wrap, .section.recommend .slide-wrap > .next-btn-wrap { position: absolute; width: 60px; height: 100%; }
.section.recommend .slide-wrap > .prev-btn-wrap a, .section.recommend .slide-wrap > .next-btn-wrap a { vertical-align: middle; position: relative; z-index: 1; }
.section.recommend .slide-wrap > .prev-btn-wrap { top: 0; left: 0; }
.section.recommend .slide-wrap > .next-btn-wrap { top: 0; right: 0; }

.section.recommend .owl-carousel.rp-slide .owl-item { cursor: pointer; }
.section.recommend .owl-carousel.rp-slide .owl-item .info { display: none; }