.pin_top{background: #F5FAFF;padding: 23px 0 17px;}
.pin_top2{width: 1200px;margin: 0 auto;}
.pin_top3{background: #0053DA;width: 4px;height: 16px;}
.pin_top5{padding-left: 6px;font-size: 16px;color: #333333;}
.pin_top6{padding-left: 12px;font-size: 14px;color: #999999;line-height: 18px;cursor: pointer;}
.pin_top7{font-size: 14px;color: #343434;line-height: 18px;display: inline-block;margin-right: 30px;margin-bottom: 12px;vertical-align: middle;cursor: pointer;transition: all linear .2s;}
.pin_top8{border-right: 1px dashed #C9DFF4;padding-left: 30px;}
.pin_top8:first-child{padding-left: 0;}
.pin_top8:last-child{border-right: 0;}
.pin_top9{padding-left: 10px;font-size: 14px;color: #3E3E3E;}

.pin_top10{width: 1200px;margin: 0 auto;}
.pin_top11{margin-left: 10px;background: #FFFFFF;box-shadow: 0 2px 16px 0 rgba(0,0,0,0.06);padding: 0 16px;height: 100%;overflow: hidden;}
.pin_top12{width: 360px;}
.pin_top13{position: relative;border-bottom: 1px solid #C9DFF4;height: 50px;}
.pin_top15{font-size: 16px;color: #333333;display: inline-block;margin-right: 36px;position: relative;height: 48px;line-height: 48px;cursor: pointer;transition: all linear .2s;}
.pin_top15:last-child{margin-right: 0;}
.pin_top15.on{font-size: 19px;color: #0053DA;}
.pin_top15:hover,.pin_center5:hover .pin_center6,.pin_center5:hover .pin_center6 .pin_center7,.pin_center5:hover .pin_center13,.pin_center32:hover .pin_center33,.pin_top7:hover{color: #0053DA;}
.pin_top15.on::before{position: absolute;bottom: -1px;content: '';border: 2px solid #0053DA;left: 0;right: 0;}
.pin_top16{padding: 12px 0;border-bottom: 1px solid #EDF3F7;cursor: pointer;transition: all linear .2s;}
.pin_top16:last-child{border-bottom: 0;}
.pin_top16:hover .pin_top18{color: #0053DA;}
.pin_top17{background: #FF3300;border-radius: 2px;font-size: 14px;color: #FFFFFF;padding: 0 3px;line-height: 20px;margin-right: 8px;}
.pin_top18{font-size: 14px;color: #000000;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pin_top19{font-size: 12px;color: #333333;line-height: 16px;margin-right: 16px;}
.pin_top19:last-child{margin-right: 0;}
.pin_top20{color: #007AFF;}
.pin_top21{font-size: 12px;color: #999999;line-height: 16px;}

.pin_top22{height: 50px;border-bottom: 1px solid #C9DFF4;}
.pin_top23{font-size: 16px;color: #333333;line-height: 20px;}
.pin_top25{cursor: pointer;font-size: 14px;color: #999999;line-height: 20px;}
.pin_top26{padding: 6px 8px;font-size: 14px;color: #333333;background-color: #FFFFFF;display: inline-block;cursor: pointer;/* margin-right: 5px; */margin-bottom: 3px;border-radius: 4px;
transition: all linear .2s;}
.pin_top27,.pin_top26:hover{background: #E6EFFF;color: #0053DA;}
.pin_top28{color: #F52D22}

.pin_center{padding: 0 16px;background: #FFFFFF;height: 420px;}
.pin_center2{padding: 8px 0 4px;height: calc(100% - 50px);}
.pin_center3{padding-right: 20px;border-right: 1px dashed #EDF3F7;overflow: hidden;}
.pin_center3:last-child{padding-right: 0;border-right: 0;padding-left: 16px;}
.pin_center5{padding: 12px 0;border-bottom: 1px solid #EDF3F7;cursor: pointer;}
.pin_center5:last-child{border-bottom: 0;}
.pin_center6{font-size: 14px;color: #151515;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all linear .2s;}
.pin_center7{color: #BF0A00;}
.pin_center8{font-size: 13px;color: #0053DA;line-height: 16px;padding-left: 10px;}
.pin_center9{font-size: 13px;color: #999999;line-height: 16px;}
.pin_center10{height: 50px;line-height: 50px;}
.pin_center11{font-size: 20px;color: #333333;}
.pin_center12{height: 524px;}
.pin_center13{font-size: 14px;color: #1A1A1A;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all linear .2s;padding-right: 120px;}
.pin_center15{background: #E2EEFF;border-radius: 3px;display: inline-block;margin-right: 10px;vertical-align: middle;padding: 3px 8px;font-size: 13px;color: #1A52FF;}
.pin_center15:last-child{margin-right: 0;}
.pin_center16{background: #FFEEEE;color: #F52D22;}
.pin_center17{line-height: 16px;font-size: 12px;color: #999999;}
.pin_center18{height: calc(100% - 100px);}
.pin_center19{text-align: center;border-top: 1px solid #EDEDED;}
.pin_center20{padding-left: 8px;font-size: 14px;color: #999999;display: inline-block;cursor: pointer;}
.pin_center21{vertical-align: sub;cursor: pointer;transition: all linear .3s;}
.pin_center22{transform: rotate(360deg);}

.pin_center23{color: #0053DA;}
.pin_center25{height: 460px;}
.pin_center26{padding: 8px 0 0;}
.pin_center27{width: 160px;padding: 22px 0 30px;}
.pin_center28{border: 1px solid #E6E6E6;padding: 10px 5px;text-align: center;font-size: 14px;color: #333333;margin-bottom: 12px;cursor: pointer;transition: all linear .3s;}
.pin_center29{color: #999999;border: 1px solid #E6E6E6;}
.pin_center28:hover,.pin_center30{background: #0053DA;color: #FFFFFF;border: 1px solid #0053DA;}

.pin_center31{height: 510px;}
.pin_center32{padding: 16px 4px 25px;border-bottom: 1px dashed #EDF3F7;cursor: pointer;}
.pin_center32:last-child{border-bottom: 0;}
.pin_center33{font-size: 18px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all linear .2s;}
.pin_center35{font-size: 14px;color: #999999;padding-left: 8px;}
.pin_center36{background: #E6F0FF;border-radius: 3px;padding: 3px 6px;font-size: 14px;color: #1A52FF;display: inline-block;margin-right: 10px;}
.pin_center36:last-child{margin-right: 0;}
.pin_center37{padding-left: 20px;width: 400px;}
.pin_center37 img{margin-bottom: 20px;cursor: pointer;}
.pin_center37 img:last-child{margin-bottom: 0;}
.pin_center38{background: #FFEEEE;color: #F52D22}

.pt8{padding-top: 8px;}
.pt10{padding-top: 10px;}
.pt12{padding-top: 12px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pl32{padding-left: 32px;}
.pl37{padding-left: 37px;}
.pl40{padding-left: 40px;}

.ovh{overflow: hidden;}

.pin_flex{display: flex;align-items: center;}
.pin_flex2{flex: 1;}
.pin_flex3{display: flex;}