@charset "utf-8";
/**
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 */

.box_bg{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;z-index:999;top:0; display: none; }
.box_bg .box{width:770px;height:710px;background:#fff;margin:-360px 0 0 -355px;position:absolute;top:50%;left:50%;border-radius:10px;display: block;}
.box_bg .box .close{width:46px;height:46px;background:url(../img/guanbi.png) no-repeat;float:right;margin:-23px -23px 0 0;cursor:pointer;}
.box_bg .box .title{width:680px;height:auto;border-bottom:2px solid #a0a0a0;margin:46px auto 0 auto;padding-bottom:12px;font-size:26px;color:#252525;}
.box_bg .box .title p{float:right;font-size:13px;color:#a0a0a0;}
.box_bg .box .title p span{color:#f25472;}
.box_bg .box .content{width:680px;height:625px;margin:0 auto;}
.box_bg .box .content .jie{font-size:13px;color:#666;line-height:26px;text-indent:20px;margin-top:20px;}
.box_bg .box .content .con_01{display:block;width:680px;height:480px;background:url(../img/tu01.jpg) bottom no-repeat;}
.box_bg .box .content .con_01 .begin{width:482px;height:186px;letter-spacing: 1px;background:#ffe1e6;line-height: 30px;border-radius:10px;margin:45px auto;color:#e64d6a;font-size:18px;text-align:center;padding-top:29px;}
.box_bg .box .content .con_01 .begin .button,.box_bg .box .content .con_02 .pink_box .button{color:#fff;font-size:16px;width: 120px;height:32px;background:#fe6d87; line-height: 32px; margin:0 auto; text-align: center; border:none;border-radius:5px;outline:none;margin-top:30px;cursor:pointer;}
.box_bg .box .content .bar{display:none;width:400px;height:10px;background:url(../img/jindutiao.png) no-repeat;background-size:100%;position:absolute;bottom:130px;left: 50%;margin-left: -200px;border:1px solid #fff;border-radius:20px;}
.box_bg .box .content .bar .bar_length{width:0;height:10px;background:#fd6d88;border-radius:20px 0 0 20px;}
.box_bg .box .content .bar span{position:absolute;right:0;font-size:16px;color:#fd6d88;top:-23px;}
.box_bg .box .content .con_02{display:none;}
.box_bg .box .content .con_02 .pink_box{width:482px;height:434px;border-radius:10px;background:#ffe1e6;text-align:center;margin:44px auto 0 auto;}
.box_bg .box .content .con_02 .pink_box p{color:#e64d6a;font-size:18px;padding:50px 0 40px;}
.box_bg .box .content .con_02 .pink_box .radio_add label{background:#fe6d87;color:#fff;}
.box_bg .box .content .con_02 .pink_box div input{display:none;}
.box_bg .box .content .con_02 .pink_box div label{width:240px;height:32px;border-radius:5px;color:#323232;font-size:14px;text-align:center;display:block;background:#fff;margin:0 auto 20px auto;line-height:32px;cursor:pointer;}
.box_bg .box .content .con_03{display:none;}
.box_bg .box .content .con_03 .pink_box{width:482px;height:434px;border-radius:10px;background:#ffe1e6;text-align:center;margin:44px auto 0 auto;overflow:hidden;}
.box_bg .box .content .con_03 .pink_box p{color:#e64d6a;font-size:18px;padding:50px 0 40px;margin:0 55px;line-height: 30px;}
.box_bg .box .content .con_03 .pink_box input::-webkit-input-placeholder{color:#cdcccc;}
.box_bg .box .content .con_03 .pink_box .phone{width:230px;height:32px;border-radius:5px;border:none;outline:none;background:#fff;padding-left:24px;font-size:14px;margin:0 auto 14px auto;box-shadow: 0 0 0px 1000px white inset;}
.box_bg .box .content .con_03 .pink_box .code{width:120px;height:32px;border-radius:5px;border:none;outline:none;background:#fff;padding-left:24px;font-size:14px;float:left;margin:0 9px 0 114px;box-shadow:0 0 0 100px white inset;-webkit-box-shadow:0 0 0 100px white inset;}
.box_bg .box .content .con_03 .pink_box .pull_code{cursor:pointer; width:100px;height:32px;border-radius:5px;border:none;outline:none;background:#feb3c2;color:#fff;font-size:14px;display:block;float:left;line-height:32px;text-align:center;}
.box_bg .box .content .con_03 .pink_box .button{border:none;background:#fe6d87;color:#fff;border-radius:5px;outline:none;cursor:pointer;display:block;width: 120px;height:32px;margin:60px auto 0 auto; line-height: 32px;}

.box_bg .box .content .con_04{ display:none; width:482px;height:auto;margin:94px auto 0 auto;background:#ffe1e6;border-radius:10px;overflow:hidden;}
.box_bg .box .content .con_04 .white_box{width:448px;height:238px;background:url(../img/zhishi.jpg) 206px 108px no-repeat,url(../img/tu02.jpg) 270px 40px #fff no-repeat;margin:17px;}
.box_bg .box .content .con_04 .white_box div{width:138px;height:90px;padding:70px 0 0 40px;text-align:right;color:#ff6c88;font-size: 16px;line-height:26px;}
.box_bg .box .content .con_04 .white_box div span{font-size:26px; }
.box_bg .box .content .con_04 .newsubmit{text-align: center;background:#fe6d87;color:#fff;border-radius:5px;outline:none;cursor:pointer;display:block;width: 120px;height:32px;margin:30px auto 25px auto; line-height: 32px;}
.box_bg .box .content #aide .bai{ background: #bbb; }