@charset "utf-8";
body {
  background-color: #eff1f4;
}

/*搜索幻灯片*/
.home-filter--content .form-box {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  position: relative;
  margin-right: 26%;
  margin-left: 26%;
  z-index: 999;
}
/*幻彩特效*/
.alert-dark {
  background-color: #f0f4ff;
  color: #0e3686;
}
.type_icont_2 {
  background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
  background-size: 1400% 300%;
  animation: mymove 10s ease infinite;
  -webkit-animation: mymove 10s ease infinite;
  -moz-animation: mymove 10s ease infinite;
  color: #fff;
  border: none;
}
.description-17codesign {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  color: #6b798e;
}
@keyframes mymove {
0% {
background-position:0% 0%;
}
50% {
background-position:50% 100%;
}
100% {
background-position:100% 0%;
}
}
.alert-dark {
  background-color: #f0f4ff;
  color: #0e3686;
}
.type_icont_1 {
  background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
  background-size: 1400% 300%;
  animation: mymove 10s ease infinite;
  -webkit-animation: mymove 10s ease infinite;
  -moz-animation: mymove 10s ease infinite;
  color: #fff;
  border: none;
  display: inline-block;
  height: 22px;
  line-height: 21px;
  border: 0px solid #ffffff;
  padding: 0 10px;
  border-radius: 13px;
  transition: all 0.3s ease;
  border-color: #ff8a00;
  margin-top: 9px;
  margin-right: 18px;
}
/*幻彩特效*/

/*幻灯片*/
.module.slider.diy .post {
  /*margin-top: -80px;*/
  min-height: 520px;
  background-size: inherit;
  background-repeat: no-repeat;
}
/* 底部波浪 */
.waveHorizontals {
  width: 100%;
  height: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fff !important
}
.ripro-dark .waveHorizontals {
  width: 100%;
  height: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #181616 !important
}
#waveHorizontal1 {
  -webkit-mask: url(../other/mobanweb_001.svg);
  mask: url(../other/mobanweb_001.svg);
  animation-delay: -2s;
  animation-duration: 12s;
}
#waveHorizontal1, #waveHorizontal2, #waveHorizontal3 {
  background-color: #2a52fd!important
}
.ripro-dark #waveHorizontal1 {
  background-color: #f1f1f1!important;
}
.ripro-dark #waveHorizontal2 {
  background-color: #f1f1f1!important;
}
.ripro-dark #waveHorizontal3 {
  background-color: #f1f1f1!important;
}
.waveHorizontal {
  width: 200%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 350px 100%;
  transform-origin: 0 100% 0;
  animation-name: move;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes move {
0% {
transform:translate(-175px, 0px) scale(1, 1)
}
50% {
transform:translate(-87px, 0px) scale(1, 0.5)
}
100% {
transform:translate(0px, 0px) scale(1, 1)
}
}
#waveHorizontal2 {
  -webkit-mask: url(../other/mobanweb_002.svg);
  mask: url(../other/mobanweb_002.svg);
  animation-delay: -2s;
  animation-duration: 5s;
}
#waveHorizontal3 {
  -webkit-mask: url(../other/mobanweb_003.svg);
  mask: url(../other/mobanweb_003.svg);
  animation-delay: -1s;
  animation-duration: 3s;
}
/*友情链接*/
.col-xs-12.friend-links {
  padding: 14px;
}
.codesign-fl {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.codesign-fl li {
  margin-left: 5px;
}
.codesign-fl a {
  color: #cccccc;
}
.codesign-fl a:hover {
  color: #058ff9;
}
.codesign-dw {
  border-top: 1px solid #eeeeee;
}
.footer-widget {
  padding-bottom: 0;
}
.yousc-dark .codesign-dw {
  border: 1px dashed #44444487;
  background-color: #2d2d2d;
  text-shadow: #000 0px 1px 0px;
}
/*友情链接*/
/*新友情链接*/
.link {
  height: 60px;
  background: #f7f8fa;
  border: 1px dashed #ccc;
}
.link ul {
  list-style: none;
  list-style-type: none;
  padding-left: 0px;
  margin: 0px 0;
}
.link ul>span {
  float: left;
  display: block;
  font-size: 14px;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  height: 60px;
  padding: 0 30px;
  padding-top: 0;
  color: #FFF;
  padding-top: 10px;
  margin: -1px -1px -1px -1px;
  text-align: center;
}
.link ul>span>a {
  background: linear-gradient(-180deg, #ffffff 2%, #ffffff 98%);
  padding: 1px 10px;
  border-radius: 20px;
  color: #0a79ed;
}
.link li {
  float: left;
}
.link ul li a {
  display: inline-block;
  padding: 0 8px;
  float: left;
  margin-bottom: -6px;
  font-size: 14px;
  color: #828282;
  padding-top: 8px;
  font-weight: 400;
}

/*新友情链接*/
/*自助申请友情链接*/
@media screen and (max-width: 750px) {
.zhankr-sycms{
  float: inherit!important;
}
.container .row .card {
  width: 100%
}
}
.container .row .pricing-deco .deco-layer {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.container .row .pricing-deco:hover .deco-layer--1 {
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0);
}
.container .row .pricing-deco:hover .deco-layer--2 {
  -webkit-transform: translate3d(-15px, 0, 0);
  transform: translate3d(-15px, 0, 0);
}
.srcdict-yqlj {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
}
.clearfixyl {
  color: #fff;
  background-color: #fc7c5f;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  border: 1px solid transparent;
  border-radius: .375rem;
  max-width: 100%;
}
.mt20 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.card-header {
  padding: 1.25rem 1.5rem;
  font-size: 1.0625rem;
  background-color: #fff;
}
.card-header:first-child {
  border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}
/*自助申请友情链接*/

/*LOGO闪光*/
.logo-wrapper {
  position: relative;
  font-size: 2em;
  font-weight: 700;
  line-height: 39px;
  overflow: hidden;
  /*margin: 0;*/
  margin: 0 0px 0 -20px;
}
.logo-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  width: 200px;
  height: 10px;
  background-color: rgba(255,255,255,.5);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: searchLights 1s ease-in 1s infinite;
  animation: searchLights 1s ease-in 1s infinite;
}
.yousc-dark .logo-wrapper::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 10px;
  background-color: rgba(25, 22, 22, 0.55);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: searchLights 1s ease-in 1s infinite;
  animation: searchLights 1s ease-in 1s infinite;
}
 @-webkit-keyframes searchLights {
 0% {
left: -90px;
top: 0;
}
 to {
left: 150px;
top: 0;
}
}
/*LOGO闪光*/

