body{
    background: url(../images/bg.jpg) center top no-repeat;
    background-color: rgb(218,249,251);
}

.header {
	height: 48px;
	background-color: #ffffff;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	white-space: nowrap;
}

.header a.logo {
    position: absolute;
    width: 167px;
    height: 37px;
    background: url(../images/logo.png) center no-repeat;
    top: 6px;
    left: 52px;
}

.header a.call-us{
    font-size: 18px;
    line-height: 48px;
    color: #333333;
    position: absolute;
    top: 0px;
	bottom: 0px;
    left: 996px;
	background: url(../images/tel.png) left center no-repeat;
	padding-left: 25px;
}

.header a.call-us i{
	color: #e60012;
}

.banner .public-container{
	padding-top: 97px;
}

.banner .banner_letter{
	width: 1191px;
	height: 600px;
	background: url(../images/banner_letter.png) center no-repeat;
	position: relative;
	margin-left: 63px;
}

.banner .banner_letter>img{
	position: absolute;
}

.banner .banner_letter .letter1{
	left: 197px;
	top: 124px;
}

.banner .banner_letter .letter2{
	left: 445px;
	top: 83px;
}

.banner .banner_letter .letter3{
	right: 338px;
	top: 76px;
}

.banner .banner_letter .letter4{
	right: 169px;
	top: 138px;
}

.banner .banner_letter .banner_logo{
	left: 586px;
	top: 56px;
}

.banner .banner_letter .banner_title{
	top: 488px;
	left: 428px;
}

.banner .banner_letter .i_circle{
	border: 4px solid #f8c076;
	border-radius: 50%;
	background-color: rgb(227, 69, 16);
	box-shadow: inset 0px 7px 13px 0px rgba(117, 30, 1, 0.8);
	position: absolute;
	top: 334px;
	width: 128px;
	height: 128px;
	font-size: 0;
	line-height: 120px;
}

.banner .banner_letter .i_circle img{
	vertical-align: middle;
}

.banner .banner_letter .circle1{
	left: 442px;
}

.banner .banner_letter .circle2{
	left: 552px;
}

.banner .banner_letter .circle3{
	right: 403px;
}

.banner .mountain_right{
	position: absolute;
	top: 537px;
	right: -310px;
}

.banner .dragon{
	display: block;
	position: relative;
	margin-left: 172px;
	margin-top: -11px;
}

.banner .mountain_left{
	position: absolute;
	top: 512px;
	left: -310px;
}

.banner .bamboo{
	position: absolute;
}

.banner .bamboo_left{
	left: -310px;
	top: 41px;
}

.banner .bamboo_right{
	right: -310px;
	top: 0px;
}

.banner .fish{
	position: absolute;
}

.banner .fish_left{
	top: 1032px;
	left: 118px;
}

.banner .fish_right{
	top: 1023px;
	left: 887px;
}

.banner .part1{
	width: 1191px;
	height: 388px;
	background: url(../images/part1.png) center no-repeat;
	position: relative;
	margin-top: 23px;
	margin-left: 53px;
	padding-top: 103px;
}

.banner .part1>img{
	position: absolute;
}

.banner .part1 .water{
	bottom: -55px;
}

.banner .part1 .water1{
	left: -81px;
}

.banner .part1 .water2{
	right: -71px;
}

.banner .part1 .i_column{
	position: absolute;
	background-color: #a06e4d;
	width: 9px;
	height: 433px;
	border-radius: 5px;
	top: -11px;
}

.banner .part1 .column1{
	left: -5px;
}

.banner .part1 .column2{
	right: -5px;
}

.banner .part1 .part1_line{
    width: 626px;
    height: 4px;
    background-color: rgba(51, 51, 51,0.1);
    margin-left: 296px;
    position: relative;
}

.banner .part1 .part1_line .line_circle{
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	position: absolute;
	top: -11px;
	width: 25px;
	height: 25px;
	white-space: nowrap;
}

.banner .part1 .part1_line .circle1{
	left: 84px;
}

