html,
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
body {
/*background-color:#f0f4f7;*/
}
.am-header {
height: 2.6rem;
line-height: 2.6rem;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
z-index: 1000;
width: 100%;
}
.am-header-default {
background-color: #ffa24b;
}
.am-header .am-header-nav img {
width: 3.2rem;
height: auto;
margin-left: 0.6rem;
}
.am-menu-offcanvas1 .am-menu-toggle {
top: 0;
position: absolute;
right: 0.4rem;
display: block;
width: 1.6rem;
height: 2.6rem;
line-height: 2.6rem;
text-align: center;
color: #3e3e3e;
}
.coop {
position: absolute;
top: 0.06rem;
left: 50%;
color: #fff;
font-size: 0.9rem;
font-weight: 500;
text-align: center;
width: 11.6rem;
margin-left: -5.8rem;
}
.am-menu .am-menu-toggle-icon {
color: #fff;
}
.am-icon-angle-left:before {
color: #fff;
display: block;
z-index: 999;
position: relative;
height: 2.6rem;
line-height: 2.6rem;
}
.am-menu-offcanvas1 .am-menu-nav>.am-parent>a:after {
top: 0.7rem;
}
.am-input-group-lg>.am-form-field,
.am-input-group-lg>.am-input-group-label,
.am-input-group-lg>.am-input-group-btn>.am-btn {
font-size: 1.4rem !important;
}
/*footer*/
.footer-menu-box {
position: fixed;
bottom: 0;
height: 3rem;
background: #fff;
z-index: 999;
width: 100%;
padding-top: 0.7rem;
}
.footer-menu-box::before {
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
border-top: 1px solid #e1e1e1;
}
.footer-menu-box .menu_box {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-box-align: center;
width: 100%;
height: 3rem;
}
.footer-menu-box .menu_box .menu_item {
text-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-bottom: 15px;
}
.footer-menu-box .menu_box .menu_item {
text-align: center;
}
.footer-menu-box .menu_box .menu_item a {
color: #38262d;
position: relative;
}
.footer-menu-box .menu_box .menu_item p.item_icon {
height: 2.8rem;
}
/*首页默认灰色图标*/
.menu_box .menu_item .item_icon {
display: inline-block;
height: 1.5rem;
width: 1.5rem;
background: url(../images/index.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .icon2 {
background: url(../images/order.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .icon3 {
background: url(../images/kf.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .icon4 {
background: url(../images/wo.png) no-repeat center center;
background-size: 100% 100%;
}
/*首页选中橘色图标div加类名cur*/
.menu_box .menu_item.cur .item_icon,
.menu_box .menu_item .item_icon:hover {
background: url(../images/indexcur.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item.cur .icon2,
.menu_box .menu_item .icon2:hover {
background: url(../images/orderon.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item.cur .icon3,
.menu_box .menu_item .icon3:hover {
background: url(../images/kfon.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item.cur .icon4,
.menu_box .menu_item .icon4:hover {
background: url(../images/woon.png) no-repeat center center;
background-size: 100% 100%;
}
.menu_box .menu_item .item_txt {
color: #242424;
position: relative;
bottom: 0.3rem;
font-size: 0.7rem;
}
.menu_box .menu_item.cur .item_txt,
.menu_box .menu_item:hover .item_txt {
color: #ff7b00;
}
.likeIcon {
display: inline-block;
width: 1.4rem;
height: 1.3rem;
font-weight: normal;
background: url(../images/like_03.png) no-repeat center center;
background-size: 100% 100%;
position: relative;
top: 0.25rem;
left: -0.4rem;
}
.likeIcon.likeOn {
background: url(../images/likecur_03.png) no-repeat center center;
background-size: 100% 100%;
}
.kfIcon {
display: inline-block;
width: 1.4rem;
height: 1.3rem;
font-weight: normal;
background: url(../images/like_06.png) no-repeat center center;
background-size: 100% 100%;
position: relative;
top: 0.25rem;
left: -0.4rem;
}
.booknow .am-btn {
margin-right: 0.8rem;
}
.countRight .am-btn {
width: 6.5rem;
height: 2.4rem;
line-height: 2.4rem;
color: #fff;
font-size: 1rem;
padding: 0;
border-radius: 0.4rem;
background-color: #ffa800;
border: none;
}
.am-btn-warning:hover,
.am-btn-warning:focus {
background-color: #ffa800;
border: none;
}
.orderTopbg {
margin-top: 2.6rem;
width: 100%;
height: 10.6rem;
background: url(../images/orderbg.png) no-repeat center center;
background-size: 100% 100%;
}
.orderInbox {
margin: 1rem 1rem 1.1rem;
background-color: #fff;
border-radius: 0.4rem;
box-shadow: 0.01rem 0.001rem 0.1rem #d9d9d9;
position: relative;
top: 1rem;
padding: 0.6rem 0.8rem;
font-size: 0.8rem;
}
.orderInbox>h6 {
font-size: 0.9rem;
}
.orderInbox .spbh {
color: #999;
}
.manType hr {
margin: 0 15px 10px;
}
.priceDdtail {
margin: 0 0.8rem;
top: -0.2rem;
position: relative;
}
.xctime {
font-size: 0.7rem;
color: #898989;
height: 0.6rem;
}
.xcman {
font-size: 0.7rem;
color: #898989;
}
.totalPrice {
font-size: 1.4rem;
color: #ff6600;
margin-left: 0.6rem;
font-weight: 600;
}
.totalPrice i {
font-size: 0.8rem;
color: #333;
display: inline-block;
}
.totalPrice .hb {
font-size: 0.7rem;
display: inline-block;
position: relative;
top: 0.1rem;
}
.countRight .am-btn {
width: 6.5rem;
height: 2.4rem;
line-height: 2.4rem;
color: #fff;
font-size: 1rem;
padding: 0;
border-radius: 0.4rem;
background-color: #ffa800;
border: none;
}
.am-btn-warning:hover,
.am-btn-warning:focus {
background-color: #ffa800;
border: none;
}
.chooseMan .reduce {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
font-weight: normal;
background: url(../images/plus_03.png) no-repeat center center;
background-size: 100% 100%;
}
.chooseMan .plus {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
font-weight: normal;
background: url(../images/plus_05.png) no-repeat center center;
background-size: 100% 100%;
}
.chooseMan .chooseNum {
display: inline-block;
height: 1.2rem;
line-height: 1.2rem;
position: relative;
bottom: 0.2rem;
font-size: 1rem;
margin: 0 0.2rem;
font-weight: normal;
}
.manName {
font-size: 0.9rem;
height: 1.26rem;
}
.chooseMan {
height: 1.2rem;
position: relative;
top: 0.1rem;
}
.manbox {
margin: 0.4rem 0 0.2rem;
}
.manPrice {
margin-left: -4px;
color: #ff6600;
font-size: 0.76rem;
}
.manPrice label {
font-size: 0.4rem;
position: relative;
top: 0.1rem;
left: 0.2rem;
}
.yw {
color: #727272;
font-size: 0.7rem;
margin-top: 0.2rem;
}
.manType {
margin-top: 0.6rem;
}
.manType hr {
margin: 0 15px 10px;
}
.priceDdtail {
margin: 0 0.8rem;
top: -0.2rem;
position: relative;
}
.manType hr {
margin: 0;
}
.orderInbox hr {
margin: 10px 0;
}
.am-form-group {
font-size: 0.8rem;
position: relative;
}
#doc-vld-name,
#doc-vld-528,
#togeterman-name,
#togeterman-tel {
font-size: 0.8rem;
border-radius: 0.2rem;
width: 72%;
}
.concactbox .am-close,
.tourwith .am-close {
position: absolute;
right: 0.5rem;
top: 0.46rem;
width: 1rem;
line-height: 1rem;
}
.concactbox {
margin-top: 8.4rem;
padding-bottom: 0;
}
.togeterman {
margin-top: 1.4rem;
}
.am-form-group label {
position: relative;
top: 0.35rem;
font-size: 0.86rem;
font-weight: normal;
}
.togeterman .tour1 {
width: 4rem;
height: 1.2rem;
line-height: 1.2rem;
text-align: center;
color: #fff;
background-color: #eec744;
border-radius: 1.6rem;
font-size: 0.7rem;
margin: 0.8rem 0 1rem;
}
.am-form select,
.am-form textarea,
.am-form input[type="text"],
.am-form input[type="password"],
.am-form input[type="datetime"],
.am-form input[type="datetime-local"],
.am-form input[type="date"],
.am-form input[type="month"],
.am-form input[type="time"],
.am-form input[type="week"],
.am-form input[type="number"],
.am-form input[type="email"],
.am-form input[type="url"],
.am-form input[type="search"],
.am-form input[type="tel"],
.am-form input[type="color"],
.am-form-field {
font-size: 0.8rem;
border-radius: 0.2rem;
width: 76%;
}
.contactwith {
margin-top: 0.8rem;
}
.insuranceBox p {
height: 2.5rem;
line-height: 2.5rem;
color: #ff6600;
background-color: #fcf8ef;
padding-left: 2.6rem;
margin-top: 3rem;
font-size: 0.9rem;
}
.insuranceBox {
position: relative;
}
.insuranceBox .safeIcon {
display: inline-block;
width: 1.06rem;
height: 1.2rem;
background: url(../images/baoxian.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
left: 5%;
top: 0.6rem;
}
.insurancetype {
font-size: 0.8rem;
padding: 0 1rem;
height: 2.6rem;
line-height: 2.6rem;
background-color: #fff;
margin-bottom: 1rem;
}
.insurancetype label {
font-weight: 600;
}
.insurancetype .tick {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
background: url(../images/tick_03.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
right: -0.1rem;
top: 0.7rem;
}
.insurancetype .tick.untick {
background: url(../images/untick_03.png) no-repeat center center;
background-size: 100% 100%;
}
.insurancetype .safecost {
position: relative;
padding-right: 1.5rem;
font-size: 0.86rem;
}
.conpusbox {
padding: 0 1rem;
height: 2.6rem;
line-height: 2.6rem;
background-color: #fff;
font-size: 0.9rem;
margin-bottom: 0;
}
.conpusbox .conpus-left {
font-weight: 600;
}
/*.am-icon-angle-right:before {*/
/*color: #5e5e5e;*/
/*font-weight: normal;*/
/*margin-right: 0.6rem;*/
/*margin-top: 0.2rem;*/
/*font-size: 30px;*/
/*position: relative;*/
/*right: -7px;*/
/*top: 3px;*/
/*}*/
.agreement span {
font-size: 0.7rem;
}
.agreement {
position: relative;
}
.agreement .am-ucheck-icons {
font-size: 1rem;
display: inline-block;
position: absolute;
left: 1.6rem;
top: 0.4rem;
}
.agreement span {
font-size: 0.65rem;
padding-left: 1.4rem;
}
.agreement .readagree label {
color: #009cff;
}
label.am-checkbox,
label.am-radio {
display: inline-block;
}
.conpusUpBox {
width: 100%;
background-color: #f5f5f5;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
font-size: 0.8rem;
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem;
}
.choosetit {
text-align: center;
height: 2.4rem;
line-height: 2.4rem;
font-size: 0.9rem;
background-color: #fff;
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem;
}
.am-close {
position: absolute;
top: 2.2%;
right: 3%;
font-size: 32px;
}
.conpusBotCont {
margin-bottom: 5%;
}
.conpusBotCont .canuse {
margin: 0.5rem 1rem;
font-size: 0.86rem;
}
.conpusbg {
width: 19rem;
height: 6.2rem;
background: url(../images/conpusbg_03.png) no-repeat center center;
background-size: 100% 100%;
margin: 0 auto 3%;
}
.pricekou {
color: #fff;
}
.pricekou .conpusprice {
font-size: 2.4rem;
width: 6rem;
margin-left: 0.7rem;
height: 3.2rem;
margin-top: 0.3rem;
}
.pricekou .conpusprice label {
font-size: 1.2rem;
}
.pricekou .quan {
margin-left: 1.5rem;
font-size: 0.9rem;
}
.conpusbg .newusr {
font-size: 0.9rem;
font-weight: 600;
}
.conpusbg .newusr>b {
display: inline-block;
font-size: 0.7rem;
width: 2.6rem;
height: 1.1rem;
background-color: #f82a5e;
border-radius: 0.26rem;
color: #fff;
text-align: center;
margin-left: 0.3em;
}
.conpusbg .userFont {
margin-top: 6%;
position: relative;
}
.userFont .valid {
color: #999;
font-size: 0.7rem;
}
.userFont .getprice {
color: #999;
font-size: 0.75rem;
}
.userFont .tick {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
background: url(../images/tick_03.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
right: -1.8rem;
top: 1.2rem;
}
.userFont .tick.untick {
background: url(../images/untick_03.png) no-repeat center center;
background-size: 100% 100%;
}
.btn {
width: 90%;
height: 2.4rem;
line-height: 2.4rem;
text-align: center;
font-size: 1rem;
color: #fff;
background-color: #ffa800;
border-radius: 1.2rem;
cursor: pointer;
box-shadow: 0 0.03rem 0.14rem #e59f18;
margin: 0 auto;
margin-bottom: 6%;
}
.btn:hover {
opacity: 0.8;
}
.conpusBotCont .noquan {
text-align: center;
margin: 3rem 0;
font-size: 0.86rem;
}
.readagreemenBox .choosetit {
padding: 0;
background-color: #ffa24b;
color: #fff;
border-top-left-radius: 0.4rem;
border-top-right-radius: 0.4rem;
}
.am-modal-no-btn .am-modal-dialog {
border-radius: 0.4rem;
}
.readagreemenBox .am-close {
color: #fff;
text-shadow: none;
opacity: 1;
}
.am-modal-dialog {
width: 18.6rem;
margin-left: -0.4rem;
}
.readagreemenBox .am-close {
position: absolute;
top: 8px;
right: 8px;
}
.readagreemenBox .agreetit {
font-size: 0.9rem;
text-align: left;
}
.readagreemenBox .agreetit {
font-size: 0.9em;
text-align: left;
padding-left: 0.4rem;
height: 1.6rem;
margin-top: 0.6rem;
color: #333;
}
.readagreemenBox .agreetit label {
width: 5px;
height: 20px;
background-color: #ffca00;
margin-right: 10px;
}
.agreeUl {
font-size: 0.8rem;
text-align: left;
padding-left: 0.4rem;
color: #5f5f5f;
}
.readagreemenBox .am-modal-bd {
height: 20rem;
overflow-y: auto;
}
/*——————————领券中心页面样式————————————*/
.quanCenterBox {
position: relative;
top: 4rem;
}
.quanCenterBox .getprice {
font-size: 0.86rem;
height: 1.6rem;
border-bottom: dashed 1px #dcdcdc;
width: 11rem;
margin-bottom: 0.4rem;
}
.quanCenterBox .newusr {
font-size: 1rem;
height: 1.4rem;
}
.quanCenterBox .nowget {
font-size: 0.8rem;
width: 4.5rem;
height: 1.5rem;
background-color: #f76357;
color: #fff;
display: block;
text-align: center;
line-height: 1.5rem;
border-radius: 0.2rem;
}
.quanCenterBox .userFont {
margin-top: 3%;
}
.quanCenterBox .nowget:hover {
opacity: 0.9;
}
.quanCenterBox .conpusprice {
width: 6rem;
margin-left: 0.7rem;
height: 2.4rem;
margin-top: 0.8rem;
font-size: 1.7rem;
}
.morequan {
margin-top: 100px;
text-align: center;
color: #898989;
}
/*——————————404页面样式————————————*/
.pic404 {
width: 21.3rem;
height: 21rem;
margin-top: 3.6rem;
}
.picerro {
height: 17rem;
}
.pic404 img {
display: block;
width: 100%;
height: 100%;
}
.erro {
text-align: center;
color: #898989;
font-size: 0.9rem;
margin-bottom: 8%;
}
.retrunbtn {
width: 8rem;
}
/*——————————我的卡包页面样式————————————*/
.vipcardbg {
width: 19rem;
height: 6rem;
background: url(../images/yc.png) no-repeat center center;
background-size: 100% 100%;
margin: 0 auto;
color: #fff;
font-size: 0.9rem;
margin-bottom: 4%;
}
.greeCard {
background: url(../images/gc.png) no-repeat center center;
background-size: 100% 100%;
}
.blackCard {
background: url(../images/bc.png) no-repeat center center;
background-size: 100% 100%;
}
.carfont {
padding-top: 6%;
padding-left: 10%;
}
.carfont .vipname {
font-size: 1rem;
}
.ssbox {
margin: 1rem 0;
}
.ycardBox {
margin-top: 3rem;
}
.mycardBox {
top: 6.8rem;
}
.am-input-group-primary .am-input-group-label,
.am-input-group-primary .am-input-group-btn>.am-btn,
.am-input-group-primary.am-input-group .am-form-field {
border-color: #fff;
}
.am-btn-primary {
background-color: #ffa24b;
}
.am-input-group-lg>.am-form-field {
width: 100% !important;
}
.am-input-group-lg>.am-form-field,
.am-input-group-lg>.am-input-group-label,
.am-input-group-lg>.am-input-group-btn>.am-btn {
font-size: 0.9rem !important;
padding-left: 0.9rem;
width: 3rem;
}
.am-btn:focus,
.am-btn:active:focus {
outline: none;
}
.forpassBox {
margin-top: 4rem;
}
#doc-vld-pwd,
#doc-vld-tel3,
#doc-vld-name3 {
font-size: 0.8rem;
border-radius: 0.2rem;
width: 77%;
}
.forpassBox {
padding: 0.6rem;
margin: 4rem 0;
border-radius: 0;
}
.yzmbox {
position: relative;
}
.getyzm {
position: absolute;
right: 0.4rem;
top: 0.35rem;
font-size: 0.78rem;
color: #f6a200;
}
.getyzm>i {
width: 1px;
height: 24px;
background-color: #e5e5e5;
position: absolute;
right: 86px;
top: 0;
}
.passtip {
font-size: 0.72rem;
color: #9a9999;
margin-top: 0.6rem;
}
.errotip {
font-size: 0.72rem;
color: #dd514c;
text-align: center;
position: relative;
top: -0.8rem;
left: -1rem;
}
.tips {
background-color: #000;
opacity: 0.5;
font-size: 0.78rem;
text-align: center;
color: #fff;
border-radius: 0.1rem;
height: 1.8rem;
line-height: 1.8rem;
/*width: 9rem;*/
margin: 0.8rem auto;
display: none;
}
/*——————————密码面样式————————————*/
#doc-old-pass1,
#doc-new-pass1,
#new-confirm-pss1 {
font-size: 0.8rem;
border-radius: 0.2rem;
width: 77%;
height: 2.1rem;
line-height: 2.1rem;
}
.pssboxwrap {
position: relative;
}
.pssboxwrap .am-close {
position: absolute;
right: 0.5rem;
top: 0.5rem;
width: 1rem;
line-height: 1rem;
}
/*——————————个人信息样式————————————*/
.userbox {
margin-top: 3.5rem;
background: #fff;
height: 4rem;
}
.centerInfoBox {
padding: 0.6rem;
margin: 0 0 4rem;
border-radius: 0;
}
.logoinfo {
position: relative;
}
.logoinfo .userlogo {
display: inline-block;
width: 3rem;
height: 3rem;
background-size: 100% 100%;
position: absolute;
left: 6%;
top: 15%;
background: url(../images/kutx_03.png) no-repeat center center;
background-size: 100% 100%;
}
.usernamebox {
padding-left: 4.2rem;
height: 2.5rem;
line-height: 2.5rem;
color: #717171;
display: inline-block;
}
.usernamebox .username {
height: 1.3rem;
}
.changefont {
position: relative;
top: 0.78rem;
right: 0.3rem;
font-size: 0.9rem;
}
#personame,
#persotel,
#personid,
#personaddr {
font-size: 0.8rem;
border-radius: 0.2rem;
width: 80%;
height: 2.1rem;
line-height: 2.1rem;
}
.ridio1box {
position: relative;
}
.ridio1box .ridio1 {
position: absolute;
left: 20%;
margin: 0;
}
.ridio1box .ridio2 {
position: absolute;
left: 50%;
margin: 0;
}
/*——————————我的会员卡样式————————————*/
.vipcardbox {
width: 90%;
height: 10rem;
background: url(../images/vipcardbg.png) no-repeat center center;
background-size: 100% 100%;
margin: 0 auto;
color: #333;
font-size: 0.9rem;
margin-bottom: 4%;
}
.cardinfo {
padding-top: 1.4rem;
padding-left: 1rem;
}
.cardinfo .coopname {
font-weight: 600;
}
.vipcardBox {
background-color: #fff;
height: 15rem;
padding-top: 3.6rem;
}
.vipcardsave {
width: 65%;
margin: 14% auto 0;
}
.vipinfobox .comsdp i {
background: url(../images/khdp.png) no-repeat center center;
background-size: 100% 100%;
}
.vipinfobox {
position: relative;
border-bottom: solid 1px #f5f5f5;
}
.vipinfobox i {
display: inline-block;
width: 1.3rem;
height: 1.3rem;
background: url(../images/xcgy.png) no-repeat center center;
background-size: 100% 100%;
position: absolute;
left: 3%;
top: 24%;
}
.vipinfobox i.hyxx {
background: url(../images/hyxx.png) no-repeat center center;
background-size: 100% 100%;
}
.vipinfobox i.hyqy {
background: url(../images/hyqy.png) no-repeat center center;
background-size: 100% 100%;
}
.vipinfobox i.czmx {
background: url(../images/czmx.png) no-repeat center center;
background-size: 100% 100%;
}
.vipinfobox i.jfmx {
background: url(../images/jfmx.png) no-repeat center center;
background-size: 100% 100%;
}
.vipinfobox i.jyjl {
background: url(../images/jyjl.png) no-repeat center center;
background-size: 100% 100%;
}
.vipinfobox h6 {
padding-left: 2.3rem;
font-weight: 500;
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.9rem;
}
.vipinfobox .am-icon-angle-right:before {
font-size: 1.6rem;
color: #5e5e5e;
font-weight: normal;
margin-right: 1rem;
margin-top: 0.4rem;
}
.vipboxwrap {
margin-top: 1.2rem;
padding: 0 0.8rem;
background-color: #fff;
}
/*——————————个人中心页面样式————————————*/
.am-btn-primary:hover,
.am-btn-primary:focus {
background-color: #ffa24b;
}
.myTopbg {
width: 100%;
height: 10.2rem;
background: url(../images/mybg.png) no-repeat center center;
background-size: 100% 100%;
}
.myhead {
/*background: transparent;*/
/*border-bottom: none;*/
}
.pinglunbox {
position: relative;
background-color: #fff;
top: 3.8rem;
margin: 0 1rem;
border-radius: 0.4rem;
}
.dctx i {
display: inline-block;
width: 2.8rem;
height: 2.8rem;
background-size: 100% 100%;
position: absolute;
left: 10%;
top: 24%;
background: url(../images/kutx_03.png) no-repeat center center;
background-size: 100% 100%;
}
.dctx h6 {
padding-left: 4rem;
font-weight: 500;
height: 2.5rem;
line-height: 2.5rem;
margin-top: 1.2rem;
font-size: 1rem;
}
.dctx {
position: relative;
}
.zhye {
font-size: 0.9rem;
}
.zhye>p {
margin-top: 1.4rem;
margin-right: 0.8rem;
}
.zhye label {
color: #ff2400;
}
.mycenterbox {
padding: 1.3rem 1rem 0.5rem;
}
.am-thumbnails .typeIcon {
width: 2rem;
height: 1.7rem;
display: inline-block;
}
.am-thumbnails .typeIcon.mycollection {
background: url("../images/my_09.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.myorder {
width: 2.3rem;
background: url("../images/my_03.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.mpconpus {
background: url("../images/my_06.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.mycard {
background: url("../images/my_20.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.hyjf {
background: url("../images/my_15.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.zhcz {
background: url("../images/my_17.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.szmx {
background: url("../images/my_32.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.txjl {
background: url("../images/my_29.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.zfmm {
background: url("../images/my_26.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.grxx {
background: url("../images/my_39.png") no-repeat center top;
background-size: 100% 100%;
}
.am-thumbnails .typeIcon.lxkf {
background: url("../images/my_37.png") no-repeat center top;
background-size: 100% 100%;
}
.mycenterbox .am-thumbnails>li {
padding: 1.6rem 0 0.6em;
text-align: center;
font-size: 0.86rem;
}
.mySercice {
background-color: #fff;
margin: 4rem 1rem 1rem;
border-radius: 0.4rem;
}
.mySercice>p {
padding: 0.8rem 1rem 0.2rem;
}
.sevicebox {
padding-bottom: 1rem;
padding-top: 0;
}
.mySercice .am-thumbnails>li {
padding-top: 0.8rem;
}
.am-menu {
position: static;
}
.am-input-group-primary .am-input-group-label,
.am-input-group-primary .am-input-group-btn>.am-btn,
.am-input-group-primary.am-input-group .am-form-field {
border-color: #ffa24b;
}
.am-input-group-lg>.am-form-field,
.am-input-group-lg>.am-input-group-label,
.am-input-group-lg>.am-input-group-btn>.am-btn {
height: 2.3rem;
}
.tabWrap {
background-color: #fff;
position: relative;
z-index: 999;
}
/*.am-dropdown-content{*/
/*border:none;*/
/*}*/
.navbar .am-dropdown-content {
border-bottom: 1px solid #f5f5f5;
background-color: #fff;
margin: 0;
border-radius: 0.2rem;
width: 100%;
}
.tabnav {
margin: 10px 0;
}
.navbar {
margin-left: 0.6em;
}
.am-tabs-default>.firstNav {
background: none;
border-bottom: solid 1px #f5f5f5;
}
.am-tabs-default>.firstNav a {
color: #2f2f2f;
height: 2.1rem;
position: relative;
top: -0.65rem;
line-height: 2.1rem;
font-size: 1rem;
}
.am-tabs-default>.firstNav>.am-active {
height: 2.1rem;
border-bottom: solid 0.3rem #ffa24b;
}
.am-tabs-default>.firstNav>.am-active a {
color: #ffa24b;
background: none;
}
.tabWrap .am-tabs-bd {
border: none;
}
.search {
padding-bottom: 0.6rem;
margin-bottom: 0.8rem;
}
.search .am-input-group-primary .am-input-group-label,
.search .am-input-group-primary .am-input-group-btn>.am-btn,
.search .am-input-group-primary.am-input-group .am-form-field {
border-color: #ffcc00;
}
.search .am-btn-primary {
background-color: #ffcc00;
}
.search .am-btn {
padding: 0.4rem 1.2rem;
font-size: 0.9rem;
}
.tabtopbox .am-tabs-default .am-tabs-nav {
background-color: #fff;
border-radius: 0.2rem;
border: solid 1px #eee;
overflow: hidden;
border-right: none;
}
.tabtopbox ul.am-tabs-nav>li {
position: relative;
}
.tabtopbox .am-tabs-default .am-tabs-nav a {
border-right: solid 1px #eee;
line-height: 2rem;
font-size: 0.86rem;
}
.tabtopbox .redtip {
display: inline-block;
width: 0.9rem;
height: 0.9rem;
line-height: 0.9rem;
text-align: center;
background-color: #f9295a;
color: #fff;
border-radius: 50%;
position: absolute;
right: 0.1rem;
top: 0;
font-size: 0.78rem;
}
.tabtopbox ul.am-tabs-nav>li {
position: relative;
}
.tabtopbox .am-tabs-default .am-tabs-nav>.am-active a {
border-right: solid 1px #eee;
background-color: #ffa24b;
color: #fff;
}
.tabtopbox .am-tabs-bd {
border: none;
}
[data-am-widget='tabs'] {
margin: 0;
}
.am-form-success .am-form-field,
.am-field-valid {
border-color: #ffa24b !important;
}
.am-form-success .am-form-help,
.am-form-success .am-form-label,
.am-form-success .am-radio,
.am-form-success .am-checkbox,
.am-form-success .am-radio-inline,
.am-form-success .am-checkbox-inline,
.am-form-success label {
color: #ffa24b;
}
.selectbox .am-selected-btn {
font-size: 1rem;
}
.selectbox .am-selected {
margin-left: 1.5rem;
margin-bottom: 1rem;
}
.selectbox label {
color: #333;
font-weight: normal;
height: 2.1rem;
line-height: 2.1rem;
}
.am-selected-list .am-selected-text {
font-size: 1rem;
}
.am-form-success [class*="icon-"] {
color: #ffa24b;
}
.am-ucheck-checkbox:checked+.am-ucheck-icons,
.am-ucheck-radio:checked+.am-ucheck-icons {
color: #999;
}
.am-ucheck-icons {
font-size: 20px;
}
.am-form textarea,
.am-form select[multiple],
.am-form select[size] {
font-size: 0.86rem;
height: 6rem;
border-radius: 0.3rem;
background-color: #f5f4f4;
border: solid 1px #eee;
width: 100%;
}
.am-form-file .am-btn {
font-size: 0.86rem;
margin-left: 0.8rem;
}
.am-form-file .am-btn-danger {
color: #fff;
background-color: #ffa24b;
border-color: #ffa24b;
}
.am-form-file.am-form-success [class*="icon-"] {
color: #fff;
}
.am-selected-list li.am-checked .am-icon-check {
opacity: 1;
color: #ffa24b;
}
.am-btn-default:active,
.am-btn-default.am-active,
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle {
background-color: #fff1e4;
border-color: #fff1e4;
}
img.am-thumbnail,
.am-thumbnail>img,
.am-thumbnail a>img {
border-radius: 0.4rem;
border: none;
}
.am-thumbnail {
margin-bottom: 0.8rem;
margin: 0;
}
.picbox2 .am-thumbnails>li {
height: 8.6rem;
padding: 0.2rem;
}
.picbox2 .am-thumbnails>li>img {
width: 100%;
height: 100%;
}
.picbox3 .am-thumbnails>li {
height: 6rem;
padding: 0.2rem;
}
.picbox3 .am-thumbnails>li>img {
width: 100%;
height: 100%;
}
.am-thumbnails {
margin-left: -0.4rem;
margin-right: -0.4rem;
}
.picbox .am-thumbnails>li {
padding: 0 .3rem 1rem .3rem;
}
.btnbox {
padding: 1rem 0;
text-align: center;
margin: 0;
}
.btnbox .am-btn {
width: 5.8rem;
font-size: 0.8rem;
border-radius: 0.2rem;
height: 1.9rem;
text-align: center;
padding: 0;
margin: 0.4rem 0.2rem;
/*width: auto;*/
}
.am-btn-warning {
background-color: #ffa800;
border-color: #ffa800;
}
.border-btn {
border: solid 1px #636363;
background-color: #fff;
color: #636363;
}
.am-btn-primary.am-disabled,
.am-btn-primary[disabled],
fieldset[disabled] .am-btn-primary,
.am-btn-primary.am-disabled:hover,
.am-btn-primary[disabled]:hover,
fieldset[disabled] .am-btn-primary:hover,
.am-btn-primary.am-disabled:focus,
.am-btn-primary[disabled]:focus,
fieldset[disabled] .am-btn-primary:focus,
.am-btn-primary.am-disabled:active,
.am-btn-primary[disabled]:active,
fieldset[disabled] .am-btn-primary:active,
.am-btn-primary.am-disabled.am-active,
.am-btn-primary[disabled].am-active,
fieldset[disabled] .am-btn-primary.am-active {
background-color: #ffa800;
border-color: #ffa800;
}
.btn {
width: 90%;
height: 2.4rem;
line-height: 2.4rem;
text-align: center;
font-size: 1rem;
color: #fff;
background-color: #ffa800;
border-radius: 1.2rem;
cursor: pointer;
box-shadow: 0 0.03rem 0.14rem #e59f18;
margin: 1rem auto;
}
/*top导航样式*/
.am-offcanvas-bar {
background-color: #ffedc6;
}
.am-menu-offcanvas1 .am-menu-nav {
border-bottom: none;
}
.am-menu-offcanvas1 .am-menu-nav>li {
position: relative;
}
.am-menu-offcanvas1 .am-menu-nav>li>a {
width: 100%;
color: #2d2a21;
font-size: 1rem;
text-shadow: none;
border-top: none;
/* margin: 0 0.8rem; */
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
padding-left: 1.8rem;
height: 2.8rem;
line-height: 2.8rem;
}
.navbarbox .navicon {
width: 1.4rem;
height: 1.2em;
display: inline-block;
position: absolute;
left: 0.8rem;
top: 0.8rem;
}
.am-menu-offcanvas1 .am-menu-nav>.am-open>a,
.am-menu-offcanvas1 .am-menu-nav>li>a:hover {
background-color: #ffa24b;
}
.navbarbox .navicon.loginicon {
background: url(../images/grzxcur_08.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .am-open .navicon.loginicon {
background: url(../images/grzx_08.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .navicon.indexicon {
background: url(../images/grzxcur_03.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .am-open .navicon.indexicon {
background: url(../images/grzx_03.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .navicon.hyzxicon {
background: url(../images/grzxcur_06.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .am-open .navicon.hyzxicon {
background: url(../images/grzx_06.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .navicon.lxkficon {
background: url(../images/grzxcur_12.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .am-open .navicon.lxkficon {
background: url(../images/grzx_12.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .navicon.smicon {
background: url(../images/grzxcur_14.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .am-open .navicon.smicon {
background: url(../images/grzx_14.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .navicon.aboutusicon {
background: url(../images/grzxcur_16.png) no-repeat center top;
background-size: 100% 100%;
}
.navbarbox .am-open .navicon.aboutusicon {
background: url(../images/grzx_16.png) no-repeat center top;
background-size: 100% 100%;
}
/*.am-menu-offcanvas1 .am-menu-nav > li > a:hover .navicon{*/
/*background: url(../images/grzx_08.png) no-repeat center top;*/
/*background-size: 100% 100%;*/
/*}*/
.am-menu-offcanvas1 .am-menu-nav>li>a:hover .indexicon,
.am-menu-offcanvas1 .am-menu-nav>li>a:focus .indexicon {
background: url(../images/grzx_03.png) no-repeat center top;
background-size: 100% 100%;
}
.am-menu-offcanvas1 .am-menu-nav>li>a:hover .hyzxicon,
.am-menu-offcanvas1 .am-menu-nav>li>a:focus .hyzxicon {
background: url(../images/grzx_06.png) no-repeat center top;
background-size: 100% 100%;
}
.am-menu-offcanvas1 .am-menu-nav>li>a:hover .lxkficon,
.am-menu-offcanvas1 .am-menu-nav>li>a:focus .lxkficon {
background: url(../images/grzx_12.png) no-repeat center top;
background-size: 100% 100%;
}
.am-menu-offcanvas1 .am-menu-nav>li>a:hover .smicon,
.am-menu-offcanvas1 .am-menu-nav>li>a:focus .smicon {
background: url(../images/grzx_14.png) no-repeat center top;
background-size: 100% 100%;
}
.am-menu-offcanvas1 .am-menu-nav>li>a:hover .aboutusicon,
.am-menu-offcanvas1 .am-menu-nav>li>a:focus .aboutusicon {
background: url(../images/grzx_16.png) no-repeat center top;
background-size: 100% 100%;
}
.angle-right {
position: absolute;
right: 0;
top: 0;
}
.am-icon-angle-right:before {
color: #5e5e5e;
font-weight: normal;
margin-right: 0.6rem;
margin-top: 0.2rem;
}
.am-offcanvas-bar:after {
background: #ffedc6;
}
.am-btn-fuse {
background-color: #fff1e4;
}