@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;font-family:Menlo,Monaco,Consolas,"Cascadia Mono","Ubuntu Mono","DejaVu Sans Mono","Liberation Mono","JetBrains Mono","Fira Code",Cousine,"Roboto Mono","Courier New",Courier,sans-serif,system-ui;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{margin:0;padding:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section{display:block;}
audio, canvas, video{display:inline-block;}
body, button, input, select, textarea{}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
a:link{}
a:visited{}
a:hover{text-decoration:none;}
a:active{}
small{font-size:0.9em;color:#888;}
h1, h2, h3, h4, h5, h6{font-size:100%;color:#6b7386;line-height:1.35;}
hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:0.8em;height:10px;}
.textwrap, .textwrap td, .textwrap th{word-wrap:break-word;word-break:break-all;}
.textwrap-table{table-layout:fixed;}
.serif{font-family:Palatino, Optima, Georgia, serif;}
.disabled{cursor:not-allowed;}
img{max-width:100%;}
input[type=submit]{-webkit-appearance:none;outline:none}
ul, li{list-style-type:none}
button, label, input[type="submit"]{cursor:pointer}
button, input, select, textarea{font:inherit;outline:none;margin:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
table{border-collapse:collapse;border-spacing:0}
address, caption, cite, code, dfn, em, th, var, i{font-style:normal;font-weight:normal} input::-webkit-input-placeholder{color:#A6978A !important} input:-moz-placeholder{color:#A6978A !important} input::-moz-placeholder{color:#A6978A !important} input:-ms-input-placeholder{color:#A6978A !important}
.p10{padding:10px;}
.p1020{padding:10px 20px;}
.p20{padding:20px;}
.m10{margin:10px;}
.m-t10{margin-top:10px;}
.clear{clear:both;zoom:1}
.clear:before, .clear:after{display:table;content:""}
.clear:after{clear:both;overflow:hidden}
.fl{float:left}
.fr{float:right} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#CCC} input:-moz-placeholder, textarea:-moz-placeholder{color:#CCC}
.passport,.message{width:600px;margin:-160px 0 0 -300px;border-radius:4px;padding:30px 0;text-align:center;position:absolute;top:50%;left:50%;z-index:100}
.passport h3{font-size:24px;font-weight:700;color:#333}
.passport form{margin:20px auto;display:block;width:100%;border-radius:6px;position:relative}
.passport form i{position:absolute;font-size:32px;color:#ddd;left:16px;top:8px}
.passport form .text{width:90%;display:block;height:48px;padding:0;border-radius:100px;font-size:16px;color:#555;background:#fff;text-indent:52px}
.passport form .btn{color:#fff;position:absolute;right:0;top:0;width:18%;display:inline-block;font-size:16px;text-align:center;cursor:pointer;height:48px;line-height:48px;border-radius:100px}
.passport p{font-size:14px;color:#f90}
.passport p i{font-size:14px;margin:0 6px 0 0}
.orbtn{background:#ff6f00;background:linear-gradient(to right,#f07d17 0,#ffae12 100%);box-shadow:0 5px 10px rgba(255,111,0,.25)}
.orbtn:hover{background:#ff9f16}
.orbtn{transition-duration:0s}
.page{line-height:40px;padding:10px 0;text-align:center;overflow:hidden;font-size:0}
.page a, .page a:hover, .page b{display:inline-block;font-size:14px;height:38px;line-height:38px;padding:0 16px;border-radius:2px;text-align:center;margin:0 3px;font-weight:400;vertical-align:middle;}
.page a:hover,.page b{font-weight:600;}
.page a.page_next{background:#07c160;color:#fff;}
.page a{color:#666;border:1px solid #f7f7f7;background:#ffffff}
.page a:hover, .page b{border:1px solid #f90;background:#f90!important;color:#fff}
.page a[title="总数"] b{background:none!important;border:none;color:#666;padding:0}
.page a[title="总数"] b:before{content:"共";margin-right:2px}
.page a[title="总数"] b:after{content:"个";margin-left:2px}
.page a[title="总数"], .page a[title="Total record"]:hover, .page a[title="总数"] b:hover{color:#fff}
.page .totalpage,.page .totalpage_s{display:none;}
.page input{display:inline-block;font-size:14px;height:36px;line-height:36px;padding:0 10px;border-radius:3px;text-align:center;margin:0 3px;font-weight:500;border:1px solid #f7f7f7;width:50px;vertical-align:middle;}
.page button{display:inline-block;font-size:14px;height:36px;line-height:36px;padding:0 10px;border-radius:3px;text-align:center;margin:0 3px;font-weight:500;border:1px solid #f7f7f7;vertical-align:middle;}
.page input:hover{border:1px solid #efefef;}
.page button:hover{border:1px solid #efefef;background:#f90;color:#fff;}
@-webkit-keyframes orbloop{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)}}
@keyframes orbloop{from{transform:rotate(0deg)} to{transform:rotate(360deg)}}
@-webkit-keyframes orbmove{from{-webkit-transform:translateX(-1000px)} to{-webkit-transform:translateX(2000px)}}
@keyframes orbmove{from{transform:translateX(-1000px)} to{transform:translateX(2000px)}}
a{color:#613f23;text-decoration:none;-webkit-transition:all ease .25s;-moz-transition:all ease .25s;transition:all ease .25s}
a:hover{color:#E66B35}
body{padding-top:96px;position:relative;background:#f5f5f5;color:#333;}
header{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:999;box-shadow:0 4px 8px rgba(0,0,0,0.05);}
.header-inner{max-width:1440px;margin:0 auto;width:100%;}
body.has-scroll header{height:60px;}
body.has-scroll main{padding-top:66px;}
.top-bar{height:36px;padding:0px;display:flex;justify-content:space-between;align-items:center;border-bottom:none !important;transition:all 0.3s ease;width:100%;}
body.has-scroll .top-bar{height:0;overflow:hidden;}
.box{width:1440px;margin:0 auto;}
.notice{display:flex;align-items:center;color:#e63946;font-size:14px;}
.notice i{margin-right:8px;}
.top-links{display:flex;align-items:center;font-size:14px;}
.top-links a{color:#999;text-decoration:none;display:flex;align-items:center;margin:0 8px;}
.top-links a i{margin-right:5px;width:16px;text-align:center;font-weight:300;font-size:12px;margin-top:3px;}
.top-links .separator{color:#ccc;margin:0 4px;}
.bottom-nav{height:60px;padding:0px;display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;}
.logo{display:flex;align-items:center;}
.logo a{height:40px;}
.logo a img{height:100%;object-fit:contain;}
.main-nav{display:flex;list-style:none;position:relative;}
.main-nav > li{margin:0 20px;position:relative;height:60px;display:flex;align-items:center;}
.main-nav > li .current{color:#FF7C00;}
.main-nav > li > a{color:#555;text-decoration:none;font-size:18px;display:flex;align-items:center;padding:8px 0;transition:color 0.3s ease;}
.main-nav > li > a i{margin-right:8px;margin-top:4px;font-weight:300;width:18px;text-align:center;}
.main-nav > li:hover > a{color:#FF7C00;}
.submenu{position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);min-width:250px;width:250px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.05);padding:15px 0;display:none;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;border-top:0;border-radius:0 0 8px 8px;}
.submenu li{list-style:none;text-align:center;}
.submenu li a{display:block;padding:10px 20px;color:#555;text-decoration:none;transition:background-color 0.3s ease;}
.submenu li a:hover{background-color:#f5f9ff;color:#FF7C00;}
.megamenu{position:fixed;top:94px;left:0;right:0;width:100%;background-color:#fff;border-bottom:1px solid#eee;border-left:none !important;border-right:none !important;border-top:none !important;box-shadow:0 2px 5px rgba(0,0,0,0.05);padding:20px 0;display:none;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;transform:none !important;margin:0 !important;}
body.has-scroll .megamenu{top:60px;}
.megamenu-container{display:flex;flex-wrap:wrap;max-width:1440px;margin:0 auto;width:100%;padding:0 20px;}
.megamenu-column{flex:1;min-width:200px;margin:0 15px;}
.megamenu-column h4{font-size:16px;margin-bottom:15px;color:#555;padding-bottom:8px;border-bottom:2px solid#FF7C00;text-align:left;}
.megamenu-column h4 a{color:#666;text-decoration:none;transition:color 0.3s ease;}
.megamenu-column h4 a:hover{color:#FF7C00;}
.megamenu-column ul{list-style:none;}
.megamenu-column ul li{margin-bottom:8px;text-align:left;}
.megamenu-column ul li a{color:#666;text-decoration:none;transition:color 0.3s ease;}
.megamenu-column ul li a:hover{color:#FF7C00;}
.main-nav > li:hover .submenu{display:block;opacity:1;visibility:visible;}
.main-nav > li:hover .megamenu{display:block;opacity:1;visibility:visible;}
.func-btns{display:flex;align-items:center;gap:15px;}
.func-btn{width:40px;height:40px;border-radius:50%;background-color:#efefef;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 0.3s;}
.func-btn:hover{background-color:#eee;}
.func-btn i{font-size:20px;color:#B8B4A5;}
@media (min-width:841px){.menu-btn{display:none !important;}}
.search-layer{position:fixed;top:96px;left:0;right:0;width:100%;background-color:#fff;border-bottom:1px solid#eee;border-left:none !important;border-right:none !important;border-top:none !important;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:30px 0;display:none;z-index:998;transition:top 0.3s ease;margin:0 !important;}
body.has-scroll .search-layer{top:60px !important;}
.search-container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:15px;padding:0 20px;}
.search-input-wrapper{position:relative;width:100%;height:50px;}
.search-input{width:100%;height:100%;padding:0 20px 0 20px;border:2px solid#e5e7eb;border-radius:25px;font-size:16px;outline:none;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.search-input:focus{border-color:#FF7C00;box-shadow:0 0 0 4px rgba(255, 124, 0, 0.1);}
.search-input::placeholder{color:#9ca3af;font-size:15px;}
.search-btn{position:absolute;right:0;top:0;width:65px;height:100%;background-color:#FF7C00;color:white;border:none;border-radius:0 25px 25px 0;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.3s ease;}
.search-btn:hover{background-color:#e06c00;}
.search-btn i{font-size:18px;}
.close-btn{width:30px;height:30px;border-radius:50%;background-color:#f8f9fa;color:#6b7280;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:0;}
.close-btn:hover{background-color:#FF7C00;color:white;transform:rotate(90deg);box-shadow:0 3px 8px rgba(255, 124, 0, 0.3);}
.close-btn i{font-size:16px;}
.float-toolbar{position:fixed;right:20px;bottom:50px;z-index:998;display:flex;flex-direction:column;gap:10px;}
.float-btn{width:50px;height:50px;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all 0.3s ease;}
.float-btn:hover{background-color:#FF7C00;color:#fff;}
.float-btn i{font-size:20px;}
.float-tooltip{position:absolute;right:60px;top:50%;transform:translateY(-50%);background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.15);padding:10px 15px;border-radius:4px;display:none;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999;}
.phone-tooltip{white-space:nowrap;}
.qrcode-tooltip{width:120px;height:120px;padding:8px;}
.qrcode-tooltip img{width:100%;height:100%;object-fit:cover;}
.float-btn:hover .float-tooltip{display:block;opacity:1;visibility:visible;right:65px;}
.back-to-top{display:none;}
body.has-scroll .back-to-top{display:flex;}
main{color:#34495e;font-size:15px;line-height:24px; text-rendering:optimizeLegibility;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:20px;max-width:1440px;margin:0 auto;}
.wrapper{position:relative;margin:0 auto;max-width:1440px;clear:both;}
footer{background-color:#ffffff;background-size:auto 100%;color:#fff;width:100%;margin:0 auto;position:relative;}
.footer{width:100%;margin-top:20px;float:left;}
.footer .tongji{padding:30px 0px;}
.footer .tongji .item_box{width:10%;float:left;padding:0px 5px;}
.footer .tongji .item_box .item{width:100%;float:left;padding:15px 0px;background:#f9f9f9;}
.footer .tongji .item_box .fas,.footer .tongji .item_box .nub,.footer .tongji .item_box .txt{width:100%;float:left;text-align:center;}
.footer .tongji .item_box .fas{font-size:25px;color:#444;font-weight:300;}
.footer .tongji .item_box .nub{font-size:20px;color:#D22525;margin:3px 0px 4px 0px;font-family:castellar;}
.footer .tongji .item_box .txt{font-size:12px;color:#999;}
.footer .copyright{width:100%;padding:0 0 10px 0px;float:left;background:rgba(255, 255, 255, 0.7);}
.footer .copyright .friendlink{width:100%;float:left;line-height:30px;padding-bottom:10px;border-bottom:1px solid#eee;}
.footer .copyright .friendlink span{display:inline-block;color:#222;font-size:13px;padding:0 13px 0 0;}
.footer .copyright .friendlink a{color:#666;padding:0 13px 0 0;display:inline-block;font-size:13px;}
.footer .copyright p{width:100%;float:left;text-align:center;color:#666;font-size:12px;margin-top:10px;}
.footer .copyright a{color:#666;font-size:12px;transition:color 0.6s;}
.footer .copyright a:hover{color:#D22525;}
.footer .copyright .idc{position:relative;top:-20px;}
.footer .copyright .idc span{margin:0px 10px;}
.footer .copyright .idc img{position:relative;top:20px;margin:0px 5px;}
.mobile-nav-arrow{font-size:14px;color:#999;transition:transform 0.3s ease;pointer-events:none;}
.mobile-nav-arrow.active{transform:rotate(90deg);}
.mobile-submenu{max-height:0;overflow:hidden;transition:max-height 0.5s ease-in-out;}
.mobile-submenu.active{max-height:2000px;}
.menu-btn{width:35px;height:35px;border-radius:50%;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 0.3s;border:none;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.menu-btn i{font-size:18px;color:#B8B4A5;}
.menu-btn:hover{background-color:#eee;}
.spiderlink{line-height:18px; color:#666; font-size:14px; margin:15px 0 15px 0;}
.spiderlink i{margin:0px 4px;color:#666;}
.spiderlink h1,.spiderlink span{font-weight:normal;color:#613f23;display:inline;}
.spiderlink span i{color:#666;}
.listbanner{}
.listbanner .in{margin:0 auto;width:70%;clear:both;max-width:800px;padding:60px 0}
.listbanner h3{font-size:32px;color:#fff}
.listbanner span.add a{color:#fff; text-decoration:none; background:linear-gradient(to right,#f77b00 0,#6a6464 100%); box-shadow:0 5px 10px rgba(255,111,0,.25); height:50px; padding:4px 20px; text-align:center; border-radius:3px; font-size:18px;}
.listbanner span{color:#fff;font-size:24px;display:block;margin-top:8px}
.listbanner span.related{font-size:16px;}
.listbanner span.related a{color:#fff;display:inline-block;padding:5px 10px 0 0;}
.listbanner span.related a:hover{color:#ED730D;}
.listbanner .form{width:100%;margin:20px auto 0;background:#fff;text-align:left;position:relative;border-radius:100px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1)}
.listbanner .pankey{height:50px;line-height:50px;text-indent:2em;width:100%;font-size:16px;background:none;color:#ccc}
.listbanner .pankey:-webkit-autofill{border-radius:100px}
.listbanner .form button{position:absolute;right:-3px;top:0;height:50px;width:100px;text-align:center;border-radius:100px}
.listbanner .form button i{font-size:30px;color:#fff}
.listall{overflow:hidden;clear:both;width:100%;margin:10px auto;}
#mobileNavCloseBtn{width:30px;height:30px;border-radius:50%;background-color:#fff;color:#B8B4A5;border:none;outline:none;box-shadow:0 2px 6px rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s ease;padding:0;}
#mobileNavCloseBtn i{font-size:16px;}
#mobileNavCloseBtn:hover{transform:rotate(90deg);background-color:#FF7C00;color:#fff;box-shadow:0 3px 8px rgba(255, 124, 0, 0.3);}
@media (max-width:1440px){.header-inner,.footer-inner{width:100%;padding:0 10px;}.wrapper{padding:0 10px;}}
@media (max-width:1325px){.top-links{font-size:13px;}.main-nav li{margin:0 15px;}.main-nav a{font-size:14px;}}
@media (max-width:1270px){.notice{font-size:13px}.func-btn{width:35px;height:35px;}.func-btn i{font-size:18px;}
.top-links{font-size:13px;}
.main-nav li{margin:0 15px;}
.main-nav a{font-size:14px;}}
@media (max-width:1220px){.main-nav > li > a i{display:none;}.main-nav li{margin:0 20px;}.main-nav > li > a {font-size:16px;}}
@media (max-width:1080px){.notice{font-size:13px}
.top-links{font-size:12px;}
.main-nav li{margin:0 12px;}
.main-nav a{font-size:14px;}}
@media (max-width:940px){.main-nav > li > a i{display:none;}.notice{font-size:12px;}
.top-links{font-size:12px;}
.main-nav li{margin:0 10px;}
.main-nav > li > a{font-size:14px;}}
@media (max-width:840px){.footer .tongji,.top-bar{display:none;}.bottom-nav{height:50px;}header{height:50px;}body{padding-top:50px;}body.has-scroll header{height:50px;}.bottom-nav{display:flex;justify-content:flex-start;align-items:center;padding:0px;position:relative;}.copyright .box{width:100%;}
.logo{position:static;transform:none;margin-right:auto;}
.logo a{height:30px !important;}
.func-btns{position:static;transform:none;gap:10px;}
.func-btn, .menu-btn{width:35px;height:35px;}
.func-btn i, .menu-btn i{font-size:18px;}
.main-nav{display:none;}
.menu-btn{display:flex;}
.search-layer{top:50px !important;padding:20px 0;width:100%;}
body.has-scroll .search-layer{top:50px !important;}
.search-container{padding:0 15px;}
.search-input-wrapper{height:45px;}
.search-btn{width:55px;}
.float-toolbar{right:10px;bottom:20px;}
.float-btn{width:40px;height:40px;}
.float-btn i{font-size:16px;}
main{}
footer{background-size:cover;padding:10px;}
.contact-icon{width:35px;height:35px;font-size:18px;}
.listbanner .form {border-radius:3px;}
.listbanner .form button {width:60px;height:40px;border-radius:3px;}
.listbanner .pankey{height:40px;line-height:40px;font-size:16px;}
#mobileNavCloseBtn{width:30px;height:30px;}}
@media (max-width:576px){.func-btns{gap:8px;}
.func-btn, .menu-btn{width:32px;height:32px;}
.func-btn i, .menu-btn i{font-size:16px;}
.listbanner .in{padding:20px 0; width:90%;}
.listbanner .listdesc{display:none;}
.listbanner span.related{}
.listbanner h3 {font-size:20px;}
.listbanner span {font-size:18px;}
.listbanner .form {border-radius:3px;}
.listbanner .form button{width:60px;height:40px;border-radius:3px;}
.listbanner .form button i{font-size:24px;}
.qrcode-tooltip{width:100px;height:100px;}}
.mobile-nav{position:fixed;top:0;right:0;width:280px;height:100vh;background-color:#fff;z-index:1000;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;padding:20px 0;}
.mobile-nav.active{transform:translateX(0);}
.mobile-nav-close{padding:0 20px;margin-bottom:20px;display:flex;justify-content:flex-end;}
.mobile-nav-list{list-style:none;width:100%;}
.mobile-nav-item{border-bottom:1px solid#f5f5f5;}
.current{color:#FF7C00;}
.mobile-nav-link{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:#333;text-decoration:none;font-size:16px;cursor:pointer;}
.mobile-nav-link.level-1{font-weight:bold;text-transform:uppercase;color:#555555 !important;padding-left:20px !important;}
.mobile-nav-link.level-2{padding-left:50px !important;font-weight:normal !important;text-transform:uppercase;color:#444444 !important;}
.mobile-nav-link.level-3{padding-left:65px !important;font-weight:normal !important;text-transform:uppercase;color:#333333 !important;}
.mobile-nav-icon{margin-right:10px;font-size:16px;color:#FF7C00;}
.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;display:none;opacity:0;transition:opacity 0.3s ease;}
.nav-overlay.active{display:block;opacity:1;}
/**全站登录框**/
.login-form-fullbg{display:none; width:100%; height:100%; position:fixed; _position:fixed; pointer-events:auto; left:0; top:0; z-index:9995; background-color:rgb(31, 45, 61);opacity:0.5;}
.login-form{display:none; position:fixed; z-index:9996;background:#f0f2f7; border-radius:20px;min-width:260px;width:400px; height:auto;left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);box-shadow:1px 1px 50px rgb(0 0 0 / 30%);}
.login-form-title{padding:0 80px 0 20px; height:42px; line-height:42px; overflow:hidden; background-color:#f0f2f7; border-bottom:0; color:#ED730D; border-radius:0; font-size:18px; border-left:3px solid #ED730D; margin-bottom:0; margin-top:25px;}
.login-form-repassword{position:absolute;top:38px;left:110px;}
.login-form-content{position:relative; padding:20px; line-height:24px; word-break:break-all; overflow:hidden; font-size:14px; overflow-x:hidden; overflow-y:auto;}
.login-form-type{display:flex;}
.login-form-type li{flex:1; width:80px; text-align:center; cursor:pointer; list-style:none;}
.login-form-type li i{font-size:25px; background-color:#d8e0ea; line-height:50px; height:50px; width:50px; border-radius:7px; -webkit-box-shadow:0 5px 10px rgb(0 0 0 / 40%); box-shadow:0 5px 10px rgb(0 0 0 / 40%);color:#fff;}
.login-form-type li:hover{opacity:0.8;}
.login-form-type li.mail i, .login-form-type li.user i{background:linear-gradient(45deg,#0278ae,#51adcf);}
.login-form-type li.qq i{background:linear-gradient(45deg,#1C6BA0,#6EAEEA);}
.login-form-type li.weibo i{background:linear-gradient(45deg,#e12328,#E95D62);}
.login-form-type li.wechat i{background:linear-gradient(45deg,#54A923,#65CB2A);}
.login-form-type li p{margin-top:10px; color:#8492a6;}
.login-form-close{position:absolute; right:15px; top:15px;color:#8492a6; font-size:18px;cursor:pointer; line-height:initial;}
.login-form-close:hover{opacity:0.8;}
.login-form.reg-user,.login-form.login-user{width:350px;}
.pop-login-form{}
.pop-login-form li{position:relative; margin-bottom:20px; list-style:none;}
.pop-login-form li i{position:absolute; top:12px; left:6px; font-family:"Font Awesome 5 Pro"; font-size:13px; margin-left:8px; color:#C0C4CC;}
.pop-login-form li input{width:100%; line-height:35px; padding:0 0 0 30px; border-radius:40px; font-size:14px; background:-webkit-gradient(linear,left top,left bottom,from(#f0f2f7),to(#fff)); background:-webkit-linear-gradient(#f0f2f7,#fff); background:linear-gradient(#f0f2f7,#fff); -webkit-box-shadow:0 1px 1px rgb(255 255 255 / 80%); box-shadow:0 1px 1px rgb(255 255 255 / 80%); border:1px solid #C0CCDA; box-sizing:border-box; color:#484848;}
.pop-login-form li input::placeholder{color:#C0C4CC;}
.pop-login-form li.code{display:flex;}
.pop-login-form li.code .get-code{background:linear-gradient(#fff,#f0f2f7); padding:0; color:#8492a6; margin-left:20px; border:1px solid #c0ccda; cursor:pointer; -webkit-box-shadow:0 2px 1px rgb(0 0 0 / 10%), 0 0 0 1px #fff inset; box-shadow:0 2px 1px rgb(0 0 0 / 10%), 0 0 0 1px #fff inset;width:70%; line-height:35px; padding:0; border-radius:0px; text-align:center;font-size:14px; background:-webkit-gradient(linear,left top,left bottom,from(#f0f2f7),to(#fff)); background:-webkit-linear-gradient(#f0f2f7,#fff); background:linear-gradient(#f0f2f7,#fff); -webkit-box-shadow:0 1px 1px rgb(255 255 255 / 80%); box-shadow:0 1px 1px rgb(255 255 255 / 80%); border:1px solid #C0CCDA; box-sizing:border-box; color:#484848;}
.pop-login-form li.code .get-code span img{vertical-align:middle;height:35px}
.reg-doc{text-align:center; margin-bottom:20px;}
.reg-doc a{color:#2196F3;cursor:pointer;}
.login-btn{display:flex;}
.login-btn span{display:inline-block; padding:9px 15px; width:100%; color:#fff; text-align:center; cursor:pointer; border-radius:100px; background:-webkit-gradient(linear,left top,right top,from(#5fb878),to(#6ddc8c)); background:-webkit-linear-gradient(left,#5fb878,#6ddc8c); background:linear-gradient(90deg,#5fb878,#6ddc8c); -webkit-box-shadow:0 8px 15px rgb(107 217 138 / 46%); box-shadow:0 8px 15px rgb(107 217 138 / 46%);}
.login-btn span:first-child{flex:6; margin-right:10px;}
.login-btn span:last-child{flex:2;}
.login-btn span.login-btn-q{background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20d2ff)); background:-webkit-linear-gradient(left,#20a0ff,#20d2ff); background:linear-gradient(90deg,#20a0ff,#20d2ff); -webkit-box-shadow:0 8px 15px rgb(32 160 255 / 50%); box-shadow:0 8px 15px rgb(32 160 255 / 50%);}
.reg-doc input[type=checkbox]{clear:none;display:inline-block;margin:-3px 4px 0 0;padding:0!important;width:18px;height:18px;min-width:18px;outline:0;border-radius:2px;background:#e9eef2;color:#fff;vertical-align:middle;text-align:center;line-height:0;cursor:pointer;-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out;-webkit-appearance:none!important;background:#2196F3;}
.reg-doc input[type=checkbox]:checked:before {display:inline-block;margin-top:2px;color:#fff;content:"\f00c";vertical-align:text-bottom;font-family:"Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#gui_kai{position:fixed;top:0;left:0;z-index:9999;display:none;width:100%;height:100%;background-color:rgba(1,1,1,.5);}
.guize_html{position:fixed;top:15%;left:0;right:0px;margin:0 auto;width:500px;height:auto;border-radius:4px;background-color:#fff;color:#000;text-align:center;font-size:14px}
.guize_html p{padding:0 10px;text-align:left;text-indent:2em;color:#333;font-size:16px;line-height:30px;margin-bottom:20px;}
.guize_html_nei{width:100%;min-height:350px;overflow-y:auto;max-height:450px;display:block;overflow-y:scroll}
.guize_html_nei h3{font-size:18px;padding:20px 0px;}
.guize_html .btn{display:block;margin:10px auto;width:240px;height:40px;border-radius:4px;background-color:#ff6434;color:#fff;text-align:center;line-height:40px;cursor:pointer}

#jSuccess,#jError,#jError,#jNotify{position:absolute; background-color:#E8E8E8;background:-webkit-gradient(linear, center top, center bottom, from(#F6F6F6), to(#DEDEDE));background:-moz-linear-gradient(linear, center top, center bottom, from(#F6F6F6), to(#DEDEDE));background:-o-linear-gradient(linear, center top, center bottom, from(#F6F6F6), to(#DEDEDE)); border:1px solid #b3b4b2; padding:10px; padding-left:25px;padding-right:25px; margin:15px; z-index:9999; -moz-border-radius :5px; border-radius:5px; -webkit-border-radius:5px; line-height:22px;-moz-box-shadow:-1px -1px 11px #cccccc;-webkit-box-shadow:-1px -1px 11px #cccccc;box-shadow:0px 0px 11px #b3b4b2; -moz-opacity:0.8; filter:alpha(opacity=80);opacity:0.8; font-size:13px;}
#jSuccess span,#jError span,#jError span,#jNotify span{display:inline-block; padding:12px 0; padding-left:50px; line-height:22px; font-family:microsoft yahei;}
#jSuccess span{background:url(../images/success.png) left center no-repeat;}
#jNotify span{background:url(../images/info.png) no-repeat;}
#jError span{background:url(../images/error.png) no-repeat;}
@media (max-width:600px){.login-form{width:95%;}.guize_html{width:85%;}.guize_html_nei{max-height:500px;}.page a,.page a:hover,.page b{margin-bottom:10px;}.page input,.page button{vertical-align:top;}.page a.page-num{display:none;}}


/**评论美化**/
#infocommentarea{font-size: 14px;}
#infocommentarea .m_pull-left{float: left;}
#infocommentarea #m_respond{position: relative; background-color: #fff; clear: both;}
#infocommentarea .m_comt-title{overflow: hidden; padding: 12px 20px; background-color: #f7f7f7;}
#infocommentarea .m_comt-avatar{height: 28px !important; width: 28px;}
#infocommentarea .m_comt-avatar img{border-radius: 2px; opacity: .9; height: 28px !important; width: 28px !important;}
#infocommentarea .m_comt-author{margin: 5px 10px 0 10px; font-size: 16px; color: #666;}
#infocommentarea .m_comt-author span{color: #bbb; margin-left: 10px;}
#infocommentarea .m_comt{padding: 20px; position: relative;}
#infocommentarea .m_comt-box{overflow: hidden;}
#infocommentarea textarea, #infocommentarea input{background-color: #fff; border: 1px solid #d9d9d9; border-top-color: silver; border-left-color: #d0d0d0; -webkit-transition: border linear .2s; -moz-transition: border linear .2s; transition: border linear .2s;}
#infocommentarea .m_input-block-level{display: block; width: 100%; min-height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; border-radius: 5px;}
#infocommentarea .m_comt-area{margin-bottom: 5px;}
#infocommentarea .m_comt-ctrl{position: relative; overflow: hidden;}
#infocommentarea .m_pull-right{float: right;}
#infocommentarea .m_comt-tips{text-align: right; line-height: 30px; margin-left: 10px; color: #999;}
#infocommentarea .m_hide{display: none;}
#infocommentarea .m_comt-error{color: #d9534f;}
#infocommentarea .m_comt-ctrl input{display: inline-block; padding: 6px 3px; color: #555; border-radius: 0; vertical-align: middle;}
#infocommentarea .m_comt-tips img{max-width: 100%; width: auto\9; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
#infocommentarea .m_btn{display: inline-block; *display: inline; *zoom: 1; padding: 6px 12px 4px; margin-bottom: 0; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 0; border-radius: 0; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#infocommentarea .m_btn-primary:hover, #infocommentarea .m_btn-primary:focus, #infocommentarea .m_btn-primary:active, #infocommentarea .m_btn-primary.active, #infocommentarea .m_btn-primary.disabled, #infocommentarea .m_btn-primary[disabled]{color: #fff;background-color: #35d2ab}
#infocommentarea .m_btn-primary{color: #fff; background-color: #5fbaac; border-radius: 3px;}
#infocommentarea .m_comt-smilie, #infocommentarea .m_btn-primary{font-size: 15px; height: 36px !important;}
#infocommentarea .m_muted{color: #999;}
#infocommentarea .m_comt-smilie{cursor: pointer; margin-top: 2px; display: inline-block;}
#infocommentarea #comment-smilies{background-color: #eee; padding: 3px 5px; float: left; position: relative; line-height: 0;}
#infocommentarea #comment-smilies img{display: inline-block; padding: 3px; cursor: pointer;}
#infocommentarea .m_comt-comterinfo{padding: 20px 0 0 210px; color: #444; display: none; position: relative;}
#infocommentarea #postcomments{position: relative; background-color: #fff;}
#infocommentarea #comments{font-size: 15px; padding: 12px 20px; line-height: 14px; color: #5fbaac; font-weight: normal; border-bottom: 1px solid #dbece8;}
#infocommentarea .m_commentlist{padding: 20px;}
#infocommentarea .m_comment{padding: 12px 0 10px 0;}
#infocommentarea .m_c-avatar .m_avatar{position: absolute; width: 54px; height: 54px; border-radius: 2px; webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -webkit-transition: all .3s ease-out;}
#infocommentarea .m_c-main{padding: 10px 15px; line-height: 25px; margin-top: -2px; margin-left: 72px; border-radius: 3px; position: relative; background: #fbfdfb; border: 1px #eee solid; font-size: 15px; word-wrap: break-word;}
#infocommentarea .m_c-main:before, #infocommentarea .m_d_comment div.m_muted:before{content: ''; display: inline-block; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #eee; position: absolute; top: 15px; left: -9px;}
#infocommentarea .m_c-meta{color: #bbb; font-size: 14px;}
#infocommentarea .m_c-author{margin-right: 10px;}
#infocommentarea .m_comment-reply-link{margin-left: 6px; color: #00a67c;cursor: pointer;}
#infocommentarea .m_c-main:after, #infocommentarea .m_d_comment div.m_muted:after{content: ''; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #fbfdfb; position: absolute; top: 17px; left: -7px;}
#infocommentarea .m_commentnav{text-align: center; overflow: hidden; padding: 20px;}
#infocommentarea .m_commentnav a, #infocommentarea .m_commentnav .m_current, #infocommentarea .m_commentnav .m_page-numbers{color: rgb(102, 102, 102); display: inline-block; background-color: rgb(238, 238, 238); padding: 4px 12px 3px; margin: 0px 1px 5px 1px;}
#infocommentarea .m_commentnav .m_current{background-color: rgb(0, 166, 124); color: rgb(255, 255, 255);}
#infocommentarea .m_commentnav a:hover{background-color: #6fc299;color: #fff}
#infocommentarea .m_commentnew{background-color: rgb(223, 240, 216);}
#infocommentarea .jc_err{font-size: 16px; color: rgb(102, 102, 102);}
#infocommentarea .must-log-in p{padding: 50px; background-color: #f4f4f4; text-align: center; font-size: 16px; margin: 0;border-radius: 3px;}
#infocommentarea .must-log-in p a{color: #ED730D;cursor: pointer;}
#infocommentarea .must-log-in p i{margin-right:5px;}
#infocommentarea .m_children .m_comment{padding: 12px 0 0 10px;margin: 10px 0 0 60px}
#infocommentarea .m_children .m_c-main p{margin-right: 0}
#infocommentarea .m_children .m_c-meta{padding-top: 1px}
@media (max-width: 767px){#infocommentarea .m_c-avatar .m_avatar{width: 24px; height: 24px;}
#infocommentarea .m_c-main{line-height: 20px; margin-left: 35px; font-size: 12px; padding: 5px;}
#infocommentarea .m_c-main::before, #infocommentarea .m_d_comment div.m_muted::before{top: 5px;}
#infocommentarea .m_c-main::after, #infocommentarea .m_d_comment div.m_muted::after{top: 7px;}}