@charset "utf-8";
/* CSS Document */
*{
    margin: 0;
    padding: 0;
}
p{
    line-height: 24px
}
body { line-height: 1 ;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
span{
    display: inline-block
}


article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block }
input, textarea { border: 0; outline: 0; -webkit-appearance: none; }
input:focus,select:focus{border-color: #2882D8;}
input::-webkit-input-placeholder{ color:#cccccc;}
input:-moz-placeholder{ color:#cccccc;}
input::-moz-placeholder{ color:#cccccc;}
input:-ms-input-placeholder{ color:#cccccc;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*input清除谷歌浏览器记住密码是黄色底*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}
/*input清除IE浏览器输入框输入时出现X和密码框输入时出现眼睛*/
input::-ms-clear { display: none;}
input::-ms-reveal { display: none;}
input{
    border:1px solid #dedede;
    border-radius: 3px;
}
form{
    margin-bottom:20px
}
select{outline: none}
input,select{
    height:28px;
    border:1px solid #ddd;
    border-radius:3px;
    padding: 0 8px;
    box-sizing: border-box;
}
input:hover,select:hover{
    border-color: #2882D8
}
label{
    display: inline-block;
    color:#666;
    margin-right: 4px;
}
body,html{
    line-height: 1;
    font-size:14px;
    color:#333;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    font-family:sans-serif, serif, monospace, cursive, fantasy;
}
* { -webkit-tap-highlight-color: rgba(255,255,255,0) }
h1,h2,h3,h4,h5,h6,b,strong{
    font-weight:normal;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400}

i,em{
    font-style:normal;
    display: inline-block
}
ol,ul,li{
    list-style:none;
}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
img{
    border:0;
}
img{ vertical-align:middle;}

a{
    display: inline-block;
    text-decoration:none;
    color:#333;
    font-weight: 400;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: pointer;
}
/* a:hover{
    color:#27A5F9 ;
} */
input{
    outline:none;
}
.f33{
    color: #333;
}
.f99{
    color:#999
}
.f66{color:#666}
.clearfix{
    *zoom:1;
    /* 兼容IE低版本高度塌陷问题	 */
}
/* 清除浮动 */
.clearfix:after{
    content:' ';
    display:block;
    height:0;
    line-height:0;
    clear:both;
    overflow:hidden;
}
/* IE6双边距问题；在 IE6中设置了float , 同时又设置margin*/
.f_m{
    display:inline;
}
/* IE9一下浏览器不能使用opacity */
.oc{
    opacity: 0.5;
    filter: alpha(opacity = 50);
    filter: progid:DXImageTransform.Microsoft.Alpha(style = 0, opacity = 50);
}
.w1200{
    width:1200px;
    margin: auto
}

/* flex布局样式 */
.flex{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
}
/* 均匀分开且垂直居中 */
.ds-sa{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* 水平居中 */
.ds-ac{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
}
/* 均匀分开两边不留白 */
.ds-sc{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: space-between;
    justify-content: space-between;
}
/* 水平居中 */
.ds-sj{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* 水平垂直居中 */
.ds-jad{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
/* 分开换行 */
.df-fw{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap:wrap;
}
.flex-hc {
    /* 09版 */
    -webkit-box-pack: flex-end;
    /* 12版 */
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}
.flex-vc {
    /* 09版 */
    -webkit-box-align: flex-start;
    /* 12版 */
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}
/* 竖向排列 */
.df_c{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

/* 按钮 */
.btn{
    height:42px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    margin-left: 20px;
    border:1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
}
.btn1{
    background:#27A5F9;
    color: #fff;
}
.btn1:hover{
    background:#1682D4;
    color: #fff;
}
.btn1:active{
    background:#27A5F9;
    color: #fff;
}
.btn2{
    border:1px solid #ddd;
    box-sizing: border-box;
}
.btn2:hover{
    border:1px solid #2882D8;
    color:#2882D8
}
.btn2:active{
    background:#1E5CB3;
    color: #fff;
}
/* 单选 */
.radio_mode {
    margin-right: 24px;
    cursor: pointer;
    margin-left: 4px;
    line-height: 20px;
}
.radio_mode .radio_inner {
    margin-right: 6px;
    width: 6px;
    height: 6px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 3px;
}
.radio_mode .radio_inner i {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    display: block;
    background-color: #fff;
}
.radio_mode.select_in .radio_inner {
    background-color: #2882D8;
    border-color: #2882D8;
}

/* 点击搜索框获取焦点 placeholder消失-开始 */
input:focus::-webkit-input-placeholder{
    color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}
textarea:focus::-webkit-input-placeholder{
    color: transparent;
}
input:focus:-moz-placeholder{
    color: transparent;
}
textarea:focus:-moz-placeholder{
    color: transparent;
}/* Mozilla Firefox 4 to 18 */
input:focus::-moz-placeholder{
    color: transparent;
}
textarea:focus::-moz-placeholder{
    color: transparent;
}/* Mozilla Firefox 19+ */
input:focus:-ms-input-placeholder{
    color: transparent;
}
textarea:focus:-ms-input-placeholder {/* Internet Explorer 10+ */
    color: transparent;
}
/* 修改placeholder颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color:#DDDDDD;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#DDDDDD;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#DDDDDD;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#DDDDDD;
}