@charset "gbk";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma; color: #434343; }

input { outline: none; }

em, i { font-style: normal; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #969696; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }

a:hover { text-decoration: none; }

img { border: none; width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; }

.fl { display: block; float: left; }

.fr { display: block; float: right; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

.disabled { pointer-events: none; }

#content { min-width: 320px; max-width: 768px; margin: 0 auto; background: #f5f5f5; position: relative; }

::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 4px; }

::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }

#QZhead { height: 50px; line-height: 50px; position: relative; background: #fff; }
#QZhead .box { display: flex; margin: 0 12px; }
#QZhead .box .logo { display: block; width: 80px; margin-top: 10px; }
#QZhead .box .logo img { display: block; float: left; padding-top: 7px;}
#QZhead .back { width: 14px; height: 24px; background: url(../images/back.png) no-repeat; background-size: 100%; margin: 12px 10px; }
#QZhead p { text-align: center; color: #14cccc; flex: 1; font-size: 16px; font-weight: 600; }
#QZhead .daohang{ text-align:left; color: #14cccc;  font-size: 16px;  }
#QZhead .box .nav { margin: 0 5px; text-align: center; position: relative; }
#QZhead .box .nav a { display: block; float: left; color: #333; width: 90px; font-size: 16px; font-weight: 600; position: relative; max-width: 30%; }
#QZhead .box .nav .on { color: #14cccc; }
#QZhead .box .nav .on::before { display: block; content: ''; width: 14px; height: 4px; background: #14cccc; border-radius: 2px; position: absolute; bottom: 8px; left: 41%; }
#QZhead .box .meun { display: block; width: 34px; height: 34px; background: url(../images/icons.png) no-repeat; background-size: 40px auto; background-position: -2px -630px; margin: 6px 0 0 auto; }
#QZhead .box .meun.on { background-position: -3px -590px; }
#QZhead .QZburger { display: none; width: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 49px; z-index: 999; padding: 12px 0; }
#QZhead .QZburger .link-title { height: 35px; line-height: 35px; text-align: left; font-size: 14px; font-weight: 600; color: #111; margin: 0 12px; }
#QZhead .QZburger .links-container { margin: 6px 0 0 12px; overflow: hidden; }
#QZhead .QZburger .links-container a { display: block; height: 30px; background-color: #f0f0f0; border-radius: 4px; line-height: 30px; text-align: center; font-size: 14px; color: #555555; overflow: hidden; cursor: pointer; width: 31.3%; float: left; margin: 0 2% 12px 0px; }
#QZhead .QZburger .search { height: 36px; margin: 15px 12px; background: #fff; border: 1px solid #E6E6E6; border-radius: 18px; color: #999; font-size: 12px; line-height: 36px; }
#QZhead .QZburger .search form { display: flex; }
#QZhead .QZburger .search .key { height: 24px; margin: 6px 20px; flex: 1; display: block; line-height: 25px; color: #999; }
#QZhead .QZburger .search .btn { width: 18px; height: 18px; display: block; background: url(../images/icons.png) no-repeat; margin: 8px 14px 0; background-position: -7px -28px; background-size: 46px auto;text-indent: 100px; }

