body { background-color: #f7f8f8; }
body.bodyhbg { background-color: #f4f4f4; }

.test.apply:before { content: normal; }
.test.apply .item { width: 1030px; background: url(../images/shenq-bg.png) top center no-repeat; top: -125px; left: -3px; position: relative; }

.headers { background-color: #fff; height: 40px; line-height: 40px; }
.headers .logos { margin-right: 50px; }
.headers .logos img { height: 21px; }
.headers .ul a { font-size: 12px; margin-right: 25px; }
.headers .head-logins { font-size: 12px; }
.headers .head-logins a { color: #666; }
.headers .head-logins .line { color: #ccc; margin: 0 3px; vertical-align: 0; }

.banner { background: url(../images/pinggu.jpg) no-repeat center; height: 514px; width: 100%; }
.banner.banner1 { background: url(../images/shenqing1.jpg) no-repeat center; height: 436px; }

.test { background-color: #fff; position: relative; }
.test:before { content: ''; width: 1346px; height: 74px; background: url(../images/pg-bg.png) center no-repeat; position: absolute; top: -20px; left: -71px; }

.item { background-color: #fff; padding: 54px 90px 180px; min-height: 600px; }
.item .tit { height: 100px; line-height: 100px; font-size: 30px; color: #4156ff; text-align: center; }
.item .tips { color: #ff3e00; height: 40px; line-height: 40px; background-color: #f6f6f6; padding-left: 10px; }
.item .tips .icon { margin-right: 3px; vertical-align: -3px; }
.item.last .tit { color: #333; }
.item.last .tit em { font-size: 38px; color: #f33c32; font-weight: bold; vertical-align: -2px; }
.item .ts { font-size: 12px; color: #777; text-align: center; line-height: 1; margin-top: -20px; }
.item .seeMore { text-align: center; margin-top: 30px; }
.item .seeMore a { display: inline-block; height: 48px; line-height: 48px; color: #fff; background-color: #ffa728; border-radius: 48px; font-size: 18px; padding: 0 40px; }
.item .seeMore a:hover { opacity: 0.9; }
.item .push { font-size: 18px; color: #666; border-bottom: 1px solid #e8e8e8; margin-top: 40px; padding-bottom: 8px; }
.item .showMore { margin-top: 20px; padding: 20px 30px; background-color: #f6f6f6; }
.item .showMore .showTit { font-size: 16px; }
.item .showMore .info { margin-top: 20px; }
.item .showMore .info ul:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.item .showMore .info li { float: left; margin-left: 35px; }
.item .showMore .info li:first-child { margin-left: 0; }
.item .showMore .info li:last-child { margin-left: 20px; }
.item .showMore .info li em { color: #f33c32; vertical-align: -5px; display: inline-block; font-weight: bolder; margin-right: 5px; font-size: 18px; }
.item .showMore .info li input { height: 38px; width: 148px; box-sizing: border-box; padding-left: 6px; border: 1px solid #ddd; }
.item .showMore .info li input:focus { border-color: #0c74d9; }
.item .showMore .info li .codeInt { width: 120px; }
.item .showMore .info li .code { width: 85px; height: 38px; vertical-align: -14px; margin-left: 5px; margin-right: 10px; }
.item .showMore .info li .sub { font-size: 16px; color: #fff; background-color: #ffa728; display: inline-block; width: 110px; height: 38px; line-height: 38px; text-align: center; }
.item .showMore .info li .sub:hover { opacity: 0.9; }
.item .showMore .info .tip { font-size: 12px; color: #ff3e00; margin-top: 10px; }

.country { padding-bottom: 20px; }
.country .cy-tit { font-size: 18px; height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; width: 750px; }
.country .cy-tit a { color: #666; position: relative; display: inline-block; width: 90px; text-align: center; }
.country .cy-tit a.active { color: #333; }
.country .cy-tit a.active:after { content: ''; position: absolute; height: 2px; width: 100%; background-color: #0c74d9; bottom: 0; left: 0; }
.country .cy-con a { float: left; margin-right: 33px; color: #666; text-align: center; margin-top: 20px; width: 69px; }
.country .cy-con a:nth-child(10n) { margin-right: 0; }
.country .cy-con a img { width: 69px; height: 46px; border: 1px solid #f0f0f0; }
.country .cy-con a p { line-height: 14px; height: 14px; overflow: hidden; margin-top: 5px; }
.country .cy-m { display: inline-block; width: 69px; height: 41px; background-color: #f0f0f0; line-height: 41px; }

.hotVisa .lists { border-bottom: 1px solid #e8e8e8; padding: 20px 0; }
.hotVisa .lists:hover { background-color: #fafdff; }
.hotVisa .lists:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.hotVisa .lists .line { vertical-align: 1px; }
.hotVisa .lists .left { float: left; margin-right: 12px; }
.hotVisa .lists .left img { width: 90px; height: 80px; }
.hotVisa .lists .mid { float: left; }
.hotVisa .lists .mid .tits { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.hotVisa .lists .mid .tits .icon { margin-left: 5px; }
.hotVisa .lists .mid .info p { color: #666; max-width: 800px; height: 22px; line-height: 22px; overflow: hidden; }
.hotVisa .lists .mid .info .line { color: #e7e7e7; margin: 0 3px; }
.hotVisa .lists .right { float: right; text-align: right; }
.hotVisa .lists .right .price { font-weight: bold; color: #f33c32; font-size: 18px; margin-bottom: 18px; }
.hotVisa .lists .right .btn a { display: block; width: 92px; height: 34px; line-height: 34px; color: #fff; font-size: 16px; text-align: center; background-color: #f33c32; transition: all .2s; }
.hotVisa .lists .right .btn a:hover { opacity: .9; }
.hotVisa .visaMore { text-align: center; margin-top: 20px; }
.hotVisa .visaMore a { font-size: 16px; color: #999; }

.precent { margin: 35px 0 60px; }
.precent:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.precent li { float: left; width: 33.33%; text-align: center; position: relative; }
.precent li.active b, .precent li.active span { background-color: #5c77fa; }
.precent li b { height: 6px; background-color: #d4d4d4; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -3px; }
.precent li span { display: inline-block; background-color: #d4d4d4; width: 25px; height: 25px; border-radius: 50%; color: #fff; position: relative; z-index: 2; font-size: 16px; font-weight: bold; }

.question { position: relative; }
.question:before { content: ''; width: 276px; height: 227px; background: url(../images/pg-yz.png) no-repeat; position: absolute; right: 0; top: 0; }
.question .list { margin-bottom: 30px; }
.question .list.lists li:not(:first-child) span { width: auto; padding: 0 15px; }
.question .list:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.question .title { font-size: 16px; color: #666; float: left; width: 200px; line-height: 38px; }
.question ul { margin-left: 200px; }
.question ul:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.question li { float: left; margin-bottom: 10px; }
.question li.active span { border-color: #4757ec; }
.question li.active span:after { content: ''; width: 18px; height: 18px; background: url(../images/chose.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; right: 0; }
.question li input[type='radio'] { display: none; }
.question li span { border: 1px solid #ccc; display: inline-block; height: 38px; line-height: 38px; box-sizing: border-box; color: #444; width: 110px; text-align: center; font-size: 14px; margin-right: 10px; cursor: pointer; position: relative; background-color: #fff; }
.question .tip { font-size: 12px; color: #ff3e00; margin-left: 200px; margin-top: 10px; }

.btns { text-align: center; }
.btns a { display: inline-block; width: 160px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #fca827 url(../images/btns-bg.png) repeat-x; text-align: center; font-weight: bolder; box-shadow: 0 2px 5px rgba(255, 142, 0, 0.5); }
.btns a:first-child { margin-right: 100px; }
.btns a:hover { opacity: 0.9; }

.wrong { position: fixed; top: 50%; left: 50%; font-size: 16px; background-color: rgba(0, 0, 0, 0.6); padding: 15px 100px; color: #fff; margin-top: -28px; transform: translateX(-50%); display: none; }

.apply .precent li { width: 50%; }
.apply .question .list1 li { width: 63px; margin-bottom: 10px; }
.apply .question .list1 li:nth-child(12n) { margin-right: 0; }
.apply .question .list2 li { width: auto; padding: 0 20px; }
.apply .question .title { width: 150px; }
.apply .question .tip { margin-left: 150px; }
.apply .question ul { margin-left: 150px; }
.apply .question li { border: 1px solid #ccc; display: inline-block; height: 38px; line-height: 38px; box-sizing: border-box; color: #444; width: 110px; text-align: center; font-size: 14px; margin-right: 10px; cursor: pointer; position: relative; background-color: #fff; }
.apply .question li.active { border-color: #4757ec; }
.apply .question li.active:after { content: ''; width: 18px; height: 18px; background: url(../images/chose.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; right: 0; }
.apply .qzcs-btn { color: #4757ec; }
.apply .push { color: #333; font-weight: bolder; }

.baseList { margin-left: 150px; margin-bottom: 15px; }
.baseList:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.baseList .baseTit { line-height: 38px; float: left; }
.baseList .baseTit em { color: #f33c32; vertical-align: -5px; display: inline-block; font-weight: bolder; margin-right: 5px; font-size: 18px; }
.baseList .baseCon input { height: 38px; box-sizing: border-box; border: 1px solid #ddd; width: 300px; padding-left: 10px; float: left; }
.baseList .baseCon input:focus { border-color: #0c74d9; }
.baseList .baseCon .code { width: 150px; }
.baseList .baseCon .codeImg { width: 110px; height: 38px; margin: 0 15px; }

.success { text-align: center; padding-top: 120px; }
.success .sucInfo { font-size: 24px; color: #ff3e00; margin: 15px 0 25px; }
.success .sucCon { color: #999; margin-bottom: 50px; }
.success .sucCon span { color: #ff3e00; }
.success .btns a:first-child { margin-right: 0; }

.prop { position: fixed; width: 460px; top: 50%; left: 50%; margin-left: -230px; margin-top: -140px; display: none; }
.prop .propBg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(48, 48, 48, 0.14); z-index: 2; }
.prop .propCon { position: relative; z-index: 3; background-color: #fff; padding: 30px; border-radius: 8px; }
.prop .propClose { position: absolute; right: 18px; top: 15px; }
.prop h3 { font-size: 25px; color: #363636; text-align: center; font-weight: 400; }
.prop .tips { line-height: 32px; font-size: 14px; color: #989797; text-align: center; }
.prop .js-cli-btn { margin: 10px 0 20px 0; text-align: center; }
.prop .js-cli-btn:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.prop .js-cli-btn a { display: inline-block; width: 78px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #666; border: 1px solid #dee0e2; position: relative; }
.prop .js-cli-btn a:first-child { margin-right: 50px; }
.prop .js-cli-btn a.active { background-color: #61a320; border-color: #61a320; color: #fff; }
.prop .js-cli-btn a.active:after { content: ''; border-top: 10px solid #61a320; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; }
.prop .propUl li { line-height: 24px; position: relative; padding-left: 22px; margin-bottom: 6px; }
.prop .propUl li span { position: absolute; left: 0; }