@charset "utf-8";html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
a,fieldset,img{border:0}
blockquote,dd,dl,dt,fieldset,form,input,li,ol,p,pre,td,textarea,th,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
a{color:#7d47d1;outline:0;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-decoration:none}
button,file,input,optgroup,option,select,textarea{font:inherit;outline:0;vertical-align:middle}
img{height:auto}
::-moz-focus-inner{border-color:transparent}
::-moz-selection{color:#fff;color:rgba(255,255,255,.9);background:#7d47d1;text-shadow:none}
::selection{color:#fff;color:rgba(255,255,255,.9);background:#7d47d1;text-shadow:none}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;-webkit-tap-highlight-color:transparent;border-radius:0}
::-webkit-input-placeholder{color:rgba(255,255,255,.2)}
input:-moz-placeholder{color:rgba(255,255,255,.2)}
code,pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
.clear{clear:both;overflow:hidden}
body{font:12px/1.5 "Microsoft Yahei","Helvetica neue",Helvetica,Tahoma,"lantinghei sc",sans-serif;color:#333;background-color:#f5f3fa;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.overlay{background:#000;opacity:.8;position:fixed;width:100%;height:100%;left:0;top:0;z-index:9998}
.text-replace{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.content{width:1260px;max-width:1260px;margin:0 auto}
.recommend{overflow:hidden;text-align:center;margin:20px auto 0 auto;line-height:1}
.recommend.top{margin-bottom:0}
.recommend img{display:block;margin:auto}
.centralnav .navigation{text-align:center;padding-bottom:2px}
.centralnav .navigation a{color:#999;box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-transition:.15s all linear;transition:.15s all linear}
.centralnav .navigation a.ym:hover{background-color:#fff;color:#999}
.centralnav .navigation .page-numbers,.centralnav .navigation .pages{background-color:#fff;padding:9px 20px;border-radius:4px;display:inline-block;margin-bottom:5px;vertical-align:top}
.centralnav .navigation .page-numbers:hover{background-color:#7d47d1;color:#FFF}
.centralnav .navigation .pages{background-color:#7d47d1;color:#FFF;margin-right:10px}
.centralnav .navigation .current{background-color:#7d47d1;color:#fff}
.centralnav .navigation .dots,.centralnav .navigation .dots:hover{background-color:transparent;color:#999;line-height:32px}
.space.centralnav .navigation .page-numbers{border:1px solid #e7e3f2;box-shadow:none;box-sizing:border-box}
.space.centralnav .navigation .page-numbers.current,.space.centralnav .navigation .page-numbers:hover{border:1px solid #7d47d1}
.space.centralnav .navigation .page-numbers.dots:hover{border:1px solid #e7e3f2}
.jumppage{display:inline-block;height:34px;line-height:34px;color:#999;vertical-align:middle}
.total-page{margin:0 10px}
.go-page{border:1px solid #dcd6ea;background-color:#FFF;border-radius:4px;overflow:hidden;margin-left:10px}
#page{color:#999;width:40px;height:20px;line-height:20px;padding:7px 0;border:0 none;background-color:#FFF;margin:0 5px;text-align:center;float:left}
#page:focus{color:#333}
.active.go-page{border:1px solid #7d47d1}
.active.go-page #jump-btn{background-color:#7d47d1;color:#FFF;border-radius:0;border-left-color:#7d47d1}
#jump-btn{background-color:#fff;float:left;border-left:1px solid #dcd6ea;width:36px;box-shadow:none;-webkit-transition:none;transition:none;background-color:rgba(0,0,0,.02)}
.billboard{text-align:center;color:#FFF;background:center top no-repeat #222;background-size:cover}
.billboard .wrapper{height:190px;padding-top:40px;position:fixed;width:100%;left:0;top:0;display:inline-table}
.billboard .inner{width:100%;height:100%;display:table-cell;vertical-align:middle}
.billboard .inner p{text-transform:uppercase}
.sub-billboard{height:250px;margin-top:-50px}
.sub-billboard.min{height:200px}
.sub-billboard.min .wrapper{height:150px}
.sub-billboard.min .inner h1{font-size:26px}
#header{position:fixed;z-index:9995;width:100%;left:0;top:0;height:50px;margin:0 auto;background:#333;background-color:rgba(0,0,0,.5);box-shadow:0 0 1px rgba(255,255,255,.15);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#header.inside,#header.min{box-shadow:0 0 4px rgba(255,255,255,.15);background-color:rgba(0,0,0,.7);}
#header.scroll{position:relative}
#header.scroll+.container{padding-top:0}
#header.inside .nav-list li .sub-menu,#header.min .nav-list li .sub-menu{background-color:#323232}
#header .nav-menu{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
#header .nav-menu .nav-toggle{height:50px;width:50px;line-height:50px;font-size:16px;float:left;color:rgba(255,255,255,.85);cursor:pointer;margin-left:-10px;text-align:center}
#header .nav-menu .signin-toggle{height:50px;width:50px;line-height:50px;font-size:16px;float:right;color:rgba(255,255,255,.85);cursor:pointer;margin-right:-10px;text-align:center}
#header .nav-menu .signin-toggle a{color:rgba(255,255,255,.85)}
#header .nav-menu li.home-logo a{background-image:url(../images/logo.png);background-repeat:no-repeat;display:block;width:35px;height:35px;position:absolute;left:50%;margin-left:-20px;top:7px;background-size:100% 100%}
#header .nav-list{position:relative;height:50px;z-index:1;font-size:14px;text-align:justify;-ms-text-justify:distribute-all-lines;text-justify:distribute-all-lines;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
#header .nav-list:after{content:'';width:100%;display:inline-block;font-size:0;line-height:0}
#header .nav-list li{display:inline-block;vertical-align:top;position:relative;color:rgba(255,255,255,.5)}
#header .nav-list li a{padding:0 10px;display:block;line-height:50px;color:rgba(255,255,255,.8)}
#header .nav-list li a:hover{ color:#7d47d1;}
#header .nav-list li.current-menu-item a{color:#fff; background:#7d47d1;}
#header .nav-list li:hover .sub-menu{display:block}
#header .nav-list li .sub-menu{position:absolute;background:#333;background-color:rgba(0,0,0,.5);left:-15px;top:50px;width:100px;text-align:center;font-size:12px;display:none}
#header .nav-list li .sub-menu a,#header .nav-list li .sub-menu li{display:block;height:50px;line-height:50px}
#header .nav-list li .sub-menu a:hover{background-color:rgba(255,255,255,.1);color:#fff}
#header .nav-menu li .home-logo{width:140px;height:50px}
#header .nav-list li#logo{width:203px;height:30px;margin-top:10px;background:url(../images/logo-head.png) no-repeat;background-size:100% 100%}
#header .nav-list li#logo a{display:block;padding:0;height:30px}
#header .nav-list li#search{float:right;margin-left:8%;padding:0 5px}
#header .nav-list li#search .search-input-wrapper{padding:0;border-radius:4px;width:32px;height:32px;margin-top:9px;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
#header .nav-list li#search.active .search-input-wrapper{padding:0 10px 0 30px;background-color:#FFF;width:180px}
#header .nav-list li#search .search-input{-webkit-appearance:none;background-color:transparent;-webkit-tap-highlight-color:transparent;border:0 none;box-shadow:none;vertical-align:top;height:32px;width:100%;font-size:0;color:#333}
#header .nav-list li#search.active .search-input{font-size:14px}
#header .nav-list li#search .search-submit{display:none}
#header .nav-list li#search .search-icon{position:absolute;background-color:transparent;left:0;top:0;width:32px;height:32px;display:block;text-align:center;line-height:32px;border:0 none;box-shadow:none;cursor:pointer;border-radius:2px}
#header .nav-list li#search .search-icon .fa{color:rgba(255,255,255,.7);font-size:15px}
#header .nav-list li#search .search-icon .fa:hover{color:rgba(255,255,255,.5)}
#header .nav-list li#search.active .search-icon .fa{color:rgba(0,0,0,.5)}
#header .nav-list li#loginreg{float:right;margin-left:5px;font-size:12px;padding:9px 0;height:32px}
#header .nav-list li#loginreg div{float:left;padding-left:1px;margin-right:1px}
#header .nav-list li#loginreg div img{display:block}
#header .nav-list li#loginreg #user-logout{border:none;background:0 0;cursor:pointer;color:rgba(255,255,255,.8)}
#header .nav-list li#loginreg #user-logout:hover{color:rgba(255,255,255,.9)}
#header .nav-list li#loginreg a{display:block;background-color:#757575;background-color:rgba(255,255,255,.2);height:32px;padding:0 15px;line-height:32px;overflow:hidden}
#header .nav-list li#loginreg .user-signin{border-radius:4px 0 0 4px}
#header .nav-list li#loginreg a.user-signin:hover{ color:#fff;}
#header .nav-list li#loginreg .user-reg{border-radius:0 4px 4px 0; background:#7d47d1;}
#header .nav-list li#loginreg a.user-reg:hover{ color:#fff;}
#header .nav-list li#loginreg .user-admin a{border-radius:4px;background-color:rgba(0,0,0,.5);-webkit-transition:none;transition:none}
#header .nav-list li#loginreg .user-admin i{margin-left:5px}
#header .nav-list li#loginreg .user-avatar img{width:31px;height:31px;border-radius:4px;display:block}
#header .nav-list li#loginreg .user-panel{position:absolute;top:41px;left:1px;width:111px;text-align:center;margin:0;display:none;padding-bottom:8px;background-color:#444;border-radius:0 0 4px 4px;border-radius:0 4px 0 0}
#header .nav-list li#loginreg .user-panel a{background-color:inherit}
#header .nav-list li#loginreg .user-panel .username{border-bottom:1px solid #555;overflow:hidden;margin-bottom:8px;padding:10px;word-wrap:break-word;height:auto;line-height:1.5}
#header .nav-list li#loginreg .user-panel i{margin-right:5px}
#header .nav-list li#loginreg:hover .user-admin a{border-radius:4px 4px 0 0;background-color:#444}
#header .nav-list li#loginreg:hover .user-panel{display:block}
#header #nav-list.nav-list.mobile{text-align:center;border-top:1px solid rgba(255,255,255,.08);display:none}
#header #nav-list.nav-list.mobile li{display:inline-block;width:30%;height:auto;border:0 none;margin:0 0 1em 0;box-sizing:border-box}
#header #nav-list.nav-list.mobile li a{display:block;height:auto;line-height:1.5}
#header #nav-list.nav-list.mobile li a span{width:60px;height:60px;line-height:60px;font-size:24px;border-radius:10px;border:1px solid rgba(255,255,255,.15);display:block;margin:0 auto 5px auto}
#header #nav-list.nav-list.mobile .search-input{background-color:#fff;width:80%;margin:20px 10% 30px 10%;border:0 none;height:32px;border-radius:32px;padding:10px 15px;display:block}
#header #nav-list.nav-list.mobile ::-webkit-input-placeholder{color:rgba(0,0,0,.5)}
#header #nav-list.nav-list.mobile input:-moz-placeholder{color:rgba(0,0,0,.5)}
#billboard{height:250px;width:100%;position:relative;padding-top:50px;box-sizing:border-box}
#billboard .wrapper .inner{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#billboard .wrapper .inner.up{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
#billboard .wrapper .inner h1{font-size:18px;margin:5px auto 5px auto}
#billboard .wrapper .inner p{text-transform:uppercase;font-size:14px}
.sub-billboard .inner h1{font-size:28px;letter-spacing:1px;line-height:1.2;margin-bottom:10px}
#container{position:relative;background-color:#f5f3fa;padding-top:50px}
#aim{/*background-color:#FFF*/}
#aim .wrapper{margin:auto -10px;height:auto;padding:20px 0;overflow:hidden}
#aim .wrapper .stick{width:50%;float:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
#aim .wrapper .push{width:50%;float:left}
#aim .wrapper .push .box{float:left}
#aim .wrapper .push .box .inner{margin:auto 10px;width:300px;height:250px;background-color:#FFF;box-shadow:0 1px 1px rgba(0,0,0,.15);position:relative}
#aim .wrapper .push .box .inner a img{display:block}
.stick .swiper-container{max-height:220px;margin:auto 10px;background-color:#FFF;box-shadow:0 1px 1px rgba(0,0,0,.15);position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.stick .swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;-webkit-transition-property:-webkit-transform,left,top;transition-property:transform,left,top;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;transition-timing-function:ease}
.stick .swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.stick .swiper-slide{float:left}
.stick .swiper-slide a{cursor:-webkit-grab}
.stick .swiper-slide a img{display:block;margin:auto}
.stick .swiper-wp8-horizontal{-ms-touch-action:pan-y}
.stick .swiper-wp8-vertical{-ms-touch-action:pan-x}
.stick .pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%;z-index:99}
.stick .swiper-pagination-switch{display:inline-block;width:6px;height:6px;border:1px solid rgba(255,255,255,.5);border-radius:6px;margin:0 3px;cursor:pointer}
.stick .swiper-active-switch{background:#fff}
.stick a.arrow{background-color:#FFF;text-align:center;position:absolute;top:50%;z-index:99;display:block;width:32px;margin-top:-25px;height:50px;line-height:50px;font-size:16px;background-color:rgba(0,0,0,.8);color:#FFF}
.stick a.arrow:hover{background-color:#7d47d1}
.stick a.slider-prev{left:-40px;border-radius:0 2px 2px 0}
.stick a.slider-next{right:-40px;border-radius:2px 0 0 2px}
.stick:hover a.slider-prev{left:0}
.stick:hover a.slider-next{right:0}

.index-tip { width:49%;height:277px;float:left; padding: 15px 20px; box-sizing: border-box;  border: solid 1px #e3def0; background: #ffffff; margin-left:10px;}
.index-tip li { font-size: 14px; line-height:36px; margin-bottom:6px;}
.index-tip li a { text-decoration: none;}
.index-tip li span { color: #FFF; margin-right: 10px; line-height: 22px; display: inline; background: #7d47d1; padding: 4px 9px; }
.index-tip li a { color: #444444; padding:0px 5px; box-sizing: border-box; margin: 0 7px; display:inline-block;}
.index-tip li a:hover { text-decoration:underline; color:#7d47d1; transition:.4s;}

.notice{ width:97%; margin-top:10px; margin-left:10px; margin-right:10px; overflow:hidden; border:1px solid #e3def0;}
.BreakingNewsController{width:100%;overflow:hidden;background:#FFF;height:auto;position:relative; }
.BreakingNewsController .bn-title{display:inline-block;float:left;padding:10px 20px;background:#5aa628;color:#FFF;}
.BreakingNewsController ul{padding:0;margin:0;display:block;list-style:none;position:absolute;left:180px;right:50px;}
.BreakingNewsController ul li{list-style:none;padding:10px 20px;display:none;}
.BreakingNewsController ul li a{text-decoration:none;color:#333;display:inline-block;overflow:hidden;padding:0;}
.BreakingNewsController .bn-arrows{display:inline-block;float:right;width:50px;position:absolute;right:0;top:0;bottom:0;}
.BreakingNewsController .bn-arrows span{display:block;width:20px;position:absolute;top:0;bottom:0;cursor:pointer;opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0;background:url(../images/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px;background:url(../images/bn-arrows.png) right center no-repeat;}
.easing a, .easing span{transition:.25s linear;-moz-transition:.25s linear;-webkit-transition:.25s linear;}

.grid ul{margin:auto -10px;height:auto;overflow:hidden}
.grid ul li{float:left;width:320px;padding-bottom:15px;position:relative}
.grid ul li .item{margin:auto 10px;background-color:#FFF;box-shadow:0 1px 1px rgba(0,0,0,.15);overflow:hidden;position:relative;border:10px solid #FFF;border-bottom:0 none;border-radius: 16px;}
.grid ul li .thumb{line-height:1;text-align:center;/*width:280px;*/height:180px;overflow:hidden;-webkit-transition:.15s all linear;transition:.15s all linear;color:#FFF;box-shadow:0 0 2px rgba(255,255,255,.15)}
.grid ul li .thumb img{width:100%;display:block;-webkit-transition:all .2s cubic-bezier(.33,0,.2,1);transition:all .2s cubic-bezier(.33,0,.2,1)}
.grid ul li .meta{padding:8px 5px}
.grid ul li .title a{color:#444;font-size:16px;display:block;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 700;text-align: center; color: #6060ff;}
.grid ul li:hover .title a{color:#7d47d1}
.grid ul li .extra{position:absolute;left:0;top:0;height:auto;overflow:hidden;width:100%;background-color:#222;color:#FFF;margin:0;padding:8px 10px;box-sizing:border-box;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:-webkit-transform .2s cubic-bezier(.33,0,.2,1);transition:transform .2s cubic-bezier(.33,0,.2,1)}
.grid ul li .extra a{color:rgba(255,255,255,.9)}
.grid ul li .extra a:hover{color:#7d47d1}
.grid ul li .extra .time{float:left}
.grid ul li .extra .time i{margin-right:4px}
.grid ul li .extra span{float:right;margin-left:8px}
.grid ul li .extra i{margin-right:4px}
.grid ul li .extra span i{margin-right:0;margin-left:4px}
.grid ul li .data{border-top:1px solid #f2f0f8;padding:8px 5px;color:#999}
.grid ul li .data a{color:#999}
.grid ul li .data a:hover{color:#7d47d1}
.grid ul li .data span{float:right;margin-left:10px}
.grid ul li .data span i{margin-right:4px}
.grid ul li:hover .extra{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.grid ul li:hover .thumb{background-color:#000}
.grid ul li:hover .thumb img{opacity:.7;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.search .grid ul li .extra{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background-color:#7d47d1;width:auto;overflow:visible;display:inline-block;padding:5px 10px;left:inherit;right:5px;top:5px;box-shadow:1px 1px 1px rgba(0,0,0,.15)}
.search .grid ul li .extra:after{content:'';display:block;border-width:7px;border-style:solid;border-color:transparent #7d47d1 transparent transparent;width:0;height:0;font-family:arial;position:absolute;top:50%;left:-12px;margin-top:-7px}
.search .grid ul li .extra.weiran{background-color:#8b5cf6}
.search .grid ul li .extra.weiran:after{border-color:transparent #8b5cf6 transparent transparent}
.search .grid ul li .extra.shop{background-color:#7d47d1}
.search .grid ul li .extra.shop:after{border-color:transparent #7d47d1 transparent transparent}
.search .grid ul li .extra a:hover{color:rgba(255,255,255,.8)}
.search .grid ul li:hover .thumb img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.search .grid ul li .extra span{margin-left:0}
.search .grid ul li .extra i{margin:0 5px 0 0}
.category .primary.list{position:relative;height:auto;overflow:hidden}
.category .primary.list ul li:hover{background-color:#f8f6fd}
.category .primary.list .article{width:100%;float:left}
.category .primary.list .article ul{margin-right:360px;background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.category .primary.list .article .navigation{margin-right:360px;margin-top:30px}
.list .article ul li{border-bottom:1px solid #e7e3f2;padding:20px;height:auto;overflow:hidden;color:#999;position:relative}
.list .article ul li:last-child{border-bottom:0 none}
.list .article ul li a:hover{text-decoration:underline}
.list .article ul li .thumb{float:left;width:210px;height:135px;overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,.3)}
.list .article ul li .thumb img{width:100%;display:block}
.list .article ul li .item-main{margin-left:230px}
.list .article ul li .title a{font-size:16px;color:#333;padding:5px 50px 5px 0;display:inline-block}
.list .article ul li .title a:hover{color:#7d47d1;text-decoration:none}
.list .article ul li .meta div{margin:5px auto}
.list .article ul li .meta .cat a{background-color:rgba(0,0,0,.4);color:rgba(255,255,255,.9);padding:2px 4px;border-radius:2px}
.list .article ul li .meta .cat a:hover{background-color:rgba(0,0,0,.8);text-decoration:none}
.list .article ul li .meta .tag-links{margin-left:10px}
.list .article ul li .meta .tag-links i{font-style:normal}
.list .article ul li .meta .tag-links a{color:#888;background-color:inherit}
.list .article ul li .meta .tag-links a:hover{color:#444;background-color:inherit;text-decoration:underline}
.list .article ul li .meta .data{text-align:right}
.list .article ul li .meta .data a{color:#999}
.list .article ul li .meta .data a:hover{color:#7d47d1;text-decoration:none}
.list .article ul li .meta .data span{margin-right:10px}
.list .article ul li .meta .data span i{margin-right:4px}
.list .article ul li .meta .data .time{float:left;color:#666}
.list .article ul li .meta .data .time i{margin-right:4px}
.list .article ul li .meta .excerpt{margin:13px auto}
.list .article ul li .meta .author{position:absolute;right:20px;top:8px}
.list .article ul li .meta .author a{display:block;width:40px;height:40px;border:1px solid rgba(0,0,0,.08);border-radius:100%;overflow:hidden}
.list .article ul li .meta .author a{width:40px;height:40px;border-radius:100%}
.not-found{padding:10px 20px}
.textc{text-align:center}
#primary.special{background-color:transparent;position:relative;margin:0;padding-bottom:30px}
#primary.special .article{background-color:#FFF;box-shadow:0 1px 1px rgba(0,0,0,.15);margin-bottom:30px;position:relative;margin-top:0}
.special ul{height:auto;overflow:hidden;padding:40px}
.special ul li{float:left;width:50%}
.special ul li .item{background-color:#FFF;margin:0 30px 30px 30px;border-bottom:1px solid #e4dff0;padding-bottom:0}
.special ul li .item .thumb{height:250px;position:relative}
.special ul li .item .thumb a{max-height:250px;overflow:hidden;display:block}
.special ul li .item .thumb img{display:block;margin:auto}
.special ul li .item .read-more{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}
.special ul li .item .read-more .icon{width:80px;height:80px;font-size:30px;line-height:75px;border-radius:100%;border:2px solid #FFF;position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;color:#FFF;text-align:center;display:none}
@-webkit-keyframes readmore{0%{-webkit-transform:rotate(-175deg) scale(.2)}
100%{-webkit-transform:rotate(0) scale(1)}
}
@keyframes readmore{0%{-webkit-transform:rotate(-175deg) scale(.2);transform:rotate(-175deg) scale(.2)}
100%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
}
.special ul li:hover .item .read-more{opacity:.75}
.special ul li:hover .item .read-more .icon{display:block;-webkit-animation:readmore .5s 1 cubic-bezier(.175,.885,.32,1.275);animation:readmore .5s 1 cubic-bezier(.175,.885,.32,1.275)}
.special ul li .item .title h2{font-size:14px;margin:20px auto 10px auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:100px}
.special ul li .item .title h2 a{color:#666}
.special ul li .item .title h2 .time{color:#999;position:absolute;right:0;font-size:12px}
.special ul li:hover .item .title h2,.special ul li:hover .item .title h2 a{color:#7d47d1}
.special ul li .activity{position:absolute;width:90px;height:90px;background:no-repeat;top:-5px;left:-5px}
.special ul li .activity-end{background-image:url(../images/activity-end.png)}
.special ul li .activity-going{background-image:url(../images/activity-going.png)}
#sidebar{width:340px;float:left;margin-left:-340px}
#sidebar .widget{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.1);margin-bottom:20px}
.widget-title{font-size:14px;padding:15px 20px;border-bottom:1px solid #e7e3f2;background-color:#f8f6fd}
.widget-title .fa{margin-right:10px}
.widget ul li{height:auto;overflow:hidden;padding:15px 20px;border-bottom:1px solid #f2f0f8}
.widget ul li:last-child{border-bottom:0 none}
.widget ul li .thumb{width:56px;height:56px;border:4px solid #FFF;overflow:hidden;margin-right:10px;float:left;line-height:1;box-shadow:0 1px 1px transparent}
.widget ul li a{color:#777}
.widget ul li a:hover{color:#7d47d1;text-decoration:none}
.widget ul li span{display:block;margin-top:5px}
.widget ul li span a{color:#7d47d1}
.widget ul li span i{font-style:normal;color:#7d47d1;margin-left:10px}
.widget.sidabar-recommend .box{padding:20px;background-color:#FFF;text-align:center; overflow:hidden;}
.widget.new-comments ul li .thumb{width:50px;height:50px;border-radius:50px}
.widget.new-comments ul li strong{font-weight:400;color:#7d47d1;padding-top:7px;display:block}
.widget.new-comments ul li a:hover{text-decoration:none}
#guide{padding-top:15px}
#guide .group{height:50px;border-bottom:1px solid #dcd6ea}
#guide .group:after{content:"";display:block;height:0;clear:both;visibility:hidden}
#guide .group h1{line-height:50px;font-size:16px}
#guide .group h1 span{background-color:#7d47d1;color:#FFF;margin:auto 5px;font-size:12px;padding:2px 4px;border-radius:2px}
#guide .group h1 small{font-size:12px;color:#999;margin-left:5px}
#guide .group ul li{float:left;position:relative;margin-right:20px;font-size:14px;height:50px}
#guide .group ul li a i{margin-right:5px}
#guide .group ul li a i.arrow{margin:0 0 0 10px;color:#999;-webkit-transition:-webkit-transform .2s linear;transition:transform .2s linear}
#guide .group ul li:hover i.arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#guide .group ul li a{color:#666;display:block;padding:11px 0}
#guide .group ul li a.current{-webkit-transition:none;transition:none;width:110px;text-align:center}
#guide .group ul li:hover a.current{box-shadow:1px 1px 1px rgba(0,0,0,.2);background:#fff;border-radius:6px 6px 0 0}
#guide .group ul li .sub{display:none;position:absolute;left:0;top:44px;z-index:99;width:130px;box-shadow:1px 2px 2px rgba(0,0,0,.2);background-color:#fff;overflow:hidden;border-radius:0 0 6px 6px}
#guide .group ul li .sub li{float:none;margin:0;font-size:12px;height:inherit}
#guide .group ul li .sub li a,#guide .group ul li .sub li.cat-item-none{padding:12px 10px;text-indent:20px}
#guide .group ul li .sub li a:hover{background-color:#7d47d1;color:#FFF}
#guide .group ul li .sub li.current-cat a{color:#7d47d1}
#guide .group ul li .sub li.current-cat a:hover{color:#FFF}
#guide .group ul li:hover .sub{display:block}
#billboard,.sub-billboard.shopping{/*background:url(../images/shop-bg.png) repeat; */background:url(../images/banner5.jpg) bottom repeat;}
.sub-billboard.activities{background-image:url(../images/special-bg.jpg)}
.navcaret#guide{text-align:center;padding-top:10px;background-color:transparent;position:relative}
.navcaret#guide ul li{float:none;display:inline-block;margin:auto 20px;margin-bottom:-1px}
.navcaret#guide .current-cat{border-bottom:1px solid #000}
.content.shop{background-color:transparent;position:relative}
.shop #primary{margin-bottom:20px}
.shop.centralnav #primary{margin-bottom:0;padding-bottom:30px}
.shop .goodslist li .basic{position:relative;height:180px;overflow:hidden}
.shop .goodslist li .screenshot{height:180px;line-height:1}
.shop .goodslist li .screenshot img{width:100%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}
.shop .goodslist li:hover .screenshot img{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
.shop .goodslist li .basic .name{position:absolute;background-color:#fff;font-size:12px;bottom:0;box-sizing:border-box;padding:10px 5px 0 5px;left:0;width:100%;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
.shop .goodslist li:hover .basic .name{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.shop .goodslist li .basic .name a{color:#333}
.shop .goodslist li .info{margin:10px auto;padding:0 5px}
.shop .goodslist li .info .excerpt{color:#777;margin:5px auto;height:40px;overflow:hidden}
.shop .goodslist li .info .pricebtn{height:auto;margin-top:10px}
.shop .goodslist li .info .pricebtn{color:#7d47d1;font-size:16px}
.shop .goodslist li .info .pricebtn strong{font-family:Arial;font-size:24px;font-weight:400}
.shop .goodslist li .info .buy{background-color:#7d47d1;display:inline-block;border-radius:2px;color:#FFF;margin-top:6px;padding:3px 10px;float:right;font-size:12px}
.shop .goodslist li .info .buy:hover{background-color:#6d3fc4}
.shop .product-content{padding:40px;max-width:1100px;margin:auto}
.shop .breadcrumb{color:#999;margin-bottom:20px}
.shop .breadcrumb a{color:#999}
.shop .breadcrumb a:hover{text-decoration:underline;color:#7d47d1}
.shop .breadcrumb .edit-link{margin-left:10px}
.shop .product{position:relative}
.buy-btn-diasbled,.buy-btn-new,.buy-btn-nologin,.buy-btn-stows,.buy-btn-ys{width:90%;height:50px;line-height:50px;text-align:center;color:#FFF;display:inline-block;font-size:24px;margin-right:5px;border-radius:25px}
.buy-btn{border-radius:0}
.buy-btn-diasbled,.buy-btn-new,.buy-btn-nologin{background-color:#7d47d1}
.buy-btn-diasbled:hover,.buy-btn-new:hover .buy-btn-nologin:hover{background-color:#6d3fc4}
.buy-btn-ys{background-color:#7d47d1}
.buy-btn-ys:hover{background-color:#6d3fc4}
.buy-btn-stows{background-color:#7d47d1}
.buy-btn-stows:hover{background-color:#6d3fc4}
.btn-text-jbcz{margin-right:10px}
.shop .product .buy-btn-new:hover,.shop .product a.set-email-btn:hover{background-color:#6d3fc4}
.buy-btn-diasbled i,.buy-btn-nologin i,.buy-btn-stows i,.buy-btn-ys i,.shop .product .buy-btn-new i,.shop .product .set-email-btn i{margin-right:8px}
.shop .product a.set-email-btn{padding:0 20px;width:auto}
.shop .product .preview{width:360px;height:360px;text-align:center;color:#FFF;position:absolute;left:0;top:0;overflow:hidden;border:1px solid #eee}
.shop .product .preview a{display:block;overflow:hidden}
.shop .product .preview a:hover img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.attachment-large{/*min-height:360px;*/width:100%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.view-share{margin-top:20px;float:right;margin-right:10px}
.shop .product .preview .nothumb{line-height:300px;color:#999}
.shop .product .preview .view-share{height:auto;overflow:hidden;margin-top:10px}
.shop .product .preview .view{float:left;color:#999}
.shop .product .preview .share{float:right}
.shop .product .preview .share a{margin:0 0 0 6px}
.shop .product .property{margin-left:400px;min-height:400px;color:#999}
.ts{margin-top:20px}
.shop .product .property .dt{width:70px;display:inline-block;color:#999}
.shop .product .property .title h1{font-size:20px;margin-bottom:5px;color:#333}
.shop .product .property .summary{background-color:#f5f3fa;padding:10px 20px;margin:10px auto;color:#333}
.shop .product .property .summary li.summary-cssm{color:#999}
.shop .product .property .summary li{padding:5px 0}
.shop .product .property .summary .summary-price strong{font-size:28px;color:#7d47d1;}
.shop .product .property .summary .summary-price strong .mf{font-family:"Microsoft Yahei";font-size:12px;color:#333}
.shop .product .property .summary .summary-price strong em{font-size:12px;font-style:normal;margin-right:3px}
.shop .product .property .summary .summary-price strong em.hl{color:#999}
.shop .product .property .summary .summary-price strong em.hl i{margin-left:5px;font-style:normal;color:#7d47d1}
.shop .product .property .amount .amount-number{display:inline-block;vertical-align:middle;border:1px solid #dcd6ea;height:32px;overflow:hidden}
.shop .product .property .amount .amount-input{border:1px solid #e4dff0;border-top:0 none;border-bottom:0 none;vertical-align:middle;width:40px;height:16px;padding:8px 6px;text-align:center;float:left}
.shop .product .property .amount .control{height:32px;line-height:32px;width:20px;text-align:center;display:block;float:left;font-size:12px;color:#999;background-color:#f5f3fa}
.shop .product .main-content{height:auto;overflow:hidden}
.shop .product .main-content .shop-content{width:100%;float:left}
.shop .product .main-content .shop-sidebar{float:left;width:240px;margin-left:-100%;border:1px solid #e7e3f2;box-sizing:border-box;padding-bottom:10px}
.shop-sidebar ul li a{display:block;width:210px;height:158px;overflow:hidden;border:1px solid #ddd;padding:3px;border-radius:2px}
.shop-sidebar .boli{height:1px;width:218px;margin:0 auto;margin-top:10px;display:block;border-top:1px dotted rgba(204,204,204,.72)}
.shop-sidebar ul li a img{width:210px;/*height:158px*/}
.shop .product .main-content .shop-sidebar h3{padding:0 10px;height:48px;line-height:48px;border-bottom:1px solid #e7e3f2;background-color:#f8f6fd;color:#666;font-size:12px}
.shop .product .main-content .shop-sidebar h3 i{margin-right:5px}
.shop .product .main-content .shop-sidebar ul li{display:block;margin-bottom:0;line-height:1;padding:0 10px;margin-top:10px}
.shop .product .main-content .shop-sidebar ul li a:hover img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.shop .product .main-content .shop-sidebar ul li img{display:block;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.shop .product .mainwrap{height:auto;margin-left:260px}
.shop .product #wrapnav.nav-fixed{position:fixed;z-index:999;background-color:#FFF;width:100%;border-bottom:1px solid #dcd6ea;left:0;top:0;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:0 60px;box-sizing:border-box}
.shop .product #wrapnav.nav-fixed .nav{border:0 none;max-width:1300px;box-sizing:border-box}
.shop .product #wrapnav.nav-fixed .intro{display:block}
.shop .product .nav{height:48px;border:1px solid #dcd6ea;margin:auto;position:relative}
.shop .product .nav li{float:left;height:48px;line-height:48px;display:block;cursor:pointer;position:relative}
.shop .product .nav li.active{border-top:2px solid #7d47d1;position:relative;z-index:1;margin:-1px 0 0 -1px}
.shop .product .nav li.active:after{content:'';display:block;border-width:5px;border-style:solid;border-color:#7d47d1 transparent transparent;width:0;height:0;font-family:arial;position:absolute;top:-1px;left:50%;margin-left:-5px}
.shop .product .nav li.active a{display:block;height:100%;line-height:47px;color:#7d47d1;border-left:1px solid #7d47d1;border-right:1px solid #7d47d1}
.shop .product #wrapnav.nav-fixed .nav li.active{margin:0}
.shop .product .nav li a{padding:0 20px;border-right:1px dotted #d2d2d2;color:#666;-webkit-transition:none;transition:none}
.shop .product .nav li a i{margin-right:5px}
.shop .product .nav li a em{font-style:normal;margin-left:5px;color:#7d47d1}
.shop .product .nav .intro{display:none;width:260px;height:100%;float:left}
.shop .product .nav .intro .store_logo{margin-top:5px;display:block;height:95%;float:left}
.shop .product .nav .intro .store_logo img{height:78%;width:auto}
.shop .product #wrapnav .fixed-buy-btn{font-size:14px;float:right;display:none;height:50px;line-height:50px}
.shop .product #wrapnav.nav-fixed .fixed-buy-btn{display:block}
.shop .product .mainwrap .wrapbox{margin:20px auto;display:none}
.shop .product .mainwrap .wrapbox.curbox{display:block}
.shop .product .mainwrap .wrapbox p{margin:10px auto}
#history .pay-history{margin:auto}
#history .pay-history .greytip{text-align:right;color:#999;margin:10px auto}
#history .pay-history table{text-align:center}
#history .pay-history td,#history .pay-history th{padding:10px}
#history .pay-history th{border-top:1px solid #dcd6ea;background-color:#f5f3fa}
#history .pay-history td{border-bottom:1px dotted #e7e3f2;color:#666}
#history .pay-history td .tip{float:right;color:#999}
#history .history-tip{text-align:center;padding:20px;margin:auto;background-color:#f5f3fa;color:#666}
#order{font-size:12px;display:none;position:fixed;width:860px;left:50%;top:30%;margin-left:-430px;background-color:#FFF;z-index:9999}
#order #alipayment{border-top:1px solid #e7e3f2}
#order #pay{border-top:5px solid #f5f3fa}
#order #pay .popup-close{position:absolute;width:50px;height:50px;line-height:50px;text-align:center;background-color:#444;right:0;top:0;color:#FFF;font-size:16px}
#order #pay .popup-close i{-webkit-transition:all ease-out .3s;transition:all ease-out .3s}
#order #pay .popup-close:hover i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#order #pay h3{color:#7d47d1;font-size:16px;margin-bottom:20px}
#order #pay h3 span{color:#999;margin-left:5px;font-size:12px}
#order #pay .part-order{height:auto;overflow:hidden}
#order #pay ul{padding:20px}
#order #pay ul li{margin:10px auto}
#order #pay ul li span{margin:auto 10px;color:#7d47d1;display:none}
#order #pay ul label{display:inline-block;width:90px;text-align:right;margin-right:10px}
#order #pay ul label small{color:#7d47d1;margin-right:3px}
#order #pay ul input{background-color:#FFF;border:1px solid #e7e3f2;box-shadow:0 1px 1px rgba(0,0,0,.05) inset;padding:5px 8px;width:250px}
#order #pay ul li input[readonly]{background-color:#f5f3fa;color:#999}
#order #pay .checkout{background-color:#f5f3fa;padding:20px;border-bottom:1px solid #e7e3f2;height:auto;overflow:hidden}
#order #pay .checkout form{display:-webkit-inline-box}
#order #pay .checkout #total-price{float:right;margin:12px 20px 0 0}
#order #pay .checkout #total-price strong{color:#7d47d1;font-size:20px;font-weight:400;margin-right:3px}
#order #pay .checkout #pay-submit,#order #pay .checkout .pay-submit-2{display:inline-block;width:160px;height:45px;line-height:45px;text-align:center;border-radius:25px;margin-right:5px;font-size:14px;color:#fff;cursor:pointer}
#order #pay .checkout #pay-submit{background-color:#7d47d1}
#order #pay .checkout .pay-submit-2{border:0;margin-top:-5px;background-color:#7d47d1}
#order #pay .checkout #pay-submit i,#order #pay .checkout .pay-submit-2 i{margin-right:7px}
.demo_ys{background-image:url(../images/shop-bg.png);background-attachment:fixed;background-repeat:repeat}
.return #order{display:block;position:relative;left:inherit;top:inherit;margin:auto;z-index:1}
.return #order #pay{border:0 none;height:auto;overflow:hidden}
.return #order #pay ul{float:left;width:390px}
.return #order .marked{border-bottom:1px solid #e4dff0;padding:0 20px 20px 20px}
.return #order .marked h2{font-size:16px;margin-bottom:20px}
.return #order .marked h2 i{margin-right:10px;color:#7d47d1;font-size:20px}
.return #order .marked ul{padding-left:30px}
.return #order .marked ul li{list-style:inside disc;margin-bottom:5px;color:#666}
.return #order .marked ul .total_fee span{font-size:16px;margin-left:5px}
.fetitle{height:25px;line-height:25px; margin-bottom:15px;}
.fetitle h1{border-left:3px solid #7d47d1;font-size:18px;color:#7d47d1;padding-left:10px;float:left;font-weight:bolder}
.fetitle span{width:70px;color:#999;display:inline-block;float:right;text-align:center;height:25px;line-height:25px;cursor:pointer;font-size:13px;font-weight:500;background:#7d47d1;display:inline-block; border-radius:20px;}
.fetitle span:hover{ background:#1a9c39; -webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.fetitle span a{ color:#fff;}
.fetitle span a:hover{color:#fff;}
.fetitle span a i{ padding-left:5px;}

#cool{margin:0px auto}
#cool .feel-go{text-align:center}
#cool .feel-go a{background:#7d47d1;display:inline-block;font-size:14px;padding:8px 25px;border-radius:20px;color:#FFF;margin:10px auto 0px}
#cool .feel-go a i{margin-left:3px}
#cool .feel-go a:hover{background-color:#7d47d1}
#love{ /*background:url(../images/love-bg.jpg) center bottom no-repeat fixed;*/background-size:100%;padding:10px 0px 0px; margin-bottom:15px;}
#love ul{margin: auto -10px;height:auto;overflow:hidden}
#love ul li{position:relative;background-color:rgba(255,255,255,.25);float:left;width:298px;max-height:262px;overflow:hidden; margin:0px 11px 15px ; /*border:1px solid #e3def0; */}
#love ul li .thumb{position:relative;line-height:1;text-align:center;overflow:hidden;-webkit-transition:.15s all linear;transition:.15s all linear;color:#FFF;box-shadow:0 0 2px rgba(255,255,255,.15);padding-top:83.2%;}
#love ul li .thumb a{position:absolute;left:0;top:0;width:100%;height:100%}
#love ul li .thumb img{width:100%;min-height:100%;display:block}
#love ul li .gallery div{position:absolute;-webkit-transition-duration:.2s;transition-duration:.2s;opacity:0}
#love ul li .gallery .gallery-ico{top:50%;left:50%;height:40px;width:40px;margin:-20px 0 0 -20px;-webkit-transform:scale(2,2);-ms-transform:scale(2,2);transform:scale(2,2);z-index:20}
#love ul li .gallery .gallery-ico i{text-align:center;color:#fff;font-size:40px;line-height:10px}
#love ul li .gallery .gallery-mask{left:0;top:0;overflow:hidden;height:100%;width:100%;background-color:rgba(0,0,0,.8);z-index:10}
#love ul li:hover .gallery .gallery-ico{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:.99}
#love ul li:hover .gallery .gallery-mask{opacity:.8}
#love ul li .meta{position:absolute;padding:10px;width:100%;box-sizing:border-box;background-color:rgba(0,0,0,.5);color:#FFF;left:0;bottom:0;z-index:30;}
#love ul li .meta{padding:8px 10px}
#love ul li:hover .meta{}
#love ul li .title a{display:block;color:#FFF;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:14px}
#love ul li .extra{color:rgba(255,255,255,.65)}
#love ul li .extra a{color:rgba(255,255,255,.9)}
#love ul li .extra .time{float:left}
#love ul li .extra span{float:right;margin-left:8px}
#love ul li .extra i{margin-right:4px}
#love .feel-go{text-align:center}
#love .feel-go a{background:#7d47d1;display:inline-block;font-size:14px;padding:8px 25px;border-radius:20px;color:#FFF;margin:15px auto}
#love .feel-go a i{margin-left:3px}
#love .feel-go a:hover{background-color:#7d47d1}

#church{width:1260px;max-width:1260px;margin:0 auto 30px}
.book_sort{ width:885px; height:264px; margin: 0 7px 15px 0px;overflow:hidden;  float:left;}
.book_list{ width:1260px; margin: 0 7px 15px 0px;overflow:hidden;}
.book_list ul h3{font-size:14px; font-weight:normal; color:#999; margin:15px 0; background:url(../images/dot_right.png) 0 center no-repeat; text-indent:16px;}
#church .book{ width:600px;  float:left;}
.book_single{width:180px; height:252px;margin:0px 5px 0px 3px; padding:5px; cursor:default;box-shadow:0px 0px 8px rgba(204,204,204,0.5); background-color:#fff; border:1px solid #fff; float:left; overflow:hidden; }
.book_single:hover{ border-color:#7d47d1;}
.book_single>li{ float:left;}
.book_img{ width:180px; height:250px; overflow:hidden;}
.book_info{ width:170px; height:260px; padding:15px; background-color:#fff;}
.book_sort .title,.book_list .title{font-size:18px;color:#7d47d1;}
.book_sort .author,.book_list .author{ font-size:12px; color:#999;}
.book_sort .description,.book_list .description{ font-size:14px; margin-top:10px;margin-bottom:20px;}
.book_sort .btn_download,.book_list .btn_download{text-decoration: underline; color:#999;font-size:12px; }
.book_sort .img_title,.book_list .img_title{width:160px; font-size:14px;color:#4ba6e5;}
.book_sort .others li,.book_list .others li{ float:none;}
.book_sort strong,.book_list strong{ font-weight:bold; color:#e54e4b;}
.btn_orange{background-color:#ff6600;  padding:10px; text-align:center; margin:10px auto; color:#fff!important; cursor:pointer; display:block;}
.btn_orange:hover{background-color:#E54E4B; text-decoration:none;}

.index_post_list{ float:left; color:#999;width:262px; height:268px; float:left; margin-left:5px; background:#fff; padding-left:15px;}
.index_post_list h2{text-indent:15px; color:#7d47d1; font-size:16px!important;; font-weight:normal!important; margin:15px 0 5px 0;}
.index_post_list  > li{ height:42px; padding:6px 0;overflow:hidden;  display:inherit; }
.index_post_list  li a{ padding:0 0 0 15px!important; margin:0; background-color:transparent; font-size:14px; display:block; float:none!important;  background:url(../images/dot_right.png) 0 7px no-repeat; color:#333!important;white-space:nowrap!important; overflow:hidden; position:relative;}
.index_post_list  li a:hover{ color:#7d47d1!important;}
.index_post_list  li div{ padding:0 0 0 15px;font-size:12px; margin:5px 0;}

.index_post_list  .first_img a{padding:0; background-image:none;}
.index_post_list  li a .img_title{ position:absolute; bottom:0; background-color:#000000; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; color:#fff; z-index:1; width:245px; padding:2px 5px; margin:0;  line-height:32px; text-align:center; display:none;}

.index_tool{ padding-bottom:20px;margin: 0 0px 15px 8px; background:#fff; overflow:hidden;}
.index_tool img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.9s ease-in-out;-o-transition:All 0.9s ease-in-out;}
.index_tool img:hover{opacity:0.9;filter:alpha(opacity=90);text-decoration:none;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.index_tool ul{ overflow:hidden}
.index_tool ul li{ float:left; padding-left:15px;}
.index_tool h2{ font-weight:normal; display:block; height:30px; line-height:30px; word-spacing:5px;letter-spacing: 1px}
.index_tool h3{ font-size:14px; font-weight:normal; padding:20px 10px 10px 10px; }
.index_tool .title{ background-color:#7d47d1; border-bottom:1px solid #f5f3fa; padding:10px 20px; color:#fff;}

.tool_icon{ padding:23px 0 0px 5px; color:#999; }
.tool_icon h3{ padding:0px 0 15px 15px!important; margin-top:-6px; height:18px; overflow:hidden;}
.tool_icon li a{  width:50px; height:50px;  display:block;}
.tool_icons{ padding:24px 0 0px 5px; color:#999; }
.tool_icons li a{  width:50px; height:50px;  display:block;}
.tool_icons li a img{ border-radius:50%}

#banner_tool{margin-bottom:0px;padding:80px 0;text-align:center;background:#2e3846;position:relative;}
#banner_tool h1,#banner_tool h2{margin:0;padding:0;text-align:center;}
#banner_tool h1{color:#ecf2f9; font-size:60px; margin-bottom:30px;}#banner_tool h2{color:#a1b3d1; font-size-adjust:30px;}




#primary{margin:20px auto 30px auto}
.single #primary{margin-bottom:20px}
#primary .area{background-color:#fff;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,.1)}
#primary .area .single-header{border-bottom:1px solid #e7e3f2;position:relative;color:#999}
#primary .area .single-header h1{font-size:20px;color:#333;margin:2px auto 7px auto}
#primary .area .single-header .single-meta{padding:20px;height:auto;overflow:hidden}
#primary .area .single-header .single-meta .author-avatar{float:left;width:70px;height:70px;line-height:1;margin-right:15px;overflow:hidden}
#primary .area .single-header .single-meta p{margin:auto}
#primary .area .single-header .single-meta p.copyright{color:#7d47d1}
#primary .area .single-header .single-meta p.copyright span{color:#999;margin-right:0}
#primary .area .single-header .single-meta p.copyright a{color:#7d47d1}
#primary .area .single-header .single-meta p.copyright a:hover{text-decoration:underline}
#primary .area .single-header .single-meta span{margin-right:10px}
#primary .area .single-header .data-meta{position:absolute;right:0;top:0;border-left:1px solid #e7e3f2;height:70px;padding:20px;text-align:right}
#primary .area .single-header .data-meta .badge-num{font-size:40px;font-weight:100;font-family:Arial;color:#777;text-align:right;line-height:1;white-space:nowrap;margin-bottom:14px}
#primary .area .single-header .data-meta span.comments-link{margin-left:10px}
#primary .area .single-content{max-width:960px;padding:10px;margin:auto;font-size:14px;line-height:2.5em;color:#444;margin-top:2%}
#primary .area .single-content img{max-width:100%}
#primary .area .single-content p{padding:0;list-style:none;border:none}
#primary .area .single-content hr{height:1px;border-style:dotted none none;border-top-width:2px;border-top-color:#999}
#primary .area .single-content .plug-in-dow{margin:50px auto;width:100%;text-align:center}
#primary .area .single-content .plug-in-dow li{display:inline-block;float:none;margin-right:10px}
#primary .area .single-content h1,#primary .area .single-content h2,#primary .area .single-content h3,#primary .area .single-content h4,#primary .area .single-content h5,#primary .area .single-content h6{font-weight:bolder;margin:20px auto}
#primary .area .single-content code{background-color:#e4dff0;padding:0 4px;font-size:12px;display:inline-block;margin:0 4px;color:#666;font-family:"Microsoft Yahei",Arial}
#primary .area .single-content .aligncenter{display:block;margin:auto}
#primary .area .single-content .alignleft{float:left}
#primary .area .single-content .alignright{float:right}
#primary .area .single-content .short-btn{background-color:#7d47d1;padding:5px 40px;color:#FFF;text-decoration:none;display:inline-block;margin:auto 5px;border-radius:3px}
#primary .area .single-content .short-btn i{margin-right:5px}
#primary .area .single-content .short-btn:hover{background-color:#6d3fc4}

#primary .area .single-content .plug_ys{background-color:#EF9714;padding:5px 40px;color:#FFF;text-decoration:none;display:inline-block;margin:auto 5px;border-radius:3px}
#primary .area .single-content .plug_ys i{margin-right:5px}
#primary .area .single-content .plug_ys:hover{background-color:#EB7500}

#primary .area .single-content blockquote{color:#999;padding-left:15px;border-left:1px solid #e4dff0}
#primary .area .single-content ul{padding-left:2em}
#primary .area .single-content ul li{list-style:inside disc}
#primary .area .single-content ol{padding-left:2em}
#primary .area .single-content ol li{list-style:inside decimal}
#primary .area .single-content pre{padding:20px;margin:20px auto;background-color:#f5f3fa;border-left:3px solid #7d47d1;font-size:12px;line-height:1.8;font-family:"Microsoft Yahei",Arial}
#primary .area .single-content table{margin:20px 0}
#primary .area .single-content table th{text-align:left}
#primary .area .single-content table td,#primary .area .single-content table th{border:1px solid #e7e3f2;padding:5px 10px}
#primary .area .single-content table tr:hover{background-color:#f8f6fd}
#primary .area .single-content .protected-post-form{text-align:center}
#primary .area .single-content .protected-post-form div{margin:5px auto}
#primary .area .single-content .protected-post-text{border:1px solid #e7e3f2;padding:5px;height:20px;width:150px;text-align:center;border-radius:5px}
#primary .area .single-content .protected-post-text:focus{border:1px solid #7d47d1}
#primary .area .single-content .protected-post-btn{background-color:#7d47d1;border:0 none;padding:4px 10px;color:#FFF;cursor:pointer;border-radius:5px;margin-top:20px}
#primary .area .single-content .single-heart{text-align:center;margin-top:40px;position:relative}
#primary .area .single-content .single-heart a{display:inline-block;position:relative;z-index:1;padding:13px 50px;background-color:#7d47d1;border:1px solid #7d47d1;color:#fff;border-radius:100px}
#primary .area .single-content .single-heart a.loved{background-color:#fff;color:#7d47d1}
#primary .area .single-content .single-heart a i{margin-right:10px}
#primary .area .single-content .single-heart a i:after{box-shadow:0 2px 0 rgba(0,0,0,.1)}
#primary .area .single-content .single-heart .loading-line{height:1px;width:100%;position:absolute;left:0;top:50%;margin-top:-1px;border-top:1px dashed silver}
#primary .area .single-content .single-heart .loading-line.move{background:url(../images/loader-move.png) left center repeat-x;-webkit-animation:loadingline linear 3s alternate infinite;animation:loadingline linear 3s alternate infinite;border-top:0 none}
@-webkit-keyframes loadingline{0%{background-position:left center}
100%{background-position:right center}
}
@keyframes loadingline{0%{background-position:left center}
100%{background-position:right center}
}
#primary .area .single-content .page-links-nav{text-align:center}
#primary .area .single-content .page-links{color:#999;display:inline-block}
#primary .area .single-content .page-links a{float:left}
#primary .area .single-content .page-links span{float:left;padding:2px 12px;margin-left:3px;display:inline-block;background-color:#7d47d1;color:#FFF;border:1px solid #7d47d1}
#primary .area .single-content .page-links span:hover{background-color:#7d47d1;color:#FFF}
#primary .area .single-content .page-links a span{background-color:#fff;color:#999;border:1px solid #e7e3f2}
#primary .area .single-footer{padding:20px;height:auto;overflow:hidden}
#primary .area .single-footer .tag-share{height:auto;overflow:hidden;margin-bottom:10px}
#primary .area .single-footer .tag-links{color:#999;display:inline-block;margin-top:10px}
#primary .area .single-footer .tag-links span{margin-right:10px}
#primary .area .single-footer .tag-links span i{margin-right:3px}
#primary .area .single-footer .tag-links a{background-color:silver;display:inline-block;padding:3px 6px;margin-right:1px;color:#FFF}
#primary .area .single-footer .tag-links a:hover{background-color:#444;color:rgba(255,255,255,.85)}
#primary .area .single-footer .share{float:right}
#primary .area .single-footer .share a{-webkit-transition:none;transition:none}
#primary .area .single-footer .share .sina:hover{background-color:#FA7F3F}
#primary .area .single-footer .share .qqweibo:hover{background-color:#3FA0C7}
#primary .area .single-footer .share .weixin:hover{background-color:#03B612}
#primary .area .related-posts{height:auto;overflow:hidden;padding:20px}
#primary .area .related-posts .title{font-size:16px;margin-bottom:20px}
#primary .area .related-posts ul{margin:auto -10px;padding:0 29px 0 31px}
#primary .area .related-posts ul li{float:left;width:25%}
#primary .area .related-posts ul li .item{margin:auto 8px auto 7px;overflow:hidden;position:relative;-webkit-transform:perspective(500px);transform:perspective(500px)}
#primary .area .related-posts ul li .item .thumb{-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:relative;padding-top:64.29%}
#primary .area .related-posts ul li .item .thumb img{width:100%;display:block;position:absolute;left:0;top:0;height:100%}
#primary .area .related-posts ul li .item .post-title{position:absolute;bottom:0;left:0;width:100%;padding:10px 20px;background-color:#323232;color:#FFF;box-sizing:border-box;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
#primary .area .related-posts ul li .item:hover .post-title{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#primary .area .related-posts ul li .item:hover .thumb{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
#primary .area .nav-links{height:auto;overflow:hidden}
#primary .area .nav-links a{display:block;width:50%;padding:10px;font-size:14px;color:#999;box-sizing:border-box;float:left;text-align:center;background-color:#f5f3fa}
#primary .area .nav-links a i{margin:auto 10px}
#primary .area .nav-links a.pre-post{border-right:1px solid #fff}
#primary .area .nav-links a:hover{background-color:#dcd6ea;color:#666}
#primary .area #comments{padding:20px}
#primary .area #comments ol li{padding:20px;border-top:1px solid #e7e3f2;position:relative}
#primary .area #comments ol li:after{content:"";display:block;height:0;clear:both;visibility:hidden}
#primary .area #comments ol #commetpages{text-align:center;margin:20px 0;padding-top:20px;border-top:1px dotted #ccc}
#primary .area #comments ol #commetpages a,#primary .area #comments ol #commetpages span{display:inline-block;padding:10px 15px;background:#eee;border:1px solid #eee;border-radius:3px;color:#333;box-shadow:0 1px 1px rgba(0,0,0,.1)}
#primary .area #comments ol #commetpages a:hover,#primary .area #comments ol #commetpages span.hover{background:#7d47d1;border-color:#7d47d1;color:#fff}
#comments .comment-list .comment-body{min-height:44px}
#comments .comment-list .comment-author{float:left;display:inline;line-height:1;height:44px;border-radius:44px;position:relative;margin-right:20px}
#conterr{display:none;padding:50px;text-align:center;font-size:16px;color:red}
#comments .comment-list .comment-author img{border-radius:44px}
#comments ::-webkit-input-placeholder{color:#bbb}
#comments input:-moz-placeholder{color:#bbb}
#respond{position:relative}
#respond #comment-status p{width:100%;height:102px;background-color:#7d47d1}
#respond #comment-status .ajax-success{background-color:#7d47d1}
#respond #comment-status .ajax-error{background-color:#7d47d1}
#respond #smilies{margin-left:84px;position:relative}
#respond #smilies .smilies-icon{font-size:18px;color:#999;cursor:pointer;width:36px}
#respond #smilies .smilies-box{display:none;position:absolute;left:30px;top:-3px;z-index:9}
#respond #smilies .smilies-box:after{position:absolute;content:"";width:0;height:0;border:8px solid;border-color:transparent #dcd6ea transparent transparent;left:-16px;top:8px}
#respond #smilies .smilies-box a{background-color:#fff;padding:3px 5px;display:block;float:left;border:1px solid #e7e3f2;margin:-1px;position:relative;-webkit-transition:none;transition:none}
#respond #smilies .smilies-box a:hover{border:1px solid #7d47d1;z-index:1}
#respond #author-info{margin:10px auto;margin-left:84px;height:auto;overflow:hidden}
#respond #author-info div{border:1px solid #cfc9e0;box-shadow:inset 0 1px 2px rgba(0,0,0,.12);position:relative;float:left;margin-right:10px;max-width:31%}
#respond #author-info input{background-color:transparent;border:0 none;float:left;color:#333;height:39px;padding:10px 10px 10px 40px;box-sizing:border-box;width:100%}
#respond #author-info label{padding:10px;position:absolute;left:0;top:0}
#respond #author-info label i{color:#999;font-size:15px}
#respond #author-info label span{color:#7d47d1;vertical-align:text-top;margin-left:3px}
#respond .comment-from-main{padding-left:20px;margin:10px auto;height:auto;overflow:hidden;position:relative}
#respond .comment-from-main:after{content:"";display:block;height:0;clear:both;visibility:hidden}
#respond .comment-from-main .avatar{float:left;width:44px;height:44px;border-radius:44px;overflow:hidden}
#respond .comment-from-main .avatar img{width:44px;height:44px;border-radius:44px}
#respond .comment-from-main #comment-tip{position:absolute;z-index:9;height:100%;left:84px;right:138px;top:0;-webkit-transition:all .2s;transition:all .2s;line-height:100px;display:none;text-align:center;font-size:16px;color:#FFF}
#respond .comment-from-main #comment-tip p{margin:auto}
#respond .comment-form-box{border:1px solid #cfc9e0;padding:10px;height:80px;box-shadow:inset 0 1px 2px rgba(0,0,0,.12);margin-left:64px;margin-right:138px}
#respond .comment-form-box textarea{border:0 none;background-color:transparent;width:100%;height:100%;resize:none}
#respond .form-submit #submit{background-color:#7d47d1;border:0 none;color:#FFF;width:138px;font-size:14px;height:102px;text-align:center;cursor:pointer;position:absolute;top:0;right:0}
#respond .form-submit #submit.disabled{cursor:not-allowed;background:url(../images/ajax-loader.gif) center no-repeat #2C2C2C}
#respond .form-submit #submit.disabled:hover{background-color:#2C2C2C}
#respond .form-submit #submit:hover{background-color:#6d3fc4}
#comment-from-tify{float:right;color:#999;margin:5px auto}
#comment-from-tify input{margin-right:5px}
#comments .comment-list #respond{margin-left:64px;margin-top:20px}
#comments .logged-in-as{margin-left:84px}
#comments .comment-reply-title{position:absolute;left:0;top:50px;width:84px;text-align:center;z-index:999}
#comments .comments-title{padding:15px 0;font-size:16px}
#comments .comments-title strong{font-size:30px;color:#7d47d1;font-family:Arial;font-weight:400}
#comments .comment-list .children .comment{margin:20px auto auto 64px}
#comments .comment-list .comment-main{margin-left:64px;margin-right:25px}
#comments .comment-list .comment-main a{color:#666;text-decoration:underline}
#comments .comment-list .comment-main em{font-style:normal}
#comments .comment-list .comment-main .wp-smiley{vertical-align:bottom;height:auto!important;max-height:inherit!important}
#comments .comment-list .comment-meta{margin-top:8px;margin-bottom:10px}
#comments .comment-list .comment-meta span{margin-right:5px}
#comments .comment-list .comment-meta span.date{color:#999}
#comments .comment-list .comment-meta span.author{color:#7d47d1}
#comments .comment-list .comment-meta a{color:#7d47d1;text-decoration:none}
#comments .comment-list .comment-meta span.admin-author{background-color:rgba(0,0,0,.4);color:#FFF;padding:2px 4px;border-radius:2px}
#comments .comment-list .reply{display:none}
#comments .comment-list li.comment:hover .reply{display:inline-block}
#comments .comment-list cite{font-style:normal}
#comments .comment-list .comment-awaiting-moderation{font-style:normal;color:#7d47d1}
#comments .comment-navigation{border-top:1px solid #eee;padding:30px 20px;margin-bottom:0}
#comments .comment-list .comment-floor{position:absolute;right:20px;top:0;font-size:19px;font-style:italic;line-height:1;margin-top:33px;font-family:"Open Sans",Arial,sans-serif;color:#c8c8c8}
#comments .comment-list li.comment:hover .comment-floor{color:#999}
#comments .navigation .page-numbers,#comments .navigation .pages{border:1px solid rgba(0,0,0,.1);box-shadow:none}
#comments .navigation .dots{border:0 none}
.page #primary{height:100%;overflow:hidden;padding-bottom:2px}
.page #primary .area{float:left;width:100%;background-color:inherit;box-shadow:none}
.page #primary .area .single-content{padding:10px 30px}
.page #primary .area .page-wrapper{margin-left:300px;background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.page #primary .area .page-links-list{height:auto;border-top:1px solid #e4dff0;border-bottom:1px solid #e4dff0;overflow:hidden;margin:0 30px 30px 30px}
.page #primary .area .page-links-list ul li a{float:left;width:19%;margin:.5%;padding:10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#777;display:block}
.page #primary .area .page-links-list ul li img{width:16px;height:16px;vertical-align:middle;margin:-2px 5px 0 0}
.page #primary .area .page-links-list ul li a:hover{color:#7d47d1}
.page #primary .aside{width:280px;background-color:#FFF;float:left;margin-left:-100%;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.page #primary .aside .menus ul li a{display:block;color:#666;font-size:14px;padding:15px 20px;border-bottom:1px solid #e7e3f2}
.page #primary .aside .menus ul li a:hover{background-color:#f8f6fd}
.page #primary .aside .menus li.current_page_item a{background-color:#7d47d1}
.page #primary .aside .menus li.current_page_item:hover a{background-color:#7d47d1}
.page #primary .aside .menus li.current_page_item a{color:#fff}
.page #primary .aside .menus ul li:last-child a{border-bottom:0 none}
.page #primary .aside .menus ul li .children{border-bottom:1px solid #f2f0f8}
.page #primary .aside .menus ul li .children a{font-size:12px;border-bottom:0 none;border-left:1px solid #f2f0f8;margin-left:20px}
.page.sitemap .item ul li{border-bottom:1px solid #f2f0f8;height:auto;overflow:hidden;padding:20px}
.page.sitemap .item .children{margin-top:10px;height:auto;overflow:hidden}
.page.sitemap .item .children li{float:left;border-bottom:0 none;padding:0;margin:0 20px 5px 0}
.page.sitemap .item .children li a{color:#777}
.page.sitemap .item .children li a:hover{text-decoration:underline}
.sub-billboard.authors{height:350px}
.sub-billboard.authors .wrapper{height:300px}
.authors{background-position:50% 0}
.author-information{color:#FFF;position:relative;max-width:860px;padding:0 20px;margin:auto}
.author-information .user-avatar{width:100px;height:100px;border-radius:100px;margin:auto;padding:4px;background-color:rgba(255,255,255,.3);margin-bottom:10px}
.author-information .user-avatar img{width:100px;height:100px;border-radius:100px}
.author-information .user-name{font-size:20px}
.author-information .user-profile{position:relative;color:rgba(255,255,255,.9)}
.author-information .user-profile ul li{margin:5px auto}
.author-information .user-profile .user-description{max-height:72px;overflow:hidden}
.author-information .user-profile .user-meta{margin-top:10px}
.author-information .user-profile .user-meta a{color:#FFF}
.author-information .user-profile .user-meta span{margin:0 8px}
.author-information .user-profile .user-meta span i{margin-right:5px;font-size:14px;display:inline-block;vertical-align:middle;margin-top:-4px}
.writer{background-color:#f5f3fa;position:relative}
.writer #primary{margin:0 auto;padding:30px 0}
.writer .comment ul li{width:50%}
.writer .comment ul li .list{padding:10px;background-color:#FFF;margin:10px}
#error-404{padding:200px 0 200px 0;position:relative;width:100%;overflow:hidden;text-align:center;background:#f76d7b;color:#FFF;margin-top:-50px}
#error-404 .no-find{margin:35px auto;max-width:90%;position:relative}
#error-404 .num{width:400px;height:150px;background:url(../images/404.png) no-repeat;background-size:100% 100%;margin:auto}
#error-404 .rocket{position:absolute;left:50%;top:10px;width:130px;height:130px;margin-left:-65px;background:url(../other/rocket.svg) no-repeat;background-size:100% 100%;z-index:1;-webkit-animation:rocket .8s linear infinite alternate;animation:rocket .8s linear infinite alternate;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
@-webkit-keyframes rocket{0%{-webkit-transform:translate(0,0)}
100%{-webkit-transform:translate(10px,-10px)}
}
@keyframes rocket{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}
}
#error-404 .cloud{position:absolute;bottom:100px;background:url(../images/cloud.png) no-repeat;background-size:100% 100%;width:120px;height:76px;margin-left:-60px;-webkit-animation:cloud 40s linear infinite alternate;animation:cloud 40s linear infinite alternate}
@-webkit-keyframes cloud{0%{left:25%}
50%{left:75%}
100%{left:25%}
}
@keyframes cloud{0%{left:25%}
50%{left:75%}
100%{left:25%}
}
#error-404 h1{font-size:20px;color:rgba(255,255,255,.8);margin-bottom:10px}
#status{padding:130px 0 200px;position:relative;width:100%;overflow:hidden;text-align:center;background:#6d3fc4;margin-top:-50px}
#status #primary{margin:50px 0 0 0}
#status .status-wrapper{background-color:#fff;font-size:14px;color:#777;display:inline-block;margin:auto;padding:30px 20px;border-radius:5px;box-shadow:2px 2px 0 rgba(0,0,0,.15);width:40%}
#status .status-wrapper .message{margin:20px auto;font-size:20px}
#status .status-wrapper .redirect{font-size:#999;margin:20px auto}
#footer{background-color:#fff;color:#999;position:relative}
#footer .inner{height:auto;overflow:hidden;color:#616161);padding-top:30px}
#footer .inner .group{float:left;width:10%;box-sizing:border-box;padding:0 30px 20px 0;font-size:12px}
#footer .inner #describe{width:40%;padding-right:70px; font-size:13px; line-height:25px;}
#footer .inner #describe .describe-text{letter-spacing:1px;line-height:20px; line-height:25px;}
#footer .inner #social{width:30%}
#footer .inner .group h3{font-size:15px;margin-bottom:12px;color:#616161}
#footer .inner .group a{color:#6f6f6f; position: relative; left: 0;-webkit-transition:all .4s ease-out; -mozilla-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out; font-size:13px; line-height:25px;}
#footer .inner .group a:hover{color:#6f6f6f; position: relative; left: -5px;}
#footer .inner .group ul li{margin-bottom:5px;display:block}
#footer .inner .group .social-icon{margin-top:20px}
#footer .inner .group .social-icon a{position:relative;margin-right:5px;display:inline-block;text-align:center;width:30px;height:30px;border-radius:5px;line-height:30px;display:inline-block;font-size:14px; color:#fff;}
#footer .inner .group .social-icon a:nth-child(9n+1){background-color:#8b5cf6}
#footer .inner .group .social-icon a:nth-child(9n+2){background-color:#ff664e}
#footer .inner .group .social-icon a:nth-child(9n+3){background-color:#e05fef}
#footer .inner .group .social-icon a:nth-child(9n+4){background-color:#00c3f4}
#footer .inner .group .social-icon a:nth-child(9n+5){background-color:#8b5cf6}
#footer .inner .group .social-icon a:nth-child(9n+6){background-color:#3498db}
#footer .inner .group .social-icon a:nth-child(9n+7){background-color:#f84f6c}
#footer .inner .group .social-icon a:nth-child(9n+8){background-color:#7972ff}
#footer .inner .group .social-icon a:nth-child(9n+9){background-color:#d35400}
#footer .inner .group .social-icon a:hover{color:#FFF}
#footer .inner .group .social-icon a:nth-child(9n+1):hover{background-color:#8b5cf6}
#footer .inner .group .social-icon a:nth-child(9n+2):hover{background-color:#ff664e}
#footer .inner .group .social-icon a:nth-child(9n+3):hover{background-color:#e05fef}
#footer .inner .group .social-icon a:nth-child(9n+4):hover{background-color:#00c3f4}
#footer .inner .group .social-icon a:nth-child(9n+5):hover{background-color:#8b5cf6}
#footer .inner .group .social-icon a:nth-child(9n+6):hover{background-color:#3498db}
#footer .inner .group .social-icon a:nth-child(9n+7):hover{background-color:#f84f6c}
#footer .inner .group .social-icon a:nth-child(9n+8):hover{background-color:#7972ff}
#footer .inner .group .social-icon a:nth-child(9n+9):hover{background-color:#d35400}
#footer .inner .group .social-icon a:hover{opacity:.8}
#footer .inner .group .social-email{margin-top:10px}
#footer .inner .group .social-email .email{width:155px;height:16px;border:1px solid #323232;border-radius:2px;background-color:#1c1c1c;margin:0 3px 0 0;padding:5px;color:rgba(255,255,255,.9)}
#footer .inner .group .social-email .email:focus{background-color:#111;border:1px solid #484848}
#footer .inner .group .social-email .submit{color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.1);background-color:#6d3fc4;box-shadow:none;height:28px;border-radius:2px;padding:0 10px;cursor:pointer}
#footer .inner .group .social-email .submit:hover{color:#FFF;box-shadow:0 2px 0 rgba(0,0,0,.25)}
#footer .inner .weixin-box{position:fixed;left:50%;margin-left:-180px;top:50%;margin-top:-240px;z-index:9999;box-shadow:0 5px 5px rgba(0,0,0,.2);margin-bottom:20px;display:none;background-color:#FFF;border-radius:5px;color:#666}
#footer .inner .weixin-box img{width:100%}
#footer .inner .weixin-content{padding:5px 30px 30px 30px;width:344px}
#footer .inner .weixin-box .weixin-tip{margin-top:10px;display:block;text-align:center;margin-bottom:5px}
#footer .inner .weixin-header{border-bottom:1px solid #eee;padding:10px 15px;font-size:16px;color:#333}
#footer .inner .weixin-close{float:right;font-size:20px;font-weight:700;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.4;cursor:pointer;font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif}
#footer .inner .weixin-close:hover{opacity:.6;color:#000}
.foot_copy{ width:100%; background:#222;}
#footer .site-info{padding-bottom:10px; max-width:1260px;margin:0 auto}
#footer .site-info .copyright{text-transform:uppercase;border-top:1px solid rgba(255,255,255,.065);padding:15px 0;text-align:center;}
#footer .site-info .copyright a{color:#999}
#footer .site-info .copyright a:hover{color:#7d47d1;text-decoration:none}
.fadeIn #sign{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#sign{position:fixed;z-index:9999;top:80px;left:50%;width:400px;margin-left:-200px;opacity:0;-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);min-height:200px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-ms-perspective:800px;perspective:800px}
.sign .registerPart .other-sign{display:none}
.register .registerPart .other-sign{display:block}
#sign .part{position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding:50px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none}
#sign.sign .loginPart{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);z-index:1;display:block}
#sign.sign .registerPart{-webkit-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0;display:block}
#sign.register .part.loginPart{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0;display:block}
#sign.register .part.registerPart{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);z-index:1;display:block}
#sign form h3{font-size:18px;margin-bottom:20px}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form h3 p i{color:#7d47d1;font-style:normal;}
#sign form .status .error{color:#7d47d1}
#sign form .status .success{color:#7d47d1}
#sign form p{margin:10px auto;position:relative}
#sign form label.error{color:#FFF;background-color:#7d47d1;padding:0 4px;position:absolute;z-index:5;right:10px;top:11px}
#sign form label.icon{position:absolute;right:10px;top:5px;color:#999;font-size:20px;color:rgba(0,0,0,.3)}
#sign form label.icon i{width:20px;text-align:center}
#sign form input{border:1px solid #ddd;padding:10px;width:100%;box-sizing:border-box}
#sign ::-webkit-input-placeholder{color:#999}
#sign form input:focus{border:1px solid #7d47d1}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{padding-right:35px}
#sign form .submit{cursor:pointer;background-color:#7d47d1;color:#FFF;border:0 none;font-size:14px}
#sign form .submit:hover{background-color:#6d3fc4}
#sign form .submit:focus{border:0 none}
#sign form .safe{color:#999;margin-top:20px}
#sign form .rememberme{width:inherit;margin-right:3px}
#sign form .lost{float:right}
#sign form .close{position:absolute;right:25px;top:0;width:50px;height:50px;border-radius:0 0 50px 50px;text-align:center;line-height:50px;background-color:#444;font-size:16px;color:#FFF}
#sign form .close i{-webkit-transition:all ease-out .3s;transition:all ease-out .3s}
#sign form .close:hover i{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
#sign .other-sign{border-top:1px solid rgba(0,0,0,.1);margin:30px -50px auto -50px;padding:0 50px}
#sign .other-sign p{margin:20px auto 10px auto}
#sign .other-sign a{display:inline-block;padding:6px 10px}
#sign .other-sign a i{margin-right:5px}
#sign .other-sign .qqlogin{background-color:#4a9cf8;color:#FFF}
#sign .switch{color:#999;cursor:pointer;margin:15px auto;display:inline-block}
#sign .switch i{margin-right:5px;color:#7d47d1}
#suspend{position:fixed;bottom:-60px;right:0px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0;z-index:99999}
#suspend.show{bottom:20px;opacity:1}
#suspend a{background-color:rgba(0,0,0,.75);color:#FFF;font-size:20px;width:40px;height:40px;text-align:center;display:block;border-radius:2px}
#suspend a i{margin-top:10px}
#suspend a:hover{background-color:#7d47d1}
#suspend a.qq{border-bottom:1px solid #1F1F1F;border-bottom-left-radius:0;border-bottom-right-radius:0}
#suspend a#backtop{border-top-left-radius:0;border-top-right-radius:0}
.large-search-from{width:500px;margin:20px auto auto auto;background-color:#FFF;border:2px solid #7d47d1;border-radius:5px;height:40px;position:relative}
.large-select-box{height:40px;padding:0 10px;border-right:1px solid #7d47d1;display:block;position:absolute;left:0;top:0}
.large-select{background-color:transparent;border:0 none;cursor:pointer;margin-top:11px}
.large-input{border:0 none;width:100%;height:40px;line-height:40px;padding:0 110px 0 105px;box-sizing:border-box;background-color:transparent}
.large-submit{background-color:#7d47d1;color:#FFF;border:0 none;width:100px;height:40px;font-size:20px;cursor:pointer;position:absolute;right:0;top:0}
.large-submit:hover{background-color:#6d3fc4}
.goodslist ul{width:1280px;margin:20px auto;position:relative}
.goodslist ul li{float:left;width:270px;padding:15px 15px 0 15px;margin:0 20px 20px 0;font-size:12px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12); border-bottom:1px solid #dedede;}
.goodslist ul li:hover{ border-bottom:1px solid #7d47d1;}
.goodslist ul li a{display:block;overflow:hidden}
.goodslist ul li a.img{height:180px}
.goodslist ul li a.img img{min-height:180px}
.goodslist ul li p{display:block;padding:5px 0;margin:3px}
.goodslist ul li p a{text-decoration:none;color:#333}
.goodslist ul li p a.title{width:100%;font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.goodslist ul li p a b{font-weight:400}
.goodslist ul li p a:hover{color:#666}
.goodslist ul li .data span{float:right;margin-left:20px}
.goodslist ul li .data span i{margin-right:7px}
.recommend{margin-bottom:20px}
@media only screen and (max-width:1259px){#footer .content .inner{display:none}
#footer .site-info{padding-bottom:0}
.content{width:auto;margin:0 20px}
.grid{width:940px;margin:auto}
.goodslist ul{width:100%;margin:20px auto;text-align:center}
.goodslist ul li{float:none;display:inline-block}
.goodslist ul li a.img img{width:100%}
#users ul li p [class*=fa-]{width:80px;height:80px;line-height:80px;font-size:30px}
#header .nav-list li#search{margin-left:10%}
#aim .wrapper{padding:20px 0}
#aim .wrapper .stick{width:100%;float:none}
.stick .swiper-container{box-shadow:none}
#aim .wrapper .push{width:640px;margin:20px auto auto auto;height:auto;overflow:hidden;float:none}
.special ul li .item .thumb{height:auto}
.special ul li .item .title h2{padding-right:0}
.special ul li .item .title h2 .time{display:block;position:relative;margin-top:5px}
}
@media only screen and (max-width:1024px){#header .nav-menu{display:block}
#header .nav-list{height:0;position:absolute;width:100%;top:0;left:0;overflow:hidden}
#header #nav-list.nav-list.mobile{display:block}
.show-nav #header .nav-list{height:auto;overflow:inherit;top:50px;background-color:#323232}
.show-nav #header .nav-list li#loginreg{display:none;height:0;overflow:hidden}
.show-nav #header .nav-list li:hover .sub-menu{display:none;height:0;overflow:hidden}
.show-nav #header .nav-list li#search{float:none;margin:auto}
.show-nav #header .nav-list li#search .search-input-wrapper{display:inline-block;margin-top:19px}
.show-nav #header .nav-list #logo{display:none}
.show-nav #header .nav-list li{display:block;background-color:#323232;text-align:center;border-top:1px solid rgba(255,255,255,.05)}
#sign{top:20px}
.grid{width:100%;margin:auto}
#love{padding:0;background-image:none}
#love .content{margin:0 auto}
#feature ul li{width:50%}
#feature ul li:nth-child(2n+1) a{border-left:0 none}
#feature ul li:nth-child(2n+2) a{border-right:0 none}
.category .primary.list .article{float:none}
.category .primary.list .article .navigation,.category .primary.list .article ul{margin-right:0}
#sidebar{margin:20px auto auto auto;float:none;width:auto}
.page #primary .area{float:none}
.page #primary .area .page-wrapper{margin-left:0}
.page #primary .aside{float:none;margin-left:0;width:100%;margin-top:30px}

/*#billboard .wrapper,#primary .area .single-header .data-meta,.shop .product #wrapnav.nav-fixed .intro,.shop .product .main-content .shop-sidebar,.shop .product .main-content .zoom,.shop .product .nav li.nav-history{display:none}
#billboard{height:50px}*/
.pin{width:340px}
#ColumnContainer .pin a img{width:100%}
#ColumnContainer .pin a,.wft p{max-width:100%}
.shop .product .preview{width:300px}
.shop .product .property{margin-left:320px}
.shop .product .main-content .shop-content{float:none}
.shop .product .mainwrap{margin-left:0}
.shop .product .nav{display:block}
.shop .product .property .buygroup{text-align:center}
.shop .product .property .buygroup a{display:inline-block;width:100%;height:50px;line-height:50px;font-size:24px;border-radius:30px}
#primary .area .single-heart a{padding:10px 40px}
#ColumnContainer .pin a:hover img,.shop .product .preview a:hover img{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}
#ColumnContainer .pin a img,.shop .product .main-content .shop-sidebar ul li img,.shop .product .preview a img{transition:none;-webkit-transition:none;-moz-transition:none}
.shop .product #wrapnav .fixed-buy-btn{width:100px}
#primary .area .single-content{overflow:hidden}
#primary .area .single-content img{width:100%}
#order{width:750px;margin-left:-375px;top:20px}
}
@media only screen and (max-width:768px){
.content{margin:0 10px}
.comment-meta{margin-left:0}
.fetitle{ margin:10px;}
.grid{width:100%;margin:auto}
.grid ul{text-align:center;margin:20px auto}
.grid ul li{display:inline-block;float:none}
.goodslist ul li{margin:0 0 20px}
#love{width:100%;margin:auto}
#love ul{text-align:center;margin:20px auto;}
#love ul li{width:300px;display:inline-block;float:none; margin-bottom:20px;}
#church{width:100%;margin:auto}
#church .book_sort{ display:none;}
#church .index_post_list{margin:10px auto; width:98%;}
#church .index_tool{ width:98%; display:none;}
#church ul li{width:300px;display:inline-block;float:none; margin-bottom:20px;}
#footer .inner #describe{width:100%;padding-right:0}
#footer .inner .group{float:none;width:100%;height:auto;overflow:hidden;padding-right:0}
#footer .inner .group .menu li{float:none;display:inline-block;margin:5px}
#footer .inner #social{width:100%}
#footer .inner .weixin-content{width:240px}
#footer .inner .weixin-box{margin-left:-150px}
#aim .wrapper{padding:0 0}
.index-tip{ width:95%; margin:10px; display:none}
.stick {width:95%; margin:10px auto;}
.stick .swiper-container{width:98%; margin:10px auto;}
.stick a.arrow{display:none}
#aim .wrapper .push{width:320px;display:none}
#aim .wrapper .push .box{display:block;float:none;margin-bottom:10px}
#love ul li .meta{display:none}
#love ul li .gallery .gallery-ico i{line-height:40px}
.list .article ul li .thumb{width:150px;height:96px}
.list .article ul li .item-main{margin-left:170px}
#primary .area .nav-links a{width:100%;text-align:left}
#primary .area .nav-links a i{display:none}
#primary .area .nav-links a.pre-post{border-right:0;margin-bottom:1px}
#primary .area .related-posts ul li .item:hover .thumb{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#primary .area .related-posts ul li .item:hover .post-title{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
#primary .area .related-posts ul{padding:0;margin:auto}
#primary .area .related-posts ul li .item{margin:auto 5px}
#respond .comment-form-box{border:1px solid rgba(0,0,0,.15)}
#respond #author-info div{float:none;margin-bottom:5px;height:auto;overflow:hidden;margin-right:0;max-width:inherit;border:1px solid rgba(0,0,0,.15)}
.shop .product .preview{width:200px}
.shop .product .property{margin-left:220px}
.shop .product-content{padding:10px}
.shop .product .property .buygroup{margin-top:10px}
.shop .product #wrapnav.nav-fixed{padding:0 20px}
#order{width:450px;margin-left:-225px}
.grid ul li:hover .extra{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
.grid ul li:hover .thumb img{background-color:inherit;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
.page #primary .area .page-links-list ul li a{width:24%}
.special ul li{width:100%}
.special ul li .item .thumb{height:auto}
.shop .product-content.return{padding-top:30px}
}
@media only screen and (max-width:500px){#header{background-color:#222}
/*#billboard{height:auto;}
#billboard h2{ padding:0px;}*/
#billboard .wrapper{background:0 0}
.sub-billboard,.sub-billboard.authors,.sub-billboard.min{height:auto}
.sub-billboard.min .wrapper{height:auto}
.billboard .wrapper{position:relative;height:auto;/*margin:40px auto*/}
.author-information .user-profile .user-description{max-height:54px}
.sub-billboard.authors .wrapper{height:auto;margin:10px auto}
#cool{margin:20px auto}
.grid ul li{padding-bottom:20px; width: 90%;}
.centralnav .navigation{margin-bottom:30px}
#users{padding:30px 0}
#users ul li{padding:0 10px}
#users ul li p [class*=fa-]{width:60px;height:60px;line-height:60px;font-size:20px;margin-bottom:10px}
#users ul li .title{font-size:14px;margin-bottom:10px}
#users ul li h3{margin-bottom:0}
#guide .group{height:auto;text-align:center}
#guide .group ul li a.current{width:auto}
#guide .group ul li a i{display:none}
#guide .group ul li a i.arrow{display:inline-block}
#guide .group ul li{margin-right:0;float:none;display:inline-block}
.navcaret#guide .group ul li{margin:auto 10px}
#guide .group ul li .sub{width:100%}
#guide .group ul li .sub li{width:100%}
#guide .group ul li .sub li a{text-indent:0}
.list .article ul li{padding:10px}
.list .article ul li .thumb{width:100%;height:auto;float:none;margin-bottom:5px;box-shadow:none}
.list .article ul li .meta .author{right:30px;top:25px;display:none}
.list .article ul li .item-main{margin-left:0}
.list .article ul li .meta .data{text-align:left}
.list .article ul li .meta .data .time{display:none}
.widget ul li{padding:10px}
.recommend{display:none}
.widget.sidabar-recommend .box{padding:10px}
#primary{margin:15px auto}
#primary .area{margin-bottom:15px}
#primary .area .single-content{padding:10px}
.page #primary .area .single-content{padding:10px}
#primary .area .single-content p{margin:10px auto}
#primary .area .single-content pre{padding:10px;margin:10px auto}
#primary .area .single-content table{margin:10px 0}
#primary .area .related-posts{padding:10px 5px}
#primary .area .related-posts .title{font-size:14px;margin-bottom:10px}
#primary .area .single-header .single-meta{padding:10px}
#primary .area .single-header .single-meta .author-avatar{display:none}
#primary .area .single-footer{padding:10px}
#primary .area .single-footer .share{float:none;margin-top:10px}
#primary .area #comments{padding:10px}
#primary .area #comments ol li{padding:10px 0}
#respond .comment-from-main{padding-left:0}
#respond .comment-from-main .avatar{display:none}
#respond #author-info,#respond #smilies{margin-left:0}
#respond .comment-form-box{margin-left:0;margin-right:82px;height:60px}
#respond .comment-from-main #comment-tip{left:0;right:82px;font-size:12px}
#respond .comment-from-main #comment-tip p{padding:20px;box-sizing:border-box;line-height:20px}
#respond .form-submit #submit{width:82px;height:82px}
#comments .comment-list .comment-author{display:none}
#comments .comment-list .comment-main{margin-left:0}
#comments .comment-list .comment-floor{margin-top:10px;right:0}
#comments .comment-list .children .comment{margin:10px auto auto 20px}
#comments .comment-list #respond{margin-left:20px}
#comments .comment-reply-title{top:-20px;left:0;text-align:left}
#comments .logged-in-as{margin-left:0}
#suspend{right:10px}
#suspend.show{bottom:10px}
#sign{width:auto;margin-left:0;left:10px;right:10px}
#sign .part{padding:20px}
#sign form .close{width:40px;height:40px;line-height:40px}
#error-404 .num{width:250px;height:94px}
#error-404 .rocket{height:94px;width:80px;margin-left:-40px}
.shop .product .preview{width:100%;height:auto;float:none;position:relative;margin-bottom:10px}
.shop .product .property{margin-left:0}
.shop .product #wrapnav.nav-fixed{padding:0 10px}
.shop .product .nav li a{padding:0 10px}
.shop .product .property .row{padding:5px 0}
.shop .product .property .summary li{padding:0 10px}
#order{width:auto;margin-left:0;left:10px;right:10px}
#order #pay ul{padding:30px 10px}
#order #pay ul label{width:75px}
#order #pay ul input{width:170px}
#order #pay .popup-close{width:40px;height:40px;line-height:40px}
#footer{text-align:center}
#footer .inner{display:none}
.page #primary .area .page-links-list{margin:0 10px 10px 10px}
.page #primary .area .page-links-list ul li a{width:49%}
.special ul{padding:10px}
.special ul li .item{margin:0 0 15px 0;border-bottom:0 none}
.special ul li .item .title h2{margin-top:10px;font-size:14px}
.special ul li .item .read-more .icon{width:60px;height:60px;line-height:60px;font-size:24px;margin:-30px 0 0 -30px}
.return #order{right:inherit}
.return #order #pay ul{float:none;width:auto;padding:10px}
.large-search-from{width:100%}
.large-input{padding:0 50px 0 85px}
.large-select-box{padding:0}
.large-select{padding:0 5px}
.large-submit{width:40px;font-size:16px}
#guide .typeson{margin-top:50px}
#guide .typeson ul.son li{margin:0;margin-bottom:-1px;margin-right:10px;font-size:12px}
}
#feature ul li:nth-child(1) a .item{background-image:url(../images/footer_img/0309582225c06bec1b630e7.jpg)}
#feature ul li:nth-child(2) a .item{background-image:url(../images/footer_img/03095822057d87aef336e4f.jpg)}
#feature ul li:nth-child(3) a .item{background-image:url(../images/footer_img/03095823133d2af2df0a1f6.jpg)}
#feature ul li:nth-child(4) a .item{background-image:url(../images/footer_img/030958244383ba0d3cd288e.jpg)}
.buy_table{width:100%}
.buy_table tr th{font-size:14px;font-weight:400}
.buy_table tr td{font-size:12px}
.buy_table tr td em{color:#7d47d1;font-style:normal}
.buy_table tr td.face a{display:block}
.buy_table tr td.face img{border-radius:50%;width:30px;border:1px solid #E8E8E8;padding:1px}
.buy_table tr td,.buy_table tr th{padding:10px 0;text-align:center;border-bottom:1px dotted #DBDBDB}
.wp-post-image{cursor:pointer}
#loading{width:100%;text-align:center;margin-top:20px}
#pagecount{text-align:center;margin-top:30px}
#pagecount a{margin:0 5px}
#pagecount span{margin:5px;font-size:14px}
.demo_sm{margin-top:20px;color:#fff;height:0;letter-spacing:4px}
#primary .area .single-heart{text-align:center;margin-bottom:10px;position:relative}
#primary .area .single-heart a{display:inline-block;position:relative;z-index:1;padding:13px 50px;background-color:#7d47d1;border:1px solid #7d47d1;color:#fff;border-radius:100px}
#primary .area .single-heart a{display:inline-block;position:relative;z-index:1;padding:13px 50px;background-color:#7d47d1;border:1px solid #7d47d1;color:#fff;border-radius:100px}
#primary .area .single-heart a.loved{background-color:#fff;color:#7d47d1;-webkit-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s;-ms-transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;transition:all .2s ease-in 0s}
#primary .area .single-heart a.loved:hover{background-color:#7d47d1;color:#fff}
#primary .area .single-heart a i{margin-right:10px}
#primary .area .single-heart .loading-line{height:1px;width:100%;position:absolute;left:0;top:50%;margin-top:-1px;border-top:1px dotted #ccc}
#primary .area .single-heart .loading-line.move{background:url(../images/loader-move.png) left center repeat-x;-webkit-animation:loadingline linear 3s alternate infinite;animation:loadingline linear 3s alternate infinite;border-top:0 none}
.wbi #primary .wbi-wrapper{background-color:#fff;padding-top:10px}
.wbi #primary .wbi-wrapper .lc{width:355px;margin:0 auto}
.wbi #primary .wbi-wrapper .lc li{float:left;margin-right:50px}
.wbi #primary .wbi-wrapper .lc li i{width:40px;height:40px;line-height:40px;font-style:normal;border:1px solid #7d47d1;color:#7d47d1;border-radius:50%}
.wbi #primary .wbi-wrapper .lc li.on i{background-color:#7d47d1;color:#fff}
.wbi #primary .wbi-wrapper .lc li.on p{color:#7d47d1}
.wbi #primary .wbi-wrapper .lc li p{margin-top:15px}
.wbi #primary .single-header{text-align:center;border-bottom:0 none}
.wbi #primary .single-header h1{color:#6d3fc4;display:block}
.wbi #primary .single-header i{color:#6d3fc4;font-size:20px;display:inline-block;margin-right:5px}
.wbi #primary .wbi-charge{padding:0 0 60px 0;text-align:center}
.wbi #primary .form-label span{display:inline-block;width:90px}
.wbi #primary .form-input{padding:5px 10px;width:100px;height:24px;font-size:16px;text-align:left;border-radius:5px;border:1px solid #1a9c39;margin-right:5px;box-shadow:0 1px 1px rgba(0,0,0,.05) inset;text-align:center}
.wbi #primary .form-input:focus{box-shadow:0 0 3px #7d47d1;border:1px solid #fff}
.wbi #primary .status-tip{color:#f29606;padding:30px 0 0}
.wbi #primary .status-tip li{color:#666;font-size:14px;height:80px;}
.wbi #primary .status-tip li label{padding:21px; border:1px solid #ccc;border-radius:3px}
.wbi #primary .status-tip li label .paytype{margin:0 10px 0 20px;padding:10px 47px;background-image:url(/images/pay/alipay.jpg);background-repeat:repeat;background-position:center center}
.wbi .checkout{height:auto;overflow:hidden;border-top:1px solid #e7e3f2;padding-top:30px}
.wbi .checkout p{float:left}
.wbi .checkout #total-price{float:right;margin:12px 20px 0 0}
.wbi .checkout #total-price .price,.wbi .checkout #total-price strong{font-size:24px;color:#7d47d1;font-weight:400}
.wbi .checkout #pay-submit,.wbi .checkout #pay-submit2{float:right;background-color:#1a9c39;color:#FFF;border:0 none;padding:8px 25px;cursor:pointer;font-size:14px;border-radius:5px}
.wbi .checkout #pay-submit:hover{background-color:#7d47d1}
.wbi .checkout #pay-submit2{margin-left:10px;background-color:#E4E4E4;color:#666}
.wbi .checkout #pay-submit2:hover{background-color:#DBDBDB}
.tl{width:100%}
.ok_msg{color:#7d47d1;font-size:20px}
#list_dows{text-align:center}
#list_dows span{display:block;padding:20px 0}
.face_ok{margin-top:20px;padding:10px 30px;border:1px solid #ccc;cursor:pointer}
#loadimg{text-align:left;padding:20px;width:100%;float:left}
#loadimg img{margin-right:10px;float:left}
#loadimg span{margin-top:10px;display:block;float:left}
.suggestionsBox{position:absolute;width:218px;background-color:rgba(255,255,255,255);left:0;top:30px;border-width:1px;border-style:solid;border-color:#eee;border-radius:0 0 5px 5px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.suggestionsBox .suggestionList{padding:10px;padding-bottom:0}
#autoSuggestionsList li{border-bottom:1px dotted #ddd;color:#666;padding-bottom:10px;margin-bottom:10px;font-size:14px}
#autoSuggestionsList li:last-child{border-bottom:none;margin-bottom:0}
#autoSuggestionsList li a.jr{color:#666;padding:0;line-height:22px}
#autoSuggestionsList li a.jr:hover{color:#7d47d1}
.fa-date{margin-right:7px}
.searchform{max-width:700px;height:48px;margin:0 auto;display:block;position:relative;z-index:999;background:url(../images/sea-mbg.png);border-radius:3px;padding:5px}
.search-input{padding:11px 0;font-size:16px;width:78%;text-indent:12px;overflow:hidden;border-top-left-radius:2px;border-bottom-left-radius:2px;outline:0;color:#999;border:1px solid #eee;border-bottom-style:dotted}
#home-searchIcon{float:right;cursor:pointer;height:48px;width:20%;background:#7d47d1;overflow:hidden;font-size:18px;color:#fff;border:none;border-top-right-radius:2px;border-bottom-right-radius:2px;text-indent:30px}
#home-searchIcon i{margin-left:-55px}
#suggestions{padding:10px 0 0;width:586px;background-color:#fff;margin-top:-1px;z-index:99999;border:1px solid #ddd;border-top:none;text-align:left;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.scul li a{margin-left:10px;width:auto}
#yzm{width:100%;text-align:center}
#yzm input.vd{width:100px;padding:5px;text-transform:uppercase;margin:0 5px}
#yzm img{margin-top:5px}
.specialTips{height:40px;line-height:40px}
.specialTips p{float:left}
.specialTips div{float:left;background:url(../images/little_icon1.png) 0 12px no-repeat;color:#ff6c00;text-indent:20px;margin-left:20px}
.billboard h2 { display:block; width:100%; font-size:32px; color:#fff; height:50px; line-height:38px; overflow:hidden; text-align:center; padding-top:85px;}
.billboard p{ display:block; width:100%;}
.k-hot{margin-top:10px;font-size:14px}
.k-hot span{font-weight:600}
.k-hot a{ color:#fff;} .k-hot a:hover{ text-decoration:underline;}
.shop .product #wrapnav.nav-fixed .fixed-buy-btn{background-color:#7d47d1;min-width:120px;padding:0 20px;text-align:center;color:#FFF;display:inline-block;font-size:16px}
.shop .product #wrapnav.nav-fixed .fixed-buy-btn i{margin-right:10px}
.vdcodeimg{padding:7px;border:1px solid #ddd;border-left:none}

.widget.sidabar-recommend .tagbox{padding:0px;background-color:#FFF;text-align:center; overflow:hidden;}
.fe_tag{ padding:10px 10px 20px; overflow:hidden;}
.fe_tag a{ font-size: 12px; color:#999999; border:1px solid #eeeeee; padding:4px 6px;
	display: block; margin-top: 5px; float: left; margin-right: 5px; cursor: pointer;}
.fe_tag a:hover{ background: #999999; color:#fff;}
.art-t { border-bottom: 1px solid #DEDBDB; font: 400 18px 'Microsoft Yahei'; background-position: left center; text-indent: 15px; padding-top: 15px; padding-bottom: 10px; position: relative; margin-bottom: 10px; text-align:left;}
.art-t .icon { position: absolute; left: 1px; top: 18px; display: inline-block; width: 2px; height: 26px; background:#7d47d1; }
.note-category{ padding:10px 10px 20px; overflow:hidden;}
.note-category a{display:block;margin:0 5px 10px;padding-left:8px;width:90px; padding:10px 0px;text-align:center;border-radius:0;border:0 none;background:#f4f5f7;float:left;position:relative;}
.note-category a:hover,a.current-menu{color:#fff!important;font-weight:700;border-color:#4cae4c;background-color:#7d47d1;}

.tool_box{ margin:20px auto 30px auto; width:1260px; max-width:1260px; background:#fff; overflow:hidden;}
.cn_nav{border-bottom:1px solid #eceaf4;background:#f7f5fc;height:40px;line-height:38px;border-top:2px solid #7d47d1;margin-top:-2px}
.cn_nav a{float:right;display:inline-block;border-top:2px solid #f7f5fc;border-left:1px solid #eceaf4;height:38px;padding:0 20px;text-align:center;font-size:12px}
.cn_nav a.on,.cn_nav a:hover{border-top:3px solid #8b5cf6;height:40px;background:#fff;margin-top:-3px}
.cn_nav span.title{font-size:16px;font-weight:400;padding-left:15px;color:#7d47d1}

.tool_list{zoom:1;overflow:hidden;padding:0 0 25px 0}
.tool_list a{display:block;float:left;border:3px solid #eceaf4;padding:12px;width:262px;height:90px;margin:18px 0 0 18px}
.tool_list a h2{font-size:12px}
.tool_list a h2 span{border-bottom:2px solid #eceaf4;padding-bottom:5px}
.tool_list a:hover h2 span{border-bottom:2px solid #7d47d1}
.tool_list a p{font-size:12px;line-height:18px;padding-top:12px;color:#999}
.tool_list a:hover p{color:#7d47d1}
.tool_list a img{float:left;margin-right:12px}
.tool_list a:hover{border:3px solid #8b5cf6}

.iconlist{ margin-top:40px;}
.iconlist li{margin:0 0 60px 40px;width:380px;overflow:hidden;float:left;overflow:hidden;position:relative;}
.iconlist li img.icon, .iconlist li div.info, .iconlist li div.btns{float:left;position:relative;}
.iconlist li img.icon{margin-right:15px;width:86px;height:86px; margin-top:10px;}
.iconlist li div.info{width:274px;}
.iconlist li h3 { font-size:20px;}
.iconlist li div.info h3,.iconlist li div.info p{margin:0;padding:0;}
.iconlist li div.info h3{margin-bottom:5px;}
.iconlist li div.info p{margin-bottom:5px;padding:0 20px 0 0;color:#999; font-size:14px;}
.iconlist li div.info span{ display:block; margin-bottom:10px;color:#7d47d1; font-size:14px;}
.iconlist li div.info .btn{padding:6px 20px; line-height:25px;}
.boxlist li{padding-left:15px;width:203.3333333333px;height:30px;overflow:hidden;float:left;position:relative;}
.boxlist li a{line-height:30px;}
.btn-primary{color:#fff;background-color:#7d47d1;border-color:#7d47d1;}.btn-primary:hover{color:#fff;background-color:#8b5cf6;border-color:#8b5cf6;}

.category .primary.list .article .frame_tool{margin-right:360px;background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.ti_too{border-bottom:1px solid #eceaf4;background:#f7f5fc;padding:20px 0 20px 20px; margin-bottom:30px; overflow:hidden;}
.ti_too .crumbs{border:0;background:0 0;padding:0;margin:0}
.ti_too .img{float:left;margin-right:20px}
.ti_too .h2{color:#7d47d1;font-size:25px}
.ti_too .p{color:#999;font-size:12px;padding-top:6px}
.content_pg{ padding:30px; line-height:24px;}

#primary .area .product-content .tag-share{height:auto;overflow:hidden;margin-bottom:20px; padding:5px 10px 10px; margin-top:40px;}
#primary .area .product-content .tag-links{color:#999;display:inline-block;margin-top:10px}
#primary .area .product-content .tag-links span{margin-right:10px}
#primary .area .product-content .tag-links span i{margin-right:3px}
#primary .area .product-content .tag-links a{background-color:silver;display:inline-block;padding:3px 6px;margin-right:1px;color:#FFF}
#primary .area .product-content .tag-links a:hover{background-color:#444;color:rgba(255,255,255,.85)}
#primary .area .product-content .share{float:right}
#primary .area .product-content .share a{-webkit-transition:none;transition:none}
#primary .area .product-content .share .sina:hover{background-color:#FA7F3F}
#primary .area .product-content .share .qqweibo:hover{background-color:#3FA0C7}
#primary .area .product-content .share .weixin:hover{background-color:#03B612}

.plug_in_pic{ text-align:center; margin:20px auto; background:#1cd3af; padding:30px 30px 20px; width:400px; border-radius:4px;}
.plug_in_pic img{border-radius:4px;text-align:center;}
.plug_description{ background-color:#ECF7FF;border:1px solid #C1E4FF;padding:10px;margin-bottom:20px;border-radius:4px;}

.wangpan {
    font-weight: bold;
    color: #fff;
    max-width: 1200px;
    margin: 10px auto;    
    max-width: 1200px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
    cursor: pointer;
    text-align: center;
    background-color: #f98f4e;
    width: 80%;
    border-radius: 20px;
}

/* ===== 右侧悬浮客服条 ===== */
#suspend{width:46px}
#suspend .kf-item{position:relative;display:block;width:46px;height:46px;margin-bottom:2px;background-color:rgba(0,0,0,.75);color:#FFF;font-size:20px;text-align:center;line-height:46px;cursor:pointer;border-radius:2px;text-decoration:none}
#suspend .kf-item:hover{background-color:#9861E6}
#suspend .kf-item .kf-label{display:none;position:absolute;right:54px;top:0;white-space:nowrap;height:46px;line-height:46px;padding:0 14px;font-size:13px;background-color:#9861E6;color:#fff;border-radius:2px}
#suspend .kf-item:hover .kf-label{display:block}
#suspend .kf-item .kf-pop{display:none;position:absolute;right:54px;top:-120px;background:#fff;border:1px solid #e3e3e3;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:4px;padding:8px;z-index:99999}
#suspend .kf-item:hover .kf-pop{display:block}
#suspend .kf-item .kf-pop img{display:block;width:130px;height:auto;aspect-ratio:954/930;object-fit:contain}
#suspend .kf-item .kf-pop span{display:block;font-size:12px;color:#666;text-align:center;padding-top:4px}
#suspend a#backtop{border-top-left-radius:0;border-top-right-radius:0}

/* ===== 导航栏在线咨询按钮 ===== */
#header .nav-list li.nav-kf a.kf-btn{display:inline-block;margin:9px 10px 0 10px;padding:0 18px;height:32px;line-height:32px;background:#9861E6;color:#fff;border-radius:16px;font-size:13px;box-shadow:0 2px 8px rgba(152,97,230,.45)}
#header .nav-list li.nav-kf a.kf-btn:hover{background:#7d47d1;color:#fff;transform:translateY(-1px)}
#header .nav-list li.nav-kf a.kf-btn i{margin-right:5px}

/* ===== 首页 banner 客服区 ===== */
#billboard{background:linear-gradient(135deg,#3b2a63 0%,#5b3fa8 55%,#7d47d1 100%)}
#billboard .bb-inner{max-width:1000px;margin:0 auto;height:200px;display:flex;align-items:flex-start;align-content:flex-start;justify-content:center;flex-wrap:wrap;gap:0 70px;padding:14px 30px 0;box-sizing:border-box}
#billboard .bb-left{color:#fff;text-align:left;max-width:560px;align-self:flex-start;padding-top:0;margin:0;box-sizing:border-box}
#billboard .bb-title{font-size:27px;font-weight:700;margin:0 0 8px;padding:0;line-height:1.2;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.25)}
#billboard .bb-sub{font-size:14px;color:rgba(255,255,255,.85);margin:0 0 16px}
#billboard .bb-btn{display:inline-block;padding:0 28px;height:42px;line-height:42px;background:#fff;color:#6b3fc4;border-radius:21px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.25);transition:all .25s ease;margin-right:14px;position:relative}
#billboard .bb-btn:hover{background:#ffe14d;color:#5b3fa8;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
#billboard .bb-btn i{margin-right:8px}
#billboard .bb-tip{font-size:13px;color:rgba(255,255,255,.75)}
#billboard .bb-right{flex-shrink:0;align-self:flex-start;display:flex;align-items:flex-start;position:relative;top:0;margin:0}
#billboard .bb-qr{background:#fff;border-radius:10px;padding:8px;box-shadow:0 6px 24px rgba(0,0,0,.3);text-align:center;width:150px;box-sizing:border-box;line-height:0;margin:0}
#billboard .bb-qr img{display:block;width:134px;height:auto;aspect-ratio:954/930;object-fit:contain;border-radius:4px}
#billboard .bb-qr span{display:block;font-size:13px;color:#666;line-height:1.6;padding-top:6px}
@media only screen and (max-width:900px){
  /* 手机端：只保留避开固定导航栏的 50px，去掉多余上留白 */
  #billboard{height:auto;padding-top:50px}
  #billboard .bb-inner{height:auto;flex-direction:column;align-items:center;align-content:center;justify-content:center;text-align:center;padding:18px 16px 22px}
  /* 手机端：文字块撑满整行并居中（覆盖桌面 align-self:flex-start 与 max-width:560px） */
  #billboard .bb-left{align-self:center;width:100%;max-width:100%;text-align:center;margin:0 0 14px}
  #billboard .bb-title{font-size:22px;margin-bottom:8px}
  #billboard .bb-sub{font-size:13px;margin-bottom:14px}
  #billboard .bb-btn{display:block;width:100%;max-width:280px;margin:0 auto 10px;box-sizing:border-box}
  #billboard .bb-tip{display:block}
  /* 手机端：二维码块居中，不再继承桌面端的顶对齐与固定宽 */
  #billboard .bb-right{top:0;align-self:center;align-items:center;justify-content:center;width:100%;margin:0 auto}
  #billboard .bb-qr{width:140px;max-width:140px;margin:0 auto;padding:8px}
  #billboard .bb-qr img{width:124px}
}
@media only screen and (max-width:600px){
  #header .nav-list li.nav-kf a.kf-btn{margin:9px 4px 0 4px;padding:0 10px;font-size:12px}
  #suspend{right:6px}
  #suspend .kf-item{width:40px;height:40px;line-height:40px;font-size:16px}
  #suspend .kf-item .kf-pop{display:none!important}
}

/* ===== 悬浮客服条美化 ===== */
#suspend{border-radius:4px;overflow:visible}
#suspend .kf-item{background:linear-gradient(135deg,#8b5cf6,#6d3fc4);box-shadow:0 2px 10px rgba(109,63,196,.4);transition:all .25s ease}
#suspend .kf-item:hover{transform:translateX(-3px);box-shadow:0 4px 14px rgba(109,63,196,.6)}
#suspend .kf-item.kf-weixin .kf-pop{top:-90px}
#suspend .kf-item .kf-pop{animation:kfFadeIn .25s ease}
@keyframes kfFadeIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}

/* ===== 内嵌客服悬浮窗口 ===== */
#kfWin{display:none;position:fixed;right:24px;bottom:90px;width:380px;height:560px;max-height:calc(100vh - 120px);background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.28);z-index:100000;overflow:hidden;flex-direction:column}
#kfWin.show{display:flex;animation:kfWinIn .28s cubic-bezier(.22,.61,.36,1)}
@keyframes kfWinIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
#kfWin .kfwin-bar{flex-shrink:0;height:44px;background:linear-gradient(135deg,#8b5cf6,#6d3fc4);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 14px}
#kfWin .kfwin-bar b{font-size:14px;font-weight:600;letter-spacing:.5px}
#kfWin .kfwin-bar b i{margin-right:6px}
#kfWin .kfwin-btns{display:flex;align-items:center}
#kfWin .kfwin-btns a{width:34px;height:34px;line-height:34px;text-align:center;color:rgba(255,255,255,.85);border-radius:6px;cursor:pointer;font-size:15px}
#kfWin .kfwin-btns a:hover{background:rgba(255,255,255,.18);color:#fff}
#kfWin iframe{flex:1;width:100%;border:0;display:block;background:#f2f3f7}
#kfWin .kfwin-mask{position:absolute;inset:44px 0 0 0;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.92);font-size:14px;color:#666;z-index:2}
@media only screen and (max-width:600px){
  #kfWin{right:0;bottom:0;left:0;top:0;width:100%;height:100%;max-height:100%;border-radius:0;z-index:100001}
  #kfWin .kfwin-bar{height:48px}
}

/* ===== 未读消息浮动提示（聊天窗关闭时出现） ===== */
#kfTip{
  position:fixed;right:24px;bottom:88px;z-index:100002;
  width:268px;background:#fff;border-radius:12px;
  box-shadow:0 10px 34px rgba(60,35,120,.24);
  border:1px solid rgba(139,92,246,.18);
  padding:12px 12px 10px 14px;
  display:none;cursor:pointer;
  animation:kfTipIn .3s cubic-bezier(.22,.61,.36,1);
}
#kfTip.show{display:block}
@keyframes kfTipIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
#kfTip .kfTip-head{display:flex;align-items:center;margin-bottom:8px}
#kfTip .kfTip-ava{
  width:30px;height:30px;flex-shrink:0;border-radius:50%;
  background:linear-gradient(135deg,#8b5cf6,#6d3fc4);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;
  box-shadow:0 3px 8px rgba(109,63,196,.35);
}
#kfTip .kfTip-name{font-size:13px;font-weight:600;color:#2f3245;line-height:30px;margin-left:8px}
#kfTip .kfTip-cnt{
  margin-left:auto;min-width:20px;height:18px;padding:0 6px;box-sizing:border-box;
  background:#ff4d4f;color:#fff;border-radius:9px;font-size:11px;line-height:18px;text-align:center;
}
#kfTip .kfTip-msg{
  font-size:13px;color:#555b73;line-height:1.55;
  max-height:42px;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
#kfTip .kfTip-act{margin-top:9px;display:flex;align-items:center;justify-content:space-between}
#kfTip .kfTip-btn{
  font-size:12px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d3fc4);
  padding:0 14px;height:26px;line-height:26px;border-radius:13px;
}
#kfTip .kfTip-close{font-size:13px;color:#b6bac9;padding:0 4px}
#kfTip .kfTip-close:hover{color:#7b8194}

/* 站点内各种客服入口的红点计数 */
.kf-dot{
  position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;
  padding:0 4px;box-sizing:border-box;background:#ff4d4f;color:#fff;
  border-radius:8px;font-size:11px;line-height:16px;text-align:center;
  font-style:normal;font-family:Arial,sans-serif;
  box-shadow:0 0 0 2px rgba(255,255,255,.9);
  animation:kfDotPulse 1.6s ease-in-out infinite;pointer-events:none;z-index:5;
}
@keyframes kfDotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
#header .nav-list li.nav-kf a.kf-btn{position:relative}
#billboard .bb-btn .kf-dot{top:-8px;right:-8px}
#billboard .bb-qr .kf-dot{display:none}

@media only screen and (max-width:600px){
  #kfTip{right:10px;left:10px;bottom:64px;width:auto}
}

/* ===== 商品 / 模型卡片美化（2026-10-18） ===== */
.grid ul{margin:auto -12px}
.grid ul li{padding-bottom:22px}
.grid ul li .item{
  margin:auto 12px;background:#FFF;border:0;border-radius:14px;
  box-shadow:0 0 0 1px #edeff4,0 2px 6px rgba(20,24,45,.04),0 14px 30px -16px rgba(20,24,45,.26);
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease;
}
.grid ul li:hover .item{
  transform:translateY(-5px);
  box-shadow:0 0 0 1px #e3e0f5,0 6px 14px rgba(20,24,45,.06),0 26px 48px -18px rgba(109,63,196,.42);
}
.grid ul li .thumb{height:auto;aspect-ratio:280/180;background:#f3f4f9;border-radius:14px 14px 0 0;overflow:hidden}
.grid ul li .thumb img{
  width:100%;height:100%;display:block;
  object-fit:cover;object-position:50% 0;      /* 始终从图片顶部开始显示 */
  transform-origin:50% 0;                       /* 悬停放大时也保持顶部对齐 */
  -webkit-transition:transform .35s cubic-bezier(.22,.61,.36,1);
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.grid ul li:hover .thumb{background:#f3f4f9}
.grid ul li:hover .thumb img{opacity:1;transform:scale(1.06)}
.grid ul li .meta{padding:12px 12px 6px}
.grid ul li .title h2{margin:0;font-weight:600}
.grid ul li .title a{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  height:auto;min-height:44px;white-space:normal;overflow:hidden;
  font-size:15px;line-height:1.55;font-weight:600;color:#23262e;text-align:left;
}
.grid ul li:hover .title a{color:#7d47d1}
.grid ul li .extra{
  background:linear-gradient(180deg,rgba(26,29,52,.90),rgba(26,29,52,.97));
  padding:9px 12px;transform:translateY(-48px);font-size:12px;
}
.grid ul li .extra a{
  background:rgba(255,255,255,.16);color:#FFF;padding:1px 9px;border-radius:10px;font-size:12px;
}
.grid ul li .extra a:hover{background:#7d47d1;color:#FFF}
.grid ul li .extra span{color:rgba(255,255,255,.82)}
.grid ul li .data{
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid #f1f2f6;padding:9px 12px 12px;color:#9aa1ad;font-size:12px;
}
.grid ul li .data .time{float:none}
.grid ul li .data span{float:none;margin-left:0;display:inline-flex;align-items:center}
.grid ul li .data i{margin-right:4px}


/* 区块小标题：紫色渐变竖条 + 浅紫胶囊"更多" */
.fetitle{height:auto;line-height:1;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}
.fetitle h1{
  border-left:0;float:none;position:relative;padding-left:15px;
  font-size:20px;font-weight:700;color:#23262e;line-height:1.3;
}
.fetitle h1::before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#8b5cf6,#6d3fc4);
}
.fetitle span{
  width:auto;float:none;height:28px;line-height:28px;padding:0 14px;
  background:#f3efff;color:#7d47d1;border-radius:14px;font-size:13px;font-weight:600;
  transition:background .2s ease;
}
.fetitle span a,.fetitle span a:hover{color:#7d47d1}
.fetitle span:hover{background:#e9e1ff}

@media only screen and (max-width:768px){
  /* 商品列表：手机端改为单列大图 */
  .grid ul{display:flex;flex-direction:column;flex-wrap:nowrap;margin:0;text-align:left}
  .grid ul li{width:100%;float:none;display:block;box-sizing:border-box;padding:0 12px 16px}
  .grid ul li .item{margin:0}
  .grid ul li .thumb{aspect-ratio:1/1}
  .grid ul li .thumb img{object-position:50% 0}
  .grid ul li:hover .item{transform:none}
  .grid ul li .meta{padding:11px 12px 4px}
  .grid ul li .title a{font-size:15px;line-height:1.5;min-height:auto;-webkit-line-clamp:2}
  .grid ul li .data{padding:9px 12px 11px;font-size:12px}
  .grid ul li .extra{display:none}
  .fetitle{margin:0 12px 14px}
  .fetitle h1{font-size:17px;padding-left:13px}
  .fetitle h1::before{height:15px;width:3px}
  .fetitle span{height:26px;line-height:26px;padding:0 12px;font-size:12px}
}

/* ===== 列表页商品卡片（.goodslist）：与首页同款视觉 + 图片顶部对齐 + 手机单列 ===== */
body .goodslist ul{
  display:flex;flex-wrap:wrap;gap:20px;
  width:auto;max-width:none;margin:0 0 6px;padding:0;
  list-style:none;text-align:left;
}
body .goodslist ul li{
  float:none;display:block;width:calc(25% - 15px);margin:0;padding:0;
  box-sizing:border-box;border:0;border-radius:14px;overflow:hidden;
  background:#FFF;font-size:12px;
  box-shadow:0 0 0 1px #edeff4,0 2px 6px rgba(20,24,45,.04),0 14px 30px -16px rgba(20,24,45,.26);
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease;
}
body .goodslist ul li:hover{
  border:0;transform:translateY(-5px);
  box-shadow:0 0 0 1px #e3e0f5,0 6px 14px rgba(20,24,45,.06),0 26px 48px -18px rgba(109,63,196,.42);
}
body .goodslist ul li a.img{
  display:block;height:auto;aspect-ratio:1/1;
  background:#f3f4f9;border-radius:14px 14px 0 0;overflow:hidden;
}
body .goodslist ul li a.img img{
  width:100%;height:100%;min-height:0;display:block;
  object-fit:cover;object-position:50% 0;   /* 顶端锚定，海报标题不被切 */
  transform-origin:50% 0;
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
body .goodslist ul li:hover a.img img{
  -webkit-transform:scale(1.06);transform:scale(1.06);
}
body .goodslist ul li p{display:block;padding:12px 12px 0;margin:0}
body .goodslist ul li p a{color:#23262e;text-decoration:none}
body .goodslist ul li p a.title{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  width:auto;min-height:44px;white-space:normal;overflow:hidden;
  font-size:15px;line-height:1.55;font-weight:600;color:#23262e;
}
body .goodslist ul li p a.title:hover,
body .goodslist ul li p a:hover{color:#7d47d1}
body .goodslist ul li p a b{font-weight:600;color:inherit}
body .goodslist ul li .data{
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid #f1f2f6;margin:6px 12px 0;padding:9px 0 12px;
  color:#9aa1ad;font-size:12px;
}
body .goodslist ul li .data .time{float:none}
body .goodslist ul li .data span{float:none;margin-left:0;display:inline-flex;align-items:center}
body .goodslist ul li .data i{margin-right:4px}

@media only screen and (max-width:768px){
  body .goodslist ul{flex-direction:column;flex-wrap:nowrap;gap:16px;width:auto;margin:0 12px;padding:0;text-align:left}
  body .goodslist ul li{width:100%;margin:0;padding:0;display:block}
  body .goodslist ul li:hover{transform:none}
  body .goodslist ul li p{padding:11px 12px 0}
  body .goodslist ul li p a.title{font-size:15px;min-height:auto}
}

/* 手机端内页头部微信块：取消绝对定位，避免压住下方商品列表 */
@media only screen and (max-width:768px){
  #billboard{height:auto;min-height:0;padding-top:50px}
  #billboard .wrapper.search-top{
    position:static!important;z-index:auto!important;
    display:block;height:auto;width:auto;left:auto;top:auto;
    padding:0;box-sizing:border-box;
  }
  #billboard .wrapper.search-top>div{padding:14px 12px 16px!important;text-align:center}
  #billboard .wrapper.search-top h3{font-size:17px!important;margin:6px 0 8px!important;line-height:1.5}
  #billboard .wrapper.search-top img{width:104px!important;height:104px!important;padding:6px!important}
}

/* ===================================================================
   登录 / 注册弹窗 视觉升级（紫调，与商品卡片、客服面板统一）
   说明：全部为追加覆盖，不改 nologin.php 输出的 DOM 结构
   =================================================================== */
.overlay{background:rgba(16,18,30,.58);opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}

#sign{
  top:8vh;width:420px;margin-left:-210px;
  -webkit-transition:all .42s cubic-bezier(.22,.9,.3,1);
  transition:all .42s cubic-bezier(.22,.9,.3,1);
}
#sign .part{
  padding:46px 38px 34px;border-radius:20px;
  border:1px solid rgba(24,28,50,.055);
  box-shadow:0 40px 80px -32px rgba(15,18,34,.55),0 10px 26px -14px rgba(15,18,34,.28);
}
/* 顶部品牌渐变条 */
#sign .part::before{
  content:'';position:absolute;left:22px;right:22px;top:0;height:4px;z-index:2;
  border-radius:0 0 5px 5px;
  background:linear-gradient(90deg,#8b5cf6 0%,#6d3fc4 52%,#4f46e5 100%);
}

/* 标题 + 副标题 */
#sign form h3{
  display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;
  flex-direction:column;align-items:flex-start;
  font-size:23px;font-weight:700;color:#1e2130;letter-spacing:.3px;
  margin:0 0 2px;line-height:1.35;
}
#sign .part h3::after{
  display:block;font-size:13px;font-weight:400;color:#9aa1ad;
  margin-top:8px;line-height:1.5;-webkit-box-ordinal-group:2;order:1;
}
#sign .loginPart h3::after{content:'欢迎回来，登录后继续下载'}
#sign .registerPart h3::after{content:'注册账号，解锁全场资源'}
#sign form h3 p.status{display:block;width:100%;margin:6px 0 0;-webkit-box-ordinal-group:3;order:2}
#sign form h3 p.status:empty{display:none}
#sign form .status .error{color:#e5484d;font-size:12.5px}
#sign form .status .success{color:#12a150;font-size:12.5px}

/* 输入框 */
#sign form p{margin:13px auto 0;position:relative}
#sign form input.input-control{
  height:47px;line-height:47px;padding:0 14px 0 42px;
  border:1px solid #e3e6ef;border-radius:12px;background:#f8f9fc;
  font-size:14.5px;color:#1e2130;
  -webkit-transition:border-color .2s,background .2s,box-shadow .2s;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
#sign form input.input-control:focus{
  border-color:#a78bfa;background:#fff;outline:none;
  box-shadow:0 0 0 4px rgba(139,92,246,.13);
}
#sign ::-webkit-input-placeholder{color:#a8adba}
#sign input:-moz-placeholder{color:#a8adba}
#sign form label.icon{
  left:14px;right:auto;top:15px;width:18px;text-align:center;
  font-size:15px;color:#a8adba;pointer-events:none;
}
#sign form label.icon i{width:auto;display:block}
/* 「再次输入密码」原为双向箭头图标，语义不符 → 换成锁（fa-lock） */
#sign .user_pass2 label.icon i:before{content:"\f023"}

/* 验证码一行：输入框 + 图形验证码等高 */
#sign form p.vdcode,
#sign form p.vdcode_reg{display:-webkit-box;display:flex;align-items:center;gap:10px}
#sign form p.vdcode label.icon,
#sign form p.vdcode_reg label.icon{display:none}
#sign form p.vdcode input,
#sign form p.vdcode_reg input{
  width:auto!important;min-width:0;-webkit-box-flex:1;flex:1 1 0%;padding-left:14px!important;
}
#sign form .vdcodeimg{
  -webkit-box-flex:0;flex:0 0 auto;box-sizing:border-box;
  height:47px;width:112px;padding:2px;border:1px solid #e3e6ef;border-radius:12px;
  background:#fff;cursor:pointer;-o-object-fit:contain;object-fit:contain;
}

/* 记住我 / 忘记密码 */
#sign form .safe{
  display:-webkit-box;display:flex;align-items:center;justify-content:space-between;
  margin:16px 0 0;font-size:13px;color:#8b90a0;line-height:1;
}
#sign form .remembermetext{display:-webkit-box;display:flex;align-items:center;gap:7px;cursor:pointer;color:#6b7180}
#sign form .rememberme{
  -webkit-appearance:none;appearance:none;
  width:16px;height:16px;margin:0;padding:0;position:relative;cursor:pointer;
  border:1.5px solid #d3d7e3;border-radius:5px;background:#fff;
  -webkit-transition:all .18s ease;transition:all .18s ease;
}
#sign form .rememberme:checked{background:#7c4ddb;border-color:#7c4ddb}
#sign form .rememberme:checked::after{
  content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;
  border:2px solid #fff;border-top:0;border-left:0;
  -webkit-transform:rotate(43deg);transform:rotate(43deg);
}
#sign form .lost{float:none;color:#7d47d1;text-decoration:none}
#sign form .lost:hover{text-decoration:underline;color:#6d3fc4}

/* 主按钮 */
#sign form .submit{
  width:100%;height:48px;border:0;border-radius:13px;
  background:linear-gradient(135deg,#8b5cf6 0%,#6d3fc4 100%);
  color:#fff;font-size:15.5px;font-weight:600;letter-spacing:1px;cursor:pointer;
  box-shadow:0 12px 24px -12px rgba(109,63,196,.95);
  -webkit-transition:transform .2s,box-shadow .2s,filter .2s;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
#sign form .submit:hover{
  filter:brightness(1.06);-webkit-transform:translateY(-1px);transform:translateY(-1px);
  box-shadow:0 18px 32px -12px rgba(109,63,196,1);
}
#sign form .submit:focus{border:0;outline:none}
#sign form .submit:active{-webkit-transform:translateY(0);transform:translateY(0)}

/* 关闭按钮：右上角小圆钮 */
#sign form .close{
  right:-13px;top:-13px;width:34px;height:34px;line-height:34px;border-radius:50%;
  background:#fff;color:#8b90a0;font-size:14px;
  border:1px solid #edeff6;box-shadow:0 6px 16px -6px rgba(15,18,34,.35);
  -webkit-transition:background .2s,color .2s,-webkit-transform .2s;
  transition:background .2s,color .2s,transform .2s;
}
#sign form .close:hover{background:#7c4ddb;color:#fff;border-color:#7c4ddb}

/* 登录/注册切换：右上角胶囊 */
#sign .switch{
  position:absolute;top:16px;right:16px;margin:0;
  height:32px;line-height:32px;padding:0 13px;border-radius:16px;
  background:#f6f3ff;color:#7d47d1;font-size:12.5px;cursor:pointer;
  -webkit-transition:background .2s,color .2s;transition:background .2s,color .2s;
}
#sign .switch i{display:none}
#sign .switch:hover{background:#7c4ddb;color:#fff}

/* 第三方登录 */
#sign .other-sign{border-top:1px solid #f0f1f6;margin:24px -38px 0;padding:0 38px}
#sign .other-sign p{margin:16px 0 10px;text-align:center;color:#9aa1ad;font-size:12.5px}
#sign .other-sign .qqlogin{
  display:-webkit-box;display:flex;align-items:center;justify-content:center;
  height:44px;padding:0;border:1px solid #dbe9ff;border-radius:12px;
  background:#eef5ff;color:#2f7fe0;font-size:14px;
}
#sign .other-sign .qqlogin:hover{background:#e3efff;color:#2f7fe0}
#sign .other-sign .qqlogin i{margin-right:6px}

/* 表单内联错误提示：改为输入框下方红字，不再遮挡输入内容 */
#sign form label.error{
  position:static;display:block;margin:6px 0 0 2px;padding:0;
  background:none;color:#e5484d;font-size:12.5px;line-height:1.4;
}

@media only screen and (max-width:768px){
  #sign{top:16px;left:12px;right:12px;width:auto;margin-left:0}
  #sign .part{padding:40px 20px 28px;border-radius:16px}
  #sign form h3{font-size:20px}
  #sign .part h3::after{font-size:12.5px;margin-top:6px}
  #sign form input.input-control{height:45px;line-height:45px;font-size:14px;border-radius:11px}
  #sign form label.icon{top:14px;left:13px;font-size:14px}
  #sign form p.vdcode input,
  #sign form p.vdcode_reg input{padding-left:13px!important}
  #sign form .vdcodeimg{height:45px;width:96px;border-radius:11px}
  #sign form .safe{font-size:12.5px;margin-top:14px}
  #sign form .submit{height:46px;font-size:15px}
  #sign .switch{top:14px;right:14px;height:30px;line-height:30px;font-size:12px;padding:0 11px}
  #sign form .close{top:-10px;right:-8px;width:32px;height:32px;line-height:32px}
  #sign .other-sign{margin:20px -20px 0;padding:0 20px}
}

/* ================= 头部 / 菜单视觉升级 ================= */
/* 材质：深紫玻璃 */
#header{
  background:linear-gradient(180deg,rgba(34,24,56,.86) 0%,rgba(26,18,44,.72) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.07),0 4px 22px rgba(14,8,28,.18);
}
#header.inside,#header.min{
  background:linear-gradient(180deg,rgba(30,20,50,.96) 0%,rgba(22,15,38,.93) 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.09),0 8px 30px rgba(10,5,22,.38);
}
/* 顶部品牌细线 */
#header::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(166,120,240,0) 0%,rgba(166,120,240,.55) 38%,rgba(140,200,255,.35) 62%,rgba(166,120,240,0) 100%);
}
/* Logo */
#header .nav-list li#logo{-webkit-transition:transform .3s ease,filter .3s ease;transition:transform .3s ease,filter .3s ease}
#header .nav-list li#logo:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);filter:brightness(1.12)}
/* 一级菜单 */
#header .nav-list > li > a{
  position:relative;padding:0 14px;font-size:14px;font-weight:500;letter-spacing:.4px;
  color:rgba(255,255,255,.82);background:transparent;
  -webkit-transition:color .22s ease;transition:color .22s ease;
}
#header .nav-list > li > a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#a678f0,#dcc4ff);
  -webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;
  -webkit-transition:-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:transform .28s cubic-bezier(.4,0,.2,1);
}
#header .nav-list > li > a:hover{color:#fff;background:transparent}
#header .nav-list > li > a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}
#header .nav-list > li.current-menu-item > a,
#header .nav-list > li.current_page_item > a{color:#fff;background:transparent}
#header .nav-list > li.current-menu-item > a::after,
#header .nav-list > li.current_page_item > a::after{
  -webkit-transform:scaleX(1);transform:scaleX(1);
  box-shadow:0 0 10px rgba(166,120,240,.75);
}
/* 下拉：圆角玻璃卡片 */
#header .nav-list > li > .sub-menu,
#header.inside .nav-list > li > .sub-menu,
#header.min .nav-list > li > .sub-menu{
  top:100%;left:50%;width:auto;min-width:150px;padding:6px;
  background-color:rgba(32,22,54,.97);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.1);border-radius:14px;
  box-shadow:0 14px 36px rgba(8,4,20,.48);
  text-align:left;overflow:hidden;
  -webkit-transform:translateX(-50%);transform:translateX(-50%);
}
#header .nav-list > li:hover > .sub-menu{
  display:block;
  -webkit-animation:hdSubIn .22s cubic-bezier(.2,.8,.3,1) both;animation:hdSubIn .22s cubic-bezier(.2,.8,.3,1) both;
}
@-webkit-keyframes hdSubIn{from{opacity:0;-webkit-transform:translateX(-50%) translateY(-6px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0)}}
@keyframes hdSubIn{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
#header .nav-list > li > .sub-menu li{display:block;height:auto;line-height:1}
#header .nav-list > li > .sub-menu a{
  display:block;height:auto;line-height:1;padding:10px 16px;border-radius:9px;
  font-size:13px;color:rgba(255,255,255,.72);white-space:nowrap;
}
#header .nav-list > li > .sub-menu a:hover{background-color:rgba(152,97,230,.24);color:#fff}
/* 在线咨询按钮 */
#header .nav-list li.nav-kf a.kf-btn{
  background:linear-gradient(135deg,#b07cf5 0%,#7d47d1 100%);
  border:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 4px 14px rgba(140,80,220,.42);
  -webkit-transition:all .22s ease;transition:all .22s ease;
}
#header .nav-list li.nav-kf a.kf-btn:hover{
  background:linear-gradient(135deg,#bb8bff 0%,#8a52e0 100%);
  color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 8px 22px rgba(140,80,220,.56);
}
#header .nav-list li.nav-kf a.kf-btn i{-webkit-transition:-webkit-transform .25s ease;transition:transform .25s ease}
#header .nav-list li.nav-kf a.kf-btn:hover i{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}
/* 登录 / 注册 */
#header .nav-list li#loginreg .user-avatar img{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 2px 8px rgba(0,0,0,.3)}
/* 用户下拉面板 */
#header .nav-list li#loginreg .user-panel{
  top:44px;left:auto;right:0;width:156px;padding:6px;text-align:left;margin:0;
  background-color:rgba(32,22,54,.97);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.1);border-radius:14px;
  box-shadow:0 14px 36px rgba(8,4,20,.5);overflow:hidden;
}
#header .nav-list li#loginreg:hover .user-panel{
  -webkit-animation:hdPanelIn .2s cubic-bezier(.2,.8,.3,1) both;animation:hdPanelIn .2s cubic-bezier(.2,.8,.3,1) both;
}
@-webkit-keyframes hdPanelIn{from{opacity:0;-webkit-transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0)}}
@keyframes hdPanelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
#header .nav-list li#loginreg .user-panel a{
  display:block;height:auto;line-height:1;padding:10px 12px;border-radius:9px;
  font-size:13px;color:rgba(255,255,255,.76);background-color:transparent;
}
#header .nav-list li#loginreg .user-panel a:hover{background-color:rgba(152,97,230,.24);color:#fff}
#header .nav-list li#loginreg .user-panel .username{
  margin:0 0 4px;padding:6px 12px 10px;border-bottom:1px solid rgba(255,255,255,.09);
  border-radius:0;color:#fff;font-size:13px;line-height:1.4;
}
#header .nav-list li#loginreg:hover .user-admin a{
  border-radius:16px;background-color:rgba(255,255,255,.2);
}
#header .nav-list li#loginreg{margin-left:14px;padding:0;height:50px;line-height:50px;vertical-align:top;white-space:nowrap}
#header .nav-list li#loginreg > div{margin:0;padding:0;float:none;display:inline-block;vertical-align:middle;line-height:normal}
#header .nav-list li#loginreg > div > a{
  box-sizing:border-box;height:32px;line-height:30px;padding:0 16px;border-radius:16px;
  font-size:13px;font-weight:500;letter-spacing:.3px;
  color:rgba(255,255,255,.92);background-color:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  -webkit-transition:all .22s ease;transition:all .22s ease;
}
#header .nav-list li#loginreg > div > a:hover{background-color:rgba(255,255,255,.2);color:#fff}
#header .nav-list li#loginreg > div > a.user-signin{margin-right:8px;border-radius:16px}
#header .nav-list li#loginreg > div > a.user-reg{
  border-radius:16px;color:#fff;border-color:rgba(255,255,255,.2);
  background:linear-gradient(135deg,#b07cf5 0%,#7d47d1 100%);
  box-shadow:0 4px 14px rgba(140,80,220,.4);
}
#header .nav-list li#loginreg > div > a.user-reg:hover{
  background:linear-gradient(135deg,#bb8bff 0%,#8a52e0 100%);color:#fff;
}
/* 搜索 */
#header .nav-list li#search .search-input-wrapper{
  border-radius:16px;background-color:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  -webkit-transition:all .3s ease;transition:all .3s ease;
}
#header .nav-list li#search:hover .search-input-wrapper{background-color:rgba(255,255,255,.14)}
#header .nav-list li#search.active .search-input-wrapper{
  width:200px;padding:0 12px 0 32px;background-color:#fff;border-color:#fff;
  box-shadow:0 8px 22px rgba(10,5,22,.3);
}
#header .nav-list li#search .search-icon .fa{color:rgba(255,255,255,.82)}

/* 中等屏幕：内容区留出安全边距，避免 logo / 按钮贴边 */
@media only screen and (min-width:1260px) and (max-width:1380px){
  #header .content{width:auto;max-width:1260px;margin:0 18px}
  #header .nav-list > li > a{padding:0 12px}
}

/* ---- 移动端 / 平板 ---- */
@media only screen and (max-width:1024px){
  #header .nav-menu .nav-toggle{
    width:38px;height:38px;line-height:38px;margin:6px 0 0 0;border-radius:12px;
    font-size:16px;color:rgba(255,255,255,.9);background-color:rgba(255,255,255,.08);
    -webkit-transition:background .2s ease;transition:background .2s ease;
  }
  #header .nav-menu .nav-toggle:hover{background-color:rgba(255,255,255,.16)}
  #header .nav-menu .signin-toggle{
    width:38px;height:38px;line-height:38px;margin:6px 0 0 0;border-radius:12px;
    background-color:rgba(255,255,255,.08);
  }
  #header .nav-menu .signin-toggle a{color:rgba(255,255,255,.92)}
  #header .nav-menu li.home-logo a{
    width:34px;height:34px;top:8px;margin-left:-17px;border-radius:9px;
    box-shadow:0 3px 10px rgba(0,0,0,.32);
  }
  /* 展开后的抽屉 */
  .show-nav #header .nav-list{
    top:50px;padding:8px 0 12px;
    background:linear-gradient(180deg,rgba(30,20,50,.99) 0%,rgba(22,15,38,.99) 100%);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 18px 18px;
    box-shadow:0 20px 44px rgba(6,3,16,.55);
    -webkit-animation:hdMenuIn .24s cubic-bezier(.2,.8,.3,1) both;animation:hdMenuIn .24s cubic-bezier(.2,.8,.3,1) both;
  }
  @-webkit-keyframes hdMenuIn{from{opacity:0;-webkit-transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0)}}
  @keyframes hdMenuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
  .show-nav #header .nav-list > li{
    display:block;background-color:transparent;border-top:0;
    text-align:center;float:none;width:auto;height:auto;
  }
  .show-nav #header .nav-list > li > a{
    height:48px;line-height:48px;margin:2px 14px;padding:0 12px;border-radius:12px;
    font-size:15px;font-weight:500;color:rgba(255,255,255,.82);
  }
  .show-nav #header .nav-list > li > a::after{display:none}
  .show-nav #header .nav-list > li > a:hover{background-color:rgba(255,255,255,.07);color:#fff}
  .show-nav #header .nav-list > li.current-menu-item > a,
  .show-nav #header .nav-list > li.current_page_item > a{
    color:#fff;background-color:rgba(152,97,230,.2);
    box-shadow:inset 0 0 0 1px rgba(166,120,240,.35);
  }
  .show-nav #header .nav-list li.nav-kf{margin:10px 0 2px;padding:0}
  .show-nav #header .nav-list li.nav-kf a.kf-btn{
    display:inline-block;margin:0 auto;height:40px;line-height:40px;padding:0 26px;
    border-radius:20px;font-size:14px;
  }
  .show-nav #header .nav-list li#search{float:none;margin:8px auto 0;padding:0 14px}
  .show-nav #header .nav-list li#search .search-input-wrapper{
    display:block;width:100%;height:42px;margin-top:0;padding:0 14px 0 40px;
    border-radius:12px;background-color:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.13);box-sizing:border-box;
  }
  .show-nav #header .nav-list li#search.active .search-input-wrapper{width:100%}
  .show-nav #header .nav-list li#search .search-input{height:40px;font-size:14px;color:#fff}
  .show-nav #header .nav-list li#search .search-icon{width:40px;height:40px;line-height:40px;font-size:15px;text-align:center}
  .show-nav #header .nav-list li#search .search-input::-webkit-input-placeholder{color:rgba(255,255,255,.42)}
  .show-nav #header .nav-list li#search .search-input::-moz-placeholder{color:rgba(255,255,255,.42)}
  .show-nav #header .nav-list li#search .search-input::placeholder{color:rgba(255,255,255,.42)}
}

/* ================= 页脚重新布局 ================= */
/* 底色：与头部同系的深紫，带两处柔光 */
#footer{
  background:
    radial-gradient(900px 340px at 10% 0%,rgba(152,97,230,.17) 0%,rgba(152,97,230,0) 68%),
    radial-gradient(760px 300px at 92% 108%,rgba(96,165,250,.11) 0%,rgba(96,165,250,0) 62%),
    linear-gradient(180deg,#1c1430 0%,#16102a 58%,#120d22 100%);
  color:rgba(255,255,255,.6);
  position:relative;overflow:hidden;
  box-shadow:inset 0 16px 30px -24px rgba(0,0,0,.65);
}
#footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(166,120,240,0) 0%,rgba(166,120,240,.55) 35%,rgba(140,200,255,.4) 65%,rgba(166,120,240,0) 100%);
}
/* 五列网格：品牌 | 关于 | 最新 | 热点 | 联系方式 */
#footer .content{position:relative;z-index:1}
#footer .content .inner{
  display:grid;
  grid-template-columns:minmax(280px,1.45fr) minmax(96px,.68fr) minmax(96px,.68fr) minmax(96px,.68fr) minmax(228px,1.05fr);
  column-gap:clamp(20px,3.4vw,56px);
  padding:46px 0 36px;
  height:auto;overflow:visible;color:inherit;
  align-items:start;
}
#footer .inner .group{float:none;width:auto;padding:0;font-size:13px;color:inherit;box-sizing:border-box}
#footer .inner #describe{width:auto;padding:0}
#footer .inner #social{width:auto}
/* 品牌区 */
#footer .inner #describe h3{
  font-size:19px;font-weight:700;color:#fff;letter-spacing:1.2px;line-height:1.3;
  margin:0 0 14px;display:inline-flex;align-items:center;gap:10px;
}
#footer .inner #describe h3::before{
  content:"";width:4px;height:19px;border-radius:2px;
  background:linear-gradient(180deg,#b07cf5 0%,#7d47d1 100%);
  box-shadow:0 0 12px rgba(152,97,230,.6);
}
#footer .inner #describe p{
  font-size:13.5px;line-height:2;color:rgba(255,255,255,.5);
  max-width:360px;margin:0;letter-spacing:.3px;
}
#footer .inner #describe .stamp{
  margin:18px 0 0;width:64px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,rgba(176,124,245,.95) 0%,rgba(176,124,245,0) 100%);
}
/* 栏目标题 */
#footer .inner .group h3.title{
  font-size:14px;font-weight:600;color:rgba(255,255,255,.95);letter-spacing:.6px;
  margin:0 0 16px;display:flex;align-items:center;gap:8px;line-height:1.3;
}
#footer .inner .group h3.title::before{
  content:"";flex:0 0 auto;width:3px;height:13px;border-radius:2px;
  background:linear-gradient(180deg,#b07cf5 0%,#7d47d1 100%);
}
/* 栏目链接 */
#footer .inner .group ul li{margin-bottom:2px;display:block}
#footer .inner .group .menu li{margin-bottom:2px}
#footer .inner .group a{
  position:relative;left:0;display:inline-block;
  font-size:13.5px;line-height:2.1;color:rgba(255,255,255,.55);
  -webkit-transition:color .22s ease,-webkit-transform .22s ease;transition:color .22s ease,transform .22s ease;
}
#footer .inner .group a:hover{color:#fff;left:0;-webkit-transform:translateX(3px);transform:translateX(3px)}
/* 联系方式 */
#footer .inner #social ul li{
  display:flex;align-items:center;flex-wrap:wrap;gap:0 9px;
  font-size:13.5px;line-height:1.9;color:rgba(255,255,255,.55);
  margin:0 0 9px;
}
#footer .inner #social ul li::before{
  font-family:FontAwesome;font-size:13px;line-height:1;color:rgba(176,124,245,.95);
  flex:0 0 15px;width:15px;text-align:center;
}
#footer .inner #social ul li:nth-child(1)::before{content:"\f0e0"}
#footer .inner #social ul li:nth-child(2)::before{content:"\f1d7"}
#footer .inner #social ul li a{line-height:1.9;color:rgba(255,255,255,.78)}
#footer .inner #social ul li a:hover{color:#fff;transform:none}
#footer .inner #social ul li:nth-child(3){
  display:block;margin:18px 0 0;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.45);font-size:12.5px;
}
#footer .inner #social ul li:nth-child(3)::before{display:none}
#footer .inner #social ul li:nth-child(3) img{
  display:block;margin-top:10px;padding:6px;box-sizing:content-box;
  width:144px!important;height:144px!important;
  background:#fff;border-radius:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.38);
}
/* 版权条 */
.foot_copy{background:transparent;width:auto;position:relative;z-index:1}
#footer .site-info{padding:0;max-width:1260px;margin:0 auto}
#footer .site-info .copyright{
  display:flex;align-items:center;justify-content:center;gap:14px;
  border-top:1px solid rgba(255,255,255,.07);
  padding:20px 0;margin:0;
  font-size:12.5px;letter-spacing:.6px;color:rgba(255,255,255,.4);
  text-transform:none;
}
#footer .site-info .copyright::before,
#footer .site-info .copyright::after{
  content:"";flex:0 0 auto;width:56px;height:1px;
  background:linear-gradient(90deg,rgba(176,124,245,0) 0%,rgba(176,124,245,.45) 100%);
}
#footer .site-info .copyright::after{
  -webkit-transform:rotate(180deg);transform:rotate(180deg);
}
#footer .site-info .copyright a{color:rgba(255,255,255,.55)}
#footer .site-info .copyright a:hover{color:#fff}

/* 中等屏（769-999）：品牌独占一行，三个栏目列三等分，联系方式铺满 */
@media only screen and (min-width:769px) and (max-width:999px){
  #footer .content{width:auto;margin:0 24px}
  #footer .content .inner{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:28px;padding:40px 0 30px;
  }
  #footer .inner #describe{grid-column:1 / -1;margin-bottom:22px}
  #footer .inner #describe p{max-width:none}
  #footer .inner #social{
    grid-column:1 / -1;margin-top:4px;padding-top:22px;
    border-top:1px solid rgba(255,255,255,.07);
  }
  #footer .inner #social h3.title{margin-bottom:14px}
  /* 二维码绝对定位到右侧，左侧联系方式正常堆叠，避免网格行高被拉伸 */
  #footer .inner #social ul{position:relative;padding-right:196px;min-height:172px}
  #footer .inner #social ul li:nth-child(3){
    position:absolute;right:0;top:0;width:162px;
    margin:0;padding:0;border-top:0;text-align:right;
  }
  #footer .inner #social ul li:nth-child(3) img{margin-left:auto}
}
/* 手机：两列，品牌与联系方式通栏 */
@media only screen and (max-width:768px){
  #footer{text-align:left}
  #footer .content{width:auto;margin:0 18px}
  #footer .content .inner{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:14px;padding:28px 0 20px;
  }
  #footer .inner .group{height:auto;overflow:visible;padding-right:0}
  #footer .inner #describe{grid-column:1 / -1;margin-bottom:18px}
  #footer .inner #describe h3{font-size:17px;margin-bottom:10px}
  #footer .inner #describe p{font-size:13px;line-height:1.9;max-width:none}
  #footer .inner #describe .stamp{margin-top:12px;width:52px}
  #footer .inner .group h3.title{font-size:13.5px;margin-bottom:10px}
  #footer .inner .group a{font-size:13px;line-height:2}
  #footer .inner .group .menu li{display:block;float:none;margin:0 0 2px}
  #footer .inner .group ul li{display:block;margin:0 0 2px}
  #footer .inner #social{
    grid-column:1 / -1;margin-top:12px;padding-top:18px;
    border-top:1px solid rgba(255,255,255,.07);
  }
  #footer .inner #social ul li:nth-child(3){margin-top:14px;padding-top:14px}
  #footer .inner #social ul li:nth-child(3) img{margin-top:8px;width:132px!important;height:132px!important}
  #footer .site-info .copyright{padding:16px 0;font-size:12px;letter-spacing:.3px;gap:10px}
  #footer .site-info .copyright::before,
  #footer .site-info .copyright::after{width:26px}
}
/* 小屏平板 / 大屏手机：联系方式与二维码并排 */
@media only screen and (min-width:481px) and (max-width:768px){
  #footer .inner #social ul{position:relative;padding-right:152px;min-height:150px}
  #footer .inner #social ul li:nth-child(3){
    position:absolute;right:0;top:0;width:132px;
    margin:0;padding:0;border-top:0;text-align:right;
  }
  #footer .inner #social ul li:nth-child(3) img{margin-top:0;margin-left:auto}
}
@media only screen and (max-width:380px){
  #footer .inner #describe p{font-size:12.5px;line-height:1.85}
  #footer .inner .group a{font-size:12.5px}
  #footer .inner .group h3.title{font-size:13px;gap:6px}
  #footer .content .inner{column-gap:10px}
}
/* 500px 以下原规则把 header 压成 #222，改回深紫避免头部发黑 */
@media only screen and (max-width:500px){
  #header{background-color:#1b1430}
}

/* ===================================================================
   商品区 / 主体背景（2026-10-19d）
   原来 #container 是死板的 #f1f1f1 冷灰，与深紫横幅、深紫页脚都断层。
   改为：浅紫雾面底 + 首屏顶部从横幅紫色柔和淡出的过渡裙边。
   =================================================================== */
#container{
  background-color:#f5f3fa;
  background-image:linear-gradient(180deg,#f5f3fa 0%,#f4f2f9 55%,#efedf6 100%);
  background-repeat:no-repeat;background-size:100% 100%;
}

/* 首页（上方是紫色横幅）：顶部 130px 横向对齐横幅底部色，纵向淡出成浅紫 */
body:has(#cool) #billboard + #container{
  background-image:
    linear-gradient(180deg,rgba(245,243,250,0) 0%,rgba(245,243,250,.05) 26%,rgba(245,243,250,.16) 44%,rgba(245,243,250,.42) 60%,rgba(245,243,250,.72) 74%,rgba(245,243,250,.92) 87%,#f5f3fa 100%),
    linear-gradient(90deg,#443075 0%,#4b3380 12%,#5b3fa8 50%,#6e43c0 78%,#7d4acf 100%),
    linear-gradient(180deg,#f5f3fa 0%,#f4f2f9 55%,#efedf6 100%);
  background-size:100% 122px,100% 122px,100% 100%;
  background-repeat:no-repeat;
}

/* 首屏标题落在紫色裙边上，反白显示 */
body:has(#cool) #billboard + #container #cool:first-of-type .fetitle h1{color:#fff;text-shadow:0 1px 3px rgba(24,12,52,.35)}
body:has(#cool) #billboard + #container #cool:first-of-type .fetitle h1::before{
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.75) 100%);
  box-shadow:0 0 12px rgba(255,255,255,.45);
}
body:has(#cool) #billboard + #container #cool:first-of-type .fetitle span{
  background:rgba(255,255,255,.18);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
body:has(#cool) #billboard + #container #cool:first-of-type .fetitle span a,
body:has(#cool) #billboard + #container #cool:first-of-type .fetitle span a:hover{color:#fff}
body:has(#cool) #billboard + #container #cool:first-of-type .fetitle span:hover{background:rgba(255,255,255,.30)}
body:has(#cool) #billboard + #container #cool:first-of-type .fetitle{margin-bottom:52px}

/* 卡片：灰调阴影改紫调，缩略图占位色同步 */
.grid ul li .item{
  box-shadow:0 0 0 1px rgba(103,71,168,.10),0 4px 10px rgba(38,24,72,.05),0 16px 32px -18px rgba(80,45,150,.30);
}
.grid ul li:hover .item{
  box-shadow:0 0 0 1px rgba(125,71,209,.22),0 8px 18px rgba(38,24,72,.07),0 28px 50px -20px rgba(96,52,180,.42);
}
.grid ul li .thumb{background:#f5f2fb}
.grid ul li:hover .thumb{background:#f5f2fb}
.grid ul li .data{border-top-color:#f2f0f8}

/* 内页：白色内容块在浅紫底上更干净，顺带给面包屑一点紫调 */
#container .wrapper.search-top{background-color:transparent}

/* 列表页（.content.shop）：横幅底部 42% 背景淡出到浅紫，与商品区无缝衔接 */
body:not(:has(#cool)) #billboard{
  background-image:
    linear-gradient(180deg,rgba(245,243,250,0) 74%,rgba(245,243,250,.26) 85%,rgba(245,243,250,.72) 93%,#f5f3fa 100%),
    linear-gradient(135deg,#3b2a63 0%,#5b3fa8 55%,#7d47d1 100%);
}

/* ===================================================================
   全站页面背景 / 容器统一（2026-10-19f）
   目标：所有页面 = 浅紫底 + 统一圆角白卡，不再出现直角大色块、
        绿/玫红/橙等旧配色残留。
   =================================================================== */

/* ---------- 1. 卡片基线 ---------- */
:root{
  --qm-card-bg:#fff;
  --qm-card-radius:18px;
  --qm-card-line:rgba(103,71,168,.09);
  --qm-card-shadow:0 1px 2px rgba(38,24,72,.04),0 18px 40px -26px rgba(80,45,150,.30);
}

/* 详情页 / 内容页主区 */
#primary .area{
  background:var(--qm-card-bg);
  border-radius:var(--qm-card-radius);
  box-shadow:0 0 0 1px var(--qm-card-line),var(--qm-card-shadow);
  overflow:hidden;
}
/* 单页（关于我们等）：area 透明，白卡在 page-wrapper 上 */
.page #primary .area{
  background:transparent;box-shadow:none;border-radius:0;overflow:visible;
}
.page #primary .area .page-wrapper{
  background:var(--qm-card-bg);
  border-radius:var(--qm-card-radius);
  box-shadow:0 0 0 1px var(--qm-card-line),var(--qm-card-shadow);
  overflow:hidden;
}
/* 侧栏 */
#primary .aside{
  background:var(--qm-card-bg);
  border-radius:16px;
  box-shadow:0 0 0 1px var(--qm-card-line),0 10px 26px -20px rgba(80,45,150,.30);
  overflow:hidden;
}
#primary .aside .menus ul li a{border-bottom:1px solid #f2f0f8}
#primary .aside .menus ul li:last-child a{border-bottom:0}

/* ---------- 2. 内容区留白（让卡片浮在浅紫底上） ---------- */
#container .content.shop{padding-top:22px}
#container .content.page{padding-top:22px;padding-bottom:26px}
#container > .wrapper.search-top{padding-bottom:6px}
@media only screen and (max-width:768px){
  :root{--qm-card-radius:14px}
  #container .content.shop{padding-top:14px}
  #container .content.page{padding-top:14px;padding-bottom:18px}
  #primary .area,#primary .aside{box-shadow:0 0 0 1px var(--qm-card-line),0 10px 22px -16px rgba(80,45,150,.24)}
}

/* ---------- 3. 详情页信息块 ---------- */
#primary .area .single-header{border-bottom:1px solid #f0edf8}
#primary .area .single-header h1,#primary .area .single-header h2{color:#2a2040}
#primary .area .single-content{color:#443c58}
#primary .area .single-content pre{
  background:#f7f5fc;border-left:3px solid #7d47d1;border-radius:10px;
}
#primary .area .single-content blockquote{
  background:#f8f6fd;border-left:3px solid #b07cf5;border-radius:0 10px 10px 0;
}
#primary .area .single-content table tr:hover{background:#f8f6fd}
#primary .area .single-content img{border-radius:10px}

/* 购物 / 模型页属性块 */
.shop .product .property .summary{background:#f8f6fd;border-radius:14px;border:1px solid #f1eef9}
.shop .product .property .summary .summary-price strong{color:#7d47d1}
.shop .product .buy-btn-new,
.shop .product .buy-btn-ys,
.buy-btn-diasbled,.buy-btn-nologin,.buy-btn-stows{
  background:linear-gradient(135deg,#b07cf5 0%,#7d47d1 100%);
  box-shadow:0 8px 22px -8px rgba(125,71,209,.55);
  border:0;
}
.shop .product .buy-btn-new:hover,.buy-btn-ys:hover,
.buy-btn-diasbled:hover,.buy-btn-nologin:hover,.buy-btn-stows:hover{
  background:linear-gradient(135deg,#c094ff 0%,#6d3fc4 100%);
  box-shadow:0 12px 28px -8px rgba(125,71,209,.62);
}
.shop .goodslist li .info .buy{background:#7d47d1;border-radius:6px}
.shop .goodslist li .info .buy:hover{background:#6d3fc4}
.shop .goodslist li .info .pricebtn{color:#7d47d1}

/* ---------- 4. 标签 / 分页 / 杂项 ---------- */
.centralnav .navigation .page-numbers{background:#fff;border:1px solid #eceaf4;color:#5c5473}
.centralnav .navigation .page-numbers:hover{background:#7d47d1;border-color:#7d47d1;color:#fff}
.centralnav .navigation .current{background:#7d47d1;border-color:#7d47d1;color:#fff}
.centralnav .navigation .pages{background:#7d47d1}
#primary .area .single-content .short-btn{background:#7d47d1;border-radius:8px}
#primary .area .single-content .short-btn:hover{background:#6d3fc4}
.large-submit{background:linear-gradient(135deg,#b07cf5 0%,#7d47d1 100%);border-radius:10px}
.large-submit:hover{background:linear-gradient(135deg,#c094ff 0%,#6d3fc4 100%)}
.btn-primary{background-color:#7d47d1;border-color:#7d47d1;border-radius:8px}
.btn-primary:hover{background-color:#6d3fc4;border-color:#6d3fc4}

/* ---------- 5. 表单控件随紫色体系 ---------- */
input[type=text],input[type=password],input[type=email],input[type=tel],textarea,select{border-color:#e7e3f2}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus,select:focus{
  border-color:#b07cf5;box-shadow:0 0 0 3px rgba(176,124,245,.15);outline:0;
}

/* ---------- 6. 横幅内的微信二维码卡（关于我们 / 列表页） ---------- */
#billboard .wrapper.search-top img{
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px -12px rgba(18,10,36,.55);
}
#billboard .wrapper.search-top h3{font-weight:600}


/* ---------- 7. 充值/支付流程页：去掉步骤条下方那条横贯卡片的浅色分隔线 ---------- */
/* 原规则 #primary .area .single-header 带 border-bottom，在 .wbi 页面上会直接压在支付方式框上 */
.wbi #primary .area .single-header,
#container .wbi #primary .area .single-header{border-bottom:0 none}