@charset "utf-8";

body,div,span,p,img,h1,h2,h3,h4,h5,h6,ul,ol,li,em,tr,td,input,label,select{ margin:0;outline:medium none;background:0;border:0;padding:0;font-family:'微软雅黑';border:0 none;font-style:normal;font-size:12px }
div{ font-size:0;background:url(../images/click_bj.png) repeat;-webkit-tap-highlight-color:rgba(255,255,255,0) }

img{ border:0;padding:0;margin:0;font-size:0; }

ul{font-size:0}
ul,ol,li{ margin:0;padding:0;list-style:none;vertical-align:top }

a{ text-decoration:none;outline:0;font-family:'微软雅黑';background:url(../images/click_bj.png) repeat;-webkit-tap-highlight-color:rgba(255,255,255,0) }
a:hover{ text-decoration:none }


.height2{ height:2px;clear:both;overflow:hidden }
.height3{ height:3px;clear:both }
.height5{ height:5px;clear:both;overflow:hidden }
.height7{ height:7px;clear:both;overflow:hidden }
.height10{ height:10px;clear:both;overflow:hidden }
.height15{ height:15px;clear:both;overflow:hidden }
.height20{ height:20px;clear:both;overflow:hidden }
.height25{ height:25px;clear:both;overflow:hidden }
.height27{ height:27px;clear:both;overflow:hidden }
.height28{ height:28px;clear:both;overflow:hidden }
.height30{ height:30px;clear:both;overflow:hidden }
.height35{ height:35px;clear:both;overflow:hidden }
.height37{ height:37px;clear:both;overflow:hidden } 


/**清除浮动**/
.clear:after{ content:""; display:block; clear:both; }
/**清除select三角**/
select{ -webkit-appearance:none; }





/* 

 引用字体： @font-face{ font-family: 'oswald';  src: url('..//fonts/oswald.regular.ttf'); }

 文本两端对齐： text-align:justify;

 字数超出显示省略号：  white-space: nowrap; text-overflow: ellipsis; overflow:hidden;

 文字多行超出显示省略号： text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 
 多行显示省略号：  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;

 改变input提示文字的样式：  input::-webkit-input-placeholder {  } 

 平滑滚动： -webkit-overflow-scrolling: touch; 

 图片（阻止用户的点击动作产生任何效果）：   img { pointer-events:none;}

 隐藏滚动条： .Rule_Word::-webkit-scrollbar { display: none; }

 旋转中心：transform-origin：50% 50%;

 鼠标穿透：  pointer-events: none;

 模糊效果 .Vague{ -webkit-filter:blur(10px); }

*/


/*Loading页样式*/
.LoadingPage{ width:100%; height:100%; background:#00ff90; position:absolute; top:0; left:0; overflow:hidden; display:block; }
.LoadingCont{ width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; }
.LoadingBox{ width:500px; height:20px; border-radius:20px; border:3px solid #fff; margin:0 0 0 50%; transform:translateX(-50%); }
.Loading{ width:0%; height:100%; border-radius:20px; top:0; left:0; background:#fff; }
.Loading_Number{ width:100%; text-align:center; font-size:24px; color:#fff; margin:30px 0 0 0; }


/*公用Alert弹窗*/
.PublicAlertWrap { position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; background: rgba(0,0,0,.7); }
.Pormat { position: absolute; width: 464px; background: #f6f5f3; top: 38%; left: 50%; margin-left: -232px; overflow: hidden; border-radius: 25px; border: 1px solid #e1e1e1; }
.PormatText { color: #000; text-align: center; font-size: 25px; position: relative; top: 0; vertical-align: middle; padding: 30px; }
.PormatText div { font-size:1em;}
.PormatClickText { z-index: 12; position: relative; top: 0; height: 75px; line-height: 75px; width: 100%; color: #1487ff; text-align: center; vertical-align: middle; font-size: 25px; border-top: 1px solid #e1e1e1; }
.PormatClickText div { font-size:1em;}
.Boder_ { position: relative; height: 3px; width: 100%; background: #e1e1e1; top: 0; left: 0; }
.PublicAlertInner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); background: #fff; border-radius: 25px; overflow: hidden; width: 80%; }
.AlertOK { width: 100%; padding: 30px 0; color: #1487ff; text-align: center; font-size: 30px; }
/*
                                  |
                                  |
                                  |
                                  |
                                  |
                              \      /
                               \    /
                                \  /
                                 \/

    <!----   Alert浮层通用  ---->
    <div class="PublicAlertWrap TouchmoveKey Js_TipBox" style="display: none;">
        <div class="Pormat">
            <div class="PormatText Js_TipText">
                <div class="Cn_Dom"></div>
            </div>
            <div class="PormatClickText Js_OKBtn">
                <div class="Boder_"></div>
                <div class="Cn_Dom">好</div>
            </div>
        </div>
    </div>

*/



/*菊花状加载*/
.Chrysanthemum{ width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4);display:none;z-index:5; }
.Juhua{ position: absolute; width: 100%; text-align: center; top: 45%; }
.Juhua>img{ width:10%; }

/*
                                  |
                                  |
                                  |
                                  |
                                  |
                              \      /
                               \    /
                                \  /
                                 \/

    <div class="Chrysanthemum Js_Loadinggif">
        <div class="Juhua">
            <img src="images/0.0.gif">
        </div>
    </div>

*/


/*Loading*/