@font-face {
  font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1380870_o08dhovorbr.eot?t=1567357317161'); /* IE9 */
  src: url('//at.alicdn.com/t/font_1380870_o08dhovorbr.eot?t=1567357317161#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABEYAAsAAAAAHqQAABDIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGIAqrSKJiATYCJANYCy4ABCAFhG0HgW4bRhmzERVsHEAC4oPI/g8HnNyfr4CgXA7Zp11By6tdaW93l73AEg1ErucOKvaaIe6mEebHk8iPeoW6zOuhlCDRsmW2XS3uG6WuxJdqUXg8CuHRYAyuCYlQCFmrRDM8bfPfe0cdIHBGUgZG1Ec4GzO/MxIXJaEOdWn8YSy6XYWxyvoEQAMk3CSeN6e+tLG1sSWnzYCSjghke8Dp1n3EkX21r4JAywmPAGT73f/xt/nA+f8CCDh0y1ep2JhhQcdf61t9s0DsaLgQ4Q3BDcZ4mKA/P5faJCV2lfiLc5VmRv7k8Ccv7b1xASDrmCWg8CzUISRFcDk3QLspP2fmJlWF8rO1FiA8/HEtk5UmtsllZmUWzIrK7DUWhwAxQ55sPWymIMQgZMEZh9B0BIS2w5iQMiFscT5xzZ4CKqE6egcAJ/z75Rv4DqGwmgi7V7mmEaw9Ay+m5Rh0hTgKWrJrA9bxQAMeGFCt74DktM48K7Hf+YYnAFgypj9N8RuEobMkZM+RM29yNdRabbfLQY+e2+7pi2k3vAG5OyFeXVjiVYn+K8+RYskJ0UQUBGQ0YkqVVifBoKghDs1JAeRxCdDhDdwQYRsQB8CApAA6EAuwBJIDhEBCgD1kkoAjkAjgDKQAeEMmK5ADyQA1QBqAGkgMaAVSArYDqQC7gLSAg7A0Ax7hABJ4t0UMw1O0oXhLrGinJpSe4nhwAHB/UQmF5xcrHAaLmkIdmvjdngjRBC7Jj1l1XoGoSEIwmRY4LoaOkM3msWGB1LgsDDJxPsHGxKgIZ/tQBCEddrOXbWREavpFNjhuyaSY8wixmVDI5xvbiWlUJ1ivqxsENW1iPdG0lGiF/tORpa6JudBSqq7ckWh5jHizfk3RgWFoB2XLdXjj7gexSvu45ks6BkznHF8PZqDO8GQYb4U0CEz/ZYNpfYyOiqpbQ37FKZt6j+Unonil9vXnyG9ohVFkLTXenbYaLV6kpZLKr3tsKapMZZDoeIwznj1sLdzw7znFPcrSg5goDOfC76LILsz7kZfR2M5w7TM1qiM45uFx/f3AHN4STE5E0a+UVhUc+S+ywnDPSX/B7SAYjTEHOs6AYQmf48qU88OxIBZtX7x4Q6HgMD1/TfPmCkHqtRgbZ+7GjaQQbqlh09YHYyzKdKNt2sVJUhoNI9y4QVzDgF2Rs21FmMV0XB6G848mX1IJjvzapGBH/h5oCdb4URxlAvQyGpl9kPxqZ24j3yiFMy88SbrQnZgXkjBMiU4ooy4R2oThXCC0C4PFVms1Ajvz4z5Ttsp4jmvhQE1OlOFS2C1rA/cULiuabsH84bTM5SnP1ITMaxRFcenjTG+a/jZeC9devBo/f9+QbfWpJumSncLTG7eX1YRKNGmS9QMrawO8Kukpa0Z/OCB/L9Yjcz8xsPQw3l37zg8811G5XpjrRmAPvXVQzqPosGlTao4FN0c0s4ma+4C9F+y78DEnmIDH8QXA4WigL2FJ+4hxN0LfATAAJo0cBNaLcExXtO55MLpdHfX0YZ3jXJ6A9VcJpLUo0YukAWM2dDUiiJZrKD6B7tN5UgoxQ0J2hBi1q7AznCtYesyc9xg4j8YxXYcn4DgYch1wjCp6GPC0wrmhJQg3U9Ts1920+08Y2r87/bZfN9u0rZRJ9V9mdi/34ZOD3kR58ErP314xazTJUiGjN7LBHjkuct+88DGeztuiaozNxcmDELqzrkZlpM5Ge/YWSWvIytrmRVqAeUaPpWPAKN0t4esvskYWMmk9/04YZGo+25ep+DW36pVNJ1PwSzmYNTXfeKT6hrwq+sNw6gV32sUo8oNgynngqMXDR/OyxRNxEqwnImfU7JrvydA8afG0jlJH+1xO/pu/de8c6OGcv38bnfTvPrwIe7oXHtz525u5F+3ZhxofpQ6h/b8pektpGtX29fcfdj3Q+tn9/R2fU/1EFXZ3794G4KvEmqz1oeZduIj6rwV3Y+WT1XClKCZvUE3kx1O1uNw+5bO5p1KLNU7aF9m1qNGFQEgD+RybAbalRIjj35roYPMosg1doWsWYwBwjkzKSuzl8GHbFZrmMdC/7dgwdxohNCsl63L0FyvAk3lcXGvGJvWYnswDtrmE/9q+NKIxUhEx0JZ9Wq0j/GYb+U4FZhDYaTX+kaJeaIXRkWuz87HmYbER2fps8sZcQRpuzivF20bGW4bzDC4k5vg0P0nG0rF6QUbUrKRHGqQRrly8lLrAWL4tCMIeFVA6J0WxQjLI0fv1uMxBmf2bCdLbnYyJoTT6c9zN4UZTf5/r+x/JMcZMdK3UOjPBqEzzYWsf56BbkN+/3AfevVjmvv/waJ7b3Af/9LV1xzmeaBrzgmHjwnNUsb4gMEu/lMXykswRK4p+ZFrxRTIpdDpLZkn4MslmrPN+GL5Q6PlnWhZWj5TtajNje/Nlp5Io3XXvHNXD/n+tixNLYtjchb53TdTm3eMYQaFDbX9XtnAuQuSK55tLGfJKXG5mLiJ6ZUhcMc9uAFWbTq9nWJg8wWp8TO74lj5aTzBxF1qedPby3KaRM1cWASmkYMpN3RrYAtd2I6VQWXkLtI5fXeJvlZtDVnVVXSD5JMd0PH/8ZmCY0vN5CLQeNdAxHc5FwxuxNpCQoCa97JXN/9D22xJgpRNSb1wWWW6mcmlwpTN+vMiXfncVbpou8PTHjvVIfHdpBldGdlouacabcHF1kpf7jKV3eTB3h+UhJTNuSdIx0RncY66IxsTrFsnf2WvNZzUwrPycsbF+/hxZWYX5BoKFu9Jrpde2lVjJVTi5o/I7YCKRBCsrYTuTTITDnH0fXkxP4xgVu8i5RpxdzU5g1c3Qt6JEUPc3TIen+DXDEQLwGUXqT9T1oAWr2Fq+JnqVMSJQzKpDr31rwSqvP2Bsb+HbMyZUZltgTneU0Pna5VaS/WhoUTjdJkaYrfVNMS088fLXnvVc+obdjAErL9HVOxRtcqPLQpGX1QBj9wY6N/g08+YJ00K/lNocTjaLHr7oFm+9xGp7HZ8uCWSY2xaEy9Ps6WrUsYyqLeJSmBRW0F3PRmqxuw/V6A/OlY0eJMyMM9w/hKRKFhl3pUlCPujuG1PgYAlP9pNtRPVxpxU3et51ptIkLAqhpGrbl4EHt5+kUrwDEwZ3EqnqXsGReayg0LFihnHqysGgBDFWcuXW81Z2nmd+WM9ab4H+7JP1SOwfs6eXp6jqttnVzbow/gKlM0ZNpO3ocpbdtTNih1s2paquTxCm9bAybmnnARCqu0qPlinv5kMFBUPty9c1Ii3iDwO1YxSkyD8rV9KiUUHHoY8Hst6/iBAmcnbM984EObYPKq0rP2TbZgLv+TuEokSPG4bo74+H/DoEHl87dmy9cAO5X7j+2RNSZZ4e3JZuPm1eTQ36zonmNfGiOSu45IfniUYf5g18x5334fXS/bFEYBib5zjI5Q455YvOizkO5bbZPtGT0datqJ2TTYTDDNM2ENuo324paS+vWPH7FLmJjZjj0N4ukUTqafdJcXlFu4PlVn1j7KzadklFOfj1eSMcUQrjXexift6kZduX9YKiCPwAwwPfgEeAom0s2/7bAG4b4wLiS0t3F7lgLkjZ3f0+ORFm/3/fSUxkMErV8d5xPyEePywR2djaq3dtlo0Ecm/GAeIAwxvIU6uieHBZPAXSEYQAe2/n0w9FDqudW/77Z236sHHz7Vur1CY+NjAk4W9LJG1usepzEMF+H2PAw4wRBQGQQBu/DMqIlMo08+kbtkHKRq576xrPUp8DN1/u2VundHZWKvfudU9Kshx51O88Nyl5z55eZZ1yzzmRtHeP/h0413oXFsp2xR4B9cAols2z5vmV7mQJnTQtz9VjUyxqW593AM6C32itRcpY9XzkGichWNZ+wdTjULItWONeGhTa11qQPN75g/4729yooJxu1vHJEe4VbmSsf64NGIX6mlCRq51COHeaHYUnVsC++0RAi8bFMv2oR8iloyv4Huu+rZGQZRF70Bn3M5Kbh2sE+7LWRnuZDWkVa9LoZRcWP3NyDC61S5YXFFYUFSTLSu1HldmLnsR6Xy/HTJ/qHgGlpeFIwvMukHzC2k6btu6sPVRoqwpgIdRUUTlM0lRGtKP7WP/ljJdMFk2WjN/F5T6YyGYAjGrTVemA/lK0p80uay/ysrWyWqvH/l7Wu2w8Ay6lX/plO+nQD+bkXc2bFfmzOZSh8Jqee3+oiF0cG2qdxnd/Ytwx3ZGvFvZpEF9TP9MkP1YDbrkzP5A8phlJmj19yiPFZPqIE32lw0/M5JFcJpcEEZ+CameuuXhwFG/pDjCkX4/VT5IpnGOFZYrxUwxJyTzePMlv27FtoWQQjP45GgLouwzXaSkrYhQVsrwFfUM5PVS1DgfLf0AAuvF+nIcPMMF1Nt6vY10DzhCTi99mdgKDYfoNYRn2AhqAPkIWod2gX3od9B2OQbmyC4D/Z2hUSeAGPuDcWT8OuiHodx4zZDB0dpi3rbj4kO4hcPrxgLb6ddt1gFYInkQXiP1BDw0HJroDYNlQQoXxndhkRfJNQUUU4RqveaILjYHtx9cR05jT9IM/S7/fr5pwqsF23KjDpY5J2duWjw90z5lwTSWuXBkxdHXomQpqBspidoRVxJAeiqBxOWUITDm2stRxnD+GkW4NxwMzoOYUABiE2jMA8jAQsvRl+XWzQFoDtbD006JG34gh2KKJfhcdM6/gYbTUqFSqlJrqjkgVjGuZ6gmOVJodfs8uNkvO1UANFkqxNNSG1PXBMSRbsmrqtVCqo0MamspxaWC2lk8Eb2UbbQ02Lsnfuvpxg4mgj8cwXf/eHp5t+/cLBdSP/bpJWZGV1pscblcTdaeCGDdNfvHbgB348NhtxOFxanhh3/Wq4HG821Inyyx5UKzua/8HnCM5JzO725KczF1SJ/RWdWNTLm5bhKbC4WniulmMkztRq9D5hv7lrOW7tTataFMPGonq19pb0SS0uQ+ro0przk1ICWjwfuf61vsCx5kLgfSe613pEWMcTDL8QfjEelA6AIZ7FIDZ2ct2ogNjkwbhmI49H+rPxaSGp4bPhkAGTKzor8P+9WvbjsnQrhtAGQ0A2HL0FQedwPqxcHHRcQx9wuVH0F+A4ThdJVtWjp6Nbe9/wxRUvaT/ECspk6JHE2sHAMutAn/ROtvpDwx/haX/csO/Mlh/RYdv9lhPYbF66qRsOxgABXVCAGYykd6w5947TnZxxJxyuObWUmA+3PDU/0Z4HHoDIPe72NPonTHnfRi6tGn9X/TU7qqidtLWuVy1M4kiYEA0ITO8yfLEkrBCHCGrJGbZbuKExhHQiAksOVaIULoiipxroindUKacdUssvV/iKGsSsw9NdCbMXRlmt47TwBkpDgRKgyKPhZl25huXrabOaueKL+48DJMsTp3Tjxy5yyKC38o8BEGEMzV5UJbGtTakcabiZYhVCM0mSYRfxLg0dWfWkTtOw6MhI4pDcygNipeHmevXv3HZaupCbnhs/sWdh/cnMrFUgn9UUOqGVTnfb2UuUJsgt8udqYkHauNanTBE4++r4mWIqQRjzUZCDxKySly8Wr8KKiPxJsJwvyek0oZp2Y5rXmcXPP/ps+cvXr56bfj6alsc7TjsAfuW2ejW22LeAxvoRrLR62sNFEeC4n8LcweVbbI2XkEkVzbtiyg2gDIfOnDEzPOLdiENyqOiKxU1g6/nl/0kEuvbHAnWmw0PfEfxRLW0oCjagmNUmuYweACtOx0AAAA=') format('woff2'),  url('//at.alicdn.com/t/font_1380870_o08dhovorbr.woff?t=1567357317161') format('woff'),  url('//at.alicdn.com/t/font_1380870_o08dhovorbr.ttf?t=1567357317161') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */  url('//at.alicdn.com/t/font_1380870_o08dhovorbr.svg?t=1567357317161#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-QQqun:before {
  content: "\e600";
}
.icon-weixin:before {
  content: "\e7e5";
}
.icon-qqq:before {
  content: "\e623";
}
.icon-qqqun2:before {
  content: "\e721";
}
.icon-qq:before {
  content: "\e607";
}
.icon-qqq1:before {
  content: "\e601";
}
.icon-QQmian:before {
  content: "\e630";
}
.icon-fankui:before {
  content: "\e61e";
}
.icon-rijianmoshi:before {
  content: "\e626";
}
.icon-qqqun1:before {
  content: "\e679";
}
.icon-quanping2:before {
  content: "\e6e2";
}
.icon-qqqun:before {
  content: "\e603";
}
.icon-dingbu:before {
  content: "\e643";
}
.icon-gongzhonghao:before {
  content: "\e618";
}
.icon-VIPx:before {
  content: "\e628";
}
.icon-quanping:before {
  content: "\e682";
}
.icon-VIP:before {
  content: "\e6b2";
}
.icon-quanping1:before {
  content: "\e887";
}
.icon-yewan:before {
  content: "\e669";
}
.icon-huabanfuben-copy:before {
  content: "\e6b5";
}
.icon-Fill:before {
  content: "\e6bd";
}
.zzhuti_qd_1:hover {
  background: #ffffff;
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
  color: #0295f9;
}
.zzhuti_qd_1 {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
  color: #FFF;
}
.float-radius {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.float-text {
  color: #0056ff
} /* 字体颜色 */
.yousc-dark a.float-text {
  color: #0056ff
} /* 夜晚模式字体颜色 */
.float-icon {
  color: #0056ff
} /* 图标颜色 */
.float-hover {
  color: #0056ff
} /* 鼠标掠过字体颜色 */
.flost-hover-bg {
  background-color: #0056ff
} /* 鼠标掠过背景颜色 */
.float-border {
  border-color: #ececec !important
} /* 边框颜色 */
.float-box {
  width: 68px;	/* 宽度 修改之后要修改float-alert-box里的right值，right值计算方式：此数值减去（5*2+2） */
  padding: 5px;/* 按钮框边缘留出像素 */
  font-size: 14px;/* 按钮字体大小 */
  position: fixed;
  right: 0;
  top: 66%;
  z-index: 9997;
  margin-top: -303px;	/* 自身高度的一半 */
  _position: absolute;
_top:expression(eval(document.documentElement.scrollTop+100));	/* 兼容低版本IE */
}
/* 会员开通开始 */
.float-vip {
  text-align: center;
  line-height: 1.2;
}
.float-vip a {
  display: block;
  width: 100%;
  padding: 10px 0;
  border: 1px solid #ececec;
  background-color: #FFF;
}
.float-vip a:hover {
  border-color: #0056ff !important;
  background-color: #0056ff;
  opacity: 1;
  color: #FFF;
}
.float-vip .iconfont {
  font-size: 32px;
  line-height: 32px;
}
/* 会员开通结束 */
.float-ul, .float-ul li {
  margin: 0;
  padding: 0;
}
.float-ul {
  margin-top: 5px;
  text-align: center;
  line-height: 1.2;
  list-style: none;
  background-color: #FFF;
  box-shadow: 0 2px 5px #e6e6e6;
}
.float-ul .iconfont {
  font-size: 20px;
  line-height: 20px;
}
.float-ul li a {
  display: block;
  width: 100%;
  padding: 10px 0;
  line-height: 18px;
}
.float-ul li a:hover {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
  color: #FFF;
}
.float-ul li a.qq {
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
}
.float-ul li a.weixin {
  position: relative;
}
.float-ul li a.fankui {
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.float-ul li a.fankui .iconfont {
  font-size: 22px;
  line-height: 22px;
}
.float-alert-box {
  width: 180px;
  height: 185px;
  background-color: #FFF;
  border: 1px solid #ececec;
  position: absolute;
  right: 60px;
  top: 0;
  z-index: 9998;
  display: none;
}
.dbsvip li a:hover {
  background: linear-gradient(-125deg, #ffab23 0%, #ff0036 100%);
  color: #fff;
  margin-bottom: 20px;
  box-shadow: 0 8px 10px rgba(255, 0, 12, 0.3);
  color: white;
  border-radius: 50%;
}
/* 此上为按钮弹出微信框的数值，top值可调节整体高度*/
.float-qq-box {
  padding: 20px 15px;
}
.float-weixin-box {
  padding: 15px;
}
.float-weixin-box img {
  margin: 0 auto;
}
.float-weixin-box p {
  font-weight: 600;
  color: #0056ff;
  margin-bottom: 5px;
}
.float-alert-box h6 {
  font-size: 20px;
  color: #0056ff;
}
.float-alert-box p {
  line-height: 24px;
}
.float-ul li .float-qq-box {
  color: #666;
}
.float-ul li .float-weixin-box {
  color: #666;
  top: -61px;
}
.float-qq-btn {
  padding: 10px;
  background-color: #0056ff;
  color: #FFF;
}

@media screen and (max-width:639px) {
.float-box {
  display: none;
}
}
/*VIP介绍*/
.vip-banner .vipbj h2 {
  text-align: center;
  font-size: 40px;
  color: #fff
}
.vip-banner .vipbj p {
  text-align: center;
  font-size: 18px;
  color: #fff
}
.vip-banner {
  background: url(../images/comvip-banner.png) no-repeat center;
  position: relative;
  width: 100%;
  height: 246px;
  position: relative;
}
.vip-banner-bg {
  background-position: center;
  background-size: cover;
  height: 100%
}
.vip-banner .vipbj {
  position: absolute;
  width: 100%;
  top: 20%
}
.vip-slogan {
  box-shadow: 0 2px 10px rgba(0,0,0,.02);
  border-radius: 5px;
  /*height: 280px;*/
  width: 1200px;
  background: #fff;
  box-sizing: border-box;
  font-size: 0;
  margin: 40px auto auto auto;
  padding-left: 0px;
}
.vip-slogan-box:nth-of-type(-n+3) {
  border-bottom: 0
}
.vip-slogan-box {
  padding-top: 20px;
  display: inline-block;
  border: 1px solid #f4f4f4;
  height: 50%;
  width: 400px;
  box-sizing: border-box;
  vertical-align: middle
}
.vip-slogan-box i {
  width: 100px;
  line-height: 100px;
  display: inline-block;
  background-image: linear-gradient(90deg, #ed1c24 0, #fb8f02 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 45px;
  text-align: center;
  vertical-align: middle
}
.vip-slogan-text {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #898989
}
.vip-slogan-text p:first-child {
  font-size: 18px;
  color: #575959
}
.container-vip {
  width: 1250px
}
.vip-content {
  text-align: center;
  margin-bottom: 50px
}
.module-line {
  width: 100%;
  text-align: center;
  margin-top: 40px
}
.module-line .left-arrow {
  background: url(../images/vip-left.png)
}
.module-line .right-arrow {
  background: url(../images/vip-right.png)
}
.module-line .arrow {
  width: 84px;
  height: 16px
}
.module-line .text {
  font-size: 26px;
  color: #4c4c4c;
  margin: 0 10px
}
.module-line span {
  display: inline-block;
*display:inline;
*zoom:1;
}
.vip-banner .vipbj>a {
  width: 170px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  border-radius: 25px;
  background-image: linear-gradient(90deg, #ed1c24 0, #fb8f02 100%);
  color: #fff;
  margin: 0 auto;
  margin-top: 0;
  display: block;
  margin-top: 20px
}
.vip-row {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  height: auto;
  zoom: 1
}
.vip-row:after, .vip-row:before {
  display: table;
  content: ''
}
.vip-block-wrapper {
  position: relative;
  display: flex;
  padding: 20px 0;
  height: 100%;
  justify-content: center
}
.vip-block-wrapper .vip-block-item {
  display: block;
  box-sizing: border-box;
  padding: 20px 40px;
  width: 33.333%;
  text-align: center;
}
.home-vipbox {
  padding: 1px 0px 38px 0px;
  border-radius: 8px;
  background: #fff;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.home-vipbox:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(213,213,213,0.4);
}
p.vip-bt {
  color: #fff;
  margin: 0 auto;
  width: 100px;
  padding: 8px 0;
  border-radius: 26px;
}
.vip-block-item a p {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.vip-block-item:nth-child(n) a:hover p {
  box-shadow: 0 10px 20px rgba(245,47,62,.4);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  background-color: #f52f3e;
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, #f52f3e, #ff4c22);
  background-image: -webkit-linear-gradient(left, #f52f3e, #ff4c22);
  background-image: -o-linear-gradient(left, #f52f3e, #ff4c22);
  background-image: linear-gradient(left, #f52f3e, #ff4c22);
}
.vip-block-item:nth-child(1) >.home-vipbox {
/* outline:1px solid rgba(245,210,47,0.24); */
    /* outline-offset:-8px; */
}
.vip-block-item:nth-child(1) h3 {
  color: #f5a02f;
  text-shadow: 0 5px 6px #ffe1b9;
}
.vip-block-item:nth-child(1) .vip-bt {
  background-image: -webkit-linear-gradient(left, #021b31, #001529);
}
.vip-block-item:nth-child(2) >.home-vipbox {
/* outline:1px solid rgba(47,146,245,0.15); */
    /* outline-offset:-8px; */
}
.vip-block-item:nth-child(2) h3 {
  color: #1890ff;
  text-shadow: 0 5px 6px rgba(24,144,255,0.40);
}
.vip-block-item:nth-child(2) .vip-bt {
  background-image: -webkit-linear-gradient(left, #1390de, #2f9af5);
}
.vip-block-item:nth-child(3) >.home-vipbox {
/* outline:1px solid rgba(245,47,47,0.2); */
    /* outline-offset:-8px; */
}
.vip-block-item:nth-child(3) h3 {
  color: #fd3d00;
  text-shadow: 0 5px 6px #ffb9b9;
}
.vip-block-item:nth-child(3) .vip-bt {
  background-image: -webkit-linear-gradient(left, #f1bc37, #fadb37);
}
p.vip-home-price {
  position: relative;
  font-size: 1.875rem;
  font-weight: bold;
  width: 200px;
  margin: 15px auto;
}
p.vip-home-price i {
  font-size: 16px;
  font-style: normal;
  padding-left: 8px;
}

@media (max-width: 768px) {
.vip-block-wrapper {
  display: block
}
.vip-block-wrapper .vip-block-item {
  float: left;
  width: 100%;
  padding: 10px 0;
}
}
.vip-block-wrapper .vip-block-item .icon {
  width: 25%;
  height: 20%;
  padding-top: 20px;
  margin: 0 auto;
}
.vip-block-wrapper .vip-block-item img {
  width: 100%;
  height: 60px;
}
.vip-block-wrapper .vip-block-item .content0-title {
  padding: 0;
  font-size: 1.875rem;
}
/*VIP介绍*/

/*侧边栏主题推荐*/
.widget {
  clear: both;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.widget_product {
  background: #fff;
}
.product_content {
  padding: 15px;
}
.product_info h2 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
  padding: 5px 0 10px 0;
}
.widget ul {
  zoom: 1;
  list-style: none;
  padding: 0;
  margin: 0;
}
.product_info>ul>li {
  font-size: 13px;
  margin-bottom: 8px;
  list-style: none;
}
.price_sale {
  border-top: 1px solid #eee;
  padding: 10px 0px;
}
.price_sale strong {
  float: right;
  font-size: 20px;
  line-height: 1;
  font-weight: 100;
}
small, .small {
  font-size: 85%;
}
.price_sale h2 {
  margin: 0;
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.product_content>.btn {
  top: 5px;
  padding: 1px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 3px 10px -1px #2c63ff!important;
  color: #ffffff;
}
.btn-primary {
  border-color: #4ba7fd;
}
/*侧边栏主题推荐*/

/*文章标题优化*/
.cao_entry_header {
  border-bottom: 1px solid #f5f5f5!important;
  margin-bottom: 16px;
}
.sjblog-avatar {
  width: 50px;
  float: left;
}
.sjblog-avatar img {
  float: left;
  width: 50px;
  border-radius: 50%;
  margin-right: 20px;
}
.sjblog-tgroup {
  /*padding-left: 66px;*/
  padding-bottom: 20px;
  /*border-bottom: 1px solid #f5f5f5 !important;*/
}
.article-content .entry-header .entry-title {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.sjblog-name {
  display: block;
  font-size: 13px;
  color: #adadad;
  padding-top: 5px;
}
.sjblog-name a {
  color: #adadad;
}
.sjblog-name a:hover {
  color: #2756fc;
}
.sjblog-time {
  margin-left: 20px;
}

@media (max-width: 575px) {
.article-content .entry-header .entry-title a {
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 0;
}
}
/*文章标题优化*/

/*图标旋转*/
.fa-spin {
  animation: 2s linear 0s normal none infinite running fa-spin;
  color: #2d56fd;
  font-weight: 700;
}
.yousc span {
  color: #2d56fd;
}
/*图标旋转*/

/*资源类型CSS样式*/
.vvip0, .vvip10, .vvip30, .vvip70, .vvip75, .vvip80, .vwip0, .vwip10, .vwip30, .vwip70, .vwip75, .vwip80, .vvip302, .vvip702, .vvip752, .vvip802, .vwip302, .vwip702, .vwip752, .vwip802 {
  display: inline-block;
  background-image: url(../images/tuyiyi_vip4_1.png);
  background-size: auto 40px;
  vertical-align: middle;
  height: 40px;
  width: 40px
}
.vvip0, .vvip10, .vvip30, .vvip70, .vvip75, .vvip80, .vvip302, .vvip702, .vvip752, .vvip802 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.vvip0, .vwip0 {
  background-position: 0 0
}
.vvip70, .vwip70 {
  background-position: -80px 0
}
.vvip30, .vwip30 {
  background-position: -40px 0
}
.vvip302, .vvip702, .vvip752, .vvip802 {
  background-position: -200px 0
}
.vvip75 {
  background-position: -160px 0
}
.vvip80, .vwip75, .vwip80 {
  background-position: -120px 0
}
.vwip0, .vwip10, .vwip30, .vwip70, .vwip75, .vwip80, .vwip302 {
  position: absolute;
  z-index: 10;
  border-radius: 5px 0 0 0
}
.vvip10, .vwip10 {
  background-position: 0 0
}
/*资源类型CSS样式*/

/*首页分类模块1*/
/*分类导航2*/
.col-xs-6 {
  width: 50%
}
.home-first-screen {
  background-color: #fff;
}
.home-first-screen .images, .home-first-screen .parts {
  margin-bottom: 0;
  position: relative
}
.home-first-screen .dubao {
  position: relative;
  margin-bottom: 5px
}

@media (min-width:768px) {
.home-first-screen .dubao {
  margin-bottom: 10px
}
}
.home-first-screen .row {
  margin-left: -5px;
  margin-right: -5px
}
.home-first-screen .col-md-3, .home-first-screen .col-md-6, .home-first-screen .col-xs-6 {
  padding-left: 5px;
  padding-right: 5px;
}
.home-first-screen .thumb {
  display: block;
  width: 100%;
  padding-top: 62.22222222%;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover
}
.home-first-screen .thumb:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 100%;
  background: rgba(0, 0, 0, .2);
  opacity: 0;
  visibility: hidden;
  transition: all .2s
}
.home-first-screen .thumb.bigOne {
  padding-top: 56.72131148%
}
.home-first-screen .thumb img {
  display: none
}
.home-first-screen .items .thumb {
  padding-top: 58.82352941%
}
.home-first-screen .images .col-md-6, .home-first-screen .images .col-xs-6 {
  margin-bottom: 10px
}
.home-first-screen .images .item2 {
  margin-bottom: 0
}
.home-first-screen .images a {
  display: block;
  position: relative
}
.home-first-screen .images a strong {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .4em .8em .6em;
  font-size: 12px;
  color: #dadada;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1.3;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .6) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .6) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .6) 100%);
  background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0);
  box-shadow: 0 -7px 15px rgba(0, 0, 0, .2);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (min-width:768px) {
.home-first-screen .images a strong {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400
}
}
.vitara_slide_in .vitara_slide ul li h3 .label {
  border-radius: 3px;
  padding: 2px 2px 2px 4px;
  font-size: 12px;
  font-weight: 700
}
.vitara_slide_in .vitara_slide ul li h3 .label {
  background: #fff;
  color: #525252;
  margin-right: 10px;
  text-shadow: 0 1px 1px #eee;
  box-shadow: 0 1px 1px #666;
  -moz-box-shadow: 0 1px 1px #666;
  -webkit-box-shadow: 0 1px 1px #666;
  padding: 2px 2px 2px 4px
}
.vitara_slide_in .vitara_slide ul li h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 20px;
  margin: 0;
  font-size: 16px;
  color: #fff;
  text-align: left;
  font-weight: 700;
  text-shadow: 0 1px 3px #525252;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
  background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3))
}
.home-first-screen a:hover .thumb:after {
  visibility: visible;
  opacity: 1
}
.home-first-screen .dubao {
  background: #fff;
  padding: 12px 10px 24px;
  height: 14px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  overflow: hidden
}
.home-first-screen .dubao h3 {
  float: left;
  font-size: 14px;
  color: #4bbbfa;
  font-weight: 400;
  line-height: 14px;
  padding: 0 10px 0 0;
  border-right: 1px solid #ddd
}
.home-first-screen .dubao h3 a {
  color: #4bbbfa
}
.home-first-screen .dubao h3 a:hover {
  color: #FFF
}
/*3*/

.home-first-screen .dubao .cont {
  height: 14px;
  overflow: hidden;
  position: relative
}
.home-first-screen .dubao .cont a {
  display: block;
  line-height: 14px;
  color: #606060;
  font-size: 12px;
  transition: all .5s;
  position: absolute;
  left: 0;
  top: 0
}
.home-first-screen .dubao .cont a:hover {
  color: #000
}
.home-first-screen .dubao .cont a span {
  display: inline-block;
  padding: 0 15px;
  white-space: nowrap
}
.home-first-screen .parts .hf-title {
  font-size: 12px;
  padding: 10px 0 20px;
  margin-bottom: 0;
  height: 16px;
  overflow: hidden;
  position: relative
}
.home-first-screen .parts .hf-title strong {
  color: #525252;
  margin-right: 5px;
  font-size: 16px;
  margin-left: 10px
}
.home-first-screen .parts .hf-title strong:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 16px;
  vertical-align: middle;
  background: #0056ff;
  margin-right: 6px;
  margin-top: -2px
}
.home-first-screen .parts .hf-title strong a {
  font-weight: 400;
  color: #555
}
.home-first-screen .parts .hf-title span {
  font-weight: 400;
  color: #d5d5d5
}
.home-first-screen .parts .hf-title .more {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 5px 0;
  border-radius: 3px;
  border: 1px solid #b1afaf;
  color: #b1afaf;
  font-weight: 400;
}
.home-first-screen .parts .hf-title .more:hover {
  color: #fff;
  background: #0056ff;
  border-color: #4bbbfa
}
.home-first-screen .parts .home-first-part {
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .1);
}
.home-first-screen .parts .items {
  padding: 13px 9px 26px;
}
.home-first-screen .parts .items .col-md-6 {
  margin-bottom: 7px
}
.home-first-screen .parts .items a {
  display: block
}
.home-first-screen .parts .items .thumb {
  margin-bottom: 0px
}
.home-first-screen .parts .items strong {
  color: #606060
}
.home-first-screen .parts .items strong.title {
  display: block;
  line-height: 1.2em;
  font-size: 0.8em;
  height: 1.4em;
  overflow: hidden;
  text-align: center;
  font-weight: 400
}
.home-first-screen .parts .items a:hover strong {
  color: #0056ff
}
.home-first-screen .fanye {
  position: absolute;
  right: 15px;
  top: 14px;
  background: #fff
}
.home-first-screen .fanye .btn {
  display: inline-block;
  border: 1px solid #efefef;
  vertical-align: middle;
  cursor: pointer;
  padding-top: 3px;
  margin-right: -1px
}
.home-first-screen .fanye .btn i {
  vertical-align: text-bottom
}
.home-first-screen .fanye .btn:hover {
  border-color: #4bbbfa;
  background: #4bbbfa;
  color: #fff
}
.home-first-screen .fanye .btn.no, .home-first-screen .fanye .btn.no:hover {
  cursor: default;
  background: #fff;
  color: #eee;
  border-color: #efefef
}
.home-first-screen .fanye .pages {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 4px
}
.home-first-screen .fanye .pages em {
  color: #525252;
  font-style: normal
}
.home-first-screen .home-course .hf-title {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
  position: relative
}
.home-first-screen .home-course .courses {
  margin: 7px 0 10px;
  position: relative;
  height: 120px;
  overflow: hidden
}
.home-first-screen .home-course .course-items {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0
}
.home-first-screen .home-course ul {
  margin: 0 10px 0 12px;
  list-style: none;
  padding-left: 0px;
}
.home-first-screen .home-course li {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  position: relative;
  color: #606060;
  font-size: 14px;
  margin: 6px 0
}
.home-first-screen .home-course li a {
  color: #606060
}
.home-first-screen .home-course li a:hover {
  color: #4bbbfa
}
/*4*/

.home-first-screen .home-course li strong {
  font-weight: 400
}
.home-first-screen .home-course li span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  display: inline-block;
  padding: 0 10px;
  line-height: 20px;
  background: #fbedd8;
  border-radius: 3px;
  color: #e2b46d;
}
.home-first-screen .home-menus ul {
  margin: 0;
  list-style: none;
  overflow: hidden;
  padding-left: 0px;
}
.home-first-screen .home-menus li {
  float: left;
  width: 33.33333333%;
  text-align: center
}
.home-first-screen .home-menus a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #606060;
  position: relative;
  line-height: 1.5;
  padding: 14px 5px 10px 5px;
  box-sizing: border-box;
  height: 83px;
  transition: all .1s
}
.home-first-screen .home-menus a:hover {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  color: #fff
}
.home-first-screen .home-menus a:hover i {
  color: #fff
}
.home-first-screen .home-menus a:hover:after, .home-first-screen .home-menus a:hover:before {
  display: none;
  visibility: hidden
}
.home-first-screen .home-menus a svg {
  font-size: 22px;
  line-height: 1.9
}

@media (min-width:768px) {
.home-first-screen .home-menus a svg {
  font-size: 24px;
  line-height: 1.3
}
}
.home-first-screen .home-menus a span {
  display: block;
  line-height: 2;
  margin-top: 5px;
}
.home-first-screen .home-menus li:nth-child(1) a:before, .home-first-screen .home-menus li:nth-child(2) a:before, .home-first-screen .home-menus li:nth-child(4) a:before, .home-first-screen .home-menus li:nth-child(5) a:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 85%;
  border-right: 1px solid #ddd
}
.home-first-screen .home-menus li:nth-child(4) a:before, .home-first-screen .home-menus li:nth-child(5) a:before {
  bottom: auto;
  top: 0
}
.home-first-screen .home-menus li:nth-child(1) a:after, .home-first-screen .home-menus li:nth-child(2) a:after, .home-first-screen .home-menus li:nth-child(3) a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 85%;
  border-bottom: 1px solid #ddd
}
.home-first-screen .home-menus li:nth-child(2) a:after {
  width: 100%
}
.home-first-screen .home-menus li:nth-child(3) a:after {
  right: auto;
  left: 0
}

@media (min-width:768px) {
.home-first-screen .parts .home-first-part {
  height: 168px;
  border: 1px solid #d7ebff;
  box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
  border-radius: 4px;
}
.home-first-screen .parts .items a {
  height: 130px;
  overflow: hidden
}
.home-first-screen .parts .items a strong {
  font-size: 14px;
  padding-top: 3px
}
.home-first-screen .dubao {
  padding: 11px 20px 24px 28px
}
.home-first-screen .dubao h3 {
  padding: 0 24px 0 0;
  margin-right: 10px
}
.home-first-screen .dubao .cont span {
  border-right: 1px solid #ddd
}
.home-first-screen .dubao .cont span:last-child {
  border-right: none
}
}

@media (min-width:992px) {
.home-first-screen {
  padding: 40px 0 10px
}
.home-first-screen .parts .col-md-3 {
  width: 24.998814%;
}
.home-first-screen .parts .col-md-3.part-first {
  width: 24.893559%;
}
.home-first-screen .images .item1 {
  width: 52.54237288%
}
.home-first-screen .images .item2 {
  width: 47.45762711%
}
}
.icon {
  width: 1.5em;
  height: 1.15em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
/*首页分类模块1*/

/*幻灯片*/
.zhankrhdp {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

@media (max-width: 767px) {
.zhankrhdp {
  padding-top: 20px !important;
}
}
.section {
  padding-top: 30px;
}
/*幻灯片*/

/*首页统计*/
/*.pb-0{background:#fff;padding:0;}*/
.alert-dark {
  background-color: #f0f4ff;
  color: #0e3686;
}
.type_icont_2 {
  background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
  background-size: 1400% 300%;
  animation: mymove 10s ease infinite;
  -webkit-animation: mymove 10s ease infinite;
  -moz-animation: mymove 10s ease infinite;
  color: #fff;
  border: none;
}
.description-17codesign {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  color: #6b798e;
}
@keyframes mymove {
0% {
background-position:0% 0%;
}
50% {
background-position:50% 100%;
}
100% {
background-position:100% 0%;
}
}
.alert-dark {
  background-color: #f0f4ff;
  color: #0e3686;
}
.type_icont_1 {
  background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
  background-size: 1400% 300%;
  animation: mymove 10s ease infinite;
  -webkit-animation: mymove 10s ease infinite;
  -moz-animation: mymove 10s ease infinite;
  color: #fff;
  border: none;
  display: inline-block;
  height: 22px;
  line-height: 21px;
  border: 0px solid #DDDDDD;
  padding: 0 16px;
  border-radius: 13px;
  font-size: 12px;
  transition: all 0.3s ease;
  border-color: #ff8a00;
}
/*首页统计*/

/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */

/*友情链接*/
.col-xs-12.friend-links {
  padding: 14px;
}
.codesign-fl {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.codesign-fl li {
  margin-left: 5px;
}
.codesign-fl a {
  color: #cccccc;
}
.codesign-fl a:hover {
  color: #058ff9;
}
.codesign-dw {
  border-top: 1px solid #eeeeee;
}
.footer-widget {
  padding-bottom: 0;
}
.yousc-dark .codesign-dw {
  border: 1px dashed #44444487;
  background-color: #2d2d2d;
  text-shadow: #000 0px 1px 0px;
}
/*友情链接*/
/*新友情链接*/
.link {
  height: 90px;
  background: #ffffff;
  border: 1px dashed #ffffff;
  border-radius: 5px;
  max-width: 1410px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
}
.link ul {
  list-style: none;
  list-style-type: none;
  padding-left: 0px;
  margin: 0px 0;
  margin-top: 5.5px;
}
.link ul>span {
  float: left;
  display: block;
  font-size: 14px;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  height: 90px;
  padding: 0 30px;
  padding-top: 0;
  color: #FFF;
  padding-top: 20px;
  margin-top: 4.5px;
  margin: -1px -1px -1px -1px;
  text-align: center;
  border-radius: 5px 0 0 5px;
}
.link ul>span>a {
  background: linear-gradient(-180deg, #ffffff 2%, #ffffff 98%);
  padding: 1px 10px;
  border-radius: 20px;
  color: #0a79ed;
}
.link li {
  float: left;
}
.link ul li a {
  display: inline-block;
  padding: 0 8px;
  float: left;
  margin-bottom: -6px;
  font-size: 14px;
  color: #828282;
  padding-top: 8px;
  font-weight: 400;
}

/*新友情链接*/
/*自助申请友情链接*/
@media screen and (max-width: 750px) {
.container .row .card {
  width: 100%
}
}
.container .row .pricing-deco .deco-layer {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.container .row .pricing-deco:hover .deco-layer--1 {
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0);
}
.container .row .pricing-deco:hover .deco-layer--2 {
  -webkit-transform: translate3d(-15px, 0, 0);
  transform: translate3d(-15px, 0, 0);
}
.srcdict-yqlj {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
}
.clearfixyl {
  color: #fff;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  border: 1px solid transparent;
  border-radius: .375rem;
  max-width: 100%;
}
.mt20 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.card-header {
  padding: 1.25rem 1.5rem;
  font-size: 1.0625rem;
  background-color: #fff;
}
.card-header:first-child {
  border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}
/*自助申请友情链接*/

/*导航*/

/*daohang*/
.mumucms_subnav_yangshi1 {
  height: 80px;
  border-top: none;
  overflow: hidden;
  background: #FFF;
}
.mumucms_subnav_wp {
  width: 1410px;
  margin: 0 auto;
}
.mumucms_subnav_yangshi1 .nav {
  width: 294px;
  float: left;
  margin-top: 10px;
  margin-left: 5px;
}
.mumucms_subnav_yangshi1 .ico {
  width: 55px;
  height: 55px;
  float: left;
  margin-top: 4px;
  border-radius: 50%;
  background-size: 30px 30px;
}
.mumucms_subnav_yangshi1 .ico1 {
  background: #48a1ff url(../images/mumucms_subnav_yangshi1_ico1.png) center center no-repeat;
}
.mumucms_subnav_yangshi1 .ico2 {
  background: #4dd79a url(../images/mumucms_subnav_yangshi1_ico2.png) center center no-repeat;
}
.mumucms_subnav_yangshi1 .ico3 {
  background: #fb8055 url(../images/mumucms_subnav_yangshi1_ico3.png) center center no-repeat;
}
.mumucms_subnav_yangshi1 .ico4 {
  background: #5f84f8 url(../images/mumucms_subnav_yangshi1_ico4.png) center center no-repeat;
}
.mumucms_subnav_yangshi1 .ico5 {
  background: #5f84f8 url(../images/mumucms_subnav_yangshi1_ico4.png) center center no-repeat;
}
.mumucms_subnav_yangshi1 .ico a {
  width: 55px;
  height: 55px;
  display: block;
}
.mumucms_subnav_yangshi1 .nav ul {
  width: 228px;
  float: left;
  margin: 0;
  padding: 0;
}
.mumucms_subnav_yangshi1 .nav li {
  float: left;
  list-style: none;
  height: 30px;
  line-height: 30px;
  width: 75px;
  text-align: center;
}
.mumucms_subnav_yangshi1 .nav li a {
  font-size: 14px;
  color: #666;
}
/*daohang*/

.navbar .nav-list>.menu-item>a {
  font-size: 14px;
  line-height: 38px;
  margin: 0 23px;
  transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.navbar .menu-item>a {
  font-weight: 400;
}
.navbar-full .site-header {
  padding: 0 80px;
}
.home-hot {
  width: 30px;
  position: absolute;
  left: 108px;
  top: 12px;
}
/*开通vip新*/
.shanshan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 15px;/*margin: 26px 15px;*/
}
[data-microtip] {
  position: relative;
}
[data-microtip]:before, [data-microtip]:after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}
[data-microtip]:before {
  background-size: 100% auto !important;
  content: "";
}
[data-microtip-position|="bottom"]:before {
 background: url(data:image/svg+xml;
charset=utf-8, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/20…0, 12.002%20C14.285, 12.002%208.594, 0.000%202.658, 0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-microtip-position|="bottom"]:before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}
.heshan > a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #adb7be;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: color .2s;
}
.shanlian.lianzi {
  color: #CEA22C;
  line-height: 33px;
  text-align: center;
}
.shanlian.lianzi .ic_gif {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 96px;
  margin: 0 0 0 -50px;
}
.shanlian.lianzi .ic_gif::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/tab_newani.png) no-repeat -60px 0;
  width: 13px;
  height: 25px;
  transform-origin: right center;
  -webkit-transform-origin: right center;
  animation: super_giftl 2s linear both infinite;
  -webkit-animation: super_ngiftl 2s linear both infinite;
}
.shanlian.lianzi .ic_gif::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/images/tab_newani.png) no-repeat -100px 0;
  width: 13px;
  height: 25px;
  transform-origin: left center;
  -webkit-transform-origin: left center;
  animation: super_giftr 2s linear both infinite;
  -webkit-animation: super_ngiftr 2s linear both infinite;
}
.shanlian.lianzi .txt {
  position: relative;
  font-size: 14px;
  color: #f5b344;
  margin-right: 2px;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.shanlian.lianzi {
  color: #CEA22C;
  line-height: 33px;
  text-align: center;
}
.heshan > a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #adb7be;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: color .2s;
}
.shanlian.lianzi .ic_mask {
  position: absolute;
  top: 10px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 14px;
  overflow: hidden;
  background: 0 0;
}
.shanshan .shanlian.lianzi .ic_mask::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  background: #fff;
  top: -12px;
  left: 0px;
  animation: super_mask 2s linear both infinite;
  -webkit-animation: super_mask 2s linear both infinite;
  opacity: .6;
}
[data-microtip-position="bottom-right"]:after {
 transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%;
}
[data-microtip-position|="bottom"]:after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}
[data-microtip-position|="bottom"]:after {
  margin-top: 11px;
}
[data-microtip]:after {
  background: rgba(17, 17, 17, .9);
  border-radius: 4px;
  color: #ffffff;
  content: attr(data-microtip);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: .5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}
[data-microtip]:before, [data-microtip]:after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}
/*开通vip新*/

