﻿.h_main { overflow: hidden; }
#n_left { font-size: 14px; line-height: 22px; margin-top: 10px; }
#divContent { padding: 40px 40px 0px 40px; }
#divContent p { line-height: 22px; margin-top: 20px; margin-bottom: 20px; }
.new_lok { padding: 10px; border-bottom: solid 1px #e7eaed; display: none; }
.new_lok a { color: #2058BC }
.bgno {background: none !important;}
.fixedtext {background-color: #fff;padding-bottom: 16px;}
#divTitle { padding: 15px 20px; font-size: 24px; font-weight: 600; background-color: #FFF; }
#divTitle2 { padding: 0px 20px 10px 20px; border-bottom: solid 1px #e7eaed; text-align: right; line-height: 35px; color: #999; background-color: #FFF; }
#divTitle2 .userBox { float: left; }
#divTitle2 .userBox .icon { float: left; width: 25px; height: 25px; margin-right: 10px; margin-top: 5px }
#divTitle2 .userBox .icon img { width: 100%; border-radius: 50%; }
#divTitle2 .userBox .name { color: #333;font-size: 14px;font-weight: bold; }
#divTitle2 .userBox .ABtn { margin: 0px 5px; padding: 3px 5px; background-color: #ff5a00; color: #FFF; border-radius: 2px; cursor: pointer; }
#divTitle2 .userBox .FBtn { margin: 0px 5px; padding: 3px 5px; background-color: #277bd5; color: #FFF; border-radius: 2px; cursor: pointer; }
#divTitle2 .follow { float: left; color: #51409d; display: block; height: 26px; width: 70px; border: 1px solid #d4d1eb; line-height: 26px; margin: 0 auto 5px auto; border-radius: 20px; text-align: center; margin: 4px 0 0 10px; }
#divTitle2 .follow:hover { color: #FFF; background-color: #51409d; font-weight: 600; border: 0px; border: 1px solid #51409d; }
.tabBox { padding: 20px 30px; font-size: 13px; }
.tabBox a { color: #458CD3; }
.tabBox a + a { padding-left: 10px }
.tabBox .wx { float: right; color: #75d172; border: solid 1px #75d172; background: url(../images/wx.gif) no-repeat 5px center; padding: 5px 20px 5px 30px; border-radius: 20px; margin-right: 10px; }
.tabBox .wb { margin-right: 10px; color: #d04340; float: right; border: solid 1px #d04340; background: url(../images/wb.gif) no-repeat 5px center; padding: 5px 20px 5px 30px; border-radius: 20px; }
.new_t3 img { max-width: 628px; *width: expression(document.body.clientHeight>628?"628px":"auto"); }
#divTitle2 .userBox .FBtn.liked { background-color: #e1e1e1; }
.thespot { width: 440px; border-radius: 6px; background-color: #f7f8fa; border: 1px solid #e1e1e1; margin: 10px auto; padding: 10px;}
.thespot .titleh { font-size: 16px; color: #f18118; text-align: center; /*background: url(../images/line.png) no-repeat center bottom; height: 36px; margin-bottom: 10px;*/ }
.thespot ul { width: 400px; margin: 0 auto; }
.thespot ul li { overflow: hidden; height: 30px; line-height: 30px; padding-left: 26px; background: url(../images/biao.png) no-repeat left center; font-size: 16px; color: #787778; }
.thespot ul li a { padding-left: 10px; }
.shang { width: 80px; height: 35px; border-radius: 4px; line-height: 35px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; margin: 0 auto; background-color: #FA5505; }
.shang:hover, .shang_on { background-color: #FB6D4A; }
.shangprize { margin: 10px auto; text-align: center; }
.shangIcons { margin: 20px 0px; text-align: center; line-height: 38px; font-size: 14px; }
.shangIcons .icon { background: #FFF;width: 34px;height: 34px;border: solid 2px #e5e5e5;border-radius: 50%;overflow: hidden;vertical-align: middle; display: inline-block; position: relative; }
.shangIcons .icon img { width: 34px; }
.shangIcons .icon + .icon { margin-left: -15px; }
.reward { overflow: hidden; }
.reward .icon { float: left; width: 30px; height: 30px; margin-right: 5px; margin-top: 4px; overflow: hidden; }
.reward .icon img { width: 100%; border-radius: 50%; }
.reward .control-group { display: block; width: 100%; margin-bottom: 15px; overflow: hidden; height: auto; }
.reward .control-group .getCode { line-height: 30px; height: 30px; padding-right: 5px; padding-left: 5px; cursor: pointer; }
.reward .control-group .control-label { float: left; width: 20%; text-align: right; display: block; margin: 0; padding: 0px; line-height: 38px; }
.reward .control-group .controls { float: left; width: 80%; line-height: 38px; }
.reward .control-group .controls .input { line-height: 30px; height: 30px; vertical-align: middle; padding-right: 10px; padding-left: 10px; }
.reward .control-group .bank { display: block; float: left; display: block; float: left; background: no-repeat center center; margin-right: 10px; cursor: pointer; padding: 1px; line-height: 28px; border: 2px solid #CCC; }
.reward .control-group .bank.on { border: 2px solid #FF6500; position: relative; }
.reward .control-group .bank.on i { position: absolute; height: 14px; width: 14px; right: -2px; bottom: -2px; display: block; background: url(../images/User/gu.gif); }
.reward .control-group .controls .cz li { float: left; display: block; padding: 0px 5px; border: 1px solid #CCC; background: #F5F5F5; margin-right: 5px; line-height: 38px; text-align: center; position: relative; }
.reward .control-group .controls .cz li i { position: absolute; height: 28px; width: 28px; left: -1px; top: -1px; display: block; background: url(../images/user/song.gif) no-repeat left top; }
.reward .control-group .controls .cz #other { width: auto; padding-right: 10px; padding-left: 5px; margin-top: 5px; }
.reward .control-group .controls .cz #other input { margin: -1px 5px 0px 0px; padding: 0px 5px; background: #FFFFFF; line-height: 27px; height: 27px; width: 80px; border: 1px solid #CCC; }
.reward .control-group .controls .cz .cz_on { color: #FF6500; border: 1px solid #FF6500; }
.payNum { font-size: 20px; font-weight: bold; color: #C83600; }
.reward .control-group .msgs { float: left; }
.reward .control-group .msgs span { border: solid 1px #ccc; background: #F5F5F5; line-height: 38px; position: relative; padding: 5px 10px; margin-right: 5px; cursor: pointer; }
.reward .control-group .msgs span.other { display: block; padding: 5px; margin-right: 0px; }
.reward .control-group .msgs span.other input { line-height: 28px; border: none; height: 28px; padding: 0px 5px; }
.reward .control-group .msgs span.on { border: 1px solid #FF6500; color: #FF6500; background-color: #fff; }
.reward .control-group .msgs span.on i { position: absolute; height: 14px; width: 14px; right: -1px; bottom: -1px; display: block; background: url(../images/gou.gif) no-repeat right bottom; }
#divContent h2, #divContent h3, #divContent h4 { font-weight: inherit; font-size: inherit; }
.ta_div { text-align: center; padding: 10px; background-color: #FFF; }
.ta_div .heada {position: relative;width: 60px;height: 60px;margin: 0 auto 12px;}
.ta_div img { border-radius: 50%; height: 60px; width: 60px; }
.ta_div .heada .mark { position: absolute; color: #fff;padding: 2px 2px; border-radius:10px; bottom: -8px; left: 50%;margin-left: -38px;font-size: 14px;line-height:14px;text-align:center;width:72px; background: linear-gradient(90deg,#ff8f20,#ff7107);cursor: pointer; transform: scale(0.8);}
.ta_div .heada .markeject { background: #fff;color: #666; font-size: 12px; padding: 4px 6px;border-radius: 4px; border: 1px solid #999; position: absolute;top: 70px;right:-100px; z-index: 999; width:300px; text-align: left;}
.ta_div .heada .markeject:empty { display:none;}
.ta_div .ta_name { font-size: 16px; line-height: 30px; font-weight: 600; margin-bottom: 5px; }
.ta_div .ta_info { color: #666; text-align: center; }
.ta_div .ta_info2 { padding: 10px 0; color: #666 }
.ta_div .ta_btn { color: #51409d; display: block; height: 26px; width: 70px; border: 1px solid #d4d1eb; line-height: 26px; margin: 0 auto 5px auto; border-radius: 20px; }
.ta_div .ta_btn:hover { color: #FFF; background-color: #51409d; font-weight: 600; border: 0px; border: 1px solid #51409d; }

/*---左边的更多精品文章---*/
.moretext {margin-top: 10px;border: solid 1px #eaeaea;background-color: #fff;}
.moretext h2 {padding: 0 10px; color: #333; font-weight: 700; font-size: 16px; line-height: 35px; background-color: #FFF; font-weight: 600;color: #333; border-bottom: 1px solid #eaeaea;}
.moretextul {}
.moretextul li { margin: 0 auto; padding-left: 10px;color: #333;line-height: 22px;padding: 10px 5px 10px 10px; border-bottom: 1px solid #eaeaea;position: relative;}
.moretextul li .icon {background: #F3F3F3; width: 46px;height: 46px; text-align: center; border-radius: 50%;position: relative;float: left;}
.moretextul li .icon .headpic { width: 100%;height: auto;border-radius: 50%;}
.moretextul li .title {float: left; margin-left: 10px; width: 60%;font-size: 14px;}
.moretextul li .title a {color: #333;font-size: 16px;font-weight: 600;margin-right: 4px;}
.moretextul li .title .time {color: #999;font-size: 12px;margin-left: 4px;}
.moretextul li .texttit {color: #999;font-size: 12px;margin-top: 3px;}
.pay-btn {background: #edebf9;color: #51409d;border: 1px solid #d4d1eb;box-shadow: 0px 1px 1px rgba(90, 22, 255, 0.1);text-align: center; padding: 2px 0 0;width: 13%; font-size: 14px;font-weight: bold;height: 44px;border-radius: 4px;top: 50%;right: 12px;transform: translateY(-50%); position: absolute;cursor: pointer;overflow: hidden;}
.pay-btn .paycou {background: #fff;color: #999;font-weight: normal; line-height: 21px; text-align: center;padding-bottom: 1px;font-size: 12px;position: static; }
.paycou span { color: #f14545;margin: 0 2px;font-weight: 600;}




