@charset "utf-8";
/*******************************
            Global
*******************************/
*{margin:0; padding:0; outline:none; border:0;font-family:"Microsoft YaHei" ! important; box-sizing: border-box;}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea,button,th,td,img{margin:0;padding:0;}
body{font-family: 'Microsoft Yahei',"Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;color: #676767;}
body,html{width:100%; height:100%;font-family:"Microsoft YaHei" ! important;}
html{font-size: 62.5%}
h1,h2,h3,h4,h5,h6{font-size:1.8rem;font-weight:400;}
ul,dl,ol{list-style:none;}
img,fieldset{border:none;}
i,em{font-style:normal;}
img{vertical-align: middle;}
table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:hide;word-break:break-all;word-wrap:break-word;}
textarea{resize:none;overflow-y:auto;} 
p{word-break:break-all;word-wrap:break-word;font-family:"Microsoft YaHei" ! important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#a3a3a3;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#a3a3a3;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#a3a3a3;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#a3a3a3;}
mark{font-family:"Microsoft YaHei" ! important; background-color:none;}
label{cursor:default}
pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;      word-break:break-all;overflow:hidden;}
.dn{display:none;}
.db{display:block;}
.fl{float:left}
.fr{float:right}
.absolute{position:absolute}
.relative{position:relative}
.fixer{ position: fixed; top: 0; z-index: 9999;}
.t_2em{ text-indent:2em;}
.z_index{z-index: 99;}
.cursor{cursor:pointer}
/*清除浮动方式*/
.clearfix:after{content:"\20"; display:block; clear:both;}
.clearfix{zoom:1} 
.clear{clear: both; overflow:hidden; font-size:0; line-height:0; height:0;}
.bottomfix:after{content:"\20"; display:block; clear:both;}
.warp{min-height: 600px; _height: 600px;}
/*文字链接*/
a{color:#333333; text-decoration:none; cursor:pointer;}

.pull_left{float:left;}
.pull_right{float:right;}
.w33{ width: 33%;}
.w66{ width: 66%;}
.w100{ width: 100% !important;max-width: 100% !important;}
.h44{height:44px;}

.c999{color:#999;}
.c666{color:#666;}
.c333{color:#333;}
/*公共边距*/
.mt40{ margin-top: 60px;}

/*公共按钮样式*/


/*头部样式*/

/*--- regBlue ---*/
.fanye{ text-align: center; margin: 10px 0; }
.fanye a{ border:1px solid #e5e5e5; background: #fff; padding:0 12px; color: #000000; display:inline-block; vertical-align: middle; font-size: 1.4em; line-height: 30px; height: 32px; border-radius: 2px; margin: 0 2px 10px 2px; color: #8d8d8d;}
.fanye a.page_current,.fanye a.page_current:hover{ background: #fff; color: #ed3737; border:1px solid #e5e5e5}
.fanye a code{ padding-left: 4px;}
.fanye a:hover{background: #04bc6c;border:1px solid #04bc6c; color:#fff;}
.fanye .fy_focus{background: #04bc6c;border:1px solid #04bc6c; color:#fff;}
.fanye a.page_pre,.fanye a.page_next{ padding:0 8px;}
/********分页*******/
.fenye .act{ background: #04bc6c; color: #fff; border:1px solid #04bc6c}
.fenye{ text-align: center; margin: 10px 0; }
.fenye a{ margin-bottom:6px; border:1px solid #e5e5e5; background: #fff; padding:0 8px; color: #000000; display:inline-block; vertical-align: middle; font-size: 1.4em; line-height: 30px; height: 32px; border-radius: 2px; margin:12px 2px 6px 2px; color: #8d8d8d;}
.fenye .act{ background: #04bc6c; color: #fff; border:1px solid #04bc6c}
/****广告图片***/
#pic_in {margin-top: 57px; display: inline-block;}
/*** 下拉选择 ***/
.card_tshow{background: #ffffff; width: 100%;  font-family:"Microsoft YaHei" ! important; overflow: hidden; cursor: pointer; background:url(../images/open.png) no-repeat right ; }
.card_tshow .card_sipt{ width: 86%;height: 50px; padding-left: 4%; line-height: 50px; border: 0; background: none;font-family:"Microsoft YaHei" ! important; float: left; color: #999;}
.boxUpDown{ background: #ffffff;border: 1px solid #04bc6c; width: 92%; padding: 0 4%; border-radius: 8px;  position: absolute; top: 50px; left: -1px;max-height: 200px; max-height: 200px; _height: 200px; overflow-y: auto;z-index: 9999;;}
.boxUpDown li{padding:5px 10px;cursor:pointer;line-height:28px; border-bottom: 1px solid #f1f1f1; color: #999;;}
.boxUpDown li:hover{background:#04bc6c;color:#fff;}

/*中间部分*/
#main{width:100%;-webkit-overflow-scrolling : touch; overflow:auto;}

/*google浏览器去掉黄色背景输入框*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;border: 1px solid #CCC!important;}

/*失败授权*/
.fail{background:url(../images/fail.png) no-repeat center 3rem;padding-top:12rem;background-size:7rem auto;text-align:center;font-size:1.4rem;padding-bottom:20px;}
.fail a{color:#40decf;}

/*加载中css3动画样式*/
#nolist{display:block;width: 100%;text-align: center; line-height: 50px; height: 50px; font-size: 1.8rem;text-align: center; }
#showlist{position:relative;width:50px;margin:0 auto;height:30px;display:none;}
#showlist:before{
    width:20px;
    height:20px;
    border-radius:20px;
    top:5px;
    background:blue;
    content:'';
    position:absolute;
    background:#9b59b6;
    animation: showlist_before 1.5s infinite ease-in-out;
    -webkit-animation: showlist_before 1.5s infinite ease-in-out;
}

#showlist:after{
    width:20px;
    height:20px;
    border-radius:20px;
    top:5px;
    background:blue;
    content:'';
    position:absolute;
    background:#2ecc71;
    left:22px;
    animation: showlist_after 1.5s infinite ease-in-out;
    -webkit-animation: showlist_after 1.5s infinite ease-in-out;
}

@-webkit-keyframes showlist_before {
    0% {transform: translateX(0px) rotate(0deg)}
    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}
      100% {transform: translateX(0px) rotate(0deg)}
}
@-webkit-keyframes showlist_after {
    0% {transform: translateX(0px)}
    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
    100% {transform: translateX(0px)}
}