* { word-wrap: break-word; box-sizing: border-box; margin: 0px; padding: 0px; }
body, div, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, form, p, span, em, i, a, img, input, select, textarea, label, strong, b, table, tr, td, thead, tbody { margin: 0; padding: 0; }
input[type=button], input[type=text], input[type=password], input[type=submit], input[type=file], input[type=number], input[type=tel], input[type=date], input[type=datetime-local], input[type=reset] { -webkit-appearance: none; border-radius: 0; }
input::-webkit-input-placeholder { /*WebKit browsers*/ }
input { outline: none; }
li { list-style-type: none; }
a { text-decoration: none; color: black; }

.b_l { float: left; }

.b_r { float: right; }
.b_l_w { width: 100%; float: left; }
.w1 { width: 100%; float: left; }
.dis { display: none; }
.dis_l { display: block; }
.td_20 td { width: 20%; }
.td_25 td { width: 25%; }
.td_33 td { width: 33.3333333333333333%; }
.td_50 td { width: 50%; }
.songti { font-family: 宋体; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.p50 { padding: 50px; }
.center { text-align: center; }
.w86 { width: 86%; }
.w90 { width: 90%; }
.w92 { width: 92%; }
.w-95 { width: 95%; }
.w100 { width: 100% !important; }
.w100 * { max-width: 100% !important; }
.w100 img { height: auto !important; width: 100%; }
.w100 img.now { width: auto; height: auto }
.w100 table { width: 100% !important; }
.w100bg { background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.bncc img { max-width: 100%; }
.t_c { text-align: center; }
.t_l { text-align: left; }
.t_r { text-align: right; }

.sf img { transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); }

.bg-white { background-color: #fff !important; }

.b_k { background: #fff; }
.r6 { border-radius: 6px; }


.sy_sy_a a { float: left; background-color: #F8F8F8; padding: 0px 5px 0px 5px; margin: 0px 5px 5px 0px; border-radius: 5px; }

#scrollDiv ul, #scrollDiv li { margin: 0; padding: 0; }
#scrollDiv { width: 100%; height: 41px; line-height: 43px; overflow: hidden; }
#scrollDiv li { height: 41px; color: #444; font-size: 12px; overflow: hidden; }
#scrollDiv img { height: 33px; margin: 4px 6px 4px 4px; vertical-align: top; }

.index_cp { background-color: #fff; border-radius: 12px; overflow: hidden; }
.index_cp .b_l_w { padding: 11.4px 8.4px 5px 8.4px; font-size: 15px; }
.index_cp .w1 { padding: 0 9px; margin: 9px 0; color: #e22121; }
.index_cp .w1 b { font-size: 20px; }
.index_cp .w1 span { font-size: 16px; }
.index_cp .w1 s { font-size: 14px; color: #919191; margin-left: 10px; }
.index_cp .w1 a { background-image: linear-gradient(191deg, #F7535C 0%, #920100 100%), linear-gradient( #8a2d30, #8a2d30); border-radius: 25px; width: 86px; height: 28px; line-height: 26px; float: right; display: block; text-align: center; letter-spacing: 1px; color: #fff !important; font-size: 15px; margin-top: -2px; }
.pf-gmr { position: absolute; margin: 10px; background: rgba(0,0,0,0.4); border-radius: 21px; color: #Fff; padding: 5px 10px; font-size: 13px; font-weight: bold; line-height: 21px; }
.pf-gmr img { width: 21px; height: 21px; border-radius: 100%; margin-right: 2px; vertical-align: top; }


.my_top { background: url(../images/my_top.png) no-repeat; min-height: 218px; background-size: 100% 218px; }
.my_top img.position-absolute { right: 15px; top: 12px; }

.my_tx { padding-top: 33px; z-index: 99999; }

.my_tx div.position-absolute { width: 90px; height: 21px; background-color: #8a2d30; border-radius: 18px; left: 0; bottom: -6px; line-height: 20px; font-size: 15px; }
.my_tx b { font-size: 25px; }
.my_tx span { color: #8a2d30; display: block; float: left; padding-top: 5px; }
.my_tx .dl { width: 42px; height: 19px; border-radius: 6px; border: solid 1px #fff; line-height: 17px; display: inline-block; text-align: center; margin-left: 10px; }
.my_tx span > img { vertical-align: top; margin: 4px 0 0 0; }

.my_tx > div:nth-child(2) { margin: 10px 0 0 17px; line-height: 23px; font-size: 13px; width: calc(100% - 107px); overflow: hidden; }
.my_tx > div:nth-child(2) b { display: inline-block; height: 27px; overflow: hidden; line-height: 27px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; margin-bottom: 8px; -o-text-overflow: ellipsis; text-overflow: ellipsis; }


.login_bg { }
.login_bg .bs { font-size: 3.44vw; }
.login_bg .mx-auto { width: 80.3vw; height: 14.04vw; background: #fff; border-radius: 14.04vw; margin-bottom: 6.404vw; overflow: hidden; }
.login_bg .mx-auto img { width: 12.5vw; height: 12.5vw; margin: 1.25vw 1.25vw; float: left; }
.login_logo { width: 30.18vw; margin: 9.3vw 0 5.77vh 0; }
.login_i1 { border: none; width: 37vw; font-size: 3.44vw; line-height: 14.04vw; height: 14.04vw; margin-left: 1.25vw; }
.login_i2 { border: none; width: 100%; font-size: 3.44vw; line-height: 14.04vw; height: 14.04vw; margin-left: 1.25vw; }
.login_i3 { border: none; width: 100%; background: #fff; height: 14.04vw; line-height: 14.04vw; font-size: 4.52vw; }

.login_bg input[type="checkbox"] { width: 4vw; height: 4vw; display: inline-block; text-align: center; vertical-align: middle; line-height: 4vw; margin-right: 5px; position: relative; overflow: hidden; }

.login_bg input[type="checkbox"]::before { content: ""; position: absolute; top: 0; left: 0; background: #C63533; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 4px; }

.login_bg input[type="checkbox"]:checked::before { content: "\2713"; background-color: #C63533; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 3.65vw; font-weight: bold; }

.hqyzm { display: inline-block; height: 3.66vw; line-height: 3.66vw; text-align: center; width: 25.625vw; float: right; color: #b0b0b0; font-size: 3.45vw; border-left: 1px solid #b0b0b0; }

header { background: #fff; height: 50px; line-height: 50px; }
header i { font-size: 20px !important; position: absolute; left: 0; top: 14px; }
header a { color: #fff; }
.header_white { background: #fff; position: fixed; width: 100%; height: 45px !important; line-height: 45px; z-index: 99999; border-bottom: 1px solid #f8f8f8; }
.header_white * { color: #000 !important; }
.header_white i { font-size: 25px !important; margin-top: -3px; }


.xs_bg { background: url(../images/xs_bg.png); height: 219px; background-size: 100% 219px; padding-top: 20px; }
.xs_bg > a:nth-child(1) { right: 16px; }
.xs_bg > a:nth-child(2) { left: 16px; }
.xs_bg > a img { margin-right: 10px; }
.xs_bg .center { line-height: 35px; }
.xs_bg .center a { display: block; border: 1px solid #fff; width: 120px; height: 36px; line-height: 36px; border-radius: 36px; margin-top: 5px; }
.xs_bg .center a img { vertical-align: top; margin: 5px 10px 0 0; }
.xs_xx { color: #666666; border-bottom: 4px solid #f8f8f8; }
.xs_xx > div { border-right: 1px solid #EEEEEE; height: 72px; line-height: 30px; padding-top: 10px; margin: 10px 0; }

.jt_bg { background: url(../images/jt_bg.png); height: 228px; background-size: 100% 228px; padding-top: 20px; }
.jt_bg > div:nth-child(1) { font-size: 47px; width: 100%; text-align: center; padding-top: 22px; }
.jt_bg > div:nth-child(2) { font-size: 13px; width: 100%; text-align: left; padding-top: 33px; padding-left: 20vw; }


input.ipt, textarea.ipt { display: block; width: 100%; border: 1px solid #ccc; padding: 8px; color: #444; background-color: #fff; border-radius: 5px; position: relative; }
.bt_ys { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #FF6100; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; border-bottom: 3px solid #A53800; text-align: center; }
.bt_hon { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #DA0000; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; }
.bt_lan { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #2BB0B7; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; }
.bt_huang { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #D19313; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; }
.bt_bai { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #fff; color: #999; border: 1px solid #ccc; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; color: #aaa; }
.bt_lv { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #8AC640; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; }
.bt_zi { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #594AA7; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; }
.bt_cheng { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #EA771C; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; }
.bt_fen { display: block; width: 100%; padding: 10px 0px 10px 0px; line-height: 16px; border: 0px; background-color: #FF2D36; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-align: center; }
.a_ys { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #FF6100; border-radius: 5px; font-size: 13px; }
.a_hon { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #FF001A; border-radius: 5px; font-size: 13px; }
.a_lan { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #00B6FF; border-radius: 5px; font-size: 13px; }
.a_huang { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #FF6100; border-radius: 5px; font-size: 13px; }
.a_lv { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #63BA97; border-radius: 5px; font-size: 13px; }
.a_zi { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #5D69FF; border-radius: 5px; font-size: 13px; }
.a_cheng { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #EA771C; border-radius: 5px; font-size: 13px; }
.a_fen { display: inline-block; padding: 5px 10px 5px 10px; color: #fff; background-color: #FF2D36; border-radius: 5px; font-size: 13px; }
.bt_ys:hover, .bt_hon:hover, .bt_lan:hover, .bt_huang:hover, .bt_lv:hover, .bt_zi:hover, .bt_cheng:hover, bt_fen:hover { color: #fff; }
.a_hon:hover, .a_ys:hover, .a_hon:hover, .a_lan:hover, .a_huang:hover, .a_lv:hover, .a_zi:hover, .a_cheng:hover, .a_fen:hover { color: #fff; }


.sy_sy_a a { float: left; background-color: #F8F8F8; padding: 5px 10px 5px 10px; margin: 0px 5px 5px 0px; border-radius: 5px; display: block; }
input.sy_sh_txt { display: block; background-image: url(../images/fdj2.png); background-position: 8px 7px; background-repeat: no-repeat; background-size: 15px 15px; background-color: transparent; width: 100%; box-sizing: border-box; border: 0px; height: 30px; padding: 5px 20px 5px 30px; }

.pay_table input[type="checkbox"] { width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; margin-right: 5px; position: relative; overflow: hidden; margin-top: -3px; }
.pay_table input[type="checkbox"]::before { content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; border: 2px solid #FF8C00; border-radius: 4px; }
.pay_table input[type="checkbox"]:checked::before { content: "\2713"; background-color: #FF8C00; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 3.65vw; font-weight: bold; }
