body { font-size: 14px; font-size: 100%; font: small 'Microsoft Yahei'; line-height: 24px; margin: 0; padding: 0; min-width: 320px;}a:hover {}a { color: inherit; text-decoration: none;}img { border: none;}ul,dl,dt,dd,p { padding: 0; margin: 0; list-style: none;}h1,h2,h3,h4,h5 { padding: 10px 0; margin: 0; text-indent: 5px; background: rgba(255, 255, 255, 0.5); margin-bottom: 15px;}input,button,select { outline: none !important}input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none; }body { background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%;}body:after { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: -1;}i { color: #ff6700; margin-right: 5px;}input,textarea { padding: 0; margin: 0; border: #ddd 1px solid; box-sizing: border-box; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.05); font-family: 'Microsoft YaHei'; text-indent: 10px; background: rgba(255, 255, 255, 0.5); transition: all 0.5s; -webkit-transition: all 0.5s;}input:focus,textarea:focus { outline: none; border: #ff6700 1px solid; box-shadow: 0 0 8px rgba(255, 103, 0, 0.7);}.nobg { background-color: #fff !important;}@media screen and (max-width: 1221px) { #lzxPlayer { display: none; }}div#tooltip { position: absolute; z-index: 1000; width: auto !important; background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1)); text-align: left; padding: 5px 10px; border-radius: 5px; background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1));}div#tooltip p { color: #ff6700; font-size: 12px;}div#tooltip p:after { content: ''; width: 0; height: 0; position: absolute; left: 10%; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(255, 255, 255, 0.95);}.jiazai { position: absolute; left: 0; right: 0; margin: auto; top: 40%; width: 300px; height: 100px; text-align: center; border: 1px solid #ddd;}.jiazai img { vertical-align: middle; margin-right: 10px;}.jiazai span { font-size: 18px; color: #ccc; line-height: 100px;}div.Fengdown_tit { border-top: 1px solid #ccc; margin: 10px 0 5px; padding-top: 10px;}div.Fengdown_tit .ico { display: inline-block; margin-right: 5px; width: 15px; height: 15px; background: url(/content/templates/hujinyuan/css/ico.png) no-repeat; background-position: 0 -36px; vertical-align: -2px;}span.Fengdown { position: relative; z-index: 1; display: inline-block; height: 37px; line-height: 37px; padding: 0 20px 0 50px; margin: 10px 10px 10px 0; border: 1px solid #d7d7d7; border-width: 1px 1px 4px; font-size: 14px; font-weight: 700; color: #0b588c; text-decoration: none; transition: none; border-radius: 2px; cursor: pointer}span.Fengdown:hover { background-color: #0b588c; border-color: #0b588c #0b588c #0b4972; color: #fff;}span.Fengdown .ico { position: absolute; z-index: 2; left: 11px; top: 14.5px; width: 12px; height: 8px; font-size: 0; display: inline-block; margin-right: 5px; background: url(/content/templates/hujinyuan/css/ico.png) no-repeat; background-position: -63px -166px;}span.Fengdown:hover .ico { background-position: -80px -166px;}span.Fengdown .line { position: absolute; z-index: 2; left: 32px; top: 0; height: 37px; width: 1px; background-color: #d7d7d7;}.level { margin-left: 6px; font-size: 12px; color: #fff !important; background-color: #666; padding: 0 4px; border-radius: 3px; font-size: 12px; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; line-height: 150%; display: inline-block; vertical-align: middle}.level:hover { filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5}.level-1 { background-color: #348be8}.level-2 { background-color: #32cd32}.level-3 { background-color: #836fff}.level-4 { background-color: #ff7f00}.level-5 { background-color: #ffb31e}.level-user { background-color: #000}.level-vip { background-color: #05bdfe}.level-svip { background-color: #836fff}.level-ssvip { background-color: #ffb31e}.level-visitor { background: gray}.level-admin { background-color: #fd5d3c}#album { overflow: hidden}#album .new { display: none}#album .new:hover { box-shadow: none}#album li { float: left; padding: 5px}#album li p.cover { overflow: hidden; padding: 5px; width: 170px; height: 110px; border: 1px solid #FFF; border-radius: 5px; background-color: #fff; background-color: #fff; box-shadow: 0 0 2px #000}#album li p:hover { box-shadow: 0 0 10px #0c0}#album li p.cover a { display: block; width: 100%; height: 100%; border-radius: 5px; background-position: 50% 50%; background-repeat: no-repeat}#album li p.title { display: block; margin: 10px auto; padding: 5px; width: 170px; height: auto; border: 1px solid #FFF; border-radius: 3px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; box-shadow: 0 0 2px #000; text-align: center}#album li p.title:hover { box-shadow: 0 0 10px #0c0}#album li p.title a { color: #000; text-align: center; font-size: 12px}#photolist { position: relative}#photolist .cell { position: absolute; visibility: hidden; width: 190px; border: solid #ddd 1px; border-radius: 5px; background: #fff; box-shadow: 1px 1px 1px #ddd; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -ms-transition: .5s}#photolist .cell:hover { box-shadow: 0 0 10px #0c0}#photolist .cell a { color: #000}#photolist img { margin-bottom: -2px; width: 175px; border: 0; border-radius: 10px}#album li p.cover a,#album li p.title a,.context>.box>.pic>a { border: 0}.context>.box>.pic>a>img { border: 0; padding: 0}section.context>.fbtn { width: 139px}.Single-king { overflow: hidden; position: relative; border: 1px solid #ddd;}.Single-king .king-title { border-bottom: 1px solid #eeeae7; line-height: 30px; font-size: 14px; color: #ff4d7b; padding-left: 10px;}.Single-king .king-content { position: relative; overflow: hidden; padding: 5px;}.king-content ul { overflow: hidden; margin: 0 auto; padding: 0}.king-content ul li { display: inline-block; width: 33%}.king-content ul a { position: relative; display: block; overflow: hidden; margin: 0 4px; padding: 4px 4px 4px 44px; height: 40px; border: 1px solid #eaeaea; color: #999; line-height: 32px; text-decoration: none}.king-content ul img { float: left; margin: 0 8px 0 -38px; width: 30px; height: 30px; border: 3px #fff solid; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(34, 25, 25, .5)}.king-content ul em { position: absolute; overflow: hidden; margin-right: 10px; width: 50%; height: 36px; color: #999; text-overflow: ellipsis; white-space: nowrap; font-style: normal; transition: all .2s ease-out}.king-content ul strong { position: absolute; right: 8px; width: 20%; color: #999; text-align: right}.king-content ul #iv1 { color: #f44336;}.king-content ul #iv2 { color: #03A9F4;}.king-content ul #iv3 { color: #4caf50;}.login input { width: 112px; border-radius: 25px;}.login .submit1 { width: 68px; background-color: #ffdcd9;}.login .submit1:hover { background-color: #4effb8;}.login .submit2:hover { background-color: #4effb8;}.login .submit2 { width: 68px; margin-left: 24px; background-color: #ffdcd9;}.prettyprint,pre.prettyprint { background-color: #272822; border: 1px solid #272822; overflow: hidden; padding: 8px;}.prettyprint.linenums,pre.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741; -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741; box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;}.prettyprint.linenums ol,pre.prettyprint.linenums ol { margin: 0 0 0 33px;}.prettyprint.linenums ol li,pre.prettyprint.linenums ol li { padding-left: 12px; color: #bebec5; line-height: 20px; margin-left: 0; list-style: decimal;}.prettyprint .com { color: #93a1a1;}.prettyprint .lit { color: #AE81FF;}.prettyprint .pun,.prettyprint .opn,.prettyprint .clo { color: #F8F8F2;}.prettyprint .fun { color: #dc322f;}.prettyprint .str,.prettyprint .atv { color: #E6DB74;}.prettyprint .kwd,.prettyprint .tag { color: #F92659;}.prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var { color: #A6E22E;}.prettyprint .pln { color: #66D9EF;}.masked p { display: block; width: 322px; height: 50px; background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%, #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db); color: transparent; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; background-size: 200% 100%; -webkit-animation: masked-animation 4s infinite linear;}@keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: -100% 0; }}@-webkit-keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: -100% 0; }}.article-fg { margin: 20px 0 0; margin-bottom: 20px; width: 100%; border-bottom: 1px solid #ddd; text-align: center}.article-fg span { position: relative; top: -9pt; padding: 2px 4px; border: 1px solid #d6d6d6; background-color: #f2f2f2; }.plug-download { border: 1px solid #eaeaea;}.plug-download-title { display: block; padding: 10px; font-weight: 700; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.plug-download-tips { margin: 0 15px 15px; padding: 15px 10px 15px; border: 1px dashed #cecece; background-color: #ffefda; color: #888; text-align: center; font-size: 13px;}.plug-download-tips .fa { margin-top: -3px; vertical-align: middle; font-size: 16px;}.plug-download-title i { margin-right: 3px;}.logo:before { content: ""; position: absolute; width: 140px; height: 10px; background-color: rgba(255, 255, 255, 0.5); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: blink 1s ease-in 1s infinite; animation: blink 1s ease-in 1s infinite;}@-webkit-keyframes blink { from { left: 10px; top: 0; } to { left: 320px; top: 0; }}@-o-keyframes blink { from { left: 10px; top: 0; } to { left: 320px; top: 0; }}@-moz-keyframes blink { from { left: 10px; top: 0; } to { left: 320px; top: 0; }}@keyframes blink { from { left: -100px; top: 0; } to { left: 320px; top: 0; }}.orange-text { color: #ff6700;}.blue-text { color: #0181da;}.bg-color { background: rgba(255, 255, 255, 0.5); border-radius: 25px;}.index-title { font-size: 14px; color: #0181da; font-weight: normal; border-radius: 25px;}.index-title small { color: #bcbcbc; margin-left: 5px; font-size: 12px;}.lable { display: inline-block; background: #ff4200; padding: 0px 5px; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; margin-left: 5px;}.img-circle { border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}#tuijian { background: rgba(255, 255, 255, 0.5) url(../images/icon/tj2.gif)no-repeat 98% 8px;}#Hot { background: rgba(255, 255, 255, 0.5) url(../images/icon/hot.gif)no-repeat 98% 8px;}#New { background: rgba(255, 255, 255, 0.5) url(../images/icon/new.gif)no-repeat 98% 8px;}#News { background: url(../images/icon/new.gif)no-repeat 100% 0px;}#Hots { background: url(../images/icon/hot.gif)no-repeat 100% 0px;}#arc-tj { background: rgba(255, 255, 255, 0.5) url(../images/icon/tj.gif)no-repeat 98% 8px; background-size: 10%;}header { width: 100%; height: 70px; background: rgba(255, 255, 255, 0.85); box-shadow: 0 0 5px #13c5f8; position: fixed; z-index: 10; }header .top { width: 100%; max-width: 1200px; margin: auto; height: 100%; position: relative;}header .top .top-left { width: 40%; float: left; overflow: hidden; height: 100%; position: relative;}header .mynav { width: 60%; float: right; height: 100%; position: relative;}.top .logo { width: 33%; float: left;}.top .logo img { width: 90%; padding-top: 0.2em;}.web-xiaoxi { margin-top: 25px; width: 67%; float: left; position: relative; font-size: 12px; color: #777;}.web-xiaoxi i { position: absolute; left: 0; top: 6px; color: inherit;}.mulitline { height: 25px; overflow: hidden; margin-left: 20px;}.mulitline li { line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}#tianqi { height: 20px; max-width: 270px;}.mynav>ul {}.mynav>ul>li { text-align: center; width: 12.5%; font-size: 16px; color: inherit; height: 100%; float: left; position: relative;}.mynav>ul>li>a { display: inline-block; width: 100%; height: 70px; line-height: 70px; color: #ff6700; transition: all 0.2s; -webkit-transition: all 0.2s;}.mynav>ul>li>a:hover { background: #13c5f8; color: #fff; font-size: 20px;}.mynav>.nav-active { background: #13c5f8; }.mynav>.nav-active a { color: #fff !important; font-size: 20px;}.mynav>ul>li .el-chevron-down { font-size: 12px; color: inherit;}.drop:hover .el-chevron-down { color: inherit;}.drop-nav {}.drop-nav li.nav-active a { border: none;}.drop .el-chevron-down { font-size: 12px; margin-left: 10px; display: inline-block; transition: all 0.2s; -webkit-transition: all 0.2s;}.nav-active .el-chevron-down { transform: rotate(180deg);}.drop:hover .el-chevron-down { transform: rotate(180deg);}.drop-nav { position: absolute; width: 150px; border: 1px solid #ddd; top: 70px; box-sizing: border-box; border-top: none; display: none; background: rgba(255, 255, 255, 0.9); box-shadow: 2px 2px 8px #ccc;}.drop-nav li { padding: 10px 0; width: 100%; color: inherit; font-size: 14px; text-align: center; border-bottom: 1px dotted #ddd; box-sizing: border-box; transition: all 0.2s; -webkit-transition: all 0.2s;}.drop-nav li:hover { background: #13c5f8; font-size: 16px;}.drop-nav li:hover a,.drop-nav li:hover a i { color: #fff; font}.drop-nav li a { display: inline-block; height: 100%; width: 100%; color: #ff6700 !important;}.drop-nav li:hover a { color: #fff !important;}.drop-nav li a i { font-size: 12px; margin-right: 10px; color: #7d7d7d;}.drop-nav li.nav-active { background: #13c5f8 !important;}.drop-nav li.nav-active a { color: #fff !important; font-size: 16px !important;}.mobile-nav { overflow: hidden; float: right; text-align: center; width: 33px; height: 100%; position: relative;}.mobile-nav .el-lines,.mobile-nav .el-remove { display: inline-block; line-height: 2.8em; font-size: 20px; color: #ff6700;}.mobile-nav .el-remove { display: none;}.mob-menu { z-index: 999; position: absolute; width: 100%; box-shadow: 0px 5px 7px #999; background: rgba(255, 255, 255, 0.9); top: 3.3em; display: none; z-index: 99999; right: 0; -webkit-animation: mob-menu 0.5s}.mob-menu .mob-ulnav i { top: 17px; right: 40%; position: absolute; display: inline-block; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent;}.mob-menu .mob-ulnav li a { display: inline-block; position: relative; color: #525252; width: 100%; padding: 10px 0; border-bottom: 1px dotted #adeccc; text-align: center; font-size: 12px;}.mob-menu .mob-ulnav li {}.mob-menu .mob-ulnav li:last-child a { border: 0;}.mob-dropmenu { clear: both; background: #eee; display: none;}.mob-drop .el-caret-down { float: right;}.mob-menu .search { margin: 0;}.mob-menu .search form { padding: 0;}.container { width: 100%; max-width: 1200px; min-width: 320px; margin: auto; padding-top: 100px;}.mysection { width: 65%; float: left;}.arclist { width: 100%; margin-top: 25px;}.arclist>ul { width: 100%; perspective: 1500; -webkit-perspective: 1500; }.arclist>ul>li { width: 100%; margin: auto; padding: 25px; box-sizing: border-box; margin-bottom: 25px; overflow: hidden; position: relative; background: rgba(255, 255, 255, 0.5); transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 25px;}.arclist>ul>li>.arcimg { border: 1px solid #e6e6e6; padding: 3px; width: 25%; float: left; overflow: hidden; border-radius: 15px;}.arclist>ul>li>.arcimg img { width: 100%; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 15px;}.arc-right { width: 71%; float: right; position: relative;}.arc-right h4 { padding: 0; margin: 0; background: none; font-size: 18px; padding-bottom: 11px; text-indent: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.arc-right p { font-size: 12px; overflow: hidden; text-overflow: ellipsis; height: 54px; color: #515151;}.arc-right ul { width: 100%; overflow: hidden; position: absolute;}.arc-right ul li { float: left; overflow: hidden; padding: 0 5px; font-size: 12px; color: #888; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.arc-right ul li:last-child { float: right;}.arclist>ul>li:hover { transition: all 0.5s; -webkit-transition: all 0.5s; transform: rotateX(15deg); -webkit-transform: rotateX(15deg); }.arclist>ul>li:hover img { transform: scale(1.1);}.add-more { width: 100%; padding: 10px 0; text-align: center; font-size: 16px; margin: 15px 0; color: #; display: inline-block; border-bottom: 1px solid #ddd; box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s;}.add-more:hover { background: #ff6700; color: #fff;}.web-author { text-align: center; padding-bottom: 15px; margin-top: 40px; padding-left: 2.5%; padding-right: 2.5%; transition: all 1s; margin-bottom: 20px; border-radius: 25px;}.web-author .author-tx { width: 100%; position: relative;}.web-author .author-tx a { border: 5px solid #fff; box-shadow: 0 1px 5px #666; width: 60px; height: 60px; display: block; overflow: hidden; position: absolute; top: -30px; left: 0; right: 0; margin: auto; transition: all 0.8s; -webkit-transition: all 0.8s;}.web-author .author-tx a:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 0.8s; -webkit-transition: all 0.8s;}.web-author .author-tx a img { width: 100%; height: 100%;}.author-name { padding-top: 45px;}.author-name p { font-size: 12px; color: #555; word-break: break-all;}.data-info ul { overflow: hidden; margin-top: 15px;}.data-info ul li { width: 33%; float: left; box-sizing: border-box; text-align: center; border-right: 1px solid #ccc;}.data-info ul li a { display: block}.data-info ul li:last-child { border: none;}.data-info ul li strong { display: block; font-weight: bold; line-height: 18px; overflow: hidden;}.data-info ul li span { display: block; font-size: 12px; color: #888;}.myaside { width: 32%; float: right;}.left-side,.right-side { width: 25%; float: left; margin-bottom: 30px;}.section { width: 45%; float: left; margin: 0 2.5%;}.xiangguan { width: 100%; overflow: hidden;}.xiangguan div { display: block; font-size: 14px; float: left; overflow: hidden; width: 25%; text-align: center; margin-bottom: 20px; padding-top: 10px; color: #fff;}.xiangguan div a { display: inline-block; width: 50px; height: 50px; margin: auto; border-radius: 100px; -webkit-border-radius: 100px; transition: all 0.5s; -webkit-transition: all 0.5s;}.xiangguan div a i { line-height: 50px; font-size: 20px; margin: 0;}.xiangguan div span { display: block; width: 100%; padding-top: 10px; color: #777;}.xiangguan .benbo { background: #0cabd3;}.xiangguan>div>.mail-btn { background: #0cd38f; padding: 0;}.xiangguan .taobao { background: #ee4f08;}.xiangguan .side-fx { background: #8aee08; cursor: pointer;}.xiangguan a:hover { opacity: 0.8; transform: rotate(360deg) scale(1.3);}.xiangguan a i { color: inherit;}.other-xg a { width: 50%; float: left; text-align: center; font-size: 14px; color: #999; cursor: pointer;}.other-xg i { color: inherit;}.other-xg .rmb { font-family: 'Microsoft YaHei'}.other-xg { width: 100%; overflow: hidden; padding-bottom: 10px;}.side-bdfx { display: none; border-radius: 5px; position: absolute; background: rgba(255, 255, 255, 0.9); width: 350px; box-shadow: 0px 0px 15px #ccc; border: 1px solid #ccc; z-index: 999;}.side-bdfx>.bdsharebuttonbox { padding: 20px 0; margin: 0;}.side-bdfx i { position: absolute; right: 5px; top: 5px; color: #777; cursor: pointer; font-size: 12px;}.focus-me { margin-bottom: 30px; position: relative;}.bdsharebuttonbox { padding: 10px 0 25px 0; text-align: center; margin: auto; overflow: hidden !important;}.bdsharebuttonbox li { display: inline;}.bdsharebuttonbox a { text-align: center; background: url(../images/icon/bd-fx.png)no-repeat !important; width: 50px !important; height: 50px !important; display: inline-block !important; margin: 0 3.5% !important; transition: all 0.5s; -webkit-transition: all 0.5s;}.bdsharebuttonbox .bds_weixin { background-position: 0% 4% !important;}.bdsharebuttonbox .bds_tsina { background-position: 33% 4% !important;}.bdsharebuttonbox .bds_qzone { background-position: 66% 4% !important;}.bdsharebuttonbox .bds_tieba { background-position: 99.5% 4% !important;}.bdsharebuttonbox .bds_weixin:hover { background-position: 0% 90% !important;}.bdsharebuttonbox .bds_tsina:hover { background-position: 33% 90% !important;}.bdsharebuttonbox .bds_qzone:hover { background-position: 66% 90% !important;}.bdsharebuttonbox .bds_tieba:hover { background-position: 99.5% 90% !important;}.bdsharebuttonbox a:last-child { margin: 0;}.bdshare-button-style1-32 a { float: none !important;}.cloud { width: 100%; clear: both; overflow: hidden; border-radius: 0px; border: 0px solid #eee; margin-top: 30px; overflow: auto; padding-bottom: 15px; border-radius: 25px;}.cloud ul { width: 95%; margin: auto; overflow: hidden;}.cloud ul li { padding: 0.1em 0.5em 0.1em 0.5em; float: left; text-align: center; border-radius: 0.5em; margin: 0.3em 1% 0.3em 1%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}.cloud ul li a { color: #FFF; font-size: 12px;}.cloud ul li:hover { border-radius: 0; text-shadow: #000 1px 1px 1px}.cloud ul li:nth-child(8n-4) { background: #20a8fe}.cloud ul li:nth-child(8n-3) { background: #EB6841}.cloud ul li:nth-child(8n-2) { background: #3FB8AF}.cloud ul li:nth-child(8n-1) { background: #FE4365}.cloud ul li:nth-child(8n-5) { background: #FC9D9A}.cloud ul li:nth-child(8n-6) { background: #EDC951}.cloud ul li:nth-child(8n-7) { background: #C8C8A9}.cloud ul li:nth-child(8n) { background: #83AF9B}.cloud ul li:first-child { background: #036564}.cloud ul li:last-child { background: #3299BB}.article-push { margin-top: 30px;}.article-push>ul>li>.arc-right>h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}.article-push>ul { padding-bottom: 10px;}.article-push ul li { background: none; padding: 10px 5%; margin-bottom: 5px; overflow: hidden; border-bottom: 1px dashed #ccc; font-size: 14px;}.article-push ul li:last-child { border: none;}.article-push>ul>li>.arcimg { border: 1px solid #e6e6e6; padding: 3px; width: 33%; float: left; border-radius: 3px; height: 75px; -webkit-border-radius: 3px; overflow: hidden; border: 1px dotted #05b129; border-radius: 15px;}.article-push>ul>li>.arcimg img { width: 100%; height: 100%; padding: 3px; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; border-radius: 15px;}.article-push>ul>li>.arc-right { width: 62%;}.article-push>ul>li>.arc-right p { height: 30px; font-size: 12px;}.article-push>ul>li>ul { width: 100%;}.article-push .arc-right>ul li { padding: 0;}.article-push>ul>li:hover { background: #f9fffc;}.search { margin-top: 20px; margin-bottom: 10px;}.search form { width: 95%; margin: auto; padding-bottom: 10px;}.search-index { overflow: hidden; padding: 10px 0; height: 2em;}.search-index input { font-size: 12px; color: #333; height: 100%; width: 80%; float: left; border-radius: 25px;}.search-index i { height: 100%; width: 20%; background: rgba(255, 255, 255, 0.8); padding: 0; margin: 0; text-align: center; font-size: 16px; line-height: 2em;}.search form input[type="submit"] { cursor: pointer; position: relative; top: -32px; background: none; width: 100%; border: 1px solid #ccc; box-sizing: border-box; border-left: none;}.shuo-side { overflow: hidden; padding-bottom: 10px;}.shuo-side ul { width: 95%; margin: auto;}.shuo-side ul li { height: 45px; overflow: hidden; margin-bottom: 20px; border-bottom: solid #fdceaf 1px; padding-top: 10px; position: relative;}.shuo-side span { width: 85px; height: 85px; border-radius: 200px; -webkit-border-radius: 200px; position: relative; float: left; color: #fff; display: inline-block; text-align: center; line-height: 45px; font-size: 14px; margin-top: 5px; border: 5px solid #fff;}.shuo-side span:after { content: ''; width: 96px; height: 96px; border: 1px solid #ccc; display: block; border-radius: 200px; -webkit-border-radius: 200px; left: -6px; top: -6px; position: absolute;}.shuo-side span strong { display: block; position: relative;}.shuo-side div { height: 100%; line-height: 40px; float: left; width: 70%; margin-left: -5px; transition: all 0.5s; -webkit-transition: all 0.5s;}.shuo-side div a { font-size: 12px; color: #555; float: left; text-indent: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}.shuo-side div b { font-weight: normal; font-size: 12px; color: #999; position: absolute; right: 5px;}.shuo-side ul li:hover div { transform: translateX(15px); transition: all 0.5s; -webkit-transform: translateX(15px); -webkit-transition: all 0.5s;}.shuo-side ul li:nth-of-type(1) { border-color: #0183ce}.shuo-side ul li:nth-of-type(2) { border-color: #96ce01}.shuo-side ul li:nth-of-type(3) { border-color: #e26204}.shuobg1 { background: #0183ce; opacity: 0.8;}.shuobg2 { background: #96ce01; opacity: 0.8;}.shuobg3 { background: #e26204; opacity: 0.8;}.shuobg4 { background: #0cd38f; opacity: 0.8;}.shuobg5 { background: #e5962c; opacity: 0.8;}.mytab { margin-top: 30px; border-radius: 25px;}.tab-btn { width: 100%;}.tab-btn a { width: 50%; padding: 12px 0; text-align: center; display: inline-block; font-size: 13px; position: relative; border-radius: 25px;}.tab-btn .tab-active { background: #ff6700; color: #fff;}.tab-btn .tab-active:after { content: ' '; border-top: 10px solid #ff6700; border-right: 10px solid transparent; border-left: 10px solid transparent; display: inline-block; width: 0; height: 0; position: absolute; bottom: -10px !important; left: 0; right: 0; margin-left: auto; margin-right: auto;}.tab-btn .tab-active i { color: #fff;}.hudong-ul { width: 95%; margin: auto; margin-top: 10px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s;}.hudong-ul li { width: 100%; padding: 10px 0; border-bottom: 1px dashed #ccc; overflow: hidden;}.hudong-ul li time { color: #888; float: right; width: 58px; overflow: hidden; white-space: nowrap;}.hudong-ul li:last-child { border: none;}.hudong-ul li .sd-tx { float: left; width: 45px; height: 45px;}.hudong-ul li .sd-tx img { width: 100%;}.hudong-ul li .sd-name { width: 75%; float: left; margin-left: 15px;}.hudong-ul li .sd-name span { display: inline-block; width: 100%; font-size: 12px;}.hudong-ul li .sd-name a { font-size: 13px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%;}.hudong-ul li .sd-name img { max-width: 30px; vertical-align: middle;}.paihang-ul { width: 90%; margin: auto; margin-top: 10px; display: none;}.paihang-ul li { width: 100%; padding: 15px 0; border-bottom: 1px dashed #ccc; overflow: hidden; position: relative;}.paihang-ul li:last-child { border: none;}.paihang-ul li span:before { display: inline-block; width: 20px; height: 23px; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; font-size: 12px; margin-right: 10px;}.paihang-ul li:nth-of-type(1) span:before { content: '1'; background: #e71555; color: #fff;}.paihang-ul li:nth-of-type(2) span:before { content: '2'; background: #16d083; color: #fff;}.paihang-ul li:nth-of-type(3) span:before { content: '3'; background: #ff6700; color: #fff;}.paihang-ul li:nth-of-type(4) span:before { content: '4'; background: #857479; color: #fff;}.paihang-ul li:nth-of-type(5) span:before { content: '5'; background: #857479; color: #fff;}.paihang-ul li:nth-of-type(6) span:before { content: '6'; background: #857479; color: #fff;}.paihang-ul li a { font-size: 13px; color: #777;}.paihang-ul li a b { color: #999; font-weight: normal; font-size: 12px; position: absolute; right: 0px;}.mytab ul li a { transition: all 0.5s; -webkit-transition: all 0.5s;}.mytab ul li a:hover { text-shadow: 0 0px 3px #000; color: #fff;}.side-link { margin-top: 30px; width: 100%;}.side-link ul { width: 95%; margin: auto; margin-top: 10px; text-align: center; overflow: hidden; padding-bottom: 10px;}.side-link ul li { float: left; overflow: hidden;}.side-link ul li a { display: inline-block; padding: 0px 5px; margin: 0 5px 10px 5px; color: #ff6700; font-size: 12px; border: 1px solid #777; border-radius: 3px; -webkit-border-radius: 3px; transition: all 0.5s; -webkit-transition: all 0.5s; background: rgba(255, 255, 255, 0.7); border-radius: 25px;}.side-link ul li a:hover { border-radius: 0; -webkit-border-radius: 0; box-shadow: 3px 3px 5px #ccc; text-shadow: 0 0px 3px #000; color: #fff; border-radius: 25px;}.side-link h4 a { float: right; margin-right: 10px;}footer { width: 100%; background: rgba(0, 67, 94, 0.65); margin-top: 35px; clear: both; clear: *;}.footer-area { width: 100%; max-width: 1200px; margin: auto; padding: 25px 0; color: #fff; overflow: hidden;}.footer-area h4 { color: #fff; font-weight: normal; background: none; text-indent: 15px; padding: 0;}.data-count { width: 25%; overflow: hidden; float: left;}.data-count ul { width: 90%; margin: auto; overflow: hidden;}.data-count ul li { width: 50%; float: left; margin-bottom: 30px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.data-count ul li i { color: #fff;}.data-count ul li a { color: #fff;}.data-count ul li span { display: inline-block; color: #fff; padding: 2px 5px; ext-align: center;}.about-blog { width: 25%; overflow: hidden; float: left;}.ft-part1 { width: 95%; margin: auto;}.about-blog .mytb { width: 98%; margin: auto; padding-bottom: 30px;}.about-blog .mytb>a { display: inline-block; width: 100%; padding: 15px 0; background: #ff6700; border-radius: 0; -webkit-border-radius: 0; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s;}.about-blog .mytb>a:hover { background: #e34405; border-radius: 10px; -webkit-border-radius: 10px;}.mail-dy { position: absolute; padding: 20px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 20px #777; display: none; z-index: 999; width: 280px;}.mail-dy .el-remove { position: absolute; right: 5px; top: 5px; font-size: 12px;}.mail-dy form { overflow: hidden; padding: 15px 0; height: 2em;}.mail-dy form input { font-size: 12px; color: #333; height: 100%; width: 60%; float: left; background: #fff;}.mail-dy .el-envelope { height: 100%; width: 19%; background: #0ddb9e; color: #fff; text-align: center; font-size: 16px; line-height: 2em;}.mail-dy input[type="submit"] { cursor: pointer; position: relative; top: -32px; background: none; width: 100%; border: none;}.mail-dy span { width: 19%; float: left; background: #0ddb9e; color: #fff; text-align: center; font-size: 14px; height: 100%; line-height: 33px; text-align: center;}.mail-btn { width: 98%; margin: auto; padding-bottom: 10px; position: relative;}.mail-btn>a { display: inline-block; width: 100%; padding: 15px 0; background: #0bbd84; text-align: center; border-radius: 0; -webkit-border-radius: 0; transition: all 0.5s; -webkit-transition: all 0.5s;}.mail-btn>a:hover { background: #0af5aa; border-radius: 10px; -webkit-border-radius: 10px;}.img-feed { width: 100%; padding: 10px 0;}.img-feed a { float: left; padding-top: 5px;}.img-feed a:nth-of-type(1) { margin-right: 10%;}.img-feed p { float: right; font-size: 14px;}.close-fd { width: 25%; float: left;}.close-fd ul { width: 95%; margin: auto;}.close-fd ul li { width: 100%; padding: 8px 0; overflow: hidden;}.close-fd ul li:last-child { border: none;}.close-fd ul li .sd-tx { float: left; width: 45px; height: 45px;}.close-fd ul li .sd-tx img { width: 100%;}.close-fd ul li .sd-name { width: 78%; float: right;}.close-fd ul li .sd-name span { display: inline-block; width: 100%; font-size: 12px; color: #fff600;}.close-fd ul li .sd-name a { display: block; font-size: 12px; line-height: 25px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.close-fd ul li .sd-name img { max-width: 30px; vertical-align: middle;}.tuwen-pd { width: 25%; float: left;}.tuwen-pd ul { width: 95%; margin: auto;}.tuwen-pd ul li { float: left; margin-bottom: 10px; margin: 3%;}.tuwen-pd ul li img { width: 50px; height: 50px;}.tuwen-pd ul li img:hover { opacity: 0.6;}.foot-nav { width: 100%; text-align: center; padding: 10px 0; overflow: hidden; font-size: 12px; background: #202121; color: #fff;}.foot-nav .copy-right { margin-bottom: 10px;}.clos-new { overflow: hidden; padding-bottom: 15px;}.clos-new ul { width: 95%; margin: auto;}.clos-new ul li { width: 100%; padding: 8px 0; font-size: 13px;}.clos-new ul li font { margin: 0 5px; display: inline-block;}.clos-new ul li i { margin-right: 10px;}#toTop { width: 47px; height: 47px; background: url(../images/icon/back-top-btn.png) no-repeat; text-align: center; position: fixed; bottom: 25px; right: 20px; cursor: pointer; text-indent: -9999px; z-index: 12; display: none;}.skin-btn { position: fixed; right: -7px; top: 48%; width: 30px; padding: 20px 0; border-radius: 200px 0px 0px 200px; z-index: 999; background: #10b7f5; font-size: 12px; color: #fff; text-align: center;}.skin-btn a { text-align: center; line-height: 20px; display: block;}.skin-content { position: fixed; right: 0; top: 40%; border: #10b7f5 solid 1px; width: 80px; display: none; background: #fff; z-index: 999;}.skin-content h1 { font-size: 12px; background: #fff; text-indent: 0; color: #555; margin: 0px auto; text-align: center; height: 25px; line-height: 25px; padding: 5px 0; border-bottom: #ebebeb solid 1px; position: relative;}.skin-content h1 span { font-size: 12px; font-weight: normal; position: absolute; left: -20px; top: -20px; cursor: pointer; background: #fff; border: #10b7f5 solid 1px; width: 35px; height: 35px; line-height: 35px; border-radius: 20px; text-align: center;}.skin-content-list { background: #fff;}.skin-list { overflow: hidden; line-height: 35px; width: 100%; margin: 0px auto; border-bottom: dashed 1px #10b7f5; text-align: center;}.skin-list a { display: block; font-size: 14px; color: #555;}.skin-list a:hover { color: #fff; background: #4ada9b;}.skin-list span { float: left;}.clos-new ul li { width: 100%;}@media screen and (min-width:1023px) { #mob-tianqi { display: none; } .mobile-nav { display: none; }}@media screen and (min-width:1024px) and (max-width:1199px) { .container, header .top { max-width: 1000px; }}@media screen and (min-width:320px) and (max-width:1023px) { body { background-attachment: fixed; background-repeat: no-repeat; background-size: 100%; } .container { padding-top: 4.5em; } nav { display: none; } .shuo-side div b { display: none; } .myheader, header { height: 4em !important; background: rgba(255, 255, 255, 0.85) !important; box-shadow: 0 0 8px #999 !important; } header .top .top-left { width: 100%; } .top .logo { max-width: 125px; margin-left: 5px; } .mysection, .section, .myaside { width: 95%; margin: auto; float: none; } .arc-right h4 { font-size: 14px; line-height: 16px; padding-bottom: 5px; } .arc-right p { font-size: 12px; height: 40px; line-height: 20px; } .arc-right ul li { padding: 0; padding-right: 10px; } .arc-right ul li:nth-of-type(2), .arc-right ul li:last-child { display: none; } .arclist>ul>li>.arcimg { height: 78px; } .web-xiaoxi { max-width: 55% !important; margin-top: 16px; } .t_news b { left: 10px !important; } .news_li li, .swap li { text-align: left !important; text-indent: 35px; } .arclist>ul>li { margin-bottom: 1em; padding: 15px 10px; } .arclist>ul>li>.arcimg { width: 30%; } .arc-right { width: 66%; } .data-count ul, .cloud ul, .bdsharebuttonbox { width: 95%; } #tuijian, #Hot, #New { background-position: -100% -100%; } .left-side, .right-side { width: 95%; margin: auto; float: none; } .bdsharebuttonbox a { margin: 0 2.5% !important; } .about-blog, .close-fd, .tuwen-pd, .data-count { width: 100%; margin-bottom: 30px; } .tuwen-pd ul { overflow: hidden; } .data-count ul li { margin-bottom: 15px; } footer h4 { padding-bottom: 15px !important; } #toTop { width: 30px; height: 30px; background-size: 100%; right: 10px; } .mob-hidden { display: none; } .article-push>ul>li>.arc-right p { height: 40px; } .w95 { width: 95%; margin: auto; } .clos-new ul li { font-size: 12px; } .post-navigation { display: none; }}#ilt { clear: both; height: 30px; line-height: 30px; margin-top: 20px; color: #999999; font-size: 14px;}#ilt a { padding: 4px 8px; margin: 10px 3px; font-size: 12px; border: 1px solid #DFDFDF; background-color: #FFF; color: #9d9d9d; text-decoration: none; border-radius: 3px;}#ilt span { font-size: 14px;}#ilt span.disabled { padding: 4px 8px; margin: 10px 3px; font-size: 12px; border: 1px solid #DFDFDF; background-color: #FFF; color: #DFDFDF; border-radius: 3px;}#ilt span.curr { padding: 4px 8px; margin: 10px 3px; font-size: 12px; border: 1px solid #1ab394; background-color: #1ab394; color: #FFF; border-radius: 3px;}#ilt a:hover { background-color: rgba(26, 179, 148, 0.15); border: 1px solid #1ab394;}#ilt span.normalsize { font-size: 12px;}#gopage_wrap { display: inline-block; width: 44px; height: 18px; border: 1px solid #DFDFDF; margin: 0px 1px; padding: 0px; position: relative; left: 0px; top: 5px;}#btn_go { width: 44px; height: 20px; line-height: 20px; padding: 0px; font-family: arial, ����, sans-serif; text-align: center; border: 0px; background-color: #0063DC; color: #FFF; position: absolute; left: 0px; top: -1px; display: none;}#btn_go_input { width: 42px; height: 16px; text-align: center; border: 0px; position: absolute; left: 0px; top: 0px; outline: none;}.page { text-align: center; margin: 10px 0px;}.spinner { position: fixed; top: 45%; left: 45%;}.spinner>div { width: 30px; height: 30px; background-color: #67CF22; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) }}@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); }}#pjax-loading { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 198904; display: none; background-color: rgba(90, 90, 90, .4)}.sign1 { font-size: 12px;}#pagenavi { width: 100% !important; margin: 10px 0 10px; text-align: center; clear: both; padding: 15px 0 !important;}#pagenavi span,#pagenavi a:hover { border: 1px solid #8aa653; padding: 5px 10px; font-size: 14px; background: #8aa653; margin-right: 10px; color: #fff; text-decoration: none}#pagenavi a { border: 1px solid #8aa653; background: #fff; font-size: 14px; color: #666; padding: 5px 10px; margin-right: 10px;}#pagenavi em { border: 1px solid #8aa653; background: #fff; font-size: 14px; color: #666; padding: 5px 10px; margin-right: 10px;}.good-label { position: relative; top: -2px; padding: 3px 5px; background-color: #0c0; color: #fff; font-weight: normal; }.good-arrow { position: relative; top: -3px; left: 0; margin-right: 3px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #0c0;}.circle { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}#me { display: block; margin: 10px auto; width: 65%; border-radius: 2px; border: 1px solid #000000; background: #2a8601; color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 25px;}#tag_cloud_widget { position: relative; z-index: 1}#tag_cloud_widget { position: relative; height: 240px; margin: 10px auto 10px}#tag_cloud_widget a { position: absolute; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; top: 0; left: 0; padding: 3px 5px; border: 0; transition: none;}#tag_cloud_widget a:hover { background: #d02f53; display: block}#tag_cloud_widget a:nth-child(n) { background: #666; border-radius: 3px; display: inline-block; line-height: 18px; margin: 0 10px 15px 0}#tag_cloud_widget a:nth-child(2n) { background: #d1a601}#tag_cloud_widget a:nth-child(3n) { background: #286c4a}#tag_cloud_widget a:nth-child(5n) { background: #518ab2}#tag_cloud_widget a:nth-child(4n) { background: #c91d13}.post-navigation a { position: fixed; bottom: 20%; display: block; outline: 0; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%)}.post-navigation a.prev { left: 0}.post-navigation a.next { right: 0}.post-navigation a { width: 100px; height: 100px}.post-navigation .icon-wrap { position: relative; display: block; width: 100%; height: 100%}.post-navigation a::before,.post-navigation a::after,.post-navigation .icon-wrap::before,.post-navigation .icon-wrap::after { position: absolute; left: 50%; width: 3px; height: 50%; background: #bbb; content: ''; -webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden}.post-navigation .icon-wrap::before,.post-navigation .icon-wrap::after { z-index: 100; height: 0; background: #0c0; -webkit-transition: height .3s, -webkit-transform .3s; transition: height .3s, transform .3s}.post-navigation a::before,.post-navigation .icon-wrap::before { top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0}.post-navigation a.next::before,.post-navigation a.next .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0}.post-navigation a::after,.post-navigation .icon-wrap::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0}.post-navigation a.next::after,.post-navigation a.next .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0}.post-navigation h3 { width: 150px; position: absolute; top: 50%; margin: 0; color: #0c0; text-transform: uppercase; font-weight: 300; font-size: .85em; opacity: 0; -webkit-transition: -webkit-transform .3s, opacity .3s; transition: transform .3s, opacity .3s}.post-navigation a.prev h3 { background: none; left: 100%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%)}.post-navigation a.next h3 { background: none; right: 100%; text-align: right; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%)}.post-navigation a:hover .icon-wrap::before,.post-navigation a:hover .icon-wrap::after { height: 50%}.post-navigation a:hover::before,.post-navigation a:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg)}.post-navigation a.next:hover::before,.post-navigation a.next:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg)}.post-navigation a:hover::after,.post-navigation a:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg)}.post-navigation a.next:hover::after,.post-navigation a.next:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg)}.post-navigation a:hover h3 { opacity: 1; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0)}