header,header img{width:100%;height:280px}header img{display:block}.container{width:1200px;min-height:calc(100vh - 306px);margin:auto}.top{width:100%;padding:0 30px;height:100px;background:#fff;-webkit-box-shadow:0 0 9px 1px rgba(91,141,255,.2);box-shadow:0 0 9px 1px rgba(91,141,255,.2);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:25px}.top,.top .top_left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top .top_left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.top .top_left img{width:60px;height:64px;margin-right:10px}.top .top_left div{height:64px}.top .top_left .in{font-size:22px;font-family:PingFang SC;font-weight:700;color:#333;line-height:24px;margin-bottom:5px}.top .top_left .ti{font-size:16px;font-family:PingFang SC;font-weight:500;color:#999;line-height:40px}.top .top_left .ti span{color:#333;font-weight:Medium}.top .top_right{font-size:18px;font-family:PingFang SC;font-weight:500;color:#666;line-height:24px}.top .top_right span{color:#ed0000;font-weight:700}.top .top_right .icon{font-size:16px}.top .top_right .price{font-size:28px}.top .top_right .unit{font-size:18px}.con{width:100%;height:370px;background:#fff;-webkit-box-shadow:0 0 9px 1px rgba(91,141,255,.2);box-shadow:0 0 9px 1px rgba(91,141,255,.2);margin-top:20px;padding:30px 30px 0}.con .con-top{height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e2e2e2}.con .con-top .way{font-size:20px;font-weight:700;color:#333}.con .con-top .payee,.con .con-top .way{font-family:PingFang SC;line-height:26px}.con .con-top .payee{font-size:16px;font-weight:500;color:#666}.con .con_info{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:30px}.con .con_info,.con .con_info .ci_li{display:-webkit-box;display:-ms-flexbox;display:flex}.con .con_info .ci_li{width:242px;height:134px;background:#fff;border:2px solid #e2e2e2;border-radius:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.con .con_info .ci_li img{margin:auto}.con .con_info .ci_li_active{width:242px;height:134px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPIAAACICAMAAADqD0YxAAAAolBMVEVVh/9Yiv8AAABZi/9Yjv9Yif9Yif9Yi/9cjf9Zmf9Yiv9Ziv9Yiv9Ziv9ZjP9flP9Yiv9Yif9Xif9Xiv9aif9Wi/9Yiv9Yif9Yiv9ZjP////9Yiv96ov/1+P+Bp//5+//4+v9nlP+/0v/p8P/l7f/X4/9gkP/y9v/e6P+vx/+Zt/+VtP+Qsf/N3P+zyv+mwf+Fqv9/pv9ynf9Zi//M2/+jv/+dAsFAAAAAGnRSTlMz8ABcDuvgaRYEsMG5qCUK+9SPh4BH/POLX9gVf1cAAAICSURBVHja7d1HQhtREIThJ2mUE9Ghy0jMKCIENsa+/9Xcg8YKC8Sarvpv8C1ev2WlelUnBa/zX7ojj65aCF/rarQnd68vgOXvH7FbAhfX3R056+N1s7bwrTev6GcluTtAvjCKFjkGXSe3kc+MpFmOdj1lTTwZTU9oZqmNiRE1wffUQ2FEFeilFuZG1ByXqYaVEbVC08l3RtQdaiKHT2SGRGZIZIZEZkhkhkRmSGSGRGZIZIZEZkhkhkRmSGSGRGZIZIZEZkhkhkRmSGSGRGZIZIZEZkhkhkRmSGSGRGZIZIZEZkhkhkRmSGSGRGZIZIZEZkhkhkRmSGSGRGZIZIZEZkhkhkRmSGSGCMkrOvL0hY08nYCM7GIysovJyC4mI7uYjOxiMrKLycguJiO7mIzsYjKyi8nILiYju5iM7GIysovJyC4mI5+I12sC8om4MItPPhE/mG3Ck0/EP80ew7/l+1K8rZy/zIrw58vFntnzm/jeivAXeyfGX7MHIDdbhP+kXLy/Wo/Luc1wIMecw3Px0d1a2SzHvlYaBhw9dPGhZzPLcWiYGnixYLn4uGK2xVGNNG7ij4XKxWdqZm8ztaFe83kx2uX+ci/UGPEH4kG9JI97wHYxtRB9IO6PS7J38zXMsPgSZ/ryrRoW9zo3lwhfbdip5uOrslH6/N023u3Wvbv+AcROz3JzGX3xAAAAAElFTkSuQmCC) no-repeat;background-size:242px 134px;background-position:50%;border:none}.con .payBtn{width:160px;height:50px;background:#5b8dff;-webkit-box-shadow:0 4px 9px 1px rgba(91,141,255,.22);box-shadow:0 4px 9px 1px rgba(91,141,255,.22);border-radius:25px!important;font-size:20px;font-family:PingFang SC;font-weight:500;color:#f2f2f2;line-height:50px;float:right;margin-top:40px}