﻿/****************************************************************
 -- 【全局样式配置】 --
****************************************************************/
 * {
    margin:0px; padding:0px; border:0px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-overflow-scrolling:touch;
    background-clip:padding-box;
 }
 *,::after,::before { -webkit-tap-highlight-color:transparent; -moz-tap-highlight-color:transparent; -o-tap-highlight-color:transparent; tap-highlight-color:transparent; }
 html { height:100vh; overflow-x:hidden; }
 body {
    height:100%; background-color:#FFFFFF; overflow-x:hidden;
   /*禁止IOS双击缩放*/ touch-action:manipulation;
   /*禁止IOS字号适配*/ -ms-text-size-adjust:100%!important; -webkit-text-size-adjust:100%!important; -moz-text-size-adjust:100%!important; text-size-adjust:100%!important;
   /*禁止IOS橡皮滚动*/ overscroll-behavior:none;
 }
 img { border:0px; }
 table { width:100%; border-collapse:collapse; border-spacing:0px; border:0px; }
 td,th { padding:0px; border:0px; -webkit-tap-highlight-color:rgba(255,0,0,0); }
 ul, ol, li, dl { list-style:none; }
 i, u, em { font-style:normal; }
 iframe  { background-color:transparent; }
 a       { text-decoration:none; outline:none!important; -webkit-tap-highlight-color:rgba(255,0,0,0); }
 a:hover { text-decoration:none; }

/****************************************************************
 -- 【常用类】 --
****************************************************************/
 .body_FF { background-color:#FFFFFF; }
 .body_F2 { background-color:#F2F2F2; }

 /*常用类--布局*/
 .boxclear { clear:both; overflow:hidden; float:none; height:0; font-size:0; }
 .boxwidth750 { width:750px; margin:0 auto; }
 .boxwidth720 { width:720px; margin:0 auto; }
 .boxwidth700 { width:700px; margin:0 auto; }
 .boxfolat750 { position:fixed; width:750px; margin-left:-375px; left:50%; overflow:auto; }
 .boxheight{ height:calc(1px + 100%); }  /*解决IOS弹出层，内容区小于屏幕高度，阻止橡皮滚动*/

 /*常用类--动画时间*/
 .Time0 { animation-duration:0ms;   -webkit-animation-duration:0ms; }
 .Time2 { animation-duration:200ms; -webkit-animation-duration:200ms;}
 .Time4 { animation-duration:400ms; -webkit-animation-duration:400ms; }
 .Time6 { animation-duration:600ms; -webkit-animation-duration:600ms; }
 .Time8 { animation-duration:800ms; -webkit-animation-duration:800ms; }
 .Time9 { animation-duration:999ms; -webkit-animation-duration:999ms; }

 /*常用类--页面加载*/
 #DataLoad { position:fixed; width:240px; height:240px; left:50%; top:50%; margin-left:-120px; margin-top:-120px; display:none; z-index:900; }
 #DataMore { text-align:center; padding-top:15px; padding-bottom:calc(15px + env(safe-area-inset-bottom)); }
 #DataMore a { font-size:28px; color:#333333; display:none; }

 /*常用类--返回、关闭按钮*/
 .PageBack { position:fixed; z-index:920; width:92px; height:92px; left:50%; margin-left:245px; bottom:45px; padding:6px; background-color:rgba(104,169,227,0.8); border-radius:100%; }
 .PageBack div { width:100%; height:100%; color:#FFFFFF; text-align:center; cursor:pointer; background-color:rgba(194,223,252,0.6); border-radius:100%; }
 .PageBack div p    { font-size:28px; text-shadow:1px 1px 3px #293378; padding-top:6px; padding-bottom:2px; transform:scaleX(-1); }
 .PageBack div span { font-size:24px; text-shadow:1px 1px 3px #1D2456; letter-spacing:3px; padding-left:3px; }

 .PageClose { position:fixed; z-index:920; width:100px; height:100px; left:50%; margin-left:225px; bottom:45px; padding:6px; background-color:rgba(253,67,61,0.8); border-radius:100%; }
 .PageClose div { width:100%; height:100%; color:#FFFFFF; text-align:center; cursor:pointer; background-color:rgba(254,195,193,0.6); border-radius:100%; }
 .PageClose div p    { font-size:30px; text-shadow:1px 1px 3px #FD433D; padding-top:9px; padding-bottom:2px; transform:scaleX(-1); }
 .PageClose div span { font-size:24px; text-shadow:1px 1px 3px #D70702; letter-spacing:3px; padding-left:3px; }

 /*常用类--弹出窗口(小窗口)*/
 .Tishi_bgs { display:none; position:fixed; z-index:990; width:100%;  height:100%; left:0px; top:0px; background-color:rgba(50,50,50,0.85); }
 .Tishi_Con { display:none; position:fixed; z-index:999; width:750px; height:800px; left:50%; margin-left:-375px; bottom:0px; z-index:9999; background-color:#FFFFFF; }
 .Tishi_Con iframe { width:100%; height:100%; border:none; border-radius:0px; }

 /*常用类--弹出窗口(全屏类)*/
 #FadeFull { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(50,50,50,0.85); z-index:9999; }
 .DivFull  { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:transparent; z-index:99999; border-radius:0px; }
 .DivFull iframe { width:100%; height:100%; border:none; border-radius:0px; background-color:transparent; }
