@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ color:#333; font-family:'font',Arial, Helvetica, sans-serif; line-height:1.4; overflow-x:hidden; display:flex; align-items:center; justify-content:center;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0; -webkit-text-size-adjust:none; text-size-adjust:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

@font-face {
	font-family:"font";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(../fonts/font.eot);
	src:url(../fonts/font.eot?#iefix) format("embedded-opentype"), url(../fonts/font.woff2) format("woff2"), url(../fonts/font.woff) format("woff"), url(../fonts/font.ttf) format("truetype"), url(../fonts/font.svg#fontawesome) format("svg")
}
body::-webkit-scrollbar{ width:0; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}

.plp-bg{ background-position:center; background-size:cover; background-repeat:no-repeat;}

/*推广人登录*/
@media screen and (min-width:1280px){
.header{ width:100%; position:fixed; left:0; top:20px; z-index:99; height:50px;}
.header .head{ width:1200px; margin:auto; position:relative; z-index:9; overflow:hidden;}
.header .head .logo{ float:left;}
.header .head .logo img{ height:50px; display:block;}
.header .head .logo img.img02{ display:none; height:40px;}
.header.cur .head .logo img.img01{ display:none;}
.header.cur .head .logo img.img02{ display:block;}
.header .head .nave{ float:right; height:30px; padding:10px 0;}
.header .head .nave .yu{ display:block; height:30px; margin-left:10px; position:relative; float:left;}
.header .head .nave .yu a{ display:block; font-size:14px; line-height:30px; height:30px; color:#fff; overflow:hidden; float:left; margin-left:20px;}
.header .head .nave .yu a:hover{ text-decoration:underline;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; position:fixed; left:0; top:15px; z-index:99; height:50px;}
.header .head{ width:94%; margin:auto; position:relative; z-index:9; overflow:hidden;}
.header .head .logo{ float:left;}
.header .head .logo img{ height:50px; display:block;}
.header .head .logo img.img02{ display:none; height:40px;}
.header.cur .head .logo img.img01{ display:block;}
.header.cur .head .logo img.img02{ display:none;}
.header .head .nave{ float:right; height:30px; padding:10px 0;}
.header .head .nave .yu{ display:block; height:30px; margin-left:10px; position:relative; float:left;}
.header .head .nave .yu a{ display:block; font-size:14px; line-height:30px; height:30px; color:#fff; overflow:hidden; float:left; margin-left:20px;}
.header .head .nave .yu a:hover{ text-decoration:underline;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; height:60px;}
.header .head{ width:100%; height:60px; position:relative; z-index:9;}
.header .head .logo{ height:40px; position:absolute; left:3%; top:10px;}
.header .head .logo img{ height:40px; display:block;}
.header .head .logo img.img01{ display:none;}
.header .header__show-menu{ width:24px; background-color:transparent; height:22px; position:absolute; right:3%; top:19px;}
.header .header__show-menu::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; bottom:0; left:0; transition:all 0.3s;}
.header .header__show-menu::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; top:0; left:0; transition:all 0.3s;}
.header .header__show-menu span{ display:block; height:2px; width:100%; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
.header .header__show-menu.on span{ opacity:0;}
.header .header__show-menu.on::after{ transform:rotate(-45deg); top:50%;}
.header .header__show-menu.on::before{ transform:rotate(45deg); top:50%;}
.header .head .nave{ display:none; width:100%; height:100vh; overflow:hidden; align-items:center; justify-content:center; background-color:#141414;}
.header.open-menu .head .nave{ display:flex; flex-direction:column;}
.header .head .nave .yu{ display:block; padding:20px 0;}
.header .head .nave .yu a{ display:block; width:160px; height:36px; line-height:34px; border-radius:36px; border:1px solid #fff; text-align:center; font-size:14px; box-sizing:border-box; color:#fff; margin:20px 0;}
.header .head .nave .yu a:hover{ background-color:#1634c8; border:1px solid #1634c8; color:#fff;}
}

@media screen and (min-width:1280px){
.dlbox{ width:1200px; height:640px; background-color:#fff; border-radius:30px; display:flex; align-items:center;}
.dlbox .left{ width:550px; padding:0 80px;}
.dlbox .left img{ width:100%; display:block;}
.dlbox .right{ width:410px; padding-right:80px;}
.dlbox .right .w01{ width:100%; height:34px;}
.dlbox .right .w01 b{ display:block; float:left; font-size:24px; line-height:34px;}
.dlbox .right .w02{ width:100%; margin-top:60px; }
.dlbox .right.dl01 .w02{ margin-top:30px;}
.dlbox .right .w02 span{ width:70px; text-align: right; margin-right: 10px; display:block; float:left; font-size:14px; line-height:40px; }
.dlbox .right .w02 input{ width:calc(100% - 110px); height:40px; line-height:40px; padding:0 15px; display: block; font-size: 14px; overflow:hidden; float: left; background-color: #f7f7f7; border-radius: 5px;}
.dlbox .right .w05{ width:100%; line-height:60px; margin-top:30px; position:relative;}
.dlbox .right .w05 .form-input{ width:100%; display:block; border-bottom:1px solid #ddd; font-size:14px; line-height:40px; padding-left:10px; padding-right:38px; box-sizing:border-box;}
.dlbox .right .w05 .form-input.active{ border-bottom:1px solid #1634c8;}
.dlbox .right .w05 .icon{ height:18px; position:absolute; right:10px; top:11px;}
.dlbox .right .w05 .icon img{ display:block; height:18px;}
.dlbox .right .w05 .icon img.img02{ display:none;}
.dlbox .right .w05 .icon.active img.img01{ display:none;}
.dlbox .right .w05 .icon.active img.img02{ display:block;}
.dlbox .right .w03{ width:100%; margin-top:60px; margin-bottom:10px;}
.dlbox .right.dl01 .w03{ margin-top:30px;}
.dlbox .right .w03 input{ width:100%; height:40px; line-height:40px; font-size:16px; cursor:pointer; text-align:center; border-radius:40px; overflow:hidden; display:block; cursor:pointer; color:#fff; background:linear-gradient(to right,#1634c8,#2945d0);}
.dlbox .right .w03 input:hover{ background:#1634c8;}
.dlbox .right .w04{ width:100%; text-align:center; font-size:14px; line-height:24px; padding:5px 0; display:flex; justify-content:center; align-items:center;}
.dlbox .right .w04 a{ color:#1634c8; cursor:pointer;}
.dlbox .right .w04 a:hover{ text-decoration:underline;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.dlbox{ width:94%; height:580px; background-color:#fff; border-radius:20px; display:flex; align-items:center;}
.dlbox .left{ width:40%; padding:0 5%;}
.dlbox .left img{ width:100%; display:block;}
.dlbox .right{ width:45%; padding-right:5%;}
.dlbox .right .w01{ width:100%; height:32px;}
.dlbox .right .w01 b{ display:block; float:left; font-size:22px; line-height:32px;}
.dlbox .right .w05{ width:100%; line-height:40px; margin-top:45px; position:relative;}
.dlbox .right.dl01 .w05{ margin-top:25px;}
.dlbox .right .w05 .form-input{ width:100%; display:block; border-bottom:1px solid #ddd; font-size:14px; line-height:40px; padding-left:10px; padding-right:38px; box-sizing:border-box;}
.dlbox .right .w05 .form-input.active{ border-bottom:1px solid #1634c8;}
.dlbox .right .w05 .icon{ height:18px; position:absolute; right:10px; top:11px;}
.dlbox .right .w05 .icon img{ display:block; height:18px;}
.dlbox .right .w05 .icon img.img02{ display:none;}
.dlbox .right .w05 .icon.active img.img01{ display:none;}
.dlbox .right .w05 .icon.active img.img02{ display:block;}

.dlbox .right .w02{ width:100%; margin-top:45px; }
.dlbox .right.dl01 .w02{ margin-top:25px;}
.dlbox .right .w02 span{ width:70px; text-align: right; margin-right: 10px; display:block; float:left; font-size:14px; line-height:40px; }
.dlbox .right .w02 input{ width:calc(100% - 120px); height:40px; line-height:40px; padding:0 20px; display: block; font-size: 14px; overflow:hidden; float: left; background-color: #f7f7f7; border-radius: 5px;}
.dlbox .right .w03{ width:100%; margin-top:45px; margin-bottom:5px;}
.dlbox .right.dl01 .w03{ margin-top:30px;}
.dlbox .right .w03 input{ width:100%; height:40px; line-height:40px; font-size:16px; cursor:pointer; text-align:center; border-radius:40px; overflow:hidden; display:block; cursor:pointer; color:#fff; background:linear-gradient(to right,#1634c8,#2945d0);}
.dlbox .right .w03 input:hover{ background:#1634c8;}
.dlbox .right .w04{ width:100%; text-align:center; font-size:14px; line-height:24px; padding:5px 0; display:flex; justify-content:center; align-items:center;}
.dlbox .right .w04 a{ color:#1634c8; cursor:pointer;}
.dlbox .right .w04 a:hover{ text-decoration:underline;}
}
@media only screen and (max-width:1023px){
.dlbox{ width:94%; box-sizing:border-box; padding:25px 20px; background-color:#fff; border-radius:10px; max-height:calc(100% - 120px); min-height:60vh; margin-top:20px; overflow:auto;}
.dlbox .left{ padding:5px 15px;}
.dlbox .left img{ width:100%; display:block;}
.dlbox .right{ width:100%; margin-top:15px;}
.dlbox .right .w01{ width:100%; height:30px;}
.dlbox .right .w01 b{ display:block; float:left; font-size:20px; line-height:30px;}
.dlbox .right .w05{ width:100%; line-height:40px; margin-top:10px; position:relative;}
.dlbox .right .w05 .form-input{ width:100%; display:block; border-bottom:1px solid #ddd; font-size:14px; line-height:40px; padding-left:10px; padding-right:38px; box-sizing:border-box;}
.dlbox .right .w05 .form-input.active{ border-bottom:1px solid #1634c8;}
.dlbox .right .w05 .icon{ height:18px; position:absolute; right:10px; top:11px;}
.dlbox .right .w05 .icon img{ display:block; height:18px;}
.dlbox .right .w05 .icon img.img02{ display:none;}
.dlbox .right .w05 .icon.active img.img01{ display:none;}
.dlbox .right .w05 .icon.active img.img02{ display:block;}
.dlbox .right .w02{ width:100%; margin-top:15px; }
.dlbox .right .w02 span{ width:70px; text-align: right; margin-right: 10px; display:block; float:left; font-size:14px; line-height:40px; }
.dlbox .right .w02 input{ width:calc(100% - 100px); height:40px; line-height:40px; padding:0 10px; display: block; font-size: 14px; overflow:hidden; float: left; background-color: #f7f7f7; border-radius: 5px;}

.dlbox .right .w03{ width:100%; margin-top:15px;}
.dlbox .right .w03 input{ width:100%; height:42px; line-height:42px; font-size:16px; cursor:pointer; text-align:center; border-radius:42px; overflow:hidden; display:block; cursor:pointer; color:#fff; background:linear-gradient(to right,#1634c8,#2945d0);}
.dlbox .right .w03 input:hover{ background:#1634c8;}
.dlbox .right .w04{ width:100%; text-align:center; font-size:14px; line-height:24px; padding:10px 0; display:flex; justify-content:center; align-items:center;}
.dlbox .right .w04 a{ color:#1634c8; cursor:pointer;}
.dlbox .right .w04 a:hover{ text-decoration:underline;}
}

/*推广员中心*/
@media screen and (min-width:1280px){
.header .head .nave .hy{ display:block; float:left;}
.header .head .nave .hy p{ display:block; float:left; font-size:14px; line-height:30px; height:30px; color:#fff;}
.header .head .nave .hy a{ display:block; float:left; font-size:14px; line-height:30px; height:30px; color:#fff; margin-left:20px;}
.header .head .nave .hy b{ display:block; margin-left:30px; width:1px; height:12px; background-color:#fff; float:right; margin-top:9px; overflow:hidden; opacity:.7;}
.header .head .nave .hy a:hover{ text-decoration:underline;}
.header .head .nave .hy a.on{ font-weight:bold;}

.main{ padding:45px 80px; width:100%; height:100%; overflow:auto; box-sizing:border-box;}
.main::-webkit-scrollbar{ width:0; height:1px;}
.main::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#2945d0;}
.main::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
.main .bt{ font-size:24px; line-height:34px; font-weight:bold; text-align:center; position:relative;}
.main .bt a{ display:block; position:absolute; right:0; top:5px; font-size:14px; line-height:24px;}
.main .bt a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.main .bt a:hover{ color:#1634c8;}
.xuan{ width:100%; margin-top:20px;}
.xuan .x04{ float:left; font-size:14px; height:36px; line-height:36px; margin-right:10px;}
.xuan .x01{ width:200px; box-sizing:border-box; padding:0 9px; border:1px solid #ddd; border-radius:3px; float:left; margin-right:15px; margin-bottom:10px;} 
.xuan .x01 input,.xuan .x01 select{ width:100%; display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden;}
.xuan .x01 input.room{ background-image:url(../images/date.jpg); background-position:right center; background-repeat:no-repeat;}
.xuan .x02{ text-align:center; border-radius:3px; float:left; margin-bottom:10px;} 
.xuan .x02 input,.xuan .x02 a{ min-width:80px; padding:0 15px; box-sizing:border-box; height:36px; line-height:36px; font-size:14px; display:block; color:#fff; overflow:hidden; background-color:#1634c8; border-radius:3px; cursor:pointer;}
.xuan .x03{ text-align:center; border-radius:3px; float:left; margin-bottom:10px; margin-left:15px;} 
.xuan .x03 a{ min-width:48px; padding:0 15px; border:1px solid #ddd; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; border-radius:3px;}
.xuan .x03 a:hover{ border:1px solid #1634c8; background-color:#1634c8; color:#fff;}

.table{ width:100%; margin-top:10px;}
.table table{ width:100%;}
.table table th{ background-color:#1634c8; color:#fff; font-size:15px; line-height:24px; font-weight:normal; vertical-align:middle; height:50px;}
.table table td{ border-bottom:1px solid #ddd; font-size:14px; line-height:24px; vertical-align:middle; padding:10px 5px;}
.table table input[type=checkbox]{ width:14px; height:14px;}
.table table td a{ color:#333; margin:0 5px;}
.table table td a.qd{ display:none;}
.table table td a:hover{ color:#1634c8;}

.fanye{ width:100%; margin-top:20px; text-align:right;}
.fanye a,.fanye button,.fanye input,.fanye select,.fanye span{ border:1px solid #e2e2e2;}
.fanye a,.fanye span{ display:inline-block; vertical-align:middle; padding:0 10px; height:28px; line-height:28px; margin:0 -1px 5px 0; background-color:#fff; color:#333; font-size:12px;}
.fanye>:first-child{ margin-left:0!important;}
.fanye:last-child *{ margin-right:0 !important;}
.fanye .curr{ position:relative; background-color:#1634c8; color:#fff; text-align:center;}
.fanye a:hover{ background-color:#f1f1f1; color:#1634c8; text-align:center;}
.fanye .count,.fanye .limits,.fanye .refresh,.fanye .skip{ margin-left:10px; margin-right:10px; padding:0; border:none;}
.fanye .skip{ height:30px; line-height:30px; color:#999;}
.fanye button,.fanye input{ height:30px; line-height:30px; border-radius:2px; vertical-align:top; background-color:#fff; box-sizing:border-box;}
.fanye input{ width:40px; margin:0 10px; padding:0 3px; text-align:center;}
.fanye button{ margin-left:10px; padding:0 10px; cursor:pointer;}
.fanye span.count{ background-color:transparent; margin-right:0;}

.dlbox .right .w01{ position:relative;}
.dlbox .right .w01 a{ display:block; position:absolute; right:0; top:5px; font-size:14px; line-height:24px;}
.dlbox .right .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.dlbox .right .w01 a:hover{ color:#1634c8;}
.dlbox .right .list{ width:100%; display:block; overflow:hidden; margin-top:-5px; padding-right:5px;}
.dlbox .right .list li{ display:flex; align-items:center; overflow:hidden; width:100%; margin-top:25px;}
.dlbox .right .list li label{ width:60px; font-size:14px; display:block;}
.dlbox .right .list li input{ font-size:14px; display:block; padding:0 19px; border:1px solid #ddd; border-radius:3px; width:100%; height:38px; box-sizing:border-box; width:calc(100% - 70px); overflow:hidden; margin-left:10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header .head .nave .hy{ display:block; float:left;}
.header .head .nave .hy p{ display:block; float:left; font-size:14px; line-height:30px; height:30px; color:#fff;}
.header .head .nave .hy a{ display:block; float:left; font-size:14px; line-height:30px; height:30px; color:#fff; margin-left:20px;}
.header .head .nave .hy b{ display:block; margin-left:30px; width:1px; height:12px; background-color:#fff; float:right; margin-top:9px; overflow:hidden; opacity:.7;}
.header .head .nave .hy a:hover{ text-decoration:underline;}
.header .head .nave .hy a.on{ font-weight:bold;}

.main{ padding:35px 5%; width:100%; height:100%; overflow:auto; box-sizing:border-box;}
.main::-webkit-scrollbar{ width:0; height:1px;}
.main::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#2945d0;}
.main::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
.main .bt{ font-size:22px; line-height:32px; font-weight:bold; text-align:center; position:relative;}
.main .bt a{ display:block; position:absolute; right:0; top:4px; font-size:14px; line-height:24px;}
.main .bt a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.main .bt a:hover{ color:#1634c8;}
.xuan{ width:100%; margin-top:15px;}
.xuan .x04{ float:left; font-size:14px; height:36px; line-height:36px; margin-right:10px;}
.xuan .x01{ width:200px; box-sizing:border-box; padding:0 9px; border:1px solid #ddd; border-radius:3px; float:left; margin-right:15px; margin-bottom:10px;} 
.xuan .x01 input,.xuan .x01 select{ width:100%; display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden;}
.xuan .x01 input.room{ background-image:url(../images/date.jpg); background-position:right center; background-repeat:no-repeat;}
.xuan .x02{ text-align:center; border-radius:3px; float:left; margin-bottom:10px;} 
.xuan .x02 input,.xuan .x02 a{ min-width:70px; padding:0 15px; box-sizing:border-box; height:36px; line-height:36px; font-size:14px; display:block; color:#fff; overflow:hidden; background-color:#1634c8; border-radius:3px; cursor:pointer;}
.xuan .x03{ text-align:center; border-radius:3px; float:left; margin-bottom:10px; margin-left:15px;} 
.xuan .x03 a{ min-width:38px; padding:0 15px; border:1px solid #ddd; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; border-radius:3px;}
.xuan .x03 a:hover{ border:1px solid #1634c8; background-color:#1634c8; color:#fff;}

.table{ width:100%; margin-top:5px;}
.table table{ width:100%;}
.table table th{ background-color:#1634c8; color:#fff; font-size:14px; line-height:24px; font-weight:normal; vertical-align:middle; height:44px;}
.table table td{ border-bottom:1px solid #ddd; font-size:14px; line-height:24px; vertical-align:middle; padding:8px 5px;}
.table table input[type=checkbox]{ width:14px; height:14px;}
.table table td a{ color:#333; margin:0 5px;}
.table table td a.qd{ display:none;}
.table table td a:hover{ color:#1634c8;}

.fanye{ width:100%; margin-top:20px; text-align:right;}
.fanye a,.fanye button,.fanye input,.fanye select,.fanye span{ border:1px solid #e2e2e2;}
.fanye a,.fanye span{ display:inline-block; vertical-align:middle; padding:0 10px; height:28px; line-height:28px; margin:0 -1px 5px 0; background-color:#fff; color:#333; font-size:12px;}
.fanye>:first-child{ margin-left:0!important;}
.fanye:last-child *{ margin-right:0 !important;}
.fanye .curr{ position:relative; background-color:#1634c8; color:#fff; text-align:center;}
.fanye a:hover{ background-color:#f1f1f1; color:#1634c8; text-align:center;}
.fanye .count,.fanye .limits,.fanye .refresh,.fanye .skip{ margin-left:10px; margin-right:10px; padding:0; border:none;}
.fanye .skip{ height:30px; line-height:30px; color:#999;}
.fanye button,.fanye input{ height:30px; line-height:30px; border-radius:2px; vertical-align:top; background-color:#fff; box-sizing:border-box;}
.fanye input{ width:40px; margin:0 10px; padding:0 3px; text-align:center;}
.fanye button{ margin-left:10px; padding:0 10px; cursor:pointer;}
.fanye span.count{ background-color:transparent; margin-right:0;}

.dlbox .right .w01{ position:relative;}
.dlbox .right .w01 a{ display:block; position:absolute; right:0; top:4px; font-size:14px; line-height:24px;}
.dlbox .right .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.dlbox .right .w01 a:hover{ color:#1634c8;}
.dlbox .right .list{ width:100%; display:block; overflow:hidden; margin-top:-5px; padding-right:5px;}
.dlbox .right .list li{ display:flex; align-items:center; overflow:hidden; width:100%; margin-top:20px;}
.dlbox .right .list li label{ width:60px; font-size:14px; display:block;}
.dlbox .right .list li input{ font-size:14px; display:block; padding:0 19px; border:1px solid #ddd; border-radius:3px; width:100%; height:38px; box-sizing:border-box; width:calc(100% - 70px); overflow:hidden; margin-left:10px;}
}
@media only screen and (max-width:1023px){
.header .head .nave .hy{ display:block; text-align:center; flex:1; background-color:#232323;}
.header .head .nave .hy p{ width:100%; display:inline-block; font-size:18px; line-height:28px; margin-bottom:30px; color:#fff; padding-top:50%;}
.header .head .nave .hy a{ display:inline-block; font-size:14px; line-height:34px; height:34px; color:#fff; margin:0 5px; padding:0 25px; background-color:#141414; border-radius:34px;}
.header .head .nave .hy a:hover,.header .head .nave .hy a.on{ color:#1634c8;}

.main{ width:100%;}
.main .bt{ font-size:20px; line-height:30px; font-weight:bold; text-align:center; position:relative;}
.main .bt a{ display:block; position:absolute; right:0; top:3px; font-size:14px; line-height:24px;}
.main .bt a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.main .bt a:hover{ color:#1634c8;}
.xuan{ width:100%; margin-top:15px;}
.xuan .x04{ float:left; font-size:14px; height:32px; line-height:32px; margin-right:10px;}
.xuan .x01{ width:140px; box-sizing:border-box; padding:0 4px; border:1px solid #ddd; border-radius:3px; float:left; margin-right:10px; margin-bottom:10px;} 
.xuan .x01 input,.xuan .x01 select{ width:100%; display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.xuan .x01 input.room{ background-image:url(../images/date.jpg); background-position:right center; background-repeat:no-repeat;}
.xuan .x02{ text-align:center; border-radius:3px; float:left; margin-bottom:10px;} 
.xuan .x02 input,.xuan .x02 a{ min-width:60px; padding:0 15px; box-sizing:border-box;  height:32px; line-height:32px; font-size:14px; display:block; color:#fff; overflow:hidden; background-color:#1634c8; border-radius:3px; cursor:pointer;}
.xuan .x03{ text-align:center; border-radius:3px; float:left; margin-bottom:10px; margin-left:10px;} 
.xuan .x03 a{ min-width:28px; padding:0 15px; border:1px solid #ddd; height:30px; line-height:30px; font-size:14px; display:block; overflow:hidden; border-radius:3px;}
.xuan .x03 a:hover{ border:1px solid #1634c8; background-color:#1634c8; color:#fff;}

.table{ width:100%; margin-top:5px; overflow:auto;}
.table table{ width:800px;}
.table table th{ background-color:#1634c8; color:#fff; font-size:14px; line-height:20px; font-weight:normal; vertical-align:middle; padding:5px 0;}
.table table td{ border-bottom:1px solid #ddd; font-size:14px; line-height:20px; vertical-align:middle; padding:5px;}
.table table input[type=checkbox]{ width:14px; height:14px;}
.table table td a{ display:inline-block; color:#333; margin:0 5px;}
.table table td a.qd{ color:#1634c8;}
.table table td a:hover{ color:#1634c8;}

.fanye{ width:100%; margin-top:15px; text-align:right;}
.fanye a,.fanye button,.fanye input,.fanye select,.fanye span{ border:1px solid #e2e2e2;}
.fanye a,.fanye span{ display:inline-block; vertical-align:middle; padding:0 10px; height:28px; line-height:28px; margin:0 -1px 5px 0; background-color:#fff; color:#333; font-size:12px;}
.fanye>:first-child{ margin-left:0!important;}
.fanye:last-child *{ margin-right:0 !important;}
.fanye .curr{ position:relative; background-color:#1634c8; color:#fff; text-align:center;}
.fanye a:hover{ background-color:#f1f1f1; color:#1634c8; text-align:center;}
.fanye .count,.fanye .limits,.fanye .refresh,.fanye .skip{ margin-left:10px; margin-right:10px; padding:0; border:none;}
.fanye .skip{ display:none; height:30px; line-height:30px; color:#999;}
.fanye button,.fanye input{ display:none; height:30px; line-height:30px; border-radius:2px; vertical-align:top; background-color:#fff; box-sizing:border-box;}
.fanye input{ width:40px; margin:0 10px; padding:0 3px; text-align:center;}
.fanye button{ margin-left:10px; padding:0 10px; cursor:pointer;}
.fanye span.count{ display:none; background-color:transparent; margin-right:0;}

.dlbox .right .w01{ position:relative;}
.dlbox .right .w01 a{ display:block; position:absolute; right:0; top:3px; font-size:14px; line-height:24px;}
.dlbox .right .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.dlbox .right .w01 a:hover{ color:#1634c8;}
.dlbox .right .list{ width:100%; display:block; overflow:hidden; margin-top:-5px; padding-right:5px;}
.dlbox .right .list li{ display:flex; align-items:center; overflow:hidden; width:100%; margin-top:15px;}
.dlbox .right .list li label{ width:60px; font-size:14px; display:block;}
.dlbox .right .list li input{ font-size:14px; display:block; padding:0 19px; border:1px solid #ddd; border-radius:3px; width:100%; height:38px; box-sizing:border-box; width:calc(100% - 70px); overflow:hidden; margin-left:10px;}
}
.plp-bg{ overflow-y:auto; }
.plp-bg canvas{ position:absolute; left:0; top:0; z-index:1; }
/*客户登录*/
@media screen and (min-width:1280px){
.dowebok{ overflow:hidden; width:1200px; margin:auto; display:flex; flex-wrap:wrap; flex-direction:row-reverse; position: relative; z-index:11; padding-top: 100px; padding-bottom: 50px;}
.dowebok .tp{ width:100%;}
.dowebok .tp img{ max-width:100%; display:block; margin:auto;}
.dowebok .sign-in{ width:60%; box-sizing:border-box; padding:45px 50px; background:#fff; margin-top:30px;}
.dowebok .sign-in .tab_menu{ width:100%; display:flex;}
.dowebok .sign-in .tab_menu li{ flex:1; display:block; font-size:22px; line-height:32px; height:32px; overflow:hidden; cursor:pointer; text-align:center; color:#333; font-weight:bold; border-bottom:2px solid #eee; padding-bottom:10px;}
.dowebok .sign-in .tab_menu li.cur{ color:#1634c8; border-bottom:2px solid #1634c8;}
.dowebok .sign-in .tabox{ width:100%; overflow:hidden;}
.dowebok .sign-in .box{ width:100%;}
.dowebok .sign-in .box form{ overflow:hidden;}
.dowebok .sign-in .box form>div{ width:100%; display:flex; align-items:center; margin-top:25px; position:relative;}
.dowebok .sign-in .box form>div label{ display:block; width:80px; padding-right:20px; height:40px; line-height:40px; font-size:14px; text-align:right; color:#333;}
.dowebok .sign-in .box form>div label i{ font-style:normal; color:#da0000;}
.dowebok .sign-in .box .s01 input{ width:calc(100% - 102px); font-size:14px; line-height:38px; display:block; border:1px solid #ddd; border-radius:5px; text-indent:20px;}
.dowebok .sign-in .box input:active,.sign .box input:focus{ border:1px solid #1634c8 !important;}
.intl-tel-input{ width:calc(100% - 100px); position:relative; z-index:9; height:40px; border-radius:5px;}
.intl-tel-input input{ width:calc(100% - 62px); font-size:14px; line-height:38px; display:block; padding-left:60px; border-radius:5px; text-indent:20px; border:1px solid #ddd;}
.intl-tel-input .flag-dropdown{ width:60px; position:absolute; left:1px; top:1px; height:38px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.intl-tel-input .selected-flag{ width:40px; padding-left:20px; position:relative; z-index:0; height:38px; font-size:14px; line-height:38px; vertical-align:middle; background-color:#eee; border-bottom-left-radius:7px; border-top-left-radius:7px;}
.intl-tel-input .selected-flag .flag{ position:absolute; top:50%; margin-top:-5px;}
.intl-tel-input .selected-flag .arrow{ position:relative; top:50%; margin-top:-2px; left:20px; width:0px; height:0px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid rgb(85, 85, 85);}
.intl-tel-input .selected-flag .arrow.up{ border-top:none; border-bottom:4px solid rgb(85, 85, 85);}
.intl-tel-input .country-list{ position:absolute; z-index:2; box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color:white; width:250px; max-height:120px; overflow-y:scroll; list-style:none; padding:0px; margin:0px 0px 0px -1px; border-width:1px; border-style:solid; border-color:rgb(204, 204, 204); border-image:initial;}
.intl-tel-input .country-list.hide{ display:none;}
.intl-tel-input .country-list .country{ line-height:34px; padding:0 10px; cursor:pointer; font-size:14px;}
.intl-tel-input .country-list .flag{ display:inline-block;}
.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{ margin-right:6px;}
.intl-tel-input .country-list .country .dial-code{ color:#333;}
.intl-tel-input .country-list .country.highlight{ background-color:rgba(0, 0, 0, 0.05);}
.intl-tel-input .country-list .country:hover{ background-color:rgba(0, 0, 0, 0.05);}
.dowebok .sign-in .box .s03 input{ flex:1; box-sizing:border-box; font-size:14px; line-height:38px; display:block; border:1px solid #ddd; border-radius:5px; text-indent:20px;}
.dowebok .sign-in .box .s03 a{ width:140px; height:40px; margin-left:15px; display:block; overflow:hidden; float:left;}
.dowebok .sign-in .box .s03 a img{ width:100%; height:40px; display:block;}
.dowebok .sign-in .box .s03 strong{ display:block; padding-left:20px; font-weight:normal; font-size:14px; color:#da0000;}
.dowebok .sign-in .box .submit{ width:200px; height:46px; line-height:46px; text-align:center; margin:30px auto 0; display:block; color:#fff; background:#1634c8; cursor:pointer; font-size:16px; border-radius:5px;}
.dowebok .sign-in .box .submit:hover{ background:linear-gradient(to right,#1634c8,#2945d0);}
.dowebok .sub-cont{ width:40%; background-image:url(../images/bg.jpg); background-position:right center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden; margin-top:30px;}
.dowebok .sub-cont .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.dowebok .sub-cont .box{ width:80%; position:absolute; left:10%; top:50%; transform:translateX(0) translateY(-50%);}
.dowebok .sub-cont .box>h2{ display:none;}
.dowebok .sub-cont .box .bt{ text-align:center; font-size:24px; height:34px; line-height:34px; color:#fff;}
.dowebok .sub-cont .box .txt{ font-size:14px; line-height:24px; margin-top:20px; color:#fff;}
.dowebok .sub-cont .box .txt p,.dowebok .sub-cont .box .txt span{ color:#fff !important;}
.dowebok .sub-cont .box .img_btn{ width:120px; border:2px solid #fff; margin:5px auto; margin-top:30px; border-radius:30px;}
.dowebok .sub-cont .box .img_btn a{ display:block; font-size:14px; line-height:30px; height:30px; text-align:center; color:#fff; overflow:hidden;}
.dowebok .sub-cont .box .img_btn:hover{ border:2px solid #1634c8; background-color:#1634c8;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.dowebok{ overflow:hidden; width:94%; display:flex; flex-direction:row-reverse; position: relative; margin: auto; z-index:11; padding-top: 90px; padding-bottom: 40px;}
.dowebok .tp{ width:100%;}
.dowebok .tp img{ max-width:100%; display:block; margin:auto;}
.dowebok .sign-in{ width:70%; box-sizing:border-box; padding:35px 40px; background:#fff; margin-top:20px; display:flex; flex-direction:column; justify-content:center;}
.dowebok .sign-in .tab_menu{ width:100%; display:flex;}
.dowebok .sign-in .tab_menu li{ flex:1; display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; cursor:pointer; text-align:center; color:#333; font-weight:bold; border-bottom:2px solid #eee; padding-bottom:10px;}
.dowebok .sign-in .tab_menu li.cur{ color:#1634c8; border-bottom:2px solid #1634c8;}
.dowebok .sign-in .tabox{ width:100%; overflow:hidden;}
.dowebok .sign-in .box{ width:100%;}
.dowebok .sign-in .box form{ overflow:hidden;}
.dowebok .sign-in .box form>div{ width:100%; display:flex; align-items:center; margin-top:20px; position:relative;}
.dowebok .sign-in .box form>div label{ display:block; width:80px; padding-right:20px; height:40px; line-height:40px; font-size:14px; text-align:right; color:#333;}
.dowebok .sign-in .box form>div label i{ font-style:normal; color:#da0000;}
.dowebok .sign-in .box .s01 input{ width:calc(100% - 102px); font-size:14px; line-height:38px; display:block; border:1px solid #ddd; border-radius:5px; text-indent:20px;}
.dowebok .sign-in .box input:active,.sign .box input:focus{ border:1px solid #1634c8 !important;}
.intl-tel-input{ width:calc(100% - 100px); position:relative; z-index:9; height:40px; border-radius:5px;}
.intl-tel-input input{ width:calc(100% - 62px); font-size:14px; line-height:38px; display:block; padding-left:60px; border-radius:5px; text-indent:20px; border:1px solid #ddd;}
.intl-tel-input .flag-dropdown{ width:60px; position:absolute; left:1px; top:1px; height:38px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.intl-tel-input .selected-flag{ width:40px; padding-left:20px; position:relative; z-index:0; height:38px; font-size:14px; line-height:38px; vertical-align:middle; background-color:#eee; border-bottom-left-radius:7px; border-top-left-radius:7px;}
.intl-tel-input .selected-flag .flag{ position:absolute; top:50%; margin-top:-5px;}
.intl-tel-input .selected-flag .arrow{ position:relative; top:50%; margin-top:-2px; left:20px; width:0px; height:0px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid rgb(85, 85, 85);}
.intl-tel-input .selected-flag .arrow.up{ border-top:none; border-bottom:4px solid rgb(85, 85, 85);}
.intl-tel-input .country-list{ position:absolute; z-index:2; box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color:white; width:250px; max-height:120px; overflow-y:scroll; list-style:none; padding:0px; margin:0px 0px 0px -1px; border-width:1px; border-style:solid; border-color:rgb(204, 204, 204); border-image:initial;}
.intl-tel-input .country-list.hide{ display:none;}
.intl-tel-input .country-list .country{ line-height:34px; padding:0 10px; cursor:pointer; font-size:14px;}
.intl-tel-input .country-list .flag{ display:inline-block;}
.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{ margin-right:6px;}
.intl-tel-input .country-list .country .dial-code{ color:#333;}
.intl-tel-input .country-list .country.highlight{ background-color:rgba(0, 0, 0, 0.05);}
.intl-tel-input .country-list .country:hover{ background-color:rgba(0, 0, 0, 0.05);}
.dowebok .sign-in .box .s03 input{ flex:1; box-sizing:border-box; font-size:14px; line-height:38px; display:block; border:1px solid #ddd; border-radius:5px; text-indent:20px;}
.dowebok .sign-in .box .s03 a{ width:140px; height:40px; margin-left:15px; display:block; overflow:hidden; float:left;}
.dowebok .sign-in .box .s03 a img{ width:100%; height:40px; display:block;}
.dowebok .sign-in .box .s03 strong{ display:block; padding-left:20px; font-weight:normal; font-size:14px; color:#da0000;}
.dowebok .sign-in .box .submit{ width:200px; height:44px; line-height:44px; text-align:center; margin:25px auto 0; display:block; color:#fff; background:#1634c8; cursor:pointer; font-size:16px; border-radius:5px;}
.dowebok .sign-in .box .submit:hover{ background:linear-gradient(to right,#1634c8,#2945d0);}
.dowebok .sub-cont{ width:30%; background-image:url(../images/bg.jpg); background-position:right center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden; margin-top:20px;}
.dowebok .sub-cont .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.dowebok .sub-cont .box{ width:80%; position:absolute; left:10%; top:50%; transform:translateX(0) translateY(-50%);}
.dowebok .sub-cont .box>h2{ display:none;}
.dowebok .sub-cont .box .bt{ text-align:center; font-size:22px; height:32px; line-height:32px; color:#fff;}
.dowebok .sub-cont .box .txt{ font-size:14px; line-height:24px; margin-top:20px; color:#fff;}
.dowebok .sub-cont .box .txt p,.dowebok .sub-cont .box .txt span{ color:#fff !important;}
.dowebok .sub-cont .box .img_btn{ width:120px; border:2px solid #fff; margin:5px auto; margin-top:30px; border-radius:30px;}
.dowebok .sub-cont .box .img_btn a{ display:block; font-size:14px; line-height:30px; height:30px; text-align:center; color:#fff; overflow:hidden;}
.dowebok .sub-cont .box .img_btn:hover{ border:2px solid #1634c8; background-color:#1634c8;}
}
@media only screen and (max-width:1023px){
.dowebok{ overflow:hidden; width:94%; display:flex; flex-direction:column-reverse; position: relative; margin: auto; z-index:11; padding-top: 70px; padding-bottom: 30px;}
.dowebok .tp{ width:100%;}
.dowebok .tp img{ max-width:100%; display:block; margin:auto;}
.dowebok .sign-in{ width:100%; box-sizing:border-box; padding:25px 30px; background:#fff; margin-bottom:10px;}
.dowebok .sign-in .tab_menu{ width:100%; display:flex; flex-wrap:wrap; margin-top:-10px;}
.dowebok .sign-in .tab_menu li{ flex:1; display:block; font-size:14px; line-height:36px; height:36px; overflow:hidden; cursor:pointer; text-align:center; color:#333; font-weight:bold; border-bottom:2px solid #eee;}
.dowebok .sign-in .tab_menu li.cur{ color:#1634c8; border-bottom:2px solid #1634c8;}
.dowebok .sign-in .tabox{ width:100%; overflow:hidden;}
.dowebok .sign-in .box{ width:100%;}
.dowebok .sign-in .box form{ overflow:hidden;}
.dowebok .sign-in .box form>div{ width:100%; display:flex; align-items:center; margin-top:15px; position:relative;}
.dowebok .sign-in .box form>div label{ display:block; width:60px; padding-right:10px; height:36px; line-height:36px; font-size:14px; text-align:right; color:#333;}
.dowebok .sign-in .box form>div label i{ font-style:normal; color:#da0000;}
.dowebok .sign-in .box .s01 input{ width:calc(100% - 72px); font-size:14px; line-height:34px; display:block; border:1px solid #ddd; border-radius:5px; text-indent:15px;}
.dowebok .sign-in .box input:active,.sign .box input:focus{ border:1px solid #1634c8 !important;}
.intl-tel-input{ width:calc(100% - 70px); position:relative; z-index:9; height:36px; border-radius:5px;}
.intl-tel-input input{ width:calc(100% - 62px); font-size:14px; line-height:34px; display:block; padding-left:60px; border-radius:5px; text-indent:15px; border:1px solid #ddd;}
.intl-tel-input .flag-dropdown{ width:60px; position:absolute; left:1px; top:1px; height:34px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.intl-tel-input .selected-flag{ width:40px; padding-left:20px; position:relative; z-index:0; height:34px; font-size:14px; line-height:34px; vertical-align:middle; background-color:#eee; border-bottom-left-radius:7px; border-top-left-radius:7px;}
.intl-tel-input .selected-flag .flag{ position:absolute; top:50%; margin-top:-5px;}
.intl-tel-input .selected-flag .arrow{ position:relative; top:50%; margin-top:-2px; left:20px; width:0px; height:0px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid rgb(85, 85, 85);}
.intl-tel-input .selected-flag .arrow.up{ border-top:none; border-bottom:4px solid rgb(85, 85, 85);}
.intl-tel-input .country-list{ position:absolute; z-index:2; box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color:white; width:250px; max-height:120px; overflow-y:scroll; list-style:none; padding:0px; margin:0px 0px 0px -1px; border-width:1px; border-style:solid; border-color:rgb(204, 204, 204); border-image:initial;}
.intl-tel-input .country-list.hide{ display:none;}
.intl-tel-input .country-list .country{ line-height:34px; padding:0 10px; cursor:pointer; font-size:14px;}
.intl-tel-input .country-list .flag{ display:inline-block;}
.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{ margin-right:6px;}
.intl-tel-input .country-list .country .dial-code{ color:#333;}
.intl-tel-input .country-list .country.highlight{ background-color:rgba(0, 0, 0, 0.05);}
.intl-tel-input .country-list .country:hover{ background-color:rgba(0, 0, 0, 0.05);}
.dowebok .sign-in .box .s03{ flex-wrap:wrap;}
.dowebok .sign-in .box .s03 input{ width:calc(100% - 190px); box-sizing:border-box; font-size:14px; line-height:34px; display:block; border:1px solid #ddd; border-radius:5px; text-indent:15px;}
.dowebok .sign-in .box .s03 a{ width:110px; height:36px; margin-left:10px; display:block; overflow:hidden; float:left;}
.dowebok .sign-in .box .s03 a img{ width:100%; height:40px; display:block;}
.dowebok .sign-in .box .s03 strong{ display:block; padding-left:62px; font-weight:normal; font-size:14px; line-height:24px; color:#da0000; margin-top:3px;}
.dowebok .sign-in .box .submit{ width:200px; height:40px; line-height:40px; text-align:center; margin:15px auto 0; display:block; color:#fff; background:#1634c8; cursor:pointer; font-size:14px; border-radius:5px;}
.dowebok .sign-in .box .submit:hover{ background:linear-gradient(to right,#1634c8,#2945d0);}
.dowebok .sub-cont{ width:100%; background-image:url(../images/bg.jpg); background-position:right center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.dowebok .sub-cont .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:1;}
.dowebok .sub-cont .box{ padding:25px 15px; box-sizing:border-box; position:relative; z-index:2;}
.dowebok .sub-cont .box>h2{ display:none;}
.dowebok .sub-cont .box .bt{ text-align:center; font-size:16px; height:26px; line-height:32px; color:#fff;}
.dowebok .sub-cont .box .txt{ font-size:14px; line-height:24px; margin-top:5px; color:#fff; display:none;}
.dowebok .sub-cont .box .txt p,.dowebok .sub-cont .box .txt span{ color:#fff !important;}
.dowebok .sub-cont .box .img_btn{ width:120px; border:1px solid #fff; margin:5px auto; margin-top:10px; border-radius:30px;}
.dowebok .sub-cont .box .img_btn a{ display:block; font-size:14px; line-height:30px; height:30px; text-align:center; color:#fff; overflow:hidden;}
.dowebok .sub-cont .box .img_btn:hover{ border:1px solid #1634c8; background-color:#1634c8;}
}

/*客户-个人信息*/
@media screen and (min-width:1280px){
.cont{ width:100%; background-color:#fff; display:flex; align-items:center; border-radius:30px; margin-top:30px;}
.cont .left{ width:570px; padding:30px 50px;}
.cont .left img{ width:100%; display:block;}
.cont .right{ width:460px; padding:30px 50px; padding-left:0;}
.cont .right .w01{ width:100%; height:34px; position:relative;}
.cont .right .w01 b{ display:block; float:left; font-size:24px; line-height:34px; width:100%; text-align:center;}
.cont .right .w01 a{ display:block; position:absolute; right:0; top:5px; font-size:14px; line-height:24px;}
.cont .right .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.cont .right .w01 a:hover{ color:#1634c8;}
.cont .right .list{ width:100%; display:block; overflow:hidden; margin-top:-5px; padding-right:5px;}
.cont .right .list li{ display:flex; align-items:center; overflow:hidden; width:100%; margin-top:25px;}
.cont .right .list li label{ width:60px; font-size:14px; display:block;}
.cont .right .list li input{ font-size:14px; display:block; padding:0 19px; border:1px solid #ddd; border-radius:3px; width:100%; height:38px; box-sizing:border-box; width:calc(100% - 70px); overflow:hidden; margin-left:10px;}
.cont .right .qdm{ border:1px solid #ddd; margin:30px auto; margin-bottom:10px; width:300px; box-sizing:border-box; padding:19px;}
.cont .right .qdm p{ display:block; overflow:hidden;}
.cont .right .qdm img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.cont{ width:100%; background-color:#fff; display:flex; align-items:center; border-radius:20px; margin-top:20px;}
.cont .left{ width:450px; padding:20px 40px;}
.cont .left img{ width:100%; display:block;}
.cont .right{ flex:1; padding:20px 40px; padding-left:0;}
.cont .right .w01{ width:100%; height:34px; position:relative;}
.cont .right .w01 b{ display:block; float:left; font-size:22px; line-height:32px; width:100%; text-align:center;}
.cont .right .w01 a{ display:block; position:absolute; right:0; top:4px; font-size:14px; line-height:24px;}
.cont .right .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.cont .right .w01 a:hover{ color:#1634c8;}
.cont .right .list{ width:100%; display:block; overflow:hidden; margin-top:-5px; padding-right:5px;}
.cont .right .list li{ display:flex; align-items:center; overflow:hidden; width:100%; margin-top:20px;}
.cont .right .list li label{ width:60px; font-size:14px; display:block;}
.cont .right .list li input{ font-size:14px; display:block; padding:0 19px; border:1px solid #ddd; border-radius:3px; width:100%; height:38px; box-sizing:border-box; width:calc(100% - 70px); overflow:hidden; margin-left:10px;}
.cont .right .qdm{ border:1px solid #ddd; margin:25px auto; margin-bottom:10px; width:300px; box-sizing:border-box; padding:19px;}
.cont .right .qdm p{ display:block; overflow:hidden;}
.cont .right .qdm img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.cont{ width:100%; background-color:#fff; padding:25px 20px; padding-bottom:35px; box-sizing:border-box; border-radius:10px; margin-top:10px;}
.cont .left{ padding:5px 15px;}
.cont .left img{ width:100%; display:block;}
.cont .right{ width:100%; margin-top:15px;}
.cont .right .w01{ position:relative; width:100%; height:30px;}
.cont .right .w01 b{ display:block; float:left; font-size:20px; line-height:30px; width:100%; text-align:center;}
.cont .right .w01 a{ display:block; position:absolute; right:0; top:3px; font-size:14px; line-height:24px;}
.cont .right .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.cont .right .w01 a:hover{ color:#1634c8;}
.cont .right .list{ width:100%; display:block; overflow:hidden; margin-top:-5px; padding-right:5px;}
.cont .right .list li{ display:flex; align-items:center; overflow:hidden; width:100%; margin-top:15px;}
.cont .right .list li label{ width:60px; font-size:14px; display:block;}
.cont .right .list li input{ font-size:14px; display:block; padding:0 19px; border:1px solid #ddd; border-radius:3px; width:100%; height:38px; box-sizing:border-box; width:calc(100% - 70px); overflow:hidden; margin-left:10px;}
.cont .right .qdm{ border:1px solid #ddd; margin:10px auto; margin-bottom:10px; width:100%; max-width:220px; box-sizing:border-box; padding:14px;}
.cont .right .qdm p{ display:block; overflow:hidden;}
.cont .right .qdm img{ width:100%; display:block;}
}

/*弹出框*/
@media screen and (min-width:769px){
#btn1{ cursor:pointer;}
.xcConfirm .xc_layer{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666666; opacity:0.5; z-index:2147000000;}
.xcConfirm .popBox{ position:fixed; left:50%; top:50%; padding-bottom:20px; background-color:#ffffff; z-index:2147000001; width:570px; margin-left:-285px; margin-top:-160px; border-radius:5px; font-weight:bold; color:#535e66;}
.xcConfirm .popBox .ttBox{ height:30px; line-height:30px; padding:14px 30px; border-bottom:solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{ font-size:18px; display:block; float:left; height:30px; position:relative;}
.xcConfirm .popBox .ttBox .clsBtn{ display:block; cursor:pointer; width:12px; height:12px; position:absolute; top:22px; right:30px; background:url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{ margin:40px 100px; overflow:hidden;}
.xcConfirm .popBox .txtBox .bigIcon{ float:left; margin-right:20px; width:48px; height:48px; background-image:url(__PUBLIC__/Home/PC/images/icons.png); background-repeat:no-repeat; background-position:48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top:16px; line-height:26px; overflow-x:hidden; overflow-y:auto;}
.xcConfirm .popBox .btnArea{ border-top:solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{ float:right;}
.xcConfirm .popBox .btnGroup .sgBtn{ margin-top:14px; margin-right:10px;}
.xcConfirm .popBox .sgBtn{ display:block; cursor:pointer; float:left; width:95px; height:35px; line-height:35px; text-align:center; color:#FFFFFF; border-radius:5px;}
.xcConfirm .popBox .sgBtn.ok{ background-color:#1634c8; color:#FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{ background-color:#29752b; color:#FFFFFF;}
}
@media only screen and (max-width:768px){
#btn1{ cursor:pointer;}
.xcConfirm .xc_layer{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666666; opacity:0.5; z-index:2147000000;}
.xcConfirm .popBox{ position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); padding-bottom:20px; background-color:#ffffff; z-index:2147000001; width:90%; border-radius:5px; font-weight:bold; color:#535e66;}
.xcConfirm .popBox .ttBox{ text-align:center; padding:20px 15px;}
.xcConfirm .popBox .ttBox .tt{ font-size:18px; display:block; height:28px; position:relative;}
.xcConfirm .popBox .ttBox .clsBtn{ display:none;}
.xcConfirm .popBox .txtBox{ padding:20px; padding-top:0; text-align:center; overflow:hidden;}
.xcConfirm .popBox .txtBox .bigIcon{ display:none;}
.xcConfirm .popBox .txtBox p{ font-size:14px; line-height:24px;}
.xcConfirm .popBox .btnArea{ text-align:center;}
.xcConfirm .popBox .btnGroup .sgBtn{ text-align:center;}
.xcConfirm .popBox .sgBtn{ display:inline-block; margin:0 10px; cursor:pointer; text-align:center; font-size:14px; line-height:24px; color:#1634c8; font-variant:normal;}
.xcConfirm .popBox .sgBtn:nth-child(2){ color:#333;}
}

@media screen and (min-width:1280px){
.dlbox .right01{ width:100%; height:100%; box-sizing:border-box; padding:50px;}
.dlbox .right01 .w01{ width:100%; height:34px; position: relative;}
.dlbox .right01 .w01 b{ display:block; float:left; font-size:24px; line-height:34px;}
.dlbox .right01 .w01 a{ display:block; position:absolute; right:0; top:5px; font-size:14px; line-height:24px;}
.dlbox .right01 .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.dlbox .right01 .w01 a:hover{ color:#1634c8;}
.dlbox .right01 .xuan img{ max-width: 100%; max-height:420px; display:block; margin:auto; margin-bottom: 5px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.dlbox .right01{ width:100%; height:100%; box-sizing:border-box; padding:40px 5%;}
.dlbox .right01 .w01{ width:100%; height:32px; position: relative;}
.dlbox .right01 .w01 b{ display:block; float:left; font-size:22px; line-height:32px;}
.dlbox .right01 .w01 a{ display:block; position:absolute; right:0; top:4px; font-size:14px; line-height:24px;}
.dlbox .right01 .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.dlbox .right01 .w01 a:hover{ color:#1634c8;}
.dlbox .right01 .xuan img{ max-width: 100%; max-height:380px; display:block; margin:auto; margin-bottom: 5px;}
}
@media only screen and (max-width:1023px){
.dlbox .right01{ width:100%;}
.dlbox .right01 .w01{ width:100%; height:30px; position: relative;}
.dlbox .right01 .w01 b{ display:block; float:left; font-size:20px; line-height:30px;}
.dlbox .right01 .w01 a{ display:block; position:absolute; right:0; top:3px; font-size:14px; line-height:24px;}
.dlbox .right01 .w01 a img{ display:block; height:16px; margin:4px 10px; margin-left:0; float:left;}
.dlbox .right01 .w01 a:hover{ color:#1634c8;}
.dlbox .right01 .xuan img{ max-width: 100%; max-height:400px; display:block; margin:auto; margin-bottom: 5px;}
}


@media screen and (min-width:1280px){
.www{ width:100%; display:flex; justify-content:center; margin-top: 25px;}
.www .www01{ width:400px; height:40px; line-height:40px; border-radius:10px; background-color:#f1f1f1; padding:0 20px; display:block; overflow:hidden; }
.www .www02{ width:80px; height:40px; line-height:40px; border-radius:10px; background-color:#1634c8; text-align: center; cursor: pointer; color: #fff; display:block; overflow:hidden; margin-left: 10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.www{ width:100%; display:flex; justify-content:flex-end;}
.www .www01{ width:400px; height:40px; line-height:40px; border-radius:10px; background-color:#f1f1f1; padding:0 15px; display:block; overflow:hidden; }
.www .www02{ width:80px; height:40px; line-height:40px; border-radius:10px; background-color:#1634c8; text-align: center; cursor: pointer; color: #fff; display:block; overflow:hidden; margin-left: 10px;}
}
@media only screen and (max-width:1023px){
.www{ width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.www .www01{ min-width:400px; height:36px; line-height:36px; border-radius:5px; background-color:#f1f1f1; padding:0 10px; display:block; overflow:hidden; margin-top: 10px;}
.www .www02{ width:80px; height:36px; line-height:36px; border-radius:5px; background-color:#1634c8; text-align: center; cursor: pointer; color: #fff; display:block; overflow:hidden; margin-top: 10px;}
}

.paytype{
    display: flex;
    gap: 20px;
}
.paytype>div{
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 8px;
    box-sizing: border-box;
}
.paytype>.active{
    border: 1px solid #1634c8;
}