@charset "utf-8";

/* CSS Document */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
}

html {
    /*font-size:62.5%;*/
    min-height: 100%;
}

*::after,
*::before {
    box-sizing: border-box;
}


body {
    font-size: .26rem;
    background: #111a2e;
    line-height: .4rem;
}

ul,
li,
p,
a {
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a {
    color: #5b5b5b;
    outline: medium none;
}

img {
    vertical-align: middle;
    border: none;
}

img {
    width: 100%;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.text-center {
    text-align: center;
}

.clearfix::before,
.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


.color-yellow {
    color: #fb7b4e !important;
}

.img {
    width: 100%;
    vertical-align: middle;
}
.color-red {color:#f13b5b !important;}
.color-blue {color:#0078ff !important;}
.color-green {color:green !important;}
.color-gray {color:#999 !important;}
.pull-left {float:left !important;}
.pull-right {float:right !important;}
.margin-bottom-sm {margin-bottom:.3rem;}
.padding-top-sm {padding-top:.3rem !important;}
.padding-sm {padding:.3rem !important;}
.btn-gray {background:#eee !important;color:#666 !important;}

.main-box {position: relative;  max-width: 750px;  margin:auto;}
.banner {position: relative;}

.cpn-row {position:relative;display: flex;align-items: center;border-bottom:solid 1px #fff;padding:.1rem 0;}
.cpn-row:last-child {border:0}
.cpn-row label {width:2rem;padding:.15rem 0;}
.details-price {font-size:.35rem;color:#fc5738}

.contact-info {padding:.2rem .3rem;background:#fff;margin:.2rem .3rem 0;border-radius: .2rem;border:solid 2px #7dadf0}
.fill-input {flex:1;font-size:.26rem;color:#fff;background:none;border-radius: .1rem;padding:0 .2rem;text-align: right;}


.bottom-btn {display: flex;align-items: center;margin:.3rem .2rem;justify-content: center;}
.bottom-btn .btn {width: 50%;margin:auto; display: flex;align-items: center;justify-content: center;margin:0 .1rem;font-size:.32rem;color:#fff;background:linear-gradient(to right,#7ed5f8,#4170e8);height: .8rem;border-radius: .5rem;}
.bottom-btn .btn:nth-child(2) {background:linear-gradient(to bottom,#fe8368,#fe5752);}

.popup-icon {width: 2.5rem;display: block;margin:auto;}
.info-box {margin:0 .3rem .3rem;border:solid 1px #5aa2f5;padding:.1rem .3rem;border-radius: .1rem;background:linear-gradient(to bottom,#172853,#1d387a,#172853);color:#fff;}

.btn-yz {position: relative;right:.1rem;padding:0 .2rem;font-size:.24rem; display:inline-flex;align-items:center;justify-content:center;height:.5rem;background:linear-gradient(to bottom,#7fa3f7,#8949e9);color: #fff; text-align:center;border-radius:.4rem;}
.pic-yz {position: absolute;    right: 0;display: block;width:1.8rem;height:.6rem;text-align:center;z-index: 10;border:solid 1px #ddd;background:#fff;}
.pic-yz img {height: .6rem;}


.tips-box {padding:.3rem;color:#fff;}
.tips-title img {width: 2rem;}
.more-box{
    padding: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
		padding-bottom:.3rem;
}
.more-box .btn {
	margin-right:.1rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .25rem;
    /* background: linear-gradient(to bottom,#7fa3f7,#8949e9); */
    font-size: .24rem;
    color: #ccc;
}
.more-box.open .ico_arr {
    transform: rotate(180deg);
}
.ico_arr {
    width: .25rem;
    height: .14rem;
}




    /*弹窗*/
.popup .popup-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1000;filter: alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.popup .popup-info{position: fixed; top:50%;left:50%;width:80%; z-index: 1001;transform:translate(-50%,-50%);}
.popup-content {position:relative;width:100%;  margin:auto;background:#fff;border-radius: .1rem;}
.popup-title {font-size:.32rem;color:#333;text-align: center;padding-bottom:.2rem;margin-bottom:.2rem;color:#333;    font-weight:700;border-bottom:solid 1px #ddd;}
.popup-text {color:#666;}
.close-btn {position: absolute;bottom:-1rem;width: .6rem;height: .6rem;left:50%;margin-left:-.3rem;color:#fff;}
.close-btn2 {position: absolute; display: block;width:.6rem;height: .6rem;left:50%;margin-left:-.3rem;bottom:-.9rem;}
.popup-btn {display: flex;margin:.3rem auto 0;align-items: center;justify-content: center;height: .7rem;color:#fff;background:linear-gradient(to bottom,#fc8760,#ff4645);border-radius: .4rem;font-size:.3rem;}



.user-load {
	position: fixed;
	left: 50%;
	margin-left: -50px;
	top: 50%;
	margin-top: -65px;
	width: 100px;
	padding: 20px 10px;
	text-align: center;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 14px;
	z-index: 1003;
	border-radius: 5px;
}