@charset "utf-8";
@import url('../fonts/newiconfont.css');
* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {font-family:'Microsoft Yahei',Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,sans-serif;font-size:14px;background:#f3f6fb;}
a {color:inherit;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover {color:#00A7EB;text-decoration:none !important;}
ul,li,p,h1,h2,h3 {list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1.4;color:#273746;margin:0;}
div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {margin:0px;padding:0;outline:0;}
img {border:0;max-width: 100%;}
em, i {font-style: normal;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
.container {width: 1200px;margin: auto;}
.list-image:hover img,.item-img:hover img,.right-list-ad:hover img{border-radius:0;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}
/*header*/
.hua-header {position: fixed;top: 0;width: 100%;text-align: center;z-index: 998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.hua-header.slideUp {top: -63px;}
.hua-navbar{position: relative;z-index: 999;height: 63px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);background: rgba(255, 255, 255, 0.97);}
.hua-navbar .logo{padding:10px 0;display: block;float: left;}
.hua-navbar .logo img{height: 40px;width: auto;}
.hua-navbar .nav-list{margin-left: 1rem;display: block;list-style: none;float: left;padding-left: 66px;}
.hua-navbar .nav-list li{list-style: none;position: relative;display: inline-block;}
.nav-list li.current a{color:#007bff;}
.nav-list li em{position: absolute;height:63px;line-height: 63px;right: -8px;top:0;cursor: pointer;}
.nav-list li em i {font-size: 22px;}
.nav-list > li > a{height: 63px;line-height: 63px;display: inline-block;font-weight: 600;padding:0 15px;font-size: 15px;}
.nav-list .sub-nav{display: none;position:absolute;top:100%;left:0;background-color:#fff;font-size:14px;padding:9px 0;text-align: center;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;min-width: 95px;width: 100%;}
.nav-list .sub-nav a {display: inline-block;width: 100%;padding: 5px 0;color: #000;background-color: #fff;}
.nav-list .sub-nav li{display: inline-block;width: 100%;}
.nav-list li:hover .sub-nav{display: block;}
.nav-list li:hover a,.nav-list li:hover i.down {color:#0e52ff}
.nav-list li:hover .sub-nav a {color:#000}
.nav-list li .sub-nav a:hover  {color:#0e52ff;}
.nav-list li .down:before {display:inline-block;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;}
.nav-list li:hover .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-right{float:right;font-size:15px;margin-top:0px}
.nav-right li{position:relative;float:left}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right > li > a{padding:25px 10px 23px}
.nav-right .nav-search{padding: 13px 12px;}
.nav-right .nav-search .iconfont{font-size:24px;}
.nav-right .nav-search a{padding:6px 0;z-index:99;}


.pages{
	text-align: center;
	margin: 6px;
	/*font-size: 0*/;
}
.pages a,span.page_prev,span.page_nowindex,span.page_next{
	display: inline-block;
	height:34px;
	line-height: 34px;
	padding: 0 10px;
	border: 1px solid #d2d2d2;
	text-align: center;
	margin: 0 3px;
	color: #666666;
}
.page_last{display: none!important}
.pages a.cur,
span.page_nowindex,.pages a:hover{
	color: #FFFFFF;
	background: #06060;
	border: 1px solid #06060;
}
}
.pages{
	text-align: center;
	margin: 30px;
	/*font-size: 0*/;
}
.pages a,span.page_prev,span.page_nowindex,span.page_next{
	display: inline-block;
	height:34px;
	line-height: 34px;
	padding: 0 10px;
	border: 1px solid #d2d2d2;
	text-align: center;
	margin: 0 3px;
	color: #666666;
}
.pages a.cur,
span.page_nowindex,.pages a:hover{
	color: #FFFFFF;
	background: #222325;
	border: 1px solid #222325;
}
.sxp {
   float: left;
    width: 50%;
    padding-left: 10px;
    font-size: 16px;
    display: inline;
}


.au-login{float:left;padding: 18px 5px;}
.au-login li a{float:left;margin-left:10px;color: #fff;background-color: #fe4821;border-color:#fe4821;font-size: .8125rem;padding: .3125rem .875rem;border-radius: 5rem;}
.au-login li a.login-button{background-color: #0783f5;border-color:#0783f5;}
.search-box{position:fixed;left:0;right:0;top:-0;z-index:9998;padding:6.5px 0;background:#fff;transition:top 0.3s cubic-bezier(.4,0,.2,1);display: none;}
.search-box.show{top:0;display: block;}
.search-box .container{max-width:800px;position: relative;}
.search-close{position:absolute;right:-70px;top:8px;color:#007bff}
.search-close .iconfont{font-size:24px;padding: 15px;}
.search-input{text-align: center;float:left;font-size: 20px;font-weight: 700;border:none;width:100%;height:50px;padding:4px 12px;border-right:none;font-size:16px;border-radius:2px 0 0 2px;outline:none}
.search-box-form a{margin-left:20px;color:#999}
.search-box-form a:hover{color:#0d7ffa}
.nav-right .nav-button{display:none}
.menu-btn {display:none;padding:6px 0;float:right;margin-left:15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:#000;content:'';}
.menu-btn:before {width:24px;}
.menu-btn:after {width:18px;margin-left:6px;}
.menu-btn span {width:12px;margin:6px 0 6px 12px;}
/*footer*/
.footer {width:100%;position:relative;clear:both;background-color:#06060b;margin-top:30px;padding:30px 0 30px 0;}
.footer .footer-copyright {float:left;font-size:15px;line-height:1.6}
.footer .footer-copyright a {color:#ddd}
.footer .footer-copyright a:hover {color:#FFF;color:#ddd}
.footer .footer-social {float:right;margin-top:0;position:relative}
.footer .footer-social a {font-size:20px;margin-left:10px}
.footer .footer-social a:first-child {margin-left:0}
.footer .copyright-footer{font-size:13px;}
.footer .copyright-footer p {color:#60606d}
.footer .copyright-footer a {color:#929292}
.links{background-color: #06060b;}
.links-footer {font-size:10px;padding:10px 0 10px 0;border-top:1px solid rgba(255,255,255,.2);}
.links-footer a,.links-footer span {color:#73777a;line-height:1.2;margin:0 5px 0 0;font-size:12px}
.footer .nav-footer {margin-bottom:20px;    display: inline-block;}
.footer .nav-footer li{float:left;}
.footer .nav-footer a {color:#b2b2b8;margin-right:10px;font-size:14px}
.footer .footer-box .nav-footer a:hover {color:#FFF}
.footer .footer-box .nav-footer span {margin:0 10px}
.footer .footer-social a:hover,.footer .copyright-footer a:hover{color: rgba(255,255,255,.7);}
.footer .nav-footer a:hover  {color: #fff;}
.social-footer a i {font-size:20px;color:#fff;}
.social-footer {float:right}
.social-footer a {position:relative;float:left;width:40px;height:40px;line-height:40px;background-color:#343a40;text-align:center;border-radius:20px;margin:0 5px;color:#FFF;font-size:16px}
.social-footer a i {color:#c5c5c5;font-size:24px;}
.social-footer a:hover i {color:#FFF}
.social-footer a.wechat:hover {background-color:#2aae67}
.social-footer a.qq:hover {background-color:#14b6f6}
.social-footer a.wechat i {font-size:24px;}
.cd-popup {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:9;}
.cd-popup.is-visible {opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s;}
.cd-popup-container {position:relative;width:90%;max-width:380px;margin:20em auto;padding:40px 20px 25px;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);/* Force Hardware Acceleration in WebKit */  -webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container p {padding-bottom:2em;font-size:18px;font-weight:bold;}
.cd-popup-container .cd-buttons:after {content:"";display:table;clear:both;}
.cd-popup-container .cd-buttons li {float:left;width:50%;}
.cd-popup-container .cd-buttons a {display:block;height:60px;line-height:60px;text-transform:uppercase;color:#FFF;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s;}
.cd-popup-container .cd-buttons li:first-child a {background:#fc7169;border-radius:0 0 0 .25em;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color:#fc8982;}
.cd-popup-container .cd-buttons li:last-child a {background:#b6bece;border-radius:0 0 .25em 0;}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color:#c5ccd8;}
.cd-popup-container .cd-popup-close {position:absolute;top:8px;right:8px;width:30px;height:30px;}
.cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after {content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5;}
.cd-popup-container .cd-popup-close::before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.rewards-popover-item {display:inline-block;width:200px;margin:0 10px;}
.rewards-popover-item h4 {margin:0 20px 18px;font-size:15px;}
.rewards-popover-item img {width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px;}
.rollbar {width:50px;height:50px;text-align:center;line-height:50px;border-radius:3px;cursor:pointer;opacity:.8;position:fixed;right:30px;bottom:30px;background:rgba(10,10,10,0.8);overflow:hidden;display:none;z-index:999;}
.rollbar i {font-size:24px;color:#fff;}


.top-wechat-bar {position:relative;z-index:99;width:100%;display:block;}
.wechat-icon {width:20px;height:20px;margin-right:5px;}
.top-wechat-bar-dialog {width:100vw;height:100vh;overflow:hidden;position:fixed;z-index:10001;top:0px;right:0px;left:0px;transition:opacity 0.3s ease-in 0s;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);}
.dialog-content {width:20%;padding:20px;background-color:#ffffff;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;}
.copy-icon {width:44px;height:44px;}
.copy-tips {color:#333;font-size:18px;font-weight:700;margin:.625rem 0;}
.dialog-desc {font-size:15px;color:#333;}
.i-see-btn {background-color:#1aad19;border-radius:.25rem;width:9rem;height:2.75rem;display:flex;align-items:center;justify-content:center;font-size:15px;color:#ffffff;cursor: pointer;}
.dialog-img {display:inline-block;width:200px;margin:0 10px;margin:.625rem 0;}
.dialog-img img {width:200px;height:200px;background-color:#eee;border-radius:2px;padding:5px;}





/*crumb*/
.hua-crumb {position:relative;margin-bottom:1rem;}
.hua-crumb .crumb-inner {color:#333b55;font-size:1.25rem;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px;}
.hua-crumb .crumb-inner i.icon-shijian{color: #666 !important;padding:0 5px;font-size: 18px;}
.hua-crumb .crumb-inner i {color: #034eff !important;padding:0 5px;font-size: 20px;}
.hua-crumb .crumb-inner i.icon-home {color: #333b55 !important;}
.hua-crumb a,.hua-crumb span {font-size:1.25rem;color:#333b55;}
.hua-crumb a:hover,.hua-crumb span:hover {font-size:1.25rem;color:#034eff;}
/*pagination*/
.pagination {display:block;margin:0;text-align: center;border-radius:0;padding:20px 0;clear: both;}
.pagination a {display:inline-block;margin-right:8px;}
.pagination a {background:#FFF;font-size:14px;color:#3b3b3b;font-weight:700;display:inline-block;padding:9px 18px;border-radius: 3px;    margin-bottom: 10px;}
.pagination a:hover,.pagination a:focus,.pagination  > a.active {color:#fff;background:#2154CF;border-color:#2154CF;}
/*btn*/
.btn-all {padding: 0 1.25rem;font-size: 14px;line-height:45px;font-weight: 600;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
.btn-all span {display:inline-block;position:relative;will-change:transform;}
.btn-all i {margin-left: 5px;}
.btn-all:hover i,.btn-all:focus i {opacity:1;}
.btn-blue{color:#ffffff;background-color:#034eff;transition:0.2s ease-in;}
.btn-blue:hover,.btn-blue.focus {background-color:#fdd76e;color:#505052;}
.btn-wave{position:relative;text-decoration:none;overflow:hidden;border-width:0}
.btn-wave:hover .wave{top:-120px}
.btn-wave .wave{width:200px;height:200px;position:absolute;left:0;top:-80px;transition:0.4s}
.btn-wave .wave::before,a .wave::after{width:200%;height:200%;content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-75%)}
.btn-wave .wave::before{border-radius:45%;background-color:rgba(236,236,236,0.2);animation:wave 5s linear infinite}
.btn-wave .wave::after{border-radius:40%;background-color:#a8bbfa80;animation:wave 10s linear infinite}
@keyframes wave{0%{transform:translate(-50%,-75%) rotate(0deg)}
100%{transform:translate(-50%,-75%) rotate(360deg)}
}

/*none*/
.content-none{text-align: center!important;padding: 5rem;min-height: 400px;}
.content-none img{width: 4.25rem;height: 4.25rem;margin: 0 auto;}
.content-none p{color: #6c757d!important;}
.no-page {text-align:center;padding:100px 0;min-height:580px;}
.no-page h1 {font-size:6rem;}
.no-page p {font-size:16px;position:relative;}
.no-page .back-home {margin-top:20px;font-size:14px;position:relative;}
.no-page .back-home a {padding:5px 45px;font-weight:600;border-radius:900px;transition:.2s;}


.tagzong{}
.tagzong a{width: auto;}
.tagzong a span{padding: 2px 10px;}

.mod-tags {overflow:hidden;}
.mod-tags>a {float:left;display:block;color:#726161;border-radius:2px;font-size:14px;overflow:hidden;}
.mod-tags>a>span {display:block;width:auto;line-height:25px;margin:4px 3px;padding:3px 8px;text-align:center;background:#f5f6f7;border-radius:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
a.a-tag-1 {color:#f44336;}
a.a-tag-2 {color:#4caf50;}
a.a-tag-3 {color:#0B0B0B;}
a.a-tag-4 {color:#00bcd4;}
a.a-tag-5 {color:#2196f3;}
a.a-tag-6 {color:#e91e63;}
a.a-tag-7 {color:#34495e;}
a.a-tag-8 {color:#003366;}
a.a-tag-9 {color:#B37333;}
a.a-tag-10 {color:#CC0000;}
a.a-tag-1>span:hover {color:#fff;background:#f44336;}
a.a-tag-2>span:hover {color:#fff;background:#4caf50;}
a.a-tag-3>span:hover {color:#fff;background:#0B0B0B;}
a.a-tag-4>span:hover {color:#fff;background:#00bcd4;}
a.a-tag-5>span:hover {color:#fff;background:#2196f3;}
a.a-tag-6>span:hover {color:#fff;background:#e91e63;}
a.a-tag-7>span:hover {color:#fff;background:#34495e;}
a.a-tag-8>span:hover {color:#fff;background:#003366;}
a.a-tag-9>span:hover {color:#fff;background:#B37333;}
a.a-tag-10>span:hover {color:#fff;background:#CC0000;}

.footer {
    background: #303030;
    font-weight: 400;
    height: auto;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
    color: #fff;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.layui-card:last-child {
    margin-bottom: 0;
}
.layui-card {
    margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.bold {
    font-weight: 700;
}
.text-gray {
    color: #6b7386;
}
.layui-inline {
    position: relative;
    display: inline-block;
    *display: inline;
	padding-left: 10px;
    *zoom: 1;
    vertical-align: middle;
}
li {
    list-style: none;
}
.layui-card-header {
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border-bottom: 1px solid #f8f8f8;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}
.layui-card-body {
    position: relative;
    padding: 10px 15px;
    line-height: 24px;
}
@media only screen and (max-width: 900px){
.main{width: 100%;margin: auto;overflow: hidden;}
.main_top{width: 100%;float: left;    margin-top: 65px;}
.p_left_box{width: 100%;float: left;}
.banner_box{float: right;width: 100%;}
.banner2{width: 100%;height: 183px;background: url("//static.pincai.com/img/pc21/banner2.jpg") no-repeat;float: left;background-size: 100%;}
.l_art{float: left;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 3%;}
.l_art a{width: 48%;display: inline-block;background: #689eff;height: 40px;line-height: 40px;color: #fff;text-align: center;border-radius: 4px;font-size: 15px;margin-bottom: 10px;}
.l_art a:nth-child(1){background: #4d4d4d;}
.l_art a:nth-child(2){background: #ff8989;}
.l_art a:nth-child(3){background: #e6c166;}


.img_box{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 3%;}
.img_box a{width: 30%;float: left;position: relative;margin-bottom: 10px;}
.img_box img{width: 100%;height: 79px;float: left;margin-right:13px;border-radius: 8px;}
.img_box span{width: 100%;height: 30px;float: left;position: absolute;left: 0;background-color: #c2c2c2;background: #15151545;color: #fff;line-height: 30px;text-align: center;bottom: 0;font-size: 14px;}

.pc_l_bot{float:left;width: 100%;padding: 0 3%;}
.pc_l_bot_t{float:left;width: 100%;margin-top: 17px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pc_l_bot_t a{float:left;width: 100%;margin-bottom: 15px;}
.pc_l_bot_t i{float:left;width: 43px;background: #3b81ff;color: #fff;height: 20px;line-height: 20px;border-radius: 30px;text-align: center;font-size: 12px;}
.pc_l_bot_t h2{display: inline-block;margin-left: 7px;font-size: 16px;font-weight: 700;width: 68%;height: 21px;overflow: hidden;line-height: 21px;}
.pc_l_bot_t span{display: inline-block;font-size: 14px;line-height: 24px;color: #888;margin-top: 0px;height: 44px;overflow: hidden;margin-top: 10px;}
.pc_l_bot ul{float: right;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pc_l_bot ul li{float:left;width: 100%;line-height: 35px;height: 43px;overflow: hidden;}
.pc_l_bot ul li a{float:left;margin-left: 8px;font-size: 15px;width: 71%;}
.pc_l_bot ul li i{float:left;width: 15px;height: 15px;background: #ff8c8c;color: #fff;font-size: 12px;font-weight: 700;line-height: 15px;text-align: center;border-radius: 2px;margin-top: 10px;}
.pc_l_bot ul li span{color: #999;float: right;font-size: 12px;margin-left: 6px;}

.pc_right_box{width: 100%;float: left;padding: 3%;}
.pc_r_title{width: 100%;height: 43px;background-color: #f8f8f8;float: left;border-radius: 60px;}
.pc_r_title span{width: 86px;height: 42px;line-height: 42px;border-radius: 0px 30px 0px 0px;float: left;color: #4690f3;font-size: 18px;font-weight: 700;}
.pc_r_title i{width: 4px;height: 18px;background-color: #488be6;float: left;color:#fff;margin: 13px;margin-right: 7px;}
.pc_right_box ul{float: left;width: 100%;margin-bottom: 30px;}
.pc_right_box li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;margin-top: 21px;line-height: 24px;}
.pc_right_box li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;width: 62%;float: left;}
.pc_right_box li span{width: 14px;height: 19px;float: left;color:#fff;line-height: 19px;font-size:12px;background: #d7d9df;text-align: center;border-radius: 59px;margin-top:4px;margin-right: 7px;overflow: hidden;padding: 0 5px;}
.pc_right_box li:nth-child(1) span{background: #3b81ff;}
.pc_right_box li:nth-child(2) span{background: #689eff;}
.pc_right_box li:nth-child(3) span{background: #8bb4ff;}
.pc_right_box li i{color:#999;float: right;font-size: 13px;}
.main_top_b{width:1100px;margin: 0 auto;}
.main_top_b ul{margin-right:-20px;overflow: hidden;}
.main_top_b li{margin-right:20px;width:260px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height: 24px;margin-top:12px;}
.main_top_b li span{color:#999;letter-spacing: 2px;}
.pc_sort{width: 100%;float: left;border-top: 10px solid #efefef;padding: 3%;}
.pc_sort_left{width: 100%;float: left;}
.pc_title{width: 100%;height: 37px;line-height: 37px;margin-bottom:16px;border-bottom: 2px solid #2d8bef;}
.pc_title span{min-width: 80px;height: 37px;background-color: #2d8bef;float: left;padding:0 14px 0 10px;font-size: 17px;font-weight: bold;color:  #ffffff;}
.pc_title ul{float: right;font-size:14px;color:#666;}
.pc_title ul li{float: left;margin:0 10px;}
.pc_title ul li a{float: left;font-size: 14px;}
.pc_title .more{font-size:12px;float: right;margin:0 10px;color: #ff7676;}


.pc_left{float:left;width: 100%;}
.pc_left_title{font-size: 16px;color: #2d8bef;overflow: hidden;background: #f8f8f8;height: 44px;line-height: 44px;border-radius: 10px;margin-top: 20px;}
.pc_left_title span{width: 4px;height: 16px;background-color: #547de4;float: left;margin: 15px 8px 0 0;}


.jx_img{position: relative;display: block;margin-top:16px;}
.jx_img img{width: 100%;height: 190px;}
.jx_typename{background: #ff7171;padding: 0 8px;height:31px;line-height: 31px;font-size: 15px;color: #ffffff;position: absolute;left:0;top:0;}
.jx_img_title{position: absolute;bottom: 3px;left:0;text-align: center;width: 100%;height: 38px;line-height: 38px;color:#fff;font-size: 15px;background-color: rgb(0 0 0 / 32%);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pc_left li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;font-size: 15px;margin-top: 21px;width: 100%;}
.pc_left li span{float: left;width:18px;height: 18px;background: #ebebeb;color:#999;font-size:12px;line-height: 18px;text-align: center;margin:3px 6px 0 0;}
.pc_left li:nth-child(1) span{background:#ff5722;color:#fff;}
.pc_left li:nth-child(2) span{background:#ff9800ebebeb;color:#fff;}
.pc_left li:nth-child(3) span{background:#ffc107;color:#fff;}
.pc_left li i{font-size:12px;color:#999;float: right;}
.pc_right{
float: left;
width: 100%;
}
.pc_right ul{margin-right:-14px;margin-top:4px;}
.pc_right li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 96%;float: left;line-height: 24px;margin-top: 15px;}
.pc_right li span{width:4px;height:4px;background: #6f90e4;float: left;margin:10px 6px 0 0;}
.pc_right li i{float: right;color:#999;font-size:12px;margin-left:6px;}
.pc_sort_right{width: 100%;float: right;margin-top: 30px;}
.pc_r_tw{float: left;margin-top: 12px;}
.pc_r_tw a{float: left;margin-bottom: 29px;}
.tw_msg{float: right;width: 61%;}
.tw_title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;line-height: 34px;}
.pc_r_tw img{width: 121px;height: 84px;float: left;border-radius: 4px;}
.twmsg{width:154px;float: right;}
.tw_desc{font-size: 15px;color:#999;line-height: 25px;height: 46px;overflow: hidden;}



.dsr_title{height: 38px;line-height: 38px;font-size: 16px;font-weight: bold;color: #3283ff;background: #f5f4f4;}
.dsr_title span{width: 4px;height: 17px;float: left;background: #3283ff;margin-top: 10px;margin-right: 5px;margin-left: 12px;}

.pc_sort_right ul{margin-top:16px;}
.pc_sort_right li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;margin-top: 15px;line-height: 23px;}
.pc_sort_right li span{width:16px;height:16px;float: left;color:#fff;line-height: 16px;font-size:12px;background: #cccfd9;text-align: center;border-radius:  3px;margin-top:4px;margin-right:10px;}
.pc_sort_right li:nth-child(1) span{background: #3b81ff;}
.pc_sort_right li:nth-child(2) span{background: #77a8ffcccfd9;}
.pc_sort_right li:nth-child(3) span{background: #a3c4ff;}
.pc_sort_right li i{color:#999;float: right;font-size:12px;margin-left:6px;}

.container {max-width: 100%;padding-right: 15px;padding-left: 15px;}
.hua-navbar .logo img{height:30px;}
.hua-navbar .logo {padding: 15px 0;}
.hua-navbar .nav-list{padding:50px 15px;position: fixed;right: -280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #ffffff;z-index: 99999;transition: all .3s ease;}
.hua-navbar .nav-list.show{right: 0px;}
.hua-navbar .nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
.hua-navbar .nav-list > li > a{height: 40px;line-height: 40px;}
.nav-list > li.current a{background-color:initial;}
.canvas-close {display:block;position: absolute;right: 15px;top: 18px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
.canvas-close i{font-size:25px;transition: all .3s ease;}
.nav-list.show li em.dot {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;}
.nav-list.show li em.dot i{font-size:18px;}
.hua-navbar .nav-list .sub-nav{background: #eaeaea;position: relative;box-shadow: none;text-align: center;}
.hua-navbar .nav-list li:hover > .sub-nav{display:none;}
.hua-navbar .nav-list .sub-nav p:last-child{padding-bottom: 10px;}
.hua-navbar .nav-list .sub-nav p a{  width: auto;display: block;margin: 10px 10px 0 10px;background-color: #f7f7f7;}
.hua-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.nav-right{font-size: 18px;}
.nav-right .nav-search,.nav-right .nav-tougao,.nav-right .nav-cart{padding:13px 5px}
.nav-right .nav-button{display:block;padding:15px 0 15px 0px;}
.nav-right .nav-button a{padding:7px 0 !important}
.au-login{float:left;padding: 18px 5px;}
.au-login li a{float:left;margin-left:10px;color: #fff;background-color: #fe4821;border-color:#fe4821;font-size: .8125rem;padding: .3125rem .875rem;border-radius: 5rem;}
.au-login li a.login-button{background-color: #0783f5;border-color:#0783f5;}
.au-login li a.register-button{display:none;}
.search-box .container{max-width:100%;}
.search-input{width:80%}
.search-btn{width:20%}
.search-button{position: absolute;right: 15px;top: 18px;display: block !important;}
.search-button a{color: #2d3757;}
.search-button .fa{font-size: 18px;}
.search-box{padding:8.5px 30px 8.5px 0;}
.search-box.show{top:7px;}
.search-box .search-input, .search-box .search-btn{height: 35px;}
.search-close{font-size: 24px;top:-1px;right: -30px;}

.huaconleft,.huaconright{width: 100%;}
.list-image {display: black;}
 .topic-list .topic {width:49%;margin:0 1% 12px}
.topic-list .topic:nth-child(odd) {margin-left:0}
.topic-list .topic:nth-child(2n+2) {margin-right:0}
.article-item {padding-bottom: 1.5rem;}
.article-item ul li .list-image,.article-item ul li .list-image a{width:100px;}
.article-item ul li .list-image img{height: 75px;}
.article-item ul li h2{line-height: 18px;margin-bottom: .6rem;}
.article-item ul li h2 a{font-size: 15px !important;font-weight: 500;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow:hidden;line-height:1.5;}
.article-item ul li .decs{display:none;}
.article-item ul li .decs p {font-size: 12px !important;}
.article-item ul li .meta-r-icon{display:none;}
.article-item ul li span:nth-child(2){float:right;margin-right:0px;}
.article-item ul li .text-xs{position:relative;display: block;margin-bottom: 0rem;}
.article-item ul li .post-tag{display:none;}
.d-none {display: none!important;}
.right-list .w-newsitem h3{font-size: 1.1rem;}
.hot-item li{padding: 8px 0;}
.grid-item li{width:100%;}
.article-content{    padding: 30px 15px;}
.download_card_pic{display:none;}
.download_card_msg{width:100%;margin-bottom:1rem;}
.download_card_title{font-size:16px;}
.download_card_tip{font-size:14px;}
.download_card_btn{position:relative;  right:0;top:0;  width: 100%;}


.footer {width:100%;position:relative;clear:both;background-color:#282828;margin-top:30px;padding:30px 0 30px 0;}
.social-footer {float:none;text-align:center;margin-bottom:20px;}
.social-footer a {float:none;display:inline-block;}
.cd-popup-container {margin:10em auto;}
.nav-footer {clear:both;text-align:center;}
.footer .nav-footer a {font-size:14px;}
.links-footer,.copyright-footer {text-align:center;}
.dialog-content {width: 75%;}

.lgy520-modal{margin:0 20px;}

}