/* 通用样式 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,label,pre{
    word-break: break-all;
    list-style:none;
    padding:0;
    margin:0;
}
body,pre{
    font-family: "Microsoft YaHei";
}
body{-webkit-text-size-adjust:none}
pre{
    font-size: 16px;
    /*color:#31364C;*/
    text-align: left;
    white-space: pre-wrap;           /* css-3 */
    white-space: -moz-pre-wrap;      /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;        /* Opera 7 */
    word-wrap: break-word;
}
/*全局遮罩层*/
.maskLayer{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: transparent;
    z-index: 99999999999999999999999;
}
a{
    display:inline-block;
    text-decoration: none;
    color:#545454;
}
.a-link-line a{
    text-decoration: none !important;
}
a:hover{
    text-decoration: none;
    color:#3BC877;
}

/* width:1200; margin:0 auto;  居中*/
.w-m{
    width:1200px;
    margin:0 auto;
    text-align:center;
}
/* 100%背景图width;pc 移动端自适应 */
.bg{
    max-width:100%;
    min-width:1200px;
    margin:0 auto;
}
/* ********demo样式********** */
.bg-color{
    background-color:#FBF9F9;
}
/* xl背景图片 */
.xl_bg1{
    background:url("/img/xl-bg/1-a11c09a1acc32091e9e1d4004844d81d.png") no-repeat  center top;
}
.xl_bg2{
    background:url("/img/xl-bg/2-fed77dc45d1683bdfd0111e136242c68.png") no-repeat center top;
}
.xl_bg3{
    background:url("/img/xl-bg/3-3cecdb221a5bc88d94b29c818747d52d.png") no-repeat center top;
}
.xl_bg4{
    background:url("/img/xl-bg/4-a9d832fcd27a8ceb85e5127c0c95fd45.png") no-repeat center top;
}
.xl_bg5{
    background:url("/img/xl-bg/5-97c9fbedd941fcf6c0501d9f0942415b.png") no-repeat center top;
}
.xl_bg6{
    background:url("/img/xl-bg/6-2e47c749c2ddf2e072c33ec2e1fc9e91.png") no-repeat center top;
}
.xl_bg7{
    background:url("/img/xl-bg/7-dc6108d647ef17356c25966a68adfa80.png") no-repeat center top;
}
.xl_bg8{
    background:url("/img/xl-bg/8-ce663d7b410ffce0507df0c0802d1c08.png") no-repeat center top;
}
.xl_bg9{
    background:url("/img/xl-bg/9-233a249e3ab64fb6bb1db1a5e16e5232.png") no-repeat center top;
}
.xl_bg10{
    background:url("/img/xl-bg/10-3564e0fda6c36b87752b878706a2f17f.png") no-repeat center top;
}
.xl_bg11{
    background:url("/img/xl-bg/11-13ffd6be3e52d58dfccc5bc748e89aaf.png") no-repeat center top;
}
.xl_bg12{
    background:url("/img/xl-bg/12-26999da10e4923a7d4249dc2c9dd0997.png") no-repeat center top;
}
.xl_bg1,.xl_bg2,.xl_bg3,.xl_bg4,.xl_bg5,.xl_bg6,.xl_bg7,.xl_bg8,.xl_bg9,.xl_bg10,.xl_bg11,.xl_bg12{
    min-height:550px;
}
/* 弹性布局 两端对齐 */
.flex{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.template{
    margin-top:65px;
    min-height:500px;
    background-color:#fff;
}
/* 外边距溢出处理 */
.xl_bg1::before,.xl_bg2::before,.xl_bg3::before,.xl_bg4::before,.xl_bg5::before,.xl_bg6::before,.xl_bg7::before,.xl_bg8::before,.xl_bg9::before,.xl_bg10::before,.xl_bg11::before,.xl_bg12::before{
    content: "";
    display: table;
}

/* 广告图片 */
.img-168X84 {
    width: 168px;
    height: 84px;
}
.img-198X198 {
    width: 198px;
    height: 198px;
}
.img-270X220 {
    width: 270px;
    height: 220px;
}
.img-270X340 {
    width: 270px;
    height: 340px;
}
.img-146X73 {
    width: 146px;
    height: 73px;
}
.img-375X69 {
    width: 375px;
    height: 69px;
}
.img-547X69 {
    width: 547px;
    height: 69px;
}
.img-1200X69 {
    width: 1200px;
    height: 69px;
}
.img-300X300 {
    width: 300px;
    height: 300px;
}
.img-160X160 {
    width: 160px;
    height: 160px;
}
.img-160X80 {
    width: 160px;
    height: 80px;
}
/**************member会员title样式***************/
.member-title{
    width:100%;
    border-bottom:1px solid #F1F1F1;
    font-size:24px;
    text-align:left;
    position:relative;
    color:#3BC877;
    padding-top:20px;
    margin-bottom:38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}
.member-title>p{
    padding:0 2px 15px 2px;
    border-bottom:5px solid #3AC778;
}
/**********front-project-list 首页项目/详情列表****************/
/**********project-list***********/
.project-list{
    padding:15px 50px 20px 60px;
    text-align: left;
}
.project-list>p{
    padding-left:30px;
    font-size:30px;
    border-left:10px solid #3BC877;
    font-weight:bold;
    margin:30px 0;
}
.project-list>ul>li{
    padding-bottom: 20px;
}
.project-list>ul>li>div:first-child{
    padding:10px 0 10px 44px;
    line-height: 45px;
    background-color:#EEF1F0;
    color:#31364C;
    font-size:30px;
}
.project-list>ul>li>div:last-child{
    display: flex;
    justify-content: space-between;
    padding:20px 0 20px 50px;
    font-size:18px;
    color:#262728;
}
.project-list>ul ul{
    width:70%;
}
.project-list>ul ul>li{
    width:100%;
    display: flex;
}
.project-list>ul ul>li>p{
    width:18%;
}
.project-list>ul ul>li>div{
    width:72%;
    max-height: 80px;
    color:#8F8F8F;
}

.project-list>ul ul>li{
    padding:5px 0;
}
/*****************注册/登录/error    header/footer*******************/
/********hreder******/
.login-register-header,.login-register-footer>div{
    display: flex;
    justify-content: space-between;
    padding:20px;
    text-align: left;
}
.login-register-header>div{
    display: flex;
    align-items: center;
}
.login-register-header>div>span{
    padding-left:5px;
}
.login-register-header>div>span:hover{
    cursor:pointer;
}
/*footer*/
.login-register-footer>div>ul{
    padding-left:50px;
}
.login-register-footer>div>ul li{
    padding:3px 0;
}
.login-register-footer>div>ul span{
    padding-left:5px;
    color:#898888;
}
.login-register-footer>div+div{
    border-top:1px solid #E2E2E2;
}
.login-register-footer-div>div{
    padding:0 20px 5px 50px;
    text-align: left;
    color:#C0C0C0;
    font-size:14px;
}
.login-register-footer .foot-code{
    display: flex;
    flex-direction:column;
    align-items: center;
    font-weight: bold;
}
.login-register-footer-div>div:last-child{
    text-align: right;
}
/*error*/
.error-bg{
    width:1200px;
    height:400px;
    margin: 0 auto;
    transform: translateY(50px);
    background:url("/img/xl-bg/error-901d306ac6db14fa5f3f90877992df89.png") no-repeat center;
    position: relative;
}
.error-bg>div{
    position:absolute;
    top:33%;
    left:56%;
    text-align: left;
}
.error-bg>div>p{
    font-size: 14px;
    font-weight: bold;
    color:#3F3F3F;
}
.error-bg>div>div{
    padding-bottom: 15px;
}
.error-bg>div>div>p{
    font-size: 33px;
    font-weight: bold;
    color:#4B4B4B;
}
.error-bg>div>a{
    text-align: center;
    width:212px;
    display: block;
    color:#fff;
    background-color:#3BC877;
    border-radius:20px;
    margin-top:25px;
    font-size: 20px;
    padding:5px 0;
}

/****************************分页条***************************/
.common-page{
    display: flex;
    align-items: start;
}
.common-page>div{
    margin-left:100px;
    text-align: center;
    font-size:15px;
}
.common-page>div>p{
    padding:10px 0;
    font-size:14px;
    color:#B9B9B9;
}

/**************************三级联动**************************/
.select-box{
    padding: 0 30px 30px 30px;
}
.select-box .title {
    font-size: 16px;
    font-weight: bold;
    color: #3BC877;
    text-align: center;
    float: left;
    overflow-y: auto;
    padding: 10px;
    border-radius: 20px;
    margin: 0 10px;
}
.select-box-content{
    padding: 0 30px 30px 30px;
}
.select-box-content .list{
    float: left;
    height: 400px;
    background-color: #F0FBF4;
    overflow-y: auto;
    padding: 10px;
    border-radius: 20px;
    margin: 0 10px;
}
.select-box-content .item{
    line-height: 30px;
    padding: 0 10px;
    color: #626262;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
}
.select-box-button {
    margin-left: 42%;
    margin-top: 10px;
}

/* 选中色 */
.select-box-content .list .selected {
    color:#3BC877;
}

/*select*/
select{
    background-color: #F0FBF4;
    width: 340px;
    height: 44px;
    border-radius: 22px;
    padding: 0 30px;
    color: #070707;
    font-size: 16px;
    border: none;
    outline: none;
    /*去掉默认的下拉三角*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*添加下拉三角图标*/
    background-image: url("/img/trade/trade-right-06837ed47bee18e0c2cedd51fde73dc9.png");
    background-repeat: no-repeat;
    background-position: 90% center;
    cursor: pointer;
}

/*按钮样式*/
button.common-btn{
    min-width:100px;
    font-size:14px;
    color:#fff;
    padding:5px 15px;
    background-color:#3BC877;
    border:none;
    border-radius:20px;
    outline: none !important;
    cursor: pointer;
}
button.common-btn:active{
    opacity: 0.5;
}
/*input样式*/
input.common-input{
    width:340px;
    height:44px;
    background-color:#F0FBF4;
    color:#070707;
    padding:10px 30px;
    border:none;
    border-radius:22px;
    outline: none;
    font-size: 16px;
    margin-bottom:8px;
}
/*IE兼容样式处理*/
input.common-input::-webkit-input-placeholder,::-webkit-input-placeholder{color:#8B8B8B;font-size:15px;}
input.common-input::-moz-placeholder,::-moz-placeholder {color:#8B8B8B;font-size:15px;}
input.common-input:-ms-input-placeholder,:-ms-input-placeholder {color:#8B8B8B;font-size:15px;}
input::-ms-clear,input::-ms-reveal{display:none;}
/*时间控件样式*/
input.common-date{
    width:230px !important;
    background-color:#F0FBF4;
    color:#070707;
    padding:10px 30px;
    border:none;
    border-radius:22px;
    outline: none;
    font-size: 16px;
}
input.triangle{
    /*添加下拉三角图标*/
    background-image: url("/img/trade/trade-right-06837ed47bee18e0c2cedd51fde73dc9.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}
/*文本域样式*/
textarea.common-textarea{
    width:100%;
    background-color:#F0FBF4;
    padding:10px 30px;
    border:none;
    border-radius: 22px;
    outline: none;
    resize:none;
    font-size:16px;
}

/*单选按钮样式重写*/
input[type=radio] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    border-radius: 50%;
    /* border: 1px solid #01cd78; */
    background:url("/img/login/rdo-un-84d49152b5a0b79a3f5aa61b30f46331.png")no-repeat center;
    /*text-indent: .15em;*/
    /*line-height: 1;*/
    cursor: pointer;
}
input[type=radio]:checked  + label::before{
    background:url("/img/login/rdo-checked-05fbde98d4a35745646d173b99192faf.png")no-repeat center;
    /*background-clip: content-box;*/
    /* padding: .2em;*/
}
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

/*****单选多选复选按钮样式重写*****/
input[type=checkbox] + label::before {
    content: "\a0";  /* 不换行空格 */
    display: inline-block;
    vertical-align: 5px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: url('/img/login/check-2869582ff74df4c097ab86a7627fb3b6.png')no-repeat center;
    text-indent: 2px;
    line-height: .65;  /* 行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高 */
}
input[type="checkbox"]:checked + label::before {
    width: 30px;
    height: 30px;
    background: url('./img/login/checked.png')no-repeat center;
}
input[type='checkbox'] {
    /* 隐藏掉原先实际的 checkbox 框，之所以没用 display:none; 这种简单直接的方式，
       是因为这种方法会把它从键盘 tab 键切换焦点的队列中完全删除 */
    position: absolute;
    clip:rect(0,0,0,0);       /*隐藏方式一：裁剪为0*/
    /* visibility: hidden; */ /* 隐藏方式二：隐藏属性 */
}
/*项目checkbox样式*/
.common-checkbox input[type=checkbox] + label::before {
    content: "\a0";  /* 不换行空格 */
    display: inline-block;
    vertical-align: 5px;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    border-radius: 3px;
    background: url('/img/front/project/uncheck-c3e639566fa0f04c20b4244eb6c9ad84.png')no-repeat center;
    text-indent: 2px;
    line-height: .65;  /* 行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高 */
}
.common-checkbox input[type="checkbox"]:checked + label::before {
    width: 22px;
    height: 22px;
    background: url('/img/front/project/checked-09b11b5030997e0bd9214cb2cefc7f6e.png')no-repeat center;
}



/**********************************form 统一样式     .common-form **************************************/

form.common-form label{
    font-weight:normal;
    margin:0;
    cursor:pointer;
    padding:10px 0;
    color:#070707;
}
    /*选项框*/
form.common-form select{
    background-color: #F0FBF4;
    width: 340px;
    line-height: 40px;
    border-radius: 22px;
    padding: 0 30px;
    color: #070707;
    font-size: 16px;
    border: none;
    outline: none;
    /*去掉默认的下拉三角*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*添加下拉三角图标*/
    background-image: url("/img/trade/trade-right-06837ed47bee18e0c2cedd51fde73dc9.png");
    background-repeat: no-repeat;
    background-position: 90% center;
    cursor: pointer;
}



/*按钮样式*/
form.common-form button{
    min-width:100px;
    font-size:14px;
    color:#fff;
    padding:5px 15px;
    background-color:#3BC877;
    border:none;
    border-radius:20px;
    outline: none !important;
    cursor: pointer;
}
form.common-form button:active{
    opacity: 0.5;
}
/*input样式*/
form.common-form input[type="text"],form.common-form input[type="tel"],form.common-form input[type="password"],form.common-form input[type="url"],form.common-form input[type="email"],form.common-form input[type="date"],form.common-form input[type="number"]{
    width:340px;
    background-color:#F0FBF4;
    padding:10px 30px;
    border:none;
    border-radius:22px;
    outline: none!important;
    color: #070707;
    font-size: 16px;
    margin-bottom:5px;
}

/*文本域样式*/
form.common-form textarea{
    width:100%;
    background-color:#F0FBF4;
    padding:20px 30px;
    border:none;
    border-radius: 22px;
    outline: none;
    resize:none;
    color: #070707;
    font-size: 16px;
}

/*单选按钮*/
form.common-form input[type=radio] + label::before  {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    border-radius: 50%;
    transform: translateY(-3px);
    /* border: 1px solid #01cd78; */
    background:url("/img/login/rdo-un-84d49152b5a0b79a3f5aa61b30f46331.png")no-repeat center;
    /*text-indent: .15em;*/
    /*line-height: 1;*/
    cursor: pointer;
}
form.common-form input[type=radio]:checked + label::before  {
    transform: translateY(-3px);
    background:url("/img/login/rdo-checked-05fbde98d4a35745646d173b99192faf.png")no-repeat center;
    /*background-clip: content-box;*/
    /* padding: .2em; */
}
form.common-form input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}


/*****复选按钮*****/
form.common-form input[type=checkbox] + label::before {
    content: "\a0";  /* 不换行空格 */
    display: inline-block;
    vertical-align: 5px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 3px;
    transform: translateY(-3px);
    background: url('/img/login/check-2869582ff74df4c097ab86a7627fb3b6.png')no-repeat center;
    text-indent: 2px;
    line-height: .65;  /* 行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高 */
}
form.common-form input[type="checkbox"]:checked + label::before {
    transform: translateY(-3px);
    width: 30px;
    height: 30px;
    background: url('/img/login/checked-4ad1210360b6b33c3fc75c7910b9da77.png')no-repeat center;
}
form.common-form input[type='checkbox'] {
    /* 隐藏掉原先实际的 checkbox 框，之所以没用 display:none; 这种简单直接的方式，
       是因为这种方法会把它从键盘 tab 键切换焦点的队列中完全删除 */
    position: absolute;
    clip:rect(0,0,0,0);       /*隐藏方式一：裁剪为0*/
    /* visibility: hidden; */ /* 隐藏方式二：隐藏属性 */
}


/*单选和多选按钮选中样式2  .common-checked*/
/*单选*/
.common-checked-radio input[type="radio"] + label::before,form.common-checked input[type="radio"] + label::before {
    background-image:url("/img/trade/rod-bg1-6d74231f212c548ca1e26281ca0f9038.png") !important;
    transform: translateY(-3px);
}
.common-checked-radio input[type="radio"]:checked + label::before,form.common-checked input[type="radio"]:checked + label::before{
    background-image:url("/img/trade/rod-bg2-8fe364f1034c6d104bf5b63d3198a47b.png") !important;
    transform: translateY(-3px);
}
/*复选*/
.common-checked-checkbox input[type="checkbox"]:checked + label::before,form.common-checked input[type="checkbox"]:checked + label::before{
    background-image:url("/img/trade/btn-checked-d47429e63b50ceba5eccf8f5f04d70f5.png") !important;
    transform: translateY(-3px);
}

/*****富文本tableStyle*****/
.commonTableStyle table{
    width:100%;
    border-collapse: collapse;
    text-align: center;
    color:#515a6e;
    font-size:12px;
}
.commonTableStyle table th,.commonTableStyle table td{
    border:1px solid #ccc;
}
.commonTableStyle table th{
    border-bottom-width:2px;
}
/*********颜色共通***********/
/*成功-绿*/
.common-success{
    background-color:#3bc877!important;
}
/*主要-蓝*/
.common-primary{
    background-color:#4965d2!important;
}
/*危险-橘黄*/
.common-danger{
    background-color:#f86116!important;
}
/*信息情报-浅蓝色*/
.common-info{
    background-color:#6AC5FA!important;
}
/*浅绿色*/
.common-green{
    background-color:#3bc877!important;
}
/*灰色*/
.common-gray{
    background-color:#868686!important;
}
/*浅灰色*/
.common-French-grey{
    background-color:#bcbcbc!important;
}
/*浅浅灰色*/
.common-lights-gray{
    background-color:#b1e9c9!important;
}
.text-success{
     color:#3bc877!important;
 }
.text-danger{
    color:#f86116!important;
}
.text-thick{
    color: #4965d2 !important;
    font-size: 12px;
    text-align: left;
}
/*淡灰色*/
/*.common-light-grey{*/
/*    background-color:#F5F5F5!important;*/
/*}*/

/*宽度尺寸*/
.w-5{
    width:5% !important;
}
.w-10{
    width:10% !important;
}
.w-15{
    width:15% !important;
}
.w-20{
    width:20% !important;
}
.w-30{
    width:30% !important;
}
.w-35{
    width:35% !important;
}
.w-40{
    width:40% !important;
}
.w-45{
    width:45% !important;
}
.w-55{
    width:55% !important;
}
.w-60{
    width:60% !important;
}
.w-65{
    width:65% !important;
}
.w-70{
    width:70% !important;
}
.w-80{
    width:80% !important;
}
.w-85{
    width:85% !important;
}
.w-90{
    width:90% !important;
}
.w-95{
    width:95% !important;
}



/*效验色*/
div.error,label.error{
    cursor:default!important;
    display: block!important;
    padding:0 0 0 30px !important;
    font-size: 12px!important;
    color:red !important;
}

/*title选项卡样式*/
.common-tab{
    border-bottom:1px solid #E8E8E8;
    width:100%;
    display: flex;
    padding:20px 0 0 60px;
}
.common-tab>li{
    font-size:24px;
    padding:0 2px 10px 2px;
    margin-right:100px;
    border-bottom:5px solid transparent;
}
.common-tab>li:hover{
    cursor: pointer;
    color:#3bc877;
}
/*选项卡内容列表*/
.common-tab-list{
    position: relative;
}
.common-tab-list>div{
    display: none;
}
/**
 *disabled样式
 */
[disabled=disabled]{
    opacity: 0.5;
}


/* 图片轮播区域 */
.imgPlayZone{
    z-index: 2;
    width: 690px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.imgMoveZone{
    display: flex;
    position: absolute;
    width: 3200px;
}
.imgMoveIdx0 { left:0px;     transition:all 0.5s ease-in-out;}
.imgMoveIdx1 { left:-230px;  transition:all 0.5s ease-in-out;}
.imgMoveIdx2 { left:-460px;  transition:all 0.5s ease-in-out;}
.imgMoveIdx3 { left:-690px;  transition:all 0.5s ease-in-out;}
.imgMoveIdx4 { left:-920px;  transition:all 0.5s ease-in-out;}
.imgMoveIdx5 { left:-1150px; transition:all 0.5s ease-in-out;}
.imgMoveIdx6 { left:-1380px; transition:all 0.5s ease-in-out;}
.imgMoveIdx7 { left:-1610px; transition:all 0.5s ease-in-out;}
.imgMoveIdx8 { left:-1840px; transition:all 0.5s ease-in-out;}
.imgMoveIdx9 { left:-2070px; transition:all 0.5s ease-in-out;}
.imgMoveIdx10{ left:-2300px; transition:all 0.5s ease-in-out;}
.imgMoveIdx11{ left:-2530px; transition:all 0.5s ease-in-out;}
.imgMoveIdx12{ left:-2760px; transition:all 0.5s ease-in-out;}
.imgMoveIdx13{ left:-2990px; transition:all 0.5s ease-in-out;}
.imgMoveZone>div{
    margin: 0px 15px 0px 15px;
    width: 200px;
    height: 200px;
    position: relative;
}
.imgMoveZone>div>img{
    max-width: 200px;
    max-height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* 图片轮播按钮区域 */
.imgPlayBtnZone{
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.imgPlayBtnZone>.leftBtnActive{
    cursor:pointer;width: 0px;height: 0px;border-width: 16px 24px 16px 0px;border-style: solid;border-color:transparent #3bc877 transparent transparent;
}
.imgPlayBtnZone>.leftBtnUnactive{
    width: 0px;height: 0px;border-width: 16px 24px 16px 0px;border-style: solid;border-color:transparent #c0c0c0 transparent transparent;
}
.imgPlayBtnZone>.rightBtnActive{
    cursor:pointer;width: 0px;height: 0px;border-width: 16px 0px 16px 24px;border-style: solid;border-color:transparent transparent transparent #3bc877;
}
.imgPlayBtnZone>.rightBtnUnactive{
    width: 0px;height: 0px;border-width: 16px 0px 16px 24px;border-style: solid;border-color:transparent transparent transparent #c0c0c0;
}


/**
 *IE兼容处理
 */
/*文字超出行*/
.common-row-1{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.common-row-2,.common-row-3,.common-row-4,.common-row-5,.common-row-6{
    /*width:100%;*/
    word-break:break-all;
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:2;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
    text-overflow: ellipsis;
}
.common-row-3{
    -webkit-line-clamp:3 !important;
}
.common-row-4{
    -webkit-line-clamp:4 !important;
}
.common-row-5{
    -webkit-line-clamp:5 !important;
}
.common-row-6{
    -webkit-line-clamp:6 !important;
}

/**
 *下拉框
 */
select{
    display: none;
}

.filter-box {
    position: relative;
    display: inline-block;
    margin-right: 0.25rem !important;
}

.filter-title {
    height: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.filter-title>input {
    width: 100% !important;
}

.filter-arrow {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-image: url("/img/trade/trade-right-06837ed47bee18e0c2cedd51fde73dc9.png");
    background-size: 100%;
    right: 16px;
    top: 16px;
    transition: all .2s;
    position: absolute;
}

.filter-arrow.filter-show {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.filter-list {
    display: none;
    width: 100%;
    max-height: 300px;
    background-color: #fff;
    font-size: 14px;
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 99;
    border: 1px solid #e6e6e6;
    overflow-y: auto;
}

.filter-list li {
    list-style: none;
}

.filter-list li a {
    display: block;
    padding: 0 30px;
    line-height: 36px;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.filter-list li:hover {
    background-color: #f2f2f2;
}

.filter-list li.filter-selected {
    background-color: #3BC877;
}

.filter-list li.filter-selected a{
    display: block;
    color: #fff!important;
}

.filter-list li.filter-disabled {
    background-color: #fff;
}

.filter-list li.filter-disabled a{
    display: block;
    color: #d2d2d2;
}

.filter-list li.filter-disabled:hover a {
    cursor: not-allowed!important;
    background-color: #fff;
}



/* 语言切换 */
.languageColor{
    color:#516BD3;
    font-weight: bold;
}

/*js动作*/
.pitchColor{
    font-weight: bold;
    color:#3AC778;
    border-bottom:5px solid #3AC778 !important;
}
/*隐藏*/
.hidden {
    display: none;
    visibility: hidden;
}


/* 广告轮播图片区域(全文检索画面)======================================== */
.bannerPlayScreen{
    position:relative;
    overflow:hidden;
    visibility: hidden;
}
/* 主视图框 */
.bannerPlayMainWindow{
    width:1500px;
    height:300px;
    position:relative;
    left:0px;
    transition:all 0.3s ease-in-out;
}
/* 辅视图框 */
.bannerPlayMainWindow>.bannerPlaySubWindow{
    overflow:hidden;
    width:300px;
    height:300px;
    position:absolute;
}
.bannerPlayMainWindow>.pic1{left:0px;}
.bannerPlayMainWindow>.pic2{left:300px;}
.bannerPlayMainWindow>.pic3{left:600px;}
.bannerPlayMainWindow>.pic4{left:900px;}
.bannerPlaySubWindow>a>img{
    cursor:pointer;
    max-width:100%;
    max-height:100%;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* 广告轮播图片区域(全文检索画面)======================================== */
/* 广告轮播按钮区域(全文检索画面)======================================== */
.bannerPlayBtnZone{
    position: relative;
    display:flex;
    justify-content: center;
    left: 50%;
    transform: translate(-50%, 0%);
}
.bannerPlayBtn{
    margin:5px;
    width:10px;
    height:10px;
    border-radius:10px;
}
.bannerPlayBtnUnactive{
    background:rgb(228,228,228);
    cursor:pointer;
}
.bannerPlayBtnActive{
    background:grey;
}
/* 广告轮播按钮区域(全文检索画面)======================================== */
.hidden{
    display: none;
    visibility: hidden;
}