@charset "UTF-8";
body {font-size: 16px;}
@font-face { font-family: 'iconfont'; font-display: 'swap'; src: url("/typeface/icon/iconfont.eot"); src: url("/typeface/icon/iconfont.eot?#iefix") format("embedded-opentype"), url("/typeface/icon/iconfont.woff") format("woff"), url("/typeface/icon/iconfont.ttf") format("truetype"), url("/typeface/icon/iconfont.svg#iconfont") format("svg"); }
.iconfont, *:before, *:after { font-family: "iconfont" !important; font-size: inherit; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0 0.05rem; -moz-osx-font-smoothing: grayscale; vertical-align: middle; margin-top: -0.05rem; display: inline-block; }
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {margin-top: 0;}
input { border-radius: 0; border:0;}
.copy_hidden { height: 0.025rem;  overflow: hidden; margin-top: -0.025rem;}
.copy_hidden input, .copy_hidden textarea { border: 0; padding: 0; margin: 0; background: none;}
.inline_block { display: inline-block; *display: inline; zoom: 1;}
.pay_pop_bg { background: #fff; opacity: 0.3; z-index: 998; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none; }
.pay_pop_2021 { position: fixed; width: 15rem; left: 50%; top: 56%; margin: -8.2rem 0 0 -7.5rem; z-index: 999; background: #fff; box-shadow: 0rem 0.25rem 0.35rem 0rem rgba(0, 0, 0, 0.1); padding-bottom: 0.8rem; border-radius: 0.2rem; overflow: hidden; display: none; }
.pay_pop_2021 .set_data_auto_html { position: absolute; top: 0.775rem; left: 0px; width: 100%; z-index: 10; border: 1px solid #E0E0E0; background: #fff; border-radius: 0.025rem; display: none; box-sizing: border-box; }
.pay_pop_2021 .set_data_auto_html.current { display: block; }
.pay_pop_2021 .set_data_auto_html li { font-size: 0.35rem; line-height: 26px; padding: 2px 10px; cursor: pointer; }
.pay_pop_2021 .set_data_auto_html li:hover { background: #f2f2f2; }
.pay_pop_2021 .part1 .title_box { background: #338ff4; color: #fff; height: 2.45rem; padding: 0.6rem 0.4rem 0; margin-bottom: 0.55rem; }
.pay_pop_2021 .part1 .title_box .des { font-size: 0.5rem; line-height: 0.7rem; }
.pay_pop_2021 .part1 .title_box .title { font-size: 0.7rem; line-height: 1rem; }
.pay_pop_2021 .part1 .info_box { padding: 0 0.6rem 0 0.4rem; margin-bottom: 1rem; }
.pay_pop_2021 .part1 .info_box .title { margin-bottom: 0.5rem; font-size: 0.4rem; line-height: 0.55rem; }
.pay_pop_2021 .part1 .info_box .title span { display: inline-block; margin-right: 0.25rem; font-weight: bold; }
.pay_pop_2021 .part1 .info_box .title font { font-size: 0.3rem; line-height: 0.45rem; color: #FD8C35; }
.pay_pop_2021 .part1 .info_box .from_box .box { position: relative; margin-bottom: 0.5rem; }
.pay_pop_2021 .part1 .info_box .from_box .box dt { font-size: 0.4rem; line-height: 0.55rem; position: absolute; left: 0rem; top: 0.15rem; width: 1.6rem; text-align: right; }
.pay_pop_2021 .part1 .info_box .from_box .box dt font { color: #FD8C35; }
.pay_pop_2021 .part1 .info_box .from_box .box dd { margin-left: 1.8rem; position: relative; }
.pay_pop_2021 .part1 .info_box .from_box .box dd input { border: 0.025rem solid #E0E0E0; height: 0.8rem; line-height: 0.8rem; padding: 0 0.125rem; border-radius: 0.1rem; width: 100%; box-sizing: border-box; }
.pay_pop_2021 .part1 .info_box .from_box .box.list2 { width: 50%; }
/*发票类型*/
.pay_pop_2021 .part1 .invoice { padding: 0 0.6rem 0 0.4rem; margin-bottom: 1.125rem; }
.pay_pop_2021 .part1 .invoice .title { margin-bottom: 0.25rem; font-size: 0.4rem; line-height: 0.55rem; }
.pay_pop_2021 .part1 .invoice .title span { font-weight: bold; }
.pay_pop_2021 .part1 .invoice .title .bt { font-size: 12px; width: 50px; border-radius: 5px; line-height: 20px; height: 20px; text-align: center; background: #0087FF; color: #fff; display: inline-block; font-weight: normal; cursor: pointer; vertical-align: top; margin-left: 10px; }
.pay_pop_2021 .part1 .invoice .button { background: #F5F9FC; line-height: 0.85rem; font-size: 0.35rem; padding: 0 0.5rem; position: relative; cursor: pointer; }
.pay_pop_2021 .part1 .invoice .button:after { content: ''; background: url("/images/pay/pay_icons.png") -14.825rem -1.25rem no-repeat; background-size: 30rem 30rem; width: 0.6rem; height: 0.6rem; position: absolute; right: 0.25rem; top: 0.125rem; }
.pay_pop_2021 .part1 .pay_method { padding: 0 0.6rem 0 0.4rem; }
.pay_pop_2021 .part1 .pay_method .title { margin-bottom: 0.45rem; font-size: 0.4rem; line-height: 0.55rem; font-weight: bold; }
.pay_pop_2021 .part1 .pay_method .box_all { position: relative; padding: 0.1rem 0 0.2rem 0; border-bottom: 0.025rem solid #D8D8D8; }
.pay_pop_2021 .part1 .pay_method .box_all .box { padding-top: 5px; height: 60px; }
.pay_pop_2021 .part1 .pay_method .box_all .box .icons { background: url("/images/pay/pay_icons.png") -4.95rem -1.25rem no-repeat; background-size: 30rem 30rem; width: 3.375rem; height: 1.15rem; }
.pay_pop_2021 .part1 .pay_method .box_all .box .pay_method_check { line-height: 24px; margin-right: 30px; cursor: pointer; }
.pay_pop_2021 .part1 .pay_method .box_all .box .pay_method_check * { vertical-align: top; }
.pay_pop_2021 .part1 .pay_method .box_all .box .pay_method_check:before { content: '\e606'; color: #D8D8D8; font-size: 18px; margin-right: 6px; }
.pay_pop_2021 .part1 .pay_method .box_all .box .pay_method_check.current:before { content: '\e605'; color: #338ff4; }
.pay_pop_2021 .part1 .pay_method .box_all .box .pay_method_check span { display: inline-block; margin-left: 5px; }
.pay_pop_2021 .part1 .pay_method .box_all .price_box { position: absolute; right: 0.5rem; top: 0rem; text-align: right; }
.pay_pop_2021 .part1 .pay_method .box_all .price_box .price { font-size: 0.5rem; line-height: 0.7rem; font-weight: bold; margin-bottom: 0.15rem; margin-top: 0; }
.pay_pop_2021 .part1 .pay_method .box_all .price_box .pay_checkbox { background: url("/images/pay/pay_icons.png") -9.475rem -1.25rem no-repeat; background-size: 30rem 30rem; width: 1.8rem; height: 0.6rem; display: inline-block; }
.pay_pop_2021 .part1 .pay_method .box_all .price_box .pay_checkbox .pay_checkbox_ded, .pay_pop_2021 .part1 .pay_method .box_all .price_box .pay_checkbox .pay_checkbox_add, .pay_pop_2021 .part1 .pay_method .box_all .price_box .pay_checkbox .pay_checkbox_num { display: inline-block; text-decoration: none; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; overflow: hidden; vertical-align: top; text-align: center; background: none; }
.pay_pop_2021 .part1 .price_all { padding: 0.5rem 0.6rem 0 0.4rem; }
.pay_pop_2021 .part1 .price_all .price { margin-right: 0.5rem; float: right; text-align: right; }
.pay_pop_2021 .part1 .price_all .price span { display: block; font-size: 0.3rem; line-height: 0.425rem; color: #959595; margin-bottom: 0.125rem; }
.pay_pop_2021 .part1 .price_all .price font { color: #FD8C35; font-size: 0.6rem; line-height: 0.6rem; font-weight: bold; }
.pay_pop_2021 .part1 .price_all .pay_button { float: right; }
.pay_pop_2021 .part1 .price_all .agreement { font-size: 14px; color: #999; float: left; margin-left: 5px; position: relative; }
.pay_pop_2021 .part1 .price_all .agreement .t { cursor: pointer; }
.pay_pop_2021 .part1 .price_all .agreement .t .icon { width: 14px; height: 14px; border: 1px solid #999; font-size: 12px; line-height: 14px; text-align: center; margin-right: 8px; }
.pay_pop_2021 .part1 .price_all .agreement .t .icon span { display: none; }
.pay_pop_2021 .part1 .price_all .agreement .t .icon.current span { display: inline-block; }
.pay_pop_2021 .part1 .price_all .agreement .error { background: #e7e7e7; line-height: 30px; padding: 0 10px; position: absolute; left: 140px; top: -6px; white-space: nowrap; display: none; }
.pay_pop_2021 .part1 .price_all .agreement .error:before { content: ''; border: 10px solid transparent; border-right-color: #e7e7e7; position: absolute; left: -20px; top: 7px; }
.pay_pop_2021 .part1 .close { background: url("/images/pay/pay_icons.png") -1.25rem -1.25rem no-repeat; background-size: 30rem 30rem; width: 0.6rem; height: 0.6rem; position: absolute; right: 0.5rem; top: 0.5rem; z-index: 900; cursor: pointer; }
.pay_pop_2021 .part1 .close:hover { background-position: -3.1rem -1.25rem; }
.pay_pop_2021 .error_box { background: #000; background: rgba(0, 0, 0, 0.7); border-radius: 0.2rem; position: absolute; width: 7.5rem; text-align: center; top: 4.9rem; left: 50%; margin: 0 0 0 -3.75rem; z-index: 960; color: #fff; padding: 0.75rem 0; display: none; }
.pay_pop_2021 .error_box .icons { background: url("/images/pay/pay_icons.png") no-repeat -12.475rem -1.25rem; background-size: 30rem 30rem; width: 1.1rem; height: 1.1rem; margin: 0 auto 0.5rem auto; }
.pay_pop_2021 .error_box .t { font-size: 0.4rem; line-height: 0.55rem; margin-bottom: 0.1rem; }
.pay_pop_2021 .error_box .d { font-size: 0.35rem; line-height: 0.5rem; }
.pay_pop_2021 .part_bg { background: #000; opacity: 0.4; z-index: 910; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; }
.pay_pop_2021 .part2 { background: #fff; border-radius: 0.2rem; position: absolute; left: 0rem; bottom: -17.5rem; width: 100%; z-index: 950; transition: 400ms; height: 13.5rem; padding: 0.5rem 0 1rem 0; overflow: hidden; }
.pay_pop_2021 .part2.current { bottom: 0rem; }
.pay_pop_2021 .part2 .check_box { text-align: center; margin: 0 0.5rem; border-bottom: 0.025rem solid #D8D8D8; margin-bottom: 0.5rem; }
.pay_pop_2021 .part2 .check_box span { display: inline-block; font-size: 0.45rem; line-height: 0.625rem; width: 50%; padding-bottom: 0.3rem; position: relative; cursor: pointer; }
.pay_pop_2021 .part2 .check_box span.current { color: #2589FF; }
.pay_pop_2021 .part2 .check_box span.current:after { content: ''; width: 1rem; height: 0.05rem; background: #2589FF; overflow: hidden; position: absolute; left: 50%; bottom: -0.025rem; margin-left: -0.5rem; }
.pay_pop_2021 .part2 .notice { color: #909193; font-size: 0.3rem; line-height: 0.425rem; padding: 0 0.5rem; margin: 0 0 0.5rem 0.425rem; }
.pay_pop_2021 .part2 .title { margin-bottom: 0.5rem; font-size: 0.4rem; line-height: 0.55rem; font-weight: bold; padding: 0 0.5rem; }
.pay_pop_2021 .part2 .invoice_title { padding: 0 0.5rem; margin: 0 0 1rem 0.425rem; }
.pay_pop_2021 .part2 .invoice_title .this_check { margin-bottom: 0.5rem; }
.pay_pop_2021 .part2 .invoice_title .this_check span { width: 1.8rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.425rem; text-align: center; font-size: 0.35rem; background: #EBEBEB; display: inline-block; margin-right: 0.25rem; white-space: nowrap; cursor: pointer; }
.pay_pop_2021 .part2 .invoice_title .this_check span.current { color: #fff; background: #2589FF; }
.pay_pop_2021 .part2 .invoice_title .from_box .box { position: relative; margin-bottom: 0.35rem; }
.pay_pop_2021 .part2 .invoice_title .from_box .box dt { font-size: 0.4rem; line-height: 0.55rem; position: absolute; left: 0rem; top: 0.15rem; width: 1.85rem; text-align: right; }
.pay_pop_2021 .part2 .invoice_title .from_box .box dt font { color: #FD8C35; }
.pay_pop_2021 .part2 .invoice_title .from_box .box dd { margin-left: 2.125rem; position: relative; }
.pay_pop_2021 .part2 .invoice_title .from_box .box dd input { border: 0.025rem solid #E0E0E0; height: 0.85rem; line-height: 0.8rem; padding: 0 0.125rem; border-radius: 0.1rem; width: 100%; box-sizing: border-box; }
.pay_pop_2021 .part2 .invoice_title .from_box .box.list2 { width: 50%; }
.pay_pop_2021 .part2 .invoice_title.no2 { margin: 0 0 0.5rem 0; }
.pay_pop_2021 .part2 .invoice_title.no2 .from_box .box { margin-bottom: 0.25rem; }
.pay_pop_2021 .part2 .invoice_title.no2 .from_box .box dt { width: 3.25rem; }
.pay_pop_2021 .part2 .invoice_title.no2 .from_box .box dd { margin-left: 3.5rem; }
.pay_pop_2021 .part2 .invoice_title.no2 .from_box .box.list2 { width: 50%; }
.pay_pop_2021 .part2 .invoice_title.no2 .from_box .box.list2.right dt {   width: 2.5rem; }
.pay_pop_2021 .part2 .invoice_title.no2 .from_box .box.list2.right dd {   margin-left: 2.75rem; }
.pay_pop_2021 .part2 .invoice_content { padding: 0 0.5rem; margin: 0 0 0.5rem 0.425rem; }
.pay_pop_2021 .part2 .invoice_content .t { width: 1.8rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.425rem; text-align: center; font-size: 0.35rem; background: #2589FF; display: inline-block; margin: 0 0.25rem 0.25rem 0; color: #fff; white-space: nowrap; }
.pay_pop_2021 .part2 .invoice_content .d { color: #909193; font-size: 0.3rem; line-height: 0.425rem; }
.pay_pop_2021 .part2 .agree { text-align: left; margin-left: 0.425rem; }
.pay_pop_2021 .part2 .agree .checkbox { width: 0.5rem; height: 0.5rem; text-align: center; color: #fff; line-height: 0.6rem; border-radius: 0.1rem; margin-right: 0.1rem; margin-bottom: 0; cursor: pointer; border: 0.05rem solid #3793FF; background: #fff; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; }
.pay_pop_2021 .part2 .agree .checkbox.current { background: #3793FF; }
.pay_pop_2021 .part2 .agree .link span { color: #2589FF; cursor: pointer; }
.pay_pop_2021 .part2 .button { text-align: right; position: absolute; bottom: 1rem; right: 0.5rem; }
.pay_pop_2021 .part2 .button .cancel { color: #B1B2B7; display: inline-block; line-height: 1.15rem; vertical-align: top; padding: 0 0.5rem; margin-right: 0.5rem; cursor: pointer; }
.pay_pop_2021 .part2 .button .confirm { vertical-align: top; }
.pay_pop_2021 .part3 { background: #fff; border-radius: 0.2rem; position: absolute; left: 0rem; bottom: -15rem; width: 100%; z-index: 950; transition: 400ms; height: 10.85rem; padding: 2.25rem 0 1rem 0; overflow: hidden; text-align: center; }
.pay_pop_2021 .part3.current { bottom: 0rem; }
.pay_pop_2021 .part3 .title { font-size: 0.45rem; line-height: 0.625rem; font-weight: bold; margin-bottom: 1rem; }
.pay_pop_2021 .part3 .content { padding: 0 1rem; text-align: left; line-height: 0.7rem; font-size: 0.4rem; }
.pay_pop_2021 .part3 .button { text-align: center; position: absolute; bottom: 1rem; left: 0; width: 100%; }
.pay_pop_2021 .part4 { z-index: 950; position: absolute; left: 0rem; top: 0rem; width: 100%; height: 100%; text-align: center; color: #fff; display: none; }
.pay_pop_2021 .part4 .part4_bg { background: #000 url("/images/loading_1.gif") center no-repeat; opacity: 0.4; z-index: 2; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; }
.pay_pop_2021 .part4 .box { position: relative; z-index: 3; margin-top: 3rem; }
.pay_pop_2021 .part4 .box p { font-size: 0.5rem; margin-top: 10px; }
/*用户协议*/
.pay_pop_2021 .agreement_content { background: #fff; border-radius: 0.2rem; position: absolute; left: 0rem; bottom: -15rem; width: 100%; z-index: 950; transition: 400ms; height: 10.85rem; padding: 1rem; overflow: hidden; text-align: center; }
.pay_pop_2021 .agreement_content.current { bottom: 0rem; }
.pay_pop_2021 .agreement_content .title { font-size: 0.45rem; line-height: 0.625rem; font-weight: bold; margin-bottom: 0.5rem; }
.pay_pop_2021 .agreement_content .content { padding: 0 1rem; text-align: left; line-height: 0.7rem; font-size: 0.4rem; height: 6rem; overflow: auto; }
.pay_pop_2021 .agreement_content .content p { margin: 0.2rem 0; }
.pay_pop_2021 .agreement_content .button { text-align: center; position: absolute; bottom: 1rem; left: 0; width: 100%; } @media (max-width: 479px) { .pay_pop_2021 { width: 10rem; margin-left: -5rem; } }

.share_side { position: fixed; right: 0rem; top: 50%; margin-top: -3rem; z-index: 900; }
.share_side .icons { background: url("/images/pay/pay_icons.png") -1.25rem -3.65rem no-repeat; width: 1.35rem; height: 1.35rem; display: block; margin-bottom: 0.05rem; position: relative; }
.share_side .qq:hover { background-position: -11.65rem -3.65rem; }
.share_side .mail { background-position: -3.85rem -3.65rem; }
.share_side .mail:hover { background-position: -14.25rem -3.65rem; }
.share_side .link { position: absolute; right: 1.35rem; top: 0rem; width: 0rem; overflow: hidden; transition: 400ms; white-space: nowrap; display: block; height: 1.35rem; line-height: 1.35rem; background: #338FF4; color: #fff; z-index: 2; text-decoration: none; font-weight: 600;}
.share_side .mail:hover .link, .share_side .qq:hover .link { width: 4.5rem; padding: 0 0.25rem; }
.share_side .ewm { background-position: -6.45rem -3.65rem; }
.share_side .ewm:hover { background-position: -16.85rem -3.65rem; }
.share_side .ewm .img { position: absolute; right: 1.35rem; top: -1.25rem; width: 0rem; overflow: hidden; transition: 400ms; z-index: 1; }
.share_side .ewm:hover .img { width: 6.45rem; }
.share_side .to_top { background-position: -9.05rem -3.65rem; cursor: pointer; }
.share_side .to_top:hover { background-position: -19.45rem -3.65rem; } 
@media (max-width: 1000px) { 
.share_side { display: none; } 
}

.pay_button { background: linear-gradient(45deg, #fe6628 0%, #fd8f36 100%); background-color: #FE6628; min-width: 128px; line-height: 1.15rem; text-align: center; border-radius: 24px; font-size: 0.4rem; display: inline-block; color: #fff; vertical-align: top; cursor: pointer; box-shadow: 0rem 0.25rem 0.25rem 0rem rgba(0, 0, 0, 0.15); padding: 12px 24px;}
.pay_button:hover { background-color: #ff6c00; background-image: linear-gradient(90deg, #ff4201, #ff802b); color: #fff; text-decoration: none; }
.pay_button.blue { background: #2E92FF; }
.pay_button.blue:hover { background-color: #0054ff; color: #fff; text-decoration: underline;}
.pay_button.bor { box-sizing: border-box; border: 0.025rem solid #0087FF; background: none; color: #0087FF;  }
.pay_button.bor.gray { border-color: #111532; color: #111532; }

/**/
.hidden { display: none; }