/* only small desktops */
/* new login+register+orders page */
.nike-portrait-screen{ text-align:center;}
@media screen and (max-aspect-ratio: 13 / 9) {
  .nike-portrait-screen{ display:none;}
  .nike-landscape-screen{height:100%;width:100%;display:block;position:fixed;background-color:#000;color:#fff;top:0;left:0;z-index:999999;} 
  .screen_img{ width:26%; height:auto; margin-top:10%;}
  .content-img{ font-size:0.24rem;}
}
@media screen and (min-aspect-ratio: 13 / 9) {
  .nike-portrait-screen{height:100%;width:100%;display:block;position:fixed;background-color:#000;color:#fff;top:0;left:0;z-index:999999;}
  .screen_img{ width:26%; height:auto; margin-top:10%;}
  .content-img{ font-size:0.24rem;}
  body{height:0 !important; background-color:transparent !important; }
  .nike-landscape-screen{display: none;} 
}


@media (min-width: 992px) and (max-width: 1199px) {

}

/* tablets */
@media (max-width: 991px) {

}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {

  .team-item {
    padding: 10px;
  }
  .team-item .content h2 {
    font-size: 15px;
  }
  .padding-none {
    padding-right: 15px;
    padding-left: 15px;
  }

}

/* mobile or only mobile */
@media (max-width: 767px) {
  .navbar-brand img {
    margin: 8px 0;
  }
  #cta .cta-info {
    padding: 0;
  }
  #cta .cta-info h3 {
    font-size: 1.6em;
    line-height: 36px;
  }
  .padding-none {
    padding-right: 15px;
    padding-left: 15px;
  }

  
.color2{color:#f08300 !important;} 
 
  /*  new add style */
  .search_input_nav{ border:1px solid #ccc;}
  .search_submit_nav{ padding:0 6px; background-color:#0098ff; margin-left:10px; color:#fff;}
  .search_select .search-bar{ padding:8px 10px; margin:2px 5px; background-color:#ededed;}
  .tit_type {
	 margin: 20px 0;
  }
  .tit_type p{
    font-size: 1.2em;
	  margin: 0 0 10px;
  }
  .tit_type .big_font{
    font-size: 1.8em;
	 line-height: 30px;
  }
  .tit_type img{
	width: 16%;
    margin: 0 42%;
  }
  .citycard, .jinchengtong, .service_network{
    height: auto;
	margin-bottom:0px;
  }
  .content-box .panel-img-box{ 
  width: 100%;
  float: none;
  padding: 0;
  flex: 1 0 auto; 
  overflow: hidden;
  position: relative;
   margin-bottom:20px;
  }
  .function-main{
  width:90%;
  }
  .content-box .panel-img-box .text-box,.recharge_con .text-box{
  position: static;
  background-color: #f1f1f1;
  width: auto;
  padding: 16px 20px;
  }
  .content-box1 .panel-img-box .text-box{
  position:absolute;
  width:100%;
  bottom:0;
  background-color:#000;
  opacity:0.7;
  }
  .content-box .category,.recharge_con .text-box .category {
  font-size: 1.2em;
  color: #333;
  font-weight: bold;
  text-shadow:none;
  margin-bottom: 12px;
  }
  .content-box1 .category{ color:#fff;}
  .content-box .read-more span{
  font-size:1em;
  color:#fff;
  background: #0098ff;
  padding: 6px 12px;
  border-radius: 60px;
  }
  .content-box .panel-img-box .text-box .read-more{
    opacity: 1;
  }
  .card-padding{
    padding: 40px 0;
  }
  .container.links{ }

.citypay_use .use_con .text{ padding:24px; background-color: #edf8ff;}
.citypay_use .use_con .text h3{ font-size:1.2em; color:#333; line-height:32px; text-align:center; font-weight:bord;}
.citypay_use .use_con .text p{ font-size:1em; color:#666666; text-align:left; line-height:24px;}
.banner_pay_con{ width:100%; padding:0 18px 20px;}
.banner_pay_con .slide a{ background-color:transparent;}
.citypay_use{ width:90%; margin:15px auto; overflow:hidden;}
.citypay_use .use_img img{ width:100%;}


.citypay_que .use_con{ width:100%; margin-right:40px; margin-bottom:20px;}
.citypay_que .use_con_end{ margin-right:0px;}
.citypay_que .use_img{ width:100%;}
.citypay_que .use_con .text h3{ text-align:left;}
.mt36{ margin-top:36px;}

.citypay_feature{ background-color:#edf8ff; border-radius:30px; margin-bottom:50px;}
.citypay_feature .use_con{ background:transparent;}
.citypay_feature .use_img{ width:130px; margin:0 auto; padding:40px 0 30px;}
.citypay_feature .use_con .text h3{ color:#0098ff;}
.citypay_feature  .use_con .text p{text-align:center;}

  /** 我是商户联系入口 **/
  .merchant_cooperation{ width:100%; margin:0 auto; margin-bottom:40px;}
  .merchant_con{ width:100%; height:408px; padding-top:60px; background:url(../img/merchant_cooperation.png) center no-repeat;}
  .merchant_cooperation .bg_con{ width:80%; height:312px; margin:0 auto; margin-top:20px; padding:0 12px; text-align:center; background-color:rgba(255,255,255,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff,endColorstr=#60ffffff)\9;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff,endColorstr=#60ffffff);}
  .merchant_cooperation h4{ font-size:30px; color:#333; line-height:72px;}
  .merchant_cooperation p{ font-size:18px; color:#222; line-height:30px;}
  
 /**  修改VIP密码    **/
  .pay_warp .ddjs_con{ width:100%; margin:0 auto; margin-top:84px; text-align:center;}
  .pay_warp .jct_img{ width:65%; margin-bottom:20px;}
  .pay_warp .ddjs_con .tit{ background:#f0f0f0;}
  .pay_warp .ddjs_con .list{ margin-top:24px; background:#f0f0f0;}
  .pay_warp .ddjs_con ul li{width:100%; height:46px; line-height:46px; padding:0 18px;}
  .pay_warp .ddjs_con li span{ font-size:14px; color:#333;}
  .pay_warp .ddjs_con li input{ line-height:46px;text-align:right; width:60%; font-size:14px;}
  .pay_warp .ddjs_con li .sz{ color:#5c5c5c;}
  .pay_warp .point{ width:100%; margin-top:12px;}
  .pay_warp .point p{ color:#ff3300; text-align:right; padding-right: 8px;}
  .pay_warp .xyb_btn,.pay_warp .qrzf_btn{display:block;width:92%;height:46px;line-height:46px;margin:0 auto;background-color:#ff9900;color:#fff;text-align:center;font-size:16px;margin-top:36px;margin-bottom:40px;border-radius:8px;}
  .pay_warp .vip_yzm{ width:30%;}
  
  
  /**  城市卡介绍页   **/
  .card_information{ width:100%; background-color:#fff; padding:18px; margin-bottom:30px; margin-top:70px;}
  .essay_tit{ font-size:16px; color:#333; line-height:28px; font-weight:bold; margin-bottom:10px;}
  .essay_time{ font-size:14px; color:#999; line-height:24px; padding-bottom:16px; border-bottom:1px solid #d1d1d1; margin-bottom:30px;}
  .essay_txt{ text-align:center;}
  .essay_txt_left{ text-align:left;}
  .essay_txt p,.essay_txt{ font-size:14px; line-height:30px; text-align:left; word-break: break-all;}
  .essay_txt span{ font-size:14px; line-height:30px; text-align:left !important; display:inline-block; word-break: break-all;}
  .essay_txt p.kg{ text-indent:2em; text-align:left;}
  .essay_txt img{ width:86%; margin-bottom:20px;}
  .card_show{ padding:18px; float:left;}
  .show_card_list{ width:100%;}
  .show_card_list li{ width:48%; float:left; margin:0 3px 10px;}
  .show_card_list li img{ width:100%;}
  .show_card_list li p{ font-size:10px;}
  
  /**  常见问题列表页   **/
  .problem_con{ width:100%; margin-top:70px;}
  .problem_con ul.problem_ul{ width:100%; margin-bottom:30px; border-top:1px solid #eee;}
  .problem_con ul.problem_ul li{ width:100%; min-height:46px; line-height:46px; border-bottom:1px solid #eee;}
  .problem_con ul.problem_ul1 li{ border-bottom:0px;}
  .problem_con ul.problem_ul li img{ width:6%; margin-left:12px; margin-right:6px;}
  .problem_con ul.problem_ul li a{ width:100%; padding:0 5%; display:inline-block; color:#333;}
  .problem_con ul.problem_ul1 li p{ width:88%; line-height:26px; margin:0 auto; display:block; color:#999;}
  .problem_con ul.problem_ul1 li .que{ color:#333; font-weight:bold; margin-top: 16px;}
  .card_news{ margin:80px 18px 30px;}
  .card_news li{ float:left; width:100%; padding:0 0 10px; margin:10px 0; border-bottom:1px solid #ececec;}
  .card_news .business_img{ width:26%;}
  .card_news .business_img img{ width:100%;}
  
  .card_news li .describe{ width:70%; margin-left:10px;}
  .card_que li .describe {width:100%;}
  .card_news li .describe h2{ font-size:14px; color:#333; line-height:18px;}
  .card_news li .describe h2 a{ color:#333;}
  .card_news li .describe p{ font-size:14px; color:#999; line-height:18px;}
  
  .search_list .result_text p{ font-size:16px; color:#333; margin-bottom:20px;}
  .search_list .result_text p span{ font-size:18px; font-weight:bold;}
  


/* expmenu */
ul.expmenu{width:100%;margin:80px auto 40px;}
ul.expmenu li div.header{padding:18px;border-bottom:1px #ddd solid;}
ul.expmenu li ul li {background-color:#e7e7e7;padding:12px 35px;border-bottom:1px solid #fff;border-top:1px solid #fff;color:#727272;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.8);}
ul.expmenu div.header{ color:#666; background:#f1f1f1;}
ul.expmenu li div.header .label{background:no-repeat;color: #666; font-weight:bold;}
ul.expmenu li div.header .arrow{display:block;width:16px;height:16px;background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../img/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../img/arrow_d.png);}
ul.expmenu li .menu{display:none;}	

ul.expmenu div.header:hover{ background:#f1f1f1; cursor:pointer;}
ul.expmenu li ul li:not(.selected):hover{ background:#efe8d8; cursor:pointer;}
ul.expmenu li ul li:not(.selected):active{ background:#f1f1f1; cursor:pointer;}
  
  
/* search */  
.result_null{ font-size:16px; color:#999; line-height:32px; padding:30px 30px;}
.result_null .null_tit{ font-size:18px; color:#333;}
.result_null .null_text{ text-indent:2em;}  
  
  
  
  
  
}
@media only screen and (max-width: 640px)
#banner {
  overflow: hidden;
}

.mpage{ margin:20px 0 0; line-height:38px; height:60px;}
.mpage li{ float:left; font-size: 14px; height:38px; line-height:38px; padding:0 10px; text-align:center; background:#fbfbfb; border:1px solid #e6e6e6 !important; color:#999 !important;
text-decoration:none; margin:8px 10px; list-style-type:none;}
.mpage li a{border:1px solid #e6e6e6 !important; color:#999 !important;}
.mpage li a,.mpage li a:link,.mpage li a:active,.mpage li a:visited{ border:0 !important; color:#999 !important; }
.mpage li.thisclass a{color:#0098ff !important;}



/*------ 城市卡应用领域页 ------*/
.territory_list{ margin-top:40px;}
.territory{ width:100%; margin-bottom:56px;}
.territory_text{ width:90%; margin:32px auto; text-align:center;}
.territory_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.territory_text p{ font-size:16px; color:#666; line-height:32px; text-align:left;}
.territory_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.territory_img{ width:100%; text-align:center;}
.territory_img img{ width:90%;}

/*------ 城市卡介绍页 ------*/
.introduce_list{ margin-top:40px; width:90%; margin:0 auto;}
.introduce{ float:left; width:100%; margin-bottom:56px; background-color:#f2f6f9; border-radius:10px; padding:22px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.introduce_text{ width:100%; margin-top:32px;}
.introduce_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.introduce_text p{ font-size:16px; color:#666; line-height:32px;}
.introduce_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.introduce_img{ text-align:center; margin-top:20px; margin-bottom: 20px;}
.introduce_img img{ width:98%; box-shadow:3px 3px 8px rgba(0,0,0,0.1);}

/*------ 充值售卡页 ------*/
.selling_list{ margin-top:40px; width:100%; margin:0 auto;}
.selling{ float:left; width:100%; margin-bottom:35px; margin-right:20px; background-color:#f2f6f9; border-radius:10px; padding:20px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.selling_more{ background-color:#8abce2;}
.selling_text{ width:100%; margin-top:32px;}
.selling_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.selling_text p{ font-size:16px; color:#666; line-height:32px;}
.selling_text a{ display:inline-block;padding:0px 12px; color:#fff; background-color:#0098ff; margin:10px 0 20px;}
.selling_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.selling_img{ width:100%;}
.selling_img img{ width:100%;}

/*------ 移动端 ------*/
.mobile_list{ margin-top:40px; width:90%; margin:0 auto;}
.mobile{ float:left; width:100%; margin-bottom:35px; background-color:#f2f6f9; border-radius:10px; padding:30px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.mobile_text{ width:100%; margin-top:32px;}
.mobile_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.mobile_text p{ font-size:16px; color:#666; line-height:32px;}
.mobile_text p.text3{font-size:20px; color:#0098ff;}
.mobile_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.mobile_img{ width:100%;}
.mobile_img img{ width:100%;}

/*------ 其他卡页 ------*/
.other_social{ width:90%; margin:0 auto; margin-bottom:50px;}
.other_social p{ font-size:16px; color:#666; line-height:32px; text-indent:2em; padding:20px 0px;}
.other_social img{ width:90%; margin:0 5%;}
.other_social span{ display:block; text-align:center; font-size:16px; line-height:32px; color:#909090;}
.other_list{ margin-top:40px; width:90%; margin:0 auto;}
.other{ float:left; width:100%; margin-bottom:56px; background-color:#f2f6f9; border-radius:10px; padding:20px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.other_text{ width:100%; margin-top:32px;}
.other_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.other_text p{ font-size:16px; color:#666; line-height:32px;}
.other_text p.text3{font-size:20px; color:#0098ff;}
.other_text span{ font-size:20px; color:#0098ff; padding:0 10px;}
.other_img{ width:100%; margin-top:20px;}
.other_img img{ width:100%;}

/*------ 关于我们页 ------*/
.banner_us .tit_text,.banner_us .text_explain{ color:#fff;}
.about_con { width:100%; margin:0 auto; background-color:#fff; padding:40px 20px;}
.about_con .tit_about{ border-bottom:1px solid #d0d0d0; margin-bottom:40px;}
.about_con .tit_about img{ width:100%; margin-bottom:20px;}
.banner_us{ background:url(../img/aboutus_bg.png) center no-repeat;}
.about_text{ width:100%; margin:0 auto;}
.about_text .text{ margin-bottom:30px; text-align:center;}
.about_text p{ width:100%; font-size:16px; line-height:36px; text-indent:2em; text-align:left;}
.about_text .text img{ border:10px solid #fff; box-shadow: 0 0 10px 8px #f0f4f6;}
.about_text .text1 p{ width:100%;}

/*------ 服务网点页 ------*/
.service_list{ margin-top:40px; width:90%; margin:0 auto;}
.service{ width:100%; margin-bottom:35px; background-color:#f2f6f9; border-radius:10px; padding:30px; border:4px solid #fff;box-shadow:0 0 10px 8px #f0f4f6;}
.service_up{ height:380px; overflow:hidden;}
.service_text{ width:100%;}
.service_text h3{ font-size:22px; color:#333; margin-bottom:20px;}
.service_text p{ font-size:16px; color:#666; line-height:32px;}
.service_text p.text3{font-size:20px; color:#0098ff;}
.service_text span{ font-size:18px; color:#0098ff; padding:0 10px;}
.service_img{ width:100%; text-align:center;}
.service_img img{ width:94%; margin-top: 20px;}
 
 
.service_main{ width:100%; float:left; margin:0 auto; padding:20px 29px 0px 20px; background-color:#edf8ff;}
.service_main .introduce_info{ width:100%; padding:20px 6px;}
.service_main .introduce_info ul{ margin-bottom:26px; width:100%;}
.service_main .introduce_info ul li{ line-height:28px;}
.service_main .introduce_info span{ font-size:14px;}
.service_main .introduce_info .font_bold{ color:#333; font-weight:600; font-size:16px;}
.service_main .introduce_img img{ width:100%; border:10px solid #fff; text-align:center;}
.mb8{ margin-bottom:8px !important;}
  
/*------ 手机城市卡页 ------*/
.service_text .font_bold{ color:#666; font-weight:600;}
.service_text .font_bold_black{ display:inline-block; color:#000; font-weight:600; padding:20px 0 0 0;}
.mt60{ margin-top:60px;}
.service_m{padding:30px 18px;}
.link_detailed{ padding:6px 16px; display:block; background-color:#0098ff; border:1px solid #0098ff; color:#fff;width:140px; margin:20px 0px; font-size:18px;}
.link_detailed:hover{ background-color:#fff; border:1px solid #0098ff; color:#0098ff;}
.link_width{ width:260px;}


/*------ 消费商户页 ------*/
.merchant_type .tit_type{ height:auto;}
.merchant_type { width:100%; margin:0 auto; margin-bottom:40px; background-color:#fff; padding:40px 20px;}
.merchant_type .logo_con{ width:100%; float:left;}
.merchant_type .logo_con li{ float:left; width:28%; margin:0 9px 10px 8px;}
.merchant_type .logo_con li img{ width:100%;}
.jinchengtong{ width:100%; margin:0 auto; margin-top:40px; text-align:center; margin-bottom:40px;}
.jinchengtong p{ width:60%; font-size:18px; text-align:center; margin: 0 auto; margin-bottom:20px;}
.merchan_more{ width:90%; margin:0 auto; margin-top:20px;}
.merchan_more a{ display:block; width:80%; margin:0 auto; height:48px; line-height:48px; text-align:center; font-size:18px; color:#fff; background-color:#5c61c8; border-radius:60px;}

/*------ 敬老卡线上补换卡指南页 ------*/
.tip_con{ margin-top:35px; border-radius:6px; padding:16px; background-color:#fff;}
.tip_tit{ width:80px; text-align:center; background-color:#ffbc6c; color:#fff !important; border-radius:60px; padding:0 8px; margin-bottom:10px;}
.tip_con p{ color:#ffbc6c; word-break:break-all;}

/*------ 美伽汇APP介绍页 ------*/
.introduce_list_width{ width:90%;}
.introduce_list  img{ width:100%;}

/*------ 城通卡购卡流程 ------*/
.process_con .tip_con{ margin-top:0;}
.process_con h3{ padding-top:40px; line-height:36px;}
.process_con .pb30{ padding-bottom:30px;}


/*------ 敬老卡服务 ------*/
.senior_citizen_list .text{ font-size:16px; line-height:32px; color:#3e3e3e; font-weight:bold; text-indent:2em;text-align:left; margin-bottom:20px;}
.senior_citizen_list .service_text p{ text-indent:2em; font-size:16px; line-height:30px;}
.senior_citizen_list .links_page{ display:block; width:100%; height:58px; line-height:58px; text-align:center; font-size:14px; background-color:#0098ff; color:#fff; margin:20px 0px;}
.senior_citizen_list .links_page img{ width:30px; margin:0 6px 0 12px;}

/*------ NFC充值页 ------*/ 
.nfc_box{ background-color:#eaf1ff; padding:20px;}
.nfc_box .service{ background:none; box-shadow:none; padding:0px; border:0px;}
.nfc_box .service_text{ margin-top:46px;}
.nfc_box .tit_tag{ padding-top:6px; padding-right:10px; vertical-align: sub;}

/*------ 敬老卡功能激活社保卡 ------*/
.jlk_activate1{ background:url(../img/number_first.png) top left no-repeat #f2f6f9 !important; background-size:80%;}
.jlk_activate2{ background:url(../img/number_second.png) top right no-repeat #f2f6f9 !important;}
.jlk_activate3{ background:url(../img/number_third.png) top left no-repeat #f2f6f9 !important;}
.jlk_activate4{ background:url(../img/number_fourth.png) top right no-repeat #f2f6f9 !important;}
.jlk_activate5{ background:url(../img/number_fifth.png) top left no-repeat #f2f6f9 !important;}
.senior_citizen_box .activate_list .service_up .service_text{ text-indent:0;}
.marTop80{ margin-top:80px !important;}
.marTop26{margin-top:26px !important;}
.width50{ width:50% !important;}
.width44{ width:44% !important;}
.senior_citizen_box .service_up{ height:auto;}
.tip_tit{ width:40%; text-indent:0 !important;}
.text-box-bor{border-radius:0 0 8px 8px !important;}