@charset "utf-8";
@import url(base.css);
.sk_1180{width: 1180px;margin: 0 auto;}
.exchange{width: 100%;padding: 20px 0 80px 0;box-sizing: border-box;background: #F3F4F6;}
.exchangecon{width: 100%;}
.exchangeleft{float: left;width: 840px;background: #fff;padding: 26px 24px 38px 24px;box-sizing: border-box;margin-right: 15px;}
.exchangetitle{width: 100%;}
.exchangetitle h4{font-size: 22px;color: #333;font-weight: 500;line-height: 30px;margin-bottom: 22px;}
.exchangeleftcon{width: 100%;padding: 45px 27px;box-sizing: border-box;background: #F8F8F8;}
.exchangeleftcon ul li{width: 100%;margin-bottom: 28px;}
.exchangeleftcon ul li:last-child{margin-bottom: 0;}
.exchangeleftcon ul li span{float: left;width: 58px;text-align: right;font-size: 14px;color: #999;line-height: 40px;
margin-right: 20px;}
.exchangeinp{float: left;}
.exchangeinp input{display: block;width: 400px;height: 40px;border: 1px solid #ccc;font-size: 14px;color: #333;outline: none;
padding: 0 12px;box-sizing: border-box;transition: .35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.exchangeinp input:focus{border-color: #3d87f3;}
.exchangeinp input::-webkit-input-placeholder {color:#BDBDBD;}
.exchangeinp input:-moz-placeholder { color:#BDBDBD;}
.exchangeinp input::-moz-placeholder { color:#BDBDBD;}
.exchangeinp input:-ms-input-placeholder {color:#BDBDBD;}
.exchangeleftcon ul .fujia .exchangeinp input{float: left;width: 124px;}
.exchangeleftcon ul .fujia .exchangeinp button{float: left;width: 110px;height: 40px;display: block;border: 0;font-size: 0;outline: none;}
.exchangeleftcon ul .fujia .exchangeinp button img{display: block;width: 100%;height: 100%;object-fit: cover;}
.exchangeleftcon ul .exchangeyzm .exchangeinp input{float: left;width: 124px;}
.exchangeleftcon ul .exchangeyzm .exchangeinp button{float: left;min-width: 110px;height: 40px;display: block;
border: 0;font-size: 14px;outline: none;color: #fff;background: #CCCCCC;}
.exchangeleftcon ul .exlast{padding-left: 78px;box-sizing: border-box;}
.exchangeleftcon ul .exlast button{float: left;display: block;width: 134px;height: 40px;border-radius: 2px;font-size: 14px;color: #999;
outline: none;border: 1px solid #D4D4D4;box-sizing: border-box;margin-right: 12px;background: transparent;}
.exchangeleftcon ul .exlast button:first-child{background: #3D87F3;border-color: #3D87F3;color: #fff;}
.exchangeleftcon ul .exlast button:last-child{margin-right: 0;}
.exchangeright{float: left;width: 325px;}
.qita{width: 100%;background: #fff;padding: 20px 0;box-sizing: border-box;margin-bottom: 20px;}
.qita ul{width: 100%;padding: 0 20px;box-sizing: border-box;}
.qita ul li{margin-bottom:10px;width: 100%;transition: .35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.qita ul li:last-child{margin-bottom: 0;}
.qita ul li:hover .zb_top .jping img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}
.qita ul li:hover .time{background: #f86049;}
.qita ul li:hover .zbtext h4 a{color: #f86049;}
.z_title{font-size: 14px;color: #666;font-weight: 500;border-left: 4px solid #3d87f3;padding-left: 18px;box-sizing: border-box;margin-bottom: 20px;}
.kc_top{width:125px;height:70px;float:left;overflow: hidden;}
.kc_top img{transition: .35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.zb_text a{padding-top:4px;color:#666;font-size:12px;width:120px;float:left;margin-left: 18px;transition: .35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;
    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.cl_left .yonghu{font-size:12px;display: inline-block;padding:12px 0px 0px 18px;color:#999;padding-top: 4px;box-sizing: border-box;}
.qita ul li:hover .zb_text a{color: #3d87f3;}
.qita ul li:hover .kc_top img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}
.excgtc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 5000;display: none;}
.excgtcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.extcbox{width: 558px;height: 316px;position: absolute;top: 50%;left: 50%;margin-top: -158px;margin-left: -279px;
border-radius: 7px;background: #fff;}
.extcboxup{width: 100%;height: 142px;border-radius: 6px 6px 0 0;padding: 33px 40px 45px 40px;box-sizing: border-box;position: relative;
background: linear-gradient(318deg, #013F97 0%, #3D87F3 100%);
background: -moz-linear-gradient(318deg, #013F97 0%, #3D87F3 100%);
background: -webkit-gradient(318deg, #013F97 0%, #3D87F3 100%);
background: -ms-linear-gradient(318deg, #013F97 0%, #3D87F3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#013F97, endColorstr=#3D87F3);
}
.extcboxup i{display: block;width: 14px;height: 14px;cursor: pointer;position: absolute;top: 22px;right: 27px;}
.extcboxup i img{display: block;}
.extcboxup h4{font-size: 24px;color: #fff;font-weight: 400;line-height: 33px;margin-bottom: 9px;}
.extcboxup p{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;}
.extcboxup p b{display: inline-block;width: 16px;height: 16px;vertical-align: -2px;margin-right: 8px;}
.extcboxup p img{display: block;}
.extcboxbut{width: 100%;padding: 20px 42px 24px 42px;box-sizing: border-box;background: #fff;}
.extcboxbut p{font-size: 14px;color: #666;font-weight: 400;line-height: 20px;padding-bottom: 17px;border-bottom: 1px solid #EEEEEE;
box-sizing: border-box;}
.extcboxbut p a{color: #3881EC;margin-left: 9px;}
.exbutcon{width: 100%;padding-top: 12px;box-sizing: border-box;}
.exbutconleft{float: left;width: 80px;height: 80px;margin-right: 15px;}
.exbutconleft img{display: block;}
.exbutconright{float: left;padding-top: 20px;box-sizing: border-box;}
.exbutconright span{font-size: 14px;color: #333;font-weight: 400;line-height: 20px;display: block;margin-bottom: 3px;}
.exbutconright span:last-child{margin-bottom: 0;}