@charset "utf-8";
/* CSS Document */

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:16px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

.sectionDiv{ background:#f7f4f3;}
.main_container{ max-width:1190px;min-width: 320px; margin: auto;}
.main_title{  padding:5px 24px; padding-left: 0;border-bottom: 1px solid #2067df; margin-top: 2%;}
.main_title span{ font-size:24px; color:white;; font-weight: bold; background-color: #2067df;padding:5px 24px; position: relative;}
.main_title .span_01:before{ content:""; position:absolute; right:-71px; top:0; background: url(../images/title_core.png) no-repeat;width: 50%;height: 100%;}
.main_title .span_02:before{ content:""; position:absolute; right:-71px; top:0; background: url(../images/title_core.png) no-repeat;width: 50%;height: 100%;}
.main_title a{float:right; color:#2067df;}
.nomarginR{ margin-right:0!important;}
.main_box{ background: white; border-radius: 7px;padding:20px;box-shadow: 0 0 7px #edd4cd; margin-top: 30px;}

/*banner*/
.banner_container{ width: 100%;  position: relative;}
.banner_bg01{ background:url(../images/banner_bg01.jpg) no-repeat; background-position: center;width: 100%; height: 660px; }
.banner_main01{ max-width: 1190px; height: 660px; margin: auto; position: relative;}
.banner_main01 .banner_context{background:url(../images/banner_context.png); width: 413px; height: 250px; margin-left: 150px; margin-top: 20px; animation: move 3s infinite}
.banner_main01 .banner_context p{ font-size:36px; color:#2067df; font-weight: bold; font-family: "思源黑体"; padding-top: 112px; margin-left:64px;}
.banner_main01 .banner_context span{ font-size:28px; color:#ff7200;font-weight: bold; margin-left:45px;}
.banner_main01 .banner_context span b.b1{font-size:30px;font-weight: bold;font-family: "思源黑体";}
.banner_main01 .banner_context span b.b2{font-size:34px;font-weight: bold;font-family: "思源黑体";}
.banner_main01 .p_count{ font-size:18px; color:white;font-family: "思源黑体"; margin-left:180px; margin-top: 12px;}
.banner_main01 .p_count b{color:#fffc00; font-weight: bold;}
.banner_main01 .p_price{ position:absolute;bottom:122px; right:144px; font-size:18px; color:#ff7200;}
.banner_main01 .p_price b{ font-weight: bold; font-size:48px;}
.banner_logo .logo{ padding-top:12px; display: inline-block;}
.banner_btnbox{ position: absolute; bottom:70px; right:98px;}
.banner_btnbox .buy_btn{ background-color:#ff7200; color:white; padding:6px 24px; border-radius: 5px;}
.banner_btnbox .consult_btn{ background-color:#fff; color:#ff7200; border:1px solid #ff7200; padding:6px 24px; border-radius: 5px; margin-left:20px;}
.banner_bg02{  background-position: center;width: 100%; background: url(../images/banner_bg02.jpg) no-repeat; min-height: 546px; background-size: 100% 100%;}
.banner_main02{max-width: 1190px;margin: auto;}
.banner_main02 .rule{font-size:24px; font-weight: bold; color:white; text-align: center; padding: 20px 0; position: relative; width: 320px; margin: auto;}
.banner_main02 .rule:before{ content:""; width: 76px; height: 3px; background-color:white; position:absolute; top:35px; left:220px;}
.banner_main02 .rule:after{ content:""; width: 76px; height: 3px; background-color:white; position:absolute; top:35px; right:220px;}
.banner_main02 .rule_box{ overflow: hidden; margin-bottom: 20px;}
.banner_main02 .rule_box b{ float:left; font-size:18px; font-weight: bold; color:white; background-color:#2067df; padding:0 14px; line-height: 34px;min-width:11%;text-align: center}
.banner_main02 .rule_box span{float:left; margin-left:14px; font-size:17px;color:white;line-height: 34px; width:84%;}
.banner_main02 .rule_box span.timespan{ font-weight:bold; color:#f6ff00; font-size:18px;}

/*今日套餐使用情况*/
.situation_box{ background:linear-gradient(0deg, rgba(237,248,255,1),rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);}
.situation_box .sit_title{font-size:18px; color:#2067df; float:left;}
.situation_box .sit_title b{ font-weight:bold; font-size:20px; color:#333333;}
.situation_box .data_ul{ margin-top:3%; margin-bottom: 1%;}
.situation_box .data_ul li{float:left; width: 33.33%; text-align: center;}
.situation_box .data_ul li p{font-size:18px; color:#333333; font-weight: bold;}
.situation_box .data_ul li p i.sit_icon01{display:inline-block; background: url(../images/icons.png) -36px -3px; width: 22px; height: 22px; vertical-align: middle; margin-right: 4px;}
.situation_box .data_ul li p i.sit_icon02{display:inline-block; background: url(../images/icons.png) -35px -32px; width: 22px; height: 22px; vertical-align: middle; margin-right: 4px;}
.situation_box .data_ul li p i.sit_icon03{display:inline-block; background: url(../images/icons.png) -37px -60px; width: 22px; height: 20px; vertical-align: middle; margin-right: 4px;}
.situation_box .data_ul li span{display: block;font-size:18px; color:#666666; margin-top: 12px;}
.situation_box .data_ul li span b{font-weight: bold; color:#ff7200;font-size:24px;}
.meal_titlebtn{overflow: hidden;}
.meal_titlebtn .more_btn{font-size:16px; color:#FA423F; float:right;}

/*相关说明*/
.explain_list{ margin-top: 2%;}
.explain_list li{float:left; width: 45%; margin-right: 1.5%; margin-bottom: 20px; background-color: white;box-shadow: 1px 1px 7px #ccc;  padding:2%; position: relative;border:1px solid transparent;}
.explain_list li:hover{ border:1px solid #5389e3;}
.explain_list li p{font-size:24px; color:#2067df; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.explain_list li span{margin-top:10px; display: block;line-height: 30px; color:#333; font-size:16px; padding-bottom: 10px}
.explain_list li span b{font-weight:bold;}
.explain_list li a{float:right;color:#2067df; border:1px solid #2067df;font-size:16px; padding:4px 16px; }

/*标普列表*/
.screen_container{ border:1px solid #e5e5e5; background-color: white;}
.screen_container span{ font-size:14px; color:#333; line-height: 28px; }
.condition_get{ padding:20px; border-bottom:1px solid #e5e5e5; }
.condition_title{display: inline-block;width:7%; float:left;}
.condition_get ul{ float:left;}
.condition_get a{ font-size:14px; color:#999; float:left;line-height: 28px;  }
.condition_choose{padding:18px 20px;}
.condition_choose .choosecon_list{ float:left; width: 90%;}
.condition_choose .num_searctbox{ float:left;}
.condition_choose .num_searctbox .search_num{ border:1px solid #e5e5e5; padding:0 10px; height:32px; width: 220px; border-radius: 3px; float:left; }
.condition_choose .num_searctbox button{ background-color:#3a5b92; width: 67px; height: 32px; display: inline-block; border-radius: 3px; border:none; color:white; float:left; margin-left:10px;}
.condition_choose .num_searctbox button i{ display:inline-block; background: url(../images/icons.png) -8px -4px; width: 15px; height: 15px; vertical-align: middle; margin-right: 4px;}
.choosecon_list .chooselist_btn a{float:left; font-size:14px; display: inline-block;color:#333; margin-right: 10px; padding:0 6px; line-height: 28px;cursor: pointer;border:1px solid transparent; margin-bottom: 10px;}
.choosecon_list .chooselist_btn a.actionA{ border:1px solid #2067df; border-radius: 3px;}
.choosecon_list .chooselist_btn a:hover{border:1px solid #2067df; border-radius: 3px;}
.cityoption_box{border:1px solid #bbd4e1; background: #fafafa; margin-top: 2%; display: none;}
.cityoption_box ul li{ float:left;  margin-left:3%;}
.cityoption_box ul li a{ font-size:14px; color:#333; line-height: 50px;}
.cityoption_box ul li a:hover{ color:#028ed7;}

.record_search span{float:left; font-size:14px; color:#999; line-height: 30px; margin-right: 12px;}
.record_search a{float:left; display: inline-block;font-size:14px; color:#999999; border:1px solid #e5e5e5; margin-right:10px; padding:4px 6px; cursor: pointer;}
.record_search a.selectedA{ border:1px solid #3a5b92; color: #3a5b92;}
.record_search>div{ float:left;}
.record_search>div input{ width:90px; height: 26px; border:1px solid #e5e5e5; padding:0 4px;}
.record_search>button{ outline:0; border:none; float:left;  background: #fa423f; color:white; border-radius: 3px; padding:5px 12px; margin-left:4px; margin-right:12px; }

.record_listdetail li{  border-bottom: 1px dashed #cccccc; background: white;padding:40px 20px;}
.record_listdetail li:hover{ background-color:#f5f5f5;}
.record_listdetail li:hover .list_desc_lf .list_line1 a{ color:#ff7200;}
.record_listdetail li:hover .detail_btn{ background-color:#ff7200;}
.record_listdetail li .list_desc_lf{float:left; width: 75%;}
.record_listdetail li .state{float:left;}
.record_listdetail li>a{ float:right; font-size:14px;color:white; padding:6px 0; width: 106px; text-align: center;border-radius: 5px; margin-top: 14px;}
.record_listdetail li>a i{display: inline-block;background:url(../images/icons.png) -8px -29px; width: 18px; height: 18px;  vertical-align: middle; margin-right: 10px;}
.list_desc_lf .list_line1 b{ font-size:16px; color:#2067df; display: inline-block; margin-right: 10px;}
.list_desc_lf .list_line1 b i{display: inline-block;background: url(../images/icons.png) -69px -3px; width: 15px; height: 21px; vertical-align: middle; margin-right: 4px;}
.list_desc_lf .list_line1 a{font-size:18px; color:#333; }
.list_desc_lf .list_line2{ margin-top:14px;}
.list_desc_lf .list_line2 span{font-size:14px; color:#808080; float:left; margin-right: 90px;}
.state_goingon{ width:60px; height: 56px; background-color:#ffead9; border:1px solid #ff7200; border-radius: 3px; text-align: center; }
.state_goingon i{  display: inline-block;background:url(../images/icons.png) no-repeat -69px -33px; width: 19px; height: 19px; margin-top: 8px; }
.state_goingon span{ display:block; text-align: center; font-size:14px; color:#ff7200;}
.state_end{ width:60px; height: 56px; background-color:#e6e6e6; border:1px solid #d9d9d9; border-radius: 3px; text-align: center; }
.state_end i{  display: inline-block;background:url(../images/icons.png) no-repeat -69px -61px; width: 20px; height: 20px; margin-top: 8px; }
.state_end span{ display:block; text-align: center; font-size:14px; color:#808080;}
.record_listdetail li .detail_btn{ background-color: #2067df;}
.record_listdetail li .hasget_btn{ background-color:#999999}

/*分页器*/
.pagenumber-container{ margin:auto; padding:36px 0; text-align: center; background: white;}
.pagenumber-container a,.pagenumber-container strong{ padding:5px 10px; margin-top: 10px; display: inline-block; font-size: 13px; color: #646464; background-color: #fafafa; border:1px solid #d2d2d2; margin-left: 4px;}
.pagenumber-container a:hover{background-color: #2067df; border:1px solid #d2d2d2; color:white;}
.pagenumber-container .current-selectpage{background-color: #2067df; border:1px solid #d2d2d2; color:white;}
.pagenumber-container span{color:#666; font-size:14px;}
.pagenumber-container strong{background: #2067df;color: #fff;}
.go-num{ width: 26px ;height: 22px;}
.go-btn{width: 40px ;height: 28px; background-color: #2067df; border:1px solid #d2d2d2; color:white;}
.go-btn:hover{background-color: #ff7200;}
#destoon_pageno{width:30px;height: 21px;text-align: center;}
cite{font-size:14px;}
.pages_btn{background: #2067df;color: #fff;padding: 3px 7px;}


/*底部*/
.bottom_container{ background:#3b3b3b; width: 100%; margin-top: 60px; padding-top: 2%; padding-bottom: 4%;}
.bottom_container .bottom_nav{  display: table; margin: auto;}
.bottom_container .bottom_nav li{ float:left; display: inline-block;color:#999;}
.bottom_container .bottom_nav li a{float:left; color:#999; font-size:14px; margin:0 16px;}
.bottom_container p{ text-align:center; color:#999; font-size:14px; padding-top: 16px;}
.bottom_container p a{ color:#999;}
.bottom_container p i{ display:inline-block; background: url(../images/icons.png) -9px -59px; width: 18px; height: 20px; vertical-align: middle;}

/*弹窗*/
#detail,#buynow{position: relative;width: auto;max-width: 500px;  background:white; margin: 20px auto;border-radius:6px;}
#rules{position: relative;width: auto;max-width: 600px;  background:white; margin: 20px auto;border-radius:6px;}
.tishi_title{ font-size: 16px;text-indent: 2em;color: #fff;width: 100%;background-color: #345da1;height: 46px;line-height: 46px; position:absolute; left:0; top:0;border-radius: 5px 5px 0 0;}
.detail_txt{text-align:center;}
.detail_txt p{padding-top:10px; font-size:18px; color:#d90606;font-weight: bold;}
.btns_boxs{width:60%;margin: auto;padding: 20px 0;}
.btns_boxs input{padding:4px 20px; line-height: 30px;color:white;font-size:18px; border-radius: 5px; cursor: pointer; border: none; outline: none;}
.btns_boxs a{padding:4px 20px; line-height: 30px;color:white;font-size:18px; border-radius: 5px; cursor: pointer;}
.btns_boxs .btn_lf{float:left; background:#fa423f; }
.btns_boxs .btn_rg{float:right;background:#8c8d8e;}
.rules_txt{padding:20px;padding-top:60px;font-size:15px; line-height: 28px;}
.rules_txt b{ font-weight: bold;}
.rules_txt span{display:block; text-align: right; margin-top: 14px;}
.pay_select{padding:20px;padding-top:60px;}
.pay_select .ps_title{font-size:18px; color:#333333; text-align: center}
.pay_select .ps_title span{font-size:32px; font-weight: bold; color:#fa423f;}
.pay_select .ps_title b{color:#fa423f;}
.select_box{ width: 450px; margin: auto;}
.select_box p{ font-size:24px; color:#333333; font-weight: bold; margin-top: 24px;}
.select_box .paytype_box{ margin-top: 20px;}
.select_box .paytype_box li{border:1px solid #cccccc; background-color: #f7f7f7;}
.select_box .paytype_box li.currentPay{border:2px solid #fa423f; background-color:white; background: url(../images/select_icoh.png) no-repeat; background-position: bottom right;}
.select_box .paytype_box li span{margin-left:16px; line-height: 50px;}
.select_box .paytype_box li span img{margin-right:16px; display: inline-block; vertical-align: middle;}
.select_box .paynow_btn{ background-color:#f53734; display: block; text-align: center;font-size:14px; color:white; width: 100%; padding:12px 0; margin-top: 16px;}
.wcpay_box{padding:20px;padding-top:60px; text-align: center;}
.wcpay_box p{font-size:16px;}
.wcpay_box img{ display: inline-block; margin-top: 16px;}
.wcpay_box input{display: block; background-color: #fa423f; width: 250px; margin: auto;margin-top: 12px; line-height: 36px;color:white;font-size:18px; border-radius: 5px; cursor: pointer; border: none; outline: none;}

.payslect_container{display:none;}
.vcpay_container{display:none;}
.mask{ position: fixed;z-index: 100; top:0; left:0; right:0;bottom: 0; background-color: #000000;opacity: 0.6;}
.payslect_container #buytype{position: fixed;top:30%;left:50%;transform: translateX(-50%);z-index: 101; width: 500px;  background:white; margin: 20px auto;border-radius:6px;}
.pop_title{background-color: #345da1;height: 46px;line-height: 46px; position:absolute; left:0; top:0;border-radius: 5px 5px 0 0; width: 100%;}
.pop_title b{float:left;color:white; margin-left:20px;}
.pop_title span{float:right;font-size:24px; color:white; margin-right: 20px; cursor: pointer}
.vcpay_container #wcpay{position: fixed;top:30%;left:50%;transform: translateX(-50%);z-index: 101; width: 350px;  background:white; margin: 20px auto;border-radius:6px;}

.getlist li.active {
	display: block;
}
.getlist li {
	float: left;
	border: 1px solid #2067df;
	border-radius: 3px;
	margin-top: 0px;
	line-height: 25px;
	padding: 0 8px;
	display: none;
	margin-right: 25px;
	cursor: pointer;
}
.screen_container span {
	font-size: 14px;
	color: #333;
	line-height: 28px;
}
.getlist li>i {
	display: inline-block;
	width: 8px;
	height: 9px;
	background: url(../../images/quote/quotation-search-icon.png) no-repeat -27px -68px;
	margin-left: 5px;
}
.condition_choose .area .menu {
	margin-left: 0px;
	border: 1px solid #bbd4e1;
	background: #fafafa;
	padding: 0 10px;
	display: none;
	margin-top: 2%;
}
.condition_choose div {
	line-height: 34px;
	font-size: 14px;
}
.condition_choose .area .menu div {
	border-bottom: 1px dashed #ccc;
}
.condition_choose .area .menu div:last-child{
	border-bottom: 0;
}
.condition_choose div a {
	margin-right: 10px;
	padding: 5px 8px;
	border: 1px solid #fff;
	color: #333;
}
.condition_choose div a.sub-area{
	color:#999;
}
.condition_choose .subsopn a.cur,.condition_choose .subsopn a:hover{
	border: 1px solid #fff;
	color:#2067df;
}
.choosecon_list a.cur{
	border: 1px solid #2067df;
	border-radius: 3px;
	cursor: pointer;
}

.choosecon_list a:hover {
	border: 1px solid #2067df;
	border-radius: 3px;
	cursor: pointer;
}

#pay-way .detial label {
	display: block
}

#pay-way .detial .hide {
	display: none
}

#pay-way .detial .part-one {
	width: 480px;
	margin: 0 auto
}

#pay-way .detial .part-one p {
	font-size: 16px;
	color: #4c4c4c
}

#pay-way .detial .part-one p b {
	font-size: 24px;
	color: #ff7720;
	margin-right: 5px
}

#pay-way .detial .part-one h1 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 6px
}

#pay-way .detial .part-one ul li img {
	width: 35px;
	vertical-align: middle;
	margin-bottom: 5px;
	margin-right: 20px
}

.pop-css img {
	display: inline-block;
}

#pay-way .detial .part-one ul li span {
	font-size: 16px
}

#pay-way .detial .part-one ul li {
	border: 1px solid #e5e5e5;
	height: 50px;
	line-height: 50px;
	border-top: 0;
	padding-left: 20px;
	padding-right: 10px;
	position: relative
}

#pay-way .detial .part-one ul li.top {
	border-top: 1px solid #e5e5e5
}

#pay-way .detial .part-one ul li:hover {
	background: rgba(247,247,247,0.9)
}

#pay-way .detial .part-one ul li.active:after {
	content: '';
	display: inline-block;
	width: 33px;
	height: 33px;
	background: url('../images/tik.png') no-repeat;
	position: absolute;
	bottom: 0;
	right: 0
}

#pay-way .detial .part-one ul li.active {
	border: 2px solid #ff7720
}

#pay-way .detial .part-one ul li .rt-box {
	float: right;
	font-size: 14px
}

#pay-way .detial .part-one ul li .rt-box a {
	padding: 3px 5px;
	color: #ff7720;
	border: 1px solid #ff7720;
	border-radius: 3px;
	margin-left: 5px
}

#pay-way .detial .part-one ul li .rt-box a:hover {
	background: #ff7720;
	color: #fff
}

#pay-way .detial .part-one .confirm-btn,#wechat-pay .confirm-btn,#zfb-pay .confirm-btn {
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #ff7720;
	font-size: 16px;
	text-align: center;
	border: 0;
	border-radius: 3px;
	margin-top: 30px;
	transition: all .2s ease-in-out;
	display: block
}

#pay-way .detial .part-one .confirm-btn:hover,#wechat-pay .confirm-btn:hover,#zfb-pay .confirm-btn:hover {
	background: #fff;
	color: #ff7720;
	border: 1px solid #ff7720;
	cursor: pointer
}

#pay-way .detial .part-two {
	width: 550px;
	margin: 20px auto 0 auto;
	background: #f1f1f1;
	border-radius: 5px;
	padding: 20px
}

#pay-way .detial .part-two ul li {
	font-size: 14px;
	color: gray;
	line-height: 25px
}

#pay-way .detial .part-two ul li span {
	color: #ff7720
}

#wechat-pay .detial {
	text-align: center
}

#wechat-pay .detial h1,#zfb-pay .detial h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0
}

#wechat-pay .detial h1 span,#zfb-pay .detial h1 span {
	color: #ff7720
}

#wechat-pay .detial .img-box span {
	display: block
}

#wechat-pay .confirm-btn,#zfb-pay .confirm-btn {
	width: 320px;
	margin: 20px auto 0 auto
}

#zfb-pay .detial {
	text-align: center
}

#zfb-pay .detial p {
	font-size: 16px;
	color: #4c4c4c
}

#pay-success .title img,#pay-fail .title img {
	vertical-align: middle;
	margin-top: 0;
	margin-left: 0;
	width: 32px;
}

#pay-success .title p,#pay-fail .title p {
	font-size: 24px;
	color: #333;
	line-height: 40px
}

#pay-success .title,#pay-fail .title {
	border-bottom: 0px solid #e5e5e5;
	padding-bottom: 30px;
	margin-bottom: 0
}

#pay-success .detial {
	margin-top: 20px
}

#pay-success .detial ul li {
	overflow: hidden
}

#pay-success .detial ul li .lf-box,#pay-success .detial ul li .rt-box {
	float: left;
	width: 50%
}

#pay-success .detial ul li div span {
	color: gray;
	font-size: 16px
}

#pay-success .detial ul li div {
	font-size: 16px
}

#pay-success .detial p {
	font-size: 16px;
	color: gray;
	margin-bottom: 10px
}

#pay-success .tips-box {
	padding: 15px;
	background: #f1f1f1;
	border-radius: 5px;
	margin-top: 25px
}

#pay-success .tips-box p,#pay-fail .tips-box p {
	line-height: 25px;
	font-size: 16px;
	color: gray
}

#pay-fail .tips-box p {
	margin-top: 20px
}

@keyframes move{
	0%{ transform:translateX(0)}
	30%{ transform:translateX(30px)}
	60%{ transform:translateX(0)}
	100%{ transform:translateX(0)}
}


@media screen and (max-width:1190px){
	.condition_title{ width:10%;}
}


@media screen and (max-width:950px){
	.banner_main01 .p_price{right:50px;}
	.banner_btnbox{right:40px;}
}

@media screen and (min-width:700px) and (max-width:799px){

	.record_search a{ float:none;}
	.record_search>div{ float:none; display: inline-block;}
	.record_search>button{ float:none;}

	.record_search a{ margin-right:3px;}
	.record_search>div input{ width:70px;}
}
@media screen and (max-width:700px){
	.main_container{ width:94%;}
	.condition_title{ float:none; width: 100%; background: #ccc; text-align: center; margin-bottom: 2%;}
	.condition_choose .choosecon_list{ float:none; width: 100%;}
	.banner_main01 .banner_context{ margin-left:40px;}
	.banner_main01 .p_count{margin-left:50px;}
}

@media screen and (min-width:400px) and (max-width:499px){
	.main_title span{font-size:18px;}
	.main_title span:before{right:-74px;}

}
@media screen and (min-width:320px) and (max-width:399px){
	.main_title span{font-size:18px;}
	.main_title span:before{ right:-74px;}

}