/*开通VIP*/
.actions .vip-int {
  position: relative;
}
.vip-int .diamond {
  position: absolute;
  top: 52px;
  left: 50%;
  display: none;
  margin-left: -165px;
  padding: 15px;
  width: 325px;
  height: auto;
  border-radius: 4px;
  background: #fff;
  line-height: normal;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.actions a.vip-int:hover {
  opacity: 1;
}
.vip-int:hover .diamond {
  display: inline-block;
  margin-left: -150px;
  background: rgba(255, 255, 255, 1);
  line-height: normal;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.diamond .imgs {
  display: inline-block;
  overflow: hidden;
  width: 300px;
  height: 83px;
  border-radius: 4px
}
.diamond .imgs img {
  width: 100%;
  height: 100%
}
.diamond .kt {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 11px;
  width: 260px;
  height: 46px;
  border-radius: 45px;
  background: #f9b015;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  margin-left: 20px;
}
.diamond .kt:hover {
  background: #3b7ef3
}
.diamond .kt em {
  position: absolute;
  top: -20px;
  right: 20px;
  width: 95px;
  height: 34px;
  background: url(../images/newuser.png) 1px -775px no-repeat;
  font-size: 12px;
  line-height: 28px
}
.vip-int .diamond ul {
  display: inline-block;
  margin: 11px 0;
  overflow: hidden;
  padding-left: 0px !important
}
.vip-int .diamond ul li {
  display: inline-block;
  margin-left: 15px;
  width: 127px;
  height: 40px;
  color: #565656;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  font-size: 14px;
  line-height: 40px
}
.vip-int .diamond ul li i {
  display: inline-block;
  margin-right: 4px;
  width: 17px;
  height: 14px;
  background: url(../images/newuser.png) -28px -109px no-repeat;
  vertical-align: -1px
}
.navbar .user-pbtn img {
  align-items: center;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 33px;
  justify-content: center;
  margin-right: 5px;
  border: 2px solid #eee;
  width: 33px;
}
.navbar .sep:after {
  background-color: #e6e6e600;
}
.search-open.navbar-button {
  transition: transform 0.1s;
  background: linear-gradient(90deg, #006eff, #13adff);
  box-shadow: 0 3px 10px -1px #006eff!important;
  color: #fff;
}
.burger {
  background: linear-gradient(125deg, #f5ff07 0%, #ff1841 100%);
  box-shadow: 4px 3px 10px #ffc1072e;
  transition: transform 0.1s;
  color: #FFF;
  border: 0;
}
.burger:before, .burger:after {
  background-color: #ffffff;
}
i.fa.fa-tasks {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 30px;
  justify-content: center;
  width: 30px;
  margin-right: 10px;
  border: 0;
}
.header__style_user .header__dropdown {
  left: inherit;
  right: -130px;
  border-radius: 8px;
  width: 400px;
  top: 33px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 999999;
}
.navbar .logo {
  margin-right: 12px;
  max-width: 190px;
  height: auto;
}
.navbar .sep {
  display: flex;
  height: 100%;
  margin: 0 10px;
  width: 1px;
}
.deansubnavsins {
  display: block;
  width: 168px;
  height: 38px;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(90deg, #006eff, #13adff);
}
/*导航*/

/*导航图标颜色*/
.topq1honse {
  color: #fc3b3b;
}
.topq1lanse {
  color: #3860ee;
}
.topq1lvse {
  color: #2bc1ad;
}
.topq1zise {
  color: #af32f0;
}
.topq1huise {
  color: #4b4b4b;
}
/*导航图标颜色*/

/*导航图标*/
.icon_new {
  display: block;
  animation: hot 1s infinite linear;
  -moz-animation: hot 1s infinite linear;
  -webkit-animation: hot 1s infinite linear;
  -o-animation: hot 1s infinite linear;
  width: 25px;
  height: 14px;
  background: url(../images/new.png) no-repeat center;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -12.5px;
}
.icon_hot {
  display: block;
  animation: hot 1s infinite linear;
  -moz-animation: hot 1s infinite linear;
  -webkit-animation: hot 1s infinite linear;
  -o-animation: hot 1s infinite linear;
  width: 25px;
  height: 14px;
  background: url(../images/hot.png) no-repeat center;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -12.5px;
}
/*网站默认颜色*/
.filter--content .filter-tab a.on {
  color: #166df1;
}
.filter--content .filter-tab .tab.on i:before {
  display: inline-block;
  margin-top: 1px;
  color: #166df1;
  content: "\f111";
  font: normal normal normal 14px/1 FontAwesome;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: 5px;
  margin-left: 2px;
}
/*网站默认颜色*/

/*收藏*/
.entry-star {
  display: block;
  border-radius: 50%;
  font-size: 15px;
  height: 25px;
  right: 10px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 25px;
  opacity: 0;
  visibility: hidden;
  background-color: #1978f1;
}
.ripro-star.ok {
  color: #fff;
  border-color: #555;
}
.xshare a .fa-star-o {
  border-color: #ffffff;
  color: #2f49fd;
}
/*收藏*/

/*导航栏目统计*/
.zhankr-num {
  position: absolute;
  top: 8px;
  left: 76%;
  color: #555;
  border-radius: 8px;
  text-align: center;
  font-family: Calibri;
  background: #eee;
  font-size: 12px;
  min-width: 32px;
  display: none;
}
.navbar .sub-menu .menu-item.menu-item-has-children>a:after {
  margin-right: -18px;
}
/*导航栏目统计*/

/*导航动态样式*/
.sub-menu li a:before {
  content: '';
  height: 1px;
  width: 10px;
  background-color: #0056ff;
  opacity: 0;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  position: absolute;
  left: .75rem;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -khtml-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
/*导航动态样式*/

/*二级导航样式*/
.youscmenulanse {
  box-sizing: border-box;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-left: 10px;
  margin-top: -6px;
  left: 0;
  border-color: #61e1b9;
  border: 3px solid #7a99f2;
}
.youscmenulvse {
  box-sizing: border-box;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-left: 10px;
  margin-top: -6px;
  left: 0;
  border-color: #61e1b9;
  border: 3px solid #70d7cf;
}
.youscmenuhuangse {
  box-sizing: border-box;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-left: 10px;
  margin-top: -6px;
  left: 0;
  border-color: #61e1b9;
  border: 3px solid #f5c745;
}
.youscmenuhongse {
  box-sizing: border-box;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-left: 10px;
  margin-top: -6px;
  left: 0;
  border-color: #61e1b9;
  border: 3px solid #f1787f;
}
.navbar .sub-menu {
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.07);
  list-style-type: none;
  margin: -1px 0 0 -18px;
  min-width: 200px;
  opacity: 0;
  padding: 20px 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  visibility: hidden;
  z-index: 80;
}
/*.nav-list li:nth-last-child(1) .sub-menu span {
  display: none;
}*/
/*二级导航样式*/

/*栏目波浪*/
.dabolang {
  width: 100%;
  height: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fff0 !important;
  margin-top: -19px;
}
.ripro-dark .dabolang {
  width: 100%;
  height: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #181616 !important
}
#dabolangl1 {
  -webkit-mask: url(../other/mobanweb_001.svg);
  mask: url(../other/mobanweb_001.svg);
  animation-delay: -2s;
  animation-duration: 12s;
}
#dabolangl1, #dabolangl2, #dabolangl3 {
  background-color: rgb(246,246,246)
}
.ripro-dark #dabolangl1 {
  background-color: #f1f1f1!important;
}
.ripro-dark #dabolangl2 {
  background-color: #f1f1f1!important;
}
.ripro-dark #dabolangl3 {
  background-color: #f1f1f1!important;
}
.dabolangl {
  width: 200%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 350px 100%;
  transform-origin: 0 100% 0;
  animation-name: move;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes move {
0% {
transform:translate(-175px, 0px) scale(1, 1)
}
50% {
transform:translate(-87px, 0px) scale(1, 0.5)
}
100% {
transform:translate(0px, 0px) scale(1, 1)
}
}
#dabolangl2 {
  -webkit-mask: url(../other/mobanweb_002.svg);
  mask: url(../other/mobanweb_002.svg);
  animation-delay: -2s;
  animation-duration: 5s;
}
#dabolangl3 {
  -webkit-mask: url(../other/mobanweb_003.svg);
  mask: url(../other/mobanweb_003.svg);
  animation-delay: -1s;
  animation-duration: 3s;
}
/*栏目波浪*/

