/*
 * created by XiaoMingwei 20181112
 */
*{-webkit-overflow-scrolling : touch; }
body{width: 100vw; height: 100vh; display: flex; flex-flow: column; background: #FFFFFF;}
.header{display: block; width: 100%; height: 40px; position: relative;}
.logo{padding-left:15px; height: 30px; margin-top: 5px;}
.address{font-size: 16px;color: #1a1a1a;float: right;margin: 6px 0px 0 0;line-height: 28px;padding: 0 15px;}

.contain{width: 100%; flex: 1; overflow: hidden; }
.slide_contain{width: calc(100% - 30px); margin: 0 auto; border-bottom: 1px solid #dddddd; padding: 15px 0 ; display: flex; flex-flow: row nowrap;}
.title_img{ width: 113px; position: relative;}
.img_show{display: block; width: 100%; height: 71px; background: url(../images/bg_43.png) no-repeat; background-size: cover; position: relative;}
.title_show{height: auto; flex: 1; padding-right: 5px;}
.title_show h1{font: 16px/20px "微软雅黑"; color: #333333; min-height: 40px;}
.title_show p{font: 14px/16px "微软雅黑"; color: #999999; margin-top: 5px;}
.text_show{width: 100%;}
.text_show h1{font: 16px/20px "微软雅黑"; color: #333333;}
.text_show h3{font: 15px/20px "微软雅黑"; color: #666666; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text_show p{font: 14px/16px "微软雅黑"; color: #999999; margin-top: 5px;}
.play_btn{width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background: url(../images/play.png) no-repeat; background-size: 30px 30px; background-position: center center;}
.target_video{display: inline-block; background: url(../images/video.png) no-repeat; width: 30px; height: 15px; background-size: 30px 15px; background-position: center center; position: relative; top: 2px;}

#pullDown, #pullUp {padding:0 10px;height:30px;font-size: 13px; line-height:30px;color:#888;text-align:center}

.changeTypeContain{width: 100vw; height: 100vh; display: flex; flex-flow: column nowrap; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; background: #FFFFFF;}
.c_header{ display: block; width: 100%; height: 44px; background: #0092f7; position: relative;}
.c_goback{font-size: 14px; line-height: 44px; position: absolute; left: 15px; top: 0; color: #FFFFFF; padding: 0 5px 0 15px; background-image: url(../images/back.png); background-size: 10px 16px; background-repeat: no-repeat; background-position: left center; z-index: 1;}
.c_topTitle{display: block; width: calc(100% - 120px); margin: 0 auto; font-size: 16px; line-height: 44px; color: #FFFFFF; text-align: center; }
.c_contain{ flex: 1; position: relative; display: flex; flex-flow: column;}
.c_ctn_top{ height: 49px; padding: 0 15px; display: flex; flex-flow: row nowrap; text-align: center; border-bottom:1px solid #dddddd; }
.c_swap{flex: 1; font-size: 16px; line-height: 50px; color: #666666; height: 50px;}
.c_ctn_btm{ width: 100%; flex: 1; overflow: auto; -webkit-overflow-scrolling : touch;}
.c_ctn_top .c_active{border-bottom: 2px solid #1f82d5; color: #1f82d3; box-sizing: border-box;}

.c_ctn_btm_list{padding-top: 6px;}
.c_ctn_btm_item{margin: 0 15px; border-bottom: 1px solid #dddddd; font-size: 16px; line-height: 42px; color: #333333;}
