/** ---------------------------------通用CSS开始  vensun QQ 903312076-------------------------------------- **/

/** ------------------------------------全局定义---------------------------------------- **/

/** ------------------------------------通用属性定义---------------------------------------- **/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0; }
input,select{   vertical-align:middle;}

/** 标签属性，textarea,input 强制输入时内容超出时换行 **/
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}

/** 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 **/
li{ list-style-type:none;}

/** 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 **/
img{ border:0 none;}


button{border:none;}

/** 鼠标样式 **/
.pointer{ cursor:pointer;}

/** 取消边框 **/
.noBorder{ border-left:none; border-right: none; border-bottom: none; border-top:none;}
.noBorder:after{ border-left:none; border-right: none; border-bottom: none; border-top:none;}

/** 文本对齐方式 **/
.t-l{ text-align:left;}
.t-c{ text-align:center;}
.t-r{ text-align:right;}

/** 字母和单词换行设置，强制内容换行，强制内容不换行 **/
.break{ word-break:break-all; word-wrap:break-word;}
.nobreak{ word-break:keep-all; word-wrap:normal;}


/** 定位关系 **/
.absolute{ position:absolute;}
.relative{ position:relative;}
.fixed{ position:fixed;}


/* margin-top   元素离上面的距离高度*/
.m-t-10{ margin-top:10px;}
.m-t-15{ margin-top:15px;}
.m-t-20{ margin-top:20px;}
.m-t-25{ margin-top:25px;}
.m-t-30{ margin-top:30px;}
.m-t-35{ margin-top:35px;}
.m-t-40{ margin-top:40px;}
.m-t-45{ margin-top:45px;}
.m-t-50{ margin-top:50px;}
.m-t-55{ margin-top:55px;}
.m-t-60{ margin-top:60px;}
.m-t-65{ margin-top:65px;}
.m-t-70{ margin-top:70px;}
.m-t-75{ margin-top:75px;}
.m-t-80{ margin-top:80px;}
.m-t-85{ margin-top:85px;}
.m-t-90{ margin-top:90px;}
.m-t-95{ margin-top:95px;}
.m-t-100{ margin-top:100px;}
.m-t-110{ margin-top:110px;}
.m-t-115{ margin-top:115px;}
.m-t-120{ margin-top:120px;}
.m-t-130{ margin-top:130px;}

/* margin-bottom   元素离上面的距离高度*/
.m-b-10{ margin-bottom:10px;}
.m-b-15{ margin-bottom:15px;}
.m-b-20{ margin-bottom:20px;}
.m-b-25{ margin-bottom:25px;}
.m-b-30{ margin-bottom:30px;}
.m-b-35{ margin-bottom:35px;}
.m-b-40{ margin-bottom:40px;}
.m-b-45{ margin-bottom:45px;}
.m-b-50{ margin-bottom:50px;}
.m-b-55{ margin-bottom:55px;}
.m-b-60{ margin-bottom:60px;}
.m-b-65{ margin-bottom:65px;}
.m-b-70{ margin-bottom:70px;}
.m-b-75{ margin-bottom:75px;}
.m-b-80{ margin-bottom:80px;}
.m-b-85{ margin-bottom:85px;}
.m-b-90{ margin-bottom:90px;}
.m-b-95{ margin-bottom:95px;}
.m-b-100{ margin-bottom:100px;}


/* margin-left   元素离上面的距离高度*/
.m-l-10{ margin-left:10px;}
.m-l-15{ margin-left:15px;}
.m-l-20{ margin-left:20px;}
.m-l-25{ margin-left:25px;}
.m-l-30{ margin-left:30px;}
.m-l-35{ margin-left:35px;}
.m-l-40{ margin-left:40px;}
.m-l-45{ margin-left:45px;}
.m-l-50{ margin-left:50px;}
.m-l-55{ margin-left:55px;}
.m-l-60{ margin-left:60px;}
.m-l-65{ margin-left:65px;}
.m-l-70{ margin-left:70px;}
.m-l-75{ margin-left:75px;}
.m-l-80{ margin-left:80px;}
.m-l-85{ margin-left:85px;}
.m-l-90{ margin-left:90px;}
.m-l-95{ margin-left:95px;}
.m-l-100{ margin-left:100px;}


