@charset "utf-8";
/* 修改样式表 */
.main_box{min-width: 1200px;  overflow: hidden; padding:0 20px; box-sizing: border-box;  position: relative;}
.boxbg{ width: 1200px; height: 800px; position: absolute; left: 20px; top: 200px; background: #fff; z-index: 0; }
.layui-col-xs12{ }
.tx{ width: 60px; height: 60px; float: left; border: 1px solid #eee; border-radius: 30px;}
.tx img{ width: 100%}
.gk_txt{ float: left; margin-left: 15px}
.gk_txt p{ line-height: 30px;}
.gk_txt p strong{ font-size: 24px;}
.gk_txt p a{ margin-left: 20px; color: #999;}
.gk_txt p span{ color: #999;}
.gk_txt p em{ background: #45c2d9; color: #fff; font-style: normal; margin-left: 20px; padding: 3px 10px; vertical-align: top; box-sizing: border-box; border-radius: 3px;}
.pad_no{padding: 0;}
.gk_col{ padding: 30px 30px}
.gk_col p{ line-height: 2.5em; font-size: 14px; }
.layui-progress a{ display: block; position: absolute; right: -100px; top: 0; z-index: 2}

.padding_no{ padding: 0;}
.margin_top{ margin-top: 20px}
.margin_bottom{ margin-bottom: 20px;}


.geshi_1{ line-height: 25px;}
.geshi_2{ line-height: 25px; margin-left: 20px;}
.geshi_3{ color: #f0d59b; margin-left: 20px; position: relative;}
.geshi_3 i{ border: 1px solid #f0d59b; border-radius: 20px; color: #f0d59b; font-size: 12px; margin-right: 5px;}
.ts{ border: 1px solid #eee; width: 380%; background: #fff; box-shadow: rgba(0,0,0,0.06) 0px 1px 1px 1px; border-radius: 3px; font-style: normal; color: #999; padding: 5px 10px; line-height: 15px; box-sizing: border-box; position: absolute;left: -30%; top: 30px; }

.ts .jt{ width: 5px; height: 5px; background: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee; transform: rotate(-45deg); position: absolute; left: 80px; top: -5px;}

.title_s{ width: 100%; height: 60px; background: #fff; margin: 20px 0; line-height: 60px; font-size: 18px; box-sizing: border-box; }
.title_s strong{ margin-left: 30px;}

.layui-list{ width: 100%; background: #fff;  overflow: hidden;}
.yl_buzhou{ width:100%; height:100px;  padding: 25px; box-sizing: border-box; border-bottom: 1px solid #eee; position: relative}
.yl_buzhou .yl_line{ width: 100%; height: 5px; background: #eee; position: absolute; left: 0; top: 37px; z-index: 0;}
.yl_buzhou .yl_line_on{  height: 3px; background: #ff6600; position: absolute; left: 0; top: 38px; z-index: 1;}
.yl_buzhou  .yl_line_b1{ width: 15px; height: 15px;  border-radius: 10px; background: #eee; position: absolute; left: 0; top: 32px; z-index: 2;}
.yl_buzhou  .yl_line_b2{ width: 15px; height: 15px;  border-radius: 10px; background: #eee; position: absolute; left: 50%; top: 32px; z-index: 2;}
.yl_buzhou  .yl_line_b3{ width: 15px; height: 15px;  border-radius: 10px; background: #eee; position: absolute; left: 100%; top: 32px; z-index: 2;}
.yl_buzhou  .ylon{ background: #f60;}
.yl_buzhou ul{ margin-left: -30px; width: 120%;}
.yl_buzhou ul li{ width: 33%; float: left; margin-top: 30px; color: #999;}
.yl_buzhou ul li:last-child{ float: left; }

.layui-form-label{ }
.layui-form-label font{ color: #FF0000;}
.bak{ background: #fff;}
.logo_img{ width: 120px; height: 120px; background: url(../images/zdy_img/mr.jpg) no-repeat scroll 0 0; float:left; border: 1px solid #eee; border-radius: 120px; position: relative;}
.logo_img img{ width: 100%; border-radius: 120px;}

.logo_img .upload-file{ display: block;}
.input_width{ width: 60%}
.limit { width: 60%; text-align: right;}

.jigou_box{ width: 60%; margin: 50px 0 50px 300px; overflow: hidden;}
.jigou_box .p1{ line-height: 30px; margin-left: 110px;}
.jigou_box .p1 font{ color: #FF0000;}
.jigou_box .p2{ color: #666; margin-left: 110px;}

.layui-upload-drag{ width:280px; box-sizing: border-box; }
.layui-upload-drag img{ width: 100%;}

.cg_icon{ width: 60px; height: 60px; margin: 75px  auto 30px auto; box-sizing: border-box; border: 3px solid #7cd184; border-radius: 60px; text-align: center; line-height: 60px;}
.cg_icon i{ font-size: 36px; font-weight: bold; color: #7cd184; line-height: 55px; text-align: center; }

.renzheng_msg{ width:100%; height: 50px; padding: 0  20px;  margin-bottom: 20px; box-sizing: border-box; background: #fff7eb; border: 1px  dashed #f60; color: #f60; line-height: 50px;}
.renzheng_msg a{ color: #45c2d9; text-decoration: underline;  }
.renzheng_msg i{ float: right; font-size: 28px; cursor: pointer;}

.ml_list{ float: left; border: 1px solid #5FB878; padding: 3px 10px; color:#5FB878; margin-right: 15px; line-height: 30px; border-radius: 3px; }

.layui-table{ width: 100%;}

.layui-table-header table thead tr {background-color: #ddd; color: #000;}

.ditu_msd{ width: 1100px; overflow: hidden; margin: 50px 0 0 50px; }
.ditu_msd .bs{ float: left; }
.ditu_msd .shuoming{ float: left; width: 800px; margin-left: 30px;}
.ditu_msd .shuoming p{ color: #999; line-height: 30px;}
.ditu_msd .shuoming p span{ color: #333;}
.ditu_msd .shuoming p strong{ font-size: 16px; color: #333;}
.ditu_msd .shuoming p a{ margin-left: 30px; color: #44c2d9;}
.ditu_msd .shuoming p a i{ color: #44c2d9;}


.tongji_box{ width: 10%; overflow: hidden;float: left; }
.tongji_box li{ width: 100%; height: 45px; line-height: 45px; text-align: center; cursor: pointer;}
.tj_nav.active{ background: #f60; color: #fff; }
.tj_nav.active a{ color: #fff;}

.tjcon{ width: 85%;  overflow: hidden; margin: 0 auto; display: none; overflow: hidden; float: left; margin-left: 20px;}
.tjcon.active{display: block;}

.tj_1{ width: 100%; overflow: hidden; padding: 0 50px; box-sizing: border-box; margin-bottom: 50px;  }
.tj_1 .f{ width: 175px; height: 175px; background: #5c6e81; float: left; border-radius: 100px; text-align: center; overflow: hidden; padding-top: 32px; box-sizing: border-box; color: #fff;}
.tj_1 .f strong{ font-size: 65px;  }
.tj_1 .c{ float: left; width: 60%; margin-left: 50px; min-width: 600px;  overflow: hidden; }
.tj_1 .c p strong{ font-size: 30px;}
.tj_1 .c p strong font{ color: #f60;}

.tj_2{ width: 100%; overflow: hidden;  box-sizing: border-box; margin-bottom: 50px;  }
.tj_2 p{ font-size: 16px;}
.tj_2 p span{ font-size: 14px; color: #999}

.layui-table thead tr{background-color: #5c6e81; color: #fff}

.layui-table[lay-data] {}

.layui-table .ge{ color: #00A212; font-weight: bold; margin-left: 10px}
.layui-table .re{ color: #f60; font-weight: bold; margin-left: 10px}
.layui-table .hui{ color: #999; font-weight: bold; margin-left: 10px}

.tj_3{ width: 100%; overflow: hidden;  box-sizing: border-box; margin-bottom: 50px;}
.tj_3 .tj_list{ width: 280px; height: 125px; border: 1px solid #eee; border-radius: 5px; float: left; margin-right: 50px;}
.tj_3 .tj_list p{ margin: 0 30px;}
.tj_3 .tj_list .p1{ font-size: 16px; line-height: 30px; margin-top: 10px }
.tj_3 .tj_list .p2{ font-size: 14px; color: #999;}
.tj_3 .tj_list .p3{ font-size: 36px; text-align: right; font-weight: bold;}

.denglu_msg{ width: 350px; overflow: hidden; float: left; margin-right: 100px; margin-top: 50px;}
.denglu_msg ul li{ width: 100%; line-height: 45px;}


.yqpf{  width: 90px; height: 17px; float: left; margin-top: 4px; background: url(../images/map_ico.png) no-repeat scroll;}
.a5{ background-position: 0 -153px;}
.a4{ background-position: 0 -173px;}
.a3{ background-position: 0 -193px;}
.a2{ background-position: 0 -213px;}
.a1{ background-position: 0 -233px;}
.a0{ background-position: 0 -253px;}


/*招商专员*/
.use { line-height: 25px;}
.use i{ display: inline-block; width: 25px; height: 22px; vertical-align: top; color: #45c2d9; font-size: 22px; }
.use span{display: inline-block; color: #45c2d9;}

.use_park{ width: 100%; overflow: hidden;}
.park_no{ width: 860px; height:195px; background: url(../images/zdy_img/park_no.jpg) no-repeat scroll 0 0; overflow: hidden;}
.park_no a{ display:block; width: 120px; text-align: center; margin: 60px auto 10px auto; background: #f60; color: #fff; padding: 8px 10px; border-radius: 3px; box-sizing: border-box;}
.park_no a:hover{ background:#fe7a22 ;}
.park_no p{text-align: center;}


.info_list{ width: 100%; overflow:hidden;  border-radius: 5px;  padding: 20px 0; height: 190px; box-sizing: border-box; position: relative;}
.info_list .yq_pics{ display: block; width: 240px; height: 150px; overflow: hidden; float: left; margin-left: 20px; }
.info_list .yq_pics img{ width: 100%;transform: scale(1); transition: all 1s ease 0s; }
.info_list .yq_pics img:hover{transform: scale(1.1);  transition: all 1s ease 0s;}
.info_list .yq_msg{ width: 50%; margin-left: 20px; overflow: hidden; float: left; }
.info_list .yq_msg .yq_name{ height: 40px;}
.info_list .yq_msg .yq_name a{ display: inline-block; line-height: 40px; font-size: 24px; float: left; max-width:360px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.info_list .yq_msg .yq_name a:hover{ color: #0087f9;}


.info_list .yq_msg .yq_biaoqian{ height: 30px; overflow: hidden;}
.info_list .yq_msg .yq_biaoqian span{  display: inline-block; height: 24px; line-height: 24px; padding: 0 10px; margin: 0 10px 10px 0; color: #8ed3e3; border: 1px solid #8ed3e3; border-radius: 2px; box-sizing: border-box;}

.info_list .yq_msg .yq_jingji{ width: 100%; overflow: hidden;}
.info_list .yq_msg .yq_jingji ul li{ width: 60%; float: left; height: 30px;  margin-right: 20px;  overflow: hidden; color: #999; }
.info_list .yq_msg .yq_jingji ul li span{ color: #333; margin-left: 10px}
.info_list .yq_msg .yq_jingji ul li .yq_dj{ background: #f60; border-radius: 3px; color: #fff; padding: 3px 10px;}

.info_list .yq_tudi{ width: 200px;  overflow: hidden; float: right;  }
.info_list .yq_tudi .ytd{ width: 100%; text-align: center; color: #666; margin-top: 10px; }
.info_list .yq_tudi .ytd strong{ font-size: 48px; color: #333; margin: 0 10px; display: block;}

.prz{ width: 120px; padding: 5px 10px; box-sizing: border-box; border-radius: 0 0 5px 0; background: #f60;  color: #fff; position: absolute; left: 20px; top: 20px; z-index: 3;}
.noprz{ width: 120px; padding: 5px 10px; box-sizing: border-box; border-radius: 0 0 5px 0; background: #CCCCCC;  color: #333; position: absolute; left: 20px; top: 20px; z-index: 3;}

.usebak{padding: 0 10px; box-sizing: border-box;}
.use_p1{ color: #666; text-align:center;}
.use_p1 strong{font-size: 48px; line-height: 1.5em; color: #333;}
.use_p2{text-align: right;}

.usevip_no{ width: 100%; height: 80px; background: url(../images/zdy_img/park_no.jpg) no-repeat scroll 0 0; background-size: 100% 100%;}
.usevip_no p{ padding: 30px 0; box-sizing: border-box; color: #666; text-align: center;}
.usevip_no .vipa{ background: #45c2d9; color: #fff; padding: 5px 10px; border-radius: 3px; box-sizing: border-box; margin-left: 10px; }

.usevip{ width: 100%; height: 80px; }
.usevip p{color: #666; line-height: 2em;}
.usevip p span{ color: #45c2d9;}

.select_three{ width: 100%; overflow: hidden; margin: 40px 0;}
.select_three ul li{ float: left; width:30%; margin-right: 20px; overflow: hidden; border: 1px dashed #ccc; padding: 10px ; box-sizing: border-box; cursor: pointer; margin-bottom:20px;}
.select_three ul li .ci{border-right: 1px solid #eee;  float: left; padding-right: 10px;}
.select_three ul li .ci strong{ font-size: 48px;}
.select_three ul li .moe{ float: left; padding-left: 10px;}
.select_three ul li .moe p strong{ font-size: 32px;}
.select_three ul .on{ border: 1px solid #007AFF; background: url(../images/select.png) no-repeat scroll right bottom;}
.select_three ul .on .ci{ color: #007AFF;}
.select_three ul .on .moe p:first-child{ color: #007AFF;}
.txt_three{ width: 100%; overflow: hidden;}
.txt_three ul li{ width: 70%; float: left; overflow: hidden;}
.txt_three ul li p{line-height: 40px; background: #eee; text-indent: 2em;}
.txt_three ul li p strong{ color: #007AFF;}
.txt_three ul li .code_pic{width: 150px; margin: 10px auto;}
.txt_three ul li .code_pic img{ width: 145px; height: 145px; }
.txt_three ul li .code_pic span{text-align: center; display: block; color: #999;}
.txt_three ul li .pay_fs{width: 100% ;margin: 10px 0;}
.txt_three ul li .pay_fs .pay_li{ width: 170px; height: 45px; margin: 10px 30px;  border: 1px solid #0084FF; background: url(../images/select.png) no-repeat scroll right bottom; background-size: 15%; font-size: 21px; line-height: 45px; padding-left: 10px;}
.txt_three ul li:first-child{width:15%;}