/*css 初始化 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}

fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none; /*去掉input 获取焦点后的外框环绕*/
}



*{box-sizing: border-box;}

.clearfix:before, .clearfix:after {
    /*清除浮动，最好最标准的写法*/
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    visibility: hidden;/*保留位置*/  }

.clearfix {
    *zoom: 1; /*IE/7/6*/  /*兼容IE6下的写法*/  }

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #C81623;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

s, i, em {
    font-style: normal;/*将原有的样式去掉*/
    text-decoration: none;/*去掉下划线，但也可以去掉中划线(贯穿线)*/
}

/* 分页 */
div.fy {text-align:center;line-height:4rem; padding-bottom:30px;}
div.fy a { border-radius:5px; border:1px solid #b8bcbc; background:#b8bcbc; margin:2px 5px;padding:6px 11px;color:#fff;font-size:1.4em; display:inline;}
div.fy a:hover { border:1px solid #eb6120; background-color:#eb6120;color:#FFF;}
div.fy a:active { border:1px solid #eb6120; background-color:#eb6120;color:#FFF;}
div.fy span.current { border-radius:5px; border:1px solid #eb6120; margin:2px 5px;padding:6px 11px;background-color:#eb6120;color:#FFF; font-size:1.4em;}
div.fy span.disabled { border-radius:5px; border:1px solid #b8bcbc; margin:2px 5px; padding:6px 11px;color:#b8bcbc; font-size:1.4em;}



/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;  display:block;}
.close::before,.close::after {  content:''; width:40px; height:2px; background:#FFF;    display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.close::before {    -webkit-transform:rotate(45deg);    transform:rotate(45deg);}
.close::after { -webkit-transform:translateY(-2px) rotate(-45deg);  transform:translateY(-2px) rotate(-45deg);}
.close:hover:before{transform:rotate(90deg);}
.close:hover:after{ transform:rotate(0deg);}

.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;   bottom:0;   top:20%;margin:auto;    display:none;   z-index:1000;   width: 100%;   max-width: 800px;    height:600px;}