.banner .part1 .part1_line .circle2{
	left: 296px;
}

.banner .part1 .part1_line .circle3{
	right: 90px;
}

.banner .part1 .part1_line .line_circle .i1{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 17px;
	height: 17px;
	margin: auto;
	background-color: rgba(227, 69, 16, 0.5);
	border-radius: 50%;
}

.banner .part1 .part1_line .line_circle .i1 i{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 50%;
	background-color: rgb(227, 69, 16);
	width: 11px;
	height: 11px;
}

.banner .part1 .part1_line .line_circle .s_line{
	font-size: 30px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}

.banner .part1 .part1_line .line_circle .s_line1{
	top: -38px;
}

.banner .part1 .part1_line .line_circle .s_line2{
	bottom: -34px;
}

.banner .part1 .part1_bottom{
    height: 233px;
    margin-top: 42px;
    padding-left: 117px;
    padding-right: 68px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-content: center;
}

.banner .part1 .part1_bottom p{
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	color: #333333;
	text-indent: 2em;
}

.leaf{
	position: absolute;
}

.banner .part1 .leaf1{
	left: 251px;
	bottom: -51px;
}

.banner .part1 .leaf2{
	left: -96px;
	bottom: -31px;
}

.part_title{
	width: 403px;
	height: 73px;
	line-height: 73px;
	font-size: 0;
	background: url(../images/part_title.png) center no-repeat;
	position: relative;
	margin-left: 451px;
}

.part_title .circle{
	border-radius: 50%;
	background-color: rgb(211, 246, 252);
	position: absolute;
	width: 8px;
	height: 8px;
}

.part_title .top_circle{
	top: 17px;
}

.part_title .bottom_circle{
	bottom: 17px;
}

.part_title .circle1{
	left: 14px;
}

.part_title .circle2{
	left: 9px;
}

.part_title .circle3{
	right: 15px;
}

.part_title .circle4{
	right: 10px;
}

.part_title .column_circle{
	border-radius: 50%;
	background-color: rgb(196, 196, 196);
	position: absolute;
	width: 21px;
	height: 9px;
	bottom: -2px;
}

.part_title .column_circle .column_img{
	position: absolute;
	bottom: 2px;
}

.part_title .column1{
	left: -57px;
}

.part_title .column1 .column_img{
	left: 4px;
}

.part_title .column2{
	right: -56px;
}

.part_title .column2 .column_img{
	right: 4px;
}

.part_title .i_circle{
  border-radius: 50%;
  background-color: rgb(215, 175, 125);
  position: absolute;
  bottom: 65px;
  left: 4px;
  width: 13px;
  height: 7px;
}

.part_title .title_img{
	vertical-align: middle;
}

.part_title .title_line{
	white-space: nowrap;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	font-size: 30px;
	line-height: 30px;
	color: #000000;
	bottom: -53px;
}

.part_title .title_line i{
	font-weight: bold;
	color: #e7453e;
}

.part_title2{
	margin-top: 79px;
}

