﻿@charset "UTF-8";

@import url("https://at.alicdn.com/t/font_1941590_anoj51jdyn.css");



/*css 初始化 */



html,

body,

ul,

li,

ol,

dl,

dd,

dt,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

fieldset,

legend,

img {

    margin: 0;

    padding: 0;

}



fieldset,

img,

input,

button {

    border: none;

    padding: 0;

    margin: 0;

    outline-style: none;

}



* {

    word-wrap: break-word;

}





/*去掉input等聚焦时的蓝色边框*/



ul,

ol,

li {

    list-style: none;

}



button {

    cursor: pointer;

}



input {

    padding-top: 0;

    padding-bottom: 0;

}



select,

input {

    vertical-align: middle;

    font-size: 14px;

    margin: 0;

}



textarea {

    resize: none;

}





/*防止拖动*/



img {

    border: 0;

    vertical-align: middle;

}





/* 去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/



table {

    border-collapse: collapse;

}



body {

    min-width: 1240px;

    font-size: 14px;

    font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;

    color: #666;

    background: #f2f2f2;

    padding: 0px;

}



.clearfix:before,

.clearfix:after {

    /*清除浮动*/

    content: "";

    display: table;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

    /*IE/7/6*/

}



h1,

h2,

h3,

h4,

h5,

h6 {

    text-decoration: none;

    font-weight: normal;

    font-size: 100%;

}





/*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/



s,

i,

em {

    font-style: normal;

    text-decoration: none;

}



.relative {

    position: relative;

}



.absolute {

    position: absolute;

}





/*select{padding:2px;}解决select的浏览器兼容性*/



input,

select {

    background: #fff;

}





/*解决设置windows窗口背景色后输入框和文本域变色的问题*/



a {

    text-decoration: none;

}



input::placeholder,

textarea::placeholder {

    color: #999;

}



button:hover,

.btn_hover:hover {

    opacity: 0.8;

    transition: all .6s;

    -moz-transition: all .6s;

    -webkit-transition: all .6s;

    -o-transition: all .6s;

}





/* 按钮样式 */





/* 最小高度按钮 高度为22或23 */



.button_30 {

    display: inline-block;

    min-width: 48px;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

    background: #189f7a;

    color: #fff;

    cursor: pointer;

    text-align: center;

}



.button_orange_small {

    box-sizing: content-box;

    display: inline-block;

    min-width: 48px;

    height: 23px;

    line-height: 23px;

    padding: 0 10px;

    background: #189f7a;

    color: #fff;

    border: 1px solid #189f7a;

    cursor: pointer;

}



.button_red_small {

    box-sizing: content-box;

    display: inline-block;

    min-width: 48px;

    height: 32px;

    line-height: 32px;

    padding: 0 10px;

    background: #ff2834;

    color: #fff;

    border: 1px solid #ff2834;

    cursor: pointer;

    text-align: center;

}



.button_light_green_small {

    text-align: center;

    display: inline-block;

    min-width: 28px;

    height: 23px;

    line-height: 23px;

    padding: 0 10px;

    color: #189f7a;

    background: #e7eeff;

    border: 1px solid #189f7a;

    cursor: pointer;

    white-space: nowrap;

}



.button_gray_small {

    display: inline-block;

    min-width: 28px;

    height: 23px;

    background: #f9f9f9;

    line-height: 23px;

    padding: 0 10px;

    color: #666;

    border: 1px solid #d9d9d9;

    cursor: pointer;

    white-space: nowrap;

}



.button-line-orange-small {

    background-color: #ffdcde;

    display: inline-block;

    min-width: 28px;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

    color: #ff2834;

    border: 1px solid #ff2834;

    cursor: pointer;

}



.button_orange_small:hover {

    opacity: 0.8;

}



.button-line-orange-small:hover {

    background: #ff2834;

    color: #fff !Important;

}



.button_light_green_small:hover {

    background: #189f7a;

    color: #fff;

}



.button_gray_small:hover {

    opacity: 0.8;

}





/* 中等高度按钮 高为34 */



.button_line_orange_large {

    text-align: center;

    font-size: 14px;

    display: inline-block;

    min-width: 48px;

    height: 32px;

    line-height: 32px;

    padding: 0 10px;

    color: #189f7a;

    border: 1px solid #189f7a;

    background-color: #e7eeff;

    cursor: pointer;

}



.button_line_orange_large:hover {

    background-color: #189f7a;

    color: #fff;

}



.button_orange_large {

    text-align: center;

    font-size: 14px;

    display: inline-block;

    min-width: 48px;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

    background: #189f7a;

    color: #fff;

    border: 1px solid #189f7a;

    cursor: pointer;

}