/*注册登入导航*/
.navbar .login-btn {
  align-items: center;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  width: 100px;
  margin-right: 10px;
  margin-left: 10px;
  border: 0;
  background: linear-gradient(-125deg, #0295f9 0, #2f49fd 100%);
  box-shadow: 0 3px 10px -1px #006eff!important;
  color: #FFF;
}
.menu-head_you-container {
  margin-right: 10px;
}
/*注册登入导航*/


/*网站建设按钮*/
.button, .btn--primary {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  -webkit-box-shadow: 0 8px 10px rgba(32,160,255,.3);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
}
.button, input[type="submit"], button[type="submit"], .navigation .nav-previous a, .navigation .nav-next a {
  width: 200px;
}
/*网站建设按钮*/

/*栏目分类样式*/
.filter--content .filter-item span {
  margin-right: 10px;
  background: linear-gradient(-125deg, #ffffff 0%, #ffffff 100%);
  border-radius: 0;
  color: #808080;
  padding: 0 20px;
  border-right: 1px solid;
}
.filter--content .filter-item a.on {
  border: 1px dashed #fff;
  background: linear-gradient(-125deg, #ffffff 0%, #ffffff 100%);
  color: #3d7eff;
}
.filter--content .filter-item a {
  display: inline-block;
  margin-top: 0;
  margin-right: 10px;
  border-bottom: 1px solid transparent;
  color: #808080;
  border-radius: 0;
  padding: 0 10px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
}
.filter--content .filter-item a:hover,.filter--content .filter-item a.color,.filter--content .filter-item .currclass a {
  border: 1px dashed #999;
  background: linear-gradient(-125deg, #ffffff 0%, #ffffff 100%);
  color: #3d7eff;
}
.filter--content .filter-tab span {
  margin-right: 10px;
  background: linear-gradient(-125deg, #ffffff 0%, #ffffff 100%);
  border-radius: 0;
  color: #808080;
  padding: 0 20px;
  border-right: 1px solid;
}

@media (max-width: 768px) {
.filter--content .filter-item span, .filter--content .filter-tab span {
  padding: 0;
  border-right: 0;
}
}
/*栏目分类样式*/

/*内容页按键*/
.btn--secondary {
  background-color: #2196F3;
  background: linear-gradient(90deg, #006eff, #13adff)!important;
  -webkit-box-shadow: 0 8px 10px rgba(32,160,255,.3);
  box-shadow: 0 3px 5px rgba(11, 146, 255, 0.39);
}
.widget-pay .pricing-options {
  display: none;
}
.type_icont_2 {
  display: inline-block;
  height: 22px;
  line-height: 21px;
  color: #666;
  border: 1px solid #DDDDDD;
  padding: 0 16px;
  border-radius: 13px;
  font-size: 12px;
  transition: all 0.3s ease;
  color: #ffffff;
  border-color: #ff8a00;
}
.widget-userinfo .author-qiandao .btn {
  font-size: 15px;
  width: 160px;
  font-weight: normal;
}
/*内容页按键*/

/*内容页美化*/
.article-content blockquote p {
  font-size: 14px;
}
.widget-userinfo .btn-qiandao {
  color: #ffffff;
  background-color: #f2f7ff;
  border-radius: 50rem 0rem 0rem 50rem;
  padding: .375rem 1rem;
  font-size: .75rem;
  margin-right: -20px;
  line-height: 1.5;
  background: linear-gradient(-125deg, #467eff 0%, #0056ff 100%);
  box-shadow: 0 3px 10px -1px #2c63ff!important;
}
.widget-userinfo .author-fields .num {
  color: #245cfc;
}
.widget-pay .pay--rateinfo b .price {
  font-size: 28px;
  margin-right: 5px;
  color: #1461ff;
}
.widget-pay .pay--rateinfo b sup {
  font-size: 13px;
  margin-left: 5px;
  color: #555555;
  font-weight: 400;
}
.entry-content p {
  color: #666;
  line-height: 32px;
}
.entry-tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.article-copyright {
  background: #d8eafc;
  color: #1e87f0;
  border: none;
  border-left: 2px solid #0056ff;
  font-size: 12px;
  border-radius: 0;
  box-shadow: 0 1px 8px #d8eafc;
}
.article-copyright a {
  color: #1e87f0;
}
.label-default {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.3);
  border-radius: 16px;
  padding: 4px 11px;
}
.comments-area #reply-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  position: relative;
  font-size: 15px;
  letter-spacing: .5px;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: uppercase;
  border: none;
  border-left: 4px solid #0056ff;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.widget-area .widget .widget-title {
  font-size: 15px;
  letter-spacing: .5px;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: uppercase;
  border: none;
  border-left: 4px solid #0056ff;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.entry-tags a {
  background-color: #fff;
  border: 1px solid #e5f2ff;
  border-radius: 100px;
  background: rgba(0,132,255,.1);
  color: #0084ff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  margin: 0 5px 5px 0;
  padding: 5px 12px;
}
.sjblog-avatar img {
  float: left;
  width: 50px;
  border-radius: 50%;
  margin-right: 20px;
}
.article-content .entry-header .entry-title {
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding-bottom: 0px;
  border-bottom: 0;
  margin-bottom: 20px;
}
.u-text-format h2 {
  border-radius: 0px !important;
  margin-left: -20px;
  padding: 10px 0px 10px 10px;
  border-left: 3px solid #0056ff;
  color: #444;
  font-size: 16px;
  font-weight: 900;
}
code, kbd, samp {
  font-family: Consolas, monaco, monospace;
  font-size: .875rem;
  color: #f0506e;
  white-space: nowrap;
  padding: 2px 6px;
  background: #f8f8f8;
}
.u-text-format h3 {
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 8px;
  background: url(../images/blue.png) no-repeat 0px bottom;
}
.entry-wrapper img {
  /*display: block;*/
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ads-single-header .jianjie{
  background: #F7F7F7;
  border-radius: 10px;
  padding: 10px;
}
.widget-pay .pay--rateinfo {
  padding: 10px 20px;
  border-radius: 4px;
  margin-top: 0px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0);
  background: #fff0;
}

@media (max-width: 768px) {
.article-focusbox {
  margin-top: -20px;
}
}
.u-text-format h4 {
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 8px;
  background: url(../images/blue.png) no-repeat 0px bottom;
}
.u-text-format h5 {
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 8px;
  background: url(../images/blue.png) no-repeat 0px bottom;
}
.u-text-format li {
  margin: 5px 0;
  list-style: none;
}
/*内容页美化*/

/*导航用户中心弹窗*/
.header-center .md-l {
  float: left;
  width: 47%;
  border-radius: 6px;
  padding: 15px;
  margin-right: 15px;
  transition: transform 0.1s;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(135deg, #89f1fe, #63a8f6);
  box-shadow: 3px 3px 10px #17161614;
}
.header-center .md-t {
  padding: 9px;
  margin-bottom: 5px;
  border-radius: 5px;
  position: relative;
  transition: transform 0.1s;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(135deg, #fe89c0, #f44069);
  box-shadow: 3px 3px 10px #17161614;
}
.header-center .md-b {
  padding: 9px;
  position: relative;
  margin-bottom: 5px;
  border-radius: 5px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  transition: transform 0.2s;
  background-image: linear-gradient(135deg, #fee11b, #fe8e06);
  border: 2px transparent solid;
}
.wp-VIP {
  background: linear-gradient(-125deg, #f8d930 0%, #fb7b92 100%);
  box-shadow: 4px 3px 10px #ffc1072e;
  color: #FFF;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 10px;
  transition: transform 0.1s;
  font-size: 12px;
  margin-left: 10px;
  font-family: "wp" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header-top .group-name {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 4px 3px 10px rgba(32, 160, 255, 0.17);
  color: #FFF;
  padding: 2px 8px;
  border-radius: 10px;
  font-style: normal;
  font-size: 12px;
  margin-left: 10px;
}
.header-center .md-t a {
  position: absolute;
  right: 10px;
  top: 5px;
  background: linear-gradient(-180deg, #f6f6f6 2%, #f6f6f6 98%);
  padding: 1px 10px;
  border-radius: 20px;
  color: #ec2546;
  box-shadow: 3px 4px 10px #17161617;
}
.header-center .md-b a {
  position: absolute;
  right: 10px;
  top: 5px;
  background: linear-gradient(to bottom, #fff 0, #fff 100%);
  padding: 1px 10px;
  border-radius: 20px;
  color: #feb609;
  box-shadow: 3px 4px 10px #17161617;
}
.header-center .jinbi i {
  /*background: url(../images/jinbi.png) no-repeat center;*/
  background-size: cover;
}
.header-center .dou i {
  background: url(../images/dou.png) no-repeat center;
  background-size: cover;
}
.header-center .pay-credit {
  padding: 2px 10px;
  border-radius: 20px;
  background-color: #ffffff;
  width: 120px;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  color: #245bfc;
}
.header-top {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cecece;
}
.header-center .md-l {
  border: 0;
}
/*导航用户中心弹窗*/

/*会员中心*/
.card-box .author-info {
  padding: 22px 0 35px;
}
.payvip-box .vip-info .vipc {
  opacity: 10 !important;
}
.payvip-box .vip-info {
  opacity: 10 !important;
}
.user-profile .edit--profile-area {
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 21px 40px;
  margin-bottom: 30px;
  box-shadow: 4px 6px 10px #3a4f7017;
}
.edit--profile-links li a.active {
  /* background: #34495e; */
  color: #ffffff;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  -webkit-box-shadow: 0 8px 10px rgba(32,160,255,.3);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
}
.edit--profile-links li a {
  padding: 12px 12px;
  display: block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  text-align: center;
}
.user-profile .sidebar-card {
  box-shadow: 4px 6px 10px #3a4f7017;
}
.charge .modules__content .amounts ul li p.selected {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  color: #fff;
}
.author-card .author-infos .author p {
  line-height: 30px;
  padding-top: 6px;
  margin: 0;
  font-size: 12px;
  margin: 0;
  color: #555;
  font-weight: 500;
}
.mcolorbg4 {
  background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
  background-size: 1400% 300%;
  -webkit-animation: mymove 10s ease infinite;
  -moz-animation: mymove 10s ease infinite;
  color: #fff;
  border: 0px solid #DDDDDD;
  font-size: 14px;
  transition: all 0.3s ease;
  border-color: #ff8a00;
}
.pcolorbg {
  background: linear-gradient(90deg, #0674ec, #54a1f5, #ff82ea, #2e8ef7);
  background-size: 1400% 300%;
  -webkit-animation: mymove 10s ease infinite;
  -moz-animation: mymove 10s ease infinite;
  color: #fff;
  border: 0px solid #DDDDDD;
  font-size: 14px;
  transition: all 0.3s ease;
  border-color: #ff8a00;
}
.scolorbg {
  background: linear-gradient(90deg, #ff6565, #ffe37c, #ff854a, #ff65fa);
  background-size: 1400% 300%;
  -webkit-animation: mymove 10s ease infinite;
  -moz-animation: mymove 10s ease infinite;
  color: #fff;
  border: 0px solid #DDDDDD;
  font-size: 14px;
  transition: all 0.3s ease;
  border-color: #ff8a00;
}
.payvip-box .vip-info h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  margin: 0;
  text-shadow: 0 5px 5px rgba(0,0,0,.1);
}
/*会员中心*/

/*首页搜索框
.bgcolor-fff {
    background-color: #fff;
}
.row,.navbar .menu-item-mega>.sub-menu{margin-left:-10px;margin-right:-10px;}
.home-filter--content:before{background-color:rgba(91,91,91,0);}
.home-filter--content {background: linear-gradient(to right, #f6f6f6, #f6f6f6a8, #f6f6f6);}
.ripro-dark .home-filter--content {background: linear-gradient(to right, #232425, #232425, #232425);}
.home-filter--content .form-box{margin-right:10%;margin-left:10%;}
/*首页搜索框*/

/*首页功能模块*/
.icoid1 {
  font-size: 20px;
  line-height: 1.3;
  color: #0c85fa;
}
/*首页功能模块*/

/*内容页资源信息*/
.btn--danger {
  color: #ffffff;
  background-color: #2196f3;
  background: linear-gradient(90deg, #006eff, #13adff)!important;
  -webkit-box-shadow: 0 8px 10px rgba(32,160,255,.3);
  box-shadow: 0 3px 5px rgba(11, 146, 255, 0.39);
}
.agent--contact ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #8c8c8c;
  font-size: 13px;
  padding: 1px 20px 10px;
  position: relative;
}
.agent--contact ul li:not(:last-of-type):before {
  height: 100%;
  width: 1px;
  left: 3px;
  background: linear-gradient(-180deg, #0056ff 0, #0056ff 98%);
}
.agent--contact ul li:after {
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  border: 1px solid #0056ff;
  border-radius: 50%;
  background-color: #0056ff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.agent--contact ul li:after, .agent--contact ul li:not(:last-of-type):before {
  content: "";
  position: absolute;
 top: calc((1em - -5px)/ 2);
}
.agent--contact .list-paybody {
  background-color: #f3f7ff;
}
.btn {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 46px;
  outline: none;
  padding: 0 18px;
  text-align: center;
  position: relative;
}

/*内容页资源信息*/

/*手机端幻灯片隐藏*/
@media (max-width: 768px) {
.footer-fav {
  display: none;
}
}

@media (max-width: 768px) {
.i-friend-linknew {
  display: none;
}
}

@media (max-width: 768px) {
.module.slider .post {
  height: 160px;
}
}

@media (max-width: 768px) {
.module.slider.diy .post {
  margin-top: 0;
  min-height: 0;
}
}

@media (max-width: 768px) {
.jizhisucai-tj {
  display: none;
}
}

@media (max-width: 768px) {
.deansubnavsins {
  display: none;
}
}

@media (max-width: 768px) {
.home-filter--content .form-box {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  position: relative;
  margin-right: 5% !important;
  margin-left: 5% !important;
  z-index: 999;
  margin-top: 150px !important;
}
}

@media (max-width: 768px) {
.zhankr-bj {
  background: #fff;
  margin-top: -30px !important;
}
}
/*手机端幻灯片隐藏*/

/*首页幻灯片轮播2*/
.section {
  padding-top: 30px;
}
.home-first-screen {
  padding: 40px 0 30px;
  margin-top: -10px;
}
.toptu {
  background-color: #fff;
}
.item.scroll {
  left: 0px;
  width: 100%;
  height: 420px;
  background-size: auto 100%;
  pointer-events: none;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease 0s;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  font-size: 0;
  background: #000;
  word-wrap: break-word;
  box-sizing: border-box;
  outline: none;
}
.item.scroll .scroll-image {
  position: relative;
  height: 100%;
  transform: translateX(0px);
  animation: banner 40s linear infinite;
  opacity: 0.5;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
.hVBrzU {
  position: absolute;
  top: 100px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-size: 16px;
  white-space: normal;
  width: 100%;
  margin: auto;
}
.static {
  position: static;
  margin-top: -76px;
  margin-bottom: -30px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1399px;
}
.static .flex {
  padding: 0;
  display: flex;
}
.static li.st_one {
  flex: 1;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  list-style: none;
  transition: all .3s ease-out;
}
.static li.st_one:hover {
  transform: translateY(5px);
}
.static .st_one .card-main {
  width: 100%;
}
.static .active-card-title {
  position: absolute;
  bottom: 0;
  color: #fff;
  /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .7)), to(transparent));*/
  width: 100%;
  padding: 12px 20px;
  font-size: 16px;
}

@media screen and (max-width: 900px) {
.item.scroll {
  height: 200px;
  margin-top: -54px;
}
}
.sc-1wssj0-17 img {
  display: inline-block;
}
 @-webkit-keyframes banner {
 from {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
 to {
 -webkit-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
 @keyframes banner {
 from {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
 to {
 -webkit-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
.item img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.view {
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.view_content {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-width: 0;
  -ms-flex-preferred-size: 72.71063%;
  flex-basis: 72.71063%;
 *margin-right: 1.18978%;
}
.sucaishuoming .title {
  font-weight: 300;
  font-style: inherit;
  letter-spacing: .51px;
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.sucaishuoming .description {
  color: #7c7c7d;
  font-size: 14px;
  margin: 10px 0;
  max-height: 320px;
  position: relative;
  overflow: hidden;
}
.open_more {
  color: #ff6499;
  font-size: 14px;
  line-height: 50px;
  cursor: pointer;
}
.view_right {
  display: block;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-width: 0;
  -ms-flex-preferred-size: 26.09959%;
  flex-basis: 26.09959%;
  margin-left: 1.18978%;
  width: auto;
  box-shadow: none;
  padding-left: 20px;
  box-sizing: border-box;
}
.mt_60 {
  margin-top: 60px;
}
.r_format {
  list-style: none;
  padding: 0;
  margin: 0;
}
.format_li {
  font-size: 11px;
  list-style: none;
  position: relative;
  padding-left: 20px;
}
.format_li:after, .format_li:not(:last-of-type):before {
  content: "";
  position: absolute;
 top: calc((1em - -5px) / 2);
}
.format_li:not(:last-of-type):before {
  height: 100%;
  width: 1px;
  left: 3px;
  background: linear-gradient(-180deg, #399dff 0%, #297dcf 98%);
}
.r_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex_box {
  padding: 3px 20px 17px 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.flex_tit {
  float: left;
  font-style: inherit;
  font-size: 12px;
  letter-spacing: .075em;
  margin-top: 0;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
}
.flex_tip.uppercase {
  text-transform: uppercase;
}
.flex_tip {
  font-style: inherit;
  letter-spacing: 0;
  font-size: 12px;
  letter-spacing: .025em;
  color: #7c7c7d;
  margin-bottom: 0;
  word-break: break-word;
  display: block;
}
.section:after {
  content: "";
  display: table;
  clear: both;
}
.format_li:after, .format_li:not(:last-of-type):before {
  content: "";
  position: absolute;
 top: calc((1em - -5px) / 2);
}
/*首页幻灯片轮播*/

/*网站顶部
.home .site-content {
    margin-top: -10px;
}
.site-header { height: 80px; margin-top: 30px;}
.navFix{margin-top:0px !important;box-shadow:rgba(51,51,51,.2) 0px 2px 3px;position:fixed !important;}
.header-banner{width:100%;background-color:#292a34;height:30px;color:#b2bac2;position:relative;z-index:99;}
.header-banner-content{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:12px}
.deangg{line-height:30px;}
.deanggspan{float:left;width:588px;margin:0 auto;color:#333;font-size:14px;}
.deanggspan i{display:block;float:left;font-size:18px;color:#2a52fd;margin-top:7px;margin-left:5px;margin-right:6px;}
.deanggspan span{display:block;float:left;color:#eee;font-weight: lighter;}
.dblangse{color:#2a52fd;}
.deangg b{height:12px;margin-top:9px;width:1px;display:block;float:left;background:#a8a8a8;}
.deanggc{float:left;}
.announce-wrap{height:30px;overflow:hidden;}
.deanggc ul{margin-top:-30px;}
.deanggc ul li{margin-top: 30px;font-size:14px;width:580px;display:block;clear:both;height:30px;}
.deanggc ul li a{color:#f60;font-weight:bold;float:left;}
.deanggc ul li a:hover{color:#f60;text-decoration:blink;}
.deanggc ul li span{float:right;color:#999;font-size:12px;width:120px}
.menu {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-right: 0;
}
.page_item{
	    margin-right: 20px;
}
.page_item a{
	    color: #a6a6a6;
}
网站顶部*/

/*优惠券*/
.jq22-price-nub {
  background-image: -webkit-gradient(linear, left top, right top, from(#0056ff), to(#467eff));
  background-image: -moz-linear-gradient(left, #f63f5d, #ec2546);
  background-color: #0056ff;
}
.jq22-full {
  height: 2rem;
  line-height: 2.3rem;
  background: #0056ff;
  color: #467eff;
  font-size: .8rem;
  text-align: center;
}
.codecdk-panel .jq22-flex .jq22-flex-box .cop-codecdk {
  background-image: -webkit-gradient(linear, left top, right top, from(#0056ff), to(#467eff));
  background-image: -moz-linear-gradient(left, #f63f5d, #ec2546);
  box-shadow: -4px 8px 12px 0 #0721ff2e;
}
/*优惠券*/

/*首页底部开通VIP*/
.home-vip-mod .vip-cell a.primary {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
}
/*首页底部开通VIP*/

/*首页底部统计*/
.site-data-wp {
  height: 246px;
  /*background-size: auto 100%;*/
  background-repeat: repeat-x;
  background-color: #7a99f2;
  background-position: center;
  text-align: center;
  font-size: 0;
}
.site-data-wp .data-items {
  padding-top: 45px;
  padding-bottom: 32px;
  font-size: 0;
  min-height: 85px;
  margin: 0;
  padding-left: 0;
}
.site-data-wp li {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  margin-top: -138px;
}
.site-data-wp li i {
  display: inline-block;
  height: 25px;
}
.site-data-wp li span {
  display: block;
  line-height: 48px;
  font-size: 36px;
  color: #fff;
  position: relative;
}
.site-data-wp li span::after {
  content: '+';
  font-size: 18px;
  position: absolute;
  line-height: 1;
  padding-left: 3px;
  opacity: 0;
}
.site-data-wp .btn-outlined {
  min-width: 100px;
  height: 40px;
  line-height: 36px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
}
.btn-outlined {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  height: 43px;
  line-height: 43px;
  min-width: 80px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  border: 0 none;
  position: relative;
  overflow: hidden;
}
.site-data-wp li span.srcshujia::after {
  opacity: 1;
}
.site-data-wp li span.srctive::after {
  opacity: 1;
}
.site-data-wp li strong {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  -webkit-transition: color .3s cubic-bezier(.31, 1, .34, 1);
  transition: color .3s cubic-bezier(.31, 1, .34, 1);
}
.site-data-wp li:hover strong {
  color: #fff;
  transform: translate(0, -3px);
  text-shadow: 3px 5px 10px #1716166b;
}
/*首页底部统计*/

/*底部收藏*/
.footer-fav {
  position: relative;
  /*z-index: 20;*/
  overflow: hidden;
  width: 100%;
  background: #f7fafc;
  background: #edf3f9
}

@media (min-width:768px) {
.footer-fav {
  overflow: visible;
  width: auto;
  background: #edf3f9
}
}
.footer-fav .container {
  overflow: visible;
  padding-top: 36px;
  padding-bottom: 36px
}
.footer-fav .site-info {
  width: 60%
}

@media (min-width:768px) {
.footer-fav .site-info {
  display: inline-block;
  width: auto
}
}
.footer-fav .site-info h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.4
}

@media (min-width:768px) {
.footer-fav .site-info h2 {
  font-size: 26px
}
}
.footer-fav .site-info h2 a {
  color: #000
}
.footer-fav .site-info .site-p {
  margin-bottom: 10px
}
.footer-fav .site-info .site-p p:first-child:after {
  content: ','
}

@media (min-width:768px) {
.footer-fav .site-info .site-p {
  margin-bottom: 0
}
.footer-fav .site-info .site-p p:first-child:after {
  content: ''
}
}
.footer-fav .site-info p {
  display: inline;
  margin-bottom: 10px;
  color: #797979;
  font-size: 9pt;
  line-height: 1.8
}

@media (min-width:768px) {
.footer-fav .site-info p {
  display: block;
  margin-bottom: 0;
  font-size: 14px
}
}
.footer-fav .site-fav {
  padding-top: 5px
}

@media (min-width:768px) {
.footer-fav .site-fav {
  float: right;
  display: block;
  padding-top: 24px
}
}
.footer-fav .site-fav .btn-orange {
  padding: 0 1.2em;
  font-size: 14px;
  line-height: 2.5
}

@media (min-width:768px) {
.footer-fav .site-fav .btn-orange {
  padding: 0 2em;
  color: #fff;
  font-size: 1pc;
  line-height: 3.5
}
}
.footer-fav .site-girl {
  position: absolute;
  bottom: 0;
  left: 50%
}
.footer-fav .site-girl .girl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  transition: all .3s
}

@media (min-width:768px) {
.footer-fav .site-girl .girl {
  left: -50px
}
}
.footer-fav .site-girl .girl:after {
  position: absolute;
  top: 40%;
  left: 100%;
  display: block;
  visibility: hidden;
  color: #a7a7a7;
  content: 'Hi~';
  font-size: 20px;
  opacity: 0;
  transition: all .2s;
  transition: all .3s
}
.footer-fav .site-girl .thumb {
  display: block;
  padding-top: 116.667%
}
.footer-fav .site-girl .girl-info {
  margin-bottom: 55px;
  margin-left: 150px
}
.footer-fav .site-girl h4 {
  color: #797979;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8
}
.footer-fav .site-girl a {
  color: #797979
}
.footer-fav .site-girl a:hover {
  color: #ff5c00
}

@media (min-width:768px) {
.footer-fav:hover .site-girl .girl {
  left: -5pc
}
.footer-fav:hover .site-girl .girl:after {
  visibility: visible;
  opacity: 1;
  transition: all .2s
}
}

@media (max-width:767px) {
.footer-fav .btn-group>.btn:last-child {
  border-radius: 3px
}
}

@media (max-width:767px) {
.home .footer-fav {
  display: none
}
}
.btn-orange {
  display: block;
  outline: 0;
  border: none;
  border-radius: 3px;
  background: linear-gradient(-125deg, #c000ff 0%, #2954fd 100%);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
  color: #fff;
  text-align: center;
  line-height: 2.4;
  cursor: pointer
}
/*底部收藏*/

/*VIP用户*/
.label-warning {
  box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.3);
  background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
  background-size: 1400% 300%;
  animation: mymove 10s ease infinite;
  -webkit-animation: mymove 10s ease infinite;
  border-radius: 16px;
  padding: 4px 11px;
}
/*VIP用户*/

/*首页底部统计2*/

.mobanweb .data-items {
  font-size: 0;
  min-height: 85px;
}
.mobanweb li {
  display: inline-block;
  vertical-align: top;
  width: 250px;
}
.mobanweb li i {
  display: inline-block;
  height: 25px;
  color: #fff;
  transition: 0.3s;
  font-size: 18px;
  margin-top: 20px;
}
.mobanweb li strong {
  display: block;
  line-height: 48px;
  font-size: 36px;
  color: #fff;
  position: relative;
  transition: 0.3s;
}
.mobanweb li span {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  transition: 0.3s;
}
.mobanweb li strong::after {
  content: '+';
  font-size: 18px;
  position: absolute;
  line-height: 1;
  padding-left: 3px;
  opacity: 0;
  transition: 0.3s;
}
.mobanweb li strong.active::after {
  opacity: 1;
}
.mobanweb li:hover i {
  color: #ec2546;
  transform: translate(0, -3px);
  text-shadow: 3px 5px 10px #1716166b;
}
.mobanweb li:hover strong {
  color: #ec2546;
  transform: translate(0, -3px);
  text-shadow: 3px 5px 10px #1716166b;
}
.mobanweb li:hover span {
  color: #ec2546;
  transform: translate(0, -3px);
  text-shadow: 3px 5px 10px #1716166b;
}
.module.parallax .container {
  padding-top: 1px;
  padding-bottom: 38px;
}
a.button.transparent.go_pay_vip_box {
  color: #1e1e1e;
  background: linear-gradient(50deg, #FFAB00 0, #fff800 100%) !important;
  box-shadow: 4px 3px 16px 0px #ffc1072e;
}
.footer-widget .widget--newsletter button {
  color: #0056ff;
}
/*首页底部统计2*/



/*首页网站快讯统计*/
.fa-volume-up:before {
  content: "\f028";
  color: #3e82f2;
}
.deanggwrap {
  width: 100%;
  padding-top: 30px;
  padding-right: 40px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.deangg {
  width: 900px;
  float: left;
  /*height:30px;*/
  line-height: 30px;
  background: #f0f4ff;
  margin-right: 30px;
  padding: 10px 0;
  border-radius: 30px;
}

@media (max-width:767px) {
.deangg {
  display: none
}
}
.deanggspan {
  float: left;
  width: 105px;
  margin: 0 auto;
  color: #333;
  font-size: 14px;
}
.deanggspan i {
  display: block;
  float: left;
  font-size: 18px;
  color: #f60;
  margin-top: 7px;
  margin-left: 15px;
  margin-right: 6px;
}
.deanggspan span {
  display: block;
  float: left;
  color: #2575fc;
}
.deangg b {
  height: 12px;
  margin-top: 9px;
  width: 1px;
  display: block;
  float: left;
  background: #a8a8a8;
}
.deanggc {
  float: left;
  width: 730px;
  margin-left: 20px;
}
.announce-wrap {
  height: 30px;
  overflow: hidden;
}
.deanggc ul {
}
.deanggc ul li {
  font-size: 14px;
  width: 730px;
  display: block;
  clear: both;
  height: 30px;/* line-height:30px;*/

}
.deanggc ul li a {
  font-weight: 400;
  color: #6b798e;
  float: left;
}
.deanggc ul li a:hover {
  color: #2575fc;
  text-decoration: blink;
}
.deanggc ul li span {
  float: right;
  color: #999;
  font-size: 12px;
  width: 120px
}
.deanchart {
  float: right;
  height: 50px;
  width: 400px;
  color: #fff;
  margin-left: 20px;
}
.deanchart ul {
  width: 460px;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}
.deanchart ul li {
  float: left;
  height: 100%;
  margin-right: 20px;
  font-size: 14px;
}
.deanchart ul li i {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin-top: 8px;
  background: url(../images/zhuti.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart2 i {
  background: url(../images/icon1.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart3 i {
  background: url(../images/icon2.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart4 i {
  background: url(../images/icon3.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart5 i {
  background: url(../images/icon5.png) 0 0 no-repeat;
}
.deanchartdiv {
  float: left;
  margin-left: 8px;
  margin-top: 6px;
  text-align: center;
}
.deanchartdiv em {
  font-size: 12px;
  color: #999;
  font-style: inherit;
}
.deanchartdiv span {
  font-size: 12px;
  color: #999;
}
.deanchartdiv a {
  font-size: 12px;
  color: #999;
}
.clear {
  margin-top: -5px;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.aligncenter p.wp-caption-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/*首页网站快讯统计*/

/*首页文章美化*/
.post-grid .entry-header .entry-title {
  font-weight: 500;
}
.entry-footer a {
  position: relative;
  margin-right: 0px;
  color: #aaaaaa;
  padding: 4px 4px;
  border-radius: 4px;
  font-weight: 500;
  background: rgb(246,246,246);
  line-height: 1;
}
/*首页文章美化*/

/*侧边栏*/
.float-ul li a {
  border-radius: 5px;
}
/*侧边栏SVIP*/

.dbsvip {
  background: linear-gradient(-125deg, #ffab23 0%, #ff0036 100%);
  color: #fff;
  margin-bottom: 20px;
  box-shadow: 0 8px 10px rgba(255, 0, 12, 0.3);
  color: white;
  border-radius: 50%;
}
.dbsvipa {
  color: #fff;
}
.dbsvipd {
  padding: 10px;
  background: linear-gradient(-125deg, #ffab23 0%, #ff0036 100%);
  color: #FFF;
}
/*侧边栏SVIP*/

/*首页最新发布标题美化*/
.HhCooltitle {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  line-height: 1;
}
.HhCooltitle:before {
  margin-right: 10px
}
.HhCooltitle:after {
  margin-left: 10px;
}
.HhCooltitle:before, .HhCooltitle:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: linear-gradient(-90deg, #b108ff 0%, #364cfd 100%);
  border-radius: 50%;
}
.HhCooltitle span {
  font-family: Futura;
  background: linear-gradient(-125deg, #c000ff 0%, #2954fd 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 49px;
  letter-spacing: 5px;
  display: inline-block;
  font-weight: 700;
}
.HhCooltitle .HhChTitle {
  font-size: 20px;
}
.HhCooltitle .HhChTitle strong {
  display: block;
  font-size: 20px;
  background: linear-gradient(-90deg, #b108ff 0%, #364cfd 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.HhcatboxDes {
  position: absolute;
  opacity: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  font-size: 16px;
  height: 180px;
  justify-content: center;
  width: 100%;
  color: #fff;
  font-weight: 600;
  background: #00000070;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.HhCooltitle {
  background-color: #fff;
  padding-bottom: 10px;
}
/*首页最新发布标题美化*/

/*首页分类模块角标*/
.entry-thumbnails-17codesign:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 24px;
  top: 20px;
  left: 0;
  background: linear-gradient(-125deg, #c000ff 0%, #2954fd 100%);
  box-shadow: 8px 0px 12px 0 rgba(56,96,244,.34);
  border-radius: 2px;
}
/*首页分类模块角标*/

/*底部搜索框*/
.footer-widget .widget--newsletter .form-control {
  background-color: #f8f8f8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 50px;
  border: 1px solid #eeeeee;
  font-size: 14px;
  color: #aaaaaa;
  height: 42px;
}
.footer-widget .widget--newsletter button {
  background-color: transparent;
  line-height: 40px;
  border-radius: 20px 20px 20px 20px;
  color: #ffffff;
  width: 80px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  border: none;
  height: auto;
  padding: 0px 30px 0px 30px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
}
/*底部搜索框*/

/*列表模式美化*/
.post-grid .entry-media {
  margin-bottom: 0;
  position: relative;
  padding: 6px;
}
.entry-media .zhankr-ddd {
  padding: 2px 10px;
  border-radius: 4px 4px 0 0;
  background-color: #eee;
  height: 30px;
}
.entry-media .zhankr-ddd span {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fdb223;
  border-radius: 50%;
}
.entry-media .zhankr-ddd span:first-child {
  background: #fa4846;
}
.entry-media .zhankr-ddd span:last-child {
  background: #28c633;
}
/**/
.post-list .entry-media {
  flex-shrink: 0;
  margin-bottom: 0;
  margin-right: 20px;
  width: 198px;
}
.entry-media .placeholder {
  background-color: #ffffff;
  height: 0;
  overflow: hidden;
  border-radius: 4px;/* border-radius: 4px 4px 0 0; */
}

@media (max-width: 767px) {
.post-list .entry-media {
  width: 120px!important;
}
}
/*列表模式美化*/

/*列表收藏美化*/
.ripro-star {
  border-color: #ffffff;
  color: #ffffff;
}
/*列表收藏美化*/

/*优快讯*/
.youkuaixun-header h1 {
  font-size: 12px;
  font-size: 1.6rem;
  line-height: 30px;
  text-align: center;
  margin: 0 0 15px 0;
}
.youkuaixun-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.youkuaixun-title {
  font-size: 13px;
  text-align: center;
  color: #555;
  font-weight: 400;
}
strong {
  font-weight: normal;
}
.youkuaixun {
  position: relative;
}
.youkuaixun h2 {
  color: #555;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 15px;
  margin-top: -30px;
  font-size: 15px;
}
.youkuaixun li {
  padding: 8px 0;
  display: block;
}
.youkuaixun-content {
  box-shadow: 0 0 1px RGBA(0,0,0,.15);
  background-color: #f6f6f62e;
  border: 1px #ccc0 solid;
  border-radius: 4px;
  font-size: 1.0em;
  line-height: 1.5em;
  margin: 0 30px 0 40px;
  letter-spacing: 1px;
  padding: 20px 20px 0px 30px;
  color: #666;
  min-height: 60px;
  position: relative;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP Printers */
  word-wrap: break-word; /* IE 5+, 文本行的任意字内断开 */
}
.youkuaixun-content p {
  margin: 0;
  margin-top: -60px;
}
/*作者*/
.youkuaixun-meta {
  text-align: right;
  letter-spacing: 0px;
  margin-top: -15px;
}
.youkuaixun-meta span {
  background-color: #f9f9f9;
  border-radius: 3px;
  padding: 2px 5px;
  font-size: 13px
}
.youkuaixun-meta a {
  color: #666 !important;
}
/*年月日*/
.calendar {
  text-align: center;
  position: relative;
  margin-bottom: 5px;
  margin-right: -5px;
  margin-top: 0;
  border: 1px solid #c9c9c9;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-radius-topleft: 7px;
  border-radius-bottomright: 7px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  top: 20px;
  float: left;
  margin-left: 3px;
  -webkit-box-shadow: #c6c6c6 1px 1px 3px;
  box-shadow: #c6c6c6 1px 1px 3px
}
.calendar-year {
  text-align: center;
  position: relative;
  margin-bottom: -50px;
  margin-right: -5px;
  margin-top: 0;
  -webkit-border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  top: -25px;
  float: left;
  margin-left: 27px;
  color: #bbb;
}
.cal-year {
  color: #b2b1b2;
  background-color: #e9e9e9;
  text-shadow: white -1px -1px 1px;
  -webkit-border-top-left-radius: 6px;
  border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  letter-spacing: -2px;
  font: bold 15px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif;
  padding: 1px 4px 2px 0;
  text-align: center;
  border: 1px solid #fff
}
.cal-month {
  -webkit-border-top-left-radius: 6px;
  border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 3px 10px
}
.cal-date {
  color: #222;
  background-color: #e9e9e9;
  text-shadow: white -1px -1px 1px;
  -webkit-border-bottom-right-radius: 6px;
  border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  letter-spacing: -2px;
  font: bold 21px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif;
  padding: 1px 4px 2px 0;
  text-align: center;
  border: 1px solid #fff
}
.month-01 {
  background-color: #767c8f
}
.month-02 {
  background-color: #345abe
}
.month-03 {
  background-color: #37838d
}
.month-04 {
  background-color: #55b06c
}
.month-05 {
  background-color: #409ad5
}
.month-06 {
  background-color: #be63c5
}
.month-07 {
  background-color: #f79445
}
.month-08 {
  background-color: #4e1e00
}
.month-09 {
  background-color: #a04262
}
.month-10 {
  background-color: #284461
}
.month-11 {
  background-color: #4d1d77
}
.month-12 {
  background-color: #af1919
}
/*波浪线*/
.youkuaixun li em {
  float: left;
  background: url("../images/bolangxian.png") no-repeat;
  width: 55px;
  height: 10px;
  margin: 42px 0 0 26px;
}
/*头像*/
.youkuaixun .avatar {
  border-radius: 50%;
  margin: 0px 10px 0 -40px;
  float: left;
  padding: 0px;
  border: 1px #ddd solid;
  display: block;
  transition: .5s;
  width: 25px;
  height: 25px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 1px rgb(41, 83, 252);
}
.youkuaixun li:hover .avatar {
  transform: rotate(360deg);
  -webkit-transform: rotate(720deg);
  -moz-transform: rotate(720deg);
  border-color: #0c0;
}
/*前面的轴*/
.youkuaixun:before {
  height: 100%;
  width: 2px;
  background: #eee;
  position: absolute;
  left: 30px;
  content: "";
  top: 0px;
}
.youkuaixun-content:before {
  position: absolute;
  top: -15px;
  bottom: 0px;
  left: -46px;
  background: #fff;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  content: "";
  box-shadow: inset 0 0 2px #2c50fd;
}
.youkuaixun-content:after {
  position: absolute;
  top: -13px;
  bottom: 0px;
  left: -44px;
  background: #0590f9;
  height: 8px;
  width: 8px;
  border-radius: 6px;
  content: "";
}
.youkuaixun li:hover .youkuaixun-content:after {
  background: #0c0;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
}
.youkuaixun li:hover .youkuaixun-content:before {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
}
/*后面的轴*/
.youkuaixun li:hover .youkuaixun-meta:after {
  background: #0c0;
}

@media screen and (max-width: 550px) {
.youkuaixun-content {
  margin: 0 30px 0 30px;
  padding: 10px 3px 0px 8px;
  font-size: 0.9em;
}
.calendar {
  left: -46px;
  top: 8px;
  margin-right: -46px;
}
.cal-month {
  font-size: 8px;
  padding: 0px 3px
}
.cal-date {
  font: bold 13px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif;
}
.calendar-year {
  left: -46px;
  top: 26px;
}
.cal-year {
  font: bold 9px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif;
  padding: 0 1px 0 0;
}
.youkuaixun:before {
  left: 20px;
}
.youkuaixun-content:before {
  left: -16px;
  top: 25px;
}
.youkuaixun-content:after {
  left: -14px;
  top: 27px;
}
.youkuaixun:after {
  right: 20px;
}
.youkuaixun .avatar {
  margin: 16px -17px 0 5px;
  width: 30px;
  height: 30px;
}
.youkuaixun li em {
  float: left;
  width: 10px;
  height: 10px;
  margin: 25px 0 0 -12px;
}
.youkuaixun-meta span {
  font-size: 10px
}
}
/*优快讯*/

/**首页选项卡**/
.widget_tabcontent h3 .selected {
  color: #282828;
  border-bottom: 2px solid #282828;
}
.ripro-dark .widget_tabcontent h3 .selected {
  color: #0056ff;
  border-bottom: 2px solid #0056ff;
}
.widget_tabcontent h3 span {
  color: #999;
  margin: 0 18px;
  letter-spacing: .51px;
  position: relative;
  line-height: 1;
  padding-bottom: 10px;
  cursor: pointer;
  font-weight: 400;
}
.ripro-dark .widget_tabcontent h3 span {
  color: #f1f1f1;
}
.widget_tabcontent h3 span:hover {
  border-bottom: 2px solid #0056ff;
}
.widget_tabcontent .hide-code {
  display: none;
  padding-left: 0;
}
.show {
  display: block!important;
}
/**首页选项卡结束**/

/*视频角标*/
.shipin {
  padding: 1px 5px;
  font-size: 3px;
  line-height: 14px;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 50px;
  background: #ff2741;
  z-index: 5;
  position: absolute;
  top: 2px;
  right: -15px;
  animation: fivezhe 1.8s infinite;
}
.shipin:after {
  bottom: -3px;
  left: 3px;
  border-top: solid transparent;
  border-top-color: transparent;
  border-top-width: medium;
  border-right: solid transparent;
  border-right-color: transparent;
  border-right-width: medium;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136,183,213,0);
  border-top-color: rgba(136, 183, 213, 0);
  border-top-color: #ff364f;
  border-width: 4px;
  margin-left: 0;
}
/*视频角标*/
/*HOT角标*/
.remen {
  padding: 1px 5px;
  font-size: 3px;
  line-height: 14px;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 50px;
  background: #ff2741;
  z-index: 5;
  position: absolute;
  top: 2px;
  right: -1px;
  animation: fivezhe 1.8s infinite;
}
.remen:after {
  bottom: -3px;
  left: 3px;
  border-top: solid transparent;
  border-top-color: transparent;
  border-top-width: medium;
  border-right: solid transparent;
  border-right-color: transparent;
  border-right-width: medium;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136,183,213,0);
  border-top-color: rgba(136, 183, 213, 0);
  border-top-color: #ff364f;
  border-width: 4px;
  margin-left: 0;
}
/*HOT角标*/
/*wp下载角标*/
.wpxz {
  position: absolute;
  top: 8px;
  left: 70%;
  color: #555;
  border-radius: 8px;
  text-align: center;
  font-family: Calibri;
  background: #eee;
  font-size: 10px;
  min-width: 42px;
}
/*wp下载角标*/

/*加群小工具*/
.mobanweb-jiaqun h5 {
  font-size: 16px;
  line-height: 1.4;
}
.mobanweb-jiaqun-small {
  padding: 15px;
}
.mobanweb-jiaqun p {
  max-width: 80%;
}
.mobanweb-jiaqun {
  letter-spacing: .5px;
}
.mobanweb-jiaqun .btn {
  font-size: 13px;
}
.mobanweb-jiaqun .btn i {
  margin-right: 3px;
}
.mobanweb-jiaqun .helper-thumb {
  position: absolute;
  right: 0;
  bottom: 0;
}
.mobanweb-jiaqun-btn-on {
  color: #fff;
  background: #2c63ff!important;
  box-shadow: 0 3px 10px -1px #2c63ff!important;
  border: 0;
}

/*加群小工具*/
@media (max-width: 768px) {
.fujia {
  display: none;
}
}
/*问答社区*/
.q-content {
  margin-top: -90px !important;
}
/*升级VIP翅膀*/
.navbar .actions>div+div {
  font-weight: 400;
}
.shanshan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 15px;
}

@media (max-width: 767px) {
.shanshan {
  display: none
}
}
.heshan {
  position: relative;
}
.shanlian {
  color: #fff;
  line-height: 33px;
  text-align: center;
}
.heshan > a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 68px;
    padding: 15px;*/
  color: #adb7be;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: color .2s;
}
.shanlian.lianzi {
  color: #CEA22C;
  line-height: 33px;
  text-align: center;
}
.shanlian.lianzi .ic_gif {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 96px;
  margin: 0 0 0 -50px;
}
.shanlian.lianzi .ic_gif1 {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 88px;
  margin: 0 0 0 -44px;
}
.shanlian.lianzi .ic_gif::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/mobanweb_com_vip.png) no-repeat -60px 0;
  width: 13px;
  height: 25px;
  transform-origin: right center;
  -webkit-transform-origin: right center;
  animation: super_giftl 2s linear both infinite;
  -webkit-animation: super_ngiftl 2s linear both infinite;
}
.shanlian.lianzi .ic_gif1::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  background: url(../images/mobanweb_com_vip.png) no-repeat 0 0;
  width: 13px;
  height: 25px;
  transform-origin: right center;
  -webkit-transform-origin: right center;
  animation: super_giftl 1s linear both infinite;
  -webkit-animation: super_giftl 1s linear both infinite;
}
.shanlian.lianzi .ic_gif::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/mobanweb_com_vip.png) no-repeat -100px 0;
  width: 13px;
  height: 25px;
  transform-origin: left center;
  -webkit-transform-origin: left center;
  animation: super_giftr 2s linear both infinite;
  -webkit-animation: super_ngiftr 2s linear both infinite;
}
.shanlian.lianzi .ic_gif1::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  background: url(../images/mobanweb_com_vip.png) no-repeat -30px 0;
  width: 13px;
  height: 25px;
  transform-origin: left center;
  -webkit-transform-origin: left center;
  animation: super_giftr 1s linear both infinite;
  -webkit-animation: super_giftr 1s linear both infinite;
}
.shanlian.lianzi .txt {
  position: relative;
  font-size: 15px;
  color: #f5b344;
}
.shanlian.lianzi .txt1 {
  position: relative;
  font-size: 14px;
  color: #f5b344;
}
.shanlian.lianzi .ic_mask {
  position: absolute;
  top: 10px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 14px;
  overflow: hidden;
  background: 0 0;
}
.shanshan .shanlian.lianzi .ic_mask::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  background: #fff;
  top: -12px;
  left: 0px;
  animation: super_mask 2s linear both infinite;
  -webkit-animation: super_mask 2s linear both infinite;
  opacity: .6;
}
/* 闪字动画 */
@keyframes super_ngiftl {
 0%, 100% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(-15deg);
}
}
 @-webkit-keyframes super_ngiftl {
 0%, 100% {
 -webkit-transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(-15deg);
}
}
 @keyframes super_ngiftr {
 0%, 100% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(15deg);
}
}
 @-webkit-keyframes super_ngiftr {
 0%, 100% {
 -webkit-transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(15deg);
}
}
 @keyframes super_giftl {
 0%, 100% {
 transform: rotateY(0deg);
}
 50% {
 transform: rotateY(-50deg);
}
}
 @-webkit-keyframes super_giftl {
 0%, 100% {
 -webkit-transform: rotateY(0deg);
}
 50% {
 -webkit-transform: rotateY(-50deg);
}
}
 @keyframes super_giftr {
 0%, 100% {
 transform: rotateY(0deg);
}
 50% {
 transform: rotateY(50deg);
}
}
 @-webkit-keyframes super_giftr {
 0%, 100% {
 -webkit-transform: rotateY(0deg);
}
 50% {
 -webkit-transform: rotateY(50deg);
}
}
 @keyframes super_mask {
 0% {
 transform: translate(0, 0) rotate(-30deg);
}
 50%, 100% {
 transform: translate(56px, 22px) rotate(-30deg);
}
}
 @-webkit-keyframes super_mask {
 0% {
 -webkit-transform: translate(0, 0) rotate(-30deg);
}
 50%, 100% {
 -webkit-transform: translate(56px, 22px) rotate(-30deg);
}
}
/*升级VIP翅膀*/
/*列表顶部背景*/
.term-bar:before {
  background-color: #3e82f23b;
}
.term-bar {
  background-image: url(../images/1583272560-20459854662b213.png);
}
/*列表顶部背景*/

/*列表*/

.entry-footer {
  display: block;
  font-weight: 400;
}
.entry-footer .post-meta-box {
  display: flex;
  padding: 5px 15px;
  font-size: 12px;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #ebeef5;
  color: #b4b4b4;
  margin: -15px;
  margin-top: 10px;
  list-style: none;
}
.entry-footer .post-meta-box li:nth-child(1) {
  flex: 1;
  padding: 0;
}
.entry-footer .post-meta-box .meta-date {
  color: #555;
}
.entry-footer .post-meta-box .meta-like {
  padding-left: 8px;
}
.entry-footer .post-meta-box .meta-comment {
  padding-left: 8px;
}
.entry-footer .post-meta-box .meta-views {
  padding-left: 8px;
}
.entry-footer .post-meta-box .meta-price {
  margin-left: 8px;
  position: relative;
  display: inline-block;
  padding: 1px 6px;
  text-align: center;
  background: linear-gradient(-125deg, #ffffff 0%, #ffffff 100%);
  box-shadow: 0 8px 10px rgba(255, 255, 255, 0.3);
  /*color: #f13232!important;*/
  color: #34495e!important;
  border-radius: 2px;
  line-height: initial;
}
.post-grid .entry-header .entry-title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #666;
  font-weight: 400;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
  display: block;
  height: 20px;
}
.zhankr-svip {
  border: solid 1px #5298fe;
  color: #5298fe;
  border-radius: 3px;
  padding: 0px 5px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 18px;
  font-size: 11px;
}
.entry-excerpt {
  color: #888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 5px 0;
  line-height: 22px;
  font-size: 13px;
  height: 44px;
}
.entry-header .entry-meta .meta-author a {
  margin-right: 10px;
}
/*列表*/

/*网站顶部*/

.site-header {
  margin-top: 38px;
}
.navFix {
  margin-top: 0px !important;
  box-shadow: rgba(51,51,51,.2) 0px 2px 3px;
  position: fixed !important;
}
.header-banner2 {
  width: 100%;
  background: #fff;
  height: 38px;
  color: #999;
  list-style-type: none;
  position: relative;
  z-index: 99;
  border-bottom: 1px solid #f0f0f0ad;
}
.header-banner-content {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px
}
.deanggspan1 i {
  display: block;
  float: left;
  font-size: 18px;
  color: #f60;
  margin-top: 5px;
  margin-left: 15px;
  margin-right: 6px;
}
.deanggspan1 {
  float: left;
  width: 105px;
  margin: 0 auto;
  color: #333;
  font-size: 14px;
}
.deanggspan1 span {
  display: block;
  float: left;
  color: #666;
}
.deangg1 b {
  height: 16px;
  margin-top: 6px;
  margin-left: 5px;
  width: 1px;
  display: block;
  float: left;
  background: #a8a8a8;
}
.ym-menu ul li a {
  color: #999;
  cursor:pointer;
}
.header-banner-left {
  padding: .25rem .875rem;
  background: #fff;
  border-color: #999;
  border-radius: 25px;
}
.site-header {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0);
}
.menu81 {
  display: flex;
  list-style-type: none;
  padding: .25rem .875rem;
  background: #ffffff;
  border-color: #999;
  border-radius: 25px;
  margin: 0;
  line-height: 14px;
}
.menu81 li {
  margin-left: 14px;
}
.container2 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
.header-banner-left {
  display: none;
}
}

@media only screen and (max-width: 767px) {
.deanggspan1 {
  display: none;
}
}

/*手机端顶部*/
@media (max-width: 767px) {
.site-header {
  margin-top: 0px !important;
}
}

@media (max-width: 767px) {
.topnav {
  padding: 15px !important;
}
}

@media (max-width: 767px) {
.navbar .actions>div+div {
  font-weight: 400;
  margin-top: 0px !important;
}
/*new*/
.search-open{
  display: none!important;
}
.navbar .logo {
  margin-left: 12px;
}
.hide_sm{
  display: block!important;
}
/*new*/ 
}

@media (max-width: 767px) {
.header-gap {
  height: 30px;
}
}
/*手机端顶部*/

/*网站顶部*/
/*首页搜索框*/
.home-filter--content:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  z-index: -1;
}
.button, input[type="submit"] {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 3px 10px -1px #2c63ff!important;
  color: #FFF;
}
/*首页搜索框*/

/*实名认证*/
.aq img {
  margin-top: 10px;
  display: inline;
}
/*实名认证*/

/*小屏幻灯片*/
.slider.big {
  border-radius: 15px;
}
/*小屏幻灯片*/

/*首页CMS分类标题*/
.modular-title-2 .section-title {
  text-align: center!important;
}
.modular-title-2 .section-title span {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: .51px;
  position: relative;
  line-height: 1;
  background: #fff0;
}
.products-category .category-num {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
}
.products-category .category-num, .page-product .category-num {
  position: absolute;
  top: -6px;
  margin-left: 3px;
  padding: 1px 6px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  color: #fff;
  text-shadow: none;
  line-height: normal;
  font-family: 'Montserrat-Semi-Bold';
}
.site {
  overflow: hidden;
}
.modular-title-2 .section-title:before {
  height: 0;
}

/*首页CMS分类标题*/

/*手机端底部隐藏统计*/
@media (max-width: 767px) {
.module.parallax {
  min-height: 250px;
  /* min-height: 250px; */
  display: none;
}
}
/*手机端底部隐藏统计*/

/*首页分类CMS美化更多*/
.post-list {
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
}
.choosetype {
  text-align: center;
}
.choosetype a {
  width: 96px;
  height: 30px;
  margin: 10px 2px;
  font-size: 14px;
  padding: 2px 10px 2px 10px;
  color: #777;
  /*border: 1px solid #ffffff;*/
  border-radius: 15px;
  background: #ffffff;
}
.choosetype a:hover {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);
  color: #ffffff;/*border: 1px solid #0b85f9;*/
}

@media (max-width: 767px) {
.choosetype a {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 28px;
  margin: 5px 2px;
  color: #666;
  border: 1px solid #ffffff00;
  border-radius: 15px;
}
}
.modular-title-2 .section-title {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
.modular-title-2 .section-title {
  font-size: 15px;
  margin-bottom: 0px;
}
}
/*首页分类CMS美化更多*/

/*鼠标滑过特效*/
.post-grid .cao-cover, .post-list .cao-cover, .menu-post .cao-cover {
  background: rgba(0, 86, 255, 0.22);
}
/*鼠标滑过特效*/

/*新版资源导航*/
.zhankr-icon {
  font-size: 20px !important;
  display: block;
  width: 68px;
  height: 28px;
  margin: 9px 0 0 30px;
  color: #fff;
}
.main-menu li.current-menu-item>a, .main-menu li:hover>a {
  color: #3d7eff
}
.sub-menu li>a:hover:before, .sub-menu li.current_page_item>a:before, .sub-menu li.current-menu-item>a:before, .sub-menu li.current_page_ancestor>a:before, .sub-menu li.current-menu-ancestor>a:before, .sub-menu li.current-menu-parent>a:before {
  opacity: 1
}
.sub-menu li>a:hover, .sub-menu li.current_page_item>a, .sub-menu li.current-menu-item>a, .sub-menu li.current_page_ancestor>a, .sub-menu li.current-menu-ancestor>a {
  color: #3d7eff;
  padding-left: 1.75rem;
  opacity: 1
}
.sub-menu li a {
  font-size: .875rem;
  padding: .5rem 1rem .5rem 1.5rem;
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.sub-menu li a:before {
  content: '';
  height: 1px;
  width: 10px;
  background-color: #3d7eff;
  opacity: 0;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  position: absolute;
  left: .75rem;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -khtml-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}
.navbar .nav-list>.menu-item>a:hover {
  color: #2f49fd
}
.navbar .nav-list>.menu-item>a:before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #3d7eff;
  border-radius: 8px 8px 0 0;
  opacity: 0;
  transition: .3s
}
.navbar .nav-list>.menu-item>a:hover:before {
  opacity: 1;
  bottom: -1px
}
/**/
.wdsq {
  width: 128px;
  height: 38px;
  line-height: 36px;
  margin-left: 10px;
  display: block;
  float: left;
  border-radius: 3px;
  /* border: none; */
  cursor: pointer;
  text-align: center;
  color: #fff;
  background: #333333;/*border: #fff0 1px solid;*/
}
.navbar {
  align-items: center;
  display: flex;
  height: 38px;
  position: relative;
}
.topnav {
  padding: 28px;
}
.header_search {
  width: 620px;
  height: 42px;
  float: left;
  left: 34%;
  position: absolute;/* padding-top: 38px; */
}
.header_search input {
  background: none;
  border-radius: 0;
  outline: none;
  resize: none;
  appearance: none;
}
.header_search .search_form .search_input {
  float: left;
  width: 268px;
  height: 38px;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 3px 0 0 3px;
  position: relative;
}
.header_search .search_form .search_input input {
  width: 267px;
  border: none;
  color: #999;
  font: normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
  font-size-adjust: none;
  overflow: hidden;
  position: absolute;/* left: 88px; */
  top: 10px;
}
.header_search .search_btn {
  width: 80px;
  height: 38px;
  /*line-height: 38px;*/
  display: block;
  float: left;
  border-radius: 0 3px 3px 0;
  border: none;
  cursor: pointer;
  background: linear-gradient(125deg, #64c0ff 0%, #2f49fd 100%);
}
.header_search .search_btn:hover {
  opacity: .8;
}
.header_search .search_btn .icon_search {
  display: block;
  width: 80px;
  height: 40px;
  margin: 4px auto 0;
  background: url(../images/index_icons.png) no-repeat -68px -82px;
}
.selected_type {
  position: relative;
  cursor: pointer;
  width: 75px;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  padding-left: 9px;
  color: #666;
}
.selected_type:after {
  border: 5px solid transparent;
  border-top: 6px solid #d2d2d2;
  width: 0;
  height: 0;
  position: absolute;
  top: 18px;
  right: 6px;
  content: ' ';
  transition: all .3s;
  -webkit-transition: all .3s;
}
.search_filter_selected dl.search_type {
  display: block;
}
.search_filter_selected .selected_type:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 12px;
}
.search_filter .search_type {
  display: none;
  position: absolute;
  left: -1px;
  top: 38px;
  z-index: 999;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
  box-sizing: border-box;
  padding: 5px 0;
  width: 88px;
}
.search_filter .search_type dd {
  cursor: pointer;
  color: #666;
  font-size: 14px;
  padding: 6px 12px;
  text-align: left;
}
.search_filter .search_type dd:hover {
  background-color: #0099ed;
  color: #fff;
}
.header_search .hotword {
  float: left
}
.header_search .hotword {
  font-size: 12px;
  width: 550px;
  height: 18px;
  overflow: hidden;
}
.header_search .hotword a {
  color: #999;
  margin: 0 9px;
}
/*新版资源导航*/

/*列表美化角标*/
.title-iconse {
  height: 8px;
  width: 8px;
  background: #fd4b4b;
  padding: 0px;
  display: inline-block;
  border-radius: 50%;
  line-height: 0;
  position: relative;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  margin: 0 10px;
}
.float-rightse {
  float: right;
  position: absolute;
  right: 30px;
}
.title-iconse:before {
  content: " ";
  height: 8px;
  width: 8px;
  background: #ffd12a;
  border-radius: 50%;
  margin-left: 15px;
  position: absolute;
  display: block;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.title-iconse:after {
  content: " ";
  height: 8px;
  width: 8px;
  background: #79f52a;
  border-radius: 50%;
  margin-left: 30px;
  position: absolute;
  display: block;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
/*列表美化角标*/

/*20200322整体细节美化*/
.uposts {
  box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
}
.post-grid {
  border: 0px solid #eee;
  box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
}
.owl .owl-dot.active {
  background-color: #3d68fd;
}
.u-text-format a {
  font-weight: 500;
  text-decoration: none;
}
/*20200322整体细节美化*/

/*教程顶部加群广告*/
.uk-text-center {
  text-align: center!important;
}
.uk-alert-warning {
  background: rgba(0,132,255,.1);
  color: #0084ff;
  padding: 15px 29px 15px 15px;
  margin-bottom: 20px;
}
.uk-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background: #f8f8f8;
  color: #666;
}
.uk-alert>:last-child {
  margin-bottom: 0;
}
.single-content a {
  color: #262626;
}
.uk-text-warning {
  color: #faa05a!important;
}
.uk-text-bolder {
  font-weight: bolder;
}
/*教程顶部加群广告*/

/*弹窗*/
.swal2-close {
  color: #fff;
}
.notify-content h3 {
  letter-spacing: 2px;
  padding: .8em;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  background: #ec2546;
  border-radius: 3px 3px 0 0;
  margin: 0;
  margin-bottom: 0;
  color: #FFFF;
}
.notify-content div {
  color: #232425;
  text-align: center;
}
/*弹窗*/

/*幻灯片右下角*/
.jiaobiao {
  position: absolute;
  top: 532px;
  right: 247px;
  bottom: 0;
  z-index: 3;
  width: 237px;
  height: 91px;/*background: url(../images/jiaobiao.png) no-repeat center;*/
}

/*幻灯片右下角*/

/*手机端商城顶部*/
@media (max-width: 767px) {
.breadcrumbs {
  margin-bottom: 10px;
  margin-top: -30px;
}
}

/*手机端商城顶部*/
@media (max-width: 767px) {
.modular-title-2 .section-title span {
  background: #fff0;
}
}
/*友情链接隐藏*/
.link img {
  display: none;
}

@media (max-width: 767px) {
.link {
  display: none;
}
}
/*友情链接隐藏*/

/*svip*/
.zhankr_type_bj {
  background: url(../images/subnavbg.png)no-repeat;
  height: 60px;
}
.zhankr_type_bj i {
  font-size: 16px;
}
.zhankr_type_bj span {
  line-height: 56px;
  padding-left: 100px;
  position: relative;
  font-size: 26px;
  color: #fff;
  letter-spacing: 2px;
  text-shadow: 0 1px 2px rgba(0,0,0,.49);
}
.zhankr_type_bj span .text-p {
  position: absolute;
  top: 6px;
  text-shadow: none;
  line-height: 19px;
  font-size: 14px;
  background: #fff;
  right: -138px;
  font-weight: 400;
  border-radius: 8px 0 8px 0;
  padding: 4px 12px;
  color: #ed1c24;
}
.openVip-Btn {
  float: right;
  height: 28px;
  line-height: 28px;
  color: #fbfafa;
  text-align: center;
  margin-top: 16px;
  border-radius: 4px;
  margin-right: 20px;
  padding: 0 8px;
  background: #ed1c24;
  background-image: none;
  background-image: -webkit-gradient(linear, left top, right top, from(#e74118), to(#fc8321));
  background-image: -webkit-linear-gradient(left, #e74017, #fc8120);
  background-image: linear-gradient(to right, #e63d17, #fd8621);
 filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b);
}

@media (max-width: 768px) {
.zhankr_type_bj span .text-p {
  display: none;
}
}
.filter--content {
  padding: 0px;
}
.zhankr_lmdh {
  padding: 10px 0;
}
/*svip*/

/*弹窗登入*/
.register-login-modal .open-oauth .btn-qq {
  /* background-color: #003aff; */
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 8px 10px rgba(32,160,255,.3);/* color: #FFF; */
}
.register-login-modal .open-oauth .btn {
  color: #ffffff !important;
  font-size: 28px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 2px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 62px;
  height: 62px;
  text-align: center;
  line-height: 62px;
  cursor: pointer;
  margin-left: 10px;
  margin-top: -20px;
  padding: 0;
  letter-spacing: 0;
  font-weight: normal;
}
/*弹窗登入*/

/*上下页*/
.numeric-pagination .page-numbers:not(ul).current {
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  color: #fff;
}
.numeric-pagination .page-numbers:not(ul) {
  align-items: center;
  border-radius: 50px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 30px;
}
/*上下页*/

/*广告调整*/
.site-ads {
  margin-bottom: 20px;
}
/*广告调整*/

.modular-title-2 .section-title span {
  background: transparent;
}
/*首页cms菜单模块*/
.hide_sm {
  display: flex;
}

@media (max-width: 767px) {
.hide_sm {
  margin-top: 10px;
}
}
.container .col-1-4 {
  float: left;
  box-sizing: border-box;
  margin-right: 7.3333px;
  width: 100%;
}
.container .col-1-4:last-child {
  margin-right: 0;
}

@media (min-width:768px) {
.container .col-1-4 {
  width: 50%
}
}

@media (min-width:1024px) {
.container .col-1-4 {
  width: 25%
}
}

@media (min-width:1024px) {
.ripro-dark .home-first {
  background: #232425;
}
}

@media (min-width:768px) {
.home-first .h-images:after {
  display: none
}
}

@media (min-width:768px) {
.home-first .h-images {
  display: box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: space-between
}
}

@media (min-width:1024px) {
.home-first .h-images {
  width: 25%
}
}
.home-first .h-images .item-tuwen {
  float: left;
  padding: 0 6.5px;
  width: 50%
}

@media (min-width:1024px) {
.home-first .h-images .item-tuwen {
  float: none
}
}

@media (min-width:1024px) {
.home-first .h-images {
  display: block;
  box-sizing: border-box;
  padding: 0 7.3333px
}
.home-first .h-images .item-tuwen {
  padding: 0;
  width: auto
}
}
.home-first .item-tuwen {
  margin-bottom: 15px
}

@media (min-width:768px) {
.home-first .item-tuwen {
  margin-bottom: 13px
}
}
.home-first .item-tuwen a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 3px
}
.home-first .item-tuwen a .thumb {
  padding-top: 57%;
  transition: all .2s;
  transform-origin: center
}
.home-first .item-tuwen a strong {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  padding: .4em .8em .6em;
  background-image: linear-gradient(to bottom, rgba(0,0,0,.2) 0, rgba(0,0,0,.6) 100%);
  background-repeat: repeat-x;
  box-shadow: 0 -7px 15px rgba(0,0,0,.2);
  color: #fff;
  letter-spacing: .5px;
  font-weight: 700;
  font-size: 9pt;
  line-height: 1.3
}

@media (min-width:768px) {
.home-first .item-tuwen a strong {
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1.4
}
}
.home-first .hf-widget {
  box-sizing: border-box;
  padding: 14px 17px 0;
  border: 1px solid #f2f2f2;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(52,73,94,0.1);
  border-radius: 3px;
}
.ripro-dark .home-first .hf-widget {
  border: 1px solid #2b2b2b;
  background: #232425;
  box-shadow: 8px 8px 9pt #212121;
}

@media (min-width:768px) {
.home-first .hf-widget {
  overflow: hidden;
  height: 135px
}
}

@media (min-width:1024px) {
.home-first .hf-widget {
  margin-bottom: 0
}
}
.home-first .hf-widget [class*=" icon-"]:before, .home-first .hf-widget [class^=icon-]:before {
  margin: 0
}
.home-first .hf-widget .hf-widget-title {
  margin-bottom: 14px;
  padding: 0 0 10px;
  border-bottom: 1px solid #f2f2f2;
  color: #383838;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 10px;
}
.ripro-dark .home-first .hf-widget .hf-widget-title {
  border-bottom: 1px solid #696969;
}
.ripro-dark .home-first .hf-widget .hf-widget-title a {
  color: #ccc;
}
.home-first .hf-widget .hf-widget-title>i {
  margin-right: 2px;
  color: #448aff;
}
.ripro-dark .home-first .hf-widget .hf-widget-title>i {
  margin-right: 2px;
  color: #ffa363
}
.home-first .hf-widget .hf-widget-title span {
  margin-left: 10px;
  color: #a7a7a7;
  font-weight: 400;
  font-size: 9pt;
  line-height: 20px
}

@media (min-width:1024px) {
.home-first .hf-widget .hf-widget-title span {
  display: none
}
}

@media (min-width:1330px) {
.home-first .hf-widget .hf-widget-title span {
  display: inline
}
}
.home-first .hf-widget .hf-widget-title .pages {
  float: right;
  padding-top: 2px
}
.home-first .hf-widget .hf-widget-title .pages .next, .home-first .hf-widget .hf-widget-title .pages .prev {
  float: left;
  margin: 0;
  padding: 0 6px;
  height: 1pc;
  border: 1px solid #eee;
  color: #ccc;
  font-size: 9px;
  line-height: 15px;
  cursor: pointer;
  border-radius: 50px;
}
.home-first .hf-widget .hf-widget-title .pages .next:hover, .home-first .hf-widget .hf-widget-title .pages .prev:hover {
  color: #448aff
}
.home-first .hf-widget .hf-widget-title .pages .prev {
  border-right: none
}
.home-first .hf-widget .hf-tags {
  margin-bottom: -10px
}

@media (min-width:768px) {
.home-first .hf-widget .hf-tags {
  overflow: hidden;
  height: 4pc
}
}
.home-first .hf-widget .hf-tags a {
  display: inline-block;
  margin: 0 5px 10px;
  padding: 0 5px;
  height: 22px;
  border-radius: 2px;
  background: #f9f9f9;
  color: #888;
  white-space: nowrap;
  font-size: 9pt;
  line-height: 22px;
  word-break: break-all
}
.home-first .hf-widget .hf-tags a.style_orange, .home-first .hf-widget .hf-tags a:hover {
  background: #448aff;
  color: #fff;
}
.ripro-dark .home-first .hf-widget .hf-tags a {
  background: #2c2e2f;
}
.home-first .hf-widget-4 .hf-widget-content {
  color: #888;
  font-size: 14px
}
.home-first .hf-widget-4 .hf-widget-content a {
  color: #888
}
.home-first .hf-widget-4 .hf-widget-content a:hover {
  color: #448aff;
}
.home-first .hf-widget-4 .hf-widget-content h3 {
  overflow: hidden;
  height: 22px;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 10px;
}
.home-first .hf-widget-4 .hf-widget-content em {
  float: right;
  padding: 0 5px;
  height: 22px;
  border-radius: 2px;
  background: #fff5ef;
  color: #ff5c00;
  font-style: normal;
  font-size: 9pt;
  line-height: 22px
}
.home-first .hf-widget-4 .hf-widget-content ul li {
  margin-bottom: 5px
}
.home-first .hf-widget-4 .hf-widget-content ul li:last-child {
  margin-bottom: 0
}
.home-first .hf-widget-1 .hf-widget-content a {
  color: #888
}
.ripro-dark .home-first .hf-widget-1 .hf-widget-content a {
  color: #ccc
}
.home-first .hf-widget-1 .hf-widget-content a:hover {
  color: #69a1ff;
}
.home-first .hf-widget-1 .hf-widget-content li {
  float: left;
  box-sizing: border-box;
  /*padding: 0 10px;*/
  width: 25%;
  text-align: center;
  font-size: 9pt
}
.home-first .hf-widget-1 .hf-widget-content li .thumb {
  margin: 0 auto 4px;
  padding-top: 36px;
  width: 36px
}
.home-first .hf-widget-1 .hf-widget-content li span {
  display: block;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}
.home-first .hf-widget-1 .hf-widget-content .scroll-h {
  margin: 0 -10px;
}
.home-first .scroll-h {
  position: relative;
  overflow: hidden;
  height: 56px;
}
.home-first .scroll-h ul {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all .2s;
  margin: 0;
  padding-left: 0;
}
.home-first .scroll-h ul:after, .home-first .scroll-h ul:before {
  clear: both;
  display: block;
  visibility: none;
  height: 0;
  content: "";
  line-height: 0
}
.home-first .scroll-h .holdon {
  position: absolute;
  top: 0;
  left: 100%
}
.home-first .scroll-h .holdon-prev {
  left: -100%
}
.home-first .hf-widget-hot-cats .hhicon {
  display: inline-block;
  margin-bottom: 5px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #e8fbff;
  color: #448aff;
  text-align: center;
  font-size: 20px;
  line-height: 36px;
}
.ripro-dark .home-first .hf-widget-hot-cats .hhicon {
  background: #2c2e2f;
  color: #ffa363;
}
.home-first .hf-widget-hot-cats .scroll-h li a {
  display: block
}
.home-first .hf-widget-hot-cats .scroll-h li a:hover .hhicon {
  background: #448aff;
  color: #fff;
}
.home-first .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 66.7%;
  width: 100%;
  height: 0;
  background-color: transparent;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .2s
}
.home-first i {
  font-weight: 300
}

@media screen and (max-width:720px) {
.home-first .hf-widget-1 .hf-widget-content .scroll-h, .home-first .hf-widget-content {
  margin: 1pc -10px
}
}

@media (max-width: 768px) {
.sxweb {
  display: none;
}
}
.zhankr-bj {
  background: #fff;
  margin-top: -30px;
}
/*首页cms菜单模块*/

/*文章内页彩色渐变框*/
#zk_mhz, #zk_xgh, #zk_tkzj, #zk_lvse, #zk_gll, #zk_lanse, #zk_yyz, #zk_szh, #zk_wbk {
  /*圆角值,在此定义*/
  border-radius: 2px;
}
/*迷幻紫*/
#zk_mhz {
  color: #fff;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 10px;*/
  box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
  background-color: #8EC5FC;
  background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
  background-image: -webkit-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
  background: #ff355a;
}
#zk_mhz p {
  color: #fff;
}
#zk_mhz a {
  color: #fff;
}
/*西瓜红*/
#zk_xgh {
  color: #555555;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 10px;*/
  box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
  background-color: #ff9a8b66;
  background-image: linear-gradient(220deg, #FF9A8B 0%, #ff6a8838 55%, #FF99AC 100%);
  background-image: -webkit-linear-gradient(220deg, #ff9a8b7a 0%, #ff6a88ab 55%, #ff99ac82 100%);
}
/*华为P30 天空之境*/
#zk_tkzj {
  color: #555555;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 10px;*/
  box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
  background-color: #FFDEE9;
  background-image: linear-gradient(0deg, #ffdee9c4 0%, #b5fffc8f 100%);
  background-image: -webkit-linear-gradient(0deg, #ffdee9c4 0%, #b5fffc8f 100%);
}
/*绿色*/
#zk_lvse {
  color: #fff;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 10px;*/
  box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
  background-image: radial-gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
  background: #07d88b!important;
  font-size: 14px;
}
#zk_lvse p {
  color: #fff;
}
#zk_lvse a {
  color: #fff;
}
/*橄榄绿*/
#zk_gll {
  color: #eeeeee;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 10px;*/
  box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
  background-image: linear-gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}
/*蓝色*/
#zk_lanse {
  color: #ffffff;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 10px; */
  box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
  color: #fff;
  background: #2c63ff!important;
  box-shadow: 0 3px 10px -1px #2c63ff!important;
  font-size: 14px;
}
#zk_lanse p {
  color: #fff;
}
#zk_lanse a {
  color: #fff;
}
/*优雅紫*/
#zk_yyz {
  color: #ffffff;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 10px;*/
  box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
  background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90% );
}
/*深邃黑*/
#zk_szh {
  color: #c7c7c7;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
  /*border-radius: 5px;*/
  box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
  background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
}
/*无边框*/
#zk_wbk {
  color: #000000;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 15px 15px 35px;
}
#zk_xyz a, #zk_gll a {
  color: #eeeeee;
}
#zk_szh a {
  color: #c7c7c7;
}
#zk_xty a, #zk_yyz a {
  color: #ffffff;
}
/*文章内页彩色渐变框*/

/*内容页标题*/
.article-focusbox.bgimg-fixed {
  padding: 60px 0;
  background-position: center center;
  background-size: unset;
  background-repeat: repeat;
  margin-top: -60px;
  background-size: 100%;
}
.article-focusbox {
  position: relative;
  z-index: 1;
  padding: 45px 0;
  background-color: #394048;
  color: #eee;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  /*margin-bottom: 10px;*/
}
.article-focusbox:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: '';
}
.article-title {
  margin: 0 0 10px;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.article-meta {
  font-size: 13px;
  opacity: 0.8;
}
.article-meta .item {
  display: inline-block;
  margin: 0 10px;
}
.article-meta .item a {
  color: #fff;
  background: #4e89ff;
  color: #fff !important;
  padding: 2px 8px;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .article-focusbox.bgimg-fixed{
    padding: 30px 0!important;
    background-size: cover!important;
  }
}
/*内容页正文*/
.zhankr-post-top {
  margin: 0 -43px;
}
.zhankr-post-top a.current {
  color: #3385ff;
  border-bottom-color: #3385ff;
  margin: 0 43px;
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 4px solid rgb(51, 133, 255);
}
.zhankr-post-top a.current-p {
  font-size: 20px;
}
.post-edit-link {
  margin-right: 50px;
}
.zhankr-d {
  float: right;
  position: absolute;
  right: 20px;
  margin-top: 5px;
}
.zhankr-float-rightse {
  float: right;
  position: absolute;
  right: 40px;
}
.zhankr-title-iconse {
  height: 15px;
  width: 15px;
  background: #fd4b4b;
  padding: 0px;
  display: inline-block;
  border-radius: 50%;
  line-height: 0;
  position: relative;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
  margin: 0 10px;
}
.zhankr-title-iconse:before {
  content: " ";
  height: 15px;
  width: 15px;
  background: #ffd12a;
  border-radius: 50%;
  margin-left: 20px;
  position: absolute;
  display: block;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.zhankr-title-iconse:after {
  content: " ";
  height: 15px;
  width: 15px;
  background: #79f52a;
  border-radius: 50%;
  margin-left: 40px;
  position: absolute;
  display: block;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}

@media (max-width: 575px) {
.breadcrumbs {
  margin-bottom: 20px;
  margin-top: -30px;
}
}
/*内容页标题*/

/*首页CMS模块*/
.modular-title-2 .section-title {
  margin-bottom: 16px;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #333;
  padding: 0 0 0 10px;
  background: url(../images/zhankr_icon_arts.png) left center no-repeat;
}
.zhankr-sycms {
  float: right;
}
/*首页CMS模块*/

/*友情链接*/
.i-friend-linknew {
  background: #ffffff;
  border: 1px dashed #ffffff;
  border-radius: 5px;
  max-width: 1410px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px!important;
  box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
}
.content-flexible {
  width: 1368px;
  margin: 0px auto;
}
.i-friendlink-tit {
  width: 1300px;
  margin: 0px auto;
  padding: 20px 0px;
  height: 21px;
}
.i-friendlink-tit span, .i-friendlink-tit p {
  display: inline-block;
  float: left;
}
.i-f-pl-hold {
  width: 600px;
  height: 11px;
  border-bottom: 1px solid #ddd;
}
.i-friendlink-tit p {
  font-size: 16px;
  color: #666;
  margin: 0px 11px;
}
.i-friendlink-tit span, .i-friendlink-tit p {
  display: inline-block;
  float: left;
}
.i-friendlink-tit span, .i-friendlink-tit p {
  display: inline-block;
  float: left;
}
.i-f-pl-hold {
  width: 600px;
  height: 11px;
  border-bottom: 1px solid #ddd;
}
.i-friendlink-cont {
  width: 100%;
  text-align: center;
  margin: 10px 0;
  padding-left: 0px;
}
.i-friendlink-cont li {
  line-height: 26px;
  margin-right: 6px;
  display: inline-block;
  font-size: 10px;
}
.i-friendlink-cont li a {
  color: #888;
}
/*首页广告位*/
.x {
  display: block;
  max-width: 1410px;
  width: 100%;
  /*margin-top: 20px;*/
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.x a {
  display: block;
  float: left;
  margin-bottom: 10px;
  position: relative;
}
.x1 a {
  max-width: 1410px;
  width: 100%;
}
.x2 a {
  max-width: 700px;
  width: 100%;
}
.x3 a {
  max-width: 460px;
  width: 100%;
}
.x a:before {
  position: absolute;
  content: " ";
  width: 26px;
  height: 14px;
  background: url(../images/ad.png);
  right: 0;
  font-size: 9pt;
  text-align: center;
  bottom: 0;
  color: #fff;
  display: none
}
.x img {
  width: 100%;
  /*height: 70px;*/
}
.x3 a:nth-child(odd),.x3 a:nth-child(even),.x2 a:nth-child(odd) {
  margin-right: 15px;
}
.x2 a:nth-child(odd) {
  margin-right: 10px;
}
.x3 a:nth-child(3n+0),.x2 a:nth-child(even){
  margin-right: 0;
}
@media (max-width: 1420px){
.x2 a {
  max-width: 49.5%;
  width: 100%;
}
.x3 a {
  max-width: 32.65%;
  width: 100%;
}
.x3 a:nth-child(odd),.x3 a:nth-child(even),.x2 a:nth-child(odd) {
  margin-right: 1%;
}
.x3 a:nth-child(3n+0),.x2 a:nth-child(even){
  margin-right: 0;
}
}

/*@media (max-width: 767px) {
.x3 a {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-right: 0;
}
}*/
/*首页广告位*/

/*猜你喜欢*/
#relate-posts .reader_con ul li:before {
  content: '';
  position: absolute;
  margin-left: -13px;
  margin-top: 15px;
  height: 5px;
  width: 5px;
  border-radius: 50px;
  opacity: 1;
  border-color: #448EF6;
  -webkit-box-shadow: 0 0 0px 4px rgba(19, 126, 255, 0.2);
  box-shadow: 0 0 0px 4px rgba(19, 126, 255, 0.2);
  background-color: #448EF6;
  -webkit-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  -webkit-transform: translate(-25%, -50%);
  -khtml-transform: translate(-25%, -50%);
  -ms-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
}
#relate-posts .reader_con .fl,.fl {
  float: left;
}
#relate-posts .reader_con .fr,.fr {
  float: right;
}
#relate-posts .reader_con {
  margin-top: 22px;
}
#relate-posts .reader_con h3 {
  color: #245dfc;
  margin-bottom: -20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  padding: 0 0 0 26px;
  background: url(../images/zhankr_icon_arts.png) left center no-repeat;
}
#relate-posts .reader_con .re_con {
  padding-bottom: 50px;
  margin-left: 20px;
}
#relate-posts .reader_con ul {
  width: 440px;
}
#relate-posts .reader_con ul li {
  height: 30px;
  line-height: 30px;
}
#relate-posts .reader_con ul li a {
  display: block;
  overflow: hidden;
}
#relate-posts .reader_con ul li p {
  width: 330px;
  float: left;
  font-size: 16px;
  color: #6B6B6B;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#relate-posts .reader_con ul li a:hover p {
  color: #245dfc;
}
#relate-posts .reader_con ul li span {
  width: 100px;
  display: block;
  float: right;
  font-size: 15px;
  color: #A3A3A3;
}
#relate-posts .reader_con ul li {
  list-style: none;
  list-style-type: none;
}
#relate-posts .clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
#relate-posts .reader_con .fl, #relate-posts .reader_con .fr {
  margin-left: 1px;
  float: left;
  overflow: hidden;
  width: 100%;
}
#relate-posts .reader_con ul li span {
  display: none;
}
}
/*猜你喜欢*/

