/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
html, body, body.page, .wf-container > *{
    font:normal normal normal 0.14rem / 0.28rem "Source Han Sans SC"!important;
    color: rgba(38, 38, 38, 0.6);
}
.content{
    padding: 0 10px;
    position: relative;
}
input[type='tel']{
    color: #b8bcbe;
}
a{
    cursor: pointer;
    text-decoration: none!important;
}
a:active,button:active,.opacity{
    opacity:0.8;
    filter: alpha(opacity=80);
}
.scroll-top.on{
    bottom:80px;
    /* display: none; */
}
.pace .pace-activity::after, .pace .pace-activity::before{
    content: none!important;
}
#load .pace .pace-activity{
    background: #fff url(./css/image/loading.gif) no-repeat center center !important;
    background-size: contain!important;
    border-radius:0 !important;
}
.spinner-loader .load-wrap,#load .load-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -65px;
    width: 130px;
    height: 130px;
    background: #fff url(./css/image/loading.gif) no-repeat center center !important;
    background-size: contain!important;
    border-radius:0 !important;
}
.wpb_wrapper p:first-child{
    text-indent: 2em;
}
.wpb_wrapper p{
    color: #000;
    font-size: 0.16rem;
}
.accent-gradient #load,#load{
    background: #fff!important;
    
}
a:hover {
    color: currentColor;
  }
