*{padding: 0; margin: 0; box-sizing: border-box; font-size: 50px; color: #333; font-family: PingFangSC-Regular; letter-spacing: 0;}
h4,h5,h6{font-weight: normal;}
h1,h2{font-weight: bold;}
img{border-style: none;border: 0;vertical-align: bottom;max-width: 100%;}

.mainWrap{background: #F7F7F7;}
h1,h3{font-family: PingFangSC-Medium;}
h2{font-family: PingFangSC-Semibold;}
h4{color: #666;}
h4 b, p b{color: #151515;}
/*.firstH3{padding-bottom: .16rem;}*/
ul{list-style-position: inside;}
li{color: #666666; margin-top: .32rem;}
p{margin-top: .36rem; color: #666;}
p span{color: #666;}

.green{color: #0DA778;}

.noteWrap{background: #F3FAF8; border: 1px dashed #6ECAAE; border-radius: 8px; /*overflow: hidden;*/ position: relative; position: relative;}
h6{color: #666666;}
/*.noteWrap ul{list-style-position: outside;}*/
.noteWrap li{margin-top: .16rem;}
/*.noteWrap span{width: 0; height: 0; border: .34rem solid #6ECAAE; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent; position: absolute;}
.span-left-top{transform: rotate(45deg); top: -0.34rem; left: -0.34rem;}
.span-right-bottom{transform: rotate(-135deg); right: -0.34rem;; bottom: -0.34rem;}*/
.noteWrap .corner1, .noteWrap .corner2{position: absolute; z-index: 10;}
.noteWrap .corner1{top: -1px; left: -1px;}
.noteWrap .corner2{bottom: -1px; right: -1px;}


.imgWrap{width: auto; height: auto;}
.imgWrap p{font-size: .4rem; line-height: 11.74rem; color: #666666; text-align: center; margin: 0; display: block; /*width: 13.4rem;*/ height: 11.74rem; /*background: url(../images/img_no_data.png) no-repeat;*/ background: #EEE;}
.imgWrap p a{font-size: .4rem; color: #333333;}

@media screen and (max-width: 749px) {
    .mainWrap{padding-left: .4rem; padding-right: .4rem; padding-top: 0rem; padding-bottom: 2.56rem;}
    h1{font-size: .48rem; line-height: .67rem; padding-top: .5rem;}
    h4{font-size: .3rem; margin-top: 1rem; line-height: .42rem;}
    h4 b{font-size: .3rem; line-height: .42rem;}
    .firstH4,.noteWrap{margin-top: .56rem;}
    .imgWrap,.noticeH4{margin-top: .4rem;}
    h2{font-size: .48rem; line-height: .66rem; padding-top: 1rem;}
    h3{font-size: .3rem; line-height: .42rem; margin-top: .8rem;}
    .firstH3{margin-top: .56rem;}
    li,p,p b,p span, a{font-size: .3rem; line-height: .42rem;}
    .attemptP{margin-top: .8rem;}
    h6{font-size: .24rem;}
    .noteWrap{padding: 3%;}
    /*.noteWrap ul{margin-left: 3%;}*/
    .noteWrap li{font-size: .24rem; line-height: .33rem;}
    /*.noteWrap span{border-width: .22rem;}
    .span-left-top{top: -0.22rem; left: -0.22rem;}
    .span-right-bottom{right: -0.22rem; bottom: -0.22rem;}*/
    .noteWrap .corner1, .noteWrap .corner2{width: 16px;}

    .imgWrap p, .imgWrap p a{font-size: .3rem}
}
@media screen and (max-width: 320px) {
    /*.noteWrap ul{margin-left: 4%;}*/
    .noteWrap .corner1, .noteWrap .corner2{width: 14px;}
}
/*@media screen and (max-width: 400px) {
    .noteWrap ul{margin-left: 6%;}
}*/

@media screen and (max-width: 1199px) and (min-width: 750px) {
    .mainWrap{padding: 0 .8rem; padding-bottom: 2.56rem;}

    h1{font-size: .96rem; line-height: 1rem; padding-top: .8rem;}
    h4{font-size: .6rem; margin-top: 2rem; line-height: .84rem;}
    h4 b{font-size: .6rem; line-height: .84rem;}
    .firstH4,.noteWrap{margin-top: 1.12rem;}
    .imgWrap,.noticeH4{margin-top: .8rem;}
    h2{font-size: .96rem; line-height: 1.32rem; padding-top: 2rem;}
    h3{font-size: .6rem; line-height: .84rem; margin-top: 1.6rem;}
    .firstH3{margin-top: 1.12rem;}
    li,p,p b,p span, a{font-size: .6rem; line-height: .84rem;}
    .attemptP{margin-top: 1.6rem;}
    h6{font-size: .48rem;}
    .noteWrap{padding: .48rem;}
    /*.noteWrap ul{margin-left: .48rem;}*/
    .noteWrap li{font-size: .48rem; line-height: .66rem;}
}

@media screen and (min-width: 1200px) {
    .mainWrap{width: 1200px; margin: 0 auto; padding: 1.2rem; padding-top: 0rem; padding-bottom: 2.56rem;}

    h1{font-size: .64rem; line-height: .9rem; padding-top: 2.08rem;}
    h4{font-size: .32rem; margin-top: 1.28rem; line-height: .44rem;}
    h4 b{font-size: .32rem; line-height: .44rem;}
    .firstH4,.noteWrap{margin-top: .96rem;}
    .imgWrap,.noticeH4{margin-top: .48rem;}
    h2{font-size: .64rem; line-height: .6rem; padding-top: 2rem;}
    h3{font-size: .4rem; line-height: .56rem; margin-top: .8rem;}
    li,p,p b,p span, a{font-size: .32rem; line-height: .44rem;}
    .attemptP{margin-top: 1.28rem;}
    h6{font-size: .32rem; padding-bottom: .16rem;}
    .noteWrap{padding: .48rem;}
    /*.noteWrap ul{margin-left: .48rem;}*/
    .noteWrap li{font-size: .32rem; line-height: .44rem;}
}
