/* CSS Document */
*{ padding:0; margin:0; font-family: "microsoft yahei",Arial,Helvetica,sans-serif; font-style: normal;}
ul,li,dl,dd,dt{ list-style: none;}
img{ border:none;}
a{ text-decoration:none; color:#f0fbff;}

.red{ color:red;}

body{ height: 100%; font-size:14px; color:#fff; overflow:auto;}
.ls5{ letter-spacing:5px;}/*字间距5像素*/
.fbold{ font-weight:bold;}

h1{ font-weight:100; font-size:55px;}
h1 span{ color:#e3db0c}

.clear:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear{ height:1%;}

.box{background:url(/Public/images/bg.jpg) center top no-repeat; min-width:1000px;}

.snh_logo{float:left; width:86px; height:119px; margin-top:12px; background: url(/Public/images/snh_logo.jpg); display:inline-block;}
.top_qu{ line-height:30px; float:right; margin-right:10px; color:#fff; }
.top_qu a{ text-decoration:none; color:#fff; font-size:16px; }

.b_logo{ position:absolute; top:140px;left:50%; margin-left:-200px;}
.tu1{
	background: url(/Public/images/tu1.png);
	width: 99px;
	height: 99px;
	position: absolute;
	top: 60px;
	left: -100px;
}
.tu2{
	background: url(/Public/images/tu2.png);
	width: 79px;
	height: 84px;
	position: absolute;
	top: 174px;
	left: 87px;
}
.tu3{background:url(/Public/images/tu3.png);width:79px; height:84px; position:absolute; top:350px; left:170px;}
.tu4{background:url(/Public/images/tu4.png);width:85px; height:86px; position:absolute; top:490px; left:-20px;}
.tu5{background:url(/Public/images/tu5.png);width:85px; height:86px; position:absolute; top:90px; left:900px;}
.tu6{background:url(/Public/images/tu6.png);width:89px; height:89px; position:absolute; top:280px; left:800px;}
.tu7{background:url(/Public/images/tu7.png);width:83px; height:86px; position:absolute; top:480px; left:870px;}
.tuac{animation:acing 2s linear 0s infinite;transform-origin:50% 50%;}
@keyframes acing{
	0%{transform:translate3d(0,0,0) rotate(0deg);}
	50% { transform:translate3d(0,15px,0)  rotate(.01deg); }
	100% { transform:translate3d(0,0,0) rotate(0deg); }
}
.tuac:hover{animation:rcing 2s linear 0s infinite;transform-origin:50% 50%;animation-delay:0s;}

@keyframes rcing{
	0%{transform:translate3d(0,0,0) rotate(0deg);}
	50% { transform:translate3d(0,15px,0) rotate(180deg); }
	100% { transform:translate3d(0,0,0) rotate(360deg); }
}

.selBox{text-align:center; padding-top:20px;}
.selitem{ display:inline-block;height: 25px; border-radius:10px;background:#8ee1ee;width: 205px; line-height:25px; color:#fff;box-shadow:0 2px 5px #C69;}
.selitem:hover,.bigbtn:hover{ background:#3ee1ee; transition:all .2s;}
.bigbtn{width:250px; height:55px; line-height:55px; text-align:center; box-shadow:0 2px 5px #C69; border-radius:15px; background:#8ee1ee; font-size:32px; font-weight:bold; margin:590px 30px 0; display:inline-block; cursor:pointer;}
.bt1{background:url(/Public/images/bt1.png);width:792px; height:113px; margin:60px auto 20px; }
.bt2{background:url(/Public/images/bt2.png);width:952px; height:113px; margin:0px auto 20px; }
.bt3{background:url(/Public/images/bt3.png);width:582px; height:133px; margin:10px auto 20px; }

.sg{ text-align:center}
.sgplan{background:url(/Public/images/sp_bg.png); border:1px solid #fbd3e2; border-radius:20px;width:260px; height:175px; margin:0 30px 45px 30px; display:inline-block;cursor: pointer;}

.sgbt{width:205px; height:30px; line-height:30px; border-radius:10px; margin:20px auto 10px; font-size:18px; background:#fff;}
.sgplan .bt1{border:1px solid #75d9e9; color:#75d9e9}
.sgplan .bt2{border:1px solid #99bff3; color:#99bff3}
.sgplan .bt3{border:1px solid #9ae4a8; color:#9ae4a8}
.sgplan .bt4{border:1px solid #d5b3ff; color:#d5b3ff}
.sgplan .bt5{border:1px solid #ffb3fe; color:#ffb3fe}
.sgplan .txt{font-size:27px; font-weight:bold; margin-bottom:5px;}
.sgplan .txt2{font-size:12px; font-weight:bold;}
.sgbtn{width:110px; height:25px; line-height:25px; font-size:14px; font-weight:bold; border-radius:10px;box-shadow:0 2px 4px #C69; margin:10px auto 0;}
.sgplan .btn1{ background:#75d9e9}
.sgplan .btn2{ background:#99bff3}
.sgplan .btn3{ background:#9ae4a8}
.sgplan .btn4{ background:#d5b3ff}
.sgplan .btn5{ background:#ffb3fe}

.sgplan:hover{ transform:scale(1.02);box-shadow:2px 2px 6px #C69;filter:contrast(1.2); }

.bt2_txt1{width:920px; margin:10px auto; padding-bottom:20px; border-bottom:1px dashed #fbc9dc; font-weight:bold; line-height:25px;}
.bt2_txt1 .sbt,.bt2_txt2 .sbt{font-size:16px; font-weight:bold;}
.bt2_txt2{width:920px; margin:10px auto; padding-top:10px; font-weight:bold; line-height:25px;}
.bt2_txt2 .sbt{height:50px; float:left;}

.bt3_t1{width:40px; vertical-align:top;}
.bt3_t2{width:850px; font-weight:bold; line-height:25px; padding-bottom:10px;}
.bt3_t2 span{font-size:12px;}
.bt3_icon{ background:#8ee1ee; margin-top:5px; border-radius:5px; width:20px; height:20px; line-height:20px; text-align:center;}

.body1{width:1000px;margin:0 auto;} 
.top1{margin:0 auto;width:1000px; padding-top:25px;text-align: center; position:relative;}

.plan{width:790px; display:none; background:#fff;font-size:16px; color:#747474; text-align:center; border-radius:25px; padding-bottom:15px; overflow:hidden;}
.plan .bt{height:70px; line-height:70px;font-size:37px;width: 790px;margin:0 auto 15px; color:#fff; font-weight:bold;}
.plan .bt1{background:#75d9e9}
.plan .bt2{background:#99bff3}
.plan .bt3{background:#9ae4a8}
.plan .bt4{background:#d5b3ff}
.plan .bt5{background:#ffb3fe}
.plan .icon{ float:left; margin-right:15px; color:#fff; border-radius:5px; width:20px; height:20px; line-height:20px; font-size:14px; text-align:center;}
.plan .icon1{background:#8ee1ee;}
.plan .icon2{background:#9ae4a8;}
.plan .icon3{background:#d5b3ff;}
.plan .icon4{background:#ffb3fe;}
.plan .item{ text-align:left; display:inline-block;width:340px; margin:15px 20px;}

.plan_login{width:670px; height:450px; display:none; text-align:center; background:#ff89b8; border-radius:25px; overflow:hidden;}
.plan_login .lbt1{font-size:43px; padding-top:20px;}
.plan_login .lbt2{font-size:17px; font-weight:bold; padding-top:5px;}
.plan_login .inBox{width:530px; padding:25px 35px; height:185px; margin:20px auto 0; background:#ffffff; border-radius:25px;}
.plan_login .sbt{color:#ff89b8; font-size:17px; padding-left:5px; text-align:left;}
.plan_login .kg{outline:none; border:1px solid #e7e7e7; background:#f7f7f7;width:505px; padding-left:20px; margin:5px 0 15px; font-size:17px; height:40px; border-radius:20px;}
.plan_login .kg:focus{border:1px solid #ff89b8; transition:200ms;}
.plan_login .next_in{width:50%; float:left; text-align:left; color:#747474; padding-left:5px; cursor:pointer;}
.plan_login .forget{ float:right; margin-right:5px;color:#747474; }
.plan_login .next_in:hover,.plan_login .forget:hover{color:#ff89b8; transition:200ms;}
.plan_login .l_btn{ display:inline-block; cursor:pointer; background:#8ee1ee;width:185px; height:45px; line-height:43px; border-radius:20px; font-size:30px; font-weight:bold; margin:20px 30px;box-shadow:0 2px 5px #C69;}
.plan_login .l_btn:hover{ background:#3ee1ee; transition:all .2s;}

/*layer弹出样式去掉背景色*/
body .lay_nobg{background-color:transparent; border: none; box-shadow:none;}
body .lay_nobg .layui-layer-close2{top:-10px; right:0px;}


.footer_con{ min-width: 1000px; max-width:1920px; margin: 0 auto; position:relative;}
.f_bq{ padding: 30px 0 25px; color: #fff; font-size: 14px; text-align: center; position:relative;}

@media screen and (max-width:700px) {
	.select_option li{line-height: 200%; border-bottom: 1px dotted #fff;}
	.box{min-width: inherit; background-size: cover;}
	.body1,.top1{width: 100%;}
	.top1{padding-top: 0px;}
	.b_logo {width: 90%; max-width: 400px; position:static;top:0px;left:0; margin:5% auto 0;}
	.b_logo img{width: 100%; }
	.select_box{font-size: 1.4em; margin:0 0 5%;}
	.select_showbox{height: auto; padding: 2% 0;}
	.selitem{font-size: 1.4em;height: auto; padding: 5px 2%;width: auto;}
	.bigbtn{margin: 5% 5% 0; width: 35.7%; font-size: 1.5em; height: 7.85%; line-height: 200%;}
	.tuac{display: none;}
	.bt1{background:url(/Public/images/bt1.png) center top no-repeat;background-size:110%; width:100%; height:100px; margin:10% auto 1%; }
	.bt2{background:url(/Public/images/bt2.png) center top no-repeat;background-size:115%; width:100%; height:90px; margin:0px auto 1%; }
	.bt3{background:url(/Public/images/bt3.png) center top no-repeat;background-size:90%;width:80%; height:90px; margin:10px auto 20px; }
	
	.sgplan{height: 100%; margin:0 auto 5%;}
	.sgbt{background: #fff;margin: 5% auto 2%;}
	.sgplan .bt1,.sgplan .bt2,.sgplan .bt3,.sgplan .bt4,.sgplan .bt5{height: auto;width:80%;}
	.sgbtn{margin-bottom: 5%;}
	
	.bt2_txt1,.bt2_txt2{width: 96%;}
	.bt2_txt2 .sbt{height: auto;}
	.bt3_t1{padding-left: 1%;width: 30px;}
	.bt3_t2{width: auto;}
	.footer_con{min-width:inherit;}
	.plan{width: 100%;}
	.plan .bt{width: 100%;}
	.plan .item{ text-align:left; display:inline-block;width:43%; margin:15px 2.5%; vertical-align: top;}
	.plan .bt{width: 100%; font-size: 1.4em;height:40px; line-height:40px;}
	.plan .item{ text-align:left; display:inline-block;width:43%; margin:1% 2.5%; vertical-align: top; font-size: 13px;}
}

.sgplan .bt6{border: 1px solid #f3bd37; color: #f3bd37;}
.sgplan .btn6{background: #f3bd37;}
.plan .bt6{background: #f3bd37;}
.plan .icon5{background: #f3bd37;}