.erji_content_box{padding:0 0 0.5rem 0;}

.Outwhite .header .top .left a, .Outwhite .header .top .left, .Outwhite .header .top .right .outLink a {
    color: #fff;
}


.screen{/*background: url(/uiFramework/commonResource/zip/chImg/chImg/licai_bg.png) no-repeat;*/background: #f6f7fa url(/uiFramework/commonResource/zip/chImg/chImg/logo_bg.png) no-repeat 135% 0.8rem;background-size: 7.5rem auto;border:1px solid #e0e4ef; padding: .25rem .375rem;margin-top:0.25rem;}
/* .screen::after{content: '';background: url(../img/about/tu3.png) no-repeat;display: block;height: 100%;} */

.form{width: 4.375rem;height: .6rem;background-color: #ffffff;position: relative;margin-bottom: .3rem;}
.form input{width: 100%;height: 100%;padding-left: .25rem;padding-right: 1rem;border: 0;outline: none;font-size: .225rem;    box-sizing: border-box;}
.form input::placeholder{color: #c7cad3;}
.form .search{width: .25rem;position: absolute;right: .25rem;top: .15rem;cursor: pointer;}

/*.types .leibie {margin-bottom: .25rem;line-height: .4rem;}
.types .leibie:last-child{margin-bottom: 0;}
.types .leibie b,.types .leibie div.leibie{float: left;margin-right: 0.1rem;}
.types .leibie b{color: #565863;font-size: .225rem;font-weight: 700;}
.types .leibie div{color: #565863;font-size: .225rem;cursor: pointer;height: .4rem;border-radius: .2rem;line-height: 0.4rem;padding: 0 .125rem;margin-right: .475rem;float: left;}
.types .leibie div.active{background-color: #0d1eb6;color: #fff;}*/
.types{}
.types h3{color: #565863;font-size: .225rem;line-height: 0.4rem;font-weight:400;font-family:"fzzzhjt";}
.types ul{width: 12rem;margin-bottom: .125rem;line-height: .4rem;}
.types ul li{float: left;color: #565863;font-size: .225rem;cursor: pointer;height: .4rem;border-radius: .2rem;line-height: 0.42rem;padding: 0 .125rem;margin-right: .475rem;margin-bottom: .125rem;}
.types ul li.active{background-color: #0d1eb6;color: #fff;}
.types ul li::selection{background:none;}
.types ul li::-webkit-selection{background:none;}

.product li{border-radius: .125rem;border: solid 1px #ced1d9;padding: .375rem;margin-top: .25rem;}

.title{margin-bottom: .15rem;}
.title h3{color: #070b2d;font-size: .225rem;width:80%;font-weight: 700;}
.title h3 p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: auto;max-width: 70%;display: inline-block;vertical-align: middle;margin-bottom: -0.02rem;font-family:"fzzzhjt";cursor: pointer;}
.title h3 .hot{background-image: linear-gradient(-52deg, #f63900 0%, #fb5213 50%, #ff6824 100%), linear-gradient(#0d1eb6, #0d1eb6);border-radius: .05rem;color: #ffffff;font-size: .175rem;height: .275rem;line-height: .275rem;padding: 0 .125rem;margin-left: .125rem;display:inline-block;}
.title h3 .new{border-radius: .05rem;border: solid 1px #ff9c00;height: .275rem;line-height: .3rem;padding: 0 .125rem;color: #ffad00;font-size: .175rem;margin-left: .125rem;display:inline-block;}
.title span.toMore{color: #070b2d;font-size: .2rem;cursor: pointer;}


.matter{border-top: 1px solid #e7e9ef;}
.matter div{width: 30%;float: left;color: #565863;font-size: .2rem;margin-top: .25rem;}
.matter div p{display:inline-block;}
.matter .toBuy{width: 1rem;height: .375rem;line-height: .375rem;background-color: #0e1eb6;border-radius: .2rem;display: block;color: #ffffff;font-size: .225rem;text-align: center;float: right;font-style: normal;cursor: pointer;}
.matter .toBuy.cannot{background-color: #666;cursor: default;}

.introduce{padding-bottom: .1rem;}
.introduce .p{color: #565863;font-size: 0.2rem;display: inline-block;position: relative; width: 94%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height:0.3rem;letter-spacing: 1px;cursor: pointer;}
.introduce .p:hover{width:100%;white-space:inherit;overflow:inherit;text-overflow:inherit;}
.introduce img{width: .2625rem;height: .2625rem;cursor: pointer;}

.triangle{display:inline-block;position: relative;vertical-align: middle;margin-bottom:0.15rem;}
.triangle .alert{height: auto;width: 5.75rem;border-radius: .125rem;border: solid 1px #e8e9ed;box-shadow: 0rem .15rem .225rem .075rem rgba(199, 202, 211, 0.4);z-index: 2;background: #fff;position: absolute;top: .44rem;right:-1.5rem;display: none;}
.triangle .alert h5{height: .6rem;line-height: .6rem;text-align: center;color: #070b2d;font-size: .2rem;border-bottom: 1px solid #e8e9ed;font-weight:400;font-family:"fzzzhjt";}
.triangle .alert p{padding: .15rem .25rem;letter-spacing: 2px;color: #565863;font-size: .18rem;line-height: .3rem;height: 2rem; overflow-y: auto;word-wrap: break-word;}
.triangle .arrow{position: absolute;bottom: 0.12rem;right:0.28rem;z-index:3;display:none;}
.triangle .arrow:before,.arrow:after{position: absolute;content: '';border-top: .15rem transparent dashed;border-left: .15rem transparent dashed;border-right: .15rem transparent dashed;border-bottom: .15rem #fff solid;}
.triangle .arrow:before{border-bottom: .15rem #e8e9ed solid;}
.triangle .arrow:after{top: 1px; /*通过覆盖调整箭头粗细*/border-bottom: .15rem #fff solid;}
.triangle:hover .alert{display:block;}
.triangle:hover .arrow{display:block;}

/*.product li:last-child .alert{bottom: .7rem;top: auto;}*/

/*#pages{text-align: center;margin-top:0.625rem;}
#pages button{width:0.5rem;height:0.5rem;border-radius:2px;background:#fff;color:#000;border:0;border:1px solid #dbdeec;cursor: pointer;margin:0 0.125rem;}
#pages button.current{background:#0e1eb6;border:1px solid #0e1eb6;color:#fff;}*/

.footTopLine{display:none;}
.footLineBg{display:none;}


/*@media only screen and (max-width:1440px){
.erji_content_box .types h3{font-size:0.2rem;}
.erji_content_box .types ul{width:86%;margin-bottom:0.15rem;}
.erji_content_box .types ul li{font-size:0.2rem;}

.triangle .alert{right:-1rem;}
}


@media only screen and (max-width:1220px){
.erji_content_box .erjiNavRight .product li{padding:0.25rem;}
.erji_content_box .erjiNavRight .matter .toBuy{margin-top:0.1rem;}
.erji_content_box{margin-top:0;}
.screen{padding:0.35rem;}
.screen .form{height:0.5rem;}
.erji_content_box .erjiNavRight .form .search{top:0.1rem;right:0.2rem;}

.triangle .alert{width:6rem;left:auto;right:-0.2rem;}
.triangle .alert p{height:2rem;padding: .15rem .3rem;font-size: .18rem;line-height:0.4rem;}

}*/


@media only screen and (max-width:768px){
.screen{padding:0.3rem;}
.title span.toMore{font-size: 14px;}
.form{width:90%;height:30px;margin-bottom: 12px;}
.form input{font-size:14px;height: 30px;line-height: 30px;}
.form .search{width: 18px;height: 20px;}
.title h3 p{font-size:16px;}
.introduce{padding-bottom: .1rem;}
.introduce .p{font-size:14px;line-height:20px;}
.introduce img{width:0.25rem;height:0.25rem;}
.matter div{width:auto;float:none;font-size: 14px;margin-top: .2rem;}
.erji_content_box .erjiNavRight .matter .toBuy{margin-top:-0.5rem;font-size: 14px;height: 22px; line-height: 22px;width: 50px;border-radius: 10px;}
.erji_content_box .types h3,
.erji_content_box .types ul{width:auto;float:none;}

.erji_content_box .types h3{margin-bottom:6px;font-size: 14px;line-height: initial;}
.erji_content_box .types ul{margin-bottom:6px;}
.erji_content_box .types ul li{margin-right: 5px;margin-bottom: 6px;font-size: 14px;height: 22px;line-height: 22px;padding: 0 8px;border-radius:10px;}

.triangle{vertical-align: super;}
.triangle .alert{width:4rem;right:-0.5rem;top:0.42rem;}
.triangle .alert h5{height:0.5rem;line-height:0.55rem;font-size: .2rem;}
.triangle .alert p{height:1.6rem;padding: .12rem .2rem;line-height: 0.36rem;}

}