@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";}
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: #1a76ff;}
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;}
.tabNav li, .num span, .turnbtn {cursor: pointer;}
.turnBtn {display: block;cursor: pointer;}
.pt24 {padding-top: 24px;}
.w1200 {width: 1200px;margin-left: auto;margin-right: auto;}
.w840 {width: 840px;}
.w340 {width: 340px;}
.pd20 {padding: 20px;}
.pd10 {padding: 10px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.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; position: relative;z-index: 11;}
.vtLogo { position: absolute;left: 0;top: 0; }
.vtLogo a { display: block; padding: 17px 0 19px 25px; }
.vnMian { padding-left: 276px; padding-right: 7%;}
.vtopHeader .nologbtn {background-color: #3584ff;height: 36px;width: 98px;color: #fff;border-radius: 5px;float: right;margin-top: 14px;text-align: center;line-height: 36px;margin-bottom: 14px;}
.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; }
.vnNavList { padding: 10px; }
.vnSiderNav .vnNavList { padding-top: 17px; }
.vnNavList li { height: 48px;line-height: 48px; margin-bottom: 24px;}
.vnNavList li a { display: block; padding-left: 62px; position: relative; width: 133px; height: 100%;border-radius: 6px;font-size: 16px; color: #292929; }
.vnNavList li i { display: block; width: 24px;height: 24px; background-color: #bdbdbd;border-radius: 50%; position: absolute;left: 24px;top: 50%;margin-top: -12px; }
.vnNavList li .n1 { background-position: -32px -25px; }
.vnNavList li .n2 { background-position: -32px -53px; }
.vnNavList li .n3 { background-position: -33px -84px; }
.vnNavList li .n4 { background-position: -32px -115px; }
.vnNavList li .n5 { background-position: -33px -145px; }
.vnNavList li .n6 { background-position: -32px -25px; }
.vnNavList li .n7 { background-position: -32px -25px; }
.vnNavList li .n8 { background-position: -32px -25px; }
.vnSiderNav { position: absolute;left: 0;top: 0; }
.vnNavList li a:hover, .vnNavList li.active a { background-color: #f1f2f4; font-weight: bold;}
.vnNavList li a:hover i, .vnNavList li.active a i { background-color: #292929; }
.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: #2254f4; 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: 44px; width: 94px;background-color: #fff; color: #777; padding: 4px 0;box-shadow: 0px 0px 5px #ccc;}
.type .typesel span { display: block; height: 36px;line-height: 36px;text-indent: 10px;}
.type .typesel span:hover, .type .typesel span.active { background-color: #f0f0f0;border-radius: 3px;cursor: pointer; }
.type .typesel span.active { color: #3584ff; }
.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: #2254f4;border-bottom: 3px solid #2254f4; }


.scaleimg img {transition: all 0.3s;;transform: scale(1, 1);}
.scaleimg:hover img {transform: scale(1.1, 1.1);transition: all 0.3s;}
.indexli2 { margin-right: -16px;}
.indexli2 li {float: left; width: 20%;margin-bottom: 18px;}
.indexli2 li .box { margin-right: 18px;border: 1px solid #e9e9e9;position: relative;border-radius: 5px;}
.indexli2 li .imglay { padding-top: 141.5%;position: relative;overflow: hidden;}
.indexli2 li img { width: 100%; /*-o-object-fit: contain;object-fit: contain;*/ position: absolute;left: 0;top: 0;height: 100%;}
.indexli2 li .titlay {display: block;height: 40px;line-height: 40px;padding: 0 10px;color: #424242;font-size: 14px;}
.indexli2 li .titlay:hover { color: #2254f4; }
.hovlay { display: none;z-index: 2}
.hovlay .unfav {z-index: 3;}
.hovlay .faved {z-index: 3;display: none;}
.indexli2 li:hover .imglay .hovlay {display: block;position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;}
.indexli2 .li .imglay .hovlay .downbtn {color: #fff;position: absolute;left: 50%;bottom: 24px;border-radius: 5px;width: 178px;height: 44px;margin-left: -89px;text-align: center;line-height: 44px;background: #3584ff;background-image: linear-gradient(to right, #65adff, #3584ff);cursor: pointer;}
.indexli2 .li .imglay .hovlay .downbtn:hover {background-image: linear-gradient(to right, #8cc2ff, #3584ff);}
.li .linkhov {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1;}
.indexli2 .li .imglay .hovlay .unfav {position: absolute;width: 74px;height: 30px;line-height: 30px;text-indent: 34px;background: url(../images/noselfav.png) 10px center no-repeat #ffffff;font-size: 14px;color: #666;right: 10px;top: 10px;border-radius: 5px;cursor: pointer;}
.indexli2 .li .imglay .hovlay .unfav:hover {background: url(../images/noselfavhov.png) 10px center no-repeat #ffffff;color: #3584ff}
.indexli2 .li .imglay .hovlay .faved {position: absolute;width: 74px;height: 30px;line-height: 30px;text-indent: 26px;background: url(../images/selfav.png) 5px center no-repeat #ffffff;font-size: 14px;color: #3584ff;right: 10px;top: 10px;border-radius: 5px;cursor: pointer;}
.indexli2 .li .imglay .hovlay i {font-style: normal;}
.vnClassly dl { padding-left: 56px; position: relative; margin-bottom: 20px;}
.vnClassly dl dt { position: absolute;left: 0;top: 0;height: 28px;line-height: 28px;color: #a0a0a0; }
.vnClassly dd {float: left;}
.vnClassly dd a { display: block;height: 28px;line-height: 28px;padding: 0 12px; border-radius: 4px; cursor: pointer; }
.vnClassly dd.active a { background-color: #1a76ff; color: #fff; }
.vnClassly {border-bottom: 1px solid #f1f2f4;margin-bottom: 16px;padding-top: 28px;}
.vnSearch { padding-top: 9px; }
.vnSearch form {height: 46px; width: 410px; margin-left: 240px; padding-left: 120px; padding-right: 108px; position: relative; background-color: #fff;border-radius: 5px; border: 1px solid #1a76ff;z-index: 10;}
.vnSearch .type { width: 120px;height: 46px;position: absolute;left: 0;top: 0;}
.vnSearch .type input { width: 100%;height: 100%;border: none 0;background: none;text-indent: 20px; color: #777777;font-size: 14px;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 input.open {background: url(../images/i-open.png) 94px center no-repeat;}
.vnSearch .type input.close {background: url(../images/i-open.png) 94px center no-repeat;}
.vnSearch .searchbtn { display: block;height: 46px; width: 98px; position: absolute;right: 0;top: 0; background-color: #1a76ff;border-radius: 0 5px 5px 0;}
.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: 20px;line-height: 20px;}
.vnSearch .searchinput input { display: block;width: 100%;height: 100%;border: none 0;font-size: 14px;font-family: "Microsoft YaHei";outline: none; background: none;}
.vtopHeader .w1200 { position: absolute;left: 50%;top: 0;margin-left: -600px; }
.vtopHeader .w1200 .vnSearch form { width: 612px; }
.vtopHeader .vnSearch .searchbtn { background: none; color: #7b7b7b; background-color: #1a76ff; color: #fff;}
.vtopHeader .vnSearch .searchbtn input { }
.vtopHeader .vnSearch .searchbtn .vnIocn { background-position: -64px -239px; }
.vtopHeader .w1200 .vnSearch form {border: none 0; background-color: #f3f3f3;}
.vtopHeader .w1200 .vnSearch .searchbtn { background: none; }
.vtopHeader .w1200 .vnSearch .searchbtn input { color: #7b7b7b;}
.vtopHeader .w1200 .vnSearch .searchbtn .vnIocn { background-position: -64px -213px; }

.pt60 {padding-top: 60px;}
.pt25 {padding-top: 25px;}
.w840 { width: 840px; }
.w288 { width: 288px; }
.vnDetileHeader { padding-right: 370px; position: relative; }
.vnDetileHeader .tt {font-size: 26px; color: #000;line-height: 1.4;font-weight: normal;}
.vnDetileHeader .tt i { display: inline-block; width: 22px;height: 22px; vertical-align: middle; margin-left: 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 .fav { display: block; width: 62px;height: 62px;border: 1px solid #e0e0e0;border-radius: 5px; position: absolute;right: 303px;top: 0; }
.vnDetileHeader .fav i { display: block;width: 22px;height: 21px; position: absolute;left: 50%;top: 50%;margin-left: -11px;margin-top: -11px; background-position: -60px -139px;}
.vnDetileHeader .fav:hover i { background-position: -60px -164px; }
.vnDetileHeader .fav.active i { background-position: -60px -187px; }
.vnDetileHeader .downbtn { display: block; position: absolute;right: 0;top: 0;width: 173px; padding-left: 115px; background-color: #1a76ff;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; }
.vnDetialTag {margin-top: 16px;font-size: 0;margin-bottom: 20px;}
.vnDetialTag 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: 10px;font-size: 14px;}
.vnTitles {font-size: 18px; color: #2c2c2c;margin-bottom: 10px;}
.vnjietu img { display: block;width: 100%; }
.vnVideoBox {margin-bottom: 28px;}
.w288 .indexli2 li { width: 100%; }
.w288 .indexli2 {margin-right: 0;}
.w288 .indexli2 li .box {margin-right: 0;}
.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: 0px;top: 46px;background: #ffffff;width: 100%;border-radius: 4px;box-shadow: 0px 0px 5px #333;padding-bottom: 10px;}
.searchhelp div {height: 36px;line-height: 36px;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;}
.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;}
.searchhelp div.suggest i.t {background: #3584ff}
.searchhelp div.suggest i.f {background: #d1def4}
.searchhelp div.suggest span {margin-left: 10px;color: #333;width: auto;overflow: hidden;height: 36px;line-height: 36px;}

.vnSecletNav {margin-bottom: 14px;width: 108px;position: relative;z-index: 6;}
.selectOpt {border: 1px solid #e8eaec;width: 106px;height: 32px;line-height: 32px;border-radius: 3px; font-size: 14px;text-indent: 28px; position: relative;}
.selectOpt .vnIocn {display: block;width: 12px;height: 8px; background-position: -60px -261px; position: absolute;left: 8px;top: 50%;margin-top: -4px;}
.selectOpt:after {content: '';display: block; width: 6px;height: 4px;background-image: url('../images/vnIocn.png');background-position: -77px -262px; position: absolute;right: 7px;top: 50%;margin-top: -2px;overflow: hidden;}
.selectList { position: absolute; left: 0;width: 100%;top: 34px; background-color: #fff;padding: 4px 0;-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;overflow: hidden; display: none;}
.selectList li { height: 36px;line-height: 36px;text-indent: 12px;cursor: pointer; }
.selectList li a { display: block; width: 100%;height: 100%; color: #333; }
.selectList li:hover, .selectList li.active { background-color: #f0f0f0; }
.selectList li.active a { color: #3584ff; }
.vnSecletNav:hover .selectList {display: block;}

.vnFilterWrap { position: relative;}
.vnFilterWrap .updateInfo {text-align: right; line-height: 32px; float: right;}
.vnFilterWrap h1 { position: absolute; left: 50%; top: 6px; transform: translate(-50%, 0%);}

.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;}

.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: 750px;height: 480px;border-radius: 7px;left: 50%;top: 50%;margin-left: -345px;margin-top: -220px;}
.wqlogin .leftpic {float: left;height: 480px;width: 322px;background: url(../images/leftpic.png) no-repeat;}
.wqlogin .rightmain { background-color: #fff;height: 480px;width: 428px;float: right; }
.logotitle { text-align: center; font-size: 20px; color: #121212;line-height: 30px;padding-top: 44px;margin-bottom: 7px;}
.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: 42px;height: 42px;margin: 0 auto 10px;border: 1px solid #d6d6d6;border-radius: 50%; position: relative;}
.other a span .vnIocn { display: block;width: 19px;height: 21px; position: absolute;left: 50%;top: 50%;margin-left: -9.5px;margin-top: -10.5px; }
.qqlogin span .vnIocn {background-position: 0 -276px;}
.other {padding-top: 30px;}
.other .qqlogin:hover span {border-color: #26a5fe; background-color: #26a5fe;}
.other .qqlogin:hover span .vnIocn { background-position: -24px -276px; }
.phlogin span .vnIocn {background-position: -49px -276px;}
.other .phlogin:hover span {border-color: #ff9100; background-color: #ff9100;}
.other .phlogin:hover span .vnIocn { background-position: -72px -276px; }
.other .welogin span .vnIocn {background-position: 0 -531px; width: 23px;margin-left: -11.5px;}
.other .welogin:hover span {border-color: #22d04f; background-color: #22d04f;}
.other .welogin:hover span .vnIocn { background-position: -27px -531px; }


.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 50px 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: #1a76ff; }
.vnPayRight .pay-box .gou { display: none; width: 0;height: 0;border-bottom: 66px solid #1a76ff; 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: #1a76ff;}
.vnPayRight .pay-box.current .tj_icon { color: #fff; }
.vnPayRight .pay-box.current .info2 { color: #1a76ff; }
.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: #1a76ff;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 #1a76ff;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;}
.proposalBox { width: 520px; padding: 30px 40px 40px;display: none; position: absolute;right: -30px; top: 30px; background-color: #fff;border-radius: 4px;-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%);}
.proposalBox > h4.tt {text-align: center;font-size: 20px; color: #000000;font-weight: bold;line-height: 32px;margin-bottom: 34px;}
.proposalNav { padding-left: 92px; position: relative; margin-bottom: 25px;}
.proposalNav .tt {font-size: 16px; color: #000000; position: absolute;left: 0;top: 0;line-height: 36px;}
.proposalNav ul li {float: left;height: 34px; line-height: 34px; border: 1px solid #e3e3e3;margin-right: 12px;text-align: center;font-size: 14px; color: #666666;border-radius: 2px;cursor: pointer;}
.proposalNav ul li.active {border-color: #007aff;color: #007aff;}
.proposalNav ul li.li1 { width: 114px; }
.proposalNav ul li.li2 { width: 142px; }
.proposalNav ul li.li3 { width: 142px; margin-right: 0;}
.proposalTextarea {border: 1px solid #e3e3e3;padding: 7px 12px 3px;height: 120px;margin-bottom: 15px;}
.proposalTextarea textarea {border: none 0;outline: none;width: 100%;height: 100%;resize: none;font-size: 14px;font-family: "Microsoft YaHei";}
.proposalInput {border: 1px solid #e3e3e3;padding: 9px 12px;height: 20px;line-height: 20px;}
.proposalInput input { display: block;width: 100%;height: 100%;font-size: 14px;font-family: "Microsoft YaHei";outline: none;border: none 0; }
.proposalBox .tablist .btn { display: block;width: 220px;height: 54px;line-height: 54px;text-align: center;background-color: #007aff;margin: 40px auto 0; border: none 0;border-radius: 4px;font-size: 16px; color: #fff;font-family: "Microsoft YaHei";outline: none;}
.proposalSectic {margin-top: 18px;margin-bottom: 18px; display: none;}
.proposalSectic .tt {font-size: 14px; color: #000000;float: left;}
.secticmi { width: 100px;float: left;font-size: 14px; position: relative; cursor: pointer;}
.secticmi .sectInputbox {border: 1px solid #e3e3e3;width: 100%;height: 24px;line-height: 24px;}
.secticmi .sectInputbox input { display: block;width: 100%;height: 100%;border: none 0;outline: none;font-family: "Microsoft YaHei"; text-indent: 6px;}
.secticmi .setcmilist { position: absolute;left: 0;top: 26px;border: 1px solid #7b9dd4; right: 0;background-color: #fff; display: none;}
.secticmi .setcmilist li {height: 24px;line-height: 24px;text-indent: 6px;}
.secticmi .setcmilist li.active, .secticmi .setcmilist li:hover.active {background-color: #1e90ff; color: #fff;}
.secticmi .setcmilist li:hover { background-color: #f0f0f0; }

.secticmi:hover .setcmilist { display: block; }
.iconBtn:hover .proposalBox { display: block; }

.iconBtn:hover .kflay {display: block;}
.kflay {position: absolute;display: none;width: 230px;height: 170px;-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%);right: -50px;top: 30px;background-color: #fff;border-radius: 5px;}
.kflay .kfmainbox {float: left;width: 200px;height: 118px;margin: 15px;margin-bottom: 0px;border-bottom: 1px solid #e9e9e9}
.kflay .kfmainbox .qqkf {float: left;background: url(../images/icon-qq.png) left center no-repeat;height: 30px;color: #666;line-height: 30px;padding-left: 30px;width: 170px;text-align: left;}
.kflay .kfmainbox .info {float: left;width: 170px;text-align: left;padding-left: 30px;font-size: 12px;color: #666;}
.kflay .kfmainbox .info p {float: left;width: 100%;height: 20px;line-height: 20px;}
.kflay .kfmainbox .btn {background-color: #3584ff;width: 76px;height: 26px;margin-top: 10px;text-align: center;float: left;margin-left: 30px;line-height: 26px;color: #fff;border-radius: 5px;}
.kflay em {float: left;margin-left: 30px;text-align: left;font-size: 12px;line-height: 30px;color: #666}

.user .kthy {float: left;margin-right: 10px;padding-top: 20px;color: #c28748;background: url(../images/vip1.png) center top no-repeat;margin-top: 15px}
.user .logined {float: left;height: 70px;position: relative;}

.user .logined:hover .userhov {display: block;}
.user .headimg {float: left;margin-top: 10px;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: 60px;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: 268px;}
.user .logined .userhov .box .userinfo {float: left;width: 100%;border-bottom: 1px solid #e0e0e0;padding-bottom: 12px;}
.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: 42px;}
.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: 70px;height: 26px;text-align: center;line-height: 26px;background-color: #333;color: #e6c69b;font-size: 12px;border-radius: 13px;margin-top: 8px;}
.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: 46px;height: 46px;margin-left: 16px;border-radius: 50%;}
.user .logined .userhov .box .vipbox .infoli a i.infoli1 {background: url(../images/infoli1.png) center center no-repeat #eff5ff;}
.user .logined .userhov .box .vipbox .infoli a i.infoli2 {background: url(../images/infoli2.png) center center no-repeat #eff5ff;}
.user .logined .userhov .box .vipbox .infoli a i.infoli3 {background: url(../images/infoli3.png) center center no-repeat #eff5ff;}
.user .logined .userhov .box .vipbox .infoli a i.infoli4 {background: url(../images/infoli4.png) center center no-repeat #eff5ff;}
.user .logined .userhov .box .vipbox .infoli a span {float: left;width: 100%;text-align: center;font-size: 12px;color: #333;}

.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: 164px;height: 45px;}
.foot .aboutlay .rightabout {float: right; margin-top: 15px;}
.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 .friendlink {float: left;width: 100%;border-bottom: 1px solid #e0e0e0;margin-top: 52px;padding-bottom: 30px;}
.foot .friendlink 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;
}
.vnFiexdHeader {width: 100%;height: 71px; display: none;}
.vnFiexdHeader.active { display: block; }
.vtopHeader.active { position: fixed;left: 0;right: 0;top: 0; }
.vnSiderNav { background-color: #fff;z-index: 9; }
.vnSiderNav.active { position: fixed;left: 0;top: 71px; }

.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(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OUM5RURFOEZGODExMUU4OTE5NkM2NUM1MzNGRkE2QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OUM5RURFOUZGODExMUU4OTE5NkM2NUM1MzNGRkE2QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5QzlFREU2RkY4MTExRTg5MTk2QzY1QzUzM0ZGQTZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5QzlFREU3RkY4MTExRTg5MTk2QzY1QzUzM0ZGQTZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGwASAwERAAIRAQMRAf/EAG4AAAMBAQAAAAAAAAAAAAAAAAMEBQYIAQEBAAAAAAAAAAAAAAAAAAABABAAAQMCAQcKBwAAAAAAAAAAAgEDBAAFESExUSIyMwZhcRJSYhOzNDU2coJDFHQV1REBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhEDEQA/AOgn2Lrd79corV6mWuPb+4BtuEMRUNXW+8IjWRHkFjlwyKiVIC7WS+Wy1TLi1xVdHnIbDj4NPBblbNWwUkE0GGJdFcMuCovLQFr9q91R8l918+jmpJWze6OIviieBUjPFvta8fhSPCKqik/5NRTxmXOPxdfgilCESSIapMdNslxZUUUUESxHVXLpoRW/32+SOFbqZLbW21iyQITedFzVEgyCQJnw1dNQXO6d6heldDMu1o56SBxZ5lj0bYX1bbz/AE+zRUkwfOx/a+8Dcb3aTd9rq8tQbykv/9k=) 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(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQjdFMEEwOEZGODExMUU4QUFDOEM1N0UyNjMwNzkwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQjdFMEEwOUZGODExMUU4QUFDOEM1N0UyNjMwNzkwRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVCN0UwQTA2RkY4MTExRThBQUM4QzU3RTI2MzA3OTBEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVCN0UwQTA3RkY4MTExRThBQUM4QzU3RTI2MzA3OTBEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGwAaAwERAAIRAQMRAf/EAGoAAQEBAQEAAAAAAAAAAAAAAAUABAMIAQEBAAAAAAAAAAAAAAAAAAAAARAAAgEDAgQDBwUAAAAAAAAAAQIDEQQFABIhMRMUQTQGYYHBIjJCI4OzdDU2EQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A9N5HN4zHPHHdzFZpQzRQIjyyuEIDbI41d2puHIaDEc1mZmE1jh5JLBQS7TuttcyAio6EEgHjwImaL36DRa+pMXPcx2rGW2u5WKR291DLAzOqlmCGRVWSgU8UJHt0CegKn/1Nn/Cuf3YdEGZT17jIZJcdjFN/6iEzW0OIo0cnUAr1JNwGyAL8xl+mnKpIGhW7Id1vwHd7O67odfpV6e/tpd2zdx215V0DWii81Z3ZltclYqJL2xLfgJC9aGWgliDHgrHarKT9yivAnQcoMz6Xdpso0ttbXUMYivJbjZDcQqDuEU2+joATUA8PEaCtTcZXJRX7I0ONtAxslkBR5pXUq0xQ0KoqEqgYVNSeVKgzoLQG3/8AZ2Pk+beY8x+h8dAloLQf/9k=) 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; }
.vnListNavDiv { width: 100%;display: none; }
.vnListNavDiv.active { display: block; }
.vnListNav.active { position: fixed;left: 0;top: 0; right: 0; z-index: 100; background-color: #fff;}
.vnLoading {height: 50px;margin-top: 30px;text-align: center;font-size: 14px;line-height: 50px;margin-bottom: 30px;}
.vnLoading span { display: block; position: relative;
    width: 42px;
    height: 42px;
    -webkit-animation: preloader_6 5s infinite linear;
    -moz-animation: preloader_6 5s infinite linear;
    -ms-animation: preloader_6 5s infinite linear;
    animation: preloader_6 5s infinite linear;margin: 0 auto; opacity: 0.8;}
.vnLoading span i { display: block; width: 6px;height: 6px; background-color: #2254f4; position: absolute; width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    -webkit-animation: preloader_6_span 1s infinite linear;
    -moz-animation: preloader_6_span 1s infinite linear;
    -ms-animation: preloader_6_span 1s infinite linear;
    animation: preloader_6_span 1s infinite linear;}
.vnLoading span .i1 { }
.vnLoading span .i2 { left: 22px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    animation-delay: .2s; }
.vnLoading span .i3 { top: 22px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s; }
.vnLoading span .i4 { top: 22px;
    left: 22px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    animation-delay: .6s; }
@-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;
    -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);
    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
}

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

.list .one .down i {
    display: inline-block;
    vertical-align: -2px;
    width: 20px;
    height: 17px;
    background-image: url(http://www.ppt118.com/style/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(http://www.ppt118.com/style/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 { height: 160px;position: relative;}
.audioList .linkbox { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0}
.audioList .rotateBox { position: absolute; z-index: 3;width: 80px; height: 80px; left: 20px;top: 20px;}
.audioList .musicRecord { width: 80px; height: 80px; background: url(../images/musicRecordSmall.png) 0 0; background-size: cover;}
.audioList .musicBtn { width: 80px; height: 80px; text-align: center; line-height: 80px; color: #fff;position: absolute; top: 0px; left: 0px;margin: 0px; cursor: pointer;}
.audioList .musicBtn i { color: #fff; font-size: 13px;width: 100%;height: 100%;line-height: 80px;text-align: center;display: block;}
.audioList .musicBtn i.icon-pause { text-indent: 2px;background: url(../images/play.png) center center no-repeat;}

.audioList .rightCon { padding-top: 18px; margin-bottom: 24px; height: 57px; padding-left: 115px; float: none;}
.audioList .audioName { color: #333; line-height: 20px; margin: 0 auto;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-top: 16px;height: 20px;display: block;}
.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: 60px auto 20px; position: relative;}
.audioList .time-bar { height: 3px; width: 210px;border-radius: 3px; 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: block;}

.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 .move-color { position: absolute; left: 0; top: 0;height: 3px;background-color: #0d81f6; z-index: 2; max-width: 210px;}
.audioList .list-btn {position: absolute; width: 146px; right: 14px; top: -30px; left: auto;padding: 0; height: 25px; background-color: transparent; background-image: none; bottom: 62px; top: auto; right: 20px;display: block; /* opacity: 0;*/transition: all 0.2s}
.audioList .list-btn .collect-btn {width: 40px; padding-left: 25px;height: 28px;line-height: 28px;color: #999; border-radius: 2px; margin-left: 0px;background: url(../images/noselfav.png) 5px center no-repeat #ffffff;cursor: pointer;border: 1px solid #999}
.audioList .list-btn .download { width: 75px; 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;}

.audioList .list-btn .collect-btn:hover {border-color: #3584ff; color: #3584ff;background: url(../images/noselfavhov.png) 5px center no-repeat;}
.audioList .list-btn .collect-btn.active {background: url(../images/selfav.png) 5px center no-repeat #ffffff;display: block;border-color: #3584ff; color: #3584ff;}

.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: #3584ff;
    background-image: linear-gradient(to right, #65adff, #3584ff);
}


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


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

@media screen and (max-width: 1680px) {
    .vnMian {padding-right: 4%; padding-left: 260px;}
    .indexli2 .li.audioHandler { width: 25%; }
    .vnMian.audioHBox .ov {width: 1330px;}
}
@media screen and (max-width: 1500px) {
    .vnMian {padding-right: 2%; padding-left: 240px;}
    .indexli2 li {width: 25%;}
    .w288 .indexli2 li { width: 100%; }
    .vnMian.audioHBox .ov {width: 1200px;}
    .list { width: 1440px;}
}
@media screen and (max-width: 1440px) {
    .vnMian {padding-right: 24px; padding-left: 220px;}
    .list { width: 1200px;}

}
@media screen and (max-width: 1300px) {
    .vnMian {padding-right: 24px;}
}

.graybg30 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxN0UyRjQwOEM5MDQxMUVCOEM4REZFRTEyRURCRTU0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxN0UyRjQwOUM5MDQxMUVCOEM4REZFRTEyRURCRTU0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3RTJGNDA2QzkwNDExRUI4QzhERkVFMTJFREJFNTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3RTJGNDA3QzkwNDExRUI4QzhERkVFMTJFREJFNTQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5xxOwAAAAA9JREFUeNpiYGBg8AUIMAAAUgBOUWVeTwAAAABJRU5ErkJggg==)}


/*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: 100px 0px;}
.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;}
.AudioBox .musicBtn { width: 38px; height: 38px; position: absolute; top: 121%; left: -72%;text-align: center; line-height: 38px; cursor: pointer;border: 2px solid #0d81f6;border-radius: 50%}
.AudioBox .musicBtn i {width: 38px;height: 38px;display: block;line-height: 38px;text-align: center;}

.icon-music::before {background: url(../images/music.png) center center no-repeat;content: "";width: 308px;height: 308px;display: block}
.AudioBox .icon-play::after { background: url(../images/pauseblue.png) center center no-repeat;content: "";width: 38px;height: 38px;display: block;}
.AudioBox .icon-pause::after { background: url(../images/playblue.png) center center no-repeat;content: "";width: 38px;height: 38px;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;}

.w288 .indexli2 .li.audioHandler { width: 100%; }
.w288 .indexli2 .li.audioHandler .audioName {padding-right: 10px;}
@media screen and (max-width: 1680px) {
    .w288 .indexli2 .li.audioHandler { width: 100%; }
}

.png-list { margin-right: 0; }
.proposalBox .advice_submit { display: block; width: 220px; height: 54px; margin: 40px auto 0; background-color: #007aff; color: #fff;border: none 0; border-radius: 4px;font-family: '微软雅黑';font-size: 16px;}

.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;}
.vtopHeader.active {z-index: 101;}
.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: 48px;width: 98px;position: absolute;right: -1px;top: -1px;background-color: #1a76ff;border-radius: 0 5px 5px 0;}
.vnSearchBanner .vnSearchItem .searchbtn {right: -1px;}

.scaleimg:hover img {transform: scale(1.05, 1.05);}
.indexli2 .li .imglay .hovlay .downbtn { background: #2254f4; }

.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 #3584ff;}


.indexMoreLink {display: block; height: 48px; background-color: #2254f4;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;}

.vnSdermore { padding-left: 10px; }
.sdmBtn { margin-bottom: 25px;display: block; height: 70px; background-image: url('../images/sidermore.png');background-position: 0 0;line-height: 70px;padding-left: 25px; color: #fff;font-size: 18px;border-radius: 5px;}
.sdmBtn:hover { color: #fff; }
.vnSdermore .xvKf .iconBtn { display: block; width: 33.3%; float: left; background: none;height: auto; position: relative;}
.sdmIcon { text-align: center;font-size: 14px; color: #000000; cursor: pointer;position: relative;line-height: 1;}
.sdmIcon:hover { color: #1a76ff; }
.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; }
.vnSdermore .kflay {right: -230px; top: auto;z-index: 10; bottom: -20px;}
.vnSdermore .proposalBox { right: -600px;top: auto; bottom: -20px; }
.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;}


.vipBgDownBanner { width: 100%;height: 186px; background-color: #407DFA;background-image: url('../images/0223-01banner.png');background-size: cover; color: #fff;}
.vipBgDownBanner .box { width: 762px;margin: 0 auto;height: 100%; background-image: url('../images/0223-01banner-1.png');background-position: right 5px;background-repeat: no-repeat; }
.vipBgDownBanner .tt {height: 52px;font-size: 40px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #FFFFFF;line-height: 52px; padding-top: 30px;}
.vipBgDownBanner .tt span {display: inline-block;position: relative;padding-right: 48px;}
.vipBgDownBanner .tt span:after {content: '';display: block;width: 40px;height: 19px;background-image: url('../images/0223-01banner-2.png');background-size: cover;position: absolute;right: 0; bottom: 7px;}
.vipBgDownBanner .text {height: 26px;font-size: 20px;font-family: MicrosoftYaHei;color: #FFFFFF;line-height: 26px;margin-top: 9px;}
.vipBgDownBanner .btn { display: block;width: 98px;line-height: 34px;height: 34px;background: #FFFFFF;border-radius: 4px;margin-top: 15px;text-align: center;font-size: 14px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #3E78FC; }

.breadnav { margin-bottom: 25px; color: #9d9d9d}
.breadnav a {color: #9d9d9d}

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

.fenlei_wrap .fenlei, .fenlei_wrap a.home {
    margin-left: 23px;
    width: 68px;
    color: #666;
    font-size: 15px;
    line-height: 60px;
    float: left;
    cursor: pointer;
    z-index: 10;
}

.fenlei_wrap .fenlei {
    position: relative;;
}

.fenlei_wrap .home:hover, .fenlei_wrap .fenlei:hover {
    color: #3584ff
}

.fenlei_wrap .fenlei ul {
    position: absolute;
    top: 53px;
    left: -46px;
    z-index: 10;
    display: none;
    padding: 10px 11px 9px 11px;
    width: 115px;
    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: #3584ff;
    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}

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
}

.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);}


.nomb {margin-bottom: 0px}
.doyoulike {
    overflow: hidden;
    margin-bottom: -11px;
    height: 42px;
    background: #fff;
    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
}

.mycollect{width:100%;margin-top:.2rem;height:auto; border-bottom: 1px solid #e9e9e9;}
.mycollect .menu{width:100%;height:100%;overflow: hidden; margin-left: 20px;margin-top: 10px;} /*用户中心-我的下载-菜单*/
.mycollect .menu>a{width:auto;display:inline-block;float:left; padding: 5px 20px;}
.mycollect .menu .on{color:white;background:#007aff;border-radius:.05rem}

.addPcWrap { position: fixed;bottom: 200px;z-index: 91;width: 134px;right: -2px;height: 120px;cursor: pointer; display: none; }
.addPcWrap .closeBtn {display: inline-block; width: 20px;height: 20px;position: absolute; right: 8px; top: 5px; background-image: url("/style24/images/close.webp"); background-size: 20px; overflow: hidden}
.addPcWrap .addPcBtn {display: block;width: 134px;height: 120px;}


@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) {

}