.button_orange_large:hover {

    opacity: 0.80;

}



.btn_small_32h_solid,

.btn_small_32h_hollow {

    text-align: center;

    font-size: 14px;

    display: inline-block;

    min-width: 48px;

    height: 32px;

    line-height: 32px;

    padding: 0 10px;

    color: #fff;

    border: 1px solid #189f7a;

    background: #189f7a;

    cursor: pointer;

}



.btn_small_32h_hollow {

    color: #189f7a;

    background: #fff;

}



.btn_small_32h_solid:hover,

.btn_small_32h_hollow:hover {

    opacity: 0.80;

}





/* 高为42的按钮 */



.button_line_orange_big {

    text-align: center;

    background: #fff;

    display: inline-block;

    min-width: 48px;

    height: 40px;

    line-height: 40px;

    background: #fff;

    padding: 0 10px;

    color: #189f7a;

    border: 1px solid #189f7a;

    cursor: pointer;

    text-align: center;

}



.button_line_orange_big:hover {

    background: #189f7a;

    color: #fff;

}



.button_line_blue_big {

    text-align: center;

    background: #fff;

    display: inline-block;

    min-width: 48px;

    height: 40px;

    line-height: 40px;

    background: #fff;

    padding: 0 10px;

    color: #1845a5;

    border: 1px solid #1845a5;

    cursor: pointer;

    text-align: center;

}



.button_line_blue_big:hover {

    background: #1845a5;

    color: #fff;

}



.button_orange_big {

    text-align: center;

    font-size: 20px;

    display: inline-block;

    min-width: 48px;

    height: 40px;

    line-height: 40px;

    padding: 0 10px;

    background: #189f7a;

    color: #fff;

    border: 1px solid #189f7a;

    cursor: pointer;

}



.button_orange_big:hover {

    opacity: 0.8;

}



.button_blue_big {

    text-align: center;

    font-size: 20px;

    display: inline-block;

    min-width: 48px;

    height: 40px;

    line-height: 40px;

    padding: 0 10px;

    background: #189f7a;

    color: #fff;

    border: 1px solid #189f7a;

    cursor: pointer;

}





/* input select */





/* 前台栏目标题搜索框 */







.home_input_larger {

    background: none;

    box-sizing: content-box;

    width: 236px;

    padding: 0 10px;

    height: 32px;

    line-height: 32px;

    border: 1px solid #cbcbcb;

}



.home_input_form_large {

    width: 380px;

    padding: 0 15px;

    font-size: 14px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #d2d2d2;

}







.home_input_form_normal {

    width: 166px;

    padding: 0 15px;

    font-size: 14px;

    height: 38px;

    line-height: 38px;

    border: 1px solid #d2d2d2;

}



.home_input_form_small {

    width: 60px;

    padding: 0 15px;

    font-size: 14px;

    height: 38px;

    line-height: 38px;

    border: 1px solid #d2d2d2;

}



.home_select_larger {

    background: none;

    box-sizing: content-box;

    color: #666;

    width: 130px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #e7e7e7;

}





.home_input_small {

    background: none;

    box-sizing: content-box;

    width: 236px;

    padding: 0 10px;

    height: 22px;

    line-height: 22px;

    border: 1px solid #cbcbcb;

}



.home_select_small {

    background: none;

    box-sizing: content-box;

    color: #666;

    width: 80px;

    height: 22px;

    line-height: 22px;

    border: 1px solid #cbcbcb;

}



input::placeholder {

    color: #b4b4b4;

}



.home_select_large {

    background: none;

    box-sizing: content-box;

    color: #b4b4b4;

    width: 130px;

    height: 30px;

    line-height: 30px;

    border: 1px solid  #dedede;

}



.home_select_large option {

    color: #333;

}



.home_input_large {

    background: none;

    box-sizing: content-box;

    width: 236px;

    padding: 0 10px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #dedede;

}

.home_input_form_larger {

    width: 300px;

    padding: 0 15px;

    font-size: 14px;

    height: 38px;

    line-height: 38px;

    border: 1px solid #e7e7e7;

}



.textArea {

    border: 1px solid #e7e7e7;

    padding: 5px;

    width: 100%;

    box-sizing: border-box;

    line-height: 180%;

    height: 100px;

    font-family: microsoft yahei, simsun;

}





/* 用户后台select   input */



.input_form_larger {

	box-sizing: border-box;

    width: 310px;

    padding: 0 15px;

    font-size: 14px;

    height: 32px;

    line-height: 32px;

    border: 1px solid #e7e7e7;

}



