*{ font-family: '微软雅黑' }
ul{margin-top: 0}
body {position: relative;margin: 0;font-size: 13px;}
main{ padding-top: 62px }
h2,h3,p{ margin: 0;padding:0; }
.am-topbar-brand a img{ max-height: 54px }
.am-topbar{margin-bottom: 0}
ul,li{ list-style: none }
.red{ color: #F00 }
h4 .himg{height: 36px;margin-right: 10px}
.w-hover:hover{ opacity: 0.4 }
.w-hover-1:hover{ opacity: 0.8 }
/*.w-hover-1{ position: relative; }
.w-hover-1:hover:before{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.1);content: '' }*/
.jiaoyan{ background: #4484ce }
.zizhu{ background:#57bc90 }
.zixun{ background: #f9ce00 }
.shapan{ background: #f19e4d }
.jidi{ background: #cd5360 }
.anli{ background: #697Dbc }
.tixi{ color: #3f9cff }
.gongneng{ color: #f19e4d }
.shuju{ color: #cd5360 }
.gaoxiao{ color: #f9ce00 }
.chuangye{ color: #57bc90 }
.w-header{ box-shadow: 0 3px 10px #888;position: absolute;z-index: 5;width: 100%;background: #FFF }
.w-content{ max-width: 1280px;margin: 0 auto;padding: 0 50px }
.w-color{ color:#F19E4D }
.w-tab2-code{ width: 250px;height: 270px;margin: 25px auto 0 auto; text-align: center; font-size: 16px;color: #555;background: #FFF;padding-top: 5px }
.w-tab2-code p{ position: relative; top: -23px }
.w-tab2-code .fa-pulse{ font-size: 84px;line-height: 225px }
.w-tab2-code .w-refresh-code{ position: absolute;background: rgba(0,0,0,0.7); width: 100%;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.9);top: 0;left: 0;padding-top: 134px;color: #FFF; }
.w-tab2-code .w-refresh-code span{ color: #F19E4D;cursor: pointer; }
.w-tab2-code .w-refresh-code span:hover{ opacity: 0.8 }
.admin-header.w-content{background: #FFF; border-bottom: none;}
.admin-header.w-content .am-topbar-brand,.admin-header.w-content .admin-header-list li a{ height: 62px;line-height: 62px }
.admin-header.w-content .am-topbar-brand a{color: #555;font-size: 20px}
.admin-header.w-content .admin-header-list li a{ color: #555;font-size: 16px }
.admin-header.w-content .admin-header-list li a:hover{ background: none; color: #F19E4D }
.admin-header.w-content .admin-header-list li a:hover:after,.am-topbar-inverse .am-topbar-nav>li>a:after{ border:none;}
.login-page { background:url(../images/login-bg.jpg) center center no-repeat; background-size:cover;}
.login-page #main { margin-left:0; position:static;}
.login-page #footer { background:none; position:absolute; bottom:0; border-top:0; font-size:14px; width:100%; text-align:center; color:#999; padding-bottom:10px;}
.login-form { user-select: none;float: right; padding:0px 65px;  padding-top: 40px;background:rgba(0,0,0,0.4); height: 416px ;width:100%; border-radius:5px; position: relative;}
.w-hasyanz.login-form{ padding: 20px 65px }
.login-form img.code{ margin: 0;height: 32px; }
.login-form .am-tab-panel img.code{ width: 90%;height: 90%;margin: 0 auto;display: block; }
.login-form p.op-login,.login-form .w-verification-code{ margin: 0 }
.login-form .w-verification-code{ padding: 0;margin-top: 15px }
.login-form .w-verification-code .ipt-short{ width: 130px;background: #FFF }
.login-form .w-verification-code img.code{ width: 134px;height: 38px }
.login-form .w-verification-code #captcha{ display: inline-block; }
.login-form .w-verification-code a{ color: #f19e4d }
.login-form form{ transition: all 0.7s;overflow: hidden;height: 320px;padding-top: 20px;position: relative;}
.login-form form .w-email-err{ position: absolute;margin: 0;top: -5px ;display: none;}
.w-hasyanz.login-form form .w-email-err{ top: 2px } 
.login-form form .w-email-err:first-child{ display: block; }
.login-form form .w-form-div{ width: 259px }
.login-form h2 { text-align:center; font-size:40px; color: #FFF}
.login-form h3 { text-align:center; font-weight:normal; font-size:15px; color:#FFF;}
.login-form h3 a { float:right; font-size:14px;}
.login-form p { padding:5px 0; margin: 10px 0}
.login-form p.tel { text-align:center; color:#FFF; position: absolute; bottom: 10px;left: 50%;transform: translateX(-50%);}
.login-form p.op-login { color:#FFF; margin-top: 5px}
.login-form p.op-login a { float:right; color: #FFF}
.login-form p.op-login input { vertical-align:middle; margin-right:3px; margin-top:-2px;}
.login-form .am-tabs-bd,.login-form .am-tabs-nav{ border:none; }
.login-form .am-tabs-bd .am-tab-panel{ padding: 10px 0 } 
.w-hasyanz.login-form .am-tabs-bd .am-tab-panel{ padding: 0 }
.w-hasyanz.login-form .am-tabs-bd .am-tab-panel .w-op-deng{ margin: 0 }
.login-form .am-nav-tabs>li{ width: 50%;text-align: center;font-size: 20px; }
.login-form .am-nav-tabs>li a{ border:none; color: #FFF;margin: 0;border-bottom: 4px solid #FFF;padding: 0 }
.login-form .am-nav-tabs>li a:hover,.login-form .am-nav-tabs>li.am-active>a{ background: none;border:none;color: #FFF;border-bottom: 4px solid #FFF  }
.login-form .am-nav-tabs>li.am-active>a{ background: none;border-bottom:4px solid #F19E4D; }
.login-form input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.login-form .w-login-input{ position: relative;background: #FFF;padding: 0; border-radius: 5px;overflow: hidden; margin-bottom: 30px }
.login-form .w-login-input input{ height: 44px;line-height: 44px;padding-top: 0;padding-bottom: 0 }
.w-hasyanz.login-form .w-login-input{ margin-bottom: 20px }
.login-form .w-login-input .iconfont{ position: absolute; left: 13px;top: 50%; font-size: 22px;color: #999;margin-top:-18px; }
.login-form .w-register{ font-size: 16px;color: #FFF }
.w-hasyanz.login-form .w-register{ margin: 0;padding: 0 }
.login-form .w-register a{ font-weight: bold; }
.login-form .w-register a:hover{ opacity: 0.8;color: #F19E4D }
.ipt-login { padding:6px 10px; line-height:32px; width:100%; border:none; border-radius:5px; background: none;padding-left: 45px}
.ipt-login:focus { border-color:#FFF; }
.login-form .ipt-short { width: 150px; padding: 3px 10px}
img.code { width:90px; height:42px; vertical-align:top; margin:0 10px;}
.btn-login { transition: all 0.5s;background:#f19e4d; color:#fff; line-height:44px; text-align:center; width:100%; border:0; border-radius:4px; cursor:pointer; font-size:18px;}
.btn-login:hover,.btn-login:active { background:#ea9542;}
.other-way b { display:block; font-weight:normal; color: #FFF}
.other-way a { display:inline-block; font-size:18px; background:#B7B7B7; color:#fff; width:32px; height:32px; line-height:32px; text-align:center; border-radius:32px; margin-right:10px;}
.w-login-banner{ height: 540px;position: relative;background: url(/images/banner_bg_1.jpg?20191104); }
.w-login-banner .w-banner-logwrap{ max-width: 1280px;margin: 0 auto;position: relative;height: 100% }
.w-login-banner .w-banner-wrmp,.w-plugins-desc,.w-plugins-list-wrmp,.w-blogroll,.w-footer .footer{ max-width: 1280px;margin: 0 auto;overflow: hidden; }   
.w-plugins-desc{ margin-top: 50px;padding: 0 50px;padding-bottom: 30px }  
.w-plugins-desc h4,.w-plugins-list .w-plugins-list-wrmp h4,.w-blogroll .w-blogroll-left h3{font-size: 22px;font-weight: normal }
.w-plugins-desc h4,.w-plugins-list .w-plugins-list-wrmp h4{ padding: 0 50px;color: #555 }
.w-blogroll .w-blogroll-left h3{ padding-left: 40px }
.w-plugins-desc ul{ padding: 0; }
.w-plugins-desc ul li{ overflow: hidden;float: left;width: 20%;border-radius: 5px;transition: all 0.5s; height: 215px;padding: 0 50px;text-align: center;position: relative; }
.w-plugins-desc ul li:hover .w-plgin-cont{ opacity: 1; box-shadow: 0 0 20px #AAA;top: 0 }
.w-plugins-desc ul li:hover img{ transform: translate(-50%,-50%) rotateY(180deg); }
.w-plugins-desc ul li img,.w-plugins-desc ul li .iconfont{ font-size: 100px;line-height: 100px;max-width: 125px;transition: all 0.8s;position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.w-plugins-desc ul li .w-plgin-name{ width: 100%; height: 100%;position: relative; }
.w-plugins-desc ul li .w-plgin-span{ padding: 0 10px;color: #555;font-size: 20px; text-align: center; position: absolute; bottom: 35px;width: 100%;left: 0 }    
.w-plugins-desc ul li .w-plgin-cont{ letter-spacing: 1px;line-height: 26px;border-radius: 10px;color: #FFF;opacity: 0;transition: all 0.8s;position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: #ff9125;padding: 20px 25px;font-size: 16px; }  
.w-plugins-desc ul li .w-plgin-cont span{text-align: left;position: absolute; width: 100%; top: 50%;left: 50%; padding: 0 20px 0 25px;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.w-plugins-desc ul li:after{ position: absolute; right: 0; height: 40%;width: 1px;top: 50%;transform: translateY(-50%);  background: -webkit-radial-gradient(#999, #DDD, #EFEFEF); /* Safari 5.1 - 6.0 */background: -o-radial-gradient(#999, #DDD, #EFEFEF); /* Opera 11.6 - 12.0 */background: -moz-radial-gradient(#999, #DDD, #EFEFEF); /* Firefox 3.6 - 15 */background: radial-gradient(#999, #DDD, #EFEFEF); /* 标准的语法 */;content: '' }
.w-plugins-desc ul li:last-child:after{ width: 0 }
.w-plugins-list{ height: 272px;overflow: hidden; box-shadow: 0 0 15px #DDD;margin-bottom: 22px }
.w-plugins-list .w-plugins-list-wrmp{ padding: 35px 50px;position: relative;}
.w-plugins-list .w-plugins-list-wrmp .iconfont{ color: #5E5E5E;cursor: pointer; left: 100px;position: absolute;top: 55%;transform: translateY(-50%); font-size: 40px }
.w-plugins-list .w-plugins-list-wrmp .w-banner-btn:hover{ color: #f19e4d }
.w-plugins-list .w-plugins-list-wrmp .icon-you2{ left: inherit;right: 100px }
.w-plugins-list .w-plugins-list-wrmp ul{ position: relative; margin-bottom: 0;padding: 0 }
.w-plugins-list .w-plugins-list-wrmp .w-rvc-wrapper{ width: 975px;overflow: hidden;margin: 0 auto }
.w-plugins-list .w-plugins-list-wrmp ul li{ text-align: center; width: 195px;float: left; padding: 0 20px;}
.w-plugins-list .w-plugins-list-wrmp ul li a{ color: #666;display: inline-block; font-size: 18px}
.w-plugins-list .w-plugins-list-wrmp ul li a:hover{ color: #f19e4d }
.w-plugins-list .w-plugins-list-wrmp ul li img{ max-width: 100%;max-height: 100% }
.w-plugins-list .w-plugins-list-wrmp ul li .w-plugin-img{width: 140px;height: 105px; line-height: 105px ;margin-bottom: 10px;display: block; position: relative; border-radius: 10px;overflow: hidden; text-align: center; }
.w-plugins-list .w-plugins-list-wrmp ul li .w-plugin-img i{ color: #FFF;position: absolute;top: 51%;left: 50%;transform: translate(-50%,-50%); font-size: 54px;-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.w-blogroll{ height: 120px; padding-top: 20px; margin-bottom: 30px }
.w-blogroll .w-blogroll-left{ border-right: 2px solid #c2c2c2 }
.w-blogroll .w-blogroll-left h3{ font-size: 26px;margin-bottom: 20px}
.w-blogroll .w-blogroll-left ul{ padding-left: 40px }
.w-blogroll .w-blogroll-left ul li{ padding-right: 2rem }
.w-blogroll .w-blogroll-left ul li a{ color: #4484ce }
.w-blogroll .w-blogroll-left ul li a:hover{ color: #f19e4d }
.w-blogroll .w-blogroll-right .w-code{position: relative; width: 260px;height: 100px; border-radius: 8px;border: 1px solid #DFDFDF;padding: 10px 10px 10px 20px;float: left; margin-right: 20px}
.w-blogroll .w-blogroll-right .w-code a{ background:#4484ce;font-size: 14px  }
.w-blogroll .w-blogroll-right .w-code h5{ font-size: 16px;margin-bottom: 0px }
.w-blogroll .w-blogroll-right .w-code p{ margin-top: 5px;color: #7E7E7E }
.w-blogroll .w-blogroll-right .w-code .w-code-img{ width: 100px;height: 100px;border-left: 1px solid #DDD;position: absolute;right: 0;top: 0 }
.w-blogroll .w-blogroll-right .w-code .w-code-img img{ max-width: 100%;max-height: 97%;border-radius: 5px }
.w-footer{ background: #F4F3F2; }
.w-footer .footer{ height: 40px; line-height: 40px;text-align: center; }
.w-banner-box{ position: absolute;width: 100%;height: 100% }
.w-banner-box_img{ position: absolute;width: 100%;height: 100%;overflow: hidden;}
.w-banner-box_img ul{ padding-left: 0 }
.w-banner-box_img ul li{position: absolute;display: none; width: 100%;height: 100%}
.w-banner-box_img ul li img{ position: absolute;left: 50%;transform: translateX(-50%);height: 600px}
.w-banner-box_img ul li a{ position: absolute; width: 100%;height: 100% }
.w-banner-box_img ul li:first-child{ display: list-item; }
.w-banner-box_img ul li:nth-child(2){ background: #06090E }
.w-hide{ display: none; }
.w-login-banner .w-banner-wrmp{ overflow: inherit; padding: 0 50px }
.w-login-code-reg .fa-qrcode{ font-size: 90px;color: #F00; }
.w-login-code-reg p{ position: absolute; width: 190px; right: 70px }
.w-login-reg-mask{position: absolute;right: -8px;top: -8px;cursor: pointer; overflow: hidden;width:0; height:0;border-width:42px;border-style:solid;border-top-right-radius: 15px;opacity: 0.569;border-color:#1AB3B4 #1AB3B4 transparent transparent;z-index: 13}
.login-form .w-login-reg-code{position: absolute;right: 0;top: -8px;z-index: 14;font-size: 84px;color: #333;cursor: pointer;}
.login-form .w-coed-img{ text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: 20;overflow: hidden;display: none;}	
.login-form .w-coed-img img{ max-width: 100% }
.login-form .w-coed-img .fa-pulse{ font-size: 100px;color: #FFF }
.login-form .w-coed-img.w-before:before{ content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.9); color: #F00;font-weight: bold;top: 0;left: 0 }
.login-form .w-coed-img .w-refresh-code{ font-weight: bold;line-height: 18px;width: 120px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;cursor: pointer;color: #F00 }
.login-form .w-coed-img .w-refresh-code:hover{ color: #1aB394 }
.login-form .w-account-login{ display: none;position: absolute; right: -6px; top: 18px;font-size: 18px;color: #FFF;z-index: 15;transform: rotate(45deg); }
.login-form .w-code-login-alert{ top: 10px;right: 90px;position: absolute;width: 230px;border: 1px solid #f3d995;background: #fefcee;color: #df9c1f;padding: 0 10px;border-radius: 3px;}
.w-triangle_right{width:20px;height:20px; position:absolute;right:-20px; top:6px;}
.w-triangle_right .right-arrow1,.w-triangle_right .right-arrow2{width:0;height:0;display:block;position:absolute;left:0;top:0;border-top:6px transparent dashed;border-right:12px transparent dashed;border-bottom:6px transparent dashed;border-left:12px white solid;overflow:hidden;}
.w-triangle_right .right-arrow1{left:1px;/*重要*/border-left:10px #e2b744 solid;}
.w-triangle_right .right-arrow2{border-left:10px white solid;}
.w-wechat-avatar{ width: 100px;height: 100px;margin: 0 auto;}
.w-wechat-avatar img{ max-width: 100px;max-height: 100px }
.w-reg-identity{ cursor: pointer;display: inline-block;width: 70px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #1AB394;color: #1AB394;border-radius: 2px }
.w-text-cen {text-align: center;}
.w-reg-identity.active{ background: #1aB394;color: #FFF }
.w-plat-reg{ opacity: 0;position: absolute;left: 0 }
.reset-content form p{ position: relative; margin-top: 12px;position: relative; }
.reset-content form p input{ font-size: 14px;line-height: 26px;padding-left: 35px }
.reset-content form p .iconfont{ position: absolute; left: 13px; color: #AcACAC ;top: 50%;transform: translateY(-50%); font-size: 15px}
.w-identity,.w-reset-forms{ width:473px;margin: 10vh auto;text-align: center; background: rgba(255,255,255,0.6); border-radius: 5px;color: #555; padding-top: 29px;padding-bottom: 15px  }
.w-identity .w-identity-list{ margin: 30px 0 0px 0; padding: 0 33px }
.w-identity .w-whoareyou,.w-reset-forms .w-reset-tab{ height: 50px;line-height: 50px;color: #ff8140; font-size: 24px; width: 150px; margin: 0 auto; position: relative; padding-left: 17px; }
.w-identity .w-whoareyou:before,.w-reset-forms .w-reset-tab:before{ position: absolute; width: 11px; height: 50px; content: '';left:0;top: 0;border-radius: 5px;background:#ff8140  }
.w-identity .w-identity-list ul{ padding: 0 10%;margin: 0 }
.w-identity .w-identity-list ul li div{ transition: all 0.6s;background: #bfbfbf;cursor: pointer;border-radius: 5px;height: 125px;min-height: 80px;position: relative; margin-bottom: 30px }
.w-identity .w-identity-list ul li div:hover{ background: #ff8140;color: #FFF }
.w-identity .w-identity-list ul li div.w-disabled:hover{ background: #E9E9E9;color: inherit; cursor: no-drop; }
.w-identity .w-identity-list ul li div.w-disabled .icon-mima1{ position: absolute; right: 5px;top: -10px;font-size: 20px; color: #FFF }
.w-identity .w-identity-list ul li div.active{ background: #ff8140;color: #FFF }
.w-identity .w-identity-list ul li .iconfont{ display: block;font-size: 60px; line-height: 58px;text-align: center; color: #FFF }
.w-identity .w-identity-list ul li .iconfont.icon-jiaoshilei{ font-size: 55px }
.w-identity .w-identity-list ul li span{ position: absolute; top: 50%;transform: translate(-50%,-50%);left: 50%;color: #FFF }
.w-identity .w-next-step{ width: 150px;height: 35px;background: #ff8140;border-color:#ff8140;line-height: 18px;border-radius: 5px  }
.w-identity .w-reg-baught-act,.w-reset-forms .w-reg-baught-act{ margin-top: 15px;color: #9A9A9A }
.w-identity .w-reg-baught-act a,.w-reset-forms .w-reg-baught-act a{ color: #ff8140 }
.w-form-register .select2{ width: 331px!important;text-align: left; }
.w-form-register .select2 .select2-selection{ border-color: #CCC;height: 40px }
.w-form-register .select2 .select2-selection .select2-selection__rendered{ height: 40px;line-height: 40px;padding-left: 34px;position: relative; }
.w-form-register .select2 .select2-selection .select2-selection__rendered:before{color: #ACACAC;position: absolute;left: 10px;font-size: 16px; top: -1px;content: '\e611';  font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;   }
.w-form-register img.code{ width: 100px;height: 40px }
.reset-forms .reset-content{ display: block; }
.w-reset-forms{ padding: 25px 71px 25px 71px   }
.w-reset-forms .w-reset-tab{ color: #555;font-size: 48px;width: 100%;text-shadow: 0 2px 0 #aec3ce;padding-left: 26px;text-align: left; line-height: 46px }
.w-reset-forms .w-reset-tab .w-reset-tab-zc{ font-size: 24px; position: relative;  top: -.8em;left: 5px }
.w-reset-forms .w-verification-code{ height: 42px }
.w-reset-forms .w-verification-code .w-refresh_code{ position: relative; top: 10px }
.w-reset-forms .w-verification-code input,.w-forget-pass .w-verification-code input{ width: 178px }
.w-reset-forms .reset-content .w-btns .w-prev-step{ background: none;border-color: #ff8140;color: #ff8140 }
.w-reset-forms .w-verification-code .w-send-code,.w-forget-pass .w-verification-code .w-send-code{ background: #ff8140;color: #FFF;height: 40px;box-shadow: 0 0 2px #666; margin-top: 1px }
.w-reset-forms .w-verification-code .w-send-code.disabled{ opacity: 0.5 }
.w-reset-forms .w-verification-code .w-send-code{ background: #585858 }
.w-reset-forms .w-btns .am-btn{ width: 150px; height: 36px;background: #ff8140;color: #FFF;border-radius: 5px;margin-top: 22px }
.jconfirm .btn{ background: #ff8140;color: #FFF;border: none;margin-right: 15px;width: 80px;height: 26px;border-radius: 3px;padding: 0 }
.reset-content .tip-error{ color: #F00;text-align: left; }
.login-form-iframe{z-index: 99;margin: 50px 25px 0 0;user-select: none;float: right;height: 416px; width: 430px;border-radius: 5px; position: relative;}
/*忘记密码*/
.w-forget-pass{ padding-top: 62px }
.w-forget-pass .reset-form{ width: 330px;margin: 0 auto;margin-top: 50px }
.w-forget-pass .reset-form .reset-tab{ background:none; text-align: left; } 
.w-forget-pass .reset-form .reset-tab span{ padding: 0; width: 50%;text-align: center; border-bottom: 4px solid #dadada; font-size:24px;color: #555 }
.w-forget-pass .reset-form .reset-tab span.cur{ border-bottom: 4px solid #ff8140; }
.w-forget-pass .reset-form .btns .btn{ width: 47% ; margin: 0;background: #ff8140;border: none;color: #FFF}
.w-forget-pass .reset-form .btns .btn-back{ float: right; }
@media screen and (max-width: 1024px) {
	.w-plugins-desc ul li .w-plgin-span{font-size: 16px}
	.w-plugins-desc ul li .w-plgin-cont{font-size: 12px;padding: 10px;line-height: 20px;height: 85%}
	.w-plugins-desc ul li .w-plgin-cont span{padding: 0 5px 0 7px;}
}
@media screen and (max-width: 641px) {
	.login-form-iframe{ width: 100%;left: 25px }
	.login-form p.tel .btn{ display: inline-block;padding: 0 4px;line-height: 20px }
	.login-form p.tel .btn:last-child{ margin-right: 0 }
	.ipt-login,.btn-login{ width: 100% }
	.login-normal .reset-content{ width: 300px }
	.w-identity{ margin-top: 10px }
	.w-identity .w-identity-list{ margin: 10px 0 }
	.w-identity .w-identity-list ul li .iconfont{ font-size: 36px;margin-bottom: 5px }
	.w-identity .w-identity-list ul li div{ height: 15vh }
	.w-login-banner .w-banner-wrmp, .w-plugins-desc, .w-plugins-list-wrmp, .w-blogroll, .w-footer .footer{width: auto;}
	.w-plugins-desc ul{ padding: 0 8px 0 8px }	
	.w-plugins-desc ul li{width: 100%;padding: 0}
	.w-plugins-desc ul li:after{ width: 0 }
	.w-plugins-desc ul li .w-plgin-name span{ font-size: 14px;display: block;text-align: center;bottom: inherit;font-size: 15px;line-height: 18px;position: relative;top: inherit; }
	.w-plugins-desc ul li{height: 110px; border: 1px solid #DDD;padding: 10px;margin-bottom: 10px}
	.w-plugins-desc ul li img{ max-width: 50px;top: 0;transform: translate(0,0);position: relative;left: 0 }
	.w-plugins-list .w-plugins-list-wrmp ul li{width: 210px}
	.w-login-banner .w-banner-wrmp{ overflow: hidden; padding: 0  }
	.w-content{ width: inherit; }	
	.w-plugins-desc{ padding: 20px;margin-top: 20px }
	.w-plugins-desc h4{ padding: 0;text-align: center; }
	.w-plugins-desc ul li .w-plgin-cont{ padding: 0;line-height: 16px;width: auto;height: auto;position: inherit;top: 0;left: 0;opacity: 1;color: #555;font-size: 12px;background: none ;margin-left: 70px}
	.w-plugins-desc ul li .w-plgin-name{ position: absolute;top: 0;left: 0; width: 80px;height: auto; }
	.w-plugins-desc ul li .w-plgin-cont span{ position: inherit;top: 0;left: 0;padding: 0;transform: translate(0,0); }
	.w-plugins-desc ul li .iconfont{ transform: translate(-55%,0%); font-size: 66px }
	.w-plugins-desc ul li .w-plgin-span{ bottom: 7px }
}









/*定义css变量*/
:root{ 
	--mywidth: 600px;
	--myheight: 350px;
}
/*.content{
	width: 100%;
	height: 100%;
	position: absolute;
}*/
.a-content{
	border: 1px solid rgba(0,0,0,0.1);
    border-radius:20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    position: relative;
}
.a-content:before{
    content: '';
    width: 500px;
    height: 300px;
    left: 35px;
    top: 19px;
    z-index:-1;
    position:absolute;
    border-radius:20px;
    border: 1px solid rgba(0,0,0, 0.1);
    background: rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(-5%,-5%);
    transform:translate(-5%,-5%);
	-ms-transform:translate(-5%,-5%);
	-moz-transform:translate(-5%,-5%);
	-o-transform:translate(-5%,-5%);
}
.a-content:after{
    content: '';
    position:absolute;
    top:-25px; 
    left: 25%;
    width: 270px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	display: none;
}
.carousel-content{
	width: 640px;
	height: 377.7px;
	position: absolute;
	overflow: hidden;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: 70px;
	z-index: 9
}
.carousel{
	height: 100%;
	position: absolute;
	padding: 0
}
.carousel li{
	float: left;
}
.carousel li,.carousel li img{
	width: 640px;
	height: 377.7px;
}
.img-index{
	position: absolute;
    bottom: -15px;
    left: 25%
    
}
.img-index li{
	float: left;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.5);
    font-size: 12px;
    cursor: pointer;
    margin: 0 10px;
    color: #fff;
}
.img-index li.js_index,.img-index li:hover{
	background-color: #e67f11;
}
.carousel-prev,.carousel-next{
	position: absolute;
	display: inline-block;
	top: 45%;
	cursor: pointer;
    display: none;
}
.carousel-prev{
	left: 0;
}
.carousel-next{
	right: 0;
}
.w-account-pos{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	overflow-y: hidden;    
}
.w-account-pos ul::-webkit-scrollbar{/*滚动条整体样式*/
    width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}
.w-account-pos ul::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    height: 30px;
    background-color: #c5c5c5c2;
    -webkit-border-radius: 7px;
    outline: 2px solid #fff;
    outline-offset: -2px;

}
.w-account-pos ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    background: none;
}
.w-account-pos .w-login-line{
    border-bottom: 2px solid #FFF;
    display: block;
    color: #FFF;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    letter-spacing: 3px;
}
.w-account-pos ul{
	padding: 0px;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 62px;
    bottom: 0;
    overflow-y: auto;
}
.w-account-pos ul li a{
    display: block;
    color: #FFF;
    height: 100%;
    position: relative;
    min-height: 40px;
    font-size: 14px;
    transition: all 0.5s;
    padding: 10px 5px 10px 120px;
}
.w-account-pos ul li.w-active a{
	background: rgba(0,0,0,0.3);	
}
.w-account-pos ul li a:hover{
	background: rgba(0,0,0,0.4);
	border-radius: 5px
}
.w-account-pos ul li a img{
    border-radius: 50%;
    width: 44px;
    height: 44px;
    overflow: hidden;
    position: absolute;
    left: 60px;
    top: 10px;
}
.w-account-pos ul li a .w-shenfen{
    display: block;
    margin-top: 0px;
}
.w-account-pos ul li a .w-shenfen i{
	display: none
}
.w-account-pos ul li a:hover .w-shenfen i{
	display: inline-block;
    font-size: 12px;
    font-style: initial;
    color: #ffe800;
}  
.w-account-pos ul li a .w-email{
	
}
.w-load-pulse{
	font-size: 150px;
    color: #FFF;
    display: block;
    line-height: 150px;
    width: 150px;
    margin: 0 auto;
    margin-top: 71px;	
}
#loading1{
    width: 30px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 10px;
}
#loading1 i {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #FFF;
    float: left;
    margin: 0 3px;
    font-style: initial;
    animation: demo1 linear 1s infinite;
    -webkit-animation: demo1 linear 1s infinite;
}
#loading1 i:nth-child(1){
    animation-delay:0s;
}
#loading1 i:nth-child(2){
    animation-delay:0.35s;
}
#loading1 i:nth-child(3){
    animation-delay:0.7s;
}
@media screen and (max-width: 641px) {
	.w-account-pos ul li a{
		padding-left: 80px
	}
	.w-account-pos ul li a img{
		left:25px;
	}
}
@keyframes demo1 
{
    0%,60%,100% {transform: scale(1);}
    30% {transform: scale(2.5);}
}
@-webkit-keyframes demo1 
{
    0%,60%,100% {transform: scale(1);}
    30% {transform: scale(2.5);}
}