/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
* { margin: 0; padding: 0; }

.input_box { position: relative; width: 100%; margin-top: 16px; overflow: hidden; }
.input_box input { padding-left: 4%; color: #909090; width: 100%; height: 42px; line-height: 42px; font-size: 0.8rem; box-sizing: border-box; background-color: #eeeeee; border: none; border-radius: 5px; -webkit-appearance: none; }
.input_box .square { position: absolute; color: #c7c5c5; font-size: 0.8rem; right: 3%; top: 32%; }
.input_box select { position: relative; float: left; width: 48%; height: 41px; line-height: 41px; color: #909090; padding-left: 4%; font-size: 0.8rem; border-radius: 5px; box-sizing: border-box; border: none; background-color: #eeeeee; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.input_box select:nth-child(2) { float: right; }
.input_box .select1 { position: absolute; left: 42%; top: 31%; z-index: 9; }
.input_box .select2 { position: absolute; right: 3%; top: 31%; z-index: 9; }
.input_box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909090; opacity: 1; }
.input_box ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909090; opacity: 1; }
.input_box input:-ms-input-placeholder { color: #909090; opacity: 1; }
.input_box input::-webkit-input-placeholder { color: #909090; opacity: 1; }
.input_box input[type=button] { border: none; color: white; line-height: 48px; height: 48px; padding-left: 0; font-size: 0.95rem; background: #0f95d5; box-shadow: 0px 5px 10px #c5e7f5; }

.ploan_warp { max-width: 640px; margin: 0 auto; }
.ploan_warp .loan_head { position: relative; width: 100%; }
.ploan_warp .loan_head img { width: 100%; }
.ploan_warp .loan_head .head_content { position: absolute; width: 100%; text-align: center; bottom: 8.5%; }
.ploan_warp .loan_head .head_content .nub_list { display: inline-block; }
.ploan_warp .loan_head .head_content .nub_list .item_nub { float: left; margin-right: 0.3rem; width: 1.3rem; border: 1px solid #fff692; border-radius: 4px; overflow: hidden; }
.ploan_warp .loan_head .head_content .nub_list .item_nub span { display: inline-block; width: 100%; color: #fff692; line-height: 2.2rem; font-size: 1.2rem; background-color: #da6158; }
.ploan_warp .loan_head .head_content .nub_list .item_nub:last-child { margin-right: 0; }
.ploan_warp .loan_head .head_content > span { display: inline-block; font-size: 1rem; line-height: 2.2rem; color: white; vertical-align: top; }
.ploan_warp .loan_content h3 { font-size: 1.2rem; font-weight: bold; text-align: center; }
.ploan_warp .loan_content h3 font { color: #0f95d5; }
.ploan_warp .loan_content .form_div { width: 92%; margin: 0 auto; margin-bottom: 1.4rem; }
.ploan_warp .loan_content .spacing_public { padding: 1rem 0; }
.ploan_warp .loan_content .four_part { background-color: #f8f8f8; }
.ploan_warp .loan_content .four_part .four_content { width: 94%; margin: 0 auto; }
.ploan_warp .loan_content .four_part .four_content img { width: 100%; }
.ploan_warp .loan_content .step_content { padding: 0.8rem  2%; }
.ploan_warp .loan_content .step_content img { width: 100%; }
.ploan_warp .loan_content .loan_money { width: 100%; height: auto; background: url("../images/loan/loan_back1.jpg") no-repeat; background-size: 100%; }
.ploan_warp .loan_content .loan_money .money_stpe { width: 92%; margin: 0 auto; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 { padding-top: 1rem; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 p { font-size: 0.95rem; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 p font { color: #ff9416; font-size: 1.1rem; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 ul { display: inline-block; width: 100%; padding-top: 0.6rem; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 ul li { float: left; width: 18%; margin-right: 2%; line-height: 36px; list-style-type: none; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 ul li a { display: inline-block; width: 100%; font-size: 0.9rem; text-align: center; color: #0f95d5; background-color: #ffffff; border: 1px solid #dedede; border-radius: 3px; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 ul li .link_a { color: white; background-color: #0f95d5; border: none; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 ul li .link_a2 { color: white; background-color: #0f95d5; border: none; }
.ploan_warp .loan_content .loan_money .money_stpe .part1 ul li:last-child { margin-right: 0; }
.ploan_warp .loan_content .loan_money .money_stpe .part2 ul li { width: 23%; margin-right: 2.3%; }
.ploan_warp .loan_content .loan_money .money_stpe .part3 ul { padding: 1.3rem 0  0 0; }
.ploan_warp .loan_content .loan_money .money_stpe .part3 ul li { width: 48%; margin-right: 4%; padding: 0.7rem  0; background-color: white; text-align: center; border: 1px solid #dedede; border-radius: 3px; box-sizing: border-box; }
.ploan_warp .loan_content .loan_money .money_stpe .part3 ul li i { display: inline-block; }
.ploan_warp .loan_content .loan_money .money_stpe .part3 ul li i img { width: 66%; vertical-align: middle; }
.ploan_warp .loan_content .loan_money .money_stpe .part3 ul li p { padding-top: 0.2rem; line-height: 28px; }
.ploan_warp .loan_content .loan_problem { width: 100%; height: auto; background: url("../images/loan/loan_back2.jpg") no-repeat; background-size: 100%; }
.ploan_warp .loan_content .loan_problem .problem_content { padding-top: 1rem; width: 92%; margin: 0 auto; }
.ploan_warp .loan_content .loan_problem .problem_content p { font-size: 0.95rem; line-height: 30px; }
.ploan_warp .loan_content .loan_problem .problem_content .info_box { position: relative; margin: 0.7rem  0; width: 100%; padding: 0.5rem; border-radius: 5px; border: 1px solid #cccccc; box-sizing: border-box; }
.ploan_warp .loan_content .loan_problem .problem_content .info_box p { color: #0f95d5; font-size: 0.9rem; line-height: 24px; }
.ploan_warp .loan_content .loan_problem .problem_content .info_box:before { position: absolute; content: ""; top: -14px; left: 10.2%; border-top: 7px solid transparent; border-bottom: 7px solid #cccccc; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.ploan_warp .loan_content .loan_problem .problem_content .info_box:after { position: absolute; content: ""; top: -13px; left: 10.2%; border-top: 7px solid transparent; border-bottom: 7px solid #f8f8f8; border-left: 7px solid transparent; border-right: 7px solid transparent; }

/*# sourceMappingURL=loan.css.map */