/* CSS reset ver 1.0 20121228 wanghao*/
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
    /* CSS Document */
    *{-webkit-tap-highlight-color:rgba(0,0,0,0);}
    .clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
    b,em,i{font-style:normal;font-weight:normal;}
    body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#4c4c4c;position:relative;}
    html,body{position:relative;overflow-x:hidden;}
    html{height:100%;}
    button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
    input[type="submit"],input[type="reset"],input[type="password"],input[type="button"],input[type="text"],button{-webkit-appearance:none;}/*取消苹果渲染*/
    a{color:#4c4c4c;text-decoration:none;}
    a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
    .rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    .rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
    .disflex{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}






    /* 新手教程 */
    .courseBack{width:7.2rem;background: linear-gradient(to bottom,#FFE3E4,#FFFFFF);overflow: hidden;padding: 0 0.32rem 0.5rem;box-sizing: border-box;}
    .courseBack>h3{text-align: center;color:#333333;font-size: 0.28rem;line-height: 0.28rem;margin-top:0.25rem;margin-bottom:0.37rem;}
    .courseBack>h3::after{content: '';background:linear-gradient(to right,#FF767B,#FFE3E4);width:2.23rem;height:0.07rem;display: block;margin: auto;}
    .courseBox{background: #fff;box-shadow: 0px 3px 10px 0px rgba(255, 206, 208, 0.2);border-radius: 13px;width:6.53rem;margin: auto;padding:0.32rem 0.2rem 0.36rem;box-sizing: border-box;margin-top: 0.27rem;}
    .courseBox>h4{font-size: 0.28rem;color:#333333;line-height: 0.28rem;}
    .courseBox>p{margin-top: 0.24rem;font-size: 0.28rem;color:#333333;line-height: 0.45rem;}
    .courseBox>img{width:100%;margin-top: 0.25rem;}

    /*仅提示弹框*/
    .hint-view{width:200px;height: auto;line-height:36px;font-size:14px;padding: 5px;background-color: rgba(0, 0, 0, 0.5); position: fixed;left: 50%;bottom: 150px;margin-left:-100px;text-align: center;z-index: 999;border-radius: 10px;color: #fff;word-break:break-all;opacity: 0;pointer-events:none;}
    .hint-view.moveInit{transition: all 0.4s cubic-bezier(.17,.74,.23,1.53);-webkit-transition: all 0.4s cubic-bezier(.17,.74,.23,1.53);}
    .hint-view.move.moveInit{/*bottom: 36%;*/opacity: 1;-webkit-transform:translateY(-100px);transform:translateY(-100px); }
    .hint-view.fadeInit{transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
    .hint-view.fadeOut.fadeInit{opacity: 0;}




    .payTitle .centerTxt{text-align: center;}
    .padding20{padding:0 .27rem;}

    .top{background:url(/web1/img/ico_quanxian_banner@2x.png) no-repeat center;overflow: hidden;height:3.69rem;background-size:cover;}
    .top .payTitle img{width:0.25rem;height:0.25rem;margin-top: 0.17rem;}
    .listBox{background: #fff;border-radius: .53rem .53rem 0 0;margin: -.75rem 0 0 0;overflow: hidden;padding: 0 0 1rem;}
    .contentTop{background: linear-gradient(90deg, #AA99EF 0%, #6571DA 100%) ;overflow: hidden;padding: 0 0 .9rem 0;}
    .contentBox{background:#fff;border-radius: .53rem .53rem 0 0;margin:-.45rem 0 0 0 ;overflow: hidden;padding:0 0 1.2rem;}
    .contentBox .content h2{border:none}
    .listBox .linkBox h2{padding:.2rem 0 .4rem;}
    .helpBtn{display:block;width: 5.07rem;height: 1.07rem;background: linear-gradient(-90deg, #6570DA, #AA99F0);border-radius: .53rem;text-align: center;line-height: 1.07rem;font-size: .28rem;font-weight: bold;color: #FFFFFF;margin:1rem auto;}
    .linkBox{margin:.47rem 0 0 0;padding:0 .37rem;}
    .linkBox h2{line-height:.34rem;font-size: .36rem;font-weight: bold;color: #3A3A3A;border-bottom: 1px solid #F3F5FE;}
    .linkBox a{display: block;}
    .linkBox li{line-height: .6rem;font-size: .29rem;font-weight: 500;color: #3A3A3A;border-bottom: 1px solid #F3F5FE;padding:.2rem 0;}
    .linkBox li p{display: inline-block;}
    .linkBox li i{display:inline-block;width:.45rem;height:.27rem;background:url(/web1/img/ico_hot@2x.png) no-repeat center;background-size:.45rem;margin:0 0 0 .1rem;vertical-align: middle;}
    .linkBox .noNumber em{display: none;}
    .linkBox .noNumber h3{text-indent: 0em;}
    .linkBox em{display: inline-block;width:.35rem;height:.35rem;text-align: center;line-height:.35rem;font-size: .25rem;font-weight: normal;color: #FFFFFF;background: linear-gradient(-38deg, #A5CEFE 0%, #9DA8F7 100%);border-radius: 50%;margin:0 .2rem 0 0;vertical-align: top;}
    .linkBox div:nth-last-of-type(1){padding-bottom:.5rem;}
    .content h3{font-size: .29rem;color: #999999;text-indent: 2em;}
    .content img{display: block;width:100%;margin:.39rem auto 0;border-radius:.08rem;box-shadow: 0 0 5px #f4f2f3;}
    .content p{font-size: .29rem;color: #3A3A3A;letter-spacing: .02rem;font-weight: normal;line-height:1.5;margin-top:.39rem;}

    .headBox{height:100%;background-image:url(/web1/img/ico_jc@2x.png);background-repeat:no-repeat;background-position: bottom right;background-size:2rem;overflow: hidden;}
    .headBox h1{margin-top:1.5rem;font-size:.36rem;font-weight: 600;color: #FFFFFF;line-height:.6rem;letter-spacing: 1px;}
    .headBg{background: linear-gradient(90deg, #AA99EF 0%, #6571DA 100%);z-index: 11;}
    .chooseBox{display: flex;height:.8rem;line-height:.8rem;text-align:center;border-bottom:1px solid #F3F5FE;}
    .chooseBox i{flex:1;border-bottom:2px solid transparent;}
    .chooseBox i.on{color:#6571DA ;border-bottom:2px solid #6571DA ;}

    .margin7{margin-top:.7rem;}
    h3 strong{color:#3A3A3A;}
    .ClickBtn{position: fixed;bottom:.4rem;left:0;right:0;}
    .ClickBtn .helpBtn{margin:0 auto;}

@media screen and (max-aspect-ratio: 1/1){
    body{min-height:100%;max-width: 7.2rem;margin:0 auto;}
    .wrapper{max-width:720px;margin: auto;min-height: 100vh;}
    .payTitle{width:7.2rem;height: 1.5rem;position: fixed;top:0;left:50%;padding:.5rem .27rem 0;box-sizing: border-box;margin-left:-3.6rem;background-color: #FFFFFF;}
    .payTitle img{width:0.29rem;height:0.14rem;;padding: .45rem .33rem;margin:0 0 0 -.35rem;}
    .payTitle p{width:75%;height: 1rem;position: absolute;text-align: left;top: .5rem;line-height: 1rem;font-size: 0.31rem;color:#fff;left:0 ;right: 0;margin: auto;font-weight: 500;}
    .payTop{width:7.2rem;background: url(/web1/img/vip_back.png) no-repeat center top;background-size: cover;overflow: hidden;position: relative;padding: 0 0.27rem;box-sizing: border-box;}
    .FontColor>p{color:#333333}
    .question{padding-top: 1.75rem;padding-bottom:1rem;}
    .question>h5{color:#333333;font-size: 0.3rem;line-height: 0.31rem;margin: 0.3rem 0 0.2rem;font-weight: 500;}
    .question>p{font-size: 0.26rem;color:#666;line-height: 0.42rem;margin-top: 0.06rem;}
    /* .backBG{background: url(/web1/img/user_bg.png) no-repeat center top;background-size:7.2rem;} */
    .question h3{font-size:.26rem;line-height:.31rem;margin:.3rem 0 .2rem;font-weight:600}
    .question h4{color:#333;font-size:.26rem;line-height:.31rem;margin:.3rem 0 .2rem;font-weight:500}
    .question ol{list-style:decimal}
    .question .num{list-style:cjk-ideographic;padding:0 0 0 .5rem}
    .question ol{padding:0 0 0 .3rem}
    .question ul{list-style:none}
    .question ol li,ul li{font-size:.26rem;color:#666;line-height:.42rem;margin-top:.06rem}
    .question li p{white-space:pre-line}
    .question .nopadding{padding:0}
}
@media screen and (min-aspect-ratio: 1/1){
    .payTitle{display: none;}
    html{min-height:100%}
    body{width:100%;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box}
    body,body.bg{background-color:#f6f6f6}
    body.black{background:#1a1a1a}
    body.white{background:#fff}
    .detail-container,.title-block{background-color:#fff;border-radius:12px;font-size:14px;}
    .detail-container{box-sizing:border-box;position:relative;height:100vh;overflow:auto;padding-top:40px}
    .detail-container .protocol-detail{padding:10px 22px}
    .detail-container .protocol-detail p{text-indent:0;font-size:16px;color:#666;line-height:24px}
    .detail-container .protocol-detail h1{margin-top:10px;font-size:18px;font-weight:700;height:28px;line-height:28px;text-align:center;color:#333}
    .detail-container .protocol-detail h2,.detail-container .protocol-detail h3{font-size:16px;font-weight:700;line-height:28px;margin-top:10px;color:#333}
    .protocol-detail{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px;box-sizing:border-box}
    .protocol-detail h1{margin-top:10px;font-size:16px;font-weight:700;height:30px;line-height:30px;font-weight:400;text-align:center}
    .protocol-detail .em,.protocol-detail h2,.protocol-detail h3{font-size:15px;font-weight:700;line-height:26px;margin-top:10px;font-weight:400}
    .protocol-detail .em{text-indent:20px}
    .protocol-detail p{text-indent:20px;font-size:14px;color:#777;line-height:20px}
    .protocol-detail strong{color:#303030;font-weight:700}
    .protocol-detail>ol{padding-left:20px;font-size:14px;line-height:26px;margin-top:10px;font-weight:400}
    .protocol-detail>ol li{text-indent:10px}
    .protocol-detail ul{padding-left:30px}
    .protocol-detail ul li{margin-top:2px;font-size:13px;line-height:16px;color:#777;list-style-type:none}
    .protocol-detail.community>ol,.protocol-detail.intellectualproperty>ol{list-style-type:upper-roman}
    .protocol-detail.community>ul li{list-style-type:none}
    .protocol-detail a{text-decoration:none;color:#576b95}
}