
/*�޸�input��textarea�����������ɫ*/
input,textarea{color:#000;}
.logo_font{
    font-size: 16px;
    color: #00A0DC;
    font-weight: 500;
    height:40px;
    line-height:40px;
    font-family: "Times New Roman","΢���ź�";
    margin-left: 20px;
}
/*�޸�bootstrapĬ��css��ʽ*/
.crt_header .nav-pills>li.active>a,.crt_header  .nav-pills>li.active>a:focus,.crt_header .nav-pills>li.active>a:hover{
    background-color: #102336;
}
.crt_header .nav>li>a:focus,.crt_header .nav>li>a:hover {
    text-decoration: none;
    background-color: #102336;
}
.crt_header .nav>li>a{
    font-size: 14px;
    color: #ffffff ;
}
/*����ֻ���ҳ�����һζ�����*/
.crt_header>.row{margin:0 !important;}


.borderRight{border-right: 1px solid #FFFFFF;}
.full_div{width: 100%;background: #fff;margin: 15px 0; position: relative;padding:50px 0; }
.input_home{border-radius: 0!important;width: 95%;border:1px solid #ccc;background: #fff;margin:1px 1px;height: 30px;padding: 0 10px;resize:auto;}
.home_btn_lg{text-align: center;width: 200px;height: 50px;background: #00A0DC;line-height:50px;color: #fff;font-size: 26px;margin:20px auto;}
@media screen and (max-width:768px) {
.home_btn_lg{text-align: center;width: 100px;height: 30px;background: #00A0DC;line-height:30px;color: #fff;font-size: 16px;margin:20px auto;}
}

.banner{
	width: 100%;
	background: #FFFFFF;
	/* overflow:auto; */
}
.banner image{width: 100%;height: 100%;}
.banner_text{}
@media screen and (max-width:768px) {
    .banner_text{width: 100%;text-align: center;height: 30px;line-height: 30px;font-size: 16px;color: #00A0DC;}
}
.banner_div{
	width:100%;
	text-align:center;
	margin:0 auto;
	height:40%;
	/* padding:6% 20% 0 20%; */
	position:relative;
}
.banner_div:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.banner_div:before{
    content: "";
    background: url("/image/rank-bg.svg");
    background-repeat: no-repeat;
    background-position: 25% 35%;
    background-size: 4000px 4000px;
    opacity: 0.05;
}

@media screen and (max-width:1350px) {
    .home_btn_lg{text-align: center;width: 80%;margin-top: 15px;height: 50px;background: #00A0DC;border-radius: 10px;line-height:50px;color: #fff;font-size: 24px;}
}
.mid_div{width: 65%;margin: 0 auto;margin-left: 18%;}
.img_text p{width: 100%;text-align: center;font-size: 28px;font-weight: bold;}
.img_text img{margin-bottom: 10px;}
.mid_div_text{font-size: 18px;color: #000;margin-left: 30px;margin-bottom: 20px;}
.mid_div_ul{list-style: none; color: #727272;padding: 0;margin-left: 30px;}
.mid_div_ul li{display: inline-block;width: 24%;font-size: 20px;margin: 10px 0;}
.text-btn{background:#707070;width: 100%;text-align: center;height: 35px;line-height: 35px; color: #fff;border-radius: 5px;}
.shade_div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #9d9d9d;
    opacity: .4;
}
.father_div{
    min-height: 87%;
    width:100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    align-items: center;
     background:url(/bigscreen/images/star_dark.png);
}

.wrap{
	max-width: 600px;
	width:80%;
	border-radius:5px;
	background: #91C9F7;
	opacity: 0.75;
	}
.register_wrap{width: 700px;/*height:740px;*/position: relative;margin-top:100px !important;    background: #f9f9f9;}
.repass_wrap{width: 700px;height: 310px;position: relative;margin-top:300px !important;}
.center_div{margin: 0 auto;position:relative;}
.bg_white{background: #fff;}
.login_div{width:100%;height:100%; filter: Alpha(Opacity=50, Style=0);  opacity: .5;-moz-opacity:0.5;position: absolute;top: -70px;}
.title_md{
	height: 50px;
	line-height:50px;
    color: #fff;
    /* margin-top:10px;*/
    margin-bottom:20px; 
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2}
    
.div_input{/*position: absolute;*/width: 100%;text-align: center;top:10px;}
.input_normal{overflow-y: auto;border:1px solid #CCC;background-color:#fff !important;border-radius: 0 !important;padding-left: 10px;}
.login_btn{background:#2D77A0;color: #fff;border:1px solid #2D77A0;font-size:18px;}
@media screen and (max-width:768px) {
	.login_btn{background:#2D77A0;color: #fff;border:1px solid #2D77A0;font-size:16px;}
}
.input_btn{border-radius:3px;height: 40px;color: #000;}
.input_short{width:59%;margin: 10px auto;height: 30px;line-height: 30px;}
@media screen and (max-width:768px) {
	.input_short{width:50%;margin: 10px auto;height: 40px;line-height: 40px;}
}
.input_yzm{width:29%;color:#fff;}
@media screen and (max-width:768px) {
	.input_yzm{width:30%;color:#fff;}
}
.input_search{width: 400px;margin: 10px auto;height: 40px;line-height: 40px;}
.login_input{width:80%;margin: 10px auto;height: 40px;line-height: 40px;}
@media screen and (max-width:768px) {
	.login_input{width:80%;margin: 10px auto;}
}
.html_input{width: 65%;margin: 15px 0px;height: 30px;line-height: 30px;}

.bg_input{position:relative;width:80%;margin:0 auto;}
.bg_input input{width:100%;padding-left:30px;}
.bg_input img{width:20px;position:absolute;top:15px;left:5px;}  
.user-img{top:18px !important;}                                                                 

/*�޸Ĺȸ��Ĭ����ʽ*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   -webkit-box-shadow:0 0 0 1000px rgb(255,255,255) inset !important;
   -webkit-text-fill-color:#000;
}


.tips_right{text-align: right;}
.tips_black{color:#000;}
.tips_blue{color: #00A0DC;}
.tips_gray{color:#AEAEAE;}
.tips_warn{color: #ff0000;}
.tips_white{color: #fff;}
.tips_hr{position: relative;}
.tips_hr:after,.tips_hr:before{content: '';position: absolute;top: 52%;background: #AEAEAE;width: 30%;height: 1px;}
.tips_hr:before{left: 0;}
.tips_hr:after{right: 0;}
.cursor_p{cursor: pointer !important;}
.tips_div{width: 100%;height: 100%;height: 50px;line-height:48px;background: #ededed !important;margin-top: 25px;}
.tips_div_td{padding: 10px !important;}
.tips_div_td>.tips_div{margin:0px;padding-left: 10px;}
.footer{width:100%;background: #102336;text-align: center;min-height: 50px;line-height: 50px;}
.footer_fixed{position:absolute;bottom:0;}
.footer_ul{list-style: none;padding: 0;}
.footer_ul li{display: inline-block;padding:0 15px;}

.mod-sub-nav {
    width:400px;
    padding-left:0;
    height: 34px;
    background: url(../../image/sub_nav.png) no-repeat 0 0;
    margin: 30px auto;
    line-height: 34px;
    color: #666;
    font-size: 16px;
    font-family: "Microsoft Yahei",\5fae\8f6f\96c5\9ed1,\9ed1\4f53;
}
.mod-sub-nav li.list1-active {
    background: url(../../image/sub_nav_1.png) no-repeat 0 0;
    color: #2e82ff;
}
.mod-sub-nav li {
    float: left;
    padding-left: 46px;
}
.mod-sub-list1 {
    width: 175px;
}
.mod-sub-list2 {
    width: 163px;
}
.margin-left-20{
    margin:0 20px;
    padding:20px;
}

.div-padding{
    padding:20px;
    margin:20px 0px 20px;
    width: 100%;
}
.part-title{
    height:42px;
    line-height:30px;
    color: #434242;
    margin:5px;
    padding-right: 5px;
    border-bottom: 1px solid #f1f0f0;
}
.part-title-name{
    font-size:14px;
    color:#737577;
    font-weight: bold;
    padding-left: 10px;
    border-left: 3px solid #6482BC;
    margin-right: 10px;
}

.part-radio{
    color:#000;
    margin: 20px 40px 20px 0;
    display: inline-block;

}

.tabel-btn{
    width: 200px;
    background: #00A0DC ;
    border:0;
    margin: 20px 0;
    border-radius: 5px;
}
.bg-gray{background: #F2F2F2;display: none}
.bg-gray .close{
    margin-right: 10px;
}
.part-checkbox{
    margin: 10px;
    display: inline-block;
    width: 40%;
}
.part-checkbox label{
    color: #000;
    font-weight: normal;
}
 .input-icon{
     margin-left: -20px;
     height: 20px;
     color: #ABA9A9;
}

.user-table{
    table-layout: fixed;
    width: 100%;
}
 .user-table tr td{
     height: 70px;
     color: #000;
     border-bottom: 1px solid #f1f0f0;
     overflow: hidden;
     white-space: nowrap ;
     text-overflow:ellipsis;
     -o-text-overflow:ellipsis;
 }
 
 .user-table tr td a{ color: #000; }
 .user-table tr:hover{background-color:#edf1f4;}
 
  .user-table-title{
        cursor: pointer;
 }


.user-table-lite {
    table-layout: fixed;
    width: 100%;
}
 .user-table-lite tr td{
     height: 40px;
     color: #000;
     padding: 10px 2px 10px 0px;
     border-bottom: 1px solid #ebe9e9;
     overflow: hidden;
     white-space: nowrap ;
     text-overflow:ellipsis;
     -o-text-overflow:ellipsis;
 }
 
 
  .user-table-lite tbody>tr:hover {
    background-color: #f5f5f5;
 }
 
 

.user-table-lite tr td a{
    color: #000;
}

.user-table-lite th {
    height: 40px;
    color: #000;
    border-bottom: 1px solid #C9C9C9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
        font-weight: normal;
}


.stat-table{
    table-layout: fixed;
    width: 100%;
}
 .stat-table tr td{
 	height:70px;
     color: #000;
     border-bottom: 1px solid #C9C9C9;
     overflow: hidden;
     white-space: nowrap ;
     text-overflow:ellipsis;
     -o-text-overflow:ellipsis;
 }
 
.part-ul-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.part-ul-list li{
    display: inline-block;
    margin: 10px 10px;
    padding: 5px 10px ;
    border: 1px solid #4483CA;
    border-radius: 5px;
    color: #A9A9A9;

}
.part-ul-list li i{
    display: none;
}
.part-ul-list-active{
    color: #4483ca !important;
}
.part-table-img{
    width: 64px;
    height: 64px;
    margin: 20px;
}
.no-border{
    border-bottom:0 !important;
}
.icon-gray{
    color: #A9A9A9;
}
.icon-red{
    color: #D00000;
}

/*��ȡԭ�ĵ�ͼ����ʽ*/
.bg-input{
	position:relative;
	width:100%;
}

.getWebpage-icon{
	display:inline-block;
	height:15px;
	width:15px;
	position: absolute;
    left: 93%;
    top: 6px;
}
.getWebpage-icon{margin-right:10px;}
.getWebpage-icon i:hover{color:#000;}


/*��½��ά��*/
.login-switch{
	width:50px;
	height:50px;
	padding:5px;
	float: right;
}

.prcode{
	text-align:center;
	padding-top:10px;
	width:100%;
	height:230px;
	font-size:14px;
}
.prcode>img{
	margin-bottom:15px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*�����л��˵�*/
.hotNavbar {
    width: 100%;
    height: 40px;
    background: #ccc;
    clear: both;
}
.page-content{
	width: 80%;
	margin:25px auto;
}
.hotNavbar ul li {
    float: left;
    margin-top: 10px;
    width: auto;
    padding-left: 15px;
    cursor: pointer;
    color: #000;
}
.hotNavbar ul li b {
    float: right;
    border-left: 1px solid #000;
    width: 2px;
    height: 20px;
    margin-left: 15px;
}
.gain_content {
    height: auto;
    overflow: hidden;
    padding: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.gain_content li {
    margin-top: 0.2rem;
    padding-bottom: 10px;
    background-position: right 0.18rem;
    background-size: 0.2rem;
    border-bottom: 1px solid #ccc;
}
.gain_content li:last-child{
	border-bottom: 0px solid #ccc;
}
.hotSort {
    width: 50px;
}
.hotKeyword {
    width: 50%;
    font-style: normal;
}
.searchnum {
    display: inline-block;
    width: 90px;
    text-align: right;
    float: right;
    margin-right: 10px;
    color: #666;
}
.hotSort, .hotKeyword, .searchNum, .hotTitle, .hotMedia {
    display: inline-block;
    color: #666;
}
.gain_content i {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    color: #ffffff;
    background: #03A7E1;
    text-align: center;
    margin-top: 10px;
    line-height: 25px;
    font-style:normal;
}
.faDown {
    color: #03A7E1;
    margin-left: 5px;
}
.faUp {
    color: #ff0000;
    margin-left: 5px;
}
.gain_content li em.tit2 {
    display: inline-block;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.18rem;
    padding-top: 0.03rem;
    color: #666;
    font-style:normal;
}
.searchNum {
    display: inline-block;
    width: 90px;
    text-align: right;
    float: right;
    height: 40px;
    line-height: 50px;
    margin-right: 10px;
}

.position-center{
	display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.nopadding{padding:0;}
.border-top {
    border-top: 2px solid #ccc;
    overflow: hidden;
}

/*���Ź���ҳ������ʽ*/
.content-1{
	width:29%;
	float:left;
	height:600px;
	padding:10px;
	color:#000;
}
.content-3{
	width:69%;
	float:left;
	height:600px;
	padding:10px;
	color:#000;
}
.content-left{
	width:49%;
	float:left;
	height:600px;
	padding:10px;
	color:#000;
}
.content-right{
	width:49%;
	float:right;
	height:600px;
	padding:10px;
	color:#000;
}
.list-panel{
	width:98%;
	height:90%;
	overflow-y:auto;
	background:#F2F2F2;
	margin-top:18px;
}
.tab-pane  label{font-weight:normal;}
.list-panel label>input{margin-right:5px;}
.list-panel-left{
	float:left;
	width:46%;
	height:40px;
	margin:15px 1% 0 3%;
	padding:5px 10px 10px 10px;
}
.list-panel-left ul li{
	margin:5px 0;
}
.list-panel-right{
	float:right;
	width:46%;
	height:40px;
	margin:15px 3% 0 1%;
	padding:5px 10px 10px 10px;
}
.list-panel-right ul li{
	margin:5px 0;
}
.list-panel-item{
	float:left;
	width:90%;
	height:40px;
	margin:15px 1% 0 3%;
	padding:5px 10px 10px 10px;
}
.list-panel-item ul li{
	margin:5px 0;
}
.list-panel-item-3-1{
	float:left;
	width:28%;
	height:40px;
	margin:15px 1% 0 3%;
	padding:5px 10px 10px 10px;
}
.list-panel-item-3-1 ul li{
	margin:5px 0;
}
.textover{
	width:98%;
	overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tab-pane .user-table label{
	display:inline-block;
	width:200px;
	vertical-align: top;
	margin:0 5px;
}
.tab-pane .user-table tr:nth-child(even){
	background:#F2F2F2;
}
.close-icon{
	float:right;
	margin-top:2px;
}
.div-padding-none{
	    width: 100%;
	    padding: 0px;
   		margin: 0px 0px;
   		border-left: 1px solid #C9C9C9;
   		border-right: 1px solid #C9C9C9;
}

.div-padding-none tr td{border-bottom: none;    height: 40px;}
.part-title-padding{padding-left: 15px;}
.table_td_center{text-align: center;}
.nonclickbold {color:#67686a; font-weight: bold;}

