@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:#00c3b6;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:100%}
::-moz-focus-inner{border-color:transparent}
::-moz-selection{color:#fff;color:rgba(255,255,255,.9);background:#ea4c89;text-shadow:none}
::selection{color:#fff;color:rgba(255,255,255,.9);background:#ea4c89;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:#f1f1f1;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:#00c3b6;color:#FFF}
.centralnav .navigation .pages{background-color:#00c3b6;color:#FFF;margin-right:10px}
.centralnav .navigation .current{background-color:#00c3b6;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 #E5E5E5;box-shadow:none;box-sizing:border-box}
.space.centralnav .navigation .page-numbers.current,.space.centralnav .navigation .page-numbers:hover{border:1px solid #00c3b6}
.space.centralnav .navigation .page-numbers.dots:hover{border:1px solid #E5E5E5}
.jumppage{display:inline-block;height:34px;line-height:34px;color:#999;vertical-align:middle}
.total-page{margin:0 10px}
.go-page{border:1px solid #d8d8d8;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 #00c3b6}
.active.go-page #jump-btn{background-color:#00c3b6;color:#FFF;border-radius:0;border-left-color:#00c3b6}
#jump-btn{background-color:#fff;float:left;border-left:1px solid #d8d8d8;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:200px;padding-top:50px;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,.3);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:#323232}
#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:120px;line-height:65px;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 20px;display:block;line-height:50px;color:rgba(255,255,255,.8)}
#header .nav-list li a:hover,#header .nav-list li.current-menu-item a{color:rgba(255,255,255,.4)}
#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:#00c3b6}
#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,.5)}
#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 .user-reg{border-radius:0 4px 4px 0}
#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}
#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:#f1f1f1;padding-top:50px}
#notice{position:absolute;height:50px;width:100%;overflow:hidden;left:0;top:0}
#notice .wrapper{height:24px;margin:13px auto;line-height:24px;overflow:hidden}
#notice .wrapper .icon{font-size:16px;color:#999;display:inline-block;margin-right:15px}
#notice ul li{display:inline-block;margin-right:4%}
#notice ul li,#notice ul li a{color:#888}
#notice ul li a:hover{color:#00c3b6}
#notice ul li span{margin-left:5px}
#notice ul li a:hover{text-decoration:underline}
#aim{background-color:#FFF}
#aim .wrapper{margin:auto -10px;height:auto;padding:30px 0;overflow:hidden}
#aim .wrapper .stick{width:50%;float:left;-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:250px;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:#00c3b6}
.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}
.grid ul{margin:auto -10px;height:auto;overflow:hidden}
.grid ul li{float:left;width:320px;padding-bottom:30px;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}
.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:14px;display:block;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grid ul li:hover .title a{color:#00c3b6}
.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:#00c3b6}
.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 #f2f2f2;padding:8px 5px;color:#999}
.grid ul li .data a{color:#999}
.grid ul li .data a:hover{color:#00c3b6}
.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:#00c3b6;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 #00c3b6 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:#79ac21}
.search .grid ul li .extra.weiran:after{border-color:transparent #79ac21 transparent transparent}
.search .grid ul li .extra.shop{background-color:#ea4c89}
.search .grid ul li .extra.shop:after{border-color:transparent #ea4c89 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:#F9F9F9}
.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 #E5E5E5;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:#00c3b6;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:#00c3b6;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:#f1f1f1;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 #e1e1e1;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:#00c3b6}
.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 #E5E5E5;background-color:#F9F9F9}
.widget-title .fa{margin-right:10px}
.widget ul li{height:auto;overflow:hidden;padding:15px 20px;border-bottom:1px solid #F2F2F2}
.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:#00c3b6;text-decoration:none}
.widget ul li span{display:block;margin-top:5px}
.widget ul li span a{color:#ea4c89}
.widget ul li span i{font-style:normal;color:#ea4c89;margin-left:10px}
.widget.sidabar-recommend .box{padding:20px;background-color:#FFF;text-align:center}
.widget.new-comments ul li .thumb{width:50px;height:50px;border-radius:50px}
.widget.new-comments ul li strong{font-weight:400;color:#00c3b6;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 #D8D8D8}
#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:#00c3b6;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:#00c3b6;color:#FFF}
#guide .group ul li .sub li.current-cat a{color:#00c3b6}
#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-image:url(../images/shop-bg.png)}
.sub-billboard.activities{background-image:url(../images/special-bg.jpg)}
.navcaret#guide{text-align:center;padding-top:10px;background-color:#f1f1f1;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:#F1F1F1;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:#ea4c89;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:#ea4c89;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:#df3e7b}
.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:#00c3b6}
.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:160px;height:45px;line-height:45px;text-align:center;color:#FFF;display:inline-block;font-size:14px;margin-right:5px;border-radius:25px}
.buy-btn{border-radius:0}
.buy-btn-diasbled,.buy-btn-new,.buy-btn-nologin{background-color:#ea4c89}
.buy-btn-diasbled:hover,.buy-btn-new:hover .buy-btn-nologin:hover{background-color:#E83779}
.buy-btn-ys{background-color:#00c3b6}
.buy-btn-ys:hover{background-color:#00a398}
.buy-btn-stows{background-color:#EF9714}
.buy-btn-stows:hover{background-color:#EB7500}
.btn-text-jbcz{margin-right:10px}
.shop .product .buy-btn-new:hover,.shop .product a.set-email-btn:hover{background-color:#df3e7b}
.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:#F5F5F5;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:24px;color:#ea4c89;font-weight:400}
.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:#ea4c89}
.shop .product .property .amount .amount-number{display:inline-block;vertical-align:middle;border:1px solid #D8D8D8;height:32px;overflow:hidden}
.shop .product .property .amount .amount-input{border:1px solid #E1E1E1;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:#F5F5F5}
.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 #E5E5E5;box-sizing:border-box;padding-bottom:10px}
.shop-sidebar ul li a{display:block;width:210px;height:218px;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:218px}
.shop .product .main-content .shop-sidebar h3{padding:0 10px;height:48px;line-height:48px;border-bottom:1px solid #E5E5E5;background-color:#F9F9F9;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 #D8D8D8;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:1100px;box-sizing:border-box}
.shop .product #wrapnav.nav-fixed .intro{display:block}
.shop .product .nav{height:48px;border:1px solid #D8D8D8;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 #ea4c89;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:#ea4c89 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:#ea4c89;border-left:1px solid #e4c1c1;border-right:1px solid #e4c1c1}
.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:#ea4c89}
.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 #D8D8D8;background-color:#F5F5F5}
#history .pay-history td{border-bottom:1px dotted #E5E5E5;color:#666}
#history .pay-history td .tip{float:right;color:#999}
#history .history-tip{text-align:center;padding:20px;margin:auto;background-color:#F5F5F5;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 #E5E5E5}
#order #pay{border-top:5px solid #F5F5F5}
#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:#00c3b6;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:#ea4c89;display:none}
#order #pay ul label{display:inline-block;width:90px;text-align:right;margin-right:10px}
#order #pay ul label small{color:#ea4c89;margin-right:3px}
#order #pay ul input{background-color:#FFF;border:1px solid #E5E5E5;box-shadow:0 1px 1px rgba(0,0,0,.05) inset;padding:5px 8px;width:250px}
#order #pay ul li input[readonly]{background-color:#F5F5F5;color:#999}
#order #pay .checkout{background-color:#F5F5F5;padding:20px;border-bottom:1px solid #E5E5E5;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:#ea4c89;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:#ea4c89}
#order #pay .checkout .pay-submit-2{border:0;margin-top:-5px;background-color:#ea4c89}
#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 #e1e1e1;padding:0 20px 20px 20px}
.return #order .marked h2{font-size:16px;margin-bottom:20px}
.return #order .marked h2 i{margin-right:10px;color:#ea4c89;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}
#cool{margin:30px auto}
#love{background:url(../images/love-bg.jpg) center bottom no-repeat fixed;background-size:100%;padding:20px 0}
#love ul{margin:auto;height:auto;overflow:hidden}
#love ul li{position:relative;background-color:rgba(255,255,255,.25);float:left;width:25%;max-height:262px;overflow:hidden}
#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;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);-webkit-transition:-webkit-transform .2s cubic-bezier(.33,0,.2,1);transition:transform .2s cubic-bezier(.33,0,.2,1)}
#love ul li .meta{padding:8px 10px}
#love ul li:hover .meta{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#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:#00c3b6;display:inline-block;font-size:14px;padding:8px 25px;border-radius:20px;color:#FFF;margin:30px auto}
#love .feel-go a i{margin-left:3px}
#love .feel-go a:hover{background-color:#ea4c89}
#users{background:#FFF;padding:40px 0}
#users ul{height:auto;overflow:hidden}
#users ul li{width:33.333%;float:left;text-align:center;padding:0 20px;box-sizing:border-box}
#users ul li p [class*=fa-]{width:100px;height:100px;font-size:35px;color:#fff;line-height:100px;display:inline-block;position:relative;margin-bottom:20px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border-radius:50%;background:#00a398}
#users ul li .title{color:#00c3b6;font-size:18px;line-height:1;text-transform:capitalize;margin:0 0 15px;padding:0}
#users ul li h3{font-size:12px;margin-bottom:10px;line-height:18px}
#feature{height:auto;background-color:#FFF;overflow:hidden}
#feature ul li{width:25%;float:left;margin-bottom:2px}
#feature ul li a{background-color:#f1f1f1;display:block;height:200px;border-left:1px solid #FFF;border-right:1px solid #FFF}
#feature ul li:first-child a{border-left:0 none}
#feature ul li:last-child a{border-right:0 none}
#feature ul li a .item{height:100%;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;background:center no-repeat}
#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 #E5E5E5;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:#ea4c89}
#primary .area .single-header .single-meta p.copyright span{color:#999;margin-right:0}
#primary .area .single-header .single-meta p.copyright a{color:#ea4c89}
#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 #E5E5E5;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:#e1e1e1;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:#00c3b6;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:#00b5a9}
#primary .area .single-content blockquote{color:#999;padding-left:15px;border-left:1px solid #e1e1e1}
#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:#f5f5f5;border-left:3px solid #00c3b6;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 #E5E5E5;padding:5px 10px}
#primary .area .single-content table tr:hover{background-color:#f9f9f9}
#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 #E5E5E5;padding:5px;height:20px;width:150px;text-align:center;border-radius:5px}
#primary .area .single-content .protected-post-text:focus{border:1px solid #00c3b6}
#primary .area .single-content .protected-post-btn{background-color:#00c3b6;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:#ea4c89;border:1px solid #ea4c89;color:#fff;border-radius:100px}
#primary .area .single-content .single-heart a.loved{background-color:#fff;color:#ea4c89}
#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:#00c3b6;color:#FFF;border:1px solid #00c3b6}
#primary .area .single-content .page-links span:hover{background-color:#00c3b6;color:#FFF}
#primary .area .single-content .page-links a span{background-color:#fff;color:#999;border:1px solid #E5E5E5}
#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:#F5F5F5}
#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:#D8D8D8;color:#666}
#primary .area #comments{padding:20px}
#primary .area #comments ol li{padding:20px;border-top:1px solid #E5E5E5;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:#00c3b6;border-color:#00c3b6;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:#00c3b6}
#respond #comment-status .ajax-success{background-color:#00c3b6}
#respond #comment-status .ajax-error{background-color:#ea4c89}
#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 #d8d8d8 transparent transparent;left:-16px;top:8px}
#respond #smilies .smilies-box a{background-color:#fff;padding:3px 5px;display:block;float:left;border:1px solid #e5e5e5;margin:-1px;position:relative;-webkit-transition:none;transition:none}
#respond #smilies .smilies-box a:hover{border:1px solid #00C3B6;z-index:1}
#respond #author-info{margin:10px auto;margin-left:84px;height:auto;overflow:hidden}
#respond #author-info div{border:1px solid #CBCBCB;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:#ea4c89;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 #CBCBCB;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:#00c3b6;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:#00b5a9}
#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:#00c3b6;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:#00c3b6}
#comments .comment-list .comment-meta a{color:#00c3b6;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:#ea4c89}
#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{margin-bottom:0;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 #e1e1e1;border-bottom:1px solid #e1e1e1;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:#00c3b6}
.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 #E5E5E5}
.page #primary .aside .menus ul li a:hover{background-color:#F9F9F9}
.page #primary .aside .menus li.current_page_item a{background-color:#00c3b6}
.page #primary .aside .menus li.current_page_item:hover a{background-color:#00c3b6}
.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 #F2F2F2}
.page #primary .aside .menus ul li .children a{font-size:12px;border-bottom:0 none;border-left:1px solid #F2F2F2;margin-left:20px}
.page.sitemap .item ul li{border-bottom:1px solid #F2F2F2;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:#f1f1f1;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:#00a398;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:#222;color:#999;position:relative}
#footer .inner{height:auto;overflow:hidden;color:rgba(255,255,255,.25);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}
#footer .inner #describe .describe-text{letter-spacing:1px;line-height:20px}
#footer .inner #social{width:30%}
#footer .inner .group h3{font-size:14px;margin-bottom:10px;color:rgba(255,255,255,.65)}
#footer .inner .group a{color:rgba(255,255,255,.35)}
#footer .inner .group a:hover{color:rgba(255,255,255,.55);text-decoration:underline}
#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;background-color:rgba(0,0,0,.2);width:30px;height:30px;border-radius:5px;line-height:30px;display:inline-block;font-size:14px;color:rgba(255,255,255,.5);text-shadow:1px 1px 1px rgba(0,0,0,.5)}
#footer .inner .group .social-icon a:hover{color:#FFF}
#footer .inner .group .social-icon a:nth-child(9n+1):hover{background-color:#79ac21}
#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:#f39c12}
#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:#00a398;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}
#footer .site-info{padding-bottom:10px}
#footer .site-info .copyright{text-transform:uppercase;border-top:1px solid rgba(255,255,255,.065);padding:15px 0}
#footer .site-info .copyright a{color:#999}
#footer .site-info .copyright a:hover{color:#00c3b6;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;}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form h3 p i{color:#00c3b6;font-style:normal;}
#sign form .status .error{color:#ea4c89}
#sign form .status .success{color:#00c3b6}
#sign form p{margin:10px auto;position:relative}
#sign form label.error{color:#FFF;background-color:#ea4c89;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 #00c3b6}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{padding-right:35px}
#sign form .submit{cursor:pointer;background-color:#00c3b6;color:#FFF;border:0 none;font-size:14px}
#sign form .submit:hover{background-color:#00b5a9}
#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;color: #00c3b6;display:inline-block}
#sign .switch i{margin-right:5px;color:#ea4c89}
#suspend{position:fixed;bottom:-60px;right:20px;-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:#00c3b6}
#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 #00c3b6;border-radius:5px;height:40px;position:relative}
.large-select-box{height:40px;padding:0 10px;border-right:1px solid #00c3b6;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:#00c3b6;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:#00b5a9}
.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)}
.goodslist ul li a{display:block;overflow:hidden}
.goodslist ul li a.img{height:270px}
.goodslist ul li a.img img{min-height:270px}
.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:105px;height:30px;line-height:30px;font-size:12px;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}
.grid{width:100%;margin:auto}
.grid ul{text-align:center;margin:20px auto}
.grid ul li{width:300px;display:inline-block;float:none}
.goodslist ul li{margin:0 0 20px}
#love ul li{width:50%}
#feature ul li a{margin-bottom:1px}
#feature ul li{width:100%}
#feature ul li a{border:0 none}
#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}
.stick .swiper-container{margin:0}
.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 .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}
.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:#ea4c89;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:#ea4c89;border:1px solid #ea4c89;color:#fff;border-radius:100px}
#primary .area .single-heart a{display:inline-block;position:relative;z-index:1;padding:13px 50px;background-color:#ea4c89;border:1px solid #ea4c89;color:#fff;border-radius:100px}
#primary .area .single-heart a.loved{background-color:#fff;color:#ea4c89;-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:#ea4c89;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:80px}
.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 #df3e7b;color:#df3e7b;border-radius:50%}
.wbi #primary .wbi-wrapper .lc li.on i{background-color:#df3e7b;color:#fff}
.wbi #primary .wbi-wrapper .lc li.on p{color:#df3e7b}
.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:#df3e7b;display:block}
.wbi #primary .single-header i{color:#df3e7b;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 #00c3b6;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 #00a398;border:1px solid #fff}
.wbi #primary .status-tip{color:#f29606;padding:30px 0 0}
.wbi #primary .status-tip li{color:#666;font-size:14px}
.wbi #primary .status-tip li label{padding:21px;border:1px solid #ccc;border-radius:3px}
.wbi #primary .status-tip li label .paytype7{margin:0 10px 0 20px;padding:10px 47px;background-image:url(/images/pay/alipay.jpg);background-repeat:repeat;background-position:center center}
.wbi #primary .status-tip li label .paytype8{margin:0 10px 0 20px;padding:10px 47px;background-image:url(/images/pay/wx.jpg);background-repeat:repeat;background-position:center center}
.wbi #primary .status-tip li label .paytype9{margin:0 10px 0 20px;padding:10px 47px;background-image:url(/images/pay/tenpay.jpg);background-repeat:repeat;background-position:center center}
.wbi #primary .status-tip li label .paytype10{margin:0 10px 0 20px;padding:10px 51px;background-image:url(/images/pay/cbpayment.gif);background-repeat:repeat;background-position:center center}
.wbi .checkout{height:auto;overflow:hidden;border-top:1px solid #E5E5E5;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:#df3e7b;font-weight:400}
.wbi .checkout #pay-submit,.wbi .checkout #pay-submit2{float:right;background-color:#ea4c89;color:#FFF;border:0 none;padding:12px 40px;cursor:pointer;font-size:14px;border-radius:5px}
.wbi .checkout #pay-submit:hover{background-color:#df3e7b}
.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:#ea4c89;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:#00c3b6}
.fa-date{margin-right:7px}
.searchform{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:586px;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:112px;background:#00c3b6;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}
.k-hot{margin-top:10px;font-size:14px}
.k-hot span{font-weight:600}
.shop .product #wrapnav.nav-fixed .fixed-buy-btn{background-color:#ea4c89;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}
.func-btn3 {
    width: 144px;
    height: 22px;
    line-height: 12px;
    display: block;
    margin: 0 auto;
}.func-btn3 a {
    width: 24px;
    height: 22px;
    display: inline-block;
    margin: 0 4px;
    background: url(other.png) no-repeat;
}.func-btn3 a:hover {
    width: 24px;
    height: 22px;
    display: inline-block;
    background: url(other_h.png) no-repeat;
}.func-btn3 .qq, .func-btn3 .qq:hover {
    background-position: 0 0px;
}.func-btn3 .weixin, .func-btn3 .weixin:hover {
    background-position: -59px 0px;
}.func-btn3 .sina, .func-btn3 .sina:hover {
    background-position: -119px 0px;
}.func-btn3 .zfb, .func-btn3 .zfb:hover {
    background-position: -179px 0px;
}

	.wrap1{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }/*把整个屏幕真正撑开--而且能自己实现居中*/
	.main_content{background:url(images/main_bg.png) repeat; margin-left:auto; margin-right:auto; text-align:left; float:none; border-radius:8px;}
	.form-group{position:relative;}
	.login_btn{display:block; background:#3872f6; color:#fff; font-size:15px; width:100%; line-height:50px; border-radius:3px; border:none; }
	.login_input{width:100%; border:1px solid #3872f6; border-radius:3px; line-height:40px; padding:2px 5px 2px 30px; background:none;}
	.icon_font{position:absolute; bottom:15px; left:10px; font-size:18px; color:#3872f6;}
	.font16{font-size:16px;}
	.mg-t20{margin-top:20px;}
	@media (min-width:200px){.pd-xs-20{padding:20px;}}
	@media (min-width:768px){.pd-sm-50{padding:50px;}}
	#grad {
	  background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Safari 5.1 - 6.0 */
	  background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Opera 11.1 - 12.0 */
	  background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Firefox 3.6 - 15 */
	  background: linear-gradient(#4990c1, #52a3d2, #6186a3); /* 标准的语法 */
	}
	body, html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: black; /* 设置背景颜色为黑色，以便更好地显示发光粒子 */
}

#particle-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.particle {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.8); /* 设置粒子颜色为白色，并带有一定的透明度 */
    border-radius: 50%; /* 将粒子设置为圆形 */
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8); /* 添加发光效果 */
    animation: moveParticle infinite linear; /* 应用动画 */
}

@keyframes moveParticle {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateX(calc(100vw - 10px)) translateY(calc(100vh - 10px));
        opacity: 0;
    }
}
#sign {
    top: 30%;
}