
body {background: #f2f2f2;}

.topbox {width: 100%; height: 50px; background: #1966be;}
.topbar {width: 1000px; margin: 0 auto;}

.topbar .gohome {width: 50px; height: 50px; line-height: 50px; float: left; text-align: center;}
.topbar .gohome a {vertical-align: sub; color: #fff;}

.topbar .toptit {width: calc(100% - 100px); height: 50px; line-height: 50px; float: left; text-align: left; font-size: 18px; color: #fff;}

.topbar .login {width: 50px; height: 50px; line-height: 50px; float: left; font-size: 14px; color: #fff; text-align: center;}
.topbar .login a {color: #fff;}

.main_wrap {width: 100%;}

.imgbox {width: calc(100% - 16px); height: 256px; padding: 8px 0 10px 8px; text-align: center;}

.post_main {width: 1000px; margin: 0 auto; background: #fff;}
.post_main h1 {padding: 18px 10px 0 10px;}
.post_main .tvbox {padding: 10px 0 15px 10px; font-size: 13px; color: #666;}
.post_main .tvbox .uv {margin-left: 15px;}


.bbhead {width: 100%; height: 50px; line-height: 50px; padding: 10px 0 10px 0; text-align: center; font-size: 1.5em; font-weight: bold;}

.basebox {width: 1000px; margin: 0 auto; padding: 15px 0 5px 0; background: #fff;}
.basebox .bbitem {width: calc(100% - 16px); line-height: 30px; padding: 5px 8px 5px 8px; font-size: 16px;}
.basebox .bbitem .imlabel {width: 92px; display: inline-block; vertical-align: top; color: #666;}
.basebox .bbitem .imlist {width: calc(100% - 98px); display: inline-block;}
.basebox .bbitem .imlist a {color: #555;}
.basebox .bbitem .imlist a.imcat {line-height: 21px; display: inline-block; margin-right: 5px; padding: 0 10px; color: #0088e4; border: 1px solid #0088e4; border-radius: 5px;}

.basebox .bbitem .weixin_copy_btn {color: #0088e4; font-size: 13px; padding: 3px 10px; border-radius: 10px; margin-left: 5px; border: 1px solid #0088e4;}

.phone_box {height: 60px; line-height: 60px; margin-top: 8px; text-align: center; border-top: 1px dashed #ddd;}
.phone_box .phone_tubiao {vertical-align: text-bottom;}
.phone_box .icon-dianhua {padding: 0 5px; font-size: 22px; color: #ff552e;}
.phone_box a span.phone_text {font-size: 22px; color: #333;}
.phone_box a span.phone_tip {display: none; font-size: 15px; color: #888; vertical-align: top;}

.tip_box {width: calc(100% - 16px); padding: 10px 8px 0 8px; border-top: 1px solid #ddd;}
.tip_box .tiptit {font-size: 13px;}
.tip_box .tipmess {font-size: 12px; color: #666;}

.messagebox {width: 1000px; margin: 0 auto; padding-top: 5px; background: #fff;}

.messagebox .dcon {line-height: 32px; padding: 0 8px; font-size: 16px;}
.messagebox .dcon p {font-family: Arial,Helvetica,sans-serif;}
.messagebox .dcon p.pimgs {width: 100%; text-align: center; text-indent: 0;}
.messagebox .dcon p.pimgs img {width: 100%; display: inline-block;}

.messagebox .dcon .attrbox {font-size: 14px;}
.messagebox .dcon .attrbox ul li label {color: #666;}
.messagebox .dcon .attrbox ul li span {color: #333;}


.liuyanbox {width: 1000px; margin: 0 auto; padding: 10px 0; border-radius: 10px; background: #fff;}

.liuyanbox .dd01 {width: calc(100% - 16px); height: 35px; line-height: 35px; padding-left: 8px;}
.liuyanbox .dd01 .chenghu {width: calc(50% - 5px); height: 35px; display: inline-block; text-indent: 5px; font-size: 13px; border: none; border-radius: 5px; background: #f2f2f2;}
.liuyanbox .dd01 .chengshi {width: calc(50% - 5px); height: 35px; display: inline-block; margin-left: 5px; text-indent: 5px; font-size: 13px; border: none; border-radius: 5px; background: #f2f2f2;}

.liuyanbox .dd02 {width: 100%; height: 66px; margin-top: 10px;}
.liuyanbox .dd02 .message {width: calc(100% - 26px); height: 50px; margin-left: 8px; padding: 8px 5px; font-size: 13px; resize: none; border: 0; border-radius: 5px; background: #f2f2f2;}

.liuyanbox .dd03 {width: 100%; height: 35px; margin-top: 10px;}
.liuyanbox .dd03 .phone {width: calc(100% - 16px); height: 35px; margin-left: 8px; display: inline-block; text-indent: 5px; font-size: 13px; border: none; border-radius: 5px; background: #f2f2f2;}

.liuyanbox .dd04 {width: 100%; height: 35px; margin-top: 10px; position: relative;}
.liuyanbox .dd04 .smscode {width: calc(100% - 170px); height: 35px; margin-left: 8px; display: inline-block; text-indent: 5px; font-size: 13px; border: none; border-radius: 5px; background: #f2f2f2;}
.liuyanbox .dd04 .getsmscode {width: 142px; height: 35px; line-height: 35px; margin-left: 8px; display: inline-block; text-align: center; color: #fff; font-size: 13px; border: none; border-radius: 5px; background: linear-gradient(#3E94FF,#3D8AFF);}
.liuyanbox .dd04 .sms_disable {width: 142px; height: 35px; display: inline-block; position: absolute; right: 8px; top: 0; z-index: -1;}
.liuyanbox .dd04 i {font-style: normal;}

.liuyanbox .dd05 {width: 100%; height: 35px; line-height: 35px; margin-top: 10px; text-indent: 8px;}
.liuyanbox .dd05 .change_status_btn {margin-right: 1px;}
.liuyanbox .dd05 .agreement {color: #3E94FF;}
.liuyanbox .dd05 .icon-checkbox1 {font-size: 13px; color: #3E94FF;}
.liuyanbox .dd05 .icon-checkbox2 {font-size: 13px; color: #ccc;}

.liuyanbox .dd06 {width: 100%; height: 40px; line-height: 40px; margin-top: 10px; text-align: center;}
.liuyanbox .dd06 .submit_btn {width: 220px; height: 40px; line-height: 40px; display: inline-block; text-align: center; color: #fff; font-size: 16px; border-radius: 20px; background: linear-gradient(#FE9150, #F17F3A);}
.liuyanbox .dd06 .messok {font-size: 17px; font-weight: bold; color: #f00;}


.liuyanbox .messlist {margin-top: 15px;}
.liuyanbox .messlist .mess_item {width: 100%; height: 30px; line-height: 30px; color: #666; font-size: 13px;}
.liuyanbox .messlist .mess_item .mi_l {width: 40%; height: 30px; line-height: 30px; display: inline-block; float: left; text-align: center;}
.liuyanbox .messlist .mess_item .mi_m {width: 20%; height: 30px; line-height: 30px; display: inline-block; float: left; text-align: center;}
.liuyanbox .messlist .mess_item .mi_r {width: 40%; height: 30px; line-height: 30px; display: inline-block; float: left; text-align: center;}



.xgposts {width: 1000px; margin: 0 auto; padding: 5px 0 5px 0; background: #fff;}

.psbox {width: 100%; height: 90px; margin: 10px 0; clear: both;}
.psbox .ps_left {width: 140px; height: 90px; float: left;}
.psbox .ps_left img {padding: 0 10px;}
.psbox .ps_right {width: calc(100% - 140px); height: 90px; float: left;}
.psbox .ps_right .ps_title {width: 100%; line-height: 30px; padding-top: 10px; font-size: 15px; color: #333;}
.psbox .ps_right .ps_title a {color: #333; font-weight: bold;}
.psbox .ps_right .ps_address {width: 100%; height: 30px; line-height: 30px; font-size: 13px; color: #666;}
.psbox .ps_right .ps_address .icon-dizhi {font-size: 14px;}
.psbox .ps_right .ps_address a {color: #666; padding: 0 5px;}
.psbox .ps_right .ps_tags {width: 100%; height: 30px; line-height: 30px; overflow: hidden;}
.psbox .ps_right .ps_tags a.pgcat {line-height: 16px; display: inline-block; margin-right: 5px; padding: 1px 12px 0 12px; color: #666; border: 1px solid #666; border-radius: 10px;}


.breadcrumb {width: 1000px; margin: 0 auto;}
.bcbox {width: 100%; height: 32px; line-height: 32px; margin: 10px 0 12px 0; padding: 8px 0; text-indent: 8px; font-size: 14px; overflow: hidden; background: #fff;}
.bcbox span {padding: 0 3px; color: #999;}
.bcbox a {color: #666;}

.footer {padding:10px 0; clear: both; text-align: center; color:#999; background: #333;}
.footer .icp a {color: #999;}

.phbox {width: 100%; height: 60px; line-height: 60px; display: none; position: fixed; bottom: 0; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(#1966be, #436e9f);}

.phbox .lyspan {width: 40%; height: 60px; display: inline-block; float: left;}
.phbox .shuxian {width: 0; height: 40px; display: inline-block; float: left; margin-top: 10px; border-left: 1px solid #eee;}
.phbox .telspan {width: calc(60% - 1px); height: 60px; display: inline-block; float: left; color: #fff;}
.phbox .phone_tubiao {vertical-align: text-top;}
.phbox .liuyan_tubiao {vertical-align: text-top;}

.phbox .lyonly {width: 100%; height: 60px; line-height: 60px; display: inline-block; color: #fff;}
.phbox .phonly {width: 100%; height: 60px; line-height: 60px; display: inline-block; color: #fff;}

.phbox .add_weixin_btn {width: 40%; height: 60px; display: inline-block; float: left; color: #fff;}



@media screen and (max-width: 1000px) {

    .topbar {width: 100%; padding-top: 5px;}
    .topbar .toptit {text-align: center;}
    .topbar .gohome a {vertical-align: middle;}

    .main_wrap {width: 100%; background: linear-gradient(#1966be, #f2f2f2);}

    .imgbox img {width: 100%; border-radius: 10px;}

    .post_main {width: calc(100% - 16px); margin-left: 8px; border-radius: 10px;}

    .basebox {width: calc(100% - 16px); margin-left: 8px; border-radius: 10px;}

    .phone_box a span.phone_tip {display: inline-block;}

    .messagebox {width: calc(100% - 16px); margin-left: 8px; border-radius: 10px;}

    .liuyanbox {width: calc(100% - 16px); margin-left: 8px;}

    .xgposts {width: calc(100% - 16px); margin-left: 8px; border-radius: 10px;}

    .breadcrumb {width: 100%;}
    .bcbox {width: calc(100% - 16px); margin: 10px 0 12px 8px; border-radius: 10px;}

    .footer {margin-bottom: 60px;}

    .phbox {display: block;}

}
