﻿.header{width:100%;background: #3a83c1;padding:5px 0;position:fixed;left:0;top:0;z-index:99999;/* -webkit-box-shadow:0 0 10px #ccc; */-moz-box-shadow:0 0 10px #ccc;/* box-shadow:0 0 10px #ccc; */}
.logo{display:block;float:left;}
.logo img{height: 80px;}


#superContainer{height:100%;position:relative;}
.section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.slide{float:left;}
.slide, .slidesContainer{height:100%;display:block;}
.slides{height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.section.table , .slide.table{display:table;width:100%;}
.tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.slidesContainer{float:left;position:relative;}
.controlArrow{position:absolute;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;}
.controlArrow.prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent;}
.controlArrow.next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff;}
.scrollable{overflow:scroll;}
.easing{-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
#fullPage-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;}
#fullPage-nav.right{right:17px;}
#fullPage-nav.left{left:17px;}
.fullPage-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;}
.fullPage-slidesNav.bottom{bottom:17px;}
.fullPage-slidesNav.top{top:17px;}
#fullPage-nav ul , .fullPage-slidesNav ul{margin:0;padding:0;}
#fullPage-nav li , .fullPage-slidesNav li{display:block;width:14px;height:13px;margin:7px;position:relative;}
.fullPage-slidesNav li{display:inline-block;}
#fullPage-nav li a, .fullPage-slidesNav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#fullPage-nav li .active span , .fullPage-slidesNav .active span{background:#333;}
#fullPage-nav span , .fullPage-slidesNav span{top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0, 0, 0, 0);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;z-index:1;}
.fullPage-tooltip{position:absolute;color:#fff;font-size:14px;font-family:arial, helvetica, sans-serif;top:-2px;}
.fullPage-tooltip.right{right:20px;}
.fullPage-tooltip.left{left:20px;}


.login_bx{ top:70px; right:10px; margin:0; padding:5px; border-radius:0;}
.login_cont{ width:auto; padding:0;}
.login_form{ padding:0 5px;}
.login_bx .title{ text-align:left;padding:15px;padding-left:55px;background:url(../images/login.png) 15px center no-repeat;height:32px;line-height:32px;}
.login_bx table{ padding:20px; font-size:13px;}
.login_bx table th{white-space:nowrap}
.login_bx table td{ padding:5px 5px;}
.login_bx .tips{ font-size:13px; color:#900; text-align:center; padding:5px 5px; padding-bottom:20px;}
.login_user input , .login_pass input{ width:160px; padding:4px 5px; background:none; border:1px solid #333;}
.login_button input{ height:30px; width:60px; padding:0; margin:0; cursor:pointer; border:1px solid #333;}
.login_button_left{ padding-right:10px;}

.qr_code{ display:block; overflow:hidden; position:fixed; left:20px; top:80px;background:url(images/side-code-top.png) center top no-repeat; width:80px; padding-top:24px;}
.qr_code ul{ background:#fff; padding:5px;}
.qr_code li{text-align:center; font-size:12px; color:#666;}
.qr_code li p{margin:5px 0;}
.qr_code li img{ margin:0 auto; width:100%; height:auto; }



.footer{ position:fixed; left:0; top:100%; width:100%; text-align:center; font-size:12px; text-align:center; color:#fff; margin-bottom:5px; z-index:99999; height:40px; line-height:40px; margin-top:-40px;}
.footer p{ text-align:center;}

.close{color:#000;float:right;font-size:21px;font-weight:700;line-height:1;opacity:0.8;text-shadow:0 1px 0 #fff;}
.close{background-image:url("../img/remove-icon-small.png") !important;background-repeat:no-repeat !important;display:inline-block;height:9px;margin-right:0;margin-top:0;outline:medium none;text-indent:-10000px;width:9px;}
.close:hover, .close:focus{opacity:1;}
.modal-open #ytmb_login.modal{overflow:hidden;}
#ytmb_login .modal-dialog{position:fixed;}
.tp-banner h1, .tp-banner h2, .tp-banner h3{font-family:Microsoft YaHei;}
.tc{text-align:center;}

.login-box{width:920px;height:560px;color:#fff;margin-left:-460px;margin-top:-280px;left:50%;top:50%;position:absolute;}
.advantage h1{font-size:35px; margin:20px 0 10px 0;}
h3{font-size:16px;line-height:30px;}
.advantage h3{margin-bottom:160px;padding:0 95px;}
.advantage h4{font-size:33px;color:#5540c1;}
.advantage{background:#7563d4;}
.advantage-bj{border-radius:76px;height:150px;background:#6751d7;position:relative;}
.advantage-bj img{clear:both;}
.advantage-bj ul{position:absolute;left:0;bottom:37px;padding-left:55px;}
.advantage-bj li{float:left;text-align:center;margin-left:39px;}
.tp-banner h1{font-size:36px;}
h2{font-size:16px;}
a.advantage-btn{width:230px;height:50px;font-size:24px;border-radius:25px;background-image:-webkit-linear-gradient(to top, #719205, #a5cd2e);background-image:linear-gradient(to top, #719205, #a5cd2e);position:relative;display:block;color:#fff;margin:30px auto 0;cursor:pointer;}
.advantage-btn p{line-height:47px;padding-left:48px;}
.advantage-btn img{position:absolute;top:7px;right:15px;}
.downloadApp{background:#4add97;}
.download-box{width:1024px;height:550px;left:50%;top:57%;position:absolute;margin-left:-512px;margin-top:-275px;}
.slavescreen-feature-003.download-box{top:48%;}
.download-box{color:#fff;}
.download-left{width:545px;padding-top:46px;float:left;}
.download-right{width:455px;float:right;}
.download-right img{height:100%;display:block;max-width:100%;}
.download-left li{float:left;margin:40px 15px 0 0;}
.download-btn{border-radius:5px;height:45px;line-height:45px;margin-bottom:25px;font-size:16px;text-align:center;}
.hand{cursor:pointer;}
.download-btn img{padding:0 5px 0 0;}
.iphone-download{background:#db262b;}
.android-download{background:#1cb208;}
.wx-download{background:#02a8f4;}
.map{background:#3a83c1;color:#fff;}


.map-box{height:680px;left:50%;margin:-362px 0 0 -500px;position:absolute;top:55%;width:1001px;color:#fff;}
.total-user{font-size:22px;text-align:center;margin-bottom:15px;}
.total-user b{background:url(../img/count.png);width:27px;height:36px;line-height:33px;display:inline-block;color:#333;font-size:31px;text-align:center;margin:0 2px;}
.user-online{border-radius:19px;background:#1363a8;height:38px;line-height:38px;margin:0 86px 13px;text-align:center;font-size:17px; color:#fff;}
.map-bj{width:1006px;height:550px;margin:0 auto;position:relative;}
.map-bj img{margin:0 auto;display:block;max-width:100%;height:auto;position:relative;}
.map-province-user h1{clear:both;font-size:20px;margin-bottom:30px;padding-left:63px;}
.map-province-user.map-province-user-en h1{padding-left:35px;}
.map-province-user{width:290px;height:287px;color:#FFFFFF;right:53px;top:95px;font-size:13px;line-height:22px;position:absolute;}
.map-province-user p{column-count:3;-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari 和 Chrome */
	clear:both;}
.map-province-user.map-province-user-en p{column-count:2;-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari 和 Chrome */
	clear:both;}
.login-div{width:160px;background:#fff;border-radius:3px;padding:1px;position:fixed;top:10%;right:23px;z-index:201;}
.login-div h6{background:#4497dd;height:30px;line-height:30px;color:#fff;font-size:14px;margin:0;padding:0 10px;font-weight:bold;border-radius:3px 3px 0 0;}
.login-div h6 img{float:right;margin-top:10px;}
.login-div ul{padding:0 10px;}
.login-div ul li{margin-top:10px;}
.login-div ul li input[type="text"], .login-div ul li input[type="password"]{width:100%;border:1px solid #d2d2d2;padding:0 3px;height:26px;line-height:26px;}
.login-div .login-btn{display:block;height:28px;line-height:28px;background:#4497dd;text-align:center;color:#fff;border-radius:2px;width:100%;border:none;}
.login-div label{font-weight:300;}
.login-div ul li.verifycode{margin-top:1px;}
.login-div ul li.verifycode input{width:53%;}
 @media (max-width:1136px) {
.download-box{width:680px;height:400px;position:absolute;left:50%;top:50%;margin-left:-340px;margin-top:-200px;}
.download-btn img{display:none;}
.download-left{width:390px;padding-top:19px;}
.download-right{width:290px;}
.download-left img.code{height:125px;width:125px;}
.download-left li{margin:5px 5px 0 0;}
.download-btn{margin-bottom:10px;font-size:15px;height:36px;line-height:36px;}
h3{font-size:14px;line-height:25px;}
.tp-banner h1{font-size:33px;}
.tp-banner .map-province-user h1{font-size:17px;}
.login-box{width:700px;height:450px;left:50%;top:55%;margin-left:-350px;margin-top:-275px;position:absolute;}
.advantage-bj li img{width:130px;height:130px;}
.advantage-bj li{margin-left:14px;}
.login-box h2{font-size:13px;}
.advantage-bj{height:120px;}
.advantage h3{margin-bottom:139px;}
.map-box{height:549px;margin-top:-268px;margin-left:-390px;width:780px;position:absolute;left:50%;top:53%;}
.map-bj{height:447px;width:780px;}
.map-province-user{right:43px;top:69px;width:233px;line-height:18px;}
.map-province-user h1{margin-bottom:16px;font-size:15px;}
.map-province-user{font-size:12px;}}
 @media (max-width:780px) {
.login-box{width:480px;height:350px;left:50%;top:40%;margin-left:-240px;margin-top:-175px;position:absolute;}
.advantage-bj li img{width:90px;height:90px;}
.advantage-bj ul{padding-left:20px;}
.advantage-bj li{width:17%;margin-left:24px;}
.advantage-bj{height:93px;}
.advantage h3{padding:0;margin-bottom:88px;}
.advantage-bj h2{margin-top:6px;margin-bottom:-12px;}
.navbar-header img{height:45px;width:141px;}
.navbar-collapse b{font-size:15px;margin-right:5px;}
.navbar-content{margin:0 0 0 5px;}
.navbar-header{padding-top:8px;}
.navbar-collapse img{width:12px;height:12px;}
.navbar-collapse{padding:0 7px;}
.map-box{height:460px;margin:-230px 0 0 -240px;width:480px;position:absolute;left:50%;top:50%;}
.map-bj{height:447px;width:480px;}
.user-online{height:30px;line-height:30px;margin:0 0 30px;font-size:13px;}
.total-user{font-size:16px; color:#fff;}
.total-user b{width:22px;height:29px;line-height:26px;font-size:24px;margin:0 1px;background:url(../img/count-sm.png);}
.tp-banner .map-province-user h1{font-size:10px;}
.map-province-user{right:20px;width:153px;top:56px;font-size:8px;line-height:10px;}
.map-province-user h1{padding-left:44px;margin:0 0 10px;}}
 @media (max-width:480px) {
.login-box{width:350px;height:339px;left:50%;top:50%;margin-left:-174px;margin-top:-169px;}
.login-box h2{font-size:11px;}
.advantage-bj li img{width:90px;height:90px;}
.navbar-collapse img{display:none;}
.advantage-bj{height:100px;background:none;}
.advantage-bj ul{padding-left:17px;position:static;}
.advantage-bj li{margin-left:0;width:24%;}
.advantage-bj li img{height:60px;width:60px;}
.advantage h3{font-size:13px;line-height:21px;margin-bottom:27px;}
.advantage-bj h2{margin-top:6px;padding:0 6px;}
.navbar-header img{height:28px;width:88px;}
.navbar-collapse b{font-size:13px;margin-right:5px;line-height:40px;margin-right:2px;}
.navbar-header{padding-top:8px;}
.navbar-collapse{padding:0 2px;}
.navbar-collapse img{margin:0 3px 2px 0;}
.navbar-collapse.pull-right{text-align:left;}
.advantage-btn img{width:25px;height:25px;}
.advantage-btn p{line-height:32px;padding-left:37px;}
a.advantage-btn{width:165px;font-size:19px;height:38px;}
.navbar-header img{margin-left:0;}
.navbar{min-height:43px;}
body.body-padding{padding-top:44px;}
.download-box{width:285px;padding-top:0;height:-176px;position:absolute;left:50%;top:50%;margin-left:-141px;margin-top:-150px;}
.download-right{display:none;}
.download-left h1{font-size:25px;}
.tp-banner h1{font-size:22px;}
.download-left{width:auto;padding-top:0;}
.download-left h3{font-size:13px;line-height:19px;}
.download-left img.code{height:90px;width:90px;}
.download-btn{font-size:13px;height:32px;line-height:32px;border-radius:3px;margin-bottom:5px;}
.download-left li{margin:5px 5px 0 0;}
.download-right img{display:none;}
.map-bj{background:url("../img/map-xs.jpg");width:320px;height:250px;}
.map-province-user{font-size:10px;line-height:12px;right:61px;top:20px;width:191px;}
.map-bj img{display:none;}
.tp-banner .map-province-user h1{font-size:13px;margin:0 0 15px;padding-left:47px;}
.user-online{font-size:9px;height:23px;line-height:23px;}
.total-user{font-size:13px;}
.total-user b{background:url("../img/count-xs.png") repeat scroll 0 0;font-size:18px;height:23px;line-height:17px;margin:0 1px;width:17px;}
.map-box{height:312px;left:50%;margin:-156px 0 0 -150px;position:absolute;top:50%;width:300px;}
.user-online{margin:0 0 3px;}}
.nav.nav-tabs{border-bottom:2px solid #97ccfb;}
.tab-style.nav-tabs > li.active > a, .tab-style.nav-tabs > li.active > a:hover .tab-style.nav-tabs > li.active > a:focus{background:#97ccfb;border-color:#97ccfb #97ccfb transparent;color:#fff;}
.tab-style.nav-tabs > li.active > a:hover{background:#97ccfb;}
.tab-style.nav > li > a{border-left:1px solid #e1f0fe;border-right:1px solid #e1f0fe;border-top:1px solid #e1f0fe;border-bottom:none;padding:0 15px;height:30px;line-height:30px;border-radius:0;}
.nav.tabs-left.tab-style > li > a:hover, .nav.tab-style > li > a:hover{background:#d4ebfe;}
.input-div{border:1px solid #d1e5f6;padding:15px 15px 0;}
.form-actions.row{margin-left:-31px;margin-right:-31px;}
ytmb_login .modal-content{border-radius:0;}
#ytmb_login .nav-tabs > li{margin-bottom:0;}
a:focus{outline:none;-moz-outline:none;}
/*手机页响应式*/
.mobilediv{width:100%;height:100%;overflow:hidden;background:#fff;}
.bottomlogin{background:#fff;overflow:hidden;padding:0 1.8rem 0;height:100%;}
.mobilediv .rememberme{font-size:2.6rem;}
.topapp{padding:1.2rem 0 5rem 0.2rem;overflow:hidden;clear:both;background:url("/assets/img/cloud.png") #3a83c1 repeat-x 0 bottom;}
.am-round{border-radius:1000px;font-size:1.5rem;line-height:1.2;border:1px solid #ccc;}
.mobile-form-group{position:relative;margin-bottom:1rem;}
.mobilediv .bottomlogin img{left:1.5rem;line-height:1;position:absolute;top:23%;height:18px;z-index:2;}
.mobile-form-group input[type=password], .mobile-form-group input[type=text]{line-height:1.2;padding:0.6rem 0 0.6rem 2.4em;width:100%;}
.mobilediv .login-btn{line-height:1.2;padding:0.7rem 0.5rem;width:100%;background:#3a83c1;display:block;border-radius:1000px;text-align:center;font-size:2.2rem;color:#fff;border:none;}
.mobile-left{width:35%;padding-left:10px;}
.mobile-left img{max-height:100%;max-width:100%;display:block;margin:auto;}
.mobilediv img{max-width:100%;height:auto;}
.mobile-left img {}
.mobile-right{width:65%;padding-right:5px;color:#fff;}
.clouddiv{display:block;background:url("/assets/img/cloud.png") 0 bottom;height:60px;background-size:auto;overflow:hidden;clear:both;}
.mobile-right h1{font-size:1.5rem;margin:0 0 0.2rem;}
.mobile-right p{font-size:1rem;margin-bottom:0;}
.android{background:#b82f0f;}
.android.appdownload img {/*margin-top:0.4rem*/}
.iphone{background:#12af02;}
.appdownload{border:1px solid #fff;border-radius:80px;cursor:pointer;display:block;font-size:1.3rem;margin-top:0.6rem;padding:0.5rem 0;text-align:center;width:86%;}
.appdownload img{vertical-align:middle;margin-right:1rem;height:18px;}
.cloud {}
/*湖北日报*/
.login-tel{font-size:19px;display:inline-block;line-height:40px;margin-right:30px;vertical-align:top;}