.protocol{ margin: 2.03rem auto 0; padding-bottom: .8rem; width: 7.5rem; min-height: 8.5rem; 
background:url(//png.pookcdn.net/hw/milliondungeon/mobile/bg_top.jpg) repeat; background-size:.12rem .12rem;}
.protocol .txtDetail{ margin: 0 auto;  padding: .4rem .5rem 0; height: 9.8rem; font-size: .24rem; 
color: #263f37; line-height: 2; overflow: hidden;}
.protocol .txtDetail .title{ margin-top: .3rem; font-size: .32rem; color: #02a99c; font-weight: bold; letter-spacing: 1px;}
.protocol .txtDetail .light{ color: #00ac9e;}
.protocol h2{ margin-top: .3rem; font-size: .32rem; color: #00ac9e; text-align: center; font-weight: bold;}
.protocol .date{ margin-bottom: .2rem; text-align: center; color: #161616;}


.intro{ margin: 2.03rem auto 0; padding-top: .5rem; width: 7.5rem; height: 14.75rem; background: url(//png.pookcdn.net/hw/milliondungeon/mobile/bg_inside_intro.jpg) no-repeat; 
background-size: 100% 100%;}
.intro .title{ padding: 0;}
.intro .title img{ width: 7.5rem;}
.introStudio { padding: .4rem 0; background: rgba(1,92,79,.4);  overflow: hidden;}
.introStudio span{ color: #ffde6f;}
.introStudio .container{ margin: 0 auto; width: 6.8rem;}
.introStudio .imgStudio img{ width: 6.77rem;}
.introStudio .txtStudio{ margin-top: .2rem;padding: 0 .05rem;
color:#fff; line-height: 2; letter-spacing: 1px; box-sizing: border-box;}
.producerList{ display: flex; justify-content: center; flex-flow:wrap; }
.producerList li{ position: relative; margin-bottom: .5rem; margin-right: .4rem; width: 1.75rem; height: 3.53rem; background: #ffb039; text-align: center;
border-radius: .3rem; color: #fff;}
.producerList li:after{ content: ""; position: absolute; top: -.06rem; left: -.05rem; width: 1.85rem; height: 3.63rem; border: 1px #fff solid; border-radius: .3rem;}
.producerList li:nth-child(2),
.producerList li:nth-child(4){ background: #fff; color: #ffb039;}
.producerList li:nth-child(3){ margin-right: 0;}
.producerList li img{ margin-top: .05rem; width: 1.69rem;}
.producerList li .text{ margin-top: .2rem; font-size: .12rem; text-align: center;}
.producerList li .name{ position: relative; margin-top: .25rem; font-size: .22rem; text-align: center; font-weight: bold;}
.producerList li .name:after,
.producerList li .name:before{ content: ""; position: absolute; left: 50%; margin-left: -.75rem; width: 1.49rem; height: .04rem; background: #fff;}
.producerList li:nth-child(2) .name:after,
.producerList li:nth-child(2) .name:before,
.producerList li:nth-child(4) .name:after,
.producerList li:nth-child(4) .name:before{ background:#ffb039;}
.producerList li .name:after{ top:-.1rem; }
.producerList li .name:before{ bottom: -.1rem;}

.footerInside{ height: 3.46rem; background-image: url(//png.pookcdn.net/hw/milliondungeon/mobile/bg_footer_inside.jpg);}
.footerInside .icoList li a{ color: #00c29f;}
.footerInside .icoList a span.icoProtocol{ background-image: url(//png.pookcdn.net/hw/milliondungeon/mobile/ico_footer_03_inside.png);}
.footerInside .icoList a span.icoContact{ width: .26rem; background-image: url(//png.pookcdn.net/hw/milliondungeon/mobile/ico_footer_04_inside.png);}


.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 1;
    width: .13rem;
    bottom: .02rem;
    top: .02rem;
    right: 0;
    overflow: hidden;
}
 
.iScrollIndicator {
    position: absolute;
    width: 0.13rem; 
    height: 1.8rem;
    background: #00ac9e;
    border-radius: 0.1rem;
}