#tabbox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.tab_con,
.tab-item,
.redblack-item {
    display: none;
}

.tabs li {
    float: left;
}

.ver:before {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.block {
    vertical-align: middle;
    display: inline-block;
}

html {
    background-color: #ececec;
    font-family: 'Microsoft YaHei';
}

.container {
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    background-size: 100%;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    font-family: "Microsoft YaHei";
}

.frd-link {
    height: 74px;
    background-color: #e0e0e0;
}

.frd-link ul {
    width: 1200px;
    margin: 0 auto;
}

.frd-link ul li {
    float: left;
    height: 50px;
    width: 212px;
    margin: 12px 0 12px 35px;
}

.frd-link ul li:first-child {
    margin-left: 0;
}

.frd-link ul li select {
    display: block;
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 3px;
    background-color: #e0e0e0;
    padding: 5px 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    outline: none;
}

.footer {
    height: 166px;
    overflow: hidden;
    background-color: #E12423;
    color: white;
}

.block p {
    text-align: center;
    line-height: 28px;
}

.block p:first-child {
    margin-top: 10px;
}

.footer p a {
    color: white;
}

.footer .zf-icon {
    width: 218px;
    margin: 10px auto;
}

.footer .zf-icon a {
    float: left;
    margin-left: 30px;
}

.wrapper .logo {
    margin: 32px 0;
}

.logo-right li {
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    height: 16px;
    line-height: 16px;
}

.logo-right li:first-child {
    border-right: 1px solid #333;
}

.logo-right li a {
    color: #333;
}

h1 {
    font-size: 30px !important;
}

.search {
    width: 640px;
    margin: 0 auto 72px;
    position: relative;
}

.search .tabs {
    position: absolute;
    z-index: 2;
}

.search .tabs li {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-left: 64px;
    height: 40px;
}

.search .tabs li a {
    color: #333;
}

.search .tabs .thistab {
    background: url("/dtvideo/assets/images/112-d84c4fb6453d396c127e328351941898.png") no-repeat center 30px;
}

.search .tabs .thistab a {
    color: #E12423;
}

.search .search-btn {
    display: inline-block;
    height: 50px;
    width: 76px;
    background-color: #E12423;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.search .search-btn img {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px auto;
    cursor: pointer;
}

.search .search-txt {
    width: 563px;
    border: 0;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    color: #777;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ccc;
    border-right: 0;
}

.search .tab_con {
    height: 50px;
}

.search .tab_conbox {
    margin-top: 39px;
}

.header {
    height: 97px;
    overflow: hidden;
    color: #fff;
    background: #E12423;
    font-family: "Microsoft YaHei";
}

.header ul {
    height: 48px;
}

.header li {
    width: 171px;
    height: 48px;
    float: left;
    position: relative;
}

.header li .active {
    border-bottom: 4px solid #f58c8c;
}

.header li a {
    display: block;
    height: 24px;
    line-height: 24px;
    padding-bottom: 8px;
    margin: 12px auto 0;
    text-align: center;
    font-size: 18px;
    color: white;
    width: 117px;
}

.header li a:hover {
    text-decoration: none;
    border-bottom: 4px solid #f58c8c;
}

.header li:before {
    width: 1px;
    height: 24px;
    content: " ";
    position: absolute;
    left: 0;
    top: 12px;
    background-color: rgba(255, 255, 255, 0.36);
}

.header li:first-child:before {
    left: -1px;
}

.section .news {
    float: right;
    height: 320px;
    width: 400px;
    background: white;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.section .news .news-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
}

.section .news .news-item:first-child {
    display: block;
}

.section .news h2 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 24px;
}

.section .news span {
    display: block;
    color: #999;
    line-height: 19px;
    margin-top: 12px;
}

.section .news a {
    display: block;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
    color: #E12423;
    text-align: right;
}

.section .news p {
    line-height: 22px;
    color: #333;
    margin-top: 10px;
}

.section {
    margin-bottom: 20px;
}

.slider {
    width: 800px;
    height: 320px;
    float: left;
    overflow: hidden;
}

/* qqshop focus */
#focus {
    width: 800px;
    height: 320px;
    overflow: hidden;
    position: relative;
}

#focus img {
    width: 800px;
}

#focus ul {
    height: 320px;
    position: absolute;
}

#focus ul li {
    float: left;
    width: 800px;
    height: 320px;
    overflow: hidden;
    position: relative;
    background: #fff;
}

#focus ul li div {
    position: absolute;
    overflow: hidden;
}

#focus .btn {
    position: absolute;
    width: 780px;
    height: 10px;
    padding: 5px 10px;
    right: 0;
    bottom: 10px;
    text-align: right;
}