.part{
	width: 1218px;
	margin-left: 41px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.part2{
	margin-top: 93px;
	height: 843px;
	background-image: url(../images/part2.png);
}

.part2 .part2_circles{
	display: flex;
	display: -webkit-flex;
	padding-left: 42px;
	padding-top: 95px;
}

.part2 .part2_circles .every_circle{
	margin-right: 24px;
	width: 261px;
	height: 261px;
	background: url(../images/part2_circle.png) center no-repeat;
	position: relative;
}

.part2 .part2_circles .every_circle>img{
	position: absolute;
}

.part2 .part2_circles .every_circle .circle_stars{
	left: 33px;
	top: -54px;
}

.part2 .part2_circles .every_circle .gift1{
	left: 16px;
	top: 13px;
}

.part2 .part2_circles .every_circle .gift2{
	left: 58px;
	top: 24px;
}

.part2 .part2_circles .every_circle .s_line{
	width: 256px;
	height: 76px;
	line-height: 76px;
	font-size: 0;
	position: absolute;
	background: url(../images/red_bg.png) center no-repeat;
	left: 4px;
	bottom: 21px;
}

.part2 .part2_circles .every_circle .s_line img{
	vertical-align: middle;
}

.part2 .i_line{
    display: block;
    margin-top: 52px;
    margin-left: 43px;
    width: 1138px;
    height: 1px;
    border-top: 1px dashed rgb(40, 40, 40);
    opacity: 0.34;
}

.part2 .get_title{
    color: #282828;
    text-align: left;
    font-size: 36px;
    line-height: 36px;
    margin-top: 66px;
    margin-bottom: 33px;
    padding-left: 61px;
}

.part2 .yes{
	display: block;
	background: url(../images/yes.png) left center no-repeat;
	margin-left: 67px;
	line-height: 25px;
	white-space: nowrap;
	font-size: 20px;
	color: #282828;
	padding-left: 40px;
	text-align: left;
	margin-bottom: 12px;
}

.part2 .yes i{
	display: inline-block;
	vertical-align: bottom;
	font-size: 24px;
	color: #e7453e;
	font-weight: bold;
}

.part2 .qr_content{
	background-color: rgb(228, 69, 57);
	position: relative;
	margin-left: 65px;
	margin-top: 32px;
	width: 142px;
	height: 142px;
	line-height: 142px;
	font-size: 0;
	white-space: nowrap;
}

.part2 .qr_content .qr_img{
    width: 134px;
    vertical-align: middle;
}

.part2 .qr_content .right_content{
    width: 409px;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-left: 173px;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    flex-wrap: wrap;
}

.part2 .qr_content .right_content .scan_qr,
.part2 .qr_content .right_content .bottom_line{
	width: 100%;
	font-weight: bold;
}

.part2 .qr_content .right_content .scan_qr{
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    background-color: #e44539;
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 21px;
    position: relative;
}

.part2 .qr_content .right_content .scan_qr i{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	margin: auto 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #ffffff;
}

.part2 .qr_content .right_content .scan_qr i img{
	position: absolute;
	left: 3px;
	top: 3px;
}

.part2 .qr_content .right_content .bottom_line{
	font-size: 29px;
	line-height: 29px;
	color: #282828;
}

.part2 .part2_paper{
	position: absolute;
	right: 18px;
	bottom: 3px;
}

.part2 .right_content2{
	white-space: nowrap;
	position: absolute;
	left: 646px;
	top: 57px;
}

.part2 .right_content2 .right_title{
	font-size: 36px;
	line-height: 36px;
	color: #282828;
}

.part2 .right_content2 .main_content{
    text-align: left;
    font-size: 20px;
    line-height: 29px;
    color: #282828;
}

.part2 .right_content2 .main_content .red_color{
	color: #e7453e;
	font-weight: bold;
}

.part2 .right_content2 .main_content .gray_span{
	display: inline-block;
	width: 71px;
	height: 29px;
	vertical-align: bottom;
	background: url(../images/gray_span.png) center no-repeat;
	position: relative;
}

.part2 .right_content2 .main_content .gray_span i{
	background-color: rgb(108, 157, 57);
	position: absolute;
	right: 4px;
	bottom: 6px;
	width: 72px;
	height: 23px;
	line-height: 23px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

.part_title3{
	margin-top: 81px;
	margin-bottom: 93px;
}

.part3{
	height: 633px;
	background-image: url(../images/part3.png);
}

.part3 .qr_content{
	width: 293px;
	height: 138px;
	background: url(../images/qr_content.png) center no-repeat;
	position: absolute;
	bottom: 141px;
	right: 28px;
	white-space: nowrap;
}

.part3 .qr_content .qr_border{
	border: 1px solid rgb(228, 69, 57);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	left: 77px;
	bottom: 46px;
	width: 176px;
	height: 189px;
	padding-top: 24px;
}

.part3 .qr_content .qr_border .qr{
	display: block;
	background-color: rgb(228, 69, 57);
	margin: 0 auto;
	width: 157px;
	height: 157px;
	line-height: 157px;
	font-size: 0;
}

.part3 .qr_content .qr_border .qr img{
    width: 148px;
    vertical-align: middle;
}

.part3 .qr_content .qr_border .top_line{
	position: absolute;
	top: -11px;
	left: -6px;
	right: -6px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	background-color: #e44539;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
}

.part3 .qr_content .qr_border .bottom_line{
    font-size: 24px;
    line-height: 36px;
    color: #333333;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: -128px;
}

.part3 .leaf3{
	left: -9px;
	top: -63px;
}

.part3 .buttons{
	padding-top: 51px;
	padding-left: 28px;
	padding-right: 39px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 49px;
}

.part3 .buttons .every_button{
	width: 278px;
	height: 142px;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}

.part3 .buttons .every_button .center_content{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 258px;
	height: 122px;
	line-height: 122px;
	font-size: 0;
	white-space: nowrap;
}

.part3 .buttons .every_button .center_content span{
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 55px;
    border: 3px solid transparent;
    background: url(../images/small_circle.png) center no-repeat;
    background-color: #fff;
    position: relative;
    margin-left: -11px;
    line-height: 49px;
    font-size: 33px;
    font-weight: bold;
    border-radius: 50%;
}

.part3 .buttons .every_button .center_content span:first-of-type{
	margin-left: 0;
}

.part3 .buttons .every_button .button_cloud{
	position: absolute;
	left: -1px;
	top: 5px;
}

.part3 .buttons .button1{
	background-image: url(../images/button1.png)
}

.part3 .buttons .button1 .center_content{
	width: 256px;
	height: 120px;
	line-height: 120px;
}

.part3 .buttons .button1 .center_content span{
	color: #ec4b3f;
	box-shadow: 3px 9px 7px 0px rgba(36, 36, 36, 0.4),inset 1px 4px 5px 0px rgba(188, 49, 3, 0.6);
}

.part3 .buttons .button2{
	background-image: url(../images/button2.png)
}

.part3 .buttons .button2 .center_content{
	width: 257px;
}

.part3 .buttons .button2 .center_content span{
	color: #63be66;
	box-shadow: 3px 9px 7px 0px rgba(36, 36, 36, 0.4),inset 1px 4px 5px 0px rgba(46, 131, 120, 0.6);
}

.part3 .buttons .button3{
	background-image: url(../images/button3.png)
}

.part3 .buttons .button3 .center_content span{
	color: #4787d6;
	box-shadow: 3px 9px 7px 0px rgba(36, 36, 36, 0.4),inset 1px 4px 5px 0px rgba(34, 82, 163, 0.6);
}

.part3 .buttons .button4{
	background-image: url(../images/button4.png)
}

.part3 .buttons .button4 .center_content{
	height: 123px;
	line-height: 123px;
}

.part3 .buttons .button4 .center_content span{
	color: #8d51d1;
	box-shadow: 3px 9px 7px 0px rgba(36, 36, 36, 0.4),inset 1px 4px 5px 0px rgba(88, 31, 153, 0.6);
}

.part3 .buttons .every_button.this_choosed .center_content span{
	color: #fff;
}

.part3 .buttons .button1.this_choosed .center_content span{
	background-color: #e04135;
}

.part3 .buttons .button1.this_choosed .center_content{
	background-image: url(../images/button1_click.png);
}

.part3 .buttons .button2.this_choosed .center_content span{
	background-color: #63be66;
}

.part3 .buttons .button2.this_choosed .center_content{
	background-image: url(../images/button2_click.png);
}

.part3 .buttons .button3.this_choosed .center_content span{
	background-color: #4581cf;
}

.part3 .buttons .button3.this_choosed .center_content{
	background-image: url(../images/button3_click.png);
}

.part3 .buttons .button4.this_choosed .center_content span{
	background-color: #824bc8;
}

.part3 .buttons .button4.this_choosed .center_content{
	background-image: url(../images/button4_click.png);
}

.part3 .change_content{
	border-width: 3px;
	border-style: solid;
	border-radius: 10px;
	position: relative;
	text-align: left;
	margin-left: 26px;
	width: 895px;
	height: 339px;
	background-color: #ffffff;
	display: none;
}

.part3 .change_content .change_title{
	position: absolute;
	left: 13px;
	top: 13px;
}

.part3 .change_content .top_title{
	width: 658px;
	height: 43px;
	line-height: 43px;
	margin-top: 38px;
	margin-left: 223px;
	background: url(../images/top_title.png) center no-repeat;
	white-space: nowrap;
	padding-left: 8px;
	font-size: 24px;
	color: #333333;
	display: block;
}

.part3 .change_content .top_title i{
	color: #e04135;
}

.part3 .change_content .question_line{
    font-size: 24px;
    line-height: 36px;
    color: #333333;
    position: relative;
    margin: 20px 24px 0;
}

.part3 .change_content .answer_line{
    margin: 8px 24px 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.part3 .change_content .answer_line span{
    font-size: 24px;
    line-height: 34px;
    color: #333333;
    width: 50%;
    cursor: pointer;
    margin-bottom: 10px;
}

.part3 .change_content .answer_line span i{
    display: inline-block;
    vertical-align: bottom;
    border-radius: 6px;
    padding: 0 10px;
}

.part3 .change_content .correct_answer{
    margin: 0 24px;
    line-height: 40px;
    color: #333333;
    font-size: 24px;
    padding-left: 10px;
    background-color: #f4f4f4;
	display: none;
}

.part3 .change1{
	border-color: #e44539;
}

/* 正确答案correct_span */
.part3 .change_content .correct_span i{
	color: #fff;
}

.part3 .change1 .correct_span i{
	background-color: #e04135;
}

.part3 .change2{
	border-color: #62bd65;
}

.part3 .change2 .correct_span i{
	background-color: #63be66;
}

.part3 .change3{
	border-color: #4581cf;
}

.part3 .change3 .correct_span i{
	background-color: #4581cf;
}

.part3 .change4{
	border-color: #884dcc;
}

.part3 .change4 .correct_span i{
	background-color: #8148c6;
}

.part_title4{
	margin-top: 81px;
	margin-bottom: 102px;
}

.part4_selects{
	display: flex;
	display: -webkit-flex;
	padding-left: 92px;
}

.part4_selects .every_select:first-of-type{
	margin-right: 56px;
}

.part4_selects .every_select{
	width: 524px;
	height: 59px;
	border-radius: 30px;
	border: 2px solid #47ae57;
	background-color: #fff;
	box-shadow: inset 0px 2px 10px 0px rgba(36, 76, 41, 0.5);
}

.part4_selects .every_select select{
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-align: center;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url(../images/select_triangle.png) 475px center no-repeat;
	background-color: transparent;
	font-size: 24px;
	color: #333333;
}

.part4{
    min-height: 593px;
    margin-top: 22px;
    background-image: url(../images/part4.png);
    background-size: 100% 100%;
    padding-top: 45px;
    border-bottom: 1px solid transparent;
}

.part4 .leaf4{
	right: -116px;
	bottom: 139px;
}

.part4 .part4_change{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding-left: 55px;
	padding-right: 54px;
}

.part4 .part4_change .every_content{
    width: 539px;
    min-height: 506px;
    border-radius: 20px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 10%);
    padding-top: 84px;
    margin-bottom: 30px;
}

.part4 .part4_change .left_content{
	border-color: #63be66;
	background-color: #f0fff3;
}

.part4 .part4_change .right_content{
	border-color: #1aa769;
	background-color: #f1fff9;
}

.part4 .part4_change .every_content .change_title{
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 75px;
    line-height: 75px;
    font-size: 0;
    white-space: nowrap;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 20px 20px 0 0;
    box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 10%);
}

.part4 .part4_change .left_content .change_title{
	background-image: url(../images/change_title1.png);
}

.part4 .part4_change .right_content .change_title{
	background-image: url(../images/change_title2.png);
}

.part4 .part4_change .every_content .change_title span{
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 10px;
}

.part4 .part4_change .every_content .change_title img{
	vertical-align: middle;
}

.part4 .part4_change .every_content .small_title{
    width: 165px;
    height: 38px;
    line-height: 38px;
    white-space: nowrap;
    padding-left: 34px;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    margin-left: 20px;
    border-radius: 0 19px 19px 0;
}

.part4 .part4_change .every_content .small_title img{
	position: absolute;
	left: -12px;
	top: -7px;
}

.part4 .part4_change .left_content .small_title{
	background-color: rgb(71, 174, 87);
}

.part4 .part4_change .right_content .small_title{
	background-color: #1aa769;
}

.part4 .part4_change .every_content p{
    text-align: left;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    padding: 0 10px;
}

.part4 .part4_change .every_content a{
    position: relative;
    width: 484px;
    height: 56px;
    line-height: 56px;
    white-space: nowrap;
    background-color: rgb(201,45,8);
    border-radius: 28px;
    background-image: -moz-linear-gradient( 0deg, rgb(201,45,8) 0%, rgb(227,69,16) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(201,45,8) 0%, rgb(227,69,16) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(201,45,8) 0%, rgb(227,69,16) 100%);
    background-image: linear-gradient( 0deg, rgb(201,45,8) 0%, rgb(227,69,16) 100%);
    display: block;
    margin: 10px auto 10px;
    font-size: 24px;
    color: #eeffff;
    font-weight: bold;
    padding-left: 178px;
    text-align: left;
}

.part4 .part4_change .every_content a i{
    border-radius: 50%;
    position: absolute;
    right: 178px;
    top: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto 0;
    background: url(../images/triangle2.png) center no-repeat #fff;
}

.part_title5{
	margin-top: 102px;
}

.qr_part{
	display: flex;
	display: -webkit-flex;
	margin-top: 236px;
	padding-left: 109px;
}

.qr_part .every_qr{
	width: 326px;
	height: 141px;
	background: url(../images/qr_bg.png) center no-repeat;
	position: relative;
}

.qr_part .every_qr .qr_title{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 52px;
}

.qr_part .every_qr:nth-child(1) .qr_title{
	top: 60px;
}

.qr_part .every_qr:nth-child(2){
	margin-left: 63px;
	margin-right: 42px;
}

.qr_part .every_qr .white_border{
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 100px;
	width: 181px;
	padding-top: 14px;
}

.qr_part .every_qr .white_border .qr_border{
    background-color: rgb(73, 169, 95);
    margin: 0 auto;
    width: 149px;
    height: 149px;
    line-height: 149px;
    font-size: 0;
    display: block;
}

.qr_part .every_qr .white_border .qr_border img{
	width: 146px;
	vertical-align: middle;
}

.qr_part .every_qr .white_border .qr_line{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 0;
	white-space: nowrap;
}

.qr_part .every_qr .white_border .qr_line i{
    color: #282828;
    font-size: 18px;
    line-height: 19px;
    display: inline-block;
    vertical-align: middle;
}

.public-footer {
	height: 100px;
	color: #000;
}

.public-footer .public-container {
	line-height: 100px;
	font-size: 0;
}

.public-footer .public-container p {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
}

.float-right{
	position: fixed;
	width: 132px;
	height: 444px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: url(../images/float_bg.png) 48px center no-repeat;
	white-space: nowrap;
	text-align: center;
	padding-top: 48px;
}

.float-right a{
    height: 129px;
    display: block;
    line-height: 94px;
    background: url(../images/float_link.png) center no-repeat;
    margin-top: -20px;
    position: relative;
}

.float-right a:first-of-type{
	margin-top: 0;
}

.float-right a i{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	line-height: 24px;
	color: #9f6c43;
}

.float-right .float_close{
    position: absolute;
    background-color: rgb(108, 157, 57);
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    border-radius: 50%;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}

.float-right .top{
    font-size: 16px;
    font-weight: bold;
    margin-top: 6px;
}