/**css reset*/
body,menu,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;font-weight:normal;border:none;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; }
body{-webkit-touch-callout:none;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
input,select,button{background-color: transparent; border: none;outline:none;}
caption,th{text-align:left;}
abbr,acronym{border:0;}
strike{display:inline;}
a {text-decoration:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; user-select: none; }
a:link, a:visited{color:#fff; }
.clearfix {display: block; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
body {font-size:0.3rem;font-family: 'microsoft Yahei'; background:#fff; color: #474747; overflow-y: auto;overflow-x: hidden; }

#body{display:none;}
/*part0*/
.part0, .part1, .part2 {
    position: relative;
}
.part0 img, .part1 img, .part2 img {
    width: 100%;
}
.part0 .registerDiv {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-bottom:.5rem;
}


.registerDiv form{ width: 90%;height: 4rem;position: absolute;left: 5%;top: 50%;margin-left: 0;margin-top: -5.5rem;z-index: 10; }
.registerDiv form li{ font-size: 0.24rem;background-color: #fff;height: 0.7rem;line-height: 0.7rem;margin: 0.1rem 0;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);padding: 0 0.1rem; }
.registerDiv form li input{ width: 70%;line-height: 0.8rem;font-size: 0.24rem; }
.registerDiv form li select{ width: 70%;line-height: 0.8rem;font-size: 0.24rem; }
.btn1{ width: 100%;background-color: #ab7831;text-align: center;color: #fff;line-height: 0.7rem;height: 0.7rem;display: block;overflow: hidden;font-size: 0.32rem }
.btn2{ width: 80%;background-color: #ab7831;text-align: center;color: #fff;line-height: 0.7rem;height: 0.7rem;display: block;overflow: hidden;margin: 0 auto; }


.part0 .registerDiv .regInput {
    width: 6.3rem;
    height: .9rem;
    line-height: .9rem;
    overflow: hidden;
    margin: .5rem auto .3rem;
    background: url(img20171025/section1_phone.png) .2rem center no-repeat #ffffff;
    background-size: .42rem;
}
/* .part0 .regInput input {
    margin-left: .72rem;
    width: 85%;
    height: 100%;
    color: #b6b6b6;
    font-size: .26rem;
    background: 0 0;
} */
.btn, .btns {
	background: #ed6d11;
	text-align: center;
	width: 6.3rem;
	height: .9rem;
	line-height: .9rem;
	overflow: hidden;
	font-size: .34rem;
	border-radius: 3px;
	margin: 0 auto;
	color:#fff;
	display: block;
}
/*part1*/
.part1 .part1Div, .part2 .part1Div{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding:2.6rem 0 1.2rem;
    background: url(img20171025/section2_tit.png) no-repeat center 1.2rem;
    background-size: 80% auto;
    text-align: center;
}
.part1 .part1Div h2{
     font-size:.4rem;
}
.part1 .part1Div ul {
    overflow: hidden;
    padding: 0.4rem .4rem 1.2rem;
}
.part1 .part1Div ul li {
    width: 50%;
    float: left;
    overflow: hidden;
}
.part1 .part1Div ul li div {
    width: 1.25rem;
    height: 1.25rem;
    margin: .35rem auto;
    background: url(img20171025/section2_icon.png) no-repeat;
    background-size: 5rem;
}
.part1 .part1Div ul li:nth-of-type(2) div {
    background-position: -1.25rem 0;
}
.part1 .part1Div .part1Div ul li:nth-of-type(3) div {
    background-position: -2.5rem 0;
}
.part1 .part1Div ul li:nth-of-type(4) div {
    background-position: -3.75rem 0;
}
/*part2*/
.part2 .part1Div{
    background: url(img20171025/section3_tit.png) no-repeat center 1.2rem;
}
.part2 .part1Div .pic {
    position: relative;
    width: 100%;
    height: 6rem;
    background: url(img20171025/section3_icon.png) no-repeat center center;
    background-size: 3.75rem;
}
.part2 .part1Div .pic div {
    position: absolute;
    text-align: center;
    font-weight: bold;
    left:50%;
    top:50%;
}
.part2 .part1Div .pic div:nth-of-type(1) {
    margin-top: -2.4rem;
    margin-left:-2.8rem;
}
.part2 .part1Div .pic div:nth-of-type(2) {
    margin-top: -2.4rem;
    margin-left:.4rem;
}
.part2 .part1Div .pic div:nth-of-type(3) {
    margin-top: 2rem;
    margin-left:-2.8rem;
}
.part2 .part1Div .pic div:nth-of-type(4) {
    margin-top: 2rem;
    margin-left:.4rem;
}
.part2 .part1Div p {
   background: url(img20171025/section3_p.png) no-repeat center center;
   height: 1.8rem;
   width: 100%;
}
/*part_form*/
.part_form{
	position: absolute;
	top: 0;
	left:0;
	background:#fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}
.part_form header {
    position: fixed;
    width: 100%;
    height: .96rem;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1995;
    overflow: hidden;
}
.part_form header .back {
    float: left;
    width: 19%;
    height: 100%;
    background: url(img20171025/section4_arrow.png) no-repeat 0.2rem center;
    background-size: .2rem;
}
.part_form h1 {
    font-size: .32rem;
    line-height: .96rem;
    text-align: center;
    font-weight: 700;
}
.part_form header h1 {
    width: 62%;
    float: left;
}
.part_form>section{
    display: none;
    width: 100%;
    max-width: 1024px;
    margin: auto;
    padding-bottom: .96rem;
}
.part_form section h2 {
    font-weight: bold;
    font-size: .3rem;
    padding-top: .64rem;
    text-align: center;
}
.sel {
    overflow: hidden;
    padding:0.6rem 0;
}
/* .sel select, input {
    display: block;
    margin: 0 auto .24rem;
    width: 6.7rem;
    height: .9rem;
    background: #f1f2f4;
    padding-left: .16rem;
    border-radius: 3px;
    font-size: .24rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.sel select {
    background: #f1f2f4 url(img20171025/section4_arrow_down.png) no-repeat 6.1rem center;
    background-size: .2rem;
} */
/*leyu*/
#doyoo_panel{top:76% !important;right:15px !important;}
/*pop*/
.mask{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.3) ;
    position: absolute;
    top: 0;
    left: 0;
}
.mask .pop{
    width: 5.6rem;
    height:  1.8rem;
    background:url(img20171025/talk.png) no-repeat center center;
    position: absolute;
    top:40%;
    left:50%;
    margin-left:-2.8rem;
}
.mask .pop .close{
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top:0.1rem;
    right:0.1rem;
}