/*官网首页*/
/*首页头部*/
.home_container {
    margin-bottom: 1.15rem;
}
.help{
    padding:0px 15px;
}
.help p{
    padding:5px 0;
}
.help img{
    width:100%;
}
.help-question-text {
    margin-top: 15px;
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}
.help-question-text::before {
    content: "Q";
    width: 19px;
    height: 19px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    background-color: #00a9f1;
    font-size: 14px;
    font-family: FZY4JW--GB1-0;
    font-weight: normal;
    margin-right: 11px;
}
.help-question-answer::before {
    content: "A";
    width: 19px;
    height: 19px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    background-color: #fc9f71;
    font-size: 14px;
    font-family: FZY4JW--GB1-0;
    font-weight: normal;
    margin-right: 11px;
}
.help .menu{
    padding-top:10px;
}
.help .menu li{
    float:left;
    padding-right:18px;
}
input {-webkit-appearance:none; /*去除input默认样式*/}
.nav_logo {
    height: 0.90rem;
    line-height: 0.90rem;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.nav_logo a.applogo {
    height: 0.90rem;
    line-height: 0.90rem;
    display: inline-block;
}

.nav_logo a.applogo img {
    width: 3.2rem;
    height: 0.37rem;
    display: inline-block;
    padding: 0.25rem 0.22rem;
}

.nav_logo a.login {
    color: #0babfe;
    font-size: 0.30rem;
    float: right;
    padding-right: 0.20rem;
}

.nav_logo a.login img {
    width: 0.6rem;
    height: 0.6rem;
    vertical-align: middle;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: block;
    *zoom: 1;
}

/*banner*/
.mt_90 {
    margin-top: 0.9rem !important;
}

.shuffling {
    width: 100%;
    height: 3.3rem;
}

.shuffling img {
    width: 100%;
    height: 3.3rem;
}

/*app下载*/

.app_load {
    margin-top: 0.9rem;
    height: 1.39rem;
    background: #fff;
    border-top: 1px solid #efeded;
}

.app_load b {
    background: url("../img/close_img.png") no-repeat 0 center;
    margin: 0 0.2rem;
    float: left;
    width: 0.3rem;
    height: 1.39rem;
    display: inline-block;
    background-size: 0.3rem
}

.app_load i {
    background: url("../img/logo.png") no-repeat center;
    display: inline-block;
    width: 1.02rem;
    height: 1.02rem;
    background-size: 1.02rem;
    margin-top: 0.2rem
}

.app_load .app_text {
    margin: 0.2rem;
    line-height: 0.5rem;
}

.app_load .app_text p:last-child {
    color: #b2b2b1;
}

.app_load a {
    background: #0ad9ff;
    width: 1.8rem;
    line-height: 1.39rem;
    display: block;
    color: #fff;
    float: right;
    text-align: center;
}

/*十个小图标*/
.ten-icon {
    position: relative;
    top: -0.5rem;
    width: 100%;
    height: 1.7rem;
    z-index: 2;
}

.icon-box {
    width: 95%;
    height: 2rem;
    margin: auto 0;;
    background: #FFFFFF;
    position: absolute;
    left: 0.2rem;
    border-radius: 5px;
    padding: 0.3rem 0.13rem 0.3rem 0.15rem;
    box-sizing: border-box;
    box-shadow: 0px 3px 10px rgba(11, 171, 254, 0.3);
}

.icon-box ul {
    box-sizing: border-box;
}

.icon-box ul li {
    float: left;
    text-align: center; /*margin-right: 0.3rem;*/
    margin-bottom: 0.4rem;
    width: 20%;
}

.icon-box ul li:first-child + li + li + li + li, .icon-box ul li:last-child {
    margin-right: 0;
}

.icon-box ul li img {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
}

.icon-box ul li span {
    display: block;
    color: #333333;
    font-size: 0.26rem;
    margin-top: 0.20rem;
}

/*公告*/
.announcement {
    width: 95%;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #FFFFFF;
    border-radius: 20px;
    margin: 0 auto;
}

.announcement .gg_box {
    padding: 0 0.2rem;
}

.announcement span.icon-gg {
    display: inline-block;
    width: 1rem;
    height: 0.28rem;
    background: url(../img/sy_icon_gg.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    float: left;
    margin: 0.15rem 0.3rem 0 0;
}

.announcement span.icon-gg::after {
    content: "";
    width: 0.02rem;
    height: 0.3rem;
    background: #d5d4d4;
    position: absolute;
    top: 0;
    display: inline-block;
    right: -0.14rem;
}

.announcement .gg_box .gg_list {
    float: left;
    width: 78%;
    height: 0.6rem;
    overflow: hidden;
}

.announcement .gg_box .gg_list ul li {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    font-size: 0.26rem;
}

.announcement .gg_box span.icon-right {
    float: right;
    display: inline-block;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 0.15rem;
}

/*我的订单*/
.my_order {
    height: 4rem;
    background: #FFFFFF;
    margin-top: 0.2rem;
}

.my_order .my_order_head {
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0 0.2rem;
}

.my_order .my_order_head span {
    font-size: 0.32rem;
    color: #051b28;
}

.my_order .my_order_head a {
    color: #999999;
    font-size: 0.26rem;
    position: relative;
    margin-right: 0.4rem;
    float: right;
}

.my_order .my_order_head a::after {
    content: "";
    display: inline-block;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3rem;
    margin-left: 0.15rem;
}

.my_order .mm_order {
    padding: 0.3rem 0.2rem;
}

.my_order .mm_order ul li {
    width: 100%;
    height: 2.4rem;
    background: url(../img/sy_bg_data.png) no-repeat center;
    background-size: 100% 100%;
}

.my_order .mm_order ul li div.infobox {
    padding: 0.3rem 0.2rem;
}

.my_order .mm_order ul li p i.dingdan {
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    background: url(../img/sy_icon_dingdan.png) no-repeat center;
    background-size: 100% 100%;
}

.my_order .mm_order ul li p i.free {
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    background: url(../img/sy_icon_mian.png) no-repeat center;
    background-size: 100% 100%;
}

.my_order .mm_order ul li p i.jiao {
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    background: url(../img/sy_icon_jiao.png) no-repeat center;
    background-size: 100% 100%;
}

.my_order .mm_order ul li p span {
    font-size: 0.3rem;
    color: #808080;
    display: inline-block;
    vertical-align: top;
}

.my_order .mm_order ul li p a {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/sy_icon_xiangqing.png) no-repeat center;
    background-size: 100% 100%;
    float: right;
}

.my_order .mm_order ul li .infobox .detail-info {
    height: 0.4rem;
    line-height: 0.4rem;
    width: 100%;
    background: #f3f3f3;
    font-size: 0.28rem;
    margin-top: 0.3rem;
    color: #666666;
    padding-left: 0.12rem;
}

.my_order .mm_order ul li .infobox .detail-info span:last-child, .my_order .mm_order ul li .infobox .detail-info span:first-child + span {
    margin-left: 0.6rem;
}

.my_order .mm_order ul li .infobox .detail-info span:last-child i {
    color: #fa5046;
}

.my_order .mm_order ul li .infobox .detail-info label i {
    margin-right: 0.6rem;
    font-size: 0.24rem;
    color: #61A6D6;
}

.my_order .mm_order ul li .infobox .detail-info label i:last-child {
    margin-right: 0;
}

.my_order .mm_order ul li .infobox .detail-info label i cite {
    font-size: 0.28rem;
    color: #666666;
    margin-left: 0.1rem;
}

.no_login {
    padding: 1.15rem 1.5rem;
    text-align: center;
    font-size: 0.28rem;
    color: #666;
}

.no_login a {
    width: 2.2rem;
    height: 0.7rem;
    border-radius: 20px;
    background: #0babfe;
    display: inline-block;
    line-height: 0.7rem;
    color: #fff;
    font-size: 0.36rem;
    margin-top: 0.5rem;
}

.swiper-pagination-bullet {
    width: 0.14rem !important;
    height: 0.06rem !important;
    background: url(../img/gray_dian.png) no-repeat center !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    background-size: 100% 100% !important;
}

.swiper-pagination-bullet-active {
    width: 0.24rem !important;
    background: url(../img/blue_dian.png) no-repeat center !important;
    margin: 0 0.04rem !important;
    background-size: 100% 100% !important;
}

.contact_qq {
    position: fixed;
    bottom: 3rem;
    right: 0;
    z-index: 999
}

.contact_qq img {
    width: 1.2rem;
    height: 1.2rem;
}

/*明星网站*/
.superstar_web {
    background: #FFFFFF;
    margin-top: 0.2rem;
}

.superstar_web .s_head {
    height: 0.9rem;
    background: url(../img/sy_bar_mxwz.png) no-repeat center;
    width: 100%;
    background-size: 100% 100%;
    border-bottom: 0.5px solid #E5E5E5;
}

.superstar_web .s_head span.included_btn {
    float: right;
    font-size: 0.28rem;
    color: #0BABFE;
    margin-top: 0.3rem;
    margin-right: 0.2rem;
}

.superstar_web .s_head span.included_btn i {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/sy_icon_shoulu.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.06rem;
}

.superstar_web .s_head span.included_btn cite {
    font-style: normal;
    vertical-align: top;
}

.list-data {
    height: auto;
}

.list-data ul li {
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0.3rem 0.18rem;
}

.list-data .left-con {
    float: left;
    width: 31%;
}

.list-data .right-con {
    float: left;
    padding-left: 0.2rem;
    width: 65%;
    box-sizing: border-box;
}

.list-data .left-con img {
    border: 0.5px solid #EBEBEB;
    width: 2.08rem;
    height: 1.56rem;
}

.list-data .right-con p span.wname {
    font-size: 0.32rem;
    color: #051B28;
    vertical-align: top;
    display: inline;
}

.list-data .right-con p i.fenlei {
    border: 1px solid #68b9f2;
    font-size: 0.24rem;
    border-radius: 3px;
    color: #0babfe;
    font-weight: normal;
}

.list-data .right-con p {
    margin-bottom: 0.1rem;
}

.list-data .right-con p span.link {
    font-size: 0.26rem;
    color: #999999;
}

.list-data .right-con p.liebie span {
    display: inline-block; /*width: 0.99rem;height: 0.26rem;line-height: 0.26rem;*/
    background: #f0f4f8;
    color: #7c9fbf;
    font-size: 0.2rem;
    text-align: center;
    padding: 0 0.1rem;
    margin-right: 0.03rem;
    margin-bottom: 0.1rem;
    border-radius: 3px;
}

.mt55 {
    margin-top: 0.55rem;
}


/*友链买卖推荐*/
.frieendlink-box {
    background: #FFFFFF;
    margin-top: 0.2rem;
}

.frieendlink-box .friend-head {
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0 0.2rem;
}

.frieendlink-box .friend-head span {
    font-size: 0.32rem;
    color: #051b28;
}

.frieendlink-box .friend-head a {
    color: #999999;
    font-size: 0.26rem;
    position: relative;
    margin-right: 0.4rem;
    float: right;
}

.frieendlink-box .friend-head a::after {
    content: "";
    display: inline-block;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3rem;
    margin-left: 0.15rem;
}

.friendlink_listdata {
    background: #FFFFFF;
    padding-bottom: 1.2rem;
}

.friendlink_listdata ul li {
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0.3rem 0.18rem;
    position: relative;
}

.friendlink_listdata ul li .left-con {
    float: left;
    width: 31%;
    height: 1.56rem;
    border: 0.5px solid #EBEBEB;
}

.friendlink_listdata ul li .left-con img {
    width: 100%;
    height: 1.56rem;
}

.friendlink_listdata ul li .right-con {
    float: left;
    padding-left: 0.2rem;
    width: 63%;
}

.friendlink_listdata ul li .right-con p {
    margin-bottom: 0.08rem;
}

.friendlink_listdata ul li .right-con p span.wname {
    font-size: 0.3rem;
    color: #051B28;
    vertical-align: top;
    display: inline;
}

.friendlink_listdata ul li .right-con p i.fenlei {
    border: 1px solid #68b9f2;
    font-size: 0.24rem;
    border-radius: 3px;
    color: #0babfe;
    font-weight: normal;
}

.friendlink_listdata ul li .right-con p span.link {
    font-size: 0.26rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 3rem;
    vertical-align: middle;
}

.friendlink_listdata ul li .right-con p span.atag {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../img/sy_tag_a.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.friendlink_listdata ul li .right-con p.show_style span {
    font-size: 0.22rem;
    background: #f4f4f4;
    color: #666666;
    padding: 0 0.05rem;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 0.22rem;
}

span.icon-guge {
    display: inline-block;
    background: url(../img/icon-ggqz.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.48rem;
    height: 0.22rem;
    font-size: 0.22rem;
    vertical-align: middle;
}

span.icon-guge i {
    font-style: normal;
    padding-left: 0.28rem;
    color: #3388FF;
}

.friendlink_listdata ul li .right-con p span.price {
    color: #FF7800;
}

.friendlink_listdata ul li .right-con p span.price i {
    font-size: 0.25rem;
}

.friendlink_listdata ul li .right-con p span.price i small {
    font-size: 0.24rem;
}

.friendlink_listdata ul li .right-con p span.price ss {
    margin-right: 0.08rem;
}

.friendlink_listdata ul li .right-con p span.sales {
    font-size: 0.22rem;
    color: #999999;
}

.friendlink_listdata ul li .right-con button.buy_btn {
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 20px;
    background: #53bcfb;
    color: #FFFFFF;
    font-size: 0.3rem;
    text-align: center;
    vertical-align: middle;
    border: none;
    float: right;
    margin-top: -0.18rem;
}

.friendlink_listdata ul li .right-con button.buy_btn.disabled {
    background: #D5D5D5;
    color: #FFFFFF;
}

.friendlink_listdata ul li .right-con p i.del-shop {
    float: right;
    display: inline-block;
    width: 0.54rem;
    height: 0.54rem;
    background: url(../img/ylmm_gwc_delete01.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: -0.7rem;
}

.comom-head {
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0 0.2rem;
}

.comom-head span {
    font-size: 0.32rem;
    color: #051b28;
}

.comom-head a {
    color: #999999;
    font-size: 0.26rem;
    position: relative;
    margin-right: 0.4rem;
    float: right;
}

.comom-head a::after {
    content: "";
    display: inline-block;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3rem;
    margin-left: 0.15rem;
}

/*网站广告推荐*/
.webadv_recommended {
    background: #FFFFFF;
    margin-top: 0.2rem;
}

.webadv_listdata {
    background: #FFFFFF;
}

.webadv_listdata ul li {
    width: 50%;
    float: left;
    border-right: 0.5px solid #E5E5E5;
    border-bottom: 0.5px solid #E5E5E5;
    box-sizing: border-box;
    padding: 0.2rem;
}

.webadv_listdata ul li:nth-of-type(even) {
    border-right: none;
}

.webadv_listdata ul li p.advimg {
    margin-bottom: 0.15rem;
}

.webadv_listdata ul li p img {
    width: 3.14rem;
    height: 1.76rem;
}

.webadv_listdata ul li span.wname {
    font-size: 0.3rem;
    color: #051B28;
    vertical-align: top;
    display: inline-block;
    max-width: 1.68rem;
}

.webadv_listdata ul li i.fenlei {
    border: 1px solid #68b9f2;
    font-size: 0.24rem;
    border-radius: 3px;
    color: #0babfe;
    font-weight: normal;
}

.webadv_listdata ul li p span.link {
    font-size: 0.26rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 2rem;
    vertical-align: middle;
}

.webadv_listdata ul li p span.ctag {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/sy_tag_refuseci.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.webadv_listdata ul li p span.yestag {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/yestag.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.webadv_listdata ul li p.advtype span {
    font-size: 0.22rem;
    background: #f4f4f4;
    color: #666666;
    padding: 0 0.05rem;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 0.22rem;
}

.webadv_listdata ul li p span.sales {
    font-size: 0.22rem;
    color: #999999;
}

.webadv_listdata ul li .price span {
    color: #FF7800;
}

.webadv_listdata ul li .price span i {
    font-size: 0.3rem;
}

.webadv_listdata ul li .price span i small {
    font-size: 0.24rem;
}

.webadv_listdata ul li .price span ss {
    font-size: 0.2rem;
    margin-right: 0.08rem;
}

.webadv_listdata ul li .price button.buy_btn {
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 20px;
    background: #53bcfb;
    color: #FFFFFF;
    font-size: 0.3rem;
    text-align: center;
    vertical-align: middle;
    border: none;
    float: right;
    margin-top: -0.18rem;
    margin-right: 0.1rem;
}


/*站长资讯*/
.master_information {
    background: #FFFFFF;
    margin-top: 0.2rem;
}

.master_listdata {
    background: #FFFFFF;
}

.master_listdata ul li {
    padding: 0.35rem 0.3rem;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 0.5px solid #E5E5E5;
}

.master_listdata ul li .left-con {
    float: left;
    width: 70%;
    padding-right: 0.2rem;
}

.master_listdata ul li .left-con p.article_title {
    color: #051B28;
    font-size: 0.3rem;
    height: 0.85rem;
    line-height: 1.5;
    margin-bottom: 0.3rem;
    overflow: hidden
}

.master_listdata ul li .left-con p i {
    font-size: 0.22rem;
    color: #70b9ec;
    background: #ecf5ff;
    padding: 0.05rem 0.1rem;
    border-radius: 3px;
}

.master_listdata ul li .left-con p span {
    font-size: 0.26rem;
    color: #B2B2B2;
    float: right;
}

.master_listdata ul li .right-con {
    float: left;
    width: 25%;
}

.master_listdata ul li .right-con img {
    width: 2rem;
    height: 1.5rem;
}


.copyright-info {
    padding: 0.6rem 0.3rem 0 0.3rem;
    margin-top: 0.2rem;
    background: #FFFFFF;
}

.copyright-info .jump {
    padding-bottom: 0.6rem;
    border-bottom: 0.5px solid #e6e6e6;
    box-sizing: border-box;
}

.copyright-info .jump dl {
    float: left;
    text-align: center;
    width: 33.3%;
    color: #999999;
    font-size: 0.24rem;
}

.copyright-info .jump dl dd {
    margin-top: 0.15rem;
}

.copyright-info .jump dl dt img {
    width: 0.8rem;
    height: 0.8rem;
}

.copyright-info .bottom-info {
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    color: #B2B2B2;
    font-size: 0.2rem;
}


/*底部固定*/
.home_footfixed {
    width: 100%;
    height: 1.15rem;
    border-top: 0.5px solid #D5D5D5;
    background: #FAFAFA;
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    z-index: 8;
}

.home_footfixed a {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
}

.home_footfixed a span {
    display: block;
    font-size: 0.2rem;
    color: #6c737b;
}

.home_footfixed a:first-child i {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../img/gray_home.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a:first-child + a i {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../img/gray_info.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a:first-child + a + a i {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../img/gray_shop.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a:last-child i {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../img/gray_person.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a.active span {
    color: #0BABFE;
}

.home_footfixed a:first-child.active i {
    background: url(../img/blue_home.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a:first-child + a.active i {
    background: url(../img/blue_info.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a:first-child + a + a.active i {
    background: url(../img/blue_shop.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a:last-child.active i {
    background: url(../img/blue_person.png) no-repeat center;
    background-size: 100% 100%
}

/*会员中心-首页*/
.mine_head, .pic_head {
    height: 0.88rem;
    line-height: 0.88rem;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
    font-size: 0.36rem;
}

.mine_head a {
    position: absolute;
    right: 0.3rem;
    background: url("../img/set.png") no-repeat;
    background-size: 100%;
    width: 0.35rem;
    height: 0.35rem;
    top: 0.25rem;
}

.mine_banner {
    height: 2.2rem;
    margin-top: 0.88rem;
    background: url("../img/banner.png") no-repeat;
    background-size: 100%;
    color: #fff;
    padding: 0.4rem 0.3rem;
    position: relative
}

.mine_banner .login_enter {
    display: inline-block;
    margin: 0.5rem 0 0 0.3rem;
    color: #fff
}

.mine_banner img, .user_head img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    float: left
}

.user_head img {
    border: 3px solid #fff
}

.user_head span:first-child + span {
    margin: 0.2rem 0 0 0.3rem;
    display: inline-block;
    line-height: 0.6rem
}

.user_head span:first-child + span ss {
    margin-right: 0.35rem
}

.mine_banner a {
    min-width: 2.2rem;
    height: 0.58rem;
    line-height: 0.58rem;
    background: #ff7800;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0.7rem;
    text-align: center;
    color: #fff
}

.mine_order {
    position: relative;
    top: -0.8rem;
    padding: 0 0.3rem
}

.mine_order ul {
    height: 1.3rem;
    background: #fff;
    box-shadow: 0px 3px 19px rgba(11, 171, 254, 0.3);
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
}

.mine_order ul li {
    width: 30%;
    float: left;
    background: url(../img/buy.png) no-repeat 0.6rem center;
    background-size: 0.6rem;
    color: #333;
    border-right: 0.5px solid #efeded;
    padding-left: 1.3rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-top: 0.25rem;
}

.mine_order ul .cur {
    border: none;
    background: url("../img/sell.png") no-repeat 0.6rem center;
    background-size: 0.6rem
}

.mine_sell {
    position: relative;
    background: #fff;
    clear: both;
    margin-top: 0.2rem;
    top: -0.7rem
}

.mine_sell p {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.3rem;
    border-bottom: 0.5px solid #efeded;
    padding: 0 0.3rem
}

.mine_sell ul {
    padding: 0 0.3rem;
    height: 1.7rem
}

/*.mine_sell ul li a{color:#333}*/
.mine_sell a {
    width: 25%;
    text-align: center;
    float: left;
    background: url(../img/link.png) no-repeat center 0.2rem;
    background-size: 0.6rem;
    padding-top: 1rem;
    color: #333
}

.mine_sell a:first-child + a {
    background: url(../img/a-d.png) no-repeat center 0.2rem;
    background-size: 0.6rem;
}

.mine_sell a:first-child + a + a {
    background: url(../img/pic.png) no-repeat center 0.2rem;
    background-size: 0.6rem;
}

.mine_sell a:first-child + a + a + a {
    background: url(../img/tc.png) no-repeat center 0.2rem;
    background-size: 0.6rem;
}

.mine_sell a:first-child + a + a + a + a {
    background: url(../img/hyzx_icon_rwcs.png) no-repeat center 0.2rem !important;
    background-size: 0.6rem;
}

.mine_sell .web a:first-child {
    background: url(../img/web_sell.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .web a:first-child + a {
    background: url(../img/web_buy.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .link a:first-child {
    background: url(../img/my_edit.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .link a:first-child + a {
    background: url(../img/my_apply.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .link a:first-child + a + a {
    background: url(../img/applied.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .exchange a:first-child {
    background: url(../img/change_flow.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .exchange a:first-child + a {
    background: url(../img/buy_flow.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .exchange a:first-child + a + a {
    background: url(../img/ad2.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .exchange a:first-child + a + a + a {
    background: url(../img/ad1.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .sourse a:first-child {
    background: url(../img/my_web.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .sourse a:first-child + a {
    background: url(../img/pro_link.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .sourse a:first-child + a + a {
    background: url(../img/tg_icon.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.mine_sell .sourse a:first-child + a + a + a {
    background: url(../img/pro_soft.png) no-repeat center 0.2rem;
    background-size: 0.6rem
}

.home_footfixed a:last-child.active i {
    background: url(../img/blue_person.png) no-repeat center;
    background-size: 100% 100%
}

.home_footfixed a:last-child.active i {
    background: url(../img/blue_person.png) no-repeat center;
    background-size: 100% 100%
}

/*图片广告*/
.pic_head {;
    border-bottom: 0.5px solid #efeded
}

.pic_head i {
    background: url(../img/back.png) no-repeat;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.3rem;
    top: 0.2rem;
}

.pic_head .back_home {
    background: url(../img/home.png) no-repeat;
    position: absolute;
    right: 0.3rem;
    top: 0.25rem;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background-size: 0.4rem;
}

.pic_head a {
    position: absolute;
    right: 0.28rem;
    font-size: 0.3rem;
    color: #17b0ff
}

.pic_remind {
    min-height: 0.6rem;
    line-height: 0.6rem;
    background: #fffeec;
    padding: 0 0.3rem;
    margin: 0.9rem 0 0.2rem 0;
    position: relative
}

.pic_remind .recommend, .pic_remind .refuse, .pic_remind .accept, .pic_remind .approve, .pic_remind .unapprove, .pic_remind .auto_order, .pic_remind .orders, .pic_remind .auto, .pic_remind .enable, .pic_remind .unable, .pic_remind .mian, .pic_remind .fu, .pic_remind .zidong_icon {
    content: "";
    background: url(../img/recommend.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
    margin-right: 0.2rem;
    padding-left: 0.6rem;
    color: #999;
    display: inline-block
}

.pic_remind .refuse {
    background: url(../img/refuse.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*拒绝敏感词*/
.pic_remind .accept {
    background: url(../img/accept.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*接受敏感词*/
.pic_remind .approve {
    background: url(../img/approve.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*已认证*/
.pic_remind .unapprove {
    background: url(../img/unapprove.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*未认证*/
.pic_remind .auto_order {
    background: url(../img/auto_order.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*自动接单*/
.pic_remind .orders {
    background: url(../img/orders.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*不自动接单*/
.pic_remind .auto {
    background: url(../img/auto.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*自动上链*/
.pic_remind .enable {
    background: url(../img/enable.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*启用*/
.pic_remind .unable {
    background: url(../img/unable.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*禁用*/
.pic_remind .mian {
    background: url(../img/mian.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*启用*/
.pic_remind .fu {
    background: url(../img/fu.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*启用*/
.pic_remind .zidong_icon {
    background: url(../img/zidong_icon.png) no-repeat 0.1rem center;
    background-size: 0.3rem;
}

/*启用*/


.pic_remind .close_pic {
    right: 0.3rem;
    position: absolute;
    top: 0.15rem;
}

.pic_remind .close_pic img {
    width: 0.4rem;
}

.pic_list {
    margin-top: 0.9rem
}

.pic_lists {
    background: #fff;
    margin-bottom: 0.2rem;
    font-size: 0.28rem;
    line-height: 0.2rem;
    color: #999;
}

.showPic {
    margin-top: 0.9rem
}

.pic_top {
    border-bottom: 0.5px solid #efeded;
    line-height: 0.5rem;
    padding: 0.3rem;
    position: relative;
    color: #999
}



.pic_top span:first-child .web_url i {
    background: url(../img/recommend.png) no-repeat 0 center;
    background-size: 0.35rem;
    padding-left: 0.5rem;
}

.pic_top span:first-child + span {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
}

.pic_top .cl_red {
    color: #ff5757
}

.pic_top .cl_blue {
    color: #66b8f2
}

.pic_top .web_price {
    clear: both;
}

.pic_top .web_price ss, .pic_bottom i {
    font-size: 0.3rem;
    color: #ff7800;
}

.pic_bottom {
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 0.3rem;
}

.pic_bottom span {
    float: right
}

.pic_bottom ss {
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 15px;
    background: #2ea7fc
}

.pic_bottom .active {
    background: #d5d5d5;
}

.pic_bottom span a {
    padding: 0 0.2rem;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    margin-left: 0.1rem;
    color: #999;
    height: 0.48rem;
    line-height: 0.48rem;
    display: inline-block;
}

.pic_msg {
    width: 60%;
    background: #000;
    opacity: 0.6;
    position: fixed;
    line-height: 0.4rem;
    padding: 0.2rem;
    margin-left: 20%;
    color: #fff;
    text-align: center;
    bottom: 2rem;
    z-index: 999;
}

.web_name {
    font-size: 0.3rem;
    color: #333;
    font-weight: bold
}

.web_name i {
    border: 1px solid #68b9f2;
    font-size: 0.23rem;
    border-radius: 3px;
    color: #0babfe;
    font-weight: normal;
    padding:2px 4px;
}

/*出售图片广告*/

.sell_pic {
    margin-top: 0.9rem;
    padding: 0 0.3rem;
    font-size: 0.28rem;
    clear: both
}

.sell_chain {
    padding: 0 0.3rem
}

.sell_choose {
    border-bottom: 0.5px solid #efeded;
    height: 0.88rem;
    line-height: 0.88rem;
}

.sell_choose .purchase_price {
    width: 64%;
    text-align: center
}

.sell_choose a {
    float: right;
    color: #666;
}

.sell_choose span {
    font-size: 0.3rem
}

.sell_choose input {
    height: 0.6rem;
    line-height: 0.6rem;
    border: none;
    width: 60%
}

.sell_index {
    color: #666;
}

.sell_index p {
    font-size: 0.25rem;
}

.sell_pic .pic_position {
    height: 1.3rem;
    line-height: 1.3rem;
}

.sell_pic .pic_position span, .inner_page span, .pic_type span, .pic_size span, .pic_des span, .sell_web span {
    float: left;
    font-size: 0.3rem;
}

.sell_pic .pic_position ul li, .pic_type ul li {
    width: 2.2rem;
    text-align: center;
    margin: 0.4rem 0.2rem 0 0;
    height: 0.7rem;
    line-height: 0.7rem;
    float: left;
    background: #f5f5f5;
    color: #666;
    border-radius: 4px;
    border: 0.5px solid #f5f5f5
}

.sell_pic .pic_position .active, .pic_type .active {
    background: url(../img/yes.png) no-repeat right bottom;
    background-color: #e1f2fe;
    color: #0babfe;
    border-color: #0babfe;
    background-size: 0.4rem;
}

.sell_web {
    border-bottom: 0.5px solid #efeded;
    line-height: 0.5rem;
    padding: 0.2rem 0
}

.sell_web b {
    font-size: 0.3rem
}

.pic_position, .inner_page, .pic_type, .pic_size, .pic_des {
    margin: 0.2rem 0;
    min-height: 0.7rem;
    line-height: 0.7rem;
    position: relative;
    clear: both;
    overflow: hidden;
}

.inner_page input {
    height: 0.6rem;
    line-height: 0.6rem;
    border: 1px solid #e7e7e7;
    text-align: center;
    border-radius: 5px;
}

.inner_page input {
    height: 0.6rem;
    line-height: 0.6rem;
    border: 1px solid #e7e7e7;
    text-align: center;
    border-radius: 5px;
}

.inner_page ul li {
    height: 0.8rem;
    line-height: 0.8rem;
}

.inner_page ul li i, .inner_page ul li i.cur, .web_bargain i.cur, .web_bargain i, .web_data i {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    background: url("../img/choose_hui.png") no-repeat center;
    background-size: 0.35rem;
    float: left;
    margin-top: 0.16rem;
}

.inner_page ul li i.cur, .web_data .cur {
    background: url("../img/choose_icon.png") no-repeat center 0.1rem;
    background-size: 0.35rem;
    float: left
}

.inner_page ul li span {
    margin: 0 0.15rem
}

.inner_page .connect {
    height: 0.6rem;
    margin-top: 0.2rem
}

.web_bargain span, .web_data span {
    margin-right: 0.3rem
}

.web_bargain i, .web_data i {
    margin-top: 0.1rem
}

.web_bargain i.cur {
    background: url("../img/choose_icon.png") no-repeat center;
    background-size: 0.35rem;
    margin-top: 0.1rem
}

.web_bargain input {
    width: 100%
}

.web_data {
    height: 0.6rem;
    clear: both
}

.pic_type ul li {
    width: 29.6%;
    margin: 0 0.2rem 0.2rem 0;
}

.pic_type p {
    clear: both
}

.pic_size input {
    width: 1.3rem;
    height: 0.65rem;
    border: 0.5px solid #e7e7e7
}

.pic_des textarea {
    height: 2.1rem;
    width: 94%;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    margin-top: 0.2rem;
    padding: 0.2rem
}

.pic_des .word_pic {
    background: url("../img/close_red.png") no-repeat center;
    background-size: 0.4rem;
    position: absolute;
    top: 0.5rem;
    right: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    z-index: 15
}

.pic_des img {
    width: 100%;
    clear: both;
    height: 2.8rem;
    position: absolute;
    z-index: 3
}

.pic_des p, .sale_pic p {
    margin-top: 0.2rem;
    clear: both;
    background: #f2f2f5;
    height: 1.4rem;
    width: 100%;
    text-align: center;
    background-image: url(../img/add.png);
    background-size: 0.8rem;
    background-repeat: no-repeat;
    background-position: center 0.4rem;
    padding-top: 1.5rem;
    color: #999;
    position: relative;
}
.pic_des p a{
    display:block;
    left:0;
    top:0;
    float:left;
    position: absolute;
    width:100%;
    height:100%;
}
.pic_des p a img{
    width:100%;
    height:100%;
    float:left;
    position: absolute;
    left:0;
    top:0;
}

.pic_des input {
    position: absolute;
    top: 0.8rem;
    width: 100%;
    height: 2.4rem;
    z-index: 9;
    opacity: 0;
}

.pic_des .imgUp {
    clear: both;
    height: 3rem
}

.pic_btn {
    width: 100%;
    height: 0.93rem;
    line-height: 0.93rem;
    text-align: center;
    background: #0babfe;
    color: #fff;
    font-size: 0.36rem;
    margin: 0 auto;
    bottom: 0;;
    border-radius: 25px;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.btn_code {
    width: 95%
}

.choose_box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #333;
    opacity: 0.5;
    z-index: 9;
}

.choose_detail {
    position: fixed;
    z-index: 999;
    background: #f3f3f3;
    height: 7.5rem;
    bottom: 0;
    width: 100%;
}

.choose_detail p {
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.3rem;
    background: #fff;
    padding: 0 0.3rem;
    border-bottom: 0.5px solid #efeded;
}

.choose_detail a {
    float: right;
    background: url("../img/close.png") no-repeat;
    background-size: 0.5rem;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.2rem
}

.choose_detail a.icon-close {
    float: right;
    background: url("../img/close.png") no-repeat;
    background-size: 0.5rem;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.2rem;
    border: none;
    margin-right: 0;
}

.choose_detail ul {
    overflow: auto;
    height: 5.3rem;
    background: #fff;
    padding-top: 0.2rem;
}

.choose_detail ul::-webkit-scrollbar {
    display: none;
}

.choose_detail ul li {
    background: #fff;
    height: 1.2rem;
    width: 44%;
    margin: 0 0 0.2rem 4%;
    float: left;
    border: 0.5px solid #efeded;
    border-radius: 5px;
    position: relative
}

.choose_detail ul li b {
    padding: 0.15rem 0.2rem;
    display: block;
}

.choose_detail ul li h1 {
    padding: 0 0.2rem
}

.choose_detail ul li i {
    background: url("../img/baidu.png") no-repeat;
    background-size: 0.3rem
}

.choose_detail ul li div {
    padding-left: 0.2rem;
    color: #999;
}

.choose_detail ul li div i, .sell_index i.baidu, .sell_index i.safe {
    background: url(../img/baidu.png) no-repeat;
    background-size: 0.7rem;
    margin-right: 0.1rem;
    padding-left: 0.6rem;
    font-size: 0.1rem;
}

.choose_detail ul li div ss, .sell_index ss {
    position: absolute;
    left: 0.5rem;
    color: #fff;
    font-size: 0.2rem;
    margin-top: 0.025rem;
}

.choose_detail .active {
    border-color: #0babfe;
    background: url(../img/yes.png) right bottom;
    background-repeat: no-repeat;
    background-size: 0.4rem;
    background-color: #fff
}

.choose_detail .add_web {
    background: url(../img/add_web.png) no-repeat center;
    background-size: 0.45rem;
    width: 100%;
    height: 1.2rem;
    margin: 0;
}

.sell_index ss {
    left: 0.3rem
}

.web_icon {
    float: left;
    position: relative
}

.web_icon ss {
    left: 0.4rem
}

.choose_discount, .choose_ip {
    height: 7.5rem
}

.choose_discount .cur, .choose_ip .cur {
    background: url("../img/yes.png") no-repeat right bottom;
    border-color: #0babfe;
    background-size: 0.3rem
}

.choose_discount ul li, .choose_ip ul li {
    width: 20%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    background: #eff2f5;
    color: #666;
}

.choose_ip ul li {
    width: 28%
}

.sell_index i.approve, .sell_index .unapprove, .sell_index .refuse, .sell_index .accept, .sell_index .auto_order, .sell_index .orders, .sell_index .auto, .sell_index i.enable, .sell_index i.unable {
    background: url(../img/approve.png) no-repeat center;
    background-size: 0.3rem;
    margin-right: 0.1rem;
    padding-left: 0.3rem;
}

/*已认证*/
.sell_index i.unapprove {
    background: url(../img/unapprove.png) no-repeat center;
    background-size: 0.3rem;
}

/*未认证*/
.sell_index i.refuse {
    background: url(../img/refuse.png) no-repeat center;
    background-size: 0.3rem;
}

/*拒绝敏感词*/
.sell_index i.accept {
    background: url(../img/accept.png) no-repeat center;
    background-size: 0.3rem;
}

/*接受敏感词*/
.sell_index i.auto_order {
    background: url(../img/auto_order.png) no-repeat center;
    background-size: 0.3rem;
}

/*自动接单*/
.sell_index i.orders {
    background: url(../img/orders.png) no-repeat center;
    background-size: 0.3rem;
}

/*不自动接单*/
.sell_index i.auto {
    background: url(../img/auto.png) no-repeat center;
    background-size: 0.3rem;
}

/*自动上链*/
.sell_index i.enable {
    background: url(../img/enable.png) no-repeat center;
    background-size: 0.3rem;
}

/*启用*/
.sell_index i.unable {
    background: url(../img/unable.png) no-repeat center;
    background-size: 0.3rem;
}

/*启用*/
.baiDu1, .pr,.baiDu2{
    background: url(../img/bd1.png) no-repeat right;
    background-size: 100% 100%;
    padding: 0 0.1rem 0 0.3rem;
    color: #fff;
    font-size: 0.18rem;
    height: 0.3rem;
    line-height: 0.3rem;
    width: 0.13rem !important;
    margin-top: 0.1rem;
}
.baiDu2 {
    background: url(../img/bd2.png) no-repeat right;
    background-size: 100% 100%;
    color: #fff;
}
/*百度和谷歌pr*/
.pr {
    background: url("../img/pr.png") no-repeat right;
    background-size: 100% 100%;
    color: #3388ff
}

.choose_web {
    height: 8.7rem;
    background: #fff
}

.choose_null {
    text-align: center;
    color: #666;
    background: #fff;
    height: 7.8rem;
    padding-top: 1.3rem
}

.choose_null p {
    margin: 0.3rem 0
}

.choose_null i {
    display: block;
    background: url(../img/search_null.png) no-repeat;
    background-size: 2rem;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}

.choose_null span {
    width: 40%;
    text-align: center;
    height: 0.7rem;
    line-height: 0.7rem;
    background: #0babfe;
    color: #fff;
    border-radius: 20px;
    display: block;
    margin-left: 30%
}

.sure_btn {
    width: 100%;
    background: #0babfe;
    color: #fff;
    text-align: center;
    height: 0.88rem;
    line-height: 0.88rem;
    position: fixed;
    bottom: 0;
}


/*友链套餐*/
.friend_package {
    width: 87%;
}

.friend_package .web_info {
    height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.friend_lists .line {
    text-decoration: line-through;
    color: #999
}


/*进度条*/
.progress_bar {
    position: fixed;
    top: 0;
    background: darkseagreen;
    height: 3px;
    width: 100%;
    z-index: 9
}

.progress_bar .bar_speed {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: green;
    animation: myfirst 5s;
    -webkit-animation: myfirst 5s; /* Safari 与 Chrome */;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes myfirst {
    0% {
        background: red;
        width: 25%
    }
    25% {
        background: blue;
        width: 50%
    }
    50% {
        background: yellow;
        width: 75%
    }
    100% {
        background: green;
        width: 100%
    }
}


/*出售网站*/
.sale_list {
    border-bottom: 0.5px solid #efeded;
    height: 2.6rem;
    color: #999
}

.sale_list img {
    width: 27%;
    height: 2rem;
    padding: 0.3rem 0 0 0.3rem
}

.sale_list .sale_web {
    width: 61%;
    border: none;
    float: right
}

.sale_list .point {
    height: 0.9rem;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

.sale_info {
    clear: both
}

.sale_info input {
    width: 32%
}

.sale_pic .upload_pics {
    height: 2.4rem;
    clear: both
}

.sale_pic .upload img {
    position: absolute;
    left: 0;
    top: 0;
    height: 2.2rem;
    z-index: 10
}

.sale_pic .upload i {
    background: url("../img/close_red.png") no-repeat center;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: -0.1rem;
    top: -0.2rem;
    z-index: 11
}

.sale_pic p {
    margin: 0.2rem 1% 0 0;
    width: 32%;
    height: 1rem;
    background-position: center 0.3rem;
    padding-top: 1.2rem;
    float: left;
    display: inline-block;
    clear: none;
    position: relative
}

.upload_pics input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.2rem;
    z-index: 9;
    opacity: 0;
}


/*网站详情*/

.web_detail {
    padding: 0 0.3rem;
    margin: 1.2rem 0 2.5rem 0;
    font-size: 0.28rem
}

.web_infos {
    background: #fff;
    margin-top: 0.3rem;
    box-shadow: 0px 3px 6px rgba(11, 171, 254, 0.3);
    border-radius: 5px;
    padding-bottom: 0.2rem;
}

.web_infos .titles {
    padding: 0 0.3rem;
    border-bottom: 0.5px solid #efeded;
    height: 0.84rem;
    line-height: 0.87rem;
    margin-bottom: 0.2rem;
}

.web_infos p {
    height: 1rem;
    line-height: 1rem;
    display: block
}

.web_infos p:before, .web_infos p:after {
    content: "";
    background: url("../img/line.png") no-repeat 0.2rem;
    width: 36.5%;
    height: 0.1rem;
    display: inline-block;
    margin-right: 0.3rem
}

.web_lists {
    padding: 0.15rem 0.2rem;
}

.web_lists ss {
    color: #666;
    width: 30%;
    display: inline-block;
}

.web_lists span {
    float:right;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
}

.web_lists span i {
    border: 1px solid #68b9f2;
    border-radius: 3px;
    color: #0babfe;
    display: inline-block
}

.web_connect {
    border-top: 1px solid #efeded;
    height: 1.7rem;
    margin: 0.1rem 0.2rem;
    padding-top: 0.2rem;
}

.web_connect h3, .free_chain h3, .web_infos .titles b {
    font-size: 0.3rem;
    margin-bottom: 0.2rem
}

.web_connect h3:before, .free_chain h3:before, .web_infos .titles b:before {
    content: "";
    border: 2px solid #0babfe;
    margin-right: 0.2rem;
    display: inline-block;
    height: 0.2rem;
}

.web_connect ss {
    line-height: 0.5rem;
    display: block;
    background: #f5f7fa;
    word-wrap: break-word;
    overflow: hidden;
    width: 6.5rem;
    padding: 0 0.15rem;
    box-sizing: border-box;
}

.web_connect span {
    float: left
}

.web_connect img {
    height: 1rem;
    max-width: 100%;
    margin-right: 0.2rem;
}

.web_totle {
    margin: 0 0.2rem;
    height: 1.3rem;
    line-height: 1.3rem;
    border-top: 0.5px solid #efeded;
    text-align: right;
    clear: both
}

.web_totle i {
    color: #ff7800;
    font-size: 0.4rem;
}

.web_title {
    margin: 0.2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 1px solid #efeded;
}

.web_title .cur {
    border-bottom: 3px solid #0babfe
}

.web_title ul li {
    float: left;
    margin-right: 0.4rem;
    font-weight: bold
}

.web_bottom {
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    border: 1px solid #efeded;
    box-shadow: 5px -1px 10px rgba(11, 171, 254, 0.3);
    padding: 0 0.2rem
}

.web_bottom span:first-child {
    width: 32%;
    display: inline-block;
    font-size: 0.24rem;
    background: url(../img/delete.png) no-repeat 0 center;
    background-size: 0.3rem;
    padding-left: 0.5rem;
}



.web_bottom a {
    padding:0 0.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0.2rem 0 0 0.1rem;
    border: 0.5px solid #999;
    text-align: center;
    display: inline-block;
    float: right;
    border-radius: 3px;
    color:#2F2F2F;
}

.web_bottom .cur {
    background: #e0f5ff;
    border-color: #0babfe;
    color: #0babfe
}

.order_log {
    border-bottom: 1px solid #efeded;
    margin-bottom: 0.2rem;
}


/*免费换链*/
.free_chain {
    padding: 0.2rem 0;
}

.free_chain p {
    height: 0.7rem;
    line-height: 0.7rem
}

.free_top {
    padding: 0.2rem 0
}

.free_info {
    background: #f5f7fa;
    padding: 0 0.2rem;
    color: #666
}

.chain_bottom {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.26rem
}

.chain_btn {
    float: right
}

.chain_btn .button {
    width: 1.9rem;
    text-align: center;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #ff7800;
    color: #fff;
    display: inline-block;
    border-radius: 15px;
    padding:0 10px;
}


.my_apply {
    margin-top: 0.9rem;
}

.apply_title {
    height: 0.88rem;
    line-height: 0.88rem;
    background: #fff;
    padding: 0 0.3rem;
    font-size: 0.3rem;
}

.apply_title ul li {
    width: 33.33%;
    text-align: center;
    float: left
}

.apply_detail {
    margin-top: 0.23rem;
}

.apply_list {
    height: 0.88rem;
    padding: 0.2rem 0.3rem;
    border-bottom: 0.5px solid #efeded;
    background: #fff;
    line-height: 0.5rem;
    font-size: 0.26rem;
    color: #333
}

.apply_list .columns{
    width: 33.33%;
    text-align: center;
    float: left;
}

.apply_list .op_web {
    width: 80%;
    height: 0.38rem;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*我的资源*/
.web_cert {
    margin-top: 0.9rem;
    padding: 0 0.3rem
}

.web_code {
    padding: 0.4rem 0
}

.web_code h3 {
    font-size: 0.3rem;
}

.web_code p {
    background: #f5f5f5;
    color: #666;
    font-size: 0.22rem;
    margin: 0.3rem 0;
    word-break: break-all;
    padding: 0.3rem 0.2rem;
    border-radius: 3px;
    line-height: 0.4rem
}

.tet_cer {
    border-top: 0.5px solid #efeded;
}

.tet_cer a {
    width: 3.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: #53bcfb;
    color: #fff;
    display: block;
    border-radius: 15px
}

.cer_info {
    border: 0.5px solid #f3eec1;
    background: #fffdec;
    padding: 0.4rem 0.22rem;
    line-height: 0.5rem;
    font-size: 0.24rem
}

.set_link b {
    color: #333;
}

.set_link ss, .set_link .cur {
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    border: 0.5px solid #ccc;
    border-radius: 50%;
    float: left;
    margin: 0.28rem 0.2rem 0 0
}

.set_link .cur {
    background: url(../img/choose_icon.png) no-repeat center;
    background-size: 0.3rem;
    border-color: #0babfe
}

.pro_ad img {
    width: 2rem;
    height: 1.4rem;
    float: left;
    margin-right: 0.2rem;
}

/*订单*/
.order_detail {
    margin-top: 0.9rem;
    font-size: 0.3rem;
}

.order_nav {
    line-height: 0.6rem;
    background: #fff;
    overflow-x: auto;
    padding: 0 0.3rem;
    border-bottom: 1px solid #efeded;
}

.order_nav ul li {
    float: left;
    padding: 0 0.1rem 0 0.1rem;
    text-align: center;
    height: 0.6rem;
    width: 2rem;
}

.order_nav li {
    border-bottom: 0.07rem solid #FFFFFF;
}

.order_nav .cur {
    border-bottom: 0.07rem solid #0babfe;
    font-weight: bold
}

.order_nav::-webkit-scrollbar {
    display: none;
}

.order_total {
    height: auto;
    line-height: 0.8rem;
    background: #fffdec;
    padding: 0 0.3rem
}

.order_total ul li {
    float: left;
    margin-right: 0.05rem;
    font-size: 0.26rem
}

.order_total ul li:last-child {
    margin: 0
}

.order_total i {
    background: url("../img/order.png") no-repeat;
    background-size: 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    margin: 0.25rem 0.1rem 0 0;
    float: left
}

.order_total ss {
    color: #ff7800;
}

.order_lists {
    background: #fff;
    padding: 0.3rem;
    font-size: 0.26rem;
    margin-top: 0.2rem;
    color: #333
}

.order_lists .linkAd {
    height: 0.3rem;
    width: 7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.order_lists h3 {
    font-size: 0.3rem;
    float: left
}

.order_lists .friend_link, .order_lists .word, .order_lists .pic, .order_lists .package, .order_lists .rwjy { /*width: 0.5rem;*/

    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #ff8956;
    font-size: 0.20rem;
    display: inline-block;
    padding:2px 5px;
    margin: 0.05rem 0 0 0.1rem
}

.order_lists .word {
    background: #4cbfff
}

.order_lists .pic {
    background: #7fb5ff
}

.order_lists .rwjy {
    background-color: #06cbb7;
}

.order_lists .package {
    background: #ff9c00
}

.order_lists p {
    margin: 0.33rem 0;
}

.order_lists p img {
    max-width:100%;
    height: 0.53rem;
}

.order_time {
    background: url("../img/time.png") no-repeat 0 center;
    background-size: 0.3rem;
    padding-left: 0.4rem
}

.order_logs {
    border-bottom: 0.5px solid #efeded;
    height: 0.88rem;
    line-height: 0.88rem
}

.h100 {
    height: auto;
    line-height: 0.44rem;
    padding: 0.15rem 0.1rem;
}

.box_time {
    background: url(../img/box_time.png) no-repeat center;
    text-align: center;
    background-size: 1.4rem;
    width: 100%;
    height: 1.5rem;
    margin-top: 0.3rem;
}

.box_times {
    background: url(../img/integral/success.png) no-repeat center;
    background-size: 1.4rem;
}

.rec_box p {
    height: 0.4rem;
    line-height: 0.4rem
}

.rec_box {
    text-align: center;
    margin-bottom: 0.4rem;
    margin-top: 0.3rem;
}

.rec_box h3 {
    font-size: 0.36rem;
    margin: 0.5rem 0 0.3rem 0;;
    color: #53bcfb;
}


/*资讯列表*/
.head-back {
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background: #FAFAFA;
    color: #333;
    font-size: 0.36rem;
    position: fixed;
    border-bottom: 0.5px solid #E6E6E6;
    z-index: 2;
    top: 0px;
}

.head-back a.left-icon {
    display: inline-block;
    width: 0.24rem;
    height: 0.42rem;
    background: url(../img/icon-back.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.2rem;
    left: 0.3rem;
}

.head-back a.cancel {
    font-size: 0.26rem;
    position: absolute;
    top: 0;
    left: 0.3rem;
}

.head-back a.save {
    font-size: 0.26rem;
    position: absolute;
    top: 0;
    right: 0.3rem;
}

.head-back a.close-icon {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/ylmm_tc_x.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
}

.head-back .back_text {
    font-size: 0.32rem;
    color: rgba(153, 153, 153, 1);
    position: absolute;
    left: 0.6rem;
    top: -0.028rem;
}


.nav-classify {
    position: fixed;
    top: 0.89rem;
    width: 100%;
    background: #FFFFFF;
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 0.5px solid #E6E6E6;
}

.nav-classify ul li {
    float: left;
    width: 16.66%;
    text-align: center;
}

.nav-classify ul li a {
    color: #051B28;
    font-size: 0.3rem;
    display: inline-block;
    width: 98%;
    height: 0.86rem;
}

.nav-classify ul li a.active {
    border-bottom: 2px solid #0BABFE;
}

.nav-classify ul li:last-child a {
    font-size: 0.28rem;
    color: #0BABFE;
    position: relative;
}

.nav-classify ul li:last-child a::before {
    content: "";
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/pen.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.3rem;
    left: 0;
}

.nav-classify ul li:last-child a.active {
    border-bottom: none;
}

.pdtop177 {
    margin-top: 1.77rem;
}


/*资讯列表详情页*/
.oflow {
    overflow: auto;
}

.mt08 {
    margin-top: 0.88rem;
}

.article_con {
    background: #FFFFFF;
    padding: 0.4rem 0.3rem;
}

.article_con h1 {
    font-size: 0.46rem;
    color: #333333;
    text-align: left;
    word-wrap: break-word;
}

.article_con .info {
    color: #333333;
    font-size: 0.22rem;
    text-align: left;
    margin: 0.5rem 0;
}

.article_con .info span {
    margin-right: 0.2rem;
}

.article_con .info span i {
    color: #0BABFE;
}

.article_con article p {
    color: #333333;
    font-size: 0.32rem;
    margin-bottom: 0.8rem;
    line-height: 0.6rem
}

.article_con article img {
    max-width: 6.93rem;
    margin-bottom: 0.6rem;
}

.hot_news {
    margin-top: 0.2rem;
}

.hot_news .hot_head {
    height: 0.9rem;
    width: 100%;
    background: #FFFFFF url('../img/zxy_icon_djdzk.png') no-repeat center;
    background-size: 100% 100%;
}

/*友链买卖*/
.head-back i.search, .pic_head .search {
    display: inline-block;
    width: 0.34rem;
    height: 0.32rem;
    background: url(../img/search.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.25rem;
    right: 0.3rem;
}

.head-back i.home {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-home.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.25rem;
    right: 0.3rem;
}

.screening_box {
    height: 0.9rem;
    border-bottom: 0.5px solid #E6E6E6;
    z-index: 2;
    position: fixed;
    top: 0.89rem;
    background: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
}

.screening_box ul.paixu li {
    width: 25%;
    float: left;
    text-align: center;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
    color: #051B28;
    position: relative;
}

.screening_box ul.paixu li.active {
    color: #0BABFE;
}

.screening_box ul.paixu li:first-child {
    color: #0BABFE;
}

.screening_box ul.paixu li:first-child::after {
    content: "";
    width: 0.13rem;
    height: 0.07rem;
    background: url(../img/ylmm_icon_unfold.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.4rem;
    right: 0.1rem;
}

.screening_box ul.paixu li:last-child.active::after {
    content: "";
    width: 0.26rem;
    height: 0.22rem;
    background: url(../img/ylmm_icon_xuan2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.35rem;
    right: 0.28rem;
}

.screening_box ul.paixu li:first-child::after {
    content: "";
    width: 0.13rem;
    height: 0.07rem;
    background: url(../img/ylmm_icon_unfold.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.4rem;
    right: 0.1rem;
}

.screening_box ul.paixu li:last-child::after {
    content: "";
    width: 0.26rem;
    height: 0.22rem;
    background: url(../img/ylmm_icon_xuan.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.35rem;
    right: 0.28rem;
}

.screening_box .fileters {
    height: 0.7rem;
    line-height: 0.7rem;
    border-bottom: 0.5px solid #E6E6E6;
    background: #FFFFFF;
    color: #7C9FBF;
    font-size: 0.26rem;
    padding: 0 0.3rem 0 0.2rem;
}

.screening_box .fileters div {
    width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.screening_box .fileters span.del {
    display: inline-block;
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/ylmm_icon_delete.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: top;
    margin-top: 0.2rem;
}


.dropdown-box {
    background: #FFFFFF;
    width: 100%;
    position: absolute;
    top: 0.9rem;
    height: auto;
    z-index: 4;
}

.zhpx .mask {
    background: #000000;
    opacity: 0.3;
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.dropdown-box ul li {
    width: 100%;
    border-bottom: 0.5px solid #E6E6E6;
    text-align: left;
    height: 0.9rem;
    line-height: 0.9rem;
    padding-left: 0.3rem;
    z-index: 6;
}

.dropdown-box ul li.active {
    color: #0BABFE;
    position: relative;
}

.dropdown-box ul li.active::after {
    content: "";
    width: 0.22rem;
    height: 0.16rem;
    background: url(../img/ylmm_icon_check01.png) no-repeat center;
    position: absolute;
    top: 0.35rem;
    background-size: 100% 100%;
    right: 0.5rem;
}

.mt200 {
    margin-top: 2rem !important;
}

.check_box {
    height: 0.9rem;
    line-height: 0.9rem;
    margin-top: 2.48rem;
    background: #FFFFFF;
    padding: 0 0.2rem;
    border-bottom: 0.5px solid #E6E6E6;
}

span.all-check {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../img/btn_check.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

span.all-check.checked {
    background: url(../img/choose_icon.png) no-repeat center;
    background-size: 100% 100%;
}

.check_box span.ftext {
    vertical-align: middle;
    margin-left: 0.1rem;
}

.btn-addshop {
    width: 1.9rem;
    height: 0.56rem;
    line-height: 0.56rem;
    background: #ff7800;
    font-size: 0.28rem;
    color: #FFFFFF;
    border-radius: 20px;
    border: none;
    float: right;
    margin-top: 0.17rem;
}

.btn-addshop.disabled {
    background: #D5D5D5;
}

.shop-footer {
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    background: #FFFFFF;
    position: fixed;
    bottom: 0;
    box-shadow: 5px 0px 20px rgba(11, 171, 254, 0.3);
    box-sizing: border-box;
    z-index: 10;
}

.shop-footer .shopcar {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: -0.2rem;
    left: 0.2rem;
}

.shop-footer .left-con {
    float: left;
    width: 70%;
    position: relative;
}

.shop-footer .left-con span.num {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    border-radius: 100%;
    background: #FF7800;
    font-size: 0.2rem;
    color: #FFFFFF;
    position: absolute;
    top: -0.2rem;
    left: 0.9rem;
}

.shop-footer .left-con span.moneys {
    color: #FF7800;
    margin-left: 1.37rem;
    font-size: 0.4rem;
}

.shop-footer .left-con span.moneys ss {
    font-size: 0.22rem;
    margin-right: 0.08rem;
}

.shop-footer .left-con span.moneys small {
    font-size: 0.3rem
}

.shop-footer .left-con span.empty-shop {
    color: #999999;
    margin-left: 1.4rem;
}

.shop-footer .right-con {
    float: right;
    width: 30%;
    color: #FFFFFF;
    background: #0BABFE;
    font-size: 0.32rem;
    text-align: center;
}

.shop-footer .right-con.bg-be {
    background: #bebebe;
}

.friendlink_listdata ul li span.check-icon {
    display: inline-block;
    float: left;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../img/btn_check.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 0.2rem;
}

.friendlink_listdata ul li span.check-icon.checked {
    background: url(../img/choose_icon.png) no-repeat center;
    background-size: 100% 100%;
}

.friendlink_listdata ul li .right-con.w55 {
    width: 55%;
}

/*搜索弹窗*/


.modal .mask {
    background: #000000;
    opacity: 0.3;
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.hot_search {
    margin-bottom: 0.2rem;
    padding: 0.3rem
}

.hot_search ss, .history ss {
    height: 0.4rem;
    line-height: 0.4rem;
    color: #999
}

.hot_search ul li {
    float: left;
    color: #53bcfb;
    background: #e5f3ff;
    border-radius: 5px;
    padding: 0.2rem 0.25rem;
    margin: 0.2rem 0.2rem 0 0
}

.search_line {
    height: 0.2rem;
    background: #f5f5f5;
    margin-bottom: 0.3rem;
}

.search_modal .search-box {
    background: #FFFFFF;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}

.search_modal .search-box .search-head {
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 0.5px solid #E6E6E6;
}

.search_modal .search-box .search-head a.icon-back {
    float: left;
    width: 0.24rem;
    height: 0.42rem;
    background: url(../img/icon-back.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 0.32rem;
    margin-top: 0.23rem;
    margin-right: 0.28rem;
}

.search_modal .search-box .search-head .search-input {
    float: left;;
    border-radius: 20px;
    height: 0.72rem;
    width: 5.3rem;
    line-height: 0.72rem;
    border: none;
    outline: none;
    background: #F3F4F5;
    margin-top: 0.1rem;
}

.search_modal .search-box .search-head .search-input input {
    height: 0.5rem;
    float: left;
    line-height: 0.5rem;
    border: none;
    background: #F3F4F5;
    width: 80%;
    margin-top: 0.1rem;
    outline: none;
    font-size: 0.28rem;
}

.search_modal .search-box .search-head .search-input i.glass {
    float: left;
    display: inline-block;
    width: 0.34rem;
    height: 0.32rem;
    background: url(../img/search.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 0.2rem;
    margin-left: 0.2rem;
}

.search_modal .search-box .search-head .search-input i.del_search {
    float: left;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/icon_search_delete.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 0.2rem;
}

.search_modal .search-box .search-head .search_span {
    float: left;
    width: 1rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.3rem;
    color: #FFFFFF;
    background: #53BCFB;
    border-radius: 3px;
    margin-left: 0.23rem;
    margin-top: 0.15rem;
}

.search_modal .search-box .history ul li {
    height: 1.05rem;
    line-height: 1.05rem;
    border-bottom: 0.5px solid #E6E6E6;
    padding: 0 0.3rem;
    position: relative;
}

.search_modal .search-box .history ul li span {
    display: inline-block;
    width: 85%;
    float: left;
    font-size: 0.32rem;
    color: #051B28;
}

.search_modal .search-box .history ul li i {
    display: inline-block;
    width: 15%;
    float: left;
    position: relative;
    height: 1.05rem;
}

.search_modal .search-box .history ul li i::after {
    content: "";
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/ylmm_icon_delete.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.38rem;
    right: 0;
}

.search_modal .search-box .history .clear-history {
    height: 1.05rem;
    line-height: 1.05rem;
    background: #FFFFFF;
    color: #666666;
    font-size: 0.28rem;
    text-align: center;
}

/*规格弹窗*/
.specifications_modal .specifications_box{width: 5.4rem;height: 5.5rem;background: #FFFFFF;border-radius: 10px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4;}
.specifications_modal .specifications_box .head{height: 0.88rem;line-height: 0.88rem;text-align: center;border-bottom: 0.5px solid #E6E6E6;padding: 0 0.3rem;}
.specifications_modal .specifications_box .head span{color: #051B28;font-size: 0.32rem;}
.specifications_modal .specifications_box .head i.close-x{display: inline-block;width: 0.3rem;height: 0.3rem;background: url(../img/ylmm_tc_x.png) no-repeat center;background-size: 100% 100%;float: right;margin-top: 0.27rem;}
.specifications_modal .specifications_box .con{padding: 0.5rem 0.5rem 0.3rem 0.5rem;}
.specifications_modal .specifications_box .con label{color: #333333;font-size: 0.3rem;margin-bottom: 0.3rem;display: inline-block;}
.specifications_modal .specifications_box .con p{width: 3.9rem;height: 0.6rem;line-height: 0.6rem;border: 0.5px solid #CCCCCC;border-radius: 4px;font-size: 0.3rem;color: #666666;text-align: center;margin-bottom: 0.4rem;}
.specifications_modal .specifications_box .con button{width: 4rem;height: 0.8rem;line-height: 0.8rem;background: #0BABFE;color: #FFFFFF;font-size: 0.32rem;border-radius: 20px;}
.text-center{text-align: center;}
.specifications_modal .specifications_box .con p.active{border-color:#0BABFE;background: #ecf9ff;color: #0BABFE;}

/*全选加入购物车弹窗  选择位置*/
.check_location_modal .check_locationbox{width: 5.9rem;height: 5.5rem;background: #FFFFFF;border-radius: 10px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4;}
.check_location_modal .check_locationbox .head{height: 0.88rem;line-height: 0.88rem;text-align: center;border-bottom: 0.5px solid #E6E6E6;padding: 0 0.3rem;}
.check_location_modal .check_locationbox .head span{color: #051B28;font-size: 0.32rem;}
.check_location_modal .check_locationbox .head i.close-x{display: inline-block;width: 0.3rem;height: 0.3rem;background: url(../img/ylmm_tc_x.png) no-repeat center;background-size: 100% 100%;float: right;margin-top: 0.27rem;}
.check_location_modal .check_locationbox .con{padding: 0.5rem 0.4rem 0.3rem 0.4rem;font-size: 0.3rem;}
.check_location_modal .check_locationbox .con p{margin-bottom: 0.3rem;}
.check_location_modal .check_locationbox .con p i{color: #0BABFE;}
.check_location_modal .check_locationbox .con span{display: inline-block;width: 2.3rem;height: 0.6rem;line-height: 0.6rem;border: 0.5px solid #CCCCCC;border-radius: 4px;text-align: center;margin-top: 0.4rem;margin-bottom: 0.9rem;}
.check_location_modal .check_locationbox .con span.active{color: #0BABFE;border-color: #0BABFE;background: #ECF9FF;margin-right: 0.15rem;}
.check_location_modal .check_locationbox .con button{width: 4.7rem;height: 0.8rem;line-height: 0.8rem;background: #0BABFE;color: #FFFFFF;font-size: 0.32rem;border-radius: 20px;}


/*清空购物车*/
.empty_shop_modal .empty_shopbox {
    width: 5.4rem;
    background: #FFFFFF;
    height: auto;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 800;
}

.empty_shop_modal .empty_shopbox .cue-text {
    padding: 0.6rem 0.2rem;
    text-align: center;
    font-size: 0.3rem;
    word-break: break-all;
    word-wrap: break-word;
}

.empty_shop_modal .empty_shopbox .footer {
    height: 0.9rem;
    line-height: 0.9rem;
    border-top: 0.5px solid #E6E6E6;
}

.empty_shop_modal .empty_shopbox .footer button {
    width: 50%;
    line-height: 0.9rem;
    float: left;
    background: #FFFFFF;
    font-size: 0.32rem;
    color: #666666;
}

.empty_shop_modal .empty_shopbox .footer button.cancel {
    border-bottom-left-radius: 10px;
    border-right: 0.5px solid #E6E6E6;
}

.empty_shop_modal .empty_shopbox .footer button.sure {
    border-bottom-right-radius: 10px;
    color: #0BABFE;
}

.empty_shop_modal .apply_box {
    width: 100%;
    height: 6.25rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 4;
    padding: 0.2rem 0;
    font-size: 0.28rem
}

.apply_box h3 {
    font-size: 0.32rem;
    position: relative;
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 0.5px solid #efeded;
    padding-left: 0.3rem;
}

.apply_box h3 i {
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
    background: url("../img/close.png") no-repeat;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.4rem
}

.apply_box ul {
    padding: 0 0.3rem;
}

.apply_box ul li {
    height: 0.96rem;
    line-height: 0.96rem;
    border-bottom: 0.5px solid #efeded
}

.apply_box p {
    width: 100%;
    text-align: center;
    height: 0.88rem;
    line-height: 0.88rem;
    position: absolute;
    bottom: 0;
    background: #0babfe;
    color: #fff
}

.apply_box .cur {
    background: url(../img/choose_icon.png) no-repeat 100% center;
    background-size: 0.4rem;
}

.solve_box h3 {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.32rem;
    position: relative;
    border-bottom: 0.5px solid #efeded
}

.solve_box h3 i {
    position: absolute;
    right: 0.3rem;
    top: 0.2rem;
    background: url(../img/closed.png) no-repeat;
    width: 0.4rem;
    height: 0.4rem;
    background-size: 0.4rem;
}

.solve_box p {
    margin-top: 0.3rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: left;
    padding: 0 0.3rem;
}

.solve_box div textarea {
    width: 90%;
    height: 1.65rem;
    border: 0.5px solid #e6e6e6;
    border-radius: 8px;
    margin: 0.2rem 0;
}

.solve_box div ss {
    text-align: left;
    height: 0.6rem;
    line-height: 0.6rem;
    display: block;
    padding-left: 0.3rem;
}

.solve_box button {
    width: 90%;
    height: 0.8rem;
    line-height: 0.8rem;
    display: block;
    border-radius: 15px;
    background: #0babfe;
    color: #fff;
    margin-left: 5%;
    margin-bottom: 0.2rem
}

.check_boxs p {
    height: 0.9rem;
    line-height: 0.9rem
}

.check_boxs .check_line {
    height: 0.27rem;
    border-radius: 15px;
    width: 80%;
    border: 2px solid #e5eaee;
    margin-bottom: 0.4rem;
    margin-left: 10%;
    position: relative
}

.check_boxs span {
    width: 10%;
    height: 0.25rem;
    background: #0babfe;
    display: block;
    top: 0.01rem;
    left: 0.02rem;
    position: absolute;
    border-radius: 15px;
    animation: myfirst 5s;
    -webkit-animation: myfirst 5s; /* Safari 与 Chrome */;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*上链检测*/
@keyframes myfirst {
    0% {
        width: 25%
    }
    25% {
        width: 50%
    }
    50% {
        width: 75%
    }
    100% {
        width: 100%
    }
}

/*文字提示窗公共*/
.modal_public .conbox {
    width: 5.4rem;
    background: #FFFFFF;
    height: auto;
    border-radius: 10px;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    color: #333;
    font-size: 0.3rem;
    text-align: center;
}

.modal_public .conbox .modal_body {
    padding: 0.6rem;
}

.modal_public .conbox .modal_footer {
    height: 0.9rem;
    line-height: 0.9rem;
    color: #0BABFE;
    font-size: 0.32rem;
    border-top: 0.5px solid #E6E6E6;
}

.modal_public .conbox .modal_footer button.sure {
    line-height: 0.9rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #0BABFE;
    text-align: center;
    width: 100%;
    background: none;
}

/*购物车展开*/
.shoppingcart_on_modal .shopping_data_box {
    width: 100%;
    background: #FFFFFF;
    position: fixed;
    bottom: 1rem;
    z-index: 4;
    box-sizing: border-box;
    animation: totop 1s;
}

.shoppingcart_on_modal .shopping_data_box .title-head {
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 0.5px solid #E6E6E6;
}

.shoppingcart_on_modal .shopping_data_box .title-head span {
    font-size: 0.28rem;
    color: #333333;
    padding-left: 0.32rem;
}

.shoppingcart_on_modal .shopping_data_box .title-head i {
    position: relative;
    font-size: 0.24rem;
    color: #666666;
    float: right;
    padding-right: 0.2rem;
}

.shoppingcart_on_modal .shopping_data_box .title-head i::after {
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/ylmm_icon_delete.png) no-repeat center;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    top: 0.25rem;
    left: -0.3rem;
}

.shoppingcart_on_modal .shopping_data_box .con {
    height: 5.9rem;
    overflow: auto;
}

/*右侧筛选弹窗*/
.right-slide-modal .mask {
    z-index: 6;
}

.right-slide-modal .main-search.toRight {
    animation: toRight 1s;
}

.right-slide-modal .main-search {
    background: #FFFFFF;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 7;
    height: 100%;
    width: 6.5rem;
    box-sizing: border-box;
    animation: toleft 1s;
    overflow: auto;
    padding-bottom: 0.9rem;
}

.right-slide-modal .main-search .con {
    box-sizing: border-box;
    padding-left: 0.22rem;
}

.right-slide-modal .main-search .con .main-search-item {
    border-bottom: 0.5px solid #E6E6E6;
    padding-bottom: 0.1rem;
    margin-top: 0.4rem;
}

.right-slide-modal .main-search .con .main-search-item:last-child {
    border-bottom: none;
}

.right-slide-modal .main-search .con .main-search-item .title {
    font-size: 0.3rem;
    color: #333333;
    margin-bottom: 0.35rem;
}

.right-slide-modal .main-search .con .main-search-item .title i.slide-all {
    font-size: 0.26rem;
    color: #999999;
    float: right;
    margin-right: 0.6rem;
    position: relative;
}

.right-slide-modal .main-search .con .main-search-item .title i.slide-all::after {
    content: '';
    width: 0.28rem;
    height: 0.16rem;
    background: url(../img/down-icon.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.1rem;
    left: 0.6rem;
}

.right-slide-modal .main-search .con .main-search-item .title i.slide-all.icon-up::after {
    content: '';
    width: 0.28rem;
    height: 0.16rem;
    background: url(../img/icon_fold_1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.1rem;
    right: 0;
}

.right-slide-modal .main-search .con .main-search-item .num span {
    display: inline-block;
    min-width: 0.9rem;
    height: 0.61rem;
    line-height: 0.61rem;
    text-align: center;
    background: #EFF2F5;
    font-size: 0.26rem;
    color: #666666;
    border-radius: 4px;
    margin-right: 0.17rem;
    margin-bottom: 0.3rem;
    padding: 0 0.2rem;
}

.right-slide-modal .main-search .con .main-search-item .num {
    box-sizing: border-box;
}

.right-slide-modal .main-search .con .main-search-item span.active {
    background: #E4F3FF;
    color: #0BABFE;
    border: 0.5px solid #0BABFE;
    border-radius: 4px;
    position: relative;
}

.right-slide-modal .main-search .con .main-search-item span.active::after {
    content: '';
    position: absolute;
    bottom: 0.5px;
    right: 0.5px;
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/ylmm_icon_tcchick.png) no-repeat center;
    background-size: 100% 100%;
}

.right-slide-modal .main-search .con .main-search-item .fenlei {
    height: 2.1rem;
    overflow: auto;
}

.right-slide-modal .main-search .con .main-search-item .fenlei.curr {
    height: auto;
}

.right-slide-modal .main-search .con .main-search-item .fenlei span, .right-slide-modal .main-search .con .main-search-item .bdincluded span, .right-slide-modal .main-search .con .main-search-item .main-search-con span {
    display: inline-block;
    padding: 0 0.15rem;
    min-width: 1.34rem;
    box-sizing: border-box;
    height: 0.61rem;
    line-height: 0.61rem;
    text-align: center;
    background: #EFF2F5;
    font-size: 0.26rem;
    color: #666666;
    border-radius: 4px;
    margin-bottom: 0.3rem;
    margin-right: 0.08rem;
}

.right-slide-modal .main-search .con .main-search-item .main-search-con .custom {
    margin-bottom: 0.2rem;
}

.right-slide-modal .main-search .con .main-search-item .main-search-con .custom label {
    font-size: 0.3rem;
    color: #666666;
    margin-right: 0.13rem;
}

.right-slide-modal .main-search .con .main-search-item .main-search-con .custom input {
    width: 1.3rem;
    height: 0.6rem;
    border: 0.5px solid #E6E6E6;
    border-radius: 4px;
    background: #FAFAFA;
    font-size: 0.28rem;
    padding: 0 0.15rem;
    text-align: center;
    outline: none;
}

.right-slide-modal .main-search .con .main-search-item .main-search-con .custom i.xian {
    display: inline-block;
    width: 0.2rem;
    height: 0.04rem;
    background: #CCCCCC;
    vertical-align: middle;
}


.foot-filter-main {
    animation: toleft 1s;
    height: 0.9rem;
    line-height: 0.9;
    width: 6.5rem;
    position: absolute;
    bottom: 0;
    background: #FFFFFF;
    border-top: 0.5px solid #E6E6E6;
    box-sizing: border-box;
    text-align: center;
    overflow: scroll;
    margin-left: 1rem;
    z-index: 99;
}

.foot-filter-main button {
    width: 50%;
    float: left;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.32rem;
}

.foot-filter-main button.cancel {
    background: #FFFFFF;
    color: #666666;
}

.foot-filter-main button.sure {
    background: #0BABFE;
    color: #FFFFFF;
}

@keyframes toleft {
    0% {
        right: -6.5rem;
    }
    100% {
        right: 0;
    }
}

@keyframes toRight {
    from {
        right: 0
    }
    to {
        right: -6.5rem;
    }
}

@-webkit-keyframes toleft {
    0% {
        right: -6.5rem;
    }
    100% {
        right: 0;
    }
}

@keyframes totop {
    0% {
        bottom: -6.5rem;
    }
    100% {
        bottom: 1rem;
    }
}

@-webkit-keyframes totop {
    0% {
        bottom: -6.5rem;
    }
    100% {
        bottom: 1rem;
    }
}

@keyframes borntop {
    0% {
        bottom: -6.5rem;
    }
    100% {
        bottom: 0rem;
    }
}

@-webkit-keyframes borntop {
    0% {
        bottom: -6.5rem;
    }
    100% {
        bottom: 0rem;
    }
}

.empty_search {
    padding: 1.75rem 2rem;
    text-align: center;
    margin-top: 3rem;
}

.empty_search img {
    width: 1.3rem;
    height: 1.3rem;
}

.empty_search p {
    font-size: 0.28rem;
    color: #999999;
    margin-top: 0.6rem;
}

.empty_search p span {
    color: #7C9FBF;
}


/*网站广告*/
.mt248 {
    margin-top: 2.48rem;
}

.friendlink_listdata ul li p span.ctag {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/sy_tag_refuseci.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.friendlink_listdata ul li p span.yestag {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/yestag.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.friendlink_listdata .advertising {
    font-size: 0.24rem;
    color: #666666;
}

.mt05 {
    margin-top: -0.5rem !important;
}

.fontimg ul.paixu li {
    width: 20%;
}

.fontimg ul.paixu li:last-child::after {
    right: 0.18rem;
}

.fontimg ul.paixu li:first-child::after {
    right: 0;
}

.w3 {
    width: 2.7rem;
    display: inline-block;
}

.fontimg_modal .buy_box {
    width: 100%;
    height: 10.14rem;
    background: #FFFFFF;
    z-index: 5;
    position: fixed;
    bottom: 0;
    animation: borntop 0.5s;
}

.fontimg_modal .buy_box .title span {
    font-size: 0.32rem;
    color: #051B2;
}

.fontimg_modal .buy_box .title i {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-del.png) no-repeat center;
    background-size: 100% 100%;
    float: right;
}

.fontimg_modal .buy_box img {
    width: 7.1rem;
    height: 2.4rem;
}

.fontimg_modal .pic_text p {
    font-size: 0.26rem;
    color: #666666;
}

.fontimg_modal .type {
    border-bottom: 0.5px solid #e6e6e6;
    padding:0.2rem 0 0.2rem 0;
}

.fontimg_modal .type p {
    font-size: 0.28rem;
    color: #333333;
}

.fontimg_modal .type span {
    display: inline-block;
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    background: #CCCCCC;
    border-radius: 6px;
    font-size: 0.28rem;
    color: #666666;
    margin-right: 0.1rem;
}

.fontimg_modal .size {
    font-size: 0.28rem;
    height: 2.1rem;
    overflow: auto;
    padding-top:0.1rem;
}

.fontimg_modal .size p {
    margin: 0.3rem 0;
}

.fontimg_modal .size span {
    display: inline-block;
    width: 3.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border-radius: 6px;
    background: #EFF2F5;
    font-size: 0.28rem;
    color: #666666;
    margin-bottom: 0.3rem;
    margin-right: 0.08rem;
}

.fontimg_modal .type span.active, .fontimg_modal .size span.active {
    background: #53BCFB;
    color: #FFFFFF;
}

/*.fontimg_modal .size span:nth-of-type(odd){margin-right: 0.21rem;}*/
.fontimg_modal .footer {
    width: 100%;
    height: 0.96rem;
    line-height: 0.96rem;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    box-sizing: border-box;
    border-top: 0.5px solid #E6E6E6;
    box-shadow: 5px 0px 20px rgba(11, 171, 254, 0.3);
}

.fontimg_modal .footer .money {
    font-size: 0.3rem;
    color: #FF7800;
    display: inline-block;
    width: 70%;
    float: left;
    padding-left: 0.16rem;
    box-sizing: border-box;
}

.fontimg_modal .footer .money i {
    font-size: 0.48rem;
}

.fontimg_modal .footer .add_shopcar {
    background: #FF7800;
    font-size: 0.32rem;
    color: #FFFFFF;
    display: inline-block;
    width: 30%;
    float: left;
    text-align: center;
}

.pd20 {
    padding: 0.2rem;
}

.mb025 {
    margin-bottom: 0.25rem;
}

.mb03 {
    margin-bottom: 0.36rem;
}

/*免费换链*/
.free ul.paixu li:first-child + li {
    width: 50%;
    text-align: left;
}

.friendlink_listdata ul li .right-con a.buy_btn, .friendlink_listdata ul li .right-con button.buy_btn {
    width: 1rem;
    height: 0.5rem;
    border-radius: 20px;
    background: #53bcfb;
    color: #FFFFFF;
    font-size: 0.3rem;
    text-align: center;
    vertical-align: middle;
    border: none;
    float: right;
    margin-top: -0.18rem;
    display: inline-block;
    line-height: 0.5rem;
}

/*免费换链设置*/
.head-back a.home-icon {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-home.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.25rem;
    right: 0.3rem;
}

.mt089 {
    margin-top: 0.89rem;
}

.ml02 {
    margin-left: 0.2rem;
}

.mb02 {
    margin-bottom: 0.2rem;
}

.exchange_con {
    padding: 0.2rem;
}

.exchange_web {
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(11, 171, 254, 0.3)
}

.exchange_web .title {
    color: #051B28;
    font-size: 0.3rem;
    text-align: center;
}

.exchange_web .title span {
    display: inline-block;
    width: 2.38rem;
    height: 0.06rem;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}

.exchange_web .title span:first-child {
    margin-right: 0.3rem;
}

.exchange_web .title span:last-child {
    margin-left: 0.3rem;
}

.exchange_web .exchange_tj {
    padding: 0.2rem;
}

.exchange_web .exchange_tj h5 {
    font-size: 0.3rem;
    color: #051B28;
    font-weight: normal;
    position: relative;
    padding-left: 0.12rem;
    margin-bottom: 0.2rem;
}

.exchange_web .exchange_tj h5::after {
    content: '';
    width: 0.08rem;
    height: 0.26rem;
    background: url(../img/shu.png) no-repeat center;
    position: absolute;
    top: 0.08rem;
    left: 0;
}

.exchange_web .exchange_tj .tj_box {
    background: #F5F7FA;
    border-radius: 4px;
    height: 1.52rem;
    padding: 0.2rem;
    box-sizing: border-box;
}

.exchange_web .exchange_tj .tj_box span {
    float: left;
}

.exchange_web .exchange_tj .tj_box dt {
    float: left;
}

.exchange_web .exchange_tj .tj_box dd {
    float: left;
    width: 75%;
}

.exchange_web .exchange_tj .tj_box span {
    margin-right: 0.5rem;
}

.exchange_con .my_web {
    padding: 0.2rem;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(11, 171, 254, 0.3)
}

.exchange_con .my_web .head {
    border-bottom: 0.5px solid #E6E6E6;
    padding-bottom: 0.2rem;
}

.exchange_con .my_web .head span {
    font-size: 0.3rem;
    color: #051B28;
    position: relative;
    padding-left: 0.4rem;
}

.exchange_con .my_web .head span::after {
    content: '';
    width: 0.27rem;
    height: 0.26rem;
    background: url(../img/icon-detail.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.01rem;
    left: 0;
}

.exchange_con .my_web .head a {
    float: right;
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../img/set.png) no-repeat center;
    background-size: 100% 100%;
}

.exchange_con .my_web .data-list {
    height: 5.3rem;
    overflow: auto;
}

.exchange_con .my_web .data-list .list-item {
    background: #F5F7FA;
    padding: 0.25rem 0.2rem 0.2rem 0.2rem;
    margin-bottom: 0.2rem;
}

.exchange_con .my_web .data-list .list-item cite {
    color: #051B28;
    font-size: 0.28rem;
    vertical-align: middle;
}

.exchange_con .my_web .data-list .list-item i.fenlei {
    font-style: normal;
    width: 0.8rem;
    height: 0.28rem;
    line-height: 0.28rem;
    text-align: center;
    color: #0BABFE;
    border: 1px solid #0BABFE;
    border-radius: 3px;
    font-size: 0.18rem;
    vertical-align: middle;
    padding: 0.03rem;
}

.exchange_con .my_web .data-list .list-item .web_url {
    font-size: 0.26rem;
    color: #999999;
}

.exchange_con .my_web .data-list .list-item p {
    margin-bottom: 0.1rem;
}

.text-024 {
    font-size: 0.24rem;
    color: #666666;
}

.exchange_con .my_web .data-list .list-item .top {
    border-bottom: 0.5px solid #E5E5E5;
    position: relative;
}

.exchange_con .my_web .data-list .list-item i.state {
    font-size: 0.26rem;
    color: #FF5757;
    position: absolute;
    top: 0;
    right: 0;
}

.exchange_con .my_web .data-list .list-item .bottom {
    font-size: 0.26rem;
    color: #666666;
}

.exchange_con .my_web .data-list .list-item .apply {
    display: inline-block;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border-radius: 20px;
    font-size: 0.26rem;
    background: #53BCFB;
    color: #FFFFFF;
    float: right;
}

.exchange_con .my_web .data-list .list-item .apply.disabled {
    background: #D5D5D5;
}

.friendchain_modal .con {
    width: 5.4rem;
    background: #FFFFFF;
    height: auto;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    color: #000000;
    font-size: 0.3rem;
    text-align: center;
}

.friendchain_modal .con {
    text-align: center;
    padding: 0.4rem 0.7rem;
}

.friendchain_modal .con p {
    font-size: 0.28rem;
    color: #333333;
    margin-bottom: 0.3rem;
}

.friendchain_modal .con .loading {
    width: 4rem;
    height: 0.26rem;
    border: 2px solid #dfe5e8;
    border-radius: 20px;
    background: linear-gradient(to right, #0babfe, #23beff);
    margin: 0 auto;
    animation: loading 1.5s infinite linear;
}

@keyframes loading {
    0% {
        background: linear-gradient(to right, #23beff, #0babfe)
    }
    100% {
        background: linear-gradient(to right, #0babfe, #23beff)
    }
}

@-webkit-keyframes loading {
    0% {
        background: linear-gradient(to right, #23beff, #0babfe)
    }
    100% {
        background: linear-gradient(to right, #0babfe, #23beff)
    }
}


/*购物车*/
.head-back span.delbtn {
    position: absolute;
    top: 0;
    right: 0.3rem;
    font-size: 0.32rem;
    color: #0BABFE;
}

.shoppingcart_list {
    margin-top: 0.9rem;
    background: #f4f4f4;
    margin-bottom: 2.5rem;
}

.shoppingcart_list .listbox {
    background: #FFFFFF;
}

.shoppingcart_list .top-title {
    height: 0.95rem;
    line-height: 0.95rem;
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0 0.2rem
}

.shoppingcart_list span.type {
    font-size: 0.32rem;
    color: #051B28;
    position: relative;
    padding-left: 0.4rem;
    margin-left: 0.1rem;
}

.shoppingcart_list span.type::before {
    content: '';
    width: 0.33rem;
    height: 0.31rem;
    background: url(../img/shoppingcar.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.shoppingcart_list span.icon_wzgg::before {
    content: '';
    width: 0.33rem;
    height: 0.31rem;
    background: url(../img/gwc_icon_wzgg.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.shoppingcart_list span.icon_wzjy::before {
    content: '';
    width: 0.33rem;
    height: 0.31rem;
    background: url(../img/gwc_icon_wzjy.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mt01 {
    margin-top: -0.1rem;
}

.shoppingcart_list span.all-down {
    font-size: 0.26rem;
    color: #999999;
    float: right;
    position: relative;
    padding-right: 0.4rem;
}

.shoppingcart_list span.all-down::after {
    content: '';
    width: 0.28rem;
    height: 0.16rem;
    background: url(../img/down-icon.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.4rem;
    right: 0;
}

.shoppingcart_list span.all-down.icon-up::after {
    content: '';
    width: 0.28rem;
    height: 0.16rem;
    background: url(../img/icon_fold_1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.4rem;
    right: 0;
}

.shoppingcart_list .set_promote {
    height: 0.55rem;
    line-height: 0.55rem;
    text-align: right;
    font-size: 0.26rem;
    color: #FF7800;
    position: relative;
    padding-right: 0.5rem;
    background: #fffdec;
}

.shoppingcart_list .set_promote::after {
    content: '';
    width: 0.1rem;
    height: 0.18rem;
    background: url(../img/gwc_icon_right.png) no-repeat center;
    position: absolute;
    top: 0.18rem;
    right: 0.3rem;
    background-size: 100% 100%;
}

.shoppingcart_list .con {
    padding: 0 0.2rem;
    box-sizing: border-box;
    padding-top: 0.1rem;
}

.shoppingcart_list .con ul li {
    border-bottom: 0.5px solid #E6E6E6;
    padding-bottom: 0.2rem;
    padding-top: 0.3rem;
    position: relative
}

.shoppingcart_list .con .left-con {
    float: left;
    width: 9%;
}

.shoppingcart_list .con .right-con {
    float: left;
    width: 91%;
    position: relative;
}

.shoppingcart_list .right-con p {
    margin-bottom: 0.12rem;
}

.shoppingcart_list .right-con p i.fenlei {
    border: 1px solid #68b9f2;
    font-size: 0.24rem;
    border-radius: 3px;
    color: #0babfe;
    font-weight: normal;
}

.shoppingcart_list .right-con .wname {
    font-size: 0.3rem;
    color: #051B28;
}

.shoppingcart_list .right-con p span.atag {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../img/sy_tag_a.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.shoppingcart_list .right-con p span.link {
    font-size: 0.26rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 3rem;
    vertical-align: middle;
}

.shoppingcart_list .right-con p span.sellpoint {
    font-size: 0.22rem;
    color: #666;
    verflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 3rem;
    vertical-align: middle;
}

.shoppingcart_list .right-con p span.ctag {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../img/sy_tag_refuseci.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.shoppingcart_list .right-con p span.yestag {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../img/yestag.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.shoppingcart_list .right-con .show_type span {
    background: #f4f4f4;
    color: #666666;
    padding: 0.01rem 0.09rem;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 0.22rem;
    display: inline-block;
}

.shoppingcart_list .right-con p span.price {
    color: #FF7800;
}

.shoppingcart_list .right-con p span.price i {
    font-size: 0.3rem;
}

.shoppingcart_list .right-con p span.price i small {
    font-size: 0.25rem;
}

.shoppingcart_list .right-con p span.price ss {
    font-size: 0.25rem;
    margin-right: 0.08rem;
}

.shoppingcart_list .right-con span.take {
    font-size: 0.28rem;
    color: #999999;
    float: right;
}

.shoppingcart_list .right-con .bottom {
    height: 0.6rem;
    line-height: 0.6rem;
    background: #F5F7FA;
    font-size: 0.24rem;
    color: #6695c0;
    padding-left: 0.1rem;
}

.shoppingcart_list .right-con span.promote_title {
}

.shoppingcart_list .right-con span.promote_url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 3rem;
    vertical-align: middle;
}

.shoppingcart_list .right-con .bottom img {
    width: 1.58rem;
    height: 0.53rem;
    float: right;
    margin-top: 0.03rem;
}

.shoppingcart_list .right-con span.edit {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/gwc_icon_edit.png) no-repeat center;
    background-size: 100% 100%;
    float: right;
}

.shoppingcart_list .right-con span.delbtn {
    display: inline-block;
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/ylmm_icon_delete.png) no-repeat center;
    background-size: 100% 100%;
    float: right;
}

.shoppingcart_list .right-con .set_link {
    width: 4rem;
    height: 2.95rem;
    background: #FFFFFF;
    position: absolute;
    top: -0.38rem;
    right: -0.2rem;
    box-sizing: border-box;
    animation: setright 0.5s linear;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .3);
    z-index: 1;
}

.shoppingcart_list .right-con .set_link .left {
    width: 2.8rem;
    height: 2.88rem;
    float: left;
    padding-top: 0.65rem;
    box-sizing: border-box;
    padding-left: 0.3rem;
}

.shoppingcart_list .right-con .set_link .left .minus {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-reduce.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.shoppingcart_list .right-con .set_link .left .plus {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-add.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.shoppingcart_list .right-con .set_link .left input {
    width: 1rem;
    height: 0.54rem;
    border: 0.5px solid #EFEFEF;
    text-align: center;
    margin: 0 0.1rem;
}

.shoppingcart_list .right-con .set_link .right {
    width: 1.2rem;
    height: 2.95rem;
    float: left;
    background: #0BABFE;
    color: #FFFFFF;
    font-size: 0.28rem;
    line-height: 2.88rem;
    text-align: center;
}

.shoppingcart_list .right-con .set_link .left .setlink_btn {
    display: block;
    width: 2.28rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #E4F3FF;
    font-size: 0.26rem;
    color: #0BABFE;
    margin-top: 0.3rem;
    text-align: center;
}

.set_defaults input {
    width: 0.25rem !important;
    height: 0.25rem !important;
    margin-top: 0.3rem !important;
}

@-webkit-keyframes setright {
    0% {
        right: -4rem;
    }
    100% {
        right: -0.2rem;
    }
}

span.square {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../img/yltc_icon_tick.png) no-repeat center;
    background-size: 100% 100%;
}

span.square.checked {
    background: url(../img/yltc_icon_tick_pre.png) no-repeat center;
    background-size: 100% 100%;
}

.agrees {
    padding-left: 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
}

.agrees i {
    color: #666666;
    font-size: 0.26rem;
    vertical-align: top;
}

.agrees i a {
    vertical-align: top;
}

.shop_settlement {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #FFFFFF;
    border-top: 0.5px solid #EFEFEF;
    box-shadow: 5px 0px 20px rgba(11, 171, 254, 0.3);
    position: fixed;
    bottom: 0;
    padding-left: 0.3rem;
    box-sizing: border-box;
}

.vamiddle {
    vertical-align: middle;
}

.shop_settlement .left_con {
    float: left;
    width: 70%;
}

.shop_settlement .right_con {
    float: left;
    width: 30%;
    background: #0BABFE;
    color: #FFFFFF;
    text-align: center;
}

.ftext {
    color: #666666;
    font-size: 0.24rem;
}

.shop_settlement .right_con span {
    display: inline-block;
    height: 100%;
    width: 100%;
    font-size: 0.3rem;
}

.shop_settlement .left_con .combined {
    color: #333333;
    font-size: 0.3rem;
    float: right;
    margin-right: 0.3rem;
}

.shop_settlement .left_con .combined small {
    font-size: 0.22rem;
    color: #FF7800;
}

.shop_settlement .left_con .combined i {
    font-size: 0.34rem;
    color: #FF7800;
}

.shop_settlement .left_con .combined small {
    font-size: 0.24rem;
    color: #FF7800;
}

.shop_settlement span.num_order {
    font-size: 0.24rem;
    color: #666666;
}

.icon-fly-rwjy {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background-image: url(../img/icon-rwjy-fly.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.shoppingcart_list span.icon_rwjy_title::before {
    content: '';
    width: 0.33rem;
    height: 0.31rem;
    background: url(../img/icon-shop-rwjy.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*选择链接/选择广告/新增链接/新增广告/弹窗*/
.checklink_modal .check-box {
    height: 6.57rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    z-index: 100;
}

.checklink_modal .check-box .head {
    height: 0.88rem;
    line-height: 0.88rem;
    border-bottom: 0.5px solid #EFEFEF;
    padding: 0 0.2rem;
}

.checklink_modal .check-box .head span {
    font-size: 0.32rem;
    color: #051B28;
}

.checklink_modal .check-box .head i {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-del.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 0.2rem;
    float: right;
}

.checklink_modal .check-box .con {
    padding: 0.2rem;
    box-sizing: border-box;
    height: 6.78rem;
    overflow: auto;
    padding-bottom: 2.3rem;
}

.checklink_modal .check-box ul li {
    width: 3.41rem;
    border-radius: 5px;
    border: 0.5px solid #E7E7E7;
    background: #FAFAFA;
    padding: 0.28rem 0.2rem;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

.checklink_modal .check-box ul li .fa{
    font-size:16px !important;
}
.checklink_modal .check-box ul li:nth-of-type(odd) {
    margin-right: 0.27rem;
}

.checklink_modal .check-box ul li p {
    color: #051B28;
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
}

.checklink_modal .check-box ul li span {
    color: #666666;
    font-size: 0.26rem;
    width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.checklink_modal .check-box ul li.active {
    border-color: #0BABFE;
    background: #f5faff;
    position: relative;
}

.checklink_modal .check-box ul li.active::after {
    content: '';
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/ylmm_icon_tcchick.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.checklink_modal .check-box .con .addbtn {
    width: 3.41rem;
    height: 1.39rem;
    border-radius: 5px;
    background: #F2F2F5;
    float: left;
    position: relative;
}

.checklink_modal .check-box .con .addbtn::after {
    content: '';
    width: 0.56rem;
    height: 0.97rem;
    background: url(../img/add_web.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.checklink_modal .check-box .bottom {
    height: 0.88rem;
    line-height: 0.88rem;
    background: #0BABFE;
    font-size: 0.36rem;
    color: #FFFFFF;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
}

.none {
    display: none;
}

.checklink_modal .check-box .imgcon ul li {
    width: 7.11rem;
    border-radius: 5px;
    border: 0.5px solid #E7E7E7;
    background: #FAFAFA;
    padding: 0.28rem 0.2rem;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-bottom: 0.2rem;
}

.checklink_modal .check-box .article-con ul li p {
    color: #051B28;
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
    padding-top: 0.1rem;
}

.checklink_modal .check-box .article-con ul li span {
    color: #666666;
    font-size: 0.24rem;
}

.checklink_modal .check-box .article-con ul li {
    width: 100%;
    padding-top: 0rem;
    padding-bottom: 0.1rem;
}

.checklink_modal .check-box .imgcon ul li p {
    color: #051B28;
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
}

.checklink_modal .check-box .imgcon ul li span {
    color: #666666;
    font-size: 0.26rem;
}

.checklink_modal .check-box .imgcon ul li.active {
    border-color: #0BABFE;
    background: #f5faff;
    position: relative;
}

.checklink_modal .check-box .imgcon ul li.active::after {
    content: '';
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/ylmm_icon_tcchick.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.checklink_modal .check-box .imgcon .addbtn {
    width: 7.11rem;
    height: 1.39rem;
    border-radius: 5px;
    background: #F2F2F5;
    float: left;
    position: relative;
}

.checklink_modal .check-box .imgcon .addbtn::after {
    content: '';
    width: 0.56rem;
    height: 0.97rem;
    background: url(../img/add_web.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.checklink_modal .check-box .imgcon img {
    width: 1.52rem;
    height: 1.14rem;
    float: left;
    margin-right: 0.2rem;
}

.checklink_modal .check-box .list-group {
    padding: 0.3rem 0;
    border-bottom: 0.5px solid #EFEFEF;
    font-size: 0.28rem;
}

.checklink_modal .check-box .list-group:first-child {
    padding: 0.1rem 0 0.3rem
}

.checklink_modal .check-box .list-group input {
    border: none;
    margin-left: 0.3rem;
    width: 5rem;
}

.checklink_modal .check-box .list-group:last-child {
    border-bottom: none;
}

.checklink_modal .check-box .upimg {
    width: 5.2rem;
    height: 2.4rem;
    position: relative;
    display: inline-block;
    background: #F2F2F5;
    margin-left: 0.3rem;
}

/* .checklink_modal .check-box .upimg::after{content: '';width: 0.56rem;height: 0.56rem;background: #F2F2F5 url(../img//icon_add_img.png) no-repeat center;background-size: 100% 100%;position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);} */
.checklink_modal .check-box .upimg span {
    font-size: 0.24rem;
    color: #999;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checklink_modal .check-box .upimg input {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    z-index: 9;
}

.vatop {
    vertical-align: top !important;
}

.checklink_modal .check-box i.delimg {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../img/close_red.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: -0.15rem;
    right: -0.1rem;
    z-index: 10;
}

.vabottom {
    vertical-align: bottom !important
}

.checklink_modal .list-group .set_default {
    font-size: 0.3rem;
    color: #0BABFE;
}


.w100 {
    width: 100% !important;
}

.pd3 {
    padding: 0 0.3rem !important;
}

.bottom0 {
    bottom: 0 !important;
}

/*订单结算*/
.order_pay_modal .paybox {
    height: 8.44rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    z-index: 4;
}

.order_pay_modal .paybox .head {
    height: 0.88rem;
    line-height: 0.88rem;
    border-bottom: 0.5px solid #EFEFEF;
    padding: 0 0.2rem;
}

.order_pay_modal .paybox .head span {
    font-size: 0.32rem;
    color: #051B28;
}

.order_pay_modal .paybox .head i {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-del.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 0.2rem;
    float: right;
}


/*站长工具首页*/
.tool-top {
    height: 4rem;
    background: url(../img/zzgj_bg_sy.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}

.tool-top .search-box {
    width: 6.91rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-left: 0.32rem;
    box-sizing: border-box;
    position: absolute;
    bottom: 0.4rem;
}

.tool-top .search-box span {
    display: inline-block;
    float: left;
    width: 0.76rem;
    height: 0.8rem;
    background: #3e46b6;
}

.tool-top .search-box span::after {
    content: '';
    width: 0.34rem;
    height: 0.34rem;
    background: url(../img/zzgj_icon_search2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
}

.tool-top .search-box input {
    float: left;
    width: 6.15rem;
    border: none;
    height: 0.8rem;
    line-height: 0.8rem;
    background: linear-gradient(to right, #4247b9, #3c45b6, #3444b4, #2e46b2, #294ab4, #2258b9, #1b62bc, #1869be, #1869bf);
    color: #FFFFFF;
    font-size: 0.26rem;
}

.tool-top .search-box input::-webkit-input-placeholder {
    color: #FFFFFF;
}

.tool-con .list-item {
    padding: 0.4rem 0.3rem;
    height: 1.6rem;
    border-bottom: 0.5px solid #EFEFEF;
    box-sizing: border-box;
    position: relative;
}

.tool-con .list-item::after {
    width: 0.16rem;
    height: 0.28rem;
    content: '';
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0.2rem;
    top: 0.7rem;
}

.tool-con .list-item img {
    width: 0.8rem;
    height: 0.8rem;
    float: left;
}

.tool-con .list-item .text_con {
    float: left;
    margin-left: 0.25rem;
}

.tool-con .list-item .text_con span {
    font-size: 0.34rem;
    color: #333333;
}

.tool-con .list-item .text_con p {
    font-size: 0.24rem;
    color: #999999;
}

.tool-top .checkUrl {
    position: absolute;
    right: 0rem;
    height: 0.8rem;
    width: 1.7rem;
    text-align: center;
    background: #164590;
    color: #fff;
}

/*站长工具友链检测*/
.friendchain-top {
    height: 3.26rem;
    background: url(../img/zzgj_bg_yljc.png) no-repeat center;
    background-size: 100% 100%;
    padding: 0.45rem 0.3rem 0.6rem;
    box-sizing: border-box;
}

.friendchain-top .typename {
    font-size: 0.32rem;
    color: #FFFFFF;
    position: relative;
    padding-left: 0.6rem;
    vertical-align: bottom;
}

.friendchain-top .typename::after {
    content: '';
    width: 0.42rem;
    height: 0.42rem;
    background: url(../img/zzgj_icon_yljc.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: -0.07rem;
    left: 0;
}

.friendchain-top .search-box {
    width: 6.9rem;
    height: 0.8rem;
    border-radius: 5px;
    border: 0.5px solid #1f97ee;
    box-sizing: border-box;
    background: #FFFFFF;
    margin: 0.3rem 0;
}

.friendchain-top .search-box input {
    float: left;
    height: 99%;
    width: 6rem;
    line-height: 0.8rem;
    background: #FFFFFF;
    border: none;
    padding-left: 0.17rem;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 0.28rem;
}

.friendchain-top .search-box span {
    float: left;
    width: 0.8rem;
    position: relative;
    background: #FFFFFF;
    height: 99%;
    border-bottom-right-radius: 5px;
}

.friendchain-top .search-box span::after {
    content: '';
    width: 0.34rem;
    height: 0.34rem;
    background: #FFFFFF url(../img/zzgj_icon_search.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
}

.friendchain-top span.filter {
    font-size: 0.28rem;
    color: #FFFFFF;
}

.friendchain_text_info {
    padding: 0.35rem 0.3rem 0.3rem 0.3rem;
}

.friendchain_text_info span {
    font-size: 0.26rem;
    color: #999;
}

.friendchain_text_info span cite {
    color: #FA5046;
}

.ml150 {
    margin-left: 1.5rem;
}

.friendchain_text_info .check_results {
    border-top: 0.5px solid #EFEFEF;
    margin-top: 0.2rem;
    padding-top: 0.25rem
}

.friendchain_text_info .check_results span {
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom: 0.2rem;
}

.friendchain_text_info .check_results span i {
    font-size: 0.26rem;
    color: #333
}

.friendchain_text_info .check_results p {
    font-size: 0.26rem;
    color: #999999;
}

.friendchain_text_info .check_results p i {
    color: #333
}

.url_info h5 {
    font-weight: normal;
    height: 0.78rem;
    line-height: 0.78rem;
    background: #F7F7F7;
    color: #999999;
    font-size: 0.26rem;
    padding-left: 0.3rem
}

/*.url_info .url_listbox{height: 5rem;overflow: auto;}*/
.url_info .url_item {
    height: 1.23rem;
    margin: 0 0.3rem;
    border-bottom: 0.5px solid #EFEFEF;
    box-sizing: border-box;
    font-size: 0.26rem;
    color: #999999;
}

.url_info .url_item p {
    padding: 0.15rem 0 0.12rem;
}

.tool_profile {
    margin: 0.3rem 0.3rem;
    border-bottom: 0.5px solid #EFEFEF;
    padding-bottom: 0.6rem;
}

.tool_profile h4 {
    font-size: 0.3rem;
    color: #333333;
    font-weight: normal;
    padding-left: 0.25rem;
    position: relative;
}

.tool_profile h4:after {
    content: '';
    width: 0.08rem;
    height: 0.26rem;
    background: url(../img/shu.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.1rem;
    left: 0;
}

.tool_profile .cue-red {
    font-size: 0.24rem;
    color: #FB6363;
    margin: 0.3rem 0 0.2rem
}

.tool_profile p {
    font-size: 0.24rem;
    color: #666666;
    margin-bottom: 0.2rem;
}

.nodata img {
    height: 5.94rem;
    width: 100%;
}


/*会员中心流量交易--广告管理*/
.head-back .addbtn {
    position: absolute;
    right: 0.3rem;
}

.con_list {
    padding: 0.3rem 0.3rem 0.4rem;
    box-sizing: border-box;
    background: #FFFFFF;
    border-bottom: 0.5px solid #E5E5E5;
}

.con_list img {
    float: left;
    width: 2.08rem;
    height: 1.78rem;
    margin-right: 0.2rem;
}

.con_list .right-text {
    position: relative;
}

.con_list .right-text label {
    font-size: 0.3rem;
    color: #666666;
}

.con_list .right-text p {
    margin-bottom: 0.08rem;
}

.con_list .right-text p span {
    font-size: 0.3rem;
    color: #333333;
}

.con_list .right-text p a {
    font-size: 0.3rem;
    display: inline-block;
    width: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.con_list .right-text span.lab {
    font-size: 0.2rem;
    color: #7C9FBF;
    background: #F0F4F8;
    padding: 0.03rem 0.06rem;
    border-radius: 3px;
}

.con_list .right-text i {
    font-size: 0.26rem;
    position: absolute;
    top: 0;
    right: 0;
}

.text-red {
    color: #FF5757 !important;
}

.text-gray {
    color: #999999;
}

.datalist_box {
    background: #FFFFFF;
}

.datalist_box .bottom-con {
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: right;
    background: #FFFFFF;
    box-sizing: border-box;
    padding-right: 0.3rem;
}

.datalist_box .bottom-con a {
    font-size: 0.24rem;
    color: #666666;
    padding: 0.12rem 0.3rem;
    border: 0.5px solid #CCCCCC;
    border-radius: 4px;
}

/*新增广告*/
.addadver-box {
    padding: 0 0.3rem 0.3rem;
}

.list-group-item-info {
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0.3rem 0;
}

.list-group-item-info:last-child {
    border-bottom: none;
}

.list-group-item-info label {
    font-size: 0.28rem;
    color: #333333;
    margin-right: 0.38rem;
}

.typetab span {
    display: inline-block;
    width: 1.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 4px;
    font-size: 0.3rem;
    color: #666666;
    border: 0.5px solid #E5E5E5;
    text-align: center;
    margin-right: 0.2rem;
}

.typetab span.active {
    background: #0BABFE;
    color: #FFFFFF;
    border-color: #0BABFE;
}

.list-group-item-info input {
    border: none;
    width: 4.5rem;
}

.adv-size span {
    display: inline-block;
    width: 1.38rem;
    height: 0.61rem;
    line-height: 0.61rem;
    text-align: center;
    font-size: 0.26rem;
    color: #666666;
    background: #EFF2F5;
    border-radius: 4px;
    position: relative;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem
}

.adv-size span.active {
    background: #E4F3FF;
    border: 0.5px solid #19b0fe
}

.adv-size span.active::after {
    content: '';
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/ylmm_icon_tcchick.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.adv-size label {
    float: left;
}

.pull-left {
    float: left !important
}

.w500 {
    width: 5rem;
}

.addadver-box .upimg {
    width: 5.2rem;
    height: 2.4rem;
    position: relative;
    display: inline-block;
    background: #F2F2F5;
}

.addadver-box .upimg::after {
    content: '';
    width: 0.56rem;
    height: 0.56rem;
    background: #F2F2F5 url(../img//icon_add_img.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.addadver-box .upimg span {
    font-size: 0.24rem;
    color: #999;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.addadver-box .upimg input {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}

.addadver-box i.delimg {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../img/close_red.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: -0.15rem;
    right: -0.1rem;
}

.addadver-box .bottom_btn {
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    background: #0BABFE;
    color: #FFFFFF;
    font-size: 0.36rem;
    border-radius: 20px;
}

.mb320 {
    margin-bottom: 0.2rem;
}

/*修改广告*/
.list-group-item-info cite {
    font-size: 0.28rem;
    color: #999999;
}

.upimg img {
    width: 5.2rem;
    height: 2.4rem;
}

.againimg::after {
    display: none;
}


/*流量详情*/
.traffic_details .topbox {
    box-sizing: border-box;
    padding: 0.35rem 0.3rem 0.45rem 0.3rem;
}

.traffic_details .topbox dl {
    float: left;
    width: 33.3%;
    text-align: center;
}

.traffic_details .topbox dl dt {
    font-size: 0.36rem;
    color: #0BABFE;
    margin-bottom: 0.1rem;
}

.traffic_details .topbox dl dd {
    font-size: 0.26rem;
    color: #333333;
}

.H20 {
    height: 0.2rem;
}

.traffic_details .details-info .head {
    height: 0.9rem;
    line-height: 0.9rem;
    background: #FFFFFF;
    border-bottom: 0.5px solid #E5E5E5;
}

.traffic_details .details-info span {
    font-size: 0.3rem;
    color: #051B28;
}

.traffic_details .details-info a {
    font-size: 0.28rem;
    position: relative;
    padding-right: 0.3rem;
    float: right;
}

.traffic_details .details-info a::after {
    content: '';
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img//sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0.3rem;
}

.traffic_details .details-info .head {
    padding: 0 0.3rem;
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table thead tr th {
    font-weight: normal;
    background: #F5F5F5;
    font-size: 0.28rem;
    color: #333333;
    height: 0.8rem;
    text-align: left
}

.table thead tr th:first-child {
    text-align: left;
    padding-left: 0.3rem;
}

.table tbody tr td {
    font-size: 0.28rem;
    text-align: left;
    height: 0.9rem;
    vertical-align: middle;
    border-bottom: 0.5px solid #E5E5E5;
    word-wrap: break-word;
    word-break: break-all;
}

.table tbody tr td:first-child {
    text-align: left;
    padding-left: 0.3rem;
}

.table tbody tr td:first-child span {
    font-size: 0.26rem;
    color: #333333;
}

.table tbody tr td:first-child p {
    font-size: 0.24rem;
    color: #999999;
    margin-top: 0.15rem;
}

.traffic_details .four dl {
    float: left;
    width: 25%;
    text-align: center;
}

/*选择时间*/
.time_input {
    padding: 0.3rem;
    box-sizing: border-box;
}

.time_input input {
    width: 2.94rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border: none;
    border-bottom: 0.5px solid #EFEFEF;
    text-align: center;
    font-size: 0.34rem;
}

.time_input span {
    display: inline-block;
    width: 0.29rem;
    height: 0.25rem;
    background: url(../img/return-time.png) no-repeat center;
    background-size: 100% 100%;
    margin: 0 0.25rem;
}

.time_input input::-webkit-input-placeholder {
    color: #999999;
}

.time_input input.active {
    border-bottom: 0.5px solid #2ca8fe;
    color: #2CA8FE;
}

.trashbtn {
    position: relative;
    height: 0.8rem;
}

.trashbtn::after {
    content: '';
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/ylmm_icon_delete.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0.3rem;
}


/*获得的流量   贡献的流量*/
.traffic_tab {
    width: 4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    border: 0.5px solid #38B6FF;
    border-radius: 5px;
    font-size: 0.3rem;
    color: #38B6FF;
    margin: 0.15rem auto;
    box-sizing: border-box;
}

.traffic_tab a {
    display: inline-block;
    width: 50%;
    float: left;
    border-radius: 5px;
    line-height: 0.6rem;
}

.traffic_tab a:first-child {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.traffic_tab a:last-child {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.traffic_tab a.active {
    color: #FFFFFF;
    background: #38B6FF;
}

.top-data {
    background: #FFFFFF;
}

.H02 {
    height: 0.2rem;
}

.top-data .head {
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    border-bottom: 0.5px solid #DFDFDF;
}

.top-data .head span {
    color: #051B28;
    font-size: 0.3rem;
}

.top-data .head a {
    font-size: 0.24rem;
    color: #999999;
    float: right;
    position: relative;
    padding-right: 0.3rem
}

.top-data .head a::after {
    width: 0.16rem;
    height: 0.28rem;
    content: '';
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0.25rem;
}

.top-data .con {
    padding: 0.44rem 0;
}

.top-data .con dl {
    width: 25%;
    float: left;
    text-align: center;
}

.top-data .con dl dt {
    font-size: 0.42rem;
    color: #23AEFF;
}

.top-data .con dl dd {
    font-size: 0.24rem;
    color: #666666;
    margin-top: 0.2rem;
}

.top-data .dl3 dl {
    width: 33.33%;
}

.traffic-trend {
    margin-top: 0.2rem;
    background: #FFFFFF
}

.traffic-trend .head {
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    border-bottom: 0.5px solid #DFDFDF;
}

.traffic-trend .head span {
    color: #051B28;
    font-size: 0.3rem;
}

.traffic-trend .head a {
    font-size: 0.24rem;
    color: #999999;
    float: right;
    position: relative;
    padding-right: 0.3rem
}

.traffic-trend .head a::after {
    width: 0.16rem;
    height: 0.28rem;
    content: '';
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0.25rem;
}

.traffic-trend .con {
    padding: 0.25rem 0.2rem 0;
}

.traffic-trend .con label {
    font-size: 0.24rem;
    color: #999999;
}

.traffic-trend .con .day_tab {
    float: right;
}

.traffic-trend .con .day_tab a, .traffic-trend .con .day_tab input {
    display: inline-block;
    width: 0.88rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #38B6FF;
    border: 0.5px solid #38B6FF;
    border-radius: 4px;
    font-size: 0.22rem;
}

.traffic-trend .con .day_tab a.active, .traffic-trend .con .day_tab input.active {
    background: #38B6FF;
    color: #FFFFFF;
}

.traffic-trend .con .bottom_tab {
    height: 0.7rem;
    line-height: 0.7rem;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.traffic-trend .con .bottom_tab span {
    display: inline-block;
    width: 33.33%;
    font-size: 0.24rem;
    color: #999999;
    float: left;
    border: 0.5px solid #E8E8E8;
    box-sizing: border-box;
    background: #fbfbfc;
}

.traffic-trend .con .bottom_tab span.active {
    color: #051B28;
    border-top: none;
    border-left: none;
    background: #FFFFFF
}


.traffic_source {
    margin-top: 0.2rem;
    background: #FFFFFF
}

.traffic_source .head {
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    border-bottom: 0.5px solid #DFDFDF;
}

.traffic_source .head span {
    color: #051B28;
    font-size: 0.3rem;
}

.traffic_source .head a {
    font-size: 0.24rem;
    color: #999999;
    float: right;
    position: relative;
    padding-right: 0.3rem
}

.traffic_source .head a::after {
    width: 0.16rem;
    height: 0.28rem;
    content: '';
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0.25rem;
}

.source_tab tbody tr td:first-child {
    font-size: 0.26rem;
    color: #666666;
}

.trafficdetail tbody tr td {
    color: #666666;
}

/*获得的流量查看广告*/
.ad_box {
    background: #FFFFFF;
    margin-bottom: 0.2rem
}

.ad_box .head {
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.2rem
}

.ad_box .head span {
    color: #051B28;
    font-size: 0.32rem;
}

.ad_box .head i {
    float: right;
    font-size: 0.3rem;
}

.text-green {
    color: #33bc4a;
}

.ad_box .type {
    padding: 0.2rem;
    border-top: 0.5px solid #DFDFDF;
    border-bottom: 0.5px solid #DFDFDF;
}

.ad_box .type span {
    display: inline-block;
    height: 0.3rem;
    background-color: #f4f4f4;
    line-height: 0.3rem;
    padding: 0 0.05rem;
}

.ad_box .type p {
    margin: 0.2rem 0;
}

.ad_box .type img {
    width: 7.1rem;
    height: 1.5rem;
}

.ad_box .bottom {
    text-align: right;
    padding: 0.2rem;
}

.ad_box .bottom a {
    display: inline-block;
    padding: 0.12rem 0.25rem;
    border: 0.5px solid #CCCCCC;
    font-size: 0.24rem;
    color: #666666;
    border-radius: 3px;
}

.source_box {
    background: #FFFFFF;
    margin-top: 0.2rem;
}

.source_box .head {
    height: 1rem;
    line-height: 1rem;
}

.source_box .head span {
    color: #333333;
    font-size: 0.32rem;
    position: relative;
    padding-left: 0.2rem;
}

.source_box .head span::after {
    content: '';
    background: url(../img/shu.png) no-repeat center;
    width: 0.08rem;
    height: 0.26rem;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.source_box .head a {
    font-size: 0.26rem;
    color: #666666;
    float: right;
    padding-right: 0.3rem;
    position: relative;
}

/*.source_box .head a::after{content: '';background: url(../img/rili.png) no-repeat center;width: 0.65rem;height: 0.4rem;background-size: 100% 100%;position: absolute;right: 0.2rem;top: 0.3rem;}*/

.traffic_detailtable thead tr th {
    height: 0.8rem;
    line-height: 0.8rem;
    color: #7C9FBF;
    font-size: 0.26rem;
    background: #FFFFFF;
    border-bottom: 0.5px solid #E5E5E5;
    border-top: 0.5px solid #E5E5E5;
}

.traffic_detailtable tbody tr td {
    height: 1.3rem;
}

.traffic_detailtable tbody tr td p {
    margin-top: 0.2rem;
}

.traffic_detailtable tbody tr td:first-child + td {
    color: #0BABFE;
}


.top-data .daynum {
    text-align: center;
    margin-bottom: 0.7rem;
}

.devote_list {
    background: #FFFFFF;
    border-top: 0.5px solid #E8E8E8;
}

.devote_list ul li {
    float: left;
    width: 33.33%;
    font-size: 0.28rem;
    color: #666666;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    border: 0.5px solid #E8E8E8;
    box-sizing: border-box;
    background: #FBFBFC;
}

.devote_list ul li.active {
    color: #333333;
    background: #FFFFFF;
    border-bottom: none;
}

.devote_list .list_index {
    background: #fff;
    padding: 0.2rem;
    font-size: 0.28rem;
    color: #FFFFFF;
}

.devote_list .list_index i {
    background: #f2f2f6;
    height: 0.6rem;
    line-height: 0.6rem;
    display: block;
    margin-top: 0.2rem;
}

.devote_list .list_index p {
    background: #6EC4F2;
    height: 0.6rem;
    line-height: 0.6rem;
}

.numPoint {
    float: right;
    color: #333;
}

.pl2 {
    padding-left: 0.2rem;
}

.pr2 {
    padding-right: 0.2rem;
}


.more_source tbody tr td {
    color: #999999;
}

.more_source tbody tr:first-child td:first-child, .more_source tbody tr:first-child + th td:first-child, .more_source tbody tr:first-child + th + th td:first-child {
    font-size: 0.28rem;
    color: #FF5757
}

.more_source tbody tr td span {
    color: #333333;
}

.more_source tbody tr td p {
    color: #999999;
}


.plan_box {
    height: 0.8rem;
    line-height: 0.8rem;
    background: #FFFDEC;
    padding: 0 0.2rem;
}

.plan_box span {
    color: #FF7800;
    font-size: 0.3rem;
}

.plan_box a {
    color: #FF7800;
    font-size: 0.3rem;
    position: relative;
    float: right;
    padding-right: 0.35rem;
}

.plan_box a::after {
    content: '';
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/yellow-right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.27rem;
    right: 0;
}

.flow_data {
    background: #FFFFFF;
    margin: 0.2rem;
    box-shadow: 0px 3px 10px rgba(11, 171, 254, 0.3);
    padding: 0.45rem 0.2rem;
}

.flow_data .title {
    box-sizing: border-box;
    width: 100%;
}

.flow_data .title span {
    display: inline-block;
    width: 19%;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.26rem;
    color: #7C9FBF;
}

.flow_data .list_data p {
    box-sizing: border-box;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #F5F7FA;
    margin-top: 0.3rem;
}

.flow_data .list_data p span {
    display: inline-block;
    width: 19%;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.26rem;
    color: #666666;
}

.flow_data .list_data p span:first-child {
    color: #7C9FBF;
}

.flow_data .list_data p span:last-child {
    color: #FF7800;
}

.text-yellow {
    color: #FF7800 !important;
}

.recently tbody tr td {
    color: #666;
}

.flow_invite a {
    float: right;
    background: orange;
    color: #fff;
    padding: 0.08rem 0.1rem;
    border-radius: 5px;
}

.flow_invite {
    height: 0.7rem
}

.invite_title h3 {
    background: url("../img/invite_title.png") no-repeat center;
    height: 0.5rem;
    background-size: 60%;
    margin: 0.6rem 0
}

.invite_title ul li {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 0.4rem
}

.invite_title ul li b {
    color: #cb7800;
    font-size: 0.4rem;
    margin-bottom: 0.1rem;
    display: inline-block
}

.invite_table {
    margin: 0 0.2rem
}

.invite_table ul li {
    text-align: center;
    float: left
}

.invite_table .w30 {
    width: 35%
}

.invite_table .w20 {
    width: 20%
}

.invite_table .w50 {
    width: 45%;
}

.invite_table .w50 p {
    height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    margin-top: 0.3rem
}

.table_title {
    border-top: 1px solid #cb7800;
    background: #fdf6e6;
    line-height: 0.66rem;
    color: #cb7800;
    height: 0.66rem
}

.table_list {
    height: 1.2rem;
    border-bottom: 1px solid #e5e5e5;
    line-height: 0.5rem;
    padding-top: 0.3rem;
}

.table_list b {
    color: #ff6600;
    font-size: 0.3rem;
    margin-top: 0.25rem;
    display: block
}

.table_list b:after {
    content: '';
    background: url("../img/more.png") no-repeat;
    background-size: 0.28rem;
    width: 0.28rem;
    height: 0.28rem;
    display: inline-block;
    margin-left: 0.1rem
}

.invite_top {
    background: url(../img/bg3.png) no-repeat;
    height: 15rem;
    background-size: 100%;
}

.invite_top .titles {
    height: 0.55rem;
    line-height: 0.55rem;
    padding: 0.3rem 0 0.3rem 0.2rem
}

.invite_top .titles span {
    float: right;
    width: 1.4rem;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background: #ed7132;
    color: #fff;
    text-align: center
}

.invite_top .titles a {
    background: url("../img/back_white.png") no-repeat;
    width: 0.45rem;
    height: 0.45rem;
    display: inline-block;
    background-size: 0.45rem;
}

.invite_top .link {
    background: url("../img/bg1.png") no-repeat center 0.2rem;
    background-size: 100%;
    height: 7.6rem;
    width: 80%;
    margin: 0 auto;
    position: relative
}

.invite_top .buy_way {
    background: url("../img/bg2.png") no-repeat center 0.2rem;
    background-size: 90%;
    height: 4rem;
}

.invite_top .sell_way {
    background: url("../img/bg2_sell.png") no-repeat center 0.2rem;
    background-size: 90%;
    height: 4rem;
}

.link_title {
    text-align: center;
    color: #e43a40;
    padding-top: 1rem;
    font-size: 0.32rem;
    font-weight: bold;
}

.link_title b {
    font-size: 1rem
}

.link_bottom {
    position: absolute;
    bottom: 0.6rem;
    left: 0.3rem;
    color: #fffbce;
    width: 90%
}

.link_bottom h2:before {
    content: "";
    width: 0.2rem;
    height: 0.2rem;
    background: #fff7a7;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.1rem
}

.link_bottom textarea {
    height: 1.67rem;
    background: #fbe4d3;
    border: 1px solid #d68906;
    border-radius: 5px;
    width: 97%;
    margin: 0.1rem auto;
    padding: 0.1rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
}

.invite_rule p {
    line-height: 0.8rem;
    margin-bottom: 0.1rem
}

.box_title {
    height: 0.87rem;
    line-height: 0.87rem;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    position: relative;
    font-size: 0.4rem
}

.box_title i {
    position: absolute;
    right: 0.3rem;
    color: #999;
}

.box_index {
    padding: 0.2rem !important;
    text-align: center
}

.box_index table {
    width: 100%;
    text-align: center
}

.box_index table tr {
    height: 0.58rem;
    line-height: 0.58rem;
}

.box_index table td {
    border-bottom: 1px solid #ebebeb
}

.box_index table tr th {
    background: #f5f7fa;
    color: #7c9fbf
}

.box_indexs {
    width: 85% !important;
    height: 7rem !important;
    overflow: scroll;
}

/*选择投放计划*/
.checkplan_modal .check-box {
    height: 6.57rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    z-index: 100;
}

.checkplan_modal .check-box .head {
    height: 0.88rem;
    line-height: 0.88rem;
    border-bottom: 0.5px solid #EFEFEF;
    padding: 0 0.2rem;
}

.checkplan_modal .check-box .head span {
    font-size: 0.32rem;
    color: #051B28;
}

.checkplan_modal .check-box .head i {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(../img/icon-del.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 0.2rem;
    float: right;
}

.checkplan_modal .check-box .con {
    padding: 0 0.2rem;
    box-sizing: border-box;
    height: 6.78rem;
    overflow: auto;
    padding-bottom: 2.3rem;
}

.checkplan_modal .check-box .bottom {
    height: 0.88rem;
    line-height: 0.88rem;
    background: #0BABFE;
    font-size: 0.36rem;
    color: #FFFFFF;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
}

.checkplan_modal .check-box ul li {
    height: 0.95rem;
    line-height: 0.95rem;
    font-size: 0.28rem;
    color: #333333;
    border-bottom: 0.5px solid #EFEFEF;
    position: relative;
}

.checkplan_modal .check-box ul li.active::after {
    content: '';
    background: url(../img/check_gou.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0;
    top: 0.3rem;
}


/*投放计划*/
.put_planbox {
    background: #FFFFFF;
    margin-bottom: 0.2rem;
}

.put_planbox .head {
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 0.5px solid #EFEFEF;
    padding: 0 0.2rem;
}

.put_planbox .head span {
    font-size: 0.3rem;
    color: #051B28;
}

.put_planbox .head i {
    float: right;
    font-size: 0.28rem;
}

.put_planbox .con {
    padding: 0.3rem 0.2rem;
}

.put_planbox .con img {
    width: 1.52rem;
    height: 1.14rem;
    float: left;
    margin-right: 0.2rem;
    margin-bottom: 0.15rem;
}

.put_planbox .con p {
    font-size: 0.24rem;
    color: #666666;
    margin-bottom: 0.1rem;
}

.put_planbox .con a {
    color: #66B8F2;
    font-size: 0.28rem;
}

.put_planbox .con .num {
    margin-top: 0.1rem;
    font-size: 0.24rem;
    color: #666666;
    clear: both;
}

.put_planbox .con .num i {
    font-size: 0.24rem;
    color: #666666;
}

.put_planbox .bottom {
    text-align: right;
    padding: 0.2rem;
    border-top: 0.5px solid #EFEFEF;
}

.put_planbox .bottom a {
    display: inline-block;
    padding: 0.12rem 0.25rem;
    border: 0.5px solid #CCCCCC;
    font-size: 0.24rem;
    color: #666666;
    border-radius: 3px;
}


.lastpage, .lastpage_cur {
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #c0c0c0;
}

.lastpage_cur {
    color: #0BABFE;
}

/*修改投放计划*/
.put_con {
    margin: 0 0.2rem;
    background: #FFFFFF;
    padding: 0.3rem 0.2rem 0;
    box-shadow: 0px 3px 10px rgba(11, 171, 254, 0.3);
}

.put_con .top-head i {
    display: inline-block;
    width: 2.38rem;
    height: 0.04rem;
    border-top: 2px solid #ECECEC;
    border-bottom: 2px solid #ECECEC
}

.put_con .top-head span {
    margin: 0 0.28rem;
    font-size: 0.3rem;
}

.put_con .con_box {
    margin-top: 0.6rem;
}

.put_con .con_box .list {
    margin-bottom: 0.3rem;
}

.put_con .con_box .list label {
    font-size: 0.28rem;
    color: #666666;
}

.put_con .con_box .list span {
    float: right;
    font-size: 0.28rem;
    color: #333;
}

.put_con .con_box .list input {
    float: right;;
    border: none;
    height: 0.4rem;
    line-height: 0.4rem;
    width: 60%;
    text-align: right;
}

.borderpb {
    border-bottom: 0.5px solid #E5E5E5;
    padding-bottom: 0.2rem;
}

.put_con .con_box .list i {
    float: right;
    color: #FF7800;
}

.put_con .con_box .list a {
    color: #333333;
    float: right;
    position: relative;
    padding-right: 0.3rem;
}

.put_con .con_box .list a::after {
    content: '';
    background: url(../img/blue-right.png) no-repeat center;
    width: 0.14rem;
    height: 0.26rem;
    background-size: 100% 100%;
    position: absolute;
    top: 0.05rem;
    right: 0;
}

.put_con .con_box .list:last-child {
    padding-bottom: 0.5rem;
}

.foot_bottom {
    text-align: center;
    margin-top: 1.15rem
}

.foot_bottom button {
    border: none;
    width: 7.1rem;
    height: 0.9rem;
    line-height: 0.9rem;
    margin: 0 auto;
    font-size: 0.36rem;
    background: #0BABFE;
    color: #FFFFFF;
    border-radius: 20px;
}


.red-right {
    position: relative;
    padding-right: 0.2rem;
}

.red-right::after {
    content: '';
    background: url(../img/red-right.png) no-repeat center;
    width: 0.1rem;
    height: 0.18rem;
    background-size: 100% 100%;
    position: absolute;
    top: 0.07rem;
    right: 0;
}

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

.details_tab tbody tr td:first-child {
    text-align: center;
    padding: 0;
}

.pd0 {
    padding: 0 !important;
}

.text-666 {
    color: #666666 !important;
}


/*设置*/
.set_personal p a {
    display: inline-block;
    width: 100%;
    color: #333333;
}

.set_box {
    background: #FFFFFF;
    margin-top: 0.9rem;
}

.set_box p {
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0 0.3rem;
    position: relative;
}

.set_box p::after {
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    content: '';
    width: 0.16rem;
    height: 0.28rem;
    background-size: 100% 100%;
    position: absolute;
    top: 0.33rem;
    right: 0.3rem;
}

.set_box .headimg {
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0 0.3rem;
    position: relative;
}

.set_box .headimg img {
    width: 0.88rem;
    height: 0.88rem;
    float: right;
    margin-top: 0.15rem;
    margin-right: 0.4rem;
    position: relative;
}

.set_box .headimg::after {
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    content: '';
    width: 0.16rem;
    height: 0.28rem;
    background-size: 100% 100%;
    position: absolute;
    top: 0.45rem;
    right: 0.3rem;
}

.set_box .headimg span {
    font-size: 0.3rem;
}

.set_box .headimg input {
    width: 100%;
    height: 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}


.set_box p i {
    float: right;
    padding-right: 0.3rem;
    font-size: 0.28rem;
    color: #999999;
}

.set_box p a {
    color: #333333;
    width: 100%;
    display: inline-flex;
}

.set_box p a i {
    position: absolute;
    right: 0.4rem;
}

.set_box .username::after {
    background: none;
}

.set_box .username i {
    padding: 0;
}


.person_box {
    margin-top: 1.1rem;
}

.person_box .databox {
    height: 0.95rem;
    line-height: 0.95rem;
    border-bottom: 0.5px solid #E5E5E5;
    padding: 0 0.3rem;
    background: #FFFFFF;
}

.person_box .databox span {
    color: #333333;
    font-size: 0.3rem;
}

.person_box .databox input {
    border: none;
    padding-left: 0.3rem;
    height: 0.8rem
}

.footbtn {
    text-align: center;
    margin-top: 1.08rem;
}

.footbtn button {
    border: none;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.36rem;
    color: #FFFFFF;
    background: #0BABFE;
    border-radius: 20px;
    box-shadow: 0px 3px 10px rgba(11, 171, 254, 0.3);
}

.footbtn button.disabled {
    background: #D5D5D5;
    box-shadow: none;
}

.exit_login {
    float: right;
    margin-right: 0.3rem;
    margin-top: 0.2rem;
    font-size: 0.28rem;
    color: #666;
}

/*实名认证*/
.real_name {
    margin-top: 0.9rem;
}

.real_name .cue {
    height: 1.1rem;
    color: #FF5757;
    background: #FFF8F4;
    font-size: 0.28rem;
    padding: 0.23rem 0.3rem 0 0.8rem;
    position: relative;
}

.real_name .cue::after {
    background: url(../img/icon-waring.png) no-repeat center;
    width: 0.34rem;
    height: 0.3rem;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    top: 0.35rem;
    left: 0.3rem;
}

.real_name .info {
    padding: 0 0.3rem;
}

.real_name p {
    height: 0.97rem;
    line-height: 0.97rem;
    border-bottom: 0.5px solid #E5E5E5;
    position: relative
}

.real_name p span {
    color: #333333;
    float: left
}

.real_name p input {
    border: none;
    padding-left: 0.3rem;
    width: 50%;
    height: 0.9rem;
    float: left
}

.real_name .huoqu_code {
    float: right;
    margin-top: 0.2rem
}

/*.ls1{letter-spacing: 0.1rem;}*/
.real_name p i {
    display: inline-block;
    width: 5.19rem;
    height: 2.5rem;
    position: relative;
    background: #F2F2F5 url(../img/icon_add_img.png) no-repeat center 0.8rem;
    background-size: 0.56rem;
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
}

.real_name p i input {
    width: 100%;
    height: 2.5rem;
    opacity: 0;
    position: absolute;
    top: 0;
}

.real_name p i cite {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.24rem;
    color: #999999;
}

.lh13 {
    vertical-align: top;
    line-height: 0.3rem;
}

.pdtop4 {
    padding-top: 0.4rem !important;
}

.ml17 {
    margin-left: 1.7rem !important;
}

.zhuyi {
    padding-left: 1.7rem;
    color: #999 !important;
    font-size: 0.24rem !important;
}

.lh0 {
    line-height: 0 !important;
    padding-bottom: 0.6rem !important;
}

.real_name button.code {
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #0BABFE;
    font-size: 0.26rem;
    color: #FFFFFF;
    border-radius: 20px;
}

.w4 {
    width: 40%;
}

.matters {
    padding: 0.35rem 0.2rem 0.4rem;
    border: 0.5px solid #F3EEC1;
    border-radius: 5px;
    background: #FFFDEC;
    margin-top: 0.5rem;
}

.matters h3 {
    font-size: 0.3rem;
    margin-bottom: 0.3rem;
}

.matters div {
    font-size: 0.24rem;
}

.pdlr2 {
    padding: 0 0.2rem;
}

.font-cue {
    font-size: 0.26rem;
    color: #999;
    padding-left: 0.3rem;
    margin-top: 0.2rem;
}

/*短信验证*/
.banding {
    padding: 0 0.3rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.28rem;
}

.huoqu_code {
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #0BABFE;
    font-size: 0.26rem;
    color: #FFFFFF;
    border-radius: 20px;
}

/*帮助yu反馈*/
.h9 {
    height: 0.9rem;
    line-height: 0.9rem;
    background: #F5F5F5;
    padding: 0 0.3rem;
}

.w56 {
    width: 5.6rem;
    display: inline-block;
}

.feedback {
    height: 0.8rem;
    line-height: 0.8rem;
    background: #FFFFFF;
    text-align: center;
    color: #333333 !important;
    font-size: 0.3rem;
    position: fixed;
    width: 100%;
    bottom: 0.5rem;
}

.feedback a {
    color: #333333;
    position: relative;
    display: inline-block;
    width: 100%;
}

.feedback a::after {
    content: '';
    width: 0.26rem;
    height: 0.26rem;
    background: url(../img/pen.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.25rem;
    right: 2.7rem;
}

.help_details {
    margin-top: 0.9rem;
    padding: 0.35rem 0.2rem;
}

.help_details h4 {
    color: #333333;
    font-size: 0.32rem;
    position: relative;
    padding-left: 0.2rem;
}

.help_details h4::before {
    content: '';
    background: url(../img/shu.png) no-repeat center;
    width: 0.08rem;
    height: 0.26rem;
    background-size: 100% 100%;
    position: absolute;
    top: 0.1rem;
    left: 0;
}

.help_details p {
    margin-top: 0.4rem;
    font-size: 0.24rem;
    color: #666666;
}

/*意见反馈*/
.opinion_box {
    margin-top: 0.9rem;
}

.opinion_box .tab {
    background: #FFFFFF;
    padding: 0.5rem 0.2rem;
}

.opinion_box .tab span {
    display: inline-block;
    padding: 0.2rem 0.25rem;
    text-align: center;
    font-size: 0.26rem;
    color: #666666;
    background: #F5F5F5;
    border-radius: 5px;
    margin-right: 0.06rem
}

.opinion_box .tab span:last-child {
    margin: 0.2rem 0 0 0;
}

.opinion_box .tab span.active {
    background: #0BABFE;
    color: #FFFFFF;
}

.opinion_textarea {
    margin-top: 0.2rem;
    background: #FFFFFF;
}

.opinion_textarea textarea {
    padding: 0.27rem 0.2rem;
    height: 3.8rem;
    width: 100%;
    box-sizing: border-box;
    border: none;
}

p.lianxi {
    height: 0.9rem;
    line-height: 0.9rem;
    background: #FFFFFF;
    margin-top: 0.2rem;
    padding: 0 0.2rem;
}

p.lianxi input {
    padding-left: 0.2rem;
    border: none;
}

.b2b2 {
    color: #B2B2B2;
    font-size: 0.26rem;
    padding: 0.2rem;
}


/*资讯发布*/
.release-box {
    margin-top: 0.9rem;
    padding: 0 0.4rem 0.4rem;
    background: #FFFFFF
}

.release-box input {
    height: 1rem;
    line-height: 1rem;
    width: 100%;
    border: none;
    border-bottom: 0.5px solid #E6E6E6;
    color: #333333;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #CCCCCC;
}

.release-box textarea {
    border: none;
    padding-top: 0.35rem;
    width: 100%;
    height: 2.5rem;
    max-height: 2.5rem;
    overflow: auto;
}

.imgupBox {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
}

.imgupBox a {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    background: #f2f2f5;
}

.imgupBox a input {
    width: 100%;
    height: 100%;
    opacity: 0
}

.imgupBox a::after {
    content: '';
    width: 0.93rem;
    height: 0.98rem;
    background: url(../img/plus.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.imgupBox img {
    width: 1.6rem;
    height: 1.6rem;
}

.imgupBox span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 0.1rem;
}

.imgupBox span i {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../img/red-close.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: -0.1rem;
    left: -0.1rem;
}

.imgupBox {
    background: #f2f2f5 url(../img/plus.png) no-repeat center;
    background-size: 70%;
}

.imgupBox .imgup {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.check_fenlei {
    margin-top: 0.2rem;
    height: 1rem;
    line-height: 1rem;
    background: #FFFFFF;
    padding: 0 0.4rem;
}

.check_fenlei a {
    font-size: 0.28rem;
    color: #333333;
    display: inline-block;
    width: 100%;
    position: relative;
}

.check_fenlei a::after {
    content: "";
    display: inline-block;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.35rem;
    right: 0;
}

.check_fenlei a i {
    float: right;
    padding-right: 0.4rem;
}

.release_foot {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.release_foot button {
    background: #0BABFE;
    font-size: 0.36rem;
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    color: #FFFFFF;
}

.fenleiBox {
    margin-top: 0.9rem;
    padding: 0.2rem;
}

.fenleiBox .fenlei_list h4 {
    font-size: 0.28rem;
    position: relative;
    padding-left: 0.2rem;
    font-weight: normal;
    margin-bottom: 0.3rem
}

.fenleiBox .fenlei_list h4::after {
    content: '';
    background: url(../img/shu.png) no-repeat center;
    width: 0.08rem;
    height: 0.26rem;
    background-size: 100%;
    position: absolute;
    top: 0.06rem;
    left: 0;
}

.fenleiBox .fenlei_list span {
    display: inline-block;
    width: 1.61rem;
    height: 0.67rem;
    line-height: 0.67rem;
    text-align: center;
    background: #f0f2f5;
    color: #999999;
    font-size: 0.28rem;
    border-radius: 5px;
    margin-bottom: 0.2rem;
    margin-right: 0.1rem;
    border: 0.5px solid #f0f2f5;
}

.fenleiBox .fenlei_list span.active {
    background: #E0F5FF;
    color: #0BABFE;
    border: 0.5px solid #0BABFE;
}

.footsure {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 1rem;
    box-sizing: border-box;
    border-top: 0.5px solid #E9E9E9;
}

.footsure button.cancel {
    float: left;
    width: 30%;
    height: 100%;
    color: #666666;
    background: #FFFFFF;
    font-size: 0.32rem;
}

.footsure button.sure {
    width: 70%;
    float: left;
    height: 100%;
    color: #FFFFFF;
    background: #0babfe;
    font-size: 0.32rem;
}

.project {
    background: url(../img/mfjh.png) no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.flow_project {
    width: 100%;
    height: 100%;
    position: relative;
}

.flow_project a.goleft {
    display: inline-block;
    background: url(../img/jfcj_fanhui_icom.png) no-repeat center;
    width: 0.48rem;
    height: 0.48rem;
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
    background-size: 100% 100%;
}

.project a.join {
    display: inline-block;
    width: 5rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.48rem;
    color: #FFFFFF;
    background: linear-gradient(to right, #5e01fb, #c82de1);
    border-radius: 100px;
    position: absolute;
    left: 50%;
    bottom: 5%;
    text-align: center;
    transform: translate(-50%, -50%);
}

input.upload_input {
    width: 100%;
    height: 100%;
    opacity: 0;
    display: inline-block;
    position: absolute;
    top: 0;
}


.interverbox h4 {
    width: 1.5rem;
    border-bottom: 0.5px solid #0BABFE;
    padding-bottom: 0.1rem;
    margin-bottom: 0.2rem;
}

.check_clssify {
    position: fixed;
    top: 0;
    z-index: 9;
    background: #FFFFFF;
    height: 100%;
    width: 100%;
}


/*实名认证查看信息*/
.real_name_info {
    margin-top: 0.9rem;
}

.real_name_info .info p {
    height: 0.95rem;
    line-height: 0.95rem;
    font-size: 0.28rem;
    border-bottom: 0.5px solid #EFEFEF;
    padding: 0 0.3rem;
}

.real_name_info p span {
    color: #666666;
}

.real_name_info p i {
    color: #333333;
}

.pd02 {
    padding: 0 0.2rem;
}

.zindex10 {
    z-index: 10 !important;
}

/*复制弹窗的QQ/手机/邮箱 图标样式*/
.modal-contact .main-box .qq::after, .modal-contact .main-box .email::after, .modal-contact .main-box .wx::after, .modal-contact .main-box .phone::after {
    content: "";
    width: 0.26rem;
    height: 0.26rem;
    background-image: url(/html5../img/icon/copy.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 0.1rem;
}

.modal-contact .block span {
    vertical-align: top;
}

.modal-contact .close {
    z-index: 9;
}

.modal-contact .contact-box p {
    margin-top: 0.35rem;
}

.modal-contact .main-box .wx::before {
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    background-image: url(/html5../img/icon/wzqg_icon_lxwx.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 0.1rem;
}

.modal-contact .main-box .phone:before {
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    background-image: url(/html5../img/icon/wzqg_icon_lxsj.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 0.1rem;
}

.font-blue {
    color: #0BABFE !important;
}

.font-yellow {
    color: #FF7800 !important;
}


.changea {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    position: relative;
}

.changea::after {
    content: '';
    background: url(../img/icon_open.png) no-repeat center;
    width: 0.36rem;
    height: 0.36rem;
    position: absolute;
    top: 17px;
    left: 50px;
    background-size: 100% 100%;
}

/*图标显示设置*/
.icon_set_box {
    margin-top: 1.1rem;
}

.icon_set_box .top {
    background: #FFFFFF;
    position: relative;
    padding: 0.2rem 0 0.2rem 0.3rem
}

.icon_set_box .top span {
    color: #333333;
    font-size: 0.3rem;
}

.icon_set_box .top p {
    color: #999999;
    font-size: 0.24rem;
}

.icon_set_box .center {
    position: absolute;
    top: 0.2rem;
    right: 0.3rem;
}

.icon_set_box .con h5 {
    height: 0.9rem;
    line-height: 0.9rem;
    font-weight: normal;
    border-top: 0.5px solid #DFDFDF;
    border-bottom: 0.5px solid #DFDFDF;
    padding-left: 0.3rem;
}

.icon_set_box .con .imgbox {
    padding: 0.37rem 0.4rem;
    box-sizing: border-box;
}

.icon_set_box .con .imgbox span {
    display: inline-block;
    width: 30%;
    margin: 0 0.2rem 0.6rem 0;
}

.icon_set_box .con img {
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.2rem;
}

input[type="checkbox"] + label {
    cursor: pointer;
    font-size: 1em;
}

/* ==================================================================== */
/* CHECKBOX TYPE 10 ---------------------------------------------------- */
/* ==================================================================== */

[id^="checkbox-10-"] {
    display: none;
}

[id^="checkbox-10-"] + label {
    background-color: #fafbfa;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    width: 40px;
    height: 15px;
}

[id^="checkbox-10-"] + label:after {
    content: ' ';
    position: absolute;
    top: 0;
    -webkit-transition: box-shadow 0.1s ease-in;
    transition: box-shadow 0.1s ease-in;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0, 0, 0, 0.4);
}

[id^="checkbox-10-"] + label:before {
    content: ' ';
    position: absolute;
    background: white;
    top: 1px;
    left: 1px;
    z-index: 999999;
    width: 31px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    height: 31px;
    border-radius: 100px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3);
}

[id^="checkbox-10-"]:active + label:after {
    box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

[id^="checkbox-10-"]:active + label:before {
    width: 37px;
}

[id^="checkbox-10-"]:checked:active + label:before {
    width: 37px;
    left: 20px;
}

[id^="checkbox-10-"] + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

[id^="checkbox-10-"]:checked + label:before {
    content: ' ';
    position: absolute;
    left: 26px;
    border-radius: 100px;
}

[id^="checkbox-10-"]:checked + label:after {
    content: ' ';
    font-size: 1.5em;
    position: absolute;
    background: #0babfe;
    box-shadow: 0 0 1px #0babfe;
}

.check-box-friend-fixed {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    border-top: 0.5px solid #E6E6E6;
    margin-top: 1.78rem;
    z-index: 5;
}

.mt248 {
    margin-top: 2.48rem;
}

.mt266 {
    margin-top: 2.66rem !important;
}

.mt336 {
    margin-top: 3.36rem;
}

.cart_none {
    margin-top: 0.88rem;
    padding-bottom: 1rem;
}

.cart_none .none-link {
    margin-top: 0.2rem;
    background-color: #ffffff !important;
}

.cart_none .none-link::after {
    content: '';
    display: block;
    clear: both;
}

.cart_none .none-link .top {
    height: 0.82rem;
    text-align: center;
    border-bottom: 0.01rem solid #E5E5E5;
}

.cart_none .none-link .top > img {
    width: 2.24rem;
    height: 0.33rem;
    margin-top: 0.23rem;
}

.cart_none .none-link .main-shop > div {
    float: left;
    box-sizing: border-box;
}

.cart_none .none-link .main-shop .left {
    width: 3.75rem;
    /*height: 4.85rem;*/
    border-right: 0.01rem solid #E5E5E5;

}

.cart_none .none-link .main-shop .right {
    width: 3.74rem;
    /*height: 4.85rem;*/

}

.cart_none .none-link .main-shop .title {
    font-size: 0.3rem;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    padding-left: 0.3rem;
}

.cart_none .none-link .main-shop .main-item1 {
    padding-top: 0.46rem;
    display: block;
    height: 3.24rem;
    border-bottom: 0.01rem solid #E5E5E5;
    box-sizing: border-box;

}

.cart_none .none-link .main-shop .desc {
    font-size: 0.22rem;
    font-family: MicrosoftYaHei;
    color: rgba(80, 138, 230, 1);
    margin-top: 0.2rem;
    padding-left: 0.3rem;
}

.cart_none .none-link .main-shop .left .main-item2 > div {
    float: left;
}

.cart_none .none-link .main-shop .left .main-item2 .desc-text {
    width: 2.77rem;
}

.cart_none .none-link .main-shop .left .main-item2 img {
    width: 0.66rem;
    height: 0.66rem;
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}

.cart_none .none-link .main-shop .right .right-item1 {
    height: 1.615rem;
    display: block;
    border-bottom: 0.01rem solid #E5E5E5;
    padding-top: 0.1rem;
    box-sizing: border-box;
}

.cart_none .none-link .main-shop .right .right-item1 > div {
    float: left;
}

.cart_none .none-link .main-shop .right .right-item1 .desc-text {
    width: 2.40rem;
}

.cart_none .none-link .main-shop .right .right-item1 img {
    width: 0.91rem;
    height: 0.78rem;
    margin-top: 0.5rem;
}

article {
    word-break: break-all;
    word-wrap: break-word;
}

.w70 {
    width: 70% !important;
}

/*处理议价*/
.bargin-top {
    background: #FFFFFF;
    padding: 0.4rem;
    position: fixed;
    top: 0.9rem;
    width: 100%;
    box-shadow: 0px 3px 10px rgba(11, 171, 254, 0.3);
}

.bargin-top .webname {
    color: #051B28;
    font-size: 0.36rem;
}

.w33 {
    display: inline-block;
    width: 3.3rem;
    font-size: 0.26rem;
    color: #999999;
    vertical-align: middle;
}

.bargin-top .bottom i {
    font-size: 0.26rem;
    color: #666666;
}

.bargin-top .bottom ss {
    color: #FF7800;
    font-size: 0.2rem;
}

.bargin-top .bottom span {
    color: #FF7800;
    font-size: 0.36rem;
}

.mtb254 {
    margin: 0.25rem 0 0.4rem 0;
}

.bargin_list_box {
    margin: 3.8rem 0.2rem 0 0.2rem
}

.bargin_list_box .list-con {
    background: #FFFFFF;
    padding: 0.3rem 0.2rem;
    margin-bottom: 0.2rem;
}

.bargin_list_box .userinfo img {
    width: 0.42rem;
    height: 0.42rem;
}

.bargin_list_box .userinfo span {
    font-size: 0.28rem;
    color: #051B28;
    display: inline-block;
    vertical-align: top;
}

.bargin_list_box .userinfo i {
    float: right;
    font-size: 0.26rem;
}

.bargin_list_box .buy_offer {
    margin: 0.2rem 0 0.1rem 0;
}

.bargin_list_box .buy_offer span, .bargin_list_box .offer_time {
    font-size: 0.24rem;
    color: #666666;
}

.bargin_list_box .buy_offer i {
    font-size: 0.3rem;
    color: #FF7800;
}

.bargin_list_box .foot-con {
    border-top: 0.5px solid #E5E5E5;
    margin-top: 0.35rem;
    padding-top: 0.2rem;
}

.bargin_list_box .foot-con button {
    width: 1rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.26rem;
    color: #FFFFFF;
    border: none;
    border-radius: 20px;
    margin-left: 0.2rem;
}

.text-right {
    text-align: right
}

.bg-red {
    background: #FF7074;
}

.bg-blue {
    background: #53BCFB;
}

.mt250 {
    margin-top: 2.5rem;
}


span.updates {
    display: inline-block;
    width: 1rem;
    height: auto;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    color: #0babfe;
    cursor: pointer;
    border: 0.5px solid #0BABFE;
    float: right;
}

.mt039 {
    margin-top: 0.39rem;
}

.rightj {
    position: relative;
    padding-right: 0.2rem;
}

.rightj::after {
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    content: '';
    width: 0.16rem;
    height: 0.28rem;
    background-size: 100% 100%;
    position: absolute;
    top: 0.07rem;
    right: 0rem;
}

.HD35 {
    display: inline-block;
    width: 3.5rem;
    vertical-align: bottom;
}

.bg_white {
    background-color: #FFFFFF;
}

.rw-box {
    margin-top: 0.88rem;
    padding-left: 0.42rem;
    height: 100%;
}

/* 软文交易 */
.rw-main {
    background-color: #FFFFFF;
}

.rw-main .input-text:focus {
    color: #333333;
}

.rw-main .input-text {
    display: inline-block;
    height: 0.96rem;
    line-height: 0.96rem;
    border: none;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    width: 100%;
    font-size: 0.28rem;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
}

.rw-main .textarea-text {
    font-size: 0.28rem;
    font-family: SourceHanSansCN-Normal;
    line-height: 0.28rem;
    width: 100%;
    border: none;
    color: rgba(204, 204, 204, 1);
    height: 6rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.rw-main .textarea-text:focus {
    color: #333333;
}

.bottom-btn-info {
    height: 0.88rem;
    line-height: 0.88rem;
    background: #0BABFE;
    font-size: 0.36rem;
    color: #FFFFFF;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
}

.rw-content {
    margin-top: 0.88rem;
    padding: 0 0.2rem;
    height: 100%;
}

.rw-content .rw-web {
    height: 1.2rem;
    padding-top: 0.2rem;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
}

.rw-content .rw-web > p {
    font-size: 0.3rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(5, 27, 40, 1);
}

.rw-content .rw-web .url {
    font-size: 0.26rem;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.rw-border-bottom {
    border-bottom: 1px solid #E5E5E5;
}

.rw-content .rw-type-box {
    padding-bottom: 0.4rem;
}

.rw-content .rw-type-box .rw-title {
    line-height: 0.8rem;
    font-size: 0.3rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.h100 {
    height: 100%;
}

.mr0 {
    margin-right: 0 !important;
}

.rw-type-box .icon-rw-btn {
    height: 0.68rem;
    background: rgba(245, 245, 245, 1);
    border-radius: 0.06rem;
    line-height: 0.68rem;
    font-size: 0.26rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    display: inline-block;
    text-align: center;
    padding: 0 0.2rem;
    margin-right: 0.26rem;
    box-sizing: border-box;
    min-width: 1.2rem;
}

.rw-type-box .icon-rw-btn.active {
    border: 1px solid #0BABFE;
    background-color: #E1F2FE;
    color: #0BABFE;
    position: relative;
}

.rw-type-box .icon-rw-btn.active::after {
    content: '';
    position: absolute;
    display: inline-block;
    bottom: 0.5px;
    right: 0.5px;
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/ylmm_icon_tcchick.png) no-repeat center;
    background-size: 100% 100%;
}

.color999 {
    color: #999999;
    font-size: 0.26rem;
}

.icon-right-img::after {
    content: "";
    display: inline-block;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.25rem;
    margin-left: 0.15rem;
}

.icon-right-img {
    font-size: 0.28rem;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(11, 171, 254, 1);
    position: relative;
}

.icon-right-img1::after {
    content: "";
    display: inline-block;
    width: 0.16rem;
    height: 0.28rem;
    background: url(../img/sy_icon_bar_right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.32rem;
    margin-left: 0.15rem;
}

.icon-right-img1 {
    font-size: 0.28rem;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    position: relative;
}

.rw-list-group {
    line-height: 1.04rem;
    color: #333333;
}

.rw-list-group > input {
    font-size: 0.26rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    border: 1px solid #E6E6E6;
    width: 3.14rem;
    height: 0.6rem;
    border-radius: 0.06rem;
    padding: 0 0.1rem
}

.bottom-btn-radius {
    width: 7.1rem;
    height: 0.9rem;
    background: rgba(11, 171, 254, 1);
    border-radius: 0.45rem;
    position: fixed;
    bottom: 0;
    font-size: 0.36rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.9rem;
    margin: 0 auto;
    text-align: center;
}

.rw-choice-web {
    line-height: 0.9rem;
    font-size: 0.3rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    border-bottom: 1px solid rgba(229, 229, 229, 1);
}

.rw-web-sell-url {
    width: 2rem !important;
    vertical-align: middle;
}

.rw-listpage-item {
    padding: 0 0.3rem;
    background-color: #ffffff;
    margin-bottom: 0.2rem;
}

.rw-listpage-item .title {
    font-size: 0.3rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(5, 27, 40, 1);
    padding-top: 0.3rem;
    padding-bottom: 0.1rem;
}

.rw-listpage-item .title > span {
    font-size: 0.26rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    float: right;
}

.rw-listpage-item .url {
    font-size: 0.26rem;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.rw-listpage-item .span-text {
    font-size: 0.22rem;
    color: rgba(102, 102, 102, 1);
    padding: 0 0.1rem;
    background-color: #f4f4f4;
    margin-top: 0.2rem;
    border-radius: 0.02rem;
    display: inline-block;
    margin-right: 0.2rem;
}

.rw-listpage-item .look_demo {
    font-size: 0.24rem;
    color: rgba(102, 184, 242, 1);
    line-height: 0.58rem;
}

.rw-listpage-item .item-footer {
    line-height: 0.9rem;
    padding: 0 0.3rem;
    margin: 0 -0.3rem;
    border-top: 1px solid #E5E5E5;
}

.price-string {
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
    color: rgba(255, 120, 0, 1);
    font-size: 0.3rem;
}

.rw-listpage-item .item-footer .handel_btn {
    float: right;

}

.rw-listpage-item .item-footer .handel_btn span {
    height: 0.48rem;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 0.04rem;
    padding: 0 0.2rem;
    line-height: 0.48rem;
    color: rgba(102, 102, 102, 1);
    text-align: center;
    font-size: 0.24rem;
    display: inline-block;
    margin-left: 0.1rem;
}

.rw-release-input {
    width: 7.1rem;
    height: 0.88rem;
    background: rgba(250, 250, 250, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    border-radius: 0.06rem;
    display: inline-block;
    margin-top: 0.3rem;
    margin-bottom: 0.4rem;
    padding: 0 0.3rem;
    box-sizing: border-box;
}

.rw-release-title {
    font-size: 0.3rem;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(5, 27, 40, 1);
}

.rw-release-title::before {
    content: "";
    display: inline-block;
    width: 0.08rem;
    height: 0.26rem;
    background-color: rgba(11, 171, 254, 1);
    vertical-align: middle;
    margin-right: 0.1rem;
}

.auto-release-info {
    padding: 0.3rem 0.2rem;
    background: rgba(245, 247, 250, 1);
    border-radius: 0.08rem;
    font-size: 0.24rem;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 0.36rem;
    margin-top: 0.2rem;
    box-sizing: border-box;
}

.auto-release-info > p {
    margin-bottom: 0.3rem;
}

.soft_con {
    padding: 0 0.2rem;
}

.soft_con span {
    font-size: 0.26rem;
    color: #0BABFE;
}

.soft_con article {
    padding-bottom: 0.2rem;
}

.soft_note {
    width: 6.7rem;
    height: 1.9rem;
    background: #FFFDEC;
    border: 1px solid #F3EEC1;
    padding: 0.3rem 0.2rem;
    border-radius: 3px;
    padding: 0.3rem 0.2rem;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0 auto;
}

.soft_note span {
    color: #333333;
    font-size: 0.3rem;
}

.soft_note div {
    font-size: 0.24rem;
    margin-top: 0.15rem;
}

.icon-buy-web-href {
    position: absolute;
    right: 0.75rem;
    font-size: 0.28rem;
    color: #53BCFB;
    bottom: 0.02rem;
}

#article_detail article p {
    margin-bottom: 0;
    line-height: 0.5rem;
}

#article_detail article {
    margin-top: 0.2rem;
}

.h35 {
    height: 3.5rem !important;
}

#order_article p {
    height: auto;
}

#order_article img {
    max-width: 100%;
}

.btn_connect_service {
    padding: 0 0.24rem;
    line-height: 0.5rem;
    background: rgba(228, 243, 255, 1);
    border-radius: 25px;
    color: #0BABFE;
    font-size: 0.26rem;
    margin-top: 0.15rem;
    display: inline-block;
}

_::-webkit-full-page-media, _:future, :root .web_infos {
    padding-bottom: 3rem;
}

_::-webkit-full-page-media, _:future, :root .read_protocol {
    padding-bottom: 2rem;
}

_::-webkit-full-page-media, _:future, :root .taocan {
    padding-bottom: 1rem;
}

article p::before, article p::after {
    margin: 0 !important;
    width: 0px !important;
    height: 0px !important;
}

.b03 {
    bottom: -0.3rem !important;
}

.goods_yxj {
    width: 0.74rem;
    height: 0.74rem;
    position: absolute;
    top: 0.2rem;
    right: 0.88rem;
}

.signimg {
    display: inline-block;
    float: right;
    padding-right: 0.20rem;
}

.signimg img {
    width: 0.54rem;
    height: 0.54rem;
    vertical-align: middle;
}

.circle_checkbox {
    display: inline-block;
}

.circle_checkbox span {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    background: url(../img/choose_hui.png) no-repeat center;
    background-size: 0.35rem;
}

.circle_checkbox i {
    vertical-align: top;
    display: inline-block;
    margin-left: 0.1rem;
    margin-top: 0.08rem;
}

.circle_checkbox span.curr {
    background: url(../img/choose_icon.png) no-repeat center;
    background-size: 0.35rem;
}

.xz {
    display: inline-block;
    margin-top: -0.3rem;
    vertical-align: middle;
    margin-left: 0.2rem;
}

.hot_slide {
    margin-top: 0.3rem
}

.hot_slide a {
    margin: 0 0.3rem 0.3rem 0;
    display: inline-block;
    width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000
}

.hot_slide i {
    display: inline-block;
    width: 0.4rem;
    height: 0.3rem;
    background: #66b8f2;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}

.top_zhuijia {
    height: 0.8rem;
    line-height: 0.8rem;
    background: #FFFDEC;
    padding: 0 0.2rem;
    color: #FF7800;
    font-size: 0.3rem;
}

.top_zhuijia a.zj {
    display: inline-block;
    float: right;
    color: #FF7800;
    position: relative;
    padding-right: 0.4rem;
}

.top_zhuijia a.zj:after {
    content: "";
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/yellow-right.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 12px;
    right: 0;
}


.icon-gogo {
    display: block;
    width: 75px;
    height: 73px;
    margin: 97px auto 18px;
    background: url('/static/home/image/icon_web.png') -145px -255px no-repeat;
}

.icon-gogo-text {
    color: #ff6600;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    margin: 0 auto 77px;
}

.icon-gofail {
    display: block;
    width: 46px;
    height: 46px;
    margin: 97px auto 18px;
    background: url('/static/home/image/icon_web.png') -8px -158px no-repeat;
}

.icon-gofail-text {
    color: #d8271c;
    font-size: 26px;
    text-align: center;
    line-height: 1;
    margin: 0 auto 77px;
}

.yellowtext p {
    font-size: 16px;
    color: #ff6600;
}