@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
body, button, input, select, textarea {font: 14px/1.5 tahoma, arial, \5b8b\4f53, "Microsoft YaHei";}
* {box-sizing: border-box;}
i, em {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
small {font-size: 12px;}
ul, ol, li {list-style: none;}
a {text-decoration: none;color: #333;}
a:hover {color: #2776fc;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
img {border: 0;vertical-align: middle;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
body {color: #333;background: #fff;font-family: "Microsoft YaHei";font-size: 14px;}
.clear {clear: both;height: 1px;width: 100%;}
.fl {float: left;}
.fr {float: right;}
.hr {overflow: hidden;width: 100%;clear: both;}
.hr10 {height: 10px;}
.hr20 {height: 20px;}
.hr30 {height: 30px;}
.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix {zoom: 1;}
.bgfff {background: #fff;}
.main {width: 1200px;margin: 0 auto;}
.none {display: none;}
.block {display: block;}
.bd {border: 1px solid #ccc;}
.ov {overflow: hidden;}
.tablist, .tablist2 {display: none;}
.num span, .turnbtn {cursor: pointer;}
.turnBtn {display: block;cursor: pointer;}
.pt24 {padding-top: 24px;}
.w1200 {width: 1200px !important;margin-left: auto;margin-right: auto;}
.w1380 {width: 1380px !important;}
.w1000 {width: 1000px !important;}
.w1056 {width: 1056px !important;padding: 30px 47px !important;}
.w820 {width: 820px;}
.w340 {width: 340px;}
.pd20 {padding: 20px;}
.pd10 {padding: 10px;}
.mt10 {margin-top: 10px;}
.mt16 {margin-top: 16px;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mb10 {margin-bottom: 10px;}
.mb16 {margin-bottom: 16px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px !important;}
.sbg1 {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');background: rgba(0, 0, 0, 0.5);}
:root .sbg1 {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');}
/*for IE9*/
.sizing_bd {box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.flex { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.flex1 {-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}
.elli2 {text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.elli3 {text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.elli4 {text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.elli1 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.liscale {overflow: hidden;}
.liscale img, .jtdate img {-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear;}
.liscale:hover img, .jtdate:hover img { transform: scale(1.1); -ms-transform: scale(1.1);-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

.vnIocn { background-image: url('../images/vniocn.png'); }

.vnBody { width: 100%; min-width: 1200px;}
.vtopHeader {border-bottom: 1px solid #f2f2f2; background-color: #fff;min-width: 1200px;box-shadow: 0px 4px 13px #ccc;}
.vtLogo { float: left; }
.vtLogo a { display: block; padding: 9px 0; }
.vnMian { width: 1500px;margin: 0px auto}
.vtopHeader .nologbtn {height: 35px;width: 80px;border-radius: 5px;float: right;margin-top: 22px;text-align: center;line-height: 34px;margin-bottom: 22px;background-color: #fff;border: 1px solid #2776fc;font-size: 14px}

.vtopHeader .nologbtn.signIn_btn {background-color: #fff;border-color: #999;color: #999}
.vtopHeader .nologbtn.signIn_btn.loginin {color: #2776fc;border-color: #2776fc}
.vtopHeader .nologbtn:hover {background-color: #2776fc;color: #fff !important;border: 1px solid #2776fc}

.vtopHeader .fr .iconBtn { display: inline-block; width: 22px;position: relative; margin-right: 27px;}
.vtopHeader .fr .iconBtn > span.vnIocn {display: block;width: 22px;height: 22px;}
.vtopHeader .xvKf { padding-top: 22px; }

.dhBtn { background-position: 0 0; }
.xxBtn { background-position: -30px 0; }
.vnContentBody { position: relative; }

.vnSearchBanner { background-image: url('../images/vnsearchbanner.png'); background-size: cover;color: #fff; padding-top: 33px; padding-bottom: 55px;border-radius: 16px; background-position: center top;margin-bottom: 30px;}
.vnSearchBanner .vntit { text-align: center;font-size: 28px;font-weight: normal;line-height: 1; margin-bottom: 26px;}
.vnSearchBanner .vnSearchItem {margin: 0 auto; width: 436px; position: relative;height: 44px;z-index: 10;}
.vnSearchBanner .vnSearchItem .vnSearchBox { padding-right: 74px; padding-left: 108px;height: 44px;position: relative; background-color: #fff;border-radius: 6px;}
.vnSearchBanner .vnSearchItem .searchbtn { width: 64px;height: 44px;display: block; background-color: #2776fc; position: absolute;right: 0;top: 0; border-radius: 0 6px 6px 0;}
.vnSearchBanner .vnSearchItem .searchbtn:before {content: '';display: block; width: 22px;height: 22px; background-image: url('../images/vniocn.png');background-position: -61px 0; position: absolute;left: 50%;top: 50%;margin-left: -11px;margin-top: -11px;}
.vnSearchBanner .vnSearchItem .searchbtn input { display: block; width: 100%;height: 100%; position: relative;opacity: 0;}
.vnSearchBanner .type { width: 94px;height: 44px; position: absolute;left: 0;top: 0; }
.vnSearchBanner .type input { display: block; width: 100%;height: 100%;border: none 0; background: none; text-indent: 10px;font-family: "Microsoft YaHei";font-size: 14px; color: #666;outline: none;}
.vnSearchBanner .type input.open {background: url(../images/i-open.png) 75px center no-repeat;}
.vnSearchBanner .type input.close {background: url(../images/i-open.png) 75px center no-repeat;}
.vnSearchBanner .type:after {content: '';display: block; width: 0;height: 30px;border-right: 1px solid #d9d9d9; position: absolute;right: 0;top: 50%;margin-top: -15px;}
.vnSearchBanner .searchinput { display: block;background-color: #fff; padding: 10px;height: 24px;line-height: 24px; border-radius: 6px 0 0 6px;}
.vnSearchBanner .searchinput input { height: 100%; width: 100%;border: none 0; outline: none;font-family: "Microsoft YaHei"; }
.type .typesel { position: absolute;left: 0;top: 54px; width: 112px;background-color: #fff; color: #777; box-shadow: 0px 0px 5px #ccc;height: auto !important}
.type .typesel span { display: block; height: 46px;line-height: 46px;text-indent: 20px;}
.type .typesel span:hover, .type .typesel span.active { background-color: #2776fc;color: #fff;cursor: pointer; }

.vtopHeader .type .typesel { width: 110px; }
.vtopHeader .type .typesel span {text-indent: 20px;}

.vnSearchClassly {text-align: center;}
.vnSearchClassly li { display: inline-block; width: 92px;line-height: 1;}
.vnSearchClassly li a { display: inline-block; color: #fff; }
.vnSearchClassly li span { display: block; width: 46px;height: 46px;margin: 0 auto 10px;border-radius: 50%;position: relative;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#26FFFFFF', endColorstr='#26FFFFFF');background: rgba(255, 255, 255, 0.15);}
:root .vnSearchClassly li span {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');}
/*for IE9*/
.vnSearchClassly li span i { display: block; width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;}
.vnSearchClassly li span .c1 { background-position: 0 -30px; width: 28px;margin-left: -14px;height: 26px;margin-top: -13px;}
.vnSearchClassly li span .c2 { background-position: 0 -60px;height: 26px;margin-top: -13px; }
.vnSearchClassly li span .c3 { background-position: 0 -90px;height: 26px;margin-top: -13px; width: 28px;margin-left: -14px;}
.vnSearchClassly li span .c4 {background-position: 0 -120px;height: 26px;margin-top: -13px;}
.vnSearchClassly li span .c5 {background-position: 0 -150px;height: 26px;margin-top: -13px;}
.vnSearchClassly li span .c6 { background-position: 0 -180px; width: 28px;margin-left: -14px;width: 28px;margin-left: -14px; }
.vnSearchClassly li span .c7 { background-position: 0 -210px;width: 28px;margin-left: -14px; height: 24px;margin-top: -12px;}
.vnSearchClassly li span .c8 {background-position: 0 -240px;width: 28px;margin-left: -14px;height: 22px;margin-top: -11px;}
.vnListNav {margin-bottom: 18px;}
.vnListNav li {float: left;font-size: 18px;font-weight: 600;margin-right: 50px;height: 46px;line-height: 46px;position: relative;}
.vnListNav li a { display: block;}
.vnListNav li.active a { color: #2776fc;border-bottom: 3px solid #2776fc; }


.indexli2 { margin-right: -16px;}
.indexli2 li {float: left; width: 20%;margin-bottom: 18px;overflow: hidden;}
.indexli2.item_5 li {width: 20%;}
.indexli2 li .box { margin-right: 18px;position: relative;border-radius: 5px;width: 288px;}
.indexli2.fffbg .box {box-shadow: 0 2px 5px rgba(0, 0, 0, .1);background-color: #fff}

.indexli2 li .imglay { /*padding-top: 141.5%;*/position: relative;overflow: hidden;}
.indexli2 li img { width: 288px;height: 407px; /*-o-object-fit: contain;object-fit: contain; position: absolute;left: 0;top: 0;*/}
.indexli2.sucai li img {height: 216px;}
.pngbodyBox .indexli2 li img {height: auto !important}
.indexli2 li .titlay {display: block;height: 40px;line-height: 40px;padding: 0 10px;color: #424242;font-size: 14px; text-align: center;}
.indexli2 li .txt {display: block;height: 20px;line-height: 20px;padding: 0 10px;color: #424242;font-size: 14px; text-align: center;}
.indexli2 li .titlay:hover { color: #2776fc; }
.hovlay { display: none;z-index: 2}
.hovlay .unfav {z-index: 3;}
.hovlay .faved {z-index: 3;display: none;}

.indexli2 li:hover .hovlay {display: block;position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;}
.indexli2 .li .hovlay .downbtn {color: #fff;position: absolute;left: 50%;bottom: 24px;border-radius: 5px;width: 178px;height: 44px;font-size: 16px;margin-left: -89px;text-align: center;line-height: 44px;background: #2776fc;background-image: linear-gradient(to right, #65adff, #2776fc);cursor: pointer;}
.indexli2 .li .hovlay .downbtn:hover {background-image: linear-gradient(to right, #8cc2ff, #2776fc);}
.li .linkhov {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1;}
.indexli2 .li .hovlay .unfav {position: absolute;width: 74px;height: 30px;line-height: 30px;font-size: 14px;color: #666;right: 10px;top: 10px;border-radius: 5px;cursor: pointer;cursor: pointer;border: 1px solid #666;background-color: #fff;}
.indexli2 .li .hovlay .unfav img {float: left;margin-top: 7px;margin-left: 10px;width: 16px !important;height: 16px !important;position: static;}
.indexli2 .li .hovlay .unfav label {float: left;height: 30px;line-height: 30px;margin-left: 5px;cursor: pointer;}
.indexli2 .li .hovlay .unfav .normal {display: block;}
.indexli2 .li .hovlay .unfav .hover {display: none;}
.indexli2 .li .hovlay .unfav:hover {border: 1px solid #2776fc}
.indexli2 .li .hovlay .unfav:hover .normal {display: none;}
.indexli2 .li .hovlay .unfav:hover .hover {display: block;}
.indexli2 .li .hovlay .unfav:hover label {color: #2776fc}
.indexli2 .li .hovlay .faved {position: absolute;width: 74px;height: 30px;line-height: 30px;font-size: 14px;color: #2776fc;right: 10px;top: 10px;border-radius: 5px;cursor: pointer;border: 1px solid #2776fc;background-color: #fff;}
.indexli2 .li .hovlay .faved img {float: left;margin-top: 7px;margin-left: 7px;width: 16px !important;height: 16px !important;position: static;}
.indexli2 .li .hovlay .faved label {float: left;height: 30px;line-height: 30px;margin-left: 3px;cursor: pointer;}
.indexli2 .li .hovlay i {font-style: normal;}
.vnClassly .gl { padding-left: 56px; position: relative; margin-bottom: 16px;}
.vnClassly .gl .gt { position: absolute;left: 0;top: 0;height: 28px;line-height: 28px;color: #a0a0a0; }
.vnClassly .gd {float: left;margin-right: 10px;margin-bottom: 5px;}
.vnClassly .gd a { display: block;height: 28px;line-height: 28px;padding: 0 12px; border-radius: 4px; }
.vnClassly .gd.active a { background-color: #2776fc; color: #fff; }
.vnClassly {background-color: #fff;padding: 15px;}

.vnClassly .colorbox {width: 28px;height: 28px;overflow: hidden;float: left;margin-left: 6px;border: 1px solid #fff;padding: 2px;border-radius: 50%;}
.vnClassly .colorbox a {border-radius: 0px;padding: 0px;width: 22px;height: 22px;border-radius: 50%;float: left;border: 1px solid #d0d0d0}
.vnClassly .colorbox:hover {border-color: #999}
.vnClassly .colorbox svg {width: 18px;height: 18px;display: none;float: left;margin: 1px}
.vnClassly .colorbox.active {}
.vnClassly .colorbox.active a {width: 22px;height: 22px;}
.vnClassly .colorbox.active svg {display: block;}


.vnSearch { padding-top: 14px;}
.vnSearch .searchtips {display: flex;justify-content: start;margin: 10px 0;text-indent: 20px;}
.vnMian .searchtips .st {display: none;}
.vnMian .searchtips .st:first-child {display: block;}
.vnSearch .searchtips span, .vnSearch .searchtips a {color: #999;margin-right: 16px;font-size: 14px}
.vnSearch .searchtips a {text-indent: 0px;}
.vnSearch .searchtips a:hover {color: #2776fc}
.vnSearch form {height: 56px; width: 700px; padding-right: 108px; position: relative; background-color: #fff;border-radius: 5px; border: 2px solid #2776fc;z-index: 8;}
.vnSearch .type {height: 54px;cursor: pointer;}
/* .vnSearch .type::before{content:"|";position: absolute;left:120px;top:0px;line-height:54px;color:#999} */
.vnSearch .type input { width: 100%;height: 100%;border: none 0;cursor: pointer;caret-color: transparent;background: none;text-indent: 20px; color: #777777;font-size: 15px;font-family: "Microsoft YaHei"; outline: none;}
/*.vnSearch .type>i{ display: block;width: 11px;height: 7px; position: absolute;right: 15px;top: 50%;margin-top: -3.5px; background-position: -66px -32px; }*/
.vnSearch .type:has(input.open)::before {content: "";position: absolute;right: 20px;top: 15px;width: 10px;height: 14px;background: url(../images/up&down.png) 0 -10px no-repeat;}
.vnSearch .type:has(input.close)::before {content: "";position: absolute;right: 20px;top: 15px;width: 10px;height: 14px;background: url(../images/up&down.png) 0 6px no-repeat;}

.vnSearch .searchbtn { display: block;height: 46px; width: 98px; position: absolute;right: -2px;top: 0; background-color: #2776fc;border-radius: 0 5px 5px 0;}
.vnSearch .searchbtn:hover {opacity: 0.9;}
.vnContentBody .vnSearch .searchbtn {height: 54px;;}
.vnSearch .searchbtn input { display: block;width: 100%;height: 100%;border: none 0; background: none; font-family: "Microsoft YaHei"; color: #fff;font-size: 16px;text-indent: 44px;text-align: left;position: relative;z-index: 2;}
.vnSearch .searchbtn .vnIocn { display: block;width: 17px;height: 18px; position: absolute;left: 16px;top: 50%;margin-top: -9px; background-position: -64px -239px;}
.vnSearch .searchinput {padding: 13px 0;height: 52px;line-height: 52px;}
.vnSearch .searchinput input { display: block;width: 406px;margin-left: 18px;height: 100%;border: none 0;font-size: 15px;font-family: "Microsoft YaHei";outline: none; background: none;text-indent: 12px;}
.vnContentBody .searchinput input {width: 750px;}
.searchbox .vnSearch .searchinput input {text-indent: 0px;}
.vtopHeader .w1200 { position: absolute;left: 50%;top: 0;margin-left: -600px; }
.vtopHeader .w1200 .vnSearch form { width: 612px; }
.vtopHeader .vnSearch .searchbtn { background: none;height: 50px; color: #7b7b7b; background-color: #2776fc; color: #fff;}
.vtopHeader .vnSearch .searchbtn:hover {opacity: 0.9;}
.vtopHeader .vnSearch .searchbtn input { }
.vtopHeader .vnSearch .type {height: 50px;line-height: 48px;float: left;position: relative;}
.vtopHeader .vnSearch .type .typesel {top: 50px;}
.vtopHeader .vnSearch .searchbtn .vnIocn { background-position: -64px -239px; }


.pt60 {padding-top: 60px;}
.pt25 {padding-top: 25px;}
.w288 { width: 288px; }
.w362 { width: 362px; }
.w420 { width: 420px; }
.vnDetileHeader { position: relative;margin-bottom: 18px}
.vnDetileHeader .tt {font-size: 26px; color: #000;line-height: 1.4;font-weight: normal;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.vnDetileHeader .tt i { display: inline-block; width: 22px;height: 22px; vertical-align: middle; margin-right: 8px;}
.vnDetileHeader .tt .r { background-position: -60px -57px; }
.vnDetileHeader .tt .s { background-position: -61px -85px; }
.vnDetileHeader .info {line-height: 20px;color: #9d9d9d;margin-top: 7px;}
.vnDetileHeader .info .gs {margin-right: 64px;}

.vnDetileHeader .downbtn { display: block; position: absolute;right: 0;top: 0;width: 288px; padding-left: 115px; background-color: #2776fc;height: 64px;line-height: 64px;font-size: 22px;border-radius: 5px; color: #fff; }
.vnDetileHeader .downbtn i { display: block; width: 18px;height: 24px; position: absolute;left: 83px;top: 50%;margin-top: -12px;background-position: -60px -111px; }

.vnTitles {font-size: 20px; color: #000;margin-bottom: 10px;height: 28px;line-height: 20px;}
.vnTitles.leftboxvnTitles {height: 50px;line-height: 50px;border-top: 1px solid #eee;}
.vnjietu img { display: block;max-width: 960px;margin: 0px auto }
.vnVideoBox {margin-bottom: 28px;}
.vnVideoBox video {box-shadow: 0 0 10px #d2d2d2}

.vnfiexFooter { width: 100%; position: fixed;left: 0;right: 0; bottom: -100%; color: #fff; padding: 36px 0;-webkit-transition: bottom 0.2s linear; -moz-transition: bottom 0.2s linear; transition: bottom 0.2s linear; }
.vnfiexFooter.active {bottom: 0;}
.vnfiexFooter {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000', endColorstr='#CC000000');background: rgba(0, 0, 0, 0.8);}
:root .vnfiexFooter {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');}
/*for IE9*/
.vnfiexFooter .vnDetileHeader .tt { color: #fff; }


.searchhelp {position: absolute;display: none;left: -2px;top: 54px;background: #ffffff;width: 803px;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 5px 5px #9c9c9c;}
.searchhelp div {height: 42px;line-height: 42px;color: #999999;text-indent: 20px;overflow: hidden;}
.searchhelp div.suggest {text-indent: 0px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;font-size: 15px}
.searchhelp div.suggest:hover {background: #f5f5f5}
.searchhelp div.suggest i {width: 18px;height: 18px;color: #ffffff;line-height: 18px;margin-left: 20px;margin-top: 6px;text-align: center;font-style: normal; display: inline-block;margin-right: -10px}
.searchhelp div.suggest i.t {background: #2776fc}
.searchhelp div.suggest i.f {background: #d1def4}
.searchhelp div.suggest span {margin-left: 18px;color: #333;width: auto;overflow: hidden;height: 36px;line-height: 36px;font-size: 15px}

.vnSecletNav {float: left;margin: 15px 0;}
.selectOpt {width: 80px;height: 30px;line-height: 30px;border-radius: 3px; font-size: 14px; border-radius: 4px;float: left;text-align: center;cursor: pointer;margin-right: 10px;}
.selectOpt.active {border: 1px solid #2776fc;color: #2776fc}
.selectOpt:hover {color: #2776fc}
.vnPageNav { position: absolute;left: 180px; top: 16px; }
.vnPageNav .vnNavList { position: absolute;left: 0;top: 36px;background-color: #fff; -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 8%), 0 4px 16px rgb(0 0 0 / 8%), 0 8px 32px rgb(0 0 0 / 4%);box-shadow: 0 0 2px rgb(0 0 0 / 8%), 0 4px 16px rgb(0 0 0 / 8%), 0 8px 32px rgb(0 0 0 / 4%);border-radius: 3px;}
.vnPageNav .vnNavList li { margin: 0; font-size: 16px;}
.vnPageNav .vnNavList li a { padding-left: 0; text-indent: 10px;}
.vnPageNav .vnNavList li a i { display: none; }
.vnPageNav .tt { font-size: 16px;height: 36px;line-height: 36px;display: block; text-indent: 20px;}
.logotitle { text-align: center; font-size: 20px; color: #121212;line-height: 30px;padding-top: 44px;margin-bottom: 7px;}
.marks { width: 100%; height: 100%; min-height: 550px; overflow: hidden; zoom: 1; position: fixed; top: 0; left: 0; z-index: 300; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); display: none;}
.wqlogin {position: fixed;z-index: 999;width: 720px;height: 480px;border-radius: 7px;left: 50%;top: 50%;margin-left: -345px;margin-top: -220px;}
.wqlogin .leftpic {float: left;height: 480px;width: 240px;background: url(../images/leftpic.png) no-repeat;}
.wqlogin .rightmain { background-color: #fff;height: 480px;width: 480px;float: right;border-top-right-radius: 10px;border-bottom-right-radius: 10px; }

.wqlogin .middleline {height: 1px;border-bottom: 1px solid #cccccc;width: 272px;margin: 26px auto 0;position: relative;}
.wqlogin .middleline span {width: 118px;height: 30px;top: -15px;background-color: #fff;position: absolute;left: 77px;line-height: 30px;text-align: center;}
.wqlogin .power {margin-top: 0px}
.wqlogin .logotitle {background: url(../images/wqlogo.png) center top no-repeat;width: 100%;height: 80px;margin-top: 35px;font-weight: 900; }
.wqlogin .logotitle font {color: #2776fc}

.qrcodee { width: 300px;margin: 0 auto; height: 200px;overflow: hidden; position: relative;}
.other {display: block;text-align: center;font-size: 0;}
.other a { display: inline-block; width: 80px;text-align: center; line-height: 1;margin: 0 39px;font-size: 14px; cursor: pointer; padding-bottom: 20px;position: relative;}
.other a span { display: block; width: 40px;height: 40px;margin: 0 auto 10px;border-radius: 50%; position: relative;}
.other {padding-top: 30px;}
.wqlogin .other {padding-top: 20px;}
.other .qqlogin span {background: url(../images/qq.png)}
.other .qqlogin:hover span {background: url(../images/qq_hover.png)}
.other .phlogin span {background: url(../images/phone.png)}
.other .phlogin:hover span {background: url(../images/phone_hover.png)}
.other .welogin span {background: url(../images/wechat.png)}
.other .welogin:hover span {background: url(../images/wechat_hover.png)}


.power {width: 100%;text-align: center;color: #a7a7a7;margin-top: 14px; font-size: 12px;}
.power a {color: #26a5fe;}
.power a:hover {color: #0982f8;}
.prewBtn { display: none; width: 50px;height: 20px; position: absolute; }
.weprewlogin {background-position: 0 -353px;right: 15px;top: 38px;}
.other .prewlogin { right: -36px;top: 0; }
.other .qqlogin .prewlogin { background-position: 0 -332px; }
.other .phlogin .prewlogin { background-position: 0 -374px; }
.closeb { display: block; width: 32px;height: 32px; background-position: -58px -371px;cursor: pointer; }
.closeb:hover {opacity: 0.85;}
.wqlogin .closeb, .phonelogin .closeb, .vnPopPayBox .closeb { position: absolute;right: -40px;top: -40px; }

.phonelogin input {outline: none;}
.phonelogin {position: fixed;z-index: 999;width: 430px;height: 490px;border-radius: 7px;background-color: #fff;left: 50%;top: 50%;margin-left: -215px;margin-top: -245px;}
.phonelogin .logotitle {background: url(../images/wqlogo.png) center center no-repeat;width: 100%;height: 50px; }
.phonelogin .phoneno {height: 50px;width: 272px;line-height: 50px;border: 1px solid #e0dfdf;font-size: 14px;border-radius: 7px;text-indent: 16px;outline: none;margin: 25px auto 0;display: block;}
.phonelogin .capt {height: 52px;width: 274px;padding: 0px;margin: 15px auto 0;}
.phonelogin .capt .captinput {float: left;width: 128px;border: 1px solid #e0dfdf;height: 50px;line-height: 50px;font-size: 14px;border-radius: 7px;text-indent: 16px;padding: 0px;*margin-left: -77px;}
.phonelogin .capt .getcaptbtn {float: left;border: 1px solid #e0dfdf;width: 128px;height: 50px;text-align: center;cursor: pointer;line-height: 50px;color: #000;float: left;border-radius: 7px;margin-left: 12px;}
.phonelogin .capt .getcaptbtn:hover {color: #0982f8;border-color: #0982f8;}
.phonelogin .capt .getcaptbtn.noclick {border-color: #e0dfdf;color: #000;}
.phonelogin .capt .getcaptbtn.noclick:hover {border-color: #e0dfdf;color: #000;}
.phonelogin .msg {height: 25px;line-height: 25px;color: #f00;width: 100%;text-align: center;line-height: 25px;font-size: 14px;}
.phonelogin .sub {height: 50px;width: 272px;cursor: pointer;display: block;text-align: center;line-height: 50px;border: 1px solid #0982f8;font-size: 18px;border-radius: 7px;outline: none;background-color: #0982f8;color: #fff;letter-spacing: 5px;margin: 0 auto;}
.phonelogin .middleline {height: 1px;border-bottom: 1px solid #cccccc;width: 272px;margin: 26px auto 0;position: relative;}
.phonelogin .middleline span {width: 118px;height: 30px;top: -15px;background-color: #fff;position: absolute;left: 77px;line-height: 30px;text-align: center;}
.phonelogin .other {padding-top: 20px;}
.phonelogin .power {margin-top: 0;}

.vnPayPageContent {margin-top: 20px;}
.vnPayHeader {height: 79px; background-image: url('../images/vnpayheader.jpg'); color: #fff; position: relative;}
.vnPayHeader .vnPayUserFace { position: absolute; left: 20px;top: 50%;margin-top: -26px;height: 52px;line-height: 52px;font-size: 16px;}
.vnPayUserFace .img { display: block;width: 52px; height: 52px; border-radius: 50%;float: left;margin-right: 18px; }
.vnPayBody {border: 1px solid #eeeeee;}
.vnPayLeft { width: 349px; padding-top: 95px;float: left;}
.vnPayVipIcon {width: 73px;height: 70px; background-image: url('../images/vnpayvipicon.png');margin: 0 auto 18px;}
.vnpayTitle {text-align: center;font-size: 30px; color: #242424;font-weight: bold;line-height: 1;margin-bottom: 80px;}
.vnPayVipIntro { padding-left: 64px;font-size: 18px;line-height: 60px; }
.vnPayVipIntro dt {color: #858585;}
.vnPayVipIntro dd { padding-left: 26px; position: relative; }
.vnPayVipIntro dd i { display: block; width: 6px;height: 6px; background-color: #dadada;border-radius: 50%; position: absolute;left: 0;top: 50%;margin-top: -3px; }
.vnPayRight {border-left: 1px solid #eeeeee;width: 848px;float: right; padding-bottom: 24px;}
.vnPyTop {margin-left: 25px;margin-right: 25px; padding: 40px 46px;border-bottom: 1px solid #eeeeee;}
.vnPayRight .vnPyTop > .tt {font-size: 18px; color: #303030;font-weight: normal;line-height: 1.5;margin-bottom: 28px;}
.vnPayRight .pay-box { width: 318px;height: 234px; border: 3px solid #e5e5e5; border-top: 39px solid #e5e5e5;position: relative; border-radius: 5px;text-align: center; margin-right: 15px;}
.vnPayRight .pay-box .tj_icon { position: absolute;left: 0;top: -39px;font-size: 16px;line-height: 38px; padding: 0 15px;height: 38px;overflow: hidden; }
.vnPayRight .pay-box .info1 {font-size: 20px; color: #303030;line-height: 1.5;font-weight: bold; padding-top: 27px;margin-bottom: 8px;}
.vnPayRight .pay-box .info2 { color: #000000;font-size: 22px;line-height: 42px; }
.vnPayRight .pay-box .info2 span {font-size: 36px;font-weight: bold;}
.vnPayRight .pay-box .info4 {font-size: 14px; color: #9c9c9c;text-decoration: line-through;line-height: 20px;margin-top: 8px;}
.vnPayRight .pay-box .info3 { font-size: 14px; color: #666666;line-height: 22px;margin-top: 9px; }
.vnPayRight .pay-box .info3 i {font-style: normal; color: #ff7f21;}
.vnPayRight .pay-box .info3 span { color: #2776fc; }
.vnPayRight .pay-box .gou { display: none; width: 0;height: 0;border-bottom: 66px solid #2776fc; border-left: 66px solid transparent; position: absolute;right: 0;bottom: 0;}
.vnPayRight .pay-box .gou .vnIocn { display: block;width: 29px;height: 20px; position: absolute;right: 4px; bottom: -53px; background-position: 0 -302px; }
.vnPayRight .pay-box.current .gou { display: block; }
.vnPayRight .pay-box.current {border-color: #2776fc;}
.vnPayRight .pay-box.current .tj_icon { color: #fff; }
.vnPayRight .pay-box.current .info2 { color: #2776fc; }
.vnPayRight .currmoeny { text-align: center;font-size: 18px; color: #303030;line-height: 46px;height: 46px;overflow: hidden; margin-top: 32px;margin-bottom: 24px;}
.vnPayRight .currmoeny i {font-style: normal;font-size: 18px;}
.vnPayRight .currmoeny em {font-size: 36px; color: #2776fc;font-weight: bold;}
.vnPayRight .paycplist { padding: 0 160px; margin-bottom: 36px;}
.vnPayRight .paycplist li.jwx { float: left; }
.vnPayRight .paycplist li.jzfb { float: right; }
.vnPayRight .paycplist li .q2code {width: 162px;height: 162px; padding: 5px; border: 2px solid #ebebeb;border-radius: 4px;}
.vnPayRight .paycplist li img { display: block; width: 100%;height: 100%; }
.vnPayRight .paycplist li span {text-align: center;font-size: 18px;text-align: center;display: block;height: 30px;line-height: 30px;margin-top: 8px;}
.vnPayRight .paycplist li span .vnIocn { display: inline-block; width: 30px;height: 30px;vertical-align: top; margin-right: 10px;}
.vnPayRight .paycplist li.jwx span .vnIocn { background-position: -61px -299px; }
.vnPayRight .paycplist li.jzfb span .vnIocn { background-position: -60px -338px; }
.vnPayXy { text-align: center;font-size: 14px; color: #666666; }
.vnPayXy a { text-decoration: underline; }
.vnPayXy span { padding-left: 24px; position: relative; }
.vnPayXy span b { display: block; width: 16px;height: 16px; border: 1px solid #e5e5e5; position: absolute;left: 0;top: 50%;margin-top: -9px; }
.vnPayXy span b input { display: block; width: 100%;height: 100%; position: absolute;left: 0;top: 0;z-index: 2; opacity: 0; cursor: pointer;}
.vnPayXy span b .vnIocn { display: block; width: 100%;height: 100%; background: none; cursor: pointer;}
.vnPayXy span b input:checked + .vnIocn {background-image: url('../images/vniocn.png'); background-position: -35px -298px; }

.vnPopPayBox { width: 850px;height: 580px; background-color: #ffff;border-radius: 5px; position: absolute;left: 50%;top: 50%;margin-left: -425px;margin-top: -290px;z-index: 1000; }
.vnPopPayBox .leftpic { width: 240px;height: 580px; background-image: url('../images/payleftpic.png'); float: left;}
.vnPopPayBox .vnPayRight { width: 608px;border-left: none; }
.vnPopPayBox .vnPayRight .vnPyTop { padding: 23px 36px 20px; margin: 0;}
.vnPopPayBox .vnPayRight .vnPyTop > .tt {font-size: 16px;margin-bottom: 24px;}
.vnPopPayBox .vnPayRight .pay-box { width: 244px;height: 158px; border-top-width: 33px; }
.vnPopPayBox .vnPayRight .pay-box .tj_icon {top: -33px;line-height: 33px;height: 33px;}
.vnPopPayBox .vnPayRight .pay-box .info1 {font-size: 18px;padding-top: 18px;margin-bottom: 3px;}
.vnPopPayBox .vnPayRight .pay-box .info2 {font-size: 18px;height: 40px;line-height: 40px;}
.vnPopPayBox .vnPayRight .pay-box .info2 span {font-size: 30px;}
.vnPopPayBox .vnPayRight .pay-box .info4 {font-size: 12px;margin-top: 3px;}
.vnPopPayBox .vnPayRight .pay-box .info3 {font-size: 12px;margin-top: 5px;}
.vnPopPayBox .vnPayRight .paycplist { padding: 0 100px; margin-bottom: 24px;}
.vnPopPayBox .vnPayRight .paycplist li .q2code { width: 130px;height: 130px; }
.vnPopPayBox .vnPayRight .currmoeny {font-size: 16px;margin-top: 0;margin-bottom: 14px;}
.vnPopPayBox .vnPayRight .currmoeny em {font-size: 30px;}
.vnPopPayBox .vnPayRight .paycplist li span {font-size: 14px;height: 22px;line-height: 22px;}
.vnPopPayBox .vnPayRight .paycplist li span .vnIocn { width: 22px;height: 22px; background-position: 0 -499px; }
.vnPopPayBox .vnPayRight .paycplist li.jwx span .vnIocn { background-position: 0 -499px;}
.vnPopPayBox .vnPayRight .paycplist li.jzfb span .vnIocn { background-position: -26px -499px; }
.vnPopPayBox .vnPayXy span b input:checked + .vnIocn { background-position: -35px -311px; }
.vnPopPayBox .vnPayRight .pay-box .gou {border-bottom: 53px solid #2776fc;border-left: 53px solid transparent;}
.vnPopPayBox .vnPayRight .pay-box .gou .vnIocn {bottom: -47px;right: 1px;}

.vnPaySuccess { width: 424px;height: 310px;z-index: 1000;background-color: #fff;border-radius: 4px; position: absolute;left: 50%;top: 50%;margin-left: -212px;margin-top: -155px;text-align: center; }
.vnPaySuccess .ok {padding-top: 40px;margin-bottom: 26px;}
.vnPaySuccess .ok .vnIocn { display: block;width: 84px;height: 84px;margin: 0 auto;background-position: 0 -410px; }
.vnPaySuccess .tt {text-align: center;line-height: 1.2;font-size: 20px; color: #000000;}
.vnPaySuccess .moneys {font-size: 24px; color: #ff3838;line-height: 50px;margin-top: 16px;}
.vnPaySuccess .moneys b {font-size: 40px;font-weight: normal;}
.vnPaySuccess .tips {font-size: 14px; color: #666666;line-height: 20px;margin-top: 14px;}

.iconBtn {height: 42px;}


.user .kthy {float: left;color: #dc9c5a;
    cursor: pointer;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;margin-top: 16px;margin-right: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    text-align: left;
}
.user .kthy .vip-icon {
    background-image: url(../images/vip-icon.gif);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 24px;
    margin: auto auto 2px;
    width: 24px;
}


.user .logined {float: left;height: 70px;position: relative;}

.user .logined:hover .userhov {display: block;}
.user .headimg {float: left;margin-top: 18px;background-color: #e8f3ff;border-radius: 50%;height: 44px;width: 44px;position: relative;}
.user .headimg img {width: 100%;height: 100%}
.user .headimg .img {overflow: hidden;border: 1px solid #f1f1f1;border-radius: 50%;}
.user .headimg .qqico {background: url(../images/qqico.png);width: 16px;height: 16px;position: absolute;right: 0px;bottom: 0px}
.user .headimg .wxico {background: url(../images/wxico.png);width: 18px;height: 18px;position: absolute;right: -4px;bottom: -4px}
.user .headimg .phoneico {background: url(../images/phoneico.png);width: 16px;height: 16px;position: absolute;right: 0px;bottom: 0px}
.user .logined .userhov {display: none;position: absolute;right: 0px;top: 64px;width: 300px;overflow: hidden;border-radius: 5px;-webkit-box-shadow: 0 0 2px rgb(0 0 0 / 8%), 0 4px 16px rgb(0 0 0 / 8%), 0 8px 32px rgb(0 0 0 / 4%); box-shadow: 0 0 2px rgb(0 0 0 / 8%), 0 4px 16px rgb(0 0 0 / 8%), 0 8px 32px rgb(0 0 0 / 4%);background-color: #ffffff}
.user .logined .userhov .box {float: left;padding: 16px;width: 303px;}
.user .logined .userhov .box .userinfo {float: left;width: 100%;}
.user .logined .userhov .box .userinfo img {width: 48px;height: 48px;float: left;border-radius: 50%;overflow: hidden;}
.user .logined .userhov .box .userinfo span {float: left;width: 160px;margin-left: 10px;overflow: hidden;}
.user .logined .userhov .box .userinfo span em {float: left;padding-right: 25px;}
.user .logined .userhov .box .userinfo span em.vip1 {background: url(../images/vip1.png) right center no-repeat;}
.user .logined .userhov .box .userinfo span em.vip2 {background: url(../images/vip2.png) right center no-repeat;}
.user .logined .userhov .box .userinfo span p {float: left;width: 100%;}
.user .logined .userhov .box .userinfo a {float: right;background: url(../images/ico-logout.png) left center no-repeat;padding-left: 14px;color: #333;}
.user .logined .userhov .box .userinfo a:hover {color: #333}
.user .logined .userhov .box .vipbox {float: left;width: 100%;margin-top: 10px;}
.user .logined .userhov .box .vipbox .viplay {float: left;width: 100%;background: url(../images/userinfobg.png) center center no-repeat;height: 70px;}
.user .logined .userhov .box .vipbox .viplay .vipout {float: left;margin-left: 10px;height: 42px;line-height: 42px;background: url(../images/vlay.png) left center no-repeat;text-indent: 30px;color: #000;font-size: 16px;font-weight: bold;font-style: italic;}
.user .logined .userhov .box .vipbox .viplay .vipout-em {float: right;margin-right: 10px;width: 66px;height: 30px;text-align: center;line-height: 30px;background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 100%);color: #6B4009;font-size: 12px;border-radius: 15px;margin-top: 21px;font-weight: 600;}
.user .logined .userhov .box .vipbox .viplay .vipout-em:hover {background: linear-gradient(270deg, rgba(255, 255, 255, 0.85) 0%, #FFFFFF 100%);}
.user .logined .userhov .box .vipbox .infoli {float: left;width: 300px;margin-left: -16px;margin-right: -16px;margin-top: 20px;}
.user .logined .userhov .box .vipbox .infoli a {float: left;width: 74px}
.user .logined .userhov .box .vipbox .infoli a i {float: left;width: 100%;height: 22px;}
.user .logined .userhov .box .vipbox .infoli a i.infoli1 {background: url(../images/infoli1.png) center center no-repeat}
.user .logined .userhov .box .vipbox .infoli a i.infoli2 {background: url(../images/infoli22.png) center center no-repeat}
.user .logined .userhov .box .vipbox .infoli a i.infoli3 {background: url(../images/infoli3.png) center center no-repeat}
.user .logined .userhov .box .vipbox .infoli a i.infoli4 {background: url(../images/infoli4.png) center center no-repeat }
.user .logined .userhov .box .vipbox .infoli a span {float: left;width: 100%;text-align: center;font-size: 12px;color: #333;}
.user .logined .userhov .box .vipbox .infoli a:hover span {color: #2776fc}
.user .logined .userhov .box .vipbox .infoli a:hover i.infoli1 {background: url(../images/infoli1_hov.png) center center no-repeat}
.user .logined .userhov .box .vipbox .infoli a:hover i.infoli2 {background: url(../images/infoli2_hov.png) center center no-repeat}
.user .logined .userhov .box .vipbox .infoli a:hover i.infoli3 {background: url(../images/infoli3_hov.png) center center no-repeat}
.user .logined .userhov .box .vipbox .infoli a:hover i.infoli4 {background: url(../images/infoli4_hov.png) center center no-repeat}
.footnave1 {width: 100%}
.footnave1 .mainbox {border-bottom: 1px solid #e0e0e0;}
.footnave1 .footn {height: 116px;float: left;width: 20%}
.footnave1 .footn:hover {color: #333}
.footnave1 .footn i, .footnave1 .footn span {float: left;height: 116px;line-height: 116px;font-size: 16px;}
.footnave1 .footn i {width: 40px}
.footnave1 .footn.footn1 i {background: url(../images/footn1.png) center center no-repeat}
.footnave1 .footn.footn2 i {background: url(../images/footn2.png) center center no-repeat;margin-left: 15%}
.footnave1 .footn.footn3 i {background: url(../images/footn3.png) center center no-repeat;margin-left: 35%}
.footnave1 .footn.footn4 i {background: url(../images/footn4.png) center center no-repeat;margin-left: 50%}
.footnave1 .footn.footn5 i {background: url(../images/footn5.png) center center no-repeat;float: right;}
.footnave1 .footn.footn5 span {float: right;}
.mainbox {max-width: 1526px;margin: 0px auto;min-width: 1200px;}
.foot {width: 100%;padding-top: 40px;}
.foot .aboutlay {height: 45px;width: 100%}
.foot .aboutlay .logo {float: left;background: url(../images/logo.png);width: 195px;height: 62px;}
.foot .aboutlay .rightabout {float: right}
.foot .aboutlay .rightabout span {float: left;width: 100%;height: 20px;line-height: 20px;overflow: hidden;}
.foot .aboutlay .rightabout span a {float: right;padding-left: 50px;padding-right: 25px;margin-right: -25px;border-right: 1px solid #666;text-align: center;}
.foot .aboutlay .rightabout p {float: left;color: #999;text-align: right;width: 100%;}
.foot .friendlinktit {float: left;width: 100%;margin-top: 52px;}
.foot .friendlinktit span, .foot .friendlinktit a {float: left;height: 30px;line-height: 30px;margin-right: 20px;color: #999; cursor: pointer;}
.foot .friendlink {float: left;width: 100%;border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;position: relative;border-top: 1px solid #e0e0e0;}
.foot .friendlink a {cursor: pointer; float: left;height: 24px;line-height: 24px;margin-right: 20px;color: #999;font-size: 12px;}
.foot .friendlinktit .on { font-weight: bold; color: #292929;}
.foot .footerTopic {float: left;width: 100%;border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;position: relative;border-top: 1px solid #e0e0e0; display: none;}
.foot .footerTopic a {float: left;height: 24px;line-height: 24px;margin-right: 20px;color: #999;font-size: 12px;}

.foot .copyright {float: left;width: 100%;height: 70px;line-height: 70px;font-size: 12px;text-align: center;}
.vnPayPageContent {margin-bottom: 130px;}
.pCBody { width: 100%; background-color: #f5f5f5; padding: 30px 0;}


.c_left {
    width: 20%;
    height: 657px;
    margin-right: 23px;
    float: left;
    background: #ffffff;
    padding: 50px 0;
}
.c-right {
    width: 77.5%;
    float: left;
    background: #ffffff;
    font-size: 14px;
    min-height: 757px;
    margin-bottom: 20px;
}
.c_left ul li a {
    display: block;
    height: 75px;
    line-height: 75px;
    font-size: 15px;
    text-align: left;
}

.c_left ul li a:hover {
    color: #0d81f6;
}

.c_left ul li .chose {
    color: #0d81f6;
}

.c_left ul li a .i11 {
    background: url(../images/user.png) 32px -419px no-repeat !important;
}

.c_left ul li a .i22 {
    background: url(../images/user.png) 32px -355px no-repeat !important;
}

.c_left ul li a .i33 {
    background: url(../images/user.png) 32px -191px no-repeat !important;
}

.c_left ul li a .i1 {
    display: inline-block;
    width: 115px;
    height: 30px;
    background: url(../images/user.png) 32px -10px no-repeat;
    vertical-align: -10px;
}

.c_left ul li a:hover .i11, .i1 {
    background: url(../images/user.png) 32px -419px no-repeat;
}

.c_left ul li a .i2 {
    display: inline-block;
    width: 115px;
    height: 30px;
    background: url(../images/user.png) 32px -100px no-repeat;
    vertical-align: -10px;
}

.c_left ul li a:hover .i2.i22 {
    background: url(../images/user.png) 32px -355px no-repeat;
}

.c_left ul li a .i3 {
    display: inline-block;
    width: 115px;
    height: 30px;
    background: url(../images/user.png) 32px -145px no-repeat;
    vertical-align: -10px;
}

.c_left ul li a:hover .i3.i33 {
    background: url(../images/user.png) 32px -191px no-repeat;
}
.c-right .indexli2 li { width: 25%; }
.c-right-box { padding: 20px; }

.usercenter {

    padding: 50px 65px;
    font-size: 14px;

}

.usercenter .p-s {

    height: 130px;
    background: #f5f5f5;
    overflow: hidden;
}

.usercenter .p-s .img {
    margin: 30px;
    width: 63px;
    height: 63px;
    border-radius: 36px;
    overflow: hidden;
    border: 2px solid #ffffff;
    float: left;
}

.usercenter .p-s .info-user {
    height: 130px;
    width: 343px;
    float: left;
    font-size: 14px;
    color: #424242;
    text-align: left;
}

.usercenter .p-s .info-user .username {
    height: 56px;
    line-height: 56px;
    color: #424242;
    font-size: 16px;
}

.usercenter .p-s .info-user .usernid {
    font-size: 16px;
}

.usercenter .p-s .czjb {
    height: 130px;
    line-height: 130px;
    font-size: 20px;
}

.usercenter .p-s .czjb span {
    color: #0d81f6;
}

.usercenter .p-s .czjb a {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 100px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: 2px;
    border-radius: 2px;
    margin-left: 10px;
}

.usercenter .p-x {
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #ececec;
}

.usercenter .h-color {
    font-size: 13px;
    color: #757575;
}

.usercenter .p-x .p1 {
    height: 65px;
    width: 50px;
    width: 50%;
    float: left;
    text-align: left;text-indent: 20px;
}
.usercenter .p-x table { width: 100%; }
.usercenter .p-x .p2 {
    height: 65px;
    width: 25%;
    float: left;
}

.usercenter .p-x .p3 {
    height: 65px;
    width: 25%;
    float: left;
}

.no-info {
    width: 90px;
    height: 90px;
    margin: 80px auto 30px;
    background: url('../images/user.png') 0 -545px no-repeat;
}

.zwjl {
    width: 130px;
    height: 100px;
    line-height: 30px;
    color: #b0b0b0;
    font-size: 30px;
    margin: 0 auto;
}
.vtopHeader {width: 100%;height: 81px;}

.vnFiexdHeader {width: 100%;min-width: 1300px;height: 81px;}
.vnFiexdHeader .Headersearchlay {display: none;float: left;margin-left: 50px}
.vnFiexdHeader.active {top: 0px;left: 0px;position: fixed;z-index: 11;background-color: #fff;border-bottom: 1px solid #f2f2f2;box-shadow: 0px 4px 13px #ccc;}
.vnFiexdHeader.active .navlist {display: none;}
.vnFiexdHeader.active .Headersearchlay {display: block;}
.vnFiexdHeader .Headersearchlay .vnSearch form {height: 52px;}
.vnFiexdHeader .vnSearch .searchinput {height: 48px;line-height: 48px;}
.vnFiexdHeader .vnSearch form {}
.vnFiexdHeader .vnSearch .type input {height: 48px;position: static;width: 10px;box-sizing: initial;padding-right: 30px;width: 130px;text-align: center;}

.vnFiexdHeader .searchhelp {top: 50px;width: 490px;left: 109px;}
.vtopHeader.detail .vnFiexdHeader .searchhelp {width: 480px}
.vnFiexdHeader .vnSearch .type::after {content: "|";position: absolute;right: 5px;top: 0px;line-height: 48px;color: #999}
.vtopHeader.detail .kuai {margin-right: 38px;}
.w1380 .kuai {margin-right: 30px !important;}
.vtopHeader.detail .vnFiexdHeader {background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0px 4px 13px #ccc;}
.vtopHeader.detail .vnFiexdHeader .title {display: none;float: left;width: 784px; font-size: 26px;margin-left: 73px;}


.vtopHeader.detail .vnFiexdHeader .title h1 {line-height: 80px; color: #000;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.vtopHeader.detail .vnFiexdHeader .title i {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 8px;
}
.vtopHeader.detail .vnFiexdHeader .title .r { background-position: -60px -57px; }
.vtopHeader.detail .vnFiexdHeader .title .s { background-position: -61px -85px; }

.vtopHeader.detail .vnFiexdHeader.active .title {display: block;}
.vtopHeader.detail .vnFiexdHeader .Headersearchlay {display: block !important;margin-left: 50px;}
.vtopHeader.detail .vnFiexdHeader.active .Headersearchlay {display: none !important;}
.vtopHeader.detail .vnFiexdHeader .downloadbtn {display: none;background-color: #2776fc;border-radius: 5px;color: #fff;font-size: 18px;width: 340px; height: 55px;float: right;text-align: center;line-height: 55px;margin-top: 10px;cursor: pointer;margin-right: 40px;}
.vtopHeader.detail .vnFiexdHeader .downloadbtn:hover {background-color: #1890ff !important}
.vtopHeader.detail .vnFiexdHeader.active .downloadbtn {display: block;}
.vtopHeader.detail .vnFiexdHeader.active .downloadbtn i {display: inline-block;background: url(../images/down-icon.png) left center no-repeat;padding-left: 30px;font-size: 16px;height: 55px;line-height: 55px;}
.vtopHeader.detail .vnFiexdHeader.active #user_login_area {display: none;}

.vtopHeader.detail .vnFiexdHeader .headfav {display: none;float: right;height: 55px;width: 55px;border: 2px solid #999;margin-top: 10px;margin-right: 5px;text-align: center;cursor: pointer;border-radius: 5px; }
.vtopHeader.detail .vnFiexdHeader.active .headfav {display: block;}
.vtopHeader.detail .vnFiexdHeader .headfav img {display: none;margin-top: 18px;width: 20px;height: 20px;margin: 16px auto;}
.vtopHeader.detail .vnFiexdHeader .headfav img.normal {display: block;}
.vtopHeader.detail .vnFiexdHeader .headfav:hover {border: 2px solid #1890ff;}
.vtopHeader.detail .vnFiexdHeader .headfav:hover img.normal {display: none; /*border-color: #2776fc;color:#2776fc;*/}
.vtopHeader.detail .vnFiexdHeader .headfav:hover img.hover {display: block;}
.vtopHeader.detail .vnFiexdHeader .headfav.active img.normal {display: none;}
.vtopHeader.detail .vnFiexdHeader .headfav.active img.hover {display: none;}
.vtopHeader.detail .vnFiexdHeader .headfav.active:hover img.hover {display: none;}
.vtopHeader.detail .vnFiexdHeader .headfav.active img.active {display: block;}
.vtopHeader.detail .vnFiexdHeader .headfav.active {border: 2px solid #1890ff;}


.heightlight {color: #2776fc}
#user_login_area {z-index: 9;position: relative;;}


.vip_renew {width: 524px;height: 430px;margin-left: -262px;margin-top: -215px;background-color: #fff;background-image: url(../images/login_2_header.png);background-repeat: no-repeat;background-position: center top;border-radius: 5px;box-shadow: 0 1px 3px #ddd;-webkit-box-shadow: 0 1px 3px #ddd;-moz-box-shadow: 0 1px 3px #ddd;position: fixed;left: 50%;top: 50%;z-index: 999;-webkit-animation: login-win .4s forwards;animation: login-win .4s forwards;-moz-animation: login-win .4s forwards; /* display:none; */}
.down_tips {width: 524px;height: 430px;margin-left: -262px;margin-top: -215px;background-color: #fff;background-image: url(../images/login_2_header.png);background-repeat: no-repeat;background-position: center top;border-radius: 5px;box-shadow: 0 1px 3px #ddd;-webkit-box-shadow: 0 1px 3px #ddd;-moz-box-shadow: 0 1px 3px #ddd;position: fixed;left: 50%;top: 50%;z-index: 999;-webkit-animation: login-win .4s forwards;animation: login-win .4s forwards;-moz-animation: login-win .4s forwards; /* display:none; */}
.down_tips_txt {line-height: 36px;padding-top: 165px;text-align: center;font-size: 18px;color: #666666;margin-bottom: 48px;}
.down_tips_txt strong {color: #0c81f7;font-weight: normal;}
.dwon_sj_btn {display: block;width: 136px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;background-color: #0c81f7;border-radius: 23px;color: #fff;margin: 0 auto;}
.dwon_sj_btn:hover {background-color: #56a1ec;color: #fff;}


.fs_down {
    -moz-box-shadow: 0px 5px 9px #b4deed;-webkit-box-shadow: 0px 5px 9px #b4deed;box-shadow: 0px 5px 9px #b4deed;width: 600px;height: 382px;position: fixed;left: 50%;top: 50%;margin-left: -300px;margin-top: -191px;background-color: #fff;z-index: 301;background-image: url(../images/tip_1.jpg);background-repeat: no-repeat;background-position: center bottom;}
.fs_down_tt {width: 100%;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 30px;background-color: #0d81f6;letter-spacing: 18px;position: relative;}
.fs_down_close, .fs_down_tips i, .fs_down_link i {background-image: url(../images/tip_2.png);background-repeat: no-repeat;}
.fs_down_close {display: block;width: 28px;height: 28px;position: absolute;right: 14px;top: 50%;margin-top: -14px;background-position: 2px 2px;text-indent: -9999em;cursor: pointer;}
.fs_down_tips {padding: 25px 80px 0;text-align: center;font-size: 18px;color: #333;line-height: 32px;}
.fs_down_tips i {display: block;width: 96px;height: 85px;background-position: 0 -38px;margin: 0 auto 22px;}
.fs_down_link {text-align: center;height: 20px;line-height: 20px;font-size: 16px;color: #666666;margin-top: 42px;}
.fs_down_link i {display: inline-block;width: 20px;height: 20px;vertical-align: top;background-position: -78px 0;margin-right: 6px;}

.down_yzm { width: 524px; height: 430px; margin-left: -262px; margin-top: -215px; background-color: #fff; background-image: url(../images/login_2_header.png); background-repeat: no-repeat; background-position: center top; border-radius: 5px; box-shadow: 0 1px 3px #ddd; -webkit-box-shadow: 0 1px 3px #ddd; -moz-box-shadow: 0 1px 3px #ddd; position: fixed; left: 50%; top: 50%; z-index: 999; -webkit-animation: login-win .4s forwards; animation: login-win .4s forwards; -moz-animation: login-win .4s forwards;}
.down_yzm .down_yzm_img {left: 150px;top: 130px; position: absolute; width: 300px;}
.down_yzm .down_yzm_img img { border: 1px solid #f1f1f1; width: 240px;height: 75px;}
.down_yzm .down_yzm_tip {top: 255px;position: absolute;left: 146px; width: 250px; text-align: center; font-weight: bold;}
.down_yzm .down_yzm_reflash {top: 220px;position: absolute;left: 146px; width: 250px; text-align: center;}
.down_yzm .down_yzm_input {top: 294px;position: absolute;left: 168px; border: 1px solid #ccc;}
.down_yzm .yzm_down_btn { display: block; width: 136px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; background-color: #0c81f7; border-radius: 23px; color: #fff; margin: 0 auto;}
.down_yzm .down_btn_wrap {left: 206px;bottom: 35px;position: absolute;}
.down_yzm .yzm_down_btn:hover { background-color: #56a1ec; color: #fff;}
.close {position: absolute;top: 0;right: 0;height: 30px;width: 30px;background: url(../images/alert.png) -287px -171px no-repeat;cursor: pointer;}

.bind_sms_box {width: 550px;height: 422px;position: fixed;left: 50%;margin-left: -275px;top: 50%;margin-top: -211px;border-radius: 10px;z-index: 10000;background-color: #ffffff}
.bind_sms_box .title {float: left;background-color: #0c81f7;color: #ffffff;height: 70px;line-height: 70px;text-align: center;font-size: 20px;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;font-family: "Microsoft YaHei"}
.bind_sms_box .nameinfo {float: left;width: 100%;height: 40px;margin-top: 40px;}
.bind_sms_box .nameinfo .img {float: left;height: 40px;width: 40px;margin-left: 75px;border-radius: 20px;}
.bind_sms_box .nameinfo .img img {width: 40px;height: 40px;border-radius: 20px;}
.bind_sms_box .nameinfo .name {float: left;height: 46px;line-height: 20px;font-size: 14px;margin-left: 22px;width: 335px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bind_sms_box .nameinfo .name span {color: #666;width: 100%;float: left;}
.bind_sms_box .nameinfo .tip {color: #666;float: left;height: 20px;line-height: 28px;font-size: 14px;}
.bind_sms_box .phone {float: left;margin-left: 75px;width: 400px;border-bottom: 1px solid #cbcbcb;margin-top: 20px;height: 46px;line-height: 46px;}
.bind_sms_box .phone input {float: left;height: 46px;border: 0px;padding: 0px;margin: 0px;width: 100%;text-indent: 50px;background: none;font-size: 14px;line-height: 46px;font-family: "Microsoft YaHei";outline: none;background: url(../images/6c8baac2338c47d29b3944aba553bf38.gif) 16px center no-repeat #ffffff;
}
.bind_sms_box .capt {float: left;margin-left: 75px;width: 400px;border-bottom: 1px solid #cbcbcb;margin-top: 20px;height: 46px;line-height: 46px;}
.bind_sms_box .capt input {float: left;height: 46px;border: 0px;padding: 0px;margin: 0px;width: 300px;text-indent: 50px;font-size: 14px;line-height: 46px;font-family: "Microsoft YaHei";outline: none;background: url(../images/b6bdcfcb6c364b3daa01be30fd2e0208.gif) 16px center no-repeat #ffffff;
}
.bind_sms_box .capt span {float: left;height: 46px;line-height: 46px;font-size: 12px;color: #0c81f7;cursor: pointer}
.bind_sms_box .sub {float: left;width: 180px;height: 44px;margin: 0px;margin-top: 32px;margin-left: 185px;border-radius: 22px;line-height: 44px;font-size: 16px;text-align: center;background-color: #cdcdcd;color: #ffffff;border: 0px;}
.bind_sms_box .error {float: left;margin-left: 124px;height: 20px;width: 400px;margin-top: 14px;}
.bind_sms_box .error #errmsg {color: #ff0000;line-height: 20px;display: none;font-size: 14px;}
.bind_sms_box .lightclose {height: 30px;width: 30px;background: url(../images/alert.png) -285px -279px no-repeat;cursor: pointer;display: block;float: right;margin-top: -62px;margin-right: 12px;}


/**/
.searchbtn, .searchbtn input {cursor: pointer;}
.tabs .ov .tablist.active { display: block; }

@-webkit-keyframes preloader_6 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes preloader_6_span {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(0.5); }
    100% { -webkit-transform: scale(1); }
}


@-moz-keyframes preloader_6 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@-moz-keyframes preloader_6_span {
    0% { -moz-transform: scale(1); }
    50% { -moz-transform: scale(0.5); }
    100% { -moz-transform: scale(1); }
}

@-ms-keyframes preloader_6 {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}
@-ms-keyframes preloader_6_span {
    0% { -ms-transform: scale(1); }
    50% { -ms-transform: scale(0.5); }
    100% { -ms-transform: scale(1); }
}

@-ms-keyframes preloader_6 {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}
@keyframes preloader_6_span {
    0% { transform: scale(1); }
    50% { transform: scale(0.5); }
    100% { transform: scale(1); }
}
.vnfiexFooterDiv { width: 100%;height: 136px; clear: both; }
.vnNavList li .n6 { background-position: -32px -175px; }
.vnNavList li .n7 { background-position: -32px -205px; }
.vnNavList li .n8 { background-position: -32px -237px; }
.indexli2.vnpptListBox li .imglay { padding-top: 56.5%; }
.indexli2.pn-list li .imglay { padding-top: 0; }
.indexli2.pn-list li .imglay img { position: inherit; }
.libox {width: 100%;overflow: hidden;}
.list { width: 100%; }
.list .ones {
    min-height: 600px;
    overflow: hidden;
    margin-right: -20px;
}

.list .one {
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    display: none;
}

.list .one .img {
    position: relative
}

.list .one .img img {
    width: 100%;
    cursor: pointer;
    transition: all 0.4s;
}

.list .one .img img:hover {
    /* transform: scale(1.03); */
}

.list .one .title {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    position: absolute;
    bottom: -52px;
    color: #fff;
    transition: all .2s
}

.list .one:hover .title {
    bottom: 0
}

.list .one .btitle {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 59px; /* max-width:180px;*/
    overflow: hidden;
    float: left;
    color: #fff; /* padding-left:31px;*/
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 25px;
    box-sizing: border-box;
}

.list .one .down {
    background: #fff !important;
    position: absolute;
    top: 10px;
    right: 100px;
    height: 35px;
    line-height: 35px;
    width: 35px;
    z-index: 2;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;display: none;
    /* -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s */
}

.list .one:hover .down {
    /* -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); */
    display: block;
    opacity: 1
}

.list .one .down1 {
    background: #6589e4 !important;
    /* -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; */
    position: absolute;
    top: 10px;
    right: 10px;
    height: 35px;
    line-height: 35px;
    width: 78px;
    z-index: 2;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    display: none;
}

.list .one:hover .down1 {
    /* -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); */
    display: block;
    opacity: 1
}

.list .one .down i {
    display: inline-block;
    vertical-align: -2px;
    width: 20px;
    height: 17px;
    background-image: url(../images/pt.png);
    background-position: -20px 0px
}

.list .one .down.active i {
    background-position: -40px 0px
}

.list .one .down1 i {
    display: inline-block;
    vertical-align: -2px;
    width: 20px;
    height: 17px;
    background-image: url(../images/pt.png);
}

.list .one .title {
    opacity: .5 \9 \0;
    background: #000;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .5)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#000000,endColorstr=#ffffff)";
}
.vnClassly dd a.is_color { width: 10px; margin-left: 10px;}
.vnClassly dd.active a.is_color { position: relative; }
.vnClassly dd.active a.is_color:after, .vnClassly dd.active a.is_color:before {content: '';display: block; width: 2px;height: 8px; position: absolute;background-color: #fff;-webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;}
.vnClassly dd.active a.is_color:after { -webkit-transform: translateY(15px) rotate(45deg);
    -ms-transform: translateY(15px) rotate(45deg);
    -o-transform: translateY(15px) rotate(45deg);
    transform: translateY(15px) rotate(45deg); top: 10px; top: -10px;
    left: 19px;
    height: 18px;}
.vnClassly dd.active a.is_color:before { -webkit-transform: translateY(-15px) rotate(-45deg);
    -ms-transform: translateY(-15px) rotate(-45deg);
    -o-transform: translateY(-15px) rotate(-45deg);
    transform: translateY(-15px) rotate(-45deg); top: 27px;left: 10px;}
.vnClassly dd.active a.wi:after, .vnClassly dd.active a.wi:before {background-color: #ccc;}

.icon-music {background: url(../images/music.png) center center no-repeat;width: 14px;height: 14px;}
.audioList .box {position: relative;}
.audioList .box .audiolay {height: 407px;display: block;background: url(../images/musicrecordsmall2_bg.png) center top no-repeat}
.audioList .linkbox { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0}
.audioList .rotateBox { position: absolute; z-index: 3;width: 170px; height: 170px; left: 60px;top: 90px;}
.audioList .musicRecord { width: 170px; height: 170px; background: url(../images/musicrecordsmall2.png) 0 0; background-size: cover;display: block;;}
.audioList .musicRecord .icon-audio {width: 70px;height: 70px;background-color: #2776fc;border-radius: 50%;float: left;margin: 50px}
.audioList .musicRecord .icon-audio svg {width: 50%;height: 50%;margin: 25%;float: left;}
.audioList .musicBtn { width: 40px; height: 40px; text-align: center; line-height: 50px;position: absolute; top: 360px; left: 10px;cursor: pointer;}
.audioList .musicBtn svg {width: 100%;height: 100%;display: none;}
.audioList .musicBtn svg.active {display: block;}


.audioList .rightCon { padding-top: 18px; margin-bottom: 24px; height: 75px; padding-left: 115px; float: none;}
.audioList .belongTo { color: #999; width: 165px; margin: 0 auto;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; margin-top: 8px; font-size: 12px}
.audioList .pathway { width: 125px; height: 19px; /* background: url(../images/pathwaysmall.png);*/ margin: 10px 0; position: relative; z-index: 3; display: none;}
.audioList .shengbo-box { width: 210px; border-radius: 3px; height: 10px; margin: 300px 0 20px 60px; position: relative;}
.audioList .time-bar { height: 10px; width: 210px; background-color: #DFE2E4; position: relative; margin-top: 3px; cursor: pointer;}
.audioList .star-time { position: absolute; top: -25px; left: 0; color: #999; font-size: 12px;}
.audioList .end-time { position: absolute; top: -25px; right: 0; color: #999; font-size: 12px;}
.audioList .time-bar .currentTime { position: absolute;top: -27px; left: -10px;font-size: 12px; color: #0d81f6;display: none;}
.audioList .time-bar:hover .currentTime { display: none !important;}

.audioList .timeTip { width: 8px; height: 8px; background-color: #0d81f6; border-radius: 8px; position: absolute; top: -3px; left: -4 pxs; max-width: 210px; }

.audioList .time-bar .move-color.running {
    -webkit-animation-play-state: running;
    animation-play-state: running
}
.audioList .time-bar:hover .timeTip { display: block;}
.audioList .time-bar img { position: relative; z-index: 3}
.audioList .time-bar-m {width: 100%;height: 10px;position: relative;;}
.audioList .time-bar-m:after {
    content: "";
    z-index: 3;
    position: absolute;
    width: 100%;
    background: url(../images/jindufloat.png) left center no-repeat;background-size: 100% 100%;
    left: 0px;
    height: 10px;
}
.audioList .move-color { position: absolute; left: 0; top: 0;height: 10px;background-color: #0d81f6; z-index: 2; max-width: 210px;}
.audioList .list-btn {position: absolute; width: 268px; right: 14px; top: 10px; left: 10px;padding: 0; height: 25px; background-color: transparent; background-image: none; display: none; /* opacity: 0;*/transition: all 0.2s}
.audioList:hover .list-btn {display: block;}

.audioList .list-btn .download { width: 100px; height: 30px; line-height: 30px;text-align: center;border-radius: 2px;margin: 0 auto 10px; margin-right: 0px; cursor: pointer; font-size: 14px;color: #fff;padding-left: 28px}
.audioList .list-btn .collect-btn {width: 65px; padding-left: 25px;height: 28px;line-height: 28px;color: #999; border-radius: 2px; margin-left: 0px;cursor: pointer;border: 1px solid #999}
/*.audioList .list-btn .collect-btn .normal{display:block;}
.audioList .list-btn .collect-btn .hover{display:none;}
.audioList .list-btn .collect-btn .active{display:none;}
.audioList .list-btn .collect-btn:hover .normal{display:none;}
.audioList .list-btn .collect-btn:hover .hover{display:block;}
.audioList .list-btn .collect-btn:hover {border-color: #2776fc; color: #2776fc;}
.audioList .list-btn .collect-btn.active .normal{display:none;}
.audioList .list-btn .collect-btn.active .hover{display:none;}
.audioList .list-btn .collect-btn.active .active{display:block;}
.audioList .list-btn .collect-btn.active:hover .hover{display:none;}

.audioList .list-btn .collect-btn.active  {display: block;border-color: #2776fc; color: #2776fc;}*/
.audioList .list-btn .hovlay {display: block;background: none;position: absolute;right: 0px;top: 10px;}
.audioList .list-btn .hovlay .unfav, .audioList .list-btn .hovlay .faved {top: 0px;position: static;float: right;}


.audioList .list-btn .download a { width: 75px; height: 26px; line-height: 26px;text-align: center;font-size: 14px; color: #fff; display: inline-block;}
.audioList .list-btn .download a:hover {opacity: 0.9}
.audioList:hover .list-btn {opacity: 1;display: block}
.audioList .list-btn .sure-coll {left: -6px;top: -70px; display: block; width: 148px; height: 60px;}
.audioList .list-btn .sure-coll span { width: 60px; height: 20px; line-height: 20px;}
.audioList .list-btn .coll-success {left: 0px; top: 28px; width: 114px; height: 36px; line-height: 36px;}
.audioList:hover .pathway { display: none;}
.changeAnimae {
    -webkit-animation: spinAround 6s linear infinite;
    -moz-animation: spinAround 6s linear infinite;
    animation: spinAround 6s linear infinite;
}
@-webkit-keyframes spinAround {
    from {-webkit-transform: rotate(0deg)}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinAround {
    from {-moz-transform: rotate(0deg)}
    to {-moz-transform: rotate(360deg);}
}
@keyframes spinAround {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg);}
}
.audioList .btn {
    background: #2776fc;
    background-image: linear-gradient(to right, #65adff, #2776fc);
}
.audioList .btn:hover {background-image: linear-gradient(to right, #2776fc, #65adff);}
.audioList .btn::before {background: url(../images/down-icon.png);height: 18px;width: 18px;content: "";position: absolute;top: 4px;left: 10px;}


.vnMian.audioHBox .ov {width: 1560px;}


@media screen and (max-width: 1700px) {
    .vnMian.audioHBox .ov {width: 1560px;}
}

@media screen and (max-width: 1680px) {

    .indexli2 .li.audioHandler { width: 25%; }
    .vnMian.audioHBox .ov {width: 1330px;}
}
@media screen and (max-width: 1500px) {

    .indexli2 li {width: 25%;}
    .indexli2 li:nth-child(9) {display: none;}
    .indexli2 li:nth-child(10) {display: none;}
    .w288 .indexli2 li { width: 100%; }
    .vnMian.audioHBox .ov {width: 1200px;}
    .list { width: 1200px;}
    .vnMian {width: 1200px;}
}
.zt-list .indexli2 li {width: 25%}


.graybg30 {background: url(../images/df5928c403e34135924dd0c9659b2aa2.gif)}
.graybg {background: #F3F4F7}

/*2022-8-31*/
.pay-boxs { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;justify-content: center;}
/*vnPopPayBox .vnPayRight .pay-box{-moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1;}*/
.vnPopPayBox .vnPayRight .pay-box { margin-right: 30px; }
.vnPopPayBox .vnPayRight .pay-box:last-child { margin-right: 0; }
.bannerbg-ul li .imglay {padding-top: 0;}
.bannerbg-ul li img {height: 95px; position: inherit;}
.bannerbg-ul .li .imglay .hovlay .downbtn { display: none; }
.bannerbg-content {min-height: 500px;align-items: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: nowrap;}
.bannerbg-content img {}

/* audio */


.AudioBox {width: 100%;height: 525px;background-color: #fff;position: relative;margin-top: 150px;}
.AudioBox .exclusive { display: inline-block; position: absolute; top: 0; left: 20px; font-size: 12px; background-color: #0d81f6; color: #fff; text-align: center;border-radius: 0px 0px 6px 6px; width: 30px; height: 34px; padding: 7px 9px 7px 11px;line-height: 17px; letter-spacing: 3px;}
.AudioRecord { width: 308px; height: 308px;margin: 107px auto; position: relative;}
.AudioRecord .icon-audio { width: 80px;
    height: 80px;
    margin: 113px;
    margin-top: 115px;
    float: left;}
.AudioRecord .icon-audio svg {width: 50%;height: 50%;float: left;margin: 25%;}
.AudioBox .musicBtn { width: 38px; height: 38px; position: absolute; top: 121%; left: -72%;text-align: center; line-height: 38px; cursor: pointer;}
.AudioBox .musicBtn svg {width: 38px;height: 38px;display: none;line-height: 38px;text-align: center;}
.AudioBox .musicBtn svg.icon-play {display: block;}
.AudioBox .changeAnimae {
    -webkit-animation: spinAround 5s linear infinite;
    -moz-animation: spinAround 5s linear infinite;
    animation: spinAround 5s linear infinite;
}
@-webkit-keyframes spinAround {
    from {-webkit-transform: rotate(0deg)}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinAround {
    from {-moz-transform: rotate(0deg)}
    to {-moz-transform: rotate(360deg);}
}
@keyframes spinAround {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg);}
}
.AudioBox .circleRecord { width: 308px; height: 308px;border-radius: 308px;background: url(../images/musicrecord.png); box-shadow: 0 2px 4px rgba(153, 153, 153, 0.4)}

.AudioBox .dot { width: 32px; height: 32px; background: url(../images/dot.png); position: absolute; top: -60px; right: -55px;}
.AudioBox .pole { width: 43px; height: 254px; background: url(../images/pole.png); position: absolute; top: -45px; right: -47px;}
.AudioBox .poleDo {transition: transform 0.3s ease-in 0s;-moz-transition: transform 0.3s ease-in 0s;-o-transition: transform 0.3s ease-in 0s;-ms-transition: transform 0.3s ease-in 0s;
    -webkit-transition: transform 0.3s ease-in 0s;
    transform-origin: 23px top;
    -ms-transform-origin: 23px top;
    -o-transform-origin: 23px top;
    -moz-transform-origin: 23px top;
    -webkit-transform-origin: 23px top;
    transform: rotate(15deg);
}
.AudioBox .poleNo {transition: transform 0.3s ease-in 0s;-moz-transition: transform 0.3s ease-in 0s;-o-transition: transform 0.3s ease-in 0s;-ms-transition: transform 0.3s ease-in 0s;
    -webkit-transition: transform 0.3s ease-in 0s;
    transform-origin: 23px top;
    -ms-transform-origin: 23px top;
    -o-transform-origin: 23px top;
    -moz-transform-origin: 23px top;
    -webkit-transform-origin: 23px top;
    transform: rotate(0);
}


.AudioRecord { margin-top: 80px; margin-bottom: 70px}
.AudioBox .shengbo-box { width: 524px; border-radius: 5px; height: 5px; margin: 0px auto 20px; position: relative;}
.AudioBox .time-bar { height: 30px; width: 523px;border-radius: 5px; background-color: #DFE2E4; position: relative;}
.AudioBox .star-time { position: absolute; top: 0px; left: -60px; color: #999; font-size: 18px;}
.AudioBox .end-time { position: absolute; top: 0px; right: -60px; color: #999; font-size: 18px;}
.AudioBox .time-bar-m { height: 30px; position: absolute;cursor: pointer;width: 100%;}
.AudioBox .time-bar-m:after {content: "";z-index: 3;position: absolute;width: 524px;background: url(../images/jindufloat.png) left center no-repeat;left: 0px;height: 30px;}
.AudioBox .timeTip {color: #0d81f6;position: absolute;top: -2px;width: 30px;width: 8px; height: 8px; background-color: #0d81f6; border-radius: 8px}
.time-bar .currentTime { color: #0d81f6; font-size: 12px; position: absolute; top: -25px; left: -10px; display: none;}
.time-bar-m:hover .currentTime { display: block;}
.AudioBox .time-bar .move-color.running {
    -webkit-animation-play-state: running;
    animation-play-state: running
}
.AudioBox .time-bar:hover .timeTip { display: block;}
.AudioBox .time-bar img { position: relative; z-index: 3}
.AudioBox .move-color { position: absolute; left: 0; top: 0;height: 30px;background-color: #0d81f6; z-index: 2; max-width: 608px;}


@media screen and (max-width: 1680px) {

}

.png-list { margin-right: 0; }

.page {
    text-align: center;
    padding: 30px 0 50px;
}

.page a {
    display: inline-block;
    padding: 0 22px;
    height: 55px;
    line-height: 55px;
    color: #404040;
    background: #ffffff;
    border-radius: 2px;
    margin: 3px;
    border: 1px solid #e9e9e9;
}

.page a.active, .page a.active:hover {
    color: #fff;
    background: #0d81f6;
    background: -moz-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #55a1ee), color-stop(100%, #0d81f6));
    background: -webkit-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background: -o-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background: -ms-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#55a1ee), to(#0d81f6));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #55a1ee), to(#0d81f6));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #55a1ee), to(#0d81f6));
    background: linear-gradient(to right, #55a1ee 0, #0d81f6 100%);
}

.page a.active:hover {
    border: 1px solid #fff;
}

.page a:hover {
    color: #0d81f6;
    border: 1px solid #0d81f6;
}
.pngbodyBox { position: relative; }
.pngbodyBox .png-list li {transition: all 0.35s ease;}

/*2022-9-5*/
.user .logined .userhov .box .vipbox .viplay .vipin {float: left;margin-left: 10px;height: 42px;line-height: 42px;background: url(../images/vlay.png) left center no-repeat;text-indent: 30px;color: #000;font-size: 16px;}
.user .logined .userhov .box .vipbox .viplay .vipin-em {float: right;line-height: 42px;font-size: 12px;margin-right: 10px;}

.vnSiderNav.active { position: fixed;left: 0;top: 71px;z-index: 101; }
.vnListNav.active {top: 65px;}
.vnPaySuccess { position: fixed; }

.indexli2 li .hovlay { background: none; }
.indexli2 li .hovlay {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#33000000', endColorstr='#33000000');background: rgba(0, 0, 0, 0.2);}
:root .indexli2 li .hovlay {filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');}
/*for IE9*/

/* .vnSearch .searchbtn {display: block;height: 54px;width: 98px;position: absolute;right: -1px;top: -1px;background-color: #2776fc;border-radius: 0 5px 5px 0;}
.vnSearchBanner .vnSearchItem .searchbtn {right: -1px;} */


.indexli2 .li .imglay .hovlay .downbtn { background: #2776fc; }

.indexli2 li .hovlay {background: none;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 95%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 95%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 95%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 95%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 95%);}
/* .indexli2 .li .imglay .hovlay .unfav {border: 1px solid #ccc;}
.indexli2 .li .imglay .hovlay .faved { border: 1px solid #2776fc;} */


.indexMoreLink {display: block; height: 48px; background-color: #2776fc;border-radius: 24px; width: 220px;line-height: 48px;text-align: center;font-size: 18px; color: #fff;margin: 30px auto;}
.indexMoreLink:hover {opacity: 0.85; color: #fff;}
.sdmIcon { text-align: center;font-size: 14px; color: #000000; cursor: pointer;position: relative;line-height: 1;}
.sdmIcon:hover { color: #2776fc; }
.sdmIcon b { display: block; width: 28px;height: 28px; background-image: url('../images/sidermore.png');margin: 0 auto 14px; }
.sdmIcon.adownBtn b { background-position: 0 -79px; }
.sdmIcon.dhBtn b { background-position: -38px -79px; }
.sdmIcon.xxBtn b { background-position: -76px -79px; }
.downAppTips { width: 400px;height: 500px; background-color: #fff; position: fixed;left: 50%;top: 50%;margin-left: -200px;margin-top: -250px; z-index: 301;border-radius: 20px;}
.downAppTips .box { width: 100%;height: 100%;overflow: hidden;position: relative;border-radius: 20px; }
.downAppTips .y { display: block;border-radius: 50%; background-color: #f1f9ff;position: absolute; }
.downAppTips .y1 { width: 145px;height: 145px;top: -46px;left: -55px; }
.downAppTips .y2 { width: 60px;height: 60px; top: -40px;left: 126px;}
.downAppTips .y3 { width: 250px;height: 250px; top: -60px;right: -132px;}
.appLogo {text-align: center;position: relative;z-index: 1;padding-top: 29px;line-height: 1;font-size: 16px;color: #000000;font-weight: bold;}
.appLogo img { display: block;margin: 0 auto 18px;}
.downAppTips .btn {display: block; width: 138px;height: 32px;line-height: 32px;text-align: center;border: 2px solid #f5f5f5; background-color: #f5f5f5;border-radius: 18px;margin: 23px auto 24px;}
.downAppTips .btn:hover { border-color: #2f68fd; color: #000; }
.downAppTips .erm { width: 200px;height: 200px;margin: 0 auto; }
.downAppTips .erm img { display: block;width: 100%;height: 100%; }
.downAppTips .tips {text-align: center;margin-top: 24px;font-size: 16px;line-height: 1.1;}
.downAppTips .close {z-index: 2;right: -30px;top: -30px;}
.appBanner {height: 186px;}
.appDownClassTitle {font-size: 20px;font-weight: bold;line-height: 1;margin: 30px 0;}
.appDownList { margin-right: -30px; }
.appDownItem { width: 50%; float: left; margin-bottom: 30px;}

.appDownItem .box:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.appDownItem .box { margin-right: 30px; border: 1px solid #eceefb; padding: 30px; border-radius: 8px; transition: all 0.3s;}
.appDownItem .namet { padding-left: 107px;height: 80px; position: relative; margin-bottom: 26px;}
.appDownItem .namet img { display: block; width: 80px;height: 80px; position: absolute;left: 0;top: 0;}
.appDownItem .namet .tt {font-size: 20px; color: #000;padding-top: 6px;line-height: 40px;padding-right: 170px;}
.appDownItem .namet .text {font-size: 14px; color: #898989;line-height: 24px;margin-top: 12px;}
.appDownItem .btn { display: block;width: 120px;height: 40px;line-height: 40px;position: absolute;right: 0;top: 6px; background-color: #1976ff;border-radius: 2px;text-align: center;color: #fff;font-size: 14px;}
.appDownItem .btn i { display: inline-block; width: 12px;height: 12px; background-image: url('../images/sidermore.png');background-position: -116px -85px;vertical-align: middle;margin-right: 10px;margin-top: -2px;}
.appDownItem .gn li {width: 16.6%;font-size: 12px; color: #666666;text-align: center;line-height: 20px;float: left;}
.appDownItem .gn b {}
.appDownItem .gn .y { display: block;width: 56px;height: 56px;background-image: url('../images/d-bg.png');margin: 0 auto 7px;position: relative; }
.appDownItem .gn .y i { display: block;width: 34px;height: 34px;background-image: url('../images/d-iocn.png');background-repeat: no-repeat; position: absolute;left: 50%;top: 50%;margin-left: -17px;margin-top: -17px;}
.i00 { background-position: 0 0; }
.i01 { background-position: -40px 0; }
.i02 { background-position: -80px 0; }
.i03 { background-position: -120px 0; }
.i04 { background-position: -160px 0; }
.i05 { background-position: -200px 0; }

.i10 { background-position: 0 -40px; }
.i11 { background-position: -40px -40px; }
.i12 { background-position: -80px -40px; }
.i13 { background-position: -120px -40px; }
.i14 { background-position: -160px -40px; }
.i15 { background-position: -200px -40px; }

.i20 { background-position: 0 -80px; }
.i21 { background-position: -40px -80px; }
.i22 { background-position: -80px -80px; }
.i23 { background-position: -120px -80px; }
.i24 { background-position: -160px -80px; }
.i25 { background-position: -200px -80px; }

.i30 { background-position: 0 -120px; }
.i31 { background-position: -40px -120px; }
.i32 { background-position: -80px -120px; }
.i33 { background-position: -120px -120px; }
.i34 { background-position: -160px -120px; }
.i35 { background-position: -200px -120px; }

.i40 { background-position: 0 -160px; }
.i41 { background-position: -40px -160px; }
.i42 { background-position: -80px -160px; }
.i43 { background-position: -120px -160px; }
.i44 { background-position: -160px -160px; }
.i45 { background-position: -200px -160px; }

.i50 { background-position: -1px -202px; }
.i51 { background-position: -40px -200px; }
.i52 { background-position: -81px -202px; }
.i53 { background-position: -120px -200px; }
.i54 { background-position: -160px -200px; }
.i55 { background-position: -200px -200px; width: 36px !important;margin-left: -18px !important;height: 37px !important;}

.i60 { background-position: 0 -240px; }
.i61 { background-position: -40px -240px; }
.i62 { background-position: -80px -240px; }
.i63 { background-position: -120px -240px; }
.i64 { background-position: -160px -240px; }
.i65 { background-position: -200px -240px; }

.i70 { background-position: 0 -280px; }
.i71 { background-position: -40px -280px; }
.i72 { background-position: -80px -280px; }
.i73 { background-position: -120px -280px; }
.i74 { background-position: -160px -280px; }
.i75 { background-position: -200px -280px; }

.i80 { background-position: 0 -320px; }
.i81 { background-position: -40px -320px; }
.i82 { background-position: -80px -320px; }
.i83 { background-position: -120px -320px; }
.i84 { background-position: -160px -320px; }
.i85 { background-position: -200px -320px; }

.i90 { background-position: 0 -360px; }
.i91 { background-position: -40px -360px; }
.i92 { background-position: -80px -360px; }
.i93 { background-position: -120px -360px; }
.i94 { background-position: -160px -360px; }
.i95 { background-position: -200px -360px; }

.i100 { background-position: 0 -400px; }
.i101 { background-position: -40px -400px; }
.i102 { background-position: -80px -400px; }
.i103 { background-position: -120px -400px; }
.i104 { background-position: -160px -400px; }
.i105 { background-position: -200px -400px; }

.i110 { background-position: 0 -440px; }
.i111 { background-position: -40px -440px; }
.i112 { background-position: -80px -440px; }
.i113 { background-position: -120px -440px; }
.i114 { background-position: -160px -440px; }
.i115 { background-position: -200px -440px; }

.i120 { background-position: 0 -480px; }
.i121 { background-position: -40px -480px; }
.i122 { background-position: -80px -480px; }
.i123 { background-position: -120px -480px; }
.i124 { background-position: -160px -480px; }
.i125 { background-position: -200px -480px; }

.i130 { background-position: 0 -520px; }
.i131 { background-position: -40px -520px; }
.i132 { background-position: -80px -520px; }
.i133 { background-position: -120px -520px; }
.i134 { background-position: -160px -520px; }
.i135 { background-position: -200px -520px; }

.i140 { background-position: 0 -560px; }
.i141 { background-position: -40px -560px; }
.i142 { background-position: -80px -560px; }
.i143 { background-position: -120px -560px; }
.i144 { background-position: -160px -560px; }
.i145 { background-position: -200px -560px; }

.appBanner { background-image: url('../images/bg-1.png');background-size: cover; margin-top: 15px;}
.appBanner .box {margin: 0 240px;height: 100%;position: relative;background-image: url('../images/bg-2.png');background-repeat: no-repeat;background-position: right top;}
.appBanner .tt {height: 36px;font-size: 25px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #333333;line-height: 36px;padding-top: 36px;margin-bottom: 10px;}
.appBanner .text {height: 20px;font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #666666;line-height: 20px;margin-bottom: 20px;}
.appBanner .btn {width: 98px;height: 36px;background: #1667EF;border-radius: 4px;font-size: 14px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 36px;display: block;text-align: center;}


.breadnav { margin-bottom: 16px; color: #9d9d9d;font-size: 13px}
.breadnav a {color: #9d9d9d;font-size: 13px}

.fenlei_wrap {position: absolute;top: 1px; left: 1px; width: 250px; display: block; height: 100%;}

.fenlei_wrap .fenlei, .fenlei_wrap a.home, .Headersearchlay a.home {
    margin-left: 23px;
    width: 68px;
    color: #666;
    font-size: 15px;
    line-height: 80px;
    float: left;
    cursor: pointer;
}
.Headersearchlay a.home:hover {color: #2776fc}
.fenlei_wrap .fenlei {
    position: relative;;
}

.fenlei_wrap .home:hover, .fenlei_wrap .fenlei:hover {
    color: #2776fc
}

.fenlei_wrap .fenlei ul {
    position: absolute;
    top: 53px;
    left: -46px;
    z-index: 10;
    display: none;
    padding: 10px 11px 9px 11px;
    width: 137px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    text-align: left;
    line-height: 47px
}

.fenlei_wrap .fenlei:hover ul {
    display: block
}

.fenlei_wrap .fenlei ul li a {
    display: inline-block;
    padding: 0 25px;
    height: 35px;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    line-height: 35px;
    box-sizing: border-box;
    width: 100%;
}

.fenlei_wrap .fenlei ul li a:hover {
    background: #2776fc;
    color: #fff
}

.fenlei_wrap .fenlei em {
    top: 24px;
    left: 34px;
    position: absolute;
    display: inline-block;
    margin-left: 4px;
    width: 12px;
    height: 14px;
    background: url(../images/vniocn.png) -66px -28px no-repeat
}

.fenlei_wrap .fenlei:hover em {
    background: url(../images/vniocn.png) -66px -40px no-repeat
}
.detail_tips { color: #999; margin: 15px 0;
    width: 100%;
    text-align: left;
    font-size: 13px;
    line-height: 22px}
.detail_tips a {color: #999}
.detail_tips a:hover {color: #999;text-decoration: underline;}
ul.more_search { margin-top: 10px;}
ul.more_search li a {
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 9px;
    padding: 0 10px;
    height: 30px;
    border-radius: 4px;
    background: #f3f4f9;
    color: #999;
    text-align: center;
    font-size: 12px;
    line-height: 30px
}


@media screen and (max-width: 1700px) {

}
@media screen and (max-width: 1680px) {

}
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1300px) {

}


.boxtabtit {width: 100%;display: flex;justify-content: space-between;}
.boxtabtit .tit {font-size: 22px;font-weight: bold;}
.boxtabtit .tips {display: flex;justify-content: right;}
.boxtabtit .tips a {float: left;padding: 10px 10px;background-color: #f2f2f2;color: #646464;border-radius: 5px;cursor: pointer;font-size: 14px;line-height: 12px;height: 32px;margin-top: 5px;margin-left: 14px}
.boxtabtit .tips a:hover {color: #2776fc}


.indexli2 li .imglay .hovlay2 {display: none;}
.indexli2 li:hover .imglay .hovlay2 {display: block;position: absolute;width: 288px;height: 407px;top: 0px;left: 0px;background: rgba(0, 0, 0, .6)}
.indexli2 li:hover .imglay .hovlay2 div {position: absolute;top: calc(50% - 28px);display: flex;justify-content: center;width: 100%;height: 56px;}
.indexli2 li:hover .imglay .hovlay2 div span {border: 2px solid #fff;font-size: 20px;color: #fff;padding: 13px;line-height: 20px;}

.indexli2 li .imglay .hovlay3 {display: none;}
.indexli2 li:hover .imglay .hovlay3 {display: block;position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background: rgba(0, 0, 0, .6)}
.indexli2 li:hover .imglay .hovlay3 .div {position: absolute;top: calc(50% - 28px);width: 100%;}
.indexli2 li:hover .imglay .hovlay3 .div span {font-size: 20px;color: #fff;padding: 13px;line-height: 20px;width: 100%;float: left;text-align: center;}
.indexli2 li:hover .imglay .hovlay3 .div span:nth-child(1) {font-size: 28px;font-weight: bold;}
.indexli2 li:hover .imglay .hovlay3 .div span:nth-child(2) {font-size: 18px;}

.topicNew-banner {width: 100%;height: 230px;background: #1F232B url(../images/zttopbg.png) center no-repeat;background-size: cover;padding-top: 64px;}
.topicNew-banner .title {text-align: center;height: 52px;line-height: 52px;font-weight: 500;color: #fff;font-size: 52px;}
.topicNew-banner .title img {display: inline-block;width: 44px;height: 48px;vertical-align: -10px;}
.topicNew-banner p {display: block;width: 100%;line-height: 28px;margin-top: 20px;color: #fff;font-size: 20px;text-align: center;letter-spacing: 20px;padding-left: 20px;font-weight: 300;}

.w1500 {width: 1500px;margin: 0px auto;}
.swaptit {width: 100%;display: flex;justify-content: center;}
.swaptit span, .swaptit a {margin: 0px 15px;height: 60px;line-height: 60px;cursor: pointer;font-size: 20px;}
.swaptit span.active, .swaptit a.active {color: #2776fc;border-bottom: 3px solid #2776fc;font-weight: bold;}

.zt-lists {width: 1500px;margin-top: 40px}
.zt-lists .zt-list {width: 100%;display: none;}
.zt-lists .zt-list.on {display: block;}


.detail_tips.hideword {height: 66px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.tips-show {margin: 0px auto;width: 100px;height: 30px;line-height: 30px;padding: 0px 15px;position: relative;color: #656565;background-color: #f3f4f9;border-radius: 15px;cursor: pointer;}
.tips-show i {display: inline-block;background: url(../images/tipsshowmore.png) center center no-repeat;width: 30px;height: 30px;position: absolute;right: 5px;top: 0px}
/* .tips-showmore i{transform: rotate(-90deg);} */
.tips-showmore {display: none;}
.tips-showless {display: none;}
.tips-showless i {transform: rotate(180deg);}

.zttopic {
    width: 100%;
    height: 300px;
    background: url('../images/zttopic.jpg') center center no-repeat;
    margin-bottom: 40px;
}
.zttopic .left {
    height: 300px;
    width: 800px;
    color: #ffffff;
    float: left;
}
.zttopic .left span {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.zttopic .left .zttopic-test1 {
    font-size: 40px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    margin-top: 13px;
}
.zttopic .left .bread {
    margin-top: 20px;
}
.zttopic .left .bread a {color: #fff}
.zttopic .left .t2 {
    font-size: 14px;
    height: 26px;
    line-height: 30px;
}
.zttopic .left .t3 {
    font-size: 16px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;
    margin-top: 49px;
}
.zttopic .left .t3 a {color: #fff}
.zttopic .left .t3 a:hover {text-decoration: underline;}
.zttopic .left .zttopic-test4 {
    display: inline-block;
    font-weight: bold;
}
.zttopic .right {
    height: 269px;
    width: 364px;
    float: right;
}
.zttopic .right .zttopic-rest1 {
    margin-top: 149px;
    height: 54px;
}
.zttopic .right .zttopic-rest1 a {
    display: inline-block;
    width: 130px;
    height: 37px;text-align: center;
    line-height: 37px;
    border-radius: 45px;
    font-size: 14px;
    color: #616161;
    box-shadow: 0px 0px 4px #777777;
}
.zttopic .right .zttopic-rest1 .look {
    background: #ffffff;
}
.zttopic .right .zttopic-rest1 .tcolle {
    margin-left: 11px;
    background: #f39800;
    color: #ffffff;
}
.zttopic .right .zttopic-rest2 {
    margin-top: 10px;
}
.zttopic .right .zttopic-rest2 span {
    font-size: 14px;
    color: #ffffff;
    margin-left: 20px;
}

.lay404 {background: url(../images/404.png) center 200px no-repeat #f5f5f5;float: left;width: 100%;height: 100vh;}
.lay404 p {float: left;width: 100%;text-align: center;margin-top: 400px;}
.lay404 .btn {float: left;width: 100%;display: flex;justify-content: center;margin-top: 60px}
.lay404 .btn a {display: inline-block;border: 1px solid #2776fc;border-radius: 5px;height: 36px;line-height: 36px;width: 100px;text-align: center;margin: 0px 9px;font-size: 14px}
.lay404 .btn .btn1 {background-color: #2776fc;color: #fff}
.lay404 .btn .btn1:hover {background-color: #fff;color: #2776fc}
.lay404 .btn .btn2 {background-color: #fff;color: #2776fc}
.lay404 .btn .btn2:hover {background-color: #2776fc;color: #fff}

.addPcWrap { position: fixed;bottom: 200px;z-index: 91;width: 200px;right: 0px;height: 159px;cursor: pointer; display: none;background: url(../images/addpcwap.png) }
.addPcWrap:hover {background: url(../images/addpcwap_hover.png)}
.addPcWrap .closeBtn {display: inline-block; width: 20px;height: 20px;position: absolute; right: 12px; top: 10px; background-image: url("../images/close.png"); background-size: 20px; overflow: hidden}
.addPcWrap .addPcBtn {float: left;margin-top: 100px;margin-left: 28px;width: 144px;height: 34px;background: #1A76FF;text-align: center;line-height: 34px;font-size: 12px;color: #FFFFFF;border-radius: 6px;display: none;}
.addPcWrap:hover .addPcBtn {display: block;}


/***********20250213****************/
.grad {
    background: #fff;
    background: -ms-linear-gradient(top, #fff 0, #f7f8f8 100%);
}
.topic {
    position: relative;
    width: 100%;
    height: 266px;
    background: #fff;
    text-align: center;
}

.txtScroll-left {
    position: relative;
    overflow: hidden
}

.txtScroll-left .bds {
    overflow: hidden;
    padding-top: 20px;
    height: 240px;
}

.txtScroll-left .bds ul {
    display: block;
    zoom: 1}

.txtScroll-left .bds ul li {
    float: left;
    margin-right: 21px;
    margin-bottom: 10px;
    width: 360px;
    border-radius: 4px
}

.txtScroll-left .bds ul li img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}
.topic ul a img:hover {
    opacity: .8
}

.hds .prev {
    display: block;

    margin-left: -27px;
    background: url(../images/indprew.png) center center #2776fc no-repeat
}

.hds .next, .hds .prev {
    position: absolute;
    top: 120px;
    z-index: 2;
    margin-top: -18px;
    width: 54px;
    height: 54px;
    border: 3px solid #fff;
    border-radius: 45px;
    cursor: pointer
}

.hds .next {
    right: 121px;
    left: 50%;
    /* display: none; */
    margin-left: 571px;
    background: url(../images/indnext.png) center center #2776fc no-repeat
}

.topic:hover .next, .topic:hover .prev {
    display: block
}

.topic:hover .next, .topic:hover .prev {
    display: block
}

.topic .topica {
    display: inline-block;
    height: 60px;
    color: #666;
    font-size: 16px;
    line-height: 66px
}

.topic .topica:hover {
    color: #6589e4
}

.topic .topica i {
    display: inline-block;
    margin-left: 10px;
    vertical-align: -2px;
    font-weight: 700;
    font-style: unset;
    font-size: 19px;
    font-family: SimSun
}


.topic .topic2 .recomment {
    display: inline-block;
    margin-right: 10px;
    width: 287px;
    height: 316px
}

.topic .topic2 .mr0 {
    margin-right: 0
}

.topic .topic2 .img {
    width: 100%;
    height: 216px;
    cursor: pointer
}

.topic .topic2 .img:hover {
    opacity: .9
}

.topic .topic2 span {
    display: block;
    height: 100px;
    color: #4a4a4a;
    font-size: 18px;
    line-height: 80px
}
.topic ul {height: 190px;}
.navlist {float: left;display: flex;justify-content: space-between;width: 700px;margin-left: 100px}
.navlist .navlist-item {height: 80px;line-height: 80px;font-size: 16px;font-weight: 500;}
.navlist .navlist-item.active {color: #2776fc}
.searchbox {display: flex;justify-content: center;margin: 20px 0px;flex-wrap: wrap;}
.searchbox .vnSearch form {width: 750px}
@media screen and (min-width: 1500px) {
    .searchbox .vnSearch form {width: 900px}
    .navlist {margin-left: 121px}
    .topic ul {height: 220px;}
    .hds .prev, .hds .next {

    }
    .hds .next {
        margin-left: 726px;
    }
}

.doyoulike {
    overflow: hidden;border-top: 1px solid #eceff1;
    height: 42px;width: 100%;
    position: relative;
    padding-right: 50px;
}

.doyoulike span {
    height: 46px;
    font-size: 14px;
    line-height: 55px
}

.doyoulike a, .doyoulike span {
    float: left;
    color: #999;
    text-align: left
}

.doyoulike a {
    margin-top: 15px;
    margin-left: 16px;
    padding: 0 6px;
    height: 26px;
    border-radius: 4px;
    background: #f3f4f9;
    font-size: 13px;
    line-height: 26px
}

.doyoulike a:hover {
    background: #1890ff;
    color: #fff
}


.kuai {
    position: relative;
    float: left;margin-right: 38px;
    width: 68px;
    color: #666;
    font-size: 15px;
    line-height: 5pc;
    cursor: pointer
}

.kuai:hover {
    color: #007aff
}
.kuai ul {
    position: absolute;
    top: 74px;
    left: -98px;
    z-index: 10;
    display: none;
    padding: 10px 3px 9px 11px;
    width: 263px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    text-align: left;
    line-height: 47px
}

.kuai:hover ul {
    display: block
}

.kuai ul li {
    display: inline-block;
    width: 90pt;
    text-align: left
}

.kuai ul li a {
    display: inline-block;
    padding: 0 25px;
    height: 35px;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    line-height: 35px
}

.kuai ul li a:hover {
    background: #007aff;
    color: #fff
}

.kuai em {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 14px;
    background: url(../images/up&down.png) 0px 6px no-repeat
}
.kuai:hover em {
    background: url(../images/up&down.png) 0px -10px no-repeat
}


.searchjiantou {display: flex;justify-content: start;width: 900px;}
.searchjiantou div {margin-left: 18px;color: #999;font-size: 16px;cursor: pointer;text-align: center;}
.searchjiantou div.active {position: relative;color: #333;z-index: 99;}
.searchjiantou div span {float: left;width: 100%;}
.searchjiantou div span:hover {color: #333}
.searchjiantou div i {float: left;margin-left: calc(50% - 6px);width: 12px;position: relative;}
.searchjiantou div.active i::before {position: absolute;content: ""; border-bottom: 12px solid #2776fc;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;width: 0;
    height: 0;top: 3px;left: 0}
.searchjiantou div.active i::after {border-bottom: 10px solid #fff;position: absolute;content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 1px;width: 0;
    height: 0;top: 6px;}

.breadcrumbs {display: block;width: 100%;height: 50px;line-height: 50px;overflow: hidden;}
.breadcrumbs span {color: #999;font-size: 13px;}
.breadcrumbs span a {color: #999}
.breadcrumbs span a:hover {color: #2776fc}
.breadcrumbs h1 {color: #999;display: inline;font-weight: normal;}
.breadcrumbs h1 a {color: #999}
.breadcrumbs h1 a:hover {color: #2776fc}
.breadcrumbs p {display: block;width: 100%;margin: top 50px;}

.w420 .rightbox {float: left;width: 100%;background: #fff;}

.work-down .fav { width: 100%;border-radius: 4px;display: flex;justify-content: center;
    height: 55px;text-align: center;cursor: pointer;margin-top: 20px;line-height: 55px;
    border: 1px solid #e5e5e5; }
.work-down .fav img {display: none;margin-top: 18px;width: 20px;height: 20px;}
.work-down .fav img.normal {display: block;}
.work-down .fav.d_collect em.normal {display: block;}
.work-down .fav.d_collect em.active {display: none;color: #2776fc;padding-right: 1pc}
.work-down .fav:hover img.normal {display: none; /*border-color: #2776fc;color:#2776fc;*/}
.work-down .fav:hover img.hover {display: block;}
.work-down .fav.active img.normal {display: none;}
.work-down .fav.active img.hover {display: none;}
.work-down .fav.active:hover img.hover {display: none;}
.work-down .fav.active img.active {display: block;}
.work-down .fav.active em.normal {display: none;}
.work-down .fav.active em.active {display: block;}
.work-down .fav.active {border: 1px solid #2776fc;}
.work-down .fav em {font-size: 1pc;margin-left: 7px}
.work-down .fav:hover {border: 1px solid #2776fc;}
.work-down .fav:hover em {color: #2776fc}
.w420 .rightbox .work-down {padding: 23px 40px;}
.w420 .rightbox .work-down .d-down {display: block;
    width: 100%;text-align: center;
    height: 55px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 4px;
    background: #007aff;
    color: #fff;
    font-size: 1pc;
    line-height: 55px;
    cursor: pointer;}
.work-down .d-down:hover {background: #1890ff !important;}
.w420 .rightbox .work-down .d-down i {
    display: inline-block;

    height: 18px;color: #fff;line-height: 19px;padding-left: 30px;
    background: url(../images/down-icon.png) left center no-repeat;

}

.w420 .rightbox .detail-infos {padding: 26px 40px;}
.w420 .rightbox .detail-infos li {width: 100%;display: flex;justify-content: space-between;line-height: 40px;font-size: 14px;}
.w420 .rightbox .detail-infos span {color: #000}
.w420 .rightbox .detail-infos em {color: #838383;font-size: 14px;}

.w420 .rightbox .detail-tag {padding: 5px 31px;}
.w420 .rightbox .detail-tag a {display: inline-block;height: 34px;line-height: 34px;padding: 0 14px; border-radius: 3px; background-color: #f5f5f5;color: #666; margin-right: 10px;margin-bottom: 5px;margin-top: 5px;font-size: 14px;}

.vnleft {background-color: #fff;padding: 30px 52px;margin-bottom: 40px;}
.w1200 .Headersearchlay {margin-left: 10px}

/*
    .fixedpaylay{position: fixed;z-index: 999;width:880px;height:600px;border-radius:8px;left: 50%;top: 50%;margin-left: -440px;margin-top: -300px;background-color:#fff;display:none;}

    .fixedpaylay .close{position: fixed;z-index: 999;left: 50%;top: 50%;margin-left: 440px;margin-top: -324px;width:24px;height:24px;background:url(../images/close2.png);}
    .fixedpaylay .leftpaybox{float:left;width:240px;height:600px;background:url(../images/fixpayleft.png);border-top-left-radius:8px;border-bottom-left-radius:8px;}
    .fixedpaylay .rightpaybox{float:right;width:640px;padding:25px;}
    .fixedpaylay .rightpaybox .userinfo{float:left;width:100%;height:30px;}
    .fixedpaylay .rightpaybox .userinfo .img{width:30px;height:30px;float:left;border-radius:50%;margin-right:8px;}
    .fixedpaylay .rightpaybox .userinfo span{float:left;line-height:30px;font-size:14px;font-weight:bold;}
    .fixedpaylay .rightpaybox .userinfo em{float:left;line-height:30px;font-size:12px;}
    .fixedpaylay .rightpaybox .payboxline{float:left;margin-top:35px;width:100%;display: flex;justify-content: space-between;}
    .fixedpaylay .rightpaybox .payboxline .box1{border-radius: 12px;border: 2px solid #ffffff;height:180px;background-color:#F9F9F9;cursor: pointer;}
    .fixedpaylay .rightpaybox .payboxline .box1.active{border: 2px solid #D44519;}
    .fixedpaylay .rightpaybox .payboxline.b2 .box1{width:277px;}
    .fixedpaylay .rightpaybox .payboxline.b3 .box1{width:175px;}
    .fixedpaylay .rightpaybox .payboxline .box1 .info1{float:left;margin-top:20px;margin-left: 21px;width:calc(100% - 42px)}
    .fixedpaylay .rightpaybox .payboxline .box1 .info1 span{float:left;font-weight: bold;font-size: 18px;color: #181818;}
    .fixedpaylay .rightpaybox .payboxline .box1 .info1 .tj{height:22px;width:51px;float:left;margin-top:2px;margin-left:6px;background:url(../images/ico-tj.png)}
    .fixedpaylay .rightpaybox .payboxline .box1 .info2{float:left;margin-top:15px;;margin-left: 21px;width:calc(100% - 42px)} 
    .fixedpaylay .rightpaybox .payboxline .box1 .info2 i{color:#FC503E;font-size:30px;font-weight: bold;}
    .fixedpaylay .rightpaybox .payboxline .box1 .info2 span{color:#FC503E;font-size:50px;font-weight: bold;}
    .fixedpaylay .rightpaybox .payboxline .box1 .info2 del{color:#999;font-size:14px;margin-left:8px;}
    .fixedpaylay .rightpaybox .payboxline.b3 .box1 .info1 span{width:100%;text-align:center;}
    .fixedpaylay .rightpaybox .payboxline.b3 .box1 .info1 .tj{display:none;}
    .fixedpaylay .rightpaybox .payboxline.b3 .box1 .info2{text-align:center;}
    .fixedpaylay .rightpaybox .payboxline.b3 .box1 .info2 del{display:none;}
    .fixedpaylay .rightpaybox .payboxline .box1 .info3{float:left;width:100%;margin-top:10px;border-bottom-left-radius:11px;border-bottom-right-radius:11px;color:#666;background:#eee;height:30px;line-height:30px;text-indent:21px;font-size:12px;}
    .fixedpaylay .rightpaybox .payboxline .box1.current .info3{background: linear-gradient( 90deg, #F10E0E 0%, #FF8953 100%);color:#fff}
    .fixedpaylay .rightpaybox .middleline{width:100%;height:0px;border-top:1px solid #F0F0F0;float:left;margin:30px 0}
    .fixedpaylay .rightpaybox .codebox{float:left;width:100%;}
    .fixedpaylay .rightpaybox .codebox .codeimgbox{float:left;width:188px;height:239px;border-radius:6px;border: 1px solid #F0F0F0;}
    .fixedpaylay .rightpaybox .codebox .codeimgbox .img{float:left;width:138px;height:138px;margin-top:28px;margin-left:28px;margin-bottom:15px;}
    .fixedpaylay .rightpaybox .codebox .codeimgbox .info1{float:left;width:100%;text-align:center;font-size:12px;color:#666;line-height:16px;}
    .fixedpaylay .rightpaybox .codebox .codeimgbox .info1 i{color:#181818;font-weight: bold;}
    .fixedpaylay .rightpaybox .codebox .codeimgbox .info2{float:left;width:100%;text-align:center;font-size:12px;color:#666;line-height:16px;margin-top:10px}
    .fixedpaylay .rightpaybox .codebox .codeimgbox .info2 a{color:#2776fc}
    .fixedpaylay .rightpaybox .codebox .youhuiendtime{width: 371px;float:left;height: 44px;background: #FFEEEE;border-radius: 8px;margin-top:40px;margin-left:25px;}
    .fixedpaylay .rightpaybox .codebox .youhuiendtime .youhuiendtimeicon{background:url(../images/youhuiend.png) left center no-repeat;padding-left:43px;font-size:14px;color:#FF4A4A;line-height:44px;height:44px;float:left;margin-left:5px;font-weight: bold;font-family: PingFangSC, PingFang SC;}
    .fixedpaylay .rightpaybox .codebox .youhuiendtime label{float:right;height:20px;line-height:20px;margin-right:10px;margin-top:12px;}
    .fixedpaylay .rightpaybox .codebox .youhuiendtime label span{height:20px;width:20px;font-size:12px;color:#fff;background:#FF4A4A;text-align:center;border-radius:4px;float:left;}
    .fixedpaylay .rightpaybox .codebox .youhuiendtime label em{float:left;color:#FF4A4A;margin:0 3px;}
    .fixedpaylay .rightpaybox .codebox .payboxmainlay{float:left;width:371px;margin-left:25px;margin-top:18px;}
    .fixedpaylay .rightpaybox .codebox .payboxmainlay i{font-size:18px;color:#181818;font-weight: bold;}
    .fixedpaylay .rightpaybox .codebox .payboxmainlay span{font-size:18px;color:#FF4A4A;font-weight: bold;margin-left:7px;margin-right:8px;}
    .fixedpaylay .rightpaybox .codebox .payboxmainlay span em{font-size:36px;color:#FF4A4A;font-weight: bold;}
    .fixedpaylay .rightpaybox .codebox .payboxmainlay del{color:#999;font-size:14px;}
    .fixedpaylay .rightpaybox .codebox  .payboxmainlaytips{float:left;color:#999;margin-left:25px;margin-top:5px;font-size:14px;}
*/


.tags .box {
    padding: 15px;
    line-height: 24px;
    overflow: hidden;
    zoom: 1;
}
.tags .box .t a {
    color: #666;
}

.tags .box .t a:hover {
    color: #668be4;
}

.tags .box .t {
    height: 28px;
    line-height: 28px;
    margin: 0 10px;
    float: left;
    width: 23%;
    overflow: hidden;
    zoom: 1;
}

.zttopic {
    width: 100%;
    height: 300px;
    background: linear-gradient(to left, #2776fc, #2776fc);
    /* background: url('../images/zttopbg2.png') center center no-repeat; */
    margin-bottom: 40px;
}
.zttopic .left2 {
    height: 300px;
    width: 800px;
    color: #ffffff;
    float: left;
}
.zttopic .left2 a {color: #fff}
.zttopic .left2 a:hover {color: #ccc}
.zttopic .left2 span {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.zttopic .left2 .zttopic-test1 {
    font-size: 40px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.zttopic .left2 .bread {
    margin-top: 20px;
}
.zttopic .left2 .zttopic-test2 {
    font-size: 14px;
    height: 26px;
    line-height: 30px;
}
.zttopic .left2 .zttopic-test3 {
    font-size: 14px;
    margin-top: 49px;
}
.zttopic .left2 .zttopic-test4 {
    display: inline-block;
    font-weight: bold;
}
.zttopic .right2 {
    float: right;
}
.zttopic .right2 .zttopic-rest1 {
    margin-top: 118px;
}
.zttopic .right2 .zttopic-rest1 a {
    display: inline-block;
    width: 288px;text-align: center;
    height: 64px;
    line-height: 64px;
    border-radius: 4px;
    font-size: 18px;
    color: #2776fc;
    /* box-shadow: 0px 0px 4px #777777; */
}
.zttopic .right2 .zttopic-rest1 .look {
    background: #ffffff;
}
.zttopic .right2 .zttopic-rest1 .tcolle {
    margin-left: 11px;
    background: #f39800;
    color: #ffffff;
}
.zttopic .right2 .zttopic-rest1 .tcolle i {
    display: inline-block;
    height: 25px;
    width: 32px;
    background: url('../image/zt.png') -15px -939px no-repeat;
    vertical-align: -1px;
}
.zttopic .right2 .zttopic-rest1 .tcolle .chose {
    background: url('../image/zt.png') -15px -889px no-repeat;
}
.zttopic .right2 .zttopic-rest2 {
    margin-top: 17px;
}
.zttopic .right2 .zttopic-rest2 span {
    font-size: 14px;
    color: #ffffff;
    margin-right: 20px;
}
.zttopic .right2 .zttopic-rest2 span.liulan {background: url(../images/icon-liulan.png) left center no-repeat;padding-left: 25px}
.zttopic .right2 .zttopic-rest2 span.shoucang {background: url(../images/icon-shoucang.png) left center no-repeat;padding-left: 25px}

.topic-type {
    margin-bottom: 20px;
    height: 60px;
    border-bottom: 2px solid #f3f4f9;
    color: #333338;
    text-align: left;
    font-size: 15px;
    line-height: 50px
}

.topic-type .topic-type-list {
    display: flex;justify-content: start;
}
.topic-type .topic-type-list h2 {font-style: normal;font-weight: normal;}

.topic-type .f-chose {
    border-bottom: 3px solid #2776fc;
    color: #2776fc
}

.topic-type a {
    display: inline-block;
    margin: 0 15px;font-size: 16px;
    padding: 0 12px;
    height: 59px
}

.topic-type .f-chose a:hover {
    color: #2776fc
}
.shandowbox1 {box-shadow: 0px 0px 5px #999;margin: 5px}


.kffixed {position: fixed;width: 50px;height: 131px;border-radius: 6px;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);right: 10px;bottom: 50px;background-color: #fff;}
.kffixed .kf {background: url(../images/kf.png) center top no-repeat;padding-top: 24px;text-align: center;color: #999;padding-bottom: 10px;border-bottom: 1px solid #eee;width: 30px;margin: 0 10px;margin-top: 15px;cursor: pointer;}
.kffixed .kf:hover {background: url(../images/kf_hov.png) center top no-repeat;color: #2776fc}
.kffixed .backtotop {background: url(../images/backtop.png) center top no-repeat;padding-top: 24px;text-align: center;color: #999;margin-top: 10px;cursor: pointer;}
.kffixed .backtotop:hover {background: url(../images/backtop_hov.png) center top no-repeat;color: #2776fc}
.history, .history2 {display: block;overflow-x: auto !important;white-space: nowrap;font-size: 12px;color: #999;overflow-y: hidden;height: 30px !important;
    line-height: 42px !important;
    margin-bottom: 7px;}
.history a, .history2 a {padding-left: 5px;padding-right: 5px;cursor: pointer;color: #999;}
.history a:hover, .history2 a:hover {color: #2776fc}
.history::-webkit-scrollbar {
    width: 0px;height: 0px}
.history2::-webkit-scrollbar {
    width: 0px;height: 0px}


.fixedpaylay {position: fixed;z-index: 999;max-height: 610px;width: 880px;border-radius: 16px;left: 50%;top: 50%;margin-left: -440px;margin-top: -305px;background-color: #f5f7fa;;display: none;overflow: hidden;}

/**/
.fixedpaylay .allPayBox_over {
    height: 100%;
    overflow-y: auto
}

.fixedpaylay .iconcha {
    position: absolute;
    top: 20px;opacity: 0.8;
    right: 20px;width: 16px;height: 16px;
    color: #75809d;
    cursor: pointer;
    z-index: 1;
}
.fixedpaylay .iconcha:hover {opacity: 1;}
.fixedpaylay .allPayBox_top {
    height: 60px;margin-bottom: 12px;
    width: 100%;background-color: #252b57;
    position: relative;
    z-index: 0;
    overflow: hidden
}


.fixedpaylay .allPayBox_top .backgroundImg {
    position: absolute;
    top: 0;
    right: 60px;
    display: inline-block;
    height: 78px;
    z-index: 1
}

.fixedpaylay .allPayBox_top .allPayBox_persionInfo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 10px 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.fixedpaylay .allPayBox_top .allPayBox_persionInfo .headImg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 31px;
    height: 31px;
    background-color: #fff;
    border-radius: 50%
}

.fixedpaylay .allPayBox_top .allPayBox_persionInfo .headImg .img {
    margin: auto;
    display: block;
    width: 29px;
    height: 29px;
    border-radius: 50%
}

.fixedpaylay .allPayBox_top .allPayBox_persionInfo .headName {
    height: 47px;
    display: block;
    margin-left: 10px;
    padding-top: 5px;
    color: #f7dfc8;
    font-family: PingFangSC-Medium, PingFang SC
}

.fixedpaylay .allPayBox_top .allPayBox_persionInfo .headName .name {
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle
}

.fixedpaylay .allPayBox_top .allPayBox_persionInfo .headName .detail {
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    margin-left: 9px
}

.fixedpaylay .allPayBox_top .allPayBox_persionInfo.hide {
    display: none
}

.fixedpaylay .allPayBox_top .allPayBox_single_title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 15px;
    height: 22px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #f7dfc8;
    line-height: 22px;
    z-index: 1
}

.fixedpaylay .allPayBox_top .allPayBox_single_title span {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    display: inline-block;
    margin: 0 5px
}

.fixedpaylay .allPayBox_top .tab_box {
    position: absolute;
    left: 20px;
    top: 57px;
    width: 840px;
    height: 50px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px 0 hsla(0, 0%, 69%, .1);
    box-shadow: 0 4px 16px 0 hsla(0, 0%, 69%, .1);
    border-radius: 12px;
    z-index: 1
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li {
    float: left;
    display: list-item;
    position: relative;
    text-align: center;
    width: 130px;
    cursor: pointer
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li > i {
    display: inline-block;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    padding: 0 15px;
    height: 46px;
    line-height: 46px;
    background: #fff;
    color: #031b4d;
    position: relative;
    font-style: normal
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li i:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li.active > i:after, .fixedpaylay .allPayBox_top .tab_box .tab_boxList li i:after {
    content: "";
    width: 60px;
    height: 4px;
    background: #3f66ff;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -30px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(63, 102, 255, .5);
    box-shadow: 0 2px 8px 0 rgba(63, 102, 255, .5);
    border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li.active > i:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li.active > i {
    font-weight: 600
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li:hover > i:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fixedpaylay .allPayBox_top .tab_box .tab_boxList li:hover > i {
    font-weight: 600
}

.fixedpaylay .allPayBox_vip {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 840px;
    padding: 0 20px 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.fixedpaylay .allPayBox_vip .privilege {
    width: 200px;
    height: 425px;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px
}

.fixedpaylay .allPayBox_vip .privilege .privilege_title {
    text-align: center
}


.fixedpaylay .allPayBox_vip .privilege .privilege_title .masonry_t {
    font-size: 16px;padding-left: 35px;background: url(../images/allPayBox_vip.png) left center no-repeat;background-size: auto 100%;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;height: 30px;line-height: 30px;
    color: #965400;
    vertical-align: middle
}

.fixedpaylay .allPayBox_vip .privilege .privilege_cont {
    padding: 8px 20px 10px 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fixedpaylay .allPayBox_vip .privilege .privilege_cont .privilege_ul .privilege_li {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #965400;
    line-height: 28px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fixedpaylay .allPayBox_vip .privilege .privilege_cont .privilege_ul .privilege_li .box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 7px;
    line-height: 28px
}

.fixedpaylay .allPayBox_vip .privilege .privilege_cont .privilege_ul .privilege_li .left {
    color: #031b4d;
    display: inline-block
}

.fixedpaylay .allPayBox_vip .privilege .privilege_cont .privilege_ul .privilege_li .right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #965400;
    text-align: right;
    display: inline-block
}

.fixedpaylay .allPayBox_vip .privilege .privilege_cont .privilege_ul .privilege_li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #f7dfc8;
    vertical-align: middle;
    margin: auto 0
}

.fixedpaylay .allPayBox_vip .privilege .privilege_cont .privilege_ul .privilege_li.top:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #f7dfc8;
    margin-top: 13px
}


.fixedpaylay .allPayBox_vip .setMeal {
    width: 628px;
    height: 428px;
    margin-left: 12px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_title {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 0 22px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #031b4d;
    line-height: 22px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider {
    width: 628px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content {
    height: auto;
    width: 628px;
    padding: 12px 12px 0 12px;
    white-space: nowrap;
    display: flex;justify-content: start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content::-webkit-scrollbar {
    display: none
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box {
    display: inline-block;

    height: 150px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e0e5ed;
    margin-left: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s
}
.fixedpaylay .allPayBox_vip .setMeal.b2 .money_box {width: calc(50% - 7px);margin-left: 14px;}
.fixedpaylay .allPayBox_vip .setMeal.b2 .money_box:nth-child(1) {margin-left: 0px}

.fixedpaylay .allPayBox_vip .setMeal.b3 .money_box {width: calc(50% - 10px);margin-left: 14px;}
.fixedpaylay .allPayBox_vip .setMeal.b3 .money_box:nth-child(1) {margin-left: 0px}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box:first-child {
    margin-left: 0
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .money_box_newu {
    height: 26px;
    line-height: 26px;
    background: -webkit-gradient(linear, left top, right top, from(#ff876d), to(#ff386a));
    background: linear-gradient(90deg, #ff876d, #ff386a);
    border-radius: 12px 0 13px 0;
    text-align: left;
    position: absolute;
    left: -1px;
    top: -13px;
    color: #fff;
    padding: 0 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    font-size: 12px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .money_box_newu.beforeSt {
    width: 117px;
    height: 31.3253px;
    line-height: 31.3253px;
    background: -webkit-gradient(linear, left top, right top, from(#ff876d), to(#ff386a));
    background: linear-gradient(90deg, #ff876d, #ff386a);
    border-radius: 14.45783px 15.66265px 15.66265px 0;
    text-align: left;
    position: absolute;
    left: -1px;
    top: -13px;
    color: #fff;
    padding-left: 10px;
    font-size: 14.5px;
    -webkit-transform: scale(.83);
    transform: scale(.83);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .money_box_newu .vip_font_w {
    font-size: 16px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .money_title {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82;
    line-height: 25px;
    margin-top: 24px;
    text-align: center
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .price {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #031b4d;
    text-align: center
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .price .sign_img {
    margin-top: 8px;
    display: inline-block;
    vertical-align: middle
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .price .money_realy {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    font-size: 36px;
    font-weight: 500
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .price .money_so {
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
    color: #aab4c7
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .price .mouth_so {
    vertical-align: middle;
    display: inline-block;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4f5f82
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .price_n {
    margin-top: 20px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .price_ntop6 {
    margin-top: 17px !important
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .vip_price_yj {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    line-height: 17px;
    text-align: center;
    position: relative
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .vip_price_yj:after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #96a4bb;
    top: 8px;
    left: 16px;
    width: 70%
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .money_detail {
    width: 100%;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb;
    line-height: 20px;
    margin-top: 20px;
    text-align: center
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box .mark_img {
    display: none
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box.current {
    border: 1px solid #dc9c5a;
    background: #fdf7f1;
    -webkit-box-shadow: 0 4px 20px 0 rgba(150, 84, 0, .1);
    box-shadow: 0 4px 20px 0 rgba(150, 84, 0, .1)
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box.current .mark_img {
    display: inline-block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 23px;
    height: 22px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box.current .money_title, .fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box.current .price, .fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box.active .price .mouth_so {
    color: #965400
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box.current .money_so {
    color: #f2c48c
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box.current .money_detail {
    color: #d89749
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box1:not(:first-child) .price {
    margin-top: 6px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box1:first-child {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box1:first-child .price {
    margin-top: 14px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box1_act2 {
    -webkit-transform: translateX(-333px);
    transform: translateX(-333px);
    -webkit-transition: .85s;
    transition: .85s
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_slider .setMeal_slider_content .money_box1_act1 {
    -webkit-transform: translateX(-195px);
    transform: translateX(-195px);
    -webkit-transition: .4s;
    transition: .4s
}


.fixedpaylay .allPayBox_vip .setMeal .setMeal_info {
    height: 40px;line-height: 40px;padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #96a4bb
}


.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b {
    height: 160px;
    border: 1px dashed #dcdfe6;
    border-radius: 12px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .payAllchat_box {
    height: 140px;
    width: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    margin: 10px 20px 10px 8px;
    position: relative
}

.payAllchat_box img {width: 100%;height: 100%;font-size: 12px}


.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .payDetail {
    color: #031b4d;
    height: 17px;font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .payDetail .usename {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}


.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money {
    text-align: left;
    margin: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .moneys {
    color: #031b4d;font-size: 12px;
    line-height: 36px;
    margin-bottom: 1px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .moneys svg {
    font-size: 20px;
    margin-bottom: -5px;
}
.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .moneys svg:nth-child(1) {margin-left: 5px;margin-right: 0px;}
.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .moneys svg:nth-child(2) {margin-right: 5px;}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .moneys .needMoney {
    color: #ff5e52;
    font-size: 36px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 0 2px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .moneys .transPa {
    font-weight: 500;
    font-size: 16px;
    color: #031b4d;
    margin: 0 2px
}


.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #031b4d;
    margin-top: 10px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers .moneyKnow {
    display: inline-block;
    color: #3f66ff;
    margin-left: 8px;
    cursor: pointer;
    position: relative;
    height: 17px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers .moneyKnow .iconyoujian {
    font-size: 16px;
    margin-top: -3px;
    float: right
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers .moneyKnow:hover > .item-detail {
    display: block
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers .moneyKnow .item-detail {
    display: none;
    position: absolute;
    left: -203px;
    top: -256px;
    width: 458px;
    padding: 11px 13px;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 4px 10px 0 rgba(16, 98, 243, .16);
    box-shadow: 0 4px 10px 0 rgba(16, 98, 243, .16);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers .moneyKnow .item-detail:before {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, .8)
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers .moneyKnow .item-detail p {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 20px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_pay_b .money .noticeToUsers .moneyKnow .item-detail p:first-child {
    margin-bottom: 8px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_xieyi {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #031b4d;font-size: 12px;
    line-height: 17px;
    margin-top: 10px
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_xieyi i {
    position: relative;
    top: 1px;
    margin-right: 6px;
    cursor: pointer
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_xieyi i.iconoval {
    width: 14px;
    height: 14px;
    background: #fff;
    color: #3f66ff;
    border-radius: 50%;
    overflow: hidden
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_xieyi i.iconxuanzhong1 {
    color: #3f66ff
}

.fixedpaylay .allPayBox_vip .setMeal .setMeal_xieyi a {
    color: #3f66ff;
    cursor: pointer
}


.fixedpaylay .allPayBox_vip .setMeal .vipMess_top {
    padding-top: 12px;
}

.fixedpaylay .allPayBox_vip .setMeal .vipMess, .fixedpaylay .allPayBox_vip .setMeal .vipMess_top {
    width: 100%;
    border-radius: 12px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fixedpaylay .allPayBox_vip .setMeal .vipMess {
    padding: 21px 22px 20px 18px;
    margin-top: 10px
}


.fixedpaylay .hid {
    display: none
}
/*************20250213 end*************************/

@media screen and (max-width: 1500px) {
    .vnFiexdHeader {min-width: 1210px;}
    .vtopHeader {min-width: 1210px;}
    .navlist {margin-left: 30px;width: 600px;}
    .searchjiantou {width: 740px;}
    .kuai {margin-right: 18px;}
    .vnSearch form {width: 560px;}
    .vnFiexdHeader .searchhelp {width: 352px;}
    .vnSearch .searchinput input {width: 285px;}
    .w1500 {width: 1200px;}
    .w420 {width: 350px}
    .w1056 {width: 830px !important;}
    .indexli2.item_5 li {width: 25%;}
    .vtopHeader.detail .vnFiexdHeader .title {margin-left: 20px;width: 700px;}
    .vtopHeader.detail .vnFiexdHeader .downloadbtn {margin-right: 0px;width: 200px;}
    .zt-lists {width: 1200px;}
    .vnjietu img {max-width: 750px;}
    .searchhelp {width: 653px;}

}
.bds {width: 100%;overflow: hidden;}
.bds .tempWrap {width: 1500px;overflow: hidden;height: 220px;}
.bds ul {width: 99999px;white-space: nowrap;}
.bds ul li {float: initial;}
.bds img {width: 360px;height: 220px}

.topic li {width: 360px;margin-right: 21px}
.tempWrap {width: 1500px;height: 220px}
.tempWrap img {width: 360px;height: 220px}

.clicklay {height: 0px;overflow: hidden;display: flex;justify-content: space-between;}