#Head { background-color: #222222; height: 80px; width: 100%; z-index: 11; }
#Head .left-head { float: left; margin-top: 20px; }
#Head .left-head .big-logo { background: url(../images/logo.png?v0.1) no-repeat;width: 120px; height: 40px; background-size: 100% 100% ; text-indent: -9999em;cursor: pointer; float: left; line-height: 80px; margin-right: 40px; }
#Head .left-head .head-change { float: left; height: 55px; position: relative; }
#Head .left-head .head-change .icon-gengduo { height: 18px; display: block; margin-top: 11px; cursor: pointer; font-size: 18px; color: white; }
#Head .left-head .head-change .chang-cont { position: absolute; display: none; width: 140px; padding: 23px 16px 0; left: -60px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 10; top: 46px; }
#Head .left-head .head-change .chang-cont p { font-size: 13px; color: #4c4c4c; margin-bottom: 15px; }
#Head .left-head .head-change .chang-cont p i { font-size: 18px; margin-right: 11px; vertical-align: text-bottom; }
#Head .left-head .head-change .chang-cont p img { margin-right: 11px; width: 18px; vertical-align: text-bottom; }
#Head .left-head .head-change .chang-cont p a { font-size: 14px; color: #4c4c4c; }
#Head .left-head .head-change .chang-cont p:hover a, #Head .left-head .head-change .chang-cont p:hover i { color: #14a3f7; }
#Head .left-head .head-change:hover .chang-cont { display: block; }
#Head .left-head .search-form { float: left; }
#Head .left-head .search-box { width: 610px; height: 40px; float: left;}
#Head .left-head .search-box .left-search { float: left; }
#Head .left-head .search-box .left-search > .search-type { float: left; width: 100px; height: 40px; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding-top: 5px; background: white; border-right: 1px solid #fff; cursor: pointer; position: relative; }
#Head .left-head .search-box .left-search > .search-type span { font-size: 14px; color: #333333; line-height: 30px; margin-right: 12px; display: inline-block; vertical-align: middle; }
#Head .left-head .search-box .left-search > .search-type .jt { display: inline-block; width: 10px; height: 6px; background-image: url("../images/btn_xiala@2x.png"); background-size: 100% 100%; vertical-align: middle; }
#Head .left-head .search-box .left-search > .search-type .xt { width: 1px; height: 30px; background: #DBDBDB; display: inline-block; float: right; margin-right: 0; }
#Head .left-head .search-box .left-search > .search-type > div { width: 100px; background: #ffffff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 40px; padding-top: 22px; display: none; z-index: 10; }
#Head .left-head .search-box .left-search > .search-type > div > P { color: #555555; margin-bottom: 19px; font-size: 15px; }
#Head .left-head .search-box .left-search > .search-type > div > P::before { content: ''; font-family: 'iconfont' !important; font-size: 18px; color: #555555; display: inline-block; margin-right: 8px; vertical-align: text-bottom; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(1)::before { content: '\e60a'; }
#Head .left-head .search-box .left-search > .search-type > div > P:nth-child(2)::before { content: '\e68b'; }
#Head .left-head .search-box .left-search > .search-type > div > P:hover, #Head .left-head .search-box .left-search > .search-type > div > P.active { color: #14a3f7; }
#Head .left-head .search-box .left-search > .search-type > div > P:hover::before, #Head .left-head .search-box .left-search > .search-type > div > P.active::before { color: #14a3f7; }
#Head .left-head .search-box .left-search > .search-type:hover { transition: background-color .1s; background-color: #14a3f7; border-bottom-left-radius: 0; }
#Head .left-head .search-box .left-search > .search-type:hover span { color: white; }
#Head .left-head .search-box .left-search > .search-type:hover .jt { background-image: url("../images/btn_xiala_white@2x.png"); }
#Head .left-head .search-box .left-search > .search-type:hover .xt { display: none; }
#Head .left-head .search-box .left-search > .search-type:hover .search-type-change { display: block; }
#Head .left-head .search-box .left-search .input-box { float: left; background-color: #fff; width: 400px; height: 40px; padding-left: 20px; position: relative;}
#Head .left-head .search-box .left-search .input-box input { width: 100%; height: 100%; }
#Head .left-head .search-box .left-search .input-box .hot-search { position: absolute; padding: 16px 20px 0; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); left: 0; width: 100%; z-index: 10; display: none; }
#Head .left-head .search-box .left-search .input-box .hot-search > p { color: #14a3f7; margin-bottom: 18px; }
#Head .left-head .search-box .left-search .input-box .hot-search > div p { cursor: pointer; font-size: 1px; color: #333333; margin-bottom: 18px; }
#Head .left-head .search-box .left-search .input-box .hot-search > div p:hover { color: #14a3f7; }
#Head .left-head .search-box .search-btn { width: 80px; height: 40px; background-color: #fff; background: #14a3f7; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; float: left; border: none; cursor: pointer; line-height: 40px; }
#Head .left-head .search-box .search-btn img { line-height: 40px; width: 20px; height: 20px; display: block; margin: 0 auto; }
#Head .right-head { float: right; margin-top: 20px; }
#Head .right-head a { float: left; }
#Head .right-head .contribution-btn { width: 90px; margin-top: 5px; cursor: pointer; height: 30px; text-align: center; line-height: 26px; color: white; border: 2px solid #FFFFFF; border-radius: 15px; margin-right: 10px; }
#Head .right-head .contribution-btn:hover { color: #14a3f7; border: 2px solid #14a3f7; }
#Head .right-head .go-vip { color: #DFBE86; font-size: 14px; margin-right: 30px; margin-top: 10px; cursor: pointer; }
#Head .right-head .go-vip::before { content: ''; width: 22px; height: 20px; display: inline-block; background-image: url(../images/icon_vip@2x.png); background-size: 100% 100%; vertical-align: bottom; margin-right: 9px; margin-bottom: -2px; }
#Head .right-head #checklogin { float: right; }
#Head .right-head .user-handle { float: left; display: none; position: relative; height: 60px; }
#Head .right-head .user-handle img { border-radius: 50%; width: 40px; height: 40px; }
#Head .right-head .user-handle > .user-handle-div { position: absolute; background-color: #fff; width: 180px; top: 50px; left: -65px; padding: 0 30px; display: none; z-index: 10; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }
#Head .right-head .user-handle > .user-handle-div .nickname { font-size: 16px; height: 42px; line-height: 42px; border-bottom: 1px solid #E6E6E6; width: 120px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#Head .right-head .user-handle > .user-handle-div a { height: 42px; color: #999; text-align: center; display: block; width: 120px; line-height: 42px; }
#Head .right-head .user-handle:hover > .user-handle-div { display: block; }
#Head .right-head .reg-after img,#Head .right-head .login-after img { border-radius: 50%; width: 40px; height: 40px; }
#Head .right-head a { display: block; color: white; line-height: 41px; cursor: pointer; font-size: 14px;margin-left: 15px;}
#Head .right-head .username{width: 160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: right;}
#Head .upload {line-height: 40px;text-align: center;float: left;}
#Head .upload a {background-color: #f5a313;color: #fff;display: block;width: 130px;border-radius: 10px;height: 40px;font-size: 16px;text-decoration: none;line-height: 40px;cursor: pointer;}
#Head .ml15 {margin-left: 15px;}
.Navigation { height: 40px; background: #f2f2f2; width: 100%; z-index: 10; }
.Navigation .head { float: left; margin-right: 50px; cursor: pointer; position: relative;font-weight: 700; }
.Navigation .head > p { font-size: 15px; color: #4d4d4d; line-height: 40px; }
.Navigation .head > p a { color: #4d4d4d; font-size: 15px; line-height: 40px; }
.Navigation .head > p a:hover { color: #14a3f7; }
.Navigation .head:hover .head-change { display: block; }
.Navigation .head:hover > p::after { transform: rotate(180deg); }
.Navigation .xt { float: left; width: 1px; line-height: 40px; height: 16px; background: #999999; margin-top: 12px; }
.Navigation .nav_tab { float: left; margin-left: 50px; font-weight: 700;}
.Navigation .nav_tab h1 { float: left; }
.Navigation .nav_tab a { float: left; font-size: 15px; color: #4d4d4d; line-height: 40px; cursor: pointer; margin-right: 45px; position: relative; color: #333; }
.Navigation .nav_tab a:hover { color: #14a3f7; }
.Navigation .nav_tab a.active::after { width: 36px; height: 4px; background-color: #14a3f7; content: ''; display: inline-block; position: absolute; left: -4px; bottom: 0; }
.Navigation .nav_tab a.new::before { font-size: 12px; color: #ff7200; font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e64a'; top: -2px; position: absolute; left: 30px; display: inline-block; transform: scale(0.8); }
.Navigation .moer-nav { float: left; cursor: pointer; position: relative;margin-left: 50px;}
.Navigation .moer-nav > p { font-size: 15px; color: #4d4d4d;font-weight: 700; }
.Navigation .moer-nav > p a { font-size: 15px; line-height: 40px; }
.Navigation .moer-nav > p::after { display: inline-block; margin-left: 8px; width: 10px; content: ''; height: 6px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAABqElEQVQ4T52QO4gTURSGv5PBELfQNIKE7SxjoUyh904CY7Z0tfAFomKtrQg2IlhZWGuviLAvELVUA5O5o0XQwpR2EgubaLGGkeTIDeOS1Wx8/M19nPt/5z9XrLUHgQflcvlku93+yH8ojuPFPM+fAJfFWvsWOAR8CIKgmSTJp39hxnG8P8/zDnAAeCfGmMMi0gb2AO+DIGglSfL5b6DNZnPfaDR6Cfgpv6pqLN7YaDSOjMdjX1gQke5wOFzqdrtf5kHDMNxbqVReqGoIbJZKpVan03kzAXpZa1vAM2C3iLwuoJuzoGEYLhSwo8A3YNk55wOxBfQHY8yyiGwAu4BXqno8yzJv2JIxxjd8DhwDvqvqqSzLfJCJtgGLpKeBFaAkIk8Hg8GZXq+X+1q9Xi9Xq9U1VT0BjIFzzrn16Ya/AX0xiqILqvrQNxSR1Vqtdt7f9/v9x6p6dpJE5GKapo9+/ZKZwCLpFeBeYfBwr0vFetU5d3/W/+4ILKDXgLvTRlW9nmXZtrs/jjz9IIqim6p6uxjzVpqmk/1Ompvwp8lae8fvnXM35sF87QcG65lASm1uUgAAAABJRU5ErkJggg==); background-size: 100% 100%; vertical-align: middle; margin-bottom: 3px; }
.Navigation .moer-nav .moer-change { position: absolute; display: none; width: 440px; padding: 23px 16px 0; left: -46px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 10; }
.Navigation .moer-nav .moer-change p { margin-bottom: 15px; }
.Navigation .moer-nav .moer-change p a { font-size: 13px; color: #4c4c4c; }
.Navigation .moer-nav .moer-change p i { color: #4c4c4c; font-size: 18px; margin-right: 11px; vertical-align: text-bottom; }
.Navigation .moer-nav .moer-change p:hover a, .Navigation .moer-nav .moer-change p:hover i { color: #14a3f7; }
.Navigation .moer-nav:hover > p::after { transform: rotate(180deg); }
.Navigation .moer-nav .moer-change li { margin-bottom: 15px;margin-left: 10px;float: left; }
.Navigation .moer-nav .moer-change li a { font-size: 13px; color: #4c4c4c; }
.Navigation .moer-nav .moer-change li i { color: #4c4c4c; font-size: 18px; margin-right: 11px; vertical-align: text-bottom; }
.Navigation .moer-nav .moer-change li:hover a, .Navigation .moer-nav .moer-change p:hover i { color: #14a3f7; }
.Navigation .moer-nav:hover > li::after { transform: rotate(180deg); }
.Navigation .moer-nav:hover .moer-change { display: block; }
.boxFixed { width: 100%; position: fixed; top: 0; z-index: 11; }
#Footer { height: 120px; margin-top: 50px; }
#Footer .Foot { height: 120px; background-color: #222; width: 100%; bottom: 0; position: absolute; }
#Footer .Foot .container { text-align: center; padding-top: 15px; }
#Footer .Foot .container .foot-top { text-align: center; }
#Footer .Foot .container .foot-top a { color: white; font-size: 14px; padding-right: 25px; border-right: 1px solid white; margin-right: 25px; opacity: 0.8; }
#Footer .Foot .container .foot-top a:last-child { border-right: none; }
#Footer .Foot .container > p { margin-top: 10px; color: #808080; font-size: 14px; line-height: 25px;}
#Footer .Foot .container > p a { font-size: 14px; color: #808080; }
.warning-pop { height: 60px; background-color: rgba(0, 0, 0, 0.6); padding: 0 50px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -70%); z-index: 20; border-radius: 0px 30px 30px 30px; white-space: nowrap; }
.warning-pop img { width: 30px; height: 30px; margin-right: 20px; vertical-align: middle; }
.warning-pop span { color: white; line-height: 60px; font-size: 16px; vertical-align: middle; }
.warning-pop.suc-warning { border-radius: 6px; }
.mask-pop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 30; display: none; background-color: rgba(0, 0, 0, 0.5); }
.img-close-pop { position: absolute; cursor: pointer; top: 24px; right: 30px; width: 20px; height: 20px; z-index: 10; }
.login-pop { width: 420px; height: 360px; background-color: #fff; display: none; }
.login-pop .login-tip .checkBox { vertical-align: middle; }
.login-pop .login-tip .cont { display: inline-block; vertical-align: middle; margin-left: 12px; }
.login-pop .login-tip .cont span { color: #14a3f7; cursor: pointer; }
.login-pop .wx-login { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; padding-top: 24px; display: block; }
.login-pop .wx-login > p { font-size: 22px; color: 333; margin-bottom: 23px; font-weight: bold; }
.login-pop .wx-login .code-box { width: 160px; height: 160px; position: relative; margin: 0 auto; margin-bottom: 21px; }
.login-pop .wx-login .code-box .imgCode { width: 100%; height: 100%; }
.login-pop .wx-login .code-box .overdue { position: absolute; width: 100%; height: 100%; font-size: 16px; color: white; background-color: rgba(0, 0, 0, 0.4); text-align: center; line-height: 20px; top: 0; left: 0; padding-top: 60px; cursor: pointer; }
.login-pop .wx-login .wx-btn { width: 40px; height: 40px; background: linear-gradient(90deg, #63A2FF 0%, #347CE8 100%); border-radius: 50%; text-align: center; margin: 0 auto; cursor: pointer; margin-top: 18px; }
.login-pop .wx-login .wx-btn img { width: 16px; height: 24px; margin-top: 2px; margin-top: 8px; }
.login-pop .phone-login { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; padding-top: 24px; display: none; }
.login-pop .phone-login .title { font-size: 22px; color: 333; margin-bottom: 23px; font-weight: bold; }
.login-pop .phone-login .input-box { margin-bottom: 13px; }
.login-pop .phone-login .input-box > div { width: 300px; height: 46px; background: #FAFAFA; border: 1px solid #E6E6E6; text-align: left; margin: 0 auto; }
.login-pop .phone-login .input-box > div input { height: 40px; background: #FAFAFA; font-size: 16px; }
.login-pop .phone-login .input-box > div input::-webkit-input-placeholder { color: #999999; }
.login-pop .phone-login .input-box .phone-inp { margin-bottom: 9px; }
.login-pop .phone-login .input-box .phone-inp span { line-height: 46px; margin-left: 21px; }
.login-pop .phone-login .input-box .phone-inp input { width: 220px; margin-left: 22px; }
.login-pop .phone-login .input-box .code-inp { position: relative; }
.login-pop .phone-login .input-box .code-inp input { width: 175px; margin-left: 22px; margin-left: 20px; margin-top: 4px; }
.login-pop .phone-login .input-box .code-inp #code-btn { font-size: 14px; color: #14a3f7; line-height: 46px; background: #FAFAFA; cursor: pointer; height: 43px; border: none; position: absolute; right: 14px; outline: none; }
.login-pop .phone-login .login-btn { width: 300px; height: 46px; margin: 0 auto; text-align: center; line-height: 46px; color: #FFFFFF; font-size: 16px; cursor: pointer; background: linear-gradient(90deg, #63A2FF 0%, #347CE8 100%); margin-bottom: 22px; }
.login-pop .phone-login .phone-btn { width: 40px; height: 40px; background: linear-gradient(90deg, #00E1C9 0%, #00C0A6 100%); border-radius: 50%; text-align: center; margin: 0 auto; cursor: pointer; margin-top: 18px; }
.login-pop .phone-login .phone-btn img { width: 24px; height: 20px; margin-top: 11px; }
.cushion120 { height: 120px; width: 100%; }
.layui-layer1 { top: 50%; left: 50%; margin-left: -210px; margin-top: -200px; }
.layui-layer-content { width: 100%; height: 100%; }
.layui-layer-content .layui-layer-content iframe { width: 100%; height: 100%; }
.ppt-list { margin-top: 15px; width: 100%; position: relative; min-height: 800px; }
.ppt-list li{ margin-right: 25px;}
.ppt-list li:nth-child(7) { margin-right: 0px; }
.ppt-list li:last-child { margin-right: 0px; }
.ppt-list .item { padding: 10px 10px 0; box-shadow: 1px 1px 4px 1px #e5e5e5; width: 150px; margin-bottom: 20px; cursor: pointer; float: left; }
.ppt-list .item .one-img-box img { width: 270px; height: 100%; }
.ppt-list .item .moer-img-box img { width: 133px; float: left; height: 74px; background-color: #f5f7fa; }
.ppt-list .item .moer-img-box img:nth-child(1) { width: 270px; height: 152px; margin-bottom: 4px; }
.ppt-list .item .moer-img-box img:nth-child(2), .ppt-list .item .moer-img-box img:nth-child(3) { margin-bottom: 4px; }
.ppt-list .item .moer-img-box img:nth-child(2n) { margin-right: 4px; }
.ppt-list .item .bot-div { text-align: left; width: 130px; height: 23px;white-space: nowrap;overflow: hidden;font-weight: 700;}
.ppt-list .item .bot-div .name { font-size: 13px; color: #4c4c4c; display: inline-block; width: 216px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 40px; }
.ppt-list .item .bot-div .down-btn { right: 0; display: inline-block; width: 48px; height: 20px; background: rgba(247, 104, 45, 0.1); border: 1px solid #f7682d; border-radius: 12px; text-align: center; line-height: 20px; font-size: 12px; float: right; color: #f7682d; margin-top: 10px; }
.ppt-list .item-list { padding: 10px 10px 0; border-bottom: 1px solid #eaeaea; width: 1200px; float: left; }
.ppt-list .item-list:hover{background-color: #f5f5f5;}
.ppt-list .item-list:last-child { border-bottom:none; }
.ppt-list .item-list a{float: left;}
.ppt-list .list-name{float: left;margin-left: 10px;width: 900px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ppt-list .list-name a{width: 900px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 23px;}
.ppt-list .list-name span{float: left;color:#fff;border-radius: 3px;font-size: 12px;margin-right: 10px;padding:3px 5px;}
.ppt-list .item-list em{color: #d9534f}
.ppt-list .list-time{float: right;font-size: 14px;line-height: 46px;color: #999;}
.ppt-list .list-name .txtred{color:red;}
.Guess-like { padding-top: 14px; border-top: 1px solid #cfdce6;  position: relative; margin-top: 50px; }
.Guess-like a { display: inline-block; font-size: 14px; color: #666; display: inline-block; margin-bottom: 5px;}
.Guess-like a:hover { color: #14a3f7; }
.Guess-like .abp { font-size: 24px; color: #14a3f7; position: absolute; left: 0; top: -21px; background: white; }
.Guess-like li { float: left;}
.Guess-like-new { padding-top: 14px; border-top: 1px solid #cfdce6;  position: relative; margin-top: 50px; }
.Guess-like-new a { display: inline-block; font-size: 16px; color: #666; margin-bottom: 5px;}
.Guess-like-new a:hover { color: #14a3f7; }
.Guess-like-new .abp { font-size: 24px; color: #14a3f7; position: absolute; left: 0; top: -21px; background: white; }
.Guess-like-new li { float: left;}
.Guess-tags { padding-top: 12px; border-top: 1px solid #cfdce6;  position: relative; margin-top: 50px; }
.Guess-tags a { display: inline-block; font-size: 12px; color: #666; display: inline-block;}
.Guess-tags a:hover { color: #14a3f7; }
.Guess-tags .abp { font-size: 24px; color: #14a3f7; position: absolute; left: 0; top: -21px; background: white; }
.Guess-tags li {padding: 0 16px;height: 28px;line-height: 28px;background: #E6EEFA;border-radius: 2px;margin-right: 10px;margin-bottom: 12px;display: inline-block;font-size: 14px;color: #357ce8;}
.Guess-tags .font_bold1 a{font-size:12px;}
.Guess-tags .font_bold2 a{font-size:14px;}
.Guess-tags.font_bold3 a{font-size:16px;font-weight: bold;}
.Guess-tags .font_bold4 a{font-size:18px;}
.Guess-tags .font_bold5 a{font-size:20px;font-weight: bold;}
.Guess-tags .font_color1 a{color:#276e39;}
.Guess-tags.font_color2 a{color:#eb470f;}
.Guess-tags .font_color3 a{color:#c62e27;}
.Guess-tags .font_color4 a{color:#e041e4;}
.Guess-tags .font_color5 a{color: #18BFD4;}
.r-l-gg > div { float: left; }
.r-l-gg > div:nth-child(2) { float: right; }
.gg-box { text-align: center; }
.a-download-btn { border: none; width: 750px; height: 50px; background: #FF7534; border-radius: 6px; text-align: center; font-size: 18px; color: white; cursor: pointer; display: inline-block; line-height: 50px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.a-download-btn:hover { background: linear-gradient( #FF7534, #FF8F5E);  }
.choice-div { font-size: 14px; color: #3A3A3A; position: relative; margin-right: 10px; margin-left: 10px; cursor: pointer; }
.choice-div::before { width: 20px; height: 20px; border: 2px solid #D2D2D2; border-radius: 50%; content: ''; display: inline-block; vertical-align: middle; margin-bottom: 3px; margin-right: 6px; }
.choice-div.active::before { border: 2px solid #5CCC54; }
.choice-div.active::after { width: 12px; height: 12px; content: ''; background-color: #5CCC54; position: absolute; top: 4px; left: 4px; border-radius: 50%; }
.page-box { text-align: center; }
.page-box .pagination li { display: inline-block; }
.page-box .pagination li span, .page-box .pagination li a { display: inline-block; text-align: center; line-height: 36px; height: 36px; padding: 0 16px; border-radius: 5px; font-size: 14px; color: #333; background: #f0f0f0; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.page-box .pagination li span.active, .page-box .pagination li a.active { background: #ff7534; color: #fff; }
.page-box .pagination li span:not([disabled="disabled"]):hover, .page-box .pagination li a:not([disabled="disabled"]):hover { background: #ff7534; color: #fff; }
.page-box .pagination li a[disabled="disabled"] { background: #f7f7f7; color: #ccc; }
.page-box .pagination .tbpage { border: 1px solid #dcdfe6; border-radius: 3px; padding: 0 5px; text-align: center; }
.page-box .pagination .btngo { background-color: #fff; margin-left: 10px; cursor: pointer; }
.page-box .pagination .btngo:hover { color: #14a3f7; }
.new-page-box { text-align: center; font-size: 13px; color: #606266;margin-top: 50px; }
.new-page-box a,.new-page-box strong { display: inline-block; text-align: center; line-height: 36px; height: 36px; padding: 0 16px; border-radius: 5px; background: #f0f0f0; margin-left: 5px; margin-right: 5px; cursor: pointer; }
.new-page-box a b { color: #333; font-size: 14px; }
.new-page-box strong { background: #ff7534; color: #fff; }
.new-page-box a.active { background: #ff7534; color: #fff; }
.new-page-box a.active b { color: #fff; }
.new-page-box a.grey { background: #f7f7f7; color: #ccc; }
.new-page-box a:not(.grey):hover { color: #fff; background: #ff7534; }
.new-page-box a:not(.grey):hover b { color: #fff; }
.new-page-box a.nextpage { margin-right: 15px; }
.new-page-box #tbpage { width: 38px; height: 28px; text-align: center; border: 1px solid #dcdfe6; border-radius: 3px; padding: 0 5px; }
.new-page-box #btngo { background-color: #fff; margin-left: 10px; font-size: 13px; cursor: pointer; }
.new-page-box #btngo:hover { color: #14a3f7; }
.common-pop { background-color: #fff; transform: translate(-50%, -50%); width: 420px; height: 360px; position: fixed; left: 50%; top: 50%; z-index: 31; display: none; }
.common-pop .common-pop-close-img { width: 20px; height: 20px; position: absolute; right: 30px; top: 30px; cursor: pointer; }
.vip-pop { width: 700px; height: 500px; padding: 29px 30px 20px; display: none; }
.vip-pop > .title { font-size: 16px; color: #333; }
.vip-pop > .changeBox { width: 100%; margin-top: 20px; }
.vip-pop > .changeBox > .item { float: left; margin-right: 20px; text-align: center; }
.vip-pop > .changeBox > .item:last-child { margin-right: 0; }
.vip-pop > .changeBox > .item .box-top { width: 200px; height: 104px; border: 1px solid #cccccc; border-radius: 8px; padding-top: 20px; text-align: center; position: relative; cursor: pointer; }
.vip-pop > .changeBox > .item .box-top .name { font-size: 14px; color: #333; font-weight: bold; }
.vip-pop > .changeBox > .item .box-top .price { font-size: 32px; color: #ff7200; margin-top: 12px; }
.vip-pop > .changeBox > .item .box-top .price::before { content: '￥'; font-size: 14px; color: #ff7200; margin-right: 5px; }
.vip-pop > .changeBox > .item .box-top .price::after { content: '元'; font-size: 14px; color: #ff7200; margin-left: 5px; }
.vip-pop > .changeBox > .item .box-top .other { font-size: 12px; color: #666; margin-top: 5px; }
.vip-pop > .changeBox > .item .box-top .choice-img { position: absolute; height: 40px; width: 40px; right: -1px; top: -1px; display: none; }
.vip-pop > .changeBox > .item .box-top .recommend-img { position: absolute; height: 63px; height: 44px; left: -23px; display: none; top: -22px; }
.vip-pop > .changeBox > .item .item-tip { margin-top: 20px; font-size: 14px; color: #333; display: none; }
.vip-pop > .changeBox > .item.active .box-top .choice-img { display: block; }
.vip-pop > .changeBox > .item.active .item-tip { display: block; }
.vip-pop > .changeBox > .item.recommend .box-top .recommend-img { display: block; }
.vip-pop .code-box { text-align: center; margin-top: 26px; }
.vip-pop .code-box .amount-price .em { display: inline-block; font-size: 16px; color: 333; }
.vip-pop .code-box .code-div { width: 150px; height: 150px; position: relative; margin: 0 auto; margin-top: 7px; }
.vip-pop .code-box .code-div .code-img { width: 100%; height: 100%; display: none; }
.vip-pop .code-box .code-div .load-img { position: absolute; width: 150px; height: 150px; background-color: rgba(255, 255, 255, 0.8); left: 0; top: 0; }
.vip-pop .code-box .code-div .load-img img { height: 30px; width: 30px; line-height: 150px; margin-top: 60px; animation: rotate 2s linear infinite; }
.vip-pop .code-box .code-div .expiration-div { position: absolute; width: 150px; height: 150px; background-color: rgba(255, 255, 255, 0.8); cursor: pointer; left: 0; top: 0; display: none; }
.vip-pop .code-box .code-div .expiration-div p { color: #363f4a; font-size: 16px; margin-top: 50px; margin-bottom: 18px; }
.vip-pop .code-box .code-div .expiration-div span { font-size: 16px; color: #ff7200; }
.vip-pop .pay-change { text-align: center; margin-top: 20px; }
.vip-pop .pay-change .choice-div { margin-right: 15px; margin-left: 15px; }
.vip-pop .vip-tip { margin-top: 15px; }
.vip-pop .vip-tip .left { float: left; }
.vip-pop .vip-tip > div { float: right; }
.vip-pop .vip-tip > div a { margin-left: 25px; }
.vip-pop .vip-tip > div a:hover { color: #ff7200; }
.vip-pop .vip-tip a { font-size: 14px; color: #999; }
.com-price { font-size: 24px; color: #333; display: inline-block; }
.com-price::before { content: '￥'; font-size: 16px; color: #333; display: inline-block; }
.com-price::after { content: '元'; font-size: 16px; color: #333; display: inline-block; }
@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
  
.txtred{color: red;}
.txtgray{color: #999;}
.gray-light {background-color: #777;}
.red {background-color: #d9534f;}
.green {background-color: #5cb85c;}
.yellow {background-color: #f0ad4e;}
.light-blue {background-color: #5bc0de;}
.dark-blue {background-color: #428bca;}
li{list-style-type: none;}