/* 中文字体 */
.ff_cn{
    font-family:'Source Han Sans SC';
}
/* 数字和英文字体 */
.ff_num{
    font-family:'Arial'!important;
}
/* 字体大小 */
.fs_0{
    font-size: 0;
}
.fs_26{
    font-size: 0.26rem!important;
}
.fs_22{
    font-size: 0.22rem!important;
}
.fs_20{
    font-size: 0.20rem!important;
}
.fs_18{
    font-size: 0.18rem!important;
}
.fs_16{
    font-size: 0.16rem!important;
}
.fs_15{
    font-size: 0.15rem!important;
}
.fs_14{
    font-size: 0.14rem!important;
}
.fs_13{
    font-size: 0.13rem!important;
}
.fs_12{
    font-size: 0.12rem!important;
}
/* 字体颜色 */
.c_white,a.c_white{
    color: #fff;
}
a.c_white:hover{
    color: #fff;
}
a.c_yellow,.c_yellow{
    color: #FFAB1F;
}
a.c_yellow:hover{
    color: #FFAB1F;
}
a.c_green,.c_green{
    color: #5FB942;
}
a.c_green:hover{
    color: #5FB942;
}
.c_blue,a.c_blue{
    color: #2484FE;
}
a.c_blue:hover{
    color: #2484FE;
}
.c_red,a.c_red{
    color: #D20101;
}
a.c_red:hover{
    color: #D20101;
}
.c_dark_red,a.c_dark_red{
    color: #E50618;
}
a.c_dark_red:hover{
    color: #E50618;
}
.c_orange,a.c_orange{
    color: #FB8E8E;
}
a.c_orange:hover{
    color: #FB8E8E;
}
.c_violet,a.c_violet{
    color: #ee82ee;
}
a.c_violet:hover{
    color: #ee82ee;
}
.c_black,a.c_black{
    color: #262626;
}
a.c_black:hover{
    color: #262626;
}
.c_grey,a.c_grey{
    color: #919191;
}
a.c_grey:hover{
    color: #919191;
}
.c_black8,a.c_black8{
    color: rgba(38, 38, 38, 0.8);
}
a.c_black8:hover{
    color: rgba(38, 38, 38, 0.8);
}
.c_black6,a.c_black6{
    color: rgba(38, 38, 38, 0.6);
}
a.c_black6:hover{
    color: rgba(38, 38, 38, 0.6);
}
.c_black3,a.c_black3{
    color: rgba(38, 38, 38, 0.3);
}
a.c_black3:hover{
    color: rgba(38, 38, 38, 0.3);
}
.border{
    border: 1px solid rgba(38, 38, 38, 0.1);
}
.bold{
    font-weight: bold;
}
.light{
    font-weight: 300;
}
.ti_32{
    text-indent: 0.32rem;
}
.ti_28{
    text-indent: 0.28rem;
}
.ti_24{
    text-indent: 0.24rem;
}
.ti_2em{
    text-indent: 2em;
}
.ti_14{
    text-indent: 0.14rem;
}
/* 背景 */
.bg_blue{
    background: #2484FE;
}
.bg_orange{
    background: #FB8E8E;
}
.bg_yellow{
    background: #F8BF36;
}
.bg_white{
    background: #fff;
}
.bg_green{
    background: #5CB740;
}
.bg_grey{
    background: #979797;
}
.bg_gradient_orange{
    background: -webkit-linear-gradient(90deg,#F9A9B8, #FB8E8E);
    background: -o-linear-gradient(90deg,#F9A9B8, #FB8E8E);
    background: -moz-linear-gradient(90deg,#F9A9B8, #FB8E8E);
    background: linear-gradient(90deg,#F9A9B8, #FB8E8E);
}
.bg_gradient_blue{
    background: -webkit-linear-gradient(90deg,#68AAFE, #4394F9);
    background: -o-linear-gradient(90deg,#68AAFE, #4394F9);
    background: -moz-linear-gradient(90deg,#68AAFE, #4394F9);
    background: linear-gradient(90deg,#68AAFE, #4394F9);
}
.bg_gradient_grey{
    background: -webkit-linear-gradient(90deg,#b8bcbe,#919191);
    background: -o-linear-gradient(90deg,#b8bcbe,#919191);
    background: -moz-linear-gradient(90deg,#b8bcbe,#919191);
    background: linear-gradient(90deg,#b8bcbe,#919191);
}
.bg_gradient_green{
    background: -webkit-linear-gradient(22deg,#89D25F,#53B239);
    background: -o-linear-gradient(22deg,#89D25F,#53B239);
    background: -moz-linear-gradient(22deg,#89D25F,#53B239);
    background: linear-gradient(22deg,#89D25F,#53B239);
}
/*  间距*/
.mt_10{
    margin-top: 10px;
}
.mt_15{
    margin-top: 15px;
}
.mt_20{
    margin-top: 20px;
}
.mb_10{
    margin-bottom: 10px;
}
.mb_15{
    margin-bottom: 15px;
}
.mb_20{
    margin-bottom: 20px;
}
.pl_15{
    padding-left: 15px;
}
.pl_10{
    padding-left: 10px;
}
.ml_10{
    margin-left: 10px;
}
.mr_10{
    margin-right: 10px;
}
.m_a{
    margin: auto;
}
/* 图片 */
.img-box{
    font-size: 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
.img-box img{
    max-width: 100%;
    max-height: 100%;
    margin :auto;
}
/* 省略 */
.text_1{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_2{
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-break:auto;
    -webkit-box-orient:vertical;
    word-wrap: break-word;
    white-space: normal;
}
.text_3{
    display:-webkit-box;
    -webkit-line-clamp:3;
    overflow:hidden;
    line-break:auto;
    -webkit-box-orient:vertical;
    word-wrap: break-word;
    white-space: normal;
}
.pointer{
    cursor: pointer;
}
.ta_c{
    text-align: center;
}
.ta_l{
    text-align: left;
}
.ta_r{
    text-align: right;
}
.pull-right{
    float: right;
}
.pull-left{
    float: left;
}
/* 父元素-横向排列（主轴） */
.flex-h {
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
/* 父元素-纵向排列（主轴） */
.flex-z {
    display: box;              /* OLD - Android 4.4- */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 12版 */
    -webkit-flex-direction: column ;
    -moz-flex-direction: column ;
    -ms-flex-direction: column ;
    -o-flex-direction: column ;
    flex-direction: column ;
}
/* 子元素-平均分栏 */
.flex1 {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex2 {
    -webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 2;         /* OLD - Firefox 19- */
    width: 40%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 2;          /* Chrome */
    -ms-flex: 2;              /* IE 10 */
    flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-justify{
    justify-content : space-between;
}
.flex-around{
    justify-content : space-around;
}
.flex-start{
    justify-content : flex-start;
}
.mejs-controls .mejs-pause button, .mejs-controls .mejs-pause:hover button{
    background-position: -20px 0!important;
}
img.aligncenter{
    margin: 0 auto;
}

input[type="text"], 
input[type="tel"], 
input[type="url"], 
input[type="email"], 
input[type="number"], 
input[type="date"], 
input[type="range"], 
input[type="password"], 
select,
textarea{
    box-sizing: border-box;
}
.dis_none{
    display: none!important;
}
@media screen and (min-width:1200px) {
    html{font-size:625%!important;}
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 703%!important; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 732.4%!important; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 750%!important; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 781.25%!important; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 808.6%!important; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 843.75%!important; }
}
@media screen and (max-width: 1199px){
    html{font-size:625%!important;}
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder
     {
        color:#b8bcbe;
        font-size:0.12rem;
    }
    textarea:-moz-placeholder,
    input:-moz-placeholder {
        color:#b8bcbe;font-size:0.12rem;
    }
    textarea::-moz-placeholder,
    input::-moz-placeholder {
        color:#b8bcbe;font-size:0.12rem;
    }
    textarea:-ms-input-placeholder,
    input:-ms-input-placeholder {
        color:#b8bcbe;font-size:0.12rem;
    }
}