@charset "utf-8";

a{ transition: all .4s ease-in-out;}

input{border:none}

/*  登录 */

.login{background-image:url('../images/login_bg.jpg');background-position:center;background-size:cover;height:680px;}

.login .container{padding-top:140px;}

.loginMain{ display:table;width:450px;background:#fff; margin:auto;padding:25px;}

.loginMain .tie{text-align:center;color:#333;font-size:2.25em;border-bottom:1px solid #e6e6e6;padding-bottom:15px;margin-bottom:25px;}

.loginMain .text{height:50px;line-height:50px;border:1px solid #d3d3d3;background:#f5f5f5;margin-bottom:20px;padding:0 10px 0 35px;position:relative;}

.loginMain .text input{width:100%;display:block;height:100%;line-height:50px;}

.loginMain .text:after{position:absolute;content:"\e64a";font-family:"iconfont";font-size:1.4rem;left:5px;top:0px;}

.loginMain .text:nth-child(2):after{content:"\e60f"}

.loginMain .text:nth-child(3):after{content:"\ea00"}

.loginMain .text:hover{box-shadow:0 0 4px #d1d1d1;}

.loginMain .check{font-size:.75em;margin-bottom:20px;}

.loginMain .check label{cursor:pointer;}

.loginMain .check i,.registerMain .check i{float:left;width:18px;height:18px;border:1px solid #d3d3d3;margin-right:10px;}

.loginMain .check .active,.registerMain .check .active{background:#006285;box-shadow:0 0 0 2px #fff inset;}

.loginMain .check a{color:#ff3d3c;}

.loginMain .sub,.registerMain .sub{display:block;width:100%;background:#454545;color:#fff;height:50px;line-height:50px;font-size:1.125em;cursor:pointer;transition:all 0.3s;}

.loginMain .sub:hover,.registerMain .sub:hover{background:#5e5e5e;}

.loginMain .p1{text-align:center;font-size:.75em;margin-top:20px;padding-bottom:10px;}

.loginMain .p1 a,.registerMain .p1 a{color:#ff3d3c;text-decoration:underline;}

.loginMain .p1 a:hover,.registerMain .p1 a:hover{color:#d81312;}

/*  注册 */

.register{position:relative;padding-bottom:100px;}

.register-ban{height:850px;overflow:hidden;background-position:center;-webkit-background-size:cover;background-size:cover;}

.registerMain .tie{text-align:center;color:#fff;font-size:2.25em;margin-bottom:25px;}

.registerMain{width:400px;margin:0 auto;margin-top:-750px;position:relative;z-index:5;}

.registerMain form{background:#fff;padding:25px;box-shadow:0 3px 5px #ccc;font-size:.875em;color:#333;padding-left:0;}

.registerMain li{overflow:hidden;margin-bottom:8px;height:50px;line-height:40px;padding:5px;}

.registerMain li label{width:26%;float:left;text-align:right;padding-right:15px;box-sizing:border-box;}

.registerMain li label i{color:#d71311;font-style:normal;margin-right:5px;}

.registerMain li input{float:left;width:70%;border:1px solid #d3d3d3;height:40px;line-height:40px;padding:0 10px;}

.registerMain li input:hover{box-shadow:0 0 5px #ccc;}

.registerMain li.check{padding-left:26%;font-size:.857em;}

.registerMain li.check i{margin-top:10px;}

.registerMain li.check label{width:auto;padding-right:5px;cursor:pointer;}

.registerMain li.check a{text-decoration:underline;}

.registerMain .sub{margin-left:26%;width:50%;}

.registerMain .p1{text-align:center;padding:30px 0 10px 0;font-size:.857em;}

/*  注册 */

.userWrapper{font-size:.97em;padding-bottom:200px;overflow:hidden;}

.breadCrumb{padding:25px 0;overflow:hidden;font-size:.875rem;}

/*  头像 */

.avatar{background-image:url('../images/user_ban.jpg');background-position:center;height:220px;-webkit-background-size:cover;background-size:cover;text-align:center;}

.avatar .main{color:#fff;padding-top:50px;font-size:.875em;}

.avatar .aImg{width:90px;height:90px;border-radius:100%;display:inline-block;position:relative;overflow:hidden;}

.avatar span{position:absolute;bottom:0;left:0;height:24px;line-height:24px;font-size:.857em;font-style:normal;background:rgba(0,0,0,.5);width:100%;cursor:pointer;}

/*头像上传*/

.upload-area{position:relative;float:left;margin-right:30px;width:200px;height:200px;background-color:#F5F5F5;}

.upload-area .file-tips{position:absolute;top:90px;left:0;padding:0 15px;width:170px;line-height:1.4;font-size:12px;color:#A8A8A3;text-align:center;}

.userup-icon{display:inline-block;margin-right:3px;width:16px;height:16px;vertical-align:-2px;background:url("../images/userup_icon.png") no-repeat;}

.uploadify-button{line-height:120px!important;text-align:center;}

.preview-area{float:left;}

.tcrop{clear:right;font-size:14px;}

.update-pic .crop{background:url("../images/mystery.png") no-repeat scroll center center #EEEEEE;float:left;margin-bottom:20px;margin-top:10px;overflow:hidden;}

.crop100{height:100px;width:100px;}

.crop60{height:60px;margin-left:20px;width:60px;}

.update-pic .save-pic{clear:left;margin-right:20px;}

.update-pic .uppic-btn{background-color:#348FD4;color:#FFFFFF;display:block;float:left;font-size:16px;height:30px;line-height:30px;text-align:center;vertical-align:middle;width:89px;}

.preview{position:absolute;top:0;left:0;z-index:11;width:200px;height:200px;overflow:hidden;background:#fff;display:none;}

/*  侧边栏 */

.sidebar{width:20%;border:1px solid #b4b4b4;padding:2%;}

.sidebar li a{display:block;padding:8px 0;margin-bottom:6px;background:#e9e9e9;text-align:center;}

.sidebar li a:hover,.sidebar li.on a{background:#124b9f;color:#fff;}

/*  基本信息 */

.userRight{width:78%;border:1px solid #b4b4b4;padding:2%;margin-top:40px;position:relative;padding-bottom:50px;}

.userRight .title{position:absolute;left:-1px;top:-40px;height:40px;border:1px solid #b4b4b4;border-bottom:none;background:#f4f4f4;width:120px;text-align:center;line-height:40px;}

.jbxxMenu{margin-bottom:30px;margin-right:-2px;height:35px;}

.jbxxMenu li{float:left;width:25%;padding-right:2px;text-align:center;}

.jbxxMenu li a{display:block;background:#d7d7d7;color:#fff;position:relative;height:35px;line-height:35px;}

.jbxxMenu li a:after{content:"";position:absolute;left:0;bottom:-12px;left:50%;margin-left:-6px;border:6px solid transparent;}

.jbxxMenu li.on a{background:#124b9f;}

.jbxxMenu li.on a:after{border-top-color:#124b9f;}

.jbxx{overflow:hidden;margin-bottom:50px;line-height:2;padding-top:20px;line-height:2.2;}

.jbxx li{float:left;width:50%}

.setForm{width:60%;margin:30px auto;}

.setForm li{margin-bottom:10px;overflow:hidden;line-height:30px;padding-left:100px;}

.setForm li .a{float:left;width:100px;margin-left:-100px;}

.setForm li i{font-style:normal;color:#db1717;margin-right:10px;}

.setForm li input{width:100%;border:1px solid #aaa;height:35px;line-height:35px;padding:0 10px;}

.setForm li input:focus,.password p input:focus{border:1px solid #81c8e1;}

.setForm li .radio input{width:14px;height:14px;margin-right:5px;position:relative;top:2px;padding:0;}

.setForm li .radio{margin-right:20px;}

.setForm li.sub{padding-left:100px;margin-top:30px;}

.setForm li.sub input{border:none;width:140px;height:40px;line-height:40px;background:#124b9f;text-align:center;margin-right:10px;color:#fff;border-radius:3px;cursor:pointer;transition:all 0.3s;}

.setForm li.sub input:nth-child(2){background:#7c7c7c;}

.setForm li.sub input:hover{background:#1c1c1c;}

/*  支付流程 */

.userRight .p1{color:#333;margin-bottom:10px;}

.gwcBox{border-top:1px solid #808080;}

.gwcBox li{background:#ececec;margin-bottom:1px;font-size:.75em;padding:20px;padding-right:0;overflow:hidden;transition:all 0.3s;}

.gwcBox .top{overflow:hidden;height:40px;line-height:40px;color:#333;font-size:.875rem;padding:0;padding-left:20px;}

.gwcBox .top span{float:left;width:10%;}

.gwcBox .top .a{text-align:left;width:15%}

.gwcBox .top .a input{margin-right:6px;position:relative;top:2px;width:15px;height:15px;}

.gwcBox .top span:nth-child(2){width:55%;text-align:left;}

.gwcBox li>div{float:left;width:10%;color:#333;padding-top:30px;}

.gwcBox li .check{width:6%;padding-top:40px;}

.gwcBox li .check input{width:15px;height:15px;}

.gwcBox li .info{color:#999;width:64%;padding-top:0;}

.gwcBox li .info .pImg{width:90px;height:90px;border:1px solid #ddd;background:#f4f4f4;padding:4px;margin-right:10px;float:left;}

.gwcBox li .info img{width:100%;height:100%;}

.gwcBox li .num,.gwcBox .top span:nth-child(4){width:14%;}

.gwcBox li .num span{float:left;line-height:26px;cursor:pointer;font-size:.875rem;}

.gwcBox li .num input{float:left;width:35px;border:1px solid #a9a9a9;text-align:center;height:26px;line-height:26px;margin:0 10px;}

.gwcBox li .dele a{display:block;}

.gwcBox li .dele,.gwcBox .top span:nth-child(5){width:6%;}

.gwcBox li:hover{background:#e1e1e1;}

.price-total{text-align:right;margin-top:30px;line-height:2;}

.price-sum{margin:8px 0;}

.price-sum span{color:#9b0000;font-size:1.786em;}

.price-total .btn a,.uBtn{display:inline-block;width:140px;height:40px;line-height:40px;text-align:center;background:#006285;color:#fff;border-radius:3px;margin-left:10px;}

.price-total .btn a:nth-child(2){background:#cb0000;}

.price-total .btn a:hover,.uBtn:hover{background:#cb0000;color:#fff;}

/*  确定订单信息 */

.uTie{color:#313131;border-bottom:1px solid #808080;height:35px;background:#f4f4f4;}

.uTie span{color:#888;margin-left:10px;font-size:.75em;}

.orderInfo-box{background:#ececec;margin-bottom:20px;overflow:hidden;}

.orderInfo-box .main{padding:3%;overflow:hidden;}

.shxx li{margin-bottom:15px;padding-left:6%;}

.shxx li input{float:left;width:16px;height:16px;margin-top:4px;margin-left:-6%;}

.shxx li p{position:relative;padding-left:30px;}

.shxx li p:after{content:"\e616";position:absolute;left:0;top:-4px;font-family:"iconfont";font-size:1.4rem;color:#888;}

.shxx li p a{margin-left:10px;display:none;}

.shxx li:hover p a{display:inline-block;}

.shxx .add{display:inline-block;padding:2px 15px;background:#006285;color:#fff;margin-top:10px;}

.shxx .add:hover{background:#cb0000;}

.psxx li{overflow:hidden;margin-bottom:10px;}

.psxx label,.psxx span,.psxx li .text{float:left;margin-right:30px;}

.psxx .a{width:90px;color:#333;margin-right:0;}

.psxx li.date input{padding:0 10px;}

.psxx label input{position:relative;top:2px;}

.psxx span,.psxx a{color:#333;font-size:.857em;}

.psxx li.date{line-height:30px;}

.psxx .text{width:30%;height:30px;line-height:30px;border:1px solid #aaa;}

.psxx a{color:#81c8e1;}

.psxx strong{color:#cb0000;}

.kfly textarea{background:#fff;border:1px solid #aaa;width:40%;height:90px;padding:10px;}

.fpqd .main{padding:0;}

.fpqd li{overflow:hidden;padding:15px 0;overflow:hidden;color:#333;font-size:.75em;}

.fpqd li span{float:left;width:10%;text-align:center;padding-right:10px;}

.fpqd li span:nth-child(1){width:28%}

.fpqd li span:nth-child(2){width:42%;text-align:left;}

.fpqd li span:nth-child(1),.fpqd li span:nth-child(2){color:#888;}

.fpqd li span:nth-child(3),.fpqd li span:nth-child(4){color:#cb0000;}

.fpqd li.top span{font-size:1em;color:#333;}

/*  支付方式 */

.jffs li{overflow:hidden;margin-bottom:30px;}

.jffs li p{color:#333;margin-bottom:15px;}

.jffs li label{float:left;padding-right:10px;margin-bottom:5px;}

.jffs li  img{border:1px solid #888;margin-left:10px;}

.uBtn{float:right;margin-top:30px;}

.payInfo{background:#fff;border:1px solid #ddd;padding:5px 10px;line-height:40px;}

.payInfo span{float:right;}

.payInfo input{margin-right:8px;}

.payInfo b{color:#cb0000;margin:0 5px;}

/*  我的订单 */

.orderTie{color:#313131;border-bottom:1px solid #cecece;height:30px;margin-bottom:10px;line-height:30px;text-align:center;}

.orderTie span{width:12%;float:left;cursor:pointer;}

.orderTie span.on{background:#124b9f;color:#fff;}

.orderTie2{color:#313131;text-align:right;margin-bottom:15px;}

.orderTie2 span{width:10%;display:inline-block;text-align:center;}

.orderMain dl{margin-bottom:20px;font-size:.813em;}

.orderMain dt{background:#e1e1e1;height:35px;line-height:35px;padding:0 20px;color:#333;}

.orderMain dd{padding:15px 0;border-bottom:1px solid #cecece;overflow:hidden;transition:all 0.3s;}

.orderMain dd>div,.orderMain dd>span{float:left;width:10%;color:#333;padding-top:30px;text-align:center;}

.orderMain dd .info{color:#999;width:50%;padding-top:0;text-align:left;border-right:1px solid #d2d2d2;padding-right:10px;}

.orderMain dd .info .pImg{width:90px;height:90px;border:1px solid #ddd;background:#f4f4f4;padding:4px;margin-right:10px;float:left;}

.orderMain dd .info img{width:100%;height:100%;}

.orderMain dd .price2 i{font-style:normal;display:block;}

.orderMain dd .dele a{display:block;}

.orderMain dd:hover{background:#eee;}

.orderMain dd .price2,.orderTie2 span:nth-child(3){width:14%;}

.orderMain dd .name,.orderMain dd .num,.orderTie2 span:nth-child(2),.orderTie2 span:nth-child(4){width:8%;}

.orderMain dd .price2{padding-top:20px;}

.orderMain dd .dele{padding-top:5px;}

.orderMain dd .dele .btn{font-size:.75rem;padding:8px 0;color:#666;cursor:pointer;}

.orderMain dd .dele .btn:hover{color:#006285;}

.orderBox{display:none;}

.orderBox:nth-child(1){display:block;}

/*  订单详情 */

.orderShow-top{border-bottom:1px dotted #919191;padding-bottom:30px;line-height:2;}

.orderShow-top p span{margin-left:15px;}

.order-prosess{padding-top:30px;overflow:hidden;margin-right:-10%;margin-bottom:30px;}

.order-prosess li i{font-size:1.8rem;margin-bottom:5px;display:block;}

.order-prosess li{float:left;width:20%;text-align:center;color:#888;position:relative;padding-right:10%;}

.order-prosess li p{font-size:.75em;color:#ccc;}

.order-prosess li p span{display:block;}

.order-prosess li:after{content:"";position:absolute;background:url('../images/order_line.jpg') no-repeat;height:5px;right:10px;top:30px;width:75px;}

.order-prosess li:last-child:after{display:none;}

.order-prosess li.on i,.order-prosess li.on h4{color:#006285;}

.orderShow-font{margin-right:-2%;}

.orderShow-font li{float:left;width:31.3%;background:#ececec;border-radius:5px;border:1px dotted #a5a5a5;padding:2%;line-height:2;min-height:220px;margin-right:2%;}

.orderShow-font li h4{color:#333;font-weight:bold;margin-bottom:10px;}

/*  我的收藏 */

.collection .top{margin-bottom:20px;}

.collection .top a{margin-right:20px;position:relative;}

.collection .top a i{width:12px;height:12px;border:1px solid #d1d1d1;float:left;font-style:normal;margin-top:4px;margin-right:5px;}

.collection .top input{position:relative;margin-right:5px;top:2px;}

.collection .top .dele{padding-left:15px;margin-left:10px;}

.collection .top .dele:after{position:absolute;content:"\e606";font-family:"iconfont";left:0;font-size:1.2rem;top:-4px;color:#ccc;}

.cImg{position:relative;padding-top:100%;display:block;overflow:hidden;}

.cImg img{position:absolute;top:0px;left:0px;width:100%;height:100%;transition:all 0.5s linear;}

.collection ul{margin-right:-10px;}

.collection li{float:left;width:25%;padding-right:10px;}

.collection li p{padding:10px 0;}

.collection li i{float:right;width:12px;height:12px;border:1px solid #d1d1d1;}

.collection li:hover img{transform:scale(1.1);}

/*  我要上传 */

.uploauL{width:32%;border:1px solid #e0e0e0;padding:4px;}

.uploauR{padding-left:35px;color:#333;line-height:2;max-width:65%;}

.uploau-btn{display:inline-block;width:140px;height:40px;background:#006285;text-align:center;color:#fff;border-radius:5px;line-height:40px;margin-top:30px;}

.uploau-btn i{margin-right:5px;}

.uploau-btn:hover{background:#cb0000;color:#fff;}

/*  收货地址 */

.addressTop{margin-bottom:30px;}

.addressTop a{display:inline-block;width:60px;height:25px;background:#124b9f;color:#fff;text-align:center;font-size:.75em;line-height:25px;margin-left:15px;}

.addressList dt{background:#e2e2e2;height:35px;line-height:35px;padding:0 15px;overflow:hidden;}

.addressList dt span{float:left;width:60%;}

.addressList dt span:nth-child(2){width:25%;}

.addressList dt input{margin-left:5px;position:relative;top:2px;}

.addressList dt span:nth-child(3){width:15%;}

.addressList dt a{margin-left:5px;}

.addressList dd{padding:15px 30px;position:relative;line-height:2;padding-left:45px;}

.addressList dd:after{content:"\e616";position:absolute;left:10px;top:10px;font-family:"iconfont";font-size:1.4rem;color:#888;}

.addMask{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:30;left:0;top:0;display:none;}

.addressBomb{position:absolute;z-index:32;background:#fff;width:96%;left:50%;margin-left:-48%;top:100%;transform:translateY(-50%);padding:4%;display:none;}

.addressBomb .tie{font-size:14px;color:#333;margin-bottom:25px;}

.addressBomb .tie span{margin-left:10px;color:#939393;font-size:.75em;}

.addressBomb li{height:32px;padding-left:100px;margin-bottom:10px;}

.addressBomb li label{width:100px;margin-left:-100px;float:left;line-height:32px;}

.addressBomb li i{font-style:normal;color:#cb0000;margin-right:5px;}

.addressBomb li input{height:32px;line-height:32px;border:1px solid #aaa;width:30%;padding:0 10px;}

.addressBomb .a input{width:50%;}

.addressBomb .phone span{margin:0 10px;}

.addressBomb li input:focus{border:1px solid #b1c2fd;}

.addressBomb .check{width:16px;height:16px;padding:0;margin-top:8px;}

.addressBomb .btn input{width:140px;height:40px;text-align:center;color:#fff;border-radius:5px;line-height:40px;background:#006285;margin-right:10px;cursor:pointer;transition:all 0.3s;}

.addressBomb .btn input:nth-child(2){background:#7d7d7d;}

.addressBomb .btn input:hover{background:#cb0000;}

.addressBomb i.close{position:absolute;right:10px;top:10px;font-size:1.5rem;cursor:pointer;color:#333;font-family:"iconfont";font-style:normal;}

/*分页样式*/

.pagination{font:12px;overflow:hidden;width:723px;padding:10px 0 10px;text-align:center;}

.pagination a{font-size:12px;line-height:22px;display:inline-block;height:22px;padding:0 8px;text-align:center;color:#333;border:1px solid #e3e3e3;background:#fff;}

.pagination a.a1{line-height:22px;height:22px;margin-top:0;padding:0 12px;}

.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}

.pagination span{line-height:22px;display:inline-block;height:22px;padding:0 8px;text-align:center;color:#fff;border:1px solid #df4c18;background:#df4c18;}

/* 下载 */

.dwonList{margin:0 -10px;}

.dwonList li{width:50%;float:left;padding:0 10px;box-sizing:border-box;margin-bottom:20px;}

.dwonList li a{display:block;padding:20px;background:#ededed;overflow:hidden;padding-right:0;height:140px;}

.dwonList li h5{font-size:1.143em;margin-bottom:15px;}

.dwonList li .icon{float:right;width:20%;height:140px;line-height:140px;text-align:center;font-family:"iconfont";color:#676869;font-size:2.857em;margin-top:-20px;}

.dwonList li a:hover{background:#006285;color:#fff;}

.dwonList li a:hover h5{color:#fff;}

.dwonList li a:hover .icon{background:#333;color:#fff;}

/*  在线预约 */

.reserve li{overflow:hidden;margin-bottom:10px;line-height:30px;}

.reserve li{padding-left:100px;}

.reserve li .a{margin-left:-100px;float:left;margin-right:0;}

.reserve li .a i{font-style:normal;color:#cb0000;margin-right:8px;}

.reserve li label{float:left;margin-right:4%;}

.reserve li label .radio,.reserve li label .check{position:relative;top:2px;margin-right:5px;}

.reserve li .text{border:1px solid #aaa;padding:0 10px;width:200px;height:30px;}

.reserve .fwr{border-top:1px dotted #a5a5a5;padding-top:25px;margin-top:25px;}

.reserve .fwr label:last-child{width:100%;margin-top:10px;}

.reserve .fwsj{border-bottom:1px dotted #a5a5a5;padding-bottom:25px;margin-bottom:25px;}

.reserve .fwsj p{float:left;width:100%;margin-top:5px;color:#999;font-size:.75em;}

.reserve .btn{margin-top:30px;text-align:center;border-top:1px dotted #a5a5a5;padding-top:30px;}

.addressBomb .btn input,.reserve .btn  input,.addressBomb .btn .back,.password .btn{width:140px;height:40px;text-align:center;color:#fff;border-radius:5px;line-height:40px;background:#124b9f;margin-right:10px;cursor:pointer;transition:all 0.3s;margin-top:20px;}

.addressBomb .btn input:nth-child(2),.reserve .btn input:nth-child(2){background:#7d7d7d;}

.addressBomb .btn input:hover,.reserve .btn input:hover,.addressBomb .btn .back:hover,.password .btn:hover{background:#232323;}

.addressBomb .select select{float:left;width:15%;border:1px solid #d4d4d4;font-size:.75rem;margin-right:10px;height:32px;line-height:32px;}

.addressBomb .btn .back{background:#999;margin-left:10px;display:inline-block;}

.pure-button{background:#aa2c2b;color:#fff;font-size:.75rem;border:1px solid #830e0d;padding:5px 10px;cursor:pointer;transition:all 0.3s;}

.pure-button:hover{background:#f00;}

/*  密码修改 */

.possMenu li{width:50%;}

.password p{overflow:hidden;line-height:35px;padding-left:90px;margin-bottom:10px;}

.password p label{float:left;margin-left:-90px;width:90px;}

.password p input{width:40%;height:35px;border:1px solid #d4d4d4;padding:0 10px;}

.password .btn{margin-left:90px;border-radius:0;}





.login .logo {

    margin: 60px auto 0;

    padding: 15px;

    text-align: center;

}



.login .content {

    background-color: #eceef1;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;

    width: 430px;

    margin: 40px auto 10px;

    padding: 10px 30px 30px;

    overflow: hidden;

    position: relative;

}