@charset "utf-8";
/* CSS Document */
/* author-----zhouxincai */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{overflow-x:hidden;}
table{border-collapse:collapse;border-spacing:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;outline: none;}
input, button, textarea, fieldset, img {border: 0 none;}
html,body{-webkit-text-size-adjust:none;}
img{-ms-interpolation-mode: bicubic;}
body{background-color: #F6F6F6;font-size:14px; color:#333; font-family:"微软雅黑";}
body a{text-decoration:inherit;}
i{ font-style:normal;}

img {
    width: 100%;
    height: 100%;
}
/* 展示隐藏 */
.dn{display: none;}
.di{display: inline !important;}
.dib{display: inline-block !important;}

/* 定位 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.pr{position: relative;}
.pa{position: absolute;}

/* 距离调整 */
.margin0{margin: 0 !important;}
.padding0{padding: 0 !important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.pdd10{padding: 10px;}
.pdd20{padding: 20px;}
.pddt20{padding-top: 20px;}
.pddl20{padding-left: 20px;}
.pddr20{padding-right: 20px;}
.pddb20{padding-bottom: 20px;}

/* 对齐方式 */
.tc{text-align: center !important;}
.tl{text-align: left !important;}
.tr{text-align: right !important;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 字体 */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.fwb{font-weight: bold;}
.fwn{font-weight: normal;}

/* 基础色 */
.gray{color: gray;}
.black{color: black;}
.blue{color: #007eff;}
.red{color: #FF5F5F !important;}
a{color: inherit}


/* 两种盒子 */
.wrap{
    width: 100%;
    min-width: 1200px;
}
.content{
    width: 1200px;
    margin: 0 auto;
}

.ctt-ctt{
    height: auto;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 6px;
}
.left{
    float: left;
    width: 200px;
    margin-top: 25px;
    margin-right: 20px;
}
.right{
    float: right;
    width: 980px;
    margin-top: 25px;
}
.rgt-ctt{
    height: auto;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 6px;
}
.ctt-title{
    height: 24px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
.ctt-title-bd{
    border-bottom: 1px solid #cfcfcf;
}

 
/* 公用二级导航 */
.second-nav{
    height: 35px;
    margin-bottom: 20px;
    padding-top: 15px;
    /*padding-left: 10px;*/
    border-bottom: 2px solid #F5F5FA;
}
.second-nav a {
    display: inline-block;
    height: 35px;
    padding: 0 5px;
    font-size: 14px;
    color: #333;
}
.second-nav a.active {
    border-bottom: 2px solid #007eff;
    color: #007eff;
}
/* 错误提示 */
.error-line{
    border: 1px solid #f00 !important;
}
.error_line{
    border: 1px dashed #FF0000 !important;
}

.error{
    display: block;
    height: 24px;
    padding-left: 24px;
    background-image: url(../image/error.png)/*tpa=http://www.anauanqu.cn/images/error.png*/;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 1px;
    font-size: 14px;
    line-height: 24px;
    color: #f00;
}

/* 上传图片 */
.upload-img{
    height: auto;
}
.upload-img img{
    display: inline-block;
    width: 128px;
    height: 128px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

/* 单选框样式重置 */
label span{
    position: relative;
    top: 1px;
}
input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    font-size: 18px;
}

input[type="radio"]:checked + label::before{
    width: 10px;
    height: 10px;
    padding: 2px;
    background-color: #007EFF;
    background-clip: content-box;
    border: 1px solid #007EFF;
}

input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}


/* 复选框样式美化 */
label[type="checkbox"] span{
    position: relative;
    top: -1px;
}

input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

input[type="checkbox"]+label::before {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: silver;
    background-color: #fff;
    border: 1px solid #ccc;
    text-indent: 0px;
    line-height: .8;
    font-size: 18px;
}

input[type="checkbox"]:checked+label::before {
    content: '';
    border: 1px solid #007EFF;
    background: url("../image/all_select@2x.png")/*tpa=http://www.anauanqu.cn/images/all_select@2x.png*/ no-repeat center center;
    background-size: cover;
    color: #fff;
}

/* 下拉框样式美化 */
select{
    display: inline-block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: url(../image/select.png)/*tpa=http://www.anauanqu.cn/images/select.png*/ no-repeat right center #fff;
    background-size: auto 100%;
    border: 1px solid #CCC;
    font-size: 14px;
    color: #666;
    outline: none;
}

/* 弹窗 */
.popup{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.popup-white{
    background-color: rgba(255,255,255,0.1);
}
.popup-title{
    position: relative;
    height: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cfcfcf;
    line-height: 40px;
    font-size: 16px;
}

.close{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(../image/close.png)/*tpa=http://www.anauanqu.cn/images/close.png*/;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    cursor: pointer;
}

/* 分页 */
/* 红色居中分页 */
.pager{
    padding: 20px 0;
    text-align: center;
}
.pager a {
    display: inline-block;
    height: 30px;
    margin-left: 5px;
    padding: 0 10px;
    line-height: 30px;
    background: #FFF;
    color: #000;
}
.pager a.now {
    background: #d70000;
    color: #fff;
}
.pager input{
    width: 42px;
    height: 28px;
    border: 1px solid #E1E2E3;
    padding-left: 5px;
}

/* 右侧蓝色分页 */
.pager2{
    text-align: right;
}
.pager2 a{
    display: inline-block;
    height: 24px;
    margin-left: 5px;
    padding: 0 8px;
    background: #FFF;
    border: 1px solid #E1E2E3;
    line-height: 24px;
    color: #333;
}
.pager2 a.now{
    background: #f2f8ff;
    border: 1px solid #38f;
    color: #007eff;
}
.pager2 input{
    width: 42px;
    height: 28px;
    border: 1px solid #E1E2E3;
    padding-left: 5px;
}

/* 铃铛图标提示 */
.prompt {
    position: relative;
    z-index: 19;
    display: inline-block;
    min-width: 10px;
    height: 20px;
    cursor: pointer;
    font-size: 14px;
}
.prompt:hover div{
    display: block;
}
.prompt>img {
    width: 20px;
    height: 20px;
}

.prompt>img.tixing {
    width: 13px;
    height: 16px;
    vertical-align: middle;
}
.prompt div{
    display: none;
    position: absolute;
    top: 19px;
    left: 50%;
    transform: translate(-50%,0);
    width: 320px;
    height: auto;
}
.prompt div img{
    display: block;
    margin: 0 auto;
}
.prompt div p{
    width: 280px;
    padding: 10px 20px;
    background-color: #1e2745;
    border-radius: 6px;
    text-align: left;
    line-height: 24px;
    color: #fff;
}

/* 查看大图 */
.example-img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    max-width: 800px;
    max-height: 600px;
    padding: 25px;
    background-color: #fff;
    border-radius: 6px;
}
.example-img img{
    max-width: 800px;
    max-height: 600px;
}