/* margin-right   元素离上面的距离高度*/
.m-r-10{ margin-right:10px;}
.m-r-15{ margin-right:15px;}
.m-r-20{ margin-right:20px;}
.m-r-25{ margin-right:25px;}
.m-r-30{ margin-right:30px;}
.m-r-35{ margin-right:35px;}
.m-r-40{ margin-right:40px;}
.m-r-45{ margin-right:45px;}
.m-r-50{ margin-right:50px;}
.m-r-55{ margin-right:55px;}
.m-r-60{ margin-right:60px;}
.m-r-65{ margin-right:65px;}
.m-r-70{ margin-right:70px;}
.m-r-75{ margin-right:75px;}
.m-r-80{ margin-right:80px;}
.m-r-85{ margin-right:85px;}
.m-r-90{ margin-right:90px;}
.m-r-95{ margin-right:95px;}
.m-r-100{ margin-right:100px;}




/* padding-top   元素离上面的距离高度*/
.p-t-5{ padding-top:5px;}
.p-t-10{ padding-top:10px;}
.p-t-15{ padding-top:15px;}
.p-t-20{ padding-top:20px;}
.p-t-25{ padding-top:25px;}
.p-t-30{ padding-top:30px;}
.p-t-35{ padding-top:35px;}
.p-t-40{ padding-top:40px;}
.p-t-45{ padding-top:45px;}
.p-t-50{ padding-top:50px;}
.p-t-55{ padding-top:55px;}
.p-t-60{ padding-top:60px;}
.p-t-65{ padding-top:65px;}
.p-t-70{ padding-top:70px;}
.p-t-75{ padding-top:75px;}
.p-t-80{ padding-top:80px;}
.p-t-85{ padding-top:85px;}
.p-t-90{ padding-top:90px;}
.p-t-95{ padding-top:95px;}
.p-t-100{ padding-top:100px;}

/* padding-bottom   元素离上面的距离高度*/
.p-b-10{ padding-bottom:10px;}
.p-b-15{ padding-bottom:15px;}
.p-b-20{ padding-bottom:20px;}
.p-b-25{ padding-bottom:25px;}
.p-b-30{ padding-bottom:30px;}
.p-b-35{ padding-bottom:35px;}
.p-b-40{ padding-bottom:40px;}
.p-b-45{ padding-bottom:45px;}
.p-b-50{ padding-bottom:50px;}
.p-b-55{ padding-bottom:55px;}
.p-b-60{ padding-bottom:60px;}
.p-b-65{ padding-bottom:65px;}
.p-b-70{ padding-bottom:70px;}
.p-b-75{ padding-bottom:75px;}
.p-b-80{ padding-bottom:80px;}
.p-b-85{ padding-bottom:85px;}
.p-b-90{ padding-bottom:90px;}
.p-b-95{ padding-bottom:95px;}
.p-b-100{ padding-bottom:100px;}


/* padding-left   元素离上面的距离高度*/
.p-l-10{ padding-left:10px;}
.p-l-15{ padding-left:15px;}
.p-l-20{ padding-left:20px;}
.p-l-25{ padding-left:25px;}
.p-l-30{ padding-left:30px;}
.p-l-35{ padding-left:35px;}
.p-l-40{ padding-left:40px;}
.p-l-45{ padding-left:45px;}
.p-l-50{ padding-left:50px;}
.p-l-55{ padding-left:55px;}
.p-l-60{ padding-left:60px;}
.p-l-65{ padding-left:65px;}
.p-l-70{ padding-left:70px;}
.p-l-75{ padding-left:75px;}
.p-l-80{ padding-left:80px;}
.p-l-85{ padding-left:85px;}
.p-l-90{ padding-left:90px;}
.p-l-95{ padding-left:95px;}
.p-l-100{ padding-left:100px;}


