/* 英文字体，可以用作内文 */
@font-face {
    font-family: 'Avenir Next Light';
	src: url('fonts/avenirnext-light/avenirnext-light.eot');
	src: url('fonts/avenirnext-light/avenirnext-light.eot?#iefix') format('embedded-opentype'), 
	url('fonts/avenirnext-light/avenirnext-light.woff') format('woff'),  
	url('fonts/avenirnext-light/avenirnext-light.woff2') format('woff2'),
	url('fonts/avenirnext-light/avenirnext-light.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
/* 英文字体，可以用作内文 */
@font-face {
    font-family: 'Avenir Next Regular';
	src: url('fonts/avenirnext-regular/avenirnext-regular.eot');
	src: url('fonts/avenirnext-regular/avenirnext-regular.eot?#iefix') format('embedded-opentype'), 
	url('fonts/avenirnext-regular/avenirnext-regular.woff') format('woff'),  
	url('fonts/avenirnext-regular/avenirnext-regular.woff2') format('woff2'),
	url('fonts/avenirnext-regular/avenirnext-regular.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
/* 英文字体，可以用作次级标题 */
@font-face {
  font-family: 'Avenir Next Medium';
	src: url('fonts/avenirnext-medium/avenirnext-medium.eot');
	src: url('fonts/avenirnext-medium/avenirnext-medium.eot?#iefix') format('embedded-opentype'), 
	url('fonts/avenirnext-medium/avenirnext-medium.woff') format('woff'),  
	url('fonts/avenirnext-medium/avenirnext-medium.woff2') format('woff2'),
	url('fonts/avenirnext-medium/avenirnext-medium.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
/* 英文字体，可以用作次级标题 */
@font-face {
    font-family: 'Avenir Next Demi Bold';
	src: url('fonts/avenirnext-demibold/avenirnext-demibold.eot');
	src: url('fonts/avenirnext-demibold/avenirnext-demibold.eot?#iefix') format('embedded-opentype'), 
	url('fonts/avenirnext-demibold/avenirnext-demibold.woff') format('woff'),  
	url('fonts/avenirnext-demibold/avenirnext-demibold.woff2') format('woff2'),
	url('fonts/avenirnext-demibold/avenirnext-demibold.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
/* 英文字体，可以用作标题 */
@font-face {
  font-family: 'Avenir Next Bold';
	src: url('fonts/avenirnext-bold/avenirnext-bold.eot');
	src: url('fonts/avenirnext-bold/avenirnext-bold.eot?#iefix') format('embedded-opentype'), 
	url('fonts/avenirnext-bold/avenirnext-bold.woff') format('woff'),
	url('fonts/avenirnext-bold/avenirnext-bold.woff2') format('woff2'),
	url('fonts/avenirnext-bold/avenirnext-bold.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url("fonts/ProximaNova-Regular.eot");
    src: url("fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), 
    url("fonts/ProximaNova-Regular.woff") format("woff"), 
    url("fonts/ProximaNova-Regular.woff2") format("woff2"), 
    url("fonts/ProximaNova-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BigNoodleTitling';
    src: url("fonts/big_noodle_titling-webfont.eot");
    src: url("fonts/big_noodle_titling-webfont.eot?#iefix") format("embedded-opentype"),
     url("fonts/big_noodle_titling-webfont.woff") format("woff"), 
     url("fonts/big_noodle_titling-webfont.woff2") format("woff2"), 
     url("fonts/big_noodle_titling-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'honor';
    src:  url('fonts/honor.eot');
    src:  url('fonts/honor.eot?#iefix') format('embedded-opentype'),
      url('fonts/honor.woff') format('woff'),
      url('fonts/honor.woff2') format('woff2'),
      url('fonts/honor.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 阿语字体*/
@font-face {
    font-family: 'NeueFrutigerArabic Regular';
    src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.eot.eot');
    src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.eot?#iefix') format('embedded-opentype'),
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.woff") format("woff"), 
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.woff2") format("woff2"), 
    url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'NeueFrutigerArabic Bold';
  src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.eot.eot');
  src:  url('fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.eot?#iefix') format('embedded-opentype'),
  url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.woff") format("woff"), 
  url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.woff2") format("woff2"), 
  url("fonts/neuefrutigerarabic/NeueFrutigerArabic-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'honorIconFont';
  src:  url('fonts/honor-icon-font-v2/honorIconFont.eot?fqzaiy');
  src:  url('fonts/honor-icon-font-v2/honorIconFont.eot?fqzaiy#iefix') format('embedded-opentype'),
    url('fonts/honor-icon-font-v2/honorIconFont.ttf?fqzaiy') format('truetype'),
    url('fonts/honor-icon-font-v2/honorIconFont.woff?fqzaiy') format('woff'),
    url('fonts/honor-icon-font-v2/honorIconFont.svg?fqzaiy#honorIconFont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: "socialshare";
    src: url("fonts/iconfont.eot");
    src: url("fonts/iconfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/iconfont.woff") format("woff"),
    url("fonts/iconfont.ttf") format("truetype"),
    url("fonts/iconfont.svg#iconfont") format("svg");
    font-weight: normal;
  	font-style: normal;
}

@font-face {
  font-family: "NeueFrutigerArabic";
  src: url("fonts/iconfont.eot");
  src: url("fonts/iconfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/iconfont.woff") format("woff"),
  url("fonts/iconfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* 汉仪旗黑字体引用*/

@font-face {
  font-family: 'hanyi';
  src:  url('hanyi-fonts/hanyi40.eot');
  src:  url('hanyi-fonts/hanyi40.eot?#iefix') format('embedded-opentype'),
      url('hanyi-fonts/hanyi40.woff') format('woff'),
      url('hanyi-fonts/hanyi40.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'hanyi';
  src:  url('hanyi-fonts/hanyi50.eot');
  src:  url('hanyi-fonts/hanyi50.eot?#iefix') format('embedded-opentype'),
      url('hanyi-fonts/hanyi50.woff') format('woff'),
      url('hanyi-fonts/hanyi50.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'hanyi';
  src:  url('hanyi-fonts/hanyi70.eot');
  src:  url('hanyi-fonts/hanyi70.eot?#iefix') format('embedded-opentype'),
      url('hanyi-fonts/hanyi70.woff') format('woff'),
      url('hanyi-fonts/hanyi70.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

.fa-qzone {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}
.fa-qzone:before {
    content: "\f08a";
}

*{outline: none;}
input::-ms-clear{display:none;}
body.cn{
  -webkit-tap-highlight-color: transparent;
  font-family:'hanyi',"Microsoft Yahei", "PingFang SC", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
} 
body{font-family: 'Avenir Next Regular','Microsoft YaHei','PingFang SC',Arial,'ProximaNova';font-size:14px; background: #fff;} 
body.gray{background: #f0f0f0;}
a:active,a:visited,a:link,a:hover{text-decoration: none;}
@media (max-width: 768px){
body{overflow-x: hidden;}
}

.color-blue{color: #00b2ed}
.color-red{color: #d2262d}
.color-white{color: #fff}
.color-black{color: #1d1d1d}
h2.white{color: #fff;}
h2.black{color: #1d1d1d;}
h2.blue{color: #00b2ed;}

html, body {position: relative;}
body,ul,li {margin: 0;padding: 0;}
li{list-style: none;}
.mt5{
  margin-top: 5px;
}
.mt10{
  margin-top:10px;
}
.mt15{
  margin-top:15px;
}
.mt30{
  margin-top:30px;
}
.mt60{
  margin-top:60px;
}
.mt165{
  margin-top:165px;
}
.mt100{
  margin-top:100px;
}

[class^="honorFont-"], [class*=" honorFont-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'honorIconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.honorFont-alert:before {
  content: "\e908";
}
.honorFont-arr-left:before {
  content: "\e90a";
}
.honorFont-arr-right:before {
  content: "\e90b";
}
.honorFont-arr-down:before {
  content: "\e916";
  font-weight: bold;
}

.honorFont-close:before {
  content: "\e903";
}
.honorFont-close-2 .path1:before {
  content: "\e918";
  color: rgb(155, 155, 155);
}
.honorFont-close-2 .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(151, 151, 151);
}
.honorFont-close-2 .path3:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(151, 151, 151);
}
.honorFont-comment:before {
  content: "\e912";
}

.honorFont-download:before {
  content: "\e915";
}
.honorFont-email:before,
.honorFont-email-footer:before {
  content: "\e902";
}
.honorFont-facebook:before {
  content: "\e91b";
}
.honorFont-global:before {
  content: "\e909";
}
.honorFont-ins:before {
  content: "\e91c";
}

.honorFont-like:before {
  content: "\e90d";
}
.honorFont-like-2:before {
  content: "\e917";
}

.honorFont-link .path1:before {
  content: "\e91d";
  color: rgb(0, 0, 0);
}
.honorFont-link .path2:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.honorFont-logout:before,
.honorFont-logout-m:before {
  content: "\e906";
}

.honorFont-more:before,
.honorFont-menu:before {
  content: "\e913";
}
.honorFont-plus:before {
  content: "\e904";
}
.honorFont-position:before {
  content: "\e90e";
}
.honorFont-search:before,
.honorFont-search-m:before {
  content: "\e905";
}
.honorFont-twitter:before {
  content: "\e914";
}

.honorFont-user-bg .path1:before {
  content: "\e900";
  color: rgb(255, 255, 255);
}
.honorFont-user-bg .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.honorFont-user:before,
.honorFont-user-m:before {
  content: "\e907";
}
.honorFont-user-bg2 .path1:before {
  content: "\e90f";
  color: rgb(0, 0, 0);
}
.honorFont-user-bg2 .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.honorFont-visa .path1:before {
  content: "\e91f";
  color: rgb(139, 139, 139);
}
.honorFont-visa .path2:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(139, 139, 139);
}
.honorFont-visa .path3:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(139, 139, 139);
}
.honorFont-visa .path4:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(139, 139, 139);
}
.honorFont-visa .path5:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(249, 249, 250);
}

.honorFont-x:before {
  content: "\e924";
}
.honorFont-youtube:before {
  content: "\e925";
}


 [class^="font-"], [class*=" font-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'honor' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .font-cross-with-circle:before {
    content: "\e97a";
  }
  .font-loading-process:before {
    content: "\e97b";
  }
  .font-file-upload:before {
    content: "\e97c";
  }
  .font-post-created:before {
    content: "\e979";
  }
  .font-post-stuck:before {
    content: "\e977";
  }
  .font-unfollowed:before {
    content: "\e978";
  }
  .font-star:before {
    content: "\e976";
  }
  .font-payment:before {
    content: "\e975";
  }
  .font-community:before {
    content: "\e973";
  }
  .font-addresses:before {
    content: "\e974";
  }
  .font-order:before {
    content: "\e972";
  }
  .font-Insert-Video:before {
    content: "\e971";
  }
  .font-user_followed:before {
    content: "\e970";
  }
  .font-More:before {
    content: "\e96f";
  }
  .font-Mark_as_read:before {
    content: "\e96e";
  }
  .font-check_box_fill:before {
    content: "\e96d";
  }
  .font-Reply:before {
    content: "\e96c";
  }
  .font-no-result:before {
    content: "\e96b";
  }
  .font-batch:before {
    content: "\e96a";
  }
  .font-toggle:before {
    content: "\e969";
  }
  .font-flag_single:before {
    content: "\e968";
  }
  .font-connectivity:before {
    content: "\e967";
  }
  .font-network:before {
    content: "\e965";
  }
  .font-sensor:before {
    content: "\e966";
  }
  .font-Entertainment:before {
    content: "\e964";
  }
  .font-voting-post:before {
    content: "\e963";
  }
  .font-upload:before {
    content: "\e962";
  }
  .font-like:before {
    content: "\e961";
  }
  .font-smiley:before {
    content: "\e95f";
  }
  .font-message:before {
    content: "\e960";
  }
  .font-promo:before {
    content: "\e95e";
  }
  .font-basket:before {
    content: "\e95d";
  }
  .font-star-fill:before {
    content: "\e95c";
  }
  .font-coupn_voucher:before {
    content: "\e935";
  }
  .font-edit-task:before {
    content: "\e938";
  }
  .font-flag:before {
    content: "\e93e";
  }
  .font-live-show:before {
    content: "\e93f";
  }
  .font-lucky-draw:before {
    content: "\e940";
  }
  .font-rush-buy:before {
    content: "\e941";
  }
  .font-setting:before {
    content: "\e942";
  }
  .font-tradein:before {
    content: "\e943";
  }
  .font-2:before {
    content: "\e944";
  }
  .font-auto-focus:before {
    content: "\e945";
  }
  .font-battery:before {
    content: "\e946";
  }
  .font-bell:before {
    content: "\e947";
  }
  .font-camera:before {
    content: "\e948";
  }
  .font-camera2:before {
    content: "\e949";
  }
  .font-delivery:before {
    content: "\e94a";
  }
  .font-dual-lens:before {
    content: "\e94b";
  }
  .font-edges:before {
    content: "\e94c";
  }
  .font-edit:before {
    content: "\e94d";
  }
  .font-eye:before {
    content: "\e94e";
  }
  .font-female-user:before {
    content: "\e94f";
  }
  .font-gallery:before {
    content: "\e950";
  }
  .font-glass:before {
    content: "\e951";
  }
  .font-globe:before {
    content: "\e952";
  }
  .font-layer:before {
    content: "\e953";
  }
  .font-lens:before {
    content: "\e954";
  }
  .font-phone:before {
    content: "\e955";
  }
  .font-processor:before {
    content: "\e956";
  }
  .font-secure:before {
    content: "\e957";
  }
  .font-shield:before {
    content: "\e958";
  }
  .font-storage:before {
    content: "\e959";
  }
  .font-thumb:before {
    content: "\e95a";
  }
  .font-timeline:before {
    content: "\e95b";
  }
  .font-download2:before {
    content: "\e93a";
  }
  .font-edit2:before {
    content: "\e93b";
  }
  .font-location:before {
    content: "\e93c";
  }
  .font-suceess:before {
    content: "\e93d";
  }
  .font-Female:before {
    content: "\e934";
  }
  .font-Hamburg:before {
    content: "\e936";
  }
  .font-Male:before {
    content: "\e937";
  }
  .font-User:before {
    content: "\e939";
  }
  .font-Play2:before {
    content: "\e933";
  }
  .font-Minus_2:before {
    content: "\e931";
  }
  .font-Plus_1:before {
    content: "\e932";
  }
  .font-3602:before {
    content: "\e900";
  }
  .font-All:before {
    content: "\e901";
  }
  .font-Arrow-down:before {
    content: "\e902";
  }
  .font-Arrow-up:before {
    content: "\e903";
  }
  .font-Calender:before {
    content: "\e904";
  }
  .font-Carousel-arrow-l:before {
    content: "\e905";
  }
  .font-Carousel-arrow-r:before {
    content: "\e906";
  }
  .font-Cart:before {
    content: "\e907";
  }
  .font-Chat:before {
    content: "\e908";
  }
  .font-Checkbox-tick:before {
    content: "\e909";
  }
  .font-Checkbox:before {
    content: "\e90a";
  }
  .font-Comment:before {
    content: "\e90b";
  }
  .font-Cross:before {
    content: "\e90c";
  }
  .font-Delete:before {
    content: "\e90d";
  }
  .font-Download:before {
    content: "\e90e";
  }
  .font-Events:before {
    content: "\e90f";
  }
  .font-Facebook:before {
    content: "\e910";
  }
  .font-Fill-up-arrow:before {
    content: "\e911";
  }
  .font-Fill-up-DOWN:before {
    content: "\e912";
  }
  .font-Gift:before {
    content: "\e913";
  }
  .font-Globe:before {
    content: "\e914";
  }
  .font-google-plus:before {
    content: "\e915";
  }
  .font-Heart-fill:before {
    content: "\e916";
  }
  .font-Heart:before {
    content: "\e917";
  }
  .font-info:before {
    content: "\e918";
  }
  .font-Instagram:before {
    content: "\e919";
  }
  .font-Mail:before {
    content: "\e91a";
  }
  .font-Minus:before {
    content: "\e91b";
  }
  .font-Mobile:before {
    content: "\e91c";
  }
  .font-Next-Page-arrow:before {
    content: "\e91d";
  }
  .font-No:before {
    content: "\e91e";
  }
  .font-Pagination-full:before {
    content: "\e91f";
  }
  .font-Pagination:before {
    content: "\e920";
  }
  .font-Phone:before {
    content: "\e921";
  }
  .font-Play:before {
    content: "\e922";
  }
  .font-Plus:before {
    content: "\e923";
  }
  .font-Previous-Page-arrow:before {
    content: "\e924";
  }
  .font-Question:before {
    content: "\e925";
  }
  .font-Refersh:before {
    content: "\e926";
  }
  .font-Search:before {
    content: "\e927";
  }
  .font-Share:before {
    content: "\e928";
  }
  .font-Star:before {
    content: "\e929";
  }
  .font-Tag:before {
    content: "\e92a";
  }
  .font-Tickmark-right:before {
    content: "\e92b";
  }
  .font-Tickmark:before {
    content: "\e92c";
  }
  .font-Twitter:before {
    content: "\e92d";
  }
  .font-User-Female:before {
    content: "\e92e";
  }
  .font-User-Male:before {
    content: "\e92f";
  }
  .font-You-tube:before {
    content: "\e930";
  }