#focus .btn span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
    background: #fff;
}

#focus .btn span.on {
    background: #E12423;
}

.title {
    height: 58px;
    border-top: 2px solid #E12423;
    background: #f7f7f7;
    line-height: 58px;
    font-size: 22px;
    color: #444;
    font-weight: 700;
}

.title img {
    float: left;
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 16px;
}

.title a {
    float: right;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    margin-right: 16px;
}

.block2 {
    width: 440px;
    background-color: #fff;
    margin-left: 24px;
}

.block2:first-child {
    margin-left: 0;
}

.block2 ul {
    height: 256px;
}

.list li {
    line-height: 32px;
    color: #999;
}

.list li a {
    color: #333;
    display: inline-block;
    width: 72%;
    padding: 0 10px 0 20px;
    float: left;
    overflow: hidden;
    height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list li a:before {
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ccc;
    content: ' ';
    left: 8px;
    top: 50%;
}

.list-273 li a {
    display: block;
    color: #333;
    width: 273px;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    text-indent: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block1 {
    width: 310px;
    background-color: #fff;
}

.credit-item {
    float: left;
    margin-left: 10px;
    width: 232px;
    height: 165px;
    overflow: hidden;
    position: relative;
}

.credit-item:first-child {
    margin-left: 0;
}

.credit-item span {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: white;
}

.collect-right {
    width: 310px;
}

.collect-right .collect-list {
    background-color: #f7f7f7;
}

.collect-right .collect-list li {
    line-height: 48px;
}

.collect-right .collect-list li span {
    display: inline-block;
    width: 33%;
    text-align: center;
}

.collect-right .collect-list .hd {
    background-color: #E12423;
    color: white;
}

.collect-right .select-list {
    margin-top: 25px;
}

.collect-right .select-list li {
    margin-top: 10px;
}

.collect-right .select-type {
    height: 51px;
    width: 273px;
    border: 0;
    background-color: #727476;
    color: white;
    font-size: 16px;
    text-indent: 15px;
}

.left-zw-main {
    width: 890px;
}

.left-zw-main .box-item {
    width: 430px;
    background-color: white;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.list-tab li {
    width: 50%;
    float: left;
}

.list-tab h2 {
    border-color: #f7f7f7;
}

.list-tab .thistab h2 {
    background-color: white;
    border-color: #E12423;
}

.list-tab li:nth-of-type(even).thistab h2 {
    border-color: #666;
}

.box-zw {
    height: 333px;
}

.box-news {
    height: 333px;
}

.nav {
    background-color: #E12423;
}

.logo-tool {
    margin-top: 20px;
}

.logo-search {
    margin-bottom: 0;
}

.bread {
    /*height: 55px;*/
    /*line-height: 55px;*/
}

.bread li {
    font-size: 14px;
    float: left;
    color: #777;
    margin-right: 10px;
}

.bread li:first-child {
    color: #444;
}

.article-list {
    width: 856px;
    padding: 0 20px;
    background-color: white;
}

.article-list .list-box li {
    padding: 10px 0;
    border-top: 1px solid #ccc;
    font-family: 'Microsoft YaHei';
}

.article-list .list-box li:first-child {
    border: 0;
}

.article-list .list-box li h3 {
    line-height: 42px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.article-list .list-box li h3 span {
    float: right;
    font-size: 14px;
    color: #777;
    font-weight: 500;
}

.article-list .list-box li p {
    line-height: 24px;
    color: #777;
    font-size: 14px;
}

.article-nav {
    width: 280px;
}

.article-nav .left-nav-box {
    background-color: #fff;
    margin-bottom: 24px;
    font-family: 'Microsoft YaHei';
}

.article-nav .left-nav-box li {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}

.article-nav .left-nav-box .left-nav-item {
    border-top: 1px dashed #999;
    margin: 0 16px;
    background: url("/dtvideo/assets/images/jiantou-a6fec6e6053181000e0dfefba0dce8f3.png") no-repeat 0 16px;
    text-indent: 28px;
}

.article-nav .left-nav-box .left-nav-item a {
    color: #666;
}

.article-nav .left-nav-box .left-nav-item.active {
    background-image: url("/dtvideo/assets/images/jiantou_selected-cd77146ee2c4d594dcb1e77d96a6d9b0.png");
}

.article-nav .left-nav-box .left-nav-item.active a {
    color: #E12423;
}

.article-nav .left-nav-box .border0 {
    border: 0;
}

.article-nav .left-nav-search {
    background-color: #D1E6F8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px 25px;
}

.article-nav .left-nav-search li {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}

.article-nav .left-nav-search li:first-child {
    font-weight: 700;
}

.article-nav .left-nav-search .text {
    position: relative;
}

.article-nav .left-nav-search .text input {
    display: block;
    width: 100%;
    border: 0;
    outline: none;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}

.article-nav .left-nav-search .text span {
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}

.article-nav .left-nav-search .text span img {
    display: block;
    width: 20px;
    height: 20px;
}

.article-nav .title {
    background-color: #E12423;
    color: white;
    text-indent: 24px;
    font-family: "Microsoft YaHei";
}

.page {
    height: 56px;
    line-height: 56px;
    background-color: #ececec;
    width: 896px;
    float: right;
}

.page ul {
    width: 600px;
    margin: 0 auto;
}

.page li {
    float: left;
    text-align: center;
    margin-right: 15px;
    color: #333;
}

.page li a {
    color: #777;
}

.page li input {
    width: 30px;
    height: 24px;
    text-align: center;
    font-size: 14px;
}

.pub-list-box {
    padding: 20px 0;
}

.pub-list-box .list-hd {
    border-top: 2px solid #E12423;
    height: 44px;
    line-height: 44px;
}

.pub-list-box li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
}

.pub-list-box li:nth-of-type(odd) {
    background-color: #e8e8e8;
}

.pub-list-box li a {
    color: #333;
}

.pub-list-box li span {
    float: left;
    height: 40px;
    text-indent: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pub-list-box li .item1 {
    width: 255px;
}

.pub-list-box li .item2 {
    width: 164px;
}

.pub-list-box li .item3 {
    width: 252px;
}

.pub-list-box .list-hd {
    font-weight: 700;
    font-family: "Microsoft YaHei";
}

.article-box {
    padding: 20px 0;
}

.article-box h2 {
    line-height: 32px;
    margin: 10px 20px;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    font-family: "Microsoft YaHei";
}

.article-box img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
}

.article-box .article p {
    margin-top: 20px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei";
    text-indent: 2em;
}

.article-info {
    height: 44px;
    line-height: 44px;
    font-family: "Microsoft YaHei";
    color: #777;
    font-size: 14px;
    background-color: #f1f1f1;
    text-align: center;
}

.article-info .item {
    display: inline-block;
}

.article-info .item .share {
    float: right;
    margin-top: 6px;
}

.article-main {
    margin-bottom: 20px;
}

.pub-detail {
    padding: 30px;
    background-color: #ffffff;
    font-family: "Microsoft YaHei";
    margin-bottom: 30px;
}

.pub-detail h2 {
    color: #444;
    font-weight: 700;
    font-size: 22px;
}

.pub-detail h2 img {
    margin-top: 5px;
    float: left;
    margin-right: 10px;
}

.pub-detail h3 {
    font-size: 24px;
    text-align: center;
    color: white;
    background-color: #E12423;
    height: 54px;
    line-height: 54px;
    margin-top: 20px;
}

.pub-table {
    width: 100%;
    background-color: #f1f1f1;
    font-size: 16px;
    color: #444;
    font-family: "Microsoft YaHei";
}

.pub-table td {
    border: 2px solid #fff;
    padding: 10px 20px;
}

.pub-table .bg-7 {
    background-color: #e4e4e4;
    text-align: right;
    width: 195px;
}

.pub-table .border-1 {
    border-left: 0;
}

.pub-table .border-4 {
    border-right: 0;
}

.guider-search {
    height: 74px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0;
}

.guider-search h2 {
    font-size: 22px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    line-height: 44px;
    float: left;
}

.guider-search .guider-search-main {
    float: right;
    height: 44px;
    line-height: 44px;
    width: 500px;
}

.guider-search .guider-search-main input {
    float: left;
    width: 400px;
    height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    color: #777;
    padding: 0 10px;
    outline: none;
}

.guider-search .guider-search-main .guider-btn {
    float: right;
    display: inline-block;
    width: 90px;
    height: 44px;
    text-align: center;
    color: #fff;
    background-color: #E12423;
    cursor: pointer;
    font-size: 20px;
    border-radius: 4px;
}

.guider-list {
    padding-bottom: 20px;
}

.guider-list .guider-table {
    width: 100%;
    font-family: "Microsoft YaHei";
}

.guider-list .guider-table th {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #e8e8e8;
    font-weight: 700;
    font-size: 14px;
    color: #333;
}

.guider-list .guider-table td {
    line-height: 44px;
    height: 44px;
    text-align: center;
}

.guider-list .guider-table tbody tr:nth-of-type(even) {
    background-color: #f1f1f1;
}

.map-container {
    background-color: #ececec;
}

.map-container h2 {
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    padding: 13px 0;
    font-weight: 700;
    font-family: "Microsoft YaHei";
}

/*# sourceMappingURL=style.css.map */
/*.top {*/
    /*background: url(/dtvideo/assets/images/banner-27c241889217b6ffeca4f1baa5defef6.png) no-repeat top center;*/
/*}*/
.top {
    background: url(/dtvideo/assets/images/banner1-9a0d81cf533a73bf87781560c039386e.png) no-repeat center top #d5f6fd;
}

.fn-div {
    width: 100%;
    overflow: hidden;
}

.fn-div .box-item {
    border-top: 1px dashed #E5E5E5;
    margin-bottom: 0;
}

.fn-div .box-item ul {
    overflow: hidden;
    padding-bottom: 8px;
}

.fn-div .box-item ul li {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
}

.fn-div .box-item ul li::before {
    width: 0;
    height: 80%;
    position: absolute;
    right: -1px;
    top: 10%;
    border-right: 1px dashed #E5E5E5;
    display: block;
    content: '';
}

.fn-div .box-item ul li h3 {
    font-size: 18px;
    line-height: 18px;
    color: #444444;
    font-weight: bold;
    padding: 20px 0;
}

.fn-div .box-item li p {
    font-size: 14px;
    color: #E12423;
    font-weight: bold;
}

.fn-div .box-item li span {
    font-size: 14px;
    color: #999999;
}

.hug-tab.active b {
    background-image: url(/dtvideo/assets/images/pc-900426a94ea1dbb1abaaafb543218add.png);
}

.fn-div .fn-right .box-item > ul > li {
    width: 100%;
    float: none;
}

.hug-fluid {
    padding: 50px;
}

.hug-tab {
    position: relative;
    width: 390px;
    height: 420px;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    padding: 0 30px;
    box-sizing: border-box;
}

.hug-tab b {
    width: 55px;
    height: 55px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-image: url(/dtvideo/assets/images/ewm-69a14cd7eaec96d027557f9f699cf121.png);
}

.hug-tab-title {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #A9B0BF;
    margin-bottom: 20px;
}

.hug-tab-title a {
    display: block;
    float: left;
    width: 50%;
    position: relative;
    font-size: 18px;
    color: #666666;
    text-align: center;
}

.hug-tab-title a.active {
    font-weight: bold;
    color: #E12423;
}

.hug-tab-title a.active::after {
    width: 100%;
    height: 3px;
    background-color: #E12423;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
}

.hug-tab-content li {
    border: 1px solid #C8C8D5;
    border-radius: 4px;
    background-color: #FFFFFF;
    height: 48px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 20px;
    position: relative;
}

.hug-tab-content li:last-of-type{
    height: auto;
    border: 0px;
    margin: 0;
    margin-top: -10px;
    float: right;
}

.hug-tab-content li:last-of-type a{
    font-size: 14px;
    color: #E12423;
}

.hug-tab-content li span {
    width: 48px;
    height: 48px;
    display: block;
    float: left;
}

.hug-tab-content li span img {
    display: block;
    height: 18px;
    margin: 14px auto 0;
}

.hug-tab-content li input {
    width: 280px;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    border: 0;
    background-color: initial;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    color: #ACAFB3;
    border-radius: 0 4px 4px 0;
}

.hug-tab-content li input:focus {
    outline: initial;
}

.codeImg {
    height: 46px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 0px;
    display: block;
}

.hug-tab-content ul button {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    background: rgba(225, 36, 35, 1);
    border-radius: 4px;
    border: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    margin: 15px 0;
}

.hug-tab-content ul button:hover {
    background: rgba(225, 36, 35, .8);
    box-shadow: 0 0 15px rgba(225, 36, 35, .3);
}

.hug-tab-content ul p {
    width: 100%;
    line-height: 48px;
    text-align: center;
}

.hug-tab-content ul p a {
    display: inline-block;
    /*width: 30%;*/
    padding: 0 15px;
    font-size: 14px;
    color: #E12423;
}

.hug-tab-ewm {
    width: 100%;
    height: 100%;
    display: none;
}

.hug-tab-ewm h1 {
    font-size: 18px;
    font-weight: bold;
    color: #E12423;
    text-align: center;
    line-height: 60px;
    border-bottom: 1px solid #A9B0BF;
}

.hug-tab-ewm img {
    width: 200px;
    height: 200px;
    border-radius: 4px;
    display: block;
    margin: 50px auto 10px;
}

.hug-tab-ewm p {
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.hug-tab-ewm p font {
    font-weight: bold;
    color: #E03534;
}

.hug-tab.active .hug-tab-ewm {
    display: block;
}

/*.hug-tab.active b { background-image: url(/dtvideo/assets/images/pc-900426a94ea1dbb1abaaafb543218add.png); }*/
.hug-tab.active .hug-tab-content ul, .hug-tab.active .hug-tab-title {
    display: none;
}

.hug-form {
    width: 800px;
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
}

.hug-form h3 {
    font-size: 18px;
    color: #333333;
    font-weight: normal;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 30px;
}

.hug-tips {
    padding: 0 20px 0 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333333;
    background-color: rgba(255, 251, 230, 1);
    border: 1px solid rgba(255, 229, 143, 1);
    border-radius: 2px;
    background-repeat: no-repeat;
    background-image: url(/dtvideo/assets/images/tips-6d0d388e6b16d644abd3003bf1a130e3.png);
    background-position: 10px center;
}

.hug-item {
    margin-bottom: 15px;
    clear: both;
    *zoom: 1;
    position: relative;
}

.forget {
    height: 50px;
}

.hug-item:after {
    content: '\20';
    clear: both;
    *zoom: 1;
    display: block;
    height: 0;
}

.hug-label, .hug-blcok, .hug-inline {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.hug-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 270px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    color: #666666;
    font-size: 14px;
}

.hug-label font {
    color: #F91515;
    padding: 0 5px;
    position: relative;
    top: 3px;
}

.hugsb-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 170px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    color: #666666;
    font-size: 14px;
}

.hugsb-label font {
    color: #F91515;
    padding: 0 5px;
    position: relative;
    top: 3px;
}

.hug-blcok {
    margin-left: 270px;
    min-height: 36px;
    width: 300px;
}

.hugsb-blcok {
    margin-left: 175px;
    min-height: 36px;
    width: 460px;
}

.hug-blcok .tip {
    border-color: #F91515
}

.hug-blcok p.tip {
    color: #e29836;
    background-color: #fdf5e9;
    padding: 12px 10px;
    box-sizing: border-box;
    font-size: 13px;
    word-break: keep-all;
    white-space: nowrap;
    width: 315px;
}

.hug-input {
    height: 38px;
    line-height: 1.3;
    line-height: 38px \9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    width: 100%;
    padding-left: 10px;
    border-color: #e6e6e6;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}

.hug-inline {
    float: left;
    width: 210px;
    margin-right: 10px;
}

.hug-mid {
    float: left;
    width: 110px;
}

.hug-item button {
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: rgba(225, 36, 35, 1);
    border-radius: 4px;
    color: #F8F8F8;
    font-size: 14px;
    border: 0;
    cursor: pointer;
}

.hug-mid button {
    width: 100%;
}

.hug-item-btn {
    text-align: center;
    padding-top: 30px;
}

.hug-item-btn button {
    width: 130px;
}

.hug-item-btn p {
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}

/*.hug-item-btn p a { color: #333333; }*/
.hug-item-btn input {
    position: relative;
    top: 1px;
    margin-right: 3px;
}

.hug-item-codeImg .hug-inline {
    margin: 0;
}

.hug-item-codeImg .hug-mid {
    margin-right: 10px;
}

.hug-item-codeImg img {
    float: left;
    height: 28px;
    margin: 3px 10px 0 0;
}

.hug-item-codeImg span {
    font-size: 14px;
    color: #F91515;
    line-height: 38px;
}

.ul_xyfw {
    overflow: hidden;
    margin-bottom: 30px;
}

.ul_xyfw li {
    float: left;
    padding: 10px;
    width: 33.33%;
    box-sizing: border-box;
    text-align: center;
}

.ul_xyfw li > div {
    background-color: #FFFFFF;
    padding: 50px 0;
    height: 100px;
}

.ul_xyfw li > div img {
    display: block;
    margin: 0 auto;
}

.ul_xyfw li > div span {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding: 20px 0;
}

.ul_xyfw li > p {
    background-color: #707070;
    padding: 10px;
    height: 80px;
    font-size: 14px;
    color: #fff;
    text-align: left;
}


.suc_kuang {
    min-height: 404px; /* border: 1px solid #dcdcdc; */
    border-bottom: 0px; /* background: #fdfdfd; */
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.h4_suc {
    padding: 20px 0 18px 30px;
    border-bottom: 1px dashed #e4e4e4;
    font-size: 18px;
    font-weight: bold;
    color: #f57e95;
}

.suc_kuang .txt_content {
    line-height: 30px;
    padding: 0px 45px;
    font-size: 13px;
    margin-top: 20px;
}

.single_footer {
    text-align: center !important;
}