footer { display: block; background-color: #fff; text-align: center; overflow: hidden; color: #999; line-height: 26px; padding: 12px 0; margin-top: 6px; }
footer p img, footer p span { display: inline-block; vertical-align: middle; margin: 0 4px; font-size: 14px; }
footer p img { width: auto; height: 40px; margin: 10px 0; }

.QZ-up { display: none; position: fixed; z-index: 10; top: 80%; right: 5%; text-align: center; color: #999; font-weight: 500; font-size: 12px; }
.QZ-up span { display: block; width: 32px; height: 32px; background: #f5f5f5 url(../images/icons.png) no-repeat; background-position: 0px -248px; border-radius: 50%; background-size: 38px auto; border-radius: 50%; margin-bottom: 8px; }

.swipe-hd { width: 100%; display: block; height: 35vw; max-height: 300px; min-height: 150px; background: #fff; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.swipe-hd .swiper-container { height: 35vw; max-height: 300px; min-height: 150px; overflow: hidden; }

.swipe-hd .swiper-slide { position: relative; }
.swipe-hd .swiper-slide img { height: 100%; display: block; float: left; }

.swipe-hd .swiper-slide a { display: block; overflow: hidden; height: 100%; display: block; position: relative; }
.swipe-hd .swiper-slide a::before { width: 100%; height: 100%; display: block; content: ''; position: absolute; left: 0; bottom: 0;  }

.swipe-hd .index_pagination { bottom: 12px !important; }

.swipe-hd .swiper-pagination-bullet { width: 24px; height: 6px; background: #fff; border-radius: 4px;  }

.swipe-hd .swiper-pagination-bullet-active { background: #14cccc; opacity: 1; }

.Navlist { overflow: hidden; background: #fff; padding-bottom: 5px; }
.Navlist li { width: 20%; float: left; text-align: center; margin: 5px auto 10px; overflow: hidden; }
.Navlist li span { display: block; background: #f5f5f5 url(../images/nav_ic.png) no-repeat; background-size: 40px auto; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; margin: 10px auto; }
.Navlist li .n_ic1 { background-position: 0 -67px; }
.Navlist li .n_ic2 { background-position: 2px -105px; }
.Navlist li .n_ic3 { background-position: 2px -144px; }
.Navlist li .n_ic4 { background-position: 1.5px -331px; }
.Navlist li .n_ic5 { background-position: 0px 2px; }
.Navlist li .n_ic6 { background-position: 1px -178px; }
.Navlist li .n_ic7 { background-position: 1px -217px; }
.Navlist li .n_ic8 { background-position: 1px -32px; }
.Navlist li .n_ic9 { background-position: 1px -253px; }
.Navlist li .n_ic10 { background-position: 3px -290px; }

.basebox { background: #fff; margin-top: 6px; overflow: hidden; position: relative; }
.basebox2 { background: #fff; margin-bottom:6px; margin-top: 6px;  overflow: hidden; position: relative; }
.basebox > .bt { display: block; overflow: hidden; margin: 0 12px; }
.basebox > .bt p { float: left; color: #333; font-size: 16px; font-weight: bold; line-height: 42px; }
.basebox > .bt p::before { display: inline-block; content: ''; background: #ff7f66; width: 6px; height: 16px; border-radius: 5px; margin: 0 8px -3px 0; }
.basebox > .bt .more { float: right; font-size: 12px; color: #888; line-height: 42px; text-decoration: none; }
.basebox > .bt .more i { display: inline-block; background: url(../images/icons.png) no-repeat; width: 14px; height: 6px; background-size: 40px auto; background-position: -7px -7px; margin-left: 2px; }

.Yqlinks { margin: 0 12px 12px; }
.Yqlinks a { font-size: 12px; color: #666; line-height: 30px; height: 30px; margin: 0 14px 0 0; display: inline-block; }

.hot_item { overflow: hidden; margin: 0 12px; }
.hot_item li + li { border-top: 1px solid #e6e6e6; }
.hot_item li { overflow: hidden; padding: 10px 0; }
.hot_item li .bt { height: 30px; overflow: hidden; line-height: 30px; font-size: 14px; color: #222; display: block; }
.hot_item li .bt .ic { background: url(../images/icons.png) no-repeat; background-size: 34px auto; display: inline-block; width: 16px; height: 18px; background-position: -6px -255px; margin: 0 6px -3px 0; }
.hot_item li p { float: left; font-size: 12px; color: #999; line-height: 24px; margin: 10px 20px 5px 0; }
.hot_item li p span { color: #666; }

.page404 img { width: 60%; max-width: 320px; display: block; margin: 20% auto 10%; }
.page404 .back { display: block; margin: 0 auto 50%; width: 140px; height: 36px; background: #14cccc; border-radius: 18px; text-align: center; color: #fff; line-height: 36px; }

.Searchhead { overflow: hidden; width: 100%; height: 50px; background: #fff; display: flex; }
.Searchhead .back { width: 14px; height: 24px; background: url(../images/back.png) no-repeat; background-size: 100%; margin: 12px 15px; }
.Searchhead .search { height: 32px; margin: 9px 12px 0; background: #fff; border: 1px solid #E6E6E6; border-radius: 18px; color: #999; font-size: 12px; line-height: 32px; flex: 1; }
.Searchhead .search form { display: flex; }
.Searchhead .search .key { height: 24px; margin: 4px 20px; flex: 1; display: block; line-height: 25px; color: #999; }
.Searchhead .search .btn { width: 18px; height: 18px; display: block; background: url(../images/icons.png) no-repeat; margin: 6px 14px 0; background-position: -7px -28px; background-size: 46px auto; }

.contwrap { width: 100%; background: #fff; }

.list_Tab { overflow: hidden; margin: 0 12px; border-bottom: 1px solid #eee; background: #fff; }
.list_Tab a { display: block; float: left; line-height: 32px; width: 80px; position: relative; font-size: 14px; color: #666; text-align: center; }
.list_Tab .on { color: #14cccc; font-weight: bold; }
.list_Tab .on::before { position: absolute; display: block; background: url(../images/tab_line.png) no-repeat; background-size: 100%; width: 50px; height: 5px; content: ''; bottom: 0; left: calc(50% - 25px); }

.page { background: #fff; border-top: 1px solid #f5f5f5; padding: 10px 20px; display: flex; justify-content: space-between; }

.page > a { width: 22%; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; background: #f6f6f6; text-align: center; color: #333; }

.page > a:active, .page span .cbtn a:active { background: #14cccc; }

.page > a:nth-child(2) { width: 14%; }

.page > a:nth-child(4) { width: 14%; }

.page > a.over { color: #bbb; }

.page > span { width: 22%; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; text-align: center; background: #14cccc; color: #fff; font-size: 14px; position: relative; }

.page > span .cbtn { width: 100%; position: absolute; top: -62px; left: 0; z-index: 10; height: 92px; overflow-y: scroll; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb; }

.page > span .cbtn a { display: inline-block; text-align: center; line-height: 30px; margin-bottom: 1px; float: left; width: 100%; background: #f6f6f6; font-size: 14px; color: #666; }

.ListA { overflow: hidden; margin: 0 12px; }
.ListA li + li { border-top: 1px solid #e6e6e6; }
.ListA li { overflow: hidden; padding: 10px 0; }
.ListA li .bt { height: 30px; overflow: hidden; line-height: 30px; font-size: 14px; color: #222; display: block; }
.ListA li .bt i { display: inline-block; width: 36px; height: 20px; background: #ccc; border-radius: 4px; margin: 0 3px -3px 0; text-align: center; line-height: 20px; font-size: 12px; color: #000; font-weight: 500; }
.ListA li p { float: left; font-size: 12px; color: #999; line-height: 24px; margin: 10px 20px 5px 0; }
.ListA li p span { color: #666; }

.PageTags { margin: 6px 0 0 12px; overflow: hidden; }
.PageTags a { display: block; height: 30px; background-color: #f0f0f0; border-radius: 4px; line-height: 30px; text-align: center; font-size: 14px; color: #555555; overflow: hidden; cursor: pointer; width: 31.3%; float: left; margin: 0 2% 12px 0px; }

.basebox .text_title { font-size: 14px; color: #111; font-weight: 500; margin: 12px 0; }
.basebox .text_title i { display: inline-block; background: url(../images/nav_ic.png) no-repeat; background-size: 40px auto; margin: 0 5px 0 10px; width: 30px; height: 30px; vertical-align: middle; }
.basebox .text_title .ic_1 { background-position: -5px -72px; }
.basebox .text_title .ic_2 { background-position: -3px -110px; }
.basebox .text_title .ic_3 { background-position: -3px -147px; }
.basebox .text_title .ic_4 { background-position: -2px -336px; }
.basebox .text_title .ic_5 { background-position: -5px -2px; }
.basebox .text_title .ic_10 { background-position: -3px -184px; }
.basebox .text_title .ic_9 { background-position: -3px -222px; }
.basebox .text_title .ic_8 { background-position: -4px -36px; }
.basebox .text_title .ic_7 { background-position: -4px -258px; }
.basebox .text_title .ic_6 { background-position: -2px -296px; }

.Tags { display: block; padding: 0 12px; background: #fff; padding-bottom: 15px; overflow: hidden; }
.Tags li { float: left; display: inline-block; width: 25%; margin-top: 15px; text-align: center;overflow: hidden }
.Tags li a { display: inline-block; border: 1px solid #ddd; width: 90%; margin: 0 auto; border-radius: 4px; height: 28px; line-height: 28px; background: #fff; color: #333;overflow: hidden; }
.Tags li span { display: inline-block; border: 1px solid #ddd; width: 90%; margin: 0 auto; border-radius: 5px; height: 28px; line-height: 28px; background: url(../images/ico-opmor.png) no-repeat center; }
.Tags .on a { background: #14cccc; color: #fff; border: 1px solid #14cccc; }

.listwrap .list_Tab { display: flex; }
.listwrap .list_Tab a { flex: 1; }

.det_head { background: #fff; overflow: hidden; }
.det_head .bt { border-bottom: 1px solid #e6e6e6; margin: 0 12px; line-height: 24px; padding: 10px 0; color: #222; font-size: 16px; }
.det_head .info { font-size: 12px; color: #999; margin: 12px; overflow: hidden; }
.det_head .info li { float: left; width: 50%; line-height: 28px; }
.det_head .info li span { color: #666; }
.det_head .info li .star { display: inline-block; width: 61px; height: 11px; background: url(../images/star.png) no-repeat; margin: 0 0 -2px 0; background-size: 100% auto; }
.det_head .info li .star i { display: block; background: url(../images/star.png) no-repeat; background-size: 61px auto; height: 11px; max-width: 100%; background-position: 0 -11px; }
.det_head .btn { display: block; margin: 20px 24px; height: 36px; background: #14cccc; border-radius: 32px; text-align: center; line-height: 36px; font-size: 16px; color: #fff; }

.Topic_details { overflow: hidden; }
.Topic_details .title { margin: 10px 0px; }
.Topic_details .title.juan { margin: 10px 8px; }
.Topic_details .title .Num { display: inline-block; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background: #14cccc; text-align: center; font-size: 12px; color: #fff; }
.Topic_details .title .tags { display: inline-block; height: 20px; padding: 0 10px; background: #ededed; font-size: 12px; color: #000; border-radius: 3px; line-height: 20px; margin-left: 10px; }
.Topic_details .desc { margin: 0 12px; line-height: 20px; font-size: 14px; color: #333; }
.Topic_details .desc p{line-height: 28px }
.Topic_details .list { margin: 12px; overflow: hidden; }
.Topic_details .list li { font-size: 14px; color: #333; line-height: 26px; }
.Topic_details .btn { display: flex; margin: 0 6px 12px; }
.Topic_details .btn a { flex: 1; margin: 0 6px; text-align: center; height: 28px; line-height: 28px; border-radius: 4px; border: 1px solid #ccc; font-size: 12px; color: #333; }
.Topic_details .btn a i { display: inline-block; background: url(../images/icons.png) no-repeat; background-size: 37px auto; }
.Topic_details .btn a .ic_1 { width: 18px; height: 14px; background-position: -6px -76px; margin: 0 4px -2px 0; }
.Topic_details .btn a .ic_2 { width: 16px; height: 18px; background-position: -5px -218px; margin: 0 4px -4px 0; }
.Topic_details .topic_cont { display: none; background: #fffff2; border: 1px solid #f5f5c4; margin: 15px 12px; padding: 12px; }
.Topic_details .topic_cont p { line-height: 28px; color: #333; font-size: 14px; }
.Topic_details .topic_cont p span { color: #ff7f66; }

.ab_Tags { display: block; padding: 6px; background: #fff; overflow: hidden; }
.ab_Tags li { float: left; display: inline-block; width: 50%; margin-bottom: 15px; text-align: center; }
.ab_Tags li a { display: block; border: 1px solid #ddd; margin: 0 auto; border-radius: 4px; height: 28px; line-height: 28px; background: #fff; color: #333; margin: 0 6px; }
.ab_Tags li span { display: inline-block; border: 1px solid #ddd; width: 90%; margin: 0 auto; border-radius: 5px; height: 28px; line-height: 28px; background: url(../images/ico-opmor.png) no-repeat center; }
.ab_Tags .on a { background: #14cccc; color: #fff; border: 1px solid #14cccc; }

.Topic_wrap { background: #fff; }
.Topic_wrap .desc { font-size: 15px; color: #222; line-height: 24px; }
.Topic_wrap .btn .look_btn,.Topic_wrap .btn .pay_btn { background: #14cccc; border-radius: 20px; border: none; height: 30px; line-height: 30px; color: #fff; }

.Start_wrap { overflow: hidden; background: #fff; padding-bottom: 60px;}
.Start_wrap .title { height: 30px; line-height: 30px; padding: 0 12px; font-size: 16px; color: #222; background: #eee; }
.Start_wrap .title i { font-size: 12px; }
.Start_wrap .list + .list { border-top: 1px solid #e6e6e6; }
.Start_wrap .list { padding: 16px 0 0; margin: 0 12px; overflow: hidden; }
.Start_wrap .list .desc { line-height: 25px; font-size: 16px; color: #333; }
.Start_wrap .list .desc img{ width: auto;display: inline-block;    vertical-align: middle;    max-width: 100%;}
.Start_wrap .list .textar { margin: 12px 0; padding: 10px; border: 1px solid #ccc; resize: none; width: 91%; width: calc(100% - 22px); height: 100px; }
.Start_wrap .list .lis { padding-left:20px; overflow: hidden; margin: 10px 0; }
.Start_wrap .list .lis li img {  width: auto;display: inline-block;    vertical-align: middle;    max-width: 100%;}
.Start_wrap .list .lis li { line-height: 25px; overflow: hidden; display: flex; margin-bottom: 4px; }
.Start_wrap .list .lis li .lab { display: block; width: 100%; line-height: 25px; font-size: 15px; font-weight: 600; letter-spacing: 1px; }
.Start_wrap .list .lis li .lab i { display: inline-block; width: 16px; height: 16px; background: url(../images/icons.png) no-repeat; background-size: 32px auto; background-position: -5px -88px; margin: 0 4px -3px 0; }
.Start_wrap .list .lis .on .lab i { background-position: -5px -113px; }
.Start_wrap .check_list .lis li .lab i { background-position: -5px -139px; height: 15px; }
.Start_wrap .check_list .lis li .on i { background-position: -5px -164px; }
.Start_wrap .topic_cont { background: #fffff2; border: 1px solid #f5f5c4; margin: 15px 0; padding: 12px; }
.Start_wrap .topic_cont img{ width: auto;    display: inline-block;    vertical-align: middle;    max-width: 100%;  }

.Start_wrap .topic_cont p { line-height: 20px; color: #333; font-size: 12px; }
.Start_wrap .topic_cont p span { color: #ff7f66; }

.controller { border-top: 6px solid #eee; height: 30px; line-height: 30px; padding: 12px 0; font-size: 14px; color: #333; display: flex; text-align: center;position: fixed;    z-index: 1000;    left: 0;    bottom: 0;    background: #ffffff;    width: 100%; }
.controller a { color: #333; }
.controller span { flex: 1; }
.controller span i { display: inline-block; background: url(../images/icons.png) no-repeat; background-size: 30px auto; width: 18px; height: 18px; background-position: -5px -335px; margin: 0 8px -4px 0; }
.controller span .ic1 { background-position: -5px -335px; }
.controller span .ic2 { background-position: -5px -363px; }
.controller span .ic3 { background-position: -5px -307px; }
.controller span .ic4 { background-position: -5px -390px; }
.controller span .ic5 { background-position: -5px -279px; }
.controller span .ic6 { background-position: -5px -419px; }
.controller span + span { border-left: 1px solid #eee; }

.tips_wind { display: none; width: 100%; position: fixed; z-index: 9999; left: 0; top: 33%; text-align: center; font-size: 14px; }

.tips_wind span { background: rgba(0, 0, 0, 0.7); border-radius: 6px; color: #fff; text-align: center; line-height: 30px; padding: 10px 12px; margin: 0 auto; display: inline-block; max-width: 180px; }

.Popup_wrap { display: none; width: 100%;  height: 100%; position: fixed; top: 0; z-index: 2020; }
.Popup_wrap .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(255, 255, 255, 0.2); }
.Popup_wrap .stop_box { display: none; width: 280px; height: 130px; background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -140px; z-index: 10; }
.Popup_wrap .stop_box .tt { height: 36px; border-bottom: 1px solid #eee; line-height: 36px; font-size: 14px; color: #333; font-weight: bold; }
.Popup_wrap .stop_box .tt i { background: url(../images/icons.png) no-repeat; display: inline-block; vertical-align: middle; margin: 0 0 4px 8px; width: 22px; height: 20px; background-position: -5px -51px; background-size: 40px auto; }
.Popup_wrap .stop_box .start { display: block; width: 100px; height: 40px; border-radius: 4px; background: #14cccc; text-align: center; font-size: 14px; color: #fff; font-weight: bold; line-height: 40px; margin: 25px auto 0; transition: all .2s linear; }
.Popup_wrap .sub_box { display: none; width: 280px; height: 130px; background: #fff; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 50%; margin: -65px 0 0 -140px; z-index: 10; text-align: center; }
.Popup_wrap .sub_box .tt { height: 36px; border-bottom: 1px solid #eee; line-height: 36px; font-size: 14px; text-align: left; color: #333; font-weight: bold; }
.Popup_wrap .sub_box .tt i { background: url(../images/icons.png) no-repeat; display: inline-block; vertical-align: middle; margin: 0 0 4px 8px; width: 22px; height: 20px; background-position: -5px -51px; background-size: 40px auto; }
.Popup_wrap .sub_box .sub, .Popup_wrap .sub_box .start { display: inline-block; width: 100px; height: 40px; border-radius: 4px; background: #14cccc; text-align: center; font-size: 14px; color: #fff; font-weight: bold; line-height: 40px; margin: 25px 8px 0; cursor: pointer; }
.Popup_wrap .sub_box .start { color: #333; background: #f7f7f7; }
.Popup_wrap .card_box { width: 100%; max-height: 90%; overflow-y: auto; background: #fff; position: absolute; bottom: 0; }
.Popup_wrap .card_box .tt { width: 100%; height: 32px; background: #ff7f66; line-height: 32px; text-align: center; color: #fff; font-size: 16px; }
.Popup_wrap .card_box .close { position: absolute; top: 5px; right: 5px; z-index: 2; width: 22px; height: 22px; background: url(../images/icons.png) no-repeat; background-size: 30px auto; background-position: -5px -503px; }
.Popup_wrap .card_box .type { padding: 12px 0; margin: 0 12px; border-bottom: 1px solid #eee; font-size: 12px; color: #333; }
.Popup_wrap .card_box .type span { margin-right: 20px; }
.Popup_wrap .card_box .type span i { display: inline-block; width: 14px; height: 14px; background: #fff; border: 1px solid #e6e6e6; border-radius: 3px; vertical-align: middle; margin: 0 7px  2px 0; }
.Popup_wrap .card_box .type .T i { border-color: #14cccc; background: #14cccc; }
.Popup_wrap .card_box .type .N i { border-color: #999; background: #999; }
.Popup_wrap .card_box .type .F i { border-color: #ff6666; background: #ff6666; }
.Popup_wrap .card_box .item { margin: 0 0 6px; overflow: hidden; }
.Popup_wrap .card_box .item .title { font-size: 14px; color: #222; line-height: 26px; margin: 10px 12px 6px; }
.Popup_wrap .card_box .item .list { overflow: hidden; }
.Popup_wrap .card_box .item .list .ck_btn { display: block; float: left; width: 22px; height: 22px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px; color: #666; text-align: center; line-height: 22px; margin: 0 0 6px 12px; }
.Popup_wrap .card_box .item .list .on { background: #14cccc; color: #fff; border-color: #14cccc; }
.Popup_wrap .card_box .item .list .T { border-color: #14cccc; background: #14cccc; color: #fff; }
.Popup_wrap .card_box .item .list .N { color: #fff; border-color: #999; background: #999; }
.Popup_wrap .card_box .item .list .F { color: #fff; border-color: #ff6666; background: #ff6666; }
.Popup_wrap .card_box .Tips { font-size: 12px; color: #333; padding: 12px 0; margin: 0 12px; border-top: 1px solid #eee; }
.Popup_wrap .card_box .Tips i { background: url(../images/icons.png) no-repeat; display: inline-block; vertical-align: middle; margin: 0 4px 3px 0; width: 22px; height: 20px; background-position: -5px -51px; background-size: 40px auto; }
xmp{
    display: inline-block;
    max-width: 700px;
    white-space: pre-line;
    vertical-align: middle;
    line-height: 25px;
    color: #333;
}

.pay_wrap{display: none;width: 100%;min-width: 320px; height: 100%;position: fixed;left: 0;top: 0;z-index: 2020;}
.pay_wrap .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;background: rgba(255, 255, 255, 0.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);}
.pay_wrap .correction_box .tt{width: 100%;  height: 48px;background: #eee;}
.pay_wrap .correction_box .tt span{font-size: 15px;color: #333;font-weight: bold;line-height: 48px;}
.pay_wrap .correction_box .tt span i{display: inline-block;margin: 0 0 0 5px;width: 19px;height: 20px;vertical-align: middle;}
.pay_wrap .correction_box .tt .close{background: url(../images/icon_0.png) no-repeat;margin: 15px 20px 0 0;width: 18px;height: 18px;background-position: -278px -200px;cursor: pointer;}
.pay_wrap .correction_box .tt .close:hover{opacity: 0.8;}
.pay_wrap .correction_box{ width: 90%;max-width: 560px;height: auto;background: #fff;box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);z-index: 10;padding-bottom: 40px; margin: -220px auto 0;top: 50%; position: relative;}
.pay_wrap .correction_box .btn{overflow: hidden;text-align: center;line-height: 48px;}
.pay_wrap .correction_box .pay_suc{display: block;width: 250px;height: 48px;background: #14cccc;border-radius: 4px;transition: all .1s linear;cursor: pointer;font-size: 14px;font-weight: bold;line-height: 48px;color: #fff;margin: 10px auto 20px;text-align: center;}
.pay_wrap .correction_box .btn .pay{display:  block;width: 200px;height: 82px;line-height:82px;text-align: center;text-indent: 58px;margin: 20px auto 0;cursor: pointer;font-size: 21px;font-family: PingFangSC-Semibold,PingFang SC;font-weight: 600;color: #010101;}
.pay_wrap .correction_box .info{font-size: 20px;color: #333;text-align: center;line-height: 50px;margin-top: 30px;}
.pay_wrap .correction_box .info p{line-height: 30px;padding: 0 60px;}
.pay_wrap .correction_box .btn .pay.wx{background: url(../images/wx.png) no-repeat;background-size: 100%;}
.pay_wrap .correction_box .btn .pay.al{background: url(../images/al.png) no-repeat;background-size: 100%;}
.pay_wrap .correction_box .btn .pay:hover{opacity: 0.8;}
.kf{margin-top: 20px;}

/* 2020-12-22 */

.Topic_details .tips{text-align: center;font-size: 12px;color: #999;line-height: 35px;margin-bottom: 8px;}
.Topic_wrap .btn .correction{background: #eee;border-radius: 20px;border: none;height: 30px;line-height: 30px;color: #666;padding: 0 25px;font-weight: bold;margin-left: 6px;}
.correction_wrap{max-width: inherit;}
.Popup_wrap .correction_box{display: none;width: 90%;max-width: 560px;min-width: 320px;height: auto;background: #fff;box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);z-index: 10;padding-bottom: 40px;margin: -150px auto 0;top: 50%;position: relative;}
.Popup_wrap .correction_box .tt{width: 100%;height: 48px;background: #eee;}
.Popup_wrap .correction_box .tt span{font-size: 15px;color: #333;font-weight: bold;line-height: 48px;}
.Popup_wrap .correction_box .tt span i{display: inline-block;background: url(../images/icon_0.png) no-repeat;margin: 0 10px 0 20px;width: 19px;height: 20px;background-position: -145px -200px;vertical-align: middle;}
.Popup_wrap .correction_box .tt .close{background: url(../images/icon_0.png) no-repeat;margin: 15px 20px 0 0;width: 18px;height: 18px;background-position: -278px -200px;cursor: pointer;}
.Popup_wrap .correction_box .tt .close:hover{opacity: 0.8;}
.Popup_wrap .correction_box .txt{border: 1px solid #999;width: 90%;max-width: 560px;height: 140px;padding: 10px;resize: none;margin: 20px auto 18px;display: block;}
.Popup_wrap .correction_box .btn{overflow: hidden;text-align: center;line-height: 48px;display: flex;margin: 0 7px;}
.Popup_wrap .correction_box .btn .Confirm, .Popup_wrap .correction_box .btn .cancel{display: inline-block;flex: 1;height: 48px;background: #14cccc;border-radius: 4px;transition: all .1s linear;cursor: pointer;font-size: 14px;font-weight: bold;color: #fff;margin: 0 10px;}
.Popup_wrap .correction_box .btn .Confirm:hover, .Popup_wrap .correction_box .btn .cancel:hover{opacity: 0.8;}
.Popup_wrap .correction_box .btn .cancel{color: #333;background: #E6E6E6;}