body {background: #004193 url(../images/main_bg.png) repeat-y; background-size: contain;}
/*---------------首页-------------------*/
.timegrab {float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #000; display: flex; white-space: nowrap; overflow-x: auto;}
.timegrab::-webkit-scrollbar {display: none;}
.timegrab span {padding: 0 10px; color: rgba(255,255,255,.5);}
.timegrab ul {width: 100%; flex: 1;}
.timegrab li {display: inline-table;}
.timegrab li.cur {background: #28bb18;}
.timegrab li span {width: 25px; padding: 0 10px; line-height: 20px;}
.timegrab li a {color: #fff; padding: 0 10px; display: block;}
.jieshu {width: 100%; z-index: 99999; text-align: center; top: 50px; position: absolute; overflow: hidden;}
.jieshu img {width: 60% !important;}
.home_banner {float: left; position: relative; width: 100%; overflow: hidden;}
.home_banner img {width: 100%;}
.home_banner .qishu {position: absolute; left: 15px; top: 0; width: 16%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.home_banner .qishu img {width: 100%;}
.home_banner .qishu span {position: absolute; top: 37%; margin-top: -10px; z-index: 1; color: #fff; font-size: 14px;}
.home_banner .title {position: absolute; top: 17.5%; left: 7%; width: 78%;}
.home_banner .title img {width: 100%;}
.home_banner .maibit {position: absolute; top: 3.4%; right: 1.6%; width: 70px; height: 70px; border-radius: 50%; background: #eb313a; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.home_banner .maibit:after {content: ""; position: absolute; left: 2px; top: 2px; width: 64px; height: 64px; border-radius: 50%; border: 1px dashed #fff; animation: roate 15s linear infinite; -webkit-animation: roate 15s linear infinite;}
.home_banner .maibit em {font-size: 12px; color: #fff;}
.home_banner .maibit span {font-size: 12px; color: #fff;}
.home_banner .maibit span i {font-size: 30px; font-family: arial; font-weight: bold;}
.home_banner .small_tit {position: absolute; z-index: 2; top: 45.28%; left: 20%; width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.home_banner .small_tit img {width: 100%;}
.home_banner .small_tit span {position: absolute; z-index: 2; top: 50%; height: 28px; margin-top: -15px; color: #fff; font-size: 12px;}
.home_banner .small_tit span p {height: 14px; line-height: 14px; font-style: italic; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.home_banner .small_pro {position: absolute; z-index: 1; top: 34.3%; left: 30%; width: 40%; animation: fadeInUp 5s linear infinite; -webkit-animation: fadeInUp 5s linear infinite;}
.home_banner .small_pro img {width: 100%;}
.home_banner .banner-earth {position: absolute; height: 100%; bottom: -55%; left: -120px; right: -120px; z-index: 3;}
.home_banner .banner-earth img {width: 100%; -webkit-animation: roate 500s linear infinite; animation: roate 500s linear infinite;}
.my_code {float: left; position: relative; z-index: 4; width: 100%; margin-top: -13%;}
.my_code img {width: 100%;}
.my_code span {position: absolute; z-index: 5; left: 38.13%; bottom: 11.11%; width: 23.74%; animation: shake 1.5s linear infinite; -webkit-animation: shake 1.5s linear infinite;}
.my_code span a {display: block;}
.my_code span img {width: 100%;}
.plane-box {position: absolute;	width: 205px; height: 130px; top: 130px; left: 50%;	margin-left: -103px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: plane 5s ease-in-out infinite;	animation: plane 5s ease-in-out infinite;}
.plane {position: absolute;	top: 0;	left: 0; width: 20px; height: 20px;	z-index: 2;	-webkit-transform: rotate(-60deg); transform: rotate(-60deg);}
.plane img {width: 100%; height: 100%;}
@-webkit-keyframes roate {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes roate {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes fadeInUp {
0% {-webkit-transform: translateY(0); transform: translateY(0);}
50% {-webkit-transform: translateY(5px); transform: translateY(5px);}
100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes fadeInUp {
0% {-webkit-transform: translateY(0); transform: translateY(0);}
50% {-webkit-transform: translateY(5px); transform: translateY(5px);}
100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes shake {
0 {transform: scale(1, 1);}
50% {transform: scale(1.1, 1.1);}
100% {transform: scale(1, 1);}
}
@keyframes shake {
0 {transform: scale(1, 1);}
50% {transform: scale(1.1, 1.1);}
100% {transform: scale(1, 1);}
}
@-webkit-keyframes plane {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1;}
100% {-webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: 0;}
}
@keyframes plane {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1;}
100% {-webkit-transform: rotate(120deg); transform: rotate(120deg); opacity: 0;}
}
@-webkit-keyframes light {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes light {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes bar_box {
0% {background-position: 0 0;}
100% {background-position: 60px 0;}
}
@-webkit-keyframes border {
0% {border: 2px solid rgba(41,136,255,.8);}
50% {box-shadow: 0 0 20px rgba(0,96,194,.7),0 0 20px rgba(0,96,194,.7) inset; border: 2px solid rgba(41,136,255,1);}
100% {border: 2px solid rgba(41,136,255,.8);}
}
.hd_jindu {float: left; width: 92%; margin: 4%; padding-bottom: 15px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; animation: border 2s linear infinite; -webkit-animation: border 2s linear infinite;}
.hd_jindu .title {position: relative; height: 60px; line-height: 60px; font-size: 20px; text-align: center; font-weight: bold; background: -webkit-linear-gradient(top,#73b8d9,#bdf8fc 50%,#73b8d9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden;}
.hd_jindu .title:before {content: ""; width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; background: url(../images/left_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.hd_jindu .title:after {content: ""; width: 30px; height: 30px; margin-left: 5px; vertical-align: middle; background: url(../images/right_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.hd_jindu .bar_box {width: 88%; height: 8px; border: 2px solid #002856; border-radius: 6px; margin-top: 25px; box-shadow: 0 0 5px rgba(0,167,255,.9) inset; background: #002855;}
.hd_jindu .bar_box span {float: left; position: relative; height: 100%; border-radius: 5px; box-shadow: 0 3px 0 rgba(255,255,255,.5) inset; background-color: #9fc238; background-size: 15px 15px; -webkit-transition: width .4s ease-in-out; background-image: linear-gradient(135deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-animation: bar_box 3s linear infinite; display: inline-block;}
.hd_jindu .bar_box span:after {content: ""; position: absolute; right: -5px; top: -6px; width: 30px; height: 30px; background: url(../images/light.png) no-repeat; background-size: 30px auto; animation: light 1s linear infinite; -webkit-animation: light 1s linear infinite;}
.hd_jindu .bar_box span .txt {position: absolute; top: -25px; right: -15px; line-height: 20px; color: #fff; font-size: 12px; display: inline-block;}
.hd_jindu .info {width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.hd_jindu .info .text {display: flex; font-size: 12px; color: #87d1f4; flex-direction: column; justify-content: center; align-items: center;}
.hd_jindu .info .text:last-child span:first-child {color: #ff0;}


.liucheng {float: left; width: 100%; margin-top: 10px; overflow: hidden;}
.liucheng .title {position: relative; height: 40px; line-height: 40px; font-size: 20px; text-align: center; font-weight: bold; background: -webkit-linear-gradient(top,#73b8d9,#bdf8fc 50%,#73b8d9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden;}
.liucheng .title:before {content: ""; width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; background: url(../images/left_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.liucheng .title:after {content: ""; width: 30px; height: 30px; margin-left: 5px; vertical-align: middle; background: url(../images/right_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.liucheng .pic {float: left; width: 100%; overflow: hidden;}
.liucheng .pic img {width: 100%;}


.spbanner {position: relative; float: left; width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.spbanner .title {position: relative; height: 60px; line-height: 60px; font-size: 20px; text-align: center; font-weight: bold; background: -webkit-linear-gradient(top,#73b8d9,#bdf8fc 50%,#73b8d9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden;}
.spbanner .title:before {content: ""; width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; background: url(../images/left_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.spbanner .title:after {content: ""; width: 30px; height: 30px; margin-left: 5px; vertical-align: middle; background: url(../images/right_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.spbox {width: 100%; position: relative; display: flex; align-items: center; justify-content: center;}
.spbox .swiper-wrapper {width: 100%;}
.spbox .swiper-pagination-bullet {background: rgba(255,255,255,.8);}
.spbox .swiper-pagination-bullet-active {background: #008cd6;}
.spbox .swiper-slide img {width: 100%;}
.spbox .swiper-pagination {height: 15px; bottom: 10px; padding: 0 10px; margin: auto; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.2); border-radius: 8px;}
.spbox .swiper-pagination-bullet {margin: 0 5px;}
.spbox .swiper-slide,.spbox .swiper-wrapper {height: auto !important;}
.spbox .swiper-pagination-bullet {width: 7px; height: 7px; border-radius: 50%;}

.guize {float: left; width: 100%; margin-top: 30px;}
.guize h1 {float: left; z-index: 1; margin-bottom: -25px; position: relative; width: 100%; text-align: center; overflow: hidden;}
.guize h1 img {width: 63.86%;}
.guize .gz_box {margin: 0 15px; padding-top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 350px; border-radius: 5px; background: rgba(0,0,0,.3); overflow: hidden; display: block; clear: both; -webkit-transition: height 1s;}
.guize .gz_box .title {float: left; padding: 0 20px; margin-top: 10px; line-height: 32px; height: 32px; overflow: hidden; display: block; clear: both;}
.guize .gz_box .title em {width: 20px; height: 20px; border-radius: 50%; line-height: 20px; font-size: 14px; color: #ffd96c; text-align: center; display: inline-block; background: #eb313a;}
.guize .gz_box .title span {color: #ff0; font-size: 14px; padding-left: 5px;}
.guize .gz_box .text {float: left; width: 100%; padding: 8px 20px; font-size: 12px; color: #fff; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.guize .gz_box .text b {font-style: normal; font-weight: bold;}
.guize .gz_box .text img {width: 100%; margin: 10px 0;}
.guize .gz_box .code {float: left; width: 100%; padding: 10px 0 0; text-align: center; overflow: hidden;}
.guize .gz_box .code img {width: 70%; margin: 10px 0 0;}
.guize .gz_box .kefu {float: left; width: 100%; line-height: 30px; text-align: center; font-size: 14px; padding-bottom: 20px; color: #fff; overflow: hidden;}

.smore {position: relative; width: 110px; text-align: center; margin: auto; height: 28px; line-height: 28px; overflow: hidden;}
.smore:after {position: absolute; content: ""; width: 77px; height: 0; left: 1px; top: 0; border-top: 28px solid rgba(0,0,0,.3); border-left: 16px solid transparent; border-right: 16px solid transparent; overflow: hidden;}
.smore span {position: absolute; left: 0; top: 0; height: 28px; z-index: 9; font-size: 12px; text-align: center; width: 100%;}
.smore span a {width: 100%; color: #22b2ff; display: block;}
.auto {height: auto !important;}
.up p {display: none;}
.down em {display: none;}

.zj_name {float: left; width: 100%; margin-top: 30px; overflow: hidden;}
.zj_name .topline {position: relative; margin: 0 12px; height: 10px; border-radius: 5px; background: #e7403e; display: block; clear: both;}
.zj_name .topline:after {content: ""; position: absolute; left: 8px; right: 8px; top: 2px; height: 6px; border-radius: 3px; background: #ae121a;}
.zj_name .content {position: relative; z-index: 1; margin: -5px 23px 10px; border-radius: 0 0 5px 5px; box-shadow: 0 0 10px #ff8288 inset; background: #ffd0d2; overflow: hidden; display: block; clear: both;}
.zj_name .content h1 {float: left; width: 100%; margin-top: 18px; text-align: center; overflow: hidden;}
.zj_name .content h1 img {width: 57%;}
.zj_name ul {float: left; width: 100%; padding: 15px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.zj_name li {float: left; width: 100%; height: 26px; line-height: 26px; overflow: hidden;}
.zj_name li:first-child {margin: 5px 0;}
.zj_name li:first-child span {color: #ff0; background: #eb313a;}
.zj_name li span {float: left; width: 18%; color: #ae121a; text-align: center; font-size: 12px; overflow: hidden;}
.zj_name li span:nth-child(3) {width: 28%;}
.zj_name .more_md {margin: 0 8px; border-top: 1px solid rgba(0,99,151,.5); color: #006397; font-size: 14px; text-align: center; line-height: 40px; overflow: hidden; display: block; clear: both;}
.zj_name .more_md a {color: #006397; display: block;}

.bangdan {float: left; width: 100%; margin-top: 30px; overflow: hidden;}
.bangdan .topline {position: relative; margin: 0 12px; height: 10px; border-radius: 5px; background: #3876da; display: block; clear: both;}
.bangdan .topline:after {content: ""; position: absolute; left: 8px; right: 8px; top: 2px; height: 6px; border-radius: 3px; background: #2b42cc;}
.bangdan .content {position: relative; z-index: 1; margin: -5px 23px 10px; border-radius: 0 0 5px 5px; box-shadow: 0 0 10px #3d55e3 inset; background: #5b8df3; overflow: hidden; display: block; clear: both;}
.bangdan .content h1 {float: left; width: 100%; margin-top: 18px; text-align: center; overflow: hidden;}
.bangdan .content h1 img {width: 57%;}
.bangdan ul {float: left; width: 100%; padding: 15px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.bangdan li {float: left; width: 100%; height: 26px; line-height: 26px; overflow: hidden;}
.bangdan li:first-child {margin: 5px 0;}
.bangdan li:first-child span {color: #ff0; background: #006397;}
.bangdan li span {float: left; width: 18%; color: #fff; text-align: center; font-size: 12px; overflow: hidden;}
.bangdan li span:nth-child(3) {width: 28%;}
.bangdan .more_md {margin: 0 8px; border-top: 1px solid rgba(0,99,151,.5); color: #006397; font-size: 14px; text-align: center; line-height: 40px; overflow: hidden; display: block; clear: both;}
.bangdan .more_md a {color: #006397; display: block;}

.tuijian {float: left; width: 100%; overflow: hidden;}
.tuijian .title {position: relative; height: 60px; line-height: 60px; font-size: 20px; text-align: center; font-weight: bold; background: -webkit-linear-gradient(top,#73b8d9,#bdf8fc 50%,#73b8d9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden;}
.tuijian .title:before {content: ""; width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; background: url(../images/left_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.tuijian .title:after {content: ""; width: 30px; height: 30px; margin-left: 5px; vertical-align: middle; background: url(../images/right_pic.png) no-repeat center; background-size: 20px auto; display: inline-block;}
.tuijian .pro_box {position: relative; min-height: 190px; display: flex; flex-direction: column;}
.tuijian .pro_box img {width: 100%;}
.tuijian .pro_box ul {position: absolute; top: 8px; left: 0; z-index: 1; width: 100%; padding: 0 5%; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-wrap: nowrap;}
.tuijian .pro_box ul li {float: left; width: 33.33%; padding: 0 2.6667%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column;}
.tuijian .pro_box ul li a {display: block;}
.tuijian .pro_box ul li .pic {width: 100%; padding: 0 1.3333%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tuijian .pro_box ul li .pic img {width: 100%;}
.tuijian .pro_box ul li .name {font-size: 14px; max-height: 40px; margin-top: 30px; color: #fff; text-align: center; line-height: 20px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tuijian .pro_box ul li .price {font-size: 12px; color: #ff0; line-height: 25px; text-align: center;}
.tuijian .pro_box ul li .price i {font-size: 16px;}

.copyright {width: 100%; position: relative; border-top: 1px dashed rgba(255,255,255,.3); display: flex; flex-direction: column; justify-content: center;}
.copyright .text {position: absolute; left: 0; top: 50%; width: 100%; margin-top: -15px; line-height: 30px; font-size: 12; color: #3890ff; text-align: center;}
.copyright img {width: 100%;}

.home_btn {z-index: 9999; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.home_btn span {width: 50%; padding: 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.home_btn span a {display: block;}
.home_btn span img {width: 100%;}

/*---------------返回顶部-------------------*/
.backToTop {z-index: 998; position: fixed; visibility: hidden; opacity: 0; bottom: 60px; right: 10px; width: 34px; height: 81px; transition: linear .5s;}
.backToTop img {width: 100%;}
.slow-show {visibility: visible; opacity: 1;}


.page {float: left; width: 100%; padding: 10px 0; text-align: center; overflow: hidden;}
.page span {height: 36px; line-height: 36px; margin: 2px; color: #6a2a14; font-size: 14px; border: 2px solid rgba(255,255,255,.9); background: -webkit-linear-gradient(top,#ffbe06,#e7aa00); border-radius: 20px; overflow: hidden; display: inline-block;}
.page span i {font-style: normal; padding: 0 30px;}
.page span a {padding: 0 15px; color: #6a2a14; display: block;}

/*---------------我的抽奖码-------------------*/
.pro_tai {float: left; width: 100%; margin-bottom: 20px; position: relative; overflow: hidden;}
.pro_tai img {width: 100%;}
.pro_tai img:first-child {position: absolute;}
.my_cjbox {margin: 0 15px 15px; min-height: 200px; padding-bottom: 20px; border-radius: 5px; color: #fff; background: #0079e2; overflow: hidden; display: block; clear: both;}
.my_cjbox h1 {float: left; width: 100%; text-align: center; line-height: 50px; font-size: 16px; font-weight: bold;}
.my_cjbox li {float: left; width: 33.33%; text-align: center; line-height: 25px; font-size: 12px; color: #fff; overflow: hidden;}
.my_btn {float: left; width: 100%; margin-top: 20px; text-align: center; overflow: hidden;}
.my_btn a {display: block;}
.my_btn img {width: 72%;}

/*---------------结算表单-------------------*/
.pro_form {position: relative; margin-top: 20px; display: flex; flex-direction: column; justify-content: center;}
.pro_form .top_bg {width: 100%;}
.pro_form .top_bg img {width: 100%;}
.pro_form .qishu {position: absolute; left: 42%; top: 0; width: 16%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pro_form .qishu img {width: 100%;}
.pro_form .qishu span {position: absolute; top: 37%; margin-top: -10px; z-index: 1; color: #fff; font-size: 14px;}
.pro_form .pro_box {padding-bottom: 10px; background: url(../images/tai_bg.png) repeat-y center top; background-size: contain; display: flex; flex-direction: column; align-items: center;}
.pro_form .pro_box .box {width: 79.2%; margin-top: 8%; padding: 4.8%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #1d7fda; border-radius: 5px; background: #166cb9;}
.pro_form .pro_box .box .pic {position: relative; display: flex; flex-direction: column; align-items: center;}
.pro_form .pro_box .box .pic img {width: 100%;}
.pro_form .pro_box .box .title {position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size: 16px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,.6);}
.pro_form .price {position: relative; display: flex; flex-direction: column; align-items: center;}
.pro_form .price span {position: absolute; top: 25%; height: 20%; line-height: 100%; font-size: 16px; color: #ff5043;}
.pro_form .price span i {font-size: 30px; font-weight: bold;}
.pro_form .price img {width: 100%;}
.pro_form .info_box {margin-top: -4px; padding-bottom: 10px; border-radius: 0 0 15px 15px; background: url(../images/info_bg.png) repeat-y center top; background-size: contain; display: flex; flex-direction: column; align-items: center;}
.pro_form .info_box .content {width: 92.14%; position: relative; margin-top: 3%; padding: 10px 10px 30px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #4193e5; display: flex; flex-direction: column; align-items: center;}
.pro_form .info_box .content:before {content: ""; position: absolute; left: 7px; bottom: 7px; width: 14px; height: 14px; background: url(../images/luosi.png) no-repeat; background-size: 14px auto;}
.pro_form .info_box .content:after {content: ""; position: absolute; right: 7px; bottom: 7px; width: 14px; height: 14px; background: url(../images/luosi.png) no-repeat; background-size: 14px auto;}
.pro_form .info_box .content .adv-opts {float: left; width: 100%; overflow: hidden;}
.pro_form .info_box .content .adv-opts h1 {float: left; width: 100%; line-height: 36px; text-indent: 12px; font-style: normal; font-weight: normal; font-size: 14px; text-align: left; color: #fff; overflow: hidden;}
.pro_form .info_box .content .adv-opts ul {padding: 0 12px; overflow: hidden;}
.pro_form .info_box .content .adv-opts li {float: left; line-height: 28px; cursor: pointer; font-size: 14px; border-radius: 3px; background: #166cb9; padding: 0 12px; margin: 0 10px 10px 0; color: #fff; overflow: hidden;}
.pro_form .info_box .content .adv-opts li.active {border: 1px solid #008cd6; background: #fdd98b; color: #ff5043;}
.pro_form .info_box .content .block-item {position: relative; float: left; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; overflow: hidden;}
.pro_form .info_box .content .block-item .pull-left {float: left; width: 100%; line-height: 29px; font-size: 14px;}
.pro_form .info_box .content .block-item .count {float: left; width: 100%; overflow: hidden;}
.pro_form .info_box .content .block-item .count span {float: left; margin-top: 5px; height: 35px; line-height: 35px; border-radius: 4px; background: #166cb9; display: inline-block; overflow: hidden;}
.pro_form .info_box .content .block-item .count span a {float: left; width: 50px; font-size: 19px; color: #fff; text-align: center; display: inline-block;}
.pro_form .info_box .content .block-item .count span input {float: left; width: 70px; height: 35px; border: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #318ce5; background: none; border-right: 1px solid #318ce5; font-size: 14px; color: #fff; text-align: center; margin: 0; padding: 0;}
.pro_form .info_box .content .sh_tit {position: relative; width: 98%; margin-top: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pro_form .info_box .content .sh_tit img {width: 100%;}
.pro_form .info_box .content .sh_tit span {position: absolute; top: 50%; left: 15%; height: 20px; margin-top: -10px; z-index: 1; color: #fff; font-size: 14px;}
.pro_form .info_box .content .sh_tit em {position: absolute; bottom: 0; right: 10%; height: 100%; line-height: 230%; margin-top: -10px; z-index: 1; color: #fff; background: #fa6163; font-size: 12px;}
.pro_form .info_box .content .sh_tit em a {padding: 0 10px; height: 100%; color: #fff; display: block;}
.pro_form .info_box .content .adress {float: left; width: 100%; padding: 0 3%; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/fk_mid_bg.png) repeat-y; background-size: 100% auto; overflow: hidden;}
.pro_form .info_box .content .adress li {float: left; width: 100%; margin-top: 10px; overflow: hidden;}
.pro_form .info_box .content .adress li span {float: left; width: 100%; line-height: 25px; font-size: 14px; color: #fff; overflow: hidden;}
.pro_form .info_box .content .adress li em {float: left; width: 100%; overflow: hidden;}
.pro_form .info_box .content .adress li em input {float: left; width: 100%; height: 35px; font-size: 14px; border: none; color: #56bae6; text-indent: 10px; border-radius: 5px; background: #166cb9; outline: none; overflow: hidden;}
.pro_form .info_box .content .adress li em input::-webkit-input-placeholder {color: #56bae6;}
.pro_form .jstotal {float: left; width: 100%; text-align: center; font-size: 16px; margin-top: 30px; color: #ffda44;}
.pro_form .tjdd_btn {float: left; width: 100%; margin: 15px 0; text-align: center; overflow: hidden;}
.pro_form .tjdd_btn a {display: block;}
.pro_form .tjdd_btn img {width: 76%;}