/* content */
.myui-content__detail{
	position: absolute;
    right: 0;
    top: 0;}
.myui-content__detail .score .rating{ display: inline-block; position: relative; top: 3px;}
.myui-content__detail .score .rating li{ cursor:pointer; display: inline-block; margin-right: 5px;}
.myui-content__detail .score .rating li .fa{ font-size: 24px;}
.myui-content__detail .score .branch{ display: inline-block; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px;}
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color:red;}

/* header-user */
.myui-header__user{float:right;}
.myui-header__user > li{ float:left; position: relative; padding: 5px 0 0; margin-left: 25px;}
.myui-header__user > li > a,.myui-header__user > li > a .fa{ display: inline-block; font-size: 24px; line-height: 24px; color: #333;}
.myui-header__user > li .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
.myui-header__user > li .dropdown-box .item{ width: 260px; padding: 20px;}
.myui-header__user > li.menu .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
.myui-header__user > li.menu .dropdown-box .item{ width: 120px; padding: 10px;}
.myui-header__user > li.menu .dropdown-box .item li{ padding: 5px 0; text-align: center;}

/* more */
.hidden{ overflow: hidden !important;}
.relative{ position: relative;}
.fixed{ position: fixed;}
.block{ display: block !important;}
.inline-block{ display: inline-block !important;}
.top-fixed-up{ margin-top: 0 !important;}
.top-fixed{ -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
.pull-left{ float: left !important;}
.pull-right{ float: right !important;}
.margin-0{ margin: 0 !important;}
.padding-0{ padding: 0 !important;}
.margin-t0{ margin: 0 !important;}
.padding-t0{ padding-top: 0 !important;}
.margin-b0{ margin-bottom: 0 !important;}
.padding-b0{ padding-top: 0 !important;}
.radius-0{ border-radius: 0 !important;}

.mask{ position: fixed; top: 0; left: 0; bottom: 0; z-index: 999;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
.fadeInDown{ -webkit-animation: fadeInDown .5s .2s ease both; -moz-animation: fadeInDown .5s .2s ease both;}
@keyframes fade-in {0% {opacity: 0;}40% {opacity: 0;}100% {opacity: 1;}}  
@-webkit-keyframes fade-in { 0% {opacity: 0;}  40% {opacity: 0;}100% {opacity: 1;}}  
@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-10px);} 100%{opacity: 1; -webkit-transform: translateY(0);}}
@-moz-keyframes fadeInDown{0%{opacity: 0; -moz-transform: translateY(-10px);} 100%{opacity: 1; -moz-transform: translateY(0);}}
	

/* dropdown */
.dropdown-box .item{ background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.dropdown{ position: relative;}
.dropdown-box{ display: none; position: absolute; z-index: 99;}
.dropdown-box.top{ bottom: 100%; padding-bottom: 10px; left: 50%; margin-left: -80px;}
.dropdown-box.bottom{ top: 100%; padding-top: 10px; left: 50%; margin-left: -80px;}
.dropdown-box.left{ left: 100%; padding-left: 10px; bottom: 0;}
.dropdown-box.right{ right: 100%; padding-right: 10px; bottom: 0;}
.dropdown-box .item{ padding: 10px; width: 160px; border-radius: 2px;}
.dropdown-hover{ position: relative;}
.dropdown-hover:hover .dropdown-box{ display: block;}
.open>.dropdown-box{display: block;}

/*弹出层*/
.mac_pop_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop {  z-index:99998; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop .pop_top{  height:40px;  width:100%;  border-bottom: 1px #E5E5E5 solid;}
.mac_pop .pop_top h2{  float: left; display:block;margin: 0;font-size: 18px;font-weight: normal;font-family:"microsoft yahei";}
.mac_pop span.pop_close{  float: right;width: 23px;height: 23px;font-size: 0;text-indent: 9999; cursor: pointer;  font-weight: bold; display:block;background: url("../images/background.png") -10px 0 no-repeat;}
.mac_pop .pop-foot{  height:50px;  line-height:50px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;  }
.mac_pop .pop-cancel, .pop-ok {  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
.mac_pop .pop-cancel {  background-color: #FFF;  border:1px #CECECE solid;  color: #000;  }
.mac_pop .pop-content{  height: 380px;  }
.mac_pop .pop-content-left{  float: left;  }
.mac_pop .pop-content-right{  width:310px;  float: left;  padding-top:20px;  padding-left:20px;  font-size: 16px;  line-height:35px;  }
.mac_pop .bgPop{  display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.2);  }
.mac_pop .pop-msg{  text-align:center;  font-size: 14px;  }

.mac_pop_msg_bg{position: fixed; z-index: 129; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.mac_pop_msg { z-index:99999; display: none; min-height: 20px; max-height: 750px; position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 130;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5);}
.mac_pop_msg .pop-msg{  text-align:center;  font-size: 14px;  }
@media (max-width:767px){
	/* header */ 
	.myui-header__top{ padding: 0 10px;}
	.myui-header__search{ width: 100%; margin: 0;}
	.myui-header__search li.search-box{ position: absolute; width: 100%; left: 120px; top: 0;}
	.myui-header__search li.search-box .dropdown-box{ margin-left: -180px; padding-top: 0;}
	.myui-header__search li.search-box .dropdown-box .item{ width: 240px;}
	.myui-header__search li.search-ul .dropdown-box .item{ width: 300px;}
	.myui-header__menu > li .dropdown-box{ margin-left: -150px; padding-top: 0;}
	.myui-header__menu > li .dropdown-box .item{ width: 300px;}
	.myui-header__user > li{ margin-left: 15px; padding: 13px 0 0;right: 10px;}
	.myui-header__user > li > a .fa{ font-size: 20px; line-height: 20px;}
	.myui-header__user > li.menu .dropdown-box{ margin-right: 0;}
	.myui-header__user > li.hist .dropdown-box{margin-right: -37px;}
}