/** layui-v2.5.4 MIT License By https://www.layui.com */ @import url("https://at.alicdn.com/t/c/font_3231246_3qv6fh2u4hk.css"); .layui-inline,img{display:inline-block;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-weight:400}.layui-edge,.layui-header,.layui-inline,.layui-main{position:relative}.layui-body,.layui-edge,.layui-elip{overflow:hidden}.layui-btn,.layui-edge,.layui-inline,img{vertical-align:middle}.layui-btn,.layui-disabled,.layui-icon,.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-elip,.layui-form-checkbox span,.layui-form-pane .layui-form-label{text-overflow:ellipsis;white-space:nowrap}.layui-breadcrumb,.layui-tree-btnGroup{visibility:hidden}blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{border:none}li{list-style:none}table{border-collapse:collapse;border-spacing:0}h4,h5,h6{font-size:100%}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word} body{line-height:24px;font:14px "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;background:#2f2f2f!important;color: #bbb;padding: 68px 0 0 0;} @media only screen and (max-width:480px){body{padding:48px 0 0 0;}} hr{height:1px;margin:5px 0;border:0;clear:both}a{color:#333;text-decoration:none}a:hover{color:#777}a cite{font-style:normal;*cursor:pointer}.layui-border-box,.layui-border-box *{box-sizing:border-box}.layui-box,.layui-box *{box-sizing:content-box}.layui-clear{clear:both;*zoom:1}.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}.layui-inline{*display:inline;*zoom:1}.layui-edge{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent}.layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}.layui-edge-right{border-left-color:#999;border-left-style:solid}.layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}.layui-edge-left{border-right-color:#999;border-right-style:solid}.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important} @font-face{font-family:layui-icon;src:url(../font/iconfont_v=250.eot);src:url(../font/iconfont_v=250.eot#iefix) format('embedded-opentype'),url(../font/iconfont_v=250.woff2) format('woff2'),url(../font/iconfont_v=250.woff) format('woff'),url(../font/iconfont_v=250.ttf) format('truetype'),url(../font/iconfont_v=250.svg#layui-icon) format('svg')} .layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .layui-icon-reply-fill:before{content:"\e611"}.layui-icon-set-fill:before{content:"\e614"}.layui-icon-menu-fill:before{content:"\e60f"}.layui-icon-search:before{content:"\e615"}.layui-icon-share:before{content:"\e641"}.layui-icon-set-sm:before{content:"\e620"}.layui-icon-engine:before{content:"\e628"}.layui-icon-close:before{content:"\1006"}.layui-icon-close-fill:before{content:"\1007"}.layui-icon-chart-screen:before{content:"\e629"}.layui-icon-star:before{content:"\e600"}.layui-icon-circle-dot:before{content:"\e617"}.layui-icon-chat:before{content:"\e606"}.layui-icon-release:before{content:"\e609"}.layui-icon-list:before{content:"\e60a"}.layui-icon-chart:before{content:"\e62c"}.layui-icon-ok-circle:before{content:"\1005"}.layui-icon-layim-theme:before{content:"\e61b"}.layui-icon-table:before{content:"\e62d"}.layui-icon-right:before{content:"\e602"}.layui-icon-left:before{content:"\e603"}.layui-icon-cart-simple:before{content:"\e698"}.layui-icon-face-cry:before{content:"\e69c"}.layui-icon-face-smile:before{content:"\e6af"}.layui-icon-survey:before{content:"\e6b2"}.layui-icon-tree:before{content:"\e62e"}.layui-icon-upload-circle:before{content:"\e62f"}.layui-icon-add-circle:before{content:"\e61f"}.layui-icon-download-circle:before{content:"\e601"}.layui-icon-templeate-1:before{content:"\e630"}.layui-icon-util:before{content:"\e631"}.layui-icon-face-surprised:before{content:"\e664"}.layui-icon-edit:before{content:"\e642"}.layui-icon-speaker:before{content:"\e645"}.layui-icon-down:before{content:"\e61a"}.layui-icon-file:before{content:"\e621"}.layui-icon-layouts:before{content:"\e632"}.layui-icon-rate-half:before{content:"\e6c9"}.layui-icon-add-circle-fine:before{content:"\e608"}.layui-icon-prev-circle:before{content:"\e633"}.layui-icon-read:before{content:"\e705"}.layui-icon-404:before{content:"\e61c"}.layui-icon-carousel:before{content:"\e634"}.layui-icon-help:before{content:"\e607"}.layui-icon-code-circle:before{content:"\e635"}.layui-icon-water:before{content:"\e636"}.layui-icon-username:before{content:"\e66f"}.layui-icon-find-fill:before{content:"\e670"}.layui-icon-about:before{content:"\e60b"}.layui-icon-location:before{content:"\e715"}.layui-icon-up:before{content:"\e619"}.layui-icon-pause:before{content:"\e651"}.layui-icon-date:before{content:"\e637"}.layui-icon-layim-uploadfile:before{content:"\e61d"}.layui-icon-delete:before{content:"\e640"}.layui-icon-play:before{content:"\e652"}.layui-icon-top:before{content:"\e604"}.layui-icon-friends:before{content:"\e612"}.layui-icon-refresh-3:before{content:"\e9aa"}.layui-icon-ok:before{content:"\e605"}.layui-icon-layer:before{content:"\e638"}.layui-icon-face-smile-fine:before{content:"\e60c"}.layui-icon-dollar:before{content:"\e659"}.layui-icon-group:before{content:"\e613"}.layui-icon-layim-download:before{content:"\e61e"}.layui-icon-picture-fine:before{content:"\e60d"}.layui-icon-link:before{content:"\e64c"}.layui-icon-diamond:before{content:"\e735"}.layui-icon-log:before{content:"\e60e"}.layui-icon-rate-solid:before{content:"\e67a"}.layui-icon-fonts-del:before{content:"\e64f"}.layui-icon-unlink:before{content:"\e64d"}.layui-icon-fonts-clear:before{content:"\e639"}.layui-icon-triangle-r:before{content:"\e623"}.layui-icon-circle:before{content:"\e63f"}.layui-icon-radio:before{content:"\e643"}.layui-icon-align-center:before{content:"\e647"}.layui-icon-align-right:before{content:"\e648"}.layui-icon-align-left:before{content:"\e649"}.layui-icon-loading-1:before{content:"\e63e"}.layui-icon-return:before{content:"\e65c"}.layui-icon-fonts-strong:before{content:"\e62b"}.layui-icon-upload:before{content:"\e67c"}.layui-icon-dialogue:before{content:"\e63a"}.layui-icon-video:before{content:"\e6ed"}.layui-icon-headset:before{content:"\e6fc"}.layui-icon-cellphone-fine:before{content:"\e63b"}.layui-icon-add-1:before{content:"\e654"}.layui-icon-face-smile-b:before{content:"\e650"}.layui-icon-fonts-html:before{content:"\e64b"}.layui-icon-form:before{content:"\e63c"}.layui-icon-cart:before{content:"\e657"}.layui-icon-camera-fill:before{content:"\e65d"}.layui-icon-tabs:before{content:"\e62a"}.layui-icon-fonts-code:before{content:"\e64e"}.layui-icon-fire:before{content:"\e756"}.layui-icon-set:before{content:"\e716"}.layui-icon-fonts-u:before{content:"\e646"}.layui-icon-triangle-d:before{content:"\e625"}.layui-icon-tips:before{content:"\e702"}.layui-icon-picture:before{content:"\e64a"}.layui-icon-more-vertical:before{content:"\e671"}.layui-icon-flag:before{content:"\e66c"}.layui-icon-loading:before{content:"\e63d"}.layui-icon-fonts-i:before{content:"\e644"}.layui-icon-refresh-1:before{content:"\e666"}.layui-icon-rmb:before{content:"\e65e"}.layui-icon-home:before{content:"\e68e"}.layui-icon-user:before{content:"\e770"}.layui-icon-notice:before{content:"\e667"}.layui-icon-login-weibo:before{content:"\e675"}.layui-icon-voice:before{content:"\e688"}.layui-icon-upload-drag:before{content:"\e681"}.layui-icon-login-qq:before{content:"\e676"}.layui-icon-snowflake:before{content:"\e6b1"}.layui-icon-file-b:before{content:"\e655"}.layui-icon-template:before{content:"\e663"}.layui-icon-auz:before{content:"\e672"}.layui-icon-console:before{content:"\e665"}.layui-icon-app:before{content:"\e653"}.layui-icon-prev:before{content:"\e65a"}.layui-icon-website:before{content:"\e7ae"}.layui-icon-next:before{content:"\e65b"}.layui-icon-component:before{content:"\e857"}.layui-icon-more:before{content:"\e65f"}.layui-icon-login-wechat:before{content:"\e677"}.layui-icon-shrink-right:before{content:"\e668"}.layui-icon-spread-left:before{content:"\e66b"}.layui-icon-camera:before{content:"\e660"}.layui-icon-note:before{content:"\e66e"}.layui-icon-refresh:before{content:"\e669"}.layui-icon-female:before{content:"\e661"}.layui-icon-male:before{content:"\e662"}.layui-icon-password:before{content:"\e673"}.layui-icon-senior:before{content:"\e674"}.layui-icon-theme:before{content:"\e66a"}.layui-icon-tread:before{content:"\e6c5"}.layui-icon-praise:before{content:"\e6c6"}.layui-icon-star-fill:before{content:"\e658"}.layui-icon-rate:before{content:"\e67b"}.layui-icon-template-1:before{content:"\e656"}.layui-icon-vercode:before{content:"\e679"}.layui-icon-cellphone:before{content:"\e678"}.layui-icon-screen-full:before{content:"\e622"}.layui-icon-screen-restore:before{content:"\e758"}.layui-icon-cols:before{content:"\e610"}.layui-icon-export:before{content:"\e67d"}.layui-icon-print:before{content:"\e66d"}.layui-icon-slider:before{content:"\e714"}.layui-icon-addition:before{content:"\e624"}.layui-icon-subtraction:before{content:"\e67e"}.layui-icon-service:before{content:"\e626"}.layui-icon-transfer:before{content:"\e691"} /* Project id 1279898 @font-face { font-family: "iconfont"; src: url('http://at.alicdn.com/t/font_1279898_ol3mmglksr.woff2?t=1621755829283') format('woff2'), url('http://at.alicdn.com/t/font_1279898_ol3mmglksr.woff?t=1621755829283') format('woff'), url('http://at.alicdn.com/t/font_1279898_ol3mmglksr.ttf?t=1621755829283') format('truetype'); } .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .ic-success:before{content: "\e771";}.ic-scart:before {content: "\e76d";}.ic-qdownload:before{content: "\e74e";}.ic-qstar1:before{content: "\e74f";}.ic-qstar2:before{content: "\e750";}.ic-qstar3:before{content: "\e751";}.ic-ialipay:before{content: "\e716";}.ic-iwxpay:before{content: "\e715";}.ic-logo:before{content: "\e6fe";}.ic-search:before{content: "\e6ad";}.ic-balance:before{content: "\e6ae";}.ic-design:before{content: "\e6af";}.ic-company:before{content: "\e6b2";}.ic-collection:before{content: "\e6b3";}.ic-message:before{content: "\e6b4";}.ic-success:before{content: "\e6b5";}.ic-mail_success:before{content: "\e6b6";}.ic-alipay:before{content: "\e6b8";}.ic-download:before{content: "\e6b9";}.ic-s:before{content: "\e6ba";}.ic-tips:before{content: "\e6bc";}.ic-del:before{content: "\e6bd";}.ic-upload:before{content: "\e6be";}.ic-wechat:before{content: "\e6c8";}.ic-wb:before{content: "\e6c9";}.ic-wechatpay:before{content: "\e6ca";}.ic-service:before{content: "\e6cb";}.ic-member_center:before{content: "\e6cd";}.ic-member_coupons:before{content: "\e6ce";}.ic-member_signout:before{content: "\e6cf";}.ic-member_message:before{content: "\e6d0";}.ic-member_transaction:before{content: "\e6d1";}.ic-member_recharge:before{content: "\e6d2";}.ic-member_works:before{content: "\e6d3";}.ic-member_collection:before{content: "\e6d4";}.ic-member_download:before{content: "\e6d5";}.ic-member_upload:before{content: "\e6ea";}.ic-member_sela:before{content: "\e6eb";}.ic-member_income:before{content: "\e6ec";}.ic-bottom_menu:before{content: "\e6d6";}.ic-qq:before{content: "\e6d7";}.ic-edit:before{content: "\e6d8";}.ic-problem:before{content: "\e6da";}.ic-s_back:before{content: "\e6d9";}.ic-s_more:before{content: "\e6db";}.ic-s_play:before{content: "\e6dc";}.ic-s_sort:before{content: "\e6dd";}.ic-s_download:before{content: "\e6de";}.ic-s_screen:before{content: "\e6df";}.ic-s_search:before{content: "\e6e0";}.ic-designer:before{content: "\e6e1";font-size:20px;}.ic-problem:before{content: "\e6e3";}.ic-gototop:before{content: "\e6e2";}.ic-sc:before{content: "\e6e4";}.ic-tel:before{content: "\e6e5";}.ic-question:before{content: "\e6e6";}.ic-tips_solid:before {content: "\e6e7";}.ic-ok:before{content: "\e6e8";}.ic-fail:before{content: "\e6e9";} */ html {overflow-y: scroll;} ::-webkit-scrollbar {width:3px;background-color:none;} ::-webkit-scrollbar-thumb { background-color:#8C39AD;} .hidden{display:none !important;} .text-left{text-align:left !important;} .text-right{text-align:right !important;} .text-center{text-align:center !important;} .text-justify{text-align:justify !important;} .pull-left{float:left !important;} .pull-right{float:right !important;} .bdnone{border: none!important;} .m0{margin:0;} .mt20{margin-top:20px;} .layui-main{width:1140px;margin:0 auto} .layui-header{z-index:9999;height:68px;background-color: #8C39AD;position: fixed;top: 0;left: 0;width: 100%;} .layui-header a:hover{transition:all .5s;-webkit-transition:all .5s} .layui-top{background-color:#222;padding:0;} /*.layui-side{position:fixed;left:0;top:0;bottom:0;z-index:999;width:200px;overflow-x:hidden} .layui-side-scroll{position:relative;width:220px;height:100%;overflow-x:hidden}*/ .layui-top #ad{margin:0 auto;} .flow-ad { display: flex;flex-flow: row wrap;justify-content: space-between; /* 设置列数 */ -moz-column-count:5; /* Firefox */ -webkit-column-count:5; /* Safari and Chrome */ column-count:5; /* 设置列之间的间距 */ -moz-column-gap:20px; /* Firefox */ -webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; /* 设置列之间的规则 */ -moz-column-rule:4px outset #ff0000; /* Firefox */ -webkit-column-rule:4px outset #ff0000; /* Safari and Chrome */ column-rule:4px outset #ff0000; } .flow-ad li.flow-ad-item { background: #222;position: relative; } .flow-ad li.flow-ad-item img{border-radius:16px;} .flow-ad li.flow-ad-item .info,.flow-ad li.flow-ad-item .other{position: absolute;top:32px;z-index:9;bottom: 0%;display: flex;align-items: center;justify-content: center;color: #fff;width:100%;font-size:14px;text-align: center;} .flow-ad li.flow-ad-item .info .num{font-size:18px;top:-4px;position: absolute;} .flow-ad li.flow-ad-item .other{top:8px;} .flow-ad li.flow-ad-item .other .t{font-size:14px;position: absolute;} .layui-body{position:absolute;left:200px;right:0;top:0;bottom:0;z-index:998;width:auto;overflow-y:auto;box-sizing:border-box} .layui-layout-body{overflow:hidden} .layui-layout-admin .layui-header{background-color:#23262E} .layui-layout-admin .layui-side{top:60px;width:200px;overflow-x:hidden} .layui-layout-admin .layui-body{position:fixed;top:60px;bottom:44px}.layui-layout-admin .layui-main{width:auto;margin:0 15px} .layui-layout-admin .layui-footer{position:fixed;left:200px;right:0;bottom:0;height:44px;line-height:44px;padding:0 15px;background-color:#eee} .layui-layout-admin .layui-logo{position:absolute;left:0;top:0;width:200px;height:100%;line-height:60px;text-align:center;color:#009688;font-size:16px} .layui-layout-admin .layui-header .layui-nav{background:0 0} .layui-layout-left{position:absolute!important;/*left:200px;*/top:0} .layui-layout-right{position:absolute!important;right:0;top:0} .layui-container,.layui-invoice-container{position:relative;margin:0 auto;box-sizing:border-box;} @media only screen and (min-width:768px){.layui-invoice-container{width: 90%;padding:0;} } @media only screen and (min-width: 801px){.layui-invoice-container{width: 90%;} } .layui-fluid{position:relative;margin:0 auto;padding:0 15px} .layui-row:after,.layui-row:before{content:'';display:block;clear:both} .layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box} .layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left} .layui-col-xs1{width:8.33333333%}.layui-col-xs2{width:16.66666667%}.layui-col-xs3{width:25%}.layui-col-xs4{width:33.33333333%}.layui-col-xs5{width:41.66666667%}.layui-col-xs6{width:50%}.layui-col-xs7{width:58.33333333%}.layui-col-xs8{width:66.66666667%}.layui-col-xs9{width:75%}.layui-col-xs10{width:83.33333333%}.layui-col-xs11{width:91.66666667%}.layui-col-xs12{width:100%} .layui-col-xs-offset1{margin-left:8.33333333%}.layui-col-xs-offset2{margin-left:16.66666667%}.layui-col-xs-offset3{margin-left:25%}.layui-col-xs-offset4{margin-left:33.33333333%}.layui-col-xs-offset5{margin-left:41.66666667%}.layui-col-xs-offset6{margin-left:50%}.layui-col-xs-offset7{margin-left:58.33333333%}.layui-col-xs-offset8{margin-left:66.66666667%}.layui-col-xs-offset9{margin-left:75%}.layui-col-xs-offset10{margin-left:83.33333333%}.layui-col-xs-offset11{margin-left:91.66666667%}.layui-col-xs-offset12{margin-left:100%} @media screen and (max-width:480px){ .layui-container{margin-bottom:50px;} .layui-container,.layui-invoice-container{padding:0!important;} } @media screen and (min-width:481px){/*.layui-container,.layui-invoice-container{width:90%;}*/ } @media screen and (max-width:767px){.layui-container,.layui-invoice-container,#flow-flow.main-box,#flow-flow.content-box{/*margin-bottom:50px;*/padding:0 16px;} .layui-hide-xs{display:none!important}.layui-show-xs-block{display:block!important}.layui-show-xs-inline{display:inline!important}.layui-show-xs-inline-block{display:inline-block!important} } @media screen and (max-width:800px){ .layui-container,.layui-invoice-container,#flow-flow.main-box,#flow-flow.content-box{/*margin-bottom:50px;*/padding:0 15px;} #flow-flow.choose-box{padding:0 16px;margin:30px auto 60px auto;} } @media screen and (min-width:768px){.layui-container,#flow-flow.content{/*width:90%;*/padding:0 15px;} /*.layui-container{width:750px}*/.layui-hide-sm{display:none!important}.layui-show-sm-block{display:block!important}.layui-show-sm-inline{display:inline!important}.layui-show-sm-inline-block{display:inline-block!important}.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}.layui-col-sm1{width:8.33333333%}.layui-col-sm2{width:16.66666667%}.layui-col-sm3{width:25%}.layui-col-sm4{width:33.33333333%}.layui-col-sm5{width:41.66666667%}.layui-col-sm6{width:50%}.layui-col-sm7{width:58.33333333%}.layui-col-sm8{width:66.66666667%}.layui-col-sm9{width:75%}.layui-col-sm10{width:83.33333333%}.layui-col-sm11{width:91.66666667%}.layui-col-sm12{width:100%}.layui-col-sm-offset1{margin-left:8.33333333%}.layui-col-sm-offset2{margin-left:16.66666667%}.layui-col-sm-offset3{margin-left:25%}.layui-col-sm-offset4{margin-left:33.33333333%}.layui-col-sm-offset5{margin-left:41.66666667%}.layui-col-sm-offset6{margin-left:50%}.layui-col-sm-offset7{margin-left:58.33333333%}.layui-col-sm-offset8{margin-left:66.66666667%}.layui-col-sm-offset9{margin-left:75%}.layui-col-sm-offset10{margin-left:83.33333333%}.layui-col-sm-offset11{margin-left:91.66666667%}.layui-col-sm-offset12{margin-left:100%} } @media screen and (min-width:768px){.layui-container,#flow-flow.content,#flow-flow.choose-box,#flow-flow.content-box{width:90%;padding:0;} } @media screen and (min-width:992px){.layui-container,#flow-flow.content{width:800px}.layui-invoice-container{width:970px}.layui-hide-md{display:none!important}.layui-show-md-block{display:block!important}.layui-show-md-inline{display:inline!important}.layui-show-md-inline-block{display:inline-block!important}.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}.layui-col-md1{width:8.33333333%}.layui-col-md2{width:16.66666667%}.layui-col-md3{width:25%}.layui-col-md4{width:33.33333333%}.layui-col-md5{width:41.66666667%}.layui-col-md6{width:50%}.layui-col-md7{width:58.33333333%}.layui-col-md8{width:66.66666667%}.layui-col-md9{width:75%}.layui-col-md10{width:83.33333333%}.layui-col-md11{width:91.66666667%}.layui-col-md12{width:100%}.layui-col-md-offset1{margin-left:8.33333333%}.layui-col-md-offset2{margin-left:16.66666667%}.layui-col-md-offset3{margin-left:25%}.layui-col-md-offset4{margin-left:33.33333333%}.layui-col-md-offset5{margin-left:41.66666667%}.layui-col-md-offset6{margin-left:50%}.layui-col-md-offset7{margin-left:58.33333333%}.layui-col-md-offset8{margin-left:66.66666667%}.layui-col-md-offset9{margin-left:75%}.layui-col-md-offset10{margin-left:83.33333333%}.layui-col-md-offset11{margin-left:91.66666667%}.layui-col-md-offset12{margin-left:100%} } @media screen and (max-width:991px){ } @media screen and (min-width:800px){#index_cation_top{width:90%;}} @media screen and (min-width:992px){.layui-container,#index_cation_top,#flow-flow.main-box,#flow-flow.choose-box,#flow-flow.content,#flow-flow.content-box{width:970px} } @media screen and (min-width:1281px){ .layui-container{width:1080px} .layui-container.content,#flow-flow.content,#flow-flow.content-box{width:970px} #index_cation_top,#flow-flow.main-box,#flow-flow.choose-box{width:1080px} .layui-invoice-container{width:990px}.layui-hide-lg{display:none!important}.layui-show-lg-block{display:block!important}.layui-show-lg-inline{display:inline!important}.layui-show-lg-inline-block{display:inline-block!important}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}.layui-col-lg1{width:8.33333333%}.layui-col-lg2{width:16.66666667%}.layui-col-lg3{width:25%}.layui-col-lg4{width:33.33333333%}.layui-col-lg5{width:41.66666667%}.layui-col-lg6{width:50%}.layui-col-lg7{width:58.33333333%}.layui-col-lg8{width:66.66666667%}.layui-col-lg9{width:75%}.layui-col-lg10{width:83.33333333%}.layui-col-lg11{width:91.66666667%}.layui-col-lg12{width:100%}.layui-col-lg-offset1{margin-left:8.33333333%}.layui-col-lg-offset2{margin-left:16.66666667%}.layui-col-lg-offset3{margin-left:25%}.layui-col-lg-offset4{margin-left:33.33333333%}.layui-col-lg-offset5{margin-left:41.66666667%}.layui-col-lg-offset6{margin-left:50%}.layui-col-lg-offset7{margin-left:58.33333333%}.layui-col-lg-offset8{margin-left:66.66666667%}.layui-col-lg-offset9{margin-left:75%}.layui-col-lg-offset10{margin-left:83.33333333%}.layui-col-lg-offset11{margin-left:91.66666667%}.layui-col-lg-offset12{margin-left:100%} } @media only screen and (min-width:1481px){ .layui-container{width:1280px} .layui-container.content,#flow-flow.content,#flow-flow.content-box{width:1200px} .layui-invoice-container{width:990px} #index_cation_top,#flow-flow.main-box,#flow-flow.choose-box{width:1200px} } @media only screen and (min-width:1681px){ .layui-container{width:1400px} .layui-container.content,#flow-flow.content,#flow-flow.content-box{width:1200px} .layui-invoice-container{width:990px} #index_cation_top,#flow-flow.main-box,#flow-flow.choose-box{width:1400px} } @media only screen and (min-width:1921px){ .layui-container{width:1520px} .layui-container,#flow-flow.content,#flow-flow.choose-box{width:1520px} .layui-invoice-container{width:990px} #index_cation_top,#flow-flow.main-box,#flow-flow.choose-box{width:1520px} } .layui-col-space1{margin:-.5px}.layui-col-space1>*{padding:.5px} .layui-col-space3{margin:-1.5px}.layui-col-space3>*{padding:1.5px} .layui-col-space5{margin:-2.5px}.layui-col-space5>*{padding:2.5px} .layui-col-space8{margin:-3.5px}.layui-col-space8>*{padding:3.5px} .layui-col-space10{margin:-5px}.layui-col-space10>*{padding:5px} .layui-col-space12{margin:-6px}.layui-col-space12>*{padding:6px} .layui-col-space15{margin:-7.5px}.layui-col-space15>*{padding:7.5px} .layui-col-space18{margin:-9px}.layui-col-space18>*{padding:9px} .layui-col-space20{margin:-10px}.layui-col-space20>*{padding:10px} .layui-col-space22{margin:-11px}.layui-col-space22>*{padding:11px} .layui-col-space25{margin:-12.5px}.layui-col-space25>*{padding:12.5px} .layui-col-space30{margin:30px -15px} @media only screen and (max-width:1400px){.layui-col-space30{margin:10px -15px} } .layui-col-space30>*{padding:15px} .layui-col-space16{margin:16px -15px}.layui-col-space16>*{padding:15px} @media screen and (max-width:480px){ /*.layui-col-space16{margin:0 -15px} .layui-col-space16>*{padding:0 15px}*/ .layui-col-space16{margin:0} .layui-col-space16>*{padding:0} } .layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button{outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}.layui-elem-quote{margin-bottom:10px;padding:15px;line-height:22px;border-left:5px solid #009688;border-radius:0 2px 2px 0;background-color:#f2f2f2}.layui-quote-nm{border-style:solid;border-width:1px 1px 1px 5px;background:0 0}.layui-elem-field{margin-bottom:10px;padding:0;border-width:1px;border-style:solid}.layui-elem-field legend{margin-left:20px;padding:0 10px;font-size:20px;font-weight:300}.layui-field-title{margin:10px 0 20px;border-width:1px 0 0}.layui-field-box{padding:10px 15px}.layui-field-title .layui-field-box{padding:10px 0}.layui-progress{position:relative;height:6px;border-radius:20px;background-color:#e2e2e2}.layui-progress-bar{position:absolute;left:0;top:0;width:0;max-width:100%;height:6px;border-radius:20px;text-align:right;background-color:#B82DFF;transition:all .3s;-webkit-transition:all .3s}.layui-progress-big,.layui-progress-big .layui-progress-bar{height:18px;line-height:18px}.layui-progress-text{position:relative;top:-20px;line-height:18px;font-size:12px;color:#666}.layui-progress-big .layui-progress-text{position:static;padding:0 10px;color:#fff}.layui-collapse{border-width:1px;border-style:solid;border-radius:2px}.layui-colla-content,.layui-colla-item{border-top-width:1px;border-top-style:solid}.layui-colla-item:first-child{border-top:none}.layui-colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 35px;color:#333;background-color:#f2f2f2;cursor:pointer;font-size:14px;overflow:hidden}.layui-colla-content{display:none;padding:10px 15px;line-height:22px;color:#666}.layui-colla-icon{position:absolute;left:15px;top:0;font-size:14px}.layui-card{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.layui-card:last-child{margin-bottom:0} .layui-card-header{position:relative;height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #f6f6f6;color:#333;border-radius:2px 2px 0 0;font-size:14px} .layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-violet,.layui-bg-orange,.layui-bg-red{color:#fff!important} .layui-card-body{position:relative;padding:10px 15px;line-height:24px}.layui-card-body[pad15]{padding:15px}.layui-card-body[pad20]{padding:20px}.layui-card-body .layui-table{margin:5px 0}.layui-card .layui-tab{margin:0}.layui-panel-window{position:relative;padding:15px;border-radius:0;border-top:5px solid #E6E6E6;background-color:#fff}.layui-auxiliar-moving{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:0 0;z-index:9999999999}.layui-form-label,.layui-form-mid,.layui-form-select,.layui-input-block,.layui-input-inline,.layui-textarea{position:relative} .layui-bg-red{background-color:#FF5722!important} .layui-bg-orange{background-color:#FFB800!important} .layui-bg-violet{background-color:#8C39AD!important} .layui-bg-cyan{background-color:#2F4056!important} .layui-bg-blue{background-color:#1E9FFF!important} .layui-bg-black{background-color:#393D49!important} .layui-bg-gray{background-color:#eee!important;color:#666!important} .layui-text-violet{color:#8C39AD} .layui-badge-rim,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-layedit,.layui-layedit-tool,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title2,.layui-tab-title .layui-this:after,.layui-tab-title2 .layui-this:after,.layui-textarea{border-color:#e6e6e6} .layui-timeline-item:before,hr{background-color:#e6e6e6} .layui-text{line-height:22px;font-size:14px;color:#666} .layui-text h1,.layui-text h2,.layui-text h3{font-weight:500;color:#333} .layui-text h1{font-size:30px} .layui-text h2{font-size:24px} .layui-text h3{font-size:18px} .layui-text a:not(.layui-btn){color:#01AAED} .layui-text a:not(.layui-btn):hover{text-decoration:underline} .layui-text ul{padding:5px 0 5px 15px}.layui-text ul li{margin-top:5px;list-style-type:disc} .layui-text em,.layui-word-aux{color:#999!important;padding:0 5px!important} .layui-btn{display:inline-block;height:38px;line-height:38px;padding:0 18px;background-color:#8C39AD;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:4px;cursor:pointer} .layui-btn:hover{/*opacity:.8;filter:alpha(opacity=80);*/color:#fff} .layui-btn:active{opacity:1;filter:alpha(opacity=100)} .layui-btn+.layui-btn{margin-left:10px} .layui-btn-container{font-size:0} .layui-btn-container .layui-btn{margin-right:10px;margin-bottom:10px} .layui-btn-container .layui-btn+.layui-btn{margin-left:0;} .layui-table .layui-btn-container .layui-btn{margin-bottom:9px} .layui-btn-radius{border-radius:100px} .layui-btn .layui-icon{margin-right:3px;font-size:18px;vertical-align:bottom;vertical-align:middle\9} .layui-btn-primary{border:1px solid #eee;background-color:#fff;color:#555} .layui-btn-primary:hover{border-color:#8C39AD;color:#8C39AD} .layui-btn-purple{border:1px solid #8C39AD;background-color:#fff;color:#8C39AD;height:40px;line-height:40px;} .layui-btn-purple:hover{background-color:#8C39AD;color:#fff} .layui-btn-normal{background-color:#1E9FFF} .layui-btn-warm{background-color:#FFB800} .layui-btn-danger{background-color:#FF5722} .layui-btn-checked{background-color:#B82DFF} .layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border:1px solid #e6e6e6;background-color:#FBFBFB;color:#C9C9C9;cursor:not-allowed;opacity:1} .layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px} .layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px} .layui-btn-sm i{font-size:16px!important}.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px} .layui-btn-xs i{font-size:14px!important}.layui-btn-group{display:inline-block;vertical-align:middle;font-size:0} .layui-btn-group .layui-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0}.layui-btn-group .layui-btn-primary{border-left:none}.layui-btn-group .layui-btn-primary:hover{border-color:#C9C9C9;color:#009688}.layui-btn-group .layui-btn:first-child{border-left:none;border-radius:2px 0 0 2px}.layui-btn-group .layui-btn-primary:first-child{border-left:1px solid #c9c9c9}.layui-btn-group .layui-btn:last-child{border-radius:0 2px 2px 0}.layui-btn-group .layui-btn+.layui-btn{margin-left:0}.layui-btn-group+.layui-btn-group{margin-left:10px}.layui-btn-fluid{width:100%} .layui-input,.layui-select,.layui-textarea{height:40px;line-height:1.3;line-height:40px\9;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px} .layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder{line-height:1.3} .layui-input,.layui-textarea{display:block;width:100%;padding-left:10px}.layui-input:hover,.layui-textarea:hover{border-color:#D2D2D2!important} .layui-input:focus,.layui-textarea:focus{border-color:#C9C9C9!important}.layui-textarea{min-height:100px;height:auto;line-height:20px;padding:10px;resize:vertical}.layui-select{padding:0 10px}.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none}.layui-form [lay-ignore]{display:initial} .layui-form-item{margin-bottom:15px;clear:both;*zoom:1} .layui-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0} .layui-form-label{float:left;display:block;padding:9px 15px;width:64px;font-weight:400;line-height:20px;text-align:right} .layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left} .layui-form-item .layui-inline{margin-bottom:30px;margin-right:10px} .layui-input-block{margin-left:110px;min-height:36px} .layui-input-block span.g {font-size:36px;color:#DA52FF;font-weight:450;line-height:18px;} .layui-input-block span.d {line-height: 32px;color:#444;color: rgba(68, 68, 68, 0.7);margin-left:6px;} .layui-input-inline{display:inline-block;vertical-align:middle} .layui-form-item .layui-input-inline{float:left;width:190px;margin-right:10px} .layui-form-text .layui-input-inline{width:auto}.layui-form-mid{float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px} .layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#FF5722!important} .layui-form-select .layui-input{padding-right:30px;cursor:pointer} .layui-form-select .layui-edge{position:absolute;right:16px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s} .layui-form-select dl{display:none;position:absolute;left:0;top:42px;font-size:14px; padding:6px 0;z-index:899;min-width:100%;border:1px solid #e6e6e6;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-sizing:border-box;-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.12); box-shadow:0 0 6px rgba(0, 0, 0, 0.12);} .layui-form-select dl dd,.layui-form-select dl dt{padding:0 10px;line-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-form-select dl dt{font-size:12px;color:#999} .layui-form-select dl dd{cursor:pointer;color:#333;} .layui-form-select dl dd:hover{background-color:#f2f2f2;-webkit-transition:.5s all;transition:.5s all}.layui-form-select .layui-select-group dd{padding-left:20px} .layui-form-select dl dd.layui-select-tips{padding-left:10px!important;color:#999} .layui-form-select dl dd.layui-this{background-color:#B82DFF;color:#fff} .layui-form-checkbox,.layui-form-select dl dd.layui-disabled{background-color:#fff} .layui-form-selected dl{display:block} .layui-form-checkbox,.layui-form-checkbox *,.layui-form-switch{display:inline-block;vertical-align:middle} .layui-form-selected .layui-edge{margin-top:-9px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-3px\9}:root .layui-form-selected .layui-edge{margin-top:-9px\0/IE9}.layui-form-selectup dl{top:auto;bottom:42px}.layui-select-none{margin:5px 0;text-align:center;color:#999}.layui-select-disabled .layui-disabled{border-color:#eee!important}.layui-select-disabled .layui-edge{border-top-color:#d2d2d2}.layui-form-checkbox{position:relative;height:30px;line-height:30px;margin-right:10px;padding-right:30px;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box}.layui-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:2px 0 0 2px;background-color:#d2d2d2;color:#fff;overflow:hidden}.layui-form-checkbox:hover span{background-color:#c2c2c2}.layui-form-checkbox i{position:absolute;right:0;top:0;width:30px;height:28px;border:1px solid #d2d2d2;border-left:none;border-radius:0 2px 2px 0;color:#fff;font-size:20px;text-align:center}.layui-form-checkbox:hover i{border-color:#c2c2c2;color:#c2c2c2}.layui-form-checked,.layui-form-checked:hover{border-color:#B82DFF} .layui-form-checked span,.layui-form-checked:hover span{background-color:#B82DFF}.layui-form-checked i,.layui-form-checked:hover i{color:#B82DFF}.layui-form-item .layui-form-checkbox{margin-top:4px}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:24px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary] span{padding-left:0;/*padding-right:15px;*/line-height:18px;background:0 0;color:#666}.layui-form-checkbox[lay-skin=primary] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#B82DFF;color:#fff}.layui-form-checked[lay-skin=primary] i{border-color:#B82DFF!important;background-color:#B82DFF;color:#fff}.layui-checkbox-disbaled[lay-skin=primary] span{background:0 0!important;color:#c2c2c2}.layui-checkbox-disbaled[lay-skin=primary]:hover i{border-color:#d2d2d2}.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:0}.layui-form-switch{position:relative;height:22px;line-height:22px;min-width:35px;padding:0 5px;margin-top:8px;border:1px solid #d2d2d2;border-radius:20px;cursor:pointer;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch i{position:absolute;left:5px;top:3px;width:16px;height:16px;border-radius:20px;background-color:#d2d2d2;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch em{position:relative;top:0;width:25px;margin-left:21px;padding:0!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px}.layui-form-onswitch{border-color:#B82DFF;background-color:#B82DFF}.layui-checkbox-disbaled,.layui-checkbox-disbaled i{border-color:#e2e2e2!important}.layui-form-onswitch i{left:100%;margin-left:-21px;background-color:#fff}.layui-form-onswitch em{margin-left:5px;margin-right:21px;color:#fff!important}.layui-checkbox-disbaled span{background-color:#e2e2e2!important}.layui-checkbox-disbaled:hover i{color:#fff!important}[lay-radio]{display:none}.layui-form-radio,.layui-form-radio *{display:inline-block;vertical-align:middle}.layui-form-radio{line-height:28px;margin:6px 10px 0 0;padding-right:10px;cursor:pointer;font-size:0}.layui-form-radio *{font-size:14px}.layui-form-radio>i{margin-right:8px;font-size:22px;color:#c2c2c2}.layui-form-radio>i:hover,.layui-form-radioed>i{color:#B82DFF}.layui-radio-disbaled>i{color:#e2e2e2!important}.layui-form-pane .layui-form-label{width:110px;padding:8px 15px;height:38px;line-height:20px;border-width:1px;border-style:solid;border-radius:2px 0 0 2px;text-align:center;background-color:#FBFBFB;overflow:hidden;box-sizing:border-box}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{margin-left:110px;left:-1px}.layui-form-pane .layui-input{border-radius:0 2px 2px 0}.layui-form-pane .layui-form-text .layui-form-label{float:none;width:100%;border-radius:2px;box-sizing:border-box;text-align:left}.layui-form-pane .layui-form-text .layui-input-inline{display:block;margin:0;top:-1px;clear:both}.layui-form-pane .layui-form-text .layui-input-block{margin:0;left:0;top:-1px}.layui-form-pane .layui-form-text .layui-textarea{min-height:100px;border-radius:0 0 2px 2px}.layui-form-pane .layui-form-checkbox{margin:4px 0 4px 10px}.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch{margin-top:6px;margin-left:10px}.layui-form-pane .layui-form-item[pane]{position:relative;border-width:1px;border-style:solid}.layui-form-pane .layui-form-item[pane] .layui-form-label{position:absolute;left:0;top:0;height:100%;border-width:0 1px 0 0}.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left:110px} @media screen and (max-width:450px){.layui-form-item .layui-form-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-form-item .layui-inline{display:block;margin-right:0;margin-bottom:20px;clear:both}.layui-form-item .layui-inline:after{content:'\20';clear:both;display:block;height:0} .layui-form-item .layui-input-inline{display:block;float:none;left:-3px;width:auto;margin:0 0 10px 112px} .layui-form-item .layui-input-inline+.layui-form-mid{margin-left:110px;top:-5px;padding:0}.layui-form-item .layui-form-checkbox{margin-right:5px;margin-bottom:5px}}.layui-layedit{border-width:1px;border-style:solid;border-radius:2px}.layui-layedit-tool{padding:3px 5px;border-bottom-width:1px;border-bottom-style:solid;font-size:0}.layedit-tool-fixed{position:fixed;top:0;border-top:1px solid #e2e2e2}.layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon{display:inline-block;vertical-align:middle;text-align:center;font-size:14px}.layui-layedit-tool .layui-icon{position:relative;width:32px;height:30px;line-height:30px;margin:3px 5px;color:#777;cursor:pointer;border-radius:2px}.layui-layedit-tool .layui-icon:hover{color:#393D49}.layui-layedit-tool .layui-icon:active{color:#000}.layui-layedit-tool .layedit-tool-active{background-color:#e2e2e2;color:#000}.layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover{color:#d2d2d2;cursor:not-allowed}.layui-layedit-tool .layedit-tool-mid{width:1px;height:18px;margin:0 10px;background-color:#d2d2d2}.layedit-tool-html{width:50px!important;font-size:30px!important}.layedit-tool-b,.layedit-tool-code,.layedit-tool-help{font-size:16px!important}.layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink{font-size:18px!important}.layedit-tool-image input{position:absolute;font-size:0;left:0;top:0;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer} .layui-layedit-iframe iframe{display:block;width:100%}#LAY_layedit_code{overflow:hidden} /*--分页--*/ .layui-laypage{vertical-align:middle;margin:10px 40px;text-align:center;} @media only screen and (max-width:640px){.layui-laypage{margin:10px 40px} } .layui-laypage>:first-child{margin-left:0!important}.layui-laypage>:last-child{margin-right:0!important} /*.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #e2e2e2}*/ .layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:40px;line-height:40px;min-width:10px;margin:0 -1px 5px 0;background-color:#222;color:#fff;font-size:12px;margin:0 4px 8px 4px;border-radius:8px} .layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{display:inline-block} .layui-laypage a:hover{color:#8C39AD} .layui-laypage em{font-style:normal} .layui-laypage .layui-laypage-spr{color:#999;font-weight:700} .layui-laypage a{text-decoration:none} .layui-laypage .layui-laypage-curr{position:relative} .layui-laypage .layui-laypage-curr em{position:relative;color:#fff} .layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:0;top:0;padding:0;width:100%;height:100%;background-color:#8C39AD;border-radius:8px} .layui-laypage-em{border-radius:2px}.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px} .layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none} .layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top} .layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer} .layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999} .layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box} .layui-laypage input{width:40px;margin:0 10px;padding:0 3px;text-align:center} .layui-laypage input:focus,.layui-laypage select:focus{border-color:#8C39AD!important} .layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer} .layui-table,.layui-table-view{margin:0} .layui-flow-more{margin:10px 0;text-align:center;color:#999;font-size:14px} .layui-flow-more a{height:32px;line-height:32px} .layui-flow-more a *{vertical-align:top} .layui-flow-more a cite{padding:0 20px;border-radius:3px;background-color:#eee;color:#333;font-style:normal} .layui-flow-more a cite:hover{opacity:.8} .layui-flow-more a i{font-size:30px;color:#737383} .layui-table{width:100%;background-color:#fff;color:#666} .layui-table tr{transition:all .3s;-webkit-transition:all .3s;} .layui-table tr:nth-child(2n){background-color:#F9FCFE;} .layui-table th{text-align:left;font-weight:400;} .layui-table tr td:first-child,.layui-table tr th:first-child{padding-left:40px;} .layui-table tr td:last-child,.layui-table tr th:last-child{padding-right:40px;} /* @media only screen and (max-width:768px){ .layui-table tr td:last-child{padding-right:50px;} }*/ @media only screen and (max-width:480px){ /*.layui-table tr td:first-child,.layui-table tr th:first-child{padding-left:40px;} .layui-table tr td:last-child,.layui-table tr th:last-child{padding-right:40px;}*/ .layui-table tr td:first-child,.layui-table tr th:first-child{padding-left:25px;} .layui-table tr td:last-child,.layui-table tr th:last-child{padding-right:25px;} } .layui-table thead tr{background-color:#F9FCFE;} .layui-table tbody tr:hover,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table-total,.layui-table-total tr,.layui-table[lay-even] tr:nth-child(even){background-color:#f9f9f9} .layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-width:1px;border-style:solid;border-color:#f6f6f6} .layui-table td,.layui-table th{border:none;} .layui-table td,.layui-table th{position:relative;padding:12px 10px;min-height:36px;line-height:36px;font-size:14px} .layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th{border-width:0 0 1px} .layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th{border-width:0 1px 0 0}.layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th{border:none} .layui-table img{max-width:80px} .layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th{padding:15px 30px}.layui-table-view .layui-table[lay-size=lg] .layui-table-cell{height:40px;line-height:40px}.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th{font-size:12px;padding:5px 10px}.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{height:20px;line-height:20px}.layui-table[lay-data]{display:none} .layui-table-box{position:relative;overflow:hidden} .layui-table-view .layui-table{position:relative;/*width:auto;*/margin:0;min-width: 520px;} .layui-table-view .layui-table[lay-skin=line]{border-width:0 1px 0 0} .layui-table-view .layui-table[lay-skin=row]{border-width:0 0 1px} .layui-table-view .layui-table td,.layui-table-view .layui-table th{padding:20px 10px;border-top:none;border-left:none} .layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor:pointer} .layui-table-view .layui-table td{cursor:default} .layui-table-view .layui-table td[data-edit=text]{cursor:text} .layui-table-view .layui-form-checkbox[lay-skin=primary] i{width:18px;height:18px} .layui-table-view .layui-form-radio{line-height:0;padding:0} .layui-table-view .layui-form-radio>i{margin:0;font-size:20px}.layui-table-init{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:110} .layui-table-init .layui-icon{position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;font-size:30px;color:#c2c2c2}.layui-table-header{border-width:0;overflow:hidden} .layui-table-header .layui-table{margin-bottom:-1px}.layui-table-tool .layui-inline[lay-event]{position:relative;width:26px;height:26px;padding:5px;line-height:16px;margin-right:10px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool .layui-inline[lay-event]:hover{border:1px solid #999}.layui-table-tool-temp{padding-right:120px}.layui-table-tool-self{position:absolute;right:17px;top:10px}.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin:0 0 0 10px}.layui-table-tool-panel{position:absolute;top:29px;left:-1px;padding:5px 0;min-width:150px;min-height:40px;border:1px solid #d2d2d2;text-align:left;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12)} .layui-table-cell,.layui-table-tool-panel li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-table-tool-panel li{padding:0 10px;line-height:30px;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary]{width:100%;padding-left:28px}.layui-table-tool-panel li:hover{background-color:#f2f2f2}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i{position:absolute;left:0;top:0}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span{padding:0}.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left:auto;right:-1px}.layui-table-col-set{position:absolute;right:0;top:0;width:20px;height:100%;border-width:0 0 0 1px;background-color:#fff}.layui-table-sort{width:10px;height:20px;margin-left:5px;cursor:pointer!important}.layui-table-sort .layui-edge{position:absolute;left:5px;border-width:5px}.layui-table-sort .layui-table-sort-asc{top:3px;border-top:none;border-bottom-style:solid;border-bottom-color:#b2b2b2}.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color:#666}.layui-table-sort .layui-table-sort-desc{bottom:5px;border-bottom:none;border-top-style:solid;border-top-color:#b2b2b2}.layui-table-sort .layui-table-sort-desc:hover{border-top-color:#666}.layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:#000}.layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:#000} .layui-table-cell{/*height:28px;*/line-height:28px;padding:0;position:relative;box-sizing:border-box} .layui-table-cell .layui-form-checkbox[lay-skin=primary]{top:-1px;padding:0} .layui-table-cell .layui-table-link{color:#01AAED} .laytable-cell-checkbox,.laytable-cell-numbers,.laytable-cell-radio,.laytable-cell-space{padding:0;text-align:center} .layui-table-body{position:relative;overflow:auto;margin-right:-1px;/*margin-bottom:-1px*/} .layui-table-body .layui-none{line-height:26px;padding:15px;text-align:center;color:#999} .layui-table-fixed{position:absolute;left:0;top:0;z-index:101} .layui-table-fixed .layui-table-body{overflow:hidden}.layui-table-fixed-l{box-shadow:0 -1px 8px rgba(0,0,0,.08)}.layui-table-fixed-r{left:auto;right:-1px;border-width:0 0 0 1px;box-shadow:-1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r .layui-table-header{position:relative;overflow:visible}.layui-table-mend{position:absolute;right:-49px;top:0;height:100%;width:50px}.layui-table-tool{position:relative;z-index:890;width:100%;min-height:50px;line-height:30px;padding:10px 15px;border-width:0 0 1px}.layui-table-tool .layui-btn-container{margin-bottom:-10px}.layui-table-page,.layui-table-total{border-width:1px 0 0;margin-bottom:-1px;overflow:hidden} .layui-table-page{position:relative;/*width:100%;*/padding:7px 7px 0;/*height:41px;*/font-size:12px;/*white-space:nowrap*/} .layui-table-page>div{/*height:26px;*/} .layui-table-page .layui-laypage{margin:0} .layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span{height:26px;line-height:26px;margin-bottom:10px;border:none;background:0 0} .layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span.layui-laypage-curr{padding:0 12px}.layui-table-page .layui-laypage span{margin-left:0;padding:0} .layui-table-page .layui-laypage .layui-laypage-prev{margin-left:-7px!important} .layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left:0;top:0;padding:0} .layui-table-page .layui-laypage button,.layui-table-page .layui-laypage input{height:26px;line-height:26px}.layui-table-page .layui-laypage input{width:40px} .layui-table-page .layui-laypage button{padding:0 10px;margin:0!important;width:auto!important;min-width:auto!important} .layui-table-page select{height:18px}.layui-table-patch .layui-table-cell{padding:0;width:30px} .layui-table-edit{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 14px 1px;border-radius:0;box-shadow:1px 1px 20px rgba(0,0,0,.15)}.layui-table-edit:focus{border-color:#B82DFF!important}select.layui-table-edit{padding:0 0 0 10px;border-color:#C9C9C9} .layui-table-view .layui-form-checkbox,.layui-table-view .layui-form-radio,.layui-table-view .layui-form-switch{top:0;margin:0;box-sizing:content-box}.layui-table-view .layui-form-checkbox{top:-1px;height:26px;line-height:26px}.layui-table-view .layui-form-checkbox i{height:26px} .layui-table-grid .layui-table-cell{overflow:visible}.layui-table-grid-down{position:absolute;top:0;right:0;width:26px;height:100%;padding:5px 0;border-width:0 0 0 1px;text-align:center;background-color:#fff;color:#999;cursor:pointer}.layui-table-grid-down .layui-icon{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.layui-table-grid-down:hover{background-color:#fbfbfb} body .layui-table-tips .layui-layer-content{background:0 0;padding:0;box-shadow:0 1px 6px rgba(0,0,0,.12)}.layui-table-tips-main{margin:-44px 0 0 -1px;max-height:150px;padding:8px 15px;font-size:14px;overflow-y:scroll;background-color:#fff;color:#666}.layui-table-tips-c{position:absolute;right:-3px;top:-13px;width:20px;height:20px;padding:3px;cursor:pointer;background-color:#666;border-radius:50%;color:#fff}.layui-table-tips-c:hover{background-color:#777}.layui-table-tips-c:before{position:relative;right:-2px}.layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}.layui-upload-drag,.layui-upload-form,.layui-upload-wrap{display:inline-block}.layui-upload-list{margin:10px 0}.layui-upload-choose{padding:0 10px;color:#999}.layui-upload-drag{position:relative;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999;}.layui-upload-drag .layui-icon{font-size:50px;color:#009688}.layui-upload-drag[lay-over]{border-color:#009688}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;vertical-align:middle}.layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-transfer-active,.layui-transfer-box{display:inline-block;vertical-align:middle} .layui-transfer-box,.layui-transfer-header,.layui-transfer-search{border-width:0;position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;} .layui-transfer-box{position:relative;border-width:1px;width:200px;height:360px;border-radius:2px;background-color:#fff} .layui-transfer-box .layui-form-checkbox{width:100%;margin:0!important} .layui-transfer-header{height:38px;line-height:38px;padding:0 10px;border-bottom-width:1px} .layui-transfer-search{width: 300px;padding: 17px 15px;text-align: center;} @media only screen and (min-width:1180px) and (max-width:1279px){.layui-transfer-search{max-width:240px;} } @media only screen and (max-width:1179px){.layui-transfer-search{max-width:180px;} } @media only screen and (max-width:800px){.layui-transfer-search{max-width:180px;} } @media only screen and (max-width:640px){ } @media only screen and (min-width:481px) and (max-width:539px){ } @media only screen and (max-width:480px){.layui-transfer-search{max-width:240px;} } .layui-transfer-search .layui-input{font-size:14px; border:none;border-radius: 100px;height: 34px;width: 100%;padding-left: 40px;color: #444;text-align: left;} .layui-transfer-search i {position: absolute;top: 50%;left: 28px;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);color: rgba(68, 68, 68, 0.4);-webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;transition: color 0.4s ease-in-out;} .layui-transfer-search .layui-icon-search{position:absolute;left:20px;top:50%;margin-top:-8px;color:#666} .layui-transfer-active{margin:0 15px} .layui-transfer-active .layui-btn{display:block;margin:0;padding:0 15px;background-color:#B82DFF;border-color:#B82DFF;color:#fff} .layui-transfer-active .layui-btn-disabled{background-color:#FBFBFB;border-color:#e6e6e6;color:#C9C9C9} .layui-transfer-active .layui-btn:first-child{margin-bottom:15px} .layui-transfer-active .layui-btn .layui-icon{margin:0;font-size:14px!important} .layui-transfer-data{padding:5px 0;overflow:auto} .layui-transfer-data li{height:32px;line-height:32px;padding:0 10px} .layui-transfer-data li:hover{background-color:#f2f2f2;transition:.5s all}.layui-transfer-data .layui-none{padding:15px 10px;text-align:center;color:#999} .input-search{padding:40px 0;margin:0 auto;} .layui-search-box{position: relative;max-width: 600px;margin:0 auto;text-align: center;border-width:0;*zoom:1;vertical-align:middle;} .layui-search-box .layui-input{height: 52px;border-radius:12px;padding-left:160px;padding-right:140px;font-size:16px;border:none;-webkit-transition: transform .15s ease-in-out,box-shadow .15s ease-in-out;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 8px rgba(0,0,0,.02);-webkit-backface-visibility: hidden;} .layui-search-box .layui-form-item{position: absolute;top: 0;left: 0;width:140px;margin-bottom:0;} .layui-search-box .layui-select-title .layui-input{padding-left:20px;padding-right: 30px;border:none;background: none;text-align: center;color:#666;-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;border-radius:0;} .layui-search-box .layui-btn{position: absolute;height:52px;width:120px;top: 0;right: 0;border-radius:12px;border-top-left-radius:0;border-bottom-left-radius:0;} @media only screen and (max-width:800px){.layui-layout-left li{display:none !important;} } .layui-nav{position:relative;padding:0 80px;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box} .layui-nav *{font-size:16px} .layui-nav .navbar_logo {top: 0;height: 68px;padding:0 15px;position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:68px} @media only screen and (max-width:768px){.layui-nav .navbar_logo {padding:0 5px;} } .layui-nav .navbar_logo a{height:68px;} .layui-nav .navbar_logo a i{font-size:28px;color: #fff;} @media only screen and (max-width:480px){ .layui-header,.layui-nav .navbar_logo,layui-nav .navbar_logo a{height:48px;} .layui-nav .navbar_logo{line-height:48px} .layui-nav .navbar_logo a i{font-size:22px;} } /**2023年3月11日修改开始**/ .layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:68px;margin-right:16px;} /**2023年3月11日修改结束**/ .layui-nav .layui-nav-item a{display:block;padding:0 24px;color:#fff;color:rgba(255,255,255,1);transition:all .3s;-webkit-transition:all .3s;position: relative;z-index: 1000;} .layui-nav .layui-nav-other a {padding: 0 24px !important;} .layui-nav .layui-nav-center > a {padding:0 24px !important;} .layui-nav .layui-nav-center .layui-nav-more{display:none;} .layui-nav .layui-nav-center .layui-nav-img{margin-right:0;} .layui-nav .layui-nav-item.member dl{left:-70px;} /**2023年3月14日修改开始**/ /*.layui-nav .layui-this:after,*/ .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:68px;background-color:#BF52EF;transition:all .2s;-webkit-transition:all .2s} /**2023年3月14日修改结束**/ /**2023年3月11日修改开始**/ /* .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0!important;width:0;height:48px;background-color:#B82DFF;transition:all .2s;-webkit-transition:all .2s;background-color: #BF53F0;margin:10px 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#BF53F0), to(#5548FF)); background-image: -webkit-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -moz-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -ms-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -o-linear-gradient(90deg, #BF53F0, #5548FF); background-image: linear-gradient(90deg, #BF53F0, #5548FF); color: #fff; border-radius: 26px;} .layui-nav-bar{z-index:100} */ /**2023年3月11日修改结束**/ /*.layui-nav .layui-nav-item a:hover,*/.layui-nav .layui-this a{color:#fff;padding: 0 48px 0 24px;} @media only screen and (max-width:1279px){.layui-nav{padding:0 20px;} } @media only screen and (min-width:1180px) and (max-width:1279px){.layui-nav .layui-this a{padding: 0 40px 0 20px;} .layui-nav .layui-nav-other a {padding: 0 20px !important;} .layui-nav .layui-nav-center > a {padding: 0 20px !important;} .layui-nav .layui-nav-more{right:20px!important;} /*.layui-nav-center .layui-nav-child{left: -324px!important;}*/ } @media only screen and (max-width:1179px){.layui-nav .layui-this a{padding: 0 36px 0 20px;} .layui-nav .layui-nav-other a {padding: 0 24px !important;} .layui-nav .layui-nav-center > a {padding: 0 24px 0 24px !important;} .layui-nav .layui-nav-more{right:16px!important;} } @media only screen and (max-width:979px){.layui-nav .layui-this a{padding-right:32px!important;padding-left:16px!important;} .layui-nav .layui-nav-other a {padding: 0 24px !important;} .layui-nav .layui-nav-center > a {padding: 0 24px 0 24px !important;} .layui-nav .layui-nav-item a{padding:0 12px;} } @media only screen and (max-width:768px){ /*.layui-nav .layui-nav-item a{padding:0 16px !important;}*/ } @media only screen and (max-width:720px){.layui-transfer-search{display: none} } @media only screen and (max-width:640px){.layui-nav .layui-this a{max-width:180px;} } @media only screen and (min-width:481px) and (max-width:539px){ } @media only screen and (max-width:480px){ .layui-nav .layui-nav-center{display: none} } #layui-layer100005{width:1200px!important;} /**2023年3月18日修改开始**/ .flow-size, .flow-item {width: 20%;} /**2023年3月18日修改结束**/ .content-box .flow-container {display: flex;flex-flow: row wrap;justify-content: space-between; /* 设置列数 */ -moz-column-count:4; /* Firefox */ -webkit-column-count:4; /* Safari and Chrome */ column-count:4; /* 设置列之间的间距 */ -moz-column-gap:20px; /* Firefox */ -webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; /* 设置列之间的规则 */ /* -moz-column-rule:4px outset #ff0000;Firefox */ /* -webkit-column-rule:4px outset #ff0000;Safari and Chrome */ /* column-rule:4px outset #ff0000;*/ } @media only screen and (max-width:800px){ .flow-size, .flow-item,.content-box .flow-item {width:calc(50% - 10px);} } /**2023年3月28日修改开始**/ /*@media only screen and (max-width:480px){ .main-box .flow-item,.content-box .flow-item {width:100%;} }*/ /**2023年3月28日修改开始**/ @media only screen and (min-width:768px){ .main-box{width:90%;} } @media only screen and (min-width:801px){ .content-box{width:90%} .flow-size, .flow-item {width:calc(33.3333333% - 13.333333px);} .layui-top{padding:32px 0 24px 0;} } @media only screen and (max-width:991px){ .flow-ad li.flow-ad-item{display:none;} } @media only screen and (min-width:992px){ .main-box{width:970px;} .content-box{width:970px} .flow-size, .flow-item{width:310px;} .content-box .flow-item {width:calc(33.3333333% - 13.333333px);} .layui-top #ad{margin:20px auto 0 auto} } @media only screen and (max-width:1080px){ } @media only screen and (min-width:1081px){ .main-box{width:970px;} .content-box{width:970px} } @media only screen and (max-width:1280px){ /*.flow-ad li.flow-ad-item:last-child{display:none;}*/ .flow-ad li.flow-ad-item {width:calc(25% - 15px);} } @media only screen and (min-width:1281px){ .main-box{width:1080px;} .content-box{width:970px} .flow-size{width:255px;} /**2023年3月18日修改开始**/ .flow-item {width:calc(25% - 16px);} .content-box .flow-item {width:calc(25% - 16px);} .flow-ad li.flow-ad-item {width:calc(25% - 15px);} /**2023年3月18日修改结束**/ .flow-ad li.flow-ad-item .info{top:32px;font-size:16px;} .flow-ad li.flow-ad-item .other{top:4px;font-size:16px;} .flow-ad li.flow-ad-item .info .num {font-size:22px;top: 0px;} .layui-top{padding:40px 0 24px 0;} .layui-top #ad {margin:24px auto 0 auto;} } @media only screen and (max-width:1400px){/* .flow-size, .flow-item {width:33.3333%;} #flow-flow.content .flow-size, .flow-item {width:25%;}*/ } @media only screen and (max-width:1480px){ .flow-ad {-moz-column-count:4;-webkit-column-count:4;column-count:4;} } @media only screen and (min-width:1481px){ .main-box{width: 1200px;} .content-box{width:1200px} .flow-ad li.flow-ad-item .other{top:32px;font-size:18px;} .flow-ad li.flow-ad-item .other .t{font-size:16px;top:0} .layui-top{padding:36px 0 24px 0;} .layui-top #ad {margin:30px auto 0 auto;} } @media only screen and (max-width:1680px){ } @media only screen and (min-width:1681px){ .main-box{width: 1400px} .content-box{width: 1200px} /**2023年3月18日修改开始**/ /*.flow-size, .flow-item {width:335px;}*/ .flow-item {width:calc(20% - 16px);} .content-box .flow-item {width:calc(20% - 16px);} .flow-ad li.flow-ad-item {width:calc(25% - 15px);} /**2023年3月18日修改结束**/ .flow-ad li.flow-ad-item .info,.flow-ad li.flow-ad-item .other{top:40px;} .layui-top #ad {margin:40px auto 0 auto;} } @media only screen and (min-width:1921px){ .main-box{width: 1520px} /*.flow-size, .flow-item {width:360px;}*/ } /* @media only screen and (max-width:1680px){ .swiper-container,.cation-content, #flow-flow{width: 1200px;} } @media only screen and (min-width:1481px){ #flow-flow.content{width:1200px;} } @media only screen and (max-width:1400px){ .swiper-container,.cation-content, #flow-flow{width: 1000px;} } @media only screen and (max-width: 1080px){ .swiper-container,.cation-content, #flow-flow{width:800px;} }*/ .header__dropdown{position: absolute;top: calc(100% + 0px);left:-316px!important;background: #fff;padding:0!important;} .header__new{margin: 0 20px;padding: 15px 0;} .header-box{color: #666} .header-box a:hover{color: #8C39AD!important;} .refresh-header-top{/*width: 100%;*/background:#f6e5ff;padding:20px;} .header-top *{font-size:0;} .btn-cta-purple{position: relative;width: 75px;height: 28px;padding: 0 8px;text-align: center;font-size: 10px;font-weight: 800;line-height: 28px;border-radius: 14px;color: #fff;background-color: none;background-image: linear-gradient(to bottom,#fb68d5 0,#7865ff 100%);margin-right: 20px;cursor: pointer} .btn-cta-purple:hover{background-image: linear-gradient(to bottom,#ae68fb,#6652f3)} .header__new{border-bottom: 1px solid #202020;box-shadow: 0 1px 0 0 #353535;font-size: 14px;color: #fff} .header-top{position: relative;;line-height: 24px;} .header-top img.avatar{float: left;width: 45px;border-radius: 50%;margin-top: 2px;margin-right: 10px;height: 45px;} .header-top img.grade{float: left;width:52px;margin-top:-3px;margin-left:10px;} .header-top .zuanshi{background: url(../img/header/zuanshi.svg.html) no-repeat center;width: 15px;height: 15px;display: -webkit-inline-box;background-size: contain;position: relative;top: 3px;cursor: pointer;margin-left: 5px} .header-top .zuanshi.is-vip{background: url(../img/header/zuanshi_vip.svg.html) no-repeat center;background-size: contain;} .header-top .fa-user-crown{color: #f3d60c;margin-left: 5px;font-size: 14px;cursor: pointer;margin-top: 3px;} .header-top .fa-user-crown.is-vip{color: #ff5780;} .layui-nav-child .header-top .logout{position: absolute;right: 0;top: 0;color: #888;font-size:12px;padding:0!important} .layui-nav-child .header-top .logout:hover{background:none;} .header-top .logout:hover{color: #E91E63;} .layui-nav-child .header-top a.user-names{max-width: 100px;padding:0;overflow: hidden;display: block;word-wrap: break-word;text-overflow: ellipsis;white-space: nowrap;float: left;font-size: 14px;padding:0!important} .layui-nav-child .header-top a.user-names:hover{background:none;} .header-top .VIP,.header-top .group-name{margin-left: 10px;color: #fff;font-size: 12px !important;background: #F47A6D;padding: 2px 8px;border-radius: 10px;font-style: normal;} .header-top .group-name{font-weight: normal;} .header-top .group-name.vip-bg, .page-profile .inset-header .about-me .user-name small.badge.vip-bg{background: #ff5780;} .header-top .group-name.authors-bg, .page-profile .inset-header .about-me .user-name small.badge.authors-bg{background: #2aa461;} .header-top p{margin-top: 10px;font-size:12px;color: #3F4656;cursor: pointer;margin: auto;line-height:24px;} .header-bottom,.header-center{position: relative;padding:20px} .header-center{display: flex;padding-bottom:0;line-height: 24px;} .header-center .md-l{float: left;width: 50%;border-radius:6px;padding:16px;margin-right:20px;background-color: #FCF6FF;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;min-width: 135px;} .header-center .md-l:hover{opacity:0.8;} .header-center .md-tit{display: block;font-size: 14px;margin-bottom: 10px;text-align: left;} .header-center .dou,.header-center .jinbi{display: block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;} .header-center .jinbi i{background: url(../images/svg/jinbi.svg.html) no-repeat center;background-size: cover;} .header-center .dou i,.header-center .jinbi i{width: 16px;height: 16px;display: -webkit-inline-box;position: relative;top: 4px;margin-right: 5px} .header-center .dou i{background: url(../images/svg/dou.svg.html) no-repeat center;background-size: cover;} .layui-nav .header-center .pay-credit{padding: 2px 10px!important;border-radius: 20px;background-color:#F47A6D;text-align: center;display: block;margin-top: 15px;color: #fff !important;font-size: 12px;} .layui-nav .header-center .pay-credit:hover{background: #8C39AD!important;color: #fff!important;} .header-center .md-r,.header-center .md-r2{float: left;width: 50%;} .header-center .md-t{margin-bottom:10px;} .header-center .md-t,.header-center .md-b{padding:12px 16px;border-radius: 6px;position: relative;background-color: #FCF6FF;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-size:12px;min-width: 135px;} .header-center .md-r2 .md-t{padding:16px;margin-bottom:0;} .header-center .md-t:hover,.header-center .md-b:hover{opacity:0.8;} .header-center .md-t span,.header-center .md-b span{display: block;margin-bottom: 5px;font-size: 14px} .header-center .md-r2 .md-t span{margin-bottom:10px;} .header-center .md-b p,.header-center .md-t p{font-size:12px} .layui-nav .header-center .md-t a,.layui-nav .header-center .md-b a{position: absolute;right:16px;top:12px;padding: 4px 10px !important;border-radius: 4px;background-color: #F47A6D;display: inline-block;line-height: 14px;font-size: 12px;color:#fff !important;} .header-center .md-t a:hover{background: #8C39AD!important;color: #fff!important;} .header-bottom .my-home{display: block;font-size: 14px;margin-bottom: 10px;} .header-bottom ul{ padding: 1px; display: flex; text-align: center; margin: auto; list-style: none;} .header-bottom li{float: left;width: 25%;cursor: pointer;} .layui-nav .header-bottom li a{padding:0 !important;font-size: 14px;} .layui-nav .header-bottom li a:hover{background-color:#fff!important;color: #8C39AD!important;} .header-bottom li i{background-color: #FCF6FF;font-size:28px;width: 36px;height: 36px;padding: 10px;display: block;border-radius: 50%;margin: 0 auto;margin-bottom: 0;background-size: 50%;background-position: center;background-repeat: no-repeat;color:#8C39AD} .header-bottom li:hover i{background-color:#8C39AD;color:#fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .header-bottom li i.ico_1{background-image: url(../images/svg/shoucang.svg.html)} .header-bottom li i.ico_2{background-image: url(../images/svg/xiangmu.svg.html)} .header-bottom li i.ico_3{background-image: url(../images/svg/anquan.svg.html)} .header-bottom li i.ico_4{background-image: url(../images/svg/dingdan.svg.html)} .header-bottom li i.ico_5{background-image: url(../images/svg/xiazai.svg.html)} .header__custom .icon.max{font-size: 18px;} .header-dropdown{font-size:12px;} .header-center p{margin: auto;} .header__cat {box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;height:60px;border-radius: 8px 8px 0 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer;padding:10px 0;} @media (max-width:768px){ .header__cat {height:52px;} } /**背景渐变**/ .gradient_one { background-color:#BF53F0; background-image:-webkit-gradient(linear, left top, left bottom, from(#BF53F0), to(#5548FF)); background-image:-webkit-linear-gradient(90deg, #BF53F0, #5548FF); background-image:-moz-linear-gradient(90deg, #BF53F0, #5548FF); background-image:-ms-linear-gradient(90deg, #BF53F0, #5548FF); background-image:-o-linear-gradient(90deg, #BF53F0, #5548FF); background-image:linear-gradient(90deg, #BF53F0, #5548FF); color:#fff;} .gradient_two { background-color:#FFA601; background-image:-webkit-gradient(linear, left top, left bottom, from(#FF4D4F), to(#FFA601)); background-image:-webkit-linear-gradient(90deg, #FF4D4F, #FFA601); background-image:-moz-linear-gradient(90deg, #FF4D4F, #FFA601); background-image:-ms-linear-gradient(90deg, #FF4D4F, #FFA601); background-image:-o-linear-gradient(90deg, #FF4D4F, #FFA601); background-image:linear-gradient(90deg, #FF4D4F, #FFA601); color:#fff;} .gradient_three{ background-color:#FA5555; /*background-image:-webkit-gradient(linear, left top, left bottom, from(#F32FBA), to(#EF2222)); background-image:-webkit-linear-gradient(90deg, #F32FBA, #EF2222); background-image:-moz-linear-gradient(90deg, #F32FBA, #EF2222); background-image:-ms-linear-gradient(90deg, #F32FBA, #EF2222); background-image:-o-linear-gradient(90deg, #F32FBA, #EF2222); background-image:linear-gradient(90deg, #F32FBA, #EF2222);*/ color:#fff;} /**线条渐变**/ .gradient_line_one{color:#CA62FF;background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #BF53F0, #5548FF);background-clip: padding-box, border-box;background-origin: padding-box, border-box;} .gradient_line_two{color:#FFA601;background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #FFA601, #FF4D4F);background-clip: padding-box, border-box;background-origin: padding-box, border-box;} .gradient_line_two:hover{color:#FFF;background-image: linear-gradient(to right, #FFA601, #FF4D4F), linear-gradient(90deg, #FFA601, #FF4D4F);background-clip: padding-box, border-box;background-origin: padding-box, border-box;} .gradient_line_three{color:#FA5555;background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #E26262, #FA5555);background-clip: padding-box, border-box;background-origin: padding-box, border-box;} .gradient_line_three:hover{color:#FFF;background-image: linear-gradient(to right, #E26262, #FA5555), linear-gradient(90deg, #E26262, #FA5555);background-clip: padding-box, border-box;background-origin: padding-box, border-box;} .gradient_line_four{color:#CA62FF;background-image: linear-gradient(to right, #2f2f2f, #2f2f2f), linear-gradient(90deg, #BF53F0, #5548FF);background-clip: padding-box, border-box;background-origin: padding-box, border-box;} .gradient_line_one:hover,.gradient_line_four:hover{color:#FFF;background-image: linear-gradient(to right, #BF53F0, #5548FF), linear-gradient(90deg, #BF53F0, #5548FF);background-clip: padding-box, border-box;background-origin: padding-box, border-box;} /*.layui-nav .message_link i, .layui-nav .upload i, */ .layui-nav .scart i{width: 32px;height: 32px;font-size: 32px;display:table;} .layui-nav .layui-this:after{content:'';top:auto;bottom:0;width:100%;} .layui-nav-img{width:34px;height:34px;margin-right:10px;border-radius:50%;display:flex;padding:17px 0;} .layui-nav .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:50%;right:24px;margin-top:-3px;border-width:6px;border-top-color:rgba(255,255,255,.7)} .layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #fff} /* .layui-nav-child{display:none;display: block!important;position:absolute;left:0;top:68px;min-width:100%;min-width:150px;line-height:36px;padding:10px 0;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap;box-shadow: 0 10px 40px -20px rgba(0, 36, 100, 0.3);-webkit-animation: fadeIn 0.3s;-moz-animation: fadeIn 0.3s;animation: fadeIn 0.3s;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}*/ .layui-nav-child{display:none;position:absolute;left:0;top:68px;min-width:100%;min-width: 150px;line-height:36px;padding:10px 0;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap;box-shadow: 0 10px 40px -20px rgba(0, 36, 100, 0.3);-webkit-animation: fadeIn 0.3s;-moz-animation: fadeIn 0.3s;animation: fadeIn 0.3s;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);} .layui-nav .layui-nav-child a{color:#666;padding: 10px 15px!important;text-align: center;} .layui-nav .layui-nav-child a:hover{background-color:#F8FA00;color:#666} .layui-nav-child dd{position:relative;} .layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#B82DFF;color:#fff;} .layui-nav-child dd.layui-this:after{display:none} .layui-nav-tree{width:100%;padding:0} .layui-nav-tree .layui-nav-item{display:block;width:100%;} .layui-nav-tree .layui-nav-item a{position:relative;height:28px;line-height:28px;padding:12px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color: #666;text-align: center;} .layui-nav-tree .layui-nav-item a:hover,.layui-nav-tree .layui-nav-item a:hover{color:#fff} .layui-nav-tree .layui-nav-bar{display: none;/*width:5px;height:0;background-color:#8C39AD*/} .layui-nav-tree .layui-this a{color:#fff;} .layui-nav-tree .layui-this:after{display:none} .layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{color:#fff!important} .layui-nav-tree .layui-nav-child{position:relative;z-index:0;top:0;border:none;box-shadow:none} .layui-nav-tree .layui-nav-child a{height:40px;line-height:40px;color:#fff;color:rgba(255,255,255,.7)} .layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover{background:0 0;color:#fff} .layui-nav-tree .layui-nav-more{right:10px} .layui-nav-itemed>.layui-nav-child{display:block;padding:0;background-color:rgba(0,0,0,.3)!important} .layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display:block} .layui-nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999} .layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after{background-color:#93D1FF} .layui-bg-blue .layui-nav-child dd.layui-this{background-color:#1E9FFF} .layui-bg-blue .layui-nav-itemed>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover{background-color:#007DDB!important} /*面包屑*/ .layui-breadcrumb{font-size:0} .layui-breadcrumb>*{font-size:14px} .layui-breadcrumb a{color:#666!important} .layui-breadcrumb a:hover{color:#B82DFF!important} .layui-breadcrumb a cite{color:#666;font-style:normal} .layui-breadcrumb span[lay-separator]{margin:0 10px;color:#666} @media screen and (max-width: 767px){.layui-breadcrumb{display:none;} } @media screen and (max-width:480px){.layui-breadcrumb{display:none;} } .layui-tab{margin:10px 0;text-align:left!important} .layui-tab[overflow]>.layui-tab-title,.layui-tab[overflow]>.layui-tab-title2{overflow:hidden} .layui-tab-title,.layui-tab-title2{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s} .layui-tab-title li,.layui-tab-title2 li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:80px;padding:0 15px;text-align:center;cursor:pointer} @media screen and (max-width:640px){.layui-tab-title li,.layui-tab-title2 li{padding:0 6px;} } .layui-tab-title li a,.layui-tab-title2 li a{display:block;color: #999;} .layui-tab-title .layui-this{color:#000} .layui-tab-title .layui-this:after,.layui-tab-title2 .layui-this:after{position:absolute;left:0;top:0;content:'';width:100%;height:41px;border-width:1px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none} .layui-tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border-width:1px;border-style:solid;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer} .layui-tab-bar .layui-icon{position:relative;display:inline-block;top:3px;transition:all .3s;-webkit-transition:all .3s} .layui-tab-item{display:none}.layui-tab-more{padding-right:30px;height:auto!important;white-space:normal!important} .layui-tab-more li.layui-this:after{border-bottom-color:#e2e2e2;border-radius:2px} .layui-tab-more .layui-tab-bar .layui-icon{top:-2px;top:3px\9;-webkit-transform:rotate(180deg);transform:rotate(180deg)} :root .layui-tab-more .layui-tab-bar .layui-icon{top:-2px\0/IE9} .layui-tab-content{padding:10px} .layui-tab-title li .layui-tab-close{position:relative;display:inline-block;width:18px;height:18px;line-height:20px;margin-left:8px;top:1px;text-align:center;font-size:14px;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s} .layui-tab-title li .layui-tab-close:hover{border-radius:2px;background-color:#FF5722;color:#fff} .layui-tab-brief>.layui-tab-title .layui-this{color:#009688} .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after,.layui-tab-brief>.layui-tab-title2 .layui-this:after{border:none;border-radius:0;border-bottom:2px solid #B82DFF} .layui-tab-brief[overflow]>.layui-tab-title .layui-this:after,.layui-tab-brief[overflow]>.layui-tab-title2 .layui-this:after{top:-1px} .layui-tab-card{border-width:1px;border-style:solid;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)} .layui-tab-card>.layui-tab-title{background-color:#f2f2f2} .layui-tab-card>.layui-tab-title li{margin-right:-1px;margin-left:-1px} .layui-tab-card>.layui-tab-title .layui-this{background-color:#fff} .layui-tab-card>.layui-tab-title .layui-this:after{border-top:none;border-width:1px;border-bottom-color:#fff} .layui-tab-card>.layui-tab-title .layui-tab-bar{height:40px;line-height:40px;border-radius:0;border-top:none;border-right:none} .layui-tab-card>.layui-tab-more .layui-this{background:0 0;color:#B82DFF} .layui-tab-card>.layui-tab-more .layui-this:after{border:none} .layui-timeline{padding-left:5px} .layui-timeline-item{position:relative;padding-bottom:20px} .layui-timeline-axis{position:absolute;left:-5px;top:0;z-index:10;width:20px;height:20px;line-height:20px;background-color:#fff;color:#B82DFF;border-radius:50%;text-align:center;cursor:pointer} .layui-timeline-axis:hover{color:#FF5722} .layui-timeline-item:before{content:'';position:absolute;left:5px;top:0;z-index:0;width:1px;height:100%} .layui-timeline-item:last-child:before{display:none} .layui-timeline-item:first-child:before{display:block}.layui-timeline-content{padding-left:25px} .layui-timeline-title{position:relative;margin-bottom:10px} .layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px} .layui-badge{height:18px;line-height:18px} .layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%} .layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666} .layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px} .layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;/*margin:-8px 6px 0*/margin: -18px 24px 0; border-radius:50%;} .layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px} /*轮播*/ #layui-carousel{width: 1400px;height: 350px;margin:40px auto 0 auto;} .layui-carousel{position:relative;left:0;top:0;} .layui-carousel img{width: 100%;} .layui-carousel>[carousel-item]{position:relative;width:100%;overflow:hidden;height:350px;} @media only screen and (max-width:1680px){#layui-carousel{width: 1200px;height: 300px;} .layui-carousel img{height: 300px;} .layui-carousel>[carousel-item]{height:300px;} } @media only screen and (max-width:1400px){#layui-carousel{width: 1000px;height: 250px;margin:30px auto 0 auto;} .layui-carousel img{height: 250px;} .layui-carousel>[carousel-item]{height:250px;} } @media only screen and (max-width: 1080px){#layui-carousel{width:800px;height: 200px;margin:30px auto 0 auto;} .layui-carousel img{height: 200px;} .layui-carousel>[carousel-item]{height:200px;} } @media only screen and (max-width:800px){#layui-carousel{width:100%;margin:0 auto;} .layui-carousel img{height: 200px;} .layui-carousel>[carousel-item]{height:200px;display:contents;} } .layui-carousel>[carousel-item]:before{position:absolute;content:'\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .layui-carousel>[carousel-item]>*{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s} .layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up} .layui-carousel-arrow{display:none\9;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer} .layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px} .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px} .layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px} .layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none} .layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)} .layui-carousel:hover .layui-carousel-arrow{display:block\9;opacity:1;left:20px} .layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0} .layui-carousel[lay-indicator=outside]{margin-bottom:30px} .layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px} .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)} .layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none} .layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s} .layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:#e2e2e2;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s} .layui-carousel-ind li:hover{background-color:rgba(255,255,255,.7)}.layui-carousel-ind li.layui-this{background-color:#fff} .layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block} .layui-carousel>[carousel-item]>.layui-this{left:0} .layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%} .layui-carousel>[carousel-item]>.layui-carousel-next{left:100%} .layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0} .layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%} .layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px} .layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important} .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0} /*信息流*/ #flow-flow{margin:40px auto 0 auto;} .flow-default{width:100%; overflow: auto; font-size: 0;} .flow-default li{display: inline-block; margin: 0 5px; font-size: 14px; width:25%; margin-bottom: 10px; height: 100px; line-height: 100px; text-align: center; background-color: #eee;} .flow-default img{width: 100%; height: 100%;} .site-demo-flow{width: 600px; height: 300px; overflow: auto; text-align: center;} .site-demo-flow img{width: 40%; height: 200px; margin: 0 2px 5px 0; border: none;} .layui-fixbar{position:fixed;right:15px;bottom:15px;z-index:999999}.layui-fixbar li{width:50px;height:50px;line-height:50px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#9F9F9F;color:#fff;border-radius:2px;opacity:.95}.layui-fixbar li:hover{opacity:.85}.layui-fixbar li:active{opacity:1}.layui-fixbar .layui-fixbar-top{display:none;font-size:40px}body .layui-util-face{border:none;background:0 0} body .layui-util-face .layui-layer-content{padding:0;background-color:#fff;color:#666;box-shadow:none}.layui-util-face .layui-layer-TipsG{display:none}.layui-util-face ul{position:relative;width:372px;padding:10px;border:1px solid #D9D9D9;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.layui-util-face ul li{cursor:pointer;float:left;border:1px solid #e8e8e8;height:22px;width:26px;overflow:hidden;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}.layui-util-face ul li:hover{position:relative;z-index:2;border:1px solid #eb7350;background:#fff9ec}.layui-code{position:relative;margin:10px 0;padding:15px;line-height:20px;border:1px solid #ddd;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New;font-size:12px}.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}.layui-rate{/*padding:10px 5px 10px 0;*/font-size:0}.layui-rate li i.layui-icon{font-size:14px;color:#FFB800;margin-right:2px;transition:all .3s;-webkit-transition:all .3s}.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}.layui-colorpicker{width:26px;height:26px;border:1px solid #e6e6e6;padding:5px;border-radius:2px;line-height:24px;display:inline-block;cursor:pointer;transition:all .3s;-webkit-transition:all .3s}.layui-colorpicker:hover{border-color:#d2d2d2}.layui-colorpicker.layui-colorpicker-lg{width:34px;height:34px;line-height:32px}.layui-colorpicker.layui-colorpicker-sm{width:24px;height:24px;line-height:22px}.layui-colorpicker.layui-colorpicker-xs{width:22px;height:22px;line-height:20px}.layui-colorpicker-trigger-bgcolor{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px}.layui-colorpicker-trigger-span{display:block;height:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);border-radius:2px;text-align:center}.layui-colorpicker-trigger-i{display:inline-block;color:#FFF;font-size:12px}.layui-colorpicker-trigger-i.layui-icon-close{color:#999}.layui-colorpicker-main{position:absolute;z-index:66666666;width:280px;padding:7px;background:#FFF;border:1px solid #d2d2d2;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-colorpicker-main-wrapper{height:180px;position:relative}.layui-colorpicker-basis{width:260px;height:100%;position:relative}.layui-colorpicker-basis-white{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#FFF,hsla(0,0%,100%,0))}.layui-colorpicker-basis-black{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#000,transparent)}.layui-colorpicker-basis-cursor{width:10px;height:10px;border:1px solid #FFF;border-radius:50%;position:absolute;top:-3px;right:-3px;cursor:pointer}.layui-colorpicker-side{position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(red,#FF0,#0F0,#0FF,#00F,#F0F,red)}.layui-colorpicker-side-slider{width:100%;height:5px;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;left:0}.layui-colorpicker-main-alpha{display:none;height:12px;margin-top:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-alpha-bgcolor{height:100%;position:relative}.layui-colorpicker-alpha-slider{width:5px;height:100%;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;top:0}.layui-colorpicker-main-pre{padding-top:7px;font-size:0}.layui-colorpicker-pre{width:20px;height:20px;border-radius:2px;display:inline-block;margin-left:6px;margin-bottom:7px;cursor:pointer}.layui-colorpicker-pre:nth-child(11n+1){margin-left:0}.layui-colorpicker-pre-isalpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-pre.layui-this{box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.layui-colorpicker-pre>div{height:100%;border-radius:2px}.layui-colorpicker-main-input{text-align:right;padding-top:7px}.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin:0 0 0 10px}.layui-colorpicker-main-input div.layui-inline{float:left;margin-right:10px;font-size:14px}.layui-colorpicker-main-input input.layui-input{width:150px;height:30px;color:#666}.layui-slider{height:4px;background:#e2e2e2;border-radius:3px;position:relative;cursor:pointer}.layui-slider-bar{border-radius:3px;position:absolute;height:100%}.layui-slider-step{position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.layui-slider-wrap{width:36px;height:36px;position:absolute;top:-16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;text-align:center}.layui-slider-wrap-btn{width:12px;height:12px;border-radius:50%;background:#FFF;display:inline-block;vertical-align:middle;cursor:pointer;transition:.3s}.layui-slider-wrap:after{content:"";height:100%;display:inline-block;vertical-align:middle}.layui-slider-wrap-btn.layui-slider-hover,.layui-slider-wrap-btn:hover{transform:scale(1.2)}.layui-slider-wrap-btn.layui-disabled:hover{transform:scale(1)!important}.layui-slider-tips{position:absolute;top:-42px;z-index:66666666;white-space:nowrap;display:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#FFF;background:#000;border-radius:3px;height:25px;line-height:25px;padding:0 10px}.layui-slider-tips:after{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border-width:6px;border-style:solid;border-color:#000 transparent transparent}.layui-slider-input{width:70px;height:32px;border:1px solid #e6e6e6;border-radius:3px;font-size:16px;line-height:32px;position:absolute;right:0;top:-15px}.layui-slider-input-btn{display:none;position:absolute;top:0;right:0;width:20px;height:100%;border-left:1px solid #d2d2d2}.layui-slider-input-btn i{cursor:pointer;position:absolute;right:0;bottom:0;width:20px;height:50%;font-size:12px;line-height:16px;text-align:center;color:#999}.layui-slider-input-btn i:first-child{top:0;border-bottom:1px solid #d2d2d2}.layui-slider-input-txt{height:100%;font-size:14px}.layui-slider-input-txt input{height:100%;border:none}.layui-slider-input-btn i:hover{color:#009688}.layui-slider-vertical{width:4px;margin-left:34px}.layui-slider-vertical .layui-slider-bar{width:4px}.layui-slider-vertical .layui-slider-step{top:auto;left:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-wrap{top:auto;left:-16px;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-tips{top:auto;left:2px}@media \0screen{.layui-slider-wrap-btn{margin-left:-20px}.layui-slider-vertical .layui-slider-wrap-btn{margin-left:0;margin-bottom:-20px}.layui-slider-vertical .layui-slider-tips{margin-left:-8px}.layui-slider>span{margin-left:8px}}.layui-tree{line-height:22px}.layui-tree .layui-form-checkbox{margin:0!important}.layui-tree-set{width:100%;position:relative}.layui-tree-pack{display:none;padding-left:20px;position:relative}.layui-tree-iconClick,.layui-tree-main{display:inline-block;vertical-align:middle}.layui-tree-line .layui-tree-pack{padding-left:27px}.layui-tree-line .layui-tree-set .layui-tree-set:after{content:'';position:absolute;top:14px;left:-9px;width:17px;height:0;border-top:1px dotted #c0c4cc}.layui-tree-entry{position:relative;padding:3px 0;height:20px;white-space:nowrap}.layui-tree-entry:hover{background-color:#eee}.layui-tree-line .layui-tree-entry:hover{background-color:rgba(0,0,0,0)}.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:#999;text-decoration:underline;transition:.3s}.layui-tree-main{cursor:pointer;padding-right:10px}.layui-tree-line .layui-tree-set:before{content:'';position:absolute;top:0;left:-9px;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height:13px}.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height:0}.layui-tree-iconClick{position:relative;height:20px;line-height:20px;margin:0 10px;color:#c0c4cc}.layui-tree-icon{height:12px;line-height:12px;width:12px;text-align:center;border:1px solid #c0c4cc}.layui-tree-iconClick .layui-icon{font-size:18px}.layui-tree-icon .layui-icon{font-size:12px;color:#666}.layui-tree-iconArrow{padding:0 5px}.layui-tree-iconArrow:after{content:'';position:absolute;left:4px;top:3px;z-index:100;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #c0c4cc;transition:.5s}.layui-tree-btnGroup,.layui-tree-editInput{position:relative;vertical-align:middle;display:inline-block}.layui-tree-spread>.layui-tree-entry>.layui-tree-iconClick>.layui-tree-iconArrow:after{transform:rotate(90deg) translate(3px,4px)}.layui-tree-txt{display:inline-block;vertical-align:middle;color:#555}.layui-tree-search{margin-bottom:15px;color:#666}.layui-tree-btnGroup .layui-icon{display:inline-block;vertical-align:middle;padding:0 2px;cursor:pointer}.layui-tree-btnGroup .layui-icon:hover{color:#999;transition:.3s}.layui-tree-entry:hover .layui-tree-btnGroup{visibility:visible}.layui-tree-editInput{height:20px;line-height:20px;padding:0 3px;border:none;background-color:rgba(0,0,0,.05)}.layui-tree-emptyText{text-align:center;color:#999}.layui-anim{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-anim.layui-icon{display:inline-block}.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.layui-trans,.layui-trans a{transition:all .3s;-webkit-transition:all .3s}@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes layui-up{from{-webkit-transform:translate3d(0,100%,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-up{from{transform:translate3d(0,100%,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-up{-webkit-animation-name:layui-up;animation-name:layui-up}@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,30px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-upbit{from{transform:translate3d(0,30px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-upbit{-webkit-animation-name:layui-upbit;animation-name:layui-upbit}@-webkit-keyframes layui-scale{0%{opacity:.3;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale{0%{opacity:.3;-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}}.layui-anim-scale{-webkit-animation-name:layui-scale;animation-name:layui-scale}@-webkit-keyframes layui-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.layui-anim-scaleSpring{-webkit-animation-name:layui-scale-spring;animation-name:layui-scale-spring}@-webkit-keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}@keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}.layui-anim-fadein{-webkit-animation-name:layui-fadein;animation-name:layui-fadein}@-webkit-keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}.layui-anim-fadeout{-webkit-animation-name:layui-fadeout;animation-name:layui-fadeout} /****member****/ #profile_info{background: #222;padding:38px 0;} #profile_info .main-box{margin: 0 auto;} .profile_info_content{display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .profile_info_content .info{display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .profile_info_content .info .avatar{float:left;} .profile_info_content .info .avatar img{width:64px; height: 64px; border-radius:32px;} .profile_info_content .info .use_name{float:left;padding:0;margin:0 0 0 24px;font-size:18px;} .profile_info_content .info .use_name h5{padding:.25em 0;margin:0;font-size:18px;color:#fff} .use_type{height:24px; background: rgba(0,0,0,.3); -webkit-border-radius:12px; border-radius:12px; text-align: center; line-height:24px; font-size: 12px; font-weight: 400; color: #FFF; padding: 0 8px; float: left; background-color: #BF53F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#BF53F0), to(#5548FF)); background-image: -webkit-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -moz-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -ms-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -o-linear-gradient(90deg, #BF53F0, #5548FF); background-image: linear-gradient(90deg, #BF53F0, #5548FF); color: #fff; } .customer_type{max-width:80px;line-height:30px;padding-left:30px;font-size: 12px;color:#8C39AD;margin:0 auto;border:1px #8C39AD solid;border-radius:5px; position: relative;} .customer_type i{height:30px;width:30px;display: block; background:#8C39AD;color:#fff;position: absolute;top: 0;left:0;font-size:20px;} .my-nav{min-width: 150px;} .my-nav:hover{display:block;} .my-nav ul{margin: 0;} .my-nav ul li{font-size:16px;margin: 0;display: block;float: left;width:140px;height:52px;line-height:52px;text-align: center;} .my-nav ul li.gradient_one{border-radius:26px;text-align: center;} .my-nav ul li a{color:#fff;} .my-nav ul li .nav_link:hover{color:#8C39AD;} .my-nav ul li .nav_link {background-color: #fff;color: #666;padding:10px 24px;font-size:14px;} .my-nav ul li .nav_link.has-underline > span{position:relative;} .my-nav ul li .nav_link.has-underline > span::after{content:''; position:absolute; height:0px; width:0; left:0; border-top:1px solid; bottom:-10px; -webkit-transition:width 0.3s ease-in-out; -moz-transition:width 0.3s ease-in-out; transition:width 0.3s ease-in-out;} .my-nav ul li .nav_link.has-underline:hover > span::after, .my-nav ul li .nav_link.has-underline.active > span::after{width:100%;} @media only screen and (max-width:800px){ } @media only screen and (max-width:767px){ #profile_info{background: #222;padding:24px 16px;} .profile_info_content .info .avatar img{width:40px; height:40px; border-radius:20px;} .profile_info_content .info .use_name{float:left;padding:0;margin:0 0 0 6px;font-size:14px;} .profile_info_content .info .use_name h5{padding:.25em 0;margin:0;font-size:14px;color:#fff} .use_type{height:20px;-webkit-border-radius:10px;border-radius:10px;line-height:20px;order-radius:10px;} .my-nav ul li{width:100px;height:40px;line-height:40px;font-size:14px;} .my-nav ul li.gradient_one{border-radius:20px;height:40px;line-height:40px;width:100px} .my-nav ul li a{width: 100px;height:40px;line-height:40px;padding:0 !important;font-size:14px;} } @media only screen and (max-width:480px){ .my-nav ul li{width:80px;height:36px;line-height:36px;} .my-nav ul li.gradient_one{height:36px;line-height:36px;width:80px} .my-nav ul li a{height:36px;line-height:36px;width:80px;} } #my_profile .layui-tab{margin:0} .choose-list{/* display: -webkit-box; */display: flex;flex-flow: row wrap;justify-content: space-between;} .choose-list .bt,.choose-list .price{font-size:16px;color:#444;line-height:18px;padding:0 0 20px 0;float:right;display: inline-flex;} .choose-list span{line-height:48px;margin-right:24px;color:#fff!important;width:100%;line-height: 46px!important;font-size:16px;} .choose-list .price i{top: 14px;} .choose-list .bt .p{line-height:38px;font-size: 16px;color: #8C39AD;font-weight:500;margin-right:0;} .choose-list .bt .xuangou{width:100%;line-height:44px;font-size:16px;height:44px;text-align:center;padding:0 30px;border:2px solid transparent;border-radius:24px;float: left;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;} .choose-list .bt .xuangou.active{background:#2f2c35;border: 1px #2f2c35 solid;color:#8C39AD} @media only screen and (max-width:800px){ .choose-list .bt,.choose-list .price{padding:0;} } /* #my_profile .layui-tab h2{margin:40px 0 0;text-align:center;height: 24px;line-height: 24px;font-size: 24px;} #my_profile .layui-tab .layui-tab-title{padding:0 40px;height: 64px;} #my_profile .layui-tab .layui-tab-title .more{float:right;font-size: 14px;line-height: 60px;padding-top: 4px;} @media only screen and (max-width:480px){ #my_profile .layui-tab .layui-tab-title{height:52px;} #my_profile .layui-tab .layui-tab-title .more{line-height:48px;} } #my_profile .layui-tab .layui-tab-title .layui-this:after {height:65px;} #my_profile .layui-tab .layui-tab-title li{font-size:16px;color:#444;line-height: 60px;padding-top: 4px;} #my_profile .layui-tab .layui-tab-title .lr{font-size:14px;color:#444;line-height:64px;float:right} #my_profile .layui-tab .layui-tab-title .lr.price,#my_profile .layui-tab .layui-tab-title .lr.checkbox{font-size:14px;color:#444;line-height:18px;padding:25px 0 21px 0;float:right;display: inline-flex;margin-right:12px;} #my_profile .layui-tab .layui-tab-title .lr span{line-height:18px;} #my_profile .layui-tab .layui-tab-title .lr.price .p{line-height:18px;font-size: 14px;color: #8C39AD;font-weight:500;} #my_profile .layui-tab .layui-tab-title .layui-form-checkbox[lay-skin=primary]{min-height:18px;} #my_profile .layui-tab-brief>.layui-tab-title .layui-this{color:#8C39AD;font-weight: 600;padding-top: 4px;} #my_profile .layui-tab-brief>.layui-tab-title .layui-this .layui-tab-title .layui-this:after {height:60px;}*/ #my_profile .layui-tab .layui-tab-content{padding:40px;} #my_profile .layui-tab .layui-tab-content.l_list{padding:0;} #my_profile .layui-tab .layui-tab-content .layui-form-label{line-height:40px;padding: 0 15px 0 0;color:#bbb;} #my_profile .layui-tab .layui-tab-content .layui-input-block{line-height:40px;text-align:left;padding: 0 15px 0 0;} /*#my_profile .layui-tab .layui-tab-content .layui-input-block span{margin:0 0 0 10px}*/ #my_profile .layui-tab .layui-tab-content .layui-input-block span.g {font-size:36px;color:#DA52FF;font-weight:450;line-height:18px;} #my_profile .layui-tab .layui-tab-content .layui-input-block span.d {line-height: 32px;color:#444;color: rgba(68, 68, 68, 0.7);margin-left:6px;} #my_profile .layui-tab .layui-tab-content .layui-input-block span a:hover{color:#fff} /*#my_profile .layui-tab .layui-tab-content .layui-input-block span i {margin:0 0 0 10px}*/ #my_profile .layui-tab .layui-tab-content .layui-input-block span i{display:none;line-height: 20px;} #my_profile .layui-tab .layui-tab-content .layui-input-block:hover span i{display: inline-block;color:#DA52FF;margin-left:8px;} #my_profile .layui-tab .layui-tab-content .layui-input-block ul{display: inline-block;width: 100%;} /*#my_profile .layui-tab .layui-tab-content .layui-input-block ul li{line-height: 50px;} #my_profile .layui-tab .layui-tab-content .layui-input-block ul li em{color:#ccc;line-height:48px;}*/ #my_profile .layui-tab .layui-tab-content .layui-upload-list{margin:0 20px 0 0;float: left;} #my_profile .layui-tab .layui-tab-content .layui-upload-list img{width:120px;} #my_profile .layui-tab .layui-tab-content .layui-input-inline{float: left;width:300px;margin-right: 10px;} #my_profile .recharge{padding: 0 15px 0 0!important;} #my_profile .recharge .layui-anim.layui-icon{display: none;} #my_profile .recharge .layui-form-radio {position: relative;min-width:90%;text-align: center;border-radius: 4px;line-height: 40px;height:44px;padding:0;cursor: pointer;/*-webkit-transition: .1s linear;transition: .1s linear;*/box-sizing: border-box;border:1px solid #ddd;color:#666;margin:3px 10px 0 0;display: none;} /*#my_profile .recharge .layui-form-radio *{font-size: 16px!important;} #my_profile .recharge .layui-form-radioed{border:2px solid #8C39AD;line-height:38px;background: url(../images/ic-checked.svg.html) no-repeat right bottom;color:#8C39AD;} #my_profile .recharge .layui-form-checked span{background-color: #5FB878;}*/ #my_profile .recharge .layui-input{width:90%;min-width:90%;border-radius: 4px;/*line-height: 40px;*/height:44px;padding:0 10px;box-sizing: border-box;border:1px solid #ddd;color:#666;margin:3px 10px 0 0;} #my_profile .recharge ul li{} :root{--card-line-height: 1.2em; --card-padding:1.375em; --card-radius: 0.5em; --color-green: #558309; --color-gray: #e2ebf6; --color-dark-gray: #c4d1e1; --radio-border-width:1px; --radio-size: 1.5em;} .grid{display: grid; grid-gap: var(--card-padding); margin: 0 auto; max-width: 60em; padding: 0;} @media only screen and (min-width:1680px){ .grid{grid-template-columns: repeat(4, 1fr);} } @media only screen and (max-width:1679px){ .grid{grid-template-columns: repeat(3, 1fr);} } @media only screen and (max-width:1439px){ .grid{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width:767px){ .grid{grid-template-columns: repeat(1, 1fr);display:inline-grid;} } .card{background-color: #fff;position: relative;} .card:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);} .radio{font-size: inherit; margin: 0; position: absolute; right: calc(var(--card-padding) + var(--radio-border-width)); top: calc(var(--card-padding) + var(--radio-border-width));} @supports (-webkit-appearance: none) or (-moz-appearance: none){ .radio{-webkit-appearance: none;-moz-appearance: none; background: #fff; border: var(--radio-border-width) solid var(--color-gray); border-radius: 50%; cursor: pointer; height: var(--radio-size); outline: none; transition: background 0.2s ease-out, border-color 0.2s ease-out; width: var(--radio-size); } .radio::after{ border: var(--radio-border-width) solid #fff; border-top: 0; border-left: 0; content: ''; display: block; height: 0.75rem; left: 25%; position: absolute; top: 50%; transform: rotate(45deg) translate(-50%, -50%); width: 0.375rem; } .radio:checked{ background: var(--color-green); border-color: var(--color-green); } .card:hover .radio{ border-color: var(--color-dark-gray); } .card:hover .radio:checked{ border-color: var(--color-green); } } .re-details{border:1px solid #ddd; border-radius:4px; cursor: pointer; display: flex; flex-direction: column; padding:1.125em 1.375em; transition: border-color 0.2s ease-out;} .card:hover .re-details{border-color: var(--color-dark-gray);} .radio:checked ~ .re-details{border:1px solid #8C39AD;} .radio:focus ~ .re-details{box-shadow: 0 0 0 2px var(--color-dark-gray);} .radio:disabled ~ .re-details{color: var(--color-dark-gray); cursor: default;} .radio:disabled ~ .re-details .re-type{color: var(--color-dark-gray);} .card:hover .radio:disabled ~ .re-details{border-color: var(--color-gray); box-shadow: none;} .card:hover .radio:disabled{border-color: var(--color-gray);} .re-corner{background: url(../images/bg_corner.svg.html) 0 center no-repeat;font-size:.75rem;color:#fff;line-height:2rem;position: absolute;top: 0;right: 0;width:65.5px;text-align:center;padding:0 0 0 10px;} .re-type{color:#666; font-size:1.125rem;line-height: 1em;} .re-unit{font-size:.875rem;margin-left:6px;} .re-cost{font-size:.875rem;padding: 0.5rem 0 0;color:#999;line-height:1rem;} .re-cycle{font-size:.875rem;color:#8C39AD;text-decoration: none;margin-left:6px;} .hidden-visually{border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px;} #my_profile .layui-btn{/*width:100%;min-width:100%;margin:15px 0 0 0;line-height: 48px;height: 48px;*/width:140px;height:44px;font-size: 18px;line-height:40px;border-radius:22px;border: 2px solid transparent;margin-left: 0;padding: 0;} #my_profile .layui-btn a{color:#fff} .pay{padding: 0 15px 0 0!important;} .pay .layui-form-radio{margin: 0 10px 0 0;} .pay .layui-form-radio>i{margin-right:12px} .pay .ic-alipay {color: #24ABED;font-size: 30px;line-height: 50px;margin-right: 30px;} .pay .ic-wechatpay {color: #00B700;font-size: 30px;line-height: 50px;margin-right: 30px;} .layui-layer-btn-c{padding:25px 20px!important;} .layui-layer-btn-c .layui-layer-btn0,.layui-layer-btn-c .layui-layer-btn1{height:44px;line-height:44px;margin: 0 0 20px;padding:0;width:100%;border-radius:4px;} .layui-layer-btn-c .layui-layer-btn1{margin:0;} @media screen and (max-width:480px){ /*.layui-col-space30{margin:0 -15px}*/ .layui-col-space30{margin:0} /*.layui-col-space30>*{padding:0!important}*/ #my_profile .layui-tab .layui-tab-title{padding:0 25px!important;} #my_profile .layui-tab .layui-tab-title .layui-this:after {height:52px;} #my_profile .layui-tab .layui-tab-title li{font-size:15px;line-height:48px;padding-top: 4px;} #my_profile .layui-tab .layui-tab-content{padding: 40px 25px;} .profile_info_content .info{padding:0;} } @media screen and (max-width:640px){ #my_profile .layui-tab .layui-tab-title{padding:0 40px;} .layui-form-item.lfi-other .layui-form-label{width: 100%;} .layui-form-item.lfi-other .layui-input-block{margin-left:0;} } @media screen and (max-width:767px){/*.layui-col-space30>*{padding:15px!important}*/ #my_profile .recharge,#my_profile .pay{padding: 0!important} #my_profile .recharge .layui-form-radio {min-width:100%;margin: 3px 0 0 0;} #my_profile .layui-tab .layui-tab-content .layui-input-block{margin-left:0;padding:0;} .custom .layui-col-xs12{width:50%;margin:20px 0 0 0;} #my_profile .layui-btn{width:90px;font-size:14px;height:40px;line-height:36px;} } @media screen and (max-width:991px){.layui-col-space30>*{padding:15px} .profile_info_content .info{border-bottom:none!important;} #my_profile button{width:100%;min-width:100%;} } @media screen and (min-width:992px){ /*#my_profile{min-height:640px}*/ #my_profile button{width:100%;max-width:100%;} } /* .account_center .right{min-height:663px;} .account_center .right .empty_coupons{min-height:585px;background: url(../images/ic-nocontent.svg.html) no-repeat center 100px} .account_center .right .empty_messsge{min-height:585px;background: url(../images/ic-nomessage.svg.html) no-repeat center 100px} @media only screen and (max-width:480px){ .account_center{min-height:0; padding:0;} .account_center .right{border-radius:0;min-height: auto;} } @media only screen and (max-width:1080px){ .account_center .right{min-height:540px;} .account_center .right .empty_coupons,.account_center .right .empty_messsge{min-height:400px;} } .account_center .tab-menu{padding:30px 50px 20px 60px;border-bottom:solid 1px #E6E6E6;} .account_center .download .tab-menu{background: #fff; border: none; border-radius: 5px;} .account_center .tab-menu .active{color:#DA52FF;font-weight:600;} .account_center .tab-menu a{font-size:16px;margin-right:50px; padding-bottom:21px; color:rgba(68, 68, 68, 0.7); cursor:pointer;} .account_center .tab-menu a:hover{color:#444;} .account_center .tab-menu a.active{color:#DA52FF;position:relative;} .account_center .tab-menu a.active::before{content:"";position:absolute;left:-9px;right:-9px;bottom:-3px;background-color:#DA52FF;height:1px;} @media only screen and (max-width:640px){ .account_center .tab-menu{padding:20px 40px 16px 40px;} .account_center .tab-menu a.active::before{bottom:1px;} } @media only screen and (max-width:480px){ .account_center .tab-menu{white-space:nowrap;overflow:scroll;padding-left:0;} .account_center .tab-menu a{margin-left:28px;margin-right:0;} } */ /**优惠券**/ .empty_coupons{min-height:455px;background: url(../images/ic-nocontent.svg.html) no-repeat center 100px} .layui-tab-content.icoupons{padding:0!important;} .coupons {background: url(../images/ic-coupons312.svg.html) no-repeat center center;height:72px;width:192px;padding:33px 80px 33px 40px;display:block;} .expire{background: url(../images/ic-coupons_expire312.svg.html) no-repeat center center;} .used{background: url(../images/ic-coupons_used312.svg.html) no-repeat center center;} .coupons .discount{float: left; font-size:72px;font-weight: bold;line-height:80px;color:#fff;} .coupons .validity{float: left;font-size:12px;line-height:18px;color:#fff;margin:24px 0 0 38px} .layui-tab-content .layui-row.layui-col-space30{margin: 0 -15px;} @media only screen and (max-width:1919px){.coupons {background: url(../images/ic-coupons286.svg.html) no-repeat center center;height:72px;width:182px;padding:33px 73px 33px 34px;} .expire{background: url(../images/ic-coupons_expire286.svg.html) no-repeat center center;} .used{background: url(../images/ic-coupons_used286.svg.html) no-repeat center center;} .coupons .discount{font-size:56px;line-height:82px;} .coupons .validity{margin:24px 0 0 32px} } @media only screen and (max-width:1679px){.coupons {background: url(../images/ic-coupons266.svg.html) no-repeat center center;height:72px;width:172px;padding:23px 68px 23px 29px;} .expire{background: url(../images/ic-coupons_expire266.svg.html) no-repeat center center;} .used{background: url(../images/ic-coupons_used266.svg.html) no-repeat center center;} .coupons .discount{font-size:50px;line-height:72px;} .coupons .validity{margin:24px 0 0 26px} } @media only screen and (max-width:1479px){.coupons {background: url(../images/ic-coupons266.svg.html) no-repeat center center;height:72px;width:182px;padding:23px 54px 23px 30px;margin: 0 auto;} .expire{background: url(../images/ic-coupons_expire266.svg.html) no-repeat center center;} .used{background: url(../images/ic-coupons_used266.svg.html) no-repeat center center;} .coupons .discount{font-size:50px;line-height:72px;} .coupons .validity{margin:24px 0 0 24px} } @media only screen and (min-width:768px) and (max-width:1479px){.layui-col-sm6{width:50%;float: left;} } @media only screen and (max-width:1199px){.coupons {background: url(../images/ic-coupons266.svg.html) no-repeat center center;height:72px;width:172px;padding:23px 66px 23px 28px;} .expire{background: url(../images/ic-coupons_expire266.svg.html) no-repeat center center;} .used{background: url(../images/ic-coupons_used266.svg.html) no-repeat center center;} .coupons .discount{font-size:50px;line-height:72px;} .coupons .validity{margin:24px 0 0 26px} .layui-tab-content .layui-col-space30>*{padding: 15px;} } @media only screen and (max-width:767px){.coupons {background: url(../images/ic-coupons266.svg.html) no-repeat center center;height:72px;width:169px;padding:33px 66px 33px 34px;margin-bottom:8px;} .expire{background: url(../images/ic-coupons_expire266.svg.html) no-repeat center center;} .used{background: url(../images/ic-coupons_used266.svg.html) no-repeat center center;} .coupons .discount{font-size:46px;line-height:76px;} .coupons .validity{margin:24px 0 0 24px} } @media only screen and (max-width:480px){.layui-tab-content .layui-row.layui-col-space30{margin: 0;} } @media only screen and (max-width:991px){ .dl-num .layui-col-xs12:first-child{display:block!important;padding: 7.5px!important;} .recharge .layui-col-xs12:first-child{display:block!important;} /*.layui-row .layui-col-xs12:first-child{display: none;}*/ .layui-row .layui-form-item:last-child .layui-col-xs12:first-child{display:block!important;} } .coupons-content { padding:20px 40px 40px!important; } @media only screen and (min-width:1680px){ .box-group{grid-template-columns: repeat(3, 1fr);} } @media only screen and (max-width:1679px){ .box-group{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width:1439px){ .box-group{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width:767px){ .box-group{grid-template-columns: repeat(1, 1fr);display:inline-grid;} } .box-group {display: grid;grid-gap: var(--card-padding);margin: 0 auto;max-width:100%;padding: 0;} .box-group .layui-col-xs12:first-child {display: inline-block;} .box-group .item-group{background:#fff;border-radius:0.4em;display:flex;position:relative;/*box-shadow:2px 2px 5px #999;*/overflow:hidden;} .box-group .item-group .item-left{width:7em;box-sizing:border-box;padding:1em 0;text-align:center;position:relative;background-color: #FF9691;} .box-group .grey .item-group .item-left{background-color: #ddd;} .left-defect{width:1em;height:1em;border-radius:50%;background:#fff;position:absolute;right:-0.5em;top:-0.5em;z-index:1;} .left-defect-2{bottom:-0.5em;top:auto;} .code-price{font-size:2.4em;color:#fff;font-weight:bold;} .code-icon{color:#fff;} .item-right{position:relative;flex:1;padding:1.6em 0 1em 1.2em;line-height:1.6rem;background:rgba(255,150,145,0.1); /*background-image: radial-gradient(120px at left top, #fff 7px, rgba(255,150,145,0.1) 7px), radial-gradient(120px at left bottom, #fff 7px, rgba(255,150,145,0.1) 7px);*/ } .grey .item-group .item-right{background-image: radial-gradient(120px at left top, #fff 7px, #eee 7px),radial-gradient(120px at right bottom, #fff 7px, #eee 7px);} .code-tiele{color:#FF9691} .code-time{color:#999;} .end{background:#c4c4c4;color:#fff;position:absolute;top:0.2em;right:-3em;font-size:0.6em;padding:1em 3em 0;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);} .green .left-gb{background-color:#58c11e;background-image:radial-gradient(#fff 25%,#fff 40%,#58c11e 45%);} .grey .left-gb{background-color:#c4c4c4;background-image:radial-gradient(#fff 25%,#fff 40%,#c4c4c4 45%);} .grey .code-price,.grey .code-icon{color:#fff;} .grey .code-tiele{color:#999;} #my_profile .coupons-box{border-bottom:12px solid #F7F7F7;} #my_profile .coupons-box .coupons-content{padding:30px 40px!important;} @media screen and (max-width: 480px){ #my_profile .coupons-box .coupons-content{padding:30px 25px!important;} } /****个人中心****/ #my_profile .layui-tab .pcenter{padding:24px 40px;border-bottom:12px solid #F7F7F7;position: relative;} #my_profile .layui-tab .pcenter .layui-elem-field{margin:0 0 10px;} #my_profile .layui-tab .pcenter .layui-elem-field legend{font-size:16px;} #my_profile .layui-tab .pcenter .layui-elem-field h2{font-size:20px;line-height: 40px;font-weight:500;color: #666;display: inline-block;} #my_profile .layui-tab .pcenter .layui-form-item{margin:0;} #my_profile .layui-tab .pcenter .layui-input-block{line-height:28px;min-height:28px;text-align: left;padding: 0 15px 0 0;margin-left:0;} .ic-qstar1,.ic-qstar2,.ic-qstar3{position: absolute;height:76px;width:76px;display: block;right:30px;bottom:-3px;color:#fff;} .ic-qstar1:before,.ic-qstar2:before,.ic-qstar3:before{font-size:76px;} #my_profile .layui-tab .pcenter .layui-field-quick .qbox{margin-right:20px;width:100%;font-size:16px;height: 102px;display: inline-block;box-sizing: border-box;color:#7A5E86;padding:14px 16px 14px 96px;border-radius:8px;line-height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff;} #my_profile .layui-tab .pcenter .layui-field-quick .qbox h2{line-height:40px;font-size:28px;font-weight:bold;} #my_profile .layui-tab .pcenter .layui-inline {margin-bottom:16px;margin-right:16px;} #my_profile .layui-tab .pcenter .layui-inline img{width:52px;margin:-10px 6px 0 6px;} @media only screen and (max-width:1680px){ #my_profile .layui-tab .pcenter .layui-field-quick .qbox{padding:10px 12px 6px 80px;height:92px;} #my_profile .layui-tab .pcenter .layui-inline {width:auto!important;} } @media only screen and (max-width:1480px){ .dl-num.layui-col-space30>* {padding: 7.5px!important;} .layui-tab-content .layui-row.layui-col-space30 {margin: 0 -15px!important;/*margin: 0 -7.5px!important;*/} .layui-tab-content .layui-row.dl-num{margin: 0 -7.5px!important;} #my_profile .layui-tab .pcenter .layui-field-quick .qbox{margin-right:10px;padding:10px 12px 6px 66px;height:84px;font-size:13px;} #my_profile .layui-tab .pcenter .layui-field-quick .qbox h2{line-height:28px;font-size:24px;} #my_profile .layui-tab .pcenter .layui-field-quick .qbox:last-child{margin-right:0;} } @media only screen and (max-width:768px){#my_profile .layui-tab .pcenter .layui-col-xs3 {width:50%;float: left;} } @media only screen and (max-width:640px){.layui-tab-item .layui-form-item .layui-inline{width:auto!important;margin-right:0;} } @media only screen and (max-width:480px){#my_profile .layui-tab .pcenter{padding:24px 25px;} #my_profile .layui-tab .pcenter .layui-field-quick .qbox{margin-right:28px;} } #my_profile .layui-tab .pcenter .layui-field-quick .qwheader{background-color: #e99fff;background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-moz-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-webkit-gradient(linear,top,bottom,color-stop(0,#fef7e6),color-stop(100%,#ffe8b0));background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-webkit-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-o-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-ms-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,from(#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_wheader.svg.html) 0 center no-repeat,linear-gradient(to bottom right,#e99fff 0,#ffe8b0 100%);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e99fff,endColorstr=#ffe8b0);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#e99fff,endColorstr=#ffe8b0)";} #my_profile .layui-tab .pcenter .layui-field-quick .qworks{background-color: #e99fff;background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-moz-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-webkit-gradient(linear,top,bottom,color-stop(0,#fef7e6),color-stop(100%,#ffe8b0));background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-webkit-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-o-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-ms-linear-gradient(top,#e99fff 0,#ffe8b0 100%);background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,from(#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) );background: url(../images/bg_qbox_works.svg.html) 0 center no-repeat,linear-gradient(to bottom right,#e99fff 0,#ffe8b0 100%);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e99fff,endColorstr=#ffe8b0);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#e99fff,endColorstr=#ffe8b0)";} #my_profile .download{border-bottom:12px solid #F7F7F7;} #my_profile .download .layui-btn:first-child{margin-bottom:10px;} #my_profile .download .layui-btn+.layui-btn {margin-left:0;} #my_profile .download .layui-table-cell{white-space: normal;} @media only screen and (max-width:991px){#my_profile .download{border-bottom:none;} } @media only screen and (max-width:767px){#my_profile .download .layui-btn{margin-left:0;} } #my_profile .empty_download{min-height:360px;background: url(../images/ic-nodownload.svg.html) no-repeat center 50px} @media only screen and (max-width:640px){#my_profile .layui-tab .pcenter .layui-field-quick .qdownload{ background-color: #e99fff; background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-moz-linear-gradient(top,#e99fff 0,#ffe8b0 100%); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-webkit-gradient(linear,top,bottom,color-stop(0,#fef7e6),color-stop(100%,#ffe8b0)); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-webkit-linear-gradient(top,#e99fff 0,#ffe8b0 100%); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-o-linear-gradient(top,#e99fff 0,#ffe8b0 100%); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-ms-linear-gradient(top,#e99fff 0,#ffe8b0 100%); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,from(#e99fff),to(#ffe8b0) ); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) ); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) ); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) ); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0,#e99fff),to(#ffe8b0) ); background: url(../images/bg_qbox_download.svg.html) 0 center no-repeat,linear-gradient(to bottom right,#e99fff 0,#ffe8b0 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e99fff,endColorstr=#ffe8b0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#e99fff,endColorstr=#ffe8b0)";} #my_profile .layui-tab .pcenter .layui-field-quick .qbox h2{line-height:32px;font-size:24px;margin: 0;} } @media only screen and (min-width:1680px){ .dl-num{grid-template-columns: repeat(4, 1fr);} } @media only screen and (max-width:1679px){ .dl-num{grid-template-columns: repeat(4, 1fr);} } @media only screen and (max-width:1480px){ .dl-num{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width:767px){ .dl-num{grid-template-columns: repeat(2, 1fr);display:inline-grid;} } @media only screen and (max-width:480px){ .dl-num{grid-template-columns: repeat(1, 1fr);display:inline-grid;} .dd-nnum{grid-template: inherit;} } .dl-num{display: grid;grid-gap: var(--card-padding);margin: 0 auto;max-width:100%;padding: 0;} .dl-num .qbox{margin-right:20px;width:100%;font-size:16px;height: 102px;display: inline-block;box-sizing: border-box;color:#7A5E86;padding:14px 16px 14px 64px;border-radius:8px;line-height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff;position: relative;} .dl-num .qbox h2{height:28px!important;line-height:28px!important;font-size:28px;font-weight:bold;text-align: left!important;margin-top:6px;} .dl-num .none{background-color: #eee; /* 不支持线性的时候显示 */background-image: linear-gradient(to bottom right , #eee, #ddd);color:#999;} .dl-num .none h2 a{float: left;font-size:12px;color:#fff;background-color:#F47A6D;line-height:28px!important;height:28px;display: inline-block;padding:0 12px;border-radius:18px;margin-left:12px;font-weight: normal;} .dl-num span{float: left;} .dl-num .one.qdownload{background-color: #ffbbd3; /* 不支持线性的时候显示 */background-image: linear-gradient(to bottom right , #ffbbd3, #eacedf);} .dl-num .two.qdownload{background-color: #ffbbd3; /* 不支持线性的时候显示 */background-image: linear-gradient(to bottom right , #ffadc7, #ff94b0);} .dl-num .three.qdownload{background-color: #ffbbd3; /* 不支持线性的时候显示 */background-image: linear-gradient(to bottom right , #ffae8c, #ff73e7);} .dl-num .four.qdownload{background-color: #ffbbd3; /* 不支持线性的时候显示 */background-image: linear-gradient(to bottom right , #8CBCFF, #7A73FF);} .ic-qdownload{position: absolute;height:48px;width:48px;display: block;top: 8px;left:0;color:#fff;} .ic-qdownload:before{font-size:48px;} .ic-qstar1,.ic-qstar2,.ic-qstar3{position: absolute;height:56px;width:56px;display: block;right:8px;bottom:-16px;color:#fff;} .ic-qstar1:before,.ic-qstar2:before,.ic-qstar3:before{font-size:56px;} @media only screen and (max-width:1680px){ .ic-qdownload{height:56px;width:56px;} .ic-qdownload:before{font-size:56px;} .ic-qstar1,.ic-qstar2,.ic-qstar3{height:56px;width:56px;} .ic-qstar1:before,.ic-qstar2:before,.ic-qstar3:before{font-size:56px;} } @media only screen and (max-width:1480px){ .ic-qdownload{height:56px;width:56px;} .ic-qdownload:before{font-size:56px;} .ic-qstar1,.ic-qstar2,.ic-qstar3{height:64px;width:64px;} .ic-qstar1:before,.ic-qstar2:before,.ic-qstar3:before{font-size:64px;} } /****购物车*** @media only screen and (min-width:1680px){ .cart-box{grid-template-columns: repeat(4, 1fr);} } @media only screen and (max-width:1679px){ .cart-box{grid-template-columns: repeat(4, 1fr);} } @media only screen and (max-width:1480px){ .cart-box{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width:767px){ .cart-box{grid-template-columns: repeat(2, 1fr);display:inline-grid;} } @media only screen and (max-width:480px){ .cart-box{grid-template-columns: repeat(1, 1fr);display:inline-grid;} }*/ /****发票*** .invoice #page{padding: 15px 0!important;} .invoice .layui-table{margin: 0;} .invoice .layui-table th,.invoice .layui-table td{padding:12px 10px;text-align: center;} .invoice .layui-form-label i{line-height: 12px;font-style: normal;padding-right: 5px;display: inline-block;vertical-align: middle;margin-top: 2px;color: #ff4343;} #my_profile .layui-tab .layui-tab-content.invoice .layui-form-label {width:120px!important;} #my_profile .layui-tab .layui-tab-content.invoice .layui-input-block{margin-left: 166px!important;} #my_profile .layui-tab .layui-tab-content.invoice .layui-input-block button {width: 140px;min-width: 140px;margin: 15px 0 0 0;} @media only screen and (max-width: 768px){#my_profile .layui-tab .layui-tab-content.invoice .layui-input-inline{width: 100%;} #my_profile .layui-tab .layui-tab-content.invoice .layui-input-block {margin-left: 0!important} }*/ /****我的金豆*** .empty_record{min-height:455px;background: url(../images/ic-norecord.svg.html) no-repeat center 100px} .record #page{padding: 15px 0!important;} .record .layui-table{margin: 0;} .record .layui-table th,.record .layui-table td{padding:12px 10px;text-align: center;} */ /****我的收入*** .layui-tab-content .layui-table-box.layui-col-space30{margin: 0 -15px;} */ /****消息中心*** .empty_messsge{min-height:455px;background: url(../images/ic-nomessage.svg.html) no-repeat center 100px} .layui-tab-content.imessage{padding:0!important;} .message_list{padding:0 15px!important;} .message_list ul{ padding:0; margin: 0; } .message_list ul li {overflow: hidden; position: relative;padding: 30px 80px 30px 50px;margin: 0;transition:all .3s;-webkit-transition:all .3s;} .message_list ul li:hover,.message_list ul li:nth-child(2n):hover{background-color:#f9f9f9} .message_list ul li:nth-child(2n) {background: #F9FCFE;} .message_list ul li .author_avatar { float: left} .message_list ul li .author_avatar img { vertical-align: middle; width: 48px; height: 48px; border-radius: 50%; } .message_list ul li .message_content { margin-left: 68px;} .message_list ul li .message_content .author_name {padding-right:0;} .message_list ul li .message_content .author_name .message_sender { color: #333; } .message_list ul li .message_content .author_name a { font-weight: 600; margin-right: 16px;} .message_list ul li .message_content .author_name .message_time { color: #bbb; font-size: 12px;} .message_list ul li .message_content .message_content_show { margin-top: 11px; line-height: 24px; word-wrap: break-word; } .message_list ul li .message_content .message_content_show a { color: #8C39AD; font-weight: 600; } .message_list ul li .message_content .message_content_show a:hover { color: #B82DFF; } .message_list ul li .message_content .message_content_show p {margin:0 0 5px 0;} .message_list ul li .message_content > p:nth-of-type(2) {margin:12px 0 0 0; } .message-list-page .tab-menu .tab-box .title { margin-right: 60px; color: #444444; cursor: default; } .message-list-page .message_list li { padding: 30px; } .message-list-page .message_list li:hover { background: #fbfbfb; cursor: pointer; } .message-list-page .message_list li .message_content_show { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 855px; } .message-list-page .message_list li .subnav-num-sup { right: -4px; top: -4px; } .leave-message-page .reply-area-ipt { position: relative; } @media only screen and (max-width:768px){.message_list{padding:0 15px!important;} } @media only screen and (max-width:640px){.message_list{padding:0 15px!important;} .message_list ul li { padding:16px 28px;} .message_list ul li .author_avatar img {width:32px; height: 32px;} .message_list ul li .message_content {margin-left:48px;} .message_list ul li .message_content .author_name .message_time {float: right} .message_list ul li .message_content .message_content_show { margin-top: 6px;} } @media screen and (max-width:480px){ .layui-tab-content.income{padding:50px 28px 20px 28px!important;} .layui-tab-content.imessage{padding:0 10px!important;} .message_list{padding:0!important;} } #page{padding: 15px!important;display:flow-root;} .layui-table-box .cation-content{width:100%;margin: 0;background-color: #F9FCFE;} .layui-table-box .cation-content .cation-middle{padding:14px 0;background-color: #F9FCFE;box-shadow:none;} .layui-table-box .cation-content .cation-middle .cation-list {padding:0 28px;} .layui-table-box .cation-content .cation-middle .cation-list dd {margin-left:0;overflow:initial;} .layui-table-box .cation-content .cation-middle .cation-list dd a {box-sizing:content-box;} .layui-table-box .layui-tab-content #page{padding: 15px 0!important;} */ /****下载记录*** .empty_download{min-height:455px;background: url(../images/ic-nodownload.svg.html) no-repeat center 100px} .layui-tab-content.idownload{padding:0!important;} .layui-tab-content.download .layui-table-view{margin:0;border:none;} .layui-tab-content.download .layui-col-space30>*{padding:0 15px;} .cd_img{width:160px;} .cd_intro .t{margin-bottom:4px;font-weight: 500;font-size: 1.4em;} .cd_operation{width:200px;} */ /****我的清单****/ ul.detailed_list{padding:0;margin-top:5px;} ul.detailed_list li{padding:32px 48px;border-radius:20px;margin-bottom:20px;background-color:#222; display: flex; flex-direction: row; align-items: center; justify-content: space-between;} ul.detailed_list li:hover{background-color:#1B1B1B;} ul.detailed_list li .detailed_info{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;} ul.detailed_list li .detailed_info h4{color:#ddd;font-size:18px;font-weight:500;line-height:24px;margin-bottom:12px;} ul.detailed_list li .detailed_info p{color:#666;font-size:14px;line-height:28px;} ul.detailed_list li .dl-bnt{} ul.detailed_list li .dl-bnt a:first-child{margin-bottom:20px;} ul.detailed_list li span{line-height:38px;} ul.detailed_list li button{width:100px!important;float: right;margin-left:16px} #my_profile .detailed_list.page{padding:15px 0!important;} @media only screen and (max-width: 991px){ ul.detailed_list li button{min-width:100px!important;float: right;} } .l_list .layui-table-page{padding:20px 50px;} @media only screen and (max-width:640px){ .layui-tab-content.download .cation-content .cation-middle .cation-list{padding:0 28px;} .l_list .layui-table-page{padding:20px 28px;} /*ul.detailed_list .dl-bnt{width:100%;display: -webkit-flex; Safari display: flex;}*/ ul.detailed_list li{padding:24px 32px;} ul.detailed_list li button{flex: 1;margin-left:16px!important;} ul.detailed_list li button:first-child{margin-left:0!important;} } @media screen and (max-width: 480px){ .layui-tab-content.download .cation-content .cation-middle .cation-list{padding:0;} ul.detailed_list li{padding:16px 24px;/*display:flow-root;*/} #my_profile .detailed_list.page .layui-laypage{margin:10px 25px;} } /****销售记录****/ .layui-form.sell #page{padding: 15px 0!important;} .layui-form.sell .layui-table-cell a{color:#8C39AD;} /****上传作品****/ .empty_upload{min-height:455px;background: url(../images/ic-noupload.svg.html) no-repeat center 100px} .layui-tab-content.iupload{padding:0!important;} .layui-tab-content.upload .layui-input-block ul li{float: left;line-height: 35px;height: 35px;font-size: 12px;margin: 0px 10px 10px 0px;padding: 0px 5px 0px 5px;cursor: pointer;border: 1px solid #ebebeb; } .layui-tab-content.upload .layui-input-block ul li input{filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;position: absolute; } #my_profile .layui-tab .layui-tab-content.upload{padding:60px 80px} #my_profile .layui-tab .layui-tab-content.upload .layui-form-label{width:100px;padding:0 46px 0 0;margin:0 0 15px 0} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block{margin-left:0;margin:0 0 15px 0} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block .layui-form-select dl{font-size:14px;} #my_profile .layui-tab .layui-tab-content.upload>.layui-input-block{margin-left:146px!important;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block button{width:140px;min-width:140px;/*margin:15px 0 0 0;*/line-height: 48px;height: 48px;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block>li{display:block;float:left;position:relative;overflow:hidden;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block>li>input{position:absolute;top:0;left:-20px;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block>li>div{padding:0 14px;text-align:center;height:28px;line-height:28px;color:#666666;user-select:none;overflow:hidden;position:relative;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block>li>div.active{border:#d51917 solid 1px;background-color: #fff9f8;color:#d51917;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block>li>.layui-form-radio{border:#dddddd solid 1px;margin:0 10px 0 0;border-radius:18px;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block>li>.layui-form-radio i.layui-anim.layui-icon {display:none!important;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block>li>.layui-form-radioed{color: #8C39AD;border: 1px #8C39AD solid;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-brief {margin-left: 146px;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-title{padding:0;height:42px;border-bottom-width:0;position: relative;left: 0;white-space: nowrap;font-size: 0;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-title li {line-height:38px;padding-top:0;font-size:14px;border: 1px #e6e6e6 solid;margin:0 16px 0 0;padding:0 10px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all .2s;-webkit-transition: all .2s;position: relative;min-width: 80px;text-align: center;cursor: pointer;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-title .layui-this{color:#8C39AD;border: 1px #8C39AD solid;font-weight:normal;border-radius: 2px;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-title .layui-this:after{height:40px;border-bottom:0;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-content{padding:20px 0;} @media only screen and (max-width:768px){ .layui-form-item .layui-input-inline{width:200px;display: block;float:left;margin: 0 10px 0 0;left:0;} #my_profile .layui-tab .layui-tab-content.upload{padding:28px 40px 70px 40px} #my_profile .layui-tab .layui-tab-content.upload .layui-form-label{float:left;width:100%;margin:0;text-align:left;padding: 0!important;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block{float:left;width:100%;margin-left:0;margin:0} #my_profile .layui-tab .layui-tab-content.upload .layui-form-item{padding:0 0 9px 0;} #my_profile .layui-tab .layui-tab-content.upload .layui-input-block button{width: 100%} .layui-form-item .layui-input-inline {width:100%;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-brief{float:left;width:100%;margin-left:0;margin:0;} #my_profile .layui-tab .layui-tab-content.upload .file-tab-title{overflow: scroll;} } @media only screen and (max-width:639px){ .layui-form-item .layui-input-inline {width:84%;} } @media screen and (max-width:480px){ /*.#my_profile .layui-tab .layui-tab-content.upload{padding:28px 40px 50px 40px}*/ #my_profile .layui-tab .layui-tab-content.upload{padding:28px 25px 50px 25px} } @media only screen and (max-width:479px){.layui-form-item .layui-input-inline {width:78%;} #my_profile .layui-tab .layui-tab-content.upload .layui-form-item .layui-input-inline+.layui-form-mid{float:left;top: 0;margin-left:0} } /****收藏****/ .empty_collection{min-height:455px;background: url(../images/ic-nocollection.svg.html) no-repeat center 100px} .layui-tab-content.icollection{padding:0!important;} /***账号管理***/ #my_profile .layui-tab .layui-tab-content.account{padding:30px 40px} .layui-tab-item .account .layui-form-item{margin-bottom:0;padding: 9px 0;} .layui-tab-item .account .layui-form-item.upload{margin-bottom:0;padding: 9px 0;} .layui-tab-item .account .layui-form-item.upload .layui-upload-drag{/*float:left;position: absolute;*/width:216px;height:184px;padding:1px;padding: 100px 0;} .layui-tab-item .account .layui-form-item.upload .layui-form-item{margin-left:240px;} .layui-tab-item .account .layui-form-item.upload .layui-form-item>.layui-input-block {margin-left:146px!important;} .layui-tab-item .account .layui-form-item.upload .layui-form-item>.layui-upload-bt{padding:0!important} .layui-tab-content.upload .layui-input-block:first-child {margin-left:0;position: absolute;} .layui-tab-content.upload .layui-input-block:second-child {margin-left:0;position: absolute;}} /*.layui-tab-item .account .layui-form-item .layui-input-block span{margin-left:10px;}*/ .layui-tab-item .layui-form-item .layui-inline{} .layui-tab-content .layui-elem-field{border: none;} .layui-tab-content .layui-elem-field legend{margin-left:0;padding:0;font-size:14px;font-weight: 300;} .layui-tab-content .ic-upload{font-size: 48px;margin-top:48px;} /*.layui-tab-content .layui-input-block{padding:9px 0!important;} .layui-tab-content .layui-input-block span{margin:0 0 0 8px;}*/ .layui-tab-content .layui-input-block span a:hover{color:#8C39AD} .layui-tab-content .layui-input-block #zhizhao_img{padding:16px!important} .layui-tab-content .layui-input-block #zhizhao_img img{width:266px!important} .layui-tab-content .layui-input-block .layui-upload-drag{background: #FCFCFC;border-radius: 8px;/*padding:60px 100px;*/padding:36px 79px;-webkit-transition:border-color .15s linear;transition:border-color .15s linear;min-width:140px;} .layui-tab-content .layui-input-block .layui-upload-drag:hover{background-size:30px 30px;background-image:-webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);-webkit-animation:stripes 2s linear infinite;animation:stripes 2s linear infinite} @media screen and (max-width:480px){ .layui-tab-content.income,.layui-tab-content.account{padding:30px 28px!important;} } /***筛选***/ #cation_top{background: #222;padding: 38px 0;} #index_cation_top{background: #222;margin-bottom:24px;border-radius:20px;margin:0 auto;} @media only screen and (max-width:800px){ } .archive-filter .filter::-webkit-scrollbar {width: 10px;height: 5px;} .archive-filter .filter::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;} .archive-filter .filter::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;} #index_cation_top .cation-middle{/*width: 1200px;*/margin: 0 auto;padding:24px 0 0;} .cation-middle{/*line-height: 48px;*/background:#222;/*padding:20px 30px;*/font-size: 14px;border-radius:20px;} .cation-middle .search{width: 60%;position: relative;left: 0;right: 0;margin: 0 auto 30px;} #cation_top input[type=search] {height:40px;} .cation-list{overflow: hidden;} .cation-list.sort{display:none;} .dropdown{display: block;justify-content: space-between;position: absolute;bottom:24px;right:24px;} @media only screen and (max-width:800px){ .cation-middle{border-radius:0;} .cation-middle .search{width:90%;margin: 0 auto 20px;} #index_cation_top .cation-middle{margin: 0 auto;padding:12px 16px;} #cation_top input[type=search] {height:32px;} .cation-list { height:28px; width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; } .cation-list.sort{display:block;} .dropdown{display:none;} } .cation-list::-webkit-scrollbar { /*display: none;*/ height: 3px; } .cation-list::-webkit-scrollbar-thumb{background-color:#2f2f2f} .cation-list .dl { width: 100%; height:28px; background-color: bisque; display: inline-block; } .cation-list .dl { width: 100%; height:28px; background-color: red; display: inline-block; } .cation-list dt{float: left;width:72px;font-weight: 700;line-height:28px;position: relative;color:#bbb;display: inline-block;} /*:before, :after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .cation-list dt:after{content: "";position: absolute;right: 12px;top: 22px;border: 1px solid #333;border-width: 0 1px 1px 0;width: 4px;height: 4px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}*/ .cation-list dd{/*border-bottom: 1px dotted #e0e0e0;margin-left:72px;*/overflow: hidden;display: inline-block;} .cation-list dd a{color:#bbb;font-size: 14px;line-height: 14px;height: 14px;float: left;padding:5px 12px;margin:2px 0;} /*@media only screen and (max-width:1440px){.cation-list dd a{margin:0 8px 0 0;} }*/ @media only screen and (max-width:800px){ #cation_top{background: #222;padding: 24px 16px;} } @media only screen and (max-width:480px){ #cation_top{background: #222;padding: 24px 0;} } .cation-list dd a.on, .cation-list a:hover{color:#fff;font-weight:600;border-radius:14px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /*.cation-list dd a:last-child{border-right: 0 none;}*/ .cation-list:last-of-type dd{border-bottom: 0 none;} /*.classify dd a{border-radius:15px;border: 1px solid #e0e0e0;} .classify dd a:hover,.classify dd a.on{border: 1px solid #8C39AD;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} */ /***购买提交***/ .purchase{position: relative;min-height:400px!important;padding:80px 60px;color: #666;margin:0 auto;} .purchase .cot-right,.purchase .img-wrap{float: left;} .purchase .cot-right{max-width:58%;} .purchase .img-wrap{overflow: hidden;width:200px;margin-right: 70px;-webkit-border-radius:4px;border-radius:4px;float: left;} .purchase .img-wrap > img{width: 100%;height: 100%;} .purchase button{max-width:80%!important;} .purchase .works-name{height:30px;line-height:30px;font-size:20px;color: #666;margin: 0 0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .purchase .layui-btn{height: 48px;line-height: 48px;font-size:18px;margin: 0!important;} .purchase .layui-btn+.layui-btn{margin-left:10px!important;} @media screen and (max-width:1199px){.purchase{padding:40px 60px;} .purchase .cot-right{max-width: 56%;} .purchase .img-wrap{margin-right:40px;} .purchase button{width:100%!important;} } @media only screen and (max-width:767px){.purchase{padding:40px;} .purchase .cot-right{max-width:58%;} .purchase .img-wrap{width:180px;} } @media only screen and (max-width:639px){.purchase .img-wrap{width:120px;} } @media only screen and (max-width:540px){.purchase .img-wrap{display:none;} .purchase .cot-right {max-width:100%;} } /****网站信息介绍****/ #service_info{background:#222;border-radius:12px;} @media only screen and (max-width:991px){#service_info{display: none;} } .service_info_content{padding:0;} .service_info_content .info{margin: 0 24px;padding:0 0 30px 0;border-bottom: 1px #8C39AD dotted;} .service_info_list{padding:16px 0;} .service_info_list:hover{display:block;} .service_info_list ul{margin: 0;} .service_info_list ul li{margin: 0;display: block;} .service_info_list ul li .nav_link:hover{color:#8C39AD;} .service_info_list ul li .nav_link {background-color: #fff;color: #666;padding:10px 24px;font-size:14px;} .service_info_list ul li .nav_link.has-underline > span{position:relative;} .service_info_list ul li .nav_link.has-underline > span::after{content:''; position:absolute; height:0px; width:0; left:0; border-top:1px solid; bottom:-10px; -webkit-transition:width 0.3s ease-in-out; -moz-transition:width 0.3s ease-in-out; transition:width 0.3s ease-in-out;} .service_info_list ul li .nav_link.has-underline:hover > span::after, .service_info_list ul li .nav_link.has-underline.active > span::after{width:100%;} #service_content{background-color:#222;border-radius:12px;padding: 32px 40px;} #service_content p{margin:0 0 20px 0;} /***详情页***/ #content{background-color:#222;border-radius:24px;padding:32px 32px 40px 32px;height:661.26px} #content .title{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 6px;} #content .title h1{margin-bottom:10px;font-weight:500;font-size:2em;color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;} #content .title .price {line-height: 32px;font-size: 32px;color: #ca62ff;font-weight: bold;width: auto;} #content .title .price i {font-size: 14px;font-style: normal;margin: 0 0 0 6px;font-weight: normal;} .video,.static-img{width:100%;height: auto;margin: 0 auto;} .video video,.static-img img{border-radius:24px;display:block} #video,img{width:100%;height: auto;} .attribute {display: flex;font-size: 14px;color:#bbb;flex: initial;} .attribute ul{/*width:100%;*/margin:0;} .attribute ul li{float: left;} .attribute ul li ul.layui-rate {font-size: 0;margin:0;} .attribute ul li ul.layui-rate li{line-height:32px;height:32px;margin-top:-4px;} .attribute ul li ul.layui-rate li i.layui-icon {font-size: 16px;} .attribute ul li ul.layui-rate * {vertical-align:baseline} .attribute .layui-col-xs12:first-child{display:block!important;} .works-info{padding-top: 12px;border-top: 1px solid #cccbcb;} .works-info.p-vip{padding-top: 0;border-top: 0;} .works-info > div{height: 14px;line-height: 14px;font-size: 14px;color: #666;} .works-info > div:first-child{margin-bottom: 20px;} .works-info > div > p{float: left;width: 250px;height: 100%;} .works-dl.limit .dl-btn-wrap{display: none;} .works-dl.limit .limit-tips{display: block;} .attribute ul li span{/*width:70px;*/padding:0 10px 0 0; font-size:14px;line-height:40px;color:#bbb;display: inline-block;text-decoration: unset;text-align: justify;text-align-last: justify;} /**2023年3月13日修改开始**/ .attribute ul li span.w{width:128px;} /**2023年3月13日修改结束**/ .attribute ul li.format{padding:3px 0;} .attribute ul li.format span{} .attribute ul li.format span.tag{width:auto;line-height:24px;height:24px;padding: 0 10px;text-align:center;font-size: 12px;background-color:#222;border:1px solid #ca62ff;color: #ca62ff;cursor:default;text-align-last:center;margin-bottom: 6px;float: initial;border-radius:12px} .attribute ul li.format span.tag+.layui-btn{margin-left:10px;} .attribute ul li.format span.tag.layui-btn-disabled{border:1px solid #bbb;color: #bbb;} .attribute ul li.tips span{} .attribute ul li.tips span.p{color:#ca62ff;width:auto;} /**礼物弹窗**/ #gift-content{padding: 9px 40px;background:#222;border-radius: 24px;} #gift-content #content{padding:12px;height:709.26px} #gift-content .download_list .state{height:379.5px;} /**2023年3月13日修改开始**/ #gift-content .download_list .state a{color:#aaa} /**2023年3月13日修改结束**/ @media only screen and (max-width:1079px){ #gift-content{padding:0 30px;} #gift-content .layui-container{width:800px;} } .download_list{padding-top: 16px;border-top: 1px #2f2f2f solid;margin-top:20px;} /**2023年3月11日修改开始**/ .download_list .download{display: flex;flex-flow: row wrap;justify-content: space-between;-moz-column-gap:20px; /* Firefox */-webkit-column-gap:20px; /* Safari and Chrome */column-gap:20px;} .download_list .download-two{/* 设置列数 */-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2;/* 设置列之间的间距 */} .download_list .download-three{/* 设置列数 */-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari and Chrome */column-count:3;/* 设置列之间的间距 */} /**2023年3月11日修改结束**/ .download_list .download a{height:52px;font-size:18px;line-height:48px;border-radius:26px;border: 2px solid transparent;margin-left:0;padding:0;} .download_list .download-two a{width:calc(50% - 13.3333333px);} .download_list .download-three a{width:calc(33.33333333% - 13.3333333px);} .download_list .state{font-size:14px;line-height:2rem;color:rgb(102, 102, 102);height:331.5px;overflow:auto;margin-bottom:20px;} .download_list .state a{color: #aaa;} /*.download_list h3{line-height:40px;font-weight:500;margin-bottom: 16px;}*/ /*.download_list .download{display:inline-block;} .download_list .download ul{float: left;margin:10px 0 0 0;} .download_list .download ul li{float: left;margin:0 0 20px 0;width:100%;} .download_list .download ul li:last-child{margin:0;} .download_list .download ul li .wx{text-align:center;color: #07C160;} .download_list .download ul li .wx i{height: 36px;} .download_list .download ul li .wx i:before{font-size:36px;bottom:-8px}*/ /*.download_list ul.download li:last-child{margin-left: 20px} .download_list ul.download li#Explain{width:160px;} .download_list ul.download li#Explain button{font-size:14px;color:#fff;background:#8C39AD;padding:0 8px;}*/ /*.download_list .download ul li .layui-btn-primary {height:56px;border:2px solid #8C39AD;background-color: #fff;color: #8C39AD;font-size:18px;} .download_list .download ul li .layui-btn-primary:hover{border:2px solid #8C39AD;background-color:#8C39AD;color:#fff;} .download_list .download ul li .layui-btn-primary span{line-height: 52px;} .download_list .download ul li .shuali:before{font-size: 28px;margin-right: 12px;position: relative;bottom: -4px;}*/ /*.download_list ul.buy li{width:460px;} .download_list ul.buy li .layui-btn-buy{height:56px;line-height:52px;background:#8C39AD;margin:10px 0 0 0;} .download_list .signing{text-align: center;padding:0 0 0 10px} .download_list .signing a img{width:150px;}*/ /*.download_list .bt{} */ /*#other{background-color: #fff;border-radius:5px;padding:24px 40px;} #other button{padding: 0 32px;line-height:32px;} #other .iconfont:before{margin:0 10px 0 0;font-size:16px;} #other button:hover{border:1px solid #8C39AD;color:#8C39AD;} #other .ic-problem{float: right;display:inline-block;line-height:38px;color: #ccc;font-size:14px;} #other .ic-problem a{color: #aaa}*/ .cart{position: fixed;top: 20px;right: 20px;width: 50px;height: 50px;background: #292d48;display: flex;align-items: center;justify-content: center;border-radius: 5px;} .cart i{font-size: 25px;color: white;} .cart:before{content: attr(data-totalitems);font-size: 12px;font-weight: 600;position: absolute;top: -12px;right: -12px;background: #2bd156;line-height: 24px;padding: 0 5px;height: 24px;min-width: 24px;color: white;text-align: center;border-radius: 24px;} .cart.shake{animation: shakeCart .4s ease-in-out forwards;} .page-wrapper{min-height: 100%;display: flex;align-items: center;justify-content: center;} .page-wrapper button{border: none;background: #d5d8e7;position: relative;outline: none;border-radius: 5px;color: #292d48;font-size: 18px;} #cart:before{content: attr(data-totalitems);font-size: 12px;position: absolute;right: -12px;background:#FF5722;line-height:18px;padding: 0 6px;height:18px;color: white;text-align: center;border-radius:50%;top: 50%;margin: -18px 24px 0;border-radius:9px;z-index:999999;} #cart.shake{animation: shakeCart .4s ease-in-out forwards;} .sendtocart{z-index:10000000;} @keyframes xAxis{100%{ transform: translateX(calc(50vw - 105px));}} @keyframes yAxis{100%{ transform: translateY(calc(-50vh + 75px));}} @keyframes shakeCart{25%{ transform: translateX(6px);} 50%{ transform: translateX(-4px);} 75%{ transform: translateX(2px);} 100%{ transform: translateX(0);} } .layui-tab-content .layui-input-block .layui-upload-drag p{line-height:24px;margin-top: 12px;} @media only screen and (max-width:1920px){ .download_list .download h3{margin-bottom:8px;} /*.download_list ul.download li{width:360px;} .download_list ul.download li#Explain{width:140px;}*/ .download_list ul.download li#Explain button{font-size:14px;color:#fff;background:#8C39AD;} .download_list ul.download li .layui-btn-primary {height:48px;line-height:44px;} /*.download_list ul.buy li{width:460px;} .download_list ul.buy li .layui-btn-buy {height:56px;line-height:54px;font-size:18px;}*/ } @media only screen and (max-width:1680px){ #content h1{margin-bottom:10px;font-weight:500;font-size:1.8em;} .download_list .state{height:333.5px;} #gift-content .download_list .state{height:379.5px;} /*.attribute ul li.format{padding:8px 0;}*/ #other{padding:22px 40px;} .layui-tab-item .layui-form-item .layui-inline{/*width:48%*/} .layui-tab-content .layui-input-block .layui-upload-drag{padding:50px 80px;} #my_profile .layui-tab .layui-tab-content.upload {padding:40px 60px;} /*.layui-tab-content .layui-input-block .layui-upload-drag#fengmian{padding:0;width:162px;height:288px;}*/ } @media only screen and (max-width:1480px){ #content{padding:24px 30px;height:537.63px;} #gift-content{padding:0 30px;} #gift-content #content{padding:12px 0;height:561.63px;} #content h1{margin-bottom:6px;font-weight:500;font-size:1.8em;} #gift-content .download_list .state{height:253.5px} .attribute ul li.format{padding:6px 0;} .attribute ul li span{line-height:32px;} .attribute ul li span.price{line-height:32px;font-size:24px;color:#8C39AD;font-weight: bold} .download_list .download ul li{margin:0 0 16px 0;} .download_list .download ul li .layui-btn-primary {height:48px;line-height:44px;} .download_list .download ul li .layui-btn-primary span{line-height:44px;} .download_list .download ul li .shuali:before{font-size:24px;margin-right: 12px;position: relative;bottom:-2px;} .download_list .state{height:220px;} .download_list ul.download h3{margin-bottom:4px;} .download_list ul.download li .layui-btn-primary {height:48px;line-height:46px;font-size:16px;} #other{padding:18px 30px;} .layui-tab-content .layui-input-block #zhizhao_img{padding:16px!important} } @media only screen and (max-width:1280px){ #content h1{margin-bottom:12px;font-weight:500;font-size:1.8em;} .attribute ul li.format{padding:4px 0;} .attribute ul li span{line-height:32px;} .download_list .download ul li{margin:0 0 12px 0;} .download_list .state{height:203.55px;} #gift-content .download_list .state{height:228.55px;} #other{padding:18px 30px;} .layui-tab-content .layui-input-block #zhizhao_img{padding:16px!important} } @media only screen and (max-width:1200px){ } @media only screen and (max-width:1080px){ .download_list .download a{height:44px;font-size:16px;line-height:40px;} #gift-content #content {height: 451.63px;} #gift-content .download_list .state {height: 120.55px;} } @media only screen and (max-width:991px){ #content{padding:24px 32px;height:469.98px;} #content .title{margin:0} #content .title h1{font-size:1.75rem} .download_list{padding-top:8px;margin-top:12px;} .download_list .download a{} .download_list .state {line-height:1.875rem;height:164.55px;} #gift-content .download_list .state {height:150.55px;} .attribute ul li span{line-height:32px;} .download_list .signing{padding:10px 0 0 10px} .download_list .signing a img{width:120px;} #other{padding:18px 24px;} #other button{padding: 0 16px;height:32px;line-height:32px;} #other .iconfont:before{margin:0 6px 0 0} #other .ic-problem{line-height:32px;} } @media only screen and (max-width:767px){ #content{padding:24px 32px;height:auto;/*height:469.98px;*/} #content .title{margin:0} .download_list{padding-top:8px;margin-top:12px;} .download_list .download a{height:44px;font-size:16px;line-height:40px;} .download_list .state {line-height:1.875rem;height:164.55px;} .attribute ul li span{line-height:32px;} .attribute {/*margin-bottom:20px;*/} #other button{padding: 0 16px;} .layui-tab-content .layui-input-block{margin-left: 130px;} .layui-tab-content .layui-form-label{padding: 0 46px 0 0!important;text-align: left;} } @media only screen and (max-width:639px){#other button{padding: 0 12px;} .layui-tab-item .layui-form-item .layui-inline{width:100%!important;margin-right:0;} } @media only screen and (max-width:601px){ .download_list .download a {width:calc(50% - 13.3333333px);margin-bottom:16px;} .layui-tab-content .layui-input-block #zhizhao_img{padding:16px 0!important} .layui-tab-content .layui-input-block #zhizhao_img img{width:92%!important} .layui-tab-content .layui-input-block .layui-upload-drag{margin: 0 auto;width: 100%;padding:80px 0!important;} } @media only screen and (max-width:480px){ .video video{border-radius:0;} #content{padding:18px 24px;border-radius:0} #other {padding:0;} .download_list{display: block;} .download_list .download ul {float: none;} .download_list .layui-col-xs5,.download_list .layui-col-xs7{width:100%!important;margin: 0;} .layui-tab-content .layui-form-label{padding: 0 26px 0 0!important;} } /**手机端底部导航**/ .hdm_bottom_menu{display:none;} @media only screen and (max-width:800px){.hdm_bottom_menu{display:block;/*height:54px;*/} } .btn3{position:fixed;z-index:999;bottom:0;background:#e6e6e6;width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-box-shadow: 0 0px 12px 0 rgba(0,0,0,.2);box-shadow: 0 0px 12px 0 rgba(0,0,0,.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #menu{position:fixed;bottom:0px;width:100%;height:50px;line-height:50px;z-index:1000;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-box-shadow: 0 0px 12px 0 rgba(0,0,0,.2);box-shadow: 0 0px 12px 0 rgba(0,0,0,.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #menu ul{margin:0 auto;list-style-type:none;width:100%;max-width:500px;height:100%;} #menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px;} #menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;} #menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:#fff;font-size:14px;} #menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;} #menu ul li .img_front img{width:100%;height:100%;} #menu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;margin-bottom:24px;height:auto;text-align:center;z-index:10;background: #fff;border-radius: 5px;-webkit-box-shadow: 0 0px 12px 0 rgba(0,0,0,.12);box-shadow: 0 0px 12px 0 rgba(0,0,0,.12);} #menu ul li span div{position:relative;top:0px;left:0px;padding: 0 10px;} #menu ul li span a{float:left;width:100%;height:44px;line-height:44px;color:#454545;text-decoration:none; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-top: 1px solid #eee;} #menu ul li span .tiggle{width:0px;height:0px;position:absolute;left:50%;top: 100%;margin-left:-10px;padding:0;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;} #menu ul li span .innertiggle{width:0px;height:0px;position:absolute;left:50%;top: 100%;margin-left:-9px;padding:0;border-top:9px solid white;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;} .footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;} .menu{position:relative;float:left;width:33.33%;height:50px;line-height:50px;background:#222;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */} .menu:last-child{border-right:none;} .new-sub{position:absolute;bottom:60px;z-index:10;width:90%;padding:8px;margin: 0 5%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */display:none;} .new-sub ul{margin:0;padding: 0 10px;background: #222;border-radius: 5px;-webkit-box-shadow: 0 0px 12px 0 rgba(0,0,0,.12);box-shadow: 0 0px 12px 0 rgba(0,0,0,.12);} .new-sub ul li{width: 100%;margin:0;background:#222;float:none;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */border-top:1px solid #2f2f2f;} .new-sub ul li:first-child{border-top:none;} .new-sub ul li a{display:block;height:44px;line-height:44px;background:#222;color:#ddd;border:none;text-align:center;font-size:15px;} .bt-name{font-size:14px;color:#ddd;} .bt-name a{display:block;font-size:16px;color:#000;} .bt-name:before{color:#B4B4B4} .new-sub .tiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;border-top:10px solid #2f2f2f;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;} .new-sub .innertiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;border-top:9px solid #222;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;} /**注册登录弹窗**/ .login-box{width:720px;padding:0;min-height:460px;background: #fff;position: relative;margin: 0 auto;-webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);border-radius:6px;} .login-box .left_box{height: 460px !important;float:left} .login-box .left_box img{height:460px;width:294px;border-radius:6px 0 0 6px} .login-box .right_box{height:340px;width:226px;padding:60px 100px;float:left} .login-box .right_box img{} .web_qrcode_tips {font-size:17px;font-weight:400;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom:10px;} .ic-wechat:before{color:#07C160;font-size:32px;} .login-box .text-tip{color:#9fa3b0;text-align:center;padding:36px 0;overflow:hidden;} .login-box .text-tip a{color:#9fa3b0;cursor:pointer;display:block;float:left;width:50%;} .login-box .text-tip a:hover{color:#8C39AD} .login-box .text-tip span{} .login-box .text-tip span a{float:none;width:auto;display:contents;color:#4C86FB} /*.login-box .text-tip a.link-wechat-login {text-align:left;color:#9fa3b0;text-indent:30px;}*/ /***下载***/ .dl-box {max-width:370px;background: #fff;position: relative;margin: 0 auto;padding:40px 155px;-webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;} .dl-box h2{line-height:38px;font-size: 24px;padding:19px 0 0 0;text-align: center;font-weight: normal;} .dl-box .layui-input-block{max-width:480px;margin:0 auto;padding:9px 0!important;color:rgb(102, 102, 102);line-height:32px;min-height:32px;} .dl-box .layui-input-block a{color:#8C39AD;} .dl-box .layui-input-block span{color:#bbb;margin-left:20px;} .dl-box .layui-input-block span:first-child{margin-left:0;} .dl-box .layui-input-block.tagging{font-size:14px;} .dl-box .layui-input-block.tagging i{color:#8C39AD;margin-right:6px;} .layui-input-block .ic-success,.layui-input-block .ic-fail{font-size:100px;line-height:100px;margin-bottom: 15px;display: block;} .layui-input-block .ic-success{color:#5FBDAB;} .layui-input-block .ic-fail{color:#FC455D;} .dl-box .layui-btn{min-width: 320px;min-height: 46px;} @media screen and (max-width: 767px){.dl-box {padding: 40px 60px 60px 60px;} } @media screen and (max-width:640px){.dl-box {max-width:320px;padding:40px;} } @media screen and (max-width:480px){.dl-box {max-width:320px;padding:40px 30px;} .dl-box .layui-btn{width:100%;min-width:200px;min-height: 46px;} } /****footer****/ .footer-menu{background-color:#222;padding: 56px 0 0;} /*.footer-menu .footer-menu__content{padding:56px 90px 0;}*/ @media only screen and (max-width:800px){.footer-menu{display:none !important;} } @media only screen and (max-width: 990px){.footer-menu{background-color:#222;padding: 56px 40px 0;} } .footer-menu .footer-menu__content::after, .footer-menu .menu-content::after{clear:both;content:"";display:table;} .footer-menu .menu-recommends/*, .footer-menu .menu-all, .footer-menu .menu-terms*/{float:left;} .footer-menu .menu-content{float:right;font-size:14px;} .footer-menu .menu-content a,.footer-menu .menu-content span{margin-bottom:0;line-height:24px;margin-bottom:16px;color:#999; display:block;-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} .footer-menu .menu-content a:hover{color:#666;} @media only screen and (min-width:641px) and (max-width: 1080px){.medium-down--col-2-4 {width:25%;} } .footer-menu__content{margin: 0 auto;} .footer-menu .menu-title{font-size:18px;color:#999;margin-bottom:18px;} .footer-menu .logo-container{float:left;margin-bottom:30px;} @media only screen and (max-width:1280px){.footer-menu .logo-container{float:none;width:300px;margin:0 auto 30px auto;} } .footer-menu .logo-container .footer-logo{width:200px;height:60px;text-align: center;} .footer-menu .logo-container .footer-logo i{font-size:34px;color:#666;} .footer-menu .social-icons{text-align:left;} .footer-menu .social-icons i{font-size:32px; margin-right:8px;float: left;} .footer-menu .social-icons span{display:inline-block;line-height:32px;color:#999;} .footer-menu .social-icons span img{width:180px;} .footer-menu .social-icons a{float: left;color:#999; -webkit-transition:color 0.3s ease-in-out; -moz-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out;} .footer-menu .social-icons a:hover{color:#999;} .footer-menu hr{width:98%;margin:0 auto;border-top:solid 1px rgba(255, 255, 255, 0.2);} .footer-menu .copyright p, .footer-menu .copyright a{margin-top:24px;font-size:13px;color:rgba(186, 186, 186, 0.7);} .footer-menu .wechat-wrapper{position:relative;display:inline-block;cursor:pointer;} .footer-menu .wechat-wrapper:hover .wechat-qrcode{visibility:visible; opacity:1;} .footer-menu .wechat-qrcode{bottom:35px;left:-40px;visibility:hidden;opacity:0;transition:all 0.5s ease-in-out;position:absolute;/*background-image:url("https://up.img.heidiancdn.com/o_1c2b65vauf9s15ko111qb051e2l0qrcode.png");background-size:115px 115px;background-color:#fff;background-position:center;background-repeat:no-repeat;width:125px;height:125px;border-radius:3px;box-shadow:0 10px 40px rgba(79, 83, 98, 0.1);z-index:20;*/} .footer-menu>.footer_row {padding:30px 0;margin-top: 36px;display: flex;margin:0 auto;} .footer_row .copyright {margin-bottom:10px;color:#999;line-height:28px;} .footer_row .copyright span {font-size: 12px;} .footer_row .payment {font-size: 12px;float: right;color:#999;line-height:28px;} .footer_row .payment i{margin-left:16px;} @media only screen and (max-width:1280px){ .footer-menu .logo-container .footer-logo{margin:0 auto} } .fl{float: left;} /**移动端会员中心**/ .user-myself{width:100%;height:auto;padding-bottom:.5rem;background: #f7f7f7;} .user-Info{position:relative;width:100%;height:1.94rem;background:#fff;padding:20px 0;display:block;margin-bottom:.5rem;} .user-Info .user-photo{position: relative;width:64px;height:64px;-webkit-border-radius:64px;border-radius:64px;overflow:hidden;margin-left:20px;} .user-Info .user-photo img{width:100%;height:100%} .user-Info.f-endTime{height:64px} .user-types{font-size:16px;line-height:36px;color:#f38e2e;margin-left:30px;height:36px;letter-spacing:.02rem;margin-left:16px;} .user-types a{display:block;width:100%;height:100%;color:#f38e2e} /*用户名称*/ .user-types .user-name{height:64px;padding:6px 0;} .user-types .user-name p{line-height:28px;font-size:16px;color:#333;} .user-types .user-name p.user-change{float:left;line-height:24px;font-size:13px;color:#666;} .user-list{height:auto;width:100%;} .myMember{width:100%;height:auto;background:#fff} .myMember>p.title{display:block;height:36px;line-height:36px;padding-left:20px;text-align:left;font-size:14px;color:#333;font-weight:700} .myMember-nine{width:100%;height:auto} .myMember-nine>li{height:105px;border-top:1px solid #f5f5f5;margin: 0;padding: 0;font-size: 100%;font: inherit;vertical-align: baseline;} .myMember-nine>li>a{position:relative;display:block;width:33.333%;float:left;border-right:1px solid #f5f5f5;padding:15px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .myMember-nine>li>a :nth-last-of-type(1){border-right:0} .myMember-nine>li>a>i{display:block;width:28px;height:28px;margin: 15px auto 0 auto;font-size:24px;color:#8C39AD;} .myMember-nine>li>a>p{display:block;width:100%;height:32px;line-height:32px;font-size:13px;color:#333;text-align:center} .myMember .icon-pintuan{position:absolute;top:4vw;right:6.66667vw;width:6.66667vw;height:6.66667vw;background:url(http://js.ibaotu.com/mobile/img/icons/user/pintuan/pintuan.gif) no-repeat;-webkit-background-size:cover;background-size:cover} .mydl-num{width:100%;height:auto;background:#fff;margin-bottom:.5rem;} .mydl-num>p.title{display:block;height:36px;line-height:36px;padding-left:20px;text-align:left;font-size:14px;color:#333;font-weight:700} .mydl-num ul{width: 100%;height: auto;} .mydl-num ul>li{height:87px;border-top:1px solid #f5f5f5;margin: 0;padding: 0;font-size: 100%;font: inherit;vertical-align: baseline;} .mydl-num ul>li>span{position:relative;display:block;width:25%;float:left;border-right:1px solid #f5f5f5;padding:15px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .mydl-num ul>li>span:nth-last-of-type(1){border-right:0} .mydl-num ul>li>span>i{display:block;width:28px;height:28px;margin: 15px auto 0 auto;font-size:24px;color:#8C39AD;} .mydl-num ul>li>span>h3,.mydl-num ul>li>span>p{display:block;width:100%;height:32px;line-height:32px;font-size:20px;color:#999;text-align:center} .mydl-num ul>li>span>h3.h{color:#8C39AD;} .mydl-num ul>li>span>p{font-size:13px;height:24px;line-height:24px;color:#333} /*首页列表*/ .flow-header{font-size:24px;font-weight:500;padding:0 0 40px 0;color:#ddd} .content-box .flow-header{padding:0 0 20px;} .flow-container, .flow-item, .flow-size {box-sizing: border-box;} .flow-container {display: flex;flex-flow: row wrap;justify-content: space-between; /* 设置列数 */ -moz-column-count:5; /* Firefox */ -webkit-column-count:5; /* Safari and Chrome */ column-count:5; /* 设置列之间的间距 */ -moz-column-gap:20px; /* Firefox */ -webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; /* 设置列之间的规则 */ /* -moz-column-rule:4px outset #ff0000;Firefox */ /* -webkit-column-rule:4px outset #ff0000;Safari and Chrome */ /* column-rule:4px outset #ff0000;*/ } .flow-container:after {content: '';display: block;clear: both;} /**2023年3月18日修改开始**/ .flow-container li.flow-item {float: left;padding:16px;background:#222;border-radius:20px;margin:0 0 20px 0;border: solid 4px #222;transition: all .3s;-webkit-transition: all .3s;} .flow-container li.flow-item:hover {transform: translateY(-10px); background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #BF53F0, #5548FF); background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-color: linear-gradient(to right, #8f41e9, #578aef) 1;; border: solid 4px #8f41e9;transition: all .3s;-webkit-transition: all .3s; } @media screen and (min-width:801px){ .flow-container li.flow-item:last-child:nth-child(3n - 1) {margin-right:calc(33.3333333% + 20px / 3);}/* 如果最后一行是1个元素 */ .flow-container li.flow-item:last-child:nth-child(3n - 2) {margin-right:calc(66.6666666% + 40px / 3);}/* 如果最后一行是2个元素 */ .flow-container li.flow-item:last-child:nth-child(3n - 3) {margin-right:0;}/* 如果最后一行是3个元素 */ } @media screen and (min-width:1281px){ .flow-container li.flow-item:last-child:nth-child(4n - 1) {margin-right:calc(25% + 20px / 4);}/* 如果最后一行是1个元素 */ .flow-container li.flow-item:last-child:nth-child(4n - 2) {margin-right:calc(50% + 40px / 4);}/* 如果最后一行是2个元素 */ .flow-container li.flow-item:last-child:nth-child(4n - 3) {margin-right:calc(75% + 60px / 4);}/* 如果最后一行是3个元素 */ .flow-container li.flow-item:last-child:nth-child(4n - 4) {margin-right:0;}/* 如果最后一行是4个元素 */ } @media screen and (min-width:1681px){ .flow-container li.flow-item:last-child:nth-child(5n - 1) {margin-right:calc(20% + 20px / 5);}/* 如果最后一行是1个元素 */ .flow-container li.flow-item:last-child:nth-child(5n - 2) {margin-right:calc(40% + 40px / 5);}/* 如果最后一行是2个元素 */ .flow-container li.flow-item:last-child:nth-child(5n - 3) {margin-right:calc(60% + 60px / 5);}/* 如果最后一行是3个元素 */ .flow-container li.flow-item:last-child:nth-child(5n - 4) {margin-right:calc(80% + 80px / 5);}/* 如果最后一行是4个元素 */ .flow-container li.flow-item:last-child:nth-child(5n - 5) {margin-right:0;}/* 如果最后一行是4个元素 */ } @media screen and (max-width:800px){ .flow-container li.flow-item:last-child:nth-child(2n - 1) {margin-right:calc(50% + 20px / 2);}/* 如果最后一行是1个元素 */ .flow-container li.flow-item:last-child:nth-child(2n - 2) {margin-right:0;}/* 如果最后一行是2个元素 */ /**2023年3月28日修改开始**/ .flow-container li.flow-item{padding:0;background:none;border-radius:0;border:none;} .flow-container li.flow-item:hover{transform: translateY(0);background-image:none;border:none;} /**2023年3月28日修改结束**/ } @media screen and (max-width:480px){ .flow-container li.flow-item:last-child:nth-child(2n - 1) {margin-right:0;} } /**2023年3月18日修改结束**/ .flow-container .img_box {padding:36px;border-radius:12px;background-color: #1B1B1B;box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02);overflow:hidden;-webkit-transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;-moz-box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02);-webkit-backface-visibility:hidden;position: relative;}/* .img_box:hover{box-shadow:0 1px 3px rgba(0,0,0,.02),0 16px 32px -4px rgba(0,0,0,.17);transform:translateY(-1px)}*/ .flow-container .img_box .actions {position:absolute;z-index: 3;margin:0;top:10px;left:10px;} .flow-container .img_box .actions .layui-btn{height:36px;line-height: 36px;padding:0 10px;} .flow-container .img_box .actions .right {opacity:1;height: auto;z-index: 99;} .flow-container .img_box:hover .actions .right{} .flow-container .img_box .actions .right>span {height:20px;width:24px;-webkit-border-radius:10px;border-radius:10px;text-align: center;line-height:20px;font-size: 12px;font-weight: 400;color: #FFF;padding:0 8px;margin:0 5px 0 0;float: left;} .flow-container .img_box .img_icon{position:absolute;z-index: 3;margin:0;bottom:16px;left:16px;} .flow-container .img_box .img_icon img{width:32px;height: 32px;} .flow-container .img_box .layui-btn,.flow-container .img_box .layui-btn.active:hover{border-radius:12px;height:24px;width:52px;padding: 0;line-height:24px;border: 1px solid transparent;background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #BF53F0, #5548FF);background-clip: padding-box, border-box;background-origin: padding-box, border-box;font-size:12px;color:#CA62FF;position: absolute;z-index: 3;margin: 0;bottom:16px;left: 50%;transform: translateX(-50%);display: none;} .flow-container .img_box .layui-btn.active,.flow-container .img_box .layui-btn:hover{background-color: #BF53F0;background-image: -webkit-gradient(linear, left top, left bottom, from(#BF53F0), to(#5548FF));background-image: -webkit-linear-gradient(90deg, #BF53F0, #5548FF);background-image: -moz-linear-gradient(90deg, #BF53F0, #5548FF);background-image: -ms-linear-gradient(90deg, #BF53F0, #5548FF);background-image: -o-linear-gradient(90deg, #BF53F0, #5548FF);background-image: linear-gradient(90deg, #BF53F0, #5548FF);color: #fff;} .flow-container li.flow-item:hover .img_box .layui-btn{display:block;} /**列表**/ #flow-flow .flow-container, .flow-item, .flow-size {box-sizing: border-box;} #flow-flow .flow-container {flex-flow:wrap;justify-content: space-between;} #flow-flow .flow-container:after {content: '';display: block;clear: both;} #flow-flow .empty{display: block;text-align: center;padding:120px 0;} #flow-flow .empty .empty-box{display: block;} #flow-flow .empty .empty-box .n{margin-bottom:40px;} #flow-flow .empty .empty-box .n:first-child{margin-bottom:24px;} #flow-flow .empty .empty-box .n:last-child{margin-bottom:0;} #flow-flow .empty img{width:256px;height:196px;} #flow-flow .empty .empty-box .n a{width:240px;height:52px;font-size: 18px;line-height:52px;border-radius:28px;border: 2px solid transparent;display: inline-block;} #flow-flow .empty .empty-box .n a.gradient_line_one{background-image: linear-gradient(to right, #2f2f2f, #2f2f2f), linear-gradient(90deg, #BF53F0, #5548FF);} #flow-flow .empty .empty-box .n a.gradient_line_one:hover{background-image: linear-gradient(to right, #BF53F0, #5548FF), linear-gradient(90deg, #BF53F0, #5548FF);} @media screen and (max-width:800px){ #flow-flow .flow-container {margin-top:20px;} } .gift_msg {padding:20px 0 0 0} /**2023年3月11日修改开始**/ .gift_msg .gift_ad{font-size:14px;color: #aaa;line-height: 25px;margin-bottom: 20px;height:195px;} .gift_msg .gift_ad ul li{margin-bottom:8px;} .gift_msg .gift_ad ul li span{color:#fff;background-color: #BF53F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#BF53F0), to(#5548FF)); background-image: -webkit-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -moz-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -ms-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -o-linear-gradient(90deg, #BF53F0, #5548FF); background-image: linear-gradient(90deg, #BF53F0, #5548FF); color: #fff;width:20px;height:20px;border-radius:10px;line-height:20px;margin-right:12px; display: inline-table; text-align: center; } /**2023年3月11日修改结束**/ .gift_msg .gift_title{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom:6px;} .gift_msg .gift_title h3 {font-size:20px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;font-weight:500;color:#D1D1D1;} .gift_msg .gift_title span{color:#CA62FF} .gift_msg .gift_title .layui-btn,.gift_msg .gift_title .layui-btn.active:hover{border-radius:12px;height:24px;width:64px;padding: 0;line-height:24px;border: 1px solid transparent;background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #BF53F0, #5548FF);background-clip: padding-box, border-box;background-origin: padding-box, border-box;font-size:12px;color:#CA62FF;} .gift_msg .gift_title .layui-btn i{font-size:12px;margin-right:4px;} .gift_msg .gift_title .layui-btn.active,.gift_msg .gift_title .layui-btn:hover{position: relative;background-color: #BF53F0;background-image: -webkit-gradient(linear, left top, left bottom, from(#BF53F0), to(#5548FF));background-image: -webkit-linear-gradient(90deg, #BF53F0, #5548FF);background-image: -moz-linear-gradient(90deg, #BF53F0, #5548FF);background-image: -ms-linear-gradient(90deg, #BF53F0, #5548FF);background-image: -o-linear-gradient(90deg, #BF53F0, #5548FF);background-image: linear-gradient(90deg, #BF53F0, #5548FF);color: #fff;} .gift_msg .gift_title .layui-btn.active:hover{color:#BF53F0;width:72px;} .gift_msg .gift_title .layui-btn.active:hover:after {position:absolute;background: #2f2c35;border-radius: 12px;width: 100%;height: 100%;left: 0;top: 0;content: "取消收藏";} .gift_msg .gift_info{margin-bottom:8px;} .gift_msg .gift_info p{line-height:28px;font-size:14px;color:#666;} /**2023年3月16日修改结束**/ .gift_msg .gift_info dl{line-height:28px;font-size:14px;color:#666;display: inline-flex;width: 100%;} /**2023年3月16日修改结束**/ .gift_msg .gift_info dl dt{float:left;/*width:70px;*/padding: 0 10px 0 0;font-size: 14px;line-height:28px;display: inline-block;/*text-decoration: unset;text-align: justify;text-align-last: justify;*/} .gift_msg .gift_info dl dd{float:left;display: inline-block;vertical-align: middle;} .gift_msg .gift_info dl dd ul.layui-rate{margin-top: -5px;} .gift_msg .gift_info dl dd ul.layui-rate li i.layui-icon {font-size: 16px;} .gift_msg .gift_tag{height:24px;margin-bottom:20px;} .gift_msg .gift_tag a{line-height:18px;font-size:12px;padding:2px 8px;height:18px;border:1px solid transparent;border-radius:14px;background-clip: padding-box, border-box;background-origin: padding-box, border-box;float: left;margin-right:8px;} .gift_msg .gift_other {font-size: 12px;color:#666;line-height: 25px;margin-bottom:20px;} /**2023年3月18日修改开始**/ .gift_msg .gift_bt .xuangou{width:100%;line-height:36px;font-size:16px;padding:2px 0;height:36px;text-align:center;border:2px solid transparent;border-radius:22px;background-clip: padding-box, border-box;background-origin: padding-box, border-box;float: left;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;transition: all .3s;-webkit-transition: all .3s;} /**2023年3月18日修改结束**/ .gift_msg .gift_bt .xuangou.active{background-color: #BF53F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#BF53F0), to(#5548FF)); background-image: -webkit-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -moz-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -ms-linear-gradient(90deg, #BF53F0, #5548FF); background-image: -o-linear-gradient(90deg, #BF53F0, #5548FF); background-image: linear-gradient(90deg, #BF53F0, #5548FF); color: #fff; } /**2023年3月28日修改开始**/ @media screen and (max-width:800px){ .gift_msg{padding:12px 0 0 0} .gift_msg .gift_title{margin-bottom:12px;} .gift_msg .gift_title h3 {font-size:16px;font-weight:normal;} .gift_msg .gift_info,.gift_msg .gift_other,.gift_msg .gift_title .layui-btn,.gift_msg .gift_tag{display:none;} .gift_msg .gift_tag{height:24px;margin-bottom:12px;} .gift_msg .gift_bt .xuangou{width: calc(100% - 4px);;line-height:28px;font-size:14px;height:28px;} } /**2023年3月28日修改结束**/ .img_auditor_header {display: inline-block !important;width: 25px;height: 25px;margin-right: 12px;border-radius: 50%;overflow: hidden;} .img_price{line-height:26px;font-size:14px;color: #8C39AD;} .img_type{float: right;} .img_type.layui-form-checkbox[lay-skin=primary]{padding-left:0;margin: 4px 0;} li.flow-item img{display: block;} li.flow-item img,li.flow-item video{max-width: 100%;border-top-left-radius:12px;border-top-right-radius:12px;position: relative;z-index: 2;} .load_defined_icon {margin: 20px auto;text-align: center;} .load_defined_icon span {display: inline-block;width: 12px;height: 12px;background-color: #aaa;border-radius: 6px;} .load_defined_icon span:first-child {animation: loading 0.5s infinite alternate;} .load_defined_icon span:nth-child(2) {animation: loading 0.5s infinite alternate;animation-delay: 0.5s;} .load_defined_icon span:nth-child(3) {animation: loading 0.5s infinite alternate;animation-delay: 1s;} #loading {display: none;} .dynamic-image {display: none;width: 100%;} @keyframes loading { 0% {background-color: #aaa;} 50% {background-color: #333;} 100% {background-color: #aaa;} } /*.swiper-container {width:1400px;}*/ .swiper-container img {display: block;width: 100%;} :root {--swiper-theme-color: #5e5e5e;} .swiper-button-next:after, .swiper-button-prev:after {color: #fff;opacity: .2;} .swiper-button-next:hover:after, .swiper-button-prev:hover:after {opacity:1;} #flow-flow {height: inherit !important;margin:20px auto 60px auto} @media screen and (min-width:640px){ .flow-size {width:33.33333%;} } @media screen and (min-width:768px){ .cation-content{width:90%;padding:0;} .layui-search-box{max-width:100%;} .img_box .actions .right {top:16px;right:10px;} .flow-header{padding:0 0 30px 0;} } @media only screen and (min-width:801px){ #flow-flow {margin:45px auto} .swiper-container{} .cation-content{margin:0 auto;} .cation-content,{width:90%;} .swiper-container img {min-height: 100%;} .cation-content,#flow-flow {padding:0;} /*.flow-container {margin-left: 5px;margin-right: 5px;} .flow-item {padding: 5px} .layui-search-box {width: inherit;margin-left: 10px;margin-right: 10px;}*/ } @media only screen and (min-width:992px){ .cation-content{width:970px;} } @media only screen and (max-width:1079px){.input-search{padding:30px 16px;}} @media only screen and (min-width: 1081px){ .cation-content{width:970px;} .flow-header {font-size:36px;padding:0 0 40px;} #my_profile.collection #flow-flow{width:100%;} /*.img_box {padding:10px;}*/ #my_profile.collection .layui-tab .layui-tab-content {padding:30px 55px;} } @media only screen and (min-width:1281px){ .cation-content{width:1080px;} #my_profile.collection #flow-flow{width:100%;} #my_profile.collection .flow-item{width:25%;} #my_profile.collection .layui-tab .layui-tab-content {padding:30px 55px;} } @media only screen and (min-width:1481px){ .cation-content{width: 1200px;} .flow-header {font-size:36px;padding:0 0 40px;} #my_profile.collection #flow-flow{width:100%;} #my_profile.collection .flow-item{width:25%;} #my_profile.collection .layui-tab .layui-tab-content {padding:30px 55px;} .content .flow-item {width:20%;} } @media only screen and (min-width:1681px){ .cation-content{width: 1400px} #my_profile.collection #flow-flow{width:100%;} #my_profile.collection .flow-item{width:20%;} #flow-flow.content{width:1200px} .flow-header{font-size:40px;} } @media only screen and (min-width:1921px){ .cation-content{width: 1520px} #my_profile.collection #flow-flow{width:100%;} #my_profile.collection .layui-tab .layui-tab-content {padding: 40px 55px;} } @media only screen and (max-width:1680px){ /*.cation-content{width: 1200px;}*/ #my_profile.collection #flow-flow{width:100%;} /* #flow-flow.content{width:970px;}*/ .content .flow-item {width:25%;} } @media only screen and (min-width:1481px){ #flow-flow.content{width:1200px;} .content-box .flow-header {padding:20px 0 40px;} } @media only screen and (max-width:1400px){ /*.cation-content{width: 1000px;}*/ #my_profile.collection #flow-flow{width:100%;} /*#flow-flow.content{width:970px}*/ } @media only screen and (min-width: 1081px){ } @media only screen and (max-width: 1080px){ /*.cation-content{width:800px;}*/ .content .flow-item {width:50%;} #my_profile.collection #flow-flow{width:100%;} #my_profile.collection .layui-tab .layui-tab-content{padding:25px 55px;} } @media only screen and (max-width:800px){ .swiper-container{width:100%;} .cation-content{width:auto;} #flow-flow{width:auto;padding:0 15px;margin:0 auto 60px auto;} #flow-flow h2{padding:0 5px 10px 5px;} .swiper-container img {min-height: 100%;} .flow-container {margin-left:0;margin-right:0;} .flow-header{padding:20px 0 0} .flow-item {width:calc(50% - 10px)} .layui-search-box {width: inherit;} .layui-search-box .layui-input{height:48px;border-radius:12px;padding-left:110px;padding-right:80px;font-size:14px;} .layui-search-box .layui-form-item{width:110px;} .layui-search-box .layui-select-title .layui-input{padding-left:10px;padding-right:20px;} .layui-search-box .layui-btn{height:48px;width:80px;} .input-search{padding:20px 15px;} #my_profile.collection #flow-flow{width:100%;padding:0;} #my_profile.collection #flow-flow .flow-item{padding:10px!important} #my_profile.collection .layui-tab .layui-tab-content{padding:30px 45px;} #my_profile.collection .img_box .actions .right {right:20px;} } @media only screen and (max-width:480px){ .cation-content{width:auto;margin:0 15px;} #my_profile.collection .layui-tab .layui-tab-content {padding:0 30px 30px 30px;} } /**协议清单**/ #agreement{padding:0} #detailed-content.agreement{padding:32px 64px 24px 64px;margin:80px 0 120px;background: url(../images/waterlogo.png);border-radius: 20px;} #detailed-content.agreement .box{width: 100%;max-width: 1000px;margin: 0 auto;padding: 30px 0 0;display: flow-root;} #detailed-content.agreement h1{text-align: center;line-height:2em;padding:20px 0;color:#333;} #detailed-content.agreement h4{padding:0 0 10px 0;font-weight:500;font-size:14px;} #detailed-content.agreement h4 .price{float:right;color:#8C39AD;font-weight: normal;} #detailed-content.agreement p{line-height:24px;margin: 0 auto 16px auto;} #detailed-content.agreement .box .boxlist{display: flex;padding:20px 20px 0 20px;} #detailed-content.agreement .box .boxlist:nth-last-of-type(-n+2){padding:20px;} #detailed-content.agreement .attribute {display: flex;font-size: 14px;color: rgb(102, 102, 102);flex: initial;} #detailed-content.agreement .box .gift{border:1px solid #E1E1E1;border-radius:8px;margin: 16px 0;} #detailed-content.agreement .box .boxlist .static-img{width:136px;height: 100%;} #detailed-content.agreement .box .boxlist .static-img img{width:116px;height:116px;border-radius:4px;} #detailed-content.agreement .box .boxlist .attribute {flex: 1;} #detailed-content.agreement .box .boxlist .attribute ul{/*width:100%;*/margin:0;font-size:12px;} #detailed-content.agreement .box .boxlist .attribute ul li span {width: auto;line-height:28px;padding:0 4px 0 0;font-size: 12px;} #detailed-content.agreement .box .tprice{border-top:1px solid #E1E1E1;text-align:right;padding:15px 20px} #detailed-content.agreement .box .tprice span{color: #8C39AD;} #detailed-content.agreement .box .sign {flex: 1;} #detailed-content.agreement .box .sign ul{/*width:100%;*/margin:0;} #detailed-content.agreement .box .sign ul li{line-height:36px;padding:0 4px 0 0} .file-download {z-index: 9999;height:44px;padding:11px 0;background-color: #fff;position: fixed;bottom: 0;left: 0;width: 100%;line-height:44px;-webkit-box-shadow:0 -2px 10px 0 rgb(0 0 0 / 5%);box-shadow: 0 -2px 10px 0 rgb(0 0 0 / 5%);} .file-download .layui-container{} .file-download .layui-layout-left{color: #8C39AD;} .file-download .layui-layout-right{text-align:right;position: relative;color: #fff;border-radius: 2px;font-size: 0;box-sizing: border-box;} .file-download .layui-layout-right .layui-btn+.layui-btn {margin-left: 10px;} @media screen and (max-width:1280px){ #detailed-content.agreement .box .boxlist:nth-last-of-type(-n+2){padding:20px;} #detailed-content.agreement .box .boxlist:last-child{padding:20px;} #detailed-content.agreement .box .boxlist .static-img{width:104px;height: 100%;} #detailed-content.agreement .box .boxlist .static-img img{width:88px;height:88px;} #detailed-content.agreement .attribute ul {width: 100%;} } @media screen and (max-width: 991px){ #agreement .layui-container{padding:0} #detailed-content.agreement .box .boxlist .static-img{width:136px;height: 100%;} #detailed-content.agreement .box .boxlist .static-img img{width:116px;height:116px;} #detailed-content.agreement .attribute ul {width: 100%;} } @media only screen and (max-width:800px){ .layui-container/*,#flow-flow.content*/{width:100%;} #agreement{padding:0} #detailed-content.agreement{padding:32px 32px 64px 32px;margin:30px;} .file-download .layui-layout-left{ margin: 0 0 0 32px;} .file-download .layui-layout-right{margin:0 32px 0 0} }