*,:after,:before{box-sizing:border-box;outline:0}
body,html{height:100%}
body{background-color:#fff;font-size:12px;-webkit-font-smoothing:antialiased;font-family:arial,sans-serif}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul,a,div{margin:0;padding:0}
article,aside,audio,details,figcaption,figure,footer,header,img,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
fieldset,img{border:0}
address,caption,cite,dfn,em,i,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}
a,button,input,label,select{-webkit-tap-highlight-color:transparent}
button,input,select{font:100% tahoma,arial;vertical-align:baseline;border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:none}
input[type=checkbox],input[type=radio]{vertical-align:middle}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;margin:0}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
textarea{outline:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;overflow:auto;resize:none;font:100% tahoma,\5b8b\4f53,arial}
table{border-collapse:collapse;border-spacing:0}


.g-view{margin:0 auto;max-width:750px;min-width:320px}
.g-view:before{content:'';display:block;width:100%;height:.9rem}
.g-view:after{content:'';display:block;width:100%;height:1.5rem}
.g-flexview{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:750px;min-width:320px}
.g-scrollview{width:100%;height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;padding:.2rem;margin-bottom:-1px}
.g-scrollview:after{content:'';display:block;width:100%;height:.5rem}
.ios .g-scrollview{margin-top:1px}
.hairline .g-scrollview{margin-top:.5px}
.g-fix-ios-overflow-scrolling-bug{-webkit-overflow-scrolling:auto}
.m-button{padding:0 .24rem}
.btn{text-align:center;position:relative;border:none;pointer-events:auto;height:.7rem;line-height:.7rem;font-size:.26rem;display:inline-block;padding:0 .2rem;border-radius:.03rem;}
.btn-block{text-align:center;position:relative;border:none;pointer-events:auto;width:100%;display:block;font-size:.36rem;height:1rem;line-height:1rem;margin-top:.5rem;border-radius:.03rem;}
.btn-primary{background-color:rgba(72,142,255,.98);color:#FFF;}
.btn-primary:active{background-color:rgba(72,142,255,.68)}
.btn-danger{background-color:#EF4F4F;color:#FFF}
.btn-danger:active{background-color:#d74747}
.btn-warning{background-color:#FFB400;color:#FFF}
.btn-warning:active{background-color:#e6a200}
.btn-disabled{background-color:#CCC;color:#F0F0F0;pointer-events:none}
.btn-disabled:active{background-color:#b8b8b8}
.btn-hollow{background-color:#FFF;color:#454545}
.btn-hollow:active{background-color:#e6e6e6}
.btn-hollow:after{content:'';width:200%;height:200%;position:absolute;top:0;left:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #D9D9D9;border-radius:6px}
input[type=button].btn-hollow,input[type=submit].btn-hollow{border:1px solid #D9D9D9}
.hairline input[type=button].btn-hollow,.hairline input[type=submit].btn-hollow{border:.5px solid #B2B2B2}
.cell-input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:.7rem;font-size:.3rem;background:#fff; border-radius:0.03rem;color:#555;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-web  kit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;}
.cell-input input{ border:none; text-indent:5px; line-height:.7rem;}

.m-navbar{height:1rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
background:-webkit-linear-gradient(left,rgba(72,142,255,.98),rgba(74,233,255,1)); /* Safari 5.1 - 6 */
background:-o-linear-gradient(right,rgba(72,142,255,.98),rgba(74,233,255,1)); /* Opera 11.1 - 12*/
background:-moz-linear-gradient(right,rgba(72,142,255,.98),rgba(74,233,255,1)); /* Firefox 3.6 - 15*/
background:linear-gradient(to right, rgba(72,142,255,.98), rgba(74,233,255,1)); /* 标准的语法 */
}
.m-navbar:after{content:'';position:absolute;z-index:2;bottom:0;left:0;width:100%;height:1px;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 100%;transform-origin:0 100%}

.m-navbar .whitebg{max-width:750px;min-width:320px; position:absolute; z-index:0;}
.m-navbar .whitebg img{ width:100%; height:100%;margin-top:.7rem;}
.box-font{ position:absolute; width:50%; margin-left:25%; text-align:center; color:#fff; font-size:0.4rem; margin-top:.2rem;}
.boxtop-ico{width:1.2rem;margin: 0 auto;}
.boxtop-ico span{width:1.2rem;height:1.2rem;float:left;background-color:#fff;border:1px solid #d7d7d7;border-radius:50%;margin-top:.9rem;position:absolute; z-index:1;}
.boxtop-ico img{width:100%;height:100%;border-radius:50%;}
.box-color{ width:.35rem; height:.09rem; margin:.26rem 0rem 0rem .4rem;position:absolute;background-color:rgba(252,142,81,.98);z-index:2; border-radius:.6rem;}

.m-navbar.navbar-fixed{position:fixed;top:0;left:0;width:100%;z-index:100}



.m-tabbar{width:100%;position:relative;z-index:100;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.15rem .2rem .15rem;background-color:rgba(241,241,241,.96)}
.m-tabbar:after{content:'';position:absolute;z-index:0;top:0;left:0;width:100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 0;transform-origin:0 0}
.m-tabbar.tabbar-fixed{position:fixed;bottom:0;left:0;z-index:49}

.btn-padding{padding:0 .4rem}
.left{float:left;}
.right{float:right;}
.bfb{width:100%;}
.mr20{margin-right:.2rem;}
.ml20{margin-left:.2rem;}
.mt10{margin-top:.1rem;}
.mb20{margin-bottom:.2rem;}
.mb40{margin-bottom:.4rem;}
.tl{text-align:left;}
.tr{text-align:right;}

/*左边代码头部*/
.boxfl-top{width:100%;height:100%;padding:.2rem;}
.boxfl-ico{width:1rem;height:auto;}
.boxfl-ico span{width:100%;height:100%;float:left;background-color:#fff;border:1px solid #d7d7d7;border-radius:50%;margin-top:.38rem;}
.boxfl-ico img{width:100%;height:100%;border-radius:50%;}

.boxfl-con{width:auto;max-width:70%;}
.box-name{color:#bcbcbc;font-size:.24rem;line-height:.4rem; background-color:#ededed;border-radius:.4rem; }
.w-data{ width:180px; margin:0 auto;}

.boxfl-box{width:100%;}
.boxfl-summary{font-size:.3rem;width:auto;}
.boxfl-txt{background:#f4f4f4;padding:.24rem;position:relative;color:#222;border-radius:.03rem;}
.boxfl-txt a{text-decoration:underline; color:blue;  }
.boxfr-txt{background:#488eff;padding:.24rem;position:relative;color:#fff;border-radius:.03rem;}

.fl-ico01{width:.15rem;height:.2rem;position:absolute;left:-8px;top:.3rem;z-index:9;}
.fr-ico01{ width:.15rem;height:.2rem;position:absolute;right:-8px;top:.3rem;z-index:9;}

.tabbar-icon{ width:1.5rem; float:right;}
.tabbar-icon span{ float:left; }
.tabbar-icon .tabbar-sound{ width:.56rem; height:.56rem; display:block;}
.tabbar-icon .tabbar-sound img{ width:100%; height:100%;}
.tabbar-icon .tabbar-line{  height:.4rem; display:block; margin:.13rem .1rem 0rem .1rem;}
.tabbar-icon .tabbar-line img{ width:100%; height:100%;}
.tabbar-icon .tabbar-photo{ width:.56rem; height:.56rem; display:block;}
.tabbar-icon .tabbar-photo img{ width:100%; height:100%;}

.dspt {display: table;}
.dsptc {display: table-cell;}
.vt {vertical-align: top;}
.left{ float:left;}
.right{ float:right;}
.tc{ text-align:center;}

.tabbar-kf{ width:.56rem; height:.56rem; display:block;}
.tabbar-kf img{ width:100%; height:100%;}

/*--------新增2019/02/19--------*/
.zan-left{ position:absolute; right:-30px;top:0px;z-index:11;}
.zan-all{ width:22px; height:48px;}
.icon-zan{ width:22px; height:20px; display:block; background:url(../../images/icon-zan.png) no-repeat;}
.zan-a{ background-position:-6px 0px; margin-bottom:8px;}
.zan-a:hover,.zan-a:active{background-position:-39px 0px; }
/*--蓝色定位  -72px 0px; 红色定位  -39px 0px;--*/
.zan-b{ background-position:-6px -28px;}
.zan-b:hover,.zan-b:active{background-position:-39px -28px; }
/*--蓝色定位  -72px -28px; 红色定位  -39px -28px;--*/

.zan-a1 {
    background-position:-39px 0px;
}
/*--蓝色定位  -72px 0px; 红色定位  -39px 0px;--*/
.zan-b1 {
    background-position:-39px -28px;

}
/*--蓝色定位  -72px -28px; 红色定位  -39px -28px;--*/