@charset "utf-8";
/* CSS Document */
/* 简约*/
.bootstrap-frm {  background: #FFF;  font: 14px;color: #888; text-shadow: 1px 1px 1px #FFF; }
.bootstrap-frm h1 { font: 25px; padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #DADADA; margin: -10px -30px 30px -30px; color: #888; }
.bootstrap-frm h1 span { display: block; font-size: 11px; }
.bootstrap-frm label { display: block; margin: 0px 0px 5px; }
.bootstrap-frm label span { float: left; width: 20%; text-align: right; padding-right: 10px; margin-top: 10px; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select { border: 1px solid #CCC; color: #888; height: 20px; line-height: 15px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 70%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.bootstrap-frm select { background: #FFF url('down-arrow.png') no-repeat right; background: #FFF url('down-arrow.png') no-repeat right; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; line-height: 15px; }
.bootstrap-frm textarea { height: 100px; padding: 5px 0px 0px 5px; width: 70%; }
.bootstrap-frm .button { background: #FFF; border: 1px solid #CCC; padding: 10px 25px 10px 25px; color: #333; border-radius: 4px; }
.bootstrap-frm .button:hover { color: #333; background-color: #EBEBEB; border-color: #ADADAD; }

.reg-wapp{ width:100%; height:auto; display:block; margin-top:30px; padding-bottom:30px; border-bottom:2px solid #ddd;}
.reg-wapp .row{ width:100%; height:auto; display:block; overflow:hidden; margin-bottom:15px;}
.reg-wapp .row .category{ width:80px; height:40px; line-height:40px; display:block; font-size:16px; text-align:right; float:left; padding-right:20px;}
.reg-wapp .row .reg-text{ width:200px; height:40px; line-height:40px; display:block; overflow:hidden; font-size:14px; float:left; }
.reg-wapp .row .reg-text-zyfw{ width:100px; height:40px; line-height:40px; display:block; overflow:hidden; font-size:14px; float:left; }
.reg-wapp .row .reg-textarea{ width:550px; height:80px; line-height:22px; display:block; overflow:hidden; font-size:14px; float:left;}
.reg-wapp .row .reg-textarea2{ width:500px; height:80px; line-height:22px; display:block; overflow:hidden; font-size:14px; float:left;}
.reg-wapp .row .reg-info{ width:630px; line-height:20px; display:block; overflow: hidden; font-size:14px; float:left; padding-left:30px; }
.reg-wapp .row .reg-info img{ width:100px; height:44px; display:block; overflow: hidden; float:left; }
.reg-wapp .row .reg-info2{ line-height:20px; display:block; overflow: hidden; font-size:14px; float:left; padding-left:30px; }
.reg-wapp .row .reg-info2 img{ width:100px; height:44px; display:block; overflow: hidden; float:left; }

.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c }
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439 }
.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-image: none }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c }

.video-tit{  height:auto; line-height:32px; padding:20px 0 20px 20px; }
dl.video-jianj{}
dl.video-jianj dt{ width:355px; height:200px; display:block; overflow:hidden; float:left;}
dl.video-jianj dt img{width:355px; height:200px;}
dl.video-jianj dd{ width:585px; height:200px; display:block; overflow:hidden; overflow-y:auto; float:right; padding-right:5px;}
dl.video-jianj dd h1{ width:100%; line-height:26px; font-size:18px; display:block; overflow:hidden; padding-bottom:10px; color:#333; }
dl.video-jianj dd h2{ width:100%; line-height:22px; font-size:14px; display:block; overflow:hidden; font-weight:normal; padding-bottom:10px; }
dl.video-jianj dd h2 span{ width:33%; display:block; overflow:hidden; float:left; color:#888;}
dl.video-jianj dd p{ width:100%;font-size:14px; display:block; overflow:hidden; color:#444; line-height:20px;}

ul.video-list{ width:100%; height: auto; display:block; overflow:hidden;}
ul.video-list li{ width:100%; height:90px; display:block; overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd;}
ul.video-list li img{ width:140px; height:90px; display:block; overflow:hidden; float:left;}
ul.video-list li span{ width:140px; height:90px; display:block; overflow:hidden; float:right;}
ul.video-list li span h1{ width:100%; line-height:30px; display:block; overflow:hidden; font-family:microsoft yahei; font-size:14px;}
ul.video-list li span h1 a:hover{ text-decoration:none;}
ul.video-list li span em{ height:19px; line-height:19px; font-size:12px; color:#888; display:block;} 

ul.video-pinl{ width:100%; height: auto; display:block; overflow:hidden; margin-top:10px;}
ul.video-pinl li{ width:100%;  display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:10px 0;}
ul.video-pinl li h1{ width:100%; height:32px; line-height:32px; display:block; overflow:hidden; font-family:microsoft yahei; font-size:16px; color:#222;}
ul.video-pinl li span{ width:100%;  line-height:20px; font-size:12px; color:#888; display:block;} 
ul.video-pinl li em{ width:100%;  line-height:20px; font-size:12px; color:#888; display:block; text-align:right;} 
ul.video-pinl li:hover{ background:#fafafa;}

::-webkit-scrollbar { width:3px;} /* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-track {	background-color:#eee;	} /* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {	background-color:#800; 	} /* 滑块颜色 */
::-webkit-scrollbar-button { background-color:#eee;	} /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner { background-color:#eee;	} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

.button, .button:visited {  display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer }
.button:hover { background-color: #111; color: #fff; }
.button:active { top: 1px; }
.large.button, .large.button:visited { font-size: 16px; padding: 8px 14px 9px; }
.super.button, .super.button:visited { font-size: 18px; padding: 8px 14px 9px; }
.orange.button, .orange.button:visited { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
.yellow.button, .yellow.button:visited { background-color: #ffb515; }
.yellow.button:hover { background-color: #fc9200; }

.ueser-info{width:190px; height:190px; display:block; overflow:hidden; padding:20px; background:#fef0e5;}
.ueser-info img{width:65px; height:65px; display:block; overflow:hidden; margin:0 auto;  }
.ueser-info span{width:100%; height:30px; line-height:30px; font-family:microsoft yahei; font-size:14px; color:#333; text-align:center; display:block; overflow:hidden; }
.ueser-info em{ height:40px; line-height:40px; font-family:microsoft yahei; font-size:18px; color:#333; text-align:center;}
.ueser-info em img{ border:0;  width:20px; height:20px; display: inline-block; padding-left:10px;}
.ueser-info i{width:100%; height:30px; line-height:30px; display:block; }
.ueser-info i a{ display:inline-block; padding:0 5px;}

ul.ueser-info-menu{width:100%;  display:block; overflow:hidden; background:#f9f9f9;}
ul.ueser-info-menu li{ height:28px; line-height:28px;  display:block; overflow:hidden;  font-size:14px; margin:15px 0; }
ul.ueser-info-menu li a{ color:#444;  padding-left:70px;}
ul.ueser-info-menu li a:hover{ text-decoration:none;}
ul.ueser-info-menu li:hover{ border-left:3px solid #c00;}
ul.ueser-info-menu li.hover{ border-left:3px solid #c00;}

ul.ueser-info-menu li.ioc1 a{ color:#444; background:url(../images/user-ico11.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc1:hover a{ color:#c00; background:url(../images/user-ico1.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc1.hover a{ color:#c00; background:url(../images/user-ico1.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc2 a{ color:#444; background:url(../images/user-ico22.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc2:hover a{ color:#c00; background:url(../images/user-ico2.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc2.hover a{ color:#c00; background:url(../images/user-ico2.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc3 a{ color:#444; background:url(../images/user-ico33.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc3:hover a{ color:#c00; background:url(../images/user-ico3.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc3.hover a{ color:#c00; background:url(../images/user-ico3.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc4 a{ color:#444; background:url(../images/user-ico44.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc4:hover a{ color:#c00; background:url(../images/user-ico4.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc4.hover a{ color:#c00; background:url(../images/user-ico4.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc5 a{ color:#444; background:url(../images/user-ico55.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc5:hover a{ color:#c00; background:url(../images/user-ico5.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc5.hover a{ color:#c00; background:url(../images/user-ico5.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc6 a{ color:#444; background:url(../images/user-ico66.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc6:hover a{ color:#c00; background:url(../images/user-ico6.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc6.hover a{ color:#c00; background:url(../images/user-ico6.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc7 a{ color:#444; background:url(../images/user-ico77.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc7:hover a{ color:#c00; background:url(../images/user-ico7.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc7.hover a{ color:#c00; background:url(../images/user-ico7.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc8 a{ color:#444; background:url(../images/user-ico88.png) 40px 0 no-repeat; padding-left:70px;}
ul.ueser-info-menu li.ioc8:hover a{ color:#c00; background:url(../images/user-ico8.png) 37px 0 no-repeat; padding-left:67px;}
ul.ueser-info-menu li.ioc8.hover a{ color:#c00; background:url(../images/user-ico8.png) 37px 0 no-repeat; padding-left:67px;}

.user-tit{ width:100%; height:38px; line-height:38px; display:block; position:relative; font-family:microsoft yahei;}
.user-tit span{ width:100%; height:19px; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.user-tit em{ height:38px; line-height:38px; font-size:16px; padding:0 22px; background:#fff url(../images/ico_5.jpg) left center no-repeat; display:block; overflow:hidden; position:absolute; left:0; top:0;}

ul.user-xinde{ width:100%; height:auto;  display:block; overflow:hidden; font-family:microsoft yahei;}
ul.user-xinde li{ width:100%; border-bottom:1px solid #ddd; padding:10px 0; display:block; overflow:hidden; position:relative;}
ul.user-xinde li h1{ width:90%; height:40px; line-height:40px; font-size:16px; display:block; overflow:hidden; }
ul.user-xinde li h1 a{ color:#333;}
ul.user-xinde li span{ width:100%;  line-height:20px; font-size:12px; display:block; overflow:hidden; color:#333; }
ul.user-xinde li i{  position:absolute; right:10px; top:10px;}
ul.user-xinde li em{ height:40px; line-height:40px; font-size:12px; display:block; overflow:hidden; float:right; color:#F63;}
ul.user-xinde li em a{ color:#c00;}
ul.user-xinde li:hover{ background:#f5f5f5;}

.heart { background: url(../images/web_heart_animation.png); background-position: left; background-repeat: no-repeat; height:50px; width:50px; cursor: pointer; position: absolute; left: -14px; background-size: 2900%; }
.heart:hover, .heart:focus { background-position: right; }
 @-webkit-keyframes heartBlast {  
 0% { background-position: left;}
 100% { background-position: right;}
}
 @keyframes heartBlast {  
 0% { background-position: left;}
 100% { background-position: right;}
}
.heartAnimation { display: inline-block; -webkit-animation-name: heartBlast; animation-name: heartBlast; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: steps(28); animation-timing-function: steps(28); background-position: right; }
.likeCount { margin:12px 0 0 30px;font-size:16px; color: #999999 }


ul.user-jilu{ width:100%; height:auto;  display:block; overflow:hidden; font-family:microsoft yahei;}
ul.user-jilu li{ width:100%; height:40px; line-height:40px;  display:block; overflow:hidden; border-bottom:1px solid #ddd; color:#333; }
ul.user-jilu li h1{ width:68%;   display:block; overflow:hidden; float:left; font-size:16px; font-weight:normal; }
ul.user-jilu li span{ width:20%;  display:block; overflow:hidden;float:left;  font-size:12px; }
ul.user-jilu li em{ width:10%; display:block; overflow:hidden; float:right;  font-size:12px; }
ul.user-jilu li:hover{ color:#c00;}



.waterfull { margin: 0 auto; }
.waterfull ul li { width:950px; height:160px; display: block; position:relative; background:#fff; border-bottom:1px solid #f0f0f0; padding:19px 20px; transition:all .5s; }
.waterfull ul li img{width:240px; height:160px; display:block; overflow:hidden; float:left; }
.waterfull ul li img{ width:240px; height: 160px; transition:all .5s; }
.waterfull ul li h2{width:620px;  height:40px; line-height:40px;  font-family:microsoft yahei; display:block;  font-family:microsoft yahei; padding-bottom:10px;  float:left; position:relative; padding-left:25px; overflow: hidden;}
.waterfull ul li h2 a{ font-size:18px; color:#333; text-decoration:none;   }
.waterfull ul li span{ width:620px; line-height:20px;display:block; overflow:hidden;  font-family:microsoft yahei;  float:left; position:relative; padding:0 0 10px 25px; font-size:14px;   }
.waterfull ul li:hover img{transform:scale(1.05); }
.waterfull ul li:hover{ background:#f5f5f5;}

dl.list-text{ width:100%; height:auto; display:block; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:10px;}
dl.list-text dt{ width:100%; height:50px; line-height:50px;  display:block; overflow:hidden; text-align:left; font-family:microsoft yahei; }
dl.list-text dt h1{ font-size:20px;}
dl.list-text dt h1 a{ color:#333;}
dl.list-text dt h1 a:hover{ color:#a00;}
dl.list-text dd{ width:100%; height:auto; display:block; overflow:hidden;}
dl.list-text dd img{ width:240px; height:150px; display:block; overflow:hidden; float:left; padding-right:25px;}
dl.list-text dd span{ width:auto; max-height:100px; line-height:25px; font-size:14px; color:#555; display:block;}
dl.list-text dd em{ width:auto; line-height:20px; font-size:14px; color:#999; display:block; padding-top:5px;}

/********************************************************************/
/********************************************************************/
/********************************************************************/

.ueser-info-from{width:190px; height:190px; display:block; overflow:hidden; padding:20px 0 1px 0; }
.ueser-info-from img{width:65px; height:65px; display:block; overflow:hidden; margin:0 auto;  }
.ueser-info-from span{width:100%; height:30px; line-height:30px; font-family:microsoft yahei; font-size:14px; color:#333; text-align:center; display:block; overflow:hidden; }
.ueser-info-from em{ height:40px; line-height:40px; font-family:microsoft yahei; font-size:18px; color:#333; text-align:center;}
.ueser-info-from em img{ border:0;  width:20px; height:20px; display: inline-block; padding-left:10px;}
.ueser-info-from i{width:100%; height:30px; line-height:30px; display:block; }
.ueser-info-from i a{ display:inline-block; padding:0 5px;}




/*** 视频合集 ***/

.div_videoContent{
	width:1000px;
	margin:0 auto;
    display: flex;
    align-items: end;
    background: #171717;
    position: relative;
}
.div_VideoShow{
	width:740px;
}
.div_showVideoList{
    width: 260px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: end;
    height: 480px;
}
.div_showVideoList .tabbox1{
    position: absolute;
    left: 10px;
    top: 0;
    width: 96%;
}
.hTitle{
    margin: 10px;
    color: rgb(255 255 255 / 70%);
    font-weight: normal;
    font-size: 14px;
}
.div_showVideoList table{
	width:100%;
	margin-left:20px;
}
.div_showList{
    width: 100%;
    display: flex;
    align-items: end;
    margin-left: 20px;
}
.div_showList div{
    margin: 0px auto;
    cursor: pointer;
    background: #73737f80;
    color: #fff;
    border-radius: 20px;
    padding: 0 10px;
}

.div_streets_container{
    /*height: 20px;*/
    line-height: 20px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px;
    overflow: hidden;
}
.div_streets_container .swiper-container{position: relative;width: auto;margin: 0 15px ;overflow: hidden;}
.div_streets_container .swiper-container .swiper-wrapper{
    display: flex;
    white-space: nowrap;
}
.div_streets_container .swiper-container .swiper-wrapper .swiper-slide{text-align: center;overflow: hidden;}
.div_streets_container .swiper-container .swiper-wrapper .swiper-slide a{
    margin: 0px auto;
    cursor: pointer;
    background: #36363F;
    color: #A6A6A6;
    border-radius: 20px;
    padding: 0 0px;
    font-size: 12px;
    width: 100%;
    float: left;
    height: 20px;
    line-height: 20px;
}
.div_streets_container .swiper-container .swiper-wrapper .swiper-slide a:hover{color:#ffffff;}
.div_streets_container .swiper-button-sub{
    position: absolute!important;
    top: 42px;
    margin: 0!important;
    height: 25px;
    /*border: 1px solid #ccc;*/
    width: 10px;
	outline:none;
	background-size: 30%;
}

.div_streets_container .swiper-button-next{
    background: url(../images/btn_next.svg) left no-repeat;
    z-index: 9;
    right: 2px;
    left: auto;
}
.div_streets_container .swiper-button-prev{
    background: url(../images/btn_previous.svg) left no-repeat;
    z-index: 9;
    left: 0;
    right: auto;
}

.div_streets_container .swiper-container .swiper-wrapper .swiper-indexs a, .div_streets_container .swiper-container .swiper-wrapper .swiper-slide a:hover{
    background:rgba(128,128,138,0.9);
    color: #fff;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    background: none;
}



.div_streets_container ul{
    color: #fff;
    padding: 0 0px;
    margin: 0 auto;
    float: right;
    width: 95%;
    margin-top: 10px;
}
.div_streets_container ul li{
    color: #fff;
    list-style: none;
    margin: 0 auto;
    cursor: pointer;
    background: url(../images/icon_video_normal.svg) 12px no-repeat;
    padding-left: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    height: 38px;
    line-height: 38px;
    margin-right: 8px;
    color:#C2C2C2;
}
.div_streets_container ul li.selected, .div_streets_container ul li:hover{
    border-radius: 4px;
    background: rgba(173,13,29,.6) url(../images/icon_video_pressed.svg) 12px no-repeat;
    width: auto;
    padding-left: 34px;
    margin: 0px auto;
    margin-right: 8px;
    color:#fff;
}

.div_open, .div_close{
    position: absolute;
    left: 0;
    top: 45%;
    width: 12px;
    height: 46px;
    cursor: pointer;
    background: rgb(75,73,83);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 9;
}
.div_open:after{
    content: "";
    position: absolute;
    top: 38%;
    left: -2px;
    color: rgb(180,182,188);
    font-size: 15px;
    width: 14px;
    height: 14px;
    background: url(../images/btn_next.svg) left no-repeat;
}

.r_close{
    width: 20px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
}
.div_showVideoList .r_close:after{
    content: "播放列表";
    position: absolute;
    top: 35%;
    left: 2px;
    padding-top: 30px;
    color: #EAEAEA;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 14px;
    height: 14px;
    background: url(../images/btn_previous.svg) right no-repeat;
}
.dis{
	display:none;
}
.widau{width:98%!important;}
#trump_main_unique_1{width:100%!important;}