@charset "utf-8";
/* CSS reset */
.ui-btn{ display:inline-block; *display:inline; padding:8px 12px; background-color:#e0e0e0;}
.gray-bg{ background-color:#f8f8f8!important;}
.red-bg{ background-color:#F00; color:#fff;}
.write-bg{ background-color:#fff;}
.red-bg:hover{ color:#fff; opacity:0.75;}
.yellow-bg{ background-color:#FF9655; color:#fff;}
.yellow-bg:hover{ color:#fff; opacity:0.75;}
.h1-title{ font-size:3rem; font-weight:400; color:#545454; padding:30px 0; clear:both;}
.font-14{ font-size:14px !important;}
.font-16{ font-size:16px !important;}
.font-18{ font-size:18px !important;}
.font-22{ font-size:22px !important;}
.font-red { color:red;}
.fb{ font-weight:700;}
.under-line{ border-bottom:2px solid #fff;}
.right-pos{ position:absolute; right:0; top:20px;}
.download-btn{ display:inline-block; padding:10px 40px; border:1px solid #fff; font-size:36px; color:#fff; font-weight:700;}
.download-btn:hover{ background-color:#fff;}
.color-fff{ color:#fff!important;}
.color-666{ color:#666!important;}
.color-999{ color:#999!important;}
.color-red{ color:#C00!important;}
.color-green{ color:#096!important;}
.ui-select{ border:1px solid #f8f8f8; background-color:#fff; height:30px; vertical-align:middle;}
.ui-wrap-960{ width:960px; margin:0 auto;}
/*header*/
.ui-header{ height:65px; background-color:#fff; position:relative; z-index:100;}
.ui-header .ui-logo{ padding:7px 0 0 0;}
.ui-header .mobile-bar{ display:none; width:100%;}
.ui-header .mobile-bar li{ display:block; text-align:center;}
.ui-header .mobile-bar li:hover{ background-color:#f8f8f8;}
.ui-header .mobile-bar li a{ display:block; padding-top:5px; width:100%;}
.ui-header .mobile-bar li a i{ font-size:16px; height:15px; display:inline-block;}
.ui-header .main-nav-r{ margin-top:18px; text-align:right;}
.ui-header .main-nav-r .mobile-user,.mobile-set-menue{ display:none;}
.ui-header .top-login{ font-size:12px; color:#999; position:absolute; right:3.5%; top:0;}
.ui-header .main-nav{}
.ui-header .main-nav .main-nav-list{ font-size:0;}
.ui-header .main-nav .main-nav-list li{ display:inline-block; *float:left; height:63px; line-height:63px; font-size:14px; position:relative; text-align:center; padding:0 40px; border-top:2px solid #fff;}
.ui-header .main-nav .main-nav-list li:hover{ border-bottom:2px solid #F00;}
.ui-header .main-nav .main-nav-list li.select{ border-bottom:2px solid #F00;}
.ui-header .main-nav .main-nav-list li.select a{color:red;font-weight:bold;}
.ui-header .main-nav .main-nav-list li .down-nav-content{ position:absolute; top:61px; line-height:20px; left:0; text-align:left; width:100%; background-color:#fff; display:none; }
.ui-header .main-nav .main-nav-list li .down-nav-content a{ display:block; height:30px; line-height:30px; padding-left:15px;}
.ui-header .main-nav .main-nav-list li .down-nav-content a:hover{ background-color:#f7f7f7;}
.ui-header .ui-logo,.ui-header .main-nav,.ui-header .top-login{ padding-bottom:0;}
/*footer*/
.ui-footer{ background-color:#fff; padding:20px 0;} 
.footer-copyright *{ font-size:12px; color:#999;}

@media (max-width: 1024px) {
/*moblie header*/
.ui-header{ width:100%; height:50px; position:fixed; left:0; bottom:-2px; padding:0; margin:0;}
.ui-header .ui-logo{ display:none;}
.ui-header .mobile-bar{ display:block;height:50px; font-size:16px; background-color:#f6574b; color:#fff;}
.ui-header .mobile-bar *{ color:#fff;}
.ui-header .mobile-bar li { line-height:1.2;}
.ui-header .mobile-bar li:hover *{ color:#333 !important;}
.ui-header .main-nav-r{ margin-top:0; text-align:left; min-height:50px; text-align:center;}
.ui-header .main-nav-r .mobile-user{ display:block; font-size:40px; margin:10px auto; border:1px solid #e0e0e0; width:60px; height:60px; line-height:60px; border-radius:100%; color:#e0e0e0!important;}
.ui-header .main-nav-r .dingzhi-btn{ display:block; padding:8px 0; margin: 10px 0; display:none;}
.ui-header .top-login{ font-size:12px; color:#999; position:relative; clear:both; right:auto; border-bottom:1px dashed #e0e0e0;}
.ui-header .login-before,.ui-header .login-before{ padding:0; margin-bottom:10px; display:block; height:40px;}
.ui-header .login-before,.ui-header .login-after{ text-align:center; display:block; padding-bottom:1rem;}
.ui-header .login-before a{ display:block; float:left; width:45%; text-align:center; height:30px; line-height:30px; background-color:#f6f6f6;}
.ui-header .login-before a.reg-btn{ float:right;}
.ui-header .login-before .f-line{ display:none;}
.ui-header .main-nav { position:fixed; width:100%; height:100%; overflow-y:auto; background-color:#fff; top:0; left:-100%; z-index:2; opacity:1; display:block;}
.ui-header .main-nav .main-nav-list{ padding-bottom:20px;}
.ui-header .main-nav .main-nav-list li{ display:block; height:auto; line-height:35px; clear:both; text-align:left; padding:0; border-bottom:1px solid #f8f8f8;}
.ui-header .main-nav .main-nav-list li .fa{ position:absolute; right:0; top:10px;}
.ui-header .main-nav .main-nav-list li:hover{ border-top:2px solid #fff;}
.ui-header .main-nav .main-nav-list li .down-nav-content{ position:relative; line-height:20px; top:0; left:0; width:100%; background-color:#f8f8f8; display:none;}
.mobile-set-menue{width:100%; background-color:#fff; padding:1rem; display:block;}
.mobile-set-menue .ui-btn{ display:block; text-align:center;}

.ui-footer{ padding:20px 0 60px 0;} 
.ui-footer *{ font-size:12px!important;}
.ui-footer .footer-copyright { padding:0.625rem 1.25rem 0  1.25rem;}
.ui-footer .footer-help-col:last-child{ display:none;}

}



.ui-banner{ height:480px; clear:both; background-color:#f8f8f8;}
.ui-banner .swiper-container{ height:100%;}
.ui-banner .swiper-container .index-banner-text{ position:absolute; top:10%; left:10%; width:640px; text-align:left; color:#fff; /*background-color:#fff; filter:alpha(opacity=80); opacity:.8;*/}
.ui-banner .swiper-container .index-banner-text h1{ font-size:3rem; color:#fff; padding:10px 0; text-shadow:1px 1px 0 #000; font-weight:700;}
.ui-banner .swiper-container .index-banner-text h2{ color:#fff; text-shadow:1px 1px 0 #000;} 
.ui-banner .swiper-container .index-banner-text .i-b-intro{background-color:rgba(0,0,0,0.25); padding:10px 20px; *padding:10px 0px;}
.ui-banner .swiper-container .index-banner-text .i-b-intro-p{ margin-bottom:0.5rem; font-size:16px; }
.ui-banner .swiper-container .swiper-slide { background-repeat:no-repeat; background-position:center center; position:relative; background-size:cover;}

.facility-list{}
.facility-list li{ margin-bottom:13px; float:left; }
.facility-list li .facility-content{ width:100%; height:150px!important; background-color:#fafafa; }
.facility-list li .facility-content .faci-left{ height:150px; background-color:#13b8f6; text-align:center; float:left\9;}
.facility-list li:nth-child(2n) .faci-left{ background-color:#1BBC9A;}
.facility-list li .facility-content .faci-left img{ height:auto; margin-top:10%; }
.facility-list li .facility-content .faci-right{}
.facility-list li .facility-content .faci-right .faci-right-h3{ padding:10px;}
.facility-list li .facility-content .faci-right .faci-right-intro{ padding:0 10px; font-size:12px;}

.youshi-list{}
.youshi-list li .facility-content{ height:140px!important; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.youshi-list li .facility-content:hover{background-color:#FF9655; color:#fff;}
.youshi-list li .facility-content:hover .faci-right-h3{ color:#fff;}
.youshi-list li .facility-content .faci-left{ height:140px; background-color:#FF9655;}
.youshi-list li .facility-content .faci-right{height:140px; padding:0;}

.join-us-w{ background-color:#1BBC9A; clear:both; padding-bottom:20px;}
.join-us-w *{ color:#fff!important;}

.yiqi-list{ padding-top:0;}
.yiqi-list li{ margin-bottom:15px; /*border-right:0px solid red; border-color:transparent;*/}
.yiqi-list li .yiqi-img{ width:100%; height:100%; background-color:#fff; font-size:12px; position:relative;}
.yiqi-list li .yiqi-img img{ width:100%; }
.yiqi-list li .yiqi-img .yiqi-pic{ display:block; padding:0; height:100%;}
.yiqi-list li .yiqi-img .yiqi-name{ position:absolute; font-size:12px; white-space:nowrap; text-overflow:ellipsis; height:30px; opacity:0.9; line-height:30px; text-align:center; background-color:#11e1b5; color:#fff; bottom:0; left:0; width:100%; margin:0; overflow:hidden;}

.news-floor{ background-color:#fafafa; clear:both; padding:20px 0;}
.clum-news-list dt{ font-size:24px;}
.clum-news-list dd{ height:35px; line-height:35px; position:relative; list-style-type:disc; font-size:14px;}
.clum-news-list dd .time{ position:absolute; right:20px; top:2px; font-size:12px; color:#999;}

/*products*/
.products-banner{height:540px; clear:both; background-color:#f8f8f8;}
.products-banner .index-banner-text{ position:absolute; top:10%; right:10%; width:640px; text-align:left; color:#fff; /*background-color:#fff; filter:alpha(opacity=80); opacity:.8;*/}
.products-banner .index-banner-text h1{ font-size:3rem; color:#fff; padding:10px 0; text-shadow:1px 1px 0 #000; font-weight:700;}
.products-banner .index-banner-text h2{ color:#fff; text-shadow:1px 1px 0 #000;} 
.products-banner .index-banner-text .i-b-intro{padding:10px 20px; *padding:10px 0px;}
.products-banner .index-banner-text .i-b-intro-p{ margin-bottom:0.5rem; font-size:16px; }
.products-banner{ background-repeat:no-repeat; background-position:center center; position:relative; background-size:cover;}
.down-load-c{ margin:50px 0 0 0;}
.down-load-c .text-intro a{ color:#fff!important;}

.jiazhi-content{ background-color:#f8f8f8;}
.jiazhi-content .device { width: 100%; height: 380px; padding: 30px 40px; margin: 5px auto; position: relative;}
.jiazhi-content .device .arrow-left { background: url(../img/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px;width: 17px; height: 30px;}
.jiazhi-content .device .arrow-right { background: url(../img/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;}
.jiazhi-content .swiper-container { height: 350px; width: 100%;}
.jiazhi-content .content-slide { padding: 20px; color: #666;}
.jiazhi-content .title { font-size: 25px; margin-bottom: 10px;}
.jiazhi-content .pagination { position: absolute; left: 0;  text-align: center;  bottom:5px; width: 100%;}
.jiazhi-content .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset;
 margin: 0 3px; cursor: pointer;}
.jiazhi-content .swiper-active-switch { background: #fff;}

.xinxi-content{ background-color:#fff;}
.xinxi-content .ScrCont li{cursor:pointer;}
.xinxi-section{ padding:20px 0; font-size:14px; color:#999;}
.xinxi-list .xinxi-c{ }
.xinxi-list .xinxi-c:hover .xin-name{ color:#ff6600;}
.xinxi-list .xinxi-c .xin-img{ text-align:center;}
.xinxi-list .xinxi-c .xin-img img{ width:100%;}
.xinxi-list .xinxi-c .xin-name{ font-size:18px; padding:10px 0;}
.xinxi-list .xinxi-c .xin-text{ font-size:14px; padding:10px 0;}

.service-content{ background-color:#4E6896;}
.service-content .uiColumn *{ color:#fff;}

.al-list{ clear:both;}
.al-list .al-list-img{ text-align:center;}
.al-list .al-list-img li{ display:inline-block; *float:left; width:120px; height:60px; border:1px solid #f8f8f8; margin-bottom:10px;}
.al-list .al-list-img li:hover,.al-active{border:1px solid #ff6600!important;}
.al-section{ padding:20px 0; clear:both;}
.about-content{ background-color:#ffe50f;}

.resource-content{ padding:20px 0;}
.res-r-list-c{ padding:20px 0;}
.res-r-list-c .res-r-list{}
.res-r-list-c .res-r-list li .res-box{ background-color:#fff; overflow:hidden; height:260px; margin-bottom:12px;  -webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear; transition:all 0.2s linear}
.res-r-list-c .res-r-list li .res-box:hover{ box-shadow:2px 3px 3px #CCCCCC;}
.res-r-list-c .res-r-list li .res-box .res-img{ display:block; text-align:center;}
.res-r-list-c .res-r-list li .res-box .res-img img{ height:120px;}
.res-r-list-c .res-r-list li .res-box .res-title{ font-size:16px; height:40px; line-height:30px; overflow:hidden; white-space:nowrap; padding:5px 10px; text-overflow : ellipsis }
.res-r-list-c .res-r-list li .res-box .res-intro{ padding:0 10px; height:55px; margin-bottom:10px!important; font-size:12px; color:#888;overflow:hidden;}
.res-r-list-c .res-r-list li .res-box .res-review{padding:0 10px; color:#999;}
.res-r-list-c .res-r-list li .res-box .res-review .sub-re{ margin-right:10px;}

.category-menu{ clear:both; background-color:#1BBC9A; color:#fff; text-align:center;}
.category-menu a{ display:inline-block; *float:left; height:100%; color:#fff; padding:20px;}
.category-menu a:hover,.category-menu-active{ background-color:#009f7d!important;}

.common-content{ padding:15px;}
.common-content .common-list{}
.common-list li{ min-height:60px; background-color:#fff; clear:both; margin-bottom:15px; border-bottom:1px solid #f8f8f8;}
.common-list li .common-text{ padding:10px;}
.common-list li .common-title{ font-weight:700; color:#545454}
.common-list li .common-img{ padding-top:10px; text-align:center;}
.common-list li .common-img img{ /*max-width:140px;*/}
.common-list li .common-text .common-intro{ color:#545454; height:auto; padding-top:10px; margin-bottom:5px;}
.common-list li .common-text .time{ color:#e0e0e0; margin-bottom:0!important;}
.user-face{ border-radius:100%; overflow:hidden; width:60px; height:60px;}
.common-list li .common-num *{ color:#999;}

.right-news{}
.right-news-list{ background-color:#fff; padding:10px; margin-bottom:15px;}
.right-news-list dt{ border-bottom:2px solid #1BBC9A; margin-bottom:10px;}
.right-news-list dd{ white-space:nowrap; padding:4px 10px; overflow:hidden; text-overflow : ellipsis; list-style:georgian;}
.right-news-list dd a:hover{ color:#1BBC9A;}
.right-news-list dd span{ color:#666666;}
.right-news-list dd i{ color:#e0e0e0;}

.middle-row{ background-color:#1BBC9A; padding:5px 10px; color:#fff;}
.middle-row .middle-row-r{ line-height:30px;}
.send-article-btn{ background-color:#1BBC9A;color:#fff; width:100%; display:block; margin-bottom:10px; height:40px; line-height:25px; font-size:18px; text-align:center;}

.right-user-list{}
.right-user-list dd{ border-bottom:1px dashed #e0e0e0; padding:10px 0;}
.pc-user-face{ display:block; float:left; width:80px; height:60px;}
.pc-user-face img{width:60px; height:60px;}
.hot-plate{ padding:10px 0 0 0; text-align:left;}
.hot-plate a{ display:inline-block; padding:4px 10px; background-color:#f8f8f8; margin:3px;}
.hot-plate a:hover{ background-color:#1BBC9A; color:#fff;}

/*面包屑 导航*/
.ui-page-step{ font-size:12px; }
.ui-page-step .arrow{font-family:sans-serif; font-style:normal; color:#999;}
.ui-page-step .step-strong { font-size:18px;}
.ui-navname-step{ border-bottom:2px solid #ffbf99; padding:0 0 10px 0.625rem;}

/*help帮助中心*/
.help-l-content { background-color:#fff; padding:10px; text-align:center;}
.help-r-content {background-color:#fff; padding:5px 20px;}
.aside-nav-content { padding:10px;}
.aside-nav-list { text-align:left; font-size:14px;}
.aside-nav-list dt { font-size:16px; color:#333; padding:10px 0; border-bottom:1px solid #f5f5f5; margin-bottom:10px;}
.aside-nav-list dd { line-height:2;}
.aside-nav-list dd a { color:#888;}
.aside-nav-list dd a:hover { color:#00afdf;}
.help-view { font-size:14px; min-height:600px; line-height:1.8; padding:0 15px 20px 15px; color:#777;}
.help-view p {color:#777;}
.help-r-name {font-size:36px; height:80px; line-height:80px; color:#b0b0b0; font-weight:normal;}

/*关于我们*/
.about-floor { min-height:540px; overflow:hidden;}
.about-floor * { color:#fff;}
.about-floor .pro-intro-h1 { padding-top:20px;}
.f56 { font-size:56px;}
.content{ width:80%; padding-top:20px; margin:0 auto; color:fff; font-size:16px; color:#fff; line-height:1.6;}

.content-h2{
	font-size:18px;
	margin-top:8px;
	margin-bottom:5px;
}

/*news*/
.news-view-title{ text-align:center; font-size:18px;}
.news-view-box{  overflow:hidden; }
.news-view-content{ color:#666; line-height:1.8; font-size:14px;}
.news-common{ padding:20px 0;}


/*免费体验*/
.l-reg-box{ background-color:#fff; border-radius:5px; margin:20px auto;}
.l-reg-tips{ font-size:14px; color:#ff6000; border:1px solid #ffe57d; margin-top:10px; padding:5px; background-color:#fff6d2; padding-left:10px;}
.l-reg-box-content{ padding:10px 20px;}
.l-reg-input-list{ padding-top:5px;}
.l-reg-input-list [class*="small-"]{ float:left; vertical-align:middle;}
.l-reg-input-list label{ text-align:right; padding-right:15px !important; line-height:30px; margin-bottom:5px;}
.l-reg-input-list h3{ font-size:14px; vertical-align:middle; color:#666; padding:10px 0 6px 0;}
.l-reg-input-list .ui-gray-input{ padding-left:10px;}
.l-reg-adrees{ padding:0.625rem;}
.l-reg-adrees select{ margin-right:0.825rem;}
.szd-select{}
.szd-select select{ margin-right:0.625rem; margin-bottom:0.625rem;}
.form-tips { text-align:left; color:#F00;}



/*分页*/
.page-next{ padding:0.625rem; font-size:12px; text-align:right}
.page-next a{ display:inline-block; padding:5px 10px; border:1px solid #dedede; margin:0 2px;cursor:pointer;}
.page-next a:hover,.page-next a.choose{ background-color:red!important; color:#FFF!important;}
.page-next span{padding:0 5px;}

/*左右结构*/
.aside-bar{ margin-left:-0.625rem;}
.aside-bar .aside-bar-content{  background-color:#fff; }
.account-bar-list{}
.account-bar-list li{ height:35px; line-height:35px; padding:0 1rem; border-left:4px solid #fff;}
.account-bar-list .aside-bar-acitive,.account-bar-list li:hover{ border-left:4px solid red; background-color:#fdfdfd;}
.res-step{height:60px; line-height:40px;}
.search-content{ background:#fff; position:relative;} 

.search-content .input{ height:38px; border:1px solid #e0e0e0; width:100%; display:block; padding-left:10px; }
.search-content .submit{ position:absolute; top:0; right:0; display:block;width:32px; height:32px; text-indent:-9999px; color:#fff; border:none; background:url(../img/search-icon.png) no-repeat center; cursor:pointer; _text-indent:0; overflow:hidden; right:2px; top:2px;}

/*tab*/
.tabs { width: 100%; margin: 0 auto;}
.tabs ul { padding: 0; font-size: 0; text-align:center;}
.tabs ul li { display: inline-block; margin-right: 10px; *display: inline; *zoom: 1;}
.tabs ul a { display: inline-block; padding: 15px 30px; border-bottom: 4px solid #e5e5e5; font-size: 14px; color: #aaa; background-color: #f8f8f8; text-decoration: none;}
.tabs ul .active a { border-bottom-color: #013660; color: #fff; background-color: #0b5595;}
.tabs .tab-content { height: auto; margin-top: 10px; line-height: 2rem; line-height: 1.6\9; text-align: left; padding:10px; color:#666;}
.prev { display: inline-block; margin-bottom: 10px; padding: 15px 30px; color: #aaa; background-color: #f8f8f8; text-decoration: none;}
.next { display: inline-block; margin-bottom: 10px; padding: 15px 30px; color: #aaa; background-color: #f8f8f8; text-decoration: none;}

/*弹框*/
.mark{ display:none; z-index:1000; width:100%; height:100%; background-color:#000; background:raba(0,0,0,0.25); filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity:0.25; position:fixed; top:0; left:0;}
.poup-contaier{ min-width:320px; display:none; border-radius:3px; background-color:#fff; z-index:1001; position:fixed; top:50%; left:50%; margin-left:-25%; margin-top:-25%;}
.poup-contaier .poup-title{ height:35px; border-bottom:1px solid #ccc; color:#000; font-size:16px; line-height:30px; padding:0 0.625rem; position:relative;}
.poup-contaier .poup-title .close{ position:absolute; right:10px; top:8px; cursor:pointer; color:#999;}
.poup-contaier .poup-box{}
.poup-text{ padding:1rem;}

@media (max-width: 1024px) {
/*content */
.h1-title{ font-size:1.8rem; font-weight:400; color:#545454; padding:30px 0; clear:both;}
.font-18{ font-size:14px!important;}
.font-22{ font-size:16px!important;}
.ui-banner,.products-banner{ height:320px; clear:both; background-color:#f8f8f8;}
.ui-banner .swiper-container .index-banner-text{ position:absolute; left:0px; top:20px; width:100%;}
.ui-banner .swiper-container .index-banner-text h1{ font-size:16px;}
.ui-banner .swiper-container .index-banner-text .i-b-intro{ font-size:14px;}
.ui-banner .swiper-container .index-banner-text .i-b-intro-p{ margin-bottom:0; font-size:12px; }

.products-banner .index-banner-text{ position:absolute; top:20px; right:10px; }
.products-banner .index-banner-text h1{ font-size:16px;}
.products-banner .index-banner-text h2{ font-size:14px;}
.products-banner .index-banner-text .i-b-intro{padding:10px 20px; *padding:10px 0px;}
.products-banner .index-banner-text .i-b-intro-p{ margin-bottom:0.5rem; font-size:16px; }
.down-load-c{ margin:20px 0 0 0;}
.download-btn{ display:inline-block; padding:5px 20px; border:1px solid #fff; font-size:28px; color:#fff; font-weight:700;}

.ui-content{ }
.join-us-w .h1-title { text-align:center!important; padding:1.5rem 0;}
.join-us-w .h1-title span { font-size:1.6rem!important; border-bottom:1px solid #fff; padding-bottom:5px;}

.facility-list li .facility-content{display:table; }
.facility-list li .facility-content .faci-left{ display:table-cell; display:table-cell; vertical-align:middle; float:none; float:left\9;}
.facility-list li .facility-content .faci-right{display:table-cell; width:100%; }

.jiazhi-content .device{ padding:0;}
.tabs ul li a{ margin-bottom:10px; padding:5px 10px;}
.roll-box{ width:80%;}

.resource-content .aside-bar,.resource-content .right-content{ clear:both; float:none; width:100%; margin:0; padding:0;}
.resource-content .right-content{ padding-top:20px;}
.account-bar-list li{ display:none;}
.account-bar-list li:first-child{display:block; text-align:center; font-size:16px; font-weight:700}
.right-news { display:none!important;}
.common-content{ width:100%!important;}
.ui-select{ margin-top:6px;}
.middle-row-l,.middle-row-r{ width:100%!important;}
.youshi-w { padding:0.625rem;}
.content { font-size:14px;}
.about-floor { min-height:250px; overflow:hidden;}
.about-floor .content { width:96%;}
.about-floor .font-22 { font-size:16px!important;}
.f56 { font-size:28px;}
.category-menu { text-align:left;}
.category-menu a { padding:10px 0; display:inline-block; width:24%; text-align:center;}


.ui-wrap,.ui-wrap-960{ width:100%;}
}
@media (max-width:320px) {
/*手机320竖屏*/
.jiazhi-content{ height:820px;}
.jiazhi-content .device{ height:700px;}
.jiazhi-content .swiper-container{ height:700px;}
.common-list .small-2{ padding:0px;}
.user-face{ width:50px; height:50px;}
}
@media (min-width: 321px) and (max-width: 767px) {
/*平板横屏*/
.youshi-w{ padding:10px;}
.jiazhi-content{ height:800px;}
.jiazhi-content .device{ height:720px;}
.jiazhi-content .swiper-container{ height:720px;}

}
@media (min-width: 768px) and (max-width: 960px) {
/*平板横屏*/

}
@media (min-width: 961px) and (max-width: 1199px) {
/*平板横屏*/

}