﻿.red{color: #de4135;}

.Page{background:#ffedd9;line-height: 1.8;position: relative; overflow-x: hidden;}

.Page .header { font-size: 0; height:400px; background:url(./img/1.png) no-repeat center bottom; }

.Page .main {position: relative; width:1000px; margin:0 auto; font-size: 18px;color:#322f3f;}

.Page .content { background: #fffaf9; padding: 0 70px; }

.Page .picIntro{border-radius: 10px;background: #fff url(./img/2.png) no-repeat center center;padding: 25px;margin: 0 -20px;height: 145px;position: relative;top: -15px;box-shadow: 0 2px 3px #f4f4f4; }

.Page .title{margin-top: 50px; background: #2d8bfa; color: #fff;font-size: 26px;height: 45px;line-height: 45px;border-radius: 22px;text-align: center;}

.Page .title2{font-size: 28px;text-align: center;padding:20px 0 10px;}
.Page .title2:before,
.Page .title2:after{display: inline-block; content: '';background: url(./img/3.png) no-repeat 0 0;width: 58px;height: 25px; vertical-align: middle;margin: 0 20px;}
.Page .title2:after{transform: rotate(180deg);}

.Page .text{padding: 30px 20px;}
.Page .text p{margin-top: 10px;}
.Page .img {text-align: center;}
.Page .mt {margin-top: 30px!important;}
.Page .text .key2{font-size: 20px;margin-top: 10px;}
.Page .text.m{text-indent: 2em;}

.Page .text3{margin-top: 20px; border-radius: 10px;border: 1px solid #ffb8b8; padding: 20px 30px;}
.Page .text3 h4{text-align: center;font-size: 28px; color: #de4135;}
.Page .text3 p{margin-top: 15px; line-height: 2}

.Page .title3{font-size: 26px;color: #fffaf9;width: 660px;height: 56px;line-height: 56px;text-indent: 240px;border-radius: 5px 5px 40px;background: #f5761b;font-weight: bold;}

.Page .qa{border-radius: 10px; box-shadow: 0 0 5px #bbb; padding: 10px 75px 20px;font-size: 18px;}
.Page .qa .q{font-size: 24px;color: #f5761b;background: url(./img/9.png) no-repeat 0 5px;padding-left: 40px;}
.Page .qa .a{margin-top: 30px;}

.Page .tbA2 {margin-top: 30px; padding: 0 40px;text-align: center;font-size: 18px;}
.Page .tbA2 table { width: 100%; border: 2px solid #305496; }
.Page .tbA2 thead td{background: #002060;color: #fff;padding: 5px;border-style: solid;}
.Page .tbA2 td { border:1px dashed #305496; width: 40% }
.Page .tbA2 td.key { white-space: nowrap;width: 20%;font-weight: bold;  }
.Page .tbA2.m td.key{ width: 20%; }
.Page .tbA2.m td{ width: 30%; }

.Page .f{padding: 20px;text-align: center;}
.Page .f a{display: inline-block;width: 325px;height: 80px;line-height: 80px;color: #fff;border-radius: 50px;background: #ec574c;font-size: 36px; margin-bottom: 20px;}

.Page .btnGo{position: absolute;background:#ec574c;color: #fff;font-size: 24px; width: 200px;height: 50px;line-height: 50px;text-align: center;left: 50%;top: 215px;margin-left: -370px;border-radius: 25px;}

.Page .forPhone{display: none;}

.Page .navA,.Page .xFollowHolder {position: absolute;top: 0;left: 1030px;}
.Page .xFollowHolder .navA{position: static;}
.Page .navA li{margin-bottom: 12px;}
.Page .navA li a {display: block;height: 46px;line-height: 46px;background: #ec574c;color: #fff; width: 255px;text-align: center;border-radius: 23px;font-size: 24px;}
.Page .navA li a:hover,
.Page .navA li a.active{background: #ba3b31;}

/* phone */
.Phone .header { font-size: 0; padding-top: 50%; background:url(./img/1.png) no-repeat 31% -30px/169%; }

.Phone .main {font-size: 16px;color:#322f3f;}

.Phone .content { background: #f9fafd; padding:0 15px; }

.Phone .picIntro{background: #fff url(./img/2.png) no-repeat center center/95%;padding-top: 50%;box-shadow: 0 2px 3px #f4f4f4;margin: 0 -15px; }

.Phone .title{margin-top: 10px; background: #2d8bfa; color: #fff;font-size: 18px;height: 44px;line-height: 44px;text-align: center;margin: 0 -15px;}

.Phone .title2{text-align: center;padding:5px 0;font-weight: bold;}

.Phone .text{padding: 15px 0;}
.Phone .text p{margin-top: 5px;}
.Phone .text .key2{margin-top: 10px;font-weight: bold;}
.Phone .text.m{text-indent: 2em;}

.Phone .img {padding: 10px 0;}
.Phone .img img {max-width: 100%;}

.Phone .text3{margin-top: 10px; border-radius: 5px;border: 1px solid #ffb8b8; padding: 10px;}
.Phone .text3 h4{text-align: center; color: #de4135;}
.Phone .text3 p{margin-top: 5px; }

.Phone .title3{color: #fffaf9;width: 90%;height: 44px;line-height: 44px;text-indent: 10px;border-radius: 5px 5px 22px;background: #f5761b;}

.Phone .qa{border-radius: 5px; box-shadow: 0 0 5px #bbb; padding: 10px;}
.Phone .qa .q{color: #f5761b;background: url(./img/9.png) no-repeat 0 5px/20px;padding-left: 25px;}
.Phone .qa .a{margin-top: 10px;}

.Phone .tbA2 {font-size: 14px; padding: 15px 0; text-align: center;}
.Phone .tbA2 table { width: 100%; border: 1px solid #305496; }
.Phone .tbA2 thead td{background: #002060;color: #fff;padding: 5px;}
.Phone .tbA2 td { border:1px solid #305496; width: 40%; padding: 5px;}
.Phone .tbA2 td.key { white-space: nowrap;width: 20%;font-weight: bold;  }
.Phone .tbA2.m td.key{ width: 20%; }
.Phone .tbA2.m td{ width: 30%; }

.Phone .f{padding: 10px;text-align: center;}

.Phone .forPC{display: none;}
