﻿@charset "utf-8";
/* CSS Document */

body{ background:#eee;color:#333;font-size:14px; font-family:Verdana ,"微软雅黑"; margin:0; padding:0;word-break: break-all; }
ul,li ,dl, dt{ margin:0px; padding:0px; list-style-type: none; }
h1,h2,h3,h4,h5, p{ margin:0; padding:0; font-weight:normal;word-break: break-all; }
button{ border:none; background:none; vertical-align:middle;}
/*input{ background:none; vertical-align:middle; }*/
table{border-collapse: collapse;border-spacing: 0;}
select{ vertical-align:middle;}
button{ cursor:pointer;}
img{ border:none;}
a, a:hover{ text-decoration:none; outline:0; blr:expression(this.onFocus=this.blur()); cursor:pointer; color:#333;}
a:hover{ cursor:pointer; }
.clear{ clear:both; overflow:hidden;}
em{ color:#f00; font-style:normal;}

html {-webkit-text-size-adjust:100%;}
*, *:before, *:after {box-sizing: border-box;}

/***** 头部 *****/
.header{ height:45px; background:#d0070a; overflow:hidden; position:relative;}
.header a:hover{ background:#f92200;}
.header a span{ width:27px; height:25px; display:block; padding:9px;}
.ui-title{ width:220px; height:45px; line-height:45px; margin:0 auto; text-align:center; font-size:20px; color:#fff; display:block; }
.btn_return{ position:absolute; top:0; left:0; width:45px; height:45px;}
.btn_more{ position:absolute; top:0; right:0; width:45px; height:45px;}
.header .header_right_a {line-height: 45px; height: 45px;margin: 0 auto;text-align: center;color: #fff;display: block;}

/***** 内容 *****/
.main{ padding:0 10px;  max-width:1040px;}
.news_list1 li{ height:40px; line-height:40px; font-size:14px; overflow:hidden; display:block; cursor:pointer;}
.news_list1 li a{ color:#333;}
.news_list1 li a:hover{ background:#ddd; display:block;}
.news_list1 li a img{ vertical-align:middle; padding-right:5px;}
.news_list1 li span{
	display:block; 
	width:95%; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 溢出文本显示省略号*/
	margin:0; padding:0;}
.news_list1 li.line{ height:2px; background:url(../images/line.png) repeat-x 0 0; }
.news_list1 .li_content{ height:auto;line-height:normal;padding-top:10px;padding-bottom:10px;background: url('/content/wechat/images/icon_arrow.png') right center no-repeat;}
.news_list1 .li_content p{ padding-top:5px;padding-bottom:5px;}
.news_list1 .li_content p font{ font-weight:bolder; float:left;}
.news_list1 .li_content .div_content{
    margin-right:15px;
}

.news_list2 li{ height:160px; line-height:160px; font-size:14px; overflow:hidden; display:block; cursor:pointer;}
.news_list2 a{width:100%; height:160px; padding:10px 0; font-size:14px;  overflow:hidden; display:block; cursor:pointer; position:relative;}
.news_list2 .li_content{ height:160px;line-height:160px;padding-top:5px;padding-bottom:5px;background: url('/content/wechat/images/icon_arrow.png')  right center no-repeat;}
.news_list2 a:hover{ background:#ddd; display:block;}
.news_list2 li.line{ height:2px; background:url(../images/line.png) repeat-x 0 0; }
.news_img{ position:absolute; left:10px; width:150px; height:150px;}
.news_text{ position:absolute; left:170px; overflow:hidden;text-overflow:ellipsis; width:50%}
.news_text .h2{ font-size:16px; height:50px; line-height:25px; color:#333; display:block;width:95%;
	/*word-break:keep-all;*/ /*不换行*/ 
	/*white-space:nowrap !important;*/ /*不换行*/ 
	overflow:hidden; /*内容超出宽度时隐藏超出部分的内容*/ 
	text-overflow:ellipsis;  /*溢出文本显示省略号*/
    margin:0; padding:0;
	}
.news_text span{ color:#6e6d75; height:40px; line-height:40px; display:block; 
	word-break:keep-all;/* 不换行 */
	white-space:nowrap !important;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 溢出文本显示省略号*/
	}

.news_tit{ height:auto; padding-top:10px; }
	
.title{ min-height:30px; line-height:30px;}
.date{ height:30px; line-height:30px; color:#6e6d75;}
.line{ height:2px; background:url(../images/line.png) repeat-x 0 0; padding:0; }
.text{ width:72%; padding:0 4px; height:21px; border:1px solid #ccc; background:#fff;}
.multext{ width:75%; padding:0 4px; border:1px solid #ccc; background:#fff;}
.gray{ color:#6e6d75;}

.news_con{ padding:20px 0;}
.news_con img{ width:100%!important; height:auto!important;}
.news_con p.p-img{ text-align:center; text-indent:0!important;}
.news_con p{ line-height:30px; text-indent:0;}

input[type="search"]{
    border-radius: 5px;
    border: 1px solid #ebebeb;
    width: 98%;
    font-size: 16px;
    -webkit-appearance: none;
    text-align:center;
    height: 30px;
    outline: none;
    
}

/*.searchbox{
background-color:transparent;
border:mediumnone;
color:#666;
width:100%;
padding:0;
height:30px;
margin-top:10px;
line-height:30px;
vertical-align:middle;
-webkit-appearance:none;
}*/
/***** 表格 *****/
.tablediv{ overflow:hidden; border:1px solid #fff; margin-top:10px;}
.table01{ width:100%;}
.table01 td,.table01 th{ border:1px solid #d2d2d2; font-size:14px; padding:6px;word-break: break-all; }
.table01 th{ background:#e8e8e8; text-align:right; white-space:nowrap;}
.table01 td{  font-size:14px; font-weight:normal; background:#fff;}
.table01 .labelTitle{font-weight: bolder;line-height: 24px;}
.table01 select{width:90%; height:34px;}
.table01 input[type=radio],input[type=radio]:checked{height: 25px; width: 20px;background:black;}

/***** 投诉与建议提交页面 *****/
.suggest_table{ overflow:hidden;margin-top:10px;}
.suggest_table li{background:#fff;border-top:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
.suggest_table i{color:#d0070a;vertical-align:middle;}
.suggest_table .text{ width:75%; padding:0 4px; height:25px; border:1px solid #ccc; background:#fff;}
.nature{width:30%;height:30px;line-height:30px;vertical-align:middle;background:#e8e8e8;text-align:right;display:inline-block;border-right:1px solid #d5d5d5;}
.special_btn{height:38px;}
.special{height:130px;}
.text2{width:60%; padding:0 4px; height:120px; border:1px solid #ccc; background:#fff;}
.suggest_table li img{width:30px;height:30px;display:inline-block;margin:2px 5px;vertical-align:middle;}
.img_btn{width:30px;height:30px;display:inline-block;margin:2px 5px;vertical-align:middle;}
.img_btnH{width:36px;height:45px;display:inline-block;margin:2px 5px;vertical-align:middle;}
	
/***** 留言板 *****/
.group li{margin-top:8px;overflow:hidden;}
.m_tit{ font-size:16px; height:50px; line-height:40px;}
.user{font-size:12px;color:#6e6d75;float:left;}
.user img{width:45px;height:45px;margin:0;}
.user p{width:45px;height:25px;text-align:center;line-height:25px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
/*.message_box{border:1px solid #cecece;background:#fff;padding:8px;margin-left:52px;*clear:none;}*/
.message_box{ border:1px solid #cecece; background:#fff; padding:15px; clear:both; margin-bottom:10px; overflow:hidden;word-break: break-all; }
/*.message_box p{line-height:25px;}*/
.message_date{text-align:right;color:#6e6d75;float:right; font-size:14px;}
.message_detail{border:1px solid #cecece;background:#fff;padding:15px;margin-top:10px;}
.message_title{font-size:20px;line-height:30px;}
.message_from{font-size:14px;color:#6e6d75;margin:5px auto;}


/***** 积分 *****/
.header h2{ color:#fff; font-size:20px; line-height:45px; padding-left:20px; }
.btn_box{ position:absolute; top:2px; right:5px; }
.btn_message{ width:100px; height:40px;background:url(../images/btn_message100.png) no-repeat 0 0; border:none; cursor:pointer; font-size:18px; font-family: "微软雅黑"; color:#d64a00;}

 
.tit_jf{ border-bottom:1px solid #fff; margin-bottom:10px;}
.tit_jf h3{ font-size:18px; height:40px; line-height:40px; border-bottom:1px solid #bbb; background:url(../images/tit_icon.png) no-repeat 0 11px; padding-left:22px; }

.jifen{ clear:both;}
.ul_jifen{ width:100%;  display:table;}
.ul_jifen li{ float:left; padding:5px; display:block; }
.col-md{ width:25%;}
.col-xs{ width:50%;}

.box{ background:#fff; height:auto; max-width:100%; text-align:center; padding-bottom:5px; display:block;}
.box > img{ max-width:100%; margin-left:auto; margin-right:auto; display:block;}
.box > a > img{ max-width:100%; margin-left:auto; margin-right:auto; display:block;}
.jf_dh p{ font-size:14px; height:40px; line-height:40px; overflow:hidden;}
.btn_confirm{ width:100px; height:40px;  background:url(../images/btn_confirm.png) no-repeat 0 0; border:none; cursor:pointer; float:right; margin-right:10px;}
.btn_un{ width:100px; height:40px; line-height:40px; text-align:center;  background:url(../images/btn_un.png) no-repeat 0 0; border:none; cursor:pointer; float:right; margin-right:10px;}


.btn{ width:100px; height:40px; line-height:40px; text-align:center;  background:url(../images/btn.png) no-repeat 0 0; border:none; cursor:pointer; font-size:18px; font-family: "微软雅黑"; color:#fff;}

.footer{ clear:both; height:40px; padding-top:20px;} 
.footer p{ text-align:center; line-height:18px;}


.box_tips{ width:80%; height:auto; padding:20px; text-align:center; margin:120px auto; line-height:40px; border:1px solid #008cd6; background:#fff; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}

.load{ height:35px; line-height:35px;color:#008cd6; background:#fff; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; text-align:center; margin:10px 0;}
.loading{text-align:center;margin-top:10px;margin-bottom:10px;}
/***** 图文消息 *****/
.box2{ height:auto; width:350px; background:#fff; margin:8px; border:1px solid #ccc;}
.layout_upside{ height:160px; padding:5px;}
.upside_left{ float:left; width:290px; height:160px; position:relative;}
.upside_text{ height:45px; line-height:45px; width:290px; background:#000;background:rgba(0,0,0,0.3); position:absolute; top:115px;}
.upside_text p{ text-align:center; color:#fff;}
.upside_right{float:right;width:35px; height:109px; margin:28px auto;}

.layout_under{ height:128px; border-top:1px solid #ccc; padding:5px; clear:both;}
.under_left{float:left; width:290px; height:118px;}
.under_right{float:right;width:35px; height:106px; margin:6px auto;}
.under_text{ float:left; width:200px; margin-top:16px;}
.under_text p{ text-align:center; line-height:24px; }
.under_img{ float:right; width:80px; height:80px; margin:16px 0; }

.arrow{ width:35px; height:100px; position:relative; }
.arrow a{ width:26px; height:24px; display:block; }
.arrow_up{background:url(../images/img_arrow.png) no-repeat 0 0; position:relative; top:0px;}
.arrow_up:hover{ background:url(../images/img_arrow.png) no-repeat -26px 0;}
.arrow_down{background:url(../images/img_arrow.png) no-repeat 0 -24px; position:relative; top:50px;}
.arrow_down:hover{background:url(../images/img_arrow.png) no-repeat -26px -24px;}

.form-control {
    width: 90%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

 /************************* 转接进度********************************/
.transfer_apply,.transfer_in,.transfer_in2,.transfer_out,.transfer_out2,.transfer_cancle,.transfer_nopass { background:url(/Images/transfer_progress.jpg); width:100%; height:79px; background-size:cover; }
.transfer_in { background-position:0px -73px;}
.transfer_in2 { background-position:0px -146px;}
.transfer_out { background-position:0px -219px;}
.transfer_out2 { background-position:0px -292px;}
.transfer_cancle { background-position:0px -365px;}
.transfer_nopass { background-position:0px -434px;}
.outtransfer_apply,.outtransfer_in,.outtransfer_in2,.outtransfer_out,.outtransfer_out2,.outtransfer_cancle { background:url(/Images/outtransfer_progress.jpg); width:100%; height:79px; background-size:cover; }
.outtransfer_in { background-position:0px -73px;}
.outtransfer_in2 { background-position:0px -146px;}
.outtransfer_out { background-position:0px -219px;}
.outtransfer_out2 { background-position:0px -292px;}
.outtransfer_cancle { background-position:0px -365px;}

.w640{width: 640px;margin: 0 auto;}
.w640 .header_right_a{line-height: 90px; height: 90px;margin: 0 auto;text-align: center;color: #fff;display: block;font-size: 2em;}

/*Personal Center*/
.personal { height:90px; background:#d0070a; position:relative;}
.personal .back a { position:absolute; left:20px; top:20px; display:block; width:54px; height:50px;}
.personal .tit { font-size:32px; color:#FFF; text-align:center; height:90px; line-height:90px; display:block;}
.pay { margin:10px 30px;}
.pay .pay_tit { height:50px; line-height:50px; color:#b2b2b2; font-size:30px; font-weight:normal;}
.pay .pay_tit img { vertical-align:middle; margin-right:10px; width:50px; height:50px;}
.pay .money { font-size:60px; color:#333; font-weight:normal; margin:6px 0;width:100%;}
.pay .m_input { height:82px; line-height:82px; font-size:30px; padding-left:12px; width:564px; font-family:"微软雅黑"; color:#cdcdcd; background:#FFF; border:2px #ebebec solid; border-radius:8px;}

.month { width:580px; margin:0 auto; margin-top:16px;}
.month ul li a { float:left; width:131px; height:91px; border:2px #dadada solid; border-radius:8px; color:#c5c5c5; text-align:center; margin-right:13px; margin-bottom:13px; display:block;}
.month ul li a h1 { font-size:36px; line-height:52px; font-weight:normal; }
.month ul li a p { font-size:24px; line-height:24px;}

.month ul li.m_yj a{ border:2px #d0070a solid; background:url(../images/yj_icon.png) no-repeat  99px 2px;}
.month ul li.m_yj a h1 { font-size:36px; line-height:52px; font-weight:normal;  color:#d0070a;}
.month ul li.m_yj a p { font-size:24px;  color:#d0070a; line-height:24px;}

.month ul li.m_bu a{ border:2px #d0070a solid; background:url(../images/bj_icon.png) no-repeat  99px 2px;}
.month ul li.m_bu a h1 { font-size:36px; line-height:52px; font-weight:normal; color:#d0070a;}
.month ul li.m_bu a p { font-size:24px;  color:#d0070a; line-height:24px;}

.month ul li.hover a{ border:2px #d0070a solid; background:#d0070a;}
.month ul li.hover a h1 { font-size:36px; line-height:52px; font-weight:normal;  color:#fff;}
.month ul li.hover a p { font-size:24px;  color:#fff; line-height:24px;}

.m_text { font-size:28px; color:#666; line-height:40px; margin-top:6px;}
.m_text img { vertical-align:middle; margin:0 10px;}

.m_tj_btn a { color:#FFF; background:#d0070a; width:580px; height:84px; line-height:84px;  border-radius:8px; font-size:36px; display:block; text-align:center; margin:10px 0; }
.m_tj_btn a:hover { background:#ff0004;}

.ts_box { width:520px; margin:0 auto; margin-top:90px;}
.ts_box h1 { text-align:center;}
.ts_t { line-height:40px; font-size:28px; margin-top:40px; color:#666;}
.ts_t .red { color:#d00000;}

/*付款方式*/
.pay_t { height:86px; line-height:86px; background:#FFF; width:100%; border-bottom:1px #e3e3e3 solid; text-align:center; font-size:30px; color:#000; font-weight:bold;}
.pay_t a { float:left; margin:0px 0 0 28px; display:inline-block;}
.pay_t img {  vertical-align:middle;}

.pay_n {  height:72px; line-height:72px; background:#FFF; width:100%; border-bottom:1px #d8d8d8 solid; font-size:24px; color:#666;}
.pay_n_t { float:left; margin-left:20px;}
.money { float:right; margin-right:20px; color:#e8323b;}
.money b { font-size:30px; font-weight:normal;}
.to_pay { height:99px; border-bottom:1px #d8d8d8 solid; width:100%; position:relative;}
.to_pay a { display:block;}
.bank { float:left; margin:16px 0 0 20px; width:100%;}
.bank_icon { float:left; margin-right:20px;}
.bank_name { font-size:26px; color:#232625; display:block;}
.bank_text { font-size:20px; color:#78787a; display:block;}
.arrow_r { position:absolute; top:38px; right:20px;}

.other_pay { border-top:18px #f1f2f6 solid; width:100%;}
.other_tit { font-size:24px; width:100%; height:70px; line-height:70px; text-indent:20px; color:#666; border-top:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid;}
.other_pay ul { margin-left:20px;}
.other_pay ul li { border-bottom:1px #d8d8d8 solid; height:99px; position:relative;}
.other_pay ul li .bank { margin-left:0px;}


.blank_10 { clear:both; height:10px; text-align:center; }



/***** tab *****/
.hd_tab {border:0; background:#FFF; border-bottom:2px #ddd solid; top:auto; z-index:100;  overflow: visible; width:100%;  height: 36px; }
.hd_tab .tab { width:100%;  height: 36px;}
.tab li, .tab a, .tab-item { float: left; text-align: center;}
.hd_tab .tab li {  width:33.33%;}
.hd_tab .tab li a { float: left;  height: 36px; line-height:36px; width:100%; text-align:center; color:#333; display:inline-block; cursor:pointer;}
.hd_tab .tab .hover a {height: 36px; line-height:36px; border-bottom:2px #d0070a solid; color: #d0070a;  cursor: default; cursor:pointer; }
.hd_tab_box { display:block;}

/*input时间样式*/
.datetime { background-color: white; background: url(../images/rl_icon.png) no-repeat 342px 5px; border: 1px #dcdcdc solid; height: 46px; line-height: 46px; width: 61%; padding-left: 2%; font-size: 26px; color: #000; font-family: Verdana,"微软雅黑"; vertical-align: initial; }

/***** tab *****/
.dzb_tab {border:0; background:#FFF; border-bottom:2px #ddd solid; top:auto; z-index:100;  overflow: visible; width:100%;  height:42px; }
.dzb_tab .tab { width:100%;  height:42px;}
.tab li, .tab a, .tab-item { float: left; text-align: center;}
.dzb_tab .tab li {  width:33.33%;}
.dzb_tab .tab li a { float: left;  height: 42px; line-height:42px; width:100%; text-align:center; color:#333; display:inline-block; cursor:pointer;}
.dzb_tab .tab .hover a {height: 42px; line-height:42px; border-bottom:2px #d0070a solid; color: #d0070a;  cursor: default; cursor:pointer; }
.dzb_tab_box { display:block; padding:2%; width:100%; }

.dzb_xx li { line-height:24px; padding:8px 0; border-bottom:1px #ddd solid;}
.dzb_xx li span { text-align:right; margin:0 6px; font-weight:bold;}

.company_xx ul:nth-child(even) { background:#fff;}
.company_xx ul { border:1px #ddd solid; border-bottom:0px #ddd solid; background:#f9f9f9; width:100%; margin-bottom:10px;}
.company_xx li:first-child { background:#eee; color:#d00;}
.company_xx li { line-height:24px; padding:8px 6px; border-bottom:1px #ddd solid;}
.company_xx li span { text-align:right; margin-right:6px; font-weight:bold; width:100px; display:inline-block;}

.dy_xx ul:nth-child(even) { background:#fff;}
.dy_xx ul { border:1px #ddd solid; border-bottom:0px #ddd solid; background:#f9f9f9; width:100%; margin-bottom:10px;}
.dy_xx li:first-child { background:#eee; color:#d00;}
.dy_xx li { line-height:24px; padding:4px; border-bottom:1px #ddd solid;}
.dy_xx li span { text-align:right; margin-right:6px; font-weight:bold; width:80px; display:inline-block;}