/* padding-right   元素离上面的距离高度*/
.p-r-10{ padding-right:10px;}
.p-r-15{ padding-right:15px;}
.p-r-20{ padding-right:20px;}
.p-r-25{ padding-right:25px;}
.p-r-30{ padding-right:30px;}
.p-r-35{ padding-right:35px;}
.p-r-40{ padding-right:40px;}
.p-r-45{ padding-right:45px;}
.p-r-50{ padding-right:50px;}
.p-r-55{ padding-right:55px;}
.p-r-60{ padding-right:60px;}
.p-r-65{ padding-right:65px;}
.p-r-70{ padding-right:70px;}
.p-r-75{ padding-right:75px;}
.p-r-80{ padding-right:80px;}
.p-r-85{ padding-right:85px;}
.p-r-90{ padding-right:90px;}
.p-r-95{ padding-right:95px;}
.p-r-100{ padding-right:100px;}


.pd-10{padding:10px;}
.pd-20{padding:20px;}
.pd-30{padding:30px;}
.pd-40{padding:40px;}

/* width 百分比*/
.w-b-2{ width:2%;}
.w-b-3{ width:3%;}
.w-b-5{ width:5%;}
.w-b-10{ width:10%;}
.w-b-12{ width:12%;}
.w-b-15{ width:15%;}
.w-b-18{ width:18%;}
.w-b-20{ width:20%;}
.w-b-22{ width:22%;}
.w-b-25{ width:25%;}
.w-b-28{ width:28%;}
.w-b-30{ width:30%;}
.w-b-32{ width:32%;}
.w-b-33{ width:33%;}
.w-b-35{ width:35%;}
.w-b-38{ width:38%;}
.w-b-40{ width:40%;}
.w-b-42{ width:42%;}
.w-b-45{ width:45%;}
.w-b-48{ width:48%;}
.w-b-50{ width:50%;}
.w-b-52{ width:52%;}
.w-b-55{ width:55%;}
.w-b-58{ width:58%;}
.w-b-60{ width:60%;}
.w-b-62{ width:62%;}
.w-b-65{ width:65%;}
.w-b-68{ width:68%;}
.w-b-70{ width:70%;}
.w-b-72{ width:72%;}
.w-b-75{ width:75%;}
.w-b-78{ width:78%;}
.w-b-80{ width:80%;}
.w-b-82{ width:82%;}
.w-b-85{ width:85%;}
.w-b-88{ width:88%;}
.w-b-90{ width:90%;}
.w-b-92{ width:92%;}
.w-b-95{ width:95%;}
.w-b-98{ width:98%;}
.w-b-100{ width:100%;}
.w-b-14{ width:14%;}


