* {font-family:'Microsoft YaHei','arial','tahoma';color:#282828;background:none;outline:none;border:none;margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
i,em{font-style:normal;}
b,strong{font-weight:normal;}
ul,ol{list-style:none;}
a{text-decoration:none;color:inherit;}
img{border:none;vertical-align:middle;}
body,html { background: #f4f4f4; min-width: 1366px; }
table { width: 100%;}
table th { font-weight: bold; font-size: 16px; position: relative; }
table td { font-size: 14px;  position: relative;  }
table tr { cursor: pointer; }
table tbody tr:nth-child(odd) {background-color:#fcf8e3;}
table tbody tr:hover {background-color:#d9edf7;}
table th:last-child,
table td:last-child { padding-right: 20px;}
table th:first-child,
table td:first-child { padding-left: 20px;}
select {outline: none;-webkit-appearance: none;}

html.lock {/* background: #ffe610; */}
html.lock body { display: none; }
.bold { font-weight: bold;}
.underline { text-decoration:underline; }

.legend table { width: auto!important;}
.legend table td,
.legend table th {font-size: 12px; padding: 2px 0; }
.legend table td { padding-right: 5px; }
.legend table tbody tr {background-color:#fff;}
.legend table th:last-child,
.legend table td:last-child { padding-right: 0;}
.legend table th:first-child,
.legend table td:first-child { padding-left: 0;}

.mob { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.border0 { border: none!important; }
.padding0 { padding: 0!important; }
.margin0 { margin: 0!important; }
.hide { display: none!important; }
.show { display: block!important; }
.minW { width: 1280px; }
.cwidth { width: 1280px; margin: 0 auto; text-align: center;}
.font0 { font-size: 0; }
.list_title {}
.list_title b { font-size: 20px; font-weight: bold; margin: 0 8px; }
.list_title h6 { float: left; padding-left: 20px; font-size: 24px; font-weight: bold; text-align: left; border-left: 6px solid #282828; position: relative; }
.list_title h6 em { font-size: 24px; font-weight: bold;}
.list_title h6.clearStyle { padding-left: 0; border-left: none; }
.list_title a { display: block; float: right; padding: 6px 15px; border-radius: 10px; }
.list_title a .tags { left: auto; right: -20px; top: -15px; }
.list_title span.dis { display: block; line-height: 35px; float: right; font-size: 16px; color: #666; }
.list_title samp { margin-left: 10px; font-weight: normal; font-size: 18px; color: #666; letter-spacing: 1px; }
.list_title span.rtext { float: right; font-size: 15px; position: relative; top:8px; color: #666 }
.list_title span.rtext b { font-size: 16px; margin: 0 5px;}
.list_title_text { letter-spacing: 1px; font-size: 16px; text-align: left; color: #8a6d3b; background: #fcf8e3; padding: 30px; line-height: 30px; border-radius: 20px; }
.list_title_text b { color: #ff2d17; font-size: 16px; }
.list_title_text_layer { padding: 15px!important;}
.list_title_text_layer p { font-size: 16px; line-height: 24px;}
.list_title_text h4,
.list_title_text h4 .fa {font-size: 28px; color: #584b03; }
.list_title_text h6,
.list_title_text h6 .fa {font-size: 18px;  color: #584b03; }
.list_title_text p { line-height: 28px; font-size: 15px; color: #a38900; margin-bottom: 8px;}
.list_title_text p:last-child { margin-bottom: 0;}
.list_title_text p b { font-size: 15px;}
.list_title_text p > span {font-size: 15px!important;}
.list_title_text p samp span { font-size: 18px; color: #282828; font-weight: bold; margin: 0 5px; }
.list_title_text p samp.tag10 { font-size: 15px; color: #282828; background: #ffe610; border-radius: 5px; padding: 4px 8px; }
.list_title_text .bold { font-weight: bold;}
.list_title_text.success { background: #dff0d8; color: #6a7269; }
.list_title_text.success h4,
.list_title_text.success h4 .fa {font-size: 28px; color: #44583b }
.list_title_text.success h6,
.list_title_text.success h6 .fa {font-size: 18px;  color: #44583b; }
.list_title_text.success p,
.list_title_text.success p strong { color: #4e6444; }
.list_title_text.big p {line-height: 35px;}
.list_title_text i { font-size: 18px; margin: 0 5px;}
.list_content { padding: 20px; background: #fff; border-radius: 10px; position: relative;}
.list_content .label { display: inline-block; }
.title_btns { float: right; position: relative; top: -4px;}
.title_btns li { display: inline-block; margin: 0 0 0 15px; position: relative;  }
.title_btns li a { display: block; font-size: 14px; color: #fff; border-radius: 10px; padding: 8px 15px; position: relative; z-index: 2; }
.title_btns li .tags { z-index: 3;}
.title_btns li a.primary:hover,
.title_btns li a:hover {background: #1477FF!important; color: #fff!important; border:1px solid #1477FF!important; }
.title_btns li a:hover .fa,
.title_btns li a.primary:hover .fa { color: #fff!important; }
.btn_select { display: none; z-index: 1; border-radius: 15px 15px 0 0;  position: absolute; bottom: -17px; left: -15px; right: 0; background: rgba(40, 40, 40, 0.90);  background-image:linear-gradient(#282828,#323232); padding: 15px 15px 77px; width: 155px; }
.btn_select.jf { width: 190px; left: -104px;}
.btn_select.jf dt {  text-align: center; }
.btn_select dt { color: #fff; font-size: 14px; }
.btn_select dt b { color: #fff; font-size: 16px; margin: 0 5px; font-weight: bold; }
.btn_select dd { margin-top: 10px; position: relative; }
.title_btns_list:hover .btn_select,
.title_btns_list:hover .fa-chevron-up { display: inline-block; }
.title_btns_list:hover .fa-chevron-down { display: none; }
.title_btns_list .fa-chevron-up { display: none;}
.title_btns_list .fa-chevron-up,
.title_btns_list .fa-chevron-down { margin-right: 0; }
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

/* 展开按钮提示 */
.textExpandButton { position: relative; cursor: pointer; text-align: left; padding: 15px; border-radius: 5px; }
.textExpandButton h6 { font-size: 18px; font-weight: bold; }
.textExpandButton a { display: block; position:absolute; right:15px; top:18px; font-size: 15px;  color: #4e6444; }
.textExpandButton.success { background: #dff0d8; color: #6a7269; }
.textExpandButton.success:hover { background: #d8eed1; }
.textExpandButton.success h6,
.textExpandButton.success .fa { color: #44583b; }

.o_h {overflow: hidden}
.trangle{position: absolute;bottom:-20px;z-index: 1;width:0;height: 0;border: 10px solid transparent;border-top:10px solid #fff;left: 50%;margin-left: -10px;}
.download_btns { background: rgba(40, 40, 40, 0.95); padding: 10px 0 25px; border-top: 1px solid #333333; }
.download_btns .qrcode_download { top:7px;}
.download_btns .qrcode_download .tags { top:-15px;}
.download_btns.fixed {position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; }
.download_btns .search_result { float: left; position: relative; top: 15px;}
.checkCount b { font-size: 14px; font-weight: bold; margin: 0 5px; }
.checkCount:hover b { color: #fff!important;}
.text_indent { text-indent: 2em;}

.clear:after { content: ""; display: block; clear: both; }
.fa { margin-right: 10px!important;}
.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.mt40 { margin-top: 40px!important; }
.mt60 { margin-top: 60px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb60 { margin-bottom: 60px!important; }
.ml10 { margin-left: 10px!important; }
.ml20 { margin-left: 20px!important; }
.ml40 { margin-left: 40px!important; }
.mr10 { margin-right: 10px!important; }
.mr20 { margin-right: 20px!important; }
.mr40 { margin-right: 40px!important; }
.pb60 {  padding-bottom: 60px!important; }
.pt40 {  padding-top: 40px!important; }
.pt60 {  padding-top: 60px!important; }
.pb40 {  padding-bottom: 40px!important; }

.text {}
.text.danger {color: #ff2d17;}
.text.warning {color: #ffe610;}
.text.primary {color: #42a146;}
.text.success {color: #1477FF;}
.text.info {color: #23c6c8;}
.text.black {color: #282828;}

.label {background-color: #d1dade;color: #5e5e5e;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none; }
.label.danger {background-color: #ff2d17;color: #FFFFFF;}
.label.warning {background-color: #ffe610;color: #282828;}
.label.primary {background-color: #2abd76;color: #FFFFFF;}
.label.primary .fa { color: #fff; }
.label.success {background-color: #1477FF;color: #FFFFFF;}
.label.success .fa { color: #fff; }
.label.info {background-color: #23c6c8;color: #FFFFFF;}
.label.info .fa { color: #fff; }
.label.black {background-color: #282828;color: #FFFFFF;}
.label.black .fa { color: #fff; }

.label.lv1 {background-color: #42a146;color: #FFFFFF;}
.label.lv2 {background-color: #0098a7;color: #FFFFFF;}
.label.lv3 {background-color: #1a76d2;color: #FFFFFF;}
.label.lv4 {background-color: #3f51b6;color: #FFFFFF;}


.fa-alipay { position: relative; top: 4px;  margin-right: 10px; background: url("../image/alipay.png") no-repeat center center; background-size: 100% auto;  width: 22px; height: 22px; display: inline-block;}
.fa-alipay.w {  background: url("../image/alipay_w.png") no-repeat center center; background-size: 100% auto;   }
.fa-alipay.z {  background: url("../image/alipay_z.png") no-repeat center center; background-size: 100% auto; }
.fa-alipay.md { top: 6px;  width: 28px; height: 28px;  }
.newmsg { position: relative;}
.newmsg span { display: block; height: 10px; width: 10px; background: #ff2d17; position: absolute; right: 0; top: 0; border-radius: 50px; }

.btn {background: #fff; border: 1px solid #ccc; color: #282828!important; cursor: pointer; position: relative; font-size: 16px; display: inline-block; }
.btn strong,.btn b, .btn .fa { color: #282828!important; }
.btn:hover {background: #f5f5f5!important;}
.btn:hover strong, .btn:hover b, .btn:hover .fa { color: #282828!important;}
.btn.disabled { color: #bbb!important; border: 1px solid #ccc!important; background: none!important;}
.btn.disabled:hover{ background: #fff!important; border: 1px solid #ccc!important; }

.btn.black { border: 1px solid #333; background: #333!important;; color: #fff!important; }
.btn.black .fa,.btn.black b, .btn.black strong { color: #fff!important; }
.btn.black:hover {background: rgba(51,51,51,.8)!important;  }
.btn.black:hover .fa,.btn.black:hover b, .btn.black:hover strong { color: #fff!important; }

.btn.purple { border: 1px solid #b600d7; background: #b600d7!important; color: #fff!important; }
.btn.purple b, .btn.purple strong, .btn.purple .fa { color: #fff!important;}
.btn.purple:hover { background: rgba(182,0,215,.8)!important; }
.btn.purple:hover b, .btn.purple:hover strong, .btn.purple:hover .fa { color: #fff!important;}

.btn.danger { background: #ff2d17; color: #fff!important; border: 1px solid #ff2d17; }
.btn.danger .fa, .btn.danger b .btn.danger strong { color: #fff!important; }
.btn.danger:hover {  background: rgba(255,45,23,.8)!important;  }
.btn.danger:hover .fa, .btn.danger:hover b .btn.danger:hover strong { color: #fff!important; }

.btn.primary { background: #ffe610; color: #282828; border: 1px solid #ffe610;}
.btn.primary .fa, .btn.primary b, .btn.primary strong { color: #282828!important;}
.btn.primary:hover { background: rgba(255,230,16,.6)!important; }
.btn.primary:hover .fa, .btn.primary:hover b, .btn.primary:hover strong { color: #282828!important;}

.btn.info { background: #1477FF; color: #fff!important; border: 1px solid #1477FF;}
.btn.info .fa, .btn.info b, .btn.info strong { color: #fff!important; }
.btn.info:hover {  background: rgba(20,119,255,.8)!important;  }
.btn.info:hover .fa , .btn.info:hover b, .btn.info:hover strong { color: #fff!important; }

.btn.success { background: #2AAE67; color: #fff!important; border: 1px solid #2AAE67!important;}
.btn.success strong,
.btn.success b
.btn.success .fa { color: #fff; }
.btn.success:hover {  background: rgba(42,174,103,.8)!important; }
.btn.success .fa,
.btn.success b,
.btn.success strong { color: #fff!important; }

.icon { display: inline-block; margin-right: 10px; height: 25px; width: 30px; position: relative; top: 6px; }
.icon.max { width: 100px; height: 84px;}
.icon.wx { background: url("../image/wx.png") no-repeat center center; background-size: auto 100%; }
.icon.qywx {background: url("../image/qywx.png") no-repeat center center; background-size: auto 100%; }
.icon.all {background: url("../image/all.png") no-repeat center center; background-size: auto 100%; }

.tags { background: #ff2d17!important; font-size: 12px!important; line-height:22px!important; color: #fff!important; position: absolute; right: -20px; top: -10px; padding: 0 6px; border-radius: 8px 8px 8px 0; }
.tags b,
.tags strong { color: #fff; }
.tags2 {width: 0;height: 0;position: absolute;top: 0; right: 0;border-top: 50px solid #ff2d17;border-left: 50px solid transparent;}
.tags2 em { font-size: 12px; position: absolute; right: -4px; top: -43px; width: 40px; text-align: center; color: #fff;transform:rotate(45deg) }
.tags2.mf {border-top: 50px solid #1477FF;}
.tags2.yellow {border-top: 50px solid #ffe610; color: #282828; }
.tags2.blue {border-top: 50px solid #1477FF; }
.tags2.red {border-top: 50px solid #ff2d17; }
.tags2.green {border-top: 50px solid #2abd76; }
.tags2.green2 {border-top: 50px solid #23c6c8; }
.tag3 { background: #ffe610; font-size: 14px!important; padding: 5px 10px; border-radius: 10px; color: #555; margin-left: 10px; }
.tag3 b { font-size: 14px!important; color: #555!important;  margin: 0 5px!important; }
.tag4 { background: #ff2d17; font-size: 14px!important; padding: 5px 10px; border-radius: 10px; color: #fff; margin-left: 10px; }
.tag4 b { font-size: 14px!important; color: #fff!important;  margin: 0 5px!important; }
.tags4 { font-size: 13px; border:1px solid #ff2d17; color: #ff2d17; border-radius: 10px; padding:4px 8px; }
.tags5 { font-size: 13px; border:1px solid #29A35E; color: #29A35E; border-radius: 10px; padding:4px 8px; }
.tags6 { font-size: 13px; border:1px solid #999; color: #777; border-radius: 10px; padding:4px 8px; }
.tags7 { font-size: 13px; border:1px solid #1477FF; color: #1477FF; border-radius: 10px; padding:4px 8px; }

.r { text-align: right!important; }
.l { text-align: left!important; }
.c { text-align: center!important; }

.jq-toast-wrap.top-right { right: 70px!important; }
.jq-toast-single { line-height: 22px!important; }

/* 首页*/
.index_wbg { background: #f4f4f4!important; }
.fixed_bg { position:fixed; z-index: -1; left:0; right:0; top:0; bottom:0; background: #052b56 url("../image/index_bg.png") no-repeat bottom center; background-size: 100% auto;}
.index_banner { margin-top: 60px; background: #ffe610; position: relative; z-index: 102;
    background: -webkit-linear-gradient(#ffe610,#ffe610,#ffe610, #f4f4f4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffe610, #ffe610,#ffe610,#f4f4f4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffe610,#ffe610,#ffe610, #f4f4f4); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffe610,#ffe610,#ffe610, #f4f4f4); /* 标准的语法（必须放在最后） */
}
.index_banner_wrap { position: relative; height: 500px;  }
.banner_img { height: 500px; position: absolute; right: 0; top: 0; bottom: 0; width: 650px; z-index: 1; /* background: url("../images/i_b2.png") no-repeat bottom right;*/ text-align: right;}
.banner_img img { /*margin-top: 48px;*/ }
.index_banner_vbarea { width: 850px; overflow: hidden; }
.index_banner_scrollx { width: 10000%; height: 308px; position: relative;
    transition: left 300ms ease-in-out;
    -webkit-transition: left 300ms ease-in-out;
    -moz-transition: left 300ms ease-in-out;
    -o-transition: left 300ms ease-in-out;
}
.index_banner .ad_txt { width: 850px; float: left; opacity: 0; margin-top: 100px;
    transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
}
.index_banner .ad_txt p { font-size: 28px; padding: 5px 0 10px 0; opacity: 0;
    transition: opacity 200ms ease-in-out;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
}
.index_banner .ad_txt p:nth-child(2) {
    transition-delay: 350ms;
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -o-transition-delay: 350ms;
}
.index_banner .ad_txt p:nth-child(3) {
    transition-delay: 450ms;
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -o-transition-delay: 450ms;
}
.index_banner .ad_txt a:nth-child(4) {}

.index_banner .ad_txt h2 { font-size: 68px; font-weight: 600; text-shadow: 0 5px 5px #faff90;  }
.index_banner .ad_txt b { font-size: 68px; font-weight: 600; text-shadow: 0 5px 5px #faff90; }
.index_banner .ad_txt a { opacity: 1;  display: inline-block;width: 197px;height: 52px;line-height: 52px;text-align: center;border: 1px solid rgba(40,40,40,0.5);color: #282828;text-decoration: none;text-shadow: none;font-size: 22px;border-radius: 30px; cursor: pointer; }
.index_banner .ad_txt a:hover { background: rgba(40, 40, 40, 0.9); color: #ffe610; }
.index_banner .ad_txt a:hover i,
.index_banner .ad_txt a:hover samp { color: #ffe610; }

.index_banner .ad_txt.curr,
.index_banner .ad_txt.curr a,
.index_banner .ad_txt.curr p { opacity: 1; }

.banner_btn {  background: rgba(255, 255, 255, 0.6);  border-radius: 20px; backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px); overflow: hidden; border: 2px solid #fff; }
.banner_btn li { vertical-align: top;  display: inline-block;  width: 20%; padding:28px 0; cursor: pointer; }
.banner_btn li.curr,
.banner_btn li.curr:hover { background: #fff!important;}
.banner_btn li:hover { background: rgba(255, 255, 255, 0.4);}
.banner_btn li h3 { font-size: 17px; font-weight: bold; padding: 0 24px; }
.banner_btn li p { font-size: 14px; padding: 0 28px; line-height: 24px; color: #666; }
.banner_btn li p samp {color: #666; }
.download_client { display: block; font-size: 12px; }
.download_client:hover { color: #1477FF; font-weight: bold; }
.download_client .fa { font-size: 14px!important; color: #282828!important; }
.download_client:hover .fa { color: #1477FF!important; }

/*首页区块1样式*/
.index_style_1 li { display: inline-block; width: 20%; vertical-align: top;  }
.index_style_1 li img  { width: 35%; }
.s_img { background: #282828; margin: 0 auto; height: 120px; width: 120px; border-radius: 180px; position: relative; }
.s_img.s_img_1 { background: rgba(255, 45, 23, 0.8); }
.s_img.s_img_2 { background: rgba(255, 140, 2, 0.8); }
.s_img.s_img_3 { background: rgba(20, 119, 255, 0.8); }
.s_img.s_img_4 { background: rgba(40, 40, 40, 0.8); }
.s_img.s_img_5 { background: #33b4a2; }
.s_img.s_img_6 { background: #3f6bb5; }
.s_img .fa { color: #fff; position: absolute; left: 50%; margin-right: 0; top: 50%; font-size: 60px; }
.s_img .fa-wechat { margin-left: -34px; margin-top: -30px; }
.s_img .fa-qrcode { margin-left: -24px; margin-top: -28px; }
.s_img .fa-sign-out { margin-left: -19px; margin-top: -28px; }
.s_img .fa-plane { margin-left: -22px; margin-top: -26px; }
.s_img .fa-home { margin-left: -26px; margin-top: -28px; }
.s_img .fa-ellipsis-h { margin-left: -24px; margin-top: -28px; }
.s_img .fa-share-alt { margin-left: -26px; margin-top: -30px; }
.index_style_1 li h5 { font-size: 20px;}
.index_style_1 li p { font-size: 15px;  margin:auto 20px; color: #8c8c8c; line-height: 24px; }

/* 首页区块2*/
.index_title { font-size: 32px; font-weight: bold;}
.index_title.ex {  letter-spacing: 5px; }
.index_title_des { font-size: 16px; color: #8c8c8c;}
.index_title_des samp { font-size: 16px; color: #8c8c8c; }
.index_title .fa-quote-right { color: #282828; margin-left: 20px!important; margin-right: 0;}
.index_title .fa-quote-left { color: #282828; margin-left: 0; margin-right: 20px!important;}
.bg_black { background: rgba(40, 40, 40, 0.9); padding:60px 0; }
.bg_black.op4 { background: rgba(40, 40, 40, 0.4)!important; padding:60px 0; }
.bg_black.op6 { background: rgba(40, 40, 40, 0.6)!important; padding:60px 0; }
.bg_black .index_title { font-size: 32px; font-weight: bold; color: #fff; }
.bg_black .index_title_des { font-size: 18px; color: #fff;}
.bg_black .index_title .fa-quote-right { color: #fff; margin-left: 20px!important; margin-right: 0;}
.bg_black .index_title .fa-quote-left { color: #fff; margin-left: 0; margin-right: 20px!important;}
.bg_hk { /*background:rgba(40, 40, 40, 0.95) url("../images/bg20.png") no-repeat center center; */ background:rgba(40, 40, 40, 0)!important; }
.bg_js_1 { background:#ffe610 url("../image/style_4.jpg") no-repeat right 0; background-size: auto 100%; }

.index_style_2 {}
.index_style_2 li { vertical-align: top; display: inline-block; width: 22%; margin-right: 40px; overflow: hidden; border-radius: 20px; background: #fff; }
.index_style_2 li:last-child { margin-right: 0;}
.index_style_2 .s2_title { background: #ffe610; font-size:30px; padding: 15px 0; }
.index_style_2 span {font-size: 40px; margin-right: 10px; position: relative; top: 3px; }
.index_style_2 .s2_content { padding: 15px 25px;  }
.index_style_2 p { font-size:16px; text-align: left; line-height: 26px; color: #666; }
.index_style_2 p span,
.index_style_2 p samp { color: #666; }

/* 首页区块3*/
.index_style_3 { overflow:hidden;}
.index_style_3 li {  float: left; cursor:pointer;width: 196px; display:block; margin:0 30px 30px; text-align: center; }
/*.index_style_3 li img { width: 100%; box-shadow: 0 0px 10px rgba(40, 40, 40, 0.4); border-radius: 15px; border:5px #fff solid; overflow: hidden; }*/
.index_style_3 li .imgDiv { display: block; width: 206px; height: 358px; background-size: 100% auto;  border:5px #fff solid; box-shadow: 0 0px 10px rgba(40, 40, 40, 0.4); border-radius: 15px;  overflow: hidden; }
.index_style_3 li b { font-size: 20px; display: block; margin-top: 10px; }
.index_style_3 li div { position:relative; }
.index_style_3 li samp { cursor: pointer; display:none;position:absolute; left:0; top:0; bottom: 0; right: -10px; z-index: 99; background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px);  }
.index_style_3 li em { display: none; width: 70px; line-height: 28px; background:rgba(40,40,40,.8); border-radius: 10px; font-size: 16px; color: #fff;  position: absolute; left: 50%; top:40%; padding: 8px 15px; margin-left: -50px; }
.index_style_3 li em .icon { margin-bottom: 5px; margin-right: 0; }
.index_style_3 li:hover samp { display: none;  }
.index_style_3 li.qywx:hover .imgDiv { border:5px #0384EA solid;  }
.index_style_3 li.qywx:hover b { color: #0384EA; }
.index_style_3 li.wx:hover .imgDiv { border:5px #03C30C solid;  }
.index_style_3 li.wx:hover b {  color: #03C30C; }
.index_style_3 li.wx samp { background: rgba(3, 195, 12, 0.1); }
.index_style_3 li.qywx samp { background: rgba(3, 132, 234, 0.2)}
.index_style_3 li.last_more h6 { font-size: 16px; }
.index_style_3 li.last_more b { opacity: 0; }
.index_style_3 li.last_more .imgDiv { box-shadow: none; border-color: #F4F4F4;}

/* 首页区块4*/
.index_style_4 { width: 60%; }
.index_style_4 h3 { font-size: 50px; }
.index_style_4 .p_t { padding: 20px 20px 20px 0; background: rgba(255, 230, 16, 0.7); font-size: 20px;text-align: left; line-height: 30px; }
.index_style_4 p { padding: 5px 5px 5px 0;  background: rgba(255, 230, 16, 0.7);  font-size: 16px;text-align: left; }
.index_style_4 a { display: block;width: 197px;height: 52px;line-height: 52px;text-align: center;border: 1px solid rgba(40,40,40,0.5);color: #282828;text-decoration: none;text-shadow: none;font-size: 22px;border-radius: 30px;cursor: pointer;}
.index_style_4 a:hover { background: rgba(40, 40, 40, 0.9); color: #ffe610; }
.index_style_4 a:hover .fa { color: #ffe610; }


    /* 首页区块5 */
.index_style_5 {}
.index_style_5 li { padding: 20px; position: relative; background: #fff; width: 260px; margin-right: 20px; margin-bottom: 20px; display: block; float: left; text-align: center; border-radius: 5px; }
.index_style_5 li:last-child { margin-right: 0; margin-bottom: 20px;}
.index_style_5 li .label { margin-right: 10px; position: relative; top: -2px; }
.index_style_5 li a { display: block; font-size: 16px; border-radius: 20px; padding: 10px 0; margin-top: 10px;  }
.index_style_5 li.last { background: none; position: relative; top: 100px;  }
.index_style_5 .s5_title { font-size: 18px; margin: 20px 0 10px; }
.index_style_5 p { font-size: 14px; text-align: left; text-indent: 2em; line-height: 20px; color: #8c8c8c; }
.index_style_5 .s5_icon { width: 90px; height: 90px; margin: 0px auto 0; text-align: center; border-radius: 180px; }
.index_style_5 .s5_icon .fa { margin: 0; color: #fff; position: relative;  }
.index_style_5 li .fa { margin-right: 0!important; }
.index_style_5 li:nth-child(1) .s5_icon { background:#4E9FEF; }
.index_style_5 li:nth-child(1) .s5_icon .fa{ top: 22px; }
.index_style_5 li:nth-child(2) .s5_icon { background: #11AC65; }
.index_style_5 li:nth-child(2) .s5_icon .fa{ top: 22px; }
.index_style_5 li:nth-child(3) .s5_icon{ background: rgba(20, 119, 255, 0.8); }
.index_style_5 li:nth-child(3) .s5_icon .fa { top: 22px; }
.index_style_5 li:nth-child(4) .s5_icon{ background:#9B86F9; }
.index_style_5 li:nth-child(4) .s5_icon .fa { top: 22px; }
.index_style_5 li:nth-child(5) .s5_icon{ background: #FFA80B; }
.index_style_5 li:nth-child(5) .s5_icon .fa { top: 21px; }
.index_style_5 li:nth-child(6) .s5_icon { background:#3f6bb5; }
.index_style_5 li:nth-child(6) .s5_icon .fa{ top: 20px; }
.index_style_5 li:nth-child(7) .s5_icon { background:#F07858; }
.index_style_5 li:nth-child(7) .s5_icon .fa{ top: 17px; }
.index_style_5 li:nth-child(8) .s5_icon { background:#C156C8; }
.index_style_5 li:nth-child(8) .s5_icon .fa{ top: 20px; }

/* 首页区块6 */
.index_style_6 {}
.index_style_6 li { background: #fff;  padding-bottom:20px; float:left; margin-right: 40px; width: 290px;border-radius: 20px; overflow: hidden; box-shadow:1px 0 20px rgba(0,0,0,.3); }
.index_style_6 li:last-child { margin-right: 0; }
.index_style_6 .s6_title { background-size:100% auto!important; line-height: 80px; font-size: 28px; color: #282828; }
.index_style_6 li:nth-child(1) .s6_title {  background: #ffe610; }
.index_style_6 li:nth-child(2) .s6_title {  background: #29A35E; color: #fff; }
.index_style_6 li:nth-child(3) .s6_title {  background: #1477FF; color: #fff; }
.index_style_6 li:nth-child(4) .s6_title {  background: #ff2d17; color: #fff; }
.index_style_6 .s6_price { font-size: 16px; margin: 20px 0; }
.index_style_6 .s6_price b { font-size: 30px; font-weight: bold; }
.index_style_6 .s6_price s { color: #8f8f8f; font-size: 14px; display: block; }
.index_style_6 a { font-size:18px; display: block; padding: 8px 0; border-radius: 15px; margin: 0 40px;  }
.index_style_6 hr { border-bottom: 1px #e9e9e9 dashed; margin: 20px; }
.index_style_6 p { font-size: 16px; margin-bottom: 10px;  }
.index_style_6 p b { font-size: 20px; margin: 0 5px; }
.index_style_6 .tq { font-size: 15px; text-align: left; margin: 0 20px 15px;  }
.index_style_6 .tq b { font-size: 18px; margin: 0 5px; font-weight: bold; }
.index_style_6 .tq .label { margin-right: 10px; }

.text_info { font-size: 16px; color: #333; line-height: 40px; }
.text_info .fa-quote-left { font-size: 30px; position: relative; margin-right: 30px; color: #999; top: -10px; }
.text_info .fa-quote-right { font-size: 30px; position: relative; margin-left: 30px;  color: #999;top: 10px;  }
.text_info b { font-size: 22px; margin: 0 5px; }
.dis_tx { color: #AAA; font-size: 14px!important; }

/* 首页区块7 */
.bg_yellow { background:#ffe610;  }
.bg_yellow .index_title_des { color: #282828; font-size: 22px; }
.bg_yellow a { display: block;width: 197px;height: 52px;line-height: 52px;text-align: center;border: 1px solid rgba(40,40,40,0.5);color: #282828;text-decoration: none;text-shadow: none;font-size: 22px;border-radius: 30px;cursor: pointer; margin-left: auto; margin-right: auto; }
.bg_yellow a:hover { background: rgba(40, 40, 40, 0.9); color: #ffe610; }

/* 首页区块8 */


/* 广告位 */
.ads { padding-top: 20px; }
.ads a { display: block; }
.ads.radius img { border-radius: 10px;}
.ads img { width: 100%; }
.ads.banner { height: 96px; }
.ads.banner_2 { height: 96px; }

/* 顶部导航区 */
.header {position: fixed; left: 0; right: 0; top: 0; z-index: 101; background: #ffe610; }
.header.SD { box-shadow: 0 2px 10px rgba(40,40,40,.3)!important;}
.header_container { position: relative; height: 60px; background: #ffe610;}
.header .logo { overflow: hidden; width: 200px; position: absolute; left: 0; top: 0; bottom: 0; /*background: url("../images/logo.png") no-repeat 0 center; background-size: 80% auto;*/ }
.header .logo a { display: block; position: absolute; right: 0; top: 0; left: 0; bottom: 0; line-height: 56px; }
.header .logo img { height: 80%;}
.header .navigation { margin-left: 200px; margin-right: 220px; text-align: left; }
.nav_container { margin: 0 auto; display: inline-block; }
.nav_container li:nth-child(2) .tags {width: auto;top: 3px;left: auto;right: -38px; z-index: 999;}
.nav_container li:nth-child(3) .tags {width: auto;top: 3px;left: auto;right: -28px; z-index: 999;}
.nav_container li:nth-child(5) .tags {width: auto;top: 3px;left: auto;right: -38px; z-index: 999;}
/*.nav_container li:last-child .tags {width: auto;top: 6px;left: auto; right: -70px; z-index: 999;}*/
.header .navigation li { display: inline-block; position: relative; }
.header .navigation li > a { display: block;height:60px; line-height: 60px; font-size: 16px; padding: 0 20px; }
.header .navigation li > a .fa { margin-left: 10px; margin-right: 0!important; }
.header .navigation li.op_navLayer .fa { margin: 0!important;}
.header .navigation li > a:hover {  background: rgba(40, 40, 40, 0.1); color: #282828; cursor: pointer; }
.header .navigation li.curr > a { background: rgba(40, 40, 40, 0.95); color: #ffe610; cursor: pointer; }
.header .navigation li.curr > a .fa { color: #ffe610;}
.header .navigation dl { display:none; min-width: 114px;font-size: 14px;white-space: nowrap;background: #fff;border: 3px solid #ffe610;border-radius: 0 0 10px 10px;position: absolute;left: 0;top: 55px;z-index: 10;padding: 10px;box-shadow: 0 6px 10px rgba(0 ,0 ,0, .4); }
.header .navigation dl dd { position: relative; }
.header .navigation dd .tags {width: auto;top: -0px;left: 92px; right: auto; z-index: 999;}
.header .navigation dl dd a { font-size: 16px; display: block; line-height: 40px; text-align: center;  }
.header .navigation dl a:hover,
.header .navigation dl dd.curr a { color: #ff2d17; }
.header .navigation li:hover dl { display: block; }
.header .navigation li.menulist:hover {background: rgba(40, 40, 40, 0.1); }
.header .navigation li.menulist:hover > a,
.header .navigation li.menulist:hover .fa { color: #282828; }
.header .navigation li.menulist.curr:hover > a,
.header .navigation li.menulist.curr:hover .fa { color: #ffe610; }

/*.header .navigation li.curr a { font-weight: bold;}*/
.header .login { position: absolute; right: 0; top: 0; bottom: 0; }
.header .login .lg_ot { font-size: 16px; display: inline-block; line-height: 60px; float: right; margin-left: 15px; }
.header .login .lg_ot a { font-size: 16px;  padding: 6px 15px; border: 1px solid #282828; border-radius: 10px; cursor: pointer; }
.header .login .lg_ot a:hover { background: #282828; color: #ffe610; border: 1px solid #282828;}
.header .login dd.lg_ot { margin: 0 10px;  }
.header .login dd.lg_in { margin: 0 10px; line-height: 60px; cursor: pointer; float: right; position: relative;}
.header .login dd.lg_in a b { font-size: 16px;}
.header .login dd.lg_in .fa-user-circle-o { position: relative; top: 5px; font-size: 30px; }
.header .login dd.lg_in .fa-envelope-o { position: relative; top: 5px; font-size: 30px; }
.header .login dd.lg_in .fa-chevron-down { position: relative; left: 10px;}
.header .login dt.user_lg_in_layer { min-width: 180px; font-size: 14px; white-space:nowrap; background: #fff; border: 3px solid #ffe610; border-radius: 0 0 10px 10px; position: absolute; right: 0; top: 57px; z-index: 10; padding: 10px;box-shadow:0 6px 10px rgba(0,0,0,.4); display: none;}
.header .login dt.lg_in div { padding: 0 10px; font-size: 16px;   }
.header .login dt.lg_in div b { display: inline-block; margin: 0 5px; font-weight: bold; font-size: 18px; }
.header .login dt.lg_in div a {display: block; line-height: 35px; cursor: pointer; margin-top: 10px; font-size: 14px; border-radius: 5px; }
.header .login dt.lg_in hr{ border: none; border-bottom:1px dashed #ccc;  }
.header .login dd.lg_in .newmsg span{ right: 6px!important; top: -7px;}
.lg_in_w:hover .user_lg_in_layer { display: block!important;}
.lg_in_w:hover .fa-chevron-down {transform: rotate(180deg); }


/* 二级菜单区*/
.menu {/* background: #fff;*/ padding-top: 60px; position: relative;  }
.menu ul { padding-top: 20px;}
.menu ul li { display: inline-block; margin: 0 20px; position: relative; }
.menu ul li a { display: block; line-height: 50px; height: 50px; font-size: 18px; cursor: pointer; color: #999; padding: 0 15px; }
.menu ul li a:hover,.menu ul li.curr a { border-bottom: 2px solid #282828; color: #282828; }

/* 二维码免费体验区 */
.experience {}
.experience li { cursor: pointer; display: inline-block;border-radius: 15px; position: relative; }
.experience div { position: absolute; top: 15px;right: 15px; z-index: 1; background: rgba(255,255,255,.95); width: 45px; text-align: center; border-radius: 0 0 0 10px; padding: 10px; }
.experience .icon { margin: 0; position: relative; top: -1px; }
.experience a { display: none; font-size: 14px; border-radius: 5px; margin-top: 15px; }
.experience li img { width: 183px; margin: 5px;  border:10px solid #fff; cursor: pointer; border-radius: 10px; }
.experience li:hover a { background: #1477FF!important; color: #fff!important; border: 1px solid #1477FF; display: block; }
.experience li:hover img {box-shadow:1px 0 20px rgba(0,0,0,.5);}
.experience li:hover .icon { width: 50px; height: 42px; top: 4px; }
.experience li:hover div { border:2px solid #1477FF; width: 80px;right: 50%; top: 50%; margin-top: -50px; margin-right: -56px;border-radius: 10px; box-shadow:1px 0 10px rgba(0,0,0,.5);}

/* 群码自助下载*/
.cqcodelist { background: #fff; border-radius: 15px; width: 100%; }
.cqcodelist th { font-size: 18px; font-weight: bold; height: 50px; }
.cqcodelist td { font-size: 16px; height: 50px; position: relative; }
.cqcodelist td .fa-qrcode { font-size: 22px;}
.cqcodelist th.name,.cqcodelist td.name { text-align: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 450px;}
.cqcodelist td.name samp { margin-right: 10px; display: inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 380px; font-size: 16px; }
.cqcodelist td.name .label  { display: inline-block; position: relative; top: -4px; }
.cqcodelist input[type="checkbox"] { width: 20px; height: 20px; position: relative; top: 4px; }
.cqcodelist button.before_download,
.cqcodelist button.check,
.cqcodelist button.download { font-size: 14px; cursor: pointer; padding: 6px 10px; border-radius: 10px; margin: 5px 5px;  }
.cqcodelist button.before_download:hover,
.cqcodelist button.download:hover { background: #1477FF!important; color: #fff!important; border: 1px solid #1477FF!important;  }
.cqcodelist button.download:hover .fa,
.cqcodelist button.before_download:hover .fa { color: #fff!important; }
.cqcodelist button.before_download .fa-qrcode { position: relative; top: 3px;}
.cqcodelist img { height: 20px; border-radius: 2px; }
.cqcodelist_more { font-size: 18px; line-height: 40px;  cursor: pointer; border-radius: 20px; width: 100%;text-align: center; background: #1477FF!important; color: #fff!important; border: 1px solid #1477FF!important; }
.cqcodelist_more:hover { background: rgba(20,119,255,.8)!important;  }
.cqcodelist_loading { font-size: 18px; line-height: 40px;width: 100%;text-align: center; color: #777; }
.cqcodelist_null { font-size: 18px;  width: 100%;text-align: center; color: #777;}
.cqcodelist_null .btn { padding: 8px 15px; border-radius: 10px;}
.cqcodelist_loading .fa { position: relative; top: 8px; }

/* 底部区域*/
.footer { background: #282828;}
.footer_wrap { background: #282828;padding: 20px 0;  }
.footer ul { float: right; position: relative; top: 25px; }
.footer ul li .fa { color: #666; font-size: 22px; }
.footer ul li { display: inline-block; width: 100px; cursor: pointer; position: relative; }
.footer ul li .fa { margin: 0;}
.footer ul li div { display:none; background: #fff; width: 150px; position: absolute; right:-36px; top: -232px; padding: 15px;border: 1px solid #ccc; }
.footer ul li.download_list div { top: -105px; }
.footer ul li.download_list div em { display: block;}
.footer ul li.zsds div { top: -263px; }
.footer ul li.zsds a {display: block; }
.footer ul li div img { width: 100%; }
.footer ul li div b { font-size: 16px; display: block; }
.footer ul li div span { font-size: 18px; display: block; }
.footer ul li:hover .fa { color: #fff; }
.footer ul li:hover div { display: block; }

#lg_integral_wp {opacity: 0;}
.bt_logo { float: left; background: url("../image/logo2.png") left center no-repeat; background-size: auto 100%; height: 60px; width: 500px; }
.footer_top{ border-bottom: 1px solid #333333; padding-bottom: 20px; color: #666; font-size: 16px; }
.footer_top.text_2{ font-size: 14px;}
.links { text-align: left; }
.links dt,.links dd { display: inline-block;  }
.links dt,.links dd a{ color: #666; font-size: 16px; line-height: 30px; }
.links a { margin: 0 5px; cursor: pointer;padding: 2px 5px;  }
.links a:hover { color: #fff; border-bottom:1px solid #fff;  }

/* 侧边浮窗 */
.sidebar { box-shadow:0 0 10px rgba(0,0,0,.2); position: fixed; right:2%; bottom: 17%; z-index: 99; border: 1px solid #ccc; border-left: none; border-bottom: none; }
.sidebar dd,
.sidebar dt { cursor: pointer; background: rgba(255,255,255,.8); color: #282828; padding: 15px; text-align: center; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;  position: relative; }
.sidebar dd > a > .fa,
.sidebar dd > .fa { margin-right: 0!important; font-size: 24px; }
.sidebar div { display:none; background: #fff; width: 150px; position: absolute; left:-161px;top: -1px; padding: 15px 5px;border: 1px solid #ccc; border-right: none;  }
.sidebar div em { line-height: 20px; font-size: 13px; display: block; margin-top: 5px; }
.sidebar div img { width: 100%; }
.sidebar div b { font-size: 16px; display: block; }
.sidebar div span { font-size: 18px; display: block; }
.sidebar dd:hover { background: #fff; color: #282828; border-left: none; }
.sidebar dt:hover { background: #1477FF; color: #fff; }
.sidebar dt:hover .fa {  color: #fff; }
.sidebar dd:hover div { display: block; }
.sidebar dd:nth-child(3):hover div { top: -56px; }
.addServer { color:#999; cursor: pointer; font-size: 12px; }
.addServer_pay { color:#999; cursor: pointer; font-size: 16px; }
.addServer_pay:hover,
.addServer:hover { color: #ff2d17; }

    /* 关键词查询 */
.filter {  background: rgba(40, 40, 40, 0.95); }
.search { padding: 20px 0; }

.filter H3 { font-size: 32px; font-weight: bold; color: #fff;  }
.filter span { font-size: 18px; color: #ccc; display: block; letter-spacing: 1px; }
.filter samp { display:none; font-size: 18px; color: #eee; }
.filter samp i { font-size: 24px; color: #ffe610; }
.filter samp em { font-size: 16px; color: #282828; margin: 0 5px;  }
.filter samp b { font-size: 14px; background: #ffe610; color: #282828; border-radius: 10px; padding: 6px 10px; margin-left: 10px; position: relative; top: -2px; }
.filter samp strong { color: #eee; }

.input_search {background: #fff; border-radius:10px; border: 1px solid #d3d3d3; width: 33%; float: left; }
.input_search:hover { box-shadow:1px 0 20px rgba(0,0,0,.5);}
.input_search input { font-size: 16px; height: 26px; line-height: 26px; padding: 6px 20px; border: none; display: inline-block; width: 90%; }
.input_search button { cursor: pointer; font-size: 18px; text-align: center; height: 60px; width: 150px; line-height: 60px; border: none; display: inline-block;}
.input_select { overflow: hidden; float: left; background: #fff; border-radius: 10px; margin-left: 20px; position: relative; }
.input_select:first-child { margin-left: 0; margin-right: 20px; }
.input_select select { width: 100%;  background: #fff; height: 40px; line-height: 40px; border: none; font-size: 15px; cursor: pointer; padding: 0 40px 0 25px; }
.input_select .fa { margin-right: 0; float: right; position:absolute; margin-top: 15px; right: 5px; font-size: 12px; }
.input_select option { font-size: 16px; }
.button_submit { font-size: 16px; display: inline-block; margin-left: 20px; position: relative; }
.button_submit button { border: none; line-height: 40px;height: 40px; cursor: pointer; font-size: 18px;  width: 200px; text-align: center; border-radius: 10px; }
.filter hr { border: none; border-top: 1px solid #383838; border-bottom: 1px solid #222;  }
.search_result { font-size: 18px; color: #ffe610; letter-spacing: 1px; }
.search_result b { color: #ff2d17; font-size: 20px; margin: 0 10px; font-weight: bold; }
.details_b .search_result samp { border: #ffe610 1px solid; color: #ffe610; font-size: 16px; border-radius: 10px; padding: 5px 15px; margin-right: 10px;  }
.details_b .search_result b { margin: 0 5px; font-size: 24px; }

#filter_wrap_placeholder { height: 100px; }
.filter.fixed H3 { font-size: 28px; font-weight: bold; color: #fff;  }
.filter.fixed span { font-size: 16px; color: #ccc; display: block; letter-spacing: 1px; }
.filter.fixed {position: fixed; left: 0; right: 0; top: 60px; z-index: 99; background: rgba(40, 40, 40, .95);}
.filter.fixed H3,
.filter.fixed hr,
/*.filter.fixed .input_search_wrap,*/
.filter.fixed .search_result  { display: none!important; }
.filter.fixed span { display: none!important;}
.filter.fixed samp { display:block!important; }

/* 我的推广海报*/
.share_wrap {width: 300px; overflow: hidden; }
.share_wrap ul { width: 1000%; }
.share_wrap ul li { cursor:pointer; width: 300px; float: left; margin-right: 20px; position: relative; }
.share_wrap ul li div { display: none; position: absolute; top: 0; bottom: 0; left:0;right: 0; z-index: 1; backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);  }
.share_wrap ul li div span {  display: block; position: absolute; top:50%; left:50%; margin-top: -20px; margin-left: -61px; }
.share_wrap ul li div a { margin: 0!important; font-size:16px!important;padding: 10px 15px!important;border-radius: 10px!important; }

.share_wrap ul li div span .fa {  font-size: 20px; color: #fff; }
.share_wrap ul li:hover div { display: block; }
.share_wrap img { width: 100%;}

/* 弹窗 */
.layer { display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 998; overflow-y: auto;  backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);  }
.layer_wrap { z-index: 2; width: 800px; left: 50%; margin-left: -420px; top: 5%; background: #fff; position: relative; padding: 20px; border-radius: 15px;box-shadow:0px 6px 10px rgba(0,0,0,.4); margin-bottom: 10%; }
.layer_wrap .layer_title { font-size: 24px; position: relative;}
.layer_wrap .layer_title span { font-size: 24px; }
.layer_wrap .layer_title samp { font-size: 18px; }
.layer_wrap .layer_title samp b { font-size: 18px; }
.layer_wrap.wx { border: 10px solid rgba(42, 174, 103, 0.85); margin-left: -280px;  }
.layer_wrap.wx .layer_title { color: #2AAE67;}
.layer_wrap.wx .layer_title i { color: #2AAE67;}
.layer_wrap.wx .layer_title .fa-close { color: #282828;}
.layer_wrap.ali { border: 10px solid rgba(20, 119, 255, 0.85); margin-left: -280px;  }
.layer_wrap.ali .layer_title { color: #1477FF;}
.layer_wrap.ali .layer_title i { color: #1477FF;}
.layer_wrap.ali .layer_title .fa-close { color: #282828;}
.layer_wrap .layer_title2 { font-size: 18px; color:#6e6e6e;}
.layer_wrap .layer_title2 b { font-size: 20px; font-weight: bold; margin: 0 5px; }
.layer_close2,
.layer_close_card,
.layer_close { position: absolute; right: 0; top: -3px; text-align: center; padding: 6px 10px; border-radius: 180px;  border: none!important; margin: 0; }
.layer_close2 .fa,
.layer_close_card .fa,
.layer_close .fa { margin-right: 0!important; font-size: 26px; }
.layer_close2:hover,
.layer_close_card:hover,
.layer_close:hover { background: #ff2d17!important; border:1px solid #ff2d17!important;  }
.layer_close2:hover .fa,
.layer_close_card:hover .fa,
.layer_close:hover .fa{ color: #fff!important;}
.layer_content { border-top: 1px solid #ddd; padding-top: 20px; }
.noboder {border:0; padding: 0!important;}
.layer_bts li { position: relative; }
.layer_bts li samp { font-size: 18px; color: #fff; }
.layer_bts li b { font-size: 20px; font-weight: bold; color: #fff; }
.layer_bts li a,
.layer_bts li button { width: 100%; display: block!important; text-align: center; font-size: 20px; border-radius: 10px; padding: 12px 0; }
.layer_bottom_text { font-size: 14px; text-align: center; color: #666; }
.layer_bottom_text a { cursor: pointer; color: #1477FF; font-size: 14px; }
.layer_bottom_text a:hover { color: #ff2d17; }

.layer_text_content h3 { margin: 30px 0 10px; }
.layer_text_content p { line-height: 30px; text-indent: 2em; margin-bottom: 10px;  }
.layer_text_content li { line-height: 30px; margin-bottom: 10px;  }
.layer_text_content b { color: #ff2d17; }

/* 查看群码弹窗*/
.qrcode_big { text-align: center;}
.qrcode_big img { width: 100%; }
.qrcode_layer_wrap { width: 480px; left: 50%; margin-left: -260px; top: 5%; }
.qrcode_layer_wrap img {  width: 100%; }
.qrcode_info { text-align: center; font-size: 16px; }
.q_name { font-size: 22px;display: inline-block;max-width: 360px;overflow:hidden; /*超出的部分隐藏起来。*/white-space:nowrap;/*不显示的地方用省略号...代替*/text-overflow:ellipsis;/* 支持 IE */position: relative; top: 6px;}
.q_pp { font-size: 16px; }
.q_time {  margin-left:10px; font-size: 16px;}

.arrowBtn { position: absolute; top: 0; bottom: 0; width:60%; cursor: pointer; text-align: center;  }
.arrowBtn i { font-size: 100px; color: #fff; position: relative; top: 21%; }
.arrowBtn:hover {background: rgba( 0,0,0,.05); }
.arrowBtn:hover i { color: #ffe610; }
.arrowBtn.left { left: -65%; }
.arrowBtn.right { right: -65%; }

/* 群码批量下载弹窗 */
.download_wrap { width: 618px;  left: 50%; margin-left: -329px; top: 10%; }
.download_content {}
.download_content li {position: relative;  }
.download_content li > label {font-size: 18px; width: 100px; display: inline-block; }
.download_content div { display: inline-block; vertical-align: middle;  }
.download_content div.download_select { overflow: hidden;  border-radius: 10px; border:  #ccc 1px solid; margin-right: 10px; }
.download_content div.download_select select { padding: 10px 20px; cursor: pointer; font-size: 16px; }
.download_content div.download_search { width: 480px; border-radius: 10px; border:  #ccc 1px solid; }
.download_content div.download_textarea { width:510px; border-radius: 10px; border:  #ccc 1px solid; vertical-align: top; }
.download_content div.download_textarea textarea { padding: 10px 20px; font-size: 16px; width: 90%; }
.download_content div.select_wp { width: 510px; border-radius: 0; border:none; vertical-align: top; }
.download_content input[type="password"],
.download_content input[type="text"] { font-size: 16px; padding: 10px 20px; width: 90%; }
.download_content input[type="checkbox"] { margin-right: 10px; height: 18px; width: 18px; position: relative; top: 4px; }
.select_wp label { display: inline-block; cursor: pointer; margin-left: 10px; font-size: 16px; margin-bottom: 20px; }
.select_wp label input { margin-right: 10px; }
.download_wrap .list_title_text { padding: 15px!important; }
.download_wrap .list_title_text span { color: #a38900; }
.layer_bts button samp { color: #fff; margin: 0 5px; }
.layer_bts button:hover samp { color: #fff; }
.mes_btn .tags,
.layer_bts .tags { right: -15px; }

/* 注册登录弹窗 */
.register_wrap {width: 500px;  left: 50%; margin-left: -270px; top: 10%;}
.register_content li {position: relative; }
.register_content label {font-size: 18px; width: 100px; display: inline-block; }
.register_content div { display: inline-block; width: 396px; border-radius: 10px; border:  #ccc 1px solid; }
.register_content li.disabled div { background: #efefef; }
.register_content input[type="password"],
.register_content input[type="text"] { font-size: 16px; padding: 10px 20px; width: 90%; }
.register_content input[type="checkbox"] { margin-right: 10px; height: 18px; width: 18px; position: relative; top: 4px; }
.register_text { font-size: 16px;  color: #666;}
.register_text a { color: #1477FF; cursor: pointer; font-size: 16px; }
.register_text a:hover {  color: #ff2d17; }
.ext_lg { float: left;}
.forget { float: right; font-size: 16px; cursor: pointer; color: #666; }
.forget:hover {  color: #ff2d17; }
.inputBtn_right { position: absolute; bottom: 5px; top:5px; right: 8px; border-radius: 10px; padding: 0 10px; font-size: 14px; }
.register_wrap .addServer { font-size: 16px; }

#upload_service_text { width: 70%; }
#serviceCode_qrcode img { width: 100%; }

/* 使用卡密*/
.userCardcode { width: 400px;  left: 50%; margin-left: -220px; top: 5%;}
.userCardcode_content div { width: 297px; }


/* 联系导师购买软件*/
.buyTools_wrap { width: 350px;  left: 50%; margin-left: -195px; top: 5%;}
.buyTools_wrap .serviceQrcoder_info { font-size: 18px; }
.buyTools_wrap .serviceQrcoder_title { font-size: 22px; }

/* 积分充值弹窗*/
.integral_wrap { width: 500px;  left: 50%; margin-left: -270px; top: 5%;}
.layer_integral_content dd { margin-bottom: 20px; position: relative; border: 1px solid #ccc; padding: 5px 15px; border-radius: 15px; }
.layer_integral_content dd > div > div {font-size: 16px; color: #555; margin:10px 0;}
.layer_integral_content dd > div { float: left; }
.layer_integral_content dd > div:last-child { width: 420px;}
.layer_integral_content dd > div:first-child { line-height: 60px; width: 40px; }
.layer_integral_content dd > div:first-child .p_unck { display: inline;}
.layer_integral_content dd > div:first-child .p_ck { display: none;}
.layer_integral_content dd div b { font-size: 20px; margin: 5px; }
.layer_integral_content dd div b.itg_basics { font-size: 16px!important; color: #000; }
.layer_integral_content dd div s { font-size: 16px; margin-left: 0px; color: #aaa!important; font-weight: normal;  }
.layer_integral_content dd div s b { color: #aaa!important; font-size: 16px;  }
.layer_integral_content dd.curr,
.layer_integral_content dd.curr:hover { border: 4px solid #ff2d17; background: rgba(255, 45, 23, 0.06);  border-radius: 15px 0 15px 15px;  }
.layer_integral_content dd.curr .p_unck { display: none!important; }
.layer_integral_content dd.curr .p_ck { display: inline!important; }
.layer_integral_content dd:hover { border: 1px solid rgba(255, 45, 23, 0.5);  cursor: pointer; border-radius: 15px 0 15px 15px;  }
.layer_integral_content dd hr { border-bottom: 1px dashed #ccc; }

/* 开通代理弹窗*/
.buyAgent_layer {}
.buyAgent_layer .agent_title { margin-bottom: 10px; }
.buyAgent_layer .tag3 { position: relative; top: -2px; }
.buyAgent_layer .agent_prop b { margin-right: 20px; font-size: 18px;}
.buyAgent_layer .agent_price b { font-size: 18px; }
.buyAgent_layer .label { position: relative; top: -2px; }
.buyAgent_layer .label.success { margin-right: 5px; }
.buyAgent_layer .layer_integral_content dd > div > div { font-size: 15px; }


/* 购买记录弹窗*/
.order_layer_wrap { width: 1000px; margin-left:-520px; }
.order_layer_table { width: 100%;}
.order_layer_table th { font-size: 16px; font-weight: bold; text-align: left; padding-bottom: 10px; }
.order_layer_table td { text-align: left; font-size: 14px; }
.order_layer_table td .icon { margin: 0 5px 0 0!important; position: relative; top: 0; }
.order_layer_table td .icon.qywx { margin-left: 15px!important;}
.order_layer_table td b { font-size: 14px; position: relative; top: -5px; }
.order_layer_table .btn { padding: 5px 10px; border-radius: 10px; margin: 10px 0; font-size: 14px; }

/* 积分明细弹窗*/
.integral_layer_wrap { width: 1000px; margin-left:-520px; }
.integral_layer_table { width: 100%;}
.integral_layer_table th { font-size: 16px; font-weight: bold; text-align: left; padding-bottom: 10px; }
.integral_layer_table td { text-align: left; line-height: 53px; }
.integral_layer_table td .icon { margin: 0 5px 0 0!important; position: relative; top: 0; }
.integral_layer_table td b { font-size: 16px; position: relative; top: -5px; }

/* 修改密码弹窗*/
.repwd_layer_wrap { width: 500px;  left: 50%; margin-left: -270px; top: 10%; }

/* 系统消息弹窗*/
.message_layer_table td div { font-size: 16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.message_layer_table td:nth-child(1) div {max-width: 100px;}
.message_layer_table td:nth-child(2) div {max-width: 240px;}
.message_layer_table { width: 100%;}
.message_layer_table th { font-size: 16px; font-weight: bold; text-align: left; padding-bottom: 10px; }
.message_layer_table td { text-align: left; font-size: 16px; }
.message_layer_table .btn { padding: 5px 10px; border-radius: 10px; margin: 10px 0;  font-size: 16px; }

/* 收入明细弹窗*/
.revenue_layer_wrap { width: 1000px; margin-left:-520px; }

/* 图形验证码*/
.verif { width: 50%!important;}
.verif_code { width: 100px; display: inline-block; height: 41px; float: right;box-sizing: border-box;cursor: pointer; }

/* toast 扩展*/
.jq-toast-single h2 { font-size: 15px!important; font-weight: bold;}
.jq-toast-single { font-size: 14px!important;}
.jq-toast-single a { font-size: 14px!important; margin: 0 4px; cursor: pointer;  }
.jq-toast-single a .fa { font-size: 14px; color: #fff; margin-right: 5px;}
.jq-toast-single a:hover { color: #ffe610; border-bottom: 1px solid #ffe610;}
.jq-toast-single b { font-size: 14px!important; margin: 0 4px; cursor: pointer; font-weight: bold; color: #fff;  }
.jq-toast-single b.primary { font-size: 14px!important;  color: #ffe610!important;  }
.jq-toast-single b.error { font-size: 14px!important;  color: #ff2d17!important;  }
.jq-toast-single em { font-size: 13px!important; margin: 0 4px; padding: 0 4px; background: #ffe610; border-radius: 5px;  }
.jq-toast-single em.error { background: #ff2d17; color: #fff; }

/* loading-mian */
#loading_layer { position: fixed; z-index: 1001; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0); display: none; backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px); }
.m_loading_Text { background: rgba(40, 40, 40, 0.8); top: 40%; left: 50%; margin-left: -39px; margin-top: -39px; position: absolute; z-index: 99; border-radius: 15px; padding: 15px;}
.m_loadEffect2 .fa { color: #fff; float: left; margin: 0!important; }
/* loding */
#loading_download_layer { position: fixed; z-index: 999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.65); display: none; backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); }
.loadingText_MSG { margin-top: 20px; text-align: center;line-height: 40px;}
.loadingText { left: 0; right: 0;position: absolute;z-index: 99;  top: 40%;  }
.loadingText div { font-size: 20px;  color: #fff; margin-bottom: 35px; text-align: center; }
.loadingText div samp { font-size: 30px; font-weight: bold;}
/*.loadingText progress { height: 30px; width: 40% }*/
.loadEffect2 .fa { color: #fff; opacity: .95; }
.progress {width: 60%;margin: 0 auto 15px; display: block;height: 30px;overflow: hidden;background-color: #f5f5f5;border-radius: 10px;box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.progress-bar{animation: progress-bar-stripes 2s linear infinite;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 40px 40px;}
.progress-bar {display: block;height: 100%;color: #fff;background-color: #5cb85c;box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);transition: width .6s ease;}
@keyframes progress-bar-stripes {
    from  { background-position: 40px 0; }
    to    { background-position: 0 0; }
}
.loadingText_MSG p {color: #fff; font-size: 20px!important; margin-bottom: 10px; }
.loadingText_MSG i {color: #fff; }
.loadingText_MSG p b {color: #fff; font-size: 20px!important; margin: 0 10px; }
.loadingText_MSG p samp {color: #fff; font-size: 26px!important; margin: 0 10px; }
.loadingText_MSG .tag3 { color: #282828; font-weight: normal; font-size: 16px!important; padding: 10px 25px; }
.loadingText_ext { position: absolute; top:5%; left: 50%; white-space: nowrap; margin-left: -360px;}
.loadingText_ext .tag3 { color: #282828; font-size: 16px!important; padding: 15px 30px; }
.loadingText_MSG .ds_title { font-size: 26px!important; margin-bottom: 20px; }

/* 视频弹窗*/
.videoWrap {width: 900px; left: 50%; margin-left: -470px; top: 10%; background: #fff; position: relative; padding: 20px; border-radius: 15px;box-shadow:0px 6px 10px rgba(0,0,0,.4); margin-bottom: 10%;}
.videoContent { width: 900px; height: 506px; position: relative; }
.videoContent img { width: 100%; cursor: pointer; }
.videoContent iframe { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }

    /* 消息提示*/
.messageArea { display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; overflow-y: auto;  backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); }
.messagewrap {width: 400px; left: 50%; margin-left: -220px; top: 10%; background: #fff; position: relative; padding: 20px; border-radius: 15px;box-shadow:0px 6px 10px rgba(0,0,0,.4); margin-bottom: 10%; text-align: center; }
.mes_title { font-size: 28px; }
.mes_title hr {  border-bottom: 1px #ccc dashed;}
.mes_title.big { font-size: 32px; }
.mes_status .fa { font-size: 150px; font-weight: normal; }
.mes_status .fa.success { color: #29A35E; }
.mes_status .fa.primary { color: #1477FF; }
.mes_status .fa.danger { color: #ff2d17; }
.mes_status .showText { font-size: 18px;}
.mes_status .showText b { font-size: 22px; margin: 0 8px;}
.mes_content { font-size: 16px; line-height: 40px; color: #666 }
.mes_content .tag3 { font-size: 22px!important;margin: 0 8px; }
.mes_content b { font-size: 22px; margin: 0 8px; color: #333; }
.mes_content em { color: #ff2d17; font-size: 16px; }
.mes_content em b { color: #ff2d17; font-size: 22px; }
.mes_content samp {}
.mes_btn button { width: 100%; display: block!important; text-align: center; font-size: 20px; border-radius: 10px; padding: 12px 0; }
.mes_btn_2 button { width: 47%; display: inline-block!important; }
.mes_content_remk h4,
.mes_content_remk h4 .fa {font-size: 28px; color: #584b03; }
.mes_content_remk h6,
.mes_content_remk h6 .fa {font-size: 18px;  color: #584b03; }
.mes_content_remk p { line-height: 30px; font-size: 16px; color: #a38900;}
.mes_content_remk p samp span { font-size: 18px; color: #282828; font-weight: bold; margin: 0 5px; }
.mes_content_remk p samp.tag10 { font-size: 16px; color: #282828; background: #ffe610; border-radius: 5px; padding: 4px 8px; }
.mes_content_remk { font-size: 16px; text-align: left; color: #8a6d3b; background: #fcf8e3; padding: 30px; line-height: 30px; border-radius: 20px; }
.mes_content_remk b { color: #ff2d17; font-size: 16px; }

.messageArea.join {}
.messagewrap.join { width: 600px; margin-left: -320px; }
.mes_content.join { line-height: 30px; padding: 20px 0; }
.mes_content.join p { font-size: 16px; color: #666; }
.mes_content.join .tag10 { font-size: 16px; color: #282828; background: #ffe610; border-radius: 5px; padding: 0px 5px; }
.mes_content.join strong,
.mes_content.join b { font-size: 16px;  margin: 0; }


    /* 广告弹窗*/
.layer_modal { display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; overflow-y: auto;  backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); }
.layer_modal_wrap {width: 400px; left: 50%; margin-left: -220px; top: 10%; position: relative; border-radius: 15px;margin-bottom: 10%; text-align: center; cursor:pointer; }
.layer_modal_wrap.hhr { width: 446px; margin-left: -223px; margin-top: -325px; top: 50%; }
.modal_close { margin: 40px auto 0; display: block; background: url("../image/modal_close.png") no-repeat center center; cursor: pointer; height: 45px; width: 100px; background-size: auto 100%; }

.main_container { position:  relative; }
.main_content { margin-right: 360px; }
.side_wrap { width: 340px; position: absolute; right: 0; top: 0px; z-index: 1; }
.side_wrap .btn_group a { width: 47%; display: inline-block; }
.side_wrap .tags { top: -15px; right:-25px; }
.avatar_wrap { position: relative; text-align: left;  }
.side_wrap .list_title h6 { font-size: 18px; padding-left:10px;}
.side_wrap .list_title h6 samp { font-size: 14px; }
.side_wrap .btn { padding: 8px 0px; display: block; text-align: center;cursor: pointer;margin-top: 15px;font-size: 14px;border-radius: 5px; }
.side_wrap .btn.smright { float: right; padding: 2px 10px; margin: 0; }
.avatar { position: absolute; left:20px; top: 20px;}
.avatar .fa { color: #444; font-size: 50px; }
.agent_withdraw li { font-size: 14px; color: #666; margin-top: 10px; }
.agent_withdraw b { font-size: 20px; }
.avatar_info { margin-left: 68px; }
.avatar_name b { font-size: 16px; }
.avatar_name span { margin-left: 10px; margin-right: 0; position: relative; top: -2px; }
.avatar_time,
.avatar_time samp { font-size: 14px; color: #666;}
.avatar_prop li { font-size: 14px;}
.avatar_prop li span { font-size: 14px;}
.avatar_prop li.border_b { border-bottom: dashed 1px #eee; padding-bottom: 10px; margin-bottom: 10px;  }
.avatar_prop b { font-size: 20px; margin: 0 5px; }
.avatar_prop.big li { font-size: 16px;}
.avatar_prop.big b { font-size: 20px; margin: 0 5px; }
.kf_code img { width: 100%; }
.side_wrap h4.kf_info { font-size: 18px; font-weight: bold; margin: 0; color: #333; }
.side_wrap .kf_info { font-size: 15px; color: #666; margin-top: 5px; }
.side_wrap .c_info { font-size: 14px; color: #666; margin-top: 5px; line-height: 20px;  }
.list_title_text.sm { border-radius: 5px; padding: 15px;}
.list_title_text.sm h6 { font-size: 18px; font-weight: bold; }
.list_title_text.sm p { line-height: 35px; }
.list_title_text.sm h6 .fa { font-size: 16px; margin-right: 5px; }
.side_wrap .list_title_text p { line-height: 26px; }
#goTop .fa { font-size: 20px; margin-right: 0!important;}

.chart_wrap { padding: 15px; }
#flot-bar-chart { height: 200px; }
.my_link_text {  border: 1px solid #ccc; border-radius: 5px; padding: 15px 20px; position: relative;  }
.my_link_text textarea { display: block; width: 100%; font-size: 16px; height: 430px; }
.my_code,
.my_link { border: 1px solid #ccc; border-radius: 5px; padding: 15px 20px; position: relative; }
.my_code input,
.my_link input { display: block; width: 88%; font-size: 16px; }
/*.my_code { float: right; width: 240px;}
.my_link { float: left; width: 530px; }*/
.my_code .btn,
.my_link_text .btn,
.my_link .btn { padding: 6px 15px; font-size: 14px; border-radius: 10px; position: absolute; top: 9px; right: 9px; }
.detail_Balance {}
.detail_Balance li { color: #666;  display: inline-block; width: 49%; text-align: center; padding: 10px 0; font-size: 14px; }
.detail_Balance li.bright { border-right: 1px solid #eee;  }
.detail_Balance.bbottom { border-bottom: 1px solid #eee;  }
.detail_Balance li div { font-size: 18px; margin-top: 5px; }
.expand_Balance { text-align: left; }
.expand_Balance li { color: #666; display: inline-block; width: 33%; text-align: center; padding: 10px 0; font-size: 16px; }
.expand_Balance li span { font-size: 12px; color: #999; }
.expand_Balance.c4 li { width: 24%; }
.expand_Balance.c2 li { width: 49%; }
.expand_Balance li.bright { border-right: 1px solid #eee;  }
.expand_Balance li.bleft { border-left: 1px solid #eee;  }
.expand_Balance.bbottom { border-bottom: 1px solid #eee; padding-bottom: 10px;}
.expand_Balance li div { font-size: 14px; margin-top: 10px; }
.expand_Balance li div b { font-size: 26px; margin: 0 5px; }
.expand_Balance.big li div b { font-size: 34px; }
.expand_Balance li samp { color: #bbb; font-size: 14px; }

.userdata_layer_wrap { width: 550px;  left: 50%; margin-left: -295px; top: 5%;}
.view_userinfo { position: relative; }
.view_avatar {position: absolute;left: 0;top: 0;}
.userdata_layer_content h5 {font-size: 18px; border-top: 1px solid #eee; padding-top: 20px; }
.userdata_layer_content h5 span { margin: 0 5px; }

.gxsr_table { width: 100%; }
.gxsr_table th { font-size: 16px; padding: 15px 0; position: relative; }
.gxsr_table td { font-size: 14px; padding: 15px 0; position: relative; }
.gxsr_table td b {  font-size: 14px; }
.gxsr_table td strong { font-size: 13px; color: #aaa; display: block; }
.gxsr_table td input.cardCoder { font-size: 14px; width: 200px; }
.gxsr_table td em { color: #ccc; }
.gxsr_table th:first-child,
.gxsr_table td:first-child { padding-left: 20px; }
.gxsr_table th:last-child,
.gxsr_table td:last-child { padding-right: 20px; }
.gxsr_table th { font-weight: bold; }
.djkt { padding: 5px 10px; font-size: 14px; border-radius: 5px; }
.buyAgent_btn { font-size: 15px!important; padding: 10px 0!important;}
.buyAgent_btn .fa-level-up { margin-left: 10px; margin-right: 0; }
.gxsr_table a { padding: 4px 8px; border-radius: 10px; font-size: 14px; }

/* 我要提现*/
.withdraw_wrap { width: 500px;  left: 50%; margin-left: -270px; top: 5%;}
.withdraw_wrap dt {font-size: 18px; font-weight: bold;}
.withdrawtype dd { position: relative; cursor: pointer;  width: 48%; }
.withdrawtype dd div { font-size: 18px; color: #fff; padding: 10px 20px;  }
.withdrawtype dd .fa { color: #fff;}
.withdrawtype dd .type_check {font-size: 26px; position: absolute; right: 10px; top: 12px; }
.withdrawtype dd.disabled { background: #ddd!important; }
.withdrawtype dd.ali { background: #1477FF; border-radius: 10px; color: #fff; }
.withdrawtype dd.wx { background: #2AAE67; border-radius: 10px; color: #fff; }
.withdrawinfo dd { position: relative; }
.withdrawinfo dd label {font-size: 18px; width: 120px; display: inline-block; }
.withdrawinfo dd div { display: inline-block; width: 378px; border-radius: 10px; border:  #ccc 1px solid; }
.withdrawinfo dd div.disabled { border-color:#fff;}
.withdrawinfo dd.nolable div { width: 100%; }
.withdrawinfo dd .all_amount { position: absolute; right: 7px; top: 7px; border-radius: 5px; padding: 5px 10px; font-size: 13px; }
.withdrawinfo dd input[type="text"] { font-size: 16px; padding: 10px 20px; width: 90%; }
.withdraw_count { font-size: 15px; color: #666; }
.withdraw_count b { font-size: 18px; color: #ff2d17!important; font-weight: normal!important; margin: 0 5px; }

/* 我的提现码*/
.payment_wrap { width: 500px;  left: 50%; margin-left: -270px; top: 5%;}
.payment_wrap dt {font-size: 18px; font-weight: bold;}
.paymenttype dd { position: relative; cursor: pointer;  width: 48%; }
.paymenttype dd div { font-size: 18px; color: #fff; padding: 10px 20px;  }
.paymenttype dd .fa { color: #fff;}
.paymenttype dd .type_check {font-size: 26px; position: absolute; right: 10px; top: 12px; }
.paymenttype dd.disabled { background: #ddd!important; }
.paymenttype dd.ali { background: #1477FF; border-radius: 10px; color: #fff; }
.paymenttype dd.wx { background: #2AAE67; border-radius: 10px; color: #fff; }
.paymentinfo dd { position: relative; }
.paymentinfo dd label {font-size: 18px; width: 120px; display: inline-block; }
.paymentinfo dd div { display: inline-block; width: 378px; border-radius: 10px; border:  #ccc 1px solid; }
.paymentinfo dd div.disabled { border-color: #fff;}
.paymentinfo dd.nolable div { width: 100%; }
.paymentinfo dd .all_amount { position: absolute; right: 7px; top: 7px; border-radius: 5px; padding: 5px 10px; font-size: 13px; }
.paymentinfo dd input[type="text"] { font-size: 16px; padding: 10px 20px; width: 90%; }
.payment_count { font-size: 15px; color: #666; }
.payment_count b { font-size: 18px; color: #ff2d17!important; font-weight: normal!important; margin: 0 5px; }

/* 提现记录*/
.withdrawrecord_layer_wrap { width: 1200px;  left: 50%; margin-left: -620px; top: 5%;}

/* 选择群码类型*/
.layer_setCookie input { margin-right: 10px; width: 16px; height: 16px;position: relative; top: 3px; }
.layer_setCookie samp { cursor: pointer; font-size: 14px; position: relative; color: #777; }
.layer_setCookie .wCheck { position: absolute; z-index: 1; left: 0; right: 0; bottom:0 ; top: 0;}
.qrcodeType_wrap {width: 600px;  left: 50%; margin-left: -315px; top: 10%;}
.qrcodeType_wrap hr {  border-bottom: 1px #ccc dashed;}
.qrcodeType_title_dis {}
.qrcodeType_title_dis dt { font-size: 18px; }
.qrcodeType_title_dis dd { font-size: 18px; }
.qrcodeType_title_dis dd samp { font-size: 16px; margin: 0 5px; }
.qrcodeType_title_dis dd span { font-size: 22px; margin: 0 8px; }
.select_qrcodeType {}
.select_qrcodeType li { width: 178px; border-radius: 15px; cursor: pointer; padding: 15px 0; border:4px solid #eee; margin-right: 20px; }
.select_qrcodeType li:last-child { margin-right: 0; }
.select_qrcodeType li .icon { margin: 0; }
.select_qrcodeType li .fa { position: relative; top: 3px; font-size: 24px; }
.select_qrcodeType li .fa-square-o { display: inline-block; }
.select_qrcodeType li .fa-check-square-o { display: none; }
.select_qrcodeType li div { font-size: 18px; }
.select_qrcodeType li.curr { border:4px solid #ffe610; background: rgba(255, 230, 16, 0.1); }
.select_qrcodeType li:hover { border:4px solid #ffe610;  }
.select_qrcodeType li.curr .fa-square-o { display: none; }
.select_qrcodeType li.curr .fa-check-square-o { display: inline-block; }
.select_qrcodeType li.wx.curr { border:4px solid #00dd1c; background: rgba(0, 221, 28, 0.1); }
.select_qrcodeType li.wx:hover { border:4px solid #00dd1c;  }
.select_qrcodeType li.qywx.curr { border:4px solid #0383F0; background: rgba(3, 131, 240, 0.1); }
.select_qrcodeType li.qywx:hover { border:4px solid #0383F0;  }

/* 购买卡密*/
.buyCode_wrap { width: 550px;  left: 50%; margin-left: -295px; top: 5%;}
.buyCode_order_wrap { width: 500px;  left: 50%; margin-left: -270px; top: 5%; }
.buyCode_wrap hr { border-bottom: 1px dashed #eee; }
.buyCode_title { font-size: 22px; }
.layer_cardCode_content { position: relative; }
.layer_cardCode_content .buyCode_des { border: 4px solid #ff2d17;background: rgba(255, 45, 23, 0.06); border-radius: 15px 0 15px 15px; padding: 0 20px; }
.buyCode_des { font-size: 16px; }
.buyCode_des li { font-size: 14px; margin: 10px 0;}
.buyCode_des li b { font-size: 16px;}
.buyCode_des li.big { font-size: 16px;}
.buyCode_des li.big b { font-size: 20px;}
.buyCode_des li em { font-size: 16px; color: #ff2d17; }
.buyCode_des li em b { font-size: 24px!important; color: #ff2d17; }
.buyCode_des a { font-size: 16px; padding: 8px 12px; margin-left:10px; border-radius: 10px; }
.buyCode_des a .tags { left: auto; right: -50px; top: -15px;}
.buyCode_des b { font-size: 20px; margin: 0 5px; }
.buyCode_type {}
.buyCode_type li { border-radius: 20px; margin-right: 10px; cursor: pointer; font-size: 16px; display: inline-block; padding: 10px 25px; }
.buyCode_type li.noKF { color: #BBB; }
.buyCode_type li:last-child { margin-right: 0; }
.buyCode_type li:hover { background: rgba(255, 230, 16, 0.2);  }
.buyCode_type li.curr { background: #ffe610; }
.codeTabs_content dl {display: none; }
.codeTabs_content dl.curr {display: block; }
.buyCode_content dl {}
.buyCode_content dl dd { border: 1px solid #ccc; padding: 20px 25px;border-radius: 15px; margin-top: 20px; }
.buyCode_content.order dl dd { border: none; padding: 5px 0; }
.buyCode_content dl dd.curr { border: 4px solid #ffe610;background: rgba(255, 230, 16, 0.01);}
.buyCode_content dl dd:hover { background: #fcfcfc; }
.buyCode_content .goods_title { font-size: 16px; }
.buyCode_content .goods_price { font-size: 16px; margin-top: 18px; }
.buyCode_content .goods_price span { font-size: 14px; margin-right: 15px; color: #999; }
.buyCode_content .goods_price span.yglr b { color: #ff2d17; }
.buyCode_content .goods_price span:last-child { margin-right: 0px; }
.buyCode_content .goods_price b { font-size: 20px; }
.buyCode_content .goods_buy_number { float: right; border-radius: 15px;}
.buyCode_content .goods_buy_number a { text-align:center; cursor: pointer; background: #ffe610; display: inline-block; padding: 5px; border-radius: 90px; width: 20px; }
.buyCode_content .goods_buy_number a .fa { font-size: 18px; margin-right: 0!important; }
.buyCode_content .goods_buy_number a.disabled { opacity: .4; }
.buyCode_content .goods_buy_number samp { display: inline-block;  margin:  0 10px; }
.buyCode_content .goods_buy_number samp input { font-size: 20px; text-align: center; width:52px; height: 25px; line-height: 25px; }
.buyCode_wrap .price_result { font-size: 20px; }
.buyCode_wrap .price_result b { font-size: 20px; font-weight: bold; }
.buyCode_wrap .price_result .p { color: #ff2d17; }

#buyCard_order .minus,
#buyCard_order .plus { display: none; }
#buyCard_order .layer_bts b { font-weight: normal; margin: 0 5px;}
#buyCard_order .goods_price b { font-size: 16px;}

/* 商品状态修改*/
.editGoods_type {}
.editGoods_type li { border-radius: 20px; margin-right: 10px; cursor: pointer; font-size: 16px; display: inline-block; padding: 10px 25px; }
.editGoods_type li.noKF { color: #BBB; }
.editGoods_type li:last-child { margin-right: 0; }
.editGoods_type li:hover { background: rgba(255, 230, 16, 0.2);  }
.editGoods_type li.curr { background: #ffe610; }
.editGoods_wrap {width: 700px;  left: 50%; margin-left: -370px; top: 10%;}
.editGoods_content {}
.editGoods_content dd {font-size: 16px; margin-top: 20px; padding: 5px 20px; }
.editGoods_content dd b { font-size: 18px; color: #ff2d17; font-weight: bold; }
.editGoods_content dd input { vertical-align: bottom; font-size: 18px; /*border: 1px solid #ccc;*/ font-weight: bold; /*padding: 5px 10px;*/ text-align: center; width: 70px; border-radius: 10px; }
.editGoods_content .select_wp { position: relative; top: -2px; vertical-align: middle; border: 1px solid #ccc; border-radius: 10px; float: right; padding-left: 10px; }
.editGoods_content dd select { font-size: 16px; padding: 5px 10px; cursor: pointer; }
.editGoods_content dl {display: none; }
.editGoods_content dl.curr {display: block; }

/* 我的师傅*/
.mentorInfo li { font-size: 14px;}
.mentorInfo li b { font-size: 14px;}

/* 卡密赚钱*/
.card_user_info { font-size: 14px; }
.card_user_info b { font-size: 20px; margin: 0 5px; }
#codePassword_table .btn { font-size: 14px; padding: 4px 8px; border-radius: 10px; }
.codePassword_sreach {}
.codePassword_control > div { display: block; float: left; }
.input_search_3 {width: 26%;}
.input_search_2 {width: 30%;}
.input_select_2 { width: 22%; }
.codePassword_control > div > div { position: relative; border:1px solid #ccc; border-radius: 15px;margin-right: 20px; }
.codePassword_control > div .fa { position: absolute; top: 12px; right: 10px; }
.codePassword_control > div:last-child > div {margin-right: 0px; }
.codePassword_control input {  display:block; line-height: 20px; font-size: 16px; width: 87%; padding: 10px 20px; }
.codePassword_control select { width: 100%;  display:block; cursor:pointer; line-height: 20px; font-size: 16px; padding: 10px 20px;  }
.codePassword_control option { line-height: 20px; font-size: 16px; }
#card_pay { z-index: 1000; }

.serviceQrcoder { display: inline;}

/* 常用工具*/
.toolslist { width: 293px; float: left; margin-right: 20px; min-height: 500px;  }
.toolslist:last-child { margin-right: 0; }
.toolslistNulldata { min-height: 500px; background: url("../image/nodata.png") no-repeat center center; background-size: 200px auto; }
.toolslist li { position: relative; background: #fff; border-radius: 10px; margin-bottom: 20px; overflow: hidden; text-align: left;   }
.toolspic img { width: 100%;}
.toolstitle { font-size: 16px; margin:0 20px; font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.toolsdes { margin: 0 20px; font-size: 14px; line-height: 25px; color: #666; }
.toolsdes b{ font-size: 14px; font-weight: bold; }
.toolstag { margin: 0 20px; }
.toolstag  .label { display: inline-block; }
.toolspirce { margin: 0 20px; font-size: 14px; }
.toolsbtn { margin: 0 20px;}
.toolsbtn .btn { display: block; border-radius: 10px; text-align: center; padding:5px 0; }

/* 工具详情 */
.list_mbx { font-size: 16px; }
.list_mbx a { font-size: 16px; }

/* 编辑器前端样式*/
.details { text-align: left; }
.details_content h1,
.details_content h2,
.details_content h3,
.details_content h4,
.details_content h5,
.details_content h6 { padding-bottom:10px; padding-top: 20px }
.details_content p { font-size: 16px; line-height: 35px; margin: 0 0 10px ; text-indent: 2em; color: #666; }
.details_content li { font-size: 16px; line-height: 35px; margin-bottom: 10px; color: #666; }
.details_content b,
.details_content strong { font-weight: bold; }
.details_content a { color: #0383F0; }
.details_content a:hover { color: #ff2d17;}
.details_content blockquote { font-size: 16px; line-height: 35px; border: 3px #cecece dashed; padding: 15px; border-radius: 10px; color: #444; }
.details_content blockquote p { margin-bottom: 0; text-indent: 0;}
.details_content.other { padding: 40px;}
.details_content img { margin-bottom: 20px; box-shadow: 0 0 10px rgba(0,0,0,.3); }
.details_b { display: inline-block; padding: 5px 8px!important;  border-radius: 5px; margin-bottom: 10px; }
.details_b.red { background: #ff2d17; color: #fff; }
.details_b.black { background: #282828; color: #fff; }
.details_title .label { font-size: 18px; }

.question {font-size: 20px; margin: 20px 0; font-weight: bold; }
.answer { font-size: 16px; line-height: 28px; text-indent: 2em; margin-bottom: 20px; color: #666; }

.page_ciframe { position: relative;}
.page_ciframe iframe { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.page_ciframe img { width: 100%; cursor: pointer; margin-bottom: 0; }

.agent_sreach {}
.agent_sreach .input_search_3 { width: 34%; }
.agent_sreach .input_search_3 input { width: 79%!important; }

.tools_type li { display: inline-block; margin-right: 10px; }
.tools_type li .btn { display:block; padding: 10px 15px; border-radius: 15px; }

#all_download_btn span { font-weight: bold; margin: 0 5px; color: #fff; display: inline-block; }
#download_mode { margin: 0; font-size: 20px; }