/*猜你在找*/
.zhankr-tags {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
.zhankr-tags a {
  align-items: center;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #555;
  font-weight: 500;
  line-height: 1;
  margin: 6px 6px 6px 6px;
  padding: 6px 6px;
  background-color: #fff;
  font-size: 10px !important;
}
/*猜你在找*/

/*源码导航内容*/
.zhankrymxz {
  top: 5px;
  text-decoration: none;
  width: 100%;
  background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
  box-shadow: 0 3px 10px -1px #2c63ff!important;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 46px;
  outline: none;
  padding: 0 18px;
  text-align: center;
  position: relative;
  margin-bottom: 30px !important;
}
.zhankrymbq {
  position: relative;
  display: inline-block;
  padding: 0px 6px;
  text-align: center;
  background-color: rgba(44, 99, 255, 0.56);
  color: #fff;
  border-radius: 2px;
  line-height: initial;
}
.zhankrymbq a {
  color: #00fff3;
}
/*源码导航内容*/
/*首页文字广告位*/
.zhankr-index-ad {
  margin: 10px auto;
  background: #eff1f4;
  padding: 10px;
  width: 100%;
  overflow: hidden;
  display: block;
  max-width: 1410px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.zhankr-index-ad table {
  color: #e8e8e8!important;
  border: 1px!important;
  margin: 0;
}
.zhankr-index-ad tr {
  width: 14%;
  float: left;
}
.zhankr-index-ad td {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  margin: 2px 0;
  font-size: 13px;
  padding: 0 !important;
  border: 0px solid #f4f4f4;
}
.zhankr-index-ad td img{
  display: inline;
  padding-right: 10px;
}
@media (max-width: 767px) {
.zhankr-index-ad {
  display: none;
}
}
/*首页文字广告位*/

/*纯标题模块*/
.uposts .codesign-cover {
  background: #00000000;
}

/*纯标题模块*/

/*快捷导航*/

@media only screen and (max-width: 868px) {
#nav {
  display: none;
}
}
#nav {
  width: 191px;
  height: 204px;
  position: fixed;
  z-index: 99;
  left: 0;
  bottom: -39px !important;
}
.nav-fix-box {
  position: fixed;
  top: -6px
}
#customdh-nav-second {
  width: 96px;
  text-align: center;
  line-height: 32px;
  position: relative
}
#customdh-nav-second a {
  text-decoration: none
}
#customdh-nav-second li, #customdh-nav-second ul {
  padding: 0;
  margin: 0
}
#customdh-nav-second p {
  padding: 0;
  margin: 0
}
#customdh-nav-second div div ul {
  background-color: #fff
}
#customdh-nav-second div div ul .nav_com_li {
  border-radius: 4px;
  position: relative;
  width: 100%
}
#customdh-nav-second div div ul .nav_com_li.line {
  height: 1px;
  background-color: #e8e8ed
}
#customdh-nav-second div div ul .nav_com_li a, #customdh-nav-second div div ul .nav_com_li a:link, #customdh-nav-second div div ul .nav_com_li a:visited {
  width: 100%;
  height: 32px;
  display: block;
  font-size: 14px;
  color: #555666;
  margin-bottom: 1px;
  position: relative;
  z-index: 1
}
#customdh-nav-second div div ul .nav_com_li:hover {
  background-color: rgba(227,62,51,.2)
}
#customdh-nav-second div div ul .nav_com_li:hover .current {
  color: #e33e33;
  font-weight: 700
}
#customdh-nav-second div div ul .active {
  background-color: #fff
}
#customdh-nav-second div div ul .active a, #customdh-nav-second div div ul .active a:link, #customdh-nav-second div div ul .active a:visited {
  color: #e33e33;
  font-weight: 700
}
#customdh-nav-second div div ul .point:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  right: 12px;
  background-color: #e33e33;
  z-index: 1
}
#customdh-nav-second div div ul .other_list {
  display: none;
  width: 104px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05);
  position: absolute;
  bottom: 0;
  right: -106px;
  z-index: 141;
  background-color: #fff;
  padding: 6px
}
#customdh-nav-second div div ul .other_list div {
  margin-bottom: 2px;
  border-radius: 3px
}
#customdh-nav-second div div ul .other_list div a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px
}
#customdh-nav-second div div ul .other_list div:hover {
  background-color: rgba(244,68,68,.85)
}
#customdh-nav-second div div ul .other_list div:hover a {
  color: #fff
}
#customdh-nav-second div div ul .nav_com_li .c_current {
  width: 618px;
  position: absolute;
  top: 0;
  right: -618px;
  z-index: 142;
  font-size: 0;
  color: #555666;
  padding-left: 8px;
  display: none;
  box-sizing: border-box
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_warp {
  width: 618px;
  height: 100%;
  padding: 16px 16px 8px 16px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 2px 0 5px 0 rgba(0,0,0,.1);
  border-radius: 1px
}
#customdh-nav-second div div ul .nav_com_li .c_current .title {
  font-size: 16px;
  line-height: 22px;
  text-align: left
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main {
  padding-left: 8px;
  vertical-align: top;
  text-align: left
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main .item_l {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  width: 110px;
  margin: 8px 16px 8px 0;
  vertical-align: top;
  height: 20px;
  overflow: hidden
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main .item_l a {
  color: #555666;
  height: 20px;
  font-weight: 500
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main .item_l a:hover {
  color: #e33e33
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main .item_r {
  width: calc(100% - 127px);
  display: inline-block;
  margin: 4px 0;
  height: 28px
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main .item_r a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #fff;
  margin: 0 4px 0 0;
  width: auto;
  color: #555666;
  font-weight: 400
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main .item_r a:hover {
  background-color: rgba(227,62,51,.2);
  color: #e33e33
}
#customdh-nav-second div div ul .nav_com_li .c_current .c_main .item_r a:nth-last-child(1) {
  margin: 0
}
#customdh-nav-second div div ul .nav_com_li .c_current ul {
  margin-top: 8px
}
#customdh-nav-second div div ul .nav_com_li:hover .c_current {
  display: inline-block;
  box-sizing: border-box
}
#customdh-nav-second div div ul:first-child {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.04);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.04)
}
#customdh-nav-second div div .nav_post {
  display: inline-block;
  width: 96px;
  height: 32px;
  background-color: #e33e33;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  text-align: center
}
#customdh-nav-second div div .nav_post:hover {
  background-color: #f66
}
#customdh-nav-second .nav-fix-box {
  position: fixed;
  top: -6px
}
#customdh-nav-second .extra-button-box {
  margin-top: 8px;
  background: 0 0
}
#customdh-nav-second .extra-button-box li {
  margin-bottom: 8px
}
#customdh-nav-second .extra-button-box li a {
  display: block;
  width: 96px;
  height: 32px;
  background-color: #e33e33;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 4px
}
.nav_com li {
  list-style: none;
}
.top-img {
  width: 55px;
  position: absolute;
  top: -54px;
  left: 48px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*快捷导航*/