/* 按钮背景颜色*/
.bg-color-blue{background-color: #557ee1; color: #fff;}
.bg-color-blue-bg{background-color: inherit; background-image: url("../images/banner1.jpg"); background-size: 100%;   color: #fff;}
.bg-color-blue-1{background-color: #0a81f0;  color: #fff;}
.bg-color-blue-2{background-color: #2993f6; color: #fff; }
.bg-color-blue-3{background-color: #47a4fb; color: #fff; }
.bg-color-orange{background-color: #f0832b; color: #fff;}
.bg-color-green{background-color: #4daf2f; color: #fff;}
.bg-color-violet{background-color: #d058bb; color: #fff;}
.bg-color-gray{background-color: #dddddd; color: #fff;}
.bg-color-gray-efefef{background-color: #efefef; }
.bg-color-gray-eee{background-color: #eee !important; }
.bg-color-gray-ddd{background-color: #ddd !important; }
.bg-color-gray-ccc{background-color: #ccc !important; }
.bg-color-gray-666{background-color: #666 !important; }
.bg-color-gray-999{background-color: #999 !important; }
.bg-color-gray-333{background-color: #333 !important; }
.bg-color-gray-444{background-color: #444 !important; }
.bg-color-light-yellow{background-color: #fbe7d9; color: #c62b2b;}
.bg-color-light-blue{background-color: #edf5fd; }
.bg-color-light-red{background-color: #ffdfd7;}
.bg-color-white{background-color: #fff;}
.bg-color-yellow{background-color: #f9dc36;}
.bg-color-green-1{background-color: #15d123; color: #fff;}


/*字体颜色*/
.t-blue{ color: #2874e1 !important;}
.t-red{ color: #f00 !important;}
.t-orange{ color: #f60 !important;}
.t-white{ color: #fff !important;}
.t-redt-green{ color: #42d177 !important;}
.t-grey-aaa{ color: #aaa !important;}
.t-grey-bbb{ color: #bbb !important;}
.t-grey-999{ color: #999 !important;}
.t-grey-666{ color: #666 !important;}
.t-grey-333{ color: #333 !important;}
.t-grey-444{ color: #444 !important;}
.t-blue-light{ color: #b9c1d6 !important;}

/*渐变色*/
.gradient-text-1{background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-2{background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-3{background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-4{background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-5{background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-6{background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-7{background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-8{background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-9{background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-10{background-image: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.gradient-text-11{background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);}

/*分隔线*/
.division{  height: .5rem; background: #f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee;} /*上下实线中间灰色*/
.division-xx{ border-top:1px dashed #eee; padding:5px 0;}　/*上虚线*/
.division-x-t{ border-top:1px solid #eee; padding:5px 0;}   /*上实线*/



.border-x{border:1px solid #eee;} /*实线边框*/
.border-xx{border:1px dashed #ddd;}/*虚线边框*/
.border-l-2-red{border-left:2px solid #f97b7f;}/**/
.border-l-2-orange{border-left:2px solid #f9b67b;}/**/
.border-t-eee{border-top:1px solid #eee;}/**/
.border-b-eee{border-bottom:1px solid #eee;}/**/
.border-b-light-blue{border-bottom:1px solid #bee0ff;}/**/
.border-r-eee{border-right:1px solid #eee;}/**/


/*投影*/
.box-shadow-red{box-shadow:0 1px 7px rgba(211,67,55,0.8);}
.box-shadow-orange{box-shadow:0 1px 7px rgba(235,150,62,0.8);}
.box-shadow-yellow{box-shadow:0 1px 7px rgba(235,150,62,0.3);}
.box-shadow-grey{box-shadow:0 1px 5px rgba(0,0,0,0.1);}
.box-shadow-blue{box-shadow:0 1px 9px rgba(98,128,228,0.3);}
/** 容器 **/
.wrapper980{ clear:both;  width: 980px;}
.wrapper1000{ clear:both;  width: 1000px;}
.wrapper1200{ clear:both;  width: 1200px;}
.wrapper{ clear:both; overflow:hidden; width: 100%;}

/** 隐藏元素，当元素内容内容超出元素height 或 width 时，隐藏之 **/
.o-hidden{ overflow:hidden;}

/** 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 **/
.invisible{ visibility:hidden;}

/** 从页面布局上隐藏元素，从布局上隐藏元素 **/
.hidden{ display:none;}
.block{ display:block;}

/** ------------------------------------清理元素--------------------------------------- **/

/** 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG **/

.clear{ clear:both; height:0px; content:'.';font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{zoom:1;}


/*水平集中*/
.margin-center{margin-left: auto;margin-right: auto;}



/*圆角*/
.radius-4{border-radius: 4px; overflow: hidden; }
.radius-8{border-radius: 8px;overflow: hidden; }
.radius-20{border-radius: 20px; }




.background-image-none{background-image: none !important;}
.background-color-none{background-color: inherit !important;}
.background-none{background: inherit !important;}



.font-size-rem-1{font-size:1rem !important;}
.font-size-rem-1-2{font-size:1.2rem !important;}
.font-size-rem-1-3{font-size:1.3rem !important;}
.font-size-rem-1-5{font-size:1.5rem !important;}
.font-size-rem-1-8{font-size:1.8rem !important;}
.font-size-rem-2{font-size:2rem !important;}
.font-size-rem-2-5{font-size:2.5rem !important;}
.font-size-rem-3{font-size:3rem !important;}
.font-size-rem-4{font-size:4rem !important;}
.font-size-rem-5{font-size:5rem !important;}







/*上传图片*/
.file-upload{float: left; position: relative;  width: 77px;  height: 77px; text-align: center;  margin-right: 9px;  margin-bottom: 9px;}
.file-upload .add{ position: absolute; z-index: 1; width:100%; padding-top:4px; top:0;}
.file-upload .uploader-photo{ position: absolute; z-index: 1; width:100%;top:0; }
.file-upload .uploader-photo img{ width: 77px;  height: 77px;  }
.uploader-input-box{ position: relative;   width: 77px;  height: 77px;  text-align: center;  border: 1px dashed #D9D9D9; overflow: hidden; }
.uploader-input-box input{ position: absolute; z-index: 2; left:0; font-size: 3rem; opacity: 0; }
.file-upload .uploader-delete{ position: absolute;  z-index: 4;  top: -10px;  right: -5px; background-color: #0a81f0;   border-radius: 50%;  width: 19px;  height: 19px; line-height: 19px; }







/*高*/
.height-rem-225{height: 2.25rem !important; }
.height-rem-255{height: 2.55rem !important; }
.height-rem-275{height: 2.75rem !important; }
.height-rem-1-8{height: 1.8rem  !important;}
.height-rem-2{height: 2rem  !important;}
.height-rem-2-2{height: 2.2rem !important;}
.height-rem-2-4{height: 2.4rem !important;}
.height-rem-2-5{height: 2.5rem !important;}
.height-rem-2-8{height: 2.8rem !important;}
.height-rem-3{height: 3rem !important;}


/*行高*/
.line-height-rem-1-8{line-height: 1.8rem;}
.line-height-rem-2{line-height: 2rem;}
.line-height-rem-2-2{line-height: 2.2rem;}
.line-height-rem-2-4{line-height: 2.4rem;}
.line-height-rem-2-5{line-height: 2.5rem;}
.line-height-rem-2-8{line-height: 2.8rem;}
.line-height-rem-3{line-height: 3rem;}


/*收藏*/
.favorites{bottom:2.25rem; right:1rem; width:3rem; height: 3rem; border-radius: 50%; line-height: .9rem;  background-color: rgba(255,255,255,0.8); }



/*头部*/
.header-nav{min-height: 2.25rem; border-bottom: 1px solid #dddddd;  background-color: #ffffff;position: fixed;right: 0; left: 0;z-index: 10;display: table;font-size: 0.9rem; width: 100%; }

.back-icon{background-image: url("../images/back-icon.png"); display: inline-block; width: 30px; height: 22px; background-repeat: no-repeat; background-size: 16px; background-position: center 4px ;}
.del-icon{background-image: url("../images/del-icon.png"); display: inline-block; width: 30px; height: 22px; background-repeat: no-repeat; background-size: 14px; background-position: center  ;  margin-top:2px;}
.more-icon{background-image: url("../images/more-menu-icon.png"); display: inline-block; width: 30px; height: 22px; background-repeat: no-repeat; background-size: 4px; background-position: center  ;  margin-top:2px;}




.container-fluid{width:100%;
    padding-right: 0;
    padding-left: 0;
}



.row{ margin-right:0; margin-left: 0;}


/*字体安装*/
@font-face {
    font-family: 'DigitalTimer';
    src: url(../css/font/DigitalTimer.otf);
}




/*字间距*/
.line-height-30{ line-height: 30px;}
.line-height-35{ line-height: 35px;}
.line-height-40{ line-height: 40px;}


.sub-nav-list{ text-align: center; font-size:16px;}
.sub-nav-list a{margin:0 10px; border-radius: 30px; background-color: #eee; color:#000; display: inline-block; padding:8px 30px; text-decoration: none !important;}
.sub-nav-list a.active{  background: #468ceb; color:#fff;}
.sub-nav-list a:hover{ background:#468ceb; color:#fff;}

a{text-decoration: none !important;}