*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
body{
    background: #F5f5f5 url(../image/user/bg.png) no-repeat;
    background-size: 100%;
    /* overflow: hidden; */
}
.tcbuy{

}
.pagtit{height: 44px;line-height: 44px;text-align: center;font-size: 17px;font-weight: normal;}
.taocanlist{
    width: 91%;
    margin: 0 auto;
    height: 520px;
    overflow: auto;
    /* margin-bottom: 50px; */
}
.taitem{

    background: #fff;

    border-radius: 10px;

    margin-bottom: 9px;

    overflow: hidden;

    /* border: 2px solid #4B84FF; */
}

.tc1{

    width: 100%;

    height: 36px;

    background: linear-gradient( 135deg, #4BC3FF 0%, #4B84FF 100%);

    border-radius: 8px 8px 0px 0px;

    text-align: center;

    line-height: 36px;

    color: #fff;

    font-size: 14px;
}
.tc2{
    border: 2px solid #999;
    border-radius: 0px 0 10px 10px;
}
.taitem.active .tc2 {
    border: 2px solid #4B84FF;
}
.zhoufu{

    font-size: 12px;

    color: #666;

    text-align: center;

    margin-top: 10px;
}
.cur{

    font-size: 12px;

    color: #FF7B28;

    text-align: center;
}
.cur span{
    font-size: 40px;
    font-weight: 700;
    font-family: cursive;
}
.old{

    color: #999;

    font-size: 12px;

    text-align: center;

    text-decoration: line-through;
}
.manjian{

    width: 330px;

    height: 24px;

    background: #d5cdcd;

    border-radius: 4px 4px 4px 4px;

    display: block;

    margin: 5px auto;

    font-size: 12px;

    color: #fff;

    text-align: center;

    line-height: 24px;
}
.box{

    background: #fff;

    width: 84%;

    margin: 10px auto;

    border-radius: 10px;

    display: flex;

    justify-content: space-between;

    height: 48px;

    line-height: 48px;

    align-items: center;

    padding: 0 15px;
}
.boxL{

    font-size: 15px;
}
.boxR{

}
.wyhq{

    font-size: 14px;

    color: #999;
}
.wyhq img{

    vertical-align: middle;

    height: 17px;
}
.yh_price{

}
.yh_price span{

    font-size: 12px;

    color: #FF7B28;
}
.yh_price span b{
    font-size: 24px;
    font-family: cursive;
}
.yh_price i{

    color: #999;

    font-size: 12px;

    font-style: normal;
}
.otherlink{
    /* overflow: hidden; */
    width: 93%;
    display: none;
    margin: 0 auto;
}
.otherlink a{

    color: #4B84FF;

    font-size: 14px;

    border: 1px solid #4B84FF;

    padding: 2px 10px;

    border-radius: 30px;

    margin-right: 15px;
}
.bottom{

    position: fixed;

    bottom: 50px;

    width: 100%;
    background-color: #F5f5f5 ;
}
.agree {
    font-size: 13px;
    color: #999;
    margin-bottom: 10px;
}
.agree label{

}
.agree label input{

    vertical-align: middle;

    margin: 0 10px;
}
.agree a{

    color: #4B84FF;
}
.paylink{

    display: flex;

    width: 100%;
}
.paylink a{

    width: 50%;

    display: block;

    font-size: 17px;

    color: #fff;

    text-align: center;

    line-height: 44px;
}
.paylink a img{

    width: 32px;

    vertical-align: middle;
}

.mytitle{
    font-size: 17px;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
}
.person{
    display: flex;
    margin: 10px auto 6px;
    margin-left: 15px;
}
.touxiang{
    width: 58px;
    height: 58px;
    vertical-align: middle;
}
.personR{
    margin-left: 10px;
}
.personR h2{
    font-size: 17px;
    margin-top: 3px;
}
.personR h2 img{
    height: 17px;
}
.personR p{
    font-size: 14px;
    color: #333;
    margin-top: 6px;
}
.timedate{
    width: 90%;
    font-size: 12px;
    margin: 10px auto 20px;
}
.timedate span{

}
.timedate span img{
    vertical-align: middle;
    width: 11px;
    margin-right: 3px;
}
.timedate i{
    font-style: normal;
}
.mylink{

}
.mylink a{
    width: 90%;
    height: 48px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    margin: 15px auto;
    line-height: 48px;
    display: flex;
    justify-content: space-between;
    color: #333333;
    font-size: 15px;
    text-decoration: none;
}
.mylink a> img{
    height: 22px;
    vertical-align: middle;
    margin: 12px;
}
.mylinkL{

}
.mylinkL img{
    margin: 0 8px;
    vertical-align: middle;
    height: 25px;
    margin-left: 15px;
}
.banben{
    margin: 20px;
    color: #999999;
    text-align: center;
    font-size: 14px;
}
.xufei{
    width: 90%;
    height: 44px;
    background: #4B84FF;
    border-radius: 22px 22px 22px 22px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    margin: 10px auto;
    position: fixed;
    bottom: 73px;
    left: 5%;
}
.nav{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
}
.nav a{
    flex:1;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding-bottom: 4px;
}
.nav a img{
    height: 23px;
    margin-top: 4px;
}
.quan{
    border: 1px solid #ddd;
    height: 30px;
    width: 213px;
    border-radius: 30px;
    padding-left: 10px;
}

/* tuijian */
.back{

}
.back img{

    width: 25px;

    vertical-align: middle;
}
.liwuicon{
    text-align: center;
    width: 80%;
    margin: 10px auto;
}
.liwuicon h4{

}
.liwuicon h4 img{
    width: 90px;
}
.liwuicon h3{
    margin: 16px 0;
}
.liwuicon p{
    line-height: 25px;
}
.liwuicon p span{
    color: red;
}

.sharebtn{
    background: rgb(38,134,234);
    display: block;
    color: #fff;
    text-align: center;
    width: 90%;
    margin: 22px auto;
    border-radius: 10px;
}
.sharebtn img{
    vertical-align: middle;
    height: 31px;
    margin: 10px 15px;
}
.tuijianshu{
    display: flex;
    background: #fff;
    width: 90%;
    margin: 10px auto;
    border-radius: 14px;
    margin-top: 39px;
}
.tuijianshu a{
    flex: 1;
    text-align: center;
    padding: 10px 0;
}
.tuijianshu a p{

}
.tuijianshu h2{
    color: rgb(38,134,234);
    font-size: 15px;
    font-weight: normal;
}
.tuijianshu h2 span{
    font-size: 45px;
}

.yqpage{

}
.yqtitle{

    text-align: center;

    margin: 17px 0;
}
.yqtitle span{

}
.friendyq{

    text-align: center;

    margin: 20px 0;
}
.mao{
    width: 90%;
    margin: 10px auto;
    background: #fff;
    padding-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}
.maot{

}
.maot img{

    width: 100%;
}
.maob{

}
.maob1{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.maob1item{
    text-align: center;
    width: 50%;
    color: #F55D50;
}
.maob1item h3{


}
.maob1item h2{

}
.maob1item p{

}
.maotip{
    width: 100%;
    margin: 0px auto;
    background: #F55D50;
    color: #fff;
    padding: 10px;
}
.maotip ul{

}
.maotip ul li{
    display: flex;
    margin: 10px 0;
}
.maotip ul li span{
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 20px;
    margin-right: 5px;
    margin-top: 0px;
}
.maotip ul li p{
    width: 85%;
}
.maotip p{
    /* margin: 10px 0; */
    width: 90%;
}
.zhuanshu{
    width: 90%;
    margin: 20px auto;
}
.zhuanshu h2{
    font-size: 17px;
    margin: 10px 0;
}
.zhuanshulist{
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.zhuanshulistL{

}
.zhuanshulist a{
    color: rgb(38,134,234);
    border: 1px solid rgb(38,134,234);
    padding: 3px 14px;
    border-radius: 5px;
    text-align: center;
}
.jisuanlist{
    background: #fff;
    width: 93%;
    margin: 10px auto;
}
.jisuanlist li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.jisuanlistL{

}
.jisuanlistL h2{
    font-size: 18px;
    margin-bottom: 5px;
}
.jisuanlistL p{
    color: #666;
}
.jisuanlistLR{
    color: #F55D50;
    font-size: 20px;
    font-weight: 700;
}
.jslist{
    /* background: #fff;
    border: 1px solid #ddd; */
    border-radius: 15px;
    width: 95%;
    margin: 10px auto;
}
.jslist table {

    border-right: 1px solid #804040;

    border-bottom: 1px solid #804040;

    border-collapse:collapse;
    font-size: 14px;

}



.jslist table td {

    border-left: 1px solid #804040;

    border-top: 1px solid #804040;
    text-align: center;
    height: 30px;

}
.bhset{
    font-size: 14px;
    padding: 0 10px;
}
.bhset a{
    color: #4B84FF;
}