body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-family: "Microsoft YaHei", STHeiti, Arial;}
table {border-collapse: collapse;border-spacing: 0;font-family: "Microsoft YaHei", STHeiti, Arial;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ul, ol, li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
input, textarea, select {*font-size: 100%;outline: 0;border: 0;}
a {text-decoration: none;}
button, textarea {outline: 0;border: 0;padding: 0;margin: 0;-webkit-appearance: none;}

.packageContainer{width: 100%;max-width: 750px;margin: auto;background: white;}
.packageCon{width: 100%;height: auto;border-top: 0.12rem solid #cccccc;margin: 0 auto 2rem;}

.packageHead{width: 6.54rem;/*height: 3.92rem;*/background-color: #ffffff;box-shadow: 0px 0px 0.08rem 0px #dddddd;border-radius: 0.08rem;margin: 0.39rem auto 0;overflow: hidden;}
.packageHead img{float: left;width: 100%;/*height: 1.21rem;*/}
.packageHead .packageHead_con{width: 6.06rem;height: 1.66rem;display: inline-block;margin: 0 auto;}
.packageHead .packageHead_con .title{width: 100%;height: 0.4rem;line-height: 0.4rem;font-size: 0.32rem;color: #333333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0.2rem auto 0;display: inline-block;font-weight: bold;}
.packageHead .packageHead_con .type{width: 100%;height: 0.4rem;line-height: 0.4rem;font-size: 0.24rem;color: #333333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.packageHead .packageHead_con .pro{float: left;width: 100%;height: 0.3rem;text-align: center;background-color: #cccccc;border-radius: 0.14rem;}
.packageHead .packageHead_con .pro span{float: left;height: 0.3rem;background-image: linear-gradient(270deg, #fa4d00 0%, #ffa200 100%);border-radius: 0.14rem;}
.packageHead .packageHead_con .pro span label{float: left;height: 0.3rem;width: 6.06rem;line-height: 0.34rem;text-align: center;font-size: 0.18rem;color: #ffffff;}
.packageHead_price{float: left;width: 100%;height: 0.59rem;background-color: #f8f8f8;padding: 0.24rem 0;}
.packageHead_price .price_con {float: left;width: auto;height: 0.6rem;margin-left: 0.24rem;}
.packageHead_price .price_con .price{float: left;width: auto;height: 0.36rem;line-height: 0.36rem;text-align: left;font-size: 0.36rem;font-weight: bold;color: #FA4F20;}
.packageHead_price .price_con .oldprice{float: left;width: auto;height: 0.24rem;line-height: 0.24rem;text-align: left;font-size: 0.24rem;font-weight: bold;color: #BBBBBB;text-decoration: line-through;}
.packageHead_price .zk{float: left;width: 1.12rem;height: 0.59rem;line-height: 0.59rem;background: #52872f;border-radius: 0.08rem;text-align: center;color: #a0f76c;font-size: 0.32rem;font-weight: bold;margin-left: 0.08rem;}
.packageHead_price a{float: right;width: 1.88rem;height: 0.58rem;line-height: 0.6rem;border-radius: 0.29rem;border: 0.02rem solid #fa4f20;text-align: center;color: #fa4f20;font-size: 0.22rem;margin-right: 0.24rem;cursor: pointer;display: none;}

.package_ul{width: 6.54rem;height: auto;margin: 0.48rem auto 0.68rem;display: inline-block;}
.package_num{float: left;width: 100%;height: 0.28rem;line-height: 0.28rem;font-size: 0.28rem;color: #333333;text-align: left;position: relative;margin-bottom: 0.04rem;font-weight: bold;}
.package_num:before{position: absolute;/* content: ""; */width: 0.08rem;height: 0.28rem;border-radius: 0.04rem;top: 0rem;left: 0rem;background-color: #ff3400;}

.package_li{float: left;width: 100%;height: 1.26rem;margin-top: 0.28rem;}
.package_li img{float: left;width: 2.5rem;height: 1.16rem;border-radius: 0.12rem;}
.package_li .package_li_r{float: left;width: 3.6rem;height: 1.26rem;margin-left: 0.2rem;}
.package_li .package_li_r .title{float: left;width: 100%;height: 0.3rem;line-height: 0.34rem;font-size: 0.28rem;color: #333333;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: bold;}
.package_li .package_li_r .etitle{float: left;width: 100%;height: 0.3rem;line-height: 0.3rem;font-size: 0.22rem;color: #999999;text-align: left;margin-top: 0.12rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.package_li .package_li_r .type{float: left;width: 100%;height: 0.22rem;line-height: 0.22rem;font-size: 0.2rem;color: #bbbbbb;text-align: left;margin-top: 0.07rem;text-overflow: ellipsis;white-space: nowrap;}
.package_li .package_li_r .price_con{float: left;width: 100%; height: 0.32rem;margin-top: 0.15rem;}
.package_li .package_li_r .price_con .price{float: left;width: auto;height: 0.32rem;line-height: 0.32rem;color: #fa4f20;font-size: 0.32rem;font-weight: bold;}
.package_li .package_li_r .price_con .oldprice{float: left;width: auto;height: 0.22rem;line-height: 0.22rem;color: #bbbbbb;font-size: 0.22rem;text-decoration: line-through;margin-left: 0.08rem;margin-top: 0.08rem;}

.packageBottom{margin: 0 auto;width: 7.5rem;height: 2.18rem;position: fixed;bottom: 0;left: 0;right: 0;background-image: linear-gradient(180deg, #fa4d00 0%, #ffa200 100%);border-radius: 0.24rem 0.24rem 0 0;}
.packageBottom .left{float: left;width: auto;height: 0.88rem;margin: 1.05rem 0 0 0.42rem;}
.packageBottom .left span{float: left;width: auto;height: 0.22rem;line-height: 0.22rem;font-size: 0.22rem;color: #ffffff;}
.packageBottom .left p{float: left;width: auto;height: 0.48rem;line-height: 0.48rem;font-size: 0.48rem;color: #ffffff;font-weight: bold;}
.packageBottom .right{float: right;width: 2.3rem;margin: 0.35rem 0.5rem 0 0;color: #ffffff;}
.packageBottom .right .zk{float: left;width: 100%;height: 0.22rem;line-height: 0.22rem;font-size: 0.22rem;text-align: right;}
.packageBottom .right .zk span{float: left;}
.packageBottom .right .zk_price{float: left;width: 100%;height: 0.22rem;line-height: 0.22rem;font-size: 0.22rem;text-align: right;margin-top: 0.07rem;}
.packageBottom .right .zk_price span{float: left;}
.packageBottom .right a{float: left;width: 2.28rem;height: 0.68rem;background-color: #ffffff;border-radius: 0.34rem;margin-top: 0.3rem;line-height: 0.68rem;color: #ffa229;font-size: 0.28rem;text-align: center;cursor: pointer;font-weight: bold;}

.item_login_body {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;right: 0;z-index: 9999;}
.item_login {background: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 999999;bottom: 0;width: 6.9rem;height: 11.8rem;border-radius: 0.36rem;margin: auto;}
.item_login form {float: left;width: 100%;height: auto;margin: 1.2rem auto 0;}
.close_login {width: 0.4rem;height: 0.4rem;float: right;position: absolute;left: 0.32rem;top: 0.32rem;cursor: pointer;}
.close_login img {height: 0.4rem;width: 0.4rem;float: left;margin: 0;vertical-align: bottom;}
.login-holder {font-size: 14px;}
.form-holder {float: left;width: 6.18rem;height: auto;margin: 0 0.36rem 0;padding: 0!important;background: unset!important;}
.closeLogin {width: 32px;height: 32px;float: right;position: absolute;left: 16px;}
.closeLogin img {height: 16px;width: 16px;float: left;margin: 8px;vertical-align: bottom;}
.fhLogo {text-align: left;padding-top: 1.4rem;line-height: 0.5rem;height: 0.5rem;padding-bottom: 0.5rem;}
.fhLogo span {color: #404040;font-weight: bold;font-size: 0.4rem;}
.fhLogo .logintab {float: right;width: 1.87rem;height: 0.46rem;background: rgba(245,245,245,1);border: 0.01rem solid rgba(225,225,225,1);border-radius: 0.23rem;}
.fhLogo .logintab a {float: left;width: auto;height: 0.47rem;line-height: 0.47rem;color: #6F6E6E;font-size: 0.26rem;padding: 0 0.1rem;cursor: pointer;}
.fhLogo .logintab a.toggleLogin {float: right;}
.fhLogo .logintab a.active {background: rgba(255,90,33,1);border: 0.04rem solid rgba(213,109,73,1);border-radius: 0.23rem;color: #FFFFFF;height: 0.39rem;line-height: 0.43rem;}
.inputText {width: 100%;height: 0.4rem;line-height: 0.4rem;color: #404040;font-size: 0.32rem;font-weight: bold;text-align: left;margin: 0.1rem 0;}
.inputDiv {width: 100%;margin: auto;height: 0.7rem;line-height: 40px;color: rgb(126, 126, 126);position: relative;border-bottom: 1px solid #F5F5F5;margin-bottom: 0.3rem;}
.inputTel span {width: 0.9rem;height: 0.7rem;line-height: 0.7rem;float: left;font-size: 0.28rem;}
.inputTel input {float: left;height: 0.7rem;line-height: 0.7rem;border: 0;outline: 0;color: rgb(126, 126, 126);box-sizing: content-box;font-size: 0.28rem;width: 4.1rem;}
.inputNum a {color: #979797;font-size:0.26rem;}
.sendsmsyzm {width: 1.8rem;height: 0.58rem;position: absolute;display: block;right: 0px;top: 0;color: #FF3600;font-size: 0.24rem;border: 0.02rem solid #FF3600;border-radius: 0.29rem;line-height: 0.6rem;}
.inputNum input {height: 0.7rem;line-height: 0.7rem;float: left;border: 0;outline: 0;padding-right: 0;color: rgb(126, 126, 126);box-sizing: content-box;width: 3rem;font-size: 0.28rem;}
.countback{float: right;padding-top: 12px;position: absolute;top: -15px;right: 0}
.form-submit-line input {width: 100%;height: 0.8rem;background: linear-gradient(26deg,rgba(255,72,0,1) 0%,rgba(255,120,0,1) 100%);border-radius: 0.4rem;line-height: 0.8rem;margin: 0.3rem auto 0.5rem;font-size: 0.3rem;color: #ffffff;}
.othersLogin {width: 88%;display: inline-block;text-align: center;}
.othersLogin p {width: 100%;margin: auto;height: 30px;display: block;line-height: 30px;font-size: 0.28rem;color: #4D4D4D;position: relative;}
.othersLogin p:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;width: 1.5rem;height: 0.01rem;background: #6c6c6c;margin: auto;}
.othersLogin p:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 1.5rem;height: 0.01rem;background: #6c6c6c;margin: auto;}
.othersLoginCon{display: table;width: auto;height: 1rem;margin: 0.2rem auto 0;}
.othersLoginCon a{float: left;width: 1.2rem;height: 1rem;}
.othersLoginCon a.toggleLogin,.othersLoginCon a.yzm_login{margin-left: 0.8rem;}
.othersLogin img {width: 0.29rem;height: auto;display: block;margin: 0 auto;}
.othersLogin .qq_login img{width: 0.36rem;}
.othersLoginCon a span {float: left;width: 100%;height: 0.3rem;line-height: 0.3rem;margin-top: 0.1rem;text-align: center;color: #6c6c6c;font-size: 0.26rem;}
.reFo {width: 100%;height: 30px;position: relative;bottom: -20px;}
.reFo a {text-decoration: none;height: 30px;line-height: 30px;font-size: 14px;color: rgb(126, 126, 126);float: left;}
.reFo a + a {float: right;}
.inputTel .num,.inputNum .pass{width: 70%;}
.yzm-errormark div{width: 20%;float: right;margin-top: 10px;}
.inputDiv .inputDiv-yzm {height: 50px;line-height: 50px;display: block;float: left;border: 0;outline: 0;padding-right: 70px;color: rgb(126, 126, 126);box-sizing: border-box;width: 75%;}
.iphonelogin,.passwordlogin{padding:10px;}
.phone_type{position: absolute;top: 35px;width: 120px;height: 87px;background: #fff;z-index: 1;border-radius: 8px;padding: 5px;border: 1px solid rgb(204, 204, 204);display: none;}
.phone_type.checked{display: block;}
.phone_type div{float: left;width: 100%;height: 25px;border-bottom: 1px solid rgb(204, 204, 204);padding-bottom: 5px;line-height: 25px;text-align: left;}
.phone_type div.checked{background: rgb(86, 162, 240);color: #fff;}
.phone_type div:nth-child(4){border-bottom:0;}
.phone_type div span{float: right;width: auto;height: 25px;line-height: 25px;}
#ystk{width: 100%;margin: auto;height: 0.3rem;display: block;line-height: 0.3rem;font-size: 0.25rem;color: #4D4D4D;margin-bottom:0.5rem;}
#ystk a{color:red;}