/* 主内容 -------------------- */ 
.content{ width:100%; float:left; box-sizing:border-box; padding:0 4% 50px 4%;}


/* 面包屑 -------------------- */ 
.content .site{ width:100%; height:50px; float:left;}
.content .site i{ height:50px; float:left; line-height:50px; color:#686868;}
.content .site u{ height:50px; float:left; line-height:50px; padding:0 8px; color:#686868; text-decoration:none;}
.content .site a{ height:50px; float:left; line-height:50px; color:#686868;}
.content .site b{ height:50px; float:left; line-height:50px; font-weight:normal; color:#0C7AE2;;}



/* 主题 -------------------- */ 
.content .party{ width:100%; float:left; box-sizing:border-box; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.08);}


.content .party .column{ width:240px; float:left; box-sizing:border-box; padding:0 0 15px 0; border-right:1px solid #F0F0F0; margin:0 -1px 0 0;}
.content .party .column dt{ width:100%; height:60px; float:left; align-items:center; display:flex; font-weight:bold; font-size:16px; color:#0C7AE2; box-sizing:border-box; padding:0 29px; position:relative;}
.content .party .column dt::before{ content:''; width:4px; height:20px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2;}
.content .party .column dd{ width:100%; float:left; position:relative; box-sizing:border-box; padding:0 15px;}
.content .party .column dd a{ width:100%; height:50px; float:left; position:relative; box-sizing:border-box; align-items:center; display:flex; padding:0 0 0 14px; border-top:1px dashed #E7E7E7;}
.content .party .column dd a.x{ border:0;}
.content .party .column dd a:hover{ color:#0C7AE2; font-weight:bold; background:url(../../img/more-box.png) right no-repeat;}
.content .party .column dd a::before{ content:''; width:4px; height:4px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#8C8C8C; border-radius:100%;}
.content .party .column dd.show{ background:-webkit-gradient(linear, left top, right top, from(#0C7AE2), to(#7dabf6)); background:-o-linear-gradient(left, #0C7AE2, #7dabf6); background:linear-gradient(to right, #0C7AE2, #7dabf6); background-color:#0C7AE2\9\0;}
.content .party .column dd.show a{ color:#FFF; font-weight:bold; border:0;}
.content .party .column dd.show::before{ content:''; width:1px; height:100%; float:left; position:absolute; top:0; bottom:0; right:-1px; background:#7dabf6;}
.content .party .column dd.show a::before{ content:''; width:4px; height:4px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#FFF; border-radius:100%;}
.content .party .column dd.show::after{ content:''; width:0; height:0; float:left; margin:auto; position:absolute; top:0; bottom:0; right:-1px; z-index:1; border-top:6px solid transparent; border-right:6px solid #FFF; border-bottom:6px solid transparent;}


/* 主提示 --------------- */
.content .party .mainx .tips{ width:calc(100% - 60px); float:left; font-size:12px; margin:30px 30px 0 30px; text-align:justify; box-sizing:border-box; padding:0 14px; background:#FFFFCC; border:1px solid rgba(255,204,0,0.5);}
.content .party .mainx .tips a{ height:100%; float:left; line-height:24px; padding:5px 0 5px 26px; color:#8C5704; background:url(../../img/tips.png) left 10px no-repeat; background-size:auto 16px;}
.content .party .mainx .tips.m{ margin:0 30px 15px 30px;}


/* 公用标题 --------------- */
.content .party .mainx .title{ width:100%; float:left; position:relative; border-radius:0 0 12px 12px; /*box-shadow:0 0 16px rgba(12,122,226,0.16);*/}
.content .party .mainx .title::before{ content:''; width:4px; height:20px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#686868;}
.content .party .mainx .title b{ height:78px; float:left; align-items:center; display:flex; padding:0 0 0 30px; font-size:20px;}
.content .party .mainx .title i{ height:78px; float:left; align-items:center; display:flex; padding:0 0 0 20px; font-size:16px; color:#0C7AE2; font-weight:bold;}
.content .party .mainx .title a{ height:78px; float:right; align-items:center; display:flex; color:#0C7AE2; padding:0 30px 0 22px; background:url(../../img/add.png) left no-repeat;}


/* 公用选项卡 --------------- */
.content .party .mainx .tab{ width:100%; float:left; box-sizing:border-box; padding:12px 30px 0 30px;border-bottom:1px solid #F0F0F0;}
.content .party .mainx .tab .card{ height:36px; float:left; position:relative; align-items:center; display:flex !important; color:#333; cursor:pointer; margin:0 10px 0 0; padding:0 22px; border:1px solid #F0F0F0; border-bottom:0; border-radius:2px 2px 0 0; background:#FAFAFA;}
.content .party .mainx .tab .card.show{ color:#0C7AE2; font-weight:bold; background:#FFF; }
.content .party .mainx .tab .card.show::before{ content:''; width:100%; height:1px; float:left; position:absolute; bottom:-1px; left:0; right:0; background:#FFF;}
.content .party .mainx .tab a{ height:36px; float:right; align-items:center; display:flex; color:#0C7AE2; padding:0 0 0 20px; background:url(../../img/icon_7.png) left no-repeat; background-size:auto 14px;}



/* 主题 -------------------- */ 
.content .party .mainx{ display:block; overflow:hidden; background:#FFF; border-left:1px solid #F0F0F0;}

/* 表单宽度 -------------------- */ 
.content .party .mainx .col-sm-1{ width:520px !important; /*padding:0 !important;*/}
.content .party .mainx .col-sm-2{ width:605px !important;}
.content .party .mainx .col-sm-3{ width:103px !important;}
.content .party .mainx .col-sm-4{ width:70% !important;}
.content .party .mainx .col-sm-5{ width:128px !important;}
.content .party .mainx .col-sm-6{ width:208px !important;}


/* 用户中心 -------------------- */ 
.content .party .mainx .user{ width:100%; float:left; box-sizing:border-box; padding:30px; border-bottom:1px solid #F0F0F0;}
.content .party .mainx .user .basic{ width:70%; float:left; box-sizing:border-box; padding:0 25px 0 0;}
.content .party .mainx .user .basic .npic{ width:68px; height:68px; float:left; position:relative;}
.content .party .mainx .user .basic .npic img{ width:100%; height:100%; float:left;}
.content .party .mainx .user .basic .npic u{ width:100%; height:22px; float:left; position:absolute; bottom:0; left:0; right:0; font-size:12px; color:#FFF; align-items:center; display:flex; justify-content:center; background:rgba(12,122,226,0.5); text-decoration:none;}
.content .party .mainx .user .basic .sage{ display:block; overflow:hidden; padding:0 0 0 15px;}
.content .party .mainx .user .basic .sage h3{ height:36px; float:left; font-size:16px; align-items:center; display:flex;}
.content .party .mainx .user .basic .sage .quota{ height:36px; float:right;}
.content .party .mainx .user .basic .sage .quota i{ height:36px; float:left; line-height:36px; color:#888;}
.content .party .mainx .user .basic .sage .quota b{ height:36px; float:left; line-height:36px; color:#FC6607; font-size:16px; padding:0 15px 0 6px;}
.content .party .mainx .user .basic .sage .quota a{ height:26px; float:left; margin:5px 0; padding:0 10px; align-items:center; display:flex; font-size:12px; color:#FFF; background:#0C7AE2; border-radius:2px;}
.content .party .mainx .user .basic .mox{ width:100%; height:32px; float:left;}
.content .party .mainx .user .basic .mox i{ height:32px; float:left; padding:0 20px 0 0; line-height:32px; font-size:12px; color:#888;}
.content .party .mainx .user .basic .order{ width:100%; float:left; padding:20px 0 0 0; margin:15px 0 0 0; border-top:1px solid #F0F0F0;}
.content .party .mainx .user .basic .order .list{ width:20%; float:left; box-sizing:border-box; border-left:1px solid #F0F0F0;}
.content .party .mainx .user .basic .order .list:nth-child(1){ border:0;}
.content .party .mainx .user .basic .order .list i{ width:100%; height:24px; float:left; font-size:18px; color:#0C7AE2; align-items:center; display:flex; justify-content:center;}
.content .party .mainx .user .basic .order .list u{ width:100%; height:24px; float:left; color:#686868; align-items:center; display:flex; justify-content:center; text-decoration:none; padding:4px 0 0 0;}

.content .party .mainx .user .liaison{ width:30%; height:156px; float:left; align-items:center; display:flex; box-sizing:border-box; padding:0 0 0 25px; border-left:1px solid #F0F0F0;}
.content .party .mainx .user .liaison .sbox{ width:100%; float:left;}
.content .party .mainx .user .liaison .sbox u{ width:100%; float:left; box-sizing:border-box; line-height:30px; padding:0 0 0 30px; color:#686868; text-decoration:none;}
.content .party .mainx .user .liaison .sbox u:nth-child(1){ background:url(../../img/ison_1.png) left 8px no-repeat; background-size:auto 14px; }
.content .party .mainx .user .liaison .sbox u:nth-child(2){ background:url(../../img/ison_2.png) left 8px no-repeat; background-size:auto 14px; }
.content .party .mainx .user .liaison .sbox u:nth-child(3){ background:url(../../img/ison_3.png) left 8px no-repeat; background-size:auto 14px; }
.content .party .mainx .user .liaison .sbox u:nth-child(4){ background:url(../../img/ison_4.png) left 8px no-repeat; background-size:auto 14px; }
.content .party .mainx .user .liaison .sbox u:nth-child(5){ background:url(../../img/ison_5.png) left 8px no-repeat; background-size:auto 14px; }

.content .party .mainx .ouse{ width:100%; float:left; padding:20px 30px 20px 208px; position:relative; box-sizing:border-box; border-bottom:1px solid #E7E7E7;}
.content .party .mainx .ouse::before{ content:''; height:5px; position:absolute; bottom:-6px; left:5px; right:5px; margin:auto; background:rgba(0,0,0,0.08);}
.content .party .mainx .ouse b{ width:158px; float:left; box-sizing:border-box; padding:0 20px 0 0; position:absolute; top:20px; bottom:20px; left:30px; align-items:center; display:flex; justify-content:center; font-size:20px; border-right:1px solid #F2F2F2;}
.content .party .mainx .ouse i{ width:30%; height:30px; float:left; line-height:30px;}
.content .party .mainx .ouse p{ width:100%; float:left; line-height:20px; padding:5px 0;}
.content .party .mainx .ouse a{ height:26px; float:left; line-height:20px; padding:3px 10px; color:#FFF; position:absolute; bottom:20px; right:30px; font-size:12px; background:#0C7AE2; border-radius:2px;}
.content .party .mainx .ouse a.mu{ height:26px; float:left; line-height:20px; padding:3px 10px; color:#FFF; position:absolute; bottom:20px; right:118px; font-size:12px; background:#0C7AE2; border-radius:2px;}



.content .party .mainx .quick{ width:100%; float:left; box-sizing:border-box; padding:20px 30px 30px 30px;}
.content .party .mainx .quick .bt{ width:100%; float:left; position:relative;}
.content .party .mainx .quick .bt::before{ content:''; width:4px; height:20px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2;}
.content .party .mainx .quick .bt i{ height:60px; float:left; align-items:center; display:flex; color:#0C7AE2; padding:0 0 0 20px; font-size:18px; font-weight:bold;}
.content .party .mainx .quick .sbox{ width:100%; float:left; box-sizing:border-box; border-left:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2;}
.content .party .mainx .quick .sbox a{ width:16.66%; height:160px; float:left; position:relative; overflow:hidden; box-sizing:border-box; align-items:center; display:flex; border-right:1px solid #F2F2F2; border-top:1px solid #F2F2F2;}
.content .party .mainx .quick .sbox a i{ width:100%; height:40px; float:left; align-items:center; display:flex; justify-content:center; text-align:center; padding:66px 0 0 0;}
.content .party .mainx .quick .sbox a::before{ content:''; width:100%; height:100%; position:absolute; bottom:-100%; left:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.content .party .mainx .quick .sbox a:hover::before{ content:''; width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:-1; background:#FAFAFA; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.content .party .mainx .quick .sbox a.a01 i{ background:url(../../img/step_01.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a02 i{ background:url(../../img/step_02.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a03 i{ background:url(../../img/step_03.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a04 i{ background:url(../../img/step_04.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a05 i{ background:url(../../img/step_05.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a06 i{ background:url(../../img/step_01.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a07 i{ background:url(../../img/step_02.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a08 i{ background:url(../../img/step_03.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a09 i{ background:url(../../img/step_04.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a10 i{ background:url(../../img/step_05.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a11 i{ background:url(../../img/step_01.png) center top no-repeat; background-size:auto 50px;}
.content .party .mainx .quick .sbox a.a12 i{ background:url(../../img/step_02.png) center top no-repeat; background-size:auto 50px;}



/* 仓库 --------------- */
.content .party .mainx .store{ width:100%; float:left; box-sizing:border-box; padding:0 30px;}
.content .party .mainx .store .list{ width:100%; float:left; padding:20px 20px 20px 208px; position:relative; margin:0 0 12px 0; box-sizing:border-box; border-bottom:1px solid #F0F0F0;}
.content .party .mainx .store .list b{ width:158px; float:left; box-sizing:border-box; padding:0 30px 0 0; position:absolute; top:20px; bottom:20px; left:0; align-items:center; display:flex; font-size:20px;}
.content .party .mainx .store .list i{ width:32%; height:30px; float:left; line-height:30px;}
.content .party .mainx .store .list p{ width:100%; float:left; line-height:20px; padding:5px 0;}
.content .party .mainx .store .list a{ height:20px; float:left; line-height:20px; padding:3px 10px; color:#FFF; position:absolute; bottom:20px; right:20px; font-size:12px; background:#0C7AE2; border-radius:2px;}
.content .party .mainx .store .list a.mou{ padding:0 10px; position:absolute; bottom:25px; right:20px;  }
.content .party .mainx .store .list a.mau{ padding:0 10px; position:absolute; bottom:25px; right:108px;  }


.content .party .mainx .step{ width:calc(100% - 60px); height:110px; float:left; margin:0 30px; align-items:center; display:flex; justify-content:center; background:#FEFAEF;}
.content .party .mainx .step img{ height:110px; float:left; }


/* 表单 --------------- */
.content .party .mainx .form{ width:100%; float:left; box-sizing:border-box; padding:40px 30px 60px 30px;}
.content .party .mainx .form.line{ border-top:1px solid #F0F0F0;}
.content .party .mainx .form .mbox{ width:100%; float:left; box-sizing:border-box; padding:30px 50px 50px 0; border:1px solid #F0F0F0; }

.content .party .mainx .form .submit{ width:100%; float:left; box-sizing:border-box; padding:30px 0 0 188px;}
.content .party .mainx .form .submit a{ height:40px; float:left; align-items:center; display:flex; margin:0 15px 0 0; font-weight:bold; color:#FFF; padding:0 20px; background:#2D55AD; border-radius:2px;}
.content .party .mainx .form .submit a.add{ background:#1C9E99;}
.content .party .mainx .form .submit a.bat{ background:#FFB82D;}
.content .party .mainx .form .submit a.return{ color:#2D55AD; background:#FFF; box-sizing:border-box; border:1px solid #2D55AD; border-radius:2px;}


.content .party .mainx .form .list .col-go-1{ height:88px !important;}

.content .party .mainx .form .list{ width:100%; float:left; padding:0 0 15px 0;}
.content .party .mainx .form .list.w50{ width:50%; box-sizing:border-box; padding:0 40px 15px 0; }
.content .party .mainx .form .list .label{ width:173px !important; height:34px; float:left; line-height:34px !important; text-align:right; color:#333; font-weight:normal; font-size:14px; box-sizing:border-box; padding:0 5px 0 0;}
.content .party .mainx .form .list .label i{ color:#FF0000; padding:0 5px 0 0;}
.content .party .mainx .form .list .lauec{ height:34px; float:left; line-height:34px; color:#FF0000; font-size:20px; padding:0 15px; }

.content .party .mainx .form .list .owner{ width:calc(100% - 173px); float:left; box-sizing:border-box; padding:0 15px;}
.content .party .mainx .form .list .owner .ms{ width:100%; float:left; line-height:100%; padding:8px 0; color:#999; font-size:12px;}

.content .party .mainx .form .list .owner .pick{ height:34px; float:left; align-items:center; display:flex; justify-content:left; margin:0 20px 0 0;}
.content .party .mainx .form .list .owner .pick input{ float:left;}
.content .party .mainx .form .list .owner .pick i{ height:34px; float:left; line-height:34px; font-weight:normal; padding:0 0 0 10px;}

.content .party .mainx .form .list .owner .form-class{ width:100%; height:34px; float:left; box-sizing:border-box; padding:6px 12px; border:1px solid #E5E6E7; border-radius:2px;}
.content .party .mainx .form .list .owner .form-button{ height:34px; float:left; align-items:center; display:flex; padding:0 12px; margin:0 0 0 5px; color:#FFF; background:#0C7AE2; border-radius:2px;}

.content .party .mainx .form .list .owner .kbox{ width:14px; height:14px; float:left; margin:10px 0;}
.content .party .mainx .form .list .owner .ebox{ height:34px; float:left; line-height:34px; padding:0 0 0 10px; text-decoration:underline;}

.content .party .mainx .form .list .owner .file{ height:34px; float:left; overflow:hidden; margin:0 20px 0 0; position:relative; align-items:center; display:flex; padding:0 12px; color:#FFF; background:#0C7AE2; border-radius:2px;}
.content .party .mainx .form .list .owner .file input{ font-size:300px; cursor:pointer; position:absolute; top:-2px; left:-2px; opacity:0; }
.content .party .mainx .form .list .owner .file a{ height:34px; float:left; align-items:center; display:flex; padding:0 12px; color:#FFF; background:#0C7AE2; border-radius:2px;}
.content .party .mainx .form .list .owner .file:hover{ opacity:0.88;}
.content .party .mainx .form .list .owner .papers{ height:34px; float:left; box-sizing:border-box; padding:0 60px 0 20px; position:relative; background:#F6F6F6; border:1px solid #F0F0F0; border-radius:2px;}
.content .party .mainx .form .list .owner .papers i{ height:34px; float:left; align-items:center; display:flex; font-style:normal;}
.content .party .mainx .form .list .owner .papers a{ width:20px; height:20px; float:left; margin:auto; position:absolute; top:0; bottom:0; right:20px; text-indent:-9999px; overflow:hidden; background:url(../../img/shut.png) center no-repeat; border-radius:100%;}
.content .party .mainx .form .list .owner .erm{ height:34px; float:left; padding:0 7px;}

.content .party .mainx .form .list .owner .res{ width:100%; float:left; padding:10px 0 0 0;}
.content .party .mainx .form .list .owner .res p{ width:100%; height:25px; float:left; color:#999; align-items:center; display:flex;}
.content .party .mainx .form .list .owner .res p a{ color:#0C7AE2; text-decoration:underline; }

.content .party .mainx .form .list .owner .t01{ width:40% !important;}
.content .party .mainx .form .list .owner .t02{ width:22% !important;}
.content .party .mainx .form .list .owner .t03{ width:22% !important;}
.content .party .mainx .form .list .owner .t04{ width:16% !important;}

.content .party .mainx .form .list .owner .w01{ width:40% !important;}
.content .party .mainx .form .list .owner .w02{ width:35% !important;}
.content .party .mainx .form .list .owner .w03{ width:25% !important;}

.content .party .mainx .form .list .owner .c01{ width:22% !important;}
.content .party .mainx .form .list .owner .c02{ width:22% !important;}
.content .party .mainx .form .list .owner .c03{ width:13% !important;}
.content .party .mainx .form .list .owner .c04{ width:13% !important;}
.content .party .mainx .form .list .owner .c05{ width:18% !important;}
.content .party .mainx .form .list .owner .c06{ width:12% !important;}

.content .party .mainx .form .list .owner .s01{ width:22% !important;}
.content .party .mainx .form .list .owner .s02{ width:22% !important;}
.content .party .mainx .form .list .owner .s03{ width:13% !important;}
.content .party .mainx .form .list .owner .s04{ width:13% !important;}
.content .party .mainx .form .list .owner .s05{ width:30% !important;}

.content .party .mainx .form .list .owner .th{ width:100%; height:34px; float:left; box-sizing:border-box; border:1px solid #E5E6E7; border-left:0; background:#FAFAFA;}
.content .party .mainx .form .list .owner .th i{ width:25%; height:100%; float:left; align-items:center; display:flex; box-sizing:border-box; padding:0 0 0 10px; border-left:1px solid #E5E6E7;}
.content .party .mainx .form .list .owner .th i b{ font-weight:normal; padding:0 0 0 3px; color:#FF0000;}
.content .party .mainx .form .list .owner .tb{ width:100%; float:left; box-sizing:border-box; border-right:1px solid #E5E6E7; border-bottom:1px solid #E5E6E7;}
.content .party .mainx .form .list .owner .tb span{ height:100%; float:left; align-items:center; display:flex; box-sizing:border-box; padding:5px 10px; border-left:1px solid #E5E6E7;}
.content .party .mainx .form .list .owner .tb span input{ width:100%; height:34px; float:left;}
.content .party .mainx .form .list .owner .tb span input:focus{ border:0 !important;}
.content .party .mainx .form .list .owner .tb span a{ height:26px; float:left; line-height:26px; margin:4px 0; padding:0 12px; color:#FFF; border-radius:2px;}
.content .party .mainx .form .list .owner .tb span a.add{ background:#0C7AE2;}
.content .party .mainx .form .list .owner .tb span a.cut{ background:#E95F58;}

.content .party .mainx .form .list .result .ubox{ width:100%; height:34px; float:left; line-height:34px;}
.content .party .mainx .form .list .result p{ width:100%; height:30px; float:left; position:relative; padding:0 0 0 24px; line-height:30px; color:#999; border-left:1px solid #DEDEDE;}
.content .party .mainx .form .list .result p::before{ content:''; width:14px; height:1px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#DEDEDE;}

.content .party .mainx .form .list .owner .money{ height:34px; float:left; padding:0 23px; align-items:center; display:flex !important; margin:0 15px 0 0; cursor:pointer; box-sizing:border-box; border:1px solid #E5E6E7; border-radius:2px;}
.content .party .mainx .form .list .owner .money.show{ color:#0C7AE2; font-weight:bold; border:1px solid #0C7AE2; background:url(../../img/pick-box.png) right bottom no-repeat; background-size:auto 18px;}

.content .party .mainx .form .list .owner .npic{ width:88px; height:88px; float:left; position:relative; align-items:center; display:flex; justify-content:center; margin:0 10px 0 0; overflow:hidden; box-sizing:border-box; border:1px solid #E5E6E7; border-radius:2px;}
.content .party .mainx .form .list .owner .npic img{ max-width:100%; max-height:100%; float:left;}
.content .party .mainx .form .list .owner .npic a{ width:20px; height:20px; float:left; position:absolute; top:6px; right:6px; text-indent:-9999px; overflow:hidden; background:url(../../img/shut.png) center no-repeat;}
.content .party .mainx .form .list .owner .addto{ width:88px; height:88px; float:left; overflow:hidden; box-sizing:border-box; position:relative; cursor:pointer; border:1px solid #E5E6E7; border-radius:2px; background:url(../../img/addto.png) center no-repeat;}
.content .party .mainx .form .list .owner .addto input{ font-size:300px; cursor:pointer; position:absolute; top:-2px; left:-2px; opacity:0; }
.content .party .mainx .form .list .owner .addto:hover{ border:1px solid #0C7AE2 !important; background:url(../../img/addto_show.png) center no-repeat;}

.content .party .mainx .form .sbt{ width:100%; height:50px; float:left; position:relative;}
.content .party .mainx .form .sbt::before{ content:''; width:4px; height:16px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2;}
.content .party .mainx .form .sbt i{ height:50px; float:left; align-items:center; display:flex; padding:0 0 0 20px; font-size:16px; color:#0C7AE2; font-weight:bold;}
.content .party .mainx .form .sbt a{ height:50px; float:right; align-items:center; display:flex; color:#0C7AE2; padding:0 0 0 22px; background:url(../../img/add.png) left no-repeat;}

.content .party .mainx .form .location{ width:100%; float:left; margin:0 0 20px 0;}
.content .party .mainx .form .location .sbox{ width:100%; float:left; border-top:1px solid #F0F0F0;}
.content .party .mainx .form .location .list{ width:100%; float:left; box-sizing:border-box; padding:0 19px; cursor:pointer; margin:10px 0 0 0; background:#F8F8F8; border-radius:2px; border:1px solid #F8F8F8;}
.content .party .mainx .form .location .list i{ height:50px; float:left; line-height:50px; }
.content .party .mainx .form .location .list u{ height:50px; float:left; line-height:50px; text-decoration:none; }
.content .party .mainx .form .location .list .nbox{ width:82%; float:left;}
.content .party .mainx .form .location .list .nbox i{ height:50px; float:left; align-items:center; display:flex; margin:0 20px 0 0;}
.content .party .mainx .form .location .list .nbox u{ height:50px; float:left; align-items:center; display:flex; text-decoration:none;}
.content .party .mainx .form .location .list .button{ height:50px; float:right;}
.content .party .mainx .form .location .list .button a{ height:50px; float:left; align-items:center; display:flex; margin:0 0 0 20px;}
.content .party .mainx .form .location .list .button a.sc{ color:#FF5300; padding:0 0 0 22px; background:url(../../img/out.png) left no-repeat; background-size:auto 14px;}
.content .party .mainx .form .location .list .button a.bj{ color:#0C7AE2; padding:0 0 0 22px; background:url(../../img/edit.png) left no-repeat; background-size:auto 14px;}
.content .party .mainx .form .location .list .icon_1{ width:108px; padding:0 0 0 24px; background:url(../../img/ionc_01.png) left no-repeat; background-size:auto 14px;}
.content .party .mainx .form .location .list .icon_2{ width:138px; padding:0 0 0 18px; background:url(../../img/ionc_02.png) left no-repeat; background-size:auto 14px;}
.content .party .mainx .form .location .list .icon_3{ padding:0 0 0 20px; background:url(../../img/ionc_03.png) left no-repeat; background-size:auto 14px;}
.content .party .mainx .form .location .list.show{ background:#F6fBFF url(../../img/pick-box.png) right bottom no-repeat; background-size:auto 22px; border:1px solid #0C7AE2;}



/* 表单*结束 --------------- */



/* 收款账号 ---------- */
.content .party .mainx .bank{ width:100%; float:left; margin:50px 0 0 0; border-top:1px solid #F0F0F0;}
.content .party .mainx .bank.mou{ margin:15px 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #F0F0F0;}

.content .party .mainx .bank .bt{ width:100%; float:left; position:relative; border-bottom:1px solid #F0F0F0;}
.content .party .mainx .bank .bt::before{ content:''; width:4px; height:16px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2;}
.content .party .mainx .bank .bt i{ height:78px; float:left; align-items:center; display:flex; padding:0 0 0 20px; font-size:16px; color:#0C7AE2; font-weight:bold;}
.content .party .mainx .bank .bank-box{ width:100%; float:left; box-sizing:border-box; border-left:1px solid #F0F0F0;}
.content .party .mainx .bank .bank-box .list{ width:50%; float:left; box-sizing:border-box; position:relative; padding:0 0 0 188px; border-right:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.content .party .mainx .bank .bank-box .list h3{ width:188px; height:100%; float:left; align-items:center; display:flex; justify-content:left; box-sizing:border-box; padding:0 20px; position:absolute; top:0; left:0; background:#FAFAFA; border-right:1px solid #F0F0F0;}
.content .party .mainx .bank .bank-box .list p{ width:100%; height:40px; float:left; align-items:center; display:flex; box-sizing:border-box; padding:0 0 0 20px; border-top:1px solid #F0F0F0;}
.content .party .mainx .bank .bank-box .list p:nth-child(2){ border-top:0;}


/* 我的钱包 ----- */
.content .party .mainx .wallet{ width:100%; float:left; box-sizing:border-box; padding:0 30px; border-bottom:1px solid #F0F0F0;}
.content .party .mainx .wallet .quota{ width:100%; float:left; padding:20px 0; border-bottom:1px solid #F0F0F0;}
.content .party .mainx .wallet .quota .list{ width:30%; height:60px; float:left; box-sizing:border-box; margin:0 3% 0 0; border-right:1px dashed #DCDCDC;}
.content .party .mainx .wallet .quota .list i{ height:60px; float:left; align-items:center; display:flex; box-sizing:border-box; padding:6px 0 0 0;}
.content .party .mainx .wallet .quota .list b{ height:60px; float:left; align-items:center; display:flex; font-size:26px; color:#FF0000; padding:0 50px 0 0;}
.content .party .mainx .wallet .quota .button{ width:34%; height:60px; float:left; align-items:center; display:flex;}
.content .party .mainx .wallet .quota .button a{ height:40px; float:left; line-height:40px; margin:0 20px 0 0; padding:0 20px; border-radius:2px; color:#FFF;}
.content .party .mainx .wallet .quota .button a.nv1{ background:#0C7AE2;}
.content .party .mainx .wallet .quota .button a.nv2{ background:#6FB9FF;}

.content .party .mainx .wallet .type{ width:100%; float:left; padding:15px 0;}
.content .party .mainx .wallet .type .list{ width:calc(25% - 15px); float:left; overflow:hidden; position:relative; align-items:center; display:flex; box-sizing:border-box; padding:35px 0; margin:0 0 0 20px; border:1px solid #F0F0F0; border-radius:2px;}
.content .party .mainx .wallet .type .list:nth-child(1){ margin:0;}
.content .party .mainx .wallet .type .list::before{ content:''; width:100%; height:100%; position:absolute; bottom:-100%; left:0; background:#FAFAFA; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.content .party .mainx .wallet .type .list:hover::before{ content:''; width:100%; height:100%; position:absolute; bottom:0; left:0; background:#FAFAFA; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.content .party .mainx .wallet .type .list .sbox{ width:100%; float:left; position:relative; text-align:center; padding:46px 0; align-items:center; display:flex; justify-content:center;}
.content .party .mainx .wallet .type .list .sbox b{ height:30px; float:left; align-items:center; display:flex; padding:0 2px; color:#FF0000;}
.content .party .mainx .wallet .type .list .sbox i{ height:30px; float:left; align-items:center; display:flex; padding:0 2px; color:#686868;}
.content .party .mainx .wallet .type .list .sbox a{ width:118px; height:30px; float:left; margin:auto; position:absolute; bottom:0; left:0; right:0; line-height:30px; color:#0C7AE2;}
.content .party .mainx .wallet .type .list .sbox.c01{ background:url(../../img/step_01.png) center top no-repeat; background-size:auto 36px;}
.content .party .mainx .wallet .type .list .sbox.c02{ background:url(../../img/step_02.png) center top no-repeat; background-size:auto 36px;}
.content .party .mainx .wallet .type .list .sbox.c03{ background:url(../../img/step_03.png) center top no-repeat; background-size:auto 36px;}
.content .party .mainx .wallet .type .list .sbox.c04{ background:url(../../img/step_04.png) center top no-repeat; background-size:auto 36px;}




/* 列表条件 ---------- */
.content .party .mainx .factor{ width:100%; float:left; box-sizing:border-box; padding:20px 30px; position:relative;}
.content .party .mainx .factor.line{ border-top:1px solid #F0F0F0;}
.content .party .mainx .factor .form-group{ height:34px; float:left; margin:0 15px 0 0;}
.content .party .mainx .factor .form-group u{ height:34px; float:left; line-height:34px; padding:0 10px; font-size:12px; text-decoration:none; box-sizing:border-box; border-top:1px solid #E5E6E7; border-bottom:1px solid #E5E6E7;}
.content .party .mainx .factor .form-group input{ width:100%; height:34px; float:left; box-sizing:border-box; padding:6px 12px; border:1px solid #E5E6E7; border-radius:2px;}
.content .party .mainx .factor .form-group select{ width:100%; height:34px; float:left; box-sizing:border-box; padding:6px 12px; border:1px solid #E5E6E7; border-radius:2px;}
.content .party .mainx .factor .form-button{ height:34px; float:left; align-items:center; display:flex; padding:0 12px 0 32px; color:#FFF; background:#4D30B2 url(../../img/check_box.png) 12px center no-repeat; background-size:auto 14px; border-radius:2px;}
.content .party .mainx .factor .added-button{ height:34px; float:right; align-items:center; display:flex; padding:0 12px 0 32px; color:#FFF; background:#469DF1 url(../../img/added.png) 12px center no-repeat; background-size:auto 12px; border-radius:2px;}


/* 列表展示 ---------- */
.content .party .mainx .main{ width:100%; float:left; box-sizing:border-box; padding:0 30px;}
.content .party .mainx table{ width:100%; float:left; text-align:left; border-right:1px solid #F0F0F0;}
.content .party .mainx table.cus{ width:calc(100% - 60px); margin:0 30px 30px 30px;}
.content .party .mainx table th{ height:36px; padding:0 10px; background:#F8F8F8; color:#666; border-top:1px solid #F0F0F0; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.content .party .mainx table th input[type="checkbox"]{ float:left;}
.content .party .mainx table td{ height:40px; padding:0 10px; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.content .party .mainx table td input[type="checkbox"]{ float:left;}
.content .party .mainx table td .npic{ width:50px; height:50px; float:left; align-items:center; display:flex; justify-content:center; margin:10px 0; background:#F0F0F0;}
.content .party .mainx table td .npic img{ max-width:100%; max-height:100%; float:left;}
.content .party .mainx table td .button{ height:28px; float:left; align-items:center; display:flex; margin:0 6px 0 0; color:#FFF; padding:0 8px; border-radius:2px;}
.content .party .mainx table td .button.green{ background:#2BAB7E;}
.content .party .mainx table td .button.gules{ background:#FF5300;}
.content .party .mainx table td .button.violet{ background:#4D30B2;}
.content .party .mainx table td .button.blue{ background:#469DF1;}
.content .party .mainx table td .button.ash{ background:#8C8C8C;}


/* 选中 --------------- */
.content .party .mainx .checkout{ width:100%; float:left; box-sizing:border-box; padding:20px 30px 60px 30px;}
.content .party .mainx .checkout .total{ height:38px; float:left; padding:0 20px 0 10px; background:#F1F8FF; border-radius:2px; border:1px solid #DEE8F2;}
.content .party .mainx .checkout .total i{ height:38px; float:left; line-height:38px; padding:0 0 0 10px;}
.content .party .mainx .checkout u{ height:40px; float:left; line-height:40px; font-size:12px; padding:0 0 0 20px; color:#686868; text-decoration:none;}
.content .party .mainx .checkout .pack-button{ height:40px; float:right; align-items:center; display:flex; padding:0 12px 0 38px; color:#FFF; background:#2D55AD url(../../img/cu_box.png) 12px center no-repeat; background-size:auto 16px; border-radius:2px;}


/* 分页 --------------- */
.page{ width:100%; float:left; box-sizing:border-box; padding:20px 30px 60px 30px;}
.page .pagination-info{ height:33px; float:left; align-items:center; display:flex; color:#686868;}
.page .sbox{ height:33px; float:right; text-align:center;}
.page .sbox a{ float:left; font-size:14px; padding:6px 9px; margin:0 0 0 6px; color:#686868; min-width:15px; transition:background-color ease .5s; border:1px solid #F0F0F0;}
.page .sbox span{ float:left; padding:6px 10px; min-width:15px; margin:0 0 0 6px; color:#686868; border:1px solid #F0F0F0;}
.page .sbox span.current{ display:inline-block; background:#4D30B2; color:#FFF; padding:6px 9px; min-width:15px; border:1px solid #4D30B2;}




.content .party .mainx .mian_info{ width:100%; float:left; box-sizing:border-box; padding:0 0 30px 0;}
.content .party .mainx .mian_info .sbt{ width:100%; float:left; margin:0 0 16px 0; position:relative; align-items:center; display:flex; justify-content:center; border-top:1px solid #F2F2F2;}
/*
.content .party .mainx .mian_info .sbt::after{ content:''; height:1px; 
	float:left; margin:auto; position:absolute; top:0; bottom:0; right:0; left:0; 
	background:#F0F0F0;
}
*/
.content .party .mainx .mian_info .sbt i{ height:56px; float:left; position:relative; z-index:1; align-items:center; display:flex; font-size:16px; font-weight:bold; position:relative;}
.content .party .mainx .mian_info .sbt i::before{ content:''; width:50%; height:2px; float:left; margin:auto; position:absolute; bottom:0; right:0; left:0; background:#333;}


.content .party .mainx .mian_info ul.info_box{ width:100%; float:left; box-sizing:border-box; padding:0 25px 20px 25px;}
.content .party .mainx .mian_info ul.info_box li{ width:calc(50% - 10px); float:left; position:relative; box-sizing:border-box; margin:0 5px 10px 5px; border:1px solid #F0F0F0;}
.content .party .mainx .mian_info ul.info_box li u{ width:128px; float:left; box-sizing:border-box; padding:0 12px 0 0; line-height:40px; text-align:right; color:#686868; text-decoration:none; position:absolute; top:0; bottom:0; left:0; background:#FAFAFA; border-right:1px solid #F0F0F0;}
.content .party .mainx .mian_info ul.info_box li i{ display:block; overflow:hidden; line-height:24px; padding:8px 20px 8px 148px; text-align:justify;}
.content .party .mainx .mian_info ul.info_box li a{ height:24px; float:left; line-height:24px; margin:0 10px 0 0; color:#0C7AE2;}

.content .party .mainx .mian_info .info_pic{ width:calc(100% - 60px); float:left; box-sizing:border-box; padding:0 5px 10px 5px; margin:0 30px; align-items:center; display:flex; justify-content:center; border:1px solid #F0F0F0;}
.content .party .mainx .mian_info .info_pic li{ width:calc(25% - 10px); float:left; margin:10px 5px 0 5px; align-items:center; display:flex; justify-content:center; background:#F8F8F8;}
.content .party .mainx .mian_info .info_pic li img{ max-width:100%; max-height:100%; float:left;}


.content .party .mainx .mian_info .submit{ width:100%; float:left; box-sizing:border-box; padding:30px 0; align-items:center; display:flex; justify-content:center;}
.content .party .mainx .mian_info .submit a{ height:40px; float:left; align-items:center; display:flex; margin:0 8px; font-weight:bold; color:#FFF; padding:0 20px; background:#2D55AD; border-radius:2px;}
.content .party .mainx .mian_info .submit a.add{ background:#2D55AD;}
.content .party .mainx .mian_info .submit a.bat{ background:#1C9E99;}
.content .party .mainx .mian_info .submit a.urn{ background:#8C8C8C;}


.payment{ width:716px; height:438px; margin:auto; position:fixed; top:0; bottom:0; left:0; right:0; border:6px solid #DDD; background:#FFF url(../../img/weixin-qrcode.1xf1oN.jpg) right no-repeat;}
.payment .icon_close{ width:26px; height:26px; float:left; position:absolute; top:0; right:0; cursor:pointer; background:#DDD url(../../img/shut_icon.png) center no-repeat;}
.payment .modal_left{ width:345px; height:438px; float:left; box-sizing:border-box; padding:20px 50px 25px 45px;}
.payment .modal_left .bt{ width:100%; float:left; text-align:center; padding:0 0 16px 0;}
.payment .modal_left .bt p{ width:100%; height:32px; float:left; line-height:32px; color:#686868; font-size:18px;}
.payment .modal_left .bt p i{ font-size:18px; color:#f80;}
.payment .modal_left .knock{ width:100%; float:left; box-sizing:border-box; border:1px solid #DDD;}
.payment .modal_left .knock .npic{ width:100%; float:left; box-sizing:border-box; padding:20px;}
.payment .modal_left .knock .npic img{ width:100%; float:left;}
.payment .modal_left .knock p{ width:100%; float:left; padding:13px 0; text-align:center; font-size:12px; color:#f80; background:#F7F7F7;}