.select_large {

    background: none;

    box-sizing: content-box;

    color: #666;

    width: 190px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #cbcbcb;

}



.select_larger {

    background: none;

    box-sizing: content-box;

    color: #666;

    width: 190px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #e7e7e7;

}



.input_large {

    background: none;

    width: 236px;

    padding: 0 10px;

    height: 32px;

    line-height: 30px;

    border: 1px solid #cbcbcb;

}



.input_larger {

    background: none;

    width: 236px;

    padding: 0 10px;

    height: 40px;

    line-height: 38px;

    border: 1px solid #cbcbcb;

}





/*公共部分*/





/* 表单提交提示语 */



.reminderRight {

    color: #2e9b0e;

}



.reminderRight i,

.reminderWrong i {

    margin-right: 5px;

    font-size: 20px;

    vertical-align: middle

}



.reminderWrong {

    color: #189f7a;

}





/*搜索*/



.chooseBox {

    width: 100%;

    background: #fff;

    padding: 10px 20px;

    float: left;

    box-sizing: border-box

}



.filter {

    width: 100%;

    float: left;

}



.filter ul li {

    display: inline-block;

    float: left;

    padding: 8px 12px 8px 0;

    color: #666;

}



.filter ul li.searchBtnli {

    padding-right: 0px;

}



.filter .button_orange_large {

    box-sizing: border-box;

}



.filter select {

    width: auto;

    min-width: 100px;

    outline: none;

    max-width: 152px;

}



.filter input[type=number] {

    width: 124px;

    outline: none;

    padding: 0 3px;

    text-align: center;

}



.filter .special select {

    min-width: 74px;

    float: left;

}



.filter .special input {

    width: 182px;

    float: left;

    margin-left: -1px;

}



.filterCondition {

    width: 100%;

    padding: 10px 0;

    float: left;

}



.filterCondition td {

    padding: 10px 5px;

    line-height: 28px;

    box-sizing: border-box;

}



.unit {

    border-top: 1px solid #f4f4f4;

}



td.paramClasses {

    padding: 5px 20px;

    background: #f9f9f9;

    font-size: 16px;

    font-weight: bold;

}



td.paramName {

    padding: 10px 10px;

    color: #333;

    text-align: right;

    vertical-align: top

}



.paramValue a {

    padding-right: 30px;

    float: left;

    display: inlin-block;

    color: #333;

}



.paramValue a:hover,

.paramValue a.on {

    color: #189f7a;

    opacity: 1;

}





/* 无结果 */



.noRezult {

    padding: 70px 0;

    text-align: center;

    background: #fff;

    / / 新增

}



.noRezult p {

    line-height: 200%;

}



.noRezult p>span {

    font-size: 18px;

    padding: 0 5px;

}





/* 美化 */



.beautifySelect {

    width: 94px;

    border: 1px solid #d2d2d2;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-right: 0px;

    position: relative;

}



.exhibitionSearch .icon-jiantou {

    font-size: 18px;

    vertical-align: middle;

    float: right;

    padding-right: 5px;

}



.beautifySelect>a {

    display: inline-block;

    width: 100%;

    color: #999;

}



.beautifySelect a:hover {

    color: #189f7a

}



.selectBeautifyCon {

    display: none;

    position: absolute;

    width: 94px;

    border: 1px solid #d2d2d2;

    top: 38px;

    left: -1px;

    background: #fff;

    padding: 5px 0;

    z-index: 100;

}



.selectBeautifyCon li {

    text-align: left;

    padding-left: 10px;

    line-height: 22px;

    padding-top: 5px;

    padding-bottom: 5px;

}



.selectBeautifyCon li>span {

    display: inline-block;

    cursor: pointer;

}



.selectBeautifyCon li a:hover {

    color: #189f7a

}





/* 单选 */



.radio {

    display: inline-block;

    position: relative;

    line-height: 20px;

    margin-right: 50px;

    cursor: pointer;

}



.radio span {

    float: left;

}



.radio input {

    display: none;

}



    .radio .radio-on {

        display: inline-block;

        width: 20px;

        height: 20px;

        background: url(Imgs/shareIcon.png) no-repeat -4px -66px;

        float: left;

    }



.radio span.radio-on.choosed {

    background-position: -4px 2px;

}





/* 复选*/



.checkBox {

    cursor: pointer;

}



.checkBox input {

    display: none;

}



.checkBox .check-on {

    display: inline-block;

    width: 20px;

    height: 20px;

    background: url(Imgs/shareIcon.png) no-repeat;

    background-position: 0px -167px;

    float: left;

    cursor: pointer;

}



.checkBox span.check-on.choosed {

    background-position: 0px -222px;

}



.checkBox span {

    line-height: 20px;

}





/*公共类*/



.w1200 {

    /*版心 提取 */

    width: 1200px;

    margin: 0 auto;

}



.w1000 {

    width: 1000px;

}



.fl {

    float: left

}



.fr {

    float: right

}



.al {

    text-align: left

}



.ac {

    text-align: center

}



.ar {

    text-align: right

}



.hide {

    display: none

}



.show {

    display: block;

}



.inlineBlock {

    display: inline-block

}



.f12 {

    font-size: 12px;

}



.f14 {

    font-size: 14px;

}



.f16 {

    font-size: 16px;

}



.f18 {

    font-size: 18px;

}



.f20 {

    font-size: 20px;

}



.f24 {

    font-size: 24px;

}



.f28 {

    font-size: 28px;

}



.f30 {

    font-size: 30px;

}



.f32 {

    font-size: 32px;

}



.f70 {

    font-size: 70px;

}



.fb {

    font-weight: bold;

}



.fn {

    font-weight: normal;

}



.t2 {

    text-indent: 2em;

}



.lh150 {

    line-height: 150%

}



.lh180 {

    line-height: 180%

}



.lh200 {

    line-height: 200%

}



.lh250 {

    line-height: 250%

}



.lineh28 {

    line-height: 28px;

}



.lineh30 {

    height: 30px;

    line-height: 30px;

}



.lineh62 {

    height: 62px;

    line-height: 62px;

}



.unl {

    text-decoration: underline;

}



.no_unl {

    text-decoration: none;

}



.bc {

    margin-left: auto;

    margin-right: auto;

}



.clearfix:after {

    content: '.';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.clearfix {

    display: inline-block;

}



* html .clearfix {

    height: 1%

}



.Clearfix,

.block {

    display: block;

}



.vm {

    vertical-align: center;

}



.zoom {

    zoom: 1

}






.w100p {

    width: 100%

}



.w70p {

    width: 70%

}

.w60p {

    width: 60%

}

.w40p {

    width: 40%

}

.w25p {

    width: 25%

}

.w33p {

    width: 33.33%

}

.w50p {

    width: 50%

}



.w30 {

    width: 30px;

}



.w68 {

    width: 68px;

}



.w90 {

    width: 90px;

}



.w116 {

    width: 116px;

}



.w150 {

    width: 150px;

}



.w151 {

    width: 151px;

}



.w100 {

    width: 100px;

}



.w214 {

    width: 214px;

}



.w235 {

    width: 235px;

}



.w308 {

    width: 308px;

}



.w700 {

    width: 700px;

}



.w500 {

    width: 500px;

}



.h50 {

    height: 50px;

}



.h80 {

    height: 80px;

}



.h100 {

    height: 100px;

}



.h104 {

    height: 104px;

}



.h200 {

    height: 200px;

}



.h300 {

    height: 300px;

}



.h {

    height: 100%

}



.m10 {

    margin: 10px;

}



.m15 {

    margin: 15px;

}



.m30 {

    margin: 30px;

}



.mt4 {

    margin-top: 4px;

}



.mt5 {

    margin-top: 5px;

}



.mlr12 {

    margin-left: 12px;

    margin-right: 12px;

}



.mt10 {

    margin-top: 10px;

}



.mt15 {

    margin-top: 15px;

}



.mt16 {

    margin-top: 16px;

}



.mt20 {

    margin-top: 20px;

}



.mt30 {

    margin-top: 30px;

}



.mt50 {

    margin-top: 50px;

}



.mt100 {

    margin-top: 100px;

}



.mb5 {

    margin-bottom: 5px;

}



.mb10 {

    margin-bottom: 10px;

}



.mb15 {

    margin-bottom: 15px;

}



.mb16 {

    margin-bottom: 16px;

}



.mb20 {

    margin-bottom: 20px;

}



.mb30 {

    margin-bottom: 30px;

}



.mb50 {

    margin-bottom: 50px;

}



.mb100 {

    margin-bottom: 100px;

}



.ml5 {

    margin-left: 5px;

}



.ml7 {

    margin-left: 7px;

}



.ml10 {

    margin-left: 10px;

}



.ml15 {

    margin-left: 15px;

}



.ml16 {

    margin-left: 16px;

}



.ml20 {

    margin-left: 20px;

}



.ml30 {

    margin-left: 30px;

}



.ml50 {

    margin-left: 50px;

}



.ml100 {

    margin-left: 100px;

}



.ml450 {

    margin-left: 450px;

}



.mr0 {

    margin-right: 0px;

}



.mr5 {

    margin-right: 5px;

}



.mr10 {

    margin-right: 10px;

}



.mr15 {

    margin-right: 15px;

}



.mr16 {

    margin-right: 16px;

}



.mr20 {

    margin-right: 20px;

}



.mr30 {

    margin-right: 30px;

}



.mr50 {

    margin-right: 50px;

}



.mr100 {

    margin-right: 100px;

}



.p10 {

    padding: 10px;

}



.p15 {

    padding: 15px;

}



.p30 {

    padding: 30px;

}

.p50 {

    padding: 50px;

}



.pt0 {

    padding-top: 0;

}



.pt5 {

    padding-top: 5px;

}



.pt8 {

    padding-top: 8px;

}



.pt10 {

    padding-top: 10px;

}



.pt15 {

    padding-top: 15px;

}



.pt20 {

    padding-top: 20px;

}



.pt30 {

    padding-top: 30px;

}



.pt50 {

    padding-top: 50px;

}



.pt100 {

    padding-top: 100px;

}



.pb5 {

    padding-bottom: 5px;

}



.pb10 {

    padding-bottom: 10px;

}



.pb15 {

    padding-bottom: 15px;

}



.pb20 {

    padding-bottom: 20px;

}



.pb30 {

    padding-bottom: 30px;

}



.pb50 {

    padding-bottom: 50px;

}



.pb100 {

    padding-bottom: 100px;

}



.pr5 {

    padding-right: 5px;

}



.pr10 {

    padding-right: 10px;

}



.pr20 {

    padding-right: 20px;

}



.pr30 {

    padding-right: 30px;

}



.pr50 {

    padding-right: 50px;

}



.pr100 {

    padding-right: 100px;

}



.pl5 {

    padding-left: 5px;

}



.pl20 {

    padding-left: 20px;

}

.pl30 {

    padding-left: 30px;

}

.pl50 {

    padding-left: 50px;

}



.pl200 {

    padding-left: 200px;

}



.plr14 {

    padding: 0 14px;

}



.plr20 {

    padding: 0 20px;

}



.ptb10 {

    padding: 8px 10px;

}





/* 字体颜色 */



.color_red {

    color: #ff2834;

}



.color_blue {

    color: #189f7a;

}



.color_gray3 {

    color: #333;

}



.color_gray6 {

    color: #666;

}



.color_graya {

    color: #aaa;

}



.color_gray9 {

    color: #999;

}



.color_grayad {

    color: #adadad;

}



.color_graybf {

    color: #bfbfbf;

}

.color_white {

    color: #fff;

}

a.color_gray6 {

    color: #666;

}



a.color_gray9 {

    color: #999;

}



a.color_gray3:hover,

a.color_gray6:hover,

a.color_black:hover,

a.color_gray9:hover,

a.hover_red:hover {

    color: #189f7a

}



a.color_black {

    color: #000;

}



a.hover_red:hover {

    color: #189f7a;

}





/* 背景颜色 */



.bg_gray {

    background: #f2f2f2

}



.bg_gray_light {

    background: #f4f4f4

}



.bg_gray_less {

    background: #f9f9f9

}



.bg_white {

    background: #fff;

}



.bg_blue {

    background-color: #eaf0ff;

}



.bg_red_border {

    border: 1px solid #ff2834;

    color: #ff2834;

}



.bg_blue_border {

    border: 1px solid #416dc4;

    color: #416dc4;

}



.bg_red {

    background: #ec2d29;

    border-color: #ec2d29;

}





/* 多行溢出 */



.ell {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.ell9 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 9;

    overflow: hidden;

    text-overflow: ellipsis;

}



.ell2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

}



.ell3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.imgTransition {

    transition: all 0.9s ease 0s;

    overflow: hidden;

    background: #fbfbfb;

}



.imgTransition:hover {

    transform: scale(1.1, 1.1);

}



.float_none {

    float: none;

}



.margin_auto {

    margin: 0 auto;

}



.time {

    background: #fff url("Imgs/rili.png") no-repeat 95%;

}



.cursor {

    cursor: pointer;

}



.overflow_h {

    overflow: hidden;

}



.t_center {

    text-align: center;

}



.t_left {

    text-align: left;

}



.flex {

    display: flex;

    align-items: flex-end;

    line-height: 28px;

}



.noborder {

    border: 0;

}



.border_e7 {

    border: 1px solid #e7e7e7;

}



.marigin_auto {

    margin: 0 auto;

}